@import url('https://fonts.googleapis.com/css?family=Roboto');
*{
	box-sizing:border-box;
	padding:0;
	margin:0;
	font-family:Roboto;
}	

a { color: #045ab0;text-decoration:none;} 
a:hover { color: #2c4537;} 
body {background:#fafafa;font-family: Arial;margin:0px;font-size: 14px;}
thead {filter:drop-shadow(0px 10px 8px #eaeaea);}
td   {font-family: Arial;font-size: 14px;}
img,iframe {border:0px;}
p {margin:0px;}

.dark{
	filter:invert(1);
}
/* The side navigation menu */
.sidenav {
    height:100%; /* 100% Full-height */
    width:0; /* 0 width - change this with JavaScript */
    position:fixed; /* Stay in place */
    z-index:1; /* Stay on top */
    top:0; /* Stay at the top */
    left:-11;
    background-color:#fff;
    overflow-x:hidden; /* Disable horizontal scroll */
    padding-top:35px; /* Place content 60px from the top */
	padding-left:10px;
    transition:0.5s; /* 0.5 second transition effect to slide in the sidenav */
	border-right:1px solid #f2f2f2;
	/* overflow-y: scroll; */
	/* filter: drop-shadow(2px 4px 6px black);	*/
}
.sidenav::-webkit-scrollbar {width:6px;}
.sidenav::-webkit-scrollbar-track {background-color:#fff;}
.sidenav::-webkit-scrollbar-thumb {border-radius:5px;background-color:whitesmoke;}


/* The navigation menu links */
.sidenav p,.sidenav a {
    padding: 10px;
    text-decoration: none;
    font-size: 14px;
    display: block;
	color: #000;
    transition: 0.3s;
}
.sidenav p {
    font-weight:700;
}
.sidenav li ul li{
	text-indent:10px;
	border-top:1px solid #f1f1f1;
}
li{
	color:#818181;
}
.item-principal{
	color:#06c !important;
	
}
/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
    color: #2c4537;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
    position:absolute;
    top:0;
    right:0;
    font-size:30px;
    margin-left:50px;
    margin-top:10px;	
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
    transition: margin-left .5s;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
    .sidenav {padding-top: 50px;}
    .sidenav a {font-size: 14px;}
}
#open-arrow{
	overflow:hidden;
	margin:21px 15px;
	font-size:30px;
    color:#818181;
	position:absolute;
    top:0;
    left:0;
}
#open-arrow:hover{
    color:#333;
}
.volanta{
	font-size:14px;
}
table{
	width:99.8%;
    border-collapse:separate;
    text-indent:initial;
    border-spacing:0;	
}
#main-title{
	background-color:#fff;
	padding:10px 10px 20px 10px !important;
	border-bottom:1px solid #eaeaea;
}
#main-title #table103{
	width:98%;
	float:right;
}
#mySidenav li{
	background:#fff;
}
#mySidenav li ul li{
	border-bottom:0;
}
#table1114 td{
	color:#2b3a2e;	
}
#table1114 tr:nth-child(1){
	background-color:#c5dccf;	
}
#table1044{
	
}
#table1044 td{
	/*vertical-align:top;*/
}
#table1117 a,#table1114 a,#table1117 p,#table1114 p{
	color:#2b3a2e;
}
#table103 td:nth-child(2){
	text-align:right;
	padding-right:6px;
}
#table103 p{
	padding:0;
}
#table99 td,#table100 td{
	padding:0;
}
#table5 p{
	padding:0;
}
#table1030 tr:nth-child(2){
	background:#F0F0F0;
}
#table1030 tr:nth-child(4){
	background:#F0F0F0;
}
#table1030 tr:nth-child(6){
	background:#F0F0F0;
}
#table1030 tr:nth-child(8){
	background:#F0F0F0;
}
p{
	font-size:14px;
	padding:5px;
}
td,th{
	padding:4px;
	vertical-align:middle;
}
#table1047 input,#table1027 input,#table1044 input,#table1045 input,#table1113 input,#table1030 input,#table1026 input{
	padding:10px;
	border-radius:4px;
	width:100%;
	border:1px solid #ddd;
}
input[type="checkbox" i]{
	width:auto !important;
}
#table1030 img{
	width:100px !important;
}
#table1030 td{
	text-align:center;
}
#table1030 tr>td:first-child{
	width:200px !important;
}
#table1030 tr>td:nth-child(2){
	width:200px !important;
}
#table1030 tr>td:first-child p{
	font-weight:700;
	color:#333;
}
input[type="radio" i]{
	width:auto !important;
}
iframe,#edicion-archivo img{
	width:100%;
}
.celda-dias{
	width:20px !important;
	margin:0 10px 0 0;
}
.celda-horas{
	width:52px !important;
}
#table1047 select,#table1027 select,#table1045 select{
	padding:9px;
	border-radius:4px;
	width:100%;
	border:1px solid #ddd;
}
#edicion-archivo #table1027 select{
	height:unset !important;
	width:100% !important;
}
#table1027 select{
	height:38px !important;
	width:170px !important;
}
#table1047 textarea,#table1027 textarea{
	padding:9px;
	border-radius:4px;
	width:100%;
	border:1px solid #ddd;
}
#login-button{
	margin-bottom:22% !important;
}
.titulo-seccion{
	color:#2b3a2e;
	font-size:18px;
	padding:0;
}
.fondo-titulo-seccion{
	background-color:#c5dccf;
}
.boton-volver{
	display:block;
	text-align:right;
}
.boton-volver .svg-inline--fa.fa-w-16{
	color:#2b3a2e !important;
}
.button{
	border:0 !important;
	background:linear-gradient(whitesmoke,#dadada);
	text-align:center;
	color:#666;
	font-weight:700;
	cursor:pointer;
	box-shadow:inset 1px 0 #fff;
    -webkit-box-shadow:inset 1px 0 #fff;
    -moz-box-shadow:inset 1px 0 #fff;
	padding:10px 20px;
	display:block;
}
.button:hover{
	background:#dadada;
	color:#333;
}
.button:active{
	background:#ccc;
}
td.logo{
	position:relative;
}
td.logo p{
	font-size:10px;
	color:#bbb;
	text-transform:uppercase;
	position:absolute;
	text-align:right;
	bottom:-10px;
	left:-63px;
	width:195px;
	font-family:calibri;
}
.menu-seccion-boton a,.accordion svg{
	font-size:28px;
	color:#c3c3c3;
}
#table1043 svg{
	font-size:28px !important;
	color:#fff;
}
footer{
	display:table;
	padding:.6em 0 .75em 215px;
	margin:auto;
	background:#fff;
	width:100%;
}
footer p{
	display:table-cell;
	vertical-align:middle;
	padding:0 2px;
	font-size:12px;
}
footer img{
	display:table-cell;
	width:60px;
	float:right;
}
.svg-inline--fa.fa-w-16 {
    width: 0.8em;
}
#iframe-principal{
	width:100%;
	height:89vh;
}
.texto-flotado{
	position:absolute;
    top:18%;
    right:10%;
    width:300px;
    background:#fff;
    padding:20px;
	text-align:right;
	filter:drop-shadow(2px 4px 6px black);	
}	
.texto-flotado p{
	color:#000;
}	
.texto-flotado h1{
	font-size:46px;
    line-height:46px;
}
.contenedor-general {
    max-width:100%;
	padding:0 20px;
}
#contenido-emisoras h2{
	color:#00192d;
	margin-top:20px;
	font-size:16px;
    padding:0 5px;
	width:100%;		
}
#contenido-emisoras h1{
    padding:10px;
    background:#ffbd42;
    margin-top:20px;
    width:95%;
    border-radius:10px;	
}
#contenido-emisoras h3{
	display:inline-block;
    color:#000000;
    width:100%;
    padding:15px 20px;
    font-size:18px;
    border-bottom:1px solid #f1ecec;	
}
#contenido-emisoras{
	margin-bottom:40px;	
}
#contenido-emisoras ul{
	padding:0px 20px 20px 20px;
    background:whitesmoke;
    margin:20px 20px 0 0;
	border-radius:10px;	
}
#contenido-emisoras .contenedor-general ul li{
	color:#555;
}
#contenido-emisoras .contenedor-general ol li{
	color:#555;
}
#contenido-emisoras .contenedor-general .overflowhidden{
	width:98%;
	margin:auto;	
}
#contenido-emisoras .datos{
	position:relative;
	width:100%;
}
#contenido-emisoras .programacion-Cadena3, .programacion-FMCordoba, .programacion-Popular, .programacion-Cosquin{
	width:33.33%;	
	float:left;
}
#contenido-emisoras .imagen{
	position:relative;	
	width:300px;
	margin-right:30px;
}
#contenido-emisoras .ayuda{
    position:absolute;
	right:3px;
    top:254px;
    width:183px;
    padding:15px;
    background:#f5f5f5a6;
    border-radius:20px;
}
#contenido-emisoras .ayuda h2{
	margin-top:0;
}
#contenido-emisoras .ayuda p{
	font-size:14px;
}
#contenido-emisoras .ayuda h3{
	font-size:16px;
}
#contenido-emisoras .emisoras-check{
	overflow:hidden;
	padding-top:20px;
}
#contenido-emisoras .emisoras-check label{
	float:left;
    width:30%;
    font-family:Roboto;
	font-size:16px;
    padding:10px 10px 10px 40px;
    background:#dedede;
    margin:15px;
	border-radius:5px;	
	border:0;
}
#contenido-emisoras .emisoras-check .campos{
	float:left;
    width:29%;
    font-family:Roboto;
	font-size:16px;
    margin: 0px 15px 15px 0;
	border-radius:4px;	
}

#contenido-emisoras .emisoras-check label input{
	width:unset;
}
#contenido-emisoras label p{
    color:#045ab0;
    margin:5px 0 0 5px;
    font-size:14px;
}
#contenido-emisoras label .titulo{
    color:#a0a0a0;
    margin:15px 0 0 0;
    font-size:14px;
    width:93%;	
}
#contenido-emisoras label .fas{
	color:#ffffff;
    background:#2196f3;
    padding:7px;
    border-radius:7px;	
	margin-right:5px;	
}
#contenido-emisoras .datos-elegidos{
	background:#2196f3;
    border-radius:10px;
    padding:10px 20px 20px 20px;
    margin:0px;
}
#contenido-emisoras .datos-elegidos h3{
	color:#fff;
	margin-top:0;
}
#contenido-emisoras .datos-elegidos p{
	color:#fff;
}
#contenido-emisoras .boton{
	background:#045ab0;
    width:fit-content;
    height:50px;
    font-size:16px;
    padding:15px;
    margin:10px;
    font-family:Roboto;
    border-radius:10px;
    font-weight:700;
	cursor:pointer;
	float:left;
    color:white;
	border:0;
}
#contenido-emisoras .botonera{
	position:fixed;
	bottom:0;
}
#contenido-emisoras .boton a{
    color:white;
}
#contenido-emisoras .flotante {
    position: fixed;
    width: 330px;
    height: 100vh;
    overflow-y: scroll;
    overflow-x: hidden;
    padding-right: 20px;
    margin-top: 20px;
}
#contenido-emisoras .datos-elegidos-contenido {
    width:270px;
	overflow:auto;	
	height:400px;
}	
#contenido-emisoras .label-ext label{
	height:56px;
}
.datos-elegidos-contenido::-webkit-scrollbar {
    width: 8px;     /* Tama�o del scroll en vertical */
    height: 8px;    /* Tama�o del scroll en horizontal */
}
/* Ponemos un color de fondo y redondeamos las esquinas del thumb */
.datos-elegidos-contenido::-webkit-scrollbar-thumb {
    background: #545454;
    border-radius: 4px;
}
/* Cambiamos el fondo y agregamos una sombra cuando est� en hover */
.datos-elegidos-contenido::-webkit-scrollbar-thumb:hover {
    background: #545454;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}
/* Cambiamos el fondo cuando est� en active */
.datos-elegidos-contenido::-webkit-scrollbar-thumb:active {
    background-color:#545454;
}
/* Ponemos un color de fondo y redondeamos las esquinas del track */
.datos-elegidos-contenido::-webkit-scrollbar-track {
    background:#045ab0;
    border-radius:4px;
}
/* Cambiamos el fondo cuando est� en active o hover */
.datos-elegidos-contenido::-webkit-scrollbar-track:hover,
.datos-elegidos-contenido::-webkit-scrollbar-track:active {
  background:#045ab0;
}
/* The container */
.container {
  display:block;
  position:relative;
  padding-left:35px;
  margin-bottom:12px;
  cursor:pointer;
  font-size:22px;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}
/* Hide the browser's default checkbox */
.container input {
  position:absolute;
  opacity:0;
  cursor:pointer;
  height:0;
  width:0;
}
/* Create a custom checkbox */
.checkmark {
  position:absolute;
  top:7px;
  left:9px;
  height:25px;
  width:25px;
  background-color:#eee;
}
/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color:#ccc;
}
/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color:#045ab0;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content:"";
  position:absolute;
  display:none;
}
/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display:block;
}
/* Style the checkmark/indicator */
.container .checkmark:after {
  left:9px;
  top:5px;
  width:5px;
  height:10px;
  border:solid white;
  border-width:0 3px 3px 0;
  -webkit-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  transform:rotate(45deg);
}
#my-table td,.table-01 td{
	padding:10px;
	border-bottom:1px solid #e6e4e4;
}
#my-table th,.table-01 th{
	padding:10px;
	background:#f1f1f1;
	text-align:left;	
}
.calendario {
	padding:0 !important;
}

.floatleft input{
    width: 80%;
	float: left;	
}
select{
    width: 95%;
    padding: 10px;
    border: 1px solid #ccc;
    color: #999;
    font-size: 16px;
    border: 1px solid #ccc;
	margin:10px 0;
}
textarea {
	width:95%;
    padding:10px;
    border:1px solid #ccc;
    color:#999;
    font-size:16px;
    border:1px solid #ccc;
	margin:10px 0;
}
.compartir {
	float:right;
    width:20%;
    padding:6px 6px 6px 20px;
    font-size:24px;
    color:#045ab0;
	text-align:right;
}
.buscador {
	overflow:hidden;
}
.color-ligth{
	color:#cecece; 
}
#table1047{
	margin:80px auto 0 auto;
	width:35%;
}
#table1047 .volanta{
	padding:20px;
	border-radius:4px;
	text-indent:0;
	border:1px solid #ddd;
}
#table1047 input{
	width:100%;
	margin-bottom:20px;
	font-size:16px;
}
#table1047 p{
    filter:drop-shadow(2px 4px 6px black);
	margin:8px 4px;
	font-size:24px;
	color:#fff;
}
.button{
	padding:20px 0 !important;
}
.detalle, .iguales{
    font-size:14px !important;
    color:#fff;
	background:red;
	padding:10px !important;
}
.mensaje-confirmacion{
	position:fixed;
	bottom:0;
	right:20px;
	background:#2196f4ab;
	color:white;
	padding:10px;
    z-index:1;	
}
#contenido-emisoras .buscador .boton{
    background:#045ab0cc;
    width:fit-content;
    height:30px;
    font-size:15px;
    padding:5px;
    margin:10px;
    font-family:Roboto;
    border-radius:5px;
    font-weight:500;
    cursor:pointer;
    float:left;
    color:white;
    border:0;
    margin:0 10px;
}
.contacto-titulo {
	background:#f7f7f7;
    padding:15px;
}
.novedades p{
	padding:30px;
    border-radius:10px;
    margin:0 0 30px 0;
    background:#ffffff;
    border:1px solid #efefef;	
}
#contenido-emisoras .datos-perfil p{
    margin:0px;
    padding:15px 20px;	
}
.fondo-gris{
	background:#c3c3c3;
}
p .icono{
	font-size:20px;
}		
.fa-smile {
	color:green;
}
.fa-clock {
	color:orange;
}
.etiqueta {
	padding:3px;
	margin:3px;
	background:whitesmoke;
	font-style:normal;
}
.tipo-ausencia {		
	color:#8a8a8a;
	text-align:center;
}	
.foto-perfil {		
	float:left;
	padding:20px;
	width:190px;
	text-align:center;
	background:#fbfbfb;
	border:1px solid #eaeaea;	
    border-radius:5px;	
	filter:drop-shadow(2px 4px 13px #eaeaea);	
}
.espec-perfil {		
	float:left;
	padding:20px;
	background:#fbfbfb;
	border:1px solid #eaeaea;
	width:77%;
	margin-left:30px;
    border-radius:5px;
}	
.foto-perfil-imagen	 {		
	width:150px;
	height:150px;
	padding:20px;
	background:whitesmoke;
	margin-bottom:20px;
    border-radius:5px;	
}	
.fondo-ausencia	 {		
	filter:drop-shadow(0px 10px 8px #eaeaea);	
}