.task-points .panel-title .change-status{
    border: 1px solid #e5e5e5;
    background: transparent;
    padding: 6px;
    display: inline-block;
    font-size: 13px;
    font-family: Montserrat-Light;
    letter-spacing: 0.3px;
}
#headerOfferStrip{
    position: relative;
    font-size: 15px;
    color: #fff;
    padding-right: 30px;
}
#headerOfferStrip p{
    margin: 0;
    padding: 4.5px;
}
.modal.offer-popup .modal-dialog{
    max-width: 400px;
}
#headerOfferStrip a{
    color: #fff;
}
#headerOfferStrip .remove-header-strip{
    height: 27px;
    position: absolute;
    right: 16px;
    top: 7px;
    color: #fff;
    font-size: 15px;
}
.inner-section.app-offer{
    background-color: #fff;
}
.special-offer-page{
    background-color: #fff;
    padding: 0 10px;
}
.special-offer-page .page-heading,
.inner-section .special-offer-page .page-heading{
    margin-bottom: 12px;
}
.special-offer-page .panel{
    margin-top: 20px;
    background-color: #ffffff;
    padding: 25px 28px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
    border: solid 1px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
}
label.no-pad{padding: 0 !important;}
.special-offer-page .apply-plan{
    font-size: 14px;
    color: #000000;
}
.special-offer-page .apply-plan input{
    max-width: 200px;
}
.special-offer-page .apply-plan label{
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.5);
    font-size: 12px;
}
.special-offer-page .single-plan{
    position: relative;
    padding-left: 25px;
    border-bottom: 1px solid rgba(202, 209, 218, 0.48);
    margin-bottom: 20px;
    cursor: pointer;
}
.t-fancy-table span.tag{
    background: #ffffff;
    border-radius: 25px;
    padding: 2px 6px;
    border: 1px solid #3333332b;
    font-size: 11px;
    margin-right: 3px;
    margin-bottom: 4px;
 }
.t-fancy-table span.tag:nth-child(4n+4) {
    display: inline-block;
    margin-bottom: 6px;
}
.special-offer-page .single-plan input[type="radio"]{
    position: absolute;
    left: 0;
    top: -5px;
    width: 30px;
    height: 30px;
}
.special-offer-page .single-plan input[type="radio"]:checked{
    background: #000;
}
.special-offer-page .amount-calculation .saved-amount{
    color: #6cc64d;
    font-size: 18px;
    margin: 13px 0 18px;
}
.special-offer-page .amount-calculation b{
    font-family: 'ProximaNova-bold';
}
.special-offer-page .offer-heading{
    color: #1394ff;
    font-size: 22px;
    margin: 0;
}
.grey-theme,
.container-fluid.grey-theme{
    background: #f5f7f9;
}
.full-click.fancy-checkbox-container{
    position: relative;
}

#ui-datepicker-div{
    z-index:1002 !important;
}
.blank-radius-btn{
    padding: 2px 10px;
    border: 1px solid #2296ff;
    border-radius: 4px;
    font-size: 12px;
    text-decoration: none !important;
}
.blank-radius-btn:hover{
    box-shadow: 0 2px 6px rgba(51, 51, 51, 0.18);
}
.bottom-fix.xdsoft_datetimepicker{
    position: fixed !important;
}
.full-click.fancy-checkbox-container .checkbox-outer{
    position: static;
}
.workflow-step .img-section .radio{
    width: 20px;
    height: 20px;
    border-radius: 20px;
    display: inline-block;
    border: 1px solid #2296ff;
    vertical-align: middle;
    vertical-align: -webkit-baseline-middle;
    text-align: center;
    line-height: 20px;
}
.workflow-step .img-section .radio-icon{
}
.onboarding.about-user .blank-btn{
    background: transparent;
    color: #2296ff;
    border: 1px solid #2296ff;
    border-radius: 25px;
    height: 42px;
    line-height: 42px;
    padding: 0 17px !important;
}
.onboarding.about-user .btn{
    min-width: 46%;
}
.onboarding.about-user .blank-btn:hover{
    box-shadow: 0 4px 4px rgba(51, 51, 51, 0.25);
}
.onboarding.about-user .action-btn{
    margin: 25px 0;
}
.onboarding.about-user{
    margin-bottom: 0;
}
.select-wrapper.border,
.fancy-form .select-wrapper.border{
    box-shadow: none;
    padding-right: 0;
    margin-bottom:10px;
    padding-left: 0;
}
.fancy-form.onboarding .select-wrapper.border{
    border: none;
    height: auto;
    border-radius: 0;
}
.fancy-form .select-wrapper.border label,
.select-wrapper.border label,
.fancy-form .form-group.border label:not([class*="col-"]){
    margin-bottom: 5px !important;
    padding: 0 !important;
    color: rgba(0, 0, 0, 0.9);
}
.select-wrapper.border select,
.fancy-form .select-wrapper.border select{
    border: 1px solid rgba(51, 51, 51, 0.18);
    border-radius: 3px;
    width: 100%;
    padding: 0 10px;
    color: rgba(51, 51, 51, 0.44);
}
.fancy-modal .select-wrapper.border:after,
.fancy-form .select-wrapper.border:after{
    bottom: 50%;
    margin-bottom: -16px;
    right: 10px;
    top: auto;
}
.border.form-group input,
.fancy-form .border.form-group input{
    border: 1px solid rgba(51, 51, 51, 0.18);
    border-radius: 3px;
    width: 100%;
    padding: 0 10px;
    color: rgba(51, 51, 51, 0.44);
    height: 35px;
    margin-bottom: 10px;
}
.fancy-form .border.form-group input::-webkit-input-placeholder,
.border.form-group input::-webkit-input-placeholder{
    font-family: 'Montserrat-Light';
    color: rgba(51, 51, 51, 0.44);
}
.about-user h3{
    margin-left: -15px;
    margin-right: -15px;
    border-bottom: 1px solid rgba(123, 123, 123, 0.22);
    padding-bottom: 17px;
    margin-top: 6px;
}
.about-user.onboarding .form-group{
    padding: 25px 40px 0;
}
.dropdown-right .dropdown-menu{
    right: 0;
    left: auto;
}
.workflow-step .img-section.active-workflow .radio-icon{
    width: 12px;
    height: 12px;
    background: #2296ff;
    border-radius: 20px;
    display: inline-block;
}
.main-inner.on-boarding #agent-switch,.main-inner.on-boarding #tasks-switch{
    z-index: 1002;
}
.top-nav .enhanced-datepicker div[uib-datepicker-popup-wrap]{
    position: absolute;
    z-index: 1001;
    top: 0;
}
header .main-outer.new-dashboard .main-inner .fixed.page-backdrop{
    height: 60px;
}
#resume-work{
    background: #2296ff;
    letter-spacing: .4px;
    font-family: 'Montserrat-Light';
    text-transform: uppercase;
}
#resume-work:hover{
    box-shadow: 0 5px 13px rgba(53, 53, 53, 0.53);
}
.my-location{
    background-color: rgba(119, 119, 119, 0.81);
    padding: 7px;
    border-radius: 4px;
    color: #fff;
    font-size: 17px !important;
    max-width: 31px;
}
.top-nav .tooltip-inner{
    color: #282828;
    background-color: #ffffff;
    box-shadow: 0 0 4px rgba(51, 51, 51, 0.37);
    font-family: 'Montserrat-Light';
}
.top-nav .tooltip{
    opacity:1;
}
.top-nav .tooltip.bottom .tooltip-arrow{
    border-bottom-color: #fff;
}
#recurring-modal .uib-decrement.minutes,
#recurring-modal .uib-increment.minutes{
    opacity:0;
}
#recurring-modal .btn.focus,#recurring-modal  .btn:focus,#recurring-modal  .btn:hover{
    color: #000;
}
.round-checkbox input[type='checkbox']{
    width: 16px;
    cursor: pointer;
    height: 16px;
    opacity: 0;
    position: absolute;
    border: solid 1px rgba(0, 0, 0, 0.2);
    z-index: 2;
}
.round-checkbox input[type='checkbox'] + span{
    border-radius: 5px;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    display: inline-block;
    border: solid 1px rgba(0, 0, 0, 0.2);
    text-align: center;
    line-height: 12px;
}
.round-checkbox.sm input[type='checkbox'] + span{
    border-radius: 4px;
    width: 14px;
    height: 14px;
    line-height: 8px;
}
.round-checkbox input[type='checkbox']:checked + span {
    background: transparent;
    border-color: #1984ff;
    color: #1984ff;
}
.round-checkbox input[type='checkbox']:checked + span:after {
    content: '\E92A';
    font-size: 6px;
    font-family: 'tookan-icon';
    speak: none;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
}
.round-checkbox.sm input[type='checkbox'] + span:after{
    font-size: 5px;
}
.top-nav .md-button{
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    box-shadow: none;
    /*line-height: 21px !important;*/
    margin: 6px 8px;
    vertical-align: middle;
    overflow: visible;
    border-radius: 3px;
    min-width: 20px;
    margin: 0;
    line-height: 30px;
    min-height: 30px;
    text-transform: capitalize;
    background: #fff;
}
.top-nav .md-button .md-font{
    font-size: 21px;
    color: rgb(255, 255, 255) !important;
}
.multiselect-parent.dropdown-multiselect .dropdown-toggle{
    padding: 0 0 0 10px;
    background: transparent;
    margin-top: -4px;
    line-height: 25px;
    color: #fff;
}
.multiselect-parent.dropdown-multiselect .dropdown-toggle>.material-icons{
    margin-top: 0px;
    margin-left: 5px;
    border-left: 1px solid #cecece;
}
.setting-nav.fixed-setting li a{
    padding: 6px 16px;
    font-size: 14px;
    border-left: 4px solid transparent;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0.5px;
    color: #939393;
    transition: all .5s;
    letter-spacing: 1px;
    /* display: block; */
    line-height: 16px;
}
.text-capitalize{
    text-transform: capitalize
}
.setting-nav.fixed-setting ul{
    padding-right: 18px;
    padding-top: 0;
}
.setting-nav.fixed-setting .heading{
    margin: 0;
    padding: 12px 22px;
    font-size: 20px;
    font-family: 'Montserrat-Regular';
}
.setting-nav.fixed-setting  li.active>a,
.setting-nav.fixed-setting  li a:hover{
    color: #282828;
    background-color: #d7e0e8;
    border-left: 4px solid #d7e0e8;
}
.setting-nav.fixed-setting  li.active a{
    border-left: 4px solid #1394ff;
}
.desc-space{
    white-space: pre-wrap;
    word-break: break-word;
}
md-tabs.md-dynamic-height md-tabs-content-wrapper {
    padding-top: 20px;
}
.md-modal .modal-body{
    padding:0;
    margin-bottom: 30px;
    width: 100%;
}
.md-modal .action-btn.modal-row,
.md-modal.fancy-modal .action-btn.modal-row{
    margin-left: 0;
    margin-right: 0;
}
.md-modal .modal-heading,
.md-modal.fancy-modal .modal-heading{
    padding: 18px;
    margin: 0;
}
.md-modal md-content{
    background: transparent;
}
.md-modal .action-btn,
.fancy-modal.md-modal .action-btn{
    /*clear: left;*/
    /*max-width: 100%;*/
    /*float: left;*/
    /*margin: 10px auto 0;*/
    /*display: block;*/
    /*margin-top: 20px;*/
}
.detail-tabs .custom-images-carousel.documents>div.item{
    padding-right: 20px;
}
.detail-tabs .custom-images-carousel>div.item,
.detail-tabs .custom-images-carousel>a.item,
.detail-tabs .documents>div.item,
.detail-tabs .documents>a.item {
    width: 33.33%;
    float: left;
    text-align: center;
    word-break: break-word;
}
.tmp-images-outer .custom-images-carousel,
.tmp-images-outer .documents{
    display: block;
}
.tmp-images-outer .custom-images-carousel>div.item{
    width: 70px;
    float: left;
    text-align: center;
    word-break: break-word;
}
.tmp-images-outer .documents>div.item{
    width: 100px !important;
    margin-right: 20px;
    margin-top: 10px;
    float: left;
    text-align: center;
    word-break: break-word;
}
.detail-tabs .documents>div.item{
    padding-right: 20px;
    padding-top: 10px;
}
.tmp-images-outer .documents>div.item img{
    border-radius: 4px;
}
.tmp-images-outer .documents>div.item a{
    /*color: #000;*/
}
.tmp-images-outer .documents>div.item a:hover{
    color: #2296FF;
}
.detail-tabs .documents>div.item img{
    border-radius: 0px;
}
.detail-tabs .documents>div.item img,
.detail-tabs .documents>a.item img,
.tmp-images-outer .documents>div.item img{
    height: 70px;
    border-radius: 0px;
    margin: 5px auto;
    padding: 4px;
}
.detail-tabs .custom-images-carousel>div.item img,
.detail-tabs .custom-images-carousel>a.item img,
.tmp-images-outer .custom-images-carousel>div.item img{
    width: 70px !important;
    height: 70px;
    border-radius: 50%;
    margin: 5px auto;
    padding: 4px;
}
.signup-template-document .image-div{
    padding-left: 0px;
    padding-right: 0px;
}
.signup-template-document{
    padding-bottom: 20px;
    padding-left: 0px;
}
.signup-template-document a{
    word-wrap: break-word;
}
.signup-template-document img{
    width: 50px;
    height: 50px;
}
/*****************/
/*****************/
/*Reset style end*/
/*****************/
/*****************/


/*****************/
/*****************/
/*****Agent Rules*****/
/*****************/
/*****************/

.not-whitelabel md-tabs-canvas{
    display: none;
}
#edit-agent-modal .single-field{
    margin-bottom: 8px;
}
/*****************/
/*****************/
/*****Agent Rules end*****/
/*****************/
/*****************/

/*************************/
/*************************/
/*************************/
/*Task view rules*/
/*************************/
/*************************/
/*************************/
.agent-detail-box.sliding-bottom .tasks-list.is-taks-view .single-task{
    padding: 10px 0 10px 0;
}
.agent-detail-box.sliding-bottom .tasks-list.is-taks-view .single-task .task-detail{
    padding: 0 5px;
}
.agent-detail-box.sliding-bottom .tasks-list.is-taks-view .task-detail .view-more{
    display: none;
}
.agent-detail-box.sliding-bottom .tasks-list.is-taks-view .task-detail .taskId{
    margin:0;
}
.task-view .agent-detail-box #detailContainer .job-status{
    display: inline-block;
    float: left;
    margin-right: 10px;
}
.task-view .agent-detail-box .task-wrap .detail-action .dropdown-menu-child{
    left: auto;
    right: 100%;
    width: 100px;
}
.business-view-header .back-to-tasks{
    text-decoration: none;
    display: inline-block;
    margin-right: 15px;
    vertical-align: middle;
}
.agent-detail-box.sliding-bottom .info-list li>span.idText{
    color: #1394ff;
}
.task-view .agent-detail-box.sliding-bottom .info-list{
    padding:0;
}
/*************************/
/*************************/
/*************************/
/*Task view rules end*/
/*************************/
/*************************/
/*************************/

.billing-remaining{
    display: inline-block;
    vertical-align: middle;
}
.billing-trail-period {
    border: 2px solid #ff8f00;
    display: inline-block;
    width: 125px;
    height: 29px;
    margin-right: 8px;
    margin-left: 8px;
    vertical-align: middle;
    border-radius: 3px;
}
.billing-remaining.payment-info .billing-trail-period {
    width: 120px;
    border: 2px solid #ff0000;
}
.billing-trail-days{
    width: 50px;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    color: #ff8f00;
    height: 100%;
    font-weight: bold;
    vertical-align: middle;
    padding-top: 2px;
    line-height: 21px;
    float: left;
}
.billing-remaining.payment-info .billing-trail-days{
    color: #fff;
    font-size: 9px;
    width: 50px;
}
.billing-remaining.payment-info .info-icon{
    font-size: 17px;
    margin: 0;
    vertical-align: -4px;
}
.billing-trail-text{
    width: calc(100% - 50px);
    display: inline-block;
    background-color: #ff8f00;
    color: #fff;
    height: 100%;
    /* line-height: 1; */
    float: right;
    padding-top: 1px;
    padding: 3px;
    font-size: 10px;
    text-align: center;
    line-height: 10px;
    vertical-align: middle;
}
.billing-remaining.payment-info .billing-trail-text {
    width: 100%;
    background-color: #ff0000;
}
.high-alert .billing-trail-text{
    background-color: #ff0000;
}
.high-alert .billing-trail-days{
    color: #ff0000;
}
.high-alert .billing-trail-period{
    border: 2px solid #ff0000;
}

.top-nav i.btn-icon{
    cursor: pointer;
    color: #fff;
    vertical-align: middle;
}
.top-nav i.btn-icon.icon-outer{
    color: #4695f6;
}
.forcefull{
    width:100% !important;
    float: left;
}
.lg-font{
    font-size: 20px;
}
.clear-search,
.close-search{
    position: absolute;
    right: 10px;
    cursor: pointer;
    z-index: 4;
    top: 50%;
    margin-top: -21px;
}
.esc-search{
    padding-right: 26px !important;
}
.container-billingdetail-page .pending-payment .pay{
    font-size:12px;
    display: inline-block;
}
.clear-search:after,
.close-search:after{
    font-size: 8px !important;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.34);
    padding: 2px;
    color: rgba(0, 0, 0, 0.41);
}
.pointer{
    cursor: pointer !important;
}
.container-geofence-page .fancy-checkbox-container .clear-search {
    right: 0px;
    margin-top: -8px;
}
.container-availability-page .fancy-search .clear-search{
    margin-top: -15px;
}
.popover{
    background: #282828;
    color: #fff;
    font-size: 12px;
    letter-spacing: .5px;
    font-family: Montserrat-Light;
}
.popover.right > .arrow:after {
    border-right-color: #282828;
}
.popover.left > .arrow:after {
    border-left-color: #282828;
}
.demo-account-strip{
    position: fixed;
    right: 0;
    bottom: 0;
    height: 60px;
    line-height: 2;
    background: #4695f6;
    color: #fff;
    width: 100%;
    z-index: 4;
    padding: 10px 20px;
    font-size: 14px;
    text-align: right;
    letter-spacing: 0.5px;
}
.demo-account-strip .form-group{
    margin-left: 20px;
}
.demo-account-strip .btn{
    border-radius: 100px;
    background-color: #ffffff;
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1);
    color: #4695f6;
    margin-left: 20px;
    letter-spacing: 1px;
    min-width: 150px;
    height: 40px;
    font-size: 16px;
}
#toast-container .toast-success {
    background-color: #4695f6;
}
#toast-container {
    font-family: 'Montserrat-Light';
}
#toast-container .toast-title{
    font-family: 'Montserrat-Regular';
}
#toast-container.toast-bottom-right{
    bottom: 80px;
}
.demo-account-strip h4{
    display: inline-block;
    vertical-align: middle;
    margin: 0px 12px;
}
.demo-account-strip .form-control{
    border-radius: 2px;
    background-color: rgba(255, 255, 255, 0.9);
    border: solid 1px #207be0;
    padding-left: 15px;
    letter-spacing: .4px;
    height:40px;
}
.demo-account-strip .btn:hover{
    color: #333;
    box-shadow: 0 8px 15px 4px rgba(0, 0, 0, 0.1);
}
.sidebar-search .close-search,
.sidebar-search .clear-search{
    right: -5px;
    height: 40px;
    top: 0;
    width: 40px;
    line-height: 34px;
    text-align: center;
    margin-top: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    cursor: pointer;
}
.sidebar-search .close-search:hover,
.sidebar-search .clear-search:hover{
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.left-sidebar .sidebar-search .clear-search{
    display: none;
}
.left-sidebar .sidebar-search .clear-search:after,
.left-sidebar .sidebar-search .close-search:after{
    font-size: 10px !important;
    border: none;
    color: rgb(255, 255, 255);
}
.sub-header .hidden-select{
    position: relative;
}
.sub-header .hidden-select select{
    position: absolute;
    right: 0px;
    top: 0;
    height: 100%;
    left: auto;
    opacity: 0;
    cursor: pointer;
}
.container-availability-page .fancy-search .search-box{
    position: relative;
    width: calc(100% - 140px);
}
.container-availability-page .fancy-search .search-tags {
    /*width: 145px;*/
    width: auto;
}
.container-availability-page .fancy-search.sm-search span.search {
    top: 1px;
}
.top-nav .menu-trigger{
    font-size: 15px;
    line-height: 60px;
    cursor: pointer;
}
input[readonly] {
    cursor: not-allowed;
}
.icon-outer-blue{
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    cursor: pointer;
    width: 36px;
    height: 36px;
    background-color: rgba(0, 0, 0, 0.07);
    display: inline-block;
    border-radius: 50px;
    line-height: 36px;
    text-align: center;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
.overlay-backdrop{
    background: rgba(0, 0, 0, 0.67);
    position: fixed;
    top:0;
    left: 0;
    width:100vw;
    z-index: 9999;
    height:100vh;
}
.page-heading .logout{
    font-size: 19px;
}
.refrence-img tags-input .tags .input{
    width:100% !important;
}
.valign-pos{
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
}
.disabledClass {
    opacity: 0.5;
    pointer-events: NONE;
}
#error_messsage, #success_messsage {
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 100000;
    text-align: left;
    background: none;
    user-select: none;
}

.msg-cntr-es {
    background-color: #323232;
    border-radius: 3px;
    padding: 10px 16px;
    min-width: 450px;
    width: 100%;
    font-family: 'Montserrat-Light';
    letter-spacing: .8px;
}
.msg-cntr-es .text-alg-rt{
    color: #808080 !important;
    line-height: 1;
    float: right;
    margin-right: -15px;
    text-align: right;
    height: 100%;
    display: inline-block;
    cursor: pointer;
}
.fix-popup .ngdialog-content{
    overflow: hidden;
    min-width: 80%;
}
#success_messsage {
    color: #75FF8D;
    display: none;
}

#error_messsage {
    color: #FF6A6A;
    display: none;
}
.parsley-errors-list > li {
    font-size: 11px;
    letter-spacing: .5px;
    line-height: 13px;
}
.add-agent-modal .ui-select-search{
    height: auto;
    max-width: 100%;
    box-sizing: border-box;
}
.add-agent-modal .ui-select-bootstrap > .ui-select-match > .btn{
    padding: 4px 8px;
}

.toggle-taskview .btn-group{
    border: 1px solid #dadada;
    border-radius: 3px;
}
.toggle-taskview .btn{
    color:  #a8a8aa;
    background: transparent;
    text-transform: uppercase;
}
.toggle-taskview .btn.active{
    color: #333;
    background: #f5f6f8;
    box-shadow: none;
}

.int-search::-webkit-input-placeholder,
.int-search-db::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.6);
}


/********Messages styles**********/

.more-btn .dropdown-menu{
    width: 210px;
    border-radius: 5px !important;
}
.more-btn .dropdown-menu a>img,.dropdown-menu a>i{
    float: right;
}
.more-btn .dropdown-menu > li > a {
    /* display: block; */
    padding: 10px 20px;
    border-left: 3px solid transparent;
    transition: all .3s;
}
.more-btn .dropdown-menu > li > a:hover{
    background-color: transparent !important;
    color: #4695f6;
    border-left: 3px solid #4695f6;
}
.more-btn .dropdown-menu:after{
    content: '';
    position: absolute;
    top: -19px;
    right: 10px;
    width: 0;
    border: 10px solid transparent;
    border-bottom-color: #fff;
}
.more-btn .dropdown-menu.dropdown-menu-child:after {
    display: none;
}
.right-sliding .more-btn .dropdown-menu-child{
    left: auto !important;
    right: 100% !important;
}
/*******Agent page style********/
.main-outer.new-dashboard .main-inner{
    position: relative;
}
.main-outer.new-dashboard .left-sidebar{
    position: relative;
    z-index: 2;
}
#sideMenu li.active>a {
    color: #fff;
}
.left-sidebar #sidebar-search{
}
.topbar-text .inline-task-detail u{
    text-transform: capitalize;
}
.topbar-text .inline-task-detail u:hover,
.topbar-text .inline-task-detail .inline-btn:hover u,
.topbar-text .inline-task-detail .inline-btn:hover .header-icon{
    color: #282828;
}
.topbar-text .inline-task-detail u:after{
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.topbar-text .inline-task-detail u:hover:after,
.topbar-text .inline-task-detail .inline-btn:hover u:after{
    background: #282828;
}
.topbar-text .inline-task-detail .inline-btn:hover .header-icon,
.topbar-text .inline-task-detail .inline-btn:hover u,
.topbar-text .inline-task-detail u:hover {
    color: #4695f6;
}
.all-task-link,
.all-task-link:hover{
    color: #fff;
    text-decoration: underline;
    font-size: 12px;
    float: right;
    line-height: 60px !important;
    padding: 0 !important;
}
.all-task-link:hover,
.main-inner .top-nav u:hover+.header-icon .material-icons {
    color: #4695f6;
}
.inline-task-detail{
    min-width: 396px;
}
.all-task-link a,
.all-task-link a:hover{
    color: #fff;
    text-decoration: underline;
}
.left-sidebar .all-task-link{
    width: 100px;
    position: absolute;
    z-index: 2;
    right: 0;
    top: 5px;
    line-height: 26px;
    border-left: 1px solid rgba(0, 0, 0, 0.21);
    text-align: center;
    color: #4695f6;
    font-size: 14px;
}
.top-nav .inline-task-detail .enhanced-datepicker input{
    position: absolute;
    opacity: 0;
    top: 0;
    height: 100%;
    height: 60px;
    z-index: -1;
}
.left-sidebar .all-task-link a{
    text-decoration: none !important;
    color: #4695f6;
}
.left-sidebar .all-task-link a .tf:after{
    font-size: 10px;
}
.left-sidebar .single-agent .left-thumb img, .left-sidebar .single-agent .left-thumb .assign-agent {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
.left-sidebar .single-agent .client-name {
    font-size: 14px;
    margin-bottom: 5px;
    color: #000000;
}
.left-sidebar .single-agent .address {
    font-size: 12px;
}
.single-agent .task-detail .view-more {
    position: absolute;
    right: 8px;
    top: 50%;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    padding: 3px 10px;
    transition: all .4s;
    cursor: pointer;
}
.single-agent .task-detail .view-more img {
    width: 6px;
}
.sub-header .dropdown .dropdown-menu{
    background: #fafafa;
}
.dropdown .listCheck .round-checkbox{
    pointer-events: none;
}
.sub-header .dropdown .listCheck li a{
    font-size: 12px;
    padding: 5px 10px;
}
.tasks-count .count{
    width: 35px;
    height: 35px;
    border-radius: 63.3px;
    -webkit-backdrop-filter: blur(1.9px);
    backdrop-filter: blur(1.9px);
    background-color: #ffffff;
    border: solid 1px rgba(0, 0, 0, 0.15);
    font-size: 20px;
    font-weight: normal;
    color: #4695f6;
    /*padding: 3px 0;*/
    margin: 0 auto;
}
.left-sidebar .single-agent {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
    padding: 20px 0;
}
.left-sidebar .single-agent .left-thumb{
    width: 55px;
    position: relative;
}
.left-sidebar .single-agent .left-thumb:after{
    content: '';
    position: absolute;
    right:0;
    bottom: 0px;
    width: 10.4px;
    border-radius: 10px;
    height: 10.4px;
    background-color: #3fc145;
    border: solid 2px #ffffff;
}
.left-sidebar .single-agent>.task-detail{
    width: calc(100% - 55px);
}
.single-agent .task-detail .view-more{
    transition: all .3s;
    padding: 1px 1px;
    top: 23%;
}
.single-task .task-detail .view-more{
    padding: 1px 1px;
}
.task-detail .view-more>i{
    font-weight: 100;
}
.agent-detail-box,.content-wrapper section.agent-detail-box{
    position: absolute;
    left:0;
    transition: all .5s;
    z-index: 1;
    width: 370px;
    height: calc(100% - 100px) !important;
    height: calc(100vh - 100px) !important;
    background-color: #ffffff;
    box-shadow: 10px 0 15px 0 rgba(0, 0, 0, 0.12);
}
#agent-switch section.agent-detail-box{
    width: 330px;
}
.agent-detail-box.open,.content-wrapper section.agent-detail-box.open{
    left: 430px;
}
.agent-detail-box.sliding-bottom .more-info-expand {
    position: absolute;
    right: 16px;
    bottom: 11px;
}
.agent-detail-box.sliding-bottom .tasks-list{
    padding: 15px 0;
}
.agent-detail-box.sliding-bottom .tasks-list .single-task{
    padding: 10px 12px 10px 30px;
    border-top:1px solid transparent;
    border-bottom:1px solid transparent;
}
.agent-detail-box.sliding-bottom .date-header{
    background-color: #f8f8f8;
    font-size: 14px;
    padding: 0px 12px;
    line-height: 40px;
    position: relative;
}
.agent-detail-box.sliding-bottom .tasks-list .single-task.active{
    border-top: 1px solid #4695f6;
    border-bottom: 1px solid #4695f6;
    background: #f5f5f5;
}

.agent-detail-box.sliding-bottom .tasks-list .single-task.active .below-line{
    opacity: 0;
}
.agent-detail-box.sliding-bottom .date-header.search-open{
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.08);
}
.agent-detail-box.sliding-bottom .date-header b{
    font-size: 16px;
}
.agent-detail-box.sliding-bottom .date-header .count{
    color: rgba(0, 0, 0, 0.45);
}
.agent-detail-box.sliding-bottom .date-header .search-box{
    background: #f8f8f8;
}
.animate-ng-show{
    opacity:1;
}
.custom-fields .owl-stage-outer .item {
    text-align: center;
    word-break: break-word;
}
.flexslider.history-carousel .slides > li{
    position: relative;
}
.flexslider.history-carousel .flex-image-caption{
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    background: #fff;
    padding: 5px;
}
.animate-ng-show.ng-hide {
    opacity:0;
}
.animate-ng-show.ng-hide-remove {
    transition: all 0.3s;
}
.agent-detail-box.sliding-bottom .date-header .search-box input{
    border: 1px solid #dedede;
    padding: 0;
    border-radius: 2px;
    margin-bottom: 12px;
    height: 28px;
    padding: 4px 10px;
    color: rgba(0, 0, 0, 0.62);
    font-size: 12px;
    letter-spacing: .8px;
    background: #fff;
}
.agent-detail-box.sliding-bottom .date-header .search-box .clear-search{
    line-height: 28px;
    right: 7px;
}
.agent-detail-box.sliding-bottom .date-header .date-outer{
    padding: 0 5px;
    line-height: 27px;
    margin-top: 6px;
    border-radius: 4px;
    margin-right: 2px;
    position: relative;
}
.left-sidebar .pane-header .head-tab,
.left-sidebar .pane-header .right-agent-tab{
    text-transform: capitalize;
}
.agent-detail-box.sliding-bottom .date-header .date-outer:hover,
.agent-detail-box.sliding-bottom .date-header .date-outer.open{
    background: #eaeaea;
}
.sliding-bottom .detail-header .name{
    font-size: 18px;
}
.sliding-bottom.agent-detail-box .active-state{
    margin-right: 8px;
    text-transform: capitalize;
}
.agent-detail-info{
    display: flex;
    flex-direction: column;
    height: calc(100vh - 160px);
}
.agent-detail-info.is-optimize{
    height: calc(100vh - 200px);
}
.agent-detail-box.sliding-bottom .close-detail,
.new-pane .close-detail{
    padding: 0;
    width: 28px;
    height: 28px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    background: rgba(33, 33, 33, 0.34);
    opacity:0;
    transition-delay: 0s;
    -webkit-transition: all .3s .5s, transform .3s 0s;
    -moz-transition: all .3s .5s, transform .3s 0s;
    -ms-transition: all .3s .5s, transform .3s 0s;
    -o-transition: all .3s .5s, transform .3s 0s;
    transition: all .3s .5s, transform .3s 0s;
}
#tasks-switch .agent-detail-box.sliding-bottom .close-detail{
    left: auto !important;
    right: -2px !important;
}
.agent-detail-box.sliding-bottom.open .close-detail,
.new-pane.open .close-detail{
    left: auto !important;
    opacity: 1;
    right: 6px;
}
#tasks-switch .agent-detail-box.sliding-bottom.open .close-detail{
    right: 4px !important;
}
.agent-detail-box.sliding-bottom.left-detail.open .close-agent-detail{
    right: -12px !important;
    opacity:1;
}
.agent-detail-box.sliding-bottom .close-detail:hover{
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.agent-detail-box.sliding-bottom .date-header .search-box input:focus{
    border-color: #4695f6;
}
.agent-detail-box.sliding-bottom .date-header .search{
    cursor: pointer;
}
.agent-detail-box.sliding-bottom .date-header .search:hover,
.search-open .search{
    color: #4695f6;
}
.inline-task-detail .agentOpenDetail{
    font-size: 15px;
}
.agent-detail-box.sliding-bottom .date-header input.datepicker{
    position: absolute;
    opacity:0;
    bottom: 0;
    width: 0;
}
.agent-detail-box.sliding-bottom{
    top:100%;
    transform-origin: 100% 50%;
    left: auto !important;
    transition: all .5s;
    z-index: 2 !important;
    opacity: 0;
}
.agent-detail-box.sliding-bottom .info-list{
    padding: 20px 12px 37px;
    position: relative;
}
.agent-detail-box.sliding-bottom .info-list ul,
.panel-detail .info-list{
    margin: 0;
    padding: 0;
    list-style: none;
}
.agent-detail-box .panel-detail .info-list{
    padding: 0;
}
.agent-detail-box.sliding-bottom .info-list li,
.panel-detail .info-list li{
    border-bottom: 1px solid #f1f1f1;
    height: auto;
    line-height: 1.14;
    float: left;
    width: 100%;
    padding: 7px 0;
}
.panel-detail .info-list li>*{
    padding: 0;
}
.agent-detail-box.sliding-bottom .info-list li>label,
.panel-detail .info-list li>label{
    width: 40%;
    font-size: 13px;
    color: #888888;
    text-transform: capitalize;
    float: left;
    margin-bottom: 0;
    font-weight: 100;
}
.agent-detail-box.sliding-bottom .hover-line:after{
    background-color: #4695f6;
}
.agent-detail-box.sliding-bottom .info-list li>span,
.panel-detail .info-list li>span{
    color: #000;
    font-size: 14px;
    float: left;
    width:60%;
}
.agent-detail-box.sliding-bottom.open{
    right:0;
    z-index: 2;
    top: 40px;
    opacity:1;
}
.agent-detail-box.sliding-bottom .info-list .badge{
    border-radius: 2px;
    background-color: #cbd1db;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.3px;
    color: #ffffff;
    text-transform: uppercase;
    line-height: 12px;
    margin: 0 2px 3px 0;
}
.agent-detail-box .close-task-detail, .agent-detail-box .close-agent-detail,.detail-slider-box .close-detail{
    position: absolute;
    right:0;
    top:0;
    background: rgba(115, 115, 115, 0.48);
    color: #fff;
    cursor: pointer;
    padding: 6px;
    border-radius: 0 0 4px 0;
    width: 30px;
    height: 30px;
    transition: all .5s;
    z-index: 10;
}
.agent-detail-box.open .close-task-detail, .agent-detail-box.open .close-agent-detail,.detail-slider-box .close-detail{
    right:-30px;
}
.agent-detail-box .close-task-detail i, .agent-detail-box .close-agent-detail i{
    font-size: 20px;
    font-weight: 600;
}

.agent-detail-box .close-task-detail1, .agent-detail-box .close-agent-detail,.detail-slider-box .close-detail{
    position: absolute;
    right:0;
    top:0;
    background: rgba(115, 115, 115, 0.48);
    color: #fff;
    cursor: pointer;
    padding: 6px;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    transition: all .5s;
    z-index: 10;
}
.agent-detail-box.open .close-task-detail1, .agent-detail-box.open .close-agent-detail,.detail-slider-box .close-detail{
    right:-30px;
}
.right-agent-setup .waiting-login{
    background: #eaedf0;
    padding: 6px;
    color: #010101;
    border-radius: 4px;
    margin-bottom: 20px;
}
.agent-detail-box .close-task-detail1 i, .agent-detail-box .close-agent-detail i{
    font-size: 20px;
    font-weight: 600;
}

.single-agent.active .view-more,.single-task.active .view-more{
    background: #4695f6;
    right: -11px;
    color: #fff;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.main-outer.new-dashboard .left-sidebar.agent-view{
    overflow: visible;
}
.main-outer.new-dashboard .left-sidebar .tab-content{
    overflow: visible;
}
.single-agent.active .view-more:hover{
    color: #000;
}
.main-outer.new-dashboard .agent-detail-box .task-tabs li {
    width: 33.33%;
}
.agent-detail-box .task-tabs.connected-task li>a {
    display: table-cell;
    vertical-align: middle;
    width: 200px;
    height: 40px;
    line-height: 18px !important;
}
.agent-detail-box .task-tabs.connected-task{
    background: #418ae4;
}
.main-outer.new-dashboard .agent-detail-box .task-tabs.connected-task li{
    width: 25%;
}
.detail-tabs .task-tabs.connected-task+.detail-action{
    height: 40px;
    line-height: 33px;
}
.detail-tabs .task-tabs.connected-task{
    background: #eaedf0;
    display: table;
}
.main-outer.new-dashboard .agent-detail-box .task-tabs.connected-task li a{
    padding: 0px 5px;
    font-size: 12px !important;
}

.customer-detail-box .detail-header{
    height: 70px;
    line-height: 70px;
    background-color: #418ae4;
    border-bottom: 1px solid rgba(255, 255, 255, 0.21);
    padding: 2px 15px;
}
.container-approveddriver-page .t-fancy-table.table > tbody > tr > td{
    cursor: default;
}
.agent-detail-box .detail-action{
    line-height: 27px;
}
.main-inner.on-boarding .agent-detail-box .detail-action{
    display: none;
}
.detail-action a{
    width:35px;
    display: inline-block;

}
.detail-header .task-id{
    font-size: 24px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 1.5px;
}
.detail-tabs li>a,.detail-tabs  > li > a:hover{
    background: #418ae4 !important;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.57;
    letter-spacing: 0.4px;
    border: 0;
    color: rgba(255, 255, 255, 0.5);
}
.detail-tabs li>a{
    border-bottom: 3px solid #418ae4;
}
.detail-tabs .nav-tabs > li.active > a{
    background: #1394ff;
    border: 0;
    color: #ffffff;
    border-bottom: 3px solid #fff;
}
.detail-tabs h6,.detail-tabs h5{
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.9px;
    text-align: left;
    color: #000000;
}
.detail-tabs h6{
    margin-bottom: 3px;
}
.detail-tabs h5{
    font-size: 16px;
}
.detail-tabs .tab-content {
    overflow: hidden;
    padding: 10px 28px;
}
.client-detail .row>div:first-child{
    padding-left: 0;
}
.history .single-history .left img{
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
.history .single-history b{
    font-size: 12px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.8px;
    color: #000000;
    display: block;
}
.history .single-history .left{
    padding-right: 0;
    font-size: 10px;
    position: relative;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.6px;
}
.history{
    position: relative;
}
.popover .popover-content{
    word-wrap: break-word !important;
}
.history .single-history .left:after{
    /*content: '';*/
    /*position: absolute;*/
    /*right: -33px;*/
    /*width: 9px;*/
    /*top: 25%;*/
    /*height: 9px;*/
    /*background-color: #419bf9;*/
    /*border-radius: 10px;*/
}
.t-fancy-table thead th,
.t-fancy-table tbody td{
    height: 47px;
    padding-left: 20px;
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000000;
    font-family: 'Montserrat-Light';
}

/*****From new dashboard html****/

.layout-fixed .wrapper > section {
    margin-top: 0;
}
.dashboard-wrapper {
    width: 100%;
    height: 100%;
    bottom: 0px;
    left: 0px;
    right: 0px;
    top: 0px;
    position: absolute;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.6);
}

.dashboard-wrapper label{
    font-size:12px;
}

.dashboard-wrapper .dashboard-panel {
    height: 100%;
    display: inline-block;
    width: calc(100% - 260px);
    margin-left: 260px;
}

.dashboard-wrapper .data-container .tab-pane {
    position: absolute;
    top: 97px;
    bottom: 35px;
    right: 0;
    left: 0;
    overflow: auto;
}

.dashboard-wrapper .offsidebar .data-container .tab-pane {
    /*position: absolute;*/
    /*top: 97px;*/
    bottom: 5px;
    /*right: 0;*/
    /*left: 0;*/
    /*overflow: auto;*/
}

.dashboard-wrapper .image-container {
    width: 15px;
    margin-top: 14px;
    vertical-align: top;

}

#offsidebar-btn {
    position: absolute;
    height: 40px;
    top: 0;
    left: 260px;
    width: 40px;
    background-color: #4CB037;
    color: #fff;
    z-index: 10;
    font-size: 16px;
    text-align: center;
    border-radius: 0 3px 3px 0;
    cursor: pointer;
    padding-top: 9px;
}

#offsidebar-btn.close-offsidebar {
    left: 260px;
}

#offsidebar-btn.close-offsidebar .material-icons, #rightsidebar-btn.close-rightsidebar .material-icons{
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -o-transform:rotate(180deg);
}

#rightsidebar-btn {
    position: absolute;
    height: 40px;
    top: 50px;
    left: 260px;
    width: 40px;
    background-color: #4CB037;
    color: #fff;
    z-index: 10;
    font-size: 16px;
    text-align: center;
    border-radius: 3px 0 0 3px;
    cursor: pointer;
    padding-top: 9px;
}

#rightsidebar-btn.close-rightsidebar {
    right: 0px;
}



.dashboard-wrapper .offsidebar {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 260px;
    display: inline-block;
    /*color: rgba(0, 0, 0, 0.7);*/
    color: #707070;
    height: 100%;
    background-color: #f9f9f9;
    box-shadow: 5px 0 40px -5px rgba(0, 0, 0, 0.5);
    z-index: 5;
    opacity: 1;
    /*-webkit-overflow-scrolling: touch;*/
    /*-webkit-transition: all 0.5s ease;*/
    /*-o-transition: all 0.5s ease;*/
    /*transition: all 0.5s ease;*/
}

.dashboard-wrapper .offsidebar.close-offsidebar {
    display: none;
}

.dashboard-wrapper .offsidebar .data-container{
    background-color: #fff;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14);
}

.dashboard-wrapper .rightsidebar .data-container{
    background-color: #fff;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14);
}

.dashboard-wrapper .offsidebar .nav-tabs {
    width: 260px;
    padding: 5px 0px 0px 0px;
    background-color: #fff;
    height: 56px;
}

.dashboard-wrapper .offsidebar nav .nav-justified li {
    width: 86.66px;
    height: 50px;
    border: none;
}

.dashboard-wrapper .offsidebar .tab-content {
    padding: 0;
    border: 0;
}

.dashboard-wrapper .offsidebar .nav-tabs > li > a {
    border: 0 !important;
    margin-bottom: 7%;
    background-color: white;
}

.dashboard-wrapper .offsidebar .nav-tabs > li:last-child > a {
    border: 0;
    border-right: none;
    /*margin-bottom: 2px;*/
}

.dashboard-wrapper .offsidebar .nav-tabs > li.active {
    color: #2196F3 !important;
    border-bottom: 3px solid #2196F3;
}

.dashboard-wrapper .rightsidebar {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 260px;
    /*color: rgba(0, 0, 0, 0.7);*/
    color: #707070;
    height: 100%;
    z-index: 5;
    box-shadow: -5px 0 40px -5px rgba(0, 0, 0, 0.2);
    background-color: #f9f9f9;
    opacity: 1;
    /*-webkit-overflow-scrolling: touch;*/
    /*-webkit-transition: all 0.5s ease;*/
    /*-o-transition: all 0.5s ease;*/
    /*transition: all 0.5s ease;*/
}

.dashboard-wrapper .rightsidebar.close-rightsidebar {
    display: none;
    /*opacity: 0;*/
}

.dashboard-wrapper .rightsidebar .nav-tabs {
    width: 260px;
    padding: 5px 0px 0px 0px;
    height: 56px;
}

.dashboard-wrapper .rightsidebar nav .nav-justified li {
    width: 86.33px;
    height: 50px;
    border: none;
}

.dashboard-wrapper .rightsidebar .tab-content {
    padding: 0;
    border: 0;
}

.dashboard-wrapper .rightsidebar .tab-content .tab-pane{
    bottom:50px
}

.dashboard-wrapper .rightsidebar .nav-tabs > li > a {
    border: 0 !important;
    margin-bottom: 7%;
    background-color: white;
}

.dashboard-wrapper .rightsidebar .nav-tabs > li:last-child > a {
    border: 0;
    border-right: none;
    /*margin-bottom: 2px;*/
}

.dashboard-wrapper .rightsidebar .nav-tabs > li.active {
    color: #2196F3 !important;
    border-bottom: 3px solid #2196F3;
}

.dashboard-wrapper .customer_name {
    text-transform: capitalize;
    display: inline-block;
    width: 105px;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    /*font-size: 12px;*/
    color: #505050;
}

.dashboard-wrapper .dashboard-panel.close-left {
    display: inline-block;
    width: calc(100% - 260px);
    margin-left: 260px;
    margin-right: 0px;
}

.dashboard-wrapper .dashboard-panel.close-right {
    display: inline-block;
    width: calc(100% - 260px);
    margin-left: 260px;
    margin-right: 0px;
}

.dashboard-wrapper .dashboard-panel.close-both {
    display: inline-block;
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
}

.dashboard-wrapper .dashboard-panel .container {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.dashboard-wrapper .dashboard-panel .angular-google-map-container {
    position: absolute;
    height: 100%;
    width: calc(100% - 260px);
    left: 260px;
    right: 0px;
}

.dashboard-wrapper .dashboard-panel.close-left .angular-google-map-container {
    position: absolute;
    height: 100%;
    width: calc(100% - 260px);
    left: 260px;
    right: 0px;
}

.dashboard-wrapper .dashboard-panel.close-right .angular-google-map-container {
    position: absolute;
    height: 100%;
    width: calc(100% - 260px);
    left: 260px;
    right: 0px;
}

.dashboard-wrapper .dashboard-panel.close-both .angular-google-map-container {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 260px;
    right: 0px;
}

.row-margin {
    margin-left: 0;
    margin-right: 0;
}

.rightsidebar .tab-content-container-inner{
    padding: 6px 10px 4px 10px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14);
    background-color: #fff;
    margin-top:2px;
    cursor:pointer;
}
.rightsidebar .job-container .detail-btn-container .btn{
    padding: 6px 10px;
}

.rightsidebar .tab-content-container.active .tab-content-container-inner{
    background-color: rgba(80, 172, 245, 0.18) !important;
}

.offsidebar .tab-content-container-outer {
    margin:2px 0 0 0;
}

.dashboard-wrapper .tab-offsidebar-inner{
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14);
    padding:8px 10px 3px 10px;
    background-color: #fff;
}


.offsidebar .detail-btn-container:before{
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.offsidebar .detail-btn-container{
    height: 100%;
    position: absolute;
    width:30%;
    text-align: right;
    /*padding-top: 4%;*/
    vertical-align: middle;

}
.offsidebar .detail-btn-container .btn{
    padding: 0 10px;
    height: 18px;
    max-width: 90%;
    vertical-align: middle;
    overflow: hidden;
    white-space: nowrap;
    font-size: 11px;
    font-family: 'Graphic-Regular';
    text-overflow: ellipsis;
}

.offsidebar .nav-tabs{
    padding: 5px 0px 0px 0px;
}


.offsidebar .tab-content-container .active .tab-offsidebar-inner{
    background-color: rgba(80, 172, 245, 0.18) !important;
}

.offsidebar.close-offsidebar .tab-content-container {
    text-align: center;
}

.dashboard-wrapper .media img {
    width: 60px;
    height: 60px;
    overflow: hidden;
    padding: 2px;
    margin-bottom: 2px;

}

.title-count {
    font-size: 20px;
    display: block;
    margin-bottom: -6px;
    font-family: "Graphic-Regular";
}

.title-text{
    font-size: 12px;
}

.offsidebar ul li a {
    padding: 0 0 0 3px;
}

.offsidebar ul li a tab-heading {
    height: 50px;
    font-weight: normal;
}

.rightsidebar ul li a tab-heading {
    height: 50px;
    font-weight: normal;
}

.rightsidebar ul li a {
    padding: 0 0 0 3px;
}

.dashboard-wrapper .driver-detail-container {
    width: calc(100% - 20px);
}

.dashboard-wrapper .job-text {
    padding-left: 7px;
}

.offsidebar label {
    opacity: 1;
}

/*
Date-Picker Offsidebar
*/

.dashboard-wrapper .task-calender {
    font-size: 15px;
    padding: 9px 8px 5px 15px;
    width: 100%;
    background-color: #0382C5;
    color: #FFF;
    height: 40px;
}

.dashboard-wrapper .setCursor {
    cursor: pointer !important;
}

.dashboard-wrapper .underline:hover{
    text-decoration: underline;
}

.agent-detail-box .enhanced-datepicker {
    /*color: #040404;*/
    /*text-align: center;*/
    /*display: inline-block;*/
    /*margin-top: 14px;*/
    /*width: 142px;*/
    /*height: 29px;*/
    /*border-radius: 100px;*/
    /*background-color: #f5f5f5;*/
    /*border: solid 1px #d9d9d9;*/
    /*position: relative;*/
}

.enhanced-datepicker label {
    margin: 0;
    padding: 0;
}

/*.enhanced-datepicker .btn {*/
/*font-size: 12px;*/
/*color: rgba(0, 0, 0, 0.4);*/
/*margin: 0;*/
/*margin-top: -5px;*/
/*padding: 0;*/
/*}*/

.enhanced-datepicker table .btn, .enhanced-datepicker-analytics table .btn{
    font-size: 13px;
    padding: 6px;
    box-shadow: none;
    background: #fff;
    color: #707070 !important;
    font-family: 'Graphic-Regular';
}
.enhanced-datepicker table th .btn.btn-sm, .enhanced-datepicker-analytics table th .btn.btn-sm{
    vertical-align: top;
    border: none;
    margin-bottom: 7px;
}
.enhanced-datepicker table th .btn.btn-sm.pull-right .glyphicon, .enhanced-datepicker-analytics table th .btn.btn-sm.pull-right .glyphicon{
    padding-left: 4px;
}
.enhanced-datepicker table th .btn.btn-sm.pull-left .glyphicon, .enhanced-datepicker-analytics table th .btn.btn-sm.pull-left .glyphicon{
    padding-right: 4px;
}

.enhanced-datepicker table td .btn , .enhanced-datepicker-analytics table td .btn{
    border: none;
    background: transparent;
}
.enhanced-datepicker table .btn{
    /*width: 30px;*/
    /*height: 30px;*/
}
.enhanced-datepicker table .btn.active,
.enhanced-datepicker table .btn:focus,
.enhanced-datepicker table .btn:hover{
    background: #4695f6;
    color: #fff !important;
    border-radius: 25px;
    /*width: 30px;*/
    /*height: 30px;*/
}
.enhanced-datepicker table .btn.active .text-info,
.enhanced-datepicker table .btn:focus .text-info,
.enhanced-datepicker table .btn:hover .text-info{
    color: #fff !important;
}
.dashboard-wrapper .enhanced-datepicker input{
    width: 90px;
    border: 0;
    color: #585858;
    font-size: 11px;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    font-family: 'Montserrat-Light';
    line-height: 28px;
    vertical-align: top;
    background: transparent;
    box-shadow: none;
}
.enhanced-datepicker .date-icon{
    padding-top: 0;
    border: none;
    background: none;
    outline: none;
    height: 28px;
    border-left: 1px solid #d9d9d9;
}
.enhanced-datepicker .date-icon span{
    vertical-align: top;
}
.agent-detail-box .enhanced-datepicker .date-icon{
    padding: 0;
}
.agent-detail-box .enhanced-datepicker .date-icon span{
    margin-top: 1px !important;
}
.dashboard-wrapper .enhanced-datepicker .dropdown-menu {
    left: 0px !important;
    min-width: 260px;
    padding:15px 0px 5px 0px;
}
.enhanced-datepicker-analytics .dropdown-menu{
    min-width: 215px;
    padding: 0px 0px 7px 5px;
}

.enhanced-datepicker table ,.enhanced-datepicker-analytics .table{
    margin: 0 auto;
    margin-bottom: 10px;
}

.enhanced-datepicker table{
    line-height: 18px;
}
.enhanced-datepicker table th.text-center,.enhanced-datepicker-analytics table th.text-center{
    opacity: 0.7 !important;
    color: #505050;
}

.navbar-right .menu .dropdown-menu {
    max-width: 200px;
    border: 1px solid #fff;
}

.navbar-right .menu .dropdown-menu .menu-items:first-child {
    display: none;
}

/*#content_menu{*/
/*padding-top: 10px;*/
/*padding-bottom: 10px;*/
/*}*/

.menu-items.active, .menu-items:hover {
    background: #f9f9f9;
}
.menu-items {
    display: inline-block;
    padding: 0px 0px 0px 15px;
    width: 100%;
    opacity: 1;
}

.navbar-nav .list-group .list-group-item {
    padding: 10px 10px 0px 10px;
}

.list-group .list-group-item{
    cursor:pointer;
}
.menu-title {
    width: 110px;
    height: 35px;
    text-align: left;
    overflow: hidden;
    display: inline-block;
    padding-top: 6px;
    padding-left: 5px;
    color: #505050;
    opacity: 1;
    font-family: 'Graphic-semibold';
    vertical-align: top;
}

.menu-title a, .menu-title a:hover{
    text-decoration: none;
    color: #505050
}

.menu-icon {
    width: 40px;
    height: 35px;
    text-align: center;
    overflow: hidden;
    display: inline-block;
    color: #54B0D2;

}

#dashboardMap {
    height: 100%;
}


.panel-body-custom {
    padding: 0;
    border-bottom: 1px solid #eaebec;
}

.fleet-status {
    height: 10px;
    width: 10px;
    border-radius: 50%;

}

.fleet-status-img{
    height: 14px;
    width: 14px;
    border-radius: 50%;

}

.op-mid{
    opacity: 0.8;
}
.ft-pipe{
    padding: 0 1px;
    font-size: 16px;
    font-weight: lighter;
    opacity: 0.5;
}


.agent-status{
    border-radius: 10px;
    border: 1px solid transparent;
    padding: 1px 7px;
}


.task-calender .enhanced-datepicker input {
    width: 95px;
    height: 26px;
    font-size: 13px;
    text-align: left;
    padding-left: 10px;
    border-top-left-radius:2px;
    border-bottom-left-radius:2px;
}



/*.gm-style-iw {*/
/*max-width: 250px !important;*/
/*max-height: 90px !important;*/
/*top: 5px !important;*/
/*left: 5px !important;*/
/*margin: 0 !important;*/
/*}*/


.fleet-marker-window {
    overflow: hidden !important;
    max-height: 90px;
    margin: 0 !important;
    padding: 0 !important;
    width: 200px;
}

.fleet-marker-window img {
    width: 20px;
    height: 20px;
    overflow: hidden;
}

/*.btn-info .text-info,*/
.btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active {
    color: #fff !important;
}

.offsidebar .assign-driver {
    width: 90px;
    height: 16px;
}
.offsidebar .recurring_img {
    width: 81px;
    height: 16px;
    margin-top: -1px;
}

.offsidebar .assign-driver button{
    height: 18px;
    padding: 0 2px !important;
    border: none;
    font-size:11px;
}

.select-driver-btn {
    width: 100%;
}

.offsidebar, .rightsidebar {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.no-chart-data {
    text-align: center;
    padding-top: 180px
}



@media only screen and (max-width: 768px) {



    .offsidebar, .rightsidebar, #offsidebar-btn, #rightsidebar-btn {
        display: none !important;
    }

    .offsidebar, .rightsidebar {
        width: 100% !important;
        height: auto !important;

    }

    .dashboard-wrapper .offsidebar .nav-tabs, .dashboard-wrapper .rightsidebar .nav-tabs {
        width: 100% !important;
    }

    .dashboard-wrapper .offsidebar .nav-tabs > li, .dashboard-wrapper .rightsidebar .nav-tabs > li {
        width: 30% !important;
        float: left;
    }

    .dashboard-wrapper .dashboard-panel {
        display: inline-block;
        width: 100% !important;
        margin-left: 0px;
        margin-right: 0px;
    }

    .dashboard-wrapper .dashboard-panel .angular-google-map-container {
        position: absolute;
        height: 100%;
        width: 100%;
        left: 260px;
        right: 0px;
    }

    .dashboard-wrapper .driver-detail-container {
        width: 90%;
    }

    .offsidebar, #offsidebar-btn, .rightsidebar, #rightsidebar-btn {
        margin-top: 40px !important;
    }

    .navbar-right .menu .dropdown-menu{
        max-width: 100% !important;
        right: 0 !important;
    }
    .menu-items{
        padding-left:60px;
    }

    .nav-wrapper .navbar-nav .open .dropdown-menu{
        width: 100%;
    }

}

@media screen and (max-width: 768px) {
    .int-search-db{
        width:92% !important;
    }
}

@media only screen and (max-width: 660px) {

    .menu-items{
        padding-left:35px;
    }
    .dashboard-wrapper .driver-detail-container {
        width: 85%;
    }
}

@media only screen and (max-width: 550px) {
    .menu-items{
        padding-left:10px;
    }
}
@media only screen and (max-width: 460px) {
    .menu-items{
        margin: 15px 0px 15px 5px;
    }
    .dashboard-wrapper .driver-detail-container {
        width: 75%;
    }
}

.dashboard-tab {
    width: 33% !important;
    float: left !important;
    padding: 10px !important;
    text-align: center;
}

.dashboard-tab a {
    color: #000 !important;
    text-decoration: none !important;
}

.dashboard-tab.active {
    color: #2196F3 !important;
    background: #ececec;
}

.showElements {
    display: block !important;
}

.animate-enter {
    -webkit-transition: 1s linear all; /* Chrome */
    transition: 1s linear all;
    opacity: 0;
}

.animate-enter.animate-enter-active {
    opacity: 1;
}

.animate-if.ng-enter, .animate-if.ng-leave {
    -webkit-transition: 1s linear all;
    -moz-transition: 1s linear all;
    -ms-transition: 1s linear all;
    -o-transition: 1s linear all;
    transition: 1s linear all;
}
/* du début de l'entrée */
.animate-if.ng-enter {
    max-height: 0;
    opacity: 0;
}
/* à la fin de l'entrée */
.animate-if.ng-enter.ng-enter-active {
    max-height: 999px;
    opacity:1;
}
/* du début de la sortie */
.animate-if.ng-leave {
    max-height: 999px;
    opacity:1;
}
/* à la fin de la sortie */
.animate-if.ng-leave.ng-leave-active {
    max-height: 0;
    opacity:1;
}


.dashboard-wrapper .dashboard-panel.dark_theme .angular-google-map-container{
    background-color: #215367 !important;
}

.dashboard-wrapper .dashboard-panel.light_theme .angular-google-map-container{
    background-color: #B3D1FF !important;
}

/*.enhanced-datepicker input:hover{*/
/*background-color: rgba(0, 0, 0, 0.5);*/
/*}*/


.dashboard-wrapper .dropdown-menu.animated.bounce {
    width: 100% !important;
}

.dashboard-wrapper .driver-name {
    width: 140px;
    text-transform: capitalize;
    color:#505050;
}

.enhanced-datepicker > ul, .enhanced-datepicker-analytics > ul{
    z-index: 1005 !important;
    top: 38px !important;
    border: none !important;
}

.dashboard-wrapper .content-wrapper {
    overflow: hidden !important;
}

/* your custom CSS \*/
@-moz-keyframes pulsate {
    from {
        -moz-transform: scale(0.25);
        opacity: 1.0;
    }
    95% {
        -moz-transform: scale(1.3);
        opacity: 0;
    }
    to {
        -moz-transform: scale(0.3);
        opacity: 0;
    }
}

.dashboard-wrapper .auto_assign{
    font-weight: normal;
    font-size:11px;
    vertical-align: top;
    padding-top:2px
}

@-webkit-keyframes pulsate {
    from {
        -webkit-transform: scale(0.25);
        opacity: 1.0;
    }
    95% {
        -webkit-transform: scale(1.3);
        opacity: 0;
    }
    to {
        -webkit-transform: scale(0.3);
        opacity: 0;
    }
}

/*.topnavbar .navbar-right .navbar-nav .material-icons:hover{*/
/*-moz-animation: pulsate 1.5s ease-in-out infinite;*/
/*-webkit-animation: pulsate 1.5s ease-in-out infinite;*/
/*}*/

.dashboard-wrapper  #livemap div.gmnoprint[title="InTransit1"] {
    -moz-animation: pulsate 1.5s ease-in-out infinite;
    -webkit-animation: pulsate 1.5s ease-in-out infinite;
    border: 12pt solid #2196F3;

    /* make a circle */
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    margin-top: -5px;
    margin-left: -5px;
    margin-right: -5px;
}

@-moz-keyframes translatespan {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
        -webkit-transform: translateX(5px);
    }
    75% {
        opacity: 0.5;
        -webkit-transform: translateX(0px);
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes translatespan {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
        -webkit-transform: translateX(5px);
    }
    75% {
        opacity: 0.5;
        -webkit-transform: translateX(0px);
    }
    100% {
        opacity: 1;
    }
}

.dashboard-wrapper .translate{
    -moz-animation: translatespan 1.5s ease-in-out infinite;
    -webkit-animation: translatespan 1.5s ease-in-out infinite;
    font-weight: bold;
}

.dashboard-wrapper .gmnoprint.gm-style-cc a {
    display: none;
}

.dashboard-wrapper .gmnoprint .gm-style-cc > div span {
    display: none;
}

.dashboard-wrapper .gm-style .gm-style-cc {
    display: none;
}

.dashboard-wrapper .fleets-container{
    height: calc(100% - 50px);
}

.dashboard-wrapper .fleets-container.resize-container{
    height: 100%;
}

.dashboard-wrapper .fleet_profile {
    height: calc(100% - 50px);
}

.dashboard-wrapper .fleet_profile.resize-container {
    height: 100%;
}

.dashboard-wrapper .fleet_profile .both-task-type {
    overflow-y: auto;
}
.fleet-tasks-list{
    height:calc(100% - 210px);
    overflow: auto
}
.fleet-tasks-zero{
    height:130px;
}
.dashboard-wrapper .fleet_profile .single-task-type{
    height: 100%;
    overflow-y: auto;
}

.dashboard-wrapper .fleet_profile .fleet_tasks .tasks_repeat {
    height: 100%;
    overflow-y: auto;
}

.topbar-fleet:before {
    content: "";
    display: table;
}
.topbar-fleet:after {
    content: "";
    display: table;
    clear: both;
}

.row-margin:before {
    content: "";
    display: table;
}
.row-margin:after {
    content: "";
    display: table;
    clear: both;
}

.dashboard-wrapper .job-type-box {
    display: inline-block;
    font-size: 12px;
    font-family: 'Graphic-Regular';
    padding: 0;
    border-radius: 2px;
    color: white;
    background-color: #0382c5;
    margin-right: 5px;
    vertical-align: top;
    text-align: center;
    width: 16px;
    line-height: 16px;
    /*margin-top: 3px;*/
}

.dashboard-wrapper .job-row2 {
    margin-left: 0;
    margin-right: 0;
    color: #707070;
    position: relative;
    /*color: rgba(0, 0, 0, 0.7);*/
    font-size: 12px;
}


.dashboard-wrapper .job-row3 {
    /*color: rgba(0, 0, 0, 0.7);*/
    color: #707070;
    font-size: 12px;
}

.dashboard-wrapper .detail-btn {
    float: right;
    font-size: 12px;
    color: #0382c5 ;
}

.dashboard-wrapper .fleet_profile .task-list-header {
    /*background: -webkit-linear-gradient(#E0E0E0, #FFF, #E0E0E0); /!* For Safari 5.1 to 6.0 *!/*/
    /*background: -o-linear-gradient(#E0E0E0, #FFF, #E0E0E0); /!* For Opera 11.1 to 12.0 *!/*/
    /*background: -moz-linear-gradient(#E0E0E0, #FFF, #E0E0E0); /!* For Firefox 3.6 to 15 *!/*/
    /*background: linear-gradient(#E0E0E0, #FFF, #E0E0E0); /!* Standard syntax *!/*/
    padding-left: 10px;
    padding-right: 10px;
    height: 24px;
    padding-top: 4px;
    background-image: linear-gradient(to bottom, #F7F7F7 0%, #F0F0F0 100%);
    box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.07);
    /*color: #FFF;*/
}

.dashboard-wrapper .map-control-btn {
    display: inline-block;
    width: 200px;
    color: #fff;
    font-size: 14px;
    font-family: 'Graphic-Regular';
}

.dashboard-wrapper .map_control_header{
    cursor: pointer;
    height:34px
}
.dashboard-wrapper .map_control_header:hover .expand-icon,
.leaflet-bottom .map_control_header .expand-icon{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.leaflet-bottom .map_control_header:hover .expand-icon{
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

.dashboard-wrapper .filter_tiles{
    height:34px;
    text-align: left;
}


.dashboard-wrapper .filter-map-control{
    background-color: rgba(0,0,0,0.85);
    color:#fff;
    padding: 5px 5px 0 5px;
    border-radius: 0 0 3px 3px;
    margin: 0;
    width: 100%;
    margin-top: -1px !important;
}
.leaflet-bottom.leaflet-left .filter-map-control{
    top: auto;
    bottom: 100%;
}
.dashboard-wrapper .filter-map-control.map-ctrl{
    /*height: 176px !important;*/
    /*-webkit-transition: visibility 0.3s, height 0.3s, -webkit-transform 1s;*/
    /*-moz-transition: visibility 0.3s, height 0.3s, -moz-transform 1s ;*/
    /*transition: visibility 0.3s, height 0.3s;*/
}

.dashboard-wrapper .filter-map-control label{
    font-size: 12px !important;
    width: 100%;
    color: #fff !important;
    opacity: 1;
    padding-left: 5px;
    letter-spacing: .4px;
}

.dashboard-wrapper .icon-dashboard{
    color:#999 !important;
    font-size: 14px;
    float:  left !important;
    line-height: 1.4;
}

.dashboard-wrapper .icon-dashboard-wt{
    color:#fff !important;
    font-size: 14px;
    float:  left !important;
    line-height: 1.4;
}

.dashboard-wrapper .address-icon-container{
    vertical-align: top;
}

.dashboard-wrapper .job-text-address{
    width:80%;
    word-wrap: break-word;
    overflow-wrap: break-word;
    padding-left: 7px;
}

.dashboard-wrapper .job-text-add2{
    width:90%;
    word-wrap: break-word;
    overflow-wrap: break-word;
    padding-left: 7px;
}

.dashboard-wrapper .job-text-fleet{
    width: 110px;
    padding-left: 7px;
}

/*.dashboard-wrapper .col-custom-col-4{*/
/*padding:0px !important;width: 85px !important;float: left;*/
/*}*/

/*.dashboard-wrapper .col-custom-col-3 {*/
/*width: 60px !important;*/
/*float: left !important;*/

/*}*/
/*.dashboard-wrapper .col-custom-col-3 .mobile-info-span {*/
/*font-size:14px !important;*/
/*color:#26A0E0 !important;float: left !important;margin-top: -3px;margin-left: 8px;*/
/*}*/

/*.dashboard-wrapper .btn-xs-default{*/
/*background-color: #404040 !important;*/
/*color: #fff !important;*/
/*font-size: 11px !important;*/

/*}*/

.device-info .col-device-info-1{
    /*text-align: right;*/
    /*width:15px;*/
    margin-left:15px;
    width: 45px;
    vertical-align: bottom;
}

.device-info .col-device-info-2{
    text-align: left;
    width:15px;
    vertical-align: top;
    margin-top:-1px
}



/*.innerdivFleetjob:hover {*/
/*background-color: rgba(80, 172, 245, 0.18);*/
/*}*/

/*.innerdivFleetjob{*/
/*box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14);*/
/*padding: 5px 10px;*/
/*background: #fff;*/
/*margin-bottom: 2px;*/
/*}*/


.linkage-container{
    z-index:999;
    position:absolute;
    height: 2px;
    text-align: center;
    left: 0;
    right: 0;
}

.linkage-container-fleet{
    height: 10px;
    text-align: center;
}


.linkage-container div{
    -ms-transform: rotate(-50deg); /* IE 9 */
    -webkit-transform: rotate(-50deg); /* Chrome, Safari, Opera */
    transform: rotate(-50deg);
    font-size: 16px;
    color:#909090;
    position: relative;
    top:-9px
}

.linkage-container div span{
    font-size: 16px;
}

.linkage-container-fleet div{
    -ms-transform: rotate(-45deg); /* IE 9 */
    -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
    transform: rotate(-45deg);
    font-size: 16px;
    color:#909090;
    position: relative;
    top:-11px
}

.linkage-container-fleet div span{
    font-size: 16px;
}

.div-overflow{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.db-load-mr{
    text-align: center;
    color: #0382c5;
    background-color: #fff;
    padding: 2px 0px;
}

.dashboard-wrapper .job-row2{
    margin-top: 0px;
    font-size: 12px;
    /*min-height: 28px;*/
}

.dashboard-wrapper .fleet-job-row2{
    margin-top: 0px;
    font-size: 12px;
    /*min-height: 28px;*/
}

.dashboard-wrapper .driver-container{
    margin-top: 5px;
    font-size: 12px;
}
.dashboard-wrapper .row{
    margin-left:0px !important;
    margin-right:0px !important;
}




@media screen and (max-width: 768px) {
    .dashboard-wrapper .dashboard-panel,.dashboard-wrapper .dashboard-panel .container, #livemap,.dashboard-wrapper .dashboard-panel .angular-google-map-container{
        height: 93% !important;
    }

    .hideElements {
        display: none !important;
    }
}


.panel-footer{
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.loc_width{
    width: 125px;
    float: left;
}

.float-left{
    float: left;
}
.float-right{
    float: right;
}
.pad-left-0{
    padding-left: 0px;
}
.pad-right-0{
    padding-right: 0px;
}
.pad-top-15{
    padding-top: 15px;
}
.font-size-16{
    font-size: 16px;
}
.text-uppercase{
    text-transform: uppercase;
}
.height-auto{
    height: auto !important;
}

.markerLabels div{
    background-color: #2a3644;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    text-align: center;
    font-size: 13px;
    padding-top: 4px;
    background-color: #2a3644;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    text-align: center;
    padding-top: 4px;
    color:#fff;
}

.markerLabels {
    margin-top: -48px !important;
    margin-left: 9px !important;
}

.leaflet-pane ,.leaflet-top, .leaflet-bottom{
    z-index: 4 !important;
}

.leaflet-label {

    background-clip: inherit !important;
    background: rgba(0, 0, 0, 0.62) !important;
    color: #fff !important;
    border: 0px solid #a2a2a2 !important;
    border-radius: 50px !important;
    padding: 1px 8px !important;
    font-size: 11px !important;
    font-family: 'Montserrat-Light' !important;
    /* font: 12px/20px "Graphic-Medium" !important; */
    border-width: 1px !important;
}
.dark-map .leaflet-label{
    background: #fff !important;
    color: #000 !important;
}

.leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar{
    border:0px !important;
}

.leaflet-bottom{
    margin-bottom:0px !important;
}



/*************New dashboard design rules***************/

.topnavbar-wrapper{
    /*display: none;*/
}
.fullwidth{
    width: 100%;
    float: left;
    /* height: 380px; */
}
.round-border{
    border-radius: 100px !important;
    background-color: #3483eb;
}
.side-nav{
    width: 60px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    min-height: 100%;
    height: 1024px;
    background-color: #1c1c1c;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    transition-delay:0s;
    margin-left: -100%;
}
.quickOpenStrip{
    position: absolute;
    left:0;
    top:0;
    height:100%;
    /*width:5px;*/
    width:0px;
    z-index: 999;
}
.side-nav.full,.side-nav.quick{
    width: 256px;
    box-shadow: 5px 0 30px 0 rgba(0, 0, 0, 0.5);
    margin-left: 0;
}
.setting-nav.fixed-setting{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: #f5f7f9;
    float: left;
    position: fixed;
    width: 185px;
    min-height: 100%;
    top: 60px;
    /* position: relative; */
}
.new-top-menu .date{
    position: relative;
}
.new-top-menu .date:after{
    position: absolute;
    left: 14px;
    top: 8px;
    font-size: 20px;
    /*font-family: 'tookan-icon';*/
    /*content: '\E946';*/
    /*speak: none;*/
    /*font-weight: normal;*/
    /*font-variant: normal;*/
    /*text-transform: none;*/
    /*line-height: 1;*/
    /*-webkit-font-smoothing: antialiased;*/
}
.date-picker-special {
    position: absolute;
    left: 15px;
    top: 0px;
}
.agent-detail-box .date-picker-special{
    position: absolute;
    left: 6px;
    top: 6px;
    font-size: 16px;
    color: #585858;
    line-height: 14px;
}
.agent-detail-box .date-picker-special.tf:after{
    font-size: 16px;
}
.main-inner .top-nav .team-btn,
.sub-header .team-btn{
    margin-top: 0;
    margin-left: 0;
}
.main-inner .top-nav .team-btn button{
    height: 36px;
}
.main-outer.new-dashboard .main-inner .top-nav{
    height: 60px;
    line-height: 57px;
    background-color: #282828;
    margin-left: 0;
    width: 100%;
    padding-left: 24px;
    padding-right: 29.5px;
}
.main-outer.new-dashboard .main-inner .second-top-nav{
    background-color: #fff;
    height:50px;
    width:100%;
    position: fixed;
    top: 60px;
    padding: 0 15px;
    z-index: 99;
    box-shadow: 2px 0 4px #b9b9b9;
}
.sub-header md-icon{
    font-size: 16px;
    line-height: 21px;
}
.sub-header md-icon.plus{
    font-size: 12px;
}
.sub-header .icon-btn{
    padding: 0 3px;
}
.sub-header .icon-btn.hidden-select{
    padding: 0 6px;
}
.webDashBoard .taskBodyCol .preview-panel{
    max-width: 360px;
    float: right;
}
.webDashBoard #agentBody .taskBodyCol .preview-panel{
    max-width: 310px;
}
md-button-group {
    border-radius: 3px;
    display: inline-block;
    padding: 0;
    margin: 6px 8px;
    min-height: 28px;
    min-width: 100px;
}
md-button-group > .md-button{
    font-size: 12px;
}
md-button-group > .md-button.active,
.toggle-taskview > .md-button:hover{
    font-size: 14px;
}
md-button-group > .md-button:hover,
md-button-group > .md-button:focus,
md-button-group > .md-button.md-focused,
md-button-group > .md-button.active{
    background-color: #f6f7fa !important;
}
md-button-group > .md-button:hover{
    background-color: rgba(158,158,158,0.2) !important;
}
md-button-group.md-raised:not([disabled]),
.sub-header .md-raised:not([disabled]) {
    box-shadow: none;
    border: 1px solid rgba(230, 230, 230, 0.61);
    line-height: 28px;
    height: 28px;
    margin: 6px 4px;
    vertical-align: middle;
    overflow: visible;
}
.sub-header .header-icon{
    vertical-align: middle;
    display: inline-block;
    line-height: 14px;
    border-left: 1px solid #cecece;
    width: 18px;
    margin-top: -5px;
    height: 26px;
    padding-top: 2px;
}
.left-sidebar .pane-header,
.right-sliding .pane-header{
    background: #1394ff;
    width: 100%;
    color: #fff;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    padding: 0 20px 0 18px;
    border-bottom: 1px solid #e2e4e6;
}
.left-sidebar .pane-header a, .right-sliding .pane-header a{
    color: #fff;
}
.left-sidebar .pane-header .fleet-name{
    font-size: 16px;
}
.left-sidebar .pane-outer{
    position: relative;
}
.top-nav md-button-group > .md-button {
    border-radius: 0;
    border: 0;
    width: auto;
    min-width: 70px;
    margin: 0;
    float: left;
    line-height: 26px;
    min-height: 26px;
    text-transform: uppercase;
    font-size: 13px;
}
.top-nav md-button-group > .md-button>i{
    margin-right: 5px;
    vertical-align: middle;
    font-size:12px;
}
.top-nav .enhanced-datepicker{
    position: relative;
}
.top-nav .enhanced-datepicker input{
    opacity:0;
    width:0;
    position: absolute;
    top: 45px;
    height: 0;
}
.top-nav .md-button{
    border-radius: 3px;
    min-width: 20px;
    margin: 0;
    line-height: 10px;
    min-height: 28px;
    text-transform: capitalize;
    background: transparent;
    color: #fff;
}
.top-nav .md-button:hover {
    color: #333;
    box-shadow: 0 2px 4px rgba(37, 37, 37, 0.22);
}
.top-nav li:not(.toggle-taskview) .md-button:hover,
.top-nav li:not(.toggle-taskview) .md-button:focus{
    background-color: rgba(128, 128, 128, 0.57) !important;
}
.top-nav .md-button.active{
    box-shadow: 0 0px 3px rgba(37, 37, 37, 0.48);
}
.top-nav .md-button:hover ,
.top-nav .md-button:hover md-icon{
    color: #ffffff;
}
.top-nav .md-button.active:hover{
    background-color: #f6f7fa !important;
    color: rgba(0, 0, 0, 0.6);
}
.top-nav .toggle-taskview .md-button.active{
    color: rgb(0, 0, 0) !important;
}
.main-outer.new-dashboard .main-inner .top-nav .navbar-right{
    height: 50px;
}
.main-inner .top-nav .header-icon{
    vertical-align: middle;
    display: inline-block;
}
.main-inner .top-nav .navbar-nav>li{
    color: #fff;
    letter-spacing: .8px;
}
.main-inner .top-nav .navbar-right>li{
    margin-left: 0px;
    padding-left: 4px;
    display: inline-block;
}
.main-inner .top-nav li .btn-db{
    height: 36px;
    line-height: 36px;
    margin-top: 0;
}
.dashboard-wrapper .top-nav.new-top-menu  .task-calender{
    background-color: transparent;
    padding: 0;
    height:36px;
}
.side-nav .logo .short-logo img{
    width: 35px;
}
.side-nav .logo .tf{
    display: inline-block;
    vertical-align: middle;
}
.side-nav .logo{
    height: 60px;
    display: block;
    padding-left: 24px;
    color: #fff;
    text-decoration: none !important;
    white-space: nowrap;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    outline: none;
    background-color: #282828;
    font-size: 15px;
}
.side-nav .logo .menu-trigger{
    vertical-align: middle;
    line-height: 60px;
}
.side-nav.full .logo .full-logo,
.full-logo{
    /*opacity:1;*/
    max-width: 135px;
    margin-left: 9px;
    display: inline-block;
    margin-right: 8px;
}
.side-nav.full .logo .full-logo img,
.full-logo img,
.short-logo img{
    width:100%;
}
.top-nav .short-logo{
    max-width: 35px;
    display: inline-block;
}
.top-nav >.navbar-nav:nth-child(1){
    margin-right: 13px;
}
.side-nav.full .logo .short-logo{
    /*opacity:0;*/
}
#sideMenu>ul.top-side-list{
    /*width:60px;*/
}
.side-nav .logo.space .short-logo,
.side-nav.fixed-setting .logo .short-logo{
    opacity:1;
}
.main-outer.new-dashboard .main-inner{
    width: 100%;
    margin-left: 0;
    margin-top: 60px;
}
#sideMenu li a>span{
    width:16px;
    height:16px;
    display: inline-block;
    vertical-align: middle;
}
#sideMenu li a .menu-img{
    font-size: 20px;
}
#sideMenu{
    padding-top: 30px;
    height: 100%;
    height: calc( 100vh - 60px);
    position: relative;
}
#sideMenu li,
.setting-nav.fixed-setting li{
    /* display: block; */
    width: 100%;
    float: left;
    clear: left;
}
.side-nav #sideMenu>ul.top-side-list>li,
.side-nav #sideMenu>ul.bottom-navbar>li{
    /*width: 60px;*/
}
.side-nav .tooltip-inner {
    white-space:nowrap;
    max-width:none;
    text-transform: uppercase;
    font-family: 'Montserrat-Light';
    letter-spacing: .8px;
    background: #4695f6;
    padding: 9px 12px;
    margin-left: -12px;
}
.side-nav .tooltip.in{
    opacity:1;
}
.side-nav .tooltip.right .tooltip-arrow{
    border-right-color: #4695f6;
    margin-left: -12px;
}
#sideMenu .dropdown-menu li{
    width: 100%;
    margin-bottom: 0;
}
#sideMenu:not('.full'){
    width: 60px;
}
#sideMenu li a{
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0.5px;
    color: #939393;
    transition: all .5s;
    height: 60px;
    padding: 17px 20px;
    letter-spacing: 1.8px;
    font-size: 15px;
    white-space: nowrap;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
#sideMenu .setting-menu li a{
    height: 58px;
    line-height: 2;
}
#sideMenu .setting-menu>li>a{
    white-space: inherit;
    height: auto;
}
#sideMenu .setting-menu .navbar-header{
    padding: 22px 20px;
    margin: 0;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 1.8px;
    color: #ffffff;
    width: 100%;
    border-bottom: 1px solid rgba(99, 99, 99, 0.47);
    height: 60px !important;
}
#sideMenu .setting-menu .parent-menu >ul{
    padding-left: 20px;
    background: #303030;
}
#sideMenu .setting-menu .parent-menu .rot-icon{
    width:auto;
    height:auto;
}
#sideMenu .setting-menu .parent-menu .rot-icon.rotate{
    margin-top: 0;
}
#sideMenu li a .full-text>i.tf:after{
    font-size: 12px;
}
#sideMenu li a:hover{
    color: #fff;
}
#sideMenu span.full-text {
    margin-left: 40px;
    width: 75%;
    /*display: none;*/
}
.side-nav  ul.navbar-nav{
    position: relative;
    /*z-index: 10;*/
}
.inner-padding{
    padding-left: 35px;
    padding-right: 35px;
}
.r-no-pad{
    padding-right: 0 !important;
}
.inner-table-padding tr td:first-child,
.inner-table-padding tr th:first-child{
    padding-left: 35px !important;
}
.inner-table-padding tr td:last-child,
.inner-table-padding tr th:last-child{
    padding-right: 35px !important;
}
ul#setup-tabs{
    margin-left: -8px;
    margin-right: -8px;
}
.side-nav #sideMenu .setting-menu{
    position: absolute;
    top: auto;
    bottom: 0;
    right: 0;
    background: #2c2c2c;
    left: auto;
    height: calc( 100% + 60px);
    width: calc( 100% - 60px);
    /* display: block; */
    z-index: 99;
    transform: scaleX(0);
    transform-origin: 100% 50%;
}
.side-nav.full #sideMenu .setting-menu.sub-full{
    transform: scale(1);
    -webkit-transition: transform .2s;
    -moz-transition:  transform .2s;
    -ms-transition:  transform .2s;
    -o-transition:  transform .2s;
    transition:  transform .2s;
}
.side-nav.full #sideMenu .setting-menu  > li > a:focus,
.side-nav.full #sideMenu .setting-menu > li > a:hover,
#sideMenu .dropdown-menu > .active > a{
    background-color: #383838;
}
.side-nav #sideMenu span.full-text{
    /*-webkit-transform:  translate(-20px, 0);*/
    /*-moz-transform:  translate(-20px, 0);*/
    /*-ms-transform:  translate(-20px, 0);*/
    /*-o-transform: translate(-20px, 0);*/
    /*transform: translate(-20px, 0);*/
    /*transition: transform .5s linear 0s;*/
    /*text-indent: -9999px;*/
}
.side-nav.full #sideMenu li a .full-text,.side-nav.quick #sideMenu li a .full-text{
    /*-webkit-transform: translate(0, 0);*/
    /*-moz-transform: translate(0, 0);*/
    /*-ms-transform: translate(0, 0);*/
    /*-o-transform: translate(0, 0);*/
    /*transform: translate(0, 0);*/
    /*text-indent: 9999px;*/
}
.side-nav .hoverline{
    background: #4695f6;
    position: absolute;
    top:0;
    display: none;
    width: 4px;
    height: 50px;
    z-index: 8;
}
.side-nav li.bottom{

}
.side-nav #sideMenu .bottom-navbar{
    position: absolute;
    bottom: 0;
    width: 100%;
}
.side-nav .bottom-navbar .profile .menu-img{
    width: 34px;
    height: 34px;
    border-radius: 8px;
    border: solid 1px #ffffff;
    margin-left: -9px;
    margin-right: -9px;
    margin-top: -7px;
}
.easy-3s{
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.create-btn{
    height: 30px;
    line-height: 17px !Important;
    border-radius: 100px;
    color: #282828 !important;
    background-color: #ffffff !important;
    padding: 10px 20px !important;
    display: inline-block !important;
}
.btn-hover{
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s ;
    -o-transition: all .3s ;
    transition: all .3s ;
}
.assign-agent:hover,
.white-round-btn:hover,
.btn-hover:hover{
    -webkit-box-shadow: 0 5px 9px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 9px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 9px 0 rgba(0, 0, 0, 0.2);
}
.single-task .task-detail .online-status{
    letter-spacing:1px;
}
#menu-search,#sidebar-search,#sidebar-search-agents{
    padding: 0;
    height: 40px;
    line-height: 40px;
    margin-top: 11px;
}
#sidebar-search, #sidebar-search-agents{
    margin: 0;
    position: relative;
    z-index: 2;
}
#sidebar-search-agents{
    height: 39px !important;
    line-height: 39px;
}
#sidebar-search-agents.open{
    height: 39px !important;
    line-height: 39px;
}
#menu-search input,#menu-search .btn,#menu-search button,
#sidebar-search input,
#sidebar-search .btn,
#sidebar-search button,
#sidebar-search-agents input,
#sidebar-search-agents .btn,
#sidebar-search-agents button
{
    background: transparent !Important;
    border: none;
    color: #fff;
    font-size: 14px;
    outline: none;
}
#sidebar-search input,
#sidebar-search .btn,
#sidebar-search button,
#sidebar-search-agents input,
#sidebar-search-agents .btn,
#sidebar-search-agents button
{
    color: rgb(255, 255, 255);
}
#menu-search img{
    width: 16px;
    margin: -7px 5px 0 13px;
}
#sidebar-search img, #sidebar-search-agents img{
    width: 12px;
    margin: -5px 5px 0 13px;
}
.more-btn a>img{
    width:20px;
}
.top-nav.new-top-menu .more-btn>a{
    display: inline-block !important;
}
.main-outer.new-dashboard .left-sidebar{
    width: 370px;
    height: calc(100% - 60px) !important;
    height: calc(100vh - 60px) !important;
    background-color: #ffffff;
    box-shadow: 6px 0 30px 0 rgba(0, 0, 0, 0.15);
}
.main-outer.new-dashboard .left-sidebar.agent-view{
    width:330px;
}
.main-outer.new-dashboard .right-section{
    width: calc(100% - 700px);
    float: left;
    height: calc(100vh - 60px) !important;
    overflow: hidden;
    position: relative;
    z-index: 0;
}
.main-outer.new-dashboard .right-section.task-collapsed{
    width: calc(100% - 330px);
}
.main-outer.new-dashboard .right-section.agent-collapsed{
    width: calc(100% - 370px);
}
.main-outer.new-dashboard .right-section.both-collapsed{
    width: 100%;
}
.main-outer.new-dashboard .left-sidebar .task-tabs{
    height: 100%;
    /* background-color: transparent; */
    border: none;
}
.main-outer.new-dashboard .left-sidebar .sidebar-tabs{
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 2px 5px 5px 0px rgba(0, 0, 0, 0.05);
}
.main-outer.new-dashboard .left-sidebar .task-tabs>li{
    width: 33.33%;
}
.main-outer.new-dashboard .left-sidebar .task-tabs>li a:not(.stop-detail-tabs){
    height: 100%;
    background: transparent !important;
    font-family: 'Montserrat-Regular';
}
.main-outer.new-dashboard .left-sidebar .task-tabs>li a:not(.stop-detail-tabs){
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.57;
    letter-spacing: 0.4px;
    text-align: center;
    color: rgba(0, 0, 0, 0.54);
    border: none;
    padding: 4px 10px;
    text-transform: uppercase;
    height: 40px;
    line-height: 3.5;
    font-size: 10px;
    letter-spacing: 0.6px;
}
.main-outer.new-dashboard .left-sidebar .task-tabs>li a:hover:not(.stop-detail-tabs),
.left-sidebar .nav-tabs.nav-justified > li > a:hover :not(.stop-detail-tabs){
    color: rgb(0, 0, 0);
}
.main-outer.new-dashboard .left-sidebar .tab-content {
    padding: 0px 0px 20px;
    border-style: solid;
    border-width: 0 1px 1px 1px;
    border-color: #dde6e9;
    width: 100%;
    overflow: hidden;
    border: none;
}
.main-outer.new-dashboard .left-sidebar .task-tabs li a .center-block{
    display: inline-block;
    line-height: 1.22;
    margin-bottom: 4px;
    margin-top: 6px;
}
.main-outer.new-dashboard .left-sidebar .task-tabs li.active a:not(.stop-detail-tabs){
    border:none;
    border-bottom:3px solid #1394ff;
    font-weight: bold;
    color: #000;
    border-radius: 0;
    height: 40px;
}
.left-sidebar .single-task{
    padding: 20px 0;
    transition: all .3s;
    border-top: 1px solid transparent;
    border-bottom: 1px solid rgba(0, 0, 0, 0.14);
}
.left-sidebar .single-task.blur,.left-sidebar .single-task.blur{
    opacity: .09;
}
.left-sidebar:hover .single-task.blur{
    opacity:1;
}
.single-task .task-detail{
    position: relative;
    cursor: pointer;
}
.single-task .task-detail .view-more{
    position: absolute;
    right: 18px;
    top:50%;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    padding: 3px 10px;
    transition: all .4s;
    cursor: pointer;
    text-align: center;
    line-height: 25px;
}
.single-task .task-detail .content-left{
    width: calc(100% - 12px);
    overflow: hidden;
}
.single-task .task-detail .view-more img{
    width:6px;
}
.single-task .task-detail .view-more:hover{
    background-color: #ffffff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
.left-sidebar .single-task .left-thumb img,.left-sidebar .single-task .left-thumb .assign-agent,.single-agent .default-img,.single-task .default-img,
.agent-detail-box .default-img,.detail-slider-box .left-thumb img{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin: 0 auto;
}
.assign-agent,.single-agent .default-img,.agent-detail-box .default-img{
    background-color: #4695f6;
    cursor: pointer;
    padding: 10px;
    color: #fff;
}
.single-agent .default-img,.single-task .default-img{
    padding:0;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
}
.left-thumb.dropdown > .dropdown-menu{
    margin: -31px 28px 0;
}
.left-thumb.dropdown > .dropdown-menu > li > a:hover{
    background-color: #4695f6 !important;
}
.single-task .left-thumb .assign-agent img{
    width: 15px;
    height: 15px;
    margin-top: 12px;
}
.left-sidebar .single-task .timing,
.agent-detail-box .single-task .timing{
    font-size: 15px;
    /*margin-bottom: 5px;*/
    color: #000000;
    /*font-family: 'Montserrat-Regular';*/
    font-family: 'ProximaNova-Semibold', Sans-Serif;
}
.left-sidebar .single-task .appointment .timing{
    font-size: 14px;
}
.left-sidebar .single-task .client-name{
    font-size: 14px;
    color: #000000;
    letter-spacing: .5px;
    margin-bottom: 2px;
    font-family: 'ProximaNova-Semibold', Sans-Serif;
}
.left-sidebar .nav-tabs.nav-justified > li > a{
    border-radius: 0;
    border: none;
    background: #ffffff !important;
    color: rgba(0, 0, 0, 0.41);
    height: auto;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 0.6px;
    padding: 4px;
    line-height: 3.2;
}
.left-sidebar .sidebar-tabs>ul.nav-tabs{
    width: 100%;
    float: left;
    position: relative;
    height: 40px;
    overflow: hidden;
}
.left-sidebar .sidebar-tabs .nav-tabs.nav-justified{
    font-family: 'Montserrat-Regular';
    font-size: 14px;
    width: 100%;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 2px 5px 5px 0px rgba(0, 0, 0, 0.05);
}
.left-sidebar .sidebar-search{
    width: 40px;
    float: left;
    height: 39px !important;
    position: absolute !important;
    right: 0;
    top: 0;
    background: #1394ff;
    overflow: hidden;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.left-sidebar .sidebar-search.open{
    /*height: 50px !important;*/
}
.sidebar-search .close-search{
    opacity:0;
}
.sidebar-search.open .close-search{
    opacity:1;
}
.sidebar-search  .input-group-btn {
    min-width: 40px;
    text-align: center;
}
.sidebar-search  .input-group-btn button{
    height: 40px;
    line-height: 38px;
}
.sidebar-search .search{
    font-size: 14px;
    color: #fff;
}
.left-sidebar .sidebar-search input{
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    height: 40px;
}
.left-sidebar .sidebar-search.open{
    width: 370px;
}
#agent-switch .left-sidebar .sidebar-search.open{
    width: 310px;
}
.left-sidebar .sidebar-search.open input{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    width: 260px;
}
#tasks-switch .left-sidebar .sidebar-search.open input{
    width: 320px;
}
.left-sidebar .single-task  .address{
    font-size: 14px;
    letter-spacing: 0.5px;
    color: rgba(0, 0, 0, 0.5);
}
.left-sidebar .single-task-tile .task-detail{
    padding-right: 18px;
    padding-left: 5px;
}
.left-sidebar .single-task-tile .status-button{
    margin-right: -10px;
}
.left-sidebar .single-task .status-button,
.status-box{
    display: inline-block;
    height: 20px;
    line-height: 20px;
    border-radius: 2px;
    background-color: #aeaeae;
    color: #fff;
    width: 109px;
    text-align: center;
    letter-spacing: 1px;
    font-size: 10px;
    text-transform: uppercase;
}
.left-sidebar .single-task .status-button.completed{
    background-color: #3fc145;
}
.left-sidebar .single-task .status-button.failed{
    background-color: #e53935;
}
.left-sidebar .single-task .status-button.inprogress{
    background-color: #3f51b5;
}
.left-sidebar .single-task .status-button.started{
    background-color: #2196f3;
}
.left-sidebar .single-task .status-button.acknowledged{
    background-color: #ba68c8;
}
.left-sidebar .single-task .status-button.assigned{
    background-color: #fc8344;
}
.left-sidebar .single-task .status-button.unassigned{
    background-color: #999999;
}
.child-sub-menu{
    display: none;
}
#sideMenu .dropdown-menu li.active .child-sub-menu{
    /* display: block; */
    background: #303030;
}

.pick-n-deliver .line{
    /*height: 1px;*/
    /*opacity: 0.1;*/
    /*background-color: #000000;*/
    /*margin: 12px 0;*/
}
.single-task.pick-n-deliver .task-detail .view-more{
    right: -8px;
}
.agent-name{
    margin-top: 6px;
    display: block;
    line-height: 14px;
    word-wrap: break-word;
}
.topbar-text,
.topbar-text .enhanced-datepicker input{
    font-size: 18px;
}
.top-nav .topbar-text>a,
.top-nav .topbar-text>a:hover,
.top-nav .topbar-text .inline-task-detail>a,
.top-nav .topbar-text .inline-task-detail>a:hover{
    line-height:35px;
    text-decoration: underline;
}
.dashboard-wrapper .enhanced-datepicker input {
    width: 109px;
}
.single-task .task-detail .task-status-process,
.single-task .inner-task .task-status-process{
    position: absolute;
    left:-8px;
    height:100%;
    width: 1px;
    background-color: #c7dffc;
    z-index: 1;
}
.single-task .task-detail .task-status-process.multi,
.single-task .inner-task .task-status-process.multi{
    position: absolute;
    left:-8px;
    height:90%;
    width: 1px;
    background-color: #c7dffc;
    z-index: 1;
    top:45%
}
.task-detail.multi .deliver .task-status-process{
    height: 50%;
}
.task-detail.multi .deliver .task-detail:after {
    display: none;
}
.single-task .inner-task .task-status-process{
    left: 8px;
}
.agent-detail-box .single-task .task-detail .task-status-process{
    left: -19px;
}
.single-task.p-n-d-delivery .task-status-process{
    height: 111px;
}
.single-task.p-n-d-delivery .task-status-process-max-height{
    height: 134px;
}
.single-task.p-n-d-delivery .task-detail:after{
    display: none;
}
#agent-switch .agent-detail-box .detail-tabs .tab-content{
    padding: 0;
}
#agent-switch,#tasks-switch{
    float: left;
    position: relative;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s ;
    transition: all .3s;
}
#tasks-switch.collapsed{
    margin-left: -370px;
}
#agent-switch.collapsed{
    margin-right: -330px;
}
#agent-switch{
    float: right;
}
.single-task.pick-n-deliver .task-detail .view-more {
    right: 8px;
}
.single-task.unassigned .task-detail .task-status-process,.single-task.appointment .task-detail .task-status-process{
    background-color: rgba(213, 213, 213, 0.68);
}
.single-task .inner-task{
    position: relative;
}
.appointment-icon>.task-detail:before,.appointment-icon .task-detail:before,.single-task .inner-task .appointment-icon:before{
    content: 'A';
}
.fos-icon>.task-detail:before,.fos-icon .task-detail:before,.single-task .inner-task .fos-icon:before{
    content: 'F';
}
.appointment .task-detail:after,.appointment .task-detail:not(.multi):after{
    content: '';
    position: absolute;
    left: -10.5px;
    width: 6px;
    height: 6px;
    border-radius: 180px;
    background-color: #c7dffc;
    z-index: 2;
    bottom: 0;
}
.appointment>.task-detail:before,.appointment .task-detail:before,.single-task .inner-task .appointment:before{
    position: absolute;
    left: -15px;
    width: 15px;
    height: 15px;
    border-radius: 180px;
    background-color: #1394ff;
    border: solid 1px #1394ff;
    color: #fff;
    z-index: 2;
    text-align: center;
    line-height: 13px;
    font-size: 11px;
}
.pick-n-deliver>.task-detail:before,.pick .task-detail:before,.single-task .inner-task .pick:before{
    content: 'P';
    position: absolute;
    left: -15px;
    width: 15px;
    height: 15px;
    border-radius: 180px;
    background-color: #1394ff;
    border: solid 1px #1394ff;
    color: #fff;
    z-index: 2;
    text-align: center;
    line-height: 13px;
    font-size: 11px;
}
.task-detail.multi:before{
    top: 40%;
}
.inner-task .deliver:before{
    content: 'D';
    position: absolute;
    left: 2px;
    width: 15px;
    height: 15px;
    border-radius: 180px;
    background-color: #1394ff;
    border: solid 1px #1394ff;
    color: #fff;
    z-index: 2;
    text-align: center;
    line-height: 13px;
    font-size: 10px;
}
.single-task .inner-task .pick:before,.single-task .inner-task .appointment:before{
    left: 1px;
}
.pick-n-deliver .task-detail:after,.pick .task-detail:not(.multi):after,.single-task .inner-task:after{
    content: '';
    position: absolute;
    left: -10.5px;
    width: 6px;
    height: 6px;
    border-radius: 180px;
    background-color: #c7dffc;
    z-index: 2;
    bottom: 0;
}
.single-task .inner-task:after{
    left: 5.5px;
}
.deliver .task-detail:before{
    content: 'D';
    position: absolute;
    left: -15px;
    width: 15px;
    height: 15px;
    border-radius: 180px;
    background-color: #ffffff;
    border: solid 1px #4695f6;
    color: #4695f6;
    z-index: 2;
    text-align: center;
    line-height: 13px;
    font-size: 11px;
}
.t-fancy-table span.delivery:after,
.t-fancy-table span.pickup:after,
.t-fancy-table span.appointment:after,
.t-fancy-table span.fos:after{
    content: 'D';
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 180px;
    background-color: #4695f6;
    border: solid 1px #4695f6;
    color: #fff;
    text-align: center;
    line-height: 18px;
    font-size: 10px;
}
.t-fancy-table span.fos:after{
    content: 'F';
}

.t-fancy-table td .recurring{
    border-radius: 100px;
    background-color: #ffffff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
    border: solid 1px #d9d9d9;
    min-width: 48px;
    display: inline-block;
    text-align: right;
    padding: 1px 5px;
    vertical-align: middle;
    margin-left: 6px;
}
.t-fancy-table td .recurring:after{
    font-size: 14px;
    font-family: 'tookan-icon';
    content: '\E937';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    float: left;
    margin-top: 2px;
    margin-right: 3px;
}
.t-fancy-table span.pickup:after{
    content: 'P';
}
.t-fancy-table span.appointment:after{
    content: 'A';
}
.agent-detail-box .deliver .task-detail:before,.agent-detail-box .pick .task-detail:before,.agent-detail-box .appointment .task-detail:before{
    left: -26px;
    top: 1px;
}
.agent-detail-box .task-detail:after{
    left: -21px !important;
}
.p-n-d-delivery .task-detail:before{
    /*content: 'D';*/
    position: absolute;
    left: -15px;
    width: 15px;
    height: 15px;
    border-radius: 180px;
    background-color: #ffffff;
    border: solid 1px #4695f6;
    color: #4695f6;
    z-index: 2;
    text-align: center;
    line-height: 13px;
    font-size: 10px;
}
.deliver>.task-detail:after{
    content: '';
    position: absolute;
    left: -10.5px;
    width: 6px;
    height: 6px;
    border-radius: 180px;
    background-color: #c7dffc;
    z-index: 2;
    bottom: 0;
}
@media only screen and (max-width: 1365px){
    #setup-tabs .fancy-checkbox-container  .checkbox-content{
        line-height: 12px;
    }
}
@media only screen and (max-width: 1024px){
    .new-top-menu .navbar-right{
        width: auto;
        float: right !important;
    }
}

@media only screen and (min-width: 1024px) {
    .content-wrapper section {
        /* height: calc(100%) !important; */
    }
    .detail-slider-box,.content-wrapper .detail-slider-box{
        height: calc(100% - 60px) !important;
        height: calc(100vh - 60px) !important;
    }
}
.more-btn .dropdown-menu{
    width: 210px;
    border-radius: 5px !important;
}
.agent-detail-box .more-btn .dropdown-menu:after{
    right: auto;
    left: 5px;
    border-width: 9px;
    top: -18px;
    border-bottom-color: #efefef;
}
#tasks-switch .agent-detail-box .more-btn .dropdown-menu:after {
    border-bottom-color: #ffffff;
}
.agent-detail-box .more-btn .dropdown-menu.dropdown-menu-right:after{
    right: 4px;
    left: auto;
}
.agent-detail-box .more-btn .dropdown-menu {
    width: 162px;
    margin-top: -10px;
}
.more-btn .dropdown-menu a>img,.dropdown-menu a>i{
    float: right;
}
.more-btn .dropdown-menu > li > a {
    display: block;
    padding: 10px 20px;
    border-left: 3px solid transparent;
    transition: all .3s;
    width: 100%;
}
.more-btn .dropdown-menu > li > a:hover{
    background-color: transparent !important;
    color: #4695f6;
    border-left: 3px solid #4695f6;
}
.more-btn .dropdown-menu:after{
    content: '';
    position: absolute;
    top: -19px;
    right: 10px;
    width: 0;
    border: 10px solid transparent;
    border-bottom-color: #fff;
}

.new-top-menu .user-a .header-text {
    max-width: 115px;
    padding-left: 20px;
    text-align: left;
    margin-top: 0px;
    height: 100%;
}
.tasklist-border-bottom-line{
    border-bottom: 1px solid rgba(107, 107, 107, 0.16);
}
.single-task.pick-n-deliver{
    /*padding-bottom: 0;*/
}
.p-n-d-delivery{
    /*padding-top: 0 !important;*/
    /*margin-top: -4px;*/
}
.highlighted-job{
    background-color: rgba(80, 172, 245, 0.18);
}
.not-highlighted-job{
    background-color: #fff;
}
.new-top-menu .task-calender .enhanced-datepicker input,.new-top-menu .btn-db button.btn-in,.new-top-menu .main-inner .top-nav li .btn-db{
    background: transparent;
}
.new-top-menu .task-calender .enhanced-datepicker input{
    width:130px;
    color: white;
}
.dashboard-wrapper .top-nav.new-top-menu  .task-calender{
    margin-top: 13px;
}
.task-calender .enhanced-datepicker input {
    width: 130px;
    height: 36px;
    font-size: 14px;
    text-align: left;
    padding-left: 42px;
}

.dashboard-wrapper .top-nav.new-top-menu .btn-db button.btn-in {
    background: transparent;
    vertical-align: top;
    margin-top: 0;
    border-radius: 0 !important;
    width: 40px !important;
    box-shadow: none;
}
.dashboard-wrapper .top-nav.new-top-menu .btn-db button.btn-in .material-icons,
.main-inner .top-nav .header-icon .material-icons{
    font-size: 22px;
}
.top-nav .create-task-btn #bulk-task-btn .material-icons{
    font-size: 18px;
}
#bulk-task-btn{
    min-width: 100px;
    color: #282828 !important;
}
#bulk-task-btn .tf.import-round{
    float: none;
    margin-left: 6px;
}
.dashboard-wrapper .top-nav.new-top-menu .top-nav li .btn-db{
    background: #3475cd !important;
}
.dashboard-wrapper .enhanced-datepicker .dropdown-menu {
    left: 0 !important;
    min-width: 239px;
    padding: 6px 0px 0px 0px;
}
.dashboard-wrapper .enhanced-datepicker.date-outer .dropdown-menu{
    left: -50% !important;
}
.more-btn .dropdown-menu{
    width: 210px;
    border-radius: 5px !important;
}
.more-btn .dropdown-menu a>img,.dropdown-menu a>i{
    float: right;
}
.more-btn .dropdown-menu > li > a {
    display: block;
    padding: 10px 12px;
    border-left: 3px solid transparent;
    transition: all .3s;
}
.more-btn .dropdown-menu > li > a:hover{
    background-color: transparent !important;
    color: #4695f6;
    border-left: 3px solid #4695f6;
}
.more-btn .dropdown-menu:after{
    content: '';
    position: absolute;
    top: -19px;
    right: 10px;
    width: 0;
    border: 10px solid transparent;
    border-bottom-color: #fff;
}
/*******Agent page style********/
.main-outer.new-dashboard .main-inner{
    position: fixed;
    left: 0;
    top: 0;
}

header .main-outer.new-dashboard .main-inner{
    position: relative;
}
.main-outer.new-dashboard .left-sidebar{
    position: relative;
    z-index: 2;
}
#sideMenu li.active>a,#sideMenu li>a:hover {
    color: #fff;
}
@media (min-width: 769px){
    #sideMenu .top-side-list::-webkit-scrollbar {
        width: 0em;
    }
    #sideMenu .top-side-list::-webkit-scrollbar-thumb {
        background-color: darkgrey;
        outline: 1px solid slategrey;
    }
    #sideMenu .top-side-list::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    }
    #sideMenu .top-side-list{
        height: calc(100% - 180px);
        overflow-y: auto;
        position: relative;
    }
}
#sideMenu .top-side-list li>a:hover,
#sideMenu .bottom-navbar li>a:hover{
    color: #ffffff;
    background-color: #272727;
    text-decoration: none;
}
#sideMenu .top-side-list li.active>a,
#sideMenu .bottom-navbar li.active>a{
    color: #ffffff;
    background-color: #1984ff;
}
#sideMenu #tasks-btn .tf:after{
    font-size: 14px;
}
#sideMenu li a .tf:after{
    font-size: 18px;
}
.left-sidebar .single-agent .left-thumb img,
.left-sidebar .single-agent .left-thumb .assign-agent,
.detail-header .left-thumb img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
.detail-header .left-thumb{
    height: 61px;
    line-height: 61px;
    margin-right: 17px;
}
.detail-header .left-thumb img,.detail-header .default-img{
    width: 50px;
    height: 50px;
    line-height: 31px;
    font-size: 20px;
}
.sliding-bottom .detail-header .default-img{
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 13px;
    padding: 0;
}
.sliding-bottom .detail-header .left-thumb img{
    width: 25px;
    height: 25px;
    vertical-align: top;
}
.md-button .select-text {
    min-width: 60px;
    display: inline-block;
}
.top-nav .dropdown{
    display: inline-block;
}
.left-sidebar .single-agent .client-name {
    font-size: 15px;
    margin-bottom: 2px;
    margin-top: 3px;
    color: #000000;
}
.left-sidebar .single-agent .address {
    font-size: 12px;
}
.single-agent .task-detail .view-more {
    position: absolute;
    right: 8px;
    top: 50%;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    padding: 3px 10px;
    transition: all .4s;
    cursor: pointer;
}
.single-agent .task-detail .view-more img {
    width: 6px;
}
.tasks-count .count{
    width: 31px;
    height: 31px;
    border-radius: 63.3px;
    -webkit-backdrop-filter: blur(1.9px);
    backdrop-filter: blur(1.9px);
    background-color: #ffffff;
    border: solid 1px rgba(0, 0, 0, 0.15);
    font-size: 16px;
    font-weight: normal;
    color: #4695f6;
    line-height: 31px;
    margin: 0 auto;
    padding: 0;
}
.left-sidebar .single-agent {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
    padding: 20px 0;
    transition: all .3s;
    border-top: 1px solid transparent;
    border-bottom: 1px solid rgba(0, 0, 0, 0.14);
    box-shadow: none;
}
.left-sidebar .single-agent:hover .tasks-count .count{
    border-color: #4695f6;
}
.checkbox.tf:after {
    font-size: 12px;
}
.heading-label{
    margin-top: 5px;
    margin-bottom: 10px !important;
}
.left-sidebar .single-agent.active,.left-sidebar .single-task.active,
.left-sidebar .single-agent.tab-content-container-inner-active,.left-sidebar .single-task.tab-content-container-inner-active
{
    position: relative;
    border-top: 1px solid #4695f6;
    border-bottom: 1px solid #4695f6;
    /*background: #f5f5f5;*/
    background: rgba(234, 237, 240, 0.8);
    box-shadow: none;
}
.left-sidebar .single-agent.active:after{
    content: '';
    position: absolute;
    top: 0px;
    width: 100%;
    background: #fff;
    height: 1px;
    left: 0;
}
.left-sidebar .single-agent .left-thumb,
.detail-header .left-thumb{
    width: 55px;
    position: relative;
}
.sliding-bottom .detail-header .left-thumb{
    height: 25px;
    width: 25px;
    margin-right: 7px;
    margin-top: 12px;
    line-height: 44px;
}
.sliding-bottom .more-menu.tf:after {
    font-size: 4px;
}
.sliding-bottom .detail-box-header{
    display: none;
}
.left-sidebar .single-agent .left-thumb.online:after,
.detail-header .left-thumb.online:after{
    content: '';
    position: absolute;
    right:0;
    bottom: 0px;
    width: 10.4px;
    border-radius: 10px;
    height: 10.4px;
    background-color: #3fc145;
    border: solid 2px #ffffff;
}
.left-sidebar .single-agent .left-thumb.offline:after,
.detail-header .left-thumb.offline:after{
    content: '';
    position: absolute;
    right:0;
    bottom: 0px;
    width: 10.4px;
    border-radius: 10px;
    height: 10.4px;
    background-color: #999999;
    border: solid 2px #ffffff;
    z-index: 2;
}
.left-thumb .status-dot{
    position: absolute;
    right:0;
    bottom: 0px;
    z-index: 3;
    width: 12.4px;
    border-radius: 10px;
    height: 12.4px;
    background-color: #999999;
    border: solid 2px #ffffff;
}
.agent-detail-box .left-thumb .status-dot{
    right: 3px;
    bottom: 7px;
}
.left-sidebar .single-agent>.task-detail{
    width: calc(100% - 55px);
    padding-left: 1px;
}
.single-agent .task-detail .view-more{
    transition: all .3s;
    padding: 0;
    top: 23%;
}
.single-task .task-detail .view-more{
    padding: 0;
}
.task-detail .view-more>i{
    font-weight: 100;
    margin-left: 1px;
}
.agent-detail-box{
    position: absolute;
    left:0;
    transition: all .5s;
    z-index: 1;
    width: 400px;
    height: calc(100% - 60px) !important;
    height: calc(100vh - 60px) !important;
    background-color: #ffffff;
    box-shadow: 10px 0 15px 0 rgba(0, 0, 0, 0.12);
    height: calc(100%) !important;
}
.agent-detail-box.open{
    left:430px;
}
.agent-detail-box .close-task-detail, .agent-detail-box .close-agent-detail{
    position: absolute;
    right:0;
    top: -35px;
    background: rgba(0, 0, 0, 0.28);
    color: #fff;
    cursor: pointer;
    padding: 5px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    transition: all .5s;
    font-size: 11px;
}
.agent-detail-box.open .close-task-detail, .agent-detail-box.open .close-agent-detail{
    right:-30px;
}
.agent-detail-box .close-task-detail i, .agent-detail-box .close-agent-detail i{
    font-size: 20px;
    font-weight: 600;
}

.agent-detail-box .close-task-detail1, .agent-detail-box .close-agent-detail{
    position: absolute;
    right:0;
    background: rgba(115, 115, 115, 0.48);
    color: #fff;
    cursor: pointer;
    padding: 5px;
    border-radius: 0 0 4px 0;
    width: 30px;
    height: 30px;
    transition: all .5s;
}
#detailContainer .client-detail .detail-action{
    position: absolute;
    right: 10px;
    top: -7px;
    background: transparent !important;
}
#detailContainer .client-detail .detail-action .dropdown-menu:after{
    border-bottom-color: #eaedf0;
}
.agent-detail-box.open .close-task-detail1, .agent-detail-box.open .close-agent-detail{
    right:-30px;
}
.agent-detail-box .close-task-detail1 i, .agent-detail-box .close-agent-detail i{
    font-size: 11px;
    font-weight: 600;
}
.custom_register_btn-primary:hover,
.custom_register_btn-primary:focus,
.custom_register_btn-primary:active,
.custom_register_btn-primary:active:hover{
    background-color: #1394ff;
    box-shadow: 0 0 6px rgba(51, 51, 51, 0.37);
}
.single-agent.active .view-more {
    background: #4695f6;
    /*right: -11px;*/
    color: #fff;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.single-task.pick-n-deliver.active .task-detail .view-more{
    /*right: -26px !important;*/
}
.main-outer.new-dashboard .left-sidebar.agent-view{
    overflow: visible;
}
.main-outer.new-dashboard {
    font-family: 'ProximaNova-Regular', Sans-Serif;
}
.main-outer.new-dashboard .left-sidebar .tab-content{
    overflow: visible;
    float: left;
    overflow-y: scroll;
    height: calc(100vh - 140px);
    padding-top: 1px;
}
.top-nav .inline-task-detail input{
    background: transparent;
    border: none;
    vertical-align: initial;
    color: #fff;
}
.inline-datepicker{
    display: inline-block;
}
.main-outer.new-dashboard .left-sidebar .tab-content::-webkit-scrollbar,
.agent-detail-box  #tasks.scroll::-webkit-scrollbar,
.scroll::-webkit-scrollbar {
    width: 5px;
    background: #fff;
    cursor: pointer;
}
.main-outer.new-dashboard .left-sidebar .tab-content::-webkit-scrollbar-track,
.agent-detail-box #tasks.scroll::-webkit-scrollbar-track,
.scroll::-webkit-scrollbar-track{
    border-radius: 3px;
    /* -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.28); */
    direction: ltr;
    background: rgba(160, 160, 160, 0.13);
    cursor: pointer;
}

.main-outer.new-dashboard .left-sidebar .tab-content::-webkit-scrollbar-thumb,
.agent-detail-box #tasks.scroll::-webkit-scrollbar-thumb,
.scroll::-webkit-scrollbar-thumb {
    border-radius: 1px;
    -webkit-box-shadow: inset 5px 0 8px #1394ff;
    background: #1394ff;
    cursor: pointer;
    display: none;
}


.main-outer.new-dashboard .left-sidebar .tab-content:hover::-webkit-scrollbar-thumb,
.agent-detail-box #tasks.scroll:hover::-webkit-scrollbar-thumb,
.scroll:hover::-webkit-scrollbar-thumb{
    display: block;
}

.setting-menu.scroll::-webkit-scrollbar{
    width:8px !important;
    background: #1d1d1d;
}



.single-agent.active .view-more:hover{
    color: #000;
}
.main-outer.new-dashboard .agent-detail-box .task-tabs li {
    width: 33.33%;
}
.detail-header{
    height: 35px;
    background-color: #ffffff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.21);
}
.detail-action a{
    width:35px;
    display: inline-block;

}
.left-sidebar .single-task .left-thumb{
    /*padding-left: 5px;*/
    /*padding-right: 5px;*/
}
input.smooth::-webkit-input-placeholder,
input.smooth {
    font-family: 'Montserrat-Light';
    color: rgba(0, 0, 0, 0.62);
}
.sidebar-search input::-webkit-input-placeholder{
    color: rgb(255, 255, 255);
}
.dataTables_filter input::-webkit-input-placeholder,
.dataTables_filter input {
    color: rgba(0, 0, 0, 0.5);
}
.demo-account-strip input::-webkit-input-placeholder{
    font-size: 12px;
    letter-spacing: 0.4px;
    color: rgba(0, 0, 0, 0.65);
}
#sidebar-search input,
#sidebar-search-agents input{
    font-size: 13px;
    letter-spacing: .4px;
}
.agent-detail-box .tab-pane.scroll{
    height: calc(100vh - 146px);
    width: 100%;
    padding-bottom: 22px;
}
.agent-detail-box #detail b{
    text-align: left;
}
.right-sliding.detail-slider-box .detail-tabs .tab-pane{
    padding-bottom: 50px;
    padding-top: 15px;
}
.agent-detail-box .custom-images-carousel{
    padding: 0;
    display: block;
}
.agent-detail-box .custom-images-carousel.owl-carousel .owl-item{
    text-align: center;
}
.detail-header .task-id{
    font-size: 24px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 1.5px;
}
.detail-tabs li>a,.detail-tabs  > li > a:hover{
    background: #eaedf0 !important;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.57;
    letter-spacing: 0.4px;
    border: 0;
    color: rgb(107, 109, 110);
}
.detail-tabs li>a{
    border-bottom: 3px solid #eaedf0;
    padding: 6px;
}
.detail-tabs .nav-tabs > li.active > a{
    background: #1394ff;
    border: 0;
    color: #000000;
    border-bottom: 3px solid #1394ff;
}
.agent-detail-box .custom-images-carousel .owl-next,.agent-detail-box .custom-images-carousel .owl-prev{
    top: 36%;
    position: absolute;
    right: 0;
}
.agent-detail-box .custom-images-carousel .owl-prev{
    right:auto;
    left:0;
}
.detail-tabs h6,.detail-tabs h5, .agent-detail-box h4{
    /*font-size: 14px;*/
    /*font-weight: normal;*/
    /*font-style: normal;*/
    /*font-stretch: normal;*/
    /*line-height: normal;*/
    /*letter-spacing: 0.9px;*/
    /*text-align: left;*/
    /*color: #000000;*/
    /*font-family: 'Montserrat-Regular';*/
}
.detail-tabs h6{
    margin-bottom: 3px;
}
.detail-tabs h5{
    font-size: 14px;
    font-family: 'Montserrat-Regular';
}
.agent-detail-box h4{
    margin-bottom: 22px;
    word-break: break-word;
    /*font-size: 16px;*/
    /*font-family: 'Montserrat-Regular' !important;*/
}
.detail-tabs .tab-content {
    overflow: hidden;
    padding: 10px 28px;
    border: 0;
    position: relative;
    float: left;
    width: 100%;
}
.right-sliding.detail-slider-box .detail-tabs .tab-content {
    padding:0;
    clear: left;
}
.right-sliding.detail-slider-box .detail-tabs .tab-panel{
    width: 100%;
}
.right-sliding.detail-slider-box .single-history .default-img,
.history .single-history .default-img{
    font-size: 20px;
    text-align: center;
    line-height: .9;
    text-transform: uppercase;
    margin-top: 5px;
}
.right-sliding.detail-slider-box .more-btn .dropdown-menu:after {
    right: 12px;
    left: auto;
}
#pickup_delevery_datatable_paginate #extradiv,
#appoint_fos_datatable_paginate #extradiv{
    display: inline-block;
}
#pickup_delevery_datatable_paginate #extradiv .btn,
#appoint_fos_datatable_paginate #extradiv .btn{
    color: #787d8d;
    border: 1px solid #787d8d;
    border-radius: 25px;
    background: transparent !important;
}
.info-icons .info-img.stars{
    max-width: 38px;
    margin: 9px auto -9px;
    line-height: 8px;
}
.client-detail .row>div:first-child{
    padding-left: 0;
}
.client-detail .row>div:last-child{
    padding-right: 0;
}
.history .single-history .left img{
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
.history .single-history b{
    font-size: 12px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.8px;
    color: #000000;
    display: block;
}
.history .single-history .left{
    padding-right: 0;
    font-size: 10px;
    position: relative;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.6px;
}
.history{
    position: relative;
}
.history:after{
    /*content: '';*/
    /*position: absolute;*/
    /*left: 25%;*/
    /*width: 2px;*/
    /*height: calc(100% - 84px);*/
    /*top: 84px;*/
    /*-webkit-transform: rotate(180deg);*/
    /*transform: rotate(180deg);*/
    /*opacity: 0.2;*/
    /*-webkit-backdrop-filter: blur(3px);*/
    /*backdrop-filter: blur(3px);*/
    /*background-color: #589ff6;*/
}
.history .single-history .left:after{
    /*content: '';*/
    /*position: absolute;*/
    /*right: -40px;*/
    /*width: 9px;*/
    /*top: 30%;*/
    /*height: 9px;*/
    /*background-color: #419bf9;*/
    /*border-radius: 10px;*/
}
.optimiz-btn{
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 1px;
    color: #ffffff;
    font-family: 'Montserrat-Regular';
    text-decoration: underline;
}
.optimiz-btn:hover{
    color:  #ffffff;
}
.agent-detail-box .tab-header .count{
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0.8px;
    color: rgba(0, 0, 0, 0.58);
}
.main-outer.new-dashboard .agent-detail-box .task-tabs.two-tabs li{
    width:50%;
}
#tasks-switch .detail-tabs .task-tabs,
.detail-slider-box .detail-tabs .task-tabs{
    width: calc(100% - 36px);
    float: left;
}
#tasks-switch .detail-tabs .detail-action,
.new-pane .detail-tabs .detail-action{
    float: right;
    width: 36px;
    height: 35px;
    line-height: 28px;
    text-align: left;
    background: #eaedf0;
}
.detail-header{
    color: #000000;
    padding: 3px 14px 3px 24px;
    border-bottom: 2px solid #f6f7fa;
}
#agent-switch .detail-header{
    padding: 3px 14px 3px 14px;
}
.detail-header .name{
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 1.3px;
}
.sliding-bottom .detail-action .more-menu,
.right-sliding .detail-action .more-menu{
    transform: rotate(90deg);
    display: inline-block;
    font-size: 3px;
    display: inline-block;
    width: 30px;
    text-align: center;
}
.detail-action .dropdown-toggle{
    position: relative;
    display: inline-block;
}
#tasks-switch .detail-action .dropdown-toggle{
    line-height: 30px;
    display: inline-block;
}
.fancy-checkbox{
    transition: all .3s;
    cursor: pointer;
    position: relative;
    width: 34.9px;
    height: 17.4px;
    margin: 3px auto;
    border-radius: 56px;
    background-color: #ffffff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
.fancy-checkbox.thin{
    width: 22.9px;
    height: 5.4px;
}
.fancy-checkbox:after{
    content: '';
    position: absolute;
    left: 2px;
    top: 1px;
    width: 14.7px;
    height: 14.2px;
    border-radius: 20px;
    background-color: rgba(70, 149, 246, 0.48);
    transition: all .3s;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
}
.fancy-checkbox.thin:after{
    left: 0px;
    top: -4px;
    width: 12.7px;
    height: 12.2px;
    background-color: rgb(195, 195, 195);
}
.fancy-checkbox.active:after{
    left:18px;
    background-color: #3fc145;
}
.fancy-checkbox.thin.active:after{
    left: 11px;
}
.detail-header .detail-action>span{
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
}
#tasks-switch .detail-header .detail-action{
    margin-top: 3px;
    padding-right: 12px;
}
.detail-header .detail-action>.more-btn{
    line-height: 30px;
    margin-top: -5px;
}
#tasks-switch .detail-header .detail-action>span{
    margin-left: 3px;
}
#tasks-switch .detail-header .detail-action .more-btn{
    line-height: 2.2;
}
#tasks-switch .detail-header .detail-action .more-btn .dropdown-toggle,
#agent-switch .detail-header .detail-action .more-btn .dropdown-toggle{
    display: inline-block;
    width: 30px;
    text-align: center;
}
.icon-outer{
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    cursor: pointer;
    width: 36px;
    height: 36px;
    background: #fff;
    display: inline-block;
    color: #418ae4;
    border-radius: 50px;
    line-height: 36px;
    text-align: center;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
.agent-detail-box .tab-content strong{
    display: block;
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.9px;
    text-align: center;
    color: #000000;
}
.agent-detail-box .tab-content b{
    /*font-size: 14px;*/
    /*font-weight: normal;*/
    /*font-style: normal;*/
    /*font-stretch: normal;*/
    /*line-height: normal;*/
    /*letter-spacing: 0.9px;*/
    /*text-align: center;*/
    /*color: #000000;*/
    /*font-family: 'Montserrat-Regular';*/
}
.agent-detail-box .tab-content .history .single-history,
.agent-detail-box .tab-content .history .single-history b{
    font-size: 12px;
}
.agent-detail-box .tab-content .history .single-history b{
    margin-bottom: 5px;
}
.agent-detail-box .tab-content .single-history b{
    text-align: left;
}
.info-content b{
    margin-bottom: 12px;
    display: block;
}
.info-icons img{
    width: 20px;
}
.info-icons  .stars img{
    width: 12px;
}
.tab-content .info-icons{
    margin-top: 18px;
    font-size: 10px;
    font-family: 'Montserrat-Regular';
}
.info-icons .battery img{
    width: 15px;
    margin-top: -3px;
}
.info-icons .battery{
    background: url(../app/img/icon-battery-outer@2x.png) no-repeat;
    width: 15px;
    background-size: cover;
    margin: 0 auto;
    height: 24px;
    padding-top: 3px;
}
.battery-inner{
    width: 100%;
    height: 100%;
    position: relative;

}
.info-icons .info-img{
    height:27px;
    display: block;
}
.info-icons .battery .status {
    position: absolute;
    bottom:0;
    height: 0;
    max-height: 21px;
    left: 0;
    border-radius: 0 0 4px 4px;
    right: 1px;
    background: #7f7f7f;
}
.nopad{
    padding-left: 0;
    padding-right: 0;
}
#dashboardMap .leaflet-bottom {
    bottom: 15px;
}
.map-control-btn.open>.filter.dropdown-toggle,
.map-control-btn .filter{
    background-color: rgba(119, 119, 119, 0.71);
    border-radius: 25px !important;
    font-family: 'Montserrat-Light';
    letter-spacing: .5px;
}
.map-control-btn .filter:hover,
#dashboardMap .leaflet-bar a:hover{
    background-color: rgba(119, 119, 119, 0.81);
}
#dashboardMap .leaflet-bar a{
    background-color: rgba(119, 119, 119, 0.71);
    color: #fff;
}
#create_task_map .gm-style > .gmnoprint > .gmnoprint>div,
#create_task_map .gm-style > .gmnoprint > .gm-style-mtc>div,
#create_task_map .gm-style > .gmnoprint > .gm-style-mtc>div *{
    background-color: rgb(206, 206, 206) !important;
}
#dashboardMap .leaflet-bar.leaflet-control.leaflet-control-custom{
    z-index: 999;
}
.agent-detail-box .tag-label{
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.9px;
    text-align: center;
    color: #000000;
    float: left;
    min-width: 36px;
    margin-left: 8px;
    font-family: 'Montserrat-Regular';
}
.tag-container .badge{
    height: 20px;
    border-radius: 100px;
    background-color: #f5f5f5;
    border: solid 1px #d2d2d2;
    font-size: 10px;
    font-weight: 300;
    letter-spacing: 0.3px;
    text-align: center;
    color: rgba(0, 0, 0, 0.51);
    margin-right: 6px;
    padding: 4px 10px;
    margin-bottom: 8px;
    cursor: pointer;
}
.agent-detail-box .tag-container {
    margin-top: 20px;
}
.agent-detail-box .tag-container .tags{
    float: right;
    width: calc(100% - 60px);
}
.agent-detail-box  .task-detail .status-btn{
    height: 20px;
    border-radius: 2px;
    font-size: 9px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.6px;
    text-align: center;
    color: #ffffff;
    text-transform: uppercase;
    padding: 0 2px;
    display: inline-block;
    line-height: 20px;
    min-width: 90px;
    position: absolute;
    right: 0;
    top: 0;
}
.agent-detail-box .task-detail .status-btn.completed{
    background-color: #3fc145;
}
.agent-detail-box .task-detail .view-more {
    right: -5px;
}
.agent-detail-box .single-task .below-line{
    max-width: 100px;
    margin: 0 auto;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.14);
    clear: both;
}
.agent-detail-box .single-task .view-in-task-detail:hover+.below-line{
    max-width: 180px;
    background-color: #4695f6;
}
.agent-detail-box .single-task .view-in-task-detail{
    opacity: 0;
    color: #4695f6;
    cursor: pointer;
}
.table-multi-actions{
    position: fixed;
    right: 0;
    padding: 10px;
    top: 59px;
    z-index: 9;
    margin-right: 12px;
}
.table-multi-actions .btn{
    background: rgb(245, 247, 249);
    color: #4695f6;
    letter-spacing: .4px;
    border-radius: 25px;
    border: 1px solid #e0e0e0;
}
.table-multi-actions .btn:hover{
    box-shadow: 0 0 4px rgba(51, 51, 51, 0.13);
}
.agent-detail-box .single-task:hover .view-in-task-detail{
    opacity: 1;
}
.agent-detail-box .single-task .task-detail{
    margin-bottom: 20px;
}
.agent-detail-box .single-task .client-name{
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.5px;
    font-family: 'Montserrat-Regular';
    color: rgba(0, 0, 0, 0.74);
}
.agent-detail-box .single-task .timing{
    font-family: 'Montserrat-Regular';
}
.agent-detail-box .pick>.task-detail:before,
.agent-detail-box .deliver>.task-detail:before{
    left: 0px;
    top: 2px;
}
.agent-detail-box .deliver>.task-detail:after{
    display: none;
}
.agent-detail-box .single-task .drag-holder{
    display: none;
    position: absolute;
    left:-16px;
    top:calc(50% - 20px);
    opacity: .6;
    width: 12px;
    border-radius: 2px;
    height: 22px;
    line-height: 22px;
}
.agent-detail-box.sliding-bottom .single-task .drag-holder {
    left: -9px;
}

.agent-detail-box .single-task:hover .drag-holder{
    display: block;
}
.agent-detail-box .single-task.ui-sortable-helper .drag-holder{
    background: #9f9f9f;
    color: #fff;
}
.agent-detail-box .single-task.ui-sortable-helper .drag-holder .tf:after{
    font-size: 18px;
}
.agent-detail-box .single-task{
    position: relative;
    background: #fff;
    padding-left: 30px;
}
.agent-detail-box .tasks-list .single-task {
    background: #f5f7fa;
}
.agent-detail-box .single-task.ui-sortable-helper{
    box-shadow: 0px 2px 12px 2px rgba(0, 0, 0, 0.12);
    padding: 7px 7px 7px 36px;
    margin-left: -5px;
    right: 15px;
    width: calc(100% + -54px) !important;
}
.agent-detail-box .single-task .drag-holder .material-icons{
    width: 5px;
    font-size: 22px;
    margin-left: -5px;
    float: left;
}
.agent-detail-box .task-detail .status-btn{
    background-color: #aeaeae;
    width: 110px;
}
.agent-detail-box a:hover{
    text-decoration: none;
}
.agent-detail-box .task-detail .status-btn.in-transit{
    background-color: #489ffe;
}
.agent-detail-box .active-state{
    min-width: 70px;
    text-align: center;
    letter-spacing: 1px;
}
.agent-detail-box .detail-header .left-thumb:after{
    right: 3px;
    bottom: 6px;
}
/* Icon 3 */

#menu-bars{
    width: 23px;
    height: 23px;
    position: relative;
    margin-top: 11px;
    /* margin: 0 auto; */
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}
#menu-bars span{
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #ffffff;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
#menu-bars span:nth-child(1) {
    top: 0px;
}

#menu-bars span:nth-child(2),#nav-icon3 span:nth-child(3) {
    top: 7px;
}

#menu-bars span:nth-child(4) {
    top: 14px;
}

li.open #menu-bars span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
}

li.open #menu-bars span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

li.open #menu-bars span:nth-child(3) {
    top: 7px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

li.open #menu-bars span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
}
/*******Menu style end*********/

/*.agent-detail-box .version .info-img:after {*/
/*font-size: 20px;*/
/*font-family: 'tookan-icon';*/
/*content: '\E932';*/
/*color: #418ae4;*/
/*speak: none;*/
/*font-weight: normal;*/
/*font-variant: normal;*/
/*text-transform: none;*/
/*line-height: 1;*/
/*-webkit-font-smoothing: antialiased;*/
/*}*/
.info-img-special {
    font-size: 29px;
    margin-bottom: 11px;
    color: #7f7f7f;
}
.agent-detail-box .stars.info-img span.full-star:after {
    font-size: 12px;
    font-family: 'tookan-icon';
    content: '\E930';
    color: #418ae4;
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}
.agent-detail-box .stars.info-img span.half-star:after {
    font-size: 12px;
    font-family: 'tookan-icon';
    content: '\E92E';
    color: #418ae4;
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}
.agent-detail-box .stars.info-img span{
    margin: 0 !important;
    font-size: 12px !important;
}
.agent-detail-box .stars.info-img span.empty-star:after {
    font-size: 12px;
    font-family: 'tookan-icon';
    content: '\E92F';
    color: #418ae4;
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}
.icon-outer:hover{
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2);
}
.agent-detail-box .pick>.task-detail:after{
    display: none;
}
.address-row{
    margin-left: -29px;
    margin-right: -29px;
}
.address-strip {
    position: relative;
    -webkit-backdrop-filter: blur(1.7px);
    backdrop-filter: blur(1.7px);
    background-color: #f9f9f9;
    padding: 10px 40px 10px 52px;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
}
.address-strip h5{
    margin: 0 !important;
}
.address-strip:after{
    content: '';
    top: 7px;
    left: 25px;
    position: absolute;
    font-family: "Material Icons"; content: "\E0C8";
    font-size: 21px;
    color: #333;
}
.assign-agent:after{
    /*font-family: 'tookan-icon';*/
    /*content: '\E903';*/
    /*color: #ffffff;*/
    /*speak: none;*/
    /*font-size: 18px;*/
    /*font-weight: normal;*/
    /*font-variant: normal;*/
    /*text-transform: none;*/
    /*line-height: 1;*/
    /*-webkit-font-smoothing: antialiased;*/
}
.assign-agent-special {
    position: absolute;
    left: 0;
    right: 0;
    width: 38px;
    margin: 0 auto;
    top: 6px;
    color: white;
    cursor: pointer;
    text-align: center;
}
.no-cursor{
    cursor: default;
}
.notasks{
    text-align: center;
    padding: 60px 10px 10px 10px;
}
#tasks-switch .notasks,
#agent-switch .notasks{
    text-align: center;
    padding: 0;
    width: 100%;
    position: absolute;
    z-index: 1;
    top: 50%;
}
.sidebar-tabs .notasks{
    float: left;
    width: 100%;
}
.detail-tabs .tab-content{
    height: 100vh;
}
.agent-detail-box .scrollable-tab-content{
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    -webkit-transition: all .3s;
    -moz-transition: all  .3s;
    -ms-transition: all  .3s;
    -o-transition: all  .3s;
    transition: all  .3s;
    min-height: 100%;
    float: left;
}
.agent-detail-box .tab-pane{
    float: left;
    padding: 0 28px;
    width: 100%;
}
#tasks-switch .detail-tabs .tab-content{
    padding: 10px 0;
}
.scroll{
    overflow-y: auto;
    overflow-x: hidden;
}
.agent-detail-box #tasks.scroll{
    height: 80vh;
    overflow-y: scroll;
    padding-right: 22px;
}
.agent-detail-box #tasks .tab-header{
    height: 57px;
    line-height: 57px;
}
.agent-detail-box #tasks.scroll .top-margin{
    height: 46px;
}
.agent-detail-box .tab-pane#details{
    border-bottom: 1px solid rgba(142, 142, 142, 0.22);
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.load-more-btn{
    border: 1px solid #4695f6;
    padding: 2px 4px;
    border-radius: 3px;
    display: inline-block;
    margin-top: 16px;
}
.load-more-btn:hover{
    text-decoration: none;
    background: #4695f6;
    color: #fff;
}
.single-task .retry-agent{
    height: 25px;
    background-color: #ef5350;
    color: #fff;
    line-height: 25px;
    padding: 0 20px;
    margin-top: 15px;
    margin-bottom: -13px;
    font-size: 11px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0.5px;
}
.single-task .retry-agent .link{
    text-decoration: underline;
    cursor: pointer;
}
.single-task .processing{
    height: 40px;
    background-color: #4695f6;
    color: #fff;
    line-height: 25px;
    padding: 0 20px;
}
.single-task .processing i{
    font-size: 18px;
    margin-top: 4px;
}
.custom-images-carousel .owl-item img{
    border-radius: 50%;
    margin: 5px 0;
    padding: 4px;
}
.agent-detail-box .custom-images-carousel .owl-item img,
.agent-detail-box .custom-images-carousel .owl-item img{
    width: 70px !important;
    height: 70px;
    margin: 0 auto;
}
.optimize-task-strip{
    width: 100%;
    height: 60px;
    background-color: #ffffff;
    color: #fff;
    line-height: 44px;
    padding: 10px;
    position: absolute;
    bottom: 0;
    z-index: 2;
    box-shadow: 0 -2px 5px 0 rgba(0, 0, 0, 0.1);
}
.optimize-task-strip .btn{
    border-radius: 100px;
    font-size: 15px;
    text-decoration: none;
    min-width: 160px;
    font-family: Montserrat-Light;
}
.tab-content > .tab-pane .unassigned-tab-space{
    height: 50px;
}
.ctrlAgentModel .modal-body{
    width:100% !important;
}
.ctrlAgentModel .modal-dialog{
    width: 940px !important;
}
.ctrlAgentModel .add-category-lable .custom-cancel{
    font-size: 18px;
    margin-top: -4px;
    vertical-align: middle;
}
.optimize-foot{
    height: 54px;
    line-height: 57px;
    position: absolute;
    bottom: 0;
    z-index: 99;
    background: #fff;
    box-shadow: 0 0 10px rgba(134, 134, 134, 0.25);
}
.optimize-foot .green-btn{
    border-radius: 100px;
    font-family: 'Montserrat-Regular';
    font-size: 12px;
    min-width: 170px;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
}
.top-nav u{
    position: relative;
    text-decoration: none;
    display: inline;
}
.top-nav u:after{
    content: '';
    position: absolute;
    bottom: 0px;
    width:100%;
    left: 0;
    background: #fff;
    height:1px;
}
.agent-detail-box .tab-pane .tab-row{
    margin-left:-28px;
    margin-right: -28px;
}
.left-sidebar .single-agent .tasks-count{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.left-sidebar .single-agent.active .tasks-count{
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}
.detail-header .detail-action .more-btn .dropdown-toggle .material-icons{
    font-size: 18px;
    vertical-align: middle;
    width: 25px;
    margin-right: 9px;
}
.pickup.tf:after,.delivery.tf:after{
    font-size: 12px;
    vertical-align: middle;
    line-height: 37px;
}
.delivery.tf:after{
    vertical-align: top;
}
.full-star.tf:after,.half-star.tf:after,.empty-star.tf:after{
    font-size: 9px;
}
.info-icons .tf:after{
    color: #7f7f7f;
}
.refresh.tf:after {
    font-size: 28px;
}
.detail-action .agent-state{
    padding: 15px;
    margin-top: -5px;
    border-radius: 5px 5px 0 0;
    background-color: #f5f5f5;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
    font-size: 10px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.6px;
    color: #000000;
}
.sliding-bottom .detail-action .agent-state{
    background: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
    font-size: 13px;
    text-transform: capitalize;
}
.detail-action #agent-status-toggler{
    display: inline-block;
    vertical-align: middle;
}
.agent-detail-box .detail-header .fancy-checkbox {
    width: 25.9px;
    height: 14.4px;
    box-shadow: none;
    background: #cecece;
}
.agent-detail-box .detail-header .fancy-checkbox:after{
    width: 10px;
    height: 10px;
    top: 1.5px;
    background: #dedede;
    left: 2px;
}
.Combined-Shape .Assign-Manually{
    display: inline-block;
}
.agent-detail-box .detail-header .fancy-checkbox.active{
    background: #6cc64d;
}
.agent-detail-box .detail-header .fancy-checkbox.active:after{
    background: #ffffff;
    left: 14px;
}
.sliding-bottom .detail-action #agent-status-toggler{
    /*margin-top: 8px;*/
}
.detail-action .more-btn .dropdown-menu a>i{
    float: left;
    margin-right: 10px;
    height: 22px;
    font-size: 16px;
    width: 25px;
    text-align: center;
}
.detail-action .more-btn .dropdown-menu a>i.material-icons{
    font-size: 20px;
}
.detail-action .more-btn .dropdown-menu > li > a{
    color: #787878;
    font-size: 14px;
    white-space: inherit;
    background: #ffffff !important;
    border-bottom: none;
}
.detail-action .more-btn .dropdown-menu > li:hover a{
    color: #418ae4;
}
.detail-action .more-btn .dropdown-menu a>i:after{
    font-size: 16px;
}
/**********Fancy table style**********/
.t-fancy-table.table > thead > tr > th,
.t-fancy-table.table > tbody > tr > td{
    height: 50px;
    padding: 0px 10px;
    padding-left: 20px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000000;
    font-family: 'ProximaNova-Regular', Sans-Serif;
    font-size: 13px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.6px;
    color: rgba(0, 0, 0, 0.59);
    border: 0;
    vertical-align: middle;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    border-bottom: 1px solid rgba(132, 132, 132, 0.08);
}
.t-fancy-table.table > tbody > tr > td{
    padding-top: 4px;
    padding-bottom: 4px;
}
.t-fancy-table > tbody > tr > td .rating .tf:after{
    font-size: 18px;
    color: #F9B61C;
    margin-right: 6px;
}
.t-fancy-table > tbody > tr > td .rating{
    font-size: 18px;
}
.t-fancy-table.table > tbody > tr{
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.t-fancy-table.table > tbody > tr:nth-child(even){
    background: #fbfbfb;
}
.container-notifications-page .t-fancy-table.table > tbody > tr,
.t-fancy-table.table.not-animate > tbody > tr{
    transition: none !important;
}
.cursor-none.t-fancy-table.table > tbody > tr td{
    cursor: default;
}
.t-fancy-table.table > thead > tr > th a,
.t-fancy-table.table > tbody > tr > td a{
    color: rgba(0, 0, 0, 0.73);
}
.t-fancy-table.table > thead > tr > th{
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 1.5px;
    color: rgba(37, 45, 71, 0.62);
    font-family: 'ProximaNova-Regular', Sans-Serif;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.t-fancy-table.table > tbody > tr:hover,
.t-fancy-table.table > tbody > tr.current,
.t-fancy-table.table > tbody > tr.current.blur{
    background-color: #ffffff;
    box-shadow: 0 4px 2px -3px rgba(0, 0, 0, 0.1) inset, 0 -4px 2px -3px rgba(0, 0, 0, 0.1) inset;
    /*cursor: pointer;*/
    opacity: 1 !important;
}
.t-fancy-table.table > tbody > tr.blur{
    opacity:.4;
}
.t-fancy-table.table > tbody > tr:hover td,.t-fancy-table.table > tbody > tr:hover td>a{
    color:  #333;
}
.t-fancy-table.table > tbody > tr:hover td{
    /*transform: scale(1.1)  translate(10px,0);*/
}
.fancy-table-outer .dataTables_wrapper>.row>div:first-child{
    float: right;
}
.fancy-table-outer .dataTables_wrapper .dataTables_filter{
    float: left;
    position: relative;
    margin-top: -7px;
}
.fancy-table-outer .dataTables_wrapper .top .dataTables_filter{
    width: 100%;
}
.fancy-table-outer .dataTables_wrapper .dataTables_filter input{
    background: transparent;
    border: none;
    outline: none;
    position: relative;
    margin-left: 0;
    font-size: 22px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 1.5px;
    color: rgba(0, 0, 0, 0.51);
    font-family: 'ProximaNova-Regular', Sans-Serif;
    width: 100%;
    padding-left: 40px;
}

@media only screen and (max-width: 990px) {
    .fancy-table-outer .dataTables_wrapper .dataTables_filter input {
        padding-left: 35px;
    }
  }

.fancy-table-outer .dataTables_wrapper .dataTables_filter input:focus+.search{
    color: #2296ff !important;
}
.date-filter input{
    width: 90px;
    text-align: center;
    padding-right: 10px;
    padding-left: 10px;
}
.fancy-table-outer .dataTables_wrapper div.dataTables_filter label {
    font-weight: normal;
    float: left;
    font-size: 0;
    width: 100%;
}
.add-partner-email button{
    border: 1px solid rgba(0, 0, 0, 0.28);
    color: rgba(51, 51, 51, 0.81);
    border-radius: 20px !important;
    padding: 0px;
    line-height: 10px;
    margin-left: 10px !important;
}
.fancy-table-outer .dataTables_wrapper div.dataTables_filter .tf.search{
    position: absolute;
    top: 11px;
    left: 0;
    color: rgba(51, 51, 51, 0.79);
    cursor: pointer;
}
#all_driver_datatable_filter .tf.search,
#allCustomers_datatable3_filter .tf.search,
#mission_list_filter .tf.search{
    left: 35px !important;
}
#all_driver_datatable_filter  input,
#allCustomers_datatable3_filter  input,
#mission_list_filter input{
    padding-left: 70px !important;
    font-size: 20px;
    padding-top: 8px;
}

.fancy-table-outer.panel-box .dataTables_wrapper div.dataTables_filter .tf.search{
    top: 15px;
}
.fancy-table-outer .dataTables_wrapper div.dataTables_filter .tf.search:after{
    /* font-size: 18px; */
}
.fancy-table-outer .dataTables_wrapper div.dataTables_length{
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.8px;
    text-align: center;
    color: rgba(37, 45, 71, 0.51);
    font-family: 'ProximaNova-Regular', Sans-Serif;
    text-transform: capitalize;
    height: 33px;
    float: right;
}
.fancy-table-outer:not('.container-allcustomers-page'):not('.approveddriver')  .dataTables_info{
    display: none;
}
.fancy-table-outer  .dataTables_info{
    padding: 0;
    padding-left: 0;
    margin-top: 0;
    font-size: 12px;
    font-family: 'ProximaNova-Regular', Sans-Serif;
    text-align: left;
    float: left;
    color: rgba(51, 51, 51, 0.51);
}
.fancy-table-outer table.dataTable thead .sorting_desc,
table.dataTable thead .sorting,
.fancy-table-outer table.dataTable thead .sorting_asc{
    background-position: center right -4px;
}
.fancy-table-outer  .dataTables_length select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius: 0px;
    padding: 0 10px;
    border-radius: 2px !important;
    background-color: #ffffff;
    border: solid 1px #d9d9d9;
    margin-right: 4px;
    vertical-align: baseline;
    color: rgba(51, 51, 51, 0.51);
    cursor: pointer;
    font-family: 'ProximaNova-Regular', Sans-Serif;
    min-width: 52px;
}
.fancy-table-outer  .dataTables_length .select-wrapper{
    position: relative;
}
.fancy-table-outer  .dataTables_length .select-wrapper:after{
    position: absolute;
    content: '';
    right: 10px;
    top: 13px;
    width: 0;
    height: 10px;
    border: 4px solid transparent;
    border-top-color: #b7b1b1;
}
.fancy-table-outer  .pagination > li > a,.fancy-table-outer .pagination > li > span,
.fancy-table-outer  .pagination.fancy-pagination > li > a,.fancy-table-outer .pagination.fancy-pagination > li > span{
    padding: 6px 5px;
    margin-left: 10px;
    border: none;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.8px;
    text-align: center;
    color: rgba(37, 45, 71, 0.51);
    background: transparent;
}
.fancy-table-outer  .pagination > li.active > a,.fancy-table-outer .pagination > li.active > span,.fancy-table-outer  .pagination > li > a:hover,
.fancy-pagination.pagination > li.active > a,.fancy-pagination.pagination > li.active > span,.fancy-pagination.pagination > li > a:hover
{
    color: rgb(70, 149, 246);
    cursor: default;
    background-color: transparent;
    border-color: #337ab7;
    border-bottom: 1px solid #4695f6;
}
.fancy-table-outer div.dataTables_paginate {
    float: right;
    line-height: 44px;
    z-index: -1;
}
.fancy-table-outer .dataTables_wrapper{
    padding-top: 20px;
}
.fancy-table-outer  .t-fancy-table{
    margin-bottom: 30px !important;
    margin-top: 40px !important;
    min-width: 100%;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
}
.inner-section.sub-menu-added.inner-pages .fancy-table-outer  .t-fancy-table{
    margin-top: 40px !important;
}
.fancy-table-outer  .t-fancy-table thead tr{
    background: #fff;
}
.fancy-table-outer  .t-fancy-table thead th:first-child,
.fancy-table-outer  .t-fancy-table thead th:last-child{
    border-radius: 5px;
}
.fancy-table-outer .paginate_button i:after{
    font-size: 12px;
}
.fancy-pagination .paginate_button i:after{

}
.fancy-table-outer .paginate_button.previous a,
.fancy-table-outer .paginate_button.next a,
.fancy-pagination .pagination-prev a,
.fancy-pagination .pagination-next a{
    padding: 3px;
    margin-top: 4px;
}
.fancy-table-outer .paginate_button.previous a:hover,
.fancy-table-outer .paginate_button.next a:hover,
.fancy-pagination .pagination-prev a:hover,
.fancy-pagination .pagination-next a:hover{
    border:none !important;
}
.fancy-table-outer .action-button button{
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border:none !important;
    background: none !important;
}
.fancy-table-outer .action-button .dropdown-menu{
    text-align: center;
    min-width: 175px;
    margin-top: 2px;
    right: 0;
    left: auto;
    z-index: 1;
}
.fancy-table-outer .action-button .dropdown-menu:after {
    content: '';
    position: absolute;
    top: -19px;
    right: 10px;
    width: 0;
    border: 10px solid transparent;
    border-bottom-color: #e8e8e8;
}
.fancy-table-outer .action-button .dropdown-menu a{
    background: transparent !important;
    display: block;
    width: 100%;
    text-align: left;
    padding: 10px 20px;
    height: 35px;
    border-left: 3px solid transparent;
    line-height: 1;
}
.fancy-table-outer .action-button .dropdown-toggle{
    outline:none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: none !important;
    color: rgba(0, 0, 0, 0.5);
}
.fancy-table-outer .action-button .dropdown-menu > a:hover{
    color: #418ae4;
}
.fancy-modal .ngdialog-close{
    display: none;
}
.fancy-table-outer .action-button .dropdown-menu > a:hover {
    color: #4695f6;
    border-left: 3px solid #4695f6;
    border-radius: 0;
}
.fancy-table-outer{
    padding-top: 12px;
    margin-bottom: 0;
    overflow-x: inherit;
    padding: 12px 35px 72px;
    display: table;
    min-width: 100%;
}
.scrollX{
    overflow-x: auto;
}
.fancy-table-outer.table-responsive,
.fancy-table-outer .table-responsive {
    min-height: 0.01%;
}
/*****Table style end******/
.inner-section{
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    background: #fafafa;
}
.inner-section.inner-pages.sub-menu-added{
    top:110px;
}
.inner-section .page-wrap{
    width: 100%;
    font-family: 'ProximaNova-Regular', Sans-Serif;
}
.inner-section.inner-pages .page-wrap{
    width: calc(100% - 185px);
    right: 0;
    float: right;
    left: auto;
}
.task-tabs >.nav-tabs.nav-justified > li > a,
.sidebar-tabs .task-tabs{
    background-color: #eaedf0 !important;
}
.detail-slider-box{
    font-family: 'Montserrat-Light';
    top: 0;
    position: absolute;
    left: 0;
    transition: all .5s;
    z-index: 1;
    width: 370px;
    height: calc(100% - 60px) !important;
    height: calc(100vh - 60px) !important;
    background-color: #ffffff;
    box-shadow: 10px 0 15px 0 rgba(0, 0, 0, 0.12);
}
.detail-slider-box.half-sidebar{
    box-shadow: none;
}
.create-task-sidebar .below-slider{
    box-shadow: 10px 16px 15px 0 rgba(0, 0, 0, 0.12);
}
.create-task-sidebar .set-default{
    background: #f6f6f6;
    padding: 9px;
    letter-spacing: .5px;
    text-align: right;
}
.switch.custom-switch{
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    line-height: 5px;
    /*background-color: #ffffff;*/
    /*border: solid 2px #e2e4e6;*/
    /*border-radius: 25px;*/
}
.switch.center-block{
    display: block;
}
.switch.custom-switch.thin span {
    width: 26px;
    height: 8px;
    box-shadow: none;
}
.switch.custom-switch.thin span:after {
    height: 14px;
    width: 14px !important;
    margin-top: -4px;
    background: #b9b9b9;
    border: none;
    box-shadow: none;
}
.switch.thin input:checked + span:after {
    left: 45%;
    background-color: #3fc145;
}
.switch.thin input {
    width: 100%;
    height: 100%;
}
.detail-slider-box.open{left: 400px;}

.customer-detail-box.right-sliding.detail-slider-box{
    right: -436px;
    left:auto;
    position: fixed;
    top: 60px;
    z-index: 1001;
    height: calc(100% - 60px) !important;
    height: calc(100vh - 60px) !important;
}
.right-sliding.detail-slider-box{
    box-shadow: -10px 0 15px 0 rgba(0, 0, 0, 0.12) !important;
}
.customer-detail-box.detail-slider-box.open{
    right:0;
    left:auto !important;
}
.right-sliding.detail-slider-box .close-detail{
    top: 4px;
    right: 0px;
    left: auto !important;
}
.container-allcustomers-page .customer-detail-box.detail-slider-box .detail-tabs{
    background-color: #f5f7f9;
}
.customer-detail-box.customer-pane .close-detail{
    top: 21px;
}
.right-sliding.detail-slider-box.open .close-detail{
    right: 10px;
}
.detail-slider-box .left-thumb .status-dot{
    right: 7px;
    bottom: auto;
    top: 30px;
}
.detail-slider-box .detail-header .left-thumb .status-dot{
    right: 4px;
    bottom: auto;
    top: 37px;
}
.detail-slider-box .detail-header .name{
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.3;
    letter-spacing: 1.3px;
    color: #ffffff;
    font-family: 'Montserrat-Light';
}
.right-sliding.detail-slider-box .dropdown-menu{
    left: auto;
    right: -13px;
}
.detail-slider-box .customer-detail{
    background: #418ae4;
    padding: 18px 24px;
}
.detail-slider-box .customer-detail p{
    position: relative;
    font-size: 13px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 1.1px;
    color: #ffffff;
    padding-left: 44px;
    margin-bottom: 12px;
}
.detail-slider-box .customer-detail p:after{
    position: absolute;
    left: 0;
    top: 0;
    font-size: 16px;
    width: 22px;
    text-align: center;
}
.detail-slider-box  .filter-outbox{
    height: 60px;
    line-height: 3;
    -webkit-backdrop-filter: blur(1.7px);
    backdrop-filter: blur(1.7px);
    background-color: #f9f9f9;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
}
.detail-slider-box .filter-outbox input.search,
.fancy-search input[type='text'],
.fancy-search input[type='search']{
    height:60px;
    width:100%;
    background: transparent;
    border: none;
    outline: none;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0.8px;
    color: rgba(0, 0, 0, 0.34);
    padding: 0 10px 0 45px;
}
.filter-outbox .search-box{
    /*width: calc( 100% - 65px);*/
    width:100%;
    position: relative;
}
.filter-outbox .search-box .tf.search{
    position: absolute;
    left: 10px;
    top: 7px;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.31);
}
.filter-outbox .search-box .tf.search:after{
    font-size: 16px;
}
.filter-box{
    height:20px;
    width:65px;
    text-align: center;
    border-left: 1px solid rgba(185, 185, 185, 0.5);
    margin-top: 20px;
    line-height: 1;
    cursor: pointer;
}
.detail-slider-box .single-task .left-thumb{
    margin:0 auto;
}

/*Detail sidebar style end*/


/*Modal style start*/
.fancy-modal  {
    /*   display: block;*/
    background-color: rgba(4, 4, 4, 0.8);
    z-index: 9999;
    font-family: 'ProximaNova-Regular', Sans-Serif;
}
.fancy-modal .modal-heading{
    letter-spacing: 1.5px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.fancy-modal.fullModal .modal-dialog {
    width: 93%;
    position: absolute;
    left: 0;
    right: 0;
}
.fancy-modal.confirm-modal .modal-dialog{
    width: 400px;
    max-width: 100%;
    top: calc(50% - 120px);
}
.fancy-modal.confirm-modal .modal-content{
    background: #fff;
    padding: 15px 25px 0;
    border-radius: 10px;
    letter-spacing: 1.2px;
}
.fancy-modal.confirm-modal h5{
    line-height: 1.56;
}
.fancy-modal.confirm-modal .action-btn{
    margin-left: -25px;
    margin-right: -25px;
    width: auto;
    max-width: none;
    width: auto;
    height: 60px;
    text-align: right;
    padding: 17px;
    border-top: 1px solid #d8d8d8;
}
.fancy-modal.confirm-modal .action-btn .btn:first-child{
    border-bottom-left-radius: 10px;
}
.fancy-modal.confirm-modal .action-btn .btn:last-child{
    border-bottom-right-radius: 10px;
}
div[class*='fancy-'] .action-btn.flat .btn{
    height: 50px;
    line-height: 30px !important;
    border-radius: 0;
    width: auto;
    padding: 0 !important;
    cursor: pointer;
    background-color: #1394ff;
    border: solid 2px #1394ff;
    font-family: 'ProximaNova-Regular';
    min-width: 130px;
    color: #ffffff;
    font-size: 15px;
    height: 36px;
    line-height: 31px;
    outline: none;
    border-radius: 100px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    text-align: center;
    float: none;
}
div[class*='fancy-'] .action-btn.flat .btn.cancel-btn:hover{
    color: #293038;
    background-color: transparent;
}
div[class*='fancy-'] .action-btn.flat .btn.create-btn{
    background-color: #1394ff;
    border: solid 2px #1394ff;
    color: #ffffff;
}
div[class*='fancy-'] .action-btn.flat .btn.create-btn:hover{
    border: solid 2px #1394ff;
    background-color: #ffffff !important;
    color: #1394ff !important;
}
.force-block{
    display: block !important;
}
.fancy-modal .modal-content{
    background: transparent;
}
.update-stop-status .modal-dialog{
    width:800px;
    max-width: 100%;
}
.round-btn-modal .action-btn .btn,
.fancy-modal .round-btn-modal .action-btn .btn,
.fancy-modal .round-btn-modal .action-btn .btn.create-btn{
    height: 45px;
    line-height: 2.23;
    width: auto;
    min-width: 120px;
    float: none;
}
.fancy-modal .action-btn .cancel-btn.forcefull{
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
}
.fancy-modal.confirm-modal .action-btn .btn.create-btn {
    line-height: 2.2 !important;
}
.fancy-modal.fullModal .modal-content {
    background: transparent;
    border-radius: 0px;
    border: none;
}
.modal .modal-content{
    border: none;
}
.fancy-modal.fullModal.create-task-modal .action-btn,
.fancy-modal.fullModal.edit-task-modal .action-btn
{
    max-width: none;
}
.fancy-modal.create-task-modal .action-btn{
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0;
}
.fancy-modal,#create-task-modal{
    outline: none;
}
.form-group .form-control input.ui-select-search:focus{
    border:none !important;
}
.agent-assing-modal .ui-select-container.ui-select-bootstrap.dropdown .ui-select-match,
.ui-select-container.ui-select-bootstrap.dropdown .ui-select-match{
    border: none !important;
}
.fancy-modal .modal-body {
    color: rgba(0, 0, 0, 0.6);
    background: #fff;
    border-radius: 10px;
    outline: none;
}
.fancy-modal.fix-popup .modal-body{
    width:100%;
}
.padless{
    padding: 0 !important;
}
.noMargin{
    margin:0 !important;
}
.bot-noPad{
    padding-bottom: 0 !important;
}
.bot-noGap{
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
.top-noGap{
    padding-top: 0 !important;
    margin-top: 0 !important;
}
.selectDriverDialog .modal-error-msg{
    padding-left: 15px;
    margin-bottom: 20px;
}
.fancy-modal .checkbox-container,.fancy-checkbox-container{
    background-color: #ffffff;
    border: solid 1px rgba(0, 0, 0, 0.05);
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 1.1px;
    color: rgba(0, 0, 0, 0.8);
    margin-bottom: 20px;
    float: left;
    cursor: pointer;
    display: table;
    width: 100%;
}
.fancy-modal .checkbox-container .checkbox-outer,.fancy-checkbox-container .checkbox-outer{
    width: 70px;
    height: 100%;
    min-height: 70px;
    margin: 0;
    background-color:rgba(0, 0, 0, 0.02);
    float: right;
    text-align: center;
    display: table;
    padding: 22px;
    cursor: pointer;
}
.fancy-modal .checkbox-container .checkbox-content,.fancy-checkbox-container  .checkbox-content {
    padding: 15px;
    width: 100%;
    display: table-cell;
    vertical-align: middle;
}
.fancy-checkbox-container.sm  .checkbox-content{
    padding: 5px 10px;
    line-height: 12px;
}
.fancy-checkbox-container.sm .tasks-count .count {
    width: 24px;
    height: 24px;
    font-size: 14px;
    line-height: 24px;
}
#agt-to-route  .tab-offsidebar-inner{
    padding: 0px 10px 0px 10px;
    float: left;
    background-color: transparent;
    box-shadow: none;
}
#route-unassigned-modal .tab-offsidebar-inner{
    border: solid 1px rgba(0, 0, 0, 0.12);
    box-shadow: none;
    padding: 12px 10px 12px 10px;
}
#route-unassigned-modal .modal-heading{
    margin-bottom: 25px;
}
#agt-to-route .tab-offsidebar-inner .fancy-checkbox-container{
    margin: 0;
}
.container-geofence-page .fancy-checkbox-container  .checkbox-content{
    font-size: 12px;
    display: inline-block;
    width: calc(100% - 70px);
    word-wrap: break-word;
    overflow: hidden;
}
.c-checkbox input[type=checkbox]:checked + span:after,
.c-radio input[type=checkbox]:checked + span:after,
.c-checkbox input[type=radio]:checked + span:after,
.c-radio input[type=radio]:checked + span:after{
    font-size: 9px;
}
.container-geofence-page .geo-fence-agents .fancy-checkbox-container {
    min-height: 75px;
    display: block;
}
.container-geofence-page .geo-fence-agents .checkbox-outer{
    padding: 32px 22px;
}
.fancy-modal .checkbox-container .checkbox,.fancy-checkbox-container .checkbox{
    display: table-cell;
    vertical-align: middle;
    max-width: 25px;
    text-align: center;
    border-radius: 100px;
    border: solid 1px rgba(0, 0, 0, 0.2);
}
.fancy-modal .checkbox-container .checkbox:not(.active) i:after{
    content: '';
}
.tasks-btn .checkbox-container{
    width: 90%;
    position: relative;
    float: right;
}
.tasks-btn .checkbox-container.active{
    box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.15);
}
.non-shadow{
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}
.tasks-btn .checkbox-container:after,.tasks-btn .checkbox-container:after{
    content: '';
    position: absolute;
    left: -8%;
    top: calc(50% - 8px);
    width: 18px;
    height: 18px;
    background: #4695f6;
    border: solid 2px rgb(70, 149, 246);
    border-radius: 50%;
}
.tasks-btn .checkbox-container.delivery-btn:after{
    background: transparent;
    border: solid 2px rgba(0, 0, 0, 0.21);
}
.tasks-btn .checkbox-container .meta{
    font-size: 10px;
    color:rgba(0, 0, 0, 0.5);
}
.fancy-modal .panel-heading{
    border: solid 1px rgba(0, 0, 0, 0.05);
    min-height: 60px;
    line-height: 3.5;
    letter-spacing: 1px;
    padding: 0;
    border: none;
}
.fancy-modal .panel-heading.xs{
    min-height: 40px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    margin-bottom: 20px;
    padding: 10px 15px;
}
.fancy-modal .panel-heading a{
    display: block;
    padding: 0 15px;
}
.fancy-modal .panel-heading a:not('.collapsed'){

}
.fancy-modal .panel-heading .checkbox-content a{
    padding: 0;
}
.fancy-modal .panel-heading a:hover{
    text-decoration: none;
}
.fancy-modal .select-wrapper select,
.fancy-form .select-wrapper select{
    background: none;
    border: none;
    outline: none;
    border-radius: 0;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    -moz-appearance: none;
}
.main-outer.new-dashboard .top-nav .select-wrapper select{
    border:none;
    outline:none;
    width: 160px;
    color: #fff;
    padding: 0 13px;
}
.fancy-modal .select-wrapper,
.fancy-form .select-wrapper{
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
    position: relative;
    display: inline-block;
    padding-right: 15px;
    line-height: 2.5;
}
.fancy-form .select-wrapper{
    width: 100%;
    padding-left: 4px;
}
.fancy-modal .select-wrapper:after,
.fancy-form .select-wrapper:after{
    position: absolute;
    content: '';
    right: 0;
    top: 19px;
    width: 0;
    height: 10px;
    border: 4px solid transparent;
    border-top-color: #b7b1b1;
}
.fancy-modal .form-group label:not([class*="col-"]),
.fancy-form .form-group label:not([class*="col-"]),
.panel-box label{
    text-transform: uppercase;
    display: block;
    font-size: 10px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.6px;
    color: rgba(0, 0, 0, 0.5);
    margin-bottom: 0;
    padding: 0 10px 0 0;
}
.panel-box label{
    padding:0;
    margin-bottom: 10px;
}
.panel-box label.div-display{
    display: inline-block;
}
.form-group .intl-tel-input{
    width:100%;
}
label>.required{
    color: red;
}
.fancy-form  .form-group .intl-tel-input input{
    padding-left: 52px;
}
.fancy-modal .panel-body{
    background-color: #fafafa;
    box-shadow: 0 7px 15px 0 rgba(0, 0, 0, 0.15);
    float: none;
}
.fancy-modal .form-group .select-wrapper{
    display: block;
}
.fancy-modal .form-group .select-wrapper select{
    width:100%;
    padding: 0px 10px;
}
.fancy-modal .form-group input,
.fancy-modal .form-group textarea,
.fancy-form .form-group input,
.fancy-form .form-group textarea,
    /*.fancy-form .form-group .ui-select-match .btn-default,*/
.fancy-modal  .form-control.ui-select-container,
.fancy-form  .form-control{
    background: none;
    border: none;
    outline: none;
    border-bottom: 1px solid #c8c8c8;
    /*border: 1px solid #c8c8c8;*/
    width: 100%;
    padding: 3px 10px 10px;
    border-radius: 0;
    color: rgba(0, 0, 0, 0.71);
    font-family: 'ProximaNova-Regular', Sans-Serif;
    letter-spacing: 0.9px;
    position: relative;
}
.round-btn-modal .form-control{
    border: 1px solid rgba(0, 0, 0, 0.24);
    border-radius: 2px;
    height: 40px;
    padding: 0 10px;
    min-width: 128px;
}
.round-btn-modal .ui-select-bootstrap .ui-select-match-text{
    height: 40px;
    padding: 0 10px;
    line-height: 37px;
}
.round-btn-modal .ui-select-bootstrap .ui-select-match,
.round-btn-modal .ui-select-bootstrap .ui-select-match-text{
    min-width: 128px;
    outline: none;
    box-shadow: none;
    padding-left: 0;
}
.update-stop-status .form-control{
    width: 128px !important;
    box-sizing: border-box;
}
.ui-select-multiple input.ui-select-search{
    padding: 3px 0 4px 0;
}
.fancy-modal  .form-control.ui-select-container{
    padding: 0px 10px 0px;
}
.form-group{
    position: relative;
}
#container-workflow-page .form-group {
    position: relative;
    float: left;
}
#container-workflow-page .page-sub-heading{
    display: inline-block;
    margin-bottom: 5px;
}
/*.form-group:after{*/
/*background: #c8c8c8;*/
/*right:15px;*/
/*content: '';*/
/*position: absolute;*/
/*left: 15px;*/
/*bottom: 0px;*/
/*height: 1px;*/
/*text-align: center;*/
/*background-color: #4695f6;*/
/*display: inline-block;*/
/*height: 2px;*/
/*margin-top: 0px;*/
/*-webkit-transform: scale(0, 1);*/
/*transform: scale(0, 1);*/
/*-webkit-transition: all 0.25s linear;*/
/*transition: all 0.25s linear;*/
/*}*/

/*.form-group:hover:after{*/
/*transform: scale(1);*/
/*}*/


.fancy-modal .form-group input:focus,
.fancy-modal .form-group textarea:focus,
.fancy-form .form-group input:focus,
.fancy-form .form-group textarea:focus,
    /*.fancy-form .form-group .ui-select-match .btn-default,*/
.fancy-modal  .form-control.ui-select-container:hover{
    border-bottom: 1px solid #4695f6 !important;
}
.fancy-form  .form-control{

}
.fancy-form .form-group .ui-select-match,.fancy-form .form-group .btn-default-focus,
.panel-body .form-group .btn-default-focus,
div[class*="fancy-"] .form-group .btn-default-focus{
    outline:none;
    box-shadow: none;
    background: none;
}
/* Change the white to any color ;) */
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}
.fancy-modal .intl-tel-input{
    width:100%;
}
.fancy-modal .ui-select-container.ui-select-bootstrap.dropdown .ui-select-match{
    border-bottom: 1px solid #c8c8c8;
}
.fancy-modal .btn-default:hover{
    background: none !important;
}
.fancy-modal .form-group input[type="radio"]{
    width:auto;
    border:1px solid #333;
    margin: 15px 10px 0 0;
    position: absolute;
    opacity: 0;
}
.fancy-modal tags-input .tags{
    border:none;
    border-bottom: 1px solid #c8c8c8;
}
.force-complete-radio input[type="radio"]{
    margin: 0 !important;
    width: 18px;
    height: 18px;
}
.force-complete-radio .custom-radio , .force-complete-radio .custom-label{
   display: inline-block !important;
}
.fancy-modal tags-input .tags.focused{
    border-color: #4695f6;
}
.fancy-modal .no-tag-border .tags input{
    border:none !important;
}
.fancy-modal tags-input + a.material-icons{
    color: #909090 !important;
    font-size: 20px;
    position: absolute;
    right: 14px;
    top: 15px;
}
.fancy-modal .form-group textarea{
    min-height: 50px;
    resize: vertical;
}
.ui-select-match .btn-default{
    background: none !important;
}
.info-icon{
    margin: 0;
    margin-left: 15px;
    vertical-align: middle;
}
.fancy-modal .action-btn .btn,
.fancy-box .action-btn .btn{
    width: 47%;
    float: left;
    height: 60px;
    line-height: 3.23;
    color: rgba(0, 0, 0, 0.4);
    border-radius: 100px;
    background-color: #ffffff;
    border: solid 1px rgba(0, 0, 0, 0.12);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    font-family: 'ProximaNova-Regular', Sans-Serif;
}
.ctrlAgentModel .modal-body {
    background-color: #fff !important;
}
.fancy-modal .action-btn .btn:hover{
    color: rgba(0, 0, 0, 0.4);
}
.fancy-modal .action-btn .btn.create-btn{
    float: right;
    background-color: #4695f6 !important;
    color: #fff !important;
}
.fancy-modal .panel-group .panel {
    margin-bottom: 24px;
}
.fancy-modal .modal-detail .map{
    min-height: 200px;
}
.fancy-modal .modal-detail{
    background-color: #fafafa;
    border-radius: 0 10px 10px 0;
}
.fancy-modal .tab-content{
    border:none;
}
.fancy-modal .left-panel{
    padding: 28px 35px 40px;
    background-color: #ffffff;
    float: left;
    position: relative;
    z-index: 99;
    border-radius: 10px;
}
.fancy-modal.expanded .left-panel{
    box-shadow: 10px 0 20px 0 rgba(0, 0, 0, 0.2);
    min-height: 93vh;
}
.fancy-modal:not(.expanded)  .left-panel{
    width:100%;
}
.fancy-modal.fullModal .modal-body{
    width:88%;
    margin: 0 auto;
    float: none;
    transition: all .4s;
}
.fancy-modal.fullModal .modal-body.two-plan-only {
    width:60% !important;
}

@media only screen and (max-width: 767px) {
    .fancy-modal.fullModal .modal-body {
        width: 100%;
    }
    .fancy-modal.fullModal .modal-body.two-plan-only {
        width:100%;
    }
}

.fancy-modal.create-task-modal:not(.expanded) .modal-body{
    max-width:500px;
}
.fancy-modal .tab-heading{
    font-size: 16px;
    color: rgba(0, 0, 0, 0.6);
}
.fancy-modal .sub-heading{
    color: rgba(0, 0, 0, 0.5);
}
.fancy-modal .tab-inner-content {
    background: #fff;
    max-height: 85vh;
    padding-bottom: 20px;
}
.fancy-modal .custom-fields-box{
    background-color: #fafafa;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
}
.fancy-modal table th,
.fancy-modal table td{
    border: 0 !important;
    font-family: 'ProximaNova-Regular', Sans-Serif;
}
.fancy-modal table th{
    text-transform: uppercase;
    font-size: 10px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.6px;
    color: rgba(0, 0, 0, 0.5);
    margin-bottom: 0;
    padding: 0 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
}
.fancy-form .time-box .c-radio span:before {
    font-size: 14px;
    line-height: 17px;
}
.save-btn, .remove-btn{
    border-radius: 5px;
    background-color: #4695f6;
    letter-spacing: 0.9px;
    font-size: 14px;
    margin-top: -5px;
    color: #ffffff;
    font-weight: 100;
    font-family: 'ProximaNova-Regular', Sans-Serif;
    min-width: 150px;
    border: 1px solid #4695f6;
}
.save-btn:hover, .remove-btn:hover{
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2)
}
.remove-btn{
    background: transparent;
    color: rgba(0, 0, 0, 0.78);
    border: 2px solid rgba(51, 51, 51, 0.32);
}
.remove-btn:hover{
    color: #ef5350;
}
.create-task-modal .tasks-btn{
    position: relative;
}
.create-task-modal .tasks-process-line {
    background-image: url(../app/img/dots@2x.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 5px;
    position: absolute;
    left: 4.2%;
    top: 0;
    width: 5px;
    height: calc(100% - 20px);
}
.fancy-modal .table .checkbox {
    margin: 0 auto;
    width: 20px;
    width: 18px;
    height: 18px;
    border-radius: 100px;
    border: solid 1px rgba(0, 0, 0, 0.2);
    cursor: pointer;
}
.fancy-modal .checkbox{
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.fancy-modal label{
    padding-left: 0;
}
.fancy-modal .table .checkbox.active,.fancy-modal .checkbox.active{
    border-color: #7ed321;
    background-color: #7ed321;
    color: #fff;
    text-align: center;
    box-shadow: 0 3px 5px 2px rgba(0, 0, 0, 0.1);
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
}
.tasks-btn .check.tf:after {
    content: '\E92A';
    font-size: 12px;
}
.tasks-btn .check.tf{
    vertical-align: inherit;
}
.fancy-modal .table .checkbox:after{
    font-size: 13px;
}
.fancy-modal .inner-table{
    min-width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-spacing: 6px;
    border-collapse: separate;
}
.fancy-modal table.inner-table th,
.fancy-modal table.inner-table td{
    padding: 4px;
    border:0 !important;
}
.fancy-modal .inner-table input,
.fancy-modal .inner-table select,
.fancy-modal .custom-fields-box table input,
.fancy-modal .custom-fields-box table select{
    background-color: #ffffff;
    height: 30px;
    padding: 3px 7px;
    border: solid 1px rgba(0, 0, 0, 0.05);
}
.fancy-modal .sliding-panel{
    -webkit-transition: transform .4s;
    -moz-transition: transform .4s;
    -ms-transition: transform .4s;
    -o-transition: transform .4s;
    transition: transform .4s;
}
.fancy-modal.expanded .modal-dialog{
    background: #fff;
    border-radius: 10px;
}
.fancy-modal:not(.expanded) .sliding-panel{
    transform: scaleX(0);
    transform-origin: 10% 100%;
    opacity: 0;
    position: absolute;
}
.fancy-modal .action-btn {
    clear: left;
    max-width: 500px;
    float: none;
    margin: 10px auto;
    display: block;
}
.round-btn-modal .action-btn{
    padding: 30px;
    max-width: 100%;
    float: left;
}
.fancy-modal .action-btn.modal-row,
.fancy-modal .action-btn{
    margin-left: -15px;
    margin-right: -15px;
    max-width: none;
    width: auto;
    height: 60px;
    text-align: right;
    padding: 17px;
    border-top: 1px solid #d8d8d8;
}
.fancy-modal .radio-group.transport-group .transport-icon{
    color: rgba(0, 0, 0, 0.21);
    cursor: pointer;
    height: 50px;
    line-height: 50px;
    background-color: #ffffff;
    border: solid 1px rgba(0, 0, 0, 0.1);
    margin: 16px -8px 8px;
    display: block;
    text-align: center;
    position: relative;
}
.fancy-modal .radio-group.transport-group .transport-icon input{
    display: none;
}
.fancy-modal .input-addon{
    position: absolute;
    right: 14px;
    cursor: pointer;
    top: 10px;
}
.fancy-modal .radio-group.transport-group .transport-icon.active{
    background-color: #ffffff;
    color: #4695f6;
    box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.15);
}
.fancy-modal .radio-group.transport-group .transport-icon.active:after{
    position: absolute;
    right: 4px;
    top: 4px;
    line-height: 15px;
    width: 14px;
    height: 14px;
    border-radius: 100px;
    background-color: #7ed321;
    font-size: 6px;
    color: #fff;
    animation: load8 .5s;
}
.highcharts-container .highcharts-legend .highcharts-legend-item{
    cursor: pointer;
}
.fleet-permission label{
    cursor: pointer;
    color: rgba(0, 0, 0, 0.6);
}
.fleet-permission input[type="radio"],
.fancy-modal .fleet-permission input[type="radio"]{
    position: relative;
}

/*css for new task map*/
.new_task_map .angular-google-map {
    /*position: absolute;*/
    display: block;
    width: 100%;
    height: 200px
}


/*#new-task-modal #map-canvas {*/
/*transition: height 0.1s;*/
/*}*/

.new_task_map .angular-google-map-container {
    position: absolute;
    display: block;
    height: 200px;
    width: calc(100% - 30px);
    background-color: #215367 !important;
    /*right: 0;*/
    /*transition: height 0.1s;*/
}

table td .label[class*="circle-"]{
    text-transform: uppercase;
    font-size: 9px;
    width: 80px !important;
    display: inline-block;
    letter-spacing: .6px;
    height: 20px;
    line-height: 16px;
}
#pickup_delevery_datatable_wrapper th.sorting_disabled {
    width: 21px !important;
}
.t-fancy-table .checkbox-container input[type='checkbox'],
.fancy-checkbox-container input[type='radio'],
.fancy-checkbox-container input[type='checkbox'],
.fancy-check input[type='checkbox'],
.fancy-check input[type='radio']{
    opacity:0;
    position: absolute;
    z-index: 2;
}
.t-fancy-table .checkbox-container input[type='checkbox'],
.fancy-check input[type='checkbox']{
    width: 16px;
    cursor: pointer;
    height: 16px;
}
.fancy-checkbox-container .checkbox-outer{
    position: relative;
}
.container-geofence-page .fancy-checkbox-container .checkbox-outer{
    min-height: 60px;
    padding: 25px;
}
.container-geofence-page .search-header.fancy-checkbox-container .checkbox-outer {
    padding: 18px;
}
.fancy-checkbox-container .checkbox-outer input{
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    cursor: pointer;
}
.t-fancy-table .checkbox-container input[type='checkbox']:checked + span,
.fancy-checkbox-container input:checked + span,
.fancy-check input:checked + span,
.show-container span.checkbox{
    border-color: #7ed321;
    background-color: #7ed321;
    color: #fff;
    text-align: center;
}
.t-fancy-table .checkbox-container input[type='checkbox']:checked + span{
    background: transparent;
    border-color: #1984ff;
    color: #1984ff;
}
.fancy-checkbox-container input + span,
.fancy-checkbox-container input + span.checkbox{
    width: 20px;
    height: 20px;
    display: inline-block;
    margin: 0;
    line-height: 11px;
    text-align: center;
}
.fancy-checkbox-container input + span:after{
    opacity:0;
}
.switch input{
    z-index:2 !important;
}
.fancy-checkbox-container input:checked + span:after,
.show-container span.checkbox:after{
    opacity:1;
    font-size: 9px;
}
.t-fancy-table .checkbox-container input[type='checkbox']:checked + span:after{
    content: '\E92A';
    font-size: 6px;
    font-family: 'tookan-icon';
    speak: none;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
}
.t-fancy-table .checkbox-container span,.fancy-check span{
    border-radius: 5px;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    display: inline-block;
    border: solid 1px rgba(0, 0, 0, 0.2);
    text-align: center;
    line-height: 12px;
}
.fancy-check span:after{
    font-size:9px;
    opacity:0;
}
.fancy-check input:checked +span:after{
    opacity:1;
}
.fancy-modal .form-group{
    height:auto !important;
}
.refrence-img .form-group{
    position: relative;
    width: 100%;
}
.container-settings-page .settings-page-content{
    width: 100%;
    background: #fafafa;
}
.container-settings-page .settings-page-content.app-settings-addons{
    padding-bottom: 0;
}
:invalid {
    box-shadow: none;
}

:-moz-submit-invalid {
    box-shadow: none;
}

:-moz-ui-invalid {
    box-shadow:none;
}
.inner-section .page-heading{
    color: rgba(51,51,51,0.8);
    font-size: 24px;
    margin-bottom: 5px;
    margin-top: 14px;
    font-family: 'ProximaNova-Semibold', Sans-Serif;
}
.left-sidebar .pane-header .task-id{
    font-size: 16px;
}
.allocation-details .page-sub-heading{
    padding-left: 15px;
}
.base-font-regular{
    font-family: 'ProximaNova-Regular', Sans-Serif;
}
.t-fancy-table label.switch.switch{
    margin-bottom: 0;
}
.t-fancy-table label.switch span{
    background-color: #ffffff;
    border: 2px solid #ddd;
    box-shadow: none;
}
.t-fancy-table label.switch span:after{
    background-color: #ddd;
    box-shadow: none;
}

.switch input:checked + span {
    transition: all .5s;
    border-color: #1394ff;
    background-color: #1394ff;
}

.switch input:checked + span:after{
    /* border-color: #1394ff;
    background-color: #1394ff; */
    background-color: #fff;
}
.t-color-gray{
    color: rgba(0, 0, 0, 0.6);
}
.sm-font{
    font-size:10px;
    letter-spacing: 1px;
}
.xs-font{
    font-size:9px;
    letter-spacing: 1px;
}
.md-font{
    font-size: 13px;
    letter-spacing: 1px;
}
.panel-heading.page-sub-heading{
    padding: 0;
}
.l-n-pad{
    padding-left: 0 !important;
}
.container-account-page .radio-format .radio{
    display: inline-block;
    margin: 10px;
}
.fancy-form .c-checkbox span:before,.fancy-form .c-radio span:before{
    font-size: 16px;
    line-height: 17px;
    margin-left: 0;
}
.fancy-form{
    width:100%;
    margin-bottom: 30px;
    float: left;
}
.fancy-form .panel-heading.page-sub-heading .btn,
.fancy-form.panel-box .update-btn{
    float: right;
    border-radius: 5px;
    background-color: #4695f6;
    letter-spacing: 0.9px;
    font-size: 14px;
    margin-top: -5px;
    color: #ffffff;
    font-weight: 100;
    font-family: 'Montserrat-Light';
    min-width: 150px;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
}
.inner-section .page-heading .switch{
    margin-left: 15px;
    margin-bottom: 0;
}
.allocations{
    margin-left: -10px;
    margin-right: -10px;
    float: none;
    width: auto;
}
.allocations .allocation-box{
    float: left;
    width: 20%;
    padding: 10px 10px;
}
.allocations .allocation-box .inner{
    cursor: pointer;
    background-color: #ffffff;
    border: solid 1px rgba(0, 0, 0, 0.1);
    position: relative;
}
.box-footer {
    line-height: 3;
    padding-left: 10px;
}
.allocation-box .box-footer .box-title{
    width: calc(100% - 42px);
    display: inline-block;
}
.allocation-box .box-footer {
    height: 42px;
}
.allocation-box .box-footer .checkbox-outer {
    width: 41px;
    background-color: #fafafa;
    text-align: center;
}
.check-radio input{
    opacity:0;
    position: absolute;
    margin-top: 17px;
    margin-left: 3px;
    z-index: 9;
}
.check-radio input+span{
    border-radius: 110px;
    border: solid 1.1px rgba(151, 151, 151, 0.53);
    width: 17px;
    height: 17px;
    display: inline-block;
    position: relative;
    text-align: center;
    vertical-align: middle;
}
.check-radio input:checked + span{
    background-color: #7ed321;
    color: #fff;
}
.check-radio span.overlay{
    position: absolute;
    top:0;
    left:0;
    z-index:2;
    width:100%;
    height:100%;
    background: rgba(255, 255, 255, 0.67);
}
.check-radio input:checked + span+span.overlay{
    box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.15);
    background: transparent;
}
.check-radio input + span:after {
    content: '\E92A';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    opacity:0;
    line-height: 16px;
    font-size: 8px;
}
.check-radio input:checked  + span:after{
    animation: load8 .5s;
    opacity:1;
}
.blank-btn{
    border-radius: 5px;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px) !important;
    background-color: #ffffff;
    border: solid 1px rgba(0, 0, 0, 0.12);
    color: #4593f3 !important;
    padding: 10px !important;
    min-width: 150px;
    font-size: 13.1px !important;
    font-family: 'Montserrat-Light';
}
.panel-box{
    width:100%;
    float: left;
    border-radius: 10px;
    padding: 0;
}
.panel-box.fancy-table-outer .panel{
    padding: 15px;
}
.panel-box .panel{
    float: left;
    width:100%;
    padding: 20px 0;
    border-radius: 10px;
    margin-bottom: 15px;
}
.container-account-page .panel-box{
    margin: 0;
}
.panel-box .heading{
    margin-bottom: 12px;
    display: inline-block;
}
.panel-box .panel-section{
    margin-bottom: 30px;
}
.allocation-box .check-radio input {
    margin-top: 0;
    z-index: 9;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.team-outer .single-team{
    font-size: 16px;
    letter-spacing: 1px;
    color: rgba(0, 0, 0, 0.61);
}
.team-outer .single-team {
    margin-bottom: 16px;
}
.fencetile{
    padding: 15px 15px 0;
    border-radius: 10px;
    background-color: #ffffff;
    margin:15px 0;
    border: solid 1px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    position: relative;
}
.fencetile:hover{
    background-color: #ffffff;
    box-shadow: 0 10px 15px 2px rgba(0, 0, 0, 0.1);
    transform: translate3d(0,-2px,0);
}
.single-team .media{
    position: relative;
    overflow: visible;
}
.single-team .overlay-image{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    margin-top: 0;
    line-height: 1.8;
}
.single-team .people{
    padding: 15px;
    margin: 6px 0;
    float: left;
    width: 100%;
    min-height: 106px;
}
.single-team .name{
    margin-bottom: 10px;
}
.teamtile.fencetile .list-inline{
    width:100%;
}
.fencetile .action-btn{
    margin-left: -16px;
    margin-right: -16px;
    width: auto;
    float: none;
    position: absolute;
    right: 20px;
}
.fencetile .action-btn span{
    margin-right: 10px;
}
.fencetile .meta{
    height:70px;
}
.fencetile .people li{
    width:20%;
    float: left;
}
.fencetile .action-btn .btn:first-child{
    border-radius: 0 0 0 10px !important;
}
.fencetile .action-btn .btn:last-child{
    border-radius: 0 0 10px 0 !important;
    color: #4695f6;
}
.fencetile .action-btn .btn:first-child:hover{
    color: #ef5350;
}
.fencetile .action-btn .btn:last-child:hover{
    background: #4695f6;
    color: #fff;
}
.search-header .checkbox-content{
    padding-top: 0;
    padding-bottom:0;
}
.fancy-search{
    position: relative;
}
.fancy-search span.search{
    position: absolute;
    top: 19px;
    opacity: .6;
}
.add-agent-list{
    background-color: #ffffff;
    padding-bottom: 20px;
    box-shadow: 2px 0 5px 0 rgba(0, 0, 0, 0.05);
}
.add-agent-list li{
    padding: 10px 35px;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.51);
    cursor: pointer;
}
.add-agent-list li.gray-bk-lt{
    background: #fafafa;
}
.gfence-map{
    position: relative;
}
.gfence-map .map-option{
    letter-spacing: 1px;
    position: absolute;
    left: 100px;
    top: 0;
    background-color: rgba(0, 0, 0, 0.78);
    padding: 20px 0;
    width: 220px;
    z-index: 99;
    color: #fff;
}
.gfence-map .map-option ul i{
    display: block;
    color: rgba(255, 255, 255, 0.49);
    border-radius: 5px;
    background-color: rgba(255, 255, 255, 0.12);
    height: 50px;
    line-height: 2.56;
    margin-bottom: 10px;
}
.gfence-map .map-option ul li{
    width: 33.33%;
    float: left;
    text-align: center;
}
.gfence-map .map-option ul a{
    padding: 10px 4px;
    color: rgba(255, 255, 255, 0.49);
    font-size: 12px;
}
.gfence-map .map-option ul a:hover{
    color: #fff;
}
.gfence-map .map-option ul a:hover i{
    color: #fff;
    border: solid 1px #4695f6;
}
.gfence-map .map-option input{
    background: rgba(255, 255, 255, 0.1);
    border-radius: 5px;
    font-weight: 100;
    width: 100%;
}
.map-option .search-wrapper{
    position: relative;
}
.map-option .search-wrapper input{
    padding-left: 30px;
    color: #fff;
    border: none;
}
.map-option .search-wrapper span.search{
    position: absolute;
    left: 9px;
    top: 8px;
    opacity: .6;
}
.map-option .search-wrapper span.search:after{
    font-size: 14px;
}
a#api-key-btn{
    position: absolute;
    right: 38px;
    top: 14px;
}
.container-apikey-page .v2-api-key-header,.container-apikey-page .apikey-panel-box  .panel{
    margin:0;
    border-left: none;
    border-right: none;
    border-top: none;
}
.container-apikey-page .v2-api-key-header{
    height: 70px;
    line-height: 3;
    letter-spacing: 0.9px;
    color: rgba(0, 0, 0, 0.79);
}
.container-apikey-page .v2-api-key-header a{
    float: right;
    margin-right: 20px;
}
.container-apikey-page .apikey-panel-box  .panel a{
    margin-right: 30px;
}
.container-settings-page .settings-page-content{
    padding-bottom: 30px;
}
.accountdetails .panel{
    max-width: 350px;
    padding: 10px 25px;
    position: relative;
    display: table-cell;
    min-height: 200px;
    box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.15);
}
.accountdetails .panel .fancy-form{margin-bottom: 0}
.card-actions{
    position: absolute;
    right: -3px;
    bottom: -44px;
}
.card-actions.icons{
    right: 0;
    top: 2px;
    bottom: auto;
}
.card-actions .btn{
    letter-spacing: 0.8px;
    color: #4695f6;
    -webkit-box-shadow: none;
    -moz-box-shadow: none ;
    box-shadow: none ;
    background: transparent !important;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: 9px;
}
.card-actions.icons .btn span{
    width: 20px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    text-align: center;
    color: #707070;
}
.accountdetails .card-username{
    letter-spacing: 1.4px;
    font-size: 23px;
    color: #000000;
}
.accountdetails .billingPanel{
    padding: 5px 0;
    line-height: 2;
    margin-top: 20px;
}
.wordWrap{
    word-break: break-all;
}

/****************************balpreet's css*************************/
.active-manager-permission{
    box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.15)
}
.active-manager-permission-checkbox-container{
    font-size: 14px !important;
}
.agent-assing-modal .modal-dialog{
    width: 580px;
}
.active-option-color {
    color: #26A0E0 !important;
}
.switch.custom-switch span {
    width: 40px;
    height: 22px;
    margin-top: 0px !important;
    box-shadow: none;
}
.update-inner-stop-modal .ui-select-container{
    display: inline-block;
    vertical-align: middle;
}
.update-inner-stop-modal table{
    margin-bottom: 0;
}
.update-inner-stop-modal .table-responsive{
    overflow: visible;
}
.agent-detail-info .tasks-list .task-option{
    background: #fff;
    padding: 12px;
    color: #333;
    opacity: 1;
    font-size: 13px;
    margin: -3px -8px;
}
.agent-detail-info .tasks-list .tooltip.left{
    opacity: 1;
}
.agent-detail-info .tasks-list .tooltip.left .tooltip-arrow{
    border-left-color: #fff;
}
.agent-detail-info .tasks-list .popover.top > .arrow{
    border-bottom-color: #333;
}
.agent-detail-info .tasks-list .tooltip.left .tooltip-inner{
    box-shadow: 0 0 10px rgba(51, 51, 51, 0.38);
}
.switch.custom-switch span:after {
    background-color: #e2e4e6;
    height: 16px;
    width: 16px !important;
    box-shadow: none;
}
.top-nav .fa.fa-check {
    margin-left: -15px !important;
}
.timedifferror, .locationerror, .locationerrorpickup, .teammembers {
    color: red;
    font-size: 11px;
    display: none;
}.fancy-modal .panel-heading .togglr{
     float: right;
     background: #fafafa;
     width: 60px;
     text-align: center;
     line-height: 3.5;
     height: 58px;
     font-size: 16px;
 }
.panel-heading .togglr:not(.collapsed){
    transform: rotate(180deg);
}
.seven-cols .day_col{
    float: left;
    width:14.28%;
    padding: 0 4px;
}
.recurring-panel .seven-cols .day_col {
    width: 30px;
    height: 30px;
    padding: 0;
    margin-right: 5px;
}
.week-checkbox-outer{
    position: relative;
}
.week-checkbox-outer input[type="checkbox"],
.week-checkbox-outer .week-checkbox {
    top: 0;
    left: 0;
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    height: 35px;
    text-align: center;
    line-height: 2.5;
    border: solid 1px rgba(0, 0, 0, 0.1);
}
#recurring-panel{
    background: rgb(255, 255, 255);
    float: left;
    width: 100%;
    padding: 15px;
}
.recurring-panel .week-checkbox-outer input[type="checkbox"],
.recurring-panel .week-checkbox-outer .week-checkbox{
    height: 30px;
    line-height: 30px;
    width: 30px;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    cursor: pointer;
}
.week-checkbox-outer input[type="checkbox"]{
    opacity:0;
    position: absolute;
    z-index: 2;
}
.week-checkbox-outer input[type="checkbox"]:checked + .week-checkbox{
    background-color: #ffffff;
    border:none;
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.15);
}
.recurring-panel .week-checkbox-outer input[type="checkbox"]:checked + .week-checkbox {
    background-color: rgba(255, 255, 255, 0);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    border: 1px solid #4695f6;
    color:  #4695f6;
}
.week-checkbox-outer input[type="checkbox"]:checked + .week-checkbox:after{
    content: '';
    position: absolute;
    right: 5px;
    top: 5px;
    width: 7px;
    height: 7px;
    border-radius: 100px;
    background-color: #7ed321;
}
.recurring-panel .week-checkbox-outer input[type="checkbox"]:checked + .week-checkbox:after{
    display: none;
}
.no-l-pad{
    padding-left: 0 !important;
}
.no-r-pad{
    padding-right: 0 !important;
}
.inline-block{
    display: inline-block !important;
}
.form-group .addon-text{
    position: absolute;
    right: 18px;
    bottom: 30px;
}
.assign-agent-panel .form-group .addon-text {
    bottom: 15px;
}
.c-radio input{
    z-index: 2;
}
#recurring-panel .time-box{
    position: relative;
    margin-top: 10px;
}
.time-box .c-radio{
    position: absolute;
    left:0;
    top:10px;
}
#recurring-panel .time-box .addon-text{
    left: 100%;
    bottom: 14px;
}
#recurring-panel label{
    padding: 0;
    margin-bottom: 4px;
}
#recurring-panel .time-box .form-group{
    padding-right: 35px;
}
#recurring-panel .time-box .form-control{
    margin-left: 25px;
    height: 30px;
}
.form-group .switch{
    margin-top: 10px;
}
.select-wrapper .ui-select-bootstrap > .ui-select-match > .btn,
.select-wrapper .form-control .btn,
.ui-select-multiple.ui-select-bootstrap input.ui-select-search,
.ui-select-bootstrap .ui-select-choices-row>span{
    background: transparent;
    font-family: 'Montserrat-Light';
}
.select-wrapper .ui-select-bootstrap .ui-select-toggle > .caret{
    display: none;
}
.select-wrapper .form-control.ui-select-multiple.ui-select-bootstrap{
    background: none;
    border:none;
    outline:none;
}
.agent-select .input-addon{
    position: absolute;
    right: -16px;
    cursor: pointer;
    top: -1px;
    z-index: 9;
    width: 27px;
    color: #333;
    height: 27px;
    line-height: 27px;
}
.form-group .addon-icon{
    position: absolute;
    right: 0;
    top: 16px;
}
.eye{
    cursor: pointer;
}
.fancy-file-outer{
    height: 150px;
    background-color: rgba(0, 0, 0, 0.02);
    border: dashed 2px rgba(0, 0, 0, 0.1);
    display: table;
    width: 100%;
    position: relative;
}
.fancy-file-outer input[type="file"]{
    opacity: 0;
    position: absolute;
    height: 100%;
    z-index: 2;
    width: 100%;
}
.fancy-file-outer .browse-text{
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    text-align: center;
}
.fancy-file-outer .tf:after{
    font-size: 50px;
    display: block;
}
.fancy-modal .refrence-img .input-addon{
    right:0;
}
tags-input .tags .input{
    font-family: 'Montserrat-Light' !important;
    font-size: inherit !important;
}
.t-fancy-table .font-medium{
    font-family: 'Montserrat-Light';
}
.dataTables_processing{
    text-align: center;
    background: rgba(0, 0, 0, 0.65);
    padding: 20px;
    color: #fff;
    position: fixed;
    left: 45%;
    top: 48%;
}
.fancy-table-outer .dataTables_processing{
    display: none !important;
}
.white-round-btn{
    height: 36px;
    line-height: 17px !Important;
    border-radius: 100px;
    color: #4695f6 !important;
    background-color: #ffffff !important;
    padding: 10px 20px !important;
    display: inline-block !important;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    margin: 0 5px;
}
.no-top-gap{
    padding-top: 0;
    margin-top: 0;
}
table.t-fancy-table > tbody > tr > td > .media img{
    height:auto;
    max-width: 100%;
}
/*Login page style*/
.account-form .welcome {
    height: 48px;
    opacity: 0.8;
    font-size: 40px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 3px;
    color: #4695f6;
    text-align: center;
    margin-bottom: 50px;
}
.left-login-panel{
    background: url('../app/img/bg-pattern@2x.jpg');
    height: 100%;
    height: 100vh;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    z-index: 2;
}
.account-page{
    position: relative;
    font-family: 'Montserrat-Regular';
}
.account-page .logo{
    padding:30px;
    max-width: 220px;
}
.account-page .logo img{
    max-width: 100%;
}
.account-page .create-account{
    position: absolute;
    left: 15px;
    bottom: 0;
    right: 15px;
    text-align: center;
}
.right-login-panel{
    background-image: url(../app/img/landing-page.jpg);
    height: 100%;
    height: 100vh;
    background-size: cover;
    background-repeat: no-repeat;
}
.account-form{
    width: 400px;
    max-width: 100%;
    border-radius: 10px;
    background-color: #fff;
    padding-bottom: 15px;
    padding: 50px 15px 0;
    box-shadow: -3px -1px 9px rgba(140, 140, 140, 0.28);
    position: absolute;
    left: 100%;
    margin-left: -200px;
}
.account-form:after{
    content: '';
    position: absolute;
    left: -64px;
    top: 0;
    width: 50px;
    height: 100%;
    background: url(../app/img/login.svg);
    background-repeat: no-repeat;
    background-position: center;
}
.register-form.account-form:after,.reset-form.account-form:after{
    background-image: none;
    font-size: 360px;
    opacity: .1;
}
.account-form .form-group{
    position: relative;
}
.account-form .action-btn .btn{
    height: 70px;
    background-image: linear-gradient(to left, #4eb0e3, #4695f6);
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    border-radius: 0 0 10px 10px;
    margin-top: 30px;
    letter-spacing: 1.3px;
    font-family: 'Montserrat-Regular';
}
.account-form .form-control {
    height: 62px;
}
.fancy-form.account-form .form-group  label{
    font-size:14px;
    color: rgba(0, 0, 0, 0.61);
}
.top-nav .btn,
.top-nav input,
.sub-header input{
    /*font-family: 'Montserrat-Light';*/
    letter-spacing: .5px;
}
.coming-soon{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    line-height: 100vh;
    height: 100%;
    background: rgba(0, 0, 0, 0.96);
    text-align: center;
    color: #fff;
    font-size: 50px;
    z-index: 99;
}
#sideMenu li a>span.customer{
    margin-left: -4px;
    margin-right: 4px;
}
i.btn-icon.refresh.tf:after{
    font-size: 22px;
}
.top-nav i.btn-icon > .multiselect-parent .dropdown-toggle.btn.btn-default {
    width: 165px !important;
    overflow: hidden !important;
    width: 18px !important;
    margin-right: -25px;
    background: transparent;
    box-shadow: none;
    text-indent: -9999px;
    border: none;
}
.top-nav i.btn-icon > .multiselect-parent .dropdown-menu {
    right: -25px;
    margin-top: -3px;
}
.top-nav i.btn-icon > .multiselect-parent .dropdown-toggle .material-icons{
    display: none;
}
.top-nav .navbar-right .btn{
    border: 1px solid #fff;
    border-radius: 25px;
    line-height: 16px;
    background: transparent !important;
}
.top-nav .navbar-right .btn.create-btn,
.on-boarding-create-task{
    border-radius: 100px;
    background-color: #ffffff !important;
    border-radius: 100px;
    border:none;
    margin-right: 10px;
}
.top-nav .navbar-right .btn.create-btn:hover,
.on-boarding-create-task:hover{
    background-color: #fafafa !important;
}
.on-boarding-create-task{
    position: fixed;
    right: 83px;
    top: 14px;
    z-index: 1001;
    line-height: 9px !important;
}
.modal.valign .modal-content .action-btn{
    height: 52px;
}



@media only screen and (min-width: 1400px){
    .container-geofence-page .geo-fence-agents{
        width:33.33%;
    }
}
@media only screen and (max-width: 767px){
    .account-form{
        margin: 0 auto;
        left: 0;
        right: 0;
        max-width: 92%;
    }
    .right-login-panel{
        display: none;
    }
    .account-form .action-btn .btn {
        font-size: 14px;
    }
}
@media only screen and (max-width: 600px){
    .account-form:after{
        display: none;}
}
@media only screen and (max-width: 400px) {
    .account-form{
        position: static;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        max-width: 100%;
        margin-bottom: 20px;
    }
    .account-page .create-account{
        position: static;
    }
}.iti-flag {
     background-image: url("/app/img/flags.png") !important;
 }

#setup-tabs li{
    width:33.33%;
    float: left;
    padding: 10px;
    padding-bottom: 0px;
}
#setup-tabs li a{
    border:none;
    background: none !important;
    padding: 0;
    text-align: left;
}
#setup-tabs li.active a{
    box-shadow: 0 10px 15px 2px rgba(0, 0, 0, 0.1);
}
#setup-tabs li img{
    width:100%;
    height:auto;
}
#setup-tabs .fancy-checkbox-container{
    float: none;
}
#setup-tabs .fancy-checkbox-container .checkbox-outer{
    min-height: 87px;
    line-height: 40px;
}
#setup-tabs .workflowbox{
    position: relative;
}
#setup-tabs .workflowbox .more{
    position: absolute;
    top: 0;
    height: 100%;
    padding: 20px;
}
.modal .workflowbox img{
    max-width: 100%;
}
.workflow-page-container .c-checkbox span,
.workflow-page-container .c-radio span{
    vertical-align: middle;
}
.checkbox-box{
    position: relative;
    border: solid 1px rgba(0, 0, 0, 0.1);
    padding: 13px 20px;
    border-radius: 3px;
}
.checkbox-box .checkbox{
    position: absolute;
    left: 8px;
    top: 5px;
    width: 100%;
    height: 100%;
    text-align: left;
    cursor: pointer;
}

.checkbox-box .checkbox.c-checkbox span,
.checkbox-box .checkbox .c-radio span{
    width: 15px;
    height: 15px;
}
.checkbox-box .checkbox.c-checkbox span:before,
.checkbox-box .checkbox .c-radio span:before{
    font-size: 10px;
    line-height: 13px;
}
.checkbox-box .checkbox.c-checkbox span{
    margin-right: 0;
    margin-top: 4px;
    animation: load8 .5s;
}
.action-block .checkbox-box{
    width: 70%;
    float: left;
}
.action-block .c-checkbox .switch input[type=checkbox]:not(:checked) + span:after{
    opacity:1;
    background-color: #ddd;
    box-shadow: none;
}
.action-block .c-checkbox .switch input[type=checkbox]:checked + span{
    border-color: #ddd;
    background-color: #fff;
    color: #fff;
}
.no-style{
    font-size: inherit !important;
    text-transform: capitalize !important;
    margin:0 !important;
}

/*Workflow page style*/
.manage-action{
    margin-top: 30px;
    line-height: 27px;
}
.enhanced-datepicker.fancy-datepicker{
    color: #040404;
    text-align: center;
    display: inline-block;
    margin-top: 0;
    width: 142px;
    height: 29px;
    border-radius: 100px;
    background-color: #ffffff;
    border: solid 1px #d9d9d9;
    margin: 0 20px;
    position: relative;
}
.enhanced-datepicker.fancy-datepicker input{
    width: 90px;
    border: 0;
    color: #585858;
    font-size: 11px;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: 'Montserrat-Regular';
    line-height: 26px;
    vertical-align: top;
}
.enhanced-datepicker.fancy-datepicker .date-picker-special {
    position: absolute;
    left: 6px;
    top: 6px;
    font-size: 16px;
    color: #585858;
    line-height: 14px;
}
.enhanced-datepicker.fancy-datepicker .date-picker-special.tf:after {
    font-size: 16px;
}
.enhanced-datepicker.fancy-datepicker .date-icon {
    padding-top: 0;
    border: none;
    background: none;
    outline: none;
    height: 28px;
    border-left: 1px solid #d9d9d9;
    position: absolute;
    right: 1px;
    top: 0;
    width: 26px;
    padding: 0;
}
.container-availability-page .manage-action a {
    margin-left: 14px;
}
.container-availability-page .timeContent .availability-hdr-txt {
    height: 12px;
    margin: 12px 0;
    padding: 0px 3px;
    line-height: 7px;
}
.fancy-search.sm-search input[type='text'],
.fancy-search.sm-search input[type='search']{
    height: 16px;
}
.fancy-search.sm-search .search.tf:after{
    font-size: 13px;
}
.fancy-search.sm-search span.search {
    top: 7px;
    left: 15px;
}
.container-availability-page .driverContent {
    width: 350px;
    float: left;
    box-shadow: 10px 0 20px 0 rgba(0, 0, 0, 0.08);
    padding-bottom: 16px;
    background: #fff;
}

.container-availability-page .timeContent {
    /*!*width: 100%;*!*/
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    border-bottom: 1px solid #ddd;
    width: calc(100% - 350px);
    float: left;
}
.driverContent .left-thumb{
    width: 40px;
}
.driverContent .media-box-body{
    width:calc(100% - 40px);
    float: right;
}
.driverContent  .time-col {
    padding: 4px 2px;
    margin: 0;
}
.driverContent .time-col:nth-child(1),
.driverContent .time-col:nth-child(2) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.driverContent  .time-col span{
    display: block;
}
.fancy-search .search-tags{
    position: absolute;
    right: 4px;
    top:3px;
}
.fancy-search .search-tags .tag{
    display: inline-block;
    height: 23px;
    font-size: 11px;
}
.fancy-search .search-tags .tag .needsclick{
    background-color: transparent;
    border-radius: 5px;
    line-height: 15px;
    padding: 2px 3px 2px 5px;
    color: rgba(0, 0, 0, 0.51);
    border: 1px solid rgba(51, 51, 51, 0.32);
}
.fancy-search .search-tags .tag input[type=checkbox]{
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index: 2;
}
.fancy-search .search-tags .tag input[type=checkbox]:checked+.needsclick{
    background-color: #4695f6;
    border-color: transparent;
    color: #fff;
}
.fancy-search .search-tags .tag .tf{
    margin-left: 4px;
    margin-right: 1px;
    line-height: 13px;
}
.fancy-search .search-tags .tag .tf:after{
    font-size: 9px;
}
.fancy-search .search-tags input[type=checkbox]:checked+.needsclick .tf{
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.fleetTime{
    position: relative;
}
.fleetTime .centerCircle{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -17px;
    margin-top: -9px;
    width: 16px;
    height: 16px;
    border-radius: 25px;
    background: #ffffff;
    z-index: 2;
}

.driver_name {
    text-transform: capitalize;
    vertical-align: middle;
    padding-top: 5px;
    padding-left: 15px;
}
.container-availability-page .availability-hdr-txt,
.container-availability-page .availability-col-txt {
    line-height: 1;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 5px;
    display: inline-block;
    width: 50px;
}

.avail-free-padding {
    padding: 5px !important;
}
.avail-label {
    float: left;
    margin-right: 0px;
    width: 100%;
    text-align: center;
    border-radius: 5px;
    height: 60px;
    cursor: pointer !important;
}
.avail-label[style="background-color: #fff"]{
    border: solid 1px rgba(0, 0, 0, 0.1);
}
.container-availability-page .fancy-search{
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 2px 10px 0 rgba(0, 0, 0, 0.05);
    margin: 0;
    min-height: 35px;
    line-height: 26px !important;
}
.container-availability-page .single-row{
    min-height: 86px;
}
.container-availability-page .schedule-section {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 -2px 7px 0 rgba(0, 0, 0, 0.05);
    margin-bottom: 60px;
}
.driverContent .availability-col-txt{
    padding-left: 20px;
}
.container-availability-page .time-head-row{
    margin-bottom: 4px;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 2px 10px 0 rgba(0, 0, 0, 0.05);
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover{
    border: none;
}
.pagination > li > a, .pagination > li > span{
    border:none;
    background-color: #fafafa !important;
}
.container-availability-page .overlay_tab_container.addOpacity {
    visibility: visible !important;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.container-availability-page .overlay_tab_container {
    z-index: 9;
    background: #fff;
    position: absolute;
    top: 0;
    right: 0;
    left: -15px;
    transform : scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    height: 100%;
    color: #fff !important;
    text-align: center;
    visibility: hidden;
    transition: transform 0.1s ;
}
.container-availability-page .timeContent .availability-hdr-txt{
    border-right: 1px solid rgba(51, 51, 51, 0.4);
    text-align: center;
}
.container-availability-page .overlay_tab_container a {
    color: rgba(0, 0, 0, 0.53);
    text-decoration: none !important;
    font-size: 16px;
}
.container-availability-page .overlay_tab_container a.save{
    color: #4695f6;
}
.container-availability-page .filter_btn .divider{
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    max-width: 85px;
    margin: 0 auto 9px;
} /*geo fence map css*/
.gfence-map .angular-google-map,.gfence-map .angular-google-map-container {
    height: 100%;
    width:100%
}
.fancy-checkbox-container .checkout-content input{
    border: none !important;
    width: calc(100% - 80px);
    float: left;
    min-height: 60px;
    padding: 20px;
}
.fancy-checkbox-container .checkbox.block{
    display: inline-block;
}
.fancy-checkbox-container .checkbox-outer.sm{
    padding: 18px;
    min-height: 63px;
}
.row-new {
    margin-right: -15px;
    margin-left: -15px;
}
.chart-wrapper md-button-group.tk-btn-group{
    margin-bottom: 20px !important;
}
.top-nav li .md-button.navbar-create-btn:hover, .top-nav li .md-button.navbar-create-btn:focus{
    background: #eaedf0 !important;
    color: #333;
}
.panel-heading .fancy-checkbox-container{
    background-color: transparent;
    border: none;
    border-bottom: solid 1px rgba(0, 0, 0, 0.05);
}
.fancy-checkbox-container.xs .checkbox-outer {
    padding: 6px;
    height: 40px;
    width: 40px;
    min-height: 40px;
}
.fancy-checkbox-container.sm .checkbox-outer {
    padding: 11px;
    height: 50px;
    width: 50px;
    min-height: 50px;
}
.fancy-checkbox-container.xs  .checkbox-content{
    padding:8px;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.6);
}
#task-to-route .tab-offsidebar-inner {
    border: solid 1px rgba(0, 0, 0, 0.12);
}
#task-to-route .single-task .time{
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000000;
    margin-bottom: 4px;
}
#task-to-route .single-task .client-name{
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.5px;
    color: rgba(0, 0, 0, 0.81);
    margin-bottom: 4px;
}
#task-to-route .single-task .inner-task{
    margin-bottom: 9px;
    padding-left: 25px;
    overflow: hidden;
}
#task-to-route .single-task,
#task-to-route .single-task .tab-offsidebar-inner{
    background: transparent;
}
#task-to-route .single-task.checkbox-box .checkbox.c-checkbox span {
    margin-right: 5px;
    margin-top: 8px;
    width: 20px;
    height: 20px;
    float: right;
}
#task-to-route .single-task.checkbox-box .checkbox.c-checkbox span:after{
    font-size: 8px;
    line-height: 19px;
}
.c-checkbox.checkbox input[type=checkbox]:checked + span,
.c-radio.checkbox input[type=checkbox]:checked + span,
.c-checkbox.checkbox input[type=radio]:checked + span,
.c-radio.checkbox input[type=radio]:checked + span,
.auto_verify_toggle .c-checkbox.checkbox input[type=checkbox]:checked + span {
    border-color: #ddd;
    background-color: #fff;
    color: #fff;
}
.c-checkbox.checkbox input[type=checkbox]:checked + span{
    background-color: #7ed438;
    border-color: #7ed438;
}
.ui-select-multiple.ui-select-bootstrap .ui-select-match-item,
tags-input .tags .tag-item{
    outline: 0;
    margin: 0 3px 3px 0;
    height: 18px !important;
    border-radius: 87.8px !important;
    background-color: #f5f5f5 !important;
    line-height: 13px;
    border: solid 0.9px #d2d2d2 !important;
    font-size: 10px !important;
    color: rgba(0, 0, 0, 0.53);
    margin-right: 4px;
}
tags-input .tags .tag-item {
    line-height: 15px !important;
}
#show-job-modal .fancy-checkbox-container.duration,
#set-route-priority .fancy-checkbox-container.duration{
    display: inline-block;
    max-width: 300px;
    float: none;
    vertical-align: middle;
    margin: 0 10px 0 0;
}
.vert-center{
    display: inline-block;
    vertical-align: middle;
}
#task-to-route .single-task input[type=checkbox]:checked +span+.tab-offsidebar-inner {
    background-color: #ffffff;
    border-color: transparent;
    box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.15);
}
#task-to-route .single-task.checkbox-box{
    border:none;
}
#task-to-route .single-task.checkbox-box .checkbox{
    position: relative;
    text-align: left;
    margin: 0;
}
.customer-detail-box.right-sliding.detail-slider-box .task-tabs{
    max-height: calc(100vh - 350px);
}
.left-sidebar .single-task .address{
    min-height: 20px;
}
.main-inner .top-nav li .btn-db:hover{
    background-color: rgba(255, 255, 255, 0.2);
}/*Connected tasks style*/
#connected_tasks .single-task{
    padding-top: 15px;
    padding-bottom: 15px;
    cursor: pointer;
}
#connected_tasks .single-task:hover,
#connected_tasks .single-task.active{
    box-shadow: 0px 2px 12px 2px rgba(0, 0, 0, 0.12);
}
#connected_tasks .single-task .tf{
    margin-right: 10px;
}

/*New create task sidebar style*/

.half-sidebar{
    left:-50%;
    position: fixed;
    top: 60px;
    margin-top: 0;
    transition: all .2s;
    z-index: 1000;
    height: calc(100% - 60px) !important;
    height: calc(100vh - 60px) !important;
    background-color: #ffffff;
}
.sideslider-heading{
    height: 60px;
    color: #fff;
    padding: 16px 20px;
    line-height: 1;
    font-size: 26px;
    color: #31353c;
    z-index: 3;
    background: #f6f6f6;
    position: relative;
}
.sideslider-heading .cancel{
    padding-top: 3px;
    opacity:0;
    margin-top: 0;
    font-size: 18px;
}
.create-task-sidebar.mission-edit-class.open {
    opacity:1;
}
.create-task-sidebar.mission-class.open .sideslider-heading .cancel {
    opacity:1;
}
.create-task-sidebar.original-edit.open {
    opacity:1;
}
.create-task-sidebar.open .sideslider-heading .cancel{
    opacity:1;
}
.half-sidebar.open{
    left: 0;
    width:50%;
    padding-left: 0;
    z-index: 99;
}
.on-boarding .half-sidebar{
    z-index: 1001;
}
.top-nav .navbar-left{
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.top-nav.task-creating .create-task-btn,
.top-nav.task-creating button,
.top-nav.task-creating md-button-group,
.top-nav.task-creating li{
    opacity: 0.3;
    pointer-events: none;
}
.create-task-sidebar .slide-one{
    height:100%;
    text-transform: uppercase;
    font-size: 18px;
    padding-top: 40px;
    position: relative;
    z-index:3;
    background: #fff;
}
.create-task-sidebar .slide-one .pickup-point-action,
.create-task-sidebar .slide-one .drop-off-action{
    font-size: 18px;
    height:45%;
    text-transform: uppercase;
    font-weight: 800;
    display: table;
    width:100%;
}
.create-task-sidebar .slide-one .content{
    display: table-cell;
    vertical-align: middle;
}
.create-task-sidebar .action-box {
    cursor: pointer !important;
    width: 108px;
    height: 108px;
    line-height: 100px;
    border-radius: 10.1px;
    margin: 0 auto 20px;
    color: rgba(51, 51, 51, 0.28);
    background-color: rgba(0, 0, 0, 0.02);
    border: dashed 2px rgba(0, 0, 0, 0.1);
}
.create-task-sidebar .slide-one .option-or{
    position: relative;
}
.both-option{
    position: relative;
}
.dropdown-toggle:hover .dropdown-menu,
.dropdown-toggle:hover+.dropdown-menu{
    display: block;
}
.dropdown-toggle:hover .dropdown-menu-child,
.dropdown-toggle:hover+.dropdown-menu-child{
    display: none;
}
.dropdown:not(.open) .dropdown-toggle.onclick:hover .dropdown-menu,
.dropdown:not(.open) .dropdown-toggle.onclick:hover+.dropdown-menu{
    display: none;
}
.dropdown-toggle:hover .dropdown-menu-child,
.dropdown-toggle:hover+.dropdown-menu-child{
    display: none;
}
li.dropdown-submenu:hover .dropdown-menu-child,
li.dropdown-submenu:hover+.dropdown-menu-child{
    display: block;
}

.create-task-sidebar .desc .copy-to-all .dropdown-toggle{
    font-size: 17px;
}
.both-option .option-or{
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0;
    margin: 0 auto;
    right: 0;
    top: 28px;
    text-align: center;
}
.create-task-sidebar .slide-one .option-or:after{
    content: '';
    position: absolute;
    bottom:9px;
    width:80%;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width: 80%;
    z-index:1;
    height: 1px;
    background: rgba(1, 15, 51, 0.62);
}
.create-task-sidebar .slide-one .option-or span{
    position: relative;
    z-index:3;
    background: #fff;
    min-width: 105px;
    display: inline-block;
}
.close-detail i{
    font-size: 19px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.close-detail:hover i{
    transform: rotate(90deg);
}
.create-task-sidebar .slide-second{
    height:100%;
    z-index:4;
    background-color: #f6f6f6;
    position: absolute;
    width: 100%;
    right: 0;
    padding-left: 0;
    z-index:3;
}
.create-task-sidebar .points-heading{
    height: 50px;
    padding: 16px;
    background-color: #fafafa;
    letter-spacing: 0.9px;
    color: rgba(0, 0, 0, 0.64);
    font-weight: 600;
    text-align: left;
}
.create-task-sidebar .points-heading.add-new-point,
.create-task-sidebar .add-another-task{
    color: #4695f6;
    cursor: pointer;
}
.create-task-sidebar .points-heading .tf,
.create-task-sidebar .add-another-task .tf{
    color: #d8d8d8;
    width: 18px;
    text-align: center;
    height: 18px;
    line-height: 16px;
    display: inline-block;
    margin-right: 8px;
}
.create-task-sidebar .points-heading .tf:after, .sm.tf:after {
    font-size: 11px;
    font-weight: 900;
}
.create-task-sidebar .panel-default > .panel-heading {
    color: #333;
    background-color: #ffffff;
    border-color: #fff;
    padding: 13px 20px;
    border-radius: 5px;
    position: relative;
    cursor: pointer;
    letter-spacing: 0.5px;
}
.create-task-sidebar .panel-default > .panel-heading .panel-title{
    font-size: 14px;
    padding-left: 20px;
    color: rgba(0, 0, 0, 0.35);
    padding-right: 24px;
    line-height: 20px;
}
.create-task-sidebar .recurring-panel > .panel-heading .panel-title{
    padding:0;
}
.create-task-sidebar.update-task-sidebar .panel-default > .panel-heading .panel-title{
    padding-right: 0;
    padding-left: 0;
}
.create-task-sidebar .panel-default > .panel-heading .panel-title .bold-font{
    color: #000;
}
.create-task-sidebar .panel-default > .panel-heading .icon{
    position: absolute;
    left: 18px;
    top: 13px;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.2);
}
.create-task-sidebar .panel-default > .panel-heading[aria-expanded="true"] .icon{
    transform: rotate(180deg);
}
.create-task-sidebar .panel-default > .panel-heading .icon:after{
    font-size: 6px;
    vertical-align: 3px;
}

.create-task-sidebar .panel-default > .panel-heading .delete-task{
    position: absolute;
    top: 13px;
    right: 20px;
    color: #c3c3c3;
    cursor: pointer;
    border-radius: 100px;
    width: 20px;
    height: 20px;
    line-height: 13px;
    text-align: center;
    border: 2px solid #dddddd;
    font-size: 21px;
}
.create-task-sidebar .panel-default > .panel-heading .delete-task:after{
    content: '-';
    color: rgba(0, 0, 0, 0.27);
    font-size: 32px;
    line-height: 11px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.create-task-sidebar .panel-default > .panel-heading .delete-task:hover{
    border: 2px solid #ff3e3e;
}
.create-task-sidebar .panel-default > .panel-heading .delete-task:hover:after{
    color: #ff3e3e;
}
.create-task-sidebar .panel .panel .collapse.in,
.recurring-panel .collapse.in{
    border-top: 2px solid rgba(0, 0, 0, 0.1);
}
.assign-agent-options>label{
    float: left;
    width:100px;
    font-family: 'Montserrat-Regular';
}
.create-task-sidebar .panel-group .panel{
    margin-bottom: 15px;
    float: left;
    width: 100%;
    border: none;
    box-shadow: none;
    background: none;
}
.create-task-sidebar .panel-group .panel .panel{
    margin-bottom: 0;
}
.create-task-sidebar .panel-group .panel .panel {
    border-radius: 5px;
    background-color: #ffffff;
    border: solid 1px rgba(0, 0, 0, 0.1);
}
.create-task-sidebar .form-group,
.create-task-sidebar .input-group
{
    padding: 5px;
    margin-bottom: 0px;
    float: left;
}
.create-task-sidebar .refrence-img .input-group{
    padding: 0;
}
.create-task-sidebar .refrence-img tags-input .host{
    margin:0;
    margin-bottom: 10px;
}
.create-task-sidebar .fancy-form .form-group input,
.create-task-sidebar .fancy-form .form-group textarea,
.create-task-sidebar .fancy-modal  .form-control.ui-select-container,
.create-task-sidebar .fancy-form  .form-control,
.create-task-sidebar .inner-table input{
    border-radius: 2px !important;
    height: 40px;
    line-height: 16px;
    font-size: 12px;
    padding: 10px;
    border: solid 1px rgba(0, 0, 0, 0.11);
}
.create-task-sidebar .custom-fields-box .table .checkbox {
    margin: 0 auto;
    width: 20px !important;
    height: 20px;
    border: 1px solid rgba(51, 51, 51, 0.22);
    border-radius: 50%;
    display: block;
}
.create-task-sidebar .custom-fields-box .table .checkbox.tf:after {
    font-size: 8px;
}
.create-task-sidebar input[googleplace]{
    padding-right: 25px !important;
}
.create-task-sidebar .fancy-form .select-wrapper{
    border-radius: 2px;
    font-size: 12px;
    box-shadow: none;
    padding: 0;
}
.create-task-sidebar .ui-select-match>span.form-control{
    border: solid 1px rgba(0, 0, 0, 0.11) !important;
}
.create-task-sidebar .fancy-form .select-wrapper:after{
    right: 7px;
}
.create-task-sidebar .fancy-form .select-wrapper .ui-select-container.open .form-control{
    padding:0;
    padding-left: 10px;
    width: calc(100% - 10px);
}
.create-task-sidebar .fancy-form .select-wrapper .form-control{
    line-height: 1.7;
    border: none;
}
.create-task-sidebar .fancy-form  .form-group .intl-tel-input input{
    padding-left: 52px;
}
.create-task-sidebar .refrence-img tags-input .tags .input{
    margin: 0;
    color: rgba(0, 0, 0, 0.71);
    font-size: 12px !important;
}
.create-task-sidebar .refrence-img tags-input .tags{
    border:none;
    padding:0;
}
.create-task-sidebar .fancy-form .form-group input:focus,
.create-task-sidebar .fancy-form .form-group textarea:focus,
.create-task-sidebar .fancy-modal  .form-control.ui-select-container:hover,
.create-task-sidebar .fancy-form  .form-control:focus,
.create-task-sidebar .ui-select-match.btn-default-focus>span.form-control{
    border: 1px solid #4695f6 !important;
}
.create-task-sidebar #pickup_time_form_group input,
.create-task-sidebar #delivery_time_form_group input{
    position: relative;
    /*z-index:1001;*/
}

.create-task-sidebar .panel-group {
    margin-bottom: 0;
}
.assign-agent-options .options{
    float: left;
    width:calc(100% - 100px);
}

#recurring-panel .form-group .c-radio input{
    position: absolute !important;
    height:auto !important;
}
#recurring-panel .time-box .c-radio{
    top: 27px;
    left: 5px;
}
.assign-agent-options{
    background-color: #ffffff;
    box-shadow: 0 -2px 6px 0 rgba(0, 0, 0, 0.1);
    padding: 10px 10px 5px;
    border-bottom: 1px solid #e5e5e5;
}
.fancy-file-outer.horizontal{
    height: 55px;
    border: none;
    background: none;
}
.single-create-task .fancy-file-outer.horizontal{
    padding-left: 22px;
}
.fancy-file-outer.horizontal {
    height: 40px;
}
.fancy-file-outer.horizontal .add-image,.edit-agent-template-images .add-image{
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
    border: 2px dashed #b9b9b9;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 47px;
    border-radius: 6px;
    cursor: pointer;
}
.fancy-file-outer.horizontal .add-image.uploading{
    pointer-events: none;
}
.fancy-file-outer.horizontal .add-image.uploading .tf:after{
    content: "\f110";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}
.fancy-file-outer.horizontal .tf{
    cursor: pointer;
}
.edit-agent-template-images .tf:after {
    display: block;
}
.edit-agent-template-images .browse-text{
    text-align: left;
    display: inline-block;
    width: auto;
}
.edit-agent-template-images input[type='file']{
    opacity: 0;
    position: absolute;
    z-index: 2;
    width: 100%;
}
.create-task-sidebar .single-create-task .fancy-file-outer .uploaded-images,.edit-agent-template-images .uploaded-images{
    width: 52px;
    height: 52px;
    display: block;
    float: left;
    border-radius: 6px;
    border: 1px solid #e0e0e0;
    margin-right: 8px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer;
}
.fancy-file-outer .uploaded-images ,.edit-agent-template-images .uploaded-images{
    position: relative;
}
.fancy-file-outer .uploaded-images .cross,.edit-agent-template-images .cross{
    border: 1px solid #939393;
    position: absolute;
    top: -5px;
    right: -5px;
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 16px;
    background: #fff;
    border-radius: 20px;
    color: #939393;
    opacity:0;
}

.fancy-file-outer .uploaded-images:hover .cross, .edit-agent-template-images .uploaded-images:hover .cross{
    opacity:1;
}
.fancy-file-outer .uploaded-images .cross,.edit-agent-template-images .uploaded-images .cross{
    display: block;
}
.fancy-file-outer .uploaded-images .cross:after,.edit-agent-template-images .uploaded-images .cross:after{
    font-size: 7px;
}
.create-task-sidebar .single-create-task .fancy-file-outer img{
    width:100%;
    max-height: 100%;
    border-radius: 6px;
}
.fancy-file-outer.horizontal .add-image .tf:after {
    font-size: 14px;
}
.fancy-file-outer.horizontal .browse-text {
    text-align: left;
    display: inline-block;
    width: auto;
}
.create-task-sidebar .single-create-task{
    float: left;
    padding: 15px 15px;
    position: relative;
    width: 100%;
}
.create-task-sidebar .intl-tel-input .country-list {
    z-index: 7;
}
.create-task-sidebar .action-btn{
    position: absolute;
    bottom: 60px;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 10;
}
.create-task-sidebar .save-btn,
.create-task-sidebar  .remove-btn{
    margin:0;
    margin-left: 10px;
}

.create-task-sidebar .action-btn{
    padding: 20px;
    text-transform: uppercase;
    border-top: 1px solid #e5e5e5;
}
.create-task-sidebar .action-btn .btn{
    font-size: 12px;
    border-radius: 50px;
    padding: 0px 10px;
    height: 44px;
    line-height: 42px;
    text-transform: capitalize;
    font-family: 'Montserrat-Regular';
    min-width: 150px;
}
.create-task-sidebar .action-btn .save-btn{
    border: 1px solid #6cc64d;
}
/*.create-task-sidebar .action-btn .btn:focus,*/
.create-task-sidebar .action-btn .btn:hover{
    background: transparent;
    color: rgba(0, 0, 0, 0.78);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.21);
}
/*.create-task-sidebar .action-btn .save-btn:focus,*/
.create-task-sidebar .action-btn .save-btn:hover{
    border: 1px solid #6cc64d;
}
.pac-container {
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.02);
}
.create-task-sidebar .single-create-task .dot{
    position: absolute;
    left: 16px;
    top: 20px;
    width: 15px;
    height: 15px;
    background-color: #ffffff;
    border: solid 2px #4695f6;
    border-radius: 25px;
}
.create-task-sidebar .single-create-task .dot:after{
    content: '';
    position: absolute;
    width: 7px;
    height: 7px;
    background-color: #4695f6;
    border-radius: 25px;
    left: 2px;
    top: 2px;
}
.create-task-sidebar .single-create-task .delete-task{
    position: absolute;
    cursor: pointer;
    right: 13px;
    top: 20px;
    color: #ff6165;
}

.top-nav .create-task-btn{
    padding: 0 0px 0 15px !important;
    min-width: 130px;
}
.top-nav .create-task-btn span,
.on-boarding-create-task .create-trigger{
    height: 30px;
    line-height: 30px;
}
.top-nav .create-task-btn span{
    display: inline-block;
}
.top-nav .create-task-btn .dropdown-menu:after{
    content: '';
    position: absolute;
    border: 7px solid transparent;
    border-bottom: 7px solid #fff;
    right: 16px;
    bottom: 100%;
}
.top-nav .create-task-btn .header-icon{
    border-left: 1px solid #ababab;
    margin-left: 4px;
    padding-left: 2px;
    font-size: 6px;
    width: 30px;
    margin-top: -2px;
    padding-right: 4px;
    background: #fff;
    border-radius: 0 100px 100px 0;
}
/*.top-nav .create-task-btn .header-icon:hover+ul.dropdown-menu {*/
    /*display: block;*/
/*}*/
.top-nav .create-task-btn .header-icon:hover{
    background: #fafafa;
}
.top-nav .create-task-btn .plus,
.on-boarding-create-task .plus{
    background: #1394ff;
    color: #fff;
    width: 21px;
    border-radius: 25px;
    display: inline-block;
    height: 21px;
    text-align: center;
    line-height: 21px;
    padding: 0;
    font-size: 11px;
}
.page-btm-pad{
    padding-bottom: 80px;
}
.fancy-checkbox-container.duration .parsley-errors-list.filled {
    display: block;
    float: left;
    position: absolute;
    top: 100%;
}
.no-border-tags tags-input .tags{
    border: none !important;
}
.no-border-tags tags-input .tags .input{
    border-bottom: 1px solid #c8c8c8;
}
.ngdialog.fancy-modal.notification .ngdialog-content {
    font-family: 'Montserrat-Regular' !important;
}
.fancy-modal .ngdialog-content,
.fancy-modal .ngdialog-message{
    padding: 0 !important;
    border-radius: 10px !important;
}
.fancy-modal .list-inline{
    margin-left: 0;
}
.fancy-table-outer.fixed-bar .dataTables_wrapper .top{
    position: fixed;
    width: 100%;
    z-index: 8;
    right:0;
    left: 0;
    width: auto;
    top: 60px;
    padding: 11px 0px 0px 0;
    background: #fff;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
    height: 57px;
}
.inner-section.sub-menu-added.inner-pages .fancy-table-outer.fixed-bar .dataTables_wrapper .top{
    top: 100px;
}
.task-list-page.fancy-table-outer .dataTables_wrapper .top{
    position: fixed;
    top: 62px;
    width: 307px;
    right: auto;
    left: 0;
    box-shadow: -4px 0px 10px 0px rgba(51, 51, 51, 0.22);
    border-right: 1px solid #e5e8ef;
}
.task-list-page .dataTables_wrapper .dataTables_filter input{
    font-size: 18px;
    padding-left: 43px;
    width: 100%;
    max-width: 241px;
}
.task-list-page .dataTables_wrapper div.dataTables_filter .tf.search{
    left: 13px;
}
#taskFiltersSection {
    position: fixed;
    left: 307px;
    top: 60px;
    background: #fff;
    right: 0;
    padding: 14px 22px 14px 13px;
    box-shadow: 0 0 10px rgba(51, 51, 51, 0.22);
    width: calc(100% - 307px);
    /*padding-right: 34px;*/
    z-index: 1;
}
#taskFiltersSection button{
    overflow: visible;
    border-radius: 3px;
    min-width: 20px;
    margin: 0;
    line-height: 28px;
    min-height: 28px;
    text-transform: capitalize;
    background: 0 0;
    color: #7f7f7f;
    box-shadow: none;
    font-family: 'Montserrat-Light';
}
#taskFiltersSection .dropdown-menu a{
    font-family: 'Montserrat-Light';
}
#taskFiltersSection .dropdown-multiselect li{
    position: relative;
}
#taskFiltersSection .dropdown-multiselect li a>span{
    position: absolute;
    top: 5px;
    left: 12px;
}
#taskFiltersSection .tags-filter .dropdown-multiselect ul{
    max-height: 300px;
}
#taskFiltersSection .status-filter .dropdown-multiselect li a>span:before{
    margin-left: -9px;
}
.task-list-page .table-multi-actions {
    left: 307px;
    top: 62px;
    background: #fff;
    margin-right: 0px;
    box-shadow: 0 0 10px rgba(51, 51, 51, 0.22);
}
#taskFiltersSection .right-side-task-filter .material-icons{
    vertical-align: middle;
    color: rgb(33, 33, 33);
    font-size: 21px;
}
#taskFiltersSection .right-side-task-filter .icon-Refresh{
    font-size: 21px;
}
#taskFiltersSection .right-side-task-filter .md-button{
    border: none;
}
#taskFiltersSection .right-side-task-filter button{
    padding-left:3px;
    padding-right: 3px;
}
#taskFiltersSection .right-side-task-filter .dropdown-toggle>.material-icons{
    margin-left: 0px;
}

#taskFiltersSection .right-side-task-filter .dropdown-toggle>.material-icons{
    border-left: none;
}
#taskFiltersSection .md-button{
    border: 1px solid #d6d6d6;
}
.mar-rt-10{
    margin-right: 10px !important;
}
#taskFiltersSection  .header-icon{
    vertical-align: middle;
    display: inline-block;
    line-height: 13px;
    border-left: 1px solid #cecece;
    width: 20px;
    margin-top: -3px;
    height: 24px;
    padding-top: 1px;
}
#taskFiltersSection .dropdown-toggle>.material-icons {
    margin-right: -5px;
    margin-top: 2px;
    margin-left: 6px;
    border-left: 1px solid #cecece;
}
#taskFiltersSection .enhanced-datepicker{
    position: relative;
}
.date-range-picker{
    z-index: 1010;
}
#taskFiltersSection .enhanced-datepicker input.task-dateRange,#taskFiltersSection .enhanced-datepicker input.business-view-daterange{
    width: 100%;
    opacity: 0;
    left: 0;
    position: absolute;
    top: 0;
    height: 28px;
    border: 0;
    cursor: pointer;
}
#taskFiltersSection {

}
.inner-pages .fancy-table-outer.fixed-bar .dataTables_wrapper .top{
    left:240px;
}
/*.fancy-table-outer.fixed-bar .dataTables_wrapper thead{*/
/*z-index: 8;*/
/*left: 0;*/
/*position: fixed;*/
/*min-width: 100%;*/
/*top: 121px;*/
/*padding-left: 60px;*/
/*}*/
/*.fancy-table-outer.fixed-bar .t-fancy-table {*/
/*margin-top: 135px !important;*/
/*}*/

.notification .notify_tabs {
    font-size: 14px;
    min-width: 150px;
    text-align: center;
    text-transform: uppercase;
}
.fancy-modal.notification .notify_tabs.active{
    color: rgba(0, 0, 0, 0.75);
    border-bottom: 3px solid #4695f6;
}
.fancy-modal.notification .notify_tabs {
    font-size: 14px;
}
#add-notification .fancy-checkbox-container {
    max-width: 235px;
    text-transform: uppercase;
    font-size: 12px;
    text-align: center;
}
#add-notification .fancy-checkbox-container .checkbox{
    display: inline-block;
}
#add-notification .panel-box .heading{
    border-bottom: 1px solid #efefef;
    display: block;
    padding-bottom: 10px;
}
#add-notification .message-tag-div{
    padding: 0;
    margin-top: 12px;
}
#add-notification .message-tag-div select{
    border: none !important;
}
#add-notification .message-textarea-div {
    padding: 7px;
}
#add-notification .notification-form-control{
    font-family: 'Montserrat-Light' !important;
}
#add-notification .c-radio span:before{
    font-size: 16px;
    line-height: 17px;
}
#add-notification .checkbox + .checkbox,
#add-notification  .radio + .radio{
    margin-top: 0;
}
#add-notification .c-radio span {
    vertical-align: text-bottom;
}
.link-btn{
    font-size: 10px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.6px;
    text-align: center;
    color: #4695f6;
    padding: 0;
    cursor: pointer !important;
}
.link-btn:hover{
    color: #488bdc;
}
.left-thumb .assign-agent-special{
    top:0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    padding-left: 1px;
}
.left-thumb .assign-agent-special:hover{
    -webkit-box-shadow: 0 5px 9px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 9px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 9px 0 rgba(0, 0, 0, 0.2);
}
.single-task .task-detail .status-button.map-show{
    display: none;
    position: relative;
    z-index:3;
    cursor: pointer;
}
.single-task .task-detail:hover .status-button{
    display: none;
}
.single-task .task-detail:hover .status-button.map-show{
    background-color: #1394ff;
    display: block;
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.2);
}
.fixed-modal-width .modal-body{
    width: 500px;
    max-width: 100%
}
.filled-text{
    background-color: #f5f5f5;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
    padding: 12px;
}
.create-task-sidebar .upper-section{
    height: calc(100% - 135px);
    padding: 20px;
    position: relative;
    overflow-y: scroll;
    padding-top: 0;
}
.create-task-sidebar .slide-second:after{
    -webkit-transition: all .05s;
    -moz-transition: all .05s;
    -ms-transition: all .05s;
    -o-transition: all .05s;
    transition: all .05s;
    transition-delay: .3s;
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    height: 0;
    z-index: 8;
    opacity:0;
}
.create-task-sidebar .slide-second.assign-open:after{
    transition-delay: .1s;
    background: rgba(0, 0, 0, 0.68);
    height: 100%;
    opacity:1;
}
.create-task-sidebar .add-another-task{
    /* border-top: 1px solid rgba(0, 0, 0, 0.2); */
    padding: 14px;
    /* line-height: 48px; */
    border-radius: 5px;
    background-color: #ffffff;
    border: solid 1px rgba(0, 0, 0, 0.1);
    font-size: 12px;
    letter-spacing: .4px;
}
.task-map{
    position: static;
    opacity: 0;
    left: 0;
    width: 1px;
    height: 1px;
    z-index: 2;
    background: #333;
    top: 60px;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
}

.create-task-sidebar.open .task-map{
    position: fixed;
    opacity:1;
    width: 100%;
    height: 100%;
}
.create-task-sidebar .below-action-form{
    padding: 0 40px;
}
.create-task-sidebar .agent-select .input-addon{
    right: -1px;
}
.ui-select-multiple.ui-select-bootstrap input.ui-select-search {
    min-height: 35px;
    min-width: 100px;
}
.nav-tabs > li {
    word-break: break-all;
}
.create-task-sidebar .c-radio span:before {
    font-size: 14px;
    line-height: 17px;
}
.assign-agent-options.fixed{
    position: fixed;
    width: 50%;
    left: 0;
    bottom: 75px;
    padding-left: 80px;
}

/*Pricing box style*/
.pricing-box {
    padding-left: 10px;
    padding-right: 10px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    position: relative;
    top: 0;
}
.pricing-box>div {
    overflow: hidden;
    background: #4caae7;
    padding: 20px;
    height: 520px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    position: relative;
    transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    border-radius: 5px;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    -ms-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    -moz-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    -m-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
.pricing-box .expand-icon {
    display: none;
    position: absolute;
    right: 14px;
    width: 30px;
    height: 30px;
    z-index: 2;
    opacity: .6;
}
.pricing-box>div .upper-white {
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    position: absolute;
    left: -21px;
    right: -21px;
    top: -18px;
    height: 470px;
    background: #fff;
    z-index: 0;
    transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
}

.pricing-box .content {
    position: relative;
    z-index: 1;
}
.pricing-box .box-heading {
    transition: all .5s;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 2px;
}
@media only screen and (max-width: 400px) {
    .pricing-box .box-heading {
        font-size: 18px;
    }
}

@media only screen and (max-width: 321px) {
    .pricing-box .box-heading {
        font-size: 16px;
    }

    .for-iphone {
        max-width: 15px;
         display: block;
    }

    .price .two-tab {
        font-size: 10px;
    }
}

.col-sm-3.pricing-box .box-heading {
    font-size: 19px;
}


.pricing-box .price {
    font-size: 60px;
    position: relative;
    font-weight: bold;
    color: #31353c;
    margin-left: -20px;
    margin-right: -20px;
    padding: 20px;
    margin-bottom: 18px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.16);
}
.pricing-box .price .per-month {
    display: inline-block;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0.4px;
    text-align: left;
    color: rgba(0, 0, 0, 0.4);
}
.pricing-box .price .line-through{
    font-size: 28px;
    text-decoration: line-through;
    color: rgba(0, 0, 0, 0.4);
}
.pricing-box .free_forever {
    background: url("../app/img/ff-bg.png");
}
.pricing-box .free_forever .upper-white {
    background: url(https://tookanapp.com/wp-content/themes/wpclicklabs/img/cover-1@2x.png);
}
.pricing-box .middlesection .upper-white {
    background: url(https://tookanapp.com/wp-content/themes/wpclicklabs/img/cover-3@2x.png);
}
.pricing-box .task_based .upper-white {
    background: url(https://tookanapp.com/wp-content/themes/wpclicklabs/img/cover-2@2x.png);
}
.pricing-box .middlesection {
    background: url(../app/img/ppt-bg-middle.png);
}
.pricing-box .task_based {
    background: url(../app/img/ppt-bg.png);
}
.pricing-box a.sign_up_main {
    border-radius: 29px;
    background-color: #4695f6;
    box-shadow: 0px 4px 7px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 4px 7px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 4px 7px 0 rgba(0, 0, 0, 0.2);
    -m-box-shadow: 0px 4px 7px 0 rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0px 4px 7px 0 rgba(0, 0, 0, 0.2);
    color: #fff;
    padding: 0 20px;
    min-width: 180px;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    line-height: 32px;
    margin-top: 20px;
    margin-bottom: 50px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    cursor: pointer;
    text-decoration: none;
}
.pricing-box ul:not(.nav){
    padding-left: 0;
    min-height: 110px;
}
.pricing-box ul:not(.nav)>li {
    list-style: none;
    margin-top: 14px;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 12px;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0.4px;
    text-align: left;
    color: rgba(0, 0, 0, 0.7);
}
.pricing-box:hover .upper-white {
    top: -100%;
    opacity: .4;
}
.pricing-box:hover>div li.billing-tab1.uib-tab.nav-item:not(.active) {
    color: #000;
}
.no-touch .pricing-box:hover .upper-white {
    top: -100%;
    opacity: .4;
}

.pricing-box-container{
    margin: 12px auto;
}
.pricing-box:hover >div * {
    color: #fff;
}
.no-touch .pricing-box:hover >div a.sign_up_main {
    color: #4695f6;
    background: #fff;
}
/*Pricing box style end*/


.fancy-form  create-tmp-item input.form-control{
    background: #fff;
    border: 1px solid #333;
    border: solid 1px rgba(0, 0, 0, 0.05);
    padding: 8px;
}
.fancy-modal.billingDialog{
    z-index:99999 !important;
}
.toggle-taskview{
    margin-right: 4px;
}
.dropdown.open .tooltip{
    opacity:0;
}
.create-task-btn .bulk-import{
    min-width: 180px;
    width: 100%;
    text-align: center;
    opacity:1;
    display: inline-block;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.create-task-btn:hover .bulk-import{
    min-width: 180px;
    opacity:1;
    color: #7a7a7a;
}
.create-task-btn .bulk-import:hover{
    background-color: #fafafa;
}
.main-outer.new-dashboard .fixed-setting+.main-inner .top-nav {
    width: 100%;
    margin-left: 0;
}
.main-outer.page-with-sidebar .sub-header{
    width: calc(100% - 185px);
    margin-left: 185px;
}
.main-outer.page-with-sidebar .top-nav .sub-header{
    width:auto;
    margin-left: 0;
}
/*Business view page*/
.container-business-view .business-view-header .view-id{
    font-size: 24px;
    vertical-align: sub;
    margin-right: 10px;
    font-family: 'Montserrat-Regular';
}
.container-business-view .business-view-header .status{
    border-radius: 5px;
    background-color: #ffffff;
    font-size: 10px;
    letter-spacing: 0.9px;
    color: #4695f6;
    text-transform: uppercase;
    padding: 2px 4px;
    border: solid 1px #4695f6;
    font-family: 'Montserrat-Regular';
}
.container-business-view .business-view-header{
    border: 1px solid rgba(0, 0, 0, 0.1);
    height: 80px;
    line-height: 3.3;
}
.container-business-view .business-view-header .action-btn{
    line-height: 75px;
    padding-right: 25px;
}
.action-btn.round .btn{
    border-radius: 100px;
    background-color: #4695f6;
    color: #fff;
    font-size: 14px;
    letter-spacing: 0.9px;
    margin: 0 2px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.action-btn.radius .btn{
    border-radius: 5px;
    background-color: #4695f6;
    color: #fff;
    font-size: 14px;
    letter-spacing: 0.9px;
    margin: 0 2px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.action-btn.radius .btn:hover,
.action-btn.round .btn:hover{
    -webkit-box-shadow: 0 5px 9px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 9px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 9px 0 rgba(0, 0, 0, 0.2);
}
.container-business-view .sub-heading{
    font-size: 16px;
    letter-spacing: 1px;
    margin-top: 20px;
    font-family: 'Montserrat-Regular';
}
.container-business-view label{
    font-size: 14px;
    letter-spacing: 1px;
    color: #000000;
    min-width: 115px;
}
.container-business-view hr {
    margin-top: 12px;
    margin-bottom: 12px;
}
.container-business-view .single-row{
    color: rgba(0, 0, 0, 0.5);
    margin-bottom: 6px;
}
.container-business-view .single-row label{
    width: 40%;
    font-family: 'ProximaNova-Regular', Sans-Serif;
    float: left;
    /*color: rgba(0, 0, 0, 0.6);*/
}
.container-business-view .single-row label+span{
    width: 60%;
    float: left;
    letter-spacing: .7px;
    font-family: 'ProximaNova-Regular', Sans-Serif;
}
.container-business-view .detail-box {
    margin-bottom: 12px;
}
.container-business-view .tasks-stops {
    background-color: #fafafa;
    padding: 30px;
    padding-left: 18px;
}
.container-business-view .single-stop {
    border-radius: 10px;
    margin-bottom: 20px;
    padding: 20px 5px;
    background-color: #ffffff;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
    cursor: pointer;
}
.container-business-view .single-stop:hover{
    -webkit-box-shadow: 0 5px 9px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 9px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 9px 0 rgba(0, 0, 0, 0.2);
}

.container-business-view .single-stop .single-row label+span,
.container-business-view .single-stop .single-row label{
    width: 100%;
}
.container-business-view .single-stop span.status {
    border-radius: 5px;
    background-color: #a6a6a6;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
    color: #fff;
    padding: 5px 10px;
    margin-left: -36px;
    margin-bottom: 20px;
    display: inline-block;
    letter-spacing: .9px;
    margin-right: 10px;
    width: 118px;
    text-align: center;
}
.container-business-view .single-stop span.status+span{
    color: rgba(0, 0, 0, 0.8);
    font-size: 12px;
    display: inline-block;
    float: right;
    width: calc(100% - 100px);
    margin-top: 6px;
    font-size: 14px;
    font-family: 'ProximaNova-Regular', Sans-Serif;
}
.container-business-view .single-stop span.status+span b{
    font-size: 15px;
}
.container-business-view .single-stop span.status.completed {
    background-color: #3fc145;
}
.container-business-view .single-stop span.status.on-going {
    background-color: #4695f6;
}
.container-business-view .path-history .path-history-map {
    min-height: 100vh;
    background: #fff;
}
.autocompleteBox{
    max-height: 250px;
    overflow-y: scroll;
}


/*//leaflet tooltip css*/
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup:not(.task-info-popup) {
    opacity: 1;
    left: 110% !important;
    margin-left: 18px;
    font-family: 'ProximaNova-Regular';
}
.leaflet-popup:not(.task-info-popup) .leaflet-popup-tip {
    box-shadow: none !important;
    width: 17px !important;
    height: 17px !important;
    padding: 1px !important;
    margin: 0px auto 0 !important;
    -webkit-transform: rotate(45deg) !important;
    -moz-transform: rotate(45deg) !important;
    -ms-transform: rotate(45deg) !important;
    -o-transform: rotate(45deg) !important;
    transform: rotate(45deg) !important;
}
.leaflet-popup:not(.task-info-popup) .leaflet-popup-tip-container {
    width: 26px !important;
    height: 18px !important;
    position: absolute;
    left: 0 !important;
    top: 50% !important;
    margin-left: -8px !important;
    overflow: hidden;
    pointer-events: none;
}



.autocompleteBox li.highlated,
.autocompleteBox li:hover{
    background: #f8f8f8;
}
.path-history-map #map_canvas{
    height:100%;
    margin-bottom: 30px;
}

.Group-31 {
    width: 26px;
    height: 26px;
    object-fit: contain;
    margin-right: 8px;
}
.create-task-sidebar  .assign-btn{
    padding:7px;
    border-color: #4695f6;
    min-width: 100px;
}
.create-task-sidebar.open  .assign-btn{

}
.date-backdrop,
.page-backdrop{
    position: fixed;
    background: rgba(0, 0, 0, 0.32);
    width: 100%;
    height: 100%;
    z-index: 1000;
    display: block;
    top: 0;
    left: 0;
}
.date-backdrop.ui-date{
    z-index: 100;
}
.xdsoft_datetimepicker.xdsoft_noselect{
    /*z-index: 1001;*/
}
.create-task-sidebar  .assign-btn:hover,
.create-task-sidebar  .assign-btn.active{
    color: rgba(0, 0, 0, 0.78);
}
.create-task-sidebar  .assign-btn img{
    width: 28px;
    height: 28px;
    background: #4695f6;
    padding: 5px;
    border-radius: 20px;
    vertical-align: -9px;
}
.create-task-sidebar  .assign-btn.active .tf{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    display: inline-block;
}
.create-task-sidebar .custom-fields-box{
    font-size: 12px;
    padding-left: 28px;
    padding-right: 6px;
}
.create-task-sidebar .custom-field .dropdown-menu{
    font-size: 12px;
}
.create-task-sidebar .custom-fields-box .inner-table input,
.create-task-sidebar .custom-fields-box .inner-table select,
.create-task-sidebar .custom-fields-box .inner-table textarea{
    width: 100%;
}
.create-task-sidebar .custom-fields-box table th{
    padding-bottom: 10px;
}
.create-task-sidebar .custom-fields-box table select{
    background: none;
    height: 40px;
    padding: 10px;
    border: solid 1px rgba(0, 0, 0, 0.11);
    border-radius: 0;
}
.create-task-sidebar .custom-fields-box table .tf{
    width: 100%;
    text-align: center;
    display: inline-block;
}
/*New create task style*/
.assignment-slider{
    position: absolute;
    height: 375px;
    background: #fcfcfc;
    bottom:-300px;
    left: 0;
    padding-left: 0;
    z-index: 9;
    visibility: hidden;
}
.mobile-responsive.iti-mobile .assignment-slider{
    visibility: visible;
}
.assignment-slider.open{
    bottom: 145px;
    box-shadow: inset 0 -4px 10px 0 rgba(0, 0, 0, 0.05), 0 -4px 10px 0 rgba(0, 0, 0, 0.05);
    visibility: visible;
}
.assignment-slider .close{
    width: 44px;
    height: 44px;
    border-radius: 100px;
    background-color: #fff;
    opacity: 1;
    box-shadow: 0 -4px 10px 0 rgba(0, 0, 0, 0.05);
    border: solid 1px #e5e5e5;
    position: absolute;
    top: -60px;
    right: 20px;
    text-align: center;
    line-height: 42px;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}
.assignment-slider.open .close{
    transition: none;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.assignment-slider .close .tf:after{
    font-size: 18px;
}
.hover-rotate{
    transition: none;
}
.assignment-slider .close:hover,
.hover-rotate:hover{
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    transition-delay: .1s;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.create-task-sidebar .assignment-slider .single-section,
.create-task-sidebar .assignment-slider .single-section.section_2.section_3{
    border-left: 1px solid #e5e5e5;
    min-height: 375px;
    width: 20%;
}
.create-task-sidebar .assignment-slider .single-section.section_2,
.create-task-sidebar .assignment-slider .single-section.assignto-section.section_2{
    width: 33.33%;
}
.create-task-sidebar .assignment-slider .single-section.section_1{
    width: 50%;
}
.create-task-sidebar .assignment-slider .single-section .scroll{
    height: 325px;
}
.create-task-sidebar .assignment-slider .single-section .agents-list.scroll{
    height: 270px;
}
.create-task-sidebar .assignment-slider .single-section .no-result{
    padding: 20px 10px;
    text-align: center;
    font-size: 12px;
    letter-spacing: .8px;
}
.create-task-sidebar .assignment-slider .single-section .agents-list.scroll.auto-assign-disable{
    height: 325px;
}
.create-task-sidebar .assignment-slider .single-section.assignto-section,
.create-task-sidebar .assignment-slider .single-section.assignto-section.section_1.section_2,
.create-task-sidebar .assignment-slider .single-section.assignto-section.section_1.section_3{
    width: 40%;
}
.task-map .create-task-map{
    /*height:700px;*/
    height: calc(100vh - 50px);
}
.create-task-sidebar .assignment-slider .single-section.assignto-section.section_1{
    width: 50%;
}
.create-task-sidebar .assignment-slider .single-section.section_0{
    width: 100%;
}
.create-task-sidebar .assignment-slider .search-heading{
    height: 50px;
    background-color: #ffffff;
    border-bottom: solid 1px #e5e5e5;
    position: relative;
}
.create-task-sidebar .upper-section #tasks-main-accordion{
    position: relative;
    z-index: 2;
}
.create-task-sidebar .assignment-slider .search-heading input{
    background: transparent;
    height: 100%;
    width: 100%;
    border: none;
    padding: 10px;
    letter-spacing: 0.4px;
    border: 1px solid #fff;
    font-family: 'Montserrat-Regular';
}

.create-task-sidebar .assignment-slider .search-heading input::-webkit-input-placeholder {
    font-family: 'Montserrat-Regular';
    color: rgba(0,0,0,.87);
}
.create-task-sidebar .task-points input::-webkit-input-placeholder,
.create-task-sidebar .task-points textarea::-webkit-input-placeholder,
.create-task-sidebar .task-points .ui-select-placeholder.text-muted{
    font-family: 'Montserrat-Light';
    color: rgba(0,0,0,.3);
}
.create-task-sidebar .assignment-slider .search-heading input:focus::-webkit-input-placeholder,
.create-task-sidebar .assignment-slider .search-heading input:focus{
    color: rgba(0, 0, 0, 0.6);
}
.create-task-sidebar .assignment-slider .search-heading input:focus{
    border: solid 1px #4695f6;
    padding: 10px 25px 10px 10px;
}
.create-task-sidebar .assignment-slider .search-heading .tf,
.create-task-sidebar .assignment-slider .search-heading .count{
    opacity:1;
    position: absolute;
    right: 10px;
    top: 15px;
    cursor: pointer;
}
.create-task-sidebar .assignment-slider .search-heading input:not(:focus)~.count{
    opacity: 1;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.3);
    top: 17px;
    right: 30px;
}
.create-task-sidebar .assignment-slider .search-heading input:focus~.count{
    opacity: 0;
}
.create-task-sidebar .assignment-slider .search-heading .tf.clear-search{
    top: 50%;
    margin-top: -12px;
}
.create-task-sidebar .assignment-slider .search-heading input:focus+.tf{
    opacity:1;
}
.create-task-sidebar .assignment-slider .search-heading .tf:after{
    font-size: 11px;
}
.create-task-sidebar .assignment-slider .single-section ul{
    padding: 0;
    margin: 0;
}
.create-task-sidebar .assignment-slider .single-section ul li{
    padding: 4px 18px;
    list-style-type: none;
    font-size: 12px;
    font-weight: 300;
    color: #000000;
    position: relative;
    cursor: pointer;
    letter-spacing: .6px;
    width: 100%;
    float: left;
}
.create-task-sidebar .assignment-slider .single-section ul.agents-list .auto-assign{
    padding: 12px 15px;
    border-bottom: solid 1px rgba(0, 0, 0, 0.1);
    position: relative;
    cursor: pointer;
}
.create-task-sidebar .assignment-slider .single-section ul.agents-list .auto-assign img{
    width: 30px;
    background: #4695f6;
    padding: 5px;
    border-radius: 20px;
    vertical-align: -9px;
    margin-right: 10px;
}
.create-task-sidebar .assignment-slider ul.agents-list .auto-assign .tf{
    position: absolute;
    right: 16px;
    color: #4695f6;
    top: 50%;
    margin-top: -9px;
}
.create-task-sidebar .assignment-slider ul.agents-list .auto-assign .tf:after{
    font-size: 11px;
}
.create-task-sidebar .assignment-slider .single-section ul.agents-list li{
    padding: 9px 15px;
}
.create-task-sidebar .assignment-slider .single-section ul.agents-list li.active:after{
    font-size: 11px;
    font-family: 'tookan-icon';
    content: '\E93A';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    right: 16px;
    left: auto;
    background: none;
    top: 50%;
    margin-top: -8px;
    color: #4695f6;
}
.create-task-sidebar .assignment-slider .left-thumb img{
    width: 30px;
    height: 30px;
}
.create-task-sidebar .assignment-slider .left-thumb .status-dot {
    right: 0px;
    top: 20px;
    width: 10px;
    height: 10px;
}
.create-task-sidebar .assignment-slider .status{
    font-size: 10px;
    color: rgba(0, 0, 0, 0.31);
}
.create-task-sidebar .assignment-slider .agent-detail{
    padding-left: 25px;
}
.create-task-sidebar .assignment-slider .single-section ul li:hover{
    background-color: #f2f2f2;
}
.create-task-sidebar .assignment-slider .single-section ul li.active{
    font-family: 'Montserrat-Regular';
    background-color: #f2f2f2;
}

.create-task-sidebar .desc .copy-to-all{
     position: absolute;
     right: 9px;
     top: 16px;
     font-size: 17px;
     display: inline-block;
     cursor: pointer;
     color: #4fa7e5;
     z-index: 3;
}
.create-task-sidebar .desc .copy-to-all .dropdown-menu{
    padding: 8px;
    color: #31353c;
    right: -4px;
}
.create-task-sidebar .desc .copy-to-all .dropdown-menu button{
    margin-top: 8px;
    font-size: 13px;
    padding: 6px 10px;
    line-height: 1;
    height: auto;
    width: auto;
}
.create-task-sidebar .desc .copy-to-all .dropdown-menu button.yes:hover{
    background: #6cc64d;
    color: #fff;
}
.create-task-sidebar .desc .copy-to-all .dropdown-menu button.no:hover{
    color: #ff1a00;
}
.create-task-sidebar .desc .copy-to-all .dropdown-menu button .light-check{
    color: #6cc64d;
}
.create-task-sidebar .assignment-slider .single-section ul li.active:after{
    content: '';
    position: absolute;
    left: 5px;
    width: 5px;
    height: 5px;
    background-color: #379be1;
    border-radius: 50%;
    top: 50%;
    margin-top: -2.5px;
}
.create-task-sidebar .action-btn .tags{
    top: 50%;
    max-width: 30%;
    overflow-y: scroll;
    text-align: left;
    max-height: 55px;
    position: absolute;
    transform: translate(0,-50%);
}
.create-task-sidebar .action-btn .tag{
    height: 26px;
    border-radius: 100px;
    background-color: rgba(0, 0, 0, 0.02);
    border: solid 1px rgba(0, 0, 0, 0.07);
    display: inline-block;
    padding: 2px 8px 2px 2px;
    margin-right: 6px;
    font-size: 9px;
    margin-bottom: 2px;
}
.create-task-sidebar .action-btn .tag>i{
    width: 20px;
    height: 20px;
    background-color: #ffffff;
    border: solid 1px rgba(0, 0, 0, 0.07);
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
    display: inline-block;
    cursor: pointer;
    vertical-align: -1px;
}
.create-task-sidebar .action-btn .tag>i:hover{
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.create-task-sidebar .action-btn .tag .tf:after {
    font-size: 10px;
}
.create-task-sidebar .fancy-form .form-group textarea{
    line-height: 18px;
    resize: vertical;
    min-height: 40px;
}
.create-task-sidebar .input-group-addon {
    background: transparent;
    border: none;
    padding: 0;
    padding-right: 22px;
    max-width: 15px;
}

.create-task-sidebar .input-group-addon .tf:after,
.create-task-sidebar .input-group-addon .material-icons{
    font-size: 13px;
}
.create-task-sidebar .input-group-addon .tf.email:after{
    font-size: 9px;
}
.create-task-sidebar .refrence-img tags-input+span.material-icons{
    position: absolute;
    right: 6px;
    top: 8px;
}
.create-task-sidebar .client .dropdown-menu{
    width: calc(155% - 30px);
}
.create-task-sidebar .client .dropdown-menu  a{
    font-size: 12px;
    letter-spacing: .4px;
}
.create-task-sidebar .client .dropdown-menu .phone-number-list {
    float: right;
}
.create-task-sidebar .client .dropdown-menu > .active > a{
    background-color: #4695f6 !important;
}
.create-task-sidebar .assignment-slider .single-section ul li.fixed{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    box-shadow: 0 1px 4px 0px rgba(51, 51, 51, 0.25);
}

.create-task-sidebar .address-field .fa-circle-o-notch{
    position: absolute;
    right: 29px;
    top: 50%;
    margin-top: -7px;
    color: rgba(51, 51, 51, 0.21);
}
.custom-fields-box .inactive template-item{
    pointer-events: none;
}
/*New round button modal style*/
.fancy-modal .action-btn.round-action .btn{
    border-radius: 100px !important;
    font-size: 12px;
    line-height: 44px;
    height: 44px;
    min-width: 135px;
    padding: 0;
}
.fancy-modal .action-btn.round-action a{
    line-height: 44px;
    font-size: 12px;
    color: #000000;
}
.fancy-modal .action-btn.round-action .btn:hover{
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
}
.fancy-modal .action-btn.round-action .btn.blue {
    background-color: #4695f6;
    color: #fff;
}
.fancy-modal .action-btn.round-action .btn.blue:hover{
    color: #fff !important;
}
.fancy-modal.v2-modal .action-btn{
    margin-bottom: 0;
    padding: 30px 30px 0;
    border-top: solid 1px rgba(0, 0, 0, 0.17);
}
.v2-modal .modal-body {
    padding: 30px;
    float: none;
    margin: 0 auto;
}
.v2-modal.midium .modal-body{
    max-width: 420px;
}
.v2-modal.created-task .modal-body{
    padding-top: 80px;
}
.v2-modal.created-task  .action-btn{
    margin-top: 100px;
}
.v2-modal .action-btn.modal-row{
    margin-left: -30px;
    margin-right: -30px;
}
/*New round button modal style end*/

/*delay-loader style*/
.loader-outer{
    position: relative;
}
.delay-loader{
    position: absolute;
    left: 0;
    right: 0;
    height: 100%;
    z-index: 99;
    text-align: center;
    padding-top: calc(50% + 19px);
    color: #939393;
    top: 0;
    font-size: 12px;
    background: rgb(255, 255, 255);
}
.delay-loader .fa{
    content: '';
    position: absolute;
    top: 50%;
    text-align: center;
    margin-top: -14px;
    color: #cecece;
    left: 0;
    right: 0;
    font-size: 20px;
}
/*delay loader end*/
.leaflet-container a.leaflet-popup-close-button{
    display: none;
}
#dashboardMap .leaflet-tooltip{
    display: block;
    background: #282828;
    color: #fff;
    padding: 10px;
    margin: 0;
    font-family: 'Montserrat-Light';
    letter-spacing: .7px;
    padding: 6px 10px;
    border: 1px solid #989898;
    border-radius: 4px;
    width: 200px;
    font-size: 11px;
    white-space: normal;
}
#dashboardMap .leaflet-tooltip span{
    color: #d8d8d8;
    text-transform: uppercase;
    font-family: 'Montserrat-Regular';
}
#dashboardMap.dark-map .leaflet-tooltip span{
    color: #3c3c3c;
}
#dashboardMap .leaflet-popup-content-wrapper ,#dashboardMap .leaflet-popup:not(.task-info-popup) .leaflet-popup-tip-container .leaflet-popup-tip{
    color: #fff;
    background: #282828;
}
#dashboardMap.dark-map .leaflet-popup:not(.task-info-popup) .leaflet-popup-content-wrapper,#dashboardMap.dark-map  .leaflet-popup:not(.task-info-popup) .leaflet-popup-tip-container .leaflet-popup-tip {
    color: #3c3c3c;
    background: #fff;
    border-radius: 4px;
}
#dashboardMap .leaflet-tooltip:before{
    border-right-color: #333;
}
#dashboardMap.dark-map  .leaflet-tooltip{
    background: #fff;
    color: #282828;
    opacity: 1 !important;
}
#dashboardMap.dark-map .leaflet-tooltip:before{
    border-right-color: #fff;
}
.main-outer.new-dashboard .left-sidebar.agent-view .tab-content.agent-scroll{
    overflow: hidden;
}
.agent-view .agent-scroll .scroll{
    height: 100%;
}
.attachment-icon{
    width: 7.6px;
    height: 14.4px;
    object-fit: contain;
    background-color: #1394ff;
}
.attachments{
    color: #1394ff;
    cursor: pointer !important;
}
.full-modal-body .ngdialog-content .modal-body{
    width: 100%;
}

/*New dashboard style*/
.collapse-sidebar{
    position: absolute;
    left: 100%;
    top: 0;
    width: 35px;
    height: 39px;
    text-align: center;
    padding: 10px;
    background: #717171;
    z-index: 1;
    color: #fff;
    cursor: pointer !important;
    border-radius: 0 0 4px 0;
}
.collapse-sidebar.left{
    left:auto;
    right:100%;
    border-radius: 0 0 0 4px;
}
.sub-header md-nav-bar .md-nav-bar {
    border: none;
    height: 100%;
}
.sub-header ._md-nav-bar-list ._md-nav-button {
    font-size: 13px;
    text-transform: uppercase;
    line-height: 26px;
}
.sub-header md-nav-bar .md-active{
    color: #282828;
    font-family: 'ProximaNova-Semibold', Sans-Serif;
}
button._md-nav-button.md-accent.md-button.md-ink-ripple:hover span._md-nav-button-text.ng-scope{
    color: #282828;
    /*font-family:'Montserrat-Regular';*/
}
.sub-header md-nav-bar md-nav-ink-bar{
    background:  #1394ff;
    color: #1394ff;
}
.teams-list>div:nth-child(4){
    clear: left;
}
.loc-border > div {
    border-bottom: 1px solid #ccc;
}

.action-button a.btn.btn-default i.fa {
    position: relative;
    top: 0;
}

.top-nav ul.dropdown-menu.listCheck {
    top: 45px;
    max-height: 400px;
    overflow: auto;
}

.host .tags input {
    width: 100% !important;
}

div#datatable2_filter label input[type='search'] {
    /* width: 500px; */
    width: 100%;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
    border-radius: 7px;
    margin-left: 5px;
    font-size: 15px;
}

div#domainList_filter input[type='search'] {
    /* width: 35% !important; */
}
div#datatable2_filter label input[type='search'] .column-search-control{
    /* width: 97%;
    margin-left: 0px;
    font-size: 15px;
    border: 1px solid #ddd ; */
    margin: 0px !important;
}
div.top:not(.tooltip){
    position: -webkit-sticky;
    position: sticky;
    width: 100%;
    left: 0;
}
div#domainList_wrapper{
    overflow: auto;
}
.column-search-control {
    border: none !important;
    /* width: 90% !important; */
    /* padding-top: 9px !important; */
    margin-left: 0px !important;
    font-size: 17px !important;
    background-color: white !important;
    margin-bottom: 10px;
    padding-left: 40px;
}
@media only screen and (max-width: 990px) {
   .column-search-control {
    padding-left: 60px !important;
   }
  }

/* .column-search{
    margin-left: 0px !important;
    padding-left: 40px
} */

.icon_search {
    padding-left: 20px;
    padding-right: 10px;
    color: rgb(226, 224, 224);
}

.icon_search::after {
    font-size: 16px;
}

.search-control {
    height: 50px;
    border-radius: 10px;
    background-color: white;
    padding-top: 10px;
    display: flex;
    align-items: baseline;
}


/*.success {*/
/*background: #33a727;*/
/*}*/
/*.progress {*/
/*background: #4a66ff;*/
/*}*/

.format_accounts.panel.add-pd-mid.bg-white input[type='submit']{
    border: solid 2px #1394ff;
}

.format_accounts.panel.add-pd-mid.bg-white input {
    border: solid 1px rgba(0, 0, 0, 0.11);
    height: 40px;
    line-height: 40px;
    padding: 10px 10px;
}

.format_accounts.panel.add-pd-mid.bg-white input#mobile-number {
    padding: 10px 48px;
}

.intl-tel-input .flag-container input {
    border:solid 1px rgba(0, 0, 0, 0.11)
}

.format_accounts.panel.add-pd-mid.bg-white label {
    padding: 0 0 1px;
}


.reason_width{
    width: 100% !important;
}
.reason_width textarea{
    border-bottom: 1px solid #c8c8c8 !important;
    margin-top:10px;
    width:100%;
}
.resub_reason_area_lebel
{
    color: lightgray;
    text-align: right;
}
/*.tooltip .tooltip-inner {*/
/*color: white;*/
/*width:200px;*/
/*border-radius:5px;*/
/*}*/

.opac_mod{
    opacity:0 !important;
}
.crop_it {
    width: 35px;
    height: 35px;
    overflow: hidden;
}
.crop_it img {
    width: 35px;
    height: 35px;
}

#slides_control > div{
    height: 200px;
}
/*img{
margin:auto;
width: 400px;
}*/
#slides_control {
    position:absolute;
    width: 400px;
    left:50%;
    top:20px;
    margin-left:-200px;
}
.image_slider_font{
    text-transform: uppercase;
    font-family: 'Montserrat-Regular';
    font-size: 10px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.6px;
    color: rgba(0, 0, 0, 0.5);
    margin-bottom: 0;
    padding: 0 10px;
    padding-top: 8px;
    margin-top: -3px;
}
.template_img_csl img {
    width: auto;
    height: 400px;
    max-height: 400px;
    min-height:400px;
}
#verify-agent-modal .form-group input{
    border-bottom: 0px;
    padding: 8px 10px 10px;
}
#verify-customer-modal .form-group input{
    border-bottom: 0px;
    padding: 8px 10px 10px;
}

#view-image-modal .carousel-control.left, #view-image-modal .carousel-control.right {
    background-image:none !important;
    filter:none !important;
}
#view-image-modal .carousel-control .glyphicon-chevron-left, #view-image-modal .carousel-control .glyphicon-chevron-right{
    color:black;
}
#view-image-modal .carousel-indicators {
    bottom: -2px;
}
#view-image-modal .carousel-indicators li {
    border: solid 1px black;
}

#customer-view-image-modal .carousel-control.left, #customer-view-image-modal .carousel-control.right {
    background-image:none !important;
    filter:none !important;
}
#customer-view-image-modal .carousel-control .glyphicon-chevron-left, #customer-view-image-modal .carousel-control .glyphicon-chevron-right{
    color:black;
}
#customer-view-image-modal .carousel-indicators {
    bottom: -2px;
}
#customer-view-image-modal .carousel-indicators li {
    border: solid 1px black;
}


.nsv_checkbox{
    margin-right: 10px !important;
    float: left;
    margin-top: 5px;
}

.templet-select-box .ui-select-container{
    /*border: solid 1px lightgray;*/
    /*margin-top: 19px;*/
    margin-bottom: 20px;
    border: solid 1px rgba(0, 0, 0, 0.15) !important;
}

.verifiction_text_box textarea
{
    border: solid 1px rgba(0, 0, 0, 0.15) !important;
    padding: 7px 16px;
    font-family: 'Montserrat-Light';
    letter-spacing: .4px;
    margin-bottom: 8px;
    resize: vertical;
    /*position: relative; */
}

.verifiction_text_box{
    position: relative;
}

.verifiction_text_box div{
    position: absolute;
    top: 5px;
    right: 8px;
    color: rgb(165, 171, 180);
}

.auto_verify_toggle .form-group .switch {
    margin-top: 0px !important;
}

.auto_verify_toggle .switch.custom-switch span:after {
    background-color: #e2e4e6;
}

.auto_verify_toggle .switch input:checked + span:after {
    background-color: #1394ff;
    /* border-color: #1394ff; */
}

.auto_verify_toggle .c-checkbox input[type=checkbox] + span:after{
    opacity:1;
}

.templet-select-box{
    text-transform: none;
}

#container-workflow-page {
    overflow: auto !important;
}
.templet-select-box .ui-select-dropdown.dropdown-menu{
    border-radius: 0;
    width: calc(100% + 2px);
    left: -1px;
    margin-top: 0px;
}

.templet-select-box input[type="search"]{
    height: 35px !important;
    width: calc(100% - 2px);
    padding: 0px 16px;
    width: 100% !important;
    box-sizing: border-box;
    border: none;
}
.templet-select-box input[type="search"]::-webkit-input-placeholder{
    font-family: Montserrat-Light;
    color: rgba(0, 0, 0, 0.61);
}
#agent-signup-div .signup_verifiction_text{
    position: absolute;
    right: 15px;
    top: 100%;
}
#agent-signup-div button,
.preview-panel button{
    /*font-family: Montserrat-Regular;*/
    font-family: 'Montserrat-Light';
    font-weight: normal;
}
.agent-signup{
    background-color: #fafafa;
    padding: 0;
    border-radius: 5px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
    border: solid 1px rgba(0, 0, 0, 0.1);
}
#agent-signup-div label,
.flat-panel label{
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1.2px;
    color: rgba(0, 0, 0, 0.57);
    text-transform: uppercase;
}
.signup_verifiction_text label{
    clear: both;
    /*margin-right: 15px;*/
    margin-bottom: 20px;

}
.checklist-div{
    padding: 8px 10px 10px;
    width: 100%;
    color: rgba(0, 0, 0, 0.71);
    font-family: 'Montserrat-Light';
    letter-spacing: 0.9px;
    position: relative;
    cursor: default;
    line-height: inherit;

}
.checklist-div p{
    display:inline-block;
    margin:0;
    word-wrap: break-word;
    width:100%;
}

.checkP{
    display:inline-block;
    margin:0; padding-right:2px;
}
.cheklist-pop{
    background-color: white;
    /*color: black;*/
    border: solid 1px lightgray;
    padding: 5px;
    color:rgba(0, 0, 0, 0.71);
    cursor:default;
    font-family:Montserrat-Light;
    font-size:14px;
    letter-spacing:0.9px;
    line-height:20px;
}
/*#view-image-modal .carousel-indicators:active {
background-color: black;
}*/


/*======= on-boarding css ============*/


.onboarding.about-user .tookan-action-btn .button{
    border:1px solid tranparent;
}
p.step1-text label {
    color:#000;
    margin-bottom: 0;
}
p.step1-text {
    padding: 0 70px;
    color: #818181;
    font-size: 13px;
    line-height: 22px;
    letter-spacing: 0.4px;
}
.tookan-action-btn .button {
    border-radius: 100px;
    background-color: #6cc64d;
    color: #fff;
    width: 200px;
    text-align: center;
    height: 44px;
    position: relative;
    letter-spacing: 0.3px;
    font-family: Montserrat-Light;
    line-height: 32px;
}
.tookan-action-btn .button .tf{
    vertical-align: middle;
    font-size: 11px;
}
.lower-step1-btns i.tf-new.icon-Refresh {
    position: absolute;
}
.lower-step1-btns p.text-center i:before {
    left: -20px;
    position: relative;
    color: #fff;
    top: -1px;
}
.tookan-action-btn .button:hover{
    border: 1px solid #6cc64d;
    background: transparent;
    color: rgba(0, 0, 0, 0.78);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.21);
}
p.try-button button {
    background: none;
    color: #1394ff;
    width: 200px;
    height: 44px;
    border-radius: 100px;
    border: 1px solid #1394ff;
    letter-spacing: 0.3px;
    font-family: Montserrat-Light;
}
p.try-button button:hover,
p.try-button button:focus,
p.try-button button:active {
    background: #40a8fe;
    color: rgb(255, 255, 255);
    border: 1px solid #1394ff;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.21);
}
.lower-step1-btns {
    padding: 40px 0;
}
.workflow-heading {
    padding: 26px 0;
    border-bottom: 1px solid #e7e7e7;
}
.workflow-heading p {
    font-size: 31px;
    color: #293038;
    margin: 0;
}
.pos-rel.temp-img-prt.bg-cl img {
    max-width: 100%;
}
.workflow-step .img-section {
    /*margin: 0 7px;*/
    /*max-width: 285px;*/
    /*width: 100%;*/
    padding: 0;
    height: 380px;
    cursor: pointer;
    border: 1px solid #e7e7e7;
    transform: scale(.98);
}
.workflow-step .img-section:hover{
    color: rgba(0, 0, 0, 0.78);
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.11);
}
.lower-text-padding {
    padding: 16px 13px;
}
.workflowbox .more{
    /*opacity:1;*/
}
.heading {

}
.next-btn {
    background-color: #6cc64d;
    color:#fff;
    min-width: 127px;
    height: 44px;
    border-radius: 100px;
    letter-spacing: .5px;
}
.next-btn:hover{
    border: solid 2px #6cc64d;
    color: #6cc64d;
    background: #fff;
}
.lower-work-btn {
    margin: 25px 0;
}
.lower-work-btn button:hover {
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.21);
    background:transparent;
    color: rgba(0, 0, 0, 0.78);
    border: 1px solid #6cc64d;
}
.workflowbox .overlay-content{
    opacity: 0;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    background: rgba(0, 0, 0, 0.73);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 163px;
    text-align: center;
    display: table;
    font-family: Montserrat-Light;
}
.workflowbox .overlay-content .content{
    display: table-cell;
    vertical-align: middle;
}
.workflowbox:hover .overlay-content{
    opacity:1;
}
.panel-text {
    font-family: Montserrat-Light;
}
.divimgtop.setPadding a:hover {
    text-decoration: none;
}
.panel-text p {
    font-family: Montserrat-Light;
    font-size: 13px;
    color: rgba(0, 0, 0, 0.35);
}
.step2-head .label-default {
    background-color: #5a5a5a !important;
    font-family: Montserrat-Light;
    text-transform: uppercase;
    font-size: 9px;
    letter-spacing: 1px;
}
.workflow-step .active-workflow {
    border: 1px solid #1984ff;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.21);
    transform: scale(1);
}
.welcome-step .modal-dialog {
    max-width: 570px;
    width: 100%;
}
.welcome-step .modal-content {
    border: none;
    border-radius: 10px;
}
.workflow-step .modal-dialog {
    max-width: 940px;
    width: 100%;
}
.active-workflow .bold-font.heading.panel-title {
    color: #1984ff;
}
.workflow-step .modal-dialog .modal-body {
    padding: 0;
}
.workflow-step .modal-content{
    border-radius:10px;
}
.upper-task-head  {
    background: #4695f6;
    width: 100%;
    color: #fff;
    position: absolute;
    text-align:left;
    height: 40px;
    line-height: 40px;
    z-index: 99;
    font-size: 20px;
    padding: 0 20px 0 18px;
    border-bottom: 1px solid #e2e4e6;
}
.cross-border {
    background: rgba(33,33,33,.34);
    border-radius: 100px;
    width: 28px;
    height: 28px;
    position: relative;
    top: 4px;
}
.cross-border:after {
    top: -4px;
    position: absolute;
    left: 9px;
    font-size: 11px !important;
}
.md-onboard2 label{
    font-weight: normal;
}
.congrats-btn button {
    border-radius: 100px;
    background-color: #6cc64d;
    color: #fff;
    border: 0;
    min-width: 126px;
    outline:none;
    height: 44px;
    font-family: 'Montserrat-Regular';
}
.congrats-btn button:hover,
.congrats-btn button:focus {
    background: transparent;
    color: rgba(0, 0, 0, 0.78);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.21);
    border: 1px solid #6cc64d;
}
.dispatch-flow button {
    background-color: #6cc64d;
    padding: 0 40px;
    line-height: 2.3;
    position: relative;
    display: block;
    top: 10px;
    margin: 0 auto 20px;
    vertical-align: middle;
    color: #fff;
    font-family: 'Montserrat-Light';
    border: 0;
    height: 44px;
    border-radius: 30px;
}
.dispatch-flow button label {
    cursor: pointer;
}
.dispatch-flow button:hover {
    background: transparent;
    color: rgba(0, 0, 0, 0.78);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.21);
    border: 1px solid #6cc64d;
}
.dispatch-flow i.material-icons.vert-al-mid {
    top: 8px;
    position: relative;
    font-size: 24px;
    left: 8px;
}
.congrats-btn {
    padding: 13px 0;
}
.arrow_box_l img {
    margin: 0 auto;
    display: block;
}
.dispatch-flow p.bold-font {
    font-size: 31px;
}
.dispatch-flow p.light-font {
    font-size: 16px;
    letter-spacing: 0.6px;
    color: #818181;
}
.md-onboard2 .modal-dialog {
    max-width: 560px;
}
.md-onboard2 .modal-body {
    padding: 20px 0 20px;
}
.dispatch-flow .modal-content,
.address-flow .modal-content {
    border-radius:10px;
}
.address-flow .on-boarding-heading {
    font-size: 31px;
}
.md-onboard2 .form-group {
    padding: 0 20px;
}
.address-flow button {
    background-color: #6cc64d;
    position: relative;
    width: 110px;
    text-align: center;
    display: block;
    margin: 20px auto 0;
    color: #fff;
    font-family: 'Montserrat-Light';
    border: 0;
    height: 44px;
    border-radius: 30px;
}
.address-flow button:hover {
    background: transparent;
    color: rgba(0, 0, 0, 0.78);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.21);
    border: 1px solid #6cc64d;
}
.right-agent-setup {
    padding: 20px 20px;
}
.right-agent-setup p.bold-font {
    font-size: 17px;
    color: #000;
}
.right-agent-setup img {
    margin: 0 auto;
    display: block;
}
.arrow_box_r:before {
    border-color: rgba(194, 225, 245, 0);
    border-top: 15px solid transparent;
    border-left: 15px solid #fff;
    transform: rotate(0deg);
    border-bottom: 15px solid transparent;
    content: " ";
    width: 20px;
    top: 50%;
    height: 20px;
    left: 100%;
    position: absolute;
    pointer-events: none;
}
.right-agent-setup.arrow_box_r:before{
    top: 56px;
}
.ft-cl-grn {
    color: #41a446;
}
.md-step.add-new-task{
    right: 20px;
}
#step-newtask.add-new-task img {
    margin: 0 auto;
    display: block;
    max-width: 45px;
}
.add-new-task p.bold-font {
    font-size: 17px;
    color: #000;
}
.add-new-task p {
    font-family: 'Montserrat-Light';
    font-size: 11px;
    line-height: 17px;
    padding: 10px 0 0;
    letter-spacing: 0.3px;
}
.arrow_box_t:before {
    border-color: rgba(194, 225, 245, 0);
    border-top: 12px solid transparent;
    border-left: 12px solid #fff;
    transform: rotate(270deg);
    border-bottom: 12px solid transparent;
    content: " ";
    width: 20px;
    top: -22px;
    height: 20px;
    z-index: 9999;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    position: absolute;
    pointer-events: none;
}
.add-new-task p span {
    text-align: center;
    display: block;
    padding: 10px 0;
}


.cluster {
    width: 23px;
    color: white;
    padding: 2px 5px;
}


.layer0 {
    background: red;
    padding: 0 8px;
}
.layer1 {
    background: blue;
}
.layer2 {
    background: orange;
    color: black;
}

.info {
    padding: 6px 8px;
    font: 14px/16px Arial, Helvetica, sans-serif;
    background: white;
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
}
.info h4 {
    margin: 0 0 5px;
    color: #777;
}
.legend {
    text-align: left;
    line-height: 18px;
    color: #555;
}
.legend i {
    width: 18px;
    height: 18px;
    float: left;
    margin-right: 8px;
    opacity: 0.7;
}
.legend .colorcircle {
    border-radius: 50%;
    width: 15px;
    height: 15px;
    margin-top: 0px;
}
.legend .circlepadding {
    border-radius: 50%;
    margin-top: 0px;
    background: rgba(255, 255, 255, 0.8);
}
.marker-cluster{
    z-index: 999999 !important;
}
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}
.customer-rating:after{
    font-size: 18px !important;
    color: #F9B61C;
    margin-right: 6px;
}
#recurring_datatable th{
    text-align: center;
}
.setheight_repeat .select-wrapper{
    line-height: 2.2;
}
.setheight_repeat .select-wrapper select{
    -webkit-appearance: menulist;
    height: 30px;
    border-style: none !important;
}
.create-task-sidebar .fancy-form .setheight_repeat .select-wrapper:after{
    display: none;
}
#agent-image {
    width: 83%;
    border-radius: 8px;
}
div#add-agent-modal .modal-dialog,
#edit-agent-modal .modal-dialog{
    width: 860px;
}
#add-agent-modal div.col-lg-9, #add-agent-modal div.col-lg-3 {
    padding: 0;
}
#edit-driver-image-form-group1 .btn-default {
    position: relative;
    padding: 11px 36px 20px;
}
#edit-driver-image-form-group .btn-default,
#edit-driver-image-form-group1 .btn-default {
    /*background-image: linear-gradient(to bottom, #FFFFFF 0%, #F0F0F0 100%);*/
    background: none;
    border: 1px solid #ddd;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.07);
    height: 45px;
    padding: 11px 36px 20px;
    border-radius: 100px;
    color: #707070;
    font-family: Montserrat-Light;
    font-size: 14px;
}
#edit-driver-image-form-group .bootstrap-filestyle,
#edit-driver-image-form-group1 .bootstrap-filestyle{
    text-align: center;
}
div#edit-driver-image-form-group1 img {
    max-width: 100%;
}
div#edit-driver-image-form-group input[type='file']{
    position: absolute;
    bottom: -40px;
    width: 100%;
}
div#edit-driver-image-form-group img {
    max-width: 100%;
}
div#edit-agent-modal input[type='file'] {
    /*display:none;*/
}
.loading-image {
    border: 0px solid #000;
    position: absolute;
    height: 70px;
    width: 70px;
    margin-left: auto;
    margin-right: auto;
    left: 30px;
    right: 0;
    top: 40px;
    /*background-image: url(../app/img/landing-page.jpg);*/
}
.cross-icon {
    border: 0px solid #000;
    position: absolute;
    right: -6px;
    top: 2px;
    background-size: 100%;
}
.cross-icon .fa {
    font-size: 19px;
    cursor: pointer;
}
/*#edit-driver-image-form-group .cross-icon{*/
/*pointer-events: none;*/
/*display: none;*/
/*}*/
/*#edit-driver-image-form-group .cross-icon i:after{*/
/*content: "\f110";*/
/*display: inline-block;*/
/*font: normal normal normal 14px/1 FontAwesome;*/
/*font-size: inherit;*/
/*text-rendering: auto;*/
/*-webkit-font-smoothing: antialiased;*/
/*-webkit-animation: fa-spin 2s infinite linear;*/
/*animation: fa-spin 2s infinite linear;*/
/*}*/

.rule-box .modal-body.bot-noPad {
    background: #fff;
    float:none;
    padding:0;
}
.modal-dialog.rule-box textarea {
    border: solid 1px rgba(0, 0, 0, 0.11);
    resize: none;
    height: 40px;
    min-height: 100%;
}
.full-width {
    width: 100%;
}
#addRuleDialog h3 {
    padding: 20px 0 20px 42px;
    margin: 0;
    color: #31353c;
    letter-spacing: 0.3px;
    font-size: 28px;
}
div#addRuleDialog .formula {
    min-height: 40px;
}
#addRuleDialog input.rule-desc {
    border: 1px solid #ccc;
}
.rule-add {
    background-color: #6cc64d;
    position: relative;
    text-align: center;
    display: block;
    margin: 20px auto 0;
    color: #fff;
    font-family: 'Montserrat-Light';
    border: 0;
    border-radius:100px;
    height: 34px;
}
input.rule-text {
    border-radius: 2px !important;
    height: 40px;
    line-height: 40px;
    width: 100%;
    font-size: 12px;
    padding: 10px;
    border: solid 1px rgba(0, 0, 0, 0.11) !important;
}
input.rule-text:focus {
    border:1px solid #4695f6 !important;
}
.action-button .dropdown-menu {
    text-align: center;
    min-width: 135px;
    margin-top: 2px;
    right: 0;
    left: auto;
}
.container-notifications-page table tr>td:first-child,
.container-notifications-page table tr>th:first-child{
    padding-left: 35px;
}
#addRuleDialog label.control-label {
    padding: 0 0 10px;
}
.action-button .dropdown-menu a {
    background: transparent !important;
    display: block;
    width: 100%;
    text-align: left;
    padding: 10px 20px;
    height: 35px;
    border-left: 3px solid transparent;
}
.action-button .dropdown-menu:after {
    content: '';
    position: absolute;
    top: -19px;
    right: 10px;
    width: 0;
    border: 10px solid transparent;
    border-bottom-color: #e8e8e8;
}
span.btn.btn-danger.rule-delete {
    margin: 20px 0 0;
}
#addRuleDialog select,
#editRuleDialog select {
    width: 20%;
    font-size: 12px;
    height: 31px;
}
div#editRuleDialog label {
    padding: 0 0 5px;
    font-size: 12px;
    margin: 0;
    text-transform: uppercase;
}
i.delete-icon.fa.fa-trash-o {
    position: relative;
    top: 24px;
}
i.add-icon.fa.fa-plus {
    position: relative;
    top: 0px;
    padding: 12px 0;
}
span.add-rule {
    border-radius: 100px;
    font-family: 'Montserrat-Light';
}
#addRuleDialog .ui-select-container.ui-select-multiple.ui-select-bootstrap.dropdown.form-control,
#editRuleDialog .ui-select-container.ui-select-multiple.ui-select-bootstrap.dropdown.form-control {
    padding: 0;
    padding: 0 0 0 5px;
    border: 1px solid #ccc;
}
.row.radio-head {
    margin: 0 0 7px;
}
@media (min-width: 768px){
    #addRuleDialog.modal .modal-dialog,
    #editRuleDialog.modal .modal-dialog {
        width: 800px;
    }
}
#addRuleDialog.modal .modal-content,
#editRuleDialog.modal .modal-content {
    border: none;
    width: 830px;
    float: left;
    background: #fff;
}
#addRuleDialog .form-group input[type="radio"],
#editRuleDialog .form-group input[type="radio"] {
    opacity: 1;
    margin: 0;
    left: 0;
}
.final-earning {
    position: relative;
    top: 17px;
    padding: 0 0 0 16px;
    font-size: 10px;
}
.final-earning label input[type='checkbox'] {
    display: inline-block;
    width: auto;
}
.col-sm-10.test {
    display: inline-block;
    position: relative;
    top: 5px;
}
.accordion-base .panel-default > .panel-heading {
    color: rgba(0, 0, 0, 0.5);
    background-color: #fff;
    border-color: #ddd;
    padding: 26px 18px;
    text-transform: uppercase;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
    transition: 0.4s;
    text-align: left;
    border-bottom: 1px solid rgba(115, 100, 100, 0.2);
}
.accordion-base .panel-title {
    color: rgba(0, 0, 0, 0.5);
    background-color: #fff;
    border-color: #ddd;
    font-size:10px;
}
.accordion-base h4.panel-title a:hover {
    text-decoration: none;
}
.accordion-base .panel-default > .panel-heading + .panel-collapse > .panel-body {
    background-color: #fafafa;
    transition: max-height 0.2s ease-out;
}
.sum h4 {
    text-align: right;
    font-family: 'Montserrat-Light' !important;
}
#detail .custom-fields .sum h4 {
    font-size: 12px;
    margin-top: 20px;
    color: rgba(0, 0, 0, 0.6);
}
.job-formula-fields > div {
    padding:0;
}



#addRuleDialog .modal-dialog.rule-box {
    width: 760px;
}
.earning-form{
    float: left;
    width: 100%;
    padding: 23px 33px 10px;
}
.box-1 {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
    border: solid 1px rgba(0, 0, 0, 0.1);
    float: left;
    width: 100%;
    border-radius: 5px;
    margin: 0 0 25px 0px;
}
.earning-head h2 {
    font-size: 16px;
    color: rgba(40, 40, 40, 0.9);
    margin: 0;
    display: inline-block;
    padding: 0px 0 3px;
}
.earning-head span.light-font {
    font-size: 13px;
    color: #000;
}
.box-1 label {
    font-size: 12px;
    letter-spacing: 0.2px;
}
.box-1 input[type='text'] {
    width: 100%;
    border-radius: 2px;
    font-family: 'Montserrat-Light';
    padding: 0 0 0 9px;
    height: 40px;
    border: 1px solid #ccc;
}
.earning-head {
    border-bottom: 1px solid #e2e4e6;
    padding: 11px 30px;
}
.earning-head label {
    display: inline-block;
    padding: 0 22px 0 0px;
    font-size: 13px;
    font-family: Montserrat-Light;
}
.earning-fields {
    padding: 10px 30px 20px;
}
.earning-symbol {
    background: #f5f7f9;
    position: absolute;
    width: 50px;
    height: 38px;
    display: table;
    top: 25px;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    right: 16px;
}
.earning-symbol span {
    text-align: center;
    font-size: 12px;
    vertical-align: middle;
    display: table-cell;
}
.earning-head span {
    display: block;
    font-size: 12px;
    font-family: 'Montserrat-Light';
    padding: 0 20px 3px 0px;
}
.earning-btns {
    float: left;
    width: 100%;
    padding: 0 43px 20px;
    text-align: right;
}
.cancel-earning-btn {
    border: 1px solid #1394ff;
    background: transparent;
    border-radius: 100px;
    height: 44px;
    margin: 0 10px 0 0px;
    width: 150px;
    vertical-align: middle;
    line-height: 28px;
}
.cancel-earning-btn:hover {
    background: transparent;
    color: rgba(0, 0, 0, 0.78);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.21);
    border: 1px solid #4695f6;
}
.save-earning-btn:hover {
    border: 1px solid #6cc64d;
    background: transparent;
    color: rgba(0, 0, 0, 0.78);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.21);
}
.save-earning-btn {
    width: 150px;
    color: #fff;
    line-height: 28px;
    background: #6cc64d;
    border-radius: 100px;
    height: 44px;
    font-family: 'Montserrat-Light';
}
.upper-tabs {
    background: #eaedf0;
    height:5px;
}
.upper-tabs ul {
    margin: 0;
    padding: 0 0 0 30px;
    list-style: none;
}
.upper-tabs ul li {
    font-family: 'Montserrat-Light';
    display: inline-block;
    line-height: 41px;
    padding: 0 7px 0 7px;
    font-size: 11px;
    cursor: pointer;
}
.upper-tabs ul li:hover {
    border-bottom: 3px solid #1394ff;
    font-family: 'Montserrat-Regular';
}
.formula-text {
    width: 60%;
    margin: 14px 0 12px 47px !important;
    height: 40px;
    border: none;
    font-family: 'Montserrat-Regular';
    color: #000;
    font-size: 21px;
}
li.activeTabs {
    border-bottom: 3px solid #1394ff;
}
.row.earning-fields i:before {
    font-size: 14px;
    position: relative;
    left: 0px;
}
.earning-fields i.fa.fa-info-circle {
    margin: 0 0 0 10px;
}
.fullwidth.custom-fields > div {
    padding: 0;
}
.fullwidth.custom-fields > div p>a{
    word-break: break-all;
}
.agent-detail-box h3 {
    margin-bottom: 22px;
    font-size: 14px;
    font-family: 'Montserrat-Regular' !important;
    color: #000;
    text-transform: capitalize;
}
span.rule-btn-new {
    border: 1px solid rgba(51, 51, 51, 0.32);
    width: 100px;
    text-align: center;
    height: 28px;
    line-height: 24px;
    font-size: 13px;
    border-radius: 5px;
}























/*============== Dynamic Catalogue css ==================*/

.dc_welcome {
    height: calc(100vh - 90px);
    box-sizing: border-box;
    width: 100%;
    display: table;
    /*position: absolute;*/
    background-color: #ffffff;
}

.dc_welcome .middle {
    display: table-cell;
    vertical-align: middle;
}

.dc_welcome .inner {
    margin-left: auto;
    margin-right: auto;
    width: auto;
    text-align: center;
}

.dc_welcome .content_start {
    display: inline-block;
    width: auto;
    margin-right: 95px;
    margin-bottom: 60px;
}

@media screen and (max-width: 1250px) {
    .dc_welcome .content_start {
        margin-right: 0;
    }
}

.dc_welcome .welcome_to_bus {
  opacity: 0.8;
  font-family: Montserrat-Regular;
  font-size: 25px;
  text-align: center;
  color: #293038;
  /*display: inline-block;*/
  margin-bottom: 5px;
}
.dc_welcome .does_your_catalog {
    opacity: 0.8;
    font-family: Montserrat-Light;
    font-size: 25px;
    color: #293038;
    text-align: center;
    display: inline-block;
    margin-bottom: 30px;
}

.dc-app-listing{
  width: 660px;
  text-align: left;
}
.dc-app{
  width: 310px;
  height: 100%;
  border-radius: 6px;
  background-color: #ffffff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
  border: solid 1px rgba(0, 0, 0, 0.1);
  padding: 0;
  margin: 10px;
  display: inline-block;
  
}
.dc-app:hover{
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
}
.dc-app-span{
  display: table;
  width:100%;
  height: 100%;
}
.dc-app div{
  display: table-cell;
  vertical-align: middle;
  height: 100px;
}
.img-cover-div{
    padding-left:20px; 
    width: 80px;
}
.app-name-div{
    padding-left:14px; 
}
.app-name-div p {
  font-family: Montserrat-Regular;
  font-size: 20px;
  letter-spacing: 0.3px;
  text-align: left;
  color: #31353c;
  margin:0;
}
.app-img-div{
  width: 59.8px;
  height: 59.8px !important;
  border: 0;
  border-radius: 50%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; 
}
.dc_btn_grp{
    width: 236px;
    margin: 0 auto;
}
.dc_welcome .dc_btn_grp button {
    width: 236px;
    height: 52px;
    border-radius: 5px;
    background-color: #4695f6;
    letter-spacing: 0.9px;
    font-size: 18px;
    margin-top: -5px;
    color: #ffffff;
    font-weight: 100;
    font-family: 'Montserrat-Light';
    min-width: 150px;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
    text-align: center;
    border: 0;
    margin: 20px 0px;
}
.dc_welcome .dc_or {
    opacity: 0.3;
    font-family: Montserrat-Regular;
    font-size: 16px;
    text-align: center;
    color: #293038;
    margin: 0 80px;
    display: inline-block;
    text-transform: lowercase;
}
.dc_welcome .dc_btn_grp button:hover{
    background-color: #ffffff;
    border:solid 1px #1394ff;
    /*box-shadow: 0 6px 18px 0 rgba(19, 148, 255, 0.25);*/
    color: #1394ff;  
}

.dc_welcome .dc_btn_grp button:focus,
.dc_welcome .dc_btn_grp button:active {
    outline: none !important;
}


.dc_categorynproduct {
    min-height:calc(100vh - 170px);
    height: calc(100vh - 170px);
    box-sizing: border-box;
    width: 100%;
    background-color: #fafafa;
    border: solid 1px #e2e4e6;
    margin-top: 30px;
    margin-bottom: 0px;
}

 .miscellaneous{
     min-height:calc(100vh - 170px);
     height: auto;
     box-sizing: border-box;
     width: 100%;
     background-color: #fafafa;
     margin: 0;
     padding-left: 10px;
 }

.dc_categorynproduct .outer {
    display: table;
    height: calc(100% - 40px);
    width: 100%;
}

.dc_categorynproduct .middle {
    display: table-cell;
    vertical-align: middle;
}

.dc_categorynproduct .inner {
    margin-left: auto;
    margin-right: auto;
    width: auto;
    text-align: center;
}

.dc_categorynproduct .Categories {
    font-family: Montserrat-Regular;
    font-size: 16px;
    height: 20px;
    /*font-weight: bold;*/
    letter-spacing: 0.2px;
    text-align: left;
    color: #31353c;
    margin: 10px 20px;
}

.dc_categorynproduct .head_ing_break {
    border-bottom: 1px solid #e2e4e6;
    margin: 0;
}

.dc_categorynproduct .content_start {
    display: inline-block;
    width: auto;
}

.dc_categorynproduct .dc_plus {
    font-size: 45px;
    color: #1394ff;
    line-height: 70px;
}
/*.dc_add_new{
    box-sizing: border-box;
    padding: 65px 15px 65px 15px;
    height: 221.27px;
    border-radius: 6px;
    background-color: #ffffff;
}*/
/*.dc_add_new:hover{
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
    border: solid 1px rgba(0, 0, 0, 0.1);
    cursor: pointer;
}*/
.dc_add_new:hover .dc_plus-desc{
    color:black;
    opacity: 1;
}

.dc_categorynproduct .dc_plus:focus {
    outline: none !important;
}
.dc_add_new:hover .dc_plus{
    font-size: 50px;
}
/*.dc_categorynproduct .dc_plus:hover{
    font-size: 65px;
}*/
.dc_categorynproduct .dc_plus-desc {
    opacity: 0.6;
    font-family: Montserrat-Light;
    font-size: 19.6px;
    line-height: 1.43;
    text-align: left;
    color: #000000;
    margin: 0;
}

.custom-modal-heading {
    opacity: 0.8;
    font-family: Montserrat-Regular;
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    color: #293038;
    margin: 0 0 25px 0 !important;
    -ms-word-break: break-all;
    word-break: break-all;
}

.acmodal {
    width: 460px;
    padding: 30px 30px 0;
}

.hidden-space{
    height: 65px;
    margin: 0;
    padding: 0;
}

.acmodal .add-category-lable {
    margin: 0 0 5px 0;
    padding: 0;
    opacity: 0.5;
    font-family: 'ProximaNova-Regular', Sans-Serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1.2px;
    text-align: left;
    text-transform: uppercase;
    color: #000000;
}
.acmodal .remchar-lable {
    padding: 0;
    opacity: 0.5;
    font-family: 'ProximaNova-Regular', Sans-Serif;
    font-size: 12px;
    letter-spacing: 1.2px;
    text-align: right;
    color: #000000;
    position: absolute;
    right: 0;
    bottom: 2px;
}
.acmodal .remchar-lable1 {
    padding: 0;
    opacity: 0.5;
    font-family: 'ProximaNova-Regular', Sans-Serif;
    font-size: 12px;
    letter-spacing: 1.2px;
    text-align: right;
    color: #000000;
    margin-top:1px;
    display: block;
}


.acmodal .add-category-input {
    width: 100%;
    height: 40px;
    border-radius: 2px;
    background-color: #ffffff;
    border: solid 1px rgba(0, 0, 0, 0.2);
    padding: 11px 14px;
    opacity: 1;
    font-family: 'ProximaNova-Regular', Sans-Serif;
    font-size: 15px;
    text-align: left;
    color: #293038; 
}

.acmodal .add-category-input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    opacity: 0.5;
    font-family: 'ProximaNova-Regular', Sans-Serif;
    font-size: 15px;
    text-align: left;
    color: #7f8388 
}

.acmodal .add-category-input::-moz-placeholder {
    /* Firefox 19+ */
    opacity: 0.5;
    font-family: 'ProximaNova-Regular', Sans-Serif;
    font-size: 15px;
    text-align: left;
    color: #7f8388
}

.acmodal .add-category-input:-ms-input-placeholder {
    /* IE 10+ */
    opacity: 0.5;
    font-family: 'ProximaNova-Regular', Sans-Serif;
    font-size: 15px;
    text-align: left;
    color: #7f8388
}

.acmodal .add-category-input:-moz-placeholder {
    /* Firefox 18- */
    opacity: 0.5;
    font-family: 'ProximaNova-Regular', Sans-Serif;
    font-size: 15px;
    text-align: left;
    color: #7f8388
}

.acmodal .ac-error-div {
    /*opacity: 0.5;*/
    font-family: 'ProximaNova-Regular', Sans-Serif;
    font-size: 12px;
    /*font-weight: 600;*/
    letter-spacing: 1.2px;
    text-align: left;
    color: red;
}

.acmodal .ac-action-btn {
    text-align: right;
    width: calc(100% + 60px);
    margin-left: -30px;
    padding: 20px;
    border-top: 2px solid rgba(193, 193, 193, 0.2);
}

.acmodal .ac-cancel-btn {
    width: 111px;
    height: 44px;
    border-radius: 100px;
    border: solid 1px #1394ff;
    color: #1394ff;
    font-family: 'ProximaNova-Regular', Sans-Serif;
    ;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    background: #ffffff;
}

.acmodal .ac-create-btn {
    width: 111px;
    height: 44px;
    border-radius: 100px;
    background-color: #6cc64d;
    color: #ffffff;
    font-family: 'ProximaNova-Semibold', Sans-Serif;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}
.acmodal .ac-create-btn:hover{
    box-shadow: 2px 8px 11px 0px rgba(51, 51, 51, 0.17);
    background-color: #ffffff;
    color: #6cc64d;
    border: solid 1px #6cc64d;
}
.acmodal .ac-cancel-btn:hover{
    box-shadow: 2px 8px 11px 0px rgba(51, 51, 51, 0.17);
}

.enable_category_radio {
    display: inline-block;
    margin-right: 35px;
}

.enable_category_radio .md-off {
    border: solid 1px rgba(178, 178, 178, 0.8) !important;
}

.enable_category_radio .md-on {
    background-color: #1394ff !important;
}

.ac-add-image-div {
    display: table;
    vertical-align: middle;
    width: 100%;
}

.ac-add-image-div input[type="file"] {
    opacity: 0;
    width: calc(100% - 60px) ;
    height: 40px;
    z-index: 2;
    position: absolute;
}

.ac-add-image {
    width: 52px;
    height: 40px;
    color: lightgray;
    display: table-cell;
    max-width: 65px;
    cursor: pointer;
}

.ac-add-image-content {
    font-family: 'Proxima-Nova-Light';
    font-size: 14px;
    text-align: left;
    color: #7f8388;
    display: table-cell;
    margin-left: 13px;
    line-height: 40px;
    padding-left: 15px;
}

.ac-add-image-browse {
    color: #1394ff;
    cursor: pointer;
}

label[for="ac_image_file"] {
    margin: 0;
    padding: 0;
    display: inline-block;
    padding: 0px 5px;
}

label[for="ac_image_file"] img {
    width: 52px;
    height: 41px;
}

.dc-col-1 {
    width: 25%;
    box-sizing: border-box;
    float: left;
    height: 100%;
    background-color: #fafafa;
    border: solid 1px #e2e4e6;
    border-bottom: solid 1px #e2e4e6 !important;
    cursor: default;
}

.ColActive {
    background-color: #FFF !important;
}

.dcMain .sub-head-ing {
    position: relative;
    overflow-y: scroll;
}

.dcMain .sub-head-ing::-webkit-scrollbar {
    width: 8px;
    background-color: #e2e4e6;
}

.dcMain .sub-head-ing i {
    /*position: absolute;
    right: 20px;
    top: 10px;*/
    font-size: 15px;
    color: #1394ff;
    cursor: pointer;
    line-height: 20px;
    height: 22px;
}
.dcMain .sub-head-ing i:hover{
    font-size: 17px;
    line-height: 20px;
}
.dc_cat_plus_cover{
    text-align: center;
    width: 22px;
    height: 22px;
    position: absolute;
    right: 15px;
    top: 10px;
    padding-top:2px;
}
.dcMain .sub-head-ing p {
    font-family: 'ProximaNova-Semibold', Sans-Serif;
    font-size: 16px;
    letter-spacing: 0.2px;
    text-align: left;
    color: #31353c;
    margin: 0;
    padding: 10px 20px;
}

.dcMain .category-list-item {
    position: relative;
    min-height: 50px;
    height: auto;
    opacity: 1;
    width: 100%;
    border:0; 
}
.add-category-textarea{
    border: none;
    overflow: auto;
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.dc .panel-group .panel {
    border-radius: 0px !important;
}

.dcMain .category-list-item p {
    white-space:nowrap;
    opacity: 0.6;
    font-family: 'Proxima-Nova-Light';
    font-size: 16px;
    line-height: 1.25;
    text-align: left;
    color: #000000;
    margin: 0;
    padding: 12.5px 0 12.5px 20px;
    border-right: solid 55px rgba(0, 0, 0, 0);
    overflow: hidden;
}

.dcMain .panel-group .panel {
    border-radius: 0px;
}

.dcMain .category-list-item i {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 20px;
    line-height: 50px;
    width: 50px;
    text-align: center;
}

.dcMain .category-list-item:hover{
    background-color: rgba(226,228,230,0.25);
}
.dcMain .category-list-item .panel-heading{
    background-color: inherit;
}
.dcMain .category-list-item p, .dcMain .category-list-item .ac_arrow_icon{
    background-color: inherit;
}
.category-list-item:hover .ac_arrow_icon{
    border-left: 1px solid rgba(255, 255, 255, 0.6);
}

.catActiveItem.category-list-item {
    background-color: rgba(226,228,230,0.5);
}
.catActiveItem.category-list-item:hover{
    background-color: rgba(226,228,230,0.5) !important;
}
.catActiveItem .ac_arrow_icon {
    color: #5e5f5f;
}

.catInactiveItem .panel-heading {
    background-color: #fafafa;
}

.catInactiveItem .ac_arrow_icon {
    color: #d1d1d1;
}

.dcMain .panel-heading {
    border-radius: 0px !important;
}

.catMenuOpen .panel-heading {
    background-color: #1394ff !important;
    color: #ffffff !important;
}
.catMenuOpen .fa-angle-down:before{
    content: "\f106" !important;
}

.catMenuOpen .panel-title p {
    color: inherit !important;
    opacity: 1 !important;
    font-family: 'ProximaNova-Regular', Sans-Serif;
}

.catMenuOpen .ac_arrow_icon {
    color: #fff !important;
    border-left: 1px solid rgba(255, 255, 255, 0.3);
}

.catMenuOpen .panel-collapse {
    background-color: #ffffff;
    padding: 0px !important;
    /*box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.15);*/
    border: solid 0px #edeeef;
    width: 100%;
    border-radius: 0 0 5px 5px
}

.ac-sub-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    padding: 10px 0px;
    /*box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.15);*/
    background: #fafafa;
}

.ac-sub-menu li {
    padding: 10px 20px;
    opacity: 0.6;
    font-family: 'Proxima-Nova-Light';
    font-size: 14px;
    line-height: 1.43;
    text-align: left;
    color: #000000;
    background: #fafafa;
}

.ac-sub-menu li:hover {
    background: rgba(226,228,230,0.25);
}

.dc-col-overflow-div {
    min-height: 50px;
    height: calc(100% - 44px);
    overflow-y: scroll;
}

.dc-col-overflow-div::-webkit-scrollbar {
    width: 8px;
    background-color: #e2e4e6;
}

.dc-col-overflow-div::-webkit-scrollbar-thumb {
    border: 2px solid transparent;
    background-clip: content-box;
    border-radius: 100px;
    background-color: #9d9fa0;
}

.ac-onboarding {
    opacity: 1;
    background-color: #d7e0e8;
    padding: 15px 10px;
    display: table;
    position: absolute;
    bottom: -2px;
    left: 0px;
    width: calc(100% - 8px)
}

.ac-onboarding div {
    display: table-cell;
    vertical-align: top;
}

.ac-onboarding p {
    opacity: 0.5;
    font-family: 'ProximaNova-Thin', Sans-Serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.25;
    text-align: left;
    color: #333333;
}

.ac-onboarding .ac_i_div {
    opacity: 0.5;
    color: #333333;
    font-size: 13px;
    width: 20px;
}

.ac_i_close_div {
    position: absolute;
    top: -10px;
    right: 5px;
    opacity: 0.5;
    background-color: #ffffff;
    color: #000000;
    background-clip: padding-box;
    font-size: 20px !important;
    border-radius: 50%;
}
.dc_delete_text{
    margin: 25px 0px !important; 
}
.err-star {
    color: red;
    opacity: 1 !important;
}
/*---------------layout start -------------------------*/
@media only screen and (min-width: 1685px) {
    .DClayout_cover{
        width: 1185px;
        margin: 0 auto; 
    }
    .DClayout_mobile_img{
        width: 230px;
        height:410px;
        margin: 30px auto;
    }
}
.DClayout_cover{
    width: 100%;
}

.DClayout_Header{
    width:100%;
    height: 70px;
    padding-bottom: 5px;   
}
.DClayout_Header p{
  opacity: 0.8;
    font-family: 'ProximaNova-Semibold', Sans-Serif;
  font-size: 20px;
  text-align: left;
  color: #293038;
  line-height: 65px;
  float: left;
}
.DClayout_Header button{
  width: 111px;
  height: 44px;
  border-radius: 100px;
  background-color: #2196ff;
  float: right;
  margin: 10.5px 0;
    font-family: 'ProximaNova-Semibold', Sans-Serif;
  font-size: 15px;
  text-align: center;
  color: #ffffff; 
  border: 0px;
}
.DClayout_Header button:focus {outline:0;}
.DClayout_mobile_img{
    width: calc(100% - 60px);
    height:auto;
    margin: 15px 30px;
}

.DClayout_cover .add-category-lable {
    margin: 0 0 5px 30px;
    padding: 0;
    opacity: 0.5;
    font-family: 'ProximaNova-Regular', Sans-Serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1.2px;
    text-align: left;
    text-transform: uppercase;
    color: #000000;
}

.DClayout_coloumn_cover{
    height:100%;
    margin-right: 3px;
    padding: 0;
    float: left;
    width: calc(25% - 2px);
    box-sizing: border-box;
    border-right: solid 2px #e2e4e6;

}


.DClayout_coloumns {
    width: calc(100% - 3px);
    box-sizing: border-box;
    /*float: left;*/
    height: 100%;
    background-color: #fafafa;
    border: solid 1px #e2e4e6;
    border-bottom: solid 1px #e2e4e6 !important;
}
.no-separator.DClayout_coloumn_cover{
    width: calc(25% - 6px);
    margin-right: 0px;
}
.no-separator .DClayout_coloumns{
    width: 100%;
    border-right: 0px;
    margin-right: 0px;
}
/*------------------miscellenious-------------------*/
.misc_title{
    margin: 25px 0 10px;    
    opacity: 0.8;
    font-family: 'ProximaNova-Semibold', Sans-Serif;
    font-size: 20px;
    text-align: left;
    color: #293038;
}
.misc-error-div {
    font-family: 'ProximaNova-Regular', Sans-Serif;
    font-size: 12px;
    letter-spacing: 1.2px;
    text-align: left;
    color: red;
}

.miscellaneous .big_block{
  width: 690px;
  border-radius: 5px;
  background-color: #ffffff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
  border: solid 1px rgba(0, 0, 0, 0.1);
  padding-left: 45px;
}
.title_angle_div{
    width: calc(100% + 45px);
    display: table;
    margin: 18px 0 9px -45px;
}
.title_angle_div div{ 
    display: table-cell;
    vertical-align: middle;
}

.title_angle_img_div{
    width: 45px;
    padding-left: 22px;
    padding-bottom: 2.5px;
}
.title_angle_toggle_div{
    width: 75px;
    padding-left: 45px;
    padding-bottom: 2.5px;
}

.title_angle_text_left{
    width: 515px;
    font-family: 'ProximaNova-Semibold', Sans-Serif;
    font-size: 16px;
    letter-spacing: 0.2px;
    text-align: left;
    color: #31353c;
}
.title_angle_text_right{
    width: 100px;
    font-family: 'ProximaNova-Semibold', Sans-Serif;
    font-size: 16px;
    letter-spacing: 0.2px;
    text-align: right;
    color: #31353c;
}
.title_angle_text_leftwt{
    width: 485px;
    font-family: 'ProximaNova-Semibold', Sans-Serif;
    font-size: 16px;
    letter-spacing: 0.2px;
    text-align: left;
    color: #31353c;
   
}
.title_angle_text_reset{
    font-family: 'ProximaNova-Semibold', Sans-Serif;
  font-size: 14px;
  letter-spacing: 0.2px;
  text-align: left;
  color: #1394ff;
}
.misc_subtitle{
    opacity: 0.6;
    font-family: 'ProximaNova-Semibold', Sans-Serif;
    font-size: 17px;
    line-height: 1.18;
    text-align: left;
    color: #000000;
    margin:0;
}

.misc_seperation{
  width: calc(100% + 45px);
  opacity: 0.1;
  border-top: solid 2px #000000;
  margin:15px 0 20px -45px;
}
.misc_label{
  opacity: 0.5;
    font-family: 'ProximaNova-Semibold', Sans-Serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 1.2px;
  text-align: left;
  color: #000000;
  margin-bottom: 4px;
  text-transform: uppercase;
}

.checkboxes-and-radios {
  width: 22px;
  background: #fafafa;
}

.miscellaneous  .checkboxes-and-radios label {
  cursor: pointer;
  position: relative;
  display: block;
  font-size: 1px;
  margin: 0;
  height: 12px
}
.miscellaneous  .checkboxes-and-radios input[type="checkbox"],
.miscellaneous .checkboxes-and-radios input[type="radio"] {
  position: absolute;
  visibility: hidden !important;
  margin: 0 !important
}
.miscellaneous .checkboxes-and-radios input[type="checkbox"] + label:before,
.miscellaneous .checkboxes-and-radios input[type="radio"] + label:before,
.miscellaneous .checkboxes-and-radios input[type="checkbox"] + label:after,
.miscellaneous .checkboxes-and-radios input[type="radio"] + label:after {
  content: '';
  position: absolute;
  box-sizing: border-box;
}
.miscellaneous  .checkboxes-and-radios input[type="checkbox"] + label:before,
.miscellaneous .checkboxes-and-radios input[type="radio"] + label:before {
  width:22px;
  height: 12px;
  right: 0px;
  background: #fff;
  border: 1px solid #e4e3e1;
  border-radius: 15px;
}
.miscellaneous .checkboxes-and-radios input[type="checkbox"] + label:after,
.miscellaneous .checkboxes-and-radios input[type="radio"] + label:after {
  width: 10px;
  height: 10px;
  right: 11px;
  top:1px;
  background: #BDBDBD;
  border-radius: 50%;
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
}
.miscellaneous .checkboxes-and-radios input[type="checkbox"]:checked + label:after,
.miscellaneous .checkboxes-and-radios input[type="radio"]:checked + label:after {
  right: 1px;
  background: #ffffff;
}
.miscellaneous .checkboxes-and-radios input[type="checkbox"]:checked + label:before,
.miscellaneous .checkboxes-and-radios input[type="radio"]:checked + label:before {
  background: #1493ff;;
  border: 1px solid #1493ff;
}
.misc_checkbox_div{
    width: 100%;
    font-family: 'ProximaNova-Regular', Sans-Serif;
    font-size: 15px;
    text-align: left;
    color: #293038;
    display: table;
    margin-bottom: 25px;
}
.misc_checkbox2_div>div, .misc_checkbox_div>div{
    display: table-cell;
    vertical-align: middle;
}
.misc_checkbox_div>div:first-child{
    width:30px;
}
mcb3_4.misc_checkbox_div > div:first-child{
    width:30px;
}
.misc_checkbox2_input{
    width: 100%;
    height: 40px;
    border-radius: 2px;
    background-color: #ffffff;
    border: solid 1px rgba(0, 0, 0, 0.2);
    padding: 10px 15px;
    font-family: 'ProximaNova-Regular', Sans-Serif;
    font-size: 15px;
    text-align: left;
    color: #293038; 

}
.misc_checkbox2_div{
    display: table;
    width:100%;
    margin-bottom: 25px ;
}
.misc_checkbox2_input::-webkit-input-placeholder{
    opacity: 0.5;
    font-family: 'ProximaNova-Regular', Sans-Serif;
    font-size: 15px;
    text-align: left;
    color: #7f8388;
}

.misc_checkbox2_input::-moz-placeholder{
    opacity: 0.5;
    font-family: 'ProximaNova-Regular', Sans-Serif;
    font-size: 15px;
    text-align: left;
    color: #7f8388;
}  

.misc_checkbox2_input:-ms-input-placeholder{
    opacity: 0.5;
    font-family: 'ProximaNova-Regular', Sans-Serif;
    font-size: 15px;
    text-align: left;
    color: #7f8388;
} 

 .misc_checkbox2_input:-moz-placeholder{
    opacity: 0.5;
     font-family: 'ProximaNova-Regular', Sans-Serif;
    font-size: 15px;
    text-align: left;
    color: #7f8388;
}


.misc_checkbox3_input{
    display: none;
}
.mcb3_4{
    border-radius:100% !important; 
    border-color: #1394ff !important;;
}

.misc_checkbox3 label{
  width: 18px;
  height: 18px;
  border-radius: 5px;
  border: solid 1px rgba(178, 178, 178,0.8);
  text-align: center;
  margin: 0;
  cursor: pointer;
}

.misc_checkbox3 label i{
    line-height: 18px;
    font-size: 10px;
    color:  #1394ff;
    display: block;
    visibility: hidden;
}  
  

.misc_checkbox3 input:checked + label i{
    visibility: visible;
}
.m3{
    margin-bottom: 3px !important;
}
.misc_save_btn{
  box-sizing: border-box;
  width: 111px;
  height: 44px;
  border-radius: 100px;
  background-color: #6cc64d;
  border: 0;
    font-family: 'ProximaNova-Semibold', Sans-Serif;
  font-size: 15px;
  text-align: center;
  color: #ffffff;
}
.misc_save_btn:focus{
    outline: none;
}
.misc_save_btn:hover{
  background-color: #fff;
  border: 1px solid #6cc64d;
  box-shadow: 2px 8px 11px 0px rgba(51, 51, 51, 0.17);
  color: #6cc64d;
}
.misc_save_cvr{
    text-align: right;
    margin: 20px 20px;
}

.dcmisc-add-image-div {
    display: table;
    vertical-align: middle;
    width: 100%;
    margin-bottom: 25px; 
}
.misc_mb0 {
    margin-bottom: 0 !important;
}


.dcmisc-add-image-div input[type="file"] {
    opacity: 0;
    width: 645PX;
    height: 40px;
    z-index: 2;
    position: absolute;
    cursor: pointer;
}

.dcmisc-add-image {
    width: 52px;
    height: 40px;
    color: lightgray;
    display: table-cell;
    max-width: 65px;
    cursor: pointer;
}

.dcmisc-ai2 {
    padding: 0; 
    margin-right:8px; 
    display:block;
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    border: dashed 2px rgba(0, 0, 0, 0.2);
    border-radius: 2px;
    cursor: pointer;
    text-align: center;
    padding: 9px 0 !important;
}
.dcmisc-ai2 .tf{
    width: 10px;
    height: 10px;
    color: #7f8388;
}
.dcmisc-ai2-content {
    font-family: 'ProximaNova-Regular', Sans-Serif;
    font-size: 13px;
    text-align: left;
    color: #7f8388;
    margin-left: 13px;
    padding-left: 15px;
    padding: 2.5px 10px 0 0; 
    width:132px; 
    display:block; 
    line-height:initial; 
}

.dcmisc-add-image-content {
    font-family: 'ProximaNova-Regular', Sans-Serif;
    font-size: 14px;
    text-align: left;
    color: #7f8388;
    display: table-cell;
    margin-left: 13px;
    line-height: 40px;
    padding-left: 15px;
}

.dcmisc-add-image-browse {
    color: #1394ff;
    cursor: pointer;
}

label[for="dcmisc_image_file"] {
    margin: 0;
    padding: 0;
    /*display: inline-block;*/
    padding: 0px 5px;
}

label[for="dcmisc_image_file"] img {
    width: 52px;
    height: 41px;
}
.pl12{
    padding-left: 12px;
}
.misc_color_input{
    width: 400px;
    height: 40px;
    border-radius: 2px;
    background-color: #ffffff;
    border: solid 1px rgba(0, 0, 0, 0.2);
    padding: 10px 15px;
    font-family: 'ProximaNova-Regular', Sans-Serif;
    font-size: 15px;
    text-align: left;
    color: #293038;
    display: block;
}
.misc_color_input::-webkit-input-placeholder , .misc_color_input::-moz-placeholder , 
.misc_color_input:-ms-input-placeholder , .misc_color_input:-moz-placeholder {
    /* Chrome/Opera/Safari */
    opacity: 0.5;
    font-family: 'ProximaNova-Regular', Sans-Serif;
    font-size: 15px;
    text-align: left;
    color: #7f8388;

}
.misc_color[colorpicker-size="200"]{
    width: 400px;
    height: 40px;
    border-radius: 2px;
    background-color: #ffffff;
    border: solid 1px rgba(0, 0, 0, 0.2);
    padding: 10px 15px;
    font-family: 'ProximaNova-Regular', Sans-Serif;
    font-size: 15px;
    text-align: left;
    color: #293038; 
    display: block;
}

.mb25{
    margin-bottom: 25PX;
}
.miscmb30{
    margin-bottom: 30PX !important;
}
.fl{
    float: left;
    width: initial !important;
    margin-right: 15px;
}
.misc_tax_input .input-group-btn{
    background-color: #f5f7f9;
    border: solid 1px rgba(0,0,0,0.2);
    border-radius: 0 2px 2px 0;
    height:40px;
    width: 40px;
    color: black;
    font-size: 15px;
    text-align: center;
    line-height: 38px;
    border-left: 0;
    color: #7f8388;
    font-family: 'ProximaNova-Semibold', Sans-Serif;
}
.misc_tax_input.input-group .form-control:first-child{
    box-sizing: border-box;
    border: solid 1px rgba(0,0,0,0.2);
    border-radius:  2px 0 0 2px;
    
}
.misc_tax_input{
    width:140px;
    height:40px;
}
.miscmr15{
    margin-right:35px;
}
.gropt_cover{
    width:600px;
    border-radius: 5px;
    border: solid 1px rgba(0, 0, 0, 0.1);
  }
.gro_txt{
    margin: 15px 25px ;
    font-family: 'ProximaNova-Semibold', Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.2px;
    text-align: left;
    color: #31353c;    
}
.add_new_gro{
    margin: 10px 45px 30px 0;
    height: 50px;
    border-radius: 5px;
    background-color: #ffffff;
    border: solid 1px rgba(0, 0, 0, 0.1);
    cursor: pointer;
} 
.add_new_gro p{
    margin: 0;
    line-height: 48px;
    font-family: 'ProximaNova-Semibold', Sans-Serif;
    font-size: 14px;
    letter-spacing: 0.2px;
    text-align: left;
    color: #1394ff;
    display: inline-block;
}
.add_new_gro i{
    font-size: 12px;
    color: #d8d8d8;
    display: inline-block;
    margin: 0 13px 0 20px;
}
.misc_ta{
  width: 400px;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px rgba(0, 0, 0, 0.2);
  padding: 10px 15px;
    font-family: 'ProximaNova-Regular', Sans-Serif;
  font-size: 15px;
  text-align: left;
  color: #293038; 
  display: block;
}
.misc_ta:focus{
    outline: none;
}
.misc_ta::-webkit-input-placeholder , .misc_ta::-moz-placeholder , 
.misc_ta:-ms-input-placeholder , .misc_ta:-moz-placeholder {
    /* Chrome/Opera/Safari */
    opacity: 0.5;
    font-family: 'ProximaNova-Regular', Sans-Serif;
    font-size: 15px;
    text-align: left;
    color: #7f8388;
}

/*------------------miscellenious-------------------*/


.edit_noti_fication_div{
    height: 36px;
    width: 36px;
    display: table;
}
.edit_noti_fication_div div{
    height: 100%;
    width: 100%;
    display: table-cell;
    text-align:center;
    vertical-align: middle; 
    border-radius: 50%;   
}
.edit_noti_fication_div div:hover{
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
.misc_info_icon{
    padding-left: 10px;
    cursor: pointer;
}
.misc_social_text{
    font-family: 'ProximaNova-Regular', Sans-Serif;
    font-size: 15px;
    text-align: left;
    color: #293038;
}

#add_new_offering_list  .tooltip .tooltip-inner,#all_offering_list  .tooltip .tooltip-inner{
     word-wrap: initial !important;
     word-break: initial !important;
     height: auto !important;
     width:auto !important;
}

#add_new_offering_list .tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 80%;
}
.mln15{
    margin-left: -15px !important;
}
 /*====================== dc price ===============*/
 .dc_priceedit_icon img{
     width:17px;
     height: 17px;
 }
 .dc_priceedit_icon{
     border:0;
     border-radius: 100%;
     text-align: center;
     width: 33px;
     height: 33px;
     padding-top: 8px;
     display: inline-block;
     float: left !important;
 }
 .dc_priceedit_icon:hover{
     box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
 }
 .dc_price_filter_box{
    margin:13px 30px 0 10px;
    padding: 11px 20px;
    background-color: #ffffff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
    border: solid 1px rgba(0, 0, 0, 0.1);
 }
 .dc_price_filter_box input[type = "search"]{
     width: 185px !important;
     height: 28px;     
     border-radius: 2px;
     box-sizing: border-box;
     background-color: #f5f7f9 !important;
     border: solid 1px #e2e4e6;
     padding: 0 15px;
     line-height: 28px;
     font-family: 'ProximaNova-Regular', Sans-Serif;
     font-size: 14px;
     text-align: left;
     color: #293038;
     /*margin-bottom: 0px;*/
 }

.dc_price_filter_box .ui-select-choices-row-inner{
    padding-right: 0;
    overflow: hidden;
    border-right: solid 20px transparent;
}
 .dc_price_filter_box .ui-select-bootstrap > .ui-select-choices, .ui-select-bootstrap > .ui-select-no-choice {
     border-radius:  0px 0px 2px 2px;
     line-height: 26px;
     font-family: 'ProximaNova-Regular', Sans-Serif;
     font-size: 14px;
     text-align: left;
     color: #293038;
     top: calc(100% + 3px);
     z-index: 0;
 }   
 .dc_price_filter_box .ui-select-bootstrap > .ui-select-match > .btn{
     width: 185px;
     height: 28px;     
     border-radius: 2px;
     background-color: #f5f7f9 !important;
     border: solid 1px #e2e4e6;
     padding: 0 25px 0 15px;
     line-height: 28px;
     font-family: 'ProximaNova-Regular', Sans-Serif;
     font-size: 14px;
     text-align: left;
     color: #293038; 
 }
 .dc_price_filter_box .ui-select-bootstrap > .ui-select-match{
     position: relative;
 }
  .dc_price_filter_box .ui-select-bootstrap > .ui-select-match::before{
    content: '';
    color: black;
    height: 28px;
    position: absolute;
    right: 27px;
    top: 0;
    z-index: 1;
    border-left: solid 1px #E2E4E6;
  }
  .dc_price_filter_box .ui-select-match-text{
     height: 28px;
      font-family: 'ProximaNova-Regular', Sans-Serif;
     font-size: 14px;
     text-align: left;
     color: #293038;
 }
 .dc_price_filter_box .ui-select-bootstrap > .ui-select-match > .btn::-webkit-input-placeholder {
     /* Chrome/Opera/Safari */
     opacity: 0.5;
     font-family: 'ProximaNova-Regular', Sans-Serif;
     font-size: 14px;
     text-align: left;
     color: #293038;
 }
 
 .dc_price_filter_box .ui-select-bootstrap > .ui-select-match > .btn::-moz-placeholder {
     /* Firefox 19+ */
     opacity: 0.5;
     font-family: 'ProximaNova-Regular', Sans-Serif;
     font-size: 14px;
     text-align: left;
     color: #293038;
 }
 
 .dc_price_filter_box .ui-select-bootstrap > .ui-select-match > .btn:-ms-input-placeholder {
     /* IE 10+ */
     opacity: 0.5;
     font-family: 'ProximaNova-Regular', Sans-Serif;
     font-size: 14px;
     text-align: left;
     color: #293038;
 }
 
 .dc_price_filter_box .ui-select-bootstrap > .ui-select-match > .btn:-moz-placeholder {
     /* Firefox 18- */
     opacity: 0.5;
     font-family: 'ProximaNova-Regular', Sans-Serif;
     font-size: 14px;
     text-align: left;
     color: #293038;
 }
 .dc_price_filter_box .ui-select-match.btn-default-focus{
     background: #ffffff;
     outline: none;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none; 
 }
 /*.dc_price_filter_box ul.ui-select-choices.ui-select-choices-content.ui-select-dropdown.dropdown-menu {
     min-width: calc(100% - 60px);
     width: calc(100% - 60px);
     margin-left: 30px;
 }*/
 .dc_price_filter_box .ui-select-match[disabled="disabled"]{
     cursor: not-allowed;
 }
 #dc-edit-price-modal .input-group{
     width:100%;
 }
 #dc-edit-price-modal .input-group-addon:first-child{
    border-right: 0;
    width: 43px;
    border-radius: 2px 0 0 2px;
    background-color: #f5f7f9;
 }
 .dc_ep_modal_separaation{
     width:calc(100% + 60px);
     margin:5px  0 30px -30px;
     border-top: 1px solid rgba(0, 0, 0, 0.1);
 }
 .dc_ep_geofence{
     font-family: 'ProximaNova-Semibold', Sans-Serif;
  font-size: 16px;
  letter-spacing: 0.2px;
  text-align: left;
  color: #31353c;
 }

#dc-edit-price-modal  .checkboxes-and-radios label {
  cursor: pointer;
  position: relative;
  display: block;
  font-size: 1px;
  margin: 0;
  height: 12px
}
#dc-edit-price-modal  .checkboxes-and-radios input[type="checkbox"],
#dc-edit-price-modal .checkboxes-and-radios input[type="radio"] {
  position: absolute;
  visibility: hidden !important;
  margin: 0 !important
}
#dc-edit-price-modal .checkboxes-and-radios input[type="checkbox"] + label:before,
#dc-edit-price-modal .checkboxes-and-radios input[type="radio"] + label:before,
#dc-edit-price-modal .checkboxes-and-radios input[type="checkbox"] + label:after,
#dc-edit-price-modal .checkboxes-and-radios input[type="radio"] + label:after {
  content: '';
  position: absolute;
  box-sizing: border-box;
}
#dc-edit-price-modal  .checkboxes-and-radios input[type="checkbox"] + label:before,
#dc-edit-price-modal .checkboxes-and-radios input[type="radio"] + label:before {
  width:22px;
  height: 12px;
  right: 0px;
  background: #fff;
  border: 1px solid #e4e3e1;
  border-radius: 15px;
}
#dc-edit-price-modal .checkboxes-and-radios input[type="checkbox"] + label:after,
#dc-edit-price-modal .checkboxes-and-radios input[type="radio"] + label:after {
  width: 10px;
  height: 10px;
  right: 11px;
  top:1px;
  background: #BDBDBD;
  border-radius: 50%;
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
}
#dc-edit-price-modal .checkboxes-and-radios input[type="checkbox"]:checked + label:after,
#dc-edit-price-modal .checkboxes-and-radios input[type="radio"]:checked + label:after {
  right: 1px;
  background: #ffffff;
}
#dc-edit-price-modal .checkboxes-and-radios input[type="checkbox"]:checked + label:before,
#dc-edit-price-modal .checkboxes-and-radios input[type="radio"]:checked + label:before {
  background: #1493ff;;
  border: 1px solid #1493ff;
}
.dc_ep_col_lable_div{
   margin: 15px 0 10px; 
}
.dc_ep_lable{
  opacity: 0.5;
    font-family: 'ProximaNova-Semibold', Sans-Serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1.2px;
  text-align: left;
  color: #000000;
}
.dc_ep_col_lable_div div:nth-child(1), .dc_ep_col_input_div > div:nth-child(1){
    padding: 0 10px 0 0;
}
.dc_ep_col_lable_div div:nth-child(2), .dc_ep_col_input_div > div:nth-child(2) {
    padding: 0 0 0 10px;
}
.dc_ep_col_input_div{
    margin:0;
}
.dc_ep_col_input_div1.ui-select-container{
    padding-right: 0!important;
}
 .dc_ep_col_input_div1 input[type = "search"]{
     width: 100% !important;
     height: 40px;     
     border-radius: 2px;
     box-sizing: border-box;
     background-color: #ffffff !important;
     border: solid 1px rgba(0, 0, 0, 0.2);
     padding: 0 15px;
     line-height: 40px;
     font-family:'ProximaNova-Regular', Sans-Serif;
     font-size: 15px;
     text-align: left;
     color: #293038;
     margin-bottom: 0px;
     cursor : default;
 }
 .dc_ep_col_input_div1.ui-select-bootstrap > .ui-select-choices, .ui-select-bootstrap > .ui-select-no-choice {
     border-radius:  0px 0px 2px 2px;
     line-height: 40px;
     font-family:'ProximaNova-Regular', Sans-Serif;
     font-size: 15px;
     text-align: left;
     color: #293038;
     top: calc(100% + 3px);
     max-height: 92px;
     width: auto;
     padding-right:1px; 
     min-width: 100%;
     max-width: 346px;
     box-sizing: border-box;
     /*max-width: 200%;*/
    /*position: fixed;
    top: inherit;
    left: inherit;*/
    /*width: inherit;*/
    /*width: 178px;*/
 }   
 .dc_ep_col_input_div1.ui-select-bootstrap > .ui-select-match > .btn{
     width: 100%;
     height: 40px;     
     border-radius: 2px;
     background-color: #ffffff !important;
     border: solid 1px rgba(0, 0, 0, 0.2);
     padding: 0 15px;
     line-height: 40px;
     font-family:'ProximaNova-Regular', Sans-Serif;
     font-size: 15px;
     text-align: left;
     color: #293038;
     margin-bottom: 0px;
 }
  .dc_ep_col_input_div1 .ui-select-match-text{
     height: 40px;
     font-family:'ProximaNova-Regular', Sans-Serif;
     font-size: 15px;
     text-align: left;
     color: #293038;
 }
 .dc_ep_col_input_div1.ui-select-bootstrap > .ui-select-match > .btn::-webkit-input-placeholder {
     /* Chrome/Opera/Safari */
     opacity: 0.5;
     font-family: 'ProximaNova-Regular', Sans-Serif;
     font-size: 15px;
     text-align: left;
     color: #293038;
 }
 
 .dc_ep_col_input_div1.ui-select-bootstrap > .ui-select-match > .btn::-moz-placeholder {
     /* Firefox 19+ */
     opacity: 0.5;
     font-family: 'ProximaNova-Regular', Sans-Serif;
     font-size: 15px;
     text-align: left;
     color: #293038;
 }
 
 .dc_ep_col_input_div1.ui-select-bootstrap > .ui-select-match > .btn:-ms-input-placeholder {
     /* IE 10+ */
     opacity: 0.5;
     font-family: 'ProximaNova-Regular', Sans-Serif;
     font-size: 15px;
     text-align: left;
     color: #293038;
 }
 
 .dc_ep_col_input_div1.ui-select-bootstrap > .ui-select-match > .btn:-moz-placeholder {
     /* Firefox 18- */
     opacity: 0.5;
     font-family: 'ProximaNova-Regular', Sans-Serif;
     font-size: 15px;
     text-align: left;
     color: #293038;
 }
 .dc_ep_col_input_div1 .ui-select-match.btn-default-focus{
     background: #ffffff;
     outline: none;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none; 
 }
 /*.dc_ep_col_input_div ul.ui-select-choices.ui-select-choices-content.ui-select-dropdown.dropdown-menu {
     min-width: calc(100% - 60px);
     width: calc(100% - 60px);
     margin-left: 30px;
 }*/
 .dc_ep_col_input_div1 .ui-select-match[disabled="disabled"]{
     cursor: not-allowed;
 }
.change_pricing_for_other{
    font-family: 'ProximaNova-Semibold', Sans-Serif;
  font-size: 14px;
  /*font-weight: bold;*/
  letter-spacing: 0.2px;
  text-align: left;
  color: #1493ff;
  margin-bottom: 30px;
}
.inp_bx_rpr{
    width: calc(100% - 30px);
    position: relative;
}
.del_gf_prc{
    position: absolute;
    top:10px;
    right: -30px;
}
.dcpm0{
    margin: 0;
}
.dcp_fboxrpr{
    display: inline-block;
    margin: 2.5px;

}
.geoPriceCover{
    width: calc(100% + 30px);
    padding-right: 30px;
    max-height: 165px;
    overflow: auto;
}

.geoPriceCover::-webkit-scrollbar{
    width: 5px;
}
/*.geoPriceCover::-webkit-scrollbar-thumb {
    background-color: #fff; 
}*/
.geoPriceCover::-webkit-scrollbar-thumb{
    background-color: #ccc; 
    -webkit-transition: background-color 10000ms linear;
    -ms-transition: background-color 10000ms linear;
    transition: background-color 10000ms linear;
}

/*===========End of Dynamic Catalogue css ==============*/

/*#addNewOfferingModel .modal-dialog{width: 600px !important;}
#addNewOfferingModel .modal-body{width: 600px !important;}
@media only screen and (max-width: 767px) and (min-width: 401px){
#addNewOfferingModel .modal-dialog{width: 400px !important; margin: 50px auto 20px auto; }
#addNewOfferingModel .modal-body{width: 400px !important;}
}
@media only screen and (max-width: 400px) {
#addNewOfferingModel .modal-dialog{width: 100% !important;}
#addNewOfferingModel .modal-body{width: 100% !important;}
}*/

.table-report .table-responsive {
    width: 100%;
}
.table-link-click{
    color: #2296FF !important;
    cursor: pointer;
}
.table-link-click:hover{
    text-decoration: underline;
}
.container-avail-fleet.fancy-modal .form-group label{
    padding: 10px 5px;
}
.container-avail-fleet.fancy-modal .form-group label input{
    position: absolute;
}
.container-avail-fleet.fancy-modal .form-group .time_texbox{
    padding: 3px 10px;
    text-align: center;
}
.fancy-table-outer .action-button .dropdown-menu > a:hover i{
    color: #4695f6 !important;
}

.delete-card{
    color: red !important;
    padding-right: 0px;
    padding-left: 0px;
}
.pointer-event-none{
    pointer-events: none;
}
.pad-15{
    padding-left: 5px;
    padding-right: 5px;
}
.addons-container  li.md-nav-item {
        font-size: 12px;
        margin-top: 1px;
    }

.inner-section .page-default{
    background-color: #fafafa;
    min-height: calc(100% - 60px);
    min-height: calc(100vh - 60px);
    font-family: 'ProximaNova-Regular';
}
.inner-section .page-default .page-heading{
    font-size: 20px;
    letter-spacing: 0.6px;
    text-align: left;
    color: rgba(41, 48, 56, 0.79);
    margin: 30px 0 25px;
}
.history-icon-top-navbar{
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-image:url(/app/img/history.svg);
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}.top-nav .trail_period_exp{
    width: auto;
    line-height: 30px;
    padding: 0 9px;
    margin-top: 14px;
}
.geofence-container .new-checkbox-container label{
    float: right;
    position: relative;
    z-index: 2;
    top: 1px;
    cursor: pointer;
    line-height: 38px !important;
    padding-right: 0 !important;
}
.wallet-panel .wallet-box{
    padding: 15px;
    position: relative;
    height: 170px;
}
.wallet-panel .wallet-box h4{
    margin-top: 0;
}
.wallet-panel .wallet-box:first-child{
    border-right: 1px solid #e5e5e5;
}
.container-sms-wallet-page .single-wallet{
    margin-bottom: 10px;
}
.single-wallet .tk-panel-box{
    padding-top: 0;
}
.single-wallet .plan-buttons{
    position: absolute;
    bottom: -3px;
    right: 0;
    padding: 0 15px;
}
.iframe-show{
    opacity: 1;
    z-index: 10;
    visibility: visible;
    height: 100vh;
}
.iframe-hide{
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    height: 99vh;
}
.wallet-panel .wallet-box .price{
    margin: 10px 0 9px;
}
#backToPage{
    display: inline-block;
    margin-top: 16px;
    color: rgba(0, 0, 0, 0.8);
    text-decoration: none !important;
}
#backToPage .tf:after{
    font-size: 12px;
}
#twilioForm .intl-tel-input{
    width: 100%;
}
.tk-panel.wallet-panel .tk-panel-heading.select-heading{
    padding-top: 9px;
}
.tk-panel.wallet-panel .wallet-edit{
    /*margin-top: 4px;*/
}
.wallet-panel .plan-buttons .tk-select{
    display: inline-block;
    float: right;
    margin-bottom: 18px;
    margin-top: -12px;
}
.wallet-panel .configure-btn{
    position: relative;
    padding: 0;
    margin-top: 18px;
}
#rechargeWalletModal .parsley-errors-list{
    position: absolute;
    top: 100%;
}
.tk-panel .tk-panel-content.hide-content{
    display: none;
}
.tk-panel .tk-panel-content.hide-content+.tk-panel-action{
    border-top: none;
}
.tk-panel-action .tk-link{
    float: left;
    margin-top: 9px;
}
.container-account-page{
    /*padding-bottom: 30px;*/
}
#marketplaceLink span.full-text{
    margin-left: 35px;
}
#sideMenu span.support{
    margin-left: 48px;
}
.black-friday-text a{
    text-decoration: underline;
}
.font-color-red{
    color: red !important;
}
.display-block{
    display: block !important;
}
.divider-inner-sidebar#first_divider_inner_sidebar{
    /* height: 2px; */

}
.divider-inner-sidebar{
    background: #ccc;
    border: none;
    display: list-item;
    height: 1px;
    margin: 6px 0;
    width: 71% !important;
    margin-left: 18px;
}
.divider-inner-sidebar{

}
.action-block-inner-text{
    padding-left: 24px;
}
.workflowbox .checkbox-content.panel-title{
    padding-left: 0px;
}
.mandatory-box-action-block{
    padding-left: 20px;
}
.rules-table-outer .switch.custom-switch.thin span:after{
    margin-top: -6px;
}
.rules-table-outer .switch span:after{
    left: -2px;
}
#add-notification textarea.notification-form-control{
    outline-color: #fff;
}
.custom-colums .agent-signup-toggle{
    padding-bottom: 4px;
    padding-left: 10px;
}
#agent-signup-div .toggle-label{
    font-size: 10px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.6px;
    color: rgba(0, 0, 0, 0.5);
}
#agent-signup-div .signup-template-upper-label{
    text-transform: uppercase;
    display: block;
    font-size: 10px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.6px;
    color: rgba(0, 0, 0, 0.5);
    margin-bottom: 0;
    padding: 0 0 1px;
}.border-bottom-to-select{
    border-bottom: 1px solid #c8c8c8 !important;
}
.select-wrapper-without-box-shadow{
    box-shadow: none !important;
}
.tookan_shared_secret .api-copy{
    top:28px;
    position: absolute;
    right: 38px;
}.border-none{
    border: none;
}
.agent-signup-template label, .customer-signup-template label{
    word-wrap: break-word;
}
.blue-color{
    color: #1394FF;
}
#create_task_assign_btn{
    margin-right: 10px;
}
.recurring-panel .switch.custom-switch{
    padding-right: 10px;
}
.ddl{
    position: absolute;
    background-color: white;
    max-height: 200px;
    overflow: auto;
}
.fancy-table-outer .pagination > li > a{
    z-index: 0;
}
.cluster-icon{
    background-image: url('/app/img/cluster-marker.svg');
    width:50px;
    height:50px;
    background-size: contain;
    background-repeat: no-repeat;
}
.dark-map .cluster-icon{
    background-image: url('/app/img/cluster-marker-blue.svg');
    width: 50px;
    height: 50px;
    background-size: contain;
    background-repeat: no-repeat;
}
.cluster-icon i.badge{
    float: left;
    background-color: #d23d29;
    font-style: normal;
    background-color: transparent;
    font-style: normal;
    color: black;
    text-align: center;
    display: flex;
    width: 70%;
    text-align: center;
    justify-content: center;
    margin-top: 10px;
}
.cluster-icon-bg{
    border: 0;
    z-index: 9999 !important;
    background-color: transparent;
}
.task-info-popup {
    box-shadow: none;
    margin: 10px!important;
    left: 0!important;
    transition: none!important;
}
.task-info-popup.cluster{
    min-width: 200px;
}
.task-info-popup.cluster .popup-contianer{
    max-height: 200px;
    overflow: auto;
    flex-direction: column;
    align-items: flex-start
}
.task-info-popup.cluster .popup-contianer>div{
    display: flex;
    justify-content: flex-start;
    width: 100%;
    border-bottom: 1px solid #eee;
    min-height: 35px;
    align-items: center;
}
/* .task-info-popup .leaflet-popup-tip-container{
    display: none;
} */
.dark-map .task-info-popup .leaflet-popup-content-wrapper{
    border-radius: 4px;
    background-color: white!important;
    color: black!important;

}
.task-info-popup .leaflet-popup-content-wrapper{
    border-radius: 4px;
    background-color: #282828!important;
    color: white!important;

}
.leaflet-popup-tip{
    background-color: #282828!important;
}
.dark-map .leaflet-popup-tip{
    background-color: white!important;
}
.task-info-popup .leaflet-popup-content{
    margin: 0;
}
.task-info-popup .leaflet-popup-content > div.popup-contianer{
    margin: 5px;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.task-info-popup .leaflet-popup-content i{
    font-size: 18px;
    margin-right: 4px;
}

.leaflet-resp-popup-west{
    margin-left: -10px!important;
    margin-top: -12px!important;
}
.leaflet-resp-popup-north{
    margin-left: 5px!important;
    margin-top: 5px!important;
}
.leaflet-resp-popup-west-south{
    margin-top: -17px!important;
    margin-left: -10px!important;
}
.leaflet-resp-popup-south{
    margin-left: 0px!important;
    margin-top: -26px!important;
}
.toggle-task-view-switch>span{
    vertical-align: bottom;
    /*padding-right: 20px;*/
    /*vertical-align: -webkit-baseline-middle;*/
}


.toggle-task-view-switch .switch.custom-switch{
   /*vertical-align: middle;*/
    margin-bottom: 0px;
    /*vertical-align: -webkit-baseline-middle;*/
}
#taskFiltersSection .mar-rt-10 {
    margin-right: 6px !important;
}
.filter-task-columns.dropdown ul{
    right: 0px;
    margin-top: 10px;
    left: auto;
}
.top-nav .enhanced-datepicker input.dateRange.business-view-daterange,
.top-nav .enhanced-datepicker input.mission-dateRange,
.top-nav .enhanced-datepicker input.task-dateRange{
    width: 100%;
    top: 15px;
    height: 28px;
    cursor: pointer;
    left:0;
}
.animation-none{
    animation: none 0s;
}
.animation-none.ng-animate { -webkit-animation: none 0s; }
.task-view-tile .status-line {
    font-size: 13px;
}
#workflowSelect{
    background: none;
    border: 0;
    width: 100%;
    cursor: pointer;
}
#set-route-priority .ui-select-bootstrap > .ui-select-match > .btn {
    border-bottom: 1px solid #c8c8c8;
    border-radius: 0px;
}

.merchant-indicator-fleet {
    float: left;
    padding-left: 10px;
    font-size: 11px;
}

.change-height-for-detail {
    height: 40px !important;
}
#no_of_tasks_heading{

}
.no-of-agents{
    margin-left: 20px;
    margin-right: 20px;
    font-size: 12px;
    font-weight: 300;
    color: #000000;
    position: relative;
    cursor: pointer;
    letter-spacing: .6px;
    padding-top: 10px;
    padding-bottom: 5px;
}
.multiple-agents-feature-guide > div{
    left:105%;
}
.selected-fleet .c-checkbox.checkbox span {
    background-color: #1394ff;
    border-color: #1394ff;
}
.selected-fleet .c-checkbox.checkbox span:before {
    color: #fff;
    opacity: 1;
    transition: color 0.3s ease-out;
}
.main-inner .top-nav .navbar-right>li.switch-mission-view{
    padding-right: 4px;
}
.switch-mission-view .toggle-task-view-switch .switch.custom-switch{
    margin-bottom: 16px;
}
/* #tasks-switch .detail-tabs .task-tabs, .detail-slider-box .detail-tabs .task-tabs {
    width: calc(100% - 38px);
    float: left;
} */

.column-search{
    font-size: 15px !important;
    background-color: white !important;
    margin-left: 0px !important;
    padding-left: 45px !important;
    }
    .icon_search{
    padding-left: 15px;
    color: rgb(226, 224, 224);
    }
    .search-control{
    height: 50px;
    border-radius: 10px;
    background-color: white;
    }

    .setting-nav.fixed-setting ul.logout-ul li a{
        width: 100%;
        text-decoration: none;
    }
    .setting-nav.fixed-setting ul.logout-ul{
        height: 38px;
        bottom: 0px;
        position: fixed;
        padding-left: 0px;
        padding-right: 0px;
        width: 100%;
        max-width: 185px;
        margin-bottom: 0px;
    }
    .setting-nav.fixed-setting:hover .show-log{
        /* display: flex  ; */
        visibility: visible;
    }


.menu-log {
    display: flex ;
    justify-content: space-between;
    align-items: center;
    font-size: 14px !important;
    background-color: #dddddd;
    color: black !important;
    position: absolute;
    width: 100%;
    bottom: 0;
}
.show-log button{
    visibility: hidden;
}
/*.show-log {*/
    /*!* display: none ; *!*/
    /*visibility: hidden;*/
/*}*/

@media only screen and (max-width: 500px) {
    .show-log {
    display: flex;
    }
}
.logoutButton{
    font-size: 14px !important;
}

.menu-box {
    display: inline-block;
    /* position: relative; */
    cursor: pointer;
    color: rgba(37, 45, 71, 0.62);
}

.menu-box .menu-list {
    justify-content: center;
    position: absolute;
    border: 1px solid #dddddd;
    z-index: 5;
    background: white;
    width: 100px;
    margin-top: 4px;
    padding-left: 0px;
    padding-top: 10px;
    padding-bottom: 7px;
    list-style: none;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    display: none;
    right: 0;
}

.menu-box .menu-list li {
    border-left: 3px solid transparent;
    padding: 3px 10px;
    cursor: pointer;
    font-family: 'ProximaNova-Regular';
    font-size: 13px;
}

.menu-box .menu-list li:hover {
    color: #4695f6;
    border-left: 3px solid #4695f6;
}

.menu-box:hover .menu-list {
    display: block;
    right: 14px;
    z-index: 1000;

}

.menu-list::before {
    content: " ";
    border: 9px solid transparent;
    position: absolute;
    bottom: 100%;
    border-bottom: 7px solid #e5e5e5;
    right: 2px;
}

.menu-list::after {
    content: " ";
    border: 9px solid transparent;
    position: absolute;
    bottom: 100%;
    border-bottom: 7px solid transparent;
    right: 0;
    width: 100%;
}
/* .action-buttons{
    margin-left: 35px;
} */

@media only screen and (max-width: 990px) {
    .show-log {
      visibility: visible !important;
    }
  }

  .logoutButtonShow {
    padding-right:  0px !important;
    height:100% !important;
    position: absolute !important;
  }

  @media only screen and (max-width: 767px) {
    div.top:not(.tooltip){
        position: -webkit-sticky;
        position: sticky;
        left: 0;
        width: 100%;
    }

    .fancy-table-outer .dataTables_wrapper {
        overflow: auto;
    }
  }

  div#datatable2_filter label {
      display: flex;
  }
  .logoutButtonShow2 {
    height: 100%;
  }
 @media only screen and (min-width: 768px){
  .logoutButtonShow2 {
    height:calc( 100vh - 60px) ;
  }
}

div#domainList_wrapper .dataTables_filter label {
    display: flex;
}

.two-tab {
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    bottom: 0px;
    left: 0px;
    cursor: pointer;
}

.two-tab .billing-tab1 {
    padding: 5px 30px 5px 30px;
    border: 1px solid #ddd;
    background-color: #eee;
}

.two-tab .billing-tab1.active {
    background-color: #4695f6;
    color: #fff;
}

.two-tab .billing-radio {
    position: absolute;
    width: 50%;
    left: 0;
}

@media only screen and (min-width: 768px) {
    .pricing-box ul:not(.nav){
        padding-left: 0;
        min-height: 150px;
    }
}

.pricing-box>div .star-icon-in-startup:before {
    position: absolute;
    content: "";
    background: url(/app/img/shape-1.png);
    width: 75px;
    height: 75px;
    background-size: contain;
    background-repeat: no-repeat;
    top: 0px;
    right: 0px;
    /*margin-right: 15px;*/
    margin-top: -8px;
    z-index: 1;
    }

    @media only screen and (max-width: 767px) {
        .iti-mobile .pricing-box .price {
            line-height: normal !important;
        }
    }


@media only screen and ( max-height: 753px )
{
  .menu-log {
    position: sticky;
  }
}
.select-dropdown-border-bottom{
    width: 100%;
    border: none;
    border-bottom: 1px solid #c8c8c8;
    background: #fff;
    -webkit-appearance: none;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    padding-left: 7px;
    background-position: right 50%;
    background-repeat: no-repeat;
    padding: .5em;
    padding-bottom: 0px;
    outline: 0;
    padding-right: 1.5em;
    background-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%20%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%20%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2214px%22%20height%3D%2212px%22%20viewBox%3D%220%200%2014%2012%22%20enable-background%3D%22new%200%200%2014%2012%22%20xml%3Aspace%3D%22preserve%22%3E%20%3Cpolygon%20points%3D%223.862%2C7.931%200%2C4.069%207.725%2C4.069%20%22/%3E%3C/svg%3E);
}.change-height-for-detail {
    height: 40px !important;
}
.no-of-agents{
    margin-left: 20px;
    margin-right: 20px;
    font-size: 12px;
    font-weight: 300;
    color: #000000;
    position: relative;
    cursor: pointer;
    letter-spacing: .6px;
    padding-top: 10px;
    padding-bottom: 5px;
}
.multiple-agents-feature-guide > div{
    left:105%;
}
.selected-fleet .c-checkbox.checkbox span {
    background-color: #1394ff;
    border-color: #1394ff;
}
.selected-fleet .c-checkbox.checkbox span:before {
    color: #fff;
    opacity: 1;
    transition: color 0.3s ease-out;
}
.custom-commission-field-list .delete-icon{
    top:35px;
}
.app-tasks .wrapper,.app-allcustomers .wrapper{
    background: #fafafa;
}
@media only screen and ( max-width: 767px )
{
    .app-tasks .wrapper .table-responsive,.app-settings.agents-list table-responsive{
        padding-bottom: 60px;
    }
}
.disable-full-page{
    position: fixed;
    top: 60px;
    height: 100%;
    width: 100%;
    background: #e3e3e3;
    opacity: 0.2;
    cursor: not-allowed;
    z-index: 9;
}
.color-white{
    color: #ffffff;
}
.black-friday-page,.main-outer.new-dashboard .main-inner .top-nav.black-friday-page{
    background-color: #000;
}


.new-input{
    height: 40px;
    border-radius: 5px;
    border: 1px solid grey;
    padding: 10px;

}

/* Actions menu: click-to-open instead of flaky hover (customers list) - added 2026-07-01 */
.fancy-table-outer .action-button .dropdown-toggle:hover .dropdown-menu,
.fancy-table-outer .action-button .dropdown-toggle:hover + .dropdown-menu { display: none; }
.fancy-table-outer .action-button.act-open .dropdown-menu { display: block !important; }