html {
   height: 100%;
}

body {
   /* background-size: 100% 100%; */
   background-color: #d5d5d8 !important;
   background-repeat: no-repeat;
   background-size: cover;
   min-height: 100% !important;
   background: rgb(0,74,153);
   background: radial-gradient(circle, rgba(0,74,153,1) 0%, rgba(0,25,51,1) 100%);
}

@media (max-width: 400px) {
   * {font-size: 12px !important;}
}

@media (max-width: 1200px) {
   * {font-size: 16px !important;}
} 

h3 {
   color: #003c7d;   
   font-weight: 700;  
}

@font-face {
	font-family: Sansation_Regular;
	src: url('Sansation_Regular.ttf');
}

a, div, input, button, select, option {
   font-family: Sansation_Regular, sans-serif;
}

.nav-link, .color-white {
   color: #ffffff !important;   
}
.nav-link:hover {
   color: #ffe700 !important;   
}
.nav-item a {
   color: #003c7d;
   margin: .15em;
   border-left: 1px solid #505050;
   border-radius: 0px;
 }
 
.nav-itema:link, .nav-item :visited, 
.nav-item a:hover, .nav-item a:active { 
   text-decoration: none; 
}
 
@media (max-width: 992px) {
      .nav-item a {
      border-right: none;
   }
}
.navbar {
   padding: .3rem 1rem !important;
}

.navbar-nav {
   flex-direction: row !important;
}

.navbar-nav a {
   height: 40px;
   display: inline-block !important;
}

.box {
   position: relative;   
}

.box-login {
   max-width: auto;
   margin-left: auto;
   margin-right: auto;
}

.text-login {
   color: #003c7d;
   font-size: 1.6em;
}

@media only screen and (min-width: 1000px) {
   .box-login {
      max-width: 600px !important;
   }
   .img-btn-login {
      width: 60% !important;
   }
   .text-login {
      font-size: 1.2em;
   }
}

.table th {
   background-color: #003c7d;
   color: #ffffff;
   table-layout: fixed;
}
.table td {
   white-space: normal !important;
   text-align: justify;
 }

.table-header {
   position:sticky;
   top: 0 ;
}


.table-wrapper {
   max-height: 60vh;
   overflow: auto;
   display:inline-block;
 }

.th-sortable > * {
   color: #ffffff !important;
}

ul.navbar-nav {
   /* max-width: 95vh; */
}

.btn-outline-primary {
   color: #003c7d !important;
   border-color: #003c7d !important;
}
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active {
   background-color: #cce5ff !important;
}

.form-result {
   font-weight: 700;
   text-decoration: none;
}
.form-result-label, .form-result-check {
   color: #303030 !important;
   font-weight: 700;
}
.form-result-label {
   width: 100px;
}
.ok {
   background-color: #009900;
   padding: 3px 6px;
   border-radius: 5px;
   color: #ffffff !important;
}

.letter-control {
   font-size: 1.1em;
}
.selected-letter {
   border-bottom: 3px solid #007bff;
}

.day-container {
   display: block;
   width: 14.28%;
   float: left;
   min-height: 75px;
   text-align: center;
   border-bottom: 3px solid rgba(255, 255, 255, 0.4);;
}

.day-circle {
   width: 50px;
   height: 50px;
   border-radius: 25px;
   margin-top: 10px;
   padding-top: 7px;
   margin-left: auto;
   margin-right: auto;
   font-size: 1.1em;
   cursor: hand;
   -webkit-user-select: none; /* Safari */        
   -moz-user-select: none; /* Firefox */
   -ms-user-select: none; /* IE10+/Edge */
   user-select: none; /* Standard */
}
.day-circle > a {
   color: #000000;
}


.bg-day-free {
   background-color: #97a6b5;
}

.bg-day-today {
   border: 3px solid #007bff;
   background-color: #f8f9fa;
   padding-top: 4px !important;
}
.day-selected > a {
   color: #ffffff !important;
}
.day-selected {
   background-color: #003c7d !important;
}
.bg-danger-dark {
   background-color: #990000 !important;
}
.dot-booking {
   position: relative;
   top: -12px;
   right: -16px;
   display: inline-block;
   height: 20px;
   width: 30px;
   border-radius: 3px;
   font-size: 0.75em;
   color: #000000;
   box-shadow: 0px 0px 2px #97a6b5;
}
.card-header {
   background-color: #b3d9ff !important;
}
.card {
   border: 3px solid #ffffff !important;
}
.div-bottom {
   position: fixed; 
   bottom: 0; 
   left: 0;
   height: 32px;
}
.lnk-diprotec, .lnk-diprotec:hover, .lnk-diprotec:visited
{
   color:#ffffff; 
   text-shadow: 0px 0px 2px #aaaaaa;
}