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

/*start old custom classes*/
.kt-aside-menu.kt-aside-menu--skin-light .kt-menu__nav>.kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--open>.kt-menu__heading .kt-menu__link-text,
.kt-aside-menu.kt-aside-menu--skin-light .kt-menu__nav>.kt-menu__item .kt-menu__submenu .kt-menu__item.kt-menu__item--open>.kt-menu__link .kt-menu__link-text {
    color: #f2f2f2;
}

.kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__heading .kt-menu__link-icon, .kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link .kt-menu__link-icon {
    color: white !important;
}

@media (min-width: 993px) {
    .kt-aside-left--minimize .kt-aside-menu.kt-aside-menu--skin-light .kt-menu__nav > .kt-menu__item:hover > .kt-menu__link > .kt-menu__link-icon {
        color: #bdeaff;
    }
}
.kt-subheader {
    padding-top: 0;
}

.kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__heading .kt-menu__link-text,
.kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link .kt-menu__link-text {
    text-transform: uppercase;
}

.kt-header-mobile .kt-header-mobile__toolbar
.kt-header-mobile__topbar-toggler i {
    color: #4eafdc !important;
}

.kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toggler span {
    background: #4eafdc !important;
}

.kt-header-mobile .kt-header-mobile__toolbar
.kt-header-mobile__toggler span::before,
.kt-header-mobile .kt-header-mobile__toolbar
.kt-header-mobile__toggler span::after {
    background: #4eafdc !important;
}
/*---------------------------------------------------
 Add background color to inputs to make more visible
 against white background
 ----------------------------------------------------*/
/*input[type], textarea,*/
/*.bootstrap-select.btn-group>.dropdown-toggle.btn-light,*/
/*.bootstrap-select.btn-group>.dropdown-toggle.btn-default,*/
/*.note-editor.note-frame .note-editing-area .note-editable,*/
/*select {*/
/*    background-color: rgba(240, 240, 240, 0.35) !important;*/
/*}*/

#app_quicksearch_input {
    background-color: transparent !important;
}

.menu-search__input::placeholder {
    color: #ffffff;
    font-size: .9rem;
    text-transform: uppercase;
}

/*---------------------------------------------------
 Highlight input used as filter when they are in use
 ----------------------------------------------------*/

input[type].kt-input--highlight, textarea.kt-input--highlight,
div.kt-input--highlight {
    box-shadow: 0 0 5px #2ea1d6;
}

div.kt-input--highlight button {
    border: none;
}

/*---------------------------------------------------
 Fix bootstrap select overflow text problem
 ----------------------------------------------------*/
.bootstrap-select .dropdown-toggle {
    min-width: 100px;
}

.bootstrap-select .dropdown-toggle .filter-option {
    height: 30px;
    display: inline;
}

.bootstrap-select > .dropdown-toggle:after {
    right: 1rem;
}

.dropdown-menu {
   z-index: 999;
}

/*---------------------------------------------------
 Select 2
 ----------------------------------------------------*/

.select2-container {
    width: 100% !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__clear {
    top: 48%;
    font-size: 1.2rem;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    float: unset;
    display: inline-block;
}

/*---------------------------------------------------
 Fix for  m_widget5 used in Todos
 ----------------------------------------------------*/
.kt-widget5 .kt-widget5__item .kt-widget5__content .kt-widget5__stats {
    display: table-cell;
    text-align: right;
    width: 7.1rem;
    padding-top: 1.07rem;
    vertical-align: top
}

.kt-datatable button.dropdown-toggle {
    display: block;
}

.kt-datatable.kt-datatable--default>.kt-datatable__pager>.kt-datatable__pager-info .kt-datatable__pager-size {
    float: left;
    margin-right: 40px;
    margin-top: -5px;
}

/*---------------------------------------------------
 Fix for  widget1 used in User profile
 ----------------------------------------------------*/
.kt-widget1 .kt-widget1__item .kt-widget1__info .kt-widget1__desc {
    width: 150px;
    display: block;
}

/*---------------------------------------------------
 Table
 ----------------------------------------------------*/
.table th, .table td {
    padding: 0.25rem;
}
.note-toolbar {
    z-index: 96;
}
.link-dialog input[type].note-btn-primary {
    background-color: #5867dd !important;
    border-color: #5867dd !important;

}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%;
}

.modal-footer .note-image-btn {
    background-color: #5867dd !important;
}

.modal-open {
    overflow-y: hidden !important;
}

.paginate-middle {
    text-align: center;
    display: inline-block;
    width: 100%;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    color: black;
}

.tooltip-inner {
    max-width: 350px;
}

.kt-aside-menu .kt-menu__nav>.kt-menu__item .kt-menu__submenu .kt-menu__item>.kt-menu__heading, .kt-aside-menu .kt-menu__nav>.kt-menu__item .kt-menu__submenu .kt-menu__item>.kt-menu__link {
    height: auto !important;
    min-height: 40px;
}

.btn.btn-icon.btn-xs {
    height: 24px;
    width: 24px;
}
.ps__rail-x{
    height: 14px !important;
    opacity: 1 !important;
    background: #0000001a !important;
}
.ps__thumb-x{
    height: 12px !important;
    background: #0730ab !important;
}
.bg-gray {
    background-color: #C8C8C8 !important;
}

.no-before-icon::before {
    display: none !important;
}
.custom-blue-hover:hover {
    background-color: #4eafdc !important;
}

/* header search dropdown Css */
.kt-quick-search__category--first:first-child{
    margin-top: 1rem;
}
.custom-position{
    left:-10.8rem !important;
    top:0.6rem !important;
}
a.kt-quick-search__item {
    display: flex;
    margin: 0.5rem 0px;
    align-items: center;
}
span.kt-quick-search__item-icon {
    width: 28px !important;
    display: block;
    height: 28px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 9px !important;
}
.margin-right{
    margin-right: 12px !important;
}
span.kt-quick-search__item-icon img{
    width: inherit;
    height: inherit
}
.kt-quick-search__wrapper {
    max-height: 385px;
}
.custom-margin{
    top:5.3rem;
}

.kt-quick-search .kt-quick-search__result .kt-quick-search__category {
    display: flex;
    font-weight: 600;
    font-size: 1rem;
    text-transform: uppercase;
    color: rgb(78, 175, 220);
    padding: 0px;
    margin: 1.5rem 0px 0.5rem;
}

/*finish old custom classes*/


/**
*
* Metronic V8 custom classes
*
*/



*{
    font-family: 'Poppins', sans-serif;
}
@media (min-width: 1025px) {
    .card.kt-portlet--height-fluid {
        height: calc(100% - 20px)
    }

    .card.kt-portlet--height-fluid .card-body {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .card.kt-portlet--height-fluid-half {
        height: calc(50% - 20px)
    }

    .card.kt-portlet--height-fluid-half .card-body {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

[data-theme="light"] [data-kt-app-layout=dark-sidebar] .app-sidebar {
    background-color: #4eafdc;
}

[data-theme="light"] .app-sidebar-logo {
    background-color: var(--kt-app-header-base-bg-color);
    border-bottom: 0 !important;
}

[data-theme="light"] [data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-title {
    color: white;
}

[data-theme="light"] [data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-icon, [data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-icon .svg-icon, [data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-icon i {
    color: white;
}

[data-theme="light"] [data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-heading {
    color: white !important;
}

[data-theme="light"] [data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link {
    color: white;
}

[data-theme="light"] [data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-arrow:after {
    background-color: white;
}
/*
[data-theme="light"] .left-menu > .menu-item:not(.pt-5):not(.show):hover {
    background-color: #419AC3;
    border-radius: 0.475rem;
} */
[data-theme="light"] .left-menu > .menu-item:not(.pt-5).show {
    background-color: #1f6280;
    border-radius: 0.475rem;
}

.kt-widget25 .kt-widget25__stats {
    font-size: 4.5rem;
    font-weight: 500;
    color: rgb(108, 114, 147);
}

.kt-font-brand {
    color: rgb(78, 175, 220) !important;
}

.kt-widget4 .kt-widget4__item .kt-widget4__info {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    padding-right: 1.25rem;
    -webkit-box-flex: 1;
    flex-grow: 1;
}

.kt-widget4 .kt-widget4__item {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px dashed rgb(235, 237, 242);
}

.kt-widget4 .kt-widget4__item .kt-widget4__info .kt-widget4__title {
    font-weight: 500;
    font-size: 1.1rem;
    color: rgb(108, 114, 147);
}

.kt-widget4 .kt-widget4__item .kt-widget4__title {
    color: rgb(108, 114, 147);
    font-size: 1rem;
    font-weight: 500;
    padding-right: 1.25rem;
    -webkit-box-flex: 1;
    flex-grow: 1;
    transition: color 0.3s ease 0s;
}

/*//*/
.kt-list-timeline .kt-list-timeline__group {
    margin: 0 0 2rem 0;
}

.kt-list-timeline .kt-list-timeline__heading {
    margin: 0 0 1.25rem 0;
    font-weight: 700;
    font-size: 1rem;
    text-transform: uppercase;
}

.kt-widget5 .kt-widget5__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1.43rem;
    padding-bottom: 1.57rem;
    border-bottom: 0.07rem dashed #ebedf2;
}

.kt-widget5 .kt-widget5__item .kt-widget5__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.kt-widget5 .kt-widget5__item .kt-widget5__content .kt-widget5__stats:first-child {
    padding-right: 3rem;
}

.kt-widget5 .kt-widget5__item .kt-widget5__content .kt-widget5__stats {
    display: table-cell;
    text-align: right;
    width: 7.1rem;
    padding-top: 1.07rem;
    vertical-align: top;
}

.kt-widget5 .kt-widget5__item .kt-widget5__content .kt-widget5__pic {
    padding-right: 1.43rem;
}

.kt-widget5 .kt-widget5__item .kt-widget5__content .kt-widget5__pic img {
    width: 8.6rem;
    border-radius: 4px;
}

.kt-widget5 .kt-widget5__item .kt-widget5__content .kt-widget5__title {
    font-size: 1.1rem;
    font-weight: 500;
    color: #6c7293;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
}

.accordion.accordion-solid .card:last-child {
    margin-bottom: 0;
}

.accordion.accordion-solid .card {
    margin-bottom: 1.5rem;
    border: 0;
}

.accordion > .card:last-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.accordion > .card:first-of-type {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.accordion .card {
    margin: 0;
}

.accordion > .card {
    overflow: hidden;
}

.accordion.accordion-solid .faq-card:last-child {
    margin-bottom: 0;
}

.accordion.accordion-solid .faq-card {
    margin-bottom: 1.5rem;
    border: 0;
}

.accordion > .faq-card:last-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.accordion > .faq-card:first-of-type {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.accordion .faq-card {
    margin: 0;
}

.accordion > .faq-card {
    overflow: hidden;
}

.faq-card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: var(--kt-app-sidebar-light-bg-color);
    background-clip: border-box;
    border: 1px solid #ebedf2;
    border-radius: 0.25rem;
}

.accordion.accordion-solid .faq-card .faq-kt-portlet__head  {
    padding: 0;
    background-color: transparent;
}

.accordion .faq-card .faq-kt-portlet__head  {
    cursor: pointer;
    margin: 0;
    padding: 0;
    border-bottom: 0;
}

.accordion > .faq-card .faq-kt-portlet__head  {
    margin-bottom: -1px;
}

.kt-widget5__section{
    width: 100%;
}

.faq-kt-portlet__head:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.faq-kt-portlet__head  {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: var(--kt-app-sidebar-light-bg-color);
    border-bottom: 1px solid #ebedf2;
}

.accordion.accordion-toggle-plus .faq-card .faq-kt-portlet__head  .faq-card-title.collapsed {
    color: var(--kt-text-gray-500);
}

.accordion.accordion-solid .faq-card .faq-kt-portlet__head  .faq-card-title.collapsed {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    width: 97%;
}

.accordion.accordion-toggle-plus .faq-card .faq-kt-portlet__head  .faq-card-title {
    color: #4eafdc;
    position: relative;
}

.accordion.accordion-solid .faq-card .faq-kt-portlet__head  .faq-card-title {
    font-size: 1.1rem;
    padding: 1.25rem;
    background-color: var(--kt-app-sidebar-light-bg-color);
    border-radius: 4px;
}

.accordion .faq-card .faq-kt-portlet__head  .faq-card-title.collapsed {
    color: #6c7293;
    background-color: var(--kt-app-sidebar-light-bg-color);
}

.accordion .faq-card .faq-kt-portlet__head  .faq-card-title {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 500;
    padding: 1rem 1rem;
    color: #4eafdc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.faq-card-title {
    margin-bottom: 0.75rem;
}

.accordion .faq-card .faq-kt-portlet__head  {
    cursor: pointer;
    margin: 0;
    padding: 0;
    border-bottom: 0;
}

.accordion.accordion-toggle-plus .faq-card .faq-kt-portlet__head  .faq-card-title.collapsed:after {
    color: var(--kt-text-gray-500);
    content: "\2b" !important;
}
.accordion.accordion-solid .faq-card .faq-kt-portlet__head .faq-card-title:after{
    content: '\f068' !important;
    font-family: 'FontAwesome';
}

.accordion.accordion-toggle-plus .faq-card .faq-kt-portlet__head  .faq-card-title:after {
    position: absolute;
    font-family: 'FontAwesome';
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    content: "\2b";
    font-size: 1.2rem;
    color: #4eafdc;
}

.accordion .faq-card .faq-kt-portlet__head  .faq-card-title:after {
    right: 1rem;
}

.collapse:not(.show) {
    display: none;
}

.accordion.accordion-solid .faq-card .faq-card-body {
    border: 1px solid var(--kt-border-color);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.accordion .faq-card .faq-card-body {
    padding: 1.25rem;
    font-size: 1rem;
}

.kt-widget5 .kt-widget5__item .kt-widget5__content .kt-widget5__info span:nth-child(even) {
    font-weight: 500;
    margin-right: 0.71rem;
}

.kt-font-info {
    color: #5578eb !important;
}

.kt-widget5 .kt-widget5__item .kt-widget5__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.kt-widget5 .kt-widget5__item .kt-widget5__content .kt-widget5__title {
    font-size: 1.1rem;
    font-weight: 500;
    color: #6c7293;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    display: inline-block;
    padding-right: 7rem;

}
.accordion.accordion-solid .faq-card .faq-kt-portlet__head .faq-card-title{
    width: 97%;
}

.kt-widget5 .kt-widget5__item .kt-widget5__content .kt-widget5__stats:first-child {
    padding-right: 3rem;
}

.kt-widget5 .kt-widget5__item .kt-widget5__content .kt-widget5__stats {
    display: table-cell;
    text-align: right;
    width: 7.1rem;
    padding-top: 1.07rem;
    vertical-align: top;
}

.kt-widget5 .kt-widget5__item .kt-widget5__content .kt-widget5__stats {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.kt-widget5 .kt-widget5__item .kt-widget5__content .kt-widget5__stats .kt-widget5__number {
    font-size: 1.3rem;
    font-weight: 500;
    color: #6c7293;
}

.kt-widget5 .kt-widget5__item .kt-widget5__content:last-child {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: right;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-left: 1rem;
}

.kt-widget5 .kt-widget5__item .kt-widget5__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.kt-portlet {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-shadow: 0 0 13px 0 rgb(82 63 105 / 5%);
    box-shadow: 0 0 13px 0 rgb(82 63 105 / 5%);
    background-color: var(--kt-card-bg);
    margin-bottom: 20px;
    border-radius: 4px;
}

.kt-portlet .kt-portlet__head {
    -webkit-transition: left .3s, right .3s, height .3s;
    transition: left .3s, right .3s, height .3s;
}

.kt-portlet .kt-portlet__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    padding: 0 25px !important;
    border-bottom: 1px solid #ebedf2;
    min-height: 60px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.kt-portlet .kt-portlet__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 25px;
    border-radius: 4px;
}

.kt-portlet .kt-portlet__head .kt-portlet__head-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: flex-first;
}

.kt-portlet .kt-portlet__head .kt-portlet__head-toolbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: end;
    align-content: flex-end;
}

.kt-portlet .kt-portlet__head  .kt-portlet__head-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: flex-first;
}

.kt-portlet .kt-portlet__head  .kt-portlet__head-toolbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: end;
    align-content: flex-end;
}

.kt-portlet .kt-portlet__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 25px;
    border-radius: 4px;
}

.kt-portlet .card-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 25px;
    border-radius: 4px;
}

.kt-portlet .kt-portlet__foot {
    padding: 25px;
    border-top: 1px solid #ebedf2;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.btn-brand {
    color: #212529;
    background-color: #4eafdc!important;
    border-color: #4eafdc;
}

.btn.btn-icon.btn-brand i {
    color: #fff;
}

.btn-brand {
    color: #212529;
    background-color: #4eafdc;
    border-color: #4eafdc
}

.btn-brand:hover {
    color: #fff;
    background-color: #2ea1d6;
    border-color: #299ace
}

.btn-brand:focus, .btn-brand.focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(71, 154, 193, 0.5);
    box-shadow: 0 0 0 .2rem rgba(71, 154, 193, 0.5)
}

.btn-brand.disabled, .btn-brand:disabled {
    color: #212529;
    background-color: #4eafdc;
    border-color: #4eafdc
}

.btn-brand:not(:disabled):not(.disabled):active, .btn-brand:not(:disabled):not(.disabled).active, .show > .btn-brand.dropdown-toggle {
    color: #fff;
    background-color: #299ace;
    border-color: #2792c4
}

.btn-brand:not(:disabled):not(.disabled):active:focus, .btn-brand:not(:disabled):not(.disabled).active:focus, .show > .btn-brand.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(71, 154, 193, 0.5);
    box-shadow: 0 0 0 .2rem rgba(71, 154, 193, 0.5)
}

.btn-brand + .btn.dropdown-toggle {
    position: relative
}

.btn-brand + .btn.dropdown-toggle:before {
    display: block;
    content: ' ';
    border-left: 1px solid #fff;
    position: absolute;
    top: 3px;
    left: -1px;
    bottom: 3px;
    opacity: .3
}

.btn-brand + .btn.dropdown-toggle:hover:before, .btn-brand + .btn.dropdown-toggle:focus:before, .btn-brand + .btn.dropdown-toggle.active:before {
    display: none
}

.show > .btn.btn-brand.btn-elevate.btn-sm, .btn-group-sm.show > .btn.btn-brand.btn-elevate, .btn.btn-brand.btn-elevate:focus.btn-sm, .btn-group-sm > .btn.btn-brand.btn-elevate:focus, .btn.btn-brand.btn-elevate.active.btn-sm, .btn-group-sm > .btn.btn-brand.btn-elevate.active, .btn.btn-brand.btn-elevate:active.btn-sm, .btn-group-sm > .btn.btn-brand.btn-elevate:active, .btn.btn-brand.btn-elevate:hover.btn-sm, .btn-group-sm > .btn.btn-brand.btn-elevate:hover {
    -webkit-box-shadow: 0 6px 16px 0 rgba(78, 175, 220, 0.25) !important;
    box-shadow: 0 6px 16px 0 rgba(78, 175, 220, 0.25) !important
}

.show > .btn.btn-brand.btn-elevate-hover, .btn.btn-brand.btn-elevate-hover.active, .btn.btn-brand.btn-elevate-hover:focus, .btn.btn-brand.btn-elevate-hover:active, .btn.btn-brand.btn-elevate-hover:hover {
    -webkit-box-shadow: 0 9px 16px 0 rgba(78, 175, 220, 0.25) !important;
    box-shadow: 0 9px 16px 0 rgba(78, 175, 220, 0.25) !important
}

.show > .btn.btn-brand.btn-elevate-hover.btn-sm, .btn-group-sm.show > .btn.btn-brand.btn-elevate-hover, .btn.btn-brand.btn-elevate-hover.active.btn-sm, .btn-group-sm > .btn.btn-brand.btn-elevate-hover.active, .btn.btn-brand.btn-elevate-hover:focus.btn-sm, .btn-group-sm > .btn.btn-brand.btn-elevate-hover:focus, .btn.btn-brand.btn-elevate-hover:active.btn-sm, .btn-group-sm > .btn.btn-brand.btn-elevate-hover:active, .btn.btn-brand.btn-elevate-hover:hover.btn-sm, .btn-group-sm > .btn.btn-brand.btn-elevate-hover:hover {
    -webkit-box-shadow: 0 6px 16px 0 rgba(78, 175, 220, 0.25) !important;
    box-shadow: 0 6px 16px 0 rgba(78, 175, 220, 0.25) !important
}

.btn-brand {
    border-width: 1px;
    border-style: solid
}

.show > .btn.btn-brand.btn-elevate-hover, .btn.btn-brand.btn-elevate-hover.active, .btn.btn-brand.btn-elevate-hover:focus, .btn.btn-brand.btn-elevate-hover:active, .btn.btn-brand.btn-elevate-hover:hover {
    -webkit-box-shadow: 0 9px 16px 0 rgba(78, 175, 220, 0.25) !important;
    box-shadow: 0 9px 16px 0 rgba(78, 175, 220, 0.25) !important
}

.show > .btn.btn-brand.btn-elevate-hover.btn-sm, .btn-group-sm.show > .btn.btn-brand.btn-elevate-hover, .btn.btn-brand.btn-elevate-hover.active.btn-sm, .btn-group-sm > .btn.btn-brand.btn-elevate-hover.active, .btn.btn-brand.btn-elevate-hover:focus.btn-sm, .btn-group-sm > .btn.btn-brand.btn-elevate-hover:focus, .btn.btn-brand.btn-elevate-hover:active.btn-sm, .btn-group-sm > .btn.btn-brand.btn-elevate-hover:active, .btn.btn-brand.btn-elevate-hover:hover.btn-sm, .btn-group-sm > .btn.btn-brand.btn-elevate-hover:hover {
    -webkit-box-shadow: 0 6px 16px 0 rgba(78, 175, 220, 0.25) !important;
    box-shadow: 0 6px 16px 0 rgba(78, 175, 220, 0.25) !important
}

.kt-hidden, .kt-hide {
    display: none !important;
}

.kt-grid-nav {
    padding: 0;
    margin: 0;
    display: table;
    table-layout: fixed;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}

.kt-grid-nav > .kt-grid-nav__row {
    display: table-row;
}

.kt-grid-nav .kt-grid-nav__row .kt-grid-nav__item {
    border-right: 1px solid #ebedf2;
    border-bottom: 1px solid #ebedf2;
}

.kt-grid-nav > .kt-grid-nav__row > .kt-grid-nav__item {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 3.3rem 0.75rem;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.kt-grid-nav .kt-grid-nav__row .kt-grid-nav__item .kt-grid-nav__icon {
    color: #4eafdc;
}

.kt-grid-nav > .kt-grid-nav__row > .kt-grid-nav__item .kt-grid-nav__icon {
    text-align: center;
    font-size: 2.5rem;
}

.kt-grid-nav .kt-grid-nav__row .kt-grid-nav__item .kt-grid-nav__title {
    color: #4eafdc;
}

.kt-grid-nav > .kt-grid-nav__row > .kt-grid-nav__item .kt-grid-nav__title {
    display: block;
    line-height: 1;
    text-align: center;
    margin: 10px 0 0 0;
    font-size: 1.2rem;
    font-weight: 500;
}

.kt-grid-nav > .kt-grid-nav__row {
    display: table-row
}

.kt-grid-nav > .kt-grid-nav__row > .kt-grid-nav__item {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 3.3rem .75rem;
    -webkit-transition: all .3s;
    transition: all .3s
}

.kt-grid-nav > .kt-grid-nav__row > .kt-grid-nav__item:hover {
    text-decoration: none;
    -webkit-transition: all .3s;
    transition: all .3s
}

.kt-grid-nav > .kt-grid-nav__row > .kt-grid-nav__item .kt-grid-nav__icon {
    text-align: center;
    font-size: 2.5rem
}

.kt-grid-nav > .kt-grid-nav__row > .kt-grid-nav__item .kt-grid-nav__title {
    display: block;
    line-height: 1;
    text-align: center;
    margin: 10px 0 0 0;
    font-size: 1.2rem;
    font-weight: 500
}

.kt-grid-nav > .kt-grid-nav__row > .kt-grid-nav__item .kt-grid-nav__desc {
    display: block;
    line-height: 1;
    text-align: center;
    margin: 10px 0 0 0;
    font-size: 1rem;
    font-weight: 400
}

.dropdown-menu .kt-grid-nav {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

@media (max-width: 1024px) {
    .kt-grid-nav > .kt-grid-nav__row > .kt-grid-nav__item {
        padding: 1rem .5rem
    }
}

.kt-grid-nav .kt-grid-nav__row .kt-grid-nav__item {
    border-right: 1px solid #ebedf2;
    border-bottom: 1px solid #ebedf2
}

.kt-grid-nav .kt-grid-nav__row .kt-grid-nav__item:last-child {
    border-right: 0
}

.kt-grid-nav .kt-grid-nav__row .kt-grid-nav__item .kt-grid-nav__icon {
    color: #4eafdc
}

.kt-grid-nav .kt-grid-nav__row .kt-grid-nav__item .kt-grid-nav__title {
    color: #4eafdc
}

.kt-grid-nav .kt-grid-nav__row .kt-grid-nav__item .kt-grid-nav__desc {
    color: var(--kt-text-gray-500)
}

.kt-grid-nav .kt-grid-nav__row .kt-grid-nav__item:hover {
    background: #f7f8fa
}

.kt-grid-nav .kt-grid-nav__row .kt-grid-nav__item:hover .kt-grid-nav__icon {
    color: #6c7293
}

.kt-grid-nav .kt-grid-nav__row:last-child .kt-grid-nav__item {
    border-bottom: 0 !important
}

.form-group {
    margin-bottom: 2rem;
}

.table .thead-light th {
    color: rgb(108, 114, 147);
    background-color: var(--kt-white-bg-rgb);
    border-color: rgb(235, 237, 242);
}

.pagination {
    margin-top: 1rem;
    margin-bottom: 1rem;
    float: left;
}

.table thead th, .table thead td {
    font-weight: 500;
    border-bottom-width: 1px;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.table th, .table td {
    padding: 0.25rem;
}

.kt-user-card-v2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    margin: 0;
}

.kt-user-card-v2 {
    margin: 0;
}

.kt-user-card-v2 .kt-user-card-v2__title {
    text-align: center;
    font-size: 1.3rem;
    font-weight: 500;
}

.kt-user-card-v2 .kt-user-card-v2__pic {
    padding-right: 0.5rem;
}

.kt-user-card-v2 .kt-user-card-v2__pic {
    text-align: center;
    padding: 0 5px 0 0;
    text-align: center;
}

.kt-user-card-v2 .kt-user-card-v2__pic .kt-user-card-v2__pic-wrapper {
    padding: 8px;
    display: inline-block;
    margin: 2rem auto;
    border-radius: 100%;
    border: 2px solid #ebedf2;
}

.kt-user-card-v2 .kt-user-card-v2__pic img {
    border-radius: 50%;
    max-width: 40px;
    max-height: 40px;
}

.kt-user-card-v2 .kt-user-card-v2__pic img {
    text-align: center;
    max-width: 130px !important;
    margin: 0 auto !important;
    border-radius: 100%;
}

.kt-user-card-v2 .kt-user-card-v2__details {
    line-height: 0;
}

.kt-user-card-v2 .kt-user-card-v2__details {
    text-align: center;
    padding: 0;
}

.kt-user-card-v2 .kt-user-card-v2__details .kt-user-card-v2__name {
    display: block;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    color: #6c7293;
}

.kt-user-card-v2 .kt-user-card-v2__details .kt-user-card-v2__desc, .kt-user-card-v2 .kt-user-card-v2__details .kt-user-card-v2__email {
    margin-top: 3px;
    display: inline-block;
    font-size: .9rem;
    line-height: 1rem;
    font-weight: 400;
    color: var(--kt-text-gray-500);
}

.kt-font-success {
    color: #0abb87 !important;
}

.kt-widget1.kt-widget1--paddingless {
    padding: 0;
}

.kt-widget1 .kt-widget1__item:first-child {
    padding-top: 0;
}

.kt-widget1 .kt-widget1__item {
    padding: 1.1rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 0.07rem dashed #ebedf2;
}

.kt-widget1 .kt-widget1__item .kt-widget1__info .kt-widget1__title {
    font-size: 1.1rem;
    font-weight: 500;
    color: #6c7293;
}

.kt-widget1 .kt-widget1__item .kt-widget1__number {
    font-size: 1.4rem;
    font-weight: 600;
    color: var(--kt-text-gray-500);
}

.alert .alert-icon i {
    font-size: 1.4rem;
}
.alert.alert-warning .alert-text {
    color: var(--kt-dark);
}
.dropdown-menu {
    padding: 1rem 0;
}
.dropdown-menu>.dropdown-item {
    outline: none !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0.7rem 1.2rem;
}
.dropdown-menu>li>a>i, .dropdown-menu>.dropdown-item>i {
    margin-right: 0.75rem;
    color: var(--kt-text-gray-500);
}
.dropdown-menu>li>a [class^="la-"], .dropdown-menu>li>a [class*=" la-"], .dropdown-menu>.dropdown-item [class^="la-"], .dropdown-menu>.dropdown-item [class*=" la-"] {
    font-size: 1.4rem;
}
.kt-align-right {
    text-align: right;
}
.kt-nav {
    display: flex;
    padding: 0.5rem 0;
    margin: 0;
    list-style: none;
    border: 0;
}
.kt-portlet .kt-portlet__head .kt-portlet__head-toolbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: end;
    align-content: flex-end;
}
.kt-widget25 .kt-widget25__subtitle {
    color: var(--kt-text-gray-500);
    font-size: 1.1rem;
    padding-left: 1rem;
}
.kt-widget25 {
    margin: 2rem 0;
}
.kt-widget1.kt-widget1--paddingless {
    padding: 0;
}
.kt-widget1 .kt-widget1__item:first-child {
    padding-top: 0;
}
.kt-radio-list .kt-radio {
    display: block;
    text-align: left;
    margin-top: 0.5rem;
}
.btn-brand i{
    color: #0b0e18;
}
.table-info, .table-info > th, .table-info > td {
    background-color: rgb(207, 217, 249);
}
[data-theme="dark"] li.list-group-item {
    background-color: #242436;
}
.datatable-parent .dataTables_paginate,
.pagination-container .dataTables_paginate {
    float: right !important;
}
.custom-font-xs {
    font-size: 9px;
}

[data-theme="light"] .app-default {
    background-color: rgb(229, 240, 244);
}

.custom-margin-right {
    margin-right: -10px;
}

.kt-bg-brand {
    background-color: rgb(78, 175, 220) !important;
}

.kt-timeline-v1 {
    position: relative;
    width: 100%}
.kt-timeline-v1:after {
    content: '';
    position: absolute;
    width: 5px;
    top: 0;
    margin-top: .1rem;
    bottom: 3rem;
    left: 50%;
    margin-left: -2.5px;
    background-color: #e6eaf5;
}
.kt-timeline-v1.kt-timeline-v1--center {
    margin: 0 auto;
}
.kt-timeline-v1 .kt-timeline-v1__items {
    padding-bottom: 6rem;
    position: relative;
}
.kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__marker {
    width: 20px;
    height: 5px;
    border-radius: 4px;
    position: absolute;
    left: 50%;
    margin-left: -10px;
    background-color: #e6eaf5;
}
.kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item {
    position: relative;
    margin-left: 0;
    width: 50%;
    min-height: 3rem;
}
.kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item .kt-timeline-v1__item-arrow {
    color: #f7f8fc;
}
.kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item .kt-timeline-v1__item-circle {
    background: white;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1;
    position: absolute;
}
.kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item .kt-timeline-v1__item-circle>div {
    border-radius: 50%;
    width: 6px;
    height: 6px;
}
.kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item .kt-timeline-v1__item-time {
    position: absolute;
    display: inline-block;
    margin-top: -2.14rem;
    font-weight: 700;
}
.kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item .kt-timeline-v1__item-time>span {
    padding-left: 5px;
}
.kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item .kt-timeline-v1__item-content {
    position: relative;
    border-radius: 4px;
    padding: 2.14rem;
    background-color: var(--kt-gray-300);
}
.kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item .kt-timeline-v1__item-content .kt-timeline-v1__item-title {
    font-size: 1.2rem;
    font-weight: 500;
}
.kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item .kt-timeline-v1__item-content .kt-timeline-v1__item-title+.kt-timeline-v1__item-body {
    margin-top: 1.25rem;
}
.kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item .kt-timeline-v1__item-content .kt-timeline-v1__item-actions {
    margin-top: 1.25rem;
}
.kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item .kt-timeline-v1__item-content .kt-timeline-v1__item-desc {
    color: var(--kt-text-gray-500);
}
.kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item.kt-timeline-v1__item--left {
    left: 0;
    padding-right: 2.85rem;
    position: relative;
}
.kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item.kt-timeline-v1__item--left .kt-timeline-v1__item-circle {
    right: -10px;
    top: 20px;
}
.kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item.kt-timeline-v1__item--left .kt-timeline-v1__item-time {
    right: 3.8rem;
}
.kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item.kt-timeline-v1__item--left:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    top: 15px;
    left: 100%;
    margin-left: -3rem;
    border-left: solid 10px var(--kt-gray-300);
    border-bottom: solid 17px transparent;
    border-right: solid 17px transparent;
    border-top: solid 17px transparent;
}
.kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item.kt-timeline-v1__item--right {
    left: 50%;
    padding-left: 2.86rem;
    top: -3.5rem;
}
.kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item.kt-timeline-v1__item--right .kt-timeline-v1__item-circle {
    top: 20px;
    left: -10px;
}
.kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item.kt-timeline-v1__item--right .kt-timeline-v1__item-time {
    left: 3.57rem;
}
.kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item.kt-timeline-v1__item--right:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    top: 15px;
    right: 100%;
    margin-right: -3rem;
    border-right: solid 10px var(--kt-gray-300);
    border-bottom: solid 17px transparent;
    border-left: solid 17px transparent;
    border-top: solid 17px transparent;
}
.kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item.kt-timeline-v1__item--first {
    top: 3.5rem;
}
.kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item.kt-timeline-v1__item--first+.kt-timeline-v1__item--right {
    top: -1rem;
}
.kt-timeline-v1.kt-timeline-v1--justified:after {
    left: 0;
    bottom: 0;
}
.kt-timeline-v1.kt-timeline-v1--justified .kt-timeline-v1__items {
    position: static;
    margin-bottom: 40px;
    padding: 20px 0;
}
.kt-timeline-v1.kt-timeline-v1--justified .kt-timeline-v1__items .kt-timeline-v1__marker {
    left: 0;
    top: 0;
}
.kt-timeline-v1.kt-timeline-v1--justified .kt-timeline-v1__items .kt-timeline-v1__item {
    width: 100%;
    top: 0 !important;
    left: 0 !important;
    margin-top: 50px !important;
    padding-left: 2.25rem;
    padding-right: 0;
    position: relative;
}
.kt-timeline-v1.kt-timeline-v1--justified .kt-timeline-v1__items .kt-timeline-v1__item:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    top: 15px;
    left: 0;
    margin-left: 3px;
    border-right: solid 10px #f7f8fc;
    border-bottom: solid 17px transparent;
    border-left: solid 17px transparent;
    border-top: solid 17px transparent;
}
.kt-timeline-v1.kt-timeline-v1--justified .kt-timeline-v1__items .kt-timeline-v1__item .kt-timeline-v1__item-time {
    position: absolute;
    display: inline-block;
    margin-top: -2.14rem;
}
.kt-timeline-v1.kt-timeline-v1--justified .kt-timeline-v1__items .kt-timeline-v1__item .kt-timeline-v1__item-circle {
    left: -10px;
    top: 20px;
}
.kt-timeline-v1.kt-timeline-v1--justified .kt-timeline-v1__items .kt-timeline-v1__item .kt-timeline-v1__item-time {
    right: 100%;
    left: 3.57rem;
}
.kt-timeline-v1.kt-timeline-v1--justified .kt-timeline-v1__items .kt-timeline-v1__item.kt-timeline-v1__item--first {
    margin-top: 20px !important;
}
@media(max-width:1399px) {
    .kt-timeline-v1:after {
        left: 0;
        bottom: 0;
    }
    .kt-timeline-v1 .kt-timeline-v1__items {
        position: static;
        margin-bottom: 40px;
        padding: 20px 0;
    }
    .kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__marker {
        left: 0;
        top: 0;
    }
    .kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item {
        width: 100%;
        left: 0 !important;
        top: 0 !important;
        margin-top: 50px !important;
        padding-left: 2.25rem !important;
        padding-right: 0 !important;
        position: relative;
    }
    .kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item:after {
        position: absolute;
        content: '';
        width: 0;
        height: 0;
        top: 15px !important;
        left: 0 !important;
        right: auto !important;
        margin-left: 3px !important;
        border-right: solid 10px #f7f8fc !important;
        border-bottom: solid 17px transparent !important;
        border-left: solid 17px transparent !important;
        border-top: solid 17px transparent !important;
    }
    .kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item .kt-timeline-v1__item-time {
        position: absolute;
        display: inline-block;
        margin-top: -2.14rem;
    }
    .kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item .kt-timeline-v1__item-circle {
        left: -10px;
        top: 20px;
    }
    .kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item .kt-timeline-v1__item-time {
        right: 0%;
        left: 3.57rem;
    }
    .kt-timeline-v1 .kt-timeline-v1__items .kt-timeline-v1__item.kt-timeline-v1__item--first {
        margin-top: 20px !important;
    }
}

@media(max-width:1025px) {
    .kt-hidden-tablet-and-mobile {
        display: none !important;
    }
}

@media(min-width:1400px) {
    .row.row-col-separator-xl>div {
        border-bottom: 0;
        border-right: 1px solid #ebedf2;
    }
    .row.row-col-separator-xl>div:last-child {
        border-right: 0;
    }
}

@media(max-width:1400px) {
    .row.row-col-separator-xl>div {
        border-right: 0;
        border-bottom: 1px solid #ebedf2;
    }
}


.progress-custom-height {
    height: 0.45rem;
}

.adwords-stats-custom-icon {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.custom-sticky-top {
    position: sticky;
    top: 70px;
    z-index: 1;
}

.form-select {
    padding: .5rem !important;
}

.form-control {
    padding: 0.5rem !important;
}

.input-group-text {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.select2-selection--multiple {
    min-height: 2.9rem !important;
}

.page-item {
    margin-right: 0 !important;
}

.page-link {
    min-width: 0 !important;
}

.form-control:focus {
    border-color: rgb(129, 198, 230) !important;
}

.select2-container--bootstrap5.select2-container--focus:not(.select2-container--disabled) .form-select:not(.form-select-solid):not(.form-select-transparent), .select2-container--bootstrap5.select2-container--open:not(.select2-container--disabled) .form-select:not(.form-select-solid):not(.form-select-transparent) {
    border-color: rgb(129, 198, 230);
}
.select2.select2-container.select2-container--bootstrap5.select2-container--below.select2-container--open .selection .select2-selection.select2-selection--single.form-control.kt-select2{
    border-color: rgb(129, 198, 230);
}

.dataTables_pager {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.custom-nav-line-tabs .custom-nav-item .custom-nav-link.active,
.custom-nav-item .custom-nav-link:hover:not(.disabled),
.custom-nav-line-tabs .custom-nav-item.show .custom-nav-link .custom-nav-link:hover {
    background-color: transparent;
    border: 0;
    border-bottom: 2px solid #3acb30 !important;
    transition: color .2s ease;
    color: #3acb30;
}

.card.card-custom-height {
    height: calc(100% - 7px)
}
@media(max-width:426px) {
    .custom-sm-pd-4{
        padding-bottom: 1rem;
    }
}
.old-primary-btn,
.old-primary-bg
{
    background-color: rgb(88, 103, 221) !important;
}

.old-primary-text{
    color: rgb(88, 103, 221) !important;
}

i.fa-link:before,
.fa-chart-pie:before,
.fa-pie-chart:before,
.fa-check:before,
i.fa-eye:before,
i.fa-pen-to-square:before{
    font-family: 'FontAwesome';
    font-style: normal;
}
.custom-table-striped>tbody>tr:nth-of-type(odd)>* {
    color: var(--kt-text-gray-700)!important;
}

.select2-container--bootstrap5 .select2-selection--single .select2-selection__rendered {
    color: var(--kt-text-gray-500)!important;
}
.font-family-popins{
    font-family: 'Poppins' !important;
}

div.dataTables_wrapper div.dataTables_length {
    padding: 1.5rem 0;
    margin-right: 10px;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    float: right !important;
    margin-bottom: 10px !important;
}

.custom-text-warning {
    color: #ffb822 !important;
}

.old-btn-success {
    color: rgb(255, 255, 255);
    background-color: rgb(10, 187, 135);
    border-color: rgb(10, 187, 135);
}
.table-striped-bg-none{
    box-shadow:none !important
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 0px;
}
.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    opacity: 0;
    margin: 0px;
}

.custom-file-label {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    z-index: 1;
    line-height: 1.5;
    font-size: 1rem;
    font-weight: 400;
    text-align: left;
    color: rgb(73, 80, 87);
    background-color: rgb(255, 255, 255);
    padding: 0.65rem 1rem;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(235, 237, 242);
    border-image: initial;
    border-radius: 4px;
    transition: background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s;
}
.custom-file-label::after {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 3;
    display: block;
    line-height: 1.5;
    color: rgb(73, 80, 87);
    content: "Browse";
    background-color: rgb(247, 248, 250);
    padding: 0.65rem 1rem;
    border-left: inherit;
    border-radius: 0px 4px 4px 0px;
    float: left;
}

[data-theme="dark"]  .custom-file-label{
    background-color: var(--kt-input-bg);
    border: 1px solid var(--kt-input-border-color);
}
[data-theme="dark"]  .custom-file-label::after{
    background-color: var(--kt-input-bg);
    border: 1px solid var(--kt-input-border-color);
}

[data-theme="light"] .table-striped>tbody>tr:nth-of-type(odd)>* {
    color: var(--kt-text-gray-700)!important;
}
[data-theme="light"] .table-striped>tbody>tr:nth-child(even){
    color: var(--kt-text-gray-700)!important;
}
.custom-border-color {
    border-color: lightgrey;
}
.text-brand {
    color: rgb(78, 175, 220) !important;
}
.mt-n25 {
    margin-top: -6rem!important;
}
.h-120px {
    height: 120px!important;
}

.kt-link {
    text-decoration: none;
    position: relative;
    display: inline-block;
}
.kt-link:hover:after {
    border-bottom: 1px solid #34a3d7;
    opacity: .3;
    width: 100%;
}

.kt-link:after {
    display: block;
    content: '';
    position: absolute;
    bottom: 0;
    top: 1rem;
    left: 0;
    width: 0;
    -webkit-transition: width .3s ease;
    transition: width .3s ease;
}

input[type].kt-input--highlight, textarea.kt-input--highlight,
div.kt-input--highlight {
    box-shadow: 0 0 5px #2ea1d6;
}

div.kt-input--highlight button {
    border: none;
}
.custom-fs-7{
    font-size: 13px !important;
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu:not(.menu-sub) > .menu-item > .menu-link.active {
    background-color: #419ac3;
}
[data-theme="light"] [data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-sub > .menu-item .menu-link.active .menu-title {
    color: #4eafdc;
}
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-sub > .menu-item .menu-link.active {
    background-color: #1f6280;
}

.menu-search__input {
    color: var(--kt-text-gray-700);
    background-color: rgba(240, 240, 240, 0.35) !important;
    border-radius: 6px!important;
    border: white!important;
    border-width: 3px;
}

[data-theme="light"] #menu-search__results{
    background-color: #1f6280;
}
[data-theme="dark"] #menu-search__results{
    background-color: #181822;
}
#menu-search__results{
    border-radius: 6px;

}

text tspan {
    fill: var(--kt-text-dark);
}
g text {
    fill: var(--kt-text-dark)!important;
}
.rs-container .rs-scale span ins {
    color: var(--kt-text-gray-900)!important;
}
.custom-blue-bg {
    background-color: rgb(78, 175, 220) !important;
}
div.dataTables_wrapper div.dataTables_length select {
    width: 60px !important;
}

.custom-bg-white {
    background-color: var(--kt-card-bg);
}

[data-theme="light"] .custom-bg-light {
    background-color: #f4f5f8!important;
}

[data-theme="dark"] .custom-bg-light {
    background-color: #2a2a3c !important;
}

.metronic-text-gray-800 {
    color: rgb(31 41 55/var(--tw-text-opacity))!important;
}

[data-theme="dark"] .metronic-text-gray-800 {
    color: rgb(255 255 255/var(--tw-text-opacity))!important;
}

.menu-title {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: normal;
}

[data-theme="dark"] .table-bordered {
    border-width: 0
}

[data-theme="dark"]  .app-sidebar-logo-default{
    content: url('../../demo/default/media/img/logo/logo_dark.svg');
}
[data-theme="dark"]  .app-sidebar-logo-minimize,
[data-theme="dark"]  .mobile-device-logo
{
    content: url('../../demo/default/media/img/logo/mobile_log_dark.svg');
}

.ui-timepicker-viewport {
    background-color: var(--kt-dropdown-bg);
}

.ui-timepicker-standard {
    background-color: var(--kt-dropdown-bg);
}

.ui-timepicker-standard a {
    color: var(--kt-gray-700);
}

.ui-timepicker-standard .ui-state-hover {
    background-color: var(--kt-component-hover-bg);
    color: var(--kt-component-hover-color);
}
 /* handling search popup on top menu  */
@media screen and (max-width: 480px) {
    #search-dropdown.custom-position.show{
        left: 0 !important;
    }
  }
@media screen and (max-width: 320px) {
    #search-dropdown.custom-position.show{
        width: 250px !important;
    }
}


/* handling sorting icons to be visible on all columns
just need to add sorting class in every table heading and dataTable class inside table tag */
table.dataTable.nowrap th, table.dataTable.nowrap td {
    white-space: nowrap;
}
table.dataTable thead th, table.dataTable thead td, table.dataTable tfoot th, table.dataTable tfoot td {
    text-align: left;
}
table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting_asc_disabled, table.dataTable thead>tr>th.sorting_desc_disabled, table.dataTable thead>tr>td.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting_asc_disabled, table.dataTable thead>tr>td.sorting_desc_disabled {
    cursor: pointer !important;
    position: relative;
    padding-right: 26px !important;
}
table.dataTable thead>tr>th.sorting:before, table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_desc:before, table.dataTable thead>tr>th.sorting_asc_disabled:before, table.dataTable thead>tr>th.sorting_desc_disabled:before, table.dataTable thead>tr>td.sorting:before, table.dataTable thead>tr>td.sorting_asc:before, table.dataTable thead>tr>td.sorting_desc:before, table.dataTable thead>tr>td.sorting_asc_disabled:before, table.dataTable thead>tr>td.sorting_desc_disabled:before {
    bottom: 50% !important;
    content: "▲"/"" !important;
    mask-image: unset !important;
    -webkit-mask-image: unset !important;
    background-color: unset !important;

}
table.dataTable thead>tr>th.sorting:before, table.dataTable thead>tr>th.sorting:after, table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_asc:after, table.dataTable thead>tr>th.sorting_desc:before, table.dataTable thead>tr>th.sorting_desc:after, table.dataTable thead>tr>th.sorting_asc_disabled:before, table.dataTable thead>tr>th.sorting_asc_disabled:after, table.dataTable thead>tr>th.sorting_desc_disabled:before, table.dataTable thead>tr>th.sorting_desc_disabled:after, table.dataTable thead>tr>td.sorting:before, table.dataTable thead>tr>td.sorting:after, table.dataTable thead>tr>td.sorting_asc:before, table.dataTable thead>tr>td.sorting_asc:after, table.dataTable thead>tr>td.sorting_desc:before, table.dataTable thead>tr>td.sorting_desc:after, table.dataTable thead>tr>td.sorting_asc_disabled:before, table.dataTable thead>tr>td.sorting_asc_disabled:after, table.dataTable thead>tr>td.sorting_desc_disabled:before, table.dataTable thead>tr>td.sorting_desc_disabled:after {
    position: absolute !important;
    display: block !important;
    opacity: .125 !important;
    right: 10px !important;
    line-height: 9px !important;
    font-size: .8em !important;
}
table.dataTable thead> tr > th.sorting:after, table.dataTable thead > tr >th.sorting_asc:after, table.dataTable thead > tr >th.sorting_desc:after, table.dataTable thead > tr > th.sorting_asc_disabled:after, table.dataTable thead > tr > th.sorting_desc_disabled:after, table.dataTable thead > tr >td.sorting:after, table.dataTable thead > tr > td.sorting_asc:after, table.dataTable thead>tr>td.sorting_desc:after, table.dataTable thead>tr>td.sorting_asc_disabled:after, table.dataTable thead>tr>td.sorting_desc_disabled:after {
    top: 50% !important;
    content: "▼"/"" !important;
    mask-image: unset !important;
    -webkit-mask-image: unset !important;
    background-color: unset !important;

}
table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_desc:after, table.dataTable thead>tr>td.sorting_asc:before, table.dataTable thead>tr>td.sorting_desc:after {
    opacity: .6 !important;
}

/* handling logo animation on page loader  */
#lottie-loader{
    width: 250px;
    transform: translate3d(0, 0, 0);
}
@media only screen and (max-width: 768px){
    #lottie-loader{
        width: 175px;
        transform: translate3d(0, 0, 0);
    }
}

/* code for making header sticky on tables */
.table-responsive.sticky{
    height: 80vh !important;
}
.table.sticky-table{
    position: relative;
    border-collapse: collapse;
}
.table.sticky-table thead tr th{
    position: sticky;
    top: 0; /* Don't forget this, required for the stickiness */
}
[data-theme="light"] .table.sticky-table > thead > tr th {
    background: white !important
}
[data-theme="dark"] .table.sticky-table > thead > tr th {
    background: #1C1C29 !important
}

.am5-modal{
    z-index: 2 !important;
}
/* fix height on release details modal */
#show-change-logs .modal-content .modal-body{
    height: calc(100vh - 17rem);
    overflow: scroll;
}

.min-height {
    min-height: 300px;
}

.scrolltop {
    position: fixed;
    display: none;
    cursor: pointer;
    z-index: 105;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    bottom: 70px;
    right: 7px;
    background-color: var(--kt-scrolltop-bg-color);
    box-shadow: var(--kt-scrolltop-box-shadow);
    opacity: 0;
    transition: color .2s ease;
    border-radius: 0.475rem;
}
.sticky-header th {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    background-color: #fff;
    z-index: 2;
}
/* KPI Team Member Rating Styles */
.table-responsive {
    overflow: hidden;
}

.kpi-rate-table {
    width: 100%;
    table-layout: fixed;
    word-wrap: break-word;
    margin-bottom: 0;
    background: transparent;
}

/* Clean Header Styling */
.thead-modern {
    background: transparent;
    color: #495057;
    border-bottom: 1px solid #dee2e6;
}

.thead-modern th {
    border: none;
    padding: 1rem 0.75rem;
    font-weight: 500;
    font-size: 0.875rem;
}

.th-content {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Employee Row Styling */
.employee-row {
    transition: background-color 0.2s ease;
}

.employee-row:hover {
    background-color: transparent;
    opacity: 0.7;
}

.employee-name-cell {
    padding: 1rem 0.75rem;
}

.employee-info {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.employee-avatar {
    flex-shrink: 0;
}

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

.employee-name {
    font-weight: 500;
    color: #212529;
    text-decoration: none;
    transition: color 0.2s ease;
}

.employee-name:hover {
    color: #495057;
}

.employee-id {
    font-size: 0.75rem;
    margin-top: 0.25rem;
}

/* Rating Cell Styling */
.kpi-rating-cell {
    padding: 1rem 0.75rem;
    text-align: center;
}

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

.rating-badge {
    font-size: 0.8rem;
    padding: 0.25rem 0.75rem;
    border-radius: 0.25rem;
    font-weight: 500;
}

.badge-orange {
    background-color: #fd7e14;
    color: white;
}

.rating-input-wrapper {
    position: relative;
}

.rating-input-wrapper .form-control {
    border-radius: 0.25rem;
    border: 1px solid #ced4da;
    transition: border-color 0.2s ease;
}

.rating-input-wrapper .form-control:focus {
    border-color: #80bdff;
    box-shadow: none;
}

/* Notes Cell Styling */
.notes-cell {
    padding: 1rem 0.75rem;
}

.notes-display {
    background: transparent;
    border-radius: 0.25rem;
    padding: 0.75rem;
    min-height: 2.5rem;
    border: 1px solid #e9ecef;
}

.notes-content {
    color: #495057;
    line-height: 1.5;
}

.notes-input-wrapper {
    position: relative;
}

.notes-textarea {
    border-radius: 0.25rem;
    border: 1px solid #ced4da;
    transition: border-color 0.2s ease;
    resize: vertical;
    min-height: 2.5rem;
}

.notes-textarea:focus {
    border-color: #80bdff;
    box-shadow: none;
}

.notes-helper {
    margin-top: 0.5rem;
    text-align: center;
}

/* Column Widths */
.col-name {
    width: 20%;
    min-width: 200px;
}

.col-kpi {
    width: 12%;
    min-width: 120px;
}

.col-notes {
    width: 25%;
    min-width: 200px;
}

@media (max-width: 992px) {
    .col-name {
        width: 25%;
    }
    .col-kpi {
        width: 15%;
    }
    .col-notes {
        width: 30%;
    }
}

/* Clean Summary Styles */
.summary-row {
    background: #f8f9fa;
}

.summary-container {
    background: transparent;
    margin: 0 0 6px 0;
    border: none;
    overflow: hidden;
}

.summary-row td {
    background: #fff !important;
}

.summary-header {
    background: #f1f3f4;
    color: #495057;
    padding: 0.75rem 1rem;
    cursor: pointer;
    transition: background-color 0.2s ease;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #e9ecef;
    border-radius: 0.5rem 0.5rem 0 0;
}

.summary-header:hover {
    background: #e9ecef;
}

.summary-title {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-grow: 1;
}

.summary-name {
    font-weight: 500;
    font-size: 0.95rem;
}

.summary-period {
    background: transparent;
    color: #6c757d;
    padding: 0;
    border: 1px solid #e9ecef;
    border-radius: 0.25rem;
    font-size: 0.8rem;
    margin-left: 0.5rem;
    padding: 0.25rem 0.5rem;
}

.summary-toggle {
    transition: transform 0.3s ease;
}

.summary-toggle.active {
    transform: rotate(180deg);
}

.toggle-icon {
    font-size: 1.2rem;
}

.summary-content {
    padding: 1rem;
    background: #fafbfc;
    border-radius: 0 0 0.5rem 0.5rem;
    border: 1px solid #f1f3f4;
}

/* Grid Layout */
.summary-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1.5rem;
    padding: 0.5rem 0;
}

.summary-item {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    background: white;
    padding: 0.75rem;
    border-radius: 0.375rem;
    border: 1px solid #e9ecef;
}

.summary-item-link {
    text-decoration: none;
    color: inherit;
    transition: all 0.2s ease;
    cursor: pointer;
}

.summary-item-link:hover {
    text-decoration: none;
    color: inherit;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    border-color: #007bff;
}

.summary-item-link:focus {
    text-decoration: none;
    color: inherit;
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25);
}

.summary-label {
    font-size: 0.875rem;
    color: #6c757d;
    font-weight: 500;
}

.summary-value {
    font-size: 0.95rem;
    color: #212529;
    font-weight: 500;
}

/* KPI List Styles */
.kpi-list {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.kpi-item {
    font-size: 0.875rem;
    color: #495057;
    border-left: 2px solid #e9ecef;
    padding-left: 0.5rem;
}

.kpi-comments {
    font-size: 0.8rem;
    color: #6c757d;
    margin-top: 0.5rem;
    font-style: italic;
}

/* Feedback Styles */
.feedback-counts {
    display: flex;
    gap: 0.75rem;
    margin-bottom: 0.25rem;
}

.feedback-positive {
    color: #28a745;
    font-weight: 600;
}

.feedback-negative {
    color: #dc3545;
    font-weight: 600;
}

.feedback-link {
    font-size: 0.8rem;
    color: #007bff;
    text-decoration: none;
}

.feedback-link:hover {
    text-decoration: underline;
}

/* Flag Styles */
.flag-list {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.flag-item {
    font-size: 0.875rem;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    border: 1px solid;
}

.flag-warning {
    color: #856404;
    border-color: #ffeaa7;
    background: #fff3cd;
}

.flag-danger {
    color: #721c24;
    border-color: #f5c6cb;
    background: #f8d7da;
}

@media (max-width: 768px) {
    .summary-content {
        padding: 0.75rem;
    }
    
    .summary-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    
    .summary-item {
        padding: 0.5rem;
    }
}