html {
    font-size: 13px !important;
}

ul {
    padding-inline-start: 20px;
}

.modal-backdrop {
    background-color: #07233a7d !important;
}

.disabled .custom-control.custom-radio .custom-control-label:before {
    background-color: #e9ecef;
}

.disabled .custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #3f9ce8;
    background-color: #9fcdf3;
}

.h-100 {
    height: 100%;
}

.block.block-fx-shadow-primary {
  box-shadow: 0 0 25px #d8dde5;
  opacity: 1;
}

.mb-2 {
    margin-bottom: 2px !important;
}

.mb-12 {
    margin-bottom: 12px !important;
}

.mbm-3 {
    margin-bottom: -3px !important;
}

.pt-7 {
    padding-top: 7px !important;
}

.invalid-tooltip {
    right: 0;
}

.row-footer-tab {
    margin-left: -18px !important;
    margin-right: -18px !important;
}

.bg-blue {
    background-color: #3f9ce8 !important;
}

#sidebar .js-sidebar-scroll {
    height: calc(100vh - 50px);
    overflow-y: auto;
}

.bg-primary-upload {
    background-color: #fff;
}

@media (min-width: 992px) {
    #page-container.page-header-fixed.sidebar-o.sidebar-mini #page-header, #page-container.page-header-glass.sidebar-o.sidebar-mini #page-header {
        left: 71px !important;
    }

    #page-container.page-header-fixed.sidebar-r.sidebar-o.sidebar-mini #page-header, #page-container.page-header-glass.sidebar-r.sidebar-o.sidebar-mini #page-header {
        right: 71px !important;
        left: 0;
    }

    #page-container.sidebar-mini.sidebar-o {
        padding-left: 71px !important;
    }

    #page-container.sidebar-mini.sidebar-o.sidebar-r {
        padding-right: 71px !important;
        padding-left: 0;
    }

    #page-container.sidebar-mini #sidebar {
        width: 247px;
        overflow-x: none;
    }

    .content-side-user:after {
        background-color: #fff !important;
    }

    #page-container.sidebar-mini #sidebar .js-sidebar-scroll {
        overflow-x: hidden;
    }

    #page-container.sidebar-mini #sidebar .content-header-section.sidebar-mini-visible-b {
    }

    #page-container.sidebar-mini #sidebar .content-header-item {
        margin-left: -5px;
    }
}

.section-top {
    padding-top: 50px;
}

.content-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    margin: 0 auto;
    padding: 8px 9px;
    height: 50px;
}

#page-container.page-header-fixed #main-container {
    padding-top: 50px;
}

.lh-1 {
    line-height: 1;
}

.bg-pupr-sda {
    background-color: #ffc928;
}

.header-sda {
    background-color: #ffffff !important;
}

.card-infrastruktur {
    background-color: #ffffff !important;
}

.nav-main a.active {
    color: #3f9ce8 !important;
}

.table thead th {
    border-top: none;
    border-bottom: none;
    text-transform: none;
    border: 1px solid #e4e7ed !important;
}

.table-bordered {
    border: 1px solid #e4e7ed !important;
}

.table td {
    padding: 5px;
}

.table td {
    padding: 3px;
}

table.dataTable thead > tr > th.sorting_asc,
table.dataTable thead > tr > th.sorting_desc,
table.dataTable thead > tr > th.sorting,
table.dataTable thead > tr > td.sorting_asc,
table.dataTable thead > tr > td.sorting_desc,
table.dataTable thead > tr > td.sorting {
    padding-right: 10px !important;
}

table.dataTable > thead > tr > th:not(.sorting_disabled),
table.dataTable > thead > tr > td:not(.sorting_disabled) {
    padding-right: 10px !important;
}

.dataTables_length {
    height:30px;
}

.dataTables_length > label > div.selectize-control {
    width: 70px;
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #f0f2f5;
    border-color: #f0f2f5; 
    cursor: not-allowed;
}

/*@media (min-width: 1500px) {
    .table-responsive {
        display: inline-table;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}*/

.fileuploader {
    display: block;
    width: 100%;
    padding: 16px;
    margin: 0px 0;
    background: #fafbfd;
    border-radius: 0px;
    line-height: normal;
    padding-bottom: 0px;
}

.fileuploader-input {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid transparent;
    border-radius: 0px;
    cursor: pointer;
    padding-bottom: 16px;
}

.fileuploader-input .fileuploader-input-caption {
    position: relative;
    display: inline-block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-item-align: start;
    align-self: flex-start;
    padding: 13px 16px;
    margin-right: 16px;
    background: #fff;
    border: 1px solid #ebeef1;
    border-radius: 0.2rem;
    color: #789bec;
    box-shadow: none;
    font-weight: 700;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.fileuploader-input .fileuploader-input-button, .fileuploader-popup .fileuploader-popup-content .fileuploader-popup-button, .fileuploader-popup .fileuploader-popup-content .fileuploader-popup-button.button-success {
    display: inline-block;
    margin: 0;
    padding: 14px 22px;
    border: none;
    border-radius: 0.2rem;
    outline: 0;
    font-weight: 700;
    cursor: pointer;
    vertical-align: middle;
    text-decoration: none;
}

.fileuploader-input .fileuploader-input-button, .fileuploader-popup .fileuploader-popup-content .fileuploader-popup-button.button-success {
    background: #3a8ffe;
    background-size: 140% auto;
    background-position: center;
    color: #fff;
    box-shadow: none;
}

.fileuploader-items .fileuploader-item:last-child {
    border-bottom: 0;
    margin-bottom: 0px;
}

.ui-widget.ui-widget-content {
    border-color: rgb(212, 218, 227);
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 6px 10px 6px 10px;
    font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 500;
}

.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    max-width: 100%;
}

.ui-menu .ui-state-focus, .ui-menu .ui-state-active {
    margin: 0px;
    border: none;
}

.ui-menu .ui-state-active-empty {
    color: #6c757d !important;
    background-color: #ffffff !important;
    cursor: default;
}

.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    color: #575757;
    border: 1px solid #d4dae3;
    border-radius: 4px;
    cursor: text;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    color: #575757;
    background-color: #fff;
    border-color: #97a5ba;
    outline: 0;
    box-shadow: none;
}

.select2-sm {
    size: 280px;
}

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

.dd3-button {
    position: absolute;
    margin: 0;
    right: 0;
    top: 0;
    margin: 0.21rem;
}

.drag-disabled {
    pointer-events: none;
}

@media (max-width: 500px) {
    .dd-sm-list {
        padding-left: 15px !important;
    }
}

.dd {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    max-width: 100%;
    list-style: none;
    font-size: 13px;
    line-height: 20px;
}

.modal-scroll {
    overflow-y: scroll;
    max-height: calc(100vh - 192px);
}

.modal {
    padding: 0px !important;
}

.modal.fade.show {
    background-color: #000000b0 !important;
}

.modal-open {
    padding: 0px !important;
}

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

.treejs-checkbox:before {
    width: 14px !important;
    height: 14px !important;
    border-radius: 0.25rem;
    background-color: #fff;
    border: #adb5bd solid 1px;
}

.treejs .treejs-node__halfchecked > .treejs-checkbox:after {
    top: 8px !important;
    width: 8px !important;
}

.treejs .treejs-node__checked > .treejs-checkbox:after {
    width: 4px !important;
    height: 8px !important;
}

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

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

.treejs .treejs-node.treejs-placeholder {
    padding-left: 1px !important;
}

.treejs .treejs-switcher {
    width: 1px !important;
}

.treejs .treejs-switcher:before {
    padding-left: 1px !important;
    display: none !important;
}

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

.treejs .treejs-checkbox {
    margin-right: 5px !important;
}

.is-invalid .treejs .treejs-checkbox:before {
    border: 1px solid #ef5350;
}

.drag-disabled .treejs .treejs-checkbox:before {
    background-color: #e9ecef !important;
    border: #adb5bd solid 1px !important;
}

.drag-disabled .treejs .treejs-checkbox.disabled:before {
    background-color: rgba(63, 156, 232, 0.5) !important;
    border: #3f9ce8 solid 1px !important;
}

.swal2-shown {
    padding-right: 0px !important;
}

.multi.is-invalid .invalid-tooltip {
    margin-top: -2px;
}

.form-control.selectize-control.single {
    height: calc(1.5em + 0.8571428rem + 2px);
}

.selectize-control::before {
    -moz-transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    content: " ";
    z-index: 2;
    position: absolute;
    display: none;
    top: 15px;
    right: 13px;
    margin: -8px 0 0 0;
    opacity: 1;
    width: 14px;
    height: 14px;
    vertical-align: text-bottom;
    background-color: currentColor;
    border-radius: 50%;
    -webkit-animation: .75s linear infinite spinner-grow;
    animation: .75s linear infinite spinner-grow;
}

.selectize-control.form-control-sm::before {
    width: 11px;
    height: 11px;
    top: 14px;
    right: 14px;
}

.selectize-control.loading::before {
    opacity: 1;
    display: block;
}

.selectize-control.single .selectize-input {
    min-height: calc(1.428572em + 0.8571428rem + 2px);
    max-height: calc(1.428572em + 0.8571428rem + 2px);
    padding: 0.375rem 1rem;
}

.selectize-input, .selectize-input input {
    line-height: 1.6;
}

.selectize-input.focus{
    border-color:#97a5ba;
    box-shadow: none;
}

.is-invalid .selectize-input {
    border-color: #ef5350;
    box-shadow: none;
}

.selectize-control .locked {
    background-color: #e9ecef;
    border: 1px solid #d4dae3;
}

.selectize-control .locked.focus.input-active {
    background-color: #e9ecef;
    border: 1px solid #8d98a5;
}

@media (max-width: 800px) {
    .db-sm-none {
        display: none !important;
    }

    .db-sm-inline {
        display: inline !important;
    }

    .db-sm-inline-block {
        display: inline-block !important;
    }

    .db-sm-block {
        display: block !important;
    }

    .db-sm-table {
        display: table !important;
    }

    .db-sm-table-row {
        display: table-row !important;
    }

    .db-sm-table-cell {
        display: table-cell !important;
    }

    .db-sm-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .db-sm-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
    
    .selectize-input .option {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        display: block !important;
    }
}

.is-invalid .note-editor {
    border: 1px solid #ef5350 !important;
}

.note-editable p {
    margin: 0px;
}

.list-timeline-modern p {
    margin: 0px;
}

[data-notify=message] {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-warp;
    word-wrap: break-word;
}

.role-accordion {
    line-height: 2.1;
}

.ninotree .label {
    margin-left: 1px !important;
}

.ninotree ul:first-child {
    padding-left: 1px;
    margin: 0px;
}

.is-invalid .custom-control-label {
    color: #686868 !important;
}

.is-invalid .custom-control-label:disabled {
    color: #6c757d !important;
}

.is-invalid .custom-control-label::before {
    background-color: #ffffff !important;
    border: 1px solid #ef5350;
}

.is-invalid .custom-control-input:disabled ~ .custom-control-label::before {
    background-color: #e9ecef !important;
    border: 1px solid #ef5350;
}

.invalid-tooltip {
    margin-right: 15px;
}

.badge {
    font-size: 95%;
}

.fm-heigh {
    height: 600px;
}

.fm {
    position: relative;
    height: 100%;
    padding: 1rem 1rem 0;
    border: 1px solid #6d757d !important;
}

.fm .fm-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 516px !important;
    margin-right: -12px;
    margin-left: -12px;
    position: relative;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-top: 1px solid #6d757d;
    border-bottom: 1px solid #6d757d;
}

.fm-info-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: -12px;
    margin-left: -12px;
    padding-top: 0.2rem;
    padding-bottom: 0.4rem;
    border-bottom: 0px;
}

.fm-tree .fm-tree-disk {
    padding: 0.2rem 0.3rem;
    margin-bottom: 0.3rem;
    background-color: #ababab;
    color: #fff;
}

.fm-tree-branch li>p.selected, .fm-tree-branch li>p:hover {
    background-color: #ababab;
    color: #fff;
}

.fm-breadcrumb .breadcrumb.active-manager {
    background-color: #ababab;
}

.fm-modal .modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1.42857143rem;
    border-bottom: 0 solid #e4e7ed;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
}

.fm-modal .modal-header .close {
    padding: 12px;
    margin: -1rem -1rem -1rem auto;
}

.fm-modal .modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.42857143rem;
    padding-top: 0px;
}

.fm-context-menu {
    background-color: #fff;
    border: 1px solid #6d757d;
    border-radius: 0px !important;
    -webkit-box-shadow: 0px 0px 0px 0px black !important;
    box-shadow: 0px 0px 0px 0px black !important;
}

.fm-context-menu ul>li:not(.disabled):hover{
    background-color: #ababab;
    color: #fff;
}

.fm .table-info, .table-info > th, .table-info > td {
    color: #fff;
    background-color: #ababab;
    border-top-color: #fff;
}

.fm-table tr:hover {
    border-top-color: #fff;
}

.fileup-file .fileup-controls .fileup-remove {
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 16px;
    height: 16px;
    background-image: "" !important;
    background-color: #ef535000;
    color: #ef5350;
}

.fileup-file .fileup-controls .fileup-upload {
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 20px;
    width: 16px;
    height: 16px;
    background-image: "" !important;
    background-color: #9ccc6500;
    color: #9ccc65;
}

.fileup-file .fileup-controls .fileup-upload:hover {
    color: #9ccc65;
    text-decoration: none;
}

.fileup-file .fileup-controls .fileup-abort {
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 30px;
    width: 16px;
    height: 16px;
    background-image: "" !important;
    background-color: #ffca2800;
    color: #ffca28;
}

.fileup-file .fileup-controls .fileup-abort:hover {
    color: #ffca28;
    text-decoration: none;
}

.table > thead > tr > th, td {
    vertical-align: middle !important;
}

.fileup-file.fileup-doc .fileup-preview {
    width: 50px;
    height: 50px;
    background-size: 50px;
    background-image: "";
}

.fileup-file.fileup-doc .fileup-preview.fileup-preview-25 {
    width: 25px;
    height: 25px;
    background-size: 25px;
    background-image: "";
}

.fileup-file.fileup-doc .fileup-container {
    margin-left: 53px;
}

.fileup-file.fileup-doc .fileup-container.fileup-container-35 {
    margin-left: 35px;
}

.fileup-file {
    overflow: unset !important;
}

.fileup-file .fileup-container .fileup-description {
    padding-right: 40px !important;
    word-break: break-all;
}

.fm-modal {
    position: absolute;
    z-index: 1021 !important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.35);
    display: block;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease;
    overflow: auto;
}

.is-invalid .custom-file .custom-file-label {
    border: 1px solid #ef5350;
}

.leaflet-control-container {
    width: 100%;
}

.leaflet-control-geosearch .results.active {
    padding: 8px 0;
    border-top: none;
}

.leaflet-map {
    height: 450px;
}

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

.mw-66 {
    max-width: 66% !important;
}

.mh-44px {
    height: 44px !important;
}

.li-action {
    padding-top: 9px !important;
}

.input-display {
    padding: 0px !important;
    border: none !important;
    margin: 0px !important;
    cursor: pointer !important;
    pointer-events: none;
    font-size: 14px;
    height: 14px;
}

.ul-no-style-padding {
    list-style-type: none;
    padding: 0;
}

.ul-no-style {
    list-style-type: none;
}

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

.table-font-13 {
    font-size: 13px !important;
    font-weight: 600;
}

.table-font-13 td {
    padding: 7px 5px 7px 5px;
}

.table-font-13 tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

.table-dark.table-font-13 tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.1);
}

.display-none {
    display: none;
}

.large-icons {
    font-size: 20px;
    font-weight: bold;
}

.autocomplete-suggestions  {
    top: auto !important;
    left: auto !important;
}

.list-timeline .list-timeline-icon {
    border: solid 1px #ffffff !important;
}

@media (min-width: 992px) {
  .modal-xxl {
    max-width: 90%;
  }
}
@media (min-width: 1200px) {
  .modal-xxl {
    max-width: 95%;
  }
}

#page-header-search .btn-sm {
    line-height: 18px !important;
    padding-top: 5.2px !important;
}

.block {
    border-radius: 12px !important;
}

#podium-box {
    margin: 0 auto;
    display: flex;
    height: 236.85px;
}

.step-container {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.step-container > div:first-child {
    margin-top: auto;
    text-align: center;
}

.step {
    text-align: center;
    border-top-left-radius: 2rem !important;
    border-top-right-radius: 2rem !important;
}

#first-step {
    height: 87%;
    opacity: 100%;
}

#second-step {
    height: 80%;
    opacity: 91%;
}

#third-step {
    height: 73%;
    opacity: 82%;
}

#four-step {
    height: 66%;
    opacity: 73%;
}

#five-step {
    height: 59%;
    opacity: 64%;
}

#six-step {
    height: 52%;
    opacity: 55%;
}

#seven-step {
    height: 45%;
    opacity: 46%;
}

#eight-step {
    height: 38%;
    opacity: 37%;
}

#nine-step {
    height: 31%;
    opacity: 28%;
}

#ten-step {
    height: 24%;
    opacity: 19%;
}

.number-podium {
    font-size: 20px;
    font-weight: bold;
}

.bg-leaders {
    background-color: var(--primary);
    background-image: url("../../media/various/bg-pattern.png");
}

.leaders {
    padding-top: 22px;
    display: grid;
    grid-template-rows: 20% 1fr;
    justify-items: center;
}

.leaders ul {
    list-style: none;  
    width: 440px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: flex-end;
    grid-gap: 10px;
    padding-inline-start: 0px;
}

.lead-cats {
    display: flex;
    flex-direction: column;
    justify-content: end;
}

.lead-cats__photo-1 {
  width: 100px;
  margin: 0 0 0 30px;
}

.lead-cats__photo-2 {
  width: 100px;
  margin: 0 auto;
}

.lead-cats__photo-3 {
  width: 90px;
  margin: 0 0 0 10px;
}

.h-ranking {
    height: 517px;
}

.podium {
    padding: 1em;
    padding-top: 30px;
    text-align: center;
    background-color: var(--white);
    height: 160px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    position: relative;
    background-color: #fff;
}

.podium h4 {
    font-size: small;
    font-weight: bold;
    color: var(--primary);
}

.podium p {
    color: rgb(73, 73, 73);
    margin: 5px 0;
    font-size: 0.9rem;
    font-weight: 600;
}

.pod-1 {
    height: 135px;
    background: linear-gradient(90deg, #c0c0c0 20%, #646464 100%) !important;
    color: #ffffff;
}

.pod-2 {
    background: linear-gradient(90deg, #ffd700 20%, #605100 100%) !important;
    color: #ffffff;
}

.pod-3 {
    height: 110px;
    background: linear-gradient(90deg, #cd7f32 20%, #73481e 100%) !important;
    color: #ffffff;
}

.ranking {
    position: absolute;
    bottom: 0;
    right: -10px;
    z-index: 10;
    width: 20px;
    height: 20px;
    background-color: #1ca1fa;
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-size: 0.7rem;
}

.ranking-lead {
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 20;
    width: 34px;
    height: 34px;
    background-color: #1cfa8b;
    border-radius: 50%;
    display: grid;
    place-items: center;
    -webkit-filter: drop-shadow(0 2px 2px #000000);
    filter: drop-shadow(0 2px 2px #000000);
}

.wrapper__content ul {
    list-style: none;
    padding-inline-start: 0px;
}

.wrapper__content ul li {
    cursor: pointer;
    background: #fefefe;
    padding: 15px;
    border-radius: 5px;
    box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: transform 0.1s ease-in-out;
    z-index: 4;
}

.wrapper__content ul li:hover {
    z-index: 5;
    transform: scale(1.1);
    box-shadow: 0px 0px 16px 13px rgba(0, 0, 0, 0.1);
}

.wrapper .wrapper__content ul li {
    margin-bottom: 6.6px;
    height: 81.65px;
}

.wrapper .wrapper__content ul li .name span {
    vertical-align: middle;
}

.wrapper .wrapper__content ul li .name span.header {
    font-weight: 700;
    margin-right: 15px;
    vertical-align: middle;
}

.wrapper .wrapper__content ul li .name span.stat {
    font-weight: 700;
    font-size: 25px;
    line-height: 25px;
}

.wrapper .wrapper__content ul li .name span.sub {
    font-weight: 700;
    font-size: 10px;
    vertical-align: sub;
}

@media (max-width: 670px) {
    .podium h4 {
        font-size: xx-small;
    }
}

@media (max-width: 1200px) {
    #podium-box {
        height: 211px;
    }

    .leaders ul {
        width: 100%;
    }

    .lead-cats__photo-1 {
        width: 80px;
        margin: 0 auto;
    }

    .lead-cats__photo-2 {
        width: 80px;
        margin: 0 auto;
    }

    .lead-cats__photo-3 {
        width: 80px;
        margin: 0 auto;
    }

    .wrapper .wrapper__content ul li {
        height: 76.6px;
    }
}

.lead-cats img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.w-30 {
  width: 30% !important;
}

.w-70 {
  width: 70% !important;
}

.datepicker.dropdown-menu {
    border: 1px solid #fff;
    border: 1px solid rgb(255 255 255 / 20%);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

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

.content-body {
    height: calc(100% - 107.1px);
}

.content-activity-select {
    cursor: pointer;
}

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

.font-size-xxs {
    font-size: 0.6rem !important;
}

.word-wrap {
    white-space: break-spaces;
    word-wrap: break-word;
}

.m-05 {
    margin: 0.5px !important;
}

.ml-05 {
    margin-left: 0.5px !important;
}

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

.mr-05 {
    margin-right: 0.5px !important;
}

.mb-05 {
    margin-bottom: 0.5px !important;
}
.msger-chat {
    flex: 1;
    overflow-y: auto;
}
.msger-chat::-webkit-scrollbar {
    width: 6px;
}
.msger-chat::-webkit-scrollbar-track {
    background: #ddd;
}
.msger-chat::-webkit-scrollbar-thumb {
    background: #bdbdbd;
}
.msg {
    display: flex;
    align-items: flex-end;
    margin-bottom: 10px;
}
.msg:last-of-type {
    margin: 0;
}
.msg-img {
    width: 50px;
    height: 50px;
    margin-right: 10px;
    background: #ddd;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 50%;
}
.msg-bubble {
    max-width: 100%;
    padding: 15px;
    border-radius: 10px;
    background: #ececec;
}
.msg-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}
.msg-info-name {
    margin-right: 10px;
    font-weight: bold;
}
.msg-info-text {
    margin-right: 10px;
}
.msg-info-time {
    font-size: 0.85em;
}

.left-msg .msg-bubble {
    border-bottom-left-radius: 0;
    color: black;
}

.left-msg-text .msg-bubble {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.right-msg {
    flex-direction: row-reverse;
}
.right-msg .msg-bubble {
    background: #579ffb;
    color: #fff;
    border-bottom-right-radius: 0;
}
.right-msg-text .msg-bubble {
    background: #579ffb;
    color: #fff;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.right-msg .msg-img {
    margin: 0 0 0 10px;
}

.msger-inputarea {
    display: flex;
    padding: 10px;
    border-top: 2px solid #ddd;
    background: #eee;
}
.msger-inputarea * {
    padding: 10px;
    border: none;
    border-radius: 3px;
    font-size: 1em;
}
.msger-input {
    flex: 1;
    background: #ddd;
}
.msger-send-btn {
    margin-left: 10px;
    background: rgb(0, 196, 65);
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    transition: background 0.23s;
}
.msger-send-btn:hover {
    background: rgb(0, 180, 50);
}

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

.sl-wrapper .sl-close {
    color: #fff;
}

.sl-wrapper .sl-navigation button {
    color: #fff;
}

.sl-wrapper .sl-counter {
    color: #fff;
}

.has-lightbox {
    overflow: hidden;
}

.sl-overlay {
    z-index: 9998;
    background: #000;
}

.responsive-ranking {
    height: 100%;
    overflow-y: auto;
    width: 100%;
}

.w-20 {
    width: 20%;
}

.p-renstra {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
}

.px-renstra {
    padding-left: 20px;
    padding-right: 20px;
}

@media (max-width: 767.98px) {
    .font-size-xl {
        font-size: 0.7rem !important;
    }

    .font-size-lg {
        font-size: 0.5rem !important;
    }

    .p-renstra {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .px-renstra {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.bg-gd-renstra {
    background: #e7f6ff;
    background: linear-gradient(135deg, #e7f6ff 0%, #cfedfe 100%) !important;
}

.leaflet-control-search .search-input {
    padding: 0 20px 0 5px;
}

.custom-file-input[readonly] + .custom-file-label {
    background-color: #e9ecef !important; /* grey */
    cursor: not-allowed; /* optional */
}