/* ESTILOS DEL SISTEMA CREAD POR SIGFRID */

.navbar-default
{
 background: black;
 border-radius: 0px;
 margin: 0px;
 border:none;
}

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

	background: black;
}

.submenu{
	padding: 5%;
	background: black;
	margin-bottom: 1%;
	width: 100%;
	border-bottom: 0.5px solid white;
}


.link{
  width: 100%;
  padding: 5%;
  color:green;
  text-decoration: none;
  font-size: 15px;
  background: black;
 
}
 
.link span{
	font-size: 15px;
	margin-right: 5%;
}
 
.submenu:hover{
	background: black;
	cursor: pointer;
	color: #27ae60;
}

.submenu:hover .link {
	text-decoration: none;
	background: black;
	cursor: pointer;
	color: #088A08;
}


/* ESTILOS DE FOOTER */

#footer
{
	background: black;
	color:white;
	margin-top: 0px;
	padding-bottom: 3%;

}

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

.componente-footer:hover
{
	background: #151515;
}

.componente-footer li
{
   list-style: none;
   padding: 2%;
 
}

.componente-footer li a
{
   text-decoration: none;
   color:#95a5a6;
 
}

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


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

}


/* ESTILOS DE PAGINADOR */

#page_activo{
  background: green;
  color:white;
}
.page-link{ color:white; }
/*
#page_activo{
	background: #145a32;
	color:green;
}

.pagination
{
 background: #145a32 !important;
 color:green;
}

.pagination li a
{
  background: black !important;
  border-radius: 0px;
  color:white;
  border:1px solid white;
}

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

.pagination .disabled a{
  background: white; 
  color:black;
  border:1px solid white;
}

.pagination .disabled a:hover{
  background: #086A87;
  color: white;
}

.pagination .active a {
  background: transparent;
  color: white;
  border:1px solid #086A87; 
}

.pagination .active a:hover {
  background: transparent;
  color: white;
  border:1px solid #086A87; 
}*/

body{
	background: #bdc3c7;
}

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

.componente_menu
{
  width:100%; background:#0c0c0c; padding:1%; font-size:12px; margin-bottom:3%; margin-top:0.5%;
}
 .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: green;
 }

 #select-form
 {
 	width:100%; max-height:250px; background:black;
 	line-height: 1.1;
  overflow: auto;

 }

#select-form li a
 {   
   background: transparent;
 	 color:#BDBDBD;
 	 border-bottom: 1px solid #bdc3c7;
 }

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

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

::-webkit-scrollbar:horizontal{
    height: 5px;
    background-color: green;
}
::-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: green; 
    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%;
}

#panel_listado{
  background: #0c0c0c;
}

#panel_buscador{
  background: #0c0c0c;
}

.form-control
{
  background: transparent;
  color: #D8D8D8;
  border:1px solid #D8D8D8;
  font-size: 14px;
}

.form-control:focus
{
  background: transparent;
  color: #D8D8D8;
  border:1px solid #D8D8D8;
  box-shadow: none;
}

.btn-default{
  background: transparent;
  border:1px solid #D8D8D8;
  color: #D8D8D8; 
  font-size: 11px;
}

.btn-default:hover{
  background: #D8D8D8;
  border:1px solid #D8D8D8;
  color: black; 
}

.btn-default:focus{
  background: #D8D8D8;
  border: 1px solid #D8D8D8;
  color: black; 
}

.btn-success{
  background: transparent;
  border:1px solid #088A08;
  color: #088A08; 
  font-size: 11px;
}

.btn-success:hover{
  background: #088A08;
  border:1px solid #088A08;
  color: #E6E6E6; 
}

.btn-success:focus{
  background: #088A08;
  border: 1px solid #088A08;
  color: #E6E6E6; 
}

.btn-info{
  background: transparent;
  border:1px solid #04B4AE;
  color: #04B4AE; 
  font-size: 11px;
}

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

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

.btn-danger{
  background: transparent;
  border:1px solid #FF0040;
  color: #FF0040; 
  font-size: 11px;
}

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

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

.titulo_menu{
  color: #D8D8D8;
  font-weight: normal;
  border-bottom: 1px solid #D8D8D8;
}

.table
{
  border: 1px solid #232323 !important;
}
.table-bordered td,th
{
  border: 1px solid #232323 !important;
  font-size: 11px;
  padding: 0px;
  background: #1e1e1f;
}
.table-bordered th{
  background:transparent;
  color: white;
   
  font-weight: normal;
  border: 1px solid #232323 !important; 
  text-transform: uppercase;
}

.table-bordered td{
  background: transparent;
  color:#D8D8D8; 
}

.btn_opciones-xs{
  background: black;
}

.btn_opciones{
  background: black;
}

.glyphicon-align-justify
{
  color:white;
}

.modal-dialog
{
 border: 1px solid black;
}

.modal-header{
  background : rgba(0, 0, 0, 1) !important;
  color : green;
  border: 2px solid black;
  border-bottom: 1px solid green;
}

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

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

.modal-body{
  background : rgba(0, 0, 0, 1) !important;
  color : white;
  border: 2px solid black;
}

.modal-footer{
  background : rgba(0, 0, 0, 1) !important;
  color : white;
  border: 2px solid black;
  border-top: 1px solid green;
}

.form-control{ font-size:15px; border-radius:0px; border:1px solid #626567; }
input:placeholder{ font-size:8px; color:red; }

.alert-info
{
  background: black;
  border: 1px solid #04B4AE;
  /*margin-top: 2%;*/
}

.alert-danger
{
  background: black;
  border: 1px solid red;
  margin-top: 2%;
}

.alert-success
{
  background: black;
  border: 1px solid green;
  margin-top: 2%;
}

.glyphicon-align-justify
{
  color:green;
}