/***********GENERAL***********/

html {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    font-size: 14px;
}

body {
    font-family: 'OpenSans-Regular', sans-serif !important;
    background-color: #eee;
    height: 100vh;
}


@font-face {
    font-family: 'opensans-regular';
    src: url('../lib/fonts/opensans-regular.ttf') format('truetype');
}

/*******************COMPONENTS****************/

/*****************BUTTONS***************/


.btn {
    padding: 0.5rem 1rem !important;
    text-decoration: none !important;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    border-radius: 0.3rem;
    -webkit-border-radius: 0.3rem;
    -moz-border-radius: 0.3rem;
    -ms-border-radius: 0.3rem;
    -o-border-radius: 0.3rem;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    -o-box-shadow: none !important;
}


    .btn > img {
        height: 1.4rem !important;
    }

.cart-btn {
    background-color: #387D71 !important;
}

.subject-btn {
    border: 1px solid #D34542;
    color: #232323;
}

    .subject-btn:hover {
        color: #fff;
        background-color: #D34542;
    }

.logout-btn {
    border: 1px solid #818383;
}

.login-btn, .register-btn {
    background-color: #387D71;
    color: #fff !important;
}

.register-btn {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
}

.cart-btn {
    background-color: #D34542;
    color: #fff !important;
}

.preview-btn {
    color: #387D71 !important;
    border: 1px solid #387D71;
}

.contact-form-btn {
    color: #fff !important;
    background-color: #387D71;
    border: 1px solid #387D71;
}

.cart-remove-item-btn {
    background-color: #232323;
    color: #fff !important;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 0.5rem;
    padding-bottom: 0.7rem;
    text-decoration: none;
}

    .cart-remove-item-btn:hover {
        text-decoration: none;
    }

.transfer-payment-btn {
    color: #D34542 !important;
    border: 1px solid #D34542;
}

.card-payment-btn, .operator-request-btn {
    color: #fff !important;
    background-color: #387D71;
}

    .card-payment-btn > img,
    .transfer-payment-btn > img {
        height: 1rem !important;
    }

.preview-link {
    color: #D34542 !important;
    text-decoration: underline !important;
    font-size: 1.1rem !important;
    cursor: pointer;
}

.priceless-standard-order-btn {
    border: 1px solid #232323 !important;
    color: #fff !important;
    padding: 0.8rem;
    font-size: 0.9rem;
    -webkit-border-radius: 0.3rem !important;
    -moz-border-radius: 0.3rem !important;
    -ms-border-radius: 0.3rem !important;
    -o-border-radius: 0.3rem !important;
    border-radius: 0.3rem !important;
}

    .priceless-standard-order-btn:focus {
        outline: none;
    }


#savePricelessBtn {
    border: 1px solid #387D71 !important;
}

    #savePricelessBtn:hover {
        background-color: #285850 !important;
    }

/*********************LOADER*********************/

.loader-div > div {
    margin: 0rem !important;
    margin-right: 0.5rem !important;
}

.loader-div .spinner-border {
    width: 1.5rem !important;
    height: 1.5rem !important;
}

.loader-div.loader-big .spinner-border {
    padding: 1rem;
}


/*********************MODAL******************/

.app-modal .modal-content {
    border: none !important;
}



#previewModal .modal-content,
#previewModal .card {
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    height: 40rem !important;
}

#previewModal .card {
    background-color: #232323;
}

    #previewModal .card .card-header {
        background-color: #387D71;
        color: #fff !important;
        font-weight: normal !important;
        -webkit-border-radius: 0 !important;
        -moz-border-radius: 0 !important;
        border-radius: 0 !important;
    }

#previewModal {
    color: #232323 !important;
    font-weight: normal !important;
}


/*********************UTILITIES***************/

.border-radius-0 {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
}


.color-danger {
    color: #D34542 !important;
}

.color-primary {
    color: #7FCFB5 !important;
}

.color-secondary {
    color: #bababa !important;
}

.color-secondary-bold {
    color: #969696 !important;
}

.border-primary-app {
    border: 1px solid #7FCFB5 !important;
}

.border-danger-app {
    border: 1px solid #FF4D4F !important;
}

.border-secondary {
    border: 1px solid #bababa !important;
}

.border-secondary-bold {
    border: 1px solid #969696 !important;
}

.bg-main {
    background-color: #7FCFB5 !important;
    border: 1px solid #7FCFB5 !important;
    transition: all 0.2s;
}

    .bg-main:hover {
        background-color: #59c09f !important;
    }

.bg-main-outline {
    background-color: #fff;
    border: 1px solid #7FCFB5;
    color: #7FCFB5;
    transition: all 0.2s;
}

    .bg-main-outline:hover {
        background-color: #7FCFB5;
        color: #fff;
        border: 1px solid #7FCFB5;
    }

.bg-main-light {
    background-color: #F2FAF8 !important;
}


.font-size-big {
    font-size: 1.5rem !important;
}

.font-size-default {
    font-size: 14px !important;
}

.font-size-medium {
    font-size: 12px !important;
}

.font-size-extra-big {
    font-size: 2rem !important;
}

.font-weight-medium {
    font-weight: 500 !important;
}

.font-weight-600 {
    font-weight: 600 !important;
}

.border-top-bottom-app {
    border-top: 1px solid #7FCFB5 !important;
    border-bottom: 1px solid #7FCFB5 !important;
}

.border-bottom-app {
    border-bottom: 1px solid #7FCFB5 !important;
}

.border-top-app {
    border-top: 1px solid #232323 !important;
}

.border-weight-app {
    border: 2px solid #7FCFB5 !important;
}

.border-weight-app-top {
    border-top: 2px solid #7FCFB5 !important;
}

.text-decoration-underline {
    text-decoration: underline !important;
}

.text-decoration-none {
    text-decoration: none !important;
}

.bg-secondary-app {
    background-color: #969696 !important;
}

.cursor-pointer {
    cursor: pointer !important;
}

.border-top-left-radius-medium {
    border-top-left-radius: 0.4rem !important;
    -webkit-border-top-left-radius: 0.4rem !important;
    -moz-border-top-left-radius: 0.4rem !important;
    -ms-border-top-left-radius: 0.4rem !important;
    -o-border-top-left-radius: 0.4rem !important;
}

.border-top-right-radius-medium {
    border-top-right-radius: 0.4rem !important;
    -webkit-border-top-right-radius: 0.4rem !important;
    -moz-border-top-right-radius: 0.4rem !important;
    -ms-border-top-right-radius: 0.4rem !important;
    -o-border-top-right-radius: 0.4rem !important;
}

.space-small-left {
    padding-left: 0.2rem !important;
}

.space-small-right {
    padding-right: 0.2rem !important;
}


.bg-app-black {
    background-color: #232323 !important;
}

.bg-app-primary {
    background-color: #387D71 !important;
}

.border-app-left-black {
    border-left: 1px solid #232323 !important;
}

.border-app-right-black {
    border-right: 2px solid #232323 !important;
}

.border-app-top-primary {
    border-top: 1px solid #387D71 !important;
}

.color-app-black {
    color: #232323 !important;
}

.color-app-primary {
    color: #387D71 !important;
}

.border-radius-0 {
    border-radius: 0px !important;
}

.border-radius-03 {
    -webkit-border-radius: 0.3rem !important;
    -moz-border-radius: 0.3rem !important;
    border-radius: 0.3rem !important;
}

/*********************VALIDATION********************/

.field-validation-error {
    display: none;
}

    .field-validation-error ~ input {
        border: 1px solid #D34542;
    }

#error-div .field-validation-error {
    display: inline;
}

.error-visible .field-validation-error {
    display: none;
}

    .error-visible .field-validation-error ~ input {
        border: 1px solid #D34542;
    }

    .error-visible .field-validation-error.error-text {
        display: block;
    }

        .error-visible .field-validation-error.error-text span {
            font-size: 0.9rem;
        }



/***************SHARED*************/
/***************HEADER************/

.wrapper {
    min-height: 100%;
    display: flex;
    flex-direction: column;
}

main,
#header {
    border-bottom: 0.4rem solid #232323;
}

.header-menu {
    height: 7rem;
}

.header-sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}

.page-content-container {
    flex: 1;
}

.header-sticky + .page-content-container {
    margin-top: 8.5rem !important;
}


.header-menu-collapse ul {
    margin-top: 0.8rem;
    display: flex;
    list-style: none;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    padding-left: 0rem;
}

.header-logo {
    height: 2.5rem;
    display: block;
}

.header-app-name {
    color: #000;
    font-size: 1.1rem;
    font-weight: 600;
    margin-top: 0.5rem;
    word-wrap: break-word;
    width: 10rem;
    display: inline-block;
}

.header-menu-link {
    transition: all 0.4s !important;
    -webkit-transition: all 0.4s !important;
    -moz-transition: all 0.4s !important;
    -ms-transition: all 0.4s !important;
    -o-transition: all 0.4s !important;
}

    .header-menu-link:visited,
    .header-menu-link,
    .header-menu-link:hover,
    .header-menu-link:active {
        margin-top: 0.3rem;
        font-weight: 600;
        font-size: 1rem;
        /*padding-left: 0.8rem !important;*/
        /*padding-right: 0.8rem !important;*/
    }

        .header-menu-link,
        .header-menu-link:visited {
            color: #232323;
        }

            .header-menu-link.active,
            .header-menu-link:hover {
                color: #387D71;
                text-decoration: underline !important;
            }

            .header-menu-link:first-of-type {
                padding-left: 0rem;
            }

.header-menu-collapse .cart-btn,
.header-menu-collapse .subject-btn {
    margin-right: 1rem;
}

.header-menu-link.active {
    font-weight: 700;
}

.header-menu-toggler-open-icon {
    float: right;
}

.header-menu-toggler-open-icon, .header-menu-toggler-close-icon {
    font-size: 1.8rem;
    display: none;
    cursor: pointer;
}

    .header-menu-toggler-open-icon i {
        color: #292929;
    }

    .header-menu-toggler-close-icon i {
        color: #fff;
        font-size: 1.1rem;
    }

#icon-switcher {
    display: none;
}

    #icon-switcher:checked ~ .header-menu-collapse ul {
        right: 0% !important;
    }

.header-menu-toggler-open-icon {
    margin-top: -1.5rem;
}


.header-menu-collapse .language-sbx,
.header-menu-collapse .language-sbx-container::after {
    background-color: #fff;
    color: #232323;
    padding-right: 0.3rem;
    pointer-events: auto;
}


.header-menu-collapse .language-sbx-container {
    width: 4.5rem;
    background: #fff;
    margin-right: 1.5rem;
    border: 1px solid #ccc;
}


.cart-items-count {
    position: absolute;
    display: inline-block;
    padding: 0.22rem;
    font-size: 0.9rem;
    background-color: #232323;
    color: #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    top: -0.9rem;
    right: -0.7rem;
    cursor: auto;
    pointer-events: none !important;
    width: 1.8rem;
    height: 1.8rem;
}



@media(max-width:992px) {

    #header .container {
        top: 7rem;
        max-width: 100% !important;
        padding-left: 2.5rem !important;
        padding-right: 3rem !important;
    }

    .header-menu-collapse ul li:last-child {
        margin-left: 0rem;
    }

    .header-menu-collapse ul {
        position: fixed;
        right: -80%;
        top: 0rem;
        background-color: #232323;
        height: 100vh;
        width: 80%;
        display: block;
        z-index: 9999;
        margin-top: 0rem;
        padding-top: 2rem;
        padding-left: 2.3rem;
    }

        .header-menu-collapse ul li:first-child > a {
            cursor: auto;
        }

        .header-menu-collapse ul li {
            margin-bottom: 1.2rem;
        }

    .header-menu-link, .header-menu-link:hover {
        color: #fff !important;
        padding-left: 0rem !important;
        margin-top: 0rem !important;
        padding: 0rem !important;
    }

    .header-menu-toggler-open-icon {
        display: block;
    }

    .header-menu-toggler-close-icon {
        display: inline-block;
    }

    .language-sbx-container, .language-sbx, .language-sbx-container::after {
        background-color: #232323 !important;
    }

        .language-sbx, .language-sbx-container::after {
            color: #fff !important;
        }

    .language-sbx {
        margin-left: 0rem !important;
        padding: 0rem !important;
    }

    .cart-items-count {
        color: #232323;
        background-color: #fff;
        padding: 0.3rem 0.6rem;
    }

    .header-menu-collapse ul .btn {
        display: inline-block !important;
        width: 13rem;
    }

    .header-menu-collapse ul .subject-btn {
        color: #fff;
    }

    .header-menu-collapse ul .logout-btn {
        position: absolute;
        bottom: 1.5rem;
    }

    .header-menu-collapse .language-sbx, .header-menu-collapse .language-sbx-container::after {
        background-color: #232323 !important;
    }


    .footer-links-container .language-sbx-container, .language-sbx, .footer-links-container .language-sbx-container::after {
        background-color: #387D71 !important;
    }
}

@media(max-width:440px) {
    .header-logo {
        height: 2.2rem;
    }

    .header-app-name {
        font-size: 0.9rem;
    }
}


/************FOOTER*************/

#footer {
    position: relative;
    bottom: 0;
}

.footer-logo {
    height: 2.5rem;
}

.footer-link {
    color: #fff;
}

.footer-link, .footer-rights-info {
    font-size: 1.1rem;
}

    .footer-link:hover,
    .footer-link:active,
    .footer-link:visited {
        text-decoration: none;
        color: #fff;
    }

.footer-bottom {
    border-top: 1px solid #fff;
}

.footer-rights-info {
    color: #fff;
}

.footer-social-link:hover {
    text-decoration: none;
}

.footer-social-icon {
    height: 1.2rem;
}

@media(max-width:768px) {
    .footer-link {
        display: block;
        margin-bottom: 1.5rem !important;
    }

    .footer-links-container {
        text-align: left !important;
    }
}

@media(max-width:576px) {
    .footer-top, .footer-bottom {
        padding-left: 1rem !important;
    }
}

@media(max-width:576px) {
    .footer-rights-info-container {
        text-align: left !important;
        margin-top: 1.5rem;
    }
}


/**************LANGUAGE***********/

.language-sbx {
    outline: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    border: 0 !important;
    background: #387D71;
    background-image: none;
    flex: 1;
    color: #fff;
    cursor: pointer;
    font-size: 1.1rem;
    margin-top: -0.125rem;
    font-weight: bold;
}

    .language-sbx::-ms-expand {
        display: none;
    }

.language-sbx-container {
    position: relative;
    display: flex;
    width: 4em;
    height: 2.8rem;
    line-height: 3;
    background-color: #fff;
    overflow: hidden;
    border-radius: .25em;
}

/*.language-sbx-container::after {
    content: '\25BC';
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    background: #387D71;
    cursor: pointer;
    transition: .25s all ease;
}*/

.language-sbx option:hover {
    cursor: pointer;
}

.footer-links-container .language-sbx {
    font-weight: normal;
}


/******************PAGES****************/
/*******************FAQ*****************/
.faq-container {
    -webkit-border-radius: 0.2rem;
    -moz-border-radius: 0.2rem;
    -ms-border-radius: 0.2rem;
    -o-border-radius: 0.2rem;
    border-radius: 0.2rem;
}

.faq-header {
    font-weight: bold;
    color: #232323;
    font-size: 2.5rem;
}

.faq-sub-header {
    color: #828282;
    font-size: 1.1rem;
}

.faq-box {
    border: 1px solid #BDBDBD;
}

    .faq-box:hover {
        cursor: pointer;
    }

.faq-box-header-content {
    font-size: 1.2rem;
    font-weight: 600;
}

.faq-box-body {
    display: none;
}

.faq-box-body-content {
    color: #828282;
    font-size: 1rem;
    text-align: justify;
}

.faq-box.active .faq-box-header .faq-box-header-plus-icon {
    display: none;
}

.faq-box.active .faq-box-header .faq-box-header-minus-icon {
    display: inline-block !important;
}

.faq-box.active .faq-box-header .faq-box-header-content {
    color: #387D71;
}

.faq-box.active .faq-box-header .faq-box-header-minus-icon {
    display: inline-block;
}

.faq-box.active .faq-box-body {
    display: block;
}

.faq-pagination-link {
    color: #232323;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
}

    .faq-pagination-link:active,
    .faq-pagination-link:visited {
        outline: none;
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        -ms-box-shadow: none !important;
        -o-box-shadow: none !important;
    }

    .faq-pagination-link:hover {
        background-color: #fff;
        border: 1px solid #387D71;
        color: #387D71;
    }

@media(max-width:440px) {

    .faq-sub-header, .faq-header {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}


/****************CONTACT****************/


.contact-container {
    -webkit-border-radius: 0.2rem;
    -moz-border-radius: 0.2rem;
    -ms-border-radius: 0.2rem;
    -o-border-radius: 0.2rem;
    border-radius: 0.2rem;
}

.contact-header {
    font-weight: 700;
    font-size: 2.5rem;
    margin-bottom: 1.5rem;
}

.contact-address, .contact-mobile, .contact-email {
    line-height: 2;
}

.contact-address-icon, .contact-mobile-icon {
    height: 1.1rem;
    margin-right: 0.5rem;
}

.contact-email-icon {
    height: 1rem;
    margin-right: 0.5rem;
}

.contact-address-content, .contact-mobile-content, .contact-email-content {
    font-size: 1.1rem;
}


.contact-form-card {
    background-color: #232323;
    padding: 1.5rem;
}

.contact-form-control-row {
    margin-top: 1.5rem;
}

.contact-form-control {
    height: 2.5rem;
    width: 100%;
    padding-left: 0.5rem;
}

    .contact-form-control:focus {
        background-color: #818383;
        color: #fff;
        border: none;
        outline: none;
    }

    .contact-form-control::placeholder {
        color: #828282;
    }

    .contact-form-control:focus::placeholder {
        color: #fff;
    }

textarea.contact-form-control {
    height: 7rem;
}


@media(max-width:768px) {
    .contact-form-control-row {
        margin-top: 0rem !important;
    }

    .contact-form-control {
        margin-top: 1rem;
    }

    .contact-form-btn {
        margin-top: 1.5rem;
    }
}

@media(max-width:576px) {
    .contact-form-card {
        padding-left: 0rem;
        padding-right: 0rem;
    }
}

@media(max-width:440px) {
    .contact-form-btn {
        width: 100%;
    }
}


/****************CART****************/


.cart-caption-section {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    display: flex;
}

.cart-priceless-caption-section-header {
    font-size: 1.8rem;
}

.cart-caption-section-sub-header {
    font-size: 1.5rem;
    margin-top: 0.8rem;
}

#standardCartDetails .standard-item-footer-action {
    display: none;
}

#pricelessStandardCartDetails .standard-item-footer-action {
    display: none;
}

.cart-total-amount-caption,
.cart-total-amount {
    color: #D34542;
    font-size: 1.5rem !important;
}

.cart-total-amount {
    font-weight: normal;
}


@media(max-width:992px) {
    #standardCartDetails .standard-document-icon {
        margin-top: -0.5rem;
    }

    #standardCartDetails .standard-item-header,
    #standardCartDetails .standard-price,
    #standardCartDetails .standard-period {
        display: block;
    }

    #standardCartDetails .standard-price,
    #standardCartDetails .standard-period {
        margin-left: 2.5rem !important;
        margin-top: 1rem !important;
    }


    #standardCartDetails .standard-preview-link,
    #standardCartDetails .cart-remove-item-btn {
        display: none;
    }

    #standardCartDetails .standard-item-footer-action,
    #pricelessStandardCartDetails .standard-item-footer-action {
        display: block !important;
        text-align: left;
        margin-bottom: 1rem;
    }

        #standardCartDetails .standard-item-footer-action > .standard-preview-link,
        #standardCartDetails .standard-item-footer-action > .cart-remove-item-btn {
            display: inline-block;
        }


    .priceless-cart-caption {
        display: block !important;
    }

        .priceless-cart-caption .priceless-standard-order-btn {
            margin-bottom: 1rem;
        }
}

@media(max-width:768px) {
    .cart-caption-section,
    .cart-caption-section-header,
    .cart-total-amount-container {
        display: block;
        text-align: center !important;
    }

    .cart-total-amount-container {
        margin-top: 1rem;
        margin-left: 0rem !important;
    }

    .priceless-cart-caption {
        text-align: center;
    }
}


@media(max-width:440px) {
    #standardCartDetails .transfer-payment-btn {
        margin-right: 0rem !important;
    }
}


/**************STANDARD**************/

.standard-item {
    background-color: #fff;
    /* -webkit-box-shadow: 0px 4px 64px rgba(17, 17, 17, 0.1);
    -moz-box-shadow: 0px 4px 64px rgba(17, 17, 17, 0.1);
    -ms-box-shadow: 0px 4px 64px rgba(17, 17, 17, 0.1);
    -o-box-shadow: 0px 4px 64px rgba(17, 17, 17, 0.1);*/
    -webkit-box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px !important;
    -moz-box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px !important;
    -ms-box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px !important;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px !important;
    margin: 0.5rem;
    padding: 1.5rem;
}

.standard-item-body {
    padding: 1rem 0 1.5rem 2.5rem;
}

.standard-item-header, .standard-item-footer {
    display: flex;
}

.standard-item-footer {
    padding: 0 0 0 2.5rem;
}

    .standard-item-footer .standard-item-footer-action {
        display: inline-block;
        text-align: right;
    }

.standard-document-icon {
    height: 1.8rem;
    margin-right: 1rem;
    margin-top: 0.2rem;
}

.standard-category, .standard-number {
    display: inline-block;
    padding: 0.3rem;
    margin-right: 0.5rem;
}

.standard-category {
    border: 1px solid #387D71;
    color: #387D71;
}

.standard-number {
    border: 1px solid #828282;
    color: #232323;
}

.standard-preview-link,
.standard-preview-link:hover {
    text-decoration: underline;
    color: #D34542;
}

.standard-name {
    color: #828282;
    white-space: pre-wrap;
}

.priceless-standard-message {
    color: #D34542;
    font-size: 1.2rem;
    padding-bottom: 1.5rem;
}

.standard-number,
.standard-category,
.standard-language,
.standard-activated-date,
.standard-published-date,
.standard-publish-count {
    white-space: normal;
}

.standard-language,
.standard-activated-date,
.standard-published-date,
.standard-publish-count {
    margin-right: 1rem;
}

.standard-item-footer-text {
    margin-top: 0.5rem;
}

.standard-title-status {
    font-weight: 900;
    font-size: 3rem;
}

.standard-title-status-deactive {
    color: #777;
}

.standard-title-status-active {
    color: #387D71;
}


@media(max-width:992px) {
    .standard-item-footer {
        display: block !important;
    }

    .standard-item-body {
        padding-bottom: 0rem;
    }

    .standard-item-footer .standard-item-footer-text {
        display: block;
        margin-bottom: 1rem;
    }

    .standard-item-footer .preview-btn {
        margin-left: 0rem !important;
    }

    .standard-language,
    .standard-activated-date,
    .standard-published-date,
    .standard-publish-count {
        margin-right: 0.8rem;
    }
}

@media(max-width:768px) {
    .standard-language,
    .standard-activated-date,
    .standard-published-date,
    .standard-publish-count {
        display: block;
        margin-top: 1rem;
        margin-right: 0rem;
    }

    .standard-item-footer .btn {
        display: block;
        margin-top: 1rem;
        width: 78%;
    }

    .standard-item-footer .preview-btn {
        margin-right: 0rem !important;
        width: 78%;
    }
}

@media(max-width:440px) {
    .standard-item-header {
        display: block !important;
    }

    .standard-document-icon {
        margin-right: 0.8rem;
        margin-top: -0.4rem;
    }

    .standard-category, .standard-number {
        width: 80%;
    }

    .standard-category {
        margin-left: 0rem;
    }

    .standard-category, .standard-number {
        text-align: center;
    }

    .standard-number {
        display: block !important;
        margin-left: 2.5rem;
        margin-top: 0.5rem;
    }


    .standard-item-footer .btn, .standard-item-footer .preview-btn {
        width: 100%;
    }
}

/**************************STANDARD DETAILS*****************/

.standard-detail-number {
    font-size: 3rem;
    font-weight: 700;
    line-height: 5rem;
    display: block;
    color: #387D71;
}

.standard-detail-name {
    color: #232323;
    font-size: 1.8rem;
    font-weight: 600;
    margin-top: 1rem;
    display: block;
}

.standard-detail-annotation-container {
    display: block;
    margin-bottom: 1rem;
}

.standard-detail-annotation-caption,
.standard-common-info-caption {
    font-size: 2.5rem;
    font-weight: 700;
    color: #000;
    /*margin-bottom:1rem;*/
}

.standard-detail-annotation-caption,
.standard-detail-annotation-caption-document {
    display: inline-block;
}

.standard-detail-annotation-caption-document {
    margin-top: 1rem;
}

.standard-common-info-caption {
    display: block;
}

.standard-detail-annotation {
    font-size: 1.1rem;
    line-height: 1.8rem;
    color: #000;
    display: block;
}

.standard-detail-info-item-container {
    margin-bottom: 1rem;
    display: block;
}

.standard-detail-info-item-caption {
    font-size: 1.1rem;
    font-weight: 700;
}

.standard-detail-info-item-text {
    font-size: 1.1rem;
    font-weight: 400;
}

.standard-detail-info-price-container {
    background-color: #387D71;
    width: 50%;
    right: 0;
    top: -1.4rem;
}

.standard-detail-carousel-container {
    margin-top: 4rem;
}

.standard-detail-payment-card {
    padding-left: 2rem;
    padding-right: 2rem;
}


.standard-detail-payment-card-header {
    background-color: #D34542;
    text-align: center;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.standard-detail-card-header {
    color: #fff;
    font-weight: 600;
    font-size: 2rem;
}

.standard-detail-card-body-item,
.standard-detail-card-footer-item {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.standard-detail-card-body-item {
    border-bottom: 1px solid #D34542;
}

.standard-detail-payment-card-format,
.standard-detail-payment-card-language,
.standard-detail-payment-card-price {
    color: #fff;
    font-size: 1.5rem;
    font-weight: 500;
    padding-left: 1.5rem;
}

.standard-detail-payment-card-price {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}


.standard-detail-card-price-caption,
.standard-detail-card-price {
    font-weight: 700;
    font-size: 2rem;
}

.standard-detail-body {
    margin-bottom: 1.2rem;
}

.standard-order-card {
    padding: 1.5rem;
    border: 1px solid #c3c3c3;
    position: relative;
}

.standard-order-type:checked {
    background-color: #D7E5E3;
}

.standard-order-type {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    position: relative;
    top: 1rem;
    right: 0;
    bottom: 0;
    left: 0;
    height: 4rem;
    width: 100%;
    transition: all 0.15s ease-out 0s;
    border: none;
    color: #232323;
    cursor: pointer;
    display: inline-block;
    margin-right: 0.5rem;
    outline: none;
    position: relative;
    display: block;
}

    .standard-order-type::before {
        content: "\25CE";
        font-size: 2rem;
        font-weight: bold;
        position: absolute;
        align-items: center;
        justify-content: center;
        left: 0.5rem;
        top: 0.5rem;
        width: 3rem;
        height: 3rem;
        display: flex;
    }

    .standard-order-type:checked::before {
        content: '\25C9';
    }

.standard-order-text {
    position: absolute;
    left: 4rem;
    font-weight: 900;
    font-size: 1.5rem;
    color: #232323;
    top: 2rem;
}

.standard-order-title {
    font-size: 2.5rem;
    font-weight: bold;
    text-align: center;
}

.standard-order-price-caption,
.standard-order-price,
.standard-order-price-vat-caption,
.standard-order-price-vat,
.standard-order-price-total-caption,
.standard-order-price-total {
    font-size: 1rem;
    font-weight: 400;
}

.standard-order-tab {
    color: #232323 !important;
    background-color: #f8f9fa !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

    .standard-order-tab.active {
        background-color: #387D71 !important;
        color: #fff !important;
        border: none;
        -webkit-border-top-left-radius: 0.3rem !important;
        border-top-left-radius: 0.3rem !important;
        -webkit-border-top-right-radius: 0.3rem !important;
        border-top-right-radius: 0.3rem !important;
    }

.standard-substitution-step-time {
    color: #6c757d !important;
    font-weight: 600;
    font-size: 1.4rem;
}

.standard-substitution-step {
    padding: 1rem;
    -webkit-border-top-left-radius: 0.5rem;
    border-top-left-radius: 0.5rem;
    -webkit-border-top-right-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
    border-bottom: 0.2rem solid #232323;
}

.standard-substitution-step-dark {
    background-color: #d5d5d5;
    color: #232323;
}

.standard-substitution-step-active {
    background-color: #387D71;
    color: #fff;
}

.address-type-container {
    border: 1px solid #232323 !important;
    padding: 1rem;
}

.address-type-radio-buttons .dx-radiobutton {
    display: inline-block !important;
    margin-right: 1rem;
}

    .address-type-radio-buttons .dx-radiobutton .dx-radio-value-container,
    .address-type-radio-buttons .dx-radiobutton .dx-item-content {
        display: inline-block !important;
    }

        .address-type-radio-buttons .dx-radiobutton .dx-radio-value-container .dx-radiobutton-icon-dot {
            background-color: #387D71;
        }

    .address-type-radio-buttons .dx-radiobutton .dx-radiobutton-icon:before {
        border: 1px solid #232323 !important;
    }


@media(max-width:992px) {
    .standard-detail-payment-card {
        padding-left: 0rem;
        padding-right: 0rem;
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    .standard-detail-info-price-container {
        width: 80%;
    }
}

@media(max-width:768px) {
    .standard-detail-info-price-container {
        width: 100%;
    }
}

@media(max-width:576px) {
    .standard-detail-payment-card-row {
        display: flex !important;
    }

        .standard-detail-payment-card-row > div {
            display: inline-block !important;
            width: 50%;
        }

    .standard-detail-card-price-container {
        display: block !important;
    }

        .standard-detail-card-price-container .cart-btn {
            margin-top: 0.5rem;
        }

    .standard-detail-card-price-caption,
    .standard-detail-card-price {
        font-size: 1.5rem !important;
    }
}

@media(max-width:440px) {
    .standard-detail-annotation-caption,
    .standard-detail-number,
    .standard-detail-card-header,
    .standard-common-info-caption {
        font-size: 1.8rem;
    }

    .standard-detail-name {
        font-size: 1.1rem;
        font-weight: 600;
    }

    .standard-detail-annotation-caption-document {
        font-size: 1rem !important;
        margin-top: 0.7rem;
    }

    .standard-detail-payment-card-format,
    .standard-detail-payment-card-language {
        font-size: 1.2rem;
    }

    .standard-detail-card-price-caption,
    .standard-detail-card-price {
        font-size: 1rem !important;
    }

    .standard-detail-card-price-caption {
        margin-right: 0rem !important;
    }
}


/*********************COMMON FILTER PARTIAL****************/

.filter-header {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
}

.filter-item {
    border: 1px solid #BDBDBD;
    -webkit-border-radius:0.5rem !important;
    -moz-border-radius:0.5rem !important;
    border-radius: 0.5rem !important;
    color: #828282 !important;
}

.filter-item:hover, .filter-item.dx-state-focused {
    border: 1px solid #BDBDBD !important;
}

#filterBtn {
    border-radius: 0.3rem !important;
    background-color: #387D71;
    padding-left: 1rem;
    padding-right: 1rem;
}

.filter-list {
    border-bottom: 1px solid #ddd;
}

.filter-list .filter-link {
    color: #232323 !important;
    -webkit-border-top-left-radius: 0.4rem;
    border-top-left-radius: 0.4rem;
    -webkit-border-top-right-radius: 0.4rem;
    border-top-right-radius: 0.4rem;
    -webkit-border-bottom-left-radius: 0rem;
    border-bottom-left-radius: 0rem;
    -webkit-border-bottom-right-radius: 0rem;
    border-bottom-right-radius: 0rem;
}

.filter-list .filter-link.active {
    border: 1px solid #ddd !important;
    background-color: #fff !important;
    border-bottom: none !important;
}

@media(max-width: 992px) {
    .filter-item, #filterBtn {
        margin-top: 0.5rem;
    }

    #filterBtn {
        width: 100%;
    }

    .standard-filter-card .priceless-standard-order-btn {
        margin-top: 0.5rem;
    }
}

@media(max-width:768px) {
    .filter-header {
        text-align: center;
    }

    .filter-header-container {
        display: block !important;
    }

        .filter-header-container .priceless-standard-order-btn {
            width: 100%;
        }
}


/****************COMMON SEPARATOR PARTIAL*/

.separator-tabs {
    border: none !important;
    width: 100%;
}

.separator-nav-link, .separator-nav-link:hover {
    border: none !important;
}

.separator-nav-link {
    font-size: 1.4rem !important;
    color: #818383 !important;
}

    .separator-nav-link.active {
        font-weight: 700;
        color: #000 !important;
        background-color: transparent !important;
        border: none;
        border-bottom: 0.4rem solid #D34542 !important;
    }

@media(max-width:1200px) {
    .separator-nav-link {
        font-size: 1.15rem !important;
        text-align: center;
    }

        .separator-nav-link.active {
            border-bottom: 0.3rem solid #D34542 !important;
        }
}

/**************CATEGORIZED STANDARDS PARTIAL**************/

.categorized-standard-header {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
}

.categorized-standard-container .dx-list-item {
    border-top: 0px;
}

.categorized-standard-container .dx-list-next-button .dx-button {
    color: #232323 !important;
    border: 1px solid #232323 !important;
    border-radius: 0.3rem !important;
    margin-top: 1rem;
}

.categorized-standard-container .dx-list-item-content {
    padding: 0px;
}

.categorized-standard-container .dx-list-item {
    /*border:1px solid #ccc;*/
    margin-top: 0.5rem;
}

    .categorized-standard-container .dx-list-item.dx-state-active {
        color: #333 !important;
    }

@media(max-width:768px) {
    .categorized-standard-header {
        text-align: center;
    }
}

@media(max-width:576px) {
    .categorized-standard-header {
        font-size: 1.8rem !important;
    }
}

/*********************PARTNERS PARTIAL*******************/

.partners-state-img {
    height: 6rem;
}

.partners-carousel-header {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
}

.partners-carousel-img {
    height: 6rem;
    width: 75% !important;
}

.partners-carousel .owl-prev,
.partners-carousel .owl-next {
    display: none;
}

.partners-state-sign-container {
    margin-top: 4rem;
}

.partners-main-card-img-container {
    height: 7rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.partners-main-card-name {
    text-align: center;
    color: #223322;
    line-height: 1.5rem;
}

.partners-main-card-link {
    color: #387D71 !important;
    border: 1px solid #387D71 !important;
    text-decoration: none !important;
    padding: 0.5rem 2rem;
    font-size: 1rem;
    display: inline-block;
    -webkit-border-radius: 0.3rem !important;
    -moz-border-radius: 0.3rem !important;
    border-radius: 0.3rem !important;
}

.partners-main-card-link-icon {
    height: 1.2rem;
}

.partners-carousel-img {
    -webkit-filter: contrast(1);
    -moz-filter: contrast(1);
    filter: contrast(1);
}

@media(max-width:992px) {
    .partners-container {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .partners-state-img-container,
    .partners-state-sign-container {
        margin-top: 3rem !important;
        text-align: center !important;
    }

        .partners-state-img-container:nth-child(1),
        .partners-container .partners-state-img-container:nth-child(2),
        .partners-container .partners-state-sign-container .partners-state-img {
            margin-top: 0rem !important;
        }
}

@media(max-width:768px) {
    .partners-carousel-header {
        text-align: center;
    }
}

@media(max-width:576px) {

    .partners-container .partners-state-img-container:nth-child(2) .partners-state-img {
        margin-top: 3rem !important;
    }

    .partners-carousel-img {
        width: 40% !important;
        margin: 0 auto;
    }
}



/********************COMMON GRID******************/

.base-grid {
    min-height: 20rem;
    font-size: 1rem !important;
}

.base-grid .dx-datagrid {
    background-color: transparent;
}

.base-grid .dx-header-row {
    background-color: #F9F9F9;
    color: #182641;
    height: 3rem;
    font-size: 1rem;
    font-weight: 500;
}

.base-grid .dx-header-row td:first-child {
    -webkit-border-top-left-radius: 1rem;
    border-top-left-radius: 1rem;
}

.base-grid .dx-header-row td:last-child {
    -webkit-border-top-right-radius: 1rem;
    border-top-right-radius: 1rem;
}

.base-grid .dx-header-row td .dx-datagrid-text-content {
    position: relative;
    top: 0.6rem;
}

.base-grid .dx-row {
    height: 3rem;
}

.base-grid .dx-row.dx-datagrid-filter-row,
.base-grid .dx-row.dx-data-row {
    border-bottom: 1px solid #BCBDBD !important;
}

.base-grid .dx-row.dx-data-row td {
    background-color: #fff;
}

.base-grid .dx-row.dx-datagrid-filter-row .dx-menu-item-wrapper .dx-icon {
    color: #232323;
    font-size: 1rem;
    background-color: #fff !important;
}

.base-grid .dx-row.dx-data-row {
    color: #767676;
}

.base-grid .dx-editor-cell .dx-texteditor .dx-texteditor-input {
    background-color: #fff;
}

.base-grid .dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-cell .dx-texteditor,
.dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-cell .dx-texteditor-container {
    background-color: #fff;
}

.base-grid .dx-datagrid-filter-row td {
    background-color: #fff;
}

.base-grid .dx-datagrid-focus-overlay {
    border: 0px !important;
}

.base-grid .dx-datagrid-header-panel,
.base-grid .dx-toolbar-items-container {
    border-bottom: none;
    background-color: #fff !important;
}

.base-grid .dx-datagrid-headers {
    border-bottom: 0rem !important;
}

.base-grid .dx-datagrid-borders > .dx-datagrid-headers {
    -webkit-border-top-left-radius: 1rem !important;
    border-top-left-radius: 1rem !important;
    -webkit-border-top-right-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
    background-color: #fafafa !important;
}

.base-grid .dx-datagrid-borders > .dx-datagrid-total-footer {
    -webkit-border-bottom-left-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
    -webkit-border-bottom-right-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
}

.base-grid .dx-row.dx-row-lines,
.base-grid .dx-row.dx-row-lines > td,
.base-grid .dx-row.dx-row-lines > tr > td {
    vertical-align: middle;
}

.base-grid .dx-datagrid-pager {
    border-top: 0rem;
    padding-top: 1rem;
    background-color: #fafafa;
}

.base-grid .dx-dropdowneditor.dx-state-hover .dx-dropdowneditor-icon {
    background-color: #fff;
}

.base-grid .dx-datagrid-pager .dx-page.dx-selection {
    background-color: #232323;
    color: #fff;
    padding: 0.3rem 0.6rem;
    border: 1px solid #232323;
}

.base-grid .dx-datagrid-pager .dx-page {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    padding: 0.3rem 0.6rem;
    -webkit-border-radius: 0.3rem;
    -moz-border-radius: 0.3rem;
    border-radius: 0.3rem;
}

.base-grid .dx-datagrid-pager .dx-prev-button,
.base-grid .dx-datagrid-pager .dx-next-button {
    display: none;
}

.base-grid .dx-page-sizes {
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 0.6rem;
    -moz-border-radius: 0.6rem;
    border-radius: 0.6rem;
    padding: 0.5rem;
}

.base-grid .dx-page-sizes .dx-page-size {
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 0.3rem;
    -moz-border-radius: 0.3rem;
    border-radius: 0.3rem;
    padding: 0.3rem 0.6rem;
    background-color: #fff;
}

.base-grid .dx-page-sizes .dx-page-size.dx-selection {
    background-color: #292929;
    color: #fff;
    border: 1px solid #232323;
}



/****************************COMMON LIST************************/
.base-list {
    font-family: 'Open Sans', sans-serif !important;
    height: auto !important;
}

.base-list .dx-list-item.dx-state-focused,
.base-list .dx-list-item.dx-state-hover,
.base-list .dx-list-item.dx-state-active {
    background-color: #fff !important;
}

.base-list .dx-list-item.dx-state-focused .standard-item-footer {
    color: #000;
}

.base-list .dx-scrollable-container {
    height: auto;
}

.base-list .dx-list-next-button > .dx-button.dx-state-focused,
.base-list .dx-list-next-button > .dx-button.dx-state-hover {
    background-color: #fff !important;
}


/**************LOGIN AND REGISTER*****************/

.login-img-container {
    background-image: -webkit-linear-gradient( rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) ), url(/images/login-bg-img.jpg);
    background-image: -moz-linear-gradient( rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) ), url(/images/login-bg-img.jpg);
    background-image: -o-linear-gradient( rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) ), url(/images/login-bg-img.jpg);
    background-image: -ms-linear-gradient( rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) ), url(/images/login-bg-img.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100% !important;
    height: 100vh !important;
}


.login-header-info, .login-header-sub-info {
    text-align: center;
    width: 65%;
}

.login-header-info {
    position: relative;
    font-size: 2.2rem;
    line-height: 3rem;
    margin-bottom: 1rem;
}

.login-header-sub-info {
    font-weight: 500;
    font-size: 1.1rem;
    position: relative;
    line-height: 2rem;
}

.login-form-container {
    background: #FFFFFF;
    -webkit-box-shadow: 0px 4px 64px rgba(17, 17, 17, 0.1);
    -moz-box-shadow: 0px 4px 64px rgba(17, 17, 17, 0.1);
    box-shadow: 0px 4px 64px rgba(17, 17, 17, 0.1);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}


.login-header-img {
    height: 3rem;
}

    .login-header-img:nth-child(1) {
        padding-right: 3rem;
    }


.greeting-phrase {
    font-size: 2rem !important;
    font-weight: 700;
}

.loginBtn, .registerBtn {
    background-color: #7FCFB5 !important;
    color: #fff !important;
    padding: 5px 20px !important;
}

    .loginBtn:focus, .registerBtn:focus {
        outline: none !important;
        box-shadow: none !important;
    }

.password-forget-link {
    text-decoration: underline;
}


.login-form-control {
    border: 0;
    outline: none;
    -webkit-outline: none;
    -moz-outline: none;
    -ms-outline: none;
    -o-outline: none;
    font-size: 0.9rem;
    padding-left: 0.3rem;
    width: 100%;
}

span.field-validation-error ~ .login-input-group {
    border: 1px solid #D34542;
}

.login-input-group {
    border: 1px solid #BDBDBD;
    padding: 0.4rem;
    overflow: hidden;
}

.login-icon {
    height: 1.3rem;
    position: relative;
    top: 0rem;
}

.login-form-checkbox {
    vertical-align: middle;
}

.label-group {
    display: block;
    position: relative;
    padding-left: 1.8rem;
    margin-bottom: 1rem;
    cursor: pointer;
    font-size: 1rem;
}

.login-form-checkbox {
    visibility: hidden;
}


.checkbox-mark {
    position: absolute;
    top: 0.2rem;
    left: 0;
    height: 1rem;
    width: 1rem;
    border: 1px solid #232323;
}


.label-group input:checked ~ .checkbox-mark {
    background-color: #D34542;
}

.checkbox-mark:after {
    content: "";
    position: absolute;
    display: none;
}

.label-group input:checked ~ .checkbox-mark:after {
    display: block;
}

.label-group .checkbox-mark:after {
    left: 0.3rem;
    bottom: 0.2rem;
    width: 0.3rem;
    height: 0.8rem;
    border: solid white;
    border-width: 0 0.2rem 0.2rem 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.login-selectbox {
    border: 1px solid #232323 !important;
    border-radius: 0 !important;
    color: #828282 !important;
}

    .login-selectbox:hover, .login-selectbox.dx-state-focused {
        border: 1px solid #232323 !important;
    }

#login-tab, #easy-login-tab {
    cursor: pointer;
    border-bottom: 2px solid #bababa !important;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    color: #387D71 !important;
}

    #login-tab.active, #login-tab.active:hover,
    #easy-login-tab.active, #easy-login-tab.active:hover {
        background-color: #fff;
        border-bottom: 2px solid #387D71 !important;
        font-weight: bold;
    }

#easy-login {
    height: 15.5rem;
    margin-top: 6rem;
    text-align: center;
}

@media(max-width:992px) {
    .login-form-container {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }
}


@media(max-width:440px) {
    .login-header-info {
        font-size: 2rem;
    }

    .login-header-sub-info {
        font-size: 0.9rem;
    }

    .login-img-items-container, .login-header-img {
        display: block !important;
    }

    .login-header-img {
        margin-bottom: 1rem;
        width: 80%;
        height: auto;
        margin: 1rem auto !important;
    }
}

@media(max-width:320px) {
    .login-header-info {
        font-size: 1.8rem;
    }

    .login-header-sub-info {
        font-size: 0.6rem;
    }
}



/*****************SWEET ALERT***************/

.swal-modal {
    background: #fff;
    /*border: 1px solid #232323;*/
    box-shadow: 0px 4px 64px rgba(17, 17, 17, 0.1);
    -webkit-box-shadow: 0px 4px 64px rgba(17, 17, 17, 0.1);
    -moz-box-shadow: 0px 4px 64px rgba(17, 17, 17, 0.1);
    -ms-box-shadow: 0px 4px 64px rgba(17, 17, 17, 0.1);
    -o-box-shadow: 0px 4px 64px rgba(17, 17, 17, 0.1);
    border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    -ms-border-radius: 0.5rem;
    -o-border-radius: 0.5rem;
}

.swal-footer {
    display: flex;
    justify-content: center;
}

.swal-button {
    padding: 0.5rem 2rem !important;
    text-decoration: none !important;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    border-radius: 0.3rem;
    -webkit-border-radius: 0.3rem;
    -moz-border-radius: 0.3rem;
    -ms-border-radius: 0.3rem;
    -o-border-radius: 0.3rem;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    -o-box-shadow: none !important;
    background-color: #387D71;
    color: #fff !important;
}

    .swal-button:hover {
        background-color: #387D71 !important;
        color: #fff !important;
    }

/****************USER PROFILE**************/

img.profil-image {
    width: 3.3rem !important;
    height: 3rem !important;
}

#userDropdown:hover {
    background-color: #fff !important;
}

#userDropdown:focus {
    outline: none !important;
    box-shadow: none !important;
    background-color: #fff !important;
}


.user-dropdown-menu, .repeat-dropdown-menu {
    -webkit-box-shadow: 0px 4px 64px rgba(17, 17, 17, 0.1);
    -moz-box-shadow: 0px 4px 64px rgba(17, 17, 17, 0.1);
    -ms-box-shadow: 0px 4px 64px rgba(17, 17, 17, 0.1);
    -o-box-shadow: 0px 4px 64px rgba(17, 17, 17, 0.1);
    box-shadow: 0px 4px 64px rgba(17, 17, 17, 0.1);
    border-radius: 6px;
    border: 0;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

.user-dropdown-menu {
    background-color: #fff;
}

    .user-dropdown-menu .dropdown-item, .repeat-dropdown-menu .dropdown-item {
        color: #232323;
        font-size: 1rem !important;
        padding: 0.5rem 0.6rem;
        transition: all 0.2s;
    }

        .user-dropdown-menu .dropdown-item:hover {
            background-color: #387D71;
            color: #fff;
        }

@media(max-width:992px) {

    img.profil-image {
        margin-left: -1rem;
    }

    #userDropdown:hover, #userDropdown:focus {
        background-color: #232323 !important;
    }

    .user-dropdown-menu {
        width: 50%;
    }
}



/***************PERSONAL CABINET***************/

.personal-cabinet-header, .personal-cabinet-section-header {
    color: #232323;
}

.personal-cabinet-header {
    font-weight: 700;
    font-size: 2.5rem;
}


.personal-cabinet-section-header {
    font-size: 1.1rem;
    font-weight: 600;
}

#personal-cabinet-form .login-input-group,
.order-form-container .login-input-group {
    border: 1px solid #232323;
    color: #232323;
}

#personal-cabinet-form span.field-validation-error ~ .login-input-group,
.order-form-container span.field-validation-error ~ .login-input-group {
    border: 1px solid #D34542 !important;
}

.personal-cabinet-tab {
    background-color: #fff !important;
    color: #828282 !important;
    font-weight: 600;
    margin-bottom: 0.5rem;
    padding-left: 0;
    font-size: 1.1rem;
    display: block !important;
    padding: 0.5rem 1rem;
}

    .personal-cabinet-tab.active {
        color: #fff !important;
        background-color: #387D71 !important;
        -webkit-border-radius: 0 !important;
        -moz-border-radius: 0 !important;
        -ms-border-radius: 0 !important;
        -o-border-radius: 0 !important;
        border-radius: 0 !important;
    }

/*****************Bank Details******************/

.bank-details-header {
    color: #232323;
}

.bank-details-header {
    font-weight: 700;
    font-size: 2.5rem;
}


/****************STANDARD DETAIL CAROUSEL**************/

.standard-detail-carousel-item {
    -webkit-box-shadow: 0px 4px 64px rgba(17, 17, 17, 0.1);
    -moz-box-shadow: 0px 4px 64px rgba(17, 17, 17, 0.1);
    -ms-box-shadow: 0px 4px 64px rgba(17, 17, 17, 0.1);
    -o-box-shadow: 0px 4px 64px rgba(17, 17, 17, 0.1);
    box-shadow: 0px 4px 64px rgba(17, 17, 17, 0.1);
    padding: 2rem;
}

.standard-detail-carousel-header {
    font-size: 2.5rem;
    font-weight: 700;
}

.standard-carousel-category,
.standard-carousel-number {
    font-size: 1.1rem;
    display: block !important;
    padding: 0.3rem 0.5rem;
    font-weight: 600;
    margin-top: 0.5rem;
}


.standard-carousel-category {
    border: 1px solid #387D71;
    color: #387D71;
}

.standard-carousel-number {
    border: 1px solid #3A3B3A;
    color: #3A3B3A;
}

.standard-carousel-language,
.standard-carousel-published-date,
.standard-carousel-activated-date,
.standard-carousel-publish-count,
.standard-carousel-name {
    font-size: 1.1rem;
    display: block;
    margin-top: 0.2rem;
}

.standard-carousel-name {
    color: #828282;
    line-height: 1.8rem;
}

.standard-detail-carousel.owl-carousel .owl-item img {
    display: inline !important;
}

.standard-detail-carousel.owl-carousel .owl-item .btn img {
    width: 1.4rem !important;
    height: 1.4rem !important;
}

.standard-detail-carousel .owl-prev,
.standard-detail-carousel .owl-next {
    border: 1px solid #387D71;
    display: inline-block;
    padding: 0.5rem 3rem 0.6rem 3rem;
    margin-right: 0.5rem;
    margin-top: 1rem;
    -webkit-border-radius: 0.3rem !important;
    -moz-border-radius: 0.3rem !important;
    border-radius: 0.3rem !important;
}

@media(max-width:576px) {
    .standard-detail-carousel.owl-carousel .owl-item img {
        width: 1.5rem !important;
        height: 1.5rem !important;
        margin-left: 0.5rem;
    }

    .standard-detail-carousel.owl-carousel .owl-item .btn {
        width: 80%;
        margin-top: 0.5rem;
    }
}


/*****************FORM*******************/


.form-element {
    border: 1px solid #BDBDBD;
    border-radius: 0 !important;
    color: #828282 !important;
}

    .form-element:hover, .form-element.dx-state-focused {
        border: 1px solid #BDBDBD !important;
    }


/*********************CERTIFICATION **********************/

.document-success,
.document-danger {
    font-weight: bold;
    font-size: 4.5rem;
}

.document-danger {
    color: #EB5757;
}

.document-text {
    font-size: 1.8rem;
}

@media(max-width:576px) {
    .document-success,
    .document-danger {
        font-size: 3.5rem;
    }

    .document-text {
        font-size: 1.2rem;
    }

    .document-logo-container {
        text-align: center;
    }
}


/*********************NOT FOUND**********************/

.not-found-container {
    width: 100%;
    height: 100vh;
    background-color: #eee;
    display: grid;
    place-items: center;
}

.not-found-text-container {
    text-align: center;
}

.not-found-text-number,
.not-found-text {
    font-size: 5rem;
    display: block;
    color: #A5C1BC;
    font-weight: bold;
}


/**********************DEVEXTREME*****************/

.form-radio-group .dx-radiobutton {
    display: inline-block !important;
    margin-right: 1rem;
}

    .form-radio-group .dx-radiobutton .dx-radio-value-container,
    .form-radio-group .dx-radiobutton .dx-item-content {
        display: inline-block !important;
        color: #232323;
    }

        .form-radio-group .dx-radiobutton .dx-radio-value-container .dx-radiobutton-icon-dot {
            background-color: #232323;
        }

    .form-radio-group .dx-radiobutton .dx-radiobutton-icon:before {
        border: 1px solid #828282 !important;
    }


/**********************CLASSIFICATION*********************/

.classification-grid-link,
.classification-grid-link:hover,
.classification-grid-link:active,
.classification-grid-link:visited {
    color: #387D71;
    text-decoration: none;
}

    .classification-grid-link:hover {
        text-decoration: underline;
    }


/******************INSTRUCTION****************/

.instruction-title {
    font-weight: 700;
    font-size: 2.5rem;
}

.instruction-sub-title {
    color: #aaa;
    font-size: 2rem;
    font-weight: 500;
}

.instruction-item {
    padding: 1rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
    border: 2px solid #ccc;
    margin-top: 0.5rem;
}

.instruction-item-text {
    font-weight: 400;
    font-size: 1.2rem;
}

.instruction-btn,
.instruction-btn:hover {
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
    display: inline-block;
    text-decoration: none;
    padding: 0.5rem;
    text-decoration: none;
}

.instruction-pdf-btn {
    color: #cc0000 !important;
    border: 1px solid #cc0000 !important;
    cursor: pointer;
}