/* width */
        ::-webkit-scrollbar {
            width: 6px;
            height: 6px
        }


        /* Track */
        ::-webkit-scrollbar-track {
            border-radius: 5px;
            background-color: rgba(0, 0, 0, 0.05);
        }

        /* Handle */
        ::-webkit-scrollbar-thumb {
            background: #55a2e270;
            border-radius: 5px;
        }

        /* Handle on hover */
        ::-webkit-scrollbar-thumb:hover {
            background: #EEEEFF;
        }

        .border {
            box-shadow: 1px 1px 5px #00000050;
            border-radius: 5px;
            background-color: #ffffff;
            border: 1px solid #00000090;
        }

        #main-wrapper, .page-wrapper{
            background: none;
        }

        .input_loop {
            border: none;
            background: rgb(217, 241, 249);
            color: black;
            text-align: center;
            box-shadow: 0 0 3px #00000010;
            padding: 3px;
            width: 100%;
            margin: 0;
            position: absolute;
            left: 0;
            top: 2px;
            font-size: 20px;
        }

        .input_loop[type="date"] {
            max-width: 150px;
        }

        #SCA_select,
        #SCE_select {
            background: transparent;
            border: none;
            width: 100%;
            text-align: center;
        }

        #SCA_select option,
        #SCE_select option {
            font-size: 14px;
            color: black;
            margin: 10px;
        }

        .SCA {
            background: #45f571ea;
        }

        .SCE {
            background: #faef50ea;
        }

        .bg-loop,
        .bg-subfield {
            background-color: #55a2e290;
            padding: 0;
        }


        .totales .col-6,
        .totales .col-12 {
            margin: 0px;
            padding: 0px;
            padding: 4px 2px;
        }

        .loop-val {
            min-height: 40px;
            text-align: center;
            padding-top: 10px;
            font-size: 26px;
        }


        .sidebar-nav {
            z-index: 99999;
        }

        .table-loops {
            width: 100%;
            text-align: center;
            color: black;
            font-size: 12px;
        }

        .table-loops td,
        .table-loops th {
            padding: 2px;
            position: relative;
        }

        .resize-font {
            font-size: 22px;
        }

        @media only screen and (max-width: 650px) {

            .totales,
            .table-loops {
                zoom: 0.6;
            }

            .loop-val {
                font-size: 16px;
            }

            .resize-font {
                font-size: 12px;
            }
        }
        @media only screen and (max-width: 1175){
            #inspection-cart, #maints-cart{zoom: 1.3;}
        }

        @media only screen and (min-width: 600px){
            #inspection-cart, #maints-cart{zoom: 1.5;}
        }

        @media only screen and (max-width: 393px){
            #inspection-cart, #maints-cart{
                zoom: 0.8;
            }
        }

        .subs {
            color: red;
            text-shadow: 2px 0 #fff, -2px 0 #fff, 0 2px #fff, 0 -2px #fff,
                1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #fff;
        }

        #btn-reglage {
            position: fixed;
            z-index: 5;
            margin-top: 0;
            background-color: #fffffff0;
            box-shadow: 1px 1px 5px #00000020;
            right: 0px;
            top: 50px;
            border-top: #F5F5F5 4px solid;
        }

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

        .sidebar-nav #sidebarnav .sidebar-item.selected>.sidebar-link {
            background: linear-gradient(45deg, #55a2e286, #55a2e2);
        }

        .navbar-them {
            background: linear-gradient(to right, #a8d5fa30 0%, #a8d5fa10 100%)
        }

        .spinner {
            background: #ffffff50;
            position: fixed;
            left: 0px;
            top: 0px;
            z-index: 1100;
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            text-align: center;
        }

        .spinner img {
            width: 500px;
            max-width: 100%;
            margin: auto;
        }

        #inspection-cart>div {
            padding:1px;
            margin: 0px;
            min-height: 76px;
        }
        
        #inspection-cart .border {
            position: relative;
            overflow: hidden;
            width: 100%;
            height: 100%;
            text-align: center;
            padding-top: 15px;
            margin: 0;
            border-radius: 2px;
            box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.8);
        }

        #inspection-cart .mirrors {
            color: rgb(73, 155, 73);
            font-size: 12px;
            padding-right: 12px;
            display: inline-block;
        }

        #inspection-cart .hce {
            color: rgb(63, 109, 124);
            font-size: 12px;
            display: inline-block;
        }

        #inspection-cart .sub-title{
                 position: absolute;
                 align-items: center;
                 justify-content: center;
                 left: 0px;
                 top: 0px;
                 width: 15px;
                 height: 15px;
                 background: rgba(211, 211, 211, 0.587);
                 border-radius:50%;
                 font-size: 10px;
                 color: #000000;
                 z-index: 0;

        }

        .progress-circle {
            position: relative;
            width: 200px;
            height: 200px;
            border-radius: 50%;
            /* Couleur de fond de l'anneau non-rempli */
            background: conic-gradient(#4a90e2 0%, #e0e0e0 0%);
            display: flex;
            justify-content: center;
            align-items: center;
          }
        
          .inner-circle {
            width: 160px;
            /* Légèrement plus petit que la div parente */
            height: 160px;
            border-radius: 50%;
            background-color: white;
            /* Couleur de fond pour le trou central */
            display: flex;
            justify-content: center;
            align-items: center;
          }
        
          .percentage-circle {
            font-size: 2rem;
            font-weight: bold;
            color: #4a90e2;
          }

          .table-reflect td, .table-reflect th{
             border: 1px solid grey;
          }