.webhook_url,p.al_text_overflow{
    word-break:break-all
}
body.dark div#edit-customer-modal ul#iti-1__country-listbox,body.light div#edit-customer-modal .iti__country-list{
    left:5%!important;
    height:200px!important;
    top:42px!important;
    width:250px!important
}
.add-sub-task-btn,.dispaly-cards,.label-info,.login-form label,.pay-detail-box,td.dataTables_empty{
    text-align:center
}
@font-face{
    font-family:icomoon;
    src:url('../fonts/icomoon.eot?nwuri5');
    src:url('../fonts/icomoon.eot?nwuri5#iefix') format('embedded-opentype'),url('../fonts/icomoon.ttf?nwuri5') format('truetype'),url('../fonts/icomoon.woff?nwuri5') format('woff'),url('../fonts/icomoon.svg?nwuri5#icomoon') format('svg');
    font-weight:400;
    font-style:normal;
    font-display:block
}
.pay-popop-dispatcher .btn.dropdown-toggle{
    padding:7px 10px;
    border-radius:0
}
.price_geo-fence span.switchery.switchery-default{
    height:20px
}
body.light .card-body.custom-body-table .login-form ul li{
    margin-bottom:20px
}
.price_geo-fence span.switchery.switchery-default small{
    width:20px;
    height:20px
}
.dataTables_length{
    width:100%;
    max-width:200px!important
}
.geo-input_fence button.btn.btn-info{
    margin:0;
    padding:0 22px
}
.selectize-control.single .selectize-input:after{
    transform:translate(10px,0)
}
.selectize-control.single .selectize-input.dropdown-active:after{
    transform:rotate(356deg)
}
input.select2-search__field::placeholder{
    font-family:Rubik,sans-serif;
    font-weight:400;
    font-size:.875rem
}
th.sorting_asc{
    padding-left:8px!important
}
#spancheck,.assign-show,.card-body.custom_body_card .dt-buttons.btn-group.flex-wrap,.card.main-table-card div#pricing-datatable_wrapper div#pricing-datatable_filter label,.dropdown-divider,.login-form .blank-label,.login-form .custom-control-label::before,.login-form input,.notification-list .noti-title,.shows,.upload_box .dropify-wrapper .dropify-clear span{
    display:none
}
body .agent_tabel_block th.sorting_asc, .agent_tabel_block td.sorting_1 {
    width: 90px !important;
}
body th.sorting_asc, td.sorting_1 {
    padding-left: 8px !important;
    width: 30px !important;
    min-width: 30px !important;
}
body #pricing-datatable_wrapper th.sorting_asc, #pricing-datatable_wrapper td.sorting_1{
    width: 100px !important;
    min-width: 100px !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
    padding:0 10px 0 20px!important
}
span.select2-selection.select2-selection--multiple{
    padding:3px 2px
}
body.dark .inner-div.agent_approval_button,form#StoreWarehouse label.checkbox-inline{
    margin-right:10px
}
#warehouse_idInputEdit .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,form#submitAgent .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    left:-10px;
    position:relative;
    color:#fff!important
}
body.light div#edit-customer-modal .iti__country-list{
    overflow-x:hidden
}
body.light form#add_customer .iti__country-list{
    z-index:999;
    width:300px;
    overflow-x:hidden
}
body.dark .address_box label,body.light .address_box label{
    width:160px
}
button[type=submit]:hover{
    cursor:pointer;
    font-size:14px
}
body.light .row.location-section .form-group.col-12.mb-1 input.form-control.address{
    width:94%;
    margin:0 auto 10px
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove,body.dark .card.widget-inline p,body.dark .geo_bottom_btns button{
    color:#fff!important
}
/*-----dark mode css------*/
body.dark .assigned-block .pick_drop_item_list {
    background-color: #424e5a;
    box-shadow: none;
    border-radius:0;
}
body.dark .pick_drop_item_list .col-12 .second_list_pick {
    padding: 0;
    margin-top: 0;
}
body.dark .assigned-block h6{color:#fff;}
body.dark .vt-top {
    left: -8px;
}
body.dark .pick_drop_item_list i.fas.fa-bars {
    top: 30%;
}
body.dark #teams_container .online {
    color: #22cd2f;
}
body.dark .login-form ul li button{
    width:120px
}
body.dark .login-form a.btn.btn-info.btn-sm{
    width:120px;
    padding:.45rem .9rem
}
.showspan,body .navbar-custom .topnav-menu .nav-link,body.dark .navbar-custom .topnav-menu .nav-link{
    font-weight:400
}
body.dark .iti__country-list{
    z-index:999;
    min-width:300px;
    overflow-x:hidden;
    height:200px!important;
    width:250px!important
}
.dark .btn-blue:not(:disabled):not(.disabled).active,.dark .btn-blue:not(:disabled):not(.disabled):active,.dark .prod-search .select-bar select,.dark .show>.btn-blue.dropdown-toggle,body.dark .btn,body.dark .col-md-12.main_form button#pay-to-driver,body.dark .col-sm-4.text-right.btn-auto a.btn.btn-blue.waves-effect.waves-light.text-sm-right,body.dark .content.dashboard-boxes button.btn.btn-info.waves-effect.waves-light.text-sm-right,body.dark .geo_wrapper.geo_main button,body.dark .login-form a.btn.btn-info.btn-sm,body.dark .login-form button.btn.btn-info.bulkupload,body.dark .navbar-custom .btn.btn-blue.waves-effect,body.dark .navbar-custom .topnav-menu .nav-link,body.dark button.btn.btn-blue,body.dark button.btn.btn-info.waves-effect.waves-light.save_btn,body.dark button.btn.btn-info.waves-effect.waves-light.submitAddSubscriptionForm,body.dark button.btn.btn-info.waves-effect.waves-light.submitProduct,body.dark button.btn.btn-outline-info.d-block,body.dark div#add-customer-modal a.btn.btn-success.btn-rounded.waves-effect.waves-light.addField,body.dark div#edit_page_content button,body.dark div#pricing-datatable_wrapper button.btn.btn-secondary.btn-success.waves-effect.waves-light,body.dark form#logic_form button,body.dark form#taskFormHeader .edit-icon-float-right{
    color:#fff
}
body.dark button.btn.btn-blue.waves-effect.waves-light.openModal{
    color:#f2f2f2;
    width:auto;
    min-width:unset;
    max-width:unset
}
body.dark .custom-control-label::before{
    border:1px solid #dbe9f9
}
body.dark .custom-switch .custom-control-label::after{
    background-color:#dbe9f9
}
.dark #accordion .card-body .assigned-block h5,.dark #accordion .card-body .assigned-block h5 i,.dark #accordion .card-body .assigned-block h5 span,.dark #accordion .card-body .assigned-block h6,.dark #accordion .card-body .assigned-block h6 span,.dark .prod-search .search-bar input,body.dark #sidebar-menu .menu-title,body.dark #sidebar-menu>ul>li>a,body.dark .card button.btn.btn-secondary.btn-success.waves-effect.waves-light,body.dark .card-box,body.dark .content .col-md-8.mx-auto button,body.dark .content .col-md-8.mx-auto label,body.dark .header-title,body.dark .modal-footer button.btn.btn-blue.waves-effect.waves-light.submitEditForm,body.dark .site_link a span,body.dark .sub-header,body.dark .table,body.dark a.add-sub-task-btn.waves-effect.waves-light.subTask,body.dark a.btn.btn-success.btn-rounded.waves-effect.waves-light.editInput,body.dark a.btn.pink_btn,body.dark button.btn.btn-success.waves-effect.waves-light.saveaccounting,body.dark div#edit-customer-modal .form-control,body.dark div#edit-customer-modal h4,body.dark div#edit-customer-modal label,body.dark div#team_agents_1 .dropdown-item,body.dark h1,body.dark h2,body.dark h3,body.dark h4,body.dark h5,body.dark label,body.dark p.al_text_overflow{
    color:#dbe9f9
}
body.dark div#edit-customer-modal .form-control::placeholder{
    color:#a2b3c5
}
.table td,body.dark .table th{
    font-size:13px
}
table.table.table-striped.dt-responsive.nowrap.w-100 span.badge.badge-danger,table.table.table-striped.dt-responsive.nowrap.w-100 span.badge.badge-success{
    font-size:14px;
    padding:10px;
    width:72px
}
body.dark .select2-container--default .select2-selection--multiple{
    background:0 0!important
}
body.dark #agents-datatable_wrapper table tr td a,body.dark .main-card-header .text-center h3 i,body.dark button.showaccounting.btn.btn-primary-outline.action-icon.setcolor{
    color:#d4a34a!important
}
body.dark .address_box span.short_name{
    color:#d3a24a
}
body.dark .alTaskType{
    border:none;
    border-radius:7px
}
.alTaskType select,.alTaskType textarea,body.dark .alTaskType input{
    border:1px solid #6e7e8f!important
}
body.dark label.control-label.col-6{
    font-size:20px
}
body.dark .content .col-md-8.mx-auto .iti__country-list{
    left:5%!important;
    height:200px!important;
    top:38px!important;
    width:239px!important
}
body.dark .content .col-md-8.mx-auto option{
    font-size:12px!important;
    width:100%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
body.dark table#teams-datatable{
    background:#36404a;
    border-radius:10px
}
.btn-label:active,.btn-label:focus,.dt-buttons .btn.btn-secondary:active,.dt-buttons .btn.btn-secondary:focus,body.dark .btn-label,body.dark .dt-buttons .btn.btn-secondary{
    background:rgb(247 184 75 / 82%)!important
}
.dark #accordion .card-body .assigned-block h6 .vt-top,body.dark #vehicle_type_idInput .form-check-inline,body.dark #vehicle_type_idInputEdit .form-check-inline,body.dark .logo span.logo-lg img,body.dark .logo-box,body.dark div#vehicle_type_idInputEdit .radio img,div#vehicle_type_idInput .radio img{
    filter:invert(1)
}
body.dark div#add-agent-modal .iti__country-list{
    left:12%!important;
    height:200px!important;
    top:40px!important;
    width:300px!important
}
body.dark .switchery{
    height:22px;
    width:42px
}
body.dark .switchery>small{
    height:20px;
    top:1px;
    width:20px
}
body.dark div#add-pricing-modal .select2-container--default .select2-selection--multiple,body.dark div#edit-price-modal .select2-container--default .select2-selection--multiple,body.dark form#edit_price span.select2-selection.select2-selection--multiple{
    background-color:transparent!important
}
body.dark form#edit_price .select2-container--default .select2-selection--multiple .select2-selection__choice{
    background-color:#d4a34a!important;
    border:1px solid #d4a34a!important
}
body.dark.modal-open .dropdown.bootstrap-select button.btn.dropdown-toggle.btn-light{
    border-radius:2px;
    background:0 0;
    border-color:#cccccc1f
}
.design-dark-theme [class^=icon-],[class*=" icon-"]{
    font-family:icomoon!important;
    speak:never;
    font-style:normal;
    font-weight:400;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.icon-ic_currency:before{
    content:"\e900";
    color:#6658dd
}
.icon-ic_lang:before{
    content:"\e901";
    color:#6658dd;
    font-size:20px;
    vertical-align:middle;
    margin-right:5px
}
.add-sub-task-btn,.login-form label,.upload-img-btn{
    background-color:#f8ecec;
    color:#000
}
.modal-opensag .modal{
    overflow-x:hidden;
    overflow-y:auto
}
.navbar-custom{
    padding:0 10px
}
.table-responsive.mn-4{
    margin-top:-42px
}
.btn,.dt-buttons .btn.btn-secondary,.dt-buttons .btn.btn-secondary:active,.dt-buttons .btn.btn-secondary:focus{
    border-radius:50px
}
.table-responsive::-webkit-scrollbar{
    width:6px!important;
    height:6px
}
.agent-listing tbody td{
    padding:15px 0 10px 15px
}
.agent-listing tbody td:nth-child(2),.set-size,.sort-icon{
    position:relative
}
.agent-status{
    position:absolute;
    left:20px;
    top:10px;
    border:3px solid #fff;
    border-radius:50%;
    font-size:10px
}
.agents-datatable tbody td,.dataTables_scrollHead thead th{
    padding:10px 10px 10px 15px!important
}
.dataTables_wrapper .form-ul{
    display:flex;
    align-items:center;
    justify-content:space-between
}
.dataTables_wrapper .inner-div:last-child{
    margin-left:-5px
}
.dataTables_wrapper .form-ul {
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.dataTables_wrapper .inner-div{
    vertical-align:middle;
    float:none;
    width:auto;
    display:inline-block
}
.dataTables_wrapper .inner-div .action-icon{
    margin:0;
    padding:0
}
.table-responsive::-webkit-scrollbar-track{
    box-shadow:inset 0 0 6px rgba(0,0,0,.3)!important;
    border-radius:10px
}
.table-responsive::-webkit-scrollbar-thumb{
    border-radius:10px;
    box-shadow:inset 0 0 6px rgba(0,0,0,.1)!important
}
.login-form label{
    padding:8px 10px;
    display:inline-block;
    cursor:pointer;
    border-radius:4px;
    font-size:13px;
    letter-spacing:.5px;
    min-width:80px;
    border:1px solid transparent;
    margin-bottom:0
}
.main_form .login-form label{
    min-width:140px!important
}
.login-form input[type=radio]:checked+label{
    background-color:#6658dd;
    color:#fff;
    font-size:13px;
    letter-spacing:.5px
}
.login-form input[type=radio]:checkedlabel{
    border-color:#6658dd;
    font-size:13px;
    letter-spacing:.5px
}
.dataTables_filter label{
    float:right!important
}
.pos-rel-tb{
    position:relative;
    top:6px
}
.add-sub-task-btn{
    height:38px;
    line-height:38px;
    font-weight:600;
    width:100%;
    display:block;
    cursor:pointer;
    border-radius:4px;
    font-size:13px;
    letter-spacing:.5px;
    transition:.3s ease-in-out;
    border:1px solid transparent
}
.add-sub-task-btn:focus,.add-sub-task-btn:hover,.add-sub-task-btn:visited{
    color:#000;
    background-color:#f8ecec;
    border-color:#6658dd
}
.upload-img-btn{
    font-size:13px;
    letter-spacing:.5px;
    border:none
}
.taskselect{
    font-weight:700
}
.dropify-wrapper{
    height:130px!important
}
.card,.card-box{
    -webkit-box-shadow:0 16px 32px 0 rgba(0,0,0,.05)!important;
    box-shadow:0 16px 32px 0 rgba(0,0,0,.05)!important;
    border-radius:16px!important
}
.modal-body .card-box{
    -webkit-box-shadow:none!important;
    box-shadow:none!important
}
.card.widget-inline .card-body{
    -webkit-box-shadow:0 16px 32px 0 rgb(0 0 0 / 5%)!important;
    box-shadow:0 16px 32px 0 rgb(0 0 0 / 5%)!important
}
#newspan,.cursors,.dataTables_scrollHead thead th,.input-group-text,.radio label,.site_link label{
    cursor:pointer
}
.no-border-radius{
    border-radius:0!important
}
#submitpayreceive .card-box{
    padding:12px;
    border:1px solid #dddddd4a;
    border-radius:4px
}
#submitpayreceive .card-box label,.table-responsive .form-group{
    margin-bottom:0
}
.oldhide.text-center .showsimage{
    margin:auto
}
.intl-tel-input{
    display:table-cell
}
.address_box span,.al_new_address_box_content .status,.label-info,.wd-10,.wd-90{
    display:inline-block
}
.inner-div{
    width:50%;
    float:left
}
.intl-tel-input .selected-flag{
    z-index:4
}
.intl-tel-input .country-list{
    z-index:5
}
.input-group .intl-tel-input .form-control{
    border-radius:4px 0 0 4px
}
.modal.fadeIn{
    opacity:.4
}
.pac-container,.pac-container .pac-item{
    z-index:99999!important
}
#radio1,#radio2,#radio3,#radio4{
    -ms-transform:scale(1.2);
    -webkit-transform:scale(1.2);
    transform:scale(1.2)
}
.showtasks{
    border:none;
    outline:0
}
.assigned-block h6{
    color:#272727;
    font-size:13px;
    letter-spacing:0;
    line-height:15px;
    margin-bottom:0;
    margin-top:4px
}
.assigned-block span{
    color:#797979;
    font-size:13px;
    letter-spacing:0
}
.assigned-block h5{
    color:#272727;
    font-size:13px;
    font-weight:500;
    letter-spacing:0
}
.assigned-block a,.assigned-btn{
    font-size:11px;
    font-weight:500;
    letter-spacing:0
}
.assigned-block a{
    color:#797979;
    border-bottom:1px dashed #979797
}
.assigned-btn{
    border-radius:10px;
    background-color:rgb(44 129 255 / .21);
    color:#5664ea;
    padding:4px 10px;
    line-height:13px;
    border:none
}
.wd-10{
    width:6%;
    vertical-align:top;
    padding-top:4px
}
.wd-90{
    width:89%
}
.dispaly-cards{
    padding:5px!important
}
.setcolor{
    color:#7ea3e9!important
}
#adds{
    margin-bottom:14px
}
.rec{
    margin-bottom:7px
}
.needsclick{
    margin-left:27%
}
.padd{
    padding-left:9%!important
}
.newchnage{
    margin-left:27%!important
}
.address{
    margin-bottom:6px
}
#typeInputss{
    overflow-y:auto;
    height:168px
}
.upload{
    margin-bottom:20px;
    margin-top:10px
}
 #teams_container .offline{
    color:red
}

.check{
    margin-left:116px!important
}
.newcheck{
    margin-left:-54px
}
.upside{
    margin-top:-10px
}
.newgap{
    margin-top:11px!important
}
#UpdateClient h1,.imagepri{
    margin-top:5px
}
.append{
    margin-bottom:15px
}
.spanbold{
    font-weight:bolder
}
.copyin{
    background-color:#f7f8fa
}
.copyin1{
    background-color:#f4f3fd
}
hr.new3{
    border-top:1px dashed #fff
}
.imagepri{
    min-width:50px;
    height:50px;
    width:50px;
    border-style:groove;
    margin-left:5px
}
.image-wrap-sign,.note-wrap{
    height:80px
}
.showsimage{
    margin-top:9px;
    margin-left:140px
}
.showshadding{
    margin-left:98px
}
.newchnageimage{
    margin-left:0
}
.showsimagegall{
    margin-left:0;
    margin-top:21px
}
.allset{
    margin-left:9px!important;
    padding-top:10px
}
.containers{
    margin:20px
}
.label-info{
    background-color:#5bc0de;
    padding:.2em .6em .3em;
    font-size:75%;
    font-weight:700;
    line-height:1;
    color:#fff;
    white-space:nowrap;
    vertical-align:baseline;
    border-radius:.25em
}
#ui-id-1,#ui-id-1 li,#ui-id-2,#ui-id-2 li{
    z-index:9999
}
.setmodal{
    margin-left:158px
}
.dispaly-cards{
    background-color:rgb(251 247 247)!important
}
.status-wrap-block{
    border:1px solid #ddd;
    border-radius:4px;
    padding:8px;
    margin-bottom:20px
}
.image-wrap-sign img{
    height:100%;
    width:100%;
    object-fit:cover
}
.note-wrap{
    max-height:80px;
    overflow-y:scroll
}
.pay-detail-box{
    border:1px solid #ddd;
    border-radius:4px;
    margin-bottom:15px;
    padding:4px
}
.cornar,.row-spacing{
    margin:0 -8px
}
.pay-detail-box label{
    margin-bottom:0;
    font-size:12px;
    letter-spacing:-.3px
}
.table_spacing table{
    border-collapse:separate;
    border-spacing:0 5px
}
.new_head{
    color:#dee2e6
}
.cstmbtn{
    position:absolute;
    top:-8px;
    right:-23px;
    padding:5px 8px
}
#addCardBox .btn.btn-info.clear-btn{
    border-radius:50px;
    padding:2px 10px;
    font-size:15px
}
.datenow .form-control{
    width:calc(100% - 50px)
}
.datenow .cstmbtn.check_btn.btn{
    right:15px;
    line-height:25.39px;
    top:-10px
}
.red_{
    background-color:hsl(357deg 100% 50% / 100%)!important;
    color:#fff
}
.yellow_{
    background-color:rgb(204 136 153 / 100%)!important;
    color:#fff
}
.green_{
    background-color:rgb(64 179 35 / 100%)!important;
    color:#fff
}
.assign_{
    background-color:rgba(233,130,27,.5)!important;
    color:#fff
}
.al_new_address_box.d-flex.align-items-start.mb-3{
    position:relative;
    z-index:1
}
.light_green{
    background-color:rgb(235 183 133 / 65%)!important;
    color:#fff
}
.domain_name,.left-sidebar #accordion .card-header:focus,.left-sidebar #accordion .card-header:hover,.left-sidebar #accordion .card-header:visited,body{
    background:#fff
}
#accordion{
    padding-bottom:50px
}
.left-sidebar{
    height:100vh;
    overflow:auto;
    padding:16px 12px!important
}
#accordion .left-sidebar .card-body{
    padding:0;
    border-bottom:1px dashed #000
}
#accordion .card-body .assigned-block h5{
    color:#272727;
    font-size:13px;
    letter-spacing:0;
    margin:0;
    width:90px;
    display:flex;
    align-content:center;
    justify-content:center;
    padding:10px 0;
    position:relative
}
#accordion .card-body .assigned-block h5 span{
    color:#272727;
    font-size:13px
}
#accordion .card-body .assigned-block h5::after{
    content:"";
    border-right:1px solid #ccc;
    width:1px;
    height:calc(100% 24px);
    position:absolute;
    top:-11px;
    right:-10px
}
#accordion .card-body .assigned-block h6{
    color:#272727;
    font-size:13px;
    letter-spacing:0;
    line-height:15px;
    margin-bottom:0;
    margin-top:0;
    float:left;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    width:77%;
    padding-left:20px;
    position:relative;
    margin-left:0!important
}
.vt-top{
    position:absolute;
    left:0
}
.left-sidebar .card-body{
    cursor:grab
}
.left-sidebar .card-body:last-child{
    border:0
}
.side_head .mdi.mdi-sync {
    color: #6658dd;
    cursor: pointer;
    min-width: 20px;
    width: 20px;
    font-size: 15px;
    margin-bottom: 6px;
}
.light .navbar-custom .topnav-menu .nav-link i {
    width: 15px;
    height: 15px;
    display: inline-block;
}
.waves-effect span i{min-width:15px;width:15px;}
.left-sidebar .side_head span:hover,.side_head .mdi.mdi-sync:hover{
    color:#e9821b
}
.left-sidebar .side_head span{
    color:#6658dd;
    font-weight:700;
    cursor:pointer
}
.address_box span{
    padding:4px 5px;
    border-radius:5px;
    color:#fff;
    font-size:11px;
    transition:.5s;
    font-weight:700;
    margin:0 0 10px;
    min-height:22px;
    height:auto
}
.address_box span.short_name{
    color:#6658dd;
    text-transform:capitalize;
    margin:0 5px;
    max-width:60px;
    width:100%
}
.address_box label{
    width:100%;
    margin-bottom:0;
    font-size:12px
}
.dark .prod-search .search-bar input::placeholder{
    color:#dbe9f9!important
}
.dark .prod-search button svg path{
    fill:#fff
}
.dark .prod-search .prod-list li,.dark .prod-search .prod-list li label{
    color:#303841
}
.al_new_address_box_content .status{
    background-color:#4ac9ef;
    border-radius:5px;
    color:#fff;
    padding:2px 5px!important;
    font-size:12px;
    line-height:normal
}
.al_new_address_box_outer.position-relative:after{
    position:absolute;
    content:"";
    border-left:1px dashed #777;
    height:calc(100% - 74px);
    width:1px;
    z-index:0;
    left:25px;
    top:0
}
.address_box,.form-group.delete_btn{
    display:flex;
    align-content:center
}
#add-assgin-date-model .modal-dialog.modal-lg{
    width:400px
}
#add-assgin-date-model .modal-body{
    padding:0 10px!important
}
#add-assgin-date-model .modal-footer{
    padding:0 10px 15px
}
#add-assgin-date-model #datetime-datepicker{
    margin:0;
    width:calc(100% - 51px)
}
#add-assgin-date-model .cstmbtn.check_btn{
    padding:7px 10px;
    right:0;
    top:0
}
.row-spacing>div{
    padding:0 8px!important
}
.modal-footer .btn.btn-blue{
    width:100%;
    max-width:100%!important
}
#make_modelInput,#make_modelInput .form-control,.warehouses{
    height:100%
}
.btn.btn-blue.btn-block,.btn.btn-blue.waves-effect{
    min-width:200px;
    max-width:200px
}
.geo_bottom_btns .btn.btn-blue.btn-block,.geo_bottom_btns .btn.btn-blue.waves-effect,.navbar-custom .btn.btn-blue.waves-effect{
    min-width:auto;
    max-width:none
}
table.table tbody td:nth-child(2) img{
    width:50px;
    height:50px;
    border-radius:50px;
    object-fit:cover;
    object-position:top
}
.light .navbar-custom .topnav-menu .nav-link{
    color:#696969
}
.assigned-block .pick_drop_item_list button.assigned-btn.green_,.card-body.custom-body-table div#agents-datatable_wrapper select#agent_name_id,.light .navbar-custom .button-menu-mobile{
    color:#000
}
body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu>ul>li:hover>a{
    color:#fff;
    background-color:#6658dd
}
.dshboard .content-page{
    margin-left:240px;
    overflow:hidden;
    /* padding:60px 0 0 0px!important; */
    height:100vh!important;
    margin-top:0!important;
    /* min-height:auto!important */
}
.btn.focus,.btn:focus{
    outline:0;
    box-shadow:none
}
.upload_box .dropify-wrapper .dropify-clear{
    top:0;
    right:0;
    padding:0;
    border:0
}
.upload_box .dropify-wrapper .dropify-clear::after{
    content:"\F00D";
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    font-size:16px;
    color:#fff;
    position:absolute;
    right:10px;
    z-index:1111;
    top:5px
}
.left-sidebar .navigation_btn.optimize_btn{
    right:90px
}
.left-sidebar #accordion .card-header{
    transition:.5s;
    margin-left:0!important
}
#scrollbar::-webkit-scrollbar-track{
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
    background-color:#f5f5f5
}
#scrollbar::-webkit-scrollbar{
    width:6px;
    background-color:#f5f5f5
}
#scrollbar::-webkit-scrollbar-thumb{
    background-color:rgb(0 0 0 / 10%)
}
#add-customer-modal .modal-dialog.modal-lg,#edit-customer-modal .modal-dialog.modal-lg{
    max-width:1040px
}
#optimize-route-modal .modal-dialog.modal-lg{
    max-width:400px
}
.logo-box{
    width:240px;
    float:left;
    transition:.1s ease-out;
    height:60px;
    display:flex;
    justify-content:center;
    align-items:center
}
body.dark{
    background:#303841
}
body.dark .navbar-custom{
    background:#3c4752
}
.dark .btn-blue:not(:disabled):not(.disabled).active,.dark .btn-blue:not(:disabled):not(.disabled):active,.dark .show>.btn-blue.dropdown-toggle,body.dark .btn{
    border-radius:50px;
    color:#36404a;
    background-color:rgb(247 184 75 / 82%);
    border-color:rgb(247 184 75 / 82%)
}
.dark .btn-blue:not(:disabled):not(.disabled).active,.dark .btn-blue:not(:disabled):not(.disabled):active,.dark .show>.btn-blue.dropdown-toggle{
    box-shadow:none
}
#map-canvas{
    height:calc(100vh - 204px)
}
.geo_main #map-canvas{
    height:calc(100vh - 212px)!important
}
.cornar{
    border:0;
    height:auto
}
.cornar>div{
    padding:0 8px
}
.custom-checkbox .col-2{
    width:50px;
    max-width:max-content;
    flex:initial;
    padding:0 0 0 10px
}
.custom-checkbox .col-10{
    flex:auto;
    max-width:none;
    width:164px;
    padding-right:0
}
body.dark[data-sidebar-size=condensed] .left-side-menu #sidebar-menu>ul>li:hover>a{
    color:#36404a;
    background-color:rgb(247 184 75 / 82%);
    box-shadow:inset 1px 1px 5px 0 #323a42
}
body.dark .custom-control-input:checked~.custom-control-label::before{
    color:#fff;
    border-color:rgb(247 184 75 / 82%);
    background-color:rgb(247 184 75 / 82%)
}
body.dark .radio label::after,body.dark .radio-info input[type=radio]:checked label::after{
    background-color:rgb(247 184 75 / 82%)
}
body.dark .radio input[type=radio]:checked label::before,body.dark .radio-info input[type=radio]:checked label::before{
    border-color:rgb(247 184 75 / 82%)
}
body.dark #sidebar-menu .menuitem-active .active,body.dark #sidebar-menu>ul>li>a:active,body.dark #sidebar-menu>ul>li>a:focus,body.dark #sidebar-menu>ul>li>a:hover,body.dark .action-icon .mdi-square-edit-outline{
    color:rgb(247 184 75 / 82%)
}
body .tagsinput .tag{
    background:#ccc;
    color:rgba(0,0,0,.795);
    padding:5px 30px 0 12px;
    border-radius:50px;
    font-size:12px
}
.table td,.table th{
    padding:10px 20px
}
.map-outer{
    min-height:calc(100vh - 284px)
}
/* .content-page{
    min-height:calc(100vh - 129px);
    overflow-y:scroll
} */
.geo_middle{
    max-height:500px;
    overflow-y:auto;
    overflow-x:hidden;
    margin:0 0 20px
}
body[dir=rtl] .card_outer{
    height:auto!important
}
div#scrollbar .side_head>.d-flex{
    width:100%;
    justify-content:space-between!important
}
 #teams_container .online{
    color:green
}
.content-page .content .card-body button.btn.btn-blue{
    height:calc(1.5em + .9rem + 2px)
}
.content-page .content .card-body button.btn.btn-blue:hover{
    color:#fff;
    background-color:#6658dd;
    border-color:#6658dd
}
.dark #AddAttributeBox td,.left-sidebar #teams_container .card .card-header img.profile-circle{
    padding:0
}
.left-sidebar #teams_container .card .card-header .header-title{
    margin-bottom:5px!important
}
.left-sidebar #teams_container .card .card-header p span.badge-blue{
    margin:0 0 3px
}
#agent_route_container h6.d-inline span.d-block{
    padding:5px 0
}
#agent_route_container h6.d-inline>p{
    margin-bottom:10px
}
.main_outter_box .content .row .table-responsive .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody tr td:first-child{
    padding:10px 20px 10px 15px
}
.dataTable,.dataTables_scrollFoot,.dataTables_scrollFootInner,.dataTables_scrollHeadInner,form#UpdateClient div#favicon_container,table.dataTable{
    width:100%!important
}
#UpdateClient .dropify-wrapper.touch-fallback{
    height:auto!important;
    min-height:189px;
    display:flex;
    align-items:center
}
.pick_drop_item_list{
    position:relative;
    padding:10px 15px 10px 25px
}
.pick_drop_item_list .col-12 h5.w-100.d-flex.align-items-center.justify-content-between{
    padding:10px 0 3px 25px!important
}
#accordion .card-body .assigned-block h5,#accordion .card-body .assigned-block h5 span{
    font-weight:900!important
}
.pick_drop_item_list i.fas.fa-bars{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    left:-10px
}
.pick_drop_item_list .col-12 .second_list_pick{
    padding:0 0 3px 25px!important;
    margin-top:5px!important
}
.pick_drop_item_list>.col-12{
    padding:0!important
}
.pick_drop_item_list .col-12 h5.w-100.d-flex.align-items-center.justify-content-between>p{
    margin:0
}
@media(max-width:1670px){
    div#agent_route_container .card-body.ui-sortable-handle .assigned-block .col-12.d-flex{
        flex-wrap:wrap
    }
}
@media(max-width:1600px){
    div#scrollbar .side_head>.d-flex .form-check-inline{
        margin:0 auto!important
    }
    #accordion .card-body .assigned-block h6{
        margin-left:0;
        width:100%
    }
    .left-side-menu{
        width:210px
    }
    .dshboard .content-page{
        margin-left:210px;
        padding-left:0!important
    }
    .left-sidebar #teams_container .card .card-header{
        grid-gap:0;
        padding:10px
    }
    .pick_drop_item_list .col-12 .second_list_pick,.pick_drop_item_list .col-12 h5.w-100.d-flex.align-items-center.justify-content-between{
        padding-left:10px!important
    }
    .pick_drop_item_list i.fas.fa-bars{
        left:-15px
    }
    .row.coolcheck.no-gutters .radio label:last-child{
        margin:0
    }
    .assigned-block .pick_drop_item_list button.assigned-btn{
        min-width:inherit!important
    }
}
@media(max-width:1366px){
    .Categories-list ul,.warehouses .prod-details ul,.warehouses .prod-list ul{
        max-height:100px!important
    }
    div#agent_route_container .assigned-btn{
        width:auto!important;
        max-width:inherit!important
    }
    .iphad-space,body.light ul#top-tab{
        margin-top:60px
    }
    body.light .card-body.custom-body-table div#agents-datatable_filter label{
        top:6%!important
    }
    body.light .custom-body-table .dataTables_scroll{
        margin-top:0!important
    }
    body.light .dropify-wrapper .dropify-message{
        top:50%
    }
    div#agent-listing_wrapper .dataTables_scroll{
        margin-top:30px
    }
    .alNavTopMinus li a{
        font-size:12px
    }
    .logo-box{
        width:190px;
        display:flex;
        justify-content:flex-start;
        align-items:center
    }
    .agent_tabel_block .dt-buttons.btn-group.flex-wrap{
        position:absolute;
        right:10px;
        top:20px
    }
    div#agent-listing_filter{
        position:absolute;
        right:10px;
        top:70px
    }
    .agent_tabel_block .page-title-box{
        padding-top:60px
    }
    .driver-accounting{
        margin-top:20px
    }
    .light .btn-info,.login-form input[type=radio]:checked+label,.main_form .login-form label,body.light .card-body.custom-body-table .login-form ul li a,body.light .outter_bx p{
        font-size:13px!important
    }
    body.light .outter_bx{
        padding:0 8px!important
    }
    .select2-container--default .select2-selection--multiple .select2-selection__clear{
        margin:0!important
    }
    .row.coolcheck.no-gutters .radio label{
        margin-right:10px!important;
        font-size:12px
    }
    .left-sidebar #teams_container .card .card-header{
        grid-template-columns:1fr
    }
    #map-canvas{
        height:calc(100vh - 284px)
    }
    body[dir=rtl] .geo_middle{
        height:calc(100vh - 650px);
        margin-bottom:10px
    }
    body[dir=rtl] .card_outer{
        height:auto!important
    }
    div#scrollbar .side_head>.d-flex .form-check-inline{
        margin:0 0 5px!important
    }
    div#scrollbar .side_head>.d-flex .mdi.mdi-sync{
        margin-left:-10px
    }
    div#scrollbar .side_head>.row.search_bar .col-md-6{
        padding:0 5px
    }
    .content-page{
        margin-left:200px;
        margin-top:0!important
    }
    .warehouses .prod-list ul{
        height:100px!important
    }
}
@media(min-width:1200px){
    .geo_middle{
        overflow-y:auto;
        overflow-x:hidden;
        margin:0 0 20px
    }
}
#scroll-bar::-webkit-scrollbar-track{
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
    background-color:#f5f5f5
}
#scroll-bar::-webkit-scrollbar{
    width:6px;
    background-color:#f5f5f5
}
#scroll-bar::-webkit-scrollbar-thumb{
    background-color:rgb(247 184 75 / 82%)
}
body.dark .btn.btn-primary-outline.action-icon{
    background:0 0;
    border:0;
    color:rgb(247 184 75 / 82%)!important
}
#addCardBox .btn,.cstmbtn.check_btn.btn.btn-info,.input-group .btn{
    border-radius:0
}
body.dark .tagsinput{
    background-color:transparent;
    border-color:rgb(247 184 75 / 82%)
}
body.dark table#teams-datatable tr td a{
    color:#dbe9f9!important;
    font-size:13px
}
.dark #AddAttributeBox h5,body.dark .card-body.custom-body-table div#agents-datatable_wrapper select#agent_name_id,body.dark .tagsinput div input,body.dark div#add-agent-modal label,body.dark div#add-pricing-modal label,body.dark div#add-subscription-plan label,body.dark div#add-team-modal label,body.dark div#edit-agent-modal label,body.dark div#edit-price-modal label,body.dark div#pay-receive-modal label,body.dark form#StoreSubadmin label,body.dark form#save_product_form label,body.dark form#submitCategory label,body.dark form#user_subscription_form label{
    color:#dbe9f9!important
}
.dark .login-form label{
    background-color:#00000036;
    color:rgb(247 184 75 / 82%)
}
.dataTables_filter label .form-control{
    position:relative;
    z-index:999
}
body.dark .col-md-12.main_form span.total_commission,tbody#subscriptions_list tr td a{
    color:#d5a44c
}
body.dark .datetime_div i{
    color:#d3a34a
}
.dark ul.dtr-details{
    display:flex;
    align-items:center
}
.dark ul.dtr-details li{
    width:25%
}
.dark .login-form input[type=radio]:checked+label{
    border-color:#d5a34c
}
.dark .gm-style .gm-style-iw-c{
    background-color:#333c44
}
.gm-style .gm-style-iw-c{
    padding:12px!important
}
.gm-style .gm-style-iw-d{
    overflow:hidden!important
}
.dark .gm-style .gm-style-iw-t::after{
    background:linear-gradient(45deg,rgb(48 56 64) 50%,rgb(51 60 68) 51%,rgb(48 56 64) 100%);
    box-shadow:-2px 2px 2px 0 rgb(178 178 178 / 40%)
}
.dark .user_info i,.dark .user_name label{
    color:#d5a34c
}
.gm-ui-hover-effect{
    top:0!important;
    right:0!important
}
.light .btn-info{
    color:#fff;
    background-color:#6658dd;
    border-color:#6658dd;
    padding:8px 20px;
    margin:2px 0
}
#phone_numberInput .iti{
    width:100%
}
.btn-auto .btn.btn-blue.waves-effect{
    max-width:none;
    min-width:auto
}
body.dark .btn[data-toggle=dropdown]{
    color:#36404a
}
body.dark .input-group-text{
    color:#d3a14a
}
.dark .add-sub-task-btn:hover{
    border-color:rgb(247 184 75 / 82%);
    background-color:rgb(247 184 75 / 60%)
}
.dark .assigned-block h5,.dark .selectize-dropdown,.dark .selectize-input,.dark .selectize-input input{
    color:#94a0ad
}
.dark .selectize-control.single .selectize-input:after{
    border-color:#94a0ad transparent transparent;
    transform:rotate(360deg)
}
.rejection-box{
    max-height:449px;
    overflow:auto
}
.style-4::-webkit-scrollbar-track{
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
    background-color:#f5f5f5
}
.style-4::-webkit-scrollbar{
    width:5px;
    height:5px;
    background-color:#f5f5f5
}
.style-4::-webkit-scrollbar-thumb{
    background-color:#000;
    border:2px solid #555
}
.domain_name{
    color:#1f2431;
    font-size:15px;
    font-weight:700;
    letter-spacing:0;
    height:37.39px;
    line-height:37px;
    padding:0 10px;
    width:max-content;
    border:0
}
.domain-outer #sub_domain{
    border:0;
    border-left:1px solid #ced4da;
    border-right:1px solid #ced4da;
    border-radius:0
}
.domain-outer #custom_domain{
    border:0;
    border-radius:0;
    border-left:1px solid #ced4da
}
.domain-outer{
    border:1px solid #ced4da
}
.td-middle-align tr td{
    vertical-align:middle
}
.site_link{
    border:.5px solid;
    padding:5px 10px;
    border-radius:8px;
    display:flex;
    align-items:center;
    justify-content:space-between
}
.site_link a{
    display:block;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    padding-right:20px
}
.site_link a span{
    font-size:16px;
    color:#000
}
.site_link .fa.fa-clone{
    font-weight:400;
    margin:4px 0 0 10px;
    color:#2391fb
}
span.copied_txt{
    position:absolute;
    bottom:-30px;
    right:0;
    background:rgb(85 164 255 / 50%);
    color:#ffff;
    padding:0 10px;
    border-radius:50px;
    line-height:24px;
    font-size:14px
}
.navbar-custom .topnav-menu .nav-link{
    color:#000;
    font-weight:700;
    text-transform:capitalize
}
.dropdown-toggle::after{
    content:none!important
}
.notification-list .profile-dropdown .notify-item{
    padding:0 20px
}
.short_name{
    color:#6658dd;
    text-transform:capitalize;
    font-size:12px;
    font-weight:700
}
.pic-left{
    flex:0 0 50px;
    max-width:50px
}
.sort-icon .fa-sort{
    position:absolute;
    top:8px;
    right:0;
    bottom:13px;
    transform:translate(-50%,-50%)
}
.dark .card-box h5,.dark .table h5{
    color:#dadfe3!important
}
.dark .selectize-input.items input:after{
    transform:rotate(-180deg)!important
}
@media(min-width:1921px){
    .assigned-block .assigned-btn{
        display:block;
        float:none!important;
        margin-left:auto
    }
}
@media(min-width:1800px){
    .cornar .agent_boxes{
        flex:0 0 50%;
        max-width:50%
    }
}
@media(min-width:1600px){
    #map-canvas{
        height:calc(100vh - 284px)!important
    }
    .add_new_geo #map-canvas{
        height:calc(100vh - 310px)!important
    }
    .pic-left{
        flex:0 0 48px;
        max-width:48px
    }
}
@media (max-width:767px){
    #UpdateClient .btn.btn-blue.waves-effect.waves-light,#add_customer .btn.btn-blue.waves-effect.waves-light.submitCustomerForm,#adds a,#agents-datatable_wrapper label,#pricing-datatable_filter label,#pricing-datatable_length label,#show-map-modal .btn.btn-blue.waves-effect.waves-light.selectMapLocation,#submitAgent .btn.btn-blue.waves-effect.waves-light,#submitTeam .addTeamForm,#submitpayreceive .btn.btn-blue.waves-effect.waves-light,#taskFormHeader .submitTaskHeader,.btn.btn-blue.btn-block,.modal-footer .btn.btn-blue{
        width:100%
    }
    #UpdateClient .dropify-wrapper.touch-fallback{
        min-height:120px!important
    }
    .auto-location-dispat h4.page-title{
        margin-left:0
    }
    .left-sidebar #teams_container .card .card-header{
        grid-template-columns:1fr 0.5fr
    }
    .left-sidebar #teams_container .card .card-header .col-md-12>span{
        width:100%;
        display:block;
        text-align:right
    }
    div#scrollbar .side_head>.d-flex{
        flex-wrap:unset
    }
    div#scrollbar .side_head>.d-flex .form-check-inline{
        margin:0!important
    }
    #add-customer-modal .modal-header,#submitTeam .modal-body.p-4,#task-modal-header .modal-header,#taskFormHeader .modal-body{
        padding-bottom:0!important
    }
    .repeated-block #task_type{
        width:85%
    }
    .repeated-block .span1.onedelete{
        position:absolute;
        right:18px;
        top:-50px
    }
    #typeInputss{
        height:92px!important
    }
    .showsimage{
        margin-left:0!important
    }
    #task-modal-header .modal-header button{
        position:absolute;
        right:22px;
        z-index:55
    }
    #addCardBox,#taskFormHeader .modal-footer{
        padding-top:0!important
    }
    .dataTables_paginate ul{
        margin-bottom:25px!important
    }
    .small-mt-0{
        margin-top:0!important
    }
    #add_customer .modal-body.p-4,#add_customer .pl-4.pr-4.pt-4,.card-body .table-responsive{
        padding:0!important
    }
    .rounded.book strong{
        display:block;
        margin-bottom:15px
    }
    #addCardBox .datenow input,#geo_form button{
        margin-bottom:8px
    }
    #addCardBox .card-box,#submitpayreceive .card-box{
        padding:8px
    }
    #adds{
        margin-bottom:15px!important
    }
    #add_customer .card-box{
        padding-top:0!important;
        box-shadow:none!important
    }
    #adds a{
        border-radius:4px
    }
    #colorInput label{
        float:left
    }
    li.paginate_button.next,li.paginate_button.previous{
        display:inline-block;
        font-size:1rem!important
    }
    #task_form #googleMap,#task_form_header #googleMapHeader{
        min-width:100%!important
    }
    #submitAgent .form-check-inline{
        margin-bottom:12px
    }
    .modal-body.p-4{
        padding:15px!important
    }
    .card-body,.card-box{
        padding:1.5rem 1rem
    }
    .map-wrapper{
        margin-top:25px
    }
    .bottom-content{
        width:95%;
        background:0 0!important;
        box-shadow:none!important
    }
    .bottom-content .datetime{
        background:#fff;
        padding:9px;
        border-radius:4px;
        width:49%;
        margin-bottom:5px
    }
    .bottom-content .dropdown.d-inline-block{
        padding:8px;
        border-radius:4px;
        width:49%;
        background:#fff;
        margin-bottom:5px
    }
    .map-wrapper .contant .bottom-content{
        bottom:0
    }
    .login-form label{
        font-size:10px!important
    }
    .login-form{
        text-align:left
    }
    .map-wrapper .contant{
        left:0;
        width:80%;
        height:100px;
        padding:0;
        display:inline-block;
        bottom:10px
    }
    .newchnageimage,.showsimagegall{
        margin-left:0!important;
        margin-top:0!important
    }
    #colorInput{
        text-align:center
    }
}
@media (max-width:320px){
    .select_all{
        top:0;
        margin:4px 0 20px
    }
    .geo-input_fence button.btn.btn-info{
        padding:0 5px
    }
    .radio.radio-primary.form-check-inline{
        width:100%;
        margin:10px;
        text-align:center;
        display:unset
    }
    .radio label::before{
        top:0!important
    }
    .radio label::after{
        top:4px!important;
        left:6px!important
    }
    body{
        padding-bottom:0!important
    }
    .card.widget-inline .card-body p{
        font-size:14px!important;
        line-height:18px
    }
    .navbar-custom .mobile_view_btn{
        display:none
    }
    .navbar-custom .btn.btn-blue{
        padding:2px 8px;
        border-radius:4px
    }
    .navbar-custom .btn.btn-blue i{
        margin-right:0!important
    }
}
@media (max-width:991.98px){
    body{
        padding-bottom:0!important
    }
    .left-side-menu{
        display:none;
        z-index:1000!important
    }
    .card_outer{
        height:auto!important
    }
    .geo_middle{
        height:300px!important
    }
    body[dir=rtl] .geo_middle{
        height:120px;
        margin-bottom:10px
    }
}
.altoggle,.commonModalLabel{
    display:flex
}
.lite-box-brdr{
    border:1px solid #ececec
}
.custom-mods-rwd .select2-container .select2-selection--multiple{
    height:auto;
    min-height:auto;
    line-height:0
}
@media (max-width:576px){
    body.light .card-body.custom-body-table div#agents-datatable_filter label,body.light .custom-body-table .dt-buttons.btn-group.flex-wrap{
        visibility:hidden
    }
    .mobile-attribute-rwd{
        flex:100%!important;
        max-width:100%
    }
    span.logo-sm img{
        width:100%;
        height:auto
    }
    .configure_responsive .col-md-4{
        width:100%!important;
        max-width:100%!important;
        flex:100%!important
    }
    .custom-mods-rwd .form-group{
        display:unset!important
    }
    .iphad-space .page-title-box .page-title,.notification-dispa-mobile .page-title,div#scrollbar .side_head>.d-flex .mdi.mdi-sync{
        margin-left:0
    }
    .notification-dispa-mobile .row.no-wrap{
        flex-wrap:wrap!important
    }
    .notification-dispa-mobile .row.no-wrap .offset-3.col-3.text-center{
        margin-left:0!important
    }
    .custom-mods-rwd .form-group label{
        width:100%!important;
        padding:8px 0
    }
    /* .content-page{
        overflow-y:unset
    } */
    .maps-configure-mobile h4.page-title{
        margin-left:0;
        font-size:16px
    }
    .navbar-custom .mobile_view_btn,.navbar-custom .topbar-dropdown{
        display:none
    }
    .navbar-custom ul li:nth-child(4) a{
        padding-right:0!important
    }
    .navbar-custom .btn.btn-blue{
        padding:2px 8px;
        border-radius:4px
    }
    .navbar-custom .btn.btn-blue i{
        margin-right:0!important
    }
    .radio.radio-primary.form-check-inline{
        width:100%;
        margin:10px;
        text-align:center;
        display:unset
    }
    .row.coolcheck.no-gutters .radio label{
        font-size:10px;
        margin-right:6px!important;
        padding:4px 0 0!important
    }
    .navbar-custom .button-menu-mobile{
        margin-left:10px
    }
    .geo-input_fence{
        padding:30px 0!important
    }
    .location_page-mobile .login-form ul li{
        width:100%
    }
}
@media (min-width:768px) and (max-width:1023px){
    body{
        padding-bottom:100px!important
    }
    .map-wrapper .contant{
        width:90%;
        height:100px;
        padding:10px
    }
    .table_cc .flex-wrap{
        z-index:1;
        right:28% !important;
        left:auto!important;
        top:6%!important
    }
    body.light .custom-body-table .dt-buttons.btn-group.flex-wrap{
        z-index:1;
        right:28%!important;
        left:auto!important;
        top:6%!important
    }


    .main_form .login-form label{
        min-width:78px!important;
        font-size:8px!important
    }
    .login-form input[type=radio]:checked+label{
        font-size:12px!important
    }
    .light .btn-info,.login-form label,body.light .card-body.custom-body-table .login-form ul li a{
        font-size:12px
    }
    .radio label::after{
        top:6px!important;
        left:5px!important;
        width:4px!important;
        height:4px!important
    }
    .radio label::before{
        width:10px!important;
        height:10px!important
    }
    .customui_card{
        margin:0 0 0 10px
    }
    .pick_drop_item_list{
        padding:6px 4px 6px 14px!important
    }
    .pick_drop_item_list .col-12 h5.w-100.d-flex.align-items-center.justify-content-between{
        padding:10px 0 3px 15px!important
    }
    .pick_drop_item_list .col-12 .second_list_pick{
        padding:0 0 3px 15px!important
    }
}
body[dir=rtl] .dt-buttons.btn-group{
    float:left
}
body[dir=rtl] .dt-buttons .btn-label{
    margin:0 0 0 12px
}
body[dir=rtl] .btn.btn-secondary.btn-success.waves-effect.waves-light{
    padding:8px 0 8px 11px
}
body[dir=rtl] .dataTables_filter label{
    float:left!important;
    margin-left:10px
}
.iti__country-list,body[dir=rtl] .left-side-menu{
    z-index:999
}
body[dir=rtl] .footer{
    right:240px
}
body.dark[data-sidebar-size=condensed] .left-side-menu #sidebar-menu>ul>li>a{
    padding:13px 20px;
    min-height:10px;
    transition:none
}
body[dir=rtl] .imageagent{
    margin-left:15px;
    margin-right:0
}
body[dir=rtl] .custom-control{
    padding-left:0;
    padding-right:1.5rem
}
body[dir=rtl] .custom-checkbox .custom-control-label::before,body[dir=rtl] .custom-control-label::after{
    right:-1.5rem;
    left:0
}
body[dir=rtl] .iti__flag-container{
    left:auto;
    right:0
}
body[dir=rtl] .iti--separate-dial-code input[type=tel]{
    padding-left:0;
    padding-right:90px
}
body[dir=rtl] .iti--separate-dial-code .iti__selected-dial-code{
    margin-right:6px
}
body[dir=rtl] .modal-header .close{
    position:absolute;
    left:5px
}
body[dir=rtl] .agent-listing tbody td{
    padding:15px 10px 10px 15px
}
@media only screen and (min-width:768px) and (max-width:1366px){
    body.dark[data-sidebar-size=condensed] .left-side-menu #sidebar-menu>ul>li>a{
        padding:10px 20px;
        min-height:10px;
        transition:none
    }
    body.dark[data-sidebar-size=condensed] .left-side-menu #sidebar-menu>ul>li>a svg{
        width:18px;
        height:18px;
        margin-left:6px
    }
}
.altoggle{
    justify-content:center;
    align-items:center;
    width:40px;
    height:20px;
    background:padding-box #eee;
    border-radius:50px;
    border:0 solid transparent;
    cursor:pointer;
    margin:0
}
.toggle__bg{
    width:34px;
    height:16px;
    background:#fff;
    background:linear-gradient(to right,#fff 50%,#777 50% 100%);
    background-size:200% 100%;
    background-position:100%;
    border-radius:50px;
    border:0 solid transparent;
    background-clip:padding-box;
    box-shadow:inset 0 2px 5px 1px hsl(0deg 0% 0% / 30%);
    -webkit-transition:ease-in-out;
    transition:ease-in-out
}
.webhook_url{
    font-size:11px
}
.toggle__sphere{
    position:relative;
    height:15px;
    width:15px;
    background:#777;
    background:linear-gradient(to right,#fff 50%,#777 50% 100%);
    border-radius:50%;
    transform-origin:top left;
    transform:translateY(0);
    -webkit-transition:.2s ease-in-out;
    transition:.2s ease-in-out
}
.toggle__sphere-overlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:0 0;
    border-radius:50%;
    box-shadow:inset 0 -20px 20px 10px transparent
}
.toggle__sphere-bg{
    position:relative;
    width:100%;
    height:100%;
    transform-style:preserve-3d;
    border-radius:50%;
    -webkit-transition:transform ease-in-out;
    transition:transform ease-in-out
}
.toggle__sphere-bg:after,.toggle__sphere-bg:before{
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
.toggle__sphere-bg:before{
    background-color:#fff;
    border-radius:50%;
    background-image:url("data:image/svgxml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='Black' viewBox='0 0 20 20'%3E%3Cpath d='M8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6zm0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8zm.5-9.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zm0 11a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zm5-5a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1zm-11 0a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1zm9.743-4.036a.5.5 0 1 1-.707-.707.5.5 0 0 1 .707.707zm-7.779 7.779a.5.5 0 1 1-.707-.707.5.5 0 0 1 .707.707zm7.072 0a.5.5 0 1 1 .707-.707.5.5 0 0 1-.707.707zM3.757 4.464a.5.5 0 1 1 .707-.707.5.5 0 0 1-.707.707z'/%3E%3C/svg%3E");
    background-size:123%
}
.toggle__sphere-bg:after{
    background-color:#fff;
    transform:rotateY(180deg);
    border-radius:50%;
    background-image:url("data:image/svgxml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='Black' viewBox='0 0 20 20'%3E%3Cpath d='M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278zM4.858 1.311A7.269 7.269 0 0 0 1.025 7.71c0 4.02 3.279 7.276 7.319 7.276a7.316 7.316 0 0 0 5.205-2.162c-.337.042-.68.063-1.029.063-4.61 0-8.343-3.714-8.343-8.29 0-1.167.242-2.278.681-3.286z'/%3E%3C/svg%3E");
    background-position:3px 2px;
    background-repeat:no-repeat
}
.altoggle input{
    opacity:0;
    width:0;
    height:0;
    position:absolute
}
.altoggle input:checked .toggle__bg{
    background-position:15%
}
.altoggle input:checked .toggle__bg .toggle__sphere{
    -webkit-transform:translateX(20px) translateY(0);
    transform:translateX(20px) translateY(0);
    box-shadow:-2px 0 5px 1px hsla(18,77%,15%,.05),0 5px 5px 1px hsla(18,77%,15%,.2),3px 0 3px 0 hsla(0,0%,0%,.2)
}
.payout-switch span.switchery.switchery-default small,.toggle__sphere-bg svg path,body.light form#payment_option_form .switchery>small,body.light form#payout_option_form .switchery>small{
    height:20px;
    width:20px
}
.toggle__sphere-bg svg{
    position:absolute;
    top:2px;
    left:2px
}
.altoggle input:checked .toggle__bg .toggle__sphere-bg{
    -webkit-transform:rotateY(180deg);
    transform:rotateY(180deg)
}
.h-100{
    height:100%!important
}
.edit-icon-float-right{
    float:right;
    border-radius:2px;
    color:#000;
    font-size:24px
}
.edit-icon-float-right:hover{
    float:right;
    border-radius:2px;
    color:#595555;
    font-size:24px
}
.commonModal .modal-dialog.modal-dialog-centered.modal-lg{
    max-width:1170px
}
::-webkit-scrollbar{
    width:6px
}
::-webkit-scrollbar-track{
    background:#f1f1f1
}
::-webkit-scrollbar-thumb{
    background:#43bee1
}
::-webkit-scrollbar-thumb:hover{
    background:#555
}
.alNavTopMinus{
    z-index:1;
    position:relative
}
.alFilterLocation{
    position:relative;
    width:100%;
    z-index:0
}
.alFilterLocation li{
    list-style:none;
    margin-left:10px
}
.dark .toggle__bg{
    background:#2f3740
}
.dark .toggle__sphere{
    margin-left:20px
}
.dark .dt-buttons .btn.btn-secondary,.dt-buttons .btn.btn-secondary:active,.dt-buttons .btn.btn-secondary:focus{
    background:#d4a34a!important
}
.btn-label:active,.btn-label:focus,.dark .btn-label{
    background-color:#d4a34a!important
}
.dark td.sorting_1.dtr-control a,body.dark .footer a.black{
    color:#d4a34a
}
.dark .add-sub-task-btn{
    background-color:rgb(247 184 75 / 82%);
    color:#fff
}
.dark h4{
    color:#f3f7f9!important
}
body.dark .table thead th{
    font-size:14px;
    vertical-align:middle
}
.selectize-input.items.not-full.has-options.has-items{
    display:flex;
    overflow-x:auto
}
.selectize-input.items.not-full.has-options.has-items::-webkit-scrollbar{
    width:10px;
    height:4px
}
.selectize-input.items.not-full.has-options.has-items::-webkit-scrollbar-track{
    box-shadow:inset 0 0 6px rgba(0,0,0,.3)
}
.selectize-input.items.not-full.has-options.has-items::-webkit-scrollbar-thumb{
    background-color:#d4a34a
}
body.dark[data-sidebar-size=condensed] .logo-box{
    width:70px!important;
    filter:invert(1)
}
.row.coolcheck.no-gutters .radio label{
    margin-right:20px
}
body.dark .tagsinput .focus{
    box-shadow:none!important;
    outline:0!important
}
body.dark input#form-tags-4_tag{
    outline:0!important
}
body.dark #form-tags-4_tagsinput{
    background:#36404a;
    border-color:rgb(247 184 75 / 82%);
    border-color:#666b70;
    border-radius:4px
}
body.dark .main_forms .selectize-control.single .selectize-input:after{
    transform:rotate(359deg)!important
}
body.dark .main_forms .selectize-control.single .selectize-input.dropdown-active:after{
    border-color:transparent transparent #fff
}
body.light .card.main-table-card div#pricing-datatable_length label:after{
    content:"Show entries"
}
.select2-container .select2-selection--multiple .select2-selection__rendered{
    overflow-y:auto!important
}
ul.select2-selection__rendered li{
    margin:5px 2px
}
.dark .assigned-block,body.dark .alTaskType{
    background-color:transparent !important;
}
.alTaskType select,.alTaskType textarea,body.dark .alTaskType input,body.dark .edit-icon-float-right{
    color:#acbfd2
}
body.dark .alTaskType.active{
    border:1px solid #d4a34a
}
body.dark .side_head .radio-primary input[type=radio]:checked+label::before{
    border-color:#d5a44c
}
body.dark .side_head .radio-primary input[type=radio]:checked+label::after{
    background-color:#d5a44c
}
body.dark .edit-icon-div a,body.dark a.editSubscriptionPlanBtn{
    color:#d2a149
}
.left-sidebar #accordion .card-header:focus,.left-sidebar #accordion .card-header:visited,body.dark .left-sidebar #accordion .card-header:hover{
    background:#4a5158
}
body.dark .copyin1{
    background-color:#f4f3fd00
}
.payout-switch span.switchery.switchery-default{
    height:20px;
    background-color:#cccccc94!important
}
.payout_req-tab a.nav-link.active{
    background-color:#7f73e2;
    color:#fff
}
@media(max-width:1140px){
    .radio label::before{
        width:12px;
        height:12px;
        top:3px
    }
    .radio label::after{
        width:6px;
        height:6px;
        top:6px;
        left:5px
    }
    .side_head .mdi.mdi-sync{
        font-size:18px
    }
    .row.coolcheck.no-gutters .radio label{
        margin-right:10px!important;
        padding-left:0
    }
    .pick_drop_item_list{
        padding:6px 15px 6px 25px
    }
    .login-form ul li{
        margin:4px 3px!important
    }
}
@media(max-width:1440px){
    body.dark .custom-body-table .dt-buttons.btn-group.flex-wrap{
        top:76px;
        float:right!important;
        position:absolute;
        margin-right:100px!important;
        z-index:1
    }
    .content-page{
        margin-left:220px
    }
    body.dark div#agents-datatable_filter label{
        position:absolute!important;
        right:30px;
        top:80px;
        width:25%
    }
    body.dark div#add-agent-modal body.dark .iti__country-list{
        position:absolute!important;
        margin:0 auto!important;
        top:44%!important;
        left:51%!important
    }
    body.dark.iti-mobile .col-md-8.mx-auto.col-sm-12.col-lg-8{
        flex:100%;
        width:100%;
        max-width:120px;
        min-width:120px
    }
    body.dark.iti-mobile div#favicon_container{
        width:auto!important
    }
    body.dark div#pending_payouts .card{
        border-radius:0 0 16px 16px!important
    }
    .content-page.main_outter_box form .row .col-md-4{
        width:46%;
        max-width:46%;
        flex:46%
    }
    .content-page.main_outter_box div#add-webhook-modal .col-md-8{
        width:50%;
        max-width:50%;
        flex:50%
    }
    form#submitAgent .dropify-wrapper.touch-fallback .dropify-message{
        top:15px!important
    }
    body.light .outter_bx{
        margin-top:20px;
        padding:0 8px!important
    }
    body.light ul#top-tab{
        margin-top:30px
    }
    body.light .dropify-wrapper .dropify-message{
        top:50px
    }
    .del-add-card{
        position:absolute;
        right:0
    }
    body.light .card-body.custom-body-table .login-form ul li a{
        padding:8px 20px
    }
    body.light .card-body.custom-body-table .login-form ul li{
        margin-bottom:22px
    }
    body.dark .card-body.custom-body-table div#agents-datatable_filter label,body.light .card-body.custom-body-table div#agents-datatable_filter label{
        top:106px
    }
    body.dark .card-body.custom-body-table button.btn.btn-secondary.btn-success.waves-effect.waves-light{
        top:25px
    }
    .upload_box .text-muted{
        margin:10px!important
    }
    .customize-outer-card form .row .col-md-6{
        width:100%;
        max-width:100%;
        flex:100%
    }
    .login-form ul li{
        margin-bottom:0
    }
    .driver-accounting,body.dark .outter_bx{
        margin-top:20px
    }
    body.dark .custom-body-table .dataTables_scroll{
        margin-top:70px;
        z-index:1
    }
    body.light .custom-body-table .dataTables_scroll{
        margin-top:40px
    }
    body.light div#agents-datatable_filter label{
        position:absolute!important;
        left:51%!important
    }
    body.dark form#geo_form .card_outer{
        height:calc(100vh - 118px)
    }
    .page-title-box{
        padding-top:60px
    }
    .light .btn-info,.login-form input[type=radio]:checked+label,.main_form .login-form label,body.light .card-body.custom-body-table .login-form ul li a,body.light .outter_bx p{
        font-size:13px!important
    }
    .logo-box{
        width:190px;
        display:flex;
        justify-content:flex-start;
        align-items:center
    }
}
@media(max-width:1024px){
    .login-form ul li{
        margin-right:2px
    }
    .row.coolcheck.no-gutters .radio label{
        font-size:10px;
        margin-right:6px!important;
        padding:2px 0 0
    }
    .iphad-space{
        padding-top:50px
    }
    .radio label::before{
        width:14px;
        height:14px
    }
    .side_head .mdi.mdi-sync{
        font-size:16px
    }
    .radio label::after{
        width:6px;
        height:6px;
        top:7px;
        left:6px
    }
    .left-sidebar #teams_container .card .card-header .row{
        align-items:center
    }
    body.light .card-body.custom-body-table .login-form ul li{
        margin:4px 2px!important
    }
    .custom-checkbox .col-2{
        padding:0
    }
    .custom-checkbox .col-10{
        width:119px;
        padding-right:0
    }
}
@media screen and (min-width: 500px) and (max-width: 767px) {
    body {
        padding-bottom: 100px !important;
    }
}

@media(max-width:767px){
    .card-body .table-responsive #agent-listing_wrapper{
        padding:50px 0 0!important
    }
    .del-add-card,.logo-box{
        position:absolute
    }
    ul.list-unstyled.topnav-menu.topnav-menu-left.m-0{
        position:absolute;
        left:64px
    }
    li.dropdown.d-xl-block a.nav-link.dropdown-toggle.waves-effect.waves-light{
        display:none
    }
    body.dark.sidebar-enable ul.list-unstyled.topnav-menu.float-right.mb-0.d-flex.align-items-center{
        flex-wrap:wrap;
        justify-content:flex-end;
        margin-top:10px
    }
    .dt-buttons.btn-group.flex-wrap{
        z-index:9
    }
    .radio.radio-primary.form-check-inline{
        width:100%;
        margin:10px
    }
    body.dark.sidebar-enable .radio.radio-primary.form-check-inline{
        width:100%;
        margin:0 10px 10px
    }
    .content-page.main_outter_box .radio.radio-info.form-check-inline.mr-2{
        width:100%;
        display:block;
        margin:0 6px
    }
    .content-page.main_outter_box .radio.radio-primary.form-check-inline.ml-3.mr-2{
        margin:10px!important
    }
    .left-sidebar .side_head span{
        margin:10px 4px;
        display:block
    }
    form#taskFormHeader .radio.radio-info.form-check-inline{
        margin:0 10px
    }
    body.dark .card-body.custom-body-table div#agents-datatable_filter label{
        top:0;
        position:unset!important;
        width:100%
    }
    body.dark .card-body.custom-body-table button.btn.btn-secondary.btn-success.waves-effect.waves-light{
        top:0!important;
        position:unset!important
    }
    body.dark .custom-body-table .dt-buttons.btn-group.flex-wrap{
        float:none!important;
        position:unset;
        top:0;
        margin-right:0!important
    }
    .login-form ul li{
        width:45%;
        margin-bottom:15px
    }
    select#search_warehouse{
        width:100%!important
    }
    .login-form label{
        width:100%;
        padding:8px!important
    }
    body.dark ul.list-unstyled.topnav-menu.float-right.mb-0.d-flex.align-items-center,body.light ul.list-unstyled.topnav-menu.float-right.mb-0.d-flex.align-items-center{
        margin-top:11px;
        height:40px
    }
    .custom_top_bar{
        display:block!important
    }
    .custom_top_bar button{
        width:44%;
        display:inline-flex
    }
    .custom_top_bar form button.btn.btn-blue.waves-effect.waves-light{
        float:left;
        margin:14px;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
        width:44%;
        display:block
    }
    .custom_top_bar button.btn.btn-blue.waves-effect.waves-light.openCategoryModal{
        justify-content:flex-start!important;
        text-align:left;
        font-size:12px
    }
    .card-body.custom_body_card .dataTables_filter label{
        width:50%!important
    }
    .col-md-12.main_form .col-md-3.d-flex.align-items-center{
        display:block!important;
        width:100%;
        max-width:100%;
        flex:100%
    }
    .dropify-wrapper.touch-fallback .dropify-preview{
        position:relative;
        padding:0;
        width:100px;
        height:100px;
        object-fit:contain;
        margin:0 auto
    }
    .content-page.main_outter_box form .row .col-md-4.upload_box{
        width:50%;
        max-width:50%;
        flex:50%;
        height:175px
    }
    .content-page.main_outter_box .col-md-8.mx-auto.col-sm-12.col-lg-8 .flex .col-md-4,.content-page.main_outter_box form#UpdateClient .flex .col-md-4{
        width:100%;
        max-width:100%;
        flex:100%
    }
    .content-page.main_outter_box .col-8.mx-auto{
        margin-left:0!important
    }
    .content-page.main_outter_box .col-8.mx-auto .page-title-box h4.page-title{
        padding-left:0!important
    }
    .content-page.main_outter_box .col-xl-3.col-md-4,.content-page.main_outter_box .col-xl-4.col-md-4{
        margin-bottom:30px
    }
    .page-title-box .page-title{
        padding-left:0
    }
    body.dark .card-box.side_table,body.light .card-box.side_table{
        min-height:auto;
        height:auto;
        overflow-y:auto;
        margin-top:30px
    }
    form#search_manager{
        display:block
    }
    .content-page.main_outter_box .alFilterLocation li{
        list-style:none;
        width:100%;
        margin:10px
    }
    .content-page.main_outter_box .alFilterLocation ul{
        flex-wrap:wrap
    }
    .content-page.main_outter_box .dataTables_filter label{
        width:auto
    }
    form#submitAgent .dropify-wrapper.touch-fallback .dropify-message{
        top:0!important
    }
    .content-page.main_outter_box .card.widget-inline.main-card-header .card-body .row .col-sm-6,.content-page.main_outter_box .card.widget-inline.main-card-header .col-sm-4.col-md-3{
        width:50%
    }
    .content-page.main_outter_box .col-lg-5,.content-page.main_outter_box button.btn.btn-info.waves-effect.waves-light.text-sm-right{
        margin-bottom:20px
    }
    .content-page.main_outter_box .geo_middle{
        height:auto!important
    }
    div#edit-customer-modal .iti{
        width:100%
    }
    .del-add-card{
        right:-134px
    }
    body.dark.iti-mobile.sidebar-enable ul.list-unstyled.topnav-menu.float-right.mb-0.d-flex.align-items-center{
        margin:0
    }
}
body.dark .col-sm-5.text-right.btn-auto.d-flex{
    float:left!important;
    text-align:left!important;
    left:0!important
}
body.dark div#pending_payouts .card{
    border-radius:0 0 16px 16px!important
}
div#agents-datatable_filter label{
    float:left!important
}
#agents-datatable_wrapper .dt-buttons.btn-group.flex-wrap{
    float:left;
    margin:5px 10px 10px 0;
    z-index:1
}
body.light .outter_bx{
    padding:0 10px;
    border-radius:5px;
    background:#00800024
}
body.light .outter_bx p{
    color:#188118!important;
    font-size:14px
}
body.dark .outter_bx{
    background-color:#262c33;
    padding:0 10px;
    border-radius:5px
}
body.dark .outter_bx p{
    color:#d5a44c;
    font-size:14px
}
body.dark .alert-success{
    margin:10px
}
body.dark .bootstrap-select .dropdown-toggle .filter-option-inner-inner{
    overflow:hidden;
    color:#fff
}
body.dark .main_form .select2-container--default .select2-selection--single{
    border:1px solid #ced4da!important;
    background-color:transparent!important
}
body.light form#payment_option_form .switchery,body.light form#payout_option_form .switchery{
    height:20px;
    width:40px
}
.alTaskType select,.alTaskType textarea,body.light .alTaskType input{
    color:#6e7e8f
}
body.dark div#newadd .form-group.col-12.mb-1 input.form-control.address,body.light div#newadd .form-group.col-12.mb-1 input.form-control.address{
    width:95%;
    margin:0 auto 10px
}
body.dark span.iti__country-name{
    color:#000000a8
}
body.dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    color:#fff;
    cursor:pointer;
    display:inline-block;
    font-weight:700;
    margin-right:10px
}
body.darkbody.dark .select2-container--default .select2-selection--multiple .select2-selection__choice{
    background-color:rgb(247 184 75 / 82%)!important;
    border:none!important
}
body.dark .custom-body-table .dt-buttons.btn-group.flex-wrap,body.light .custom-body-table .dt-buttons.btn-group.flex-wrap{
    float:right!important;
    position:absolute;
    right:20%;
    top:18px
}
body.dark div#agents-datatable_filter label,body.light div#agents-datatable_filter label{
    position:absolute;
    right:40px;
    width:15%;
    top:25px
}
body.dark .modal-title{
    margin-top:0;
    color:#dbe9f9!important
}
body.dark #submitpayreceive .card-box label{
    margin-bottom:0;
    color:#222!important
}
body.dark .card-box.side_table{
    min-height:650px;
    height:650px;
    overflow-y:scroll
}
body.dark form#submitpayreceive .btn[data-toggle=dropdown]{
    background:0 0!important;
    display:block;
    width:100%;
    height:calc(1.5em + .9rem + 2px);
    padding:.45rem .9rem;
    font-size:.875rem;
    font-weight:400;
    line-height:1.5;
    color:#94a0ad;
    border:1px solid #424e5a;
    border-radius:.2rem;
    transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
body.dark div#form-tags-1_tagsinput{
    border-color:#cccccc59
}
div#DataTables_Table_0_wrapper label{
    float:left!important;
    padding-left:10px;
    width:20%;
    display:none
}
div#DataTables_Table_0_wrapper label input{
    height:38px
}
body.dark .card-body.custom-body-table .alert-success,body.light .card-body.custom-body-table .alert-success{
    margin:-3px 0 20px;
    z-index:99999
}
.upload_box .text-muted{
    margin:10px!important
}
body.dark li.first_child .alert.alert-success{
    margin-top:0
}
.card.main-table-card div#pricing-datatable_length label{
    width:100%;
    font-size:0
}
.card.main-table-card div#pricing-datatable_length label select{
    height:45px
}
.card.main-table-card div#pricing-datatable_length{
    padding-top:30px
}
body.dark .card.main-table-card div#pricing-datatable_length label:after{
    content:"Show entries";
    color:#ffffffab;
    content:"Show entries";
    color:#ffffffab;
    position:absolute;
    top:1px;
    font-size:17px;
    left:16px;
    z-index:1
}
body.light .card.main-table-card div#pricing-datatable_length label:after{
    content:"Show entries";
    color:#000;
    position:absolute;
    top:1px;
    font-size:17px;
    left:16px;
    z-index:1
}
.taskrepet .col-6.addressDetails.border-right .form-group.col-6.mb-1{
    width:100%;
    max-width:100%;
    flex:00%
}
.row.location-section .input-group.form-group.col-6.mb-2{
    width:100%;
    max-width:100%;
    flex:100%;
    min-width:100%
}
.agent_tabel_block table.table.table-striped{
    table-layout:fixed
}
.agent_tabel_block table.table.table-striped td,.main_outter_box th{
    width:160px!important;
    overflow:hidden
}
.dataTables_processing .table thead th{
    font-size:13px;
    font-weight:500;
    vertical-align:middle
}
@media (max-width:1600px){
    body.dark .custom-body-table .dt-buttons.btn-group.flex-wrap{
        float:right!important;
        position:absolute;
        top:76px;
        margin-right:100px!important;
        z-index:1
    }
    .login-form ul li{
        margin:0
    }
    .dt-bootstrap4,.main_form{
        margin-top:20px
    }
    body.dark .custom-body-table .dataTables_scroll,body.light .custom-body-table .dataTables_scroll{
        margin-top:70px
    }
    .login-form input[type=radio]:checked+label,.main_form .login-form label,body.light .outter_bx p{
        font-size:10px
    }
    body.light .outter_bx{
        padding:0 3px
    }
    .light .btn-info{
        font-size:10px;
        border-radius:4px
    }
    body.dark div#agents-datatable_filter label,body.light div#agents-datatable_filter label{
        position:absolute!important;
        right:30px;
        top:80px;
        width:25%
    }
    body.light .custom-body-table .dt-buttons.btn-group.flex-wrap{
        position:absolute;
        top:20px;
        left:auto;
        right:0;
        z-index:1
    }
}
@media(max-width:1440px){
    .content-page.main_outter_box form .row .col-md-4{
        width:46%;
        max-width:46%;
        flex:46%
    }
    .bulkupload{
        margin-top:10px
    }
    .content-page.main_outter_box div#add-webhook-modal .col-md-8{
        width:50%;
        max-width:50%;
        flex:50%
    }
    .nagtive-margin .dt-bootstrap4{
        margin-top:0!important
    }
    form#submitAgent .dropify-wrapper.touch-fallback .dropify-message{
        top:15px!important
    }
    body.dark .outter_bx,body.light .outter_bx{
        margin-top:20px
    }
    body.light ul#top-tab{
        margin-top:30px
    }
    .del-add-card{
        position:absolute;
        right:0
    }
    body.light .card-body.custom-body-table .login-form ul li a{
        padding:8px 20px
    }
    body.light .card-body.custom-body-table .login-form ul li{
        margin-bottom:22px
    }
    body.light .card-body.custom-body-table div#agents-datatable_filter label{
        top:6%;
        right:8px;
        left:auto!important;
        width:max-content
    }
    body.dark .card-body.custom-body-table button.btn.btn-secondary.btn-success.waves-effect.waves-light{
        top:25px
    }
    body.dark .card-body.custom-body-table div#agents-datatable_filter label{
        top:106px
    }
    .upload_box .text-muted{
        margin:10px!important
    }
    .customize-outer-card form .row .col-md-6,body.dark.iti-mobile .col-md-8.mx-auto.col-sm-12.col-lg-8{
        width:100%;
        max-width:100%;
        flex:100%
    }
    .login-form ul li{
        margin-bottom:0
    }
    body.light .custom-body-table .dt-buttons.btn-group.flex-wrap {
        position: absolute;
        margin-right: 0!important;
        z-index: 1;
        right: 270px;
        top: 6%;
        margin-bottom: 10px;
    }
    body.light .custom-body-table .dataTables_scroll{
        margin-top:40px
    }
    body.dark table.table.table-striped.dt-responsive.nowrap.w-100 span.badge.badge-danger,body.light table.table.table-striped.dt-responsive.nowrap.w-100 span.badge.badge-danger{
        padding:10px;
        font-size:14px
    }
    body.dark .custom-body-table .dt-buttons.btn-group.flex-wrap{
        float:right!important;
        position:absolute;
        top:76px;
        margin-right:100px!important;
        z-index:1
    }
    .main_form .login-form label{
        min-width:78px!important
    }
    .main_form .col-md-2.d-flex.align-items-center.mt-3{
        margin-top:.1rem!important
    }
    .col-md-12.main_form .col-md-3.d-flex.align-items-center.mt-3{
        margin-top:4px!important
    }
    body.dark div#agents-datatable_filter label{
        position:absolute!important;
        right:30px;
        top:80px;
        width:25%
    }
    body.dark .custom-body-table .dataTables_scroll{
        margin-top:70px
    }
    body.dark div#add-agent-modal body.dark .iti__country-list{
        position:absolute!important;
        margin:0 auto!important;
        top:44%!important;
        left:51%!important
    }
    body.dark form#geo_form .card_outer{
        height:calc(100vh - 118px)
    }
    body.dark span.select2.select2-container.select2-container--default.select2-container--above.select2-container--focus.select2-container--open,body.dark.iti-mobile div#favicon_container,body.light.iti-mobile div#favicon_container{
        width:auto!important
    }
    body.light .dropify-wrapper.touch-fallback{
        height:135px!important
    }
    body.dark div#pending_payouts .card{
        border-radius:0 0 16px 16px!important
    }
    body.light .dropify-wrapper .dropify-message{
        top:0;
        transform:translate(0,0);
        padding:10px 0
    }
    body.light .dropify-wrapper.touch-fallback .dropify-message{
        padding:0!important
    }
    body.light div#add-agent-modal .dropify-wrapper .dropify-message{
        top:50px
    }
    body.light div#top-tabContent .dataTables_scrollHead thead th{
        cursor:pointer;
        width:120px!important;
        max-width:120px;
        min-width:120px
    }
}
.dashboard-custom-temp .custom-control-input{
    position:absolute;
    left:0;
    z-index:9!important;
    opacity:0;
    width:5rem!important;
    height:5rem!important
}
.dashboard-custom-temp span.alTemplateName.mt-3.w-100{
    margin-top:10px!important;
    display:block;
    font-size:12px;
    text-align:center
}
.dashboard-custom-temp .al_custom_control .card{
    overflow:hidden
}
.dashboard-custom-temp .card{
    border-radius:12px;
    box-shadow:0 4px 25px 0 rgb(138 129 124 / 6%)
}
.dashboard-custom-temp .al_custom_control label.custom-control-label{
    height:150px;
    overflow:hidden;
    width:100%
}
.dashboard-custom-temp .custom-radio.radio_new .custom-control-label::before,.select-category label:before{
    clip-path:polygon(0 0,0 35%,35% 0);
    opacity:1;
    content:"\F012C"
}
.card-img-top,.dashboard-custom-temp .card-img{
    border-top-left-radius:.25rem;
    border-top-right-radius:.25rem
}
.dashboard-custom-temp .radio_new .custom-control-label::after,.select-category label::after{
    background:rgb(0 0 0 / 31%);
    background-image:none!important;
    width:100%;
    height:100%;
    left:0;
    top:0;
    opacity:0;
    content:"";
    position:absolute;
    -webkit-transition:.7s;
    -moz-transition:.7s;
    transition:.7s
}
.dashboard-custom-temp .custom-radio.radio_new .custom-control-label::before,.select-category label:before{
    -webkit-transition:.5s;
    -moz-transition:.5s;
    transition:.5s;
    clip-path:polygon(0 0,0 35%,35% 0);
    opacity:0;
    content:"\F012C"
}
.dashboard-custom-temp input[type=radio],input[type=checkbox]{
    cursor:pointer!important
}
.dashboard-custom-temp .al_custom_control label.custom-control-label:hover .card-img-top{
    background-position:bottom
}
.dashboard-custom-temp .al_custom_control label.custom-control-label .card-img-top{
    width:100%;
    height:100%;
    display:block;
    -webkit-transition:1s linear;
    transition:1s linear;
    background-repeat:no-repeat;
    position:relative;
    background-size:cover
}
.dashboard-custom-temp .custom-control-input:checked~.custom-control-label::before,.form-check-input:checked~label:before{
    background-color:#43bee1!important;
    opacity:1
}
.dashboard-custom-temp .custom-radio.radio_new .custom-control-input:checked~.custom-control-label::after,.form-check-input:checked~label::after{
    opacity:1
}
.dashboard-custom-temp .custom-radio.radio_new .custom-control-label::before,.select-category label:before{
    border-radius:0;
    clip-path:polygon(0 0,0 35%,35% 0);
    width:140px;
    height:120px;
    left:0;
    top:0;
    background-color:transparent;
    content:"\F012C";
    font-family:"Material Design Icons";
    color:#fff;
    font-size:20px;
    z-index:99
}
.side_head select#team_id{
    padding:4px
}
.side_head select#agent_id{
    padding:4px;
    font-size:11px
}
.left-sidebar p span{
    font-size:12px;
    font-weight:700 !important;
}
.assigned-block{
    background-color:#fff!important;
    padding:0!important;
    margin:5px 5px 15px
}
.assigned-block .pick_drop_item_list{
    position:relative;
    padding:10px 15px 20px 25px;
    background:#fff;
    box-shadow:0 0 5px #ccc;
    border-radius:6px
}
.assigned-block .pick_drop_item_list button.assigned-btn{
    min-width:79px
}
button.view_route-btn{
    width:100%;
    padding:5px;
    margin:10px 0;
    font-size:13px;
    font-weight:500;
    text-transform:capitalize;
    letter-spacing:.6px;
    border-radius:6px;
    background:#40b323;
    border-color:#40b323
}
button.view_route-btn:focus,button.view_route-btn:hover{
    border-color:#40b323;
    background:0 0;
    color:#40b323
}
.left-side-menu{
    height:92%!important
}
/* div#scrollbar{
    padding-bottom:70px!important
} */
.agent_icon div#vehicle_type_idInput .radio img{
    filter:inherit
}
.alNavTopMinus a.nav-link.active{
    background-color:#6658dd;
    color:#fff
}
@media(max-width:767px){
    .del-add-card,.logo-box{
        position:absolute
    }
    .location_page-mobile .login-form label{
        font-size:13px!important
    }
    .location_page-mobile .col-md-4{
        width:100%!important;
        max-width:100%!important;
        flex:100%!important
    }
    .content-page.main_outter_box .col-lg-5,.content-page.main_outter_box button.btn.btn-info.waves-effect.waves-light.text-sm-right,.location_page-mobile .btn-block{
        margin-bottom:20px
    }
    ul.list-unstyled.topnav-menu.topnav-menu-left.m-0{
        position:absolute;
        left:64px
    }
    li.dropdown.d-xl-block a.nav-link.dropdown-toggle.waves-effect.waves-light{
        display:none
    }
    body.dark.sidebar-enable ul.list-unstyled.topnav-menu.float-right.mb-0.d-flex.align-items-center{
        flex-wrap:wrap;
        justify-content:flex-end;
        margin-top:10px
    }
    .dt-buttons.btn-group.flex-wrap{
        z-index:9
    }
    .radio.radio-primary.form-check-inline{
        width:100%;
        margin:10px
    }
    body.dark.sidebar-enable .radio.radio-primary.form-check-inline{
        width:100%;
        margin:0 10px 10px
    }
    .content-page.main_outter_box .radio.radio-info.form-check-inline.mr-2{
        width:100%;
        display:block;
        margin:0 6px
    }
    .content-page.main_outter_box .radio.radio-primary.form-check-inline.ml-3.mr-2{
        margin:10px!important
    }
    .left-sidebar .side_head span{
        margin:10px 0;
        display:block
    }
    form#taskFormHeader .radio.radio-info.form-check-inline{
        margin:0 10px
    }
    body.dark .card-body.custom-body-table div#agents-datatable_filter label{
        top:0;
        position:unset!important;
        width:100%
    }
    body.dark .card-body.custom-body-table button.btn.btn-secondary.btn-success.waves-effect.waves-light{
        top:0!important;
        position:unset!important
    }
    body.dark .custom-body-table .dt-buttons.btn-group.flex-wrap{
        float:none!important;
        position:unset;
        top:0;
        margin-right:0!important
    }
    .login-form ul li{
        width:45%;
        margin-bottom:15px
    }
    select#search_warehouse{
        width:100%!important
    }
    .login-form label{
        width:100%;
        padding:8px!important
    }
    body.dark ul.list-unstyled.topnav-menu.float-right.mb-0.d-flex.align-items-center,body.light ul.list-unstyled.topnav-menu.float-right.mb-0.d-flex.align-items-center{
        margin-top:11px;
        height:40px
    }
    .custom_top_bar{
        display:block!important
    }
    .custom_top_bar button{
        width:44%;
        display:inline-flex
    }
    .custom_top_bar form button.btn.btn-blue.waves-effect.waves-light{
        float:left;
        margin:14px;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
        width:44%;
        display:block
    }
    .custom_top_bar button.btn.btn-blue.waves-effect.waves-light.openCategoryModal{
        justify-content:flex-start!important;
        text-align:left;
        font-size:12px
    }
    .card-body.custom_body_card .dataTables_filter label{
        width:50%!important
    }
    .col-md-12.main_form .col-md-3.d-flex.align-items-center{
        display:block!important;
        width:100%;
        max-width:100%;
        flex:100%
    }
    .dropify-wrapper.touch-fallback .dropify-preview{
        position:relative;
        padding:0;
        width:100px;
        height:100px;
        object-fit:contain;
        margin:0 auto
    }
    .content-page.main_outter_box form .row .col-md-4.upload_box{
        width:50%;
        max-width:50%;
        flex:50%;
        height:175px
    }
    .content-page.main_outter_box form .dropify-wrapper .dropify-message{
        padding:0;
        transform:translate(-50%,-5%);
        left:50%
    }
    .content-page.main_outter_box .col-md-8.mx-auto.col-sm-12.col-lg-8 .flex .col-md-4,.content-page.main_outter_box form#UpdateClient .flex .col-md-4{
        width:100%;
        max-width:100%;
        flex:100%
    }
    .content-page.main_outter_box .col-8.mx-auto{
        margin-left:0!important
    }
    .content-page.main_outter_box .col-8.mx-auto .page-title-box h4.page-title{
        padding-left:0!important
    }
    .content-page.main_outter_box .col-xl-3.col-md-4,.content-page.main_outter_box .col-xl-4.col-md-4{
        margin-bottom:30px
    }
    .page-title-box .page-title{
        padding-left:0;
        margin-left:0
    }
    .nomencla_rwd .page-title-box .page-title{
        margin-left:0
    }
    body.dark .card-box.side_table,body.light .card-box.side_table{
        min-height:auto;
        height:auto;
        overflow-y:auto;
        margin-top:30px
    }
    form#search_manager{
        display:block
    }
    .content-page.main_outter_box .alFilterLocation li{
        list-style:none;
        width:100%;
        margin:10px
    }
    .content-page.main_outter_box .alFilterLocation ul{
        flex-wrap:wrap
    }
    .content-page.main_outter_box .dataTables_filter label{
        width:auto
    }
    form#submitAgent .dropify-wrapper.touch-fallback .dropify-message{
        top:0!important
    }
    .content-page.main_outter_box .card.widget-inline.main-card-header .card-body .row .col-sm-6,.content-page.main_outter_box .card.widget-inline.main-card-header .col-sm-4.col-md-3{
        width:50%
    }
    .content-page.main_outter_box .geo_middle{
        height:auto!important
    }
    div#edit-customer-modal .iti{
        width:100%
    }
    .del-add-card{
        right:-134px
    }
    body.dark.iti-mobile.sidebar-enable ul.list-unstyled.topnav-menu.float-right.mb-0.d-flex.align-items-center{
        margin:0
    }
}
.card_item{
    display:flex;
    align-items:center;
    width:100%;
    margin:0;
    border-radius:10px 10px 0 0
}
.light .logo-box .logo.logo-dark {
    display: none;
}
.side_head select#agent_id {
    padding: 4px;
    font-size: 11px;
    height: 40px;
}
.header-title {
    font-size: .8rem;
    margin:0;
    font-family: sans-serif;
}
#teams_container .card-header p span{
    color: #A5A5A5;
    font-size: 13px !important;
    letter-spacing: 0;
    font-weight: 400;
}
#route-btn {
    width: 100%;
    min-width: 120px;
}
#teams_container .card-header p {
    margin: 0;
    color: #797979;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0;
}
#scrollbar {
    height: 100vh;
    overflow: auto;
}
#teams_container .badge, .close {
    font-weight: bold !important;
    font-size: 10px !important;
    padding: 4px !important;
    margin: 4px 0;
}
html, body{overflow-x: hidden;}
body .left-side-menu{top:60px !important;}
body #sidebar-menu>ul>li>a {
    padding: 12px 20px;
    font-family:sans-serif;
    font-size: 15px !important;
}
body.light .pick_drop_item_list i.fas.fa-bars {
    top: 30%;
}
.custom_select .form-control {
    height: 45px;
    appearance: none;
    font-size: 100%;
    margin-top: 0px;
    padding: 0;
    color: #bec5cb;
    padding-left:4px;
    font-weight: 400;
}
.no_data h5{
    padding:4rem 0;
}
.custom_select .select2-container .select2-selection--multiple{min-height:45px;}
.custom_select ul.select2-selection__rendered li {
    margin: 7px 2px 0;
}
.map-wrapper {
    background-color: #edeff1;
}
#teams_container {
    padding: 20px 20px 100px;
}
.side_head {
    padding: 20px 10px;
}
.navbar-custom {
    padding: 0;
}
body .map-wrapper {
    height:100vh !important;
    overflow: hidden;
}
body .content-page{position: relative;top:60px;padding: 0 !important;}
.custom_select .select2-container--default .select2-selection--multiple .select2-selection__choice {
    padding: 0 5px !important;
    width: 96%;
    font-size: 10px;
}
.side_head #search_by_name {
    height: 45px;
}
body .profile-circle {
    font-size: 16px!important;
    overflow: hidden;
    padding: 0 !important;
    object-fit: cover;
    display: inline-block;
}
body .light .navbar-custom .topnav-menu .nav-link span {
    font-size: 14px;
}
.navigation_btn.optimize_btn {
    cursor: pointer;
    display: block;
    padding: 5px 0  0;
    font-weight: 600;
}
/* html, body{
    overflow-y:hidden !important;
}
.content-page{
    padding-right:0 !important;
    overflow: hidden !important;
} */
.open_all span {
    font-size: 10px !important;
    white-space: nowrap;
    margin-bottom: -15px;
    line-height: 35px;
}