body {
    background: #efeefd;
    font-family: Verdana,Arial,Helvetica,sans-serif !important
}

a, body, button, code, div, h1, h2, h3, h4, h5, h6, img, input, label, li, p, pre, select, span, svg, table, td, textarea, th, ul {
    font-family: Verdana,Arial,Helvetica,sans-serif !important
}

    input[type=radio]:checked:after {
        width: 15px;
        height: 15px;
        border-radius: 15px;
        top: -2px;
        left: -1px;
        position: relative;
        background-color: #f952b7bd;
        ;
        content: '';
        display: inline-block;
        visibility: visible;
        border: 2px solid #000
    }

.overlay {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #0000;
    z-index: -999;
    display: flex;
    justify-content: center;
    align-items: center
}

    .overlay img {
        width: 300px;
        height: 90px
    }

    .overlay.active {
        background-color: #000000c2;
        z-index: 999
    }

.navbar {
    margin-bottom: 0
}

.modal.slidedown .modal-content {
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: .4s;
    animation-name: animatetop;
    animation-duration: .4s
}

a.active {
    color: purple !important
}

@-webkit-keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

body {
    opacity: 1;
    transition: 1s opacity
}

    body.dashboard-design {
        background: #dddddd4a;
    }

    body.fade-out {
        opacity: 0;
        transition: none
    }

#header {
    background: 0 0;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0
}

section.no-bg {
    background: 0 0
}

#header .logo img {
    max-height: 70px
}

#header.header-scrolled {
    background: 0 0;
    box-shadow: none
}

#header .logo a {
    color: #f952b7bd;
}

.header-right form {
    display: block
}

.header-right a.dark {
    color: #bf2d89;
    padding: 3px 15px;
    border-radius: 20px;
    font-size: 16px;
    background: #ffdaee;
    border: 2px solid #dca4c2;
    margin-bottom: 5px;
    display: inline-block
}

    .header-right a.dark:hover {
        background: #d27cb2;
        color: #fff;
        border: 2px solid #d27cb2;
    }

.logo .call-btn {
    display: block;
    margin-top: 10px;
    font-size: 20px;
    color: #7b1d56f2;
}

    .logo .call-btn i {
        display: inline-block;
        margin-right: 10px
    }

    .logo .call-btn:hover i {
        -webkit-animation: buzz-hover infinite linear;
        animation: buzz-hover infinite linear;
        -webkit-animation-duration: .15s;
        animation-duration: .15s
    }

.navbar-btn {
    display: inline-block;
    background: #9a5dba;
    border-radius: 35px !important;
    list-style: none;
    padding: 5px
}

    .navbar-btn li {
        display: inline-block;
        padding: 0 5px;
        border: 2px solid transparent;
        border-right-color: #fff
    }

        .navbar-btn li:last-child {
            border: none
        }

.white-block {
    background: #fff;
    padding: 20px;
    border-radius: 20px !important;
    box-shadow: 0 0 12px 0 rgba(60,70,68,.23);
    margin-bottom: 15px
}

    .white-block h3 {
        text-align: center;
        margin-bottom: 20px;
        margin-top: 0
    }

.page-header.navbar {
    width: auto;
    height: auto;
    position: relative;
    z-index: 999;
    margin-top: 10px !important;
    background-color: transparent !important
}

.page-logo {
    padding-left: 0 !important
}

.page-header-fixed .page-container {
    margin-top: 0
}

hr {
    margin: 7px 0;
    border-top: 1px solid silver
}

form .form-group {
    margin-bottom: 5px
}

form .form-control {
    border: 1px solid #ced4da;
    border-bottom: 2px solid #d27cb2;
    box-shadow: 0 0 12px 0 rgba(120,146,141,.06);
    border-radius: 0 !important;
    margin-bottom: 15px;
    margin-top: 5px
}

#portfolio, #services {
    display: none
}

.page-footer {
    background: #6e4f7f;
    box-shadow: 0 0 25px 0 rgba(45,69,95,.1)
}

    .page-footer .page-footer-inner {
        color: #154992
    }

table {
    border-collapse: separate;
    border-spacing: 2px
}

td input, td select, textarea {
    border: 1px solid #ced4da;
    border-bottom: 2px solid #d27cb2;
    box-shadow: 0 0 12px 0 rgba(120,146,141,.06);
    border-radius: 0 !important;
    height: 30px;
    width: 100%
}

.form-control {
    display: inline-block;
    width: 100%;
    height: 35px;
    padding: .375rem .75rem;
    margin-bottom: 15px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.input-group {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%
}

.errorsTableFields {
    font-size: 16px;
    margin-left: 10px;
    position: fixed;
    z-index: 999;
    top: 10px;
    right: 10px;
    padding: 10px 20px;
    background: rgb(156 17 17 / 65%);
    color: #fff;
    display: none
}

    .errorsTableFields a {
        color: #fff
    }

.search-box input {
    background-image: url('../Theme/assets1/img/Search Icon.png') !important;
    background-position: 5px center;
    background-size: 15px 15px;
    background-repeat: no-repeat;
    padding-left: 22px
}

.header-desc {
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 21;
    left: 0;
    width: 100%
}

    .header-desc h1 {
        color: #000;
        font-weight: 700;
        width: 70%;
        margin: auto
    }

.header-footer {
    text-align: center;
    position: absolute;
    bottom: 0;
    z-index: 21;
    left: 0;
    width: 100%
}

    .header-footer .theme-btn {
        margin-bottom: 35px
    }

.boxes {
    padding: 20px 0;
    width: 80%;
    margin: auto
}

    .boxes .single-box {
        background: #f952b7bd;
        color: #fff;
        padding: 30px 10px;
        text-align: center
    }

        .boxes .single-box h4 {
            font-weight: 700
        }

.hero-header {
    background-image: url(../Theme/assets1/img/wwslider1.jpg);
    height: 100vh !important;
    background-size: cover;
    padding: 20px
}

.about-back {
    background-image: url('../Theme/assets1/img/Window wear Slider.jpg');
    height: 110vh;
    background-size: cover
}

.about {
    text-align: center;
    position: relative
}

    .about .container {
        position: absolute;
        bottom: 50px;
        max-width: 100%;
        left: 0;
        width: 100%
    }

    .about h2 {
        padding: 20px 0;
        color: #000;
        font-weight: 700
    }

    .about p {
        font-size: 24px;
        padding: 20px 0;
        font-weight: 700;
        color: #000
    }

.windoeWear-list {
    padding: 5px;
    color: #000;
    border: 2px solid #f952b7bd;
    background: rgb(255 255 255 / 54%);
    border-radius: 20px !important;
    list-style: none;
    display: flex;
    margin: 0 auto
}

    .windoeWear-list li {
        flex: 1 auto;
        text-align: center;
        padding: 10px;
        font-size: 15px;
        position: relative;
        border-right: 2px solid #f952b7bd;
    }

        .windoeWear-list li:last-child {
            border-right-color: transparent
        }

.aboutList {
    padding: 20px 0
}

.tipBlock {
    margin: 10px -20px;
    background: #e2cff1;
    height: calc(100% - 20px);
    clip-path: polygon(0 0,93% 0,100% 50%,93% 100%,0 100%);
    padding-right: 30px
}

    .tipBlock.bothSide {
        clip-path: polygon(0 0,93% 0,100% 50%,93% 100%,0 100%,7% 50%);
        padding-left: 30px
    }

    .tipBlock .desc {
        padding: 20px;
        color: #9117d1;
        font-weight: 600;
        min-height: 80px
    }

        .tipBlock .desc img {
            width: 20px;
            float: left
        }

        .tipBlock .desc p {
            margin-left: 30px
        }

.wearList {
    padding: 20px 0
}

.wearBox {
    margin: 15px 0
}

    .wearBox .wearImg img {
        width: 100%;
        box-shadow: inset 0 0 10px #f952b7bd;
        padding: 10px
    }

    .wearBox .wearTitle {
        text-align: center;
        padding: 10px
    }

.schedule-section, .works-block {
    padding: 20px 0
}

    .works-block h3.work-title {
        font-size: 30px;
        text-align: center;
        margin-bottom: 20px;
        color: #000
    }

    .works-block .work-box {
        border: 1px solid #2f528f;
        padding: 15px;
        text-align: center
    }

        .works-block .work-box img {
            margin-bottom: 20px
        }

.parallex-effect.service-qoute {
    background: #fff;
    background-image: url(../Theme/assets1/img/service-qoute.jpg);
    background-size: cover;
    padding-top: 30px;
    padding-bottom: 100px
}

.qoute-desc {
    background: rgb(112 48 160 / 55%);
    padding: 20px;
    font-size: 25px;
    color: #fff;
    margin-bottom: 200px
}

.measurement-block {
    padding: 20px 0
}

    .measurement-block img {
        border: 2px solid #f952b7bd;
        padding: 5px;
        width: 340px
    }

    .measurement-block p {
        min-height: 60px;
        font-size: 20px;
        text-align: center
    }

.theme-btn, .theme-btn:active {
    background: #ffdaee;
    border: 2px solid #dca4c2;
    border-radius: 35px !important;
    color: #bf2d89 !important;
}

.golden-btn {
    background: #d5a95d;
    border-color: #d5a95d;
    color: #000
}

.nav > li > a:focus, .nav > li > a:hover {
    background-color: #d37db1 !important;
}

.theme-btn:hover {
    background: rgb(211 125 177);
    color: #fff !important;
    text-decoration: none;
    border: 2px solid #d37db1;
}

.form-design {
    color: #000;
    margin: auto;
    width: 500px;
    margin-top: 30px;
    text-align: center;
    background: rgba(239,238,253,.8);
    padding: 30px;
    box-shadow: 0 1.5rem 4rem rgba(0,0,0,.22);
    border-radius: 20px
}

.logoff-btn {
    margin-right: 5px;
    padding: 5px 10px;
    display: inline-block;
    background: #f952b7bd;
    color: #fff;
    border-radius: 20px;
    margin-bottom: 5px;
    border: 1px solid #f952b7bd;
    font-size: 14px
}

    .logoff-btn:hover {
        background: rgba(255,255,255,.6);
        color: #212529
    }

.appointment-menu {
    display: flex;
    list-style: none;
    padding: 0;
    border-radius: 20px;
    overflow: hidden;
    border: 2px solid #f952b7bd;
}

    .appointment-menu li {
        flex: 1 auto;
        text-align: center;
        border-right: 2px solid #f952b7bd;
    }

        .appointment-menu li:last-child {
            border-right: none;
            margin-right: -2px
        }

        .appointment-menu li a {
            background: rgb(255 255 255 / 74%);
            padding: 20px 0;
            display: block
        }

            .appointment-menu li a.active {
                background: #f952b7bd;
                color: #fff
            }

.register-page {
    background: url('../Theme/assets1/img/Background Image.jpg');
    background-attachment: fixed;
    position: relative;
    z-index: 2;
    padding-bottom: 20px
}

    .register-page::before {
        content: "";
        display: block;
        position: absolute;
        z-index: -1;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: rgba(255,255,255,.4)
    }

    .register-page .white-block {
        background: rgba(239,238,253,.8);
        padding: 20px;
        border-radius: 20px !important;
        box-shadow: 0 0 12px 0 rgba(60,70,68,.23);
        width: 80%;
        margin: auto;
        margin-bottom: 30px
    }

        .register-page .white-block h3 {
            margin-bottom: 25px;
            text-align: center
        }

.login-page, .schedule-page {
    background: url('../Theme/assets1/img/Background Image.jpg');
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover; /* Key property */

    position: relative;
    z-index: 2
}

.login-account {
    padding: 0px;
    min-height: 95vh;
    display: flex
}

.login-page::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,.4)
}

.login-page #loginForm {
    color: #000;
    margin: auto;
    text-align: center;
    background: rgb(239 219 230 / 98%);
    /*background: rgba(239,238,253,.8);*/
    padding: 30px;
    box-shadow: 0 1.5rem 4rem rgba(0,0,0,.22);
    border-radius: 20px
}

.login-page input[type=submit] {
    border-radius: 35px;
    border: 2px solid #dca4c2;
    background: #ffdaee;
    color: #bf2d89;
}

    .login-page input[type=submit]:hover {
        background-color: #d27cb2;
        color: #fff;
        border: 2px solid #d27cb2;
    }

#loginForm a:hover {
    color: #000
}

.email-box label {
    width: 100%;
    text-align: left
}

.email-box input {
    margin: 0 0 10px
}

.chng-pwd .form-group, .reset-form .form-group, .set-pwd .form-group {
    margin: auto;
    text-align: left
}

.chng-pwd label, .set-pwd label {
    text-align: left
}

.schedule-name {
    text-align: center;
    font-weight: 700;
    color: #000
}

.dashboard-design .page-content {
    position: relative;
    background: 0 0;
    padding: 0 15px 10px
}

.dashboard-design .page-logo {
    border-radius: 20px !important
}

    .dashboard-design .page-logo img {
        background: #f952b7bd;
    }

.page-header.navbar .top-menu .navbar-nav {
    margin-right: 0
}

.dashboard-design .card-block {
    box-shadow: 0 0 12px 0 rgba(120,146,141,.16);
    border: 0
}

.dashboard-design .portlet .portlet-title {
    background: #fff !important;
    border-bottom: 1px solid #7f57ce;
    padding: 10px 5px
}

.dashboard-design .portlet-title .caption, .dashboard-design .portlet-title .caption .fa {
    color: #000 !important
}

.dashboard-design .page-logo h1 {
    margin: 0
}

.top-menu {
    position: relative;
    top: 10px
}

.dashboard-design .user-head-block {
    padding: 10px 10px;
    /*background-image: url('../Theme/assets1/img/Background Strip.jpg');*/
    /*background-image replaced by background-color*/
    background-color: #d27cb2;
    background-size: 200% 100%;
    background-position: right;
    transition: all .5s ease;
    position: relative;
    top: -5px
}

.dashboard-design form#logoutForm {
    padding: 0;
    margin-right: 0
}

.dashboard-design .user-head-block > a {
    color: #fff
}

.dashboard-design .user-head-block:hover {
    background-position: left
}

.user-desc, .user-name {
    color: #fff;
    font-size: 16px
}

.sidebar-nav ul {
    display: flex;
    background-color: #f5a1d447;
    justify-content: center;
    margin-top: 10px
}

.sidebar-nav li {
    border-right: 1px solid #fff
}

    .sidebar-nav li a {
        display: flex;
        align-items: center;
        margin: 0 10px;
        padding: 10px 0;
        font-size: 15px;
        color: #000
    }

        .sidebar-nav li a img {
            height: 25px;
            width: 25px;
            display: none
        }

.dashboard-design .user-head-block .sub-info {
    position: absolute;
    right: 0;
    top: 100%;
    background: #7b1d56f2;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0 0 12px 0 rgba(120,146,141,.06);
    transform: translateY(20px);
    transition: all .5s ease
}

.dashboard-design .user-head-block:hover .sub-info {
    transform: translateY(0);
    opacity: 1;
    visibility: visible
}

.user-head-block .sub-info .user-info {
    background-size: cover;
    padding: 10px;
    color: #000;
    margin-bottom: 0 !important;
    border-radius: 10px 10px 0 0 !important
}

.sub-info .user-info .user-name {
    margin-top: 0
}

.sub-info .divider {
    height: 1px;
    background: #000
}

.sub-info ul {
    list-style: none;
    padding: 0
}

.sub-info .other-links li {
    border-bottom: 1px solid #d6d4d4
}

.sub-info .other-links a {
    color: #000;
    padding: 10px;
    display: block
}

.sub-info .logout {
    text-align: center;
    margin: 10px 5px;
    display: flex
}

    .sub-info .logout a {
        flex: 1 auto;
        border-radius: 30px !important;
        padding: 5px 7px;
        font-size: 14px;
        margin: 0 1px
    }

.dashboard-design .portlet.box.green {
    border: 0 !important
}

#sidebar .menu-title {
    padding: 10px 20px;
    padding-bottom: 0;
    margin: 0
}

.imgLinks {
    list-style: none;
    padding: 0;
    margin: 0
}

    .imgLinks a {
        color: #0038c1;
    }

    .imgLinks .fa-check-square {
        color: #7f24a1;
    }

    .imgLinks li {
        padding: 5px 10px
    }

#sidebar {
    min-width: 70px;
    max-width: 70px;
    position: fixed;
    top: 10px;
    left: 10px;
    bottom: 0;
    z-index: 999;
    background: 0 0;
    transition: all .3s
}

    #sidebar.active {
        min-width: 260px;
        max-width: 260px
    }

    #sidebar .page-logo {
        overflow: hidden
    }

    #sidebar .menu-body {
        background: #fff;
        border-radius: 20px !important;
        margin-top: 10px;
        box-shadow: 0 0 25px 0 rgba(45,69,95,.1);
        height: calc(100% - 115px)
    }

#dismiss {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: #2f143d;
    color: #fff;
    position: absolute;
    border: 1px solid #2f143d;
    top: 15px;
    right: 15px;
    cursor: pointer;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

    #dismiss:hover {
        background: #fff;
        color: #2f143d
    }

#sidebar .sidebar-header {
    padding: 15px 10px;
    color: #000;
    display: flex
}

    #sidebar .sidebar-header h3 {
        margin: 0;
        width: 0;
        visibility: hidden;
        transition: width .3s ease
    }

#sidebar.active .sidebar-header h3 {
    width: 100%;
    visibility: visible
}

#sidebar ul.components {
    padding-bottom: 20px;
    border-bottom: 1px solid #47748b
}

#sidebar ul p {
    color: #000;
    padding: 10px
}

#sidebar ul li a {
    padding: 2px 10px;
    font-size: 15px;
    display: block;
    border-radius: 0 20px 20px 0 !important;
    color: #351848;
    border: 1px solid transparent
}

    #sidebar ul li a:hover {
        border-color: #48145e;
        color: #911caa;
        background: #fff
    }

    #sidebar ul li a img {
        width: 35px
    }

#sidebar ul.list-unstyled {
    margin-left: 0;
    margin-right: 10px
}

#sidebar.active ul li a span {
    display: inline-block;
    margin-left: 5px;
    width: auto
}

#sidebar ul li a i {
    font-size: 25px;
    display: inline-block;
    width: 30px;
    height: 30px;
    top: 0;
    transform: translateY(8px)
}

#sidebar ul li a span {
    display: none;
    width: 0
}

#sidebar ul li {
    margin: 2px 0
}

    #sidebar ul li.active {
        border-radius: 0 20px 20px 0 !important;
        overflow: hidden
    }

        #sidebar ul li.active > a, a[aria-expanded=true] {
            color: #fff;
            background-image: url('../Theme/assets1/img/Background Strip.jpg');
            background-size: cover
        }

        #sidebar ul li img.white, #sidebar ul li.active img.purple {
            display: none
        }

        #sidebar ul li.active img.white {
            display: inline-block
        }

a[data-toggle=collapse] {
    position: relative
}

.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%)
}

#sidebar ul ul a {
    font-size: .9em !important;
    padding-left: 30px !important;
    background: #714aa7
}

#sidebarCollapse.theme-btn {
    border-radius: 25px !important;
    padding: 5px 17px
}

#content {
    width: 100%;
    padding: 20px;
    min-height: 100vh;
    transition: all .3s;
    position: absolute;
    top: 0;
    right: 0
}

.mCustomScrollbar {
    -ms-touch-action: auto;
    touch-action: auto;
    overflow: auto
}

    .mCustomScrollbar::-webkit-scrollbar {
        width: .5em;
        height: .8em
    }

    .mCustomScrollbar p {
        text-align: justify
    }

    .mCustomScrollbar::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3)
    }

    .mCustomScrollbar::-webkit-scrollbar-thumb {
        background-color: #bf2d89;
        border-radius: 15px;
        outline: 1px solid #ffdaee;
    }

.box-border {
    border: 1px solid #000;
    padding: 10px
}

#fabrics table tr td:last-child {
    padding-bottom: 2px
}

#rooms + a {
    position: absolute;
    left: 20px;
    bottom: 5px
}

.theme-btn.add-btn {
    padding: 5px 20px;
    color: #fff;
    cursor: pointer;
    float: left
}

.delete-fabric, .delete-room {
    color: #fff !important;
    border-radius: 50% !important;
    background: #9a5dba;
    padding: 5px 10px;
    cursor: pointer
}

form .theme-btn:hover {
    color: #9a5dba
}

nav.nav-form ul {
    width: 100%
}

    nav.nav-form ul li.nav-link {
        background: #f5deec;
        margin: 5px 0;
        border-radius: 20px !important;
        position: relative;
        font-size: 15px;
        display: block;
        padding: 5px 10px
    }

        nav.nav-form ul li.nav-link a.rfqButton1:hover {
            background: #5f2b79
        }

        nav.nav-form ul li.nav-link a.RemoveQuote:hover {
            background-color: #e30e0e
        }

            nav.nav-form ul li.nav-link a.RemoveQuote:hover i, nav.nav-form ul li.nav-link a.rfqButton1:hover i {
                color: #fff !important
            }

        nav.nav-form ul li.nav-link span {
            color: #000000;
        }

    nav.nav-form ul li .add-form {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 0;
        text-align: center;
        width: 30px;
        padding: 4px 5px;
        border-radius: 20px !important;
        background: #d27cb2;
        color: #000
    }

.editform .add-form.rfqButton1 {
    right: 32px
}

.editform .add-form.RemoveQuote {
    right: 0
}

nav.nav-form ul li .add-form i {
    font-size: 15px;
    color: #000
}

nav.nav-form ul li .add-form span {
    font-size: 15px;
    font-weight: 700;
    color: #fff
}

nav.nav-form ul li.nav-link.disabled {
    background: #e5dfce
}

    nav.nav-form ul li.nav-link.disabled a {
        background: #d3c598
    }

.edit-rfq-page h2 {
    margin-top: 0
}

.edit-rfq-page .form-group {
    margin-bottom: 0
}

.editform .nav-form {
    padding: 0;
    list-style: none
}

    .editform .nav-form li {
        background: #e2e0fb;
        margin: 5px 0;
        border-radius: 20px !important;
        font-size: 16px
    }

        .editform .nav-form li a {
            padding: 10px 20px;
            display: block;
            color: #f952b7bd;
            font-size: 16px
        }

.create-rfq-page h3, .edit-rfq-page h3, .send-rfq-page h3 {
    font-size: 20px;
    margin: 10px 0;
}

.file-area {
    position: relative;
    display: flex;
    align-items: stretch !important;
    height: auto;
    margin: 0 20px 0 0 !important;
    flex: auto
}

    .file-area input[type=file] {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: 0;
        cursor: pointer
    }

    .file-area .file-dummy {
        width: 100%;
        padding: 30px;
        background: rgba(255,255,255,.2);
        border: 2px dashed #000;
        text-align: center;
        transition: background .3s ease-in-out;
        display: grid;
        align-items: center
    }

        .file-area .file-dummy .success {
            display: none
        }

    .file-area:hover .file-dummy {
        background: rgba(255,255,255,.1)
    }

    .file-area input[type=file]:focus + .file-dummy {
        outline: 2px solid rgba(255,255,255,.5);
        outline: -webkit-focus-ring-color auto 5px
    }

    .file-area input[type=file]:valid + .file-dummy .success {
        display: inline-block
    }

.contact-page {
    padding-top: 100px
}

    .contact-page h1 {
        text-align: center
    }

    .contact-page .title-divider {
        height: 2px;
        background: #fff;
        width: 100px;
        margin: 20px auto
    }

.details .fa {
    font-size: 30px;
    margin-right: 20px
}

.details .icon span {
    font-size: 25px
}

.details .icon {
    padding: 10px 0
}

.details .info {
    font-size: 20px;
    margin-left: 55px;
    padding: 20px 0 10px 0
}

    .details .info a {
        color: #000
    }

.details, .form-div {
    display: flex;
    height: 100%;
    flex-direction: column;
    padding: 20px;
    box-shadow: inset 0 0 15px -5px rgb(125 4 143);
    background-color: #f952b7bd;
}

    .form-div input, .form-div textarea {
        background: 0 0;
        border-top-color: #2d2d2d38;
        border-left-color: #2d2d2d38;
        border-right-color: #2d2d2d38;
        color: #000 !important
    }

        .form-div input:focus, .form-div textarea:focus {
            background: 0 0
        }

        .form-div input[type=submit] {
            border-radius: 35px;
            width: auto;
            height: auto;
            border: 2px solid #f952b7bd;
            background: #f952b7bd;
        }

            .form-div input[type=submit]:hover {
                background: 0 0
            }

.about-block, .head-div.about-us {
    padding-top: 100px;
    background-blend-mode: overlay;
    background-color: initial !important;
    background-image: url(../Theme/assets1/img/window-wear-about-back.jpg),linear-gradient(180deg,rgba(12,18,38,.9) 0,rgba(12,18,38,.8) 100%) !important;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    color: #fff;
    text-align: center
}

.head-div .about-company {
    padding-top: 70px;
    padding-bottom: 20px
}

    .head-div .about-company h1 {
        margin: 20px 0;
        font-size: 45px
    }

    .head-div .about-company p {
        font-size: 22px;
        margin: 30px 0
    }

    .head-div .about-company .divide-title {
        height: 2px;
        background: #fff;
        width: 100px;
        margin: 20px auto;
        margin-bottom: 100px
    }

    .head-div .about-company .divide-name {
        height: 2px;
        background: #fff;
        width: 80%;
        margin: 20px auto
    }

.about-page {
    padding: 30px 0 0
}

    .about-page img {
        width: 100%;
        height: auto
    }

    .about-page .company-info .row {
        margin: 20px auto
    }

    .about-page .company-info .block-img.img-1 {
        box-shadow: -20px 20px #f952b7bd;
        margin: 20px
    }

    .about-page .company-info .block-img.img-2 {
        box-shadow: 20px 20px #f952b7bd;
        margin: 20px
    }

    .about-page .desc-block {
        padding: 20px;
        box-shadow: 0 1.5rem 4rem rgba(0,0,0,.1);
        background: #fff;
        margin: 20px 10px
    }

.about-block {
    padding-top: 30px;
    padding-bottom: 30px
}

    .about-block h3, .about-page .desc-block h3 {
        display: inline-block;
        position: relative;
        margin-bottom: 30px
    }

        .about-block h3:after, .about-page .desc-block h3:after {
            content: "";
            position: absolute;
            bottom: -8px;
            left: 10%;
            width: 80%;
            height: 2px;
            background: #f952b7bd;
        }

    .about-block ul {
        list-style: none;
        text-align: left;
        margin-bottom: 30px
    }

        .about-block ul li {
            padding: 8px 10px
        }

            .about-block ul li i {
                margin-right: 10px;
                margin-left: -30px
            }

.testimonials-page h1 {
    margin: 30px auto;
    text-align: center;
    position: relative;
    display: table
}

    .testimonials-page h1:after {
        content: "";
        position: absolute;
        height: 2px;
        background: #333;
        left: 10%;
        right: 10%;
        bottom: -5px
    }

.testi-block {
    padding: 20px;
    border-bottom: 1px solid #333;
    height: 100%
}

    .testi-block.last-block {
        border-bottom: none
    }

.testimonials-page .row > div {
    padding: 0
}

    .testimonials-page .row > div:nth-child(odd) .testi-block {
        border-right: 1px solid #333
    }

.testi-block:hover {
    background: #fff;
    box-shadow: 0 0 2px rgba(0,0,0,.08),0 4px 6px rgba(0,0,0,.08),0 12px 16px rgba(0,0,0,.08)
}

.testi-block .testi-content:before {
    content: "\f10d";
    display: inline-block;
    font: normal normal normal 25px FontAwesome
}

.testi-block .testi-content p {
    display: inline;
    margin-left: 10px
}

span#intructionsInfo {
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
    display: block;
    color: #532b6a
}

.services-blcks {
    margin-bottom: 10px
}

    .services-blcks .single-blck {
        text-align: center
    }

    .designer-list, .invoice, .latest-order, .latest-rgqs, .services-blcks .single-blck {
        padding: 20px;
        background: #fff;
        border-radius: 20px !important;
        box-shadow: 0 0 12px 0 rgba(120,146,141,.06);
        margin: 35px 10px;
        transition: all .2s ease
    }

    .services-blcks .single-blck {
        padding: 0;
        box-shadow: 0 5px 12px 0 rgb(81 81 81 / 48%);
        background: 0 0;
        margin: 35px 0 20px;
        width: 100%
    }

        .services-blcks .single-blck .blck-content {
            background: #fff;
            border-top-left-radius: 10px !important;
            border-top-right-radius: 10px !important
        }

        .services-blcks .single-blck.odd .blck-content {
            background: #fff;
        }

        .services-blcks .single-blck .read-more-btn {
            color: #0e0e0e;
            background-image: url('../Theme/assets1/img/Background Strip.jpg');
            background-size: cover;
            /*background-color: #f3cae3;*/
            padding: 8px 20px;
            border-bottom-left-radius: 10px !important;
            border-bottom-right-radius: 10px !important
        }

        .services-blcks .single-blck.odd .read-more-btn {
            background-image: url('../Theme/assets1/img/Background Strip.jpg');
            background-size: cover
        }

        .services-blcks .single-blck .read-more-btn a {
            color: #fff
        }

        .services-blcks .single-blck:hover {
            box-shadow: 0 7px 12px 0 rgb(131 132 132 / 23%);
            transform: translateY(-10px)
        }

        .services-blcks .single-blck .iconbox {
            padding: 5px 20px
        }

            .services-blcks .single-blck .iconbox img {
                height: 80px
            }

        .services-blcks .single-blck h3 {
            margin: 5px 0 10px;
            color: #000;
            display: inline-block;
            font-size: 20px
        }

.dash-box {
    border: 1px solid #f5a1d447;
    border-radius: 10px !important;
    margin-bottom: 15px;
    overflow: hidden
}

    .dash-box .dash-box-header {
        /*background-image: url('../Theme/assets1/img/Background Strip.jpg');*/
        background-color: #d27cb2;
        background-size: cover;
        padding: 10px 20px;
        color: #fff;
        overflow: auto
    }

.dash-box-header h3 {
    display: inline-block;
    margin: 0;
    font-size: 19px
}

.dash-box-header a {
    float: right;
    color: #fff;
    display: inline-block;
    padding: 2px 7px;
    border: 1px solid #fff;
    border-radius: 5px !important
}

.dash-box-body {
    background: #fff;
    padding: 20px 10px
}

    .dash-box-body table {
        border-color: #DFDFDF;
    }

    .dash-box-body .table thead {
        background-color: #FFECF2;
        color: #101010;
    }

    .dash-box-body table tr td {
        border: 1px solid rgb(226 226 226);
        border-top: none;
        vertical-align: middle;
    }

.dataTables_length select {
    margin-bottom: 2px;
    height: 35px
}

.search-box .form-control {
    margin-bottom: 0
}

.search-box select.form-control {
    height: 35px
}

.search-box .btn {
    width: 48%;
    height: 35px;
    border-radius: 20px !important
}

    .search-box .btn#btn_search {
        background: #ffdaee;
        border: 2px solid #dca4c2;
        /*added new color in below:::*/
        color: #c52da4 !important;
    }

    .search-box .btn.grey-steel {
        color: #fff;
        background: #939393
    }

.row-reverse {
    display: flex;
    flex-direction: row-reverse
}

.alert {
    padding: 20px;
    background-color: #f44336;
    color: #fff;
    opacity: 1;
    transition: opacity .6s;
    margin-bottom: 15px
}

    .alert.success {
        background-color: #4caf50;
        position: absolute;
        top: 0;
        left: 20%;
        right: 20%;
        z-index: 1000
    }

.closebtn {
    margin-left: 15px;
    color: #fff;
    font-weight: 700;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: .3s
}

    .closebtn:hover {
        color: #000
    }

.request-form-content {
    height: 528px;
    overflow: auto;
    padding-right: 15px;
    padding-left: 15px
}

.admin-page .nav.nav-form li {
    display: inline-block;
    width: 13%;
    border: 2px solid transparent;
    box-shadow: 0 0 2px #0000;
    margin-right: 10px;
    transition: .3s all ease-in-out;
    border-radius: 20px !important;
}

.admin-form-box {
    height: 500px;
    padding-right: 20px
}

.hr-divider {
    border-right: 2px solid #333
}

.table thead tr th {
    font-weight: 600 !important;
    font-size: 11px;
    color: #464545
}

.dash-box thead th {
    color: #0d0c0c !important;
}

@-webkit-keyframes buzz-hover {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
}

@keyframes buzz-hover {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
}

@media (min-width:1200px) {
    .container {
        width: 100%;
        margin: auto
    }
}

@media (min-width:1400px) {
    .container {
        width: 100%;
        margin: auto
    }
}

@media (min-width:1700px) {
    .container {
        width: 100%;
        margin: auto
    }
}

.services-blcks .row {
    justify-content: center;
    display: flex;
    flex-wrap: wrap
}

.fa-eye {
    color: #000
}

.fa-check-square-o {
    color: #228b22
}

.fa-edit {
    color: #7109bd
}

.officed .row {
    margin-bottom: 10px
}

.rfq_print_tabs .components {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center
}

    .rfq_print_tabs .components li {
        width: 20%;
        margin: 0 20px 20px;
        text-align: center;
        background-color: #6e4f7f;
        color: #fff;
        border-radius: 30px !important
    }

        .rfq_print_tabs .components li a {
            color: #fff;
            padding: 10px;
            display: block
        }

.rfq_print {
    margin-top: 10px
}

    .rfq_print h5 {
        font-weight: 700;
        color: #000
    }

        .rfq_print h5 span {
            font-weight: 500;
            margin-left: 10px;
            color: #4a4a4a
        }

.header-print > div {
    border: 1px solid #6e4f7f;
    padding: 10px;
    margin-bottom: 20px;
    background-color: #6e4f7f40
}

.rfq_print #rooms {
    width: 100%
}

.print_des {
    width: 10% !important
}

.print-title {
    background-color: #f952b7bd !important;
    color: #fff
}

    .print-title th {
        padding: 5px 10px;
        font-weight: 500
    }

.other {
    padding: 20px 0
}

#rooms th, #Trim th {
    padding: 15px 0
}

.res-over {
    overflow: auto;
    position: relative
}

.addrow a {
    margin-left: 15px;
    padding: 5px 10px !important;
    font-size: 14px !important;
    width: 120px;
    text-align: center
}

#rooms {
    margin-top: 35px;
    width: max-content;
}

#fabrics {
    width: max-content;
}

.res-drop {
    width: 100px
}

.res-num {
    width: 80px
}

.table.table-bordered thead td {
    padding: 0;
    border: 0
}

.create-table {
    margin-bottom: 0
}

    .create-table .title {
        font-weight: 600
    }

    .create-table tbody tr td {
        padding: 10px 5px !important;
        font-size: 14px !important
    }

.b-bor {
    border-bottom: 5px double #f952b7bd;
    padding-bottom: 20px
}

.totalPrice {
    font-weight: 700
}

.right-t {
    border: 2px solid !important
}

.left-t {
    border: 2px solid !important;
    border-right: none !important
}

input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

.work-box h5 {
    font-size: 18px
}

.portlet > .portlet-title > .tools > a {
    height: auto !important
}

@media(max-width:1023px) {
    section {
        padding: 0 0 20px
    }

    .header-right .theme-btn, .header-right a.dark {
        color: #fff !important;
        padding: 5px 3px !important;
        font-size: 11px;
        margin: 2px 5px;
        width: 100%;
        text-align: center
    }

    .windoeWear-list {
        display: none
    }

    .hero-header {
        background-size: 100% 100%;
        height: 50vh !important
    }

    .header-desc h1 {
        width: 85%;
        font-size: 20px
    }

    .boxes {
        padding: 10px 0;
        width: 95%
    }

        .boxes .col-md-4 {
            width: 30% !important;
            margin: auto;
            padding: 0 5px
        }

        .boxes .single-box {
            padding: 5px 10px;
            text-align: center
        }

            .boxes .single-box h4 {
                font-weight: 500;
                font-size: 15px
            }

    .about .container {
        bottom: 10px
    }

    .about-back {
        height: 40vh;
        background-size: 100% 100%
    }

    .about h2 {
        font-size: 18px;
        margin: 0
    }

    .about p {
        font-size: 15px;
        padding: 10px 0;
        font-weight: 500;
        text-align: center
    }

    .aboutList .col-md-6 {
        width: 48%
    }

    .tipBlock {
        padding-right: 20px
    }

        .tipBlock .desc {
            padding: 10px;
            color: #000;
            font-weight: 500;
            min-height: auto
        }

            .tipBlock .desc p {
                margin-left: 25px;
                margin-bottom: 0;
                font-size: 14px
            }

    .aboutList {
        padding-bottom: 0 !important
    }

    .get-qt {
        padding: 0 !important
    }

    .wearList {
        padding: 20px 0 0
    }

        .wearList .col-md-4 {
            width: 49%
        }

    .wearBox {
        margin: 0 0 15px;
        width: 100%
    }

        .wearBox .wearTitle {
            text-align: center;
            padding: 5px;
            font-size: 15px;
            background-color: #f952b7bd;
            height: 60px;
            display: flex;
            justify-content: center;
            align-items: center;
            color: #fff;
            border-bottom-left-radius: 20px;
            border-bottom-right-radius: 20px
        }

    .work-row .col-md-3 {
        margin-bottom: 20px;
        width: 50%
    }

    .works-block .work-box {
        padding: 5px
    }

    .schedule-section {
        padding: 0 0 40px
    }

    .parallex-effect.service-qoute {
        background-size: 100% 100%;
        padding-top: 30px;
        padding-bottom: 0
    }

    .qoute-desc {
        background: rgb(112 48 160 / 70%);
        padding: 10px;
        font-size: 15px;
        color: #fff;
        margin-bottom: 50px;
        margin-top: 20px;
        text-align: justify
    }

    .measurement-block h5 {
        font-weight: 700
    }

    .measurement-block .row:nth-child(2) {
        margin-top: 0 !important
    }

    .measurement-block img {
        width: 100%
    }

    .measurement-block p {
        margin: 10px 0 15px
    }

    .fot-up {
        padding: 0 !important
    }

        .fot-up .row div {
            width: 100%;
            text-align: center;
            margin-bottom: 30px
        }

    .footer-info img {
        display: table;
        width: 100%;
        margin: 0 auto
    }

    #footer .footer-top .footer-info p {
        font-size: 16px;
        line-height: 30px;
        text-align: justify
    }

    #footer .footer-top .footer-links ul a {
        font-size: 16px !important;
        color: rgb(255 255 255) !important
    }

    .social-links.mt-3 {
        text-align: right
    }

    #footer .footer-top .social-links a {
        background: rgb(125 4 143);
        color: #fff;
        border: 1px solid
    }

    .back-to-top {
        bottom: 120px;
        border: 1px solid #fff
    }

    .tabs {
        flex-wrap: wrap
    }

    ul.tabs li {
        width: 45% !important;
        margin: 0 auto 20px
    }

    .tab-content {
        padding: 15px
    }

        .tab-content.current {
            font-size: 16px;
            text-align: justify !important
        }

    .gal-box {
        width: 50% !important
    }

    .gal-img img {
        width: 95%;
        height: 170px;
        margin: auto !important;
        display: table
    }

    .gal-box h3 {
        text-align: center
    }

    .head-div .about-company h1 {
        font-size: 20px
    }

    .head-div .about-company {
        padding-top: 30px
    }

        .head-div .about-company .divide-title {
            margin-bottom: 20px !important
        }

    .desc-block p {
        text-align: justify !important
    }

    .about-page .company-info .row:nth-child(2) {
        flex-direction: column-reverse
    }

    .contact-page .container > .row > .col-md-6:nth-child(2) {
        margin-top: 30px
    }

    .contact-page .container > h1 {
        margin-top: 30px
    }

    .appointment-menu {
        flex-wrap: wrap
    }

    .schedule-name {
        font-size: 25px;
        padding: 20px 0
    }

    .form-div .btn {
        display: table;
        margin: auto;
        color: #fff !important
    }

    .login-page #loginForm {
        width: 80% !important;
        margin: auto !important
    }

    .login-page input[type=submit] {
        margin: auto !important
    }

    .register-page {
        padding-top: 125px
    }

        .register-page .white-block h3 {
            margin-bottom: 20px !important;
            text-align: center;
            font-size: 24px
        }

    .get-started-btn {
        display: table;
        margin: auto !important
    }

    .header-footer .theme-btn {
        margin-bottom: 10px
    }
}

@media(max-width:1023px) and (min-width:428px) {
    .header-right {
        position: absolute;
        right: 30px
    }

    .footer-top .col-md-6 {
        margin: 10px auto;
        max-width: 33%
    }

    #footer .footer-top .footer-links {
        padding-top: 30px
    }

    #footer .footer-top .footer-info p {
        font-size: 16px;
        text-align: left
    }
}

@media(max-width:1199px) and (min-width:1019px) {
    .measurement-block img {
        width: 100%
    }

    .header-right .theme-btn {
        padding: 5px 10px !important
    }
}

@media(max-width:426px) {
    .sidebar-nav ul {
        flex-wrap: wrap
    }

    .sidebar-nav li {
        margin-bottom: 5px
    }

    .services-blcks .col-md-3 {
        width: 100%
    }

    .services-blcks .single-blck {
        width: 100%
    }

    .dash-box-body {
        max-width: 370px;
        overflow: auto
    }

        .dash-box-body table {
            width: 550px
        }

    .top-menu ul li:nth-child(1) a {
        display: none
    }

    .dashboard-design .user-head-block {
        position: absolute;
        right: 0;
        top: -90px
    }

    .page-header-inner .menu-toggler {
        display: none !important
    }

    .white-block {
        overflow: auto
    }

    .create-table {
        margin-bottom: 0;
        width: 600px
    }

    .login-page, .schedule-page {
        padding: 120px 20px 50px
    }

    .form-design {
        width: 100%;
        padding: 10px
    }

        .form-design h2 {
            font-size: 20px
        }

    .login-page .form-horizontal {
        padding-top: 10px
    }

    .services-blcks .col-md-4 {
        width: 100%
    }

    .admin-page .nav.nav-form li {
        width: 33%
    }

    #test > .row {
        flex-wrap: wrap;
        flex-direction: row
    }

    #test .row-reverse {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse
    }

        #test .row-reverse div {
            width: 100%
        }

    .admin-form-box {
        padding: 0
    }

    .officeUse .row {
        margin: 0
    }

    , .officeUse .col-md-12, .officeUse .col-md-3, .officeUse .col-md-4, .officeUse .col-md-5, .officeUse .col-md-6, .officeuse1 .col-md-12, .officeuse1 .col-md-3, .officeuse1 .col-md-4, .officeuse1 .col-md-5, .officeuse1 .col-md-6 {
        padding: 0 5px
    }

    .dollar {
        left: 3px
    }

    .officeUse .col-md-12 .row div {
        padding: 0
    }

    .officeUse .row .col-md-12 {
        padding: 0
    }

    #Total1 {
        width: 90%;
        margin-left: auto;
        display: table;
        margin-right: 15px
    }

    .float-est {
        top: 12px !important
    }
}

#close-toastr {
    position: absolute;
    right: 5px;
    top: 12px;
    background-color: red;
    color: #fff;
    border-radius: 50% !important;
    width: 20px;
    height: 20px;
    text-align: center
}

#WaringModelOne .modal-header {
    text-align: right;
    border-bottom: none !important;
    padding: 5px !important;
    position: relative
}

#WaringModelOne button {
    border-radius: 50% !important;
    padding: 1px 6px;
    position: absolute;
    right: 10px;
    top: 20px
}

#WaringModelOne .modal-body {
    text-align: center
}

#WaringModelOne .fa-hourglass-end {
    font-size: 40px
}

#WaringModelOne span {
    display: table;
    margin: 15px auto;
    font-size: 30px;
    font-weight: 700
}

#WaringModelOne h5 {
    font-size: 14px !important;
    color: #f90000;
    text-transform: capitalize;
    line-height: 25px;
    font-weight: 600
}

#WaringModelOne {
    display: flex !important;
    align-items: center;
    z-index: -1
}

    #WaringModelOne.in {
        z-index: 999999
    }

    #WaringModelOne .modal-sm {
        width: 400px
    }

    #WaringModelOne h2 {
        margin: 15px 0 !important;
        text-align: center;
        font-size: 27px;
        text-transform: revert;
        font-weight: 700
    }

#SummaryView {
    display: block;
    text-align: center
}

.Quote_items {
    background: #fff;
    padding: 10px 20px;
    border-radius: 20px !important;
    box-shadow: 0 0 12px 0 rgb(60 70 68 / 23%);
    margin-bottom: 20px
}

    .Quote_items > .row {
        margin-bottom: 7px;
        padding: 5px 0;
        background-color: #fafaff
    }

.S_Label {
    font-size: 15px;
    color: #7b1d56f2;
}

.Quote_items .title {
    margin: 10px 0;
    text-align: center;
    font-size: 25px;
    font-weight: 700;
    color: #3e0966;
    text-transform: uppercase
}

.Sub_title {
    font-size: 15px !important
}

.Quote_items p {
    font-size: 15px;
    margin: 0
}

.Treatment_total {
    font-size: 18px;
    padding: 5px 0
}

.Quote_Total, .Treatment_total {
    font-weight: 700
}

.Quote_items h5 {
    margin: 0
}

.QuoteGTodal {
    background: #4c1475;
    padding: 15px;
    border-radius: 10px !important;
    box-shadow: 0 0 12px 0 rgb(60 70 68 / 23%);
    margin-bottom: 15px;
    color: #fff
}

    .QuoteGTodal .title {
        text-align: right;
        font-size: 18px
    }

.Gtotal {
    font-size: 20px;
    font-weight: 700
}

.A_Description {
    padding-top: 10px;
    padding-bottom: 15px
}

.Fabric table thead h5 {
    font-weight: 700;
    padding: 5px 0
}

.total-row {
    display: flex;
    align-items: center
}

.Fabric .table.table-bordered thead td {
    padding: 10px !important;
    border: 1px solid #d1d1d1 !important
}

.table-responsive {
    overflow: hidden !important;
    padding: 0 2px
}

.page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover {
    background: #000
}

span required {
    color: red;
    background: red
}

.Sample_Gallery .title {
    text-align: center;
    padding: 0 0 20px;
    font-size: 24px;
    font-weight: 700;
    color: #f952b7bd;
}

.PreviewGalleryBody .Treatment_type, .Sample_Gallery .Treatment_type {
    width: 40%;
    border: 1px solid #ced4da;
    border-bottom: 2px solid #f952b7bd;
    box-shadow: 0 0 12px 0 rgb(120 146 141 / 6%);
    border-radius: 0 !important;
    margin-top: 5px;
    font-size: 15px;
    padding: 5px
}

.Sample_Gallery .Imageupload {
    display: flex;
    align-items: center;
    margin-top: 10px
}

.Imageupload .S_Label {
    margin: 0
}

.Gallerytitle {
    border: 1px solid #ced4da;
    border-bottom: 2px solid #f952b7bd;
    box-shadow: 0 0 12px 0 rgb(120 146 141 / 6%);
    border-radius: 0 !important;
    margin-bottom: 15px;
    margin-top: 5px;
    font-size: 15px;
    width: 70%;
    padding: 5px
}

#Clear {
    background-color: #57505d;
    text-align: center;
    border-radius: 35px !important;
    color: #fff !important;
    padding: 9px 20px !important;
    font-size: 15px
}

.previewrow {
    display: flex;
    align-items: center
}

.image-preview img {
    max-height: 200px;
    max-width: 300px;
    margin-top: 25px;
    border: 2px solid #f952b7bd;
}

#remove-img, .remove-img1 {
    position: absolute;
    background-color: red;
    color: #fff;
    border-radius: 50% !important;
    padding: 3px 7px;
    top: 5px
}

.PreviewGalleryBody li {
    pointer-events: none
}

.padding-20 {
    padding: 20px
}

#UploadedImage {
    padding-left: 5px
}

.Gallery-btn {
    text-align: center;
    padding: 20px 0
}

    .Gallery-btn a {
        width: 30px;
        background-color: #ffdaee;
        color: #bf2d89;
        padding: 5px 10px;
        border-radius: 20px !important;
        border: 2px solid #dca4c2;
        transition: .3s all ease-in-out
    }

        .Gallery-btn a:hover {
            color: #390c5c;
            background-color: #fff
        }

.validation-summary-errors {
    text-align: left
}

.salestax:hover i {
    color: #000 !important
}

.mar p {
    margin: 0;
    font-size: 15px;
    color: red
}

.Order-Revise input[type=radio]:checked:after {
    opacity: 0
}

.day:hover, .month:hover, .year:hover {
    background-color: #d3a6fe !important
}

td.active.day {
    background-color: #30a039;
    color: #fff
}

td.day {
    cursor: pointer;
    text-align: center;
    border-radius: 2px !important;
    transition: .3s all ease-in-out
}

.today.day {
    background-color: #f952b7bd;
    color: #fff
}

.datepicker-days .next, .datepicker-days .prev {
    background-color: #f952b7bd;
    color: #fff;
    font-weight: 700 !important;
    cursor: pointer
}

.datepicker-switch {
    cursor: pointer
}

.month, .year {
    text-align: center !important;
    border: 1px solid #f952b7bd;
    border-bottom: none;
    cursor: pointer
}

    .month:nth-child(12), .year:nth-child(12) {
        border-bottom: 1px solid #f952b7bd;
    }

.searchbar .col-md-1, .searchbar .col-md-2 {
    padding: 1px 3px
}

#btn_reset, #btn_search {
    width: 85px
}

.Designer > .row {
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom: 2px solid #eee
}

.Designer h5 span {
    font-size: 15px;
    font-weight: 500;
    color: #700070
}

.container-fluid.OrderTrack.Designer {
    padding: 0
}

.DesignerRight .row {
    padding-bottom: 5px
}

.disabled.day {
    color: #eee;
    pointer-events: none
}

#RemainingDepositBalance, #RemainingPayBalance {
    color: red
}

.sidebar-nav li.active a {
    color: #fff
}

.sidebar-nav li.active {
    background-color: #cc68a4d1;
}

.sidebar-nav li:hover {
    background-color: #cc68a4d1;
}

    .sidebar-nav li:hover a {
        color: #fff
    }

.nav-tabs li.active a {
    background-image: url('/Theme/assets1/img/Background Strip.jpg') !important;
    background-size: cover;
    color: #fff !important
}

#FabricTrack, #JobCosting {
    border: 2px solid #f952b7bd;
    padding: 15px
}

    #FabricTrack .nav-pills, .nav-tabs {
        margin-bottom: 0
    }

#OrderTrack {
    padding: 15px 10px;
    border: 2px solid #5e0e73;
    background-color: #fffdff;
    margin-bottom: 20px
}

.OrderTrack .tab-content {
    padding: 0 !important
}

.OrderTrack .row {
    width: 100%;
    margin: 0
}

#FabricTrack .table Textarea {
    min-height: 50px;
    min-width: 150px;
    max-width: 350px;
    max-height: 100px;
    margin-bottom: 0
}

.DescActive {
    background-color: #ff0 !important
}

.CommonHr, .EST-YARD hr, .Fabric_Box hr {
    width: 30%;
    margin: 0 auto 15px;
    height: 1px;
    background-color: #7d068f
}

.Fabric_Box {
    margin: 0
}

    .Fabric_Box > .col-md-4 {
        width: 33%;
        padding: 0 5px
    }

        .Fabric_Box > .col-md-4 .form-group label {
            min-height: 30px
        }

.btReload {
    position: fixed;
    margin-right: 5px;
    top: 250px;
    right: 5px;
    background: #d27cb2;
    height: 40px;
    width: 40px;
    border-radius: 50% !important;
    line-height: 22px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

    .btReload i {
        color: #fff;
        font-size: 22px
    }

.FabricTableRow {
    overflow-x: scroll
}

.FabricTable {
    width: 1400px;
    max-width: 1200px
}

.select2 {
    border: 1px solid #ced4da;
    border-bottom: 2px solid #f952b7bd;
    box-shadow: none !important;
    border-radius: 0 !important;
    margin-bottom: 15px;
    margin-top: 5px !important;
    min-height: 35px;
    width: 100% !important
}

.select2-container--default .select2-selection--single {
    border: none !important
}

.select2-results__option {
    cursor: pointer
}

    .select2-results__option:hover {
        background-color: #f952b7bd;
    }

.select2-selection > span {
    text-align: left;
    line-height: 35px !important
}

.m-0 {
    margin: 0 !important
}

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

.AdminFabricBTN, .AdminTrimBTN {
    text-align: center;
    display: block;
    font-size: 20px;
    color: purple;
    margin: 20px 5px
}

.strikethrough {
    position: relative
}

    .strikethrough:after, .strikethrough:before {
        content: "";
        height: 2px;
        width: 100%;
        background-color: #545454;
        display: block;
        position: absolute;
        left: 0;
        top: 20px
    }

    .strikethrough:after {
        bottom: 30px !important;
        top: auto
    }

#datatable_ajax tfoot th {
    padding: 5px !important
}

#datatable_ajax tbody .Dollar:before, #datatable_ajax tfoot .Dollar:before {
    content: "$"
}

.UnitYards::before {
    content: "Yards";
    height: 35px;
    width: 50px;
    text-align: center;
    display: block;
    z-index: 9999;
    position: absolute;
    right: 0;
    bottom: 15px;
    padding: 5px;
    background-color: #bf2d89;
    color: #fff
}

.UnitCuts::before {
    content: "Cuts";
    height: 35px;
    width: 50px;
    text-align: center;
    display: block;
    z-index: 9999;
    position: absolute;
    right: 0;
    bottom: 15px;
    padding: 5px;
    background-color: #bf2d89;
    color: #fff
}

.UnitCuts, .UnitYards {
    position: relative
}

    .UnitCuts input, .UnitYards input {
        padding-right: 50px !important
    }

.Dollar {
    text-align: right
}

    .Dollar.sorting {
        padding-right: 20px !important
    }

.Fabric_Box h3 {
    margin: 15px 0 !important
}

.modal .modal-title {
    color: #513169 !important
}

.appointment-menu a.active {
    color: #fff !important
}

.previewSign img {
    max-width: 100%;
    max-height: 250px
}

.theme-btn:hover i {
    color: #fff !important;
    font-weight: 700
}

.WarningMGS {
    text-align: center;
    color: red;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: -10px
}

.save-bar {
    display: flex;
    justify-content: space-evenly;
    position: relative
}

    .save-bar:after {
        content: "";
        width: 100%;
        height: 0%;
        position: absolute;
        left: 0;
        top: 0;
        background-color: #d27cb2;
        transition: .3s all ease-in-out;
        z-index: -1
    }

    .save-bar.active:after {
        height: 100%;
        z-index: 1
    }

    .save-bar:before {
        content: "Please Wait......";
        position: absolute;
        left: 50%;
        top: 50%;
        color: #fff;
        font-size: 18px;
        transform: translate(-50%,-50%);
        z-index: -1;
        opacity: 0
    }

    .save-bar.active:before {
        opacity: 1;
        z-index: 2
    }

.OrderTrack .Pre-dollar {
    margin: 0;
    padding: 5px 12px;
    position: absolute;
    bottom: 12px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    background-color: #bf2d89;
}

.OrderTrack .Pre-dollar-input {
    padding-left: 38px
}

.OrderTrack .Pre-Calendar-input {
    padding-left: 45px
}

.Order-Revise {
    margin-top: -10px;
    margin-bottom: -20px
}

#ConvertOrderModel .modal-header {
    border-bottom: 2px solid #9a059a
}

.EditQuote {
    right: 0 !important
}

.Right-32 {
    right: 32px !important
}

.OrderCancelled li:not(:first-child) {
    background-color: #b7b4b4 !important
}

.OrderCancelled li span {
    color: #000 !important
}

.OrderCancelled .ViewQuote {
    background-color: #c7c7c7 !important
}

    .OrderCancelled .ViewQuote:hover {
        background-color: #f952b7bd !important
    }

.OrderCancelledAdmin span {
    color: #fff !important
}

.OrderCancelledAdmin {
    background: #960404 !important
}

.RevisedCancelled {
    background: #7c7c7c !important
}

.OrderCancelledAdmin.active {
    border: 2px solid #7e1007 !important;
    box-shadow: 0 0 2px #0000005e !important
}

.RevisedCancelled.active {
    border: 2px solid #321745 !important;
    box-shadow: 0 0 2px #6363635e !important
}

.RevisedCancelled {
    background: #d27cb2 !important
}

    .RevisedCancelled span {
        color: #f5f5f5 !important
    }

.admin-page .nav.nav-form li.active:before {
    content: ">";
    position: absolute;
    color: purple;
    font-weight: 700;
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%) rotate(270deg);
    font-size: 16px
}

.Right-0 {
    right: 0 !important
}

.ReviseHistory table thead td {
    padding: 10px 10px !important;
    background-color: purple;
    color: #fff;
    text-align: center
}

.ReviseHistory table tbody td {
    border: 1px solid purple;
    text-align: center
}

.Unable {
    opacity: .5;
    pointer-events: none
}

.RequestedRow {
    border-top: 2px solid purple;
    padding-top: 15px
}

    .RequestedRow h5 {
        color: #000;
        font-weight: 700
    }

        .RequestedRow h5 span {
            font-weight: 500;
            font-size: 15px
        }

        .RequestedRow h5 .Rstatus {
            color: red
        }

        .RequestedRow h5 .Reason {
            color: #4d4d4d
        }

#RequestCancellationDesigner_Modal .modal-header {
    border-bottom: 2px solid purple
}

.RequestCancellationBody h2 {
    font-size: 20px;
    color: #5d0d5d;
    margin: 0 0 15px
}

.RequestCancellationBody label {
    font-weight: 700
}

a.RFQSearch {
    background-color: #ffdaee;
    /*color: #fff;*/
    border-radius: 151px !important
}

.NewQuoteRequest, .RFQSearch {
    padding: 7px 12px !important;
    margin-right: 5px
}

.label-inline {
    border-radius: 10px !important;
    padding: 5px 10px !important
}

.label-light-info {
    color: #000;
    background-color: #fee689;
    display: table;
    margin-right: auto
}

.label-lightgreen {
    color: #000;
    background-color: #baf997;
    display: table;
    margin-right: auto
}

.label-light-primary {
    color: #000;
    background-color: #cfcfcf;
    display: table;
    margin-right: auto
}

.label-light-danger {
    color: #fdfdfd;
    background-color: #ff3e3e;
    display: table;
    margin-right: auto
}

.label-light-green {
    color: #fff;
    background-color: #55a12b;
    display: table;
    margin-right: auto;
}

.label-light-purple {
    color: #fdfdfd;
    background-color: #6c20a5b0;
    display: table;
    margin-right: auto;
}

.RedColor {
    font-weight: 700;
    font-size: 18px;
    display: table;
    margin: auto
}

.fa-check {
    color: red;
    font-weight: 700;
    font-size: 20px
}

.lnk-lock {
    position: relative
}

    .lnk-lock img {
        position: absolute;
        bottom: -1px
    }

.ordercancel-icons {
    position: relative;
    display: inline-block
}

    .ordercancel-icons i {
        font-size: 20px;
        font-weight: 700;
        color: #272727;
        padding: 0 5px;
        margin-top: 2px
    }

    .ordercancel-icons .back {
        color: #eb0a0a;
        opacity: .8
    }

    .ordercancel-icons .front {
        position: absolute;
        left: 8px;
        top: 2px;
        font-size: 13px;
        font-weight: 700;
        color: #000
    }

    .ordercancel-icons .fa-reply {
        transform: rotateZ(175deg) scaleY(-1)
    }

.AcceptCancellationAdmin.Active .ordercancel-icons {
    animation: Highlight 1s infinite
}

@keyframes Highlight {
    0% {
        bottom: 1px
    }

    50% {
        bottom: 5px
    }

    100% {
        bottom: -2px
    }
}

#WorkOrderType_row {
    padding-bottom: 10px
}

    #WorkOrderType_row input {
        margin: 15px
    }

    #WorkOrderType_row label {
        margin: 0;
        font-size: 17px;
        font-weight: 600
    }

hgroup {
    display: block;
    margin: 20%;
    text-align: center;
    background-color: #f5f5f5db;
    padding: 25px;
    border-radius: 20px !important;
    box-shadow: 0 0 5px 5px #bcbcbc
}

#datatable_ajax tbody td.details-control {
    background: url('/Theme/Icons/details_open.png') no-repeat center center !important;
    cursor: pointer;
    padding: 20px
}

#datatable_ajax tbody tr.shown td.details-control {
    background: url('/Theme/Icons/details_close.png') no-repeat center center !important;
    padding: 20px
}

#datatable_ajax .DatasubRow {
    margin: 5px auto;
    display: flex;
    width: 98%;
    flex-wrap: wrap
}

#datatable_ajax .Datasubtitle {
    font-weight: 600;
    border: 1px solid #a9a9a9;
    padding: 5px;
    font-size: 15px;
    background-color: #eed8ff
}

#datatable_ajax .DatasubData {
    border: .5px solid #a9a9a9;
    border-bottom: none;
    padding: 5px;
    font-size: 14px
}

#datatable_ajax .DatasubRow .DatasubData:nth-last-child(-n+5), #datatable_ajax .WorkOrderTable .DatasubData:nth-last-child(-n+6) {
    border-bottom: .5px solid #a9a9a9 !important
}

#UpdateOrder {
    margin-top: 15px
}

.DatasubRowDesc {
    max-height: 100px;
    overflow-y: auto
}

.CLoader {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0%;
    background-color: #f952b7bd;
    color: #fff;
    font-size: 17px;
    transition: .3s all ease-in-out;
    z-index: -1
}

    .CLoader.Active {
        height: 100%;
        z-index: 2
    }

.loader {
    margin-right: 15px;
    font-size: 5px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: relative;
    text-indent: -9999em;
    -webkit-animation: load5 1.1s infinite ease;
    animation: load5 1.1s infinite ease;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0)
}

@-webkit-keyframes load5 {
    0%,100% {
        box-shadow: 0 -2.6em 0 0 #000,1.8em -1.8em 0 0 rgba(0,0,0,.2),2.5em 0 0 0 rgba(0,0,0,.2),1.75em 1.75em 0 0 rgba(0,0,0,.2),0 2.5em 0 0 rgba(0,0,0,.2),-1.8em 1.8em 0 0 rgba(0,0,0,.2),-2.6em 0 0 0 rgba(0,0,0,.5),-1.8em -1.8em 0 0 rgba(0,0,0,.7)
    }

    12.5% {
        box-shadow: 0 -2.6em 0 0 rgba(0,0,0,.7),1.8em -1.8em 0 0 #000,2.5em 0 0 0 rgba(0,0,0,.2),1.75em 1.75em 0 0 rgba(0,0,0,.2),0 2.5em 0 0 rgba(0,0,0,.2),-1.8em 1.8em 0 0 rgba(0,0,0,.2),-2.6em 0 0 0 rgba(0,0,0,.2),-1.8em -1.8em 0 0 rgba(0,0,0,.5)
    }

    25% {
        box-shadow: 0 -2.6em 0 0 rgba(0,0,0,.5),1.8em -1.8em 0 0 rgba(0,0,0,.7),2.5em 0 0 0 #000,1.75em 1.75em 0 0 rgba(0,0,0,.2),0 2.5em 0 0 rgba(0,0,0,.2),-1.8em 1.8em 0 0 rgba(0,0,0,.2),-2.6em 0 0 0 rgba(0,0,0,.2),-1.8em -1.8em 0 0 rgba(0,0,0,.2)
    }

    37.5% {
        box-shadow: 0 -2.6em 0 0 rgba(0,0,0,.2),1.8em -1.8em 0 0 rgba(0,0,0,.5),2.5em 0 0 0 rgba(0,0,0,.7),1.75em 1.75em 0 0 #000,0 2.5em 0 0 rgba(0,0,0,.2),-1.8em 1.8em 0 0 rgba(0,0,0,.2),-2.6em 0 0 0 rgba(0,0,0,.2),-1.8em -1.8em 0 0 rgba(0,0,0,.2)
    }

    50% {
        box-shadow: 0 -2.6em 0 0 rgba(0,0,0,.2),1.8em -1.8em 0 0 rgba(0,0,0,.2),2.5em 0 0 0 rgba(0,0,0,.5),1.75em 1.75em 0 0 rgba(0,0,0,.7),0 2.5em 0 0 #000,-1.8em 1.8em 0 0 rgba(0,0,0,.2),-2.6em 0 0 0 rgba(0,0,0,.2),-1.8em -1.8em 0 0 rgba(0,0,0,.2)
    }

    62.5% {
        box-shadow: 0 -2.6em 0 0 rgba(0,0,0,.2),1.8em -1.8em 0 0 rgba(0,0,0,.2),2.5em 0 0 0 rgba(0,0,0,.2),1.75em 1.75em 0 0 rgba(0,0,0,.5),0 2.5em 0 0 rgba(0,0,0,.7),-1.8em 1.8em 0 0 #000,-2.6em 0 0 0 rgba(0,0,0,.2),-1.8em -1.8em 0 0 rgba(0,0,0,.2)
    }

    75% {
        box-shadow: 0 -2.6em 0 0 rgba(0,0,0,.2),1.8em -1.8em 0 0 rgba(0,0,0,.2),2.5em 0 0 0 rgba(0,0,0,.2),1.75em 1.75em 0 0 rgba(0,0,0,.2),0 2.5em 0 0 rgba(0,0,0,.5),-1.8em 1.8em 0 0 rgba(0,0,0,.7),-2.6em 0 0 0 #000,-1.8em -1.8em 0 0 rgba(0,0,0,.2)
    }

    87.5% {
        box-shadow: 0 -2.6em 0 0 rgba(0,0,0,.2),1.8em -1.8em 0 0 rgba(0,0,0,.2),2.5em 0 0 0 rgba(0,0,0,.2),1.75em 1.75em 0 0 rgba(0,0,0,.2),0 2.5em 0 0 rgba(0,0,0,.2),-1.8em 1.8em 0 0 rgba(0,0,0,.5),-2.6em 0 0 0 rgba(0,0,0,.7),-1.8em -1.8em 0 0 #000
    }
}

@keyframes load5 {
    0%,100% {
        box-shadow: 0 -2.6em 0 0 #000,1.8em -1.8em 0 0 rgba(0,0,0,.2),2.5em 0 0 0 rgba(0,0,0,.2),1.75em 1.75em 0 0 rgba(0,0,0,.2),0 2.5em 0 0 rgba(0,0,0,.2),-1.8em 1.8em 0 0 rgba(0,0,0,.2),-2.6em 0 0 0 rgba(0,0,0,.5),-1.8em -1.8em 0 0 rgba(0,0,0,.7)
    }

    12.5% {
        box-shadow: 0 -2.6em 0 0 rgba(0,0,0,.7),1.8em -1.8em 0 0 #000,2.5em 0 0 0 rgba(0,0,0,.2),1.75em 1.75em 0 0 rgba(0,0,0,.2),0 2.5em 0 0 rgba(0,0,0,.2),-1.8em 1.8em 0 0 rgba(0,0,0,.2),-2.6em 0 0 0 rgba(0,0,0,.2),-1.8em -1.8em 0 0 rgba(0,0,0,.5)
    }

    25% {
        box-shadow: 0 -2.6em 0 0 rgba(0,0,0,.5),1.8em -1.8em 0 0 rgba(0,0,0,.7),2.5em 0 0 0 #000,1.75em 1.75em 0 0 rgba(0,0,0,.2),0 2.5em 0 0 rgba(0,0,0,.2),-1.8em 1.8em 0 0 rgba(0,0,0,.2),-2.6em 0 0 0 rgba(0,0,0,.2),-1.8em -1.8em 0 0 rgba(0,0,0,.2)
    }

    37.5% {
        box-shadow: 0 -2.6em 0 0 rgba(0,0,0,.2),1.8em -1.8em 0 0 rgba(0,0,0,.5),2.5em 0 0 0 rgba(0,0,0,.7),1.75em 1.75em 0 0 #000,0 2.5em 0 0 rgba(0,0,0,.2),-1.8em 1.8em 0 0 rgba(0,0,0,.2),-2.6em 0 0 0 rgba(0,0,0,.2),-1.8em -1.8em 0 0 rgba(0,0,0,.2)
    }

    50% {
        box-shadow: 0 -2.6em 0 0 rgba(0,0,0,.2),1.8em -1.8em 0 0 rgba(0,0,0,.2),2.5em 0 0 0 rgba(0,0,0,.5),1.75em 1.75em 0 0 rgba(0,0,0,.7),0 2.5em 0 0 #000,-1.8em 1.8em 0 0 rgba(0,0,0,.2),-2.6em 0 0 0 rgba(0,0,0,.2),-1.8em -1.8em 0 0 rgba(0,0,0,.2)
    }

    62.5% {
        box-shadow: 0 -2.6em 0 0 rgba(0,0,0,.2),1.8em -1.8em 0 0 rgba(0,0,0,.2),2.5em 0 0 0 rgba(0,0,0,.2),1.75em 1.75em 0 0 rgba(0,0,0,.5),0 2.5em 0 0 rgba(0,0,0,.7),-1.8em 1.8em 0 0 #000,-2.6em 0 0 0 rgba(0,0,0,.2),-1.8em -1.8em 0 0 rgba(0,0,0,.2)
    }

    75% {
        box-shadow: 0 -2.6em 0 0 rgba(0,0,0,.2),1.8em -1.8em 0 0 rgba(0,0,0,.2),2.5em 0 0 0 rgba(0,0,0,.2),1.75em 1.75em 0 0 rgba(0,0,0,.2),0 2.5em 0 0 rgba(0,0,0,.5),-1.8em 1.8em 0 0 rgba(0,0,0,.7),-2.6em 0 0 0 #000,-1.8em -1.8em 0 0 rgba(0,0,0,.2)
    }

    87.5% {
        box-shadow: 0 -2.6em 0 0 rgba(0,0,0,.2),1.8em -1.8em 0 0 rgba(0,0,0,.2),2.5em 0 0 0 rgba(0,0,0,.2),1.75em 1.75em 0 0 rgba(0,0,0,.2),0 2.5em 0 0 rgba(0,0,0,.2),-1.8em 1.8em 0 0 rgba(0,0,0,.5),-2.6em 0 0 0 rgba(0,0,0,.7),-1.8em -1.8em 0 0 #000
    }
}

.dataTables_length label select, .dataTables_length label span {
    margin: 0 7px
}

#FabricTrack table, #TrimTrack table {
    width: 175%;
    max-width: 175%
}

.FabricTableRow, .TrimTableRow {
    overflow-x: scroll
}

.label-Themelight-primary {
    background-color: #7f4da4
}

.min-height-para {
    max-height: 110px !important;
    overflow: auto
}

.dataTables_filter {
    display: none
}

.dataTables_length label {
    display: flex !important;
    align-items: center
}

.datepicker {
    width: 21em;
    padding: .2em .2em 0;
    display: none
}

    .datepicker .datepicker-header {
        position: relative;
        padding: .2em 0
    }

    .datepicker .datepicker-next, .datepicker .datepicker-prev {
        position: absolute;
        top: 2px;
        width: 1.8em;
        height: 1.8em
    }

    .datepicker .datepicker-next-hover, .datepicker .datepicker-prev-hover {
        top: 1px
    }

    .datepicker .datepicker-prev {
        left: 2px
    }

    .datepicker .datepicker-next {
        right: 2px
    }

    .datepicker .datepicker-prev-hover {
        left: 1px
    }

    .datepicker .datepicker-next-hover {
        right: 1px
    }

    .datepicker .datepicker-next span, .datepicker .datepicker-prev span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -8px
    }

    .datepicker .datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center
    }

        .datepicker .datepicker-title select {
            font-size: 1em;
            margin: 1px 0
        }

    .datepicker select.datepicker-month, .datepicker select.datepicker-year {
        width: 45%
    }

    .datepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em
    }

    .datepicker th {
        padding: .7em .3em;
        text-align: center;
        font-weight: 700;
        border: 1px solid #ddd;
        background: #e9e9e9
    }

    .datepicker td {
        border: 0;
        padding: 1px
    }

        .datepicker td a, .datepicker td span {
            display: block;
            padding: .2em;
            text-align: right;
            text-decoration: none
        }

    .datepicker .datepicker-buttonpane {
        background-image: none;
        margin: .7em 0 0 0;
        padding: 0 .2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0
    }

        .datepicker .datepicker-buttonpane button {
            float: right;
            margin: .5em .2em .4em;
            cursor: pointer;
            padding: .2em .6em .3em .6em;
            width: auto;
            overflow: visible
        }

            .datepicker .datepicker-buttonpane button.datepicker-current {
                float: left
            }

    .datepicker.datepicker-multi {
        width: auto
    }

.datepicker-multi .datepicker-group {
    float: left
}

    .datepicker-multi .datepicker-group table {
        width: 95%;
        margin: 0 auto .4em
    }

.datepicker-multi-2 .datepicker-group {
    width: 50%
}

.datepicker-multi-3 .datepicker-group {
    width: 33.3%
}

.datepicker-multi-4 .datepicker-group {
    width: 25%
}

.datepicker-multi .datepicker-group-last .datepicker-header, .datepicker-multi .datepicker-group-middle .datepicker-header {
    border-left-width: 0
}

.datepicker-multi .datepicker-buttonpane {
    clear: left
}

.datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.datepicker-rtl {
    direction: rtl
}

    .datepicker-rtl .datepicker-prev {
        right: 2px;
        left: auto
    }

    .datepicker-rtl .datepicker-next {
        left: 2px;
        right: auto
    }

    .datepicker-rtl .datepicker-prev:hover {
        right: 1px;
        left: auto
    }

    .datepicker-rtl .datepicker-next:hover {
        left: 1px;
        right: auto
    }

    .datepicker-rtl .datepicker-buttonpane {
        clear: right
    }

        .datepicker-rtl .datepicker-buttonpane button {
            float: left
        }

            .datepicker-rtl .datepicker-buttonpane button.datepicker-current, .datepicker-rtl .datepicker-group {
                float: right
            }

    .datepicker-rtl .datepicker-group-last .datepicker-header, .datepicker-rtl .datepicker-group-middle .datepicker-header {
        border-right-width: 0;
        border-left-width: 1px
    }

.datepicker .icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em
}

.Action-col, .actions {
    width: 200px
}

.dataTable .heading {
    background-color: #eab2d43d;
    color: #000
}

.seperator {
    display: none
}

.searchbar {
    width: 100%;
    margin: auto
}

.disabled-link {
    pointer-events: none; /* Prevent clicking */
    opacity: 0.5; /* Reduce opacity for disabled effect */
    cursor: not-allowed; /* Show not-allowed cursor */
}

nav.nav-form ul li.nav-link.new_quote {
    background: #4d8749;
}

.new_quote span {
    color: #f5f5f5 !important;
}