/* Created on : 4-mar-2016, 18.12.15 Author : D. Khymchuk */ #new-order-clients .label-filter{color:#8F1D21;} /*%S GM TEST*/ /*#new-order-client .custom-container-1{margin:auto;margin-top:1em;padding:1em 1em 1em 0em;line-height:1.8em;cursor:default;}*/ #new-order-client .custom-container-1{margin:auto;margin-top:1em;padding:1em 1em 1em 0em;line-height:1.8em;cursor:default;} /*%E GM TEST*/ /*%S GM TEST*/ #new-order-client .custom-container-1{border-width: 5em;} #new-order-client .custom-container-1{border-color: red;} /*%E GM TEST*/ #new-order-client .custom-container-1.border-top{border-top:none;} #new-order-client .custom-container-1.margin-bottom{margin-bottom:2em;} #new-order-client .custom-container-1 .col{float:left;} #new-order-client .custom-container-1 .col-1{text-align:right;padding-right:2em;font-size:1.1em;} #new-order-client .custom-container-1 .col-1 label{text-decoration:underline;} #new-order-client .custom-container-1 .col-1 div.msg{line-height:1.6em;font-style:italic;font-size:0.8em;} #new-order-client .custom-container-1 .col-2{padding-left:2em;line-height:2.6em;} #new-order-client .custom-container-1 .col-2 label:not(.inline-option-1){display:inline-block;width:7em;margin-right:2em;} #new-order-client .custom-container-1 .col-2 .description span{line-height:1.4em;} #new-order-client .custom-container-1 .col-2 .description i{font-size:0.9em;} #new-order-client .custom-container-1 .col-2 .contacts span{display:inline-block;width:9em;margin-right:2em;} #new-order-client .custom-container-1 .col-2 .contacts i{margin-right:0.4em;} #new-order-client .custom-container-1 .col-2 .msg-options{line-height:1.6em;font-style:italic;padding:1em 0em;} #new-order-client .custom-container-1 .col-2 .accounts span{font-weight:bold;text-decoration:underline;margin-right:0.6em;} #new-order-client .custom-container-1 .col-2 .accounts span.support{font-style:italic;font-weight:normal;text-decoration:none;} #new-order-client .custom-container-1 .col-2 .activity span{text-transform:lowercase;} #new-order-client .custom-container-1 .col-2 .activity span.support{font-weight:bold;text-decoration:underline;margin-left:0.6em;} #new-order-client .custom-container-1 .col-2 .padder{height:3em;width:4em;} @media (max-width: 767px){ #new-order-client .custom-container-1{width:92%;} #new-order-client .custom-container-1 .col-1{width:98%;padding:0em 0em 0em 2em;border-right:none;text-align:left;margin-top:-1em;} #new-order-client .custom-container-1 .col-2 label:not(.inline-option-1){width:5.6em;} #new-order-client .custom-container-1 .col-2{width:100%;margin-top:1em;} #new-order-client .custom-container-1 .col-2 input{min-width:12em;width:60%;} #new-order-client .custom-container-1 .col-2 .cursor{width:12em;} #new-order-client .custom-container-1 .col-2 .padder{height:0.1em;}} @media (min-width: 768px) and (max-width: 991px){ #new-order-client .custom-container-1{width:90%;} #new-order-client .custom-container-1 .col-1{width:25%;} #new-order-client .custom-container-1 .col-2{width:74%;}} @media (min-width: 992px) and (max-width: 1199px) { #new-order-client .custom-container-1{width:80%;} #new-order-client .custom-container-1 .col-1{width:21%;} #new-order-client .custom-container-1 .col-2{width:77%;}} @media (min-width: 1199px) { #new-order-client .custom-container-1{width:80%;} #new-order-client .custom-container-1 .col-1{width:21%;} #new-order-client .custom-container-1 .col-2{width:77%;} } #new-order-clients .filters{border-bottom:1px solid gainsboro;padding-bottom:0.8em;} #new-order-clients .custom-grid-1{display:inline-table;width:80%;margin-left:3%;} #new-order-clients .custom-grid-1 .grid-row{display:table-row;line-height:2.6em;} #new-order-clients .custom-grid-1 .grid-row .grid-col{display:table-cell;padding:0.2em 0em;} #new-order-clients .custom-grid-1 .grid-row .grid-col-1{width:22%;text-align:right;} #new-order-clients .custom-grid-1 .grid-row .grid-col-2{width:78%;} #new-order-clients .custom-grid-1 .grid-row .grid-col-1 label{margin-right:1.2em;} #new-order-clients .buttons{text-align:center;margin-top:0.4em;} @media (max-width: 767px){ #new-order-clients .custom-grid-1{display:block;width:100%;} #new-order-clients .custom-grid-1 .grid-row{display:block;width:100%;} #new-order-clients .custom-grid-1 .grid-row .grid-col{display:block;width:95%;} #new-order-clients .custom-grid-1 .grid-row .grid-col-1{text-align:left;padding-left:0.4em;} } #new-order-list-items .support-menu{font-size:1.04em;margin-bottom:0.6em;color:#8F1D21;} #new-order-list-items .label-filter{float:right;margin:-0.2em 2em;cursor:pointer;} #new-order-list-items .label-filter:hover{text-decoration:underline;} #new-order-list-items .label-filter i{font-size:0.7em;} #new-order-list-items .label-cart{float:right;margin:0.5em 2em;cursor:pointer;font-size:1.2em;} #new-order-list-items .label-cart i{margin-right:0.3em;font-size:1.1em;} #new-order-list-items .custom-container-3{border-bottom:1px solid gainsboro;margin-bottom:1.8em;} #new-order-list-items .custom-button-1{margin:1.6em 0em;} #new-order-list-items .custom-grid-1{display:inline-table;width:98%;margin-left:1%;margin-top:0.2em;margin-bottom:1.6em;min-height:50em;} #new-order-list-items .custom-grid-1 .grid-row-1{display:table-row;} #new-order-list-items .custom-grid-1 .grid-row-1 .grid-col{display:table-cell;line-height:1.6em;cursor:default;vertical-align:top;} #new-order-list-items .custom-grid-1 .grid-row-1 .grid-col-1{width:22%;} #new-order-list-items .custom-grid-1 .grid-row-1 .grid-col-2{width:78%;padding:0em 0.4em;} #new-order-list-items .custom-grid-1 .grid-row-1 .grid-col-1 div{line-height:1.2em;} #new-order-list-items .custom-grid-1 .grid-row-1 .grid-col-1 div.ctrl label{margin-left:2em;margin-bottom:-0.2em;margin-top:0.3em;color:#7B0818;} #new-order-list-items .custom-grid-1 .grid-row-1 .grid-col-1 .special-filters{border:1px solid gainsboro;background:white;padding:1em 0em;margin-top:0.8em;} #new-order-list-items .custom-grid-1 .grid-row-1 .grid-col-1 .special-filters label{margin:0.4em 0em;margin-left:1em;} #new-order-list-items .custom-grid-1 .grid-row-1 .grid-col-1 .special-filters .group{padding:0.2em 1em;margin:0.3em 0em;cursor:pointer;} #new-order-list-items .custom-grid-1 .grid-row-1 .grid-col-1 .special-filters .group span{padding:0.4em 1em 0.4em 0.7em;} #new-order-list-items .custom-grid-1 .grid-row-1 .grid-col-1 .special-filters .group:hover span{background:#F2F2F2;} #new-order-list-items .custom-grid-1 .grid-row-1 .grid-col-1 .special-filters .group:hover i{} #new-order-list-items .custom-grid-1 .grid-row-1 .grid-col-1 .special-filters .group i{font-size:0.78em;margin-right:0em;} #new-order-list-items .custom-grid-1 .grid-row-1 .grid-col-1 .special-filters .group.level-1{font-size:1.02em;font-weight:bold;text-transform:uppercase;cursor:pointer;} #new-order-list-items .custom-grid-1 .grid-row-1 .grid-col-1 .special-filters .group.level-1.selected span{font-weight:bold;text-decoration:underline;color:#7B0818;} #new-order-list-items .custom-grid-1 .grid-row-1 .grid-col-1 .special-filters .group.level-1.selected i{transform:rotate(90deg);} #new-order-list-items .custom-grid-1 .grid-row-1 .grid-col-1 .special-filters .group.level-1 div.image{display:inline-block;width:2.6em;height:2.1em;margin-bottom:-0.6em;} #new-order-list-items .custom-grid-1 .grid-row-1 .grid-col-1 .special-filters .group.level-1 span{margin-left:-0.6em;text-decoration:underline;} #new-order-list-items .custom-grid-1 .grid-row-1 .grid-col-1 .special-filters .group.level-1:hover span{} #new-order-list-items .custom-grid-1 .grid-row-1 .grid-col-1 .special-filters .group.level-2{margin-left:1.6em;font-size:0.92em;text-transform:uppercase;} #new-order-list-items .custom-grid-1 .grid-row-1 .grid-col-1 .special-filters .group.level-2.selected{font-weight:bold;text-decoration:underline;color:#7B0818;} #new-order-list-items .custom-grid-1 .grid-row-1 .grid-col-1 .special-filters .group.level-2.selected i{transform:rotate(90deg);} #new-order-list-items .custom-grid-1 .grid-row-1 .grid-col-1 .special-filters .group.level-3{margin-left:3.2em;font-size:0.9em;text-transform:uppercase;} #new-order-list-items .custom-grid-1 .grid-row-1 .grid-col-1 .special-filters .group.level-3.selected{font-weight:bold;text-decoration:underline;color:#7B0818;} #new-order-list-items .custom-grid-1 .grid-row-1 .grid-col-1 .special-filters .group.level-3.selected i{transform:rotate(90deg);} #new-order-list-items .custom-grid-1 .grid-row-1 .grid-col-1 .special-filters .group.level-4{margin-left:4.8em;font-size:0.94em;} #new-order-list-items .custom-grid-1 .grid-row-1 .grid-col-1 .special-filters .group.level-4.selected{font-weight:bold;text-decoration:underline;color:#7B0818;} #new-order-list-items .custom-grid-1 .grid-row-1 .grid-col-1 .item-filters i{margin-right:0em;} #new-order-list-items .custom-grid-1 .grid-row-1 .grid-col-1 .free-search{border:1px solid gainsboro;background:white;padding:1em 1em 0.8em 1em;margin-top:2.0em;} #new-order-list-items .custom-grid-1 .grid-row-1 .grid-col-1 .free-search .input-container{display:inline-table;width:100%;margin-left:-0.2em;margin-top:0.4em;} #new-order-list-items .custom-grid-1 .grid-row-1 .grid-col-1 .free-search .input-container div{display:table-cell;height:1.8em;line-height:1.8em;border:1px solid gainsboro;} #new-order-list-items .custom-grid-1 .grid-row-1 .grid-col-1 .free-search .input-container div.search{width:3em;text-align:center;background:#F2F2F2;border-left:none;cursor:pointer;} #new-order-list-items .custom-grid-1 .grid-row-1 .grid-col-1 .free-search .input-container div input{width:100%;border:1px solid transparent;padding-left:1em;height:2.3em;} #new-order-list-items .custom-grid-1 .grid-row-1 .grid-col-1 .free-search .input-container input:focus{border:1px solid silver;} #new-order-list-items .custom-grid-1 .grid-row-1 .grid-col-1 .free-search .input-container div.search:hover{background:gainsboro;} #new-order-list-items .custom-grid-1 .grid-row-1 .grid-col-1 .support-description{margin-top:0.8em;} #new-order-list-items .custom-grid-1 .grid-row-1 .grid-col-1 .support-description span{font-size:0.92em;display:inline-block; background:#a82133;color:white;padding:0.4em 0.8em 0.3em 0.8em;margin-bottom:0.3em;margin-right:0.3em;} #new-order-list-items .custom-grid-1 .grid-row-1 .grid-col-1 .support-description div{margin-top:0.4em;border-top:1px solid gainsboro;text-align:center;} #new-order-list-items .custom-grid-1 .grid-row-1 .grid-col-1 .support-description button{margin-top:0.6em;width:8em;padding:0.5em;border:1px solid gainsboro;background:#F2F2F2;cursor:pointer;} #new-order-list-items .custom-grid-1 .grid-row-1 .grid-col-1 .support-description button:hover{background:gainsboro;} #new-order-list-items .custom-filler{text-align:center;background:#FFE4E0;border:1px solid #FFE4E0;color:firebrick;font-size:1.2em;padding:3em;line-height:1.4em;font-style:italic;margin:2em 1em;} #new-order-list-items .custom-grid-2{display:inline-table;width:98%;margin-left:1%;margin-top:0.2em;} #new-order-list-items .custom-grid-2 .grid-row{display:table-row;} #new-order-list-items .custom-grid-2 .grid-row .grid-col{display:table-cell;line-height:1.6em;cursor:default;vertical-align:top;border:1px solid gainsboro;border-bottom:none;background:white;} /*#new-order-list-items .custom-grid-2 .grid-row:hover .grid-col:not(.grid-col-1):not(.grid-col-2){background:#F2F2F2;}*/ #new-order-list-items .custom-grid-2 .grid-row:last-child .grid-col{border-bottom:1px solid gainsboro;} #new-order-list-items .custom-grid-2 .grid-row .grid-col-1{width:12%;text-align:center;} #new-order-list-items .custom-grid-2 .grid-row .grid-col-1 div{margin:0em;} #new-order-list-items .custom-grid-2 .grid-row .grid-col-2{width:12%;border-left:none;border-right:none;} #new-order-list-items .custom-grid-2 .grid-row .grid-col-3{width:48%;} #new-order-list-items .custom-grid-2 .grid-row .grid-col-4{width:12%;border-left:none;border-right:none;text-align:center;} #new-order-list-items .custom-grid-2 .grid-row .grid-col-5{width:13%;text-align:center;} #new-order-list-items .custom-grid-2 .grid-row .image{width:100%;height:5em;padding:0em;border:1px solid white;line-height:5em;} #new-order-list-items .custom-grid-2 .grid-row .image img{} #new-order-list-items .custom-grid-2 .grid-row .image .filler-msg{height:5em;text-align:center;font-size:0.9em;font-style:italic;padding-top:1.3em;line-height:1.2em;} #new-order-list-items .custom-grid-2 .grid-row .grid-col-1 .image img{height:4.5em;width:6.5em;margin:auto;} #new-order-list-items .custom-grid-2 .grid-row .grid-col-2 .image img{height:3.5em;margin:auto;margin-top:0.6em;} #new-order-list-items .custom-grid-2 .grid-row .grid-col-3 div{margin-left:0.8em;} #new-order-list-items .custom-grid-2 .grid-row .grid-col-3 div.description{margin-top:0.8em;} #new-order-list-items .custom-grid-2 .grid-row .grid-col-3 div.description label{cursor:pointer;font-weight:normal;text-decoration:underline} #new-order-list-items .custom-grid-2 .grid-row .grid-col-3 div.code2{cursor:pointer;font-weight:bold;font-size:1em} /*RT04*/ #new-order-list-items .custom-grid-2 .grid-row .grid-col-3 div.code,div.code2,#new-order-list-items .custom-grid-2 .grid-row .grid-col-3 div.stock{display:inline-block;width:30%;font-size:0.84em;margin-top:0.2em;} #new-order-list-items .custom-grid-2 .grid-row .grid-col-3 div.art_statis1{display:inline-block;width:60%;font-size:0.84em;margin-top:0.2em;} /*RT04*/ #new-order-list-items .custom-grid-2 .grid-row .grid-col-3 div.stock span.available{padding:0.3em 0.4em;margin-left:0.2em;text-align:center;background:#4DAF7C;color:white;text-transform:lowercase;} #new-order-list-items .custom-grid-2 .grid-row .grid-col-3 div.stock span.special{background:#f0ad4e;color:white;padding:0.3em 0.8em;margin-left:0.2em;text-transform:lowercase;} #new-order-list-items .custom-grid-2 .grid-row .grid-col-3 div.stock span.special2{background:#336699;color:white;padding:0.3em 0.8em;margin-left:0.2em;text-transform:lowercase;text-decoration:underline;cursor:pointer;} /*RT02*/ #new-order-list-items .custom-grid-2 .grid-row .grid-col-3 div.stock span.special3{background:#f2473f;color:white;padding:0.3em 0.8em;margin-left:0.2em;text-transform:lowercase;} /*RT03*/ #new-order-list-items .custom-grid-2 .grid-row .grid-col-4 div{font-size:1.1em;padding-top:1.4em;} #new-order-list-items .custom-grid-2 .grid-row .grid-col-5 div{padding-top:1.5em;} #new-order-list-items .custom-grid-2 .grid-row .grid-col-5 div label{font-size:0.94em;text-decoration:underline;cursor:pointer;} #new-order-list-items .custom-grid-2 .grid-row .grid-col-1 .special-added{position:absolute;z-index:11;font-size:0.8em;color:white;background:#4DAF7C;padding:0.2em 1em;} #new-order-list-items .custom-grid-2 .grid-row.header .grid-col{border:none;background:none;text-align:center;color:#7B0818;} #new-order-item-main .label-cart{float:right;margin:0.5em 2em;cursor:pointer;font-size:1.2em;} #new-order-item-main .label-cart i{margin-right:0.3em;font-size:1.1em;} #new-order-item-main .custom-container-1{float:left;width:96%;margin-left:2%;margin-top:1em;} #new-order-item-main .custom-container-1 .col{float:left;} #new-order-item-main .custom-container-1 .col-1{width:30%;text-align:center;} #new-order-item-main .custom-container-1 .col-2{width:40%;margin-left:2%;padding:1em 1em 0em 1em;line-height:2.5em;font-size:0.96em;} #new-order-item-main .custom-container-1 .col-3{width:26%;line-height:2em;} #new-order-item-main .custom-container-1 .col-1 .image{width:100%;height:17.6em;border:1px solid gainsboro;margin-top:0.2em;padding:1em 0em;background:white;} #new-order-item-main .custom-container-1 .col-1 .image img{width:22.5em;height:15em;margin:auto;} #new-order-item-main .custom-container-1 .col-1 .image .filler-msg{text-align:center;font-size:0.9em;font-style:italic;height:12em;line-height:16em;} #new-order-item-main .custom-container-1 .col-2 .description label{font-size:1.1em;text-decoration:underline;} #new-order-item-main .custom-container-1 .col-2 label{margin-right:0.3em;} #new-order-item-main .custom-container-1 .col-3 .item-menu{border:1px solid gainsboro;padding:1em;} #new-order-item-main .custom-container-1 .col-3 .item-menu div.discount-notes{ background:#FFE4E0;border:1px solid #FFE4E0;color:firebrick;margin-top:1em;padding:1em 0.8em;font-size:1em;font-style:italic;line-height:1.2em;} #new-order-item-main .custom-container-1 .col-3 .item-menu label{width:6em;font-size:0.96em;margin-left:1em;} #new-order-item-main .custom-container-1 .col-3 .item-menu span{display:inline-block;width:8.6em;text-align:right;font-weight:bold;} #new-order-item-main .custom-container-1 .col-3 .item-menu span.amount{font-size:1.1em;color:#7B0818;width:8em;text-decoration:underline;} #new-order-item-main .custom-container-1 .col-3 .item-menu button:not(.custom-button-1){width:2.2em;background:#f2f2f2;height:2.3em;} #new-order-item-main .custom-container-1 .col-3 .item-menu button:hover{background:gainsboro;} #new-order-item-main .custom-container-1 .col-3 .item-menu button.custom-button-1{background:#7B0818;color:white;} #new-order-item-main .custom-container-1 .col-3 .item-menu button.custom-button-1:hover{background:#7B0818;color:white;} /*%S GM TEST*/ #new-order-item-main .custom-container-1 .col-3 .item-menu button.custom-button-1:disabled{background:#808080;color:white;} /*%E GM TEST*/ #new-order-item-main .custom-container-1 .col-3 .item-menu button.no-border-left{border-left:none;} #new-order-item-main .custom-container-1 .col-3 .item-menu button.no-border-right{border-right:none;} #new-order-item-main .custom-container-1 .col-3 .item-menu button.custom-button-1{width:90%;margin-left:5%;margin-top:2em;} #new-order-item-main .custom-container-1 .col-3 .item-menu input{width:5em;text-align:center;margin:0.4em 0em 0.6em 0em;height:2.3em;} #new-order-item-main .custom-container-1 .stock span.available{display:inline-block;width:5em;height:2em;line-height:2em;margin-left:0.2em;text-align:center;background:#4DAF7C;color:white;} #new-order-item-main .custom-container-1 .stock span.special{background:#f0ad4e;color:white;padding:0.3em 0.8em;margin-left:0.6em;text-transform:lowercase;} #new-order-item-main .custom-container-1 .stock span.special3{background:#f2473f;color:white;padding:0.3em 0.8em;margin-left:0.2em;text-transform:lowercase;} /*RT03*/ #new-order-item-main .custom-container-1 .stock span.special2{background:#336699;color:white;padding:0.3em 0.8em;margin-left:0.2em;text-transform:lowercase;text-decoration:underline;cursor:pointer;} /*RT02*/ #new-order-item-main .custom-container-1 .properties{width:80%;} #new-order-item-main .custom-container-1 .properties span{background:gainsboro;text-transform:lowercase;padding:0.3em 0.8em;margin:0em 0.3em;cursor:default;} #new-order-item-main .custom-container-2{float:left;width:94%;margin-top:2.8em;margin-left:3%;line-height:1.2em;color:#7B0818;text-align:center;border-bottom:1px solid #7B0818;} #new-order-item-main .custom-container-3{float:left;width:96%;margin-left:2%;margin-bottom:3em;margin-top:2em;line-height:1.6em;} #new-order-item-main .custom-container-3 .custom-entry{float:left;width:23.7%;margin-left:1%;background:white;border:1px solid gainsboro;margin-top:0.9em;cursor:pointer;} #new-order-item-main .custom-container-3 .custom-entry label{cursor:pointer;} #new-order-item-main .custom-container-3 .custom-entry:hover{border:1px solid silver;box-shadow:0px 0px 3px 1px rgba(0,0,0,0.35);} #new-order-item-main .custom-container-3 .custom-entry:hover .image{border-bottom:1px solid silver;} #new-order-item-main .custom-container-3 .custom-entry .special-added{position:absolute;z-index:11;font-size:0.9em;color:white;background:#4DAF7C;padding:0em 1em;} #new-order-item-main .custom-container-3 .custom-entry .special-not-available{position:absolute;z-index:11;font-size:0.9em;color:white;background:#7B0818;padding:0em 1em;} #new-order-item-main .custom-container-3 .custom-entry .image{width:100%;height:14em;padding-top:2em;border-bottom:1px solid gainsboro;background:white;} #new-order-item-main .custom-container-3 .custom-entry .image img{width:16em;height:10.6em;margin:auto;} #new-order-item-main .custom-container-3 .custom-entry .image .filler-msg{text-align:center;font-size:0.9em;font-style:italic;height:12em;line-height:16em;} #new-order-item-main .custom-container-3 .custom-entry .description,#new-order-list-items .custom-grid-1 .custom-container-1 .custom-entry .code, #new-order-item-main .custom-container-3 .custom-entry .price,#new-order-item-main .custom-container-3 .custom-entry .stock{font-size:0.9em;text-align:center;} #new-order-item-main .custom-container-3 .custom-entry .description{margin-top:0.5em;} #new-order-item-main .custom-container-3 .custom-entry .description label{text-decoration:underline;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} #new-order-item-main .custom-container-3 .custom-entry .price label{font-size:1.1em;} #new-order-item-main .custom-container-3 .custom-entry .code{margin-bottom:0em;text-align:center;font-size:0.9em;} #new-order-item-main .custom-container-3 .custom-entry .stock{margin-bottom:0.4em;} #new-order-item-main .custom-container-3 .custom-entry div.stock span.available{padding:0.3em 0.8em;margin-left:0.2em;text-align:center;background:#4DAF7C;color:white;text-transform:lowercase;} #new-order-item-main .custom-container-3 .custom-entry div.stock span.special{background:#f0ad4e;color:white;padding:0.3em 0.8em;margin-left:0.2em;text-transform:lowercase;} #new-order-item-main .custom-container-3 .custom-entry div.stock span.special3{background:#f2473f;color:white;padding:0.3em 0.8em;margin-left:0.2em;text-transform:lowercase;} /*RT03*/ #new-order-item-main .filler{float:left;width:92%;margin:2em 0em;margin-left:4%;text-align:center;height:6em;line-height:6em;background:#F2F2F2;border:1px solid gainsboro;} #new-order-item-main .custom-grid-1{display:inline-table;width:86%;margin-left:7%;margin-top:1.6em;margin-bottom:2em;font-size:0.94em;} #new-order-item-main .custom-grid-1 .grid-row{display:table-row;} #new-order-item-main .custom-grid-1 .grid-row .grid-col{display:table-cell;line-height:1.6em;cursor:default;vertical-align:top;border:1px solid gainsboro;border-bottom:none;background:white;} #new-order-item-main .custom-grid-1 .grid-row .grid-col-1{width:12%;text-align:center;} #new-order-item-main .custom-grid-1 .grid-row .grid-col-1 div{margin:0em;} #new-order-item-main .custom-grid-1 .grid-row .grid-col-2{width:48%;border-left:none;border-right:none;padding-left:1.6em;} #new-order-item-main .custom-grid-1 .grid-row .grid-col-2 div.code{cursor:pointer;} /*RT04*/ #new-order-item-main .custom-grid-1 .grid-row .grid-col-3{width:12%;text-align:center;line-height:5em;} #new-order-item-main .custom-grid-1 .grid-row .grid-col-4{width:14%;border-left:none;border-right:none;text-align:center;} #new-order-item-main .custom-grid-1 .grid-row .grid-col-5{width:13%;text-align:center;} #new-order-item-main .custom-grid-1 .grid-row:last-child .grid-col{border-bottom:1px solid gainsboro;} #new-order-item-main .custom-grid-1 .grid-row .image{width:100%;height:5em;padding:0em;border:1px solid white;line-height:5em;} #new-order-item-main .custom-grid-1 .grid-row .image .filler-msg{height:5em;text-align:center;font-size:0.9em;font-style:italic;padding-top:1.5em;line-height:1.2em;} #new-order-item-main .custom-grid-1 .grid-row .grid-col-1 .image img{height:4.5em;width:6.5em;margin:auto;} #new-order-item-main .custom-grid-1 .grid-row .grid-col-1 .special-added{position:absolute;z-index:11;font-size:0.9em;color:white;background:#4DAF7C;padding:0em 1em;} #new-order-item-main .custom-grid-1 .grid-row .grid-col-2 div.description{margin-top:0.8em;cursor:pointer;text-decoration:underline;} #new-order-item-main .custom-grid-1 .grid-row .grid-col-4 div{margin-top:1.4em;line-height:2em;} #new-order-item-main .custom-grid-1 .grid-row .grid-col-4 input{width:4em;text-align:center;height:2.3em;} #new-order-item-main .custom-grid-1 .grid-row .grid-col-4 button{width:2em;background:#F2F2F2;height:2.3em;} #new-order-item-main .custom-grid-1 .grid-row .grid-col-4 button:hover{background:gainsboro;} #new-order-item-main .custom-grid-1 .grid-row .grid-col-4 button.no-border-left{border-left:none;} #new-order-item-main .custom-grid-1 .grid-row .grid-col-4 button.no-border-right{border-right:none;} #new-order-item-main .custom-grid-1 .grid-row .grid-col-5 label{margin-top:1.6em;text-decoration:underline;cursor:pointer;} #new-order-item-main .custom-grid-1 .grid-row div.code,#new-order-item-main .custom-grid-1 .grid-row div.stock{display:inline-block;width:44%;font-size:0.92em;margin-top:0.2em;} #new-order-item-main .custom-grid-1 .grid-row div.stock span.available{padding:0.3em 0.8em;margin-left:0.2em;text-align:center;background:#4DAF7C;color:white;text-transform:lowercase;} #new-order-item-main .custom-grid-1 .grid-row div.stock span.special{background:#f0ad4e;color:white;padding:0.3em 0.8em;margin-left:0.2em;text-transform:lowercase;} #new-order-item-main .custom-grid-1 .grid-row div.stock span.special3{background:#f2473f;color:white;padding:0.3em 0.8em;margin-left:0.2em;text-transform:lowercase;} #new-order-item-main .separator{border-bottom:1px solid gainsboro;} #new-order-item-main .title{float:left;border-bottom:1px solid #7B0818;color:#7B0818;width:96%;margin-left:2%;line-height:1.4em;margin-top:2em;} #new-order-item-main .title label{margin-left:0.8em;} /*#new-order-item-main .custom-container-4{float:left;width:96%;margin-left:3%;margin-bottom:3em;margin-top:0.8em;line-height:1.3em;display:none;} #new-order-item-main .custom-container-4 .custom-entry{float:left;width:15%;margin-left:1%;background:white;border:1px solid gainsboro;margin-top:0.9em;} #new-order-item-main .custom-container-4 .custom-entry label{} #new-order-item-main .custom-container-4 .custom-entry:hover{border:1px solid silver;box-shadow:0px 0px 3px 1px rgba(0,0,0,0.35);} #new-order-item-main .custom-container-4 .custom-entry:hover .image{border-bottom:1px solid silver;} #new-order-item-main .custom-container-4 .custom-entry .image{width:100%;height:8em;padding-top:0.2em;border-bottom:1px solid gainsboro;background:white;} #new-order-item-main .custom-container-4 .custom-entry .image img{width:7.8em;height:6em;margin:auto;margin-top:0.8em;} #new-order-item-main .custom-container-4 .custom-entry .image .filler-msg{text-align:center;font-size:0.9em;font-style:italic;height:6em;line-height:7.6em;} #new-order-item-main .custom-container-4 .custom-entry .checkbox{position:absolute;margin-top:0em;border-right:1px solid gainsboro;border-bottom:1px solid gainsboro;padding:0.2em 0.3em 0.3em 0.2em;} #new-order-item-main .custom-container-4 .custom-entry .description,#new-order-list-items .custom-grid-1 .custom-container-1 .custom-entry .code, #new-order-item-main .custom-container-4 .custom-entry .price{font-size:0.86em;text-align:center;cursor:default;} #new-order-item-main .custom-container-4 .custom-entry .description{margin-top:0.5em;margin-bottom:0.2em;min-height:3em;} #new-order-item-main .custom-container-4 .custom-entry .description label{text-decoration:underline;padding:0em 0.6em;} #new-order-item-main .custom-container-4 .custom-entry .price label{font-size:1.1em;} #new-order-item-main .custom-container-4 .custom-entry .code{margin-bottom:0.6em;text-align:center;font-size:0.9em;cursor:default;} #new-order-item-main .filler{float:left;width:92%;margin:2em 0em;margin-left:4%;text-align:center;height:6em;line-height:6em;background:#F2F2F2;border:1px solid gainsboro;} #new-order-item-main .kit-menu{text-align:center;display:none;} #new-order-item-main .kit-menu button{width:20em;}*/ #new-order-recap .custom-grid-1{display:inline-table;width:96%;margin-left:2%;margin-top:1.6em;margin-bottom:2em;} #new-order-recap .custom-grid-1 .grid-row{display:table-row;} #new-order-recap .custom-grid-1 .grid-row .grid-col{display:table-cell;border:1px solid gainsboro;border-bottom:none;background:white;vertical-align:top;} #new-order-recap .custom-grid-1 .grid-row:last-child .grid-col{border-bottom:1px solid gainsboro;} #new-order-recap .custom-grid-1 .grid-row .grid-col-1{width:15%;} #new-order-recap .custom-grid-1 .grid-row .grid-col-2{width:45%;line-height:1.4em;padding-top:1.2em;padding-left:1.2em;border-left:none;border-right:none;} #new-order-recap .custom-grid-1 .grid-row .grid-col-3{width:17%;line-height:2em;text-align:center;padding-top:1.6em;} #new-order-recap .custom-grid-1 .grid-row .grid-col-4{width:11%;border-left:none;border-right:none;padding-top:1.1em;text-align:center;font-size:1.1em;font-weight:bold;} /*%S GM TEST*/ /*#new-order-recap .custom-grid-1 .grid-row .grid-col-5{width:12%;text-align:center;padding-top:1.2em;}*/ #new-order-recap .custom-grid-1 .grid-row .grid-col-5{width:12%;text-align:center;padding-top:0.0em;line-height:2.0em} #new-order-recap .custom-grid-1 .grid-row .grid-col-5 button.custom-button-1{background:#7B0818;color:white;} #new-order-recap .custom-grid-1 .grid-row .grid-col-5 button.custom-button-1:disabled{background:#808080;color:white;} /*%E GM TEST*/ #new-order-recap .custom-grid-1 .grid-row .grid-col-1 .image{width:100%;height:5.6em;padding-top:0.3em;} #new-order-recap .custom-grid-1 .grid-row .grid-col-1 .image img{width:7.5em;height:5em;margin:auto;} #new-order-recap .custom-grid-1 .grid-row .grid-col-1 .image .filler-msg{text-align:center;font-size:0.9em;font-style:italic;height:5em;line-height:5em;} #new-order-recap .custom-grid-1 .grid-row .grid-col-2 span{display:inline-block;} #new-order-recap .custom-grid-1 .grid-row .grid-col-2 span.block-1{width:60%;} #new-order-recap .custom-grid-1 .grid-row .grid-col-3 input{width:4em;text-align:center;height:2.3em;} #new-order-recap .custom-grid-1 .grid-row .grid-col-3 button{width:2.2em;background:#f2f2f2;height:2.3em;} #new-order-recap .custom-grid-1 .grid-row .grid-col-3 button:hover{background:gainsboro;} #new-order-recap .custom-grid-1 .grid-row .grid-col-3 button.no-border-left{border-left:none;} #new-order-recap .custom-grid-1 .grid-row .grid-col-3 button.no-border-right{border-right:none;} #new-order-recap .custom-grid-1 .grid-row .grid-col-5 span{font-weight:bold;text-decoration:underline;cursor:pointer;} #new-order-recap .custom-grid-2{display:inline-table;width:100%;margin-top:2.6em;border-top:1px solid gainsboro;} #new-order-recap .custom-grid-2 .grid-row{display:table-row;} #new-order-recap .custom-grid-2 .grid-row .grid-col{display:table-cell;padding:1em;} #new-order-recap .custom-grid-2 .grid-row .grid-col-1{width:60%;border-right:1px solid gainsboro;} #new-order-recap .custom-grid-2 .grid-row .grid-col-2{width:40%;} #new-order-recap .custom-grid-2 .grid-row .grid-col-1 .destination-container .custom-tab div{float:left;width:50%;border:1px solid gainsboro;background:white;border-bottom:none;text-align:center;margin-bottom:-0.1em;z-index:2;cursor:pointer;} #new-order-recap .custom-grid-2 .grid-row .grid-col-1 .destination-container .custom-tab div:first-child{background:gainsboro;} #new-order-recap .custom-grid-2 .grid-row .grid-col-1 .destination-container .checkbox{display:none;border:1px solid gainsboro;color:white;background:green;padding:0.3em 0.4em;margin-left:1em;margin-right:0.4em;} #new-order-recap .custom-grid-3{display:inline-table;width:100%;font-size:0.96em;} #new-order-recap .custom-grid-3 .grid-row{display:table-row;} #new-order-recap .custom-grid-3 .grid-row .grid-col{display:table-cell;padding:0em 0em 0em 1em;border:1px solid gainsboro;border-bottom:none;} #new-order-recap .custom-grid-3 .grid-row:last-child .grid-col{border-bottom:1px solid gainsboro;} #new-order-recap .custom-grid-3 .grid-row .grid-col-1{width:25%;background:#F2F2F2;border-right:none;} #new-order-recap .custom-grid-3 .grid-row .grid-col-2{width:75%;background:white;} #new-order-recap .custom-container-2{float:left;width:100%;border:1px solid gainsboro;border-top:none;padding:1em 1.6em 1em 1em;margin-left:0%;font-size:0.96em;background:white;z-index:1;} #new-order-recap .custom-container-2 .col{float:left;line-height:2.4em;margin-top:0.3em;} #new-order-recap .custom-container-2 .col-1{width:17%;} #new-order-recap .custom-container-2 .col-1a{width:10%;} #new-order-recap .custom-container-2 .col-2{width:80%;} #new-order-recap .custom-container-2 .col-3{width:10%;} #new-order-recap .custom-container-2 .col-4{width:40%;} #new-order-recap .custom-container-2 .col input{width:100%;} #new-order-recap .custom-container-2 .col label{width:100%;text-align:right;padding-right:0.8em;} #new-order-recap .custom-container-2 .custom-selector{display:inline-block;line-height:1.6em;outline:none;} #new-order-recap .custom-container-2 .custom-selector .header div:not(.secondary){cursor:pointer;text-decoration:underline;font-weight:bold;} #new-order-recap .custom-container-2 .custom-selector .header i{margin-left:0.6em;font-size:0.7em;} #new-order-recap .custom-container-2 .custom-selector .header div.secondary{font-weight:normal;font-size:0.96em;margin-top:-0.2em;cursor:pointer;} #new-order-recap .custom-container-2 .custom-selector .menu{box-shadow: 0 0.1em 0.55em 0em rgba(0,0,0,0.35); position:absolute;width:54em;max-height:16em;margin-top:0.2em;z-index:11;background:white;overflow-x:hidden;border:1px solid gainsboro;} #new-order-recap .custom-container-2 .custom-selector .menu-entry{padding:0.6em 1em;border-bottom:1px solid #EBEBEB;cursor:pointer;text-align:left;} #new-order-recap .custom-container-2 .custom-selector .menu-entry:hover{background:#EBEBEB;} #new-order-recap .custom-container-2 .custom-selector .menu-entry label{cursor:pointer;width:100%;text-align:left;} #new-order-recap .custom-container-2 .custom-selector .menu-entry .secondary{line-height:1.2em;font-size:0.96em;} #new-order-recap .custom-container-2 .custom-selector .menu::-webkit-scrollbar {width:6px;} #new-order-recap .custom-container-2 .custom-selector .menu::-webkit-scrollbar-track {background-color:silver;} #new-order-recap .custom-container-2 .custom-selector .menu::-webkit-scrollbar-thumb {background-color:#373f42;} #new-order-recap .custom-container-2 .custom-selector .menu::-webkit-scrollbar-thumb:window-inactive {background:#373f42;} #new-order-recap .custom-container-2 .custom-selector.static .header{cursor:default;} #new-order-recap .custom-container-2 .custom-selector.static i{display:none;} #new-order-recap .custom-container-1{margin:auto;padding:1em 2em 1em 2em;cursor:default;} #new-order-recap .item{display:inline-table;border-collapse:separate;border-spacing:0px 3px;} #new-order-recap .item .col{display:table-cell;padding:0.4em 1em 1.2em 1em;background:#F2F2F2;border:1px solid gainsboro;} #new-order-recap .item .col-1{width:12%;text-transform:uppercase;} #new-order-recap .item .col-2{width:58%;border-left:none;border-right:none;} #new-order-recap .item .col-3{width:11%;} #new-order-recap .item .col-4{width:9%;border-left:none;border-right:none;} #new-order-recap .item .col-5{width:10%;text-align:center;} #new-order-recap .item .col-1 div{line-height:1.4em;margin-top:1em;} #new-order-recap .item .col-2 div.description{font-size:1em;line-height:1.4em;} #new-order-recap .item .col-2 div.id{line-height:1.4em;margin-top:0.2em;} #new-order-recap .item .col-2 div.id span{float:right;margin-right:1em;margin-top:-0.2em;} #new-order-recap .item .col-3{text-align:right;} #new-order-recap .item .col-4 input{margin-top:0.4em;line-height:2.4em;width:98%;text-align:center;} #new-order-recap .item .col-5 span{cursor:pointer;text-decoration:underline;} #new-order-recap .item .special-added{position:absolute;z-index:11;font-size:0.9em;color:white;background:#4DAF7C;line-height:1em;padding:0.4em 1em;margin-left:-1.2em;margin-top:-0.7em;} #new-order-recap .custom-container-1 .order-recap{float:right;width:50%;line-height:1.6em;margin-top:-0.4em;} #new-order-recap .custom-container-1 .order-recap div.total{font-size:1.1em;margin-top:0.4em;} #new-order-recap .custom-container-1 .order-recap label{width:13em;} #new-order-recap .custom-container-1 .order-recap label.value{width:8em;text-align:right;} #new-order-recap .custom-container-1 .order-recap div.total{font-size:1.1em;margin-top:0.4em;} #new-order-recap .custom-container-1 .order-recap div.total label{width:11.8em;} #new-order-recap .custom-container-1 .order-recap div.total label.value{width:7.4em;text-decoration:underline;} #new-order-recap .custom-container-1 .order-recap span.secondary{margin-left:0.6em;font-size:0.92em;font-style:italic;} #new-order-recap .order-footer{border-top:1px solid gainsboro;} #new-order-recap .order-footer .col{float:left;padding:0em 1em;} #new-order-recap .order-footer .col-1{width:59%;border-right:1px solid gainsboro;padding-left:4em;} #new-order-recap .order-footer .col-2{width:40%;border-left:1px solid gainsboro;margin-left:-1px;padding-left:2.8em;} #new-order-recap .custom-title-1 label{color:#8F1D21;text-decoration:underline;margin-left:2em;margin-top:0.8em;} #new-order-recap .custom-title-1.margin-left{margin-left:3em;} #new-order-recap .custom-grid-4{display:inline-table;width:100%;margin-top:1.6em;margin-bottom:2em;border-top:1px solid gainsboro;} #new-order-recap .custom-grid-4 .grid-row{display:table-row;} #new-order-recap .custom-grid-4 .grid-row .grid-col{display:table-cell;vertical-align:top;padding:0em 1em;} #new-order-recap .custom-grid-4 .grid-row .grid-col-1{width:58%;} #new-order-recap .custom-grid-4 .grid-row .grid-col-2{width:42%;border-left:1px solid gainsboro;} #new-order-recap .custom-grid-4 .separator{border-bottom:1px solid gainsboro;margin:1.6em 0em 0.4em 0em;} #new-order-recap .custom-grid-5{display:inline-table;width:100%;margin-left:1%;line-height:2.8em;} #new-order-recap .custom-grid-5 .grid-row{display:table-row;} #new-order-recap .custom-grid-5 .grid-row .grid-col{display:table-cell;vertical-align:top;} #new-order-recap .custom-grid-5 .grid-row .grid-col-1{width:38%;text-align:right;} #new-order-recap .custom-grid-5 .grid-row .grid-col-2{width:62%;border-left:none;} #new-order-recap .custom-grid-5 .custom-selector{display:inline-block;outline:none;} #new-order-recap .custom-grid-5 .custom-selector .header{cursor:pointer;text-decoration:underline;font-weight:bold;max-width:30em;} #new-order-recap .custom-grid-5 .custom-selector .header div{line-height:1.4em;margin-top:0.8em;} #new-order-recap .custom-grid-5 .custom-selector .header i{margin-left:0.6em;font-size:0.7em;} #new-order-recap .custom-grid-5 .custom-selector .header span{text-decoration:underline;display:inline-block;height:2.4em;line-height:2.4em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} #new-order-recap .custom-grid-5 .custom-selector .menu{box-shadow: 0 0.1em 0.55em 0em rgba(0,0,0,0.35); position:absolute;width:34em;max-height:26em;margin-top:0.2em;z-index:11;background:white;overflow-x:hidden;border:1px solid gainsboro;} #new-order-recap .custom-grid-5 .custom-selector .menu-entry{padding:0.6em 1em;border-bottom:1px solid #EBEBEB;cursor:pointer;line-height:1.4em;} #new-order-recap .custom-grid-5 .custom-selector .menu-entry:hover{background:#EBEBEB;} #new-order-recap .custom-grid-5 .custom-selector .menu-entry label{cursor:pointer;width:100%;} #new-order-recap .custom-grid-5 .custom-selector .menu-entry .secondary{line-height:1.2em;font-size:0.96em;} #new-order-recap .custom-grid-5 .custom-selector .menu::-webkit-scrollbar {width:6px;} #new-order-recap .custom-grid-5 .custom-selector .menu::-webkit-scrollbar-track {background-color:silver;} #new-order-recap .custom-grid-5 .custom-selector .menu::-webkit-scrollbar-thumb {background-color:#373f42;} #new-order-recap .custom-grid-5 .custom-selector .menu::-webkit-scrollbar-thumb:window-inactive {background:#373f42;} #new-order-recap .custom-grid-5 .custom-selector.static .header{cursor:default;} #new-order-recap .custom-grid-5 .custom-selector.static i{display:none;} #new-order-recap .custom-grid-5 textarea{float:right;margin-bottom:1.8em;margin-top:0.6em;width:28em;height:12em;margin-right:3.2em;resize:none;line-height:1.3em;padding:0.6em;} #new-order-recap .custom-grid-5 input{width:28.1em;height:2.6em;line-height:2.6em;padding-left:0.6em;} #new-order-recap .custom-grid-5 input:focus{text-align:center;font-style:italic;} /*#new-order-recap .custom-grid-5 .grid-row .grid-col-2 span{width:12em;text-align:right;} #new-order-recap .custom-grid-5 .grid-row.total .grid-col-2 span{font-weight:bold;font-size:1.06em;text-decoration:underline;}*/ @media (max-width: 410px){ } @media (min-width: 411px) and (max-width: 768px){ } @media (min-width: 768px) and (max-width: 991px){ } @media (min-width: 992px) and (max-width: 1199px) { } @media (min-width: 1199px) { #new-order-recap .custom-grid-5 .custom-selector .menu{width:54em;} } #new-order-recap .custom-button{cursor:pointer;width:70%;margin-bottom:0.6em;margin-left:1em;background:#F2F2F2;padding:0.6em 1em 0.6em 1.6em;border:1px solid gainsboro;line-height:1.6em;} #new-order-recap .custom-button .secondary{font-size:0.96em;margin-top:-0.2em;} #new-order-recap .custom-button label{cursor:pointer;} #new-order-recap .custom-button{background:#7B0818;color:white;} #new-order-recap .custom-button:hover{background:#7B0818;color:white;} #new-order-recap .custom-grid-4 div.discount-notes{background:#FFE4E0;border:1px solid #FFE4E0;color:firebrick;margin-top:1em;padding:1em 0.4em;font-size:1em;font-style:italic;line-height:1.2em; } #new-order-recap .custom-selector-2 .menu{width:26em;} #new-order-recap .custom-grid-5 .grid-row.carrier-code input{width:28.1em;} #new-order-recap .custom-grid-6{display:inline-table;width:86%;margin-left:2%;line-height:2.8em;} #new-order-recap .custom-grid-6 .grid-row{display:table-row;} #new-order-recap .custom-grid-6 .grid-row .grid-col{display:table-cell;vertical-align:top;} #new-order-recap .custom-grid-6 .grid-row .grid-col-1{width:38%;text-align:right;} #new-order-recap .custom-grid-6 .grid-row .grid-col-2{width:62%;border-left:none;text-align:right;} #new-order-recap .custom-grid-6 div.discount span.special{background:#f0ad4e;color:white;padding:0.4em 0.8em;margin-left:0.2em;margin-right:0.8em;text-transform:lowercase;} #new-order-recap .custom-grid-6 .grid-row.total .grid-col-2 span{font-weight:bold;font-size:1.06em;text-decoration:underline;}