@font-face {
  font-family: Open Sans;
  src: url(fonts/OpenSans-Regular.ttf);
}

body {
	background-color:#ffffff;
}



html {
  height: 100%;
  min-height: 100%;
}

body {
  height: 100%;
  min-height: 100%;
 
}

.header_top {
	margin-top:70px;
}

.section-overlay {
	background: rgba(0,0,0,0.2);
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index:1000;
	width: 100%; /* Full width (cover the whole page) */
	height: 100%;
	min-height: 100%;
}      

.text-danger {
	color:#ff0000 !important;
}

.nav-item a,.nav-item a:visited{
    color:#ffffff !important;
	
}

.nav-item a:hover,.nav-item a:focus{
    color:#D9230F;
	backgound-color:#acacac;
}

.navbar-brand {
    color: #FFFFFF;
}

.navbar-nav .active>.nav-link,.navbar-nav .nav-link.active,.navbar-nav .nav-link.show,.navbar-nav .show>.nav-link {
    color: #FFFFFF;
}

.navbar-nav .nav-link,.dropdown-item {
    color: #FFFFFF;
	font-weight:bolder;
}

.navbar-nav .nav-link:focus,.navbar-nav .nav-link:hover,a.dropdown-item:focus,a.dropdown-item:hover {
    color: #D9230F !important;
	background-color:#efefef;
}

.border-derecha {
	border:none;
}

@media (min-width: 768px) {
	.border-derecha {
		border-right:1px solid #d5d1d1;
	}
}




.error {
   color:#C13838;
   font-weight:bolder;
   font-style:italic;
}


.iconos {
	height:40%;
}



#dvAjax {
    display:none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: gray;
    z-index:2000;
    -moz-opacity: 0.85;
    opacity:.85;
    filter: alpha(opacity=85);
}

.black_overlay {
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: gray;
    z-index: 1001;
    -moz-opacity: 0.85;
    opacity: .85;
    filter: alpha(opacity=85);
}

#load img {
    margin: 20% 40%;
}

.ZebraDialog {

    z-index:10000 !important;
}

.ZebraDialog .ZebraDialog_Body {
    color: #44484A;
    padding: 5px;
}

.bootgrid-table th > .column-header-anchor {
	color:#ffffff;
}

.bootgrid-table th:active, .bootgrid-table th:hover {
    background: #D9230F;
    color:#000000 !important;
}

input.disabled-radio {
  pointer-events:none;
  opacity:0.8;
}

.margen-encab {
   margin-top:54px;
}


#menu_lateral {
 
        position: fixed;
        right: 0;
       /* top: 16%;*/
	   top:155px;
        width: auto;
        margin: -2.5em 0 0 0;
        z-index: 5;
        background-color: #dbdbdb;
        color: white;
        font-weight: bold;
        font-size: large;
        text-align: left;
        border: solid #D9230F0a;
            border-right-color: #dbdbdb;
            border-right-style: solid;
            border-right-width: medium;
        border-right: none;
        padding: 0.1em 0.1em 0.1em 0.5em;
        box-shadow: 0 1px 3px black;
        border-radius: 3em 0.5em 0.5em 3em;
  }
  
  
  .form-control {
    font-weight: 550;    
    color: #021b7c;

}

div.dataTables_wrapper div.dataTables_processing {
	z-index:100000000 !important;
}

div.dataTables_wrapper div.dataTables_length select {
    width: auto;
    display: inline-block;
    width: 70px;
}

div.dataTables_wrapper div.dataTables_processing {
    /*background-color: #e4e0e0 !important;*/
    
    height: auto;
	border:0;
}
.dataTables_wrapper .dataTables_processing {
    background-color: white;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
        background-color: rgba(0, 0, 0, 0);
}


.my_icon {
  display: inline-block;
  width: 70px;
  height: 70px;
  background: black;
  mask-size: cover;
}

.my_icon-gear {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: black;
  mask-size: cover;
  mask: url("../imagenes/cog-solid.svg");
}

.my_icon:hover,
.my_icon:focus {
  background: red;
}

.modal-dialog {

    margin: .5rem auto;
}