/*********divs********/
body{
  font-size:1em;
  font-family: Circular, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
  color:rgb(34,34,34);
  background-color:"#fefefe";
  margin:0;
}

nav{
  background-color: #222222;
  color:#ffffff;
  width:100%;
  min-height:48px;
  padding:8px;
}

footer{
  background-color: #222222;
  color:#ffffff;
  position:absolute;
  top:100vh;
  transform:translateY(-100%);
  width:100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding:2px;
}

#dashboard{
  height: 100vh;
}

h2{
  margin:4px;
}

form{
  padding:8px;
}

table{
  width: 99% ;
  margin:auto;
  border-radius: 10px 10px 10px 10px;
  border-collapse: collapse;
}

td, th{
  padding:8px;
  text-align: center;
  justify-content: center;
  min-width:48px;
}

table tr{
  min-height:48px;
}

thead tr{
  color:rgb(255, 255, 255);
  background-color: #75b9ef;
}

thead td, thead th{
  border-bottom:2px solid rgba(255, 255, 255);
  border-right:2px solid rgba(255, 255, 255);
}

tbody td, tbody th{
  border-bottom:1px solid rgba(44, 62, 80, .05);
  border-right:1px solid rgba(44, 62, 80, .05);
}

tbody th:hover, tbody td:hover{
  background-color:#ffffff;
}

/*******raw**********/

i{
  font-size:24px;
  color:gray;
}

input
{
    color: rgba(44, 62, 80, .75); 
    border-width: 0px;
    border-bottom: 2px solid gray;
    text-align: left;
    background-color:transparent;
    outline: 0;
    box-shadow: 0;
    padding:2px;
    margin:2px;
    height:32px;
}

table input{
  border:none;
  text-align:center;
  font-size:1em;
}

button{
  color:none;
  cursor:pointer;
  background-color:transparent;
  border:none;
  padding:2px;
  margin:2px;
}

label{
  display: flex;
  justify-content: center;
  align-items: center;
  padding:2px;
  margin:2px;
}

span{
  display: flex;
  justify-content: left;
  align-items: left;
  padding:2px;
  margin:2px;
  color:#FFFFFF;
}

/*******elements*****/

.action{
  position:relative;
}

.float_top{
  position:absolute;
  background-color:#ffffff;
  bottom:110%;
  left:50%;
  transform: translateX(-50%);
  z-index: 100;
  max-width:300px;
  border-radius: 5px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}

.float_corner{
  position:absolute;
  background-color:#ffffff;
  top:10%;
  left:50%;
  transform: translateX(-50%);
  z-index: 100;
  max-width:300px;
  min-width:200px;  
  border-radius: 5px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}

.change
{ 
    position:absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -10%;
    color: gray;
    font-size:0.9em;
    text-decoration:line-through;
}

/******layout********/

.element_row_center{
  display: flex;
  flex-direction:row;
  align-items: center;
  padding:8px;
  min-height:36px;
}

.element_row_sparse{
  display: flex;
  flex-direction:row;
  justify-content: space-between;
  align-items: center;
  padding:8px;
  min-height:36px;
}

.element_row_left{
  display: flex;
  flex-direction:row;
  align-items: center;
  float:left;
  padding:8px;
  min-height:36px;
}

.row{
  display:flex;
  flex-direction:row;
}

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

.toptobottom{
  width: 0;
  word-wrap: break-word;
}

.ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.title{
  font-size:1.2em;
  font-weight:800;
  padding:8px;
}

.disabled {
  color:#bdbdbd;
}

.sticky{
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 5;
}

/*****marking*****/

.barre{
  text-decoration:line-through;
}

.bold{
  font-weight:bold;
}

.odd{
  background-color:#EFF5FE;
}

.even{
  background-color:#f9f9f9;
}

.info_background{
  background-color:#90caf9;
}

.info_text{
  color:#75b9ef;
}

.warn_background{
  background-color:#ffe082;
}

.warn_text{
  color:#ffc107;
}


.select_text{
  color:#ffffff!important;
}

.select_background{
  background-color:#ffffff!important;
  border-color:#ffffff!important;
}

.negative_background{
  background-color:#ffcdd2;
}

.negative_text{
  color:#ef5350;
}

.positive_text{
  color:#66bb6a!important;
}

.positive_background{
  background-color:#c8e6c9!important;
}

.title_text{
  color:#4babbe;
}