/* Tomate 2025 (https://tomate.com/) */
/* Copyright 2018-2025 */

/* -------------------------------------------------------------------------------
Min-WIDTH: 1921PX
------------------------------------------------------------------------------- */
@media (min-width: 1921px) {
  .width-scroll {
    overflow-x: hidden;
  }

  .width-scroll,
  .width-grid-scroll {
    width: 100% !important;
  }

  .height-xl {
    height: 15.6vh !important;
  }

  .height-lg {
    overflow: hidden !important;
    height: auto;
  }

  .height-xxl {
    overflow: hidden !important;
    height: auto;
  }

  .height-lg-auto {
    overflow: auto !important;
  }

  .btn-xl-position {
    position: absolute;
    bottom: 10px;
  }

  .ajustheight70-xl {
    height: 70vh !important;
  }

  .ajustheight63-xl {
    height: calc(63.2vh) !important;
  }

  .min-h-80-xl {
    height: 80vh;
    min-height: initial;
  }

  .min-h-70-xl {
    height: 70vh;
    min-height: initial;
  }

  .center-img {
    height: 260px !important;
  }
}

/* -------------------------------------------------------------------------------
MIN-WIDTH: 1800px
------------------------------------------------------------------------------- */
@media (min-width: 1800px) {
  /* .height-lg {
        height: auto !important;
    } */

  .ps-btn-0 {
    padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
  }
}

/* -------------------------------------------------------------------------------
MAX-WIDTH: 1800px
------------------------------------------------------------------------------- */
@media (max-width: 1800px) {
  .height-lg {
    height: auto !important;
  }

  .position-fixed-btn-bottom {
    position: relative !important;
    top: -30px !important;
    right: 0 !important;
  }

  .main-circle {
    /* width: 486px; */
    /* height: 486px; */
    position: relative;
    margin-left: 10em;
  }
}

/* -------------------------------------------------------------------------------
MIN-WIDTH: 1700px
------------------------------------------------------------------------------- */
@media (max-width: 1750px) {
  .scroll-cards {
    overflow-y: auto;
    overflow-x: hidden;
    height: 476px;
  }

  .content-page .content .container-fluid .col-12.mb-3 {
    margin-bottom: 0 !important;
  }

  .height-243 {
    height: 154px !important;
  }
}

/* -------------------------------------------------------------------------------
MIN-WIDTH: 1750px
------------------------------------------------------------------------------- */
@media (min-width: 1750px) {}

/* -------------------------------------------------------------------------------
MIN-WIDTH: 1700px
------------------------------------------------------------------------------- */
@media (max-width: 1750px) and (min-width: 1600px) {
  .scroll-cards {
    overflow-y: auto;
    overflow-x: hidden;
    height: 476px;
  }

  .width-dashboard-auto {
    width: 38%;
  }
}

/* -------------------------------------------------------------------------------
MAX-WIDTH: 1600PX
------------------------------------------------------------------------------- */
@media (max-width: 1600px) {
  .width-dashboard-auto {
    width: 36%;
  }

  .icon-block {
    z-index: 1 !important;
  }

  .icon-block:nth-child(13) {
    bottom: 0;
    right: 0;
    transform: translate(11%, -62%);
  }

  .icon-block:nth-child(15) {
    transform: translate(3%, 85%);
  }

  .icon-block:nth-child(14) {
    transform: translate(-209%, 85%);
  }

  .icon-block:nth-child(17) {
    transform: translate(-42%, 85%);
}

  .main-container-circle {
    height: 498px;
    padding-right: 0;
  }

  .main-circle {
    margin-left: 6em;
  }

  .icon-block {
    width: auto;
  }

  .liste-module .img-body {
    padding: 13px !important;
  }

  .img-module {
    width: 97px !important;
  }

  .media-acivity-search {
    margin-bottom: 15px;
  }

  .height-sm {
    height: auto !important;
  }

  .list-icon-mobile {
    display: block !important;
  }

  .list-icon-mobile li {
    margin: 0 1px 2px 0 !important;
  }

  .list-icon-mobile li:last-child {
    margin-bottom: 5px !important;
  }

  /*main-page begin*/

  .hexa-app {
    width: 130px;
    height: 130px;
  }

  .img-logo-tmt {
    width: 50%;
  }

  .hexa-app-shadow p {
    margin-top: 0;
    font-size: 7pt;
  }

  .tompro-ajust {
    right: 50vh;
    top: 8vh;
  }

  .tomconso-ajust {
    right: 62.5vh;
    top: 13vh;
  }

  .tometatfin-ajust {
    right: 37.5vh;
    top: 13vh;
  }

  .tommarche-ajust {
    right: 72.5vh;
    top: 23vh;
  }

  .tomcollecte-ajust {
    right: 72.5vh;
    top: 38vh;
  }

  .tomgrh-ajust {
    right: 62.5vh;
    top: 48vh;
  }

  .tomparc-ajust {
    right: 27.5vh;
    top: 23vh;
  }

  .tommonitoring-ajust {
    right: 27.5vh;
    top: 38vh;
  }

  .tomstock-ajust {
    right: 37.5vh;
    top: 48vh;
  }

  .tompaie-ajust {
    right: 50vh;
    top: 53.5vh;
  }

  .logosize {
    width: 185px;
  }

  .textresize {
    right: 51vh;
  }

  .mail-content .col-lg-3 {
    width: auto;
  }

  .mail-content .col-lg-9 {
    width: auto;
  }

  /* .main-hexa {
        right: -20vh;
    } */

  /* .width-auto {
        width: 60%;
    } */

  /*main-page end*/
}

/* -------------------------------------------------------------------------------
MAX-WIDTH: 1560px
------------------------------------------------------------------------------- */
@media (max-width: 1560px) {
  .main-hexa {
    right: -33px;
  }

  .main-hexa-tom {
    right: 17px;
  }

  .height-1560 {
    height: auto !important;
  }
}

/* -------------------------------------------------------------------------------
MAX-WIDTH: 1440px
------------------------------------------------------------------------------- */
@media (max-width: 1440px) {
  .height-modified-mobile {
    height: 250px !important;
  }
}

/* -------------------------------------------------------------------------------
MAX-WIDTH: 1360px
------------------------------------------------------------------------------- */
@media (max-width: 1360px) {
  .mb-dashboard-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }

  .align-items-center-section {
    position: relative !important;
    top: inherit !important;
    left: inherit !important;
    transform: none !important;
  }

  .height-1360 {
    height: auto !important;
  }

  .icon-block:nth-child(14) {
    transform: translate(-211%, 85%);
  }

  .icon-block:nth-child(15) {
    transform: translate(3%, 85%);
  }

  .icon-block:nth-child(17) {
    transform: translate(-46%, 85%);
  }

  .icon-block:nth-child(13) {
    transform: translate(9%, -62%);
}

  .center-logo {
    top: 48%;
    left: 47%;
  }

  .big-circle {
    height: 97%;
    width: 98%;
  }

  .little-circle {
    width: 150px;
    height: 150px;
    top: 49%;
    left: 47%;
    /* display: none; */
  }

  .main-circle {
    margin-left: 5em;
  }

  .center-line {
    position: absolute;
    top: 54%;
    left: 48%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-51%, -49%);
    z-index: 0;
    /* width: 50%; */
  }

  .main-container-circle {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 0;
    margin-right: -62px;
  }

  .height-md {
    height: auto !important;
  }

  .width-auto {
    width: 44%;
  }

  .none-hexa {
    display: none;
  }

  .contentmain {
    position: relative !important;
    width: inherit;
    height: inherit;
    padding-right: 15px;
  }

  .contentmain .hasleftmenu-container {
    padding-right: 0;
  }
}

/* -------------------------------------------------------------------------------
MAX-WIDTH: 1200px
------------------------------------------------------------------------------- */
@media (max-width: 1200px) {

  .width-auto {
    width: 40%;
  }

  .main-container-circle {
    height: 498px;
    padding-right: 0;
    margin-right: -135px;
  }

  .footer-pagination {
    position: relative;
    bottom: 0;
  }

  .pagination-vehicle {
    position: relative !important;
    bottom: 0;
    left: 6px !important;
  }

  .scroll-cards {
    overflow-y: inherit;
    overflow-x: hidden;
    height: auto;
  }

  .custom-btn-position-absolute {
    position: relative;
    margin-top: inherit;
    right: 0;
  }
}

/* -------------------------------------------------------------------------------
MIN-WIDTH: 1180px - MAX-WIDTH: 1518px
------------------------------------------------------------------------------- */
@media (min-width: 1180px) and (max-width: 1518px) {
  .mt-content-page {
    margin-top: 110px;
  }
}

/* -------------------------------------------------------------------------------
MIN-WIDTH: 1180px - MAX-WIDTH: 1380px
------------------------------------------------------------------------------- */
@media (min-width: 1180px) and (max-width: 1380px) {
  .button-list .btn {
    margin-left: 3px;
  }

  .dx-button-has-text .dx-button-content {
    padding: 7px 7px !important;
  }

  .wi-95 {
    width: auto;
  }
}

/* -------------------------------------------------------------------------------
MIN-WIDTH: 1020px - MAX-WIDTH: 1180px
------------------------------------------------------------------------------- */
@media (min-width: 1020px) and (max-width: 1180px) {}

/* -------------------------------------------------------------------------------
MAX-WIDTH: 1180px
------------------------------------------------------------------------------- */
@media (max-width: 1180px) {
  .width-auto {
    width: 100%;
  }

  .main-container-circle {
    display: none;
  }

  .min-h-33 {
    min-height: initial;
  }

  .min-h-46 {
    min-height: 13vh;
  }

  .button-box .button-list .dx-button-text {
    display: none;
  }

  .button-box .button-list .dx-icon {
    margin-right: 0;
  }
}

/* -------------------------------------------------------------------------------
MAX-WIDTH: 1024PX
------------------------------------------------------------------------------- */
@media (max-width: 1024px) {
  .main-container-circle {
    display: none;
  }

  .pl-17px {
    padding-left: initial;
  }

  .ajustminheight31 {
    min-height: auto;
  }

  .btn-division span {
    display: block !important;
  }

  .col-width-center {
    width: auto;
  }

  /* .quotes-activity {
        width: 320px;
    } */

  .dx-button .dx-button-content span {
    display: none;
  }

  .dx-button .dx-button-content i {
    margin-right: 0;
  }

  .card-body-modele {
    height: auto;
  }

  .pl-0 {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
  }

  .pr-0 {
    padding-right: calc(var(--bs-gutter-x) * 0.5);
  }

  .px-0 {
    padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
    padding-right: calc(var(--bs-gutter-x) * 0.5) !important;
  }

  .mb-mobile {
    margin-bottom: 6px;
  }

  .btn-tooltip span {
    min-width: 135px;
  }

  .height-xs {
    height: auto !important;
  }

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

  .button-box .button-list .dx-button-text {
    display: none;
  }

  .button-box .button-list .dx-icon {
    margin-right: 0;
  }

  .breadcrumbs-tool .breadcrumb {
    padding-left: 6px !important;
  }

  .colsmain .col-6 {
    width: 650px;
  }

  .height616pix {
    height: auto;
  }

  .btm70 {
    bottom: auto;
    left: auto;
    position: relative;
    display: none;
  }

  .view-contact .px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .nocenter .text-center {
    text-align: left !important;
  }

  .rowcards {
    display: block;
  }

  .auto-ajusting {
    margin-left: auto;
    padding-left: calc(var(--bs-gutter-x) * 0.5);
  }

  .validation-item {
    margin: auto !important;
    width: 95% !important;
  }

  .wi-95 {
    width: auto;
  }
}

/* -------------------------------------------------------------------------------
MIN-WIDTH: 1024PX
------------------------------------------------------------------------------- */
@media (min-width: 1024px) {
  .btm70 {
    left: inherit;
    float: right;
  }
}

/* -------------------------------------------------------------------------------
MAX-WIDTH: 992PX
------------------------------------------------------------------------------- */
@media (max-width: 992px) {
  .sidenav .closebtn {
    position: absolute !important;
    top: 4px !important;
  }

  .tomged-body-content.sidenavActive {
    width: 100% !important;
  }

  .sidenav {
    position: relative !important;
    width: 100% !important;
    padding-top: 0 !important;
  }

  .tomged-file-item {
    width: 100% !important;
  }

  .position-btn-right-brouillard {
    position: relative !important;
    bottom: 3px;
    right: 0;
    margin-bottom: 0;
  }

  .position-feuille-du-jour {
    position: relative !important;
    width: auto !important;
  }

  .ms-n1 {
    margin-left: 0 !important;
  }

  .me-n1 {
    margin-right: 0 !important;
  }

  .ps-0,
  .ps-1,
  .ps-2,
  .ps-6px {
    padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
  }

  .pe-0,
  .pe-1,
  .ps-2 {
    padding-right: calc(var(--bs-gutter-x) * 0.5) !important;
  }

  .position-absolute-button-right {
    position: relative;
    top: 0;
    right: 0;
  }

  .position-absolute-header-grid {
    position: relative;
    top: 0;
  }

  .info-mt-absolute {
    left: 6px;
    width: 96%;
  }

  .info-mt-absolute::before {
    left: 9px;
    right: 0;
  }

  .mt-mb-center {
    margin: 10px 0;
  }

  .left-position-absolute {
    position: relative !important;
    left: 0;
  }

  .notification-calcul {
    position: relative !important;
  }

  .list-center {
    padding: inherit;
    margin: inherit;
    display: flex;
    justify-content: center;
  }

  .border-right {
    border-right: none;
  }

  .barItem {
    display: none;
  }

  .barItems {
    display: none;
  }

  .century-bar {
    display: none;
  }

  .spacetop {
    margin-top: 25px;
  }

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

  .none-flex .flex-column {
    display: flex;
    justify-content: flex-end !important;
    align-items: flex-end !important;
  }

  .grid-content-project {
    display: flex !important;
    flex-wrap: nowrap !important;
  }
}

/* -------------------------------------------------------------------------------
MIN-WIDTH: 768px - MAX-WIDTH: 950px
------------------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 950px) {
  .mt-content-page {
    margin-top: 110px;
  }
}

@media (max-width: 768px) {
  .columns-container {
    flex-direction: column;
  }
}

/* -------------------------------------------------------------------------------
MAX-WIDTH: 768PX
------------------------------------------------------------------------------- */
@media (max-width: 768px) {
  .mb-dashboard-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }

  .mb-inspection-card {
    padding: 16px;
  }

  .mb-inspection-stats {
    gap: 25px;
  }

  .mb-number-percentage {
    font-size: 24px;
  }

  .mb-label-percentage {
    font-size: 13px;
  }

  .mb-status-card {
    max-width: 100%;
    padding: 15px;
  }

  .mb-status-card h3 {
    font-size: 16px;
  }

  .mb-status-label {
    font-size: 14px;
  }

  .mb-badge {
    font-size: 12px;
    padding: 2px 8px;
  }

  .mb-service-card {
    max-width: 100%;
    padding: 16px;
  }

  .mb-service-stats {
    gap: 25px;
  }

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

  .mb-label-statut {
    font-size: 13px;
  }

  .summary-container {
    justify-content: center;
    /* centrer sur mobile */
  }

  .summary-table {
    width: 100%;
    max-width: 320px;
  }

  .sub-label {
    padding-left: 12px;
  }

  .line-table,
  .line-row,
  .line-table td {
    display: block;
    width: 100%;
  }

  .line-table .desc {
    padding: 10px 12px;
    width: 100%;
  }

  .line-table .amount {
    padding: 6px 12px;
    text-align: left;
    width: 100%;
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    /* label gauche (optionnel) + montant droite */
  }

  .stats-container-tomparc {
    flex-direction: column;
  }

  .stat-box-tomparc {
    border-right: none;
    border-bottom: 1px solid #ddd;
  }

  .stat-box-tomparc:last-child {
    border-bottom: none;
  }

  .error-item span {
    display: none;
  }

  .right-state {
    position: inherit;
    padding: 5px 10px;
  }

  .ps-2,
  .ps-07em {
    padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
  }

  .d-none-xs {
    display: none;
  }

  .list-icon-mobile {
    float: right;
    margin-bottom: 5px !important;
  }

  .button-box {
    width: 100%;
    padding-left: 19px !important;
    margin-left: -22px;
  }

  .content-page .breadcrumbs-tool {
    padding-left: 8px;
  }

  .breadcrumbs-tool .breadcrumb {
    padding: 8px 0 5px 8px !important;
  }

  .content-page-mode-compact .breadcrumbs-tool {
    top: 61px;
  }

  .searchin .input-group {
    display: flex;
    flex-wrap: nowrap;
    padding: 0 27px;
  }

  .blue-colors-grid a {
    flex-shrink: inherit;
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    max-width: 120px;
  }

  .widthrsp {
    width: 100%;
  }

  .header-box-content {
    display: flex;
    align-items: center;
  }

  .nom-sigle {
    padding-right: 25px;
  }

  .nom-sigle h4 {
    padding: 0;
    margin: 0;
  }

  .flex-left,
  .flex-right {
    display: flex;
    justify-content: space-around;
  }

  .columns-container {
    flex-direction: column;
  }

  .column-button {
    min-width: 100%;
  }
}

/* -------------------------------------------------------------------------------
MIN-WIDTH: 992PX
------------------------------------------------------------------------------- */
@media (min-width: 992px) {
  .modal-575 .modal-dialog {
    max-width: 575px !important;
  }

  .align-items .container-center {
    max-width: 850px !important;
  }

  .modal-historical .modal-lg {
    max-width: 600px !important;
  }
}

/* -------------------------------------------------------------------------------
MIN-WIDTH: 768PX
------------------------------------------------------------------------------- */
@media (min-width: 768px) {}

/* -------------------------------------------------------------------------------
MAX-WIDTH: 690PX
------------------------------------------------------------------------------- */

@media (max-width: 690px) {
  .mt-content-page {
    margin-top: 110px;
  }
}

/* -------------------------------------------------------------------------------
MIN-WIDTH: 600PX
------------------------------------------------------------------------------- */
@media (min-width: 600px) {
  .navbar-custom .dropdown-menu.nav-dropdown-right {
    position: absolute;
    inset: 0px auto auto 0px;
    margin: 0px;
    left: auto !important;
    right: 15px !important;
    min-width: 750px;
    padding: 15px;
  }

  .navbar-custom .dropdown-menu.dropdown-notify {
    min-width: 420px !important;
    padding: 5px !important;
  }

  .navbar-custom .dropdown-menu.dropdown-admin {
    min-width: 250px !important;
    padding: 5px !important;
  }
}

/* -------------------------------------------------------------------------------
MAX-WIDTH: 600PX
------------------------------------------------------------------------------- */

@media (max-width: 600px) {
  .mobile-right {
    padding-right: 10px;
  }

  .profile-dropdown {
    width: 100%;
  }

  .login100-form {
    padding-left: 15px;
    padding-right: 15px;
  }
}