@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: local('Material Icons'),
  local('MaterialIcons-Regular'),
  url(../fonts/MaterialDesigneIcons/MaterialIcons-Regular.woff2) format('woff2'),
  url(../fonts/MaterialDesigneIcons/MaterialIcons-Regular.woff) format('woff'),
  url(../fonts/MaterialDesigneIcons/MaterialIcons-Regular.ttf) format('truetype');
}

@font-face {
  font-family: 'KeepCalm';
  font-style: normal;
  font-weight: 400;
  src: local('KeepCalm'),
  local('KeepCalm'),
  url(../fonts/KeepCalm/KeepCalm.ttf) format('truetype');
}

@font-face {
  font-family: 'GeosansLight';
  font-style: normal;
  font-weight: 400;
  src: local('GeosansLight'),
  local('GeosansLight'),
  url(../fonts/GeosansLight/GeosansLight.ttf) format('truetype');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Prefer#f44336  icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

th, td, tr{
  text-align: center;
  padding-top: 0px;
    padding-bottom: 0px;
}
body, .backlogo{
  background: #eeeeee ;
}

.side-nav{
  background-color: white;
   /* background-image: url(../img/genesis.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 200%;*/
}
.side-nav>span{padding-left: 15%; color: black;  font-size: 1em}
.side-nav>li>a{color: black!important;  font-size: 1.2em; }

.logo {
  font-family: 'KeepCalm', serif;
  font-style: normal !important;
  font-weight: bold !important;
  margin-right: 0 !important;
  padding-left: 1em;
  color: white  
}

.whiteAll{
  color: white;
}

.sideNavLogo{padding-top: 1em; padding-bottom: 1em; background-color: #2196f3   }

nav ul .tab a {
  color: white !important;
  font-weight: bold;
}
.tabs .indicator { background-color: #2196f3; }
.nav-content{    box-shadow: 1px 3px 2px #888888;}
.container {width: 95%; padding-bottom: 0 !important}
.row{margin-bottom: 0 !important}



.btnTitle:hover{color: #9e9e9e  }
.modalHeader {font-size: 30px}

.fullscreen{ position: absolute;top: 0px; left: 0px; height: 100%;width: 100%; background-color: rgba(0,0,0,0.1);z-index: 1004; }
ul .collection {margin-right: 5px}


.list>tbody>tr>td {  padding-bottom: .75em;  padding-top: .75em; border-radius: 0 !important}
.list>tbody>.header{background-color: #616161; color: white ; font-size: 1.2em; font-weight: bold}

.list>tbody>.body{background-color: white  ; color: black}
.body[data-href]:nth-child(odd):hover{background-color: #e0e0e0     !important;  border-left: solid #2196f3  .2em; }
.body:nth-child(odd) {background: rgba(0,0,0,0) !important;}

.modal{background-color: #f5f5f5      }
.divider{background-color: #757575 }
a.modal-close>span.badge {position: fixed}
#checkModal {-vendor-animation-duration: 1s; -vendor-animation-delay: 1s; -vendor-animation-iteration-count: infinite;}
#navMenu>.active{background: #00838f }
#navMenu::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}

#navMenu::-webkit-scrollbar
{
  width: 12px;
  background-color: #F5F5F5;
}

#navMenu::-webkit-scrollbar-thumb
{
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #555;
}

.card{padding-left: 0 !important; padding-right: 0 !important}
.card-action>#flecha{float: right;}


.list-content{box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19) !important;}
#no-results{color:white; font-size: 1em; font-weight: bold}
.textResponsive{    white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis;    max-width: 5ch;}
.modal-footer{background-color: rgba(0,0,0,0) !important}
.container .row {margin-left: 0 !important;margin-right: 0 !important}
div#title {text-align: center;font-size: 1.1em;padding-top: 1em; padding-bottom: 1em; color: teal;font-weight: bold;}

td#actionbtn {padding: 0px}
td#actionbtn>a {padding-left: 0.6em;padding-right: 0.6em;}


.animated {    animation-duration: 0.5s !important}

#admin{right: 0px !important}

.input-field input[type=date]:focus + label, .input-field input[type=text]:focus + label,.input-field input[type=email]:focus + label,.input-field input[type=password]:focus + label 
{
  color: #212121 ;
}
.input-field input[type=date]:focus,.input-field input[type=text]:focus,.input-field input[type=email]:focus,.input-field input[type=password]:focus 
{
  border-bottom: 2px solid #212121 ;      box-shadow: none;
}
textarea.materialize-textarea:focus:not([readonly])+label{color:#212121;}
textarea.materialize-textarea:focus:not([readonly]){  border-bottom: 2px solid #212121 ;      box-shadow: none;}
blockquote{font-size: 1.5em; border-left: 5px solid #2196F3}

.tab>a{color: #2196f3 !important; font-weight: bold}

.table-wrapper {
  overflow-x: auto;
  width: 100%;
}
table{
  min-width: 100%;
  width: auto;
  table-layout: fixed;
}
th{
  white-space: nowrap !important;
}
td{
  white-space: nowrap !important;
}

.input-field > .select-label{
  margin-top: 2em;
}

tfoot{
  background-color: #2196f3 ;
  color: white;
}
tfoot > tr > td{
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  -webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}