﻿
/*CG20160108*/
/*ESTA HOJA ESTILO SE REALIZA APARTE PARA TODOS ELEMENTOS PARTICULARES DEL PROYECTO: LISTADOS, FORMULARIOS */

.form-data {
	float: left;
	width: 100%;
	background: #fff;
	border: 1px solid #C6C6C6;
	border-radius: 6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	padding:30px 40px 20px 40px;
	
}

@media only screen and (min-width: 480px) and (max-width: 639px){

	.form-data
	{
		float: left;
		width: 100%;
		background: #fff;
		border: 1px solid #C6C6C6;
		border-radius: 6px;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		padding:10px 5px;
     
	}
	
}


@media only screen and (max-width: 479px){

	.form-data
	{
		float: left;
		width: 100%;
		background: #fff;
		border: 1px solid #C6C6C6;
		border-radius: 6px;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		padding:10px 5px;
	}
	
}


.form-title
{
	position: absolute; z-index:800; background-color:#fff; margin:-12px 0 0 15px; padding:2px 5px 2px 5px;
	color:#A6A6A6; font-size:18px; line-height:20px; letter-spacing:-0.5px;
}

.form_align_top
{
	position:relative;
	display:inline-block;
	min-height:1px;
	padding-right:5px;
	padding-left:5px;
    
	margin-left:20px;
	min-width:300px;
    
	border: 0px none;
	vertical-align:top; 
	white-space:nowrap; 
     
}

@media only screen and (min-width: 480px) and (max-width: 639px){

	.form_align_top
	{
		position:relative;
		min-height:1px;
		padding-right:5px;
		padding-left:5px;
		min-width:200px;
		width:90%;
		border: 0px none;
		vertical-align:top; 
		white-space:normal; 
		margin-left:15px;
     
	}
	
}


@media only screen and (max-width: 479px){

	.form_align_top
	{
		position:relative;
		min-height:1px;
		padding-right:5px;
		padding-left:5px;
		min-width:200px;
		width:90%;
		border: 0px none;
		vertical-align:top; 
		white-space:normal; 
		margin-left:15px;
	}
	
}


.form_align_top2
{
    position:relative;
    display:inline-block;
    min-height:1px;
    padding-right:5px;
    padding-left:5px;
    
    margin-left:5px;
    min-width:300px;
    
    border: 0px none;
    vertical-align:top; 
    white-space:nowrap; 
     
}

.form-validacion 
{
    position:relative;
    display:inline-block;
    width:300px;
    height:20px;
    border: 0px solid green;
}

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}
     
.width50 {width: 50%;}
.width100 {width: 100%;}

/***********************************************************
	CG.20160212 DEFINICION DE INPUTS GENERALES DE LA PÁGINA
***********************************************************/


/*
input[type="submit"],
input.submit{
	float:none;
	background: #9eca45;
	padding: 10px 20px;
	height:40px;
	border: none;
	border-radius: 3px;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: 'Raleway', sans-serif;
	transition: all 0.3s ease;
	margin-top: 18px;
}
input[type="submit"]:hover,
input.submit:hover
{
	background: #393939;
}
*/

input[type=text],
input.text {
	color: #525350;
	font-size:14px;
	font-weight:normal;
	width: 100%;
	margin-bottom: 10px;
	background-color: #E8EED3;
    border: 1px solid #C3C9B0;
    border-radius: 3px 3px 3px 3px;
    padding: 3px 5px;
    height:30px;
	vertical-align:top;
	-webkit-box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
	-moz-box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
	box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
	
}

	input[type="text"]:disabled,
	input.text:disabled {
		background-color: #f0eded;
	}

input[type="password"],
input.password {
	color: #525350;
	font-size: 14px;
	font-weight: normal;
	width: 100%;
	margin-bottom: 10px;
	background-color: #E8EED3;
	border: 1px solid #C3C9B0;
	border-radius: 3px 3px 3px 3px;
	padding: 3px 5px;
	height: 30px;
	vertical-align: top;
	-webkit-box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
	-moz-box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
	box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
}

	input[type="password"]:disabled,
	input.password:disabled {
		background-color: #f0eded;
	}

	input.password {
		-webkit-text-security: disc;
	}

textarea {
	color: #525350;
	font-size: 14px;
	font-weight: normal;
	width: 100%;
	margin-bottom: 10px;
	background-color: #E8EED3;
	border: 1px solid #C3C9B0;
	border-radius: 3px 3px 3px 3px;
	padding: 3px 5px;
	vertical-align: top;
	-webkit-box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
	-moz-box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
	box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
}

select {
	color: #525350;
	font-size:14px;
	font-weight:normal;
	width: 100%;
	padding: 3px 5px;
	height:30px;
	margin-bottom: 10px;
	vertical-align:top;
	background: #E8EED3;
	border: 1px solid #C3C9B0;
    border-radius: 3px 3px 3px 3px;
	-webkit-box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
	-moz-box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
	box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
}


input[type="checkbox"],
input[type="radio"],
input.radio,
input.checkbox
{
    width:20px;
    height:20px;	
    line-height: 14px;
    font-size:12px;
	
}

input[type="checkbox"] + label, 
input.checkbox + label
{
	padding-left: 4px;
    font-weight:normal;
    vertical-align:middle;	
	margin-bottom:10px;
}

	input[type="radio"] + label,
	input.radio + label {
		padding-left: 4px;
		font-weight: normal;
		vertical-align: middle;
		margin-bottom: 10px;
	}




/***********************************************************
	CG.20160202  FORMULARIOS BUSCADORES
	form-data2 : buscador equidos, carga de microchips
***********************************************************/

.form-container
{
	float: left;
	width: 100%;
}

.form-title2
{
    position:absolute; z-index:800; background-color:#fff; margin:-15px 0 0 15px; padding:2px 5px 2px 5px;
	color:#89A231; font-size:18px; line-height:20px; letter-spacing:-0.5px;
}

.form-data2 {
	background: #fff;
	border: 1px solid #89A231;
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	padding:30px 10px 10px 10px;
	border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	
}

.form-data2 .fbutton 
{
	float:none;
	background: #9eca45;
	padding: 10px 20px;
	height:40px;
	border: none;
	border-radius: 3px;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: 'Raleway', sans-serif;
	transition: all 0.3s ease;
	margin-top: 18px;
}
.form-data2 .fbutton:hover {
	background: #393939;
}


.form-data2 .fbutton.two {
	background: #9eca45;
	padding: 4px 6px;
	border: none;
	border-radius: 6px;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	font-family: 'Raleway', sans-serif;
	transition: all 0.3s ease;
	margin-top: -15px;
	margin-right:10px;
}
.form-data2 .fbutton.two:hover {
	background: #393939;
}


.gbutton{
	float:none;
	background: #9eca45;
	padding: 10px 20px;
	height:40px;
	border: none;
	border-radius: 3px;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: 'Raleway', sans-serif;
	transition: all 0.3s ease;
	margin-top: 18px;
}
.gbutton:hover
{
	background: #393939;
}


/***********************************************************
	CG.20160211 POPUP Y AVISOS	
***********************************************************/
.panelPopup{
  background-color: #fff;
  border:solid 2px #333;
  padding: 8px;
  border-radius: 8px; /*propiedad CSS3 */
  -moz-border-radius: 8px; /* Firefox y Chrome */
  -webkit-border-radius: 8px; /* WebKit y Safari */
  z-index:10100 !important;
}


.panelPopupCerrar
{
	z-index:900; background:transparent; margin:-20px 0 0 20px; text-align:right; width:100%; cursor:pointer;
}



.modalBackground
{
	background-color: #fcfcfc;
	filter: alpha(opacity=60);
	opacity: 0.6;
	z-index:10000 !important;
}


.modalUpdateProgress
{
	background-color: #fcfcfc;
	filter: alpha(opacity=60);
	opacity: 0.6;
	z-index:10200 !important;
}


.updateProgress
{
	padding-top:20px;
	background-color: transparent;
	position: absolute;
	width: 300px;
	height: 180px;
	text-align:center;
    vertical-align:middle;	
    z-index:10300 !important;
}

.updateProgress img
{ 
	margin-bottom:30px;
}

.updateProgress span
{ 
	color:#333;
	font-family: Arial;
	font-size: 16px; 
	letter-spacing:-0.5px; 
	line-height:18px; 
	font-weight:600;
}

/*Estilos para el mensaje modal*/
.CajaDialogoAviso
{
  background-color: #fff;
  border-width: 2px;
  border-style:solid;
  min-width: 250px;
  border-color: Gray;
  padding: 10px;
  border-radius: 8px; /*propiedad CSS3 */
    -moz-border-radius: 8px; /* Firefox y Chrome */
    -webkit-border-radius: 8px; /* WebKit y Safari */
  z-index:10100 !important;
}

.botonNegro {
    font-size: 9pt;
    color: #fff;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    text-align: center;
    padding: 4px 0px 4px 0px;
    height: 30px;
    min-width: 100px;
    background-color: #0E0E0E;
}

.botonVerde {
	font-size: 9pt;
	color: #fff;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	text-align: center;
	padding: 4px 0px 4px 0px;
	height: 30px;
	min-width: 100px;
	background-color: #9eca45;
	border: 1px solid #9eca45;
}


.botonGris {
    font-size: 9pt;
    color: #fff;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    text-align: center;
    padding: 4px 0px 4px 0px;
    height: 30px;
    min-width: 100px;
    background-color: #838b8b;
}


.panelPopupCerrarAviso
{
	position: absolute; 
	z-index:800; 
	background-color:transparent; 
	margin:-20px 0 0 0; 
	text-align:right; 
	width:100%;
}


/***********************************************************
	CG.20160212 TAMAÑOS Y COLOR TEXTOS
***********************************************************/

.parrafo-1{font-size:7pt;}
.parrafo-2{font-size:8pt;}
.parrafo-3{font-size:9pt;}
.parrafo-4{font-size:10pt;}
.parrafo-5{font-size:12pt;}
.parrafo-6{font-size:14pt;}

.color-1 {color:#0098E5}/*blue*/
.color-2 {color:#689f0a}/*green*/
.color-3 {color:#e38a05}/*oranje*/
.color-4 {color:#595959}/*gris*/
.color-5 {color:#9d9d9d}/*gris*/
.color-6 {color:#f40d0d} /*red*/
.color-7 {color:#C68E17} /*caramelo*/
.color-8 {color:#c21dc3} /*purple*/
.color-9 {color:#054A6D} /*dark blue*/
.color-10 {color:#c50404} /*dark red*/
.color-11 {color:#242424} 


/***********************************************************
	CG.20160212 INPUT FILE
***********************************************************/

.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 0px;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 14px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

/***********************************************************
	LOGIN USER REGITRADO
***********************************************************/
.login_top {
	/*float: left;*/
	width: 100%;
	position: relative;
	background: transparent;
	color:#222; 
	line-height:16px; 
	font-size:12px;
	margin-top: 0px;
	margin-right:0px;	
}
.login_top .col1 {
	float: left;
	margin-left:8px;
}


/***********************************************************
	ESTILO BOTONES ACCIONES LISTADOS
***********************************************************/
.btnRemoto{background:none; border:0px; height:16px; width:16px; background-image:url("../images/envioRemoto.png"); cursor:pointer;}
.btnBorrar{background:none; border:0px; height:16px; width:16px; background-image:url("../images/borrar.png"); cursor:pointer;}
.btnDesactivado{background:none; border:0px; height:16px; width:16px; background-image:url("../images/lock.png"); cursor:pointer;}
.btnActivado{background:none; border:0px; height:16px; width:16px; background-image:url("../images/lock_open.png"); cursor:pointer;}





/***********************************************************/

.form-txt-estaticos-border 
{
    border-bottom: 1px dotted #ccc;
    padding: 5px 5px;
    border-radius: 6px 6px;
    -moz-border-radius: 6px 6px;
    -webkit-border-radius: 6px 6px;
}

.form_bloque50 
{
  border:0px solid red;
  display:inline-block;
  position:relative;
  width:45%;   
  vertical-align:top;
}

.form-data .fbutton 
{
	float:none;
	background: #9eca45;
	padding: 10px 20px;
	height:40px;
	border: none;
	border-radius: 3px;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: 'Raleway', sans-serif;
	transition: all 0.3s ease;
	margin-top: 18px;
}
.form-data .fbutton:hover {
	background: #393939;
}

.form-data .fbutton_red {
	float: none;
	background: #f32424;
	padding: 10px 20px;
	height: 40px;
	border: none;
	border-radius: 3px;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: 'Raleway', sans-serif;
	transition: all 0.3s ease;
	margin-top: 18px;
}

	.form-data .fbutton_red:hover {
		background: #393939;
	}


.form-REGAnac-visible 
{
    display:block;
}
.form-REGAnac-invisible 
{
    display:none;
}


.font-small
{
	font-size: 12px; 
	line-height:12px;
	margin-top:-5px;
	margin-bottom:5px;
	font-weight:normal;
}

.align-center {
	text-align: center !important;
}

.align-right {
	text-align: right !important;
}

.align-left {
	text-align: left !important;
}

.flota-right {
    float:right !important;
}

.flota-left {
	float: left !important;
}

.empty-font{
	float: left;
	width: 100%;
    height:10px;
    display:inline-block;	
}


.pbutton {
	background: #9eca45;
	padding: 4px 6px;
	border: none;
	border-radius: 3px;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	font-family: 'Raleway', sans-serif;
	transition: all 0.3s ease;
	margin-top: 5px; 
	width:100px;
}
.pbutton:hover {
	background: #393939;
}


.table1 {
	width: 100%;
	border-collapse: collapse;
}

	.table1 tr:nth-of-type(odd) {
		background: #F1F6E2;
	}

	.table1 th {
		background: #6C6D6A;
		color: white;
		font-size: 12px;
		font-weight: bold;
	}

	.table1 td, th {
		padding: 6px;
		border: 1px solid #ccc;
		text-align: left;
	}

	.table1 tr.trbuttons td {
		border-top: 1px solid #ccc;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		background: #fff;
	}

	.table1 tr:nth-of-type(odd) > table td {
		border: none 0px;
		background: #F1F6E2;
	}

	.table1 tr:nth-of-type(even) > table td {
		border: none 0px;
		background: #FFFFFF;
	}

.table2 {
	width: 100%;
	border-collapse: collapse;
}

	.table2 th {
		background: rgba(0,0,0,.5);
		color: white;
		font-size: 12px;
		font-weight: bold;
	}

	.table2 td, th{
		padding: 6px;
		border: 1px solid #ccc;
		text-align: left; 
	}

	.table2 td {
		background: #fff;
	}

	.table2 tr.trbuttons td {
		border-top: 1px solid #ccc;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		background: #fff;
	}

	

.tableGV1
{
	border:none 0px; background-color: transparent;
}

.tableGV1 tr:nth-of-type(odd) { 
	background-color: transparent; 
}

.tableGV1 tr:nth-of-type(odd) > table td { 
	border:none 0px;
	background-color: transparent;  
}

.tableGV1 tr:nth-of-type(even) > table td { 
	border:none 0px;
	background-color: transparent;  
}

.tableGV1 th
{
	border:none 0px;background-color: transparent;
}

.tableGV1 td
{
	border:none 0px;background-color: transparent;
}


.tableGV2
{
	border:none 0px;
}

.tableGV2 th
{
	border:none 0px;
}

.tableGV2 td
{
	border:none 0px;
}

/*
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	table, thead, tbody, td, tr {
		display: block;
	}
	
	.table1 th{
		display:none;
	}
	

	/* Hide table headers (but not display: none;, for accessibility) */
	.table1 thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	.table1 tr { border: 1px solid #ccc; }

	.table1 td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		/*padding-left: 50%;*/
		min-height:24px;
	}

	/*
	table.table1 td:before {
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
	}
	*/
}



/*RESPONSIVE LAYOUT*/

@media only screen and (min-width: 1000px) and (max-width: 1169px)
{
	
}
/*END @media only screen and (min-width: 1000px) and (max-width: 1169px)*/



@media only screen and (min-width: 768px) and (max-width: 999px)
{

	.form-data .row span
	{
		font-size:14px; 
		line-height:14px;
		white-space:normal;
 
	}

}
/*END @media only screen and (min-width: 768px) and (max-width: 999px)*/


@media only screen and (min-width: 640px) and (max-width: 767px)
{
	.form-data .row span
	{
		font-size:12px;
		white-space:normal;
	}
}
/*END @media only screen and (min-width: 640px) and (max-width: 767px)*/

@media only screen and (min-width: 480px) and (max-width: 639px)
{
	.form-data .row span
	{
		font-size:12px;
		white-space:normal;
	}
	
	.empty-font{
		display:none;
	}
	
}
/*END @media only screen and (min-width: 480px) and (max-width: 639px)*/


@media only screen and (max-width: 479px)
{
	.form-data .row span
	{
		font-size:12px;
		white-space:normal;
	}

	.empty-font{
		display:none;
	}
	
	.panelPopup
	{
		min-width: 300px;
		min-height:200px;
	}
	
	input[type="checkbox"],
	input[type="radio"]
	{
		width:15px;
		height:15px;	
		line-height: 10px;
		font-size:9px !important;
	
	}

	input[type=checkbox] + label 
	{
		padding-left: 2px;
		font-weight:normal;
		vertical-align:top;	
		margin-right:5px;
	}

	input[type=radio] + label 
	{
		padding-left: 2px;
		font-weight:normal;
		vertical-align:top;
		margin-right:5px;
	}
	
	
}
/*END @media only screen and (max-width: 479px)*/



	/* CAJAS DE DIALOGO MODALES */
    .CajaDialogoAvatar
    {
        background-color: #fff;
        border-width: 0px;
        /*border-style: outset;*/
        border-color: #fff;
        padding: 0px 0px;
        width: 100%;
        font-weight: bold;
        font-style: italic;
        
    }
    .CajaDialogoAvatar div
    {
        width:100%;
        margin: 0px;
        text-align: center;
        
    }
    
    .FondoAplicacion
    {
        background-color: Gray;
        filter: alpha(opacity=70);
        opacity: 0.7;
        
        
    }
    
    .ul-horizontal li
    {
        display:inline-block;
        margin-left:10px;
    }
    
   
/* FIN CAJAS DE DIALOGO */


.marcaAgua 
{
    background-color: #fcf6df;  
    color: #c0c0c0;
}



/***********************************************************
	CG.20160302 ESTILO BOTONERAS
***********************************************************/
.divbotoneraficha
{
	background:#89A231; 
	color:#fff; 
	font-size:7pt;
	height:80px;
	min-width:65px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	padding:3px;
	line-height:8pt;
	float:right;
}

.divbotoneraficha a,
.divbotoneraficha a:link,
.divbotoneraficha a:hover,
.divbotoneraficha a:visited
{
	color:#fff; 
	font-size:7pt; 
	text-decoration:none;
}

.divbotoneraficha table { min-width:130px;}
.divbotoneraficha table td{text-align:center; vertical-align:top; padding:1px 3px 1px 3px;}

.divboton
{
	display:block;
	background-color:#fff;
	border:solid 1px #CCC7AB;
	width:80px;
	height:80px;
	text-align:center;
	padding:3px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    color:#749013;
    font-size:8pt;
    line-height:10pt;
    white-space:normal;
	
}

.divboton span,
.divboton a,
.divboton a:link,
.divboton a:hover,
.divboton a:visited
{
	color:#749013;
	text-decoration:none;
}


.divboton2
{
	display:block;
	background-color:#fff;
	border:solid 1px #CCC7AB;
	width:90px;
	height:90px;
	text-align:center;
	padding:3px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    color:#749013;
    font-size:8pt;
    line-height:10pt;
    white-space:normal;
	
}

.divboton2 span,
.divboton2 a,
.divboton2 a:link,
.divboton2 a:hover,
.divboton2 a:visited
{
	color:#749013;
	text-decoration:none;
}



.submenu1 {
    width: 100%;
    list-style: none;
    margin-left: 0px;
    padding-left: 0px;
}

    .submenu1 li {
        float: left;
        position: relative;
        display: inline-block;
        margin-right: 5px;
        margin-bottom: 5px;
        width: 50px;
        height: 50px;
        padding: 4px;
        text-align: center;
        background-color: #fff;
        border: solid 2px #cecece;
        border-radius: 8px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
    }

        .submenu1 li input[type="image"] {
            width: 32px;
        }

        /*.submenu1 li span
        .submenu1 li a,
        .submenu1 li a:link,
        .submenu1 li a:visited
        .submenu1 li a:active,
        .submenu1 li a:hover {
            display: none;
        }*/

        .submenu1 .submenu-text{
            display: none;
        }


@media (min-width: 52rem) {
    .submenu1 {
        width: 100%;
        list-style: none;
        margin-left: 0px;
        padding-left: 0px;
    }

        .submenu1 li {
            float: left;
            position: relative;
            display: inline-block;
            margin-right: 10px;
            margin-bottom: 10px;
            width: 80px;
            height: 80px;
            padding: 4px;
            text-align: center;
            background-color: #fff;
            border: solid 2px #cecece;
            border-radius: 8px;
            -moz-border-radius: 8px;
            -webkit-border-radius: 8px;
        }

        .submenu1 li span,
        .submenu1 li a,
        .submenu1 li a:link,
        .submenu1 li a:visited,
        .submenu1 li a:active,
        .submenu1 li a:hover {
            background: #fff;
            text-decoration: none;
            display: block;
            font-size: 10px;
            line-height: 12px;
        }


        .submenu1 .submenu-text{
            background: #fff;
            text-decoration: none;
            display: block;
            font-size: 10px;
            line-height: 12px;
        }
}



/***********************************************************
	CG.20160302 ESTILO SECCIONES
***********************************************************/
.accordionCabecera 
{ 
	border: 1px outset #d4d3d3; 
	background-color: #2f2d28;
	padding: 4px; 
	margin-top: 4px; 
	/*z-index:800;*/
} 


span.accordionCabeceraLink,        
a.accordionCabeceraLink,
a.accordionCabeceraLink:hover,
a.accordionCabeceraLink:link,
a.accordionCabeceraLink:visited
{
	color:#ffffff;
	font-family: Arial;
	font-size: 12pt;
	line-height:16pt; 
	letter-spacing:-0.2px; 
	font-weight:500;
	text-decoration:none;
}     


.accordionCabecera2 
{ 
	border: 1px outset #d4d3d3;
	background-color: #DAD2BE; 
	padding: 4px; 
	margin-top: 2px; 
	margin-left: 8px;
	margin-right: 4px;
	
}


span.accordionCabecera2Link,
a.accordionCabecera2Link,
a.accordionCabecera2Link:hover,
a.accordionCabecera2Link:link,
a.accordionCabecera2Link:visited
{
	color:#40423F;
	font-family: Arial;
	font-size: 12pt;
	line-height:14pt; 
	letter-spacing:-0.2px; 
	font-weight:500;
	text-decoration:none;
}   


.subformulario
{
	padding: 10px 15px 8px 15px;
	color : #5d5d5d;
	background-color: #fff;
	text-align:left;
	float:inherit;
	border: 1px solid #9cb837;
	border-top:none;
	border-radius:0 0 10px 10px;
	-moz-border-radius:0 0 10px 10px;
	-webkit-border-radius:0 0 10px 10px;
	-ms-border-radius:0 0 10px 10px;
	-o-border-radius:0 0 10px 10px;
	width:100%;
}

.subformularioB
{
	color : #5d5d5d;
	background-color: #fff;
	text-align:left;
	padding: 10px 15px 8px 15px;
	margin: 2px 4px 8px 8px;
	float:inherit;
	border: 1px solid #d6d4ce;
	border-top:none;
	border-radius:0 0 10px 10px;
	-moz-border-radius:0 0 10px 10px;
	-webkit-border-radius:0 0 10px 10px;
	-ms-border-radius:0 0 10px 10px;
	-o-border-radius:0 0 10px 10px;
	
}



.panelTextoAviso
{
	padding:4px 0 4px 0;	
	display:block;
}

.panelTextoAviso span
{
	color:#D52828;
	font-family: Arial;
	font-size: 16px;
	line-height:18px; 
	letter-spacing:-1px;
    font-weight: 500;
}


.celdaBordeBottom{border-bottom:solid 1px #2b2820;}




.panelToolTip
{
	background-color:#FAFAFA; 
	border:solid 1px #333;
	color:#333;
	font-size: 9pt;
	line-height:12pt;
	font-family:Arial;
	padding:6px;
	font-weight:normal;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	width:200px;
	text-align:left;
	z-index:900; 
	position:absolute;
	
}

.tituloSubseccion{color:#2b2820;font-family: Arial;font-size: 20px; line-height:24px; font-weight: 500; letter-spacing: -0.5px;}
.tituloSubseccion2{color:#2b2820;font-family: Arial;font-size: 16px; line-height:18px; font-weight: 500; letter-spacing: -0.5px; padding: 2px;}
.tituloSubseccion3{color:#ae7800;font-family: Arial;font-size: 16px; line-height:18px; font-weight: 500; letter-spacing: -0.5px; padding: 2px;}
.tituloSubseccion4{color:#2b2820;font-family: Arial;font-size: 18px; font-weight: 500; letter-spacing: -0.5px; padding: 2px;}
.tituloSubseccion5{color:#D52828; font-family: Arial; font-size: 18px; letter-spacing:-1px; font-weight: 500;}

.textoResult{color:#413834;font-family: Arial;font-size: 12pt; line-height:16pt; letter-spacing:0px; font-weight:500;}
.textoResultGreen{color:#739600;font-family: Arial;font-size: 12pt; line-height:16pt; letter-spacing:0px; font-weight:500;}
.textoResultError{color:#CF0F0F;font-family: Arial;font-size: 12pt; line-height:16pt; letter-spacing:0px; font-weight:500;}
.textoRed11Bold{color:#AA0000;font-size: 9pt;font-weight:bold;}
.textoBlue11Bold{color:#046685;font-size: 9pt;font-weight:bold;}
.textoPurple11Bold{color:#9918BE;font-size: 9pt;font-weight:bold;}
.textoCaramel11Bold{color:#C68E17;font-size: 9pt;font-weight:bold;}
.textoBlack11Bold{color:#242424;font-size: 9pt;font-weight:bold;}

.textoError{color:#FF0000;}
.textoSmall{color:#626262;font-size: 9pt;}

.textoResaltado1{color:#e64905;font-weight:bold; font-size:16px;}
.textoResaltado2{color:#903a01;font-weight:bold; font-size:100%;}
.textoResaltado3{color:#e64905;font-weight:bold; font-size:100%;}


ul.default li > .small {
	font: 12px 'Open Sans', sans-serif;
}

.flotando 
{
	float:left;	
	width:100%;
	display:inline;
}

.panelTextoInfo
{
	line-height:1.4em;
	padding: 10px 6px 15px 6px;
	margin:0;
	border:dotted 1px #ddd;
	background-color:#fafafa;
}

.subtotales
{
	padding-left:20px;
}

.panelAtencion1
{
	display:inline-block;

	color:#F9FAFC;
	font-size: 1.1em; 
	line-height:1.3em;
	padding:14px;
	background:#89a037; 
	border:solid 2px #fff;
	margin:0 auto 20px auto;
	width:100%;
	outline:solid 1px #4D2C02;
	
	outline-radius: 6px 6px 0px 0px; /*propiedad CSS3 */
    -moz-outline-radius: 6px 6px 0px 0px; /* Firefox y Chrome */
    -webkit-outline-radius: 6px 6px 0px 0px; /* WebKit y Safari */
	
	border-radius: 6px 6px 0px 0px; /*propiedad CSS3 */
    -moz-border-radius: 6px 6px 0px 0px; /* Firefox y Chrome */
    -webkit-border-radius: 6px 6px 0px 0px; /* WebKit y Safari */
}


.panelAtencion1 a,
.panelAtencion1 a:link,
.panelAtencion1 a:hover,
.panelAtencion1 a:visited
{
	color:#FFF885;
	text-decoration:none;
}



.panelResultadoKO {
    padding: 12px;
    background: #fff;
    border: double 3px #d52828;
    border-radius: 6px 6px 0px 0px; /*propiedad CSS3 */
    -moz-border-radius: 6px 6px 0px 0px; /* Firefox y Chrome */
    -webkit-border-radius: 6px 6px 0px 0px; /* WebKit y Safari */
    margin-top: 10px;
}

    .panelResultadoKO p,
    .panelResultadoKO span {
        color: #d52828;
        font-family: Arial;
        font-size: 11pt;
        line-height: 14pt;
        letter-spacing: -0.2px;
        font-weight: 500;
        text-decoration: none;
    }

    .panelResultadoKO a, .panelResultadoKO a:hover {
        font-family: Arial;
        font-size: 11pt;
        line-height: 14pt;
        letter-spacing: -0.2px;
        font-weight: bold;
        color: #d52828;
    }

    .panelResultadoKO .text-bold {
        font-weight: bold;
    }

    .panelResultadoKO .text-medium {
        font-size: 12pt;
        line-height: 18pt;
    }


.panelResultadoOK {
    padding: 12px;
    background: #fff;
    border: double 3px #458b00;
    border-radius: 6px 6px 0px 0px; /*propiedad CSS3 */
    -moz-border-radius: 6px 6px 0px 0px; /* Firefox y Chrome */
    -webkit-border-radius: 6px 6px 0px 0px; /* WebKit y Safari */
    margin-top: 10px;
}

    .panelResultadoOK p,
    .panelResultadoOK span {
        color: #458b00;
        font-family: Arial;
        font-size: 11pt;
        line-height: 14pt;
        letter-spacing: -0.2px;
        font-weight: 500;
        text-decoration: none;
    }

    .panelResultadoOK a, .panelResultadoKO a:hover {
        font-family: Arial;
        font-size: 11pt;
        line-height: 14pt;
        letter-spacing: -0.2px;
        font-weight: bold;
        color: #458b00;
    }

    .panelResultadoOK .text-bold {
        font-weight: bold;
    }

    .panelResultadoOK .text-medium {
        font-size: 12pt;
        line-height: 18pt;
    }


/***********************************************************
					FIN ESTILOS FICHAS
***********************************************************/





 .modificacion 
 {
     padding:5px;
     background-color:#C0C0C0;
     border:1px solid green;
 }


.rojo 
{
    background: #ef323f;
}

.orange 
{
    background: #f58220;
}


.form-group 
{
    margin-bottom:5px;
    margin-right:15px; 
    
}


.marginbottom5 { margin-bottom:5px;}
.marginbottom10 { margin-bottom:10px;}
.marginbottom20 { margin-bottom:20px;}
.marginbottom30 { margin-bottom:30px;}
.marginbottom40 { margin-bottom:40px;}
.marginbottom50 { margin-bottom:50px;}

.margintop5 { margin-top:5px;}
.margintop10 { margin-top:10px;}
.margintop15 { margin-top:15px;}
.margintop20 { margin-top:20px;}
.margintop30 { margin-top:30px;}
.margintop40 { margin-top:40px;}
.margintop50 { margin-top:50px;}




.text-white {
	color: #fff !important
}

.text-primary {
	color: #007bff !important
}

a.text-primary:focus, a.text-primary:hover {
	color: #0062cc !important
}

.text-secondary {
	color: #868e96 !important
}

a.text-secondary:focus, a.text-secondary:hover {
	color: #6c757d !important
}

.text-success {
	color: #28a745 !important
}

a.text-success:focus, a.text-success:hover {
	color: #1e7e34 !important
}

.text-info {
	color: #2c9da9 !important
}

a.text-info:focus, a.text-info:hover {
	color: #117a8b !important
}

.text-warning {
	color: #ffc107 !important
}

a.text-warning:focus, a.text-warning:hover {
	color: #d39e00 !important
}

.text-danger {
	color: #dc3545 !important
}

a.text-danger:focus, a.text-danger:hover {
	color: #bd2130 !important
}

.text-light {
	color: #f8f9fa !important
}

a.text-light:focus, a.text-light:hover {
	color: #dae0e5 !important
}

.text-dark {
	color: #243746 !important
}

a.text-dark:focus, a.text-dark:hover {
	color: #1d2124 !important
}

.text-muted {
	color: #868e96 !important
}

.text-hide {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0
}

.visible {
	visibility: visible !important
}

.invisible {
	visibility: hidden !important
}



.tableColegiados {
	width: 100%;
	border-collapse: collapse;
}


	.tableColegiados td, th {
		padding: 10px;
		text-align: left;
	}

.imgInfo{
	width:20px;
	margin-right:5px;
	height:auto;
}


button.close {
	-webkit-appearance: none;
	padding: 0;
	cursor: pointer;
	background: 0 0;
	border: 0
}

.modal-open {
	overflow: hidden
}

.modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1050;
	display: none;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	outline: 0
}

	.modal.fade .modal-dialog {
		-webkit-transition: -webkit-transform .3s ease-out;
		-o-transition: -o-transform .3s ease-out;
		transition: transform .3s ease-out;
		-webkit-transform: translate(0,-25%);
		-ms-transform: translate(0,-25%);
		-o-transform: translate(0,-25%);
		transform: translate(0,-25%)
	}

	.modal.in .modal-dialog {
		-webkit-transform: translate(0,0);
		-ms-transform: translate(0,0);
		-o-transform: translate(0,0);
		transform: translate(0,0)
	}

.modal-open .modal {
	overflow-x: hidden;
	overflow-y: auto
}

.modal-dialog {
	position: relative;
	width: auto;
	margin: 10px
}

.modal-content {
	position: relative;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #999;
	border: 1px solid rgba(0,0,0,.2);
	border-radius: 6px;
	outline: 0;
	-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
	box-shadow: 0 3px 9px rgba(0,0,0,.5)
}

.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	background-color: #C6C6C6;
}

	.modal-backdrop.fade {
		filter: alpha(opacity=0);
		opacity: 0
	}

	.modal-backdrop.in {
		filter: alpha(opacity=50);
		opacity: .5
	}

.modal-header {
	padding: 15px;
	border-bottom: 1px solid #e5e5e5
}

	.modal-header .close {
		margin-top: -2px
	}

.modal-title {
	margin: 0;
	line-height: 1.42857143
}

.modal-body {
	position: relative;
	padding: 15px
}

.modal-footer {
	padding: 15px;
	text-align: right;
	border-top: 1px solid #e5e5e5
}

	.modal-footer .btn + .btn {
		margin-bottom: 0;
		margin-left: 5px
	}

	.modal-footer .btn-group .btn + .btn {
		margin-left: -1px
	}

	.modal-footer .btn-block + .btn-block {
		margin-left: 0
	}

.modal-scrollbar-measure {
	position: absolute;
	top: -9999px;
	width: 50px;
	height: 50px;
	overflow: scroll
}

@media (min-width:768px) {
	.modal-dialog {
		width: 600px;
		margin: 30px auto
	}

	.modal-content {
		-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
		box-shadow: 0 5px 15px rgba(0,0,0,.5)
	}

	.modal-sm {
		width: 300px
	}
}

@media (min-width:992px) {
	.modal-lg {
		width: 900px
	}
}





.d-none {
	display: none !important;
}

.d-inline {
	display: inline !important;
}

.d-inline-block {
	display: inline-block !important;
}

.d-block {
	display: block !important;
}

.d-table {
	display: table !important;
}

.d-table-row {
	display: table-row !important;
}

.d-table-cell {
	display: table-cell !important;
}

.d-flex {
	display: -ms-flexbox !important;
	display: flex !important;
}

.d-inline-flex {
	display: -ms-inline-flexbox !important;
	display: inline-flex !important;
}

.d-inline-grid {
	display: inline-grid !important;
}

.align-baseline {
	vertical-align: baseline !important;
}

.align-top {
	vertical-align: top !important;
}

.align-middle {
	vertical-align: middle !important;
}

.align-bottom {
	vertical-align: bottom !important;
}

.align-text-bottom {
	vertical-align: text-bottom !important;
}

.align-text-top {
	vertical-align: text-top !important;
}

flex-row {
	-ms-flex-direction: row !important;
	flex-direction: row !important;
}

.flex-column {
	-ms-flex-direction: column !important;
	flex-direction: column !important;
}

.flex-row-reverse {
	-ms-flex-direction: row-reverse !important;
	flex-direction: row-reverse !important;
}

.flex-column-reverse {
	-ms-flex-direction: column-reverse !important;
	flex-direction: column-reverse !important;
}

.flex-wrap {
	-ms-flex-wrap: wrap !important;
	flex-wrap: wrap !important;
}

.flex-nowrap {
	-ms-flex-wrap: nowrap !important;
	flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
	-ms-flex-wrap: wrap-reverse !important;
	flex-wrap: wrap-reverse !important;
}

.flex-fill {
	-ms-flex: 1 1 auto !important;
	flex: 1 1 auto !important;
}

.flex-grow-0 {
	-ms-flex-positive: 0 !important;
	flex-grow: 0 !important;
}

.flex-grow-1 {
	-ms-flex-positive: 1 !important;
	flex-grow: 1 !important;
}

.flex-shrink-0 {
	-ms-flex-negative: 0 !important;
	flex-shrink: 0 !important;
}

.flex-shrink-1 {
	-ms-flex-negative: 1 !important;
	flex-shrink: 1 !important;
}

.justify-content-start {
	-ms-flex-pack: start !important;
	justify-content: flex-start !important;
}

.justify-content-end {
	-ms-flex-pack: end !important;
	justify-content: flex-end !important;
}

.justify-content-center {
	-ms-flex-pack: center !important;
	justify-content: center !important;
}

.justify-content-between {
	-ms-flex-pack: justify !important;
	justify-content: space-between !important;
}

.justify-content-around {
	-ms-flex-pack: distribute !important;
	justify-content: space-around !important;
}

.align-items-start {
	-ms-flex-align: start !important;
	align-items: flex-start !important;
}

.align-items-end {
	-ms-flex-align: end !important;
	align-items: flex-end !important;
}

.align-items-center {
	-ms-flex-align: center !important;
	align-items: center !important;
}

.align-items-baseline {
	-ms-flex-align: baseline !important;
	align-items: baseline !important;
}

.align-items-stretch {
	-ms-flex-align: stretch !important;
	align-items: stretch !important;
}

.align-content-start {
	-ms-flex-line-pack: start !important;
	align-content: flex-start !important;
}

.align-content-end {
	-ms-flex-line-pack: end !important;
	align-content: flex-end !important;
}

.align-content-center {
	-ms-flex-line-pack: center !important;
	align-content: center !important;
}

.align-content-between {
	-ms-flex-line-pack: justify !important;
	align-content: space-between !important;
}

.align-content-around {
	-ms-flex-line-pack: distribute !important;
	align-content: space-around !important;
}

.align-content-stretch {
	-ms-flex-line-pack: stretch !important;
	align-content: stretch !important;
}

.align-self-auto {
	-ms-flex-item-align: auto !important;
	align-self: auto !important;
}

.align-self-start {
	-ms-flex-item-align: start !important;
	align-self: flex-start !important;
}

.align-self-end {
	-ms-flex-item-align: end !important;
	align-self: flex-end !important;
}

.align-self-center {
	-ms-flex-item-align: center !important;
	align-self: center !important;
}

.align-self-baseline {
	-ms-flex-item-align: baseline !important;
	align-self: baseline !important;
}

.align-self-stretch {
	-ms-flex-item-align: stretch !important;
	align-self: stretch !important;
}

@media (min-width: 576px) {
	.flex-sm-row {
		-ms-flex-direction: row !important;
		flex-direction: row !important;
	}

	.flex-sm-column {
		-ms-flex-direction: column !important;
		flex-direction: column !important;
	}

	.flex-sm-row-reverse {
		-ms-flex-direction: row-reverse !important;
		flex-direction: row-reverse !important;
	}

	.flex-sm-column-reverse {
		-ms-flex-direction: column-reverse !important;
		flex-direction: column-reverse !important;
	}

	.flex-sm-wrap {
		-ms-flex-wrap: wrap !important;
		flex-wrap: wrap !important;
	}

	.flex-sm-nowrap {
		-ms-flex-wrap: nowrap !important;
		flex-wrap: nowrap !important;
	}

	.flex-sm-wrap-reverse {
		-ms-flex-wrap: wrap-reverse !important;
		flex-wrap: wrap-reverse !important;
	}

	.flex-sm-fill {
		-ms-flex: 1 1 auto !important;
		flex: 1 1 auto !important;
	}

	.flex-sm-grow-0 {
		-ms-flex-positive: 0 !important;
		flex-grow: 0 !important;
	}

	.flex-sm-grow-1 {
		-ms-flex-positive: 1 !important;
		flex-grow: 1 !important;
	}

	.flex-sm-shrink-0 {
		-ms-flex-negative: 0 !important;
		flex-shrink: 0 !important;
	}

	.flex-sm-shrink-1 {
		-ms-flex-negative: 1 !important;
		flex-shrink: 1 !important;
	}

	.justify-content-sm-start {
		-ms-flex-pack: start !important;
		justify-content: flex-start !important;
	}

	.justify-content-sm-end {
		-ms-flex-pack: end !important;
		justify-content: flex-end !important;
	}

	.justify-content-sm-center {
		-ms-flex-pack: center !important;
		justify-content: center !important;
	}

	.justify-content-sm-between {
		-ms-flex-pack: justify !important;
		justify-content: space-between !important;
	}

	.justify-content-sm-around {
		-ms-flex-pack: distribute !important;
		justify-content: space-around !important;
	}

	.align-items-sm-start {
		-ms-flex-align: start !important;
		align-items: flex-start !important;
	}

	.align-items-sm-end {
		-ms-flex-align: end !important;
		align-items: flex-end !important;
	}

	.align-items-sm-center {
		-ms-flex-align: center !important;
		align-items: center !important;
	}

	.align-items-sm-baseline {
		-ms-flex-align: baseline !important;
		align-items: baseline !important;
	}

	.align-items-sm-stretch {
		-ms-flex-align: stretch !important;
		align-items: stretch !important;
	}

	.align-content-sm-start {
		-ms-flex-line-pack: start !important;
		align-content: flex-start !important;
	}

	.align-content-sm-end {
		-ms-flex-line-pack: end !important;
		align-content: flex-end !important;
	}

	.align-content-sm-center {
		-ms-flex-line-pack: center !important;
		align-content: center !important;
	}

	.align-content-sm-between {
		-ms-flex-line-pack: justify !important;
		align-content: space-between !important;
	}

	.align-content-sm-around {
		-ms-flex-line-pack: distribute !important;
		align-content: space-around !important;
	}

	.align-content-sm-stretch {
		-ms-flex-line-pack: stretch !important;
		align-content: stretch !important;
	}

	.align-self-sm-auto {
		-ms-flex-item-align: auto !important;
		align-self: auto !important;
	}

	.align-self-sm-start {
		-ms-flex-item-align: start !important;
		align-self: flex-start !important;
	}

	.align-self-sm-end {
		-ms-flex-item-align: end !important;
		align-self: flex-end !important;
	}

	.align-self-sm-center {
		-ms-flex-item-align: center !important;
		align-self: center !important;
	}

	.align-self-sm-baseline {
		-ms-flex-item-align: baseline !important;
		align-self: baseline !important;
	}

	.align-self-sm-stretch {
		-ms-flex-item-align: stretch !important;
		align-self: stretch !important;
	}
}

@media (min-width: 768px) {
	.flex-md-row {
		-ms-flex-direction: row !important;
		flex-direction: row !important;
	}

	.flex-md-column {
		-ms-flex-direction: column !important;
		flex-direction: column !important;
	}

	.flex-md-row-reverse {
		-ms-flex-direction: row-reverse !important;
		flex-direction: row-reverse !important;
	}

	.flex-md-column-reverse {
		-ms-flex-direction: column-reverse !important;
		flex-direction: column-reverse !important;
	}

	.flex-md-wrap {
		-ms-flex-wrap: wrap !important;
		flex-wrap: wrap !important;
	}

	.flex-md-nowrap {
		-ms-flex-wrap: nowrap !important;
		flex-wrap: nowrap !important;
	}

	.flex-md-wrap-reverse {
		-ms-flex-wrap: wrap-reverse !important;
		flex-wrap: wrap-reverse !important;
	}

	.flex-md-fill {
		-ms-flex: 1 1 auto !important;
		flex: 1 1 auto !important;
	}

	.flex-md-grow-0 {
		-ms-flex-positive: 0 !important;
		flex-grow: 0 !important;
	}

	.flex-md-grow-1 {
		-ms-flex-positive: 1 !important;
		flex-grow: 1 !important;
	}

	.flex-md-shrink-0 {
		-ms-flex-negative: 0 !important;
		flex-shrink: 0 !important;
	}

	.flex-md-shrink-1 {
		-ms-flex-negative: 1 !important;
		flex-shrink: 1 !important;
	}

	.justify-content-md-start {
		-ms-flex-pack: start !important;
		justify-content: flex-start !important;
	}

	.justify-content-md-end {
		-ms-flex-pack: end !important;
		justify-content: flex-end !important;
	}

	.justify-content-md-center {
		-ms-flex-pack: center !important;
		justify-content: center !important;
	}

	.justify-content-md-between {
		-ms-flex-pack: justify !important;
		justify-content: space-between !important;
	}

	.justify-content-md-around {
		-ms-flex-pack: distribute !important;
		justify-content: space-around !important;
	}

	.align-items-md-start {
		-ms-flex-align: start !important;
		align-items: flex-start !important;
	}

	.align-items-md-end {
		-ms-flex-align: end !important;
		align-items: flex-end !important;
	}

	.align-items-md-center {
		-ms-flex-align: center !important;
		align-items: center !important;
	}

	.align-items-md-baseline {
		-ms-flex-align: baseline !important;
		align-items: baseline !important;
	}

	.align-items-md-stretch {
		-ms-flex-align: stretch !important;
		align-items: stretch !important;
	}

	.align-content-md-start {
		-ms-flex-line-pack: start !important;
		align-content: flex-start !important;
	}

	.align-content-md-end {
		-ms-flex-line-pack: end !important;
		align-content: flex-end !important;
	}

	.align-content-md-center {
		-ms-flex-line-pack: center !important;
		align-content: center !important;
	}

	.align-content-md-between {
		-ms-flex-line-pack: justify !important;
		align-content: space-between !important;
	}

	.align-content-md-around {
		-ms-flex-line-pack: distribute !important;
		align-content: space-around !important;
	}

	.align-content-md-stretch {
		-ms-flex-line-pack: stretch !important;
		align-content: stretch !important;
	}

	.align-self-md-auto {
		-ms-flex-item-align: auto !important;
		align-self: auto !important;
	}

	.align-self-md-start {
		-ms-flex-item-align: start !important;
		align-self: flex-start !important;
	}

	.align-self-md-end {
		-ms-flex-item-align: end !important;
		align-self: flex-end !important;
	}

	.align-self-md-center {
		-ms-flex-item-align: center !important;
		align-self: center !important;
	}

	.align-self-md-baseline {
		-ms-flex-item-align: baseline !important;
		align-self: baseline !important;
	}

	.align-self-md-stretch {
		-ms-flex-item-align: stretch !important;
		align-self: stretch !important;
	}
}

@media (min-width: 992px) {
	.flex-lg-row {
		-ms-flex-direction: row !important;
		flex-direction: row !important;
	}

	.flex-lg-column {
		-ms-flex-direction: column !important;
		flex-direction: column !important;
	}

	.flex-lg-row-reverse {
		-ms-flex-direction: row-reverse !important;
		flex-direction: row-reverse !important;
	}

	.flex-lg-column-reverse {
		-ms-flex-direction: column-reverse !important;
		flex-direction: column-reverse !important;
	}

	.flex-lg-wrap {
		-ms-flex-wrap: wrap !important;
		flex-wrap: wrap !important;
	}

	.flex-lg-nowrap {
		-ms-flex-wrap: nowrap !important;
		flex-wrap: nowrap !important;
	}

	.flex-lg-wrap-reverse {
		-ms-flex-wrap: wrap-reverse !important;
		flex-wrap: wrap-reverse !important;
	}

	.flex-lg-fill {
		-ms-flex: 1 1 auto !important;
		flex: 1 1 auto !important;
	}

	.flex-lg-grow-0 {
		-ms-flex-positive: 0 !important;
		flex-grow: 0 !important;
	}

	.flex-lg-grow-1 {
		-ms-flex-positive: 1 !important;
		flex-grow: 1 !important;
	}

	.flex-lg-shrink-0 {
		-ms-flex-negative: 0 !important;
		flex-shrink: 0 !important;
	}

	.flex-lg-shrink-1 {
		-ms-flex-negative: 1 !important;
		flex-shrink: 1 !important;
	}

	.justify-content-lg-start {
		-ms-flex-pack: start !important;
		justify-content: flex-start !important;
	}

	.justify-content-lg-end {
		-ms-flex-pack: end !important;
		justify-content: flex-end !important;
	}

	.justify-content-lg-center {
		-ms-flex-pack: center !important;
		justify-content: center !important;
	}

	.justify-content-lg-between {
		-ms-flex-pack: justify !important;
		justify-content: space-between !important;
	}

	.justify-content-lg-around {
		-ms-flex-pack: distribute !important;
		justify-content: space-around !important;
	}

	.align-items-lg-start {
		-ms-flex-align: start !important;
		align-items: flex-start !important;
	}

	.align-items-lg-end {
		-ms-flex-align: end !important;
		align-items: flex-end !important;
	}

	.align-items-lg-center {
		-ms-flex-align: center !important;
		align-items: center !important;
	}

	.align-items-lg-baseline {
		-ms-flex-align: baseline !important;
		align-items: baseline !important;
	}

	.align-items-lg-stretch {
		-ms-flex-align: stretch !important;
		align-items: stretch !important;
	}

	.align-content-lg-start {
		-ms-flex-line-pack: start !important;
		align-content: flex-start !important;
	}

	.align-content-lg-end {
		-ms-flex-line-pack: end !important;
		align-content: flex-end !important;
	}

	.align-content-lg-center {
		-ms-flex-line-pack: center !important;
		align-content: center !important;
	}

	.align-content-lg-between {
		-ms-flex-line-pack: justify !important;
		align-content: space-between !important;
	}

	.align-content-lg-around {
		-ms-flex-line-pack: distribute !important;
		align-content: space-around !important;
	}

	.align-content-lg-stretch {
		-ms-flex-line-pack: stretch !important;
		align-content: stretch !important;
	}

	.align-self-lg-auto {
		-ms-flex-item-align: auto !important;
		align-self: auto !important;
	}

	.align-self-lg-start {
		-ms-flex-item-align: start !important;
		align-self: flex-start !important;
	}

	.align-self-lg-end {
		-ms-flex-item-align: end !important;
		align-self: flex-end !important;
	}

	.align-self-lg-center {
		-ms-flex-item-align: center !important;
		align-self: center !important;
	}

	.align-self-lg-baseline {
		-ms-flex-item-align: baseline !important;
		align-self: baseline !important;
	}

	.align-self-lg-stretch {
		-ms-flex-item-align: stretch !important;
		align-self: stretch !important;
	}
}

@media (min-width: 1200px) {
	.flex-xl-row {
		-ms-flex-direction: row !important;
		flex-direction: row !important;
	}

	.flex-xl-column {
		-ms-flex-direction: column !important;
		flex-direction: column !important;
	}

	.flex-xl-row-reverse {
		-ms-flex-direction: row-reverse !important;
		flex-direction: row-reverse !important;
	}

	.flex-xl-column-reverse {
		-ms-flex-direction: column-reverse !important;
		flex-direction: column-reverse !important;
	}

	.flex-xl-wrap {
		-ms-flex-wrap: wrap !important;
		flex-wrap: wrap !important;
	}

	.flex-xl-nowrap {
		-ms-flex-wrap: nowrap !important;
		flex-wrap: nowrap !important;
	}

	.flex-xl-wrap-reverse {
		-ms-flex-wrap: wrap-reverse !important;
		flex-wrap: wrap-reverse !important;
	}

	.flex-xl-fill {
		-ms-flex: 1 1 auto !important;
		flex: 1 1 auto !important;
	}

	.flex-xl-grow-0 {
		-ms-flex-positive: 0 !important;
		flex-grow: 0 !important;
	}

	.flex-xl-grow-1 {
		-ms-flex-positive: 1 !important;
		flex-grow: 1 !important;
	}

	.flex-xl-shrink-0 {
		-ms-flex-negative: 0 !important;
		flex-shrink: 0 !important;
	}

	.flex-xl-shrink-1 {
		-ms-flex-negative: 1 !important;
		flex-shrink: 1 !important;
	}

	.justify-content-xl-start {
		-ms-flex-pack: start !important;
		justify-content: flex-start !important;
	}

	.justify-content-xl-end {
		-ms-flex-pack: end !important;
		justify-content: flex-end !important;
	}

	.justify-content-xl-center {
		-ms-flex-pack: center !important;
		justify-content: center !important;
	}

	.justify-content-xl-between {
		-ms-flex-pack: justify !important;
		justify-content: space-between !important;
	}

	.justify-content-xl-around {
		-ms-flex-pack: distribute !important;
		justify-content: space-around !important;
	}

	.align-items-xl-start {
		-ms-flex-align: start !important;
		align-items: flex-start !important;
	}

	.align-items-xl-end {
		-ms-flex-align: end !important;
		align-items: flex-end !important;
	}

	.align-items-xl-center {
		-ms-flex-align: center !important;
		align-items: center !important;
	}

	.align-items-xl-baseline {
		-ms-flex-align: baseline !important;
		align-items: baseline !important;
	}

	.align-items-xl-stretch {
		-ms-flex-align: stretch !important;
		align-items: stretch !important;
	}

	.align-content-xl-start {
		-ms-flex-line-pack: start !important;
		align-content: flex-start !important;
	}

	.align-content-xl-end {
		-ms-flex-line-pack: end !important;
		align-content: flex-end !important;
	}

	.align-content-xl-center {
		-ms-flex-line-pack: center !important;
		align-content: center !important;
	}

	.align-content-xl-between {
		-ms-flex-line-pack: justify !important;
		align-content: space-between !important;
	}

	.align-content-xl-around {
		-ms-flex-line-pack: distribute !important;
		align-content: space-around !important;
	}

	.align-content-xl-stretch {
		-ms-flex-line-pack: stretch !important;
		align-content: stretch !important;
	}

	.align-self-xl-auto {
		-ms-flex-item-align: auto !important;
		align-self: auto !important;
	}

	.align-self-xl-start {
		-ms-flex-item-align: start !important;
		align-self: flex-start !important;
	}

	.align-self-xl-end {
		-ms-flex-item-align: end !important;
		align-self: flex-end !important;
	}

	.align-self-xl-center {
		-ms-flex-item-align: center !important;
		align-self: center !important;
	}

	.align-self-xl-baseline {
		-ms-flex-item-align: baseline !important;
		align-self: baseline !important;
	}

	.align-self-xl-stretch {
		-ms-flex-item-align: stretch !important;
		align-self: stretch !important;
	}
}

.float-left {
	float: left !important;
}

.float-right {
	float: right !important;
}

.float-none {
	float: none !important;
}

@media (min-width: 576px) {
	.float-sm-left {
		float: left !important;
	}

	.float-sm-right {
		float: right !important;
	}

	.float-sm-none {
		float: none !important;
	}
}

@media (min-width: 768px) {
	.float-md-left {
		float: left !important;
	}

	.float-md-right {
		float: right !important;
	}

	.float-md-none {
		float: none !important;
	}
}

@media (min-width: 992px) {
	.float-lg-left {
		float: left !important;
	}

	.float-lg-right {
		float: right !important;
	}

	.float-lg-none {
		float: none !important;
	}
}

@media (min-width: 1200px) {
	.float-xl-left {
		float: left !important;
	}

	.float-xl-right {
		float: right !important;
	}

	.float-xl-none {
		float: none !important;
	}
}




.alert {
	position: relative;
	padding: 0.75rem 1.25rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	border-radius: 0.25rem;
}

.alert-heading {
	color: inherit;
}

.alert-link {
	font-weight: 700;
}

.alert-dismissible {
	padding-right: 4rem;
}

	.alert-dismissible .close {
		position: absolute;
		top: 0;
		right: 0;
		padding: 0.75rem 1.25rem;
		color: inherit;
	}

.alert-primary {
	color: #004085;
	background-color: #cce5ff;
	border-color: #b8daff;
}

	.alert-primary hr {
		border-top-color: #9fcdff;
	}

	.alert-primary .alert-link {
		color: #002752;
	}

.alert-secondary {
	color: #383d41;
	background-color: #e2e3e5;
	border-color: #d6d8db;
}

	.alert-secondary hr {
		border-top-color: #c8cbcf;
	}

	.alert-secondary .alert-link {
		color: #202326;
	}

.alert-success {
	color: #155724;
	background-color: #d4edda;
	border-color: #c3e6cb;
}

	.alert-success hr {
		border-top-color: #b1dfbb;
	}

	.alert-success .alert-link {
		color: #0b2e13;
	}

.alert-info {
	color: #0c5460;
	background-color: #d1ecf1;
	border-color: #bee5eb;
}

	.alert-info hr {
		border-top-color: #abdde5;
	}

	.alert-info .alert-link {
		color: #062c33;
	}

.alert-warning {
	color: #856404;
	background-color: #fff3cd;
	border-color: #ffeeba;
}

	.alert-warning hr {
		border-top-color: #ffe8a1;
	}

	.alert-warning .alert-link {
		color: #533f03;
	}

.alert-danger {
	color: #721c24;
	background-color: #f8d7da;
	border-color: #f5c6cb;
}

	.alert-danger hr {
		border-top-color: #f1b0b7;
	}

	.alert-danger .alert-link {
		color: #491217;
	}

.alert-light {
	color: #818182;
	background-color: #fefefe;
	border-color: #fdfdfe;
}

	.alert-light hr {
		border-top-color: #ececf6;
	}

	.alert-light .alert-link {
		color: #686868;
	}

.alert-dark {
	color: #1b1e21;
	background-color: #d6d8d9;
	border-color: #c6c8ca;
}

	.alert-dark hr {
		border-top-color: #b9bbbe;
	}

	.alert-dark .alert-link {
		color: #040505;
	}