/*loading*/
.mask { padding-top: 20%; background-color: rgba(255, 255, 255, 1); display: none; z-index:100; }
.loader {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.5em solid rgba(251, 213, 16, 1);
  border-right: 1.5em solid rgba(251, 213, 16, 1);
  border-bottom: 1.5em solid rgba(251, 213, 16, 1);
  border-left: 1.5em solid steelblue;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
  z-index: 200;
}
.loader,
.loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
/*Inicio funciones para el loading*/
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/*Fin funciones para el loading*/


.row {
  margin-top: 3px;
  margin-right: 3px;
  margin-bottom: 3px;
}

.col {
  margin-top: 3px;
}

.ui-datepicker select { display: inline-block; }

.ui-jqgrid tr.ui-search-toolbar td > input {
  padding-right: 0px;
  padding-top: 1px;
  width: 95%;
  height: initial;
}
.ui-jqgrid input.select-dropdown,
.ui-jqgrid .caret { display:none !important; }
.ui-jqgrid .ui-jqgrid-view { z-index: 1; }

.ui-jqgrid .ui-search-table td.ui-search-clear { width: initial; }
td.ui-search-input, td.ui-search-clear{
  padding: 0 5px 0 0;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor{
  display: block;
  float: none;
}

.full {
  width: 100%;
  text-align: center;
}

td a>i {
  margin: 10px 5px;
}

input:not([type]), input[type=text], input[type=password], input[type=email], 
input[type=url], input[type=time], input[type=date], input[type=datetime-local], 
input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
  height: 2.5rem;
}
input[type=number] { text-align: right; }

.select-wrapper input.select-dropdown {
  height: 2.6rem;
}

.input-field label.active {
  font-size: 0.9rem;
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
}

.select-wrapper + label {
  font-size: 0.9rem;
}
.input-field label, .select-wrapper + label {
  top :-14px;
}

.input-field .input-btn { width: calc(100% - 40px); }
.input-field .input-btn + button {
  padding: 2px;
  width: 36px;
  position: absolute;
  right: 2rem;
  top: 0;
}


.toast {
  word-break: break-word;
} 

#toast-container {
  right: 0;
  top: 65px;
}
#toast-container > div {
  width: 400px;
}

div.errorMessage {
  color: red;
}

button.toast-close-button{
  position: absolute;
  right: 10px;
  top: 5px;
}

textarea { height: inherit; min-height: 3em; }

.modal-overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
  background: #000;
  display: none;
}

table.table-permisos th, table.table-permisos td{
  font-size: 11px;
  padding: 2px !important;
}

table.table-permisos label {
  margin-top: 5px;
  padding-left: 20px;
}

a.brand-logo {
  padding: 5px 30px !important;
}

.ui-widget input, .ui-widget select, .ui-widget textarea{
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1.1em;
}

button.full, div.btn span {
  padding: 0 10px;
  font-size: 11px;
}

.errorSummary { 
  display:none; 
}

#sign-in, #sign-up, #forgot-password, #lock {
  background: #00695c;
}

/**
 * verde: #086634;
 * azul: #195e96;
 */
.content-wrap {
	padding-left: 0;
	padding-right: 0;
}
#content {
  background-color: rgba(255,255,255,.7);
  padding: 0 2em 2em 2em;
}

h1, h2, h3 { color: #086634; }
.note { padding: 0; margin: 30px 0; }
.required { color:red; }

textarea + label,
select + label,
input + label,
.input-field label { color:#000 !important; }

*[readonly], *[disabled] { color:rgba(0,0,0,.6) !important; }

.ui-jqgrid select,
.ui-jqgrid input {
  display: initial !important;
  visibility: visible !important;
  position: static !important;
  padding: initial;
  height: initial;
}

.navbar-top {
  box-shadow: 0 3px 2px #195e96 !important;
  line-height: 60px;
  background: #eceff1;
  z-index: 99;
}
.navbar-top .active {
  background-color: initial;
}

.navbar-top .nav-wrapper > a,
.navbar-top .nav-wrapper > .sp-cancel,
.navbar-top li > a,
.navbar-top li > .sp-cancel {
  color: #086634;
}
.navbar-top .active a {
 color: #195e96;
 border-bottom: 5px solid #195e96;
}
.navbar-top .hvr-back-pulse:hover,
.navbar-top .hvr-back-pulse:focus,
.navbar-top .hvr-back-pulse:active {
  background-color: #195e96;
  color: #fff;
  border-bottom: 5px solid #086634;
}
.navbar-top .dropdown-content {
  margin-top: 65px;
  background-color: #eceff1;
}
.navbar-top .dropdown-content a {
  border-bottom: inherit;
}

.yaybar {
  background-color: #086634;
  border-right: 3px solid #195e96;
  z-index: 98;
}
.yaybar .nano-content > ul > li.active,
.yaybar .nano-content > ul > li.open,
.yaybar .nano-content > ul > li > ul {
  background: #07542b;
}

.yaybar .nano-content > ul > li > ul > li > ul > li.active,
.yaybar .nano-content > ul > li > ul > li > ul > li.open,
.yaybar .nano-content > ul > li > ul > li > ul > li > ul,
.yaybar .nano-content > ul > li > ul > li.active,
.yaybar .nano-content > ul > li > ul > li.open,
.yaybar .nano-content > ul > li > ul > li > ul {
  background: initial;
}
.yaybar .nano-content > ul li.active > a,
.yaybar .nano-content > ul li.active > .sp-cancel,
.yaybar .nano-content > ul li.open > a,
.yaybar .nano-content > ul li.open > .sp-cancel {
  font-weight: bold;
  color: #ffca28;
}


.content-wrap {
  background: #fff url(/images/0003.jpg) no-repeat bottom center;
  background-size: contain;
}