@font-face {
  font-family: "Trim Poster";
  src: url("/assets/fonts/Trim poster/Letters from Sweden - Trim Poster Regular.otf") format("opentype");
 }
 @font-face {
  font-family: "Sailec";
  src: url("/assets/fonts/Sailec/Type Dynamic - Sailec.otf") format("opentype");
 }
 @font-face {
  font-family: "Sailec Bold";
  src: url("/assets/fonts/Sailec/Type Dynamic - Sailec Bold.otf") format("opentype");
 }
 

body{ background-color: #E8E8E8; font-family: "Sailec"}
header{ background-color: #fff}
a{text-decoration: none;}

.card:hover {
    -webkit-box-shadow: 5px 5px 10px 0px #888888;
    -moz-box-shadow: 5px 5px 10px 0px #888888;
    -o-box-shadow: 5px 5px 10px 0px #888888;
    box-shadow: 5px 5px 10px 0px #888888;
}
.form-select:disabled {
    background-color: #e9ecef;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: none;
    background-color: #F5F5F5;
  }

.btn-primary:hover,.btn-outline-primary:hover {
 color: #fff;
 background-color: #cc4814 ;
 border-color: #cc4814;
}
.btn-check:active + .btn-primary, .btn-check:checked + .btn-primary, .btn-primary.active, .btn-primary:active, .show > .btn-primary.dropdown-toggle,
.btn-outline-primary:active {
 color: #fff;
 background-color: #cc4814;
 border-color: #cc4814;
}
.btn-check:focus + .btn-primary, .btn-primary:focus {
 color: #fff;
 background-color: #cc4814;
 border-color: #cc4814;
 box-shadow: 0 0 0 .25rem rgba(204,72,20,.25);
}
.btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
 box-shadow: 0 0 0 .25rem rgba(204,72,20,.25);
}

.btn-check:active + .btn-primary:focus, .btn-check:checked + .btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show > .btn-primary.dropdown-toggle:focus {
 box-shadow: 0 0 0 .25rem rgba(204,72,20,.25);
}

.nav-pills .nav-link{ color: #767676; font: normal normal normal 16px/20px Sailec}
.nav-pills .nav-link.active{ background-color: transparent; font-weight: 700; color: #767676 }
main {
 display: block;
}
.trim-poster{ font-family: "Trim Poster"}
.sailec{ font-family: "Sailec"}
.sailec-bold{ font-family: "Sailec Bold"}
.text-orange{ color: #EB5C24}
.text-red{ color: #E50046}
.text-gray{ color: #767676}
.form-signin {
 width: 100%;
 max-width: 420px;
 padding: 15px;
 margin: auto;
}

.table th,
.table td{
 vertical-align: middle;
}
.table th,
.table td,
.table-striped > tbody > tr:nth-of-type(2n+1) > *{ color: #767676; font-family: "Sailec"}

.form-select{color: #767676;}
.form-select option{ font-family: "Sailec"}

.btn{ text-transform: uppercase}
.btn-primary {
 background-color: #EB5C24;
 border-color: #EB5C24;
}
.btn-outline-primary {
 color: #EB5C24;
 border-color: #EB5C24;
}
footer{ background-color: #3C3C3B}

#main-dashboard .card:hover h3{
 color: #cc4814;
}
#main-dashboard .card .bi {
 font-size: 6em;
 transition: transform .2s; /* Animation */
}

#main-dashboard .card:hover .bi{
 transform: scale(1.3); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

/***
Forms
 */
.form-control{ color: #767676}
.form-control:disabled, .form-control[readonly],
.form-select[readonly] {
 background-color: #f5f5f5;
 color: #767676;
}
.form-control:focus {
 border-color: #cc4814;
 box-shadow: 0 0 0 .25rem rgba(204,72,20,.25);
}
.form-select:focus {
 border-color: #cc4814;
 box-shadow: 0 0 0 .25rem rgba(204,72,20,.25);
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
  background: #ddd;
  border: none;
}