/*.form-control{width:fit-content!important;} */

.w100{width:100%!important;}
.w98{width:98%!important;}
.w97{width:97%!important;}
.w96{width:96%!important;}
.w94{width:94%!important;}
.w92{width:92%!important;}
.w90{width:90%!important;}
.w88{width:88%!important;}
.w86{width:86%!important;}
.w84{width:84%!important;}
.w82{width:82%!important;}
.w80{width:80%!important;}
.w70{width:70%!important;}
.w60{width:60%!important;}
.w40{width:40%!important;}

.w20{width:20%!important;}
.w15{width:15%!important;}
.w10{width:10%!important;}
.w5{width:5%!important;}
.w100px{width:100px;}
.mb20{margin-bottom:20px!important;}
.modal-dialog{width:100%!important;}
.border-red{border:#ff0000 1px solid!important;color:#000!important;}
.isDisabled {color: currentColor;cursor: not-allowed;opacity: 0.5;text-decoration: none;}
 .toggle.ios, .toggle-on.ios, .toggle-off.ios { border-radius: 20px; }
  .toggle.ios .toggle-handle { border-radius: 20px; }
  .btn-sm.toggle-on, .btn-sm.toggle-off{font-size:18px;padding-top:4px;}
  .btn-xs.toggle-on, .btn-xs.toggle-off{font-size:14px;padding-top:2px;}
  .control-label{font-size:14px;font-weight:bold;}
  .toggle.btn-sm{height:20px!important;min-height:20px!important;}
  .toggle.btn-xs{height:14px!important;min-height:14px!important;}
  .ml20{margin-left:20px!important;}
  .mtm15{margin-top:-15px!important;}
  .mt2{margin-top:2px!important;}
  .mt7{margin-top:7px!important;}
  .mt10{margin-top:10px!important;}
  .mt15{margin-top:15px!important;}
  .mt20{margin-top:20px!important;}
  .mt24{margin-top:24px!important;}
  .mt30{margin-top:30px!important;}
  .mt40{margin-top:40px!important;}
  .mt60{margin-top:60px!important;}
  .ml2{margin-left:2px!important;}
  .ml3{margin-left:3px!important;}
  .ml4{margin-left:4px!important;}
  .mr2{margin-right:2px!important;}
  .mr3{margin-right:3px!important;}
  .mr4{margin-right:4px!important;}
  .pt0{padding-top:0px!important;}
  .ui-autocomplete {z-index: 1000000!important;}
  .setting_visibility_app .toggle{z-index:9999!important;}
  #sitenav{z-index:9999!important;}
 .label-danger{color:#fff;background:#9a0c0c!important;}

 .dataTable td:last-child { text-align: center; vertical-align: middle;} 
 .ui-dialog{z-index:99999999!important;}
 .banking .select2-container{width:80%!important;}
 .banking .control-label{margin-left:15px;}
  tr.selected .td_selected, tr.selected .td_row_selected{background-color: #D3D6FF!important;cursor:pointer;}
 .invoice_integral{margin:auto!important;display:block!important;}
.dataTable input[readonly]{background-color : #fff;}
 .input-error{border:#ff0000 1px solid!important;}
 .btn-xs{padding:0px 5px!important;}
 .dataTable td{vertical-align:middle!important;;}
 .mh500{max-height:500px!important;}
 .mh500f{max-height:500px;overflow-y: auto!important; overflow-x:hidden!important;}
 .mh500 .control-group{margin-bottom:5px!important;}
 .modal-z-index.fade{z-index:-999!important;}
 .modal-z-index.fade.in{z-index:99999999!important;}
 .transaction_row_amount_unallocated{font-weight:bold;border:2px solid #f89406!important ;}
#datatable_primary_bank_transaction_head, #datatable_primary_bank_transaction_row,#datatable_primary_invoices_ajax {font-size:13px!important;}
table.dataTable tr td{padding:5px 4px !important;}
#title{margin:0px!important;}
#datatable_primary_invoices_ajax thead, #datatable_primary_invoices_ajax_from_storno thead, #datatable_primary_invoices_ajax_from_money_bank thead, #datatable_primary_invoice_initialisation thead{display: contents; visibility: collapse;}
.modal-current{z-index:10051!important;}
.select2-container{width:100%!important;z-index:10051;}
.modal-current .select2-container{z-index:10052!important;}
//.select2-container{width:100%!important;}
#table_stocks .title, .table_small .title, .table_small td{font-size:13px!important;}
#table_stocks td, #datatable_reservations td, #datatable_reservations th, #datatable_stock_mouvements th, #datatable_stock_mouvements td, {font-size:13px!important;}
.nav-tabs-small .nav-link{font-size:13px!important;}

.w100s2{width:100%!important;height:35px;}
.select-input-group select{width:30%;max-height:35px}
.select-input-group input{width:70%}
.ml25procent{left:25%;}
.mh400{max-height:400px;overflow-y:auto;overflow-x:hidden;}
.acquisition_control{min-width:70px;}
.tooltip-inner{min-width:400px;text-align:left;}
.color-white{color:#fff!important;}
.ui-datepicker{z-index:15000!important;}



/*span.select2.select2-container.select2-container--default{z-index:auto;}
.select2-container{z-index:9999;} 
.select2-container{z-index:999999999!important;;}   
*/
table.dataTable tr td{word-break: break-word;}
#import_invoices_rows .select-manufacturer{width:110px!important;}
.text-center{text-align:center!important;}
#import_invoices_rows{position: relative; max-height: 400px;padding: 5px;overflow-y:auto;overflow-x:hidden;}
.modal-body-import{max-height:580px!important;}
.yellow-bg{background:#ffffc4!important;}
.blue-bg{background:#89CFF0!important;}
.green-bg{background:#AFE1AF!important;}

.invoice .control-label{float:left!important;}
.invoice .marg{display:initial!important;    white-space: pre-wrap;}
.invoice .panel-right{float:right;margin-top:-10px;}
.invoice .control-group{margin-bottom:0px!important;}
.invoice .mlm20{margin-left:-20px!important;}
.invoice .inline{display:inline!important; margin-bottom:0px!important;}
.invoice .inline li{margin-right:30px!important;}
.invoice .panel-footer{padding:5px!important;}
/*.invoice .control-label{width:125px!important;} */
.invoice .controls{line-height:30px!important;margin-left:135px!important;}
.invoice .h215{height:215px!important;}
.invoice .h60{height:60px!important;}
.invoice .h50{height:50px!important;}
.invoice .h40{height:40px!important;}
.invoice .h20{height:20px!important;}
.invoice .table{margin-bottom:0px!important;}
.invoice .table .text-right{text-align:right!important;}
.invoice .table th, .invoice .table td {    padding: 5px!important;line-height: 20px; text-align: left; vertical-align: top;border-top : none!important;}

.badge-autopart{padding: 0.5em!important;font-size: 1em!important;margin-top:3px;}
.card-body-autopart-empty{min-height: 0px!important; padding: 0px!important;}
.ui-autocomplete{max-height: 250px!important; overflow-y: auto!important;}
.ui-autocomplete .heading a{font-size:16px!important;background:#65a0ce;color:#fff;}
.ui-autocomplete .in_stock_row a{color:#11a100!important;}
.autopart-table th, .autopart-external-table th, .autopart-table-external-db th{ color: #0088cc!important;font-size:0.8em!important;}
.autopart-table td, .autopart-external-table td, .autopart-table-external-db td{ color: #444!important;font-size:0.8em!important;}
.form-control-autopart{width:80%!important;height:25px!important;}
.card-autopart-name h5{color: #0088cc!important; font-size: 0.9em!important;line-height: 31px; height: 20px; }
.dataTable .td-red{color:#ff0000!important;}
.autopart-offer{position: absolute; margin-left: 30%; margin-top: -35px;  font-size: 1em!important; font-weight: bold;}
.autopart-offer-with-stock{position: absolute; margin-left: 30%; margin-top: -35px;  font-size: 0.8em!important; font-weight: normal;}
.autopart-offer-with-stock-filter{position: absolute; margin-left: 0px; margin-top: -20px;  font-size: 0.8em!important; font-weight: normal;}
.modal-body img{margin:0px auto; display:block;}

.nav-tabs .nav-link.active{color:#000;}
.nav-link{color:#0088cc;}
.page-item.active .page-link{background-color: #49afcd;border-color: #49afcd;}
.wmodal{max-width: 950px;}
.wmodalbig{max-width: 1250px;}
.wmodalimport{max-width:70%!important;}
.input-group-append{height:35px!important;}
.primary-accounting .input-group-append{height:30px!important;}
.primary-accounting .input-group-text{    padding: .375rem .175rem;}
.select2-container .select2-selection--single{height:34px!important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
@media only screen and (max-width: 1366px) {
.wmodal{max-width: 800px;} 
.wmodalbig{max-width: 1250px;}
}

@media only screen and (max-width: 768px) {
.wmodal{width:100%!important;}   
.wmodalbig{width:100%!important;}                  
}



//.navbar-inner{width:100%!important;}
//input {min-height: 30px!important;}



@media(max-width:767px)
  .span4 {width:100%!important;}
 }

// Portrait tablet to landscape and desktop
@media(min-width:768px) and (max-width:979px){
  .span4  {width:100%!important;} 
}

// Large desktop
@media(min-width:1200px) and (max-width:1600px){
  .span4 {width:49%!important;}
}


/****NEW CODE****/
.invoice_head_info ul{margin-bottom: 0rem!important;font-size:14px;}
.invoice_head_info ul li{margin-right:1.5rem!important;}
.invoice .card-header, .invoice .card-footer{padding:0.3rem 1.25rem!important;}
.table th{vertical-align:middle!important;}
.table th .title{display:block;color:#0088cc!important;}
h3{color:#0088cc!important;font-size:18px;font-weight:bold;margin-left:15px;}
h4{color:#0088cc!important;font-size:16px;font-weight:bold;border-bottom: 1px solid #dee2e6;margin-bottom:10px;padding-bottom:10px}
.version{float:right;margin-right:10px;font-size:12px; margin-top:10px;color:#999;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";}
.dataTables_filter{float:right;}
.form-check-label{padding-left:20px;}
.table thead th {vertical-align: top !important; font-size:15px;}
.DataTables_sort_icon{display:none;}
.dataTable{width:100%!important;}
ul.lista{list-style-type: none; margin: 0} ul.lista li{ line-height: 100%; font-size:smaller;}
.text-red{color:#bd2130;}
.pt3{padding-top:3px;}
.dataTables_info{padding-top:0px!important;font-size:0.7em!important;}
div.dataTables_wrapper div.dataTables_paginate{font-size:0.7em!important;}
.primary-accounting .dataTables_length,.primary-accounting .dataTables_filter{display:none;} 
.primary-accounting .hasinput{height:30px!important;}
table.dataTable tbody>tr.selected, table.dataTable tbody>tr>.selected{background-color:#fff!important;color:#212529!important;}
.primary-accounting .table td, .primary-accounting .table th {padding: .25rem!important;}
.primary-accounting .form-control{height:30px;}
.edit_invoice_row{cursor:pointer;}
.report_list .controls{margin-bottom:10px;}
.report_list #title a{font-size:16px;margin-left:0px;margin-bottom:10px!important;}
.report_list form{margin-top:10px;}

/***MENU****/
.dropdown-menu{min-width:15rem!important;}
#sticky-wrapper{z-index:10;}
.header-area {    
    min-height: 40px;
    padding-right: 20px;
    padding-left: 20px;
    background-color: #fafafa;
    background-image: -moz-linear-gradient(top, #fff, #f2f2f2);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#f2f2f2));
    background-image: -webkit-linear-gradient(top, #fff, #f2f2f2);
    background-image: -o-linear-gradient(top, #fff, #f2f2f2);
    background-image: linear-gradient(to bottom, #fff, #f2f2f2);
    background-repeat: repeat-x;
    border: 1px solid #d4d4d4;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
    *
    zoom: 1;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
}

.navbar-nav li a {
    color: #777;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
    font-size: 16px;
    display: block;
    padding: 7px 15px;
    border-left: 1px solid #f2f2f2;
    border-right: 1px solid #fff;
    border-radius: 4px;
}

.navbar-nav li a:hover,
.navbar-nav li a:focus {
    color: #333;
    text-decoration: none;
    background-color: #E5E5E5;
}

.btn-new {
    display: inline-block;
    *display: inline;
    padding: 4px 12px;
    margin-bottom: 0;
    *margin-left: .3em;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    *background-color: #e6e6e6;
    background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
    background-image: -o-linear-gradient(top, #fff, #e6e6e6);
    background-image: linear-gradient(to bottom, #fff, #e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #ccc;
    *border: 0;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    *zoom: 1;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05)
}

.btn-new:hover,
.btn-new:focus,
.btn-new:active,
.btn-new.active,
.btn-new.disabled,
.btn-new[disabled] {
    color: #333;
    background-color: #e6e6e6;
    *background-color: #d9d9d9
}

.btn-new:active,
.btn-new.active {
    background-color: #ccc \9
}

.header-area .btn {
    font-size: 15px;
    padding: 5px 9px;
}

.header-area .form-control {
    font-size: 13px;
    height: auto;
    padding: 5px 10px;
}

.navbar {
    width: 100%;
    padding: 0;
}

.navbar .divider-vertical {
    height: 42px;
    margin: 0 9px;
    border-right: 1px solid #fff;
    border-left: 1px solid #f2f2f2;
}

.dropdown-toggle::after {
    position: relative;
    top: 2px;
    right: -2px;
    border-top-color: #555555;
}

.navbar-nav li ul a {
    padding: 5px 15px;
    border: 0;
    border-radius: 0;
}

.navbar-nav li ul a:hover {
    background: #0082C6;
    color: #fff;
    text-shadow: 0 0 0;
}

.navbar-expand-md .navbar-nav .dropdown-menu {
    padding: 5px 0;
    min-width: 170px;
    margin-top: 5px;
}

.navbar ul ul .dropdown-toggle::after {
    border-left: .3em solid #CCCCCC;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-top: .3em solid transparent;
    top: 12px;
    right: 8px;
    position: absolute;
}

.navbar-nav>li>ul>li:hover ul {
    display: block;
    left: 100%;
    top: 0;
}

.navbar-nav li:last-child a {
    border-right: 0;
}

.navbar-nav {
    border-left: 1px solid #fff;
}

.navbar .nav>li>.dropdown-menu:before {
    position: absolute;
    top: -7px;
    left: 9px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.navbar .nav>li>.dropdown-menu:after {
    position: absolute;
    top: -6px;
    left: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    content: '';
}

.btn-info {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #49afcd;
    *background-color: #2f96b4;
    background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
    background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
    background-repeat: repeat-x;
    border-color: #2f96b4 #2f96b4 #1f6377;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
    color: #fff;
    background-color: #2f96b4;
    *background-color: #2a85a0;
}

.btn-info:active,
.btn-info.active {
    background-color: #24748c \9;
}

.navbar-expand-md .navbar-nav .dropdown-menu ul {
    margin-top: 0;
}

.navbar-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 1;
}

.navbar-left {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.navbar-toggler {
    height: 32px;
    width: 35px;
    margin-left: 15px;
    background: #56BBD9;
    position: relative;
}

.navbar-toggler span {
    position: absolute;
ÿ  圠Ԅ: 5px;
    right: 5px;
    height: 2px;
    background: #fff;
    top: 7px;
}

.navbar-toggler span:nth-child(3) {
    ÿp: ﷜翴x;
}

.navbar-toggler span:nth-child(2) {
    top: 14px;
}

.breadcrumbs-area {
    background: #fff;
    padding: 5px 0;
}

.breadcrumbs ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.breadcrumbs ul li {
    color: #999;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.breadcrumbs ul li a {
    color: #0088cc;
    margin-right: 15px;
    position: relative;
}

.breadcrumbs ul li a:before {
    content: "\»";
    color: #999;
    position: absolute;
    right: -11px;
    font-size: 14px;
    top: -3px;
}

.breadcrumbs-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}

.btn-silver {
    color: #555;
    text-decoration: none;
    background-color: #e5e5e5;
    box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
}

.breadcrumbs-right .btn {
    font-size: 14px;
    margin-left: 10px;
}

.btn-orange {
    background: #ea8511;
    font-weight: 600;
    color: #fff;
}

@media only screen and (min-width: 991px) and (max-width: 1200px) {
    .navbar-nav li a {
        padding: 7px;
    }

    .header-area .btn {
        padding: 5px 10px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .navbar-collapse {
        position: absolute;
        left: -20px;
        right: -20px;
        top: 51px;
        background-color: #fafafa;
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#f2f2f2));
        background-image: -webkit-linear-gradient(top, #fff, #f2f2f2);
        background-image: linear-gradient(to bottom, #fff, #f2f2f2);
        background-repeat: repeat-x;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
        border-bottom: 1px solid #D3D3D3;
    }

    .navbar-nav .dropdown-menu {
        position: relative;
        top: 0;
        border: 0;
        background: #fff;
    }

    .navbar .nav>li>.dropdown-menu:before,
    .navbar .nav>li>.dropdown-menu:after {
        display: none;
    }

    .breadcrumbs-right {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin: 10px 0;
    }

    .breadcrumbs ul {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
}

@media only screen and (max-width: 767px) {
    .navbar-collapse {
        position: absolute;
        left: -20px;
        right: -20px;
        top: 85px;
        background-color: #fafafa;
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#f2f2f2));
        background-image: -webkit-linear-gradient(top, #fff, #f2f2f2);
        background-image: linear-gradient(to bottom, #fff, #f2f2f2);
        background-repeat: repeat-x;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
        border-bottom: 1px solid #D3D3D3;
    }

    .navbar-nav .dropdown-menu {
        position: relative;
        top: 0;
        border: 0;
        background: #fff;
    }

    .navbar .nav>li>.dropdown-menu:before,
    .navbar .nav>li>.dropdown-menu:after {
        display: none;
    }

    .header-area {
        padding: 10px;
    }

    .navbar-left {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        width: 100%;
        margin-bottom: 10px;
    }

    .navbar-right {
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        width: 100%;
        -webkit-box-flex: 1;
            -ms-flex: auto;
                flex: auto;
    }

    .navbar .divider-vertical {
        display: none;
    }

    .breadcrumbs-right {
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        margin: 10px 0;
    }

    .breadcrumbs ul {
        overflow: auto;
    }
    
    .breadcrumbs-right .btn {
        margin-left: 0;
        margin-right: 10px;
    }
}


 /*CSS: Search Autocomplete*/
  ul.super_search {
      position: absolute !important;
      top: 100%;
      left: 50% !important;
      right: 3px !important;
      min-width: 480px !important;
  }

  ul.super_search li {
      height:auto !important;
      clear: both !important;
      border-bottom: 1px solid #888 !important;
      padding-bottom: 5px !important;
      margin-bottom: 5px !important;
  }
  ul.super_search li:last-child {
      border-bottom: none !important;
      padding-bottom: 0px !important;
      margin-bottom: 0px !important;
  }
  ul.super_search li div.second
  {
      display: table !important;
      width: 100% !important;
      margin: 0px !important;
      padding: 0px !important;
  }
  ul.super_search li div.second a.btn,
  ul.super_search li div.second span.btn
  {
      height: 16px !important;
      display: table-cell !important;
      text-align: left !important;
      white-space: nowrap;
      text-wrap: none;
  }
  ul.super_search li div.second a.cod
  { width: 15% !important; }
  ul.super_search li div.second span.sts
  { width: 15% !important; }
  ul.super_search li div.second a.car
  { width: 50% !important; }
  ul.super_search li div.second span.rel
  { width: 20% !important; }

  ul.super_search li div.first { display: table; width: 100%;}
  ul.super_search li div.first a.btn:nth-child(1),
  ul.super_search li div.first a.btn:nth-child(2),
  ul.super_search li div.first a.btn:nth-child(3),
  ul.super_search li div.first a.btn:nth-child(4),
  ul.super_search li div.first a.btn:nth-child(5),
  ul.super_search li div.first a.btn:nth-child(6)
  {
      height: 16px !important;
      display: table-cell !important;

  }
  ul.super_search li div.first a.btn:nth-child(1)
  { width: 65%; }
  ul.super_search li div.first a.btn:nth-child(1) span
  { width: 100%; display: table !important; white-space: nowrap; text-wrap: none;  }
  ul.super_search li div.first a.btn:nth-child(1) span span:nth-child(1)
  { width: 5%; display: table-cell !important; white-space: nowrap; text-wrap: none; text-align: left !important; }
  ul.super_search li div.first a.btn:nth-child(1) span span:nth-child(2)
  { width: 55%; display: table-cell !important; white-space: nowrap; text-wrap: none; text-align: left !important; }
  ul.super_search li div.first a.btn:nth-child(1) span span:nth-child(3)
  { width: 20%; display: table-cell !important; white-space: nowrap; text-wrap: none; }
  ul.super_search li div.first a.btn:nth-child(1) span span:nth-child(4)
  { width: 20%; display: table-cell !important; white-space: nowrap; text-wrap: none; }

  ul.super_search li div.first a.btn:nth-child(2)
  { width: 15%; white-space: nowrap; text-wrap: none; }
  ul.super_search li div.first a.btn:nth-child(3),
  ul.super_search li div.first a.btn:nth-child(4),
  ul.super_search li div.first a.btn:nth-child(5),
  ul.super_search li div.first a.btn:nth-child(6)
  { width: 5%; text-align: center !important; white-space: nowrap; text-wrap: none; }

 
  ul.super_search li
  {
      border-bottom: 1px solid #dddddd !important;
  }

  ul.super_search li a.btn:hover
  {
      border: 1px solid #f88 !important;
  }
  ul.super_search li a.btn.disabled:hover
  {
      border: 1px solid #888 !important;
  }
  
  .controls.controls-select,.drop-box-select {
      position: relative;
      display: inline-flex;
      min-width:50%!important;
  }
  
.err_settings,.err_settings_gestions {
    color: red;
    display: block;
    float: left;
    margin-bottom: 5px;
    width: 100%;
}

.succes_settings {
    color: green !important;
}



.custom-radio-button div {
  display: inline-block;
}
.custom-radio-button input[type="radio"] {
  display: none;
}
.custom-radio-button input[type="radio"] + label {
  color: #333;
  font-family: Arial, sans-serif;
  font-size: 14px;
}
.custom-radio-button input[type="radio"] + label span {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin: -1px 4px 0 0;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 50%;
  border: 2px solid #ffffff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
  line-height: 44px;
  background-color: gray!important;
}
.custom-radio-button input[type="radio"] + label span img {
  opacity: 0;
  transition: all 0.3s ease;
}
.custom-radio-button input[type="radio"]#color-red + label span {
  background-color: red;
}
.custom-radio-button input[type="radio"].color-blue + label span {
  background-color: blue!important;
}
.custom-radio-button input[type="radio"].color-gray + label span {
  background-color: gray!important;
}
.custom-radio-button input[type="radio"]#color-orange + label span {
  background-color: orange;
}
.custom-radio-button input[type="radio"]#color-pink + label span {
  background-color: pink;
}
.custom-radio-button input[type="radio"]:checked + label span {
  opacity: 1;
  background: url("../../../assets/images/tick-icon-4657-01.png")
    center center no-repeat;
  width: 40px;
  height: 40px;
  display: inline-block;
  background-color: blue!important;  
}

.pac-container {z-index:1051;}

.w25{width:25%!important;}

.sortable-list { list-style-type: none; margin: 0;  padding: 0; width: 100%; cursor:pointer;}
.sortable-list li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 14px;  height: 40px;}
.sortable-list li span{padding:5px 5px!important;}
ul.sortable {float: left; margin: 20px 0; list-style: none; position: relative !important;}
ul.sortable li {height: 200px; float: left; margin: 0 7px 50px 0; border: 2px solid #fff; cursor: move;}
ul.sortable li img {height: auto; float: left;}
ul.sortable li.ui-sortable-helper {border-color: #3498db;}
ul.sortable li.placeholder {width: 300px; height: 200px; float: left; background: #eee; border: 2px dashed #bbb; display: block; opacity: 0.6; border-radius: 2px;-moz-border-radius: 2px; -webkit-border-radius: 2px; }
.cpointer{cursor:pointer;}

.btn-autopart-send-to-order, .btn-autopart-send-to-transaction, .btn-autopart-external-send-to-transaction,.btn-autopart-sent-to-transaction,.btn-autopart-external-send-to-order{font-size:0.8rem!important;}
.modal-table table tr th,.modal-table table tr td,.modal-table p{font-size:0.9rem!important;}


.sidebar-filter{border-width:1px;border-style:solid;border-color:#ddd;padding:30px 15px 20px;margin-bottom:30px}
.sidebar-filter .sf2,.sidebar-filter h2{font-size:16px;font-weight:500;margin:0 0 10px}
.sidebar-filter-list input[type=checkbox]{position:relative;top:1px;margin-right:10px}
.sidebar-filter-list label{display:block;border-bottom:1px dashed #ddd}
.sidebar-filter-list{max-height:240px;overflow:auto;margin-bottom:15px}
.filter-buttons button{border-radius:0}
.filter-buttons button.btn-default{border:1px solid #ccc}
.filter-product-list-wrapper h1{font-size:15px;margin:0 0 15px;text-transform:uppercase}
.filter-product-title{border:1px solid #ddd;padding:10px}
.filter-product-title button{border:1px solid #ddd;background:0 0;color:#a9a9a9;width:30px;height:30px}
.filter-product-title button.active{border-color:#df1f26;background:#df1f26;color:#fff}
.filter-product-title select{border:1px solid #ddd;padding:5px}
.filter-product-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;border-left:1px solid #ddd}
.filter-product-list .s-product{width:25%;border-bottom:1px solid #ddd}
.filter-pagination{margin:25px 0;border:1px solid #ddd;padding:10px}
.filter-pagination .pagination{margin:0}
.filter-pagination .pagination .page-link{border-radius:0;color:#666}
.filter-pagination .pagination .page-item .page-link:hover,.filter-pagination .pagination .page-item.active .page-link{color:#fff;background:#df1f26;border-color:#df1f26}
.filter-product-list-wrapper.list .s-product{width:100%;border:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:0;margin-top:30px}
.filter-product-list-wrapper.list .filter-product-list{border:0}
.filter-product-list-wrapper.list .product-image{border:1px solid #ddd;padding:20px;margin-right:35px}
.filter-product-list-wrapper.list .product-details{text-align:left;margin-top:0}
.filter-product-list-wrapper.list .product-details h2{min-height:auto}
.product-box{border:1px solid #ddd;margin-bottom:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.product-image{width:20%;padding:20px}
.product-image img{max-width:100%;}
.product-details{width:60%;border-right:1px solid #ddd;padding:20px 20px 20px 0}
.product-price-box{width:20%;padding:10px;text-align:center}
.product-p{font-size:12px;font-weight:600}
.product-r{text-align:right;font-size:11px}
.product-r .rating{font-size:14px}
.product-details .ph2,.product-details h2{font-size:18px;margin:20px 0;font-weight:500;line-height:1.2}
.product-details ul{margin:0;padding:0;list-style:none}
.product-details ul li:nth-child(odd){background:#f5f5f5}
.product-details ul li{padding:7px 10px;font-size:12px}
.w80{width:80%;padding:20px 0px 0px 5px;}
.card-header-mechanic{background-color:rgba(138,238,130,.2);}
.link-category-search {width: 33%!important; float: left;padding: 2px 10px;}
.h50{height:50px!important;}
.progress-span{position: absolute; display: block; width: 100%; color: black;}
.alert-xs{padding:.25rem 1.25rem!important;}
.card-header-xs{padding:0.55rem .25rem 0 0.25rem !important}
.card-title{font-size:16px!important;}
.info-details{border:1px solid #ddd;}
.info-details ul{margin:0;padding:0;list-style:none}
.info-details ul li:nth-child(odd){background:#f5f5f5}
.info-details ul li{padding:7px 10px;font-size:12px}
.table_small td, .table_small th{padding:0.25rem;}
.opacity5{opacity:0.5;}
.deleted{text-decoration: line-through;}
.btn-empty-input{cursor:pointer;}
.fsize12{font-size:12px;}
.btn-modal-remote-package{cursor:pointer;}
.modal-current .modal-content{border:#3a87ad 3px solid;}
.card-header-autopart{background:#dee2e6;}
.tab-content h5{font-size:14px;font-weight:normal;}
.sortable-connected{width:100%;min-height:100px;border:#ccc 1px solid; padding:5px;float:left;margin-top:10px;margin-bottom:20px;}
.table-stock-availability .bg-location{background:#0088cc;color:#fff!important;}
.table-stock-availability .bg-stock{background:#fff;}
.table-stock-availability td{font-size:0.9em!important;}


.card-header{padding:.35rem 1.25rem!important;}
.card-body{padding:0.25rem!important;}
.card-autopart table{font-size:0.9rem!important;}
.card-autopart .table td, .card-autopart .table th{padding:.15rem!important;}
.btn-group-sm>.btn, .btn-sm{padding:.05rem .5rem!important;}
table.dataTable>thead .sorting:before, table.dataTable>thead .sorting:after, table.dataTable>thead .sorting_asc:before, table.dataTable>thead .sorting_asc:after, table.dataTable>thead .sorting_desc:before, table.dataTable>thead .sorting_desc:after, table.dataTable>thead .sorting_asc_disabled:before, table.dataTable>thead .sorting_asc_disabled:after, table.dataTable>thead .sorting_desc_disabled:before, table.dataTable>thead .sorting_desc_disabled:after{bottom: 0.1em!important;}
.card-body-autopart div.dataTables_wrapper div.dataTables_filter{display:none;}
.card-body-autopart div.dataTables_wrapper div.dataTables_length{display:none;}
.card-header-autopart{cursor:pointer;}
.unshow{display:none!important;}
.show{display:block!important;}
.card-success .card-header{background-color:rgba(138,238,130,.5)!important;}
.table-stock-availability .bg-location,.table-stock-availability .bg-stock{font-size:0.6rem!important;}

.table-small td{font-size:13px!important;}
.table-small thead th{font-size:13px!important;}

.iframe{height:600px!important;width:100%;!important;}
.title-small{font-size:12px;}
.modal-dialog-current{background:#fff;}
.form-select-control{height:35px;max-width:80%;}
.modal-remote-middle .modal-dialog{max-width:850px;}
.modal-remote-big .modal-dialog{max-width:1200px;}

.active-box { background: #1f9a5d; color: #fff; font-weight: 500; display: inline-block; padding: 1px 20px;  border-radius:3px;}
.inactive-box{background: #DDEDF2;color: #83A0AA; font-weight: 500;display: inline-block;padding: 1px 20px; border-radius: 3px;}
.change-status,.change-filter,.change-customized{cursor:pointer;}

.thumb {margin: 10px; width: 150px; padding-right: 5px; float: left; margin-right: 5px;}
.btnthumb { margin-top: 5px; margin-left: 38px;}
.cke_format_variable{width:300px;}
.cke_top {
    display: flex;
    flex-wrap: nowrap; /* Asigura ca butoanele nu trec pe mai multe r�nduri */
}

.cke_combo__strinsert .cke_combo_text {
    width: 250px; /* Seta?i la?imea dorita, de exemplu 250px */
}
.cke_combopanel{width: 250px!important;}

.display-custom-ruby{display:ruby;}

.list-packages {
     column-count: 2; /* �mparte lista �n 2 coloane */
    column-gap: 70px;
}


.readonly-text {
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    padding: 1rem;
    font-family: inherit;
    font-size: 0.95rem;
    color: #212529;
    word-break: break-word;  /* împiedică overflow */
    text-align: left;        /* aliniere corectă */
}