.daterangepicker .ranges { width: 163px!important;}
.productReport {}
.productReport a{color:#333;}
.productReport .report-field{display: inline-block; margin-right: 20px;}
.productReport table.dataTable tbody tr.shown + tr {background-color: #fbffd7;}
.productReport table.dataTable tbody tr.shown + tr *{background-color: #fbffd7;}
table.dataTable thead th, table.dataTable tfoot th { font-weight: 500!important; }
.search-layer .list-material>li .list-content .caption, .list-material>li .list-content .title { display: inline-block!important; white-space: inherit!important; text-overflow: inherit!important; overflow: inherit!important;}
@media screen and (max-width: 1366px) {
.dataTables_wrapper { width: 100%; -webkit-overflow-scrolling: touch; overflow-x: scroll; }
}
@media screen and (max-width: 768px) {
#bulkGiftCartPrintButton {display: none!important}
.chart1TopSelectorContainer { position: relative!important; right: 0!important; text-align: center; display: block; margin-top: 5px; }
.productReport .report-field { display: block; margin-right: 0; width: 50%; float: left; }
.device-phone .left {margin-bottom:5px;}
.device-phone .btn-group-index {display:block; width:100%!important;}
.device-phone .btn-group-index .btn-group{display:block; float:left; width:50%!important;}
.device-phone .btn-group {display:block; width:100%!important;}
.device-phone .btn-group .btn{line-height: 2!important;}
.device-phone .orderDefType {display:block; width:100%!important;}
.device-phone .btn {display:block; float:none; width:100%; margin-left: 0!important; margin-bottom: 5px;}
.device-phone .nav-tabs>li { margin-bottom: 0; z-index: 2; width: 100%; }
.device-phone .panel .panel-body { padding: 0px; overflow-x: auto!important;}
.device-phone .user-layer .panel .panel-body { padding: 20px!important; }
.device-phone .panel .OrderAdd { padding: 20px; }
.device-phone .panel .OrderAdd .affiliateAccountLabel{ display: block!important}
.device-phone .panel .OrderAdd .control-label{}
.device-phone .panel .panel-footer .wizard li { float:none!important}
.device-phone .currrentItems { width: 100%; overflow-x: scroll; }
.device-phone .page-header h1 { font-size: 22px; text-align: center; }
.device-phone .page-header h1 small { display: block; }
.device-phone .main-header-top{margin-bottom: 10px!important}
.device-phone .orderRepeat .checkboxer { display: block; text-align: center; margin-bottom: 15px; }
.device-phone .listGroups .list-group-item-heading { margin-top: 0; margin-bottom: 5px; display: inline-block; }
.device-phone .moduleProductProductSelectorBox {}
.device-phone .moduleProductProductSelectorBox .ProductSelectorBox{}
.device-phone .moduleProductProductSelectorBox .productContainer{position: relative!important; left: 0!important; width: 100%!important; border-radius: 0px!important; min-width: inherit!important;}
.device-phone .moduleProductProductSelectorBox .productContainer .table>thead>tr>th { display: none; }
.device-phone .moduleProductProductSelectorBox .productContainer .table>tbody>tr>td { padding: 8px 12px; line-height: 1.618; vertical-align: top; border-top: 1px solid #f0f0f0; display: block; }
.device-phone .moduleProductProductSelectorBox .productContainer .table .inptTitle{opacity: 1; font-weight: 600; font-size: 14px;}
.device-phone .moduleProductProductSelectorBox .productContainer .table .inptTitles{opacity: 1; font-size: 14px; display: block; border-top: 1px solid #ddd; padding-top: 5px; margin-top: 5px;}
.device-phone .moduleProductProductSelectorBox .productContainer .table .inptTitles:first-child{border:0px;}
.device-phone .moduleProductProductSelectorBox .productContainer .table .procurement_time{color: #f00;}
    .device-phone .moduleProductProductSelectorBox .productContainer .table .procurement_time_variant{color: #f00;}
.device-phone .ordersTable{table-layout: fixed}
.device-phone .orderItemWhatsappButton {width:auto; display:inline-block;}
.device-phone .input-group .input-group-addon { display:none;}
.device-phone .input-group .phoneNumberIsBlackList {display: inline-block!important;}
.device-phone .input-group { position: relative; display: block;}
.device-phone .panel>.panel-heading .panel-buttons { float: none; position: relative; }
.device-phone .panel .form-inline { display: block; }
.device-phone .pimg{width: 40%; float:left;}
.device-phone .pimg img{width: 100%; border: 0px!important; max-width: 100%!important; padding: 5px;}
.device-phone .inptRight{width: 60%; float:left;}
.device-phone .productContainer input { width: 20%!important; }
.device-phone .productContainer tr { background-color: #fff!important; border-bottom: 2px dashed #d4d2d2; }
.device-phone #extraInputTitleGroup { float:none!important;}
.user-layer {top:50px; width: 100%; left: 0; z-index: 9999; background: #fff;}
.content { padding: 0 10px!important; }
html,body { overflow-x: hidden!important; }
.search-layer {left: 0; top: 45px; bottom: 0; width: 100%; overflow-x: hidden!important;}
.search-layer .search { width: 100%; padding: 15px 20px 0!important;}
.search-layer .results {position: relative; width: 90%; margin: 0 25px; height: 100%;}
.search-layer .list-material>li .list-action-left {}
.search-layer .list-material>li .list-content { padding: 0; }
.search-layer .result .list-content .title { font-size: 16px!important; text-transform: lowercase; line-height: 20px!important; }
.search-layer .result .list-content .prices { font-size: 14px!important; }
.search-layer .result .list-content .caption { font-size: 12px;}
.search-layer .search .btn {position: absolute; right: 10px; float: right; top: 0px; background: 0 0; border: none; color: #fff; font-size: 27px; padding: 0; }
.search-layer .search .btn i{float: right; }
.search-layer .search .form-control {color: #fff; padding: 6px 10px; height: 40px; font-size: 23px; border: 1px solid #bbc2e5;}
.device-phone .display-animation .material-animated {-webkit-overflow-scrolling: touch;}
.device-phone .search-layer .result #item-container {height:500px; max-height:500px; padding-bottom:100px;}
.device-phone .search-layer .result .list-content procutime {  font-size: 12px; letter-spacing: 1px; }
.device-phone .search-layer .result .list-content procuVartime {  font-size: 11px; letter-spacing: 0px; }
.device-phone .search-layer .result .btn {display: inline-block; float: left; width: auto; margin-left: inherit; margin-bottom: 0;}
.device-phone .cartProduct { width: 48%!important;}
.list-material>li .list-content {margin:0px!important; border:0!important; }
#productsContainer .close-button{left: 2px!important;}
}
.clearfix {clear: both;}
.help .accordion .panel-body{ border-top: 0!important; background: #eef6e4; }
.help .panel-group .panel+.panel { margin-top: 0; }
.alertUyari {background-color: #e08e0b!important; border-color: #e08e0b!important;}
.flash {animation: flash 900ms ease infinite alternate; background: #000; padding: 4px 8px; color: #fff; margin-right: 10px; border-radius: 3px; font-weight: 500;}
@-webkit-keyframes flash { from { opacity: 1; } to { opacity: 0; } }
@keyframes flash { from { opacity: 1; } to { opacity: 0; } }
.cartPanel{display:none}
#cartContainer{position:initial;margin-left:34px}
#cartContainer .cartProduct{width:150px; position:relative; margin-bottom: 15px; background-color:#EAE1D1;border-radius:4px;padding:7px;display:inline-block;margin-right:5px}
#cartContainer .cartProduct .info{background-color:#E6E6E6;padding:4px}
#cartContainer .cartProduct .info .name{font-size:12px;height:15px;overflow-y:hidden}
#cartContainer .cartProduct .info .price{font-size:14px;height:15px;overflow-y:hidden}
#cartContainer .cartProduct .info .qty{font-size:12px;height:15px}
#cartContainer .cartProduct .info .price price{color:#000;text-shadow:#e0e0e0 1px 1px 0}
#cartContainer .cartProduct .close-button{position: absolute; margin-left: 0; margin-top: 0; width: 30px!important; height: 30px; font-size: 20px; padding: 0; line-height: 34px; margin: 0; top: -10px; right: 0px; z-index: 3;}
#cartContainer .cartProduct .img img{height: 160px!important;}
.input-group .inputer #searchProducts { background: #f1f8e9; }
/*search layer*/
.search-layer .result #item-container {position:relative; height:570px; max-height:570px; overflow: auto; -webkit-overflow-scrolling: touch;}
.search-layer .result #item-container li{display: block; overflow: inherit; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dashed #c4cbf3;}
.search-layer .results .result .list-material { background: none }
.search-layer .results .result .list-material li .list-action-left { padding: 0; position: relative; top: 0; width: 100%; transform: inherit; }
.search-layer .results .result .list-material li .list-action-left img { width: 100%; height: auto; }
.search-layer .results .result .list-material li .list-content { margin-left: 0; border-bottom: 0; padding: 0 16px 16px 0; }
.search-layer .results .result .list-material li .list-content .processButtons{display:block; margin-top: 10px;}
.search-layer .result .list-content .title {font-size: 23px; text-transform: lowercase;}
.search-layer .result .list-content .prices {font-size: 16px; display: inline-block; color: #fff; }
.search-layer .result .list-content .prices *{background: #2196F3; margin-right: 5px; border-radius: 2px; padding: 2px 5px;}
.search-layer .result .list-content .prices price{}
.search-layer .result .list-content .prices affcomm{background: #673AB7;}
.search-layer .result .list-content .caption{}
.search-layer .result .list-content .caption div{background: #02178a; display: inline-block; margin: 5px 5px 0 0; color: #f6f6f6; padding: 0px 5px; border-radius: 3px;}
.search-layer .result .list-content .caption div size{}
.search-layer .result .list-content .caption div qty{}
.search-layer .result .list-content .caption div qty .exist{}
.search-layer .result .list-content .caption div qty .soldout{background: #e91e63; padding: 0 5px; margin-left: 2px; font-size: 13px; border-radius: 2px;}
.search-layer .result .list-content procutime{background: #E91E63; display: inline-block; margin: 5px 5px 0 0; color: #f6f6f6; padding: 0px 5px; border-radius: 3px; font-size: 14px; letter-spacing: 2px;}
.search-layer .result .list-content procuVartime{background: #E91E63; display: inline-block; margin: 5px 5px 0 0; color: #f6f6f6; padding: 0px 5px; border-radius: 3px; font-size: 11px; letter-spacing: 0px; vertical-align: text-bottom}
/*user-layer*/
.user-layer input{overflow: hidden; visibility: visible; z-index: 1300; display: block}
.user-layer .form-control.error{margin-bottom:0!important;}
.user-layer .error{color:red}
.user-layer .tab-content {height: 100%!important; -webkit-transition: -webkit-transform 500ms cubic-bezier(.35,0,.25,1) 250ms,opacity 500ms cubic-bezier(.35,0,.25,1) 250ms; transition: transform 500ms cubic-bezier(.35,0,.25,1) 250ms,opacity 500ms cubic-bezier(.35,0,.25,1) 250ms;}
.user-layer .wrapperx {height: 100%; border-top:0; padding:15px; background-color: #fff; -webkit-overflow-scrolling: touch; overflow-y: scroll; visibility: visible; z-index: 1300;}
#productsContainer{-webkit-box-shadow:0 11px 36px 3px rgba(0,0,0,0.70);-moz-box-shadow:0 11px 36px 3px rgba(0,0,0,0.70);box-shadow:0 11px 36px 3px rgba(0,0,0,0.70);border-radius:10px;position:absolute;width:70%;left:20%;margin-top:5%;z-index:3;background-color:#f0f0f0;min-width:500px;display:none;max-height:600px;}
#productsContainer .wrap{max-height:600px; overflow-y:auto}
.moduleProductProductSelectorBox .productContainer .table .inptTitle{opacity:0;}
#productsContainer img{width:100%}
#productsContainer input{ width: 60px;}
#productsContainer select{padding:4px}
#productsContainer .close-button{position: absolute; z-index: 99; margin-left: 0; margin-top: 0; width: 50px!important; height: 50px; font-size: 30px; padding: 0; line-height: 54px; margin: 0; top: -10px; left: -10px;}
#autoFillFullName{background-color:#FFF;right:4px;padding-left:20px;color:#0000008a;margin-left:-4px}
#autoFillFullName label{font-size:13px;margin-bottom:0}
#autoFillFullName label:before{border-color:#00000073}
.device-pc .moduleProductProductSelectorBox .productContainer .table .procurement_time{color: #f00; font-size: 12px;}
.device-pc .moduleProductProductSelectorBox .productContainer .table .procurement_time_variant{color: #f00; font-size: 12px;}
/*order edit non product view page*/
div#sproducts table tbody img{border:1px #CCC solid;padding:5px}
div#sproducts table tbody .label{font-size:81%}
div#sproducts #currrentItems input{width:50px;padding:3px;font-size:13px;font-family:monospace;border:1px #dadada solid}
div#sproducts a{text-decoration:none}
div#sproducts button.shelf{width:35px;height:35px;display:inline-block;background-size:cover;background-repeat:no-repeat;background-position:center center}
div#sproducts button.shelf.on{background-image:url(/_system/content/assets/images/onshelf.png)}
div#sproducts button.shelf.off{background-image:url(/_system/content/assets/images/offshelf.png)}
#moduleProductProductSelectorBox select{padding:4px}
#header .layer-container .menu-layer::-webkit-scrollbar {width: 7px;background-color: #4656ad;}
#header .layer-container .menu-layer::-webkit-scrollbar-thumb {border-radius: 3px;background-color: #ddd;}
#header .layer-container .menu-layer::-webkit-scrollbar-track {border-radius: 3px;background-color: #4656ad;}
.page-header button[data-id="impersonate-select-picker"]{
    background-color: #cddc39;
    color: #0c0c0c;
}
.page-header button[data-id="impersonate-select-picker"]:hover{
    background-color: #cddc39;
    color: #0c0c0c;
}
.page-header button[data-id="impersonate-select-picker"]:focus{
    background-color: #cddc39;
    color: #0c0c0c;
}