/* validations error color */
.error,
.mandatory {
    color: red !important;
}
.custom-btn {
    background-color: #6a0cf8 !important;
}
.custom-btn:hover {
    background-color: #6a0cf8 !important;
}
.mainColor {
    color: #6a0cf8 !important;
}
.sidebar[data-background-color="dark"] {
    background: #361b69 !important;
}
.btn_chocolate_primary {
    background: #361b69 !important;
    border-color: #361b69 !important;
    color: #fff !important;
}
/* preloader start */
#preloader {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 9999;
    display: none;
}
@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
#preloader::after {
    content: "";
    display: block;
    position: absolute;
    left: 48%;
    top: 40%;
    width: 40px;
    height: 40px;
    border-style: solid;
    border-color: black;
    border-top-color: transparent;
    border-width: 4px;
    border-radius: 50%;
    -webkit-animation: spin 0.8s linear infinite;
    animation: spin 0.8s linear infinite;
}
/* preloader end */

/* Logo CSS Start */
/* .logo-area a {
    font-size: 30px;
    font-weight: bolder;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    color: #000;
}
.logo-area a span {
    color: #ff9902;
} */
/* Logo CSS End */

.select2-selection--single {
    height: 38px !important;
    border: 1px solid #ced4da !important;
}
.select2-selection__rendered {
    line-height: 37px !important;
}

.select2-selection--multiple {
    /* height: 38px !important; */
    border: 1px solid #ced4da !important;
}

.select2-selection--multiple .select2-selection__rendered {
    line-height: 25px !important;
    color: black !important;
}

.table-filter-btn {
    margin-top: 35px !important;
}
.duration-btn {
    background-color: #cbd3da;
    border-color: #cbd3da;
}
.tenureTypeActive {
    background-color: #0d6efd !important;
}
.tenureTypeActive:focus {
    background-color: #0d6efd !important;
}
.custom-border {
    border: 1px solid #e1e1e1 !important;
}

.hr-text {
    line-height: 1em;
    position: relative;
    outline: 0;
    border: 0;
    color: black;
    text-align: center;
    height: 1.5em;
    opacity: 0.5;
    &:before {
        content: "";
        background: linear-gradient(
            to right,
            transparent,
            #818078,
            transparent
        );
        position: absolute;
        left: 0;
        top: 50%;
        width: 100%;
        height: 1px;
    }
    &:after {
        content: attr(data-content);
        position: relative;
        display: inline-block;
        color: black;

        padding: 0 0.5em;
        line-height: 1.5em;
        color: #818078;
        background-color: #fcfcfa;
    }
}

.form-box {
    padding: 40px;
    background: #fff;
    border-radius: 7px;
    margin: auto;
}
#otpError,
#emailError {
    font-size: 13px;
}
.otp-field {
    flex-direction: row;
    column-gap: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.otp-field input {
    height: 45px;
    width: 42px;
    border-radius: 6px;
    outline: none;
    font-size: 1.125rem;
    text-align: center;
    border: 1px solid #ddd;
}
.otp-field input:focus {
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.otp-field input::-webkit-inner-spin-button,
.otp-field input::-webkit-outer-spin-button {
    display: none;
}

.verticle-line {
    border-right: 1px dashed #ddd8d8;
}

.bg-light {
    background-color: beige;
}
#logo-main {
    font-size: 20px;
    font-weight: 800;
    margin-left: -5px;
    color: #6a0cf8;
    font-family:Arial, Helvetica, sans-serif;
}

#logo-middle {
    color: #fd36ad;
}
.reset {
    all: revert;
}

thead th {
    font-size: 12px !important;
}

.breadcrumb-nav {
    margin-top: 8px;
    margin-left: 30px;
}

.breadcrumb-heading {
    padding-right: 20px !important;
    border-right: 1px solid #9c9696;
}

/* Large Mobile: 480px */
@media only screen and (max-width: 767px) {
      .copyright {
        font-size: 11px !important;
    }
}

/* Small Mobile: 320px */
@media only screen and (max-width: 479px) {
	.copyright {
        font-size: 9px !important;
  }
}

/* Tablet Device: 768px */
@media only screen and (min-width: 768px) and (max-width: 991px) {
}