body{
    font-family: 'Helvetica', 'Arial', sans-serif;
}

.filaContainerEncabezadoMenu{
	position: fixed; 
    top: 0; 
    width: 100%; 
    z-index: 10;
    background: white;
}

.filaContainerInformacion{
    margin-top: 120px;
    margin-bottom: 20px;
}

.filaContainerInformacion2{
    margin-top: 120px;
    margin-bottom: 20px;
}

.containerFlexM1{
	display: flex;
	justify-content: center;
	align-items: center;
}

.labelDatosUsuarioM1, .textoDatosUsuarioM1{
	font-size: .7rem;
}

.labelDatosUsuarioM1{
	font-weight: bold;
	color: #3363AB;
}

.textoDatosUsuarioM1{
	color: #3363AB;
}

.containerDatosUsuariosM1{
	background-color: #CAE7FF;
	padding: 3px;
}

.containerPrincipalM1{
	position: relative;
}

.colContainerM1{
	margin-bottom: 70px;
}

.colContainerM2{
	margin-bottom: 90px;
}

.colContainerM3{
	margin-bottom: 20px;
}

.colContainerM4{
	margin-top: 50px;
	margin-bottom: 60px;
}

.colContainerM5{
	margin-bottom: 10px;
}

.colContainerM6{
	margin-top: 5px;
	margin-bottom: 0px;
	position: relative;
}

.colContainerM7{
	margin-top: 10px;
	margin-bottom: 10px;
}

.botonM1{
	border: none;
	cursor: pointer;
	background-color: #3363AB;
	color: white;
}

.botonM1:hover{
	background-color: #0CB6F2;
}

.inputText{
	border: 1px solid #83AAE2;
	width: 300px;
	color: #3363AB;
}

.inputTextFiltro{
	border: 1px solid #83AAE2;
	color: #3363AB;
	width: 100%;
}

.label{
	margin: 0;
	color: #9C9B9B;
}

.labelAzul{
	display: inline-block;
	color: #3363AB;
	margin: 0;
}

.logoX3{
	width: 200px;
}

.logoX4{
	width: 160px;
}

.tituloX2{
    font-size: 1.2rem;
    color: #868686;
}

.tituloX3{
	color: #868686;
}

.tituloX4{
	font-size: 2rem;
	color: #868686;
}

.tituloX5{
	font-size: 1.2rem;
}

.link{
	color: #38B9F9;
}

.link:hover{
	text-decoration: none;
	color: #3363AB;
}

.linkSalir{
	color: #DB0D15;
}

.linkSalir:hover{
	text-decoration: none;
	color: #EB661C;
}

.pie{
	background-color: #CAE7FF;
    padding: 5px;
    width: 100%;   
}

.pie p{
	margin: 0;
	text-align: center;
	font-size: .7rem;
}

.columnaPrincipalMenu{
	padding-left: 0px;
	padding-right: 0px;
}

.columnaPrincipalMenu .bg-light{
	background-color: #3363AB !important;
	padding: 0px;	
}

.columnaPrincipalMenu .navbar-light .navbar-nav .nav-link{
	color: white;
	border-left: 1px solid white;
	border-right: 1px solid white;
	font-size: .9rem;
	padding: 5px 30px 5px 30px;
}

.columnaPrincipalMenu .navbar-light .navbar-nav .nav-link:hover{
	background-color: #0CB6F2;
}

.columnaPrincipalMenu .dropdown-menu.show{
	background: #3363AB;
	padding: 0px;
	margin-top: 0px;
}

.columnaPrincipalMenu .dropdown-item{
	color: white;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	font-size: .9rem;
	padding-left: 45px;
}

.columnaPrincipalMenu .dropdown-item:focus, .dropdown-item:hover{
	background-color: #0CB6F2;
}

.filaPrincipalMenu{
	margin-top: 2px;
}

.mySelect{
	width: 300px;
    height: 25px;
    color: #3363AB;
    border: 1px solid #83AAE2;
}

.mySelectM2{
	width: 300px;
    color: #3363AB;
    border: 1px solid #83AAE2;
    height: 150px;
    max-height: 150px;
    overflow-y: auto;
}

.mySelectM3{
	width: 80px;
    height: 25px;
    color: #3363AB;
    border: 1px solid #83AAE2;
}

.myRadio{
	margin-left: 5px;
}

.myRadioText{
	display: inline-block;
	color: #3363AB;
	margin: 0;
}

.colContainerSeparadorM1{
	padding: 0;
}

.separador{
	border: 1px solid #3363AB;
	margin-top: 30px;
	margin-bottom: 10px;
}

.fixedFooter{
	position: fixed;
    bottom: 0;
    width: 100%;
}

.conainterBotonesM1{
	margin-top: 20px;
}

.filaBtnFiltro div{
	text-align: right;
	margin-top: 10px;
}

.colTablaM1{
	font-size: .8rem;
}



.tablaM1{
	width: 100% !important;
}

.tablaM2{
	width: 50% !important;
	margin: 0 auto;
}

.estadoDefault{
	background-color: white;
	color: #3363AB;
}

.estadoAzul{
	background-color: #3363AB !important;
}

.estadoVerde{
	background-color: #589F33 !important;
}

.estadoAmarillo{
	background-color: #FFCC00 !important;
}

.estadoNaranja{
	background-color: #EB661C !important;
}

.estadoPurpura{
	background-color: #C20EA8 !important;
}

.estadoGris{
	background-color: #808080 !important;
}

.estadoRojo{
	background-color: #DB0D15 !important;
}

.tablaM1 .estadoAzul{
	background-color: #3363AB !important;
}

.tablaM1 .estadoVerde{
	background-color: #589F33 !important;
}

.tablaM1 .estadoAmarillo{
	background-color: #FFCC00 !important;
}

.tablaM1 .estadoNaranja{
	background-color: #EB661C !important;
}

.tablaM1 .estadoRojo{
	background-color: #DB0D15 !important;
}

.tablaM1 .estadoPurpura{
	background-color: #C20EA8 !important;
}

.tablaM1 .estadoGris{
	background-color: #808080 !important;
}

.tablaM1 tbody{
	color: #575756;
}

.tablaM1 tbody tr:nth-child(odd) {
    background-color: #f2f2f2 !important;
}

.tablaM1 tbody tr:nth-child(even) {
    background-color: #d9d9d9 !important;
}

.tablaM1 tbody td{
    background-color: inherit !important;
    padding: 3px !important;
    font-size: .7rem;
}

.filaTablaM1{
	margin-top: 20px;
}

.colTablaM1 .dataTables_length label{
	color: #9C9B9B;
}

.colTablaM1 .dataTables_length select{
	color: #3363AB;
	border: 1px solid #83AAE2

}

.colTablaM1 .dataTables_filter label{
	color: #9C9B9B;
}

.colTablaM1 .dataTables_filter input{
	color: #3363AB;
	border: 1px solid #83AAE2
}

.colTablaM1 .dataTables_info{
	color: #0CB6F2 !important;
}

.colTablaM1 .dataTables_paginate a{
	color: #0CB6F2 !important;
}

.colTablaM1 .paginate_button.current, .colTablaM1 .paginate_button.current:hover{
	color: #0CB6F2 !important;
}

.colTablaM1 .paginate_button:hover{
	background: #3363AB !important;
	border: none !important;
}

.btn-success, .btn-info, .btn-warning, .btn-danger, .btn-secondary, .btn-primary{
	cursor: pointer;
}

#modalCorrectoTiempo .modal-content{
	background: #d4edda;
}

#modalInformacionTiempo .modal-content{
	background: #d9edf7;
}

#modalAdvertenciaTiempo .modal-content{
	background: #fcf8e3;
}

#modalErrorTiempo .modal-content{
	background: #f2dede;
}

.tablaM1 thead tr{
	background-color: #3363ab  !important;
	color: white;
	font-size: .7rem;
}

.tablaM1 thead tr th{
	border: 1px solid white;
	padding-top: 2px;
	padding-bottom: 2px;
}

.estadoAzul, .estadoVerde, .estadoAmarillo, .estadoNaranja, .estadoRojo, .estadoPurpura, .estadoGris{
	color: white;
}


.colTablaM1{
	overflow-x: auto;
	overflow-y: hidden;
}

.colTablaM1{
	overflow-x: auto;
	overflow-y: hidden;
}

.activo{
	background-color:#0CB6F2;
}

.btnOperacion{
	cursor: pointer;
}

.tablaM1 tbody tr td:last-child{
	display: flex;
    justify-content: space-around;
    align-items: center;
}

.tablaM1 tbody tr td button{
	
}

.tablaM1 tbody tr td button:nth-child(1){
	color: #EB661C;
}

.tablaM1 tbody tr td button:nth-child(2){
	color: #DB0D15;
}

.tablaM1 tbody tr td button:nth-child(3){
	color: #589F33;
}

.tablaM1 tbody tr td button:nth-child(4){
	color: #DB0D15;
}

.tablaM1 tbody tr td button:nth-child(5){
	color: #3363AB;
}

.tablaM1 tbody tr td button:nth-child(6){
	color: #589F33;
}


.tablaM1 tbody tr td:last-child button{
	margin-top: 5px;
	margin-bottom: 5px;
}

.alinearDerecha{
	text-align: right;
}

.alinearInzquierda{
	text-align: left;
}

.alinearCentro{
	text-align: center;
}

.borderInicioTurno{
    border-bottom: 1px solid blue !important;
}

.btnMas{
	position: absolute;
    top: 0;
    right: 15px;
    padding: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btnMas i{
	height: 100%;
	width: 100%;
    color: #589F33;
    font-size: 2rem;
}

.filaPrincipalFooter{
	display: none;
}

@media (max-width : 1200px) {

}


@media (max-width : 992px) {
	
	.columnaPrincipalMenu .bg-light{
		background: url("../../resources/images/barraBlancaX1.jpg");
		background-repeat: no-repeat;
	}

	.columnaPrincipalMenu .navbar-toggler{
		border-width: 2px;
		border-radius: 1.5rem;
		background-color: #3363ab;
	}

	.columnaPrincipalMenu .navbar-light .navbar-toggler{
		border-color: white;
		margin-left: 10px;
    	margin-bottom: 5px;
	}

	.columnaPrincipalMenu .navbar-light .navbar-toggler-icon{
		background-image: url("data:image/svg+xml;charset=utf8,<svg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'><path stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/></svg>");
	}

	.columnaPrincipalMenu .navbar-light .navbar-nav .nav-link{
		border-left: none;
		border-right: none;
		border-top: 1px solid white;
		border-bottom: 1px solid white;
	}

	.columnaPrincipalMenu .dropdown-menu.show{
		background: #CAE7FF;
	}

	.columnaPrincipalMenu .dropdown-item{
		color: #3363AB;
	}

	.colTablaM1{
		font-size: .7rem;
	}

}

@media (max-width : 960px) {
	
	

}



@media (max-width : 768px) {
	.pie p{
		font-size: .6rem;
	}	

	.colContainerM6{
		margin-top: 2px;
		margin-bottom: 3px;
	}

	.linkSalir{
		margin-top: 2px;
		margin-bottom: 0px;
	}

	.containerDatosUsuariosM1{
		width: 70%;
		margin: auto;
		text-align: center;
		padding: 3px;
	}

	.logoX4{
		width: 140px;
	}

	.labelDatosUsuarioM1, .textoDatosUsuarioM1{
		font-size: .6rem;
	}	

	.columnaPrincipalMenu .bg-light{
		background: url("../../resources/images/barraBlancaX2.jpg");
		background-repeat: no-repeat;
	}	

	.filaContainerInformacion{
		margin-top: 180px;
	}

	.filaContainerInformacion2{
		margin-top: 230px;
	}

	.tituloX4{
		font-size: 1.8rem;
	}

	.colTablaM1{
		overflow-x: auto;
		overflow-y: hidden;
	}

	.tablaM1{
		width: 780px !important;
	}

	.filasHeaderTop > div:nth-child(1){
		order: 1;
	}

	.filasHeaderTop > div:nth-child(2){
		order: 3;
	}

	.filasHeaderTop > div:nth-child(3){
		order: 2;
	}

}

@media (max-width : 576px) {
	.pie p{
		font-size: .5rem;
	}

	.inputText{
		width: 100%;
	}

	.colContainerM1{
		margin-bottom: 50px;
	}

	.colContainerM2{
		margin-bottom: 70px;
	}

	.colContainerM3{
		margin-bottom: 10px;
	}

	.colContainerM4{
		margin-top: 30px;
		margin-bottom: 40px;
	}

	.containerDatosUsuariosM1{
		width: 90%;
	}

	.mySelect{
		width: 100%;
	}
	
	.conainterBotonesM1 div{
		margin-bottom: 10px;
	}

	.LT{
		width: 350px !important;
	}


}
.circulo {
    margin: 2px;
    position: relative;
    width: 26px;
    height: 26px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #00b1f1;
}

.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../../resources/images/giphy.gif') 50% 50% no-repeat rgb(255,255,255);
    opacity: .8;
}


@media (max-width : 384px) {
	.containerDatosUsuariosM1{
		width: 100%;
	}

}