@font-face {
    font-family: 'BebasNeueBold';
    src: url('../fonts/BebasNeueBold.eot');
    src: url('../fonts/BebasNeueBold.eot') format('embedded-opentype'),
         url('../fonts/BebasNeueBold.woff2') format('woff2'),
         url('../fonts/BebasNeueBold.woff') format('woff'),
         url('../fonts/BebasNeueBold.ttf') format('truetype'),
         url('../fonts/BebasNeueBold.svg#BebasNeueBold') format('svg');
}
@font-face {
    font-family: 'CookieRegular';
    src: url('../fonts/CookieRegular.eot');
    src: url('../fonts/CookieRegular.eot') format('embedded-opentype'),
         url('../fonts/CookieRegular.woff2') format('woff2'),
         url('../fonts/CookieRegular.woff') format('woff'),
         url('../fonts/CookieRegular.ttf') format('truetype'),
         url('../fonts/CookieRegular.svg#CookieRegular') format('svg');
}

@font-face {
    font-family: 'SatisfyRegular';
    src: url('../fonts/SatisfyRegular.eot');
    src: url('../fonts/SatisfyRegular.eot') format('embedded-opentype'),
         url('../fonts/SatisfyRegular.woff2') format('woff2'),
         url('../fonts/SatisfyRegular.woff') format('woff'),
         url('../fonts/SatisfyRegular.ttf') format('truetype'),
         url('../fonts/SatisfyRegular.svg#SatisfyRegular') format('svg');
}

@font-face {
    font-family: 'PacificoRegular';
    src: url('../fonts/PacificoRegular.eot');
    src: url('../fonts/PacificoRegular.eot') format('embedded-opentype'),
         url('../fonts/PacificoRegular.woff2') format('woff2'),
         url('../fonts/PacificoRegular.woff') format('woff'),
         url('../fonts/PacificoRegular.ttf') format('truetype'),
         url('../fonts/PacificoRegular.svg#PacificoRegular') format('svg');
}


@font-face {
    font-family: 'YellowtailRegular';
    src: url('../fonts/YellowtailRegular.eot');
    src: url('../fonts/YellowtailRegular.eot') format('embedded-opentype'),
         url('../fonts/YellowtailRegular.woff2') format('woff2'),
         url('../fonts/YellowtailRegular.woff') format('woff'),
         url('../fonts/YellowtailRegular.ttf') format('truetype'),
         url('../fonts/YellowtailRegular.svg#YellowtailRegular') format('svg');
}

@font-face {
    font-family: 'IndieFlowerRegular';
    src: url('../fonts/IndieFlowerRegular.eot');
    src: url('../fonts/IndieFlowerRegular.eot') format('embedded-opentype'),
         url('../fonts/IndieFlowerRegular.woff2') format('woff2'),
         url('../fonts/IndieFlowerRegular.woff') format('woff'),
         url('../fonts/IndieFlowerRegular.ttf') format('truetype'),
         url('../fonts/IndieFlowerRegular.svg#IndieFlowerRegular') format('svg');
}

@font-face {
    font-family: 'GreatVibesRegular';
    src: url('../fonts/GreatVibesRegular.eot');
    src: url('../fonts/GreatVibesRegular.eot') format('embedded-opentype'),
         url('../fonts/GreatVibesRegular.woff2') format('woff2'),
         url('../fonts/GreatVibesRegular.woff') format('woff'),
         url('../fonts/GreatVibesRegular.ttf') format('truetype'),
         url('../fonts/GreatVibesRegular.svg#GreatVibesRegular') format('svg');
}

@font-face {
    font-family: 'MontserratRegular';
    src: url('../fonts/MontserratRegular.eot');
    src: url('../fonts/MontserratRegular.eot') format('embedded-opentype'),
         url('../fonts/MontserratRegular.woff2') format('woff2'),
         url('../fonts/MontserratRegular.woff') format('woff'),
         url('../fonts/MontserratRegular.ttf') format('truetype'),
         url('../fonts/MontserratRegular.svg#MontserratRegular') format('svg');
}



.custom-singnaturetext {
    color: #000; font-size: 30px; font-weight: 500; letter-spacing: -1px;
}
.singnaturetext-1{
    font-family: 'CookieRegular';

}
.singnaturetext-2{
    font-family: 'SatisfyRegular';
}
.singnaturetext-3{
    font-family: 'PacificoRegular';
}
.singnaturetext-4{
    font-family: 'YellowtailRegular';
}
.singnaturetext-5{
    font-family: 'IndieFlowerRegular';
}
.singnaturetext-6{
    font-family: 'GreatVibesRegular';
}

.product-detailspages .price { margin: 0px !important;}
.product-detailspages .label {text-align: left !important;}
.product-detailspages label{ font-weight: normal;}
.product-detailspages .value  select {    height: 50px;
    width: 245px;
    line-height: 23px;
    font-size: 18px;
    padding: 11px;}

    .product-detailspages .reset_variations {color: #6ec1e4; font-family: "Montserrat", Sans-serif; font-size: 12px;}
    .product-details-page .price {font-family: "Montserrat", Sans-serif;}
    .product-details-page .quantity .qty {font-size: 20px; padding: 14px; color: #000000 !important; height: 52px !important;}


input[type="date"]::-webkit-calendar-picker-indicator {
    background: url(../images/feather-calendar.png) no-repeat center center;
    width: 12px;
    height: 14px;
    background-size: 100%;
}
.gray-bg-class { background-color: #E6E7E8; border-radius: 10px; padding: 25px;}
.gray-bg-class h3 {color: #3E3E3E; font-size: 20px; font-weight: 600; margin-bottom: 3px;}
.smalltext {color: #000000; font-size: 12px; font-family: 'Montserrat', sans-serif; }
.bg-light-custom  { box-shadow: 0px 0px 8px #706f6f; padding: 0px; z-index: 1;}
.bg-light-custom .navbar-brand {width: 175px; margin: 10px 0px;}
.navbar-expand-lg.bg-light-custom .navbar-nav .nav-link {font-family: 'BebasNeueBold';font-size: 26px; letter-spacing: -0.5px;  color: #626366;}
.navbar-expand-lg.bg-light-custom .navbar-nav .nav-link.active {color: #FFBA38; text-decoration: underline;}
.loginsection a {  font-size: 26px; color: #6E6E6E; text-decoration: none; text-transform: none;}
.bg-light-custom .loginsection { margin-right: -50px;font-family: 'BebasNeueBold'; font-weight: 700; padding-left: 25px;  padding-right: 35px; margin-left: 100px; background-color: #F5F5F6; height: 112px; display: flex; align-items: center;}
.imgcolor { position: relative;   margin-right: calc(-0.5 * var(--bs-gutter-x));    margin-left: calc(-0.5 * var(--bs-gutter-x));}
.imgcolor .gradiancolor{background: rgb(32,37,35);    background: linear-gradient(0deg, rgba(32,37,35,0.8550770650056898) 0%, rgba(37,168,224,0) 89%);  height: 490px; position: absolute; bottom:0px; left: 0px; right: 0px;}
.imgcolor .texthedingblock { position: absolute; margin: auto; bottom: 60px; max-width: 695px; right: 0px; left: 0; z-index: 11; color: #fff; font-family: 'Montserrat', sans-serif; width: 100%; padding: 0px 35px;    }
.imgcolor .texthedingblock h2{ font-size: 90px; display: inline-block; font-family: 'Montserrat', sans-serif; font-weight: 300; margin: 0px; line-height: 75px;}
.imgcolor .texthedingblock h2 .subtext{ font-size: 49px; font-family: 'Montserrat', sans-serif; font-weight: 300; line-height: 45px; display: block; text-align: center;}

.contentblock { padding: 22% 150px; max-width: 685px;}
.contentblock h3{color:#6D5622; font-size: 18px; font-family: 'Montserrat', sans-serif; font-weight: 600; }
footer { background-color: #E2E3E4; padding: 35px 15px 25px;}
.footertext label {color: #626366;}
.sml-text {font-size: 13px;font-style: italic; display: block;}

.btnsmall{ background-color: #674A23; color: #fff; font-size: 18px; border:0px; padding: 3px 10px; display: inline-block; height: 38px;}
.inputtext {border: #626366 solid 1px; border-radius: 0px; }
.customhr { background-color: #C8C8CA;}

.foterblock h3{ color: #674A23; font-size: 24px; margin-bottom: 15px;}

.foterblock ul { margin: 0px; padding: 0px;}
.foterblock ul li { list-style: none; margin: 4px 0px; }
.foterblock ul li a{color: #626366; text-decoration: none;}
.foterblock ul li a:hover{color: #626366; text-decoration: underline;}
.addresstext h4 {color: #694D27; margin-bottom: 0px; font-size: 18px; font-weight: 600;}
.addresstext p {margin: 0px; color: #626366; font-size: 16px;}
.addresstext p span {color: #0097C4;}
.social-icon ul{margin: 50px 0px 0px; padding: 0px; display: flex;}
.social-icon ul li {list-style: none; margin: 0px 5px;}
.social-icon ul li a {text-decoration: none; outline: none; width: 39px; display: block;}
.social-icon ul li a img {width: 100%;}
.footernav ul { margin: 50px 0px 0px; flex-wrap: wrap; padding: 0px; display: flex; align-items: center; justify-content: center;}
.footernav ul li { list-style: none; padding: 0px 25px; border-right: #626366 solid 1px;}
.footernav ul li:last-child{border-right: 0px;}
.footernav ul li a {color: #626366; text-decoration: none; }
.num-code { width: 30px; margin: 0px 5px; }
.num-code input { padding: 5px; text-align: center; width: 100%; height: 45px;}
.padd-95 { padding-left: 95px;}
.contentblock h2 { color: #6D5622; font-size: 28px; font-weight: bold; font-family: 'Montserrat', sans-serif;}
.contentblock-content h2 { color: #6D5622; font-size: 24px; font-weight: bold; font-family: 'Montserrat', sans-serif;}
.contentblock-content h2 strong { color: #6D5622; font-size: 20px; display: block; font-weight: bold; font-family: 'Montserrat', sans-serif;}
.contentblock-content p {color: #000000; font-size: 16px; font-family: 'Montserrat', sans-serif; line-height: normal; margin-top: 20px;}

.sidebar { width: 350px; position: sticky; height: 100vh; top: 0px; bottom: 0px;  background-color: #6D6E71; margin-left: -12px;}
.sidebar.sidebarfixed { position: fixed;}
.sidebar .side-header { background-color: #E6E7E8; position: relative; padding: 55px 35px 25px 35px;}
.sidebar .side-header h3 {font-size: 32px; font-family: 'BebasNeueBold'; color: #434343; margin-bottom: 0px;   white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;     width: calc(100px - -86px);}
.sidebar .side-header ul { margin: 0px; padding: 0px; display: flex; }
.sidebar .side-header ul li{ list-style: none; margin-right: 15px;}
.sidebar .side-header ul li a { color: #6E6E6E;  font-family: 'Montserrat', sans-serif; text-decoration: underline;}
.wellicon {    position: absolute;    right: 25px;    top: 30px;}
.wellicon .count { background-color: #D90000; color: #fff; font-family: 'Montserrat', sans-serif; font-size: 13px; border-radius: 50px; width: 18px; height: 18px; border: 2px; display: flex; align-items: center; justify-content: center; font-weight: bold; position: absolute; top: -6px; right: -10px; border: 2px solid #fff;}
.sidebarnav { padding: 55px; height: calc(100vh - 274px); overflow: auto;}
.sidebarnav ul { margin: 0px; padding: 0px; }
.sidebarnav ul li { list-style: none; display: flex; align-items: center; margin-bottom: 15px; height: 43px; padding: 2px 0px;}
.sidebarnav ul li a.active {background-color: #f6c324; position: relative;}
.sidebarnav ul li a.active::after{ position: absolute; left: -80px; width: 82px; background-color: #f6c324; content: ""; height: 43px; z-index: -1;}
.sidebarnav ul li a.active i svg path  { fill: #fff !important; stroke: #fff !important;}
.sidebarnav ul li a#worksitesform-tab.active .documentform-icon {fill: #fff !important;}
.sidebarnav ul li a#worksitesform-tab.active i svg path { stroke: transparent !important;}
.sidebarnav ul li a#profile-tab.active i svg path {     fill: transparent !important;}
.sidebarnav ul li a.active .documentform-icon-first {fill: transparent !important;}
.sidebarnav ul li a.active .documentform-icon { fill: transparent !important;}
.sidebarnav ul li a.active .worksitesform { fill: transparent !important;}
.sidebarnav ul li a.active .resource-first { stroke: transparent !important;}
.sidebarnav ul li a.active .resource-second {    stroke: transparent !important;    fill: transparent !important;}

.sidebarnav ul li .active::before { position: absolute; width: 35px; height: 43px; background: url(../images/arrow-img.png) no-repeat; content: ""; right: -34px; background-size: 36px !important;}
.sidebarnav ul li:last-child{margin-bottom: 0px;}
.sidebarnav ul li img { display: block; margin: auto;}
.sidebarnav ul li .user-white { display: none;}
.sidebarnav ul li .user-yellow { display: block;}
.sidebarnav ul li a.active .user-white { display: block;}
.sidebarnav ul li a.active .user-yellow { display: none;}
.sidebarnav ul li a { font-size: 24px;     height: 43px;
    display: flex;
    align-items: center; width: 225px; font-family: 'BebasNeueBold'; color: #fff; text-decoration: none;}
.w-28 {width: 28px; text-align: center;}
#progressbar .active strong { font-weight: bold;}
.sidepos{ position: absolute;}
.maincontainer {    margin-left: 351px;
    position: absolute;
    padding: 15px;
 left: 0px; right: 0px;
    top: 113px;}
.banner { background: url(../images/banners.png) no-repeat; height: 288px; position: relative; background-size: cover; margin-left: -15px; margin-right: -15px; margin-top: -15px;}
.banner .banner-card {width: 100%; box-shadow: 0px 1px 12px #3b3b3b; max-width: 70%; margin: auto; border-radius: 10px; background-color: #f6f6f6d9; overflow: hidden;  position: absolute; top: 50%; left: 50%;  transform: translate(-50%, -50%); border-radius: 10px;}
.banner .banner-card .banner-card-header { background-color: #F6C324; height: 20px}
.banner .banner-card  .banner-card-body {padding: 25px 50px}
.border-right { border-right: #989898 solid 1px}
.banner-content {font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: bold; color: #211E17  }
.cardblock { padding: 0px 30px}
.needcontact { margin-top: 50px;}
.needcontact h2 {color: #6D5622; font-family: 'BebasNeueBold'; font-size: 26px; margin: 0px}
.needcontact p {font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 500; color: #000000 }
.gray-card-block { border-radius: 5px; overflow: hidden}
.gray-card-block-header { background-color: #6D6E71; font-family: 'Montserrat', sans-serif; padding: 3px 7px; font-size: 12px; color: #fff; font-weight: bold}
.gray-card-block-body {padding: 15px; background-color: #E6E7E8}
.gray-card-block-body .usertext h3 {color: #000000; margin-bottom: 0px;  font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 600}
.gray-card-block-body .usertext .phone {color: #000000; line-height: normal;  font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 400}
.gray-card-block-body .usertext .emailtext {color: #4D9DCD;  font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 400; display: block;}
.card-custom {border: #F6C324 solid 2px !important; padding: 15px 15px 25px; border-radius: 15px; box-shadow: 0px 5px 5px #e2e2e2;}

.custom-header { display: flex; align-items: center ; padding: 0px 12px;}
.custom-header h3 {color: #6D5622; font-family: 'BebasNeueBold'; font-size: 26px; margin: 0px}
.card-custom .cardlist  { margin-top: 15px;}
.card-custom .cardlist ul{ margin: 0px; padding: 0px}
.cardlist ul li { background-color: #E6E7E8; position: relative; margin-bottom: 10px; padding: 9px 35px 9px 15px; list-style: none; border-radius: 5px;}
.cardlist ul li a { color: #3E3E3E; font-size: 16px; font-family: 'Montserrat', sans-serif; text-decoration: none; line-height: normal; font-weight: 600}
.cardlist.text-tranform-none ul li a { text-transform: none;}
.cardlist ul li::before { position: absolute; right: 0px;  content: ""; width: 22px; margin-top: -7px; top: 50%; height: 15px; background: url(../images/navigate-next.png) no-repeat}
.cardlist a {color: #3E3E3E; text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-weight: bold; text-decoration: none}
.listblock  { margin-top: 7px;}
.cardlist.text-tranform-none a { text-transform: none;}
.listblock ul { margin: 0px; padding: 0px;}
.listblock ul li { list-style: none; margin-bottom: 7px; padding-left: 15px;}
.listblock ul li a {font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 600; color: #211E17; text-decoration: none; }
.listblock ul li a.underline {text-decoration: underline;}
.yellowbg-btn {background-color: #F6C324; color: #000000; font-size: 9px !important; font-family: 'Montserrat', sans-serif; border-radius: 50px; padding: 3px 10px; margin-left: auto; float: right; font-weight: bold !important;}
.cardblocklist ul { margin: 0px; padding: 0px;}
.cardblocklist ul li { display: flex; font-family: 'Montserrat', sans-serif; align-items: center; padding: 15px;}
.cardblocklist ul li a{text-transform: none;}
.cardblocklist ul li > span.badge-secondary { background-color: #fff; position: relative; margin-left: auto; border: #EE3818 solid 1px; font-family: 'Montserrat', sans-serif; border-radius: 50px; color: #EE3818; margin-right: 25px; font-size: 9px; padding: 5px 15px; font-weight: bold;}
.cardblocklist ul li > span.badge-secondary > span.budge{position: absolute; width: 15px; height: 15px; border-radius: 50px;     left: -4px; top: -10px;}


.cardblocklist ul li > span.badge-primary { background-color: #fff; position: relative; margin-left: auto; border: #4D9DCD solid 1px; font-family: 'Montserrat', sans-serif; border-radius: 50px; color: #4D9DCD;  margin-right: 25px; font-size: 9px; padding: 5px 15px; font-weight: bold;}
.cardblocklist ul li > span.badge-primary > span.budge{position: absolute; width: 15px; height: 15px; border-radius: 50px;     left: -4px; top: -10px;}
.headingtext { display: flex; align-items: center; margin-bottom: 10px;}
.cardlist.cardblocklist2 ul{margin: 0px; padding: 0px;}
.cardlist.cardblocklist2 li {background-color: #F5F5F6; border-radius: 10px; padding: 20px;}
.mt-n35 { margin-top: -35px;}
.headingtext h2 {font-size: 30px; color: #6D5622; font-family: 'BebasNeueBold'; margin-bottom: 0px;}
.questionstepblock { display: flex; align-items: center; justify-content: center}
.quest {font-weight: bold; font-size: 16px; color: #6D6E71; font-family: 'Montserrat', sans-serif; margin: 0px 25px}
.text-link {color: #6D5622}
    @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');
    .drag-area{
      border: 2px dashed #707070;
      height: 280px;
      width: 100%;
      border-radius: 5px;
      background-color: #E6E7E8;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
    }
    .drag-area-custom {justify-content: flex-start;}
    .skiptext{ color: #6D6E71; margin-bottom: 15px; font-size: 14px; font-weight: 500; display: flex; margin-left: 25px; margin-top: 15px;  font-family: 'Montserrat', sans-serif;}
    .skiptext:hover{ color: #6D6E71; font-size: 14px; font-weight: 500;   font-family: 'Montserrat', sans-serif;}
    .ortext{ color: #6D6E71; font-size: 20px; font-weight: bold;  font-family: 'Montserrat', sans-serif;}
    .textheading { color: #6D6E71; font-size: 16px; font-weight: bold;  font-family: 'Montserrat', sans-serif;}
    .dragtext {color: #6D6E71; text-decoration: underline; text-align: center; margin-top: 15px; font-weight: bold;  font-family: 'Montserrat', sans-serif;}
    .drag-area.active{border: 2px solid #fff;}
    .drag-area .icon{
      color: #fff;
      width: 85px;
    }
    .custom-scroll-bar { overflow-y: auto; overflow-x: hidden; height: 210px; padding-right: 25px; }
.sidebar-logo { padding: 25px 65px; background-color: #F4F4F4;}
.sidebar-logo a {width: 155px; display: block; margin: auto;}
.bggray-color{background-color: #F5F5F6;}

    .drag-area-custom .nav-pills .nav-link{background-color: #6D6E71; color: #fff; font-weight: 400; border-radius: 0px; padding: 4px 25px; font-size: 11px; text-transform: uppercase;}
    .drag-area-custom .nav-pills .nav-link.active,.drag-area-custom .nav-pills .show > .nav-link {background-color: #989898; font-weight: bold;}
    .customuserblock { height: 55px; color: #fff; text-decoration: none; width: 55px; margin: auto; margin-bottom: 20px; border-radius: 50px; font-weight: bold;  font-family: 'Montserrat', sans-serif; font-size: 23px; display: flex; align-items: center; justify-content: center; color: #fff;}
  .customuserblock:hover { color: #fff;}
    .customuserblock-2 { height: 95px; width: 95px; margin: auto; margin-bottom: 20px; border-radius: 50px; font-weight: bold;  font-family: 'Montserrat', sans-serif; font-size: 23px; display: flex; align-items: center; justify-content: center; color: #fff;}
.customuserblock-2 img{width: 70px;}
    .drag-area-custom .tab-pane { padding: 0px 25px;}
    .customuserblock img {width: auto;}

    .customu-bg-yellow {background: rgb(2,0,36);
        background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(252,241,138,1) 0%, rgba(246,195,36,1) 100%, rgba(0,212,255,1) 100%);}

        .customu-bg-purple {
            background: rgb(2,0,36);
            background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(255,116,116,1) 0%, rgba(196,3,122,1) 100%, rgba(0,212,255,1) 100%);
        }

        .customu-bg-blue {
            background: rgb(2,0,36);
background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(82,193,226,1) 0%, rgba(8,115,163,1) 100%, rgba(0,212,255,1) 100%);
        }

        .custom-py-1 {
            padding-top: 0.39rem !important;
            padding-bottom: 0.39rem !important;
        }
        .customtab .btn-warning{background-color: #BEBEBE; margin-right: 4px; line-height: normal; color: #000000; border: none; font-size: 11px; font-weight: bold; font-family: 'Montserrat', sans-serif; text-transform: uppercase; font-weight: bold; padding: 10px 10px;}
        .customtab .btn-warning.active {
            background-color: #ffcd39; color: #000;            border-color: #ffc720; border: none;
        }
        .customtab .btn-warning.active:focus{box-shadow:none}
.table-bg thead {  overflow: hidden; border-radius: 15px;}
.table-bg th{ background-color: #6D6E71; color: #fff;}
    .drag-area header{
      font-weight: 500;
      color: #fff;
    }
    .drag-area span{
      font-size: 25px;
      font-weight: 500;
      color: #fff;
      margin: 10px 0 15px 0;
    }
    .drag-area button{
      padding: 10px 25px;
      font-size: 20px;
      font-weight: 500;
      border: none;
      outline: none;
      background: #fff;
      color: #5256ad;
      border-radius: 5px;
      cursor: pointer;
    }
    .drag-area img{

      border-radius: 5px;
    }

    #msform {
        text-align: center;
        position: relative;
        margin-top: 20px
    }

    #msform fieldset {
        background: white;
        border: 0 none;
        border-radius: 0.5rem;
        box-sizing: border-box;
        width: 100%;
        margin: 0;
        padding-bottom: 20px;
        position: relative
    }

    .form-card {
        text-align: left
    }

    #msform fieldset:not(:first-of-type) {
        display: none
    }


    #msform .action-button {
        background: #F6C324;
        font-weight: 600;
        color: white;
        border: 0 none;
        border-radius: 0px;
        cursor: pointer;
        padding: 10px 5px;
        margin: 10px 0px 10px 5px;
        float: left
    }

    #msform .action-button:hover,
    #msform .action-button:focus {
        background-color: #F6C324
    }

    #msform .action-button-previous {
        width: 100px;
        background: #616161;
        font-weight: bold;
        color: white;
        border: 0 none;
        border-radius: 0px;
        cursor: pointer;
        padding: 10px 5px;
        margin: 10px 5px 10px 0px;
        float: right
    }

    #msform .action-button-previous:hover,
    #msform .action-button-previous:focus {
        background-color: #000000
    }
    .formtext { color: #000000; font-family: 'Montserrat', sans-serif;  font-size: 14px;}
    .card {
        z-index: 0;
        border: none;
        position: relative
    }

    .fs-title {
        color: #6D5622;
        margin-bottom: 0px;
        font-weight: normal;
        text-align: left;
        font-family: 'BebasNeueBold';
        line-height: 26px;
        font-size: 32px;
    }

    .fs-title-2 {
        color: #6D5622;
        line-height: 26px;
        margin-bottom: 0px;
        font-weight: normal;
        text-align: left;
        font-family: 'BebasNeueBold';
        font-size: 26px;
    }

    .purple-text {
        color: #673AB7;
        font-weight: normal
    }

    .steps {
        font-size: 25px;
        color: gray;
        margin-bottom: 10px;
        font-weight: normal;
        text-align: right
    }

    .fieldlabels {
        color: gray;
        text-align: left
    }

    #progressbar {
        margin-bottom: 30px;
        overflow: hidden;
        color: #434343;
        padding: 25px;
        background-color: #E6E7E8;
    }

    #progressbar .active {
        color: #434343
    }

    #progressbar li {
        list-style-type: none;
        font-size: 15px;
        width: 33.33%;
        float: left;
        position: relative;
        font-weight: 400
    }
    #progressbar li strong{ font-weight: 400; text-transform: uppercase;}
    #progressbar #account:before {
        content: "1";
        font-family: 'Montserrat', sans-serif;
        font-weight: bold;
    }

    #progressbar #personal:before {
        content: "2";
        font-family: 'Montserrat', sans-serif;
        font-weight: bold;
    }

    #progressbar #confirm:before {
        content: "3";
        font-family: 'Montserrat', sans-serif;
        font-weight: bold;
    }

    #progressbar li:before {
        width: 35px;
        height: 35px;
        line-height: 30px;
        display: block;
        font-size: 20px;
        color: #ffffff;
        background: #6D6E71;
        border-radius: 50%;
        margin: 0 auto 5px auto;
        padding: 2px
    }

    #progressbar li:after {
        content: '';
        width: 100%;
        height: 2px;
        background: #6D6E71;
        position: absolute;
        left: 0;
        top: 25px;
        z-index: -1
    }

    #progressbar li.active:before,
    #progressbar li.active:after {
        background: #F6C324
    }

    .progress {
        height: 20px
    }

    .progress-bar {
        background-color: #F6C324
    }

    .fit-image {
        width: 100%;
        object-fit: cover
    }
    .datetext { position: relative;}
    .datetext input { padding-right: 28px;}
    .datetext::after{right: 12px; top: 12px; position: absolute; content: ""; background: url(./images/awesome-lock.png) no-repeat; width: 12px; height: 16px;}
    .form-card { padding-left: 25px; padding-right: 25px;}
    .close-img {
        display: none;
    }

ul.editlistblock { margin: 0px; padding: 0px;}
ul.editlistblock li { display: flex; align-items:flex-start; flex-wrap: wrap; margin-bottom: 25px; border-bottom: #B9B9B9 solid 1px; padding-bottom: 15px;}
ul.editlistblock li .listtextblock { }
ul.editlistblock li .listtextblock .subtext {font-size: 16px; display: block; font-family: "Montserrat", Sans-serif; font-weight: 600;}
ul.editlistblock li .listtextblock .contenttext {font-size: 16px; padding-left: 14px;  display: block; font-family: "Montserrat", Sans-serif; font-weight: 400;}
ul.editlistblock li .edit-icon {margin-left: auto; }
    .card-list {  display: flex; align-items: center; flex-wrap: wrap;}
    .card-list .card-list-yellow-card-back{background-color: #F6C324; height: 66px; width: 65px; display: flex; align-items: center; justify-content: center;}
    .card-list .card-list-gray-card-back{background-color: #919191;     width: min-content; height: auto; color: #fff; font-family: "Montserrat", Sans-serif; font-weight: bold; font-size: 16px; padding: 15px; height: 66px; display: flex; align-items: center;  flex: auto;}
.mainblock{ max-width: 1920px; margin: auto; width: 100%;}
.customgraybox { max-height: 300px; overflow-x: auto;}
.customgraybox .gray-bg-class { background-color: #F5F5F6;}
.gray-bg-class-bg {background-color: #F5F5F6; padding: 50px;}
.gray-bg-class-bg span { color: #3E3E3E; font-size: 20px; font-family: "Montserrat", Sans-serif; padding-bottom: 15px; display: block; margin-top: 15px;}
.redcolortext { color: #EE3818; text-align: center; font-size: 12px; font-weight: bold; font-family: "Montserrat", Sans-serif;}
table.table-custom-width thead tr th { background-color: #E6E7E8; color: #000000;  font-size: 13px; font-family: "Montserrat", Sans-serif; font-weight: bold; padding: 15px;}
table.table-custom-width.darkbg thead tr th { text-align: center; background-color: #6D6E71; color: #fff;  font-size: 11px; font-family: "Montserrat", Sans-serif; font-weight: bold; padding: 7px;}
table.table-custom-width tbody tr td { color: #000000;  font-size: 14px; font-family: "Montserrat", Sans-serif; font-weight: 600;  padding: 15px;}
table.table-custom-width.darkbg tbody tr td {font-size: 11px; padding: 7px; vertical-align: middle;}
table.table-custom-width.darkbg tbody tr td:last-child {text-align: center;}
table.table-custom-width > :not(:first-child) { border-top: 0px;}
h5.modal-title{font-weight: bold; font-size: 20px;}
.modal-header span { display: block; font-weight: 500; font-size: 11px; font-family: "Montserrat", Sans-serif; width: 100%; }

table.table-custom-width.table-custom-time-sheet tbody tr td {color: #6D6E71; font-size: 14px; font-weight: 500 !important;}
table.table-custom-width.table-custom-time-sheet tfoot tr th {color: #6D6E71; font-size: 16px; border-bottom: none;}
.no-border { border-bottom: none !important;}
.notes {width: 60%; margin: auto;}
.notes ul{ margin: 0px; padding:0px}
.notes ul li {color: #EE3818; font-size: 12px; font-weight: bold; font-family: "Montserrat", Sans-serif; list-style: none; margin: 10px 0px;}
.closebtnimg{ position: absolute; right: 21px; top: 20px;}
.custom-card-block { padding: 4px 7px; text-align: center;  font-family: 'MontserratRegular'; font-weight: 400;  color: #000; font-size: 12px; background-color: #fff; border: #C3C3C3 solid 1px; border-radius: 4px;}
.addhour { color: #4D9DCD; text-align: center; text-decoration: none; font-family: 'MontserratRegular'; font-weight: 700; line-height: normal; font-size: 10px; display: flex; align-items: center;}
.addhour i { margin-right: 5px;}
.addhour i img { width: 18px;}
.userimg{
    width: 39px !important;
    margin-top: -6px !important;
}
.border-cust{
    border: #8eb3d3 solid 1px;
}
table.table-14 td, table.table-14 td a, table.table-14 th { font-size: 14px !important;}
.card-gray { background-color: #E6E7E8; border-radius: 10px; padding: 15px 25px;}
.ptext-custom {color: #6D6E71; font-size: 14px; font-family: "Montserrat", Sans-serif; font-weight: 600; line-height: normal;}
.fw-600 { font-weight: 500 !important;}
.linktext-custom{font-size: 12px; font-weight: 600; color: #4D9DCD; font-family: "Montserrat", Sans-serif;}
.linktext-custom:hover{font-size: 12px; font-weight: 600; color: #4D9DCD; font-family: "Montserrat", Sans-serif;}
.brown-btn { display: block; border: #6D5622 solid 1px; margin-top: -10px; text-decoration: none; color: #6D5622; font-family: "Montserrat", Sans-serif; font-size: 12px; padding: 10px 25px;}
.brown-btn:hover { border: #6D5622 solid 1px; text-decoration: none; color: #6D5622; font-family: "Montserrat", Sans-serif; font-size: 12px; padding: 10px 25px;}
/*
 *  STYLE 1
 */
 .height-450px {max-height: 550px; overflow: auto; padding: 0px 5px 0px 0px; overflow-x: hidden;}

 .tableFixHead { border-radius: 10px;}

 .tableFixHead::-webkit-scrollbar-track
 {
     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
     border-radius: 10px;
     background-color: #F5F5F5;
 }

 .tableFixHead::-webkit-scrollbar
 {
     width: 8px;
     height: 8px;
     background-color: #F5F5F5;
 }

 .tableFixHead::-webkit-scrollbar-thumb
 {
     border-radius: 10px;
     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
     background-color: #555;
 }

 .tableFixHead2 { overflow: auto; max-height: 425px;}
 .tableFixHead2::-webkit-scrollbar-track
 {
     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
     border-radius: 10px;
     background-color: #F5F5F5;
 }

 .tableFixHead2::-webkit-scrollbar
 {
     width: 9px;
     background-color: #F5F5F5;
 }

 .tableFixHead2::-webkit-scrollbar-thumb
 {
     border-radius: 10px;
     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
     background-color: #555;
 }



 #style-1::-webkit-scrollbar-track
 {
     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
     border-radius: 10px;
     background-color: #F5F5F5;
 }

 #style-1::-webkit-scrollbar
 {
     width: 9px;
     background-color: #F5F5F5;
     height: 9px;
 }

 #style-1::-webkit-scrollbar-thumb
 {
     border-radius: 10px;
     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
     background-color: #555;
 }



 .style-2::-webkit-scrollbar-track
 {

     border-radius: 10px;
     background-color: #F5F5F5;
 }

 .style-2::-webkit-scrollbar
 {
     width: 9px;
     background-color: #F5F5F5;
 }

 .style-2::-webkit-scrollbar-thumb
 {
     border-radius: 10px;

     background-color: #989898;
 }
#client-details-assign-form {display: none;}

 .top-0{top: 0px !important;}
.form-bold-text {color: #3E3E3E !important; font-family: "Montserrat", Sans-serif; font-weight: 600; font-size: 16px !important;}
.form-bold-gold-text {color: #6D5622 !important; font-family: "Montserrat", Sans-serif; font-weight: 700; font-size: 14px !important;}
.form-anchor-text {color: #4D9DCD !important; font-family: "Montserrat", Sans-serif !important; font-weight: 500 !important; font-size: 14px !important;}
.blue-text {color: #4D9DCD !important; font-family: "Montserrat", Sans-serif !important; font-weight: 700 !important; font-size: 14px !important;}
.blue-text-color {color: #4D9DCD !important;}
.blue-text-color span {color: #3E3E3E;}
.gray-text {color: #6D6E71;}
.yellowtext { color: #F6C324;}
.scroll-block {max-height: 105px; overflow-y: auto;}
.cardlist-heading ul li.br-tran { background-color: transparent; text-transform: uppercase;}
.cardlist-heading ul li::before{ display: none;}

.sidebarnav ul li a.employeeid.active i svg path {fill: inherit !important;
    stroke: inherit !important;}
    .sidebarnav ul li a.employeeid i .employee-img { display: none;}
    .sidebarnav ul li a.employeeid.active i .employee-img { display: block;}
    .sidebarnav ul li a.employeeid.active i .employee-svg { display: none;}

.form-anchor-text.fw-normal { font-weight: normal !important;}
.fs-11 { font-size: 11px !important; clear: #211E17; font-weight: 500;}
.fs-13 { font-size: 13px !important;}
.fs-14 { font-size: 14px !important;}
.fs-16 { font-size: 16px !important;}
 .sidebar .side-header h3 span{color: #F5F5F6; font-family: "Montserrat", Sans-serif; font-weight: bold; font-size: 9px; border-radius: 4px; background-color: #3E3E3E; display: table; padding: 2px 3px;}
 .tableFixHead          { overflow: auto; height: 400px; }
 .tableFixHead thead th { position: sticky; top: 0; z-index: 1; }
 .tabletd-fs11 td { font-size: 13px;}
.tableFixHead .table > :not(:first-child) { border-top: 0px solid currentColor;}
.tableFixHead td { background-color: #f5f5f6; font-family: "Montserrat", Sans-serif !important; }
.tableFixHead td.bgtransparent{background-color: transparent !important;}
.tableFixHead td.bgtransparent:hover{background-color: transparent !important;}
.tableFixHead tr.bgtransparent:hover{background-color: transparent !important;}
.tableFixHead tbody tr:hover td { background-color: #ededed;}
.subtable td{ background-color: transparent !important;}
.tableFixHead td { padding-top: 10px;}
.subtable td:hover{ background-color: transparent !important;}
.table.noborder > :not(caption) > * > * { border: none;}
 .pading-right-35 {
    padding-right: 35px;
}
.customtable th{ padding-top: 8px; }
.customtable td { font-size: 14px;}
.lock-icon {    position: absolute;
    right: 10px;
    top: 11px;}

input[type="date"]::before {
  content: attr(placeholder);
  color: #000;
}

input[type="date"] {
  color: #ffffff;
}

input[type="date"]:focus,
input[type="date"]:valid {
  color: #000;
}

input[type="date"]:focus::before,
input[type="date"]:valid::before {
  content: "";
}
#worksitedetails { display: none;}


.custom-modal .modal-header h5{color:#3E3E3E; font-size: 20px; font-family: "Montserrat", Sans-serif; font-weight: 700;}
.custom-modal .modal-header {    background-color: #F5F5F6;}
.custom-modal .modal-header .btn-close {background-size:13px; }
.custom-modal .modalblock h2{color: #6D5622; font-size: 22px; font-family: 'BebasNeueBold'; }

.accordion-item-custom > .accordion-header > a .arrow-left{

  width: 14px; flex: 0 0 14px; height: 8px;
  background: url(../images/arrow-down.png) no-repeat;
}


.accordion-item-custom > .accordion-header > a.collapsed .arrow-left{
    width: 8px; height: 14px;
    background: url(../images/arrow-left.png) no-repeat;
   }

.table-bg-width {width: 700px;}
.back-btn { color: #6D6E71; font-family: "Montserrat", Sans-serif; font-weight: 600; font-size: 12px; text-decoration: none; padding-left: 3px;}
.back-btn:hover { color: #6D6E71; font-family: "Montserrat", Sans-serif; font-weight: 600; font-size: 12px; text-decoration: none; padding-left: 3px;}
.gray-section {background-color: #EDEDED;     margin-left: -45px;    margin-right: -45px; padding-left: 46px;    padding-right: 46px;}
.clientimg { width: 60px; height: 60px; border-radius: 50px;}
.clientimg img {width: 100%;}
.client-details h3{color: #434343; font-size: 28px; font-family: 'BebasNeueBold'; margin-bottom: 0px; line-height: normal;}
.client-details .edit-profiletext {color: #6E6E6E; font-family: "Montserrat", Sans-serif; font-size: 12px; font-weight: 500; float: left;}
.yellow-btn-link {color: #000000; font-size: 12px; font-family: "Montserrat", Sans-serif; font-weight: bold; text-decoration: none; background-color: #F6C324; border-radius: 50px; padding: 10px 15px; }
.yellow-btn-link:hover{ color: #000 ;}
.job-placement-section {padding: 25px 35px; background-color: #F8F8F8;     margin-right: -44px;}
.job-placement-section h3{
    color: #6D5622;
    font-family: 'BebasNeueBold';
    font-size: 26px;
    margin-bottom: 5px;
}

.job-placement-section h4.black{
    color: #3E3E3E;
    font-family: "Montserrat", Sans-serif;
    font-size: 13px;
    margin-bottom: 0px;
    font-weight: bold;
}

.job-placement-section h4{
    color: #6D5622;
    font-family: "Montserrat", Sans-serif;
    font-size: 13px;
    margin-bottom: 0px;
    font-weight: bold;
}
.job-placement-section .budge-block {border-radius: 6px; background-color: #656565;padding: 4px 10px; color: #F5F5F6;  font-family: "Montserrat", Sans-serif; font-weight: bold; font-size: 8.5px;}

.job-placement-section h4 span {color: #3E3E3E; font-size: 12px; font-weight: 500;}
.job-placement-section p{color: #3E3E3E; font-size: 12px; font-family: "Montserrat", Sans-serif; margin-bottom: 10px; font-weight: 500;}
.job-placement-section .graybgblock {background-color: #EFEFEF; padding: 15px; border-radius: 10px;}
.worksite-information h3 {font-size: 22px; color: #6D5622; font-family: 'BebasNeueBold'; margin-bottom: 3px;}
.worksite-information .custom-graybg{
    background-color: #EFEFEF; padding: 15px; border-radius: 10px;
}
.worksite-information .custom-graybg p.text1{
    font-size: 14px; color: #3E3E3E; font-weight: 500;font-family: "Montserrat", Sans-serif;
}
.worksite-information .custom-graybg h4 {color: #6D5622; font-family: 'BebasNeueBold'; text-decoration: underline; font-size: 18px; font-weight: bold; margin-bottom: 0px;}
.worksite-information .custom-graybg strong {color: #3E3E3E; font-size: 13px; font-family: "Montserrat", Sans-serif; font-weight: bold;}
.worksite-information .custom-graybg p.text2 {color: #3E3E3E; font-size: 10px; font-family: "Montserrat", Sans-serif; margin-bottom: 0px;}
.worksite-information .custom-graybg .card-light-gray { background-color: #F8F8F8; border-radius: 10px; padding: 15px;}
.worksite-information .custom-graybg .card-light-gray h3 {color: #000000; font-size: 12px; font-family: "Montserrat", Sans-serif; font-weight: bold; margin-bottom: 10px;}
.worksite-information .custom-graybg .card-light-gray p {font-size: 12px;margin-bottom: 10px;}
.black-color { color: #000 !important;}
.table-time-sheet th{ background-color: #E6E7E8; }


.selector-item_label { padding: 5px 10px; border: 3px solid transparent; cursor: pointer;}

.selector-item_radio {
    appearance: none;
    display: none;
}
.selector-item_radio:checked + .selector-item_label {
    border: #4D9DCD solid 3px; border-radius: 5px;

}
.graybox {background-color: #F5F5F6; padding: 95px 45px; height: 100%;}

.custom-mt-112px { padding-top: 113px;}
.pos-sticky{
    position: sticky; top:0px
}
.height-1000 { height: 1000px;}
.custom-modal-block .modal-header{background-color: #F5F5F6; position: relative; padding-top: 25px;}
.custom-modal-block .modal-header h5 {font-size: 20px; color: #6D5622;font-family: "Montserrat", Sans-serif;}
.custom-modal-block .modal-header .btn-close { position: absolute; top: 23px; right: 20px;}
.text-55 {color: #000000; font-size: 14px; font-family: "Montserrat", Sans-serif; font-weight: bold;}
.text-56 {color: #000000; font-size: 12px; font-family: "Montserrat", Sans-serif; }
.text-55 span { display: inline-block; font-size: 14px; width: auto;}
table.table-custom-width.yellow-table thead tr th{ padding: 5px 15px; background-color: #F6C324;}
table.table-custom-width.yellow-table tbody tr td { padding: 6px 15px;}
.grayboxgrid { padding: 20px; border-radius: 10px; background-color: #E6E7E8;}
.grayboxgrid h3 {color: #000000; font-size: 16px; font-family: "Montserrat", Sans-serif; margin: 0px; font-weight: bold;}
.grayboxgrid .hourbold {color: #000000; font-size: 24px; font-family: "Montserrat", Sans-serif; margin: 0px; font-weight: bold;}
.color-text { color: #000;}
.grayboxgrid p {color: #000000;  font-family: "Montserrat", Sans-serif; font-size: 16px; margin-top: 5px; font-weight: 400;}
.secondmodal {padding: 45px; text-align: center;}
.secondmodal h5 {color: #6D5622; font-size: 20px; font-family: "Montserrat", Sans-serif;  font-weight: bold;}
.secondmodal .downloadtext { color: #4D9DCD; font-size: 13px; font-family: "Montserrat", Sans-serif; text-decoration: none; font-weight: bold;}
table.timereview-sheet { width: 100%;}
table.timereview-sheet th { line-height: normal; text-align: center; font-family: "Montserrat", Sans-serif; font-size: 11px;}
table.timereview-sheet td{ text-align: center; font-family: "Montserrat", Sans-serif; font-size: 13px; font-weight: 400; padding: 9px 0px;}
table.timereview-sheet td:first-child{text-align: left; width: 150px; padding-right: 0px;}

.radiobuttun{ width: 16px; height: 16px;}
.graytotal-price {  margin-top: 15px;
    background-color: #E6E7E8; padding: 10px 15px; border-radius: 5px;
}
.priceblock { font-size: 16px; font-weight: bold; font-family: "Montserrat", Sans-serif;}
.graybox-padding {background-color: #F4F4F4; padding: 10px 25px;}
.graybox-padding .form-check-label { font-family: "Montserrat", Sans-serif; font-size: 12px; font-weight: 500;}
.graybox-padding .form-check-label strong { font-size: 12px;}
.graybox-padding .form-check { margin: 15px 0px;}

.grayboxgrid-custom h3 {color: #6D5622; font-weight: bold; font-family: "Montserrat", Sans-serif; font-size: 14px; margin-bottom: 5px;}
.grayboxgrid-custom  { padding: 25px;}
.grayboxgrid-custom table {width: 100%;}
.grayboxgrid-custom table tr td { padding: 2px 0px; font-family: "Montserrat", Sans-serif; font-size: 14px; }
.grayboxgrid-custom p {font-family: "Montserrat", Sans-serif; font-size: 12px;}
.custfs-11 { font-size: 11px;}
.fs-10{ font-size: 10px;}



.navbar, .bg-light-custom .navbar-brand, .navbar-expand-lg.bg-light-custom .navbar-nav .nav-link, .bg-light-custom .loginsection
{
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.navbar.header-sticky {
background-color: #fff;

    left: 0px;
    right: 0px;
 position: fixed;
}
.navbar.header-sticky.bg-light-custom .navbar-brand {
    width: 155px;
    margin: 10px 0px;
}
.navbar.header-sticky.bg-light-custom  .loginsection {    height: 92px;}
.navbar.header-sticky.bg-light-custom  .loginsection .mt-md-4 {margin-top: 0px !important;}

.navbar.header-sticky.navbar-expand-lg.bg-light-custom .navbar-nav .nav-link { font-size: 22px;}
.navbar.header-sticky.bg-light-custom  .loginsection a { font-size: 22px;}
.navbar.header-sticky.bg-light-custom ul.navbar-nav { margin-top: 0px !important;}
a.images-hover-animation:hover img {margin-top: -15px;}
a.images-hover-animation img{   -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;}
    a.images-hover-animation:hover .text-hover{ opacity: 1; display: block;   height: auto;     margin-top: -7px;}
    a.images-hover-animation .text-hover { opacity: 0;  -webkit-transition: all 0.4s ease; font-size: 8px;
        font-weight: 500;
        line-height: normal;
        transition: all 0.4s ease;
        left: -50%;
    margin-left: -37px !important;
    height: 0px;

    width: 58px;
    position: absolute;
    text-align: center;
    text-align: center;
    margin-top: -3px;
    }
    .tableFixHead td {  line-height: 19px; vertical-align: middle;}
    .bluetext {color: #4D9DCD;}
    .greentext { color: #00AD71;}
    .yellowtext{color: #FFB000;}
.orrange-badge{background-color: #FFBB6C; padding: 3px 4px; border-radius: 4px; color: #3E3E3E; font-size: 8px; font-family: "Montserrat", Sans-serif; font-weight: 700;}
.green-badge{background-color: #5AE393; padding: 3px 4px; border-radius: 4px; color: #3E3E3E; font-size: 8px; font-family: "Montserrat", Sans-serif; font-weight: 700;}
.bluetext-custom {color: #4D9DCD; font-size: 12px;  font-family: "Montserrat", Sans-serif;  font-weight: bold;  display: block; margin-top: 3px;}
.sidebar-sticky { position: fixed; top: 98px;}
.add-resourcebg {background-color: #E6E7E8; padding: 20px; border-radius: 10px;}
.add-resourcebg h3 { margin: 0px; color: #3E3E3E; text-transform: uppercase;   font-family: "Montserrat", Sans-serif; font-size: 18px;  font-weight: 600; text-decoration: underline; }
.add-resourcebg .form-check-label {color: #000000; font-size: 16px;font-family: "Montserrat", Sans-serif; font-weight: 600; line-height: normal ;}

.textcustomp { color:#6D5622 ;  font-family: "Montserrat", Sans-serif; font-size: 16px; font-weight: 500; }

.custom-graycard-block { background-color: #F5F5F6; padding: 25px; border-radius: 10px; margin-bottom: 15px;}
.custom-graycard-block h3 {color: #6D5622; font-family: "Montserrat", Sans-serif;  font-size: 18px; font-weight: bold; margin-bottom: 5px;}
.mt-75 {margin-top: 74px;}

.menucss a
{width: 20px; height: 20px; background-color: red; text-indent: -222px; padding: 20px;}
.view-card-modal .modal-header { background-color: transparent; padding-bottom: 0;}
.view-card-modal h5.modal-title {color: #6D5622; font-size: 16px; font-weight: bold; font-family: "Montserrat", Sans-serif;}
.width-670{max-width: 670px;}
.view-card-modal .modal-dialog-scrollable .modal-content { background-color: #EFEFEF;}
.donwloadtext { display: flex; align-items: center;}
.donwloadtext a{ color: #4D9DCD; font-size: 12px; text-decoration: none; font-family: "Montserrat", Sans-serif; font-weight: bold; }
a.images-hover-animation-mobile .text-hover.greentext {margin-left: -12px !important;}
a.images-hover-animation-mobile .text-hover {margin-left: -18px !important;}
a.images-hover-animation-mobile .text-hover.bluetext {
    margin-left: -12px !important;
}
.settingbg{
    background-color: #F4F4F4;
    padding-top: 25px; padding-bottom: 25px;
    margin-left: -44px; margin-right: -44px; padding-left: 46px; padding-right: 45px;
}
.addcodemodal h3 { color: #6D6E71; font-size: 20px; font-weight: bold; font-family: "Montserrat", Sans-serif;}
.bgimport-gray { background-color: #F4F4F4; padding: 25px 15px; text-align: center; border-radius: 5px;}
.bgimport-gray .img-icon {display: block; margin-bottom: 5px;}
.bgimport-gray .strong { font-weight: bold; font-family: "Montserrat", Sans-serif; font-size: 15px;}
.bgimport-gray p{ font-weight: normal; font-family: "Montserrat", Sans-serif; font-size: 12px; color: #6D6E71;}
.settingbg-import h3{ font-family: "Montserrat", Sans-serif; font-size: 17px; font-weight: bold; color: #211E17; margin-bottom: 20px; }
.settingbg-import .bgwhitecolor { background-color: #FFFFFF; padding: 25px 35px; border-radius: 10px; margin-left: -25px; margin-right: -25px;}

.settingbg-import .bgwhitecolor h4 {font-family: "Montserrat", Sans-serif; font-size: 16px; font-weight: bold; color: #515255; margin-bottom: 5px;}
.settingbg-import .bgwhitecolor select {font-weight: bold; margin-bottom: 7px; color: #9B9B9B; font-family: "Montserrat", Sans-serif; font-size: 14px; border: none; padding-left: 0px; padding-right: 0px; }
.settingbg-import .bgwhitecolor select.form-select:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: none;
  }
  .settingbg-import .bgwhitecolor .customcardblock { }
  .settingbg-import .bgwhitecolor .customcardblock .card-header {
    background-color: #989898;
    border-top-right-radius: 15px; border-top-left-radius: 15px; color: #fff; font-weight: bold; font-size: 14px; padding-top: 8px; padding-bottom: 8px;
    font-family: "Montserrat", Sans-serif;
  }
  .settingbg-import .bgwhitecolor .customcardblock .card-body{
    border:#ECECF2 solid 1px;
  }
  .settingbg-import .bgwhitecolor .customcardblock .card-body ul{ margin: 0px; padding: 0px;}
  .settingbg-import .bgwhitecolor .customcardblock .card-body ul li { list-style: none;}
  .settingbg-import .bgwhitecolor .customcardblock .card-body ul li a { list-style: none; display: block; text-decoration: none; border-bottom:#ECECF2 solid 1px; padding: 10px 0px; font-size: 14px; font-family: 'Lato', sans-serif; color: #8181A5;
  }
  .settingbg-import .bgwhitecolor .customcardblock .card-body {padding-top: 5px;}
  .importbtn { position: absolute; bottom: 0px; left: 15px;}
.mob-nav { height: calc(100vh - 76px); overflow: auto;}
.custom-accordion .accordion-button {background-color: #6D6E71; padding: 0.6rem 1rem; border-radius: calc(0.25rem - 1px); }
.custom-accordion .accordion-item {margin-bottom: 10px;}
.custom-accordion .accordion-button::after {display: none;}
.custom-accordion .accordion-button:not(.collapsed)::after {display: none;}




.custom-accordion .accordion-button:not(.collapsed)::before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-180deg);
  }
  .custom-accordion  .accordion-button::before {
    flex-shrink: 0;
    width: 1rem;
    height: 1rem;
    margin-right: 10px;
    content: "";
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 0.8rem;
    transition: transform 0.2s ease-in-out;
  }
  .custom-accordion .title-accordian { color: #FFFFFF; font-size: 12px; font-family: "Montserrat", Sans-serif; font-weight: bold; }
.totalblock {text-align: right;}
.totalblock .totalhour {color: #FFFFFF; margin-bottom: 2px; font-size: 9px; font-family: "Montserrat", Sans-serif; font-weight: 500; }
.totalblock .total-time {color: #FFFFFF;  font-size: 12px; font-family: "Montserrat", Sans-serif; font-weight: 700; }
.custom-accordion .accordion-item { border: none; }
.custom-accordion .accordion-button:focus { box-shadow: none;}
.custom-accordion .accordion-body strong {color: #6D6E71; font-family: "Montserrat", Sans-serif; font-weight: 700; font-size: 12px;}
.custominput {    height: 34px; width: 125px; text-align: center; border: #CBCBCB solid 1px; color: #000000; font-family: "Montserrat", Sans-serif; font-weight: 500; font-size: 12px;}
.graybox-body { background-color: #F5F5F5; border-radius: 0px 0px 5px 5px;padding:10px 20px;margin-bottom:10px;}

.newmodal5 .modal-content { background-color: #ffffffe6; border: none; }
.datehour {padding: 35px 0px;}
.datehour h3  { text-align: center;}
.newmodal5 .modal-body {padding: 1rem 1rem;}


@media only screen and (max-width: 1400px) {
    .footernav ul li a {font-size: 13px;}
    .bg-light-custom .loginsection { margin-right: 0px;}
    .padd-95 {
        padding-left: 60px;
    }
}

@media only screen and (max-width: 1200px) {
    .width-xl-900 {min-width: 900px;}
    .banner .banner-card { max-width: 90%;}
    .navbar-expand-lg.bg-light-custom .navbar-nav .nav-link { font-size: 20px; color: #F6C324;}
    .contentblock { padding: 18% 90px;}
    .imgcolor .gradiancolor { height: auto; top: 0px;}
    .loginsection a { font-size: 20px;}
    .social-icon ul li a { width: 20px;}
    .imgcolor .texthedingblock h2 { font-size: 50px; line-height: 35px;}
    .imgcolor .texthedingblock h2 .subtext { font-size: 30px;}
    .imgcolor .texthedingblock { bottom: 30px;}
    /* .w-70{ width: 70%;} */
    .mt-n35 { margin-top: 25px;}
    .ortext { margin: 15px auto;}
    .ml-75 { margin-left: 75px;}
    .asignform { margin-top: -10px !important; display: block !important;}

}
@media only screen and (max-width: 990px) {
    .settingbg {    margin-left: 0px; padding-left: 20px; padding-right: 20px;
        margin-right: 0px;}
        .sidebar .side-header h3 {width: calc(100px - -58px);}
        .settingbg-import .bgwhitecolor { padding: 25px; margin-right: 0px; margin-left: 0px;}
    .importbtn { position: static;}
    .asignform {
        margin-top: 18px !important;
        display: block !important;
        margin-left: 68px;
    }
    .gray-section { margin-left: -15px; margin-right: -44px;}
    .banner { margin-right: -44px;}
    .cardblock { padding: 0px;}
    .banner { margin-top: -22px;}
    .banner .banner-card .banner-card-body {
        padding: 20px 15px;
    }
    .sidebarnav ul li .active::before {     right: -24px;}
    .banner .banner-card { max-width: 90%;}
    .bg-light-custom .navbar-collapse { left: 0px; right: 0px;     top: 104px; position: absolute;}
    .bg-light-custom .navbar-collapse { background-color: #2c2c2c; padding: 25px;}
    .bg-light-custom .loginsection { background-color: transparent; border-top: #7e7e7e solid 1px;}
    .bg-light-custom .loginsection { height: auto;}
    .loginsection a { font-size: 24px;}
    .loginsection a { color: #fff;}
    .bg-light-custom { z-index: 12;}

    .bg-light-custom .loginsection { display: block;}
    .contentblock {
        padding: 12% 40px;
    }
    .navbar-expand-lg.bg-light-custom .navbar-nav .nav-link { font-size: 24px; padding: 5px 0px;}
    .bg-light-custom .loginsection { margin-left: 0px; padding: 0px;}
    .maincontainer { margin-left: 291px;}
    .sidebar {    width: 290px;}
    .sidebar .side-header {padding: 35px 25px 25px 15px;}
    .sidebar .side-header ul li a { font-size: 13px;}
    .sidebarnav { padding: 35px;}

 }
 @media only screen and (max-width: 880px) {
.widthmd-755px { min-width: 575px;}
 }

@media only screen and (max-width: 767px) {
    .ccase.mt-3 { margin-left: 20px;}
    .sidebar .side-header h3 {
        width: calc(100vw - 262px);
    }
    .mt-75 {
        margin-top: 20px;
    }
    .custom-graycard-block {
        background-color: #F5F5F6;
        padding: 6px 0px;
        border-radius: 10px;
        margin-bottom: 15px;
    }
    #participantblock .customtab .btn-warning {width: auto; padding-left: 15px; padding-right: 15px;}
    .settingbg { padding-left: 15px; padding-right: 15px;}
    #participantblock .customtab .btn-warning { font-size: 12px !important;}
.p-m-0 { padding-left: 0px;}
.customtab-document.customtab .btn-warning { padding: 4px 20px; width: auto;}
    .gray-section {
        margin-left: -12px;
        margin-right: -12px;
        background-color: #F5F5F5;
        padding-left: 14px; padding-right: 14px; border-top: #DEDEDE solid 1px;
    }
    .graysection-color{ background-color:#F5F5F5;}
    .asignform{    position: absolute;
        right: 14px;
        top: -95px;}
    .job-placement-section { margin-right: 0px;}
    .asignform { display: inline-block !important;}
    .side-header-case-management { position: fixed !important; z-index: 88; right: 0px; left: 0px; top: 0px;}
    .mobienav { position: relative; z-index: 999;}
    .mobienav.navbar-expand-lg.bg-light-custom .navbar-nav .nav-link {color: #fff; display: inline;}
    .participant-modal-mobile { position: fixed; bottom: 0px; right: 0px; z-index: 99;}
    .mobienav.bg-light-custom { background-color: transparent; box-shadow: none;}
    .customhr-mobile { height: 0.1px;
        background: #919191;}
    .mt-72{ margin-top: 72px;}
    .notes {width: 100%; margin: auto;}
    .pos-sticky { height: auto !important;}
    .sidebar.sidebarfixed {position: static;}
    .banner .banner-card { max-width: 100%;}
    .banner { background: none; padding-top: 25px; height: auto;}
    .banner { margin-left: 0px; margin-right: 0px;}
    .custom-modal .modal-header {padding: 1rem 1rem;}
    .custom-modal .modal-body {padding: 1rem 1rem;}
    .banner { padding-top: 0px;}
    .cardblock {
        padding: 0px 0px;
    }
    .card-custom { background-color: #F5F5F6;}
    .fontext { color:#000000; font-size: 15px; font-family: "Montserrat", Sans-serif;}
    .borderblock { background-color: #D90000 !important; box-shadow: 0px 2px 5px #a6a6a6; border: 2px solid #fff;}
    .custm-close-icon {
        width: 11px;
    position: absolute;
    right: 10px;
    top: 5px;
    }
    .custm-info-icon {
        width: 44px;
        height: 44px;
        left: -15px;
        top: -14px;
        position: absolute;
        z-index: 1;
    }
    .banner-content { font-weight: 600; font-size: 11px; padding: 0px 25px; text-align: center;}
    .banner .banner-card { position: static; transform: translate(0px); height: auto;     box-shadow: 0px 1px 12px #c2c2c2;}
    .banner {
        margin-top: 0px;
    }
    .sidebar .side-header ul,.sidebar .side-header h3 { line-height: normal;}

    .userblock img {width: 100%;}
    .userblock {width: 62px; height: 62px;}
    .casemanangement-userblock { width: 45px; height: 45px;}
    .skiptext { justify-content: center; margin-left: 0px;}
    .dragtext { text-decoration: none; border: none;}
    .drag-area { border: none;}
    .sidebar {width: auto; margin-right: -12px;}
    .wellicon { top: 23px;}
    .sidebar { height: auto; position: static;}
    .maincontainer  { position: static; margin-left: 0px; padding: 0px;}
    .sidebar .side-header {background-color: #F5F5F6;}
    #msform { margin-top: 0px;}
    .sidebar .side-header { padding-top: 25px;}
    #progressbar { padding: 18px;}
    .wellicon { right: 35px;}
    .sidebarnav { display: none;}
    .navbar-expand-lg.bg-light-custom .navbar-nav .nav-link  {color: #F6C324; font-size: 24px; margin: 0px 0px;}
    .navbar-expand-lg.bg-light-custom .navbar-nav .nav-link.active { text-decoration: none;}
    .bg-light-custom .collapse:not(.show) {
        display: block;
        height: 100vh;
        position: fixed;
        margin-right: -370px;
        right: 12px; top: 0px; width: 350px;
    }
    #msform .action-button { width: calc(100% - 50px);}

    .bg-light-custom .navbar-collapse {
        background-color: #2c2c2c;
        padding-left: 35px;
        padding-right: 35px;
        transition: all 0.4s;
        margin-left: 0px;
        margin-right: 0px;
        position: fixed;
        left: auto;
        top: 0;
        width: 350px;
        right: 0;
        height: 100vh;
    }

    .close-img { position: absolute; right: 40px; display: block;}

    footer .container  {display: none;}
    .bg-light-custom .loginsection { margin-left: 0px; padding: 0px; background-color: transparent;}
    .contentblock {padding: 12% 40px;}
    .loginsection a { color: #fff;}

    .bg-light-custom .loginsection {padding-top: 15px;}
.bg-light-custom .navbar-collapse{
    background-color: #2c2c2c; padding-left: 35px; padding-right: 35px; margin-left: 0px; margin-right: 0px;

}
.bg-light-custom .loginsection { height: auto; margin-bottom: 25px;}
.bg-light-custom {background-color: #F3C729;}
.bg-light-custom .navbar-brand {
    margin: 10px auto; width: 36px;}
    .padd-95 {
        padding-left: 0px;
    }
.justify-content-centercustom { justify-content: center;}
    .navbar-light.bg-light-custom .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }
.mobilelogo { margin-left: 15px;}
table.table-custom-width.darkbg thead tr th:last-child { width: 100px; }
.side-header-case-management { background-color: #8B8B8B !important; padding: 0px !important;}
.side-header-case-management h3 { color: #fff !important;}
.side-header-case-management.side-header h3 { font-size: 21px;}
.side-header-case-management.side-header h3 span { text-transform: uppercase;}
.side-header-case-management.side-header .wellicon { position: relative; top: 0px; right: 0px;}
#userid2 {cursor: pointer;}
.mt-n-6{ margin-top: -6px;}
.customtab .btn-warning {       padding: 4px 5px;
    width: 66px;
    height: 43px}

ul.profile-list { margin: 0px; padding: 0px;}
ul.profile-list li { display: block; list-style: none; margin-bottom: 15px; background-color: #E2E2E2; border-radius: 10px; padding: 15px 10px;}
ul.profile-list li::before {display: none;}
ul.profile-list li .strong-text { font-weight: 600; font-size: 14px; color: #3E3E3E; font-family: "Montserrat", Sans-serif;}
ul.profile-list li .strong-text-orrange { font-weight: 600; font-size: 12px; color: #FF7F00; font-family: "Montserrat", Sans-serif;}
ul.profile-list li .strong-text-green { font-weight: 600; font-size: 12px; color: #46AE71; font-family: "Montserrat", Sans-serif;}
ul.profile-list li .timetext { font-weight: 500; font-size: 12px; color: #211E17; font-family: "Montserrat", Sans-serif;}
.job-placement-section {    padding: 15px 15px;}
.btn-warning.review-time-sheet-btn {font-size: 11px !important; padding-top: 9px; padding-bottom: 9px;}
.questionstepblock { justify-content: start;}
.table-time-sheet th { font-size: 13px;}
.table-time-sheet td { font-size: 14px;}
.table-bg-sub > tbody > tr > td {padding-top: 10px;}
.bg-graycolor { background-color: #F5F5F6; border-radius: 10px; padding: 15px !important;}
.bg-graycolor
.table-bg-tab > tbody > tr > td { border: none; padding-top: 10px !important;}
.table-bg-tab a { text-decoration: none;}
.bg-graycolor p {font-size: 11px; color: #211E17; margin: 0px;}

ul.worksitelistdetail {margin: 0px; padding: 0px; }
ul.worksitelistdetail li { background-color: #E5E5E5; display: block; padding: 15px; list-style: none;}
ul.worksitelistdetail li::before{ display: none;}
ul.worksitelistdetail li h3 { font-size: 14px; margin-bottom: 2px; font-weight: bold; color: #4D9DCD; font-family: "Montserrat", Sans-serif;}
ul.worksitelistdetail li p { font-size: 12px; margin-bottom: 0px; font-weight: 500; color: #3E3E3E; font-family: "Montserrat", Sans-serif;}
ul.worksitelistdetail li .contact-heading { margin-bottom: 5px; border-radius: 2px; color: #fff; font-weight: bold; background-color: #8B8B8B; padding: 2px 15px; font-size: 8px; font-family: "Montserrat", Sans-serif;}
ul.worksitelistdetail li h4 { color: #000; font-size: 12px; font-family: "Montserrat", Sans-serif; font-weight: bold; margin-bottom: 3px;}
ul.worksitelistdetail li a.link { display: table; color: #4D9DCD; font-size: 12px; word-break: break-all; font-family: "Montserrat", Sans-serif; font-weight: 500; margin-bottom: 3px;}
ul.worksitelistdetail .phoneno {color: #3E3E3E; font-size: 12px; font-family: "Montserrat", Sans-serif; font-weight: 500;}
ul.worksitelistdetail .phoneno span { color: #4D9DCD;}
.sidebar .side-header ul li a { color: #fff; font-size: 11px; display: block;}
.navbar-expand-lg.bg-light-custom .navbar-nav .nav-link.active { color: #F6C324 ;}
.settingbg { padding-top: 15px; padding-bottom: 15px;}

}

@media only screen and (max-width: 575px){
    .sidebar .side-header h3 {
        width: calc(100vw - 225px);
    }
    #participantblock .customtab .btn-warning { font-size: 11px !important; padding-left: 5px; padding-right: 5px;}
    .customtab-document.customtab .btn-warning { font-size: 12px !important;}
    .clientimg {
        width: 50px;
        height: 50px;
        border-radius: 50px;
    }
    .ml-75 {
        margin-left: 56px;
    }
    .client-details h3 { font-size: 24px;}
    .textheading { text-align: center;}
    .quest { font-size: 13px; margin: 0px 10px;}
    .asignform { margin-top: 29px !important; padding: 8px 10px; font-size: 10px;}
    .form-anchor-text { font-size: 12px !important;}

    .btn-warning {
        font-size: 14px !important;
    }

    .addtimesheet .modal-body,.addtimesheet .modal-header {    padding: 1rem 1rem;}
    .custom-singnaturetext { font-size: 20px;}
    .widthmd-755px {
        min-width: 100%;
    }
    .banner-content { padding: 0px;}
    .banner .banner-card {max-width: 100%;}
    .custm-info-icon { left: -15px;}
    .fontext { line-height: normal;}
    .card-custom {padding: 15px 6px 15px;}
.contentblock {
    padding: 20% 15px 40%;
}

.bg-light-custom .navbar-collapse {     width: 290px;}
.btn-warning { font-size: 16px !important;}
.imgcolor .texthedingblock h2 { font-size: 40px; line-height: 16px;}
.imgcolor .texthedingblock h2 .subtext { font-size: 22px;}
.contentblock h3 { font-size: 16px; font-weight: bold;}
footer { padding: 25px 15px 25px;}
.imgcolor .texthedingblock {padding: 0px 25px;}
.sidebar .side-header h3 { font-size: 28px;}
.side-header-case-management.side-header h3 {
    font-size: 20px;
}
.sidebar .side-header ul li a { font-size: 8px;}
.sidebar .side-header ul li { margin-right: 5px;}
#progressbar li strong { font-size: 10px;}
#progressbar li:before { margin-bottom: 0px;}
#progressbar {
    padding: 15px 35px;
}
#progressbar li:before {width: 22px; height: 22px; font-size: 12px;     line-height: 18px;}
.sidebar .side-header {
    padding-top: 20px;
    padding-bottom: 20px;
}
.selector-item_label img {width: 75px;}
.btn-warning-btn {font-size: 11px !important;}
#case-management-form .form-control { font-size: 14px;}
}

@media only screen and (max-width: 390px){
    .settingbg-import .bgwhitecolor { padding: 15px;}
    .customtab-document.customtab .btn-warning { font-size: 10px !important;}
    .customtab-document.customtab .btn-warning {    padding: 4px 17px;}
    .customtab .btn-warning {width: 52px;}
    ul.profile-list.documentlist li .strong-text { font-size: 12px;}
    ul.profile-list.documentlist li .timetext { font-size: 11px;}
}

@media only screen and (max-width: 350px){
    .side-header-case-management.side-header h3 { font-size: 18px;}
}
@media only screen and (max-width: 767px) {
    .sidebar .side-header ul li a {
        color: #fff;
        font-size: 12px;
        display: block;
    }
}