/* Navigation*/
/*.navbar {
    background-color: transparent;
}

.scrolling-navbar {
    transition: background .5s ease-in-out, padding .5s ease-in-out;
}

.top-nav-collapse {
    background-color: #1C2331 !important;
}

footer.page-footer {
    background-color: #667490;
}

@media only screen and (max-width: 768px) {
    .navbar {
        background-color: #1C2331 !important;
    }
}

.nav-link {
    color: blue;
}*/
/* Necessary for full page carousel*/
/*html,
body,
.vieww {
    height: 100%;
}*/

/* Carousel*/
/*.carousel,
.carousel-item,
.carousel-item.active {
    height: 100%;
}
.carousel-inner {
    height: 100%;
}
.carousel-item:nth-child(1) {
    background-image: url("../image/slide1.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.carousel-item:nth-child(2) {
    background-image: url("../image/CTR_HP_Profil.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.carousel-item:nth-child(3) {
    background-image: url("../image/imgpsh_fullsize_3.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}*/

/*.health {*/
/*    position: relative;*/
/*    background-image: url('https://pakistanisuits.thefashionstation.in/wp-content/uploads/2020/04/Pakistani-Suits-in-India-2.jpg');*/
/*    background-attachment: fixed;*/
/*    background-size: cover;*/
/*    background-repeat: no-repeat;*/
/*}*/

/*.bg {*/
/*    !* The image used *!*/
/*    background-image: url('../Image/37.jpg');*/
/*    !* Full height *!*/
/*    height: 100%;*/
/*    !* Center and scale the image nicely *!*/
/*    background-position: center;*/
/*    background-repeat: no-repeat;*/
/*    background-size: cover;*/
/*    height: 796px;*/
/*}*/
/*.bg2 {*/
/*    !* The image used *!*/
/*    background-image: url('../../asset/Image/176864.jpg');*/
/*    !* Full height *!*/
/*    height: 100%;*/
/*    !* Center and scale the image nicely *!*/
/*    background-position: center;*/
/*    background-repeat: no-repeat;*/
/*    background-size: cover;*/
/*    height: 796px;*/
/*}*/

/*.thumb_1::before {
    border: 5px solid #5828b3;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: '';
    z-index: -1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    left: -30px;
    bottom: -30px;
}

.swiper-container {
    width: 100%;
    padding-top: 80px;
    padding-bottom: 200px;
}

.swiper-slide {
    background-position: center;
    background-size: cover;
    width: 300px;
    height: 400px;
    -webkit-box-reflect: below 1px linear-gradient(transparent, transparent,#0006);
}
.main-Swiper {
    position: relative;

    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
}
.main-cat {
    background-image: url("../image/Michael_Kors_London_Regent_Street_Menswear.jpg");
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
}
.btn-outline-purple:hover, .btn-outline-purple:focus, .btn-outline-purple:active, .btn-outline-purple:active:focus, .btn-outline-purple.active {
    color: #fff !important;
    background-color: #5828b3 !important;
    border-color: #5828b3 !important;
}*/
/*.btn-outline-purple {*/
/*    background-color: transparent !important;*/
/*    color: #5828b3;*/
/*    border-color: #5828b3 !important;*/
/*    -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);*/
/*    box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);*/
/*}*/
/*.btn-outline-purple:hover {*/
/*    background-color: #5828b3 !important;*/
/*    color: #fff;*/
/*    border-color: #5828b3 !important;*/
/*    -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);*/
/*    box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);*/
/*}*/
/*.badge-news {
    position: absolute;
    top: 10px;
    left: 10px;
}
.form-bg{
    background-image: url("../image/login-bg.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    overflow: hidden;
}*/

/*input button*/


/*.number-input.number-input {
    border: 1px solid #ced4da;
    width: 8.6rem;
    border-radius: .25rem;
}
 .number-input.number-input button.minus {
    padding-left: 10px;
}
 .number-input.number-input button {
    width: 2.5rem;
    height: .7rem;
}
.number-input button {
    -webkit-appearance: none;
    background-color: transparent;
    border: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    margin: 0;
    position: relative;
}

.number-input.number-input button:before, .number-input.number-input button:after {
    width: .7rem;
    background-color: #495057;
}
.number-input button:before, .number-input button:after {
    display: inline-block;
    position: absolute;
    content: '';
    height: 2px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.number-input.number-input input[type=number] {
    max-width: 3rem;
    padding: .5rem;
    border: 1px solid #ced4da;
    border-width: 0 1px;
    font-size: 1rem;
    height: 2rem;
    color: #495057;
}
.number-input button.plus:after {
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    transform: translate(-50%, -50%) rotate(90deg);
}*/

/* Chrome, Safari, Edge, Opera */
/*input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}*/

/* Firefox */
/*input[type=number] {
    -moz-appearance: textfield;
}
.number-input input[type=number] {
    text-align: center;
}


.pe-2 {
    padding-right: 0.5rem !important;
}
.scrollbar {
    max-height: 300px;
    overflow-x: hidden;
    background: #fff;
    overflow-y: scroll;
}
.scrollbar-juicy-peach::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.scrollbar-juicy-peach::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.scrollbar-juicy-peach::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-image: -webkit-gradient(linear, left top, right top, from(#ffecd2), to(#fcb69f));
    background-image: -webkit-linear-gradient(left, #ffecd2 0%, #fcb69f 100%);
    background-image: linear-gradient(to right, #ffecd2 0%, #fcb69f 100%);
}

.scrollbar-young-passion::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.scrollbar-young-passion::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.scrollbar-young-passion::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-image: -webkit-gradient(linear, left top, right top, from(#ff8177), color-stop(0%, #ff867a), color-stop(21%, #ff8c7f), color-stop(52%, #f99185), color-stop(78%, #cf556c), to(#b12a5b));
    background-image: -webkit-linear-gradient(left, #ff8177 0%, #ff867a 0%, #ff8c7f 21%, #f99185 52%, #cf556c 78%, #b12a5b 100%);
    background-image: linear-gradient(to right, #ff8177 0%, #ff867a 0%, #ff8c7f 21%, #f99185 52%, #cf556c 78%, #b12a5b 100%);
}

.scrollbar-lady-lips::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.scrollbar-lady-lips::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.scrollbar-lady-lips::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-image: -webkit-gradient(linear, left bottom, left top, from(#ff9a9e), color-stop(99%, #fecfef), to(#fecfef));
    background-image: -webkit-linear-gradient(bottom, #ff9a9e 0%, #fecfef 99%, #fecfef 100%);
    background-image: linear-gradient(to top, #ff9a9e 0%, #fecfef 99%, #fecfef 100%);
}

.scrollbar-sunny-morning::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.scrollbar-sunny-morning::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.scrollbar-sunny-morning::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-image: -webkit-linear-gradient(330deg, #f6d365 0%, #fda085 100%);
    background-image: linear-gradient(120deg, #f6d365 0%, #fda085 100%);
}

.scrollbar-rainy-ashville::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.scrollbar-rainy-ashville::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.scrollbar-rainy-ashville::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-image: -webkit-gradient(linear, left bottom, left top, from(#fbc2eb), to(#a6c1ee));
    background-image: -webkit-linear-gradient(bottom, #fbc2eb 0%, #a6c1ee 100%);
    background-image: linear-gradient(to top, #fbc2eb 0%, #a6c1ee 100%);
}

.scrollbar-frozen-dreams::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.scrollbar-frozen-dreams::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.scrollbar-frozen-dreams::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-image: -webkit-gradient(linear, left bottom, left top, from(#fdcbf1), color-stop(1%, #fdcbf1), to(#e6dee9));
    background-image: -webkit-linear-gradient(bottom, #fdcbf1 0%, #fdcbf1 1%, #e6dee9 100%);
    background-image: linear-gradient(to top, #fdcbf1 0%, #fdcbf1 1%, #e6dee9 100%);
}

.scrollbar-warm-flame::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.scrollbar-warm-flame::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.scrollbar-warm-flame::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-image: -webkit-linear-gradient(45deg, #ff9a9e 0%, #fad0c4 99%, #fad0c4 100%);
    background-image: linear-gradient(45deg, #ff9a9e 0%, #fad0c4 99%, #fad0c4 100%);
}

.scrollbar-night-fade::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.scrollbar-night-fade::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.scrollbar-night-fade::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-image: -webkit-gradient(linear, left bottom, left top, from(#a18cd1), to(#fbc2eb));
    background-image: -webkit-linear-gradient(bottom, #a18cd1 0%, #fbc2eb 100%);
    background-image: linear-gradient(to top, #a18cd1 0%, #fbc2eb 100%);
}

.scrollbar-spring-warmth::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.scrollbar-spring-warmth::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.scrollbar-spring-warmth::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-image: -webkit-gradient(linear, left bottom, left top, from(#fad0c4), to(#ffd1ff));
    background-image: -webkit-linear-gradient(bottom, #fad0c4 0%, #ffd1ff 100%);
    background-image: linear-gradient(to top, #fad0c4 0%, #ffd1ff 100%);
}

.scrollbar-winter-neva::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.scrollbar-winter-neva::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.scrollbar-winter-neva::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-image: -webkit-linear-gradient(330deg, #a1c4fd 0%, #c2e9fb 100%);
    background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);
}

.scrollbar-dusty-grass::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.scrollbar-dusty-grass::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.scrollbar-dusty-grass::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-image: -webkit-linear-gradient(330deg, #d4fc79 0%, #96e6a1 100%);
    background-image: linear-gradient(120deg, #d4fc79 0%, #96e6a1 100%);
}

.scrollbar-tempting-azure::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.scrollbar-tempting-azure::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.scrollbar-tempting-azure::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-image: -webkit-linear-gradient(330deg, #84fab0 0%, #8fd3f4 100%);
    background-image: linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%);
}

.scrollbar-heavy-rain::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.scrollbar-heavy-rain::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.scrollbar-heavy-rain::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-image: -webkit-gradient(linear, left bottom, left top, from(#cfd9df), to(#e2ebf0));
    background-image: -webkit-linear-gradient(bottom, #cfd9df 0%, #e2ebf0 100%);
    background-image: linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%);
}

.scrollbar-amy-crisp::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.scrollbar-amy-crisp::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.scrollbar-amy-crisp::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-image: -webkit-linear-gradient(330deg, #a6c0fe 0%, #f68084 100%);
    background-image: linear-gradient(120deg, #a6c0fe 0%, #f68084 100%);
}

.scrollbar-mean-fruit::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.scrollbar-mean-fruit::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.scrollbar-mean-fruit::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-image: -webkit-linear-gradient(330deg, #fccb90 0%, #d57eeb 100%);
    background-image: linear-gradient(120deg, #fccb90 0%, #d57eeb 100%);
}

.scrollbar-deep-blue::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.scrollbar-deep-blue::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.scrollbar-deep-blue::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-image: -webkit-linear-gradient(330deg, #e0c3fc 0%, #8ec5fc 100%);
    background-image: linear-gradient(120deg, #e0c3fc 0%, #8ec5fc 100%);
}

.scrollbar-ripe-malinka::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.scrollbar-ripe-malinka::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.scrollbar-ripe-malinka::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-image: -webkit-linear-gradient(330deg, #f093fb 0%, #f5576c 100%);
    background-image: linear-gradient(120deg, #f093fb 0%, #f5576c 100%);
}

.scrollbar-cloudy-knoxville::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.scrollbar-cloudy-knoxville::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.scrollbar-cloudy-knoxville::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-image: -webkit-linear-gradient(330deg, #fdfbfb 0%, #ebedee 100%);
    background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);
}

.scrollbar-morpheus-den::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.scrollbar-morpheus-den::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.scrollbar-morpheus-den::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-image: -webkit-gradient(linear, left bottom, left top, from(#30cfd0), to(#330867));
    background-image: -webkit-linear-gradient(bottom, #30cfd0 0%, #330867 100%);
    background-image: linear-gradient(to top, #30cfd0 0%, #330867 100%);
}

.scrollbar-rare-wind::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.scrollbar-rare-wind::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.scrollbar-rare-wind::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-image: -webkit-gradient(linear, left bottom, left top, from(#a8edea), to(#fed6e3));
    background-image: -webkit-linear-gradient(bottom, #a8edea 0%, #fed6e3 100%);
    background-image: linear-gradient(to top, #a8edea 0%, #fed6e3 100%);
}

.scrollbar-near-moon::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.scrollbar-near-moon::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.scrollbar-near-moon::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-image: -webkit-gradient(linear, left bottom, left top, from(#5ee7df), to(#b490ca));
    background-image: -webkit-linear-gradient(bottom, #5ee7df 0%, #b490ca 100%);
    background-image: linear-gradient(to top, #5ee7df 0%, #b490ca 100%);
}*/



.gradient-custom {
    color: black;
    /* fallback for old browsers */
    background: #ff0000;
    /* Chrome 10-25, Safari 5.1-6 */
    background: -webkit-linear-gradient(to right, rgb(56 159 65), rgb(14 251 67));
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background: linear-gradient(to right, rgb(56 159 65), rgb(14 251 67))
}

.skin-light .text-warnings {
    color: #ff0000 !important;
}


.skin-light .text-Blues{
    color: #5356e4 !important;
}



/* Extra Modal  FullScreen */
.modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
}

/*.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: 0.25em;
    color: #000;
    background: transparent url(data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%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) 50%/1em auto no-repeat;
    border: 0;
    border-radius: 0.25rem;
    opacity: .5;
}*/

/* Extra Modal  FullScreen */

@media print{
    /*@page {
        size: landscape
    }*/
    body * {
        visibility: hidden;
    }

    .print-container, .print-container * {
        visibility: visible;
    }
    .print-container   {
        position: absolute;
        left: 0px;
        right: 0px;
    }
}

.Pointer_btn
{
    cursor:pointer;
}
.skin-light .side-nav .collapsible li .Brown_btn {
    color: #39c77b;
}

.sidenav {
    --mdb-sidenav-transform: translateX(-100%);
    --mdb-sidenav-zindex: 1035;
    --mdb-sidenav-background-color: #fff;
    --mdb-sidenav-width: 240px;
    --mdb-sidenav-height: 100vh;
    --mdb-sidenav-box-shadow: 0 4px 12px 0 rgba(0,0,0,0.07),0 2px 4px rgba(0,0,0,0.05);
    --mdb-sidenav-data-hidden-false-transform: translateX(0%);
    --mdb-sidenav-data-color-light-color: hsla(0,0%,100%,0.6);
    --mdb-sidenav-data-right-true-transform: translateX(100%);
    --mdb-sidenav-data-slim-collapsed-true-width: 77px;
    --mdb-sidenav-menu-padding: 0.2rem;
    --mdb-sidenav-collapse-sidenav-link-font-size: 0.78rem;
    --mdb-sidenav-collapse-sidenav-link-height: 1.5rem;
    --mdb-sidenav-link-font-size: 0.89rem;
    --mdb-sidenav-link-padding-y: 1rem;
    --mdb-sidenav-link-padding-x: 1.5rem;
    --mdb-sidenav-link-height: 3rem;
    --mdb-sidenav-link-border-radius: 5px;
    --mdb-sidenav-link-transition: all 0.3s linear;
    --mdb-sidenav-link-hover-background-color: #f6f9fc;
    --mdb-sidenav-link-active-focus-background-color: #f6f9fc;
    --mdb-sidenav-link-active-color: #3b71ca;
    --mdb-sidenav-subheading-font-size: 0.6rem;
    --mdb-sidenav-subheading-padding-y: 1rem;
    --mdb-sidenav-subheading-padding-x: 1.5rem;
    --mdb-sidenav-subheading-fw: 700;
    --mdb-sidenav-sm-link-pt: 0.4rem;
    --mdb-sidenav-sm-link-pb: 0.4rem;
    --mdb-sidenav-rotate-icon-margin-right: 0.8rem;
    --mdb-sidenav-rotate-icon-transition: transform 0.3s;
    --mdb-sidenav-light-color: hsla(0,0%,100%,0.6);
    top: 0;
    left: 0;
    transform: var(--mdb-sidenav-transform);
    position: fixed;
    z-index: var(--mdb-sidenav-zindex);
    background-color: var(--mdb-sidenav-background-color);
    overflow: hidden;
    width: var(--mdb-sidenav-width);
    height: var(--mdb-sidenav-height);
    box-shadow: var(--mdb-sidenav-box-shadow)
}

    .sidenav[data-mdb-hidden=false] {
        transform: var(--mdb-sidenav-data-hidden-false-transform)
    }

    .sidenav[data-mdb-color=light] {
        color: var(--mdb-sidenav-data-color-light-color)
    }

    .sidenav[data-mdb-right=true] {
        right: 0;
        left: unset;
        transform: var(--mdb-sidenav-data-right-true-transform)
    }

    .sidenav[data-mdb-position=absolute] {
        position: absolute;
        height: 100%
    }

    .sidenav[data-mdb-position=relative] {
        position: relative;
        height: 100%
    }

    .sidenav [data-mdb-slim=true] {
        display: none
    }

    .sidenav[data-mdb-slim-collapsed=true] {
        width: var(--mdb-sidenav-data-slim-collapsed-true-width)
    }

        .sidenav[data-mdb-slim-collapsed=true] [data-mdb-slim=false] {
            display: none
        }

        .sidenav[data-mdb-slim-collapsed=true] [data-mdb-slim=true] {
            display: unset
        }

.sidenav-collapse, .sidenav-menu {
    list-style: none;
    position: relative;
    padding: 0 var(--mdb-sidenav-menu-padding);
    margin: 0
}

.sidenav-collapse {
    display: none;
    padding: 0
}

    .sidenav-collapse.collapsing, .sidenav-collapse.show {
        display: block
    }

    .sidenav-collapse .sidenav-link {
        font-size: var(--mdb-sidenav-collapse-sidenav-link-font-size);
        height: var(--mdb-sidenav-collapse-sidenav-link-height);
        padding-left: 3.4rem
    }

.sidenav-item {
    position: relative
}

.sidenav-link {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: var(--mdb-sidenav-link-font-size);
    padding: var(--mdb-sidenav-link-padding-y) var(--mdb-sidenav-link-padding-x);
    height: var(--mdb-sidenav-link-height);
    color: unset;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: var(--mdb-sidenav-link-border-radius);
    transition: var(--mdb-sidenav-link-transition)
}

    .sidenav-link:hover {
        color: inherit;
        background-color: var(--mdb-sidenav-link-hover-background-color);
        outline: none
    }

    .sidenav-link:active, .sidenav-link:focus {
        color: inherit;
        background-color: var(--mdb-sidenav-link-active-focus-background-color);
        outline: none
    }

    .sidenav-link.active {
        color: var(--mdb-sidenav-link-active-color)
    }

    .sidenav-link i {
        color: #9fa6b2
    }

.sidenav-subheading {
    color: unset;
    text-transform: uppercase;
    font-size: var(--mdb-sidenav-subheading-font-size);
    padding: var(--mdb-sidenav-subheading-padding-y) var(--mdb-sidenav-subheading-padding-x);
    font-weight: var(--mdb-sidenav-subheading-fw)
}

.sidenav-sm .sidenav-link {
    padding-top: var(--mdb-sidenav-sm-link-pt);
    padding-bottom: var(--mdb-sidenav-sm-link-pb);
    height: auto
}

.rotate-icon {
    position: absolute;
    right: 0;
    margin-left: auto;
    margin-right: var(--mdb-sidenav-rotate-icon-margin-right);
    transition: var(--mdb-sidenav-rotate-icon-transition)
}

.sidenav-backdrop {
    --mdb-sidenav-backdrop-zindex: 1034;
    --mdb-sidenav-backdrop-background-color: rgba(0,0,0,0.1);
    z-index: var(--mdb-sidenav-backdrop-zindex);
    top: 0;
    left: 0;
    background-color: var(--mdb-sidenav-backdrop-background-color)
}

.sidenav-light {
    color: var(--mdb-sidenav-light-color)
}

.sidenav-primary .sidenav-item .sidenav-link:hover, .sidenav-primary .sidenav-link:active, .sidenav-primary .sidenav-link:focus {
    color: inherit;
    background-color: rgba(59,113,202,.05)
}

.sidenav-primary .sidenav-link.active {
    color: inherit
}

.sidenav-secondary .sidenav-item .sidenav-link:hover, .sidenav-secondary .sidenav-link:active, .sidenav-secondary .sidenav-link:focus {
    color: inherit;
    background-color: rgba(159,166,178,.05)
}

.sidenav-secondary .sidenav-link.active {
    color: inherit
}

.sidenav-success .sidenav-item .sidenav-link:hover, .sidenav-success .sidenav-link:active, .sidenav-success .sidenav-link:focus {
    color: inherit;
    background-color: rgba(20,164,77,.05)
}

.sidenav-success .sidenav-link.active {
    color: inherit
}

.sidenav-danger .sidenav-item .sidenav-link:hover, .sidenav-danger .sidenav-link:active, .sidenav-danger .sidenav-link:focus {
    color: inherit;
    background-color: rgba(220,76,100,.05)
}

.sidenav-danger .sidenav-link.active {
    color: inherit
}

.sidenav-warning .sidenav-item .sidenav-link:hover, .sidenav-warning .sidenav-link:active, .sidenav-warning .sidenav-link:focus {
    color: inherit;
    background-color: rgba(228,161,27,.05)
}

.sidenav-warning .sidenav-link.active {
    color: inherit
}

.sidenav-info .sidenav-item .sidenav-link:hover, .sidenav-info .sidenav-link:active, .sidenav-info .sidenav-link:focus {
    color: inherit;
    background-color: rgba(84,180,211,.05)
}

.sidenav-info .sidenav-link.active {
    color: inherit
}

.sidenav-light .sidenav-item .sidenav-link:hover, .sidenav-light .sidenav-link:active, .sidenav-light .sidenav-link:focus {
    color: inherit;
    background-color: hsla(0,0%,98.4%,.05)
}

.sidenav-light .sidenav-link.active {
    color: inherit
}

.sidenav-dark .sidenav-item .sidenav-link:hover, .sidenav-dark .sidenav-link:active, .sidenav-dark .sidenav-link:focus {
    color: inherit;
    background-color: rgba(51,45,45,.05)
}

.sidenav-dark .sidenav-link.active {
    color: inherit
}


table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected {
    background-color: #d0ffda;
}
.side-nav.wide.slim {
    width: 3.75rem !important;
}
/*.collapsible .active .rotate-icon {
    -webkit-transition: all 150ms ease-in 0s;
    transition: all 150ms ease-in 0s;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}*/

.side-nav.wide.slim {
    width: 3.75rem !important;
}



.md-form input:not([type]), .md-form input[type="text"]:not(.browser-default), .md-form input[type="password"]:not(.browser-default), .md-form input[type="email"]:not(.browser-default), .md-form input[type="url"]:not(.browser-default), .md-form input[type="time"]:not(.browser-default), .md-form input[type="date"]:not(.browser-default), .md-form input[type="datetime"]:not(.browser-default), .md-form input[type="datetime-local"]:not(.browser-default), .md-form input[type="tel"]:not(.browser-default), .md-form input[type="number"]:not(.browser-default), .md-form input[type="search"]:not(.browser-default), .md-form input[type="phone"]:not(.browser-default), .md-form input[type="search-md"], .md-form textarea.md-textarea {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background-color: #ff6b6b00;
    border: 0;
    border-bottom: 1px solid #49a154;
    border-radius: 0;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
}


.md-form label {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 1rem;
    color: #2b482d;
    cursor: text;
    -webkit-transition: color .2s ease-out, -webkit-transform .2s ease-out;
    transition: color .2s ease-out, -webkit-transform .2s ease-out;
    transition: transform .2s ease-out, color .2s ease-out;
    transition: transform .2s ease-out, color .2s ease-out, -webkit-transform .2s ease-out;
    -webkit-transform: translateY(12px);
    transform: translateY(12px);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
}

.md-form input:not([type]):focus:not([readonly]), .md-form input[type="text"]:not(.browser-default):focus:not([readonly]), .md-form input[type="password"]:not(.browser-default):focus:not([readonly]), .md-form input[type="email"]:not(.browser-default):focus:not([readonly]), .md-form input[type="url"]:not(.browser-default):focus:not([readonly]), .md-form input[type="time"]:not(.browser-default):focus:not([readonly]), .md-form input[type="date"]:not(.browser-default):focus:not([readonly]), .md-form input[type="datetime"]:not(.browser-default):focus:not([readonly]), .md-form input[type="datetime-local"]:not(.browser-default):focus:not([readonly]), .md-form input[type="tel"]:not(.browser-default):focus:not([readonly]), .md-form input[type="number"]:not(.browser-default):focus:not([readonly]), .md-form input[type="search"]:not(.browser-default):focus:not([readonly]), .md-form input[type="phone"]:not(.browser-default):focus:not([readonly]), .md-form input[type="search-md"]:focus:not([readonly]), .md-form textarea.md-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #e3cdab;
    -webkit-box-shadow: 0 1px 0 0 #00ff37;
    box-shadow: 0 1px 0 0 #00ff37;
}
    .md-form input:not([type]):focus:not([readonly]) + label, .md-form input[type="text"]:not(.browser-default):focus:not([readonly]) + label, .md-form input[type="password"]:not(.browser-default):focus:not([readonly]) + label, .md-form input[type="email"]:not(.browser-default):focus:not([readonly]) + label, .md-form input[type="url"]:not(.browser-default):focus:not([readonly]) + label, .md-form input[type="time"]:not(.browser-default):focus:not([readonly]) + label, .md-form input[type="date"]:not(.browser-default):focus:not([readonly]) + label, .md-form input[type="datetime"]:not(.browser-default):focus:not([readonly]) + label, .md-form input[type="datetime-local"]:not(.browser-default):focus:not([readonly]) + label, .md-form input[type="tel"]:not(.browser-default):focus:not([readonly]) + label, .md-form input[type="number"]:not(.browser-default):focus:not([readonly]) + label, .md-form input[type="search"]:not(.browser-default):focus:not([readonly]) + label, .md-form input[type="phone"]:not(.browser-default):focus:not([readonly]) + label, .md-form input[type="search-md"]:focus:not([readonly]) + label, .md-form textarea.md-textarea:focus:not([readonly]) + label {
        color: #bc7df3;
}

.select-wrapper input.select-dropdown {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    height: 40px;
    padding: 0;
    margin: 0 0 .94rem 0;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0.5rem;
    margin-left: 0px;
    font-size: 1rem;
    line-height: 2.9rem;
    text-overflow: ellipsis;
    cursor: pointer;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #ced4da;
    outline: 0;
}

.md-form-Custom.md-outline input[type=password], .md-form-Custom.md-outline input[type=email], .md-form-Custom.md-outline input[type=url], .md-form-Custom.md-outline input[type=time], .md-form-Custom.md-outline input[type=date], .md-form-Custom.md-outline input[type=datetime-local], .md-form-Custom.md-outline input[type=tel], .md-form-Custom.md-outline input[type=number], .md-form-Custom.md-outline input[type=search], .md-form-Custom.md-outline input[type=search-md], .md-form-Custom.md-outline input[type=text], .md-form-Custom.md-outline textarea.md-textarea {
    box-sizing: border-box;
    background-color: transparent;
    border: 1px solid #dadce0;
    border-radius: 4px;
    outline: 0;
    box-shadow: none;
    transition: all .3s;
}


.skin-light .md-form-Custom.md-outline label {
    top: 4px;
}


.input-group.input-group-sm .input-group-text {
    height: calc(1.66rem + 2px);
}

.input-group-sm .input-group-text {
    font-size: .775rem;
    line-height: 1.5;
}

.input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text, .input-group-sm > .btn {
    padding: .25rem .5rem;
    font-size: 0.775rem;
    border-radius: var(--mdb-border-radius-sm);
}

/* Chrome, Safari, Edge, Opera */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}

.readonly-dropdown {
    pointer-events: none; /* User interact nahi kar sakta */
    background-color: #e9ecef; /* Disabled jaisa effect */
}

.btn-group .btn {
    margin: 0;
}

.custom-group-btn-table .btn.btn-sm {
    padding: .3rem .6rem;
}

.btn-group > .btn-group:not(:first-child), .btn-group > .btn:not(:first-child) {
    margin-left: -.375rem;
}

.btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.white-skin .btn-primary {
    color: #fff;
    background-color: #4285f4 !important;
}

.btn-group-vertical > .btn, .btn-group > .btn {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.btn-rounded, .counter {
    border-radius: 10em;
}