.actual-info-36x36 img{
    width: 36px;
    height: 36px;
}

.map__coordinates{
    position: absolute;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 4px;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.8);
    top: 10px;
    left: 10px;
    z-index: 1;
}

.map__control{
    position: absolute;
    border-radius: 8px;
    right: 10px;
    top: 10px;
    z-index: 2;
}


.map__zoom{
    background-color: rgba(0, 40, 58, 0.7);
    border-radius: 8px;
    border: 1px solid rgba(0, 40, 58, 1);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.map__zoom .map__zoom-control{
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.map__compas{
    background-color: rgba(0, 40, 58, 0.7);
    border-radius: 8px;
    border: 1px solid rgba(0, 40, 58, 1);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    z-index: 2;
}

.table-updetes .table-list__td{
    font-size: 13px;
}

.table-updetes .table-list__item:nth-child(2n+1){
    background-color: rgba(248, 249, 250, 1);
}

.period-date{
    color: #7A9BA7;
    font-size: 12px;
}

.categories.min-w-130 button{
    min-width: 130px;
    background-color: #fff;
}

.quick-info__title h4{
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    max-width: none;
    text-transform: uppercase;
}

.actual-info .actual-info__value{
    font-size: 24px;
    line-height: 30px;
    font-weight: 500;
    color: #00283A;
}

.actual-info .actual-info__date{
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
    color: #00283A;
}

.map__location-unavailable{
    display: flex;
    flex-direction: column;
    gap: 10px;
    color: rgba(255, 255, 255, 0.8);
    font-size: 13px;
    line-height: 20px;
    font-weight: 400;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    z-index: 2;
}

.map__current-day{
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
    z-index: 10;
    display: flex;
    align-items: center;
    /* background-color: rgba(0, 40, 58, 0.7); */
    /* border-radius: 8px; */
    width: 238px;
}

.map__current-day .datetimepicker-dummy .datetimepicker-dummy-wrapper{
    background-color: transparent;
    border-color: transparent;
    color: #fff;
}

.map__current-day .time-piker .datetimepicker-dummy .datetimepicker-dummy-wrapper::before, 
.map__current-day .datepicker-el .datetimepicker-dummy-wrapper:before{
    background-color: rgba(24, 75, 100, 0.5) !important;
    border-left: 1px solid transparent;
}

.map__current-day .datetimepicker-dummy .datetimepicker-dummy-wrapper .datetimepicker-dummy-input{
    color: #fff; 
    font-size: 14px;
    padding-left: calc(.625em - 1px);
}

.map__current-day .time-piker{
    max-width: none;
   
}

.flex .map__current-day .datepicker-el:not(.flex .datepicker-el:last-child){
    margin-right: 0;
}

.map__current-day .datepicker-el .datetimepicker-dummy .datetimepicker-dummy-wrapper .datetimepicker-dummy-input:first-child{
    padding-left: calc(.625em - 1px);
}

.map__current-day .datetimepicker-dummy .datetimepicker-dummy-wrapper{
    padding-left: 0;
}

.point span{
    display: flex;
    width: 20px;
    height: 20px;
    background-color: #25A7E1;
    border: 3px solid #FFFFFF;
    border-radius: 50%;
    box-shadow: 0px 1px 2px 0px #5B687152, 0px 0px 1px 0px #1A202452;
    padding: 0;
    cursor: pointer;
}

.filter-options .categories button.min-w-220{
    min-width: 220px;
}

.datetimepicker-dummy .datetimepicker-dummy-wrapper .datetimepicker-dummy-input,
.datepicker-el .datetimepicker-dummy .datetimepicker-dummy-wrapper .datetimepicker-dummy-input{
    padding-left: calc(.625em - 1px) !important;
}

.datetimepicker-dummy .datetimepicker-dummy-wrapper{
    padding-left: 0;
}

.picker-group .datepicker-el .datetimepicker-dummy .datetimepicker-dummy-wrapper{
    padding-left: 0;
    border-radius:  8px 0 0 8px !important;
}

.picker-group .time-piker .datetimepicker-dummy .datetimepicker-dummy-wrapper{
    padding-left: 0;
    border-radius:  0 8px 8px 0!important;
}

.picker-group{
    display: flex;
    align-items: center;
    box-shadow: 0px 1px 2px 0px #5B687152, 0px 0px 1px 0px #1A202452;
    border-radius: 8px;
}

.picker-group .datetimepicker-dummy .datetimepicker-dummy-wrapper{
    border-radius: 7px;
    border: none;
}

.picker-group .datepicker-el .datetimepicker-dummy-wrapper:before{
    border-left: none;
    border-radius: 0;
}

.picker-group .datetimepicker-wrapper.modal .datetimepicker{
    max-width: max-content !important;
}

.filter-options__items .picker-group .datepicker-el{
    margin-right: 0 !important;
}

.picker-group .categories{
    margin-right: 0;
}


.picker-group .datepicker-el .datetimepicker-dummy .datetimepicker-dummy-wrapper{
    border-radius: 0;
}

.temperature-info{
    position: relative;
}

.temperature-info::after{
    content: '';
    position: absolute;
    left: 0;
    width: 2px;
    height: 100%;
    background-color: transparent;
    top: 0;
    bottom: 0;
}

.temperature-danger.temperature-info::after{
    background-color: #E12525;
}

.temperature-info-blue.temperature-info::after{
    background-color: #26A7E1;
}

.categories.dropdown-wrapper.mr-0{
    margin-right: 0;
}


.filter-options-fix{
    padding-left: 2px;
    padding-right: 2px;
    
}

.tippy-box{
    background-color: #00283A;
    border-radius: 6px;
}

.tippy-content{
    padding: 4px 9px 5px;
}

.no-info-block{
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
   
    border: 1px solid #E9EDEE;
    background-color: #fff;
    flex-direction: column;
    border-radius: 10px;
    
    gap: 20px;
    font-size: 14px;
    color: #7A9BA7;
    flex: auto;
}

.no-info-block + .pagination{
    position: static;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-left: 0;
}

.no-info-block + .pagination .pagination__body{
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.position-stiky-dots{
    position: sticky;
    right: 0;
    background-color: var(--white);
    /* box-shadow: -1px 0px 4px 0px #5B68713D, 0px 0px 1px 0px #1A202452; */
}

.table-stiky .position-stiky-dots::after{
    content: '';
    left: -1px;
    top: 0;
    bottom: 0;
    width: 1px;
    height: 100%;
    position: absolute;
    border-left: 1px solid #DDE2E4 !important;
}

.table-stiky .table.style-3 tbody tr td{
    overflow: visible;
}


.table-statys.active-status .dot{
    background-color: #78E286;
}


.table-statys.active-blue .dot{
    background-color: #25A7E1;
}

.graph-red-status .dot{
    background-color: var(--graph-red);
}

.filter-options__search.max-w-300{max-width: 300px;}

.column-name{
    display: flex;
    flex-direction: column;
}
.column-name__name{
    font-size: 15px;
    color: #00283A;
}

.column-name__text{
    font-size: 13px;
    color: #7A9BA7;
}

.table.style-3.style-3-update tbody tr:nth-child(even) td{
    background-color: #fff;
}

.table.style-3.style-3-update tbody tr td{
    overflow: visible;
}

.content.padding-content{
    padding: 0 !important;
}

.footer-btns{
    border-top: 1px solid #DDE2E4;
}

.footer-btns__body{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
    gap: 15px;
    padding: 14px 20px;
}

.padding-content .content__header{
    padding: 15px 20px;
}

.padding-content .content__body{
    padding: 20px;
}

.padding-content .table-wrapper{
    margin: 0;
}

img.logo__img__text{
    max-height: 20px;
}

.graph-red-status{
    display: flex;
    align-items: center;
    gap: 8px;
}


.graph-red-status .dot{
    display: flex;
    width: 8px;
    height: 8px;
    min-width: 8px;
    background-color: #E12525;
    border-radius: 50%;
}

.user-26x26{
    width: 26px;
    min-width: 26px;
    height: 26px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.group-header-items{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}
.datepicker-el.w-200 {
    max-width: 200px;
}

.datepicker-el.w-158 {
    max-width: 158px;
}

.datepicker-el.w-178 {
    max-width: 178px;
}

.temperature-alert-item{
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 10px;
}

.temperature-alert-item__title-group{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
}

.temperature-alert-item__title{
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #00283A;
}

.temperature-alert-item__date{
    font-weight: 400;
    font-size: 12px !important;
    line-height: 20px;
    color: #7A9BA7;
}

.temperature-alert-block{
    padding-top: 15px;
    border-top: 1px solid #DDE2E4;
}

.gap-12 .categories{
    margin-right: 0;
}

.head-col{
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 5px;
    margin-top: 5px;
}

.map-group{
    display: flex;
    gap: 16px;
    margin-top: 20px;
    overflow: hidden;
}

.map-group__map{
    flex: auto;
    display: flex;
}

.map-group__table{
    width: 475px;
    flex: 0 0 475px;
}

.map-group .card{
    margin: 0;
}

.label-icon.green{
    background-color: #EDFCEF;
}

.notifications-item__text-block{
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.filter-options-fix .flex .datepicker-el:not(.flex .datepicker-el:last-child){
    margin: 0;
}

.filter-options-fix .filter-options__search{
    margin-bottom: 0 !important;
}

.marker-list-new{
    display: flex;
    align-items: center;
    padding: 15px;
    border: 1px solid #E9EDEE;
    border-radius: 10px;
}

.marker-list-new ul{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    gap: 18px;
}

.marker-list-new li {
    margin-bottom: 0;
    flex: 0 0 183px;
    font-size: 15px;
}

.label-icon-44x44{
    width: 44px;
    height: 44px;
    min-width: 44px;
}

.module__check input:disabled+.check{
    background-color: #C2D7E0;
    border-color: #C2D7E0;
}

.reports-new .link-box{
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    padding: 15px 40px 15px 15px;
}

.breadcrumbs{
    display: flex;
    align-items: center;
    padding: 9px 6px;
}

.breadcrumbs-list{
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

.breadcrumb-link{
    font-size: 14px !important;
    line-height: 20px;
    color: #00283A;

}

.breadcrumbs-list > .breadcrumb-item:not( :last-child ){
    padding-right: 4px;
    gap: 4px;
}

.breadcrumbs-list > .breadcrumb-item:not( :last-child )::after{
    content: "";
    position: relative;
    width: 22px;
    height: 22px;
    display: block;
    pointer-events: none;
    background: url(../img/img-22-08-24/breadcrumbs-arrow.svg) no-repeat center center / 22px;
}

.breadcrumb-link, .breadcrumb-item::after{
    opacity: 70%;
}

.breadcrumbs-list, 
.breadcrumb-item{
    display: flex;
    position: relative;
}

.breadcrumbs-list > .breadcrumb-item:last-child .breadcrumb-link{
    pointer-events: none;
    opacity: 100%;
}

.breadcrumbs-border-bottom{
    width: 100%;
    border-bottom: 1px solid #DDE2E4;
    /* margin-bottom: 20px; */
}

.breadcrumbs-border-bottom .breadcrumbs{
    padding-left: 26px;
    padding-right: 20px;
}

.table-fix .table-wrapper.h-auto{
    height: auto;
}

.table-list__td-new-padding .table-list__td{
    padding: 10px 16px;
}

.dispatch-details{
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.dispatch-details__title{
    font-size: 13px;
    line-height: 20px;
    color: #4D6975;
}

.dispatch-details__value{
    font-size: 15px;
    line-height: 20px;
    color: #00283A;
}

.settings__dropdown .list-line{
    margin: 2px auto;
    width: calc(100% - 6px);
}

.settings__dropdown ul{
    padding: 3px;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.settings__dropdown .btn{
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    color: #00283A;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    padding: 8px 10px;
    border-radius: 6px;
    width: 100%;
}

.settings__dropdown .btn:hover{
    background-color: #F6F8F9;
}

.status-tray-down{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    min-width: 20px;
    height: 20px;
}

.head-tools-group{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
}

.header-tools-item + .header-tools-item{
    padding-left: 20px;
    margin-left: 20px;
    border-left: 1px solid #DDE2E4;
}

.header-tools-item{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.land-register__list{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}

.land-register__item{
    display: flex;
    flex-direction: column;
}

.land-register__item-label{
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    color: #4D6975;
}

.land-register__item-value{
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    color: #00283A;
}

.land-register__title-item{
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
}

.land-register__head{
    padding: 13px 16px;
    border-bottom: 1px solid #DDE2E4;
}

.land-register{
    display: flex;
    flex-direction: column;
    border: 1px solid #E9EDEE;
    border-radius: 10px;
}

.land-register__body{
    padding: 24px;
}

.land-register__body-item + .land-register__body-item{
    padding-top: 24px;
    margin-top: 24px;
    border-top: 1px solid #DDE2E4;
}

.notifications-fix .label-icon{
    width: 44px;
    height: 44px;
    min-width: 44px;
}

.notifications-fix .notifications__dropdown{
    min-width: 398px;
}

.notifications-fix .delete-item{
    width: 22px;
    height: 22px;
    min-width: 22px;
}

.notifications-fix .notifications-item{
    align-items: center;
}

/* =======datepicker-time Air======= */
.datepicker-time .datepicker-inline .datepicker{
    border-color: transparent;
    border-radius: 0;
    font-size: 14px;
}

.datepicker-time__time-block{
    display: flex;
    align-items: center;
    padding: 8px 14px 14px;
    gap: 8px;
    border-bottom: 1px solid #DDE2E4;
}

.datepicker-time__time-hyphen{
    display: flex;
    background-color: #DDE2E4;
    width: 10px;
    min-width: 10px;
    height: 1px;
}

.datepicker-time__body{
    background-color: #fff;
    box-shadow: 0px 12px 24px 0px #5B68713D, 0px 0px 1px 0px #1A202452;
    border-radius: 10px;
    margin-bottom: 8px;
    display: none;
    width: 272px;
    min-width: 272px;
    position: fixed;
    top: 117px;
    z-index: 5;
}

.datepicker-time__btns{
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
}

.datepicker-time__time-block .input{
    font-size: 14px;
    color: #00283A;
    border-color: #DDE2E4;
    border-radius: 8px;
    padding: 7px 12px;
}

.datepicker-time-js{
    padding: 14px 14px 0;
}

.datepicker-time__btns .btn{
    font-size: 14px;
}

.datepicker-timer-value{
    font-size: 14px;
    color: #fff;
    padding: 9px 48px 9px 12px;
    position: relative;
    display: flex;
    background-color: rgba(0, 40, 58, 0.7);
    border: 1px solid rgba(0, 40, 58, 1);
    border-radius: 8px;
    width: 100%;
}

.datepicker-time{
    width: 100%;
}

.datepicker-timer-value__icon{
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    background-color: rgba(24, 75, 100, 0.5);
}

.datepicker--cell.-selected-, .datepicker--cell.-selected-.-current-{
    background-color: #25A7E1;
    font-weight: 600;
    border-radius: 8px;
}

.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade-{
    color: #9DB0B7;
}

.datepicker--day-name{
    color: #00283A;
    font-weight: 500;
    font-size: 14px;
    text-transform: capitalize;
}

.datepicker--nav-action{
    background-color: #fff;
    box-shadow: 0px 1px 2px 0px #5B687152, 0px 0px 1px 0px #1A202452;
    border-radius: 8px;
}

.datepicker--nav-title i{
    color: #00283A;
  
}

/* =======datepicker-time Air/======= */

.tab-fix-pagiantion{
    height: 100%;
    overflow: hidden;
    flex: unset;
    padding-bottom: 0 !important;
}

.tab-fix-pagiantion .cards {
    height: 100%;
    overflow: hidden;
}

.tab-fix-pagiantion .tab-fix-col-8,
.tab-fix-pagiantion .tab-fix-col-4{
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    padding-top: 2px;
}

.tab-fix-pagiantion .tab-fix-col-4 .map{
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.tab-fix-pagiantion .tab-fix-col-4 .map > img{
    height: 100%;
    display: flex;
    flex-direction: column;
}
.tab-fix-pagiantion .tab-fix-col-4 .card{
    overflow: hidden;
    display: flex;
    flex-direction: column;
    max-height: 100%;
}

.report-cards-list{
    display: flex;
    flex-wrap: wrap;
    margin-left: -8px;
    margin-right: -8px;
}

.report-card{
    padding-left: 8px;
    padding-right: 8px; 
    width: 25%;
    flex: 0 0 25%;
    margin-bottom: 20px;
}

.report-card__body{
    display: flex;
    flex-direction: column;
    height: 160px;
    position: relative;
    border-radius: 10px;
    padding: 20px 20px 16px;
}

.report-card__info-title{
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    color: #fff;
}

.report-card__info-updates{
    color: rgba(255,255,255, 0.7);
    font-size: 13px;
    line-height: 18px;
    font-weight: 400;
}

.report-card__info-block{
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: auto;
    position: relative;
    z-index: 5;
}

.report-card__icon{
    position: relative;
    z-index: 5;
}

.report-card__body::after{
    content: '';
    width: 100%;
    height: 100%;
    background-color: #00283A;
    border-radius: 10px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.report-card__body-bg img{
    opacity: 0.2;
    width: 100%;
    height: 100%;
}

.report-card__body-bg{
    width: 100%;
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
}

.card__footer{
    margin-top: auto;
}

.card-update-fix{
    padding: 0 15px;
}

.card-update-fix .card__body .container,
.card-update-fix .card__footer .container,
.card-update-fix .card__header .container{
    padding: 0;
}
.alerts-block{
    border-top: 1px solid #DDE2E4;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #7A9BA7;
    font-size: 14px;
    width: 100%;
    min-height: 130px;
}

.card-update-fix.--not-checked-card .hide-list-opacity{
    display: none;
}

.card-update-fix.--not-checked-card .label-icon.purple{
    background-color: #fff;
}

.qr-code-modal{
    display: flex;
    gap: 16px;
}

.qr-code-modal__code{
    width: 150px;
    min-width: 150px;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.qr-code-modal__body{
    display: flex;
    flex-direction: column;
    flex: auto;
    width: 100%;
    overflow: auto;
    max-height: 464px;
    padding-right: 20px;
}

.qr-code-modal__body-item + .qr-code-modal__body-item{
    padding-top: 24px;
    margin-top: 24px;
    border-top: 1px solid #DDE2E4;
}

.qr-code-modal__info-row{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.company-page__info-fix .company-page__info ul{
    gap: 20px;
}

.content__header .content__header-right .buttons-group-fix .btn:not(:last-child){
    margin-right: 0;
}

.buttons-group-fix{
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.--not-checked-card .temperature-alert-item{
    opacity: 0;
}

.dispatch-body{
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-left: 45px !important;
}

.style-3-fix-table .table tbody tr td{
    overflow: visible !important;
}

.style-3-fix-table .dropdown-option button span:not(.active-categories){
    background-color: transparent;
    border: none;
}

.border-bottom-none{
    border-bottom: none;
}
.card__body.style-3.style-3-fix-table{
    padding: 0;
}

.icon-22x22{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px !important;
    min-width: 22px !important;
    height: 22px !important;
}

.dropdown-fix-options li a{
    padding: 8px 10px;
    color: #00283A;
    font-size: 15px;
    border-radius: 6px;
}

.dropdown-fix-options .list-line{
    margin: 4px auto;
}

.dropdown-fix-options{
    padding: 3px;
    border-radius: 8px;
}

.dropdown-fix-options li a:hover{
    background-color: #F6F8F9;
}

.table-footer-wrapper-fix .table-wrapper-wrapper{
    height: auto;
}

.table-footer-wrapper-fix .table-wrapper-wrapper.table-wrapp-style-3 .table-footer-wrapper{
    border-top: none;
}


.table-footer-wrapper-fix .table-wrapper-wrapper .table-wrapp-style-3{
    border: 1px solid var(--border-primary);
}

.fake-dropzone-fix .drag-text{
    font-size: 15px;
    color: #7A9BA7;
}


.max-w-350{max-width: 350px;}
.max-w-400{max-width: 400px;}

.w-158{width: 158px;}
.w-200{width: 200px;}

.nowrap{flex-wrap: nowrap;}

.block{display: block;}

.flex-wrap{flex-wrap: wrap;}

.p-0{padding: 0 !important;}

.p-20{padding: 20px}

.pt-20{padding-top: 20px;}

.pb-4{padding-bottom: 4px;}

.py-24{padding-top: 24px; padding-bottom: 24px;}

.px-0{padding-left: 0; padding-right: 0}
.px-7{padding-left: 7px; padding-right: 7px;}
.px-20{padding-left: 20px; padding-right: 20px;}

.fs-19{font-size: 19px;}
.fs-15{font-size: 15px;}
.fs-14{font-size: 14px;}
.fs-13{font-size: 13px;}


.lh-24{line-height: 24px;}

.m-0{margin: 0;}

.card__body-item + .card__body-item{
    border-top: 1px solid #DDE2E4;
    padding-top: 28px;
    margin-top: 28px;
}

.p-20{padding: 20px;}

.mb-0{margin-bottom: 0 !important;}

.color-text-primary{color: var(--text-primary);}
.color-text-primary-07{color: rgba(0, 40, 58, 1);}
.color-accent-primary{color: var(--accent-primary);}
.color-text-secondery-2{color: #7A9BA7}
.color-secondery-3{color: #4D6975;}

.bg-grey-2{background-color: #F8F9FA;}

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

.overflow-hidden{overflow: hidden;}

.tdu{text-decoration: underline;}
.tt-none{text-transform: none !important;}

.mb-8{margin-bottom: 8px;}
.mb-10{margin-bottom: 10px;}
.mb-12{margin-bottom: 12px;}
.mb-14{margin-bottom: 14px;}
.mb-15{margin-bottom: 15px;}
.mb-19{margin-bottom: 19px;}
.mb-20{margin-bottom: 20px;}
.mb-24{margin-bottom: 24px;}
.mb-25{margin-bottom: 25px;}
.mb-28{margin-bottom: 28px;}

.mt-24{margin-top: 24px;}

.mx-20{margin-left: 20px; margin-right: 20px;}

.relative{position: relative;}

.fw-500{font-weight: 500;}

.max-h-460{max-height: 460px;}
.pointer{cursor: pointer;}

.radius-10{border-radius: 10px;}

.gap-5{gap: 5px;}
.gap-6{gap: 6px;}
.gap-8{gap: 8px;}
.gap-10{gap: 10px;}
.gap-12{gap: 12px;}
.gap-14{gap: 14px;}
.gap-15{gap: 15px;}
.gap-16{gap: 16px;}
.gap-20{gap: 20px;}


@media (max-width: 1360px) {
    .flex-xxl-row.flex-col.flex-col-1360 {
        flex-direction: column;
    }

    .flex-xxl-row.flex-col.flex-col-1360{
        display: flex;
    }


    .tab-fix-pagiantion{
        height: auto;
        overflow: auto;
        flex: auto;
        padding-bottom: 0 !important;
    }
    
    .tab-fix-pagiantion .cards {
        height: auto;
        overflow: auto;
    }
    
    .tab-fix-pagiantion .tab-fix-col-8{
        height: 100%;
        overflow: auto;
        display: flex;
        flex-direction: column;

    }


}

@media (max-width: 1200px) {
    .header-tools-item + .header-tools-item{
        padding-left: 0px;
        margin-left: 0px;
        border-left: none;
    }

    .head-tools-group{
        gap: 12px;
    }

}

@media (max-width: 1100px) {
    /* .map-group{
        flex-direction: column;
    } */

    .report-card{
        width: 50%;
        flex: 0 0 50%;
    }
}

@media (max-width: 992px) {
    .map-group{
        flex-direction: column;
    }

}

@media (max-width:768px) {
    .land-register__list{
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .land-register__body{
        padding: 16px;
    }

    .qr-code-modal{
        flex-direction: column-reverse;
    }

    .qr-code-modal__code{
        margin: auto;
    }

    .qr-code-modal__info-row{
        flex-direction: column;
        align-items: flex-start;
    }
}


@media (max-width: 575.98px) {
    .report-card{
        width: 100%;
        flex: 0 0 100%;
    }
    .picker-group{
        flex-direction: column;
    }

    .picker-group .datepicker-el + .time-piker{
        border-top: 1px solid #DDE2E4;
    }

    .land-register__list{
        grid-template-columns: repeat(1, 1fr);
    }

    .picker-group.picker-fix-mob .datepicker-el,
    .picker-group.picker-fix-mob .time-piker{ 
        max-width: none;
    }

    .data-row{
        flex-wrap: wrap;
        gap: 10px;
    }

    .data-row__item:not(:first-child){
        padding-top: 5px;
        border-top: 1px solid var(--border-primary);
        margin-top: 5px;
    }

    .data-row__list{
        flex: auto;
    }

    .data-row__controls{
        margin-left: inherit;
    }
}

@media (min-width: 992px) {
    .table-fix{
        overflow: hidden;
    }
    
    .table-fix .wrapper_main{
        overflow-y: auto;
        overflow-x: hidden;
        height: 100%;
    }
    
    .table-fix .content{
        display: flex;
        flex-direction: column;
        height: 100%;
        overflow-y: auto;
        overflow-x: hidden;
      
    }
    
    .table-fix .content__body{
        display: flex;
        flex-direction: column;
        flex: auto;
        overflow-y: auto;
        overflow-x: hidden;
    }
    
    .table-fix .tab-content{
        display: flex;
        flex-direction: column;
        height: 100%;
        overflow-y: auto;
        overflow-x: hidden;
    }
    
    .table-fix .tab-content__item{
        flex-direction: column;
        flex: auto;
        overflow-y: auto;
        overflow-x: hidden;
    }
    
    .table-fix .table-wrapper{
        height: 100%;
    }
    
    .table-fix .tab-content__item.active{
        display: flex;
    }

}