@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: 200px;
    height: 110px;
    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: #E10012 !important;
    font-size: 22px;
}

li.sidebar-list>a {
    /* border: 1px solid #C7C7C7; */
    border-radius: 0px !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: #E10012 !important;
    font-size: 15px;
}

.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 0px !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: #E10012;
}

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: #E10012 !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: white !important;
    padding: 10px 20px !important;
}

.card-header h5 {
    color: black;
    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: black;
    border: 2px solid #E10012 !important;
    background: white !important;
    border-radius: 10px;
}

.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: #E10012 !important;
    box-shadow: none;
}

.customer .no-dtable.form-control {
    border-radius: 10px;
    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: #E10012;
    margin-bottom: 0;
    margin-left: 10px;
}

.table tbody a {
    color: #E10012 !important;
}

.table tbody i {
    color: #E10012 !important;
}

.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: #E10012 !important;
    border: none;
    padding: 13px 25px;
}

.modal-header .modal-title {
    color: white;
    font-size: 17px;
}

.modal-content {
    border: none;
}

.btn-close {
    color: #6696ff !important;
    box-shadow: none !important;
    opacity: .2;
}

.select2-container--default .select2-selection--single {
    background-color: #FDEDEE !important;
    border-color: #E10012 !important;
    /*padding: 10px 20px!important;*/
    display: block;
    border-radius: 10px !important;
}

.form-control {
    border-radius: 10px;
    box-shadow: none !important;
    padding: 10px 20px;
    font-size: 14px;
    background-color: #FDEDEE !important;
    border: 1px solid #E10012 !important;
}

.select2-container--default .select2-selection--single:focus {
    background-color: #FDEDEE !important;
    border-color: #E10012 !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: #E10012 !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 #E10012 !important;
}

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

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

#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: #E10012;
    color: white;
    border-bottom-left-radius: 50px;
    border-top-left-radius: 50px;
}

.fnt2 {
    ont-size: 22px;
    background: radial-gradient(at 50% -20%, #E10012, #000000) fixed !important;
    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: 10px;
    font-weight: bold;
    color: black;
}

.emp .border-tab.nav-primary .nav-item .nav-link:focus,
.emp .border-tab.nav-primary .nav-item .nav-link.active {
    /* border: 2px solid black; */
    background-color: #E10012;
    color: #ffffff;
}

.emp .border-tab.nav-tabs {
    padding: 5px;
    border-radius: 10px;
    background-color: #FDEDEE !important;
    margin-bottom: 10px;
}

.emp .tb-bck {
    padding-top: 0;
    border-radius: 10px;
}

.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: black;
    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: #E10012;
    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: #E10012 !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #F0F5FF !important;
    color: black !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;
}

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

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;
}

.active-menu i {
    color: #E10012 !important;
}

.active-menu span {
    color: #E10012 !important;
}



.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;
}

.wizard .steps {
    background: #FDEDEE !important;
    border-radius: 10px;
    padding: 0;
}

.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: #E10012 !important;
}

.tap-top:hover {
    background-color: #E10012 !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; */
}

.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: #E10012 !important;
    color: white;
}

.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 #ccc;
    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: #E10012;
    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%;
}

.table form {
    display: inline;
}

.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;
}


.emp .border-tab.nav-primary .nav-item .nav-link {
    padding: 10px 20px;
    text-align: left;
    font-size: 14px;
    border: 2px solid transparent !important;
    border-radius: 10px;
    font-weight: bold;
    color: black;
}

.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;
}