@charset "utf-8";

:root {
   /*  --primary: #000000;
    --secondary: #b60c3c;
    --whiteprimary: #ffffff;
    --grayprimary: #999999;
    --lightgray: #dddddd;
    --lightpink: #f4dae1;
    --lightgreen: #dff2d5;

    --ft20: 20px;
    --ft18: 18px;
    --ft16: 16px;
    --ft14: 14px;
    --ft12: 12px;
    --ft10: 10px; */

    --primary: #ffffff;
    --secondary: #B71F40;
    --whiteprimary: #000000;
    --grayprimary: #999999;
    --lightgray: #dddddd;
    --lightpink: #f4dae1;
    --lightgreen: #dff2d5;
    --darkgray: #424242;
    --secondary-red: #891631;
    --secondary-gray: #777777;

    --ft20: 20px;
    --ft18: 18px;
    --ft16: 16px;
    --ft15: 15px;
    --ft14: 14px;
    --ft13: 13px;
    --ft12: 12px;
    --ft11: 11px;
    --ft10: 10px;
}




html, body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
    height: 100%;
  /* padding-bottom: env(safe-area-inset-bottom); */
  /* fallback padding if env not supported */
  /* padding-bottom: constant(safe-area-inset-bottom); */
  
  /* fallback padding if env not supported */
  /* padding-bottom: constant(safe-area-inset-bottom); */
}


.main-wrapper{
    /* padding-top: env(safe-area-inset-top); */
}

.border-radius-18{
    border-radius: 18px !important;
}

.font_14{
    font-size: var(--ft14) !important;
}



/* .bg-black-original{ */
    /* background-color: #000000; */
/* } */

.text-default{
    color: var(--secondary);
}

.border-default{
    border-color: var(--secondary);
}

.splash-screen {
    height: 100vh;
}

.splash-logo {
    text-align: center;
}

.intro-banner-section {
   /* padding-bottom: 30px; */
}

.intro-banner-section .container {
    position: relative;
    height: 100vh;
}

.intro-bannerimg {
    /* height:550px !important; */
    height: 74vh;
    margin-bottom: 25px;
    background-color: var(--secondary);
  /*  background: #891631;
  background: linear-gradient(128deg,rgba(137, 22, 49, 1) 0%, rgba(183, 31, 64, 1) 100%); */
position: relative;
text-align: center;




}

/* .intro-bannerimg a {display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0;  } */



.intro-bannerimg img {
    /* width: 100%;
    height: 100%;
    object-fit: cover; */
    object-position: top center;
    /*border-radius: 0px 0px 20px 20px; */
    /* position: absolute; left: 0; top: 0; */
    height: 100%;
    width: auto;
}

.intro-banner-section .swiper-pagination {
    text-align: left;
}

.info-banner-content {
    padding-left: 27px;
    padding-right: 27px;
}

.info-banner-content h1 {
    font-weight: 700;
    line-height: 1.3;
    text-transform: uppercase;
    font-size: 22px;
}

.intro-slider {
    padding-bottom: 25px;
    margin-bottom: 20px;
  /*  height: 91%;
  background: #f00; */
}

.intro-banner-section .swiper-horizontal>.swiper-pagination-bullets,
.intro-banner-section .swiper-pagination-bullets.swiper-pagination-horizontal,
.intro-banner-section .swiper-pagination-custom,
.intro-banner-section .swiper-pagination-fraction {
    bottom: 0px;
    left: 0px;
    padding-left: 27px;
}

.intro-banner-section .swiper-pagination-bullet {
    height: 5px;
    width: 26px;
    border-radius: 20px;
    background-color: #e1e1e1;
    opacity: 1;
}

.intro-banner-section .swiper-pagination-bullet-active {
    background-color: var(--secondary);
}

.skip-link {
    padding-left: 30px;
}

.skip-link a {
    font-weight: 700;
    text-transform: uppercase;
    color: #c9c9c9;
}

.skip-link a:hover {
    color: var(--secondary);
}

.login-screen {
    height: 100%;
    position: relative;
    display: table;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
}

.login-screen .container {
    display: table-cell;
    vertical-align: middle;
}

.login-logo {
    margin-bottom: 40px;
}

.login-logo img {
    max-width: 140px;
}

.login-screen h1 {
    margin-bottom: 35px;
}

.loging-midd-sec {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}

.login-sub-cont {
   /* color: #303030;*/
    padding-left: 20px;
    padding-right: 20px;
    font-size: var(--ft12);
}

.login-user-list {
    gap: 16px;
    margin-bottom: 20px;
    justify-content: center;
}
.login-user-list h3 {font-size: 16px;}

.login-box {width: 100%; max-width: 90px;}

.login-box a {
    display: block;
}

.login-user {
    max-width: 90px;
    /* background-color: var(--lightgray);*/ 
    background-color: #333;
    border-radius: 15px;
    width: 100%;
    height: 90px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.topbar-sec {
    padding: 20px 0px;
    gap: 15px;
    /*margin-bottom: 20px;*/
}

.min-w-topbar {
    min-width: 44px;
}

.topbar-sec h3 {
    margin-bottom: 0px;
}

.inputicon {
    position: relative;
}

.forminput-icon {
    position: absolute;
    right: 17px;
    top: 13px;
}
.forminput-icon img {max-width: 21px; filter: brightness(0) invert(1);}

.form-d-flex {
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
}

.positionfixed {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: var(--whiteprimary);
    /* z-index: 1; */
    z-index: 2;
}

.PTB-full-screen {
    padding-top: 80px;
    padding-bottom: 0px;
}

.form-detail {
    padding-bottom: 10px;
}

.btn-PB {
    padding-bottom: 30px;
}

.form-detail .row {
    margin-left: -7px;
    margin-right: -7px;
}

.form-detail .row>* {
    padding-left: 7px;
    padding-right: 7px;
}

.verification-sec {
    height: calc(100vh - 90px);
}

.verification-title {
    text-align: center;
    margin-bottom: 20px;
}

.verification-title h1 {
    margin-bottom: 10px;
}

.verification-title p {
    line-height: 1.7;
}

.verification-title p span {
    color: var(--secondary);
    font-weight: 600;
}

.resend-code {
    text-align: center;
    padding-top: 25px;
}

.resend-code a {
    color: var(--secondary);
    font-weight: 600;
}

.resend-code a:hover {
    color: var(--primary);
}

.vari-input {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    text-align: center;
    /* max-width: 330px; */
    margin-left: auto;
    margin-right: auto;
}

.vari-input .form-control {
    text-align: center;
    font-size: 24px;
    font-weight: 400;
    max-width: 48px;
    width: 100%;
    height: 48px;
    -moz-appearance: textfield;
    padding: 5px;
    border-radius: 10px;
    border-width: 2px;
}

.vari-input-pin .form-control::-webkit-outer-spin-button,
.vari-input .form-control::-webkit-inner-spin-button {
    appearance: none;
    -webkit-appearance: none;
}

.vari-input-pin {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-align: center;
    /* max-width: 330px; */
    margin-left: auto;
    margin-right: auto;
}

.vari-input-pin .form-control {
    text-align: center;
    font-size: 24px;
    font-weight: 400;
    max-width: 48px;
    width: 100%;
    height: 48px;
    -moz-appearance: textfield;
    padding: 5px;
    border-radius: 10px;
    border-width: 2px;
}

.vari-input-pin .form-control::-webkit-outer-spin-button,
.vari-input-pin .form-control::-webkit-inner-spin-button {
    appearance: none;
    -webkit-appearance: none;
}

.var-time {
    text-align: center;
    margin-bottom: 22px;
    font-size: 16px;
    font-weight: 500;
}

.verification-middle-part {
    height: 100vh;
}

.verification-center {
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
    flex-direction: column;
    height: 100%;
    padding-bottom: 0px;
}

.verification-center .verification-title {
    margin-bottom: 0px;
}

.ver-midd-sec {
    /* margin-bottom: 100px; */
    margin-bottom: 20px;
}

.succ-imgbg {
   /* background-color: var(--secondary);
    width: 97px;
    height: 97px; 
    border-radius: 100%;*/
    margin-left: auto;
    margin-right: auto;
    
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    position: relative;
    margin-bottom: 35px;
    max-width: 140px;
}

.succ-imgbg img {
  /*  width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 100%; */
    max-width: 140px;
}

.succ-boxbg {
    max-width: 310px;
    border-radius: 60px 0px;
    padding: 50px 15px;
    position: relative;
    background-color: var(--whiteprimary);
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid var(--primary);
}

.succ-boxbg .close-icon-popup img {filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(347deg) brightness(127%) contrast(124%);}

.message-cont h5 {
    margin-bottom: 10px;
}

.message-cont p span {
    font-weight: 600;
}

.close-icon-popup {
    position: absolute;
    right: 20px;
    top: 15px;
    z-index: 1;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    background: url(../images/select-down-arrow.svg) no-repeat right 0px;
    /* width: 11px;
    height: 11px; */
    margin-top: -4px;
    background-size: 11px;
}

.datepiker-input input.form-control {
    background: url(../images/date-calendar-icon.svg) no-repeat right 13px center;
    background-size: 17px;
}

.datepiker-input input.form-control:disabled {
    /* background: url(../images/date-calendar-icon.svg) no-repeat right 10px center var(--bs-secondary-bg); */
    /* background-color: var(--bs-secondary-bg); */
    background-color: #4C4A4A; border-color:#4C4A4A;
    
}

.datepiker-input input.form-control::-webkit-input-placeholder {
    color: #fff;
    opacity: 1;
}

.datepiker-input input.form-control::-ms-input-placeholder {
    color: #fff;
    opacity: 1;
}

.datepiker-input input.form-control::placeholder {
    color: #fff;
    opacity: 1;
}


.form-control::-webkit-input-placeholder {
    color: #fff;
    opacity: 1;
}

.form-control::-ms-input-placeholder {
    color: #fff;
    opacity: 1;
}

.form-control::placeholder {
    color: #fff;
    opacity: 1;
}





.iti {
    display: flex;
    gap: 15px;
}

.iti__country-container {
    position: relative;
    font-weight: 400;
    border-radius: 30px;
    border: 1px solid var(--primary);
    font-size: 14px;
    color: var(--primary);
    padding: 0px;
}

.iti__selected-country-primary {
    gap: 0px;
    padding: 12px 5px 12px 12px;
    cursor: pointer;
    background-color: transparent !important;
}

.iti__arrow {
    background: url(../images/select-down-arrow.svg) no-repeat right center;
    width: 11px;
    /* height: 11px; */
    border: none;
    background-size: 11px;
}

/* .emailphone-sec .iti__arrow { height: 11px;  background: url(../images/white-down-arrow.svg) no-repeat right center; background-size: 100%;} */
.iti__arrow { height: 11px;  background: url(../images/white-down-arrow.svg) no-repeat right center; background-size: 100%;}

.iti--allow-dropdown input,
.iti--allow-dropdown input[type="text"],
.iti--allow-dropdown input[type="tel"],
.iti--separate-dial-code input,
.iti--separate-dial-code input[type="text"],
.iti--separate-dial-code input[type="tel"] {
    padding-left: 12px;
}

.iti input.iti__tel-input,
.iti input.iti__tel-input[type="text"],
.iti input.iti__tel-input[type="tel"] {
    padding-left: 12px !important;
}

.inputicon select.form-control {
    background-image: url(../images/select-down-arrow.svg);
    background-repeat: no-repeat;
    background-position: right 15px center;
    cursor: pointer;
    background-size: 11px;

}

.ui-datepicker {
    width: 290px;
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: flex;
    height: 35px;
    width: 35px;
    padding: 0;
    border-radius: 0px;
    justify-content: center;
    align-items: center;
}

.iti__dropdown-content {background-color: var(--whiteprimary); border: 1px solid var(--darkgray);}
.iti__search-input {background:var(--darkgray); color: var(--primary); padding:5px 10px;}

/*-----------*/

@keyframes continue-rotation {
    0% {
        transform: rotate(0deg) scale(1);
    }

    50% {
        transform: rotate(180deg) scale(1.2);
    }

    100% {
        transform: rotate(359deg) scale(1);
    }
}

.search-part {
    padding: 20px 0px;
    gap: 8px;
}

.seaarch-top-part {
    width: 100%;
}

.roundicon {
    width: 44px;
    flex-shrink: 0;
    position: relative;
}

.guard-review-edit-add-btn .btn,
.roundicon a {
    width: 44px;
    height: 44px;
    /*background-color: var(--whiteprimary);
    border: 1px solid var(--lightgray); */

    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 15px 0px 15px 0px;
    background: var(--secondary-red);
    background: linear-gradient(139deg,rgba(145, 24, 52, 1) 0%, rgba(217, 46, 83, 1) 100%);
    

}

.roundicon a:focus,
.roundicon a:hover {
    background-color: var(--whiteprimary);
    border-color: var(--lightgray);
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(170, 170, 170, 0.25);
}

.roundicon span {
    position: absolute;
    right: 0;
    top: -7px;
    width: 20px;
    height: 20px;
    background-color: var(--primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 600;
    color: var(--whiteprimary);
    border-radius: 100%;
}

.roundicon img {height: 21px;}

.roundicon.refresh-part.active img {
    animation: continue-rotation 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

.seaarch-top-part {
    position: relative;
}

.search-input {
    border-radius: 30px;
    height: 44px;
    padding-left: 34px;
}

.searchicon {
    position: absolute;
    left: 14px;
    top: 15px;
    width: 14px;
    height: 14px;
    border: none;
    background-color: transparent;
    background-image: url(../images/search-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px;
    padding: 0px;
}

.service-flex {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-left: -8px;
    margin-right: -8px;
    flex-wrap: wrap;
    margin-bottom: 15px;
}

.service-box {
    width: 33.3333%;
    padding-left: 8px;
    padding-right: 8px;
    margin-bottom: 18px;
}

.service-box a {
    color: var(--primary);
    display: block;  text-align: center;
   }

.service-box a:hover {
    color: var(--primary);
}

.service-img {
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
    width: 100%;
    padding-top: 100%;
    border: 2px solid var(--secondary); border-radius:30% 0px 30% 0px;
}

.service-img img {
    /*width: 100%;
    height: 100%;
    object-fit: cover; */
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    max-width: 62%;
    max-height: 62%;
}

.service-box a .service-img img:hover {
    transition: all 0.3s ease-in-out 0s;
}

.service-box a:hover .service-img img:hover {
    opacity: 0.8;
}

.service-title {
    font-size: 12px;
    font-weight: 700;
    line-height: normal;
}

.title-mb {
    margin-bottom: 20px;
}

.licenses-box a {
    display: flex;
    align-items: center;
    gap: 20px;
    /* padding: 15px 0px; */
    border-bottom: 1px solid var(--lightgray);
    color: var(--primary);
}

.licenses-box a:hover {
    color: var(--secondary);
}

.licenses-box:last-child a {
    border-bottom: none;
   /* padding-bottom: 0px;*/
}

.licenses-box h4 {
    margin-bottom: 0px;
}

.licenses-icon {
    width: 35px;
    height: 35px;
    
    
    /*
    padding: 5px;
    border-radius: 10px;
    border: 1px solid var(--lightgray);*/
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.licenses-icon img {
    max-width: 25px;
    max-height: 25px;
}

.footer-tabbar-sec {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
   /* border-top: 1px solid var(--lightgray); */
    height: 60px;
    padding-left: 10px;
    padding-right: 10px;
    position: fixed;
    left: 0;
    bottom: 0px;
    width: 100%;
    background-color: var(--whiteprimary);
    z-index: 999;
    /* padding-bottom: env(safe-area-inset-bottom); */
    
}

/* .ft-navbar {max-width: 70px; flex-shrink: 0; width: 100%;} */
.ft-navbar a {
    display: block;
    padding: 5px 0px;
    text-align: center;
    color: var(--primary);
}

.ft-navbar a:hover {
    color: var(--primary);
}

.ft-icon {
    margin-bottom: 1px;
}

.ft-icon span {
    position: relative;
}

.ft-icon img {
    max-width: 24px;
    max-height: 24px;
    height: 24px;
}

.ft-nav-title {
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
}

.wrapper-PB {
    padding-bottom: 80px;
}

.filter-section {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 500px;
    background-color: var(--whiteprimary);
    z-index: 9;
    border-radius: 20px 20px 0px 0px;
}

.modal.filter-popup {
    top: inherit;
    bottom: 0px;
}

.filter-popup .modal-dialog {
    margin: 95px auto 0px auto;
    /*max-width: 100%;*/
    max-width: 1010px;
    height: calc(100vh - 95px);
}

.filter-popup .modal-content {
    border: none;
    border-radius: 70px 0px 0px 0px;
    height: 100%;
    background-color: var(--whiteprimary);
}

.filter-popup .modal-header {
    position: relative;
    margin: 0px 15px;
    border: none;
    padding-bottom: 0;
    padding-top: 32px;
}


.filter-popup .modal-header button { position: absolute; right: 10px;  top: 26px; background-image:url(../images/close-white-icon.svg); background-repeat: no-repeat; background-position: center; background-size: 22px; opacity: 1; padding: 3px; display: flex; top: 26px;}

.filter-popup .modal-header h4 {
    
    width: 100%;
}

.filter-popup .modal-footer {
    border: none;
    padding: 10px 15px 15px 15px;
}

.filter-popup .modal-footer>* {
    margin: 0px;
}

.filter-common-sec {
    /* border-bottom: 1px solid var(--lightgray);
    padding-bottom: 24px; */
    margin-bottom: 18px;
}

.filter-search .forminput-icon img {
    width: 14px;
    opacity: 1;
}

.filter-search .form-control {
    padding-right: 35px;
}

.filter-checkbox {
    padding-bottom: 6px;
}

.filter-checkbox .form-check {
    display: flex;
    align-items: flex-start;
    min-height: 22px;
    gap: 10px;
}

.filter-checkbox label {
    font-size: 14px;
    margin-bottom: 0px;
    padding-top: 6px;
}

.resetfilter a {
    display: inline-flex;
    align-content: center;
    gap: 10px;
    color: var(--primary);
}

.resetfilter a:hover {
    color: var(--primary);
}

.filter-listing li {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid var(--lightgray);
}

.filter-listing li:last-child {
    padding-bottom: 0px;
    margin-bottom: 0px;
    border-bottom: none;
}

.filter-listing li .filter-list-box {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    color: var(--primary);
}

.filter-listing li .filter-list-box a:hover {
    color: var(--primary);
}

.filter-listing-img {
    position: relative;
}

.filter-listing-img a {
    position: relative;
    display: block;
    width: 105px;
    height: 105px;
    overflow: hidden;
    border-radius: 15px;
    flex-shrink: 0;
}

.filter-listing-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
}

.listing-guard-rating {
    display: flex;
    gap: 5px;
    justify-content: flex-end;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 1px;
}

.filter-listing .listing-guard-rating {
    margin-bottom: 5px;
}

.filter-listing-cont {
    width: 100%;
}

.filter-listing-cont h4 {
    margin-bottom: 5px;
}

.guard-services {
    font-weight: 500;
    color: #adb4bd;
    margin-bottom: 4px;
}

.guard-exp {
    font-weight: 500;
    color: var(--primary);
}

.guard-list-tabs .nav-link {
    font-size: 16px;
    font-weight: 600;
    color: #adb4bd;
    padding: 0px 0px 7px 0px;
    position: relative;
    background-color: transparent;
}

.guard-list-tabs .nav-pills .nav-link.active,
.guard-list-tabs .nav-pills .show>.nav-link {
    color: var(--secondary);
    background-color: transparent;
}

.guard-list-tabs .nav-pills .nav-link.active::before,
.guard-list-tabs .nav-pills .show>.nav-link::before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: var(--secondary);
    content: "";
}

.guard-list-tabs .nav {
    gap: 40px;
    margin-bottom: 25px;
    justify-content: center;
}

.request-succ p {
    line-height: 1.5;
    font-weight: 600;
}

.request-succ h4 {font-size: var(--ft16); line-height: 1.4;}

.filter-wishlist {
    position: absolute;
    right: 10px;
    top: 10px;
}

.filter-wishlist a {
    width: 26px;
    height: 26px;
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--whiteprimary);
    z-index: 1;
}

.filter-wishlist img {
    width: 16px;
    height: 16px;
}

.profile-graybg {
    /* background-color: #f6f6f6; */
    border-radius: 0px 0px 20px 20px;
    padding-bottom: 80px;
    position: relative;
}

.guard-name-desi {
    text-align: center;
    font-weight: 600;
}

.guard-name-desi h3 {
    margin-bottom: 5px;
}

.guard-pro-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    max-width: 210px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}

.det-icon a {
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--primary);
    border-radius: 100%;
}

.det-message-icon a {
    background-color: #b8b8b8;
}

.det-wishlist-icon a {
    background-color: var(--secondary);
}

.guard-user-img {
    width: 116px;
    height: 116px;
    overflow: hidden;
    border-radius: 100%;
    border: 4px solid #fff;
    box-shadow: 2px 2px 14px rgba(0, 0, 0, 0.15);
}

.guard-user-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 100%;
}

.review-rating-whitebox {
    background-color: var(--whiteprimary);
    padding: 22px 20px 22px 5px;
    background-color: var(--whiteprimary);
    box-shadow: 2px 2px 14px rgba(0, 0, 0, 0.15);
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
    border-radius: 20px;
    margin: -50px 10px 30px 10px;
    text-align: center;
}

.rev-box {
    width: 33.3333%;
}

.rat-guard-det {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 6px;
    gap: 7px;
}

.rev-box p {
    font-weight: 500;
    color: #adb4bd;
}

.rate-job-flex {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 27px;
}

.ratejob-box {
    border: 1px solid var(--lightgray);
    border-radius: 10px;
    padding: 15px;
    width: 50%;
}

.rate-job {
    color: var(--secondary);
    font-weight: 600;
    margin-bottom: 3px;
}

.guard-price span {
    font-size: 16px;
    font-weight: 600;
}

.det-comm-list h4 {
    margin-bottom: 10px;
}

.guard-ser-offered h4 {
    margin-bottom: 4px;
}

.det-comm-list {
    font-weight: 500;
}

.det-list-subtitle {
    color: #adb4bd;
    margin-bottom: 10px;
    font-weight: 400;
}

.guard-det-list {
    margin-bottom: 25px;
}

.guard-det-list li {
    list-style-type: none;
    display: block;
    margin-bottom: 10px;
    padding-left: 26px;
    position: relative;
}

.guard-det-list li::before {
    position: absolute;
    left: 0;
    top: 2px;
    width: 16px;
    height: 16px;
    background: url(../images/check-icon.svg) no-repeat center;
    content: "";
}

.location-map {
    position: relative;
    height: 240px;
    border-radius: 10px;
    border: 1px solid var(--lightgray);
    overflow: hidden;
    margin-top: 20px;
}

.location-map iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: none;
    box-shadow: none;
}

.guard-review-sec {
    display: flex;
    align-items: start;
    gap: 15px;
    margin-bottom: 10px;
}

.guard-profile-review-img {
    width: 64px;
    height: 64px;
    overflow: hidden;
    border-radius: 100%;
    flex-shrink: 0;
}

.guard-profile-review-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.raging-star {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

.review-rating-star img {
    width: 16px;
    height: auto;
}

.guard-review-det h4 {
    margin-bottom: 6px;
}

.rating-time {
    font-size: 12px;
    color: #adb4bd;
    font-weight: 400;
}

.review-slider {
    padding-bottom: 50px;
}

.guard-det-list .select2-container {
    display: block;
}

.guard-det-list label {
    font-weight: 400;
    font-size: 15px;
}

.topbar-title-sec {
    display: flex;
    align-items: center;
    gap: 2px;
    position: relative;
}

.topbar-title-sec h2 {
    margin-bottom: 0px;
}

.topbar-title-sec .min-w-topbar {
    min-width: 33px;
}

.review-booking-list {
    margin-bottom: 30px;
}

.review-booking-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.review-booking-listborder {
    border-bottom: 1px solid var(--lightgray);
    padding-bottom: 15px;
    padding-top: 15px;
    line-height: 22px;
    font-weight: 500;
}

.review-booking-listborder p {
    line-height: 22px;
}

.bk-list-det h6 {
    margin-bottom: 12px;
    color: #adb4bd;
    font-weight: 400;
}

.bk-list-det h4,
.review-big-text {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 7px;
}

.payment-logo {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    border: 1px solid var(--lightgray);
    padding: 1px 13px;
    height: 40px;
}

.price-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 15px;
}

.totle-price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.final-price h6 {
    color: var(--primary);
    font-weight: 700;
}

.bk-user-arrow {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 7px;
}

.bk-profile-pic {
    width: 35px;
    height: 35px;
    overflow: hidden;
    border-radius: 100%;
    border: 2px solid #fff;
    box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.15);
}

.bk-profile-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 100%;
}

.bk-user-arrow {
    display: flex;
}

.topbar-pro-pic {
    position: absolute !important;
    right: 0;
    top: 12px;
    
    overflow: hidden;
   
    border: none;
    width: 44px;
  height: 44px;
  background-color: var(--whiteprimary);
  
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius:15px 0px 15px 0px;
  background:var(--secondary-red);
  background: linear-gradient(139deg,rgba(145, 24, 52, 1) 0%, rgba(217, 46, 83, 1) 100%);


}

.heading-part {
    gap: 8px;
}

.heading-part .topbar-pro-pic {
    position: relative !important;
    top: 0;
    right: 0;
}

.topbar-pro-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    
    /* height: 24px; */
}

.graytocor {
    position: relative;
}

.graytocor::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 220px;
    background-color: #f6f6f6;
    border-radius: 0px 0px 20px 20px;
    content: "";
    display: none;
}

.graytocor .positionfixed {
    background-color: transparent;
}

.booking-midd-sec {
    position: relative;
    padding-top: 20px;
}

.whiteboxbg {
    margin-bottom: 26px;
}

.whiteboxbg a {
    padding: 18px 15px;
    background-color: var(--secondary-red);
    box-shadow: 2px 4px 14px rgba(0, 0, 0, 0.15);
    border-radius: 35px 0px 35px 0px;
    display: flex;
    flex-direction: column;
    color: var(--primary);
}

.whiteboxbg a p {
    font-weight: 400;
    color: var(--primary);
    opacity: 0.5;
    font-size: var(--ft12);
}

.whiteboxbg h3 {
    line-height: 27px;
    margin-bottom: 5px;
}

.iconnumber-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 25px;
}

.listofnumber {
    font-size: 50px;
    color: var(--primary);
    font-weight: 700;
    line-height: 49px;
    opacity: 0.30;
}

.list-icon {
    flex-shrink: 0;
    max-width: 40px;
    
}

.list-icon img {max-width: 40px; min-height: 40px; /* opacity: .60; */}

.box-listing-box .row {
    align-items: flex-start;
    margin-left: -13px;
    margin-right: -13px;
}

.box-listing-box .row>* {
    padding-left: 13px;
    padding-right: 13px;
}

.box-listing-box .col-6:nth-child(even) {
    margin-top: 80px;
}

.box-listing-box .row:nth-child(even) {
    margin-top: -80px;
}

.box-listing-box .row:nth-child(odd) {
    margin-top: -80px;
}

.box-listing-box .row:nth-child(1) {
    margin-top: 0px;
}

.box-listing-box .row:nth-child(3) .col-6:nth-child(2n) {margin-top: 80px;}

.tooltip {
    color: #ff0000 !important;
}

.schedule-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 15px;
}

.schedule-col {
    width: 33.3333%;
    position: relative;
}

.guard-schedule-dropdown {
    margin-bottom: 20px;
}

.schedule-row {
    margin-bottom: 14px;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--lightgray);
    position: relative;
    padding-right: 15px;
}

.schedule-titel {
    display: flex;
    align-items: center;
    gap: 4px;
    font-weight: 500;
    margin-bottom: 6px;
    font-size: 13px;
    position: absolute;
    top: 0;
    left: 0;
}

.schedule-titel img {
    width: 16px;
}

.inputicon .guard-det-time select.form-control {
    background-image: none !important;
}

.guard-det-time .select2-container--default .select2-selection--single .select2-selection__arrow b {
    background: none;
}

.schedule-col .form-control {
    border: none;
    font-size: 14px;
    font-weight: 400;
    padding: 0px;
    border-radius: 0px;
}

.schedule-col .datepiker-input input.form-control {
    background-image: none;
    padding-top: 22px;
    cursor: pointer;
}

.schedule-col .form-control {
    border-color: none;
    box-shadow: none;
}

.guard-det-time .select2-container--default .select2-selection--single {
    border-radius: 0px;
    border: none;
    box-shadow: none;
    height: auto;
    background-color: transparent;
    padding-top: 22px;
}

.guard-det-time .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: normal;
}

.guard-det-time .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0px;
    padding-right: 0px;
    font-weight: 400;
}

.schedule-close {
    position: absolute;
    right: 0;
    top: 11px;
}

.availability-form-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 19px;
}

body.modal-open {
    overflow: hidden;
    position: fixed;
    width: 100%;
    height: 100%;
    min-height: 100%;
    max-height: 100%;
}

body.modal-open .modal-backdrop {
    width: 100%;
    height: 100%;
    background-color: #D9D9D9;
}

.filter-form {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: 100%;
    padding-left: 15px;
  padding-right: 15px;
}

.serMB {
    margin-bottom: 20px;
}

/*-------officer-------*/

.topbar-title-sec h3 {
    margin-bottom: 0px;
   /* margin-top: 7px; */
}

.request-list-flex {
    /* gap: 20px; */
    gap: 15px;
}

.req-name {
    display: flex;
    align-items: center;
    gap: 12px;
}

.request-count {
    width: 22px;
    height: 22px;
    background-color: var(--secondary);
    border-radius: 100%;
    color: var(--primary);
    font-weight: 700;
    font-size: var(--ft15);
    display: flex;
    align-items: center;
    justify-content: center;
}

.jobtitleupcoming .request-count {width: 27px; height: 27px; border-radius:10px 0px 10px 0px; background: var(--secondary-red);  background: linear-gradient(139deg,rgba(145, 24, 52, 1) 0%, rgba(217, 46, 83, 1) 100%);}

.monthincomebox {
    background-color: var(--secondary-red);
    border-radius: 35px 0px 35px 0px;
    padding: 18px 20px;
    color: var(--primary);
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
}

.mon-in-content { display: flex; align-items: center; justify-content: space-between; width: 100%;}
.off-dash-sm-logo {margin-bottom: 15px; width: 100%;}
.off-dash-sm-logo img {max-width: 45px; max-height: 45px;}

.monthincomebox h2 {
    margin-bottom: 0px;
    color: var(--primary);
    font-size: 22px;
}

.monthincome-price {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
}

.jobtitleupcoming h2 {
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: var(--ft15);
}

.jobtitleupcoming a {
    color: var(--secondary);
}

.jobtitleupcoming a:hover {
    text-decoration: none;
}

.schedule-job a {
    background-color: var(--secondary-red);
    /* border-radius: 15px; */
    padding: 20px 20px 35px 20px;
    position: relative;
    overflow: hidden;
    display: block;
    min-height: 118px;
    color: var(--primary);
    border-radius: 35px 0px 35px 0px;
}

.schedule-job a::before {
    position: absolute;
    right: -50px;
    bottom: -50px;
    width: 95px;
    height: 95px;
    background-color: var(--secondary);
    rotate: 45deg;
    content: "";
}

.sch-job-sch {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 13px;
    margin-bottom: 3px;
    position: relative;
}

.job-subtitle {
    font-weight: 500;
    width: 100%;
    max-width: 40px;
}

.job-ser-title {
    font-weight: 600;
}

.todayjob-slider {
    padding-bottom: 35px;
}

.todayjob-slider .swiper-horizontal>.swiper-pagination-bullets,
.todayjob-slider .swiper-pagination-bullets.swiper-pagination-horizontal,
.todayjob-slider .swiper-pagination-custom,
.todayjob-slider .swiper-pagination-fraction {
    bottom: 0;
}

.ft-notification {
    position: absolute;
    right: -8px;
    top: -5px;
    width: 16px;
    height: 16px;
    font-size: 11px;
    color: var(--whiteprimary);
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--secondary);
    border-radius: 100%;
}

.officer-request-sec .licenses-box a {
    border-bottom: 1px solid var(--lightgray);
    padding-bottom: 15px;
}

.request-main-sec {
    padding-top: 25px;
}

.req-logo-price {
    /*align-items: flex-end;*/
    /* margin-bottom: 15px;*/
    margin-bottom: 10px;
}

.titel-req {
    color: var(--primary);
    margin-bottom: 15px;
    font-size: var(--ft18);
}

.showing-cont span {
    color: var(--primary);
    font-weight: 500;
}

.req-list-box {
    padding: 18px 16px 16px 16px;
    background-color: var(--whiteprimary);
    border-radius: 0px 40px 0px 40px;
    border: 1px solid var(--primary);
    /* box-shadow: 2px 4px 14px rgba(0, 0, 0, 0.15); */
    margin-bottom: 22px;
}

.req-list-box h3 {
    margin-bottom: 7px;
}

.req-licence {
    font-weight: 500;
    margin-bottom: 10px;
}

.date-miles {
    color: #adb4bd;
    margin-bottom: 10px;
    gap: 10px;
    font-size: 12px;
}

.req-add {
    margin-bottom: 4px;
}

.req-add-col {
    margin-bottom: 15px;
}

.req-client-name {
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.req-client-logo {
    height: 35px;
    margin-bottom: 5px;
}

.req-client-logo img {
    max-height: 30px;
    max-width: 100%;
}

.req-hour-price {
    padding: 8px 10px;
    border-radius: 5px;
    border: 1px solid var(--secondary);
    font-size: 12px;
    color: var(--primary);
    font-weight: 600;
    background-color: var(--secondary);
    
}

.req-list-box .req-hour-price { padding: 5px 30px; border-radius: 30px 0px 30px 0px;}

.sub-request-listing  .req-list-box .req-hour-price { padding: 4px 10px; border-radius: 5px;}

.sub-request-listing .req-list-box.request-pending .req-hour-price {background-color: #FF9900; color: var(--whiteprimary);}

.req-bottom-border {
    border-bottom: 1px solid var(--lightgray);
    padding-bottom: 28px;
    margin-bottom: 28px;
}

.req-det-btn {
    gap: 15px;
}

.req-detail-block {
    text-align: center;
}

.req-detail-block .req-date {
    font-size: 14px;
    color: #adb4bd;
    font-weight: 500;
    margin-bottom: 25px;
}

.req-unique-id {
    font-size: 14px;
    color: var(--secondary);
    font-weight: 600;
    margin-bottom: 25px;
}

.req-unique-id span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 7px 10px;
    font-size: 12px;
    font-weight: 700;
    color: var(--secondary);
    background-color: var(--lightpink);
    border-radius: 4px;
    line-height: normal;
    text-transform: uppercase;
}

.req-detail-block .req-client-logo {
    height: 55px;
    max-width: 200px;
    margin: 0px auto 7px auto;
    text-align: center;
}

.req-detail-block .req-client-logo img {
    max-height: 55px;
    max-width: 200px;
}

.req-detail-block .req-client-name {
    margin-bottom: 15px;
    justify-content: center;
}

.req-detail-block .req-add {
    font-weight: 500;
    margin-bottom: 7px;
}

.wege-price-flex {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 20px;
    text-align: center;
}

.wage-venue-title {
    margin-bottom: 7px;
}

.wage-venue-btn {
    padding: 10px 15px;
    border-radius: 10px;
    display: flex;
    min-width: 130px;
    text-align: center;
    justify-content: center;
}

.btn-redbg {
    background-color: var(--secondary);
    color: var(--whiteprimary);
}

.btn-redbg span {
    font-size: 16px;
    font-weight: 700;
    padding-right: 4px;
}

.btn-graybg {
    background-color: var(--lightgray);
    color: var(--primary);
    font-weight: 500;
}

.timedate-add-flex {
    display: flex;
    gap: 5px;
    margin-bottom: 14px;
}

.timedate-add-flex:last-child {
    margin-bottom: 0px;
}

.sch-title {
    font-weight: 500;
    min-width: 125px;
}

.topbar-sm-title h2 {
    font-size: 18px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
}

.request-cancel-wrapper .topbar-sec {
    justify-content: flex-start;
    gap: 0;
}

.request-cancel-wrapper .min-w-topbar {
    min-width: 34px;
}

.request-form textarea.form-control {
    height: 140px;
    resize: 0;
}

.request-form .btn-PB {
    padding-bottom: 80px;
}

.request-cancel-wrapper .request-form {
    padding-top: 68px;
}

.upload-note {
    color: var(--secondary-gray);
    line-height: 22px;
    text-align: center;
    padding-top: 5px;
}

.upload-note p {
    line-height: 22px;
}

.officer-photo-profile {
    position: relative;
    width: 180px;
    height: 180px;
    overflow: hidden;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    padding: 10px;
}

.officer-photo-profile img {
    width: 160px;
    height: 160px;
    background-color: #eaeaea;
    border: 5px solid var(--whiteprimary);
    object-fit: cover;
    border-radius: 100%;
}

.profilephoto-slider {
    padding-bottom: 40px;
}

.camera-icon-photo {
    position: absolute !important;
    right: 22px;
    bottom: 26px;
    width: 28px;
    height: 28px;
    background-color: var(--primary);
    border-radius: 100%;
    border: 2px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

.camera-icon-photo img {
    width: 18px;
    height: 18px;
    background-color: transparent;
    border: none;
    border-radius: 0;
    object-fit: inherit;
}

.job-PB {
    /*padding-bottom: 40px;*/
    padding-bottom: 0px;
    margin-bottom: 10px;
}

.officer-joblist ul {
    margin: 0;
    padding: 0;
}

.officer-joblist li {
    list-style-type: none;
    padding: 18px 0px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.30);
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    font-weight: 500;
}
.officer-joblist li:last-child {border-bottom: none;}

.jobswitchbtn .form-check-input[type="checkbox"] {
    border-radius: 30px;
    margin-left: 0px;
}

.officer-joblist .form-switch .form-check-input {
    width: 38px;
    cursor: pointer;
}

.officer-joblist .form-switch .form-check-input:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
}

.form-switch .form-check-input:checked:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.tower-file {
    position: relative;
}

.upload-photos {
    width: 154px;
    height: 154px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../images/photo-no-image.jpg) no-repeat center var(--whiteprimary);
    border: 3px solid var(--secondary);
    background-size: cover;
    
}

.buttonuploaddelete button,
.buttonuploaddelete label {
    cursor: pointer;
    line-height: 24px;
    font-size: var(--ft16);
    color: #151923;
    font-weight: 600;
}

.mdi-upload::before {
    position: relative;
    content: "";
}

.upload-photos input {
    opacity: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}

.tower-file-details {
    position: absolute;
    left: 0;
    top: 0;
    width: 160px;
    height: 160px;
    border-radius: 100%;
    overflow: hidden;
    background-color: #eaeaea;
}

.buttonuploaddelete {
    position: absolute;
    left: 0;
    top: 0;
    width: 160px;
    height: 160px;
    border-radius: 100px;
    z-index: 1;
   /*  border: 3px solid var(--secondary);*/

}

.buttonuploaddelete label {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tower-input-preview-container,
.tower-input-preview-wrapper {
    width: 100%;
    height: 100%;
}

.tower-input-preview-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.notification-dot {
    position: absolute;
    right: 0;
    top: 18;
}

.notification-dot a {
    display: block;
}

.notification-topbar {
    padding-bottom: 12px;
}

.notifaction-listing-sec {
    padding-top: 120px;
}

.noti-listing {
    margin-bottom: 24px;
}

.noti-listing:last-child {
    margin-bottom: 0px;
}

.noti-listing h5 {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 5px;
}

.noti-listing li {
    border-bottom: 1px solid var(--secondary);
}

.noti-listing li a {
    padding: 13px 0px;
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.noti-u-img {
    flex-shrink: 0;
    width: 35px;
    height: 35px;
    /* border-radius: 100%; */
    overflow: hidden;
    /* border: 1px solid var(--lightgray); */
    border-radius:12px 0px 12px 0px;
    background: var(--secondary-red);
    background: linear-gradient(139deg,rgba(145, 24, 52, 1) 0%, rgba(217, 46, 83, 1) 100%);
}

.noti-u-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.noti-sm-list {
    position: relative;
    flex-grow: 1;
}

.noti-list-det {
    padding-right: 60px;
}

.noti-list-det h6 {
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 3px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
}

.viewprofile-link {
    font-size: 11px;
    color: #adb4bd;
}

.viewprofile-link a {
    color: #adb4bd;
}

.noti-tile {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 11px;
    color: var(--secondary-gray);
}

.officer-profile-page .topbar-sec {
    justify-content: flex-start;
    gap: 0;
}

.officer-profile-page .min-w-topbar {
    min-width: 34px;
}

.office-name-email {
    text-align: center;
    padding-top: 7px;
    margin-bottom: 15px;
}

.office-name-email h3 {
    margin-bottom: 7px;
}

.officer-emailid {
    font-weight: 400;
    color: rgba(255, 255, 255, .40);
}

.officer-profile-page .job-PB {
    margin-bottom: 0px;
}

.officer-profile-page .profile-graybg {
    position: relative;
}

.stats-redbg {
    padding: 40px 0px 27px;
    border-radius: 0px 0px 15px 15px;
    background-color: var(--secondary);
    margin-top: -20px;
    margin-bottom: 25px;
}

.stats-flex {
    gap: 14px;
}

.stats-btn {
    width: 33.3333%;
}

.stats-btn a {
    font-size: 14px;
    font-weight: 500;
    width: 100%;
}

.stats-btn a.btn {
    padding-left: 5px;
    padding-right: 5px;
}

.stats-redbg h3 {
    color: var(--whiteprimary);
    margin-bottom: 12px;
}

textarea.pro-textarea-h {
    height: 95px;
}

.job-chart-sec {
    padding-top: 15px;
}

.job-chart-list {
    border-bottom: 1px solid var(--secondary-gray);
    padding-bottom: 30px;
    margin-bottom: 20px;
}

.job-chart-list h4 {
    margin-bottom: 10px;
    font-size: var(--ft14);
}

.job-chart-list:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0px;
}

.chart-graph {
    margin-bottom: 10px;
}

.chart-titel-det {
    font-weight: 500;
}

.chart-titel-det span {
    color: var(--secondary);
}

.highcharts-credits {
    display: none;
}

.highcharts-axis path {
    stroke: #e6e6e6;
}

.chart-graph figure {
    margin-bottom: 0px;
}

.highcharts-axis-labels text {
    rotate: -45 71.66176045808285 312deg;
}

.stats-datepicker {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 11px;
    margin-bottom: 22px;
}

.stats-datepicker .inputicon {
    width: 100%;
}

.chat-listing-section .noti-list-det h6,
.chat-listing-section .viewprofile-link {
    font-size: 14px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
}

.chat-tilenoti {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.chat-time {
    font-size: 11px;
    color: #adb4bd;
    margin-bottom: 5px;
}

.chat-listing-section .noti-u-img {
    width: 60px;
    height: 60px;
    position: relative;
    overflow: inherit;
}

.chat-listing-section .noti-u-img img {
    width: 60px;
    height: 60px;
    overflow: hidden;
    border-radius: 100%;
}

.chat-listing-section .noti-listing li a {
    align-items: center;
    gap: 15px;
}

.chat-listing-section {
    padding-top: 180px;
}

.chatstatus {
    position: absolute;
    right: -2px;
    bottom: 5px;
    width: 13px;
    height: 13px;
    border-radius: 100%;
    border: 2px solid var(--whiteprimary);
}

.user-active {
    background-color: #53e445;
}

.user-inactive {
    background-color: #cacaca;
}

.chatnoti-num {
    min-width: 22px;
    height: 22px;
    border-radius: 100%;
    background-color: var(--secondary);
    color: var(--whiteprimary);
    font-size: 10px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
}

.chat-list-main {
    padding-bottom: 150px;
}

.chat-list-main .positionfixed {
    padding-bottom: 10px;
}

.chat-list-main .noti-listing li:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: none;
}

.chat-topbaricon {
    position: absolute;
    right: -7px;
    top: 20px;
}

.chat-topbaricon ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

.chat-com-flex {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 24px;
}

.chat-user-image {
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    position: relative;
    border-radius: 100%;
    overflow: hidden;
    margin-top: 3px;
}

.chat-user-image img {
    width: 30px;
    height: 30px;
    overflow: hidden;
    object-fit: cover;
    border-radius: 100%;
}

.chating-section {
    padding-top: 70px;
}

.chat-comm-text {
    position: relative;
    padding: 7px 12px 17px 12px;
    border-radius:7px;
    font-size: var(--ft12);
    line-height: 1.5;
    margin-bottom: 4px;
}



.chat-date {
    font-size: 11px;
    color: #adb4bd;
    width: 100%;
}


.chat-me .chat-date {
    /* text-align: right; */
    text-align: left;
}

.chat-client .chat-comm-text {
    /* background-color: #fff5f8; */
    background-color: rgba(183, 31, 64, 0.30);
    
}

.chat-me .chat-comm-text {
    /* background-color: #fff5f8; */
    background-color: rgba(166, 166, 166, 0.20);
    padding-bottom: 7px;
    
}

.chat-com-flex .chat-box {width: 72%; display: flex; flex-wrap: wrap; }
.chat-me .chat-box {justify-content: flex-start;}
.chat-client .chat-box {justify-content: flex-end;}

.chat-client .chat-date {
    text-align: right;
}

.chat-comment-wrapper .chat-client {
    justify-content: flex-end;
}

.chat-comm-status {
    position: absolute;
    right: 6px;
    bottom: 2px;
}

.chat-client .chat-user-image {
    order: 1;
}

.chat-commentbox {
    position: fixed;
    width: calc(100% - 30px);
    bottom: 0px;
    left: 15px;
    background-color: var(--whiteprimary);
    padding-bottom: 80px;
    padding-top: 20px;
}

.chat-comm-flex {
    display: flex;
    align-items: center;
    padding: 7px;
    background-color: var(--whiteprimary);
    border: 1px solid var(--lightgray);
    border-radius: 30px;
    gap: 5px;
    margin: 0px auto;
    max-width: 1010px;
    min-height: 46px;
}

.chat-input {
    flex-grow: 1;
}

.chat-input input {
    width: 100%;
}

.chat-input input {
    background-color: var(--whiteprimary);
    border: none;
    box-shadow: none;
    border-radius: 0;
    outline: none;
    color: var(--primary);
}

.chatsend input.chat-send {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: none;
    background: url(../images/send-icon.svg) no-repeat center var(--secondary);
}

.paperclipicon {
    margin-right: 7px;
}

.notification-topbar h2 {
    padding-right: 90px;
}

.timerbg {
    gap: 10px;
    background-color: #D9D9D9;
    padding: 15px 25px;
    border-radius: 0px 40px 0px 40px;
    margin-bottom: 20px;
    margin-top: 7px;
}

.shift-time-sec {
    width: 100%;
}

.shift-timeer {
    font-size: 28px;
    font-weight: 700;
    color: var(--whiteprimary);
}

.timecheckincheckout {
    padding: 15px 0px 10px 0px;
   /* border-bottom: 1px solid var(--lightgray); */
}

.checkinoutlisting .joblabel {
    margin-bottom: 10px;
}

.entry-lavel {
    gap: 10px;
    margin-bottom: 10px;
}

.entry-lavel h3 {
    margin-bottom: 0px;
    color: var(--whiteprimary);
}

.entry-lavel h3 span {
    color: var(--whiteprimary);
}

.job-time-box {
    padding: 15px;
    border-radius: 15px;
    box-shadow: 2px 4px 14px rgba(0, 0, 0, 0.15);
    margin-bottom: 20px;
    background-color: var(--primary);
}
.job-time-box:last-child {margin-bottom: 0px;}

.time-whitebox {
    background-color: var(--primary);
    border: 1px solid var(--lightgray);
    color:var(--secondary);    
}

.imp-msg-here {
    padding: 10px 15px;
    border-radius: 15px;
    margin-bottom: 20px;
    background-color: #ffdde4;
}
.imp-msg-here h3 {
    margin: 0 0 10px;
    color: var(--secondary);
    font-size: var(--ft16);
    font-weight: 600;
}
.imp-msg-here h3:last-child { margin: 0; }
.imp-msg-here .imp-more {
    /* display: block; */
    font-size: 13px;
    color: #333;
    font-weight: 600;
    margin-top: 5px;
}

.progress-btn {
    border-radius: 20px;
    background-color: #ffe1e1;
    padding: 2px 10px;
    line-height: 24px;
    font-weight: 600;
    font-size: var(--ft13);
}

.entry-start-btn{
    border-radius: 20px;
    background-color: #00AD28;
    color: #ffffff;
    padding: 2px 10px;
    line-height: 24px;
    font-weight: 600;
    font-size: var(--ft13);
}

.entryfromto {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 15px;
    font-weight: 600;
    color: var(--secondary);
    
}

.timefromto {
    width: 50%;
}

.tl-flex {
    display: flex;
    align-items: flex-start;
    gap: 5px;
    font-weight: 600;
    color: var(--secondary);
}

.entryfromto  .timelabel  {font-weight: 600;}

.loc-add,
.timelabel {
    font-weight: 500;
    line-height: 24px;
}

.loc-add {
    flex-shrink: 0;
}

.address-det {
    flex-grow: 1;
    line-height: 24px;
}

.time-greenbox {
    /* background-color: #ebfce1; */
    border: 2px solid #00AD28;
}

.request-ongoing,
.time-greenbox {
    /*  background-color: #ebfce1;
    border: 1px solid #00FF15; */
    /* 
    background-color: #fae3c0;
    border: 1px solid #d3912b;
    */


}

.request-accepted {
    /* background-color: #fff5f8;
    border-color: var(--lightpink); */

    /* background-color: #a3c5db;
    border-color: #196fa4; */

}

.request-completed {
    /* background-color: #f4dae1;
    border-color: var(--secondary); */

    /*  background-color: #ebfce1;
    border-color: #00FF15;
    */

}

.request-disabled {
    background-color: lightgray;
    border-color: var(--lightpink);
}

.sub-request-listing .request-accepted .req-hour-price {
    /* background-color: var(--lightpink);*/
    /* background-color: #0046E9; */
    background-color: #00FF3C;
    /*color: #fff;*/
    color: var(--whiteprimary);
}

.sub-request-listing .request-ongoing .req-hour-price {
    background-color: #F5CC00;
    color: var(--whiteprimary);
}

.sub-request-listing .request-completed .req-hour-price {
    background-color: #00FF15;
    color:var(--whiteprimary);
}

.sub-request-listing .request-drop-shift .req-hour-price {
    background-color: #652727;
    color:var(--primary);
}

.sub-request-listing .request-partially-completed .req-hour-price {
    background-color: #ffeb00;
    color:var(--whiteprimary);
}

.time-greenbox .entry-lavel h3 span {
    color: var(--whiteprimary);
}

.time-greenbox .progress-btn {
    background-color: #00AD28;
    color: var(--primary);
}

.profilephoto-slider .swiper-horizontal>.swiper-pagination-bullets,
.profilephoto-slider .swiper-pagination-bullets.swiper-pagination-horizontal,
.profilephoto-slider .swiper-pagination-custom,
.profilephoto-slider .swiper-pagination-fraction {
    bottom: 0px;
}

.prog-time {
    display: flex;
    align-items: center;
    gap: 10px;
}
.prog-time .thumb-green-icon { display: flex; gap: 10px; }
.prog-time .thumb-green-icon img { width: 28px; height: 28px; }

.deleteaccount {
    margin-top: 10px;
    font-size: var(--ft14);
}

.deleteaccount a {
    color: var(--primary);
    display: flex;
    align-items: center;
    gap: 8px;
}

.deleteaccount a img {max-height: 18px; }
.deleteaccount a:hover {
    color: var(--primary);
}

.pro-bot-border {
    margin-bottom: 10px !important;
    position: relative;
   
}

.PT-midd-sec {
    padding-top: 70px;
}

.job-sor-des {
    font-size: 12px;
    line-height: 22px;
    padding-top: 3px;
    margin-bottom: 13px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
}

.job-sec-box-list h3 {
    margin-bottom: 15px;
}

.job-icon-text {
    display: flex;
    align-items: center;
    gap: 5px;
}

.job-icon-text img {
    width: 16px;
}

.job-det-des {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 22px;
    padding-top: 10px;
}

.job-det-des p {
    line-height: 22px;
}

.job-det-des h6 {
    line-height: 22px;
    margin-bottom: 7px;
}

.job-det-des ul,
.job-det-des ol {
    margin-bottom: 13px;
}

.job-det-des li {
    margin-bottom: 10px;
    position: relative;
    padding-left: 15px;
}

.job-det-des li::before {
    position: absolute;
    left: 0;
    top: 9px;
    width: 6px;
    height: 6px;
    background-color: var(--primary);
    border-radius: 100%;
    content: "";
}

/*.select2-container {z-index: 9999;}*/
.select-full-width .select2-container {
    width: 100% !important;
}

.select2-container .select2-selection--single {
    height: 47px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 45px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 45px;
    right: 14px;
}

.select2-container--default .select2-selection--single {border-radius: 30px; background-color: var(--whiteprimary);}
.select2-dropdown {background-color: var(--darkgray); overflow: hidden;}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {/*background-color: var(--whiteprimary);  color: var(--primary);*/ background-color: #737373;
  color: #aaa;}
.select2-container--default .select2-selection--single .select2-selection__rendered {color: var(--primary);}

.select2-container--default .select2-selection--multiple {background-color: var(--whiteprimary); border-radius: 24px;}
.select2-container--default.select2-container--focus .select2-selection--multiple {border-color: var(--primary);}
.select2-container--default .select2-selection--multiple .select2-selection__clear {color: var(--primary);}

.officer-profile-wrapper .select2-container--default.select2-container--focus .select2-selection--multiple {background-color: var(--whiteprimary); border-color: var(--primary);}
.officer-profile-wrapper .select2-container--default .select2-selection--multiple {background-color: var(--whiteprimary); border-color: var(--primary); padding-bottom: 8px;}
.officer-profile-wrapper .select2-container--default .select2-selection--multiple .select2-selection__choice {background-color: var(--secondary-red); padding-right: 10px;}
.officer-profile-wrapper .select2-container .select2-selection--multiple {min-height: 46px;}


.guard-det-midd-sec {
    position: relative;
}

/*-----admin-------*/
.top-tabbar-title {
    padding-right: 50px;
}

.top-tabbar-title span {
    font-size: 12px;
    font-weight: 500;
    color: #adb4bd;
}

.admin-top-bar .topbar-pro-pic {
    top: 20px;
    box-shadow: none;
    border: 1px solid #dddddd;
}

.admin-midd-sec {
    position: relative;
}

.admin-dashboard-midd-part {
    padding-top: 5px;
}

.today-sch-title {
    display: flex;
    align-items: center;
    gap: 10px;
}

.today-sch-title h3 {
    margin-bottom: 0px;
}

a.jobviewall-link {
    text-decoration: underline;
}

a.jobviewall-link:hover {
    text-decoration: none;
}

.job-list-graybg {
    background-color: #f6f6f6;
    border: 1px solid var(--lightgray);
    border-radius: 10px;
    margin-bottom: 25px;
}

.job-list-graybg a {
    color: var(--primary);
}

.job-list-graybg a:hover {
    color: var(--primary);
}

.jb-date-time {
    color: #adb4bd;
    margin-bottom: 10px;
    gap: 10px;
    font-size: 12px;
}

.job-offi-name h3 {
    margin-bottom: 2px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
}

.job-cat-name {
    font-weight: 500;
    margin-bottom: 0px;
}

.job-list-location {
    margin-bottom: 2px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
}

.listjob-loc-add {
    margin-bottom: 10px;
}

.job-officer-photo {
    width: 60px;
    height: 60px;
    overflow: hidden;
    border-radius: 100%;
    flex-shrink: 0;
}

.job-officer-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.job-gap {
    gap: 10px;
    margin-bottom: 10px;
}

.list-b-border {
    border-bottom: 1px solid var(--lightgray);
}

.list-b-border:last-child {
    border-bottom: none;
}

.officer-job-listing a {
    display: block;
}

.job-list-padd a {
    padding: 17px 17px 7px 17px;
}

.ft-22 {
    font-size: 22px;
}

.total-req span {
    color: var(--secondary);
    font-weight: 600;
    
}

.joblistbox .job-list-location {
    margin-bottom: 6px;
}

.usename-price {
    margin-bottom: 15px;
}

.management-list .licenses-box a {
    padding-top: 24px;
    padding-bottom: 24px;
}

.management-list .stats-datepicker {
    margin-bottom: 5px;
}

.filterby-title {
    margin-bottom: 7px;
    font-size: 15px;
    font-weight: 500;
}

.management-datepicker {
    margin-bottom: 5px;
}

.multydtepicker {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 11px;
}

.multydtepicker .inputicon {
    width: 100%;
}

.sec-btn {
    gap: 10px;
}

.sec-btn .btn {
    font-size: 14px;
    padding: 7px;
    border-radius: 6px;
}

.applicant-num {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 15px;
    font-weight: 500;
}

.applicant-num span {
    width: 20px;
    height: 20px;
    background-color: #4aac2c;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 600;
    color: var(--whiteprimary);
}

.topbar-btn {
    position: absolute;
    right: 0;
    top: 15px;
}

.topbar-btn .btn-white-border {
    font-size: 13px;
    padding: 7px;
    border-radius: 6px;
}

.request-form .row {
    margin-left: -7px;
    margin-right: -7px;
}

.request-form .row>* {
    padding-left: 7px;
    padding-right: 7px;
}

.edit-form-part .datepiker-input input.form-control::-webkit-input-placeholder {
    color: #fff;
    opacity: 1;
}

.edit-form-part .datepiker-input input.form-control::-ms-input-placeholder {
    color: #fff;
    opacity: 1;
}

.edit-form-part .datepiker-input input.form-control::placeholder {
    color: #fff;
    opacity: 1;
}

.edit-form-part .form-control::-webkit-input-placeholder {
    color: #fff;
    opacity: 1;
}

.edit-form-part .form-control::-ms-input-placeholder {
    color: #fff;
    opacity: 1;
}

.edit-form-part .form-control::placeholder {
    color: #fff;
    opacity: 1;
}

.edit-form-part .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #000;
}

.admin-notifaction .noti-list-det h6 {
    font-size: 14px;
}

.admin-notifaction a {
    color: #000;
}

.admin-notifaction a:hover {
    color: #000;
}

.noti-categories {
    font-size: 11px;
    color: #999;
    font-weight: 500;
    margin-bottom: 5px;
}

.admin-notifaction .listjob-loc-add {
    font-size: 11px;
    margin-bottom: 0px;
}

.admin-notifaction .job-list-location {
    margin-bottom: 3px;
}

.admin-notifaction .job-cont img {
    width: 15px;
}

.admin-notifaction .noti-list-det h6 span {
    display: inline-flex;
    padding: 3px 5px;
    border-radius: 4px;
    background-color: #ffe1e1;
    color: #000;
    font-size: 11px;
    font-weight: 400;
}

.admin-noti-main-sec {
    padding-top: 60px;
}

.customer-sec-wrapper .topbar-sec {
    justify-content: flex-start;
    gap: 0;
}

.customer-sec-wrapper .min-w-topbar {
    min-width: 34px;
}

.customer-sec-wrapper .customer-part {
    padding-top: 68px;
}

.cust-det-content,
.cust-det-content p {
    line-height: 22px;
}

.customer-part .req-client-logo {
    margin-bottom: 20px;
}

.cust-cont-no {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
}

.customer-part .cust-add {
    margin-bottom: 15px;
    line-height: 24px;
}

.customer-part h3 {
    margin-bottom: 20px;
}

.customer-part .req-detail-block {
    padding-top: 10px;
}

.form-input-icon {
    position: relative;
}

.on-bording-form-part .inputbrowserfile .form-label span {
    font-weight: 400;
    display: inline-flex !important;
}

.browserbox {
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    border: 1px solid var(--lightgray);
    background: #f2f4fb;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    color: var(--primary);
    font-size: 11px;
}

.browserbox input.form-control {
    opacity: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.form-input-icon select {
    cursor: pointer;
    background-image: url(../images/down-arrow.svg);
    background-repeat: no-repeat;
    background-position: right 15px center;
}

.conf-text p {
    margin-bottom: 15px;
}

.conf-text p:last-child {
    margin-bottom: 0px;
}

.file-img-prev {
    position: absolute;
    left: 0;
    right: 0;
    top: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 50px;
    height: 50px;
    /* background-color: #eff0f1; */
    border-radius: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.uploadOuter {
    width: 100%;
}

.dragBox {
    width: 100%;
    min-height: 125px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    display: inline-block;
    transition: transform 0.3s;
    padding-top: 75px !important;
    line-height: 18px;
}

.form-box-padding .form-secton span.dragBox {
    font-weight: 400 !important;
    font-size: 14px !important;
}

.form-box-padding .form-secton span.dragBox strong {
    color: #0c111d;
    font-weight: 500 !important;
}

.dragBox input[type="file"] {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0;
    top: 0;
    left: 0;
    cursor: pointer;
}

#preview {
    text-align: center;
}

#preview img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#preview img.browser-fild-img {
    width: auto;
    height: auto;
    object-fit: inherit;
}

.light-graybg {
    /*background-color: #eff0f1;*/
}

.uploadOuter .dragBox strong {
    font-weight: 500 !important;
}

.customer-sec-wrapper .customer-management-list {
    padding-top: 68px;
}

.cust-list-box {
    border-bottom: 1px solid var(--lightgray);
    padding-bottom: 15px;
    margin-bottom: 15px;
    display: flex;
    align-items: flex-start;
    gap: 15px;
}

.cus-logo {
    width: 80px;
    flex-shrink: 0;
}

.cus-logo a {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--lightgray);
    padding: 5px;
    border-radius: 7px;
    overflow: hidden;
    position: relative;
    height: 60px;
}

.cus-logo img {
    max-height: 60px;
}

.cust-list-det h5 {
    font-weight: 500;
    margin-bottom: 3px;
}

.cust-sort-cont {
    font-size: 12px;
    margin-bottom: 10px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
}

.det-view-link {
    font-size: 12px;
    font-weight: 400;
    gap: 10px;
}

.view-det-link a {
    display: inline-flex;
    padding: 5px 7px;
    color: var(--primary);
    border: 1px solid var(--lightgray);
    border-radius: 4px;
}

.view-det-link a:hover {
    background-color: var(--secondary);
    color: var(--whiteprimary);
    border-color: var(--secondary);
}

.cust-edit-link a {
    display: flex;
    align-items: center;
    gap: 5px;
    font-weight: 500;
    color: var(--secondary);
}

.cust-edit-link a:hover {
    color: var(--primary);
}

.job-det-PT {
    padding-top: 40px;
}

.job-cate {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 7px;
}

.admin-job-detail-sec h3 {
    margin-bottom: 7px;
}

.admin-job-detail-sec .req-client-name {
    margin-bottom: 20px;
    padding-top: 10px;
}

.jobdet-logo {
    width: 90px;
    height: 90px;
    overflow: hidden;
    border-radius: 100%;
    margin: 0 auto 15px auto;
}

.jobdet-logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 100%;
}

.timecheckincheckout .joblabel {
    font-size: var(--ft13);
    font-weight: 600;
}

.editprogree-sec {
    display: flex;
    align-items: center;
    gap: 10px;
}

.admin-job-detail-sec .entry-lavel h3 {
    margin-bottom: 0px;
}

a.editentry-link {
    display: flex;
    align-items: center;
    gap: 5px;
    font-weight: 500;
    font-size: 13px;
}

.checkincheckout-shud {
    padding-top: 15px;
    margin-top: 15px;
    border-top: 1px solid var(--lightgray);
}

.entry-lav-box h5 {
    color: var(--secondary);
    margin-bottom: 10px;
    font-weight: 500;
}

.ui-timepicker-standard a {
    transition: none;
}

.timepicker {
    background-image: url(../images/time-icon.svg);
    background-position: center right 5px;
    background-repeat: no-repeat;
    background-size: 20px;
}

.ui-timepicker-standard a {
    color: var(--primary);
}

.ui-widget {
    font-family: "Wix Madefor Display", sans-serif;
    font-size: 14px;
}

.ui-timepicker-standard {
    font-family: "Wix Madefor Display", sans-serif;
    font-size: 14px;
    border-color: var(--lightgray);
    border-radius: 7px;
}

.ui-timepicker-standard .ui-state-hover {
    background-color: #f1f1f1;
    border-color: var(--lightgray);
    color: var(--primary);
}

.checkincheckout-shud .row {
    margin-left: -7px;
    margin-right: -7px;
}

.checkincheckout-shud .row>* {
    padding-left: 7px;
    padding-right: 7px;
}

.ft-navbar {
    max-width: 71px;
    width: 100%;
}

.jobapply-flex {
    display: flex;
    align-items: center;
    gap: 15px;
}

.applicant-num.r-greenbg span {
    background-color: #4aac2c;
}

.applicant-num.r-redbg span {
    background-color: var(--secondary);
}

.applicant-num.r-yellowbg span {
    background-color: #f1b206;
}

.login-form-logo {
    text-align: center;
    margin-bottom: 60px;
    padding-top: 30px;
}

.login-form-logo img {
    max-width: 160px;
}

.signup-link {
    text-align: center;
    margin-bottom: 8px;
    font-size: var(--ft12);
}
.signup-link a {font-weight: 700;}
.signup-link a:hover {font-weight: 700; color: var(--primary);}

.forgotlink {
    text-align: center;
    margin-bottom: 20px;
    font-size: var(--ft12);
    font-weight: 500;
}

.forgotlink a {
    color: var(--primary);
    text-decoration: underline;
}

.forgotlink a:hover {
    color: var(--primary);
    text-decoration: none;
}

.ft-11 {
    font-size: var(--ft11);
}

.ft-12 {
    font-size: var(--ft12);
}

.form-detail h4 {
    margin-bottom: 20px;
}

.emailphone-sec ul {
    display: flex;
    align-items: center;
    margin-bottom: 50px;
    border-radius: 30px;
    /*border: 1px solid var(--lightgray);*/
    outline: 1px solid var(--lightgray);
    /* overflow: hidden; */
    outline-offset: -1px;
}

.emailphone-sec ul li.nav-item {
    width: 50%;
    position: relative;
}

.emailphone-sec ul li.nav-item .nav-link {
    width: 100%;
    padding: 12px;
    border-radius: 30px;
    background-color:transparent;
    color: var(--primary);
    font-weight: 500;
}

.emailphone-sec ul li.nav-item .nav-link.active {
    background-color: var(--secondary);
    color: var(--primary);
    outline: 1px solid var(--secondary);
}

.iti--inline-dropdown .iti__country-list {
    display: block;
}

.profileApprovalText {
    text-align: center;
    padding: 8px 10px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
    background-color: var(--lightpink);
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.profileApprovalText img {
    height: 18px;
}

.approvad_message {
    background-color: var(--lightgreen);
    color: #006400;
}

.scheduleDateTime50 .schedule-row {
    flex-wrap: wrap;
    margin-left: -7px;
    margin-right: -7px;
    gap: 0px;
}

.scheduleDateTime50 .schedule-col {
    padding-left: 7px;
    padding-right: 7px;
    width: 50%;
    margin-bottom: 15px;
}

.scheduleDateTime50 .schedule-col .schedule-titel {
    left: 7px;
}

.scheduleDateTime50 .schedule-close {
    position: absolute;
    right: 6px;
    top: -1px;
}

.req-mod-box .col-6,
.req-mod-box .col-12 {
    margin-bottom: 10px;
}

/* .req-mod-box .col-12 .col-4, .req-mod-box  .col-12 .col-3 {margin-bottom: 10px;} */

.serviec-texatea .inputicon .pro-textarea-h {
    margin-bottom: 5px;
}

.totel-price-box-mod {}

.totel-price-box-mod .row {
    margin-left: -6px;
    margin-right: -6px;
}

.totel-price-box-mod .row>* {
    padding-left: 6px;
    padding-right: 6px;
}

.comm-mod-price {
    text-align: center;
    color: var(--whiteprimary);
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

.comm-mod-price strong {
    font-weight: 500;
}

.schedule-price-mod {
    background-color: var(--primary);
    border-radius: 5px 0px 0px 5px;
}

.total-price-mod {
    background-color: var(--secondary);
    border-radius: 0px 5px 5px 0px;
}

.req-price-mod {
    margin-left: 5px;
}

.req-date-time-box label {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 0px;
}

.list-box-tb-border {
    padding: 10px 0px;
    /* border-top:1px solid var(--lightgray);*/
    border-bottom: 1px solid var(--lightgray);
    margin: 10px 0px;
}

.list-box-tb-border .col-4,
.list-box-tb-border .col-6,
.list-box-tb-border .col-3 {
    position: relative;
}

.list-box-tb-border .col-4::before,
.list-box-tb-border .col-6::before,
.list-box-tb-border .col-3::before {
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: var(--lightgray);
    content: "";
}

.list-box-tb-border .col-4:last-child:before,
.list-box-tb-border .col-6:last-child:before,
.list-box-tb-border .col-3:last-child:before {
    display: none;
}

.rquest-pri-box-model .modal-footer .btn {
    font-size: 14px;
    padding: 8px 12px;
}

.req-date-time-box {
    padding: 3px 0px;
}

.req-mod-cont strong {
    color: var(--secondary);
}

.req-mod-cont span {
    word-wrap: break-word;
}

.list-box-tb-border .col-6 .req-date-time-box {
    position: relative;
}

.list-box-tb-border .col-6:nth-child(1) .req-date-time-box,
.list-box-tb-border .col-6:nth-child(2) .req-date-time-box {
    padding-bottom: 10px;
}

.list-box-tb-border .col-6:nth-child(1) .req-date-time-box:after,
.list-box-tb-border .col-6:nth-child(2) .req-date-time-box:after {
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 100%;
    height: 1px;
    background-color: var(--lightgray);
    content: "";
}

.list-box-tb-border .col-6:nth-child(3),
.list-box-tb-border .col-6:nth-child(4) {
    margin-bottom: 0px;
}

.mod-red-bt-border {
    border-bottom: 2px solid var(--secondary);
}

.req-review-box .comm-mod-price {
    padding: 12px 7px;
    background-color: var(--whiteprimary);
    box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    text-align: center;
    justify-content: flex-start;
    color: var(--primary);
    align-items: center;
    flex-direction: column;
}

.req-review-box .comm-mod-price strong {
    display: block;
    margin-bottom: 2px;
}

.req-review-box .req-price-mod {
    margin-left: 0px;
    color: var(--secondary);
    font-size: 18px;
}

.list-box-tb-border .req-date-time-box {
    text-align: center;
}

.guard-status,
.req-idbox span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 10px;
    font-size: var(--ft13);
    font-weight: 700;
    color: var(--secondary);
    background-color: var(--lightpink);
    border-radius: 5px;
    line-height: normal;
    /* text-transform: uppercase; */
}

.req-idbox span {background-color: var(--secondary); color: var(--primary);}

/* Start:: Address Auto Search design */
.addressListDesign {
    position: relative;
}

.addressListDesign #addressListBox {
    position: absolute;
    z-index: 9;
    top: 80px;
    right: 0;
    width: 100%;
}

.addressListDesign .list-group {
    max-height: 30vh;
    overflow: auto;
}

/* End:: Address Auto Search design */

.time-redbox {
    /* background-color: #fff5f8; */
    border: 2px solid #FF0606 !important;
}

.time-redbox .progress-btn {
    background-color: var(--secondary);
    color: var(--primary);
}

.time-redbox .entry-lavel h3 span {
    color: var(--secondary);
}

.read-notification .noti-u-img img {
    opacity: 0.3;
}

.read-notification .noti-list-det h6 {
    color: #ccc;
}

.booking-request-box .date-miles {
    font-size: 13px;
    align-items: flex-start;
    color: var(--primary);
}

.booking-request-box .date-miles:last-child {
    margin-bottom: 0px;
}

.booking-request-box .date-miles .req-date {
    text-align: right;
}

.booking-request-box .date-miles .req-date .req-list-time {
    font-size: var(--ft14);
    color: var(--secondary-gray);
}

.booking-request-box .date-miles .req-miles {
    font-size: var(--ft14);
    font-weight: 600;
}

.view-det-chat {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}

.view-det-chat .rew-view-detail-btn {
    width: 100%;
}

.book-chat {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 35px;
    height: 35px;
  /*  border-radius: 8px;
    background-color: var(--primary); */
}

.book-chat img {
   /* filter: invert(91%) sepia(0%) saturate(7500%) hue-rotate(75deg) brightness(115%) contrast(108%); */
   max-width: 26px;
   cursor: pointer;
}

.req-part .book-chat img {max-width: 17px;}
.req-part .req-list-box .book-chat img {max-width: 26px;} 


.book-detail-req {
   /* background: #f1f1f1; */
    padding: 15px;
    border-radius: 15px;
    margin-bottom: 15px;
    background-color: var(--secondary);
    
}



.book-request-acc .book-detail-req {
    /* background: #f1f1f1; */
     padding: 15px 0px;
     border-radius: 0px;
     margin-bottom: 15px;
     /* background-color: var(--secondary); */
     border-bottom: 1px solid #ccc;
 }
 
 .book-request-acc .book-detail-req:last-child {border-bottom: none; margin-bottom: 0px; padding-bottom: 5px;}

.booking-request-box .req-add-col .req-add {
    margin-bottom: 10px;
}

.booking-request-box .req-add-col .req-city {
    position: relative;
    padding-left: 20px;
}

.booking-request-box .req-add-col .req-city img.loc-icon {
    position: absolute;
    left: 0;
    top: 4px !important;
}

.reject-req-note {
    background-color: var(--lightgray);
    padding: 10px;
    border-radius: 5px;
    font-size: 12px;
    color: var(--primary);
    margin-bottom: 15px;
}

.reject-req-note h6 {
    margin-bottom: 3px;
    color: var(--secondary);
    font-size: 13px;
}

.flex-chat-id {
    display: flex;
    align-items: center;
    gap: 5px;
}

.flex-chat-id .det-icon a {
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.flex-chat-id .det-icon a img {
    width: 14px;
    height: auto;
}

.flex-chat-id .req-wishlist-icon a {
    background-color: var(--secondary);
}

.req-icon-pos {
    position: relative !important;
    padding-left: 28px !important;
    word-break: break-all;
    word-wrap: break-word;
}

.req-icon-pos img {
    position: absolute !important;
    left: 0 !important;
    top: 2px !important;
    /* width: 18px; */
    max-width: 16px;
    max-height: 16px;
}

.req-client-name.req-icon-pos img {
    top: 0px !important;
    width: 18px;
}

.officer-joblist.officer-listpart li {
    display: block;
    padding: 0px;
}

.officer-joblist.officer-listpart li:last-child {
    border-bottom: none;
}

.officer-joblist.officer-listpart li a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
    padding: 18px 0px;
    font-size: 16px;
    font-weight: 500;
    color: var(--primary);
}

.officer-joblist.officer-listpart li a:hover {
    color: var(--primary);
}

.officer-joblist.officer-listpart li .guard-user-img {
    width: 45px;
    height: 45px;
    border: 1px solid var(--lightgray);
    box-shadow: none;
}

.officer-joblist li .joblabel {
    font-size: var(--ft13);
    font-weight: 600;
}

.book-user-popup .modal-content {
    border-radius: 0;
    border: none;
    background-color: transparent;
    width: auto;
}

.book-user-popup .modal-body {
    padding: 0px;
    position: relative;
    background-color: #fff;
}

.book-user-popup .modal-body .btn-close {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #ccc;
    border-radius: 0;
    padding: 10px;
    opacity: 1;
}

.booking-popupimg {
    text-align: center;
}

.bookpopup-flex {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.check-shring-0 {
    flex-shrink: 0;
}

.userupload-list-photo {
    position: relative;
    width: 44px;
}

.userupload-list-photo .form-control[type="file"] {
    height: 44px;
    width: 44px;
    opacity: 0;
    padding: 0;
    margin: 0;
    z-index: 1;
    position: relative;
}

.photo-camara {
    position: absolute;
    left: 0;
    top: 0;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--secondary);
    border-radius: 8px;
}

.photo-camara img {
    width: 25px;
    max-height: 25px;
}

.photo-sub-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0 15px;
    margin-bottom: 10px;
}

.job-time-box .loc-add {
    min-width: 97px;
    font-weight: 600;
}

.job-time-box .tl-flex {
    margin-bottom: 5px;
}

.up-photo-pic img {
    max-height: 80px;
    width: auto;
}

.textarea-det {
    width: 100%;
}

.textarea-det textarea {
    height: 44px;
    width: 100%;
    margin-bottom: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.health-safety-popup,
.insurance-liability-popup {
    background-color: rgba(0, 0, 0, 0.8);
    width: 100%;
    left: 0;
    padding: 10px;
    margin: 0;
    height: 100%;
}

.health-safety-popup .modal-title,
.insurance-liability-popup .modal-title {
    color: var(--whiteprimary);
}

.health-safety-popup .modal-header,
.insurance-liability-popup .modal-header {
    background-color: var(--secondary);
}

.health-safety-popup button.btn-close,
.insurance-liability-popup button.btn-close {
    filter: brightness(0) invert(1);
    opacity: 1;
}

.book-request-acc .accordion-button:not(.collapsed) {
    background-color: var(--secondary);
}

.book-request-acc .accordion-button:focus {
    box-shadow: none;
}

.book-request-acc .accordion-button {
    padding: 12px;
    font-size: 16px;
    font-weight: 600;
    background-color: var(--secondary);
    color: var(--whiteprimary);
    box-shadow: none;
    border-radius: 8px;
}

.book-request-acc .accordion-button::after {
    filter: brightness(0) invert(1);
}

.book-request-acc .accordion-body {
    padding: 10px 15px;
}

.accordion-body .row {
    border-bottom: 1px solid var(--lightgray);
    padding: 10px 0px;
    margin-left: -10px;
    margin-right: -10px;
}

.accordion-body .row:last-child {
    border-bottom: none;
    padding-bottom: 0px;
}

.accordion-body .row>* {
    padding-left: 10px;
    padding-right: 10px;
}

.accordion-body .row h6 {
    margin-bottom: 2px;
    color: var(--secondary);
}

.sub-request-listing .accordion-body .row h5 {
    margin-bottom: 2px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px 15px;
    justify-content: space-between;
}

.bool-req-clientid {
    display: inline-flex;
    padding: 2px 5px;
    font-weight: 500;
    color: var(--primary);
    background-color: transparent;
    border-radius: 4px;
    font-size: 13px;
}

.book-request-acc .accordion-item:first-of-type .accordion-button {
    /* border-radius: 8px;*/ 
    border-radius: 0px;
    /* background-color: var(--secondary); */
    padding: 10px 15px;
}

.book-request-acc {
    font-family: "Wix Madefor Display", sans-serif;
}

.seaarch-top-part {
    margin-right: 10px;
}

.book-req-popup-sec {
    margin-bottom: 15px;
    border-bottom: 1px solid var(--lightgray);
    position: relative;
    padding: 0px 55px 15px 15px;
}

.book-req-popup-sec:last-child {
    padding-bottom: 0px;
    margin-bottom: 0px;
    border-bottom: none;
}

.book-req-popup-sec .col-6 {
    margin-bottom: 5px;
}

.book-delete-icon {
    position: absolute;
    right: 15px;
    top: 0;
}

.book-delete-icon a {
    width: 30px;
    height: 30px;
    color: var(--whiteprimary);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    background-color: var(--secondary);
}

.book-delete-icon a:hover {
    background-color: var(--primary);
}

.book-delete-icon a img {
    max-width: 20px;
}

.bookingCancelPoup .modal-body {
    padding-left: 0px;
    padding-right: 0px;
}

.guard-review-det .guard-review-edit-add-btn {
    position: absolute;
    top: 0;
    right: 0;
}

.guard-review-edit-add-btn .btn {
    padding: 0;
    width: 40px;
    height: 40px;
}

.guard-review-det .guard-review-info {
    padding-right: 50px;
    padding-bottom: 10px;
}

.guard-review-det .guard-review-info .guard-status {
    align-items: flex-start;
    flex-direction: column;
    border: 1px solid var(--secondary);
    background: #f6f6f6;
    padding: 6px 9px 5px;
}

.rquest-pri-box-model .guard-review-det .guard-review-info .guard-status {border: 1px solid var(--secondary-gray); background: var(--whiteprimary); padding:6px 9px 5px; color: #fff; font-weight: 400; border-radius:7px;}

.guard-review-det .guard-review-info h3 {
    margin-bottom: 8px;
    font-size: 24px;
    line-height: 1.2;
}

.guard-review-det .rev-rat-box {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 15px 0;
}

.guard-review-det .rev-rat-box h4 {
    margin-bottom: 0;
}

.guard-review-det .rev-rat-box .raging-star {
    margin-bottom: 2px;
}

.guard-review-det .rev-rat-box .review-rating-star img {
    width: 20px;
}

.guard-review-det .review-det-cont textarea {
    height: 100px;
}

.guard-review-det .reject-res {
    text-transform: none;
    display: flex;
    color: var(--grayprimary);
    margin-top: 3px;
    font-weight: 400;
    gap: 5px;
}

.guard-review-det .reject-res span {
    color: var(--secondary);
    font-weight: 600;
}

.sub-request-sec {
    padding-bottom: 15px;
}

.sub-req-dt .req-icon-pos img {
    top: 1px !important;
}

.sub-request-listing {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 22px;
}

.sub-request-listing .req-list-box {
    margin-bottom: 0;
    height: fit-content;
}

.sub-request-listing .req-time-info {
    font-size: var(--ft13);
}

.sub-request-listing .date-miles {
    font-size: var(--ft12);
    color: var(--primary);
    margin-top: 5px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
}
.sub-request-listing .date-miles1 {
    font-size: var(--ft12);
    color: var(--primary);
    margin-top: 5px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
}
.sub-request-listing .book-sub-req-load {
    margin-bottom: 10px;
    border-top: 1px solid var(--primary);
}
.sub-request-listing .book-sub-req-load:last-child { margin-bottom: 0; }
.sub-request-listing .book-sub-req-load .date-miles {
    grid-template-columns: 70px 1fr;
    margin-bottom: 5px;
}

.sub-request-listing .book-sub-req-load .date-miles1 {
    grid-template-columns: 90px 1fr !important;
    margin-bottom: 5px;
}

.sub-request-listing .date-miles .req-info {
    display: grid;
    grid-template-columns: 150px 1fr;
    gap: 6px;
    
}

.sub-request-listing .date-miles .req-info span {
    color: var(--primary);
    font-weight: 700;
}
.sub-request-listing .date-miles .req-info strong {font-weight: 400;}

.sub-request-listing .req-hour-price {
    font-size: var(--ft13);
    padding: 4px 10px;
    background: #ffe1e1;
    border: 0;
}

.sub-request-listing .rew-view-detail-btn {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}

.sub-request-listing .accordion-item {
    border-color: var(--secondary);
    background: transparent;
    border-radius:0px 30px;
    background-color: var(--secondary);
}

.sub-request-listing .accordion-body .row {
    border-color: var(--secondary);
}

.sub-request-listing .accordion-button:not(.collapsed),
.sub-request-listing .accordion-button {
    background: transparent;
    color: var(--primary);
    padding: 8px 12px;
}

.sub-request-listing .accordion-button::after {
   /* filter: none; */
}

.sub-request-listing .accordion-body {
    border-radius: 10px;
    padding-top: 0px;
}

.sub-request-listing .accordion-body .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px;
    border: 1px solid var(--secondary);
    border-radius: 50px;
}

.sub-request-listing .accordion-body .btn img {
    width: 16px;
}

.sub-request-listing .book-slot-acc .accordion-body .btn {
    font-size: 13px;
    border-color: var(--primary);
    color: var(--secondary);
    line-height: 1.4;
    width: fit-content;
    padding: 2px 15px;
    border-radius: 5px;
    background: #fff;
}

.ser-filter-price {
    margin-bottom: 10px;
}

.ser-filter-price h6 {
    margin-bottom: 7px;
}

.ser-filter-price ul {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.ser-filter-price li {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding:5px 5px 5px 10px; border-radius:30px; border: 1px solid var(--primary); background-color: var(--whiteprimary); font-size: 12px;
}

.ser-filter-price li span {
    background-color: var(--secondary);
    color: var(--primary);
    display: inline-flex;
    padding: 2px 8px;
    border-radius:20px;
    font-weight: 500;
}

.filter-request-list-sec .select2-container--default .select2-selection--multiple .select2-selection__choice {
    display: flex;
    align-items: center;
    font-size: 13px;
    /* color: #000;
    background-color: #fff;
    border: 1px solid #ccc; */

    color: #fff;
    background-color: #484848;
    border:1px solid #6f6f6f;

}

.filter-request-list-sec .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__display span {
    display: flex;
    align-items: center;
    gap: 5px;
}

.filter-request-list-sec .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: var(--primary);
    top: 0;
}

.filter-request-list-sec .select2-container .select2-selection--multiple .select2-selection__rendered {
    display: flex !important;
    align-items: center;
    flex-wrap: wrap;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display img.select2-option-icon {
    max-width: 20px;
    max-height: 20px;
    width: auto;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display .select2-selection__choice__display span {
    display: flex;
    align-items: center;
    gap: 5px;
}

.select2-container--open .select2-dropdown--below .select2-results__options li.select2-results__option span {
    display: flex;
    align-items: center;
    gap: 5px;
}

.select2-container--open .select2-dropdown--below .select2-results__options li.select2-results__option span img {
    max-width: 20px;
    max-height: 20px;
    width: auto;
}

.select2-container--open .select2-dropdown--above .select2-results__options li.select2-results__option span img {
    max-width: 20px;
    max-height: 20px;
    width: auto;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {margin-left: 10px; margin-top: 9px;}

.rquest-pri-box-model .modal-dialog {
    margin: 0;
    min-height: 100%;
}

.rquest-pri-box-model .modal-dialog .modal-content {
    /*border: none;*/
    border-radius: 0;
    border: 1px solid var(--secondary-gray);
    border-radius: 15px;
    background-color: var(--whiteprimary);
}


.health-safety-popup .modal-title, .insurance-liability-popup .modal-title {color: var(--primary);} 
.health-safety-popup .modal-header, .insurance-liability-popup .modal-header {background-color: transparent;}

.req-ben-det-part {
    padding-bottom: 10px;
}

.req-ben-det-list {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-left: -7px;
    margin-right: -7px;
}

.req-ben-det-list .benefit-review-col {
    padding-left: 7px;
    padding-right: 7px;
    width: 50%;
    margin-bottom: 14px;
}

.req-ben-det-list .req-ben-box {
    display: flex;
    align-items: flex-start;
    padding: 5px;
    border: 1px solid var(--secondary-gray);
    border-radius: 8px;
    gap: 10px;
}

.req-ben-det-list .req-ben-box span {
    align-self: center;
    word-break: break-all;
}

.req-ben-det-list .benefit-review-col .req-ben-box img.benefit-icon {
    max-width: 40px;
    max-height: 40px;
}

.stripe-box-modal .modal-dialog {
    padding: 10px;
}

.stripe-box-modal .modal-dialog::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.95);
    content: "";
}

.stripe-box-modal .modal-dialog .modal-content {
    position: relative;
    z-index: 1;
    border-radius: 10px;
}

/* .stripe-box-modal .modal-dialog .modal-content iframe {
    min-height: 380px !important;
} */

#selected-chat-officer ul li {
    display: inline-block;
}

.request-cancelled {
    /* background-color: #f4dae1; border-color: var(--secondary); */
}

.sub-request-listing .request-cancelled .req-hour-price {
    background-color: var(--secondary);
    color: #fff;
}

.request-incompleted {
    /* background-color: #add4c9; border-color: #62a8af; */
}

.sub-request-listing .request-incompleted .req-hour-price {
    background-color: #62a8af;
    color: #fff;
}

.request-expired {
    /* background-color: #ceced1; border-color: #6d6d74; */
}

.sub-request-listing .request-expired .req-hour-price {
    background-color: var(--secondary-gray);
    color: #fff;
}

.request-rejected {
    /* background-color: #f4dad6; border-color: #f55555; */
}

.sub-request-listing .request-rejected .req-hour-price {
    background-color: #f55555;
    color: #fff;
}

/* .sub-request-listing .req-list-box .accordion-button:not(.collapsed), .sub-request-listing .req-list-box .accordion-button {background: rgba(255,255,255,0.5);} */

.req-conf-sec {
    margin-bottom: 20px;
}

.req-pt-tp {
    padding-top: 15px;
}

.req-conf-sec h6 {
    margin-bottom: 5px;
}

.request-cancel-formid-sec h4 {
    margin-bottom: 0px;
}

.req-list-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 0px;
    border-bottom: 1px solid var(--lightgray);
}

.req-lab-fr {
    font-weight: 600;
}

.req-leb-det-fr span {
    font-weight: 600;
    color: var(--secondary);
}

.can-err {
    color: var(--secondary) !important;
}

.can-err span {
    font-weight: 600;
    color: var(--secondary) !important;
}

.request-del-box-part {
    background-color: transparent !important;
    border: none !important;
}

.request-del-box-part .req-hour-price {
    border: none !important;
    font-size: 14px;
    padding: 7px 10px;
    font-weight: 600;
    color: #fff;
}

.request-del-box-part.request-pending .req-hour-price {
    background-color: #ffe1e1;
    color: var(--secondary);
}

.request-del-box-part.request-accepted .req-hour-price {
    background-color: #0046E9;
}

.request-del-box-part.request-cancelled .req-hour-price {
    background-color: var(--secondary);
}

.request-del-box-part.request-rejected .req-hour-price {
    background-color: #f55555;
}

.request-del-box-part.request-ongoing .req-hour-price {
    background-color: #D17D00;
}

.request-del-box-part.request-incompleted .req-hour-price {
    background-color: #62a8af;
}

.request-del-box-part.request-expired .req-hour-price {
    background-color: var(--secondary-gray);
}

.request-del-box-part.request-completed .req-hour-price {
    background-color: #00FF15;
}
.request-del-box-part.request-drop-shift .req-hour-price {
    background-color: #652727;
}
.request-del-box-part.request-partially-completed .req-hour-price {
    background-color: #ffeb00;
}

.req-num-list-cont {
    margin-bottom: 20px;
}

.req-num-list-cont ul {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.req-num-list-cont li {
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 10px;
    border-radius: 4px;
    border: 1px solid var(--lightgray);
}

.req-num-list-cont li span {
    font-weight: 600;
    color: var(--secondary);
}




/* button, a {cursor: pointer; outline: none;}

.btn {background-position: center; transition: background 0.8s;}
.btn:hover {background: green radial-gradient(circle, transparent 1%, #b60c3c 1%) center/15000%;}
.btn:active {background-size: 100%; transition: background 0s; background-color: green;}

.btn-secondary:hover {background: #000 radial-gradient(circle, transparent 1%, #333 1%) center/15000%; color: var(--whiteprimary);}
.btn-secondary:active {background-size: 100%; transition: background 0s; background-color: green;}

.btn-black:hover {background: #000 radial-gradient(circle, transparent 1%, #333 1%) center/15000%; color: var(--whiteprimary);}
.btn-black:active {background-size: 100%; transition: background 0s;}

.btn-gray:hover {background: #7B7B7B radial-gradient(circle, transparent 1%, #333 1%) center/15000%; color: var(--whiteprimary);}
.btn-gray:active {background-size: 100%; transition: background 0s;}

.btn-white-border {color:var(--primary); background-color: var(--whiteprimary); border: 1px solid var(--lightgray); border-radius: 6px;}
.btn-white-border:hover {color:var(--whiteprimary); background-color: var(--secondary); border-color: var(--secondary);}
 */




/* kajal css strat */
.select-category-cls {
    height: 268px;
    padding: 30px 15px;
    background-color: #B60C3C;
    border-radius: 0 0 20px 20px;
}

.select-category-cls h1 {
    color: #fff;
    text-align: center;
}


.select-category-cls .cat-box  h4 {
    padding: 10px;
    font-size: var(--ft14);
    font-weight: 700;
    margin: 0;
    color: var(--whiteprimary);
}

.select-category-cls .cat-box {
    background: #fff;
    height: fit-content;
    box-shadow: 2px 4px 14px 0 #0000001a;
    border-radius: 40px 0px 40px 0px;
    width: 100%;
    max-width: 46%;
    max-height: 150px; min-height: 150px;
}

.select-category-cls .cat-box img {
    /* width: 115px; */
    max-height: 90px;
    max-width:90px;
}
.select-category-cls .img-box{text-align: center; padding: 15px 15px 9px 15px;}

.select-category-cls .category-cls {
    display: flex;
    flex-wrap: wrap;
    gap: 26px;
    margin-top: 73px;
}
.select-category-cls .box-2{margin-top: 63px;}
.select-category-cls .cat-box.box-3, .select-category-cls .cat-box.box-5{margin-top: -63px;}

/*--------------*/

.booking-graycon-h::before {height: 200px;}
.booking-graycon-h .booking-midd-sec {padding-top: 0px; padding-bottom: 60px;}

.res-status-info {margin-bottom: 15px; }
.comon-req-status ul {display: flex; align-items: center; flex-wrap: wrap;  margin-left: -10px; margin-right: -10px;}
.comon-req-status li {padding-left: 10px; padding-right: 10px; width: 50%; margin-bottom: 5px; font-size: var(--ft12); font-weight: 500; display: flex; align-items: center; gap: 7px} 
.comon-req-status li span {width: 14px; height: 14px; border-radius: 5px 0px 5px 0px; background-color: #ccc; display: flex; flex-shrink: 0;}

.comon-req-status li span.s-pending {background-color: #D17D00;}
.comon-req-status li span.s-confirmed {background-color: #0046E9;}
.comon-req-status li span.s-cancelled {background-color: #FF0606;}
.comon-req-status li span.s-ongoing {background-color: #d100c1;}
.comon-req-status li span.s-completed {background-color: #00FF15;}
.comon-req-status li span.s-expired {background-color: var(--secondary-gray);}
.comon-req-status li span.s-partially-completed {background-color: #ffeb00;}
.comon-req-status li span.s-drop-shift {background-color: #652727;}
.list-req-status ul {margin-left: -5px; margin-right: -5px;}
.list-req-status li {width: auto; margin-bottom: 0px; padding-top: 5px; padding-left: 5px; padding-right: 5px;}
.list-req-status {border-top: 1px solid var(--lightgray); padding-top: 5px;}

.req-center {display: flex; align-items: center; margin-bottom: 0px;}

.req-brnone {border-top: none; padding-top: 0px;}
.req-brnone li {padding-top: 0px;}

.req-benefits-list {border-top: 1px solid var(--lightgray); padding-top: 10px;}
.req-benefits-list h6 {margin-bottom: 10px; font-size: 13px; }
.req-benefits-list ul {display: flex; align-items: center; flex-wrap: wrap;  margin-left: -10px; margin-right: -10px;}
.req-benefits-list li {padding-left: 10px; padding-right: 10px; margin-bottom: 10px; font-size: var(--ft12); font-weight: 500; display: flex; align-items: center; gap: 7px; font-style: italic;}
.req-benefits-list li img {max-width: 18px; max-height: 18px; min-width: 18px; width: auto;}


/* Start:: Wallet */
.wallet_transaction_card .wallet_transaction_date strong{
    font-size: 16px;
}
.wallet_transaction_card .wallet_transaction_date img{
    max-width: 17px;
}
.wallet_transaction_card .wallet_transaction_date{
    display: flex;
    align-items: center;
    justify-content: center;
    gap:7px;
}

.location-box {position: relative;}
.location-detail {position: absolute; left: 0; top: 50px; width: 100%; z-index: 1; }
.location-detail .list-group {max-height: 280px; overflow-x: hidden; overflow-y: auto; box-shadow: 0 0 0 .25rem rgba(170, 170, 170, .25); background-color: var(--whiteprimary);}


.booking-date{
    text-align: center;
    padding: 6px 10px;
    border: 1px solid var(--secondary);
    border-radius: 8px;
    background-color: var(--secondary);
    
}
.booking-date span{
    font-weight: 500;
}

.pointer-event-none{
    pointer-events: none;
}

.checkin-image-loader-box{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 9;
    width: 182px;
    height: 182px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 100%;
}
.checkin-image-loader-box .spinner-grow-sm{
    width: 50px;
    height: 50px;
}


.toastify {  
    width: auto !important;
    display: inline-flex !important;
    align-items: self-start !important;
    max-width: inherit !important;
    font-size: 14px !important;
    margin-left: 15px !important;
    border-radius: 10px !important;
    z-index: 99999;
}

.complete-action{
    display: inline-flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.estimated-wage{
    padding: 7px 10px;
    background-color: #fff;
    border-radius: 5px;
   

}

.booking-request-box .date-miles.estimated-wage .req-miles { color: var(--whiteprimary); font-weight: 700; font-size: var(--ft14);}

.estimated-wage .req-date{
    font-weight: 700;
    color: var(--secondary);
    font-size: var(--ft14);
}


.toastify {width: calc(100% - 30px) !important; display: flex !important;  justify-content: space-between; top: 50% !important; max-width: 1010px !important; left: 15px; margin-left: auto !important; margin-right: auto !important; z-index: 99999; color: var(--primary); padding: 20px 15px; font-weight: 400 !important; font-size: 16px !important; margin-top: -32px !important;}
.toastify .toast-close {color: var(--primary) !important;}

body.FlashMessage-Box {position: relative; overflow: hidden;}
body.FlashMessage-Box::before {position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999; background-color: rgba(0, 0, 0, 0.9); content: ""; }

.screen-top-arrow {position: absolute; left: 15px; top: 20px; z-index: 99; width: 35px; height: 35px; display: flex; align-items: center; justify-content: center;
/* background-color: rgba(255, 255, 255, 0.90); border-radius: 5px; */}
.screen-top-arrow img {max-width: 24px;}

/* --------------- Start:: Start Rating --------------- */
.rating-content{
    display: flex;
    justify-content: center;
}
.ratings {
    position: relative;
    vertical-align: middle;
    display: inline-block;
    color: #b1b1b1;
    overflow: hidden;
  }
  
  .full-stars{
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap;
    overflow: hidden;
    color: transparent;
  }
  
  .empty-stars:before,
  .full-stars:before {
    content: "\2605\2605\2605\2605\2605";
    font-size: 14pt;
  }
  
  .empty-stars:before {
    -webkit-text-stroke: 1px var(--secondary-gray);
    color: transparent;
  }
  
  .full-stars:before {
    -webkit-text-stroke: 1px var(--secondary);
    color: var(--secondary);
  }
  
  /* Webkit-text-stroke is not supported on firefox or IE */
  /* Firefox */
  @-moz-document url-prefix() {
    .full-stars{
      color: transparent;
    }
  }
  /* --------------- Start:: Start Rating --------------- */

.chatmess-icon {padding-top: 15px;}
.chatmess-icon .book-chat {width: 100%; color: #fff; background-color: var(--secondary); display: flex; align-items: center; justify-content: center; gap: 6px; font-size: 16px; font-weight: 500; height: 40px; cursor: pointer; transition:all 0.3s ease-in-out 0s; border-radius: 8px;}
.chatmess-icon .book-chat:hover {background-color: var(--secondary);}

.chat-messanger-part .seaarch-top-part {margin-right: 0px; margin-bottom: 15px;}
.chat-messanger-part .noti-list-block li a {display: flex; align-items: center; justify-content: center; gap:0px 10px; padding:10px 16px; border-bottom: 1px solid var(--secondary-gray);}
.chat-messanger-part .noti-list-block li:last-child a {border-bottom: none;}
.chat-listing-section .chat-messanger-part .noti-u-img {width: 40px; height: 40px; overflow: hidden; display: flex; align-items: center; justify-content: center; background-color: #fff;}
.chat-listing-section .chat-messanger-part .noti-u-img img {max-width:40px; max-height: 40px; width: auto; height: auto; border-radius: 0px; overflow: inherit;}
.chat-messanger-part .noti-sm-list span.noti-count {position: absolute; right: 0; min-width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; border-radius: 100%; color: var(--primary); font-weight: 500; font-size: 12px; background-color: var(--secondary); top: -1px; line-height: normal;}
.chat-messanger-part .noti-list-det h6 {margin-bottom: 0px; line-height: normal;}
.chat-messanger-part {padding: 0px 0px 5px 0px;}
.chat-messanger-part .search-mess-plr {padding-left: 16px; padding-right: 16px;}
.chat-list-groupbg {background-color: #f1f1f1;}

.searchandaddgroup {display: flex; align-items: center; gap: 10px; margin-right: 5px; width: 100%;}

.iti__country-container {padding-right: 10px;}
.iti .iti__country-container .iti__selected-dial-code {margin-left: 0px;}

.searchandaddgroup button.btn {height: 44px; width: 44px; padding: 5px; display: flex; align-items: center; justify-content: center; font-size: 16px; color: var(--primary); border-radius: 40px; background-color: var(--secondary-gray); flex-shrink: 0;}
.searchandaddgroup button.btn:hover {background-color: var(--grayprimary); }

.addreq-group-titlebar {display: flex; flex-shrink: 0; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 10px; width: 100%;}
.request-addgroup-popup .modal-header {flex-wrap: wrap;}
.request-addgroup-popup .modal-body {padding-left: 0px; padding-right: 0px;}
.PLR16 {padding-left: 16px; padding-right: 16px; }
.request-addgroup-popup .seaarch-top-part {margin-right: 0px;}
.contact-officer-list h5, .select-officers-sec h5 {padding-left: 16px; padding-right: 16px; margin-bottom: 10px;} 
.groupname-search, .select-officers-sec {margin-bottom: 20px; position: relative;}
.groupname-search h5 {margin-bottom: 4px;}

.request-addgroup-popup .chat-messanger-part .noti-list-det {padding-right: 0px !important;}

.groupname-search input.search-input {background-image: url(../images/users-list-icon.svg); background-size: 28px; background-position:10px center; background-repeat: no-repeat; padding-left:44px;}

.selected-officer-box a.select-officers-sec {display: flex; align-items: center; justify-content: space-between; gap: 10px;}
.selected-officer-box a.select-officers-sec .noti-list-det {position: relative;}
.chat-messanger-part .selected-officer-box .noti-list-det h6 {padding-right: 30px;}
.remove-officer-icon{ position: absolute;right: 0;min-width: 20px;height: 20px;display: flex;align-items: center;justify-content: center;border-radius: 100%;color: var(--whiteprimary);font-weight: 500;font-size: 12px;background-color: var(--secondary);top: -1px;}
.remove-officer-icon img {width: 16px;}

.select-officers-sec .noti-listing ul {background-color: #333333;}
.request-addgroup-popup .noti-list-block li {border-bottom: none;}

.searchandaddgroup .search-mess-plr {width: 100%;}


.chat-main-sec .chating-section{ position: relative;display: flex;position: relative;flex: 1 1 auto;padding: 16px 0px 10px 0px; align-items: flex-end;}
.modal-dialog-scrollable .chat-main-sec .chating-section{ overflow-y: auto;}
.chat-main-sec .chat-top-titlebar{ padding: 0;border-bottom: 1px solid var(--secondary-gray);display: flex;flex-shrink: 0;align-items: center;justify-content: space-between;width: 100%;}
.chat-main-sec .topbar-sec{ padding-top: 0; width: 100%;}
.chat-main-sec .chat-topbaricon{ top: 3px;}
.chat-main-sec .chating-section-inner-sec { width: 100%; max-height: 100%;}
.chat-main-sec{ padding-bottom: 0;height: 100%;}
.chat-message .modal-dialog-scrollable .modal-content{ height: 100%; border-radius: 0px;}
.chat-message .modal-content-chat{ height: 100%;display: flex;flex-direction: column;}
.chat-main-sec .chat-botton-bar-sec{ display: flex;flex-wrap: wrap;flex-shrink: 0;align-items: center;justify-content: flex-end;width: 100%;}
.chat-botton-bar-sec {padding-top: 10px;}
.chat-botton-bar-sec .chat-typint-sec {width: 100%;}
.officertyping-indicator {font-size: 12px; color: #b0b0b0; margin-bottom: 10px; width: 100%; padding-left: 15px;}
.chating-section .chat-comment-wrapper .chat-client:last-child {margin-bottom: 0px;}
.chating-section .chat-comment-wrapper .chat-me:last-child {margin-bottom: 0px;}
.chating-section .chat-comment-wrapper .chat-client .chat-client .chat-date {text-align: right;}

.chat-messanger-part .noti-list-block li a .noti-list-det {padding-right: 35px;}

.reqgroup-popup .modal-header h5 {margin-bottom: 0px;}

.title-chat-f {margin-bottom: 15px;}
.title-chat-f {display: flex; align-items: center; gap: 10px; justify-content: space-between;}
.title-chat-f h3 {margin-bottom: 0px;}
.title-chat-f .req-add-col {flex-shrink: 0; margin-bottom: 0px;}
.title-chat-f .req-add-col .book-chat {width: 30px; height: 30px; cursor: pointer;}
.title-chat-f .req-add-col .book-chat img {width: 21px}

.support-box span{
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.support-box .service-title{
    color: #000;
}

.status-pending{
    background-color: var(--lightgray);
    padding: 3px;
    border-radius: 5px;
}

.status-approved{
    background-color: var(--lightgreen);
    padding: 3px;
    border-radius: 5px;
}


.login-email-title {text-align: center; margin-bottom: 25px;}
.login-email-title h4 {margin-bottom: 5px;}
/* .signup-form {padding-left: 15px; padding-right: 15px;} */
.emailphone-sec {margin-bottom: 20px;}
.form-message-text a {font-weight: 700;}
.form-message-text a:hover {color: var(--primary); }
.signup-form-sec .login-logo {padding-top: 40px; text-align: center; margin-bottom: 60px;}
.signup-form-sec .form-detail {margin-bottom: 20px; padding-bottom: 0px;}
.signup-form-sec .form-message-text {margin-bottom: 10px;}
.varification-code-sec {padding-top: 100px;}
.varification-code-sec .verification-title {margin-bottom: 30px;}
.varification-code-sec .verification-title h2 {margin-bottom: 35px;}
.varification-code-sec .verification-title p {line-height: 1.3; font-weight: 600;}
.varification-code-sec .var-time {margin-bottom: 40px; font-size: var(--ft18); font-weight: 600;}
.varification-code-sec .ver-midd-sec {margin-bottom: 40px;}
.signup-form label {padding-left: 20px;}
.form-control:disabled {background-color: #4C4A4A; border-color:#4C4A4A; /*color:#1c1c1c;*/ color:#ffffff;}
.form-detail input::-webkit-outer-spin-button,
.form-detail input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
.form-detail input[type=number] {-moz-appearance: textfield;}

textarea.form-control {border-radius: 18px;}

.category-screen-wrapper {position: relative;}
.category-screen-wrapper::before {position: absolute; left: 0; top: 0; width: 100%; height: 245px; background-color: var(--secondary); border-radius: 0 0 150px 0px; content: ""; z-index: 0; }


.category-screen-wrapper .select-category-cls .cat-box a {display: block;}
.category-titlelogo {padding:0px 15px;}
.category-logo-icon {max-width: 60px; max-height: 60px; margin-bottom: 15px;}
.category-screen-wrapper .select-category-cls {height: auto; position: relative; background-color: transparent;}
.category-screen-wrapper .select-category-cls .category-cls {margin-top: 33px;}
.back-arrow-topbar img {max-width: 22px;}

.confirm-mpin-sec .login-logo {padding-top: 15px; text-align: center;}
.confirm-mpin-sec.signup-form label {padding-left: 0px; margin-bottom: 10px;}
.confirm-mpin-sec .form-detail {margin-bottom: 15px;}
.confirm-mpin-sec .verification-title {margin-bottom: 20px;}
.confirm-mpin-sec .verification-title h2 {margin-bottom: 5px;}
.varification-code-sec .verification-title p span {color: var(--primary);}

.top-services-sec {margin-bottom: 20px !important;}
.sia-licenses-sec {padding-top: 15px;}
.sia-licenses-sec.mb-2 {padding-top: 7px;}
.sia-licenses-sec .licenses-box a {padding: 10px 15px; border-radius: 30px; border: 2px solid var(--secondary); gap: 10px;}

.sia-licenses-sec.officer-request-sec .licenses-box a {border-radius: 40px 0px 40px 0px;}
.sia-licenses-sec.officer-request-sec {padding-top: 0px;}
.sia-licenses-sec.officer-request-sec .sia-licenses-sec {padding-top: 0px;}
.sia-licenses-sec.officer-request-sec .sia-licenses-sec .licenses-box {padding-top: 15px;}
.sia-licenses-sec.officer-request-sec h2 {font-size: 15px;}
.sia-licenses-sec .licenses-box h4 {font-size: 14px; font-weight: normal;}
.home-page-sec .top-services-sec h2, .home-page-sec .sia-licenses-sec h2 {font-size: 20px;}

.officer-req-list-box .request-count {margin-left: 7px;}


.filter-common-sec h5 {font-size: var(--ft13); margin-bottom: 7px; font-weight: 500; padding-left: 20px;}  
.filter-common-sec .text-danger {color: var(--secondary);}
.fil-char-text span {font-size: var(--ft12); padding-top: 3px; display: inline-block; padding-left: 20px; color: var(--secondary-gray);}
.fil-char-text span span { padding-left: 0px;}
.fil-req-type {margin-bottom: 3px;}
.fil-req-type h6 {font-size: var(--ft13); margin-bottom: 7px; font-weight: 600; padding-left: 20px; color: var(--secondary-gray);}  
.fil-req-type .col-6 {margin-bottom: 15px;}

.rate-filter {padding-bottom: 0px !important;}
.form-reset-icon {color: var(--secondary-gray); padding-left: 12px;}
.form-reset-icon a {display: flex; align-items: center; gap: 6px; }
.form-reset-icon img {height: 13px;}
.officer-profile-form label {padding-left: 20px;}
.walletbox-sec .card-body {background-color: var(--whiteprimary); padding: 15px; color: var(--primary);}
.walletbox-sec .card-body hr {border-color: var(--secondary); margin: 15px 0px !important; opacity: 1;}
.walletbox-sec .wallet_transaction_card {border-color: var(--primary); border-radius: 22px; overflow: hidden; margin: 30px 0px;}
.walletbox-sec .wallet_transaction_card:first-child {margin-top: 15px;}
.walletbox-sec .wallet_transaction_card:last-child {margin-bottom: 0px;}
.wallet-message-text, .credit-debit-num {color: var(--secondary-gray);}
.wallet-balance-bg {background: var(--secondary-red); background: linear-gradient(139deg,rgba(145, 24, 52, 1) 0%, rgba(217, 46, 83, 1) 100%); margin-bottom: 30px !important; border-radius: 0px 0px 110px 0px; padding-top: 10px;}
.wallet-balance-bg .office-uniform-photo-sec {padding-bottom: 20px; padding-top: 20px;}
.wallet-balance-bg .office-name-email {padding-top: 0px;}
.wallet-balance-bg .officer-emailid {color: var(--primary); font-weight: 700;}
.wallet-balance-bg .topbar-pro-pic {box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.25);}

.comon-req-status {max-width: 85%; width: 100%; margin-left: auto; margin-right: auto;}
.comon-req-status.list-req-status {max-width: inherit; margin-left: inherit; margin-right: inherit;}
.req-list-box .requestTitle h3 {width: 100%;}

.support-modal-popup .modal-content {background-color: var(--whiteprimary); border-color: var(--whiteprimary); border-radius: 15px; color: var(--primary);}
.support-modal-popup .addreq-group-titlebar {margin-bottom: 0px;}
.support-modal-popup .modal-header {border-color: var(--secondary-gray);}
.support-modal-popup .support-box span {display: flex; justify-content: center; align-items: center; border-radius: 15px 0px 15px 0px !important; background: var(--secondary-red); background:linear-gradient(139deg,rgba(145, 24, 52, 1) 0%, rgba(217, 46, 83, 1) 100%); border: none !important;}
.support-modal-popup .support-box .service-title {color: var(--primary); font-size: var(--ft14); font-weight: 500;}
.support-modal-popup .addreq-group-titlebar button.btn-close{opacity: 1; /* background-color: var(--secondary-gray); */ background-color: transparent; padding:5px;} 
.ft-white {color: var(--primary);}
.profile-user-photo-det-bg {background-color: var(--whiteprimary); border-radius: 0px 0px 0px 50px; padding-bottom: 40px;}
.profile-photo-sec {background-color: var(--secondary); border-radius: 0px 0px 0px 50px;}
.profile-photo-sec .stats-redbg {background-color: transparent; border-radius: 0px; margin-bottom: 15px; padding: 30px 20px 17px 20px;}
.profile-photo-sec .stats-redbg h3 {color: var(--primary); font-weight: 600;}
.profile-photo-sec .stats-btn a.btn {padding-top: 6px; padding-bottom: 6px;}
.officer-profile-wrapper .btn-secondary {background-color: var(--primary); color: var(--whiteprimary);}
.officer-profile-form input::-webkit-outer-spin-button,
.officer-profile-form input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
.officer-profile-form input[type=number] {-moz-appearance: textfield;}
.officer-profile-form .filter-checkbox {padding-top: 10px; padding-bottom: 0px;}
.officer-profile-form .filter-checkbox label {padding-left: 0px;}
.officer-profile-form .form-title-bor {padding-left: 0px !important; align-items: center;}
.officer-profile-form .form-title-bor b {font-size: var(--ft16);}
.document-multy span {color: var(--primary) !important; font-size: var(--ft12);}
.pro-status .status-pending {background-color: var(--secondary); color: var(--primary);}
.checkbox-plr {padding-left: 20px; padding-right: 20px;}
.help-wrapper .office-name-email {text-align: left; margin-bottom: 0px;}
.help-wrapper .officer-emailid {font-size: var(--ft12); font-weight: 400; font-style: italic;}
.help-wrapper .topbar-sm-title {padding-top: 12px; padding-bottom: 50px;}
.help-page-sec .profile-form-sec h3 {color: var(--secondary); font-weight: 600; margin-bottom: 10px; font-size: var(--ft20); padding-top: 10px;}
.help-page-sec .profile-form-sec p {line-height: normal;}
.sub-request-listing .rew-view-detail-btn {display: flex;}
.sub-request-listing .rew-view-detail-btn a.btn {width: 100%;}
.req-list-box .rew-view-detail-btn a.btn-black {background-color: var(--secondary); color: var(--primary);}
/* .req-listing:last-child .req-list-box {margin-bottom: 0px;} */

/*----------*/
.clientDashboardFilterNote {background-color: rgba(183, 31, 64, .57) !important; border-radius: 35px !important; padding:10px 25px !important; font-size: var(--ft12) !important;}
.clientDashboardFilterNote h6 {color: var(--primary) !important;}
/*----------*/

.commonPopupMsg {background: var(--secondary) !important; top: 25px !important;  margin-top: 0 !important; transform: inherit !important; text-align: center !important; border-radius: 40px !important;  font-size: 14px !important; line-height: normal !important; justify-content: center !important;}
.commonPopupMsg button.toast-close {position: absolute;  right: 15px; opacity: 1;}

.request-rev-popup .modal-content {background-color: var(--whiteprimary);} 
.request-rev-popup .modal-header {border-bottom: none;}
.request-rev-popup .modal-header button {filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(347deg) brightness(127%) contrast(124%);  opacity: 1;}
.request-rev-popup .modal-header .modal-title h5 {font-size: var(--ft18);}
.request-rev-popup .filter-common-sec h5 {padding-left: 0px;}
.request-rev-popup .filter-common-sec:last-child {margin-bottom: 0px;}
.request-rev-popup .inputicon {position: relative; font-size: 12px; font-weight: normal; color: var(--secondary-gray);}
.red-bt-border {padding:0px 0px 15px 0px; margin-bottom: 15px; position: relative;}
.red-bt-border::before {position: absolute; left: 0; bottom: 0; width: 80%; height: 1px; background-color: var(--secondary-red); content: "";}
.request-rev-popup .replist-popup h6 {font-weight: normal !important; font-size: var(--ft12) !important;  margin-bottom: 3px !important; font-style: italic; line-height: normal;
    padding: 0 !important;}
.request-rev-popup .modal-footer {border: none;}
.rquest-pri-box-model .modal-footer .btn {width: 100% !important;}
.popup-ammoutn-card .modal-content {background-color: #333;}
.popup-ammoutn-card .modal-header button.btn-close {filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(347deg) brightness(127%) contrast(124%);  opacity: 1;}
.popup-ammoutn-card .modal-header, .popup-ammoutn-card .modal-footer {border-color:var(--secondary-gray);}
.filter-popup .inputicon .select2-container--default .select2-search--inline .select2-search__field {color: var(--primary);}
.box-listing-box {padding-bottom: 50px;}
.jobtime-wrapper .officer-status {background-color: var(--secondary); padding:10px; border-radius: 0px 70px 0px 0px;}
.jobtime-wrapper {padding-bottom: 56px !important;}
.proboxborder {border: 1px solid var(--primary); border-radius: 30px; padding: 10px 15px 10px 20px; margin-bottom: 20px; font-size: 14px; line-height: normal;}
.proboxborder .row {align-items: center;}
.pro-trash-icon img {max-width: 14px;}
.shift-time-sec .timerbtn .btn-success {background-color: #00AD28;}
.shift-time-sec .timerbtn .btn {padding: 8px 20px; font-size: 13px;}
.officer-profile-page .seaarch-top-part .forminput-icon img {width: 20px;}

.modal-content {background-color: var(--whiteprimary);}
.modal-header, .modal-footer {border-color: var(--secondary-gray);}
.chat-list-groupbg {background-color: var(--whiteprimary);}
.modal-header button.btn-close, .chat-top-titlebar button.btn-close{filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(347deg) brightness(127%) contrast(124%);  opacity: 1;}

.sub-req-top-load .req-logo-price, .sub-req-top-load .req-add-col {margin-bottom: 0px !important;}
.sub-req-top-load .req-icon-pos, .sub-req-top-load .req-city {margin-bottom: 12px !important;}

.sub-req-top-load .booking-date {background-color: transparent; border: 1px solid var(--primary);border-radius:30px; padding: 11px 20px;  color: var(--secondary-gray); text-align: left;}

.req-list-box .accordion-button::after {background-image: url(../images/acc-select-down-arrow.svg); background-size: 12px; width: 12px; height: 12px; margin-top: 7px;
    margin-right: 5px;}


.sub-request-listing .request-cancelled .date-miles .req-info span {color: var(--secondary);}
.request-cancelled .req-logo-price .req-hour-price {padding:5px 30px !important; border-radius: 30px 0px 30px 0px !important;}

.addressData {font-weight: 700;}

.job-time-box .photo-sub-flex  textarea.form-control {background-color: var(--primary) !important; border-radius: 8px !important; color: var(--whiteprimary) !important; 
    border: 1px solid var(--secondary-gray);}
.job-time-box .photo-sub-flex  .submit-col-right .btn {border-radius: 8px !important;}

.filter-popup .modal-header button.btn-close {filter:inherit;}

.entryView-Popup .modal-dialog {margin-top: 42px;}
.entryView-Popup .modal-content {border-radius: 0px 60px 0px 0px; background-color: var(--secondary); padding: 10px 15px; border: none;}
.entryView-Popup .modal-body {padding-left: 0px; padding-right: 0px;}
.entryView-Popup .officer-joblist li, .entryView-Popup .req-bottom-border {border-bottom: 1px solid rgba(255, 255, 255, 0.50);}
.entryView-Popup .modal-header {padding-left: 0px; border-color: var(--primary);}
.entryView-Popup .modal-header h5 {font-size: var(--ft18);}

.entryView-Popup .req-bottom-border:last-child {padding-bottom: 0px; margin-bottom: 0px; border-bottom: none;}

.request-cancel-wrapper .request-del-box-part.request-accepted .req-hour-price {background-color: #00FF3C; color: var(--whiteprimary);}

.request-cancel-wrapper .req-can-form-part .req-list-flex {border-bottom-color:var(--secondary-gray); }
.request-cancel-wrapper .req-can-form-part .req-list-flex {padding-top: 13px; padding-bottom: 13px;}
.request-cancel-wrapper .req-can-form-part .req-list-flex .req-leb-det-fr {font-weight: 600;}
.request-cancel-wrapper .req-can-form-part .req-list-flex .req-lab-fr {font-weight: 400;}
.request-cancel-wrapper .req-can-form-part {padding-top: 10px;}
.request-cancel-wrapper .request-accepted {margin-bottom: 30px;}
.request-cancel-wrapper .sub-request-sec {margin-bottom: 0px !important;}

.request-cancel-wrapper .request-form .form-detail .form-label {margin-bottom: 10px;}
.request-cancel-wrapper .request-form .form-detail .inputicon textarea {border-radius: 0px;}

.req-list-box .accordion.mb-2:last-child {margin-bottom: 0px !important; padding-bottom: 0px !important;}
.request-completed .accordion.mb-2 {margin-bottom: 0px !important; padding-bottom: 0px !important;}

.form-control::-webkit-input-placeholder{opacity:1;color:#fff;}
.form-control::-ms-input-placeholder{opacity:1;color:#fff;}
.form-control::placeholder{opacity:1;color:#fff;}

.select-category-cls .category-titlelogo h2 {font-size: 21px;}

.accordion-collapse .accordion-body a{
    color: #ffa8bb;
}

.requiredfild-date .ui-datepicker {position: absolute !important;}


.lt-rb-cor-big-br-none:before {border-radius: 40px 0px 40px 0px !important;}

.filter-top-services .filterDate input.hasDatepicker {background-image: url(../images/date-calendar-icon.svg); background-position: right 13px center; background-repeat: no-repeat; background-size: 17px;}

/*.filter-top-services .filterDate .form-control:disabled {background-image: url(../images/date-calendar-icon-disable.svg);}
.datepiker-input input.form-control:disabled  {background-image: url(../images/date-calendar-icon-disable.svg);} */

select.form-control:disabled {/* background-image: url(../images/select-down-arrow-disable.svg); */ background-repeat: no-repeat; background-position: right 15px center; background-size: 11px;}



.skeleton-outline-border:before {outline:3px solid #5d5d5d; border:1px solid #5d5d5d;}
.profile-form-sec .form-control[type="file"] {padding-top: 0px; padding-bottom: 0px; line-height: 45px;}

.skeleton-inline-flex:before {display: inline-flex; width: auto;} 
.skeleton-flex:before { display:flex; width: 100%;} 

.skeleton-30per-lrb:before {border-radius: 25% 0px 25% 0px !important;} 
.skeleton-40-lrb:before {border-radius: 0px 40px 0px 40px !important;}
.skeleton-35-lrb:before {border-radius: 35px 0px 35px 0px !important;} 
.skeleton-15-lrb:before {border-radius: 15px 0px 15px 0px !important;} 

.skeleton-15-lrb-res:before {border-radius: 0px 15px 0px 15px !important;} 
.skeleton-40-lrb-res:before {border-radius: 40px 0px 40px 0px !important;}
.skeleton-70-rt-res:before {border-radius: 0px 70px 0px 0px !important;}




.skeleton-r-5:before {border-radius: 5px !important;}
.skeleton-r-6:before {border-radius: 6px !important;}
.skeleton-r-7:before {border-radius: 7px !important;}
.skeleton-r-10:before {border-radius: 10px !important;}
.skeleton-r-22:before {border-radius: 22px !important;}
.skeleton-r-30:before {border-radius: 30px !important;}

.skeleton-bot-red-none:before {border-radius:5px 5px 0px 0px !important;}

.skeleton .card {border-radius: 22px;}

/* .req-date-box .ui-datepicker {position: absolute !important; overflow-y:scroll;
    overflow-x:hidden;  left: 14% !important;} */

/* .req-date-box .ui-datepicker {position: absolute !important;} */


.req-date-box .row {position: relative;}

.req-date-box-part {position: relative;}
.req-date-box-part .ui-datepicker {top: 73px !important; left: 20px !important;}




/* .profile-photo-sec {min-height: 420px;}
.profile-photo-sec {min-height: 545px;} */


.ui-widget.ui-widget-content {border-color: var(--secondary-gray);}
.ui-widget-content {background-color: var(--whiteprimary); color: var(--primary);}
.ui-widget-header {color: var(--primary); border-bottom-color: var(--secondary-gray);}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {color: var(--primary);}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {opacity: 0.50;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border-radius: 7px;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover  {border-radius: 7px;}

.form-filter input::-webkit-outer-spin-button,
.form-filter input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
/* Firefox */
.form-filter input[type=number] {-moz-appearance: textfield;}


/* .filterDate .form-control:disabled::-webkit-input-placeholder {
    color: #1c1c1c;
    opacity: 1;
}

.filterDate .form-control:disabled::-ms-input-placeholder {
    color: #1c1c1c;
    opacity: 1;
}

.filterDate .form-control:disabled::placeholder {
    color: #1c1c1c;
    opacity: 1;
} */

.form-control:disabled::-webkit-input-placeholder {
    color: #fff;
    opacity: 1;
}

.form-control:disabled::-ms-input-placeholder {
    color: #fff;
    opacity: 1;
}

.form-control:disabled::placeholder {
    color: #fff;
    opacity: 1;
}


.officer-profile-form .iti__country-container {padding-right: 0px; border: none;}
.officer-profile-form .iti__country-container .iti__selected-country {padding-right: 10px; overflow: hidden; border-radius: 30px; border: 1px solid var(--primary);}
/*.officer-profile-form .iti__country-container .iti__selected-country:disabled {background-color: #4C4A4A; border-color: #4C4A4A; color: #1c1c1c;}
.officer-profile-form .iti__country-container .iti__selected-country:disabled .iti__selected-country-primary {opacity: 0.5;} */


.support-modal-popup .support-box span {margin-left: auto; margin-right: auto;}

.accordion-body h5 a:hover {color: var(--primary);}

.officer-detail-profilebox .review-rating-whitebox {background-color: var(--secondary); border-radius: 30px 0px 30px 0px; color: var(--primary); padding: 22px 10px 22px 10px; margin-left: 0px; margin-right: 0px;}

.officer-detail-profilebox .review-rating-whitebox.skeleton::before {border-radius: 30px 0px 30px 0px;}
.officer-detail-profilebox .rev-box p {color: var(--primary);}
.officer-detail-profilebox .empty-stars::before {-webkit-text-stroke: 1px var(--primary); color: transparent;}
.officer-detail-profilebox .full-stars::before {-webkit-text-stroke: 1px #ffb803; color: #ffb803;}

.officer-detail-profilebox .office-pro-working-box {background-color: transparent; padding: 15px 15px; border-radius: 20px; border: 1px solid #444444; margin-bottom: 15px;}
.officer-detail-profilebox .offer-job-working {margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #444444;}
.officer-detail-profilebox .offer-job-working:last-child {margin-bottom: 0px; padding-bottom: 0px; border-bottom: none;}
.officer-detail-profilebox .offer-job-working .rate-job {font-size: var(--ft16); color: var(--primary);}
.officer-detail-profilebox .offer-job-working .guard-price span {font-size: var(--ft14); font-weight: normal;}

.officer-detail-profilebox  .guard-det-list {padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid #444444;}
.officer-detail-profilebox  .guard-det-list:last-child {padding-bottom: 0px; margin-bottom: 0px; border-bottom: none;}
.officer-detail-profilebox  .guard-det-list h4 {font-weight: 600; margin-bottom: 5px; font-size: 16px;}
.officer-detail-profilebox .guard-list-tabs .nav {background-color: var(--secondary); border-radius: 30px 0px 30px; padding: 10px 10px 10px 10px;}
.officer-detail-profilebox .ratejob-box {border-color: #444444;}
.officer-detail-profilebox .rate-job {color: var(--primary);}
.officer-detail-profilebox .guard-list-tabs .nav {gap: 10px;}
.officer-detail-profilebox .guard-list-tabs .nav-link {padding-bottom: 0px; color: var(--primary); padding: 7px 20px; border: 1px solid transparent; border-radius: 20px; line-height: normal; font-size: 14px;}
.officer-detail-profilebox .guard-list-tabs .nav-pills .nav-link.active, .officer-detail-profilebox .guard-list-tabs .nav-pills .show > .nav-link {color: var(--primary); border-color: var(--primary);}

.officer-detail-profilebox .guard-list-tabs .nav-pills .nav-link.active::before, .officer-detail-profilebox .guard-list-tabs .nav-pills .show > .nav-link::before {display: none;}

.officer-detail-profilebox .detail-tab-list .guard-det-list .raging-star {margin-bottom: 5px;}
.officer-detail-profilebox .detail-tab-list .review-slider {padding-bottom: 20px;}

.officer-review-sec li {list-style-type: none; padding-bottom: 15px !important; margin-bottom: 15px !important; border-bottom: 1px solid var(--secondary) !important;}
.officer-review-sec li .filter-listing-img a {width: 50px; height: 50px; border-radius: 10px;}
.officer-review-sec .filter-list-box {align-items: center !important;}
.officer-review-sec .filter-listing-cont {display: flex; align-items: center; gap: 10px;}
.officer-review-sec .officer-filt-review {flex: 1;}
.officer-review-sec .listing-guard-rating {flex-shrink: 0;}
.officer-review-sec .filter-listing-cont h4 {font-size: var(--ft16); margin-bottom: 0px; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: block; display: -webkit-box;}
.officer-review-sec .guard-exp {-webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: block; display: -webkit-box; font-size: var(--ft13);}

.officer-review-sec .listing-guard-rating {font-size: var(--ft13); display: flex; align-items: center;} 
.officer-review-sec .listing-guard-rating img {width: 18px; height: auto; max-height: 18px;}

.reqPopup.commonPopupMsg {justify-content: flex-start !important; gap: 10px; text-align: left; border-radius: 12px !important; background: #000000 !important; }
body.FlashMessage-Box::before {background-color: rgba(217, 217, 217, 0.70); }

.thankyou-reg-logo {margin-bottom: 30px;}
.thankyou-reg-logo img {max-width: 200px; height: auto;}
.thankyou-res-message {color: var(--primary); font-size: var(--ft13);} 
.reg-thankyou-page .succ-boxbg {background-color: transparent; border-radius: 0px; border: none; padding-left: 0px; padding-right: 0px; max-width: inherit; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.reg-thankyou-page .container {height: 100%; max-width: inherit;}
.thankyou-res-message h5 {font-weight: 600;}
.reg-thankyou-page .close-icon-popup {right: 0px;}

.booking-request-box .book-detail-req {border-radius: 0px 30px;}

.skeleton.ratejob-box::before {outline:3px solid #5d5d5d; border:1px solid #5d5d5d;}
.skeleton.guard-user-img {outline:4px solid #5d5d5d; border:1px solid #5d5d5d;}

.profile_previous_locations_delete button img, .profile_previous_industry_delete button img {width: 14px;}

.form-label span.redbtn-appr {background-color: var(--secondary); color: var(--primary); padding: 3px 9px 5px 9px; border-radius: 20px;}

.officer-profile-form .row {margin-left: -5px; margin-right: -5px; position: relative;}
.officer-profile-form .row > * {padding-left: 5px; padding-right: 5px;}

.pro-form-previous-del .col-10 {width: 100%; padding-right: 41px;}
.pro-form-previous-del .profile_previous_industry_delete {position: absolute; right: 7px; width: auto; top: 10px; z-index: 1;}

.officer-profile-form-del-part .col-10 {width: 100%; padding-right: 41px;}
.officer-profile-form-del-part .profile_previous_locations_delete {position: absolute; right: 7px; width: auto; top: 10px; z-index: 1;}

.pro-info-details-box .proboxborder .row {  gap: 10px;}
.pro-info-details-box .proboxborder .col-8 {width: auto; flex: 1;}
.pro-info-details-box .proboxborder .col-2 {width: auto;}

.profile-form-sec .seaarch-top-part .row {margin-left: -5px; margin-right: -5px; position: relative;}
.profile-form-sec .seaarch-top-part .row .col-6 {padding-left: 5px; padding-right: 5px;}

.wallet_transaction_card .card-body .row {justify-content: space-between;}
.wallet_transaction_card .card-body .row .col-4 {width: auto;}

.cardbg-none .card {background-color: transparent;}

.chat-icon-sm .book-chat img { max-width: 17px !important;}
.chat-icon-sm {padding-top: 10px !important;}
.job-time-box .row.general-setting {align-items: center;}

.req-can-success-mess-box .succ-boxbg {max-width: 310px;
    border-radius: 60px 0px;
    padding: 50px 15px;
    position: relative;
    background: #A11B39;
    background: linear-gradient(126deg, rgba(161, 27, 57, 1) 0%, rgba(59, 10, 21, 1) 100%);
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    border: none;}

.req-can-success-mess-box .succ-boxbg .request-succ p {font-weight: 400; margin-bottom: 30px;}
.req-can-success-mess-box .succ-boxbg .request-succ p span {font-weight: 600;}

.req-can-success-mess-box .succ-boxbg .request-succ h4 span {display: inline-flex; align-items: center; justify-content: center; text-align: center; width: 100%; max-width: 90%; padding: 10px; border-radius: 12px; border: 1px solid var(--primary);}
.req-can-success-mess-box .succ-imgbg {margin-bottom: 40px;}



.input-file-browser { visibility: hidden; position: absolute;}
.browser-file-sec .input-group .form-control {line-height: 1.5;}
.browser-file-sec .input-group .input-group-btn .gc-file-btn {height: 100%; background-color: var(--primary); border: none; border-radius: 30px 0px 0px 30px; padding-left: 15px; padding-right: 15px; color: var(--whiteprimary);}
.browser-file-sec .input-group .input-group-btn .gc-file-btn:hover {background-color: var(--primary) !important;  color: var(--whiteprimary);}


.location-detail .list-group-item{background-color: var(--whiteprimary); color: var(--primary);}
.bankverification-sec {display: flex; align-items: center; justify-content: center; height: 100%;}
.bankverification-sec h3 {font-size: var(--ft16); font-weight: 500; margin-bottom: 0px;}
.bank-det-midd-sec {padding: 70px 20px; text-align: center; border: 1px solid #fff; border-radius: 50px 0px; max-width: 70%; width: 100%; margin-left: auto; margin-right: auto;}
.bank-det-logo {margin-bottom: 40px; text-align: center;}
.bank-det-logo img {max-width: 150px;}
.invalide-message {border-color: var(--secondary); }
.invalide-message h3 {color: var(--secondary);}
.bank-ver-pagesec {height: calc(100vh - 60px); padding-bottom: 0px;}
.bank-ver-pagesec .bank-verification-top {position: absolute; width: 100%; top: 0;}
.job-confirmation-reminder{ height: 100%;}
.job-confirmation-reminder .req-part{ display: flex; justify-content: center; align-items: center; height: 100%;}


.bankdetail-box { padding: 15px; border-radius: 30px; background-color: #353535;}
.bankdetail-box .pro-status .status-pending {color: var(--primary); padding-left: 7px; padding-right: 7px;}
.bankdetail-box .pro-status .status-approved {background-color: #18b362; color: var(--primary); padding-left: 7px; padding-right: 7px;}
.bankdetail-box .form-control {background-color: transparent; border-color: #fff;}

.statusupdate-profile {display: flex; align-items: center; gap: 10px;}
.pro-bank-det-update a {color: var(--secondary); text-decoration: none;}
.pro-bank-det-update a:hover {color: var(--secondary); text-decoration: none;}

.req-listing.sub-request-listing .date-miles .req-info {display:flex; flex-direction: column;}


.modal.chat-message .modal-dialog {margin: 0px; min-height: 100%;}

.request-addgroup-popup .modal-header .addreq-group-titlebar {margin-bottom: 0px;}
.request-addgroup-popup .modal-body .chat-messanger-part .contact-officer-list h5 {line-height: normal; font-size: 14px;}


.request-groupadd-modal-popup-part .contact-officer-list .noti-listing ul li {padding-left: 16px; padding-right: 16px; margin-bottom: 10px; border-bottom: 1px solid var(--secondary-gray); padding-bottom: 10px;}
.request-groupadd-modal-popup-part .contact-officer-list .noti-listing ul li:last-child {border-bottom: none; margin-bottom: 0px; padding-bottom: 0px;}


.chat-messanger-part .noti-list-block ul.chat-list-groupbg li:last-child a {border-bottom: 1px solid var(--secondary-gray); padding-bottom: 10px;}


.request-groupadd-modal-popup-part .contact-officer-list .noti-listing ul li .select-officer-container {display: flex; align-items: center; gap: 10px;}

.request-groupadd-modal-popup-part .modal-body .chat-listing-section .chat-messanger-part {padding-bottom: 0px;}
.request-groupadd-modal-popup-part .modal-body {padding-bottom: 10px;}

.request-groupadd-modal-popup-part .contact-officer-list .noti-listing ul li .select-officer-container .checkmark-icon {top: 9px; right: 0px;}


.request-btnright {justify-content: flex-end !important;}
/* .noti-listing {position: relative;} */
.chat-messanger-part {position: relative;}
.chatloader-part {position: absolute; left: 0; top: 0; width: 16px; height: 16px; display: flex !important; justify-content: center; align-items: center; z-index: 1;
  right: 0; margin: auto; bottom: 0; color: var(--secondary);}


.group-chat-header-part {display: flex; align-items: center; justify-content: space-between; gap: 10px;}   
.group-chat-header-part.notification-topbar h2 {padding-right: 0px; font-size: var(--ft16);} 
.group-chat-header-title {display: flex; align-items: center; }





.group-chat-topbar-header {position: relative;}
.chatinfo-icon {cursor: pointer; position: relative;}
.chatdropdown-list{opacity: 0; visibility: hidden; position: absolute; border: 1px solid var(--secondary-gray); right: 0; top: 30px;  background-color: #282828; box-shadow: 0 4px 11px rgba(0,0,0,0.15); margin-top: 10px; border-radius: 5px; transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-webkit-transition:all 0.3s ease-in-out 0s;-o-transition:all 0.3s ease-in-out 0s; z-index: 9;}
.chatdropdown-list ul{margin: 0; padding: 0; list-style: none; }
.chatdropdown-list li{color:var(--secondary-gray); }
.chatdropdown-list li a {padding: 7px 35px 7px 10px; border-bottom: 1px solid var(--secondary-gray); display: block;  letter-spacing: normal; white-space: nowrap;
  font-size: 13px; color: var(--primary);}
.chatdropdown-list li a:hover {color: var(--primary);}
.chatdropdown-list li:last-child a {border-bottom: none;}
.show-chatlist{opacity: 1; visibility: visible; margin-top: 0px;}


.group-chat-part-list .topbar-sm-title h2 {font-size: var(--ft16); padding-right: 0px;}

.group-chat-part-list .group-member-section ul li .select-officer-container {display: flex; align-items: center; gap: 10px; cursor: inherit;} 

.group-chat-part-list .group-member-section ul li {padding-left: 0px; padding-top: 10px; margin-bottom: 0px; border-bottom: 1px solid var(--secondary-gray); padding-bottom: 10px;}
.group-chat-part-list .group-member-section ul li:last-child {border-bottom: none; margin-bottom: 0px; padding-bottom: 0px;}



.checkmark-icon {position: absolute; top: 8px; right: 8px; font-size: 18px; color: green;}
.chat-listing-section .chat-messanger-part {min-height: 61px;}

.jconfirm .jconfirm-box{ background: #000!important;text-align: center;border-radius: 15px!important;box-shadow: none!important;border: none!important;}
.confirmation-popup-overflowhidden{ overflow: hidden;position: fixed;width: 100%;height: 100%;height: 100%;min-height: 100%;}
.confirmation-popup-overlay{ position: fixed;height: 100%;width: 100%;left: 0;background: #fff;opacity: 0;visibility: hidden;overflow: hidden; transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;-webkit-transition: all .3s ease-in-out 0s;-o-transition: all .3s ease-in-out 0s;z-index: 99;}
.confirmation-popup-overflowhidden .confirmation-popup-overlay{ opacity: .7;visibility: visible;}
.jconfirm-buttons{ float: none!important;display: flex;align-items: center;justify-content: center;gap: 10px;}
.jconfirm-buttons button.btn{ width: 50%!important;border-radius: 20px!important;}
.jconfirm-title-c .jconfirm-title{ font-weight: 600!important;}

.job-offireqlist-name-img {}

.officer-joblist.officer-listpart.job-offireqlist-name-img li a {justify-content: space-between;}
.officer-joblist.officer-listpart.job-offireqlist-name-img li a .guard-user-img {justify-content: space-between;}

.photo-col-left span{
    color: #000000;
}

#datepicker::-webkit-input-placeholder, #datepicker1::-webkit-input-placeholder{
    color: #fff;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    right: -2px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {padding-top: 5px; padding-bottom: 3px;}

.checkInDesign{
    padding: 10px;
    border: 1px solid;
    border-radius: 10px;
    margin-bottom: 15px;
}
.checkInDesign1{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 5px;
    margin-bottom: 7px;
    border-bottom: 1px solid rgba(255,255,255,0.6);
}
.checkInDesign label{
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 0px;
}
.checkInDateTime{
    color: rgba(255,255,255,0.6);
}

.checkOutDesign{
    padding: 10px;
    border: 1px solid;
    border-radius: 10px;
    margin-bottom: 15px;
}
.checkOutDesign1{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 5px;
    margin-bottom: 7px;
    border-bottom: 1px solid rgba(255,255,255,0.6);
}
.checkOutDesign label{
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 0px;
}
.checkOutDateTime{
    color: rgba(255,255,255,0.6);
}

.app-store-screen .login-user{
    max-width: inherit;
    height: auto;
    padding: 10px 15px;
    border-radius: 10px;
}
.app-store-screen .login-box{
    max-width: inherit;
}

.entryStartBox{
    padding: 10px;
    background-color: #ffdde4;
    border-radius: 10px;
}
.entryStartBox .tl-flex{
    color: #333;
}

.select2-container--default .select2-results__option--selected {background-color: #737373; color: #aaa;}

.officer-profile-page input::-webkit-input-placeholder, .officer-profile-page .form-control::-webkit-input-placeholder{opacity:1;color:#fff;}
.officer-profile-page input::-ms-input-placeholder, .officer-profile-page .form-control::-ms-input-placeholder{opacity:1;color:#fff;}
.officer-profile-page input::placeholder, .officer-profile-page .form-control::placeholder {opacity:1;color:#fff;}
.officer-profile-page .datepiker-input input.form-control::-webkit-input-placeholder, .officer-profile-page .datepiker-input input.form-control::-webkit-input-placeholder{opacity:1;color:#fff;}
.officer-profile-page .datepiker-input input.form-control::-ms-input-placeholder, .officer-profile-page .datepiker-input input.form-control::-ms-input-placeholder{opacity:1;color:#fff;}
.officer-profile-page .datepiker-input input.form-control::placeholder, .officer-profile-page .datepiker-input input.form-control::placeholder {opacity:1;color:#fff;}

.updatemessage-box {background-color: #2f2f2f; padding: 10px; border-radius: 15px; border: 1px solid #444;}
.updatemessage-box label {padding-left: 0px;} 
.updatemessage-box .status-pending {padding-left: 7px; padding-right: 7px;}
.updatemessage-box .user-profile-link, .loc-ind-btn .user-profile-link, .update-address-btn .user-profile-link{background-color: var(--lightgray); padding: 3px 7px; border-radius: 4px; font-size: var(--ft12); font-weight: 500; display: inline-flex; align-items: center; text-align: center; justify-content: center;}
.updatemessage-box .text-danger {color: #e17b7b;}
.datepiker-input.cal-white-icon input.form-control:disabled {background-image: url(../images/date-calendar-icon.svg);}
.loc-ind-btn {margin-bottom: 10px;}
.loc-ind-btn .loc-ind-add-btn {background-color: var(--secondary); color: #fff;}
.officer-profile-form-del-part .profile_previous_industry_delete{ position: absolute;right: 7px;width: auto;top: 10px;z-index: 1;}

.previous-industry-box-range {background-color: #2f2f2f; padding: 10px; border-radius: 15px; border: 1px solid #444; margin-bottom: 17px;}
.previous-industry-box-range-row {display: flex; align-items: flex-start; margin-left: -5px; margin-right: -5px; margin-bottom: 10px;}
.previous-industry-box-range-col {padding-left: 5px; padding-right: 5px; width: 50%;}
.previous-industry-box-range-col .form-control {padding-top: 9px; padding-bottom: 9px;}
.previous-industry-box-range-duration {display: flex; align-items: center; gap: 10px;}
.previous-industry-box-range-duration span{display: flex; align-items: center; gap: 10px;}
.previous-industry-box-range-duration strong {font-size: 14px; font-weight: 500;}

.previous-industry-box .inputicon .form-control {background-color: #2f2f2f;}

.officer-profile-wrapper .select2-container .select2-search--inline .select2-search__field {margin-top: 11px; margin-left: 16px;}

.previous-location-box-range {background-color: #2f2f2f; padding: 10px; border-radius: 15px; border: 1px solid #444; margin-bottom: 17px;}
.previous-location-box-range-row {display: flex; align-items: flex-start; margin-left: -5px; margin-right: -5px; margin-bottom: 10px;}
.previous-location-box-range-col {padding-left: 5px; padding-right: 5px; width: 50%;}
.previous-location-box-range-col .form-control {padding-top: 9px; padding-bottom: 9px;}
.previous-location-box-range-duration {display: flex; align-items: center; gap: 10px;}
.previous-location-box-range-duration span{display: flex; align-items: center; gap: 10px;}
.previous-location-box-range-duration strong {font-size: 14px; font-weight: 500;}

.previous-location-box .inputicon .form-control {background-color: #2f2f2f;}

textarea::-webkit-input-placeholder {color: #fff !important; opacity: 1 !important;}
textarea::-ms-input-placeholder {color: #fff !important; opacity: 1 !important;}
textarea::placeholder {color: #fff !important; opacity: 1 !important;}
.submitProfileBg {color: #084298 !important; background-color: #cfe2ff; border-color: #b6d4fe;}
.reviewProfileBg {color: #055160 !important; background-color: #cff4fc; border-color: #b6effb;}
.rejectedProfileBg {color: #842029 !important; background-color: #f8d7da; border-color: #f5c2c7;}
.siaExpiryProfileBg {color: #0f5132 !important; background-color: #d1e7dd; border-color: #badbcc;}
.bankVerifyProfileBg {color: #141619 !important; background-color: #d3d3d4; border-color: #bcbebf;}

.reviewProfileBg img {filter: brightness(0) saturate(100%) invert(23%) sepia(11%) saturate(4540%) hue-rotate(148deg) brightness(101%) contrast(96%); height: 14px;}
.rejectedProfileBg img {filter: brightness(0) saturate(100%) invert(17%) sepia(24%) saturate(5413%) hue-rotate(331deg) brightness(94%) contrast(96%); height: 14px;}
.siaExpiryProfileBg img {filter: brightness(0) saturate(100%) invert(18%) sepia(34%) saturate(3707%) hue-rotate(133deg) brightness(90%) contrast(88%);}
.submitProfileBg img {filter: brightness(0) saturate(100%) invert(17%) sepia(47%) saturate(4857%) hue-rotate(211deg) brightness(85%) contrast(94%);}
.locationSwitchBox {margin-bottom: 15px; padding: 10px 15px; background-color: rgba(255,255,255,0.2); border-radius: 30px;}
.filter-form .locationSwitchBox .form-check-input {width: 35px; height: 20px; border-radius: 15px; margin: 0px;}
.filter-form .locationSwitchBox .form-switch {margin-left: 0px; padding-left: 0px; display: flex; align-items: center;}
.filter-form .locationSwitchBox .form-switch .form-check-input {--bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");}
.manualLocationBox #search-box {width: 100%; font-size: 14px; padding: 12px; margin: 0px 0px 15px 0px;}
.manualLocationBox #map {height: 375px; }
.locationMapBox {border-radius: 22px;}
.manualLocationBox #centerMarker {width: 25px; height: 40px; margin-top: 20px;}


.select2-results__option--highlighted {
  background-color: transparent !important;
  color: inherit !important;
}

/* Start - Map Style */
#map {
height: 500px;
width: 100%;
position: relative;
}
#search-box {
width: 300px;
padding: 8px;
margin: 10px;
font-size: 16px;
}
/* Marker always on top */
#centerMarker {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -100%);
z-index: 9999; /* make sure marker stays above map */
pointer-events: none; /* allow map dragging */
width: 40px;
height: 40px;
}

.pac-container {
    z-index: 99999; 
}
/* End - Map Style */


.CheckBoxDesign{
    display: flex;
    align-items: center;
    margin-bottom: 7px;
}

.CheckBoxDesign label {margin-bottom: 0px; padding-left: 6px;}
.CheckBoxDesign .form-check-input {margin-top: 0px;}
.checkBoxLayout {background-color: #2f2f2f;
    padding: 10px;
    border-radius: 15px;
    border: 1px solid #444;
}
.checkBoxLayout1 {background-color: #2f2f2f;
    border-radius: 15px;
}


.previousLocationSwitch{
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 0px; margin: 0; background-color: transparent; border-radius: 0;
}

/* Start:: Loader Transition css */

.trasition-effect-rtl {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    transform: translateX(100%);
    height: 100vh;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: #000;
    box-shadow: -4px 0 20px rgba(255,255,255,0.2);
    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.trasition-effect-rtl .loader-logo-img {
    width: 200px;
}
.trasition-effect-rtl.active {
    transform: translateX(0);
}
.commonDivApp {
    transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    min-height: 100lvh;
}
.commonDivApp.deactive {
    transform: translateX(-100%);
}

.trasition-loader { margin-top: 50px; }
.trasition-loader .bouncing-loader {
    display: flex;
    gap: 10px;
}
.trasition-loader .bouncing-loader span {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--secondary);
    animation: bounce 0.6s infinite alternate;
}
.trasition-loader .bouncing-loader span:nth-child(2) {
    animation-delay: 0.2s;
}
.trasition-loader .bouncing-loader span:nth-child(3) {
    animation-delay: 0.4s;
}
@keyframes bounce {
    from {
    transform: translateY(0);
    opacity: 0.6;
    }
    to {
    transform: translateY(-16px);
    opacity: 1;
    }
}



/* End:: Loader Transition css */



/* Chrome, Safari, Edge, Opera */
input[type="range"]::-webkit-slider-thumb {
  background-color: var(--secondary); /* Your desired background color */  
}

/* Firefox */
input[type="range"]::-moz-range-thumb {
  background-color: var(--secondary); /* Your desired background color */
}


.sialicenseMessage{
    background-color: var(--secondary);
    border-radius: 7px;
    padding: 5px 10px;
    text-align: center;
}


.job-complete-title{
    font-weight: 600;
    font-size: 16px;
}

.job-complete-percent{
    color: var(--secondary);
}




/* Job entry thumbs up and down Note Design */
.noteBoxSingle{
    display: flex;
    gap: 10px;
    background-color: #cccccc;
    border-radius: 10px;
    padding: 5px 10px;
    margin-bottom: 10px;
    color: #333;
}

.noteBoxSingle.thumbs-up-note{
    background-color: #deffde;
}
.noteBoxSingle.thumbs-down-note{
    background-color: #ffdde4;
}
.noteBoxSingle .noteBoxSingleIcon{
    flex-shrink: 0;
    width: 24px;
}
.noteBoxSingle .noteBoxSingleText{
    font-size: 13px;
    font-weight: 600;
}