/*html, body {
    font-family: Poppins,'Segoe UI','Helvetica Neue','Droid Sans',Arial,Tahoma,Geneva,Sans-serif;
    --font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
}*/

.context-panel {
    width: 100%;
    padding: 1em;
    background-color: white;
    border-radius: 3px;
    border: 0.5px solid #dbdbdb;
    -webkit-box-shadow: 0px 1px 15px 1px rgba(69,65,78,0.08);
    box-shadow: 0px 1px 15px 1px rgba(69,65,78,0.08);
}

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

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

div#designstudio-button {
    bottom: 1% !important;
    left: 1% !important;
    position: fixed !important;
}

.portal-body-profile-widget {
    padding: 0 1px;
}

h3 i {
    font-size: 1.6rem !important;
}

.btn.btn-secondary {
    color: #404148;
}

.btn.btn-label-brand, .btn.btn-label-warning, .btn.btn-label-success, .btn.btn-label-info, .btn.btn-label-danger, .btn.btn-label-primary, .btn.btn-label-light, .btn.btn-label-dark {
    user-select: initial !important;
}

.dxbs-uc .dxbs-input {
    width: 10px;
}

.upload-drop-zone, .dx-fileuploader-input-container {
    display: block;
    width: 100%;
    height: 8em;
    border: 0.1em dotted lightgrey;
    border-radius: 4px;
    margin-bottom: 0.5em;
    background: whitesmoke;
    margin-top: 0.5em;
}

    .upload-drop-zone span, .dx-fileuploader-input-container .dx-fileuploader-input-label {
        text-align: center;
        display: block;
        margin-top: 2.5em;
        font-weight: 300;
    }

.dx-fileuploader-button {
    margin-bottom: 5px;
    width: 100%;
}

.form-control:not(.custom-select-sm, .form-control-sm, .bootstrap-select) {
    display: block;
    width: 100%;
    height: calc(2.95rem + 2px);
    padding: .85rem 1.15rem;
    font-size: 1rem;
    line-height: 1.25;
    background-color: #fff;
    background-clip: padding-box;
    -webkit-transition: border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
}

.form-control.form-control-lg:not(.custom-select-sm, .form-control-sm, .bootstrap-select) {
    height: calc(1.5em + 2.3rem + 2px);
    padding: 1.15rem 1.65rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}

.bootstrap-select > .dropdown-toggle.btn-light.disabled, .bootstrap-select > .dropdown-toggle.btn-secondary {
    border-color: #ced4da;
}

.kt-checkbox > input:disabled ~ span {
    background-color: #f7f8fa;
    opacity: 0.8;
}

.upload-wizard-section-title {
    font-weight: 400;
    font-size: 1.1rem;
}

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

.company-details-logo {
    height: 90px;
    max-height: 90px;
    border-radius: 50%;
}

.blury-placeholder {
    display: block;
    background-color: #f9f3f3;
    height: 1rem;
    border-radius: 2px;
    margin-bottom: 2px;
    animation-name: pulse;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate-reverse;
    animation-timing-function: ease;
}

@keyframes pulse {
    0% {
        background-color: #e6ecf5;
    }

    100% {
        background-color: #f9f3f3;
    }
}

.blury-placeholder-icon {
    display: inline-block !important;
    background-color: #f9f3f3;
    height: 2rem;
    width: 1.5rem;
    border-radius: 3px;
}

.dropdown-menu > li > a > i, .dropdown-menu > .dropdown-item > i {
    margin-right: 0.75rem;
    color: inherit;
}

    .dropdown-menu > li > a > i:before, .dropdown-menu > .dropdown-item > i:before {
        line-height: inherit;
    }

img.m-subheader__title_logo {
    max-height: 20px;
    margin-right: 0.5rem;
}
/*///////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////*/
/*                 WIDGETS                            */
/*///////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////*/
.kt-portlet.kt-portlet--solid-danger .kt-portlet__head {
    color: #ffffff;
    border-bottom: 1px solid whitesmoke;
}

.kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__content .kt-widget__subhead span {
    padding-right: 2rem;
    color: #74788d;
    font-weight: 500;
}

.kt-widget14 .kt-widget14__header .kt-widget14__title {
    font-size: 1.2rem;
}

.kt-widget17 .kt-widget17__visual .kt-widget17__chart {
    position: relative;
    padding-top: 2rem;
}

.kt-widget17 .kt-widget17__stats .kt-widget17__items .kt-widget17__item {
    border-radius: 0.3rem;
}

.kt-portlet .kt-portlet__body .kt-portlet {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.kt-widget3 .kt-widget3__item {
    border-bottom: 0.07rem dashed #ebedf2;
    margin: 0;
    padding: 1rem;
}

    .kt-widget3 .kt-widget3__item .kt-widget3__header .kt-widget3__info {
        padding-left: 0;
        right: 2px;
    }

.kt-pagination__link--disabled, .kt-pagination__link--disabled:hover {
    background: rgb(229 231 237) !important;
    cursor: default;
    color: #c4c6d2 !important;
}

    .kt-pagination__link--disabled a, .kt-pagination__link--disabled:hover a {
        color: #c4c6d2 !important;
        cursor: default !important;
    }

        .kt-pagination__link--disabled a i, .kt-pagination__link--disabled:hover a i, .kt-pagination.kt-pagination--info .kt-pagination__links li:hover a i {
            color: #c4c6d2 !important;
        }

.kt-widget3 .kt-widget3__item:hover {
    background-color: #f3f1f1;
    border-radius: 4px;
}

p.kt-widget3__text {
    margin-bottom: 0;
}
/*/ ///////////////////////////////////////////////////// /*/
/*/ ///////////////////////////////////////////////////// /*/
/*/ ///////////////////////////////////////////////////// /*/
/*                 PORTLETS                            */
/*///////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////*/
.btn-remove-meta {
    float: right;
    margin-top: -6px !important;
}

.kt-portlet .kt-portlet__head .kt-portlet__head-label .kt-portlet__head-title small {
    display: block;
    padding-left: 0;
    margin-top: 0.2rem;
}

.kt-portlet__head .nav-tabs {
    margin: 5px 0 0 0;
    border-bottom: none;
}
/*////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////*/
/*                 TIMELINE                              */
/*///////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////*/
.address-card {
    padding: 1rem 1rem 1rem;
    display: flex;
    align-items: flex-start;
}

.address-avatar {
    width: auto !important;
}

@media (max-width: 576px) {
    .address-avatar {
        max-height: 2.3rem;
    }
}

.address-card-body {
    flex: 1;
}

    .address-card-body .address-card-body-title {
        margin-top: -5px !important;
        font-size: 1.1rem;
        font-weight: 500;
    }

    .address-card-body .address-card-body-body {
        margin-top: 0px !important;
        padding-top: 0.5rem;
    }

        .address-card-body .address-card-body-body a.btn {
            margin: 0px 0.3rem;
        }

.address-card-title {
    border-top: 1px solid #f1eaea;
}

    .address-card-title span {
        font-size: 1.1em;
        font-weight: 500;
        color: #5d5b72;
        background: white;
        position: relative;
        top: -0.9em;
        padding: 0px 10px;
        left: 10px;
    }

.item-content-inactive .address-card-title span {
    background: #f7f8fc;
}

@media (max-width: 576px) {
    .agency-logo {
        max-width: 40%;
    }
}

.ts-chart {
    margin-bottom: 3rem;
}

input.form-control.m-input.input-validation-error {
    border-color: red;
    background-color: #fffbfb;
}
/*//////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////*/
/*                 BOOTSTRAP EDITABLE                    */
/*///////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////*/
.editable-error-block {
    background-color: #fcfbfb;
    max-width: initial;
    padding: 0.2em 0.6em;
    border: 0.1em solid red;
    border-radius: 3px;
    color: #c91d1d;
    font-weight: 300;
}

.editableform .control-group .editable-input input, .editableform .control-group .editable-input select {
    border: 1px solid lightgrey;
    border-radius: 4px;
    padding: 0.4em;
}

.editableform .control-group {
    white-space: initial;
}

.editable-buttons {
    margin-left: 0px;
    margin-top: 2px;
    display: block;
}

.select2-container-multi .select2-input {
    border: none !important;
}

.widget__body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

    .widget__body .widget__section {
        padding: 1rem 0 1rem 0;
        color: #595d6e;
        font-weight: 400;
    }

        .widget__body .widget__section:last-child {
            padding: 1rem 0 0rem 0;
        }

.widget_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: .5rem;
    align-items: flex-start;
}

    .widget_item .widget_item__label {
        color: #48465b;
        font-weight: 600;
        white-space: nowrap;
        margin-right: 10px;
    }

    .widget_item .widget_item__data {
        color: #74788d;
        font-weight: 400;
    }

.widget__body .widget__section .widget_item:last-child {
    padding-bottom: 0;
}

/*//////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////*/
/*                 MAPS                                 */
/*///////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////*/
.popup-map-div {
    min-height: 40rem;
}

.div-map-inline {
    display: block;
    min-height: 20em;
    background-color: lightgray;
    border-radius: 4px;
}

    .div-map-inline.tall {
        min-height: 40em;
    }

.waipoints-div {
    min-height: 40em;
    max-height: 40em;
    overflow-y: auto;
}

@media (max-width: 1024px) {
    .waipoints-div {
        min-height: initial;
        max-height: initial;
        overflow-y: initial;
    }
}

.div-map-inline .gm-panel-summary {
    max-width: 50%;
    background: none padding-box rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
    margin-left: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
    padding: 0.8rem 1rem;
    border-radius: 8px;
    font-weight: 400;
}
/*///////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////*/
/*                 DEV EXPRESS                           */
/*///////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////*/
.dxbs-filter-row .form-control {
    height: 2.2rem;
    line-height: inherit;
    border: 1px solid #eef0f4;
}

.chart-scrollbar rect {
    fill: lightgray;
}

.lazy-load {
    display: flex;
    text-align: center !important;
    color: lightsteelblue;
    position: fixed;
    z-index: 1001;
    top: 50%;
    left: 50%;
}

.dx-datagrid .dx-row-alt > td, .dx-datagrid .dx-row-alt > tr > td {
    background-color: #f7f7f7;
}

    .dx-datagrid .dx-row-alt > td.table-success, .dx-datagrid .dx-row-alt > tr > td.table-success {
        background-color: #baecdd;
    }

    .dx-datagrid .dx-row-alt > td.table-danger, .dx-datagrid .dx-row-alt > tr > td.table-danger {
        background-color: #fec8da;
    }

.dx-row.dx-header-row td {
    text-align: center !important;
    font-weight: 500;
    background-color: #6a7196;
    color: whitesmoke;
}

.dx-datagrid .dx-header-filter:before {
    content: "\f050";
    color: whitesmoke;
}

.datagrid-custom-toolbar .dx-datagrid-header-panel .dx-toolbar {
    margin-bottom: 1.5rem;
}
/*datagrid-custom-toolbar .dx-datagrid-header-panel {
    padding: 0;
    background-color: #e7e6ec;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom: none;
}

    .datagrid-custom-toolbar .dx-datagrid-header-panel .dx-toolbar {
        margin: 0;
        padding-right: 20px;
        background-color: transparent;
    }

    .datagrid-custom-toolbar .dx-datagrid-header-panel .dx-toolbar-items-container {
        height: 70px;
    }*/

/*    .datagrid-custom-toolbar .dx-datagrid-header-panel .dx-toolbar-before .dx-toolbar-item:not(:first-child) {
        background-color: rgba(103, 171, 255, 0.6);
    }
*/
/*.datagrid-custom-toolbar .dx-datagrid-header-panel .dx-toolbar-before .dx-toolbar-item:last-child {
        padding-right: 10px;
    }

    .datagrid-custom-toolbar .dx-datagrid-header-panel .dx-selectbox {
        margin: 17px 10px;
    }

    .datagrid-custom-toolbar .dx-datagrid-header-panel .dx-button {
        margin: 17px 0;
    }*/

.dx-datagrid .dx-row-focused .kt-link {
    color: darkblue;
}

    .dx-datagrid .dx-row-focused .kt-link:hover:after {
        border-bottom: 1px solid white;
        opacity: 0.3;
    }

.devex-toolbar-form-control {
    line-height: 1.3 !important;
}
/*//////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////*/
/*                 BACKGROUNDS                           */
/*///////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////*/
.bcg-white {
    background-color: white !important;
}

.modal-footer {
    display: block;
}

input.form-control[type="color"] {
    padding: .2rem 0.6rem;
}


/*///////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////*/
/*                 Mertonic 6.1.5                        */
/*///////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////*/

img.img-logo {
    max-height: 2.5rem;
}

.kt-subheader .kt-subheader__main .kt-subheader__title {
}

.kt-subheader .kt-subheader__main .kt-subheader__breadcrumbs {
    margin: 2px 0 0 0;
}

.kt-nav .kt-nav__item > .kt-nav__link .kt-nav__link-icon {
    margin-right: 0.2em;
    margin-left: -0.3em;
}

.kt-nav .kt-nav__item > .kt-nav__link .kt-nav__link-text {
    font-weight: 100;
    white-space: nowrap;
}

.kt-nav.wrap .kt-nav__item > .kt-nav__link .kt-nav__link-text {
    white-space: initial;
}

.kt-nav__item.kt-nav__item-danger a {
    color: #fd397a !important;
}

    .kt-nav__item.kt-nav__item-danger a:hover {
        background-color: #ee9cb7 !important;
    }

.kt-nav__item.kt-nav__item-danger .kt-nav__link-text, .kt-nav__item.kt-nav__item-danger .kt-nav__link-icon {
    color: #fd397a !important;
}

.kt-nav__item.kt-nav__item-danger:hover .kt-nav__link-text, .kt-nav__item.kt-nav__item-danger:hover .kt-nav__link-icon {
    color: white !important;
}


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

    .kt-nav__item.kt-nav__item-success a:hover {
        background-color: rgb(29 209 156 / 60%) !important;
    }

.kt-nav__item.kt-nav__item-success .kt-nav__link-text, .kt-nav__item.kt-nav__item-success .kt-nav__link-icon {
    color: #0abb87 !important;
}

.kt-nav__item.kt-nav__item-success:hover .kt-nav__link-text, .kt-nav__item.kt-nav__item-success:hover .kt-nav__link-icon {
    color: white !important;
}

.kt-menu__item.kt-menu__item--begin-group {
    border-top: 1px solid #f8f9fa;
}

.kt-header__topbar .kt-header__topbar-item.kt-header__topbar-item--langs .kt-header__topbar-icon img {
    border: 0.5px solid lightgray;
}

span.kt-widget__icon {
    min-width: 28px;
    display: inline-block;
    text-align: center;
}

.kt-widget.kt-widget--user-profile-2 {
    width: 100%;
}

.kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__content .kt-widget__subhead a i {
    padding-right: 0;
}

.dropdown-header {
    cursor: default;
}

.kt-badge.kt-badge--inline.notifications-count {
    top: -1px;
    position: relative;
}

.btn.notifications-refresh {
    position: absolute;
    top: 10px;
    right: 10px;
}

.kt-nav .kt-nav__item > .kt-nav__link.kt-nav__link--active .kt-nav__link-text {
    color: #010101;
}

.kt-nav__link--active {
    background-color: #eff8ff;
}

/*table.dataTable thead th.select-checkbox {
    text-align: center;
    text-align: -webkit-center;
}

    table.dataTable thead th.select-checkbox:before {
        content: ' ';*/
/*margin-top: 50%;*/
/*margin-left: 0px;
        border: 1px solid black;
        border-radius: 3px;
    }

    table.dataTable thead th.select-checkbox:before, table.dataTable thead th.select-checkbox:after {
        display: block;
        position: relative;
        top: 0.6em;
        width: 12px;
        height: 12px;
        box-sizing: border-box;
    }

table.dataTable tr th.select-checkbox.selected::after {
    content: "✔";
    margin-top: -15px;
    margin-left: 0px;
    text-align: center;
    text-shadow: rgb(176, 190, 217) 1px 1px, rgb(176, 190, 217) -1px -1px, rgb(176, 190, 217) 1px -1px, rgb(176, 190, 217) -1px 1px;
}*/

.datatable-row-tall td {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.toast .toast-title {
    color: white !important;
}

.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit-with-icons .dx-link {
    font-size: inherit;
}

tr.dx-row-focused > td > a.dx-link.dx-icon {
    color: white;
}

.dx-row.dx-data-row td .kt-badge {
    font-size: 100%;
}

.kt-nav__item--disabled a {
    pointer-events: none;
    cursor: not-allowed !important;
}

a.disabled-link {
    pointer-events: none;
    cursor: default;
}

/*/////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////*/
/*                     INBOX                           */
/*/////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////*/
.kt-inbox .kt-inbox__form .kt-inbox__body .kt-inbox__from {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 15px;
    border-bottom: 1px solid #ebedf2;
}

    .kt-inbox .kt-inbox__form .kt-inbox__body .kt-inbox__from .kt-inbox__field {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        padding: 0;
    }

.kt-inbox .kt-inbox__form .kt-inbox__body .kt-inbox__field .kt-inbox__label {
    font-weight: 500 !important;
    font-size: 0.95rem !important;
    width: 80px !important;
    min-width: 80px !important;
    text-align: right !important;
    padding-right: 0.5rem !important;
}


.kt-inbox .kt-inbox__form .kt-inbox__body .kt-inbox__to {
    min-height: 30px;
    padding: 8px 15px;
}

.modal.modal-support.modal-sticky-bottom-right.modal-sticky-lg {
    max-width: 100%;
}

    .modal.modal-support.modal-sticky-bottom-right.modal-sticky-lg .modal-dialog {
        max-width: 95%;
    }

.kt-inbox .kt-inbox__form .kt-inbox__body .kt-inbox__subject .form-control {
    border: initial;
    border-radius: initial;
    padding-left: initial;
    padding-right: initial;
    color: initial;
}

.kt-inbox .kt-inbox__form .kt-inbox__body .kt-inbox__subject {
    padding: 0 15px;
}

.kt-inbox .kt-inbox__view .kt-inbox__messages .kt-inbox__message .kt-inbox__head {
    cursor: default !important;
}

.kt-inbox .kt-inbox__view .kt-inbox__messages .kt-inbox__message.kt-inbox__message--expanded .kt-inbox__body.kt-inbox__body-sms {
    border: 1px solid #e2e5ec;
    padding: 10px;
    margin-top: 20px;
    border-radius: 4px;
}

.bootstrap-select > .dropdown-toggle:after {
    display: inline;
}


.kt-menu__link-text-info {
    position: absolute;
    bottom: -3px;
    /* float: none; */
    /* flex: none; */
    padding-left: 33px;
    margin-top: 20px;
}

.flex-break {
    flex-basis: 100%;
    height: 0;
}

img.global-search-logo {
    max-width: 60px;
}

.kt-widget__pic i {
    font-size: 250%;
}

.kt-portlet.kt-portlet--border-success {
    border: 3px solid rgba(28 191 143);
}

.kt-portlet.kt-portlet--border-info {
    border: 3px solid rgba(85, 120, 235);
}

.kt-portlet.kt-portlet--border-warning {
    border: 3px solid rgba(255, 184, 34);
}

.kt-portlet.kt-portlet--border-danger {
    border: 3px solid rgba(253, 57, 122);
}

.overflow-no {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.alert {
    padding: 1rem 1rem;
    align-items: center;
}


    .alert.alert-sm {
        padding: 0.5rem 0.5rem;
    }

    .alert.alert-xl {
        border-width: 2px;
    }

        .alert.alert-xl .m-alert__text {
            font-size: 1.1rem;
        }

        .alert.alert-xl .m-alert__icon {
            margin-right: 1.2rem;
            margin-left: 1rem;
        }

.help-block, .helper-block {
    display: block;
    /* font-style: italic; */
    font-size: 0.85rem;
    font-weight: 100;
    color: #5578eb;
    margin-top: 2px;
}

    .help-block.wrap, .helper-block.wrap {
        white-space: break-spaces;
    }

.text-blur {
    filter: blur(3px);
    cursor: wait;
}

.datepicker td, .datepicker th {
    text-align: center;
}

.bootbox.modal .modal-footer [data-bb-handler="cancel"] {
    float: right;
}

.bootbox.modal .modal-footer [data-bb-handler="confirm"] {
    float: left;
}

.bootbox.modal .bootbox-prompt-message {
    font: inherit;
    padding-bottom: 1rem;
    font-size: 110%;
}

.bootbox.modal .bootbox-radiobutton-list {
    font: inherit;
    font-size: 110%;
}

    .bootbox.modal .bootbox-radiobutton-list .form-check {
        padding-bottom: 0.5rem;
    }

button.btn.btn-secondary.btn-default.bootbox-cancel {
    float: right;
}

.kt-menu__item.border-top.border-light {
    border-color: #dee2e6 !important;
}

.kt-link.dx-link {
    text-decoration: none;
}

.dx-datagrid-content .dx-datagrid-table .dx-row > td, .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td {
    vertical-align: middle;
}

.kt-notes__body_type {
    margin-bottom: 1rem;
}

.kt-notes__desc-date {
    border-left: 1px solid steelblue;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}

.kt-notes__desc-author {
    border-left: 1px solid steelblue;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    font-weight: 500;
    font-size: 105%;
    color: #34bf47;
}

.vertical-separator {
    display: block;
    width: 0.28rem;
    min-width: 0.28rem;
    border-radius: 0.3rem;
    height: 70%;
    content: "";
    background: #5d78ff;
    min-height: 20px;
    margin-left: 0.6rem;
    margin-right: 0.6rem;
}

    .vertical-separator.vertical-separator-thin {
        width: 0.18rem;
        min-width: 0.18rem;
    }

    .vertical-separator.vertical-separator-info {
        background: #5578eb;
    }

    .vertical-separator.vertical-separator-warning {
        background: #ffb822;
    }

    .vertical-separator.vertical-separator-brand {
        background: #5d78ff;
    }

    .vertical-separator.vertical-separator-success {
        background: #0abb87;
    }

    .vertical-separator.vertical-separator-danger {
        background: #fd397a;
    }

    .vertical-separator.vertical-separator-primary {
        background: #5867dd;
    }

.kt-notification-v2 .kt-notification-v2__item.kt-notification-v2__item-support-ticket {
    align-items: normal;
}

.kt-notification-v2__item-title.kt-notification-v2__item-support-ticket-title {
    display: flex;
    font-size: 1.3rem;
}


    .kt-notification-v2__item-title.kt-notification-v2__item-support-ticket-title > .kt-notification-v2__item-title-subject {
        border-right: 1.5px solid #b6aeae;
        white-space: nowrap;
        font-weight: 500;
    }

    .kt-notification-v2__item-title.kt-notification-v2__item-support-ticket-title > .kt-notification-v2__item-author {
        font-weight: 400;
        border-right: 1.5px solid #b6aeae;
        white-space: nowrap;
    }

    .kt-notification-v2__item-title.kt-notification-v2__item-support-ticket-title > .kt-notification-v2__item-date {
        font-weight: 300;
        font-size: 90%;
        margin-top: 2px;
        border-right: 1.5px solid #b6aeae;
        white-space: nowrap;
    }

    .kt-notification-v2__item-title.kt-notification-v2__item-support-ticket-title > .kt-notification-v2__item-info {
        white-space: nowrap;
    }

        .kt-notification-v2__item-title.kt-notification-v2__item-support-ticket-title > .kt-notification-v2__item-info .kt-badge {
            margin-right: 5px;
        }

.kt-section.kt-section-support-ticket {
    margin: 0;
}

    .kt-section.kt-section-support-ticket .kt-section__content.kt-section__content--solid {
    }

.kt-notification-v2 .kt-notification-v2__item .kt-notification-v2__itek-wrapper .kt-notification-v2__item-desc.kt-notification-v2__item-desc-support-ticket {
    font-size: 1rem;
    font-weight: 300;
    color: #83828f;
    padding: 0.6rem 1rem;
}


    .kt-notification-v2 .kt-notification-v2__item .kt-notification-v2__itek-wrapper .kt-notification-v2__item-desc.kt-notification-v2__item-desc-support-ticket .kt-notification-v2__item-desc-footer {
        color: black;
        font-size: 90%;
        font-weight: 400;
        padding: 8px 5px 0px;
        border-top: 1px dotted #8a8799;
        margin-top: 1rem;
    }

.kt-media.kt-media--circle.message-media {
    border: 2px solid #8a8799;
}

.kt-pagination.kt-pagination--brand .kt-pagination__links li.disabled {
    background: lightgray;
    cursor: not-allowed;
}

    .kt-pagination.kt-pagination--brand .kt-pagination__links li.disabled:hover {
        background: lightgray;
    }

    .kt-pagination.kt-pagination--brand .kt-pagination__links li.disabled a i {
        color: #ada8a8 !important;
    }

.kt-pagination.kt-pagination--brand .kt-pagination__links li.kt-pagination-static-text:hover {
    background: inherit !important;
    -webkit-transition: none !important;
    transition: none !important;
}

.kt-chat .kt-chat__messages .kt-chat__message .kt-chat__text {
    text-align: justify !important;
    font-weight: 300;
}

.kt-notification-v2 .kt-notification-v2__item .kt-notification-v2__item-icon img {
    width: 40px;
}

.itek-wrapper-support-ticket {
    border: 4px solid #e2e5ec;
    border-radius: 0.5rem;
    /*border-left: none;*/
    padding-left: 0px !important;
    background-color: #f7f8fa;
}

    .itek-wrapper-support-ticket.itek-wrapper-support-ticket-danger {
        border: 4px solid #fd397ab5;
    }

.kt-section.kt-section-support-ticket .kt-section__content.kt-section__content--solid {
    border-left: none;
}

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px;
        border-radius: 0 6px 6px 6px;
    }

    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }

    .dropdown-submenu > a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #ccc;
        margin-top: 5px;
        margin-right: -10px;
    }

    .dropdown-submenu:hover > a:after {
        border-left-color: #fff;
    }

    .dropdown-submenu.pull-left {
        float: none;
    }

        .dropdown-submenu.pull-left > .dropdown-menu {
            left: -100%;
            margin-left: 10px;
            -webkit-border-radius: 6px 0 6px 6px;
            -moz-border-radius: 6px 0 6px 6px;
            border-radius: 6px 0 6px 6px;
        }

.btn img {
    max-width: 22px;
}

img.kt-nav__link-icon {
    max-width: 30px;
}

.kt-user-card-v2 i, kt-user-card-v2__pic i {
    border-radius: 50%;
    max-width: 40px;
    max-height: 40px;
    /*font-size: 3rem;*/ /*makes icons  wierd on profile page / support tab*/
}

.kt-portlet__body--fit .dataTables_length, .kt-portlet__body--fit .dataTables_info {
    margin-left: 2rem !important;
}

.kt-portlet__body--fit .dataTables_filter, .kt-portlet__body--fit .dataTables_paginate {
    margin-right: 2rem !important;
}

/*fix form user notes  widget*/
.kt-notes .kt-notes__items .kt-notes__item {
    left: 0px !important;
    margin-left: 30px !important;
}

    .kt-notes .kt-notes__items .kt-notes__item.kt-notes__item-md {
        padding: 0 0 30px 45px;
    }

.modal-body.kt-chat .kt-chat__input {
    border-top: 1px solid #ebedf2;
}

.dx-cell-no-overflow {
    overflow: unset !important;
}

.kt-user-card-v2__email span {
    display: block;
    margin-top: 0.5px;
}

.dataTables_wrapper .dataTable {
    margin: 0 0 !important;
}

.hr-sm {
    margin-right: 40%;
    margin-left: 40%;
}

.mb-4-5, .my-4-5 {
    margin-bottom: 2rem !important;
}

.kt-portlet__body.kt-portlet__body--fit .dx-toolbar-after, .kt-portlet__body.kt-portlet__body--fit .dx-pages {
    /*margin-right: 1rem;*/
}

.kt-portlet__body.kt-portlet__body--fit .dx-page-sizes {
    /*margin-left: 1rem;*/
}

.kt-font-weight-400 {
    font-weight: 400;
}

.kt-font-weight-200 {
    font-weight: 200;
}

.btn-primary i {
    color: #fff !important;
}

.bootbox.modal .modal-header {
}

.bootbox-close-button::before {
    content: none !important;
}

.form-control:disabled, .form-control[readonly] {
    background-color: #f7f8fa;
    opacity: 1;
}

.field-validation-error span {
    color: white;
    margin-top: 2px;
    display: block;
    font-weight: 400;
    background: #fd397a;
    border-color: #fd397a;
    padding: 1px 8px;
    border-radius: 2px;
}

.no-wrap {
    white-space: nowrap !important;
}

.overflow-visible {
    overflow: visible;
}

.modal.modal_sticky_bottom_right {
    padding: 0 !important;
    /*max-width: 500px;*/
    height: auto;
    position: fixed;
    left: auto;
    top: auto;
    bottom: 25px;
    right: 25px;
    margin: 0;
    -webkit-box-shadow: 0px 0px 60px -15px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 60px -15px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
}

    .modal.modal_sticky_bottom_right.modal_sticky_lg {
        /*max-width: 600px;*/
    }

@media (max-width: 1024px) {
    .modal.modal_sticky_bottom_right {
        /*        bottom: 10px;
        right: 10px;
*/
    }
}

@media (max-width: 768px) {
    .modal.modal_sticky_bottom_right {
        /*        max-width: 90%;
*/
    }
}

.modal.modal_sticky_bottom_right .modal-dialog {
    /*    position: static;
    max-width: 500px;
    width: auto;
    margin: 0;
    border-radius: 4px;
*/
}

    .modal.modal_sticky_bottom_right .modal-dialog .modal-content {
        border: 0;
        border-radius: 4px;
    }

.modal.modal_sticky_bottom_right.modal_sticky_lg .modal-dialog {
    max-width: 600px;
}

.gap-0 {
    gap: 0 !important;
}

.gap-1 {
    gap: 0.25rem !important;
}

.gap-2 {
    gap: 0.5rem !important;
}

.gap-3 {
    gap: 1rem !important;
}

.gap-4 {
    gap: 1.5rem !important;
}

.gap-5 {
    gap: 3rem !important;
}

.dx-row-focused td .helper-block {
    color: darkblue;
}

.kt-bg-fill-warning .helper-block {
    color: darkblue;
}

.dx-row-focused td .btn.btn-clean {
    color: white;
}

    .dx-row-focused td .btn.btn-clean:hover {
        color: steelblue;
    }

.dx-row-focused td .btn.btn-label-warning {
    background: #e1c885;
    color: #727109;
}

    .dx-row-focused td .btn.btn-label-warning i {
        color: #727109;
    }


.dx-row-focused td .kt-badge.kt-badge--outline.kt-badge--danger {
    background: transparent;
    color: darkred;
    border: 1px solid darkred;
}

.dx-row-focused td .kt-badge.kt-badge--outline.kt-badge--info {
    background: transparent;
    color: darkblue;
    border: 1px solid darkblue;
}

.dx-row-focused td .kt-badge.kt-badge--outline.kt-badge--success {
    background: transparent;
    color: darkgreen;
    border: 1px solid darkgreen;
}

.dx-row-focused td .kt-badge.kt-badge--outline.kt-badge--warning {
    background: transparent;
    color: darkorange;
    border: 1px solid darkorange;
}

.dx-row-focused td.table-danger {
    background-color: #fec8da !important;
    color: red !important;
}

.dx-row-focused td .btn.btn-label-brand {
    color: white;
}

.dx-row-focused td .btn i {
    color: white;
}

.dx-row-focused td .btn .kt-nav i {
    color: #595d6e;
}

.dx-row:not(.dx-header-row) .table-info {
    background-color: #cfd9f9 !important;
}

@media (max-width: 768px) {
    .kt-portlet.kt-portlet--sticky > .kt-portlet__head.kt-portlet__head--lg.kt-portlet__head-sm-2-rows {
        height: 110px !important;
    }

    .kt-portlet.kt-portlet--sticky > .kt-portlet__head.kt-portlet__head--lg.kt-portlet__head-sm-3-rows {
        height: 165px !important;
    }

    .kt-portlet.kt-portlet--sticky > .kt-portlet__head.kt-portlet__head--lg.kt-portlet__head-sm-4-rows {
        height: 210px !important;
    }
}

@media (min-width: 768px) {
    .kt-portlet.kt-portlet--sticky > .kt-portlet__head.kt-portlet__head--lg.kt-portlet__head-md-2-rows {
        height: 110px !important;
    }

    .kt-portlet.kt-portlet--sticky > .kt-portlet__head.kt-portlet__head--lg.kt-portlet__head-md-3-rows {
        height: 165px !important;
    }

    .kt-portlet.kt-portlet--sticky > .kt-portlet__head.kt-portlet__head--lg.kt-portlet__head-md-4-rows {
        height: 210px !important;
    }
}

@media (min-width: 992px) {
    .kt-portlet.kt-portlet--sticky > .kt-portlet__head.kt-portlet__head--lg.kt-portlet__head-lg-2-rows {
        height: 110px !important;
    }

    .kt-portlet.kt-portlet--sticky > .kt-portlet__head.kt-portlet__head--lg.kt-portlet__head-lg-3-rows {
        height: 165px !important;
    }
}

@media (min-width: 1200px) {
    .kt-portlet.kt-portlet--sticky > .kt-portlet__head.kt-portlet__head--lg.kt-portlet__head-xl-2-rows {
        height: 110px !important;
    }

    .kt-portlet.kt-portlet--sticky > .kt-portlet__head.kt-portlet__head--lg.kt-portlet__head-xl-3-rows {
        height: 165px !important;
    }
}

.kt-widget4 .kt-widget4__item:hover {
    background-color: #f1ecec;
}

.kt-widget4 .kt-widget4__item .kt-widget4__pic.kt-widget4__pic--circle i {
    border-radius: 50%;
}

.kt-widget4 .kt-widget4__item .kt-widget4__pic i {
    width: 2.5rem;
    border-radius: 4px;
    text-align: center;
    font-size: 1.3rem;
}

.kt-timeline-v1.kt-timeline-v1--justified .kt-timeline-v1__items .kt-timeline-v1__item .kt-timeline-v1__item-time {
    text-wrap: nowrap;
}

.kt-portlet--height-fluid.widget-personal-expenses {
    height: calc(100% - 40px);
}

.kt-widget1.kt-widget1-compact {
    padding: 20px 20px 0px 20px;
}

    .kt-widget1.kt-widget1-compact .kt-widget1__item {
        padding: 0.6rem 0;
    }

        .kt-widget1.kt-widget1-compact .kt-widget1__item .kt-widget1__info .kt-widget1__title {
            font-size: 1.1rem;
            margin-bottom: 0px;
        }

        .kt-widget1.kt-widget1-compact .kt-widget1__item .kt-widget1__number {
            font-size: 1.2rem;
        }

        .kt-widget1.kt-widget1-compact .kt-widget1__item .kt-widget1__info .kt-widget1__desc {
            font-size: 0.8rem !important;
        }


.kt-widget1 .kt-widget1__item.kt-widget1__item-compact {
    padding: 0.6rem 0;
}

    .kt-widget1 .kt-widget1__item.kt-widget1__item-compact .kt-widget1__info .kt-widget1__title {
        font-size: 1.1rem;
        margin-bottom: 0px;
    }

    .kt-widget1 .kt-widget1__item.kt-widget1__item-compact .kt-widget1__number {
        font-size: 1.2rem;
    }

.kt-widget4 .kt-widget4__item {
    border-bottom: 1px dashed steelblue;
}

.kt-widget4.kt-widget4-compact .kt-widget4__item {
    border-bottom: 1px dashed #ebedf2;
    padding-bottom: 0.6rem;
    padding-top: 0.6rem;
    padding-right: 0.6rem;
}

    .kt-widget4.kt-widget4-compact .kt-widget4__item .kt-widget4__info .kt-widget4__title {
        font-size: 1rem;
    }

    .kt-widget4.kt-widget4-compact .kt-widget4__item .kt-widget4__number {
        font-size: 1rem;
    }


.portal-footer-actions {
    border-top: 0.07rem dashed #ebedf2;
    padding-top: 10px;
}

    .portal-footer-actions a:not(:first-child) {
        margin-left: 18px;
    }

div .chart-md {
    min-height: 200px;
}

.m-alert__icon {
    margin-right: 0.6rem;
}

.kanban-container .kanban-board.kanban-board-full-width {
    width: 100% !important;
}

.kanban-item {
    padding: 10px;
    margin-bottom: 10px;
}

    .kanban-item[data-class="kanban-item-no-drag"] {
        cursor: default !important;
    }

    .kanban-item .kt-kanban__badge .kt-media.kt-media--circle span {
        width: 40px;
        height: 40px;
        font-size: 1.3rem;
    }

.kt-kanban__badge .kt-kanban__title {
    font-weight: 400;
    margin-bottom: 0.25rem;
}

.kanban-board .kanban-drag {
    min-height: 100px;
}

.pac-container {
    z-index: 1500;
}

.hdpi.pac-logo:after {
    background-image: none !important;
}

.pac-item {
    padding: 0 2rem;
}

.ic-bg-light-grey {
    background-color: #f2f4ff !important;
}

    .ic-bg-light-grey .kt-widget5 .kt-widget5__item {
        border-bottom: 0.07rem dashed #9385b7;
    }

        .ic-bg-light-grey .kt-widget5 .kt-widget5__item:last-child {
            border-bottom: none;
        }

.modal-content.ic-bg-light-grey .modal-footer {
    border-top: 1px solid #84868b;
}

.modal-content.ic-bg-light-grey .modal-header {
    border-bottom: 1px solid #84868b;
}

.modal-content.ic-bg-light-grey .alert-outline-success {
    color: #229372;
}

.margin-left-auto {
    margin-left: auto;
}

.modal {
    overflow: auto !important;
}

.expense-entry {
    border-bottom: 1px dashed steelblue;
    padding-bottom: 1rem;
    padding-top: 1rem;
    padding-left: 1rem;
}

    .expense-entry:last-child {
        border-bottom: 0;
    }

    .expense-entry:first-child {
    }

    .expense-entry:hover {
        background-color: #F7F8FC;
    }

.input-group-append a.dropdown-item i {
    margin-top: 8px;
}

.noUi-target.noUi-horizontal .noUi-handle {
    left: initial;
}

.nouislider-tooltip-bottom {
    margin-bottom: 1.5rem;
}

    .nouislider-tooltip-bottom .noUi-tooltip {
        bottom: -2.5rem;
    }

.nouislider-no-tooltip .noUi-tooltip {
    display: none;
}

.nouislider-tooltip-middle {
    margin-bottom: 0.9rem;
    margin-top: 0.9rem;
}

    .nouislider-tooltip-middle .noUi-tooltip {
        bottom: -0.40rem !important;
        border: none;
        background-color: transparent !important;
    }

.kt-widget7__img-icon {
    border: 2px solid #646c9a45;
    font-size: 4em;
    text-align: center;
    min-width: 10rem;
    display: block;
    padding: 0px 2rem;
    width: 10rem;
    border-radius: 6px;
}

    .kt-widget7__img-icon.kt-widget7__img-icon-compact {
        font-size: 2em;
        text-align: center;
        min-width: 5rem;
        display: block;
        padding: 0px 0rem;
        width: 5rem;
        border-radius: 3px;
    }

.borderless {
    border: none !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
}

.modal-body .kt-widget5 .kt-widget5__item:last-child {
    padding-bottom: 0;
}

.kt-widget5 .kt-widget5__item .kt-widget5__content .kt-widget5__desc.vehicle-reg-no {
    font-size: 125%;
    font-weight: 500;
    letter-spacing: 0.5px;
}

a.kt-widget5__item {
    padding: 0.8rem;
    padding-bottom: 0.8rem;
}

    a.kt-widget5__item:hover, a.kt-widget5__item.selected {
        background-color: #e8dfdf;
    }

    a.kt-widget5__item:last-child {
        padding-bottom: 0.8rem !important;
    }

.was-validated .form-control:invalid, .form-control.is-invalid {
    border-color: #fd397a !important;
    padding-right: calc(1.5em + 1.3rem) !important;
}

.kt-notification div.kt-notification__item:after {
    content: none;
}

.kt-notification__item.kt-notification__item-compact {
    padding: 0.5rem 1.5rem;
}

.kt-badge.kt-badge--inline.kt-badge--sm {
    padding: 0.3rem 0.7rem;
    font-size: 0.9rem;
}

.d-inline-grid {
    display: inline-grid !important;
}

.form-control.form-control-danger:not(:disabled):not(.disabled) {
    color: #fff;
    background-color: #fc0758;
    border-color: #f40252;
}

.kt-section__content.kt-section__content--compact {
    padding: 0.5rem 1rem !important;
}

.kt-section .kt-section__heading.kt-section__title-sm, .kt-section .kt-section__title.kt-section__title-sm {
    margin: 0 0 1rem 0;
}

/*-----------------------------------------*/
/*-----------------------------------------*/
/*-----------------------------------------*/
/*DevEx color-profile Uploader            */
/*  DONE FOR pv_ExpensesDialogs         */
/*-----------------------------------------*/
/*-----------------------------------------*/
/*-----------------------------------------*/
.dx-fileuploader-wrapper {
    padding: 0;
}

.dx-fileuploader-input-wrapper {
    padding: 0;
    border: none;
}

    .dx-fileuploader-input-wrapper::before {
        padding-top: 0;
        margin-top: 0;
    }
/*-----------------------------------------*/
/*-----------------------------------------*/
/*-----------------------------------------*/
/*   DevEx color-profile Uploader END     */
/*-----------------------------------------*/
/*-----------------------------------------*/
/*-----------------------------------------*/

.div-file-uploader .file-preview {
    display: flex;
    flex-direction: row;
    flex-basis: auto;
    flex-flow: row;
    flex: auto;
    align-items: baseline;
}

.doc-quick-view .helper-block {
    max-width: 100%;
    overflow: hidden;
    overflow-wrap: normal;
    text-overflow: ellipsis;
}

.twitter-typeahead {
    width: 100%;
}

.div-refresh {
    position: absolute;
    left: 0px;
    top: 30%;
    width: calc(100% - 1rem);
    margin-left: 1rem;
    display: block;
    /*margin-right: 11rem;*/
}

.kt-portlet--responsive-mobile .kt-portlet__head-toolbar {
    flex: initial;
    flex-basis: content;
    flex-direction: row;
    flex-wrap: wrap;
    align-self: center;
    row-gap: 0.5rem;
    justify-content: end;
    column-gap: 0.5rem;
}

#kt_subheader .kt-subheader__main .kt-subheader__title i {
    font-size: 180% !important;
    margin-right: 0.5rem;
}

@media (min-width: 1025px) {
    .kt-header--fixed.kt-subheader--fixed .kt-subheader {
        min-height: 54px;
        height: initial;
    }
}

.kt-subheader .kt-subheader__toolbar {
    margin-left: auto;
}

.kt-demo-panel--on.email-preview-panel {
    width: 60% !important;
    padding: 0 !important;
}

    .kt-demo-panel--on.email-preview-panel .kt-inbox__message.kt-inbox__message--expanded, .kt-demo-panel--on.email-preview-panel .kt-portlet {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .kt-demo-panel--on.email-preview-panel .kt-demo-panel__head {
        margin-bottom: 0.6rem;
        margin-top: 0.4rem;
        margin-right: 0.5rem;
    }

        .kt-demo-panel--on.email-preview-panel .kt-demo-panel__head .kt-demo-panel__close {
            margin-left: auto;
        }

@media (max-width: 1200px) {
    .kt-demo-panel--on.email-preview-panel {
        width: 75% !important;
    }
}

@media (max-width: 1025px) {
    .kt-demo-panel--on.email-preview-panel {
        width: 100% !important;
    }
}

.kt-media.kt-media--md span {
    font-size: 1.4rem;
}

span.bcg-sample {
    position: absolute;
    /*top: 0;*/
    left: 2rem;
    /* transform: rotate(300deg); */
    font-size: 4rem;
    z-index: 1;
    opacity: 0.3;
    color: red;
    font-family: sans-serif;
}

.kt-media.kt-media--circle i {
    width: 100%;
    max-width: 50px;
    min-width: 50px;
    height: 50px;
}

.kt-media.kt-media--circle.kt-media--lg i {
    max-width: 65px;
    min-width: 65px;
    height: 65px;
    max-width: 65px;
    min-width: 65px;
    height: 65px;
    font-size: 3rem;
    text-align: center;
    position: relative;
    top: 10px;
}

.kt-widget.kt-widget--user-profile-1 .kt-widget__body .kt-widget__items .kt-widget__item.kt-widget__item-no-hover:hover {
    cursor: default;
}
.kt-widget.kt-widget--user-profile-1.kt-widget--user-profile-1-compact {
}
    .kt-widget.kt-widget--user-profile-1.kt-widget--user-profile-1-compact .kt-widget__body .kt-widget__items .kt-widget__item {
        padding: 0.6rem 1.05rem 0.6rem 0.6rem;
    }

.kt-widget.kt-widget--user-profile-1 .kt-widget__head .kt-widget__media i {
    width: 90px;
    max-width: 90px;
    border-radius: 8px;
    text-align: center;
    font-size: 3rem;
    height: 90px;
    max-height: 90px;
    vertical-align: sub;
    position: relative;
    border-radius: 50%;
    border: 1px solid #ced4da;
    align-content: center;
}

.kt-portlet__head-icon img {
    max-width: 24px;
    max-height: 24px;
}

@media (max-width: 1024px) {
    .kt-app .kt-app__aside {
        padding: 0;
    }
}
.kt-widget.kt-widget--project-1 .kt-widget__head .kt-widget__label .kt-widget__media .kt-media i {
    width: 65px;
    height: 65px;
    font-size: 40px;
    vertical-align: bottom;
    padding-top: 10px;
    color: #3e5fff;
}
.kt-widget.kt-widget--project-1 .kt-widget__body .kt-widget__stats .kt-widget__item:not(:first-child):not(:last-child) {
    margin: 0 1rem 0 0;
}
.kt-widget.kt-widget--project-1 .kt-widget__body .kt-widget__stats .kt-widget__item:first-child {
    margin: 0 1rem 0 0;
}
.kt-widget.kt-widget--project-1 .kt-widget__body .kt-widget__content .kt-widget__details .kt-widget__value {
    text-align : center;
}
.btn i {
    vertical-align: text-bottom !important;
}

@media (max-width: 576px) {
    .btn.btn-icon-xs {
        width: 2.5rem;
        height: 2.5rem;
        padding: 0;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-box-align: center;
    }
}

.table td {
    vertical-align: middle;
}

.form-control.form-control-xs {
    max-width: 10rem;
}

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

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

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

.max-height-400 {
    max-height: 400px;
}

.max-height-500 {
    max-height: 500px;
}

.max-height-600 {
    max-height: 600px;
}

.kt-widget__head {
    flex-flow: nowrap !important;
}

.swal2-popup.swal2-toast {
    box-sizing: border-box;
    grid-column: 1/4 !important;
    grid-row: 1/4 !important;
    grid-template-columns: min-content auto min-content;
    padding: 1em;
    overflow-y: hidden;
    background: #fff;
    box-shadow: 0 0 1px rgba(0,0,0,.075),0 1px 2px rgba(0,0,0,.075),1px 2px 4px rgba(0,0,0,.075),1px 3px 8px rgba(0,0,0,.075),2px 4px 16px rgba(0,0,0,.075);
    pointer-events: all
}

    .swal2-popup.swal2-toast > * {
        grid-column: 2
    }

    .swal2-popup.swal2-toast .swal2-title {
        margin: .5em 1em;
        padding: 0;
        font-size: 1em;
        text-align: initial
    }

    .swal2-popup.swal2-toast .swal2-loading {
        justify-content: center
    }

    .swal2-popup.swal2-toast .swal2-input {
        height: 2em;
        margin: .5em;
        font-size: 1em
    }

    .swal2-popup.swal2-toast .swal2-validation-message {
        font-size: 1em
    }

    .swal2-popup.swal2-toast .swal2-footer {
        margin: .5em 0 0;
        padding: .5em 0 0;
        font-size: .8em
    }

    .swal2-popup.swal2-toast .swal2-close {
        grid-column: 3/3;
        grid-row: 1/99;
        align-self: center;
        width: .8em;
        height: .8em;
        margin: 0;
        font-size: 2em
    }

    .swal2-popup.swal2-toast .swal2-html-container {
        margin: .5em 1em;
        padding: 0;
        overflow: initial;
        font-size: 1em;
        text-align: initial
    }

        .swal2-popup.swal2-toast .swal2-html-container:empty {
            padding: 0
        }

    .swal2-popup.swal2-toast .swal2-loader {
        grid-column: 1;
        grid-row: 1/99;
        align-self: center;
        width: 2em;
        height: 2em;
        margin: .25em
    }

    .swal2-popup.swal2-toast .swal2-icon {
        grid-column: 1;
        grid-row: 1/99;
        align-self: center;
        width: 2em;
        min-width: 2em;
        height: 2em;
        margin: 0 .5em 0 0
    }

        .swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
            display: flex;
            align-items: center;
            font-size: 1.8em;
            font-weight: bold
        }

        .swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
            width: 2em;
            height: 2em
        }

        .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
            top: .875em;
            width: 1.375em
        }

            .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
                left: .3125em
            }

            .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
                right: .3125em
            }

    .swal2-popup.swal2-toast .swal2-actions {
        justify-content: flex-start;
        height: auto;
        margin: 0;
        margin-top: .5em;
        padding: 0 .5em
    }

    .swal2-popup.swal2-toast .swal2-styled {
        margin: .25em .5em;
        padding: .4em .6em;
        font-size: 1em
    }

    .swal2-popup.swal2-toast .swal2-success {
        border-color: #a5dc86
    }

        .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line] {
            position: absolute;
            width: 1.6em;
            height: 3em;
            border-radius: 50%
        }

            .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] {
                top: -0.8em;
                left: -0.5em;
                transform: rotate(-45deg);
                transform-origin: 2em 2em;
                border-radius: 4em 0 0 4em
            }

            .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] {
                top: -0.25em;
                left: .9375em;
                transform-origin: 0 1.5em;
                border-radius: 0 4em 4em 0
            }

        .swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
            width: 2em;
            height: 2em
        }

        .swal2-popup.swal2-toast .swal2-success .swal2-success-fix {
            top: 0;
            left: .4375em;
            width: .4375em;
            height: 2.6875em
        }

        .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line] {
            height: .3125em
        }

            .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] {
                top: 1.125em;
                left: .1875em;
                width: .75em
            }

            .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] {
                top: .9375em;
                right: .1875em;
                width: 1.375em
            }

        .swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip {
            animation: swal2-toast-animate-success-line-tip .75s
        }

        .swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long {
            animation: swal2-toast-animate-success-line-long .75s
        }

    .swal2-popup.swal2-toast.swal2-show {
        animation: swal2-toast-show .5s
    }

    .swal2-popup.swal2-toast.swal2-hide {
        animation: swal2-toast-hide .1s forwards
    }

div:where(.swal2-container) {
    display: grid;
    position: fixed;
    z-index: 1060;
    inset: 0;
    box-sizing: border-box;
    grid-template-areas: "top-start     top            top-end" "center-start  center         center-end" "bottom-start  bottom-center  bottom-end";
    grid-template-rows: minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto);
    height: 100%;
    padding: .625em;
    overflow-x: hidden;
    transition: background-color .1s;
    -webkit-overflow-scrolling: touch
}

    div:where(.swal2-container).swal2-backdrop-show, div:where(.swal2-container).swal2-noanimation {
        background: rgba(0,0,0,.4)
    }

    div:where(.swal2-container).swal2-backdrop-hide {
        background: rgba(0,0,0,0) !important
    }

    div:where(.swal2-container).swal2-top-start, div:where(.swal2-container).swal2-center-start, div:where(.swal2-container).swal2-bottom-start {
        grid-template-columns: minmax(0, 1fr) auto auto
    }

    div:where(.swal2-container).swal2-top, div:where(.swal2-container).swal2-center, div:where(.swal2-container).swal2-bottom {
        grid-template-columns: auto minmax(0, 1fr) auto
    }

    div:where(.swal2-container).swal2-top-end, div:where(.swal2-container).swal2-center-end, div:where(.swal2-container).swal2-bottom-end {
        grid-template-columns: auto auto minmax(0, 1fr)
    }

    div:where(.swal2-container).swal2-top-start > .swal2-popup {
        align-self: start
    }

    div:where(.swal2-container).swal2-top > .swal2-popup {
        grid-column: 2;
        place-self: start center
    }

    div:where(.swal2-container).swal2-top-end > .swal2-popup, div:where(.swal2-container).swal2-top-right > .swal2-popup {
        grid-column: 3;
        place-self: start end
    }

    div:where(.swal2-container).swal2-center-start > .swal2-popup, div:where(.swal2-container).swal2-center-left > .swal2-popup {
        grid-row: 2;
        align-self: center
    }

    div:where(.swal2-container).swal2-center > .swal2-popup {
        grid-column: 2;
        grid-row: 2;
        place-self: center center
    }

    div:where(.swal2-container).swal2-center-end > .swal2-popup, div:where(.swal2-container).swal2-center-right > .swal2-popup {
        grid-column: 3;
        grid-row: 2;
        place-self: center end
    }

    div:where(.swal2-container).swal2-bottom-start > .swal2-popup, div:where(.swal2-container).swal2-bottom-left > .swal2-popup {
        grid-column: 1;
        grid-row: 3;
        align-self: end
    }

    div:where(.swal2-container).swal2-bottom > .swal2-popup {
        grid-column: 2;
        grid-row: 3;
        place-self: end center
    }

    div:where(.swal2-container).swal2-bottom-end > .swal2-popup, div:where(.swal2-container).swal2-bottom-right > .swal2-popup {
        grid-column: 3;
        grid-row: 3;
        place-self: end end
    }

    div:where(.swal2-container).swal2-grow-row > .swal2-popup, div:where(.swal2-container).swal2-grow-fullscreen > .swal2-popup {
        grid-column: 1/4;
        width: 100%
    }

    div:where(.swal2-container).swal2-grow-column > .swal2-popup, div:where(.swal2-container).swal2-grow-fullscreen > .swal2-popup {
        grid-row: 1/4;
        align-self: stretch
    }

    div:where(.swal2-container).swal2-no-transition {
        transition: none !important
    }

    div:where(.swal2-container) div:where(.swal2-popup) {
        display: none;
        position: relative;
        box-sizing: border-box;
        grid-template-columns: minmax(0, 100%);
        width: 32em;
        max-width: 100%;
        padding: 0 0 1.25em;
        border: none;
        border-radius: 5px;
        background: #fff;
        color: #545454;
        font-family: inherit;
        font-size: 1rem
    }

        div:where(.swal2-container) div:where(.swal2-popup):focus {
            outline: none
        }

        div:where(.swal2-container) div:where(.swal2-popup).swal2-loading {
            overflow-y: hidden
        }

    div:where(.swal2-container) h2:where(.swal2-title) {
        position: relative;
        max-width: 100%;
        margin: 0;
        padding: .8em 1em 0;
        color: inherit;
        font-size: 1.875em;
        font-weight: 600;
        text-align: center;
        text-transform: none;
        word-wrap: break-word
    }

    div:where(.swal2-container) div:where(.swal2-actions) {
        display: flex;
        z-index: 1;
        box-sizing: border-box;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        width: auto;
        margin: 1.25em auto 0;
        padding: 0
    }

        div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled[disabled] {
            opacity: .4
        }

        div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:hover {
            background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1))
        }

        div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:active {
            background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2))
        }

    div:where(.swal2-container) div:where(.swal2-loader) {
        display: none;
        align-items: center;
        justify-content: center;
        width: 2.2em;
        height: 2.2em;
        margin: 0 1.875em;
        animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
        border-width: .25em;
        border-style: solid;
        border-radius: 100%;
        border-color: #2778c4 rgba(0,0,0,0) #2778c4 rgba(0,0,0,0)
    }

    div:where(.swal2-container) button:where(.swal2-styled) {
        margin: .3125em;
        padding: .625em 1.1em;
        transition: box-shadow .1s;
        box-shadow: 0 0 0 3px rgba(0,0,0,0);
        font-weight: 500
    }

        div:where(.swal2-container) button:where(.swal2-styled):not([disabled]) {
            cursor: pointer
        }

        div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
            border: 0;
            border-radius: .25em;
            background: initial;
            background-color: #7066e0;
            color: #fff;
            font-size: 1em
        }

            div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm:focus {
                box-shadow: 0 0 0 3px rgba(112,102,224,.5)
            }

        div:where(.swal2-container) button:where(.swal2-styled).swal2-deny {
            border: 0;
            border-radius: .25em;
            background: initial;
            background-color: #dc3741;
            color: #fff;
            font-size: 1em
        }

            div:where(.swal2-container) button:where(.swal2-styled).swal2-deny:focus {
                box-shadow: 0 0 0 3px rgba(220,55,65,.5)
            }

        div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel {
            border: 0;
            border-radius: .25em;
            background: initial;
            background-color: #6e7881;
            color: #fff;
            font-size: 1em
        }

            div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel:focus {
                box-shadow: 0 0 0 3px rgba(110,120,129,.5)
            }

        div:where(.swal2-container) button:where(.swal2-styled).swal2-default-outline:focus {
            box-shadow: 0 0 0 3px rgba(100,150,200,.5)
        }

        div:where(.swal2-container) button:where(.swal2-styled):focus {
            outline: none
        }

        div:where(.swal2-container) button:where(.swal2-styled)::-moz-focus-inner {
            border: 0
        }

    div:where(.swal2-container) div:where(.swal2-footer) {
        margin: 1em 0 0;
        padding: 1em 1em 0;
        border-top: 1px solid #eee;
        color: inherit;
        font-size: 1em;
        text-align: center
    }

    div:where(.swal2-container) .swal2-timer-progress-bar-container {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        grid-column: auto !important;
        overflow: hidden;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px
    }

    div:where(.swal2-container) div:where(.swal2-timer-progress-bar) {
        width: 100%;
        height: .25em;
        background: rgba(0,0,0,.2)
    }

    div:where(.swal2-container) img:where(.swal2-image) {
        max-width: 100%;
        margin: 2em auto 1em
    }

    div:where(.swal2-container) button:where(.swal2-close) {
        z-index: 2;
        align-items: center;
        justify-content: center;
        width: 1.2em;
        height: 1.2em;
        margin-top: 0;
        margin-right: 0;
        margin-bottom: -1.2em;
        padding: 0;
        overflow: hidden;
        transition: color .1s,box-shadow .1s;
        border: none;
        border-radius: 5px;
        background: rgba(0,0,0,0);
        color: #ccc;
        font-family: monospace;
        font-size: 2.5em;
        cursor: pointer;
        justify-self: end
    }

        div:where(.swal2-container) button:where(.swal2-close):hover {
            transform: none;
            background: rgba(0,0,0,0);
            color: #f27474
        }

        div:where(.swal2-container) button:where(.swal2-close):focus {
            outline: none;
            box-shadow: inset 0 0 0 3px rgba(100,150,200,.5)
        }

        div:where(.swal2-container) button:where(.swal2-close)::-moz-focus-inner {
            border: 0
        }

    div:where(.swal2-container) .swal2-html-container {
        z-index: 1;
        justify-content: center;
        margin: 1em 1.6em .3em;
        padding: 0;
        overflow: auto;
        color: inherit;
        font-size: 1.125em;
        font-weight: normal;
        line-height: normal;
        text-align: center;
        word-wrap: break-word;
        word-break: break-word
    }

    div:where(.swal2-container) input:where(.swal2-input), div:where(.swal2-container) input:where(.swal2-file), div:where(.swal2-container) textarea:where(.swal2-textarea), div:where(.swal2-container) select:where(.swal2-select), div:where(.swal2-container) div:where(.swal2-radio), div:where(.swal2-container) label:where(.swal2-checkbox) {
        margin: 1em 2em 3px
    }

    div:where(.swal2-container) input:where(.swal2-input), div:where(.swal2-container) input:where(.swal2-file), div:where(.swal2-container) textarea:where(.swal2-textarea) {
        box-sizing: border-box;
        width: auto;
        transition: border-color .1s,box-shadow .1s;
        border: 1px solid #d9d9d9;
        border-radius: .1875em;
        background: rgba(0,0,0,0);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.06),0 0 0 3px rgba(0,0,0,0);
        color: inherit;
        font-size: 1.125em
    }

        div:where(.swal2-container) input:where(.swal2-input).swal2-inputerror, div:where(.swal2-container) input:where(.swal2-file).swal2-inputerror, div:where(.swal2-container) textarea:where(.swal2-textarea).swal2-inputerror {
            border-color: #f27474 !important;
            box-shadow: 0 0 2px #f27474 !important
        }

        div:where(.swal2-container) input:where(.swal2-input):focus, div:where(.swal2-container) input:where(.swal2-file):focus, div:where(.swal2-container) textarea:where(.swal2-textarea):focus {
            border: 1px solid #b4dbed;
            outline: none;
            box-shadow: inset 0 1px 1px rgba(0,0,0,.06),0 0 0 3px rgba(100,150,200,.5)
        }

        div:where(.swal2-container) input:where(.swal2-input)::placeholder, div:where(.swal2-container) input:where(.swal2-file)::placeholder, div:where(.swal2-container) textarea:where(.swal2-textarea)::placeholder {
            color: #ccc
        }

    div:where(.swal2-container) .swal2-range {
        margin: 1em 2em 3px;
        background: #fff
    }

        div:where(.swal2-container) .swal2-range input {
            width: 80%
        }

        div:where(.swal2-container) .swal2-range output {
            width: 20%;
            color: inherit;
            font-weight: 600;
            text-align: center
        }

        div:where(.swal2-container) .swal2-range input, div:where(.swal2-container) .swal2-range output {
            height: 2.625em;
            padding: 0;
            font-size: 1.125em;
            line-height: 2.625em
        }

    div:where(.swal2-container) .swal2-input {
        height: 2.625em;
        padding: 0 .75em
    }

    div:where(.swal2-container) .swal2-file {
        width: 75%;
        margin-right: auto;
        margin-left: auto;
        background: rgba(0,0,0,0);
        font-size: 1.125em
    }

    div:where(.swal2-container) .swal2-textarea {
        height: 6.75em;
        padding: .75em
    }

    div:where(.swal2-container) .swal2-select {
        min-width: 50%;
        max-width: 100%;
        padding: .375em .625em;
        background: rgba(0,0,0,0);
        color: inherit;
        font-size: 1.125em
    }

    div:where(.swal2-container) .swal2-radio, div:where(.swal2-container) .swal2-checkbox {
        align-items: center;
        justify-content: center;
        background: #fff;
        color: inherit
    }

        div:where(.swal2-container) .swal2-radio label, div:where(.swal2-container) .swal2-checkbox label {
            margin: 0 .6em;
            font-size: 1.125em
        }

        div:where(.swal2-container) .swal2-radio input, div:where(.swal2-container) .swal2-checkbox input {
            flex-shrink: 0;
            margin: 0 .4em
        }

    div:where(.swal2-container) label:where(.swal2-input-label) {
        display: flex;
        justify-content: center;
        margin: 1em auto 0
    }

    div:where(.swal2-container) div:where(.swal2-validation-message) {
        align-items: center;
        justify-content: center;
        margin: 1em 0 0;
        padding: .625em;
        overflow: hidden;
        background: #f0f0f0;
        color: #666;
        font-size: 1em;
        font-weight: 300
    }

        div:where(.swal2-container) div:where(.swal2-validation-message)::before {
            content: "!";
            display: inline-block;
            width: 1.5em;
            min-width: 1.5em;
            height: 1.5em;
            margin: 0 .625em;
            border-radius: 50%;
            background-color: #f27474;
            color: #fff;
            font-weight: 600;
            line-height: 1.5em;
            text-align: center
        }

    div:where(.swal2-container) .swal2-progress-steps {
        flex-wrap: wrap;
        align-items: center;
        max-width: 100%;
        margin: 1.25em auto;
        padding: 0;
        background: rgba(0,0,0,0);
        font-weight: 600
    }

        div:where(.swal2-container) .swal2-progress-steps li {
            display: inline-block;
            position: relative
        }

        div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step {
            z-index: 20;
            flex-shrink: 0;
            width: 2em;
            height: 2em;
            border-radius: 2em;
            background: #2778c4;
            color: #fff;
            line-height: 2em;
            text-align: center
        }

            div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
                background: #2778c4
            }

                div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step {
                    background: #add8e6;
                    color: #fff
                }

                div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line {
                    background: #add8e6
                }

        div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step-line {
            z-index: 10;
            flex-shrink: 0;
            width: 2.5em;
            height: .4em;
            margin: 0 -1px;
            background: #2778c4
        }

div:where(.swal2-icon) {
    position: relative;
    box-sizing: content-box;
    justify-content: center;
    width: 5em;
    height: 5em;
    margin: 2.5em auto .6em;
    border: 0.25em solid rgba(0,0,0,0);
    border-radius: 50%;
    border-color: #000;
    font-family: inherit;
    line-height: 5em;
    cursor: default;
    user-select: none
}

    div:where(.swal2-icon) .swal2-icon-content {
        display: flex;
        align-items: center;
        font-size: 3.75em
    }

    div:where(.swal2-icon).swal2-error {
        border-color: #f27474;
        color: #f27474
    }

        div:where(.swal2-icon).swal2-error .swal2-x-mark {
            position: relative;
            flex-grow: 1
        }

        div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line] {
            display: block;
            position: absolute;
            top: 2.3125em;
            width: 2.9375em;
            height: .3125em;
            border-radius: .125em;
            background-color: #f27474
        }

            div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=left] {
                left: 1.0625em;
                transform: rotate(45deg)
            }

            div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=right] {
                right: 1em;
                transform: rotate(-45deg)
            }

        div:where(.swal2-icon).swal2-error.swal2-icon-show {
            animation: swal2-animate-error-icon .5s
        }

            div:where(.swal2-icon).swal2-error.swal2-icon-show .swal2-x-mark {
                animation: swal2-animate-error-x-mark .5s
            }

    div:where(.swal2-icon).swal2-warning {
        border-color: #facea8;
        color: #f8bb86
    }

        div:where(.swal2-icon).swal2-warning.swal2-icon-show {
            animation: swal2-animate-error-icon .5s
        }

            div:where(.swal2-icon).swal2-warning.swal2-icon-show .swal2-icon-content {
                animation: swal2-animate-i-mark .5s
            }

    div:where(.swal2-icon).swal2-info {
        border-color: #9de0f6;
        color: #3fc3ee
    }

        div:where(.swal2-icon).swal2-info.swal2-icon-show {
            animation: swal2-animate-error-icon .5s
        }

            div:where(.swal2-icon).swal2-info.swal2-icon-show .swal2-icon-content {
                animation: swal2-animate-i-mark .8s
            }

    div:where(.swal2-icon).swal2-question {
        border-color: #c9dae1;
        color: #87adbd
    }

        div:where(.swal2-icon).swal2-question.swal2-icon-show {
            animation: swal2-animate-error-icon .5s
        }

            div:where(.swal2-icon).swal2-question.swal2-icon-show .swal2-icon-content {
                animation: swal2-animate-question-mark .8s
            }

    div:where(.swal2-icon).swal2-success {
        border-color: #a5dc86;
        color: #a5dc86
    }

        div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line] {
            position: absolute;
            width: 3.75em;
            height: 7.5em;
            border-radius: 50%
        }

            div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=left] {
                top: -0.4375em;
                left: -2.0635em;
                transform: rotate(-45deg);
                transform-origin: 3.75em 3.75em;
                border-radius: 7.5em 0 0 7.5em
            }

            div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=right] {
                top: -0.6875em;
                left: 1.875em;
                transform: rotate(-45deg);
                transform-origin: 0 3.75em;
                border-radius: 0 7.5em 7.5em 0
            }

        div:where(.swal2-icon).swal2-success .swal2-success-ring {
            position: absolute;
            z-index: 2;
            top: -0.25em;
            left: -0.25em;
            box-sizing: content-box;
            width: 100%;
            height: 100%;
            border: .25em solid rgba(165,220,134,.3);
            border-radius: 50%
        }

        div:where(.swal2-icon).swal2-success .swal2-success-fix {
            position: absolute;
            z-index: 1;
            top: .5em;
            left: 1.625em;
            width: .4375em;
            height: 5.625em;
            transform: rotate(-45deg)
        }

        div:where(.swal2-icon).swal2-success [class^=swal2-success-line] {
            display: block;
            position: absolute;
            z-index: 2;
            height: .3125em;
            border-radius: .125em;
            background-color: #a5dc86
        }

            div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=tip] {
                top: 2.875em;
                left: .8125em;
                width: 1.5625em;
                transform: rotate(45deg)
            }

            div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=long] {
                top: 2.375em;
                right: .5em;
                width: 2.9375em;
                transform: rotate(-45deg)
            }

        div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-tip {
            animation: swal2-animate-success-line-tip .75s
        }

        div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-long {
            animation: swal2-animate-success-line-long .75s
        }

        div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-circular-line-right {
            animation: swal2-rotate-success-circular-line 4.25s ease-in
        }

[class^=swal2] {
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.swal2-show {
    animation: swal2-show .3s
}

.swal2-hide {
    animation: swal2-hide .15s forwards
}

.swal2-noanimation {
    transition: none
}

.swal2-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

.swal2-rtl .swal2-close {
    margin-right: initial;
    margin-left: 0
}

.swal2-rtl .swal2-timer-progress-bar {
    right: 0;
    left: auto
}

@keyframes swal2-toast-show {
    0% {
        transform: translateY(-0.625em) rotateZ(2deg)
    }

    33% {
        transform: translateY(0) rotateZ(-2deg)
    }

    66% {
        transform: translateY(0.3125em) rotateZ(2deg)
    }

    100% {
        transform: translateY(0) rotateZ(0deg)
    }
}

@keyframes swal2-toast-hide {
    100% {
        transform: rotateZ(1deg);
        opacity: 0
    }
}

@keyframes swal2-toast-animate-success-line-tip {
    0% {
        top: .5625em;
        left: .0625em;
        width: 0
    }

    54% {
        top: .125em;
        left: .125em;
        width: 0
    }

    70% {
        top: .625em;
        left: -0.25em;
        width: 1.625em
    }

    84% {
        top: 1.0625em;
        left: .75em;
        width: .5em
    }

    100% {
        top: 1.125em;
        left: .1875em;
        width: .75em
    }
}

@keyframes swal2-toast-animate-success-line-long {
    0% {
        top: 1.625em;
        right: 1.375em;
        width: 0
    }

    65% {
        top: 1.25em;
        right: .9375em;
        width: 0
    }

    84% {
        top: .9375em;
        right: 0;
        width: 1.125em
    }

    100% {
        top: .9375em;
        right: .1875em;
        width: 1.375em
    }
}

@keyframes swal2-show {
    0% {
        transform: scale(0.7)
    }

    45% {
        transform: scale(1.05)
    }

    80% {
        transform: scale(0.95)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes swal2-hide {
    0% {
        transform: scale(1);
        opacity: 1
    }

    100% {
        transform: scale(0.5);
        opacity: 0
    }
}

@keyframes swal2-animate-success-line-tip {
    0% {
        top: 1.1875em;
        left: .0625em;
        width: 0
    }

    54% {
        top: 1.0625em;
        left: .125em;
        width: 0
    }

    70% {
        top: 2.1875em;
        left: -0.375em;
        width: 3.125em
    }

    84% {
        top: 3em;
        left: 1.3125em;
        width: 1.0625em
    }

    100% {
        top: 2.8125em;
        left: .8125em;
        width: 1.5625em
    }
}

@keyframes swal2-animate-success-line-long {
    0% {
        top: 3.375em;
        right: 2.875em;
        width: 0
    }

    65% {
        top: 3.375em;
        right: 2.875em;
        width: 0
    }

    84% {
        top: 2.1875em;
        right: 0;
        width: 3.4375em
    }

    100% {
        top: 2.375em;
        right: .5em;
        width: 2.9375em
    }
}

@keyframes swal2-rotate-success-circular-line {
    0% {
        transform: rotate(-45deg)
    }

    5% {
        transform: rotate(-45deg)
    }

    12% {
        transform: rotate(-405deg)
    }

    100% {
        transform: rotate(-405deg)
    }
}

@keyframes swal2-animate-error-x-mark {
    0% {
        margin-top: 1.625em;
        transform: scale(0.4);
        opacity: 0
    }

    50% {
        margin-top: 1.625em;
        transform: scale(0.4);
        opacity: 0
    }

    80% {
        margin-top: -0.375em;
        transform: scale(1.15)
    }

    100% {
        margin-top: 0;
        transform: scale(1);
        opacity: 1
    }
}

@keyframes swal2-animate-error-icon {
    0% {
        transform: rotateX(100deg);
        opacity: 0
    }

    100% {
        transform: rotateX(0deg);
        opacity: 1
    }
}

@keyframes swal2-rotate-loading {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes swal2-animate-question-mark {
    0% {
        transform: rotateY(-360deg)
    }

    100% {
        transform: rotateY(0)
    }
}

@keyframes swal2-animate-i-mark {
    0% {
        transform: rotateZ(45deg);
        opacity: 0
    }

    25% {
        transform: rotateZ(-25deg);
        opacity: .4
    }

    50% {
        transform: rotateZ(15deg);
        opacity: .8
    }

    75% {
        transform: rotateZ(-5deg);
        opacity: 1
    }

    100% {
        transform: rotateX(0);
        opacity: 1
    }
}

body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
    overflow: hidden
}

body.swal2-height-auto {
    height: inherit !important
}

body.swal2-no-backdrop .swal2-container {
    background-color: rgba(0,0,0,0) !important;
    pointer-events: none
}

    body.swal2-no-backdrop .swal2-container .swal2-popup {
        pointer-events: all
    }

    body.swal2-no-backdrop .swal2-container .swal2-modal {
        box-shadow: 0 0 10px rgba(0,0,0,.4)
    }

@media print {
    body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
        overflow-y: scroll !important
    }

        body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) > [aria-hidden=true] {
            display: none
        }

        body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container {
            position: static !important
        }
}

body.swal2-toast-shown .swal2-container {
    box-sizing: border-box;
    width: 360px;
    max-width: 100%;
    background-color: rgba(0,0,0,0);
    pointer-events: none
}

    body.swal2-toast-shown .swal2-container.swal2-top {
        inset: 0 auto auto 50%;
        transform: translateX(-50%)
    }

    body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right {
        inset: 0 0 auto auto
    }

    body.swal2-toast-shown .swal2-container.swal2-top-start, body.swal2-toast-shown .swal2-container.swal2-top-left {
        inset: 0 auto auto 0
    }

    body.swal2-toast-shown .swal2-container.swal2-center-start, body.swal2-toast-shown .swal2-container.swal2-center-left {
        inset: 50% auto auto 0;
        transform: translateY(-50%)
    }

    body.swal2-toast-shown .swal2-container.swal2-center {
        inset: 50% auto auto 50%;
        transform: translate(-50%, -50%)
    }

    body.swal2-toast-shown .swal2-container.swal2-center-end, body.swal2-toast-shown .swal2-container.swal2-center-right {
        inset: 50% 0 auto auto;
        transform: translateY(-50%)
    }

    body.swal2-toast-shown .swal2-container.swal2-bottom-start, body.swal2-toast-shown .swal2-container.swal2-bottom-left {
        inset: auto auto 0 0
    }

    body.swal2-toast-shown .swal2-container.swal2-bottom {
        inset: auto auto 0 50%;
        transform: translateX(-50%)
    }

    body.swal2-toast-shown .swal2-container.swal2-bottom-end, body.swal2-toast-shown .swal2-container.swal2-bottom-right {
        inset: auto 0 0 auto
    }

.dropdown-menu-pos-relative {
}

.dropdown-menu.dropdown-menu-full-width {
    width: 100%;
}

.input-group-text.input-group-text-clear {
    background-color: transparent !important;
}

.dx-item-content.dx-menu-item-content {
    align-content: center;
}

.lookup-control {
    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: stretch;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px dashed #ebedf2;
}

    .lookup-control .lookup-control-actions {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border: 1px solid #e2e5ec;
        border-right: none;
        border-radius: 4px;
        font-size: 1rem;
        line-height: 1.25;
        font-weight: 400;
        align-items: center;
    }

    .lookup-control .lookup-control-info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        align-items: center;
        font-size: 1rem;
        line-height: 1.25;
        font-weight: 400;
        color: #495057;
        border: 1px solid #e2e5ec;
        border-left: none;
        border-radius: 4px;
        cursor: pointer;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

        .lookup-control .lookup-control-info button {
            margin-left: auto;
            border: none;
        }

.dx-menu-base {
    font-family: Poppins, Helvetica, sans-serif;
    font-size: 13px;
}

.alert.alert-danger a {
    color: #e9e3e3;
}

.alert-danger-sm {
    border: 1px #fd397a solid;
    padding: 0.25rem 0.75rem;
    border-radius: 4px;
    color: #fd397a;
}

input[type="search"] {
    -webkit-appearance: searchfield;
}

.table-danger .btn.btn-label-warning {
    background-color: #d3930c;
    color: #f7dca3;
}

table.dataTable tbody td.select-checkbox {
    /*min-width:20px;*/
}

    table.dataTable tbody td.select-checkbox:before {
        margin-top: 25%;
    }

table.dataTable tr.selected td.select-checkbox:after {
    margin-top: 3px;
    margin-left: -5px;
}

.bullet {
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 1.1rem;
    margin-bottom: 1px;
    margin-left: 5px;
    margin-right: 5px;
    display: inline-block;
}

.kt-widget__media.kt-widget__media-md img {
    width: 80px !important;
}

@media (max-width: 768px) {
    .kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__media img {
        max-width: 40px;
    }
}

.kt-widget.kt-widget--user-profile-2 .kt-widget__body .kt-widget__item .kt-widget__contact.kt-widget__contact-block {
}

    .kt-widget.kt-widget--user-profile-2 .kt-widget__body .kt-widget__item .kt-widget__contact.kt-widget__contact-block .kt-widget__label {
        width: 9rem;
        max-width: 9rem;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .kt-widget.kt-widget--user-profile-2 .kt-widget__body .kt-widget__item .kt-widget__contact.kt-widget__contact-block .kt-widget__data {
        margin-right: auto;
    }

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

.kt-option.kt-option-compact {
    padding: 0.8em;
}

@media (max-width: 576px) {
    .kt-sc-faq-2 .kt-sc__top .kt-sc__content {
        padding: 0;
    }

    .kt-sc-faq-2 .kt-sc__bg {
        left: 50%;
        padding-right: 0;
        top: -25px;
    }

    .kt-sc-faq-2 .kt-sc__top .kt-sc__content .kt-sc__title {
        font-size: 1.65rem;
        font-weight: 500;
    }
}

@media (min-width: 1025px) {
    .kt-header--fixed.hide-nav .kt-wrapper {
        padding-top: 45px;
    }
}

@media (max-width: 1024px) {
    .kt-header-mobile--fixed.hide-nav .kt-wrapper {
        padding-top: 25px;
    }
}

@media (min-width: 768px) {
    .kt-footer .kt-footer__menu {
        padding: 0 5rem 0 0 !important;
    }
}

.bottom-right {
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.popup-menu.dx-widget {
    /*fix for white border around pop up menu (popup menu person) when added to datagrid*/
    display: table-cell;
}

.client-search-dropdown {
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
}

.kt-wizard-v2__content .ad-client-contacts-group {
    margin-top: 13px;
}

.kt-badge.kt-badge--lg.kt-badge--inline {
    height: 35px;
}

.kt-widget1__item.kt-widget1__item-sm {
    padding: 0.6rem 0;
}

    .kt-widget1 .kt-widget1__item .kt-widget1__number.kt-widget1__number-sm, .kt-widget1__item.kt-widget1__item-sm .kt-widget1__number {
        font-size: 1.1rem;
        font-weight: 400;
    }

.kt-portlet.kt-portlet--bordered.kt-portlet--bordered-dark {
    border: 1px solid #646c9a;
}

.kt-portlet.kt-portlet--bordered.kt-portlet--bordered-warning {
    border-color: #ffb822;
}

    .kt-portlet.kt-portlet--bordered.kt-portlet--bordered-warning .kt-portlet__head {
        border-color: #ffb822;
    }

.kt-portlet.kt-portlet--bordered.kt-portlet--bordered-success {
    border-color: #0abb87;
}

.kt-portlet.kt-portlet--bordered.kt-portlet--bordered-danger {
    border-color: #fd397a;
}

.kt-portlet.kt-portlet--bordered.kt-portlet--bordered-thick {
    border-width: 2px;
}

.ad-select-client-contact.form-control, .rate-type.form-control, #documentTemplate.form-control, #assignment-timesheet-period.form-control, #shift-length-mode.form-control {
    line-height: 1.5 !important;
    padding-top: 0.45rem !important;
    padding-bottom: 0.45rem !important;
}

.border-ai {
    border: 1.5px solid blue;
}
.accordion.accordion-light.accordion-light-compact .card .card-header .card-title {
    padding: 0.5rem 0.5rem 0.5rem 0;
}
.accordion.accordion-light.accordion-light-compact .card:last-child {
     margin-bottom: 0px; 
}