* {
    margin: 0;
    padding: 0;
}

body {
    background: #FFFFFF;
}

:root {
    --baseColor: #4E9296;
    --secondaryColor: #3C6E71;
    --lightColor: #FFFFFF;
    --grayColor: #F7F7F7;
    --grayTexts: #898989;
    --darkColor: #353535;
    --blackColor: #121212;

    --baseFont: "Inter", sans-serif;
    --secondaryFont: 'Roboto', sans-serif;
}


/* ===== CSS For "Common Cases" Starts Here ===== */
a {
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

a:hover {
    text-decoration: none;
}

img,
video {
    max-width: 100%;
    vertical-align: middle;
}

/* ======================== */

.grid_item {
    display: -ms-grid;
    display: grid;
    -ms-flex-line-pack: center;
    align-content: center;
}

/* ======================== */

.heading {
    margin-bottom: 30px;
}

.heading h3 {
    color: var(--darkColor);
    font-family: var(--baseFont);
    font-weight: 500;
    font-size: 32px;
    margin-bottom: 0px;
}

.heading h5 {
    color: var(--darkColor);
    font-family: var(--baseFont);
    font-weight: 600;
    font-size: 22px;
    margin-bottom: 0px;
}

.heading h6 {
    color: var(--darkColor);
    font-family: var(--baseFont);
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 0px;
}

.heading p {
    color: #898989;
    font-family: var(--baseFont);
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 0px;
    margin-top: 5px;
}

/* ======================== */

.sub_heading {
    margin-bottom: 10px;
}

.sub_heading h6 {
    color: var(--darkColor);
    font-family: var(--baseFont);
    font-weight: 600;
    font-size: 18px;
    line-height: 1;
    margin-bottom: 0px;
}

/* ======================== */

.para_texts p {
    color: var(--darkColor);
    font-family: var(--baseFont);
    font-weight: 300;
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 10px;
}

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

/* ======================== */

.cta_btn_wrap {
    margin-top: 20px;
}

.cta_btn {
    color: var(--lightColor);
    background: var(--baseColor);
    font-family: var(--baseFont);
    font-weight: 600;
    font-size: 14px;
    border-radius: 7.5px;
    min-width: 100%;
    text-align: center;
    display: inline-block;
    padding: 11px 15px;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.cta_btn:hover {
    color: var(--lightColor);
    background: var(--secondaryColor);
    text-decoration: none;
}

/* ======================== */

.select_field {
    position: relative;
}

.select_field select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: 1px;
    text-overflow: '';
    padding-right: 30px;
    cursor: pointer;
}

.select_field select::-ms-expand {
    display: none;
}

.select_field:after {
    content: "\f0d7";
    color: var(--secondaryColor);
    font-family: "Font Awesome 6 Free";
    font-weight: 700;
    font-size: 15px;
    position: absolute;
    right: 15px;
    top: 50%;
    pointer-events: none;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

/* ===== CSS For "Common Cases" Ends Here ===== */


/* ============================== */
/* ============================== */


/* ===== CSS For "Humbergur Icon" Starts Here ===== */
.humbergur_icon {
    width: 30px;
    height: 20px;
    position: relative;
    margin: 0px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

.humbergur_icon span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    border-radius: 10px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.humbergur_icon span {
    background: var(--baseColor);
}

.humbergur_icon span:nth-child(1) {
    top: 0px;
}

.humbergur_icon span:nth-child(2),
.humbergur_icon span:nth-child(3) {
    top: 10px;
}

.humbergur_icon span:nth-child(4) {
    top: 20px;
}

.humbergur_icon.open span:nth-child(1) {
    top: 11px;
    width: 0%;
    left: 50%;
}

.humbergur_icon.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.humbergur_icon.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.humbergur_icon.open span:nth-child(4) {
    top: 11px;
    width: 0%;
    left: 50%;
}

/* ===== CSS For "Humbergur Icon" Ends Here ===== */


/* ============================== */
/* ============================== */


/* ===== CSS For "Custom Check" Starts Here ===== */
/* The check */
.check {
    display: inline-block;
    cursor: pointer;
    margin-bottom: 0px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: var(--darkColor);
    font-family: var(--baseFont);
    font-weight: 400;
    font-size: 15px;
    line-height: 1;
    margin-bottom: 0px;
    position: relative;
    top: -1.5px;
}

/* Hide the browser's default checkbox */
.check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.check input:disabled {
    cursor: not-allowed;
}

/* Create a custom checkbox */
.checkmark {
    display: inline-block;
    height: 18px;
    width: 18px;
}

/* Style the checkmark/indicator */
.check .checkmark:after {
    content: "\2713";
    display: inline-block;
    text-align: center;
    line-height: 16px;
    color: transparent;
    font-size: 14px;
    height: 18px;
    width: 18px;
    background: var(--lightColor);
    border: 1px solid #898989;
    border-radius: 3px;
    -webkit-transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
}

/* Show the checkmark when checked */
.check input:checked~.checkmark:after {
    content: "\2713";
    color: var(--lightColor);
    background: var(--baseColor);
    border: 1px solid var(--baseColor);
}

.check.check_all_wrap input:checked~.checkmark:after {
    content: "\2713";
    color: var(--secondaryColor);
    background: #F5F5F5;
    border: 1px solid #D9D9D9;
}

/* ===== CSS For "Custom Check" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "Content Loader" Starts Here ===== */
.content_loader {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: #fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
}

.content_loader .the_loading {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 80px;
    height: 80px;
    margin: -40px 0 0 -40px;
    border: 3px solid #FFFFFF;
    border-radius: 50%;
    -webkit-animation: loadingSpin 2s linear infinite;
    animation: loadingSpin 2s linear infinite;
}

.content_loader .the_loading img {
    width: 60px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@-webkit-keyframes loadingSpin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes loadingSpin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.content_loader.loader_hidden {
    display: none;
    opacity: 0;
}

/* ===== CSS For "Content Loader" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "Language Switcher" Starts Here ===== */
.language_switcher .select_field::before {
    content: "\f0ac";
    color: var(--secondaryColor);
    font-family: "Font Awesome 6 Free";
    font-weight: 700;
    font-size: 15px;
    position: absolute;
    left: 10px;
    top: 50%;
    pointer-events: none;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.language_switcher .select_field::after {
    right: 10px;
}

.language_switcher .form-control {
    color: var(--darkColor);
    font-family: var(--baseFont);
    font-weight: 600;
    font-size: 14px;
    border: 1px solid #898989;
    border-radius: 7.5px;
    background: #F7F7F7;
    height: inherit;
    padding: 4.5px 20px;
    padding-left: 30px;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.language_switcher .form-control:active,
.language_switcher .form-control:focus {
    box-shadow: none;
    border: 1px solid var(--baseColor);
    background: #E5F5F5;
}

/* ===== CSS For "Language Switcher" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "Login & Signup" Starts Here ===== */
.login_signup_page {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 470px 0px 1fr;
    grid-template-columns: 470px 1fr;
    grid-auto-rows: auto;
    gap: 0px;
    min-height: 100vh;
}

/* ============================== */

.login_signup_page .left_bar {
    display: -ms-grid;
    display: grid;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    padding: 45px;
    background: -o-linear-gradient(287.35deg, #3C6E71 1.2%, #4E9296 103.26%);
    background: linear-gradient(162.65deg, #3C6E71 1.2%, #4E9296 103.26%);
}

.login_signup_page .left_bar .logo {
    max-width: 180px;
}

.login_signup_page .left_bar .slogan h4 {
    color: var(--lightColor);
    font-family: var(--baseFont);
    font-weight: 600;
    font-size: 32px;
    line-height: 1.3;
    margin-bottom: 0px;
}

.login_signup_page .left_bar .slogan h4 .break {
    display: block;
}

/* ============================== */

.login_signup {
    background: var(--lightColor);
    padding: 45px;
    display: -ms-grid;
    display: grid;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    max-height: 100vh;
    overflow-y: auto;
    position: relative;
}

/* ============================== */

.login_signup .ls_header {
    text-align: right;
}

.login_signup .ls_header h6 {
    color: var(--darkColor);
    font-family: var(--baseFont);
    font-weight: 400;
    font-size: 14px;
    line-height: 1;
    margin-bottom: 0px;
}

.login_signup .ls_header h6 a {
    color: var(--secondaryColor);
    font-weight: 600;
}

.login_signup .ls_header h6 a:hover {
    text-decoration: underline;
}

/* ============================== */

.login_signup .form_box {
    width: 375px;
    margin: 30px auto;
}

/* ============================== */

.login_signup .form_box .form_header {
    margin-bottom: 25px;
}

.login_signup .form_box .form_header h5 {
    color: var(--darkColor);
    font-family: var(--baseFont);
    font-weight: 600;
    font-size: 22px;
    line-height: 1;
    margin-bottom: 10px;
}

.login_signup .form_box .form_header h6 {
    color: var(--grayTexts);
    font-family: var(--baseFont);
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    margin-bottom: 0px;
}

/* ============================== */

.login_signup .form_box .form_row_2 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 15px 1fr;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: auto;
    gap: 15px;
}

.login_signup .form_box .form-group {
    margin-bottom: 10px;
}

.login_signup .form_box .form-control {
    color: var(--darkColor);
    font-family: var(--baseFont);
    font-weight: 400;
    font-size: 14px;
    border: 1px solid #DCDCDC;
    border-radius: 7.5px;
    height: inherit;
    padding: 11px 12.5px;
}

.login_signup .form_box .form-control:active,
.login_signup .form_box .form-control:focus {
    box-shadow: none;
    border: 1px solid var(--baseColor);
    background: var(--grayColor);
}

/* ============================== */

.password_field {
    position: relative;
}

.password_field i {
    color: #898989;
    font-size: 16px;
    position: absolute;
    right: 15px;
    top: 50%;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

/* ============================== */

.password_field i.fa-eye-slash {
    --fa: "\f070";
}

.login_signup .form_box .form-group h6 {
    color: var(--grayTexts);
    font-family: var(--baseFont);
    font-weight: 500;
    font-size: 12px;
    line-height: 1;
    margin-bottom: 0px;
    margin-top: 10px;
}

/* ============================== */

.login_signup .form_box .forgot_password {
    margin-top: 20px;
}

.login_signup .form_box .forgot_password a {
    color: var(--darkColor);
    font-family: var(--baseFont);
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    display: inline-block;
}

.login_signup .form_box .forgot_password a:hover {
    color: var(--baseColor);
}

/* ============================== */

.login_signup .form_box .submit_button {
    margin-top: 25px;
}

.login_signup .form_box .submit_button .cta_btn {
    min-width: 100%;
}

.login_signup .form_box .google_signup a {
    display: block;
    background: var(--lightColor);
    border: 1px solid #DCDCDC;
    border-radius: 7.5px;
    text-align: center;
    line-height: 1;
    padding: 10.75px 15px;
}

.login_signup .form_box .google_signup a img {
    height: 20px;
    vertical-align: baseline;
}

.login_signup .form_box .google_signup a:hover {
    border: 1px solid var(--baseColor);
    background: var(--grayColor);
}

/* ============================== */

.login_signup .form_box .or {
    position: relative;
    text-align: center;
    margin: 10px 0px;
}

.login_signup .form_box .or:before {
    content: "";
    width: 100%;
    height: 1px;
    background: #DCDCDC;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 60%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.login_signup .form_box .or h6 {
    color: var(--darkColor);
    font-family: var(--baseFont);
    font-weight: 400;
    font-size: 14px;
    display: inline-block;
    width: 40px;
    background: var(--lightColor);
    text-align: center;
    margin-bottom: 0px;
    line-height: 1;
    position: relative;
    z-index: 11;
}

/* ============================== */

.login_signup .agreement_check {
    margin-top: 30px;
    text-align: left;
}

.login_signup .check {
    display: inline-block;
    cursor: pointer;
    margin-bottom: 0px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: var(--grayTexts);
    font-family: var(--baseFont);
    font-weight: 400;
    font-size: 12px;
    margin-bottom: 0px;
    position: relative;
    padding-left: 30px;
}

.login_signup .check a {
    color: var(--secondaryColor);
    font-weight: 600;
}

.login_signup .check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.login_signup .checkmark {
    display: inline-block;
    height: 20px;
    width: 20px;
    position: absolute;
    left: 0px;
    top: 0px;
}

.login_signup .check .checkmark:after {
    content: "\2713";
    display: inline-block;
    text-align: center;
    line-height: 18px;
    color: transparent;
    font-size: 15px;
    height: 20px;
    width: 20px;
    background: var(--lightColor);
    border: 1px solid var(--blackColor);
    border-radius: 2px;
    -webkit-transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
}

.login_signup .check input:checked~.checkmark:after {
    content: "\2713";
    color: var(--lightColor);
    background: var(--secondaryColor);
    border: 1px solid var(--secondaryColor);
}

/* ============================== */

.login_signup .footer_contents {
    width: 375px;
    margin: 0px auto;
}

.login_signup .footer_contents h6 {
    color: var(--grayTexts);
    font-family: var(--baseFont);
    font-weight: 400;
    font-size: 12px;
    line-height: 1.25;
    margin-bottom: 0px;
}

.login_signup .footer_contents h6 a {
    color: var(--secondaryColor);
}

.login_signup .footer_contents h6 a:hover {
    text-decoration: underline;
}

/* ===== CSS For "Login & Signup" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */

.icon_header .icon {
    margin-bottom: 20px;
}

.icon_header .icon img {
    max-width: 36px;
}

.icon_header .texts h4 {
    color: var(--darkColor);
    font-family: var(--baseFont);
    font-weight: 600;
    font-size: 22px;
    line-height: 1;
    margin-bottom: 15px;
}

.icon_header .texts h6 {
    color: var(--grayTexts);
    font-family: var(--baseFont);
    font-weight: 400;
    font-size: 14px;
    line-height: 1.25;
    margin-bottom: 0px;
}

.icon_header .texts h6 .break {
    display: block;
}

.back_to_page {
    margin-top: 20px;
    line-height: 1;
}

.back_to_page a {
    color: var(--darkColor);
    font-family: var(--baseFont);
    font-weight: 500;
    font-size: 12px;
    line-height: 1;
    display: inline-block;
}

.back_to_page a img {
    width: 14px;
    margin-right: 3px;
}

/* ============================== */
/* ============================== */


/* ===== CSS For "Email Verification" Starts Here ===== */
.access_notify {
    min-height: 100vh;
    display: -ms-grid;
    display: grid;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
}

.access_notify .notify_contents {
    width: 380px;
    text-align: center;
}

.access_notify .form-group {
    margin-bottom: 10px;
}

.access_notify .form-control {
    color: var(--darkColor);
    font-family: var(--baseFont);
    font-weight: 400;
    font-size: 14px;
    border: 1px solid #DCDCDC;
    border-radius: 7.5px;
    height: inherit;
    padding: 11px 12.5px;
}

.access_notify .form-control:active,
.access_notify .form-control:focus {
    box-shadow: none;
    border: 1px solid var(--baseColor);
    background: var(--grayColor);
}

/* ============================== */

.access_notify .verification_code_fields {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 10px 1fr 10px 1fr 10px 1fr;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: auto;
    gap: 10px;
    margin: 30px 0px;
}

.access_notify .verification_code_fields .form-control {
    color: var(--secondaryColor);
    background: var(--lightColor);
    font-family: var(--baseFont);
    font-weight: 500;
    font-size: 48px;
    border: 1px solid var(--baseColor);
    border-radius: 10px;
    padding: 5px;
    text-align: center;
    height: inherit;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.access_notify .verification_code_fields .form-control:active,
.access_notify .verification_code_fields .form-control:focus {
    background: var(--grayColor);
    box-shadow: 0px 0px 5px 0px rgba(60, 110, 113, 0.5);
}

/* ============================== */

.access_notify .resend_code {
    margin-top: 25px;
}

.access_notify .resend_code h6 {
    color: var(--grayTexts);
    font-family: var(--baseFont);
    font-weight: 400;
    font-size: 12px;
    line-height: 1;
    margin-bottom: 0px;
}

.access_notify .resend_code h6 a {
    color: var(--secondaryColor);
    font-weight: 500;
}

.access_notify .resend_code h6 a:hover {
    text-decoration: underline;
}

.access_notify .continue_button {
    margin-top: 25px;
}

/* ============================== */

.access_notify .error_footer {
    margin-top: 25px;
}

.access_notify .error_footer h6 {
    color: var(--darkColor);
    font-family: var(--baseFont);
    font-weight: 400;
    font-size: 14px;
    line-height: 1;
    margin-bottom: 0px;
}

.access_notify .error_footer h6 a {
    color: var(--secondaryColor);
    font-weight: 600;
}

.access_notify .error_footer h6 a:hover {
    text-decoration: underline;
}

/* ===== CSS For "Email Verification" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "Forgot & Resetting" Starts Here ===== */
.access_notify .resetting_form {
    margin-top: 30px;
}

.access_notify .just_remember {
    margin-top: 30px;
}

.access_notify .just_remember h6 {
    color: var(--darkColor);
    font-family: var(--baseFont);
    font-weight: 500;
    font-size: 12px;
    line-height: 1;
    margin-bottom: 0px;
}

.access_notify .just_remember h6 a {
    color: var(--secondaryColor);
    font-weight: 600;
}

.access_notify .just_remember h6 a:hover {
    text-decoration: underline;
}

/* ============================== */

.password_conditions {
    margin: 25px 0px;
    text-align: left;
}

.password_conditions ul {
    margin-bottom: 0px;
}

.password_conditions ul li {
    list-style: none;
    color: var(--grayTexts);
    font-family: var(--baseFont);
    font-weight: 500;
    font-size: 12px;
    margin-bottom: 5px;
    padding-left: 22px;
    background: url('images/Icon_Check_Solid_Dark.png') no-repeat;
    background-position: left center;
    background-size: 15px 15px;
}

.password_conditions ul li.condition_filled {
    background: url('images/Icon_Check_Solid_Color.png') no-repeat;
    background-position: left center;
    background-size: 15px 15px;
}

.password_conditions ul li:last-child {
    margin-bottom: 0px;
}

/* ===== CSS For "Forgot & Resetting" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "RHMBS Main Page" Starts Here ===== */
.rhmbs_page {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 320px 0px 1fr;
    grid-template-columns: 320px 1fr;
    grid-auto-rows: auto;
    gap: 0px;
}

/* ===== CSS For "RHMBS Main Page" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "Side Menubar" Starts Here ===== */
.side_menubar {
    display: grid;
    align-content: space-between;
    padding: 20px;
    background: -o-linear-gradient(287.35deg, #3C6E71 1.2%, #4E9296 103.26%);
    background: linear-gradient(162.65deg, #3C6E71 1.2%, #4E9296 103.26%);
    height: 100vh;
}

/* ============================== */

.side_menubar .navbar {
    display: block;
    padding: 0px;
}

.side_menubar .navbar .container {
    display: block;
    padding: 0px;
}

.side_menubar .navbar .navbar-brand {
    padding: 0px 15px;
    margin-right: 0px;
    margin-bottom: 20px;
}

.side_menubar .navbar .navbar-brand img {
    height: 40px;
}

.side_menubar .navbar .navbar-nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: calc(100vh - 190px);
    overflow-y: auto;
}

.side_menubar .navbar .nav-item {
    margin: 5px 0px;
}

.side_menubar .navbar .nav-link {
    color: var(--lightColor);
    background: transparent;
    font-family: var(--baseFont);
    font-weight: 600;
    font-size: 15px;
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-grid-columns: 24px 12px 1fr;
    grid-template-columns: 24px 1fr;
    grid-auto-rows: auto;
    gap: 12px;
    padding: 13px 15px;
    border-radius: 7px;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.side_menubar .navbar .nav-link:hover {
    background: rgba(255, 255, 255, 0.15);
}

.side_menubar .navbar .nav-link.active {
    background: rgba(255, 255, 255, 0.15);
}

.side_menubar .navbar .nav-link img {
    width: 24px;
}

/* ============================== */

.side_menubar .navbar .nav_dropdown_link {
    position: relative;
}

.side_menubar .navbar .nav_dropdown_link:after {
    content: "\f0d8";
    color: var(--lightColor);
    font-family: "Font Awesome 6 Free";
    font-weight: 700;
    font-size: 18px;
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.side_menubar .navbar .nav_dropdown_link.collapsed:after {
    content: "\f0d7";
}

/* ============================== */

.side_menubar .navbar .drop_menu {
    padding-top: 10px;
    padding-left: 36px;
    margin-bottom: 0px;
}

.side_menubar .navbar .drop_menu li {
    list-style: none;
    margin-bottom: 5px;
}

.side_menubar .navbar .drop_menu li:last-child {
    margin-bottom: 0px;
}

.side_menubar .navbar .drop_menu li .drop_link {
    color: var(--lightColor);
    font-family: var(--baseFont);
    font-weight: 600;
    font-size: 13px;
    position: relative;
    padding: 7.5px 5px;
    padding-left: 15px;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.side_menubar .navbar .drop_menu li .drop_link:before {
    content: "";
    width: 7px;
    height: 7px;
    background: #D9D9D9;
    border-radius: 50%;
    position: absolute;
    left: 0px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.side_menubar .navbar .drop_menu li .drop_link.active,
.side_menubar .navbar .drop_menu li .drop_link:hover {
    color: #44C4CC;
}

.side_menubar .navbar .drop_menu li .drop_link.active:before {
    background: #44C4CC;
}

/* ============================== */

.side_menubar .user_info {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-grid-columns: 48px 10px 1fr;
    grid-template-columns: 48px 1fr;
    grid-auto-rows: auto;
    gap: 10px;
    background: rgba(255, 255, 255, 0.15);
    padding: 11px;
    border-radius: 7px;
}

.side_menubar .user_info img {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
}

.side_menubar .user_info h6 {
    color: var(--lightColor);
    font-family: var(--baseFont);
    font-weight: 600;
    font-size: 15px;
    line-height: 1;
    margin-bottom: 0px;
}

.side_menubar .user_info span {
    color: #C9E4E6;
    font-family: var(--baseFont);
    font-weight: 500;
    font-size: 13px;
    line-height: 1;
    margin-bottom: 0px;
}

/* ===== CSS For "Side Menubar" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "RHMBS Contents" Starts Here ===== */
.rhmbs_contents {
    padding: 20px;
    position: relative;
}

/* ============================== */

.rhmbs_contents .horizontal_mb_nav_btn_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 25px;
    height: 38px;
}

.rhmbs_contents .horizontal_mb_nav_btn_wrap .horizontal_mobile_nav {
    margin-bottom: 0px !important;
}

/* ============================== */

.rhmbs_contents .content_header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 38px;
    margin-bottom: 22px;
}

.rhmbs_contents .content_header .heading {
    display: -ms-grid;
    display: grid;
    -ms-flex-line-pack: center;
    align-content: center;
    margin-bottom: 0px;
}

.rhmbs_contents .content_header .cta_btn_wrap {
    margin-top: 0px;
}

/* ============================== */

.rhmbs_contents .items_counter .sub_heading {
    margin-bottom: 0px;
}

.rhmbs_contents .items_counter .sub_heading span {
    color: var(--darkColor);
    font-family: var(--baseFont);
    font-weight: 500;
    font-size: 12px;
    display: inline-block;
    box-shadow: 0px 1px 2px 0px #00000040;
    border: 1px solid #DCDCDC;
    border-radius: 3px;
    padding: 2px 5px;
    margin-left: 10px;
    position: relative;
    top: -1px;
}

.rhmbs_contents .items_count_btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px;
}

.rhmbs_contents .items_count_btns ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0px;
}

.rhmbs_contents .items_count_btns ul li {
    list-style: none;
    margin-left: 6px;
}

.rhmbs_contents .items_count_btns ul li:first-child {
    margin-left: 0px;
}

/* ============================== */

.rhmbs_contents .cta_btn {
    padding: 8.5px 20px;
}

.rhmbs_contents .cta_btn.cta_icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8.5px 20px;
}

.rhmbs_contents .cta_btn.cta_icon img {
    width: 18px;
    margin-right: 6px;
}

.rhmbs_contents .cta_btn.cta_icon_bdr {
    border: 1px solid #898989;
    background: transparent;
    color: var(--darkColor);
    padding: 7.5px 20px;
}

.rhmbs_contents .cta_btn.cta_icon_bdr:hover {
    color: var(--lightColor);
    background: var(--secondaryColor);
    border: 1px solid var(--secondaryColor);
}

.rhmbs_contents .cta_btn.cta_icon_bdr .icon_white {
    display: none;
}

.rhmbs_contents .cta_btn.cta_icon_bdr:hover .icon_black {
    display: none;
}

.rhmbs_contents .cta_btn.cta_icon_bdr:hover .icon_white {
    display: inline-block;
}

/* ============================== */

.rhmbs_contents .horizontal_nav_search_filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

/* ===== CSS For "RHMBS Contents" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "Table Box" Starts Here ===== */
.rhmbs_contents .table_box {
    border: 1px solid #DCDCDC;
    border-radius: 15px;
}

/* ===== CSS For "Table Box" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "Table Header" Starts Here ===== */
.rhmbs_contents .table_box .table_header {
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.rhmbs_contents .table_box .table_header .sorting_btns ul {
    margin-bottom: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border: 1px solid #DCDCDC;
    border-radius: 7.5px;
}

.rhmbs_contents .table_box .table_header .sorting_btns ul li {
    list-style: none;
    border-right: 1px solid #DCDCDC;
}

.rhmbs_contents .table_box .table_header .sorting_btns ul li:last-child {
    border-right: none;
}

.rhmbs_contents .table_box .table_header .sorting_btns .cta_btn {
    color: #898989;
    background: var(--lightColor);
    border-radius: 0px;
    padding: 7.5px 20px
}

.rhmbs_contents .table_box .table_header .sorting_btns .cta_btn:hover {
    color: var(--darkColor);
    background: #F9F9F9;
}

.rhmbs_contents .table_box .table_header .sorting_btns .cta_btn.active {
    color: var(--darkColor);
    background: #F5F5F5;
}

.rhmbs_contents .table_box .table_header .sorting_btns ul li:first-child .cta_btn {
    border-radius: 7.5px 0px 0px 7.5px;
}

.rhmbs_contents .table_box .table_header .sorting_btns ul li:last-child .cta_btn {
    border-radius: 0px 7.5px 7.5px 0px;
}

/* ============================== */

.rhmbs_contents .search_filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.rhmbs_contents .search_box {
    width: 310px;
    margin-right: 6px;
    position: relative;
}

.rhmbs_contents .search_box .form-control {
    color: var(--darkColor);
    font-family: var(--baseFont);
    font-weight: 500;
    font-size: 14px;
    height: inherit;
    border: 1px solid #898989;
    border-radius: 7.5px;
    padding: 7.5px 15px;
    padding-left: 40px;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.rhmbs_contents .search_box .form-control:active,
.rhmbs_contents .search_box .form-control:focus {
    box-shadow: none;
    border: 1px solid var(--baseColor);
    background: #F7F7F7;
}

.rhmbs_contents .search_box .btn {
    padding: 0px;
    border: none;
    border-radius: 0px;
    padding: 0px;
    line-height: 1;
    position: absolute;
    left: 15px;
    top: 9px;
}

.rhmbs_contents .search_box .btn img {
    width: 18px;
}

.rhmbs_contents .search_box .btn:focus {
    box-shadow: none;
}

.rhmbs_contents .search_box .btn:focus-visible {
    outline: none;
}

/* ============================== */

.rhmbs_contents .filter_btn .cta_btn {
    min-width: 120px;
}

.rhmbs_contents .filter_btn.show .cta_btn {
    color: var(--lightColor);
    background: var(--baseColor);
    border: 1px solid var(--baseColor);
}

.rhmbs_contents .filter_btn.show .cta_btn .icon_black {
    display: none;
}

.rhmbs_contents .filter_btn.show .cta_btn .icon_white {
    display: inline-block;
}

.rhmbs_contents .filter_btn .filter_down {
    width: 120px;
    min-width: inherit;
    -webkit-transform: translate3d(0px, -1px, 0px) !important;
    -ms-transform: translate3d(0px, -1px, 0px) !important;
    transform: translate3d(0px, -1px, 0px) !important;
    padding: 0px;
    margin: 0px;
    border-radius: 7.5px;
    left: inherit !important;
    top: 45px !important;
    right: 0px;
    border: 1px solid #898989;
    box-shadow: 0px 4px 32px rgba(0, 0, 0, 0.2);
}

.rhmbs_contents .filter_btn .filter_down ul {
    padding: 0px;
    margin: 0px;
}

.rhmbs_contents .filter_btn .filter_down ul li {
    list-style: none;
    display: block;
    margin: 0px;
}

.rhmbs_contents .filter_btn .filter_down ul li a {
    color: #898989;
    background: var(--lightColor);
    font-family: var(--baseFont);
    font-weight: 600;
    font-size: 13px;
    display: block;
    padding: 8.75px 5px;
    text-align: center;
    border-bottom: 1px solid #DFDFDF;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.rhmbs_contents .filter_btn .filter_down ul li:first-child a {
    border-radius: 7px 7px 0px 0px;
}

.rhmbs_contents .filter_btn .filter_down ul li:last-child a {
    border-radius: 0px 0px 7px 7px;
    border-bottom: none;
}

.rhmbs_contents .filter_btn .filter_down ul li a:hover {
    color: var(--lightColor);
    background: var(--baseColor);
}

/* ===== CSS For "Table Header" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "Table Body" Starts Here ===== */
.rhmbs_contents .table_body table {
    margin-bottom: 0px;
}

.rhmbs_contents .table_body .inventory_table tbody {
    width: 100%;
    max-height: calc(100vh - 328px);
    display: block;
    overflow-y: auto;
}

.rhmbs_contents .table_body tbody tr,
.rhmbs_contents .table_body thead tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

/* ============================== */

.rhmbs_contents .table_body th {
    border-top: 1px solid var(--baseColor);
    border-bottom: 1px solid var(--baseColor);
    background: var(--baseColor);
    padding: 12.55px 15px;
    vertical-align: middle;
    text-align: center;
}

.rhmbs_contents .table_body th h6 {
    color: var(--lightColor);
}

.rhmbs_contents .table_body th.item_name_td {
    text-align: left;
}

.rhmbs_contents .table_body td {
    border-top: 1px solid #DCDCDC;
    vertical-align: middle;
    text-align: center;
    padding: 10.45px 15px;
}

.rhmbs_contents .table_body tbody tr:first-child td {
    border-top: none;
}

.rhmbs_contents .table_body td.item_name_td {
    text-align: left;
}

.rhmbs_contents .table_body h5 {
    color: var(--darkColor);
    font-family: var(--baseFont);
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 0px;
}

.rhmbs_contents .table_body h6 {
    color: #898989;
    font-family: var(--baseFont);
    font-weight: 600;
    font-size: 12px;
    margin-bottom: 0px;
}

.rhmbs_contents .table_body .item_pic_name h5 {
    font-weight: 600;
}

.rhmbs_contents .table_body .item_pic_name {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-grid-columns: 32px 8px 1fr;
    grid-template-columns: 32px 1fr;
    grid-auto-rows: auto;
    gap: 8px;
}

.rhmbs_contents .table_body .item_pic_name .item_pic img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
}

/* ============================== */

.rhmbs_contents .table_body .expiry_date_td {
    width: 120px;
}

.rhmbs_contents .table_body .actions_td {
    width: 120px;
}

.rhmbs_contents .table_body .actions_td ul {
    margin-bottom: 0px;
}

.rhmbs_contents .table_body .actions_td ul li {
    list-style: none;
    display: inline-block;
    margin-right: 10px;
}

.rhmbs_contents .table_body .actions_td ul li:last-child {
    margin-right: 0px;
}

.rhmbs_contents .table_body .actions_td ul li img {
    width: 18px;
}

/* ============================== */

.rhmbs_contents .table_body .inven_items_table .sku_td {
    width: 130px;
}

.rhmbs_contents .table_body .inven_items_table .stock_td {
    width: 100px;
}

.rhmbs_contents .table_body .inven_items_table .category_td {
    width: 175px;
}

.rhmbs_contents .table_body .inven_items_table .actions_td {
    width: 150px;
}

/* ===== CSS For "Table Body" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "Table Footer" Starts Here ===== */
.rhmbs_contents .table_box .table_footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px;
    border-top: 1px solid #DCDCDC;
}

.rhmbs_contents .table_box .table_footer .page_indicator h6 {
    color: #898989;
    font-family: var(--baseFont);
    font-weight: 600;
    font-size: 12px;
    margin-bottom: 0px;
}

.rhmbs_contents .table_box .table_footer ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0px;
}

.rhmbs_contents .table_box .table_footer ul li {
    list-style: none;
    margin-left: 6px;
}

.rhmbs_contents .table_box .table_footer ul li:first-child {
    margin-left: 0px;
}

.rhmbs_contents .table_box .table_footer .cta_btn {
    color: #898989;
    background: var(--lightColor);
    border: 1px solid #898989;
    padding: 4.5px 15px;
    min-width: 100px;
}

.rhmbs_contents .table_box .table_footer .cta_btn:hover {
    color: var(--darkColor);
    background: #F5F5F5;
}

/* ===== CSS For "Table Footer" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "Back to Details" Starts Here ===== */
.rhmbs_contents .back_to_main_page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 18px;
}

.rhmbs_contents .back_to_main_page a {
    display: inline-block;
}

.rhmbs_contents .back_to_main_page a img {
    height: 32px;
}

.rhmbs_contents .back_to_main_page a .color_icon {
    display: none;
}

.rhmbs_contents .back_to_main_page a:hover .grey_icon {
    display: none;
}

.rhmbs_contents .back_to_main_page a:hover .color_icon {
    display: inline-block;
}

/* ============================== */

.rhmbs_contents .back_to_details_page {
    height: calc(100vh - 90px);
    overflow-y: auto;
    border: 1px solid #DCDCDC;
    padding: 20px;
}

.rhmbs_contents .table_body .center_align_table tbody tr,
.rhmbs_contents .table_body .center_align_table thead tr {
    display: table-row;
    width: 100%;
    table-layout: inherit;
}

.rhmbs_contents .table_body .center_align_table th,
.rhmbs_contents .table_body .center_align_table th h6,
.rhmbs_contents .table_body .center_align_table td,
.rhmbs_contents .table_body .center_align_table td h5 {
    text-align: center;
}

/* ===== CSS For "Back to Details" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "Item Details" Starts Here ===== */
.back_to_details_page .it_details_st_summary {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 4fr 15px 3fr;
    grid-template-columns: 4fr 3fr;
    grid-auto-rows: auto;
    gap: 15px;

    margin-bottom: 30px;
}

.back_to_details_page .it_details_st_summary .it_st_box {
    border: 1px solid #DCDCDC;
    border-radius: 15px;
}

.back_to_details_page .it_details_st_summary .heading {
    background: var(--baseColor);
    border-radius: 15px 15px 0px 0px;
    text-align: center;
    padding: 7.5px 15px;
    margin-bottom: 0px;
}

.back_to_details_page .it_details_st_summary .heading h5 {
    color: var(--lightColor);
}

.back_to_details_page .it_details_st_summary .it_st_box_body {
    padding: 25px 15px;
    position: relative;
}

.back_to_details_page .it_details_st_summary ul {
    margin-bottom: 0px;
}

.back_to_details_page .it_details_st_summary ul li {
    list-style: none;
    color: var(--darkColor);
    font-family: var(--baseFont);
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 20px;
}

.back_to_details_page .it_details_st_summary ul li:last-child {
    margin-bottom: 0px;
}

.back_to_details_page .it_details_st_summary ul li .it_field {
    width: 110px;
    display: inline-block;
    font-weight: 600;
}

.back_to_details_page .wh_details_st_summary ul li .it_field {
    width: 145px;
}

.back_to_details_page .it_details_st_summary ul li .bold_texts {
    font-weight: 700;
}

/* ============================== */

.back_to_details_page .it_details_st_summary .it_info_image {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 10px 110px;
    grid-template-columns: 1fr 110px;
    grid-auto-rows: auto;
    gap: 10px;
}

.back_to_details_page .it_details_st_summary .it_info_image .item_image .image_wrap img {
    width: 110px;
    height: 110px;
    border: 1px solid rgb(220, 220, 220);
    border-radius: 10px;
    object-fit: cover;
}

.back_to_details_page .it_details_st_summary .it_info_image .item_image {
    display: -ms-grid;
    display: grid;
    -ms-flex-line-pack: center;
    align-content: center;
}

.back_to_details_page .it_details_st_summary .it_info_image .item_image .edit_button {
    position: absolute;
    right: 15px;
    bottom: 15px;
}

.back_to_details_page .it_details_st_summary .it_info_image .item_image .edit_button img {
    width: 18px;
}

/* ============================== */

.back_to_details_page .list_of_batches .heading {
    margin-bottom: 10px;
}

.back_to_details_page .list_of_batches .table_box {
    max-width: 660px;
}

.back_to_details_page .list_of_batches .table_box .actions_td .near_expiry {
    color: #E7A254;
    font-weight: 600;
}

.back_to_details_page .list_of_batches .table_box .actions_td .ok {
    color: #35AB6C;
    font-weight: 600;
}

/* ===== CSS For "Item Details" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "Batches List" Starts Here ===== */
.rhmbs_contents .bt_st_details_page {
    height: auto;
    overflow-y: auto;
    border: none;
    padding: 0px;
}

.rhmbs_contents .bt_st_table_actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 12px;
}

.rhmbs_contents .bt_st_table_actions .table_actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.rhmbs_contents .bt_st_table_actions .table_actions>* {
    margin-right: 6px;
}

.rhmbs_contents .bt_st_table_actions .table_actions>*:last-child {
    margin-right: 0px;
}

.rhmbs_contents .bt_st_table_actions .heading {
    margin-bottom: 0px;
}

.rhmbs_contents .bt_st_table_actions .cta_button .cta_btn {
    padding: 8.5px 20px;
    min-width: 120px;
}

.rhmbs_contents .bt_st_table_actions .search_box {
    width: 275px;
}

.rhmbs_contents .drop_select_box .form-control {
    color: var(--darkColor);
    background: var(--lightColor);
    font-family: var(--baseFont);
    font-weight: 400;
    font-size: 14px;
    border: 1px solid #898989;
    border-radius: 7.5px;
    padding: 7.5px 15px;
    padding-right: 25px;
    height: inherit;
    min-width: 160px;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.rhmbs_contents .bt_st_table_actions .time_range_box .form-control {
    min-width: 200px;
}

.rhmbs_contents .drop_select_box .form-control:active,
.rhmbs_contents .drop_select_box .form-control:focus {
    border: 1px solid var(--baseColor);
    box-shadow: none;
    background: rgb(247, 247, 247);
}

.rhmbs_contents .table_body .batch_list_table tbody {
    width: 100%;
    max-height: calc(100vh - 183px);
    display: block;
    overflow-y: auto;
}

.rhmbs_contents .table_body .batch_list_table .batch_code_td {
    width: 150px;
}

.rhmbs_contents .table_body .batch_list_table .quantity_td {
    width: 150px;
}

.rhmbs_contents .table_body .batch_list_table .status_td {
    width: 150px;
}

.rhmbs_contents .table_body .batch_list_table .status_td h5 .ok {
    color: #35AB6C;
    font-weight: 600;
}

.rhmbs_contents .table_body .batch_list_table .status_td h5 .near_expiry {
    color: #E7A254;
    font-weight: 600;
}

.rhmbs_contents .table_body .batch_list_table .mvm_type_td h5 .in {
    color: #2DBA77;
    font-weight: 600;
}

.rhmbs_contents .table_body .batch_list_table .mvm_type_td h5 .out {
    color: #D22222;
    font-weight: 600;
}

.rhmbs_contents .table_body .batch_list_table .actions_td {
    width: 150px;
}

.rhmbs_contents .table_body .overflow_active thead {
    overflow-y: scroll;
    width: 100%;
    display: block;
    background: var(--baseColor);
    border-radius: 15px 15px 0px 0px;
}

/* ===== CSS For "Batches List" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */

.rhmbs_contents {
    position: relative;
}

.rhmbs_contents .language_switcher {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 130px;
}

.rhmbs_contents .language_switcher .select_field::before {
    content: "\f0ac";
    color: var(--secondaryColor);
    font-family: "Font Awesome 6 Free";
    font-weight: 700;
    font-size: 15px;
    position: absolute;
    left: 10px;
    top: 50%;
    pointer-events: none;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.rhmbs_contents .language_switcher .select_field::after {
    right: 10px;
}

.rhmbs_contents .language_switcher .form-control {
    color: var(--darkColor);
    font-family: var(--baseFont);
    font-weight: 600;
    font-size: 14px;
    border: 1px solid #898989;
    border-radius: 7.5px;
    background: #F7F7F7;
    height: inherit;
    padding: 4.5px 20px;
    padding-left: 30px;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.rhmbs_contents .language_switcher .form-control:active,
.rhmbs_contents .language_switcher .form-control:focus {
    box-shadow: none;
    border: 1px solid var(--baseColor);
    background: #E5F5F5;
}

/* Styles for the loader overlay */
#loader-wrapper {
    position: absolute;
    top: 0;
    bottom: 0px;
    left: 0;
    right: 0px;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: #fff;
    transition: opacity .5s ease;
    /* This will be used for the fade-out effect */
}

/* Styles for the spinning loader itself */
#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 80px;
    height: 80px;
    margin: -40px 0 0 -40px;
    border: 3px solid #FFFFFF;
    border-radius: 50%;
    /* border-top: 3px solid var(--baseColor); */
    animation: spin 2s linear infinite;
}

#loader img {
    width: 60px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/* Keyframe animation for the spinning effect */
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* This class will be added by jQuery to fade out the loader */
.loader-hidden {
    display: none;
}


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "Dashboard" Starts Here ===== */
.rhmbs_contents.dash_dash {
    padding: 20px;
}

.content_header.dash_content_header {
    margin-bottom: 20px;
}

.dash_head_contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

/* ============================== */

.dash_head_contents>* {
    margin-right: 25px;
}

.dash_head_contents>*:last-child {
    margin-right: 0px;
}

/* ============================== */

.dash_head_contents .search_box {
    margin-right: 0px;
}

/* ============================== */

.dash_head_contents .notify_icon_wrap {
    display: -ms-grid;
    display: grid;
    -ms-flex-line-pack: center;
    align-content: center;
}

.dash_head_contents .notify_icon a {
    display: inline-block;
    position: relative;
}

.dash_head_contents .notify_icon img {
    width: 30px;
}

.dash_head_contents .notify_icon .notify_badge {
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background: var(--baseColor);
    border-radius: 50%;
    color: var(--lightColor);
    font-family: var(--baseFont);
    font-weight: 500;
    font-size: 12px;
    display: inline-block;
    position: absolute;
    right: -5px;
    top: -5px;
}

/* ============================== */

.dash_head_contents .language_switcher {
    position: static;
    width: 130px;
}

.dash_head_contents .language_switcher .form-control {
    padding: 7.5px 20px;
    padding-left: 30px;
}

/* ============================== */

.dash_contents {
    border: 1px solid #DCDCDC;
    padding: 20px;
    height: calc(100vh - 98px);
    overflow-y: auto;
}

.dash_contents .quick_links_header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px;
}

.dash_contents .quick_links_header .heading {
    margin-bottom: 0px;
}

.dash_contents .quick_links_header ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0px;
}

.dash_contents .quick_links_header ul li {
    list-style: none;
    margin-right: 6px;
}

.dash_contents .quick_links_header ul li:last-child {
    margin-right: 0px;
}

/* ============================== */

.dash_contents .quick_links_body {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: auto;
    gap: 20px;
}

.dash_contents .quick_links_body .single_quick_link a {
    display: -ms-grid;
    display: grid;
    justify-items: center;
    color: var(--lightColor);
    font-family: var(--baseFont);
    font-weight: 600;
    font-size: 15px;
    height: 100%;
    padding: 20px 10px;
    background: var(--baseColor);
    border-radius: 7.5px;
    text-align: center;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.dash_contents .quick_links_body .single_quick_link a img {
    max-width: 42px;
}

.dash_contents .quick_links_body .single_quick_link a .txts {

    margin-top: 10px;
}

.dash_contents .quick_links_body .single_quick_link a:hover {
    background: var(--secondaryColor);
}

/* ============================== */

.dash_contents .at_a_glance {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 15px 1fr 15px 1fr;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: auto;
    gap: 15px;
    margin: 40px 0px;
}

.dash_contents .at_a_glance .single_dash_box {
    border: 1px solid #898989;
    border-radius: 7.5px;
    padding: 20px;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.dash_contents .at_a_glance .single_dash_box:hover {
    background: #F7F7F7;
    cursor: pointer;
    border: 1px solid var(--baseColor);
    box-shadow: 0px 0px 5px 0px #4E9296D9;
}

.dash_contents .at_a_glance .single_dash_box h6 {
    color: var(--darkColor);
    font-family: var(--baseFont);
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 10px;
}

.dash_contents .at_a_glance .single_dash_box h2 {
    color: var(--darkColor);
    font-family: var(--baseFont);
    font-weight: 600;
    font-size: 30px;
    margin-bottom: 0px;
}

/* ============================== */

.dash_contents .dash_graphs {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 20px 1fr;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: auto;
    gap: 20px;
}

.dash_contents .dash_graphs .heading {
    margin-bottom: 10px;
}

.dash_contents .dash_graphs .graph_box {
    border: 1px solid #DCDCDC;
    border-radius: 15px;
    padding: 15px;
}

/* ===== CSS For "Dashboard" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "Stock Lookup" Starts Here ===== */
.stock_lookup {
    max-height: calc(100vh - 100px);
    overflow-y: auto;
    border: 1px solid #DCDCDC;
    padding: 20px;
}

.stock_lookup .search_with_filter_wrap {
    margin-bottom: 20px;
}

.stock_lookup .search_with_filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.stock_lookup .search_with_filter .search_box_wrap {
    width: calc(100% - 471px);
}

/* ============================== */

.rhmbs_contents .search_box_v2 {
    width: 100%;
    margin-right: 0px;
    position: relative;
}

.rhmbs_contents .search_box_v2 .form-control {
    color: var(--darkColor);
    font-family: var(--baseFont);
    font-weight: 500;
    font-size: 14px;
    height: inherit;
    border: 1px solid #898989;
    border-radius: 7.5px;
    padding: 7.5px 15px;
    padding-left: 40px;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.rhmbs_contents .search_box_v2 .form-control:active,
.rhmbs_contents .search_box_v2 .form-control:focus {
    box-shadow: none;
    border: 1px solid var(--baseColor);
    background: #F7F7F7;
}

.rhmbs_contents .search_box_v2 img {
    width: 18px;
    position: absolute;
    left: 15px;
    top: 12px;
}

/* ============================== */

.stock_lookup .search_with_filter .filter_buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.stock_lookup .search_with_filter .filter_buttons>* {
    margin-right: 10px;
}

.stock_lookup .search_with_filter .filter_buttons>*:last-child {
    margin-right: 0px;
}

.stock_lookup .search_with_filter .filter_buttons .cta_btn {
    padding: 8.5px 20px;
    border: none;
    min-width: 120px;
}

.stock_lookup .search_with_filter .filter_buttons .cta_btn:active,
.stock_lookup .search_with_filter .filter_buttons .cta_btn:focus {
    box-shadow: none;
}

/* ============================== */

.stock_lookup .search_with_filter_wrap .if_not_found_item {
    margin-top: 5px;
    padding-left: 15px;
}

.stock_lookup .search_with_filter_wrap .if_not_found_item h6 {
    color: #D80027;
    font-family: var(--baseFont);
    font-weight: 500;
    font-size: 12px;
    margin-bottom: 0px;
}

/* ============================== */

.stock_lookup .found_items_table {
    margin-bottom: 30px;
}

.stock_lookup .found_items_table .table_body .actions_td ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.stock_lookup .found_items_table .table_body .actions_td ul li:first-child {
    margin-right: 20px;
}

.stock_lookup .found_items_table .table_body .actions_td ul li:first-child a {
    width: 18px;
    display: inline-block;
}

.stock_lookup .found_items_table .table_body td h5 {
    color: var(--blackColor);
    font-weight: 600;
}

/* ============================== */

.stock_lookup .item_batches_table {
    max-width: 480px;
}

.stock_lookup .item_batches_table .heading {
    margin-bottom: 10px;
    padding-left: 15px;
}

/* ===== CSS For "Stock Lookup" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "Warehouse Management" Starts Here ===== */
.rhmbs_contents .search_city_selection {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.rhmbs_contents .search_city_selection .city_selection .form-control {
    color: var(--darkColor);
    font-family: var(--baseFont);
    font-weight: 500;
    font-size: 14px;
    min-width: 130px;
    height: inherit;
    border: 1px solid #898989;
    border-radius: 7.5px;
    padding: 7.5px 10px;
    padding-right: 25px;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.rhmbs_contents .search_city_selection .city_selection .form-control:active,
.rhmbs_contents .search_city_selection .city_selection .form-control:focus {
    box-shadow: none;
    background: #F7F7F7;
    border: 1px solid var(--baseColor);
}

/* ============================== */

.rhmbs_contents .table_body .warehouse_table tbody {
    width: 100%;
    max-height: calc(100vh - 275px);
    display: block;
    overflow-y: auto;
}

.rhmbs_contents .table_body .warehouse_table .wname_td {
    text-align: left;
}

/* ============================== */

.wh_rls .nav {
    margin-bottom: 15px;
    border-bottom: none;
}

.wh_rls .nav .nav-link {
    color: #898989;
    font-family: var(--baseFont);
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 0px;
    border: 1px solid #DCDCDC;
    border-right: none;
    border-radius: 0px;
    padding: 7.5px 20px;
}

.wh_rls .wh_rls_sla .nav .nav-link {
    padding: 2.5px 20px;
    min-width: 148.55px;
    color: var(--darkColor);
    background: #EEEEEE;
}

.wh_rls .nav .nav-link:first-child {
    border-radius: 7.5px 0px 0px 7.5px;
}

.wh_rls .nav .nav-link:last-child {
    border-right: 1px solid #DCDCDC;
    border-radius: 0px 7.5px 7.5px 0px;
}

.wh_rls .nav .nav-link:hover {
    color: var(--darkColor);
    background: #F5F5F5;
}

.wh_rls .nav .nav-link.active {
    color: var(--lightColor);
    background: var(--baseColor);
    border: 1px solid var(--baseColor);
}

.wh_rls .wh_rls_sla .nav .asi_link.active {
    color: var(--lightColor);
    background: #30C980;
    border: 1px solid #30C980;
}

.wh_rls .wh_rls_sla .nav .lsa_link.active {
    color: var(--lightColor);
    background: #DF506A;
    border: 1px solid #DF506A;
}

/* ============================== */

.wh_rls .wh_rls_header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 38px;
    margin-bottom: 10px;
}

.wh_rls .wh_rls_header .heading {
    margin-bottom: 0px;
}

.wh_rls .wh_rls_header .heading h6.stock_alert {
    position: relative;
    padding-left: 20px;
}

.wh_rls .wh_rls_header .heading h6.stock_alert:before {
    content: "";
    width: 12px;
    height: 12px;
    background: #30C980;
    border-radius: 50%;
    position: absolute;
    left: 0px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.wh_rls .wh_rls_header .heading h6.low_alert:before {
    background: #DF506A;
}

/* ============================== */

.rhmbs_contents .wh_rls_header .table_actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.rhmbs_contents .wh_rls_header .table_actions>* {
    margin-right: 6px;
}

.rhmbs_contents .wh_rls_header .table_actions>*:last-child {
    margin-right: 0px;
}

/* ============================== */

.wh_rls .wh_rls_header .right_actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.wh_rls .wh_rls_header .right_actions .drop_select_box {
    margin-right: 6px;
}

.wh_rls .wh_rls_header .right_actions .drop_select_box .form-control {
    color: var(--darkColor);
    background: var(--lightColor);
    font-family: var(--baseFont);
    font-weight: 400;
    font-size: 14px;
    border: 1px solid #898989;
    border-radius: 7.5px;
    padding: 7.5px 15px;
    padding-right: 25px;
    height: inherit;
    min-width: 120px;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.wh_rls .wh_rls_header .right_actions .drop_select_box .form-control:active,
.wh_rls .wh_rls_header .right_actions .drop_select_box .form-control:focus {
    border: 1px solid var(--baseColor);
    box-shadow: none;
    background: rgb(247, 247, 247);
}

.rhmbs_contents .table_body .stock_ov_table .actions_td {
    width: auto;
}

.wh_rls .wh_rls_location {
    max-width: 660px;
}

.rhmbs_contents .table_body .recent_a_table .date_td {
    text-align: left;
}

.rhmbs_contents .wh_loc_list_page .heading {
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
}

.rhmbs_contents .wh_loc_list_page .search_box {
    width: 290px;
}

.rhmbs_contents .wh_loc_list_page .table_actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 12px;
}

.rhmbs_contents .wh_loc_list_page .table_actions .filter_and_buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.rhmbs_contents .wh_loc_list_page .table_actions .filter_and_buttons>* {
    margin-right: 6px;
}

.rhmbs_contents .wh_loc_list_page .table_actions .filter_and_buttons>*:last-child {
    margin-right: 0px;
}

.rhmbs_contents .wh_loc_list_page .drop_select_box .form-control {
    color: var(--darkColor);
    background: var(--lightColor);
    font-family: var(--baseFont);
    font-weight: 400;
    font-size: 14px;
    border: 1px solid #898989;
    border-radius: 7.5px;
    padding: 7.5px 15px;
    padding-right: 25px;
    height: inherit;
    min-width: auto;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.rhmbs_contents .wh_loc_list_page .drop_select_box .form-control:active,
.rhmbs_contents .wh_loc_list_page .drop_select_box .form-control:focus {
    border: 1px solid var(--baseColor);
    box-shadow: none;
    background: rgb(247, 247, 247);
}

.rhmbs_contents .wh_loc_list_page .th_filters .drop_select_box .form-control {
    min-width: 150px;
}

.rhmbs_contents .table_body .wh_loc_list_table tbody {
    width: 100%;
    max-height: calc(100vh - 223px);
    display: block;
    overflow-y: auto;
}

.rhmbs_contents .table_body .wh_loc_list_table .asso_wh_td {
    text-align: left;
}

.rhmbs_contents .table_body .wh_loc_list_table .trans_id_td {
    text-align: left;
}

/* ============================== */

.rhmbs_contents .wh_loc_list_page .table_actions .th_filters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.rhmbs_contents .wh_loc_list_page .table_actions .th_filters>* {
    margin-right: 6px;
}

.rhmbs_contents .wh_loc_list_page .table_actions .th_filters>*:last-child {
    margin-right: 0px;
}

.rhmbs_contents .wh_loc_list_page .table_actions .th_buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.rhmbs_contents .wh_loc_list_page .table_actions .th_buttons>* {
    margin-right: 6px;
}

.rhmbs_contents .wh_loc_list_page .table_actions .th_buttons>*:last-child {
    margin-right: 0px;
}

/* ===== CSS For "Warehouse Management" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "User Management" Starts Here ===== */
.rhmbs_contents .horizontal_nav_header {
    margin-bottom: 20px;
}

.rhmbs_contents .horizontal_nav_header .horizontal_mobile_nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px;
    height: 32px;
}

.rhmbs_contents .horizontal_nav_header .horizontal_mobile_nav .horizontal_toggle_wrap {
    display: none;
}

.rhmbs_contents .horizontal_nav_header .heading {
    margin-bottom: 0px;
}

/* ============================== */

.rhmbs_contents .horizontal_nav_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.rhmbs_contents .horizontal_nav {
    margin-bottom: 0px;
    font-size: 0px;
}

.rhmbs_contents .horizontal_nav li {
    list-style: none;
    display: inline-block;
    border: 1px solid #DCDCDC;
    border-right: none;
}

.rhmbs_contents .horizontal_nav li:last-child {
    border-right: 1px solid #DCDCDC;
}

.rhmbs_contents .horizontal_nav .cta_btn {
    color: #898989;
    background: #F9F9F9;
    border-radius: 0px;
    padding: 7.5px 20px;
}

.rhmbs_contents .horizontal_nav .cta_btn:hover {
    color: var(--darkColor);
    background: #F5F5F5;
}

.rhmbs_contents .horizontal_nav .cta_btn.active {
    color: var(--darkColor);
    background: var(--lightColor);
}

.rhmbs_contents .horizontal_nav li:first-child {
    border-radius: 7.5px 0px 0px 7.5px;
}

.rhmbs_contents .horizontal_nav li:first-child .cta_btn {
    border-radius: 7.5px 0px 0px 7.5px;
}

.rhmbs_contents .horizontal_nav li:last-child {
    border-radius: 0px 7.5px 7.5px 0px;
}

.rhmbs_contents .horizontal_nav li:last-child .cta_btn {
    border-radius: 0px 7.5px 7.5px 0px;
}

/* ============================== */

.rhmbs_contents .user_action_btns>ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0px;
}

.rhmbs_contents .user_action_btns>ul li {
    list-style: none;
    margin-left: 6px;
}

.rhmbs_contents .user_action_btns>ul li:first-child {
    margin-left: 0px;
}

/* ============================== */

.rhmbs_contents .table_body .user_table tbody {
    width: 100%;
    max-height: calc(100vh - 334px);
    display: block;
    overflow-y: auto;
}

.rhmbs_contents .table_body .user_table .check_td {
    width: 48px;
}

.rhmbs_contents .table_body .user_table .name_td {
    text-align: left;
    padding-left: 0px;
}

.rhmbs_contents .table_body .user_table .name_td a {
    color: #898989;
    font-family: var(--baseFont);
    font-weight: 500;
    font-size: 12px;
    line-height: 1;
    display: block;
    margin-top: 2px;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.rhmbs_contents .table_body .user_table .name_td a:hover {
    color: var(--secondaryColor);
}

.rhmbs_contents .table_body .user_table .role_td h5 {
    color: #898989;
}

.rhmbs_contents .table_body .user_table .status_td span {
    color: #898989;
    font-family: var(--baseFont);
    font-weight: 500;
    font-size: 14px;
    display: inline-block;
}

.rhmbs_contents .table_body .user_table .status_td span.status_active {
    color: #35AB6C;
    font-weight: 600;
}

.rhmbs_contents .table_body .user_table .role_td {
    width: 120px;
}

.rhmbs_contents .table_body .user_table .status_td {
    width: 120px;
}

.rhmbs_contents .table_body .user_table .actions_td {
    width: 120px;
}

/* ===== CSS For "User Management" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "Team Management" Starts Here ===== */
.rhmbs_contents .table_body .team_table tbody {
    width: 100%;
    max-height: calc(100vh - 256px);
    display: block;
    overflow-y: auto;
}

/* ============================== */

.rhmbs_contents .table_body .rounded_table th {
    border-top: none;
}

.rhmbs_contents .table_body .rounded_table th:first-child {
    border-radius: 15px 0px 0px 0px;
}

.rhmbs_contents .table_body .rounded_table th:last-child {
    border-radius: 0px 15px 0px 0px;
}

/* ============================== */

.rhmbs_contents .table_body .team_table .team_td {
    text-align: left;
}

.rhmbs_contents .table_body .team_table .members_td {
    width: 150px;
}

.rhmbs_contents .table_body .team_table .active_order_td {
    width: 150px;
}

.rhmbs_contents .table_body .team_table .actions_td {
    width: 150px;
}

/* ===== CSS For "Team Management" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "Team Details" Starts Here ===== */
.the_details_modal .modal-dialog {
    margin: 15px auto;
}

.the_details_modal .modal-dialog-centered {
    min-height: calc(100% - 30px);
}

.the_details_modal .modal-content .modal-body {
    padding: 20px;
}

.the_details_modal .rhmbs_contents {
    padding: 0px;
    border: 1px solid #DCDCDC;
    border-radius: 15px;
}

.the_details_modal .modal-header {
    border-bottom: 1px solid #DCDCDC;
    position: relative;
    padding: 20px;
    padding-right: 30px;
}

.the_details_modal .modal-header h4 {
    color: var(--darkColor);
    font-family: var(--baseFont);
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 0px;
}

.the_details_modal .modal-header .close {
    position: absolute;
    right: 20px;
    top: 45%;
    opacity: 1;
    padding: 0px;
    margin: 0px;
    line-height: 1;
    text-shadow: none;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.the_details_modal .modal-header .close:hover {
    opacity: 1;
}

.the_details_modal .modal-header .close img {
    height: 15px;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

/* ============================== */

.the_details_modal .delete_details_button {
    padding: 15px;
    border-top: 1px solid #DCDCDC;
}

.the_details_modal .delete_details_button .cta_btn {
    color: #D9310C;
    background: #F9F9F9;
    border: 1px solid #D9310C;
    padding: 8.5px 15px;
}

.the_details_modal .delete_details_button .cta_btn:hover {
    color: var(--lightColor);
    background: rgb(217, 49, 12);
}

/* ============================== */

.the_details_modal .table_body .the_details_table tbody {
    width: 100%;
    max-height: calc(100vh - 251px);
    display: block;
    overflow-y: auto;
}

.the_details_modal .table_body .the_details_table th {
    border-top: none;
}

.the_details_modal .table_body .the_details_table th:first-child {
    border-radius: 15px 0px 0px 0px;
}

.the_details_modal .table_body .the_details_table th:last-child {
    border-radius: 0px 15px 0px 0px;
}

.the_details_modal .table_body .the_details_table .tuser_name_td {
    text-align: left;
}

.the_details_modal .table_body .the_details_table .tuser_name_td a {
    color: #898989;
    font-family: var(--baseFont);
    font-weight: 500;
    font-size: 12px;
    line-height: 1;
    display: block;
    margin-top: 2px;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.the_details_modal .table_body .the_details_table .tuser_name_td a:hover {
    color: var(--secondaryColor);
}

.the_details_modal .table_body .the_details_table .status_td span {
    color: #898989;
    font-family: var(--baseFont);
    font-weight: 500;
    font-size: 14px;
    display: inline-block;
}

.the_details_modal .table_body .the_details_table .status_td span.status_active {
    color: #35AB6C;
    font-weight: 600;
}

.the_details_modal .table_body .the_details_table .role_td {
    width: 105px;
}

.the_details_modal .table_body .the_details_table .status_td {
    width: 90px;
}

.the_details_modal .table_body .the_details_table .actions_td {
    width: 90px;
}

/* ===== CSS For "Team Details" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "Roles & Permissions" Starts Here ===== */
.rhmbs_contents .table_body .role_permission_table tbody {
    width: 100%;
    max-height: calc(100vh - 256px);
    display: block;
    overflow-y: auto;
}

.rhmbs_contents .table_body .role_permission_table td {
    padding: 14.5px 15px;
}

.rhmbs_contents .table_body .role_permission_table .role_p_td {
    text-align: left;
}

.rhmbs_contents .table_body .role_permission_table .members_td {
    width: 150px;
}

.rhmbs_contents .table_body .role_permission_table .active_order_td {
    width: 150px;
}

.rhmbs_contents .table_body .role_permission_table .actions_td {
    width: 150px;
}

/* ===== CSS For "Roles & Permissions" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "Cross-Dock Board" Starts Here ===== */
.rhmbs_contents .wh_selection_lang_switcher {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.rhmbs_contents .wh_selection_lang_switcher>* {
    margin-right: 10px;
}

.rhmbs_contents .wh_selection_lang_switcher>*:last-child {
    margin-right: 0px;
}

.rhmbs_contents .wh_selection_lang_switcher .language_switcher .form-control {
    padding: 7.5px 20px;
    padding-left: 30px;
}

/* ============================== */

.scdb_header {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 10px 1fr 10px 1fr 10px 1fr;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: auto;
    gap: 10px;
    margin-bottom: 10px;
}

.scdb_header .search_box {
    margin: 0px;
    width: 100%;
}

/* ============================== */

.cross_dock_box {
    border: 1px solid #CFCFCF;
    border-radius: 20px;
}

.cross_dock_box .cross_dock_box_header {
    padding: 15px 15px;
    background: #4E9296;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 15px 1fr 15px 1fr 15px 1fr;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: auto;
    gap: 15px;
    border-radius: 20px 20px 0px 0px;
}

.cross_dock_box .cross_dock_box_header .single_head_title h6 {
    color: var(--lightColor);
    font-family: var(--baseFont);
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    margin-bottom: 0px;
}

.cross_dock_box .cross_dock_box_body {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 15px 1fr 15px 1fr 15px 1fr;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: auto;
    gap: 15px;
    padding: 15px;
    height: calc(100vh - 204px);
    overflow-y: auto;
}

.cross_dock_box .cross_dock_box_body .cross_box_header {
    display: none;
}

.cross_dock_box .cross_dock_box_body .cross_box_header h6 {
    color: var(--lightColor);
    font-family: var(--baseFont);
    font-weight: 600;
    font-size: 15px;
    text-align: center;
    margin-bottom: 0px;
}

.cross_dock_box .cross_dock_box_body .single_cd_box {
    margin-bottom: 15px;
    border: 1px solid #CDCDCD;
    border-radius: 15px;
    padding: 15px;
    background: var(--lightColor);
    box-shadow: 0px 4px 4px 0px #5AC6CC;

    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 24px 10px 1fr;
    grid-template-columns: 24px 1fr;
    grid-auto-rows: auto;
    gap: 10px;
}

.cross_dock_box .cross_dock_box_body .single_cd_box:last-child {
    margin-bottom: 0px;
}

.cross_dock_box .cross_dock_box_body .single_cd_box.box_damaged {
    box-shadow: 0px 4px 4px 0px #C7000040;
    box-shadow: 0px 4px 4px 0px rgba(199, 0, 0, 0.65);
    position: relative;
}

.cross_dock_box .cross_dock_box_body .single_cd_box.box_damaged a {
    line-height: 1;
    position: absolute;
    right: 10px;
    top: 5px;
}

.cross_dock_box .cross_dock_box_body .single_cd_box.box_damaged a img {
    width: 18px
}

/* ============================== */

.cross_dock_box .check {
    top: 2px;
}

.cross_dock_box .checkmark {
    width: 24px;
    height: 24px;
}

.cross_dock_box .check .checkmark::after {
    font-size: 18px;
    height: 24px;
    width: 24px;
    line-height: 24px;
    background: #D9D9D9;
    border: 1px solid #D9D9D9;
    border-radius: 3px;
}

/* ============================== */

.cross_dock_box .cross_dock_box_body .dock_infos ul {
    margin-bottom: 0px;
}

.cross_dock_box .cross_dock_box_body .dock_infos ul li {
    list-style: none;
    color: var(--darkColor);
    font-family: var(--baseFont);
    font-weight: 400;
    font-size: 12px;
    margin-bottom: 7.5px;
}

.cross_dock_box .cross_dock_box_body .dock_infos ul li:last-child {
    margin-bottom: 0px;
}

.cross_dock_box .cross_dock_box_body .dock_infos ul li .bold_texts {
    font-weight: 600;
}

/* ===== CSS For "Cross-Dock Board" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "Account Settings" Starts Here ===== */
.rhmbs_contents .horizontal_nav_header .horizontal_search_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px;
}

.rhmbs_contents .horizontal_nav_header .horizontal_search_wrap .horizontal_mobile_nav {
    margin-bottom: 0px;
}

/* ============================== */

.rhmbs_contents .horizontal_nav_header .hori_search_lang {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.rhmbs_contents .horizontal_nav_header .hori_search_lang .language_switcher .form-control {
    padding: 7.5px 20px;
    padding-left: 30px;
}

/* ============================== */

.rhmbs_contents .account_details {
    border: 1px solid #DCDCDC;
    border-radius: 0px;
    height: calc(100vh - 156px);
    overflow-y: auto;
    padding: 20px;
}

.rhmbs_contents .account_details .single_ac_details {
    border-bottom: 1px solid #DCDCDC;
    margin-bottom: 25px;
    padding-bottom: 25px;
}

.rhmbs_contents .account_details .single_ac_details:last-child {
    border-bottom: none;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.rhmbs_contents .account_details .heading {
    margin-bottom: 25px;
}

.rhmbs_contents .account_details .heading_top_actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 25px;
}

.rhmbs_contents .account_details .heading_top_actions .heading {
    margin-bottom: 0px;
}

.rhmbs_contents .account_details .heading_top_actions ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0px;
}

.rhmbs_contents .account_details .heading_top_actions ul li {
    list-style: none;
    margin-left: 6px;
}

.rhmbs_contents .account_details .heading_top_actions ul li:first-child {
    margin-left: 0px;
}

.rhmbs_contents .account_details .heading_top_actions .cta_bdr {
    color: var(--darkColor);
    background: var(--lightColor);
    padding: 7.5px 15px;
    border: 1px solid #898989;
    border-radius: 7.5px;
    min-width: 150px;
}

.rhmbs_contents .account_details .heading_top_actions .cta_bdr:hover {
    color: var(--lightColor);
    background: var(--secondaryColor);
    border: 1px solid var(--secondaryColor);
}

/* ============================== */

.rhmbs_contents .account_details .pic_general_info {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-grid-columns: 135px 30px 1fr;
    grid-template-columns: 135px 1fr;
    grid-auto-rows: auto;
    gap: 30px;
}

.rhmbs_contents .account_details .pic_general_info .form_row_2 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 30px 1fr;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: auto;
    gap: 30px;
    margin-bottom: 20px;
}

.rhmbs_contents .account_details .pic_general_info .form_row_2:last-child {
    margin-bottom: 0px;
}

.rhmbs_contents .account_details .pic_general_info .form-group {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-grid-columns: 70px 10px 1fr;
    grid-template-columns: 70px 1fr;
    grid-auto-rows: auto;
    gap: 10px;
    margin-bottom: 0px;
}

/* ============================== */

.rhmbs_contents .account_details .change_profile_pic .label {
    background: #D9D9D9;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    display: block;
    cursor: pointer;
    text-align: center;
    margin-bottom: 0px;
}

.rhmbs_contents .account_details .change_profile_pic .form-control {
    outline: 0;
    opacity: 0;
    pointer-events: none;
    user-select: none;
    display: none;
}

.rhmbs_contents .account_details .change_profile_pic .icon img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
}

.rhmbs_contents .account_details .change_profile_pic h6 {
    color: #202020;
    font-family: var(--baseFont);
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 0px;
    margin-top: 7.5px;
}

/* ============================== */

.rhmbs_contents .account_details .form-group label {
    color: var(--darkColor);
    font-family: var(--baseFont);
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 0px;
}

.rhmbs_contents .account_details .form-control {
    color: var(--darkColor);
    background: var(--lightColor);
    font-family: var(--baseFont);
    font-weight: 400;
    font-size: 14px;
    border: 1px solid rgb(220, 220, 220);
    border-radius: 7.5px;
    padding: 8.5px 15px;
    height: inherit;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.rhmbs_contents .account_details .form-control:active,
.rhmbs_contents .account_details .form-control:focus {
    border: 1px solid var(--baseColor);
    box-shadow: none;
    background: #F7F7F7;
}

/* ============================== */

.rhmbs_contents .account_details .password_inputs .form-group {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 235px 10px 1fr;
    grid-template-columns: 235px 1fr;
    grid-auto-rows: auto;
    gap: 10px;
    margin-bottom: 25px;
}

.rhmbs_contents .account_details .password_inputs .form-group:last-child {
    margin-bottom: 0px;
}

.rhmbs_contents .account_details .password_inputs .form-group .input_field {
    max-width: 400px;
}

.rhmbs_contents .account_details .password_inputs label {
    margin-top: 9px;
}

.rhmbs_contents .account_details .password_conditions {
    margin: 0px;
    margin-top: 10px;
}

/* ============================== */

.rhmbs_contents .account_details .information_inputs .form-group {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-grid-columns: 235px 10px 1fr;
    grid-template-columns: 235px 1fr;
    grid-auto-rows: auto;
    gap: 10px;
    margin-bottom: 25px;
}

.rhmbs_contents .account_details .information_inputs .form-group:last-child {
    margin-bottom: 0px;
}

.rhmbs_contents .account_details .information_inputs .form-group .input_field {
    max-width: 400px;
}

/* ============================== */

.rhmbs_contents .account_details .two_factor {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-grid-columns: 1fr 50px 150px;
    grid-template-columns: 1fr 150px;
    grid-auto-rows: auto;
    gap: 50px;

    background: #F9F9F9;
    border: 1px solid #DCDCDC;
    border-radius: 5px;
    padding: 15px;
}

.rhmbs_contents .account_details .two_factor .heading {
    margin-bottom: 0px;
    position: relative;
    padding-left: 60px;
}

.rhmbs_contents .account_details .two_factor .heading:before {
    content: "";
    width: 48px;
    height: 48px;
    background: url('images/Icon_Shield_Check.png') no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    position: absolute;
    left: 0px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.rhmbs_contents .account_details .two_factor .heading p .break {
    display: block;
}

.rhmbs_contents .account_details .two_factor .cta_btn {
    padding: 8.5px 15px;
}

/* ============================== */

.rhmbs_contents .account_details .save_changes_action {
    margin-top: 25px;
}

.rhmbs_contents .account_details .save_changes_action ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 0px;
}

.rhmbs_contents .account_details .save_changes_action ul li {
    list-style: none;
    margin-left: 6px;
}

.rhmbs_contents .account_details .save_changes_action ul li:first-child {
    margin-left: 0px;
}

.rhmbs_contents .account_details .save_changes_action .cta_btn {
    padding: 8.5px 15px;
    min-width: 150px;
}

.rhmbs_contents .account_details .save_changes_action .cta_btn.cta_bdr {
    color: var(--darkColor);
    background: var(--lightColor);
    padding: 7.5px 15px;
    border: 1px solid #898989;
}

.rhmbs_contents .account_details .save_changes_action .cta_btn.cta_bdr:hover {
    color: var(--lightColor);
    background: var(--secondaryColor);
    border: 1px solid var(--secondaryColor);
}

/* ===== CSS For "Account Settings" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "" Starts Here ===== */
/* ===== CSS For "" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "" Starts Here ===== */
/* ===== CSS For "" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "Action Modal" Starts Here ===== */
.modal-backdrop,
.modal-backdrop.show {
    background: rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(3px);
    opacity: 1;
}

/* ============================== */

.action_modal .modal-lg {
    max-width: 380px;
    margin: 0px auto;
    margin-left: auto;
    margin-right: 0px;
    min-height: 100vh;
    max-height: 100vh;
}

.action_modal .modal-content {
    background: var(--lightColor);
    border-radius: 0px;
    border: none;
    height: 100%;
}

.action_modal_centered .modal-content {
    background: var(--lightColor);
    border-radius: 15px;
    border: none;
    height: 100%;
}

.action_modal_centered .modal-md {
    max-width: 460px;
}

.action_modal_centered .modal-lg {
    max-width: 580px;
}

/* ============================== */

.action_modal .modal-header {
    border-bottom: 1px solid #DCDCDC;
    position: relative;
    padding: 20px;
    padding-right: 30px;
}

.action_modal .modal-header h4 {
    color: var(--darkColor);
    font-family: var(--baseFont);
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 0px;
}

.action_modal .modal-header .close {
    position: absolute;
    right: 20px;
    top: 45%;
    opacity: 1;
    padding: 0px;
    margin: 0px;
    line-height: 1;
    text-shadow: none;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.action_modal .modal-header .close:hover {
    opacity: 1;
}

.action_modal .modal-header .close img {
    height: 15px;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

/* ============================== */

.action_modal .modal-footer {
    padding: 15px 20px;
    border-top: 1px solid #DCDCDC;
}

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

.action_modal .modal-footer .action_buttons ul {
    margin-bottom: 0;
    display: flex;
}

.action_modal .modal-footer .action_buttons ul li {
    list-style: none;
    margin-left: 10px;
}

.action_modal .modal-footer .action_buttons ul li:first-child {
    margin-left: 0px;
}

.action_modal .modal-footer .action_buttons ul li .cta_btn {
    font-weight: 500;
    font-size: 14px;
    border-radius: 7.5px;
    padding: 7.5px 20px;
    min-width: 120px;
}

.action_modal .modal-footer .action_buttons ul li .cta_btn:focus {
    box-shadow: none;
}

.action_modal .modal-footer .action_buttons ul li .cta_btn.cta_bdr {
    color: var(--darkColor);
    background: var(--lightColor);
    border: 1px solid #898989;
    padding: 6.5px 20px;
}

.action_modal .modal-footer .action_buttons ul li .cta_btn.cta_bdr:hover {
    color: var(--lightColor);
    background: #D9310C;
    border: 1px solid #D9310C;
}

/* ============================== */

.action_modal .modal-body {
    padding: 0px;
}

.action_modal_centered .modal-body {
    padding: 0px;
}

/* ============================== */
.action_modal .form-group {
    margin-bottom: 15px;
}

.action_modal .form-group label {
    color: var(--darkColor);
    font-family: var(--baseFont);
    font-weight: 600;
    font-size: 13px;
    margin-bottom: 3px;
}

.action_modal .form-group:last-child {
    margin-bottom: 0px;
}

.action_modal .form-control {
    color: var(--darkColor);
    background: var(--lightColor);
    font-family: var(--baseFont);
    font-weight: 400;
    font-size: 14px;
    border: 1px solid #DCDCDC;
    border-radius: 7.5px;
    padding: 8.5px 15px;
    height: inherit;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.action_modal .form-control:active,
.action_modal .form-control:focus {
    border: 1px solid var(--baseColor);
    box-shadow: none;
    background: #F7F7F7;
}

/* ===== CSS For "Action Modal" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "Add New Item" Starts Here ===== */
.action_modal .add_new_item {
    padding: 20px;
}

/* ============================== */

.action_modal .add_new_item .upload_item_image .upload_preview {
    margin-bottom: 10px;
}

.action_modal .add_new_item .upload_item_image .upload_preview img {
    width: 125px;
    height: 125px;
    border: 1px solid #DCDCDC;
    border-radius: 10px;
    -o-object-fit: cover;
    object-fit: cover;
}

.action_modal .add_new_item .upload_item_image .label {
    color: var(--lightColor);
    background: var(--baseColor);
    font-family: var(--baseFont);
    font-weight: 600;
    font-size: 14px;
    padding: 10px 15px;
    border-radius: 7.5px;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    margin-bottom: 0px;
    min-width: 125px;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.action_modal .add_new_item .upload_item_image .label:hover {
    background: var(--secondaryColor);
}

.action_modal .add_new_item .upload_item_image .form-control {
    outline: 0;
    opacity: 0;
    pointer-events: none;
    user-select: none;
    display: none;
}

.action_modal .add_new_item .upload_item_image h6 {
    color: var(--lightColor);
    font-family: var(--baseFont);
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 0px;
    text-align: center;
}

/* ===== CSS For "Add New Item" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "Item Details" Starts Here ===== */
.action_modal .item_details {
    padding: 20px;
}

.action_modal .item_details .batches_list {
    border: 1px solid #DCDCDC;
    border-radius: 7.5px;
    padding: 8.5px 15px;
}

.action_modal .item_details .batches_list ul {
    margin-bottom: 0px;
}

.action_modal .item_details .batches_list ul li {
    list-style: none;
    color: #898989;
    font-family: var(--baseFont);
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 5px;
}

.action_modal .item_details .batches_list ul li:last-child {
    margin-bottom: 0px;
}

/* ===== CSS For "Item Details" Ends Here ===== */


/* ============================== */
/* ============================== */


.qtySelector {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.qtySelector .fa {
    color: #000000;
    background: #EDEDED;
    cursor: pointer;
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    text-align: center;
    border-radius: 50%;
}

.qtySelector .fa.clicked {
    font-size: 12px;
}

.qtySelector .qtyValue {
    width: 50px;
    text-align: center;
    margin: 0px 7.5px;
}


/* ============================== */
/* ============================== */


/* ===== CSS For "Create Batch" Starts Here ===== */
.action_modal .create_batch {
    padding: 20px;
}

/* ===== CSS For "Create Batch" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "Add Warehouse" Starts Here ===== */
.action_modal .add_warehouse {
    padding: 20px;
}

.iti {
    position: relative;
    display: inline-block;
    width: 100%;
}

.iti__country-list {
    list-style: none;
    text-align: left;
    white-space: break-spaces;
    width: 325px;
}

/* ============================== */

.action_modal .add_loc_modal {
    padding: 20px;
}

.action_modal .stock_transfer {
    padding: 20px;
}

/* ===== CSS For "Add Warehouse" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "Edit User" Starts Here ===== */
.action_modal .edit_user {
    padding: 20px;
}

.action_modal .edit_user .form-group {
    margin-bottom: 12px;
}

.action_modal .edit_user .delete_user_button {
    margin-top: 20px;
}

.action_modal .edit_user .delete_user_button .cta_btn {
    color: #D9310C;
    background: #F9F9F9;
    border: 1px solid #D9310C;
    padding: 8.5px 15px;
}

.action_modal .edit_user .delete_user_button .cta_btn:hover {
    color: var(--lightColor);
    background: #D9310C;
}

/* ===== CSS For "Edit User" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "Add New Team" Starts Here ===== */
.action_modal .add_new_team {
    padding: 20px;
}

.action_modal .add_new_team .form_label label {
    color: var(--darkColor);
    font-family: var(--baseFont);
    font-weight: 600;
    font-size: 13px;
    margin-bottom: 3px;
}

.action_modal .add_new_team .form_row_2_1 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 2fr 7.5px 1fr;
    grid-template-columns: 2fr 1fr;
    grid-auto-rows: auto;
    gap: 7.5px;
    margin-bottom: 7.5px;
}

.action_modal .add_new_team .form_row_2_1:last-child {
    margin-bottom: 0px;
}

.action_modal .add_new_team .form_row_2_1 .form-group {
    margin-bottom: 0px;
}

/* ===== CSS For "Add New Team" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "Centered Modal" Starts Here ===== */
.action_modal_centered .centered_actions {
    padding: 50px;
    position: relative;
    text-align: center;
}

/* ============================== */

.action_modal_centered .close {
    position: absolute;
    right: 15px;
    top: 7.5px;
    opacity: 1;
    padding: 0px;
    margin: 0px;
    line-height: 1;
    text-shadow: none;
}

.action_modal_centered .close img {
    height: 15px;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

/* ============================== */

.action_modal_centered .confirmation_mark {
    margin-bottom: 20px;
}

.action_modal_centered .confirmation_mark img {
    max-width: 36px;
}

/* ============================== */

.action_modal_centered .heading {
    margin-bottom: 20px;
}

/* ============================== */

.action_modal_centered .info_texts p {
    color: #898989;
    font-family: var(--baseFont);
    font-weight: 500;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 0px;
}

.action_modal_centered .info_texts p .bold_texts {
    color: var(--darkColor);
    font-weight: 700;
}

.action_modal_centered .info_texts p .black_texts {
    color: var(--blackColor);
}

.action_modal_centered .info_texts p .break {
    display: block;
}

/* ============================== */

.action_modal_centered .back_to_page {
    margin-top: 20px;
}

/* ============================== */

.action_modal_centered .action_btns {
    margin-top: 20px;
}

.action_modal_centered .action_btns ul {
    margin-bottom: 0px;
    font-size: 0px;
}

.action_modal_centered .action_btns ul li {
    list-style: none;
    display: inline-block;
    margin-right: 15px;
}

.action_modal_centered .action_btns ul li:last-child {
    margin-right: 0px;
}

.action_modal_centered .action_btns ul li .cta_btn {
    font-weight: 500;
    font-size: 14px;
    border-radius: 7.5px;
    padding: 7.5px 20px;
    min-width: 120px;
}

.action_modal_centered .action_btns ul li .cta_btn.cta_bdr {
    color: var(--darkColor);
    background: var(--lightColor);
    border: 1px solid rgb(137, 137, 137);
    padding: 6.5px 20px;
}

.action_modal_centered .action_btns ul li .cta_btn.cta_bdr:hover {
    color: var(--lightColor);
    background: #D9310C;
    border: 1px solid #D9310C;
}

/* ===== CSS For "Centered Modal" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "Add New Role" Starts Here ===== */
.action_modal .add_new_role {
    padding: 20px;
}

.action_modal .role_permissions .form-group {
    margin-bottom: 5px;
}

.action_modal .single_field_permissions {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-grid-columns: 24px 7.5px 2fr 7.5px 1fr;
    grid-template-columns: 24px 2fr 1fr;
    grid-auto-rows: auto;
    gap: 7.5px;
    margin-bottom: 7.5px;
}

.action_modal .single_field_permissions:last-child {
    margin-bottom: 0px;
}

.action_modal .single_field_permissions .field_name {
    border: 1px solid #DCDCDC;
    border-radius: 7.5px;
    padding: 12px 15px;
}

.action_modal .single_field_permissions.active .field_name {
    border: 1px solid var(--baseColor);
}

.action_modal .single_field_permissions .field_name h6 {
    color: #898989;
    font-family: var(--baseFont);
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    margin-bottom: 0px;
}

.action_modal .single_field_permissions.active .field_name h6 {
    color: var(--darkColor);
}

.action_modal .single_field_permissions .field_permission .form-control {
    pointer-events: none;
    opacity: 0.75;
}

.action_modal .single_field_permissions.active .field_permission .form-control {
    pointer-events: auto;
    opacity: 1;
    border: 1px solid var(--baseColor);
}

.action_modal .single_field_permissions .field_permission .select_field::after {
    color: #B5B5B5;
}

.action_modal .single_field_permissions.active .field_permission .select_field::after {
    color: var(--secondaryColor);
}

/* ============================== */

.action_modal .role_assigning {
    margin-top: 20px;
}

.action_modal .role_assigning .form_label {
    text-align: left;
}

.action_modal .role_assigning .form_label label {
    color: var(--darkColor);
    font-family: var(--baseFont);
    font-weight: 600;
    font-size: 13px;
    margin-bottom: 3px;
}

.action_modal .role_assigning .form_row_2_1 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 2fr 7.5px 1fr;
    grid-template-columns: 2fr 1fr;
    grid-auto-rows: auto;
    gap: 7.5px;
    margin-bottom: 7.5px;
}

.action_modal .role_assigning .form_row_2_1:last-child {
    margin-bottom: 0px;
}

.action_modal .role_assigning .form_row_2_1 .form-group {
    margin-bottom: 0px;
}

.action_modal .role_assigning .action_btns ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
}

/* ===== CSS For "Add New Role" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "Shipment Damaged" Starts Here ===== */
.action_modal_centered .ship_details_status {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-grid-columns: 1fr 15px 145px;
    grid-template-columns: 1fr 145px;
    grid-auto-rows: auto;
    gap: 15px;
    margin-bottom: 20px;
}

.action_modal_centered .ship_details_status .shipment_image img {
    width: 145px;
    height: 145px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 10px;
}

.action_modal_centered .ship_details_status ul {
    margin-bottom: 0px;
}

.action_modal_centered .ship_details_status ul li {
    list-style: none;
    color: var(--darkColor);
    font-family: var(--baseFont);
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 10px;
}

.action_modal_centered .ship_details_status ul li:last-child {
    margin-bottom: 0px;
}

.action_modal_centered .ship_details_status ul li .bold_texts {
    font-weight: 600;
}

.action_modal_centered .ship_details_status ul li img {
    width: 18px;
    margin-left: 5px;
}

/* ===== CSS For "Shipment Damaged" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "" Starts Here ===== */
/* ===== CSS For "" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */