/* ----------------------------------------------------------------------------------------
* Author        : 3rd Digital
* Template Name : GEMBADOCS
* File          : GEMBADOCS main CSS file
* Version       : 1.0
* ---------------------------------------------------------------------------------------- */


/* INDEX
----------------------------------------------------------------------------------------
01. General css
02. Navigation area css
03. Slider area css
04. How does it work area css
05. How does it work / Watch video area css
06. Amazing features area css
07. Kanban area css
08. Testimonial area css
09. Pricing area css
10. Contact us area css
11. Footer area css
12. Media Screens
13. Sub Pages css
-------------------------------------------------------------------------------------- */


/************************************/


/***** 	   01. General css		 ****/


/************************************/

:root {
    --gemba-global-color-primary: #0679ff;
    --blue: #0679ff;
    --gemba-global-color-accent: #ff9400;
    --gemba-global-color-secondary: #dbecfe;
    --gemba-global-color-text: #003659;
    --gemba-global-color-8b50551: #009cff;
    --page-bg: #F2F6FC;
    --text-primary: #002D4F;
    --red: #E84040;
    --card-bg: #ffffff;
    --text-secondary: #333;
    --text-muted: #888;
    --hover-bg: #EBF3FD;
    --card-border: #E0ECF8;
    --input-border: #C8DCF0;
    --card-shadow: 0 2px 8px rgba(6, 121, 255, 0.07), 0 1px 2px rgba(0, 54, 89, 0.04);
    --card-shadow-hover: 0 4px 16px rgba(6, 121, 255, 0.11), 0 1px 4px rgba(0, 54, 89, 0.06);
    --green: #3DBE72;
    --bg: #f0f4f8;
    --surface: #ffffff;
    --border: #e2e8f0;
    --text: #003659;
    --muted: #64748b;
    --accent: #0679ff;
    --accent-dark: #0284c7;
    --accent-bg: #e0f2fe;
    --danger: #ef4444;
    --tag-bg: #dbeafe;
    --tag-text: #0679ff;
    --header-bg: #0f172a;
    --resone-why: #B87200;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    font-size: 1rem;
    font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    /* overflow-x: hidden; */
    font-weight: 400;
    font-style: normal;
    background: var(--page-bg);
    color: var(--text-primary);
}

body,
.main-div {
    min-height: 100vh;
}

.flex-fill {
    flex: 1 1 auto;
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}


/* .flex-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
} */

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    /* font-family: 'Expose-Bold'; */
    /* font-family: "Expose-Bold"; */
    font-weight: 700;
}

img {
    max-width: 100%;
}

a:hover {
    text-decoration: none;
    outline: 0;
}


/*a[disabled] {
    border: 1px solid #999999;
    background-color: #cccccc;
    color: #666666;
    cursor: default !important;
}

a[disabled]:hover {
    border: 1px solid #999999;
    background-color: #cccccc;
    color: #666666;
    cursor: default !important;
}*/

a:focus {
    text-decoration: none;
    outline: 0;
}

.preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--gemba-global-color-primary);
    z-index: 9999;
}

.sk-wave {
    width: 50px;
    height: 40px;
    text-align: center;
    font-size: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -25px;
}

.sk-wave .sk-rect {
    background-color: #fff;
    height: 100%;
    width: 6px;
    display: inline-block;
    -webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
    -moz-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
    animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
}

.sk-wave .sk-rect1 {
    -webkit-animation-delay: -1.2s;
    -moz-animation-delay: -1.2s;
    animation-delay: -1.2s;
}

.sk-wave .sk-rect2 {
    -webkit-animation-delay: -1.1s;
    -moz-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.sk-wave .sk-rect3 {
    -webkit-animation-delay: -1s;
    -moz-animation-delay: -1s;
    animation-delay: -1s;
}

.sk-wave .sk-rect4 {
    -webkit-animation-delay: -0.9s;
    -moz-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.sk-wave .sk-rect5 {
    -webkit-animation-delay: -0.8s;
    -moz-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

.btn-custom {
    display: inline-block;
    font-size: 1rem;
    font-weight: 500;
    /* font-family: "Expose-Medium"; */
    text-transform: uppercase;
    letter-spacing: 0.1em;
    padding: 16px 30px;
    min-width: 170px;
    text-align: center;
    color: #fff;
    background-color: var(--gemba-global-color-primary);
}
.btn-custom.min-w-100{
    min-width: 100%;
}
.btn-custom:focus {
    outline: 0;
}

.btn-custom:hover {
    background-color: var(--gemba-global-color-text);
    color: #fff;
}

.page-section {
    padding: 100px 0;
    overflow-x: hidden;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s;
    -webkit-text-fill-color: #003659 !important;
    filter: none;
}

@-webkit-keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.spinner-border {
    display: inline-block;
    flex-shrink: 0;
    width: 1rem;
    height: 1rem;
    vertical-align: text-bottom;
    border: 0.25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    position: relative;
    /* top: -3px; */
    -webkit-animation: spinner-border 0.75s linear infinite;
    animation: spinner-border 0.75s linear infinite;
}


/* .btn.dash-btn .spinner-border {
    top: -2px;
} */

.mw-100px {
    min-width: 100px;
}

.mw-120px {
    min-width: 120px;
}

.mw-140px {
    min-width: 140px;
}

.mw-160px {
    min-width: 160px;
}

.btn-34 {
    width: 34px;
    height: 34px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 991.98px) {
    html {
        overflow-x: hidden;
    }
}

@media (min-width: 576px) {
    .container {
        max-width: 100%;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 100%;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 100%;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1170px;
    }
}


/************************************/


/***** 02. Navigation area css  *****/


/************************************/

.navbar {
    margin-bottom: 0;
}

.navbar-brand {
    padding: 0 0 0;
    height: auto;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
}

.navbar-brand img {
    transition: all 0.3s;
    height: 79px;
}

.navbar-default {
    background: none;
    border: none;
    border-bottom: none;
    border-radius: 0;
    z-index: 101;
    padding: 0;
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
}

.navbar-nav.main-navigation li {
    padding: 40px 0;
    margin: 0 1px;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
}

.nav.main-navigation li {
    position: relative;
}

.navbar-default .navbar-nav.main-navigation>li>a {
    font-weight: 700;
    font-size: 11px;
    text-transform: uppercase;
    padding: 0.5rem 0.5rem;
    line-height: normal;
    border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    -ms-border-radius: 0.5rem;
    -o-border-radius: 0.5rem;
    position: relative;
}

.btn.dash-btn.inviteUserBtn {
    width: 32px;
    height: 32px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.btn.dash-btn.inviteUserBtn svg {
    width: 18px;
    height: 18px;
    vertical-align: bottom;
}

.navbar-default .navbar-nav.main-navigation>li>a {
    color: #fff;
    letter-spacing: 0.03em;
    /* border: 1px solid transparent; */
}

.btn.btn-accent.dash-btn.inviteUserBtn:hover {
    background: rgba(255, 255, 255, 0.08);
}

.nav.main-navigation ul {
    display: none;
    padding: 0;
    min-width: 214px;
    list-style: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #3ba4f4;
    background: linear-gradient(-43deg, #3e2afe 0%, #3b7ef7 29%, #3ba4f4 60%, #39f2ed);
    background: -webkit-linear-gradient(-43deg, #3e2afe 0%, #3b7ef7 29%, #3ba4f4 60%, #39f2ed);
    background: -moz-linear-gradient(-43deg, #3e2afe 0%, #3b7ef7 29%, #3ba4f4 60%, #39f2ed);
    background: -o-linear-gradient(-43deg, #3e2afe 0%, #3b7ef7 29%, #3ba4f4 60%, #39f2ed);
    margin-top: 0px;
}

.nav.main-navigation ul li {
    transition: all 0.4s;
    margin: 0;
}

.nav.main-navigation ul li:hover {
    background: rgba(255, 255, 255, 0.14);
}


/* .nav.main-navigation li:hover a {
    border: 1px solid rgba(255, 255, 255, 0.5);
} */

.nav.main-navigation li.dropdown a.btn-accent.dash-btn,
.nav.main-navigation li.dropdown:hover a.btn-accent.dash-btn {
    border-color: var(--gemba-global-color-accent);
}

.nav.main-navigation li.dropdown a.btn-accent.dash-btn:hover {
    border-color: var(--gemba-global-color-text);
}

.nav.main-navigation ul li a {
    border: none !important;
}

.nav.main-navigation .active a {
    background: rgba(255, 255, 255, 0.13) !important;
    /* color: #dbecfe !important;
    border: 1px solid #dbecfe !important; */
    /* transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s; */
}

.nav.main-navigation ul li a {
    display: block;
    color: #fff;
    padding: 12px 20px;
}

.nav.main-navigation .active ul li a {
    border: none !important;
}

.nav.main-navigation ul ul {
    left: 100%;
    top: 0;
    margin-top: -1px;
}

.nav.main-navigation ul li {
    padding: 0;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.nav.main-navigation ul li:last-child {
    border-bottom: none;
}

.sticky-header {
    background-color: var(--gemba-global-color-text);
    transition: background-color 0.3s ease-out;
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -ms-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
}

.sticky-header .navbar-brand {
    padding-top: 0;
}

.sticky-header .navbar-brand img {
    height: 56px;
    object-fit: contain;
}

.sticky-header .navbar-nav>li {
    padding: 10px 5px;
}

.sticky-header .navbar-brand h1 {
    color: #fff;
}

.navbar-default .navbar-nav>li>a:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.08);
    /* border-color: rgba(255,255,255,0.08); */
}

.navbar-default .navbar-nav>li>a:focus {
    color: #fff;
}

.sticky-header .navbar-nav>li>a {
    color: #fff;
}

.navbar-nav>li.profile-dropdown {
    padding: 36px 12px;
}

.navbar-default .navbar-nav>li.profile-dropdown>a {
    padding: 0;
    margin: 0;
    display: inline-block;
    text-decoration: none !important;
    border: 0;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}

.sticky-header .navbar-nav>li.profile-dropdown {
    padding: 17px 12px;
    flex-shrink: 0;
}

.profile-dropdown img.rounded-circle {
    border-radius: 50px;
    object-fit: cover;
}

.lang_navbar .profile-dropdown img.rounded-circle {
    background-color: #ffffff;
    padding: 4px;
}

.profile-dropdown .dropdown-menu {
    background: var(--gemba-global-color-primary);
    border: 0;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.25);
    border-radius: 5px !important;
    min-width: 200px;
    position: absolute;
    right: 0;
    left: auto;
    top: 75%;
    padding: 0;
}

.sticky-header .profile-dropdown .dropdown-menu {
    top: 85%;
}

.profile-dropdown .dropdown_header {
    color: #fff;
    background-color: var(--gemba-global-color-primary);
    padding: 20px 20px;
    border-radius: 5px 5px 0 0;
    width: 320px;
    border: 0;
}

.dropdown_header .info-user h5 {
    font-size: 15px;
    /* font-family: "Expose-Medium"; */
    font-weight: 500;
    margin-bottom: 3px;
}

.dropdown_header .info-user p {
    font-size: 0.75rem;
}

.dropdown-menu-arrow {
    top: -18px;
    right: 20px;
    width: 0;
    height: 0;
    position: absolute;
}

.dropdown-menu-arrow:before,
.dropdown-menu-arrow:after {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-width: 7px 8px;
    border-style: solid;
    border-color: transparent;
    z-index: 1001;
}

.dropdown-menu-arrow:after {
    bottom: -18px;
    right: -8px;
    border-bottom-color: var(--gemba-global-color-primary);
}

.dropdown-menu-arrow:before {
    bottom: -18px;
    right: -8px;
    border-bottom-color: var(--gemba-global-color-primary);
}

.profile-dropdown .dropdown-menu .dropdown-item {
    display: flex;
    align-items: center;
    padding: 10px 20px;
    border: 0 !important;
    color: var(--gemba-global-color-text);
    background-color: #ffffff;
    border-bottom: 1px solid #e9e9e9 !important;
    transition: 0.15s ease-in-out;
    -webkit-transition: 0.15s ease-in-out;
    -moz-transition: 0.15s ease-in-out;
    -ms-transition: 0.15s ease-in-out;
    -o-transition: 0.15s ease-in-out;
}

.profile-dropdown .dropdown-menu .dropdown-item svg * {
    transition: 0.15s ease-in-out;
    -webkit-transition: 0.15s ease-in-out;
    -moz-transition: 0.15s ease-in-out;
    -ms-transition: 0.15s ease-in-out;
    -o-transition: 0.15s ease-in-out;
}

.profile-dropdown .dropdown-menu .dropdown-item svg {
    margin-right: 0.5rem;
    width: 20px;
    height: 20px;
    overflow: visible;
    flex: 0 0 20px;
}

.profile-dropdown .dropdown-menu .dropdown-item:last-child {
    border-radius: 0 0 5px 5px;
    border-bottom: 0;
}

.profile-dropdown .dropdown-menu .dropdown-item:active,
.profile-dropdown .dropdown-menu .dropdown-item:active i {
    color: #003659;
}

.profile-dropdown .dropdown-menu .dropdown-item:hover {
    background-color: #003659;
    color: #ffffff;
}

.profile-dropdown .dropdown-menu .dropdown-item .text-primary {
    transition: 0.15s ease-in-out;
    -webkit-transition: 0.15s ease-in-out;
    -moz-transition: 0.15s ease-in-out;
    -ms-transition: 0.15s ease-in-out;
    -o-transition: 0.15s ease-in-out;
}

.profile-dropdown .dropdown-menu .dropdown-item:hover .text-primary,
.profile-dropdown .dropdown-menu .dropdown-item.reportBugDropItems:hover * {
    color: #ffffff !important;
}

.profile-dropdown .dropdown-menu .dropdown-item.reportBugDropItems a+a:hover {
    text-decoration: underline;
}

.profile-dropdown .dropdown-menu .dropdown-item:hover svg path[fill="#0679FF"] {
    fill: #ffffff;
}

.profile-dropdown .dropdown-menu .dropdown-item:hover svg path[fill="#DD2129"] {
    fill: #dd2129;
}

.profile-dropdown .dropdown-menu .dropdown-item img,
.profile-dropdown .dropdown-menu .dropdown-item i {
    color: var(--gemba-global-color-primary);
    width: 20px;
    object-fit: contain;
    text-align: center;
    margin-right: 10px;
    display: inline-block;
}

.profile-dropdown .dropdown-toggle {
    border-color: transparent !important;
    background-color: transparent !important;
}

.nav li.profile-dropdown:hover a {
    border-color: transparent;
    border-bottom-color: #bababa;
}

.navbar-header {
    display: flex;
    width: 100%;
    align-items: center;
}

.menu-dropdown .dropdown-menu {
    margin: 0 !important;
    padding: 0 !important;
}

.menu-dropdown .dropdown-item {
    padding: 10px 20px;
    border: 0 !important;
    border-bottom: 1px solid var(--gemba-global-color-secondary) !important;
    color: #ffffff;
}

.menu-dropdown .dropdown-item:hover,
.menu-dropdown .dropdown-item:focus {
    background-color: var(--gemba-global-color-text);
}

.menu-dropdown .dropdown-item:first-child {
    border-radius: 8px 8px 0 0;
}

.menu-dropdown .dropdown-item:last-child {
    border-bottom: 0 !important;
    border-radius: 0 0 8px 8px;
}

.menu-dropdown .dropdown-menu-arrow {
    left: 50%;
}

.menu-dropdown .dropdown-menu-arrow:after {
    border-bottom-color: var(--gemba-global-color-primary);
}

.dropdown-menu-center {
    right: auto;
    left: 50%;
    /*    -webkit-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0);*/
    top: 90%;
}

.btn.hpBtn {
    width: 32px;
    height: 32px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background-color: transparent;
    background-color: rgba(255, 255, 255, 0.08);
}

.btn.hpBtn:hover {
    background-color: rgba(255, 255, 255, 0.08);
}

@media only screen and (max-width: 1499px) {
    .navbar-default .navbar-nav.main-navigation>li>a {
        font-size: 9px;
    }
}


/* @media only screen and (max-width: 1200px) {
    .btn.hpBtn {
        width: 24px;
        height: 24px;
    }
    .btn.hpBtn svg {
        width: 1rem;
        height: 1rem;
        overflow: visible;
    }
} */

@media (min-width: 1200px) {
    .menu-dropdown .dropdown-menu {
        box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.09);
        border-radius: 0.5rem;
        background-color: var(--gemba-global-color-primary);
        border: 0;
        -webkit-transform: scaleY(0) translate(-50%, 0);
        -ms-transform: scaleY(0) translate(-50%, 0);
        transform: scaleY(0) translate(-50%, 0);
        -webkit-transition: all 400ms ease-out;
        -o-transition: all 400ms ease-out;
        transition: all 400ms ease-out;
        display: block;
        visibility: hidden;
    }

    .menu-dropdown:hover .dropdown-menu {
        -webkit-transform: scaleY(1) translate(-50%, 0);
        -ms-transform: scaleY(1) translate(-50%, 0);
        transform: scaleY(1) translate(-50%, 0);
        visibility: visible;
    }
}


/************************************/


/*****   03. Slider area css    *****/


/************************************/

.banner {
    position: relative;
    top: 0px;
    left: 0;
    width: 100%;
    background: #3ba4f4;
    background: linear-gradient(-43deg, #3e2afe 0%, #3b7ef7 29%, #3ba4f4 60%, #39f2ed);
    background: -webkit-linear-gradient(-43deg, #3e2afe 0%, #3b7ef7 29%, #3ba4f4 60%, #39f2ed);
    background: -moz-linear-gradient(-43deg, #3e2afe 0%, #3b7ef7 29%, #3ba4f4 60%, #39f2ed);
    background: -o-linear-gradient(-43deg, #3e2afe 0%, #3b7ef7 29%, #3ba4f4 60%, #39f2ed);
    padding: 140px 0 100px;
    overflow: hidden;
}

.banner:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/header-wawes.png) no-repeat bottom center;
    background-size: 100% auto;
}

.banner .row {
    position: relative;
    z-index: 1;
}

.header-content {
    padding-top: 60px;
}

.header-content h2 {
    font-size: 44px;
    color: #fff;
    line-height: 1.3em;
    /* font-family: "Expose-Medium"; */
    font-weight: 500;
}

.header-content h2 font {
    font-size: 40px;
}

.header-content h2 span {
    /* font-family: "Expose-Bold"; */
    font-weight: 700;
}

.btn-download {
    position: relative;
    display: inline-block;
    color: #fff;
    background: var(--gemba-global-color-primary);
    padding: 10px 20px 8px 60px;
    font-size: 20px;
    /* font-family: "Expose-Medium"; */
    font-weight: 500;
    min-width: 200px;
    margin-right: 20px;
    transition: all 0.3s linear;
    box-shadow: 1px 2px 46px 0px rgba(0, 0, 0, 0.1);
}

.btn-download span {
    font-size: 0.75rem;
    font-weight: 400;
    display: block;
}

.btn-download i {
    font-size: 32px;
    position: absolute;
    top: 14px;
    left: 16px;
}

.btn-download:focus,
.btn-download:hover {
    background: #244fc3;
    color: #fff;
}

.header-content .download-button {
    margin-top: 40px;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.header-content .download-button .btn-download {
    margin-bottom: 1rem;
    margin-right: 15px;
}

.slider-image img {
    width: auto;
    height: 572px;
    object-fit: contain;
    object-position: 0 15%;
}

.header-content .download-button .btn-download font {
    font-size: 1rem;
    display: inline-block;
}

.header-content .download-button .btn-download span font {
    font-size: 0.75rem;
}

@media (max-width: 1024px) {
    .header-content h2 {
        font-size: 36px;
    }

    .header-content h2 font {
        font-size: 30px;
    }
}

@media (max-width: 991.98px) {
    .header-content {
        max-width: 360px;
        margin: 0 auto;
        text-align: center;
    }

    .header-content .download-button {
        justify-content: center;
        flex-direction: column;
        text-align: left;
    }

    .header-content .download-button .btn-download {
        margin-right: 0 !important;
    }
}

@media (max-width: 575.98px) {
    .header-content .download-button {
        flex-direction: column;
    }

    .header-content .download-button .btn-download {
        margin: 0;
        margin-bottom: 1rem;
        text-align: right;
        min-width: unset;
        max-width: unset;
    }

    .slider-image img {
        height: auto;
        width: 100%;
    }
}


/************************************/


/*****   04. How does it work area css  *****/


/************************************/

.section-title {
    margin-bottom: 80px;
}

.section-title h2 {
    font-size: 36px;
    color: #003659;
    position: relative;
    text-transform: uppercase;
    padding-bottom: 30px;
}

.section-title h2:after {
    content: "";
    display: block;
    width: 80px;
    height: 1px;
    background: #003659;
    margin-left: -40px;
    position: absolute;
    left: 50%;
    bottom: 0;
}

.features {
    padding-bottom: 100px;
}

.feature-single {
    margin-bottom: 30px;
}

.feature-single .icon-box {
    margin-bottom: 40px;
}

.feature-single .icon-box img {
    width: 100px;
    height: 100px;
    object-fit: contain;
}

.feature-single h3 {
    font-size: 22px;
    color: #003659;
    font-weight: 400;
    margin-bottom: 30px;
}

.feature-single p {
    color: #797878;
    font-weight: 300;
    line-height: 1.5em;
}


/**********************************************/


/*****   05. How does it work / Watch video area css    *****/


/**********************************************/

.awesome-feature {
    padding: 100px 0;
    position: relative;
    background: url(../images/awesome-feature-bg.jpg) no-repeat;
    background-position: center;
    background-size: cover;
}

.awesome-feature:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.83);
}

.hdiw_text {
    color: #fff;
    font-size: 25px;
    line-height: 35px;
    position: relative;
}

.hdiw_text font {
    font-size: 20px;
}

.hdiw_text span.d-inline-block {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -40px;
}

.hdiw_icon {
    width: 70px;
    height: 70px;
    margin-right: 30px;
    margin-left: 30px;
    background-color: #ffffff;
    text-align: center;
    line-height: 70px;
    border-radius: 50%;
    font-size: 30px;
    color: #3d5afb;
    display: inline-block;
}

.hdiw_video {
    justify-content: center;
    align-items: center;
    text-align: center;
}

@media (min-width: 576px) {
    .d-sm-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }
}

@media (max-width: 991.98px) {
    .hdiw_text {
        font-size: 20px;
    }

    .hdiw_text font {
        font-size: 1.125rem;
    }
}

@media (max-width: 575.98px) {
    .hdiw_text span.d-inline-block {
        position: relative;
        left: 0;
        right: 0;
        bottom: auto;
    }
}


/******************************************/


/*****   06. Amazing features  area css    *****/


/******************************************/

.amazing-features .section-title {
    max-width: 700px;
    margin: 0 auto;
    margin-bottom: 80px;
}

.left_feature {
    text-align: right;
}

.amf_list {
    padding: 20px 0;
}

.amf_list img {
    margin-bottom: 11px;
    object-fit: contain;
}

.amf_list h6 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 25px;
    font-weight: 400;
}

.amf_list p {
    color: #676b75;
    font-size: 1rem;
    line-height: 25px;
    margin-bottom: 0;
}

.row_flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.amazing-features .row_flex {
    align-items: center;
    justify-content: center;
}

.row_flex .col-sm-4 {
    height: 100%;
}

div.amf_readmore {
    max-height: 50px;
    overflow: hidden;
}

@media (min-width: 576px) {
    .row_flex .col-sm-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}

@media (max-width: 991.98px) {
    .amf_list h6 {
        font-size: 1.125rem;
    }

    .amf_list p {
        font-size: 14px;
    }
}

@media (max-width: 575.98px) {
    .am_feature {
        text-align: center;
    }

    .amf_list {
        max-width: 300px;
        margin: 0 auto;
    }
}


/******************************************/


/*****   07. Kanban area css    *****/


/******************************************/

.kanban-section,
.bg-gray {
    background-color: #f8f9fa;
}

.kanban_paragraph {
    margin: 0 50px;
}

.kanbanTitle {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 35px;
    line-height: 50px;
    font-weight: 300;
    letter-spacing: 0.5px;
}

.kanban_paragraph p {
    margin-top: 16px;
    color: #676b75;
    line-height: 30px;
}

.kanban-section .row_flex {
    align-items: center;
}

.mb-50px {
    margin-bottom: 50px;
}

@media (max-width: 991.98px) {
    .kanban_paragraph {
        margin: 0 25px;
    }

    .kanbanTitle {
        font-size: 24px;
        line-height: 40px;
    }

    .kanban_paragraph p {
        font-size: 14px;
    }
}

@media (max-width: 575.98px) {
    .kanban_paragraph {
        margin: 0;
    }
}


/****************************************/


/*****   08. Testimonial area css   *****/


/****************************************/

.testimonial {
    padding: 100px 0;
    position: relative;
    background: url(../images/review_bg.jpg) no-repeat fixed;
    background-size: cover;
}

.testimonial:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #3ba4f4;
    background: linear-gradient(-43deg, #3e2afe 0%, #3b7ef7 29%, #3ba4f4 60%, #39f2ed);
    background: -webkit-linear-gradient(-43deg, #3e2afe 0%, #3b7ef7 29%, #3ba4f4 60%, #39f2ed);
    background: -moz-linear-gradient(-43deg, #3e2afe 0%, #3b7ef7 29%, #3ba4f4 60%, #39f2ed);
    background: -o-linear-gradient(-43deg, #3e2afe 0%, #3b7ef7 29%, #3ba4f4 60%, #39f2ed);
    opacity: 0.86;
}

.testimonial .section-title h2 {
    color: #fff;
}

.testimonial .section-title h2:after {
    background: #fff;
}

.testimonial-single {
    display: table;
    padding: 0 50px;
}

.testimonial-single figure {
    display: table-cell;
    vertical-align: middle;
    width: 27%;
    min-width: 250px;
    padding-right: 30px;
}

.testimonial-single figure img {
    width: 250px !important;
    height: 250px;
    object-fit: cover;
    border-radius: 50%;
}

.testimonial-content {
    display: table-cell;
    vertical-align: middle;
}

.testimonial-content .rating {
    display: inline-block;
    vertical-align: top;
    margin-right: 30px;
}

.testimonial-content .rating i {
    color: #e5c306;
}

.reviewContent {
    margin-bottom: 20px;
}

.testimonial-content p {
    color: #fff;
    font-size: 14px;
    line-height: 1.8em;
    font-weight: 300;
    margin-bottom: 0;
}

.testimonial-content h3 {
    font-size: 20px;
    /* font-family: "Expose-Medium"; */
    font-weight: 500;
    color: #fff;
    display: inline-block;
    vertical-align: top;
}

.testimonial-content h3 span {
    font-weight: 300;
    font-size: 1rem;
}

.owl-testimonial .owl-nav .owl-prev,
.owl-testimonial .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    color: #fff;
    font-size: 28px;
    margin-top: -14px;
}

.owl-testimonial .owl-nav .owl-prev {
    left: 0;
}

.owl-testimonial .owl-nav .owl-next {
    right: 0;
}

#testimonial-carousel .owl-dots {
    text-align: center;
    padding-top: 15px;
    display: block;
}

#testimonial-carousel .owl-dots .owl-dot {
    display: inline-block;
}

#testimonial-carousel .owl-dots .owl-dot.active span {
    background: #fff;
}

#testimonial-carousel .owl-dots span {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: inline-block;
    background: #ccc;
    margin: 0 3px;
    top: -5px;
}


/************************************/


/*****   09. Pricing area css   *****/


/************************************/

.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    border: 0;
    border-radius: 0.25rem;
}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}

.pricing-card {
    border-radius: 12px;
    /*height: 100%;*/
    min-height: 441px;
    /*margin-bottom: 30px;*/
}

.pricing-card .card-body {
    padding: 30px 15px 120px;
    /*padding: 30px 15px;*/
    position: relative;
}

.shadow-sm {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.pricing {
    background: #f5f5f5 url(../images/pricing-bg.png) no-repeat top center;
}

.pricing-single {
    background: #fff;
    text-align: center;
}

.pricing-header {
    padding: 0;
}

.pricing-header h3 {
    font-size: 24px;
    color: #003659;
    font-weight: 400;
    margin-bottom: 30px;
}

.pricing-header h4 {
    color: #fff;
    font-size: 37px;
    padding: 15px 5px;
    background: #3ba4f4;
    background: linear-gradient(-43deg, #3e2afe 0%, #3b7ef7 29%, #3ba4f4 60%, #39f2ed);
    background: -webkit-linear-gradient(-43deg, #3e2afe 0%, #3b7ef7 29%, #3ba4f4 60%, #39f2ed);
    background: -moz-linear-gradient(-43deg, #3e2afe 0%, #3b7ef7 29%, #3ba4f4 60%, #39f2ed);
    background: -o-linear-gradient(-43deg, #3e2afe 0%, #3b7ef7 29%, #3ba4f4 60%, #39f2ed);
    margin-bottom: 30px;
    margin-left: -15px;
    margin-right: -15px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: normal;
    flex-direction: column;
}

.pricing-header h4 .perYear span {
    margin-left: 10px;
}

.pricing-header h4 .perYear,
.pricing-header h4 .perMonth {
    display: flex;
    justify-content: center;
    align-items: center;
}

.priceAmt font {
    word-spacing: -10px;
    font-size: 30px;
}

.pricing-header h4 .perMonth span {
    margin-top: 10px;
    font-size: 0.75rem;
}

.pricing-header h4 span {
    /* font-family: "Expose-Medium"; */
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 20px;
    text-align: left;
}

.pricing-body ul {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 1rem;
}

.pricing-body ul li {
    color: #737171;
    margin-bottom: 15px;
}

.pricing-body ul li:last-child {
    margin-bottom: 0;
}

.pricing-body ul li i {
    padding-right: 5px;
}

.pricing-footer {
    text-align: center;
    position: absolute;
    bottom: 15px;
    width: 90%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.pricing-footer a.btn-custom {
    padding: 16px 10px;
    font-size: 14px;
}

.corporate_extra {
    margin-top: 30px;
}

.f-16px {
    font-size: 1rem;
}

.pricing-row {
    justify-content: center;
}

@media (min-width: 992px) {
    .pricing-row .col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}

@media (max-width: 1200px) {
    .pricing-header h4 {
        font-size: 34px;
    }

    .pricing-body ul li {
        font-size: 14px;
    }
}

@media (max-width: 991.98px) {
    .pricing-row .col-sm-6 {
        margin-bottom: 1rem;
    }

    .pricing-body ul li {
        font-size: 14px;
    }

    .pricing-card {
        border: 1px solid rgba(0, 0, 0, 0.125);
        height: 100%;
    }

    .planpage_row .col-lg-3 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 2rem;
    }
}

@media (max-width: 575.98px) {
    .pricing-row .col-sm-6 {
        margin-bottom: 0;
    }

    .pricing-card {
        min-height: auto;
        border: 1px solid rgba(0, 0, 0, 0.125);
        margin-bottom: 30px;
    }

    .card {
        border: 1px solid rgba(0, 0, 0, 0.125) !important;
    }

    .card.upgradplan-card {
        border: 0 !important;
    }

    .card.upgradplan-card .card-body.p-0 {
        padding: 0 !important;
    }

    .pricing-header h4 {
        margin-left: 0;
        margin-right: 0;
    }

    .pricing-row .col-sm-6 {
        width: 100%;
    }

    .planpage_row .col-lg-3 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .pricing-card .card-body {
        padding: 25px 15px 120px;
    }

    .pricing-header h3 {
        margin-bottom: 20px;
    }

    .pricing-header h4 {
        font-size: 30px;
    }
}


/***************************************/


/*****   11. Contact us area css   *****/


/***************************************/

.contact {
    padding: 100px 0;
    background: url(../images/contact-bg.jpg) no-repeat bottom center;
    background-size: cover;
}

.contact-form {
    max-width: 480px;
    margin: 0 auto;
}

.contact-form .form-group {
    margin-bottom: 30px;
}

.contact-form .form-control {
    border: none;
    box-shadow: none;
    border-radius: 0;
    background: #f5f5f5;
    height: calc(1.875em + 1rem + 4px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    resize: none;
}

.contact-form textarea.form-control {
    height: auto;
}

label.error,
.contact-form label.error {
    color: #ff0000;
    margin-bottom: 0;
    font-weight: 400;
    font-size: 0.75rem;
}

.email-unique-error {
    color: #ff0000;
    margin-bottom: 0;
    font-weight: 400;
    font-size: 0.75rem;
}

.btn-contact {
    border: none;
    display: inline-block;
    font-size: 1rem;
    /* font-family: "Expose-Medium"; */
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    padding: 16px 30px;
    margin-top: 40px;
    min-width: 170px;
    text-align: center;
    color: #fff;
    box-shadow: 1px 2px 46px 0px rgba(0, 0, 0, 0.33);
    background-color: var(--gemba-global-color-primary);
}


/* .btn-contact:focus, */

.btn-contact:hover {
    background-color: var(--gemba-global-color-text);
    color: #fff;
    outline: 0;
}

.recaptcha_group .g-recaptcha div {
    display: inline-block;
}


/* .custom-scroll {
    scrollbar-width: thin;
    scrollbar-color: #cccccc #fff;
} */

.custom-scroll::-webkit-scrollbar {
    height: 4px;
    width: 6px;
    background-color: #ffffff;
}

.custom-scroll::-webkit-scrollbar-track {
    border-radius: 2px;
}

.custom-scroll::-webkit-scrollbar-thumb {
    margin: 2px;
    border-radius: 2px;
    background: #dee2e6;
}

@media (min-width: 1200px) {
    ::-webkit-scrollbar {
        height: 4px;
        width: 6px;
        background-color: #ffffff;
    }

    ::-webkit-scrollbar-track {
        border-radius: 2px;
    }

    ::-webkit-scrollbar-thumb {
        margin: 2px;
        border-radius: 2px;
        background: #dee2e6;
    }
}


/***********************************/


/*****   12. Footer area css   *****/


/***********************************/

footer {
    padding: 40px 0;
    border-top: 1px solid #e7e8ea;
}

.footer-logo a img {
    width: auto;
    height: 100px;
}

.footer-menu {
    text-align: center;
    margin-bottom: 20px;
}

.footer-menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.footer-menu ul li {
    display: inline-block;
}

.footer-menu ul li a {
    color: var(--gemba-global-color-text);
    display: block;
    padding: 0 10px;
    position: relative;
}

.footer-menu ul li a:hover {
    color: var(--gemba-global-color-primary);
}

.footer-menu ul li a:after {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    right: -1px;
    height: 14px;
    width: 1px;
    background: #828181;
}

.footer-menu ul li:last-child a:after {
    display: none;
}

.footer-siteinfo {
    text-align: center;
    padding: 15px 0;
    background-color: #f8f9fa;
    border-top: 1px solid #e7e8ea;
}

.footer-siteinfo p {
    font-size: 14px;
    color: #828181;
    margin-bottom: 0;
}

.footer-social {
    text-align: center;
    margin: 10px 0;
}

.footer-social a {
    display: inline-block;
    width: 36px;
    height: 36px;
    background: var(--gemba-global-color-text);
    color: #fff;
    text-align: center;
    border-radius: 50%;
    padding-top: 8px;
    margin: 0 5px;
}

.footer-social a:hover {
    background: var(--gemba-global-color-primary);
}

.footer_store .btn-download {
    margin-right: 0;
    margin-bottom: 15px;
    white-space: nowrap;
}

.footer_store .btn-download:hover {
    background-color: var(--gemba-global-color-text);
}

.footer_store .btn-download:last-child {
    margin-bottom: 0;
}

footer .row_flex {
    align-items: center;
}

.footer_store .btn-download font {
    font-size: 1rem;
    display: inline-block;
}

.footer_store .btn-download span font {
    font-size: 0.75rem;
}

.storebuttons {
    display: inline-flex;
    flex-direction: column;
}


/************************************/


/*****    13. Media Screens     *****/


/************************************/

@media (max-width: 1399.98px) {
    /* .navbar-default .navbar-nav.main-navigation > li > a,
    .btn.dash-btn.inviteUserBtn {
        font-size: 0.75rem;
        padding: 6px 8px 6px;
    } */
}

@media only screen and (max-width: 1200px) {
    .navbar-default .navbar-nav>li>a {
        padding: 6px 12px;
    }

    .navbar-default .navbar-nav.main-navigation>li>a,
    .btn.dash-btn.inviteUserBtn {
        padding: 5px 8px;
        font-size: 9px;
    }

    .how-work .nav-tabs>li>a {
        font-size: 1rem;
    }
}

@media only screen and (max-width: 1199.98px) {
    .navbar-toggle {
        display: block;
    }

    .btn.dash-btn.inviteUserBtn {
        order: 2;
    }
    .dash-header-container .btn.dash-btn.inviteUserBtn,
    .dash-header-container .btn.hpBtn{
        background-color: transparent;
        border: 0;
    }
    .dash-header-container .btn.dash-btn.inviteUserBtn svg,
    .dash-header-container .btn.hpBtn svg {
        width: 1.25rem;
        height: 1.25rem;
        overflow: visible;
    }
    .dash-header-container .btn.dash-btn.inviteUserBtn svg path,
    .dash-header-container .btn.hpBtn svg path {
        fill: rgba(255,255,255,0.7);
    }
    /* .navbar-fixed-top {
        background: -webkit-linear-gradient(
            -43deg,
            #3e2afe 0%,
            #3b7ef7 29%,
            #3ba4f4 60%,
            #39f2ed
        );
    } */
    .navbar-header {
        float: none;
        width: 100%;
        position: relative;
        justify-content: space-between;
        padding: 0 15px;
        height: 70px;
    }

    .sticky-header .navbar-header {
        background: none;
    }

    .navbar-expand-lg .container {
        max-width: 100%;
    }

    #main-nav .navbar-collapse {
        display: none !important;
    }

    .navbar-default .navbar-toggle {
        border-color: #fff;
        border-radius: 0;
        padding: 0;
    }

    .navbar-brand img {
        height: 56px;
    }

    .navbar-brand,
    .sticky-header .navbar-brand {
        padding: 0;
    }

    .sticky-header .navbar-nav>li.profile-dropdown,
    .navbar-nav>li.profile-dropdown {
        padding: 0;
        margin: 0;
    }

    /*    .slicknav_menu{
            background: #3ba4f4;
            background: linear-gradient(-43deg,#3e2afe 0%,#3b7ef7 29%,#3ba4f4 60%,#39f2ed);
            background: -webkit-linear-gradient(-43deg,#3e2afe 0%,#3b7ef7 29%,#3ba4f4 60%,#39f2ed);
            background: -moz-linear-gradient(-43deg,#3e2afe 0%,#3b7ef7 29%,#3ba4f4 60%,#39f2ed);
            background: -o-linear-gradient(-43deg,#3e2afe 0%,#3b7ef7 29%,#3ba4f4 60%,#39f2ed);
        }
    */
    .sticky-header .slicknav_menu {
        background: none;
    }

    .slicknav_menu {
        margin-left: -15px;
        margin-right: -15px;
        padding: 0;
    }

    .slicknav_menu li {
        padding: 0 10px;
    }

    .slicknav_menu a {
        /* font-family: "Expose-Bold"; */
        font-weight: 700;
        color: #fff;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 20px;
        padding-right: 20px;
        text-transform: uppercase;
        border: 0 !important;
        margin: 0;
        border-bottom: 1px solid #e9e9e9 !important;
    }

    .slicknav_menu li:last-child a {
        border-bottom: 0 !important;
    }

    .slicknav_menu a a {
        border: none !important;
    }

    .slicknav_menu a.btn-accent.dash-btn {
        padding-left: 20px;
        padding-right: 20px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        background-color: var(--gemba-global-color-primary);
    }

    .slicknav_menu li a:hover {
        background-color: var(--gemba-global-color-text);
    }

    .slicknav_menu li.active a {
        color: #dbecfe;
    }

    .slicknav_nav .slicknav_row:hover,
    .slicknav_nav a:hover {
        background: none;
        color: #fff;
        border: 1px solid #fff;
        border-radius: 0;
    }

    .slicknav_btn {
        padding: 4px 4px;
        background: none;
    }

    .slicknav_icon-bar {
        box-shadow: none;
        /* border-radius: 0; */
        margin: 2px 0;
    }

    .navbar-toggle {
        /* position: absolute;
         right: 15px;
         top: 22px;*/
        margin-right: 0;
        transition: all 0.3s;
    }

    /*.sticky-header .navbar-toggle{
        top: 22px;
    }*/
    /*    .navbar-collapse{
            border: none !important;
            border-top: 1px solid #fa534a !important;
            box-shadow: none;
            padding: 30px;
            background: #f93f35;
        }*/
    .navbar-toggle:hover {
        background: transparent !important;
    }

    .navbar-toggle .icon-bar {
        margin: 4px 0;
    }

    .header-content h2 {
        font-size: 36px;
    }

    .banner {
        padding: 100px 0 60px;
    }

    .how-work-image {
        text-align: center;
        margin-bottom: 60px;
    }

    .testimonial-single figure {
        width: 44%;
        vertical-align: top;
    }

    .pricing-single {
        margin-bottom: 30px;
    }

    footer {
        padding-top: 20px;
    }

    .footer-logo {
        text-align: left;
        /*margin-bottom: 30px;*/
    }

    .navbar-brand {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        margin: 0;
        padding-left: 0;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
    }

    .lang_navbar {
        position: absolute;
        right: 15px;
    }

    .profile-navbar {
        -ms-flex-order: 3;
        order: 3;
        margin-right: 50px;
    }

    .navbar-toggle {
        -ms-flex-order: 1;
        order: 1;
    }

    .btn.hpBtn {
        -ms-flex-order: 2;
        order: 2;
        margin-left: auto;
        margin-right: 10px;
    }

    .profile-dropdown .dropdown-menu {
        left: auto;
        right: 0;
        margin-top: 20px;
    }

    .profile-dropdown .dropdown-menu .dropdown-menu-arrow {
        right: 18px;
        left: auto;
    }

    .sticky-header .profile-dropdown .dropdown-menu {
        top: 75%;
    }

    .menu-dropdown .dropdown-menu-arrow {
        display: none;
    }

    .menu-dropdown .dropdown-menu {
        position: static;
        background: transparent;
        width: 100%;
        padding: 0 0 !important;
        border: 0;
    }

    .menu-dropdown .dropdown-item {
        padding: 10px 20px;
        padding-left: 2rem;
        margin: 0;
        font-size: 14px;
    }

    .slicknav_menu li.menu-dropdown:last-child .dropdown-item {
        border-bottom: 1px solid #e9e9e9 !important;
    }

    .menu-dropdown .dropdown-item:first-child {
        border-top: 1px solid #e9e9e9 !important;
    }

    /* .th-datepicker.tracingDatePicker {
        float: right;
        margin-top: 1rem;
    } */
    .subscription-menu-dropdown .btn-primary.dash-btn {
        padding-left: 20px;
        padding-right: 20px;
        text-align: left;
    }

    .navbar-brand img,
    .sticky-header .navbar-brand img {
        height: 40px;
    }

    .navbar-default .navbar-toggle .slicknav_btn,
    .navbar-default .navbar-toggle {
        width: 30px;
        height: 30px;
        padding: 0;
        margin: 0;
        display: inline-block;
        position: relative;
        top: -1px;
        left: 1px;
        border: 0;
    }

    .navbar-default .navbar-toggle .slicknav_btn .slicknav_icon {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .navbar-default .navbar-toggle .slicknav_btn .slicknav_icon:before {
        display: none;
    }
}


/* Mobile Layout */

@media only screen and (max-width: 767px) {

    /* .navbar-toggle {
         top: 22px;

     }*/
    .header-content {
        text-align: center;
        padding-top: 20px;
        margin-bottom: 40px;
    }

    .slider-image {
        text-align: center;
    }

    .amazing-features .section-title,
    .section-title {
        margin-bottom: 30px;
    }

    .section-title h2 {
        font-size: 26px;
        padding-bottom: 20px;
    }

    .awesome-feature {
        padding: 30px 0;
    }

    .hdiw_text {
        margin: 30px 0;
    }

    .how-work,
    .testimonial,
    .pricing,
    .contact {
        padding: 60px 0;
    }

    .testimonial-single figure {
        width: 100%;
        padding: 0;
        display: block;
        text-align: center;
    }

    .testimonial-single figure img {
        margin: 0 auto 30px;
    }

    .testimonial-content {
        display: block;
        text-align: center;
    }

    .profile-navbar {
        margin-right: 40px;
    }

    .profile-dropdown img.rounded-circle {
        width: 30px;
        height: 30px;
    }

    .footer-social {
        margin-bottom: 20px;
    }

    .mobile-user-sop {
        width: 100%;
    }

    .mobile-user-sop .d-flex {
        flex-wrap: wrap;
    }

    .btn.hpBtn {
        margin-left: 0;
        margin-right: auto;
    }
}

@media (max-width: 575.98px) {
    .sticky-header .profile-dropdown .dropdown-menu {
        right: -2.65rem;
    }

    .profile-dropdown .dropdown-menu .dropdown-menu-arrow {
        right: 3.5rem;
    }

    .mobile-user-sop .d-flex {
        margin-left: -10px;
        margin-right: -10px;
        justify-content: center;
    }

    .mobile-user-sop .d-flex .d-lg-flex {
        width: 50%;
        padding-left: 10px;
        padding-right: 10px;
    }

    .mobile-user-sop .d-flex .export_btn {
        margin-left: 10px;
        margin-right: 10px;
    }

    .tracingDatePicker.mobileDatepicker {
        width: 100%;
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 100%;
    }
}


/* Small Mobile Layout */

@media only screen and (max-width: 480px) {

    .sticky-header .navbar-brand img,
    .navbar-brand img {
        height: 40px;
    }

    .navbar-brand,
    .sticky-header .navbar-brand {
        padding: 0;
    }

    .section-title h2 {
        font-size: 22px;
        line-height: 1.5em;
    }

    .btn-download {
        display: block;
        max-width: 180px;
        margin: 0 auto 20px;
    }

    .feature-single {
        text-align: center;
    }

    .feature-single .icon-box {
        margin-bottom: 25px;
    }

    .feature-single h3 {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .feature-single p {
        font-size: 14px;
    }

    .awesome-feature-single {
        margin-bottom: 40px;
    }

    .awesome-feature-single .icon-box img {
        max-width: 120px;
    }

    .awesome-feature-single h3 {
        font-size: 1.125rem;
    }

    .testimonial-single {
        padding: 0;
    }

    .testimonial-content .rating {
        display: block;
        margin: 0 0 10px;
    }

    .owl-testimonial .owl-nav {
        text-align: center;
    }

    .owl-testimonial .owl-nav .owl-next,
    .owl-testimonial .owl-nav .owl-prev {
        display: inline-block;
        position: relative;
        top: auto;
        right: auto;
        left: auto;
        margin: 0 10px;
    }
}


/*Footer Media*/

@media (max-width: 991.98px) {
    .footer_store .btn-download {
        font-size: 14px;
        padding: 10px 18px 8px 45px;
        min-width: 160px;
    }

    .footer_store .btn-download i {
        font-size: 26px;
    }

    .footer_store .btn-download span {
        font-size: 10px;
    }

    .footer-social a {
        width: 30px;
        height: 30px;
        font-size: 11px;
    }
}

@media (max-width: 575.98px) {
    footer .row_flex {
        justify-content: center;
    }

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

    .footer-menu {
        margin-top: 20px;
    }

    footer {
        padding: 20px 0;
    }

    .features {
        padding-bottom: 30px;
    }

    .page-section {
        padding: 30px 0;
    }

    .footer_store .btn-download {
        margin: 0;
        margin-bottom: 15px;
        margin-right: 0;
        min-width: auto;
        max-width: unset;
        text-align: right;
    }

    .footer_store.text-right {
        text-align: center !important;
    }
}

.kaizenImg {
    display: inline-block;
    width: auto;
    border: 10px solid #ffffff;
    box-shadow: 0 0 30px rgb(0 0 0 / 5%);
}

.kaizen-section {
    padding: 3rem 0;
}

@media (max-width: 575.98px) {

    .kaizen-section,
    .kaizen-section .container {
        padding: 0 0;
    }
}


/************************************/


/***** 	   13. Subpage css		 ****/


/************************************/

.subpage-section {
    padding: 50px 0;
    margin-top: 74px;
}

.fixHeight {
    min-height: calc(100vh - 75px);
}

.dataTables_scroll {
    margin-bottom: 1rem;
}

.position-relative {
    position: relative;
}

.d-inline-block {
    display: inline-block;
}

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.switch .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

input:checked+.slider {
    background-color: #2196f3;
}

input:focus+.slider {
    box-shadow: 0 0 1px #2196f3;
}

input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}


/* Rounded sliders */

.switch .slider.round {
    border-radius: 34px;
}

.switch .slider.round:before {
    border-radius: 50%;
}

.custom-radio {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


/* Hide the browser's default radio button */

.custom-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}


/* Create a custom radio button */

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 50%;
}


/* On mouse-over, add a grey background color */

.custom-radio:hover input~.checkmark {
    background-color: #ccc;
}


/* When the radio button is checked, add a blue background */

.custom-radio input:checked~.checkmark {
    background-color: #2196f3;
}


/* Create the indicator (the dot/circle - hidden when not checked) */

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}


/* Show the indicator (dot/circle) when checked */

.custom-radio input:checked~.checkmark:after {
    display: block;
}


/* Style the indicator (dot/circle) */

.custom-radio .checkmark:after {
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}

.custom-checkbox {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


/* Hide the browser's default checkbox */

.custom-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}


/* Create a custom checkbox */

.checkmark-check {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
}


/* On mouse-over, add a grey background color */

.custom-checkbox:hover input~.checkmark-check {
    background-color: #ccc;
}


/* When the checkbox is checked, add a blue background */

.custom-checkbox input:checked~.checkmark-check {
    background-color: #2196f3;
}


/* Create the checkmark/indicator (hidden when not checked) */

.checkmark-check:after {
    content: "";
    position: absolute;
    display: none;
}


/* Show the checkmark when checked */

.custom-checkbox input:checked~.checkmark-check:after {
    display: block;
}


/* Style the checkmark/indicator */

.custom-checkbox .checkmark-check:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.subpage-title h2 {
    font-size: 1rem;
    color: #003659;
    position: relative;
    text-transform: uppercase;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.subpage-title h2:after {
    content: "";
    display: block;
    width: 80px;
    height: 1px;
    background: #003659;
    margin-left: -40px;
    position: absolute;
    left: 50%;
    bottom: 0;
}

@media (min-width: 1200px) {

    /* .modal-open {
        padding-right: 0 !important;
    } */
    /* body.has-scrollbar {
        overflow-y: scroll;
    }
    body.has-scrollbar.compensate-for-scrollbar {
        overflow: hidden;
    } */
    .modal-open::-webkit-scrollbar {
        opacity: 0;
    }

    .modal-open::-webkit-scrollbar-track {
        opacity: 0;
    }

    .modal-open::-webkit-scrollbar-thumb {
        opacity: 0;
    }

    .modal-open::-webkit-scrollbar {
        opacity: 0;
    }

    .modal-open .navbar-fixed-top::-webkit-scrollbar-track {
        opacity: 0;
    }

    .modal-open .navbar-fixed-top::-webkit-scrollbar-thumb {
        opacity: 0;
    }
}


/* .modal-open .navbar-fixed-top {
    overflow-y: scroll;
} */

.archivedCheckbox {
    position: absolute;
    padding: 0;
    width: 16px;
    height: 16px;
    margin: 0;
    right: -6px;
    bottom: 13px;
}

@media (max-width: 991.98px) {
    .subpage-section {
        margin-top: 70px;
    }
}

@media (max-width: 575.98px) {
    .subpage-section {
        padding: 20px 0;
        margin-top: 70px;
    }
}


/*Login Page CSS*/

.login-title h2 {
    font-size: 24px;
    color: var(--text-primary);
    position: relative;
    text-transform: uppercase;
    padding-bottom: 16px;
    margin-bottom: 16px;
}

.login-title.mb-40px {
    margin-bottom: 40px;
}

.login-title h2:after {
    content: "";
    display: block;
    width: 80px;
    height: 1px;
    background: #003659;
    margin-left: -40px;
    position: absolute;
    left: 50%;
    bottom: 0;
}

.login-title .login-subtitle {
    margin-bottom: 0;
    margin-top: 8px;
    font-weight: 400;
    text-transform: none;
    font-size: 13px;
    color: #7e7e7e;
}

.form-lable,
.login-lable {
    color: #7e7e7e;
    font-weight: normal;
    font-size: 14px;
    margin-bottom: 5px;
}

.login-form input.form-control {
    height: 50px;
    font-size: 14px;
    border-radius: 3px;
    background: #fff;
    /*border: 1px solid rgba(126, 126, 126, 0.5);*/
    padding-left: 50px;
    border: none;
    box-shadow: none;
    border-radius: 0;
    background: #f5f5f5;
}

.login-form .inputIcon {
    position: absolute;
    width: 50px;
    text-align: center;
    height: 50px;
    line-height: 50px;
    top: 0;
    left: 0;
    color: #343434;
}

.login-form .form-group {
    margin-bottom: 25px;
}

.login-form .form-group.mb-9px {
    margin-bottom: 9px;
}

.login-form .btn-link {
    box-shadow: none !important;
}

.otpInputBox .form-control-lg {
    width: 48px;
    margin: 0 6px;
    padding: 0.5rem 0.5rem;
}

.pass_showhide {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #7e7e7e;
    cursor: pointer;
}

.pass_showhide:hover {
    color: #343434;
}

.btn-custom.login-btn {
    padding: 14px 14px;
    text-transform: uppercase;
    border: 0;
}

.forgotlink {
    font-size: 0.75rem;
    color: var(--gemba-global-color-primary);
}

.tearms-link,
.bottom-link {
    color: var(--gemba-global-color-primary);
    font-size: 14px;
    margin-bottom: 0;
    margin-top: 30px;
}

.tearms-link {
    margin-top: 0;
    margin-bottom: 15px;
}

.tearms-link a,
.bottom-link a {
    color: var(--gemba-global-color-primary);
    /* font-family: "Expose-Medium"; */
    font-weight: 500;
}

.tearms-link a:hover,
.bottom-link a:hover {
    color: var(--gemba-global-color-text);
}

.download-app {
    display: inline-block;
    color: #fff;
    background: var(--gemba-global-color-primary);
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    margin: 0 5px;
}

.downapp-div {
    margin-top: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.downapp-div h5 {
    margin-bottom: 0;
    margin-right: 14px;
}

.or-line:before {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%);
    z-index: -1;
    background: -webkit-linear-gradient(-43deg, #3e2afe 0%, #3b7ef7 29%, #3ba4f4 60%, #39f2ed);
}

.or-line span {
    background: white;
    padding: 0 10px;
}

@media (max-width: 575.98px) {
    .login-title h2 {
        font-size: 24px;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .login-title.mb-40px {
        margin-bottom: 20px;
    }
    .otpInputBox .form-control-lg{
            width: 40px;
            height: 40px;
            padding: 0.25rem 0.25rem;
    }
}


/*Payment Page CSS*/

.payment-div {
    max-width: 650px;
    margin: 0 auto;
}

.payment-row {
    margin-right: -5px;
    margin-left: -5px;
}

.payment-column {
    padding-right: 5px;
    padding-left: 5px;
}

.page-form input.form-control {
    height: calc(1.875em + 1rem + 4px);
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 3px;
    background: #fff;
    box-shadow: none;
    border-radius: 0;
}

.select-drop .select2-container--default .select2-selection--single {
    border-radius: 0;
}

.select-drop .select2-container .select2-selection--single {
    height: 50px;
    outline: 0;
}

.select-drop .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 48px;
}

.select-drop .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 50px;
}

.select-drop .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 12px;
    font-size: 1rem;
}

.select-drop .select2-container {
    font-size: 14px;
    min-width: 100%;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    outline: 0;
}

.custom_select2 .select2-container .select2-search--inline .select2-search__field {
    /* font-family: "Expose-Regular"; */
    font-weight: 400;
}

#select_sop_from .select2-container {
    text-align: left;
}

.bill-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--input-border);
    padding: 10px 0;
    margin-bottom: 10px;
}

.bill-title h5 {
    margin-bottom: 0;
}

.bill-switch .switch {
    width: 40px;
    height: 20px;
    margin-bottom: 0;
}

.bill-switch .slider:before {
    height: 17px;
    width: 17px;
    left: 1px;
    bottom: 1.4px;
}

.bill-switch .slider {
    background: -webkit-linear-gradient(-43deg, #3e2afe 0%, #3b7ef7 29%, #3ba4f4 60%, #39f2ed);
}

.bill-switch input:checked+.slider:before {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
}

.bill-switch .slider.round {
    border-radius: 47px;
}

.monthyear .monthly,
.monthyear .annually {
    font-weight: 400;
    font-size: 0.75rem;
}


/*.monthyear .monthly{
    position: absolute;
    left: -54px;
    top: 1px;
}
.monthyear .annually{
    position: absolute;
    right: -58px;
    top: 1px;
}*/

.bill-switch {
    align-items: center;
    display: flex;
    position: relative;
    flex-wrap: wrap;
}

.bill-switch .save-badge {
    /*    position: absolute;
        right: 0;*/
    background-color: var(--gemba-global-color-primary);
    top: -1px;
    color: #fff;
    font-size: 0.75rem;
    padding: 2px 4px;
}

.bill-switch span.tit_cycle {
    color: var(--text-muted);
    font-weight: normal;
    font-size: 0.75rem;
    position: relative;
    font-weight: 500;
}

.monthyear span.active {
    /* font-family: "Expose-Medium"; */
    font-weight: 500;
}

.plan-li {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
}

.plan-li-name {
    width: calc(100% - 130px);
}

.plan-li-name p {
    margin-bottom: 0;
    word-break: break-word;
    font-size: 14px;
}

.plan-li-name p.plan-li-detail {
    font-size: 13px;
    margin-top: 5px;
    margin-bottom: 0;
}


/*.plan-li-name-coupon-code{
    width: 145px;
}*/

button#coupon-apply-btn {
    min-width: auto;
}

.plan-li.coupon-apply-bar {
    width: 100%;
    justify-content: space-evenly;
    align-items: center;
}

.plan-li.coupon-apply-bar .row {
    align-items: center;
    flex: auto;
}

.plan-li-name-coupon-code p {
    margin-bottom: 0;
    word-break: break-word;
}

.plan-li-name-coupon-code p.plan-li-detail {
    font-size: 13px;
    margin-top: 5px;
    margin-bottom: 0;
}

.hr-m-0 {
    margin: 0;
}

.btn-custom.page-btn {
    padding: 13px 14px;
    text-transform: uppercase;
    border: 0;
    border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    -ms-border-radius: 0.5rem;
    -o-border-radius: 0.5rem;
}

.mt-20px {
    margin-top: 20px;
}

.card-box {
    background: #fff;
    padding: 10px 14px 8px;
    margin-bottom: 14px;
    min-height: 88px;
    position: relative;
    border-radius: 10px;
    border: 1px solid #E0ECF8;
    box-shadow: 0 2px 8px rgba(6, 121, 255, 0.07), 0 1px 2px rgba(0, 54, 89, 0.04);
}

.card-box label {
    margin-bottom: 0;
}

.card_number {
    font-size: 14px;
    margin-bottom: 5px;
}

.card_number span {
    font-size: 0.75rem;
    font-weight: 400;
}

.card_expired {
    margin-bottom: 0;
    font-weight: 400;
    font-size: 0.75rem;
}

.payment-checkbox label {
    color: #7e7e7e;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
}

.payment-checkbox label.error {
    color: #ff0000;
}

.payment-checkbox label a {
    color: var(--gemba-global-color-primary);
    /* font-family: "Expose-Medium"; */
    font-weight: 500;
}

.payment-checkbox .custom-checkbox {
    padding-left: 30px;
}

.payment-checkbox .checkmark-check {
    height: 20px;
    width: 20px;
}

.payment-checkbox .custom-checkbox .checkmark-check:after {
    border-width: 0 2px 2px 0;
    left: 8px;
    top: 4px;
    width: 5px;
    height: 10px;
}

.cardEditdrop {
    position: absolute;
    top: 8px;
    right: 5px;
}

.cardEditdrop .dropdown-menu {
    min-width: 100px;
    padding: 0.3rem 0;
    font-size: 13px;
    margin-left: 10px;
}

.cardEditdrop .dropdown-item {
    padding: 0.25rem 0.7rem;
}

@media (max-width: 575.98px) {
    .bill-title.bill-cycle {
        display: block;
    }

    .bill-switch {
        margin-top: 10px;
    }

    .chcardTitle,
    .bill-title h5 {
        font-size: 15px;
    }

    .add_new_card {
        font-size: 13px;
    }

    /* .subpage-title h2 {
        font-size: 26px;
        padding-bottom: 15px;
        margin-bottom: 15px;
    } */
    input.form-control.coupon_code_cls.capitalLatter {
        margin-bottom: 10px;
        margin-top: 7px;
    }
}


/*Terms and Privacy page CSS*/

.terms-card {
    background-color: #f8f9fa;
    border-radius: 10px;
}

.terms-card .terms-body {
    padding: 1.25rem;
}

.check-container {
    width: 8.25rem;
    height: 9.5rem;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
}

.check-container .check-background {
    width: 100%;
    height: calc(100% - 1.25rem);
    background: linear-gradient(to bottom right, #5de593, #41d67c);
    box-shadow: 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;
    transform: scale(0.84);
    border-radius: 50%;
    animation: animateContainer 0.75s ease-out forwards 0.75s;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
}

.check-container .check-background svg {
    width: 65%;
    transform: translateY(0.25rem);
    stroke-dasharray: 80;
    stroke-dashoffset: 80;
    animation: animateCheck 0.35s forwards 1.25s ease-out;
}

.check-container .check-background-error {
    width: 100%;
    height: calc(100% - 1.25rem);
    background: linear-gradient(to bottom right, red, red);
    box-shadow: 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;
    transform: scale(0.84);
    border-radius: 50%;
    animation: animateContainer 0.75s ease-out forwards 0.75s;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
}

.check-container .check-background-error svg {
    width: 65%;
    transform: translateY(0.25rem);
    stroke-dasharray: 80;
    stroke-dashoffset: 80;
    animation: animateCheck 0.35s forwards 1.25s ease-out;
}

.check-container .check-shadow {
    bottom: calc(-15% - 5px);
    left: 0;
    border-radius: 50%;
    background: radial-gradient(closest-side, rgba(73, 218, 131, 1), transparent);
    animation: animateShadow 0.75s ease-out forwards 0.75s;
}

@keyframes animateContainer {
    0% {
        opacity: 0;
        transform: scale(0);
        box-shadow: 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;
    }

    25% {
        opacity: 1;
        transform: scale(0.9);
        box-shadow: 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;
    }

    43.75% {
        transform: scale(1.15);
        box-shadow: 0px 0px 0px 43.334px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;
    }

    62.5% {
        transform: scale(1);
        box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 21.667px rgba(255, 255, 255, 0.25) inset;
    }

    81.25% {
        box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset;
    }

    100% {
        opacity: 1;
        box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset;
    }
}

@keyframes animateCheck {
    from {
        stroke-dashoffset: 80;
    }

    to {
        stroke-dashoffset: 0;
    }
}

@keyframes animateShadow {
    0% {
        opacity: 0;
        width: 100%;
        height: 15%;
    }

    25% {
        opacity: 0.25;
    }

    43.75% {
        width: 40%;
        height: 7%;
        opacity: 0.35;
    }

    100% {
        width: 85%;
        height: 15%;
        opacity: 0.25;
    }
}

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

.successMsg {
    font-size: 24px;
    /* font-family: "Expose-Medium"; */
    font-weight: 500;
    margin-top: 20px;
    margin-bottom: 20px;
}

.dwInvoice a {
    margin-top: 18px;
    display: inline-block;
}

.dwInvoice a i {
    margin-right: 5px;
}

.modal-backdrop.show {
    opacity: 0.7;
}

@media (min-width: 768px) {
    .subModal .modal-dialog {
        width: 450px;
    }

    .logoutModal .modal-dialog {
        width: 450px;
    }
}


/*Plan Page CSS*/

.plan-title {
    border-bottom: 1px solid #bababa;
    padding: 10px 0;
    margin-bottom: 10px;
}

.mb-0 {
    margin-bottom: 0;
}

.current-plan {
    background-color: #f5f5f5;
    border-radius: 12px;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.current-plan .pricing-card {
    background-color: #f5f5f5;
}

.allplan-title {
    display: flex;
    justify-content: space-between;
}

.planpage_row {
    display: flex;
    justify-content: center;
}


/*Profile page CSS*/

.profile-card {
    border-radius: 10px;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.profile-card .pro-body {
    padding: 2.25rem 1.25rem;
}

.proImage {
    border-radius: 50%;
    object-fit: cover;
    border: 4px solid var(--gemba-global-color-primary);
    margin-bottom: 15px;
}

.proDetail a,
.proDetail p {
    font-size: 1rem;
    margin-top: 10px;
}

.logoutModal h2 {
    margin-top: 0;
    font-size: 60px;
    margin-bottom: 15px;
}

.logoutModal h4 {
    margin-top: 0;
    font-size: 30px;
    margin-bottom: 15px;
}

.logoutModal p {
    font-size: 20px;
    margin-bottom: 15px;
}

.logoutModal .page-btn {
    min-width: 120px;
    padding: 14px;
    margin: 0 10px;
}

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

.btn-custom.cancel-btn {
    background: #343434;
}


/* .fancybox-active .navbar-fixed-top {
    overflow-y: scroll;
} */

.fancybox-active .navbar-fixed-top::-webkit-scrollbar {
    opacity: 0;
}

.fancybox-active .navbar-fixed-top::-webkit-scrollbar-track {
    opacity: 0;
}

.fancybox-active .navbar-fixed-top::-webkit-scrollbar-thumb {
    opacity: 0;
}

@media (max-width: 575.98px) {
    .logoutModal .modal-body {
        padding: 30px 15px;
    }
}


/*Dashboard Page CSS Start*/

.dashboard-toolbar {
    background: #fff;
    border-bottom: 1px solid var(--card-border);
    width: 100%;
    min-height: 83px;
}

@media (min-width: 1200px) {

    .container.dash-header-container,
    .dash-container .container,
    .offcanvas-container .container {
        max-width: 1399px;
    }
}

@media (min-width: 1400px) {

    .container.dash-header-container,
    .dash-container .container,
    .offcanvas-container .container {
        max-width: 1599px;
    }
}

.dash-container {
    margin-top: 74px;
    min-height: 100vh;
}

.add-kanban-container {
    padding-bottom: 36px;
}

.dashboard-height {
    min-height: 100vh;
}

.dashboard-height.db-main-container {
    min-height: calc(100vh - 74px);
}

.page-title-header {
    top: 74px;
}

.dash-title {
    padding: 0.625rem 0;
    border-bottom: 1px solid rgba(0, 54, 89, 0.15);
}

.dash-titlename {
    /* font-family: "Expose-Bold"; */
    font-weight: 700;
    font-size: 1rem;
    line-height: normal;
    margin-bottom: 0;
    word-break: break-word;
}

.link_title {
    word-break: break-word;
}

.documentDetail-title.dash__title_sm i,
.dash-titlename.dash__title_sm {
    font-size: 14px;
    color: var(--gemba-global-color-text);
}

.documentDetail-title.dash__title_sm i {
    width: 20px;
    font-size: 1.125rem;
}

.infoModal_btn__div .dash-titlename.dash__title_sm+.infoModalAnchur {
    top: 17px;
}

.infoModal_btn__div .documentDetail-title.dash__title_sm i {
    margin-left: 2rem;
}

.search-bar {
    position: relative;
}

.search-bar input.form-control {
    min-width: 330px;
    background: #ffffff;
    border-radius: 0.5rem;
    /* border: 0; */
    font-size: 14px;
    height: calc(1.5em + 0.75rem + 2px);
    padding-left: 36px;
}

.searchBtn {
    background: rgba(0, 54, 89, 0.05);
    border-radius: 4px;
    border: 0;
    font-size: 14px;
    padding: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    box-shadow: none !important;
}

.search-bar .searchIcon {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translate(0, -50%);
    pointer-events: none;
}

/* .search-bar svg.searchIcon {
    top: 12px;
} */

.documentDetail-title i {
    transition: 0.3s transform;
    width: 16px;
    text-align: center;
    font-size: 0.875rem;
}

.documentDetail-title[aria-expanded="false"] i {
    transform: rotate(0);
}

.documentDetail-title[aria-expanded="true"] i {
    transform: rotate(90deg);
}

.sticky-top-header {
    top: 74px;
    background-color: #ffffff;
}

.edit-sop-action-dropdown .dropdown-item i {
    margin-right: 5px;
}

@media (max-width: 1199.98px) {

    .page-title-header,
    .sticky-top-header {
        top: 70px;
    }

    .dash-container,
    .dash-container.folder-container {
        margin-top: 70px;
    }
    .stepByStep-container{
        height: calc(100vh - 4.375rem);
    }
}

@media (max-width: 991.98px) {}

@media (max-width: 767.98px) {
    .pb-mob__dash {
        padding-bottom: 3rem;
    }

    .pb-mob-5rem {
        padding-bottom: 5rem;
    }
}

@media (max-width: 600px) {
    .search-bar input.form-control {
        min-width: 100%;
        margin-top: 1rem;
    }

    .trainerListModal .search-bar input.form-control {
        margin-top: 0;
    }

    .documentDetail-title {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .documentDetail-title i {
        margin-top: 3px;
    }
}

@media (max-width: 575.98px) {
    .dash-title {
        padding: 0.938rem 0;
        /* padding-top: 10px; */
    }

    .dash-title.video-dash-title {
        padding-bottom: 10px;
    }

    /* .dash-titlename {
        font-size: 20px;
        line-height: 34px;
    } */
    /* .documentDetail-title.dash__title_sm i,
    .dash-titlename.dash__title_sm {
        font-size: 1.125rem;
    } */
    .infoModal_btn__div .infoModalAnchur {
        right: 1.5rem;
        top: 0;
    }

    .add-dash-title .dash-titlename {
        margin-bottom: 0;
        /*margin-top: .5rem;*/
    }

    /* .dash-title.sticky-top-header {
        padding-bottom: 5px;
    } */
}


/*Dashboard Content CSS Start*/

.dash-content {
    padding: 25px 0 50px;
}

.dash-content.kanbanDashContent {
    padding-bottom: 80px;
}

.dash-content.kanbanDashContent.cct_matrix-content {
    padding-bottom: 0;
}

.btn.dash-btn {
    font-size: 13px;
    font-weight: 600;
    padding: 0.5rem 1rem;
    line-height: normal;
    border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    -ms-border-radius: 0.5rem;
    -o-border-radius: 0.5rem;
}

.btn.dash-btn.icon-with-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.icon-with-btn svg {
    stroke: var(--dark);
    fill: none;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.btn.dash-icon-btn svg {
    height: 13px;
    width: 13px;
}

.btn.dash-btn.dash-sm-btn {
    padding: .25rem .5rem;
    font-size: .75rem;
    line-height: normal;
}

.btn-primary.dash-btn {
    background-color: var(--gemba-global-color-primary);
    border-color: var(--gemba-global-color-primary);
}

.btn-primary.dash-btn:hover {
    background-color: var(--gemba-global-color-text);
    border-color: var(--gemba-global-color-text);
}

.btn-outline-primary.dash-btn {
    color: var(--gemba-global-color-primary);
    border-color: var(--gemba-global-color-primary);
}

.btn-outline-primary.dash-btn:hover {
    color: #ffffff;
    border-color: var(--gemba-global-color-primary);
}

.btn-outline-primary.dash-btn:disabled {
    color: var(--gemba-global-color-primary);
    border-color: var(--gemba-global-color-primary);
}

.btn-accent.dash-btn {
    color: #ffffff;
    background-color: var(--gemba-global-color-accent);
    border-color: var(--gemba-global-color-accent);
    box-shadow: none !important;
}

.btn.btn-link.dash-btn:hover {
    background: var(--hover-bg);
    text-decoration: none;
}

.create-std-column .btn-accent.dash-btn svg {
    width: 14px;
    height: 14px;
    stroke: currentColor;
    fill: none;
    stroke-width: 2.5;
    stroke-linecap: round;
}

.btn-accent:hover {
    color: #ffffff;
    background-color: var(--gemba-global-color-text);
    border-color: var(--gemba-global-color-text);
}

.mw-90px {
    min-width: 90px;
}

.mw-110px {
    min-width: 110px;
}

.mw-130px {
    min-width: 130px;
}

.mw-161px {
    min-width: 161px;
}

.pointer-event-none {
    pointer-events: none;
}

.nav-pills.dash-pills {
    gap: 6px;
}

.nav-pills.dash-pills .nav-link {
    background-color: transparent;
    color: var(--text-secondary);
    font-weight: 500;
    font-size: 13px;
    /* min-width: 130px; */
    padding: 0.5rem 1rem;
    border: 1.5px solid var(--card-border);
    height: 100%;
    line-height: normal;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

@media (min-width: 768px) {
    .nav-pills.dash-pills .nav-link:hover {
        background-color: var(--gemba-global-color-text);
        color: #ffffff;
    }
}

.nav-pills.dash-pills .nav-link.active {
    background-color: var(--gemba-global-color-primary);
    color: #ffffff;
}


/* .nav-pills.dash-pills li:first-child .nav-link {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
.nav-pills.dash-pills li:last-child .nav-link {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
} */


/*STD OPS KANBAN CSS Start*/


/*STD OPS CSS Start*/

.stdops-row {
    margin-right: -16.5px;
    margin-left: -16.5px;
}

.stdops-row [class*="col-"] {
    padding-left: 16.5px;
    padding-right: 16.5px;
    margin-bottom: 16px;
}

.stdops-card {
    background-color: #ffffff;
    border: 0;
    height: 100%;
    border: 1px solid var(--card-border);
    border-left: 4px solid var(--card-border);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    box-shadow: var(--card-shadow);
    transition: background 0.15s, box-shadow 0.2s, top 0.15s;
    -webkit-transition: background 0.15s, box-shadow 0.2s, top 0.15s;
    -moz-transition: background 0.15s, box-shadow 0.2s, top 0.15s;
    -ms-transition: background 0.15s, box-shadow 0.2s, top 0.15s;
    -o-transition: background 0.15s, box-shadow 0.2s, top 0.15s;
}

.stdops-card.stdops-card-sop:hover {
    background: var(--hover-bg);
    box-shadow: var(--card-shadow-hover);
    top: -1px;
}

.stdops-card .card-body {
    padding: 16px;
    position: relative;
}

.stdops-card a.stdops_anchur,
.stdops-card a.stdops_anchur:hover {
    color: rgba(0, 54, 89, 0.6);
}

.stdops-card a.stdops_anchur h5 {
    /* font-family: "Expose-Medium"; */
    font-weight: 600;
    font-size: 14px;
    line-height: 1.4;
    color: var(--gemba-global-color-text);
    margin-bottom: 0;
    width: calc(100% - 2rem);
}
.list-column .stdops-card a.stdops_anchur h5{
    margin-right: auto;
}
.sopname_a_tick {
    width: 1rem;
    height: 1rem;
    overflow: visible;
    vertical-align: text-bottom;
}

.stdops-card a.stdops_anchur .video-sop-icon+h5 {
    width: calc(100% - 4rem);
}

.sop_title_name h5 {
    width: calc(100% - 6rem) !important;
}

.sop_title_name .video-sop-icon+h5 {
    width: calc(100% - 8rem) !important;
}

.video-sop-icon {
    /* margin-right: 5px; */
    overflow: visible;
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    background-color: #ffffff;
    border-radius: 100%;
}

.video-sop-icon.vid-sop-steps-icon {
    top: 0;
    margin-right: 0;
}

.stdops-card a.stdops_anchur p {
    font-weight: normal;
    font-size: 0.75rem;

    margin-bottom: 10px;
    line-height: normal;
}

#kanban .stdops-card a.stdops_anchur p {
    margin-bottom: 8px;
}

.stdops-card a.stdops_anchur .rev-date {
    font-weight: normal;
    font-size: 1rem;
    line-height: 24px;
}

.stdops-card .card-body .dropdown {
    position: absolute;
    top: 14px;
    right: 10px;
}

.stdops-card.subfolder-sop-card .card-body .dropdown {
    top: 16px;
    right: 12px;
    line-height: 1;
}

.stdops-card.folder-inner-sop-card .card-body .dropdown {
    position: relative;
    top: auto;
    right: auto;
}

.stdops-card.folder-inner-sop-card .card-body .folderViewAction {
    gap: 16px;
}

.folderViewAction .btn {
    width: 2.125rem;
    height: 2.125rem;
    flex: 0 0 2.125rem;
    padding: 0;
    line-height: 2.125rem;
}

.stdops-card .card-body .dropdown .drop-a,
.checklist-card .drop-a {
    width: 26px;
    height: 26px;
    border-radius: 5px;
    border: none;
    background: transparent;
    color: #b0c8e0;
    font-size: 15px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s, color 0.15s;
}

.stdops-card .card-body .dropdown .drop-a:hover,
.checklist-card .drop-a:hover {
    background: #e0ecf8;
    color: var(--text-primary);
}

.subfolder-sop-card.active {
    background-color: var(--gemba-global-color-primary);
    color: #ffffff;
}

.stdops-card.subfolder-sop-card.active a.stdops_anchur h5,
.stdops-card.subfolder-sop-card.active .sopDetailList li div.text-dark,
.stdops-card.subfolder-sop-card.active .sopDetailList li div label,
.stdops-card.subfolder-sop-card.active.stdops-card .card-body .dropdown .drop-a {
    color: #ffffff !important;
}

.stdops-card.subfolder-sop-card.active .dropdown+svg path {
    fill: #4eacfc;
}

.image-card .dropdown-menu,
.stdops-card .dropdown-menu,
.file-item .sopDropdown .dropdown-menu,
.folder-item .folderDropdown .dropdown-menu{
    border-radius: 0.5rem;
}

.stdops-card .dropdown-menu {
    min-width: 12.5rem;
}

.image-card .dropdown-item,
.stdops-card .dropdown-item,
.file-item .sopDropdown .dropdown-menu .dropdown-item,
.folder-item .folderDropdown .dropdown-menu .dropdown-item {
    font-size: 15px;
    padding: 0.5rem 1rem;
}

.image-card .dropdown-item.active,
.image-card .dropdown-item:active,
.stdops-card .dropdown-item.active,
.stdops-card .dropdown-item:active {
    background-color: var(--gemba-global-color-primary);
}

.image-card .dropdown-item i,
.stdops-card .dropdown-item i,
.stdops-card .dropdown-item svg,
.file-item .sopDropdown .dropdown-menu .dropdown-item i,
.folder-item .folderDropdown .dropdown-menu .dropdown-item i,
.folder-item .folderDropdown .dropdown-menu .dropdown-item span.ctx-icon {
    width: 15px;
    text-align: center;
    margin-right: 5px;
    display: inline-block;
}

.training_T {
    width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    display: inline-block;
    border: 1px solid #ff0000;
    color: #ff0000;
    font-size: 1rem;
    /* font-family: "Expose-Bold"; */
    font-weight: 700;
    border-radius: 5px;
    text-align: center;
}

.stdops-card .card-body .training_T {
    bottom: 1.25rem;
    right: 1.5rem;
}

.stdops-card .card-body .training_T {
    right: 3rem;
}

.training_record .stdops-card .card-body .training_T {
    right: 1.5rem;
}

.stdops-card.stdops-card-sop .training_T {
    position: absolute;
    bottom: 0;
    right: 0;
    transition: right 0.2s ease-in-out;
    -webkit-transition: right 0.2s ease-in-out;
    -moz-transition: right 0.2s ease-in-out;
    -ms-transition: right 0.2s ease-in-out;
    -o-transition: right 0.2s ease-in-out;
}

.bottomRightIcon {
    position: absolute;
    display: flex;
    bottom: 10px;
    right: 16px;
    gap: 10px;
}

.bottomRightIcon .sopCheckboxReview {
    position: relative;
    line-height: 1.5;
}

.bottomRightIcon .dash__feddbackbtn {
    margin-bottom: -6px;
}

.bottomRightIcon .dash__feddbackbtn,
.bottomRightIcon .sopCheckboxReview {
    right: auto;
    bottom: auto;
}

.bottomRightIcon .sopCheckboxReview.review-sop[style="display: none;"]+.training_T {
    display: none;
}

.stdops-card.stdops-card-sop:hover .bottomRightIcon.trainingActive .sopCheckboxReview.review-sop + .training_T,
.stdops-card.stdops-card-sop .bottomRightIcon.checkBoxChecked .training_T {
    right: 2rem;
}


.stdops-card.stdops-card-sop[class*="feedbackOn-"] .bottomRightIcon.trainingActive .training_T{
    position: relative;
    right: 0 ;
}
.stdops-card.stdops-card-sop[class*="feedbackOn-"] .bottomRightIcon.trainingActive.checkBoxChecked .training_T{
    position: absolute;

}
.stdops-card.stdops-card-sop[class*="feedbackOn-"] .bottomRightIcon.trainingActive .sopCheckboxReview.review-sop + .training_T {
    position: absolute;
    right: 0;
}
.stdops-card.stdops-card-sop[class*="feedbackOn-"]:hover .bottomRightIcon .training_T,
.stdops-card.stdops-card-sop[class*="feedbackOn-"] .bottomRightIcon.checkBoxChecked .training_T,
.stdops-card.stdops-card-sop[class*="feedbackOn-"] .bottomRightIcon.trainingActive.checkBoxChecked .training_T,
.stdops-card.stdops-card-sop[class*="feedbackOn-"]:hover .bottomRightIcon.trainingActive .sopCheckboxReview.review-sop + .training_T,
.stdops-card.stdops-card-sop[class*="feedbackOn-"] .bottomRightIcon.trainingActive.checkBoxChecked .sopCheckboxReview.review-sop + .training_T {
    right: 4.25rem;
}
.stdops-card.stdops-card-sop[class*="feedbackOn-"] .bottomRightIcon.trainingActive .bulk-edit-sop[style="display: none;"] + .training_T {
    right: 0;
}


.sub-folder-container .container {
    height: calc(100% - 5rem) !important;
}

.stdops-card.folder-sop-card .card-body {
    padding: 12px;
    position: relative;
}

.stdops-card.folder-sop-card .card-body .dropdown {
    position: absolute;
    top: 16px;
    right: 20px;
    line-height: 1;
}

.sub_folder_section {
    margin-bottom: 10px;
}

.stdops-card.folder-inner-sop-card .card-body {
    padding: 16px 20px;
}


/* Two Sop Image Card  */

.two-stdops-card {
    display: flex;
    flex-wrap: wrap;
}

.sop-card-column {
    flex: 0 0 auto;
    width: 100%;
}

.two-stdops-card .sop-card-column {
    width: 50%;
}

.two-stdops-card .sop-card-column:last-child {
    border-left: 1px solid rgba(0, 54, 89, 0.2);
}

.view_image-card.two-stdops-card .sop-card-column:last-child {
    border-left: 0;
}

.ok-notok-badge,
.video-total-time {
    position: absolute;
    margin: 0 !important;
    padding: 0.25rem 0.375rem;
    line-height: 1;
    border-radius: 5px;
}

.ok-notok-badge {
    right: 0.625rem;
    bottom: 0.625rem;
    background-color: #ffffff;
}

.two-stdops-card .sop-card-column.notok-sop-column .stdopImage {
    border: 0.125rem solid #ff0000;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.two-stdops-card .sop-card-column.ok-sop-column .stdopImage {
    border: 0.125rem solid #169c00;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.video-total-time {
    left: 0.625rem;
    top: 0.625rem;
    background-color: var(--gemba-global-color-accent);
    color: var(--gemba-global-color-text);
}

.video-total-time.video-total-time-onlyDesc {
    position: relative;
    left: auto;
    top: auto;
}

.sopViewBadges {
    position: absolute;
    margin: 0 !important;
    left: 0.625rem;
    top: 0.625rem;
}

.video-total-time-badge {
    padding: 0.25rem 0.375rem;
    line-height: 1;
    border-radius: 5px;
    background-color: var(--gemba-global-color-accent);
    color: var(--gemba-global-color-text);
}

.two-stdops-card .sopViewBadges {
    width: 33%;
}

@media (max-width: 575.98px) {
    .two-stdops-card .sopViewBadges {
        width: 30%;
    }
}


/* Two Sop Image Card  */


/* Thumnail SOP  */

.thumnailSopOn {
    width: calc(100% - 110px);
}

.thumnailSopOn .sop_title_name {
    justify-content: space-between;
}


/* @media (max-width: 1399.98px) {
    .thumnailSopOn {
        width: calc(100% - 99px);
    }
} */


/* Thumnail SOP  */

@media (max-width: 767.98px) {
    .bottomRightIcon {
        position: relative;
        bottom: auto;
        right: auto;
        justify-content: end;
        padding-top: 8px;
    }
}

@media (max-width: 575.98px) {
    .training_T {
        width: 1.25rem;
        height: 1.25rem;
        font-size: 0.75rem;
        line-height: 1.25rem;
    }

    .bottomRightIcon .training_T {
        width: 1.5rem;
        height: 1.5rem;
        line-height: 1.5rem;
        font-size: 1rem;
    }

    .training_record .stdops-card .card-body .training_T {
        right: 1rem;
        bottom: 0.75rem;
    }

    .stdops-card.stdops-card-sop .training_T {
        right: 2rem;
    }
}


/*STD OPS CSS End*/


/*kanban-tab CSS Start*/

.kanbanImg {
    width: 96px;
    height: 110px;
    display: inline-block;
    position: relative;
    border-radius: 0.5rem;
    background-color: #cccccc;
    margin-right: 14px;
}

.kanbanImg img {
    position: absolute;
    object-fit: cover;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    -ms-border-radius: 0.5rem;
    -o-border-radius: 0.5rem;
}

.kanbanImg .printIconKanban {
    left: 50%;
    position: absolute;
    bottom: -2rem;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    width: 109%;
    text-align: center;
}

.kanbanContent {
    width: calc(100% - 110px);
}

.text-truncate-2 {
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.stdops-card a.stdops_anchur p.text-truncate-2 {
    height: 40px;
}

.dateFilter {
    cursor: pointer;
    padding: .375rem .75rem;
    border-radius: 5px;
    background: #fff;
    border: 1.5px solid var(--input-border);
    max-width: 100%;
    min-width: 230px;
    font-size: 13px;
    display: inline-block;
    border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    -ms-border-radius: 0.5rem;
    -o-border-radius: 0.5rem;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    right: 100%;
    margin-right: 0.1rem;
    margin-top: -0.1rem;
    min-width: 9rem;
}

.stdops-card .dropdown-submenu .dropdown-item svg {
    width: 18px;
    height: 18px;
}

.stdops-card .dropdown-submenu .dropdown-item:active svg path,
.viewPrintDropdown .dropdown-item:active svg path {
    fill: #ffffff;
}

.viewPrintDropdown .dropdown-item svg {
    width: 18px;
    height: 18px;
    margin-right: 6px;
}

.viewPrintDropdown .dropdown-item {
    padding: 0.5rem 1.5rem;
}

.pdf-style-submenu .dropdown-item span {
    font-size: 0.75rem;
    color: rgb(155, 155, 155);
    display: inline-block;
}

.pdf-style-submenu .dropdown-item:active span {
    color: #ffffff;
}

@media (min-width: 1200px) {
    .smallDesktopTabRow.tabRow>.col-xl-3 {
        -ms-flex: 0 0 27.5%;
        flex: 0 0 27.5%;
        max-width: 27.5%
    }

    .smallDesktopTabRow.tabRow>.col-xl-6 {
        -ms-flex: 0 0 45%;
        flex: 0 0 45%;
        max-width: 45%;
    }
}


/*kanban-tab CSS End*/

@media (max-width: 1599.98px) {
    .stdops-row {
        margin-right: -15px;
        margin-left: -15px;
    }

    .stdops-row [class*="col-"] {
        padding-left: 15px;
        padding-right: 15px;
    }

    /* .nav-pills.dash-pills .nav-link {
        font-size: 13px;
        min-width: 122px;
        padding: 0.579rem 0.25rem;
    } */
    .smallDesktopTabRow .btn.dash-btn {
        padding: 0.389rem 0.75rem;
        font-size: 13px;
    }

    .smallDesktopTabRow .mw-161px {
        min-width: 130px;
    }
}

@media (max-width: 1399.98px) {
    .stdops-row {
        margin-right: -15px;
        margin-left: -15px;
    }

    .stdops-row [class*="col-"] {
        padding-left: 15px;
        padding-right: 15px;
        /* margin-bottom: 30px; */
    }

    /* .stdops-card .card-body {
        padding: 15px 20px;
    } */
    /* .stdops-card .card-body .dropdown .drop-a {
        font-size: 14px;
        line-height: 20px;
    } */
    .stdops-card a.stdops_anchur .rev-date,
    .stdops-card a.stdops_anchur p {
        font-size: 13px;
        line-height: 18px;
    }

    .kanbanContent {
        width: calc(100% - 96px);
    }

    .kanbanImg {
        width: 86px;
        height: 99px;
        margin-right: 10px;
    }

    .stdops-card a.stdops_anchur p.text-truncate-2 {
        line-height: 18px;
        height: 36px;
        margin-bottom: 5px !important;
    }

    /* .stdops-card .card-body .dropdown {
        top: 15px;
        right: 20px;
    } */
    .mw-161px.add_btn_sop,
    .mw-161px.add_btn,
    .sop_requests_section .mw-161px {
        min-width: auto;
    }

    .nav-pills.dash-pills .nav-link {
        min-width: 100px;
    }
}

@media (max-width: 1199.98px) {
    .nav-pills.dash-pills .nav-link {
        min-width: 140px;
    }
}

@media (max-width: 991.98px) {

    /* .pendingColumn {
        margin-top: 1rem;
    } */
    .row.tabRow {
        margin: 0;
    }

    .tabRow .create-std-column,
    .tabRow .lastDashColumn {
        padding: 10px 15px;
    }

    .dashboard-toolbar .container-fluid {
        padding-left: 0;
        padding-right: 0;
    }

    .dashboard-height {
        min-height: auto;
    }

    .mw-161px.add_btn_sop {
        min-width: auto;
    }

    .dash-content.pb-42px-mobile {
        padding: 16px 0 50px;
    }

    .nav-pills.dash-pills.dashboard-tabs {
        overflow-x: auto;
    }

    .dash-tab-column {
        display: flex;
        justify-content: center;
        border-bottom: 1.5px solid var(--card-border);
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .nav-pills.dash-pills.dashboard-tabs {
        width: 100%;
    }

    .nav-pills.dash-pills {
        display: flex;
    }

    .nav-pills.dash-pills li {
        text-align: center;
        flex: 0 0 auto;
    }

    .nav-pills.dash-pills {
        gap: 0;
        margin-bottom: 0 !important;
    }

    /* 1 Item */
    .nav-pills.dash-pills li:first-child:nth-last-child(1),
    .nav-pills.dash-pills li:first-child:nth-last-child(1)~li {
        width: 100%;
    }

    /* 2 Items */
    .nav-pills.dash-pills li:first-child:nth-last-child(2),
    .nav-pills.dash-pills li:first-child:nth-last-child(2)~li {
        width: 50%;
    }

    /* 3 Items */
    .nav-pills.dash-pills li:first-child:nth-last-child(3),
    .nav-pills.dash-pills li:first-child:nth-last-child(3)~li {
        width: 33.3333%;
    }

    /* 4 Items */
    .nav-pills.dash-pills li:first-child:nth-last-child(4),
    .nav-pills.dash-pills li:first-child:nth-last-child(4)~li {
        width: 25%;
    }

    /* 5 Items */
    .nav-pills.dash-pills li:first-child:nth-last-child(5),
    .nav-pills.dash-pills li:first-child:nth-last-child(5)~li {
        width: 20%;
    }

    .nav-pills.dash-pills .nav-link {
        position: relative;
        min-width: 128px;
        border: 0;
        font-size: 11px;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
    }

    .nav-pills.dash-pills .nav-link>span {
        display: flex;
        flex-direction: column;
        gap: 2px;
        justify-content: center;
        align-items: center;
    }

    .nav-pills.dash-pills .nav-link.active {
        background-color: var(--hover-bg);
        color: var(--gemba-global-color-primary);
    }

    .nav-pills.dash-pills .nav-link::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 2px;
        background-color: var(--gemba-global-color-primary);
        opacity: 0;
        transition: opacity 0.3s ease-in-out;
    }

    .nav-pills.dash-pills .nav-link.active::after {
        opacity: 1;
    }
    .tab-count {
        font-size: 1rem;
        font-weight: 700;
    }
}

@media (max-width: 767.98px) {
    .filteractionDropdown.sortyByDropdown .dropdown-menu {
        left: auto !important;
        right: 0;
        transform: translate3d(0rem, 2.125rem, 0) !important;
    }

    .pdf-style-submenu .dropdown-item span {
        display: block;
    }

    .dashboard-toolbar {
        min-height: 78px
    }

    .dashboard-toolbar .container {
        padding: 0;
    }

    .dashboard-toolbar .container .row {
        margin: 0;
    }

    .dashboard-toolbar .container .form-row>.tabColumn {
        padding: 0;
    }

    /* .nav-pills.dash-pills .nav-link {
        min-width: 100%;
    } */

    .tabRow {
        align-items: center;
    }

    .helpModuleBtn {
        display: none !important;
    }

    .dashboard-tabs .helpModuleBtn {
        display: inline !important;
    }

    .helpModuleBtn svg {
        width: 12px;
        height: 12px;
        margin-left: 3px;
    }
}

@media (min-width: 600px) and (max-width: 1024px) and (pointer: coarse) {
    .mw-161px.add_btn {
        flex-shrink: 0;
    }

    .dropdown-menu.sop-dropdown-menu .dropdownCloseBtn {
        display: none;
    }
}

@media (max-width: 600px) {
    .add-dash-title .btn.dash-btn {
        border: 1px solid var(--gemba-global-color-primary);
        width: 48%;
        margin: 0 0 !important;
    }
    .add-dash-title .btn.dash-btn.btn-danger{
            
    border-color: var(--red);
    }
    .add-dash-title .btn.btn-accent.dash-btn {
        border-color: var(--gemba-global-color-accent);
    }

    .add-dash-title .btn.btn-accent.dash-btn:hover {
        border-color: var(--gemba-global-color-text);
    }

    .stdops-card {
        max-width: 450px;
        margin: 0 auto;
    }

    .createbtn-container {
        display: none;
    }

    .create-std-column {
        position: fixed;
        bottom: 0;
        z-index: 99;
        left: 0;
        right: 0;
        width: 100%;
        max-width: 100%;
        text-align: center;
        padding: 10px !important;
        padding-bottom: calc(10px + env(safe-area-inset-bottom)) !important;
        background: #ffffff;
        display: block !important;
        border-top: 1px solid var(--card-border);
    }
    .add_btn_sop.sop_tut{
        flex: 1 1 auto;
        order: 1;
    }
    .add_btn_sop.sop_tut.show .btn-accent.dash-btn{
        border-top-right-radius: 0;
        border-top-left-radius: 0;
    }
    .create-std-column .btn-accent.dash-btn {
        margin-bottom: 0 !important;
        width: 100%;
        text-align: center !important;
        /* border-radius: 0; */
        min-width: 100%;
    }

    .create-std-column .btn-accent.dash-btn img {
        display: none;
    }

    .pb-42px-mobile {
        padding-bottom: 42px !important;
    }

    .pb-42px-mobile.pb-0 {
        padding-bottom: 0 !important;
    }

    /* .pendingColumn {
        margin-top: 1rem;
        padding: 0 5px;
        text-align: center !important;
    } */
    .lastDashColumn {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%;
    }

    .create-std-column .dropdown.createSopBtn.sop_tut {
        flex: 0 0 100%;
    }
}

@media (max-width: 575.98px) {
    .stdops-row [class*="col-"] {
        margin-bottom: 15px;
    }

    /* .stdops-card a.stdops_anchur h5, */
    .stdops-card.folder-inner-sop-card .card-body h5 {
        font-size: 1rem;
    }

    .video-sop-icon {
        top: 1px;
        width: 18px;
        height: 18px;
    }

    .dash-content {
        padding: 15px 0;
    }

    .tabRow .dash-btn {
        min-width: 100%;
        text-align: center !important;
        /* font-size: 14px; */
    }
    .tabRow .dash-btn span.align-middle{
        display: block;
    }
    .tabRow .dash-btn.add-course span.align-middle{
        display: inline-block;
    }
    .tabRow .dash-btn.filterApplyBtn {
        min-width: auto;
    }

    .nav-pills.dash-pills.dashboard-tabs {
        width: 100%;
    }

    .nav-pills.dash-pills li {
        width: 33.3333%;
    }

    .nav-pills.dash-pills.training-dash-pills li {
        width: 50%;
    }

    /* .nav-pills.dash-pills .nav-link {
        min-width: 100%;
        font-size: 0.75rem;
        padding: 0.25rem 0.25rem;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .nav-pills.dash-pills .nav-link span {
        display: block;
        font-size: 10px;
    } */
    .pendingColumn {
        padding: 0 15px;
    }

    .kanbanImg {
        width: 70px;
        height: 80px;
    }

    /* 3 Items */
    .nav-pills.dash-pills li:first-child:nth-last-child(3),
    .nav-pills.dash-pills li:first-child:nth-last-child(3)~li,
    .nav-pills.dash-pills li:first-child:nth-last-child(4),
    .nav-pills.dash-pills li:first-child:nth-last-child(4)~li,
    .nav-pills.dash-pills li:first-child:nth-last-child(5),
    .nav-pills.dash-pills li:first-child:nth-last-child(5)~li {
        width: 33.3333%;
    }

    /* .add_btn_sop.sop_tut {
        width: 100%;
    } */

    /* .nav-pills.dash-pills .nav-link {
        position: relative;
    }
    .nav-pills.dash-pills .nav-link.active .helpModuleBtn {
        opacity: 1;
        visibility: visible;
    } */
    /* .helpModuleBtn svg {
        width: 10px;
        height: 10px;
    } */
    /* .helpModuleBtn svg path {
        fill: #ffffff;
    } */
}

.nodata-card {
    max-width: 340px;
    margin: 0 auto;
    background-color: transparent;
}

.nodata-card .icon-wrap svg {
    width: 5rem;
    height: 5rem;
    stroke: #dce0e5;
    margin-bottom: 1rem;
}

@media (max-width: 600px) {
    .nodata-card .card-body.p-0 {
        padding: 1.25rem !important;
    }
}

.nodataImg {
    width: 172px;
    height: 172px;
    object-fit: contain;
    display: inline-block;
    padding: 35px;
}

.nodata-title {
    color: var(--text-muted);
    /* font-family: "Expose-Medium"; */
    font-weight: 500;
    font-size: 14px;
    line-height: 175%;
    margin-bottom: 10px;
}

.nodata-msg {
    color: var(--text-muted);
    font-size: 0.75rem;
    line-height: 20px;
    margin-bottom: 50px;
}

.mw-188px {
    min-width: 188px;
}

.mw-280px {
    min-width: 280px;
}


/*STD OPS KANBAN CSS End*/

.bulkKanbanCheckOptions {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.bulkKanbanCheckOptions .form-check-inline .form-check-input {
    margin-top: 2px;
}

.bulkKanbanCheckOptions .form-check-label {
    line-height: 1;
}

.bulkKanbanCheckOptions .form-check-label span {
    font-size: 0.75rem;
    color: #9b9b9b;
}

.bulkKanbanCheckOptions .form-check-inline {
    align-items: start;
    margin-right: 0;
}

.bulkKanbanDropdowns {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    margin-right: auto;
    padding-left: 1rem;
}

.bulkKanbanDropdowns .dropdown-item {
    margin-bottom: 0;
    padding: 0.25rem 2.5rem;
}

.bulkKanbanDropdowns .btn-outline-secondary {
    color: #003659 !important;
    border-color: #cfcfcf !important;
    background-color: #ffffff !important;
    box-shadow: none !important;
    min-width: 10rem;
    display: flex;
    justify-content: start;
    align-items: self-start;
    flex-direction: column;
    line-height: 1;
}

.bulkKanbanDropdowns .btn-outline-secondary span,
.bulkKanbanDropdowns .dropdown-item span {
    font-size: 0.75rem;
    color: #9b9b9b;
    margin-top: 3px;
}

.bulkKanbanDropdowns .btn-outline-secondary.dropdown-toggle::after {
    position: absolute;
    top: 50%;
    right: 0.5rem;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.canvas-open-bottom .dash-content {
    padding-bottom: 75px;
}

.kanbanpdfOptionsCanvas .close-offcanvas {
    position: absolute;
    right: 0.25rem;
    top: 0.25rem;
}

.close-offcanvas svg {
    width: auto;
    height: 1.15rem;
    overflow: visible;
}

.bulkKanbanDropdowns .btn-outline-secondary+.infoModalAnchur {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 1.5rem;
}

.dropdown-menu.sop-dropdown-menu {
    padding: 15px;
    min-width: 24rem;
    border-radius: 10px;
}

.dropdown-menu.sop-dropdown-menu .row.form-row {
    row-gap: 10px;
}

.sop-dropdown-menu .dropdown-item {
    border: 1px solid #b6c7d7;
    padding: 10px 6px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    border-radius: 10px;
    font-weight: 700;
    color: #003659;
    font-size: 1rem;
    white-space: normal;
}

.sop-dropdown-menu .dropdown-item small {
    color: #7e7e7e;
    font-size: 13px;
    /* font-family: "Expose-Medium"; */
    font-weight: 500;
}

.sop-dropdown-menu .dropdown-item svg {
    width: 100%;
}

.sop-dropdown-menu .dropdown-item.active,
.sop-dropdown-menu .dropdown-item:active,
.sop-dropdown-menu .dropdown-item.active small,
.sop-dropdown-menu .dropdown-item:active small {
    color: #ffffff;
}

.recommended-badge {
    background-color: var(--gemba-global-color-accent);
    color: #fff;
    position: absolute;
    top: -0.563rem;
    right: 1rem;
    font-weight: 400;
    border-radius: 0.75rem;
    -webkit-border-radius: 0.75rem;
    -moz-border-radius: 0.75rem;
    -ms-border-radius: 0.75rem;
    -o-border-radius: 0.75rem;
}

@media (min-width: 1699px) {
    .kanbanpdfOptionsCanvas .container {
        max-width: 1899px;
    }
}

@media (max-width: 1399.98px) {
    .kanbanpdfOptionsCanvas .container {
        padding-left: 0;
        padding-right: 0;
    }

    .bulkKanbanCheckOptions {
        gap: 0.25rem;
        font-size: 0.75rem;
    }

    .bulkKanbanCheckOptions .form-check-label span {
        font-size: 0.65rem;
    }

    .bulkKanbanCheckOptions .form-check-inline .form-check-input {
        margin-top: 0;
    }

    .bulkKanbanDropdowns .btn-outline-secondary {
        min-width: 8rem;
        font-size: 0.75rem;
    }

    .bulkKanbanDropdowns {
        gap: 0.5rem;
    }

    .bulkKanbanDropdowns .btn-outline-secondary span,
    .bulkKanbanDropdowns .dropdown-item span {
        font-size: 0.65rem;
        margin-top: 3px;
    }
}

@media (max-width: 1199.98px) {
    .bulkKanbanDropdowns {
        margin-right: 0;
    }

    .kanban-file-count-btn {
        width: 100%;
        margin-top: 0.625rem;
    }

    .canvas-open-bottom .dash-content {
        padding-bottom: 110px;
    }
}

@media (max-width: 991.98px) {
    .bulkKanbanCheckOptions {
        width: 100%;
        justify-content: space-between;
    }

    .kanban-file-count-btn {
        width: auto;
        margin-left: auto;
    }

    .bulkKanbanDropdowns {
        padding-left: 0;
        margin-top: 0.625rem;
    }
}

@media (max-width: 767.98px) {
    .kanban-file-count-btn {
        margin-left: 0;
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    /* .dropdown.sop_tut {
        width: 100%;
    } */
    .dropdown.sop_tut .searchIcon.new_icon {
        display: none;
    }
}

@media (max-width: 575.98px) {
    .bulkKanbanCheckOptions {
        row-gap: 0.75rem;
    }

    .bulkKanbanCheckOptions .form-check-inline {
        flex: 0 0 45%;
        width: 45%;
    }

    .kanban-file-count-btn {
        flex-wrap: wrap;
        gap: 0.5rem;
        width: 100%;
    }

    .kanban-count-container {
        margin-right: auto !important;
    }

    .kanban-file-count-btn .btn-accent.dash-btn.ml-2 {
        margin-left: 0 !important;
        width: 100%;
    }

    .bulkKanbanDropdowns {
        width: 100%;
        justify-content: space-between;
    }

    .canvas-open-bottom .dash-content.pb-42px-mobile {
        padding-bottom: 235px !important;
    }

    .fs-10-mob {
        font-size: 10px;
    }

    .filter_sort_by_section>.flex-wrap {
        flex-wrap: nowrap !important;
    }

    .dropdownCloseBtn {
        position: absolute;
        top: 14px;
        right: 16px;
        line-height: 0;
    }

    .dropdownCloseBtn svg {
        width: 0.875rem;
        height: 0.875rem;
        overflow: visible;
    }

    .dropdown-menu.sop-dropdown-menu {
        min-width: 100%;
        /* left: 5px !important; */
        padding-top: 10px;
        border-radius: 10px 10px 0 0;
        font-size: 0.875rem;
    }
    .sop-dropdown-menu .dropdown-item{
        padding: 10px 10px;
    }
}


/*Dashboard Content CSS End*/


/*Add Standard Operation CSS Start*/

.back-link,
.back-url {
    font-size: 0.813rem;
    font-weight: 500;
    color: var(--gemba-global-color-primary);
}

.back-link span,
.back-url span {
    line-height: normal;
}

.dash-form .form-lable {
    font-size: 11px;
    font-weight: 500;
    color: var(--text-secondary);
    letter-spacing: 0.02em;
}

.dash-form select.form-control {
    font-size: 13px;
    height: calc(2em + 0.75rem + 0px);
}

.dash-form input.form-control {
    height: calc(2em + 0.75rem + 0px);
    font-size: 13px;
    color: var(--text-primary);
}

.dash-form input.form-control.sopNameInput {
    padding-right: 1.75rem !important;
}

.dash-form .adv-sop-title input.form-control {
    padding-right: 2.5rem;
}

.dash-form textarea.form-control {
    /* font-family: "Expose-Medium"; */
    /* font-weight: 500; */
    font-size: 13px;
    color: var(--text-primary);
}

.limitText {
    font-size: 11px;
    color: var(--text-muted);
    margin-bottom: 5px;
}

.adv-sop-title .limitText {
    position: absolute;
    top: 50%;
    right: 1px;
    transform: translateY(-50%);
    margin: 0;
    height: 90%;
    display: flex;
    align-items: center;
    padding: 0.5rem;
    background-color: #fff;
    border-radius: 0.5rem;
}

.form_subTitle {
    /* font-family: "Expose-Bold"; */
    font-weight: 700;
    font-size: 1rem;
    line-height: 24px;
    color: var(--gemba-global-color-text);
    margin-bottom: 20px;
}

.btttext_ul {
    padding: 0;
    margin: 0;
    list-style: none;
    max-width: 90%;
}

.drag_drop_cls {
    /* position: absolute;
    left: 50%;
    top: 60%;
    transform: translate(-50%, -50%); */
    font-size: 11.5px;
    color: var(--text-secondary);
    text-align: center;
    width: 100%;
    line-height: 1.5;
    padding: 0 5px;
}

.form-control.totalTimeReq {
    color: #414141;
    letter-spacing: 0.25em;
}

.totalTimeColumn .form-group {
    width: 135px;
}

@media (max-width: 1399.98px) {
    .btttext_ul.custom__btttext_ul {
        max-width: 85%;
    }
}

@media (max-width: 1199.98px) {
    .btttext_ul.custom__btttext_ul {
        max-width: 100%;
    }
}

@media (max-width: 991.98px) {
    .btttext_ul.custom__btttext_ul .btn.dash-btn {
        font-size: 0.75rem;
    }
}

.btttext_ul li {
    display: inline-block;
}

.ch-btntext .dash-btn {
    margin-bottom: 10px;
}

.ch-btntext {
    font-weight: normal;
    font-size: 13px;
    line-height: 20px;
    color: var(--text-primary);
    margin-bottom: 0;
}

.stepLable {
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--blue);
    /* font-family: "Expose-Bold"; */
    font-weight: 700;
    font-size: 0.75rem;
    line-height: normal;
    /* margin-bottom: 12px; */
}

.stepLable.font-size-a {
    font-size: 0.75rem;
}

.stepLable.font-size-aa {
    line-height: 24px;
}

.stepLable.font-size-aaa {
    line-height: 26px;
}

.custom_select2.select-pagination-width {
    display: inline-block;
}

.custom_select2.select-pagination-width .select2-container--default .select2-selection--single {
    border: 0;
}

.video-footer .custom_select2.select-pagination-width .select2-container--default .select2-selection--single {
    background-color: transparent;
}

.custom_select2.select-pagination-width .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0;
    padding-right: 0.875rem;
    color: rgba(0, 54, 89, 0.8);
}

.video-footer .custom_select2.select-pagination-width .select2-container .select2-selection--single .select2-selection__rendered {
    color: #ffffff;
}

.video-footer.feedback-footer .custom_select2.select-pagination-width .select2-container .select2-selection--single .select2-selection__rendered,
.video-footer.feedback-footer .stepLable {
    color: var(--gemba-global-color-text);  
}

.video-footer .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #fff transparent transparent transparent;
}

.video-footer.feedback-footer .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: var(--gemba-global-color-text) transparent transparent transparent;
}

.video-footer .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #fff transparent;
}

.video-footer.feedback-footer .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent var(--gemba-global-color-text) transparent;
}

.custom_select2.select-pagination-width .select2-container--default .select2-selection--single .select2-selection__arrow {
    width: auto;
}

.custom_select2.select-pagination-width .select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-left: -9px;
    border-width: 7px 6px 0 6px;
    margin-top: -4px;
}

.custom_select2.select-pagination-width .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-width: 0 6px 7px 6px;
}


/* Ensure the parent container can hold a wider dropdown if necessary */


/* Style the popup title */

.select2-dropdown.custom-step-dropdown {
    color: rgba(0, 54, 89, 0.8);
}

.custom-step-dropdown .select2-results__title {
    padding: 6px 10px;
    font-weight: 600;
    font-size: 0.75rem;
    color: #4a4a4a;
    background-color: #f1f1f1;
    text-align: center;
    border-bottom: 1px solid #ddd;
    white-space: nowrap;
}

.stepLable.font-size-aa .custom-step-dropdown .select2-results__title {
    font-size: 1rem;
}

.stepLable.font-size-aaa .custom-step-dropdown .select2-results__title {
    font-size: 1.125rem;
}


/* Force the dropdown to ignore default auto-width calculations */

.custom-step-dropdown {
    left: 50% !important;
    /* transform: translateX(-40%); */
    border: 0 !important;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 0.15);
    border-radius: 5px !important;
    overflow: hidden;
}

.select-pagination-width .select2-container {
    width: auto !important;
}

.image-card {
    background: #ffffff;
    border: 1.5px dashed var(--input-border);
    position: relative;
    height: 278px;
    overflow: hidden;
    cursor: pointer;
    box-shadow: none;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    transition: border-color 0.15s, background 0.15s;
    -webkit-transition: border-color 0.15s, background 0.15s;
    -moz-transition: border-color 0.15s, background 0.15s;
    -ms-transition: border-color 0.15s, background 0.15s;
    -o-transition: border-color 0.15s, background 0.15s;
}

.image-card:hover {
    border-color: var(--blue);
    background: var(--hover-bg);
}

.image-card.view_image-card {
    height: 312px;
}

.image-card.advance-stdops-viewCard {
    height: 226px;
}

.image-card.image-child-card {
    height: auto;
    cursor: pointer;
}

.image-card.image-child-card::before {
    content: "";
    padding-bottom: 73.74%;
    display: block;
}

.image-card.image-child-card.active {
    border-color: var(--gemba-global-color-primary) !important;
    border-width: 2px !important;
    border-style: solid !important;
}

.image-card.image-child-card .stdopImage.d-none+.defaultTag {
    background-color: rgb(0 0 0 / 68%);
}

.image-card.image-child-card .defaultTag {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.25);
    color: #ffffff;
    font-size: 0.75rem;
    padding: 2px 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.image-card.image-child-card .defaultTag .infoModalAnchur .fa-exclamation {
    width: 14px;
    height: 14px;
    border: 1px solid #ffffff;
    border-radius: 100%;
    text-align: center;
    line-height: 14px;
    font-size: 7px;
    color: #ffffff;
}

.advance_sop .image-card.view_image-card {
    height: auto;
}

.advance-stdops-viewCard+.advance_sop .image-card.image-child-card a,
.stepBystepImage+.advance_sop .image-card.image-child-card a {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.advance-stdops-viewCard+.advance_sop .image-card.image-child-card .fa-play {
    pointer-events: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.view__sop__img {
    background: #fff;
    border-radius: 10px;
    border: 1px solid var(--card-border);
    overflow: hidden;
    box-shadow: var(--card-shadow);
    cursor: pointer;
    transition: box-shadow 0.2s, transform 0.15s;
}

.step-label-bar {
    background: var(--hover-bg);
    border-bottom: 1px solid var(--card-border);
    padding: 7px 12px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.step-num {
    font-size: 11px;
    font-weight: 700;
    color: var(--blue);
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.view__sop__img .image-card {
    border: 0 !important;
}

.view__sop__img .image-card.view_image-card {
    border-radius: 0;
    aspect-ratio: 4 / 3;
    height: auto;
    overflow: hidden;
    background: var(--hover-bg);
    position: relative;
}

.view-step-desc {
    padding: 12px 14px;
    font-size: 12.5px;
    color: var(--text-primary);
    line-height: 1.55;
    border-top: 1px solid var(--card-border);
    word-wrap: break-word;
    word-break: break-word;
}

.view__sop__img .image-card.view_image-card.two-stdops-card .notok-sop-column .stdopImage {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.view__sop__img .image-card.view_image-card.two-stdops-card .ok-sop-column .stdopImage {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.warningIcon {
    position: absolute;
    left: 5px;
    bottom: 5px;
}
.formAnsInnerStyle.only-description-content .warningIcon {
    position: unset;
    left: unset;
    bottom: unset;
}
.image-card .fa-image {
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -50%);
    font-size: 76px;
    color: var(--gemba-global-color-primary);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.kanban-card .upload-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}


/* .image-card .upload-icon{
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -50%);
    font-size: 76px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
} */

.upload-icon {
    width: 56px;
    height: 56px;
    border-radius: 12px;
    background: var(--hover-bg);
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.upload-icon svg {
    width: 28px;
    height: 28px;
    stroke: var(--blue);
    fill: none;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.view_image-card .fa-play {
    z-index: 1;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 60px;
    color: #ffffff;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.image-card .stdopImage {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.stdopImageObjectFitContain {
    object-fit: contain !important;
}

.image-card .stdopImage.qrCodeStepImg {
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    object-fit: contain;
    padding: 2.5rem;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.pdf-step-4 .image-card .stdopImage.qrCodeStepImg {
    padding: 1rem;
}

.addStepBtn {
    bottom: 16px;
    z-index: 1000;
    display: inline-block;
}

.insert-middle-step {
    margin-left: -15px;
    margin-right: -15px;
}

.insert-middle-step::before,
.insert-middle-step::after {
    content: "";
    height: 1px;
    background: #d0d0d0;
    position: absolute;
    width: 50%;
    transform: translateY(-50%);
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.insert-middle-step::before {
    left: 0;
}

.insert-middle-step::after {
    right: 0;
}

.insert-middle-step a {
    background-color: #f2f6fc;
    padding: 0 14px;
    z-index: 1;
    position: relative;
    /* font-family: "Expose-Bold"; */
    font-weight: 700;
    transition: 0.2s all;
    -webkit-transition: 0.2s all;
    -moz-transition: 0.2s all;
    -ms-transition: 0.2s all;
    -o-transition: 0.2s all;
    margin: 0 14px;
}

.insert-middle-step a:hover {
    color: var(--gemba-global-color-text) !important;
}

.insert-middle-step a:active,
.insert-middle-step a:focus {
    color: #000000 !important;
}

.cps__btn {
    /* position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 15%;
    width: 100%;
    text-align: center; */
    padding: 0 10px;
    text-align: center;
}

.cps__btn a {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--blue);
    cursor: pointer;
    padding: 6px 14px;
    border-radius: 6px;
    border: 1.5px solid var(--blue);
    text-decoration: none;
    background: transparent;
    display: inline-block;
    transition: background 0.15s;
}

.cps__btn a:hover {
    color: #fff;
    background: var(--blue);
}

.description_ai_link {
    display: flex;
    align-items: center;
    gap: 0.15rem;
}


/* .dropdown.description_ai_link {
    position: absolute;
    right: 0;
    top: 0;
} */

.doubleDropDown {
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    gap: 0.75rem;
}

.dropdown.description_ai_link .btn-link {
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
    color: var(--gemba-global-color-text);
}

.dropdown.description_ai_link .dropdown-menu {
    border-radius: 0.5rem;
    min-width: 16rem;
}

.dropdown.description_ai_link .dropdown-menu .dropdown-item {
    font-size: 15px;
    padding: 0.5rem 1rem;
    /* font-family: "Expose-Regular"; */
    font-weight: 400;
}

.dropdown.description_ai_link .dropdown-menu .dropdown-item:active svg path {
    fill: #ffffff;
}

.step-desc .form-group .richtexteditor {
    min-height: 275px;
}

.step-desc .form-group .richtexteditor.rte-modern {
    border: 1.5px solid var(--input-border);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.step-desc .form-group .richtexteditor.rte-modern rte-content {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.step-desc .form-group.multiLang .richtexteditor {
    min-height: 235px;
}

.step-desc .form-group.adv-sop-form-group .richtexteditor {
    min-height: 292px;
}

.step-desc .form-group.adv-sop-form-group.multiLang .richtexteditor {
    min-height: 252px;
}

.std-opt-dec-footer {
    border: 1.5px solid var(--input-border);
    border-top: 0;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 10px;
}

.std-opt-dec-footer .limitText.float-right {
    float: none !important;
    margin-bottom: 0 !important;
}

.reson_why_text_section .richtexteditor {
    /*margin-bottom: 10px;*/
}

.desc_tab2_translate,
.translate_text,
.polish_description_with_at,
.voice_to_text {
    /* font-family: "Expose-Bold"; */
    font-weight: 700;
    display: inline-flex;
    align-items: center;
}

.polish_description_with_at:hover svg path,
.voice_to_text:hover svg path {
    fill: var(--gemba-global-color-text);
}

.translate_text svg {
    width: 1.25rem;
    height: 1.25rem;
    overflow: visible;
    margin-right: 5px;
}

.image-card.view_image-card.stepBystepImage {
    height: auto !important;
}

.image-card.view_image-card.stepBystepImage.image-card-heightFixed::after {
    content: "";
    display: block;
    padding-bottom: 75.08%;
}

.image-card.view_image-card.stepBystepImage.image-card-heightFixed .fitToBox,
.image-card.view_image-card.stepBystepImage.image-card-heightFixed .sop_video_cls {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100% !important;
}

.image-card.stepBystepImage .stdopImage {
    position: relative;
    height: auto !important;
    width: 100%;
}

.nav-tabs.desc-nav-tabs {
    display: inline-flex;
}

.nav-tabs.desc-nav-tabs .nav-link {
    border: none;
    border-radius: 0;
    border-bottom: 3px solid transparent;
    color: #7e7e7e;
    font-size: 0.75rem;
    font-weight: 500;
    padding: 0.15rem 1rem;
}

.nav-tabs.desc-nav-tabs .nav-link.active {
    border-bottom-color: var(--gemba-global-color-primary);
    color: var(--gemba-global-color-primary);
    background-color: var(--hover-bg);
}

.nav-tabs.desc-nav-tabs .nav-link:hover {
    color: var(--gemba-global-color-primary);
}


/* Key Points & Reasons Why */
.form-lable.kp-rw-lable,
.view-form .form-lable.kp-rw-lable{
    font-size: 13px;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase;
    margin-bottom: 10px;
    width: 100%;
    display: block;
}
.form-lable.kp-rw-lable.font-size-aa,
.view-form .form-lable.kp-rw-lable.font-size-aa{
    font-size: 16px;
}
.form-lable.kp-rw-lable.font-size-aaa,
.view-form .form-lable.kp-rw-lable.font-size-aaa{
    font-size: 20px;
}
.form-lable.kp-rw-lable.kp,
.view-form .form-lable.kp-rw-lable.kp{
    color: var(--gemba-global-color-primary);
}
.form-lable.kp-rw-lable.rw,
.view-form .form-lable.kp-rw-lable.rw{
    color: var(--resone-why);
}

/* Key Points & Reasons Why Layout & List Badges */
.split-info-container {
    width: 100%;
    margin-top: 0;
}

.split-info-container:after {
    content: "";
    display: table;
    clear: both;
}

.split-col-left {
    float: left;
    width: 50%;
    padding-right: 3%;
    box-sizing: border-box;
}

.split-col-right {
    float: right;
    width: 50%;
    padding-left: 3%;
    box-sizing: border-box;
}

.has-border-right {
    border-right: 1px solid #d1d5db;
}

.has-border-left {
    border-left: 1px solid #d1d5db;
}

.advance-description ol {
    list-style-type: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100%;
}
.advance-description ul {
    list-style-position: inside !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
    margin-top: 0;
}
.advance-description ol li {
    margin-bottom: 12px !important;
    font-size: 14px;
    line-height: 1.6;
    color: #333333;
    list-style-position: outside !important;
    padding-left: 35px !important;
    text-indent: -35px !important;
}

.advance-description ol li::before {
    display: inline-block !important;
    text-indent: 0 !important;
    vertical-align: middle !important;
    text-align: center !important;
    font-weight: bold !important;
    font-size: 12px !important;
    width: 24px !important;
    height: 24px !important;
    line-height: 24px !important;
    border-radius: 50% !important;
    margin-right: 11px !important;
}

/* only-description-content */
/* .only-description-content ul {
    list-style-type: disc !important;
    list-style-position: outside !important;
    padding-left: 40px !important;
    margin-left: 0 !important;
    margin-top: 1em !important;
    margin-bottom: 1em !important;
}

.only-description-content ol {
    list-style-type: decimal !important;
    list-style-position: outside !important;
    padding-left: 40px !important;
    margin-left: 0 !important;
    margin-top: 1em !important;
    margin-bottom: 1em !important;
}

.only-description-content ol li,
.only-description-content ul li {
    margin-bottom: 0 !important;
    padding-left: 0 !important;
    text-indent: 0 !important;
    display: list-item !important;
}

.only-description-content ol li::before {
    display: none !important;
} */
/* only-description-content */

.pdf-list-item {
    width: 100% !important;
    margin-bottom: 10px !important;
}

.pdf-list-num {
    display: inline-block !important;
    vertical-align: top !important;
    text-align: center !important;
    font-weight: bold !important;
    font-size: 11px !important;
    min-width: 22px !important;
    height: 22px !important;
    line-height: 22px !important;
    padding: 0 4px !important;
    border-radius: 11px !important;
    background: #B87200;
    color: #fff;
    float: left;
}

.split-col-left .pdf-list-num {
    background: #0679FF;
}

.pdf-list-text {
    display: table-cell !important;
    vertical-align: top !important;
    padding-left: 10px !important;
    line-height: 22px !important;
    font-size: 14px !important;
    color: #333333 !important;
}
.font-size-aa .pdf-list-text{
    font-size: 18px !important;
}
.font-size-aaa .pdf-list-text{
    font-size: 22px !important;
}
.stepByStep-info-container .split-col-left,
.stepByStep-info-container .split-col-right {
        width: 100% !important;
        float: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        border-left: none !important;
        border-right: none !important;
        margin-bottom: 15px;
}
@media (min-width: 768px) {
    .adv-sbs-container .stepbyStepCard {
        max-width: 100%;
    }
    .adv-sbs-container .stepbyStepCard {
        max-width: 100%;
    }
    .adv-sbs-container .advance_sop {
        gap: 0.625rem;
    }
}
@media (min-width: 1200px) {
    .adv-sbs-container .col-xl-4 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .adv-sbs-container .stepbyStepCard {
        max-width: 100%;
    }
    .adv-sbs-container .advance_sop {
        gap: 0.5rem;
    }
    .col-lg-3.adv-col-lg-3{
        -ms-flex: 0 0 22.5%;
        flex: 0 0 22.5%;
        max-width: 22.5%;
    }
}

@media (max-width: 767.98px) {
    .stepByStep-info-container .split-col-left,
    .stepByStep-info-container .split-col-right {
        width: 100% !important;
        float: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        border-left: none !important;
        border-right: none !important;
        margin-bottom: 15px;
    }
}

@media (min-width: 992px) {
    .step-switch-list {
        margin-top: 1rem;
        transition: margin-top 0.2s ease-in-out;
        -webkit-transition: margin-top 0.2s ease-in-out;
        -moz-transition: margin-top 0.2s ease-in-out;
        -ms-transition: margin-top 0.2s ease-in-out;
        -o-transition: margin-top 0.2s ease-in-out;
    }

    .step-switch-list.marginTop {
        margin-top: 3.125rem;
    }
}

@media (max-width: 1199.98px) {
    .image-card .fa-image {
        font-size: 44px;
    }
}

@media (max-width: 991.98px) {
    .addStepBtn {
        bottom: 16px;
        z-index: 1;
        display: block;
        text-align: center;
    }

    .cps__btn a {
        font-size: 0.875rem;
    }

    .step-switch-list li {
        display: inline-block;
        margin-right: 1.5rem;
    }

    .stepLable,
    .stepLable.font-size-aa,
    .stepLable.font-size-aaa {
        font-size: 12px !important;
    }

    .custom-step-dropdown .select2-results__title {
        font-size: 12px !important;
    }
}

@media (max-width: 767.98px) {
    .image-card .stdopImage.qrCodeStepImg {
        height: 100% !important;
        /*        width: 10rem;
                height: 10rem;*/
    }

    .step-switch-list li {
        display: block;
        margin-right: 0;
    }

    /* .stepLable,
    .stepLable.font-size-aa,
    .stepLable.font-size-aaa {
        font-size: 0.875rem !important;
    }
    .custom-step-dropdown .select2-results__title {
        font-size: 0.75rem !important;
    } */
}

@media (max-width: 575.98px) {
    .image-card .stdopImage.qrCodeStepImg {
        /*        width: 12rem;
                height: 12rem;*/
    }

    .description_ai_link {
        width: 100%;
        margin-top: 5px;
        font-size: 10px;
        display: flex;
        justify-content: space-between;
        line-height: normal;
    }

    .dropdown.description_ai_link {
        width: auto;
    }

    .description_ai_link .ml-auto {
        margin-left: 0 !important;
    }

    .description_ai_link .svg-20 svg {
        width: 1rem;
        height: 1rem;
    }

    .nav-tabs.desc-nav-tabs {
        display: flex;
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
    }

    .insert-middle-step a {
        padding: 0 8px;
        margin: 0 8px;
        font-size: 0.75rem;
    }

    .insert-middle-step a img {
        width: 12px;
        height: 12px;
    }
}

.image-card .dropdown {
    position: absolute;
    top: 12px;
    right: 12px;
}

.image-card .dropdown .drop-a {
    width: 26px;
    height: 26px;
    color: var(--gemba-global-color-primary);
    background: #ffffff;
    line-height: 26px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
}

.image-card .editchange__btns {
    position: absolute;
    top: 12px;
    right: 12px;
    display: flex;
}

.image-card .editchange__btns .imgActionbtn {
    width: 28px;
    height: 28px;
    border-radius: 6px;
    background: var(--hover-bg);
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    transition: background 0.15s;
}

.image-card .editchange__btns .imgActionbtn:hover {
    background: rgba(255, 255, 255, 1);
}

.image-card .editchange__btns .imgActionbtn.icon-wrap svg {
    width: 14px;
    height: 14px;
}
.image-card .editchange__btns .imgActionbtn span.spinner-border{
    margin-top: 0 !important;
}
.icon-wrap.edit_img svg,
.icon-wrap.notokedit_img svg {
    stroke: var(--gemba-global-color-primary);
}

.icon-wrap.change_photo svg,
.icon-wrap.notokchange_photo svg {
    stroke: var(--text-secondary);
}

.icon-wrap.delete_img svg,
.icon-wrap.notokdelete_img svg {
    stroke: var(--red);
}

.image-card .editStep-btn {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 26px;
    height: 26px;
    color: var(--gemba-global-color-primary);
    background: #ffffff;
    line-height: 26px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    font-size: 0.75rem;
}

.resizenone {
    resize: none;
}

.createbtn-container {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 100px;
    height: 0;
    text-align: right;
}


/* .modal-open .createbtn-container {
    position: sticky;
} */

.createButton {
    width: 56px;
    height: 56px;
    display: inline-block;
    text-align: center;
    line-height: 56px;
    border-radius: 50%;
    background-color: var(--gemba-global-color-accent);
    position: relative;
    transition: all 0.5s ease;
}

.createButton:hover {
    background-color: var(--gemba-global-color-text);
}

.createButton span.spinner-border {
    border: 0.25em solid #fff;
    border-right-color: transparent;
}

.createButton img.createIcon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.svg-20 svg {
    width: 1.25rem;
    height: 1.25rem;
    overflow: visible;
}


/*Add Standard Operation CSS End*/


/*View Standard Operation CSS Start*/

.viewAction .dash-btn {
    margin-left: 5px;
}

.viewAction .dash-btn:first-child {
    margin-left: 0;
}

.view-form .form-lable {
    font-size: 11px;
    font-weight: 500;
    color: var(--text-secondary);
}

.view-form .formAns,
.view__Ans {
    color: var(--text-primary);
    font-weight: 500;
    font-size: 13px;
    margin-bottom: 0;
    word-break: break-word;
}

.view-form .formAns b {
    /* font-family: "Expose-Bold"; */
    font-weight: 700;
}

.formAnsInnerStyle ol,
.formAnsInnerStyle ul {
    list-style-position: inside !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
    margin-top: 0;
}

.badge-on,
.badge-off {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 3px 8px;
    border-radius: 20px;
    width: fit-content;
    white-space: nowrap;
}

.badge-on {
    background: rgba(61, 190, 114, 0.1);
    color: var(--green);
    border: 1px solid rgba(61, 190, 114, 0.25);
}

.badge-off {
    background: rgba(168, 196, 220, 0.15);
    color: var(--text-secondary);
    border: 1px solid var(--card-border);
}

.badge-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    flex-shrink: 0;
}

.badge-on .badge-dot {
    background: var(--green);
}

.badge-off .badge-dot {
    background: var(--text-muted);
}

@media (max-width: 575.98px) {
    /* .view-form .form-lable {
        font-size: 0.75rem;
    } */
    /* .view-form .formAns {
        font-size: 14px;
    } */
}

.sidebar-card-header {
    padding: 12px 16px;
    border-bottom: 1px solid var(--card-border);
    background: var(--hover-bg);
}

.rounded-10 .card-header:first-child {
    border-radius: 10px 10px 0 0;
}

.sidebar-card-body {
    padding: 14px 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.sidebar-card-body .btn.dash-btn {
    font-size: 0.75rem;
}


/* .viewRight-column {
    min-width: 218px;
    display: inline-block;
}
.viewRight-column.checklist__viewRight_column {
    min-width: unset;
    width: 218px;
    max-width: 100%;
    display: inline-block;
} */

.vr-lable {
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--text-primary);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.qrImage {
    width: 100%;
}

.view-dash-title .dash-titlename {
    max-width: 840px;
}

.image-card.kanban-card {
    height: 426px;
}

.image-card.kanban-card.new-kanban-card {
    height: 209px;
}

.image-card.kanban-card.new-kanban-card {
    border: 0;
    border-radius: 0;
}

.image-card.kanban-card.new-kanban-card img.image_cls {
    border: 1px solid rgba(0, 54, 89, 0.2);
    border-radius: 4px;
}

.image-card.kanban-card.view-kanban-card {
    height: 350px;
}

.image-card.kanban-card .image_cls {
    height: auto;
    object-fit: cover;
}

.image-card.kanban-card .stdopImage {
    height: auto;
    object-fit: cover;
}

.drop-hint {
    font-size: 11.5px;
    color: var(--text-secondary);
    text-align: center;
}

.field-hint {
    font-size: 10.5px;
    color: var(--text-secondary);
    margin-top: 3px;
    line-height: 1.4;
}

.btn-dark.custom-dark-btn {
    background-color: var(--gemba-global-color-text);
    border-color: var(--gemba-global-color-text);
    border-radius: 3rem;
    -webkit-border-radius: 3rem;
    -moz-border-radius: 3rem;
    -ms-border-radius: 3rem;
    -o-border-radius: 3rem;
}

.image-card.advance-stdops-viewCard.two-stdops-card .ok-sop-column .second-count-time {
    left: 0.625rem !important;
    top: 2.25rem !important;
}

.image-card.advance-stdops-viewCard.two-stdops-card .ok-sop-column .third-count-time {
    left: 0.625rem !important;
    top: 3.875rem !important;
}

.withdraw_sop svg {
    width: 12px;
    height: 12px;
    margin-top: -3px;
    margin-right: 5px;
}

@media (min-width: 1200px) {
    .viewform-row .col-xl-2 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (max-width: 1599.98px) {
    .image-card.view_image-card {
        height: 278px;
    }

    .image-card.kanban-card.new-kanban-card {
        height: 195px;
    }
}

@media (max-width: 1399.98px) {
    .viewRight-column {
        min-width: 100%;
    }

    /* .viewRight-column .btn.dash-btn {
        font-size: 14px;
    } */
    /* .view-dash-title .dash-titlename {
        font-size: 1.125rem;
        max-width: 600px;
        line-height: 29px;
    } */
    .image-card {
        height: 230px;
    }

    .image-card.view_image-card {
        height: 260px;
    }

    .image-card.advance-stdops-viewCard {
        height: 186px;
    }

    /*    .image-card.stdops-card.procedure-step-2{
            height: 283px;
        }*/
    /*    .image-card.view_image-card.procedure-step-2{
            height: 320px;
        }*/
    /*    .image-card.stdops-card.procedure-step-4{
            height: 144px;
        }*/
    /*    .image-card.view_image-card.procedure-step-4{
            height: 164px;
        }*/
    .image-card.kanban-card {
        height: 353px;
    }

    .image-card.kanban-card.view-kanban-card {
        height: 290px;
    }

    .image-card.kanban-card.new-kanban-card {
        height: 174px;
    }

    .image-card.two-stdops-card .cps__btn a {
        font-size: 10px;
        padding: 5px 10px;
    }

    .image-card.two-stdops-card .drag_drop_cls {
        font-size: 10px;
        line-height: normal;
    }
}


/*@media (max-width: 1295px) {
    .image-card{
        height: 221px;
    }
    .image-card.kanban-card{
        height: 277px;
    }
}*/

@media (max-width: 1300px) {
    .view-dash-title .dash-titlename {
        /*max-width: 400px;*/
    }

    .image-card {
        height: 208px;
    }

    .image-card.view_image-card {
        height: 234px;
    }

    /*    .image-card.stdops-card.procedure-step-2{
            height: 256px;
        }*/
    /*    .image-card.view_image-card.procedure-step-2{
            height: 288px;
        }*/
    /*    .image-card.stdops-card.procedure-step-4{
            height: 129px;
        }*/
    /*    .image-card.view_image-card.procedure-step-4{
            height: 148px;
        }*/
    .image-card.kanban-card {
        height: 319px;
    }

    .image-card.kanban-card.view-kanban-card {
        height: 260px;
    }

    /* .dash-form .form-lable {
        font-size: 13px;
    } */
}

@media (max-width: 1200px) {
    .viewRight-column {
        min-width: 218px;
    }

    .view-dash-title .dash-titlename {
        max-width: 100%;
    }

    .viewAction {
        margin-top: 0.5rem;
    }

    .viewAction .dash-btn {
        margin-left: 0;
        margin-right: 5px;
    }

    .image-card {
        height: 230px;
    }

    .image-card.stdops-card {
        height: 170px;
    }

    .image-card.advance-stdops-viewCard {
        height: 120px;
    }

    .image-card.view_image-card {
        height: 283px;
    }

    /* .view__sop__img .image-card.view_image-card {
        height: 266px;
    } */
    /*    .image-card.stdops-card.procedure-step-2{
            height: 287px;
        }*/
    /*    .image-card.view_image-card.procedure-step-2{
            height: 331px;
        }*/
    /*    .image-card.stdops-card.procedure-step-4{
            height: 146px;
        }*/
    /*    .image-card.view_image-card.procedure-step-4{
            height: 167px;
        }*/
    .image-card.kanban-card.view-kanban-card {
        height: 397px;
    }

    .viewAction.text-right {
        text-align: left !important;
    }

    .image-card.two-stdops-card .cps__btn a {
        font-size: 7px;
    }

    .image-card.two-stdops-card .drag_drop_cls {
        font-size: 8px;
    }

    .image-card.two-stdops-card .upload-icon {
        width: 40px;
        height: 40px;
    }

    .image-card.two-stdops-card .upload-icon svg {
        width: 17px;
        height: 17px;
    }
}

@media (max-width: 991.98px) {
    .can-sav-btn {
        position: fixed;
        left: 0;
        right: 0;
        background-color: #fff;
        bottom: 0;
        z-index: 999;
        padding: 15px;
        text-align: center !important;
        border-top: 1px solid #e4e7eb;
        display: flex;
        justify-content: center;
        margin: 0 !important;
    }
    .can-sav-btn.mt-auto {
        margin-top: auto !important;
    }
    .add-data-container .dash-content {
        padding-bottom: 90px;
    }

    .add-data-container .dash-content.cct_matrix-content {
        padding-bottom: 0;
    }

    .add-data-container .dash-content.cct_matrix-content+.sticky-bottom {
        z-index: 1;
        padding-bottom: 6rem !important;
    }

    .text-center-device {
        text-align: center !important;
    }

    .image-card {
        height: 266px;
    }

    .image-card.stdops-card {
        height: 170px;
    }

    .image-card.advance-stdops-viewCard {
        height: 120px;
    }

    .image-card.view_image-card {
        height: 266px;
    }

    /*    .image-card.stdops-card.procedure-step-2,
        .image-card.view_image-card.procedure-step-2{
            height: 327px;
        }*/
    /*.image-card.procedure-step-4,*/
    /*    .image-card.view_image-card.procedure-step-4{
            height: 165px;
        }*/
    .image-card.kanban-card.view-kanban-card {
        height: 334px;
    }

    .image-card.kanban-card.new-kanban-card {
        height: 164px;
    }
}

@media (max-width: 600px) {
    .can-sav-btn {
        justify-content: space-between;
    }

    .image-card {
        height: 203px;
    }

    .image-card.stdops-card {
        height: 203px;
    }

    /* .image-card.view_image-card,
    .view__sop__img .image-card.view_image-card {
        height: 203px;
    } */
    /*    .image-card.stdops-card.procedure-step-2,
        .image-card.view_image-card.procedure-step-2{
            height: 251px;
        }*/
    /*.image-card.procedure-step-4,*/
    /*    .image-card.view_image-card.procedure-step-4{
            height: 126px;
        }*/
    .image-card.kanban-card {
        height: 311px;
    }

    .image-card.kanban-card.view-kanban-card {
        height: 311px;
    }

    .image-card.advance-stdops-viewCard {
        height: 197px;
    }

    .image-card.kanban-card.new-kanban-card {
        height: 152px;
    }
}

@media (max-width: 575.98px) {
    .mobile_column {
        /* max-width: calc(380px - 30px); */
        margin: 0 auto;
    }

    .image-card {
        height: 240px;
    }

    .image-card.stdops-card,
    .image-card.advance-stdops-viewCard {
        height: 240px;
    }

    .image-card.view_image-card {
        height: 240px;
    }

    /* .view__sop__img .image-card.view_image-card {
        height: auto;
    } */
    .view__sop__img .image-card .stdopImage {
        position: relative;
        height: auto;
        width: 100%;
    }

    /*    .image-card.stdops-card.procedure-step-2,
        .image-card.view_image-card.procedure-step-2{
            height: 296px;
        }*/
    /*.image-card.procedure-step-4,*/
    /*    .image-card.view_image-card.procedure-step-4{
            height: 150px;
        }*/
    .kanbanColumn .form-group {
        max-width: 300px;
        margin: 1rem auto;
        margin-top: 0;
    }

    .image-card.kanban-card {
        height: 345px;
    }

    .image-card.kanban-card.view-kanban-card {
        height: 345px;
    }

    .viewSopTitle {
        align-items: start;
    }

    /* .viewSopTitle .viewSop_back {
        margin-top: 5px;
    } */
    .viewSopTitle .dash-titlename {
        line-height: normal;
    }

    .viewSopHeadBtns {
        width: 2.125rem;
        min-width: 2.125rem;
        height: 2.125rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .viewSopHeadBtns.withdraw_sop {
        padding: 0;
    }

    .viewSopHeadBtns.withdraw_sop svg {
        margin-top: 0;
        margin-right: 0;
    }

    .image-card.kanban-card.new-kanban-card {
        height: 169px;
    }
}


/*View Standard Operation CSS End*/


/*Manage Employees CSS Start*/

.userIcon-box {
    /*background-color: var(--gemba-global-color-primary);*/
    color: #ffffff;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    margin-right: 10px;
    border-radius: 14px;
    position: relative;
}

.user-details {
    width: calc(100% - 74px);
}

.userIcon-box .pro-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.deleteBtn {
    color: rgba(0, 54, 89, 0.8);
    background-color: transparent;
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    margin-left: 10px;
    border: 0;
    padding: 0;
}

.inviteModal .dash-form .form-control {
    width: calc(100% - 50px);
}

.inviteModal .modal-header {
    background-color: var(--gemba-global-color-text);
    border-bottom: 4px solid var(--gemba-global-color-primary);
}

.inviteModal .modal-header .modal-title {
    font-weight: 400;
    font-size: 1.25rem;
    color: #ffffff;
}

.inviteModal .modal-header .close {
    position: absolute;
    top: 10px;
    right: 10px;
}

.inviteModal .modal-title {
    flex: 0 0 100%;
    text-align: center;
    padding: 0 1.5rem;
}

.inviteModal .modal-content {
    border-radius: 1rem;
    overflow: hidden;
}


/* .inviteModal .modal-header .close {
    opacity: 1;
    text-shadow: none;
    color: #ffffff;
    outline: 0;
} */

.addmore_emp a {
    border-bottom: 1px solid var(--gemba-global-color-primary);
    font-size: 1rem;
    color: var(--gemba-global-color-primary);
}

.addmore_emp a:hover {
    border-color: #000000;
    color: #000000;
}

.btn.dash-btn.text-black {
    color: var(--text-primary);
}

.emailDiv {
    position: relative;
}

.emailDiv .emailIcon {
    position: absolute;
    left: 16px;
}

.emailDiv input.form-control {
    padding-left: 48px;
}

.user-detail-row .emailDiv input.form-control {
    padding-left: 40px;
}

.user-detail-row .emailDiv .emailIcon {
    transform: translateY(-50%);
    top: 50%;
    left: 10px;
}

@media (max-width: 1399.98px) {

    /* .userIcon-box {
        width: 46px;
        height: 46px;
        flex: 0 0 46px;
        margin-right: 10px;
    } */
    .user-details {
        width: calc(100% - 55px);
    }
}

@media (max-width: 600px) {
    .inviteBtn {
        position: fixed;
        bottom: 0;
        z-index: 1;
        left: 0;
        right: 0;
        width: 100%;
        max-width: 100%;
        text-align: center;
        border-radius: 0 !important;
    }
}

@media (min-width: 576px) {
    .inviteModal .modal-dialog {
        max-width: 770px;
        margin: 1.75rem auto;
    }
}


/*Manage Employees CSS End*/


/*Settings Page CSS Start*/

.setting-wrapper {
    display: flex;
    position: relative;
}

.setting-sidebar {
    width: 375px;
    min-height: 100%;
    z-index: 1038;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    border-right: 1px solid rgba(0, 54, 89, 0.1);
}

.setting-wrapper .setting-sidebar {
    flex-basis: 375px;
    flex-shrink: 0;
    transition: transform 0.15s ease-in-out;
    z-index: 1029;
    transform: translateX(-375px);
    padding-top: 25px;
}

.setting-wrapper .setting-content {
    padding-left: 375px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-width: 0;
    flex-grow: 1;
    min-height: calc(100vh- 56px);
    margin-left: -375px;
}

.sm-title {
    /* font-family: "Expose-Medium"; */
    font-weight: 500;
    font-size: 1rem;
    line-height: 24px;
    color: #212121;
    margin-bottom: 16px;
}

.sm-link {
    font-weight: normal;
    font-size: 14px;
    line-height: 21px;
    color: var(--gemba-global-color-text);
    display: inline-flex;
    align-items: center;
    padding: 14px 10px;
    padding-right: 65px;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
    word-break: break-word;
}

.sm-icon {
    margin-right: 10px;
    flex: 0 0 24px;
}

.sm-icon path[fill="#B5B5C3"] {
    fill: var(--gemba-global-color-text);
}

.sm-icon path[stroke="#B5B5C3"] {
    stroke: var(--gemba-global-color-text);
}

.sm-link.active {
    /* background-color: var(--gemba-global-color-secondary); */
    color: var(--gemba-global-color-primary);
}

.smRightAlign {
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.onoffSpan {
    background: rgba(168, 196, 220, 0.18);
    color: var(--text-muted);
    border: 1px solid var(--card-border);
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 11px;
    font-weight: 600;
    padding: 4px 9px;
    border-radius: 20px;
    white-space: nowrap;
    line-height: normal;
    min-width: 50px;
    justify-content: center;
    align-items: center;
}

.onoffSpan.ifonSpan {
    background: rgba(61, 190, 114, 0.12);
    color: #28a361;
    border: 1px solid rgba(61, 190, 114, 0.25);
}

.onoffSpan::before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    flex-shrink: 0;
    background: #A8C4DC;
}

.onoffSpan.ifonSpan::before {
    background: #28a361;
}


/* .sm-link.active:after {
    content: "";
    display: inline-block;
    position: absolute;
    right: -5px;
    top: 20px;
    border-style: solid;
    border-width: 0 0 15px 15px;
    border-color: transparent;
    border-bottom-color: var(--gemba-global-color-secondary);
    height: 0;
    width: 0;
    -moz-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
} */

.sm-link.active svg path {
    fill: var(--gemba-global-color-primary);
}

.sm-link.active svg path[stroke="#B5B5C3"] {
    fill: #ffffff;
    stroke: var(--gemba-global-color-primary);
}

.setting-tab-link .setting-tab-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.setting-tab-btn i {
    color: var(--gemba-global-color-text);
    transition: 0.25s ease-in-out;
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -ms-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
}

.setting-tab-link .setting-tab-btn svg {
    width: 19px;
    height: 19px;
    margin-right: 10px;
    flex: 0 0 19px;
}

.setting-tab-link .setting-tab-btn[aria-expanded="false"] i {
    transform: rotate(-90deg);
}

.setting-tab-link .dash-titlename {
    line-height: 39px;
}

.setting-tab-btn {
    background-color: var(--gemba-global-color-secondary);
    color: var(--gemba-global-color-text);
    padding: 0.75rem 0.75rem;
    font-size: 1rem;
    text-decoration: none !important;
    box-shadow: none !important;
}

.setting-tab-btn span {
    display: flex;
    align-items: center;
}

.setting-tab-link {
    padding-right: 2rem;
}

.setting-padding {
    padding: 25px 15px;
}

.setting-form {
    max-width: 380px;
    margin: 0 auto;
}

.setting-form.dvpvor-setting-form {
    max-width: 450px;
}

.settingTitle h5 {
    /* font-family: "Expose-Medium"; */
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 27px;
    color: var(--gemba-global-color-primary);
    margin-bottom: 15px;
}

.setting-card {
    background-color: var(--gemba-global-color-primary);
    border-radius: 4px;
    border: 0;
}

.setting-card .card-body {
    padding: 20px;
}

.cropit-preview {
    background-color: #d8d8d8;
    background-size: cover;
    border: 3px solid var(--gemba-global-color-primary);
    border-radius: 50%;
    width: 215px;
    height: 215px;
    display: inline-block;
    position: relative;
}

.rangeDiv {
    width: 150px;
    margin: 0 auto;
    margin-bottom: 15px;
}

.chooseInput {
    width: 34px;
    height: 34px;
    line-height: 34px;
    padding: 0;
    background-color: #ffffff;
    border-color: #ffffff;
    color: var(--gemba-global-color-primary);
    border-radius: 50%;
    position: absolute;
    right: 13px;
    bottom: 15px;
    z-index: 1;
}

.profileRang {
    -webkit-appearance: none;
    width: 100% !important;
    height: 4px;
    background: #ced4da;
    border-radius: 10px;
    outline: none;
    opacity: 1;
    -webkit-transition: 0.2s;
    transition: opacity 0.2s;
    margin: auto !important;
}

.profileRang:hover {
    opacity: 1;
}

.profileRang::-webkit-slider-thumb {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    background: #ffffff;
    /*background-image: linear-gradient(to right, #f64240 , #ffb02c);*/
    border-radius: 50%;
    cursor: pointer;
    margin-top: -1px;
}

.profileRang::-moz-range-thumb {
    width: 20px;
    height: 20px;
    background: #ffffff;
    border-radius: 50%;
    cursor: pointer;
    margin-top: -1px;
}

img.cropit-preview-image {
    max-width: unset;
}

.cropit-preview-image-container {
    cursor: move;
    border-radius: 50%;
}

.image-size-label {
    margin-top: 5px;
    color: #ffffff;
}

.pro-name-email h5 {
    /* font-family: "Expose-Medium"; */
    font-weight: 500;
    font-size: 17px;
    line-height: 25px;
    color: #ffffff;
}

.pro-name-email p {
    font-weight: normal;
    font-size: 15px;
    line-height: 22px;
    color: #ffffff;
}

.inleft-icon {
    position: absolute;
    top: 8px;
    left: 16px;
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.setting-form .dash-form input.form-control {
    padding-left: 48px;
    padding-right: 16px;
}

.company-logo {
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    position: relative;
    height: 243px;
}

.cmlogo-upload {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 60px;
    color: var(--gemba-global-color-primary);
}

.setting-card.chpass-card .card-body {
    padding: 36px 90px;
}

.setting_password .pass_showhide {
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #595959;
}

.mw-140px {
    min-width: 140px;
}

.mw-162px {
    min-width: 162px;
}

.mw-92px {
    min-width: 92px;
}

.mw-98px {
    min-width: 98px;
}

.btn.dash-btn.set-pagebtn {
    font-size: 0.813rem;
    line-height: 1.25rem;
    padding: 0.563rem 0.75rem;
}

.setting-form input.form-control::-webkit-input-placeholder {
    color: rgba(0, 54, 89, 0.4);
    font-size: 14px;
}

.setting-form input.form-control:-ms-input-placeholder {
    color: rgba(0, 54, 89, 0.4);
    font-size: 14px;
}

.setting-form input.form-control::placeholder {
    color: rgba(0, 54, 89, 0.4);
    font-size: 14px;
}

.set-apptitle {
    color: rgba(0, 54, 89, 0.8);
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 20px;
}

.set-delete-title i {
    font-size: 60px;
    color: #fe0000;
    margin-top: 20px;
    margin-bottom: 35px;
}

.btn-danger.set-pagebtn {
    background-color: #fe0000;
    border-color: #fe0000;
}

.setting-form .custom-switch .custom-control-label::after {
    width: 22px;
    height: 22px;
    border-radius: 50% !important;
    top: 1px;
    left: calc(-2.25rem + 0px);
}

.setting-form .custom-switch .custom-control-label::before {
    width: 40px;
    height: 16px;
}

.setting-form .custom-control-label::before {
    background-color: #e1e1e1;
    border: #e1e1e1 solid 1px;
}

.setting-form .custom-switch .custom-control-input:checked~.custom-control-label::after {
    background-color: var(--gemba-global-color-primary);
    -webkit-transform: translateX(1.1rem);
    transform: translateX(1.1rem);
}

.setting-form .custom-control-input:checked~.custom-control-label::before {
    background-color: #bee0fe;
    border-color: #bee0fe;
}

.setting-form .custom-control-input:focus~.custom-control-label::before {
    box-shadow: none;
}

.setting-form .custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color: #e1e1e1;
}

.apppro-switch {
    position: absolute;
    top: 5px;
    right: 12px;
}

.pr-55px {
    padding-right: 55px;
}

.cursor-pointer {
    cursor: pointer;
}

.companylist_ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.companylist_ul li {
    display: block;
    margin-bottom: 0.5rem;
}

.company-radiobtn {
    margin-bottom: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    border-radius: 5px;
    position: relative;
    cursor: pointer;
    font-size: 14px;
    overflow: hidden;
}

.company-radiobtn input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.company-radiobtn i {
    opacity: 0.1;
}

.company-radiobtn input:checked~i {
    opacity: 1;
    color: #0fd600;
}

.company-radiobtn .checkbg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: var(--gemba-global-color-secondary);
    z-index: -1;
    border-radius: 5px;
}

.company-radiobtn input:checked~.checkbg {
    background-color: #f0f3ff;
}

.appversion {
    color: var(--text-primary);
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
}

.ck-contaner,
.ck-contaner p {
    font-size: 14px;
    line-height: 24px;
    color: rgba(0, 54, 89, 0.8);
}

.settingmenubtn {
    width: 40px;
    height: 40px;
    padding: 0;
    line-height: 40px;
}

.change_history_model_body .modalProfile {
    object-fit: cover;
    border: 1px solid #dee2e6;
    padding: 3px;
    display: inline-block;
    border-radius: 3px;
    width: 40px;
    height: 40px;
}
.change_history_model_body tbody tr td {
    vertical-align: middle;
}
.change_history_model_body .gembaDocs-table {
    margin-bottom: 0;
}
.keyActionBtn {
    width: 44px;
    height: 44px;
    line-height: 32px;
}

.apiKeyWidth {
    max-width: 25rem;
}

.language_grid {
    display: grid;
    grid-template-columns: 50% 50%;
}

.language_grid .grid-column {
    border: 1px solid #dee2e6;
    padding: 10px;
    display: flex;
    align-items: center;
}

.language_grid span.ml-3 {
    text-align: left;
}

.language_grid .lang-icon {
    border-radius: 100%;
}

.language_grid .userIcon-box1 {
    flex: 0 0 40px;
}

.language_grid .custom-checkbox {
    font-size: 1.125rem;
    width: 100%;
}

.language_grid .custom-control-label::after,
.language_grid .custom-control-label::before {
    top: 50%;
    transform: translateY(-50%);
}

.setting-wrapper .setting-content .dash-title {
    padding-top: 0;
    margin-bottom: 1rem;
}

.setting-wrapper .user-details {
    width: calc(100% - 6.5rem);
}

.setting-wrapper .stl-content .infoModalAnchur {
    position: relative;
    top: -2px;
}

.site-list-table tbody tr td {
    vertical-align: middle;
}

.manageSiteImg {
    margin-right: 0.75rem;
    width: 60px;
    height: 60px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    object-fit: cover;
}

.addSiteImage {
    width: 50px;
    height: 50px;
    flex: 0 0 50px;
    position: relative;
    background-color: #ffffff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    padding: 5px;
}

.addSiteImage_logo,
.addSiteImage_logo img {
    width: 100%;
    height: 100%;
    display: block;
}

.addSiteImage_logo img {
    object-fit: cover;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.site-form-group .deleteEmpBtn {
    flex: 0 0 30px;
}

.editStep-site-btn,
.delete-site-btn {
    position: absolute;
    top: 0;
    width: auto;
    height: auto;
    background: #ffffff;
    color: var(--gemba-global-color-primary);
    line-height: normal;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    font-size: 10px;
}

.editStep-site-btn {
    right: 0px;
}

.delete-site-btn {
    right: 18px;
}

.editStep-site-btn i,
.delete-site-btn i {
    background: #ffffff;
    width: 1rem;
    height: 1rem;
    border-radius: 100%;
    line-height: 1rem;
}

.addSiteImage .manageSiteProgress {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    margin: 0 !important;
    padding: 3px;
}

.inviteEmpCard.mangeSiteCard .card-body {
    padding: 0.75rem !important;
}

.paper-size-btn {
    gap: 1rem;
}

.paper-size-btn.btn-group-toggle>.btn.btn-outline-primary {
    color: var(--text-primary);
    border-color: rgba(0, 54, 89, 0.2);
    box-shadow: none !important;
    min-width: 7rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.25rem;
}

.paper-size-btn.btn-group-toggle>.btn.btn-outline-primary:hover {
    background-color: #ffffff;
}

.paper-size-btn.btn-group-toggle>.btn.btn-outline-primary.active {
    border-color: var(--gemba-global-color-primary);
    background-color: var(--gemba-global-color-primary);
    color: #ffffff;
}

.paper-size-btn.btn-group-toggle>.btn.btn-outline-primary.active svg path[fill="var(--text-primary)"] {
    fill: #ffffff;
}

.paper-size-btn.btn-group-toggle>.btn.btn-outline-primary.active svg path[fill="white"] {
    fill: var(--text-primary);
}

.badge-accent {
    background-color: var(--gemba-global-color-accent);
}


/*Settings Page CSS End*/

@media (max-width: 1399.98px) {
    .setting-sidebar {
        width: 300px;
    }

    .setting-wrapper .setting-sidebar {
        flex-basis: 300px;
        transform: translateX(-300px);
        -webkit-transform: translateX(-300px);
        -moz-transform: translateX(-300px);
        -ms-transform: translateX(-300px);
        -o-transform: translateX(-300px);
    }

    .setting-wrapper .setting-content {
        padding-left: 300px;
        margin-left: -300px;
    }

    /* .edit_kanban_labels_section{
        margin-bottom: 10px;
    } */
}

@media (min-width: 992px) {
    .setting-wrapper .setting-sidebar {
        transform: translateX(0);
    }

    .setting-wrapper .setting-content {
        margin-left: 0;
        transition: margin 0.15s ease-in-out;
        min-height: calc(100vh - 5rem);
    }
}

@media only screen and (max-width: 991px) {
    .setting-sidebar {
        width: 275px;
    }

    .setting-wrapper .setting-sidebar {
        opacity: 0;
        background-color: #ffffff;
    }

    .setting-wrapper .setting-sidebar.open-settings {
        opacity: 1;
        transform: translateX(0);
    }

    .sm-link {
        min-width: 100%;
    }

    .apiKeyWidth {
        max-width: 15rem;
    }

    .setting-padding {
        padding: 16px 0;
    }

    .setting-padding .tab-content .container {
        padding: 0;
    }

    .setting-wrapper .setting-content .dash-title {
        margin-bottom: 0;
    }

    .setting-wrapper .dash-titlename {
        font-size: 22px;
    }
}
@media (max-width: 991.98px) { 
    .setting-wrapper .setting-sidebar{
        padding-top: 1rem;
    }
    .setting-tab-link,
    .setting-wrapper .setting-sidebar .sm-title {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
}
@media (max-width: 767.98px) {
    .viewAction {
        display: flex;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .viewAction .dash-btn {
        -ms-flex: 0 0 32%;
        flex: 0 0 32%;
        max-width: 32%;
        margin: 0;
        margin-bottom: 0.5rem;
        font-size: 14px;
    }

    .text-center-mobile {
        text-align: center;
    }

    .language_grid {
        grid-template-columns: 100%;
    }

    .language_grid span.ml-3 {
        font-size: 1rem;
        margin-left: 10px !important;
    }


    .sm-link {
        padding-left: 0;
    }

    .site-form-group .deleteEmpBtn {
        width: 22px;
        height: 22px;
        flex: 0 0 22px;
        border-radius: 100%;
        padding: 0;
        line-height: 22px;
        font-size: 0.65rem;
    }

    .setting-wrapper .dash-titlename {
        font-size: 20px;
    }

    .search-bar input.form-control {
        min-width: 300px;
    }
}

@media (max-width: 575.98px) {
    .btttext_ul {
        text-align: center;
    }

    .btttext_ul .ch-btntext .dash-btn {
        display: block;
    }

    .btttext_ul .px-4 {
        padding: 1rem 0;
        margin-top: 0 !important;
    }

    .viewAction {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .viewAction .dash-btn {
        -ms-flex: 0 0 49%;
        flex: 0 0 49%;
        max-width: 49%;
        margin: 0;
        margin-bottom: 0.5rem;
        font-size: 14px;
    }

    .viewRight-column {
        max-width: 218px;
        min-width: auto;
        display: inline-block;
    }

    .setting-padding {
        padding: 15px 0;
    }
}

/* Hover CSS Start */


@media (min-width: 1200px) {
    .dropdown-menu.sop-dropdown-menu {
        padding: 24px !important;
        min-width: 28rem !important;
        width: 28rem !important;
        border-radius: 12px !important;
        border: 1px solid #e2e8f0 !important;
        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
        transition: min-width 0.35s cubic-bezier(0.4, 0, 0.2, 1),
            width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    }

    .dropdown-menu.sop-dropdown-menu:hover,
    .dropdown-menu.sop-dropdown-menu:has(.sop_add_btn:hover) {
        min-width: 40rem !important;
        width: 40rem !important;
    }

    .dropdown-menu.sop-dropdown-menu.three-col:hover,
    .dropdown-menu.sop-dropdown-menu.three-col:has(.sop_add_btn:hover) {
        min-width: 62rem !important;
        width: 62rem !important;
    }

    .sop-dropdown-menu .row.form-row {
        display: flex !important;
        flex-wrap: wrap !important;
        margin-left: -10px !important;
        margin-right: -10px !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        row-gap: 20px !important;
    }

    .sop-dropdown-menu .col-xl-6,
    .sop-dropdown-menu .col-6,
    .sop-dropdown-menu .col-xl-4,
    .sop-dropdown-menu .col-4 {
        position: relative;
        min-height: 100px;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .sop-dropdown-menu .sop_add_btn {

        height: 100px;
        z-index: 1;
        background: #ffffff;
        border: 1px solid #b6c7d7;
        border-radius: 10px;
        padding: 10px;
        overflow: hidden;
        text-decoration: none !important;
        transition: background-color 0.35s ease,
            border-color 0.35s ease,
            box-shadow 0.35s ease;
    }

    .sop-dropdown-menu .sop_add_btn svg {
        position: absolute;
        top: 10px;
        left: 50%;
        transform: translateX(-50%);
        width: 98px;
        height: 60px;
        transition: top 0.35s cubic-bezier(0.4, 0, 0.2, 1),
            left 0.35s cubic-bezier(0.4, 0, 0.2, 1),
            transform 0.35s cubic-bezier(0.4, 0, 0.2, 1),
            width 0.35s cubic-bezier(0.4, 0, 0.2, 1),
            height 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    }

    .sop-dropdown-menu .sop_add_btn .sop-title {
        position: absolute;
        top: 74px;
        left: 50%;
        transform: translateX(-50%);
        font-size: 13px;
        font-weight: 700;
        color: #003659;
        text-align: center;
        white-space: nowrap;
        max-width: 90%;
        overflow: hidden;
        text-overflow: ellipsis;
        transition: top 0.35s cubic-bezier(0.4, 0, 0.2, 1),
            left 0.35s cubic-bezier(0.4, 0, 0.2, 1),
            transform 0.35s cubic-bezier(0.4, 0, 0.2, 1),
            font-size 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    }

    .sop-dropdown-menu .sop_add_btn .sop-desc {
        position: absolute;
        top: 52px;
        left: 92px;
        right: 16px;
        font-size: 11px;
        font-weight: 500;
        color: #64748b;
        line-height: 1.35;
        white-space: normal;
        text-align: left;
        opacity: 0;
        visibility: hidden;
        transition: top 0.35s cubic-bezier(0.4, 0, 0.2, 1),
            opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1),
            visibility 0.3s ease;
    }

    /* Hover States */
    .sop-dropdown-menu .sop_add_btn:hover {
        left: 10px !important;
        right: 10px !important;
        z-index: 100;
        background: #ffffff !important;
        box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
        border-color: #3b82f6 !important;
    }

    .sop-dropdown-menu .sop_add_btn:hover svg {
        top: 30px;
        left: 16px;
        transform: translateX(0);
        width: 64px;
        height: 40px;
    }

    .sop-dropdown-menu .sop_add_btn:hover .sop-title {
        top: 14px;
        left: 92px;
        transform: translateX(0);
        font-size: 14px;
        text-align: left;
    }

    .sop-dropdown-menu .sop_add_btn:hover .sop-desc {
        top: 36px;
        opacity: 1;
        visibility: visible;
    }
}

@media (max-width: 1199.98px) {
    .sop-desc {
        display: none;
    }

    .sop-title {
        font-size: 0.75rem;
        text-align: center
    }
}

/* Hover CSS End */
/*Dashboard Page CSS End*/

.approversModal .custom-control.custom-checkbox {
    padding-left: 0;
    font-size: 1.125rem;
}

.approversModal .custom-control .custom-control-label::before,
.approversModal .custom-control .custom-control-label::after {
    right: 0;
    left: auto;
    top: .25rem;
}

.approversModal .border-bottom:last-child {
    border-bottom: 0 !important;
}

@media (max-width: 575.98px) {
    .approversModal .custom-checkbox {
        padding-left: 0;
        font-size: 0.75rem;
    }

    .approversModal .userIcon-box {
        width: 30px;
        height: 30px;
        flex: 0 0 30px;
        margin-right: 5px;
        border-radius: 5px !important;
        padding: 0;
    }

    .approversModal .userIcon-box .pro-icon {
        width: 50%;
    }

    .approversModal .custom-control-label::before,
    .approversModal .custom-control-label::after {
        top: 0.5rem;
    }
}

.dropdown-menu.social-dropmenu {
    padding-bottom: 3px;
    min-width: 12rem;
    padding: 0.5rem 5px;
    padding-bottom: 3px;
    margin-right: 1rem;
}

.social-dropmenu ul {
    list-style: none;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.social-dropmenu ul li.col-2 {
    display: inline-block;
    text-align: center;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    margin-bottom: 5px;
}

.social-dropmenu ul li a.socail-icon {
    width: 30px;
    height: 30px;
    padding: 0;
    line-height: 30px;
    display: inline-block;
    position: relative;
}

.social-dropmenu .dropdown-menu-arrow {
    top: 20px;
    right: -18px;
    transform: rotate(90deg);
}

.social-dropmenu .dropdown-menu-arrow:before {
    border-bottom-color: #000000;
}

.social-dropmenu .dropdown-menu-arrow:after {
    border-bottom-color: #ffffff;
}

.custom_select2 .select2-container--default .select2-selection--single {
    border-color: var(--input-border);
    border-width: 1.5px;
    border-radius: 0.5rem;
}

.custom_select2 .select2-container .select2-selection--single {
    height: 2.375rem;
}

.custom_select2 .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 2.375rem;
    color: var(--text-primary);
    font-size: 0.813rem;
    padding-left: 0.75rem;
}

.custom_select2 .select2-container--default .select2-selection--single .select2-selection__arrow,
.custom_select2 .select2-container--default .select2-selection--single .select2-selection__clear {
    height: 2.25rem;
}

.custom_select2 .select2-container .select2-selection--multiple {
    min-height: 40px;
    border-color: var(--input-border);
    border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    -ms-border-radius: 0.5rem;
    -o-border-radius: 0.5rem;
}

.custom_select2 .select2-container .select2-search--inline .select2-search__field {
    margin-top: 8px;
    margin-left: 12px;
    height: 22px;
}

.custom_select2 .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: var(--gemba-global-color-primary);
    box-shadow: 0 0 0 3px rgba(6, 121, 255, 0.1);
}

.checklist-share-dropdown .dropdown-menu.social-dropmenu {
    margin-right: 0;
    margin-top: 0.5rem;
}

.checklist-share-dropdown .social-dropmenu .dropdown-menu-arrow {
    top: -18px;
    right: 70px;
    transform: rotate(0);
}

@media (max-width: 1199.98px) {
    .checklist-share-dropdown .dropdown-menu.social-dropmenu {
        left: 10px !important;
    }
}

@media (max-width: 991.98px) {
    .dropdown-menu.social-dropmenu {
        transform: translate(-50%, -110%) !important;
        top: 0 !important;
        left: 50% !important;
        margin-right: 0;
    }

    .checklist-share-dropdown .dropdown-menu.social-dropmenu {
        left: 0 !important;
        transform: translate(0, 54%) !important;
    }

    .checklist-share-dropdown .social-dropmenu .dropdown-menu-arrow {
        display: block;
    }

    .social-dropmenu .dropdown-menu-arrow {
        display: none;
    }

    .track-historylist {
        justify-content: unset;
        display: inline-block !important;
    }
}

@media (max-width: 575.98px) {
    .checklist-share-dropdown .social-dropmenu .dropdown-menu-arrow {
        display: none;
    }

    .dropdown-menu.social-dropmenu {
        transform: translate(-18%, -110%) !important;
    }

    .dropdownqrcode.dropdown-menu.social-dropmenu {
        transform: translate(-50%, -110%) !important;
    }

    .shareDownload_btn .btn.dash-btn {
        font-size: 14px;
    }
}

@media (max-width: 320px) {
    .shareDownload_btn .btn.dash-btn {
        font-size: 0.75rem;
    }
}

.modal_add_annotation_footer .default-toolbar-item {
    width: auto !important;
    min-width: 100px;
}

.modal_add_annotation_footer .default-toolbar-item.btn-primary:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: var(--gemba-global-color-primary);
}

.h-37 {
    height: 37px;
}

@media (min-width: 576px) {
    .inviteModal.language_modal .modal-dialog {
        max-width: 400px;
    }
}

.lang-icon {
    width: 40px;
    height: 40px;
    object-fit: cover;
}

.language_modal .custom-checkbox {
    font-size: 1.125rem;
}

.language_modal .custom-control-label::before,
.language_modal .custom-control-label::after {
    top: 0.7rem;
}

.mwas-image {
    width: 150px;
    height: 150px;
    display: inline-block;
    position: relative;
    padding: 5px;
}

.mwas-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mwas-image .btn-light {
    width: 30px;
    height: 30px;
    padding: 0;
    line-height: 30px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 14px;
    padding-left: 4px;
}

.aboutImage {
    height: 370px;
    position: relative;
}

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

.about_desc h4 {
    color: #003659;
    font-size: 22px;
    margin-bottom: 1em;
}

.about_desc p {
    color: #676b75;
    line-height: 1.5em;
    font-weight: 300;
    margin-bottom: 1.5em;
}

a.text-black,
.text-underline,
.text-underline:hover {
    text-decoration: underline;
}

a.text-black,
.text-black {
    color: #676b75;
}

a.text-black:hover {
    color: #000000;
}

.text-A2A2A2 {
    color: #a2a2a2;
}

@media (max-width: 575.98px) {
    .aboutImage {
        height: 170px;
        position: relative;
        max-width: 300px;
        margin: 0 auto;
        margin-bottom: 1rem;
    }

    .about_desc p {
        margin-bottom: 1rem;
    }

    .btn-contact {
        padding: 16px 10px;
    }

    .lang-icon {
        width: 30px;
        height: 30px;
    }

    .language_modal .custom-checkbox {
        font-size: 15px;
    }

    .language_modal .custom-control-label::before,
    .language_modal .custom-control-label::after {
        top: 0.4rem;
    }
}


/*Blog page CSS*/

.single-blog {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    margin-bottom: 30px;
}

.single-blog:hover {
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 8px rgba(0, 0, 0, 0.1);
}

.blog-thumb {
    width: 100%;
    height: 400px;
    position: relative;
    border-radius: 6px;
    overflow: hidden;
}

.blog-thumb img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.single-blog:hover .blog-thumb img {
    opacity: 0.7;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.blog-content {
    padding: 1.5rem;
}

.blog-title {
    font-size: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 29px;
    color: var(--gemba-global-color-primary);
    display: block;
}

.blog-detailarea .blog-title {
    display: block;
    font-size: 40px;
    height: auto;
    white-space: normal;
    text-overflow: unset;
    overflow: visible;
}

.blog-detailarea .blog-thumb {
    width: 100%;
    height: auto;
    position: relative;
    border-radius: 6px;
    overflow: hidden;
}

.blog-detailarea .blog-thumb img {
    position: relative;
    object-fit: contain;
}

.blog-paragraph {
    line-height: 1.8;
    font-size: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 51px;
}

.blog-detailarea .blog-paragraph {
    height: auto;
    display: block;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
    overflow: unset;
    text-overflow: unset;
}

.tag_list {
    height: 31px;
    overflow: hidden;
}

.blog-detailarea .tag_list {
    height: auto;
    overflow: visible;
}

.tag_list span {
    background: #dcdcdc;
    color: #000000;
    padding: 5px 10px;
    border-radius: 3px;
    min-width: 50px;
    display: inline-block;
    text-align: center;
    line-height: 1;
    margin-right: 5px;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.tag_list span:last-child {
    margin-right: 0px;
}

.blog-detailarea .tag_list span {
    white-space: unset;
    overflow: unset;
    text-overflow: unset;
    text-align: left;
    max-width: unset;
}

.readmore-blog {
    position: relative;
    display: inline-block;
    line-height: 20px;
    font-size: 1rem;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.blog-detailarea {
    word-break: break-word;
}

.blog-detailarea .meta-info {
    /*border-bottom: 1px solid #eee;*/
}

.blog-detailarea .blogAuther_name {
    font-size: 1.125rem;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.recentblog_image {
    position: relative;
    width: 100%;
    height: 220px;
    overflow: hidden;
}

.recentblog_image .recent-img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.recent-card:hover .recent-img {
    opacity: 0.7;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.blogAuther_image {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #f66e67;
    color: #ffffff;
    line-height: 50px;
    display: inline-block;
    text-align: center;
}

.sidebar-widget {
    position: relative;
    margin-bottom: 40px;
}

.sidebar-title {
    position: relative;
    margin-bottom: 20px;
}

.sidebar-title h3 {
    position: relative;
    display: block;
    font-size: 24px;
    line-height: 1.2em;
    color: #000000;
}

.blogTag li {
    display: inline-block;
    margin-right: 5px;
}

.blogTag li a {
    background: #dcdcdc;
    color: #000000;
    padding: 5px 10px;
    border-radius: 3px;
    min-width: 50px;
    display: inline-block;
    text-align: center;
    line-height: 1;
    margin-bottom: 5px;
}

.recent-media {
    margin-bottom: 20px;
}

.recent-media img.recent-img {
    width: 90px;
    height: 60px;
    display: inline-block;
    object-fit: cover;
    border-radius: 6px;
    margin-right: 1rem;
}

.recent-media .media-body {
    width: calc(100% - 104px);
}

.recent-card .card-body .recent_title {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
    text-overflow: ellipsis;
}

.blog-npbtn {
    min-width: 96px;
}

.social-blog .actionBtn {
    display: inline-block;
    text-align: center;
    background-color: var(--gemba-global-color-primary);
    color: #ffffff;
    margin-right: 5px;
    width: 28px;
    height: 28px;
    padding: 0;
    line-height: 28px;
    border-color: var(--gemba-global-color-primary);
    border-radius: 50%;
    font-size: 14px;
}

.settingActionBtn {
    display: inline-block;
    text-align: center;
    margin-right: 5px;
    width: 28px;
    height: 28px;
    padding: 0;
    line-height: 28px;
    border-radius: 50%;
    font-size: 13px;
}

.blog-detailarea .blogDetail img {
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain;
}

.likeshare_row {
    border-top: 1px solid #dee2e6;
    text-align: center;
    padding: 10px 0 8px;
}

.likeshare_row a {
    display: inline-block;
    text-align: center;
    font-size: 20px;
    color: var(--gemba-global-color-primary);
}

.likeshare_row a img {
    width: auto;
    height: 20px;
}

.likeshare_row a span {
    display: block;
    color: var(--text-primary);
    font-size: 14px;
}

.likeshare_row a span label {
    margin-bottom: 0;
}

.share-socialIcon a.actionBtn {
    width: 30px;
    height: 30px;
    background-color: var(--gemba-global-color-primary);
    color: #ffffff;
    text-align: center;
    line-height: 31px;
    border-radius: 50%;
    font-size: 1rem;
    margin-right: 5px;
    padding: 0;
}

.share-socialIcon a.actionBtn:last-child {
    margin-right: 0;
}

.show>.dropdown-menu.share-socialIcon {
    left: 50% !important;
    transform: translateX(-50%) !important;
    top: -100% !important;
}

.dmp-count {
    background-color: var(--gemba-global-color-accent);
    color: #ffffff;
    font-size: 1.25rem;
    width: 1.875rem;
    height: 1.875rem;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    display: inline-block;
    text-align: center;
    line-height: 1.5;
    left: 0;
    top: 0;
}

.dmp-column {
    padding-left: calc(0.75rem + 1.875rem);
}

.dmp-column p {
    font-size: 1.25rem;
}

.btn_or_qr {
    font-size: 1.25rem;
    color: #b4b4b4;
    height: 8.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    flex: 0 0 2rem;
}

.btn_or_qr::before {
    content: "";
    height: 100%;
    width: 1px;
    background-color: #b4b4b4;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.btn_or_qr span {
    z-index: 1;
}

.enjoyDiv {
    font-size: 1.25rem;
    color: var(--gemba-global-color-primary);
}

.enjoyDiv::before {
    content: "";
    height: 1px;
    width: 100%;
    background-color: var(--gemba-global-color-primary);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.enjoyDiv span {
    z-index: 1;
    padding: 0 10px;
}

.dmp-column::before {
    content: "";
    width: 1px;
    height: calc(100% + 2rem);
    background-color: #ff9400;
    position: absolute;
    left: 0.875rem;
}

li:last-child .dmp-column::before {
    height: calc(100% + 0rem);
}

@media (max-width: 575px) {
    .blog-thumb {
        height: 250px;
    }

    .blogtitle-details {
        height: 90px;
        z-index: 1;
    }

    .blog-detailarea .blog-title {
        font-size: 30px;
    }

    .blog-content {
        padding: 1rem;
    }

    .show>.dropdown-menu.share-socialIcon {
        left: 25% !important;
        top: -62% !important;
        margin-top: -10px;
    }

    .p-0-mobile {
        padding: 0;
    }

    .ctm-das-dwn {
        display: block !important;
        min-width: 200px !important;
        width: 200px;
        margin: 0 auto 10px !important;
    }

    .downloadAppModal .btn-download.ctm-das-dwn {
        display: inline-block !important;
        min-width: 48% !important;
        width: 48%;
        margin: 0 auto 10px !important;
        white-space: nowrap;
        font-size: 1rem;
        padding: 10px 8px 8px 45px;
    }

    .downloadAppModal .btn-download.ctm-das-dwn:nth-child(2) {
        padding: 10px 8px 8px 50px;
    }

    .downloadAppModal .btn-download.ctm-das-dwn i {
        font-size: 24px;
        position: absolute;
        top: 50%;
        left: 14px;
        transform: translateY(-50%);
    }

    .ctm-das-dwn.btn-download {
        /* padding-left: 20px; */
        text-align: left;
    }

    .downloadAppModal .btn-download.ctm-das-dwn span {
        font-size: 10px;
    }

    .downloadAppModal .upgradplan-card img[width="200"][height="200"] {
        width: 150px;
        height: 150px;
    }

    .single-blog {
        border: 1px solid rgba(0, 0, 0, 0.125);
        margin-left: 15px;
        margin-right: 15px;
    }

    .blog-detailarea .col-lg-10 {
        padding: 0;
    }

    .dmp_qrImage {
        width: 100px;
        height: 100px;
    }

    .btn_or_qr {
        height: 6.5rem;
    }

    .dmp-column p {
        font-size: 1rem;
    }

    .dmp_storBtn img {
        height: auto;
    }
}

@media (max-width: 320px) {
    .downloadAppModal .btn-download.ctm-das-dwn {
        padding: 10px 8px 8px 38px;
    }

    .downloadAppModal .btn-download.ctm-das-dwn {
        font-size: 0.75rem;
    }

    .downloadAppModal .btn-download.ctm-das-dwn i {
        font-size: 1.125rem;
    }

    .downloadAppModal .btn-download.ctm-das-dwn span {
        font-size: 8px;
    }

    .downloadAppModal h5.modal-title {
        font-size: 1rem;
    }
}


/*Sop Page Design Start*/

.sop-headerimg {
    height: 300px;
    position: relative;
}

.sop-headerimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.page-header-wrapper {
    position: relative;
    top: 0px;
    left: 0;
    width: 100%;
    background: #f5f7fa;
    background-size: cover;
    padding: 70px 0 150px;
}

.pageTitle h2 {
    font-size: 36px;
    color: #003659;
    position: relative;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.pageTitle p {
    color: #8d97ad;
    max-width: 555px;
    margin: 0 auto;
}

.sopaboutImage {
    margin-top: -20%;
    margin-bottom: 1.5rem;
}

.sopaboutImage h6 {
    color: #676b75;
    font-size: 1.125rem;
}

.sop_paragraph {
    text-align: justify;
    color: #676b75;
    line-height: 30px;
}

.sop-section {
    padding: 50px 0;
}

.sop-card {
    border-radius: 15px;
}

.sop-card .card-header,
.sop-card {
    background-color: var(--gemba-global-color-secondary);
    overflow: hidden;
}

.sop_ul {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-left: 1rem;
}

.sop_ul li span {
    margin-right: 10px;
}

.sop-section .section-title {
    margin-bottom: 24px;
}

.sop-section .section-title h2 {
    font-size: 24px;
}

@media (max-width: 575.98px) {
    .page-header-wrapper {
        padding: 30px 0 50px;
    }

    .pageTitle h2 {
        font-size: 20px;
    }

    .sop_paragraph,
    .pageTitle p {
        font-size: 14px;
        line-height: 24px;
    }

    .sop-card .card-header h5 {
        font-size: 1rem;
    }

    .sop_ul {
        padding-left: 0;
    }

    .mb-height-auto {
        height: auto !important;
    }

    .pb-3rem-m {
        padding-bottom: 3rem;
    }

    .kanban-img-error {
        text-align: center;
        width: 100%;
        position: relative;
        top: -10px;
    }

    .sop-section {
        padding: 30px 0;
    }

    .sop-section .section-title h2 {
        font-size: 1.125rem;
    }
}


/*Sop Page Design End*/

.erroStyle label.error {
    position: absolute;
    left: 5px;
    bottom: -5px;
}

.rest {
    width: 24px;
    height: 24px;
    text-align: center;
    margin-right: 10px;
}

.setting-form .alert.alert-success.alert_message button.close {
    margin-left: 10px;
}

.ctm-t-paylist {
    background: transparent;
    border: none;
    color: var(--gemba-global-color-primary);
    /* font-family: "Expose-Medium"; */
    font-weight: 500;
    padding: 0;
    text-decoration: underline;
    font-size: 0.75rem;
}

.ctm-t-paylist:focus {
    border: none;
    outline: none;
}

.filter_checkbox {
    display: inline-block;
    position: relative;
    margin-right: 12px;
    line-height: 1.9;
    margin-bottom: 12px;
}

@media (max-width: 575.98px) {
    .filter_checkbox {
        margin-right: 6px;
        margin-bottom: 6px;
    }
}


/*.dash-container #stdops .keyword_section {*/


/*    width: 100%;*/


/*    overflow: hidden;*/


/*    overflow-x: scroll;*/


/*    height: 56px;*/


/*    display: flex;*/


/*}*/

.dash-container #stdops .keyword_section {
    margin: 0 0;
}

#owl-tag-slider .owl-prev {
    position: absolute;
    top: 3px;
    left: -20px;
}

#owl-tag-slider .owl-next {
    position: absolute;
    top: 3px;
    right: -20px;
}

#owl-tag-slider .owl-prev.disabled,
.owl-next.disabled {
    opacity: 0;
}

.filter_checkbox [type="checkbox"]:checked,
.filter_checkbox [type="checkbox"]:not(:checked) {
    opacity: 0;
    position: absolute;
}

.filter_checkbox span {
    background-color: var(--gemba-global-color-secondary);
    color: var(--gemba-global-color-text);
    border-radius: 0.5rem;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 0;
    padding: 5px 15px;
    cursor: pointer;
    text-align: center;
}

.filter_checkbox:hover span {
    background-color: var(--gemba-global-color-text);
    color: #ffffff;
}

.filter_checkbox [type="checkbox"]:checked+span {
    background-color: var(--gemba-global-color-primary);
    color: #fff;
    /*background-image: linear-gradient(-43deg,#3e2afe 0%,#3b7ef7 29%,#3ba4f4 60%,#39f2ed);*/
}


/*.keyword_section {*/


/*    overflow-y: auto;height: 100px;*/


/*}*/

button#button-addon1,
.add_new_button {
    background-color: var(--gemba-global-color-secondary);
    border: none;
    color: var(--gemba-global-color-text);
    line-height: normal;
    padding: 3px 10px;
    margin-left: 2px;
    box-shadow: none !important;
}

button#button-addon2 {
    background-color: var(--gemba-global-color-secondary);
    border: none;
    color: var(--gemba-global-color-text);
    line-height: normal;
    padding: 5px 10px;
}

button#button-addon1:hover,
.add_new_button:hover {
    background-color: var(--gemba-global-color-text);
    color: #ffffff;
}

.btn-primary.add-tags-btn {
    background-color: var(--gemba-global-color-secondary);
    border: none;
    color: var(--gemba-global-color-text);
    line-height: normal;
    padding: 4px 10px;
    margin-left: 2px;
    box-shadow: none !important;
    cursor: pointer;
    white-space: nowrap;
}

.btn-primary.add-tags-btn:hover {
    color: #fff;
    background-color: var(--gemba-global-color-text);
    border-color: var(--gemba-global-color-text);
}
.new_keyword_btn_edit:hover {
    background-color: var(--gemba-global-color-text) !important;
    border-color: var(--gemba-global-color-text) !important;
    color: #fff !important;
}
.new_keyword_btn_edit:hover .ctm-tag-rm{
    color: #fff !important;
}

.add-tags-container input.form-control,
input#keyInput {
    display: none;
    height: calc(1.4em + 0.75rem + 0px);
    width: calc(100%);
    padding-left: 0.75rem;
    box-shadow: none !important;
}

input#keyInput_edit {
    display: none;
    height: calc(1.4em + 0.75rem + 0px);
    width: calc(100%);
    padding-left: 0.75rem;
}

button#button-addon2:focus {
    box-shadow: none;
}

span.ctm-tag-rm {
    padding: 0;
    background-color: transparent !important;
    transition: color 0.15s ease-in-out;
    -webkit-transition: color 0.15s ease-in-out;
    -moz-transition: color 0.15s ease-in-out;
    -ms-transition: color 0.15s ease-in-out;
    -o-transition: color 0.15s ease-in-out;
}

div#inviteEmployee form#formAdd button#button-addon1 {
    padding: 3px 10px;
}

div#inviteEmployeeEdit form#formEdit button#button-addon2 {
    padding: 3px 10px;
}

.th-header {
    border-bottom: none;
}

.th-user .select2-container .select2-selection--single {
    height: 2.375rem;
}

.th-user .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 2.375rem;
}

.th-user .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 36px;
}

.selectFilter.traineeWidth {
    width: 10rem;
}


/* .th-user .select2-container {
    width: 250px !important;
} */

.track-audit-exportdiv {
    width: 60%;
}

.th-sop .select2-container .select2-selection--single {
    height: 2.375rem;
    border: 1.5px solid var(--input-border);
}

.th-sop .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 2.375rem;
}

.th-sop .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 36px;
}


/* .th-sop .select2-container {
    width: 200px !important;
} */

.th-datepicker {
    align-items: center;
    cursor: pointer;
    padding: 9.5px 10px;
    background: #fff;
    border: 1.5px solid var(--input-border);
    max-width: 100%;
    min-width: 230px;
    border-radius: 0.5rem;
    font-size: 14px;
    display: inline-block;
    line-height: normal;
    vertical-align: middle;
}

.track-historylist {
    justify-content: space-between;
}

.th-datepicker i.fas.fa-chevron-down {
    margin-left: 5px;
}

.exportButton {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.5rem;
    background: var(--hover-bg);
}

.exportButton.icon-wrap svg {
    width: 16px;
    height: 16px;
}

@media (max-width: 991.98px) {

    /* .th-user .select2-container,
    .th-sop .select2-container{
        width: 100% !important;
    } */
    .track-audit-exportdiv {
        width: 100%;
        margin-bottom: 10px;
    }

    .selectFilter.traineeWidth {
        width: 7.5rem;
    }
}

@media (max-width: 767.98px) {
    .selectFilter.traineeWidth {
        width: 100%;
        margin-bottom: 0.5rem;
    }
}

@media (max-width: 575.98px) {
    .th-header div#dropdownParent {
        margin-left: 0 !important;
    }
}


/*Why Chooose us page Section*/

.whychoose-content h4 {
    color: #003659;
    font-size: 22px;
    margin-bottom: 1em;
}

.whychoose-content h4.sim-text,
.whychoose-content h4 span {
    text-transform: uppercase;
    background: linear-gradient(to right, #3d31fd -50%, #39dfee 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.whychoose-content p {
    color: #676b75;
    line-height: 1.5em;
    font-weight: 400;
    margin-bottom: 1em;
}

.priceTable {
    border-collapse: separate;
    border-spacing: 1em 0;
    font-size: 14px;
}

.priceTable i {
    font-size: 1.25rem;
}

.priceTable thead tr th:first-child,
.priceTable tbody tr td:first-child {
    text-align: left;
}

.priceTable thead tr th,
.priceTable tbody tr td {
    text-align: center;
    vertical-align: middle;
}

.priceTable thead tr th {
    font-size: 1.5rem;
}

.priceTable thead tr th:first-child {
    font-size: 1rem;
}

.priceTable tbody tr td {
    background-color: #ffffff;
}

.priceTable tbody tr td:first-child {
    /* font-family: "Expose-Medium"; */
    font-weight: 500;
}

.priceTable thead tr th:nth-child(2),
.priceTable tbody tr td:nth-child(2) {
    box-shadow: 0 0.5rem 0.5em rgb(0 0 0 / 40%);
    position: relative;
    z-index: 2;
}

.priceTable thead tr:first-child th:nth-child(2) {
    box-shadow: 0 -0.5rem 0.5em -0.25rem rgb(0 0 0 / 40%), 0 0.5rem 0.5em rgb(0 0 0 / 40%);
}

.priceTable tbody tr td:nth-child(2) i {
    color: var(--gemba-global-color-primary);
}

.priceTable tbody tr td:nth-child(3) i {
    color: #f34e46;
}

.priceTable tbody tr td:nth-child(4) i {
    color: #6a28ea;
}

.table-logo img {
    height: 50px;
    width: 70%;
    object-fit: contain;
}

.gemba-logo {
    background-color: var(--gemba-global-color-primary);
}

.dozuki-logo {
    background-color: #f34e46;
}

.trainul-logo {
    background-color: #6a28ea;
}

.text-small {
    font-size: 0.9rem !important;
    display: block;
    margin-top: 5px;
}

.gemba-logo h2,
.dozuki-logo h2,
.trainul-logo h2 {
    background-color: transparent !important;
    color: #ffffff !important;
    /*border-radius: 40px;*/
    /*padding: 10px 5px;*/
    margin-bottom: 0;
    font-size: 1.45rem;
    /* font-family: "Expose-Bold"; */
    font-weight: 700;
}

.gemba-logo h2 {
    color: var(--gemba-global-color-primary);
}

.dozuki-logo h2 {
    color: #f34e46;
}

.trainul-logo h2 {
    color: #6a28ea;
}

.gemba-logo,
.dozuki-logo,
.trainul-logo {
    border-bottom: 0.5px solid #dee2e6 !important;
}

@media only screen and (max-width: 991px) {

    .gemba-logo h2,
    .dozuki-logo h2,
    .trainul-logo h2 {
        font-size: 1rem;
    }

    .priceTable thead tr th {
        font-size: 1.4rem;
    }
}

@media (max-width: 600px) {
    .table-logo img {
        width: 100;
    }

    .gemba-logo h2,
    .dozuki-logo h2,
    .trainul-logo h2 {
        width: 130px;
    }

    .whychoose-card .card-body.p-5 {
        padding: 1rem !important;
    }

    .priceTable {
        font-size: 0.75rem;
        border-spacing: 0 0;
    }

    .priceTable thead tr th:first-child {
        font-size: 0.75rem;
    }

    .priceTable thead tr th {
        font-size: 1rem;
    }

    .priceTable thead tr th,
    .priceTable tbody tr td {
        box-shadow: none !important;
    }

    .priceTable thead tr th:first-child,
    .priceTable tbody tr td:first-child {
        position: sticky;
        left: 0;
        z-index: 999;
        background-color: #ffffff;
    }

    .priceTable thead tr th:first-child {
        border-bottom: 0;
    }
}

article.dev_readMore {
    max-height: 70px;
    overflow: hidden;
}


/*.text-truncate {
    max-width: 175px;
}*/

.text-truncate_user {
    max-width: 250px;
}

.sticky-header .navbar-nav>li {
    /*max-width: 155px;*/
}

.navbar-default .navbar-nav.main-navigation>li>a {
    width: 100%;
    word-break: break-word;
    display: inline-block;
    white-space: nowrap;
    /* transition: 0.15s ease-in-out;
    -webkit-transition: 0.15s ease-in-out;
    -moz-transition: 0.15s ease-in-out;
    -ms-transition: 0.15s ease-in-out;
    -o-transition: 0.15s ease-in-out; */
}

@media only screen and (max-width: 991px) {}


/*PDF Step CSS Start*/

.pdf-step-2 .image-card,
.pdf-step-4 .image-card {
    border: 0;
    background-color: #e9ecef;
}

.pdf-step-2,
.pdf-step-4 {
    width: 275px;
    max-width: 100%;
    margin: 0 auto;
}

.pdf-step-2 .image-card .stdopImage,
.pdf-step-4 .image-card .stdopImage {
    object-fit: contain;
}

.pdf-step-2 .image-card {
    height: 254px;
}

.pdf-step-4 .image-card {
    height: 128px;
}


/*PDF Step CSS End*/

.no_credit_card_required {
    color: var(--gemba-global-color-primary);
}

.dcd_collapse {
    padding-top: 7px;
    padding-bottom: 2px;
    border-bottom: 1px solid rgba(0, 54, 89, 0.15);
}

.tagTitleList .btn.add_btn {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

@media (max-width: 575.98px) {
    .tagTitleList .btn.add_btn span {
        display: none;
    }
}

.info-icon {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1.5px solid var(--text-muted);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 700;
    color: var(--text-muted);
    cursor: pointer;
    flex-shrink: 0;
    line-height: normal;
}

.infoModalAnchur {
    font-size: 0.75rem;
    color: var(--gemba-global-color-primary);
    margin-left: 0.1rem;
}

.infoModalAnchur .fa-exclamation {
    width: 20px;
    height: 20px;
    border: 1px solid var(--gemba-global-color-primary);
    border-radius: 100%;
    text-align: center;
    line-height: 20px;
    font-size: 0.75rem;
}

.infoModalAnchur:hover .fa-exclamation {
    background-color: var(--gemba-global-color-primary);
    color: #ffffff;
}

.infoModal_btn__div .infoModalAnchur {
    position: absolute;
    right: 1.75rem;
    top: 0;
}

.infoModal_btn__div .documentDetail-title i {
    margin-left: 1.5rem;
}

.createbtn-container.dashboard_add_btn {
    bottom: 30px;
    left: auto;
    z-index: 99;
    width: auto;
    height: 57px;
    padding: 0;
    right: 25px;
    transition: bottom 0.3s ease-in-out;
    -webkit-transition: bottom 0.3s ease-in-out;
    -moz-transition: bottom 0.3s ease-in-out;
    -ms-transition: bottom 0.3s ease-in-out;
    -o-transition: bottom 0.3s ease-in-out;
}

.canvas-open-bottom .createbtn-container.dashboard_add_btn {
    bottom: 84px;
}

.skiptranslate {
    display: none;
}

@media (max-width: 1199.98px) {
    .canvas-open-bottom .createbtn-container.dashboard_add_btn {
        bottom: 140px;
    }
}


/*Invite Employee Modal Start*/

.inviteEmpCard {
    background-color: #dbecfe;
    border-radius: 0.625rem;
    margin-bottom: 1rem;
}

.inviteEmpCard .card-body {
    padding: 1rem 1rem;
}

.emailEnterInput {
    width: calc(100% - 3rem);
}

.inviteModal .dash-form .emailEnterInput input.form-control {
    width: 100%;
}

.deleteEmpBtn {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    padding: 0;
    line-height: 30px;
    font-size: 0.75rem;
    flex-shrink: 0;
}

.inviteEmpCard .form-check-inline .form-check-input {
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.5rem;
    margin-top: 3px;
}


/*Invite Employee Modal End*/

.text-decoration-underline {
    text-decoration: underline;
}

.downloadAppModal .modal-header .close {
    position: absolute;
    right: 1rem;
    outline: 0;
}

.dash__feddbackbtn {
    position: absolute;
    right: 50px;
    bottom: 12px;
}

.dash__feddbackbtn svg {
    width: 30px;
    height: 30px;
}

.dash__feddbackbtn svg [fill="#B5B5C3"] {
    fill: rgba(0, 54, 89, 0.8);
}

.dash__feddbackbtn:hover svg [fill="#B5B5C3"] {
    fill: rgba(0, 54, 89, 1);
}

.dash__feddbackbtn span {
    background: var(--gemba-global-color-primary);
    color: #ffffff;
    border: 1px solid #fff;
    border-radius: 25px;
    min-width: 20px;
    height: 20px;
    display: inline-block;
    padding: 0 3px;
    text-align: center;
    font-size: 10px;
    /* font-family: "Expose-Bold"; */
    font-weight: 700;
    line-height: 20px;
    position: absolute;
    right: -6px;
    top: -10px;
}


/*Checklist CSS Start*/

.range_select2 {
    width: 12.5rem;
    max-width: 100%;
    display: inline-block;
}

.fs-20 {
    font-size: 1.25rem;
}

.dash-titlename.fs-20 {
    font-size: 1rem;
    line-height: normal;
}

@media (max-width: 575.98px) {
    .dash-titlename.fs-20 {
        font-size: 1rem;
    }
}

.card.da-card {
    height: 100%;
    border-radius: 0.5rem;
    box-shadow: 0px 0px 20px 0px rgba(17, 38, 146, 0.1);
    border: 0 !important;
}

.da-card label {
    color: var(--text-primary);
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 0.75rem;
    cursor: pointer;
}

.da-card h5 {
    font-size: 2.25rem;
    /* font-family: "Expose-Medium"; */
    font-weight: 500;
}

.da-card h5 span {
    font-size: 1.25rem;
    /* font-family: "Expose-Medium"; */
    font-weight: 500;
    color: #838486;
}

.text-orange {
    color: var(--gemba-global-color-accent);
}

.da-card .text-dark {
    color: #474747;
}

.card-body.p-20 {
    padding: 1.25rem;
}

.checklist-card {
    border-radius: 0.5rem;
    background: var(--card-bg);
    box-shadow: 0px 10px 13px 0px rgba(17, 38, 146, 0);
    border: 1px solid var(--card-border) !important;
}

.checklist-card h6 {
    font-size: 14px;
    font-weight: 600;
    color: var(--text-primary);
    line-height: 1.4;
}

.checklistDetailList {
    font-size: 0.75rem;
}

.checklistDetailList p label {
    color: var(--text-secondary);
}

.checklistDetailList p span {
    color: var(--text-primary);
    font-weight: 500;
}

.checklist-card h6+p,
.checklist-card h6+p+p {
    color: rgba(0, 54, 89, 0.6);
    font-size: 1rem;
    font-weight: 400;
}

.date-response {
    /* font-size: 0.938rem; */
    /* font-family: "Expose-Medium"; */
    font-weight: 500;
    margin-bottom: 0;
}


/* .checklist-card .drop-a {
    color: var(--gemba-global-color-text);
} */

.checklist-card span.flag-text {
    display: inline-block;
    font-size: 1rem;
    /* font-family: "Expose-Medium"; */
    font-weight: 500;
}

.checklist-card .dropdown-menu {
    border-radius: 0.625rem;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
}

.checklist-card .dropdown-menu .dropdown-item {
    font-size: 15px;
    padding: 0.5rem 1rem;
}

.checklist-card .dropdown-menu .dropdown-item i {
    width: 15px;
    text-align: center;
    margin-right: 5px;
}

@media (max-width: 1399.98px) {
    /* .checklist-card h6 {
        font-size: 1rem;
    } */
    /* .checklist-card p,
    .checklist-card h6 + p,
    .checklist-card h6 + p + p {
        font-size: 0.75rem;
        margin-bottom: 0.75rem;
    }
    .checklist-card p.date-response,
    .checklist-card .date-response {
        font-size: 0.75rem;
        margin-bottom: 0;
    }
    .check-list-num-lang {
        width: calc(100% - 2.5rem);
    } */
}

.check-list-num-lang {
    width: calc(100% - 2rem);
}

.fw-400 {
    /* font-family: "Expose-Regular"; */
    font-weight: 400;
}

.fw-500 {
    /* font-family: "Expose-Medium"; */
    font-weight: 500;
}

.fw-600 {
    /* font-family: "Expose-Medium"; */
    font-weight: 500;
}

.fw-700 {
    /* font-family: "Expose-Bold"; */
    /* font-family: "Expose-Bold"; */
    font-weight: 700;
}

.fs-14 {
    font-size: 0.875rem;
}

.fs-15 {
    font-size: 0.938rem;
}

.fs-16 {
    font-size: 1rem;
}


/*Switch*/

.btn-switch {
    position: relative;
    display: inline-block;
    width: 54px;
    height: 30px;
    margin-bottom: 0;
}

.btn-switch {
    padding-left: 2.25rem;
}

.btn-switch input[type="checkbox"] {
    opacity: 0;
}

.btn-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #b1b1b1;
    border-radius: 34px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.btn-slider:before {
    position: absolute;
    content: "";
    height: 22px;
    width: 22px;
    left: 3px;
    bottom: 4px;
    background-color: white;
    border-radius: 50%;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

input:checked+.btn-slider {
    background-color: #ffffff;
    background-image: linear-gradient(to right, var(--gemba-global-color-primary), var(--gemba-global-color-primary));
}

input:focus+.btn-slider {
    box-shadow: 0 0 1px var(--gemba-global-color-primary);
}

input:checked+.btn-slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}


/*Yes no CSS Start*/

.btn-switch .yesno_span {
    position: absolute;
    color: #ffffff;
    font-size: 13px;
}

.btn-switch .yesno_span.yes_span {
    top: 50%;
    left: 4px;
    transform: translateY(-50%);
    opacity: 0;
}

.btn-switch .yesno_span.no_span {
    top: 50%;
    right: 6px;
    transform: translateY(-50%);
}

.btn-switch.btn-switch-text-outside .yesno_span {
    right: -30px;
    color: var(--text-primary);
    text-transform: uppercase;
    /* font-family: "Expose-Medium"; */
    font-weight: 500;
    top: 7px;
    left: auto;
    transform: unset;
    transition: 0.3s ease-in-out;
}

.btn-switch.btn-switch-text-outside.btn-switch-active .yesno_span {
    right: -5.5rem;
    text-align: left;
    width: 5rem;
}

.btn-switch.btn-switch-text-outside .yesno_span .yes_span {
    opacity: 0;
}

input:checked+.btn-slider .yesno_span.yes_span {
    opacity: 1;
}

input:checked+.btn-slider .yesno_span.no_span {
    opacity: 0;
}

.date-form-control {
    background-image: url(../images/icons/date.svg);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    background-size: 18px 18px;
}

.time-form-control {
    background-image: url(../images/icons/time.svg);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    background-size: 18px 18px;
}

.infoModalAnchur.size-16 .fa-exclamation {
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-size: 7px;
}


/* .infoModal_btn__divnew .documentDetail-title i {
    margin-left: 2rem;
} */

.infoModal_btn__divnew .infoModalAnchur {
    position: absolute;
    right: 12px;
    top: 5px;
}

.mb-10px {
    margin-bottom: 10px;
}

.form-lable.opacity-0 {
    display: block;
    opacity: 0;
}

.custom-checkbox.custom-checkbox-small {
    font-size: 1rem;
    display: inline-flex;
    align-items: center;
    margin-top: 14px;
}

.custom-checkbox-small .custom-control-label::before,
.custom-checkbox-small .custom-control-label::after {
    width: 20px;
    height: 20px;
    top: 2px;
    left: -1.75rem;
}

.custom-checkbox-small .custom-control-input:checked~.custom-control-label::before {
    border-color: #dc3545;
    background-color: #dc3545;
}

.imageDeleteView {
    max-width: calc(100% - 4rem);
}

.imageDeleteView span.text-truncate {
    max-width: none;
}

.modal-content.br-20 {
    border-radius: 20px;
}

.search-bar.checklist-search {
    width: 200px;
}

.search-bar.checklist-search input.form-control {
    min-width: 100%;
}

.checkbox-size20 .custom-control-label::before,
.checkbox-size20 .custom-control-label::after {
    width: 1.25rem;
    height: 1.25rem;
    top: 1px;
    left: -30px;
}

.card.assign-card {
    border-radius: 0.5rem;
    background: #ffffff;
    box-shadow: var(--card-shadow);
    border: 1px solid var(--card-border);
}

.card.assign-card .card-body {
    padding: 10px 20px;
}

.namEmail {
    width: calc(100% - 3rem);
}

.namEmail h5 {
    font-size: 14px;
}

.namEmail p {
    color: rgba(0, 54, 89, 0.8);
    font-size: 0.75rem;
}

.card.assign-card .custom-checkbox {
    padding-left: 0;
}

.card.assign-card .checkbox-size20 .custom-control-label::before,
.card.assign-card .checkbox-size20 .custom-control-label::after {
    top: 2px;
    left: -20px;
    cursor: pointer;
}

.asignlist-height {
    min-height: calc(100vh - 22rem);
}

.rangePickerInput {
    width: 20rem;
    max-width: 100%;
    display: inline-block;
}

.rangePickerInput .form-control {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* height: calc(2rem + 0.5rem + 4px); */
}

.rangePickerInput .form-control span {
    width: calc(100% - 2rem);
    display: inline-block;
}

.card.checklist-point-card {
    border-radius: 4px;
    border: 1px solid rgba(0, 54, 89, 0.2) !important;
    height: 100%;
}

.card.checklist-point-card .card-body {
    padding: 1rem;
}

.points-label {
    font-size: 14px;
    color: rgba(0, 54, 89, 0.6);
    font-weight: 400;
}

.points-title {
    color: var(--text-primary);
    font-size: 1rem;
    /* font-family: "Expose-Medium"; */
    font-weight: 500;
    margin-bottom: 0;
}

.cpc-card {
    position: relative;
    width: 100%;
    padding-top: 68%;
}

.cpc-card-body {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.cpc-card-body .removeButton {
    position: absolute;
    top: 10px;
    right: 10px;
}

.removeButton:hover svg [fill="white"] {
    fill: #dc3545;
}

.removeButton:hover svg [fill="#DC3545"] {
    fill: #ffffff;
}

.cpc-card-body .point-half-img {
    position: relative;
    width: 100%;
    padding-top: 38.75%;
}

.cpc-card-body .point-half-img.point-half__4img {
    border-radius: 4px;
    border: 1px solid #979797;
    padding-top: 28%;
    margin-bottom: 5px;
}

.point-half-img+h5 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: normal;
}

@media (max-width: 1399.98px) {
    .point-half-img+h5.fs-20 {
        font-size: 1.125rem;
    }
}

.obj-fit-cover {
    object-fit: cover;
}

.yesnoBox.squareBox {
    width: 150px;
    height: 100px;
    background: var(--gemba-global-color-primary);
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    /* font-family: "Expose-Medium"; */
    font-weight: 500;
    text-transform: uppercase;
}

.noBox.squareBox {
    width: 150px;
    height: 100px;
    background: red;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    /* font-family: "Expose-Medium"; */
    font-weight: 500;
    text-transform: uppercase;
}

.text-dark-light {
    color: rgba(0, 54, 89, 0.6);
    font-weight: 400;
}

.newFormModal.dash-form input.form-control {
    padding-left: 2.5rem;
}

.email-group .inleft-icon,
.profile__group .inleft-icon {
    top: 8px;
    left: 12px;
}

.point-container {
    width: 760px;
    max-width: 100%;
    margin: 0 auto;
}

.card.point-card {
    border-radius: 4px;
    border: 1px solid rgba(0, 54, 89, 0.2) !important;
}

.card.point-card .card-body {
    padding: 20px;
}

.point-card .points-label {
    font-size: 1rem;
}

.point-card .points-title {
    font-size: 24px;
}

.uploadDragBox {
    position: relative;
    width: 100%;
    max-width: 720px;
    padding-top: 67.64%;
    border: 1px dashed var(--gemba-global-color-primary);
}

.uploadcard-body,
.point2ImgBox-body {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.upload_btn.cls_upload_image {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--blue);
    cursor: pointer;
    padding: 6px 14px;
    border-radius: 6px;
    border: 1.5px solid var(--blue);
    text-decoration: none;
    background: transparent;
    display: inline-block;
    transition: background 0.15s;
}

.uploadDragBox.formUploadBox {
    flex: 1;
    border: 1.5px dashed var(--input-border);
    border-radius: 10px;
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    cursor: pointer;
    transition: border-color 0.15s, background 0.15s;
    padding: 0;
    min-height: 0;
    position: relative;
    width: 100%;
    max-width: 720px;
    padding-top: 67.64%;
}

.point2ImgBox {
    width: 100%;
    max-width: 720px;
    position: relative;
    padding-top: 37.08%;
    border-radius: 4px;
    border: 1px solid #979797;
}

.point2ImgBox-body {
    padding: 6px;
}

.obj-fit-contain {
    object-fit: contain;
}

.videoBox__div {
    width: 9.375rem;
    height: 6.25rem;
    position: relative;
    background-color: #f3f3f3;
}

.video_play_btn {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 100%;
    z-index: 1;
}

@media (max-width: 991.98px) {
    .custom-checkbox.custom-checkbox-small {
        margin-top: 0;
    }

    .uploadcard-body svg[width="56"][height="56"] {
        width: 35px;
        height: 35px;
    }

    .da-card label.mb-custom-0 {
        margin-bottom: 0;
    }

    .card.da-card .card-body.p-20 {
        text-align: center;
    }

    .ipad-mob-none {
        display: none !important;
    }

    .w-md-100 {
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    .dropdown-only-desktop {
        display: none !important;
    }
}

@media (max-width: 575.98px) {
    .range_select2 {
        width: 100%;
    }

    .search-bar.checklist-search {
        width: 100%;
    }

    .rangePickerInput {
        width: 100%;
    }

    .rangePickerInput.sopAnalyticsDatePicker {
        width: calc(100% - 2.125rem);
    }

    .rangePickerInput.sopAnalyticsDatePicker+.dashSquareBtn {
        width: 2.125rem;
        height: 2.125rem;
    }

    /*    .uploadDragBox.uploadDragBox_point2{
            padding-top: 50%;
        }*/
    .point-card .points-label {
        font-size: 13px;
    }

    .point-card .points-title {
        font-size: 1.125rem;
    }

    .uploadedRemove {
        right: 10px;
        top: 10px;
    }

    .uploadedRemove svg[width="55"][height="55"] {
        width: 30px;
        height: 30px;
    }

    .yesnoBtn .btn-primary {
        width: 100px;
        height: 100px;
        font-size: 20px;
    }

    .noBtn .btn-primary {
        width: 100px;
        height: 100px;
        font-size: 20px;
    }

    .switch-row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -10px !important;
        margin-left: -10px !important;
    }

    .switch-row li {
        margin-right: 0 !important;
        padding-right: 10px;
        padding-left: 10px;
    }

    .switch-row li:nth-child(1),
    .switch-row li:nth-child(3) {
        -ms-flex: 0 0 45%;
        flex: 0 0 45%;
        max-width: 45%;
    }

    .switch-row li:nth-child(2),
    .switch-row li:nth-child(4) {
        -ms-flex: 0 0 55%;
        flex: 0 0 55%;
        max-width: 55%;
    }

    .card.da-card .card-body.p-20 {
        padding: 1.25rem 0.5rem;
        text-align: center;
    }

    .da-card label {
        font-size: 0.75rem;
    }

    .da-card h5 {
        font-size: 1.875rem;
    }

    .da-card h5 span {
        font-size: 1rem;
    }

    .row.checklist-row {
        margin-right: -8px;
        margin-left: -8px;
    }

    .row.checklist-row .col-lg-4,
    .row.checklist-row .col-6 {
        padding-right: 8px;
        padding-left: 8px;
    }

    .checklist-row .da-card .card-body.flex-sm-column label.fw-normal {
        margin-bottom: 0;
    }

    /* .btn.dash-btn.createFolderBtn {
        font-size: 14px;
        padding: 5px 10px;
        min-width: auto;
    } */
}

@media (min-width: 576px) {
    .modal-size480 .modal-dialog {
        max-width: 480px;
    }

    .modal-size460 .modal-dialog {
        max-width: 460px;
    }

    .modal-size420 .modal-dialog {
        max-width: 420px;
    }

    .search-bar.checklist-search.folderpage-search {
        width: 20rem;
    }
}

@media (min-width: 1200px) {
    .check-response-row .col-xl-3 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}

@media (min-width: 1400px) {
    .check-response-row .col-xl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}


/*Checklist CSS End*/

@media (max-width: 575.98px) {
    .cropModal h5.modal-title {
        font-size: 1rem;
    }

    .cropModal .crop_section_btn .btn {
        width: 2rem;
        height: 2rem;
        padding: 0;
        font-size: 0.75rem;
    }
}


/*New Points Add Design*/

.card.points__card,
.card.points__card_view {
    border: 1px solid var(--input-border);
    box-shadow: 0 2px 8px rgba(6, 121, 255, 0.07);
    border-radius: 10px;
}

.card.points__card_view>.card-body {
    padding: 10px 20px;
}

.queImgBox {
    width: 25rem;
    max-width: 100%;
    position: relative;
    padding-top: 65%;
    border-radius: 4px;
}

.queImgBox-body {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.uploadDragBox.uploadDragBox_point2 {
    padding-top: 55%;
}

.uploadDragBox.uploadDragBox100.uploadDragBox_point2 {
    padding-top: 100%;
}

.uploadedRemove {
    position: absolute;
    right: 10px;
    top: 10px;
}

.que-img-column:nth-last-child(odd) {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.yesnoBtn .btn-primary {
    width: 150px;
    height: 100px;
    max-width: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    border-radius: 0;
    background: var(--gemba-global-color-secondary);
    border: 0;
    color: var(--gemba-global-color-text);
    /* font-family: "Expose-Medium"; */
    font-weight: 500;
}

.yesnoBtn input.btn-check:checked+.btn-primary {
    background: var(--gemba-global-color-primary);
    color: #ffffff;
}

.yesnoBtn input#option2.btn-check:checked+.btn-primary,
.yesnoBtn input.step_status_2.btn-check:checked+.btn-primary {
    background: #dc3545;
}

.yesnoBtn input.btn-check {
    position: absolute;
    opacity: 0;
}

.noBtn .btn-primary {
    width: 150px;
    height: 100px;
    max-width: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    border-radius: 0;
    background: var(--gemba-global-color-secondary);
    border: 0;
    color: var(--gemba-global-color-text);
    /* font-family: "Expose-Medium"; */
    font-weight: 500;
}

.noBtn input.btn-check:checked+.btn-primary {
    background: red;
    color: #ffffff;
}

.noBtn input.btn-check {
    position: absolute;
    opacity: 0;
}

.points__card .form-control-lg {
    font-size: 1rem;
}

.points__card .form-control-lg::-moz-placeholder {
    color: var(--text-primary);
    opacity: 1;
    font-size: 14px;
}

.points__card textarea.form-control-lg::placeholder {
    color: var(--text-primary);
    opacity: 1;
    font-size: 14px;
}

.question_view_image {
    width: 9.375rem;
    height: 6.25rem;
    background-color: #f3f3f3;
    border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    -ms-border-radius: 0.5rem;
    -o-border-radius: 0.5rem;
}

.question_view_image.obj-fit-cover {
    object-fit: contain;
}

.verticalLine {
    background-color: var(--card-border);
    width: 1px;
    height: 100%;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
}

@media (max-width: 991.98px) {
    .points__card.h-100 {
        height: auto !important;
    }

    .verticalLine {
        width: 100%;
        margin: 0 auto;
        height: 1px;
        right: 0;
        position: relative;
    }
}

@media (max-width: 767.98px) {}

@media (max-width: 575.98px) {
    .queImgBox {
        padding-top: 55%;
    }

    .verticalLine+label+a.d-inline-block,
    .mobile-img-100 a.d-inline-block,
    .question_view_image {
        width: 100%;
        object-fit: cover !important;
    }

    .videoBox__div {
        width: 100%;
        height: 11.25rem;
    }

    .yesnoBox.squareBox {
        margin: 0 auto;
    }

    .noBox.squareBox {
        margin: 0 auto;
    }
}


/*Subscription Page CSS Start*/

.card.checklist-pricing-card {
    border-radius: 10px;
    border: 1px solid #E0ECF8;
    box-shadow: 0 2px 8px rgba(6, 121, 255, 0.07), 0 1px 2px rgba(0, 54, 89, 0.04);
}

.card.checklist-pricing-card .card-body {
    padding: 1rem;
}

.fb__title {
    font-size: 13px;
    font-weight: 600;
}

.checklist-pricing-card .btn-primary.btn-lg {
    font-size: 1rem;
    width: 14rem;
    max-width: 100%;
    padding: 0.5rem 1rem;
    margin-bottom: 0.5rem;
}

.addedPlantext {
    color: #169c00;
    /* font-family: "Expose-Medium"; */
    font-weight: 500;
    font-size: 1.25rem;
}

.addedPlantext svg[width="17"][height="18"] {
    width: 1.063rem;
    height: 1.125rem;
    vertical-align: -0.188rem;
}

.btn-outline-danger.removePlanBtn {
    font-size: 1rem;
    border-radius: 0.25rem;
    margin-bottom: 0.5rem;
    padding: 0.75rem 1rem;
    width: 100%;
}

.checklist-pricing-card .card-body ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 1rem;
}

.checklist-pricing-card .card-body ul li {
    color: #171717;
    font-size: 0.875rem;
    margin-left: 0;
    padding-left: 1.5rem;
    margin-bottom: 0.5rem;
    position: relative;
    display: inline-block;
}

.checklist-pricing-card .card-body ul li:before {
    content: "";
    background-image: url(../images/checkicon.svg);
    background-repeat: no-repeat;
    background-size: 1rem;
    width: 1rem;
    height: 1rem;
    position: absolute;
    top: 0.125rem;
    left: 0;
    opacity: 0.6;
    transition: 0.3s all;
}

.checklist-pricing-card,
.pricing-card:hover .card-body ul li:before {
    opacity: 1;
}

.checklist-pricing-card .card-body ul li:last-child {
    margin-bottom: 0;
}

.priceDiscount_text {
    font-size: 1rem;
}

.custom-tooltip.bs-tooltip-bottom .arrow::before {
    border-bottom-color: var(--gemba-global-color-primary);
}

.tooltip.custom-tooltip .tooltip-inner {
    background-color: var(--gemba-global-color-primary);
}

.fs-26 {
    font-size: 1.625rem;
}

.sub__remove {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 1;
}

@media (max-width: 575.98px) {
    .checklist-pricing-card .card-body ul {
        grid-template-columns: 1fr;
        gap: 0 1rem;
    }

    .fs-26 {
        font-size: 1.5rem;
    }

    .checklist-pricing-card .btn-primary.btn-lg {
        width: 100%;
        font-size: 1rem;
        padding: 0.75rem 1rem;
    }
}

.text-color-gray {
    color: gray;
}


/*Subscription Page CSS End*/


/*Days Checkbox Design*/

.daysCustomCheckbox input.form-check-input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.daysCustomCheckbox .form-check-label {
    width: 2.375rem;
    height: 2.375rem;
    background-color: #b1b1b1;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.875rem;
    cursor: pointer;
}

.daysCustomCheckbox input.form-check-input:checked+.form-check-label {
    background-color: var(--gemba-global-color-primary);
    color: #ffffff;
}

.daysCustomCheckbox .form-check-inline {
    margin-right: 0.25rem;
    margin-bottom: 0;
}

@media (max-width: 1399.98px) {
    .daysCustomCheckbox {
        margin-top: 5px;
    }

    .daysCustomCheckbox .form-check-label {
        width: 30px;
        height: 30px;
        font-size: 0.75rem;
    }

    .daysCustomCheckbox .form-check-inline {
        margin-right: 0.05rem;
    }
}

@media (max-width: 575.98px) {
    .daysCustomCheckbox {
        margin-top: 0;
    }
}


/*Days Checkbox Design*/


/*Checklist Dashboard Tabs CSS Start*/

.checklist-tabs .nav-tabs .nav-link {
    border: 0;
    margin: 0;
    border-bottom: 2px solid var(--gemba-global-color-secondary);
    transition: all 0.15s ease-in-out;
    font-size: 1rem;
    /* font-family: "Expose-Medium"; */
    font-weight: 500;
    color: var(--gemba-global-color-text);
    padding: 0.5rem 0.25rem;
}

.checklist-tabs .nav-tabs .nav-link.active {
    border-color: var(--gemba-global-color-primary);
    color: var(--gemba-global-color-primary);
    background-color: var(--hover-bg);
}

.checklist-tabs.matrixTraining-tabs .nav-tabs .nav-link {
    border: 0 !important;
    width: 100%;
    height: 100%;
}

.checklist-tabs.cl__tabs .nav-tabs .nav-link {
    display: block;
}

.checklist-tabs.cl__tabs .nav-tabs .nav-item a::after {
    content: "";
    height: 2px;
    position: absolute;
    width: 100%;
    background-color: transparent;
    left: 0;
    bottom: 0;
}

.checklist-tabs .nav-tabs a.active::after {
    background-color: var(--gemba-global-color-primary) !important;
}
.matrix-main-tabs .badge-course-new {
    background-color: var(--gemba-global-color-accent);
    color: var(--surface);
    font-size: 10px;
    font-weight: 700; 
    padding: 2px 6px; 
    border-radius: 4px; vertical-align: middle; line-height: 1.2;
        margin-bottom: 5px;
        display: inline-block;
}
@media (max-width: 991.98px) {
    .checklist-tabs.matrixTraining-tabs .nav-tabs .nav-link.nav-matrix-item{
        display: flex;
        flex-direction: column;
        justify-content: center;
                font-size: 11px;
    }
    .checklist-tabs.matrixTraining-tabs .nav-tabs .nav-link.nav-matrix-item span + span {
                font-size: 0.75rem;
        font-weight: 700;
    }
    .matrix-main-tabs .badge-course-new{
       display: none;
    }
}
@media (max-width: 575.98px) {
    .checklist-tabs .nav-tabs .nav-link {
        font-size: 13px;
    }
    .matrix-main-tabs{
        margin-left: -15px;
    margin-right: -15px;
    }
    .matrix-main-tabs .row.nav-tabs{
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
    }
    .checklist-tabs.matrix-main-tabs .nav-tabs .nav-link {
        padding: 0.5rem 1rem;
    }
}


/*Checklist Dashboard Tabs CSS End*/

.lh-0 {
    line-height: 0 !important;
}

.lh-normal {
    line-height: normal !important;
}

.thumnailImgSquare {
    width: 100px;
    height: 70px;
    border-radius: 4px;
    border: 1px solid rgba(0, 54, 89, 0.2);
    position: relative;
    display: inline-block;
    overflow: hidden;
}

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

.text-warning {
    color: var(--gemba-global-color-accent) !important;
}

.stepsPdf__custom {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 1rem;
}

@media (max-width: 1499.98px) {
    .stepsPdf__custom {
        width: 100%;
    }

    .radio__btn_custom .form-check-inline {
        margin-right: 0;
    }
}

.border__line {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
}

.select2-selection__rendered .border__line {
    margin-top: -3px;
}

.select2-container--default .borderWidthDropdown .select2-results>.select2-results__options {
    max-height: 220px;
}

@media (min-width: 1200px) {
    .col-xl-2.desktop-column {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}

@media (min-width: 1600px) {
    .col-xl-2.desktop-column {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
}

@media (max-width: 767.98px) {
    .button__mobile {
        flex-wrap: wrap;
        justify-content: center !important;
    }

    .createMatrix__buttons .btn.dash-btn.pre_view_btn,
    .add-dash-title .btn.dash-btn.idBtnSaveAsDraft {
        width: 100%;
        order: 1;
        margin-bottom: 10px !important;
    }

    .add-dash-title .btn.dash-btn.idBtnAdd {
        width: 48%;
        margin-bottom: 0 !important;
        order: 3;
    }

    .add-dash-title .btn.dash-btn {
        order: 2;
        margin: 0px 3px !important;
    }
    .viewChecklistAction .btn.dash-btn {
         margin: 3px 3px !important;
    }
}
@media (max-width: 575.98px) {
    .viewChecklistAction .btn.dash-btn {
        margin: 3px 0 !important;
    }
}
.company__Card {
    box-shadow: 0px 12px 20px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.company__Card .checkmark {
    top: 50%;
    transform: translateY(-50%);
    left: 0.5rem;
}

.company__Card .custom-radio {
    padding-left: 45px !important;
}

.company__Card .checkmark+.borderSpan {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    border: 1px solid transparent;
}

.company__Card .custom-radio input:checked~.checkmark+.borderSpan {
    border-color: #2196f3;
}

@media (max-width: 575.98px) {
    .stepInfoTitle.fs-4 {
        font-size: 1.5rem;
    }

    .setting__stdops-card h5.h5 {
        font-size: 1rem;
    }

    .setting__stdops-card .card-body p {
        font-size: 0.875rem;
    }
}

.passwordShowHide input.form-control {
    padding-right: 3rem;
}

.passwordShowHide .btn {
    box-shadow: none !important;
}

.passwordShowHide .btn i {
    color: gray;
}


/* @media (min-width: 1200px) {
    .col-xl-4.customColumnWidth{
        -ms-flex: 0 0 27.333333%;
        flex: 0 0 27.333333%;
        max-width: 27.333333%;
    }
} */


/* Dashboard New Design Changes  Start*/

.dashSquareBtn {
    width: 2.125rem;
    height: 2.125rem;
    min-width: 2.125rem;
    position: relative;
    display: grid;
    place-items: center;
    padding: 0;
}

.dashSquareBtn.dashSquareCountBtn {
    width: auto;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    min-width: 2.125rem;
    justify-content: center;
    padding: 0 3px;
}

.dashSquareBtn.dashSquareBtn-40 {
    width: 2.5rem;
    height: 2.5rem;
    min-width: 2.5rem;
}

.dashSquareBtn.dashSquareBtn-30 {
    width: 1.875rem;
    height: 1.875rem;
    min-width: 1.875rem;
}

.btn-outline-secondary.dashSquareBtn {
    color: var(--text-secondary);
    border-color: transparent;
    box-shadow: none !important;
}

.btn-outline-secondary.dashSquareBtn.active {
    background-color: var(--gemba-global-color-text) !important;
    color: #ffffff;
    border-color: var(--gemba-global-color-text) !important;
}

.view-toggle .btn-outline-secondary.dashSquareBtn {
    background-color: var(--hover-bg);
}

.btn-outline-secondary.dashSquareBtn.active:hover {
    background-color: var(--gemba-global-color-text) !important;
    border-color: var(--gemba-global-color-text) !important;
}

.view-toggle .btn:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.view-toggle .btn:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-outline-secondary.dashSquareBtn svg {
    overflow: visible;
    transition: 0.15s ease-in-out;
    -webkit-transition: 0.15s ease-in-out;
    -moz-transition: 0.15s ease-in-out;
    -ms-transition: 0.15s ease-in-out;
    -o-transition: 0.15s ease-in-out;
}

.btn-outline-secondary.dashSquareBtn svg path[fill="#384355"] {
    fill: var(--text-secondary);
}

.btn-outline-secondary.dashSquareBtn:hover,
.btn-outline-secondary.dashSquareBtn[aria-expanded="true"] {
    background-color: var(--hover-bg) !important;
    color: var(--text-primary);
    border-color: var(--hover-bg) !important;
}

.btn-outline-secondary.dashSquareBtn:active,
.dashSquareBtn.dashSquareCountBtn.active {
    background-color: var(--gemba-global-color-text) !important;
    color: #ffffff;
    border-color: var(--gemba-global-color-text) !important;
}

.btn-outline-secondary.dashSquareBtn:active svg path[fill="#384355"],
.btn-outline-secondary.dashSquareBtn:hover svg path[fill="#384355"],
.dashSquareBtn.dashSquareCountBtn.active svg path[fill="#384355"],
.btn-outline-secondary.dashSquareBtn[aria-expanded="true"] svg path[fill="#384355"] {
    fill: var(--text-primary);
}

.btn-outline-secondary.dashSquareBtn.active svg path[fill="#384355"] {
    fill: #ffffff;
}

.dashSquareBtn .spinner-border {
    top: auto;
}

.dashSquareBtn.stepDescriptionDropdown {
    width: 1.75rem;
    height: 1.75rem;
    min-width: 1.75rem;
    padding: 0;
}

.btn-outline-secondary.dashSquareBtn.stepDescriptionDropdown svg {
    width: 4px;
}
.btn-outline-primary.dashSquareBtn:hover svg path[fill="#0679FF"]{
    fill: #ffffff;
}
.translateTextSpan span,
.translateTextSpan span a {
    vertical-align: middle;
}

.dropLabel {
    font-size: 0.75rem;
    color: #b1b1b1;
}

.filterCheckbox {
    margin-bottom: 0.5rem;
    cursor: pointer;
}

.filterCheckbox:last-child {
    margin-bottom: 0;
}

.filterCheckbox svg {
    position: absolute;
    left: 0;
    top: 4px;
}

.filterCheckbox svg path {
    transition: all 0.25 ease-in-out;
    -webkit-transition: all 0.25 ease-in-out;
    -moz-transition: all 0.25 ease-in-out;
    -ms-transition: all 0.25 ease-in-out;
    -o-transition: all 0.25 ease-in-out;
}

.filterCheckbox input[type="checkbox"]:checked+svg path {
    fill: var(--gemba-global-color-primary);
}

.filterCheckbox .opacity-0 {
    opacity: 0;
    z-index: 1;
}

.filterCheckbox .form-check-label {
    font-size: 0.875rem;
    color: #384355;
    cursor: pointer;
    word-break: break-word;
    vertical-align: text-bottom;
}

.clearDataBtn,
.clearMoreOptionBtn {
    line-height: 0;
    right: -0.25rem;
    top: -0.25rem;
}

.filterCheckbox input[type="radio"]+svg path {
    fill: #384355;
}

.filterCheckbox input[type="radio"]+svg circle {
    opacity: 0;
}

.filterCheckbox input[type="radio"]:checked+svg path {
    fill: var(--gemba-global-color-primary);
}

.filterCheckbox input[type="radio"]:checked+svg circle {
    opacity: 1;
}

.filterCheckbox input[type="radio"]:checked+svg circle {
    fill: var(--gemba-global-color-primary);
}

.sortyByDropdown .dropdown-menu {
    min-width: 11rem;
}

.grisList-btn {
    border: 1px solid #384355;
    border-radius: 0.25rem;
}

.grisList-btn .btn-outline-primary {
    border: 0;
    width: 2.625rem;
    height: 2.625rem;
    box-shadow: none !important;
    border-radius: 0.18rem !important;
    -webkit-border-radius: 0.18rem !important;
    -moz-border-radius: 0.18rem !important;
    -ms-border-radius: 0.18rem !important;
    -o-border-radius: 0.18rem !important;
}

.grisList-btn .btn-outline-primary:active {
    background-color: #ffffff;
}

.grisList-btn .btn-outline-primary:hover {
    background-color: var(--gemba-global-color-text);
}

.grisList-btn .btn-outline-primary.active {
    background-color: var(--gemba-global-color-primary) !important;
}

.grisList-btn .btn-outline-primary:hover svg path,
.grisList-btn .btn-outline-primary.active svg path {
    fill: #ffffff;
}

.filteractionDropdown .dropdown-menu {
    max-height: 22rem;
    overflow-y: auto;
    min-width: max-content;
    border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    -ms-border-radius: 0.5rem;
    -o-border-radius: 0.5rem;
}

.filteractionDropdown.filter__dropdown .dropdown-menu {
    min-width: 40rem;
    max-height: none;
}

.ataFilterDropdown .row .col-sm-3 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.filteractionDropdown.filter__dropdown .dropdown-menu.ataFilterDropdown {
    min-width: 30.5rem;
}

.ataFilterDropdown .filterTagRow {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0 1rem;
}

.btn-primary.dashSquareBtn.sop_export {
    background-color: var(--gemba-global-color-primary);
    border-color: var(--gemba-global-color-primary);
}

.btn-primary.dashSquareBtn.sop_export:hover {
    background-color: var(--gemba-global-color-text);
    border-color: var(--gemba-global-color-text);
}

@media (min-width: 992px) {
    .filteractionDropdown.filter__dropdown .dropdown-menu {
        min-width: 40rem;
    }
    .filteractionDropdown.filter__dropdown .dropdown-menu.filter-tag,
    .filteractionDropdown.filter__dropdown .dropdown-menu.filter-site{
        min-width: 51rem;
    }
    .filteractionDropdown.filter__dropdown .dropdown-menu.filter-tag.filter-site{
        min-width: 58rem;
    }
    .kanban-filter-drop.filteractionDropdown.filter__dropdown .dropdown-menu.filter-tag,
    .kanban-filter-drop.filteractionDropdown.filter__dropdown .dropdown-menu.filter-tag.filter-site{
        min-width: 40rem;
    }
    .filteractionDropdown.filter__dropdown .dropdown-menu.filter-tag .col-lg-9.main-filter-column,
    .filteractionDropdown.filter__dropdown .dropdown-menu.filter-site .col-lg-9.main-filter-column{
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .filteractionDropdown.filter__dropdown .dropdown-menu.filter-tag .col-lg-3.main-filter-column,
    .filteractionDropdown.filter__dropdown .dropdown-menu.filter-site .col-lg-3.main-filter-column{
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .my-filter-row .my-fl-col{
        -ms-flex: 1 1 0;
        flex: 1 1 0;
        max-width: none;
    }
}

@media (max-width: 1599.98px) {
    .dashSquareBtn.dashSquareCountBtn {
        min-width: 2.125rem;
        padding: 0 3px;
        width: auto;
    }

    .btn.dash-btn.folderInsideBtn {
        font-size: 14px;
        padding: 0.45rem 0.75rem;
    }
}
@media (max-width: 991.98px) {
    .filteractionDropdown.filter__dropdown .dropdown-menu {
        position: fixed !important;
        transform: unset !important;
        bottom: 0;
        height: 100%;
        max-height: unset !important;
        right: 0;
        left: 0 !important;
        top: 4rem !important;
        min-width: unset;
        width: 100%;
    }
    .h100_mob {
        height: calc(100% - 4.5rem);
        max-height: 100% !important;
    }
    .filter-device-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(32%, 1fr));
        gap: 0 9px;
    }
}
@media (max-width: 767.98px) {

    .dashSquareBtn.dashSquareCountBtn {
        min-width: 2.125rem;
        padding: 0 3px;
        width: auto;
    }

    .dashSquareBtn svg {
        width: 13px;
        height: 13px;
    }

    .btn.dash-btn.folderInsideBtn {
        font-size: 14px;
        padding: 0.34rem 0.75rem;
    }
    /* .filteractionDropdown.filter__dropdown .dropdown-menu{
            min-width: 35rem;
    } */
}

@media (max-width: 575.98px) {
    .trainingAssociateModal .filteractionDropdown.position-relative {
        position: unset !important;
    }

    

    .filteractionDropdown.filter__dropdown .dropdown-menu.ataFilterDropdown {
        position: absolute !important;
        transform: translateX(0) !important;
        height: auto;
        left: 0 !important;
        top: auto !important;
        max-height: none;
        bottom: auto !important;
        right: auto;
        min-width: 100%;
        -webkit-transform: translateX(0) !important;
        -moz-transform: translateX(0) !important;
        -ms-transform: translateX(0) !important;
        -o-transform: translateX(0) !important;
    }

    .ataFilterDropdown .filterTagRow {
        grid-template-columns: repeat(2, 1fr);
    }

    

    .ataFilterDropdown .h100_mob {
        max-height: 20rem !important;
    }

    .trainingAssociateModal .modal-footer .m-0 {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .trainingAssociateModal .modal-footer .m-0.addNewAssociate {
        justify-content: center;
    }

    .btn.btn-outline-primary.sop_request_btn {
        line-height: 1.4;
        font-size: 0.75rem;
        margin-bottom: 0 !important;
        margin-left: 0.5rem;
    }

    .dashSquareBtn,
    .filter_sort_by_section .dashSquareBtn,
    .dashSquareBtn.gembaSopSearchBtn,
    .btn-outline-secondary.dashSquareBtn.gembaSearchBtn {
        width: 2rem;
        height: 2rem;
        min-width: 2rem;
        padding: 0;
    }

    .dashSquareBtn.dashSquareCountBtn {
        min-width: 2.25rem;
    }

    .dashSquareBtn svg {
        width: 13px;
        height: 13px;
    }
}

.fullWidthColumn.list-column {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.sopDetailList li {
    margin-top: 0.5rem;
    display: block;
}

.sopDetailList.foldersopDetailList li {
    margin-top: 0;
}

.grid-column .sopDetailList li {
    margin-top: 0.375rem;
}

.grid-column .sopDetailList li:last-child {
    width: calc(100% - 6rem);
}


/* .grid-column .sopDetailList li:first-child{
    margin-top: 0;
} */

.fullWidthColumn.list-column .sopDetailList.kanbanDetailList.pr-5 {
    padding-right: 6.5rem !important;
}

.sopDetailList li div {
    font-size: 0.75rem;
}

.sopDetailList li div label {
    color: var(--text-secondary);
}

.sopDetailList li div.text-dark {
    color: var(--gemba-global-color-text) !important;
}

.list-column .sopDetailList li {
    display: block;
    margin-right: 0;
    min-width: 0;
}

.list-column .sopDetailList li:last-child {
    margin-right: 0;
}

.fullWidthColumn.list-column .sopDetailList {
    display: flex;
    flex-wrap: wrap;
    gap: 0rem 1.5rem;
    align-items: start;
}

.fullWidthColumn.list-column .sopDetailList li {
    flex: 1 1 160px;
    min-width: 140px;
    max-width: 100%;
    box-sizing: border-box;
}
.fullWidthColumn.list-column .sopDetailList li.siteList,
.fullWidthColumn.list-column .sopDetailList li.folderList {
    flex: 1 1 100px;
    min-width: 80px;
    max-width: 100%;
}
.fullWidthColumn.list-column .sopDetailList li.tagsList {
    flex: 1 1 210px;
    min-width: 190px;
    max-width: 100%;
}
.fullWidthColumn.list-column .sopDetailList li div {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fullWidthColumn.list-column .sopDetailList li.tagsList div {
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
}

.fullWidthColumn.list-column .tags-wrapper,
.fullWidthColumn.list-column .tags-wrapper .tags-short,
.fullWidthColumn.list-column .tags-wrapper .tags-full {
    white-space: normal;
}

.list-column li.tagsList{
    min-width: 216px;
}
/* .list-column .stdops-card a.stdops_anchur h5 {
    font-size: 24px;
} */


/* .list-column .stdops-card a.stdops_anchur h5 .sopname_a_tick{
    width: 1.5rem;
    height: 1.5rem;
} */

.list-column .stdops-card a.stdops_anchur .video-sop-icon {
    /* top: 4px;
    margin-right: 6px; */
    width: 24px;
    height: 24px;
}


/* a.stdops_anchur h5 span {
    font-size: 1rem !important;
} */

.kanban_record .fullWidthColumn.list-column .stdops-card .card-body {
    padding: 0;
}

.kanban_record .fullWidthColumn.list-column .stdops-card .card-body .stdops_anchur>.d-flex {
    align-items: center;
}

.sopCheckboxReview {
    right: 16px;
    bottom: 20px;
    line-height: 0;
}

.sopCheckboxReview input[type="checkbox"] {
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.sopCheckboxReview input[type="checkbox"]+svg {
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
}

.sopCheckboxReview.bulk-edit-sop input[type="checkbox"]+svg {
    opacity: 1;
}

.sopCheckboxReview input[type="checkbox"]:checked+svg path {
    fill: var(--gemba-global-color-primary);
}

.stdops-card:hover .sopCheckboxReview svg,
.sopCheckboxReview input[type="checkbox"]:checked+svg {
    opacity: 1;
}

/* .list-column .created_by_span {
    width: auto !important;
} */

.fullWidthColumn.list-column svg.folderIcon {
    width: 50px;
    height: 50px;
}

.list-view-printed-flag {
    right: 24px;
    bottom: 20px;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.fullWidthColumn.list-column .sopImg {
    height: 65px;
    max-height: 65px;
    vertical-align: middle;
}

.fullWidthColumn.list-column .sopImg img {
    max-height: 65px !important;
    margin-top: 0 !important;
}


/* .fullWidthColumn.list-column .sopCheckboxReview {
    right: 24px;
    bottom: 20px;
} */


/* .fullWidthColumn.list-column .dash__feddbackbtn {
    right: 58px;
} */

.fullWidthColumn.list-column .thumnailSopOn .sopDetailList {
    width: calc(100% - 110px);
}

.fullWidthColumn.list-column .w-100.withoutThumbWidth .sopDetailList {
    width: calc(100% - 100px) !important;
}

@media (max-width: 1399.98px) {
    .fullWidthColumn.list-column .sopDetailList {
        column-gap: 1.25rem;
    }
}

@media (max-width: 1199.98px) {
    .sopCheckboxReview input[type="checkbox"]+svg {
        opacity: 1;
    }

    .stdops-card.stdops-card-sop .training_T {
        right: 2rem;
    }

    .stdops-card.stdops-card-sop[class*="feedbackOn"] .training_T,
    .stdops-card.stdops-card-sop[class*="feedbackOn-"] .bottomRightIcon.trainingActive .sopCheckboxReview.review-sop + .training_T {
        right: 4.25rem;
    }

    /* .stdops-card.stdops-card-sop
        .dash__feddbackbtn[style]
        + .dropdown
        + .sopCheckboxReview
        .training_T,
        .stdops-card.stdops-card-sop[class*="feedbackOn"] .training_T {
        right: 4.5rem;
    }
    .stdops-card.stdops-card-sop .training_T,
    .stdops-card.stdops-card-sop
        .dash__feddbackbtn[style="display: none;"]
        + .dropdown
        + .sopCheckboxReview
        .training_T {
        right: 2rem;
    } */
     .fullWidthColumn.list-column .sopDetailList li,
     .fullWidthColumn.list-column .sopDetailList li.siteList, .fullWidthColumn.list-column .sopDetailList li.folderList{
            flex: 1 1 210px;
            min-width: 190px;
     }
}

@media (max-width: 991.98px) {
    .list-view-printed-flag {
        right: 20px;
        bottom: 5px;
    }
}

@media (max-width: 767.98px) {
    .dash__feddbackbtn {
        bottom: 18px;
    }

    /* .dash__feddbackbtn svg {
        width: 20px;
        height: 20px;
    } */
    /* .stdops-card.stdops-card-sop:hover
        .dash__feddbackbtn[style]
        + .dropdown
        + .sopCheckboxReview
        .training_T,
    .stdops-card.stdops-card-sop
        .dash__feddbackbtn[style]
        + .dropdown
        + .sopCheckboxReview
        .hover-details
        + .training_T,
    .stdops-card.stdops-card-sop
        .dash__feddbackbtn[style]
        + .dropdown
        + .sopCheckboxReview
        .training_T {
        right: 4rem;
    }
    .stdops-card.stdops-card-sop .training_T,
    .stdops-card.stdops-card-sop
        .dash__feddbackbtn[style="display: none;"]
        + .dropdown
        + .sopCheckboxReview
        .training_T,
    .stdops-card.stdops-card-sop:hover
        .dash__feddbackbtn[style="display: none;"]
        + .dropdown
        + .sopCheckboxReview
        .training_T {
        right: 2rem;
    } */
    .list-column .sopDetailList li {
        display: block;
        margin-right: 0;
    }

    .list-view-printed-flag {
        bottom: 15px;
    }

    .grid-column .sopDetailList li:last-child {
        width: 100%;
    }
}


/* Dashboard New Design Changes  End*/


/* Rewview Page  */

.removeReviewSOP {
    right: -5px;
    top: -5px;
    line-height: 0;
}

.inputCalenderIcon {
    top: 11px;
    right: 11px;
    pointer-events: none;
}

.reivew-user-option .reivew-user-img {
    width: 2.25rem;
    height: 2.25rem;
    object-fit: cover;
    margin-right: 0.5rem;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar {
    height: 4px;
    width: 6px;
    background-color: #ffffff;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-track {
    border-radius: 2px;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb {
    margin: 2px;
    border-radius: 2px;
    background: #dee2e6;
}


/* Rewview Page  */

.offcanvas-bottom {
    position: fixed;
    padding: 1rem;
    bottom: -100%;
    opacity: 0;
    visibility: hidden;
    left: 0;
    width: 100%;
    background: #ffffff;
    z-index: 100;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.offcanvas-bottom.show {
    bottom: 0;
    opacity: 1;
    visibility: visible;
}

.reviewContainer {
    width: 100%;
    /* width: calc(100% - 22rem); */
    transition: width 0.3s ease;
    -webkit-transition: width 0.3s ease;
    -moz-transition: width 0.3s ease;
    -ms-transition: width 0.3s ease;
    -o-transition: width 0.3s ease;
}


/* .reviewContainer.changeWidth {
    width: calc(100% - 22%);
} */

.coverSheetDescription img {
    max-width: 100%;
    height: auto;
}

.qfr__card {
    background-color: var(--gemba-global-color-secondary);
    position: fixed;
    z-index: 1020;
    top: 74px;
    bottom: 0;
    right: -100%;
    opacity: 0;
    visibility: hidden;
    width: 31.25rem;
    max-width: 100%;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.qfr__card.cksop_form_sidebar {
    width: 25rem;
}

.qfr__card .card-body {
    padding: 1.5rem 2.5rem 5rem;
    overflow-y: auto;
}

.qfr__card.show {
    right: 0;
    opacity: 1;
    visibility: visible;
}

.desktopFixBtn {
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;
    /* padding: 0 3rem; */
    background-color: #ffffff;
    z-index: 999;
}

.reviewContainer.changeWidth,
.reviewContainer.changeWidth .desktopFixBtn {
    width: calc(100% - 25rem);
}

.qfrClose {
    top: 0.5rem;
    right: 0.75rem;
}

.enterReviewBtn .btn.btn-primary {
    background-color: var(--gemba-global-color-primary);
    border-color: var(--gemba-global-color-primary);
}

@media (min-width: 576px) {
    .enterReviewBtn .qrOpenBtn svg {
        display: none;
    }
}


/* @media (max-width: 1899.98px) {
    .reviewContainer.changeWidth {
        width: calc(100% - 28%);
    }
} */

@media (max-width: 1699.98px) {
    .qfr__card {
        width: 26.25rem;
    }
}

@media (max-width: 1399.98px) {
    .qfr__card {
        width: 23.25rem;
    }

    .qfr__card .card-body {
        padding: 1.5rem 1.5rem 5rem;
    }
}

@media (max-width: 1199.98px) {
    .reviewContainer.changeWidth {
        width: 100%;
    }

    .desktopFixBtn {
        padding: 0 1rem;
    }
}

@media (max-width: 767.98px) {
    .qfr__card .card-body {
        padding: 1rem 1rem 5rem;
        background-color: #ffffff;
    }

    .qfr__card {
        width: 100%;
        top: 100%;
        right: 0;
        border: 0 !important;
    }

    .qfr__card.show {
        top: 25%;
    }

    .qfr__card::before {
        content: "";
        /* background-color: rgba(0, 0, 0, 0.7); */
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }

    .mob-bw-100 {
        width: 100%;
    }
}

@media (max-width: 575.98px) {

    /* .sopDetailList li div {
        font-size: 0.875rem;
    } */
    .mob-w-100 {
        width: 100%;
    }

    .enterReviewBtn {
        margin-left: -15px;
        margin-right: -15px;
    }

    .enterReviewBtn .btn.btn-primary {
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        background-color: var(--gemba-global-color-primary);
        border-color: var(--gemba-global-color-primary);
    }

    .stdops-card.folder-inner-sop-card .card-body .folderViewAction {
        gap: 5px;
    }

    .folderViewAction .btn {
        width: 1.75rem;
        height: 1.75rem;
        flex: 0 0 1.75rem;
        line-height: 1.75rem;
        font-size: 0.75rem;
    }
}

.rdModalCard {
    background: var(--gemba-global-color-secondary);
    border-radius: 0.5rem;
}

.rdModalCard .card-body {
    padding: 8px 10px;
}

.rdImage {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    margin-right: 5px;
    border-radius: 0.5rem;
    overflow: hidden;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    -ms-border-radius: 0.5rem;
    -o-border-radius: 0.5rem;
}

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

.rdModalContent {
    width: calc(100% - 46px);
}

.fs-13 {
    font-size: 13px;
}

.fs-17 {
    font-size: 17px;
}

.qr__image-card {
    background: #ffffff;
    border: 1px solid rgba(0, 54, 89, 0.2);
    border-radius: 4px;
    position: relative;
    height: 278px;
    overflow: hidden;
}

.qr__Image {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 0.75rem;
}

.qr__image-card .upload_qr .fa-image {
    font-size: 40px;
}

.qr__image-card .fa_image_cls_qr {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 14px;
    color: var(--gemba-global-color-primary);
    text-align: center;
    width: 100%;
}

.qr__image-card .editStep-btn {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 26px;
    height: 26px;
    color: var(--gemba-global-color-primary);
    background: #ffffff;
    line-height: 26px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    font-size: 0.75rem;
}

.pdfPassShowBtn {
    top: 2px;
    right: 30px;
}

.copyPassBtn {
    top: 6px;
    right: 0;
}

.pdfpassInput {
    width: calc(100% - 2rem);
}

.pdfpassInput.viewPagePass {
    border: 0;
    padding: 4px 8px;
    height: auto;
    box-shadow: none;
    width: 100%;
    background-color: #f3f3f3;
    padding-right: 3.5rem !important;
}

.pdfpassInput.viewPagePass+.pdfPassShowBtn {
    padding: 0;
    line-height: 0;
    top: 7px;
}

.pdfpassInput.viewPagePass+.pdfPassShowBtn+.copyPassBtn {
    top: 3px;
    right: 5px;
}

.login-form select.form-control {
    height: 50px;
    font-size: 14px;
    border-radius: 3px;
    background: #fff;
    /*border: 1px solid rgba(126, 126, 126, 0.5);*/
    border: none;
    box-shadow: none;
    border-radius: 0;
    background: #f5f5f5;
}

.row.ui-sortable .mobile_column:first-child .col-12 {
    display: none;
}

.crop_section_edit {
    display: flex;
    gap: 5px;
}

.crop_section_edit .btn.btn-primary {
    width: 2.375rem;
    height: 2.375rem;
    padding: 0;
    line-height: 2.375rem;
    font-size: 1rem;
}

@media (max-width: 575.98px) {
    .crop_section_edit .btn.btn-primary {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 13px;
    }
}

.associte_tag {
    background: #f2f2f2;
    border-radius: 6px;
    font-size: 11px;
    margin-bottom: 0;
    padding: 5px 12px;
    cursor: pointer;
    text-align: center;
    color: #9c9c9c;
    /* font-family: "Expose-Medium"; */
    font-weight: 500;
    line-height: 1.134;
    margin-top: 0.25rem;
    margin-right: 0.25rem;
}

.associte_department {
    background: #dfffe0;
    border-radius: 6px;
    font-size: 0.75rem;
    margin-bottom: 0;
    padding: 5px 10px;
    cursor: pointer;
    text-align: center;
    color: #2e8b57;
    /* font-family: "Expose-Medium"; */
    font-weight: 500;
    line-height: 1.134;
    margin-top: 0.25rem;
    margin-right: 0.25rem;
}

.associte_shift {
    background: #ffdab9;
    border-radius: 6px;
    font-size: 0.75rem;
    margin-bottom: 0;
    padding: 5px 10px;
    cursor: pointer;
    text-align: center;
    color: #c85a17;
    /* font-family: "Expose-Medium"; */
    font-weight: 500;
    line-height: 1.134;
    margin-top: 0.25rem;
    margin-right: 0.25rem;
}

.associte_site {
    background: #2e7ad1;
    border-radius: 6px;
    font-size: 11px;
    margin-bottom: 0;
    padding: 3px 10px;
    cursor: pointer;
    text-align: center;
    color: #ffffff;
    /* font-family: "Expose-Medium"; */
    font-weight: 500;
    line-height: normal;
    margin-top: 0.25rem;
    margin-right: 0.25rem;
}

.associte_site_NA {
    /*background: #9fcbfd;
    */
    border-radius: 6px;
    font-size: 11px;
    margin-bottom: 0;
    padding: 7px 2px;
    cursor: pointer;
    text-align: center;
    /*color: #0679ff;
    */
    /*font-family: "Expose-Medium";
    */
    font-weight: 500;
    line-height: normal;
    margin-top: 0.25rem;
    margin-right: 0.25rem;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.no_tag {
    color: var(--gemba-global-color-primary) 99;
    background-color: #ebfbff;
}

.history_file {
    color: var(--gemba-global-color-primary);
    /* font-family: "Expose-Regular"; */
    font-size: 0.75rem;
    white-space: nowrap;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    text-decoration: underline;
}

.history_file:hover {
    color: var(--gemba-global-color-primary);
    /* font-family: "Expose-Regular"; */
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    text-decoration: underline;
}

.sample_csv {
    color: var(--gemba-global-color-primary);
}

.sample_csv:hover {
    color: var(--gemba-global-color-primary);
}

.training_history_font {
    color: var(--gemba-global-color-primary);
    /* font-family: "Expose-Regular"; */
    font-weight: 400;
    line-height: 20px;
}

.training_history_font:hover {
    color: var(--gemba-global-color-primary);
}


/* TRAINING Modaul CSS Start */

.text-8B9093 {
    color: #8b9093;
}

.text-primary {
    color: var(--gemba-global-color-primary) !important;
}

.text-dark-blue {
    color: var(--gemba-global-color-text) !important;
}

.text_black {
    color: #000000 !important;
}

.text_white {
    color: #ffffff !important;
}

.text-7c8083 {
    color: #7c8083 !important;
}

.text-384355 {
    color: #384355 !important;
}

.text-muted {
    color: var(--text-muted) !important;
}

.text-003659 {
    color: var(--gemba-global-color-text);
}

.title-primary {
    color: var(--text-primary) !important;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable .title-primary {
    color: #ffffff !important;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable .level-circle.title-primary{
    border-color: #ffffff;
}
.w-200-dropdown {
    max-width: 12.5rem;
    width: 100%;
}

.fs-18 {
    font-size: 1.125rem;
}

.fs-24 {
    font-size: 24px;
}

.d-inline-black {
    display: inline-block;
}

.sticky-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020;
}

.training-associate-card {
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    margin-bottom: 16px;
}

.training-associate-card .card-body {
    padding: 10px 16px;
}

.profile-40 {
    width: 2.5rem;
    height: 2.5rem;
    flex: 0 0 2.5rem;
    margin-right: 10px;
}

.level-circle {
    width: 1.75rem;
    height: 1.75rem;
    flex: 0 0 1.75rem;
    display: inline-block;
    position: relative;
    border: 1px solid #cecece;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    vertical-align: middle;
    color: #b7b7b7;
    line-height: normal;
    background-color: #ffffff;
}

.matrixTrainingLevel .level-circle {
    width: 1.5rem;
    height: 1.5rem;
    flex: 0 0 1.5rem;
}

.level-circle.level-25 {
    background-image: conic-gradient(var(--gemba-global-color-primary) 25%, #ffffff 0%);
    border-color: var(--gemba-global-color-primary);
}

.level-circle.level-50 {
    background-image: conic-gradient(var(--gemba-global-color-primary) 50%, #ffffff 0%);
    border-color: var(--gemba-global-color-primary);
}

.level-circle.level-75 {
    background-image: conic-gradient(var(--gemba-global-color-primary) 75%, #ffffff 0%);
    border-color: var(--gemba-global-color-primary);
}

.level-circle.level-100 {
    background-image: conic-gradient(var(--gemba-global-color-primary) 100%, #ffffff 0%);
    border-color: var(--gemba-global-color-primary);
}

.level-circle.level-not-updated {
    border-color: #cecece;
}

.level-circle.level-25.level-not-updated {
    background-image: conic-gradient(#cecece 25%, #ffffff 0%);
}

.level-circle.level-50.level-not-updated {
    background-image: conic-gradient(#cecece 50%, #ffffff 0%);
}

.level-circle.level-75.level-not-updated {
    background-image: conic-gradient(#cecece 75%, #ffffff 0%);
}

.level-circle.level-100.level-not-updated {
    background-image: conic-gradient(#cecece 100%, #ffffff 0%);
}

.level-circle.levelTypeNo,
.level-circle.levelTypePer {
    border: 0;
    background-image: none;
    background-color: transparent !important;
    width: auto !important;
    height: auto !important;
}

.level_type_div {
    width: 56px;
    margin: 0 auto;
}

.matrixTable.font-size-a .level_type_div {
    width: 42px;
}

.matrixTable.font-size-aa .level_type_div {
    width: 65px;
}

.matrixTable.font-size-aaa .level_type_div {
    width: 70px;
}


/* .level-circle.levelTypePer{
    width: 3.5rem !important
}
.matrixTable.font-size-a .level-circle.levelTypePer{
    width: 2.125rem !important;
}
.matrixTable.font-size-aa .level-circle.levelTypePer{
    width: 4.063rem !important;
}
.matrixTable.font-size-aaa .level-circle.levelTypePer{
    width: 4.375rem !important;
} */

.levelTypeNo::before,
.levelTypePer::before {
    display: block;
    content: "";
    /* font-family: "Expose-Medium"; */
    font-weight: 500;
    white-space: nowrap;
}

.levelTypeNo.level-0::before,
.levelTypePer.level-0::before {
    content: "0";
}

.levelTypeNo.level-25::before {
    content: "1";
}

.levelTypeNo.level-50::before {
    content: "2";
}

.levelTypeNo.level-75::before {
    content: "3";
}

.levelTypeNo.level-100::before {
    content: "4";
}

.levelTypePer.level-25::before {
    content: "25%";
}

.levelTypePer.level-50::before {
    content: "50%";
}

.levelTypePer.level-75::before {
    content: "75%";
}

.levelTypePer.level-100::before {
    content: "100%";
}

.modal-header .closeModalBtn {
    top: 0;
    right: 0;
}

.skillLevelModal .infoModalAnchur {
    font-size: 10px;
    vertical-align: middle;
}

.skillLevelModal .infoModalAnchur .fa-exclamation {
    width: 16px;
    height: 16px;
    line-height: 15px;
    font-size: 8px;
}

.skillLevelModal .profile_img {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    margin-right: 0.5rem;
}

.rr__card {
    background-color: #f8f8f8;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.trainingLevelList .btn.btn-secondary {
    border: 1px solid #e6e6e6 !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    font-size: 1rem;
    box-shadow: none !important;
    /* font-family: "Expose-Medium"; */
    font-weight: 500;
    position: relative;
    padding: 0.75rem 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.trainingLevelList .btn.btn-secondary.active {
    border-color: var(--gemba-global-color-primary) !important;
    background-color: #ffffff;
    color: #000000;
}

.trainingLevelList .btn.btn-secondary.previusLevel {
    background-color: #f2f2f2 !important;
}

.trainingLevelList .btn.btn-secondary input[type="radio"] {
    position: absolute;
}

.trainingLevelList .btn.btn-secondary input[type="radio"],
.checkMarkIcon {
    opacity: 0;
    transition: opacity 0.15s ease-in-out;
    -webkit-transition: opacity 0.15s ease-in-out;
    -moz-transition: opacity 0.15s ease-in-out;
    -ms-transition: opacity 0.15s ease-in-out;
    -o-transition: opacity 0.15s ease-in-out;
}

.trainingLevelList .btn.btn-secondary.active .checkMarkIcon {
    opacity: 1;
}

.fs-11 {
    font-size: 11px;
}

.fs-12 {
    font-size: 0.75rem;
}

.dragDocumentBox {
    border: 1px dashed var(--gemba-global-color-primary);
    position: relative;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.dragDocumentBox::after {
    content: "";
    display: block;
    padding-top: 50%;
}

.dragDocumentBox input[type="file"] {
    position: absolute;
    cursor: pointer;
}

.dragDocumentCoverSheetBox {
    border: 1px dashed var(--gemba-global-color-primary);
    position: relative;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.dragDocumentCoverSheetBox::after {
    content: "";
    display: block;
    padding-top: 50%;
}

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

.thumbnailDocumnet {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.thumbnailDocumnet img {
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    object-fit: contain;
    z-index: 1;
    position: relative;
    padding: 0.5rem;
}

.thumbnailDocumnet .uad__row img {
    height: 51px;
    background-color: #f2f2f2;
    object-fit: contain;
    z-index: 1;
    position: relative;
    padding: 0.25rem;
    margin-bottom: 4px;
}

.thumbnailDocumnet .actionBtn {
    position: absolute;
    right: 0;
    width: 24px;
    height: 24px;
    padding: 0;
    border-radius: 100%;
    font-size: 0.75rem;
    line-height: 24px;
    margin: 5px;
    z-index: 1;
}

.thumbnailDocumnet .uad__row .actionBtn {
    position: absolute;
    right: -5px;
    top: -5px;
    width: 20px;
    height: 20px;
    padding: 0;
    border-radius: 100%;
    font-size: 10px;
    line-height: 20px;
    margin: 0;
    z-index: 1;
}

.text-121212 {
    color: var(--text-primary);
}

.text-121212-opacity-60 {
    color: rgba(0, 54, 89, 0.6);
}

.signaturesCard {
    background-color: #f2f2f2;
    height: 8.625rem;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

.signaturesCard.viewsignaturesCard {
    height: 12.25rem;
}

.opacity-0 {
    opacity: 0;
}

.signPad-container {
    background-color: #f2f2f2;
    width: 100%;
    max-width: 880px;
    /* Adjust for responsiveness */
    height: 420px;
    margin: 0 auto;
    position: relative;
}

.signCanvasCard {
    width: 100%;
    height: 100%;
    display: block;
}

.saveSignBtn {
    min-width: 11.5rem;
}

.signaturesCard .clickHeretoSign {
    width: 100%;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.signaturesCard .trainee-signature {
    background-color: #f2f2f2;
    position: relative;
}

.thumbnailDocumnet .utl__thumnail {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    margin-bottom: 8px;
}

@media (min-width: 576px) {
    .skillLevelModal .modal-dialog {
        max-width: 750px;
    }
}

@media (min-width: 992px) {
    .skillLevelModal .modal-dialog {
        max-width: 1000px;
    }

    .skillLevelModal .modal-body {
        padding-left: 60px;
        padding-right: 60px;
    }
}

@media (min-width: 576px) {
    .signeModal .modal-dialog {
        max-width: 750px;
    }

    .signaturesCard.viewsignaturesCard .card-body {
        padding: 60px;
    }

    .signaturesCard.viewsignaturesCard {
        height: 26.25rem;
    }
}

@media (min-width: 992px) {
    .signeModal .modal-dialog {
        max-width: 1000px;
    }

    .signeModal .modal-body {
        padding-left: 60px;
        padding-right: 60px;
    }
}

@media (max-width: 767.98px) {
    .trainingLevelList .btn.btn-secondary {
        font-size: 14px;
    }

    .signPad-container {
        height: 200px;
    }
}


/* TRAINING Modaul CSS End */


/* Trainer List Modal  */

.trainerProfile {
    width: 2.875rem;
    height: 2.875rem;
    flex: 0 0 2.875rem;
    margin-right: 0.75rem;
}

.rounded-3 {
    border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    -ms-border-radius: 0.5rem;
    -o-border-radius: 0.5rem;
}

.rounded-4 {
    border-radius: 1.25rem;
    -webkit-border-radius: 1.25rem;
    -moz-border-radius: 1.25rem;
    -ms-border-radius: 1.25rem;
    -o-border-radius: 1.25rem;
}

.rounded-8 {
    border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    -ms-border-radius: 0.5rem;
    -o-border-radius: 0.5rem;
}

.rounded-10 {
    border-radius: 0.625rem;
    -webkit-border-radius: 0.625rem;
    -moz-border-radius: 0.625rem;
    -ms-border-radius: 0.625rem;
    -o-border-radius: 0.625rem;
}


/* Trainer List Modal  */


/* Training Associate Modal */

.trainingAssociateModal .modal-footer {
    background-color: var(--gemba-global-color-secondary);
}

.trainingAssociateModal .modal-body .AssociateList,
.trainingAssociateModal .modal-body .taingItemList,
.trainerListModal .modal-body.trainer-list {
    min-height: 300px;
}

.ata_badge {
    font-size: 0.75rem;
    /* font-family: "Expose-Medium"; */
    font-weight: 500;
    background-color: var(--gemba-global-color-primary);
    color: #ffffff;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.ata_org_badge {
    font-size: 0.75rem;
    /* font-family: "Expose-Medium"; */
    font-weight: 500;
    background-color: var(--gemba-global-color-accent);
    color: #ffffff;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.ata_profile {
    margin-right: 0.75rem;
    width: 60px;
    height: 60px;
    flex: 0 0 60px;
}

.ata_content {
    width: calc(100% - 60px);
}

.trainerNameWidth {
    max-width: calc(100% - 10rem);
}

.ataFirstname {
    max-width: calc(100% - 8rem);
}

.btn.folderSopRemoveBtn {
    border: 0;
    padding: 0;
    line-height: 1;
}

.btn.folderSopRemoveBtn svg {
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}

.folder-add-sop-btn {
    max-width: 15.625rem;
    width: 100%;
}

@media (min-width: 992px) {
    .folderAddSopRow .col-lg-6 {
        -ms-flex: 0 0 48%;
        flex: 0 0 48%;
        max-width: 48%;
    }

    .folderAddSopRow .col-lg-1 {
        -ms-flex: 0 0 4%;
        flex: 0 0 4%;
        max-width: 4%;
    }
}

@media (min-width: 576px) {
    .trainingAssociateModal .modal-dialog {
        max-width: 730px;
    }

    .btn.folderSopRemoveBtn svg {
        width: 1.5rem;
        height: 1.5rem;
    }
}

@media (max-width: 1399.98px) {
    .ata_profile {
        margin-right: 0.5rem;
        width: 50px;
        height: 50px;
        flex: 0 0 50px;
    }

    .ata_content {
        width: calc(100% - 50px);
    }
}

@media (max-width: 991.98px) {
    .ata_profile {
        margin-right: 0.5rem;
        width: 40px;
        height: 40px;
        flex: 0 0 40px;
    }

    .ata_content {
        width: calc(100% - 40px);
    }

    .ata_content .fs-16 {
        font-size: 14px;
    }

    .ata_content .associte_tag {
        font-size: 0.75rem;
    }

    .ata_content .associte_department {
        font-size: 10px;
    }

    .ata_content .associte_shift {
        font-size: 10px;
    }

    .associat-card .editDeleteBtns {
        gap: 6px;
    }
}

@media (max-width: 767.98px) {
    .ata_profile_content .ata_profile {
        width: 40px;
        height: 40px;
        flex: 0 0 40px;
    }

    .ata_profile_content .fs-20 {
        font-size: 0.875rem;
    }

    .ata_profile_content .fs-14 {
        font-size: 0.65rem;
    }

    .ata_profile_content .ata_badge {
        font-size: 0.625rem;
    }
    .ata_profile_content .ata_org_badge {
        font-size: 0.625rem;
    }

    .ata_profile_content .associte_tag {
        font-size: 10px;
        padding: 3px 10px;
        line-height: normal;
    }

    .ata_profile_content .associte_department {
        font-size: 8px;
        padding: 2px 8px;
        line-height: normal;
    }

    .ata_profile_content .associte_shift {
        font-size: 8px;
        padding: 2px 8px;
        line-height: normal;
    }

    .dash-btn.addAssociate {
        font-size: 13px;
        min-width: 70px;
        padding: 0.5rem 0.5rem;
    }
}


/* Training Associate Modal */


/* Upload File Modal  */

.pdfThumnail-card {
    border: 1px solid #cecece;
}

.pdfThumnail-card::after {
    content: "";
    display: block;
    padding-top: 128.57%;
}

.pdfThumbDelete {
    right: 0;
    top: 0;
    z-index: 1;
}

.pdfthumb {
    top: 0;
    left: 0;
}

.fileText__div {
    left: 0;
    top: 0;
    word-break: break-word;
    align-items: center;
    font-size: 0.75rem;
}

@media (min-width: 576px) {
    .modal-730 .modal-dialog {
        max-width: 730px;
    }

    .uploadFileModal .modal-body {
        padding-left: 3.125rem;
        padding-right: 3.125rem;
    }
}


/* Upload File Modal  */


/* Switch  */

.custom__switch {
    position: relative;
    display: inline-block;
    width: 3.375rem;
    flex: 0 0 3.375rem;
    height: 1.875rem;
    margin-bottom: 0;
}

.custom__switch {
    padding-left: 2.25rem;
}

.custom__switch input[type="checkbox"] {
    opacity: 0;
}

.custom__slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--input-border);
    border-radius: 2.125rem;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    -webkit-border-radius: 2.125rem;
    -moz-border-radius: 2.125rem;
    -ms-border-radius: 2.125rem;
    -o-border-radius: 2.125rem;
}

.custom__slider:before {
    position: absolute;
    content: "";
    height: 1.375rem;
    width: 1.375rem;
    left: 0.188rem;
    bottom: 0.25rem;
    background-color: white;
    border-radius: 50%;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

input:checked+.custom__slider {
    background-color: var(--gemba-global-color-primary);
}

input:focus+.custom__slider {
    box-shadow: 0 0 1px var(--gemba-global-color-primary);
}

input:checked+.custom__slider:before {
    -webkit-transform: translateX(1.625rem);
    -ms-transform: translateX(1.625rem);
    transform: translateX(1.625rem);
    -moz-transform: translateX(1.625rem);
    -o-transform: translateX(1.625rem);
}


/*Yes no CSS Start*/

.custom__switch .yesno_span {
    position: absolute;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 600;
}

.custom__switch .yesno_span.yes_span {
    top: 50%;
    left: 0.25rem;
    transform: translateY(-50%);
    opacity: 0;
}

.custom__switch .yesno_span.no_span {
    top: 50%;
    right: 0.375rem;
    transform: translateY(-50%);
    color: rgba(0, 0, 0, 0.35);
}

input:checked+.custom__slider .yesno_span.yes_span {
    opacity: 1;
}

input:checked+.custom__slider .yesno_span.no_span {
    opacity: 0;
}


/* Switch  */


/* Create Custom Matrix  */

.matrixFontSize {
    gap: 10px;
}

.matrixFontSize label.btn {
    width: 2.125rem;
    height: 2.125rem;
    flex: 0 0 2.125rem;
    font-size: 0.625rem;
    padding: 0;
    line-height: 2.125rem;
    font-weight: 600;
}

.matrixFontSize label.btn.btn-outline-primary {
    color: var(--text-primary);
    border-color: rgba(0, 54, 89, 0.2);
    box-shadow: none !important;
}

.matrixFontSize label.btn.btn-outline-primary.active {
    border-color: var(--gemba-global-color-primary);
    background-color: var(--gemba-global-color-primary);
    color: #ffffff;
}

.matrixFontSize label.btn.btn-outline-primary.btn-outline-primary:hover {
    color: #ffffff;
    border-color: var(--gemba-global-color-primary);
}

.tainingLevelGroup .input-group-text {
    width: 40px;
    justify-content: center;
    /* font-family: "Expose-Medium"; */
    font-weight: 500;
}

.editDeleteBtns {
    gap: 16px;
}

.editDeleteBtns .btn {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    line-height: 29px;
    padding: 0;
    font-size: 14px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}

.associat-card .editDeleteBtns {
    gap: 12px;
}

.associat-card .editDeleteBtns .btn {
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    line-height: 23px;
    font-size: 11px;
}

.associat-card a.associte_anchur,
.associat-card a.associte_anchur:hover {
    color: rgba(0, 54, 89, 0.6);
}

a.toggle-button,
a.toggle-button:hover {
    color: rgba(0, 54, 89, 0.6);
}


/* a.toggle-button-skill,
a.toggle-button-skill:hover {
    color: rgba(0, 54, 89, 0.6);
} */

.trainerListCard>.card-body {
    padding: 16px 20px;
    overflow-y: auto;
}

.trainerListCard ul li.border-bottom:last-child {
    border-bottom: 0 !important;
}

.card.trainerListCard {
    height: 570px;
}

.levelColorBtns {
    gap: 0.625rem;
}

.levelBox {
    width: 2.125rem;
    height: 2.125rem;
    text-align: center;
    /* font-family: "Expose-Bold"; */
    font-weight: 700;
    white-space: nowrap;
    font-size: 0.563rem;
    padding: 0.375rem 0.188rem;
    color: #ffffff;
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    -ms-border-radius: 0.25rem;
    -o-border-radius: 0.25rem;
}

.levelBox svg {
    width: 1rem;
    height: 1rem;
}

.skill-big-buttons {
    overflow-x: auto;
}

.skill-big-buttons .btn.dash-btn {
    height: 66px;
}

.viewOnlyText {
    /* position: absolute;
    left: 50%;
    bottom: -20px;
    transform: translateX(-50%); */
    width: 100%;
    text-align: center;
    font-size: 0.75rem;
    color: #b7b7b7;
}

.dash-title.trainingDashTitle {
    padding: 22px 0 22px;
}

.errorMessage100 .input-group label.error {
    flex: 0 0 100%;
}

.form-control.trainingLevelSelect2 {
    height: calc(1.5rem + 1rem + 4px);
}

@media (max-width: 1399.98px) {
    .kanbanDashContent .col-lg-8 {
        -ms-flex: 0 0 41.66666667%;
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%;
    }

    .kanbanDashContent .col-lg-12 {
        -ms-flex: 0 0 58.33333333%;
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%;
    }
}

@media (max-width: 1199.98px) {
    .kanbanDashContent .col-lg-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .kanbanDashContent .col-lg-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (max-width: 767.98px) {
    .kanbanDashContent .col-lg-8 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (max-width: 575.98px) {
    .trainingDashTitle .dropdownqrcode.dropdown-menu.social-dropmenu {
        transform: translate(-75%, -110%) !important;
    }

    .editDeleteBtns {
        gap: 8px;
    }

    .editDeleteBtns .btn {
        width: 24px;
        height: 24px;
        flex: 0 0 24px;
        line-height: 23px;
        font-size: 10px;
    }

    .trainerNameWidth {
        max-width: calc(100% - 6rem);
    }
}


/* Create Custom Matrix  */


/* SOP Training Matrix */

.skill-lelvel-column .fs-20 {
    font-size: 1rem;
}

.skill-lelvel-column .level-circle {
    width: 1.25rem;
    height: 1.25rem;
    flex: 0 0 1.25rem;
}

.skill-lelvel-column .mr-4 {
    margin-right: 1.25rem !important;
}


/* Table  */

.sop-th {
    background-color: #f7fbff;
    text-align: center;
    width: 4.5rem;
    cursor: pointer;
}


/* .sop-thead{
    font-size: 1rem;
    font-weight: 500;
    color: var(--gemba-global-color-primary);
    max-height: 10.938rem;
    text-align: left;
    line-height: 20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    writing-mode: tb-rl;
    transform: rotate(-180deg);
    -webkit-writing-mode: tb-rl;
    -ms-writing-mode: tb-rl;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -webkit-box-orient: vertical;
} */


/* Default and Chrome styles */

.sop-thead,
.chrome-browser-css .sop-thead {
    font-size: 1rem;
    /* font-family: "Expose-Medium"; */
    font-weight: 500;
    color: var(--gemba-global-color-primary);
    text-align: left;
    overflow: hidden;
    writing-mode: tb-rl;
    -webkit-writing-mode: tb-rl;
    -ms-writing-mode: tb-rl;
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    max-height: 10.938rem;
    line-height: normal;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}


/* Safari override */

.safari-browser-css .sop-thead {
    writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: vertical-rl;
    transform: rotate(180deg);
    height: 12rem;
    max-width: 2.5rem;
    display: block;
    overflow: hidden;
}

.chrome-browser-css .matrixTable.font-size-aa .sop-thead {
    -webkit-line-clamp: 2;
}

.chrome-browser-css .matrixTable.font-size-aaa .sop-thead {
    -webkit-line-clamp: 1;
}

.tra_asso_name {
    margin-bottom: 0;
    /* font-family: "Expose-Medium"; */
    font-weight: 500;
    color: #000000;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}

.sop-main-th {
    background: linear-gradient(to top right, #ffffff 50%, #e9f4ff 50%);
    width: 16.313rem;
}

.sop-main-th-title {
    position: relative;
    height: 11.25rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.sop-main-th-title h5 {
    /* font-family: "Expose-Medium"; */
    font-weight: 500;
    margin-bottom: 0;
}

.sop-training-table thead th {
    padding: 0.5rem 0.25rem;
    text-align: -webkit-center;
}

.trainingAssociates img {
    width: 2rem;
    height: 2rem;
    flex: 0 0 2rem;
}

.sop-training-table tbody td {
    position: relative;
    vertical-align: middle;
    text-align: center;
    padding-left: 0.375rem;
    padding-right: 0.375rem;
}

.plan-date-badge {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    z-index: 2;
    pointer-events: auto;
}

.trainingAssociates .d-flex {
    width: 14.063rem;
}


/* .sop-training-table thead tr th{
    border-top: 0;
} */

.sop-training-table thead tr th:first-child,
.sop-training-table tbody tr td:first-child {
    position: sticky;
    left: 0;
    z-index: 998;
    background-color: #ffffff;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    border-left: 0;
}

.table-responsive.custom-scroll::-webkit-scrollbar {
    height: 0.875rem;
    background-color: #f4f4f4;
    border-radius: 3rem;
    -webkit-border-radius: 3rem;
    -moz-border-radius: 3rem;
    -ms-border-radius: 3rem;
    -o-border-radius: 3rem;
}

.table-responsive.custom-scroll::-webkit-scrollbar-thumb {
    border-radius: 3rem;
    background: #dee2e6;
    border-radius: 3rem;
    -webkit-border-radius: 3rem;
    -moz-border-radius: 3rem;
    -ms-border-radius: 3rem;
    -o-border-radius: 3rem;
}

.gap-success {
    background-color: #e9fff1;
}

.gap-negative {
    background-color: #fff2f4;
}

.skillLevel_00,
.skillLevel_0 {
    color: #b7b7b7;
}

.skillLevel_25,
.skillLevel_1 {
    background-color: #fff2f4;
    color: #ff0000;
}

.skillLevel_50,
.skillLevel_2 {
    background-color: #fff4eb;
    color: #eb6600;
}

.skillLevel_75,
.skillLevel_3 {
    background-color: #f3fff3;
    color: #058b09;
}

.skillLevel_100,
.skillLevel_4 {
    background-color: #f2f2f2;
    color: #000000;
}

.matrixTable .table {
    width: auto;
    max-width: 100%;
}

.watermarkText {
    color: rgba(0, 0, 0, 0.2);
    font-size: 3.125rem;
    font-weight: 800;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-17deg);
    z-index: 1000;
    text-align: center;
}

.matrixTable.font-size-a h5 {
    font-size: 1rem;
}

.matrixTable.font-size-a h6,
.matrixTable.font-size-a .sop-thead,
.matrixTable.font-size-a .fs-16 {
    font-size: 0.875rem;
}

.matrixTable.font-size-a .fs-24 {
    font-size: 1.125rem;
}

.matrixTable.font-size-a .level-circle {
    width: 1.5rem;
    height: 1.5rem;
}

.matrixTable.font-size-aa h5 {
    font-size: 1.5rem;
}

.matrixTable.font-size-aa h6,
.matrixTable.font-size-aa .sop-thead,
.matrixTable.font-size-aa .fs-16 {
    font-size: 1.25rem;
}

.matrixTable.font-size-aa .fs-24 {
    font-size: 1.75rem;
}

.matrixTable.font-size-aa .level-circle {
    width: 2rem;
    height: 2rem;
}

.matrixTable.font-size-aaa h5 {
    font-size: 1.75rem;
}

.matrixTable.font-size-aaa h6,
.matrixTable.font-size-aaa .sop-thead,
.matrixTable.font-size-aaa .fs-16 {
    font-size: 1.5rem;
}

.matrixTable.font-size-aa .sop-thead {
    max-width: 3.5rem;
}

.matrixTable.font-size-aaa .sop-thead {
    max-width: 2rem;
}

.matrixTable.font-size-aaa .fs-24 {
    font-size: 1.875rem;
}

.matrixTable.font-size-aaa .level-circle {
    width: 2.25rem;
    height: 2.25rem;
}

.traLevelNum {
    margin-bottom: 0;
    /* font-family: "Expose-Medium"; */
    font-weight: 500;
    text-align: center;
    cursor: pointer;
}

@media (max-width: 767.98px) {

    /* .sop-training-table h5,
    .sop-training-table .sop-thead,
    .sop-training-table h6{
        font-size: 0.875rem;
    } */
    /* .sop-training-table .fs-16 {
        font-size: 0.875rem;
    } */
    .trainingAssociates img {
        width: 1.5rem;
        height: 1.5rem;
        flex: 0 0 1.5rem;
    }

    .trainingAssociates .d-flex {
        width: 115px;
    }

    .sop-training-table .level-circle {
        width: 1.25rem;
        height: 1.25rem;
        flex: 0 0 1.25rem;
    }

    .sop-training-table .fs-24 {
        font-size: 1.25rem;
    }

    .watermarkText {
        font-size: 20px;
    }

    .safari-browser-css .sop-thead {
        line-height: 1;
    }

    .safari-browser-css .matrixTable.font-size-aaa .sop-thead {
        max-width: 4rem;
    }

    .matrixTable.font-size-a h6,
    .matrixTable.font-size-a .sop-thead,
    .matrixTable.font-size-a .fs-16 {
        font-size: 0.75rem;
    }

    .sop-training-table .fs-16 {
        font-size: 0.875rem;
    }

    .matrixTable.font-size-aa h6,
    .matrixTable.font-size-aa .sop-thead,
    .matrixTable.font-size-aa .fs-16 {
        font-size: 1rem;
    }

    .matrixTable.font-size-aaa h6,
    .matrixTable.font-size-aaa .sop-thead,
    .matrixTable.font-size-aaa .fs-16 {
        font-size: 1.25rem;
    }

    .matrixTable.font-size-a .level_type_div {
        width: 2.375rem;
    }

    .level_type_div {
        width: 46px;
    }

    .matrixTable.font-size-aa .level_type_div {
        width: 56px;
    }

    .matrixTable.font-size-aaa .level_type_div {
        width: 65px;
    }

    .matrixTable.font-size-a h5 {
        font-size: 0.875rem;
    }

    .matrixTable h5 {
        font-size: 1rem;
    }

    .matrixTable.font-size-aa h5 {
        font-size: 1.25rem;
    }

    .matrixTable.font-size-aaa h5 {
        font-size: 1.5rem;
    }

    .matrixTable.font-size-a .fs-24 {
        font-size: 1rem;
    }

    .matrixTable .fs-24 {
        font-size: 1.25rem;
    }

    .matrixTable.font-size-aa .fs-24 {
        font-size: 1.5rem;
    }

    .matrixTable.font-size-aaa .fs-24 {
        font-size: 1.75rem;
    }
}


/* Table  */


/* SOP Training Matrix */

.uploadCsvModal .dragDocumentBox {
    height: 134px;
}


/* Common CSS  */

.select-tag-style+.select2-container.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #f2f2f2;
    border-color: #f2f2f2;
    border-radius: 6px;
    color: #9c9c9c;
    font-size: 15px;
    /* font-family: "Expose-Medium"; */
    font-weight: 500;
    padding-left: 12px;
    padding-right: 22px;
}

.select-tag-style+.select2-container.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    padding-left: 0;
    padding-right: 0;
}

.select-tag-style+.select2-container.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    right: 3px;
    left: auto;
    border: 0;
    width: 13px;
    height: 13px;
    background-color: #ff0000;
    color: #ffffff;
    font-size: 13px;
    padding: 0;
    line-height: 13px;
    border-radius: 100%;
    top: 50%;
    transform: translateY(-50%);
}

.min-w-150 {
    width: 150px;
    max-width: 100%;
}

.orSpan {
    color: #dddddd;
    font-size: 0.75rem;
    width: 150px;
    text-align: center;
}

.orSpan::before {
    content: "";
    background-color: #dddddd;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}
.or-vertical-line {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    font-size: 0.75rem;
}
.or-vertical-line::before {
    content: "";
    background-color: #dddddd;
    width: 1px;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}
.orSpan span {
    background-color: #ffffff;
    display: inline-block;
    position: relative;
    z-index: 1;
}

.table-data-align-middle td {
    vertical-align: middle;
}

.text-break {
    word-wrap: break-word !important;
    word-break: break-word !important;
}

.trainerImgName {
    max-width: 180px;
}

.traineeProfile {
    width: 2rem;
    height: 2rem;
    flex: 0 0 2rem;
    border-radius: 0.5rem;
    margin-right: 0.75rem;
    object-fit: cover;
}

.traineeProfile+div {
    max-width: calc(100% - 2rem);
    display: flex;
    flex-direction: column;
}
@media (max-width: 991.98px) {
    .or-vertical-line::before{
                width: 50%;
        height: 1px;
    }
}
@media (min-width: 576px) {
    .modal-620 .modal-dialog {
        max-width: 620px;
    }
}

.box-shadow-none {
    box-shadow: none !important;
}

.btn-link:hover svg path[fill="#2699FB"] {
    fill: var(--gemba-global-color-text);
}

.remove_banner {
    position: absolute;
    right: -5px;
    top: -5px;
    z-index: 1;
    line-height: 0;
    background-color: #ffffff;
    border-radius: 100%;
}

.dashboardAlertMsg .alert {
    margin-bottom: 0.5rem;
    top: 0.5rem;
}

.alert.alertTop {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    position: fixed;
    top: 1rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;
    width: auto;
    max-width: 90%;
}

.alert.alertTop button {
    padding-left: 10px;
}

.alert svg[height="45px"][width="45px"] {
    width: 30px;
    height: 30px;
}

.modal-header .close {
    outline: 0;
}

.d-contents {
    display: contents;
}

.step-dropdown-select2.select2-hidden-accessible {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
    display: none !important;
}

.badge.gemba-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 11px;
    font-weight: 600;
    padding: 3px 9px;
    border-radius: 20px;
    white-space: nowrap;
}

.b-primary {
    background: #D6EAFF;
    color: var(--blue);
}

.more-options {
    width: 26px;
    height: 26px;
    border-radius: 5px;
    border: none;
    background: transparent;
    color: #b0c8e0;
    font-size: 15px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s, color 0.15s;
}

.more-options:hover {
    background: #e0ecf8;
    color: var(--text-primary);
}
.btn-w-38 {
    width: 38px;
    height: 38px;
}
@media (max-width: 991.98px) {
    .overflow-x-auto-md {
        overflow-x: auto;
    }

    .a_link_cls .fa-chevron-left {
        width: 1rem;
    }

    .remove_banner svg {
        width: 1rem;
        height: 1rem;
        overflow: visible;
    }
}

@media (max-width: 575.98px) {
    .alert.alertTop {
        width: 100% !important;
    }

    .cs_upLoadBtn .orSpan {
        width: 70px;
    }

    .cs_upLoadBtn .mw-160px {
        min-width: 100px;
    }
}


/* Common CSS  */

.skill-modual-card {
    border: 1px solid var(--gemba-global-color-primary);
    background: var(--gemba-global-color-secondary);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.skill-modual-card.sop-banner-web-card {
    background-color: var(--gemba-global-color-accent);
    border-color: var(--gemba-global-color-accent);
}

@media (max-width: 575.98px) {
    .skill-modual-card.sop-banner-web-card .fs-24 {
        font-size: 1.125rem;
    }

    .skill-modual-card.sop-banner-web-card .fs-20 {
        font-size: 14px;
    }
}


/* Matrix Filter CSS  */

.search-bar.filterSearchBar input.form-control {
    min-width: auto;
    width: 225px;
    max-width: 100%;
    height: calc(1.25rem + 1rem + 0px);
}

.search-bar.filterSearchBar .searchIcon {
    top: 52%;
    left: 0.75rem;
    transform: translate(0%, -50%);
}

.filteractionDropdown.matrixFilterDropdown .dropdown-menu {
    max-height: unset;
}


/* Matrix Filter CSS  */

.planCheckBtns .btn-outline-primary {
    color: var(--text-primary);
    border-color: var(--input-border);
    font-weight: 500;
    background-color: #ffffff !important;
    box-shadow: none !important;
    margin-bottom: 0;
    font-size: 13px;
    line-height: normal;
}

.planCheckBtns .btn-outline-primary.active {
    background-color: #ffffff !important;
    color: var(--gemba-global-color-primary) !important;
    border-color: var(--blue) !important;
}

.featureBenefitsList ul {
    display: block !important;
}

.featureBenefitsList ul li {
    display: inline-block;
    margin-right: 2rem;
}

.next-prev-matrix-btn.btn-outline-primary {
    width: 50px;
    height: 50px;
    flex: 0 0 50px;
    display: inline-flex;
    align-items: center;
    border-color: rgba(0, 54, 89, 0.2);
}

.next-prev-matrix-btn.btn-outline-primary:hover svg path {
    fill: #ffffff;
}

.select-drop.matrix-dropdown {
    width: calc(100% - 116px);
}

.select-drop.matrix-dropdown .select2-container .select2-selection--single .select2-selection__rendered {
    text-align: center;
    /* font-family: "Expose-Bold"; */
    font-weight: 700;
    color: #000000;
    font-size: 1.25rem;
}

.select-drop.matrix-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-width: 10px 8px 0 8px;
    margin-left: -10px;
    border-color: var(--gemba-global-color-primary) transparent transparent transparent;
}

.select-drop.matrix-dropdown .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-width: 0 8px 10px 8px;
    border-color: transparent transparent var(--gemba-global-color-primary) transparent;
}

.select-drop.matrix-dropdown .select2-container .select2-selection--single {
    background-color: #f7fbff;
}

.select2-dropdown.custom-dropdown-class {
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    border: 0;
    border-radius: 2rem;
    overflow: hidden;
    padding: 0.25rem 0 1.5rem;
    margin-top: 0.25rem;
}

@media (max-width: 575.98px) {
    .next-prev-matrix-btn.btn-outline-primary {
        width: 36px;
        height: 36px;
        flex: 0 0 36px;
    }

    .select-drop.matrix-dropdown {
        width: calc(100% - 88px);
    }

    .select-drop.matrix-dropdown .select2-container .select2-selection--single .select2-selection__rendered {
        font-size: 1rem;
    }

    .select-drop.matrix-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow b {
        border-width: 5px 4px 0 4px;
    }

    .select-drop.matrix-dropdown .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
        border-width: 0 4px 5px 4px;
    }
}

.ttLogo {
    height: 3.75rem;
    width: auto;
}

.socialMediaGrid {
    display: inline-grid;
    grid-template-columns: auto auto auto auto;
    column-gap: 14px;
    row-gap: 14px;
}

.socialMediaGrid .btn {
    width: 50px;
    height: 50px;
    line-height: 39px;
    font-size: 1.5rem;
}

.modal-backdrop+.select2-container {
    z-index: 1071;
}


/* Matrix Full Screen View  */

.viewMatrixTable .matrixTable .table {
    margin: 0 auto;
}

html.fitToScreenHtml {
    font-size: 50%;
}

.fitToScreenMatrix .fs-24 {
    font-size: 1rem;
}

.fitToScreenMatrix .sop-thead {
    /* -webkit-line-clamp: 1;
    max-width: 1.5rem; */
    -webkit-line-clamp: 3;
    font-size: 0.875rem;
}

.fitToScreenMatrix .sop-training-table thead th.sop-th:nth-child(n + 25) .sop-thead {
    -webkit-line-clamp: 2;
}

.fitToScreenMatrix .form-lable,
.fitToScreenMatrix .fs-16 {
    font-size: 0.875rem;
}

.fitToScreenMatrix .form-lable {
    margin-bottom: 0.625rem;
}

.fitToScreenMatrix h5 {
    font-size: 1rem;
}

.fitToScreenMatrix .trainingAssociates .d-flex {
    width: 10rem;
}

.fitToScreenHtml .matrixTable .table {
    width: 100%;
}


@media (min-width: 768px) {
    .matrix-table-responsive {
        max-height: calc(100vh - 20rem);
        overflow-y: auto;
        border-top: 1px solid #dee2e6;
    }
}

@media (min-width: 1200px) {
    .matrix-table-responsive {
        max-height: calc(100vh - 12rem);
        overflow-y: auto;
        border-top: 1px solid #dee2e6;
    }

    .matrix-table-responsive .sop-training-table thead th {
        position: sticky;
        top: 0;
        z-index: 1000 !important;
        border-top: 0;
    }

    .matrix-table-responsive .sop-training-table thead th.sop-main-th {
        z-index: 1002 !important;
    }

    .table-footer {
        position: sticky;
        bottom: -1px;
        background-color: #ffffff;
        z-index: 999;
    }

    tbody.table-footer td {
        position: relative;
    }

    tbody.table-footer td::after {
        content: "";
        position: absolute;
        top: -1px;
        left: 0;
        width: 100%;
        height: 1px;
        background: #dee2e6;
    }

    tbody.table-footer tr td:first-child::after {
        background: 0;
        height: 0;
    }

    tbody.table-footer td::before {
        content: "";
        position: absolute;
        top: 0;
        right: -1px;
        height: 100%;
        width: 1px;
        background: #dee2e6;
    }

    tbody.table-footer tr:first-child td::after,
    tbody.table-footer tr:first-child td::before {
        display: none;
    }

    td.trainingAssociates::before,
    td.trainingAssociates::after,
    .sop-training-table thead tr th:first-child::before,
    .sop-training-table thead tr th:first-child::after {
        content: "";
        position: absolute;
        height: 100%;
        width: 1px;
        background: #dee2e6;
        top: 0;
    }

    td.trainingAssociates::before,
    .sop-training-table thead tr th:first-child::before {
        left: 0;
    }

    td.trainingAssociates::after,
    .sop-training-table thead tr th:first-child::after {
        right: 0;
    }

    .table-footer td.trainingAssociates::before {
        display: none;
    }

    .table-footer tr:first-child td {
        position: relative;
        top: 1px;
        z-index: -1;
    }
}

@media (max-width: 767.98px) {
    .fitToScreenMatrix header{
        display: none;
    }
    .fitToScreenMatrix .dash-container{
        margin-top: 0;
        padding-top: env(safe-area-inset-top, 0px);
    }
    .fitToScreenMatrix .page-title-header{
        position: sticky;
        top: env(safe-area-inset-top, 0px);
    }
    .fitToScreenMatrix .page-title-header::before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        /* Span from negative safe area height up to the top boundary */
        top: calc(-1 * env(safe-area-inset-top, 0px));
        height: env(safe-area-inset-top, 0px);
        z-index: 1;
        background-color: #ffffff;
    }
    .ttLogo{
        height: 2rem;
    }
    .fitToScreenMatrix .py-3.sticky-bottom{
        padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px)) !important;
    }
}
/* Matrix Full Screen View  */

.spinner-container {
    position: relative;
    /* Normal positioning */
    width: 100%;
    /* Full width */
    height: 50vh;
    /* Set to 50% of the viewport height */
    display: flex;
    align-items: center;
    /* Center vertically */
    justify-content: center;
    /* Center horizontally */
}

.label-container .associte_tag {
    display: none;
}

.label-container-department .associte_department {
    display: none;
}

.label-container-shift .associte_shift {
    display: none;
}

.label-container .associte_tag:nth-child(-n + 3) {
    display: inline-block;
    /* Show the first four labels initially */
}

.label-container-department .associte_department:nth-child(-n + 4) {
    display: inline-block;
    /* Show the first four labels initially */
}

.label-container-shift .associte_shift:nth-child(-n + 4) {
    display: inline-block;
    /* Show the first four labels initially */
}


/* Table CSS  */

.fixed-table-body::-webkit-scrollbar {
    height: 8px;
    width: 6px;
}

.fixed-table-body::-webkit-scrollbar-track {
    border-radius: 4px;
}

.fixed-table-body::-webkit-scrollbar-thumb {
    margin: 2px;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.2);
}

.table-responsive.tableScrollStyle {
    overflow: hidden;
}

.tableScrollStyle .dataTables_scroll {
    border: 1px solid #dee2e6;
    border-top: 0;
}

.tableScrollStyle table.dataTable {
    margin-top: 0 !important;
}

.tableScrollStyle .dataTables_scrollBody {
    height: auto !important;
    max-height: calc(100vh - 20rem);
}

.tableScrollStyle .fixed-table-container {
    height: calc(100vh - 15rem) !important;
    border: 1px solid #dee2e6;
    border-top: 0;
}

.tableScrollStyle .bootstrap-table .fixed-table-container .table thead th {
    padding: 0.75rem;
}

.tableScrollStyle .bootstrap-table .fixed-table-container .fixed-table-header {
    margin-right: 0 !important;
}


/* Table CSS  */

.card.suggestion {
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
}


/* SOP Requests Page CSS Start */

.stdops-card.sopRequest__card {
    border: 0 !important;
    height: auto;
    max-width: 100%;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
}

.stdops-card.sopRequest__card .card-body {
    padding: 1.25rem;
}

.sopRequest__card .tableReadMore {
    white-space: pre-wrap;
}

.sopRequest-flex .user-details h5 {
    /* font-family: "Expose-Bold"; */
    font-weight: 700;
    padding-right: 10rem;
    color: rgba(0, 54, 89, 0.8);
    font-size: 1.125rem;
}

.sopRequest-flex .user-details p {
    font-size: 14px;
    margin-bottom: 0.25rem;
}

.sopRequest__card .tableReadMore {
    max-height: 46px;
    color: rgba(0, 54, 89, 0.7);
    font-size: 14px;
    font-weight: 400;
}

.sopRequest__card .tableReadMore+a {
    font-size: 14px;
    /* font-family: "Expose-Medium"; */
    font-weight: 500;
}

.sopRequest__srd,
.fsopRequest__date {
    font-size: 14px;
    /* font-family: "Expose-Medium"; */
    font-weight: 500;
}

.sopRequest__srd span,
.fsopRequest__date {
    color: rgba(124, 128, 131, 1);
    font-weight: 400;
}

.viewRight-column.sopRequestRight-column {
    max-width: 253px;
    width: 100%;
}

.d-flex.reivew-user-option {
    align-items: center;
}

@media (max-width: 575.98px) {
    .sopRequest-flex .user-details {
        width: 100%;
    }

    .sopRequest-flex a.drop-a {
        position: relative;
        top: -1rem;
    }

    .stdops-card.sopRequest__card .card-body {
        padding: 1rem;
    }

    .sopRequest-flex .user-details h5 {
        padding-right: 3rem;
    }
}


/* SOP Requests Page CSS End */


/* SOP Analytics Page CSS Start */

.dash-container.sop-analytics-container {
    min-height: auto;
    height: calc(100vh - 74px);
}

.fs-36 {
    font-size: 2.25rem;
}

.sop-analytics-card {
    max-height: 30rem;
}

.card.border-0 {
    border: 0 !important;
}

@media (max-width: 767.98px) {
    .sop-analytics-card {
        height: auto;
        max-height: 300px;
    }
}


/* SOP Analytics Page CSS Start */


/* Step By Step View  */

.stepByStep-container {
    min-height: auto;
    height: calc(100vh - 4.625rem);
}

.stepByStep-carousel .owl-stage-outer,
.stepByStep-carousel .owl-stage,
.stepByStep-carousel .owl-item {
    height: 100%;
}

.overflow-y-auto {
    overflow-y: auto;
}

.overflow-x-hidden {
    overflow-x: hidden;
}

.stepByStep-container .view_image-card .fa-play {
    width: 50px;
    height: 50px;
}

.stepbyStepCard {
    border-radius: 1rem;
    border: 1px solid var(--card-border);
    box-shadow: 0 8px 32px rgba(6, 121, 255, 0.08);
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
}

.stepbyStepCard .card-header .dropdown .icon-wrap svg {
    width: 1.125rem;
    height: 1.125rem;
}

.stepbyStepCard .card-footer .custom_select2 .select2-container .select2-selection--single {
    height: 2.25rem;
}

.stepbyStepCard .card-footer .custom_select2 .select2-container--default .select2-selection--single .select2-selection__rendered {}

@media (min-width: 768px) {
    .stepbyStepCard {
        max-width: 26.25rem;
        width: 100%;
        margin: 0 auto;
        transition: max-width .15s ease-in-out, flex .15s ease-in-out;
    }

    .largeColumn .stepbyStepCard,
    .extraLargeColumn .stepbyStepCard {
        max-width: 100%;
    }
}

@media (max-width: 575.98px) {
    .stepByStep-container {
        padding-top: 0rem !important;
        padding-bottom: 0 !important;
    }

    .stepByStep-container>.container,
    .stepByStep-container>.container .row .col-xl-4 {
        padding: 0;
    }

    .stepByStep-container>.container>.row {
        margin: 0;
    }

    /* .stepByStep-container .container {
        padding-left: 0;
        padding-right: 0;
    } */
    .stepbyStepCard {
        border: 0 !important;
        border-radius: 0;
    }

    /* .stepbyStepCard .px-3,.stepbyStepCard .p-3{
        padding-left: 0 !important;
        padding-right: 0 !important;
    } */
    /* .stepbyStepCard .p-3 {
        padding: 0 !important;
    } */
    .stepByStep-container {
        height: calc(100% - 4.375rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));
    }
}


/* Step By Step View  */

.hex-btn:hover,
.rgb-btn:hover {
    background-color: var(--gemba-global-color-text);
}

.color-button button.close-btn {
    background-color: var(--gemba-global-color-text);
}

.color-button button.close-btn:hover {
    color: #ffffff;
}

.cover-sheet-label {
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    text-align: right;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #003659;
}

.cover-sheet-card .card-body {
    padding: 5px 16px;
    overflow-y: auto;
}

.cover-sheet-card ul li.border-bottom:last-child {
    border-bottom: 0 !important;
}


/* .card.cover-sheet-card{
    height: 300px;
} */

.coversheet-title {
    width: 30%;
}

.coversheet-description {
    width: 70%;
}

.cover-sheet-title {
    font-size: 15px;
    text-align: left;
    color: #00365999;
}

.coverRoundActionBtn {
    gap: 12px;
}

.coverRoundActionBtn .btn {
    width: 1.875rem;
    height: 1.875rem;
    flex: 0 0 1.875rem;
    padding: 0;
    line-height: 1.875rem;
    font-size: 13px;
}

@media (max-width: 575.98px) {
    .coverRoundActionBtn {
        gap: 6px;
    }
}


/* Voice to Text CSS */

.audioInputDropdown {
    max-width: 17.5rem;
    width: 100%;
}

.audioInputDropdown .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #003659 transparent transparent transparent;
}

.audioInputDropdown .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #003659 transparent;
}

.audioInputDropdown .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 1rem;
}

.voiceRecordBox {
    border: 1px solid var(--gemba-global-color-primary);
    position: relative;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    overflow: hidden;
    height: 162px;
}

.recordinPlayBtn {
    width: 2.375rem;
    height: 2.375rem;
    padding: 0;
}

.btn-primary.pause_btn {
    background-color: #ff9400;
    border-color: #ff9400;
}

.flex_line {
    width: calc(100% - 60px);
}

.flex-60 {
    flex: 0 0 60px;
}

.voiceRecordRow .col-1 {
    -ms-flex: 0 0 4.75rem;
    flex: 0 0 4.75rem;
    max-width: 4.75rem;
}

.voiceRecordRow .col-11 {
    -ms-flex: 0 0 calc(100% - 4.75rem);
    flex: 0 0 calc(100% - 4.75rem);
    max-width: calc(100% - 4.75rem);
}

.waveTimerBottom {
    position: absolute;
    left: 50%;
    bottom: 3px;
    line-height: 1;
    background: #ffffff;
    z-index: 2;
    padding: 0.25rem;
    transform: translateX(-50%);
}

@media (max-width: 575.98px) {
    .audioInputDropdown {
        max-width: 100%;
    }

    .text-mob-center {
        text-align: center;
    }
}

@media (min-width: 768px) {
    .voiceInputModal .modal-lg {
        max-width: 750px;
    }
}

@media (min-width: 992px) {
    .voiceInputModal .modal-lg {
        max-width: 800px;
    }
}


/* Voice to Text CSS */

.disabled-link {
    pointer-events: none;
    /* Disable clicks */
    opacity: 0.5;
    /* Make it look disabled */
    color: #aaa;
    /* Gray out the text */
    text-decoration: none;
}

.min-w-34 {
    min-width: 34px;
}

.min-w-43 {
    min-width: 2.688rem;
}

.btn-outline-primary.dash-btn:hover svg path {
    fill: #ffffff;
}

.introjs-tooltip,
.introjs-tooltip-title,
.introjs-tooltip-text,
.introjs-bullets,
.introjs-helperLayer,
.introjs-overlay,
.introjs-tooltipbuttons button,
.introjs-tooltipReferenceLayer * {
    /* font-family: "Expose-Regular", sans-serif !important; */
    font-weight: 400 !important;
}

.introjs-tooltip-header .introjs-tooltip-title {
    /* font-family: "Expose-Bold" !important; */
    font-weight: 700 !important;
}


/* Dashboard Search   */

.search-container {
    position: relative;
    display: inline-block;
}

.search-dropdown {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 45px;
    overflow: hidden;
    background: transparent;
    box-shadow: none;
    border: 1px solid transparent;
    padding: 0;
    border-radius: 0.5rem;
    z-index: 1000;
    transition: width 0.4s ease-in-out;
    -webkit-transition: width 0.4s ease-in-out;
    -moz-transition: width 0.4s ease-in-out;
    -ms-transition: width 0.4s ease-in-out;
    -o-transition: width 0.4s ease-in-out;
}

.search-dropdown form {
    display: flex;
    align-items: center;
    width: 100%;
    background: rgb(255 255 255);
    border-radius: 0.5rem;
    overflow: hidden;
}

.search-dropdown .searchIcon {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
}

.search-dropdown input.form-control {
    width: 65%;
    /*min-width: 330px;
    */
    background: rgb(255 255 255);
    border-radius: 0.5rem;
    border: 0;
    font-size: 14px;
    height: calc(2em + 1rem + 0px);
    padding-left: 2.5rem;
    padding-right: 0rem;
    box-shadow: none !important;
    transition: padding-right 0.4s ease-in-out;
    -webkit-transition: padding-right 0.4s ease-in-out;
    -moz-transition: padding-right 0.4s ease-in-out;
    -ms-transition: padding-right 0.4s ease-in-out;
    -o-transition: padding-right 0.4s ease-in-out;
    border: none;
    outline: none;
    display: none;
}

.folder-parent .search-dropdown input.form-control {
    width: 100%;
    padding-right: 2.5rem;
}

/* When Active */

.close-search {
    opacity: 0;
}

.search-dropdown.active {
    width: 400px;
    /* Expanded width */
    padding: 0;
    overflow: visible;
    border-color: var(--input-border);
    background: #ffffff;
    box-shadow: var(--card-shadow);
}

.search-dropdown.active .close-search {
    opacity: 1;
}

.search-dropdown.active input.form-control {
    display: block;
    /* Show input field */
}

.gap-1 {
    gap: 0.25rem !important;
}

.gap-2 {
    gap: 0.5rem !important;
}

.gap-10 {
    gap: 0.625rem !important;
}

.gap-12 {
    gap: 0.75rem !important;
}

.gap-20 {
    gap: 1.25rem !important;
}

.gembaSearchBtn+.clearDataBtn {
    transition: 0.4s all ease-in-out;
    -webkit-transition: 0.4s all ease-in-out;
    -moz-transition: 0.4s all ease-in-out;
    -ms-transition: 0.4s all ease-in-out;
    -o-transition: 0.4s all ease-in-out;
}

.gembaSearchBtn.searchToggleOpen+.clearDataBtn {
    z-index: 1001;
    top: 0.625rem;
    right: 1.25rem;
}

.gembaSearchBtn.gembaSopSearchBtn.searchToggleOpen+.clearDataBtn {
    right: 7.75rem;
}


/* .search-dropdown.sop-search-dropdown input.form-control {
    padding-right: 8.5rem !important;
} */

.search-dropdown .searchIcon {
    left: 0.75rem !important;
}

.dashboardMoreOptions .dropdown-item {
    padding: 0.5rem 1rem;
    font-size: 1rem;
    color: #384355;
    display: flex;
    align-items: center;
}

.dashboardMoreOptions .dropdown-item svg {
    width: 1.375rem;
    height: 1.375rem;
    flex: 0 0 1.375rem;
    overflow: visible;
    margin-right: 0.5rem;
}

.dashboardMoreOptions .dropdown-item:hover {
    color: var(--gemba-global-color-primary);
}

.dashboardMoreOptions .dropdown-item.active,
.dashboardMoreOptions .dropdown-item:active {
    background-color: #ffffff;
}

.dashboardMoreOptions .dropdown-item:active svg path {
    fill: #384355;
}

.dashboardMoreOptions .dropdown-item:hover svg path {
    fill: var(--gemba-global-color-primary);
}

.grid-btn-group .dropdown-item {
    display: flex;
}

.grid-btn-group .dropdown-item.active {
    display: none;
}

.searchDropdownPlace {
    right: 1.15rem;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden;
    transform: 0.4s all ease-in-out;
    -webkit-transform: 0.4s all ease-in-out;
    -moz-transform: 0.4s all ease-in-out;
    -ms-transform: 0.4s all ease-in-out;
    -o-transform: 0.4s all ease-in-out;
}

.searchDropdownPlace .select2-container {
    width: 100px !important;
}

.search-dropdown.active .searchDropdownPlace {
    opacity: 1;
    visibility: visible;
}

.searchDropdownPlace .select2-container--default .select2-selection--single {
    font-size: 0.75rem;
    border: 0;
    border-radius: 0.5rem;
}

.searchDropContainer.select2-dropdown {
    border: 1px solid var(--card-border);
    box-shadow: var(--card-shadow);
    border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    -ms-border-radius: 8px !important;
    -o-border-radius: 8px !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    /* width: 7rem !important; */
    overflow: hidden;
    font-size: 0.75rem;
}

.searchDropdownPlace .select2-container--default .select2-selection--single {
    background-color: #dbecfe;
    text-align: left;
}


/* .select2-container--open .searchDropContainer.select2-dropdown {
    left: -12px;
} */

@media (max-width: 1799.98px) {
    /* .search-dropdown {
        transition: none;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
    } */
}

@media (max-width: 767.98px) {
    .dashboardMoreOptions .grid-btn-group .dropdown-item {
        display: none !important;
    }
}

@media (max-width: 575.98px) {
    .search-dropdown.active {
        width: calc(100vw - 1.875rem);
        /* padding: 5px;
        margin-top: 5px; */
    }

    .search-dropdown input.form-control {
        height: calc(1.5em + 1rem + 2px);
    }

    .search-container {
        margin-left: auto;
    }

    .search-dropdown .searchIcon {
        left: 0.75rem !important;
    }

    /* .search-dropdown {
        transition: none;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
    } */
}


/* Dashboard Search   */

.functionality_name {
    margin-bottom: 0;
    padding: 0px 0px;
    color: black;
    /* font-family: "Expose-Medium"; */
    font-weight: 500;
    line-height: 1.134;
}

.collapse_Multi_ImagePdf {
    font-weight: 500 !important;
    font-size: 13px;
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    gap: 0.5rem;
}

.collapse_Multi_ImagePdf i {
    transition: 0.3s transform;
}

.collapse_Multi_ImagePdf[aria-expanded="true"] i {
    transform: rotate(90deg);
}


/* Bulk Upload SOP */

.dash-container.sop-bulk-upload-container {
    height: calc(100vh - 74px);
    min-height: auto;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    /* overflow-y: auto; */
}

/* .sop-bulk-container {
    height: calc(100% - 67px);
    overflow-y: auto;
} */

.dash-container.sop-bulk-upload-container>.container {
    flex: 1 1 auto;
}

.drag-upload-pdf-box {
    width: 100%;
    height: calc(100vh - 286px);
    border: 0;
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='10' ry='10' stroke='%230679FF' stroke-width='2' stroke-dasharray='10' stroke-dashoffset='16' stroke-linecap='square'/%3e%3c/svg%3e");
    border-radius: 10px;
}

.drag-upload-pdf-box {
    transition: 0.3s height ease-in-out;
    -webkit-transition: 0.3s height ease-in-out;
    -moz-transition: 0.3s height ease-in-out;
    -ms-transition: 0.3s height ease-in-out;
    -o-transition: 0.3s height ease-in-out;
}

.drag-upload-pdf-box.importKanbanBox {
    min-height: 244px;
}

.drag-upload-pdf-box.afterUploadedBox {
    height: 12rem;
}

.drag-upload-pdf-box.bulk-doc-upload-box {
    height: auto;
    padding: 3rem 2rem 2rem;
    text-align: center;
}

.sop-pdf-progress {
    max-width: 370px;
    width: 100%;
}

.loader-dots {
    display: flex;
    justify-content: center;
    align-items: center;
}

.loader-dots span {
    width: 10px;
    height: 10px;
    background-color: var(--gemba-global-color-accent);
    margin: 0 10px;
    border-radius: 50%;
    animation: bounce 0.6s infinite ease-in-out;
}

.loader-dots span:nth-child(2) {
    animation-delay: 0.1s;
}

.loader-dots span:nth-child(3) {
    animation-delay: 0.2s;
}

.loader-dots span:nth-child(4) {
    animation-delay: 0.3s;
}

@keyframes bounce {

    0%,
    100% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.5);
        opacity: 0.5;
    }
}

@media (max-width: 1199.98px) {
    .sop-bulk-container {
        height: calc(100% - 67px);
    }

    .dash-container.sop-bulk-upload-container {
        height: calc(100vh - 70px);
    }
}

@media (max-width: 575.98px) {
    .sop-bulk-save-btn .container {
        padding: 0;
    }

    .add-dash-title.sop-bulk-save-btn .btn.dash-btn {
        width: 46%;
    }

    .drag-upload-pdf-box.afterUploadedBox {
        min-height: 10rem;
    }

    .dash-container.sop-bulk-upload-container>.container {
        overflow-y: auto;
    }

    .drag-upload-pdf-box.bulk-doc-upload-box {
        padding: 2rem 1rem 1rem;
    }

    .drag-upload-pdf-box.bulk-doc-upload-box,
    .drag-upload-pdf-box.bulk-doc-upload-box h6.fs-5 {
        font-size: 0.875rem;
    }
}


/* Bulk Upload SOP */

[contenteditable="true"] {
    white-space: normal !important;
    word-break: break-word;
}


/* Review Your SOP with AI Start*/

.currency-tabs input.btn-check[type="radio"] {
    position: absolute;
    opacity: 0;
}

.currency-tabs .currency-tab-items .btn {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    margin-bottom: 0;
}

.currency-tabs .currency-tab-items:first-child .btn {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
}

.currency-tabs .currency-tab-items:last-child .btn {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}

.currency-tabs input.btn-check[type="radio"]:checked+.btn-primary {
    background-color: #ff9400;
    border-color: #ff9400;
}

.amountRadioBtn input.btn-check {
    position: absolute;
    opacity: 0;
    left: 0;
    top: 0;
}

.amountRadioBtn label.btn-primary {
    color: var(--gemba-global-color-primary) !important;
    background-color: #dbecfe !important;
    border-color: #dbecfe !important;
    margin-bottom: 0;
    border-width: 2px;
    /* font-family: "Expose-Medium"; */
    font-weight: 500;
    width: 100%;
}

.amountRadioBtn input.btn-check[type="radio"]:checked+label.btn-primary {
    border-color: var(--gemba-global-color-primary) !important;
}

.AvailableCreditsCard {
    background-color: var(--gemba-global-color-text);
    color: #ffffff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.subpage-title.cw-title h2 {
    padding-bottom: 0;
}

.subpage-title.cw-title h2::after {
    display: none;
}

.creditWalletTable tbody td {
    vertical-align: middle;
}

.AvailableCreditsCard h4 {
    /* font-family: "Expose-Medium"; */
    font-weight: 500;
}

.AvailableCreditsCard h4+h4 {
    font-size: 2.25rem;
    /* font-family: "Expose-Bold"; */
    font-weight: 700;
}

.row.ai-steps-row {
    display: block;
    overflow: hidden;
}

.ai-steps-row .col-6 {
    -ms-flex: unset;
    flex: unset;
    max-width: unset;
}

.ai-steps-row .col-6.ai-steps-img-column {
    -ms-flex: unset;
    flex: unset;
    max-width: unset;
    float: left;
    width: 50%;
}

.ai-steps-row .col-6.ai-steps-desc-column {
    -ms-flex: unset;
    flex: unset;
    max-width: unset;
}

.form-control.ph_caps::-moz-placeholder {
    text-transform: capitalize !important;
}

.form-control.ph_caps:-ms-input-placeholder {
    text-transform: capitalize !important;
}

.form-control.ph_caps::-webkit-input-placeholder {
    text-transform: capitalize !important;
}

@media (max-width: 575.98px) {
    .AvailableCreditsCard h4 {
        font-size: 1.25rem;
    }

    .AvailableCreditsCard h4+h4 {
        font-size: 1.875rem;
    }
}


/* Review Your SOP with AI End */

.btn-accent.dash-btn-outer {
    color: var(--gemba-global-color-accent);
    border-color: var(--gemba-global-color-accent);
    font-size: 1rem;
    border-radius: 6px;
    font-weight: normal;
    padding: 0.544rem 0.75rem;
}


/* Translate Modal  Start*/

.language_modal .custom-control-label span.ml-3 {
    margin-left: 0 !important;
}


/* .language_modal .custom-control-label::after,
.language_modal .custom-control-label::before {
    top: 6px !important;
} */

.language_modal .custom-control-label {
    word-break: break-word;
    padding-right: 2rem;
    line-height: normal;
}


/* Translate Modal  End*/


/* Banner CSS  */

.downloadApp .close-btn.bannerCloseBtn {
    position: absolute;
    top: 5px;
    right: 5px;
}

@media (max-width: 991.98px) {
    .downloadApp.offcanvas-container .app_btn .dmp_storBtn img {
        width: auto;
        height: 2.5rem;
    }

    .downloadApp.offcanvas-container .fs-24 {
        font-size: 1.25rem;
    }

    .downloadApp.offcanvas-container .fs-20 {
        font-size: 1rem;
    }

    .downloadApp.offcanvas-container .app_btn {
        padding-right: 2rem;
    }
}

@media (max-width: 575.98px) {
    .downloadApp.offcanvas-container .app_btn {
        padding-right: 0;
    }
}


/* Banner CSS  */


/* Add User For Reminder CSS  */

@media (max-width: 575.98px) {
    .addUserModalSearch .w-50 {
        width: 70% !important;
    }

    /* .addUserModalSearch h4.dash-titlename.dash__title_sm {
        line-height: normal;
        font-size: 1rem;
    } */
}


/* Add User For Reminder CSS  */


/* #image_edit_annotation_base *,
#image_edit_annotation1_base *,
#image_add_annotation_base * {
    overflow-x: auto !important;
    scrollbar-width: none;
} */

#image_edit_annotation_base *::-webkit-scrollbar,
#image_edit_annotation1_base *::-webkit-scrollbar,
#image_add_annotation_base *::-webkit-scrollbar {
    display: none;
    /* hide in Chrome, Safari, Edge */
}


/* SOP Thumbnail Image */

.sopImg,
.own-pdf-thumbnail {
    display: inline-block;
    width: 70px;
    flex: 0 0 70px;
    position: relative;
    border-radius: 0.5rem;
    margin-right: 14px;
}
.sopImg,
.own-doc-thumbnail {
    display: inline-block;
    width: 70px;
    flex: 0 0 70px;
    position: relative;
    border-radius: 0.5rem;
    margin-right: 14px;
}


/* .sopImg {
    height: 100px;
    max-height: 100px;
} */

.sopImg img {
    /* position: absolute; */
    object-fit: cover;
    /* left: 0;
    right: 0;
    top: 0;
    bottom: 0; */
    width: 100%;
    border-radius: 0.5rem;
    max-height: 210px;
    min-height: 70px;
}

.sopImg .video-sop-icon {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.own-pdf-thumbnail {
    padding: 10px;
    text-align: center;
    margin-top: 0.25rem;
    font-size: 11px;
    font-weight: 700;
    color: var(--red);
    letter-spacing: 0.04em;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 70px;
    background-color: #fff0f0;
}
.own-doc-thumbnail {
    padding: 10px;
    text-align: center;
    margin-top: 0.25rem;
    font-size: 11px;
    font-weight: 700;
    color: var(--blue);
    letter-spacing: 0.04em;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 70px;
    background-color: #cae5f9;
}

.own-pdf-thumbnail svg {
    width: auto;
    height: 3.313rem;
    margin-top: 0 !important;
}

.fullWidthColumn.list-column .own-pdf-thumbnail svg {
    height: 2.688rem;
}

.fullWidthColumn.list-column .own-pdf-thumbnai {
    margin-top: 0;
}

.fullWidthColumn.grid-column .sop-placeholder-thumbnail {
    display: none !important;
}
.sop-placeholder-thumbnail {
    height: 0;
}
.fullWidthColumn.grid-column .thumnailSopOn.sop-placeholder-content {
    width: 100% !important;
}

/* SOP Tracking Modal  */

.progressUploadCenter {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.soptrackingtoggle {
    display: flex;
    gap: 1rem;
}

.soptrackingtoggle label.btn {
    min-width: 5rem;
}

.soptrackingtoggle .btn-outline-danger:hover {
    color: rgb(255, 255, 255);
    background-color: rgb(220, 53, 69);
    border-color: rgb(220, 53, 69);
}

.soptrackingtoggle .btn-outline-danger {
    color: var(--gemba-global-color-primary);
    border-color: var(--gemba-global-color-primary);
    box-shadow: none !important;
}

@media (min-width: 1200px) {
    .trackRow .col-xl-1 {
        flex: 0 0 10%;
        max-width: 10%;
    }
}

@media (max-width: 575.98px) {
    .soptrackingtoggle label.btn {
        min-width: 48%;
    }
}


/* SOP Tracking Modal  */


/* SOP Video & Steps  */

.installVideoSopCard .card-body {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.installVideoSopCard .card-body .btn-lg {
    font-size: 1rem;
}

.sopVideoContainer {
    position: relative;
    padding-bottom: 56.25%;
    /*16:9*/
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    height: 0;
    border-radius: 0.625rem;
    -webkit-border-radius: 0.625rem;
    -moz-border-radius: 0.625rem;
    -ms-border-radius: 0.625rem;
    -o-border-radius: 0.625rem;
}

.sopVideoContainer iframe,
.sopVideoContainer video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.stepsTimeCard {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    border-radius: 0.625rem;
    -webkit-border-radius: 0.625rem;
    -moz-border-radius: 0.625rem;
    -ms-border-radius: 0.625rem;
    -o-border-radius: 0.625rem;
    overflow: hidden;
    height: 36.421rem;
}

.stepsTimeCard .card-body {
    padding: 1rem;
    overflow-y: auto;
}

.v-sop-action-btn a svg {
    width: 22px;
    height: 22px;
    stroke: var(--dark);
    fill: none;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.uploading_recording {
    background-color: #f2f2f2;
    width: 100%;
    height: 100%;
    z-index: 2000;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.upload-container {
    position: relative;
    max-width: 35rem;
    width: 100%;
    margin: 0 auto;
}

.upload-container .card {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    border: 0;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.upload-container .card .card-body {
    padding: 2.5rem;
}

@media (max-width: 1399.98px) {
    .stepsTimeCard {
        height: 30.5rem;
    }
}

@media (max-width: 1199.98px) {
    .stepsTimeCard {
        height: 23rem;
    }
}

@media (max-width: 991.98px) {
    .sopVideoContainer {
        margin-bottom: 1rem;
    }
}

@media (max-width: 575.98px) {
    .upload-container .card .card-body {
        padding: 2rem 1rem;
    }

    .upload-container .fs-20 {
        font-size: 1rem;
    }

    .upload-container .btn.dash-btn {
        font-size: 13px;
        padding: 0.5rem 0.5rem;
    }

    .stepsTimeCard {
        height: 25rem;
    }

    .v-sop-steps-title {
        line-height: normal;
        margin-bottom: 0.5rem;
    }
}


/* SOP Video & Steps  */

.videoQrCode {
    position: absolute;
    right: 0.25rem;
    bottom: 0.25rem;
    width: 50px;
    height: 50px;
    background-color: #ffffff;
    padding: 2px;
}


/* Dashboard Skill tab content data design  */

.sm-container .subpage-heading-section h1 {
    font-family: "Tanker-Regular";
    font-weight: 400;
    font-size: 4rem;
    line-height: 1;
    margin-bottom: 1rem;
}

.sm-container .subpage-heading-section h1 span {
    color: var(--gemba-global-color-accent);
}

.sm-container .heading_paragraph {
    color: var(--gemba-global-color-text);
    font-weight: 600;
}

.sm-container .try-free-section {
    border: 2px solid var(--gemba-global-color-primary);
    background-color: var(--gemba-global-color-secondary);
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
}

.sm-container .try-free-section h2 {
    font-family: "Tanker-Regular";
    font-weight: 400;
    font-size: 4rem;
    line-height: 1;
    margin-bottom: 1rem;
    color: var(--gemba-global-color-primary);
}

.sm-container .try-free-section ul li {
    /* font-family: "Expose-Bold"; */
    font-weight: 700;
    font-size: 1.25rem;
}

.sm-container .section-title h3 {
    /* font-family: "Expose-Bold"; */
    font-weight: 700;
    font-size: 2.5rem;
    margin-bottom: 0;
    color: var(--gemba-global-color-text);
}

.sm-container .section-paragraph {
    font-size: 1rem;
    /* font-family: "Expose-Medium"; */
    font-weight: 500;
    margin-bottom: 0;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
}

.sm-container .video-container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 56.25%;
    background: #000;
    cursor: pointer;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
    overflow: hidden;
    border: 2px solid #000000;
}

.sm-container .video-container.hp-video-container {
    border-color: var(--gemba-global-color-primary);
    border-radius: 1.5rem;
    border-width: 3px;
}

.sm-container .video-container img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sm-container .video-container .play-button.play-button-red {
    background-color: #ffffff;
    border-radius: 100%;
}

.sm-container .video-container .play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #ffffff;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.sm-container .video-container .play-button svg {
    width: 4rem;
    height: 4rem;
    opacity: 1;
}

.sm-container .video-container .play-button svg path {
    fill: #ff0000;
}

.sm-container .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
}

.sm-container .tryforfree-card {
    color: #000000;
    border: 2px solid var(--gemba-global-color-primary);
    border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    -ms-border-radius: 0.5rem;
    -o-border-radius: 0.5rem;
}

.sm-container .tryforfree-card .card-body p {
    /* font-family: "Expose-Bold"; */
    font-weight: 700;
    font-size: 1.5rem;
}

.sm-container .btn.btn-accent {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 1rem;
    border-radius: 3rem;
    -webkit-border-radius: 3rem;
    -moz-border-radius: 3rem;
    -ms-border-radius: 3rem;
    -o-border-radius: 3rem;
    /* font-family: "Expose-Bold"; */
    font-weight: 700;
}

.skill-page-free-trail-btn {
    margin-bottom: -50px;
    padding: 1rem;
    background-color: #ffffff;
}

@media (min-width: 768px) {
    .sm-container .heading_paragraph {
        font-size: 1.25rem;
    }
}

@media (max-width: 767.98px) {

    .sm-container .subpage-heading-section h1,
    .sm-container .try-free-section h2 {
        font-size: 2rem;
    }

    .sm-container .try-free-section ul li {
        font-size: 1rem;
    }

    .sm-container .tryforfree-card .card-body p {
        font-size: 1.25rem;
    }

    .sm-container .section-title h3 {
        font-size: 2rem;
    }

    .sm-container .section-paragraph ul,
    .try-free-section ul {
        padding-left: 1.5rem;
    }

    .sm-container .tryforfree-card .btn.btn-accent,
    .sm-container .btn.btn-accent {
        width: 100%;
    }

    .skill-page-free-trail-btn {
        margin-bottom: 0;
        bottom: 0;
        padding-left: 0;
        padding-right: 0;
    }
}


/* Dashboard Skill tab content data design  */


/* Folder Page CSS start */


.folder-sidebar {
    width: 280px;
    min-width: 220px;
    background: var(--surface);
    border-right: 1.5px solid var(--border);
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    overflow: hidden;
}

.sidebar-tree {
    flex: 1;
    overflow-y: auto;
}

.tree-node {
    -webkit-user-select: none;
    user-select: none;
}

.tree-node {
    overflow: visible;
}

.tree-row {
    display: flex;
    align-items: center;
    gap: 3px;
    padding: 5px 8px 5px 0;
    border-radius: 6px;
    cursor: pointer;
    font-size: 12.5px;
    font-weight: 500;
    color: var(--text);
    transition: background 0.1s;
    position: relative;
    border: 1.5px solid transparent;
    overflow: visible;
}

.tree-row.active {
    background: var(--accent-bg);
    color: var(--accent);
    font-weight: 600;
}


.tree-row .folderDropdown {
    position: relative;
    margin-left: auto;
    display: flex;
    align-items: center;
}

.tree-row .folderDropdown .dropdown-menu {
    top: calc(100% + 4px);
    right: 0;
    left: auto;
    z-index: 1055;
}

.tree-row .folderDropdown .file-dots-btn {
    width: 22px;
    height: 22px;
    border-radius: 5px;
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 14px;
    color: var(--muted);
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    transition: background 0.12s;
}

.tree-row .folderDropdown .file-dots-btn:hover {
    background: var(--accent-bg);
    color: var(--accent);
}

/* Drag and Drop UI  */
.tree-row.ui-droppable.ui-droppable-active.sidebar-drop-hover {
    background: #dbeafe !important;
    border-color: var(--accent) !important;
    border-style: dashed !important;
    color: var(--accent);
    box-shadow: inset 3px 0 0 var(--accent);
}

.tree-row.active {
    background: var(--accent-bg);
    color: var(--accent);
    font-weight: 600;
}

.tree-row:hover .sub-folder-drop-setting {
    opacity: 1;
    visibility: visible;
}

.tree-icon {
    font-size: 14px;
    flex-shrink: 0;
    margin-right: 2px;
}

.tree-label {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
}

.tree-badge {
    flex-shrink: 0;
    font-size: 9.5px;
    font-weight: 700;
    background: var(--accent-bg);
    color: var(--accent-dark);
    padding: 1px 5px;
    border-radius: 0.5rem;
    margin-right: 6px;
}

.tree-toggle {
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 0.75rem;
    color: var(--muted);
    transition: transform 0.15s;
    border-radius: 3px;
}

.tree-toggle.leaf {
    opacity: 0;
    pointer-events: none;
}




.tree-children {
    display: none;
}

.tree-children.open {
    display: block;
}

.tree-toggle.open {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}
@media (min-width: 1400px) {
    .folder-page-row.align-items-xxl-center {
        align-items: center !important;
    }
}

@media (max-width: 1199.98px) {
    .folder-sidebar {
        position: absolute;
        background-color: #ffffff;
        z-index: 1021;
        height: 100%;
        transform: translateX(-100%);
        opacity: 0;
        transition:
            transform 0.3s ease-in-out,
            opacity 0.3s ease-in-out;
    }

    .folder-sidebar.show {
        transform: translateX(0);
        opacity: 1;
    }
    .folderSidebarBtn {
        position: absolute;
        bottom: 18px;
        left: 15px;
        display: none;
    }
    .folder-parent .folderSidebarBtn {
        position: relative;
        bottom: auto;
        left: auto;
        margin-right: 0;
        display: inline-flex;
    }

    .folder-parent .folder-sidebar-btn-column {
        -ms-flex-order: 2;
        order: 2;
    }

    .folder-parent .tabRow .order-md-2 {
        -ms-flex-order: 3;
        order: 3;
    }

    .folder-parent .create-std-column {
        margin-right: auto;
    }
}

@media (max-width: 991.98px) {
    .folder-last-column {
        margin-top: -2.25rem;
    }

    .folder-page-row .create-std-column {
        z-index: 1;
    }
}
@media (max-width: 767.98px) {
    .folder-parent .folderSidebarBtn {
        margin-bottom: 0.5rem;
    }
}
@media (max-width: 600px) {
    .folder-page-row .d-sm-none.d-inline-black {
        display: inline-block !important;
    }

    .d-sm-inline-block.d-none {
        display: none !important;
    }

    .folder-page-row .mob-w-100 {
        width: 100% !important;
    }
    .folder-parent .lastDashColumn {
        -ms-flex: 0 0 91.66666667%;
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%;
    }
}

@media (max-width: 575.98px) {
    .folder-last-column {
        margin-top: -1.5rem;
    }

    .folder-page-row .dash-titlename {
        font-size: 1rem;
    }
    .folderSidebarBtn.dashSquareBtn {
        width: 2rem;
        height: 2rem;
        min-width: 2rem;
    }

    .folderSidebarBtn.dashSquareBtn svg {
        width: 16px;
        height: 16px;
    }
    .folder-parent .folderSidebarBtn {
        margin-bottom: 0;
    }
}

/* Folder Page  End*/

.videoEditStep_ai_tool {
    right: 0;
    top: 0;
}

@media (max-width: 575.98px) {
    .videoEditStep_ai_tool {
        position: relative !important;
        float: right;
        margin-top: -2rem;
    }

    .videoEditStep_ai_tool .description_ai_link {
        margin-top: 0;
    }
}


/* Annotation Modal CSS  */

/* Keep overflow menu hidden when markerjs2 sets display: none */
[class*="toolbar-overflow-block"][style*="none"],
.toolbarfix_height[style*="none"] {
    display: none !important;
}

/* 4-column overflow menu container */
[class*="toolbar-overflow-block"]:not([style*="none"]),
.toolbarfix_height:not([style*="none"]) {
    max-height: 440px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    width: 425px !important;
    max-width: 90vw !important;
    background-color: #121212 !important;
    border-radius: 8px !important;
    padding: 8px 4px 16px 4px !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-content: flex-start !important;
    gap: 6px 2px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5) !important;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(255, 255, 255, 0.4) rgba(255, 255, 255, 0.08) !important;
}

/* Trailing spacer so the last row and its titles are completely visible and scrollable */
[class*="toolbar-overflow-block"]::after,
.toolbarfix_height::after {
    content: "" !important;
    display: block !important;
    width: 100% !important;
    height: 36px !important;
    flex: 0 0 100% !important;
    pointer-events: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Scrollbar styling for annotation overflow menu (override any global hide rules) */
#image_add_annotation_base [class*="toolbar-overflow-block"]::-webkit-scrollbar,
#image_add_annotation_base .toolbarfix_height::-webkit-scrollbar,
[class*="toolbar-overflow-block"]::-webkit-scrollbar,
.toolbarfix_height::-webkit-scrollbar {
    display: block !important;
    width: 6px !important;
}

#image_add_annotation_base [class*="toolbar-overflow-block"]::-webkit-scrollbar-track,
#image_add_annotation_base .toolbarfix_height::-webkit-scrollbar-track,
[class*="toolbar-overflow-block"]::-webkit-scrollbar-track,
.toolbarfix_height::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.08) !important;
    border-radius: 4px !important;
}

#image_add_annotation_base [class*="toolbar-overflow-block"]::-webkit-scrollbar-thumb,
#image_add_annotation_base .toolbarfix_height::-webkit-scrollbar-thumb,
[class*="toolbar-overflow-block"]::-webkit-scrollbar-thumb,
.toolbarfix_height::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.4) !important;
    border-radius: 4px !important;
}

#image_add_annotation_base [class*="toolbar-overflow-block"]::-webkit-scrollbar-thumb:hover,
#image_add_annotation_base .toolbarfix_height::-webkit-scrollbar-thumb:hover,
[class*="toolbar-overflow-block"]::-webkit-scrollbar-thumb:hover,
.toolbarfix_height::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.65) !important;
}

/* Each button card in the 4-column grid (icon on top, title below) */
[class*="toolbar-overflow-block"] [class*="_toolbar_button"],
.toolbarfix_height [class*="_toolbar_button"] {
    width: calc(25% - 2px) !important;
    flex: 0 0 calc(25% - 2px) !important;
    min-height: 66px !important;
    height: auto !important;
    max-height: 80px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 6px 2px 4px 2px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    text-align: center !important;
    transition: background-color 0.15s ease !important;
}

[class*="toolbar-overflow-block"] [class*="_toolbar_button"]:hover,
.toolbarfix_height [class*="_toolbar_button"]:hover {
    background-color: rgba(255, 255, 255, 0.15) !important;
}

/* Icon SVG */
[class*="toolbar-overflow-block"] [class*="_toolbar_button"] svg,
.toolbarfix_height [class*="_toolbar_button"] svg {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    max-width: 26px !important;
    flex-shrink: 0 !important;
    display: block !important;
    margin: 0 auto !important;
    overflow: visible !important;
}

/* Custom font SVG glyph */
[class*="toolbar-overflow-block"] [class*="_toolbar_button"][data-type-name^="icon"] svg text,
.toolbarfix_height [class*="_toolbar_button"][data-type-name^="icon"] svg text {
    font-size: 26px !important;
    transform: translate(3px, 6px) !important;
    -webkit-transform: translate(3px, 6px) !important;
}

/* Title text underneath (up to 2 lines with ellipsis) */
[class*="toolbar-overflow-block"] [class*="_toolbar_button"]::after,
.toolbarfix_height [class*="_toolbar_button"]::after {
    content: attr(title) !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.15 !important;
    color: rgba(255, 255, 255, 0.95) !important;
    text-align: center !important;
    width: 100% !important;
    margin-top: 4px !important;
    pointer-events: none !important;
    word-break: break-word !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

/* Hide any title in main top toolbar */
[class*="_toolbar_button"] .marker_icon_title {
    display: none !important;
}

[class*="toolbox-panel-row"]>div {
    scrollbar-width: auto !important;
}

.is-transparent {
    outline: 1px dashed #666;
    outline-offset: -2px;
}

@media (max-width: 575.98px) {
    .toolbarfix_height [class*="_toolbar_button"] {
        width: 30px;
        height: 30px;
    }

    .toolbarfix_height [class*="_toolbar_button"] svg text {
        font-size: 24px;
        transform: translate(3px, 5px);
        -webkit-transform: translate(3px, 5px);
        -moz-transform: translate(3px, 5px);
        -ms-transform: translate(3px, 5px);
        -o-transform: translate(3px, 5px);
    }

    .toolbarfix_height {
        max-width: 15em !important;
        padding: 5px;
    }
}


/* Annotation Modal CSS  */

@media (min-width: 768px) {
    :root {
        --ck-toolbar-dropdown-max-width: 39vw !important;
    }
}

.content-table,
.ck-content table {
    width: 100%;
    border-collapse: collapse;
}

.content-table td,
.content-table th {
    border: 1px solid #c4c4c4;
    padding: 8px;
    vertical-align: top;
}


/* Optional: header style */

.content-table th {
    background: #f5f5f5;
    font-weight: bold;
}


/* Prevent table breaking badly in PDF */

.content-table {
    page-break-inside: auto;
}

.content-table tr {
    page-break-inside: avoid;
    page-break-after: auto;
}

.qrCode100 {
    width: 6.25rem;
    height: 6.25rem;
    object-fit: contain;
}

@media (max-width: 991.98px) {
    .qrCode100 {
        height: auto;
    }
}


/* Bulk Edit Matrix  */

.dash-container.bulk-edit-matrix {
    min-height: calc(100vh - 74px);
}

@media (min-width: 992px) {
    .matrix-table-responsive.skill-matrix-table-responsive {
        max-height: calc(100vh - 14rem);
    }
}

@media (max-width: 991.98px) {
    .matrix-table-responsive.skill-matrix-table-responsive {
        max-height: calc(100vh - 18rem);
    }
}

@media (max-width: 575.98px) {

    .bulk-edit-matrix .sop-thead,
    .chrome-browser-css .bulk-edit-matrix .sop-thead {
        max-height: 9.938rem;
        font-size: 0.875rem;
    }

    .sop-thead+.btn-sm {
        font-size: 0.75rem;
    }
}


/* Bulk Edit Matrix  */


/*Yes no CSS  Switch Start*/

.custom-switch {
    position: relative;
    display: inline-block;
    width: 54px;
    height: 30px;
    margin-bottom: 0;
    flex: 0 0 54px;
}

.custom-switch {
    padding-left: 2.25rem;
}

html[dir="rtl"] .custom-switch {
    padding-left: 0;
    padding-right: 2.25rem;
}

.custom-switch input[type="checkbox"] {
    opacity: 0;
}

.custom-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--input-border);
    border-radius: 34px;
    -webkit-transition: .4s;
    transition: .4s;
}

.custom-slider:before {
    position: absolute;
    content: "";
    height: 22px;
    width: 22px;
    left: 3px;
    bottom: 4px;
    background-color: white;
    border-radius: 50%;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked+.custom-slider {
    background-color: var(--gemba-global-color-primary);
}

.custom-switch.yes-no-switch input:checked+.custom-slider {
    background-color: #3DBE72;
}


/* input:focus + .custom-slider {
    box-shadow: 0 0 1px var(--gemba-global-color-primary);
} */

input:checked+.custom-slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}


/*Yes no CSS Start*/

.custom-switch .yesno_span {
    position: absolute;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 600;
}

.custom-switch .yesno_span.yes_span {
    top: 50%;
    left: 4px;
    transform: translateY(-50%);
    opacity: 0;
}

.custom-switch .yesno_span.no_span {
    top: 50%;
    right: 6px;
    transform: translateY(-50%);
    color: rgba(0, 0, 0, 0.35);
}

input:checked+.custom-slider .yesno_span.yes_span {
    opacity: 1;
}

input:checked+.custom-slider .yesno_span.no_span {
    opacity: 0;
}

.custom-switch.common-switch {
    position: relative;
    display: inline-block;
    width: 54px;
    height: 30px;
    margin-bottom: 0;
    flex: 0 0 54px;
}

.custom-switch.common-switch .custom-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--input-border);
    border-radius: 34px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.custom-switch.common-switch .custom-slider:before {
    position: absolute;
    content: "";
    height: 22px;
    width: 22px;
    left: 3px;
    bottom: 4px;
    background-color: white;
    border-radius: 50%;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.custom-switch.common-switch input:checked+.custom-slider {
    background-color: var(--gemba-global-color-primary);
}

.custom-switch.common-switch input:focus+.custom-slider {
    box-shadow: 0 0 1px var(--gemba-global-color-primary);
}

.custom-switch.common-switch input:checked+.custom-slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

.custom-switch.common-switch .yesno_span {
    position: absolute;
    color: #ffffff;
    font-size: 13px;
}

.custom-switch.common-switch .yesno_span.yes_span {
    top: 50%;
    left: 4px;
    transform: translateY(-50%);
    opacity: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.custom-switch.common-switch .yesno_span.no_span {
    top: 50%;
    right: 6px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.custom-switch.common-switch input:checked+.custom-slider .yesno_span.yes_span {
    opacity: 1;
}

.custom-switch.common-switch input:checked+.custom-slider .yesno_span.no_span {
    opacity: 0;
}


/*Yes no CSS  Switch Start*/


/* checkbox */

.invite-user-checkbox .form-check-inline {
    padding-left: 1.75rem;
    margin-bottom: 0 !important;
    white-space: nowrap;
}

.invite-user-checkbox .filterCheckbox svg {
    top: 2px;
    width: 1.25rem;
    height: 1.25rem;
}

.invite-user-checkbox .filterCheckbox .form-check-input {
    left: 0;
    cursor: pointer;
}

.invite-user-checkbox .filterCheckbox svg path {
    fill: #ADB5BD;
}

.invite-user-checkbox .filterCheckbox .form-check-label {
    font-size: 1rem;
}

.invite-user-checkbox {
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    gap: 15px;
}


/* Custom Fieldset Styling */

.permission-group {
    border: 1px solid #ced4da;
    border-radius: 4px;
    padding: 5px 12px 10px 12px;
    margin: 0;
    display: inline-block;
    width: 100%;
}

.permission-group legend {
    width: auto;
    padding: 0 8px;
    margin-bottom: 0;
    font-size: 11px;
    font-weight: 700;
    color: #6c757d;
    text-transform: uppercase;
    float: none;
    /* Reset Bootstrap float if applicable */
}

.group-content {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 5px;
}


/* Keep the exclamation icon aligned outside */

.info-icon-wrapper {
    align-self: center;
    margin-left: 5px;
}


/* checkbox */

.downloadAppModal::before {
    content: "";
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.7);
}


/* Email Card */

.emailCard {
    max-height: 100%;
}

.toSubRow .filterCheckbox svg {
    width: 1.25rem;
    height: 1.25rem;
    top: 2px;
}

.toSubRow .filterCheckbox .form-check-label {
    font-size: 1rem;
    padding-left: 5px;
}

@media (min-width: 768px) {
    .emailCard .newemail-cardbody-row .col-md-1 {
        flex: 0 0 22%;
        max-width: 22%;
    }

    .emailCard .newemail-cardbody-row .col-md-11 {
        flex: 0 0 78%;
        max-width: 78%;
    }

    .emailCard .toSubRow .col-md-1 {
        flex: 0 0 11%;
        max-width: 11%;
    }

    .emailCard .toSubRow .col-md-11 {
        flex: 0 0 88%;
        max-width: 88%;
    }

    .note__p {
        padding-left: 11.5%;
    }
}

@media (max-width: 767.98px) {
    .emailCard {
        height: 100%;
        box-shadow: none !important;
        border-radius: 0 !important;
        -webkit-border-radius: 0 !important;
        -moz-border-radius: 0 !important;
        -ms-border-radius: 0 !important;
        -o-border-radius: 0 !important;
    }

    .emailCard .card-header.fs-20 {
        padding: 0;
        padding-bottom: 10px;
        margin-bottom: 10px;
        font-size: 1rem;
    }

    .emailCard .card-body {
        padding: 0;
        padding-bottom: 10px;
        overflow-x: hidden;
    }

    .emailCard .card-footer {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0;
    }

    .email-dash-container .dash-titlename {
        font-size: 1rem;
    }

    .inviteEmailEnterInput {
        position: relative;
    }

    .inviteEmailEnterInput .deleteEmpBtn {
        position: absolute;
        top: 0;
        right: 0;
        width: 24px;
        height: 24px;
        line-height: 24px;
        font-size: 0.625rem;
        margin-top: 0 !important;
    }
}


/* Module Help */

.moduleHelpModal .modal-header {
    background-color: var(--gemba-global-color-text);
    border-bottom: 4px solid var(--gemba-global-color-primary);
}

.moduleHelpModal .modal-title {
    font-family: "Tanker-Regular";
    font-weight: 400;
    font-size: 2rem;
}

.moduleHelpModal .help-card-primary {
    background-color: #dbecfe;
    border-left: 4px solid var(--gemba-global-color-primary);
}

.moduleHelpModal .help-card-accent {
    background-color: #dbecfe;
    border-left: 4px solid var(--gemba-global-color-accent);
}

.moduleHelpModal .modal-footer .dash-btn {
    padding: 0.5rem 0.75rem;
    /* font-family: "Expose-Medium"; */
    font-weight: 500;
    font-size: 1.25rem;
    border-radius: 0.75rem;
}

.moduleHelpModal .modal-content {
    border-radius: 1rem;
    overflow: hidden;
    background-color: transparent;
}
@media (max-width: 575.98px) {
    .moduleHelpModal .modal-footer .dash-btn{
        font-size: 1rem;
    }
    
}

/* Module Help */


/* Add Kanban Page  */

.checklist-tabs.cl__tabs.kanbanEmailTabs .nav-tabs .nav-link {
    padding: 0.5rem 1.25rem;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}


/* Add Kanban Page  */

.update-version-card {
    border: 1px solid var(--gemba-global-color-primary);
    background: var(--gemba-global-color-primary);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.update-version-card.sop-banner-web-card {
    background-color: var(--gemba-global-color-accent);
    border-color: var(--gemba-global-color-accent);
}

.update-version-reminde-later {
    display: inline-flex;
    flex-direction: column;
    line-height: 1;
}

.update-version-reminde-later span {
    font-size: 11px;
}

.update-version-reminde-later.btn-outline-secondary {
    color: #fff;
    border-color: #fff;
}

@media (max-width: 575.98px) {
    .update-version-card.sop-banner-web-card .fs-24 {
        font-size: 1.125rem;
    }

    .update-version-card.sop-banner-web-card .fs-20 {
        font-size: 14px;
    }
}


/* New add / Edit SOP CSS Start */

.sop-config-card .card-body {
    padding: 0;
}

.sop-config-card .card-body p.fs-12 {
    color: var(--text-secondary);
    margin-bottom: 0.5rem;
}

.collapseCard .card-header .fa-chevron-right {
    transition: transform 0.3s ease;
    -webkit-transition: transform 0.3s ease;
    -moz-transition: transform 0.3s ease;
    -ms-transition: transform 0.3s ease;
    -o-transition: transform 0.3s ease;
}

.collapseCard .card-header .fa-chevron-right::before {
    width: 17px;
    height: 17px;
    text-align: center;
}

.collapseCard .card-header[aria-expanded="true"] .fa-chevron-right {
    transform: rotate(90deg);
}

.dividerOr {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100px;
    /* adjust width as needed */
    height: calc(100% - 4rem);
    /* adjust height as needed */
}

.dividerOr::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 1px;
    background-color: #ccc;
    /* vertical line color */
}

.dividerOr span {
    background-color: #e7e7e7;
    border: 1px solid #e7e7e7;
    border-radius: 25px;
    padding: 4px 15px;
    font-size: 14px;
    position: relative;
    z-index: 1;
    line-height: 1.25;
    /* font-family: 'Expose-Medium'; */
    font-weight: 500;
}

.dragDocumentBox.sopThumbnailBox {
    background: #ffffff;
    border: 1.5px dashed var(--input-border);
}

.dragDocumentBox.sopThumbnailBox::after {
    padding-top: 40%;
}

.icon-wrap svg {
    width: 22px;
    height: 22px;
    stroke: var(--dark);
    fill: none;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.icon-wrap.icon-blue svg {
    stroke: var(--blue);
}

.cover-sheet-on,
.cover-sheet-off {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    width: 54px;
    height: 30px;
    text-align: center;
}

.cover-sheet-on {
    background: var(--gemba-global-color-primary);
    color: #ffffff;
}

.cover-sheet-off {
    background: gray;
    color: #ffffff;
}
.nav-tabs-key-reasons {
    border: 1.5px solid var(--input-border);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    overflow: hidden;
}
.nav-tabs-key-reasons .nav-tabs.desc-nav-tabs {
    flex-wrap: nowrap;
    text-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}
.nav-tabs-key-reasons .nav-tabs.desc-nav-tabs .nav-link{
        padding: 0.25rem 1rem;
}
.nav-tabs-key-reasons .nav-tabs.desc-nav-tabs .nav-link svg{
        margin-top: -1px;
}

.nav-tabs-key-reasons .nav-tabs.desc-nav-tabs .nav-link:hover svg path,
.nav-tabs-key-reasons .nav-tabs.desc-nav-tabs .nav-link.active svg path{
    fill: var(--accent);
}
@media (min-width: 992px) {
    .border-lg-right {
        border-right: 1px solid #dee2e6 !important;
    }
}

@media (max-width: 991.98px) {
    .dragDocumentBox.sopThumbnailBox::after {
        padding-top: 50%;
    }
}

@media (max-width: 767.98px) {
    .dividerOr {
        width: 1px;
    }
}

@media (max-width: 575.98px) {
    .dividerOr {
        width: 100%;
        height: 50px;
        margin-bottom: 15px;
    }

    .dividerOr::before {
        width: 200px;
        transform: translate(-50%, -50%);
        height: 1px;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
    }

    .collapseCard .card-header,
    .collapseCard .card-body {
        padding: 0.5rem 1rem;
    }
}


/* New add / Edit SOP CSS End */


/* GembaDocs Card  */

.gembaDocs-card {
    border: 1px solid var(--input-border);
    box-shadow: 0 2px 8px rgba(6, 121, 255, 0.07);
    border-radius: 10px;
}

.gembaDocs-card .card-header:first-child {
    border-radius: 10px 10px 0 0;
    background-color: #ffffff;
}

.gembaDocs-card .card-footer:last-child {
    border-radius: 0 0 10px 10px;
    background-color: #ffffff;
}


/* GembaDocs Card  */


/* GembaDocs Table Start*/
.gembaDocs-table .fixed-table-pagination {
    padding: 0 1rem;
    font-size: 0.75rem;
}
.gembaDocs-table .fixed-table-pagination .btn{
    font-size: 0.75rem;
    padding: 3px 8px;
}
.gembaDocs-table thead tr th {
    font-size: 11px;
    color: var(--text-secondary);
}

.gembaDocs-table tbody tr td {
    font-size: 11px;
    color: var(--text-primary);
}

.gembaDocs-table .actionBtn {
    width: 1.75rem;
    height: 1.75rem;
    max-width: 1.75rem;
    min-width: 1.75rem;
    position: relative;
    display: grid;
    place-items: center;
    padding: 0;
    font-size: 0.75rem;
}

.gembaDocs-card table.dataTable thead .sorting:before,
.gembaDocs-card table.dataTable thead .sorting:after,
.gembaDocs-card table.dataTable thead .sorting_asc:before,
.gembaDocs-card table.dataTable thead .sorting_asc:after,
.gembaDocs-card table.dataTable thead .sorting_desc:before,
.gembaDocs-card table.dataTable thead .sorting_desc:after,
.gembaDocs-card table.dataTable thead .sorting_asc_disabled:before,
.gembaDocs-card table.dataTable thead .sorting_asc_disabled:after,
.gembaDocs-card table.dataTable thead .sorting_desc_disabled:before,
.gembaDocs-card table.dataTable thead .sorting_desc_disabled:after {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}


/* GembaDocs Table End*/


/* Regenerate Steps Modal Start */

.stepsModal .modal-dialog {
    max-width: 460px;
}

.stepsModal .regenerate-steps-modal {
    border: 0;
    border-radius: 12px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);
    overflow: hidden;
}

.stepsModal .regenerate-steps-modal__header {
    align-items: center;
    border-bottom: 0;
    display: flex;
    justify-content: space-between;
    padding: 18px 20px 0;
}

.stepsModal .regenerate-steps-modal__title {
    align-items: center;
    color: #111;
    display: flex;
    font-size: 1rem;
    font-weight: 700;
    gap: 8px;
    line-height: 1.3;
    margin: 0;
}

.stepsModal .regenerate-steps-modal__icon {
    align-items: center;
    background: #fff4e5;
    border-radius: 6px;
    color: #d97706;
    display: flex;
    flex: 0 0 28px;
    font-size: 13px;
    height: 28px;
    justify-content: center;
    width: 28px;
}

.stepsModal .regenerate-steps-modal__close {
    align-items: center;
    background: #f0f2f5;
    border: 0;
    border-radius: 6px;
    color: #666;
    cursor: pointer;
    display: flex;
    flex: 0 0 28px;
    font-size: 13px;
    height: 28px;
    justify-content: center;
    padding: 0;
    width: 28px;
}

.stepsModal .regenerate-steps-modal__close:hover {
    background: #e6e9ef;
    color: #333;
}

.stepsModal .regenerate-steps-modal__body {
    padding: 14px 20px 0;
}

.stepsModal .regenerate-steps-modal__body p {
    color: #444;
    font-size: 13.5px;
    line-height: 1.55;
    margin: 0;
}

.stepsModal .regenerate-steps-modal__warning {
    align-items: flex-start;
    background: #fff8f0;
    border: 1px solid #fde0b8;
    border-radius: 7px;
    color: #7a4a00;
    display: flex;
    font-size: 12.5px;
    gap: 8px;
    line-height: 1.45;
    margin-top: 12px;
    padding: 10px 12px;
}

.stepsModal .regenerate-steps-modal__warning i {
    flex: 0 0 auto;
    font-size: 14px;
    margin-top: 1px;
}

.stepsModal .regenerate-steps-modal__step-count {
    padding: 16px 20px 0;
}

.stepsModal .regenerate-steps-modal__label {
    color: #555;
    font-size: 0.75rem;
    font-weight: 600;
    margin-bottom: 8px;
}

.stepsModal .regenerate-steps-modal__options {
    display: flex;
    gap: 8px;
}

.stepsModal .regenerate-steps-modal__option {
    cursor: pointer;
    flex: 1;
    margin: 0;
}

.stepsModal .regenerate-steps-modal__option input {
    height: 1px;
    opacity: 0;
    position: absolute;
    width: 1px;
}

.stepsModal .regenerate-steps-modal__option-content {
    background: #fafbfc;
    border: 1.5px solid #dde1ea;
    border-radius: 0.5rem;
    display: block;
    min-height: 76px;
    padding: 10px 12px;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

.stepsModal .regenerate-steps-modal__option-header {
    align-items: center;
    display: flex;
    gap: 7px;
    margin-bottom: 3px;
}

.stepsModal .regenerate-steps-modal__radio {
    align-items: center;
    border: 2px solid #c0c8d8;
    border-radius: 50%;
    display: flex;
    flex: 0 0 15px;
    height: 15px;
    justify-content: center;
    width: 15px;
}

.stepsModal .regenerate-steps-modal__option-name {
    color: #222;
    font-size: 13px;
    font-weight: 600;
}

.stepsModal .regenerate-steps-modal__option-desc {
    color: #999;
    display: block;
    font-size: 11.5px;
    line-height: 1.35;
    padding-left: 22px;
}

.stepsModal .regenerate-steps-modal__option input:checked+.regenerate-steps-modal__option-content {
    background: #edf3fe;
    border-color: #1a73e8;
}

.stepsModal .regenerate-steps-modal__option input:checked+.regenerate-steps-modal__option-content .regenerate-steps-modal__radio {
    background: #1a73e8;
    border-color: #1a73e8;
}

.stepsModal .regenerate-steps-modal__option input:checked+.regenerate-steps-modal__option-content .regenerate-steps-modal__radio::after {
    background: #fff;
    border-radius: 50%;
    content: "";
    height: 5px;
    width: 5px;
}

.stepsModal .regenerate-steps-modal__option input:checked+.regenerate-steps-modal__option-content .regenerate-steps-modal__option-name {
    color: #1a73e8;
}

.stepsModal .regenerate-steps-modal__footer {
    border-top: 0;
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    padding: 16px 20px 20px;
}

.stepsModal .regenerate-steps-modal__cancel {
    background: #fff;
    border: 1.5px solid #dde1ea;
    border-radius: 7px;
    color: #555;
    font-size: 13px;
    font-weight: 500;
    min-width: 82px;
    padding: 8px 18px;
}

.stepsModal .regenerate-steps-modal__cancel:hover {
    background: #f7f8fa;
    color: #333;
}

.stepsModal .regenerate-steps-modal__submit {
    align-items: center;
    background: #1a73e8;
    border: 0;
    border-radius: 7px;
    color: #fff;
    display: flex;
    font-size: 13px;
    font-weight: 600;
    gap: 6px;
    justify-content: center;
    min-width: 150px;
    padding: 8px 20px;
}

.stepsModal .regenerate-steps-modal__submit:hover,
.stepsModal .regenerate-steps-modal__submit:focus {
    background: #1766ce;
    color: #fff;
}

@media (max-width: 575px) {
    .stepsModal .modal-dialog {
        margin-left: 16px;
        margin-right: 16px;
    }

    .stepsModal .regenerate-steps-modal__options,
    .stepsModal .regenerate-steps-modal__footer {
        flex-direction: column;
    }

    .stepsModal .regenerate-steps-modal__cancel,
    .stepsModal .regenerate-steps-modal__submit {
        width: 100%;
    }
}


/* Regenerate Steps Modal End  */


/* GembaDocs Modal Start */

.gembaDocs-modal .modal-header {
    background-color: var(--gemba-global-color-text);
    border-bottom: 4px solid var(--gemba-global-color-primary);
}

.gembaDocs-modal .modal-title {
    /* font-family: "Tanker-Regular"; */
    font-weight: 400;
    font-size: 1.25rem;
    color: #ffffff;
}

.gembaDocs-deleteData .modal-title {
    font-size: 1.5rem;
}

.gembaDocs-modal .modal-content {
    border-radius: 1rem;
    overflow: hidden;
}

.gembaDocs-deleteData {
    text-align: center;
}

.gembaDocs-modal-center .modal-title,
.gembaDocs-deleteData .modal-title {
    flex: 0 0 100%;
    text-align: center;
    padding: 0 1.5rem;
}

.gembaDocs-modal-center .close,
.gembaDocs-deleteData .close {
    position: absolute;
    top: 10px;
    right: 10px;
}

.gembaDocs-deleteData .modal-footer {
    justify-content: center;
    /* gap: 0.5rem; */
    border-top: 0;
    padding-bottom: 2rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}

.gembaDocs-modal-center .modal-footer {
    justify-content: center;
}

.gembaDocs-deleteData .modal-footer>* {
    margin-top: 0;
    margin-bottom: 0;
}

.gembaDocs-deleteData .modal-footer>.row {
    margin-right: -15px;
    margin-left: -15px;
}

.gembaDocs-deleteData .modal-body {
    min-height: 8rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* align-items: center; */
    font-size: 1.25rem;
    padding: 1rem 2.25rem;
}

@media (max-width: 575.98px) {

    .gembaDocs-modal .modal-title,
    .gembaDocs-deleteData .modal-title {
        font-size: 1rem;
    }

    .gembaDocs-deleteData .modal-body {
        min-height: 6rem;
        font-size: 0.875rem;
    }

    .gembaDocs-deleteData .modal-body,
    .gembaDocs-deleteData .modal-footer {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .gembaDocs-deleteData .modal-footer {
        padding-bottom: 1.75rem;
    }

    .gembaDocs-modal .close svg {
        width: 1.25rem;
        height: 1.25rem;
    }
}


.dragDocumentBoxPdf {
    border: 1px dashed var(--gemba-global-color-primary);
    position: relative;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.dragDocumentBoxPdf::after {
    content: "";
    display: block;
    padding-top: 50%;
}

.dragDocumentBoxPdf input[type="file"] {
    position: absolute;
    cursor: pointer;
}

/* GembaDocs Modal Start */