:root {
    --yellow: #e4b507;
    --light-yellow-10: rgb(228 181 7 / 10%);
    --navbarColor: #545454;
    --white: #fff;
    --seaGreen: #53a4a8;
    --footer: #d1dad6;
    --dashboardbg: #e8e8e8;
    --black: #000;
    --light-seagreen: #9ad4d8;
    --lightgray: #d9d9d9;
    --light-seagreen-10: #e8f0f0;
    --lightergray: #f9f9f9;
    --admin-bg: #e5f0f6;
    --link: #6ca9ff;
    --sidebar-menu-list: #064b4e;
    --red: #dc3545;
    --lightred-10: rgb(220 53 69 / 10%);
    --sky-blue: #1da1f2;
    --label-gray: #575757;
    --success: #4bb543;
    --info: #0d6efd;
}

body {
    font-family: Nunito-SemiBold;
}

ul {
    list-style-type: none;
    padding: 0;
}

.audiowide {
    font-family: Audiowide-Regular;
    font-weight: 600;
    color: #ffc107;
    font-size: 22px;
}
.audiowideSubtitle {
 
    font-weight: 300 !important;
    color: #ffc107;
    font-size: 18px;
}

.audiowide-sign {
    font-family: Audiowide-Regular;
    font-weight: 600;
}

.nunito-sign {
    font-family: Nunito-Regular;
}

.rocksalt-sign {
    font-family: "Rock Salt", cursive;
    font-weight: 400;
    font-style: normal;
}

.alex-sign {
    font-family: "Alex Brush", cursive;
    font-weight: 400;
    font-style: normal;
}

.textarea {
    width: 100%;
    border: 1px solid var(--lightgray);
    padding: 2px 8px;
    font-size: 14px;
    border-radius: 4px;
    resize: none;
    min-height: 100px !important;
}

.textarea:focus {
    outline: none;
}

.textarea::placeholder {
    font-size: 14px;
}

select {
    appearance: none;
    background-image: url("../images/drop.svg");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 12px;
    cursor: pointer;
}

.textarea::placeholder {
    font-style: italic;
}

.w-20 {
    width: 20%;
}

.w-30 {
    width: 30%;
}

.w-60 {
    width: 60%;
}

.w-80 {
    width: 80%;
}

.w-100 {
    width: 100%;
}

.headingDealer {
    color: #000;
    font-family: Nunito-SemiBold;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 37px;
    letter-spacing: -0.6px;
    margin-bottom: 20px;
}

.paraText {
    font-family: Nunito-Regular;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

.btnDealer {
    width: 193.585px;
    height: 51px;
    border-radius: 10px;
    background: #57a2a7;
    border: none;
    color: #fff;
    font-family: Nunito-SemiBold;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
}

.inputLabel {
    color: #000;
    font-family: Nunito-SemiBold;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 0px;
}

.mainSection {
    margin: 0 120px;
    margin-bottom: 60px;
}

.primary-btn,
.btnSubmit {
    color: #fff;
    background-color: var(--seaGreen);
    border-color: var(--seaGreen);
    font-size: 16px;
    padding: 8px 25px;
    border-radius: 4px;
}

.primary-btn:hover,
.btnSubmit:hover {
    background-color: var(--yellow);
}

.primary-btn:disabled {
    opacity: 0.5;
    pointer-events: none;
    cursor: not-allowed;
}

.yellow-btn {
    background-color: var(--yellow);
    color: var(--sidebar-menu-list);
}

.yellow-btn:hover {
    background-color: #9ad4d8;
    color: var(--black);
}

.red-btn {
    background-color: #f7d4d7;
    color: var(--red);
}

.primary-btn.red-btn:hover {
    background-color: var(--red);
    color: var(--white);
}

.primary-outline-btn {
    color: var(--seaGreen);
    background-color: transparent;
    border: 1px solid var(--seaGreen);
    font-size: 16px;
    padding: 8px 25px;
    border-radius: 4px;
}

.primary-outline-btn:hover {
    background-color: var(--seaGreen);
    color: var(--white);
    height: 42px;
}

.link-btn {
    background: transparent;
    color: var(--seaGreen);
    padding: 0px;
}

.link-btn:hover {
    background-color: transparent;
}

.secondary-btn,
.btnReject {
    color: var(--black);
    background-color: var(--lightgray);
    border-color: var(--lightgray);
    font-size: 16px;
    padding: 8px 25px;
    border-radius: 4px;
    cursor: pointer;
}

.secondary-btn:hover,
.btnReject:hover {
    background-color: var(--black);
    color: var(--white);
}

.animate-btn {
    background: linear-gradient(to right, var(--seaGreen) 50%, white 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all 0.5s ease-out;
    color: var(--seaGreen);
    border: 1px solid var(--seaGreen);
}

.animate-btn:hover {
    background-position: left bottom;
    color: var(--white);
}

.floating-label-input {
    position: relative;
}

.input-box {
    width: 100%;
    border: 1px solid var(--lightgray);
    height: 40px;
    padding: 2px 14px;
    font-size: 14px;
    border-radius: 4px;
}

.input-box::placeholder {
    opacity: 0;
}

.floating-label-input > label {
    position: absolute;
    top: 50%;
    left: 12px;
    color: #999999;
    background: var(--white);
    transform: translateY(-50%);
    cursor: text;
    transition: all 0.1s ease-out;
    font-size: 16px;
    font-weight: 400;
    pointer-events: none;
    width: 90%;
}

.input-box:focus {
    outline: 1px solid var(--seaGreen);
    border: none;
    box-shadow: none;
}

.input-box:focus + label,
.input-box:not(:placeholder-shown) + label {
    padding: 0px 4px;
    top: 0px;
    left: 0.8em;
    font-size: 12px;
    font-weight: 500;
    width: auto;
    line-height: 16px;
}

.input-box:focus + label {
    color: var(--seaGreen);
    width: auto;
}

.input-box:disabled + label {
    background-color: var(--white);
}

.table-prmry tr th,
.table-prmry tr td {
    text-align: center;
    border: 1px solid rgba(198, 196, 196, 1);
}

.table-prmry tr th {
    background-color: var(--lightgray);
    font-weight: 600;
    font-size: 16px;
    border-bottom: none;
}

.table-prmry tr td {
    font-size: 16px;
    vertical-align: middle;
}

.floating-label-input .error-message,
.floating-label-input .error-message-popup {
    position: absolute;
    bottom: -25px;
    margin-bottom: 0px;
    color: var(--red);
}

input[type="text"],
input[type="tel"],
input[type="date"],
input[type="password"],
input[type="email"],
.floating-label-input select {
    margin-top: 10px;
}

* {
    padding: 0px;
    margin: 0px;
}

@import url("https://fonts.googleapis.com/css2?family=Irish+Grover&display=swap");

@font-face {
    font-family: Nunito-Light;
    src: url(../font-family/nunito/Nunito-Light.ttf);
}

@font-face {
    font-family: Nunito-Regular;
    src: url(../font-family/nunito/Nunito-Regular.ttf);
}

@font-face {
    font-family: Nunito-Medium;
    src: url(../font-family/nunito/Nunito-Medium.ttf);
}

@font-face {
    font-family: Nunito-SemiBold;
    src: url(../font-family/nunito/Nunito-SemiBold.ttf);
}

@font-face {
    font-family: Audiowide-Regular;
    src: url(../font-family/Audiowide/Audiowide-Regular.ttf);
}

.font-size_p {
    font-size: 14px;
}

* {
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}

body {
    overflow-x: hidden;
    background-color: #ffffff;
    font-family: Nunito-Regular;
}

/* start navbar */
#navbarLanding {
    height: 80px;
    padding-left: 120px;
    padding-right: 120px;
    z-index: 2;
    position: fixed;
    top: 0px;
    background-color: rgb(0 0 0 / 40%);
}

#navbarLanding .navbar-nav .nav-link {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: -0.36px;
    color: var(--white);
}

#navbarLanding .navbar-nav .nav-link:hover {
    color: var(--white);
}

#navbarLanding .navbar-nav .nav-link:focus {
    color: var(--white);
}

#navbarLanding .navbar-nav .nav-link.active {
    color: var(--yellow);
}

#navbarLanding .navbar-nav .nav-item .dropdown-menu li a:active {
    background-color: transparent;
}

#navbarLanding .navbar-nav {
    gap: 30px;
}

#navbarLanding .navbar-nav .nav-item .fa-angle-down {
    margin-left: 5px;
    transition: 0.4s;
}

#navbarLanding .navbar-nav .nav-item .nav-link.show .fa-angle-down {
    transform: rotate(180deg);
    transition: 0.4s;
}

#navbarLanding .dropdown-menu {
    left: -8px;
}

#navbarLanding.white-header {
    background-color: var(--seaGreen);
    box-shadow: 0px 5px 10px rgb(0 0 0 / 7%);
}

#navbarLanding.white-header .navbar-nav .nav-item .nav-link {
    color: var(--white);
}

.white-header .navbar-nav .nav-item .nav-link.active {
    color: var(--yellow) !important;
}

.renter-item {
    color: var(--navbarColor) !important;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: -0.36px;
}

i.fa-solid.fa-angle-down {
    position: relative;
    top: 2px;
    left: 2px;
}

/* end navbar */

/* start banner image section */
.bannerImage {
    background-image: linear-gradient(92deg, rgba(0, 0, 0, 0.55) 0.87%, rgba(1, 1, 1, 0.53) 102.43%),
        url(../images/banner-image.png);
    width: 100%;
    /* height: calc(100vh - 100px); */
    height: 700px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
	display: grid;
    align-items: center;
}

.bannerImage .banner-animated-logo {
    max-width: 750px;
    width: 100%;
}

.bannerImage video {
    width: 30%;
}

 .banner-container {
/*    max-width: 90%;
    margin: 0 auto;
    position: relative;
    top: 18%;*/
padding:0px 120px;
} 

.banner-item {
    /* position: absolute;
    top: 30%;
    right: 5%; */
    width: fit-content;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.banner-content {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}

.banner-content .accessImg {
    width: 100%;
    max-width: 300px;
}
    .banner-content .accessImgsec {
        width: 100%;
        max-width: 400px;
        padding-top: 20px;
    }
    .banner-content .pad {
        padding: 30px;
    }

.banner-content .pad-right {
    padding-right: 15px;
}

.banner-content .banner-img {
    display: flex;
    flex-direction: column;
}

.heading-img {
    width: 100%;
    max-width: 550px;
    display: flex;
    margin: 0 auto;
    position: absolute;
    top: -12rem;
    left: 50%;
    transform: translate(-50%, 0);
    padding: 0;
}

.banner-item h2 {
    color: var(--yellow);
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: 50px;
}

.banner-item p {
    color: var(--white);
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px;
    margin-top: 20px;
}
.banner-patch {
    position: relative;
}

/* Card Section starts  */
.cardMainSection {
    position: relative;
    top: -120px;
    z-index: 1;
    margin-bottom: 0px;
    max-width: 90%;
    margin: 0 auto;
}

.cardMainSection .top-banner-cards .card {
    min-height: 450px;
}

.cardMainSection .col-lg-4 {
    display: flex;
    align-items: stretch;
    margin-bottom: 16px;
    justify-content: center;
}

.card.cardSection1 {
    position: relative;
    bottom: 8%;
    border-radius: 10px;
    transition: transform 0.5s;
    max-width: 530px;
    margin-top: 80px;
}

.card.cardSection1:hover {
    box-shadow: 0px 12px 30px 0px rgba(0, 0, 0, 0.2);
    transform: scale(1.1);
}

.card.cardSection2 {
    position: relative;
    bottom: 25%;
    border-radius: 10px;
    transition: transform 0.5s;
    max-width: 530px;
}

.card-two::before {
    position: absolute;
    top: -168px;
    left: -204px;
}

.card-two::after {
    content: url(../images/img4.png);
    position: absolute;
    top: -224px;
    right: -146px;
}

.card.cardSection2:hover {
    box-shadow: 0px 12px 30px 0px rgba(0, 0, 0, 0.2);
    transform: scale(1.1);
}

.card.cardSection3 {
    position: relative;
    bottom: 8%;
    border-radius: 10px;
    transition: transform 0.5s;
    max-width: 530px;
    margin-top: 80px;
}

.card.cardSection3:hover {
    box-shadow: 0px 12px 30px 0px rgba(0, 0, 0, 0.2);
    transform: scale(1.1);
}

.card-body.cardBodyInner {
    text-align: center;
    padding: 35px;
}

.cardBodyImg1 img {
    width: 165px;
}

.cardBodyImg2 img {
    width: 230px;
}

.cardBodyImg3 img {
    width: 125px;
}

.card-title.headingDealer {
    margin-top: 15px;
}

.cardBtn .btn {
    color: #fff;
    background-color: #57a2a7;
    border-color: #57a2a7;
    font-size: 22px;
    padding: 10px 25px;
    border-radius: 10px;
}

.cardBtn .btn:hover {
    background-color: var(--yellow);
    color: var(--white);
    border-color: var(--yellow);
    transition: 0.2s;
}

/* card section ends  */

/* Video section starts  */
.videoSection video {
    height: 100%;
    width: 100%;
    object-fit: cover;
    cursor: pointer;
}

/* video section ends  */

/* dealer/ agent section starts */
.dealerAgent {
    color: var(--white);
    background-color: var(--seaGreen);
    border-color: var(--seaGreen);
    font-size: 22px;
    padding: 10px 25px;
    border-radius: 10px;
    margin-left: 14px;
}

.nav.flexNavPill {
    justify-content: space-around;
}

.nav-pills .nav-link.navActiveLink.active,
.nav-pills .show > .nav-link {
    background-color: transparent;
}

.nav-pills .nav-link.navActiveLink {
    display: flex;
    align-items: center;
}

.form-check-label.cardBtn:hover {
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.15);
}

.tabMainBox {
    margin-top: 50px;
    border: 1px solid #d7d7d7;
    padding: 40px;
    border-radius: 6px;
}

.dealerHeadMain {
    color: #000;
    font-size: 35px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 10px;
    line-height: 1.6;
    font-family: Nunito-Regular;
}

.dealerHeadMain span {
    color: #53a4a8;
}

.dealerHeadInner {
    color: var(--seaGreen);
    font-size: 35px;
}

input[type="radio"] {
    appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    outline: none;
    border: 1px solid var(--yellow);
    margin-bottom: 0px;
    cursor: pointer;
}

input[type="radio"]:before {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    margin: 2px auto;
    border-radius: 50%;
    background-color: var(--white);
}

input[type="radio"]:checked:before {
    background: #e4b507;
}

input[type="radio"]:checked {
    border-color: #e4b507;
}

/* dealer / agent page ends  */

/* form inquiry section starts*/
.formSection {
    padding-left: 120px;
    margin-top: 75px;
    padding-right: 120px;
}

.radioButtonAgent {
    padding-left: 120px;
    padding-right: 120px;
    gap: 600px;
    margin-top: 70px;
}

.dealerAgent span {
    padding: 10px 30px;
    border: none;
    border-radius: 10px;
    background: var(--Sea-Green, #57a2a7);
    color: #fff;
    font-family: Nunito-SemiBold;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
}

.dealerAgent input {
    height: 25;
    width: 25;
}

.form-item {
    border: 1px solid black;
    border-radius: 10px;
    padding: 50px 45px;
}

.rv-group {
    color: var(--seaGreen);
    font-family: Nunito-SemiBold;
    font-size: 35px;
    font-style: normal;
    font-weight: 600;
    line-height: 50px;
}

.inquiry {
    color: #000;
    font-family: Nunito-SemiBold;
    font-size: 35px;
    font-style: italic;
    font-weight: 600;
    line-height: 50px;
}

.contactInfo {
    color: var(--seaGreen);
    font-family: Nunito-Medium;
    font-size: 35px;
    font-style: normal;
    font-weight: 500;
    line-height: 61px;
    margin-top: 25px;
    margin-bottom: 25px;
}

.inputField input.form-control {
    height: 40px;
    border: 1px solid #d9d9d9;
}

.form-select {
    height: 40px;
}

.inputField input.form-control.add-border-green {
    border: 1px solid var(--seaGreen);
}

.inputField input.form-control.add-border-red {
    border: 1px solid var(--red);
}

::placeholder {
    color: #979797;
    font-family: Nunito-Regular;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

.formItem {
    margin-top: 16px;
}

.inqAbout {
    color: #000;
    font-size: 35px;
    font-style: normal;
    font-weight: 500;
    line-height: 61px;
    margin-top: 30px;
    margin-bottom: 25px;
    font-family: Nunito-Regular;
}

.renterGroup {
    display: flex;
    justify-content: center;
    gap: 150px;
}

.renterGroup h3 {
    font-family: Nunito-Regular;
}

input[type="checkbox"] {
    width: 18px;
    height: 18px;
    border: none;
}

.rvGroup {
    gap: 15px;
}

.rvGroup input {
    margin-top: 5px;
    vertical-align: middle;
}

.hostingPlatForm {
    gap: 15px;
}

.hostingPlatForm input {
    margin-top: 5px;
    vertical-align: middle;
}

.inquiryQuestion h3 {
    color: #000;
    font-family: Nunito-SemiBold;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    margin-top: 25px;
    margin-bottom: 25px;
}

.bussinessRental h3 {
    font-family: Nunito-Semibold;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

.businessActivley h3 {
    font-family: Nunito-Medium;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 25px;
}

.yesNoButton {
    gap: 350px;
    justify-content: center;
    margin-bottom: 25px;
}

.btnYesNo {
    padding: 3px 20px;
    border: none;
    border-radius: 10px;
    background: var(--Sea-Green, #57a2a7);
    color: #fff;
    font-family: Nunito-SemiBold;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
}

input[type="radio"]:checked + label:before {
    background-color: #93e026;
}

.yesNoButton input {
    width: 20px;
    height: 20px;
    margin-top: 6px;
}

.radioPeerOnsite {
    display: flex;
    align-items: center;
}

.radioPeerOnsite input {
    width: 20px;
    height: 20px;
    border-radius: 50%;
}

.radioPeerOnsite p {
    font-family: Nunito-Regular;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 22px;
    color: var(--black);
    margin-top: 0px;
    margin-bottom: 0;
}

/* agent form  */

.agentHead {
    color: #57a2a7;
    font-size: 25px;
    font-weight: bolder;
    text-align: center;
    margin-bottom: 32px;
    font-family: Nunito-Regular;
}

.agentHeadInner,
.dealerHeadInner {
    color: var(--seaGreen);
    font-size: 30px;
    margin-top: 25px;
    font-family: Nunito-Medium;
    text-transform: uppercase;
}

/* form inquiry section ends*/

table {
    width: 650px;
    table-layout: fixed;
}

table th,
td {
    border: 1px solid #9b9b9b;
    padding: 10px;
}

.table-head-yello {
    color: var(--yellow);
}

.table-head-seagreen {
    color: var(--seaGreen);
}

.modal_width {
    width: 70% !important;
}

.modal-footer button {
    border: none;
    outline: none;
    border-radius: 4px;
    padding: 8px 25px;
}

/* Footer Area Start */
.footer {
    padding: 0 120px;
    height: 200px;
    background-color: var(--footer);
    bottom: 0px;
    width: 100%;
}

.footer-sec {
    height: 200px;
}

/* Footer Area end */

.cart {
    display: none;
}

.dashboardnavbar {
    background-color: var(--seaGreen);
    padding: 10px 15px;
    position: fixed;
    width: calc(100vw - 250px);
    z-index: 999;
    top: 0px;
}

a {
    text-decoration: unset;
    color: var(--dark);
}

ul,
ol,
p {
    margin-bottom: unset;
}

button {
    border: unset;
    background-color: unset;
}

button:is(:hover, :focus) {
    outline: unset;
    border: unset;
}

.content_layout {
    width: calc(100% - var(--w-aside));
    margin-left: var(--w-aside);
    transition: var(--ease-in-out-4);
}

.content_layout .main__wrap {
    padding: var(--space-s);
}

.content_layout header {
    padding: var(--space-s);
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1;
    background: var(--c-white);
}

:root {
    --w-aside: 250px;
    --w-nav-icon: 30px;
    --h-logo-wrap: clamp(3.13rem, calc(1.39rem + 8.7vw), 5.75rem);
    --p-navlink-block: 10px;
    --p-navlink-inline: 10px;
    --g-navlink-icon: 8px;
}

.aside_collapse {
    --w-aside: clamp(3.13rem, calc(2.47rem + 3.26vw), 5rem);
}

.aside_collapse .aside .text {
    display: none;
    transition: var(--ease-in-out-4);
    opacity: 0;
    width: 0px;
}

.aside_collapse .aside .nav_link:not(.active)::after {
    opacity: 0;
}

.brand_logo {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    padding: 14px 2px;
    margin-bottom: 30px;
}

.brand_logo img {
    max-width: 280px;
    width: 100%;
}

.aside__wrap {
    position: fixed;
    top: 0px;
    bottom: 0px;
    width: min(var(--w-aside), 100%);
    display: flex;
    transition: var(--ease-in-out-4);
    background-color: var(--white);
    color: var(--white);
    z-index: 1024;
    text-decoration: none;
    padding: 0 10px;
    box-shadow: 5px 0px 10px rgba(0, 0, 0, 7%);
}

.aside__wrap.aside_translate {
    transform: translateX(0px);
}

.aside__wrap .aside {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    overflow-y: hidden;
}

.aside__wrap .aside .sidenav_wrap {
    display: flex;
    flex-direction: column;
    gap: 5px;
    flex-grow: 1;
    max-height: calc(100vh - 160px);
    overflow-y:auto
}

.aside__wrap .nav_item .nav_link {
    display: flex;
    align-items: center;
    gap: var(--g-navlink-icon);
    padding: var(--p-navlink-block) var(--p-navlink-inline);
    position: relative;
    white-space: nowrap;
    font-size: 17px;
    font-weight: 500;
    opacity: 0.9;
    text-decoration: none;
    color: var(--seaGreen);
    font-family: Nunito-Medium;
    font-weight: 400;
    padding: 12px;
    border: 2px solid var(--white);
}

.aside__wrap .nav_item .nav_link:hover {
    color: unset !important;
}

.aside__wrap .nav_item .nav_link.active {
    border: 2px solid var(--yellow);
    border-radius: 4px;
    color: var(--black);
}

.aside__wrap .nav_item .nav_link span {
    font-family: "Nunito-Regular";
    font-weight: 400;
    font-size: 18px;
    color: var(--sidebar-menu-list);
}

.aside__wrap .nav_item .nav_link .tab-count {
    background: var(--black);
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 600;
    color: var(--white);
    display: inline-block;
}

.aside__wrap .nav_item .nav_link.active .tab-count {
    background: var(--seaGreen);
    color: var(--white);
}

.aside__wrap .nav_item .nav_link .icon_box svg {
    width: 100%;
    height: auto;
    max-width: 24px;
}

.aside__wrap .nav_item .nav_link .icon_box {
    width: var(--w-nav-icon);
    display: grid;
    place-content: center;
    aspect-ratio: 1/1;
    flex-shrink: 0;
}

.aside__wrap .nav_item .nav_link .icon_box i {
    line-height: inherit;
}

.dropdown-menu[data-bs-popper] {
    top: 100%;
    left: 0px;
    margin-top: 0.125rem;
}

.sidenav_wrap .nav_link img {
    width: 100%;
    height: auto;
}

.table-mail-wrapper {
    padding: 20px;
    border: 1px solid #cfcfcf;
    border-radius: 6px;
}

table#example,
table#pendingQuotesTable,
table#activeQuotesTable,
table#cancelQuotesTable {
    padding-top: 0px;
    overflow-x: auto;
}

.list-unstyled li i {
    position: absolute;
    top: 17px;
    right: 12px;
    font-size: 18px;
    color: #595959;
    transition: all 0.4s ease;
}

.list-unstyled li.open i.fa-chevron-down {
    transform: rotate(180deg);
}

.submenu {
    display: none;
}

.data_table table td {
    border: none;
    border-bottom: 1px solid rgba(128, 128, 128, 0.514);
    text-align: center; /* Center-aligns the text */
    vertical-align: middle; /* Vertically centers the text */
}

.data_table table thead th {
    border: none;
    vertical-align: middle;
    text-align: center;
}

.data_table table th {
    background-color: #cecece;
    vertical-align: middle;
    text-align: center;
}

.search-btn button {
    background-color: var(--seaGreen);
    color: var(--white);
    border: none;
    outline: none;
    border-radius: 6px;
    padding: 10px;
    min-width: 100px;
}

.data_table.text-center {
    overflow-x: auto;
}

.Search {
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* LOGIN PAGE */

.gapping_area {
    padding: 0 0 0 120px;
}

.second-sec {
    background-color: var(--seaGreen);
}

.loginfull {
    height: 100vh;
    padding: 0 120px;
}

.lineheight {
    line-height: 26px;
    color: #718096;
}

.group {
    padding: 0 150px;
}

.Rvrenter {
    color: var(--seaGreen);
}

.about-rvrenter {
    border-radius: 10px;
}

.Forgot {
    color: var(--seaGreen);
    text-decoration: underline;
    text-underline-offset: 3px;
    font-weight: bold;
}

.learn-more button {
    background-color: var(--seaGreen);
    color: var(--white);
    padding: 10px;
    border: none;
    outline: none;
    border-radius: 8px;
    min-width: 150px;
}

.input-radius {
    border-radius: 10px;
    background-color: #e7ebee33;
}

.Sign-btn button {
    background-color: var(--seaGreen);
    color: var(--white);
    padding: 10px;
    width: 100%;
    border-radius: 8px;
    font-size: 20px;
    font-weight: bold;
}

.notsignup button {
    background-color: var(--seaGreen);
    color: var(--white);
    padding: 10px;
    border-radius: 8px;
    font-size: 20px;
    font-weight: bold;
}

.follow {
    position: relative;
    top: 10px;
    left: -50px;
}

.wrapper {
    height: 220px;
}

.follow-more {
    font-family: "Irish Grover";
    position: relative;
    top: -95px;
    left: 50px;
    font-weight: bold;
    font-size: 20px;
}

.username {
    color: #718096;
}

.field-icon {
    float: right;
    margin-right: 12px;
    margin-top: -31px;
    position: relative;
    z-index: 2;
}

.field-icon::after {
    content: "";
    position: absolute;
    top: -7px;
    left: -15px;
    right: -15px;
    bottom: -7px;
    border-left: 1px solid #9b9b9b;
    cursor: pointer;
}

.carousel-indicators [data-bs-target] {
    cursor: pointer;
    background-color: #000;
}

button.text-white.p-2 {
    width: 100%;
}

a.Forgot:hover {
    color: var(--seaGreen);
}

.tablegreen {
    color: var(--seaGreen);
}

.tablered {
    color: #e80000;
}

/* Dealer Profile Page */

.main-wrapper-dealer {
    padding: 0 120px;
}

.RVRPG-Admin {
    background-color: transparent;
    font-size: 20px;
    line-height: 50px;
    font-weight: 600;
}

.RVRPG-Admin h5 {
    color: var(--seaGreen);
    font-weight: 600;
}

.main-heading h3 {
    font-size: 30px;
    color: #57a2a7;
    font-weight: 900;
}

.dealer-table tbody tr td {
    border: none;
}

.dealer-table tbody tr td input {
    width: 100%;
    border: 1px solid #d9d9d9;
    height: 32px;
    padding: 2px 8px;
    font-size: 16px;
    border-radius: 4px;
}

.dealer-form-box {
    padding: 16px 30px;
    background-color: #f9f9f9;
    border-radius: 8px;
    border: 1px solid var(--seaGreen);
    border-top-width: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.dealer-profile-view .dealer-form-box {
    border: 1px solid var(--seaGreen);
    border-top-width: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.form-radios {
    display: flex;
    flex-direction: row;
    gap: 16px;
    margin-bottom: 10px;
    align-items: center;
}

.form-radios label {
    font-size: 16px;
    font-family: Nunito-Regular;
    font-weight: 400;
}

.dealer-form label {
    font-size: 16px;
    margin-bottom: 5px;
}

.dealer-form input[type="text"] {
    width: 100%;
    border: 1px solid #d9d9d9;
    height: 40px;
    padding: 2px 8px;
    font-size: 14px;
    border-radius: 4px;
    margin-bottom: 10px;
}

.dealer-form input::placeholder {
    font-size: 14px;
}

.form-check .chkbox {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    vertical-align: middle;
}

.form-check .chkbox-label {
    margin-bottom: 0px;
}

.form-input {
    outline: none;
    width: 60%;
}

.form-input {
    outline: none;
    width: 60%;
}

.form-input-1 {
    outline: none;
}

.form-check-input:checked {
    background-color: #e4b507;
    border-color: #e4b507;
}

.dataTable thead tr th {
    color: #fff;
    background: #53a4a8;
}

.rater-card .dataTables_paginate .paginate_button.current,
.rater-card .dataTables_paginate .paginate_button.current:hover,
.rater-card .dataTables_paginate .paginate_button:hover {
    background: #e2b625;
    border-color: #e2b625;
    color: #fff !important;
}

.addrooftop {
    background-color: var(--white);
    padding: 10px;
    border-radius: 6px;
    cursor: pointer;
}

.rooftop-outer {
    padding: 40px 50px;
    background: url(../images/rooftop.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    position: relative;
    max-width: 500px;
    margin: 0 auto;
}

.rooftop-outer .map-icon {
    margin: 40px 0 0px;
    visibility: hidden;
    height: 40px;
}

.rooftop-btm {
    margin-top: 60px;
}

.rooftop-outer .rooftop-head {
    position: relative;
}

.rooftop-outer .rooftop-head h3 {
    font-size: 28px;
    font-weight: 600;
    color: var(--yellow);
    padding: 2px 0px;
    text-align: center;
    width: 80%;
    margin: auto;
    margin-bottom: 0px;
    z-index: 1;
    position: relative;
    margin-top: 15px;
}

.rooftop-box .rooftop-name {
    font-size: 22px;
    color: #020202;
    text-align: center;
    padding: 8px 8px;
    background-color: var(--yellow);
    margin-bottom: 0px;
}

.rooftop-box .rooftop-address {
    padding: 20px 0px;
}

.rooftop-box .rooftop-address p {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px;
    color: var(--seaGreen);
}

.rooftop-box .rooftop-address-O {
    width: 70%;
    margin: 20px auto 0px;
    background: #fff;
    text-align: center;
    border-radius: 10px;
    overflow: hidden;
}

.dealer-form input[type="radio"] {
    padding: 0px;
}

.dealer-enquiry-table .dataTables_filter {
    display: none;
}

.view-icon,
.view-icon-status {
    cursor: pointer;
}

.dealer-enquiry-table .view-icon:hover path {
    fill: var(--seaGreen);
}

.inquiry-progress ul {
    list-style: none;
    padding: 0px;
    display: flex;
    align-items: center;
    gap: 3px;
    flex-wrap: wrap;
}

.inquiry-progress ul li {
    border-radius: 4px;
    background-color: #9ad4d8;
    color: var(--black);
    width: auto;
    height: 45px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    flex-direction: row;
}

.inquiry-progress ul li label {
    padding: 0px 16px;
    height: 100%;
    line-height: 45px;
    border-radius: 2px;
}

.inquiry-progress ul li label.completed {
    background-color: var(--seaGreen);
    color: var(--yellow);
    font-weight: 600;
}

.inquiry-progress ul li .form-switch .form-check-input {
    width: 50px;
    height: 25px;
    margin-right: 5px;
    cursor: pointer;
}

.toggle label {
    display: block;
    cursor: pointer;
    width: 100%;
    height: 100%;
    padding: 0px 16px;
    line-height: 45px;
}

.toggle input[type="checkbox"]:checked + label {
    background-color: var(--seaGreen);
    color: var(--yellow);
}

.ques-box {
    margin-bottom: 30px;
}

.ques-box .q-lbl {
    font-size: 16px;
    font-weight: 600;
    position: relative;
    padding-left: 10px;
}

.ques-box .q-lbl::before {
    content: "";
    width: 6px;
    height: 6px;
    position: absolute;
    top: 8px;
    left: -5px;
    background-color: var(--black);
    border-radius: 50px;
}

.ques-box .ans-area {
    padding: 12px;
    border-radius: 6px;
    border: 1px solid var(--lightgray);
}

.ques-box .ans-area p {
    font-size: 16px;
    color: var(--lightgray);
    margin-bottom: 10px;
    font-weight: 600;
}

.ques-box .ans-area textarea {
    height: 80px;
    border: none;
    background-color: #f7f7f7;
}

.invite-table thead th {
    background-color: var(--lightgray);
    text-align: center;
    font-weight: 600;
    border-bottom: none;
}

/*.invite-table tbody td {
    text-align: center;
}*/

.profile-staff-table thead tr th {
    border-width: 0px;
    display: none;
}

.profile-staff-table tbody tr td {
    border-width: 0px;
}

.profile-staff-table tbody tr {
    border-bottom: 1px solid var(--lightgray);
}

.form-section .tab-content {
    position: relative !important;
}

.form-section .animate-outer {
    height: inherit !important;
}

.form-section .tab-content.animate {
    margin-bottom: 100px;
}

.refertype-box {
    margin-top: 10px;
}

.refertype-box .radioPeerOnsite {
    margin-bottom: 10px;
}

.select-list {
    height: 42px;
}

.select-list .title {
    display: inline-block;
    cursor: pointer;
    background: var(--white);
    border: none;
    border-radius: 5px;
    padding: 8px 20px 10px 20px;
    width: 100%;
    position: relative;
    height: 40px;
    white-space: nowrap;
    overflow: hidden;
}

.select-list .title::after {
    display: inline-block;
    content: ">";
    margin-left: 15px;
    font-size: 12px;
    transform: rotate(90deg) scale(1, 2);
    transition: all 0.5s;
    font-weight: 500;
    position: absolute;
    right: 20px;
    top: 10px;
}

.select-list .show-icon::after {
    transform: rotate(270deg) scale(1, 2);
    transition: all 0.5s;
    font-weight: 500;
}

.select-list .select-options {
    margin-top: 5px;
    display: none;
    position: absolute;
    z-index: 500;
    border: 1px solid var(--lightgray);
    background: var(--white);
    width: 502px;
    max-height: 300px;
    overflow: auto;
}

.select-list .select-options .option label {
    display: inline-block;
    padding: 10px 30px 10px 10px;
}

.select-list .select-options .option:hover {
    background: var(--lightergray);
}

.select-list .select-options .option input {
    margin: 0px 0 0px 15px;
}

.select-list .select-options .option {
    display: flex;
    align-items: center;
}

.docs-box {
    padding: 20px 30px;
    border: 1px solid var(--lightgray);
    border-radius: 4px;
}

.docs-box ul {
    list-style: none;
    padding: 0px;
    display: flex;
    align-items: center;
    gap: 60px;
}

.docs-box ul li {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
}

.docs-box ul li span img {
    cursor: pointer;
}

.usertype.active span,
.usertype span:hover {
    background-color: var(--yellow);
}

.rateplan {
    font-family: Audiowide-Regular;
    font-size: 22px;
    font-weight: 700;
}

.rate-card-table h5 {
    font-family: Nunito-Semibold;
    margin-bottom: 0px;
}

.rate-card-table table tr td {
    padding: 0px 0px;
    text-align: center;
    border-width: 0px;
}

.rate-card-table table tr td input {
    border-radius: 0px;
    text-align: center;
    height: 60px;
    margin-top: 10px;
}

.rate-card-table table tr td input:focus {
    box-shadow: none;
    outline: none;
    border: 1px solid var(--lightgray);
}

.rate-card-table table tr td:nth-child(2) input,
.rate-card-table table tr td:first-child input {
    border-right-width: 0px;
}

.rate-request table tr td {
    background-color: transparent;
}

.card-expiry .card-mnth {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-right: none;
}

.card-expiry .card-year {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.rooftopModal .modal-dialog {
    max-width: calc(100vw - 500px);
}

.rooftopModal .modal-dialog .modal-content {
    max-height: calc(100vh - 50px);
    overflow: auto;
}

.box-view {
    padding: 10px 30px;
    background-color: var(--seaGreen);
}

.box-view h5 {
    color: var(--white);
    margin-bottom: 0px;
}

.dealer-profile-admin .dealer-form-box {
    background-color: transparent;
}

.admin-main-wrapper .tabMainBox {
    padding: 16px;
}

.rate-card-section h5 {
    font-family: Nunito-Semibold;
    font-weight: 400;
}

.dataTables_wrapper .dataTables_length select {
    width: 60px;
}

/* admin dashboard css starts */

.mid-main-wrapper {
    padding: 15px;
    margin-top: 90px;
    margin-left: 16px;
    margin-right: 16px;
}

.bucket-section {
    width: 100%;
    background: var(--lightergray);
    padding: 30px;
    border: 1px solid var(--lightgray);
    border-radius: 10px;
    margin-bottom: 30px;
}

.bucket-section ul {
    display: flex;
}

.bucket-section ul li {
    background-image: url(../images/bucket-red-border.svg);
    background-repeat: no-repeat;
    width: 125px;
    height: 150px;
    color: var(--white);
    font-size: 24px;
    text-align: center;
    display: flex;
    align-items: center;
    padding-top: 18px;
    margin-right: 20px;
    justify-content: center;
    cursor: pointer;
    position: relative;
    font-weight: 600;
}

.bucket-section ul li.sold-bucket {
    background-image: url(../images/yellow-bucket.svg);
    color: var(--white);
}

.bucket-section ul li.gray-bucket {
    background-image: url("../images/dark-gray-bucket.svg");
    color: var(--white);
}

.bucket-section ul li.teal-bucket {
    background-image: url("../images/teal-bucket.svg");
}

.bucket-top-margin {
    margin-top: 70px;
}

.bucket-section ul li.bucket-purple {
    background: url(../images/bucket-purple.svg);
    width: 135px;
    height: 161px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.bucket-section ul li.bucket-green {
    background: url(../images/bucket-green.svg);
    width: 135px;
    height: 161px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.purple-green-bucket li::before {
    content: "";
    height: 42px;
    width: 10px;
    display: block;
    background: transparent;
    position: absolute;
    top: 99%;
    border: 1px solid var(--yellow);
    right: 28px;
    border-width: 0px 2px;
}

.purple-green-bucket .bucket-green::before {
    content: "";
    height: 42px;
    width: 10px;
    display: block;
    background: transparent;
    position: absolute;
    top: 99%;
    border: 1px solid var(--seaGreen);
    left: 28px;
    border-width: 0px 2px;
}

.bucket-section ul li.empty-yellow {
    background-image: url("../images/empty-yellow.svg");
    color: var(--seaGreen);
}

.bucket-section ul li.empty-green {
    background-image: url("../images/empty-green.svg");
    color: var(--yellow);
}

.bucket-second .no-image {
    background: none;
    height: 0px;
    cursor: selector;
}

.bucket-second .double {
    width: 275px;
    display: flex;
    flex-direction: column;
    gap: 40px;
    height: auto;
}

.bucket-second .arrow {
    position: relative;
}

.top-margin-reverse {
    margin-top: -70px;
}

.bucket-second .double img {
    z-index: 2;
}

.bucket-second .double span,
.bucket-second .horizontal span {
    background-image: url(../images/empty-green-horizontal.svg);
    padding: 10px 45px;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    z-index: 2;
    color: var(--yellow);
}

.bucket-second .double span::before {
    content: "";
    width: 10px;
    height: 49px;
    background-color: transparent;
    border: 4px solid var(--seaGreen);
    position: absolute;
    left: 47%;
    top: -45px;
    z-index: 1;
    border-width: 0px 2px;
}

.bucket-second .double .bucket-arrow {
    position: relative;
    z-index: 9;
}

.bucket-second .double .bucket-arrow::before {
    content: "";
    background-image: url(../images/arrow-outline.svg);
    position: absolute;
    background-size: 100%;
    width: 60px;
    height: 50px;
    left: -50px;
    background-repeat: no-repeat;
    top: 12px;
}

.bucket-second .double .bucket-arrow::after {
    content: "";
    background-image: url(../images/arrow-outline.svg);
    position: absolute;
    background-size: 100%;
    width: 60px;
    height: 50px;
    right: -50px;
    background-repeat: no-repeat;
    top: 12px;
}

.bucket-second .double .bucket-arrow label {
    color: var(--yellow);
    position: absolute;
    left: 42px;
    transform: rotate(42deg);
    top: 14px;
    font-size: 22px;
    font-weight: 600;
    z-index: 1;
}

.bucket-second .double .bucket-arrow label:last-child {
    right: 0px;
    transform: rotate(-45deg);
    top: 15px;
}

.bucket-second .horizontal {
    margin-top: -40px;
}

.bucket-second .horizontal span::before {
    content: "";
    width: 40px;
    height: 10px;
    background-color: transparent;
    border: 4px solid var(--seaGreen);
    position: absolute;
    left: -32px;
    top: 22px;
    border-width: 2px 0px;
}

.bucket-second .horizontal span::after {
    content: "";
    width: 10px;
    height: 23px;
    background-color: transparent;
    border: 4px solid var(--yellow);
    position: absolute;
    left: 46px;
    top: -23px;
    border-width: 0px 2px;
}

.top-margin-rectangle {
    margin-top: -50px;
}

.bucket-second .rectangle {
    background-image: url(../images/empty-rectangle.svg);
    background-repeat: no-repeat;
    width: 140px;
    padding-top: 0px;
    font-size: 18px;
    background-position: center;
    position: relative;
    margin-right: 40px;
    color: var(--yellow);
}

.bucket-second .rectangle-yellow {
    background-image: url("../images/rectangle-yellow-border.svg");
}

.bucket-second .rectangle-active {
    background-image: url("../images/rectangle-active.svg");
}

.bucket-second .rectangle-green {
    background-image: url("../images/rectangle-green-border.svg");
}

.bucket-second .rectangle-completed {
    background-image: url("../images/rectangle-completed.svg");
}

.bucket-second .rectangle.top-arrow::before {
    content: "";
    background-image: url("../images/arrow-outline-vertical.svg");
    position: absolute;
    width: 44px;
    height: 60px;
    top: -55px;
}

.bucket-second .rectangle.right-arrow::after {
    content: "";
    background-image: url(../images/arrow-outline.svg);
    position: absolute;
    width: 39px;
    height: 28px;
    right: -39px;
    background-size: 40px;
}

.bucket-third .double {
    width: 260px;
}

.bucket-second .plusbox {
    background-image: url(../images/plus-empty.svg);
    background-repeat: no-repeat;
    width: 140px;
    padding-top: 0px;
    font-size: 22px;
    background-position: center;
    position: relative;
    margin-right: 40px;
    color: var(--red);
}

.bucket-second .plusbox::before {
    content: "";
    background-image: url(../images/arrow-outline-vertical.svg);
    width: 30px;
    height: 42px;
    position: absolute;
    top: -38px;
    background-size: 30px;
}

.bucket-second .plus-top-margin {
    margin-top: 40px;
}

.bucket-second .right-double {
    width: 342px;
    text-align: center;
    padding-left: 52px;
    margin-top: -10px;
}

.bucket-second .right-double span:after,
.bucket-second .right-double span:before {
    display: none;
}

.middle-section {
    margin-bottom: 30px;
}

.reports-section.card,
.chart-section.card,
.summary-section.card {
    padding: 15px;
    border-radius: 10px;
    border: 1px solid var(--lightgray);
    box-shadow: 1px 3px 10px rgb(0 0 0 / 7%);
    min-height: 392px;
}

.reports-section.card .card-head,
.chart-section.card .card-head,
.summary-section.card .card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.reports-section.card .card-head h5,
.chart-section.card .card-head h5,
.summary-section.card .card-head h5 {
    font-size: 24px;
    font-weight: 600;
    color: var(--seaGreen);
}

.chart-section.card .card-head label {
    position: relative;
    font-size: 16px;
    color: var(--yellow);
    margin-right: 10px;
}

.chart-section.card .card-head label::before {
    content: "";
    width: 10px;
    height: 10px;
    background-color: var(--yellow);
    position: absolute;
    left: -16px;
    top: 7px;
    border-radius: 50px;
}

.reports-section.card .card-head a {
    font-family: Nunito-SemiBold;
    color: var(--link);
    text-decoration: underline;
}

.reports-section.card .card-body,
.chart-section.card .card-body,
.summary-section.card .card-body {
    padding: 0px;
}

.reports-section.card .card-body table tr th,
.reports-section.card .card-body table tr td,
.summary-section.card .card-body table tr th,
.summary-section.card .card-body table tr td {
    border-width: 0px;
}

.reports-section.card .card-body table tr th {
    background-color: var(--seaGreen);
}

.reports-section.card .card-body table tr th,
.summary-section.card .card-body table tr th {
    color: var(--white);
}

.reports-section.card .card-body table tbody tr:nth-of-type(odd),
.summary-section.card .card-body table tbody tr:nth-of-type(odd) {
    background-color: var(--light-yellow-10);
}

.summary-section.card .card-body .dataTables_length,
.summary-section.card .card-body .dataTables_filter {
    display: none;
}

#salesChart .apexcharts-toolbar {
    display: none;
}

#salesChart .apexcharts-legend {
    inset: auto 0px -5px !important;
    justify-content: end;
    gap: 30px;
}

#salesChart .apexcharts-legend .apexcharts-legend-text {
    font-size: 16px !important;
    font-family: Nunito-Regular !important;
}

/* admin dashboard css ends */

/***contract search pags css starts***/

.contract-search-table .dataTables_filter {
    display: none;
}

.dealerrvaccount {
    margin-bottom: 30px;
}

.contract-card.card {
    padding: 15px;
    border-radius: 10px;
    border: 1px solid var(--lightgray);
    box-shadow: 1px 3px 10px rgb(0 0 0 / 7%);
    min-height: 392px;
}

.contract-card.card .card-body {
    padding: 0px;
    position: relative;
}

.contract-card.card .card-search {
    display: flex;
    align-items: center;
    gap: 12px;
    position: absolute;
    right: 0px;
    z-index: 9;
}

.contract-card.card .card-body table tbody {
    display: block;
    overflow: auto;
    height: 100%;
    max-height: calc(100vh - 400px);
}

.contract-card.card .card-body table tbody::-webkit-scrollbar {
    width: 0px;
}

.contract-card.card .card-body table tbody::-webkit-scrollbar-thumb {
    background-color: var(--lightgray);
}

.contract-card.card .card-body table thead,
.contract-card.card .card-body table tbody tr {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.contract-card.card .card-body table thead {
    position: relative;
}

.contract-card.card .card-body table tr td {
    border-width: 0px;
}

.contract-card.card .card-body table tr th {
    color: var(--white);
}

.contract-card.card .card-body table tbody tr:nth-of-type(odd) {
    background-color: var(--light-yellow-10);
}

/***contract search pags css ends***/

/*****rater pager css starts*******/

.rater-vin-input input {
    width: 80%;
}

.rater-vin-input label {
    width: 70%;
}

.rate-tabs {
    margin-bottom: 30px;
}

.rate-tabs .nav-link {
    font-size: 16px;
    font-family: Nunito-Regular;
    padding: 10px 30px;
    color: var(--black);
    background-color: var(--lightergray);
    border-radius: 0px;
    position: relative;
    margin-right: 5px;
}

.rate-tabs .nav-link.active,
.rate-tabs .nav-link:hover {
    background-color: var(--seaGreen);
    color: var(--white);
    box-shadow: 3px 5px 10px rgb(83 164 168 / 40%);
}

.rate-tabs .nav-link .tab-count {
    position: absolute;
    right: 5px;
    top: -15px;
    background: var(--black);
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 600;
    color: var(--white);
}

.rate-tabs .nav-link.active .tab-count {
    background-color: var(--yellow);
}

.rater-card.card {
    padding: 15px;
    border-radius: 10px;
    border: 1px solid var(--lightgray);
    box-shadow: 1px 3px 10px rgb(0 0 0 / 7%);
    margin-bottom: 30px;
}

.rater-card.card .card-head h5 {
    font-size: 24px;
    font-weight: 600;
    color: var(--seaGreen);
    margin-bottom: 10px;
    font-family: Nunito-Regular;
}

.rater-card.card .card-head p {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 20px;
}

.rater-card.card .card-body {
    padding: 0px;
}

.rater-card .card-body .inputField {
    margin-bottom: 20px;
}

.rater-card .card-body .checkbox-field {
    display: flex;
    align-items: center;
    margin-top: 5px;
}

.rater-card .card-body .checkbox-field input {
    width: 22px;
    height: 22px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 2px;
}

.rater-card .card-body .checkbox-field label {
    font-size: 16px;
    font-family: Nunito-Regular;
    margin-top: 6px;
}

.rater-card .tier3-box {
    width: 100%;
    padding: 10px;
    border: 1px solid var(--lightgray);
    border-radius: 4px;
}

.rater-card .tier3-box label {
    font-family: Nunito-Regular;
    font-size: 16px;
    margin-bottom: 12px;
}

.rater-card .tier3-box .tier3-vehicles div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.rater-card .tier3-box .tier3-vehicles div:last-child {
    margin-bottom: 0px;
}

.rater-card .tier3-box .tier3-vehicles div span {
    font-size: 16px;
    font-family: Nunito-Regular;
}

.rater-card .card-body .tier-left {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: inherit;
    gap: 20px;
}

.rater-card .card-body .peer-box,
.rater-card .card-body .onsite-box,
.rater-card .card-body .peer-head,
.rater-card .card-body .onsite-head {
    flex: 0 0 auto;
    width: 45%;
}

.rater-card .card-body .peer-box .radio-row td,
.rater-card .card-body .onsite-box .radio-row td {
    border-width: 0px;
}

.rater-card .card-body .eye-rate {
    margin-top: -5px;
    max-width: 20px;
    cursor: pointer;
}

.rater-card .card-body .eye-rate-table thead tr th {
    border-bottom-width: 0px;
}

.rater-card .card-body .peer-box .eye-rate-table tr th {
    color: var(--yellow);
}

.rater-card .card-body .onsite-box .eye-rate-table tr th {
    color: var(--seaGreen);
}

.rater-card .card-body .divider-section {
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
    margin: 30px 0px;
    align-items: center;
}

.rater-card .card-body .select-list {
    width: 300px;
}

.rater-card .card-body .select-list .select-options {
    width: 300px;
}

.tab-pane.unsoldtab,
.tab-pane.pendingtab,
.tab-pane.activetab,
.tab-pane.cancelledtab {
    position: relative;
    padding-top: 80px;
}

.tab-pane .stat-area {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 30px;
    position: absolute;
    right: 0px;
    top: -100px;
}

.tab-pane .stat-area.bucket-section {
    width: auto;
    background-color: transparent;
    border: none;
    border-radius: 0px;
    margin-bottom: 0px;
    padding: 0px;
}

.tab-pane .stat-area.bucket-section .purple-green-bucket li::before,
.tab-pane .stat-area.bucket-section .purple-green-bucket .bucket-green::before {
    display: none;
}

.tab-pane .stat-area .stat-box {
    display: flex;
    padding: 20px;
    border-radius: 4px;
    border: 1px solid var(--lightgray);
    align-items: center;
    gap: 50px;
    box-shadow: 1px 3px 10px rgb(0 0 0 / 7%);
}

.tab-pane .stat-area .stat-box div {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: end;
}

.tab-pane .stat-area .stat-box div h6 {
    font-size: 18px;
    font-weight: 600;
    color: var(--seaGreen);
}

.tab-pane .stat-area .stat-box div span {
    font-weight: 700;
    font-size: 24px;
}

.datatable-card.card .card-body tr td,
.sidepanel-table .data_table tr td {
    border-width: 0px;
}

.datatable-card.card .card-body tr th,
.sidepanel-table .data_table tr th {
    color: var(--white);
    background-color: var(--seaGreen);
    padding: 8px 10px;
    border-right: 1px solid var(--lightergray);
    vertical-align: middle;
}

.sidepanel-table .data_table tr th:last-child,
.datatable-card.card .card-body tr th:last-child {
    border-right: none;
}

.datatable-card.card .card-body tbody tr:nth-of-type(odd),
.sidepanel-table .data_table tbody tr:nth-of-type(odd) {
    background-color: var(--light-yellow-10);
}

.datatable-card.card .card-body tbody .table-action {
    cursor: pointer;
}

.datatable-card.card .card-body tbody .table-action.eye-image {
    margin-right: 10px;
}

.datatable-card.card .card-body table tbody {
    overflow: auto;
    height: 100%;
    max-height: calc(100vh - 420px);
}

.datatable-card.card .card-body table tbody::-webkit-scrollbar,
.dataTables_scrollBody::-webkit-scrollbar {
    width: 0px;
}

.datatable-card.card .card-body table tbody::-webkit-scrollbar-thumb {
    background-color: var(--lightgray);
}

.rater-card.sign-contract-card .contract-detail-box {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    padding: 20px 30px;
    border: 1px solid var(--lightgray);
    border-radius: 4px;
    box-shadow: 3px 5px 10px rgb(0 0 0 / 5%);
    justify-content: space-between;
}

.rater-card.sign-contract-card .contract-detail-box {
    font-size: 28px;
    font-weight: 600;
}

.rater-card.sign-contract-card .contract-pdf {
    max-width: 40px;
}

.rater-card.sign-contract-card .contract-icon {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    padding: 20px 10px;
    border: 1px solid var(--lightgray);
    border-radius: 4px;
    position: relative;
}

.rater-card.sign-contract-card .contract-detail {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.rater-card.sign-contract-card .contract-detail label {
    font-weight: 600;
    font-size: 16px;
}

.rater-card.sign-contract-card .contract-detail .sign-txt {
    font-weight: 400;
    color: var(--link);
    text-decoration: underline;
    cursor: pointer;
    font-size: 18px;
}

.rater-card.sign-contract-card .contract-detail .link-btn {
    font-size: 18px;
    color: var(--yellow);
}

.rater-card.sign-contract-card .get-contract {
    display: flex;
    align-items: center;
    gap: 10px;
}

.rater-card.sign-contract-card .get-contract p {
    font-size: 18px;
    font-weight: 600;
}

.rater-card.sign-contract-card .get-contract .radioPeerOnsite label {
    font-size: 16px;
    font-weight: 400;
}

#peer-rate-row {
    margin-top: 88px;
}

.sidepanel-view {
    position: fixed;
    top: 0px;
    z-index: 999;
    right: -1000px;
    width: 900px;
    background-color: var(--white);
    box-shadow: 0px -10px 10px rgb(0 0 0 / 10%);
    height: 100vh;
    transition: 0.8s;
}

.sidepanel-view .sidepanel-head {
    padding: 22px 30px;
    background-color: var(--light-seagreen-10);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sidepanel-view .sidepanel-head h5 {
    font-size: 24px;
    color: var(--seaGreen);
    font-weight: 600;
    margin-bottom: 0px;
}

.sidepanel-view .sidepanel-head .close {
    cursor: pointer;
}

.sidepanel-view .sidepanel-head .close:hover path {
    fill: var(--seaGreen);
}

.sidepanel-view .sidepanel-body {
    padding: 16px 30px;
    height: 100%;
    max-height: calc(100vh - 80px);
    overflow: auto;
}

.sidepanel-view .sidepanel-body::-webkit-scrollbar {
    width: 5px;
}

.sidepanel-view .sidepanel-body .section-head {
    font-size: 18px;
    color: var(--yellow);
    margin-bottom: 16px;
    font-weight: 600;
}

.sidepanel-view .sidepanel-body .detail-box {
    margin-bottom: 16px;
}

.sidepanel-view .sidepanel-body .detail-box label {
    display: block;
    font-size: 14px;
    margin-bottom: 3px;
    color: var(--label-gray);
    font-weight: 600;
}

.sidepanel-view .sidepanel-body .detail-box span {
    font-size: 16px;
    color: var(--black);
}

.contract-sign {
    max-width: 820px;
    margin: 20px auto;
    border: 1px solid var(--lightgray);
}

.contract-sign .contract-person-detail,
.contract-sign .contract-para-head,
.contract-sign .contract-detail-list,
.contract-sign .contract-signature {
    padding: 0px 20px;
}

.contract-sign .contract-sign-head {
    padding: 20px;
    background-color: var(--seaGreen);
    display: flex;
    width: 100%;
    align-items: center;
}

.contract-sign .contract-sign-head img {
    width: 40px;
    height: auto;
}

.contract-sign .contract-sign-head .contract-name {
    font-size: 24px;
    width: 100%;
    margin-bottom: 0px;
}

.contract-person-detail .contract-trip-date {
    margin: 16px 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.contract-person-detail .contract-trip-date p span {
    font-weight: 600;
}

.contract-sign .terms-condition,
.generateContractModal .terms-condition {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.contract-sign .terms-condition .terms-check,
.generateContractModal .terms-condition .terms-check {
    display: flex;
    align-items: center;
    gap: 12px;
}

.contract-sign .terms-condition .sign-link,
.generateContractModal .terms-condition .sign-link {
    color: var(--info);
    text-decoration: underline;
    cursor: pointer;
}

#contractSignModal .sign-canvas {
    width: 100%;
    height: 200px;
}

/*****rater pager css ends*******/
/*****cancel quote page css starts*****/
.cancel-quote.card {
    padding: 15px;
    border-radius: 10px;
    border: 1px solid var(--lightgray);
    box-shadow: 1px 3px 10px rgb(0 0 0 / 7%);
    margin-bottom: 30px;
}

.cancel-quote.card .card-body {
    padding: 0px;
}

.cancel-quote.card .card-body tr td {
    border-width: 0px;
}

.cancel-quote.card .card-body tr th {
    color: var(--white);
}

.cancel-quote.card .card-body tbody tr:nth-of-type(odd) {
    background-color: var(--light-yellow-10);
}

.cancel-quote.card .card-body tbody .table-action {
    cursor: pointer;
}

.cancel-quote.card .card-body tbody .table-action.eye-image {
    margin-right: 10px;
}

.cancel-quote.card .card-body .data_table {
    position: relative;
}

.cancel-quote.card .card-body .data_table .dataTables_filter {
    display: none;
}

.cancel-quote.card .card-body .data_table .table-search {
    position: absolute;
    right: 15px;
    z-index: 9;
}

/*****cancel quote page css ends*****/

.rate-card-margin {
    margin-top: 88px;
}

.peer-box {
    border: 2px solid var(--yellow);
    border-radius: 4px;
    box-shadow: 1px 3px 10px rgb(0 0 0 / 7%);
    padding: 16px;
}

.onsite-box {
    border: 2px solid var(--seaGreen);
    border-radius: 4px;
    box-shadow: 3px 5px 10px rgb(0 0 0 / 7%);
    padding: 16px;
}

.rate-card-box .peer-box,
.rate-card-box .onsite-box {
    flex: 0 0 auto;
    width: 49%;
}

.dashboard-footer {
    position: fixed;
    bottom: 0px;
    background-color: #d9d9d9;
    height: auto;
    padding: 10px 0px;
    text-align: center;
    width: calc(100vw - 250px);
    right: 0px;
    font-family: Nunito-SemiBold;
    color: var(--black);
    z-index: 9;
}

.user-dropdown .dropdown-menu {
    right: 0px;
    left: auto;
    bottom: -130px;
}

.Marketing-view .dashboard-footer {
    display: none;
}

#DealerstateDropdown,
#AgencystateDropdown,
#AgentstateDropdown,
#AgentstateDropdown1,
#dealerstatedropdown,
#txtState,
#Clientdealerstatedropdown {
    margin-top: 10px;
}

a#navbarmenu {
    color: white;
}

.notice-signature {
    border: 1px solid var(--lightgray);
    padding: 30px 16px;
    border-radius: 8px;
}

.dealer-inquiry-card .dataTables_length,
.dealer-inquiry-card .dataTables_filter {
    margin-bottom: 10px;
}

.hide {
    display: none;
}

.swal2-styled.swal2-confirm {
    background-color: var(--seaGreen) !important;
}

.swal2-styled.swal2-cancel {
    color: var(--black);
    background-color: var(--lightgray) !important;
}

#lblInquiryStatus,
#lblAgentInquiryStatus {
    font-size: 18px;
    font-family: Nunito-Regular;
    padding: 10px 40px;
    border-radius: 0px;
    position: relative;
    margin-right: 10px;
    background-color: var(--seaGreen);
    color: var(--white);
    box-shadow: 3px 5px 10px rgb(83 164 168 / 40%);
    margin-bottom: 10px;
    width: max-content;
    margin: auto;
}

.raw > div > div {
    min-width: 160px;
}

.rental > div {
    display: flex;
    align-items: center;
}

.questionradio {
    vertical-align: middle;
}

input.federal-tax-admin {
    margin-top: 0px;
}

.mid-main-wrapper .select-list {
    margin-top: 10px;
}

/*****remittance page css starts*****/

.remittance-table .dataTables_filter {
    display: none;
}

.remittance.card .card-body table tbody {
    max-height: calc(100vh - 600px);
}

.sidepanel-view .sidepanel-body .detail-box span.total-amt {
    font-weight: 600;
    color: var(--seaGreen);
}

.remittance-sidepanel.sidepanel-view {
    width: 60%;
    right: -70%;
}

.remittance-sidepanel.sidepanel-view .remittance-view-table {
    margin-top: 30px;
}

.remittance-sidepanel.sidepanel-view .remittance-view-table tbody {
    display: block;
    overflow: auto;
    height: 100%;
    max-height: calc(100vh - 480px);
}

.remittance-sidepanel.sidepanel-view .remittance-view-table tbody::-webkit-scrollbar {
    width: 5px;
}

.remittance-sidepanel.sidepanel-view .remittance-view-table tbody::-webkit-scrollbar-thumb {
    background-color: var(--lightgray);
}

.remittance-sidepanel.sidepanel-view .remittance-view-table thead,
.remittance-sidepanel.sidepanel-view .remittance-view-table tbody tr {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.remittance-sidepanel.sidepanel-view .remittance-view-table thead {
    position: relative;
}

.sidepanel-table .dataTables_length,
.sidepanel-table .dataTables_filter {
    margin-bottom: 10px;
}

.date-box {
    position: relative;
}

.date-box img {
    position: absolute;
    top: 19px;
    right: 10px;
    cursor: pointer;
    pointer-events: none;
}

.remittance-sidepanel.sidepanel-view .remittance-view-table .pdf-icon {
    max-width: 20px;
    cursor: pointer;
}

/****date picker css starts******/

.ui-datepicker.ui-widget.ui-widget-content {
    border: 1px solid var(--seaGreen);
}

.ui-datepicker .ui-widget-header {
    background-color: var(--light-seagreen-10);
}

.ui-datepicker .ui-datepicker-title {
    color: var(--seaGreen);
}

.ui-datepicker .ui-datepicker-next span.ui-icon {
    background-image: url("../images/calendar-next.svg");
    position: unset;
    width: 100%;
    height: 100%;
    margin: 0px;
    background-position: center;
    background-size: 22px;
    cursor: pointer;
}

.ui-datepicker .ui-datepicker-prev span.ui-icon {
    background-image: url("../images/calendar-previous.svg");
    position: unset;
    width: 100%;
    height: 100%;
    margin: 0px;
    background-position: center;
    background-size: 22px;
    cursor: pointer;
}

.ui-datepicker .ui-datepicker-calendar th span {
    color: var(--yellow);
}

.ui-datepicker .ui-datepicker-calendar .ui-state-default {
    background-color: var(--light-seagreen-10);
    color: var(--seaGreen);
    border: 1px solid var(--white);
}

.ui-datepicker .ui-datepicker-calendar .ui-state-default.ui-state-highlight,
.ui-datepicker .ui-datepicker-calendar .ui-state-default:hover {
    background-color: var(--yellow);
    color: var(--white);
    font-weight: 600;
}

.hidepeerTR td,
.hideonsiteTR td {
    opacity: 0;
}

.hidepeerTR td.showTd,
.hideonsiteTR td.showTd {
    opacity: 1;
    height: inherit;
    border: 1px solid var(--yellow);
    border-top-width: 0px;
}

.hideonsiteTR td.showTd {
    border: 1px solid var(--seaGreen);
    border-top-width: 0px;
}

.modal .modal-header {
    padding: 12px 30px;
}

.modal .modal-header h5 {
    font-size: 24px;
    font-weight: 600;
    color: var(--seaGreen);
}

.modal .modal-body {
    padding: 12px 30px;
}

.generateContractModal .modal-body {
    max-height: calc(100vh - 200px);
    overflow: auto;
    padding: 16px 30px;
}

.product-rate-row tbody tr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.product-rate-row tbody tr td {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 8px 12px;
}

.product-rate-row tbody tr td.showTr {
    background-color: var(--yellow);
    border: 1px solid var(--yellow);
}

.product-rate-row tbody tr td.showonsiteTr {
    background-color: var(--seaGreen);
    border: 1px solid var(--seaGreen);
    color: var(--white);
}

.btnMain .btn.btnSubmit {
    color: #fff;
    background-color: #57a2a7;
    border-color: #57a2a7;
    font-size: 22px;
    padding: 10px 25px;
    border-radius: 10px;
}

.btnMain .btn.btnReject {
    color: #fff;
    background: rgba(217, 217, 217, 1);
    color: #000;
    font-size: 22px;
    padding: 10px 25px;
    border-radius: 10px;
}

.nav.main-tab {
    margin-top: 15px;
    margin-bottom: 30px;
}

.nav.main-tab .nav-link {
    padding: 10px 40px;
    background-color: var(--dashboardbg);
    color: #000;
    font-size: 16px;
    position: relative;
}

.nav.main-tab .nav-link.active {
    background-color: var(--seaGreen);
    color: var(--white);
}

.nav.main-tab .nav-link .tab-count {
    position: absolute;
    right: 5px;
    top: -15px;
    background: var(--black);
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 600;
    color: var(--white);
}

.nav.main-tab .nav-link.active .tab-count {
    background-color: var(--yellow);
}

.rater-card .card-body .peer-eye-rate,
.rater-card .card-body .onsite-eye-rate {
    margin-top: -5px;
    max-width: 35px;
    cursor: pointer;
}

.sidepanel-view.peer-sidepanel .sidepanel-head {
    background-color: var(--light-yellow-10);
}

.sidepanel-view.peer-sidepanel .sidepanel-head h5 {
    color: var(--yellow);
}

.sidepanel-view.peer-sidepanel .sidepanel-body .section-head {
    color: var(--yellow);
}

.sidepanel-view.peer-sidepanel .product-box {
    border: 2px solid var(--yellow);
}

.sidepanel-view.onsite-sidepanel .sidepanel-head {
    background-color: var(--light-seagreen-10);
}

.sidepanel-view.onsite-sidepanel .sidepanel-head h5 {
    color: var(--seaGreen);
}

.sidepanel-view.onsite-sidepanel .sidepanel-body .section-head {
    color: var(--seaGreen);
}

.sidepanel-view.onsite-sidepanel .product-box {
    border: 2px solid var(--seaGreen);
}

.sidepanel-view.onsite-sidepanel .product-box .rateplan {
    color: var(--seaGreen);
}

.product-rate-row tbody tr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.product-rate-row tbody tr td {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 8px 12px;
}

.product-rate-row tbody tr td.showTr {
    background-color: var(--yellow);
    border: 1px solid var(--yellow);
}

.product-rate-row tbody tr td.showonsiteTr {
    background-color: var(--seaGreen);
    border: 1px solid var(--seaGreen);
    color: var(--white);
}

.generateContractModal .modal-body {
    max-height: calc(100vh - 200px);
    overflow: auto;
    padding: 16px 30px;
}

.generateContractModal .modal-body .contract-name,
.contract-sign .contract-name {
    font-size: 18px;
    margin-bottom: 5px;
    text-transform: capitalize;
    text-align: center;
}

.generateContractModal .modal-body .contract-person-detail,
.contract-sign .contract-person-detail {
    margin: 12px 0px;
}

.generateContractModal .modal-body .contract-person-detail .persone-name,
.contract-sign .contract-person-detail .persone-name {
    font-weight: 600;
}

.generateContractModal .modal-body .contract-person-detail .person-title,
.contract-sign .contract-person-detail .person-title {
    margin-top: 10px;
}

.generateContractModal .modal-body .contract-para-head span,
.contract-sign .contract-para-head span {
    font-weight: 600;
}

.generateContractModal .modal-body .contract-para-head,
.contract-sign .contract-para-head {
    margin-bottom: 10px;
}

.generateContractModal .modal-body .contract-detail-list,
.contract-sign .contract-detail-list {
    margin-bottom: 10px;
}

.generateContractModal .modal-body .contract-detail-list li span,
.contract-sign .contract-detail-list li span {
    font-weight: 600;
    margin-right: 10px;
}

.generateContractModal .modal-body .contract-signature,
.contract-sign .contract-signature {
    margin-top: 50px;
}

.generateContractModal .modal-body .contract-signature div p,
.contract-sign .contract-signature div p {
    margin-bottom: 10px;
}

.generateContractModal .modal-body .contract-signature div p span,
.contract-sign .contract-signature div p span {
    font-weight: 600;
}

input[type="checkbox"] {
    appearance: none;
    position: relative;
}

input[type="checkbox"]::before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: transparent;
    border: 1px solid var(--black);
    cursor: pointer;
    border-radius: 2px;
}

input[type="checkbox"]:checked::before {
    border: 1px solid var(--yellow);
    background-color: var(--yellow);
}

input[type="checkbox"]:checked::after {
    content: "\2713";
    position: absolute;
    color: var(--white);
    left: 4px;
    top: 0px;
    font-size: 14px;
    font-weight: 600;
}

.backbutton-container {
    display: flex;
    align-items: center;
}

.status-toaster {
    position: fixed;
    background-color: var(--light-seagreen-10);
    color: var(--seaGreen);
    padding: 8px 16px;
    border-radius: 4px;
    display: none;
    transition: opacity 0.5s;
    z-index: 9999;
    top: 100px;
    right: 20px;
    width: max-content;
    font-weight: 600;
    font-size: 16px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    overflow: hidden;
}

.status-toaster.show {
    display: block;
}

.status-toaster.show .progressbar {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 3px;
    overflow: hidden;
}

.status-toaster .progressbar:before {
    content: "";
    position: absolute;
    bottom: 0px;
    right: 0px;
    height: 100%;
    width: 100%;
    background-color: var(--seaGreen);
}

.status-toaster.show .progressbar:before {
    animation: progress 3s linear forwards;
}

@keyframes progress {
    100% {
        right: 100%;
    }
}

.error-message-relative,
.validation-msg {
    color: var(--red);
    position: unset;
    font-size: 16px;
}

.text-red {
    color: var(--red);
}

#emaile,
#CorporatestateDropdown {
    margin-top: 10px;
}

.dealer-admin-margin {
    margin-top: 10px;
}

input[type="checkbox"] {
    appearance: none;
    position: relative;
    outline: none;
}

input[type="checkbox"]::before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: transparent;
    border: 1px solid var(--yellow);
    cursor: pointer;
    border-radius: 2px;
}

input[type="checkbox"]:checked::before {
    border: 1px solid var(--yellow);
    background-color: var(--yellow);
}

input[type="checkbox"]:checked::after {
    content: "\2713";
    position: absolute;
    color: var(--white);
    left: 4px;
    top: 0px;
    font-size: 14px;
    font-weight: 600;
}

.profile-staff-table .floating-label-input {
    margin-bottom: 30px;
}

.claims-container .floating-label-input {
    margin-bottom: 16px;
    margin-top: 10px;
}

.profile-staff-table .floating-label-input .error-message,
.claims-container .floating-label-input .error-message {
    font-size: 14px;
    white-space: nowrap;
}

.profile-staff-table tr td:nth-child(4) .floating-label-input input,
#TEmail {
    margin-top: 10px;
}

.agenttypelanding {
    margin-top: 5px;
}

.agency-type-head {
    font-size: 18px;
    font-weight: 600;
    color: #57a2a7;
}

.no-wrap-err {
    white-space: nowrap;
}

.pointemail {
    margin-top: 10px;
}

.backarrow {
    cursor: pointer;
}

.no-border {
    border: none;
}

.reject-reason {
    font-size: 18px;
    color: var(--seaGreen);
    margin: 0px 0px 10px 10px;
    width: 100%;
    font-weight: 600;
    border: 1px solid var(--lightgray);
    padding: 10px;
    width: max-content;
    max-width: 50%;
    border-radius: 4px;
}

.reject-reason .reject-head {
    color: var(--red);
    margin-right: 5px;
    background-color: var(--lightred-10);
    padding: 4px 8px;
    border-radius: 2px;
    cursor: pointer;
}

.reject-reason span:last-child {
    cursor: default;
    font-size: 16px;
    font-weight: 400;
    color: var(--sidebar-menu-list);
    word-break: break-all;
}

.search-criteria-btn {
    margin-top: 10px;
}

.rater-card .inputField .form-select {
    margin-top: 10px;
}

/*.rooftop-box .add-rooftop {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    background-color: var(--yellow);
    color: var(--white);
    position: absolute;
    top: -85px;
    right: 45px;
    height: 90px;
    z-index: -1;
    width: 60px;
}*/

.rooftop-box .add-rooftop {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    background-color: transparent;
    color: var(--seaGreen);
    position: absolute;
    height: 90px;
    z-index: 1;
    width: 90px;
    font-weight: 700;
    gap: 2px;
    top: 1px;
    right: 108px;
    cursor: pointer;
    padding-top: 16px;
}

.action-table th.sorting:last-child {
    background-image: none;
}

.admin-table tbody td:last-child,
.admin-table thead th:last-child {
    text-align: center;
}

.Agentradiotype.error-message {
    bottom: -16px;
}

.dealerprofile-admin .floating-label-input {
    margin-bottom: 30px;
}

.margin-res {
    margin-top: 10px;
}

.login-alert {
    padding: 8px 12px;
    background-color: var(--lightred-10);
    border-radius: 4px;
}

.login-alert .btn-close {
    padding: 0px;
    right: 16px;
    top: 3px;
    cursor: pointer;
    color: var(--red);
    background: none;
    font-size: 24px;
    opacity: 1;
}

.login-alert ul {
    padding-left: 0px;
}

.login-alert ul li {
    color: var(--red);
}

.field-icon .eye-slash {
    max-width: 20px;
}

.invite-agent-card {
    padding: 0px;
    border-width: 0px;
}

.invite-agent-card table td input {
    margin-top: 0px;
}

.invite-agent-card table td:last-child {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: center;
}

.invite-agent-card table td i {
    font-size: 24px;
    cursor: pointer;
    color: #575757;
}

.invite-agent-card table td i.fa-edit:hover {
    color: var(--info);
}

.invite-agent-card table td i.fa-save:hover {
    color: var(--success);
}

.invite-agent-card table td i.fa-trash-alt:hover {
    color: var(--red);
}

.signature-btn {
    display: flex;
    align-items: center;
    margin-top: 10px;
    gap: 30px;
}

.signature-btn button {
    display: flex;
    align-items: center;
    gap: 8px;
}

.signature-btn i {
    font-size: 12px;
}

.signature-btn .view-signatue img {
    max-width: 500px;
    display: none;
}

.signature-btn .view-signatue p {
    font-size: 24px;
    margin-bottom: 0px;
}

.ri-table td p {
    font-size: 15px;
    visibility: hidden;
}

.ri-table td p:first-child {
    font-size: 16px;
    font-weight: 600;
}

.modal-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.box-wrapper {
    background-color: white;
    width: 100%;
    min-height: 300px;
    border-radius: 8px;
}

:is(.box-wrapper) input,
select,
.box {
    padding: 8px;
    border: 1px solid lightgray;
    outline: none;
    border-radius: 5px;
    margin-top: 5px;
}

.box {
    margin-top: 16px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    border: 1px solid lightgrey;
}

.box p {
    padding: 16px;
    color: var(--seaGreen);
    font-size: 50px;
}

.agency-dba {
    margin-top: -24px;
}

.check-dba {
    display: flex;
    gap: 12px;
    align-items: center;
}

.logo-animate {
    max-width: 350px;
}

.inquiry-progress {
    position: sticky;
    top: 72px;
    z-index: 2;
    background: #fff;
    padding: 20px 0;
    margin-left: 16px;
}

.logo-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.check-dba label {
    margin-bottom: 0;
}

.logo-gif img {
    width: 240px;
}

.videoSection .animate-outer {
    position: relative;
}

.video-volume {
    position: absolute;
    z-index: 1;
    bottom: 20px;
    left: 20px;
    max-width: 40px;
    width: 100%;
    cursor: pointer;
    background: #fff;
    box-shadow: 3px 5px 10px rgb(0 0 0 / 7%);
}

.signature-modal .font-view {
    display: flex;
    align-items: center;
    margin-top: 20px;
    gap: 16px;
    flex-wrap: wrap;
}

.signature-modal .font-view span,
.sign-selector .font-view {
    padding: 8px 16px;
    border: 1px solid var(--seaGreen);
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    color: var(--seaGreen);
}

.signature-modal .font-view span:hover,
.sign-selector .font-view:hover {
    background-color: var(--seaGreen);
    color: var(--white);
}

.sign-selector {
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
}

.signature-modal .font-view span.alexbrush-sign {
    font-size: 20px;
}

.main-logo .form-switch input[type="checkbox"]:checked::after,
.main-logo .form-switch input[type="checkbox"]:checked::before,
.main-logo .form-switch input[type="checkbox"]::before {
    display: none;
}

.main-logo .form-switch .form-check-input:focus {
    border: 1px solid var(--lightgray);
    box-shadow: none;
}

.main-logo .form-switch .form-check-input:focus {
    background-image: url("../images/form-switch-grey.svg");
}

.main-logo .form-switch .form-check-input:checked {
    background-image: url("../images/form-switch-white.svg");
}

.main-logo .form-switch .form-check-input {
    cursor: pointer;
    border: 1px solid var(--lightgray);
    margin-left: -20px;
    margin-right: 10px;
}

.main-logo {
    position: relative;
}

.main-logo .validation-toggle {
    background: var(--white);
    width: 100%;
    padding: 10px;
    border-radius: 4px;
    bottom: -50px;
    border: none;
}

.main-logo .validation-toggle .form-switch {
    padding-left: 20px;
}

.main-logo .validation-toggle .form-switch label {
    font-size: 18px;
    color: var(--sidebar-menu-list);
}

.dealer-content-layout {
    margin-left: var(--w-aside);
}

#signature {
    border: 1px solid #ddd;
    margin-top: 3px !important;
    touch-action: none;
}

#pills-home.fade:not(.show) {
    opacity: 1;
}

#statusSelect {
    margin-top: 10px;
}

.loader-area {
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 100%;
    background-color: var(--white);
    display: flex;
    justify-content: center;
    align-items: center;
}

.loader-area img {
    transform: translateY(-30%);
}

.data-submit-loader {
    background-color: rgb(0 0 0 /30%);
}

.fadeout {
    color: #ffffff;
    font-size: large;
    font-family: helvetica;
    text-align: center;
    opacity: 0;
    -webkit-animation: fadeout 4s;
    -moz-animation: fadeout 4s;
    -ms-animation: fadeout 4s;
    -o-animation: fadeout 4s;
    animation: fadeout 4s;
}

@keyframes fadeout {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.navbar .navbar-toggler .navbar-toggler-icon {
    background-image: url("../images/toggler-white.svg");
}

.navbar.navbar-light .navbar-toggler {
    border: none;
    padding: 0px;
}

.navbar.white-header .navbar-toggler .navbar-toggler-icon {
    background-image: url("../images/toggler-yellow.svg");
}

.navbar.white-header .navbar-toggler {
    border-color: var(--yellow);
}

.sidebar {
    position: fixed;
    top: 0px;
    left: -100%;
    height: 100%;
    width: 100%;
    background-color: var(--white);
    transition: 0.5s;
    z-index: 9;
}

.sidenavbar-logo {
    position: relative;
    top: 18px;
    left: 16px;
}

#navbarSupportedContent.slide-sidebar {
    left: 0px;
}

#navbarLanding .sidebar .navbar-nav {
    margin-top: 80px;
}

#navbarLanding .sidebar .navbar-nav li.nav-item {
    width: 100%;
    margin-bottom: 20px;
}

#navbarLanding .sidebar .navbar-nav li a {
    color: var(--seaGreen);
    padding: 4px 12px;
}

#navbarLanding .sidebar .navbar-nav li.nav-item a.nav-link {
    background-color: var(--light-seagreen-10);
}

#navbarLanding .sidebar .navbar-nav li a.active {
    color: var(--seaGreen);
}

#navbarLanding .sidebar .navbar-nav li a:focus {
    color: var(--seaGreen);
}

#navbarLanding .sidebar .navbar-nav li.nav-item.dropdown {
    margin-bottom: 0px;
}

#navbarLanding .sidebar .navbar-nav li .dropdown-menu {
    display: block;
    border: none;
    padding: 0px;
}

#navbarLanding .sidebar .navbar-nav li .dropdown-menu .dropdown-item {
    padding-left: 30px;
    margin: 10px 0px;
}

#navbarLanding .sidebar .navbar-nav li.nav-item .fa-angle-down {
    display: none;
}

#navbarLanding .sidebar .navbar-nav {
    gap: 0px;
}

#navbarLanding .sidebar .sidebar-close {
    position: absolute;
    right: 16px;
    top: 30px;
}

#navbarLanding .sidebar .sidebar-close svg {
    width: 24px;
    height: auto;
    cursor: pointer;
}

#navbarLanding .sidebar .sidebar-close svg:hover path {
    fill: var(--seaGreen);
}

#todaydate + label {
    background-color: #e9ecef;
    border-radius: 2px;
}

.date-field::placeholder {
    opacity: 1;
}

body .pd-m-0 {
    padding-left: 0px;
    padding-right: 0px;
}

.show-place .input-box::placeholder {
    opacity: 1;
    padding-left: 10px;
}

.v-hidden {
    visibility: hidden;
}

.rooftop-adminview .add-rooftop {
    right: 102px;
}

.rooftop-adminview.dealer-view-rooftop .add-rooftop {
    right: 106px;
}

.relative {
    position: relative;
}

.staff-validation {
    position: absolute;
    bottom: -5px;
    color: var(--red);
    font-size: 14px;
}

.validation-main-contact {
    position: absolute;
    bottom: -30px;
    color: var(--red);
    width: 100%;
    font-size: 14px;
    left: 20px;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
    /*overflow-x: hidden !important;*/
}

.dataTables_scrollHeadInner,
.dataTables_scrollHeadInner table {
    width: 100% !important;
}

.product-sidepanel table tr td {
    height: 65px;
}

.product-sidepanel table tr.radio-row td {
    height: 40px;
}

.product-sidepanel table tr.pr-name td {
    height: 50px;
}

.product-sidepanel table tr.onsite-blank td {
    height: 115px;
}

.dataTables_wrapper .dataTables_length {
    margin-bottom: 10px;
}

.aside__wrap .list-unstyled.logout .nav_item .nav_link {
    padding: 0px;
}

.aside__wrap .list-unstyled.logout .nav_item .icon_box {
    display: flex;
    align-items: center;
    padding-left: 8px;
    gap: 12px;
}

/*.admin-renterGroup {
    width: 20px;
    height: 20px;
    border-radius: 50%;
}*/

.document-box,
.reporting-box {
    cursor: pointer;
    border: 1px solid var(--lightgray);
    border-radius: 8px;
    filter: drop-shadow(0 9px 9px rgba(46, 35, 94, 0.1));
    transition: all 0.3s;
    background-color: var(--white);
    margin-bottom: 16px;
}

.document-box:hover,
.reporting-box:hover {
    translate: 0 -10px;
    filter: drop-shadow(0 30px 12px rgba(46, 35, 94, 0.1));
}

.document-box .thumbnail {
    width: 100%;
    max-height: 250px;
    min-height: 250px;
}

.document-box .document-detail {
    padding: 10px;
    border-top: 1px solid var(--lightgray);
    position: relative;
    background-color: var(--white);
}

.document-detail .contract-name {
    font-size: 18px;
    font-weight: 600;
    color: var(--seaGreen);
    margin-bottom: 10px;
    text-transform: capitalize;
}

.document-detail .document-date {
    font-size: 16px;
    color: #838383;
}

.document-detail .document-date span {
    color: var(--black);
}

.document-box .document-detail .pdf-icon {
    position: absolute;
    top: -25px;
    right: 20px;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 45px;
    background-color: var(--white);
    border: 1px solid var(--lightgray);
    border-radius: 50%;
    display: none;
}

.document-detail .sign-txt {
    color: var(--seaGreen);
}

.document-detail .sign-txt.unsigned {
    color: var(--yellow);
}

.document-detail .sign-txt img {
    width: 24px;
    height: auto;
    margin-right: 5px;
}

.view-contract-modal .modal-body {
    height: calc(100vh - 150px);
}

#generatedContract {
    display: none;
}

.documents-row .col-md-2 {
    flex: 0 0 auto;
    width: 19.666667%;
}

.reporting-box .reporting-name {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    border-bottom: 1px solid var(--lightgray);
}

.reporting-box .reporting-name p {
    font-size: 18px;
    font-weight: 600;
    color: var(--seaGreen);
    text-transform: capitalize;
}

.reporting-box .reporting-name span {
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 16px;
    color: var(--white);
    background-color: var(--black);
    border-radius: 50%;
    display: none;
}

.reporting-box .reporting-detail p {
    padding: 10px;
    font-size: 16px;
    line-height: 24px;
}

.reporting-box {
    min-height: 170px;
}

.page-head {
    font-size: 24px;
    margin-bottom: 16px;
    color: var(--seaGreen);
    font-weight: 600;
}

.search-filter {
    font-size: 16px;
    cursor: pointer;
}

.search-filter svg {
    width: 30px;
    height: auto;
}

.search-filter:hover {
    color: var(--seaGreen);
}

.search-filter:hover svg path {
    fill: var(--yellow);
}

.search-details {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 25px;
    flex-wrap: wrap;
    padding: 10px;
    width: 100%;
    background-color: var(--light-seagreen-10);
}

.search-box label {
    font-size: 16px;
    color: var(--seaGreen);
    font-weight: 600;
}

.search-box span {
    font-size: 16px;
    color: var(--black);
}

.ag-commission-modal .modal-body .inputField {
    margin-bottom: 30px;
}

.ag-commission-modal .modal-body .date-box img {
    top: 10px;
}

.ag-commission-modal .modal-body .date-box input::placeholder {
    font-size: 16px;
}

.commission-card .card-body {
    display: flex;
    gap: 30px;
}

.card-body .comission-box {
    padding: 8px 16px;
    border: 1px solid var(--lightgray);
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: 30px;
}

.comission-box h5 {
    font-size: 18px;
    margin-bottom: 0px;
}

.comission-box div {
    display: flex;
    flex-direction: column;
    gap: 2px;
    align-items: center;
}

.comission-box label {
    font-size: 16px;
}

.comission-box label.commission-price {
    font-size: 28px;
    font-weight: 600;
    color: var(--seaGreen);
}

.contract-signature .signature-board {
    width: 100%;
    height: 120px;
    border: 2px dashed var(--lightgray);
    margin-bottom: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.signature-board .view-sign {
    font-size: 40px;
    color: var(--seaGreen);
    display: none;
}

.datatable-card.card .card-body .commission-table .inner-table tr {
    background-color: transparent;
}

.inner-table td .fa-plus-circle {
    font-size: 18px;
    cursor: pointer;
    color: var(--seaGreen);
}

.inner-table td .fa-minus-circle {
    font-size: 18px;
    cursor: pointer;
    color: var(--red);
    display: none;
}

.inner-table td label {
    display: flex;
    align-items: center;
    gap: 5px;
}

.inner-table .collapse-table tr td:first-child {
    padding-left: 35px;
}

.inner-table .collapse-tr {
    display: none;
    transition: all 0.3s;
}

.hold-table tbody td .fa-edit {
    font-size: 20px;
    cursor: pointer;
}

.hold-table tbody td .fa-edit:hover {
    color: var(--seaGreen);
}

.hold-table thead .date-col {
    width: 15%;
}

.hold-table thead .action-col {
    width: 10%;
}

.hold-table thead .action-col,
.hold-table tbody td.action-td {
    text-align: center;
}

.dealer-website-radios {
    gap: 40px;
    align-items: center;
    margin-top: 15px;
}

.dealer-website-radios .wb-radio-label {
    font-weight: 600;
    margin-bottom: 0px;
}

.dealer-website-radios .form-check .nav-link {
    margin-bottom: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
}

.dealer-inquiry-table thead tr th.age-col,
.dealer-inquiry-table thead tr th.action-col,
.dealer-inquiry-table thead tr th.type-col,
.agent-inquiry-table thead tr th.age-col,
.agent-inquiry-table thead tr th.action-col {
    width: 60px !important;
}

.dealer-inquiry-table thead tr th.rooftop-col,
.dealer-inquiry-table thead tr th.state-col,
.agent-inquiry-table thead tr th.state-col {
    width: 130px !important;
}

#tdPushtoProfile svg {
    margin-right: 8px;
}

.dealer-inquiry-table tbody td:last-child,
.dealer-inquiry-table tbody td:nth-child(13n - 1),
.agent-inquiry-table td:last-child {
    text-align: center;
}

.dealer-inquiry-table tbody td svg,
.agent-inquiry-table td svg,
.dealer-inquiry-table tbody td .fa-pencil,
.dealer-inquiry-table tbody td .fa-check {
    cursor: pointer;
}

.changepwdmodal .modal-dialog {
    max-width: 1000px;
}

.changepwdmodal .body-head .username {
    font-size: 24px;
    margin-bottom: 10px;
    color: var(--black);
}

.changepwdmodal .body-head .username span {
    color: var(--seaGreen);
}

.changepwdmodal .body-head .user-title {
    font-size: 16px;
    color: var(--black);
    margin-bottom: 20px;
}

.changepwdmodal .body-head .user-title span {
    font-family: Audiowide-Regular;
    font-size: 18px;
    color: var(--yellow);
    font-weight: 700;
}

.changepwdmodal .changepwdL .floating-label-input {
    margin-bottom: 30px;
    position: relative;
}

.changepwdmodal .changepwdL .floating-label-input:last-child {
    margin-bottom: 0px;
}

.changepwdmodal .changepwdL .floating-label-input img {
    max-width: 20px;
    position: absolute;
    top: 10px;
    right: 20px;
    cursor: pointer;
}

.changepwdmodal .changepwdL .floating-label-input input {
    font-size: 16px;
}

.changepwdmodal .body-head ul {
    padding-left: 15px;
    margin: 0px 0px 30px;
    list-style-type: disc;
}

.changepwdmodal .body-head ul li {
    font-size: 16px;
    margin-bottom: 10px;
}

.changepwdmodal .body-head ul li::marker {
    color: var(--seaGreen);
}

.changepwdmodal .body-head ul li:last-child {
    margin-bottom: 0px;
}

.changepwdmodal .changepwdR img {
    max-width: 180px;
    margin: auto;
}

.changepwdmodal .changepwdR .password-validation {
    margin: auto;
}

.changepwdmodal .changepwdR .password-validation h6 {
    font-size: 22px;
    font-weight: 600;
    color: var(--yellow);
}

.changepwdmodal .changepwdR .password-validation ul {
    list-style-type: disc;
    padding-left: 15px;
}

.changepwdmodal .changepwdR .password-validation ul li {
    color: var(--black);
    font-size: 16px;
    margin-bottom: 10px;
    position: relative;
}

.changepwdmodal .changepwdR .password-validation ul li::marker {
    color: var(--black);
}

.changepwdmodal .changepwdR .password-validation ul li.validated {
    color: var(--seaGreen);
}

.changepwdmodal .changepwdR .password-validation ul li.validated::marker {
    color: var(--seaGreen);
}

.changepwdmodal .changepwdR .password-validation ul li.non-validated {
    color: var(--red);
}

.changepwdmodal .changepwdR .password-validation ul li.non-validated::marker {
    color: var(--red);
}

.rooftop-dealerview {
    margin-bottom: 30px;
}

.rooftop-dealerview .rooftop-outer {
    margin-top: 0px;
    padding: 40px 0px;
}

.lblRedRoftop {
    color: var(--red);
}

.invite-table .cstm-valid {
    position: relative;
}

.invite-table .cstm-valid input,
.invite-table .cstm-valid select {
    width: 95%;
}

.invite-table .cstm-valid .red-asterisk {
    color: var(--red);
    position: absolute;
    right: 5px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: var(--yellow);
    border: none;
    color: var(--white) !important;
}

table.dataTable thead .sorting_asc {
    background-image: url(../images/sort_asc.png) !important;
}

table.dataTable thead .sorting_desc {
    background-image: url(../images/sort_desc.png) !important;
}

.tab-pane .datatable-card table thead tr th:last-child,
.tab-pane .datatable-card table tbody tr td:last-child {
    text-align: center;
}

.card .filterSearch button {
    margin-top: 10px;
}

.sign-contract-actions {
    max-width: 820px;
    margin: auto;
    text-align: right;
}

.contract-sign .view-signatue {
    text-align: start;
    width: 35%;
    margin-left: auto;
}

.datatable-card.card .card-body .retail-col {
    padding-right: 18px;
    text-align: right;
    width: 90px !important;
}

.remittance-table thead th:last-child,
.remittance-table tbody td:last-child {
    text-align: center;
}

.datatable-card.card table.quotes-table thead th,
.datatable-card.card table.quotes-table tbody td {
    padding: 8px 12px;
}

.datatable-card.card table.quotes-table thead th:last-child,
.datatable-card.card table.quotes-table tbody td:last-child {
    width: 90px !important;
}

.datatable-card.card table.quotes-table thead th:last-child {
    background-image: none;
}

.input-box.date {
    cursor: pointer; /* Ensures the cursor changes to a hand icon */
}

input[type="date"]::-webkit-calendar-picker-indicator {
    cursor: pointer; /* Ensures the cursor changes to a hand icon over the calendar icon */
}

.highlight {
    outline: 2px solid red; /* Highlight with a red border */
    box-shadow: 0 0 5px red;
}