body {
    background-color: #f4f7f6;
    font-family: "Ubuntu", sans-serif !important;
    font-size: 14px;
    color: #000000 !important;
    overflow-x: clip !important;
    margin: 10px !important;
}

/*body:before,
    body:after {*/
/* height: 5px;*/
/*width: 100%;
        position: fixed;
        content: "";
        z-index: 999;
    }

    body:before {
        top: 0;
    }

    body:after {
        bottom: 0;
    }*/

h1, h2, h3, h4, h5, h5, h6 {
    color: black;
}

@media screen and (max-width: 992px) {
    body:before,
    body:after {
        height: 0px;
    }
}

a:hover,
a:focus {
    color: #437ac7;
    text-decoration: none;
}

.inlineblock,
.card,
.card .header .header-dropdown li,
.navbar-fixed-top .navbar-right .navbar-nav,
.navbar-fixed-top .navbar-right .navbar-nav > li,
.user-account .dropdown,
ul.choose-skin li div,
ul.choose-skin li span,
.chart.easy-pie-chart-1,
.wizard .actions ul,
.social-links li,
.chat-widget li.right .chat-info,
.chat-widget li .chat-info,
.info-box-2 .icon,
.info-box-2 .content,
.weather .days li,
.weather3 .top .wrapper .temp .temp-value,
.weather3 .top .wrapper .temp .deg,
.stats-report .stat-item,
.new_timeline .header .color-overlay .day-number,
.new_timeline .header .color-overlay .date-right,
.new_timeline li div,
.team-info li,
.c_list .c_name,
.right_chat .media .message,
.right_chat .media .status,
.dt-bootstrap4 .dt-buttons,
.dt-bootstrap4 .dataTables_info,
.dt-bootstrap4 .dataTables_filter,
.dt-bootstrap4 .dataTables_paginate,
.social_icon,
.testimonial3 .testimonial-desc .testimonial-writer,
.member-card .social-links li {
    display: inline-block;
}

    .displayblock,
    .card .header .header-dropdown li a,
    .card .header h2 small,
    .navbar-nav ul.notifications li > a,
    .navbar-nav ul.notifications li .text,
    .navbar-nav ul.user-menu > li > a,
    .user-account .user-name,
    .user-account .dropdown .dropdown-menu a,
    .sidebar-nav .metismenu a,
    ul.choose-skin li,
    .auth-box .helper-text,
    .auth-box .btn-signin-social,
    .metric-inline i,
    .metric-inline span,
    .separator-linethrough:after,
    .wizard .actions,
    .wizard .actions a,
    .wizard .actions a:hover,
    .wizard .actions a:active,
    .wizard .steps,
    .wizard .steps a,
    .wizard .steps a:hover,
    .wizard .steps a:active,
    .project_widget .pw_img:before,
    .project_widget .pw_content .pw_meta small,
    .project_widget .pw_content .pw_meta span,
    .chat-widget li .message,
    .info-box-2 .chart,
    .weather2 .city-selected .temp h2,
    .weather .days li .degrees,
    .weather3 .top::after,
    .weather3 .bottom .forecast li,
    .basic-list li,
    .right_chat .media .name,
    .social_media_table .list-name,
    .testimonial4 blockquote,
    .testimonial4 blockquote:before,
    .testimonial4 blockquote:after,
    .member-card .text-pink,
    .w_social2 .pw_img:before,
    .w_social2 .pw_content .pw_meta small,
    .w_social2 .pw_content .pw_meta span,
    .w_profile .job_post,
    .feeds_widget li .feeds-body,
    .feeds_widget li .feeds-body > small,
    .timeline-item:after,
    .timeline-item .date,
    .fc .fc-view-container .fc-event:focus .fc-overlay,
    .fc .fc-view-container .fc-event:hover .fc-overlay,
    .fc .fc-view-container .fc-event:active .fc-overlay,
    .pricing3 .pricing-option .price,
    .invoice1 .info {
        display: block;
    }

.displaynone {
    display: none;
}

.overflowhidden,
.member-card {
    overflow: hidden;
}

.z-index {
    z-index: 9999;
}

.br8,
.navbar-nav .dropdown-menu {
    border-radius: 8px;
}

.p-10 {
    padding: 10px !important;
}

.l-green {
    background: -o-linear-gradient(45deg, #9ce89d, #cdfa7e) !important;
    background: linear-gradient(45deg, #9ce89d, #cdfa7e) !important;
}

.l-pink {
    background: -o-linear-gradient(45deg, pink, #fbc1cb) !important;
    background: linear-gradient(45deg, pink, #fbc1cb) !important;
}

.l-turquoise {
    background: -o-linear-gradient(45deg, #00ced1, #08e5e8) !important;
    background: linear-gradient(45deg, #00ced1, #08e5e8) !important;
}

.l-cyan {
    background: -o-linear-gradient(45deg, #49cdd0, #00bcd4) !important;
    background: linear-gradient(45deg, #49cdd0, #00bcd4) !important;
}

.l-khaki {
    background: -o-linear-gradient(45deg, khaki, #fdf181) !important;
    background: linear-gradient(45deg, khaki, #fdf181) !important;
}

/*.l-coral {
    background: linear-gradient(45deg, #01b2c6, var(--bs-success));
}*/

.l-salmon {
    background: -o-linear-gradient(45deg, #ec74a1, #fbc7c0) !important;
    background: linear-gradient(45deg, #ec74a1, #fbc7c0) !important;
}

.l-blue {
    background: -o-linear-gradient(45deg, #72c2ff, #86f0ff) !important;
    background: linear-gradient(45deg, #72c2ff, #86f0ff) !important;
}

.l-seagreen {
    background: -o-linear-gradient(45deg, #8ed8ec, #85f7b5) !important;
    background: linear-gradient(45deg, #8ed8ec, #85f7b5) !important;
}

.l-amber {
    background: -o-linear-gradient(45deg, #fda582, #f7cf68) !important;
    background: linear-gradient(45deg, #fda582, #f7cf68) !important;
}

.l-blush {
    background: -o-linear-gradient(45deg, #dd5e89, #f7bb97) !important;
    background: linear-gradient(45deg, #dd5e89, #f7bb97) !important;
}

.l-parpl {
    background: -o-linear-gradient(45deg, #a890d3, #edbae7) !important;
    background: linear-gradient(45deg, #a890d3, #edbae7) !important;
}

.l-slategray {
    background: -o-linear-gradient(45deg, #708090, #7c8ea0) !important;
    background: linear-gradient(45deg, #708090, #7c8ea0) !important;
}

.xl-pink {
    background: #f9edee !important;
}

.xl-turquoise {
    background: #bdf3f5 !important;
}

.xl-khaki {
    background: #f9f1d8 !important;
}

.xl-parpl {
    background: #efebf4 !important;
}

.xl-salmon {
    background: #ffd4c3 !important;
}

.xl-blue {
    background: #e0eff5 !important;
}

.xl-seagreen {
    background: #ebf2e8 !important;
}

.xl-slategray {
    background: #eceeef !important;
}

.page-title {
    margin-top: 0;
    margin-bottom: 30px;
    font-size: 24px;
    font-weight: 400;
}

footer {
    padding: 0 30px;
    padding-bottom: 15px;
    position: absolute;
    right: 0;
}

@media screen and (max-width: 768px) {
    footer {
        position: relative;
        text-align: center;
    }
}

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

.btn-default {
    color: #777;
    background-color: #fff;
    border-color: #eee;
    padding: 6px 18px;
}

@media only screen and (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
}

@media only screen and (max-width: 992px) {
    .hidden-sm {
        display: none !important;
    }

    .conuter-count {
        right: 4px !important;
        top: 50% !important;
        margin-top: -10px !important;
    }
}

@media only screen and (max-width: 1024px) {
    .hidden-md {
        display: none !important;
    }
}

*[dir="rtl"] .metismenu .arrow {
    float: left;
}

*[dir="rtl"] .metismenu .plus-times {
    float: left;
}

*[dir="rtl"] .metismenu .plus-minus {
    float: left;
}

.metismenu .arrow {
    float: right;
    line-height: 1.42857;
}

.metismenu .glyphicon.arrow:before {
    content: "\e079";
}

.metismenu .active > a > .glyphicon.arrow:before {
    content: "\e114";
}

.metismenu .fa.arrow:before {
    content: "\f104";
}

.metismenu .active > a > .fa.arrow:before {
    content: "\f107";
}

.metismenu .ion.arrow:before {
    content: "\f3d2";
}

.metismenu .active > a > .ion.arrow:before {
    content: "\f3d0";
}

.metismenu .plus-times {
    float: right;
}

.metismenu .fa.plus-times:before {
    content: "\f067";
}

.metismenu .active > a > .fa.plus-times {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.metismenu .plus-minus {
    float: right;
}

.metismenu .fa.plus-minus:before {
    content: "\f067";
}

.metismenu .active > a > .fa.plus-minus:before {
    content: "\f068";
}

.metismenu .collapse {
    display: none;
}

    .metismenu .collapse.in {
        display: block;
    }

.metismenu .collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    -webkit-transition-property: height, visibility;
    -o-transition-property: height, visibility;
    transition-property: height, visibility;
}

.metismenu .has-arrow {
    position: relative;
}

    .metismenu .has-arrow:after {
        position: absolute;
        content: "";
        width: 0.5em;
        height: 0.5em;
        border-width: 1px 0 0 1px;
        border-style: solid;
        border-color: initial;
        right: 1em;
        -webkit-transform: rotate(-45deg) translate(0, -50%);
        -ms-transform: rotate(-45deg) translate(0, -50%);
        transform: rotate(-45deg) translate(0, -50%);
        -webkit-transform-origin: top;
        -ms-transform-origin: top;
        transform-origin: top;
        top: 50%;
        -webkit-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

*[dir="rtl"] .metismenu .has-arrow::after {
    right: auto;
    left: 1em;
    -webkit-transform: rotate(135deg) translate(0, -50%);
    -ms-transform: rotate(135deg) translate(0, -50%);
    transform: rotate(135deg) translate(0, -50%);
}

.metismenu .active > .has-arrow::after,
.metismenu .has-arrow[aria-expanded="true"]::after {
    -webkit-transform: rotate(-135deg) translate(0, -50%);
    -ms-transform: rotate(-135deg) translate(0, -50%);
    transform: rotate(-135deg) translate(0, -50%);
}

*[dir="rtl"] .metismenu .active > .has-arrow::after,
*[dir="rtl"] .metismenu .has-arrow[aria-expanded="true"]::after {
    -webkit-transform: rotate(225deg) translate(0, -50%);
    -ms-transform: rotate(225deg) translate(0, -50%);
    transform: rotate(225deg) translate(0, -50%);
}

.table-red .badge,
.table-green .badge,
.table-yellow .badge,
.table-purple .badge,
.table-black .badge,
.table-peach .badge,
.table-blue .badge,
.table-navy .badge {
    color: white !important;
    border-color: #fff !important;
}

.table-red i,
.table-green i,
.table-yellow i,
.table-purple i,
.table-black i,
.table-peach i,
.table-blue i,
.table-navy i {
    color: white !important;
    border-color: #fff !important;
}

.badge {
    font-weight: 400;
    padding: 4px 8px;
    text-transform: uppercase;
    line-height: 12px;
    border: 2px solid;
    margin-bottom: 2px;
}

.badge-icon {
    padding: 0.4em 0.55em;
}

    .badge-icon i {
        font-size: 0.8em;
    }

.badge-default {
    background: transparent;
    border-color: currentColor;
    color: #9a9a9a;
}

.badge-primary {
    background: transparent;
    border-color: currentColor;
    color: #00a651;
}

.badge-info {
    background: transparent;
    border-color: currentColor;
    color: #3c89da;
}

.badge-success {
    background: transparent;
    border-color: currentColor;
    color: #22af46;
}

.badge-warning {
    background: transparent;
    border-color: currentColor;
    color: #f3ad06;
}

.badge-danger {
    background: transparent;
    border-color: currentColor;
    color: #de4848;
}

#wrapper:before,
#wrapper:after {
    height: 100vh;
    /* width: 5px;*/
    position: fixed;
    content: "";
    z-index: 999;
    top: 0;
}

#wrapper:before {
    left: 0;
}

#wrapper:after {
    right: 0;
}

@media screen and (max-width: 992px) {
    #wrapper:before,
    #wrapper:after {
        width: 0px;
    }
}

#main-content {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: calc(100% - 250px);
    float: right;
    position: relative;
    /* margin-top: 65px;*/
    padding: 0 10px;
}

@media screen and (max-width: 1200px) {
    #main-content {
        width: 100%;
        padding: 0;
    }
}

html.fullscreen-bg,
html.fullscreen-bg body,
html.fullscreen-bg #wrapper {
    height: 100%;
}

.vertical-align-wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    /* display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;*/
}

.vertical-align-middle {
    display: table-cell;
    vertical-align: middle;
}

.card {
    border-radius: 0.55rem;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(50%, #f8f8f8), to(#ffffff));
    background: -o-linear-gradient(top, #ffffff 0%, #f8f8f8 50%, #ffffff 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f8f8f8 50%, #ffffff 100%);
    /*background: #fffdfd;*/
    /* background: linear-gradient(to bottom, #adb5bd2e 0%, var(--bs-white) 100%, #adb5bd2e -22%);*/
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    border: 0;
    position: relative;
    width: 100%;
    -webkit-box-shadow: 0px 5px 2px 1px #2292a917;
    box-shadow: 0px 5px 2px 1px #2292a917;
    /* box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);*/
    margin-bottom: 2px;
    /*filter: drop-shadow(1px 10px 2px rgba(0, 0, 0, 0.15)) !important;*/
}

.shadow {
    border-radius: 0.55rem;
    /*background: linear-gradient(to bottom, #ffffff 0%, #f8f8f8 50%, #ffffff 100%);*/
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    -webkit-box-shadow: 0px 5px 2px 1px #2292a917;
    box-shadow: 0px 5px 2px 1px #2292a917;
    /*width:100%;*/
    margin: 0px !important;
    margin-bottom: 0.8rem !important;
}
/*#frmListing #toggle{
    margin-left:10px;
    margin-right:10px;
}*/
.card .header {
    color: #000000;
    padding: 20px;
    position: relative;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .card .header .header-dropdown {
        position: absolute;
        top: 14px;
        right: 15px;
        list-style: none;
    }

        .card .header .header-dropdown .tab_btn {
            border-top-right-radius: 32px;
            border-bottom-right-radius: 32px;
            font-weight: 700;
            background: #eee;
            color: #000000;
            font-size: 12px;
            border-radius: 32px;
            width: 32px;
            height: 32px;
            line-height: 32px;
        }

            .card .header .header-dropdown .tab_btn.active,
            .card .header .header-dropdown .tab_btn:hover {
                background: #00a651;
                color: #fff;
            }

        .card .header .header-dropdown .dropdown-toggle:after {
            content: "\f142";
            font-family: "FontAwesome";
            border: 0;
            vertical-align: middle;
            height: auto;
            width: auto;
        }

        .card .header .header-dropdown li a {
            padding: 5px 10px;
        }

        .card .header .header-dropdown li .dropdown-menu {
            background: #17191c;
            border-radius: 0.55rem;
            overflow: hidden;
            -webkit-transform: none !important;
            -ms-transform: none !important;
            transform: none !important;
            left: auto !important;
            right: 0;
            padding: 10px;
            -webkit-box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.5);
            box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.5);
            border: 0;
        }

            .card .header .header-dropdown li .dropdown-menu li {
                display: block !important;
            }

                .card .header .header-dropdown li .dropdown-menu li a {
                    color: #999;
                    font-size: 14px;
                    padding: 10px;
                    white-space: nowrap;
                }

                    .card .header .header-dropdown li .dropdown-menu li a:hover {
                        color: #fff;
                    }

        .card .header .header-dropdown i {
            -webkit-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            font-size: 20px;
            color: #999;
        }

    .card .header h2 {
        font-size: 16px;
        color: #000000;
        position: relative;
    }

        .card .header h2 small {
            font-size: 13px;
            color: #999;
            line-height: 15px;
        }

            .card .header h2 small a {
                font-weight: 700;
                color: #777;
            }

.card .p-15 {
    padding: 15px !important;
}

.card .body {
    color: #000000;
    padding: 20px;
    font-weight: 400;
    /* max-height: 291px;*/
    max-height: 1000px;
    overflow-y: auto;
}

#ROA_Modal .tableBody {
    padding: 0px 0px 15px 0px !important;
}

#ROAController_Modal .tableBody {
    padding: 0px 15px 15px 15px !important;
}
/* #ROAController_Modal .modal-body {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }*/
#ROAController_Modal .accordion-collapse {
    margin-left: 5px !important;
    margin-right: 5px !important;
}

.card .tableBody {
    color: #000000;
    /*padding: 0px 20px 20px;*/
    padding: 0px 15px 15px 15px;
    font-weight: 400;
}
.card .tableBodyCustom {
    padding: 0px 15px 0px 15px;
   
}
.navbar-fixed-top {
    background: #fff;
    border-bottom: 1px solid #eee;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
}

@media screen and (max-width: 992px) {
    .navbar-fixed-top {
        top: 0px;
    }
}

.navbar-fixed-top .navbar-btn {
    display: none;
    float: left;
}

    .navbar-fixed-top .navbar-btn button {
        font-size: 20px;
        line-height: 0.7;
        border: none;
        background: none;
        outline: none;
    }

@media screen and (max-width: 640px) {
    .navbar-fixed-top .navbar-btn {
        margin-left: 0;
    }
}

@media screen and (max-width: 1200px) {
    .navbar-fixed-top .navbar-btn {
        display: block;
    }
}

.navbar-fixed-top .navbar-brand {
    padding: 0;
    position: relative;
}

    .navbar-fixed-top .navbar-brand img {
        width: 100%;
        vertical-align: top;
    }

.navbar-fixed-top .navbar-right #navbar-search {
    float: left;
    margin-top: 20px;
}

    .navbar-fixed-top .navbar-right #navbar-search .form-control {
        height: 40px;
    }

    .navbar-fixed-top .navbar-right #navbar-search i {
        font-size: 12px;
    }

@media screen and (max-width: 767px) {
    .navbar-fixed-top .navbar-right #navbar-search {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.navbar-nav .icon-menu {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    padding: 15px;
    position: relative;
}

    .navbar-nav .icon-menu i {
        font-size: 36px;
        /*color: #666;*/
    }

    .navbar-nav .icon-menu::after {
        display: none;
    }

    .navbar-nav .icon-menu .notification-dot {
        border-radius: 50%;
        background-color: #eb2c0d;
        min-width: 24px;
        min-height: 24px;
        position: absolute;
        top: -3px;
        right: -1px;
        text-align: center;
        font-size: 12px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
    }

.RemiderNotification_icon {
    margin-top: 3px !important;
}

.navbar-nav .dropdown-menu {
    -webkit-box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.2);
    background: #fff;
    border: 1px solid #fff;
    top: 110%;
    position: absolute;
    right: 0 !important;
    left: auto;
    padding: 20px;
}

.navbar-nav ul.notifications {
    /*background-image: linear-gradient(to bottom right, #e9eaec, #ffffff);
    counter-increment: ol-cards-count;
    filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25));
    box-shadow: inset 4px 4px 4px white, inset -2px -2px 5px rgba(0, 0, 0, 0.1);*/
    /*box-shadow: inset 2px 2px 2px white, inset -1px -1px 1px rgba(0, 0, 0, 0.25);*/
    /*background: #17191c;*/
    min-width: 500px;
    max-width: 500px;
    -webkit-box-shadow: inset 2px 2px 2px white, inset -1px -1px 1px rgba(0, 0, 0, 0.25);
    box-shadow: inset 2px 2px 2px white, inset -1px -1px 1px rgba(0, 0, 0, 0.25);
    background-image: -webkit-gradient(linear, left top, right bottom, from(#e9eaec), to(#ffffff));
    background-image: -o-linear-gradient(top left, #e9eaec, #ffffff);
    background-image: linear-gradient(to bottom right, #e9eaec, #ffffff);
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation: floatee 1s infinite ease-in-out;
    animation: floatee 1s infinite ease-in-out;
}

@-webkit-keyframes floatee {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    50% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes floatee {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    50% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.profile-box::before {
    content: "";
    position: absolute;
    top: -10px;
    right: 5px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid white;
    width: 25px;
    left: unset !important;
}

.profile-box {
    background: #ffffff !important;
    -webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08) !important;
    border-radius: 1rem;
    padding: 2rem;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

    .profile-box:hover {
        -webkit-transform: translateY(-4px);
        -ms-transform: translateY(-4px);
        transform: translateY(-4px);
    }

.notification-box::before {
    content: "";
    position: absolute;
    top: -10px;
    right: 5px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid white;
}

.notification-box {
    min-width: 480px !important;
    background: #ffffff;
    -webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
    border-radius: 1rem;
    padding: 2rem;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    max-width: 90%;
}

    .notification-box:hover {
        -webkit-transform: translateY(-4px);
        -ms-transform: translateY(-4px);
        transform: translateY(-4px);
    }

.notification-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 1rem;
    margin-bottom: 1.25rem;
    border-radius: 0.75rem;
    background: -webkit-gradient(linear, left top, right top, from(#e9f3ff), to(#ffffff));
    background: -o-linear-gradient(left, #e9f3ff, #ffffff);
    background: linear-gradient(to right, #e9f3ff, #ffffff);
    border-left: 6px solid currentColor;
    -webkit-box-shadow: 0 2px 6px rgba(13, 110, 253, 0.1);
    box-shadow: 0 2px 6px rgba(13, 110, 253, 0.1);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-bottom: 3px solid transparent !important;
}

    .notification-item:hover {
        background: -webkit-gradient(linear, left top, right top, from(#e9ecef), to(#ffffff));
        background: -o-linear-gradient(left, #e9ecef, #ffffff);
        background: linear-gradient(to right, #e9ecef, #ffffff);
        /*border-left-color: currentColor;*/
        -webkit-box-shadow: 0 4px 12px rgba(13, 110, 253, 0.15);
        box-shadow: 0 4px 12px rgba(13, 110, 253, 0.15);
        opacity: 0.9;
        border-bottom: 3px solid currentColor !important;
    }

    .notification-item i.anc-notification {
        font-size: 1.5rem;
        margin-right: 0.75rem;
        margin-top: 0.25rem;
        -webkit-transition: -webkit-transform 0.3s ease;
        transition: -webkit-transform 0.3s ease;
        -o-transition: transform 0.3s ease;
        transition: transform 0.3s ease;
        transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    }

    .notification-item:hover i.anc-notification {
        -webkit-transform: scale(1.2) rotate(8deg);
        -ms-transform: scale(1.2) rotate(8deg);
        transform: scale(1.2) rotate(8deg);
    }

.administrationCardSearchItem {
    border-left: 4px solid currentColor;
    -webkit-filter: drop-shadow(0.1px 0.1px 0.1px rgba(0, 0, 0, 0.25));
    filter: drop-shadow(0.1px 0.1px 0.1px rgba(0, 0, 0, 0.25));
    background: -webkit-gradient(linear, left top, right top, from(#eaf2fb), to(#ffffff));
    background: -o-linear-gradient(left, #eaf2fb, #ffffff);
    background: linear-gradient(to right, #eaf2fb, #ffffff);
    -webkit-box-align: unset;
    -ms-flex-align: unset;
    align-items: unset;
}

    .administrationCardSearchItem i.icons-sclae {
        font-size: 1.5rem;
        margin-right: 0.75rem;
        margin-top: 0.25rem;
        -webkit-transition: -webkit-transform 0.3s ease;
        transition: -webkit-transform 0.3s ease;
        -o-transition: transform 0.3s ease;
        transition: transform 0.3s ease;
        transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    }

    .administrationCardSearchItem:hover i.icons-sclae {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
    }

    .administrationCardSearchItem:hover i, .administrationCardSearchItem:hover img, .administrationCardSearchItem:hover svg {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
    }

    .administrationCardSearchItem .icon:hover {
        background: transparent !important;
    }

.notification-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

@media screen and (max-width: 768px) {
    .navbar-nav ul.notifications {
        width: calc(100% - 20px);
        margin: 5px 10px;
    }
}

.navbar-nav ul.notifications li {
    border-bottom: 1px solid #1f2125;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .navbar-nav ul.notifications li > a {
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

        .navbar-nav ul.notifications li > a:hover {
            -webkit-transform: scale(1.02);
            -ms-transform: scale(1.02);
            transform: scale(1.02);
            /* box-shadow: inset 2px 2px 2px white, inset -1px -1px 1px rgba(0, 0, 0, 0.25);*/
        }

    .navbar-nav ul.notifications li.header {
        color: #999;
    }

    .navbar-nav ul.notifications li.footer a {
        color: #5c8ed4;
    }

        .navbar-nav ul.notifications li.footer a:hover,
        .navbar-nav ul.notifications li.footer a:focus {
            background: transparent;
        }

    .navbar-nav ul.notifications li:last-child {
        border-bottom: none;
    }

    .navbar-nav ul.notifications li i {
        font-size: 24px;
    }

    .navbar-nav ul.notifications li > a {
        color: #777;
        padding: 15px 0;
    }

        .navbar-nav ul.notifications li > a:hover,
        .navbar-nav ul.notifications li > a:focus {
            background-color: rgba(255, 255, 255, 0.03);
        }

    .navbar-nav ul.notifications li .text {
        white-space: nowrap;
        width: 88%;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .navbar-nav ul.notifications li .timestamp {
        font-size: 13px;
        color: #666;
    }

.navbar-nav ul.user-menu {
    width: 250px;
}

@media screen and (max-width: 768px) {
    .navbar-nav ul.user-menu {
        right: 20px;
    }
}

.navbar-nav ul.user-menu > li.menu-heading {
    padding: 25px 20px 5px 0px;
    font-weight: 700;
}

.navbar-nav ul.user-menu > li > a:hover,
.navbar-nav ul.user-menu > li > a:focus {
    background: none;
}

.navbar-nav ul.user-menu.menu-icon {
    color: #fff;
}

    .navbar-nav ul.user-menu.menu-icon > li > a {
        color: #fff;
    }

@media screen and (max-width: 767px) {
    .navbar-nav {
        margin-right: 0;
    }

        .navbar-nav > li {
            display: table-cell;
            position: inherit;
            text-align: center;
        }

        .navbar-nav .dropdown-menu {
            max-height: 400px;
            overflow: auto;
        }

            .navbar-nav .dropdown-menu > li > a {
                white-space: normal;
            }

        .navbar-nav .open .dropdown-menu {
            -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.05);
            box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.05);
            position: absolute;
            width: 100%;
            background: #fff;
        }

            .navbar-nav .open .dropdown-menu > li > a {
                padding: 3px 20px;
            }

            .navbar-nav .open .dropdown-menu.notifications > li > a {
                padding: 12px 15px;
            }
}

@media screen and (max-width: 768px) {
    .navbar > .container .navbar-brand,
    .navbar > .container-fluid .navbar-brand {
        margin-left: 0;
    }
}

#navbar-menu {
    float: right;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    /*color: #5a5a5a;*/
    color: #000000;
    background-color: #f4f7f6;
}

.nav-tabs > li > a {
    font-weight: 600;
    color: inherit;
}

    .nav-tabs > li > a:hover,
    .nav-tabs > li > a:focus {
        background-color: #f5f5f5;
    }

.tab-content {
    padding: 15px;
}

.nav-tabs-colored > li.active > a,
.nav-tabs-colored > li.active > a:hover,
.nav-tabs-colored > li.active > a:focus {
    background-color: #f5f5f5;
    /*color: #5a5a5a;*/
    color: #000000;
}

.tab-content-colored {
    background-color: #f5f5f5;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
    border-color: #ddd;
}

.dropdown-menu > li > a,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    /*color: #5a5a5a;*/
    color: #000000;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    background-color: #5c8ed4;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    background-color: #efefef;
    /*color: #5a5a5a;*/
    color: #000000;
}

.nav-pills > li > a {
    color: inherit;
}

.btn-toggle-fullwidth {
    z-index: 99;
    margin-top: -6px;
    padding-left: 0 !important;
}

    .btn-toggle-fullwidth i {
        margin: 0 !important;
    }

@media screen and (max-width: 1024px) {
    .btn-toggle-fullwidth {
        display: none;
    }
}

.nav-tabs-new > li > a {
    color: #777;
    border: 1px solid #eee;
    border-radius: 30px;
    padding: 7px 23px;
    background-color: transparent;
}

    .nav-tabs-new > li > a:hover,
    .nav-tabs-new > li > a:focus {
        background-color: #00a651;
        color: #fff;
    }

    .nav-tabs-new > li > a.active {
        border: 1px solid #00a651 !important;
        background: #00a651;
        color: #fff;
    }

.nav-tabs-new2 {
    /*border-bottom: 2px solid #0dcaf0;*/
    padding-bottom: 5px;
    -webkit-box-shadow: 2px 2px 4px rgb(0 0 0 / 61%) !important;
    box-shadow: 2px 2px 4px rgb(0 0 0 / 61%) !important;
}

    .nav-tabs-new2 > li > a {
        color: #000000;
        font-size: 1rem;
        padding: 7px 20px;
        background-color: transparent;
        border-bottom: transparent;
    }

        .nav-tabs-new2 > li > a:hover,
        .nav-tabs-new2 > li > a:focus {
            /* color: #00a651;*/
            /* border-bottom: 2px solid #00a651 !important;*/
        }

        .nav-tabs-new2 > li > a.active {
            /* border-bottom: 2px solid #00a651;*/
            background-color: transparent;
            color: #00a651;
        }

.dropdown-lg .dropdown-menu {
    top: 40px !important;
    right: 0 !important;
    width: 350px;
    left: auto !important;
    -webkit-transform: inherit !important;
    -ms-transform: inherit !important;
    transform: inherit !important;
    padding: 20px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

#left-sidebar {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: 250px;
    background-color: #f4f7f6;
    height: 100%;
    float: left;
    margin-top: 61px;
    position: fixed;
    left: 0;
    z-index: 9;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

    #left-sidebar::-webkit-scrollbar {
        width: 0px;
    }

@media screen and (max-width: 1200px) {
    #left-sidebar {
        -webkit-box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.2);
        box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.2);
        left: -250px;
    }
}

#left-sidebar .nav-tabs .nav-link.active {
    background-color: transparent;
    border-color: #dee2e6 #dee2e6 #f4f7f6;
}

.layout-fullwidth #wrapper #left-sidebar {
    left: -250px;
}

    .layout-fullwidth #wrapper #left-sidebar.ps {
        overflow: visible !important;
    }

.layout-fullwidth #wrapper #main-content {
    width: 100%;
}

.offcanvas-active #left-sidebar {
    left: 5px;
}

@media screen and (max-width: 768px) {
    .offcanvas-active #left-sidebar {
        left: 2px;
    }
}

.user-account {
    margin: 10px 20px;
}

    .user-account .user-name {
        color: inherit;
    }

        .user-account .user-name:hover,
        .user-account .user-name:focus {
            text-decoration: none;
        }

    .user-account .dropdown .dropdown-menu {
        border-radius: 0.55rem;
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
        border: none;
        -webkit-box-shadow: inset 2px 2px 2px white, inset -1px -1px 1px rgba(0, 0, 0, 0.25);
        box-shadow: inset 2px 2px 2px white, inset -1px -1px 1px rgba(0, 0, 0, 0.25);
        background-image: -webkit-gradient(linear, left top, right bottom, from(#e9eaec), to(#ffffff));
        background-image: -o-linear-gradient(top left, #e9eaec, #ffffff);
        background-image: linear-gradient(to bottom right, #e9eaec, #ffffff);
        /* box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.5);*/
        padding: 15px;
        /* background: #17191c;*/
    }

        /*  .user-account .dropdown .dropdown-menu-customStyle {
        background-image: linear-gradient(to bottom right, #e9eaec, #ffffff);
        counter-increment: ol-cards-count;
        filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25));
        box-shadow: inset 4px 4px 4px white, inset -2px -2px 5px rgba(0, 0, 0, 0.1);
        
    }*/

        .user-account .dropdown .dropdown-menu li.divider {
            border-bottom: 1px solid #000000;
            margin: 10px 0;
        }

        .user-account .dropdown .dropdown-menu a {
            font-size: 14px;
            /*color: #999;*/
            padding: 10px;
            -webkit-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

            .user-account .dropdown .dropdown-menu a:hover {
                color: black;
                -webkit-transform: scale(1.02);
                -ms-transform: scale(1.02);
                transform: scale(1.02);
            }

            /* .user-account .dropdown .dropdown-menu a:hover i {
                    color: black;
                }*/

            .user-account .dropdown .dropdown-menu a i {
                font-size: 14px;
            }

.sidebar-nav ul {
    list-style: none;
}

.sidebar-nav .metismenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .sidebar-nav .metismenu > li {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        position: relative;
        margin-right: 5px;
    }

        .sidebar-nav .metismenu > li a {
            border-left: 5px solid transparent;
            border-bottom: 3px solid transparent;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
        }

        .sidebar-nav .metismenu > li:hover > a {
            /*box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 1px 2px;*/
            /*border-left: 5px solid transparent;
            border-right: 5px solid transparent;*/
        }

        .sidebar-nav .metismenu > li.active > a {
            background-color: #f0f0f0;
        }

        .sidebar-nav .metismenu > li .active a {
            font-weight: 700;
        }

        .sidebar-nav .metismenu > li i {
            position: relative;
            top: 2px;
            font-size: 16px;
        }

    .sidebar-nav .metismenu a {
        -webkit-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        color: #000000;
        font-size: 1rem;
        position: relative;
        padding: 13px 15px;
        outline-width: 0;
    }

    .sidebar-nav .metismenu ul a {
        color: #000000;
        font-size: 14px;
        padding: 8px 15px 8px 57px;
        position: relative;
    }

    /*  .sidebar-nav .metismenu ul a::before {
            content: "--";
            position: absolute;
            left: 19px;
        }
*/
    .sidebar-nav .metismenu ul ul a {
        padding: 8px 15px 8px 70px;
    }

    .sidebar-nav .metismenu ul.collapse a:hover,
    .sidebar-nav .metismenu ul.collapse a:focus {
        text-decoration: none;
    }

    .sidebar-nav .metismenu a:hover,
    .sidebar-nav .metismenu a:focus,
    .sidebar-nav .metismenu a:active {
        text-decoration: none;
        background: #f0f0f0;
        -webkit-transform: scale(1.00001);
        -ms-transform: scale(1.00001);
        transform: scale(1.00001);
        /*-webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-rendering: optimizeLegibility;*/
    }

    .sidebar-nav .metismenu .has-arrow::after {
        color: #b5b5b5;
    }

ul.choose-skin li {
    margin-bottom: 4px;
}

    ul.choose-skin li div:hover {
        -webkit-transform: scale(1.2) rotate(1deg);
        -ms-transform: scale(1.2) rotate(1deg);
        transform: scale(1.2) rotate(1deg);
    }

    ul.choose-skin li div {
        border-radius: 22px;
        height: 22px;
        width: 22px;
        position: relative;
        -webkit-transition: -webkit-transform 0.3s ease;
        transition: -webkit-transform 0.3s ease;
        -o-transition: transform 0.3s ease;
        transition: transform 0.3s ease;
        transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    }


        ul.choose-skin li div.purple {
            background: #a27ce6;
        }

        ul.choose-skin li div.blue {
            background: #3eacff;
        }

        ul.choose-skin li div.cyan {
            background: #01b2c6;
        }

        ul.choose-skin li div.green {
            background: #50d38a;
        }

        ul.choose-skin li div.orange {
            /*background: #ffa500;*/
            background: #ff9800;
            /* background: #ffce4b;*/
        }

        ul.choose-skin li div.blush {
            background: #e47297;
        }

        ul.choose-skin li div.grey {
            background: #A6AEBF;
        }

        ul.choose-skin li div.white {
            background: #F5F5F5;
        }

    ul.choose-skin li.active div::before {
        position: absolute;
        color: #fff;
        font-size: 12px;
        top: 2px;
        left: 5px;
        content: "\f00c";
        font-family: "FontAwesome";
    }

    ul.choose-skin li span {
        line-height: 22px;
        vertical-align: top;
    }

.question li {
    padding: 3px 0;
}

    .question li a {
        position: relative;
    }

        .question li a:before {
            content: "--";
            left: 0;
            position: absolute;
        }

.question .help-search-form i {
    font-size: 12px;
}

label {
    /*font-weight: 500;*/
    font-size: 14px !important;
}

.form-group label {
    padding-bottom: 4px !important;
}

.lblSubstancesDoYouTake label {
    padding-bottom: 12px !important;
}

.padingcustomlable label {
    padding-bottom: 0px !important;
}

.search-form {
    position: relative;
}

    .search-form .btn {
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #999;
        position: absolute;
        top: 10px;
        right: 15px;
        border: none;
        background-color: transparent;
    }

        .search-form .btn:hover,
        .search-form .btn:focus {
            background-color: inherit;
            border-left: none;
            border-color: inherit;
        }

input[type="checkbox"]:disabled {
    background-color: #808080de !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
/*.fancy-checkbox {
    margin-right: 10px;
}

    .fancy-checkbox,
    .fancy-checkbox label {
        font-weight: normal;
    }

        .fancy-checkbox input[type="checkbox"] {
            display: none;
        }*/

/* .fancy-checkbox input[type="checkbox"] + span {
                display: inline-block;
                vertical-align: middle;
                *vertical-align: auto;
                *zoom: 1;
                *display: inline;
                cursor: pointer;
                position: relative;
            }*/

/* .fancy-checkbox input[type="checkbox"] + span:before {
                    display: inline-block;
                    vertical-align: middle;
                    *vertical-align: auto;
                    *zoom: 1;
                    *display: inline;
                    position: relative;
                    bottom: 1px;
                    width: 24px;
                    height: 24px;
                    margin-right: 10px;
                    content: "";
                    border: 1px solid #ccc;
                    border-radius: 3px;
                }*/

/* .fancy-checkbox input[type="checkbox"]:checked + span:before {
                color: #fff;
                font-family: "FontAwesome";
                content: "\f00c";
                font-size: 10px;
                text-align: center;
                line-height: 21px;
            }*/
/*
        .fancy-checkbox.custom-color-green
        input[type="checkbox"]:checked + span:before {
            color: #22af46;
            background-color: #fff;
        }

        .fancy-checkbox.custom-bgcolor-green
        input[type="checkbox"]:checked + span:before {
            color: #fff;
            background-color: #22af46;
            border-color: #1b8d38;
        }*/

.fancy-radio {
    margin-right: 10px;
}

    .fancy-radio,
    .fancy-radio label {
        font-weight: normal;
    }

        .fancy-radio input[type="radio"] {
            display: none;
        }

            .fancy-radio input[type="radio"] + span {
                display: block;
                cursor: pointer;
                position: relative;
                width: 100%;
                white-space: nowrap;
            }

                .fancy-radio input[type="radio"] + span i {
                    display: inline-block;
                    vertical-align: middle;
                    *vertical-align: auto;
                    *zoom: 1;
                    *display: inline;
                    border-radius: 8px;
                    position: relative;
                    bottom: 1px;
                    content: "";
                    border: 1px solid #ccc;
                    width: 18px;
                    height: 18px;
                    margin-right: 5px;
                    cursor:pointer;
                }

            .fancy-radio input[type="radio"]:checked + span i:after {
                border-radius: 50%;
                display: block;
                position: relative;
                top: 3px;
                left: 3px;
                content: "";
                width: 10px;
                height: 10px;
                /* background-color: #7b848c;*/
            }

        .fancy-radio.custom-color-green input[type="radio"]:checked + span i:after {
            background-color: #53d76a;
        }

        .fancy-radio.custom-bgcolor-green input[type="radio"]:checked + span i {
            background-color: #53d76a;
        }

            .fancy-radio.custom-bgcolor-green input[type="radio"]:checked + span i:after {
                background-color: #fff;
            }

.input-group-addon .fancy-radio,
.input-group-addon .fancy-checkbox {
    margin: 0;
    position: relative;
    top: 1px;
}

    .input-group-addon .fancy-radio input[type="radio"] + span i,
    .input-group-addon .fancy-checkbox input[type="checkbox"] + span {
        margin: 0;
    }

        .input-group-addon .fancy-radio input[type="radio"] + span i:before,
        .input-group-addon .fancy-checkbox input[type="checkbox"] + span:before {
            margin: 0;
        }

.form-control {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #fff;
    font-size: 14px;
}

    .form-control:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
        outline: none;
        border-color: #c1c0c0;
    }



.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.active:active {
    background-color: #5c8ed4;
    border-color: #3c78cb;
}

.parsley-errors-list {
    margin-top: 8px;
}

    .parsley-errors-list li {
        color: #de4848;
        font-size: 0.9em;
        margin-top: 3px;
    }

input.parsley-error,
select.parsley-error,
textarea.parsley-error {
    background-color: #fbf5f5;
    border-color: #efd8d8;
}

.form-control.parsley-error:focus {
    border-color: #e1b3b3;
}

.form-control.parsley-success:focus {
    border-color: #afd99d;
}

.md-editor > textarea {
    padding: 10px;
}

.dropify-wrapper {
    border-radius: 3px;
    background-color: #f9f9f9;
    color: #b9b9b9;
    border: 1px solid #ced4da;
}

    .dropify-wrapper .dropify-preview {
        background-color: #f9f9f9;
    }

select.form-control:not([size]):not([multiple]) {
    height: 36px;
}

.input-box-shodow-custom {
    -webkit-box-shadow: inset 8px 8px 8px #cbced1, inset -8px -8px 8px #fff;
    box-shadow: inset 8px 8px 8px #cbced1, inset -8px -8px 8px #fff;
}

.auth-main::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    /*width: 500px;*/
    width: 100%;
    height: 100%;
    z-index: -1;
    background: #ffffffde !important;
    /* background-image: linear-gradient(rgb(0 0 91 / 0%), rgb(242 69 80 / 67%));*/
    /* background-image: linear-gradient(rgb(0 0 91 / 0%), rgb(90 0 6 / 67%));*/
    /* background-image: linear-gradient(rgb(0 0 91 / 25%), rgb(90 0 6 / 67%));*/
    /* background: #ff572221;*/
    /*background: #191f28;*/
    /* background: #27303d;*/
    /*opacity: 0.1;*/
}


@media screen and (max-width: 640px) {
    .auth-main::before {
        width: 100%;
    }
}

.auth-main:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
    /*  background-image: url('../images/bg-imageloginscreen22.jpg') no-repeat center center fixed;*/
    /*  background-image: url('../images/bg-imageloginscreen33.jpg');
    background: url('../images/bg-background.jpg') no-repeat center center fixed;*/

    background: url('../images/loginb.jpg') center center;
    /*background-size: cover;*/
    /* background: url('../images/bgbacklogin.jpg') no-repeat;*/
    background-size: 100%;
}

.boder-raduis-0-5 {
    border-radius: 0.5rem
}

.bg-custom-login {
    /* background: #289a94;*/
    /*  box-shadow: 0px 0px 80px 80px rgba(0, 0, 0, 0.15);*/
    /* -webkit-backdrop-filter: blur(106px);*/
    /* backdrop-filter: blur(106px);*/
    /* background-image: linear-gradient(rgba(0, 0, 91, 1), rgba(90, 0, 6, 1));*/
    /*border-radius: 5px;*/
}

.bg-white-custom {
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(50%, #f8f8f8), to(#ffffff));
    background: -o-linear-gradient(top, #ffffff 0%, #f8f8f8 50%, #ffffff 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f8f8f8 50%, #ffffff 100%);
    /* background: #fffdfd; */
    /* background: linear-gradient(to bottom, #adb5bd2e 0%, var(--bs-white) 100%, #adb5bd2e -22%); */
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    border: 0;
    position: relative;
    width: 100%;
    -webkit-box-shadow: 0px 5px 2px 0px #2292a917;
    box-shadow: 0px 5px 2px 0px #2292a917;
    background: #ffffffc7 !important;
    border-radius: 0px !important;
}

.auth-main .card {
    border-radius: 0rem 0rem 0.5rem 0.5rem !important;
}
/*.input-loging {
    width: 100%;
    font-size: .9rem;
    color: rgba(224, 235, 255, 0.7);
    margin-bottom: 1rem;
    padding: 0.5rem;
    text-decoration: none;
    background: rgba(255, 255, 255, 0.15);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    filter: blur(0.2px);
    border-radius: 7px;
    border-left: none;
    border-right: none;
    border-top: none;
    outline: none;
}*/

.input-loging:focus {
    background: #e0e5ec;
    -webkit-box-shadow: inset 5px 5px 15px rgba(0, 0, 0, 0.15), inset -5px -5px 15px rgba(255, 255, 255, 0.5), 0 0 10px rgba(0, 123, 255, 0.8);
    box-shadow: inset 5px 5px 15px rgba(0, 0, 0, 0.15), inset -5px -5px 15px rgba(255, 255, 255, 0.5), 0 0 10px rgba(0, 123, 255, 0.8);
    outline: none;
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: #01b2c6;
    outline: 0;
    -webkit-box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
    font-size: 1em !important;
}

.login-wraper {
    background-image: -webkit-gradient(linear, left top, right bottom, from(#e9eaec), to(#ffffff)) !important;
    background-image: -o-linear-gradient(top left, #e9eaec, #ffffff) !important;
    background-image: linear-gradient(to bottom right, #e9eaec, #ffffff) !important;
    counter-increment: ol-cards-count;
    -webkit-filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25));
    filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25));
}

.input-loging {
    background: #e0e5ec;
    border: none;
    border-radius: 30px;
    padding: 12px 20px;
    font-size: 1em !important;
    background-image: -webkit-gradient(linear, left top, right bottom, from(#e9eaec), to(#ffffff));
    background-image: -o-linear-gradient(top left, #e9eaec, #ffffff);
    background-image: linear-gradient(to bottom right, #e9eaec, #ffffff);
    counter-increment: ol-cards-count;
    -webkit-filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25));
    filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25));
    /* filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.25)); */
    -webkit-box-shadow: inset 2px 2px 2px white, inset -1px -1px 1px rgba(0, 0, 0, 0.25);
    box-shadow: inset 2px 2px 2px white, inset -1px -1px 1px rgba(0, 0, 0, 0.25);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    width: 100%;
}
    .input-loging:-webkit-autofill:focus {
        color: #000000 !important;
        background: rgba(255, 255, 255, 0.15);
        -webkit-box-shadow: 0 0 0 1000px rgb(255 255 255) inset !important;
        box-shadow: 0 0 0 1000px rgb(255 255 255) inset !important;
        outline: none;
        font-size: 1em !important;
    }
    .input-loging:-webkit-autofill {
        color: #000000 !important;
        background: rgba(255, 255, 255, 0.15);
        -webkit-box-shadow: 0 0 0 1000px rgb(255 255 255) inset !important;
        box-shadow: 0 0 0 1000px rgb(255 255 255) inset !important;
        outline: none;
        font-size: 1em !important;
    }
    .input-loging:focus {
        color: #2a2e31;
        background: rgba(255, 255, 255, 0.15);
        /* box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);*/
        -webkit-box-shadow: 0 0 0 1000px rgb(255 255 255) inset !important;
        box-shadow: 0 0 0 1000px rgb(255 255 255) inset !important;
        outline: none;
    }

    .input-loging:focus-within {
        color: #000000 !important;
        background: rgba(255, 255, 255, 0.15);
        -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        outline: none;
        font-size: 1em !important;
    }

    .input-loging:focus-visible {
        color: #000000 !important;
        background: rgba(255, 255, 255, 0.15);
        -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        outline: none;
        font-size: 1em !important;
    }

.input-loging:target-within {
    color: #000000 !important;
    background: rgba(255, 255, 255, 0.15);
    -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    outline: none;
    font-size: 1em !important;
}

    .input-loging:visited {
        background: rgba(255, 255, 255, 0.15) !important;
        outline: none;
        font-size: 1em !important;
        color: #000000 !important;
    }

.login-box-shodow {
    width: 100%;
    font-size: .9rem;
    color: rgba(224, 235, 255, 0.7);
    margin-bottom: 1rem;
    padding: 0.5rem;
    text-decoration: none;
    background: rgba(255, 255, 255, 0.15);
    -webkit-box-shadow: 0px 6px 0px 0px var(--bs-gray-400);
    box-shadow: 0px 6px 0px 0px var(--bs-gray-400);
    -webkit-filter: blur(0.2px);
    filter: blur(0.2px);
    border-radius: 7px;
    border-left: none;
    border-right: none;
    border-top: none;
}

.hover-link-button:hover {
    color: red;
}

.login-hover-btn {
    /* background-color: #01b2c6 !important;*/
    color: white;
}

    .login-hover-btn:hover {
        /* background-color: #01b2c6 !important;*/


        color: white;
    }

.text-white-custom {
    color: white !important;
}

.appTypeWriter {
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    /*  background-image: linear-gradient( -225deg, #231557 0%, #44107a 29%, #ff1361 67%, #fff800 100% );
    background-clip: border-box;
    text-fill-color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;*/
    -webkit-animation: textclip 2s linear infinite;
    animation: textclip 2s linear infinite;
}

    .appTypeWriter > span {
        color: white !important;
    }

.appTypeWriter_2 > span {
    color: white !important;
}

@-webkit-keyframes textclip {
    to {
        background-position: 200% center;
    }
}

@keyframes textclip {
    to {
        background-position: 200% center;
    }
}

.auth-main .card {
    padding: 10px;
}

.auth-box {
    /*max-width: 25%;*/
    /*max-width: 420px;*/
    /*  max-width: 30rem;*/
    max-width: 40rem;
    height: auto;
    margin: auto;
}

    .auth-box .top img {
        width: 130px;
    }

    .auth-box .form-auth-small .element-left {
        float: left;
    }

    .auth-box .form-auth-small .element-right {
        float: right;
    }

    .auth-box .lead {
        font-size: 18px;
    }

    .auth-box .helper-text {
        color: #9a9a9a;
    }

    .auth-box .btn-signin-social {
        padding: 10px 22px;
        width: 100%;
        background-color: #fff;
        border-color: #f0f0f0;
    }

        .auth-box .btn-signin-social:hover,
        .auth-box .btn-signin-social:focus {
            background-color: #f0f0f0;
        }

        .auth-box .btn-signin-social i {
            font-size: 16px;
            margin: 5px;
        }
/*@media screen and (min-width: 992px) {
    .auth-box {
        max-width: 480px;
    }
}*/

@media screen and (min-width: 1800px) {
    .auth-box {
        max-width: 40%;
        width: 100%;
        font-size: 1rem;
    }
}

@media screen and (min-width: 2000px) {
    .auth-box {
        max-width: 35%;
        width: 100%;
        /* font-size:1rem;*/
    }
}
@media screen and (min-width: 2400px) {
    .auth-box {
        max-width: 30%;
        width: 100%;
        /* font-size:1rem;*/
    }
}

@media screen and (max-width: 1492px) {
    .auth-box {
        max-width: 35rem;
        /* width: 40%;*/
        margin: 0 auto;
        font-size: 12px;
    }
}

@media screen and (max-width: 1392px) {
    .auth-box {
        /*width: 45%;*/
        margin: 0 auto;
        font-size: 12px;
    }
}

@media screen and (max-width: 1192px) {
    .auth-box {
       /* width: 50%;*/
        margin: 0 auto;
        font-size: 13px;
    }
}

@media screen and (max-width: 992px) {
    .auth-box {
       /* width: 60%;*/
        margin: 0 auto;
    }
}

@media screen and (max-width: 887px) {
    .auth-box {
       /* width: 70%;*/
        margin: 0 auto;
    }
}

@media screen and (max-width: 768px) {
    .auth-box {
       /* width: 85%;*/
        margin: 0 auto;
    }
}

@media screen and (max-width: 576px) {
    .auth-box {
        width: 90%;
        font-size: 14px;
    }

    .vertical-align-wrap {
        display: block;
    }

    .rst-pswrd-style {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .pinbar-panel {
        width: 100% !important;
    }
}

@media screen and (max-width: 480px) {
    /* .auth-box {
        width: 100%;
    }*/

    .card .tableBody-2 {
        padding: 0px;
    }
}

.btn {
    font-size: 14px;
}

.metric-inline {
    border-radius: 3px;
    padding: 20px;
    font-size: 36px;
    background-color: #f5f5f5;
}

    .metric-inline i {
        color: #9a9a9a;
        margin-bottom: 12px;
    }

    .metric-inline span {
        font-size: 20px;
    }

.separator-linethrough {
    position: relative;
    margin: 30px 0;
}

    .separator-linethrough span {
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        *zoom: 1;
        *display: inline;
        background-color: #fff;
        padding: 0 10px;
        position: inherit;
        font-size: 18px;
        z-index: 9;
    }

    .separator-linethrough:after {
        position: absolute;
        top: 50%;
        width: 100%;
        content: "";
        border-top: 1px solid #f0f0f0;
        z-index: 0;
    }

.block-header h2 {
    font-size: 20px;
}

.block-header .breadcrumb {
    background: transparent;
}

.block-header .bh_chart {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
}

    .block-header .bh_chart i {
        font-size: 12px;
    }

    .block-header .bh_chart small {
        text-transform: uppercase;
    }

#toast-container > div {
    opacity: 1;
    filter: alpha(opacity=100);
}

    #toast-container > div,
    #toast-container > div:hover {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

#toast-container .toast-close-button {
    opacity: 0.3;
    filter: alpha(opacity=30);
    top: -11px;
    text-shadow: none;
    color: #fff;
}

    #toast-container .toast-close-button:hover,
    #toast-container .toast-close-button:focus {
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

#toast-container .toast-info {
    background-color: #5c8ed4;
}

    #toast-container .toast-info .toast-close-button {
        color: #2a5ba0;
    }

#toast-container .toast-success {
    background-color: #22af46;
}

    #toast-container .toast-success .toast-close-button {
        color: #115a24;
    }

#toast-container .toast-warning {
    background-color: #f3ad06;
}

    #toast-container .toast-warning .toast-close-button {
        color: #8f6604;
    }

#toast-container .toast-error {
    background-color: #de4848;
}

    #toast-container .toast-error .toast-close-button {
        color: #8d1919;
    }

#toast-container .toast a {
    text-decoration: underline;
}

    #toast-container .toast a:hover,
    #toast-container .toast a:focus {
        text-decoration: none;
        color: #fff;
    }

#toast-container .toast .toast-message {
    font-size: 14px;
    line-height: 1.4;
}

.accordion .card-header .btn {
    font-size: 16px;
    padding: 10px 20px;
    width: 100%;
}

.accordion.custom .card-header {
    background: transparent;
    border-color: #f0f0f0;
}

    .accordion.custom .card-header .btn {
        color: #666;
    }

        .accordion.custom .card-header .btn:hover,
        .accordion.custom .card-header .btn:focus {
            text-decoration: none;
        }

.accordion.custom .card-body {
    font-size: 15px;
    color: #000000;
    line-height: 28px;
}


.progress {
    border-radius: 2px;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #f1f1f1;
}

    .progress.wide {
        width: 60px;
    }

    .progress .progress-bar {
        -webkit-transition: width 3s ease;
        -o-transition: width 3s ease;
        transition: width 3s ease;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .progress.progress-lg {
        height: 28px;
    }

    .progress.progress-sm {
        height: 12px;
    }

    .progress.progress-xs {
        height: 5px;
    }

        .progress.progress-sm .progress-bar,
        .progress.progress-xs .progress-bar {
            text-indent: -9999px;
        }

.progress-bar {
    background-color: #5c8ed4;
}

.progress-bar-success {
    background-color: #22af46;
}

.progress-bar-warning {
    background-color: #f3ad06;
}

.progress-bar-danger {
    background-color: #de4848;
}

.progress-bar-info {
    background-color: #3c89da;
}

.progress-transparent.custom-color-blue {
    background-color: rgba(14, 155, 226, 0.2);
}

    .progress-transparent.custom-color-blue .progress-bar {
        background-color: #0e9be2;
    }

.progress-transparent.custom-color-green {
    background-color: rgba(124, 172, 37, 0.2);
}

    .progress-transparent.custom-color-green .progress-bar {
        background-color: #7cac25;
    }

.progress-transparent.custom-color-orange {
    background-color: rgba(255, 68, 2, 0.2);
}

    .progress-transparent.custom-color-orange .progress-bar {
        background-color: #ff4402;
    }

.progress-transparent.custom-color-purple {
    background-color: rgba(171, 125, 246, 0.2);
}

    .progress-transparent.custom-color-purple .progress-bar {
        background-color: #ab7df6;
    }

.progress-transparent.custom-color-yellow {
    background-color: rgba(243, 187, 35, 0.2);
}

    .progress-transparent.custom-color-yellow .progress-bar {
        background-color: #f3bb23;
    }

.progress-transparent.custom-color-lightseagreen {
    background-color: rgba(32, 178, 170, 0.2);
}

    .progress-transparent.custom-color-lightseagreen .progress-bar {
        background-color: #20b2aa;
    }

.tooltip-inner {
    background-color: #1a1a1a;
}



.popover {
    -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.05);
    font-family: "Ubuntu", sans-serif;
    border-color: #ededed;
}

.popover-title {
    font-weight: 600;
    background-color: #f5f5f5;
    /*color: #5a5a5a;*/
    color: #000000;
}

.pagination > li > a,
.pagination > li > span {
    color: #5c8ed4;
}

    .pagination > li > a:hover,
    .pagination > li > span:hover,
    .pagination > li > a:focus,
    .pagination > li > span:focus {
        background-color: #7ca4dd;
        border-color: #5c8ed4;
        color: #fff;
    }

.pagination > li:first-child > a,
.pagination > li:first-child > span {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: #7ca4dd;
    border-color: #5c8ed4;
    color: #fff;
}

.pagination > .active > a,
.pagination > .active > span {
    background-color: #5c8ed4;
    border-color: #4880cf;
}

.pagination.borderless > li > a,
.pagination.borderless > li > span {
    border-radius: 2px;
    border-color: transparent;
    margin: 0 1px;
}

.pagination.borderless > li:first-child > a,
.pagination.borderless > li:first-child > span,
.pagination.borderless > li:last-child > a,
.pagination.borderless > li:last-child > span {
    border-radius: 2px;
}

.pagination.borderless > li.active > a,
.pagination.borderless > li.active > span {
    color: #fff;
    background-color: #5c8ed4;
}

    .pagination.borderless > li.active > a:hover,
    .pagination.borderless > li.active > a:focus,
    .pagination.borderless > li.active > span:hover,
    .pagination.borderless > li.active > span:focus {
        color: #fff;
        background-color: #5c8ed4;
    }

@media screen and (max-width: 767px) {
    div.dataTables_paginate .pagination {
        -webkit-box-pack: left !important;
        -ms-flex-pack: left !important;
        justify-content: left !important;
    }

    .dataTables_wrapper .col-sm-12.col-md-6,
    .dataTables_wrapper .col-sm-12.col-md-5,
    .dataTables_wrapper .col-sm-12.col-md-7 {
        padding: 0;
    }

        .dataTables_wrapper .col-sm-12.col-md-6 .dataTables_length,
        .dataTables_wrapper .col-sm-12.col-md-6 .dataTables_filter,
        .dataTables_wrapper .col-sm-12.col-md-6 .dataTables_info,
        .dataTables_wrapper .col-sm-12.col-md-6 .paging_simple_numbers,
        .dataTables_wrapper .col-sm-12.col-md-5 .dataTables_length,
        .dataTables_wrapper .col-sm-12.col-md-5 .dataTables_filter,
        .dataTables_wrapper .col-sm-12.col-md-5 .dataTables_info,
        .dataTables_wrapper .col-sm-12.col-md-5 .paging_simple_numbers,
        .dataTables_wrapper .col-sm-12.col-md-7 .dataTables_length,
        .dataTables_wrapper .col-sm-12.col-md-7 .dataTables_filter,
        .dataTables_wrapper .col-sm-12.col-md-7 .dataTables_info,
        .dataTables_wrapper .col-sm-12.col-md-7 .paging_simple_numbers {
            text-align: left !important;
            float: left !important;
        }
}

.pager li > a {
    border-color: #5c8ed4;
}

    .pager li > a:hover,
    .pager li > a:focus {
        background-color: #5c8ed4;
        border-color: #5086d1;
        color: #fff;
    }

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
    border-color: #ddd;
}


.blockquote {
    border-left: none;
    border: 1px solid #000000;
    padding: 20px;
    font-size: 1.2em;
    line-height: 1.8;
}

    .blockquote.blockquote-primary {
        border-color: #00a651;
    }

        .blockquote.blockquote-primary small {
            color: #00a651;
        }

    .blockquote.blockquote-info {
        border-color: #3c89da;
    }

        .blockquote.blockquote-info small {
            color: #3c89da;
        }

    .blockquote.blockquote-danger {
        border-color: #de4848;
    }

        .blockquote.blockquote-danger small {
            color: #de4848;
        }

    .blockquote small {
        font-size: 0.93em;
        text-transform: uppercase;
    }

.ct-chart {
    position: relative;
}


.legendLabel {
    width: 85px !important;
    position: relative;
    left: 3px;
}

#multiple_axis_chart .legendLabel {
    width: 160px !important;
}


ul.list-justify > li {
    margin-bottom: 5px;
}

    ul.list-justify > li span,
    ul.list-justify > li strong {
        float: right;
    }

ul.list-justify.large-number > li {
    margin-bottom: 15px;
}

ul.list-justify.large-number span {
    font-size: 32px;
    line-height: 1;
}

.text-primary {
    color: #5c8ed4;
}

.text-info {
    color: #3c89da;
}

.text-success {
    color: #22af46;
}

.text-warning {
    color: #f3ad06;
}

.text-danger {
    color: #de4848;
}

.text-muted {
    color: #515253 !important;
}

.text-larger {
    font-size: 1.2em;
}

.text-large {
    font-size: 1.53em;
}

.bg-success {
    background-color: #22af46;
}

.bg-warning {
    background-color: #f3ad06;
}

.bg-danger {
    background-color: #de4848;
}

.bg-info {
    background-color: #3c89da;
}

.m-l--125 {
    margin-left: -125px;
}

.m-t--125 {
    margin-top: -125px;
}

.m-r--125 {
    margin-right: -125px;
}

.m-b--125 {
    margin-bottom: -125px;
}

.m-l--120 {
    margin-left: -120px;
}

.m-t--120 {
    margin-top: -120px;
}

.m-r--120 {
    margin-right: -120px;
}

.m-b--120 {
    margin-bottom: -120px;
}

.m-l--115 {
    margin-left: -115px;
}

.m-t--115 {
    margin-top: -115px;
}

.m-r--115 {
    margin-right: -115px;
}

.m-b--115 {
    margin-bottom: -115px;
}

.m-l--110 {
    margin-left: -110px;
}

.m-t--110 {
    margin-top: -110px;
}

.m-r--110 {
    margin-right: -110px;
}

.m-b--110 {
    margin-bottom: -110px;
}

.m-l--105 {
    margin-left: -105px;
}

.m-t--105 {
    margin-top: -105px;
}

.m-r--105 {
    margin-right: -105px;
}

.m-b--105 {
    margin-bottom: -105px;
}

.m-l--100 {
    margin-left: -100px;
}

.m-t--100 {
    margin-top: -100px;
}

.m-r--100 {
    margin-right: -100px;
}

.m-b--100 {
    margin-bottom: -100px;
}

.m-l--95 {
    margin-left: -95px;
}

.m-t--95 {
    margin-top: -95px;
}

.m-r--95 {
    margin-right: -95px;
}

.m-b--95 {
    margin-bottom: -95px;
}

.m-l--90 {
    margin-left: -90px;
}

.m-t--90 {
    margin-top: -90px;
}

.m-r--90 {
    margin-right: -90px;
}

.m-b--90 {
    margin-bottom: -90px;
}

.m-l--85 {
    margin-left: -85px;
}

.m-t--85 {
    margin-top: -85px;
}

.m-r--85 {
    margin-right: -85px;
}

.m-b--85 {
    margin-bottom: -85px;
}

.m-l--80 {
    margin-left: -80px;
}

.m-t--80 {
    margin-top: -80px;
}

.m-r--80 {
    margin-right: -80px;
}

.m-b--80 {
    margin-bottom: -80px;
}

.m-l--75 {
    margin-left: -75px;
}

.m-t--75 {
    margin-top: -75px;
}

.m-r--75 {
    margin-right: -75px;
}

.m-b--75 {
    margin-bottom: -75px;
}

.m-l--70 {
    margin-left: -70px;
}

.m-t--70 {
    margin-top: -70px;
}

.m-r--70 {
    margin-right: -70px;
}

.m-b--70 {
    margin-bottom: -70px;
}

.m-l--65 {
    margin-left: -65px;
}

.m-t--65 {
    margin-top: -65px;
}

.m-r--65 {
    margin-right: -65px;
}

.m-b--65 {
    margin-bottom: -65px;
}

.m-l--60 {
    margin-left: -60px;
}

.m-t--60 {
    margin-top: -60px;
}

.m-r--60 {
    margin-right: -60px;
}

.m-b--60 {
    margin-bottom: -60px;
}

.m-l--55 {
    margin-left: -55px;
}

.m-t--55 {
    margin-top: -55px;
}

.m-r--55 {
    margin-right: -55px;
}

.m-b--55 {
    margin-bottom: -55px;
}

.m-l--50 {
    margin-left: -50px;
}

.m-t--50 {
    margin-top: -50px;
}

.m-r--50 {
    margin-right: -50px;
}

.m-b--50 {
    margin-bottom: -50px;
}

.m-l--45 {
    margin-left: -45px;
}

.m-t--45 {
    margin-top: -45px;
}

.m-r--45 {
    margin-right: -45px;
}

.m-b--45 {
    margin-bottom: -45px;
}

.m-l--40 {
    margin-left: -40px;
}

.m-t--40 {
    margin-top: -40px;
}

.m-r--40 {
    margin-right: -40px;
}

.m-b--40 {
    margin-bottom: -40px;
}

.m-l--35 {
    margin-left: -35px;
}

.m-t--35 {
    margin-top: -35px;
}

.m-r--35 {
    margin-right: -35px;
}

.m-b--35 {
    margin-bottom: -35px;
}

.m-l--30 {
    margin-left: -30px;
}

.m-t--30 {
    margin-top: -30px;
}

.m-r--30 {
    margin-right: -30px;
}

.m-b--30 {
    margin-bottom: -30px;
}

.m-l--25 {
    margin-left: -25px;
}

.m-t--25 {
    margin-top: -25px;
}

.m-r--25 {
    margin-right: -25px;
}

.m-b--25 {
    margin-bottom: -25px;
}

.m-l--20 {
    margin-left: -20px;
}

.m-t--20 {
    margin-top: -20px;
}

.m-r--20 {
    margin-right: -20px;
}

.m-b--20 {
    margin-bottom: -20px;
}

.m-l--15 {
    margin-left: -15px;
}

.m-t--15 {
    margin-top: -15px;
}

.m-r--15 {
    margin-right: -15px;
}

.m-b--15 {
    margin-bottom: -15px;
}

.m-l--10 {
    margin-left: -10px;
}

.m-t--10 {
    margin-top: -10px;
}

.m-r--10 {
    margin-right: -10px;
}

.m-b--10 {
    margin-bottom: -10px;
}

.m-l--5 {
    margin-left: -5px;
}

.m-t--5 {
    margin-top: -5px;
}

.m-r--5 {
    margin-right: -5px;
}

.m-b--5 {
    margin-bottom: -5px;
}
.m-b-2 {
    margin-bottom: 2px;
}
.m-l-0 {
    margin-left: 0px;
}

.m-t-0,
.weather2 .days-list .day h5,
.weather .city,
.weather .city h3 {
    margin-top: 0px;
}

.m-r-0,
.c_list .fancy-checkbox {
    margin-right: 0px;
}

.m-b-0,
.card .header,
.navbar-nav ul.notifications li > a .media,
.navbar-nav ul.notifications li .text,
ul.choose-skin,
.auth-box .lead,
#toast-container .toast,
.weather .city h3,
.weather6 p,
.top_counter .content .number,
.basic-list,
.c_list .fancy-checkbox,
.c_list .c_name,
.c_list address,
.social_media_table .table,
.feeds_widget,
.pricing,
.pricing h3 {
    margin-bottom: 0px;
}

    .m-l-5,
    .btn-toolbar > .btn-group,
    .badge,
    ul.choose-skin li span,
    .wizard .actions a,
    .pricing3 .pricing-option .price b {
        margin-left: 5px;
    }

    .m-t-5,
    .card .header h2 small,
    .user-account .dropdown,
    .auth-box .lead,
    .setting-list li,
    .team-info {
        margin-top: 5px;
    }

.m-r-5,
.badge,
.nav-tabs-new > li > a,
.nav-tabs-new2 > li > a,
.new_timeline .bullet,
.b4gallery .nav-item {
    margin-right: 5px;
}

.m-b-5,
.auth-box .btn-signin-social,
.weather .days li img {
    margin-bottom: 5px;
}

.m-l-10,
.navbar-nav ul.user-menu.menu-icon > li > a span,
.c_list .c_name {
    margin-left: 10px;
}

.m-t-10,
.page-loader-wrapper p,
.weather3 .top .wrapper .temp .deg,
.member-card .social-links {
    margin-top: 10px;
}

.m-r-10,
.user-account .user-photo,
.user-account .dropdown .dropdown-menu a i,
.list-referrals .value,
.top_counter .icon,
.right_chat .media .media-object,
.testimonial4 .carousel-info img {
    margin-right: 10px;
}

.m-b-10,
.block-header,
.weather4 i,
.timeline-item .date,
.pricing3 .pricing-option .price {
    margin-bottom: 10px;
}

.m-l-15 {
    margin-left: 15px;
}

.m-t-15,
.question li.menu-heading,
.social-links {
    margin-top: 15px;
}

.m-r-15,
.navbar-nav,
.new_timeline .header .color-overlay .day-number {
    margin-right: 15px;
}

.m-b-15,
.w_social3 .card .fa {
    margin-bottom: 15px;
}

.m-l-20,
.bh_chart,
.media.mright .media-right,
.chat-widget li.left .chat-info,
.invoice1 .info {
    margin-left: 20px;
}

.m-t-20,
.auth-box .form-auth-small .btn,
.auth-box .form-auth-small .bottom,
.block-header,
.weather3 .top .wrapper .heading,
.weather3 .top .wrapper .location,
.stats-report,
.testimonial2 .testimonial-desc,
.testimonial3 .testimonial-desc,
.pricing3 .pricing-option .price {
    margin-top: 20px;
}

    .m-r-20,
    .navbar-fixed-top .navbar-right #navbar-search,
    .navbar-nav ul.notifications li > a .media .media-left,
    .sidebar-nav .metismenu > li i,
    .block-header .bh_chart,
    .ct-legend li,
    .media.mleft .media-left,
    .bs-example .media .media-left,
    .chat-widget li.right .chat-info {
        margin-right: 20px;
    }

.m-b-20,
.block-header,
.chart.easy-pie-chart-1,
.media,
.chat-widget li,
.weather .city,
.profilepage_2 .profile-header .profile-image {
    margin-bottom: 20px;
}

.m-l-25 {
    margin-left: 25px;
}

.m-t-25 {
    margin-top: 25px;
}

.m-r-25 {
    margin-right: 25px;
}

.m-b-25,
.pricing2 .pricing-plan .pricing-img {
    margin-bottom: 25px;
}

.m-l-30 {
    margin-left: 30px;
}

.m-t-30 {
    margin-top: 30px;
}

.m-r-30 {
    margin-right: 30px;
}

.m-b-30,
.auth-box .top,
.testimonial2,
.testimonial3,
.testimonial4 {
    margin-bottom: 30px;
}

.m-l-35 {
    margin-left: 35px;
}

.m-t-35 {
    margin-top: 35px;
}

.m-r-35 {
    margin-right: 35px;
}

.m-b-35 {
    margin-bottom: 35px;
}

.m-l-40 {
    margin-left: 40px;
}

.m-t-40 {
    margin-top: 40px;
}

.m-r-40 {
    margin-right: 40px;
}

.m-b-40 {
    margin-bottom: 40px;
}

.m-l-45 {
    margin-left: 45px;
}

.m-t-45 {
    margin-top: 45px;
}

.m-r-45 {
    margin-right: 45px;
}

.m-b-45 {
    margin-bottom: 45px;
}

.m-l-50 {
    margin-left: 50px;
}

.m-t-50 {
    margin-top: 50px;
}

.m-r-50 {
    margin-right: 50px;
}

.m-b-50 {
    margin-bottom: 50px;
}

.m-l-55 {
    margin-left: 55px;
}

.m-t-55 {
    margin-top: 55px;
}

.m-r-55 {
    margin-right: 55px;
}

.m-b-55 {
    margin-bottom: 55px;
}

.m-l-60 {
    margin-left: 60px;
}

.m-t-60 {
    margin-top: 60px;
}

.m-r-60 {
    margin-right: 60px;
}

.m-b-60 {
    margin-bottom: 60px;
}

.m-l-65 {
    margin-left: 65px;
}

.m-t-65 {
    margin-top: 65px;
}

.m-r-65 {
    margin-right: 65px;
}

.m-b-65 {
    margin-bottom: 65px;
}

.m-l-70 {
    margin-left: 70px;
}

.m-t-70 {
    margin-top: 70px;
}

.m-r-70 {
    margin-right: 70px;
}

.m-b-70 {
    margin-bottom: 70px;
}

.m-l-75 {
    margin-left: 75px;
}

.m-t-75 {
    margin-top: 75px;
}

.m-r-75 {
    margin-right: 75px;
}

.m-b-75 {
    margin-bottom: 75px;
}

.m-l-80 {
    margin-left: 80px;
}

.m-t-80 {
    margin-top: 80px;
}

.m-r-80 {
    margin-right: 80px;
}

.m-b-80 {
    margin-bottom: 80px;
}

.m-l-85 {
    margin-left: 85px;
}

.m-t-85 {
    margin-top: 85px;
}

.m-r-85 {
    margin-right: 85px;
}

.m-b-85 {
    margin-bottom: 85px;
}

.m-l-90 {
    margin-left: 90px;
}

.m-t-90 {
    margin-top: 90px;
}

.m-r-90 {
    margin-right: 90px;
}

.m-b-90 {
    margin-bottom: 90px;
}

.m-l-95 {
    margin-left: 95px;
}

.m-t-95 {
    margin-top: 95px;
}

.m-r-95 {
    margin-right: 95px;
}

.m-b-95 {
    margin-bottom: 95px;
}

.m-l-100 {
    margin-left: 100px;
}

.m-t-100 {
    margin-top: 100px;
}

.m-r-100 {
    margin-right: 100px;
}

.m-b-100 {
    margin-bottom: 100px;
}

.m-l-105 {
    margin-left: 105px;
}

.m-t-105 {
    margin-top: 105px;
}

.m-r-105 {
    margin-right: 105px;
}

.m-b-105 {
    margin-bottom: 105px;
}

.m-l-110 {
    margin-left: 110px;
}

.m-t-110 {
    margin-top: 110px;
}

.m-r-110 {
    margin-right: 110px;
}

.m-b-110 {
    margin-bottom: 110px;
}

.m-l-115 {
    margin-left: 115px;
}

.m-t-115 {
    margin-top: 115px;
}

.m-r-115 {
    margin-right: 115px;
}

.m-b-115 {
    margin-bottom: 115px;
}

.m-l-120 {
    margin-left: 120px;
}

.m-t-120 {
    margin-top: 120px;
}

.m-r-120 {
    margin-right: 120px;
}

.m-b-120 {
    margin-bottom: 120px;
}

.m-l-125 {
    margin-left: 125px;
}

.m-t-125 {
    margin-top: 125px;
}

.m-r-125 {
    margin-right: 125px;
}

.m-b-125 {
    margin-bottom: 125px;
}

.margin-0,
.card .header .header-dropdown,
.card .header h2,
.navbar-nav,
.nav-tabs-new > li > a,
.sidebar-nav,
.block-header h2,
.block-header .breadcrumb,
.media .media-body .media-heading,
.wizard .content,
.wizard .content .body label.error,
.project_widget .pw_content .pw_header h6,
.weather2 .city-selected .temp h2,
.weather2 .days-list,
.weather3 .bottom .forecast,
.weather4 p,
.stats-report .stat-item h5,
.new_timeline > ul,
.new_timeline h3,
.new_timeline h4,
.c_list tr td .btn,
.right_chat .media .name,
.project_report h6,
.project_report .team-info,
.w_social2 .pw_content .pw_header h6,
.w_user .wid-u-info h5,
.feeds_widget li .feeds-body .title,
.timeline-item h5,
.fc .fc-toolbar,
.fc .fc-toolbar h2 {
    margin: 0 !important;
}

.p-l-0,
.navbar-fixed-top .navbar-btn button,
.pricing,
.invoice .nav-tabs {
    padding-left: 0px;
}

.p-t-0,
.navbar-nav ul.user-menu > li:first-child,
.basic-list li:first-child {
    padding-top: 0px;
}

.p-r-0,
.invoice .nav-tabs {
    padding-right: 0px;
}

.p-b-0,
.navbar-nav ul.notifications li.footer a,
.number-chart .body,
.basic-list li:last-child {
    padding-bottom: 0px;
}

.p-l-5 {
    padding-left: 5px;
}

.p-t-5,
.navbar-nav ul.user-menu.menu-icon > li > a,
.fc .fc-toolbar h2 {
    padding-top: 5px;
}

.p-r-5,
.wizard.vertical > .steps {
    padding-right: 5px;
}

.p-b-5,
.navbar-nav ul.user-menu.menu-icon > li > a,
.sidebar-nav .metismenu > li {
    padding-bottom: 5px;
}

.p-l-10 {
    padding-left: 10px;
}

.p-t-10,
.fc .fc-toolbar {
    padding-top: 10px;
}

.p-r-10,
.testimonial3 .testimonial-desc .testimonial-writer {
    padding-right: 10px;
}

.p-b-10,
.fc .fc-toolbar {
    padding-bottom: 10px;
}

.p-l-15,
.question li a,
.testimonial2 .testimonial-desc {
    padding-left: 15px;
}

.p-t-15,
.basic-list li {
    padding-top: 15px;
}

.p-r-15,
.stats-report .stat-item,
.testimonial3 .testimonial-desc {
    padding-right: 15px;
}

.p-b-15,
.basic-list li {
    padding-bottom: 15px;
}

.p-l-20,
.navbar-fixed-top .navbar-right #navbar-search .form-control {
    padding-left: 20px;
}

.p-t-20,
.navbar-nav ul.notifications li.footer a,
.navbar-nav ul.user-menu .menu-button,
.weather3 .bottom .forecast {
    padding-top: 20px;
}

.p-r-20 {
    padding-right: 20px;
}

.p-b-20,
.navbar-nav ul.notifications li.header {
    padding-bottom: 20px;
}

.p-l-25 {
    padding-left: 25px;
}

.p-t-25 {
    padding-top: 25px;
}

.p-r-25 {
    padding-right: 25px;
}

.p-b-25 {
    padding-bottom: 25px;
}

.p-l-30 {
    padding-left: 30px;
}

.p-t-30 {
    padding-top: 30px;
}

.p-r-30 {
    padding-right: 30px;
}

.p-b-30 {
    padding-bottom: 30px;
}

.p-l-35 {
    padding-left: 35px;
}

.p-t-35 {
    padding-top: 35px;
}

.p-r-35 {
    padding-right: 35px;
}

.p-b-35 {
    padding-bottom: 35px;
}

.p-l-40 {
    padding-left: 40px;
}

.p-t-40 {
    padding-top: 40px;
}

.p-r-40 {
    padding-right: 40px;
}

.p-b-40 {
    padding-bottom: 40px;
}

.p-l-45 {
    padding-left: 45px;
}

.p-t-45 {
    padding-top: 45px;
}

.p-r-45 {
    padding-right: 45px;
}

.p-b-45 {
    padding-bottom: 45px;
}

.p-l-50 {
    padding-left: 50px;
}

.p-t-50 {
    padding-top: 50px;
}

.p-r-50 {
    padding-right: 50px;
}

.p-b-50 {
    padding-bottom: 50px;
}

.p-l-55 {
    padding-left: 55px;
}

.p-t-55 {
    padding-top: 55px;
}

.p-r-55 {
    padding-right: 55px;
}

.p-b-55 {
    padding-bottom: 55px;
}

.p-l-60 {
    padding-left: 60px;
}

.p-t-60 {
    padding-top: 60px;
}

.p-r-60 {
    padding-right: 60px;
}

.p-b-60 {
    padding-bottom: 60px;
}

.p-l-65 {
    padding-left: 65px;
}

.p-t-65 {
    padding-top: 65px;
}

.p-r-65 {
    padding-right: 65px;
}

.p-b-65 {
    padding-bottom: 65px;
}

.p-l-70 {
    padding-left: 70px;
}

.p-t-70 {
    padding-top: 70px;
}

.p-r-70 {
    padding-right: 70px;
}

.p-b-70 {
    padding-bottom: 70px;
}

.p-l-75 {
    padding-left: 75px;
}

.p-t-75 {
    padding-top: 75px;
}

.p-r-75 {
    padding-right: 75px;
}

.p-b-75 {
    padding-bottom: 75px;
}

.p-l-80 {
    padding-left: 80px;
}

.p-t-80 {
    padding-top: 80px;
}

.p-r-80 {
    padding-right: 80px;
}

.p-b-80 {
    padding-bottom: 80px;
}

.p-l-85 {
    padding-left: 85px;
}

.p-t-85 {
    padding-top: 85px;
}

.p-r-85 {
    padding-right: 85px;
}

.p-b-85 {
    padding-bottom: 85px;
}

.p-l-90 {
    padding-left: 90px;
}

.p-t-90 {
    padding-top: 90px;
}

.p-r-90 {
    padding-right: 90px;
}

.p-b-90 {
    padding-bottom: 90px;
}

.p-l-95 {
    padding-left: 95px;
}

.p-t-95 {
    padding-top: 95px;
}

.p-r-95 {
    padding-right: 95px;
}

.p-b-95 {
    padding-bottom: 95px;
}

.p-l-100 {
    padding-left: 100px;
}

.p-t-100 {
    padding-top: 100px;
}

.p-r-100 {
    padding-right: 100px;
}

.p-b-100 {
    padding-bottom: 100px;
}

.p-l-105 {
    padding-left: 105px;
}

.p-t-105 {
    padding-top: 105px;
}

.p-r-105 {
    padding-right: 105px;
}

.p-b-105 {
    padding-bottom: 105px;
}

.p-l-110 {
    padding-left: 110px;
}

.p-t-110 {
    padding-top: 110px;
}

.p-r-110 {
    padding-right: 110px;
}

.p-b-110 {
    padding-bottom: 110px;
}

.p-l-115 {
    padding-left: 115px;
}

.p-t-115 {
    padding-top: 115px;
}

.p-r-115 {
    padding-right: 115px;
}

.p-b-115 {
    padding-bottom: 115px;
}

.p-l-120 {
    padding-left: 120px;
}

.p-t-120 {
    padding-top: 120px;
}

.p-r-120 {
    padding-right: 120px;
}

.p-b-120 {
    padding-bottom: 120px;
}

.p-l-125 {
    padding-left: 125px;
}

.p-t-125 {
    padding-top: 125px;
}

.p-r-125 {
    padding-right: 125px;
}

.p-b-125 {
    padding-bottom: 125px;
}

.padding-0,
.card .header .header-dropdown,
.card .header .header-dropdown .tab_btn,
.navbar-fixed-top,
.navbar-fixed-top .navbar-btn,
.sidebar-nav ul,
.search-form,
.search-form .btn,
.block-header .breadcrumb,
.accordion .card-header,
.ct-legend,
.chat-widget,
.weather3 .bottom .forecast,
.new_timeline .header,
.right_chat .media .status,
.profilepage_1 .tab-content,
.fc
.fc-view-container
.fc-view.fc-basic-view > table > thead
tr
th.fc-agenda-gutter,
.fc
.fc-view-container
.fc-view.fc-basic-view > table > thead
tr
td.fc-agenda-gutter,
.fc
.fc-view-container
.fc-view.fc-agenda > table > thead
tr
th.fc-agenda-gutter,
.fc
.fc-view-container
.fc-view.fc-agenda > table > thead
tr
td.fc-agenda-gutter,
.fc
.fc-view-container
.fc-view.fc-basic-view > table > thead
tr
td.fc-widget-header,
.fc
.fc-view-container
.fc-view.fc-agenda > table > thead
tr
td.fc-widget-header,
.pricing2 .pricing-plan .pricing-features {
    padding: 0 !important;
}

.font-6 {
    font-size: 6px;
}

.font-7 {
    font-size: 7px;
}

.font-8 {
    font-size: 8px;
}

.font-9 {
    font-size: 9px;
}

.font-10 {
    font-size: 10px;
}

.font-11 {
    font-size: 11px;
}

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

.font-13 {
    font-size: 13px;
}

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

.font-15 {
    font-size: 15px;
}

.font-16 {
    font-size: 16px;
}

.font-17 {
    font-size: 17px;
}

.font-18 {
    font-size: 18px;
}

.font-19 {
    font-size: 19px;
}

.font-20 {
    font-size: 20px;
}

.font-21 {
    font-size: 21px;
}

.font-22 {
    font-size: 22px;
}

.font-23 {
    font-size: 23px;
}

.font-24 {
    font-size: 24px;
}

.font-25 {
    font-size: 25px;
}

.font-26 {
    font-size: 26px;
}

.font-27 {
    font-size: 27px;
}

.font-28 {
    font-size: 28px;
}

.font-29 {
    font-size: 29px;
}

.font-30 {
    font-size: 30px;
}

.font-31 {
    font-size: 31px;
}

.font-32 {
    font-size: 32px;
}

.font-33 {
    font-size: 33px;
}

.font-34 {
    font-size: 34px;
}

.font-35 {
    font-size: 35px;
}

.font-36 {
    font-size: 36px;
}

.font-37 {
    font-size: 37px;
}

.font-38 {
    font-size: 38px;
}

.font-39 {
    font-size: 39px;
}

.font-40 {
    font-size: 40px;
}

.font-41 {
    font-size: 41px;
}

.font-42 {
    font-size: 42px;
}

.font-43 {
    font-size: 43px;
}

.font-44 {
    font-size: 44px;
}

.font-45 {
    font-size: 45px;
}

.font-46 {
    font-size: 46px;
}

.font-47 {
    font-size: 47px;
}

.font-48 {
    font-size: 48px;
}

.font-49 {
    font-size: 49px;
}

.font-50 {
    font-size: 50px;
}

.align-left,
.user-account,
.user-account .dropdown,
.block-header .bh_chart,
.accordion .card-header .btn,
.chat-widget li.left .chat-info,
.testimonial2 .testimonial-desc {
    text-align: left;
}

.align-center,
.card .header .header-dropdown .tab_btn,
.navbar-nav ul.user-menu .menu-button,
.auth-box .form-auth-small .bottom,
.metric-inline,
.separator-linethrough,
.sparkline,
.chart.easy-pie-chart-1,
.chart.easy-pie-chart-1 > span > img,
.page-loader-wrapper,
.info-box-2 .chart,
.weather2 .days-list .day,
.weather .days li,
.weather3 .top,
.weather6,
.top_counter .icon,
.c_list address i,
.social_icon,
.profile_state,
.testimonials .body,
.member-card,
.w_social3 .card,
.profilepage_2 .profile-header,
.pricing,
.pricing2,
.pricing3 {
    text-align: center;
}

.align-right,
.ct-legend,
.media.mright .media-body,
.wizard .actions,
.chat-widget li.right,
.chat-widget li.right .chat-info,
.testimonial3 .testimonial-desc {
    text-align: right;
}

.align-justify {
    text-align: justify;
}

.padding-25 {
    padding: 25px !important;
}

.media .media-body {
    color: #666;
    font-size: 14px;
}

    .media .media-body .media-heading {
        font-size: 16px;
        font-weight: 700;
        color: #222;
    }

.table .thead-primary th {
    color: #fff;
    background-color: #00a651;
    border-color: #00a651;
}

.table .thead-success th {
    color: #fff;
    background-color: #22af46;
    border-color: #22af46;
}

.table .thead-danger th {
    color: #fff;
    background-color: #de4848;
    border-color: #de4848;
}

.table .thead-info th {
    color: #fff;
    background-color: #3c89da;
    border-color: #3c89da;
}

.table .thead-purple th {
    color: #fff;
    background-color: #a27ce6;
    border-color: #a27ce6;
}

.table .thead-warning th {
    color: #fff;
    background-color: #ffce4b;
    border-color: #ffce4b;
}

.table .thead-dark th {
    color: #fff;
    background-color: #212529;
    border-color: #32383e;
}

.page-loader-wrapper {
    z-index: 99999999;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

    .page-loader-wrapper p {
        color: #fff;
    }

    .page-loader-wrapper .loader {
        position: relative;
        top: calc(40% - 30px);
    }


.top_counter .icon {
    border-radius: 0.55rem;
    float: left;
    width: 50px;
    height: 50px;
}

    .top_counter .icon i {
        font-size: 20px;
        line-height: 49px;
    }

    .top_counter .icon:hover {
        background: #eee;
    }

.top_counter .content {
    height: 50px;
}

.logo-name {
    color: inherit;
    font-size: 36px;
    font-weight: 500;
    /* padding-left: 30px;*/
}

.logo-name-img {
    width: 125px !important;
}

    .logo-name-img img {
        width: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        height: auto !important;
    }

.logo-name:hover {
    color: inherit;
}

.invoice1 .logo,
.invoice1 .clientlogo {
    float: left;
    height: 70px;
    width: 70px;
}

.invoice1 .info {
    float: left;
}

.invoice1 .invoice-top .title {
    float: right;
}

.invoice1 .invoice-mid .info {
    width: calc(100% - 90px);
}

.invoice .table tr td {
    vertical-align: middle;
}

.sub-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 60%;
    z-index: 9;
    display: none;
    width: 200px;
    border: 1px solid #f2f2f2;
}

.leftShape {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 20px solid #fff;
    border-bottom: 10px solid transparent;
    position: absolute;
    left: -18px;
    top: 10%;
    z-index: 99;
}

.sub-menu li {
    padding: 10px 20px;
}

    .sub-menu li a {
        color: #17191c;
    }

.sub-menu hr {
    margin: 0;
}

/*  */
.outer {
    border: 1px solid #ebebeb;
}

    .outer .inner {
        border: 1px solid #ebebeb;
        background-color: #ececec;
        margin: 5px;
        padding: 20px;
        text-align: center;
    }

    .outer:hover {
        border: 1px solid #00a651;
    }

        .outer:hover .inner {
            background-color: #00a651;
        }

            .outer:hover .inner .innerTxt {
                color: #fff;
            }

.dataTables_filter {
    display: none !important;
}

.dropdownBtn.dropdown-toggle:hover {
    background-color: red;
}

.dropdownBtn.dropdown-toggle:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: #fff;
    background-color: #5dbe41 !important;
    border-color: #5dbe41 !important;
}

.dropdownBtn.dropdown-toggle {
    color: #fff;
    background-color: #5dbe41 !important;
    border-color: #5dbe41 !important;
}

.filterDropDown.dropdown-menu.show {
    width: 250px;
    padding: 10px;
    margin-top: -20px;
}

#toggle {
    display: none;
}

.expandDropdown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    margin: 10px 0;
    border-radius: 5px;
}

.flexWrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.icon {
    font-size: 24px;
}

.dropdownOuter {
    border: none;
    background-color: #f2f2f2;
    padding: 5px 10px;
    border-radius: 2px;
    outline: 0;
}


@media only screen and (min-width: 992px) and (max-width: 1040px) {
    /*responsive section css end*/
    .sidebar-nav .metismenu a {
        font-size: 14px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1050px) {
    /*responsive section css end*/
    .sidebar-nav .metismenu a {
        font-size: 14px;
    }

    .navbar-expand-lg .navbar-collapse {
        -ms-flex-preferred-size: 1 !important;
        flex-basis: 1 !important;
    }
}

.login-wraper {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    -o-transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
/*.login-wraper:hover {
   
    transform: scale(1.02); 
    transition: transform 0.3s ease-in-out; 
}*/

.btn-top-fix-reponsive {
    top: 150px;
}