:root{
    --main-color:var(--bs-primary);
    --bs-body-font-size: 1rem;
}

html,body{min-height:100vh;max-width:100vw;}
a{text-decoration:none;}

.max-vw-100{max-width:100vw;}
.max-vh-100{max-height:100vh;}
.transition-slow{transition: all 1s;}
.text-black *{color:black!important;}
.form-floating ::after {background-color: transparent!important;}
table.table{vertical-align:middle;}
tr.collapser:hover{cursor:pointer;}
.order-in-allarm td{background-color:inherit;}


li.tab a i{vertical-align: middle;margin-right:4px;}
label i,.btn i{margin-right:4px;}
.list-group-item {cursor:pointer;}
.link{cursor:pointer;}

thead th { position: sticky; top: 0; }
/* Sidebar */
#sidebarTrigger{z-index:1500;width:40px;height:40px;transition: all 0.3s;}
#logo{width:45%;transition: all 0.3s;}
#sidebar{--sidebar-width:210px;--sidebar-closed-width:80px;height:100vh;}
#sidebar{z-index: 10;transition: all 0.3s;width: var(--sidebar-width);min-width:var(--sidebar-width);    white-space: nowrap; }  
#sidebar.active {width: var(--sidebar-closed-width);min-width:var(--sidebar-closed-width);}
#sidebar i {width: 24px;text-align:center;}
@media (max-width: 768px) {
    #sidebar{padding-top:70px!important}
    #logo{width:40%;}
    #sidebar {position:fixed;top:0;margin-left: calc(-1 * var(--sidebar-width));width: var(--sidebar-width);min-width:var(--sidebar-width);}
    #sidebar.active {margin-left: 0;width: var(--sidebar-width);min-width:var(--sidebar-width);}

    
}


#map-container {width:100%;height:600px;}
#map{box-shadow: rgba(64, 64, 64, 0.5) 0 2px 5px;width:100%;height:600px;}


a.link{color:var(--bs-primary);}


body.dark-theme #sidebar *{color:#ddd!important;}
body.dark-theme #sidebar ul li.active{background-color:var(--bs-primary);}
body.dark-theme #sidebar ul li:not(.active):hover{background-color:var(--bs-primary);}
body.dark-theme #sidebar ul li:not(.active):hover > ul{background-color:#0009;}
body.dark-theme #sidebar ul li.active ul.show{background: #0009;}

body.dark-theme #sidebar ul li:not(.active):has(ul.show) > a{background-color: #000a;}
body.dark-theme #sidebar ul li:not(.active) ul.show{background-color: #0006;}


.blink{animation: blink 2s infinite ;}
@keyframes blink{
    0% {background:#ddd;}
    20% {background:var(--alarm-color);}
    80% {background:var(--alarm-color);}
    100% {background:#ddd;}
  }


/*Color section */

.btn-primary{
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
    --bs-btn-disabled-bg: var(--bs-primary);
    --bs-btn-disabled-border-color: var(--bs-primary);
}