@keyframes blink {
    0% {
           background-color: rgba(26,26,26,1)
    }
    50% {
           background-color: rgba(26,26,26,0.5)
    }
    100% {
           background-color: rgba(26,26,26,1)
    }
}
@-webkit-keyframes blink {
  0% {
         background-color: rgba(26,26,26,1)
  }
  50% {
         background-color: rgba(26,26,26,0.5)
  }
  100% {
         background-color: rgba(26,26,26,1)
  }
}
h1,h2,h3,h4,h5,h6{
    /*font-family: proxima-nova, sans-serif!important;*/
    font-family: futura-pt, sans-serif!important;
    font-weight: 500!important;
    letter-spacing: 2px!important;
}

body{
    font-family: futura-pt, sans-serif!important;
    font-weight: 400!important;
	background-color:#EFF3F6;

}
button{
  font-weight: 500!important;
}
.pulsate {
    -webkit-animation: pulsate 1.5s ease-out;
    -webkit-animation-iteration-count: infinite;
    opacity: 0.5;
}
@-webkit-keyframes pulsate {
    0% {
        opacity: 0.5;
    }
    50% {
        opacity: 1.0;
    }
    100% {
        opacity: 0.5;
    }
}
.attention{
-moz-transition:all 0.5s ease-in-out;
-webkit-transition:all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out;
-ms-transition:all 0.5s ease-in-out;
transition:all 0.5s ease-in-out;
-moz-animation:blink normal 1.5s infinite ease-in-out;
/* Firefox */
-webkit-animation:blink normal 1.5s infinite ease-in-out;
/* Webkit */
-ms-animation:blink normal 1.5s infinite ease-in-out;
/* IE */
animation:blink normal 1.5s infinite ease-in-out;
/* Opera */
}
.hovie:hover{
  background-color:#ececec!important;
  transition: 0.5s;
}
.pulse{
  transition: color 1.5s;
  color: black;
}
.noborder{
    border: 0px solid rgba(0,0,0,0.125)!important;
}
.wb{
  background-color:white!important;
}
.wt{
  color:#edf3f6!important;
}

.badge-light{
  background-color:#d8d8d8!important;
}
.card{
/*  -webkit-box-shadow: 0px 0px 3px 0px rgba(214,214,214,0.5);
  -moz-box-shadow: 0px 0px 3px 0px rgba(214,214,214,0.5);
  box-shadow: 0px 0px 3px 0px rgba(214,214,214,0.5);*/
}
.dropshadow{
  -webkit-box-shadow: 0px 0px 3px 0px rgba(214,214,214,0.5);
  -moz-box-shadow: 0px 0px 3px 0px rgba(214,214,214,0.5);
  box-shadow: 0px 0px 3px 0px rgba(214,214,214,0.5);
}
.gc{
  color:#53595c!important;
}
.active{
  /*background-color:#e4e5e5;*/
  border-left: 6px solid #e4e5e5;
  color:black!important;
  margin-right:-31px;
  font-weight:400!important;

}
.nav-link{
  font-weight: 500!important;
}

[data-link] {
  cursor: pointer;
}

.nav-hi{
  height:60px;
}
.navbar-brand {
  padding-top: 18px;
  padding-bottom: 18px;
  font-size: 1rem;
}
.pages{
  margin-top:5px;
}
.pages-link{
  height:50px;
  line-height: 35px;
}
.search{
  margin-bottom:1px;
  margin-left:0px;
  margin-right:10px;
  margin-top:-10px;

}
.table-sm td{
  font-size: 13px;
}
.table-sm th{
  font-size: 12px;
}
.bg-danger{
  background-color:#ed1c25!important;
}
.border-bottom{
  border-bottom: 1px solid #e4e5e5 !important;
}
.sort_item{
  margin-bottom:10px;
}
.btn-bot{
  margin-bottom:10px;
}
.card-img-top{
  object-fit: cover;
}
.produkt{
  border: 0px solid rgba(0,0,0,0.125)!important;
}
.produkt:hover{
  border: 2px solid rgba(0,0,0,0.125)!important;
  margin-top:-4px;
}
.card-img-top{
  padding:10px;
}
.prodfoto{
  object-fit: cover;
}
#reloadbtn{
  margin-top:-8px;
}
.reloadbtn{
  margin-top:-8px;
}
.mobtable{
  height:50px;
  line-height: 25px;
}
.online{
  color:green!important;
}
.offline{
  color:darkgray!important;
}
.bt{
  color:#121212!important;
}
.nav-item:hover{
  border-left: 6px solid #e4e5e5;
  transition: 0.5s;
}
.nav-item .active:hover{
  border-left: 0px solid #e4e5e5;
  transition: 0.0s;
}
.bg-light{
  border: none;
}
.eventbox{
  height:55px;
  background-color:#e4e6e5;
  margin-top:-8px;
  margin-bottom:-5px!important;
  border-left: 6px solid #4bbf74;
}
.eventbox:hover{
  background-color:#4bbf74;
  color:white!important;
  transition:all 0.5s ease;
}
.eventtitletext{
  color:black!important;
  font-weight: 500!important;
}
.eventtitle:hover{
  color:white!important;
  transition:all 0.5s ease;
}

/* green #4bbf74 grey #e4e6e5*/
.eventtitle{
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 63px;
  margin-left:20px;
}
.event_menu{
  width:22px; height:22px; margin-top:16px; margin-right:10px; display: inline-block;
  text-align: left;
}

.mobtable{
  font-weight: 400!important;
}
.logoutbtn{
  color:#cdcdce!important;
}

.dropdown-item{
  font-weight:500!important;
  font-size:12px!important;
  color:white;
}



/* Chrome 29+ */
@media screen and (-webkit-min-device-pixel-ratio:0)
  and (min-resolution:.001dpcm) {
    .table{
    margin-left:-6px!important;
    }
}

.table_danger{
border-left: 12px solid #dc3546!important;
}
.table_success{
border-left: 12px solid #4bbf74!important;
}
.table_warning{
border-left: 12px solid #fec107!important;
padding:0px!important;
}

.tablehover:hover{
  border-left: 12px solid rgba(255,255,255,1)!important;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);
  transition:all 0.5s ease;
}


.lightmode{
  background-color:#eff3f6!important;
  color:#000000!important;
}
.bluemode{
  background-color:#282b3a!important;
  color:#d5d6db!important;
}
.graymode{
  background-color:#18191d!important;
  color:white!important;
}
.darkmode{
  background-color:#101010!important;
  color:white!important;
}

.note_dropdown{
  padding-top:10px;
  padding-bottom:10px;


}
.note_dropdown_window{
  width:350px!important;
}

@media screen and (max-width: 600px) {
  #search{
    margin-top:-20px;
  }
  #reloadbtn{
    margin-top:-2px;
  }
.reloadbtn{
    margin-top:-2px;
}
  .mobtable{
    height:75px;
    line-height: 15px;
  }
  .nav-hi{
    height:120px;
  }
  .card{
    margin-bottom:10px;
  }
  .logoutbtn{
    margin-top:-105px;
    text-align:right;
    margin-left:250px;
  }
  .mobtn{
    margin-bottom:10px;
  }
  .search{
    margin-left:10px;
  }
  .mobile_show{
    display:contents;
  }
}



@media screen and (max-width: 1000px) {
  .sidebar{
    width:100px!important;
    margin:0px!important;
    padding:0px!important;

  }
  .sidebar_text{
    display: none;
  }
  .stat_icon{
    display: none;
  }
  .sidebar_icon{
    width: 28px;
    height: 28px;
    margin-left:18px;
    margin-top:18px;
  }
  .sidebar-sticky .nav-item{
    height:80px;
  }
  .sidebar-sticky .nav-link{
    height:80px;
  }

  .rapporter{
    display:none;
  }
  .eventtitle{
    display:none;
  }

  .notfullhidden{
    display:none;
  }
}