/*globle property start */

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

@font-face {
    font-family: 'Material-Design-Iconic-Font';
    src: url('../fonts/Material-Design-Iconic-Font.eot');
    src: url('../fonts/Material-Design-Iconic-Font.eot?#iefix') format('embedded-opentype'), url('../fonts/Material-Design-Iconic-Font.woff2') format('woff2'), url('../fonts/Material-Design-Iconic-Font.woff') format('woff'), url('../fonts/Material-Design-Iconic-Font.ttf') format('truetype'), url('../fonts/Material-Design-Iconic-Font.svg#Material-Design-Iconic-Font') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'F37 Ginger';
    src: url('../fonts/F37Ginger-Bold.eot');
    src: url('../fonts/F37Ginger-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/F37Ginger-Bold.woff2') format('woff2'),
        url('../fonts/F37Ginger-Bold.woff') format('woff'),
        url('../fonts/F37Ginger-Bold.ttf') format('truetype'),
        url('../fonts/F37Ginger-Bold.svg#F37Ginger-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'F37 Ginger';
    src: url('../fonts/F37Ginger-Light.eot');
    src: url('../fonts/F37Ginger-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/F37Ginger-Light.woff2') format('woff2'),
        url('../fonts/F37Ginger-Light.woff') format('woff'),
        url('../fonts/F37Ginger-Light.ttf') format('truetype'),
        url('../fonts/F37Ginger-Light.svg#F37Ginger-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'F37 Ginger';
    src: url('../fonts/F37Ginger.eot');
    src: url('../fonts/F37Ginger.eot?#iefix') format('embedded-opentype'),
        url('../fonts/F37Ginger.woff2') format('woff2'),
        url('../fonts/F37Ginger.woff') format('woff'),
        url('../fonts/F37Ginger.ttf') format('truetype'),
        url('../fonts/F37Ginger.svg#F37Ginger') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


:root {
    --primary-color: #4a585e;
    --heading-color: #002d71;
    --base-color: #000000;
    --btn-color: #CF3034;
    --white-color: #ffffff;
    --nav-color: #ECF0F5;
    --font-SourceSans: 'Source Sans Pro', sans-serif;
    --font-Montserrat: 'Montserrat', sans-serif;
    --font-Ginger:'F37 Ginger';
}

* {
    margin: 0;
    padding: 0;
}

body {
    font-size: 18px;
    color: var(--primary-color);
    font-family: 'Source Sans Pro', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Montserrat', sans-serif;
}

.readmore {
    background-color: var(--heading-color);
    border-radius: 15px;
    font-size: 18px;
    color: var(--white-color);
    font-weight: 600;
    transition: all 0.4s ease-in 0s;
    width: auto;
}

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

.readmore:focus {
    box-shadow: none;
}

.error {
    display: block;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 0.875em;
    color: #dc3545;
}


/* Signup form start */

.signin-form {
    overflow: hidden;
    height: 100vh;
}

.signin-form .logo {
    width: 80%;
    margin: 0 auto;
    display: block;
    margin-bottom: 1.5rem;
}

.signin-form figure img {
    width: 80%;
}

.signin-form form {
    padding: 6rem 4rem;
    border: 1px solid rgb(241, 241, 241);
    box-shadow: 0px 0px 20px rgba(193, 193, 193, 0.161);
    margin-top: 5rem;
    border-radius: 20px;
    max-width: 830px;
}

.signin-form form .input-group .form-control {
    font-size: 24px;
    color: var(--primary-color);
    background-color: #F9F9F9;
    border-radius: 20px;
    border: none;
    font-weight: 400;
    padding: 1.375rem .75rem;
}

.signin-form form .input-group .form-control::placeholder {
    color: var(--primary-color);
}

.signin-form form .input-group .input-group-text {
    border: none;
    background-color: #F2F2F2;
    border-radius: 20px 0 0 20px;
    padding: 0 20px;
}

.signin-form form .input-group .form-control:focus {
    box-shadow: none;
}

.signin-form form p {
    font-size: 24px;
    color: var(--heading-color);
    margin-top: 1rem;
}

.signin-form form p a {
    text-decoration: underline;
    color: var(--heading-color);
}

.signin-form form p a:hover {
    text-decoration: none;
}

.signin-form form .readmore {
    padding: 6px 0;
    width: 170px;
    font-size: 30px;
    border-radius: 15px;
}

.signin-form form .title,
.emp-signin .container-widget form .main-title {
    background: -webkit-linear-gradient(65deg, #f1343a, #2b67c7 85%);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 30px;
}

.emp-signin,
.fa-signin {
    background: url('../images/emp-bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    height: 100vh;
    background-position: center;
}
.fa-signin {
    background: url('https://source.unsplash.com/random/1920x1024/?warehouse');
}

.emp-signin .container-widget {
    background-color: #fff;
    box-shadow: 0px 0px 20px rgba(193, 193, 193, 0.161);
    border-radius: 20px;
}

.emp-signin .container-widget .emp-login {
    width: 100%;
    height: 100%;
    background-color: #1d427c;
    border-radius: 20px 0 0px 20px;
}

.emp-signin .container-widget .emp-login .emp-img {
    width: 350px;
    border-radius: 100%;
    height: 350px;
    overflow: hidden;
}

.emp-signin .container-widget .emp-login h3 {
    font-weight: 600;
    color: #FFFFFF;
    font-size: 40px;
}

.emp-signin .container-widget form .main-title {
    font-size: 50px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0 !important;
}

.emp-signin .container-widget form {
    box-shadow: none;
    border: none;
}

/* New core signup form start */
.erp-signup .login-topbg {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 25%;
}
.erp-signup form {
    border:none;
    box-shadow: none;
    border-radius: 0;
    margin-top:4rem;
    max-width: 630px;
    width: 100%;
}
.erp-signup form .logo {
    width: 100%;
    margin-bottom: 2rem;
}
.erp-signup .right-widget h2 {
    font-size:2.3vw;
    font-weight: 700;
    margin-left:24%;
    color: #000000;
    text-align: left;
    text-shadow: 2px 2px 0px #b6b6b6;
    letter-spacing: 1.5px;
}
.erp-signup .right-widget figure {
    margin:-35px 4% 0 0;
}
.erp-signup .right-widget figure img {
    width: 60%;
}
.erp-signup .right-widget .bottom-img {
    position:absolute;
    bottom: 0;
    right: 0;
    width: 30%;
}
.erp-signup .login-icons ul {
    padding: 0;
    margin: 0;
}
.erp-signup .login-icons ul li {
    background: url('../images/bg-icons.svg') 1.5% 138%;
    width: 28px;
    height: 28px;
    position: absolute;
    top: 35%;
    left: 1%;
    list-style: none;
    -webkit-animation:icon-animation 6s ease-in-out infinite;
	-moz-animation: icon-animation 6s ease-in-out infinite;
	-o-animation: icon-animation 6s ease-in-out infinite;
	animation: icon-animation 6s ease-in-out infinite;
}
.erp-signup .login-icons ul li:nth-child(2) {
    background-position: 3% 77.5%;
    width: 54px;
    height: 40px;
    top: auto;
    bottom: 16%;
    left: 3%;
}
.erp-signup .login-icons ul li:nth-child(3) {
    background-position: 25.5% 12%;
    width: 80px;
    height: 75px;
    top: 12%;
    left: 24%;
    -webkit-animation: icon-animation3 5s infinite linear;
	-moz-animation: icon-animation3 5s infinite linear;
	-o-animation: icon-animation3 5s infinite linear;
	animation: icon-animation3 5s infinite linear;
}
@keyframes icon-animation3 {
	0% {
        transform: scale(1);
    }
	10%, 20% {
        transform: scale(0.9) rotate(-3deg);
    }
	30%, 50%, 70%, 90% {
        transform: scale(1.1) rotate(3deg);
    }
	40%, 60%, 80% {
        transform: scale(1.1) rotate(-3deg);
    }
	100% {
        transform: scale(1) rotate(0);
    }
}
.erp-signup .login-icons ul li:nth-child(4) {
    background-position: 36% 0%;
    width: 140px;
    height: 130px;
    top: 0%;
    left: 32%;
    -webkit-animation: icon-animation4 40s linear infinite;
    -moz-animation: icon-animation4 40s linear infinite;
    -o-animation: icon-animation4 40s linear infinite;
    animation: icon-animation4 40s linear infinite;
}
.erp-signup .login-icons ul li:nth-child(5) {
    background-position: 32% 97%;
    width: 50px;
    height: 50px;
    top: auto;
    left: 32%;
    bottom: 4%;
}
.erp-signup .login-icons ul li:nth-child(6) {
    background-position: 48% 100%;
    width: 150px;
    height: 160px;
    top: auto;
    left: 48%;
    bottom: 0%;
}
.erp-signup .login-icons ul li:nth-child(7) {
    background-position: 54% 59%;
    width: 90px;
    height: 70px;
    top: auto;
    left: 58%;
    bottom: 36%;
}
.erp-signup .login-icons ul li:nth-child(8) {
    background-position: 60% 33%;
    width: 110px;
    height: 110px;
    top: 25%;
    left: auto;
    right: 31%;
    -webkit-animation: icon-animation8 40s linear infinite;
    -moz-animation: icon-animation8 40s linear infinite;
    -o-animation: icon-animation8 40s linear infinite;
    animation: icon-animation8 40s linear infinite;
}
.erp-signup .login-icons ul li:nth-child(9) {
    background-position: 96% 48%;
    width: 70px;
    height: 70px;
    top: 42%;
    left: auto;
    right: 2%;
    -webkit-animation: icon-animation3 5s infinite linear;
	-moz-animation: icon-animation3 5s infinite linear;
	-o-animation: icon-animation3 5s infinite linear;
	animation: icon-animation3 5s infinite linear;
}
.erp-signup .login-icons ul li:nth-child(10) {
    background-position: 60% 33%;
    width: 110px;
    height: 110px;
    top: 24%;
    left: 45%;
    -webkit-animation: icon-animation10 40s linear infinite;
    -moz-animation: icon-animation10 40s linear infinite;
    -o-animation: icon-animation10 40s linear infinite;
    animation: icon-animation10 40s linear infinite;
}
@keyframes icon-animation {
    0% {

      transform: translatey(0px);
    }
    50% {
      transform: translatey(-10px);
    }
    100% {
      transform: translatey(0px);
    }
  }
@keyframes icon-animation4 {
    from {
        transform: rotate(360deg)
    }
    to {
        transform: rotate(0deg);
    }
  }
  @keyframes icon-animation8 {
    from {
        transform: rotate(360deg)
    }
    to {
        transform: rotate(0deg);
    }
  }
@keyframes icon-animation10 {
  from {
      transform: rotate(0deg)
  }
  to {
      transform: rotate(360deg);
  }
}
.reset-login {
    height: auto;
}
/* .reset-login:before,
.reset-login:after {
    content: '';
    background-image: url('../images/reset-bottombg.svg');
    background-repeat: repeat;
    position: absolute;
    left: 0;
    width: 100%;
    height: 415px;
    bottom: 0;
    background-repeat: no-repeat;
}
.reset-login:after {
    transform: rotate(-35deg);
} */
.reset-login .reset-bottombg,
.reset-login .reset-topbg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 20%;
}
.reset-login .reset-topbg {
    transform: rotate(-180deg);
    top: 0;
    bottom: auto;
    left: auto;
    right: 0;
}
.reset-login figure {
    display: flex;
    height: 100%;
    justify-content: center;
}
.reset-login form {
    max-width: 550px;
    padding:2.5rem 3rem;
    position: relative;
    overflow: hidden;
    width: 100%;
}
.reset-login form .input-group .form-control {
    font-size: 18px;
}
.reset-login form .input-group {
    margin-bottom: 20px;
}
.reset-login form .input-group .input-group-text img {
    width: 20px;
}
.reset-login form:before {
    background-color: #F6F9FC;
    content: "";
    position: absolute;
    bottom: 0;
    left: -175px;
    border-radius: 100%;
    transform: rotate(60deg);
    width: 460px;
    height: 200px;
    z-index: -1;
}

/* new erp login verson2 */
.erp-signup-v2:after {
    content: "";
    background-color: #CF3034;
    height: 100%;
    position: absolute;
    right: 0;
    width: 20%;
    top: 0;
    z-index: -1;
}
.erp-signup-v2 .left {
    height: 100%;
}
.erp-signup-v2 .left h1 {
    font-size: 6rem;
    font-weight: bold;
    color: #000;
    margin-bottom: 0;
    line-height: 100px;
}
.erp-signup-v2 .left h1 span {
    font-size: 1.35rem;
    display: block;
    font-weight: 300;
    line-height: normal;
    font-family: 'Source Sans Pro', sans-serif;
}
.erp-signup-v2 .right {
    border: 8px solid #1D427C;
    border-radius: 30px;
    background-color: #F1F3F6;
    margin-top: 7%;
    overflow: hidden;
    height: 80vh;
    margin-bottom: 7%;
    position: relative;
    z-index: 1;
}
.erp-signup-v2 .right-wrraper {
    position: relative;
}
.erp-signup-v2 .right-wrraper .toplines {
    position: absolute;
    top: -50px;
    left: 30%;
    background-color: #E0373C;
    width: 5px;
    height: 55px;
    border-radius: 5px;
}
.erp-signup-v2 .right-wrraper .toplines::before {
    content: "";
    top: -25px;
    left: 12px;
    background-color: #E0373C;
    width: 5px;
    height: 55px;
    position: absolute;
    border-radius: 5px;
}
.erp-signup-v2 .right-wrraper .portal-title {
    position: absolute;
    left: -75px;
    background-color: #1d427c;
    color: #fff;
    top: 66px;
    padding: 5px 20px 5px 15px;
    border-radius: 12px 12px 0px 0px;
    transform: rotate(-90deg);
}
.erp-signup-v2 .right-wrraper::after {
    content: url('/images/dots-bg.svg');
    position: absolute;
    bottom: -45px;
    left: -80px;
    z-index: -1;
}
.erp-signup-v2 .right .formnew {
    background-color: #fff;
    height: 78vh;
}
.erp-signup-v2 .right .formnew .forminner {
    display: contents;
}
.erp-signup-v2 .right .formnew form {
    padding: 0 30px;
}
.erp-signup-v2 .right .formnew form .logo {
    width: 80%;
}
.erp-signup-v2 .right .formnew form .input-group .form-control {
    font-size: 18px;
    padding: 12px .95rem;
    border-radius: 12px 0 0 12px;
    background-color: #F1F3F6;
}
.erp-signup-v2 .right .formnew form .input-group span.input-group-text {
    background-color: #E0373C;
    border-radius: 10px !important;
    margin-left: -10px !important;
    z-index: 11;
    width: 54px;
}
.erp-signup-v2 .right .formnew form .input-group span.input-group-text .fas {
    color: #fff;
    font-size: 18px;
}
.erp-signup-v2 .right .imgcenter {
    height: 100%;
}
.erp-signup-v2 .right .imgcenter figure {
    width: 100%;
    margin-bottom: 0;
}
.erp-signup-v2 .right .imgcenter figure img {
    width: 70%;
}
.erp-signup-v2 .right .formnew form p {
    font-size: 18px;
    margin-top: 10px;
}
.erp-signup-v2 .right .formnew form p span a {
    text-decoration: none;
}
.erp-signup-v2 .right .formnew form .readmore {
    width: 100%;
    padding: 8px 0;
    font-size: 20px;
    font-weight: 500;
    background-color: #E0373C;
    border-radius: 12px;
    height: auto;
    /* box-shadow: 0 0 0 1px rgb(255, 255, 255), 0em 0.3em 0.8em rgb(247, 97, 101); */
}
.erp-signup-v2 .right-wrraper .forgot-title {
    top: 90px;
    left: -96px;
}

/* new erp login verson3 */
.erp-signup-v3 {
    background: url('/images/new-loginbg1.jpg') 0 -30px;
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.erp-signup-v3:after,
.erp-signup-v3 .right-wrraper::after {
    content: normal;
}
.erp-signup-v3 .right {
    border: none;
    border-radius: 0;
    background-color:transparent;
    left: -60px;
    position: absolute;
    width: 52%;
    height: auto;
    margin: 17% 0 0 0;
}
.erp-signup-v3 .right .imgcenter figure img {
    width: auto;
}
.erp-signup-v3 .right .formnew {
    background-color: transparent;
    height: auto;
  }
  .erp-signup-v2 .right .formnew form .logo {
    margin-bottom: 1rem;
  }
  .erp-signup-v3 .right .formnew form .input-group span.input-group-text .fas:before {
    content: url('/images/paw-icon.png');
  }
  .erp-signup-v3 .right .formnew form .input-group {
    box-shadow: 0px 3px 12px -6px #A0A0A0;
    border-radius: 25px;
    border: 1px solid #e3e3e3;
  }
  .erp-signup-v3 .right .formnew form .input-group .form-control {
    border-radius: 25px 0 0 25px;
    background-color: transparent;
    padding:15px 0 15px 20px;
    font-family: var(--font-Ginger);
    font-weight: 300;
    font-size: 14px;
  }
  .erp-signup-v3 .right .formnew form .input-group input::placeholder {
    color: #bdbebe;
  }
  .erp-signup-v3 .right .formnew form .input-group span.input-group-text {
    border-radius: 0 25px 25px 0 !important;
    margin-left: 0 !important;
    width: auto;
    background-color: transparent;
    padding-left: 10px;
  }
  .erp-signup-v3 .right .formnew form p span a {
    color:#4b768c;
    font-family: var(--font-Ginger);
    font-weight: 300;
    font-size: 16px;
  }
  .erp-signup-v3 .right .formnew form .readmore {
    width: auto;
    border-radius: 25px;
    background-color: #2f5874;
    padding: 10px 35px;
    font-family: var(--font-Ginger);
    font-size: 16px;
  }
  .erp-signup-v3 .right .formnew form h4 {
    color: #084b69;
    font-family: 'Playfair Display', serif;
    font-weight: 600;
    font-size: 34px;
  }

  /* new erp login verson4 */

.erp-signup-v4 {
    background: transparent;
    padding: 0 !important;
}
.erp-signup-v4 .christmas-video {
    position: relative;
}
.erp-signup-v4 .christmas-video video {
    width: 100%;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    object-fit: cover;
}
.erp-signup-v3.erp-signup-v4 .right {
    background-color: rgba(255, 255, 255, 0.9);
}
.erp-signup-v4 .right .formnew form {
    padding: 30px;
}
.formnew .forminner .invalid-feedback {
    font-size: 14px !important;
    position: absolute;
    left: 18px;
    bottom: -22px;
    font-weight: 300;
}

  /* new erp login verson5 */
  .erp-signup-v5 {
    background: url('/images/new-login.jpg') 0 0px;
    background-size: 100% auto;
    background-repeat: no-repeat;
  }
  .erp-signup-v5 .right {
    margin-top: 13%;
  }
  .erp-signup-v5 .right .formnew form {
    background: linear-gradient(0deg, rgba(54,99,135,0.1) 3%, rgba(54,99,135,0.1) 10%, rgba(0,31,53, 0.65) 40%);
    /* background-color: rgba(51, 65, 101, 0.5); */
    padding: 55px 30px;
    border: 1px solid #032e4f;
    border-radius: 20px;
}
.erp-signup-v5 .right {
    left: 10%;
}
.erp-signup-v5 .right .formnew form h4,
.erp-signup-v5 .right .formnew form p span a,
.erp-signup-v5 form p a {
    color: #1a688f;
}
.erp-signup-v5 .right .formnew form .input-group .form-control {
    color: #ffffff;
}
.erp-signup-v5 .right .formnew form .input-group span.input-group-text img {
    width: 22px;
  }
  .erp-signup-v5 .right .formnew form .input-group span.input-group-text .fas::before {
    content: url('/images/paw-icon3.png');
  }
  .erp-signup-v3 .right .formnew form .readmore {
    background-color: #ffffff;
    color: #2f5874;
  }
.erp-signup-v5 .right .formnew form .readmore {
    background-color: #165270;
    color: #fff;
}
.erp-signup-v5 .right .formnew form .input-group {
  box-shadow: 0px 3px 12px -6px #165270;
  border: 1px solid #165270;
}
.erp-signup-v5 .right .formnew form .input-group .form-control::placeholder {
    color: #5397b8;
}
/* Signup form end */


/* header start */

.main-header {
    box-shadow: 0px 0px 25px 0px rgba(121, 121, 121, 0.15);
    background-color: var(--white-color);
}

.main-header .menu-toggle {
    background-color: transparent;
    border: none;
    float: left;
    margin-top: 15px;
}

.main-header .menu-toggle .toggler-icon span {
    height: 2px;
    width: 30px;
    background-color: var(--primary-color);
    display: block;
    margin: 6px 0;
    opacity: 0.7;
}

.main-header .menu-toggle .toggler-icon span:nth-child(2n) {
    width: 20px;
}

.main-header .navbar-brand .logo img {
    width: 210px;
    margin-left: 1.6rem;
}

.white-logo {
    display: none;
}

.right-header ul {
    flex-direction: row;
}

.right-header ul li {
    margin-left: 1rem;
    font-size: 24px;
}

.right-header .navbar-nav .dropdown-menu {
    position: absolute;
    box-shadow: 0 0 2rem 0 rgba(0, 0, 0, .05);
    min-width: 10rem;
}

.right-header .navbar-nav .dropdown-menu-lg {
    min-width: 20rem;
    max-height: 60vh;
    overflow-y: scroll;
    scrollbar-width: none;
}

.right-header .navbar-nav li a .fa-envelope-open,
.right-header .navbar-nav li a .fa-bell,
.right-header .navbar-nav li a .fa-cog,
.right-header .navbar-nav li a .fa-expand-arrows-alt {
    color: var(--heading-color);
}

.right-header .navbar-nav li a .fa-expand-arrows-alt::before {
    margin-top: 8px;
    display: inline-block;
    font-size: 20px;
}

.right-header .navbar-nav li a .fa-bell {
    transform: rotate(15deg);
    /* animation: ring 4s 0.7s ease-in-out infinite;
    transform-origin: 50% 4px; */
}

@keyframes ring {
    0% {
        transform: rotate(0);
    }
    1% {
        transform: rotate(30deg);
    }
    3% {
        transform: rotate(-28deg);
    }
    5% {
        transform: rotate(34deg);
    }
    7% {
        transform: rotate(-32deg);
    }
    9% {
        transform: rotate(30deg);
    }
    11% {
        transform: rotate(-28deg);
    }
    13% {
        transform: rotate(26deg);
    }
    15% {
        transform: rotate(-24deg);
    }
    17% {
        transform: rotate(22deg);
    }
    19% {
        transform: rotate(-20deg);
    }
    21% {
        transform: rotate(18deg);
    }
    23% {
        transform: rotate(-16deg);
    }
    25% {
        transform: rotate(14deg);
    }
    27% {
        transform: rotate(-12deg);
    }
    29% {
        transform: rotate(10deg);
    }
    31% {
        transform: rotate(-8deg);
    }
    33% {
        transform: rotate(6deg);
    }
    35% {
        transform: rotate(-4deg);
    }
    37% {
        transform: rotate(2deg);
    }
    39% {
        transform: rotate(-1deg);
    }
    41% {
        transform: rotate(1deg);
    }
    43% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(0);
    }
}

.right-header .navbar-nav li a::after {
    content: normal;
}

.right-header .navbar-nav li .avatar {
    width: 40px;
}

.right-header .navbar-nav li .dropdown-menu-header {
    font-weight: 500;
    padding: .75rem;
    text-align: center;
}

.right-header .navbar-nav li .dropdown-menu-footer {
    display: block;
    font-size: .75rem;
    padding: .5rem;
    text-align: center;
}

.right-header .navbar-nav li .list-group-item {
    border-left: none;
    border-right: none;
    border-radius: 0;
}

.right-header .navbar-nav li .list-group-item:hover,
.right-header .navbar-nav .dropdown-menu .dropdown-item:hover {
    background: #f8f9fa;
}

.right-header .navbar-nav li .list-group-item .name-title {
    color: var(--heading-color);
}

.right-header .navbar-nav li a .indicator {
    background-color: var(--white-color);
    border-radius: 50%;
    display: block;
    height: 20px;
    position: absolute;
    right: -8px;
    top: -2px;
    transition: top .2s ease-out;
    width: 20px;
    font-size: 12px;
    color: var(--heading-color);
    border: 1px solid var(--heading-color);
    text-align: center;
    font-weight: 600;
    line-height: 16px;
}

.right-header .navbar-nav li .dropdown-menu[data-bs-popper] {
    margin-top: 1.1rem;
}

.right-header .navbar-nav li .dropdown-menu.show {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-name: dropdownAnimation;
    animation-name: dropdownAnimation;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
}

@-webkit-keyframes dropdownAnimation {
    0% {
        opacity: 0;
        transform: translateY(-8px)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes dropdownAnimation {
    0% {
        opacity: 0;
        transform: translateY(-8px)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}


/* header end */


/* theme change setting start */

.setting_sidebar {
    background: #fff;
    position: fixed;
    height: 100%;
    width: 280px;
    top: 70px;
    right: -280px;
    z-index: 999;
    transition: .3s ease-in;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .16), 0 2px 10px rgba(0, 0, 0, .12);
}

.setting_sidebar .settingPanelToggle {
    background: var(--heading-color);
    padding: 10px 15px;
    color: var(--white-color);
    position: absolute;
    top: 30%;
    left: -40px;
    width: 40px;
    border-radius: 10px 0 0 10px;
    font-size: 16px;
}

.setting_sidebar .setting-panel-header {
    display: block;
    padding: 15px 20px;
    color: #212529;
    font-size: 15px;
    border: 1px solid #eae9e9;
    background: #e9ecef;
}

.setting_sidebar ul.choose-theme li div {
    border-radius: 15px;
    display: inline-block;
    vertical-align: middle;
    height: 25px;
    width: 25px;
    overflow: hidden;
    position: relative;
    margin: 1px;
}

.setting_sidebar ul.choose-theme li {
    display: inline-block;
    cursor: pointer;
}

.setting_sidebar ul.choose-theme li.active div::after {
    content: "";
    color: #fff;
    top: 4px;
    left: 7px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 12px;
    position: absolute;
    -webkit-transition: .5s;
    transition: .5s;
}

.setting_sidebar ul.choose-theme li.active div::after {
    color: #fff;
}

.setting_sidebar ul.choose-theme li:first-child.active div::after {
    color: #000;
}

.setting_sidebar ul.choose-theme li div.white,
.setting_sidebar ul.choose-theme li div.cyan,
.setting_sidebar ul.choose-theme li div.black,
.setting_sidebar ul.choose-theme li div.purple,
.setting_sidebar ul.choose-theme li div.orange,
.setting_sidebar ul.choose-theme li div.green,
.setting_sidebar ul.choose-theme li div.red {
    background: #ece8e8;
    -webkit-box-shadow: 4px 3px 6px 0 rgba(0, 0, 0, .2);
    box-shadow: 4px 3px 6px 0 rgba(0, 0, 0, .2);
}

.setting_sidebar ul.choose-theme li div.cyan {
    background: #034f4a;
}

.setting_sidebar ul.choose-theme li div.black {
    background: #343a40;
}

.setting_sidebar ul.choose-theme li div.blue {
    background: #1D427C;
}

.setting_sidebar ul.choose-theme li div.orange {
    background: #9d6108;
}

.setting_sidebar ul.choose-theme li div.green {
    background: #067506;
}

.setting_sidebar ul.choose-theme li div.red {
    background:#970001;
}

.setting_sidebar .selectgroup {
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.setting_sidebar .selectgroup .selectgroup-input-radio {
    opacity: 0;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
}

.setting_sidebar .selectgroup .selectgroup-input-radio:focus+.selectgroup-button,
.setting_sidebar .selectgroup .selectgroup-input-radio:checked+.selectgroup-button {
    background-color: var(--heading-color);
    color: #fff;
    z-index: 1;
    border: 1px solid transparent;
}

.setting_sidebar .selectgroup .selectgroup-button {
    background-color: #fdfdff;
    border: 1px solid #e4e6fc;
    display: block;
    text-align: center;
    padding: 0 1rem;
    height: 35px;
    position: relative;
    cursor: pointer;
    font-size: 13px;
    min-width: 2.375rem;
    line-height: 36px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.setting_sidebar .selectgroup .selectgroup-item:not(:last-child) .selectgroup-button {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.setting_sidebar .readmore {
    font-size: 16px;
    border-radius: 10px;
}

.setting_sidebar .readmore .fa-undo {
    font-size: 14px;
    margin-right: 4px;
}

.setting_sidebar.showSettingPanel {
    right: 0;
}


/* theme change setting end */


/* left sidebar start */

.righimg {
    margin: 0 15px 15px;
    border-bottom: 1px solid var(--nav-color);
    padding-bottom: 10px;
}

.righimg img {
    width: 50px;
    border-radius: 100%;
    height: 50px;
}

.righimg h6 {
    color: var(--base-color);
}

.left-sidebar {
    width: 280px;
    background-color: var(--white-color);
    padding: 0;
    position: fixed;
    height: 100vh;
    box-shadow: 6px 0 20px rgba(0, 0, 0, 0.05);
    transition: 0.4s;
    margin-left: -300px;
    z-index: 11;
}

.left-sidebar ul li {
    position: relative;
}

.left-sidebar .e-treeview .e-ul {
    /* height: 100vh; */
    overflow: initial;
}

.left-sidebar .e-treeview .e-ul li ul,
.left-sidebar .e-treeview .e-ul li ul li ul {
    height: auto;
}

.left-sidebar .e-treeview .e-ul,
.left-sidebar .e-treeview .e-list-item .e-ul {
    padding-left: 0;
    margin-top: 10px;
}

.left-sidebar ul li,
.left-sidebar .e-treeview .e-list-item {
    font-size: 16px;
    color: var(--heading-color);
    padding: 6px 15px;
    font-family: var(--font-Montserrat);
    font-weight: 500;
    list-style: none;
}

.left-sidebar ul li a {
    color: var(--base-color);
    text-decoration: none;
}

.left-sidebar ul li ul {
    padding: 10px 15px 10px 0;
    border-left: 1px solid #E5E5E5;
    margin-top: 15px;
}

.left-sidebar ul li ul li ul {
    margin: 0 0 15px 15px;
}

.left-sidebar ul li ul li {
    padding: 0;
}

.left-sidebar ul li .title {
    color: var(--base-color);
    cursor: pointer;
}

.left-sidebar ul li .title::before {
    content: "";
    font-family: 'FontAwesome';
    margin-right: 6px;
}

.left-sidebar ul li .sub_title {
    margin-left: 15px;
    padding: .5rem 0;
    cursor: pointer;
}

.left-sidebar .btn-toggle {
    display: flex;
}

.emp_navigation li a {
    padding: 0;
}

.left-sidebar .e-treeview .e-list-item .e-text-content {
    position: relative;
    padding: 0;
}

.left-sidebar .e-treeview .e-list-item .e-icon-expandable::before,
.left-sidebar .e-treeview .e-list-item div.e-icons {
    position: absolute;
    right: 0;
}

.left-sidebar .btn-toggle:after,
.left-sidebar .e-treeview .e-list-item .e-icon-expandable::before,
.left-sidebar .e-treeview .e-list-item div.e-icons::before {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out;
}

.left-sidebar .e-treeview .e-list-item .e-list-text {
    font-size: 16px;
    color: var(--base-color);
    line-height: normal;
    min-height: auto;
    padding: 0;
}

.left-sidebar .e-treeview .e-list-item.e-active>.e-text-content .e-list-text,
.left-sidebar .e-treeview .e-list-item.e-active>.e-text-content .e-list-text a {
    color: var(--heading-color);
}

.left-sidebar .e-treeview .e-list-item.e-active.e-hover>.e-text-content .e-list-text,
.left-sidebar .e-treeview .e-list-item.e-active.e-hover>.e-text-content .e-list-text a,
.left-sidebar .e-treeview .e-list-item.e-hover>.e-text-content .e-list-text,
.left-sidebar .e-treeview .e-list-item.e-hover>.e-text-content .e-list-text a {
    color: var(--heading-color);
}

.left-sidebar .e-treeview .e-list-item .e-icons.e-icon-collapsible {
    transform: rotate(180deg);
}

.left-sidebar .e-treeview .e-list-item.e-active>.e-fullrow,
.left-sidebar .e-treeview .e-list-item.e-active.e-hover>.e-fullrow,
.left-sidebar .e-treeview .e-list-item.e-hover>.e-fullrow {
    background-color: transparent;
    border-color: transparent;
}

.left-sidebar .btn-toggle:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-180deg);
}

.active_nav {
    margin-left: 0;
}

.active_cont {
    margin-left: 280px;
}

.left-sidebar ul li .tool {
    display: none;
}

.left-sidebar ul li:hover .tool::before {
    content: "";
    color: var(--heading-color);
    font-size: 35px;
    position: absolute;
    left: -10px;
    font-family: 'FontAwesome';
    top: 5px;
}

.left-sidebar ul li:hover .tool {
    height: 40px;
    padding: 0 20px;
    background-color: var(--heading-color);
    position: absolute;
    margin-left: 80px;
    top: 4px;
    line-height: 34px;
    color: var(--white-color);
    font-size: 20px;
    border-radius: 8px;
    display: none;
}

.left-sidebar ul li:hover .tool span {
    visibility: hidden;
}

.left-sidebar .position-sticky {
    height: 100vh;
}

.left-sidebar .position-sticky .nav {
    flex-grow: 1;
    overflow-y: scroll;
    padding: 10px 0 120px;
    scrollbar-width: none;
}

.left-sidebar .position-sticky .nav::-webkit-scrollbar {
    display: none;
}

.left-sidebar .side-footer {
    margin: 0 15px 4rem 15px;
    border-top: 1px solid #E5E5E5;
}

.left-sidebar .side-footer ul li {
    padding: 0;
    cursor: pointer;
}

.left-sidebar .side-footer ul li .fas {
    margin-right: 6px;
}

.sidebar-search {
    margin: 0 15px;
}

.sidebar-search .form-control {
    border-color: #E5E5E5;
    border-radius: 8px 0 0 8px;
    padding: .6rem .75rem;
}

.sidebar-search .btn {
    border: 1px solid #E5E5E5;
    background-color: #FCFCFC;
    margin-left: -1px;
    border-radius: 0 8px 8px 0;
    color: var(--heading-color);
}

.sidebar-search .form-control:focus {
    box-shadow: -3px 0px 6px .1rem rgb(230, 240, 255);
}

.sidebar-search .btn:focus {
    box-shadow: 3px 0px 6px .1rem rgb(230, 240, 255);
}

.left-sidebar .emp_navigation li img {
    width: 20px;
}


/* left sidebar end */


/* right container start */

.right-sidewidget {
    width: calc(100% - 280px);
    transition: 0.4s;
    height: 90vh;
    overflow: hidden;
}

.right-sidewidget .wrapper_widget {
    height: 90vh;
}

.right_side .sub_header .header_heading {
    position: relative;
}

.print-section {
    position: absolute;
    right: 10%;
    top: 30%;
    text-decoration: none;
    color: red;
}
.letter-print .print-section {
    top: 20px;
    right: 5%;
}
.right_side .sub_header .header_heading h3 {
    color: var(--heading-color);
    position: absolute;
    top: 8px;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 22px;
}

.right_side .sub_header .header_heading h5 {
    color: var(--heading-color);
    font-size: 22px;
}
.right_side .sub_header .header_heading h6 {
    color: var(--heading-color);
    font-weight: 600;
}

.right_side .sub_header .readmore,
.salary_buttons .readmore.salary-btn {
    font-size: 18px;
    display: inline-block;
    width: 140px;
    height: 40px;
    text-decoration: none;
    border-radius: 20px 0;
    position: relative;
    line-height: 40px;
    font-weight: 500;
    font-family: var(--font-Montserrat);
    margin-bottom: 0;
    z-index: 1;
}
.salary_buttons .readmore.salary-btn {
    background-color: #565e64;
}

.right_side .sub_header .readmore.btn-view {
    font-size: 14px;
    width: auto;
    min-width: 130px;
    padding: 0 10px;
}

.salary_buttons {
    margin-top: -80px;
}

.salary_buttons .readmore.salary-btn {
    width: auto;
    padding: 0 20px;
    cursor: pointer;
    font-size: 14px;
}

.salary_buttons .btn-check:checked+.salary-btn,
.salary_buttons .btn-check:active+.salary-btn,
.salary_buttons .salary-btn:active,
.salary-btn.active,
.salary_buttons .show>.salary-btn.dropdown-toggle {
    background-color: var(--heading-color);
}

.right_side .sub_header .readmore.btn-view::before {
    display: none;
}

.right_side .sub_header .readmore::before {
    content: url('/images/back-icon.svg');
    background-color: #003484;
    width: 40px;
    position: absolute;
    height: 100%;
    left: 0;
    border-radius: 20px 0 0;
    line-height: 51px;
    transition: all 0.4s ease-in 0s;
    display: list-item;
    list-style: none;
}

.right_side .sub_header .readmore:hover::before {
    background-color: #C8151A;
}

.divider {
    background-image: linear-gradient(rgba(228, 228, 228, 0.18), rgba(234, 234, 234, 0.35), #FFF);
    border-top: 1px solid #EEE;
    width: 100%;
    height: 9px;
}

.widget_section .form-wrapper {
    border: 1px solid var(--nav-color);
    padding: 15px 30px 30px;
    margin-bottom: 1.5rem;
}

.right_side .form-wrapper .form-label span {
    color: #FF0000;
}

.widget_section .form-wrapper legend {
    font-size: 24px;
    padding: 0 10px;
    font-family: var(--font-Montserrat);
    font-weight: 600;
    color: var(--base-color);
    float: none;
    width: auto;
}

.widget_section .readmore {
    width: 124px;
    padding: 8px 0;
}
.widget_section .readmore.addbtn {
    width: auto;
    padding: 4px 18px;
    border-radius: 10px;
    font-weight: 500;
}

.right_side .form-control,
.right_side .select2-container--default .select2-selection--single,
.popup_menu.e-dialog .e-dlg-content .form-control,
.right_side .e-input-group input.e-input,
.right_side .e-input-group.e-control-wrapper input.e-input,
.right_side .e-multi-select-wrapper,
.right_side .e-input-group.e-input-focus input.e-input,
.right_side .e-grid .e-row .e-input-group .e-input.e-field,
.right_side .select2-container--default .select2-search--inline .select2-search__field,
.right_side .select2-container--default .select2-selection--multiple,
.right_side .e-input-group.e-control-wrapper.e-show-dd-icon.e-ddt.e-lib.e-keyboard.e-input-focus,
.right_side .e-input-group.e-control-wrapper.e-show-dd-icon.e-ddt.e-lib.e-keyboard {
    background-color: #FCFCFC;
    border-color: #E5E5E5;
    padding: 0.6rem .75rem;
    font-size: 18px;
    border-radius: 12px;
    line-height: 1.5;
    font-family: inherit;
}
.right_side .e-input-group.e-control-wrapper.e-show-dd-icon.e-ddt.e-lib.e-keyboard.e-input-focus,
.right_side .e-input-group.e-control-wrapper.e-show-dd-icon.e-ddt.e-lib.e-keyboard.e-input-focus.e-icon-anim {
    padding: 0.38rem .75rem;
    background-color: #fff;
}
.right_side .e-input-group.e-control-wrapper.e-show-dd-icon.e-ddt.e-lib.e-keyboard {
    padding: 0 .50rem;
    background-color: #fff;
}
.right_side .e-ddt.e-input-group.e-control-wrapper .e-input-group-icon.e-ddt-icon {
    font-size: 34px;
    color: #000 !important;
}
.right_side .select2-container--default .select2-search--inline .select2-search__field {
    line-height: 10px;
    height: 30px;
    margin: 0;
}
.right_side .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color:#E5E5E5;
}
.menu-popup.e-dialog .e-input-group.e-control-wrapper input.e-input {
    height: auto;
    padding-left: 0;
}

.menu-popup.e-dialog .e-input-group.e-control-wrapper input.e-input,
.menu-popup.e-dialog .e-input-group.e-control-wrapper,
.menu-popup.e-dialog .e-input-group.e-control-wrapper input {
    font-size: 16px;
    padding: 0.3rem .5rem;
    line-height: 1.5;
    border-radius: 12px;
}

.right_side #rangedatepick .e-input-group.e-control-wrapper.e-input-focus input.e-input {
    padding: 0.6rem .75rem;
}

.right_side .e-multiselect.e-checkbox .e-multi-select-wrapper,
.right_side .e-multiselect .e-multi-select-wrapper.e-down-icon {
    padding: 0.56rem .75rem;
}
.right_side .e-multiselect.e-checkbox .e-multi-select-wrapper .e-chips-close.e-close-hooker {
    margin-top: -2.8em;
}
.right_side .e-input-group input.e-input,
.right_side .e-input-group.e-control-wrapper input.e-input {
    height: auto;
}

.right_side .e-input-group,
.right_side .e-input-group.e-control-wrapper,
.right_side .e-input:focus:not(.e-success):not(.e-warning):not(.e-error) {
    border-radius: 12px;
}

.right_side .e-input-group .e-input-group-icon:last-child,
.right_side .e-input-group.e-control-wrapper .e-input-group-icon:last-child {
    border-bottom-right-radius: 12px;
    border-top-right-radius: 12px;
    transition: all 0.3s ease-in;
    background-color: #FCFCFC;
    overflow: hidden;
}

.right_side #rangedatepick .e-input-group:not(.e-disabled) .e-input-group-icon:hover,
.right_side #rangedatepick .e-input-group.e-control-wrapper:not(.e-disabled) .e-input-group-icon:hover {
    border-bottom-right-radius: 12px;
    border-top-right-radius: 12px;
}

.right_side .e-input-group input.e-input:focus,
.right_side .e-input-group.e-control-wrapper input.e-input:focus {
    padding: 0.6rem .75rem;
}

.right_side .e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
.right_side .e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
.right_side .e-input-group.e-control-wrapper.e-input-focus,
.right_side .e-input:focus:not(.e-success):not(.e-warning).e-error {
    box-shadow: 0 0px 8px .1rem rgb(230, 240, 255);
    border-color: #E5E5E5;
}

.right_side .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error),
.right_side .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error),
.menu-popup .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error),
.menu-popup .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
    border-color: #E5E5E5;
    background-color: #FCFCFC;
    box-shadow: 0 0px 8px .1rem rgb(230, 240, 255);
    border-radius: 12px;
}

.right_side .e-input-group.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
.right_side .e-input-group.e-control-wrapper.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) {
    border-color: #E5E5E5;
}

.right_side .select2-container--default .select2-selection--single {
    height: auto;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 18px auto;
    line-height: 1.5;
}

.right_side .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 1.5;
    ;
}

.right_side .select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none;
}

.right_side .form-control::file-selector-button {
    padding: 0 10px 0 0;
    margin: 0 10px 0 0;
    background-color: #fcfcfc;
}

.right_side .form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: transparent;
}

.right_side .form-select {
    background-size: 24px 18px;
}

.right_side .form-control:focus,
.popup_menu.e-dialog .e-dlg-content .form-control:focus {
    box-shadow: 0 0px 8px .1rem rgb(230, 240, 255);
}

.rounded_custom .form-check-input {
    width: 24px;
    height: 24px;
    margin-right: 10px;
}

.rounded_custom .form-check-input:checked {
    background-color: var(--heading-color);
    border-color: var(--heading-color);
}

.rounded_custom .form-check-input:focus {
    box-shadow: none;
}

.right_side .widget_section .nav-tabs .nav-item.show .nav-link,
.right_side .widget_section .nav-tabs .nav-link.active {
    color: #1d427c;
    background-color: #ecf0f5;
    position: relative;
}

.right_side .widget_section .nav-tabs .nav-link.active::after {
    content: "";
    display: block;
    border-top: .5em solid;
    border-right: 0.5em solid transparent;
    border-bottom: 0;
    border-left: .5em solid transparent;
    position: absolute;
    bottom: -8px;
    left: 40%;
    color: #ecf0f5;
}

.right_side .widget_section .nav-tabs .nav-link {
    background-color: #f7f7f7;
    border: none;
    border-radius: 10px;
    margin-right: 10px;
    color: #000;
}

.right_side .widget_section .e-grid.e-responsive .e-rowcell,
.right_side .widget_section .e-grid .e-headercelldiv,
.right_side .widget_section .e-grid .e-pager,
.right_side .widget_section .e-input-group,
.right_side .widget_section .e-input-group.e-control-wrapper {
    font-family: 'Source Sans Pro', sans-serif;
    color: var(--primary-color);
    font-size: 16px;
}

.right_side .widget_section .e-grid.e-responsive .e-rowcell {
    padding-top: 0;
    padding-bottom: 0;
    /* line-height: 0; */
}
.right_side .widget_section .e-grid.e-responsive .e-rowcell a {
    color: var(--heading-color);
}
.right_side .widget_section .e-grid.e-responsive .e-rowcell a.btn_custom {
    color: var(--white-color);
}
.right_side .widget_section .e-grid .e-headercelldiv {
    font-weight: 600;
}

.right_side .widget_section .e-pager .e-spacing,
.right_side .widget_section .e-pager .e-numericitem:hover,
.right_side .widget_section .e-pager .e-currentitem {
    border-radius: 0;
}

.right_side .widget_section .e-pager div.e-icons,
.right_side .widget_section .e-pager .e-numericitem {
    color: var(--heading-color);
}

.right_side .widget_section .e-pager .e-currentitem {
    background-color: var(--heading-color);
    color: var(--white-color);
}

.right_side .widget_section .e-row {
    height: 48px !important;
}

.right_side .widget_section .e-row[aria-selected="true"] {
    background-color: #eff1f4;
}

.right_side .widget_section td.e-rowcell .statustxt.e-activecolor,
.right_side .widget_section .statustxt.e-activecolor {
    color: #00cc00;
}

.right_side .widget_section td.e-rowcell .statustxt.e-inactivecolor {
    color: #e60000;
}

.right_side .widget_section .statustxt.e-inactivecolor {
    color: #e60000;
}

.right_side .widget_section .statustemp {
    position: relative;
    border-radius: 8px;
    text-align: center;
    padding: 6px 0;
    line-height: normal;
    max-width: 130px;
}

.right_side .widget_section .e-grid .e-table {
    width: 100% !important;
}

/* .right_side .widget_section .e-unboundcell,
.right_side .widget_section .e-grid .e-gridheader .e-sortfilter .e-headercelldiv {
    text-align: left !important;
} */

.right_side .widget_section .e-grid .e-gridheader .e-sortfilter .e-headercelldiv {
    margin-left: 0;
    margin-right: 0;
}

/* .right_side .widget_section .e-grid .e-gridheader .e-sortfilter .e-rightalign.e-fltr-icon .e-headercelldiv {
    text-align: right !important;
} */
.right_side .widget_section .e-grid .e-gridheader thead .e-icons:not(.e-check):not(.e-stop) {
    font-size: 14px;
}
.right_side .widget_section .e-grid .e-content {
    height: 70vh !important;
}
.right_side .widget_section .custom-table-height .e-grid .e-content .e-table .e-detailrow #custom-grid .e-content,
.right_side .widget_section .custom-table-height .e-grid .e-content .e-table .e-detailrow .e-content,
.right_side .widget_section #detail_list .custom-table-height .e-grid .e-content .e-table .e-detailrow .e-content,
.right_side .widget_section .price-listing.tds-grid-tax .e-grid .e-content {
    height: auto !important;
}
.right_side .widget_section .price-listing .e-grid .e-content {
    height: 40vh !important;
}
.right_side .widget_section #detail_list .e-grid .e-content {
    height: 58vh !important;
}
.right_side .widget_section .price-listing #SecondGrid.e-grid td.e-updatedtd {
    background-color: transparent;
}
.right_side .widget_section .party-listing .e-grid .e-content {
    height: auto !important;
}
.right_side .widget_section .e-grid.e-responsive .e-rowcell .empimg {
    height: 27px;
    width: 27px;
    border-radius: 100%;
    background-color: var(--heading-color);
    text-align: center;
    line-height: 27px;
}

.right_side .widget_section .e-userimg.sf-icon-Male,
.right_side .widget_section .e-userimg.sf-icon-FeMale {
    color: var(--white-color);
    font-size: 13px;
}

.right_side .widget_section .e-userimg.sf-icon-Male::before {
    content: '\e700';
}

.right_side .widget_section .e-userimg.sf-icon-FeMale::before {
    content: '\e701';
}

.right_side .widget_section .e-btn.e-flat,
.right_side .widget_section .e-css.e-btn.e-flat,
.right_side .e-pager .e-pagercontainer,
.right_side .tree_section ul li {
    font-family: "Source Sans Pro", sans-serif;
}

.right_side .widget_section .e-btn.e-flat {
    line-height: 2em;
    border: 1px solid #E5E5E5;
    background-color: var(--white-color);
}
.right_side .widget_section .e-btn.e-flat .fa-key::before {
    font-size: 13px;
    color: var(--heading-color);
}
.right_side .widget_section .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn {
    border: 1px solid transparent;
}

.right_side .widget_section .e-btn.e-flat:hover,
.right_side .widget_section .e-toolbar .e-tbar-btn:hover,
.right_side .widget_section .e-toolbar .e-tbar-btn:active,
.right_side .widget_section .e-toolbar .e-tbar-btn:focus {
    border: 1px solid #adadad;
    background: #e6e6e6;
}

.right_side .widget_section .e-grid .e-gridheader {
    background-color: #f8f9fa;
}

.right_side .widget_section .e-grid .e-headercontent {
    border-right: none;
}

.right_side .widget_section .e-grid .e-unboundcelldiv .e-btn:hover .e-icons {
    color: var(--heading-color);
}

.right_side .widget_section .e-btn.e-flat:focus {
    box-shadow: none;
}

.right_side .find_save {
    z-index: 1;
}

.right_side .find_save .group .e-input-group {
    width: 70% !important;
}

.right_side .tree_section ul li .e-list-text {
    font-size: 16px;
}

.right_side .tree_section #tree,
.right_side .tree_section #company,
.right_side .tree_section #inventory,
.right_side .tree_section #approval_authority
.right_side .tree_section #dept_permission {
    height: 60vh;
    overflow-y: auto;
    margin-left: -30px;
    /* scrollbar-width: none; */
}

.right_side .tree_section .form-wrapper {
    padding: 0px 0px 0px 30px;
}

.right_side .tree_section .form-wrapper legend {
    margin: 0;
}

.right_side .tree_section .e-checkbox-wrapper .e-frame,
.right_side .tree_section .e-css.e-checkbox-wrapper .e-frame {
    width: 20px;
    height: 20px;
    border: 1px solid rgba(0, 0, 0, .25);
    line-height: 18px;
}

.right_side .tree_section .e-checkbox-wrapper .e-frame.e-check,
.right_side .tree_section .e-css.e-checkbox-wrapper .e-frame.e-chec,
.right_side .tree_section .e-treeview .e-list-item.e-active>.e-fullrow {
    border-color: var(--heading-color);
    background-color: var(--heading-color);
}

.right_side .tree_section #company .e-list-header,
.right_side .tree_section #approval_authority .e-list-header,
.right_side .tree_section #dept_permission .e-list-header,
.right_side .tree_section #inventory .e-list-header {
    display: none;
}

.right_side .tree_section #company ul li,
.right_side .tree_section #approval_authority ul li,
.right_side .tree_section #dept_permission ul li,
.right_side .tree_section #inventory ul li {
    padding: 6px 0;
    cursor: pointer;
}

.right_side .tree_section #company ul li .e-checkbox-wrapper,
.right_side .tree_section #company ul li .e-css.e-checkbox-wrapper,
.right_side .tree_section #approval_authority ul li .e-checkbox-wrapper,
.right_side .tree_section #approval_authority ul li .e-css.e-checkbox-wrapper,
.right_side .tree_section #dept_permission ul li .e-checkbox-wrapper,
.right_side .tree_section #dept_permission ul li .e-css.e-checkbox-wrapper,
.right_side .tree_section #inventory ul li .e-checkbox-wrapper,
.right_side .tree_section #inventory ul li .e-css.e-checkbox-wrapper {
    margin-right: 10px;
}

.right_side #dropArea .e-upload .e-upload-files .e-upload-file-list .progressbar {
    display: none;
}

.file_delete ul {
    padding: 1rem 0 0 15px;
    text-align: left;
}

.right_side #dropArea .e-upload .e-upload-files .e-upload-file-list,
.file_delete ul li {
    position: relative;
}

.right_side #dropArea .e-upload-files .e-file-remove-btn.e-icons,
.right_side .file_delete ul li .img_remove {
    position: absolute;
    width: 40px;
    height: 40px;
    text-align: center;
    display: table;
    cursor: pointer;
    top: 100px;
    left: 40%;
}

.right_side .file_delete ul li .img_remove {
    background-color: white;
    border-radius: 50%;
    font-size: 12px;
}

.right_side .file_delete ul li .img_remove:hover {
    background-color: #e6e6e6;
    border-color: #adadad;
    color: #333;
}

.right_side #dropArea .e-upload-files .e-file-remove-btn.e-icons:before,
.file_delete ul li .img_remove:before {
    content: '\f136';
    display: table-cell;
    vertical-align: middle;
    font-family: 'Material-Design-Iconic-Font';
    font-size: 20px;
}

.right_side .widget_section .e-toolbar .e-tbar-btn.e-btn .e-icons,
.right_side .widget_section .e-grid .e-unboundcelldiv .e-icons {
    color: var(--heading-color);
}

.right_side .btn-add,
.right_side .btn_delete {
    color: #fff;
    background-color: #28a745;
    border: none;
    border-radius: 12px;
    overflow: hidden;
    width: 120px;
    padding: 11.5px 0 11.5px 56px;
    position: relative;
    text-align: left;
}

.right_side .btn-add .btn-label,
.right_side .btn_delete .btn-label {
    position: absolute;
    left: -2px;
    display: inline-block;
    padding: 11px 0;
    background: rgba(0, 0, 0, 0.15);
    border-radius: 12px 0 0 12px;
    width: 44px;
    top: 0;
    text-align: center;
}

.right_side .btn-add:hover {
    background-color: #218838;
}

.right_side .btn-add:focus,
.right_side .btn_delete:focus {
    box-shadow: none;
}

.right_side .btn_delete {
    background-color: var(--btn-color);
}

.right_side .btn_delete:hover {
    background-color: #B31015;
}

.popup_menu.e-dialog .e-dlg-content {
    padding: 0;
    scrollbar-width: none;
}

.popup_menu.e-dialog .e-dlg-content h5 {
    background-color: var(--heading-color);
    color: var(--white-color);
    padding: 10px 0;
}

.menu-popup {
    border: none !important;
}

.menu-popup.e-dialog .e-dlg-header-content {
    background-color: var(--heading-color);
    padding: 14px 0;
}

.menu-popup.e-dialog .e-dlg-header {
    color: var(--white-color);
    width: 100%;
    text-align: center;
    font-size: 1.25rem;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
}

.popup_menu.e-dialog .e-dlg-content .form-control,
.popup_menu.e-dialog .e-dlg-content label {
    font-size: 14px;
}

.popup_menu.e-dialog .e-footer-content .e-btn.e-primary.e-flat,
.popup_menu.e-dialog .e-footer-content .e-btn.e-flat,
.e-popup.e-popup-open.e-dialog .e-footer-content .e-btn.e-primary.e-flat,
.e-popup.e-popup-open.e-dialog .e-footer-content .e-btn.e-flat,
.right_side .find_save .btn-primary,
.right_side .find_save .btn-secondary,
.e-popup.e-popup-open.e-dialog .e-dlg-header-content {
    background-color: var(--heading-color);
    border: none;
    border-radius: 6px;
}
.e-popup.e-popup-open.e-dialog .e-dlg-header-content {
    border-radius: 5px 5px 0 0;
}
.e-popup.e-popup-open.e-dialog .e-dlg-header,
.e-popup.e-popup-open.e-dialog .e-btn .e-btn-icon.e-icon-dlg-close {
    color: #fff;
}
.popup_menu.e-dialog .e-footer-content .e-btn.e-flat,
.e-popup.e-popup-open.e-dialog .e-footer-content .e-btn.e-flat,
.right_side .find_save .btn-secondary {
    background-color: var(--bs-gray-600);
}

.right_side .widget_section .btn_custom {
    text-decoration: none;
    font-size: 14px;
    padding: 16px 0;
    width: 120px;
}

.right_side .e-pager .e-pagerdropdown {
    margin-top: -30px;
}

.right_side .e-pager .e-pagerdropdown .e-input-group input.e-input,
.right_side .e-pager .e-pagerdropdown .e-input-group.e-control-wrapper input.e-input,
.right_side .e-flmenu-maindiv .e-flm_optrdiv .e-input-group input.e-input,
.right_side .e-flmenu-maindiv .e-flm_optrdiv .e-input-group.e-control-wrapper input.e-input,
.right_side .find_save .e-input-group input.e-input,
.right_side .find_save .e-input-group.e-control-wrapper input.e-input {
    padding: 6px .75rem;
    font-size: 16px;
    line-height: inherit;
    box-shadow: none;
}

.right_side .e-flmenu-maindiv .e-flm_optrdiv .e-input-group input.e-input,
.right_side .e-flmenu-maindiv .e-flm_optrdiv .e-input-group.e-control-wrapper input.e-input {
    padding: 0.6rem .75rem;
    line-height: 1.5;
}

.popup_menu.e-dialog .e-footer-content .e-btn.e-primary.e-flat:focus,
.popup_menu.e-dialog .e-footer-content .e-btn.e-flat:focus,
.e-popup.e-popup-open.e-dialog .e-footer-content .e-btn.e-primary.e-flat:focus,
.e-popup.e-popup-open.e-dialog .e-footer-content .e-btn.e-flat:focus,
.right_side .find_save .btn:focus {
    box-shadow: none;
}

.right_side .e-pager .e-pagerdropdown .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
    box-shadow: none;
}

.select2-dropdown,
.select2-container--default .select2-search--dropdown .select2-search__field {
    border-radius: 8px !important;
    border-color: #E5E5E5 !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
.select2-container--default .select2-results__option--selected {
    background-color: #eff1f4 !important;
    color: var(--primary-color) !important;
}

.e-contextmenu-wrapper ul li {
    font-size: 16px;
}

.right_side .clander_widget {
    max-width: 100% !important;
}

.right_side .clander_widget .e-cell,
.right_side .clander_widget .e-rest-day-cell-grey {
    position: relative;
}

.right_side .clander_widget .custom-color {
    background-color: #2147bb;
    height: 5px;
    width: 5px;
    display: inline-block;
    border-radius: 100%;
    position: absolute;
    bottom: 9px;
    left: 9px;
    right: 0;
    margin: 0 auto;
}

.right_side .clander_widget .indicator-green {
    background-color: #2abb2a;
}

.right_side .clander_widget .indicator-red {
    background-color: #ff4949;
}

.right_side .clander_widget .custom-color:nth-child(2) {
    left: 0;
    right: 9px;
}

.right_side .clander_widget .e-rest-day-cell-grey .e-day {
    background-color: #e9ecef;
    border-radius: 100% !important;
}

.right_side .clander_widget .e-day {
    margin: 8px 0;
}

.right_side .clander_widget .e-content td.e-selected span.e-day {
    z-index: 1;
    position: relative;
}

.right_side .clander_widget .e-content td.e-focused-date.e-today span.e-day,
.right_side .clander_widget .e-content td.e-today.e-selected span.e-day,
.right_side .clander_widget .e-content td.e-selected span.e-day,
.right_side .clander_widget .e-content td:hover span.e-day,
.right_side .clander_widget .e-content td.e-today:hover span.e-day,
.right_side .clander_widget .e-content td.e-today span.e-day,
.right_side .clander_widget .e-content td.e-focused-date span.e-day,
.right_side .clander_widget .e-content td.e-focused-date:hover span.e-day {
    border-radius: 100% !important;
}

.right_side .clander_widget .e-content td.e-today:hover span.e-day,
.right_side .clander_widget .e-content td.e-today span.e-day {
    border-width: 1px !important;
}

.right_side .clander_widget .e-header .e-title {
    margin-top: 0;
    margin-bottom: 0;
}

.right_side .clander_widget .e-header .e-icon-container .e-prev,
.right_side .clander_widget .e-header .e-icon-container .e-next {
    transform: rotate(-90deg);
}

.right_side .clander_widget .e-header .e-icon-container .e-prev:hover,
.right_side .clander_widget .e-header .e-icon-container .e-next:hover {
    background-color: transparent;
}

.right_side .clander_widget .e-content td.e-today.e-selected span.e-day {
    background-color: var(--heading-color) !important;
    border-color: var(--heading-color) !important;
}

.right_side .clander_widget .e-content td.e-selected span.e-day {
    background-color: var(--heading-color) !important;
}

.right_side .clander_widget.e-calendar .e-content .e-other-month span.e-day {
    color: #b0b5b9;
}

.right_side .clander_widget.e-calendar .e-content span.e-day {
    font-size: 16px;
}

.right_side .clander_widget.e-calendar th {
    font-size: 16px;
    color: #000;
}


/* employee theme change */

.emp-header {
    background-color: var(--heading-color);
}

.emp-sidebar {
    background-color: #00317d;
}

.emp-sidebar ul li a,
.emp-sidebar .righimg h6,
.emp-header .right-header .navbar-nav li a .fa-envelope-open,
.emp-header .right-header .navbar-nav li a .fa-bell,
.emp-header .right-header .navbar-nav li a .fa-cog,
.emp-header .right-header .navbar-nav li a .fa-expand-arrows-alt {
    color: var(--white-color);
}

.emp-header .menu-toggle .toggler-icon span {
    background-color: var(--white-color);
    opacity: 1;
}

.emp-header .right-header .navbar-nav li a .indicator {
    border-color: #fff;
    color: #fff;
    background-color: #FF0000;
}

.emp-header .right-header .navbar-nav li a .fa-bell {
    color: #ffe479;
}

.emp-sidebar .righimg,
.emp-sidebar .side-footer {
    border-color: #1c4686;
    margin-left: 0;
    margin-right: 0;
    padding-left: 15px;
}

.emp-sidebar .righimg {
    padding-top: 0.75rem;
    text-decoration: none;
}

.emp-sidebar .righimg:hover {
    background-color: #043988;
    transition: all 0.15s ease-in-out 0.15s;
}

.emp-sidebar .side-footer {
    background-color: #00317D;
    bottom: 4rem;
    position: absolute;
    width: 100%;
    margin-bottom: 0;
}

.emp-sidebar .side-footer ul li a:hover {
    color: var(--white-color);
}

.emp-header .white-logo {
    display: block;
}

.emp-header .color-logo {
    display: none;
}

.emp-sidebar .emp_navigation {
    padding-top: 0 !important;
    flex-grow: 0 !important;
}

.emp-sidebar .emp_navigation li {
    padding: 0;
    width: 100%;
}

.emp-sidebar .emp_navigation li a {
    border-bottom: 1px solid #1c4686;
    padding: 11px 15px;
}

.emp-sidebar .emp_navigation li a:hover {
    color: var(--white-color);
    background-color: #043988;
}

.emp-sidebar .emp_navigation li a:focus {
    color: var(--white-color);
}


/* employee theme change */

.clander_widget .e-header .e-prev:hover>span,
.clander_widget .e-header .e-next:hover>span {
    color: #6c757d !important;
}

.details_section {
    border-bottom: 1px solid var(--nav-color);
}

.details_section h5 {
    font-size: 14px;
    color: var(--heading-color);
    font-weight: 600;
    margin-bottom: 4px;
}

.details_section p {
    font-size: 14px;
    margin-bottom: 0;
}

.details_section .text-color-red p {
    color: red;
}

.details_section .text-color-green p {
    color: green;
}

.details_section .attendance_details table p {
    margin-top: 12px;
}

.details_section .attendance_details .readmore {
    font-size: 16px;
}

.widget_section .create_btn {
    font-weight: normal;
    border-radius: 10px;
}

.add_date {
    color: var(--heading-color);
    font-size: 16px;
}

.add_date span {
    font-size: 20px;
    color: green;
}

.widget_section .form-wrapper .view_details .fa {
    color: #d5d5d5;
    cursor: pointer;
    margin-right: 0.8rem;
    font-size: 16px;
}

.widget_section .form-wrapper .view_details:last-child .fa {
    margin-right: 0
}

.widget_section .form-wrapper .appraisal_table.table> :not(:last-child)> :last-child>* {
    border-color: var(--nav-color);
    font-weight: normal;
}

.widget_section .form-wrapper .appraisal_table.table>thead {
    margin-bottom: 10px;
}

.widget_section .form-wrapper .appraisal_table .rounded_custom .form-check-input {
    width: 18px;
    height: 18px;
    margin-right: 4px;
}

.widget_section .form-wrapper .appraisal_table .rounded_custom label {
    font-size: 16px;
}

.widget_section .form-wrapper .appraisal_table .form-switch .form-check-input:focus {
    box-shadow: none;
    border-color: var(--heading-color);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%231d427c'/%3e%3c/svg%3e");
}

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

.widget_section .form-wrapper .appraisal_table .border_bottom {
    border-bottom: 1px solid var(--nav-color);
}

.swal2-container .swal2-title {
    font-size: 1.3em;
    font-weight: 500;
}

.swal2-container .swal2-styled.swal2-confirm {
    background-color: var(--heading-color);
}

.right_side .widget_section .e-gridcontent .e-input-group.e-ddl .e-input[readonly]~span.e-input-group-icon.e-ddl-icon,
.right_side .widget_section .e-gridcontent .e-input-group.e-control-wrapper.e-ddl .e-input[readonly]~span.e-input-group-icon.e-ddl-icon {
    background: #fcfcfc;
}

.right_side .widget_section .e-grid .e-row .e-ddl.e-lib .e-input.e-field {
    border-radius: 10px 0px 0px 10px;
}

.right_side .widget_section .e-grid .e-summaryrow .e-summarycell,
.right_side .widget_section .e-grid .e-summaryrow .e-templatecell {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    font-weight: 500;
}

.right_side .widget_section .e-toolbar .e-tbar-btn:hover .e-tbar-btn-text {
    color: var(--heading-color);
}

.margin-28 {
    margin-top: -28px;
}

.widget_section.table_edit .rounded_custom .form-check-input {
    width: 20px;
    height: 20px;
}

.widget_section.table_edit #selfappraisaltr-1 .align-middle.text-end .view_details {
    visibility: hidden;
}

.widget_section.table_edit .table> :not(:last-child)> :last-child>*,
.widget_section.table_edit .table> :not(caption)>*>* {
    border-bottom-color: inherit;
    color: var(--primary-color);
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
}

.widget_section.table_edit .table> :not(:last-child)> :last-child>* {
    font-weight: 600;
}

.right_side .leave-details .widget_section .form-wrapper {
    padding: 0;
    border: none;
}

.right_side .leave-details .widget_section p,
.right_side .widget_section .click-hover p,
.right_side .widget_section .status-details figcaption p {
    margin-bottom: 0;
    color: var(--primary-color);
}

.right_side .leave-details .widget_section p strong,
.right_side .widget_section .click-hover p strong {
    font-weight: 600;
    color: var(--heading-color);
}

.right_side .leave-details .widget_section a.text-decoration-none,
.right_side .widget_section .click-hover {
    padding: 10px 0;
    border-radius: 10px;
    margin: 0 0 1px;
    transition: all 0.2s ease-in 0s;
}
.right_side .widget_section .click-hover {
    background-color: #f7f7f7;
}
.right_side .widget_section .click-hover:nth-child(2n) {
    background-color: transparent;
}
.right_side .leave-details .widget_section .form-wrapper a.text-decoration-none:nth-child(2n) {
    background-color: #f7f7f7;
}

.right_side .leave-details .widget_section .form-wrapper a.text-decoration-none:hover,
.right_side .widget_section .click-hover:hover {
    background-color: #f0f0f0;
}

.right_side .details-leaves .widget_section .form-wrapper {
    padding: 15px 30px 30px;
    border: 1px solid var(--nav-color);
}

.right_side .details-leaves h6,
.right_side .widget_section .status-details .emp-status h6 {
    font-weight: 600;
    background-color: #f7f7f7;
    display: flex;
    padding: 10px;
    margin-bottom: 0;
}

.right_side .details-leaves p {
    padding-left: 10px;
}

.right_side .details-leaves figcaption,
.right_side .widget_section .status-details figcaption {
    background-color: #fbfbfb;
    padding: 6px 0;
}

.right_side .details-leaves figcaption p span,
.right_side .widget_section .status-details figcaption p span {
    color: var(--heading-color);
}

.right_side .details-leaves .details-heading .name-title {
    font-weight: 600;
    color: var(--heading-color);
    margin-bottom: 4px;
}

.right_side .details-leaves .details-heading .lead {
    font-weight: 500;
    font-size: 18px;
}

.right_side .details-leaves table th,
.right_side .details-leaves table td {
    font-size: 16px;
    color: var(--primary-color);
}

.right_side .details-leaves table .form-control {
    font-size: 16px;
}

.right_side .details-leaves .emp-status p,
.right_side .widget_section .status-details .emp-status p {
    padding: 0 0 10px;
    border-bottom: 1px solid var(--nav-color);
    margin-left: 10px;
}

.widget_section.table_edit .form-wrapper .create_btn {
    width: 50px;
}

.popup-modal .modal-header {
    padding: 0.75rem 1rem;
    border-radius: 0.3rem 0.3rem 0 0px;
    background-color: var(--heading-color);
}

.popup-modal .modal-title {
    color: #fff;
}

.popup-modal .readmore {
    border-radius: 8px;
    font-weight: 400;
    width: auto;
    padding: 0.375rem 0.75rem;
}

.popup-modal .close-btn {
    background-color: var(--bs-gray-600);
}

.popup-modal .btn-close {
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}
.popup-modal .query-builder-bgcolor {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 5px;
    padding: 10px;
}
.product-modal p {
    margin-bottom: 5px;
    color: #212529;
    font-size: 16px;
}
.product-modal p strong {
    font-weight: 600;
    color: var(--heading-color);
}
.appraisal-section .appraisal-acc .accordion-button:focus {
    box-shadow: none;
}

.appraisal-section .appraisal-acc .accordion-button:not(.collapsed) {
    background-color: #eff1f4;
    color: var(--primary-color);
}

.appraisal-section .appraisal-acc .self-title {
    color: var(--heading-color);
    font-weight: 600;
    font-size: 20px;
}

.appraisal-section th,
.appraisal-section td {
    font-size: 16px;
    color: var(--primary-color);
}

.appraisal-section th {
    font-weight: 600;
}

.appraisal-section td a {
    color: var(--heading-color);
    text-decoration: none;
}

.appraisal-section .table-width .form-control {
    width: 15%;
}

.appraisal-section .bootstrap-select .dropdown-toggle:focus {
    box-shadow: 0 0px 8px .1rem rgb(230, 240, 255);
    outline: none !important;
}

.appraisal-section .bootstrap-select .dropdown-toggle {
    border: 1px solid #E5E5E5;
    padding: 0.6rem .75rem;
    border-radius: 10px;
}

.balance-details .title-name {
    background-color: #f8f9fa;
    font-size: 16px;
    font-weight: 600;
    padding: 10px;
    margin-bottom: 0;
    font-family: 'Source Sans Pro', sans-serif;
    color: var(--primary-color);
    height: 100%;
}

.balance-details {
    border: 1px solid #E4E8EE !important;
}

.balance-details p {
    padding: 0 10px;
    font-size: 16px;
    margin-bottom: 0;
}

.balance-details .details {
    border: 1px solid #E4E8EE;
    border-bottom: none;
    border-right: none;
}

.balance-details .details:first-child {
    border-left: none;
}

.balance-details .border-heading .details {
    border-top: none;
}

.balance-details .bg-balance-detail {
    background-color: #fdf6f6;
}

.balance-details .bg-hours {
    background-color: #eaf2ff;
}

.balance-detail .details {
    padding: 10px 0;
}

.right_side .widget_section .emp-details h6 {
    font-family: 'Source Sans Pro', sans-serif;
    color: var(--heading-color);
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0px;
}

.right_side .widget_section .emp-details p {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 0;
}

.right_side .salary-section #setting_btn,
.right_side .salary-section #spm-default,
.right_side .appraisal-ent {
    width: 30px;
    height: 30px;
    padding: 0 4px;
    border-radius: 4px;
    text-align: center;
    line-height: 26px;
}

.right_side .salary-section #setting_btn:hover,
.right_side .salary-section #spm-default:hover,
.right_side .appraisal-ent:hover {
    background-color: #e6e6e6;
}

.right_side .salary-section #setting_btn svg {
    width: 16px;
}
.right_side .appraisal-ent svg {
    width: auto;
    fill: var(--heading-color);
}

.right_side .salary-section #setting_btn svg #Rectangle_1401 {
    stroke: var(--heading-color);
}

.right_side .salary-section #setting_btn svg #Path_9303 path {
    fill: var(--heading-color);
}

.right_side .salary-section .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error).e-input-focus input.e-input {
    padding: 0.6rem .75rem;
}

.right_side .salary-section .form-check-input {
    width: 18px;
    height: 18px !important;
    border-color: var(--heading-color);
    margin-top: 6px;
}

.right_side .salary-section .form-check-input:checked {
    background-color: var(--heading-color);
    border-color: var(--heading-color);
}

.right_side .salary-section .form-check-input:focus {
    box-shadow: none;
}

.right_side .salary-section #report_list.form-control {
    padding: 3px 2px;
    font-size: 14px;
    border-radius: 8px;
    min-width: 130px;
}

.right_side .salary-section .e-template .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error).e-input-focus input.e-input {
    padding: 0 8px;
    border-radius: 8px;
}

.right_side .salary-section .e-template .e-input-group input.e-input,
.right_side .salary-section .e-template .e-input-group.e-control-wrapper input.e-input {
    padding: 0 8px;
    font-size: 14px;
    border-radius: 8px;
}

.right_side .salary-section .e-template .e-input-group,
.right_side .salary-section .e-template .e-input-group.e-control-wrapper,
.right_side .salary-section .e-template .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error),
.right_side .salary-section .e-template .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
    border-radius: 8px;
}

.right_side .salary-section .e-template .e-input-group:not(.e-success):not(.e-warning):not(.e-error),
.right_side .salary-section .e-template .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error) {
    border-color: #E5E5E5;
}

.right_side .salary-section #report_list.form-select {
    background-size: 14px 18px;
    background-position: right 0.5rem center;
}
.right_side .salary-section #report_list.form-select option.option-red {

    color: red;

}
.right_side .salary-section #report_list.form-select option.option-blue {

    color: blue;

}
.right_side .salary-section .e-pivotview .e-pivot-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
    font-size: 18px;
}

.right_side .salary-section .e-menu-wrapper .e-menu .e-menu-item .e-menu-icon {
    color: var(--heading-color);
}

.right_side .salary-section .e-pivotview .e-pivot-toolbar .e-menu-wrapper ul .e-menu-item:hover {
    border-radius: 4px;
}

.right_side .musterroll-section .muster-report-table {
    overflow: auto;
    height: 60vh;
}

.right_side .musterroll-section .muster-report-table table td,
.right_side .musterroll-section .muster-report-table table th,
.right_side .decoment-section table th,
.right_side .decoment-section table td {
    font-family: 'Source Sans Pro', sans-serif;
    color: var(--primary-color);
    font-size: 16px;
}

.right_side .musterroll-section .muster-report-table table th,
.right_side .decoment-section table th {
    font-weight: 600;
}

.right_side .musterroll-section .meaning-section {
    border: 1px solid var(--nav-color);
}

.right_side .musterroll-section .meaning-section h5 {
    font-size: 16px;
    margin-left: -42px;
    padding-left: 40px;
    float: left;
    font-weight: 600;
}

.right_side .musterroll-section .meaning-section ul {
    margin: -5px 0 0 50px;
    color: var(--bs-gray-600);
}

.right_side .musterroll-section .abbreviations ul {
    margin-left: 125px;
}

.right_side .musterroll-section .meaning-section ul li {
    font-size: 14px;
    font-family: 'Source Sans Pro', sans-serif;
    display: inline-block;
    margin: 0 5px;
}

.right_side .musterroll-section .meaning-section ul li span {
    margin-right: 6px;
}

.right_side .musterroll-section .meaning-section ul li .fas {
    margin-right: 6px;
    font-size: 13px;
}

.right_side .musterroll-section .present-clr {
    color: green;
}

.right_side .musterroll-section .leave-clr {
    color: var(--heading-color)
}

.right_side .musterroll-section .absent-clr {
    color: #dc3545;
}

.right_side .musterroll-section .lwp-clr {
    color: #6495ed;
}

.right_side .musterroll-section .rest-clr {
    color: #717171;
}

.right_side .musterroll-section .od-clr {
    color: #d2a76f;
}

.right_side .musterroll-section .unpaid-clr {
    color: #356a80;
}

.right_side .musterroll-section .maternity-clr {
    color: #86b329;
}

.right_side .musterroll-section .esi-clr {
    color: #d843d8;
}

.right_side .musterroll-section .casual-clr {
    color: #33d2c2;
}

.right_side .musterroll-section .sick-clr {
    color: #ff8ec3;
}

.right_side .musterroll-section .earned-clr {
    color: #b8992d;
}

.right_side .musterroll-section .compensatory-clr {
    color: #0c8686;
}

.right_side .musterroll-section .short-clr {
    color: #a35530;
}

.widget_section .form-wrapper .approve-color .form-control {
    background-color: #ebf7ea;
}

.widget_section .form-wrapper .reject-color .form-control {
    background-color: #ffedee;
}

.widget_section .form-wrapper .inprocess-color .form-control {
    background-color: #cedbed;
}

.widget_section .form-wrapper .emp-trans-details {
    border-top: 1px solid #dee2e6;
}

.widget_section .form-wrapper .emp-trans-details h5 {
    color: var(--heading-color);
}

.widget_section .form-wrapper .emp-trans-details .error {
    font-size: 14px;
}

.right_side .widget_section .e-grid .e-table .emp-img img,
.right_side .widget_section .e-grid .e-table .sign-img img,
.right_side .widget_section .e-grid .e-table .dummy-img img {
    height: 80px;
    width: 80px;
    border-radius: 100%;
}

.right_side .widget_section .e-grid .e-table .sign-img img {
    height: auto;
}

.right_side .widget_section #emp_details .e-toolbar .e-toolbar-items .e-tbar-btn:focus {
    box-shadow: none;
}

.right_side .widget_section #emp_details .e-toolbar .e-toolbar-items .e-toolbar-item .fa-save {
    color: var(--heading-color);
}

.right_side .widget_section.emp-leave-detail table th,
.right_side .widget_section.emp-leave-detail table td {
    font-size: 16px;
    color: var(--primary-color);
}

.right_side .widget_section.emp-leave-detail table th,
.right_side .widget_section.emp-leave-detail table td strong {
    font-weight: 600;
}

.right_side .widget_section.junior-leave-details .details {
    padding: 10px 0;
    border-radius: 10px;
    margin: 0 0 1px;
    transition: all 0.2s ease-in 0s;
}

.right_side .widget_section.junior-leave-details .details:nth-child(2n) {
    background-color: #f7f7f7;
}

.right_side .widget_section.junior-leave-details .details:hover {
    background-color: #f0f0f0;
}

.right_side .widget_section.junior-leave-details p,
.right_side .widget_section.emp-slip p {
    margin-bottom: 0;
}

.right_side .widget_section.junior-leave-details p strong,
.right_side .widget_section.emp-slip p strong,
.right_side .widget_section .settlement-section .details p strong {
    font-weight: 600;
    color: var(--heading-color);
}

.right_side .widget_section.junior-leave-details p a {
    text-decoration: none;
    /* width: 130px;
    display: inline-block;
    margin-left: 10px; */
    color: var(--heading-color);
}

.right_side .widget_section.junior-leave-details p .fas {
    font-size: 14px;
    color: var(--heading-color);
    margin-right: 5px;
}

.right_side .widget_section.junior-leave-details p a:hover,
.right_side .widget_section.junior-leave-details p:hover .fas {
    color: var(--primary-color);
}

.right_side .widget_section.emp-slip .form-wrapper {
    padding: 15px 10px 30px;
    border: none;
}

.right_side .widget_section.emp-slip .details,
.right_side .widget_section .settlement-section .details {
    background-color: #f7f7f7;
    padding: 10px 0;
    border-radius: 10px;
}

.right_side .widget_section.emp-slip .title {
    font-weight: 600;
    color: var(--heading-color);
    font-size: 18px;
}

.right_side .widget_section.emp-slip #slip p strong {
    color: rgb(59, 59, 59);
    font-weight: 500;
}
.right_side .widget_section .settlement-section .details p {
    margin-bottom: 0;
}
.right_side .widget_section.emp-slip #slip hr {
    background-color: #CACACA;
}

.right_side .widget_section.emp-slip .footer {
    background-color: #f5f5f5;
    border-radius: 10px;
    padding: 10px 0;
}

.right_side .widget_section.emp-slip #slip p.title strong {
    font-weight: 600;
}

.right_side .widget_section.emp-slip .footer .border-right {
    border-right: 1px solid #e4e4e4;
}

.right_side .user-widget .emp-profile-details .profile-image img {
    width: 100px;
    height: 100px;
    border-radius: 100%;
}

.right_side .user-widget .emp-profile-details .profile-details {
    margin-top: 0.5rem;
}

.right_side .user-widget hr {
    background: var(--bs-gray-500);
}

.right_side .user-widget .emp-profile-details .profile-details p {
    margin: 0;
    color: var(--primary-color);
    line-height: 24px;
}

.right_side .user-widget .emp-profile-details .profile-details p strong {
    color: var(--heading-color);
    font-weight: 600;
}

.right_side .user-widget .details-ofemp .form-wrapper {
    padding: 20px 20px 50px;
}

.right_side .user-widget .details-ofemp .form-wrapper .personal-info {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    ;
}

.right_side .user-widget .details-ofemp .form-wrapper .personal-info h5 {
    background-color: #f2f2f2;
    padding: 14px 20px;
    margin: 0;
}

.right_side .user-widget .details-ofemp .form-wrapper .personal-info .repeat-container {
    padding: 10px 20px;
    border-bottom: 1px solid var(--bs-gray-200);
}

.right_side .user-widget .details-ofemp .form-wrapper .personal-info .repeat-container p {
    margin: 0;
    width: 50%;
}

.right_side .user-widget .details-ofemp .form-wrapper .personal-info .repeat-container p:last-child {
    text-align: right;
}

.right_side .earned-table .e-grid.e-default .e-headercell {
    border-right: 1px solid #dee2e6;
}

.right_side .earned-table .e-grid.e-default .e-headercell:first-child,
.right_side .earned-table .e-grid.e-default .e-headercell:last-child {
    border-right: none;
}

.right_side .earned-table .pdficon .export-btn {
    background-color: transparent;
    border: 1px solid #dee2e6;
    padding: 4px 6px;
    border-radius: 6px;
    font-size: 16px;
    color: #dc4a3d;
    transition: all 0.3s ease-in 0s;
}

.right_side .earned-table .pdficon .export-btn:hover {
    box-shadow: 0 0px 8px .1rem rgb(230, 240, 255);
}

.right_side .earned-table .pdficon img {
    width: 30px;
}

.default-wrraper #show-data p {
    margin-bottom: 0;
}

.right_side .widget_section .default-btn .readmore {
    padding: 8px 15px;
}

.right_side .widget_section .organogram-section .e-input-group:not(.e-float-icon-left),
.right_side .widget_section .organogram-section .e-input-group.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error) {
    border:1px solid #ced4da;
}
.right_side .widget_section .organogram-section .e-input-group:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left),
.right_side .widget_section .organogram-section .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left) {
    border-color: #ced4da;
}
.right_side .widget_section .organogram-section .e-dialog {
    background-color: #fff;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
    border-radius: 12px;
    border:1px solid #ced4da;
}
.right_side .widget_section .organogram-section .e-grid .e-dialog.e-flmenu .e-dlg-content {
    border-radius: 12px;
}
.right_side .widget_section .organogram-section .e-dialog .e-footer-content {
    border-bottom-left-radius:12px;
    border-bottom-right-radius:12px;
    border-top: 1px solid #dee2e6;
}
.right_side .widget_section .organogram-section .e-input-group:not(.e-float-icon-left):not(.e-float-input)::before,
.right_side .widget_section .organogram-section .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::before,
.right_side .widget_section .organogram-section .e-input-group:not(.e-float-icon-left):not(.e-float-input)::after,
.right_side .widget_section .organogram-section .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::after {
    background: transparent;
}
.right_side .widget_section .organogram-section .e-input-group:not(.e-disabled):not(.e-float-icon-left)::before,
.right_side .widget_section .organogram-section .e-input-group.e-control-wrapper:not(.e-disabled):not(.e-float-icon-left)::before,
.right_side .widget_section .organogram-section .e-input-group:not(.e-disabled):not(.e-float-icon-left)::after,
.right_side .widget_section .organogram-section .e-input-group.e-control-wrapper:not(.e-disabled):not(.e-float-icon-left)::after  {
    bottom: 0;
}
.right_side .widget_section .organogram-section .e-popup.e-popup-open.e-dialog .e-footer-content .e-btn.e-primary.e-flat,
.right_side .widget_section .organogram-section .e-popup.e-popup-open.e-dialog .e-footer-content .e-btn.e-flat {
    color: var(--white-color);
    text-transform: inherit;
}
.right_side .widget_section .organogram-section .e-grid .e-flmenu-valuediv {
    padding-top: 10px;
}
.right_side .widget_section .organogram-section .e-dialog .e-footer-content,
.right_side .widget_section .organogram-section .e-dialog .e-dlg-content {
    padding: 12px;
}
.right_side .widget_section .organogram-section .e-excelfilter .e-searchbox {
    padding-left: 0;
}
.right_side .widget_section .organogram-section .e-contextmenu-wrapper ul .e-menu-item {
    padding: 0 12px;
}
.right_side .widget_section .organogram-section .e-excelfilter .e-contextmenu-wrapper ul {
    border-radius:0 12px;
}
.right_side .widget_section .organogram-section .e-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-right .e-input-group input.e-input {
    padding:3px 5px;
    font-size: 14px;
}
.right_side .widget_section .organogram-section .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search {
    width: 180px;
}
.right_side .widget_section .organogram-section .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search .e-input-group-icon {
    margin-right: 4px;
}
.right_side .widget_section .organogram-section .e-grid .e-gridheader .e-sortfilter .e-rightalign .e-headercelldiv {
    margin-bottom: -5px;
    padding-left: 0;
}
.widget_section .approval-details {
    margin-bottom: 1rem;;
}
.widget_section .approval-details .details {
    border-top: none;
}
.widget_section .approval-details .details h6 {
    font-size: 14px;
    padding: 10px 4px;
}
.widget_section .approval-details .details p {
    padding: 0 4px;
}
.widget_section .approval-details .details table td {
    border-left: none;
}
.widget_section .approval-details .details table td:last-child {
    border-right: none;
}
.right_side .widget_section .settlement-section {
    padding: 15px 10px;
}
.right_side .widget_section .settlement-section .details-comment {
    background-color: transparent;
}
.right_side .widget_section .down-delete a {
    font-size: 16px;
}
.right_side .widget_section .account-report p,
.right_side .widget_section .account-report h5 {
    font-size: 18px;
}
.right_side .widget_section .account-report h5 strong,
.right_side .widget_section .account-report p strong {
    font-weight: 600;
    color: var(--heading-color);
}
.right_side .widget_section .validation-section .readmore {
    font-size: 12px;
    padding: 5px;
    border-radius: 10px;
}
.shipping_div .select2-container,
.organograms_multiple_div .select2-container,
.ship_multiple_div .select2-container {
    width: 100% !important;
}
.right_side .widget_section .status-details p strong {
    font-weight: 600;
    color: var(--heading-color);
    padding-left: 10px;
}
/* right container end */
/* wms app style start */
.right_side .widget_section  .stock-details {
    text-align: center;
    border-radius: 15px;
    border: 2px solid var(--heading-color);
    box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
    padding-bottom: 20px;
    transition: all 0.2s ease-in 0s;
    margin-bottom: 20px;
}
.right_side .widget_section  .stock-details:hover {
    box-shadow: rgb(185, 207, 242) 0 0px 10px 2px;
    border: 2px solid transparent;
}

.right_side .widget_section .stock-details img {
    width: 200px;
}
.right_side .widget_section  .stock-details .caption-sction .title {
    color: var(--heading-color);
}
.right_side .widget_section  .stock-details a {
    text-decoration: none;
}
.right_side .widget_section .stock-section .title-heading {
    font-family: 'Source Sans Pro', sans-serif;
    color: var(--heading-color);
    font-size: 16px;
    background-color: transparent;
    display: block;
    padding: 0;
}
.right_side .widget_section .stock-section .order-party-details {
    padding: 10px;
    border-radius: 10px;
    transition: all 0.2s ease-in 0s;
    background-color: #f7f7f7;
}
.right_side .widget_section .stock-section .order-party-details p {
    padding-left: 0;
}
.right_side .widget_section .stock-section .orderdetails .form-control  {
    border: none;
    background-color: transparent;
    box-shadow: none;
    padding: 0 10px;
    font-size: 16px;
    color: var(--primary-color);
}
.right_side .widget_section .stock-section .orderdetails input[type=number] {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    appearance: textfield;
  }
.right_side .widget_section .stock-section .order-party-details .orderdetails .balance-details .details .form-control:focus {
    box-shadow: none;
}
.activebg {
    background-color: #f8fff9;
}
.activebg .border-heading h6 {
    background-color:#e1f9e6;
}
.right_side .widget_section .stock-section .order-party-details .check-now {
    max-width: 130px;
}
.right_side .widget_section .stock-section .order-party-details .qty-fill {
    max-width: 110px;
}
.right_side .widget_section .stock-section .orderdetails .product-details {
    padding: 4px 0;
}
.right_side .widget_section .stock-section .orderdetails .product-details p {
    width: 120px;
    font-size: 16px;
}
.right_side .widget_section .stock-section .orderdetails .balance-details .lead {
    font-weight: 400;
    padding: 10px;
    font-size: 14px;
}
.right_side .widget_section .consignment-details {
    background-color: #f2f2f2;
    padding:1rem 2rem 2rem;
}

.right_side .widget_section .consignment-details .box-value {
    width:60px;
    text-align:center;
}
.right_side .widget_section .consignment-details .header-heading ul li {
    width:50%;
    list-style:none;
}
.right_side .widget_section .stock-section .stock-verification {
    background-color: #f7f7f7;
    padding: 10px 0;
    border-radius: 10px;
    margin-bottom: 1px;
    transition: all 0.2s ease-in 0s;
}
.right_side .widget_section .stock-section .stock-verification:nth-child(2n) {
    background-color: #ffffff;
}
.right_side .widget_section .stock-section .stock-verification:hover {
    background-color:#f0f0f0;
}

.right_side .widget_section .stock-section .stock-verification h5 {
    font-weight: 600;
    color: var(--heading-color);
    height: 100%;
    border-right: 1px solid #dfdfdf;
    margin: 0 10px 0 10px;
    padding-left: 10px;
    padding-top: 14px;
    text-transform: uppercase;
    font-size: 17px;
}
.right_side .widget_section #platte .stock-verification p {
    text-align: start;
    padding-left: 10px;
}
.right_side .widget_section #platte .stock-verification p strong,
.right_side .widget_section #platte .stock-verification p strong a {
    color: var(--heading-color);
}
.right_side .widget_section #platte .stock-verification p strong a:hover {
    text-decoration: none;
}
.right_side .widget_section .stock-section .stock-verification
.right_side .widget_section .consignment-details hr {
    background-color: #AEAEAE;
    margin: 1rem 0 0.6rem 5px;
    width: calc(100% - 10px);
}
.widget_section #item-div-box .select2-container {
    display: block;
}

/* wms app style end */
.border-t {
    border-top: 1px solid transparent !important;
}
.border-b {
    border-bottom: 1px solid transparent !important;
}
.border-s {
    border-left: 1px solid transparent !important;
}
.border-e {
    border-right: 1px solid transparent !important;
}
.right_side .packing_div .form-control {
    display: inline-block;
    width: calc(100% - 18px);
}
.right_side .saleabale_details {
    display: block;
    background-color: #fafafa;
    padding: 10px 10px 10px 20px;
    border-radius: 10px;
}
.right_side .saleabale_details .form-control {
    border:none;
    border-bottom: 1px solid #E5E5E5;
    border-radius: 0;
    /* width: calc(90% - 18px); */
    padding: 0;
    background-color: transparent;
}
.right_side .saleabale_details .form-control:focus {
    box-shadow: none;
    border-bottom: 1px solid #b6d3b9;
}
.right_side .packing_div .multipli-close {
    width:14px;
}

.right_side .packing_div .form-control.packing-w {
    width: calc(100% - 0px);
}
.right_side .bill_printing .table {
    border-color: #E4E8EE;
    margin-bottom: 0;
}
.right_side .bill_printing .table p {
    margin-bottom: 0;
    font-weight: normal;
    color: var(--primary-color);
}
.right_side .bill_printing .table p strong {
    font-weight: 600;
    color: var(--heading-color);
}
.right_side .bill_printing .table th:first-child {
    border-left: none;
}
.right_side .bill_printing .table th:last-child {
    border-right: none;
}
.right_side .bill_printing .table th {
    font-size: 16px;
    font-weight: 600;
}
.right_side .bill_printing .table td {
    font-size: 16px;
}
.right_side .bill_printing .table-bg {
    background-color: #f8f9fa;
}

.breadcrumbs-list {
    display: block;
    list-style: none;
    padding: 6px 10px;
    /* background: url('../images/wh-bg.jpg'); */
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 8px;
    background-position: bottom;
  }
.breadcrumbs-list:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color:rgba(245, 245, 245, 0.8);
}
  .breadcrumbs-list .arrow_box {
    font-size: 16px;
    display: inline-block;
    z-index: 1;
    position: relative;
  }
.breadcrumbs-list .arrow_box a {
    text-decoration: none;
    color: #000;
    transition: all 0.4s ease-in 0s;
}
.breadcrumbs-list .arrow_box a .fas {
    margin-right: 6px;
    color: #000;
}
.breadcrumbs-list .arrow_box::after {
    content: "";
    font-family: 'FontAwesome';
    margin: 0 12px;
    color: #000;
    font-size: 18px;
}
.breadcrumbs-list .arrow_box:last-child::after {
    display: none;
}
.breadcrumbs-list .arrow_box a:hover,
.breadcrumbs-list .arrow_box a:hover .fas {
    color: var(--heading-color);
    transition: all 0.4s ease-in 0s;
}
.breadcrumbs-list .arrow_box:last-child a,
.breadcrumbs-list .arrow_box:last-child .fas {
    color: #1258c1;
}
.bread-listing li {
    transition: all 0.2s ease-in-out;
    font-size: 15px;
    margin-bottom: 10px;
  }
.bread-listing li a,
.popup-modal .fa-modal .item-box ol li,
.item-stock .item-box ol li {
    text-decoration: none;
    color: #1258c1;
    /*padding: 2px 10px;
    box-shadow: 0 0 0px 2px #537fc2;*/
    border-radius: 8px;

}
.bread-listing li a::before {
    content: "\f07b";
    font-family: 'FontAwesome';
    margin-right: 8px;
}
.bread-listing li a:hover {
     color: #537fc2;
}
.bread-listing .breadcrumb-item + .breadcrumb-item::before {
    font-size: 20px;
    line-height: 20px;
    color:#537fc2;
    content: var(--bs-breadcrumb-divider, "I") /* rtl: var(--bs-breadcrumb-divider, "/") */;
}

.heading-1 figure svg {
    width: 30px;
    fill: var(--heading-color);
}
.heading-1 h5 {
    text-align: center;
    color: var(--heading-color);
    margin-bottom: 0;
}
.heading-1 h5 span {
    font-size: 13px;
}
.popup-modal .fa-modal img {
    width: 18px;
    margin-right: 10px;
}
.popup-modal .fa-modal p,
.fixed-assetbox p {
    margin-bottom: 15px;
    font-size: 16px;
}
.popup-modal .fa-modal p span,
.fixed-assetbox p span {
    font-style: italic;
    font-weight: 600;
    color:var(--heading-color);
    display: block;
    text-align: right;
    word-wrap: break-word;
}
.popup-modal .fa-modal p strong {
    color: #bac6d7;
    font-weight: 500;
}
.popup-modal .fa-modal svg,
.item-stock .item-box svg,
.fixed-assetbox svg  {
    fill: #6f8bb5;
    width: 22px;
    margin-right: 5px;
}
.item-stock .item-box svg {
    width: 20px;
}
.popup-modal .fa-modal .item-box {
    border-bottom: 2px solid #c1d1e9;
}
.popup-modal .fa-modal .item-box .item-heading svg {
    width: 30px;
}
.popup-modal .fa-modal .item-box .item-heading strong {
    font-weight: 600;
    color: var(--heading-color);
    font-size: 20px;
}
.popup-modal .fa-modal .item-box ol li::before,
.item-stock .item-box ol li::before {
    content: normal;
}
.popup-modal .fa-modal .item-box ol li {
    margin-right: 10px;
    padding: 0 10px;
}

.stock-verification .item-stock {
    background-color: #f7f7f7;
    padding: 15px 20px 15px 10px;
    border-radius: 10px;
    margin-bottom: 6px;
    box-shadow: 0 0px 0px 1px #d8d8d8 inset;
}
.item-stock .rightimg {
    width: 150px;
    height: 150px;
    display:inline-block;
}
.item-stock .rightimg img {
    width: 100%;
    height: 100%;
}

.item-stock .bread-listing {
    padding-left: 10px;
}
.stock-verification .item-stock .item-box p {
    font-size: 16px;
    margin-bottom: 5px;
}
.stock-verification .item-stock .item-box p span {
    word-wrap: break-word;
}
.scanimg {
    width: 100%;
    height: 270px;
    overflow: hidden;
    border-radius: 10px;
    justify-content: center;
    display: flex;
    align-items: center;
}
.scanimg img {
    width: auto;
    border-radius: 10px;
}
.fixed-assetbox svg {
    width: 18px;
}
.fixed-assetbox p {
    padding-left: 0 !important;
    margin-bottom: 10px !important;
}
.fixed-assetbox p strong  {
    color: #bac6d7 !important;
    font-weight: 500 !important;
}
.right_side .retail-picking-table thead tr {
    background-color: #f8f9fa;
}
.right_side .retail-picking-table thead th,
.right_side .retail-picking-table tbody td {
    border-right: 1px solid #E4E8EE;
}
.right_side .retail-picking-table thead th {
    font-weight: 600;
}
.right_side .retail-picking-table thead th:last-child {
    border-right: none;
}
.right_side .retail-picking-table > :not(:last-child) > :last-child > * {
    border-bottom-color: #E4E8EE;
  }
.right_side .retail-picking-table > tbody > tr:nth-of-type(2n+1) {
    --bs-table-accent-bg: transparent;
  }
#custom-approve-btn .readmore {
    font-size: 14px;
    width: auto;
    padding: 2px 0.5rem 6px;
    border-radius: 0.6rem;
    font-weight: 500;
}
.e-flmenu{
    width: 400px !important;
}

/* feedback rating start */
#feedbackModal.popup-modal .modal-dialog {
    max-width:680px;
}
.rating-popup .card {
    border:none;
}

.rating-popup .feedback-section {
    margin-bottom:35px;
    position: relative;
}
.rating-popup .rating-review, .rating-popup .rating-review2, .rating-popup .rating-review3, .rating-popup .rating-review4, .rating-popup .rating-review5, .rating-popup .rating-review6 {
    width: 30px;
    height: 30px;
    display: inline-block;
    /* background-image: url('https://unpkg.com/emoji-datasource-apple@6.0.1/img/apple/sheets-256/64.png'); */
    background-image: url('/images/feedback-icons.png');
    background-size: 5800% 5700%;
    background-position: 45.614035087719294% 10.526315789473683%;
    margin-right:35px;
    opacity: .5;
    filter: grayscale(100%);
    cursor: pointer;
}
.rating-popup .rating-review:last-child, .rating-popup .rating-review2:last-child, .rating-popup .rating-review3:last-child, .rating-popup .rating-review4:last-child, .rating-popup .rating-review5:last-child, .rating-popup .rating-review6:last-child {
    margin-right:0;
}
.rating-popup .rating-review:hover, .rating-popup .rating-review2:hover, .rating-popup .rating-review3:hover, .rating-popup .rating-review4:hover, .rating-popup .rating-review5:hover, .rating-popup .rating-review6:hover {
    opacity: 1;
    filter: grayscale(0%);
}
.rating-popup .rating-review2 {
    background-position:52.63157894736842% 73.68421052631578%;
}
.rating-popup .rating-review3 {
    background-position:47.368421052631575% 68.42105263157895%;
}
.rating-popup .rating-review4 {
    background-position:52.63157894736842% 73.68421052631578%;
    background-image: inherit;
    font-size: 22px;
}
.rating-popup .rating-review5 {
    background-position:22.807017543859647% 38.59649122807017%;
}
.rating-popup .rating-review6 {
    background-position:59.64912280701754% 85.96491228070175%;
}
.rating-popup .feedback-section  .review-stat {
    font-weight:300;
    font-size:18px;
    margin-bottom:0px;
}
.rating-popup .feedback-section  .review-stat span {
    color:red;
}
.rating-popup .feedback-section .form-control {
    background-color: #FCFCFC;
    border-color: #E5E5E5;
    padding: 0.6rem .75rem;
    font-size: 18px;
    border-radius: 12px;
    line-height: 1.5;
    font-family: inherit;
}
.rating-popup .feedback-section .form-control:focus {
  box-shadow: 0 0px 8px .1rem rgb(230, 240, 255);
}
.rating-popup .feedback-section .readmore {
    width: 100%;
    padding: 8px;
    border-radius: 10px;
    background-color:var(--btn-color);
}
.rating-popup .feedback-section .readmore:hover {
    background-color:var(--heading-color);
}

.rating-popup .selected {
    opacity: 1;
    filter: grayscale(0%);
}
.rating-popup .hovered {
    opacity: 1;
    filter: grayscale(0%);
}
.rating-popup .error-caption {
    position: absolute;
    left: 43%;
    top: 30px;
    font-size: 14px;
}
.question-section .rounded_custom .form-check-input {
    width: 20px;
    height: 20px;
  }
.question-section label {
    margin: 0;
    font-size: 15px;
}

/* feedback rating end */

/* Mobile responsive start */

@media (max-width: 1400px) {
    .left-sidebar .e-treeview .e-list-item .e-list-text,
    .right_side .widget_section .e-grid.e-responsive .e-rowcell,
    .right_side .widget_section .e-grid .e-headercelldiv,
    .right_side .widget_section .e-grid .e-pager,
    .right_side .widget_section .e-input-group,
    .right_side .widget_section .e-input-group.e-control-wrapper,
    .e-contextmenu-wrapper ul li,
    .emp_navigation li a,
    .right_side .musterroll-section .muster-report-table table td,
    .right_side .musterroll-section .muster-report-table table th,
    .widget_section .form-wrapper .emp-trans-details table td,
    .widget_section .form-wrapper .emp-trans-details .table> :not(:last-child)> :last-child>*,
    .widget_section.user-widget .table> :not(:last-child)> :last-child>*,
    .widget_section.user-widget .table> :not(caption)>*>*,
    .right_side .widget_section .e-grid .e-gridheader thead .e-icons:not(.e-check):not(.e-stop) {
        font-size: 12px;
    }
    .right_side .widget_section .e-row {
        height: 42px !important;
    }
    .righimg h6,
    .right_side .tree_section ul li .e-list-text,
    .right_side .widget_section .settlement-section .details p,
    .right_side .decoment-section table th,
    .right_side .decoment-section table td,
    .right_side .widget_section .account-report p,
    .right_side .widget_section .account-report h5 {
        font-size: 14px;
    }
    .right_side .widget_section.emp-slip .title,
    .right_side .widget_section .default-btn .readmore,
    .right_side .widget_section .stock-details .caption-sction .title {
        font-size: 16px;
    }
    .left-sidebar .btn-toggle::after,
    .left-sidebar .e-treeview .e-list-item .e-icon-expandable::before,
    .left-sidebar .e-treeview .e-list-item div.e-icons::before {
        width: 1rem;
        height: 1rem;
        background-size: 1rem;
    }
    .left-sidebar ul li,
    .left-sidebar .e-treeview .e-list-item {
        padding-top: 4px;
        padding-bottom: 4px;
    }
    .signin-form form .input-group .form-control {
        padding: 20px .75rem;
        font-size: 20px;
    }
    .signin-form form {
        padding: 2rem 4rem 3rem;
        margin-top: 3rem;
    }
    .signin-form form .readmore {
        width: 80%;
        padding: 0;
        font-size: 26px;
        height: 60px;
    }
    .signin-form form p,
    .right_side .form-wrapper .form-label,
    .right_side form .form-label,
    .rounded_custom .form-check-label,
    .right_side .form-control,
    .right_side .select2-container--default .select2-selection--single,
    .right_side .e-input-group input.e-input,
    .right_side .e-input-group.e-control-wrapper input.e-input,
    .right_side .details-leaves .emp-status p,
    .right_side .btn-add .btn-label .fa,
    .right_side .btn_delete .btn-label .fa,
    .right_side .details-leaves h6,
    .default-wrraper p,
    .widget_section .approval-details .details p,
    .widget_section .approval-details .details table td,
    .right_side .select2-container--default .select2-search--inline .select2-search__field,
    .right_side .select2-container--default .select2-selection--multiple,
    .right_side .widget_section .status-details .emp-status h6,
    .product-modal p {
        font-size: 14px;
    }
    .right_side .select2-container--default .select2-selection--multiple .select2-selection__choice {
        margin: 0;
    }
    .widget_section .approval-details .details h6 {
        font-size: 12px;
    }
    .signin-form form .input-group .input-group-text img {
        width: 20px;
    }
    .widget_section .form-wrapper legend {
        font-size: 18px;
    }
    .rounded_custom .form-check-input {
        width: 20px;
        height: 20px;
    }
    .right_side .widget_section .e-grid .e-content {
        height: 58vh !important;
    }
    .right_side .widget_section .price-listing .e-grid .e-content {
        height: 35vh !important;
    }
    .right_side .e-multiselect.e-checkbox .e-multi-select-wrapper,
    .right_side .e-multiselect .e-multi-select-wrapper.e-down-icon {
        padding: 0.33rem .75rem;
    }
    .margin-28 {
        margin-top: 16px;
    }
    .right_side .btn-add,
    .right_side .btn_delete {
        width: 110px;
        padding: 10px 0 10px 56px;
    }
    .right_side .btn-add .btn-label,
    .right_side .btn_delete .btn-label {
        padding: 11px 0;
    }
    .right_side .widget_section .btn_custom {
        font-weight: normal;
    }
    .emp-signin .container-widget .emp-login {
        padding: 20px 0;
    }
    .right_side .musterroll-section .abbreviations ul {
        margin-left: 98px;
    }
    .right_side .musterroll-section .meaning-section ul {
        margin-left: 32px;
    }
    .right_side .musterroll-section .meaning-section h5 {
        font-size: 14px;
        margin-left: -48px;
        padding-left: 38px;
    }
    .right_side .widget_section .stock-details img {
        width: 150px;
    }
    .right_side .widget_section .status-details .emp-status p,
    .right_side .details-leaves .emp-status p {
        font-size: 16px;
    }
    .erp-signup form {
        padding:6rem 4rem;
        max-width: 560px;
    }
    .reset-login form .readmore {
        width: 170px;
    }
    .erp-signup-v5 { 
        background-position-y: 0;
        background-size: cover;
        background-position-x: right;
    }
}

@media (max-width: 1200px) {
    .emp-signin .container-widget form .main-title {
        font-size: 40px;
    }
    .emp-signin .container-widget .emp-login {
        padding: 30px 0;
    }
    .right_side .musterroll-section .meaning-section ul,
    .right_side .musterroll-section .abbreviations ul {
        margin-left: 0;
    }
    .right_side .musterroll-section .meaning-section h5 {
        margin: 0;
        padding: 0 0 5px;
        float: none;
    }
    .erp-signup .login-icons ul li:nth-child(3) {
        top:3%;
    }
    .erp-signup .login-icons ul li:nth-child(4) {
        left:40%;
    }
    .erp-signup .login-icons ul li:nth-child(10) {
        display: none;
    }
    .erp-signup .right-widget figure {
        margin-top: -25px;
    }
    .erp-signup .login-icons ul li:nth-child(8) {
        top:17%;
    }

    .erp-signup .right-widget .bottom-img {
        width: 35%;
    }
    .erp-signup form {
        padding: 3rem 1rem;
        max-width: 470px;
    }
    .erp-signup form .logo {
        margin-bottom: 1rem;
    }
}

@media (max-width: 992px) {
    .signin-form .login-rightbg,
    .emp-header .right-header .navbar-nav li a .fa-expand-arrows-alt {
        display: none;
    }
    .signin-form form .readmore {
        /* width: 100%; */
        width: 150px;
        /* margin: 0 auto; */
        display: block;
    }
    .signin-form form {
        background-color: var(--white-color);
        margin: 0 auto;
        margin-left: auto !important;
        margin-top: 3rem;
    }
    .signin-form {
        background-image: url('/images/login-rightbg.svg');
        background-repeat: no-repeat;
        background-position-y: center;
        background-position-x: right;
        /* padding-bottom: 8rem;
        height: auto; */
    }
    .emp-signin {
        background: url('../images/emp-bg.jpg');
        background-position: center;
        background-size: cover;
        padding: 6% 0;
    }
    .emp-signin .container-widget .emp-login {
        border-radius: 20px 20px 0px 0px;
    }
    .emp-signin .container-widget form {
        border-radius: 0 0 20px 20px !important;
    }
    .widget_section .approval-details .details {
        padding-bottom: 10px;
    }
    .widget_section .approval-details .details:nth-child(4) {
        border-left:  none;
    }
    .right_side .widget_section .stock-section .stock-verification h5 {
        border-right: none;
        text-align: center;
        padding: 5px 0 10px;
        margin: 0;
    }
    .right_side .widget_section .stock-section .stock-verification p strong span {
        display: none;
    }
    .erp-signup,
    .reset-login {
        background-image: none;
        height: auto;
    }
    .erp-signup form {
        background-color: transparent;
        margin-top: 0;
    }
    .erp-signup .right-widget .bottom-img {
        position: relative;
        width: 50%;
        float: right;
    }
    .erp-signup .right-widget {
        text-align: center !important;
        margin-top: 0 !important;
    }
    .erp-signup .right-widget h2 {
        font-size: 4.3vw;
    }
    .erp-signup .right-widget figure {
        margin-right:0;
    }
    .erp-signup .login-icons ul li {
        top:20%;
    }
    .erp-signup .login-icons ul li:nth-child(2) {
        bottom: -12%;
        left: 6%;
    }
    .erp-signup .login-icons ul li:nth-child(3) {
        top: 7%;
        left: 7%;
      }
    .erp-signup .login-icons ul li:nth-child(4) {
        left: auto;
        right: 4%;
      }
      .erp-signup .login-icons ul li:nth-child(5) {
        bottom: 5%;
        right: 15%;
        left: auto;
      }
      .erp-signup .login-icons ul li:nth-child(6) {
        left: 30%;
        bottom: -25%;
      }
      .erp-signup .login-icons ul li:nth-child(8) {
        top: auto;
        bottom: 15%;
        left: 10%;
      }
      .reset-login form {
        background-color: transparent;
      }
      .erp-signup-v3 {
        background: url('/images/new-loginbg.jpg') 0 -30px;
        background-size: cover;
        background-repeat: no-repeat;
        height: 100vh;
    }
    .erp-signup-v3 .right {
        position: inherit;
        width: auto;
        left: 0;
        right: 0;
        margin-top: 10%;
    }
    .erp-signup-v3 .right .formnew form {
        background-color: #fff;
        padding: 2rem 30px 8rem;
        background: linear-gradient(0deg, rgba(255,255,255,0.051867402234331283) 6%, rgba(255,255,255,0.18912230419511555) 10%, rgb(255, 255, 255) 30%);
  }
  .erp-signup-v3,.erp-signup-v4 .right .formnew form {
    background: transparent;
  }
  .erp-signup-v3.erp-signup-v4 .right {
    width: 58%;
    margin: 10% auto;
  }
  .erp-signup-v5 {
    background: url('/images/new-login.jpg') 0 0;
    background-repeat: repeat;
    background-size: auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
    height: 100vh;
  }
  .erp-signup-v3 .right .formnew form {
    background: linear-gradient(0deg, rgba(54,99,135,0.1) 3%, rgba(54,99,135,0.1) 10%, rgba(54,99,135, 0.95) 40%);
  }
  .erp-signup-v5 .right .formnew form {
    background: linear-gradient(0deg, rgba(54,99,135,0.1) 3%, rgba(54,99,135,0.1) 10%, rgba(0,31,53, 0.65) 40%);
    padding: 55px 30px;
  }
    }

@media (max-width: 800px) {
    .signin-form {
        background-position-x: 0%;
    }
    .erp-signup-v5 {
        background-position-x: right;
    }
    .emp-signin .container-widget .emp-login .emp-img {
        width: 190px;
        height: 190px;
    }
    .emp-signin .logo {
        width: 200px;
    }
}

@media (max-width: 768px) {
    .right_side .sub_header .header_heading {
        display: inline-block;
        width: 100%;
    }
    .right_side .attendance_wrapper .sub_header .header_heading {
        display: inline-block;
        width: calc(100% - 18px);
        margin-left: 18px;
    }
    .right_side .sub_header .readmore {
        width: 40px;
        border-radius: 8px;
        font-size: 16px;
        float: left;
        margin-right: 10px;
    }
    .right_side .sub_header .readmore::before {
        border-radius: 8px;
    }
    .right_side .sub_header .header_heading h3 {
        position: relative;
        top: 10px;
        text-align: left;
        font-size: 16px;
    }
    .right_side .sub_header .header_heading h5 {
        margin-bottom: 0;
    }
    .right_side .btn-add,
    .right_side .btn_delete {
        width: 104px;
        padding: 8px 0 8px 56px;
    }
    .right_side .btn_delete {
        padding: 8px 0 8px 50px;
    }
    .right_side .btn-add .btn-label,
    .right_side .btn_delete .btn-label {
        padding: 8px 0;
    }
    .right_side .musterroll-section .muster-report-table {
        height: 30vh;
    }
    .right_side .widget_section.emp-slip .details .title {
        margin-top: 0.6rem;
    }
    .right_side .user-widget .details-ofemp .form-wrapper .personal-info {
        box-shadow: none;
    }
    .widget_section .approval-details .details:nth-child(5),
    .widget_section .approval-details .details:nth-child(6),
    .widget_section .approval-details .details:nth-child(8) {
        border-left:  none;
    }
    .right_side .widget_section .consignment-details .consignment-scroll {
        overflow: hidden;
        height: 300px;
        overflow-y: scroll
    }
    .right_side .widget_section .stock-section .stock-verification h5:after {
        content: "";
        width: 140px;
        height: 2px;
        margin: 10px auto 0;
        display: block;
        background: -moz-linear-gradient(left, #f7f7f7 0%, #c6c6c6 50%, #f7f7f7 100%);
        background: -webkit-linear-gradient(left, #f7f7f7 0%,#c6c6c6 50%,#f7f7f7 100%);
        background: linear-gradient(to right, #f7f7f7 0%,#c6c6c6 50%,#f7f7f7 100%);
    }
    .right_side .widget_section .stock-section .stock-verification p {
        text-align: center;
        padding-left: 0;
        line-height: normal;
        margin-bottom: 10px;
    }
    .right_side .widget_section .stock-section .stock-verification p strong {
        display: block;

    }
    .right_side .widget_section .picking-section .consignment-details .consignment-scroll {
        height: auto;
    }
    .popup-modal .readmore {
        font-size: 14px;
    }
    .scanimg {
        max-height: 150px;
        height: 100%;
    }
    .erp-signup .login-icons ul li {
        background: url('../images/mobile-bgicons.svg') 1.5% 137%;
        width: 20px;
        height: 20px;
    }
    .erp-signup .login-icons ul li:nth-child(4) {
        right: 1%;
        top:1%;
        background-position: 37% 1%;
        width: 60px;
        height: 50px;
}
.erp-signup .login-icons ul li:nth-child(3) {
        background-position: 26% 13%;
        width: 40px;
        height: 40px;
        top: 0%;
        left: 30%;
}
.erp-signup .login-icons ul li:nth-child(8) {
         background-position: 60% 34.3%;
        width: 50px;
        height: 55px;
        bottom: 5%;
        left: 16%;
}
.erp-signup .login-icons ul li:nth-child(9) {
        background-position: 95.3% 48%;
        width: 40px;
        height: 40px;
        right: 10%;
        top:48%;
}
.erp-signup .login-icons ul li:nth-child(5) {
        background-position: 32% 96%;
        width: 30px;
        height: 32px;
}
.erp-signup .login-icons ul li:nth-child(2) {
        background-position: 3.3% 77.5%;
        width: 35px;
        height: 30px;
}
.erp-signup .login-icons ul li:nth-child(6) {
        left: auto;
        right: 50%;
        width: 60px;
        height: 50px;
        bottom: -30%;
}
.erp-signup .login-icons ul li:nth-child(7) {
        width: 40px;
        height: 40px;
        left: 58%;
        bottom: 15%;
}
.reset-login {
    margin-top:0 !important;
}
.reset-login figure {
    display: block;
    height: auto;
    margin-bottom: 30px;
    text-align: center;
}
.reset-login .reset-bottombg {
    position: relative;
}
.reset-login form::before {
    left: -180px;
    height: 120px;
  }
}

@media (max-width: 640px) {
    .signin-form form {
        padding: 2rem 2rem 3rem;
        margin-top: 6rem;
    }
    .signin-form form .input-group .form-control {
        padding: 18px .75rem;
        font-size: 16px;
    }
    .main-header .navbar-brand .logo img {
        width: 180px;
    }
    .right_side .details-leaves .emp-status p {
        padding: 0 0 6px;
        min-height: 50px;
        line-height: 15px;
        align-items: center;
        display: flex;
        margin-top: -6px;
    }
    .right_side .widget_section .stock-details .caption-sction .title {
        font-size: 14px;
    }
    .right_side .widget_section .allocation-section.px-xs-1 {
        padding-left: 0.25rem !important;
        padding-right: 0.25rem !important;
    }
    .right_side .widget_section .stock-details img {
        width: 130px;
      }
      .erp-signup form {
        margin-top: 0;
      }
      .erp-signup .right-widget {
        padding-left:2rem;
      }
      .erp-signup .right-widget h2 {
        font-size: 5.3vw;
        font-weight: 600;
        margin-left: 0;
        text-shadow: 1px 2px 0px #b6b6b6;
      }
      .erp-signup .right-widget figure {
        margin-top: -15px;
        margin-bottom: 30px;
      }
    #feedbackModal.popup-modal .modal-dialog {
        max-width: 500px;
    }
    .rating-popup .feedback-section {
        display:block !important;
    }
    .rating-popup .rating-review, .rating-popup .rating-review2, .rating-popup .rating-review3, .rating-popup .rating-review4, .rating-popup .rating-review5, .rating-popup .rating-review6 {
        margin:0;
    }
    .rating-popup .feedback-section .review-stat {
        margin-bottom:5px;
    }
}

@media (max-width: 575px) {
    .main-header .righimg {
        padding-right: 10px !important;
    }
    .main-header .righimg h6 {
        display: none;
    }
    .right_side .leave-details {
        margin-left: -12px;
        margin-right: -12px;
        padding: 0 2px;
        overflow: hidden;
    }
    .right_side .fa-without-login {
        margin-left: 0;
        margin-right: 0;
        overflow: inherit;
    }
    .right_side .epm-details {
        margin-left: -12px;
        margin-right: -12px;
    }
    .right_side .epm-details .form-wrapper {
        padding: 0;
        border: none;
    }
    .right_side .epm-details .form-wrapper legend {
        background-color: #f7f7f7;
        width: 100%;
        padding: 10px;
    }
    .right_side .leave-details .widget_section p,
    .right_side .details-leaves h6,
    .right_side .details-leaves table th,
    .right_side .details-leaves table td,
    .right_side .details-leaves table .form-control,
    .right_side .widget_section.junior-leave-details p,
    .right_side .widget_section.emp-leave-detail table th,
    .right_side .widget_section.emp-leave-detail table td,
    .right_side .clander_widget.e-calendar .e-content span.e-day,
    .right_side .clander_widget.e-calendar th,
    .right_side .widget_section .stock-section .orderdetails .form-control,
    .right_side .widget_section #platte .stock-verification p {
        font-size: 14px;
    }
    .right_side .clander_widget .custom-color {
        height: 4px;
        width: 4px;
    }
    .right_side .clander_widget .e-header.e-month {
        padding-top: 0;
        padding-bottom: 0;
    }
    .right_side .details-leaves .details-heading .lead {
        font-size: 16px;
    }
    .emp-signin {
        height: 100vh;
        padding: 0;
    }
    .emp-signin .container-widget .emp-login {
        padding: 15px 0;
    }
    .emp-signin .container-widget form .main-title {
        font-size: 35px;
    }
    .emp-signin .container-widget form .title {
        font-size: 25px;
    }
    .signin-form form .readmore {
        font-size: 24px;
        height: 54px;
    }
    .emp-signin {
        background: url('../images/mobile-bg.jpg');
    }
    .emp-signin .container-widget .emp-login h3 {
        font-size: 30px;
    }
    .mains img {
        width: 280px;
    }
    .mains svg {
        width: 80%;
        height: auto;
    }
    .right_side .widget_section.emp-slip .form-wrapper {
        padding-top: 10px;
    }
    .right_side .user-widget .emp-profile-details .profile-image img {
        width: 70px;
        height: 70px;
    }
    .right_side .user-widget .emp-profile-details .profile-details {
        margin-top: 0;
    }
    .right_side .user-widget {
        margin-top: 0.5rem !important;
    }
    .right_side .widget_section .stock-section .stock-verification h5 {
        font-size: 15px;
    }
    .right_side .widget_section .stock-section .stock-verification p {
        font-size: 12px;
    }
    .bread-listing .breadcrumb-item + .breadcrumb-item {
        padding-left: 0.2rem;
      }
      .bread-listing .breadcrumb-item + .breadcrumb-item::before {
        padding-right: 0.2rem;
    }
    .bread-listing li {
        font-size: 14px;

    }
    .bread-listing li a::before {
        margin-right: 4px;
    }
    .popup-modal .fa-modal .item-box .item-heading strong {
        font-size: 16px;
    }
    .item-stock .bread-listing .breadcrumb-item + .breadcrumb-item {
        padding: 0 10px;
    }
    .stock-verification .multiple-item {
        overflow-y: scroll;
        height: 290px;
        margin-bottom: 50px;
    }
    .stock-verification .multiple-item .item-stock {
        padding: 15px 10px 15px 10px;
    }
    .item-stock .rightimg {
        float: right;
        width: 100%;
    }

    .location-fixed {
        margin-top: 10px;
    }
   .location-fixed .heading-1 {
    display: inline-block !important;
    width: 100%;
    text-align: center;
   }
   .location-fixed .heading-1 figure {
    display: inline-block;

 }
 .location-fixed .heading-1 figure svg {
    vertical-align: baseline;
 }
 .location-fixed .heading-1 h5 {
    display: inline-block;
    font-size: 18px;
 }
 .scan-bottomfix {
    position: fixed;
    bottom:0;
    left: 0;
    right: 0;
    background-color: #dadada;
    padding: 6px 8px !important;
    margin-bottom: 0 !important;
 }
 #feedbackModal.popup-modal .modal-dialog {
    max-width: 94%;
    margin: 0.5rem auto;
}
.rating-popup .modal-title {
    font-size:15px;
}
.erp-signup-v3 .right .formnew form h4 {
    font-size: 24px;
}
.erp-signup-v3 .right .formnew form .readmore {
    width: 100%;
}
.erp-signup-v3.erp-signup-v4 .right {
    width: 90%;
    margin: 10% auto;
  }
}

@media (max-width: 480px) {
    .signin-form form {
        margin-right: 0;
        margin-left: 0 !important;
        padding: 2rem 1rem 3rem;
    }
    .signin-form form .input-group .input-group-text img {
        width: 16px;
    }
    .signin-form form .title {
        font-size: 20px;
    }
    .main-header .menu-toggle {
        margin-right: 0 !important;
        margin-top: 12px;
    }
    .widget_section .form-wrapper {
        padding: 15px 15px 30px;
    }
    .widget_section .form-wrapper legend {
        font-size: 14px;
    }
    .right_side .widget_section .nav-tabs .nav-link {
        font-size: 18px;
        padding: .5rem .5rem;
    }
    .right_side .widget_section .nav-tabs .nav-link:last-child {
        margin-right: 0;
    }
    .right_side .widget_section .nav-tabs .nav-link.active::after {
        bottom: -9px;
    }
    .right-header {
        padding-right: 0 !important;
    }
    .right-header .navbar-nav li {
        margin: 0 10px 0 0;
    }
    .main-header .menu-toggle .toggler-icon span {
        width: 22px;
        margin: 4px 0;
    }
    .main-header .menu-toggle .toggler-icon span:nth-child(2n) {
        width: 16px;
    }
    .main-header .navbar-brand .logo img {
        margin-left: 10px;
    }
    .widget-clander .form-wrapper {
        border: none;
        padding: 0;
    }
    .attendance_wrapper .widget-clander.leave_types .form-wrapper {
        padding: 0 18px 8px 18px;
        margin-bottom: 0.5rem;
    }
    .attendance_wrapper .widget-clander.leave_types p {
        margin: 0;
    }
    .widget-clander .clander_widget {
        box-shadow: rgba(198, 198, 198, 0.45) 0px 20px 30px -20px !important;
        border-radius: 30px !important;
    }
    .widget-clander {
        margin-top: 0 !important;
    }
    .attendance_wrapper {
        padding: 0 12px;
        margin-left: -12px;
        margin-right: -12px;
    }
    .m-left_right {
        margin-left: -24px;
        margin-right: -24px;
    }
    .d-xs-none {
        display: none !important;
    }
    .my-xs-0 {
        margin-bottom: 0 !important;
        margin-top: 0 !important;
    }
    .mt-xs-0 {
        margin-top: 0 !important;
    }
    .mt-xs-1 {
        margin-top: 0.25rem !important;
    }
    .mt-xs-2 {
        margin-top: 0.5rem !important;
    }
    .mt-xs-3 {
        margin-top: 1rem !important;
    }
    .mb-xs-0 {
        margin-bottom: 0 !important;
    }
    .mb-xs-1 {
        margin-bottom: 0.25rem !important;
    }
    .mb-xs-2 {
        margin-bottom: 0.5rem !important;
    }
    .mb-xs-3 {
        margin-bottom: 1rem !important;
    }
    .ms-xs-0 {
        margin-left: 0 !important;
    }
    .ms-xs-1 {
        margin-left: 0.25rem !important;
    }
    .me-xs-0 {
        margin-right: 0 !important;
    }
    .px-xs-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .text-xs-center {
        text-align: center !important;
    }
    .text-xs-start {
        text-align: left !important;
    }
    .attendance_wrapper .widget-clander.leave_types .add_leave_row {
        background-color: #f7f7f7;
        margin: 10px 0 0 !important;
        padding: 0 0 8px;
        border-radius: 8px;
    }
    .attendance_wrapper .widget-clander.leave_types .add_leave_row:nth-child(2n) {
        background-color: transparent;
        margin-top: 0 !important;
        padding-bottom: 0;
    }
    .attendance_wrapper .widget-clander.leave_types .add_leave_row.approve-color:nth-child(n+1) {
        margin-top: 10px !important;
        padding-bottom: 8px;
    }
    .attendance_wrapper .widget-clander .form-select {
        background-size: 18px 12px;
    }
    .attendance_wrapper .widget-clander.leave_types .add_leave_row .fa-times::before {
        font-size: 14px;
    }
    .right_side .widget_section #Grid {
        margin-top: 0;
    }
    .widget_section .create_btn {
        font-size: 16px;
    }
    .right_side .details-leaves .widget_section .form-wrapper {
        padding: 0;
        border: none;
    }
    .right_side .leave-details .widget_section .form-wrapper .readmore,
    .right_side .attendance_wrapper .form-wrapper .readmore,
    .right_side .widget_section .readmore {
        width: 90px;
        padding: 6px 0;
        font-size: 16px;
        border-radius: 12px;
    }
    .right_side .attendance_wrapper .form-wrapper .readmore {
        width: auto;
        padding: 6px 15px;
        border-radius: 10px;
    }
    .right_side .sub_header .readmore.btn-view {
        font-size: 11px;
        width: auto;
        height: 34px;
        line-height: 34px;
        min-width: auto;
        margin-right: 3px;
    }
    .right_side .salary_buttons .readmore.salary-btn {
        width: auto;
        font-size: 12px;
        height: 34px;
        line-height: 34px;
        padding: 0 10px;
        border-radius: 8px;
    }
    .main-header .navbar-brand .logo img {
        width: 150px;
    }
    .details_section .attendance_details .readmore {
        font-size: 14px !important;
    }
    .emp-signin .container-widget form .main-title {
        font-size: 30px;
    }
    .emp-signin .container-widget form .title {
        font-size: 20px;
    }
    .emp-signin .container-widget .emp-login .emp-img {
        width: 150px;
        height: 150px;
    }
    .signin-form form .readmore {
        font-size: 18px;
        height: 48px;
        width: 110px;
    }
    .balance-details .title-name,
    .right_side .widget_section .emp-details h6,
    .right_side .widget_section .emp-details p {
        font-size: 14px;
    }
    .balance-details p {
        padding: 0 6px;
    }
    .widget_section .form-wrapper .approve-color {
        background-color: #ebf7ea !important;
    }
    .widget_section .form-wrapper .reject-color {
        background-color: #ffedee !important;
    }
    .widget_section .form-wrapper .inprocess-color {
        background-color: #cedbed !important;
    }
    .widget_section .form-wrapper .approve-color .form-control,
    .widget_section .form-wrapper .reject-color .form-control,
    .widget_section .form-wrapper .inprocess-color .form-control {
        background-color: #FCFCFC;
    }
    .right_side .widget_section.junior-leave-details p {
        font-size: 13px;
    }
    .right_side .widget_section.junior-leave-details p a {
        width: auto;
        margin-left: 4px;
    }
    .right_side .widget_section.emp-slip .title {
        font-size: 13px;
    }
    .right_side .widget_section.emp-slip #slip hr {
        margin: 10px 0;
    }
    .right_side .widget_section.emp-slip p,
    .right_side .user-widget .details-ofemp .form-wrapper .personal-info .repeat-container p {
        font-size: 14px;
    }
    .right_side .user-widget .emp-profile-details .profile-details p {
        font-size: 14px;
        line-height: 20px;
    }
    .right_side .user-widget .nav-tabs .nav-link {
        font-size: 13px;
        margin-bottom: 12px;
        margin-right: 5px;
    }
    .right_side .user-widget .nav-tabs .nav-link.active::after {
        bottom: -5px;
    }
    .right_side .user-widget .nav-tabs {
        margin-bottom: 0 !important;
    }
    .right_side .user-widget .details-ofemp .form-wrapper {
        padding: 0px;
        border: none;
    }
    .right_side .user-widget .details-ofemp .form-wrapper .personal-info h5 {
        padding: 14px 10px;
        font-size: 18px;
    }
    .right_side .user-widget .details-ofemp .form-wrapper .personal-info .repeat-container {
        padding: 10px;
    }
    .right_side .details-leaves .emp-status p {
        font-size: 12px;
    }
    .right_side .widget_section .stock-section .order-party-details .check-now {
        max-width: 90px;
    }
    .right_side .widget_section .stock-section .order-party-details .qty-fill {
        max-width: 70px;
    }
    .right_side .widget_section .stock-section .order-party-details p strong {
        display: block;
    }
    .right_side .widget_section .stock-section .order-party-details label {
        margin-bottom: 0.2rem;
    }
    .right_side .widget_section .stock-section .orderdetails .balance-details .details {
        text-align: center;
    }
    .right_side .widget_section .stock-section .orderdetails .balance-details .details:first-child {
        text-align: left;
    }

    .right_side .widget_section .stock-section .orderdetails .balance-details .lead {
        font-size: 10px;
    }
    .right_side .widget_section .stock-section .orderdetails .balance-details p,
    .right_side .widget_section .stock-section .orderdetails .form-control {
        font-size: 12px;
        padding: 0 4px;
    }
    .right_side .widget_section .consignment-details .header-heading ul li {
        font-size: 14px;
    }
    .right_side .widget_section .consignment-details {
        padding: 1rem 1rem 2rem;
    }
    .right_side .widget_section .picking-section .consignment-details .box-value {
        width: 50px;
    }
    .right_side .widget_section .picking-section .consignment-details .box-value.boxes {
        width: 60px;
    }
    .bread-listing li,
    .popup-modal .fa-modal p {
        font-size: 12px;
    }
    .popup-modal .fa-modal .item-box .item-heading strong {
        font-size: 14px;
    }
    .popup-modal .fa-modal svg {
        width: 17px;
        margin-right: 5px;
    }
    .stock-verification .item-stock .item-box .bread-listing,
    .stock-verification .item-stock .item-box p {
        padding-left: 0 !important;
    }
    .item-stock .item-box svg {
        width: 16px;
        float: left;
      }
      .stock-verification .item-stock .item-box p span {
        word-wrap: break-word;
        width: 90%;
        display: inline-block;
        margin-top: -5px;
      }
      .bread-listing .breadcrumb-item + .breadcrumb-item::before {
        font-size: 18px;
        line-height: 14px;
      }
      .stock-verification .item-stock .item-box .item-heading p {
        font-size: 12px !important;
    }

    .erp-signup .login-topbg {
        width: 35%;
    }
    .erp-signup form {
        padding: 3rem 2rem 2rem;
    }
    .erp-signup .right-widget .bottom-img {
        width: 60%;
    }
    .erp-signup .login-icons ul li:nth-child(6) {
        left: 25%;
        right: auto;
        bottom: -5%
}
    .erp-signup .login-icons ul li:nth-child(8) {
        bottom: 20%;
        left: 10%;
}
    .erp-signup .login-icons ul li:nth-child(2) {
        bottom: 6%;
}
    .erp-signup .login-icons ul li:nth-child(7) {
        left: auto;
        bottom: 25%;
        right: 6%;
  }
    .erp-signup .login-icons ul li:nth-child(9) {
        right: 3%;
        top: 32%;
}
.left-sidebar .position-sticky .nav {
    padding: 10px 0 120px;
}
}

@media screen and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 315px) {
    @supports (-webkit-touch-callout: none) {
        .left-sidebar .position-sticky .nav {
            padding: 10px 0 200px;
        }
        .emp-sidebar .side-footer {
            bottom: 8.5rem;
        }
    }
}

@media (max-width: 390px) {
    .main-header .navbar-brand .logo {
        margin-left: 40px;
    }
    .emp-signin .container-widget .emp-login h3 {
        font-size: 20px;
    }
    .balance-details p,
    .right_side .details-leaves table th {
        font-size: 12px;
    }
    .emp-sidebar .side-footer {
        bottom: 3rem;
    }
    .right_side .widget_section .stock-details {
        padding-bottom: 10px;
    }
    .right_side .widget_section .stock-details .caption-sction .title {
        font-size: 12px;
      }
    .right_side .widget_section .stock-details img {
    width: 100px;
    }
    .right_side .widget_section .stock-section .orderdetails .balance-details .details:first-child {
    width: 20%;
    }
    .right_side .widget_section .stock-section .orderdetails .balance-details .details {
    width: 10.5%;
    padding: 8px 0;
    }
    .right_side .widget_section .stock-section .orderdetails .balance-details .details:last-child {
    width: 17%;
    }
    .right_side .widget_section .stock-section .orderdetails .balance-details .lead {
    padding: 8px 4px;
    }
    .popup-modal .fa-modal .item-box ol li,
    .item-stock .item-box ol li {
    width: auto;
    }

    .item-stock .bread-listing .breadcrumb-item + .breadcrumb-item,
    .item-stock .bread-listing .breadcrumb-item,
    .bread-listing li a {
    padding: 0 7px;
    }
    .item-stock .bread-listing .breadcrumb-item + .breadcrumb-item:last-child {
    margin-right: 0;
    }
    .item-stock .item-box ol li {
        padding-left: 0 !important;
    }
    .erp-signup .right-widget {
    position: absolute;
    bottom: 0;
    }
    .erp-signup .login-topbg {
    width: 32%;
    }
    .erp-signup form {
    padding: 2rem 1rem 2rem;
    }
    .erp-signup form .input-group .form-control {
    padding: 12px .75rem;
    font-size: 14px;
    border-radius: 15px;
    }
    .erp-signup form .input-group .input-group-text {
    border-radius: 15px 0 0 15px;
    }
    .erp-signup form .logo {
    margin-bottom: 0.5rem;
    }
    .erp-signup form .input-group {
    margin-bottom: 1rem !important;
    }
    .erp-signup .right-widget {
    padding-left: 1rem;
    }
    .erp-signup .right-widget figure img,
    .erp-signup .right-widget .bottom-img {
    width: 70%;
    }
    .erp-signup .login-icons ul li:nth-child(6) {
    display: none;
    }
    .erp-signup .login-icons ul li:nth-child(4) {
        top:0%;
      }
    .erp-signup .login-icons ul li:nth-child(3) {
        top:0;
        left:52%;
    }
    .erp-signup .login-icons ul li:nth-child(5) {
        bottom: 50%;
        right: 50%;
        }
    .erp-signup .login-icons ul li:nth-child(8) {
        bottom: 30%;
        left: 8%;
    }
    .erp-signup .login-icons ul li:nth-child(10) {
        display: block;
        top: 44%;
        left: 52%;
}
}
@media (max-width: 360px) {
    .main-header .navbar-brand .logo img {
        width: 146px;
        margin-top: 7px;
    }
    .main-header .righimg img {
        width: 40px;
        height: 40px;
    }
    .main-header .righimg {
        padding-right: 4px !important;
    }
    .main-header .navbar-brand {
        padding-top: 0;
        padding-right: 0 !important;
    }
    .right-header .navbar-nav .dropdown-menu-lg {
        min-width: 16rem;
    }
    .right_side .sub_header .header_heading h3 {
        font-size: 14px;
    }
    .right_side .details-leaves h6 {
        font-size: 12px;
    }
    .main-header .menu-toggle {
        margin-top: 17px;
    }
    .mains img {
        width: 240px;
    }
    .balance-details .title-name {
        padding: 10px 4px;
        font-size: 12px;
    }
    .right_side .details-leaves .emp-status p {
        min-height: 70px;
    }
    .right_side .widget_section .picking-section .consignment-details .box-value {
        width: 40px;
    }
    .item-stock .item-box svg {
        width: 14px;
      }
      .stock-verification .item-stock .item-box p span {
        width: 86%;
      }
}

@media (max-width: 330px) {
    .main-header .navbar-brand .logo {
        margin-left: 20px;
    }
}