/*-------------------------------------------------------------------
After Login
-------------------------------------------------------------------*/

/*-------------------------------------------------------------------
 
-------------------------------------------------------------------*/

/*-------------------------------------------------------------------*/

/*@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');*/

@import Url("./variables.css");

:root {
    --back_ground_main: #f7f7f7;
    --select_color: #404040;
    --nav-height: 57px;
    --main-panel-top: 20px;
    --height-select2: 35px;
    --form-control-border-color: rgba(0 0 0 / 0.2);
    --screen_selection: #65C1C6FF;
    /*--select_color:#65C1C6FF;*/
    --border_color: #65C1C6FF;
    --cust-btn-color: #404040;
    --table-pagination: #666666;
}

/*-------------------------------------------------------------------*/
/*Font family*/

@font-face {
    font-family: 'Avenir';
    font-weight: 400;
    src: url('../fonts/avenir/AvenirLTStd-Roman.otf') format("opentype");
}

@font-face {
    font-family: 'Avenir';
    font-weight: 600;
    src: url('../fonts/avenir/Avenir-Medium.ttf') format("truetype");
}

@font-face {
    font-family: 'Avenir';
    font-weight: 700;
    src: url('../fonts/avenir/AvenirLTStd-Black.otf') format("opentype");
}


@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat/static/Montserrat-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat/static/Montserrat-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat/static/Montserrat-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat/static/Montserrat-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat/static/Montserrat-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat/static/Montserrat-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat/static/Montserrat-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat/static/Montserrat-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../font/Montserrat/static/Montserrat-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}
/*-------------------------------------------------------------------*/
/* === Core Styles === */
/* Reset Styles */
.form-control, .dataTables_wrapper select, .form-control:focus, .dataTables_wrapper select:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    outline: 0;
}

    .form-control:focus {
        border-color: #677688;
        box-shadow: 0 4px 5px rgba(40,56,149,.1) !important;
    }
/*For  mozilla firefox Scroll*/
* {
    scrollbar-width: thin;
    scrollbar-color: #e3e3e3 transparent;
}

a,
div,
h1,
h2,
h3,
h4,
h5,
p,
span {
    text-shadow: none;
    font-family: 'Avenir','Montserrat', sans-serif;
    letter-spacing: .3px;
}

a,
div,
h1,
h2,
h3,
h4,
h5,
p,
span, td {
    /*font-family: 'Montserrat', sans-serif !important;*/
}

    [type=button]:focus,
    a:active,
    a:focus,
    a:visited,
    button::-moz-focus-inner,
    input[type=reset]::-moz-focus-inner,
    input[type=button]::-moz-focus-inner,
    input[type=submit]::-moz-focus-inner,
    input[type=file] > input[type=button]::-moz-focus-inner,
    select::-moz-focus-inner {
        outline: 0;
    }

input, .form-control:focus, .dataTables_wrapper select:focus,
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
    outline-width: 0;
    outline-color: transparent;
    box-shadow: none;
    outline-style: none;
}

textarea {
    resize: none;
    overflow-x: hidden;
}

    .btn,
    .btn-group.open .dropdown-toggle,
    .btn:active,
    .btn:focus,
    .btn:hover,
    .btn:visited,
    a,
    a:active,
    a:checked,
    a:focus,
    a:hover,
    a:visited,
    body,
    button,
    button:active,
    button:hover,
    button:visited,
    div,
    input,
    input:active,
    input:focus,
    input:hover,
    input:visited,
    select,
    select:active,
    select:focus,
    select:visited,
    textarea,
    textarea:active,
    textarea:focus,
    textarea:hover,
    textarea:visited {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        outline: none;
    }

        .btn.active.focus,
        .btn.active:focus,
        .btn.focus,
        .btn:active.focus,
        .btn:active:focus,
        .btn:focus,
        button,
        button:active,
        button:checked,
        button:focus,
        button:hover,
        button:visited {
            outline: 0;
            outline-offset: 0;
            box-shadow: none !important;
        }



.bootstrap-select .dropdown-toggle:focus {
    outline: 0;
    outline-offset: 0;
}

.dropdown-menu > li > a:active,
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:visited {
    outline: 0;
}

a:focus,
input:focus {
    border-color: transparent;
    outline: none;
}

/* Typography */
body {
    padding: 0;
    margin: 0;
    overflow-x: hidden;
    font-family: 'Avenir','Montserrat', sans-serif;
    color: #323232;
    -webkit-font-smoothing: antialiased;
    letter-spacing: .3px;
}


h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 600;
    line-height: 1;
}

p {
    font-size: 14px;
    margin-bottom: .5rem;
    line-height: 24px;
}

h1, .h1 {
    font-size: 2.5rem;
}

h2, .h2 {
    font-size: 1.875rem;
}

h3, .h3 {
    font-size: 1.5rem;
}

h4, .h4 {
    font-size: 1.25rem;
}

h5, .h5 {
    font-size: 0.8rem;
}

h6, .h6 {
    font-size: 14px;
}

@media screen and (max-width:600px) {
    .clearfix .d-flex {
        display: block !important;
    }
}

.error-page h1 {
    font-size: 12rem;
}

@media (max-width: 991px) {
    .error-page h1 {
        font-size: 8rem;
    }
}

/* Miscellanoeous */
body,
html {
    overflow-x: hidden;
    padding-right: 0 !important;
}

*:-moz-full-screen,
*:-webkit-full-screen,
*:fullscreen *:-ms-fullscreen {
    overflow: auto;
}

.container-scroller {
    overflow: hidden;
}

.card, .rounded {
    border-radius: 5px !important;
}
.rounded {
    cursor: zoom-in;
    transition: transform 0.4s ease-in;
}
/* Utilities */
.grid-margin {
    margin-bottom: 1.875rem;
}

.stretch-card {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-justify-content: stretch;
    justify-content: stretch;
}

    .stretch-card > .card {
        width: 100%;
        min-width: 100%;
    }

.text-gray, .card .card-subtitle {
    color: #8c8c8c;
}

.text-black {
    color: #000;
}

.text-small {
    font-size: 12px;
}

.flex-grow {
    flex-grow: 1;
}

.titleheading {
    color: #646464;
    margin-bottom: 1rem;
}

.border-top {
    border-top: 1px solid #e6e6e6;
}

.border-right {
    border-right: 1px solid #e6e6e6;
}

.border-bottom {
    border-bottom: 1px solid #e6e6e6;
}

.border-left {
    border-left: 1px solid #e6e6e6;
}

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

/* Demo Styles */

.nav-tabs {
    border: 1px solid #e6e6e6;
}

    .nav-tabs .nav-link {
        background: #f6f8fa;
        color: #000000;
        border-radius: 0;
        border: 1px solid #e6e6e6;
        padding: 1rem 1.5rem .2rem 1.5rem;
    }

    .nav-tabs .nav-item .nav-link {
        border: 0;
        background: transparent;
    }

        .nav-tabs .nav-item .nav-link.active {
            border: 0;
            border-bottom: 3px solid #666666;
            color: #666666;
        }

/*-------------------------------------------------------------------*/
/* === Components === */
/* Buttons */
.btn {
    font-size: 0.875rem;
    line-height: 1;
    font-weight: 400;
    /* Buttons with only icons */
    /* Buttons with icon and text */
}

    .btn i {
        font-size: 1.25rem;
    }

    .btn.btn-rounded {
        border-radius: 50px;
    }


.btn-primary, .btn-primary:hover {
    box-shadow: 0 2px 2px 0 rgba(77, 131, 255, 0.14), 0 3px 1px -2px rgba(77, 131, 255, 0.2), 0 1px 5px 0 rgba(77, 131, 255, 0.12);
}

.btn-secondary, .btn-secondary:hover {
    box-shadow: 0 2px 2px 0 rgba(104, 104, 104, 0.14), 0 3px 1px -2px rgba(104, 104, 104, 0.2), 0 1px 5px 0 rgba(104, 104, 104, 0.12);
}

.btn-inverse-success {
    background-color: rgba(113, 192, 22, 0.2);
    background-image: none;
    border-color: rgba(113, 192, 22, 0);
}


.btn-success, .btn-success:hover {
    box-shadow: 0 2px 2px 0 rgba(113, 192, 22, 0.14), 0 3px 1px -2px rgba(113, 192, 22, 0.2), 0 1px 5px 0 rgba(113, 192, 22, 0.12);
}

.btn-inverse-info {
    background-color: rgba(120, 89, 223, 0.2);
    background-image: none;
    border-color: rgba(120, 89, 223, 0);
}

    .btn-inverse-info:not(.btn-inverse-light) {
        color: #7859df;
    }

    .btn-inverse-info:hover {
        color: #ffffff;
        background-color: #7859df;
        border-color: #7859df;
    }

    .btn-inverse-info.focus, .btn-inverse-info:focus {
        box-shadow: 0 0 0 3px rgba(120, 89, 223, 0.5);
    }

    .btn-inverse-info.disabled, .btn-inverse-info:disabled {
        color: #7859df;
        background-color: transparent;
    }

    .btn-inverse-info.active, .btn-inverse-info:active,
    .show > .btn-inverse-info.dropdown-toggle {
        color: #ffffff;
        background-color: #7859df;
        border-color: #7859df;
    }

.btn-info, .btn-info:hover {
    box-shadow: 0 2px 2px 0 rgba(120, 89, 223, 0.14), 0 3px 1px -2px rgba(120, 89, 223, 0.2), 0 1px 5px 0 rgba(120, 89, 223, 0.12);
}

.btn-inverse-warning {
    background-color: rgba(255, 193, 0, 0.2);
    background-image: none;
    border-color: rgba(255, 193, 0, 0);
}

    .btn-inverse-warning:not(.btn-inverse-light) {
        color: #ffc100;
    }

    .btn-inverse-warning:hover {
        color: #ffffff;
        background-color: #ffc100;
        border-color: #ffc100;
    }

    .btn-inverse-warning.focus, .btn-inverse-warning:focus {
        box-shadow: 0 0 0 3px rgba(255, 193, 0, 0.5);
    }

    .btn-inverse-warning.disabled, .btn-inverse-warning:disabled {
        color: #ffc100;
        background-color: transparent;
    }

    .btn-inverse-warning.active, .btn-inverse-warning:active,
    .show > .btn-inverse-warning.dropdown-toggle {
        color: #ffffff;
        background-color: #ffc100;
        border-color: #ffc100;
    }

.btn-warning, .btn-warning:hover {
    box-shadow: 0 2px 2px 0 rgba(255, 193, 0, 0.14), 0 3px 1px -2px rgba(255, 193, 0, 0.2), 0 1px 5px 0 rgba(255, 193, 0, 0.12);
}

.btn-inverse-danger {
    background-color: rgba(255, 71, 71, 0.2);
    background-image: none;
    border-color: rgba(255, 71, 71, 0);
}

    .btn-inverse-danger:not(.btn-inverse-light) {
        color: #ff4747;
    }

    .btn-inverse-danger:hover {
        color: #ffffff;
        background-color: #ff4747;
        border-color: #ff4747;
    }

    .btn-inverse-danger.focus, .btn-inverse-danger:focus {
        box-shadow: 0 0 0 3px rgba(255, 71, 71, 0.5);
    }

    .btn-inverse-danger.disabled, .btn-inverse-danger:disabled {
        color: #ff4747;
        background-color: transparent;
    }

    .btn-inverse-danger.active, .btn-inverse-danger:active,
    .show > .btn-inverse-danger.dropdown-toggle {
        color: #ffffff;
        background-color: #ff4747;
        border-color: #ff4747;
    }

.btn-danger, .btn-danger:hover {
    box-shadow: 0 2px 2px 0 rgba(255, 71, 71, 0.14), 0 3px 1px -2px rgba(255, 71, 71, 0.2), 0 1px 5px 0 rgba(255, 71, 71, 0.12);
}

.btn-inverse-light {
    background-color: rgba(248, 249, 250, 0.2);
    background-image: none;
    border-color: rgba(248, 249, 250, 0);
}

    .btn-inverse-light:not(.btn-inverse-light) {
        color: #f8f9fa;
    }

    .btn-inverse-light:hover {
        color: #ffffff;
        background-color: #f8f9fa;
        border-color: #f8f9fa;
    }

    .btn-inverse-light.focus, .btn-inverse-light:focus {
        box-shadow: 0 0 0 3px rgba(248, 249, 250, 0.5);
    }

    .btn-inverse-light.disabled, .btn-inverse-light:disabled {
        color: #f8f9fa;
        background-color: transparent;
    }

    .btn-inverse-light.active, .btn-inverse-light:active,
    .show > .btn-inverse-light.dropdown-toggle {
        color: #ffffff;
        background-color: #f8f9fa;
        border-color: #f8f9fa;
    }

.btn-light, .btn-light:hover {
    box-shadow: 0 2px 2px 0 rgba(248, 249, 250, 0.14), 0 3px 1px -2px rgba(248, 249, 250, 0.2), 0 1px 5px 0 rgba(248, 249, 250, 0.12);
}

.btn-inverse-dark {
    background-color: rgba(40, 47, 58, 0.2);
    background-image: none;
    border-color: rgba(40, 47, 58, 0);
}

    .btn-inverse-dark:not(.btn-inverse-light) {
        color: #282f3a;
    }

    .btn-inverse-dark:hover {
        color: #ffffff;
        background-color: #282f3a;
        border-color: #282f3a;
    }

    .btn-inverse-dark.focus, .btn-inverse-dark:focus {
        box-shadow: 0 0 0 3px rgba(40, 47, 58, 0.5);
    }

    .btn-inverse-dark.disabled, .btn-inverse-dark:disabled {
        color: #282f3a;
        background-color: transparent;
    }

    .btn-inverse-dark.active, .btn-inverse-dark:active,
    .show > .btn-inverse-dark.dropdown-toggle {
        color: #ffffff;
        background-color: #282f3a;
        border-color: #282f3a;
    }

.btn-dark, .btn-dark:hover {
    box-shadow: 0 2px 2px 0 rgba(40, 47, 58, 0.14), 0 3px 1px -2px rgba(40, 47, 58, 0.2), 0 1px 5px 0 rgba(40, 47, 58, 0.12);
}


/* Cards */
.card {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
}

    .card .card-body {
        padding: 1.5rem 1.875rem;
    }

.dsb_info .card-body {
    padding: 1.2rem 0.5rem;
}

.dsb_info .flex-grow-1 img {
    width: 20%;
    display: none;
}

.card .card-body + .card-body {
    padding-top: 1rem;
}

.card .card-title {
    color: #4a4a4a;
    margin-bottom: 1.5rem;
    text-transform: uppercase;
    font-size: .875rem;
    font-weight: bold;
}

.card .card-subtitle {
    font-weight: 400;
    margin-top: 0.625rem;
    margin-bottom: 0.625rem;
}

.card .card-description {
    margin-bottom: .875rem;
    font-weight: 400;
    color: #76838f;
}

.card.card-outline-success {
    border: 1px solid #71c016;
}



.card.card-rounded {
    border-radius: 5px;
}

.card.card-faded {
    background: #b5b0b2;
    border-color: #b5b0b2;
}

.card.card-circle-progress {
    color: #ffffff;
    text-align: center;
}

.card.card-img-holder {
    position: relative;
}

    .card.card-img-holder .card-img-absolute {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
    }

.card.card-weather .weather-daily .weather-day {
    opacity: .5;
    font-weight: 900;
}

.card.card-weather .weather-daily i {
    font-size: 20px;
}

.card.card-weather .weather-daily .weather-temp {
    margin-top: .5rem;
    margin-bottom: 0;
    opacity: .5;
    font-size: .75rem;
}

.card-inverse-primary {
    background: rgba(77, 131, 255, 0.2);
    border: 1px solid #4779eb;
    color: #3b64c2;
}

.card-inverse-secondary {
    background: rgba(104, 104, 104, 0.2);
    border: 1px solid #606060;
    color: #4f4f4f;
}

.card-inverse-success {
    background: rgba(113, 192, 22, 0.2);
    border: 1px solid #68b114;
    color: #569211;
}

.card-inverse-info {
    background: rgba(120, 89, 223, 0.2);
    border: 1px solid #6e52cd;
    color: #5b44a9;
}

.card-inverse-warning {
    background: rgba(255, 193, 0, 0.2);
    border: 1px solid #ebb200;
    color: #c29300;
}

.card-inverse-danger {
    background: rgba(255, 71, 71, 0.2);
    border: 1px solid #eb4141;
    color: #c23636;
}

.card-inverse-light {
    background: rgba(248, 249, 250, 0.2);
    border: 1px solid #e4e5e6;
    color: #bcbdbe;
}

.card-inverse-dark {
    background: rgba(40, 47, 58, 0.2);
    border: 1px solid #252b35;
    color: #1e242c;
}

/* Checkboxes and Radios */
.form-check {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 0;
}

    .form-check .form-check-label {
        min-height: 18px;
        display: block;
        margin-left: 35px;
        font-size: 14px;
        font-weight: 500;
        line-height: 24px;
    }

        .form-check .form-check-label input {
            position: absolute;
            top: 0;
            left: 0;
            margin-left: 0;
            margin-top: 0;
            z-index: 1;
            cursor: pointer;
            opacity: 0;
            filter: alpha(opacity=0);
        }

            .form-check .form-check-label input[type="checkbox"] + .input-helper:before, .form-check .form-check-label input[type="checkbox"] + .input-helper:after {
                position: absolute;
                top: 0;
                left: 0;
            }



            .form-check .form-check-label input[type="checkbox"] + .input-helper:before {
                content: "";
                width: 22px;
                height: 22px;
                border-radius: 4px;
                border: solid #5a5a5a;
                border-width: 1px;
                -webkit-transition: all;
                -moz-transition: all;
                .content-wrapper -ms-transition: all;
                -o-transition: all;
                transition: all;
                transition-duration: 0s;
                -webkit-transition-duration: 250ms;
                transition-duration: 250ms;
            }

            .form-check .form-check-label input[type="checkbox"] + .input-helper:after {
                -webkit-transition: all;
                -moz-transition: all;
                -ms-transition: all;
                -o-transition: all;
                transition: all;
                transition-duration: 0s;
                -webkit-transition-duration: 250ms;
                transition-duration: 250ms;
                font-family: "Font Awesome 5 Free";
                opacity: 0;
                filter: alpha(opacity=0);
                -webkit-transform: scale(0);
                -ms-transform: scale(0);
                -o-transform: scale(0);
                transform: scale(0);
                content: '\f00c';
                font-size: .9375rem;
                font-weight: bold;
                color: #ffffff;
                padding-left: 2px;
            }

            .form-check .form-check-label input[type="checkbox"]:checked + .input-helper:before {
                background: #4d83ff;
                border-width: 0;
            }

            .form-check .form-check-label input[type="checkbox"]:checked + .input-helper:after {
                width: 22px;
                opacity: 1;
                line-height: 22px;
                filter: alpha(opacity=100);
                -webkit-transform: scale(1);
                -ms-transform: scale(1);
                -o-transform: scale(1);
                transform: scale(1);
            }

            .form-check .form-check-label input[type="checkbox"]:disabled + .input-helper:before {
                border-color: #e6e6e6;
            }

            .form-check .form-check-label input[type="checkbox"]:disabled:checked + .input-helper:after {
                background: #e6e6e6;
                color: #ffffff;
            }

            .form-check .form-check-label input[type="radio"] + .input-helper:before {
                position: absolute;
                content: "";
                top: 0;
                left: 0;
                border: solid #4d83ff;
                border-width: 2px;
                width: 20px;
                height: 20px;
                border-radius: 50%;
                -webkit-transition: all;
                -moz-transition: all;
                -ms-transition: all;
                -o-transition: all;
                transition: all;
                transition-duration: 0s;
                -webkit-transition-duration: 250ms;
                transition-duration: 250ms;
            }

            .form-check .form-check-label input[type="radio"] + .input-helper:after {
                content: "";
                width: 8px;
                height: 8px;
                background: #ffffff;
                border-radius: 50%;
                top: 6px;
                left: 6px;
                -webkit-transition: all;
                -o-transition: all;
                transition: all;
                transition-duration: 0s;
                -webkit-transition-duration: 250ms;
                transition-duration: 250ms;
                opacity: 0;
                filter: alpha(opacity=0);
                -webkit-transform: scale(0);
                -ms-transform: scale(0);
                -o-transform: scale(0);
                transform: scale(0);
                position: absolute;
            }


            .form-check .form-check-label input[type="radio"]:checked + .input-helper:before {
                background: #4d83ff;
                border-width: 0;
            }

            .form-check .form-check-label input[type="radio"]:checked + .input-helper:after {
                opacity: 1;
                line-height: 1.5;
                filter: alpha(opacity=100);
                -webkit-transform: scale(1);
                -ms-transform: scale(1);
                -o-transform: scale(1);
                transform: scale(1);
            }

            .form-check .form-check-label input[type="radio"]:disabled + .input-helper:before {
                border-color: #e6e6e6;
            }

            .form-check .form-check-label input[type="radio"]:disabled:checked + .input-helper:before {
                background: #e6e6e6;
            }

            .form-check .form-check-label input[type="radio"]:disabled:checked + .input-helper:after {
                background: #ffffff;
            }

.form-check-primary.form-check label input[type="checkbox"] + .input-helper:before,
.form-check-primary.form-check label input[type="radio"] + .input-helper:before {
    border-color: #4d83ff;
}

.form-check-primary.form-check label input[type="checkbox"]:checked + .input-helper:before,
.form-check-primary.form-check label input[type="radio"]:checked + .input-helper:before {
    background: #4d83ff;
}

.form-check-secondary.form-check label input[type="checkbox"] + .input-helper:before,
.form-check-secondary.form-check label input[type="radio"] + .input-helper:before {
    border-color: #5a5a5a;
}

.form-check-secondary.form-check label input[type="checkbox"]:checked + .input-helper:before,
.form-check-secondary.form-check label input[type="radio"]:checked + .input-helper:before {
    background: #5a5a5a;
}

.form-check-success.form-check label input[type="checkbox"] + .input-helper:before,
.form-check-success.form-check label input[type="radio"] + .input-helper:before {
    border-color: #71c016;
}

.form-check-success.form-check label input[type="checkbox"]:checked + .input-helper:before,
.form-check-success.form-check label input[type="radio"]:checked + .input-helper:before {
    background: #71c016;
}

.form-check-info.form-check label input[type="checkbox"] + .input-helper:before,
.form-check-info.form-check label input[type="radio"] + .input-helper:before {
    border-color: #7859df;
}

.form-check-info.form-check label input[type="checkbox"]:checked + .input-helper:before,
.form-check-info.form-check label input[type="radio"]:checked + .input-helper:before {
    background: #7859df;
}

.form-check-warning.form-check label input[type="checkbox"] + .input-helper:before,
.form-check-warning.form-check label input[type="radio"] + .input-helper:before {
    border-color: #ffc100;
}

.form-check-warning.form-check label input[type="checkbox"]:checked + .input-helper:before,
.form-check-warning.form-check label input[type="radio"]:checked + .input-helper:before {
    background: #ffc100;
}

.form-check-danger.form-check label input[type="checkbox"] + .input-helper:before,
.form-check-danger.form-check label input[type="radio"] + .input-helper:before {
    border-color: #ff4747;
}

.form-check-danger.form-check label input[type="checkbox"]:checked + .input-helper:before,
.form-check-danger.form-check label input[type="radio"]:checked + .input-helper:before {
    background: #ff4747;
}

.form-check-light.form-check label input[type="checkbox"] + .input-helper:before,
.form-check-light.form-check label input[type="radio"] + .input-helper:before {
    border-color: #f8f9fa;
}

.form-check-light.form-check label input[type="checkbox"]:checked + .input-helper:before,
.form-check-light.form-check label input[type="radio"]:checked + .input-helper:before {
    background: #f8f9fa;
}

.form-check-dark.form-check label input[type="checkbox"] + .input-helper:before,
.form-check-dark.form-check label input[type="radio"] + .input-helper:before {
    border-color: #282f3a;
}

.form-check-dark.form-check label input[type="checkbox"]:checked + .input-helper:before,
.form-check-dark.form-check label input[type="radio"]:checked + .input-helper:before {
    background: #282f3a;
}

/* Dropdowns */
.dropdown .dropdown-toggle:after {
    border-top: 0;
    border-right: 0;
    border-left: 0;
    border-bottom: 0;
    font-family: "Font Awesome 5 Free";
    content: "\f078";
    font-weight: 600;
    width: auto;
    height: auto;
    vertical-align: middle;
    line-height: .625rem;
    font-size: inherit;
    margin-left: 10px;
}

.dropdown .dropdown-menu {
    margin-top: .5rem;
    font-size: 0.875rem;
    box-shadow: 0px 0px 12px 3px rgb(230 234 236);
    border-radius: 0;
}

    .dropdown .dropdown-menu .dropdown-item {
        font-size: .875rem;
        padding: .25rem 1.5rem;
        transition: all 0.25s linear;
    }

        .dropdown .dropdown-menu .dropdown-item:hover {
            cursor: pointer;
        }

        .dropdown .dropdown-menu .dropdown-item:active {
            background: initial;
        }

/* Forms */
.form-group {
    margin-bottom: 1.5rem;
}

.input-group-append,
.input-group-prepend {
    color: #c9c8c8;
    width: auto;
    border: none;
}

    .input-group-append .input-group-text,
    .input-group-prepend .input-group-text {
        border-color: #e6e6e6;
        padding: 0.875rem 0.75rem;
        color: #c9c8c8;
    }

.form-control, .dataTables_wrapper select {
    border: 1px solid #e6e6e6;
    font-weight: 400;
    font-size: 14px;
}

select.form-control, .dataTables_wrapper select {
    padding: 10px 15px;
    border: 1px solid #e6e6e6;
    color: #7a8490;
}

    select.form-control:focus, .dataTables_wrapper select:focus {
        outline: none;
    }

.form-group label {
    line-height: 1.4rem;
    vertical-align: top;
    margin-bottom: .5rem;
    font-size: 15px;
    color: hsl(220deg 2.86% 20.59%) !important;
}

.form-group.has-danger .form-control, .form-group.has-danger .dataTables_wrapper select, .dataTables_wrapper .form-group.has-danger select {
    border-color: #ff4747;
}

.form-group .file-upload-default {
    visibility: hidden;
    position: absolute;
}

.form-group .file-upload-info {
    background: transparent;
}

/* Icons */
.icons-list {
    border-left: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
}

    .icons-list > div {
        background: #ffffff;
        border-bottom: 1px solid #e6e6e6;
        border-right: 1px solid #e6e6e6;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        padding: 15px 15px;
        font-weight: 400;
        font-size: 0.875rem;
    }

        .icons-list > div i {
            display: inline-block;
            font-size: 20px;
            width: 40px;
            text-align: left;
            color: #4d83ff;
        }

.icon-in-bg {
    width: 55px;
    height: 55px;
    text-align: center;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.icon-lg {
    font-size: 2.5rem;
}

.icon-md {
    font-size: 1.875rem;
}

.icon-sm {
    font-size: 1rem;
}

/*icon boxes*/
.icon-box-primary {
    width: 2.812rem;
    height: 2.812rem;
    border-radius: 5px;
    line-height: 2.812rem;
    text-align: center;
    background: #4d83ff;
}

    .icon-box-primary i {
        color: white;
        font-size: 1.25rem;
    }

    .icon-box-primary.icon-box-lg {
        width: 3.75rem;
        height: 3.75rem;
        line-height: 3.75rem;
    }

        .icon-box-primary.icon-box-lg i {
            font-size: 2.5rem;
        }

.icon-box-secondary {
    width: 2.812rem;
    height: 2.812rem;
    border-radius: 5px;
    line-height: 2.812rem;
    text-align: center;
    background: #686868;
}

    .icon-box-secondary i {
        color: white;
        font-size: 1.25rem;
    }

    .icon-box-secondary.icon-box-lg {
        width: 3.75rem;
        height: 3.75rem;
        line-height: 3.75rem;
    }

        .icon-box-secondary.icon-box-lg i {
            font-size: 2.5rem;
        }

.icon-box-success {
    width: 2.812rem;
    height: 2.812rem;
    border-radius: 5px;
    line-height: 2.812rem;
    text-align: center;
    background: #71c016;
}

    .icon-box-success i {
        color: white;
        font-size: 1.25rem;
    }

    .icon-box-success.icon-box-lg {
        width: 3.75rem;
        height: 3.75rem;
        line-height: 3.75rem;
    }

        .icon-box-success.icon-box-lg i {
            font-size: 2.5rem;
        }

.icon-box-info {
    width: 2.812rem;
    height: 2.812rem;
    border-radius: 5px;
    line-height: 2.812rem;
    text-align: center;
    background: #7859df;
}

    .icon-box-info i {
        color: white;
        font-size: 1.25rem;
    }

    .icon-box-info.icon-box-lg {
        width: 3.75rem;
        height: 3.75rem;
        line-height: 3.75rem;
    }

        .icon-box-info.icon-box-lg i {
            font-size: 2.5rem;
        }

.icon-box-warning {
    width: 2.812rem;
    height: 2.812rem;
    border-radius: 5px;
    line-height: 2.812rem;
    text-align: center;
    background: #ffc100;
}

    .icon-box-warning i {
        color: white;
        font-size: 1.25rem;
    }

    .icon-box-warning.icon-box-lg {
        width: 3.75rem;
        height: 3.75rem;
        line-height: 3.75rem;
    }

        .icon-box-warning.icon-box-lg i {
            font-size: 2.5rem;
        }

.icon-box-danger {
    width: 2.812rem;
    height: 2.812rem;
    border-radius: 5px;
    line-height: 2.812rem;
    text-align: center;
    background: #ff4747;
}

    .icon-box-danger i {
        color: white;
        font-size: 1.25rem;
    }

    .icon-box-danger.icon-box-lg {
        width: 3.75rem;
        height: 3.75rem;
        line-height: 3.75rem;
    }

        .icon-box-danger.icon-box-lg i {
            font-size: 2.5rem;
        }

.icon-box-light {
    width: 2.812rem;
    height: 2.812rem;
    border-radius: 5px;
    line-height: 2.812rem;
    text-align: center;
    background: #f8f9fa;
}

    .icon-box-light i {
        color: white;
        font-size: 1.25rem;
    }

    .icon-box-light.icon-box-lg {
        width: 3.75rem;
        height: 3.75rem;
        line-height: 3.75rem;
    }

        .icon-box-light.icon-box-lg i {
            font-size: 2.5rem;
        }

.icon-box-dark {
    width: 2.812rem;
    height: 2.812rem;
    border-radius: 5px;
    line-height: 2.812rem;
    text-align: center;
    background: #282f3a;
}

    .icon-box-dark i {
        color: white;
        font-size: 1.25rem;
    }

    .icon-box-dark.icon-box-lg {
        width: 3.75rem;
        height: 3.75rem;
        line-height: 3.75rem;
    }

        .icon-box-dark.icon-box-lg i {
            font-size: 2.5rem;
        }

/* Lists */
ul,
ol,
dl {
    padding-left: 1rem;
    font-size: 0.875rem;
}

    ul li,
    ol li,
    dl li {
        line-height: 1.8;
    }

.list-ticked,
.list-arrow,
.list-star {
    list-style: none;
    padding: 0;
}

    .list-ticked li,
    .list-arrow li,
    .list-star li {
        padding-left: 1.5rem;
    }

        .list-ticked li:before,
        .list-arrow li:before,
        .list-star li:before {
            font-family: "Material Design Icons";
            margin-left: -1.5rem;
            width: 1.5rem;
            margin-right: .5rem;
        }

        .list-ticked li:before {
            content: '\F12D';
            color: #ff4747;
        }

        .list-arrow li:before {
            content: '\F142';
            color: #71c016;
        }

        .list-star li:before {
            content: '\F4CE';
            color: #ffc100;
        }

.solid-bullet-list {
    position: relative;
    padding-left: 0;
}

    .solid-bullet-list li {
        position: relative;
        list-style-type: none;
        padding-left: 25px;
        line-height: 1;
        padding-bottom: 2.125rem;
    }

        .solid-bullet-list li * {
            line-height: .8;
        }

        .solid-bullet-list li:before, .solid-bullet-list li:after {
            content: "";
            position: absolute;
        }

        .solid-bullet-list li:before {
            top: 0;
            left: 0;
            width: 10px;
            height: 10px;
            border-radius: 100%;
            background: #4d83ff;
            z-index: 1;
        }

    .solid-bullet-list:after {
        content: "";
        border: 1px solid #e6e6e6;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 4px;
        z-index: 0;
    }

.bullet-line-list {
    padding-left: 30px;
    position: relative;
    list-style-type: none;
}

    .bullet-line-list li {
        position: relative;
    }

        .bullet-line-list li:before {
            width: 15px;
            height: 15px;
            left: -30px;
            top: 0;
            border: 4px solid #4d83ff;
            margin-right: 15px;
            z-index: 2;
            background: #ffffff;
        }

        .bullet-line-list li:before {
            content: "";
            position: absolute;
            border-radius: 100%;
        }

    .bullet-line-list:after {
        content: "";
        border: 1px solid #e6e6e6;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 7px;
    }


/* Tables */


.table thead th {
    border-top: 0;
    border-bottom-width: 1px;
    /* font-weight: 500; */
    font-size: 14px;
    /*line-height: 22px;*/
}

    .table thead th i {
        margin-left: 0.325rem;
    }

.table th,
.table td {
    vertical-align: middle;
    line-height: 1;
    font-size: 14px;
}

    .table td img {
        width: 36px;
        height: 36px;
        border-radius: 100%;
    }

    .table td .badge {
        margin-bottom: 0;
    }

.table.table-borderless {
    border: none;
}

    .table.table-borderless tr,
    .table.table-borderless td,
    .table.table-borderless th {
        border: none;
    }

.table.table-bordered {
    border-top: 1px solid #e6e6e6;
}

/*-------------------------------------------------------------------*/
/* === Plugin overrides === */
/* Data Tables */
.dataTables_wrapper {
    padding-left: 0;
    padding-right: 0;
}

    .dataTables_wrapper label {
        font-size: 0;
    }

    .dataTables_wrapper select {
        padding: 5px 10px;
    }

    .dataTables_wrapper .dataTables_length select {
        margin-top: 5px;
    }

    .dataTables_wrapper .dataTable {
        border-collapse: collapse !important;
        margin-left: 0;
    }

        .dataTables_wrapper .dataTable .btn {
            padding: 0.1rem 1rem;
            vertical-align: top;
        }

        .dataTables_wrapper .dataTable thead .sorting:before, .dataTables_wrapper .dataTable thead .sorting:after,
        .dataTables_wrapper .dataTable thead .sorting_asc:before,
        .dataTables_wrapper .dataTable thead .sorting_asc:after,
        .dataTables_wrapper .dataTable thead .sorting_desc:before,
        .dataTables_wrapper .dataTable thead .sorting_desc:after,
        .dataTables_wrapper .dataTable thead .sorting_asc_disabled:before,
        .dataTables_wrapper .dataTable thead .sorting_asc_disabled:after,
        .dataTables_wrapper .dataTable thead .sorting_desc_disabled:before,
        .dataTables_wrapper .dataTable thead .sorting_desc_disabled:after {
            line-height: 22px;
            font-size: 14px;
            font-weight: 400;
        }

        .dataTables_wrapper .dataTable thead .sorting:before,
        .dataTables_wrapper .dataTable thead .sorting_asc:before,
        .dataTables_wrapper .dataTable thead .sorting_desc:before,
        .dataTables_wrapper .dataTable thead .sorting_asc_disabled:before,
        .dataTables_wrapper .dataTable thead .sorting_desc_disabled:before {
            /*content: "\F05D";*/
            right: 2.4em;
            bottom: 1.5rem;
        }

        .dataTables_wrapper .dataTable thead .sorting:after,
        .dataTables_wrapper .dataTable thead .sorting_asc:after,
        .dataTables_wrapper .dataTable thead .sorting_desc:after,
        .dataTables_wrapper .dataTable thead .sorting_asc_disabled:after,
        .dataTables_wrapper .dataTable thead .sorting_desc_disabled:after {
            /*content: "\F045";*/
            right: 2em;
            bottom: 1.1rem;
        }

        .dataTables_wrapper .dataTable tbody tr td,
        .table td {
            border: 1px solid rgba(151, 151, 151, 0.18);
            color: #08113b;
            white-space: nowrap;
            font-weight: 300;
            padding: 8px 5px;
            text-align: center;
        }

    .dataTables_wrapper .dataTables_paginate {
        /*margin-top: 13px;*/
    }

    .dataTables_wrapper .dataTables_info {
        font-size: 0.875rem;
    }

    .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td.dataTables_empty {
        transform: scale(1);
        font-weight: 400;
    }


.dimond_card_wrap .dimond_img label.cust-chk-bx {
    float: left;
    transform: translate(10px, 5px);
}

table.dataTable tbody td.select-checkbox,
table.dataTable tbody th.select-checkbox {
    /*padding:16px;*/
}

.table.dataTable tbody td.select-checkbox:before,
.table.dataTable tbody td.select-checkbox:after,
.table.dataTable tbody th.select-checkbox:before,
.table.dataTable tbody th.select-checkbox:after {
    --w: 14px;
    --m: -8px;
    width: calc(var(--w));
    height: calc(var(--w));
    line-height: calc(var(--w));
    margin-left: calc(var(--m));
    margin-top: calc(var(--m));
}

.table.dataTable tr.selected td.select-checkbox:after,
table.dataTable tr.selected th.select-checkbox:after {
    margin-top: -6px;
    margin-left: -8px;
    text-shadow: none;
    background-color: #ffffff;
    color: #33a4ab;
    font-size: 12px;
    border-radius: 3px;
}

.dataTables_filter label {
    font-size: 0;
}

    .dataTables_filter label input {
        border: 1px solid #e6e6e6;
        line-height: 28px;
        padding: 10px 15px;
        border-radius: 5px;
        height: 40px;
        width: 100%;
        font-size: 14px;
    }

.table_main_wrap .dataTables_wrapper .dataTables_paginate .paginate_button.current,
.table_main_wrap .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.table_main_wrap .dataTables_wrapper .dataTables_paginate .paginate_button:active,
.table_main_wrap .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: 0 0;
    background-color: var(--new-clr);
    color: #ffffff !important;
    border-color: var(--new-clr);
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: 0 0 !important;
    background-color: var(--new-clr) !important;
    color: #ffffff !important;
    border-color: var(--new-clr) !important;
}

.fa, .fas {
    color: #666666;
}

.paginate_button:not(.disabled):hover .fa, .paginate_button:hover .fas {
    color: white;
}

.table_main_wrap .dataTables_wrapper .dataTables_paginate .paginate_button {
    border: 1px solid #e6e6e6;
    padding: 8px 12px;
    line-height: 16px;
    display: inline-block;
}

    .table_main_wrap .dataTables_wrapper .dataTables_paginate .paginate_button:focus {
        outline: none;
        box-shadow: none;
    }

@media (max-width: 576px) {
    .dataTables_wrapper .dataTables_info {
        margin-bottom: 1rem;
    }
}

/*-------------------------------------------------------------------*/
/* === Landing screens === */

.col-md-5 .dimond_tabs_content { /* for Responsive DiamondDetails page*/
    border: 1px solid #c8c8c8;
    padding: 20px;
    width: auto;
    height: 542px;
}

@media (min-width: 320px) {
    .col-md-5 .dimond_tabs_content {
        border: 1px solid #c8c8c8;
        padding: 9px;
        width: auto;
        height: 256px;
    }
}

@media (min-width: 375px) {
    .col-md-5 .dimond_tabs_content {
        border: 1px solid #c8c8c8;
        padding: 20px;
        width: auto;
        height: 313px;
    }

    .img-fluid {
        max-width: 100%;
        height: auto;
    }
}

@media (min-width: 425px) {
    .col-md-5 .dimond_tabs_content {
        border: 1px solid #c8c8c8;
        padding: 20px;
        width: auto;
        height: 357px;
    }

    .img-fluid {
        max-width: 100%;
        height: auto;
    }
}

@media (min-width: 768px) {
    .col-md-5 .dimond_tabs_content {
        border: 1px solid #c8c8c8;
        padding: 20px;
        width: auto;
        height: 276px;
    }

    div.d_desc_title + div.no-gutters {
        justify-content: space-between;
    }

    .img-fluid {
        max-width: 100%;
        height: auto;
    }
}

@media (min-width: 990px) {
    .col-md-5 .dimond_tabs_content {
        border: 1px solid #c8c8c8;
        padding: 20px;
        width: auto;
        height: 357px;
    }

    .img-fluid {
        max-width: 100%;
        height: auto;
    }
}


@media (min-width: 1024px) {
    .col-md-5 .dimond_tabs_content {
        border: 1px solid #c8c8c8;
        padding: 20px;
        width: auto;
        height: 370px;
    }

    .img-fluid {
        max-width: 100%;
        height: auto;
    }
}



@media (min-width: 1200px) {
    .col-md-5 .dimond_tabs_content {
        border: 1px solid #c8c8c8;
        padding: 20px;
        width: auto;
        height: 453px;
    }

    .img-fluid {
        max-width: 85%;
        height: auto;
    }
}

@media (min-width: 1440px) {
    .col-md-5 .dimond_tabs_content {
        border: 1px solid #c8c8c8;
        padding: 20px;
        width: auto;
        height: 550px;
    }

    .img-fluid {
        max-width: 85%;
        height: auto;
    }
}

@media (min-width: 1500px) {
    .col-md-5 .dimond_tabs_content {
        border: 1px solid #c8c8c8;
        padding: 20px;
        width: auto;
        height: 550px;
    }

    .img-fluid {
        max-width: 86%;
        height: auto;
    }
}

@media (min-width: 1670px) {
    .img-fluid {
        max-width: 74%;
        height: auto;
    }
}

@media (min-width: 1870px) {
    .img-fluid {
        max-width: 70%;
        height: auto;
    }
}

@media (min-width: 2500px) {
    .img-fluid {
        max-width: 48%;
        height: auto;
    }
}

.auth form .form-group .form-control, .auth form .form-group .dataTables_wrapper select, .dataTables_wrapper .auth form .form-group select {
    background: transparent;
    border-radius: 0;
    font-size: .9375rem;
}


.page-body-wrapper {
    min-height: calc(100vh - 60px);
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    padding-left: 0;
    padding-right: 0;
    /*padding-top: 45px;*/
    position: relative;
}

    .page-body-wrapper.full-page-wrapper {
        width: 100%;
        min-height: 100vh;
        padding-top: 0;
    }

.main-panel {
    transition: width 0.25s ease, margin 0.25s ease;
    width: calc(100% - 257px);
    min-height: calc(100vh - 60px);
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
}

@media (max-width: 991px) {
    .main-panel {
        margin-left: 0;
        width: 100%;
    }
}

.content-wrapper {
    /*background-image: url(../images/Background/67.jpg);*/
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    padding: 15px;
    width: 100%;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    padding-top: 55px;
}

@media (max-width: 767px) {
    .content-wrapper {
        padding: 0.5rem 0.5rem;
    }
}

/* Sidebar */
.sidebar {
    min-height: calc(100vh - 60px);
    /*background: #ffffff;*/
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    padding: 0;
    width: 257px;
    z-index: 11;
    transition: width 0.25s ease, background 0.25s ease;
    -webkit-transition: width 0.25s ease, background 0.25s ease;
    -moz-transition: width 0.25s ease, background 0.25s ease;
    -ms-transition: width 0.25s ease, background 0.25s ease;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    /* border-right: 1px solid #e3e3e3; */
    min-height: 100vh;
    height: 100%;
    position: absolute;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none;
}

    .sidebar::-webkit-scrollbar {
        display: none;
    }

    .sidebar .nav {
        overflow: hidden;
        flex-wrap: nowrap;
        flex-direction: column;
        margin-bottom: 60px;
    }

        .sidebar .nav .nav-item {
            -webkit-transition-duration: 0.25s;
            -moz-transition-duration: 0.25s;
            -o-transition-duration: 0.25s;
            transition-duration: 0.25s;
            transition-property: background;
            -webkit-transition-property: background;
        }

            .sidebar .nav .nav-item .collapse {
                z-index: 999;
            }

#surround .collapse {
    z-index: 998;
}

.sidebar .nav .nav-item .nav-link {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    white-space: nowrap;
    padding: 0.75rem 2.5rem 0.75rem 1.25rem;
    color: #000;
    -webkit-transition-duration: 0.45s;
    -moz-transition-duration: 0.45s;
    -o-transition-duration: 0.45s;
    transition-duration: 0.45s;
    transition-property: color;
    -webkit-transition-property: color;
}


    .sidebar .nav .nav-item .nav-link i {
        color: inherit;
    }

        .sidebar .nav .nav-item .nav-link i.menu-icon {
            font-size: 1.125rem;
            line-height: 1;
            margin-right: 1.125rem;
            color: inherit;
        }

            .sidebar .nav .nav-item .nav-link i.menu-icon:before {
                vertical-align: middle;
            }

        .sidebar .nav .nav-item .nav-link i.menu-arrow {
            display: inline-block;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            margin-left: auto;
            margin-right: 0;
            color: #000;
        }

            .sidebar .nav .nav-item .nav-link i.menu-arrow:before {
                content: "\F140";
                font-family: "Material Design Icons";
                font-style: normal;
                display: block;
                font-size: 1rem;
                line-height: 10px;
                -webkit-transition: all 0.2s ease-in;
                -moz-transition: all 0.2s ease-in;
                -ms-transition: all 0.2s ease-in;
                -o-transition: all 0.2s ease-in;
                transition: all 0.2s ease-in;
            }

    .sidebar .nav .nav-item .nav-link .menu-title {
        color: inherit;
        display: inline-block;
        font-size: 0.875rem;
        line-height: 1;
        vertical-align: middle;
        margin-left: 15px;
    }



    .sidebar .nav .nav-item .nav-link .badge {
        margin-left: auto;
    }

    .sidebar .nav .nav-item .nav-link[aria-expanded="true"] i.menu-arrow:before {
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }


.sidebar .nav .nav-item.active > .nav-link {
    background: initial;
    position: relative;
}

#surround.active > .mr-2 {
    background: initial;
    position: relative;
}

.sidebar .nav .nav-item.active > .nav-link i,
.sidebar .nav .nav-item.active > .nav-link .menu-title,
.sidebar .nav .nav-item.active > .nav-link .menu-arrow {
    color: #4d83ff;
}

.sidebar .nav:not(.sub-menu) {
    margin-top: 4.3rem;
}

    .sidebar .nav:not(.sub-menu) > .nav-item {
        border-bottom: 1px solid #e6e6e6;
        margin-top: 0;
    }

        .sidebar .nav:not(.sub-menu) > .nav-item > .nav-link {
            margin: 0;
        }

        .sidebar .nav:not(.sub-menu) > .nav-item:hover > .nav-link {
            background: transparent;
            color: #4d83ff;
        }

.sidebar .nav.sub-menu {
    margin-bottom: 0;
    margin-top: 0;
    list-style: none;
    padding: 0.25rem 0 0.6rem 3.55rem;
}

    .sidebar .nav.sub-menu .nav-item {
        padding: 0;
    }

        .sidebar .nav.sub-menu .nav-item::before {
            content: '';
            position: absolute;
            width: 5px;
            height: 5px;
            border-radius: 50%;
            background: #000;
            margin-top: 15px;
        }


        .sidebar .nav.sub-menu .nav-item .nav-link {
            color: #656565;
            padding: 0.6rem 1rem;
            position: relative;
            font-size: 0.875rem;
            line-height: 1;
            height: auto;
            border-top: 0;
        }



            .sidebar .nav.sub-menu .nav-item .nav-link:hover {
                color: #000;
            }



            .sidebar .nav.sub-menu .nav-item .nav-link.active {
                color: #000;
                background: transparent;
            }



        .sidebar .nav.sub-menu .nav-item:hover {
            background: transparent;
        }


/* style for off-canvas menu*/
@media screen and (max-width: 991px) {
    .sidebar-offcanvas {
        position: fixed;
        max-height: calc(100vh - 60px);
        top: 55px;
        bottom: 0;
        overflow: auto;
        right: -257px;
        backdrop-filter: blur(6px);
        -webkit-transition: all 0.25s ease-out;
        -o-transition: all 0.25s ease-out;
        transition: all 0.25s ease-out;
    }

        .sidebar-offcanvas.active {
            right: 0;
        }
}

/* Navbar */
.navbar {
    font-weight: 400;
    transition: background 0.25s ease;
    -webkit-transition: background 0.25s ease;
    -moz-transition: background 0.25s ease;
    -ms-transition: background 0.25s ease;
}

    .navbar .navbar-brand-wrapper {
        background: #ffffff;
        transition: width 0.25s ease, background 0.25s ease;
        -webkit-transition: width 0.25s ease, background 0.25s ease;
        -moz-transition: width 0.25s ease, background 0.25s ease;
        -ms-transition: width 0.25s ease, background 0.25s ease;
        width: 257px;
        /*height: 45px;*/
    }


        .navbar .navbar-brand-wrapper .navbar-brand-inner-wrapper .navbar-brand {
            --width-logo: 80%;
            width: var(--width-logo);
            height: var(--width-logo);
            border-radius: 45px;
            overflow: hidden;
            /*background-color: #ffffff;*/
            margin: auto;
            padding: 0;
            /*padding: 5px;*/
        }

            .navbar .navbar-brand-wrapper .navbar-brand-inner-wrapper .navbar-brand.brand-logo-mini {
                display: none;
            }

            .navbar .navbar-brand-wrapper .navbar-brand-inner-wrapper .navbar-brand:active, .navbar .navbar-brand-wrapper .navbar-brand-inner-wrapper .navbar-brand:focus, .navbar .navbar-brand-wrapper .navbar-brand-inner-wrapper .navbar-brand:hover {
                color: #1b2658;
            }

        .navbar .navbar-brand-wrapper .navbar-brand-inner-wrapper .navbar-toggler {
            border: 0;
            color: #4a4a4a;
            font-size: 1.5rem;
            padding: 0;
        }

        .navbar .navbar-brand-wrapper .navbar-brand-inner-wrapper .brand-logo-mini {
            padding-left: 0;
            text-align: center;
        }

            .navbar .navbar-brand-wrapper .navbar-brand-inner-wrapper .brand-logo-mini img {
                width: calc(70px - 30px);
                max-width: 100%;
                margin: auto;
            }

    .navbar .navbar-menu-wrapper {
        /*background: #ffffff;*/
        transition: width 0.25s ease;
        -webkit-transition: width 0.25s ease;
        -moz-transition: width 0.25s ease;
        -ms-transition: width 0.25s ease;
        color: #9b9b9b;
        padding-left: 0.6rem;
        padding-right: 0.6rem;
        width: calc(100% - 257px);
        height: var(--nav-height);
        border-bottom: 1px solid #e3e3e3;
    }

        .navbar .navbar-menu-wrapper .navbar-toggler {
            border: 0;
            color: inherit;
            font-size: 1.5rem;
            padding: 0;
        }

@media (max-width: 991px) {
    .navbar .navbar-menu-wrapper {
        width: calc(100% - 55px);
        padding-left: 15px;
        padding-right: 15px;
    }

    .navbar .navbar-brand-wrapper .navbar-brand-inner-wrapper .navbar-brand.brand-logo-mini {
        display: inline-block;
        width: 1.875rem;
    }

    .navbar .navbar-brand-wrapper .navbar-brand-inner-wrapper .navbar-toggler:not(.navbar-toggler-right) {
        display: none;
    }

    .navbar .navbar-menu-wrapper .navbar-toggler:not(.navbar-toggler-right) {
        display: none;
    }

    .navbar .navbar-menu-wrapper .navbar-toggler.navbar-toggler-right {
        padding-left: 15px;
        padding-right: 11px;
    }
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item {
    margin-left: 1rem;
    margin-right: 1rem;
}

    .navbar .navbar-menu-wrapper .navbar-nav .nav-item:last-child {
        margin-right: 0;
    }

    .navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link {
        color: inherit;
        font-size: 0.875rem;
    }

    .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search {
        margin-left: 0rem;
    }

        .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group {
            background: #ececec;
            border-radius: 4px;
            padding: 0 .75rem;
        }

            .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .form-control, .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .dataTables_wrapper select, .dataTables_wrapper .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group select,
            .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .input-group-text {
                background: transparent;
                border: 0;
                color: #000;
                padding: 0;
            }

                .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .input-group-text i {
                    color: #9b9b9b;
                }

            .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .form-control, .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .dataTables_wrapper select, .dataTables_wrapper .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group select {
                margin-left: .5rem;
                height: 2.5rem;
            }

                .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .form-control::-webkit-input-placeholder, .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .dataTables_wrapper select::-webkit-input-placeholder, .dataTables_wrapper .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group select::-webkit-input-placeholder {
                    color: #9b9b9b;
                }

                .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .form-control:-moz-placeholder, .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .dataTables_wrapper select:-moz-placeholder, .dataTables_wrapper .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group select:-moz-placeholder {
                    color: #9b9b9b;
                }

                .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .form-control::-moz-placeholder, .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .dataTables_wrapper select::-moz-placeholder, .dataTables_wrapper .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group select::-moz-placeholder {
                    color: #9b9b9b;
                }

                .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .form-control:-ms-input-placeholder, .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .dataTables_wrapper select:-ms-input-placeholder, .dataTables_wrapper .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group select:-ms-input-placeholder {
                    color: #9b9b9b;
                }

    .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-settings {
        margin: 0;
        padding-left: 1.5rem;
    }

        .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-settings .nav-link {
            padding: 0;
            text-align: center;
        }

        .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-settings i {
            font-size: 1.5rem;
            vertical-align: middle;
        }

    .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile {
        margin-left: 1.8rem;
        margin-right: 1.8rem;
        white-space: nowrap;
    }

@media (max-width: 768px) {
    .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile {
        margin-left: .5rem;
        margin-right: .5rem;
    }
}


.nav-link .menu-title {
    margin-left: 15px;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link img {
    width: 32px;
    height: 32px;
    border-radius: 5px;
    transition: all 0.5s linear;
}

.nav-item.active .nav-link img,
.nav-item:hover .nav-link img,
.nav-item:hover .nav-link .menu-title {
    filter: invert(1);
}

    .nav-item:hover .nav-link img[alt='profile'] {
        filter: none;
    }

.menu-title:before {
    content: "";
    position: absolute;
    left: -3px;
    z-index: 41;
    height: 6px;
    width: 8px;
    background-color: inherit;
    transform: rotate(45deg);
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-name {
    margin-left: .5rem;
    margin-right: .5rem;
    color: #4a4a4a;
    font-weight: 500;
}

@media (max-width: 767px) {
    .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-name {
        display: none;
    }
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link::after {
    color: #4a4a4a;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu {
    border: none;
    -webkit-box-shadow: 0px 3px 21px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 3px 21px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 3px 21px 0px rgba(0, 0, 0, 0.2);
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown {
    position: absolute;
    font-size: 0.9rem;
    margin-top: 0;
    right: 0;
    left: auto;
    top: 60px;
    border-radius: 0px;
}

    .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-divider {
        margin: 0;
    }

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown i {
    margin-right: .5rem;
    vertical-align: middle;
}

@media (max-width: 991px) {
    .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown {
        position: static;
    }

        .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown {
            left: 20px;
            right: 20px;
            top: 60px;
            width: calc(100% - 40px);
        }
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .count-indicator {
    position: relative;
    padding: 0;
    text-align: center;
}

    .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .count-indicator i {
        font-size: 1.5rem;
        margin-right: 0;
        vertical-align: middle;
    }

    .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .count-indicator .count {
        position: absolute;
        left: 59%;
        width: 8px;
        height: 8px;
        border-radius: 100%;
        background: #ff4747;
        top: 9px;
    }

    .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .count-indicator:after {
        display: none;
    }

@media (min-width: 992px) {
    .navbar .navbar-menu-wrapper .navbar-nav.navbar-nav-right {
        margin-left: auto;
    }

    .email_modal_wrap .modal-lg, .modal-xl {
        max-width: 700px;
    }

    #calculator_modal .modal-lg, .modal-xl {
        max-width: 880px;
    }
}

@media (max-width: 991px) {
    .navbar {
        flex-direction: row;
        background-color: #ffffff;
    }

        .navbar .navbar-brand-wrapper {
            width: 55px;
        }

            .navbar .navbar-brand-wrapper .navbar-brand.brand-logo {
                display: none;
            }

            .navbar .navbar-brand-wrapper .navbar-brand.brand-logo-mini {
                display: inline-block;
            }

    .navbar-collapse {
        display: flex;
        margin-top: 0.5rem;
    }
}

@media (max-width: 480px) {
    .navbar .navbar-brand-wrapper {
        width: 55px;
    }

        .navbar .navbar-brand-wrapper .brand-logo-mini {
            padding-top: 0px;
        }
}

.sidebar-icon-only .navbar .navbar-brand-wrapper .navbar-brand-inner-wrapper {
    margin-right: auto;
    padding: 18px 2px;
}
/* Layouts */
@media (max-width: 425px) {
    .switch-toggle, .switch-3, .switch-candy {
        /*padding-bottom: 134px !important;*/
    }
}

.menu-titles:before {
    display: none;
}

@media (min-width: 992px) {
    .sidebar-icon-only .navbar .navbar-brand-wrapper {
        width: 70px;
    }

        .sidebar-icon-only .navbar .navbar-brand-wrapper .navbar-brand-inner-wrapper {
            margin-right: auto;
            /*padding: 4px 7px;*/
            padding: 0;
        }

            .sidebar-icon-only .navbar .navbar-brand-wrapper .navbar-brand-inner-wrapper .brand-logo {
                display: none;
            }

            .sidebar-icon-only .navbar .navbar-brand-wrapper .navbar-brand-inner-wrapper .brand-logo-mini {
                display: none;
            }

    .sidebar-icon-only .navbar .navbar-menu-wrapper {
        width: calc(100% - 70px);
    }

    .sidebar-icon-only .sidebar {
        width: 70px;
    }

        .sidebar-icon-only .sidebar .nav {
            overflow: visible;
            width: 70px;
        }

            .sidebar-icon-only .sidebar .nav .nav-item {
                position: relative;
            }

                .sidebar-icon-only .sidebar .nav .nav-item .nav-link {
                    display: block;
                    padding: 10px;
                    text-align: center;
                    position: static;
                    border-radius: 0px;
                }


                    .sidebar-icon-only .sidebar .nav .nav-item .nav-link .menu-title,
                    .sidebar-icon-only .sidebar .nav .nav-item .nav-link .badge,
                    .sidebar-icon-only .sidebar .nav .nav-item .nav-link .menu-sub-title {
                        position: absolute;
                        display: none;
                        opacity: 0;
                        transform-origin: left center;
                        transition: all 0.25s linear;
                    }

                    .sidebar-icon-only .sidebar .nav .nav-item .nav-link .menu-title {
                        border-radius: 0 5px 5px 0px;
                    }

                    .sidebar-icon-only .sidebar .nav .nav-item .nav-link i.menu-icon {
                        margin-right: 0;
                        margin-left: 0;
                        margin-bottom: 0;
                    }

                    .sidebar-icon-only .sidebar .nav .nav-item .nav-link i.menu-arrow {
                        display: none;
                    }

                    .sidebar-icon-only .sidebar .nav .nav-item .nav-link[aria-expanded] .menu-title {
                        border-radius: 0 5px 0 0px;
                    }

                .sidebar-icon-only .sidebar .nav .nav-item .collapse {
                    display: none;
                }

    .spn1 {
        position: absolute;
        top: -51px;
    }


    .sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link .menu-title {
        display: -webkit-flex;
        -webkit-align-items: center;
        align-items: center;
        /*background-color: hsl(20deg 55% 47%);*/
        background-color: var(--screen_selection);
        padding: 1rem;
        left: 60px;
        position: absolute;
        opacity: 1;
        text-align: left;
        top: 18px;
        bottom: 0;
        color: #ffffff;
        z-index: 1;
        height: 20px;
        opacity: 1;
        transform-origin: center left;
        /*box-shadow: 4px 0px 7px 0px rgba(182, 185, 189, 0.25);*/
        border-radius: 0;
        filter: drop-shadow(0 0 0.1px black);
        transition: all 0.25s linear;
    }

    #surround .menu-titles {
        color: black;
        display: none;
    }

    #surround.before.hover .mr-2 .menu-titles {
        visibility: visible;
    }

    .menu-titles {
        position: absolute;
        top: -26px;
        z-index: 1030;
        transform: translateY(10px) scale(0.8);
        opacity: 0;
        transform-origin: top center;
        padding: 3px;
        border-radius: 2px;
        background-color: var(--new-clr);
        transition: all 0.25s linear;
    }

        .menu-titles:before {
            content: "";
            display: block;
            position: absolute;
            bottom: -8px;
            width: 0;
            left: 41%;
            height: 0;
            border-style: solid;
            border-width: 7.7px 6px 0 6px;
            border-color: var(--new-clr) transparent transparent transparent;
        }
}

.icon_with_btn .menu-titles {
    color: white;
}

/*#surround:hover .menu-titles {
        display: block;
    }*/

.icon_with_btn:hover .menu-titles {
    position: absolute;
    top: -34px;
    z-index: 1030;
    transform: translateY(10px) scale(1);
    transform-origin: top center;
    opacity: 1;
}


/*.menu-titles {
  display: inline;
  position: relative;
}*/

.sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link .menu-title:after {
    display: block;
}



.sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link:hover .menu-title {
    transition: all 0.25s linear;
    color: #ffffff;
}


.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapse,
.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapsing {
    display: block;
    padding: .5rem 0;
    background: #ffffff;
    border-radius: 0 0 5px 0;
    position: absolute;
    left: 70px;
    width: 190px;
    box-shadow: 4px 4px 7px 0px rgba(182, 185, 189, 0.25);
}

.hover-open .nav-link .menu-title {
    animation: fade_left ease 1 400ms;
}

@keyframes fade_left {
    from {
        transform: translateX(-20px);
        opacity: .5;
    }

    to {
        transform: translateX(0px);
        opacity: 1;
    }
}

/*#surround.hover-open .collapse,
    #surround.hover-open .collapsing {
                    display: block;
                    padding: .5rem 0;
                    background: #ffffff;
                    border-radius: 0 0 5px 0;
                    position: absolute;
                    left: 70px;
                    width: 190px;
                    box-shadow: 4px 4px 7px 0px rgba(182, 185, 189, 0.25);
    }*/

.sidebar-icon-only .sidebar .nav.sub-menu {
    padding: 0 0 0 1.5rem;
}

    .sidebar-icon-only .sidebar .nav.sub-menu .nav-item .nav-link {
        text-align: left;
        padding-left: 20px;
    }

.sidebar-icon-only .main-panel {
    width: calc(100% - 70px);
    padding-top: var(--main-panel-top);
    padding-left: 70px;
    width: 100%;
}

.sidebar .nav .nav-item {
    padding: 8px 12px;
}

.sidebar .nav:not(.sub-menu) > .nav-item {
    border-bottom: none;
    display: inline-block;
}

.sidebar .nav .nav-item .nav-link,
.sidebar .nav .nav-item .nav-link i.menu-arrow {
    color: #ffffff;
    transition: all ease 0.5s;
}

    .sidebar .nav .nav-item .nav-link img {
        width: 20px;
        height: 20px;
    }

.sidebar .nav .nav-item.active > .nav-link i,
.sidebar .nav .nav-item.active > .nav-link .menu-title,
.sidebar .nav .nav-item.active > .nav-link .menu-arrow {
    color: #ffffff;
}

.sidebar .nav:not(.sub-menu) > .nav-item:hover > .nav-link,
.sidebar .nav .nav-item.active > .nav-link {
    /*background: hsl(20deg 55% 47%);*/
    color: #ffffff;
    background-color: var(--screen_selection);
}

.sidebar .nav .nav-item .icon_hover_show {
    transition: all ease 0.5s;
    display: none;
}

.btn .mr-2 .icon_hover_show {
    transition: all ease 0.5s;
    display: none;
}



.sidebar .nav:not(.sub-menu) > .nav-item:hover .icon_hover_hide,
.sidebar .nav .nav-item:hover .icon_hover_hide,
.sidebar .nav .nav-item.active .icon_hover_hide {
    transition: all ease 0.5s;
    display: none;
}

.btn :not(.sub-menu) > .mr-2:hover .icon_hover_hide,
.btn .mr-2:hover .icon_hover_hide,
.btn .mr-2.active .icon_hover_hide {
    transition: all ease 0.5s;
    display: none;
}

.btn :not(.sub-menu) > .mr-2:hover .icon_hover_show,
.btn .mr-2:hover .icon_hover_show,
.btn .mr-2.active .icon_hover_show {
    display: inline-block;
    transition: all ease 0.5s;
}



.btn:not(.sub-menu) > .mr-2:hover > .custom_btn .icon_hover_show,
.btn .nav-item:hover .icon_hover_show,
.btn .nav-item.active > .custom_btn .icon_hover_show {
    display: inline-block;
    transition: all ease 0.5s;
}


.sidebar .nav:not(.sub-menu) > .nav-item:hover > .nav-link .icon_hover_show,
.sidebar .nav .nav-item:hover .icon_hover_show,
.sidebar .nav .nav-item.active > .nav-link .icon_hover_show {
    display: inline-block;
    transition: all ease 0.5s;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-name {
    display: inline-block;
    vertical-align: middle;
}

    .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-name .nav-profile-welcome {
        display: block;
    }

.dsb_info.card {
    border-bottom: 3px solid #666666;
    border-radius: 5px;
}

.dsb_info_green {
    color: #00e396;
}

.dsb_info h5 {
    font-size: 30px;
    font-weight: 700;
    color: rgb(0 0 0 / 70%);
    letter-spacing: 1px;
    line-height: 24px;
}

.dsb_info p {
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 24px;
    color: rgb(50 50 50 / 50%);
    font-weight: 500;
}

#chart_one .apexcharts-legend-text,
#chart_one .apexcharts-text {
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: uppercase;
}

#chart_one .apexcharts-datalabel-value {
    font-size: 30px !important;
}

.dashboard-chart-legend li {
    display: inline-block;
}

    #chart_one .apexcharts-legend-marker,
    .dashboard-chart-legend li span {
        height: 15px !important;
        width: 15px !important;
        border-radius: 5px !important;
        margin-right: 10px !important;
    }

.select2 {
    width: 100% !important;
}

    .select2:focus,
    .select2-selection--single:focus {
        outline: none;
        box-shadow: none;
    }

.select2-container .select2-selection--single,
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: var(--height-select2);
    border-radius: 0;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: var(--height-select2);
    font-size: 14px;
    color: #323232;
    text-transform: uppercase;
}

.select2-container--default .select2-selection--single {
    border-color: var(--form-control-border-color);
}

.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar {
    display: none;
}

.select2-container--default .select2-results > .select2-results__options {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none;
}

.chart_filter_wrap .select2-container--default .select2-selection--single {
    border-color: var(--form-control-border-color);
    background-color: #f5f5f5;
    border-radius: 0;
}

.mount_buttons {
    width: 100%;
    border-radius: 5px;
    padding: 5px;
    border: 1px solid #666666;
}

    .mount_buttons button {
        width: 33.33%;
        padding: 10px;
        display: block;
    }

    .mount_buttons .btn.active,
    .mount_buttons .btn:hover,
    .mount_buttons .btn:focus {
        background-color: #666666;
        color: #ffffff;
        border-radius: 3px !important;
    }

.chart_datepicker input {
    width: 100%;
    height: 48px;
    border: 1px solid #666666;
    border-radius: 5px;
    padding: 10px 15px;
}

.btn_o_primary {
    border: 1px solid #666666;
    color: #666666;
}

.custom_btn {
    background-color: var(--screen_selection);
    color: #ffffff;
}

.btn-black {
    background-color: var(--new-clr);
    color: #ffffff;
}

.custom_btn:hover {
    background-color: var(--screen_selection) !important;
    color: #fff !important;
}

    .custom_btn:hover i {
        color: #000000 !important;
    }

.input_hiddin {
    display: none;
}

.shape_item_wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0;
}

    .shape_item_wrap li {
        text-align: center;
    }

        .shape_item_wrap li .shape_item {
            --wh: 85px;
            border: 1px solid #e6e6e6;
            padding: 9px 6px 5px;
            border-radius: 5px;
            width: 95px;
            height: calc(var(--wh));
            position: relative;
            margin-right: 10px;
        }

.plusIcon {
    position: relative;
    width: 20px;
    font-weight: 600;
}

    .plusIcon a {
        vertical-align: middle;
        color: hsl(212.73deg 11.22% 61.57%) !important;
    }

.selected_icn .fa-check-circle {
    background-color: green;
    font-size: 13px;
    color: white;
    border: 2px solid green;
    border-radius: 50%;
    padding: 2px;
    display: none;
}

.selected_icn .fa-check {
    background-color: var(--new-clr);
    font-size: 11px;
    color: white;
    border: 2px solid White;
    border-radius: 50%;
    padding: 2px;
}

.shape_item .selected_icn {
    position: absolute;
    right: 1px;
    top: 0px;
    color: #ffffff;
    transform: scale(0.5);
    opacity: 0;
    transition: all 0.2s linear;
}

.shape_item.selected .selected_icn {
    transform: scale(0.7);
    opacity: 1;
}

.shape_item .shape_icn {
    margin: 0 auto 10px;
}

    .shape_item .shape_icn img {
        height: 40px;
        transform: scale(0.9);
        filter: brightness(1) invert(0) drop-shadow(0px 0px 0px black);
        transition: all 0.25s linear;
    }

.shape_item h5 {
    margin-bottom: 0;
}

    .shape_item h5 a {
        color: #646464;
        font-size: 14px;
        font-weight: 500;
    }

.shape_item_wrap li .shape_item.selected,
.shape_item_wrap li .shape_item:hover,
.shape_item_wrap li .shape_item:focus {
    background-color: white;
}


    .shape_item_wrap li .shape_item.selected img,
    .shape_item_wrap li .shape_item:hover img, .shape_item_wrap li .shape_item:focus img {
        /*filter: brightness(2);*/
        filter: brightness(1) invert(1) drop-shadow(0px 0px 0px white);
        transform: scale(1.2);
    }

.shape_item.selected img {
    filter: brightness(0);
}

.shape_item_wrap li .shape_item.selected a,
.shape_item_wrap li .shape_item:hover a, .shape_item_wrap li .shape_item:focus a {
    color: #5a5a5a;
    text-transform: uppercase;
}

.select_item.selected,
.select_item:hover,
.select_item:focus {
    background-color: var(--new-clr) !important;
}

    .select_item.selected a,
    .select_item:focus a,
    .select_item:hover a {
        color: #ffffff;
        text-decoration: none;
    }

.shape_item .select_item .divDiamondShape .dvFilter:hover .select_item a {
    color: #fff !important;
}

/*Give style for shape change image in focus events*/

.shape_item_wrap li .divDiamondShape.selected {
    background-color: white;
    /*box-shadow: 2px 2px 2px #aaaaaa;*/
}

.shape_item_wrap li .shape_item.selected h6 a {
    color: #5a5a5a;
}



.form-control {
    border-color: var(--form-control-border-color);
    line-height: 28px;
    padding: 6px 15px;
    height: 35px;
    border-radius: 5px;
}

.color_item_wrap ul,
.select_item_main ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.select_item {
    padding: 5px 10px;
    border: 1px solid #e6e6e6;
    margin-right: 0;
    margin-bottom: 5px;
    text-align: center;
    display: inline-block;
    min-width: 40px;
    transition: all 0.25s linear;
    border-radius: 5px;
}

    .select_item h6 {
        margin-bottom: 0;
        font-size: 13px;
    }

.select_item_main ul li.select_item:last-child {
    margin-right: 0;
}

.select_item a {
    font-size: 13px;
    line-height: 22px;
    color: #646464;
    display: block;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    /*transform: scale(0.8);*/
    font-weight: 500;
    text-transform: uppercase;
    transition: all 0.3s ease;
}

.dmdsavesearch {
    transition: all 0.25s linear;
}

    .dmdsavesearch:hover {
        background-color: var(--new-clr);
        color: white;
    }

.paraheading {
    margin-left: 12px;
    font-size: 18px;
    color: #646464;
    font-weight: 600;
}

.cartsfield {
    padding: 10px;
    box-shadow: 1px 1px 6px #dddddd;
}

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

    .cartsfieldDiv div {
        margin-right: 12px;
        border-right: 2px solid #d6d6d6;
        padding: 0px 12px;
        padding-left: 0;
        cursor: pointer;
    }

        .cartsfieldDiv div:last-child {
            border-right: none;
        }

    .cartsfieldDiv i {
        margin-right: 5px;
        color: var(--a-primary);
        font-size: 16px;
    }

.cartsfieldSpan {
    color: #282828;
    font-weight: 500;
}

.list_title h6 {
    /*text-transform: uppercase;*/
    font-size: 16px;
    transform: scale(0.9);
    margin-bottom: 5px;
    white-space: nowrap;
    white-space: pre-wrap;
    width: 150px;
    color: #282828;
    font-weight: 500;
}



.list_title p {
    font-size: 12px;
    text-align: right;
    white-space: nowrap;
}

.content_footer {
    padding: 7px 15px;
    border-top: 1px solid #e6e6e6;
    position: fixed;
    width: calc(100% - calc(var(--sidebarW)));
    bottom: 0;
    right: 0;
    /*background-color: #ffffff;*/
    z-index: 5;
    transition: width var(--nav-trans);
}

    .content_footer .custom_btn img {
        width: 18px;
    }


.custom_btn i {
    margin-left: 0.3em;
    font-size: 16px;
    color: #ffffff;
}

.search_result_wrap .table thead th i {
    font-size: 20px;
    color: #ffffff;
}


.search_result_text {
    font-weight: 700;
}

.modifysec {
    border-bottom: 1px solid rgb(0 0 0 / 10%);
    /*margin-bottom: 10px;*/
    padding-bottom: 10px;
    padding-top: 10px;
    background-color: #ffffff;
    margin: 0px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.carat_range ul, .carat_group ul {
    list-style: none;
    margin-bottom: 0px;
}

.carat_range, .carat_group {
    margin-top: 3px;
}

.caratfields {
    padding: 10px;
}

.search_result_text .search_result_span_cmn {
    /*font-size: 12px;*/
    color: #404040;
}

    /*.search_result_text .search_result_span_cmn:after {
            display: inline-block;
            content: '|';
            margin-left: 6px;
            margin-right: 6px;
        }*/

    .search_result_text .search_result_span_cmn:last-child:after {
        content: '';
        display: none;
    }

.icon_with_btns i {
    font-size: 14px;
    line-height: 22px;
    margin-right: 10px;
}


.icon_with_btn i {
    font-size: 15px;
    /*line-height: 22px;*/
    margin: auto;
    /* margin-right: 10px; */
}




.search_result_text,
.search_result_button {
    /*margin-bottom: 15px;*/
    font-size: 14px;
}

.search_result_span_mg {
    margin-right: 10px;
}

.lable_icon {
    padding: 5px;
    line-height: 12px;
    font-size: 12px;
    border-radius: 3px;
    display: inline-block;
    margin-right: 5px;
}

td .lable_icon {
    margin-right: 0;
}

.search_result_available.lable_icon {
    background-color: #2f8917;
    color: #ffffff;
}

.search_result_available {
    color: var(--new-clr);
    font-size: 14px;
    font-weight: 400;
}

.search_result_memo.lable_icon {
    background-color: #dbb01b;
    color: #ffffff;
}

.search_result_memo {
    color: #dbb01b;
    font-size: 14px;
    font-weight: 400;
}

.search_result_hold.lable_icon {
    background-color: #db1b1b;
    color: #ffffff;
}

.search_result_wrap {
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 5px;
    /*padding: 0px 15px;*/
    background-color: #ffffff;
}

.selectedSpan {
    color: #7a8490;
    margin-left: 35px;
    font-weight: 500;
}

.dataTables_info {
    font-weight: 500;
    color: #7a8490 !important;
    margin-right: 15px;
}

.search_result_hold {
    color: #db1b1b;
    font-size: 14px;
    font-weight: 400;
}

.dropdown .dropdown-menu.srm_dropdown {
    border-radius: 0px;
    background-color: #ffffff;
}

.dropdown-item {
    padding: 10px 15px !important;
    color: #323232;
    /*border-radius:8px;*/
}

    .dropdown-item i {
        margin-right: 10px;
    }

.dropdown .dropdown-item:focus, .dropdown .dropdown-item:hover {
    background-color: #efefef;
    color: #000000;
}

.dropdown-item:focus, .dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa;
}

.serach_advance_label p {
    padding: 10px 15px;
    border-radius: 5px;
    color: white;
    border: 1px solid #e6e6e6;
    text-align: center;
    margin-bottom: 0;
    text-transform: capitalize;
}

.serach_main_wrap {
    margin-bottom: 80px;
}


    .serach_main_wrap .form-control {
        padding: 5px 12px;
        height: 34px;
        border: 2px solid hsl(0deg 0% 81.6% / 71%);
        border-radius: 5px;
    }

.serach_main_wrap {
    --search-textBox-hight: 35px;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 5px;
    padding: 15px 0px;
    /*background-color: #fafafa;*/
    background-color: #ffffff;
}

.list_show {
    overflow-y: scroll;
}

.list_title {
    margin-left: 5px;
}

.mr-15 {
    margin-right: 15px;
}

.shape_select_wrap {
    padding-bottom: 0px;
}

.general_carat_item_wrap {
    height: 45px;
}

.memo_date_wrap,
.memo_no_wrap {
    /*margin-bottom: 15px;*/
}


.table_rapaort tbody tr th {
    background-color: #323232;
    color: #ffffff;
    padding: 8px 5px;
    text-align: center;
    font-weight: 400;
}

.email_modal_wrap .modal-header {
    background-color: var(--a-primary);
    color: #ffffff;
    justify-content: center;
    /*border-radius: 10px 10px 0 0;*/
    /*text-transform: uppercase;*/
}

.email_modal_form .form-check {
    margin-bottom: 10px;
}

.form-nots {
    margin-bottom: 20px;
    font-weight: 600;
}

.form-group label span.req {
    color: #ff0000;
}

.modal-footer .custom_btn {
    margin-top: 0;
    margin-bottom: 0;
    background-color: var(--new-clr) !important;
}

.modal-content {
    /*border-radius: 10px;*/
    border-radius: 5px;
    border: none;
}

.calcmainDiv {
    border: 1px solid rgb(0 0 0 / 10%);
    height: auto;
    border-radius: 5px;
    background-color: white;
}

.email_modal_form .modal-footer {
    border-color: #e6e6e6;
}

.email_modal_wrap .modal-body {
    padding: 20px;
}

.modal-backdrop.show {
    opacity: .7;
}

.profile_wrpa {
    border: 0.5px solid #c8c8c8;
    /*margin: 0px 0 50px;*/
    border-radius: 10px;
    padding-bottom: 30px;
    background-color: #ffffff;
}

.profile_pic {
    text-align: center;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
/*.profile_name {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 75px;
    padding-bottom: 30px;
    margin-bottom: 30px;
}*/
.profile_wrpa_row {
    padding: 20px 30px 10px 30px;
    /*border-bottom: 1px solid #e6e6e6;*/
    /*margin-bottom: 30px;*/
}

.profileavtive {
    border-bottom: 2px solid #666666;
}

.profileheading {
    border-bottom: 1px solid rgb(0 0 0 / 10%);
    background-color: #e6ebef;
    padding: 10px 15px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.detailsDiv {
    padding: 0px 10px 12px 10px;
    margin-right: 25px;
    display: inline;
    cursor: pointer;
}

.profile_img {
    width: 124px;
    height: 124px;
    border: 3px solid #666666;
    border-radius: 124px;
    overflow: hidden;
    margin: 0 auto 15px;
}

    .profile_img img {
        width: 100%;
        height: 100%;
        transform: scale(1.2);
        object-fit: cover;
        cursor: pointer;
    }

.profile_pic .file-upload {
    display: none;
}

.compare-stone-main ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
}

    .compare-stone-main ul li:first-child {
        text-align: left;
        padding-left: 20px;
        border-left: 1px solid #e6e6e6;
        background-color: #fafafa;
    }

    .compare-stone-main ul:first-child li {
        padding-top: 20px;
        padding-bottom: 20px;
        border-top: 1px solid #e6e6e6;
    }

    .compare-stone-main ul li {
        font-size: 14px;
        width: 25%;
        line-height: 24px;
        font-weight: 500;
        text-align: center;
        border-bottom: 1px solid #e6e6e6;
        border-right: 1px solid #e6e6e6;
        padding: 8px 30px;
        position: relative;
        text-align: left;
    }

        .compare-stone-main ul li p {
            margin-bottom: 0;
        }

        .compare-stone-main ul li .comper_stone_img {
            margin: 0 auto;
            background: #ffffff;
            padding: 10px 20px;
            border-radius: 5px;
            box-shadow: 0 0 2px rgba(0,0,0,0.3);
            text-align: center;
        }

.comper_stone_title {
    text-align: left;
}

    .comper_stone_title h5 {
        margin-bottom: 0;
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 100%;
        overflow: hidden;
    }

.stone_add_btn {
    position: absolute;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.stone_slider .stone_img img {
    margin: auto;
    /*border-radius: 17px;*/
}

.slider_nav .item {
    border: 1px solid #e6e6e6;
    margin-left: 5px;
    margin-right: 5px;
    padding: 10px;
}

.dimond_details_main {
    padding-bottom: 40px;
}

.stone_slider .item, .imageVideoSection .dimond_item_video .stone_video {
    /*border: 2px solid #e6e6e6;*/
    /*margin-left: 5px;
    margin-right: 5px;*/
    padding: 0px 30px 0px 30px;
    /*margin-bottom: 15px;*/
}

.dimond_item_video .stone_video, .slick-initialized .slick-slide {
    background-color: white;
    /*border-radius:10px;*/
    /*-webkit-box-shadow: 0px 0px 15px 0px rgb(80 80 80 / 19%);
    -moz-box-shadow: 0px 0px 15px 0px rgba(80,80,80,0.19);
    box-shadow: 0px 0px 15px 0px rgb(80 80 80 / 19%);*/
}
/*Give video height or width*/
/*.stone_video iframe{
    width:auto;
    height:auto;
}*/

.dimond_tabs_wrap .nav-pills .nav-link,
.product_stone_wrap .nav-pills .nav-link {
    background-color: transparent;
    color: #323232;
    padding: 5px;
    font-size: 14px;
    font-weight: 500;
}

.dimond_tabs_wrap .nav-pills .nav-item,
.product_stone_wrap .nav-pills .nav-item {
    position: relative;
    /*padding-right: 7px;*/
}


    .dimond_tabs_wrap .nav-pills .nav-item:last-child:after,
    .product_stone_wrap .nav-pills .nav-item:last-child:after {
        content: '';
        display: none;
    }

.dimond_tabs_wrap .nav-pills .nav-link.active, .nav-pills .show > .nav-link,
.product_stone_wrap .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: transparent;
    font-weight: 700;
    color: #666666;
}

.dimond_tabs_action {
    margin-left: auto;
}

    .dimond_tabs_action li {
        width: 36px;
        height: 36px;
        line-height: 36px;
        border-radius: 36px;
        border: 1px solid #e6e6e6;
        text-align: center;
        display: inline-block;
        margin-left: 5px;
        transition: all 0.5s ease;
    }

        .dimond_tabs_action li:hover {
            background-color: #666666;
            border-color: #666666;
        }

            .dimond_tabs_action li:hover a {
                color: #ffffff;
            }

        .dimond_tabs_action li a {
            color: #323232;
            display: block;
        }

.dimond_desc_table {
    border: 1px solid #e6e6e6;
    height: 95%;
    background-color: #FDFCFD;
    /*border-radius:10px;*/
    margin-bottom: 27px;
}

    .dimond_desc_table .table th, .dimond_desc_table .table td {
        text-align: left;
        vertical-align: top;
        border: 0;
        padding: 9px;
        white-space: normal;
    }

    .dimond_desc_table .table tr td:first-child {
        width: 45%;
        padding-right: 0;
        padding-left: 15px;
    }

    .dimond_desc_table .table tr:first-child td {
        padding-top: 15px;
    }

    .dimond_desc_table .table tr:last-child td {
        /*padding-bottom: 15px*/
    }

    .dimond_desc_table .table tr td:last-child {
        width: 55%;
        padding-left: 0;
        padding-right: 15px;
    }

    .dimond_desc_table .table tr td b {
        font-weight: 600;
    }

.d_desc_title {
    padding-bottom: 16px;
}

.carat_tabs_wrap .nav-pills .nav-link,
.color_tabs_wrap .nav-pills .nav-link {
    background-color: transparent;
    color: #323232;
    padding: 0;
    font-size: 14px;
    font-weight: 500;
    /*zoom: 0.85;*/
    transform: scale(0.85);
}

.carat_tabs_wrap .nav-pills .nav-item {
    position: relative;
    padding-right: 5px;
}

    .carat_tabs_wrap .nav-pills .nav-item:last-child {
        padding-right: 0;
    }

    .carat_tabs_wrap .nav-pills .nav-item:after,
    .color_tabs_wrap .nav-pills .nav-item:after {
        right: 0;
        content: '|';
        display: inline-block;
        vertical-align: middle;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .carat_tabs_wrap .nav-pills .nav-item:last-child:after,
    .color_tabs_wrap .nav-pills .nav-item:last-child:after {
        content: '';
        display: none;
    }

.carat_tabs_wrap .nav-pills .nav-link.active, .carat_tabs_wrap .nav-pills .show > .nav-link,
.color_tabs_wrap .nav-pills .nav-link.active, .color_tabs_wrap .nav-pills .show > .nav-link {
    background-color: transparent;
    font-weight: 700;
    color: #323232;
}

.pagination_wrap .pagination {
    margin-bottom: 0;
    justify-content: flex-end;
}

.page_item {
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 4px;
    background-color: #323232;
    border: 1px solid #323232;
    color: #ffffff;
    text-align: center;
    margin-left: 5px;
}

    .page_item a {
        display: block;
        color: #ffffff;
        text-decoration: none;
        font-size: 14px;
    }

    .page_item:hover,
    .page_item:focus,
    .page_item.active {
        background-color: #666666;
        border-color: #666666;
    }

.select2-selection--multiple > * {
    transition: all 0.25s linear;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    background-color: var(--screen_selection);
    border: 1px solid var(--border_color);
    border-radius: 0px;
    color: #fff;
    font-size: 12px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    transition: all 0.25s linear;
}

    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
        background-color: #ffffff;
        color: #000;
    }

.bgm_title {
    max-width: 20%;
}

.search_result_status {
    margin-top: -40px;
}

.cng_passwoad_wrap {
    position: relative;
    border: 0.5px solid #c8c8c8;
    border-radius: 10px;
    /*padding: 100px 0;*/
}

.password_wrpa_row {
    padding: 20px 30px 20px 30px;
    height: 90vh;
}

.cng_passwoad_wrap form {
    border: 1px solid #e6e6e6;
    padding: 40px;
    border-radius: 10px;
    background-color: #ffffff;
    /*transform: translateY(-50%); */
}

.inputfields input {
    font-size: 16px;
    line-height: 28px;
    padding: 7px 8px;
    width: 100%;
    border-radius: 3px;
    border: 1px solid hsla(0,0%,60%,.3);
    background: #fff;
    color: #4c4d4f;
    transition: all .2s ease-in-out;
    height: 35px;
}

.inputfields .select2-container--default .select2-selection--single {
    height: 35px;
    border-radius: 3px;
}

    .inputfields .select2-container--default .select2-selection--single .select2-selection__rendered {
        height: 35px;
        display: flex;
        align-items: center;
        /*  padding-left:15px;*/
    }

.dataTables_scrollBody {
    overflow: auto;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 0px;
}


.dataTables_scrollBody::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

.dataTables_scrollBody::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #F5F5F5;
}

.dataTables_scrollBody::-webkit-scrollbar-thumb {
    background-color: #666666;
    border-radius: 6px;
}

.status.available {
    padding: 2px 5px;
    background-color: #2f8917;
    border-radius: 5px;
    color: #ffffff;
    display: inline-block;
    font-size: 12px;
}

.vertical-align {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    padding: 60px 60px 60px 40px;
    left: 0;
}

.custom-checkbox {
    padding: 0;
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #666666;
    background-color: #666666;
}

.custom-checkbox .custom-control-label::before {
    border-radius: .25rem;
}

.custom-control-label {
    padding-left: 30px;
    position: relative;
}

.custom-control-input:focus,
.custom-control-input:focus ~ .custom-control-label::before,
.custom-control-input:active {
    outline: none;
    box-shadow: none;
    border-color: transparent;
}

.custom-control-label::before {
    position: absolute;
    top: 2px;
    left: 0;
    display: block;
    width: 20px;
    height: 20px;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #c8c8c8 solid 1px;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: none;
    content: '\f00c';
    font-weight: 600;
    font-family: "Font Awesome 5 Free";
}

.custom-control-label::after {
    position: absolute;
    content: '\f00c';
    color: #ffffff;
    top: 2px;
    left: 2px;
    display: block;
    width: 20px;
    height: 20px;
    content: "";
    background: no-repeat 50%/50% 50%;
}

.irs--flat .irs-bar .navbar-title h4 {
    font-size: 20px;
    margin-bottom: 0;
    color: #323232;
    text-transform: uppercase;
    font-weight: 600;
}

.irs--flat .irs-bar {
    top: 31px;
    height: 4px;
    background-color: var(--range_slid);
}

.irs--flat .irs-line {
    top: 31px;
    height: 4px;
    background-color: #cacaca;
    border-radius: 4px;
}

:root {
    --range_slid: #65c1c6;
}

.irs--flat .irs-handle {
    top: 24px;
}

.irs-handle.from {
    border-top: 9px solid transparent;
    border-left: 11px solid var(--range_slid);
    border-bottom: 9px solid transparent;
}

.irs-handle.to {
    border-top: 9px solid transparent;
    border-right: 11px solid var(--range_slid);
    border-bottom: 9px solid transparent;
}

.irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single {
    background-color: #666666;
}

.irs--flat .irs-handle {
    width: 18px;
    height: 18px;
    background-color: var(--screen_selection);
}

    .irs--flat .irs-handle > i:first-child {
        background-color: #323232;
    }

.irs--flat .irs-from:before, .irs--flat .irs-to:before, .irs--flat .irs-single:before {
    border-top-color: #666666;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--select_color);
}

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

    .social_info li {
        margin-bottom: 5px;
    }

        .social_info li a {
            color: #666666;
            font-weight: 500;
            display: inline-block;
            text-decoration: none;
        }

            .social_info li a:hover {
                color: #323232;
            }

            .social_info li a i {
                margin-right: 10px;
                font-size: 16px;
                color: #323232;
                line-height: 24px;
            }

/* owl nav */
.owl-prev span, .owl-next span {
    color: #FFF;
}

    .owl-prev span:hover,
    .owl-next span:hover {
        color: #8199A3;
    }

.owl-prev, .owl-next {
    position: absolute;
    top: 0;
    height: 100%;
}

.owl-prev {
    left: 7px;
}

.owl-next {
    right: 7px;
}

    .owl-prev i, .owl-next i {
        font-size: 20px;
        color: #cacaca;
    }

    .owl-prev:hover i, .owl-next:hover i {
        color: #323232;
    }
/* removing blue outline from buttons */
button:focus, button:active {
    outline: none;
}

.dimond_card_wrap {
    /*box-shadow: 0 2px 4px 0 rgb(0 0 0 / 0%), 0 3px 10px 0 rgb(0 0 0 / 6%);*/
    box-shadow: 7px 7px 7px hsl(204deg 15.14% 44.45% / 11%);
    border: 1px solid var(--not-Selected);
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 15px;
    margin-right: 15px;
    transition: all 0.25s ease;
}

    .dimond_card_wrap .dimond_img {
        background-image: url('../images/SVG/loder.svg');
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: 100px;
    }

        .dimond_card_wrap .dimond_img img.lazy {
            opacity: 0;
            transform: scale(1.15)
        }

        .dimond_card_wrap .dimond_img img {
            transition: all 0.25s ease;
            opacity: 1;
            padding: 10px;
            max-width: 100%;
            width: 100%;
            border-radius: 15px;
        }

    .dimond_card_wrap.grid-seleted {
        /*--not-Selected: rgb(51 52 54);*/
        --not-Selected: #404040;
        box-shadow: rgb(40 56 149 / 10%) 0px 4px 6px 2px, rgb(40 56 149 / 10%) 0px 4px 18px 2px;
    }

    .dimond_card_wrap .grid-first {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 0;
        padding-bottom: 10px;
    }

.locationdiv {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .locationdiv div {
        padding: 0px 15px;
    }

.dimond_card_wrap .grid-first .d_price {
    float: none;
}

.d_price {
    float: right;
}

.dimond_desc {
    padding: 0px 10px 10px;
}

.dimond_img {
    position: relative;
    transition: all ease 0.5s;
    text-align: center;
}

.dim_details_list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    padding: 0 10px 10px;
    width: 100%;
}

dim_details_list_Before {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -ms-flexbox;
    /*display: flex;*/
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    padding: 0 10px 10px;
    width: 100%;
}
.dim_infos_Before{
    display:flex;
}
.dim_infos_Odd {
    width: 210px;
}
.detailspan {
    font-weight: 700;
    color: #424f5e;
}
.dimond_card_wrap .dimond_desc .dim_details_list {
    padding: 0;
    padding-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.totalprice {
    font-size: 20px;
    color: #424f5e;
    font-weight: 700;
}

.gridlab {
    font-weight: 700;
    color: hsl(39.18deg 92.41% 53.53%) !important;
}

.gridlocation {
    font-weight: 700;
    color: #4ba4cb !important;
}

.gridbtn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.flexSubdiv {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding-bottom: 10px;
}

    .flexSubdiv a {
        margin-right: 15px;
    }

.gridbtnbuy {
    width: 85%;
}

.gridbtncart {
    width: 15%;
}

    .gridbtncart i {
        color: var(--btn-detail-icon);
    }

    .gridbtncart a:hover {
        background-image: var(--btn-detail);
    }

        .gridbtncart a:hover i {
            color: white;
        }

.gridsubSpan {
    color: var(--btn-detail-icon);
    font-weight: 700;
}

.diamdiv {
    padding-bottom: 10px;
    /*margin-top:15px;*/
}
.detailspanBack {
    background-color: #eaeef2;
    padding: 3px 10px;
    border-radius: 5px;
    font-size:14px!important;
    font-weight:400;
}
.dim_details_listBefore{
    gap:10px;
    padding:10px 0px;
}
.dim_details_list_Before{
    padding:10px 0px;
}
.cpsSpan{
    font-size:15px;
}
.dim_infos_Before .dim_div, .dim_infos_Before .detailspan {
    font-size: 15px;
}
.totalTSpan {
    font-size: 15px;
}
/*.swiper-wrapper{
    gap:15px;
}*/
/*.swiper-slide{
    margin-right:10px;
}*/

.btngradiant {
    /*background-image:linear-gradient(135deg, #0d04b2 0%, #0d04b2 12.5%, #1119b6 12.5%, #1119b6 25%, #142eb9 25%, #142eb9 37.5%, #1843bd 37.5%, #1843bd 50%, #1c57c0 50%, #1c57c0 62.5%, #206cc4 62.5%, #206cc4 75%, #2381c7 75%, #2381c7 87.5%, #2796cb 87.5%, #2796cb 100%);*/
    background-image: var(--btn-detail);
}

.dimond_card_wrap .dimond_desc .dim_details_list a {
    background-color: #eaeef2;
    padding: 3px 10px;
    border-radius: 5px;
}

.dim_details_list li {
    /*padding: 5px 0px;
    padding-right: 5px;
    max-width: 16%;
    width: 100%;
    text-align: center;*/
    height: 23px;
    max-width: 16%;
    width: 100%;
    text-align: center;
}

    .dim_details_list li:nth-child(4n+4) {
        /*padding-right: 0;*/
    }

    .dim_details_list li a {
        /*display: block;
            color: #000;
            font-size: 14px;
            line-height: 14px;
            font-weight: 500;*/
        /* For ellipsis Over Flow*/
        /*white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;*/
        display: inline-block;
        color: #000;
        font-size: 14px;
        line-height: 14px;
        font-weight: 500;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        transform: scale(0.9);
    }

.dim_dic {
    position: absolute;
    top: 20px;
    right: 20px;
}

.dimond_desc .dim_id a {
    font-size: 16px;
    color: var(--new-clr);
    position: relative;
    z-index: 1;
    transition: all 0.2s ease;
}
    /*   
.dimond_desc .dim_id a:hover {
    text-decoration: none;
    letter-spacing: 1px;
    color:black
}*/
    /*.dimond_desc .dim_id a:before {
    content: "";
    position: absolute;
    height: 2px;
    background-color: currentColor;
    bottom: -1px;
    width: 10%;
    transition: all 0.2s ease;
}*/
    .dimond_desc .dim_id a:hover:before {
        width: 100%;
    }

.dim_dic {
    position: absolute;
    top: 12px;
    right: 10px;
}

.dim_ppc {
    position: absolute;
    top: 5px;
    background-color: white;
    left: 36px;
    padding: 0.1rem 0.3rem;
}

span.price {
    color: black;
    opacity: 0.9;
    font-weight: bold;
    font-size: 16px;
}

.guide {
    color: #d3d3d3;
    font-size: 14px;
}

.btn:focus {
    border: 1px solid #7a8490 !important;
}

.mt {
    margin-top: -4px !important;
}

span.price > span {
    font-variant: small-caps;
    font-size: 14px;
    opacity: 0.7;
}

.sale {
    position: relative;
    display: inline-block;
    background: rgb(146 156 168);
    color: white;
    height: 1.9rem;
    width: 1.9rem;
    text-align: center;
    vertical-align: middle;
    line-height: 1.9rem;
    font-size: 12px;
    transform: rotate(-20deg);
    -webkit-animation: beat 1s ease infinite alternate;
    animation: beat 1s ease infinite alternate;
}

    .sale:before, .sale:after {
        content: "";
        position: absolute;
        background: inherit;
        height: inherit;
        width: inherit;
        top: 0;
        left: 0;
        z-index: -1;
        transform: rotate(30deg);
    }

    .sale:after {
        transform: rotate(60deg);
    }

.login .divider {
    width: 22%;
    height: 4px;
    background-color: #cacaca;
    margin-top: -15px;
    margin-bottom: 15px;
}

.login .sub-title {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
}

@-webkit-keyframes beat {
    from {
        transform: rotate(0deg) scale(1);
    }

    to {
        transform: rotate(0deg) scale(1.1);
    }
}

@keyframes beat {
    from {
        transform: rotate(0deg) scale(1);
    }

    to {
        transform: rotate(0deg) scale(1.1);
    }
}

.add_caret_pin .form-control {
    padding: 6px 15px 6px 25px;
}

.carat_search_fromto {
    position: relative;
}

.add_carat {
    position: absolute;
    top: 0px;
    right: -6px;
    z-index: 1;
    display: inline-block;
    border: 2px solid hsl(212.73deg 11.22% 61.57%);
    padding: 3px 8px;
    border-radius: 5px;
}

.delete_carat {
    position: absolute;
    top: -10px;
    right: -7px;
    display: inline-block;
}

    .delete_carat a {
        color: #666666;
    }

.add_carat a {
    color: #323232;
    display: inline-block;
    transition: all 0.25s ease;
}

    /*.add_carat:hover {
    background-color: hsl(212.73deg 11.22% 61.57%);
}*/

    .add_carat a:focus {
        /*filter: drop-shadow(0px 1px 1px var(--select_color));*/
        /*filter: drop-shadow(0px 1px 1px #00000050);*/
    }

#caratList {
    display: flex;
    padding: 3px 3px;
}

    #caratList span {
        padding: 1px 5px;
        background-color: var(--a-primary);
        line-height: 1.6;
        color: white;
        margin-right: 5px;
        border-radius: 3px;
        cursor: pointer;
    }

.salse_item_desc h3 {
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
}

.list_show {
    display: none;
}

.table_show.hide {
    display: none;
}

.list_show.show {
    display: block;
    padding-top: 15px;
    padding-left: 15px;
}

.modal-header {
    background-color: var(--a-primary);
    /*border-radius: 10px 10px 0 0;*/
    padding: 10px 1rem;
}
  
    .modal-header .Close {
        color: #ffffff;
        opacity: 1;
    }

.modal-title {
    color: #ffffff;
    font-size: 20px;
}

#excelModal .modal-footer button#btnOk,
#excelModal .modal-footer button#btnCancel {
    padding: 0.5rem 1rem;
    border-radius: 0;
    border-color: transparent;
}

/*a#btnOk {
    background-color: var(--screen_selection);
}*/

#emailston_modal .btn-secondary,
#save_search_modal .btn-secondary,
#excelModal .btn-secondary {
    background-color: transparent !important;
    color: var(--new-clr) !important;
    border-color: transparent;
}

/*  #emailston_modal .btn-secondary:hover,
    #excelModal .btn-secondary:hover,
    #save_search_modal .modal-footer .btn-secondary:hover,
    #btnOk:hover,
    .modal .custom_btn:hover {
        box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 19%);
        border-color: #0002;
    }*/
.modal-footer .custom_btn.btn-secondary {
    background: none !important;
    border: 1px solid #7a8490;
    border-radius: 5px;
    color: #7a8490;
    font-weight: 500;
}

    .modal-footer .custom_btn.btn-secondary:hover {
        background-color: var(--a-primary) !important;
        color: white;
    }

.modal-footer .custom_btn.btn-black:hover {
    box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 19%) !important;
}

.modal-footer {
    border-radius: 0;
}

.savedsearch {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

    .savedsearch a {
        padding: 5px 10px;
        border: 1px solid rgb(0 0 0 / 20%);
        border-radius: 5px;
        font-size: 13px;
    }

    .savedsearch .nostone {
        border: none;
        color: #ff3030;
        padding: 0;
        cursor: text;
        font-size: 13px;
    }

.signup_link a {
    font-weight: 600;
    color: #323232;
}

.overlay {
    position: relative;
    z-index: 1;
}

    .overlay:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        background-color: rgba(0, 0, 0, 0.8);
    }

    .overlay.bg_white:before {
        background-color: rgba(255,255,255,0.8);
    }

.logo_wrap img {
    max-width: 30%;
}

.forgot_ps a {
    color: #323232;
    font-weight: 600;
    text-decoration: none;
}

.forgot_user a {
    color: #323232;
    font-weight: 600;
    text-decoration: none;
}

.login_button {
    margin-top: 30px;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #e6e6e6;
}

.other_login {
}

.btn-app {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .btn-app i {
        font-size: 30px;
        margin-right: 10px;
    }

.save_search_modal_form .form-group {
    margin-bottom: 1rem;
}

.ViewSaveClose {
    background: none;
    border: none;
    font-size: 20px;
    color: white;
}

.View_Saved_search_modal_form .form-group {
    margin-bottom: 0px;
}

.save_modal_wrap .modal-footer {
    padding: 0;
    padding-top: 10px;
}

.btn.btn-sm {
    padding: 6px 24px;
}

.product_stone_wrap {
    margin-bottom: 30px;
}

    .product_stone_wrap .card-header {
        padding: 5px 15px;
    }

    .product_stone_wrap .scrollbar {
        max-height: 15rem;
    }

    .product_stone_wrap .card-body {
        padding: 20px;
    }

.product_stone_list_item .dimond_img {
    background-color: transparent;
    /*border-right: 1px solid #e6e6e6;*/
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product_stone_list_item {
    /*border: 1px solid #e6e6e6;*/
    margin-bottom: 20px;
}

    .product_stone_list_item:last-child,
    .dashboard_serach_item:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .product_stone_list_item .dimond_desc {
        padding: 15px;
    }

    .product_stone_list_item .dim_details_list li {
        padding: 10px 0px;
        max-width: 20%;
        text-align: left;
    }

    .product_stone_list_item .product_action_btn {
        margin-top: 10px;
        margin-top: 20px;
        margin-bottom: 15px;
    }

    .product_stone_list_item .dimond_desc .dim_id {
        font-size: 16px;
    }

.dashboard_serach_item {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e6e6e6;
}

    .dashboard_serach_item a {
        color: inherit;
        text-decoration: none;
    }

    .dashboard_serach_item h5 {
        text-transform: uppercase;
        margin-bottom: 0;
        line-height: 1.5;
    }

    .dashboard_serach_item p {
        text-transform: uppercase;
        margin-bottom: 0;
    }

.scrollbar {
    height: 75vh;
    /*background: #fff;*/
    overflow-y: scroll;
}

    .scrollbar::-webkit-scrollbar {
        background-color: #fff;
        width: 5px;
    }

    .scrollbar::-webkit-scrollbar-track {
        background-color: #fff;
    }

        .scrollbar::-webkit-scrollbar-track:hover {
            background-color: #f4f4f4;
        }

    .scrollbar::-webkit-scrollbar-thumb {
        background-color: #babac0;
        border-radius: 16px;
    }

        .scrollbar::-webkit-scrollbar-thumb:hover {
            background-color: #a0a0a5;
        }

    .scrollbar::-webkit-scrollbar-button {
        display: none;
    }


@media (max-width: 1199px) {
    /*  .dsb_info.card{
        margin-bottom: 20px;
    } */
    .dsb_info.card .card-body {
        padding: 20px;
    }

    .dsb_info h5 {
        font-size: 26px;
        line-height: 34px;
    }

    .select_item a {
        font-size: 14px;
        line-height: 22px;
    }

    .shape_item_wrap li .shape_item {
        border: 1px solid #e6e6e6;
        padding: 5px;
        border-radius: 5px;
        width: 75px;
        height: 75px;
        position: relative;
        margin-right: 8px;
    }

    .shape_item .shape_icn {
        margin: 0 auto 5px;
    }

    .list_title {
        margin-bottom: 10px;
    }

    .comper_stone_title {
        margin-bottom: 10px;
    }

    .product_stone_list_item .product_action_btn a {
        font-size: 14px;
    }

    .custom_btn i {
        font-size: 14px;
    }
}

@media (max-width: 991px) {
    .content_footer {
        width: 100%;
    }

    .email_modal_form .select_item_main {
        margin-bottom: 10px !important;
    }

    .cng_passwoad_wrap {
        padding: 60px 0;
    }

    .compare-stone-main ul li,
    .compare-stone-main ul:first-child li {
        padding: 15px;
    }

        .compare-stone-main ul li .comper_stone_img {
            padding: 10px;
        }
}

@media (max-width: 767px) {
    .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-name {
        display: none;
    }

    .fixed-top {
        z-index: 1032;
    }

    .custom_btn {
        padding: 5px 10px;
        line-height: 20px;
        font-size: 12px;
        margin: 2px;
    }

    .content_footer .btn-black:nth-child(3) .mr-2 img {
        margin-right: 9px;
    }

    .price_select_wrap {
        margin-bottom: 15px;
    }

    .select_item_main {
        margin-bottom: 10px;
    }

    .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate {
        text-align: right;
        float: none;
    }

    .dataTables_wrapper .dataTables_length select {
        margin-top: 2px;
    }

    .dataTables_wrapper .dataTables_length {
        text-align: left;
        margin-top: 15px;
    }

    .dataTables_wrapper .bottom {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .dimond_card_wrap .dimond_img label.cust-chk-bx {
        float: left;
        transform: translate(10px, 5px);
    }

    .dataTables_wrapper .dataTables_length label {
        margin-bottom: 0;
    }

    .list_show {
        overflow-y: scroll;
    }

    .SearchResultData a[href="javascript:void(0);"]:hover {
        text-decoration: none;
        pointer-events: none;
    }

    .search_result_status {
        margin-top: 15px;
    }

    .cng_passwoad_wrap {
        padding: 30px 0;
    }

    .comper_stone_title h5 {
        font-size: 14px;
    }

    .d_desc_title {
        margin-top: 20px;
    }

    .dimond_desc_table .table th, .dimond_desc_table .table td {
        font-size: 12px;
    }

    .dim_dic {
        right: 10px;
        top: 10px;
    }
}

@media (max-width: 576px) {
    .navbar-title h4 {
        font-size: 16px;
    }

    .select_item {
        margin-right: 2px;
        margin-bottom: 5px;
        padding: 3px 10px;
        min-width: 30px;
    }

    .custom_btn {
        margin-bottom: 5px;
    }

    .content_footer .button_wrap {
        text-align: center !important;
    }

    .profile_wrpa {
        padding-top: 0;
    }

    .profile_pic {
        padding-bottom: 10px;
    }

    .cng_passwoad_wrap {
        padding: 0px 0;
    }

    .compare-stone-main ul li .comper_stone_img {
        padding: 3px;
    }

    .compare-stone-main ul li,
    .compare-stone-main ul:first-child li {
        padding: 10px;
    }

        .compare-stone-main ul li:first-child {
            padding-left: 10px;
        }

        .compare-stone-main ul li p {
            font-size: 12px;
        }

    .comper_stone_title h5 {
        font-size: 12px;
    }

    .add_carat {
        position: absolute;
        top: -10px;
        right: -10px;
        display: inline-block;
    }

    .dimond_card_wrap {
        margin-right: 0;
    }

    .product_stone_wrap .card-body {
        padding: 15px;
    }

    .product_stone_list_item .product_action_btn {
        text-align: center;
    }

    .product_stone_tabs .btn_link {
        width: 100px;
    }
}

@media (max-width: 413px) {
    .dataTables_wrapper .bottom .dataTables_length,
    .dataTables_wrapper .bottom .dataTables_paginate {
        width: 100%;
        text-align: center;
    }
}

@media screen and (min-width: 992px) and (max-width: 1264px) {

    .icon_with_btn:hover .menu-titles {
        display: block;
        margin-bottom: 44px;
    }

    #surround:hover .menu-titles {
        display: block;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 991px) {
    .icon_with_btn:hover .menu-titles {
        position: relative;
        color: black;
        top: 0;
        z-index: 1030;
        transform: none;
        opacity: 1;
    }
}

@media screen and (max-width: 767px) {
    .menu-titles {
        display: none;
    }
}

.underline {
    text-decoration: none;
    position: relative;
}

.table {
    margin-bottom: 0px;
}


/*This changes is for create Table align*/
.table2 tr:nth-of-type(odd) {
    background-color: white;
}

.table2 tr, .table2 td {
    border: none;
}

b, strong {
    font-weight: 600;
}

table tr:nth-child(odd) {
    background-color: white;
}

table tr:nth-child(even) {
    background-color: #FDFCFD;
}

.customRowColor table tr:nth-child(odd) {
    background-color: #FDFCFD;
}

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

.navbar-titletileUnderline h4 {
    margin-bottom: 0px;
    padding: 0.5rem 0;
    color: white;
}


/*This is for Trade Screen page style*/
.size_section .row div {
    margin: 2px 5px;
}

.size_section .heading {
    color: black;
    font-weight: 500;
}

.size_section .row {
    border: 1px solid grey;
    border-radius: 20px;
}
/*trade_tabel style*/
.trade_table .main_heading th {
    height: 40px;
    background-color: #00b0ec;
    color: white;
    font-size: 15px;
}

.trade_table {
    margin-top: 10px;
    /*font-size:20px;*/
}

    .trade_table tr {
        font-size: 12px;
    }

.per {
    color: green;
}

.trade_table td {
    padding: 5px;
    border-bottom: 1px solid #e3e3e3;
    border-spacing: 15px;
    position: relative;
}

    .trade_table td:before, .trade_table th:before {
        position: absolute;
        content: '';
        align-item: center;
        top: 7px;
        left: 0;
        width: 100%;
        height: 50px;
        border-right: 1px solid #e3e3e3;
    }

.trade_table tr .text-center:before {
    position: absolute;
    content: '';
    alidn-item: center;
    left: 0;
    width: 100%;
    height: 50px;
    border-right: 2px solid #00b0ec;
}

table td, table th {
    text-shadow: none;
    font-family: 'Avenir', sans-serif;
    font-weight: 500;
    color: #565555;
    letter-spacing: .3px;
}

/*change video icon color*/
.fas.fa-video {
    color: #5a5a5a;
}

.a2a_kit_size_32 a {
    margin: 10px;
}

.color_item img {
    width: 68px;
    height: 68px;
}


/*.border-right-manually:before {
    content: '';
    position: absolute;
    top: 35%;
    right: 23px;
    width: 1px;
    height: 30%;
    border-right: 1px solid #c8c8c8;
}*/

/*remove bootstrap button border*/
.btn-info {
    border: none;
}

    .btn-info:hover {
        border-color: #3764c9 !important;
    }

/* image in sign in and sign up */

.imglogin, .imgsignup {
    background-image: url("../images/auth/up2.jpg");
    height: 100vh;
    width: 100%;
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}


    .imglogin img, .imgsignup img {
        position: fixed;
        right: 5rem;
        width: 8rem;
        top: 2rem;
    }

@media screen and (max-width:1440px) {
    .imglogin, .imgsignup {
        height: 100vh;
        width: 100%;
        background-position: right;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
    }

        .imglogin img, .imgsignup img {
            position: fixed;
            right: 5rem;
            width: 8rem;
            top: 2rem;
        }
}
/* for laptop screen 1366px*/

@media screen and (max-width:1366px) {
    .imglogin, .imgsignup {
        height: 100vh;
        width: 100%;
        background-position: right;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
    }

        .imglogin img, .imgsignup img {
            position: fixed;
            right: 5rem;
            width: 8rem;
            top: 2rem;
        }
}

@media screen and (max-width:1200px) {
    .imglogin, .imgsignup {
        height: 100vh;
        width: 100%;
        background-position: right;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
    }

        .imglogin img, .imgsignup img {
            position: fixed;
            right: 5rem;
            width: 8rem;
            top: 2rem;
        }
}

@media screen and (max-width:1024px) {
    .imglogin, .imgsignup {
        height: 100vh;
        width: 100%;
        background-position: bottom;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
    }

        .imglogin img, .imgsignup img {
            position: fixed;
            right: 5rem;
            width: 7rem;
            top: 2rem;
        }
}


@media screen and (max-width:990px) {
    .imglogin, .imgsignup {
        height: 100vh;
        width: 100%;
        background-position: bottom;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
    }

        .imglogin img, .imgsignup img {
            position: fixed;
            right: 5rem;
            width: 8rem;
            top: 2rem;
        }

    .sidebar-icon-only .main-panel {
        padding-left: 0 !important;
        /*margin-top: 55px;*/
    }

    .sidebar-icon-only .navbar .navbar-brand-wrapper .navbar-brand-inner-wrapper {
        margin-right: auto;
        padding: 3px 2px;
    }
}


@media screen and (max-width:768px) {
    .imglogin, .imgsignup {
        height: 100vh;
        width: 100%;
        background-position: bottom;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
    }

    /* For icons in 768px of searchResult Page*/
    .fas.fa-arrow-left + span {
        width: 172px !important;
        margin-left: 6px !important;
    }

    .fas.fa-search + span {
        width: 224px !important;
        margin-left: 5px !important;
    }

    .fas.fa-shopping-cart + span {
        margin-left: 5px !important;
    }

    .fas.fa-heart + span {
        margin-left: 5px !important;
    }

    /*.fa-sync-alt:before {
        margin-right: 18px;
    }*/

    .fas.fa-shopping-basket + span {
        margin-left: 5px !important;
    }

    .fa.fa-table + span {
        margin-left: 5px !important;
    }

    .fa.fa-th-large + span {
        margin-left: 5px !important;
    }

    .custom_btn {
        font-weight: 500;
        padding: 6px 10px !important;
        line-height: 24px;
        font-size: 11px;
        border-radius: 6px;
    }

    .search_result_button {
        text-align: left !important;
    }

    .imglogin img, .imgsignup img {
        position: fixed;
        right: 5rem;
        width: 6rem;
        top: 2rem;
    }

    .vertical-align {
        padding: 45px 4px 36px 3px;
    }

    /*  .content-wrapper {
        background-position: right;
    }*/
}


@media screen and (max-width:425px) {
    .imglogin, .imgsignup {
        height: 100vh;
        width: 100%;
        background-position: initial;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
    }

        .imglogin img {
            position: fixed;
            right: 11rem;
            width: 6rem;
            top: 0rem;
            z-index: 1;
        }

        .imgsignup img {
            position: fixed;
            right: 12rem;
            width: 5rem;
            top: -1rem;
            z-index: 1;
        }

    .vertical-align {
        padding: 70px 4px 36px 3px;
    }
}

@media screen and (max-width:375px) {
    .imglogin, .imgsignup {
        height: 100vh;
        width: 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
    }

        .imglogin img, .imgsignup img {
            position: fixed;
            right: 5rem;
            width: 5rem;
            top: 1rem;
        }
}

@media screen and (max-width:320px) {
    .imglogin, .imgsignup {
        height: 100vh;
        width: 100%;
        background-position: right;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
    }

        .imglogin img, .imgsignup img {
            position: fixed;
            right: 5rem;
            width: 4rem;
            top: 2rem;
        }
}

ul#noty_topLeft_layout_container li {
    border: none !important;
}

    ul#noty_topLeft_layout_container li .noty_bar div.noty_message {
        background-color: var(--screen_selection);
    }

        ul#noty_topLeft_layout_container li .noty_bar div.noty_message span {
            color: #005596;
        }
/*div.noty_message span:before {
    content: "\292B";
    position: absolute;
    right: 13px;
    font-weight: 800;
    font-size: 15px;

}*/



/*ul#noty_topRight_layout_container li {
    border: none !important;
}

ul#noty_topRight_layout_container li .noty_bar div.noty_message {
    background-color: #ffffff00;
    padding: 13px;
    color: inherit;
}

ul#noty_topRight_layout_container li .noty_bar div.noty_message span {
    color: #005596;
    margin-right: 15px;
}

ul#noty_topRight_layout_container li .noty_bar div.noty_message span.noty_text {
    color: inherit;
}*/

/*div.noty_message span:before {
    content: "\292B";
    position: absolute;
    top: 4px;
    right: 8px;
    font-weight: 800;
    font-size: 15px;

}*/


#CurrentPage[name=rbtnExport], #SelectedStones[name=rbtnExport] {
    transform: translateY(3px);
}


/*=============================================*/

/* Custom Foe search */

/*=============================================*/


/*.serach_main_wrpa {
    background: white;
    padding: 15px;
    border-radius: 5px;
    background: #ffffff59;
    backdrop-filter: blur(3px);
    box-shadow: 0px 0px 6px #e6e6e6;
    padding: 15px;
    border-radius: 5px;
}*/

.sidebar, .navbar .navbar-brand-wrapper {
    background-color: #ebebeb00;
}

.sidebar-icon-only .main-panel {
    width: calc(100% - 0px);
    padding-left: 70px;
    min-height: 100vh;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .sidebar-icon-only .main-panel {
        padding-top: 55px;
    }
}

.content_footer,
.navbar-menu-wrapper {
    background-color: #ffffff;
}

.navbar .navbar-brand-wrapper,
.sidebar {
    background-color: #f3f3f3;
}

.navbar .navbar-menu-wrapper {
    border-bottom-color: transparent;
}


/*+================
    btn style
    ====================+*/

.btns_style {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.btns_cust {
    padding: 10px 14px;
    background-color: var(--cust-btn-color);
    color: white;
    box-shadow: none;
    border-radius: 5px;
}
.btns_custBefore {
    padding: 8px 15px;
    background-color: var(--cust-btn-color);
    color: white;
    box-shadow: none;
    border-radius: 5px;
    margin-left: 10px;
    font-size: 13px;
    border: 1px solid #7a8490;
}
.btnbdr {
    border: 1px solid #7a8490!important;
    border-radius: 5px;
    color: white;
    font-weight: 500;
    padding: 10px 14px;
    box-shadow: none;
}
.btnbdrBefore {
    border: 1px solid #7a8490;
    border-radius: 5px;
    color: white;
    font-weight: 500;
    padding: 8px 15px;
    box-shadow: none;
    font-size: 13px;
}
    .btnbdr:hover, .btnbdrBefore:hover {
        background: none;
        color: #7a8490;
    }

.btn-p {
    background-color: var(--a-primary);
}

.btngreen {
    background-color: #008700;
}

.btnblue {
    background-color: #0055bc;
}

.btnblack {
    background-color: var(--new-clr);
}

.btnlgtgrey {
    background-color: var(--a-primary);
}

.btnlgtblack {
    background-color: #404040;
}

.btnlgtgreen {
    background-color: #008aa8;
}

.btn_org {
    background-color: var(--new-clr);
    /*background-color: var(--screen_selection);*/
}

.btnAdvSearch {
    background-color: var(--nav-select-bg);
}

.btns_cust:hover, .btns_custBefore:hover {
    background: none !important;
    color: #7a8490;
    border: 1px solid #7a8490;
}

.btns_cust.bt_dif {
    background-color: var(--a-primary) !important;
    font-weight: 500;
    color: white;
    /*background-color:var(--screen_selection);*/
}

    .btns_cust.bt_dif:hover {
        background-color: #ffffff;
        color: black;
        box-shadow: 0px 0px 8px #c8c8c8;
    }

.serach_main_wrap .form-control::placeholder {
    font-weight: 500;
    color: hsl(0deg 0% 61.56% / 71%);
}

.btns_cust i {
    color: white;
    vertical-align: middle;
}

.btns_cust:hover i {
    color: black;
}

.btns_cust.dropdown-toggle {
    padding: 6px 15px;
}

.btn-group.dropup .btns_cust.dropdown-toggle {
    padding: 4px 15px;
    line-height: 25px;
    padding-right: 30px;
    background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20448%22%20enable-background%3D%22new%200%200%20256%20448%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.arrow%7Bfill%3A%23424242%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22arrow%22%20d%3D%22M255.9%20168c0-4.2-1.6-7.9-4.8-11.2-3.2-3.2-6.9-4.8-11.2-4.8H16c-4.2%200-7.9%201.6-11.2%204.8S0%20163.8%200%20168c0%204.4%201.6%208.2%204.8%2011.4l112%20112c3.1%203.1%206.8%204.6%2011.2%204.6%204.4%200%208.2-1.5%2011.4-4.6l112-112c3-3.2%204.5-7%204.5-11.4z%22%2F%3E%3C%2Fsvg%3E%0A);
    background-position: right 10px center;
    background-repeat: no-repeat;
    background-size: auto 50%;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: white;
    color: black;
    box-shadow: 0px 0px 0px 1px #c8c8c8 !important;
}

    .btn-group.dropup .btns_cust.dropdown-toggle:hover {
        box-shadow: 0px 0px 8px #c8c8c8 !important;
    }
/*+================
datatable Commun styling
    ====================+*/



.dataTables_wrapper .dataTable thead th, .table thead th {
    border-bottom-width: 0;
    border: 1px solid #e6e6e6;
    font-weight: 400;
    white-space: nowrap;
    background-color: var(--screen_selection);
    color: #fff;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.thImg {
    filter: invert(1);
}

/*a, div, h1, h2, h3, h4, h5, p, span, * {
    font-family: 'Oswald', sans-serif;
    font-family: 'DM Sans', sans-serif;
}*/

#chkAll {
    transform: translateY(-5px);
}

@media (min-width:991px) {
    .nav-link .menu-title {
        padding: 0;
        margin: 0;
    }
}

@media (max-width:991px) {
    .sidebar .nav .nav-item .nav-link .menu-title {
        color: black;
    }

    .menu-title:before {
        display: none;
    }

    .nav-item.hover-open .nav-link .menu-title {
        transform: none;
    }

    .hover-open .nav-link .menu-title {
        animation: none;
    }

    .menu-titles {
        margin-left: 5px !important;
    }

    .nav-item:hover .nav-link .menu-title {
        background-color: transparent;
        color: #ffffff;
        filter: none;
    }

    .sidebar-offcanvas {
        top: 0;
    }

    .navbar .navbar-brand-wrapper, .sidebar {
        background-color: #f3f3f347;
    }
}


.hover_img {
    width: 16px;
    margin: 0;
    padding: 0;
    transform: scale(1.5);
    filter: brightness(0) invert(1);
}

.btns_cust:hover .hover_img {
    filter: invert(0);
}

.select2-container--default .select2-selection--multiple {
    border-radius: 0;
}


::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
    background-color: #666666;
    border-radius: 6px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
    background-color: #F5F5F5;
}

.scroll {
    scroll-behavior: smooth;
}

/*diamond details*/
.padding_row {
    padding: 10px 20px;
}

.diamondDetail {
    padding: 10px 32px;
    border-bottom: 1px solid rgb(0 0 0 / 10%);
    background-color: #e6ebef;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

    .diamondDetail div {
        border-bottom: 2px solid #666666;
        padding: 12px;
        display: inline;
        color: #666666;
    }

.detailcontainer {
    background-color: white;
    border-radius: 5px;
    border: 1px solid rgb(0 0 0 / 10%);
}

.stockno {
    color: #646464;
}

.shareIcon {
    font-size: 0.8rem !important;
}
/*.first-section_elements {
    display: grid;
    grid-template-columns: 1fr 1.15fr 0.85fr;
    grid-template-rows: 1fr;
    grid-gap: 16px 16px;
    gap: 0 16px;
    grid-template-areas: "image iframe certificate";
    margin: 16px;
}*/

.first-section_elements {
    /*display: flex;*/
    margin: 15px;
    border: 1px solid #edf2f6;
    border-radius: 5px;
    padding: 0;
    width: 50%;
}

.imgtoggleMain {
    border-bottom: 1px solid rgb(0 0 0 / 10%);
    background-color: #e6ebef;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.imgtogglediv {
    padding: 10px 17px;
}

.image-container_elements {
    width: 100%;
    height: fit-content;
    border-radius: 5px;
    background-color: #fff;
    position: relative;
    display: flex;
    justify-content: center;
    overflow: hidden;
    visibility: hidden;
}

.ifream-container_elements {
    justify-content: center;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background-color: #fff;
    position: relative;
    display: flex;
}

.main-parameters-container_elements {
    box-shadow: 0 5px 30px 0 rgb(202 215 227 / 32%);
    border: 1px solid #edf2f6;
    background-color: #f4f4f4;
    padding: 30px 35px 5px 35px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}

.info-row {
    display: flex;
    margin-bottom: 10px;
    align-items: center;
}

    .info-row h4 {
        font-size: 14px;
        min-width: auto;
        color: #212121;
        opacity: 0.6;
        font-weight: 500;
        margin-right: 5px;
    }

    .info-row p {
        font-size: 14px;
        color: #000000;
        line-height: 18px;
        font-weight: 600
    }

.end_button {
    width: 100%;
    height: 45px;
    box-shadow: 0 3px 12px 0 rgb(0 0 0 / 8%);
    border: 1px solid #65C1C6FF;
    background-color: #65C1C6FF;
    font-size: 16px;
    margin-bottom: 12px;
}

.start {
    align-items: center;
    justify-content: space-between;
    background-color: #f4f4f4;
}

.detailpage_rightbtn {
    float: right;
}

.dropdown-toggle:after {
    display: none !important;
}

.dropdown-menu[class*='date'] table th {
    font-weight: 700;
}

.dropdown-menu[class*='date'] table td {
    font-weight: 400;
    transition: all 0.2s ease;
}

.datetimepicker table tr td {
    transition: all 0.2s ease;
}

    .datetimepicker table tr td.active,
    .datetimepicker table tr td.active:hover,
    .datetimepicker table tr td.active.disabled,
    .datetimepicker table tr td.active.disabled:hover,
    .datetimepicker table tr td span.active,
    .datetimepicker table tr td span.active:hover,
    .datetimepicker table tr td span.active.disabled,
    .datetimepicker table tr td span.active.disabled:hover {
        background-color: var(--screen_selection);
        background-image: linear-gradient(to bottom,var(--a-primary),#404040) !important;
    }

.dataTables_wrapper .dataTables_length label {
    margin-bottom: 0;
}


.share-popup {
    width: 100%;
    height: 100%;
    background-color: #fff;
    padding: 32px;
    border-radius: 5px;
    box-shadow: 0 -6px 30px 0 rgb(202 215 227 / 32%);
    border: 1px solid #edf2f6;
}

.model_bg {
    background-color: rgba(0,0,0,.4);
}

.share-popup h2 {
    font-size: 21px;
    color: #212121;
}

.share-popup p {
    font-size: 16px;
    line-height: 1.71;
    color: rgba(33,33,33,.8);
}

.buttons-container {
    margin-top: 32px;
    width: 100%;
    display: flex;
    align-items: center;
}

.share-btn {
    padding: 8px 16px;
    border-radius: 5px;
    box-shadow: 0 3px 12px 0 rgb(0 0 0 / 8%);
    border: 1px solid #edf2f6;
    background-color: #fff;
    color: #212121;
    font-size: 16px;
    transition: all .3s ease;
    display: flex;
    align-items: center;
}

.Close-button {
    border-radius: 8px;
    box-shadow: 0 5px 30px 0 rgb(202 215 227 / 32%) !important;
    border: 1px solid #edf2f6;
    background-color: #fff;
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/*first section*/
.second-section_detail {
    display: flex;
    flex-direction: column;
    padding-right: 0px;
    width: 50%;
    margin-right: 0px;
}

.imgtogglediv div {
    display: inline;
    /*margin-right: 40px;*/
    padding: 0px 10px 3px 16px;
    cursor: pointer;
    color: #666666;
    border-right: 1px solid;
    transition: all 0.2s ease-in-out;
}
   
    .imgactive {
        /*border-bottom: 2px solid #666666;*/
        font-weight: bold;
        color: black !important;
    }

.third-section_detail {
    display: flex;
    margin: 0px 15px 15px 0px;
    height: 100%;
}

.diamond-table_elements {
    border-radius: 5px;
    box-shadow: 0 5px 30px 0 rgb(202 215 227 / 32%);
    border: 1px solid #edf2f6;
    background-color: #f4f4f4;
    padding: 20px 40px;
    /*width: calc(50% - 1.8%);*/
    height: 275px;
    max-width: 100%;
    display: unset;
    position: relative;
    margin: 15px 15px 15px 0px;
}

.diamond-table_elements_part {
    border-radius: 5px;
    box-shadow: 0 5px 30px 0 rgb(202 215 227 / 32%);
    border: 1px solid #edf2f6;
    background-color: #f4f4f4;
    padding: 20px 40px;
    height: auto;
    max-width: 100%;
    display: unset;
    position: relative;
    margin: 0px 15px 15px 0px;
}

.diamond-table_elements_Inclusiion {
    border-radius: 8px;
    box-shadow: 0 5px 30px 0 rgb(202 215 227 / 32%);
    border: 1px solid #edf2f6;
    background-color: #fff;
    padding: 16px 32px;
    width: calc(50% - 1.8%);
    /*height: 432px;*/
    max-width: 100%;
    display: unset;
    position: relative;
    margin: 0 16px;
}

.diamond-table_elements_Supplier {
    border-radius: 8px;
    box-shadow: 0 5px 30px 0 rgb(202 215 227 / 32%);
    border: 1px solid #edf2f6;
    background-color: #fff;
    padding: 16px 32px;
    width: calc(50% - 1.8%);
    /*height: 432px;*/
    max-width: 100%;
    display: unset;
    position: relative;
}

.diamond {
    margin: 0 0 15px;
    font-size: 20px;
    line-height: 1.33;
    color: #646464;
    font-weight: 500;
}

.table_diamonddetil {
    display: flex;
    flex-wrap: wrap;
    /*flex-direction: column;
    height: 281px;*/
}

.table_diamonddetil_fr {
    display: flex;
    /*flex-wrap: wrap;*/
    flex-direction: row;
    height: auto;
}

.diamond-table_elements_part .table_diamonddetil_fr .diamond-param h4 {
    /*width: 125px !important;*/
}

.diamond-param {
    display: flex;
    align-items: center;
    width: 170px;
    margin-bottom: 2px;
    font-weight: bold;
}

    .diamond-param h4 {
        width: auto;
        opacity: .6;
        font-size: 14px;
        color: #212121;
        white-space: nowrap;
        font-weight: 500;
        margin-right: 5px;
    }



    .diamond-param p {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 14px;
        color: #000000;
        font-weight: 500;
        text-transform: uppercase;
    }

.shape_item_wrap li .divDiamondShape.selected h6 a,
.shape_item_wrap li .shape_item:hover h6 a {
    color: #fff;
}


/*media quary*/
@media (max-width: 768px) {
    .first-section_elements {
        /*display: flex;
        align-items: center;
        flex-direction: column;*/
        flex: 1 1;
        grid-gap: 16px 16px;
        margin: 15px;
    }



    .dropdown-menu {
        left: 22px !important;
    }

    .share-popup {
        width: 100%;
        height: 100%;
    }

    .second-section_detail {
        height: auto;
        flex-direction: column;
        margin: 15px;
    }

    .third-section_detail {
        display: flex;
        height: auto;
        flex-direction: column;
        margin: 15px 0px;
    }

    .diamond-table_elements {
        height: auto;
        /* padding: 14px;*/
        width: 100%;
        margin: 0px;
    }

    .diamond-table_elements_part {
        height: auto;
        /*  padding: 14px;*/
        width: 100%;
        margin-top: 16px;
        margin: 16px 0px 0px 0px;
    }

    .diamond-table_elements_Inclusiion {
        height: auto;
        padding: 14px;
        width: 100%;
        margin: 0px;
    }

    .diamond-table_elements_Supplier {
        height: auto;
        padding: 14px;
        width: 100%;
        margin-top: 16px;
    }

    .table_diamonddetil {
        flex-direction: row;
        flex-wrap: nowrap;
        height: auto;
    }

    .table_diamonddetil_fr {
        flex-direction: column;
        flex-wrap: nowrap;
        height: auto;
    }

    /* .diamond-param {
        width: 100%;
    }*/

    .diamond-param h4 {
        width: auto;
    }

}

@media (max-width: 768px) {
    .container {
        max-width: 498px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1300px;
    }
}


.download {
    background-color: var(--screen_selection) !important;
    color: #fff;
}

    .download:hover {
        color: #fff !important;
    }

/*    .table_show a.cartStone {
    margin-left: -10px;
}*/
/*.cartStone:after {
       content: "";
    position: absolute;
    display: inline-block;
    --wh: 14px;
    width: calc(var(--wh));
    height: calc(var(--wh));
    margin-left: 1px;
    top: 30%;*/
/*background-image: url(../Content/images/icon/cart4.svg);*/
/*background-image: url(../images/icon/cart4.svg);
    background-size: cover;*/
/*filter: drop-shadow(3px 1px 0px black);*/
/*}*/
.grid-first .cartStone:after {
    --wh: 15px;
    margin-left: 2px;
    top: 5%;
}

.grid-first .cartStone:after {
    --wh: 13px;
    left: -7%;
    top: -85%;
}


@media screen and (min-width:1200px) and (max-width:1440px) {
    .list_title h6 {
        width: 100px;
    }

    .parameter_wrap > div div {
        margin-bottom: 2px;
    }

    .shadeResp {
        width: 212px !important;
    }

        .shadeResp h4 {
            width: 122px;
        }
}

@media screen and (max-width:1366px) {
    .shadeResp {
        width: 200px !important;
    }

     .diamond-param h4 {
        /*width: 85px;*/
    }

}
@media screen and (max-width:1152px){
    .serach_main_wrap{
    padding: 0px 15px;
    }
    .serach_main_wrap ul{
        padding-left:0;
    }
    .ColorWrap > div {
        flex-wrap: nowrap;
    }
    .w-200{
        width:200px!important;
    }
    .toggel_button{
        padding-top:20px!important;
    }
    .list_title {
        margin-left: -8px;
    }
    .labno_select_wrap .list_title h6, .price_select_wrap .list_title h6 {
        margin-bottom: 0px !important;
    }
    .guide{
        margin-left:15px;
    }
}
@media screen and (min-width:1200px) and (max-width:1285px) {
    .list_title h6 {
        width: 90px;
    }

    .memo_date_wrap .list_title h6 {
        width: 90px;
    }
}

@media screen and (max-width:1280px) {
    .shadeResp {
        width: 185px !important;
    }

    .w-135 {
        width: 79px !important;
    }
}



/*Parcel Page Css*/
.ParcelMainSec {
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 5px;
    background-color: #ffffff;
}

.navLinkdiv {
    padding: 10px 50px;
    cursor:pointer;
    font-size:16px;
}
.main_container{
    padding:20px;
}
.partialUl {
    border-bottom: 1px solid rgb(0 0 0 / 10%);
}

.navLinkdiv.active {
    border-bottom: 2px solid #8196ab;
    box-shadow: rgb(0 0 0 / 10%) 0px 10px 50px;
}
.ParcelshapeDiv {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}
.ParcelshapeImg {
    filter: brightness(1) invert(0) drop-shadow(0px 0px 0px black);
}
.ShpNamediv{
    margin-top:2px;
}
.firstSecDiv {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.rgtTab{
    padding:8px 60px;
}
.tglTab ul {
    padding: 10px;
    background-color: #d2dfe8;
    cursor:pointer;
    border-radius:5px;
}
.navSubLinkdiv.active {
    background-color: white;
    border-radius: 5px;
    transition:all 0.2s ease-in-out;
}
.RDheading div {
    font-size: 17px;
    color: #677688;
}
.DateTime p {
    font-size: 13px;
    color: #677688b8;
}
.ParcelParaCard {
    /*height: 20vh;*/
    border: 1px solid rgb(0 0 0 / 10%);
 border-radius:5px;   
}
.FrowBack {
    background-color: #868f9938;
}
.firstRow {
    border-bottom: 1px solid rgb(0 0 0 / 10%);
    padding: 10px 15px;
}
.ParcelParaCard{
    margin-bottom:20px;
}
.parceltable {
    width: 100%;
}
    .parceltable thead {
        line-height: 40px;
        border-bottom: 1px solid #e5e5e5;
    }
    .parceltable tbody {
        line-height: 40px;
    }
.bdrrgt {
    border-right: 1px solid #e5e5e5;
}
.clrlgt,.clrlgt th {
    background-color: #d2dfe869;
}
.ParcelSubCard table td, th {
    padding: 0px 18px;
    text-align: center;
}
.Parceltbldiv{
    overflow-x:auto;
}

@media screen and (max-width:1260px) {
    .navLinkdiv {
        padding: 10px 35px;
    }
}
@media screen and (max-width:1080px){
    .navLinkdiv {
        padding: 10px 25px;
    }
}
@media screen and (max-width:768px){
    .rgtTab {
        padding: 8px 45px;
    }
    .selectedSpan {
        margin-left: 27px;
    }
}
@media screen and (max-width:600px){
    .firstSecDiv{
        flex-direction:column;
        align-items:flex-start;
    }
    .rgtTab {
        padding: 5px 35px;
    }
}
@media screen and (max-width:525px) {
    .navLinkdiv {
        padding: 10px 15px;
    }
}


@media only screen and (min-width: 375px) and (max-width: 767px) {
    .stockno {
        font-size: 14px;
    }
}

@media only screen and (min-width: 425px) and (max-width: 667px) {
    .stockno {
        font-size: 17px;
    }
}

@media only screen and (min-width: 310px) and (max-width: 374px) {
    .stockno {
        font-size: 11px;
    }
}


@media only screen and (min-width: 310px) and (max-width: 374px) {
    .btnbdr {
        padding: 10px 4px;
        font-size: 13px;
    }
}

.fa-chevron-left:hover, .fa-chevron-left:focus {
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
    transition: 0.5s;
}

.fa-chevron-right:hover, .fa-chevron-right:focus {
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
    transition: 0.5s;
}



@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .price-cts {
        margin-bottom: 24px;
    }

    .total-price1 {
        margin-bottom: 24px;
    }

    .stock-id {
        margin-bottom: 24px;
    }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .price-cts {
        margin-bottom: 24px;
    }

    .total-price1 {
        margin-bottom: 24px;
    }

    .stock-id {
        margin-bottom: 24px;
    }

}


@media only screen and (min-width: 375px) and (max-width: 767px) {
    .range {
        margin-bottom: 35px;
    }

    .add_carat {
        top: -38px;
        right: -50px;
    }
}

@media only screen and (min-width: 425px) and (max-width: 667px) {
    .range {
        margin-bottom: 35px;
    }

    .add_carat {
        top: -38px;
        right: -50px;
    }
}

@media only screen and (min-width: 310px) and (max-width: 374px) {
    .range {
        margin-bottom: 35px;
    }

    .add_carat {
        top: -38px;
        right: -50px;
    }
}


@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fancy-intensity {
        margin-top: 8px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .fancy-intensity {
        margin-top: 8px;
    }
}


@media only screen and (min-width: 375px) and (max-width: 767px) {
    .guide {
        margin-left: 10px;
    }

    .discount {
        margin-bottom: 20px;
    }
}

@media only screen and (min-width: 425px) and (max-width: 667px) {
    .guide {
        margin-left: 10px;
    }

    .discount {
        margin-bottom: 20px;
    }
}

@media only screen and (min-width: 310px) and (max-width: 374px) {
    .guide {
        margin-left: 10px;
    }

    .discount {
        margin-bottom: 20px;
    }
}


@media only screen and (min-width: 375px) and (max-width: 767px) {
    .price-cts {
        margin-top: -15px;
    }
}

@media only screen and (min-width: 425px) and (max-width: 667px) {
    .price-cts {
        margin-top: -15px;
    }
}

@media only screen and (min-width: 310px) and (max-width: 374px) {
    .price-cts {
        margin-top: -15px;
    }
}


@media only screen and (min-width: 375px) and (max-width: 767px) {
    .share {
        padding: 10px 7px 10px 7px;
    }
}

@media only screen and (min-width: 425px) and (max-width: 667px) {
    .share {
        padding: 10px 7px 10px 7px;
    }
}

@media only screen and (min-width: 310px) and (max-width: 374px) {
    .share {
        padding: 8px 5px 8px 5px;
        font-size: 12px;
    }
}


@media only screen and (min-width: 1400px) and (max-width: 1919px) {

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

}

@media only screen and (min-width: 820px) and (max-width: 1180px) {
    .show {
        padding-left: 0px !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .show {
        padding-left: 0px !important;
    }
}

@media only screen and (min-width: 375px) and (max-width: 767px) {
    .show{
        padding-left: 0px !important;
    }
}

@media only screen and (min-width: 425px) and (max-width: 667px) {
    .show {
        padding-left: 0px !important;
    }
}

@media only screen and (min-width: 310px) and (max-width: 374px) {
    .show {
        padding-left: 0px !important;
    }
}


@media only screen and (min-width: 540px) and (max-width: 720px) {
    .product-detail1 {
        display: inline !important;
    }
}

@media screen and (max-width:540px){
    .add_carat {
        top: -44px;
        right: -506px;
        padding: 0px 5px;
        background: var(--a-primary);
    }
    .add_carat i{
        color: white;
    }
}
@media screen and (max-width:425px) {
    .add_carat {
        top: -44px;
        right: -392px;
    }
}
@media screen and (max-width:393px) {
    .add_carat {
        top: -44px;
        right: -357px;
    }
}
@media screen and (max-width:375px) {
    .add_carat {
        top: -44px;
        right: -340px;
    }

}
@media screen and (max-width:360px) {
    .add_carat {
        top: -44px;
        right: -327px;
    }
}


.cust-chk-bx {
    display: inline-block;
    position: relative;
    cursor: pointer;
    color: #333;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
    .cust-chk-bx input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }
        .cust-chk-bx input:checked ~ .cust-chkmark {
            /* background-color: #000; */
            background-color: #fff;
        }
.cust-chkmark {
    position: absolute;
    height: 14px;
    width: 14px;
    top: -4px;
    left: -7px;
    background-color: #fff;
    border-radius: 2px;
    /* box-shadow: 0 0 2px rgb(0 0 0 / 30%); */
    box-shadow: 0 0 2px rgb(0 0 0 / 61%);
}
.Chkgrid .cust-chkmark {
    top: 10px;
    left: 6px;
}
.cust-chk-bx input:checked ~ .cust-chkmark:after {
    display: block;
}
.cust-chk-bx .cust-chkmark::after {
    left: 4px;
    top: 2px;
    width: 6px;
    height: 9px;
    border: solid #000;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.chkBoxAll {
    top: -13px!important;
}
.cust-chkmark::after {
    content: "";
    position: absolute;
    display: none;
}

.offcanvas.offcanvas-end {
    transition: all 0.2s ease-in-out !important;
}

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

.img_video_cert_container {
    padding: 16px;
    justify-content: center;
}

.diam_rptNo {
    padding-bottom: 10px;
}

.diam_stoneNo {
    position: absolute;
    bottom: 18px;
    right: 25px;
    background-color: var(--a-primary);
    padding: 2px 6px 0px;
    border-radius: 4px;
    font-weight: 700;
    color: #fff;
}

#btnView .menu-titles {
    display: none !important;
}