/* ESTILOS DEL SISTEMA CREAD POR SIGFRID */
body
{
  background: #1C1C1C;
  background:  #E6E6E6;
  font-family: Thaoma, Sans-serif;
  font-size: 12px;
}

.table{
  font-size: 11px;
}

.navbar-default
{
 border-radius: 0px;
 margin: 0px;
 border:none;
 background: #04B486;
 text-shadow: 0px;
}

/* Estilos del menu izquierdo */
.menu
{
	width: 100%;
	padding: 1%;
	position: relative;
	height:585px;
        background:#088A68;  
}

.submenu{
	padding: 5%;
	margin-bottom: 1%;
	width: 100%;
	border-bottom: 2px solid white;
        background:#04B486; 
}


.link{
  width: 100%;
  padding: 5%;
  color:white;
  text-decoration: none;
  font-size: 15px;
  background: transparent;
}
 
.link span{
	font-size: 15px;
	margin-right: 5%;
}
 
.submenu:hover{
	background: #01DFA5;
	cursor: pointer;
	color: white;
}

.submenu:hover .link {
	text-decoration: none;
	background: #01DFA5;
	cursor: pointer;
	color: white;
}


/* ESTILOS DE FOOTER */
#footer
{
	color: white;
	margin-top: 0px;
	padding-bottom: 3%;
        background: #01DFA5;
}

.componente-footer
{
  background: #04B486; 
  padding: 2%;
  height: 250px;
  cursor: pointer;
  font-size: 12px;
  text-align: center;
  color:white;
}

.componente-footer:hover
{
  background: #00FFBF;
  color:black;
  transition: 1s;
}
 
.componente-footer li
{
   list-style: none;
   padding: 2%;
 
}

.componente-footer li a
{
   text-decoration: none;
   color: white;
   font-weight: bold;
 
}

.titulo_footer
{
	font-size: 18px;
	font-weight: bold;
	color: white;
}


#copyright-footer
{
	padding: 5%;
	color: white;

}


/* ESTILOS DE PAGINADOR */

#page_activo
{
	background: #01DFA5;
	color:white;
}

.pagination
{
  background: white;
}

.pagination li a
{
  background: transparent;
  border-radius: 0px;
 
  color:black;
}

.pagination li a:hover
{
  background: #01DFA5;
  color: white;
  border:1px solid #01DFA5;
}

.pagination .disabled a{
  background: transparent; 
  color:#2E4053;
}

.pagination .disabled a:hover{
  background: transparent;
  color: white;
}

.pagination .active a {
  background: #01DFA5;
  color: white;
  border:1px solid #01DFA5; 
}

.pagination .active a:hover {
  background: transparent;
  color: white;
  border:1px solid #01DFA5; 
}

.titulo_menu
{
  border-bottom:1px solid #01DFA5; color:#01DFA5; 
  margin-top: 0px;
}

.componente_menu
{
  width:100%; 
  background:white; 
  padding:1%; 
  font-size:12px; 
  margin-bottom:3%; 
  margin-top:0.5%;
  background: rgb(255, 255, 255, 1);

}
 .transparent{
 	color: transparent;
 	background: transparent;
}


/* BOTOM DE IMAGENES */

 .btn-file {
                position: relative;
                overflow: hidden;
            }
 
 .btn-file input[type=file] 
            {
                  position: absolute;
                  top: 0;
                  right: 0;
                  min-width: 100%;
                  min-height: 100%;
                  font-size: 100px;
                  text-align: right;
                  filter: alpha(opacity=0);
                  opacity: 0;
                  outline: none;
                  background: white;
                  cursor: inherit;
                  display: block;
            }

/* ESTILO DEL CARGANDO DE LAS FUNCIONES AJAX*/

.cargando {
  margin-left: 45%;
  border: 3px solid #f3f3f3;
  border-radius: 100%;
  border-top: 3px solid #7f8c8d;
  /*border-bottom: 3px solid #7f8c8d;*/
  width: 30px;
  height: 30px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 0.2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


/*ESTILOS LISTADO DE DATOS */

 .btn_opciones
 {
  width: 120px; height: auto; background: white; display: none;
  position: absolute;
  z-index: 1;
  padding: 1%;
  border:1px solid #E6E6E6;
  margin-left: -100px;
  text-align: left;

 }

.btn_opciones-xs
 {
  width: 150px; height: auto; background: white; display: none;
  position: absolute;
  z-index: 1;
  padding: 1%;
  border:1px solid #E6E6E6;
  margin-left: 20px;
  text-align: left;
  box-shadow: 2px 3px 10px 2px #bdc3c7;

 }

 .panel_cerrar_botones
 {
 	margin-top: -10px;
 	margin-right: -10px;
 }

 .panel_cerrar_botones-xs
 {
 	margin-top: -3px;
 	margin-right: -3px;
 }

 .btn_line-xs
 {
  margin: 2px; width:150px; height: 1px; background: #A4A4A4; margin-left: -5px;
 }

 .btn_line
 {
  margin: 2px; width:120px; height: 1px; background: #A4A4A4; margin-left: -11px;
 }


 /* ESTILOS DE SELECT */
 .slect-link{
  background: transparent;

 }

 .slect-link: hover{
  background: #2E4053;
 }

 #select_form
 {
  background:transparent; color:#6E6E6E; width:100%; 
  border:1px solid #6E6E6E; 
  padding: 1%; height: 34px; 

  padding-right:10%;
  background: white;
  text-align: center;
  font-size: 12px;

 }

 #select-form
 {
  width:100%; max-height:250px; background:white;
  line-height: 1.1;
  overflow: auto;
  border:1px solid #6E6E6E;
  margin-top: 5px;
 }
 
 #select-form li a
 {       background: transparent;
 	 color:#6E6E6E;
 	 border-bottom: 1px solid #6E6E6E; 

 }

 #select-form li:hover a
 {
 	 background : #6E6E6E;
 	 color:white;
 }

::-webkit-scrollbar{
    width: 7px;
    background-color: #01DFA5;
}
::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: white;
}
::-webkit-scrollbar-thumb{
    background-color: #01DFA5; 
    height: 5px;
}

::-webkit-scrollbar:horizontal{
    height: 7px;
    background-color: #01DFA5;
}
::-webkit-scrollbar-track:horizontal{
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
    background-color: white;
}
::-webkit-scrollbar-thumb:horizontal{
    background-color: #01DFA5; 
    height: 5px;
}


/* ESTILOS TABLES EXTRA CORTOS E ICONO MUSIC */

.td-xs{
 width: 50px;
}
.icono_music
{
  border-radius: 50%; border:1px solid black; height: 25px; 
  width: 25px; padding-top: 10%;
}


.modal-header
{
  background : #01DFA5;
  color : white;
  
}

.modal-body{
  background: transparent;
}

.modal-footer{
  background: transparent;
}

.modal-dialog
{
  background : #003300;
  border-radius: 0px;
 
}

.modal-content
{
   background : white;
   border-radius: 0px;
   border:0px;
}

.table tr th
{
  background:#01DFA5; 
  color: white;
  border-bottom: 1px solid #01DFA5;
}

 
/* AREA DE LOS BOTONES */

.btn-default
{
 border-radius: 0px;
 text-shadow: none;
 background:  white;
 border:1px solid #6E6E6E;
 color: #6E6E6E;
 text-shadow: none;
}

.btn-default:hover
{
 background: white;
 border:1px solid #6E6E6E;
 color: #6E6E6E;
}

.btn-default:focus
{
 background: white;
 border:1px solid #6E6E6E;
 color: #6E6E6E;
}

.btn-info
{
 border-radius: 0px;
 text-shadow: none;
 background: white;
 border:1px solid  #04B486;
 color: #04B486;
 text-shadow: none;
}

.btn-info:hover
{
 background: #04B486;
 border:1px solid #04B486;
 color: white;
}

.btn-info:focus
{
 background: #04B486;
 border:1px solid #04B486;
 color: white;
}

.btn-danger
{
 border-radius: 0px;
 text-shadow: none;
 background: rgb( 236, 240, 241, 0.1);
 border:1px solid  #FF3300;
 color: #FF3300;
 text-shadow: none;
}

.btn-danger:hover
{
 background: #FF3300;
 border:1px solid #FF3300;
 color: white;
}

.btn-danger:focus
{
 background: #FF3300;
 border:1px solid #FF3300;
 color: white;
}

.btn-success
{
 border-radius: 0px;
 text-shadow: none;
 background: rgb( 236, 240, 241, 0.1);
 border:1px solid  #009900;
 color: #009900;
 text-shadow: none;
}

.btn-success:hover
{
 background: #009900;
 border:1px solid #009900;
 color: white;
}

.btn-success:focus
{
 background: #009900;
 border:1px solid #009900;
 color: white;
}

.close{
  color: white;
  opacity: 1;
  text-shadow: none;
}

.close:hover{
  color: white;
  opacity: 1;
  text-shadow: 0px;
}

.form-control
{
  border:1px solid #424242;
  box-shadow: none;
  border-radius: 0px;

}
.form-control:focus
{
  border:1px solid #424242;
  box-shadow: none;
}
.form-control::placeholder
{
   color: #999999;
}

label
{
  color:#333333;
}

.glyphicon-align-justify
{
  color: #6E6E6E;
}