@CHARSET "UTF-8";

/** ESTILOS DE PESTAÑAS
*/
.nav-pills>li {
    float: none;
    display: inline-block;
    zoom: 1;
}

.nav-pills {
    text-align: center;
}

.nav-pills>li>a {
    border-radius: 6px 6px 0 0;

    background-color: #FFF;
    color: black;
    font-size: 13px;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    padding: 7px 50px;
    text-decoration: none;
    margin-right: 20px;
}

.nav-pills>li.active>a {
    background-color: #F5A000;
}

.tab-content {
    margin-top: 4px;
}

.tab-pane {
    padding: 5px 15px;
    box-shadow: 0 2rem 2rem #00000080;
    position: relative;
    border-radius: 0px 0px 8px 8px;
    border-top: 3px solid #F5A000;
    background-color: rgba(255, 255, 255, 0.5);
}

#tab1 {
    width: 600px;    
}

#tab2 {
    width: 800px;    
}


/* COLORES EN BOTONES
*/
.bg-blue{ background-color: #007bff; }
.bg-indigo{ background-color: #6610f2; }
.bg-pink{ background-color: #e83e8c; }
.bg-red{ background-color: #dc3545; }
.bg-orange{ background-color: #fd7e14; }
.bg-yellow{ background-color: #ffc107; }
.bg-green{ background-color: #20c997; }
.bg-white{ background-color: #fff; }
.bg-gray{ background-color: #6c757d; }
.bg-gray-dark{ background-color: #343a40; }


.progress-bar {
    color: #333;
} 
* {
    -webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	outline: none;
}
    .form-control {
	  position: relative;
	  font-size: 16px;
	  height: auto;
	  padding: 10px;
		@include box-sizing(border-box);

	}



.login-form {
	margin-top: 30px;
}


	

	
	input[type="text"],input[type="password"] {

  background-color : #f2f5fe; 
  color:black;
  border:none;

}
input[type="text"]:focus,input[type="password"]:focus{
	  background-color : #f2f5fe; 
	  color:#000000;
	  border:none;

}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #FFFFFF;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #FFFFFF;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #FFFFFF;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #FFFFFF;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:    #FFFFFF;
}

::placeholder { /* Most modern browsers support this now. */
   color:    #FFFFFF;
}


 .user {
        float: right;
        margin-right: 6px;
        margin-top: -30px;
        position: relative;
        z-index: 2;
        color: gray;
    }
	.pass {
        float: right;
        margin-right: 6px;
        margin-top: -45px;
        position: relative;
        z-index: 2;
        color: gray;
    }

#lightbox .modal-content {
    display: inline-block;
    text-align: center;   
}

#lightbox .close {
    opacity: 1;
    color: rgb(255, 255, 255);
    background-color: rgb(25, 25, 25);
    padding: 5px 8px;
    border-radius: 30px;
    border: 2px solid rgb(255, 255, 255);
    position: absolute;
    top: -15px;
    right: -55px;
    
    z-index:1032;

}
body 
{
background-image: url('../image/fondo4.jpg');
background-attachment: fixed;
background-size:cover;
background-repeat: no-repeat;
   background-position: center center !important;
    z-index: auto;
    background-size: cover !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
}

form[role=login] {
	color: #5d5d5d;
	background: #f2f2f2;
	padding: 26px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
	form[role=login] img {
		display: block;
		margin: 0 auto;
		margin-bottom: 35px;
	}
	form[role=login] input,
	form[role=login] button {
		font-size: 18px;
		margin: 16px 0;
	}
	form[role=login] > div {
		text-align: center;
	}
	
.form-links {
	text-align: center;
	margin-top: 1em;
	margin-bottom: 50px;
}
	.form-links a {
		color: #fff;
	}


    input[type=checkbox] {
      transform: scale(1.5);
    }
    
    table tr th {
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
    }
    
    .sorting {
      background-color: #D4D4D4;
    }
    
    .asc:after {
      content: ' ↑';
    }
    
    .desc:after {
      content: " ↓";
    }
  
    
    
    input[type=checkbox] {
      transform: scale(1.5);
    }
    
    table tr th {
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
    }
    
    .sorting {
      background-color: #D4D4D4;
    }
    
    .asc:after {
      content: ' ↑';
    }
    
    .desc:after {
      content: " ↓";
    }
    
    .btn-indigo{
    color: #fff;
    background-color: #6610f2;
    border-color: #6610f0;
    
}

.btn-indigo{
    background-color: #6610f2;
    color:#FFF;
    border-color: #2F3E48;
    }
.btn-indigo:hover, .btn-indigo:focus, .btn-indigo:active, .btn-indigo.active, .open .dropdown-toggle.btn-indigo {
    background-color: #4e05c3;
    color:#FFF;
    border-color: #2F3E48;
    }

.text-indigo {
    opacity: 1;
    color:#6610f2!important;
}


.btn-pink{
background-color: #e83e8c;
color:#FFF;
border-color: #2F3E48;
}

.btn-pink:hover, .btn-pink:focus, .btn-pink:active, .btn-pink.active, .open .dropdown-toggle.btn-pink {
background-color: #ea2581;
color:#FFF;
border-color: #2F3E48;
}

.text-pink{
    opacity: 1;
    color:#e83e8c!important; 
}


.btn-orange{
    background-color: #fd7e14;
    color:#FFF;
    border-color: #2F3E48;
    }
    
    .btn-orange:hover, .btn-orange:focus, .btn-orange:active, .btn-orange.active, .open .dropdown-toggle.btn-orange {
    background-color: #e16907;
    color:#FFF;
    border-color: #2F3E48;
    }
    
    .text-orange{
        opacity: 1;
        color:#fd7e14!important; 
    }

.btn-blue{
background-color: #007bff;
color:#FFF;
border-color: #2F3E48;
}

.btn-blue:hover, .btn-blue:focus, .btn-blue:active, .btn-blue.active, .open .dropdown-toggle.btn-blue {
background-color: #0065d1;
color:#FFF;
border-color: #2F3E48;
}

.text-blue{
    opacity: 1;
    color:#007bff!important; 
}
 

.btn-green{
background-color: #20c997;
color:#FFF;
border-color: #2F3E48;
}

.btn-green:hover, .btn-green:focus, .btn-green:active, .btn-green.active, .open .dropdown-toggle.btn-green {
background-color: #00b881;
color:#FFF;
border-color: #2F3E48;
}

.text-green{
    opacity: 1;
    color:#20c997!important; 
}


.btn-red{
    background-color: #dc3545;
    color:#FFF;
    border-color: #2F3E48;
    }
    
    .btn-red:hover, .btn-red:focus, .btn-red:active, .btn-red.active, .open .dropdown-toggle.btn-red {
    background-color: #df1b2f;
    color:#FFF;
    border-color: #2F3E48;
    }
    
    .text-red{
        opacity: 1;
        color:#dc3545!important; 
    }

    .btn-outline-blue {
        color: #0d6efd;
        border-color: #0d6efd;
    } 
    .btn-outline-blue:hover{
        background-color: #0d6efd;
        color: #fff;
        border-color: #0d6efd;
    }