@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

/* width */
body *::-webkit-scrollbar {width: 5px;height: 5px;}
/* Track */
body *::-webkit-scrollbar-track {background: #f3f3f3; border-radius:10px;} 
/* Handle */
body *::-webkit-scrollbar-thumb {background: #999; border-radius:10px;}
/* Handle on hover */
body *::-webkit-scrollbar-thumb:hover {background: #777; }


body{font-family: 'Poppins', sans-serif;  font-stretch: normal; color: rgba(0,0,0,.7);}
a:active, a:focus, a:hover {color: #000;}
.form-row { margin-right: -15px; margin-left: -15px; } 
.form-row>[class*=col-] { padding-left: 15px; padding-right: 15px; }
select.form-control:not([size]):not([multiple]){height: 46px;}
select.form-control{background-image: url(../images/dropdown-icon.svg); background-repeat: no-repeat; background-position: calc(100% - 15px) 50%; padding: 5px 15px;    height: 46px;letter-spacing: 0.1px; color: #000000; font-family: 'Roboto';height: 46px; font-style: normal; font-weight: 400; font-size: 16px;} 
.modal .btn{font-size: 14px; font-weight: 400;    min-height: 46px; line-height: 36px; padding: 0 15px; min-width: 120px; text-align: center;}
.btn.signle_btn{font-size: 14px; font-weight: 400; line-height: 44px; padding: 0 20px; min-width: 120px; text-align: center;}
.modal a.btn{line-height: 22px; padding: 10px 15px;color: #000!important; background-color: #fff; border-color: #F5CA34;}
.modal a.btn:hover, .modal a.btn:focus,.modal a.btn.active{color: #000!important; background-color: #F5CA34; border-color: #F5CA34;}

/*button css*/ 
.btn{border-radius: 100px;border: 1px solid #cacaca;font-weight: 400;padding: 12px 28px;font-size: 14px;}
.btn-danger{border-color: #fc4b6c;}
.form-control{border-radius: 100px;}
[type=radio]:checked+label, [type=radio]:not(:checked)+label{padding-left: 28px;}
[type=radio].with-gap:checked+label:after, [type=radio]:checked+label:after{background-color: #f5ca34;border: 2px solid #f5ca34;}
.btn-outline.btn-warning, .btn-warning{color: #000; background-color: #fff; border-color: #F5CA34;} 
.btn-outline.btn-warning:hover, .btn-warning:hover, .btn-warning:focus, .btn-warning.focus{color: #000; background-color: #F5CA34; border-color: #F5CA34; }
.btn-warning:active, .btn-warning.active, .show > .btn-warning.dropdown-toggle{color: #000 !important; background-color: #F5CA34 !important; border-color: #F5CA34 !important;}
.modal-footer.justify-content-between{display: flex;} 
.btn-info{color: #000; background-color: #fff; border-color: #F5CA34; min-width: 100px;} 
.btn-info:active, .btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show>.btn-info.dropdown-toggle:focus{color: #000; background-color: #F5CA34; border-color: #F5CA34;box-shadow: none;}
.btn-info:active{color: #000 !important; background-color: #F5CA34 !important; border-color: #F5CA34 !important;box-shadow: none; }

/*-----header----------*/
span.logo-lg img.black-logo {max-height: 50px; margin: 5px auto; display: block;} 
.main-header{-webkit-box-shadow: none;box-shadow: none;z-index: auto;}
.skin-black .wrapper, .skin-black .main-sidebar, .skin-black .left-side{background-color: #fff; box-shadow: none;box-shadow: 1.5px 2.6px 10px rgba(119, 119, 119, 0.1);}
.skin-black .main-header .logo{position: relative; z-index: 999;}
.skin-black .main-header .navbar{padding: 0 20px;box-shadow: 1.5px 2.5999999046325684px 10px 0px #7777771A;}
.skin-black .main-header .navbar .sidebar-toggle { color: #000000; font-size: 18px;}
.main-header .navbar-custom-menu ul.nav.navbar-nav { align-items: center;}
.main-header .navbar .serach-filed{width: 45%;margin-right: auto;}
.serach-filed .input-group-sm > .form-control{border: 1px solid #E2E2E2;border-radius: 40px;padding: 0 20px;}
.main-header .input-group-sm > .form-control{min-height: 40px;}
.serach-filed .input-group-sm .input-group-append{position: absolute;top: 3px; right: 10px;z-index: 9;}
.serach-filed .input-group-sm>.input-group-append>.btn{background: transparent;color: #a6a6a6;font-size: 16px;border: none;    margin-top: 4px;}
.skin-black .main-header .navbar .nav > li > a{color: #000;font-size: 18px;padding: 0;position: relative;}
.skin-black .main-header .navbar .nav > li > a:hover, .skin-black .main-header .navbar .nav > li > a:focus{background: transparent;}
.navbar-custom-menu .navbar-nav > li{padding:0 15px;    height: auto;}
.skin-black .main-header .navbar .nav > li > a span.badge.badge-danger{position: absolute; width: 7px; height: 7px; padding: 0; border-radius: 16px; right: 0px; top: 0px; background-color: #fc5959;} 
.navbar-custom-menu .navbar-nav > li.dropdown.user.user-menu span {font-size: 14px;color: #000;font-weight: 500;letter-spacing: 0.10000000149011612px;}
.navbar-custom-menu .navbar-nav > li.dropdown.user.user-menu i.fa.fa-angle-down {font-size: 14px;font-weight: 600;color: #000;margin-left: 5px;margin-right: 0;}
.navbar-custom-menu .navbar-nav .user-img {display: inline-flex;height: 40px;width: 40px;border: 2px solid #f5ca34;vertical-align: middle;align-items: center;justify-content: center;border-radius: 30px;}

.main-sidebar{padding-top: 90px;} 
.time-dropdown { 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    margin-left: auto;
    margin-right: 0;
    position: relative;
    cursor: pointer;
    min-width: 82px; 
}
.navbar .time-dropdown{margin-left: 14px;margin-right: 5px;}
.country_dropdown {
    position: relative;
    display: flex;
}

.time-dropdown ul {
    position: absolute;
    list-style: none;
    border: 1px solid #ddd;
    padding: 0;
    background: #fff;
    box-shadow: 0 2px 5px rgb(0 0 0 / 20%);
    left: 0;
    top: 100%;
    display: none;
    min-width: 65px;
    margin-top: 3px;
    columns: 2;
    column-gap: 0;z-index: 99;
}

.country_dropdown label {
    margin-right: 5px;
    margin-bottom: 0;
    font-weight: 600;
}  

.time-dropdown ul li {
    border-bottom: 1px solid #ddd;
    padding: 3px 3px;
}
.time-dropdown div>img {
    width: 24px;    margin-right: 3px;
}
.time-dropdown ul li img {
    max-height: 15px;
}
.time_cls{font-weight: 500; color: #000; font-size: 14px; display: inline-flex; align-items: center;}
.time-dropdown svg {  margin-right: 5px;}
.time_cls span { padding-top: 3px; display: inline-block; vertical-align: middle; }

.tooltip ul{ list-style:none;padding:0;text-align:left;margin: 0;}

/*left-sidebar*/
.skin-black .sidebar a{color: #707070;padding: 10px 5px 10px 10px;font-family: Poppins; font-size: 14px; font-weight: 500; letter-spacing: 0.10000000149011612px; text-align: left;display: flex; align-items: center; line-height: 18px;} 
.treeview-menu { padding-left: 15px; }
.treeview-menu .treeview-menu { padding-left: 15px; }
.treeview-menu>li>a>.fa, .treeview-menu>li>a>.glyphicon, .treeview-menu>li>a>.ion{padding-right: 20px;}
.skin-black .sidebar a svg{vertical-align: middle;margin-right: 10px;}
.skin-black .sidebar-menu>li:hover:after, .skin-black .sidebar-menu>li.active:after{content: ""; position: absolute; left: 0; height: 40px; top: 5px;  width: 5px; border-radius: 0 5px 5px 0; background: #eecb54;}
.leadscount li .bg-warning, .counter-circle{background-color: #FC5A5A !important;     padding: 0 !important;   text-align: center; color: #fff !important;font-weight: 400; font-size: 10px; margin-left: 2px;height: 24px; width: 24px;line-height: 24px;border-radius: 24px;    font-size: 10px;}

span#countunreadall{height: 24px; width: 24px;background: #FC5A5A;font-weight:400;color: #fff;line-height: 24px;border-radius: 24px;    font-size: 10px;}
.sidebar-menu li>a>.pull-right-container{margin-top: -9px; font-size: 18px;}
.skin-black .sidebar-menu>li:hover>a,.sidebar-menu>li.active>a>i, .sidebar-menu>li:hover>a>i, .sidebar-menu>li.menu-open>a>i{color: #000;}
.skin-black .sidebar-menu>li.active>a, .skin-black .sidebar-menu>li.menu-open>a{    background: #eaecf0;} 
.skin-black .sidebar-menu > li.active > a, .skin-black .sidebar-menu > li.menu-open > a{color: #000;}
.skin-black .sidebar-menu > li > .treeview-menu{background: #f4f6f9;}
.skin-black .sidebar-menu .treeview-menu > li.active > a, .skin-black .sidebar-menu .treeview-menu > li > a:hover{color: #000;}
section.content-fistlogin blockquote{font-size: 16px;color: #554612;letter-spacing: 0.1px;font-weight: 400; font-size: 24px; line-height: 36px;  }
section.content-fistlogin blockquote p{margin: 0;    line-height: 20px; }
.right-greetmsg {  padding-right: 20px;}
.quote-content { display: flex; align-items: center; padding-top: 23px; padding-left: 30px; }
.quote-content img {  width: 115px;    margin-right: 20px;}
.right-greetmsg h4{font-size: 20px;line-height: 20px; color: #000;letter-spacing: .01em;font-weight: 600;margin: 0 0 5px;}
.right-greetmsg p{color: #000;letter-spacing: 0.1px;font-size: 14px;font-weight
  : 400;margin: 0}
.sidebar-mini.sidebar-collapse .sidebar-menu>li>a{    justify-content: center;}
.skin-black.sidebar-collapse .sidebar-menu>li:hover>a, .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a{background: transparent;}
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right), .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>.treeview-menu{display: none !important;}
.sidebar-mini.sidebar-collapse .sidebar-menu>li{padding: 5px 0 5px 10px}

.sidebar-mini.sidebar-collapse .leadscount li .bg-warning, .sidebar-mini.sidebar-collapse .counter-circle{ position: absolute; right: 0;top: 0;}
/*body part*/
section.content-fistlogin {  background: #fff;padding: 30px 20px 1px;}
section.content-fistlogin .tab-btn { margin: 0 0 15px;}
/*top section*/
.main-dashboard .yellow{background: #f5ca34;}
.main-dashboard .green{background: #c0c05b;}
.main-dashboard .orange{background: #ec8437;}
.main-dashboard .blue{background: #5cb3c1;}
.dashboard-cardlist .row{margin: 0 -7px;}
.dashboard-cardlist .row div[class*=col-]{padding: 0 7px;}
.dashboard-cardlist .card-header{padding: 10px 10px;}
.dashboard-cardlist .card-header h5 { font-size: 13px; color: #000 !important; }
.dashboard-cardlist .card .card-body { display: flex; align-items: center; position: relative; padding: 10px 10px;    padding-top: 0; }
.dashboard-cardlist .card .card-body h2{font-size: 22px; font-weight: 700; color: #000; margin: 0; max-width: calc(100% - 53px); text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.dashboard-cardlist .card .card-body i.fa.fa-bar-chart { margin-left: auto; color: #000; font-size: 20px; }
.dashboard-cardlist .card .card-body i { color: #000; margin-right: 2px; }
.dashboard-cardlist .card .text-success {color: #000 !important;font-size: 14px;}
.order-graph { border: 2px solid #e5e5e5; }

/* top section*/
.skin-black .content { background-color: #FCFCFC;}
.content-wrapper{/*margin-top: 3px;*/}
.content-wrapper.content-fistlogin{background: #eecb55;padding: 10px;}
.content { padding: 40px 30px 30px; }
section.content.main-dashboard{padding: 30px;}
.skin-black .content.main-dashboard{background-image:url('../images/Intersect.png') ;background-repeat: no-repeat; background-position: right bottom;background: #fff;}
.box{background: transparent;border: none;box-shadow: none;margin-bottom: 14px;}
.box-header.with-border{border: none;} 
 

.box-header .box-title{color:#171725;font-size: 24px;font-weight: 600;letter-spacing: 0;margin: 0 0;letter-spacing: 0.1px;}
.box-header .box-sbtitle{color: #000;font-size: 16px;font-weight: 600;letter-spacing: 0;margin: 0 0;}
.graph-block{background: #fff;border: 2px solid #e5e5e5; height: 100%;}

.graph-section .box-header .box-title{font-weight: 600;color: #171725;font-size: 32px;line-height: 48px;letter-spacing: 0.1px;;margin: 0 0 5px;}
.box .table>thead>tr>th{color: rgba(0, 0, 0, 0.6);font-weight: 500;font-size: 14px;border-bottom: 1px solid #E2E2E2!important;letter-spacing: 0.1px;padding:26px 15px 16px;} 
.box .table>tbody>tr{border: 1px solid #E2E2E2 !important ;    background: transparent;} 
.box .table>tbody>tr>td{color: rgba(0, 0, 0, 0.6);font-weight: 500;font-size: 14px;background: rgba(255,255,255,.8);border-bottom: 1px solid #E2E2E2 ;letter-spacing: 0.1px;padding: 20px 8px;border-color: #E2E2E2;} 
.box .table>tbody>tr>td:first-child{padding-left: 15px;    border-left: 1px solid #E2E2E2;}
.box .table>tbody>tr>td:last-child { border-right: 1px solid #E2E2E2; }
.box .table>tbody>tr>th{color: rgba(0, 0, 0, 0.6);letter-spacing: 0.1px;font-weight: 500;font-size: 14px;background: rgba(255,255,255,.8);border-top: 1px solid #E2E2E2 ;} 
.box .table>tbody>tr>td a{color: rgba(0, 0, 0, 0.6);}
.box .table>tbody>tr>td a:hover{color: #F5CA34;}  
.box .table>tbody>tr>td a.btn{    line-height: normal;border: 1px solid #F5CA34;font-family: Poppins; font-size: 14px; font-weight: 400;letter-spacing: 0px; text-align: center;color: #000000;display: inline-block;padding: 12px 20px;    min-width: 105px;} 
.box .table>tbody>tr>td .dropdown.order_dropdown a.btn.btn-sm{padding: 11px 25px;font-size: 14px;}
.previousComment .box .table>tbody>tr>td a.btn{    line-height: normal;}
.box .table>tbody>tr>td .dropdown-menu li a{color: #000;}
.box .table>tbody>tr>td .dropdown.order_dropdown a:hover{color: #000;}

.box .table>tbody>tr>td .btn.btn-danger.btn-outline.btn-sm { background: #FC5A5A;color: #fff; border: 1px solid #FC5A5A;}
.box .table>tbody>tr>td .btn.btn-danger.btn-outline.btn-sm:hover {background: #e75b5b;color: #fff; border: 1px solid #e75b5b;}

.badge-red{display: inline-flex; align-items: center;background: rgba(252,90,90,.1);font-size: 10pt;font-weight: 400;font-size: 14px;padding: 4px 10px; border-radius: 5px;   white-space: nowrap;color: #FC5A5A;}
.badge-red svg{margin-right: 4px;width: 18px;height: 18px;}
.status-bar {  display: inline-block;  height: 4px;  background: #E3E3E3;border-radius: 2.5px; width: 200px; position: relative;margin-right: 10px;    vertical-align: middle;}
.status-bar .fill-bar{  display: inline-block;  height: 4px;  background: #F5CA34;
border-radius: 2.5px;position: absolute;left: 0;top: 0;}
.dataTables_wrapper.container-fluid{padding: 3px;}
.box-header{padding: 10px 20px 10px;}
.footable a.btn.btn-warning { display: inline-block;}
.dataTables_filter label{width: 500px;}
.dataTables_wrapper .dataTables_filter input{ border-radius: 50px;height: 48px;padding: 10px 15px;background-image: url('../images/search-box.png'); background-repeat: no-repeat;background-position: calc(100% - 18px ) center; background-size: 13px;padding-right: 38px;color: #000;border: 1px solid #E2E2E2;}
.box input#searchorderdash{max-width: 500px;border-radius: 50px;height: 50px;padding: 10px 15px;background-image: url('../images/search-box.png'); background-repeat: no-repeat;background-position: calc(100% - 18px ) center; background-size: 13px;padding-right: 38px;color: #000;border: 1px solid #E2E2E2;}

.search-top .dataTables_filter{margin-top: -56px;}
.paging_simple_numbers .pagination .paginate_button a, .box-body ul.pagination li a{padding: 8px 14px;border: 1px solid #eecb54;color: #000;}
.paging_simple_numbers .pagination .paginate_button.active a, .paging_simple_numbers .pagination .paginate_button:hover a {  background: #eecb54 !important;  color: #000;border-color: #eecb54;    box-shadow: none;}
.box-body ul.pagination li.active a{background: #eecb54;  color: #000;border-color: #eecb54;}
.box .box-body ul.pagination li a:hover{background: #eecb54!important;  color: #000 !important;border-color: #eecb54!important;}

.navbar-custom-menu>.navbar-nav>li>.dropdown-menu.dropdown-menu-lg {max-width: 240px; min-width: 240px; padding: 0;border: none; border-radius: 0.25rem; box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 18%);}
.dropdown-menu-lg .dropdown-item{ display: block; width: 100%; padding: 0.25rem 1rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; }
.img-size-50 {    width: 50px;}
.img-circle {border-radius: 50%;}
.media > img { margin-left: 0rem;}
.dropdown-item-title { font-size: 1rem; margin: 0; }
.dropdown-menu-lg .dropdown-item .media{padding: 0;}
.dropdown-footer, .dropdown-header { display: block; font-size: .875rem; padding: 0.5rem 1rem;  text-align: center;}
.box .table>tbody>tr>td{position: relative;  /*  word-break:break-word;*/}
.box .table>tbody>tr:hover>td:first-child:after{content: "";position: absolute;left: 0;height: 48px;top: 50%; transform: translateY(-50%); width: 4px;border-radius: 0 5px 5px 0;background: #eecb54;}
/*order*/ 
.tab-btn {  margin: 0 0 30px;}
.tab-btn ul{padding: 0; margin: 0;list-style: none;display: flex;flex-wrap: wrap;}
.tab-btn ul li a{border: 1px solid #dfdfdf;color: #747474; line-height: 20px;   padding: 12px 14px;border-right: none;font-weight: 500;display: inline-block;  position: relative;  min-width: 100px;text-align: center;font-size: 14px;background: #fff;} 
.tab-btn ul li:first-child a{border-radius:30px 0 0 30px;}
.tab-btn ul li:last-child a{border-radius:0 30px 30px 0;border-right: 1px solid #dfdfdf;}
.tab-btn ul li.active a, .tab-btn ul li a.active, .tab-btn ul li:hover a, .tab-btn ul li a.btn-success{background: #F5CA34;color: #554612;border-color: #f5ca34;}

.serach-block { max-width: 500px;margin-left: auto;} 
.serach-block input.form-control{border-radius: 50px;height: 48px;padding: 10px 15px;background-image: url('../images/new/search-icon.png'); background-repeat: no-repeat;background-position: calc(100% - 6px) center; background-size: 33px;padding-right: 38px;}
.form-common-class form.searchselect{justify-content: flex-end;}
.tab-btn span.count { display: inline-block; position: absolute; top: -8px; font-size: 10px; height: 24px; width: 24px; background: #FC5A5A; border-radius: 30px; line-height: 23px; color: #fff; right: 5px;}
.tab-btn .btn-warning.btn-sm{padding: 12px 15px;font-size: 14px;min-width: 80px;}
.content form.searchselect select.form-control { display: inline-block; width: auto; margin-right: 5px; font-size: 12px; border-radius: 50px; height: 46px;background: #FFFFFF;border: 1px solid #E2E2E2;font-family: 'Poppins'; font-style: normal; font-weight: 400; font-size: 14px;color: #000;padding: 0.375rem 20px; }
.content .form-common-class form input.form-control{border: 1px solid #dfdfdf;font-size: 12px; border-radius: 50px; height: 46px;margin-right: 5px;background: #FFFFFF;border: 1px solid #E2E2E2;font-family: 'Poppins'; font-style: normal; font-weight: 400; font-size: 14px;color: #000;padding: 0.375rem 20px;max-width: 100%;}
.content .form-common-class form .btn{/*height: 38px;*/}
.tab-ticket ul li span.bage{height: 24px; width: 24px;background: #FC5A5A; top: -8px; right: 5px; font-weight: 400;color: #fff;     line-height: 24px;border-radius: 24px;}
.bell-left span.count{height: 24px; width: 24px;background: #FC5A5A;font-weight:400;color: #fff;line-height: 24px;border-radius: 24px; }
.notification_bell_sidebar li.nav-item .nav-link span.count{height: 24px; width: 24px;background: #FC5A5A;font-weight:400;color: #fff;line-height: 24px;border-radius: 24px;    font-size: 10px; }
.chat-modual {display: flex; flex-wrap: wrap; margin: 0 0 40px; border: 1px solid rgba(226, 226, 226, .9);background: #fff;}
.left-modul{width: 380px;} 
.right-messages-users{width: calc(100% - 380px );border-left: 1px solid rgba(226, 226, 226, .9);}
.message-body{padding: 20px 30px;min-height: 60vh;}
.message-body p{color: #000; margin: 0 0 15px;font-size: 11pt;    font-weight: 500;}
.message-body .date{color: #939393;font-size: 10pt;margin: 0 0 20px;}
.download-file { position: relative; background: #f6f6f6; display: inline-block; padding-left: 50px; border-radius: 7px;padding-right: 55px;padding-top: 7px; padding-bottom: 10px; }
.download-file i.fa.fa-file-o { position: absolute; left: 20px; color: #dc7e36; top: 50%; transform: translateY(-50%); font-size: 18px;  }
.download-file svg { position: absolute; right: 15px; color: #dc7e36; top: 50%; transform: translateY(-50%); font-size: 18px; color: #000;width: 20px;height: 20px; }
.download-file h3 {  font-size: 14px; color: #000; max-width: 285px; margin: 0 0 2px; line-height: 20px;}
.sendtextarea {border-top: 1px solid #e3e3e3 ;padding: 20px 30px;;}
.sendtextarea textarea.form-control{padding: 0;border: none;background: transparent;resize: none; }
.sender-mesg { margin: 0 0 30px;}
.reciver-msg{background: #f6f6f6;padding: 25px 25px 5px;border-radius: 8px;}

.send-action { display: flex; flex-wrap: wrap; align-items: center;    height: 100%;    justify-content: right; }
.emoji img { max-width: 18px;} 
.ticket-upload img { max-width: 13px; }
.send-action .ticket-upload{margin: 0 20px;min-height: inherit;} 
.send-action input[type="submit"]{background: #eecb54;border-radius: 50px;font-size: 10pt;color: #000000;border: none;padding: 8px 21px;} 
.search-header {padding: 20px 20px;display: flex;}
.search-header input.form-control { border-radius: 50px; border: 1px solid #E2E2E2;height: 44px;padding: 6px 21px;font-size: 14px;color: #000;    min-height: 44px; }
.search-header input.form-control:focus{    -webkit-box-shadow: none; box-shadow: none;}
.search-header a.btn.btn-sm { padding: 0; margin-left: 15px; width: 44px; height: 44px;background: #F5CA34;;color: #000;font-weight: 500;line-height: 44px;    font-size: 15pt;border-color: #eecb55;min-width: 44px;}
.list-view-users ul { padding: 0; margin: 0;}
.list-view-users ul li {min-height: 117px; list-style: none;padding: 20px 20px;border-top: 1px solid rgba(216, 216, 216, .5);} 
.list-view-users ul li .item-user-list{position: relative;}
.list-view-users ul li .item-user-list h3{color: rgba(0, 0, 0, 0.6);font-size: 16px;letter-spacing: 0.1px;font-weight: 500; font-family: 'Roboto', sans-serif;line-height: 26px;margin: 0;} 
.list-view-users ul li .item-user-list p{letter-spacing: 0.1px;font-family: 'Roboto', sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 26px;color: rgba(0, 0, 0, 0.6);margin: 0 0 5px;padding-right: 76px;}
.list-view-users .dot-link { position: absolute; right: 0; top: 00; }
.list-view-users .dot-link svg{ width: 24px;}
.list-view-users .date { position: absolute;  bottom: 0;  right: 0;font-family: 'Roboto', sans-serif;font-style: normal; font-weight: 400; font-size: 14px; line-height: 26px;color: rgba(0, 0, 0, 0.6);}
.list-view-users { max-height: 1477px; overflow-y: auto;}
.message-body .row{margin: 0 -12px;}
.message-body .row div[class*="col-"]{padding: 0 12px;}
.message-body .form-title { margin: 0;}
/* width */
.list-view-users::-webkit-scrollbar {width: 5px;}
/* Track */
.list-view-users::-webkit-scrollbar-track {background: #f3f3f3; border-radius:10px;} 
/* Handle */
.list-view-users::-webkit-scrollbar-thumb {background: #999; border-radius:10px;}
/* Handle on hover */
.list-view-users::-webkit-scrollbar-thumb:hover {background: #777; }
.list-view-users ul li.active {  background: #F7F7F7;}
.list-view-users ul li.active .item-user-list:after, .list-view-users ul li:hover .item-user-list:after{ content: ""; height: 100%; width: 5px; background: #F5CA34; position: absolute; top: -1px; left: -20px; border-radius: 0px 10px 10px 0px;height: 50px;}
.chat-userlist.list-view-users ul li .item-user-list h3{margin: 0;}
.date-with-day {text-align: center; margin: 0 0 5px;color: #939393;font-size: 10pt;}
.chat-formate { display: flex; flex-direction: column; align-items: flex-start; }
.message-left {  align-items: flex-start; }
.message-right {  align-items: flex-end; }
.message-left p { border-radius: 5px; background: #dfdfad; margin: 0 0 5px; padding: 6px 10px; color: #4e4a4a; font-weight: 500; font-size: 10pt; }
.message-right p { border-radius: 5px; background: #f6f6f6; margin: 0 0 5px; padding: 6px 10px; color: #4e4a4a; font-weight: 500; font-size: 10pt; }
.chat-formate .date { margin: 0 0 5px; color: #939393; font-size: 9pt; }


/*login page*/
body.login-page { height: 100%;background: #5CB3C1;position: absolute;overflow-y: auto;    width: 100%;}
.login-page header{padding:50px 0 0;margin-bottom: 20px;position: absolute; top: 0; left: 0; width: 100%;}
.login-page header img { max-width: 200px;} 
.login-box { background: #fff;  padding: 75px 50px 50px;border-radius: 0; position: relative;display: flex; align-items: center;max-width: 500px;    width: 38%;min-height: 600px;} 
.login-box  h3.text-center{font-weight: 600;color: #000000;font-size: 24px;margin: 0 0 50px;} 
.login-box-body {  width: 100%;margin: auto;}
.login-box .form-group .form-control, .login-box .form-control { border: 1px solid #ACACAC; height: 50px; border-radius: 50px; padding: 6px 30px; background: #FFFFFF;font-weight: 400; font-size: 14px;color: rgba(0, 0, 0, 0.6); } 
.login-box .btn { width: auto; margin: 40px auto 0px; background: #000000; font-size: 18px; font-weight: 500; color: #fff; border-radius: 50px; padding: 12px 53px;border-color: #000000;}
.login-box .btn:hover, .login-box .btn:focus, .login-box .btn-info:not(:disabled):not(.disabled):active { background: #1e1d1d; color: #fff; box-shadow: none;border-color: #1e1d1d;}


.login-title h1{color: #fff;font-weight: 600; font-size: 58.0392px; line-height: 58px;margin: 0 0 15px;} 
.login-title h1 span{color: #334f56;}
.login-title p{font-weight: 400; font-size: 14px; line-height: 21px; display: flex; align-items: center; letter-spacing: 0.1px; color: #203E43;padding-left: 100px;}
.login-title p:after{color: #334f56; font-size: 10pt; font-weight: 600; margin: 0; position: absolute; height: 3px; background: #203E43; content: ""; left: 0; top: 12px; width: 80px; transform: translateY(-50%);}
.left-login { display: flex; align-items: flex-end; flex-wrap: wrap;    max-width: 62%;width: 100%; }
.left-login .pattern-logo { width: calc(100% - 420px);padding-left: 0;}
.left-login .pattern-logo img { max-width: 100%; }
.left-login .login-title {width: 100%; margin-left: -150px; top: 264px; position: relative; max-width: 420px;}
.loginbody{height: 100%; padding-bottom: 110px; position: relative; display: flex; align-items: center; padding-top: 110px; }
.dot-account {  margin-top: 40px;}
.dot-account p { color: rgba(0, 0, 0, 0.5); font-size: 14px;margin: 0;font-weight: 400; }
.dot-account p a {color: rgba(0, 0, 0, 0.5);  text-decoration: underline;}
.dot-account p a:hover {color: #5cb3c1;}

.signature-login { display: flex; justify-content: space-between; max-width: 770px; margin: 0; width: 100%; }
.login-box .checkbox input[type=checkbox]{height: 20px; width: 20px; line-height: 20px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 4px; border: 1px solid #b8b8b8; background: #fff;margin-right: 10px;}
.login-box .checkbox input[type="checkbox"]:checked { background: url(../images/check-icon.png) center no-repeat; background-size: 18px; } 
.login-box .checkbox label{color: rgba(0, 0, 0, 0.6);font-size: 14px;margin: 0;font-weight: 400;} 
.fog-pwd a{color: rgba(0, 0, 0, 0.6);text-decoration: underline;font-size: 14px;}
.fog-pwd a:hover {color: #5cb3c1;}
.login-box .checkbox {  display: flex; align-items: center;}
.dot-account { margin-top: 50px;}
.password-hits {padding-top: 20px;padding-left: 20px;}
p.login-box-msg{color: rgba(0, 0, 0, 0.8); font-size: 14px; letter-spacing: 0.1px;text-align: center;max-width: 330px;margin: 0 auto 25px;font-weight: 400;}
body.forgetpage{background: #F5CA34;}
body.forgetpage .login-title h1 span{color: #554612;}
body.forgetpage .login-title p{color: #554612;}
body.forgetpage .login-title p:after{background: #554612;}

body.forgetpage .login-box{padding-top: 130px;}
body.forgetpage .login-box .btn{    margin: 29px auto 0px;font-size: 14px;    padding: 18px 36px;}
body.forgetpage .login-box h3.text-center{ margin: 0 0 30px;}
body.forgetpage p.login-box-msg{     margin: 0 auto 65px;    max-width: 350px;}
.login-box a.back-btn { position: absolute; top: 23px; left: 30px; display: flex; align-items: center;font-weight: 400;color: #000;font-size: 14px; }
.login-box a.back-btn svg { margin-right: 15px;}

.form-group{position: relative;}
.form-group .fa{position: absolute;right: 25px;top: 50%;transform: translateY(-50%);color: rgba(0, 0, 0, 0.4);}
.password-hits p{color: #000000;font-weight: 400; font-size: 14px; letter-spacing: 0.1px;margin: 0 0 5px;} 
.password-hits ul{padding-left: 20px;    margin: 0 0 5px;} 
.password-hits ul li{color: #000000; font-size: 14px;letter-spacing: 0.1px;font-weight: 400;margin-bottom: 5px;}
body.resetpassword{background: #bfbf5a;}
.resetpassword .login-title h1 span{color: #52461c;}
.resetpassword .login-title p{color: #52461c;}
.resetpassword .login-title p:after{    background: #52461c;}
.mailimg img { max-width: 100%;}
.mailimg { margin-top: 80px; margin-bottom: 30px;}
.resetpassword .login-box h3.text-center{margin: 0 0 30px;}
.resetpassword .login-box .btn{    margin: 20px auto 0px;    font-size: 14px;    padding: 18px 41px;}
/*--------------*/
.filter-client {width: 55%; display: flex;justify-content: space-between;float: right;}
section.content.search_frm_section_customer .filter-client .search_frm_section{ position: relative; top: 0; width: calc(100% - 118px); padding: 0; max-width: 100%; padding-right: 10px;}
section.content.search_frm_section_customer span.select2.select2-container{min-width: auto;}
section.content.search_frm_section_customer form#customer_search span.select2-selection.select2-selection--single{ border-radius: 50px 0 0 50px !important;height: 48px; font-size: 14px;    padding: 14px 14px}
section.content.search_frm_section_customer form#customer_search .select2-container--default.select2-container--open .select2-selection--single{border-radius: 10px 0 0 00px !important;}
section.content.search_frm_section_customer form#customer_search span.select2-selection.select2-selection--single .select2-selection__arrow{height: 50px;}

 section.content.search_frm_section_customer form#customer_search button.btn{border-radius: 0 50px 50px 0 !important;background: transparent; border-left: none;padding: 8px 20px 8px 15px; height: 48px !important;color: #000;font-size: 14px;border-color: #ccc;}
.filter-client a.add-client { border: 1px solid; color: #000; background-color: #fff; border-color: #eecb54; border-radius: 100px; padding: 4px 18px; position: relative; z-index: 7; line-height: 40px; min-width: 100px;    text-align: center;}
.searchclient .dataTables_filter{float: left;    width: 44%;width: 45%;
    padding-right: 10px;}
.searchclient .col-sm-12.col-md-6{flex: 0 0 33.333333%;max-width: 33.333333%;}
.searchclient .col-sm-12.col-md-6 + .col-sm-12.col-md-6{ flex: 0 0 66.666667%; max-width: 66.66666%;}
.searchclient .dataTables_filter label { width: 100%;}
.row.title-center-search { margin-bottom: -55px;}
.add-clienttable .form-control {  border-radius: 100px; box-shadow: none;  border-color: #E2E2E2;color: #000000; padding: 5px 20px;height: 44px;font-weight: 400;font-size: 14px;}
.add-clienttable .btn{padding: 5px ; text-align: center;height: 44px;width: 44px;    min-width: auto;
    line-height: 34px;}
.add-clienttable.table>tbody>tr>td{padding: 0 5px;border: none;}
.btn-secondary{background: transparent;}
table.table.add-clienttable { margin: 0;}
.user-filter-search { display: flex;  justify-content: flex-end;}
.user-filter-search .search_frm_section.search_frm_section_customer{margin-top: 0;    float: left;}
.user-filter-search .form-control{border-radius: 50px; height: 40px; padding: 10px 15px; background-image: url(../images/new/search-icon.png); background-repeat: no-repeat; background-position: calc(100% - 6px ) center; background-size: 33px; padding-right: 38px; }
.dropdown-menu ul {  list-style: none;  padding-left: 0;margin-bottom: 0;}
.dropdown-menu{padding-top: 0px !important;}
.warehousetitle{margin-bottom: -48px;}
.search_frm_section.warehouse_search{padding: 0;}
.warehouse_search ul li{    width: calc(25% - 30px);}
.warehouse_search ul li:last-child { width: 120px;}
.search_frm_section.warehouse_search .form-control, .search_frm_section.warehouse_search form#search_frm select {border-radius: 100px;height: 50px; padding: 6px 15px;background-color: transparent;}
.search_frm_section.warehouse_search .btn{padding:13px 12px;width: 100%;}
.user-filter-search a.btn {line-height: 30px; padding: 6px 30px; font-size: 14px;}
.customer_filter .select2-container{margin-top: 0;}
.mobiledropdownnda button.btn { padding: 9px 22px;}
.uploadserach .dataTables_filter input{border-radius: 50px; height: 46px; padding: 8px 15px; background-image: url(../images/new/search-icon.png); background-repeat: no-repeat; background-position: calc(100% - 6px ) center; background-size: 33px; padding-right: 38px; min-height: 46px;margin-left: 0} 
 
.uploadserach .dataTables_filter { float: left; padding-top: 0; width: calc(100% - 153px); padding-right: 10px; }

.invoiceserach .dataTables_filter { float: left; padding-top: 0; width: calc(100% - 160px); padding-right: 10px; }
.invoiceserach .btn {display: block;width: 160px;}
.invoiceserach .dataTables_filter input{border-radius: 50px; height: 46px; padding: 8px 15px; background-image: url(../images/new/search-icon.png); background-repeat: no-repeat; background-position: calc(100% - 6px ) center; background-size: 33px; padding-right: 38px; min-height: 46px;margin-left: 0} 

.invoice-filter ul li .btn { padding: 13px 22px;}
.invoice-filter ul { display: flex;  flex-wrap: wrap; margin: 0 -5px; padding: 0;}
.usage_period{margin: 0 -5px;}
.report_summary_input{padding: 0 5px;}
.invoice-filter ul li { list-style: none;  padding: 0 5px; width: calc(25% - 30px);}
.invoice-filter ul li:last-child { width: 120px;}
.invoice-filter ul li .form-control{border-radius: 100px; border: 1px solid #E2E2E2;height: 38px;}
.invoice-filter ul li .form-control, .invoice-filter ul li select.form-control:not([size]):not([multiple]){border-radius: 100px;    border: 1px solid #E2E2E2;height: 46px;    min-height: 46px;}
.invoice-filter { margin: 0 0 20px;}
.report_summary_input select.form-control:not([size]):not([multiple]), .report_summary_input select, .report_summary_input input{ 
     letter-spacing: 0.1px; color: #000000; font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 26px; padding: 5px 20px;}
.usage_period{margin-top: 20px;}
.btn-warning.fill-yellow { background: #eecb54;}
.btn-warning.fill-yellow:hover { background: transparent;}
/*new form design*/


.message-body label {  padding-left: 20px;}
.form-group .form-control, #addTagModal input.form-control {border-radius: 100px; font-size: 14px; padding: 6px 20px; min-height: 46px; }

.form-group select.form-control, #addTagModal select.form-control {background-image: url(../images/dropdown-icon.svg);background-repeat: no-repeat;
    background-position: calc(100% - 25px) center;padding-right: 35px;appearance: none;-moz-appearance: none; -webkit-appearance: none;}
.edit_page .select2-container{ min-width:inherit;width: 100% !important}
.edit_page .select2-container .select2-selection--single{ border: 1px solid #E2E2E2; border-radius: 50px; background: #fff; height: 46px; padding: 6px 20px; padding-right: 30px; letter-spacing: 0.1px; color: #000000; font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 16px; }
.edit_page .select2-container .select2-selection--single .select2-selection__rendered { line-height: 40px; color: #000000;    padding-left: 0; }
.edit_page .select2-container.select2-container--open .select2-selection--single{  border-radius: 4px;}
.edit_page .select2-container--default .select2-selection--single .select2-selection__arrow { height: 46px; background-image: url(../images/dropdown-icon.svg); background-repeat: no-repeat; background-position-y: 50%; right: 12px; }
.edit_page .select2-container .select2-selection__arrow b { display: none; }
.edit_page ul li .select2-container--default .select2-selection__rendered li{width: auto;max-width: 100%;
    text-overflow: ellipsis; overflow: hidden;}
.edit_page .select2-container{ min-width:inherit;width: 100% !important}

.form-title{margin: 0 0 20px;}
.form-title h2{margin: 0; font-weight: 600; font-size: 16px; line-height: 24px;color: #171725;letter-spacing: 0.1px;font-family: 'Poppins';}
.form-group textarea.form-control { border-radius: 16px; height: 100px;}
.status-label{position: absolute; right: 0; top: 0; z-index: 1; padding: 1px 7px; border-radius: 3px; }
.green-light{background: #ececce;color: #6d6d4b;}
.active .green-light, .list-view-users ul li:hover .green-light{background: #bfbf5a;color: #525225;}
.light-yellow{background:#fcf0c3;color: #8b7d4c;}
.active .light-yellow, .list-view-users ul li:hover .light-yellow{background:#efda8c;color: #8b7d4c;}
.list-view-users ul li.active .item-user-list h3, .list-view-users ul li:hover .item-user-list h3{color: #000;}
.list-view-users ul li.active .item-user-list p, .list-view-users ul li:hover .item-user-list p{color: #000;}
.list-view-users ul li.active .list-view-users .date, .list-view-users ul li:hover .item-user-list .date{color: #000;}
.dataTables_wrapper.container-fluid .row { margin: 0;}
.right-shipmentbtn { display: flex; align-items: center; justify-content: flex-end;flex-wrap: wrap;}
.right-shipmentbtn .btn + .btn{margin-left: 5px;}
.WarehouseCnt-body{display: none;margin-top: 20px;}
.WarehouseCnt h2 input:focus{outline: none;}
.box .WarehouseCnt ul li input{border-radius: 50px; padding: 6px 20px;font-family: 'Roboto';font-style: normal;font-weight: 400;font-size: 16px;letter-spacing: 0.1px;color: #000000;line-height: 26px;}
.list-view-users .date.top-right {  top: 6px;}
.filter-five .report_summary_input {  width: calc(20%  - 24px); padding: 0 5px;}
.filter-five .report_summary_input:last-child { width: 118px;}

.filter-five .usage_period { display: flex; flex-wrap: wrap;margin: 0 -5px;}
.filter-four .usage_period {  display: flex; flex-wrap: wrap;margin: 0 -5px;}
.filter-four .report_summary_input { width: calc(25%  - 30px);    padding: 0 5px;}
.filter-four .report_summary_input:last-child {  width: 118px;}
.quote-content svg { height: 90px; width: 150px;}
.fmlsummary .usage_period { margin-top: 0;}
.fmlsummary .usage_period .report_summary_input {width: calc(50% - 63px);}
.fmlsummary .usage_period .report_summary_input:last-child { width: 125px;}


/*order status*/ 
.order-status .dd{max-width: 100%;}
.order-status .dd-list{display: flex;flex-wrap: wrap;margin: 0 -3px;}
.order-status .dd-list .dd-item{width: 25%;margin: 0 0 6px;padding: 0 3px;}
.bb-dd-empty .dd-list .dd3-content{    min-height: 80px;line-height: 80px;    padding: 8px 20px 8px 65px;margin: 0;}
.order-statusbox { position: relative; }
.order-status .bb-dd-empty .dd-list .dd3-handle { top: 50%; left: 20px; height: 24px; width: 24px; border-radius: 30px; padding: 0; transform: translateY(-50%); border: none; }
.order-status .bb-dd-empty .dd-list .dd3-handle:before { display: none;}
.order-status .bb-dd-empty .dd-list .fa{font-size: 18px;}

.box-footer{background: transparent;border: none;}
#edit-status-modal .modal-footer {display: block;text-align: right;}
#markasclosedmodal .modal-dialog {max-width: 540px;}
.modal-content { border-radius: 0px;}
.modal-content>.box { border-radius: 0px;}
.modal .modal-header { padding: 40px 40px 20px;border: none;align-items: center;}
.modal .form-group label{font-style: normal; font-weight: 400; font-size: 14px; line-height: 29px; color: rgba(0, 0, 0, 0.6);padding-left: 20px;}
.modal .form-group input[type=radio] + label{    line-height: 24px;padding-left: 30px;}
.modal-header .modal-title { font-weight: 600; color: #000; font-size: 20px; letter-spacing: 0.1px}
.modal-body { padding: 0px 40px 30px;border: none;}
.modal-footer{padding: 0px 40px 40px;border: none;} 
.modal-footer .btn + .btn {  margin-left: 10px;}
.modal .modal-header .btn{float: right;margin: 0 !important;order: 2}

.modal-body .select2-container{ min-width:inherit;width: 100% !important}
.modal-body .select2-container .select2-selection--single{ border: 1px solid #E2E2E2; border-radius: 50px!important; background: #fff; height: 46px !important; padding: 6px 20px; padding-right: 30px; letter-spacing: 0.1px; color: #000000; font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 16px; }
.modal-body .select2-container .select2-selection--single .select2-selection__rendered { line-height: 32px !important;    margin-top: 0; color: #000000;    padding-left: 0; }
.modal-body .select2-container.select2-container--open .select2-selection--single{  border-radius: 4px!important;}
.modal-body .select2-container--default .select2-selection--single .select2-selection__arrow { height: 46px !important; background-image: url(../images/dropdown-icon.svg); background-repeat: no-repeat; background-position-y: 50%; right: 12px; }
.modal-body .select2-container{ min-width:inherit;width: 100% !important}
.modal-body .select2-container .select2-selection--multiple{ border: 1px solid #E2E2E2; border-radius: 50px!important; background: #fff; height: 46px !important; padding: 4px 20px 6px; padding-right: 30px; letter-spacing: 0.1px; color: #000000; font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 14px;background-image: url(../images/dropdown-icon.svg); background-repeat: no-repeat; background-position: calc(100% - 20px) 50%; right: 12px;overflow-y: auto; }
.modal-body .select2-container .select2-selection--multiple .select2-selection__rendered {  margin-top: 0; color: #000000;    padding-left: 0; }
.modal-body .select2-container.select2-container--open .select2-selection--multiple{  border-radius: 4px!important;}
 
 

.modal-body .select2-container .select2-selection__arrow b { display: none; }



.modal-body .select2-container.select2-container--open .select2-selection--multiple { border-radius: 4px; }



.permission-list ul{display: flex;flex-wrap: wrap;margin: 0 -6px 0;list-style: none;padding: 0;}
.permission-list ul li{width: 25%; margin: 0 0 12px;padding: 0 6px;list-style: none}
.permission-list ul li .permission-user{height: auto; border: 1px solid rgba(120, 130, 140, 0.13); padding: 20px; background: #ffffff; font-family: 'Poppins'; font-style: normal; font-weight: 400; font-size: 14px;color: rgba(0, 0, 0, 0.6); min-height: 70px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }

.permission-list ul li .permission-content {  width: 100%;}
.template-page>table, .box .template-page>table>tbody>tr, .box .template-page>table>tbody>tr>th, .box .template-page>table>tbody>tr>td{  border: none !important;  display: block;padding: 0;  background: transparent;    width: 100%;}
.template-page>table, .template-page>table>tbody, .box .template-page>table>tbody>tr, .box .template-page>table>tbody>tr>th, .box .template-page>table>tbody>tr>td{  border: none !important;  display: block;padding: 0;  background: transparent;    width: 100%;}
 
.box .template-page>table>tbody>tr>th{padding-bottom: 5px;padding-left: 20px;font-family: 'Poppins'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 24px;}
.box .template-page>table>tbody>tr>td{padding-bottom: 15px;}
.note-editor{border: 1px solid #e7dddd;}
.note-editor .note-toolbar{border-bottom:1px solid #e7dddd }
.box select.form-control:not([size]):not([multiple]).form-control{    padding: 6px 20px; min-height: 46px;border-radius: 100px;}

.box .form-control{ background: #fff;border-radius: 100px; padding: 6px 20px;min-height: 46px;border-color: #E2E2E2;font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 26px;    letter-spacing: 0.1px; color: #000000;}
.box .form-control option{font-family: 'Roboto';}
.box .form-control::-webkit-input-placeholder { color: rgba(0,0,0,.4); } 
.box .form-control::-moz-placeholder { color: rgba(0,0,0,.4); } 
.box .form-control:-ms-input-placeholder { color: rgba(0,0,0,.4); } 
.box .form-control:-moz-placeholder { color: rgba(0,0,0,.4); }
.box textarea.form-control {  min-height: 80px; padding: 10px 25px; border-radius: 20px;}
.chat-window{padding: 0;}
ol.ticket-btn {padding: 0;display: flex; justify-content: flex-end; align-items: center;list-style: none;margin: 0;}
ol.ticket-btn li.assign-li .btn-primary { color: #000 !important; }
ol.ticket-btn li + li { margin-left: 10px;list-style: none; }
.my-inbox-content{ border: 1px solid #e3e3e3;}
 
.chat-search{margin: 0;padding: 15px;border-bottom: 1px solid #e3e3e3;}
.chat-search input{border-radius: 50px;border: 1px solid #cacaca; height: 40px; padding: 6px 21px; font-size: 10pt;box-shadow: none;}
.disable-chat-module .chat-sidebar .scroll-list, .chat-sidebar .scroll-list{padding: 0; height: calc(100% - 75px);    margin-right: -4px; width: auto;}
.chat-history, .chat-with-order-info .chat-history.no-scroll{height: calc(656px - 151.5px) !important; padding: 0 0px;overflow-y: auto;}
.sidebar-body{height: calc(656px - 151.5px) !important;    border-radius: 0;}
.disable-chat-module .chat-history .scroll{max-height:inherit !important;    padding-bottom: 0;}

.mkchat .chat-control{ margin-top: 0;}
.order-info-sidebar{    margin-top: 0;    padding-left: 0;}
.order-info-sidebar h4{position: sticky; top: 0;    background: #f5ca34;color: #000;}
span#loading-convo{z-index: 3;}
.order-view-track ul li a.btn { margin: 8px 0; padding: 5px 7px; min-width: 90px; }
body .chat-window ::-webkit-scrollbar{    background: #dddddd;}

.chat-sidebar .scroll-list ul{margin: 0}
.chat-section{border: none;border-left: 1px solid #e3e3e3;padding: 0;}
.chat-sidebar li{list-style: none;padding: 14px 75px 14px 5px;border-bottom: 1px solid #e3e3e3; border-radius: 0;}
.chat-sidebar ul li.active{background: #f6f6f6;}
.chat-sidebar .user-chat-name h2{color: #000000; letter-spacing: 0.1px;font-weight: 500;font-size: 16px;  line-height: 14pt; margin: 0 0 2px;}
.chat-sidebar .user-chat-name h2 a{font-family: Roboto; font-size: 16px; font-weight: 500; line-height: 26px; letter-spacing: 0.10000000149011612px; text-align: left;color: rgba(0,0,0,.7);}
.chat-sidebar .user-chat-name p{font-family: Roboto; font-size: 16px; font-weight: 400; line-height: 20px; letter-spacing: 0.10000000149011612px; text-align: left; color: rgba(0, 0, 0, .5); margin: 0 0 5px;}
.chat-sidebar ul li.active h2 a, .chat-sidebar ul li.active p{color: #000;}
 .user-chat-name span{ font-family: Roboto; font-size: 14px; font-weight: 400; line-height: 26px; letter-spacing: 0.10000000149011612px; text-align: left;}
ul#allticketchats .markunreadsec { position: absolute; right: 18px; top: 8px; transform: translate(7px, 13px); }
.chat-sidebar li .user-chat-name{    padding-left: 5px;}
.unread-message{    font-size: 10px;line-height: 24px;height: 24px; width: 24px;}
.unread-message.green { background: #fc5a5a;}
.chat-sidebar .user-chat-name strong, .chat-sidebar .user-chat-name strong p { font-weight: 400; }
.chat-sidebar .user-chat-name strong p { position: absolute; right: 8px; bottom: 13px; font-size: 12px; }
.unread-message{right: 15px;top: 8px;transform: translate(10px, 10px);}
.chat-sidebar li.active .user-chat-name strong p{    color: #939393;}
.chat-name{box-shadow: none;-webkit-box-shadow: none; color: #000;   background: #f6f6f6;border-bottom:  1px solid #e3e3e3;border-radius: 0;}
.Logs-ticket-btn{color: #1c1a11 !important;}
a.efulfilment-ticket-btn{color: #1c1a11 !important;font-family: 'Roboto', sans-serif; font-size: 14px;}
.chat-message .chat-text:after{display: none;}

.chat-history.no-scroll{margin-top: 0px !important;border: none;}
.disbl-chatview input[type=checkbox]:checked+label:before{background: #554624 !important;}
.disbl-chatview input[type=checkbox]:checked+label:after {background: #f5ca34 !important;}

.box .edit_page .row div[class*='col-']>div{height: auto;}

.mobile-search{display: none;}
.template-page .table-striped .select2-container--default .select2-selection--multiple{background: #fff; border-radius: 100px; font-size: 10pt; padding: 2px 16px; min-height: 40px;}
.template-page .table-striped .select2-container--default.select2-container--open .select2-selection--multiple{ border-radius: 5px;}
.col-form-label{padding-top: 0;}

.box .template-page .select2-container--default .select2-selection--single{background: #fff; border-radius: 100px; font-size: 10pt; padding: 6px 16px; min-height: 40px;}
.box .template-page .select2-container--default .select2-selection--single .select2-selection__rendered{ line-height: 34px;}
.box .template-page .select2-container--default .select2-selection--single .select2-selection__arrow{height: 34px; right: 10px;} 

.Warehouse-box { display: table; align-items: center; flex-wrap: wrap; background: #fff; border: 1px solid #ddd; padding: 15px; border-radius: 4px; width: 100%;    margin-bottom: 15px;}
.Warehouse-box label{font-weight: 600;color: #000;}
.view-field {min-height: 40px; border: 1px solid #ddd; border-radius: 50px; padding: 8px 15px; }
.modal-footer{width: 100%;text-align: right}

.search-field{float: left; padding-top: 0; width: calc(100% - 130px); padding-right: 10px;}
.search-field .form-control{border-radius: 50px; height: 46px; padding: 8px 15px; background-image: url(../images/search-box.png); background-repeat: no-repeat; background-position: calc(100% - 18px ) center; background-size: 14px; padding-right: 38px; margin-left: 0;color: #000;border: 1px solid #E2E2E2;}
.uploadserach .search-field .form-control{min-height: 46px;}
.uploadserach a.btn {padding: 12px 5px; min-width: 120px; text-align: center; font-size: 14px; }
.newordertab .table thead tr th{border-top: none;}
.newtickettab label.task-status{display: inline-block; border: none; border-radius: 3px; width: auto; padding: 0 10px; height: 25px; line-height: 25px;    font-size: 14px; min-width: 62px;margin-bottom: 2px;white-space: nowrap;}
.dataTables_wrapper .dataTables_paginate{padding-top: 0;}
.dataTables_wrapper .dataTables_paginate .paginate_button{ border: none !important;}
.uploadserach .customer_add a{margin: 0;}
/*ticket popup*/
.selectUserModal .modal-content{-webkit-box-shadow: 0 2px 3px rgb(0 0 0 / 13%);
    box-shadow: 0 2px 3px rgb(0 0 0 / 13%);    background-color: #fff;}
.selectUserModal .modal-body{    padding: 40px;}
.selectUserModal .modal-body li{list-style: none;}
.orderFormTabing .tab-content{box-shadow: none; border-radius: 5px;    padding: 0;}
.Formbuttons button{color: #000; background-color: #fff; border-radius: 100px; border: 1px solid #eecb54; padding: 12px 22px; font-weight: 500; font-size: 14px; line-height: 20px; min-width: 105px; text-align: center;}
.Formbuttons button:hover{color: #000; background-color: #eecb54; border: 1px solid #eecb54; }
.bottom-btn .ticket-upload{color: #000; background-color: #fff; border-radius: 100px; border: 1px solid #eecb54; padding: 12px 20px; min-width: 134px; margin-left: 0; margin-right: auto; font-size: 14px; line-height: 20px;}
.orderFormTabing ul.nav.nav-tabs .nav-item + .nav-item { margin-left: 0px; }
.bottom-btn .ticket-upload:hover{color: #000; background-color: #eecb54;   border: 1px solid #eecb54; }
.usersBoxInner{/*padding-bottom: 60px;*/*padding-bottom: 0px;}
.orderFormTabing .Formbuttons{  bottom: 0;  background: #fff;padding: 35px 0px 0;justify-content: right; display: flex; flex-wrap: wrap; }
.usersBoxInner{    margin-top: 35px;}
.orderFormTabing .tab-pane h2 { margin: 0 0 5px; font-family: Poppins; font-size: 14px; font-weight: 400; line-height: 24px; letter-spacing: 0px; text-align: left; color: rgba(0, 0, 0, 0.6); padding-left: 20px; }
.orderFormTabing .check-all-depusers {     margin: 0px 0 6px 0;padding-right: 26px; }
.modal .assigndepartList [type=checkbox] + label {padding-left: 30px; padding-top: 2px;}


.usersBoxInner{scrollbar-color: #c1c1c1 #f1f1f1;}
.select2-dropdown{border: 1px solid #E2E2E2 !important;}
 .assigndepartList .select2-container--default .select2-selection--single{  border: 1px solid #E2E2E2 !important; border-radius: 50px !important; background: #fff; height: 46px; padding: 6px 20px !important; padding-right: 30px; letter-spacing: 0.1px; color: #000000; font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 16px;min-height: 46px;}
 
.assigndepartList .select2-container--default .select2-selection--single .select2-selection__arrow { height: 46px; background-image: url(../images/dropdown-icon.svg); background-repeat: no-repeat; background-position-y: 50%; right: 12px; top: 0;}
.assigndepartList .select2-container--default .select2-selection--single .select2-selection__arrow b { display: none; }
.assigndepartList .select2-container--default .select2-selection--single .select2-selection__rendered { color: #000; line-height: 32px; }
.assigndepartList .select2-container--default.select2-container--open .select2-selection--single{
    border-radius: 4px!important;}
.note-editor.note-frame { border: 1px solid #E2E2E2; border-radius: 0;}
.assigndepartList .select2-container--default .select2-selection--multiple{    border-radius: 70px !important;     border: 1px solid #E2E2E2 !important;  background: #fff; height: 46px; padding: 3px 12px !important; padding-right: 30px; letter-spacing: 0.1px; color: #000000; font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 16px; background-image: url(../images/dropdown-icon.svg); background-repeat: no-repeat; background-position: calc(100% - 20px) 50%;min-height: 46px !important;;}

.assigndepartList .select2-container--default.select2-container--open .select2-selection--multiple{
    border-radius: 4px!important;}

 .assigndepartList .form-control{    border-radius: 70px !important;border: 1px solid #ddd!important;    padding: 5px 16px!important;}

.orderFormTabing ul.nav li a{box-shadow: none;border: 1px solid #E2E2E2;color: #000; background-color: #fff;border-radius: 0; font-size: 14px; font-weight: 400; line-height: 20px; letter-spacing: 0.10000000149011612px;    padding: 12px 1.25rem;}

.orderFormTabing ul.nav li a.nav-link.active{background: #eecb54;border: 1px solid #eecb54;box-shadow: none;border-radius: 0;}

.orderFormTabing ul.nav li.nav-item:first-child a.nav-link, .orderFormTabing ul.nav li.nav-item:first-child a.nav-link.active{border-radius: 100px 0 0 100px;}
.orderFormTabing ul.nav li.nav-item:last-child a.nav-link, .orderFormTabing ul.nav li.nav-item:last-child a.nav-link.active{border-radius: 0 100px 100px 0;}
#open-macro-pop-modal .box-body{padding-right: 40px; padding-left: 40px;}

.newtickettab .btn.btn-sm.btn-success { display: inline-block; padding: 2px 10px; border: none; background-color: #c4e5e9; color: #217e8b; border-radius: 3px;    min-width: 74px; }
.newtickettab .btn.btn-sm.btn-success:active, .newtickettab .btn.btn-sm.btn-success.active{ border: none; background-color: #c4e5e9; color: #217e8b;}
.newtickettab .btn.btn-sm.btn-danger{display: inline-block; padding: 2px 10px; border: none; background-color: #dc3545; color: #dc3545; border-radius: 3px;    min-width: 74px;}
.newtickettab .btn.btn-sm.btn-danger:active, .newtickettab .btn.btn-sm.btn-danger.active{ background-color: #dc3545; color: #dc3545;}
.newtickettab .btn.btn-sm.btn-warning{display: inline-block; padding: 2px 10px; border: none; background-color: #ffeeb4 !important; color: #b79a36; border-radius: 3px;    min-width: 74px;}
.newtickettab .btn.btn-sm.btn-warning.active, .newtickettab .btn.btn-sm.btn-warning:active{ background-color: #ffeeb4 !important; color: #b79a36; }
.newtickettab .btn.btn-sm.btn-info{display: inline-block; padding: 2px 10px; border: none;  color: #497489; border-radius: 3px;    min-width: 74px;    background-color: #95ccf3 !important;  border-color: #95ccf3!important;}
.newtickettab .btn.btn-sm.btn-info:active, .newtickettab .btn.btn-sm.btn-info.active{ color: #497489; background-color: #95ccf3 !important;  border-color: #95ccf3!important;} 

.newtickettab .btn.btn-sm.btn-primary{display: inline-block; padding: 2px 10px; border: none; background-color: #d2cbfb !important; color: #868299 !important; border-radius: 3px;    min-width: 74px;}
.newtickettab .btn.btn-sm.btn-primary.active, .newtickettab .btn.btn-sm.btn-primary:active{ background-color: #d2cbfb !important; color: #868299 !important; }


.newtickettab button#loadmore.btn.btn-sm.btn-warning{color: #000 !important;
    background-color: #fff !important;    padding: 12px 28px;    border-radius: 100px;
    border: 1px solid #F5CA34 !important;
}
.newtickettab button#loadmore.btn.btn-sm.btn-warning




.box .newtickettab .table>tbody>tr:hover>td:first-child:after{display: none;}

.task-status-popup-db{padding: 20px 0 3px;border-radius: 3px;max-width: 100px;box-shadow: 0 5px 16px 0 rgb(0 0 0 / 10%);}

.task-status-popup{padding: 20px 0 3px;border-radius: 3px;max-width: 100px;box-shadow: 0 5px 16px 0 rgb(0 0 0 / 10%);right: 5%;}
.task-status-close{right: 5px; font-size: 22px; top: 1px; line-height: 20px; color: #000000;}
.task-status-popup ul{padding: 0 5px;    min-width: auto;}
.task-status-popup li{    padding: 2px 0px;width: 100%;}
.task-status-popup ul li .btn{border-radius: 3px; padding: 3px 5px;border: none;}
 


.task-status-popup-db{padding: 20px 0 3px;border-radius: 3px;max-width: 100px;box-shadow: 0 5px 16px 0 rgb(0 0 0 / 10%);}

.mkss .task-status-popup-db{margin-left: -2%; margin-top: 4px;}
.task-status-close-db{right: 5px; font-size: 22px; top: 1px; line-height: 20px; color: #000000;}
.task-status-popup-db ul{padding: 0 5px;    min-width: auto;}
.task-status-popup-db li{    padding: 2px 0px;width: 100%;}
.task-status-popup-db ul li .btn{border-radius: 3px; padding: 3px 5px;}

 .orderFormTabing ul.nav{padding-left: 0;}
 
 .modal #AssignDepartment .modal-header {    padding: 35px 0 0px 0;}
 #logs-record-append p, #open-macro-pop-modal p {  margin-bottom: 0;}
.chat-history .scroll{ padding-left: 15px; padding-right: 15px;}
.comman-ticket-btn { padding: 0 15px; display: flex; flex-wrap: wrap; align-items: center; max-width: 238px; position: absolute; right: 0; bottom: 30px; }
.send-chat { border-radius: 100px; border: 1px solid #eecb54; font-weight: 400; letter-spacing: -.02em; padding: 11px 38px; background: #eecb54; color: #5F4F16; position: static; font-size: 14px; margin-left: 25px; }
.chat-window .note-editor{border-top: 1px solid #e3e3e3; border-radius: 0 !important; border-bottom: 1px solid #e3e3e3;border-width: 1px 0;margin: 0}
.ticket-upload{padding: 7px 0; color: #707070; font-size: 14px; max-width: 96px; margin: 0; margin-right: 25px;border:none;}
.comman-ticket-btn i.fa.fa-info-circle.open-macro-pop { color: #707070; font-size: 18px; position: static;}

.chat-message .chat-text{color: #171725; padding: 10px 10px; border: none; border-radius: 10px !important; background: rgba(191,191,90,.5); font-family: 'Roboto', sans-serif; font-size: 14px;margin: 0 0 3px;}
.chat-message .chat-text:hover{background: rgba(191,191,90,.5) !important;}
.chat-message.send .chat-text{ color: #171725; padding: 10px 10px; border: none; border-radius: 10px !important; background: #F6F6F6; font-family: 'Roboto', sans-serif; font-size: 14px;}
.chat-message.send .chat-text:hover{background: #F6F6F6 !important;}
.chat-message.send .chat-user-name{font-size: 15px; font-weight: 500; color: #171725; font-family: 'Roboto';    margin: 0 0;}
.mesage-info-readby li{font-size: 14px; font-weight: 400; color: rgba(0, 0, 0, .5); font-family: 'Roboto';}
.mesage-info-readby li i.fa.fa-clock-o { display: none; }
.conversation-visible{left: 5px; right: 5px;width: auto;}
.msgActions .dropdown button > span{background: rgba(3, 2, 41, .5);}
.chat-message .chat-mess{padding: 0}
.chat-message.addedmember, .chat-message.closeticket, .chat-message.removeduser{padding: 7px 10px;font-family: 'Roboto'; font-weight: 400; }
.chat-message .chat-text .dropdown-menu a:hover{color: #000000; background: #f5ca34;}
.addedmember{color: #171725; background: #e0f4f9;}
.chat-upload-doc-link{    color: #090b0c !important;}
.modal .table thead th{background: transparent;
    border: none;}
.swal-button{background-color: transparent !important; color: #000 !important;border: 1px solid #f5ca34 !important;border-radius: 75px !important;    font-weight: 400; outline: none;box-shadow: none !important;min-width: 100px; padding: 10px 18px; line-height: 22px;}
.swal-button--danger:focus{box-shadow: none !important;}
.swal-title{padding: 5px 16px;font-size: 24px;color: #171725;}
.swal-icon--warning__body, .swal-icon--warning__dot{    background-color: #F5CA34;}
.swal-icon--warning{    border-color: #F5CA34 !important;}
.select2-container--default .select2-results__option--highlighted[aria-selected]{background: #fff !important; color: #000 !important;}
.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[aria-selected=true]:hover{background: #f5ca34 !important; color: #000 !important;}

.order_dropdown .dropdown-menu li a:hover, .order_dropdown .dropdown-menu li a:focus {background: #f5ca34;color: #000;}
 

.clientview-box { background: #fff; border: 1px solid #ddd; padding: 10px 10px !important; }

 
.accordion .card-header button{background: transparent;color: #000 !important;letter-spacing: 0.1px; font-weight: 500; font-size: 14px; font-family: 'Poppins';padding: 20px 20px;}
.accordion .card-header button:after{ border: 2px solid rgba(0, 0, 0, 0.5);    width: 8px; height: 8px;}
.accordion .card-header button:after, .accordion .card-header button.collapsed:after{top: 27px;}


.login-title p{position: relative;}
.data{display: inline-block; padding: 10px 10px;letter-spacing: .2em;}
 
.message-body .btn{border: 1px solid #F5CA34;color: #000000;font-size: 14px;padding: 12px 14px;min-width: 100px;}
.message-body .form-title .row { align-items: center;}
.message-body .btn + .btn {margin-left: 10px;}
.message-body .btn-cancel{margin-right: 0;}
.message-body label{font-family: 'Poppins'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 29px;color: rgba(0, 0, 0, 0.6);}
.box .message-body .form-control, .box .message-body select.form-control:not([size]):not([multiple]){ background: #FFFFFF;border: 1px solid #E2E2E2; border-radius: 50px;height: 46px;letter-spacing: 0.1px; color: #000000;font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 26px;padding: 5px 20px;}
.box .message-body textarea.form-control{border-radius: 20px;height: 150px;}
.box .message-body select.form-control:not([size]):not([multiple]).form-control{background-image: url(../images/dropdown-icon.svg);background-repeat: no-repeat; background-position: calc(100% - 25px) center;padding-right: 35px;appearance: none;-moz-appearance: none; -webkit-appearance: none;}
 
/*single drop*/
.message-body .select2-container{width: 100% !important}
.message-body .select2-container--default .select2-selection--single{border: 1px solid #E2E2E2; border-radius: 50px; background: #fff; height: 46px; padding: 6px 20px; padding-right: 30px;letter-spacing: 0.1px; color: #000000;font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 16px;}
.message-body .select2-container--open.select2-container--default .select2-selection--single{ border-radius: 4px;}
.message-body .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 40px;color: #000000;}
.message-body .select2-container--default .select2-selection--single .select2-selection__arrow{height: 46px;background-image: url('../images/dropdown-icon.svg'); background-repeat: no-repeat;    background-position-y: 50%;    right: 12px;}
.message-body .select2-container--default .select2-selection--single .select2-selection__arrow b{display: none;}
/*multiple*/
.box .message-body .select2-container--default .select2-selection--multiple{border: 1px solid #E2E2E2; border-radius: 50px; background: #fff; height: 46px; padding: 3px 20px; padding-right: 30px;letter-spacing: 0.1px; color: #000000;font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 16px; overflow-y: auto;background-image: url('../images/dropdown-icon.svg'); background-repeat: no-repeat; background-position: calc( 100% - 20px ) 50%; }
.box .message-body .select2-container--default.select2-container--open .select2-selection--multiple{ border-radius: 4px;  }
.box .message-body .select2-container--default .select2-selection--multiple .select2-selection__rendered{margin: 0;padding: 0;} 
.box .message-body .select2-container--default .select2-selection__arrow{height: 46px;background-image: url('../images/dropdown-icon.svg'); background-repeat: no-repeat;    background-position-y: 50%;    right: 12px;}
.box .message-body .select2-container .select2-search--inline:first-child .select2-search__field{margin-top: 7px;}
.box .message-body .select2-container--default .select2-selection__arrow b{display: none;}

 .box .message-body .select2-container--default .select2-selection--multiple::-webkit-scrollbar { width: 0px; } 
 .box .message-body .select2-container--default .select2-selection--multiple::-webkit-scrollbar-track {  border-radius: 10px; } 
 .box .message-body .select2-container--default .select2-selection--multiple::-webkit-scrollbar-thumb { background: #f1f1f1; border-radius: 10px; } 
 .box .message-body .select2-container--default .select2-selection--multiple::-webkit-scrollbar-thumb:hover { background: #b30000; }

 .form-group .new_checkbox .shippingmethod + label{padding-left: 35px;}
 
.new_checkbox [type=checkbox] + label{font-size: 14px;letter-spacing: 0.1px;margin: 0;padding-left: 35px;}
.new_checkbox [type=checkbox] + label:before{width: 24px;height: 24px;background: #FFFFFF; border: 1px solid #CCCCCC; border-radius: 5px;left: 0;top: 1px;margin: 0;}
.new_checkbox {position: relative;}
.new_checkbox [type=checkbox]:checked~label:before{ border-radius: 5px; border: 1px solid #CCCCCC; transform: none;}
.new_checkbox [type=checkbox] + label:after{width: 14px; height: 14px; position: absolute; left: 5px; background: #fff; display: block; transform: translateY(-50%); -webkit-transform: translateY(-50%); border-radius: 3px; margin: 0; top: 50%;}
.new_checkbox [type=checkbox]:checked + label:after{width: 14px; height: 14px; position: absolute; left: 5px; background: #F5CA34; display: block; transform: translateY(-50%); -webkit-transform: translateY(-50%); border-radius: 3px; margin: 0; top: 50%;}
 
.message-body .btn-cancel.btn-success{border-color: #F5CA34 !important;margin-right:0;margin-left: 0;}
.message-body .submit_btn.autoinvoice {  margin-left: 10px;margin-right:0;} 
/*end*/
.list-view-users .status-label + .date.top-right { top: 29px;} 
.warehouse_search ul.dynamicli5 li input.form-control{width: 100%;background: #FFFFFF;
border: 1px solid #E2E2E2;border-radius: 50px;background: #fff;height: 46px;color: #000;}
.warehouse_search ul li span.select2-selection, .warehouse_search ul li select.form-control{border: 1px solid #E2E2E2 !important; border-radius: 50px !important; background: #fff; height: 46px !important;}

.warehouse_search ul .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 40px;color: #000;}
.warehouse_search ul li .select2-container--default .select2-selection--single .select2-selection__arrow{height: 46px;background-image: url('../images/dropdown-icon.svg'); background-repeat: no-repeat;    background-position-y: 50%;}
.warehouse_search ul li .select2-container--default .select2-selection--single .select2-selection__arrow b{display: none;}

a.backbtn { display: inline-flex; align-items: center; font-family: 'Poppins'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 29px;color: rgba(0, 0, 0, 0.6);} 
a.backbtn svg { margin-right: 5px; }
.report_summary_input .btn-sm { padding: 11px 12px;  height: 46px;    margin: 0;    width: 100%;}
.invoice-margin{margin-bottom: 20px;} 
.filter_field4_searchbtn .addvance_search_option ul li:last-child{width: 50%; text-align: left;}
.filter_field4_searchbtn .addvance_search_option ul li .btn{width: auto;display: inline-block;}

.filter-four.filter-2btn .report_summary_input {width: calc(25% - 55px);}
.filter-four.filter-2btn .report_summary_input:last-child { width: 220px;}
.filter-four.filter-2btn  .report_summary_input .btn-sm + .btn-sm {  margin-left: 4%;}
.filter-four.filter-2btn  .report_summary_input .btn-sm{width: 48%;}

.warehouse_search ul.dynamicli5 li { width: calc(20% - 24px);}
.warehouse_search ul.dynamicli5 li:last-child { width: 120px;}

.uploadserach.permission .dataTables_filter{width: calc(100% - 108px);}

.checkmark-list .checkmark-box .checkmark{width: 22px;height: 22px;background: #FFFFFF; border: 1px solid #CCCCCC; border-radius: 5px;}
.checkmark-list .checkmark-box input:checked~.checkmark{background-color: #fff;}
.checkmark-list .checkmark-box input:checked~.checkmark:after{background: #F5CA34;border-radius: 3px;}
.checkmark-list .checkmark-box input:checked~.checkmark:after { background: #F5CA34; border-radius: 3px; width: 12px; height: 12px; transform: inherit; border: none; left: 0; right: 0; margin: auto; }
.accordion .card-body{border: none !important;}
.card-header{border-bottom:none;}

.accordion .card{background: rgba(255, 255, 255, 0.8);border: 1px solid #E2E2E2 !important;border-radius: 0;}
.checkmark-list .checkmark-box{ max-width: 50% !important; flex: 0 0 50% !important;    padding-left: 34px;font-weight: 400; font-size: 14px;color: rgba(0, 0, 0, 0.6);}

.checks-wrap h3{ background: transparent;   padding: 0px 0px;    margin-bottom: 10px;color: #000 !important; letter-spacing: 0.1px; font-weight: 400; font-size: 14px;}



/*dashboard*/  
.card.card-stats{background: #fff; border: 2px solid #e5e5e5;height: 100%;}
.card.card-stats .card-header {  padding: 10px 20px;}
.card.card-stats .card-header h5{font-size: 13px; color: #000 !important;}
.card.card-stats .card-body { display: flex; align-items: center;position: relative;padding: 10px 10px; padding-left: 26px; }
.card.card-stats .card-body h2{font-size: 22px;font-weight: 700;color: #000;margin: 0;max-width: calc(100% - 53px);    text-overflow: ellipsis;
    white-space: nowrap;    overflow: hidden;}
.card.card-stats .card-body i.fa.fa-bar-chart { margin-left: auto; color: #f5ca34; font-size: 20px; }
.card.card-stats .card-body i.fa.fa-arrow-up{position: absolute; left: 9px; top: 20px; color: #cfcfcf;}
.card.card-stats .card-body span.text-success{ color: #bfbf5a !important; margin: 4px 0px 0 5px !important; font-size: 14px; }
.main-dashboard .box .row{margin: 0 -7px;}
.main-dashboard .box .row div[class*='col-']{padding: 0 7px;}

.card.card-stats.green .card-body i.fa.fa-bar-chart {color: #bfbf5a;}
.card.card-stats.red .card-body i.fa.fa-bar-chart {color: #eb8537;}
.card.card-stats.blue .card-body i.fa.fa-bar-chart {color: #5cb3c1;}
.card.card-stats.blue .card-body span.text-success{color: #000 !important;}

.order-dashboard{background: #fff; border: 2px solid #e5e5e5;height: 100%;/*max-height: 503px;overflow-y: auto;*/min-height: 277px;}

.order-dashboard ul { list-style: none; padding: 0;margin-bottom: 0;}
.order-dashboard ul li { list-style: none; padding: 10px 15px 15px;border-bottom: 2px solid #e5e5e5;}
.order-dashboard ul li{ list-style: none; padding: 6px 10px 6px;border-bottom: 2px solid #e5e5e5;}
.order-dashboard ul li:last-child{border-bottom: none;}
.main-dashboard .col4-filter ul { display: flex; list-style: none; padding: 0; margin: 0 -7px; flex-wrap: wrap; } 
.main-dashboard .col4-filter ul li { padding: 0 7px; width: calc(25% - 34px);margin: 0 0 20px; }
.main-dashboard .col4-filter ul li:last-child{width: 133px; }
.col4-filter ul li .form-control{border-radius: 50px; height: 50px !important; padding: 5px 15px; color: #000; border: 1px solid #E2E2E2 !important;border-radius: 100px !important;background: #fff;}

.col4-filter ul li select.form-control{border-radius: 50px; height: 50px !important; padding: 10px 15px; background-image: url(../images/dropdown-icon.svg); background-repeat: no-repeat; background-position: calc(100% - 18px ) center; background-size: 13px; padding-right: 38px; color:#000; border: 1px solid #E2E2E2;border-radius: 100px !important;}
.main-dashboard .col4-filter ul li:last-child .btn{padding: 14px 37px;}
.carddetail.row div[class*=col-] { margin-bottom: 14px;}
.carddetail .card { height: 100%;margin: 0;}
.orderheader { display: flex; justify-content: space-between; align-items: center;flex-wrap: wrap; }
.orderheader span { font-size: 14px; font-weight: 700; color: #000; }
.order-detail{display: flex;flex-wrap: wrap;align-items: center; padding-top: 2px;}
.order-detail .count { padding: 0 0px; font-size: 20px; color: #000; font-weight: 700; width: 24px; }
.order-detail .clients-name { padding: 0 5px; color: #000; font-weight: 700; /*width: calc(100% - 121px);*/ }
.order-detail .view { padding: 0 5px; font-size: 20px; color: #000; font-weight: 700; width: 87px; }
.order-detail .view .btn { padding: 6px 13px;}
.order-detail .clients-name h3 { font-size: 13px; margin: 0 0 2px; line-height: 15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-weight: 700;}
.order-detail .clients-name p { font-size: 12px; margin: 0; line-height: 15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;     font-weight: 400;}
.order-detail .clients-name span{font-size: 12px; margin: 0; line-height: 15px; font-weight: 400;}
.datepicker-dropdown{z-index: 9999!important;}
.order-detail .view svg { width: 24px; height: 24px; float: right; }
.orderFormTabing .row.mb-3{margin-bottom: 15px !important;}
.orderFormTabing h5{font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; color: rgba(0, 0, 0, 0.6); padding-left: 25px; margin: 0 0 10px; }
.assigned_developer_cls .modal-footer{text-align: right;}
.orderFormTabing label{font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; color: rgba(0, 0, 0, 0.6); padding-left: 20px; margin: 0 0 10px; }
.orderFormTabing .form-control{min-height: 46px;background: #FFFFFF; border: 1px solid #E2E2E2; border-radius: 50px; letter-spacing: 0.1px; color: #000000; font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 26px;    padding: 6px 16px;}
.orderFormTabing textarea.form-control{border-radius: 20px;height: 150px;}
.modal-backdrop { z-index: 999 !important;}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p{font-family: 'Poppins'; font-style: normal; font-weight: 500; font-size: 14px; letter-spacing: 0.1px; color: #000000;padding-left: 60px;     }
.navbar-nav>.user-menu>.dropdown-menu>li.user-header>img{width: 50px; height: 50px; background: #FFFFFF; border: 2px solid #F5CA34;}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header { height: 88px; padding: 8px 0px; text-align: center; }
.navbar-custom-menu>.navbar-nav>li>.dropdown-menu{min-width: 260px;}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p .btn { display: inline-block; padding: 0; border: none; color: #000; font-size: 12px; font-weight: 600; border-bottom: 1px solid #000; border-radius: 0;background: transparent;}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p .btn:hover{background: transparent;border-color: #f5ca34;color: #f5ca34; }
.navbar-nav>.user-menu>.dropdown-menu>.user-body a{font-size: 14px; color: #000; font-weight: 500;}
.orderheader .dropdown-menu[x-placement^=bottom]{right: 0; left: auto !important; transform: translateX(0) !important; top: 100% !important;}
.form-common-class.ticket-filter { display: block;}
.form-common-class.ticket-filter form.searchselect{margin:0 -5px 0; flex-wrap: wrap; justify-content: flex-start;width: auto;}
.form-common-class.ticket-filter form.searchselect .field-block{width:  25%;padding: 0 5px; margin: 0 0 15px;}
.form-common-class.ticket-filter form.searchselect .field-block:last-child{ display: flex; flex-wrap: wrap;}
.form-common-class.ticket-filter form.searchselect .field-block:last-child button.btn.btn-sm.btn-success.pull-right{    margin-right: 10px !important;width: calc(50% - 5px);}
.content .form-common-class.ticket-filter form.searchselect select.form-control{width: 100%;margin:0;}
.content .form-common-class.ticket-filter form.searchselect input.form-control{width: 100% !important;margin: 0;max-width: 100% !important;}
.form-common-class.ticket-filter form.searchselect .field-block:last-child .btn{margin-top: 0;    padding: 12px 5px;   min-width: 90px; text-align: center;font-size: 14px;    width: calc(50% - 5px); max-width: 120px;}
.form-common-class.ticket-filter form.searchselect .select2.select2-container{ margin-right: 0px;}
.box .table>tbody>tr>td .task-status-popup-db a.btn{color: inherit;border-color: inherit;}
.box .table>tbody>tr>td .task-status-popup a.btn{color: #fff;border-color: inherit;padding: 2px 10px; min-width: auto;}

.tab-btn.ticket_tab .col-xl-4 {
    -ms-flex: 0 0 42%;
    flex: 0 0 42%;
    max-width: 42%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.tab-btn.ticket_tab .col-xl-8 {
    -ms-flex: 0 0 58%;
    flex: 0 0 58%;
    max-width: 58%;
}
.tab-btn.ticket_tab .col-xl-4 .back_link {
    padding-left: 10px;display: flex; flex-direction: row-reverse;
}
form#statusup-frm{    background: transparent; padding: 0;    padding-right: 10px;}
.tickestat-item .select2-container { min-width: 112px; }
form#statusup-frm .select2-container .select2-selection--single{padding: 12px 0; border-color: #f5ca34; border-radius: 26px; height: 46px; text-align: center;letter-spacing: 0.1px; color: #000000; font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 16px;}
form#statusup-frm  .select2-container--default .select2-selection--single .select2-selection__arrow{height: 46px; background-image: url(../images/dropdown-icon.svg); background-repeat: no-repeat; background-position-y: 50%; right: 0px;}
form#statusup-frm  .select2-container--default .select2-selection--single .select2-selection__arrow b{display: none;}


.ticket_status_tab{display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-end; margin: 0;}
.ticket_status_tab .tab-ticket{position: static; margin: 0;max-width: max-content;}
.ticket_status_tab .disbl-chatview{display: inline-block;padding: 10px 16px 9px;margin-left: 10px;}
.tab-ticket ul li + li { margin-left: 10px; }
.tab-ticket ul li a { display: block; border: 1px solid #f5ca34; padding: 0px 20px; background-color: #ffffff; color: #000000; border-radius: 38px; font-size: 14px; position: relative; box-shadow: none; }
.tab-ticket ul li a i { margin-right: 4px; border-right: none; height: 44px; width: auto; text-align: center; line-height: 44px; border-radius: 0; }

.tab-ticket ul li.active a, .tab-ticket ul li:hover a { background-color: #f5ca34; }
.tab-ticket ul li.active a i, .tab-ticket ul li:hover a i { color: #000000; background: transparent; border-radius: 0; }
.table td i.fa.client-info{    left: 15px;}
.box .newtickettab .table>tbody>tr>td:first-child{ min-width: 126px;}
/*counter dashobard*/

.graph-block-head { display: flex; align-items: center; justify-content: space-between; padding: 10px; } 
.graph-block-head h2 { font-size: 14px; color: #000; margin: 0; font-weight: 700; line-height: 20px; }

 .dropdown-graph { width: 78%; margin: 0; display: flex; align-items: center; justify-content: space-between; max-width: 235px; }
 .box .dropdown-graph select { border: 1px solid #ddd; padding: 5px 10px; font-size: 12px; font-weight: 600; border-radius: 50px; outline: none; background-image: url(../images/dropdown-icon.svg); background-repeat: no-repeat; background-position: calc(100% - 7px ) center; width: 48%; height: 36px !important; min-height: 31px;color: #000; }
 .order-title {padding: 15px 10px 0;}

a.viewmore { display: block; margin: 15px auto; max-width: 100px; text-align: center; color: #000; background-color: #fff; padding: 6px 13px; border: 1px solid #F5CA34; border-radius: 80px; }
a.viewmore:hover{background: #F5CA34;}
.graph-loader .loading_div{position: absolute;background: rgba(0,0,0,.4);}
.graph-loader .lds-ring div{border-color: #f5ca34 transparent transparent transparent;}

.box .row div[class*='col-']>div{position: relative;}
.main-dashboard .row div[class*='col-']>div{position: relative;height: 100%;}


.order-title h3{ font-size: 14px; color: #000; margin: 0 0 15px; font-weight: 700; line-height: 20px; }
.graph-block.counter{display: flex; align-items: center; justify-content: center;position: relative;}
.conter-title { position: absolute; top: 10px; left: 15px; display: flex; align-items: center; justify-content: space-between; right: 15px; }
 
 select.graph-drop { border: 1px solid #ddd; padding: 5px 7px; font-size: 12px; font-weight: 600; border-radius: 50px;outline: none; }
.counter ul { display: flex; flex-wrap: wrap; margin: 0; list-style: none; padding: 0;width: 100%; }
.counter ul li{ padding: 0 10px;width: 33.33%;text-align: center; }

.counter .card{align-items: center;margin: 0;}
.counter .number { position: absolute; top: 50%; left: 0; right: 0; text-align: center; transform: translateY(-50%); } 
.counter .number h3 { margin: 0; color: #000; font-size: 24px; font-weight: 700; }

.counter .card .percent {position: relative; display: inline-block; line-height: initial;}

.counter .card svg {position: relative;width: 150px;height: 150px;transform: rotate(-90deg);}

.counter .card svg circle { width: 100%;height: 100%;fill: none;stroke: #f0f0f0;  stroke-width: 16px;}

.counter .card svg circle:last-of-type {stroke-dasharray: 376px;stroke-dashoffset: calc(376px - (376px * var(--percent)) / 100);stroke: #5cb3c1;}
.counter li:nth-child(1) svg circle:last-of-type {stroke: #f5ca34;}
.counter li:nth-child(2) svg circle:last-of-type {stroke: #ec8437;}
.counter .percent:after {display: none;}
.counter .title h4 {font-size: 13px; font-weight: 700;color: #000; margin: 0; line-height: 20px;}
.counter .title p { margin: 0;  font-size: 12px; line-height: 13px;color: #000;}
.dropdown-menu li a{padding: 8px 0px; font-size: 14px;}
.dropdown-menu>li>a:hover { background: #f5cd3f;}
.dropdown-menu[x-placement^=top-start] li a, .dropdown-menu[x-placement^=bottom] li a{padding: 8px; }
.all_invoie_btn{padding: 0;}
.box-body.no-padding .dataTables_filter{text-align: right;} 

.form-group .note-editor .btn, .note-editor .btn{border-radius: 2px; padding: 4px 12px;border-color: #ddd;}
.form-group .note-editor .fa{position: initial;transform: none;color: #000;}

 
.search_input.products-stock { padding: 0 15px; width: 300px; position: relative; float: right; top: -44px; margin-bottom: -35px; }

.content .footable.breakpoint > tbody > tr > td > span.footable-toggle{    color: #000;background: #fff;border: 2px solid #f6d151;}
.box .table>tbody>tr>td .dropdown{display: inline-block;}
.bb-dd-empty .dd-list .dd3-content:hover { color: #f5ca34;}
.btn.btn-warning.chat-bar{display: none;}
/* width */
.order-dashboard::-webkit-scrollbar {
  width: 4px;
}

/* Track */
.order-dashboard::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
.order-dashboard::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
.order-dashboard::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.order-dec-head { display: flex; align-items: center; justify-content: space-between; } 
.order-dec-head input.form-control { min-height: 34px; height: 34px; width: 120px; }
 .order-dec-head h3 { margin: 0; }


 .order-head{ display: flex; align-items: center; justify-content: space-between;margin: 0 0 15px;}
.order-head h3{margin: 0 0 0px;}
.order-head .dropdown-graph { width: 42%;}
.box .order-head .form-control{ min-height: 36px; }


.card.card-stats .card-body i.fa.fa-bar-chart.fa-arrow-up { position: relative; top: 0; left: 0; } 
.line-graphblock h5 { position: absolute; top: 10px; left: 10px; color: #000; font-size: 12px; }
 
.counting-block { display: flex; align-items: center; padding: 0 10px; position: absolute; top: 40px; left: 0; width: 100%; }

.counting-block h2 { font-size: 32px; color: #000; font-weight: 700; margin: 0; margin-right: 15px; }
.status-block i.fa.fa-arrow-up { color: #000; margin-right: 2px; }

.navbar-custom-menu>.navbar-nav>li>.dropdown-menu.dropdown-menu-lg{z-index: 99999;}
.box .client_wise_orders .dropdown-graph select, .box .revenue_per_client .dropdown-graph select, .box .clinet_wise_tickets .dropdown-graph select{  width: 65%;margin-left: auto;}

/*client css*/
.transitorTab .common-reports-tabs-main ul.nav.nav-tabs { list-style: none; display: flex; flex-wrap: wrap; border: none; margin: 0 0 25px; } 
.transitorTab .common-reports-tabs-main ul.nav.nav-tabs a { border: 1px solid #dfdfdf; color: #747474; line-height: 20px; padding: 13px 14px; border-right: none; font-weight: 500; display: inline-block; position: relative; min-width: 100px; text-align: center; font-size: 14px;border-radius: 0;    background: #fff; } 
.transitorTab .common-reports-tabs-main ul.nav.nav-tabs li:first-child a { border-radius: 30px 0 0 30px; } 
.transitorTab .common-reports-tabs-main ul.nav.nav-tabs li.nav-item { margin: 0; } 
.transitorTab .common-reports-tabs-main ul.nav.nav-tabs   li:last-child a { border-radius: 0 30px 30px 0; border-right: 1px solid #dfdfdf; }
.transitorTab .common-reports-tabs-main ul.nav.nav-tabs a.active{background: #f5ca34; color: #333;}
.transitorTab .row { margin: 0; }
.transitorTab form#search_frm { margin: 0 0 15px;display: flex;flex-wrap: wrap;}
.transitorTab .warehouse_search ul { margin: 0;display: flex;flex-wrap: wrap;width: calc(100% - 170px);}
.transitorTab .warehouse_search ul.dynamicli5>li { width: 27%; }
.transitorTab .warehouse_search ul.dynamicli5>li:nth-child(1), .transitorTab .warehouse_search ul.dynamicli5>li:nth-child(2){ width: 150px; } 

.btn-success{color: #000; background-color: #fff; border-color: #F5CA34; } 
.btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:not(:disabled):not(.disabled):active:focus{color: #000 !important; background-color: #F5CA34 !important; border-color: #F5CA34 !important;box-shadow: none; }
.btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle{color: #000; background-color: #F5CA34 !important; border-color: #F5CA34 !important;}
.show>.btn-success.dropdown-toggle:focus{box-shadow: none;}
.transitorTab .search_frm_section.warehouse_search .btn{padding: 13px 35px; width: auto; margin: 0 !important; font-size: 14px;}
.transitorTab form#search_frm .form-action { display: flex; align-items: center; justify-content: flex-end; width: 170px;}
.warehouse_search ul li .select2-selection__rendered li {width: auto;}
.warehouse_search ul.dynamicli5.distribution-report-root li span.select2-selection ul li { padding: 0px 4px; margin-top: 13px; width: auto;}

#add-modal .select2-container--default .select2-selection--multiple {border-radius: 100px; font-size: 10pt; padding: 4px 16px; min-height: 40px !important;    overflow: hidden;}

#add-modal .select2-container--default .select2-selection--multiple .select2-selection__choice{margin: 5px 0 0 5px;    list-style: none;}

.setting-pannel { position: fixed; background: #fff; top: 0; right: 0; height: 100%; width: 350px; box-shadow: 0 0 4px rgba(0,0,0,.2); z-index: 99;    transform: translateX(400px);opacity: 0;visibility: hidden;transition: 0.5s ease;}
.active.setting-pannel {transform: translateX(0);opacity: 1;visibility: visible;}
.setting-body{padding: 15px 20px;position: relative;    height: 100%;
    max-height: 100%;
    overflow-y: auto;}
.setting-body h2{color: #171725; font-size: 19px; font-weight: 600; margin: 0 -20px 20px; letter-spacing: 0.1px; border-bottom: 1px solid #ddd; padding: 0 20px 5px;}
.setting-body a.close-sidebar { position: absolute; right: 5px; top: 5px; display: block; color: rgba(0,0,0,.6); width: 20px; height: 20px; } 
.setting-body a.close-sidebar svg { width: 20px; height: 20px; }
.dashboard-setting-row {  margin: 0 0 20px;}
.radio-title{color: #000000; font-size: 14px; font-weight: 500; margin: 0 0 5px; letter-spacing: 0.1px;}
.dashboard-setting-row label.form-check-label { position: relative; padding-left:20px;  font-size: 13px;letter-spacing: 0.1px;font-weight: 500; color: #3e3e3e; }
.dashboard-setting-row [type=radio]:checked, .dashboard-setting-row [type=radio]:not(:checked){left:0;opacity:1;top: 3px;}
 
 .customswitch { display: inline-flex; margin-left: 10px; } 
 .customswitch input[type=checkbox] { height: 0; width: 0; visibility: hidden; } 
 .customswitch input[type=checkbox]:checked + label {     background: #eecb54; } 
 .customswitch input[type=checkbox]:checked + label::after { left: calc(100% - 4px); transform: translateX(-100%);    background: #ffffff; } 
 .customswitch label { cursor: pointer; width: 48px; height: 24px; background: transparent; display: block; border-radius: 24px; position: relative;margin: 0;border:1px solid #eecb54; } 
 .customswitch [type=checkbox]:not(.filled-in)+label:after { content: ""; position: absolute; top: 3px; left: 4px; width: 16px; height: 16px; background: #eecb54; border-radius: 16px; transition: 0.3s; transform: none; margin-top: 0; }
.customswitch [type=checkbox]+label:before{display: none;}
.data-setting-show ul{list-style: none; padding: 0; margin: 0; border: 1px solid #dfdfdf; border-top: none;} 
.data-setting-show ul li { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #dfdfdf; padding: 10px 15px;font-weight: 500; color: #3e3e3e; }

.order-status li{position: relative;color: #455a64; background-color: #fff; border-color: #dfdfdf; font-weight: 400; font-size: 14px;padding: 15px 15px;}
.order-status li.list-group-item.active{color: #455a64; background-color: #fff; border-color: #dfdfdf; font-weight: 400; font-size: 14px;}
.order-status li.active:after{content: ""; position: absolute; left: 0; height: 48px; top: 50%; transform: translateY(-50%); width: 4px; border-radius: 0 5px 5px 0; background: #eecb54;}
.order-status li .ui-icon-arrowthick-2-n-s { background-position: 0 -80px; }
.order-status li i { cursor: pointer; }

.setting-body .list-group .list-group-item{ color: #455a64;font-weight: 400; font-size: 14px; background-color: #fff;  position: relative;padding: 15px 15px;}
.setting-body .list-group .list-group-item.active{border-color: #dfdfdf; color: #455a64;font-weight: 400; font-size: 14px; background-color: #fff;}
.setting-body .list-group .list-group-item:after { content: ""; position: absolute; left: 0; height: 42px; top: 50%; transform: translateY(-50%); width: 4px; border-radius: 0 5px 5px 0; }
.setting-body .list-group .list-group-item.active:after { background: #eecb54; }

/*dashboard home*/
.mainfilter { max-width: 300px; }
.mainfilter .row { margin: 0 -5px; }
.mainfilter .row .col-6 { padding: 0 5px; }
.mainfilter select.form-control:not([size]):not([multiple]) { height: 46px; padding-left: 20px; }


.tab-btn .customer_add a{margin: 0; font-size: 14px; padding: 12px 18px;}
.tab-btn .customer_add + .customer_add a{margin-left: 10px;}
.customer_filter form.frmcustomer{    margin: 0 -8px !important;    flex-wrap: wrap;}
.customer_filter form.frmcustomer div[class*="col-"]{padding: 0 8px;margin-bottom: 25px;}
.customer_filter .search_frm_section select{border-radius: 50px;height: 46px;padding: 12px 15px;    border-color: #d2d6de;}
.customer_filter .select2-container--default .select2-selection--single{border-radius: 50px;height: 46px;padding: 12px 15px;    border-color: #d2d6de;/*background-image: url('../images/dropdown-icon.svg');*/ background-repeat: no-repeat; background-position: calc(100% - 10px) center;}
.customer_filter .select2-container--default.select2-container--open .select2-selection--single{border-radius: 10px;}

.customer_filter .select2-container .select2-selection--single .select2-selection__arrow{height: 48px;background-image: url('../images/dropdown-icon.svg'); background-repeat: no-repeat;    background-position-y: 50%;right: 15px;top: 0;}
.customer_filter .select2-container .select2-selection--single .select2-selection__arrow b{display: none;}

.customer_filter form.frmcustomer div[class*="col-"] .btn-primary{color: #000; background-color: #fff; border-color: #F5CA34; padding: 12px 15px;font-size: 14px;    min-width: 100px;} 
.customer_filter form.frmcustomer div[class*="col-"] .btn-primary:hover, .customer_filter form.frmcustomer div[class*="col-"] .btn-primary:focus, .customer_filter form.frmcustomer div[class*="col-"] .btn-primary.focus, .customer_filter form.frmcustomer div[class*="col-"] .btn-primary:active{color: #000; background-color: #F5CA34; border-color: #F5CA34; }
.search_frm_section.search_frm_section_customer.customer_filter{margin-left:-15px;margin-right: -15px;max-width: inherit;}

/*cyclecount*/
 
h6.overview-title { color: #171725; font-family: Poppins; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: 0.1px; margin: 0; }
.shop-name{color: rgba(0,0,0,.6); text-align: right; font-family: Poppins; font-size: 14px; font-style: normal; font-weight: 400; line-height: 29.187px;margin: 10px 0 0;}

.addlead .table-striped .select2-container .select2-selection--single{height: 46px;border-radius: 100px;padding: 9px 16px;
    border-color: #d2d6de;}
.addlead .table-striped .select2-container--default.select2-container--open .select2-selection--single { border-radius: 10px 10px 0 0;}
.addlead .table-striped .select2-container--default .select2-selection--single .select2-selection__arrow { height: 46px;}

.personaldetail_list .btn-info{color: #000; background-color: #fff;border-color: #F5CA34;}
.personaldetail_list .btn-info:hover, .personaldetail_list .btn-info:focus, .personaldetail_list .btn-info.focus, .personaldetail_list .btn-info:not(:disabled):not(.disabled):active:focus{color: #000 !important; background-color: #F5CA34 !important; border-color: #F5CA34 !important;box-shadow: none; }
.personaldetail_list .btn-info:active, .personaldetail_list .btn-info.active, .show > .personaldetail_list .btn-info.dropdown-toggle{color: #000; background-color: #F5CA34 !important; border-color: #F5CA34 !important;}

.personaldetail_list select.form-control, .personaldetail_list .form-control{border-radius: 100px;}

.personaldetail_list .btn.btn-danger{padding: 0; height: 38px; width: 38px; text-align: center; line-height: 48px;color: #fff; border-color: #fc4b6c;}
.personaldetail_list .btn.btn-danger svg { width: 20px; height: 20px; }
.back-link{color: rgba(0,0,0,.6);font-size: 14px;font-weight: 400;}
.back-link svg {vertical-align: middle;}
.stock_info_icon{vertical-align: middle;}
/*add purchaseorder*/
.btn-primary.disabled, .btn-primary:disabled{color: #000; background-color: #fff;border-color: #F5CA34;}
.btn-primary, .btn-secondary{color: #000 !important; background-color: #fff;border-color: #F5CA34;}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-secondary:hover, .btn-secondary:focus, .btn-secondary.focus, .btn-secondary:not(:disabled):not(.disabled):active:focus{color: #000 !important; background-color: #F5CA34 !important; border-color: #F5CA34 !important;box-shadow: none; }
.btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle, .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle{color: #000; background-color: #F5CA34 !important; border-color: #F5CA34 !important;}
.box .repeater-row  .form-control { border-radius: 50px;  padding: 6px 20px; min-height: 46px; }
 
.poclientside.pofrmdup ul li.increase-wdth:nth-child(2) {  width: 80px !important;}
.poclientside.pofrmdup ul li.increase-wdth:nth-child(3) { width: calc(37% - 346px) !important; }
.pofrmdup .select2-container--default .select2-selection--single{height: 46px;    border-radius: 30px;}
.pofrmdup .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 38px;}
.pofrmdup .select2-container--default .select2-selection--single .select2-selection__arrow{height: 48px;background-image: url('../images/dropdown-icon.svg'); background-repeat: no-repeat;    background-position-y: 50%;right: 15px;}
.pofrmdup .select2-container--default .select2-selection--single .select2-selection__arrow b{display: none;}


.poclientside.pofrmdup ul li.increase-wdth a.external-link-product{ right: 13px !important;bottom: 10px !important;}
.pofrmdup ul li .tooltip-stock{    top: 11px !important;}
.purchase-tab ul.nav.nav-tabs{padding: 0;list-style: none;display: flex;flex-wrap: wrap; margin: 0 0 15px;}
.purchase-tab ul.nav.nav-tabs li{margin: 0;padding: 0;}
.purchase-tab ul.nav.nav-tabs li a.nav-link{border-radius: 0;border: 1px solid #dfdfdf;color: #747474; line-height: 20px;   padding: 12px 14px;border-right: none;font-weight: 500;display: inline-block;  position: relative;  min-width: 100px;text-align: center;font-size: 14px;overflow: inherit;} 
.purchase-tab ul.nav.nav-tabs li:first-child a{border-radius:30px 0 0 30px;}
.purchase-tab ul.nav.nav-tabs li:last-child a{border-radius:0 30px 30px 0;border-right: 1px solid #dfdfdf;}
.purchase-tab ul.nav.nav-tabs li a.nav-link.active, .purchase-tab ul.nav.nav-tabs li:hover a.nav-link{background: #f5ca34;color: #333;    border-color: #f5ca34;}
.pofrmdup .select2-container--default.select2-container--open .select2-selection--single{border-radius: 10px;}


.form-common-class form.searchselect .select2.select2-container .select2-selection{border-radius: 50px;height: 46px; padding: 12px 15px; border-color: #d2d6de;}
.form-common-class form.searchselect .select2-container--default.select2-container--open .select2-selection--single { border-radius: 10px; }
.form-common-class form.searchselect .select2-container--default .select2-selection--single .select2-selection__rendered{    font-family: 'Poppins';font-style: normal; font-weight: 400;  font-size: 14px;  color: #000;}
.form-common-class form.searchselect .select2-container--default .select2-selection--single .select2-selection__arrow{height: 48px;background-image: url('../images/dropdown-icon.svg'); background-repeat: no-repeat;    background-position-y: 50%;right: 15px;top: 0;}
.form-common-class form.searchselect .select2-container--default .select2-selection--single .select2-selection__arrow b{display: none;}

.purchase-filter{width: 55%; display: flex; justify-content: space-between; float: right;}
.purchase-filter-flex{position: relative; top: 0; width: calc(100% - 100px); padding: 0; max-width: 100%; padding-right: 10px;}
.content .purchase-filter form.searchselect{display: flex; align-items: center;margin: 0}
.purchase-filter span.select2.select2-container {width: 100% !important;}
.purchase-filter .searchselect span.select2-selection.select2-selection--single { border-radius: 50px 0 0 50px !important; height: 48px; font-size: 14px; padding: 14px 14px; border: 1px solid #ccc; } 
.purchase-filter .searchselect .select2-container--default.select2-container--open .select2-selection--single{border-radius: 10px 0 0 0px !important;}
.purchase-filter .searchselect button.btn { border-radius: 0 50px 50px 0 !important; background: transparent; border-left: none; padding: 8px 20px 8px 15px; height: 48px !important; color: #000; font-size: 14px; border-color: #ccc; }
.purchase-filter a.add-client { border: 1px solid; color: #000; background-color: #fff; border-color: #eecb54; border-radius: 100px; padding: 4px 18px; position: relative; z-index: 7; line-height: 38px; min-width: 100px; text-align: center; }
.purchase-filter a.add-client:hover{background-color: #eecb54;}

#ticketaddmodeld .row{margin: 0 -5px;}
#ticketaddmodeld .row div[class*="col-"]{padding: 0 5px;}

/*customfield */
.table-striped .select2-container .select2-selection--single{border-radius: 50px; height: 46px; font-size: 14px; padding: 13px 14px; border: 1px solid #ccc;}
.table-striped .select2-container--default.select2-container--open .select2-selection--single { border-radius: 10px 10px 0 0px; }
.table-striped .select2-container .select2-selection--single .select2-selection__arrow{height: 48px;background-image: url('../images/dropdown-icon.svg'); background-repeat: no-repeat;    background-position-y: 50%;right: 15px;top: 0;}
.table-striped .select2-container .select2-selection--single .select2-selection__arrow b{display: none;}


.table>tbody>tr.stock_detail td{vertical-align: top}
.box .stock_detail textarea.form-control{resize: none; min-height: 30px; height: 44px; border-radius: 10px;} 
/*order/add*/
.add_product_rep{border: 1px solid #ddd;}
.pofrmdup .repeater-row ul{padding-bottom: 5px !important;}


.btn-cancel{color: #000;}
.pagination{align-items: center;}

.search_frm_section_orderfeedback ul{display: flex;align-items: center;flex-wrap: wrap;margin: 0 -5px;list-style: none;padding: 0;}
.search_frm_section_orderfeedback ul li{width: calc(25% - 50px);padding: 0 5px;}
.search_frm_section_orderfeedback ul li:last-child { width: 200px;}
.search_frm_section_orderfeedback ul li .btn{padding: 12px 22px; min-width: 90px;}
.search_frm_section_orderfeedback ul li .btn{padding: 12px 22px; min-width: 90px;}
.search_frm_section_orderfeedback form#search_frm{margin-top: 0;}
.search_frm_section_orderfeedback form select.form-control{margin: 0;border: 1px solid #d9d9d9; height: 38px; min-height: 46px;border-radius: 100px !important;max-width: 100%;padding: 9px 20px;}
.search_frm_section_orderfeedback form input.form-control{margin: 0;border: 1px solid #d9d9d9; height: 38px; min-height: 46px;border-radius: 100px !important;max-width: 100%;padding: 9px 20px;width:100%;margin: 0 !important;}

.col4-filter .batch_search_areafrm form#search_frm>div{width: 16.66%}
.col4-filter .batch_search_areafrm form#search_frm>div .form-control{margin: 0;border-radius: 100px !important; border: 1px solid #d9d9d9 !important; height: 38px; min-height: 46px;width: 100%;}
table.dataTable.no-footer{    border-bottom: 1px solid #E2E2E2;}
table.dataTable tbody th, table.dataTable tbody td{padding: 1rem}
.top_title_message{position: relative;}
.customer_add_search_new a.btn{line-height: 28px;min-height: 46px;border-radius: 100px;}
form#search_frm > input, form#search_frm select{border-radius: 100px !important;min-height: 46px;border: 1px solid #d9d9d9;width: 13%;}
form#search_frm .select2-container span.select2-selection.select2-selection--multiple{border-radius: 100px;border: 1px solid #d9d9d9;background: #FFFFFF !important;    padding: 0 5px !important;}
.content .form-common-class .select2-container span.select2-selection.select2-selection--multiple .select2-search__field {     margin-top: 11px; }
.search_frm_section_order_newsearch .btn-sm{min-height: 46px;min-width: 95px;text-align: center;}

.search_frm_section_order_newsearch form#search_frm .select2-container .select2-selection{border-radius: 100px !important; min-height: 46px; border: 1px solid #d9d9d9; overflow-y: auto;height: 46px;padding-top: 7px;}
.customer_add a{ margin: -10px 0 0 10px;}
.title-bottom{position: relative; bottom: -30px;}
.nonprintorder ul{display: flex;align-items: center;flex-wrap: wrap;margin: 0 -5px;list-style: none;padding: 0;}
.nonprintorder ul li{width: calc(33.33% - 40px);padding: 0 5px;}
.nonprintorder form#search_frm ul li select{margin: 0;border-radius: 100px; border: 1px solid #d9d9d9; height: 38px; min-height: 46px;width: 100%;}
.nonprintorder ul li:last-child { width: 120px; }
.nonprintorder ul li .btn{padding: 12px 22px; min-width: 110px;}
.search_frm_section_orderfeedback form#search_frm ul li select{width: 100%;}
.col4-filter .batch_search_area form#search_frm>div .form-control{width: 100%;}

/*dashboard*/
.weekdata { display: flex; align-items: center; margin-top: 10px; } 
.weekdata .form-check { padding-left: 0; } 
.weekdata .form-check +  .form-check { margin-left: 10px; } 
.weekdata .form-check label.form-check-label { color: #000; font-family: Poppins; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 0.1px; }
.weekdata .form-check [type=radio]+label:after, .weekdata .form-check [type=radio]+label:before{margin: 2px;}
.weekdata .form-check [type=radio]:not(:checked)+label:after, .weekdata .form-check [type=radio]:not(:checked)+label:before{border-color: #CCCCCC;}

/*order*/
form#search_frm.hold_order_filter { width: auto; display: flex; align-items: center; flex-wrap: wrap; margin: 0 -10px; } 
form#search_frm.hold_order_filter select { width: calc(33.33% - 42px); margin: 0 5px; } 
form#search_frm.hold_order_filter button.btn { padding: 12px 22px; min-width: 90px; margin: 0 0 0 5px; }
.order_dropdown .dropdown-menu{box-shadow: 0 1px 14px 0 rgba(0,0,0,0.2);margin-top: 1px !important;}
.order_dropdown .dropdown-menu li a{padding: 9px 8px;font-size: 14px;}
.batch_search_area label{margin: 0 0 3px; padding-left: 18px;}

/*dashboard*/
.order-dashboard .box .table>thead>tr>th { font-weight: 600; color: #000;padding-left: 10px;padding-right: 10px;font-size: 13px;text-align: center;}
.order-dashboard .box .table>tbody>tr>td { border-color: #dee2e6;border-width: 2px;text-align: center;padding-left: 10px;padding-right: 10px;}
.order-dashboard .box .table>thead>tr>th:first-child, .order-dashboard .box .table>tbody>tr>td:first-child { text-align: left; }
.order-dashboard ul li .orderbody { display: flex; flex-direction: row-reverse; justify-content: space-between; }
.box.graph-section .col-lg-5 .table { display: table;}
.carrier_cut_off, .open_po_orders{margin-bottom: 14px;}

.carrier_cut_off thead tr,.open_po_orders thead tr{ position: sticky; top: 0;    z-index: 1;
    background: #fff; border-bottom: 1px solid #ddd; }
.carrier_cut_off .box, .open_po_orders .box{ /*max-height: 550px; overflow-y: auto;*/ }
/* width */
.carrier_cut_off .box::-webkit-scrollbar, .open_po_orders .box::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

/* Track */
.carrier_cut_off .box::-webkit-scrollbar-track, .open_po_orders .box::-webkit-scrollbar-track{
  background: #f1f1f1;
}

/* Handle */
.carrier_cut_off .box::-webkit-scrollbar-thumb, .open_po_orders .box::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
.carrier_cut_off .box::-webkit-scrollbar-thumb:hover, .open_po_orders .box::-webkit-scrollbar-thumb:hover {
  background: #555;}

.client_data_dash { display: flex; align-items: center; max-width: 550px; } 
.client_data_dash .form-check { padding-left: 10px; } 
.client_data_dash select.form-control:not([size]):not([multiple]), .content-fistlogin .filter select.form-control:not([size]):not([multiple]) { height: 46px;padding: 5px 20px; } 
.client_data_dash .form-check input[type="submit"] { border: 1px solid; color: #000; background-color: #fff; border-color: #F5CA34; border-radius: 30px; font-weight: 400; padding: 10px 25px; cursor: pointer;}
.client_data_dash .form-check input[type="submit"]:hover {border: 1px solid #F5CA34; color: #000; background-color: #F5CA34; border-color: #F5CA34;  } 


/*22 feb for root client page*/
.customer_newdesign{padding-top: 40px;} 
.customer_filter{margin-bottom: 30px;}
.filter-customer { display: flex; align-items: center; justify-content: flex-end;max-width: 855px; margin-left: auto; }
.filter-customer .search { width: calc(58% - 80px); padding: 0 5px; }
.filter-customer .search_frm_section { width: calc(42% - 75px); padding: 0 5px;}
.customer_filter .search_frm_section form#customer_search{margin: 0;}
.filter-customer .add_client { width: 155px;padding-left: 5px;}
.filter-customer .search_frm_section span.select2 { width: 100% !important; }

/*section.content.search_frm_section_customer .filter-client .search_frm_section{ position: relative; top: 0; width: calc(100% - 118px); padding: 0; max-width: 100%; padding-right: 10px;}*/
.filter-customer form#search_frm{margin: 0}
.filter-customer span.select2.select2-container{min-width: auto;}
.filter-customer form#customer_search span.select2-selection.select2-selection--single, .filter-customer form span.select2-selection.select2-selection--single{ border-radius: 50px !important;height: 46px;  font-size: 14px; padding: 11px 12px;border-color: #E2E2E2;}
.filter-customer form#customer_search .select2-container--default.select2-container--open .select2-selection--single, .filter-customer form .select2-container--default.select2-container--open .select2-selection--single{border-radius: 10px 10px 0 0px !important;}
.filter-customer form#customer_search span.select2-selection.select2-selection--single .select2-selection__arrow, .filter-customer form span.select2-selection.select2-selection--single .select2-selection__arrow{height: 46px; background-image: url(../images/dropdown-icon.svg); background-repeat: no-repeat; background-position-y: 50%; right: 12px;}
.filter-customer form#customer_search span.select2-selection.select2-selection--single .select2-selection__arrow b, .filter-customer form  span.select2-selection.select2-selection--single .select2-selection__arrow b{display: none;}
.filter-customer a.add-client{height: 46px;border: 1px solid #F5CA34;display: block; font-family: Poppins; font-size: 14px; font-weight: 400; line-height: 42px; letter-spacing: 0px; text-align: center;color:#000000;background: #fff;border-radius: 100px;}
.filter-customer a.add-client:hover{background:  #F5CA34;color:#000000;}
.filter-customer form#customer_search .select2-selection__clear{position: absolute;right: 15px;}
.search .form-control{border: 1px solid #E2E2E2;background: #fff;padding: 10px 20px;padding-right: 40px;font-size: 14px;color: #000;font-family: 'Poppins', sans-serif;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgb3BhY2l0eT0iMC40Ij4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNC4zMTg4IDEzLjc1NDdMMTEuMDUzMiAxMC40ODg2QzExLjkyOTEgOS40ODEzOCAxMi40NTk2IDguMTY3MTggMTIuNDU5NiA2LjczMDhDMTIuNDU5NiAzLjU2ODk0IDkuODg4MDYgMSA2LjcyOTg0IDFDMy41Njg1MSAxIDEgMy41NzE5NSAxIDYuNzMwOEMxIDkuODg5NjMgMy41NzE0OSAxMi40NjE0IDYuNzI5ODQgMTIuNDYxNEM4LjE2NTk1IDEyLjQ2MTQgOS40Nzk5NyAxMS45MzEgMTAuNDg3IDExLjA1NDdMMTMuNzUyNiAxNC4zMjFDMTMuODMwMSAxNC4zOTgzIDEzLjkzNDQgMTQuNDQgMTQuMDM1NyAxNC40NEMxNC4xMzcgMTQuNDQgMTQuMjQxMyAxNC40MDEzIDE0LjMxODggMTQuMzIxQzE0LjQ3MzcgMTQuMTY2IDE0LjQ3MzcgMTMuOTA5NyAxNC4zMTg4IDEzLjc1NDdaTTEuODAxNjYgNi43MzA4QzEuODAxNjYgNC4wMTMwMiA0LjAxMjQzIDEuODA0NjYgNi43MjY3NSAxLjgwNDY2QzkuNDQ0MjYgMS44MDQ2NiAxMS42NTIgNC4wMTYwNSAxMS42NTIgNi43MzA4QzExLjY1MiA5LjQ0NTcxIDkuNDQ0MjYgMTEuNjU5OCA2LjcyNjc1IDExLjY1OThDNC4wMTI0MyAxMS42NTk4IDEuODAxNjYgOS40NDg1NiAxLjgwMTY2IDYuNzMwOFoiIGZpbGw9IiNBQUFBQUEiLz4KPHBhdGggZD0iTTE0LjMxODggMTMuNzU0N0wxNC42NzIzIDEzLjQwMTJMMTQuNjcyMyAxMy40MDEyTDE0LjMxODggMTMuNzU0N1pNMTEuMDUzMiAxMC40ODg2TDEwLjY3NTkgMTAuMTYwNEwxMC4zNjk5IDEwLjUxMjNMMTAuNjk5NiAxMC44NDIxTDExLjA1MzIgMTAuNDg4NlpNMTAuNDg3IDExLjA1NDdMMTAuODQwNiAxMC43MDEyTDEwLjUxMDggMTAuMzcxMkwxMC4xNTg4IDEwLjY3NzVMMTAuNDg3IDExLjA1NDdaTTEzLjc1MjYgMTQuMzIxTDEzLjM5OSAxNC42NzQ1TDEzLjM5OTQgMTQuNjc0OEwxMy43NTI2IDE0LjMyMVpNMTQuMzE4OCAxNC4zMjFMMTMuOTY1MSAxMy45Njc0TDEzLjk1ODggMTMuOTczOUwxNC4zMTg4IDE0LjMyMVpNMTQuNjcyMyAxMy40MDEyTDExLjQwNjggMTAuMTM1TDEwLjY5OTYgMTAuODQyMUwxMy45NjUyIDE0LjEwODJMMTQuNjcyMyAxMy40MDEyWk0xMS40MzA1IDEwLjgxNjdDMTIuMzgyMyA5LjcyMjIyIDEyLjk1OTYgOC4yOTI2MiAxMi45NTk2IDYuNzMwOEgxMS45NTk2QzExLjk1OTYgOC4wNDE3NSAxMS40NzU5IDkuMjQwNTMgMTAuNjc1OSAxMC4xNjA0TDExLjQzMDUgMTAuODE2N1pNMTIuOTU5NiA2LjczMDhDMTIuOTU5NiAzLjI5MjcyIDEwLjE2NDEgMC41IDYuNzI5ODQgMC41VjEuNUM5LjYxMiAxLjUgMTEuOTU5NiAzLjg0NTE3IDExLjk1OTYgNi43MzA4SDEyLjk1OTZaTTYuNzI5ODQgMC41QzMuMjkyMTIgMC41IDAuNSAzLjI5NjA2IDAuNSA2LjczMDhIMS41QzEuNSAzLjg0Nzg0IDMuODQ0OSAxLjUgNi43Mjk4NCAxLjVWMC41Wk0wLjUgNi43MzA4QzAuNSAxMC4xNjU3IDMuMjk1MjggMTIuOTYxNCA2LjcyOTg0IDEyLjk2MTRWMTEuOTYxNEMzLjg0NzY5IDExLjk2MTQgMS41IDkuNjEzNTUgMS41IDYuNzMwOEgwLjVaTTYuNzI5ODQgMTIuOTYxNEM4LjI5MTQzIDEyLjk2MTQgOS43MjA4OSAxMi4zODQxIDEwLjgxNTMgMTEuNDMxOUwxMC4xNTg4IDEwLjY3NzVDOS4yMzkwNSAxMS40Nzc4IDguMDQwNDggMTEuOTYxNCA2LjcyOTg0IDExLjk2MTRWMTIuOTYxNFpNMTAuMTMzNCAxMS40MDgyTDEzLjM5OSAxNC42NzQ1TDE0LjEwNjIgMTMuOTY3NUwxMC44NDA2IDEwLjcwMTJMMTAuMTMzNCAxMS40MDgyWk0xMy4zOTk0IDE0LjY3NDhDMTMuNTcwMSAxNC44NDUzIDEzLjgwMTIgMTQuOTQgMTQuMDM1NyAxNC45NFYxMy45NEMxNC4wNTMxIDEzLjk0IDE0LjA2NjYgMTMuOTQzNCAxNC4wNzY4IDEzLjk0NzdDMTQuMDg3MiAxMy45NTIgMTQuMDk3MSAxMy45NTg0IDE0LjEwNTkgMTMuOTY3MUwxMy4zOTk0IDE0LjY3NDhaTTE0LjAzNTcgMTQuOTRDMTQuMjYxNyAxNC45NCAxNC40OTk1IDE0Ljg1MzkgMTQuNjc4NyAxNC42NjhMMTMuOTU4OCAxMy45NzM5QzEzLjk4MyAxMy45NDg4IDE0LjAxMjQgMTMuOTQgMTQuMDM1NyAxMy45NFYxNC45NFpNMTQuNjcyMyAxNC42NzQ1QzE1LjAyMjUgMTQuMzI0MiAxNS4wMjI1IDEzLjc1MTQgMTQuNjcyMyAxMy40MDEyTDEzLjk2NTIgMTQuMTA4MkMxMy45NDM0IDE0LjA4NjUgMTMuOTM1IDE0LjA1OTcgMTMuOTM1IDE0LjAzNzhDMTMuOTM1IDE0LjAxNiAxMy45NDM0IDEzLjk4OTIgMTMuOTY1MiAxMy45Njc1TDE0LjY3MjMgMTQuNjc0NVpNMi4zMDE2NiA2LjczMDhDMi4zMDE2NiA0LjI4OTI2IDQuMjg4NDkgMi4zMDQ2NiA2LjcyNjc1IDIuMzA0NjZWMS4zMDQ2NkMzLjczNjM4IDEuMzA0NjYgMS4zMDE2NiAzLjczNjc5IDEuMzAxNjYgNi43MzA4SDIuMzAxNjZaTTYuNzI2NzUgMi4zMDQ2NkM5LjE2NzgyIDIuMzA0NjYgMTEuMTUyIDQuMjkxOSAxMS4xNTIgNi43MzA4SDEyLjE1MkMxMi4xNTIgMy43NDAyIDkuNzIwNjkgMS4zMDQ2NiA2LjcyNjc1IDEuMzA0NjZWMi4zMDQ2NlpNMTEuMTUyIDYuNzMwOEMxMS4xNTIgOS4xNzAyMyA5LjE2NzQ1IDExLjE1OTggNi43MjY3NSAxMS4xNTk4VjEyLjE1OThDOS43MjEwNiAxMi4xNTk4IDEyLjE1MiA5LjcyMTIgMTIuMTUyIDYuNzMwOEgxMS4xNTJaTTYuNzI2NzUgMTEuMTU5OEM0LjI4ODg2IDExLjE1OTggMi4zMDE2NiA5LjE3MjcxIDIuMzAxNjYgNi43MzA4SDEuMzAxNjZDMS4zMDE2NiA5LjcyNDQxIDMuNzM2IDEyLjE1OTggNi43MjY3NSAxMi4xNTk4VjExLjE1OThaIiBmaWxsPSJibGFjayIvPgo8L2c+Cjwvc3ZnPgo=");
background-position:calc(100% - 21px) center;background-repeat: no-repeat;}


/* end client page*/ 
.tab-inside-btn { border-bottom: 1px solid #DEDEDE;margin-bottom: 15px; } 
.tab-inside-btn ul.nav.nav-tabs { border-bottom: none;     margin-bottom: -2px;} 
.tab-inside-btn ul.nav.nav-tabs .nav-item + .nav-item{margin-left: 30px;}
.tab-inside-btn ul.nav.nav-tabs a { color: #696974; padding: 10px 2px; display: inline-block; font-family: Poppins; font-size: 14px; font-weight: 400; line-height: 21px; letter-spacing: 0.10000000149011612px; text-align: left; }
.tab-inside-btn ul.nav.nav-tabs a.active, .tab-inside-btn ul.nav.nav-tabs a:hover{ border-bottom: 4px solid #f5ca34; color: #000; font-weight: 600;background: transparent;}
.filter-shipmentrate { display: flex; justify-content: flex-end;    align-items: center; } 
.filter-shipmentrate div.search { width: 100%;max-width: 400px;} 
.shipment_top_btn { display: flex; } 
.shipment_top_btn a.btn { margin-left: 10px; font-size: 14px; font-weight: 400; line-height: 44px; padding: 0 15px; min-width: 120px; text-align: center;}


.edit_page .row{margin: 0 -10px;}
.edit_page .row div[class*="col-"]{padding: 0 10px;}
.edit_page label{font-size: 14px; font-weight: 400; line-height: 29px; letter-spacing: 0px; text-align: left;color: rgba(0,0,0,.6);margin: 0 0 .5rem;padding-left: 20px;padding-bottom: 0;}
.edit_page .form-control{ font-size: 16px; font-weight: 400; line-height: 26px; letter-spacing: 0.10000000149011612px; text-align: left;max-width: 100% !important;}
.edit_page .select2-container .select2-selection--single{height: 46px;border-radius: 100px;padding: 9px 20px; border-color: #E2E2E2;}
.edit_page .select2-container--default.select2-container--open .select2-selection--single { border-radius: 10px ;}
.edit_page .select2-container--default .select2-selection--single .select2-selection__arrow { height: 46px;}
.edit_page  .select2-container--default .select2-selection--single .select2-selection__rendered { color: #000; line-height: 34px !important; font-family: Poppins; font-size: 14px; font-weight: 400;     line-height: 26px;
    letter-spacing: 0.10000000149011612px;
     }
.edit_page .select2-container--default .select2-selection--single .select2-selection__arrow{height: 48px;background-image: url('../images/dropdown-icon.svg'); background-repeat: no-repeat;    background-position-y: 50%;right: 15px;}
.edit_page .select2-container--default .select2-selection--single .select2-selection__arrow b{display: none;}


.edit_page .select2-container .select2-selection--multiple{height: 46px;border-radius: 100px;padding: 3px 15px 0; border-color: #E2E2E2;background-image: url('../images/dropdown-icon.svg'); background-repeat: no-repeat;    background-position: calc(100% - 20px) 50%;overflow-y: auto;    padding-right: 40px;}
.edit_page .select2-container--default.select2-container--open .select2-selection--multiple { border-radius: 10px ;}
.edit_page .select2-container--default .select2-selection--multiple .select2-selection__arrow { height: 46px;}
.edit_page  .select2-container--default .select2-selection--multiple .select2-selection__rendered { color: #000; line-height: 34px !important; font-family: Poppins; font-size: 14px; font-weight: 400;     line-height: 26px;
    letter-spacing: 0.10000000149011612px;
     }
 

.footer_btn .btn{min-width: 120px; text-align: center; color: #000000; padding: 12px 22px; font-size: 14px; font-weight: 400;}



/*General costs*/
.genral_cost .WarehouseCnt{padding: 0;margin-bottom: 20px;border-bottom: 1px solid #E2E2E2;
    padding: 0px 30px 5px;}
.genral_cost .WarehouseCnt ul.add-Warehousing { display: flex; flex-wrap: wrap; margin: 0 -7px 15px; } 
.genral_cost .WarehouseCnt ul.add-Warehousing>li{width: calc(50% - 50px); margin: 0; padding: 0 7px;}
.genral_cost .WarehouseCnt ul.add-Warehousing>li:last-child { width: 100px; }
.genral_cost .WarehouseCnt ul li{width: calc(25% - 36px); margin: 0; padding: 0 7px;}
.genral_cost ul.listItems  .btn{padding: 0; width: 40px; height: 40px; font-size: 20px; line-height: 38px; color: #000;}
.genral_cost ul.listItems .btn.btn-danger { color: #fff; border-color: #fc4b6c; }
.genral_cost .WarehouseCnt ul.listItems>li { width: calc(25% - 25px); margin: 0; padding: 0 7px; }
.genral_cost .WarehouseCnt ul.listItems>li:last-child { width: 100px; }
.genral_cost .WarehouseCnt ul.listItems { display: flex; flex-wrap: wrap; margin: 0 -7px 15px; } 

.genral_cost .addWarehouseSec { border: 1px solid #E2E2E2; background: #fff; margin-bottom: 20px;padding: 15px 0 0;}
.genral_cost .WarehouseCnt:last-child{border:none;margin-bottom: 0}

.list-view-users ul li .item-user-list select { width: 100%; } 

.list-view-users ul li .select2-container--default .select2-selection--single{border: 1px solid #E2E2E2; border-radius: 50px; background: #fff; height: 44px; padding: 4px 20px; padding-right: 30px; letter-spacing: 0.1px; color: #000000; font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 14px;}
.list-view-users ul li .select2-container--open.select2-container--default .select2-selection--single{ border-radius: 4px;}
.list-view-users ul li .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 40px;color: #000000;}
.list-view-users ul li .select2-container--default .select2-selection--single .select2-selection__arrow{height: 40px;background-image: url('../images/dropdown-icon.svg'); background-repeat: no-repeat;    background-position-y: 50%;    right: 12px;}
.list-view-users ul li .select2-container--default .select2-selection--single .select2-selection__arrow b{display: none;}

#add_carrier_form .remove-tr{background-color: #fc4b6c;border-color: #fc4b6c;height: 46px;width: 46px;padding:5px;text-align: center;font-size: 15px;}

#add_carrier_form .form-control{border-radius: 100px;height: 46px;}
#add_carrier_form .select2-container--default .select2-selection--single{height: 46px; border-radius: 100px; padding: 9px 20px; border-color: #E2E2E2;}
#add_carrier_form .select2-container--default .select2-selection--single .select2-selection__rendered { color: #000; line-height: 34px; }
#add_carrier_form .select2-container--default .select2-selection--single .select2-selection__arrow { height: 48px; background-image: url(../images/dropdown-icon.svg); background-repeat: no-repeat; background-position-y: 50%; right: 15px; }
#add_carrier_form .select2-container--default .select2-selection--single .select2-selection__arrow b{display: none;}

.addmorebtnpo.footer_btn{margin:15px 0 15px !important}

.exportzone_filter form#searchFrm{display: block;}
.exportzone_filter .row {margin: 0 -5px;padding: 0;list-style: none;}
.exportzone_filter ul li{padding: 0 5px;width: calc(33.33% - 43px);margin-bottom: 10px;}
.exportzone_filter ul li:last-child{width: 129px;}
.content .exportzone_filter ul li .form-control{width: 100% !important; font-size: 14px; color: #000; margin: 0 !important; border-radius: 50px !important; height: 46px;}
.exportzone_filter .btn{font-size: 14px; font-weight: 400; line-height: 44px; padding: 0 15px; min-width: 119px; text-align: center;}
.exportzone_filter ul li .select2-container{width: 100% !important;}
.content .exportzone_filter .select2-container .select2-selection--single{height: 46px;border-radius: 100px;padding: 9px 20px; border-color: #E2E2E2;}
.content .exportzone_filter .select2-container--default.select2-container--open .select2-selection--single { border-radius: 10px ;}
.content .exportzone_filter .select2-container--default .select2-selection--single .select2-selection__arrow { height: 46px;}
.content .exportzone_filter  .select2-container--default .select2-selection--single .select2-selection__rendered { color: #000; line-height: 34px !important; font-family: Poppins; font-size: 14px; font-weight: 400;     line-height: 26px;
    letter-spacing: 0.10000000149011612px;
     }
.content .exportzone_filter .select2-container--default .select2-selection--single .select2-selection__arrow{height: 48px;background-image: url('../images/dropdown-icon.svg'); background-repeat: no-repeat;    background-position-y: 50%;right: 15px;}
.content .exportzone_filter .select2-container--default .select2-selection--single .select2-selection__arrow b{display: none;}




.document_deapartment span.select2.select2-container.select2-container--default{ width: 100% !important;}
.document_deapartment .select2.select2-container.select2-container--default .select2-selection--multiple{border: 1px solid #E2E2E2; border-radius: 50px; background: #fff; height: 46px; padding: 6px 15px; padding-right: 30px; letter-spacing: 0.1px; color: #000000; font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 16px;    overflow-y: auto;}
.document_deapartment .select2-container--default li:first-child .select2-search__field{min-width: 210px}
.document_deapartment .select2-container--default .select2-selection--multiple::-webkit-scrollbar { width: 0px; } 
.document_deapartment .select2-container--default .select2-selection--multiple::-webkit-scrollbar-track {  border-radius: 10px; } 
.document_deapartment .select2-container--default .select2-selection--multiple::-webkit-scrollbar-thumb { background: #f1f1f1; border-radius: 10px; } 
.document_deapartment .select2-container--default .select2-selection--multiple::-webkit-scrollbar-thumb:hover { background: #b30000; }

.col3-fliter .search_input .flatpickr-input{max-width: 100% !important;background: #fff; font-size: 16px; padding: 6px 20px; min-height: 46px; border-color: #E2E2E2; color: #000; border-radius: 100px !important;}

.usage_period .search_input_button .btn{font-size: 14px; font-weight: 400; line-height: 44px; padding: 0 15px; min-width: 122px; text-align: center;}
.col3-fliter .search_input{width: calc(33.33% - 44px);}
.col3-fliter .search_input_button{width: 132px;}

.inquery_search.search-field{width: 100%;}

.disbl-chatview { padding: 9px 12px 9px; border: 1px solid #F5CA34; border-radius: 38px; padding-right: 10px; color: #000; background: #fff; font-size: 14px; }
.disbl-chatview label{min-height: 18px;height: auto;}
#assignedtousermodel .modal-body{padding-top: 40px;}
.assigned_developer_cls .modal-footer{padding: 20px 0 0;}


.smalltitle{font-family: Poppins; font-size: 16px; font-weight: 600; line-height: 24px; letter-spacing: 0.10000000149011612px; text-align: left;color: #171725;}

.view_data_popup label{font-style: normal; font-weight: 400; font-size: 14px; line-height: 24px; color: rgba(0, 0, 0, 0.6); margin: 0}
.view_data_popup p{margin: 0;font-family: Roboto; font-size: 16px; font-weight: 400; line-height: 26px; letter-spacing: 0.10000000149011612px; text-align: left;color: #000000; }
#inqfrmpop.modal .previousComment .table thead th{background: transparent;    padding: 20px 8px 25px;}
#inqfrmpop.modal .table > tbody > tr:nth-child(even) > td{background: transparent;}
div#inqfrmpop .table > thead > tr > th, div#inqfrmpop .table > tbody > tr > td, div#inqfrmpop .table > tbody > tr > th, .orderDetail .table > tbody > tr > th, .orderDetail .table > tbody > tr > td{background: rgba(255,255,255,.5);    padding: 26px 8px;}

.queryDiv label{font-family: 'Poppins'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 29px; color: rgba(0, 0, 0, 0.6); padding-left: 20px;}
#inqfrmpop textarea.form-control, .orderDetail textarea.form-control{ border-radius: 20px;height: 150px;background: #FFFFFF; border: 1px solid #E2E2E2;letter-spacing: 0.1px; color: #000000; font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 26px; padding: 5px 20px;}
.modal-footer>:not(:last-child){margin: 0}

.invoice_file { position: relative; border: 1px dashed #C8C5C5; border-radius: 20px; background: #fff; display: flex; align-items: center; justify-content: center; padding: 24px 15px 30px;min-height: 174px; }
.invoice_file input[type="file"]{ position: absolute;top: 0;height: 100%;left: 0;width: 100%;opacity: 0; }
.drop_file span { display: block; text-align: center; font-size: 16px; font-weight: 400; line-height: 26px; letter-spacing: 0.10000000149011612px; color: rgba(0,0,0,.6);font-family: Roboto;margin: 0 0 10px } 
.drop_file span + span{font-weight: 500;}
.invoice_file .filename{ text-align: center; font-size: 16px; font-weight: 400; line-height: 26px; letter-spacing: 0.10000000149011612px; color: rgba(0, 0, 0, .6); font-family: Roboto;display: none;}
.invoice_file .filename.file{ display: block;margin-top: 7px;} 
.box .file_with_textarea textarea.form-control{    min-height: 174px;} 

#inqfrmpop .drop_file label, .drop_file label { display: block; border: 1px solid #F5CA34; font-family: Poppins; font-size: 14px; font-weight: 400; line-height: 28px; text-align: center; color: #000000; border-radius: 50px; padding: 8px 0; margin: 0;     max-width: 172px;    margin: auto;min-width: 130px;}
#loghistorymodal.modal .table thead th{background: transparent;}

#select_usr .customer-lead_field .select2-container .select2-selection--single{border: 1px solid #E2E2E2; border-radius: 50px; background: #fff; height: 46px; padding: 6px 20px; padding-right: 30px;letter-spacing: 0.1px; color: #000000;font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 16px;}
#select_usr .customer-lead_field .select2-container--open..select2-container .select2-selection--single{ border-radius: 4px;}
#select_usr .customer-lead_field .select2-container .select2-selection--single .select2-selection__rendered{line-height: 40px !important;color: #000000;}
#select_usr .customer-lead_field .select2-container .select2-selection--single .select2-selection__arrow{height: 46px;background-image: url('../images/dropdown-icon.svg'); background-repeat: no-repeat;    background-position-y: 50%;    right: 12px;}
#select_usr .customer-lead_field .select2-container .select2-selection--single .select2-selection__arrow b{display: none;}

.notes_popup_body { padding: 40px 0px 0;}
.notes_popup_body .nav-tabs .nav-link{color: #696974; padding: 0px 2px 10px; display: inline-block; font-family: Poppins; font-size: 14px; font-weight: 400; line-height: 21px; letter-spacing: 0.10000000149011612px; text-align: left;border-radius: 0;display: block;border: none;border-bottom: 4px solid transparent;}
.notes_popup_body .nav-tabs .nav-item + .nav-item {  margin-left: 30px;}
.notes_popup_body .nav-tabs .nav-link.active{border:none; border-bottom: 4px solid #f5ca34; color: #000; font-weight: 600;box-shadow: none;}
div#notes-modal .notes_popup_body textarea{border-radius: 20px; height: 150px;}
div#notes-modal .modal-footer{padding: 30px 50px 40px;}
.notes_popup_body .tab-content{    padding: 25px 50px 0;}
.notes_popup_body ul.nav.nav-tabs{padding: 0 50px;}
.notes_popup_body li.nav-item { display: flex; align-items: center; }
.notes_popup_body li.nav-item svg { display: inline-block; width: 20px; height: 20px; }

#chctypexistingform .form-group .select2-container .select2-selection--single{border: 1px solid #E2E2E2; border-radius: 50px; background: #fff; height: 46px; padding: 6px 20px; padding-right: 30px;letter-spacing: 0.1px; color: #000000;font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 16px;}
#chctypexistingform .form-group .select2-container--open..select2-container .select2-selection--single{ border-radius: 4px;}
#chctypexistingform .form-group .select2-container .select2-selection--single .select2-selection__rendered{line-height: 40px;color: #000000;}
#chctypexistingform .form-group .select2-container .select2-selection--single .select2-selection__arrow{height: 46px;background-image: url('../images/dropdown-icon.svg'); background-repeat: no-repeat;    background-position-y: 50%;    right: 12px;}
#chctypexistingform .form-group .select2-container .select2-selection--single .select2-selection__arrow b{display: none;}
#add_carrier_form .select2-container{width: 100% !important;}

.new_axex_loader{width: 46px; height: 46px;margin-right: 10px}
.lds-ring.new_axex_loader div{width: 46px; height: 46px;margin: 0; border-color: #f5ca34 transparent transparent transparent;}
.feedback-cc-block .delete-btn i.fa.fa-trash{position: relative;transform:rotateY(0);top: inherit;right: inherit;color: inherit;}
.feedback-cc-block .delete-btn .btn{ width: 46px; text-align: center; height: 46px; border: none;color: #fff;padding: 0;}

.feedback-cc-block .repeater-row2.form-row tr td input.form-control{border-radius: 100px;}
.feedback-cc-block .report-repeater2 button.btn.btn-sm.btn-primary{float: left;}

/*carier*/ 
.carriers_box h6{color: #171725;font-size: 16px;font-weight: 600;letter-spacing: 0.1px;margin: 0 0 20px;}
.carriers_box .box_row_checkbox{background: #fff;padding: 30px;border: 1px solid #E2E2E2;}
.box_row_checkbox .row{display: grid; margin: 0; grid-gap: 10px; grid-template-columns: auto auto auto auto;}
.checkmark-col [type=checkbox] + label{color: #000; font-size: 14px; letter-spacing: 0.1px; font-weight: 500; margin: 0;}
.shipping_parcel_block.carriers_box .checkmark-col [type=checkbox] + label{color: rgba(0, 0, 0, .6);  font-weight: 400;}
.checkmark-col [type=checkbox] + label:before{width: 25px;height: 25px;background: #FFFFFF; border: 1px solid #CCCCCC; border-radius: 5px;left: 0;top: 0;margin: 0;}
.checkmark-col {position: relative;}
.checkmark-col [type=checkbox]:checked~label:before{ border-radius: 5px; border: 1px solid #CCCCCC; transform: none;}
.checkmark-col [type=checkbox] + label:after{width: 14px; height: 14px; position: absolute; left: 5px; background: #fff; display: block; transform: translateY(-50%); -webkit-transform: translateY(-50%); border-radius: 3px; margin: 0; top: 50%;}
.note-editor.note-frame.card{margin-bottom: 0;    z-index: auto;}
.checkmark-col [type=checkbox]:checked + label:after{width: 14px; height: 14px; position: absolute; left: 5px; background: #F5CA34; display: block; transform: translateY(-50%); -webkit-transform: translateY(-50%); border-radius: 3px; margin: 0; top: 50%;}
 .shipping_parcel_block .form-group.col-md-6 label { font-size: 14px; font-weight: 400; line-height: 29px; letter-spacing: 0px; text-align: left; color: rgba(0, 0, 0, .6); margin: 0 0 9px; padding-left: 20px; } 
 .shipping_parcel_block .form-group.col-md-6 .form-control { font-size: 14px; font-weight: 400; line-height: 26px; letter-spacing: 0.10000000149011612px; text-align: left; }
 .shipping_parcel_block h4{ font-size: 14px; font-weight: 400; line-height: 26px; letter-spacing: 0.10000000149011612px; text-align: left;color: #000;font-weight: 500; }
.parcel_type_td .parcel_type_class { margin-top: 20px; }
/*setting customer*/
.setting_radio_block h6{color: #171725;font-size: 14px;font-weight: 400;letter-spacing: 0.1px;margin: 0 0 10px;}
.box__radio_full{background: #fff;padding: 10px 15px;border: 1px solid #E2E2E2;height: auto !important;}


.box__radio_full .box_row_radio{display: grid; margin: 0; grid-gap: 30px; grid-template-columns: auto auto auto auto;}
.box__radio_full .box_row_radio label{margin: 0; color: rgba(0, 0, 0, .6);; font-size: 14px; letter-spacing: 0.1px; font-weight: 400; margin: 0; }
.report-repeater.customer_setting .repeater-row.form-row { position: relative; padding-right: 70px; }
.repeater-row2.form-row tr td{ padding: 5px 3px;}
#invocepopccfrmcustomer .report-repeater.customer_setting .repeater-row.form-row .form-input.delete-btn { position: absolute; right: 23px; top: 38px; margin: 0; width: 46px; }
#invocepopccfrmcustomer .report-repeater.customer_setting .repeater-row.form-row .form-input.delete-btn button.hasdeleteid{ height: 46px;padding: 0;line-height: 46px; width: 46px;border: none; }
#invocepopccfrmcustomer .repeater-row .form-input {  margin-bottom: 1.429rem;}
#invocepopccfrmcustomer .customer_setting.report-repeater{padding-bottom: 0; position: relative; padding-right: 58px; margin-bottom: 0px;}
.customer_setting.report-repeater button.btn.btn-sm.btn-primary { position: absolute; bottom: 19px; right: 5px; padding: 0; width: 46px; height: 46px; line-height: 48px; margin: 0; }
.companydetails_new .form-group .fa{position: static;transform: none;}
.clientadd_offer .modal-dialog{max-width: 480px;}

/*toast*/
.jq-toast-wrap .jq-icon-success{color: #3e403d;background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjJBMzI2RDdGN0VGMTFFRUJCNUI4OEI2NjNEMjFDRTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjJBMzI2RDhGN0VGMTFFRUJCNUI4OEI2NjNEMjFDRTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCMkEzMjZENUY3RUYxMUVFQkI1Qjg4QjY2M0QyMUNFMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCMkEzMjZENkY3RUYxMUVFQkI1Qjg4QjY2M0QyMUNFMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PridUYgAAAEJSURBVHjaYvz//z8DLQETA40BzS1gCXMXpsiAVTvfwtlAsziAVAYQJwPxCSBuZaGWS4GGg8xaDMQhUCEdIBZgoqLhy5EMhwEPJhoaDgIbKLUAn+EvgLiRiYaGOwITwB0mGhp+g9x8QLThMAsEgLgBiI8DcQ0Q81DLcJiGeiAugPItgDgciD2B+AmlhsN84IImBsogp4HYhFLDYRasxSIuAcT7gTiAEsNhFvQA8REscqC4WA31DVmGwyz4AsSuQLwCR6Qa4DIciG8QW1z/AOJIIO4gIpkSbTi2fFAJxJlA/IcahuPKaDOA2BcadBQZji8n7wBiW1BpCLVoBZR/g9Rszzha6RMCAAEGAGhYXRsj3uqXAAAAAElFTkSuQmCC"); background-color: #f5ca34; border-color: #554612; font-family: Poppins, sans-serif;    background-size: 20px;}
.jq-toast-wrap .jq-toast-loader{ background-color: #5a480a !important;    top: 0px}
.jq-toast-wrap .close-jq-toast-single{top: 4px;font-size: 22px;}
.jq-toast-wrap .jq-toast-single h2{letter-spacing: normal; font-family: Poppins, sans-serif; font-weight: 500; color: #000;    font-size: 14px;
    margin: 0px 0px 4px;}

/*edit permission*/
.accordion-container h3{color: #171725;margin: 0 0 20px;font-weight: 600;font-size: 16px;letter-spacing: 0.1px;padding-left: 20px;}
.accordion-container .set + h3{margin: 45px 0 20px;}
.accordion-container .set i.fa-plus:before, .accordion-container .set i.fa-minus:before{display: none;}
.set > a{padding: 18px 20px;}
.accordion-container .set a label{ margin: 0; color: #000000;font-size: 14px;letter-spacing: 0.1px;position: relative; }
.accordion-container  input[type=checkbox]{position: relative;left:0;opacity: 1;}
 
 /*user*/
.user_list_card{ margin-top: 20px;}
.user_list_card>ul { margin: 0 -6px; list-style: none; padding: 0; display: flex; flex-wrap: wrap; }
.user_list_card>ul>li{padding:0 6px;width: 25%;margin-bottom: 12px;}
.user_list_card>ul>li .user_list_item { background: #fff; padding: 30px; text-align: center; border: 1px solid #E2E2E2;position: relative; }
.user_list_card>ul>li .user_list_item .media{padding: 0; justify-content: center;;margin: 0 0 20px;}
.user_list_card ul li .media > img {margin: 0;width: 160px;height: 160px;object-fit: cover;border-radius: 250px;}
.user_list_card ul li h3{font-size: 16px;color: #000;letter-spacing: 0.1px;font-weight: 500;line-height: 24px;margin: 0 0 5px;}
.user_list_card ul li .role{font-size: 14px;color: #696974;letter-spacing: 0.1px;font-weight: 400;margin: 0;}
.user_list_card ul li p{font-size: 14px;color: #696974;letter-spacing: 0.1px;font-weight: 400;margin: 0 0 20px;}
.spareter_line{background: #F5CA34;width: 40px;height: 3px;border-radius: 4px;margin: 20px auto;}

.user_list_card>ul>li .user_list_item .dropdown.order_dropdown { position: absolute; right: 20px; top: 18px; }

/*template css*/
.templates_all .box-header{margin-bottom: 25px;}
.templates_all h5{color: #171725; font-size: 16px;font-weight: 600;font-family: Poppins, sans-serif; margin:0 0 20px;letter-spacing: 0.1px;padding-left: 20px;}
.templates_all .box{margin-bottom: 25px;}
.templates_all .box .table>tbody>tr>td:last-child{text-align: right;}

/*logs page*/
.search_frm_section.filter_field4{padding: 0;}
.filter_field4 ul{list-style: none;padding: 0;margin: 0 -5px;display: flex;flex-wrap: wrap;}
.filter_field4 ul li{padding: 0 5px;width: calc(16.66% - 30px);}
.filter_field4 ul li:last-child{width: 180px;}
.filter_field4 ul li .flatpickr-input{ max-width: 100% !important;background: #FFFFFF; border: 1px solid #E2E2E2; border-radius: 50px; height: 46px; letter-spacing: 0.1px; color: #000000; font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 26px; padding: 5px 20px;margin: 0;width: 100%; margin-right: 0;}
.content .filter_field4 form.searchselect input.form-control, .content .filter_field4 form .form-control { width: 100%; margin-right: 0;}
.filter_field4 form#search_frm .select2-container{ min-width:inherit;width: 100% !important}
.filter_field4 form#search_frm .select2-container .select2-selection--single{ border: 1px solid #E2E2E2; border-radius: 50px; background: #fff; height: 46px; padding: 6px 20px; padding-right: 30px; letter-spacing: 0.1px; color: #000000; font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 16px; }
.filter_field4 .select2-container .select2-selection--single .select2-selection__rendered { line-height: 40px; color: #000000;    padding-left: 0; }
.filter_field4 form#search_frm .select2-container.select2-container--open .select2-selection--single{  border-radius: 4px;}
.filter_field4 .select2-container--default .select2-selection--single .select2-selection__arrow { height: 46px; background-image: url(../images/dropdown-icon.svg); background-repeat: no-repeat; background-position-y: 50%; right: 12px; }
.filter_field4 .select2-container .select2-selection__arrow b { display: none; }
.filter_field4 ul li .select2-container--default .select2-selection__rendered li{width: auto;max-width: 100%;
    text-overflow: ellipsis; overflow: hidden;}
.filter_field4 ul li .select2-container--default .select2-selection__rendered li.select2-search.select2-search--inline{     text-overflow: initial; overflow: inherit;}

.filter_field4 form#search_frm .select2-container{ min-width:inherit;width: 100% !important}

.filter_field4 form#search_frm .select2-container span.select2-selection.select2-selection--multiple{ border: 1px solid #E2E2E2; border-radius: 50px; background: #fff; height: 46px; padding: 0 12px !important; padding-right: 30px; letter-spacing: 0.1px; color: #000000; font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 16px;overflow-y: auto; }
/* width */ 
.select2-container span.select2-selection.select2-selection--multiple::-webkit-scrollbar { width: 0px; }  


.filter_field4 .select2-container .select2-selection--multiple .select2-selection__rendered { color: #000000;    padding-left: 0; }
.filter_field4 .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice{ color: #000000;    padding-left: 0;    font-size: 13px; color: #000; }

.filter_field4 form#search_frm .select2-container.select2-container--open span.select2-selection.select2-selection--multiple{  border-radius: 4px;}



.filter_field4 .select2-container--default .select2-selection--multiple .select2-selection__arrow { height: 46px; background-image: url(../images/dropdown-icon.svg); background-repeat: no-repeat; background-position-y: 50%; right: 12px; }
.filter_field4 .select2-container .select2-selection__arrow b { display: none; }
.filter_field4 .select2-container.select2-container--open .select2-selection--multiple { border-radius: 4px; }
.filter_field4 form#search_frm{ margin: 0 0 20px; }
.filter_field4 .btn{min-width: 120px;text-align: center;}

/*filter5*/
.search_frm_section.filter_field5_searchbtn{padding: 0;}
.filter_field5_searchbtn ul{list-style: none;padding: 0;margin: 0 -5px;display: flex;flex-wrap: wrap;}
.filter_field5_searchbtn ul li{padding: 0 5px;width: calc(20% - 25px);}
.filter_field5_searchbtn ul li:last-child{width: 125px;}
.filter_field5_searchbtn ul li .btn{ min-width: 115px;}
.filter_field5_searchbtn ul li .flatpickr-input{ max-width: 100% !important;background: #FFFFFF; border: 1px solid #E2E2E2; border-radius: 50px; height: 46px; letter-spacing: 0.1px; color: #000000; font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 26px; padding: 5px 20px;margin: 0;width: 100%; margin-right: 0;}
.content .filter_field5_searchbtn form.searchselect input.form-control, .content .filter_field5_searchbtn form .form-control { width: 100%; margin-right: 0;}
.filter_field5_searchbtn form#search_frm .select2-container{ min-width:inherit;width: 100% !important}
.filter_field5_searchbtn form#search_frm .select2-container .select2-selection--single{ border: 1px solid #E2E2E2; border-radius: 50px; background: #fff; height: 46px; padding: 6px 20px; padding-right: 30px; letter-spacing: 0.1px; color: #000000; font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 16px; }
.filter_field5_searchbtn .select2-container .select2-selection--single .select2-selection__rendered { line-height: 40px; color: #000000;    padding-left: 0; }
.filter_field5_searchbtn form#search_frm .select2-container.select2-container--open .select2-selection--single{  border-radius: 4px;}
.filter_field5_searchbtn .select2-container--default .select2-selection--single .select2-selection__arrow { height: 46px; background-image: url(../images/dropdown-icon.svg); background-repeat: no-repeat; background-position-y: 50%; right: 12px; }
.filter_field5_searchbtn .select2-container .select2-selection__arrow b { display: none; }
.filter_field5_searchbtn ul li .select2-container--default .select2-selection__rendered li{width: auto;max-width: 100%;
    text-overflow: ellipsis; overflow: hidden;}
.filter_field5_searchbtn form#search_frm .select2-container{ min-width:inherit;width: 100% !important}

.filter_field5_searchbtn form#search_frm .select2-container span.select2-selection.select2-selection--multiple{ border: 1px solid #E2E2E2; border-radius: 50px; background: #fff; height: 46px; padding: 0 12px !important; padding-right: 30px; letter-spacing: 0.1px; color: #000000; font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 16px;overflow-y: auto; }
/* width */ 
.select2-container span.select2-selection.select2-selection--multiple::-webkit-scrollbar { width: 0px; }  


.filter_field5_searchbtn .select2-container .select2-selection--multiple .select2-selection__rendered { color: #000000;    padding-left: 0; }
.filter_field5_searchbtn .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice{ color: #000000;    padding-left: 0;    font-size: 13px; color: #000; }

.filter_field5_searchbtn form#search_frm .select2-container.select2-container--open span.select2-selection.select2-selection--multiple{  border-radius: 4px;}



.filter_field4 .select2-container--default .select2-selection--multiple .select2-selection__arrow { height: 46px; background-image: url(../images/dropdown-icon.svg); background-repeat: no-repeat; background-position-y: 50%; right: 12px; }
.filter_field4 .select2-container .select2-selection__arrow b { display: none; }
.filter_field4 .select2-container.select2-container--open .select2-selection--multiple { border-radius: 4px; }
.filter_field4 form#search_frm{ margin: 0 0 20px; }
.filter_field4 .btn{min-width: 120px;text-align: center;}
/*end*/

form#search_frm .select2-container span.select2-selection.select2-selection--multiple ul li.select2-search--inline input{margin-top: 12px;}
form#search_frm .select2-container span.select2-selection.select2-selection--multiple ul .select2-selection__choice + li.select2-search--inline input{margin-top: 5px;}

/*transittime*/
.transit_action{display: flex;flex-wrap: wrap;}
.transit_action .search-field{width: calc(100% - 240px);padding-right: 0}
.transit_action .btn {min-width: 110px;margin-left: 10px;}
#profilemodal .form-group .form-control{ border-radius: 100px;}
#profilemodal .form-group textarea.form-control{ border-radius: 16px;}
.modal .form-group .form-check label{line-height: 25px;padding-left: 30px;}

/*permission*/
.timeline-sec{padding: 0;}
.filter_field4_searchbtn ul{list-style: none; padding: 0; margin: 0 -5px; display: flex; flex-wrap: wrap;}
.filter_field4_searchbtn li{padding: 0 5px; width: calc(25% - 33px);}
.filter_field4_searchbtn li.report_summary_input{margin: 0;}
.filter_field4_searchbtn ul li:last-child { width: 132px;text-align: right;}
.filter_field4_searchbtn ul li .flatpickr-input, .filter_field4_searchbtn .form-control, .filter_field4_searchbtn select.form-control { max-width: 100% !important; background: #FFFFFF; border: 1px solid #E2E2E2; border-radius: 50px; height: 46px; letter-spacing: 0.1px; color: #000000; font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 26px; padding: 5px 20px; margin: 0; width: 100%; margin-right: 0; } 
.filter_field4_searchbtn form#search_frm > input, .filter_field4_searchbtn form#search_frm select{width: 100%;    margin: 0;}
.content .filter_field4_searchbtn form.searchselect input.form-control { width: 100%; margin-right: 0;    margin: 0; } 

.filter_field4_searchbtn form .select2-container { min-width: inherit; width: 100% !important } 
.filter_field4_searchbtn form .select2-container .select2-selection--single { border: 1px solid #E2E2E2; border-radius: 50px; background: #fff; height: 46px; padding: 6px 20px; padding-right: 30px; letter-spacing: 0.1px; color: #000000; font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 16px; } 
.advance_search.addvance_search_option .report_summary_input .select2-container .select2-selection--single { border: 1px solid #E2E2E2; border-radius: 50px; background: #fff; height: 46px; padding: 6px 20px; padding-right: 30px; letter-spacing: 0.1px; color: #000000; font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 16px; } 
.filter_field4_searchbtn form .select2-container .select2-selection--multiple input{min-height: inherit;height: auto;}
.filter_field4_searchbtn .select2-container .select2-selection--single .select2-selection__rendered { line-height: 40px; color: #000000; padding-left: 0; } 
.filter_field4_searchbtn form .select2-container.select2-container--open .select2-selection--single { border-radius: 4px; } 
.filter_field4_searchbtn .select2-container--default .select2-selection--single .select2-selection__arrow { height: 46px; background-image: url(../images/dropdown-icon.svg); background-repeat: no-repeat; background-position-y: 50%; right: 12px; } 
.filter_field4_searchbtn .select2-container .select2-selection__arrow b { display: none; } 

 
.filter_field4_searchbtn form .select2-container .select2-selection--multiple { border: 1px solid #E2E2E2; border-radius: 50px; background: #fff; height: 46px; padding: 3px 17px; padding-right: 30px; letter-spacing: 0.1px; color: #000000; font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 16px; overflow-y: auto;} 
.filter_field4_searchbtn .select2-container .select2-selection--multiple .select2-selection__rendered { line-height: 40px; color: #000000; padding-left: 0; margin-top: 6px;} 
.filter_field4_searchbtn .select2-container .select2-selection--multiple .select2-selection__rendered .select2-search__field{  margin-top: 0;} 
.filter_field4_searchbtn form .select2-container.select2-container--open .select2-selection--multiple { border-radius: 4px; } 
.filter_field4_searchbtn .select2-container--default .select2-selection--multiple .select2-selection__arrow { height: 46px; background-image: url(../images/dropdown-icon.svg); background-repeat: no-repeat; background-position-y: 50%; right: 12px; } 
.filter_field4_searchbtn .select2-container .select2-selection__arrow b { display: none; }
.filter_field4_searchbtn .select2-container .select2-selection--multiple .select2-selection__rendered li{line-height: normal;width: auto;    font-size: 14px;}
.filter_field4_searchbtn .select2-container--default .select2-selection--multiple .select2-selection__clear {position: absolute;right: 20px; top: 3px; margin: 0;}

.filter_field4_searchbtn form{ margin: 0 0 20px; } 
.filter_field4_searchbtn .btn { min-width: 120px; text-align: center; }

.single_select2_top .select2-container { min-width: inherit; width: 100% !important } 
.single_select2_top .select2-container .select2-selection--single { border: 1px solid #E2E2E2; border-radius: 50px; background: #fff; height: 46px; padding: 6px 20px; padding-right: 30px; letter-spacing: 0.1px; color: #000000; font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 16px; } 
.single_select2_top .select2-container .select2-selection--single .select2-selection__rendered { line-height: 40px; color: #000000; padding-left: 0; } 
.single_select2_top .select2-container.select2-container--open .select2-selection--single { border-radius: 4px; } 
.single_select2_top .select2-container--default .select2-selection--single .select2-selection__arrow { height: 46px; background-image: url(../images/dropdown-icon.svg); background-repeat: no-repeat; background-position-y: 50%; right: 12px; } 
.single_select2_top .select2-container .select2-selection__arrow b { display: none; } 
.single_select2_top .select2-container.select2-container--open .select2-selection--multiple { border-radius: 4px; }

#transferCarrierForm input[type="file"]{ border-color: #E2E2E2;border-radius: 100px;    line-height: 21.2px;}
.add_file_field { display: flex; align-items: center;flex-wrap: wrap; } 
#transferCarrierForm .add_file_field input.form-control { width: calc(100% - 56px); } 
#transferCarrierForm .add_file_field a.pull-right { margin-left: 10px; width: 46px; height: 46px; }
#transferCarrierForm .add_file_field a.pull-right i.fa.fa-trash { width: 46px; height: 46px; text-align: center; line-height: 30px; margin-top: 0; border-radius: 60px; font-size: 18px;    position: static; transform: none; }

.sendgrid-emailactivity ul li{width: calc(25% - 55px);}
.sendgrid-emailactivity ul.email_fieldshow li{width: calc(20% - 44px);}
.sendgrid-emailactivity ul li:last-child { width: 220px; display: flex; align-items: center; }
.content.sendgrid-emailactivity ul li .btn { padding: 11px 14px; min-width: 100px; }
.content.sendgrid-emailactivity .box-header{ padding-bottom: 30px;margin-top: 10px;}
.signDiv img.img-responsive{    margin: 0 0 20px;}

.timeline-main { display: flex; flex-wrap: wrap; margin: 0 -6px; }
.timeline-box {width: 25%; position: relative;  margin-bottom: 12px;padding: 0 6px;}
.timeBox {border: 1px solid #E2E2E2;position: relative; width: 100%; max-width: 100%; background: #fff;}
.tmhead { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 3px 10px; border-bottom: 1px solid #E2E2E2; border-width: thin; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; background: #fff; border-radius: 0;    min-height: 43px; }
.tmhead h2 { font-size: 15px;  margin: 0;  color: #000000;font-weight: 600}
.per-actin { display: inline-flex; align-items: center; align-content: center; justify-content: space-between; }
.per-actin a{ font-size: 18px !important;color: #000000 !important;}
.tmdes ul.list-inline{justify-content: start;}
.listcolumns > div{background: #fff;}
.listcolumns > div.text-dark{color: rgba(0,0,0,.6) !important;}
.listcolumns > div.text-dark svg{vertical-align: middle; margin-right: 3px;}
.timeBox:before,.timeBox::after{display: none;}
.tmdes {max-height: 101px;min-height: 101px; overflow-x: auto; background: #fff;    scrollbar-color: #f5ca34 #e0e0e0;
    scrollbar-width: thin;padding: 10px;}
.tmdes ul.list-inline { padding: 0; display: flex; justify-content: start;color: rgba(0,0,0,.6);flex-wrap: wrap;margin: 0 -5px }
 .per-actin a + a { margin-left: 10px;}
.timeBox { border: 1px solid rgba(226,226,226,.8); position: relative; width: 100%; max-width: 100%; background: #fff; }
.tmdes .row {  margin: 0 -5px;}
.listcolumns > div { position: relative; padding: 0 5px; margin: 0 0 5px; background: #fff; border-radius: 5px;display: flex; align-items: center; }
.listcolumns > div span{margin: 0 5px;    font-size: 14px} 
.tmdes ul.list-inline li.list-inline-item{ width: 50%; margin: 0 0 5px; padding: 0 5px; font-size: 14px;}
.tmdes ul.list-inline li.list-inline-item svg{  vertical-align: middle; margin-right: 3px;}
 
.forPermission h4 { font-weight: 600; color: #000; font-size: 16px; letter-spacing: 0.1px; margin: 0 0 15px; }

.modal [type=checkbox] + label{font-size: 14px;letter-spacing: 0.1px;margin: 0;    height: 23px; padding-left: 30px;}
.modal [type=checkbox] + label:before{width: 22px;height: 22px;background: #FFFFFF; border: 1px solid #CCCCCC; border-radius: 5px;left: 0;top: 1px;margin: 0;}
.forPermissionAction .form-check.form-check-inline {margin-bottom: 10px;margin-right: 0;}
.modal [type=checkbox]:checked~label:before{ border-radius: 5px; border: 1px solid #CCCCCC; transform: none;}
.modal [type=checkbox] + label:after{width: 14px; height: 14px; position: absolute; left: 5px; background: #fff; display: block; transform: translateY(-50%); -webkit-transform: translateY(-50%); border-radius: 3px; margin: 0; top: 50%;}
.modal [type=checkbox]:checked + label:after{width: 12px; height: 12px; position: absolute; left: 5px; background: #F5CA34; display: block; transform: translateY(-50%); -webkit-transform: translateY(-50%); border-radius: 3px; margin: 0; top: 50%;}

.modal .form-check.form-check-inline.all_check [type=checkbox] + label{font-weight: 600;    color: #000;}
.forPermissionAction .nav-tabs{list-style: none;border-bottom: 1px solid #DEDEDE;    margin-bottom: 15px;padding: 0;}
.forPermissionAction .nav-tabs li{list-style: none;    margin-bottom: -2px;}
.forPermissionAction .nav-tabs .nav-link{color: #696974; padding: 0px 2px 10px; display: inline-block; font-family: Poppins; font-size: 14px; line-height: 21px; letter-spacing: 0.10000000149011612px; text-align: left; border-width: 0 0 4px 0; background: transparent; border-color: transparent;    display: block;}
.forPermissionAction .nav-tabs .nav-link.active, .forPermissionAction .nav-tabs .nav-link.active:focus, .forPermissionAction .nav-tabs .nav-link.active:hover, .forPermissionAction .nav-tabs .nav-item.open .nav-link, .forPermissionAction .nav-tabs .nav-item.open .nav-link:focus, .forPermissionAction .nav-tabs .nav-item.open .nav-link:hover{border-bottom: 4px solid #f5ca34; color: #000; font-weight: 600;background: transparent;}
.forPermissionAction .nav-tabs .nav-item ~ .nav-item { margin-left: 18px; }
.forPermissionAction div[class*="action"].col-12{display: flex;flex-wrap: wrap;} 
.forPermissionAction div[class*="action"].col-12 .form-check.form-check-inline{width: 33.33%;}

.shop_logo_img .remove_btn { position: absolute; right: 7px; top: 6px; z-index: 1; cursor: pointer; }
.shop_logo_img {position: relative; max-width: 250px; background: #fff; border: 1px solid #e9e9e9; border-radius: 10px; overflow: hidden; }
.shop_logo_img img { max-height: 250px; width: auto; margin: auto; display: block; }
/*CRM*/
.filter_crm { display: flex; align-items: center;flex-wrap: wrap; } 
.filter_crm .add_client { width: 120px; } 
.filter_crm .add_client .btn{padding: 12px 18px;min-width: 120px;text-align: center;} 
.filter_crm .serach-field { width: calc(100% - 120px); padding-right: 10px; } 
.filter_crm .filter_customer { width: calc(57% - 60px); padding: 0 10px 0 5px; } 
.filter_crm .filter_customer form{  flex-wrap: wrap; }   
.filter_crm .filter_customer .single_select2_top { width: 100%; } 
.filter_customer #crm_search_frm button.btn { padding: 12px 28px; margin-left: 10px; min-width: 120px; text-align: center; }
#crm_search_frm span.select2-selection.select2-selection--single{height: 46px;border: 1px solid #E2E2E2;}

.filter_field4_searchbtn form#search_frm .select2-container .select2-selection--single{border-radius: 50px;border-color:#E2E2E2;}
.filter_field4_searchbtn form#search_frm .select2-container.select2-container--open .select2-selection--single{border-radius: 4px;}

.filter_field4_searchbtn form#search_frm .select2-container{min-width: inherit;}
.assigneduseralert .alert-success {background: #f5ca34 !important; border-color: #d7af24; width: 100%;color: #554612 !important;}

.crm_search .search-field{max-width: 500px;}

#viewaddcomment .assignedusertab { max-height: 372px; overflow-y: auto; margin-bottom: 30px;     scrollbar-width: thin;    padding-right: 7px;    scrollbar-color: #c1c1c1 #f1f1f1;}
#viewaddcomment .assigndepartList label { margin: 0 0 5px; font-family: Poppins; font-size: 14px; font-weight: 400; line-height: 24px; letter-spacing: 0px; text-align: left; color: rgba(0, 0, 0, 0.6); padding-left: 20px;}
#viewaddcomment .assigndepartList .check-all-depusers { margin: 0px 0 6px 0; padding-right: 26px;}
#viewaddcomment .assigndepartList [type=checkbox] + label{    padding-left: 30px;}
.change_sub { padding-left: 20px; color: rgba(0,0,0,.6); font-size: 14px; font-weight: 400; line-height: 20px; letter-spacing: 0px; text-align: left; padding-bottom: 0; } 
.change_sub a { color: #000; }

.remove_sub, .dynamic_data{padding-left: 20px;color: rgba(0,0,0,.6);font-size: 14px; font-weight: 400; line-height: 20px; letter-spacing: 0px; text-align: left; padding-bottom: 0; margin-top: 10px;}
.remove_sub a{color: #000; } 
.dynamic_data .btn{    padding: 7px 18px;margin-left: 10px }



/*usages*/
.allinvoice_filter ul { padding: 0; list-style: none; display: flex; align-items: center; margin: 0 -5px 15px;flex-wrap: wrap; }
.allinvoice_filter ul li {  padding: 0 5px; width: 33.33%; }
.allinvoice_filter ul li .flatpickr-input{max-width: 100% !important; background: #FFFFFF; border: 1px solid #E2E2E2; border-radius: 50px; height: 46px; letter-spacing: 0.1px; color: #000000; font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 26px; padding: 5px 20px; margin: 0; width: 100%; }
.allinvoice_filter span.select2.select2-container{min-width: auto;}
.allinvoice_filter span.select2-selection.select2-selection--single{ border-radius: 50px;height: 46px;  font-size: 14px; padding: 11px 12px;border-color: #E2E2E2;}
.allinvoice_filter .select2-container--default.select2-container--open .select2-selection--single{border-radius: 10px 10px 0 0px;}
.allinvoice_filter  span.select2-selection.select2-selection--single .select2-selection__arrow{height: 46px; background-image: url(../images/dropdown-icon.svg); background-repeat: no-repeat; background-position-y: 50%; right: 12px;}
.allinvoice_filter span.select2-selection.select2-selection--single .select2-selection__arrow b{display: none;}
.allinvoice_filter .select2-selection__clear{position: absolute;right: 15px;}
.filter_field4 form#search_frm > input, .filter_field4 form#search_frm select{width: 100%;margin: 0;}


.common-report-section { background: transparent; padding: 0; border-radius: 0; border: none; margin-bottom: 15px; }
.transitortabtop{    border-bottom: 1px solid #ddd;}
.common-report-section ul.nav.nav-tabs { margin-bottom: -2px; }
.common-report-section ul.nav.nav-tabs a { color: #696974; padding: 10px 2px; display: inline-block; font-family: Poppins; font-size: 14px; font-weight: 400; line-height: 21px; letter-spacing: 0.10000000149011612px; text-align: left; }
.common-report-section ul.nav.nav-tabs a.active, .common-report-section ul.nav.nav-tabs a:hover { border-bottom: 4px solid #f5ca34; color: #000; font-weight: 600; background: transparent; }
.transitortabtop ul.nav.nav-tabs .nav-item{margin: 0 0 -1px;}
.transitortabtop ul.nav.nav-tabs .nav-item + .nav-item { margin-left: 30px;}
 
.transittime_setting.transit_action .search-field{width: calc(100% - 360px);}

.table_select2{max-width: 300px;}
 #updateuser .table-striped .select2-container .select2-selection--single{border-radius: 100px; }
#updateuser .table-striped .select2-container--default.select2-container--open .select2-selection--single{border-radius: 10px;}
#modalpaidinvform .flatpickr-input { max-width: 100% !important;}
.box.no_template_select { background: #F6F6F6; padding: 70px 20px; text-align: center; height: 100%; } 
.box.no_template_select img { max-width: 360px; margin: 0 auto 30px; } 
.box.no_template_select h4 { color: #171725; font-size: 24px; font-weight: 600; margin: 0 0 15px; letter-spacing: 0.1px; } 
.box.no_template_select p { font-size: 14px; font-weight: 400; line-height: 25px; letter-spacing: 0px; text-align: center; color: rgba(0, 0, 0, .6); padding-left: 20px; padding-bottom: 0; max-width: 440px; margin: 0 auto 0; }
.down_arrow_toggle { display: flex;align-items: center;}

.down_arrow_toggle span { margin-right: 10px;width: 24px;height: 24px; background: #f5ca34;display: flex;align-items: center;justify-content: center;    border-radius: 30px;color: #000;    margin-left: -10px;    transform: rotate(180deg);} 
.collapsed .down_arrow_toggle span { transform: rotate(0deg);} 

.down_arrow_toggle_second { display: flex;align-items: center;}

.down_arrow_toggle_second span { margin-right: 10px;width: 24px;height: 24px; background: #f5ca34;display: flex;align-items: center;justify-content: center;    border-radius: 30px;color: #000;    margin-left: -10px;    transform: rotate(180deg);} 
.hiddenRow .collapsed .down_arrow_toggle_second span { transform: rotate(0deg);} 

.graph_box{position: relative;border: 1px solid #E2E2E2;background: #FFFFFF;padding: 20px;}
.graph_box select.form-control{background-image: url(../images/dropdown-icon.svg); background-repeat: no-repeat; background-position: calc(100% - 25px) center; padding-right: 35px; appearance: none; -moz-appearance: none; -webkit-appearance: none;}
form#graph-1{ display: flex; max-width: 473px; margin-left: auto;justify-content: flex-end;} 
form#graph-2 { display: flex; max-width: 620px; margin-left: auto;justify-content: flex-end;} 
form#graph-3{ display: flex; max-width: 620px; margin-left: auto;justify-content: flex-end;} 
 form#graph-4, form#graph-5  { display: flex; max-width: 620px; margin-left: auto;justify-content: flex-end;} 
form#graph-1 .form-control, form#graph-2 .form-control, form#graph-3 .form-control, form#graph-4 .form-control, form#graph-5 .form-control{  margin-left: 10px; }
form#graph-1 .select2, form#graph-2 .select2 , form#graph-3 .select2 , form#graph-4 .select2 , form#graph-5 .select2 {  margin-left: 10px; width: 160px !important;}
.graph_box input[type="text" ]{width: 135px;text-align: center; max-width: 100% !important;}
.graph_box #graph-4 input[type="text" ]{width: 114px;}
/*.downloadicons{display:none;}*/
form#graph-5 .form-control{width: 110px;;}
form#graph-5 .form-control:last-child{width: 190px;}


.graph_box .select2.select2-container .select2-selection.select2-selection--single{border-radius: 50px;height: 46px; padding: 12px 15px; border-color: #d2d6de;}
.graph_box .select2.select2-container .select2-selection.select2-selection--multiple{border-radius: 50px;height: 46px; padding: 6px 6px; border-color: #d2d6de;overflow-y: auto;}
.graph_box .select2-container--default.select2-container--open .select2-selection { border-radius: 10px; }
.graph_box .select2-container--default .select2-selection--single .select2-selection__rendered{    font-family: 'Poppins';font-style: normal; font-weight: 400;  font-size: 14px;  color: #000;}
.graph_box .select2-container--default .select2-selection--single .select2-selection__arrow{height: 48px;background-image: url('../images/dropdown-icon.svg'); background-repeat: no-repeat;    background-position-y: 50%;right: 15px;top: 0;}
.graph_box .select2-container--default .select2-selection--single .select2-selection__arrow b{display: none;}





#transferCarrierForm input::file-selector-button { ;color: #000;  background-color: #F5CA34 ;padding: 12px 22px;; }

.box .filter-in-tabs select.form-control:not([size]):not([multiple]).form-control { min-height: 40px; font-size: 14px; width: 100%; margin: 0 10px 4px 0px;     padding: 6px 15px;    background-image: url(../images/dropdown-icon.svg);    height: 40px;
    background-repeat: no-repeat;  background-position: calc(100% - 15px) center;    padding-right: 30px;}
.box .filter-in-tabs select.form-control:not([size]):not([multiple]).form-control:last-child {margin: 0;}

/*user */
.not_found { width: calc(100% - 15px); background: #fff; padding: 30px; text-align: center; border: 1px solid #E2E2E2; position: relative; margin: 0 6px; font-size: 14px; color: #696974; letter-spacing: 0.1px; }

.form-control.select2-hidden-accessible {margin-left: 20%;}

/*invoice preview*/
.invoice-ful-ship .button_sec select#selectadrss { border-color: #E2E2E2; border-radius: 100px; padding: 6px 20px; font-family: 'Roboto'; color: #000000; font-size: 16px; font-weight: 400; line-height: 26px; letter-spacing: 0.10000000149011612px; }
nav.transctionNavSec .nav-tabs .nav-link{border-radius: 30px 0 0 30px; border: 1px solid #dfdfdf; color: #747474; line-height: 20px; padding: 12px 14px; border-right: none; font-weight: 500; display: inline-block; position: relative; min-width: 100px; text-align: center; font-size: 14px; background: #fff;}
nav.transctionNavSec .nav-tabs .nav-link:first-child{ padding: 12px 10px 12px 20px;}
nav.transctionNavSec .nav-tabs .nav-link:last-child{border-radius: 0 30px 30px 0;
    border-right: 1px solid #dfdfdf; padding: 12px 20px 12px 10px;} 
nav.transctionNavSec .nav-tabs .nav-link.active{    background: #F5CA34;color: #554612;border-bottom-color:#F5CA34;}
.invoice-ful-ship { display: flex; align-items: center; justify-content: space-between; }
.invoice-ful-ship .nav-tabs{border: none;}
.header-invoice-com { background: #fff; padding: 7px; border: 1px solid #ddd; border-bottom: none; border-radius: 4px 4px 0 0;} 
.footer-invoice-com { background: #fff; padding: 7px; border: 1px solid #ddd; border-top: none; box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.0); border-radius: 0 0 0 4px; }
#nav-tabContent .transactions-invoice-width, #nav-tabContent .transactions-invoice {
    border-left: 1px solid #ddd;border-right: 1px solid #ddd;
}
.invoice-ful-ship .button_sec {display: flex; align-items: center;padding-right: 0;}
.invoice-ful-ship .button_sec * {margin-left: 10px;}
.square_label_row {display: flex; align-items: center; justify-content: flex-end; text-align: center; color: #484343;  }
.label-up {height: 28px;width: 28px; line-height: 30px;  background-color: #40ba5c45;}
.label-null {height: 28px;width: 28px; line-height: 30px;  background-color: #68c5e942;}
.label-dis {height: 28px;width: 28px; line-height: 30px;  background-color: #7169b130;}
.label-app {height: 28px;width: 28px; line-height: 30px;  background-color: #fa898966;}
.chat-control .note-editor.note-frame .note-editing-area .note-editable{max-height: 100px;}

.input_width input  {max-width: 70px;}

span.hidden-span .done_section, .othercharges-hidden .done_section_othercharges{border: 1px solid #f5ca34;padding: 8px 18px; border-radius: 100px; color: #000; background: transparent; }
span.hidden-span .done_section:hover, .othercharges-hidden .done_section_othercharges:hover{background:#f5ca34;color: #000;}
.form-common-class.ticket-filter form.searchselect .select2.select2-container{width: 100% !important;}
.enq-mailsnt {position: absolute; right: 0; top: 35px; font-family: 'Roboto', sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 22px; color: rgba(0, 0, 0, 0.6);} 
.enq-mailsnt svg.size-6 { width: 18px; height: 18px; margin: 0 auto; text-align: center; }

.tab-btn ul + a.backbtn {position: absolute;left: 349px;top: 10px;}
.printer_token {margin: 15px 0px 0px; border: 1px solid #ddd; padding: 10px 15px; border-radius: 8px; font-weight: 500; }
.printer_error_msg h3{margin: 15px 0px 0px; padding: 10px 15px; border-radius: 8px; font-weight: 500;color: #FC5A5A; border: none; background: rgba(252, 90, 90, .1); }
.custom_box .printer_water_mark{z-index: 9;left: -10px; top: -10px; right: -10px; bottom: -10px; height: auto;width: auto;    background: rgb(209 209 209);    color: #4e4e4e;}


.api_detail_cls_sec {padding: 0; }
.api_detail_cls_sec .api_detail_cls{padding: 0; display: grid;grid-template-columns: repeat(2, 1fr);
  gap: 20px; }
.api_detail_cls li{    border: 1px solid #E2E2E2;padding: 20px;width: 100%;color: #696974;}
.api_detail_cls_sec .api_detail_cls li a { color: #000000; }
.api_detail_cls_sec .api_detail_cls li a:hover{ color: #000000; }


.note-editor.note-frame .modal-header button.close { padding: 0; font-weight: 400;    right: 30px;    top: 30px;width: 30px; height: 30px; background: #f00000; opacity: 1; border-radius: 50px; position: absolute;    z-index: 1;
    color: #fff; text-shadow: none; outline: none;} 
#ticketaddmodeld .modal-footer, .note-editor.note-frame .modal-footer {    text-align: right;} 
.note-editor.note-frame .modal-footer button.btn.btn-primary{color: #000; background-color: #fff; border-color: #F5CA34;border-radius: 100px;} 
.note-editor.note-frame .modal-footer button.btn.btn-primary:hover, .note-editor.note-frame .modal-footer button.btn.btn-primary:focus, .note-editor.note-frame .modal-footer button.btn.btn-primary.focus{color: #000; background-color: #F5CA34; border-color: #F5CA34; }

.popover{font-family: 'Poppins', sans-serif;}
.filter-customer.client-lvl { max-width: 790px;}
.filter-customer.client-lvl .add_client { width: auto; display: flex;}

.filter-customer.client-lvl .add_client a.btn { padding: 12px 16px;} 
.filter-customer.client-lvl  .search{ width: calc(100% - 139px);}
.filter-customer.client-lvl .add_client .btn + .btn {  margin-left: 7px;}

div#logsdetilpop .modal-dialog.modal-lg { max-width: 1050px; }
#logsdetilpop thead tr { background: #fff; }
#logsdetilpop thead tr th:last-child { width: 200px;}

.product_checkrow { flex-wrap: wrap; } 
.product_checkrow .new_checkbox + .new_checkbox { margin-left: 10px; }
.price_field { margin: 0 -10px; } 
.price_field td { width: 33.33%; padding: 0 10px; }
.remove_more{}

table.dataTable{margin-bottom: 10px;}
.box .table>tbody> .quantityDiv a.btn.btn-sm.btn-danger { min-width: auto; padding: 0; height: 46px; width: 46px; text-align: center; line-height: 46px; color: #fff; border-color: #fc4b6c !important; background: #fc4b6c; }

.purcahseorder-sarch-dsn { width: calc(100% - 120px); padding-right: 10px; } 
.purcahseorder-sarch-dsn form.searchselect { display: flex; justify-content: flex-end; width: 100%; margin: 0; } 
.purcahseorder-sarch-dsn form.searchselect select#formstatustype { margin: 0 10px 0 0; text-align: center; border-color: #F5CA34;background-image: url('../images/dropdown-icon.svg'); background-repeat: no-repeat;    background-position: calc(100% - 15px) center; padding-right: 26px;}


.order_tab{ border-bottom: 1px solid #DEDEDE;margin-bottom: 15px;}
.order_tab a{color: #696974; padding: 10px 2px; display: inline-block; font-family: Poppins; font-size: 14px; font-weight: 400; line-height: 21px; letter-spacing: 0.10000000149011612px; text-align: left;border-bottom: 4px solid transparent;min-width: inherit; }
.order_tab a:first-child{border: none;border-bottom: 4px solid transparent;border-radius: 0; }
.order_tab a:last-child{border: none;border-bottom: 4px solid transparent;border-radius: 0;    margin-left: 30px; }
.order_tab a.active, .order_tab a:hover{border-bottom: 4px solid #f5ca34; color: #000; font-weight: 600; background: transparent;}
.box .table>tbody>tr>td a.btn.btn-danger{    color: #ffffff;border-color: #fc4b6c;}

.poviewsummary{padding: 0; box-shadow: none; border: 1px solid #E2E2E2; border-radius: 0;border-bottom: none;}
.poviewsummary h4 { padding: 10px 15px; font-weight: 600; color: #000; border-color: #E2E2E2; }
.poviewsummary ul{margin: 0 ; display: flex;flex-wrap: wrap;    }
.poviewsummary ul li{padding: 10px 15px;width: 33.33%;margin: 0;border-color: #E2E2E2;}
.poviewsummary ul li label{    color: rgba(0, 0, 0, 0.6); font-size: 14px; font-weight: 500;}

.form-common-class.box-filter3 form.searchselect { display: block !important; } 
.box-filter3 ul { list-style: none; margin: 0 -5px; display: flex; align-items: center; padding: 0; }   
.box-filter3 ul li { width: calc(33.33% - 30px); padding: 0 5px; } 
.form-common-class.box-filter3 form.searchselect ul li select { width: 100%; margin: 0; } 
.box-filter3 ul li:last-child { width: 118px; }

.box-header.with-border.purchase-order-search { margin-bottom: 10px; }
.pofrmdup .col-12 { padding: 0;}
.poclientside.pofrmdup .box .form-control{padding: 6px 13px;}
.poclientside.pofrmdup .po-add-pg li .btn{padding: 0; height: 38px; width: 38px; line-height: 38px;}
.pofrmdup .repeater-row .hasdeleteid{    bottom: 11px !important;padding: 0; height: 38px; width: 38px; line-height: 37px; right:0;   bottom: 11px}
.pofrmdup .edit_page span.select2.select2-container.select2-container--default{width: calc(100% - 20px) !important;}
.purchase-tab ul.nav.nav-tabs li.nav-item.show-nav-cond a.nav-link{border-radius: 0 30px 30px 0; border-right: 1px solid #dfdfdf;}
.pofrmdup  ul.table-responsive.putaway-li { margin: 0 -5px; padding: 0px 0 15px !important; width: auto; overflow: hidden; } 
.pofrmdup ul.table-responsive.putaway-li li { width: calc(33.33% - 38px) !important; } 
.pofrmdup ul.table-responsive.putaway-li li:last-child { width: 113px !important; margin-top: 30px; }
.pofrmdup .addmorebtnpo{margin-bottom: 0;}
.pofrmdup .purchase-tab { margin-top: 30px; }
.pofrmdup .report-repeater .endbuttonmore { text-align: right; display: flex; justify-content: flex-end; flex-wrap: wrap; }
.pofrmdup .report-repeater .endbuttonmore .btn{margin-right: 0px !important;}
.pofrmdup .report-repeater .endbuttonmore .btn + .btn{margin-left: 10px !important;}
#inboundlogs .box-header.with-border { align-items: center; display: flex; justify-content: space-between; padding-bottom: 0; padding-right: 0; }

.addPackages-row .col-md-12{padding:0;}
.addPackages  .endbuttonmore { text-align: right; display: flex; justify-content: flex-end; flex-wrap: wrap;     padding-top: 5px;}
.addPackages  .endbuttonmore .btn{margin-right: 0px !important;}
.addPackages  .endbuttonmore .btn + .btn{margin-left: 10px !important;}
.pofrmdupstorage .addPackages-row .repeater-row .hasdeleteid{ padding: 0; height: 38px; width: 38px; line-height: 37px; right:0;   bottom: 5px}
.pofrmdupstorage .addPackages-row .repeater-row ul { padding-top: 0 !important; padding-bottom: 0 !important; border-bottom: none !important; }
.addPackages-row .repeater-row ~ .repeater-row { margin-top: 15px; }

.pofrmdupstorage .invoice-distribution-client ul li.currency_symbol .select2 span.select2-selection.select2-selection--single, .pofrmdupstorage .invoice-distribution-client ul li.currency_symbol select{ border-radius: 24px 0 0 24px; height: 46px; padding: 10px 5px 10px 18px;}
.edit_page li.currency_symbol .select2-container--default .select2-selection--single .select2-selection__arrow{ height: 46px;   right: 5px;}
.pofrmdupstorage .invoice-distribution-client ul li.currency_symbol input.form-control{border-radius: 0 50px 50px 0;}

.pofrmdupstorage .invoice-special-handling-client ul li.currency_symbol input.form-control{    width: calc(100% - 60px);border-radius: 0 50px 50px 0;    padding: 6px 15px;}
.box .repeater-row .weight-unit input.form-control { width: calc(100% - 70px); border-right: none; margin-right: -2px; float: left; border-radius: 50px 0 0 50px; }
.pofrmdupstorage .invoice-special-handling-client .box ul li.currency_symbol select.form-control{    width: 60px;border-radius: 24px 0 0 24px; height: 46px; padding: 10px 5px 10px 18px;}
.pofrmdupstorage .invoice-special-handling-client ul li{margin-bottom: 5px;}
.pofrmdupstorage .invoice-distribution-client ul li .weight-unit .select2-container, .pofrmdupstorage .invoice-distribution-client ul li .weight-unit select{width: 70px !important; float: left;}
.pofrmdupstorage .invoice-distribution-client ul li .weight-unit .select2 span.select2-selection.select2-selection--single, .pofrmdupstorage .invoice-distribution-client ul li .weight-unit select{ border-radius: 0 24px 24px 0 !important; height: 46px; padding: 10px 5px 10px 10px;}

.edit_page  .weight-unit .select2-container--default .select2-selection--single .select2-selection__arrow{ height: 46px;   right: 5px;}

.orderbatch_design { float: none; margin: 0 0 20px; } 
.orderbatch_design form#search_frm { display: flex; flex-wrap: wrap; margin: 0 -5px; float: none; width: auto; } 
.orderbatch_design form#search_frm div { width: 16.66%; padding: 0 5px; } 
.orderbatch_design form#search_frm div select { width: 100%; } 
.orderbatch_design form#search_frm div label { color: rgba(0, 0, 0, 0.6); letter-spacing: 0.1px; font-weight: 500; font-size: 14px; padding-left: 15px; }

.set-filter-options input.form-control { border-radius: 44px; height: 46px; max-width: 120px !important; text-align: center; }

/*return createunknownreturn for client*/
#return li:nth-child(1) {width: calc(50% - 231px);}
#return li:nth-child(2) { width: 10%; }
#return li:nth-child(3), #return li:nth-child(4) { width: 91px; }
#return li:nth-child(5) { width: 107px; }
#return li:nth-child(6) { width: calc(40% - 206px); }
#return li:nth-child(7) { width: 94px;}
#return li:nth-child(8) { width: 54px;}


.complete_return li label{font-size: 13px; font-weight: 600; line-height: 24px; letter-spacing: 0px; text-align: left; color: rgba(0, 0, 0, .6); margin: 0 0 .5rem; padding-left: 0px; padding-bottom: 0;}
.complete_return li [type=checkbox]+label{padding-left: 35px; margin-top: 2px;}
.complete_return + .complete_return li [type=checkbox]+label{padding-left: 35px; margin-top: 13px;}
.complete_return li [type=checkbox]+label+[type=checkbox]+label{margin-top: 10px;}
.complete_return li:last-child label {display: block;}
.complete_return li:last-child label ~ label{padding-left: 0;}
.complete_return li:last-child .btn{font-weight: 400; padding: 0; font-size: 14px; height: 44px; width: 44px; border-radius: 50px; line-height: 43px;   display: block;}

.complete_return{    padding: 0 0px;    margin: 0 -2px 5px;}
#return li:nth-child(1) select, #return .return-unknown-field ul.return-unknown-field-ul select{background: #fff; border-radius: 100px; padding: 6px 20px; min-height: 46px; border-color: #E2E2E2; font-family: 'Roboto'; font-style: normal; font-weight: 500; font-size: 16px; line-height: 26px; letter-spacing: 0.1px; color: #000000;}
#return li:nth-child(1) .select2-container, #return .return-unknown-field ul.return-unknown-field-ul .select2-container{width: 100% !important;}
#return li:nth-child(1) .select2-container .select2-selection--single, #return .return-unknown-field ul.return-unknown-field-ul .select2-container .select2-selection--single{ border: 1px solid #E2E2E2; border-radius: 50px; background: #fff; height: 46px; padding: 6px 20px; padding-right: 30px; letter-spacing: 0.1px; color: #000000; font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 16px; }
#return li:nth-child(1) .select2-container .select2-selection--single .select2-selection__rendered, #return .return-unknown-field ul.return-unknown-field-ul .select2-container .select2-selection--single .select2-selection__rendered  { line-height: 40px; color: #000000;    padding-left: 0; }
#return li:nth-child(1) .select2-container.select2-container--open .select2-selection--single, #return .return-unknown-field ul.return-unknown-field-ul .select2-container.select2-container--open .select2-selection--single{  border-radius: 4px;}
#return li:nth-child(1) .select2-container--default .select2-selection--single .select2-selection__arrow, #return .return-unknown-field ul.return-unknown-field-ul .select2-container--default .select2-selection--single .select2-selection__arrow { height: 46px; background-image: url(../images/dropdown-icon.svg); background-repeat: no-repeat; background-position-y: 50%; right: 12px; width: 20px;}
#return li:nth-child(1) .select2-container .select2-selection__arrow b, #return .return-unknown-field ul.return-unknown-field-ul .select2-container .select2-selection__arrow b { display: none; }

#return li .btn{font-weight: 400; padding: 0; font-size: 14px; height: 46px; width: 46px; border-radius: 50px; line-height: 43px; margin: auto; display: block;}
.return-unknown-field ul.return-unknown-field-ul{border-color: #E2E2E2;    margin: 25px 0 10px;    padding: 15px 0;   } 
#return .return-unknown-field ul.return-unknown-field-ul .form-control{background: #fff; border-radius: 100px; padding: 6px 20px; min-height: 46px; border-color: #E2E2E2; font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 26px; letter-spacing: 0.1px; color: #000000;}
.complete_return .form-control{    padding: 6px 8px;    font-size: 14px;}
#nonreturn .complete_return li:nth-child(5) { width: 77px;text-align: center; }
#nonreturn .complete_return li:nth-child(4) { width: calc(50% - 420px); }
#nonreturn li:nth-child(6) { width: 75px;text-align: center;}
#nonreturn li:nth-child(7) {  width: 70px;text-align: center;}  
#nonreturn .complete_return li:nth-child(9) { width: calc(50% - 390px);}
.tcboxdiv .complete_return {padding-left: 30px; position: relative;}
.tcboxdiv .complete_return li:first-child{position: absolute; top: 10px; left: 0; margin: 0;}
.tcboxdiv .complete_return li{margin: 0 0 10px;}
div#nonreturn { margin: 0 0 40px;} 
.tabs-return .tab-pane hr{ border-top-color: #DEDEDE;}
.return_option a.btn.btn-sm.btn-success{    padding: 12px 28px;}
.tcboxdiv{ padding: 30px 10px 10px; border: 1px solid #ddd; margin: 35px 0 0; border-radius: 20px; border-color: #E2E2E2;}
.tcboxdiv .addproductHead{  font-size: 14px;   background: #F5CA34; color: #000000; padding: 7px 10px; border-radius: 30px;  top: -12px;    left: 30px;}

#expiry td:last-child label{display: block;}
.box .table>tbody>tr>td .add_more{border-radius: 100px; border: 1px solid #f5ca34; font-weight: 400; padding: 12px 28px; font-size: 14px;color: #000;background: transparent;margin-top: 0;}
.box .table>tbody>tr>td .add_more:hover{color: #000;background: #f5ca34;}
.box .table>tbody>tr>td a.remove_more{border-radius: 100px; border: 1px solid #fc4b6c; font-weight: 400; padding: 12px 28px; font-size: 14px;color: #fff;background: #fc4b6c; }
.box .table>tbody>tr>td a.remove_more:hover{border: 1px solid #fc4b6c;color: #fff;background: #fc4b6c;}
 
.edit_page .putaway-li li.datebx input.form-control.putaway_date{    max-width: 100% !important;}

.field-box-table .table-striped td, .table-striped tbody tr:nth-of-type(odd){background: transparent;}

/*orderreturn*/
.tabs-return .tab-pane{box-shadow:none;    padding: 10px 0;max-width:100%;}
.tabs-return.tab-inside-btn ul.nav.nav-tabs { border-bottom: 1px solid #DEDEDE; margin-bottom: 0px; }
.tabs-return ul{padding: 0; list-style: none;}
#processed .complete_return li:nth-child(2) { width: calc(50% - 354px); } 
#processed .complete_return li:nth-child(3), #processed li:nth-child(4),#processed li:nth-child(5){ width: 75px; }
#processed .complete_return li:nth-child(6) {    width: 85px;}
#processed .complete_return li:nth-child(7) {    width: calc(50% - 345px);}
#processed .complete_return li:nth-child(8) { width: 147px; }
#processed .complete_return li:nth-child(9) { width: 92px; }

.edit_page .batch_search_area2, .edit_page .batch_search_area{display: block;width: 100%;position: relative;    padding: 0;}
.edit_page form#search_frm { float: none; width: inherit; display: block;}
.edit_page form#search_frm .select2-container .select2-selection{     border-radius: 100px;    border-color: #E2E2E2; }
.edit_page .batch_search_areafrm form > div{width: auto;}
.edit_page form#search_frm > input, .edit_page form#search_frm select{width: 100%;}

.order_add_client .pofrmdup .edit_page span.select2.select2-container.select2-container--default{width: 100%  !important;}
.order_add_client .pofrmdup ul.product-info-ul li{padding: 0 10px;}
.order_add_client .pofrmdup ul.product-info-ul li.prodsel-li{width: 50%;}
.order_add_client .i_class{ line-height: 20px;} 
.pofrmdup .add_stock_form .repeater-row ul {    margin-left: -5px;padding-bottom: 10px !important;}
.pofrmdup .add_stock_form .repeater-row:first-child ul { border: none !important; padding-bottom: 0 !important; margin-bottom: -5px; }
.pofrmdup .add_stock_form span.select2.select2-container.select2-container--default{width: 100% !important; }
.pofrmdup .add_stock_form .repeater-row .hasdeleteid{right: 11px;}

.return_client #nonreturn .complete_return li:nth-child(4) { width: calc(50% - 303px); }
.return_client #nonreturn .complete_return li:nth-child(11) { width: 55px; }
.form-common-class form.searchselect .locationdiv .select2{width: 100% !important;}
 

.custom_filter_more form#search_frm { display: flex; flex-wrap: wrap;}
.custom_filter_more.filter_field4_searchbtn form#search_frm .select2-container{width: auto !important; min-width: 200px; max-width: 200px;margin: 0 10px 10px 0} 
.filter_field4_searchbtn.custom_filter_more form#search_frm > input, .filter_field4_searchbtn.custom_filter_more form#search_frm select{width: auto;min-width: 200px;margin: 0 10px 10px 0;    max-width: 200px !important;}
.filter_field4_searchbtn.custom_filter_more .order_btn_div{margin: 0 0 10px;}
.top_action_field .customer_add:first-child{ width: calc(100% - 315px);}
.top_action_field .customer_add select#bulk-actions-optios{border-radius: 50px; height: 46px; padding: 12px 15px; border-color: #d2d6de; margin: 0;  width: 100%;}

.filter_field4_searchbtn.top_action_field .select2-container .select2-selection--multiple .select2-selection__rendered{    margin-top: 2px;}
.top_action_field.invoiceserach .btn{width: auto;}
.order_table_clientlvl td:nth-child(3) { white-space: nowrap; }
.modal a.btn.btn-sm.aClass { padding: 0; position: relative; min-width: auto; width: 32px; height: 32px; text-align: center; line-height: 30px; min-height: auto; color: #000 !important; margin-right: 5px; }
.modal a.btn.btn-sm.aClass i.fa  { position: relative; right: auto; top: auto; transform: none; color: #000; }
#returnexampleModal .table th { background: transparent;}
#returnexampleModal textarea.form-control{border-radius: 14px;}

.newtickettab tr{position: relative;}
.box .newtickettab table>tbody>tr:hover>td:first-child:after{left: -2px; }
.box .table>tbody>tr>.ticket-bord-\#FADD0B:after { content: ""; position: absolute; left: -2px; height: 48px; top: 50%; transform: translateY(-50%); width: 4px; border-radius: 0 5px 5px 0; background: #FADD0B; }
.box .table>tbody>tr:hover>td.ticket-bord-\#FADD0B:after { background: #FADD0B; }
.box .table>tbody>tr>.ticket-bord-\#D81010:after { content: ""; position: absolute; left: -2px; height: 48px; top: 50%; transform: translateY(-50%); width: 4px; border-radius: 0 5px 5px 0; background: #D81010; }
.box .table>tbody>tr:hover>td.ticket-bord-\#D81010:after { background: #D81010; }
.box .table>tbody>tr>.ticket-bord-\#FF8C00:after { content: ""; position: absolute; left: -2px; height: 48px; top: 50%; transform: translateY(-50%); width: 4px; border-radius: 0 5px 5px 0; background: #FF8C00; }
.box .table>tbody>tr:hover>td.ticket-bord-\#FF8C00:after { background: #FF8C00; }
.box .table>tbody>tr>.ticket-bord-\#56A912:after { content: ""; position: absolute; left: -2px; height: 48px; top: 50%; transform: translateY(-50%); width: 4px; border-radius: 0 5px 5px 0; background: #56A912; }
.box .table>tbody>tr:hover>td.ticket-bord-\#56A912:after { background: #56A912; }


.box .newtickettab .table>tbody>tr>td:first-child{ padding-left: 25px;}
.newtickettab .table td i.fa.client-info { left: 6px; }

.invoice-page-search-dsg.invoiceserach .dataTables_filter { width: calc(100% - 330px);}
.invoice-page-search-dsg.invoiceserach  .show-status-wise-total{    margin-left: 10px;}


/*responsive*/       
@media (min-width: 1200px){ 
   .login-page .container{padding: 0;max-width: 1105px;width: 100%;} 
   .loginbody .row{margin: 0 auto;max-width: 995px;}
}
@media (min-width: 1600px){
   .login-page .container{  padding: 0;max-width: 1470px;width: 100%;} 
   .loginbody .row{margin: 0 auto;max-width: 1232px;}
}
@media (min-width: 1900px){
   .login-page .container{ padding: 0 15px;max-width: 1800px;width: 100%;}
   .loginbody .row{margin: 0 auto;max-width: 1480px;}
}
@media (min-width: 1025px){ 
  .dataTables_wrapper.container-fluid .row:nth-child(2) .col-sm-12{/*overflow-x: auto;*/}
}
@media (max-width: 1800px){  
  .left-login{ padding-right: 40px;    max-width: calc(100% - 425px);}
  .login-box{    width: 425px;padding: 60px 35px 50px;}
  .left-login .pattern-logo { width: calc(100% - 332px); padding-left: 0px;}
  .left-login .pattern-logo svg {  width: 405px;}
  .left-login .login-title{    max-width: 340px; left: -134px; margin-left: 0;
    top: 208px;}
  .login-title h1{font-size: 48.0392px;}
  section.content-fistlogin blockquote{font-size: 18px;}
}
@media (max-width: 1599px){  
 .login-page header{    padding: 30px 0 0;}
 .left-login .pattern-logo{    width: calc(100% - 232px);}
 .login-title h1{font-size: 28.0392px;}
 .left-login .pattern-logo svg { width: 340px;}
 .left-login .login-title{max-width: 260px; left: -80px; margin-left: 0; top: 188px;}
 .login-title h1{margin: 0 0 8px;font-size: 32.0392px; line-height: 38px;}
.login-title p:after{    width: 25px;}
.login-title p{padding-left: 35px;font-size: 13px; line-height: 18px;}
.login-box h3.text-center{ font-size: 20px; margin: 0 0 30px;}
.login-box{padding: 60px 20px 50px;min-height: 470px;}
.right-greetmsg p{ font-size: 13px;}
.login-box .btn{ font-size: 16px;    padding: 11px 45px;}
.login-box .form-group .form-control, .login-box .form-control{height: 46px}
body.forgetpage .login-box .btn{padding: 13px 29px;}
.graph-section .box-header .box-title{font-size: 24px;line-height: 28px;}
.box-header .box-title{font-size: 20px;line-height: 24px;} 
.search-top .dataTables_filter { margin-top: -48px;}
.dataTables_filter label { width: 320px;}
.box input#searchorderdash{max-width: 320px;height: 46px;}
section.content-fistlogin blockquote { font-size: 14px;}
.quote-content svg { height: 75px; width: 139px; }
.status-bar{width: 120px;}
.tab-btn .shipment-btn .btn-warning.btn-sm {  padding: 11px 15px;}
.box .dropdown-graph select{padding: 5px 5px;background-position: calc(100% - 5px ) center;width: 49%;}
.graph-block-head{ padding: 10px 7px;}
.dropdown-graph{ width: 106%;} 
.graph-block-head h2{font-size: 13px;}

/*ticket*/
.tab-btn ul li a{padding: 12px 7px; min-width: 78px;}
.tab-btn.ticket_tab .col-xl-4{-ms-flex: 0 0 49%; flex: 0 0 49%;    max-width: 49%;}
.tab-btn.ticket_tab .col-xl-8{    -ms-flex: 0 0 51%; flex: 0 0 51%; max-width: 51%;}
ol.ticket-btn li + li{ margin-left: 5px;}
.disbl-chatview{    padding: 10px 6px 10px;    padding-right: 6px;}
.ticket-btn .disbl-chatview label{position: relative;top: 0px;}
ol.ticket-btn .btn{    padding: 12px 16px;}

}
@media (max-width: 1380px){
  .box .table>thead>tr>th, .box .table>tbody>tr>td, .box .table>tbody>tr>th{padding: 1rem .5rem;}
  .badge-red{font-size: 13px;}
  .right-greetmsg h4{ font-size: 14px; margin: 0 0 1px;}
  .col4-filter ul li select.form-control{height: 46px !important;}
  .col4-filter ul li .form-control{height: 46px !important;}
  .main-dashboard .col4-filter ul li:last-child .btn { padding: 11px 37px;}
.content form.searchselect select.form-control, .content .form-common-class form input.form-control{    height: 46px;}
.tab-btn .btn-warning.btn-sm{padding: 11px 11px;}
.uploadserach .search-field .form-control { min-height: 46px;height: 46px;}
.uploadserach a.btn{    padding: 11px 5px;}
.tab-btn ul li a{padding: 12px 7px; font-size: 14px; min-width: 76px;}
.dataTables_wrapper .dataTables_filter input{height: 46px;}
.box .form-control {  min-height: 46px;}
section.content.search_frm_section_customer form#customer_search span.select2-selection.select2-selection--single{padding: 9px 10px;height: 46px;  }
section.content.search_frm_section_customer form#customer_search button.btn{ padding: 4px 20px 4px 14px; height: 46px !important;}
.shipment_top_btn a.btn { margin-left: 5px; font-size: 14px; line-height: 42px; padding: 0px 12px; min-width: 100px;}
.filter-client a.add-client{padding: 6px 11px;}
.box-body.no-padding .dataTables_filter {padding-right: 10px;}
.row.title-center-search {  margin-bottom: -50px;}
.user-filter-search a.btn{padding: 3px 30px;}
.report_summary_input select.form-control:not([size]):not([multiple]), .report_summary_input select, .report_summary_input input{height: 46px;    min-height: 46px;}
.uploadserach .dataTables_filter input, .invoice-filter ul li .form-control, .invoice-filter ul li select.form-control:not([size]):not([multiple]){min-height: 46px;height: 46px;padding: 7px 24px;}
.invoice-filter ul li .btn { padding: 11px 22px;}
.box .table>tbody>tr>td .dropdown.order_dropdown a.btn.btn-sm{padding: 9px 25px;}
.tab-btn .uploadserach button.uploadexccelbtn { min-width: 153px; }
.tab-btn .shipment-btn .btn-warning.btn-sm {  padding: 11px 10px;}

.search-header input.form-control{height: 44px;}
.search-header a.btn.btn-sm{width: 46px;height: 46px;line-height: 46px;min-width: 46px;}
.message-body .btn{padding: 11px 17px;}
.form-title {margin: 0 0 15px;} 

.box .message-body .form-control{height: 50px;}
.list-view-users{max-height: 1220px;}
.report_summary_input .btn-sm{height: 46px;}
.report_summary_input select.form-control:not([size]):not([multiple]), .report_summary_input select, .report_summary_input input{height: 46px;
    min-height: 46px;}
.serach-block input.form-control{height: 46px;padding: 6px 15px;}
.warehouse_search ul li span.select2-selection, .warehouse_search ul li select.form-control{    height: 46px !important;}
.warehouse_search ul.dynamicli5 li input.form-control{height: 46px;}
.search_frm_section .select2-container--default .select2-selection--single, .search_frm_section .select2-selection .select2-selection--single {padding: 3px 0px;}
.warehouse_search ul li .select2-container--default .select2-selection--single .select2-selection__arrow{height: 46px;}

.search_frm_section.warehouse_search .btn{padding: 11px 12px;}

ol.ticket-btn .btn{ padding: 12px 13px;}
 .tab-btn ol.ticket-btn .btn-warning.btn-sm{padding: 12px 11px;}


}
@media (max-width: 1259px){
.tab-btn.ticket_tab .col-xl-4{-ms-flex: 0 0 100%;   flex: 0 0 100%; max-width: 100%;justify-content: space-between;align-items: flex-start;}
 .tab-btn.ticket_tab .col-xl-8{-ms-flex: 0 0 100%;   flex: 0 0 100%; max-width: 100%;}
 ol.ticket-btn { justify-content: flex-end; margin: 10px 0 10px; }
}
@media (min-width: 1025px){
    .box .newtickettab .table>tbody>tr>td{position: initial;}
}
@media (max-width: 1199px){ 
   .login-page .container{  padding: 0;max-width: 960px;width: 100%;} 
   .loginbody .container>.row{margin: 0 auto;max-width: 995px;}
   .left-login .pattern-logo svg{ width: 290px;}
   .login-box {padding: 40px 20px 30px; min-height: 445px;width: 394px;}
   .login-box .checkbox label,  .fog-pwd a{font-size: 13px;}
   .login-box .checkbox input[type=checkbox]{    margin-right: 7px;}
   .dot-account { margin-top: 30px;}
   .main-header .navbar .serach-filed{width: 40%;} 
   .shipment-btn { display: flex; justify-content: space-between; margin-top: 10px; }  
   .shipment-btn .btn-sm{margin: 0 !important;}   
   .right-shipmentbtn{ justify-content: flex-start;margin-top: 10px;}
   .fmlsummary { margin-top: 5px;}
   .serach-block {margin-left: 0; max-width: 350px; margin-right: auto;    margin-top: 10px;} 
.warehouse_search ul.dynamicli5 li {  width: 33.33%;}
.order-status .dd-list .dd-item{width: 33.33%;}
.bb-dd-empty .dd-list .dd3-content{padding: 8px 15px 8px 56px;}
.tab-btn ul{padding-bottom: 10px;}
.filter-shipmentrate { justify-content: space-between; }
.btn.btn-warning.chat-bar {display: inline-block; padding: 0; width: 40px; height: 40px;min-width: auto;  margin-left: auto;}
.left-modul { width: 305px; position: absolute; left: -358px; z-index: 9; background: #fff; border-left: none;box-shadow: 0 0 10px rgb(0 0 0 / 10%);-webkit-transition:.4s; -moz-transition: .4s; -o-transition: .4st;
    transition: .4s;height: 100%; }
.right-messages-users { width: 100%;border-left: none;}
.chatopen .left-modul{left: 0;}
.chat-modual{position: relative;overflow: hidden;}
.form-title .dropdown.order_dropdown { display: inline-block;}
.order-dashboard .table{display: table;}
.tab-btn ul{flex-wrap: nowrap; overflow-x: auto; padding-bottom: 5px; white-space: nowrap; margin-bottom: 5px;}
.filter_field4 ul li{    width: 33.33%; margin: 0 0 10px;}

 .filter-in-tabs  {width: 100%; margin-top: 10px;}
 .tab-btn { margin: 0 0 10px;}
 .ticket_status_tab{justify-content: space-between; margin: 0 0 20px;} 
.invoice-ful-ship{    align-items: start;flex-direction: column;}
.invoice-ful-ship .button_sec{padding-left: 0; justify-content: flex-end; width: 100%;}
.invoice-ful-ship .button_sec select#selectadrss{margin-left: 0; max-width: 300px; margin-right: auto;}
.square_label_row{    margin: 0 0 -40px;}
.user_list_card>ul>li{width: 33.33%;}
.user_list_card ul li h3{    line-height: 20px;}
.user_list_card>ul>li .user_list_item{padding: 15px;}
.spareter_line{margin: 15px auto;}
.user_list_card ul li p{white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.timeline-box{width: 33.33%;}
} 
@media (max-width: 1025px){
  /*login*/
  .loginbody{padding-top: 90px; padding-bottom: 50px;}
  .login-page .container{ max-width: 720px;}
  .loginbody{height: auto;}
  .left-login{max-width: 100%;margin: 0 0 15px;padding: 0 20px;}
  .login-box{max-width: 100%;}
  .left-login .pattern-logo svg {  width: 100%;height: 240px;}
  .signature-login{ align-items: flex-start;max-width: 580px;margin: auto;}
  .loginbody .row{ justify-content: center !important;}
  .left-login .login-title { max-width: 190px; left: -109px; margin-left: 0; top: 145px; }
  .left-login .pattern-logo { width: calc(100% - 190px); }
  /*end*/
    .main-header .sidebar-toggle{padding: 20px 20px 20px 0;}
    .main-header .navbar .serach-filed {width: 100%; max-width: 200px;}
    .navbar-custom-menu .navbar-nav > li { padding: 0 8px; } 
    .dataTables_filter label { width: 250px;}  
    .dataTables_wrapper .dataTables_filter input {height: 40px; min-height: 40px;}
    .box-header { padding: 10px 0px 10px;}
    .box input#searchorderdash{width: 250px;height: 40px;min-height: 40px;}
    section.content.search_frm_section_customer form#customer_search span.select2-selection.select2-selection--single{padding: 8px 10px; height: 40px;}
    section.content.search_frm_section_customer form#customer_search button.btn {
    padding: 4px 20px 4px 14px;height: 40px !important;}
    .filter-client a.add-client {  padding: 4px 11px;} 
    .user-filter-search a.btn{line-height: 32px;}
    .tab-btn ul li a { padding: 11px 18px; font-size: 14px;}
    .tab-btn .btn-warning.btn-sm {  padding: 11px 11px;}
    .report_summary_input select.form-control:not([size]):not([multiple]), .report_summary_input select, .report_summary_input input{height: 40px;    min-height: 40px;}
    .tab-btn .shipment-btn .btn-warning.btn-sm { padding: 9px 14px; }
    .box .message-body .form-control {height: 40px;}
    .message-body .btn { padding: 9px 19px;}
    .report_summary_input .btn-sm{height: 40px;padding: 6px 12px;padding: 6px 8px;}
    .filter-five .report_summary_input{    width: 33.33%;}
    .filter-four.filter-2btn .report_summary_input {  width: 50%;}
    .report_summary_input select.form-control:not([size]):not([multiple]), .report_summary_input select, .report_summary_input input{height: 40px;    min-height: 40px;}
    .serach-block input.form-control{height: 40px;}
    .warehouse_search ul li span.select2-selection, .warehouse_search ul li select.form-control {height: 40px !important;}
    .warehouse_search ul li .select2-container--default .select2-selection--single .select2-selection__arrow{    height: 40px;}
    .warehouse_search ul.dynamicli5 li input.form-control { height: 40px;}
    .search_frm_section.warehouse_search .btn {padding: 9px 12px;}
    .list-view-users { max-height: 1727px;}
   .transitortabtop{ flex-wrap: wrap;}
   .tab-btn ol.ticket-btn .btn-warning.btn-sm{padding: 12px 13px;}
  
}

@media (max-width: 1024px){
  .box .table>tbody>tr>td{position: initial;}
  .quote-content{padding-top: 10px; padding-left: 10px;}   
  .list-view-users ul li{padding: 10px 10px; min-height: 96px;}
  .search-header{padding: 10px 10px;}  
  .modal .modal-header{padding: 20px 20px 15px;}
  .modal-body{padding: 0px 20px 20px;}
  .modal-footer{ padding: 0px 20px 20px;}
  .modal .btn{min-width: 105px;}
  .modal-header .modal-title{ font-size: 16px;}
  .chat-section {   max-width: 69%;  }
  
   
}
 
@media (max-width: 991px){
  .main-header .navbar .serach-filed{    max-width: 30px;}
  .main-dashboard .col4-filter ul li{width: 50%; margin: 0 0 10px; }
  .dashboard-block .col-lg-3.col-md-6.col-sm-12{margin: 0 0 14px;}
  .box.dashboard-block {  margin-bottom: 0px;}
  .graph-block{height: auto;margin-bottom: 14px;}
  .graph-block { margin-bottom: 10px;height: auto;}
  .order-dashboard { margin-bottom: 10px;height: auto;}
  .mobile-search{display: inline-block;padding: 7px 10px 0;}
  .serach-filed form{display: none; position: absolute;top: 0;left: 0;width: 100%;right: 0;}
  .form-common-class.ticket-filter form.searchselect .field-block{width: 50%;}
  .content .form-common-class.ticket-filter form.searchselect select.form-control{width: 100% !important;}
  .box-header .box-title { font-size: 16px; line-height: 20px;}
  .filter-client{width: 100%;}
  .row.title-center-search {  margin-bottom: 10px;}
  .box-body.no-padding .dataTables_filter{padding-right: 0; width: 100%;}
  .searchclient .dataTables_wrapper .col-sm-12.col-md-6, .searchclient .dataTables_wrapper .col-sm-12.col-md-6 + .col-sm-12.col-md-6, .dataTables_wrapper .col-sm-12.col-md-6 + .col-sm-12.col-md-6 { flex: 0 0 100%;    max-width: 100%;}
  .box-body.no-padding .dataTables_filter{max-width: 400px;}
  section.content.search_frm_section_customer .filter-client .search_frm_section{    padding-right: 0px;}
.user-filter-search .search_frm_section.search_frm_section_customer {    padding-left: 0;  max-width: 100%;}
.uploadserach { margin-top: 10px;}
.invoice-margin { margin-bottom: 0px;}
.invoice-filter ul li{ width: 50%; margin: 0 0 10px;}

.message-body{padding: 20px;}
.message-body .btn { padding: 11px 15px 10px;}
.footer_btn .btn{    min-width: 105px;}
.warehouse_search ul.dynamicli5 li { width: 50%;}
.order-status .dd-list .dd-item { width: 50%;}
.permission-list ul li{width: 33.33%;}
.line-graphblock.box div[class*='col-']{margin-top: 10px;}
.consolidatedCards .card{margin-bottom: 10px;}
.box.graph-section{margin: 0}
 
/*customer page css add 22 feb*/
.customer_newdesign {padding-top: 20px;}
.filter-customer .search .form-control{padding: 7px 15px;padding-right: 35px;}
.filter-customer .add_client { width: 120px; padding-left: 5px; }
.filter-customer a.add-client{line-height: 44px;height: 44px;}
.filter-customer .search{width: calc(58% - 65px);}
.filter-customer .search_frm_section{width: calc(42% - 55px);    margin: 0;}
.filter-customer form#customer_search span.select2-selection.select2-selection--single{padding: 11px 10px; height: 44px;}
.box .table>tbody>tr>td:first-child { padding-left: 10px;}

.genral_cost .WarehouseCnt ul.listItems{margin: 0 -7px 5px;} 
.genral_cost .WarehouseCnt ul.add-Warehousing{margin: 0 -7px 5px;}
.genral_cost .WarehouseCnt ul.add-Warehousing>li{width: 100%;margin: 0 0 10px;}
.genral_cost .WarehouseCnt ul.listItems>li{ width: calc(50% - 50px);margin: 0 0 10px;}
.genral_cost .WarehouseCnt ul.listItems:nth-child(2n) { background: #f9f9f9; padding: 10px 0;}

.exportzone_filter ul li{width: calc(50% - 0px);}

/*popup css*/
.selectUserModal .modal-body {  padding: 20px;}
.usersBoxInner { margin-top: 20px; }
.orderFormTabing .Formbuttons{padding: 20px 0px 0;}

.chat-modual .order_dropdown .dropdown-menu{    left: 0px !important;}

.map-box .row div[class*='col-'] ~ div[class*='col-']{margin-top: 15px;}

.filter_field4_searchbtn li{width: 50%;margin: 0 0 10px;}
.filter_field4_searchbtn li.report_summary_input{width: 50%;margin: 0 0 10px;}
.box-header.with-border.mb-20.mb-md-20 { margin: 0 0 10px !important;}
.filter_field4 ul li{    width: 50%; margin: 0 0 10px;}
.filter_field4 form#search_frm {margin: 0px;} 

.transitortabtop ul.nav.nav-tabs{flex-wrap: nowrap; overflow-x: auto; padding-bottom: 3px; white-space: nowrap;}
.down_arrow_toggle span, .down_arrow_toggle_second span{margin-left: -3px;}

.filter-in-tabs form{flex-wrap: wrap;}
.box .filter-in-tabs select.form-control:not([size]):not([multiple]).form-control{width: calc(33.33% - 30px);}
.box .filter-in-tabs select.form-control:not([size]):not([multiple]).form-control:last-child{    margin: 0 10px 4px 0px;}
.box .newtickettab .table>tbody>tr>td:first-child{padding-left: 25px;}
.table td i.fa.client-info { left: 12px;}
.form-common-class form.searchselect .select2.select2-container{margin: 0}

.disbl-chatview label{font-size: 0; padding-left: 45px; line-height: 26px; position: relative; top: -3px}
.tab-ticket ul li a{min-width: 65px; border-radius: 28px; font-size: 0px;padding: 0px 20px; text-align: center;}
.tab-ticket ul li a i{font-size: 16px; line-height: 40px; height: 40px;}
.ticket_status_tab .disbl-chatview { display: inline-block; padding: 9px 7px 3px 12px; margin-left: 0px; }
.chat-section { max-width: 100% !important;}

.chat-header { background: #f5ca34; border-radius: 40px; padding: 11px 18px 7px !important; }
.chat-section { padding-bottom: 0px !important;}
.tab-btn ul li a{padding: 11px 9px;}
.user_list_card>ul>li{width: 50%;}
.timeline-box { width: 50%;}



}   
@media (max-width: 767px){ 
.box .table>tbody>tr>td a.btn{padding: 9px 20px;}
  .btn{padding: 11px 22px;}  
  .content { padding: 15px;}  
    /*login*/
  .login-page .container { max-width: 720px;}
   .login-page .container{padding: 0 15px;max-width: 540px;}
   .login-title h1{font-size: 28.0392px; line-height: 34px;}

    .navbar-custom-menu>.navbar-nav{align-items: center;}
    .navbar-custom-menu .navbar-nav > li:last-child{padding-right: 0;}
    .navbar-custom-menu .navbar-nav > li{height: auto;}
    body.forgetpage .login-box { padding-top: 64px;}
body.forgetpage p.login-box-msg{margin: 0 auto 23px;  }
body.forgetpage .login-box h3.text-center { margin: 0 0 15px;}
.loginbody {padding-top: 80px; padding-bottom: 30px;}
/*dashboard*/ 
.main-header .navbar .serach-filed{width: 20px; font-size: 18px; margin-left: auto; position: absolute; top: 21px; right: 48px;}
li.dropdown.user.user-menu span { display: none;}
.skin-black .main-header .logo{border-right: none;width: auto; display: inline-block; padding: 0 5px;}
li.nav-item.dropdown svg{width: 20px;height: 18px;}
.navbar-nav>.user-menu .user-image{width: 24px;height: 24px;}
.navbar-custom-menu .navbar-nav .user-img{    height: 34px;width: 34px;}
.main-header .sidebar-toggle { padding: 8px 0px;}
.main-header .logo{height: 50px;}
.skin-black .main-header .logo:hover{background-color: #ffffff;}
.skin-black .main-header .navbar .sidebar-toggle {color: #000000; font-size: 18px; position: absolute; right: 15px; top: 12px;}
.skin-black .main-header .navbar{position: initial; box-shadow: none;    border-bottom: 1px solid #ddd;   padding: 0 12px 10px;    min-height: 40px;border-bottom: 1px solid #e1dbdb;}
.notification_bell{margin-left: 0;margin-right: 5px;} 
.skin-black .main-header .navbar .nav > li > a{line-height: 10px;}
 .navbar-custom-menu .navbar-nav > li:last-child > a{line-height: 40px;}
.main-header .navbar-custom-menu{width: auto;margin-left: auto;}
.main-header .navbar-custom-menu ul.nav.navbar-nav{    width: 100%;}
.main-header .navbar-custom-menu li.nav-item.dropdown:first-child{margin-left: 0; margin-right: auto; padding-left: 0;}
section.content-fistlogin{ padding: 5px 15px 0;}
.line-graphblock.box div[class*='col-'] + div[class*='col-']{margin-top: 10px;}
.quote-content{padding-top: 10px; padding-left: 0px;}
section.content-fistlogin blockquote{ width: calc(100% - 109px);   margin: 22px 0 0;}
.right-greetmsg {padding-right: 0; text-align: left;}
.graph-section .box-header .box-title {font-size: 20px; line-height: 20px;}
.graph-block{margin-bottom: 10px;height: auto;}
.search-top .dataTables_filter { margin-top: 0;    padding-top: 0;}
 .box input#searchorderdash{margin-top: 10px;}
 .pagination{margin: 5px 0 0;}
 .box-body ul.pagination li{margin:0 0 5px;} 
 .box-header .box-title { font-size: 18px;  line-height: 22px;}
 .box input#searchorderdash{float: left;}
 .dataTables_filter {  float: left;}
 .quote-content svg {  height: 110px;  width: 109px;}
 .quote-content { padding-top: 0px; padding-left: 0px; align-items: flex-start; }
 .mobile-search{padding: 0;}
.uploadserach .search-field .form-control { min-height: 44px; height: 44px; }
.uploadserach a.btn{min-width: auto; padding: 9px 22px;}
.search-field{width: 100%; padding-right: 0; margin: 0 0 10px;}
.uploadserach .pull-right{float: none;}

.content form.searchselect select.form-control, .content .form-common-class form input.form-control {  height: 44px;}
.tab-btn .btn-warning.btn-sm { padding: 10px 15px;}
.paging_simple_numbers .pagination .paginate_button a, .box-body ul.pagination li a{padding: 9px 13px; }
.bottom-btn .ticket-upload{padding: 12px 6px; min-width: 99px; text-align: center;}
.modal .Formbuttons button{  margin-right: 0; padding: 10px 7px 11px; min-width: 85px; line-height: normal; text-align: center;}
.Formbuttons button+button{margin-left: 5px;}
section.content.search_frm_section_customer .filter-client .search_frm_section{margin: 0;}
.box-body.no-padding .dataTables_filter {padding-left: 0; max-width: 400px;}

.user-filter-search .search_frm_section.search_frm_section_customer{margin: 0;}
.user-filter-search{margin: 0 0 10px;}
.warehousetitle {  margin-bottom: 0px;}
.dataTables_filter label { width: 100%;}
.tab-btn { margin: 0 0 10px;}
.uploadserach .dataTables_filter input, .invoice-filter ul li .form-control, .invoice-filter ul li select.form-control:not([size]):not([multiple]) {    min-height: 44px; height: 44px;}
.invoice-filter {  margin: 0 0 10px;}
.invoice-filter ul li .btn {  padding: 8px 22px;}
.dataTables_wrapper .dataTables_filter input { height: 44px; min-height: 44px; }
.tab-btn .shipment-btn .btn-warning.btn-sm { padding: 8px 14px;}
.box .form-control {min-height: 44px;}
 .box .message-body .form-control {height: 44px;}
 .message-body .btn { padding: 10px 15px;;}
.message-body{padding: 15px 15px;}
.form-title h2{font-size: 14px;}
.report_summary_input select.form-control:not([size]):not([multiple]), .report_summary_input select, .report_summary_input input {height: 44px;min-height: 44px;}
.report_summary_input .btn-sm {height: 44px;}
.filter-five .report_summary_input { width: 50%;}
.fmlsummary .usage_period .report_summary_input { width: 100%; }
.warehouse_search ul li span.select2-selection, .warehouse_search ul li select.form-control { height: 44px !important;}
.warehouse_search ul li .select2-container--default .select2-selection--single .select2-selection__arrow { height: 44px;}
.box-body.order-status { padding: 0; }
.permission-list ul li{width: 50%;}
.main-dashboard .card{margin-bottom: 10px;}
.filter-customer{flex-wrap: wrap;}
.filter-customer .search{width: 100%;margin: 0 0 15px;padding: 0}
.filter-customer .search_frm_section{width: calc(100% - 120px);padding-left: 0;} 
.customer_filter {margin-bottom: 10px;}
.customer_newdesign .table>thead>tr>th{white-space: nowrap;}
.genral_cost .WarehouseCnt ul.add-Warehousing>li{width: 100%;}
.genral_cost .WarehouseCnt ul.listItems>li{ width: calc(100% - 100px);}
.filter-shipmentrate{ margin-bottom: 10px; flex-wrap: wrap;}
.filter-shipmentrate div#serach-block{max-width: 100%;}
.filter-shipmentrate{margin-top: 0px; height: auto !important;}
.shipment_top_btn { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%;
    margin-top: 10px }
.shipment_top_btn a.btn{margin: 0;padding: 0px 19px;}
.tab-inside-btn form#searchFrm {  display: block;}
.tab-inside-btn ul.nav.nav-tabs .nav-item + .nav-item { margin-left: 10px; }
.tab-inside-btn ul.nav.nav-tabs{flex-wrap: nowrap; overflow-x: auto; padding-bottom: 10px; white-space: nowrap;}
.genral_cost .WarehouseCnt{padding: 0px 15px 5px;}
.exportzone_filter ul li{width: 100%;}
.table-responsive.newordertab {  margin-top: 10px;}
.message-body label{    line-height: 22px;}
.crm_search .search-field {    max-width: 100%}

.uploadserach .search-field{width: calc(100% - 120px); margin:0; padding-right: 10px;}
.uploadserach a.btn{min-width: 120px; padding: 11px 5px;}
.form-common-class form.searchselect .select2.select2-container .select2-selection{height: 44px;
    padding: 10px 15px;}
.form-common-class.ticket-filter form.searchselect .field-block:last-child .btn{    padding: 11px 5px;}


.ticket_status_tab{        margin: 0 0 15px;}
.orderFormTabing .tab-pane h2{    margin: 0 0 3px;float: none;width: 100%;}
.orderFormTabing .check-all-depusers{float: none;    padding-left: 20px;}
.square_label_row {   margin: 15px 0 -40px;    }
.invoice-ful-ship .button_sec{    flex-wrap: wrap;}
#ticketaddmodeld .btn.btn-primary{padding: 10px 7px 11px;}

.ticket-upload{    margin-right: 15px;    padding: 10px 0 6px;}
.send-chat{    margin-left: 15px;padding: 11px 25px;}
.mkchat .chat-control{    padding-right: 170px !important;}
.chat-sidebar .scroll-list{padding: 0; height: calc(100% - 75px); margin-right: 0px; width: auto;}

.col3-fliter .usage_period { margin-top: 0px;}
.col3-fliter .search_input { width: 100%; }

.filter-shipmentrate div.search{max-width: 100%;}
.allinvoice_filter ul li{width: 100%;}
.templates_all .box-header {margin-bottom: 15px;}
.tmhead h2{font-size: 14px;}
}
@media (max-width: 575px){
.login-page header { padding: 15px 0 0;}
.left-login { max-width: 100%; margin: 0 0 10px; padding: 0 5px; }
.signature-login { align-items: flex-start; max-width: 580px; margin: auto; flex-wrap: wrap; position: relative; }
.left-login .pattern-logo { width: 100%; text-align: left;padding-left: 0px; }
.left-login .pattern-logo svg { width: 100%; height: 168px; max-width: 220px; }
.login-box { padding: 15px 10px 15px; min-height: 374px; width: 100%; }
.login-box h3.text-center { font-size: 16px; margin: 0 0 15px;}
.login-box .checkbox label, .fog-pwd a { font-size: 12px;}
.left-login .login-title { position: absolute; left: 144px; top: 83px; max-width: 148px;}
.login-title h1 { font-size: 20.0392px; line-height: 26px; }
.fog-pwd.text-right {  white-space: nowrap;}
.tab-btn ul li a {min-width: 78px;}
.form-common-class.ticket-filter form.searchselect .field-block{    width: 100%;}
.tab-btn .all_invoie_btn{float: none;margin-top: 7px;display: flex; justify-content: space-between; flex-wrap: wrap;}
.filter-five .report_summary_input { width: 100%;}
.filter-four.filter-2btn .report_summary_input { width: 100%;}
.search_input.products-stock{padding: 0 0px; top: 0; margin-bottom: 0;}
.warehouse_search ul.dynamicli5 li { width: 100%;}
.order-status .dd-list .dd-item { width: 100%;}
.footer_btn .btn{ padding: 11px 22px;}

/*popup css*/
.selectUserModal .modal-body { padding: 20px 15px;}
.message-body .footer_btn .btn {  padding: 11px 16px;  width: 100%; margin: 0 0 10px !important;}
.filter_field4_searchbtn li{width: 100%;}
.filter_field4 ul li{ width: 100%;}
.orderFormTabing ul.nav li a{padding: 12px 7px;}
.tab-btn.ticket_tab .col-xl-4 .back_link { padding: 0; width: 100%; justify-content: space-between; }
ol.ticket-btn{flex-wrap: wrap;justify-content: flex-start;}
ol.ticket-btn li{margin-bottom: 10px;}
.searchbtn-cmn.box-header{ flex-direction: row;align-items: center;justify-content: space-between;}
.searchbtn-cmn.box-header  a { padding: 10px 18px; font-size: 14px; }
.filter_field4_searchbtn li.report_summary_input{width: 100%;}
.user_list_card>ul>li{width: 100%;}
.timeline-box {
        width: 100%;
    }
} 
@media (max-width: 400px){ 
  .permission-list ul li{width: 100%;}
  .paging_simple_numbers .pagination .paginate_button a, .box-body ul.pagination li a {padding: 7px 12px;}
  .bottom-btn .ticket-upload{width: 100%;margin: 0 0 10px;}
  #ticketaddmodeld .Formbuttons{display: block;}
 .list-view-users ul li { padding: 5px 5px; min-height: 94px; }
 .left-modul{ width: 234px;}
.list-view-users ul li .item-user-list p{font-size: 14px;line-height: 20px;    padding-right: 0;}
.list-view-users ul li .item-user-list{padding-right: 81px;}
.enq-mailsnt, .list-view-users .date{font-size: 13px}
.list-view-users ul li .item-user-list h3{line-height: 21px;word-wrap: break-word;}
.status-label{    font-size: 11px;padding: 1px 2px;}
.user_list_card>ul>li .user_list_item .media{    flex-direction: row;}
}