@font-face{
   font-family: 'Metropolis-regular';
    src: url("../fonts/metropolis-family/Metropolis-Regular.otf");
}
@font-face{
    font-family: 'Metropolis-bold';
    src: url("../fonts/metropolis-family/Metropolis-Bold.otf");
}
@font-face{
    font-family: 'Metropolis-semi-bold';
    src: url("../fonts/metropolis-family/Metropolis-SemiBold.otf");
}
@font-face{
    font-family: 'Metropolis-medium';
    src: url("../fonts/metropolis-family/Metropolis-Medium.otf");
}
body{
    font-family: 'Metropolis-regular'!important;
    background-color: #F8F8F8;
}
.page-wrapper .page-header{
    box-shadow: none!important;
    background-color: #F8F8F8!important;
}
/*================*/
    /*Search Bar*/
/*=================*/
.page-wrapper .page-header .header-wrapper .search-full.open{
    width: 600px!important;
    height: 45px!important;
    border-radius: 50px!important;
    border: 1px solid #B0B0B0!important;
}
.page-wrapper .page-header .header-wrapper .search-full{
    right: 30%!important;
}
.page-wrapper .page-header .header-wrapper .search-full input{
    line-height: 30px!important;
    padding-left: 10px!important;
}
.page-wrapper .page-header .header-wrapper .search-full input:focus{
    background-color: transparent!important;
}
.page-wrapper .page-header .header-wrapper .search-full .form-group .close-search{
    display: none;
}
.page-wrapper .page-header .header-wrapper .search-full.open{
    height: 45px!important;
}
.page-wrapper .page-header .header-wrapper .search-full .form-group:before{
    right: 30px!important;
    top: 10px!important;
    left: auto!important;
    color: #0252FF!important;
}
/*--------------------*/
/*--------------------*/
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper{
    box-shadow: none!important;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper{
    background-color: transparent!important;
    padding: 6px 30px!important;
}
.img-lgo{
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 140px;
    height: 78px;
    margin: auto;
}
.sidebar-main .sidebar-links{
    margin-top: 0!important;
}
li.sidebar-list:hover > a:hover{
    /* background-color: #DBE7FF!important;
    border: 1px solid #0252FF!important; */
}
li.sidebar-list:hover > a:hover i{
    color: #89c12d!important;
}
li.sidebar-list > a{
    /* border: 1px solid #C7C7C7; */
    border-radius:40px!important;
    margin-bottom: 8px;
    display: flex!important;
    padding: 7px 15px!important;
}
.sidebar-links li:hover a:hover svg,
.sidebar-links li:hover a:hover span{
    color: #89c12d!important;
}
.sidebar-links li a span{
    color: #7B7B7B;
    width: 100%;
    padding: 4px 5px;
    font-weight: normal;
}
.simplebar-content > li a .bfr.case-fr{
    font-size: 20px;
    margin-right: 10px;
    margin-left: 3px;
    margin-top: 5px;
}
.simplebar-content > li a .bfr{
    color: #7B7B7B;
    font-size: 28px;
    margin-right: 5px;
}
.simplebar-content > li{
    padding: 0 8px!important;
}
li.user-nav{
    background-color: #F8F8F8;
    padding: 15px 25px!important;
    margin-bottom: 15px;
}
li.user-nav{
    line-height: 0.9;
}
li.user-nav .media-body{
    margin: 5px 0 0 0;
}
li.user-nav span{
    font-size: 14px;
    margin: 5px 0 0 10px;
    color: #89c12d;
}
li.user-nav p{
    display: block;
    color: #787878;
    font-size: 14px;
    padding: 0;
    margin: 0 0 0 10px;
    /*line-height: 0.9;*/
}
li:hover.user-nav a:hover p{
    color: #787878!important;
}
.user-nav-img{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 40px;
    height: 40px;
}
li.user-nav p i{
    font-size: 22px;
    color: #89c12d!important;
    float: right;
    position: relative;
    bottom:10px;
}

.modal thead, tbody, tfoot, tr, td, th:last-child{
    border-color: #dee2e6!important;
}

.dd4{
    border-radius: 5px!important;
    padding-left: 10px!important;
    padding-right: 10px!important;
    padding-top: 4px!important;
    padding-bottom: 4px!important;
    color: white !important;
    margin-bottom: 10px;
}
li.user-nav .onhover-show-div{
    /*padding: 0 10px;*/
    left: auto;
    right: 10px;
    top: 70px;
    width: 160px;
}
li.user-nav .onhover-show-div li{
    padding: 10px;
    border-bottom:1px solid #f7f7f7;
    display: flex;
}
li.user-nav .onhover-show-div li:last-child{
    border: none;
}
li.user-nav .onhover-show-div li a{
    padding: 0!important;
}
li.user-nav .onhover-show-div li span{
    margin: 0;
    vertical-align: top;
    position: relative;
    top: 5px;
}
li.user-nav.onhover-dropdown:hover .onhover-show-div:before {
    right: 10px;
    left: auto;
}
.card-header{
    background: black!important;
    padding: 10px 20px!important;
}
.card-header h5{
    color: white;
    font-family: "Metropolis-medium";
    font-size: 18px!important;
    padding: 4px 0;
}
.btn.btn-default,
.btn.btn-primary{
    font-size: 13px;
    font-family: "Metropolis-medium";
}
.btn.btn-primary{
    color: #ffffff;
    border: 2px solid white!important;
    background: black!important;
    border-radius: 50px;
}
.btn.btn-default{
    color: #0252FF;
    border: 1px solid #D6DFF1;
    background: #EEF2FA;
    border-radius: 50px;
}
textarea.form-control{
    border-radius:20px ;
}
.customer .form-control:focus{
    border-color: #89c12d!important;
    box-shadow: none;
}
.customer .no-dtable.form-control{
    border-radius: 50px;
    background-color: #F5F7FA;
    border: 1px solid #BFCFEF;
    padding: 8px 20px;
    margin-left: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.customer .srh-tbl{
    position: relative;
}
.customer .srh-tbl i{
    font-size: 25px;
    position: absolute;
    right: 15px;
    top: 16px;
    color: #CCCCCC;
    transform: rotate(270deg);
}
::-webkit-input-placeholder{
  color: #CCCCCC!important;
    font-size: 14px;
}
.tb-bck{
    border: 1px solid #DFDFDF;
    background-color: #FDFDFD;
    border-radius: 15px;
    padding: 10px 0;
}
.customer .card-body{
    padding: 20px!important;
}
.tb-bck tr td{
    vertical-align: middle;
    border: none;
}
.tb-bck tr{
    border-top: 1px solid #dee2e6;
    border-bottom: none!important;
    padding: 15px 0;
    background-color: #ffffff;
}
.tb-bck h4{
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 16px;
    color: #89c12d;
    margin-bottom: 0;
    margin-left: 10px;
}
.tb-bck h4 span{
    display: block;
    width: 100%;
    font-size: 14px;
    color: #7B7B7B;
}
span.org-j{
    color: #ffffff;
    width: 40px;
    height: 40px;
    font-weight: bold;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
}
.modal-header{
    background: black!important;
    border: none;
    padding: 13px 25px;
}
.modal-header .modal-title{
    color: #ffffff;
    font-size: 17px;
}
.modal-content{
    border: none;
}
.btn-close{
    color: #6696ff!important;
    box-shadow: none!important;
    opacity: .2;
}

.btn-close {
    background: url('{{ asset("assets/images/close.png") }}')center/1rem auto no-repeat !important;
    opacity: 1 !important;
}

.select2-container--default .select2-selection--single{
    background-color: #eeffd3!important;
    border-color: #89c12d!important;
    /*padding: 10px 20px!important;*/
    display: block;
    border-radius: 30px!important;
}
.form-control{
    border-radius: 50px;
    box-shadow: none!important;
    padding: 10px 20px;
    font-size: 14px;
    background-color: #eeffd3!important;
    border: 1px solid #89c12d!important;
}
.select2-container--default .select2-selection--single:focus{
    background-color: #eeffd3!important;
    border-color: #89c12d!important;
}
.form-control:focus{
    background-color: #ECF0F8;
    border-color: #0252FF;
}
.grn{
    color: #89c12d;
}
.pad-12{
    padding-top:12px;
}
.pad-0{
    padding:20px 0 0 0!important;   
}
.mar-1{
    margin:5px !important;;
}
.mar-2{
    margin-right: 10px;
}
.mar-3{
    margin-bottom: 15px;
}

.srch2{
width: 15%;
}
.pad-4{
    padding:3px;
}

.mar-8{
    margin-top:28px;
}
.avail{
    /* position: fixed; */
    top: 0;
    background: white;
    
   
    transition: .5s;
    /* width: 1000px; */
    bottom:0;
    overflow-x: hidden;
    z-index: 9999;
    
    
    border-radius: 18px;    
}
.avail-flex  .fc .fc-toolbar-title {
    font-size: 21px;
    margin: 15px;
}
.avail-flex .fc-h-event .fc-event-main{
background:black;
border: 1px solid black;
}
.fc-direction-ltr .fc-button-group > .fc-button:not(:last-child){
    background:#89c12d!important;
}
.fc .fc-col-header-cell-cushion{
    color:black;
}

.fc a[data-navlink]{
    color:black;
}
.fc .fc-daygrid-more-link{
    color:black;
}
.fc-direction-ltr .fc-daygrid-event.fc-event-end, .fc-direction-rtl .fc-daygrid-event.fc-event-start{
    color:black;
}
.fc-daygrid-event-dot{
    border: 4px solid #89c12d!important;
}

.avail-flex .fc .fc-button-group > .fc-button{
    background:#89c12d;
}

.fc-direction-ltr .fc-toolbar > * > :not(:first-child){
    background:#89c12d;
}

#sendquote .d-flex{
    justify-content:center;
    
}
#sendquote .modal-footer{
    justify-content:center;
}
#sendquote .modal-footer button{
    width: 600px;
}

#sendquote .quote-steps{
    display: flex;
    justify-content: space-between;
    border: 1px solid #ccc;
    padding: 17px
}

#sendquote .quote-steps p{
    margin-bottom:0!important;
}

#sendquote .d-flex2{
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
    margin-top: 25px;
}

#sendquote .d-flex2 h6{
    font-weight: 600;
}

#sendquote .d-flex h4{
    font-weight: 600;
}
#sendquote .email p{
    font-weight: 600;
    margin-bottom: 0;
}

#sendquote .editor{
    margin-top:25px;
}



.avail-flex{
    right: -2000px;
    justify-content: flex-end;
    /* background: antiquewhite; */
    position: fixed;
    top: 0;
    overflow-y: scroll;
    bottom: 0;

    width: 100%;
    z-index: 9;
    background-color: rgba(0, 0, 0, 0.3);
}

.avail::backdrop{
    background:black;
}
.avail .d-flex{
    justify-content:space-between;
}
.avail i{
    color:white;
}

.blcks{
    background: black;
    color: white;
    border-bottom-left-radius: 50px;
    border-top-left-radius: 50px;
}

.fnt2{
    ont-size: 22px;
    background: black;
    padding: 15px;
    color: white;
}
.fnt h3{
    font-size:22px;
    margin:0;
}
.fnt i{
    font-size:18px;
}
.just{
    justify-content:space-between;
    align-items:center;
}

.grids{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
    /* margin-bottom: 20px; */
}


.form-control.sel-lft{
    background-color: #0252FF;
    border-right:0 ;
    color: #ffffff;
    border-radius: 50px 0 0 50px;
    padding: 10px 15px;
}
.form-control.sel-rgt{
    border-left:0 ;
    border-radius: 0 50px 50px 0;
}
label{
    margin-top: 15px;
    margin-bottom: 5px!important;
}
.btn{
    box-shadow: 0 0 10px rgba(0,0,0,0.05);
}
.btn-can{
    color: #BDBDBD;
    border: 1px solid #C7C7C7!important;
    background: #ffffff!important;
    border-radius: 50px;
}
.modal-footer{
    justify-content: flex-start;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links{
    height: calc(100vh - 100px)!important;
}
.modal p{
    color: #666666;
}
#export .card-body{
    padding: 0;
}
#export .card-body label{
    margin-top: 0;
}
.radio_animated{
    margin: 0 0.5rem 0!important;
}
.radio_animated:after{
    background-color: #0252FF!important;
}
.radio_animated:before{
    background-color: #ffffff!important;
    width: 0.3rem!important;
    height: 0.3rem!important;
    top: 0.20rem!important;
    left: 0.3rem!important;
}
.form-group.fr-dt{
    position: relative;
}
.form-group.fr-dt .form-control{
    color: #0252FF;
}
.form-group.fr-dt i{
    position: absolute;
    right: 20px;
    top: 13px;
    font-size: 20px;
    color: #0252FF;
}
.datepicker--nav{
    color: #0252FF!important;
}
.datepicker--cell-day:hover,
.datepicker--nav-action{
    background-color: #0252FF!important;
}
.datepicker--nav-title i{
    color: #0252FF!important;
}
.datepicker--day-name{
    color: #0252FF!important;
}
.datepicker:focus{
    color: #0252FF!important;
}
.datepicker--cell.-current-{
    border-color: #0252FF!important;
}
.datepicker--cell.-selected-{
    background-color: #0252FF!important;
}
/*#dt-rng{*/
    /*display: none!important;*/
/*}*/
#import h6{
    color: #0252FF;
}
#import button.btn i{
    font-size: 17px;
}
.fr-imp li{
    list-style: url("../images/new-img/blt.png");
    margin-bottom: 15px;
}
.prof-top{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 16px 0;
}
.prof-top span.org-j{
    width: 50px!important;
    height: 50px!important;
    font-size: 20px!important;
}
.crd-pad{
    padding: 20px 0 0 0!important;
    background-color: black!important;
    border-radius: 15px 15px 0 0;
}
.crd-pad h4{
    font-size: 20px;
    color: #ffffff;
    margin-top: 10px;
    font-weight: bold;
}
.crd-footer{
    display: flex;
    padding: 0 20px 0;
    border-top:1px solid white;
    justify-content: space-evenly;
}
.crd-footer span{
    font-size: 12px;
    color: #ffffff;
    padding: 10px 0 7px;
}
.crd-footer span.rgt-env{
    float: right;
    border-left:1px solid white;
    padding-left: 10px;
}
.lft-list{
    margin: 0;
    padding: 0;
}
.lft-list li{
    display: block;
    border-bottom: 1px solid #ECF0F8;
    padding:15px 20px;
}
.lft-list li:last-child{
    border-bottom: none;
}
.lft-list li i{
    color: #4E85FD;
    font-size: 18px;
    margin-right: 5px;
}
.lft-list li h6{
    font-size: 11px;
    color: #5972A8;
    text-transform: uppercase;
    margin-bottom: 0;
    font-weight: bold;
}
.lft-list li p{
    color: #7B7B7B;
}
.bgt{
    color: #37C072!important;
    font-weight: bold;
}
.card-body.no-pad{
    padding: 0!important;
}
.btn-primary.fr-crd-pr{
    background-color: black!important;
    color: #ffffff!important;
    border-color:#ffffff!important;
    padding: 0 16px;
}
.btn-primary.lft-br{
    border-radius:0 50px 50px 0 ;
    padding: 8px 10px;
}
.crd-pad{
    position: relative;
}
.crd-pad .btn-group{
    position: absolute;
    right: 10px;
    top: 10px;
}
.crd-pad .btn-group .onhover-show-div{
    top: 30px;
}
.crd-pad .onhover-dropdown .onhover-show-div,
.crd-pad .onhover-dropdown:hover .onhover-show-div{
    width: 180px;
}
.crd-pad .btn-group .onhover-show-div li{
    padding: 10px;
    margin: 0;
    font-size: 12px;
    border-bottom: 1px solid #f7f7f7;
}
/*.crd-pad .btn-group .onhover-show-div li a span{*/
    /*color: #999999;*/
/*}*/
.crd-pad .btn-group .onhover-show-div li svg {
    width: 15px;
    height: 15px;
    margin-right: 8px;
}
.crd-pad .btn-group .onhover-show-div li:last-child a:hover{
    color: #EC3636!important;
}
.media h5{
    margin: 0;
}
.media{
    align-items: center!important;
}
.file-manager thead{
    background-color: #FAFAFF;
}
.file-manager thead th{
    color: #5972A8;
    border: 1px solid #CFD7E9!important;
    padding: 10px 10px;
    font-weight: bold;
    font-size: 13px;
}
.customer td,
.emp td{
    font-size: 14px;
    color: #8A8A8A;
}
.file-manager td.ble{
    color: #064EE6!important;
    font-weight: bold;
}
.file-manager td span{
    color: #777777;
    font-size: 14px;
}
.empty-note{
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 25px 0;
}
.empty-note i{
    color: #CAD4E7;
    font-size: 40px;
    text-align: center;
    margin-bottom: 20px;
}
.empty-note p{
    text-align: center;
    color: #CAD4E7;
    font-size: 17px!important;
}
ul.loc-list {
    margin: 0;
    padding: 0;
}
ul.loc-list li{
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    grid-gap:200px ;
}
ul.loc-list li .lft-loc i{
    font-size: 18px;
    color: #064EE6;
    background-color: #E6EEFF;
    border: 1px solid #D5DCEC;
    border-radius: 50px;
    padding: 10px;
}
ul.loc-list li .lft-loc{
    display: flex;
}
ul.loc-list li .lft-loc span{
    display: block;
    color: #999999;
}
ul.loc-list li .lft-loc h5{
    font-size: 14px;
    margin-left: 10px;
    color: #064EE6;
}
ul.loc-list li .rgt-loc i{
    font-size: 28px;
    float: right;
}
.dropi-dot{
    display: inline-block!important;
    float: right;
}
.dropi-dot button{
    background-color: transparent;
    border: none;
}
.dropi-dot .onhover-show-div{
    top:30px;
    left: auto;
    right: 0;
    width: 180px;
}
.dropi-dot .onhover-show-div li{
    padding: 8px 10px;
    display: block;
    border-bottom: 1px solid #DDDDDD;
}
.dropi-dot .onhover-show-div li span{
    color: #999999;
}
.dropi-dot .onhover-show-div svg{
    width: 18px;
    height: 18px;
    margin-right:8px ;
}
.sts{
    color: #ffffff;
    background-color: #9FBDFF;
    padding: 5px 15px;
    border-radius: 30px;
}
textarea{
    resize: none;
}
.nw-note textarea{
    position: relative;
    border-radius: 20px 20px 0 0!important;
    border-bottom: none;
}
.nw-note input[type="file"] {
    z-index: -1;
    position: absolute;
    display: none!important;
    opacity: 0;
}
.nw-note .up-set{
    border: 1px solid #9EBDFC;
    border-top: none;
    left: 40px;
    border-radius: 0 0 20px 20px!important;
    padding: 0 20px 10px;
    background-color: #F7FAFF;
}
.nw-note .up-set i{
    color: #89c12d;
    font-size: 22px;
    margin-right: 5px;
    margin-top: 0;
    margin-bottom: 0;
}
#file-upload-filename-img,
#file-upload-filename{
    background-color: #9EBDFC;
    padding:0 10px;
    border-radius:10px ;
    margin-top: 10px;
    /*border: 1px solid #97b4ef;*/
    color: #ffffff;
}
.fill-note .card p{
    color: #AAAAAA;
    margin-bottom: 10px!important;
    font-size: 14px;
}
.fill-note .card{
    background-color: #EAF1FF;
    border: 2px solid #C5D6F8;
    position: relative;
}
.fill-note .card h5{
    font-style: italic;
    color: #6C6C6C;
}
.fill-note .card .card-body::before{
    position: absolute;
    left: 15px;
    top: 20px;
    height: 85%;
    content: '';
    width: 4px;
    background-color: #BAC9E7;
    border-radius: 10px;
}
.fill-note .card .card-body{
    padding: 20px 40px!important;
}
.fill-note .card a.dn-load{
    padding: 10px;
    border-radius: 50px;
    background-color: #BAC9E7;
    border: 1px solid #ffffff;
    color: #ffffff;
    margin-top: 20px;
    display: block;
}
.fill-note .card a.dn-load i{
    font-size: 20px;
    padding-right:10px;
    margin-right:10px;
    border-right:1px solid #ffffff;
}
.fill-note .card a.dn-load i.rgt-i{
    float: right;
    color: #064EE6;
    border-right:none;
}
.fill-last{
    display: flex;
    justify-content: flex-end;
}
.fill-last p.fill-p{
    color: #86A3DD!important;
    font-size: 12px!important;
    margin-top: 10px;
    margin-bottom: 0!important;
}
.fill-last p span{
    color: #0252FF;
    font-weight: bold;
}
.fill-note .card:hover .fill-icon{
    display: block;
}
.fill-icon{
    position: absolute;
    top:-5px;
    right: 0;
    display: none;
}
.fill-icon button{
    padding: 5px;
    border-radius: 20px;
    border: 1px solid #cfdcf7;
}
.fill-icon button i.la-trash-alt{
    color: #e52d5b;
}
.fill-icon button.del:hover{
    background-color: #e52d5b;
}
.fill-icon button.del:hover i{
    color: #ffffff;
}
.fill-icon button i{
    color: #0252FF;
}
.fill-icon button:hover{
    background-color: #0252FF;
}
.fill-icon button:hover i{
    color: #ffffff;
}
#noteDelete h6{
    color: #0252FF;
    font-size: 14px;
}
.btn-secondary{
    border-radius: 30px;
    border-color: #e52d5b!important;
}
.btn-secondary:hover{
    background-color: #e52d5b!important;
}
.emp .nav-item{
    width: 100%;
}
.emp .border-tab.nav-primary .nav-item .nav-link{
    padding: 10px 20px;
    text-align: left;
    font-size: 14px;
    border: 2px solid #F0F5FF;
    border-radius: 30px;
    font-weight: bold;
    color: #0252FF;
}
.emp .border-tab.nav-primary .nav-item .nav-link:focus,
.emp .border-tab.nav-primary .nav-item .nav-link.active{
    border: 2px solid #ffffff;
    background-color: #89c12d;
    color: #ffffff;
}
.emp .border-tab.nav-tabs{
    padding: 5px;
    border-radius: 30px;
    background-color: #eeffd3!important;
    margin-bottom: 10px;
}
.emp .tb-bck{
    padding-top: 0;
    border-radius: 28px 28px 15px 15px;
}
.emp .badge-light{
    padding: 2px 3px 0;
    min-width: 22px;
    min-height: 22px;
    text-align: center;
    color: black;
    border: 1px solid #D9E5FF;
    border-radius: 30px;
    font-size: 12px;
    display: flex;
    justify-content: center;
}
.tb-top{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    margin-bottom: 10px;
}
.tb-top .slct{
    width: 25%;
}
.srch{
    width: 35%;
}
.emp thead th{
    font-size: 12px;
    color: #8A8A8A;
    text-transform: uppercase;
    font-weight: bold;
}
.stts.green{
    background-color: #E4FFD4;
    border: 1px solid #39E92E;
    color: #39E92E;
}
.stts.yello{
    background-color: #FFFFD4;
    border: 1px solid #cccc41;
    color: #cccc41;
}
.stts.red{
    background-color: #FECFCF;
    border: 1px solid #E84E4E;
    color: #E84E4E;
}
.stts.grey{
    background-color: rgba(0,0,0,0.1);
    border: 1px solid #A7A7A7;
    color: #A7A7A7;
}
.stts.green,
.stts.yello,
.stts.grey,
.stts.red{
    padding: 5px 10px;
    text-transform: uppercase;
    font-size: 10px;
    border-radius:7px;
    font-weight: bold;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    background-color: #89c12d;
    border-radius: 13px;
    padding: 12px 13px;
    border-color: #ffffff transparent transparent transparent!important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow:focus,
.select2-container--default .select2-selection--single .select2-selection__arrow b{
    border-color: #ffffff transparent transparent transparent!important;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
    border-color: transparent transparent #ffffff transparent!important;
}
.select2-container--default .select2-results__options .select2-results__option[aria-selected=true]{
    background-color: #89c12d!important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
    background-color: #F0F5FF!important;
    color: #89c12d!important;
}
.login-card .login-main .theme-form p{
    margin-bottom: 0!important;
}
.login-card .login-main .theme-form h4{
    color: #0252FF!important;
}
.for-team p{
    font-size: 12px;
    margin-top: 5px;
    margin-bottom: 0;
    font-weight: 500;
    color: #777777;
}
.crd-pro{
    border: 1px solid #D9E5FF;
}
.crd-pro h4 {
    color: #0252FF;
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 0!important;
}
.crd-pro p{
    margin-top: 0!important;
}
.for-te{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.switch-state.bg-primary{
    background-color: #0252FF!important;
}
.switch-state:before{
    height: 20px!important;
    width: 20px!important;
    left: -2px!important;
    bottom: 4px!important;
}
.switch{
    width: 48px!important;
    height: 30px!important;
}
.icon-state input:checked + .switch-state:after{
    left: 28px!important;
    top: 8px!important;
}
/*=======================*/
/*External Switch*/
/*=======================*/

.chck .switch input[type=checkbox] {
    display: none;
}

.chck .switch input[type=checkbox] + label {
    position:relative;
    min-width:calc(calc(2.375rem * .8) * 2);
    border-radius:calc(2.375rem * .8);
    height:calc(2.375rem * .8);
    line-height:calc(2.375rem * .8);
    display:inline-block;
    cursor:pointer;
    outline:none;
    user-select:none;
    vertical-align:middle;
    text-indent:calc(calc(calc(2.375rem * .8) * 2) + .5rem);
}
.chck .switch input[type=checkbox] + label::before,
.chck .switch input[type=checkbox] + label::after {
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:calc(calc(2.375rem * .8) * 2);
    bottom:0;
    display:block;
}
.chck .switch input[type=checkbox] + label::before {
    right:0;
    background-color:#D9E5FF;
    border-radius:calc(2.375rem * .8);
    transition:.2s all;
}
.chck .switch input[type=checkbox] + label::after {
    top:3px;
    left:2px;
    width:calc(calc(2.375rem * .8) - calc(2px * 2));
    height:calc(calc(2.375rem * .8) - calc(2px * 2));
    border-radius:50%;
    background-color:#fff;
    transition: all 0.3s ease-in 0s;
}
.chck .switch input[type=checkbox]:checked + label::before {
    background-color:#0252FF;
}
.chck .switch input[type=checkbox]:checked + label::after {
    margin-left:calc(2.375rem * .8);
}
.chck .switch input[type=checkbox]:focus + label::before {
    outline:none;
    box-shadow:0 0 0 .2rem rgba(0,136,221,.25);
}
.chck .switch input[type=checkbox]:disabled + label {
    color:#868e96;
    cursor:not-allowed;
}
.chck .switch input[type=checkbox]:disabled + label::before {
    background-color:#e9ecef;
}

.chck .switch.switch-xs {
    font-size:.8rem;
}

/* Small */
.chck .switch.switch-sm {
    font-size:.875rem;
}
.chck .switch.switch-sm input[type=checkbox] + label {
    min-width:calc(calc(1.9375rem * .8) * 2);
    height:calc(1.9375rem * .8);
    line-height:calc(1.9375rem * .8);
    margin-top: 0;
    text-indent:calc(calc(calc(1.9375rem * .8) * 2) + .5rem);
}
.chck .switch.switch-sm input[type=checkbox] + label::before {
    width:calc(calc(1.9375rem * .8) * 2);
}
.chck .switch.switch-sm input[type=checkbox] + label::after {
    width: calc(calc(1.7rem * .8) - calc(2px * 2));
    height: calc(calc(1.7rem * .8) - calc(2px * 2));
}
.chck .switch.switch-sm input[type=checkbox]:checked + label::after {
    margin-left:calc(1.9375rem * .8);
}
/*--------------------------*/
/*--------------------------*/
.card.crd-pro{
    border: 1px solid #D9E5FF!important;
    border-radius: 20px;
    margin-top: 20px;
}
.card.crd-pro .card-body{
    padding: 20px 20px;
}
.card.role-mod{
    background-color: #f9fbff;
    padding: 10px;
    border: 1px solid #D9E5FF;
}
.card.role-mod h3{
    font-size: 14px;
    font-weight: bold;
    color: #586D9B;
    text-transform: uppercase;
    padding: 10px;
    margin: 0;
}
.card.role-mod .card-body{
    padding: 15px 10px 15px 40px;
}
span.had4{
    display: block!important;
    font-size: 15px!important;
    /*font-weight: bold;*/
    color:#0252FF;
}
.rad span.pra{
    font-size: 12px;
}
.media.med-rdi label{
    margin-top: 0!important;
    padding: 0!important;
    width: 100%;
}
.media.med-rdi label::before{
    top: 26px!important;
    z-index: 1!important;
    left: 35px!important;
    border-color:#0252FF!important;
}
.media.med-rdi label::after{
    top: 31px!important;
    left: 40px!important;
    z-index: 2!important;
    background-color: #0252FF!important;
}
.media.med-rdi .form-check{
    padding-left:0 ;
    width: 100%!important;
}
.media.med-rdi .form-check-input:checked{
    background-color: #0252FF!important;
}
.media.med-rdi .form-check-input:checked > .rad{
    border: 1px solid #0252FF!important;
}
.rad{
    margin: 5px 0 0!important;
    border: 1px solid #D9E5FF!important;
}
.lft-list.for-lis li p.sts{
    padding: 2px 11px;
    text-transform: uppercase;
    font-size: 10px!important;
    background-color: #E4FFD4;
    border: 1px solid #39E92E;
    color: #39E92E;
    display: inline-block;
    font-weight: bold;
    margin-top: 6px;
}
.prof-top h4 span{
    display: block;
    text-transform: capitalize;
    font-weight: normal;
    font-size: 12px;
}
.crd-pro.fr-ac{
    background-color: #f2f6ff;
    border: 1px solid #D9E5FF;
}
.for-team .media{
    padding: 0 10px 0;
}
.for-team .media h5{
    color: #666666;
    font-size: 21px!important;
}
.for-team .media h5 span{
    display: block;
    font-size:14px ;
    text-transform: none;
    color: #aaaaaa;
    margin-top: 3px;
}
.team-crd .card{
    border: 1px solid #DDDDDD;
}
.team-crd h5{
    margin: 0!important;
    font-size: 18px;
    color: #0252FF;
}
ul.list-sch{
    margin-top: 10px;
}
ul.list-sch li:first-child{
    border-radius: 10px 10px 0 0;
    color: #999999!important;
}
ul.list-sch li:last-child{
    border-bottom:1px solid #DDDDDD ;
    border-radius: 0 0 10px 10px;
    color: #999999!important;
}
ul.list-sch li:first-child,
ul.list-sch li:last-child{
    background-color: #f7f7f7;
    color: #CCCCCC;
}
ul.list-sch li{
    padding: 10px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    border: 1px solid #eaeaea;
    border-bottom: none;
    background-color: #ffffff;
}
ul.list-sch .li-grid{
    border-right:1px solid #CCCCCC;
    margin-right: 15px;
}
.sel-grid{
    display: grid;
    grid-template-columns: 45% 10% 45%;
}
.simplebar-content-wrapper .simplebar-content > li .sidebar-link.active{
    background-color: #DBE7FF!important;
    border: 1px solid #0252FF!important;
    color: #0252FF!important;
}
.team-crd .btn-primary{
    margin-top: 15px;
}
.mdl-dash{
    text-align: center;
    align-self: center;
    font-size: 20px;
}
.slct .select2-container--open{
    z-index: 9!important;
}
.team-v label{
    margin-top: 9px!important;
}
.mt-row{
    margin: 10px 0;
}
#editHrs .modal-lg{
    max-width: 650px;
}
ul.list-colr li{
    display: inline-block;
    margin-bottom: 20px;
}
ul.list-colr li .checkbox label::before{
    width: 35px;
    height: 35px;
}
.check-co1 label:before{
    background-color: #fc2f2f!important;
}
.check-co2 label:before{
    background-color: #fc922f!important;
}
.check-co3 label:before{
    background-color: #fcda2f!important;
}
.check-co4 label:before{
    background-color: #ddfc2f!important;
}
.check-co5 label:before{
    background-color: #96fc2f!important;
}
.check-co6 label:before{
    background-color: #2ffc8f!important;
}
.check-co7 label:before{
    background-color: #2fddfc!important;
}
.check-co8 label:before{
    background-color: #2f6ff9!important;
}
.check-co9 label:before{
    background-color: #9e2ff9!important;
}
.checkbox input[type="checkbox"]:checked + label::before{
    color: #ffffff;
}
.checkbox input[type="checkbox"]:checked + label::before{
    line-height: 2.5!important;
}
.top-had {
    text-align: center;
    color: #7B7B7B;
    margin-bottom: 40px;
}
.top-had h1{
    color: #484848;
    font-size: 33px;
    font-family: 'Metropolis-medium';
    margin-bottom: 0;
}
.top-had h1 span{
    color: #0252FF;
}
.top-had p{
    font-size: 21px;
    margin-top: 0;
}
.grd-had{
    display: grid;
    grid-template-columns: 2fr 1fr;
}
.grd-had label{
    margin-top: 10px;
}
.grd-had .switch input:checked + .switch-state{
    background-color: #0252FF!important;
}
.grd-had .switch-state{
    background-color: #e3ebfc!important;
    border: 1px solid #d9e3f4;
}
.grd-had .switch{
    width: 60px!important;
}
.grd-had .switch .switch-state:before{
    left: 7px!important;
}
.fir-page.widget-joins:after{
    display: none;
}
.str-grid{
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-gap:30px;
    position: relative;
}
.str-grid::before{
    width: 100px;
    background-color: #0453FD;
    height: 1px;
    position: absolute;
    top: 40%;
    right: 28%;
    content: '';
}
.str-l .card,
.str-r .card{
    border-radius: 80px;
    border: 1px solid #0252FF;
}
.str-l .card-body,
.str-r .card-body{
    padding: 25px 20px!important;
}
.str-l .bor-r{
    position: relative;
}
.str-l .bor-r::before{
    width: 1px;
    height: 76px;
    content: '';
    position: absolute;
    right: 10px;
    top: -7px;
    background-color: #DDDDDD;
}
.str-l .media,
.str-r .media{
    flex-direction: column-reverse;
}
.str-l .media span,
.str-r .media span{
    font-size: 35px!important;
    color: #0252FF;
}
.str-l .media h5,
.str-r .media h5{
    font-size: 16px;
    color: #7B7B7B;
}
/*======================*/
        /*Radio Button*/
/*======================*/
.list-colr .radio label::after{
    /*width: 29px!important;*/
    /*height: 27px!important;*/
    /*left: 0!important;*/
    /*top: 1px!important;*/
    /*border-radius: 5px!important;*/
    /*background-color: rgba(0,0,0,0.4)!important;*/
    background-color: #ffffff!important;
}
.list-colr .radio label::before{
    width: 29px!important;
    height: 29px!important;
    left: 0!important;
    border-radius: 5px!important;
}
/*-----------------------*/
/*-----------------------*/
/*=======================*/
    /*Timer Dashboard*/
/*=======================*/
/*.countdown li {*/
    /*display: inline-block;*/
    /*font-size: 1.5em;*/
    /*list-style-type: none;*/
    /*padding: 1em;*/
    /*text-transform: uppercase;*/
/*}*/
/*.media.est{*/
    /*flex-direction: column-reverse;*/
/*}*/
/*---------------------*/
/*---------------------*/
/* width */
.crd-pd::-webkit-scrollbar {
    width: 3px;
}

/* Track */
.crd-pd::-webkit-scrollbar-track {
    /*box-shadow: inset 0 0 5px grey;*/
    border-radius: 10px;
    background-color: #ffffff!important;
}

/* Handle */
.crd-pd::-webkit-scrollbar-thumb {
    /*background: #CCCCCC;*/
    border-radius: 10px;
    background-color: #DBE7FF!important;
}
.crd-pd{
    padding: 10px !important;
    max-height: 250px;
    overflow-y:scroll ;
}
.crd-pd a{
    display: inline-flex;
}
.jobi-crd{
    padding: 10px;
    display: flex;
    border-radius: 50px;
    border: 1px solid #D9D9D9;
    background-color: #FCFCFC;
    margin: 0 0 10px;
}
.jobi-crd i.for-ico{
    border: 1px solid #B4CDFE;
    background-color: #DBE7FF;
    color: #ffffff;
    padding: 10px;
    border-radius: 50px;
    font-size: 25px;
    margin-right: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.crd-pd h3{
    font-size: 18px;
    color: #0252FF;
    margin-bottom: 0;
}
.crd-pd h3 span{
    font-size: 12px;
    color: #A2A2A2;
}
.crd-pd ul.job-opt{
    display: block;
}
.crd-pd .job-content{
    margin-left:5px!important;
    margin-top:3px!important;
    margin-right: 18px;
}
.crd-pd ul.job-opt li{
    font-size: 10px!important;
   display: inline-block!important;
   color: #8A8A8A!important;
    margin-right: 5px;
}
.crd-pd ul.job-opt li i{
    padding: 0;
    font-size: 13px;
    margin: 0;
    border: none;
    background-color: transparent;
    color: #8A8A8A;
}
span.right-con{
    float: right;
}
span.right-con .nm{
    background-color: #8FF099;
    border-radius: 30px;
    color: #ffffff;
    font-weight: bold;
    padding: 2px 5px;
}
.prio{
    padding: 2px 8px;
    color: #ffffff!important;
    border-radius: 10px;
}
.late{
    background-image:linear-gradient(30deg, #F72F2F, #BD3737) ;
}
.compl{
    background-image:linear-gradient(30deg, #2FF78C, #37BD52) ;
}
.canc{
    background-image:linear-gradient(30deg, #BCBCBC, #8D8D8D) ;
}
.inc{
    background-image:linear-gradient(30deg, #e5d02d, #d3bf26) ;
}
.lst-drp {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.lst-drp i.dot-drp{
    color: #C7D4EE;
    font-size: 34px;
}
.lst-stcrd{
    padding:10px!important;
}
.lst-stcrd .btn-primary{
    background-color: #DBE7FF!important;
    border: 1px solid #A9C4FF!important;
    color: #7B7B7B;
    padding:3px 15px;
    font-size: 12px;
    font-weight: normal!important;
}
.map-img{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 340px;
}
.card.crd-mp .card-body{
    padding: 0;
    border: 1px solid #CCCCCC;
    overflow: hidden;
    border-radius: 20px;
}
.tody-hd h4{
    color: #7B7B7B;
    margin-top: 10px;
}
.tody-hd h4 span{
    font-size: 14px;
}
.chrt {
    margin-top:20px ;
}
.chrt .card-body{
    padding: 10px!important;
}
.ct-series-a .ct-area{
    fill: transparent!important;
}
.ct-labels,
.ct-grids{
    display: none;
}
.cht-hd {
    padding-left: 10px;
    padding-top: 10px;
}
.cht-hd h5{
    font-size: 14px;
    color: #7B7B7B;
    margin: 0;
}
.cht-hd h6{
    color: #0252FF;
    font-size: 25px;
    margin-top: 0;
    font-weight: bold;
}
.cht-hd i{
    color: #0252FF;
}
.ct-series-a .ct-point,
.ct-series-a .ct-line,
.ct-series-a .ct-bar,
.ct-series-a .ct-slice-donut{
    stroke: #0252FF!important;
}
/*.tody-hd .form-control{*/
    /*float: right;*/
    /*border: 1px solid #D6E4FF;*/
    /*background-color:#DBE7FF ;*/
    /*color: #7B7B7B;*/
    /*border-radius: 5px;*/
    /*position: relative;*/
/*}*/

/*=================*/
    /*Rating*/
/*=================*/
.rting .card-body{
    padding: 20px!important;
}
.rting .cht-hd{
    padding: 0 0 10px;
}
.rating-on-img {
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    color: #fff
}
.ter-crd table,
.rting table{
    width: 100%;
}
.head-rate {
    font-size: 70px;
    margin-bottom: 0px;
    cursor: pointer
}

.subhead-rate {
    font-size: 20px;
    font-weight: normal;
    cursor: pointer
}

.heading0 {
    margin-top: -50px
}

.rating-label {
    font-weight: normal;
    font-size: 14px;
    color: #7B7B7B;
}

.rating-bar {
    width: 420px;
    padding: 8px;
    border-radius: 5px
}

.bar-container {
    width: 100%;
    background-color: #DFEAFE;
    text-align: center;
    color: white;
    border-radius: 20px;
    cursor: pointer
}

.bar-0,
.bar-1,
.bar-2,
.bar-3,
.bar-4 {
    height: 13px;
    background-color: #0252FF;
    border-radius: 20px
}
.star-active {
    color: #FFB33E!important;
    margin-bottom: 10px
}

.star-active:hover {
    color: #FFB33E!important;
    cursor: pointer
}

.review-heading {
    font-size: 24px
}

.review-desc {
    font-size: 15px
}
.text-min,
.text-max{
    font-size: 14px;
}
.text-min{
    color: #98B7F0;
}
.text-max{
    color: #0252FF;
    font-weight: bold;
}
.str-rating h3{
    display: inline-block;
    color: #0252FF;
    font-size: 35px;
    font-weight: bold;
    margin-right:4px;
}
.str-rating span{
    font-size: 22px;
    color: #EBEBEB;
}
/*-----------------*/
/*-----------------*/
.tap-top{
    background-color: rgb(137 193 45)!important;
}
.tap-top:hover{
    background-color: rgb(137 193 45)!important;
}
.card-body.to-rat{
    padding-bottom: 0!important;
}
.no-padd{
    padding-bottom: 10px!important;
}
.ter-crd .nav-pills{
    border-radius: 50px;
    background-color: #F1F6FF;
    border: 1px solid #C7D8FC;
    padding: 5px;
    width: 90%;
    float: right;
    justify-content: center;
}
.ter-crd .nav-pills .nav-link.active,
.ter-crd .nav-pills .show > .nav-link{
    border-radius: 50px;
    background-color: #0252FF;
}
.ter-crd .nav-link{
    color: #0252FF;
    font-size: 12px;
    padding: 5px 10px;
}
.ter-crd .card-body.st-crd{
    padding: 10px!important;
}
.card-body.crd-bd{
    padding: 20px!important;
}
.fr-lit ul li{
    display: flex;
    background-color: #F8F8F8;
    border: 1px solid #D4D4D4;
    border-radius: 50px;
    padding: 10px 20px;
    align-items: center;
    justify-content: space-between;
}
.fr-lit ul li p{
    margin-bottom: 0!important;
    font-size: 12px;
    /*margin-right: 20px;*/
}
.fr-lit .rating-bar{
    width: 370px;
}
.fr-ddown .sidebar-submenu{
    background-color: #DBE7FF;
    margin-bottom: 10px;
    border-radius: 0 0 30px 30px;
    border: 1px solid #0252FF;
    border-top: none;
}
.fr-ddown .sidebar-link.active{
    margin-bottom: 0!important;
}
li.sidebar-list.fr-ddown > a.sidebar-link.active{
    border-radius: 30px 30px 0 0!important;
}
.simplebar-content-wrapper .simplebar-content > li.fr-ddown .sidebar-link.active{
    border-bottom: none!important;
}
li.fr-ddown .sidebar-submenu li a{
    background: #fff;
    width: 230px;
    margin: 0 auto 5px;
    border-radius: 20px;
    border: 1px solid #7DA3F5;
    padding: 5px;
}
li.fr-ddown ul.sidebar-submenu{
    padding-bottom: 5px!important;
}
li.fr-ddown .sidebar-submenu li a:hover{
    margin: 0 auto 5px!important;
    background-color: #7DA3F5;
    color: #ffffff!important;
}
li.fr-ddown .sidebar-submenu li a:hover:after{
    background-color: #ffffff!important;
}
li.fr-ddown .sidebar-submenu li a:after{
    width: 7px!important;
    border: none!important;
    height: 7px!important;
    background-color: #0252FF!important;
    border-radius: 20px!important;
    top: 13px!important;
    left: 23px!important;
}
.qut th{
    text-transform: uppercase;
    color: rgb(84, 105, 141)!important;
    font-size: 12px;
    font-weight: bold!important;
}
.qut td i{
    font-size: 18px;
}
.bul-txt{
    color: #0252FF!important;
}
.bul-txt i{
    color: #8A8A8A;
}
.rqu h3{
    color: #0252FF;
}
.rqu h3 span{
    color: #8392B3;
    display: block;
    font-size: 16px;
}
.btn-flt {
    float: right;
    display: flex;
    height: 100%;
    align-items: center;
    width: 100%;
    justify-content: space-evenly;
}
.qr-flt {
    display: flex;
    border-radius: 50px!important;
    padding-left:20px ;
    padding-right:20px ;
}
.crd-mp{
    background-color: transparent;
}
.crd-mp .embed-responsive iframe{
    height: 350px;
}
.file-manager .embed-responsive iframe{
    width: 100%;
    height: 200px;
    border-radius: 10px!important;
}
.fr-det li.lbl-det{
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #eeeeee;
    padding: 5px 10px;
}
.fr-det li.lbl-det label{
    margin: 0;
    color: #435B8F;
    font-weight:bold
}
.fr-det li.lbl-det p{
    color: #89c12d;
    font-weight:bold
}
.card.crd-qt{
    height: 100%;
}
.frm-sec h1{
    color: #0252FF;
    font-size: 25px;
    font-weight: bold;
}
.frm-sec p{
    color: #7B7B7B;
    font-size: 16px!important;
}
.grd-col {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap:0;
    justify-content: center;
    align-items:center;
    margin-top: 30px;
}
.grd-col .grd-frm{
    background-color: #ffffff;
    background-size:cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    height: 320px;
}
.bg-pd{
    padding: 40px 0;
}
.form-control-color{
    max-width: 2rem!important;
    /*height: auto!important;*/
    display: flex!important;
    background-color:transparent ;
    border: none;
    padding: 0;
}
.fr-cl{
    display: flex;
}
.fr-cl span{
    margin-left: 11px;
    margin-top: 2px;
}
.ad-frm{
    display: flex;
    border-radius: 20px;
    justify-content: center;
    height: 80px;
    align-items: center;
}
.shr{
    display: flex;
    justify-content: space-evenly;
    padding: 15px 10px;
    border-radius:20px ;
}
button.shr{
    text-align: left;
}
.shr i{
    font-size: 36px;
    color: #0252FF;
    transform: rotateZ(44deg);
}
.cont-frm{
    display: flex;
    flex-direction: column;
}
.shr h4{
    font-size: 16px;
    margin-bottom: 0;
    color: #0252FF;
    font-weight: bold;
}
.shr p{
    color: #707070;
}
.theme-form label{
    font-weight: bold;
    color: #7B7B7B;
    margin-top: 20px;
}
.frm-th .card-footer{
    padding: 20px!important;
    display: flex;
    justify-content: flex-end!important;
}
.frm-th form{
    margin-bottom: 0;
}
.fr-shr h4{
    color: #435B8F;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 5px;
}
.fr-shr p{
    color: #999999;
}
.fr-shr .form-control{
    border-radius: 20px;
}
.fr-shr .form-control a{
    color: #435B8F;
}
.fr-shr .form-control a:hover{
    text-decoration: underline;
}

/*========================*/
        /*Form Builder*/
/*========================*/
.form-wrap.form-builder .stage-wrap.empty{
    height: 520px;
}
.form-wrap.form-builder .form-actions{
    float: none;
    width: 100%;
}
.form-wrap.form-builder .form-actions button{
    width: 33%;
}
.form-wrap.form-builder .frmb .prev-holder textarea{
    border-radius: 50px!important;
    box-shadow: none!important;
    padding: 10px 20px;
    font-size: 14px;
    background-color: #F7FAFF!important;
    border: 1px solid #9EBDFC!important;
}
.form-wrap.form-builder .frmb .form-elements .false-label:first-child,
.form-wrap.form-builder .frmb .form-elements label:first-child{
    margin-top: 0;
}
.form-wrap.form-builder .frmb>li{
    box-shadow: 0 0 10px rgba(0,0,0,0.0)!important;
}
.form-wrap.form-builder .frmb>li:hover{
    border-color: #DDDDDD;
    box-shadow: 0 0 10px rgba(0,0,0,0.08)!important;
    padding: 10px;
}
.form-wrap.form-builder .frmb .field-actions{
    top: 9px;
    right: 10px;
}
.field-actions a.btn{
    border-radius: 20px!important;
    width: 27px!important;
    height: 27px!important;
}
.field-actions a.btn:before{
    font-size: 13px;
    line-height: 2em;
}
.form-wrap.form-builder .frmb .field-actions .toggle-form:hover{
    background-color: #0252FF;
}
.form-wrap.form-builder .frmb .field-actions .del-button:hover{
    background-color: #EC3636;
}
.form-builder-dialog.data-dialog{
    z-index: 9999;
    width: 50%;
    left: 751px!important;
    top: 46%!important;
    bottom: 0;
}
.form-builder-dialog.positioned{
    z-index: 9999;
    box-shadow: 0 0 10px rgba(0,0,0,0.08)!important;
}
#bld-form{
    display: none;
}
#bld-form .cls{
    float: right;
}
/*----------------------*/
/*----------------------*/
.jbs .tb-bck h4{
    font-size: 11px;
    font-weight: bold;
}
.jbs .tb-bck h4 span{
    font-size: 12px;
    color: #B5B5B5;
    font-weight:normal ;
    margin-top: 3px;
}
.jbs .dt-ext span.stl{
    display: block;
    font-weight: normal;
    color: #B5B5B5;
    margin-top: 3px;
}
.jbs .prio{
    font-weight: normal;
}
.jb-id{
    font-size: 12px;
}
.jbs td{
    color: #8A8A8A!important;
    font-weight: bold;
    vertical-align: middle!important;
}
.jbs td.pmt{
    color: #0252FF!important;
}
.rgt-slct{
    width: 85%;
    display: flex;
    /* justify-content: end; */
    margin-left: 11px;
}
.jbs .tb-bck .slct{
    width: 43%;
    margin-right: 5px;
}
.jbs .no-dtable.form-control{
    margin-left: 0;
}
.jbs span.org-j{
    width: 30px;
    height: 30px;
}
.jbs.emp .border-tab.nav-primary .nav-item .nav-link{
    padding: 5px 20px;
}
.jb-acc .btn{
    text-align: left;
    padding: 10px 20px!important;
    font-size: 18px;
    font-weight: normal!important;
}
.jb-acc .btn span{
    float: right;
    background-color: #ffffff;
    color: #0252FF;
    font-size: 14px;
    /*padding: 3px 8px;*/
    width: 20px;
    height: 20px;
    border-radius: 20px;
    text-align: center;
    margin-top: 2px;
}
.jb-acc .bg-primary{
    background-color: #89c12d!important;
}
.jb-acc .card-header{
    padding: 0!important;
}
.jb-acc .card-header h5{
    padding: 0;
}
.jb-acc .default-according .card .card-body{
    border: 2px solid #89c12d;
    border-radius: 0 0 20px 20px;
}
.card-body.cust{
    padding: 50px 0!important;
}
.jb-acc .card{
    background-color: transparent;
}
.jb-acc .card-header {
    border-radius: 20px 20px 0 0!important;
}
.cust h3{
    color: #89c12d;
    position: relative;
}
.cust .srch{
    width: 100%;
}
.cust .srch i{
    position: absolute;
    right: 30px;
    top: 113px;
    font-size: 18px;
}
.srch button.btn{
    background-color: transparent;
    box-shadow: none!important;
    padding: 0!important;
}
.cust p{
    font-size: 14px;
    color: #999999;
    line-height: 1.5;
}
.jb-acc button.ctcus{
    font-size: 14px;
    padding: 5px 20px!important;
    margin-top: 15px;
    width: 40%;
    text-align: center;
    background: #f2f6ff!important;
    border: 1px solid #e8ecf4!important;
    color: #89c12d;
}
.jb-acc button.ctcus:hover{
    color: #ffffff;
    background-color: #89c12d!important;
}
.cust .card-footer{
    padding: 15px 0 0!important;
    float: right;
    width: 100%;
    margin-top: 30px;
    display: flex;
    justify-content: flex-end;
}
.btn-primary:hover{
    background-color: #89c12d!important;
}
.btn.sbmt {
    padding: 6px 20px!important;
    font-size: 15px;
}
.ed-job{
    border-radius: 50px!important;
    border: 1px solid #127E21!important;
    margin-bottom: 10px!important;
}
.ed-job .card-body{
    padding: 10px 20px!important;
}
.comp-ed{
    display: flex;
    align-items: center;
}
.comp-ed i.cir-ico{
    background-image: radial-gradient(#56E469,#44BD54);
    color: #ffffff;
    width: 25px;
    height: 23px;
    border-radius: 20px;
    text-align: center;
    padding-top: 5px;
    font-size: 12px;
    margin-right: 20px!important;
}
.cmp-hd{
    display: flex;
    width: 100%;
    flex-direction: column;
}
.cmp-hd h4{
    font-size: 14px;
    color: #7D98D1;
    margin-bottom: 0;
    /*font-weight: bold;*/
}
.cmp-hd p{
    margin-top: 0;
    font-size: 18px;
    font-weight: bold;
    text-transform: capitalize;
    color: #49C85A;
    line-height: 1.2;
}
.comp-ed i{
    font-size: 20px;
    color: #49C85A;
}
.no-bg{
    background-color: transparent!important;
}
.prot{
    margin-bottom: 20px;
}
.cust .form-check{
    margin-bottom: 0;
    padding: 0;
}
.cust .form-check-label{
    width: 100%;
    margin-bottom: 0!important;
    margin-top: 0!important;
    border:1px solid #89c12d;
    padding: 20px 50px 17px;
    border-radius: 50px;
    background-color: #eff3f9;
}
.cust .card-body.animate-chked{
    border-radius: 50px!important;
    padding: 0!important;
    border: none!important;
}
.cust .radio label::before{
    left: 38px;
}
.cust .radio label::after{
    left: 43px;
    top: 24px;
    background-color: #184dbf!important;
}
.card-body.cust{
    background-color: #ffffff!important;
}
.pd-t{
    padding-right: 0;
}
.pd-t .select2-container--default .select2-selection--single{
    border-bottom-right-radius:0!important;
    border-top-right-radius:0 !important;
    border-right: none!important;
}
.pd-tt .select2-container--default .select2-selection--single{
    border-bottom-left-radius:0 !important;
    border-top-left-radius:0 !important;
    /*border-left: none!important;*/
}
.pd-tt{
    padding-left: 0;
}
.onhover-show-div li:hover{
    background-color: #f7f9ff;
}
.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown{
    padding: 0!important;
}
.dropi-dot .onhover-show-div li a{
    display: block;
}
/*.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li{*/
    /*padding-left: 15px!important;*/
    /*padding-right: 15px!important;*/
/*}*/
.sch-bx2,
.sch-bx{
    border: 1px solid #BED3FF;
    display: grid;
    padding: 10px 20px;
    border-radius: 60px;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 10px;
}
.sch-bx2{
    grid-template-columns: 10% 37% 52%;
}
.sch-bx{
    grid-template-columns: 10% 30% 40% 20%;
}
.sch-bx2 i,
.sch-bx i{
    color: #89c12d;
    font-size: 28px;
}
.sch-bx2 .sch-con label,
.sch-bx .sch-con label{
    color: #89c12d;
    font-weight: bold;
    /*font-size: 14px;*/
    margin-top: 0;
    margin-bottom: 0!important;
    line-height: 1.1;
}
.sch-bx2 .sch-con p,
.sch-bx .sch-con p{
    margin-top: 0!important;
}
.sch-bx2 .btn-primary,
.sch-bx .btn-primary{
    padding: 5px!important;
    text-align: center;
    font-size: 14px;
    max-height: 35px;
}
.irs-line-mid, .irs-line-left, .irs-line-right, .irs-bar, .irs-bar-edge{
    background-color:#89c12d!important;
}
.irs-min, .irs-max,
.irs-from, .irs-to, .irs-single{
    display: none!important;
}
.cal-frid{
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    border: 1px solid #DDDDDD;
    border-radius: 10px;
}
.cldr{
    border-right: 1px solid #eeeeee;
}
.cldr .datepicker--days-names{
    margin-top: 0!important;
}
.cldr .datepicker--cell.-current-{
    border-color: #0252FF!important;
    border-radius: 30px!important;
    height: 52px!important;
    background-color: #0252FF!important;
    color: #ffffff!important;
    box-shadow: 0 0 10px rgba(0,0,0,0.2)!important;
}
.cldr .datepicker--cell-day{
    border-radius: 50px!important;
    height: 52px!important;
    width: 12%!important;
}
.cldr .datepicker--cell-day:focus{
    box-shadow: 0 0 10px rgba(0,0,0,0.2)!important;
}
#editSch .card{
    margin-bottom: 0!important;
}
#editSch .card .cldr{
    padding: 20px 10px;
}
#editSch .card .av-time{
    padding: 20px 10px;
    height: 450px;
    overflow: auto;
}
/* width */
.av-time::-webkit-scrollbar {
    width: 3px;
}

/* Track */
.av-time::-webkit-scrollbar-track {
    /*box-shadow: inset 0 0 5px grey;*/
    border-radius: 10px;
    background-color: #ffffff!important;
}

/* Handle */
.av-time::-webkit-scrollbar-thumb {
    /*background: #CCCCCC;*/
    border-radius: 10px;
    background-color: #DBE7FF!important;
}
.av-time h6{
    color: #4F4F4F;
    font-size: 15px;
    text-align: center;
}
.av-time h6 span{
    color: #0252FF;
    font-weight: bold;
    text-align: center;
}
#editSch .cust{
    margin: 30px 0 10px;
}
#editSch .cust .form-check-label{
    padding: 7px 50px;
    background: transparent;
    margin-bottom: 7px!important;
    border-color: #E3E3E3!important;
}
#editSch .cust span{
    font-size: 13px;
    color: #999999;
    font-weight: bold;
    line-height: 1.2;
}
#editSch .cust span b{
    font-weight: normal;
    font-size: 10px;
    display: block;
}
#editSch .cust .radio label::before{
    top: 9px!important;
}
#editSch .cust .radio label::after{
    top: 14px;
}
#editSch .radio input[type="radio"]:checked + label{
    background: #0252FF!important;
}
#editSch .radio input[type="radio"]:checked + label span{
    color: #ffffff;
}
.tbl-ass{
    border-top: 2px solid #f2f4ff;
    padding-top: 10px;
    margin-top: 20px;
}
.tbl-ass .tb-bck{
    padding: 0;
    border-radius: 0;
}
.tbl-ass .tb-bck .table-bordered th{
    background: #f2f4ff;
    border: none;
}
.tbl-ass .progress-showcase .progress{
    margin-bottom: 0;
}
.tbl-ass label{
    margin-top: 5px;
    font-size: 12px;
    text-align: right;
    display: block;
    color: #707070;
}
.tbl-ass h3{
    font-size: 24px;
}
span.org-j{
    color: #ffffff!important;
}
.tbl-ass .progress-showcase .progress{
    background-color: #E4EDFF;
}
.ljb-grd{
    display: grid;
    grid-template-columns: 1fr 1fr;
    border:2px dashed #c1d6ff;
    border-radius: 20px;
}
.lf-prc{
    border-right:2px dashed #c1d6ff;
}
.prc-cont{
    padding: 20px 15px;
}
.lf-prc h4{
    font-size: 20px!important;
    color: #707070;
    font-weight: bold!important;
}
.prc-cont label{
    font-weight: bold;
    margin-top: 10px;
    text-transform: uppercase;
    font-size: 14px;
    color: #89c12d;
}
.prc-cont .form-control{
    display: flex;
    justify-content: space-between;
    padding: 8px 20px;
    border-color: #89c12d!important;
}
.prc-cont.bor{
    border-top: 1px solid #c1d6ff;
}
.dlr{
    color: #89c12d;
}
.lf-prc .media-body{
    display: flex;
    align-items: center;
    margin-top: 10px;
}
.lf-prc .media-body span{
    font-size: 14px;
    padding-top: 5px;
    text-transform: none;
    color: #515151;
    padding-left: 10px;
}
.lf-prc .switch-state:before{
    height: 14px!important;
    width: 15px!important;
    left: 3px!important;
    bottom: 4px!important;
}
.lf-prc .switch{
    height: 22px!important;
}
.lf-prc .switch input:checked + .switch-state{
    background-color: #89c12d;
}
.bor button.btn{
    padding: 0!important;
    box-shadow: none;
}
button.line{
    width: 35%!important;
    font-size: 14px!important;
    text-align: center!important;
    margin-top: 10px;
}
.lf-prc .fr-det{
    border-radius: 10px;
    border: 1px solid #BED3FF;
    background-color: #F5F8FF;
    box-shadow: 0 0 15px rgba(0,0,0,0.09);
}
.lf-prc .fr-det li.lbl-det {
    border: none!important;
    align-items: center;
}
.lf-prc .fr-det li.lbl-det label{
    font-size: 11px;
    text-transform: capitalize;
    margin-bottom: 0!important;
}
.lf-prc .fr-det li.lbl-det label span{
    display: block;
    color: #95B7FE;
    line-height: 1;
    margin-bottom: 10px;
}
.lf-prc .fr-det li.lbl-det p{
    font-size: 12px;
}
.lf-prc .fr-det li.lbl-det:last-child{
    border-top:1px solid #BED3FF!important;
    padding: 10px;
}
.lf-prc .fr-det li.lbl-det:last-child p,
.lf-prc .fr-det li.lbl-det:last-child label{
    font-size: 13px;
}
.lf-prc .lbl-det.dis p{
    color: #A1A1A1;
}
.lf-prc .lbl-det .btn{
    padding: 10px ;
    width: 15px;
    height: 15px;
    text-align: center;
}
.lf-prc .lbl-det .btn i{
    font-size: 10px;
}
.btn.btn-cj{
    width: 100%;
    text-align: center;
    margin-top: 20px;
}
/*============================*/
/*Radio Button*/
/*============================*/
.switch-field {
    display: flex;
    overflow: hidden;
    align-items: center;
}
.fr-disc{
    padding: 30px 0 20px;
}
.fr-disc a{
    color: #E32424;
    margin-top: 10px;
    font-size: 16px;
    display: flex;
    justify-content: flex-end;
}
.fr-disc a:hover{
    color: #c62323;
}
.switch-field input {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden;
}

.switch-field label {
    background-color: #F7FAFF;
    color: rgba(0, 0, 0, 0.6);
    font-size: 16px;
    line-height: 1;
    text-align: center;
    color: #0252FF;
    padding: 12px 26px;
    margin-right: -1px;
    border: 1px solid #9EBDFC;
    transition: all 0.1s ease-in-out;
    margin-top: 0;
    margin-bottom: 0;
}

.switch-field label:hover {
    cursor: pointer;
}

.switch-field input:checked + label {
    background-color: #0252FF;
    box-shadow: none;
    color: #ffffff;
}

.switch-field label:first-of-type {
    border-radius: 30px 0 0 30px;
}

.switch-field label:last-of-type {
    border-radius: 0 30px 30px 0;
}
/*-----------------------------*/

.fr-tax .media-body{
    display: flex;
    align-items: center;
}
.fr-tax .media-body span{
    display: flex;
    padding: 12px 10px 0;
}
.fr-tax .media-body label{
    margin-left: 10px;
}
.fr-tax .switch-state:before{
    height: 15px!important;
    width: 16px!important;
    bottom: 6px!important;
    left: 4px!important;
}
.fr-tax .switch input:checked + .switch-state{
    background-color: #0252FF;
}
.fr-tax .switch{
    margin-left: 0!important;
    width: 53px!important;
    height: 26px!important;
}
.rg-prc{
    padding: 20px;
}
.rg-prc .card{
    box-shadow: 0 0 20px rgba(0, 0, 0,0.09)!important;
    border: 1px solid #eeeeee!important;
}
.rg-prc .card-body{
    border: none!important;
}
.rg-prc h5{
    color: #707070;
    font-weight: bold;
}
.rg-prc .fill-note{

}
@media (max-width: 720px) {
    .comp-ed i.cir-ico{
        height: 20px;
        padding-top: 4px;
    }
    #editSch .card .av-time{
        height: 180px;
    }
    .av-time h6 span{
        display: block;
    }
    .cldr .datepicker--cell.-current-{
        height: 30px!important;
    }
    .cldr .datepicker--cell-day{
        height: 36px!important;
        width: 15%!important;
    }
    .sm-mod .switch-field{
        justify-content: center;
        margin-bottom: 10px;
    }
    .fr-disc a{
        justify-content: center;
    }
    .sm-mod .modal-footer button:first-child{
        margin-bottom: 0;
    }
    .ljb-grd{
        grid-template-columns: 1fr;
    }
    .cust .card-footer{
        justify-content: center;
    }
    .sch-bx{
        grid-template-columns: 1fr;
    }
    .sch-con{
        margin-bottom: 10px;
    }
    .sch-bx2, .sch-bx{
        border-radius: 20px;
    }
    .sch-bx2 {
        grid-template-columns: 1fr;
    }
    .sch-bx2 .theme-form label{
        display: none;
    }
    .sch-bx2 i, .sch-bx i{
        margin-bottom: 10px;
    }
    .cust{
        text-align: center;
    }
    .cust h3{
        font-size: 21px;
        margin-bottom: 18px;
    }
    .cust .srch i{
        top: 155px;
    }
    .jb-acc button.ctcus h3{
        font-size: 30px;
    }
    .jb-acc button.ctcus{
        width: 100%;
    }
    .card-body.cust{
        padding-left: 20px!important;
        padding-right: 20px!important;
    }
    .cal-frid{
        grid-template-columns: 1fr;
    }
    .grd-col{
        grid-template-columns: 1fr;
    }
    .grd-col .grd-frm{
        margin-bottom: 10px;
    }
    .file-manager.rqu{
        text-align: center;
    }
    ul.list-sch li{
        align-items: center;
    }
    .modal#editHrs{
        margin-top: 0!important;
    }
    .mt-row{
        background-color: #f7f7f7;
        padding: 10px 0;
        margin-top: 0!important;
        margin-bottom: 0!important;
        border-bottom: 1px solid #DDDDDD;
    }
    .team-v{
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 0;
        padding-right: 0;
    }
    .team-v label{
        margin-bottom: 10px;
        margin-top: 0!important;
    }
    .media.med-rdi label::after{
        top: 5px!important;
        left: 19px!important;
    }
    .media.med-rdi label::before{
        top: 0!important;
        left: 14px!important;
    }
    .card-header h5{
        font-size: 15px!important;
        margin-top: 6px;
    }
    .customer .no-dtable.form-control{
        margin-left: 0;
    }
    .tb-top{
        padding: 0 10px;
        flex-direction: column;
    }
    .srch{
        width: 100%
    }
    .tb-top .slct{
        width: 100%;
    }
    .fr-lit ul li{
        flex-direction: column;
        border-radius: 10px;
    }
    .ter-crd .nav-pills{
        float: none;
        border-radius: 10px;
        width: 100%;
    }
    .str-grid {
        grid-template-columns: 1fr;
        grid-gap: 5px;
    }

    .str-l .bor-r::before {
        display: none;
    }

    .str-l .bor-r {
        margin-bottom: 10px;
    }

    .str-grid::before {
        width: 1px;
        height: 70px;
        top: 47%;
        right: 48%;
    }

    .map-img {
        width: 100%;
    }
}

/*========================*/
         /*OSAMA CSS*/
/*========================*/
section#morePadding{
    padding-left: 85px;
    padding-right: 85px;
}
.lightBgCard {
    background-color: #F8F8F8;
    border: 1px solid #ddd;
    margin-top: 10px;
}
.bg-services{
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width:50px;
    height:40px;
    border-radius: 50%;
}
.gridServiceList{
    display: grid;
    grid-template-columns: 33% 33% 34%;
}
.centerGrid{
    align-self: center;
    justify-self: center;
}
.serv-content{
    padding-left: 16px;
}
.main-serv-head{
    color: #0252ff;
    font-weight: bold;
}
.mt-6p{
    margin-top: 6px;
}
.second-serv-head{
    color: #C7C7C7;
    font-size: 12px;
}
.green-bg-book{
    background-color: #3BCD70;
    height: 10px;
    width: 10px;
    border-radius:50%;
}
.txt-bookable{
    color: #C6C6C6;
    font-size: 15px;
}
.pd-10{
    padding-left: 14px;
}
a.btn.sq{
    border-radius: 5px !important;
    padding: 5px 12px !important;
}
.endGrid{
    justify-self: end;
    align-self: center;
}
.endGrid a {
    margin-left: 8px;
}
.backBtn{
    color: #637381;
    font-weight:600;
    font-size: 12px;
}
.backBtn:hover{
    color: #637381;
    font-weight:bold;
    cursor: pointer;
}
.servicesName{
    font-size: 20px;
    font-weight: bold;
    color: #0252FF;
}
.mt-10p{
    margin-top: 15px;
}
.accordion-item{
    margin-top: 10px;
    /* border-bottom: 1px solid #ddd; */
}
.accordion-button:not(.collapsed) {
    color: #fff;
    background-color: #037CFF;
}
.accordion-button:not(.collapsed)::after, .accordion-button::after{
    display: none;
}
.accordion-button.collapsed{
    background-color: #fff;
}
.accordion-body{
    /* border: 1px solid #037CFF; */
    background: #fff;
}
.accordion-button{
    font-size: 16px;
    font-weight: bold;
}
.accordion-button span{
    padding-left:16px;
}
.accordion .accordion-body .form-control{
    border-radius: 7px;
}
.accordion .accordion-body label{
    font-weight: bold;
}
.accordion .accordion-body .form-group{
    margin-top:12px;
}
.baseduration .form-control{
    border-radius: 0px !important;
}
.baseduration .pl0{
    padding-left: 0px;
}
.baseduration .pr0{
    padding-right: 0px;
}
.padding-content{
    padding-left:40px;
    padding-right: 40px;
}
.form-check label{
    margin-top: 0px;
    padding-left:8px;
    font-size:12px;
}
.accordion-body .actionButton{
    padding-top: 25px;
}
.accordion-button:focus{
    box-shadow: none !important;
}
.modifiers{
    padding:10px 12px;
    border: 1px solid #ddd;
    border-radius: 5px;
}
.mod-qestion{
    font-weight: bold;
}
.mod-ans span{
    background: #e5f0fe;
    padding: 5px 7px;
    border-radius: 6px;
    margin-right: 5px;
}
.mt-10p{
    margin-top:16px;

}
#addModifier .form-control, #addIntake .form-control, .c-card .form-control{
    border-radius: 8px;
}
#addModifier label, #addIntake label, .c-card label {
    font-weight: bold;
}
#addModifier .deleteBtn{
    font-size: 24px;
    font-weight: bold;
    color: #f00b0b;
}
/* Delete Modal */

.warning-icon-div{
    text-align: center;
}
.warning-icon-div i{
    color: #F7D065;
    font-size: 36px;
    font-weight: bold;
}
.warning-txt{
    color: #909090;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    margin-top: 12px;
}
.actionButtons{
    margin-top: 16px;
    text-align: center;
}
.marginTop-10{
    margin-top: 10px;
}
a.text-danger{
    font-size:23px;
}
.coupons .card-body{
    padding: 0px !important;
}
.coupons thead{
    border-top: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
}
.coupons table{
    margin-top: 35px;
}
.coupons .table thead th{
    border-bottom: none;
}
.coupon-number{
    color: #3F7DFF;
    font-weight: bold;
}
.coupon-percent{
    color: #B6B6B6;
    font-size: 10px;
}
.table td {
    color: #8A9095;
    /*font-weight: bold;*/
    font-size: 11px!important;
}
.c-card .form-group{margin-top: 16px;}
.actionButton{
    margin-top:32px;
}
.tcontent{
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 16px;
    padding-bottom: 16px;

}
.tcontent p{
    color: #B6B6B6;
    font-weight: bold;
    font-size: 12px;
}
.totalT{
    background-color: #FCFCFC;
    padding-left:12px;
    padding-right: 12px;
    padding-bottom: 16px;
    padding-top: 16px;
    color: #969696;
    font-weight: bold;
    font-size: 16px;
}
.innercard-settings{
    background-color: #FDFDFD;
    border: 1px solid #EFEFEF;
    min-height: 103px;
}
.settingsIcon i{
    font-size: 30px;
    font-weight: bold;
    color: #0252FF;
}
.sett-head{
    font-weight: bold;
    color: #1B63FF;
    font-size: 16px;
}
.sett-body{
    color: #B2B2B2;
    font-size: 12px;
}
.onlinebooking p{
    color: #A8A8A8;
    font-weight: 500;
    font-size: 12px;
}
.onlinebooking label{
    font-weight: bold;
    text-transform: uppercase;
}
.onlinebooking .form-control{
    border-radius: 5px;
}
.onlinebooking a.sq{
    padding:10px 12px !important;
}
.onGrid{
    display: grid;
    width:100%;
    grid-template-columns: 10% 80% 10%;
    text-align: left;
    grid-gap: 10px;
}
.onGrid .iconbox{
    align-self: center;
}
.onGrid .iconbox i {
    font-size: 30px;
    color: #0252FF;
}
.onGrid .head{
    font-size: 16px;
    padding-bottom: 8px;
    color: #0252FF;
}
.onGrid .body{
    font-size:13px;
}
.onGrid i {
    font-size:30px;
    color: #0252FF;
}
.onlinebooking .accordion-button.collapsed, .onlinebooking .accordion-button:not(.collapsed) {
    background-color: #F3F7FF;
}
.onlinebooking .accordion-button.collapsed, .onlinebooking .accordion-button:not(.collapsed)
i,
.onlinebooking .accordion-button.collapsed, .onlinebooking .accordion-button:not(.collapsed)
.head{
    color: #0252FF;
}
.onlinebooking .accordion-button.collapsed, .onlinebooking .accordion-button:not(.collapsed)
.body{
    color: #8c8888;
}
.bookingPreview{
    border: 1px solid #BACFFE;
    min-height: 500px;
}
/*  */


.cardValue {
    font-size: 2rem;
    font-weight: bold;
    color: #000;
}
.cardLabel {
    color: #000;
    font-size: 1rem;
}

.mar-t-b{
    margin-bottom:40px;
    /* margin-top:40px; */
}

 #preview .inner-box p{
     margin-bottom:0;
 }
 #preview .inner-box{
    margin-bottom: 30px;
    margin-top: 30px;
 }
 #preview .quote-steps p{
    margin-bottom:0;
}
#preview .quote-steps{
   /* margin-bottom: 15px; */
   margin-top: 30px;
   margin-right: 10px;
   border: 1px solid #def4b9;
    border-radius: 6px;
    padding: 12px;
    position: relative;
    padding-top: 25px;
}
.fnt-11{
    font-size:11px;
}
 .doc .table th, .table td {
    padding: 6px!important;
}

.quote-steps h6{
    position: absolute;
    top: -11px;
    background-color: #89c12d;
    color: white;
    padding: 6px;
    border-radius: 6px;
}
#preview h6{
    font-weight: 600;
    
}
.fix h6{
    
    padding: 6px;
    width: fit-content;
    border-radius: 6px;
    background: white;
}

 #preview .foot-btns{
    margin-top:18px;
}

 .file input {
    position: absolute;
    opacity: 0;
    width: 180px;
    cursor: pointer;
    height: 100%;
}

.file{
    position: relative;
}

.align-items{
    align-items: center;
}
.fnt-size{
    font-size: 15px;
}
.pickup-location{
    position: relative;
    padding-left: 15px;
}




.up{
    background: #f1a02c1a;
    padding: 20px;
    border-radius: 10px;
    margin-top: 15px;
}

.accepted-dot{
    color:gold;
}
.rejected-dot{
    color:red;
}

.black{
color: black !important;
}
.dd3{
    border-radius: 5px!important;
    padding-left: 10px!important;
    padding-right: 0px!important;
    padding-top: 4px!important;
    padding-bottom: 4px!important;
    color: white !important;
}
.tip{
    border: 1px solid #f7f7;
    border-radius: 6px;
    margin-top: 12px;
    padding: 12px;
}

.bord-line{
    border-bottom: 1px solid #f7f7;
    padding-bottom: 6px;
}

.inline{
display:inline;
}
.total{
    border: 1px solid #f7f7;
    border-radius: 6px;
    margin-top: 12px;
    padding: 12px;
    width: 50%;
    margin-left:auto;
}
.bill-des{
    background: #f7f7f7;
    padding: 8px;
    border-radius: 6px;
    margin-top: 12px;
}
.scrll2{
    height: 100px;
    overflow-y: scroll;
    overflow-x: hidden;
}


.bill-des span{
    font-size: 12px;
}

.bor-bottom{
    border-bottom: 1px solid #cccc;
}
.tr{
    text-align: right;
}
.bill{
    
    /* padding: 12px; */
    border-radius: 6px;
}
.ok{
    padding: 6px;
    width: fit-content;
    border-radius: 6px;
    background: #f7f7f7;
    margin-bottom: 7px;
}
.dd4{
    border-radius: 5px!important;
    padding-left: 10px!important;
    padding-right: 8px!important;
    padding-top: 4px!important;
    padding-bottom: 4px!important;
    color: white !important;
}
.scroll-two{
    height: 103px;
    overflow-y: scroll;
   

}
.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown{
    left: -74px!important;
}

.select2-container--default.select2-container--focus .select2-selection--multiple{
    background: #eeffd3!important;
    border-radius: 30px!important;
    border: 1px solid #89c12d!important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
    background-color: black!important;
    border-color:black!important;
}

.select2-container--default .select2-selection--multiple{
    background: #eeffd3!important;
    border: 1px solid #89c12d!important;
    border-radius: 30px!important;
}

.scroll-three{
    height: 154px;
    overflow-y: scroll;
   
}

#preview .inner-mov{
    display:flex;
    justify-content:space-between;
}
#preview .inner-mov p{
    font-weight: 600;
}
#preview .inner-mov{
    display:flex;
    justify-content:space-between;
    
}
#preview .mov{
    border-top: 1px solid #e3d7d7;
    border-bottom: 1px solid #e3d7d7;
    padding-top: 12px;
}
#preview .logo-preview{
    text-align: center;
    margin-bottom: 70px;
}
#preview .logo-preview img{
    width: 200px;
    margin-bottom:20px;
}
#preview .rev{
    border-bottom: 1px solid #e3d7d7;
}
#preview .logo-preview p{
    margin-bottom:0;
}
#preview .modal-header .modal-title{
    font-size:23px!important;
}
#preview .des{
    background-color: rgb(250, 250, 250);
    margin-top: 15px;
    padding: 12px;
}
#preview .quote-steps .fo{
    background-color: rgb(238, 238, 238);
    padding: 6px;
    border-radius: 6px;
    font-size:12px;

}

#sendquote .modal-header .modal-title{
    font-size:23px!important;
}

#preview .rule{
    margin-top: 25px;
}
#preview .rule h5{
    font-weight: 600;
}
.justify-content-sb{
    justify-content:space-between;
}
.justify-content-sb span{
    font-weight: bold;
}
#preview h6{
    font-size: 17px;
}

.to{
    width: 600px;
}

@media (max-width: 768px){
    
.to{
    width: 100%;
}
.fix{
    position: static!important;
}
.scrll{
    height: auto !important;
    overflow: hidden !important;
}

.total{
    width: 100%!important;
}
.topp{
    margin-top:25px!important;
}
.wd{
    width: auto!important;
}

}


.fon{
    font-weight: 600;
}
.ad-btn{
    margin: 25px 10px;
    float: right;
}

#sendquote .attach{
    margin-top:50px;
}

#sendquote .file{
    
    position: relative;
    width: 200px;
}
#sendquote .file input{
    position: absolute;
    opacity: 0;
    width: 180px;
    cursor: pointer;
    height: 100%;
}
.scrll{
    /* height: 90vh;
    overflow-y: scroll ;
    overflow-x: hidden; */
    /* padding-right: 15px; */
}
.fnt-wt{
    font-weight:600;
}
.m-left{
    margin-left:5px;
}
.dd2{
    border-radius: 5px!important;
    padding-left: 15px!important;
    padding-right: 15px!important;
    padding-top: 4px!important;
    padding-bottom: 4px!important;
    color: black !important;
}

.progress{
    height:2rem;
}
.pl-0{
    padding-left:0;
}

.fnt-14{
    font-size:14px;
}
.fnt-17{
    font-size:17px;
}
.suggest{
    
    margin: 11px;
    
    
}
.cl-m{
margin-top:12px;
margin-bottom:0;
font-size: 11px;
}

.lea i{
    font-size: 18px !important;
}
.box2{
    padding: 14px;
    margin: 11px;
    border-radius: 6px;
    border: 1px solid #f7f7;
}

.lea{
    background: #cfeb9f;
    padding: 8px;
    border-radius: 6px;
    /* font-size: 18px; */
    width: fit-content;
}
.ff{
    font-size: 18px;
    font-weight: 700;
}
.box{
    background: #f7f7f7;
    padding: 14px;
    margin: 11px;
    border-radius: 6px;
}

.progress-bar{
    font-size:14px;
    text-align:left;
    padding-left: 12px;
    background-color: #000000;
}

.doc{
    
    border:1px solid rgb(224, 224, 224);
    border-radius: 8px;
}

.doc .table thead th{
    border-bottom: 1px solid rgb(224, 224, 224)!important;
}
  .doc thead, tbody, tfoot, tr, td, th:last-child{
    border-color: #dee2e6!important;

}
.bk-clr{
    background-color: #89c12d;
    color: white;
    border-radius: 6px
}

.done{
    color: black;
   

}

.justify-content-sa{
justify-content: space-around;
}

.bg-black{
    color: black !important;
}

.dd{
    align-items: center;
}

.fix{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 24px;
    /* margin: 0; */
    padding: 0;
    background:white;
}
.table thead th {
    border-bottom: 1px solid #ecf3fa!important;
}

.wd{
    width: 255px;
}
#mcal{
    overflow-x: scroll;
    overflow-y: hidden;
}

.table form{
    display: inline;
}

.btn.btn-info {
    color: #FFFFFF;
    border: 2px solid white!important;
    background: black!important;
    border-radius: 50px;
}
.btn-info:hover {
    background-color: #89C12D!important;
}

/* --- new additional css for responsive --- */
@media (max-width: 768px) {
    .mid-btn {
        /* margin: auto;
        width: fit-content; */
        display: flex;
        justify-content: center;

    }
    .line2 p{
        font-size: 10px;
    }

    #sig-canvas2{
        width: 100%;
    }

    /* .mid-btn form{
        display: inline-block;
        margin-right: 5px;
       } */

       .btn {
        padding: 6px 10px!important;
        margin-left: 6px;
    }

   .modal .wizard>.steps>ul>li{
        width: 70%;
    }

    .mid .card-header {
        text-align: center;
    }

    #endjob .wizard>.steps>ul>li {
        width: 50% !important;
    }

    #sig-canvas {
        width: 100% !important;
    }

    .emp thead th {
        font-size: 8px !important;
    }

    .cash {
        padding: 19px 34px 19px 18px !important;
        margin-bottom: 5px;
    }

    .profile-media .media-body {
        display: block !important;
    }

    .cash h5 {
        font-size: 8px !important;
    }

    .cardd h5 {
        font-size: 8px !important;
    }

    .cardd img {
        width: 30px !important;
    }
}

@media (min-width: 769px) and (max-width:991px) {
    .mid-btn {
        /* margin: auto;
        width: fit-content; */
        display: flex;
        justify-content: center;
    }

    #endjob .wizard>.steps>ul>li {
        width: 50% !important;
    }

    .btn {
        padding: 6px 10px;
        margin-left: 6px;
    }

    .mid .card-header {
        text-align: center;
    }

    .cash h5 {
        font-size: 11px !important;
    }

    .cardd h5 {
        font-size: 11px !important;
    }

    .cardd {
        padding: 17px !important;
    }
}
/* end */