/*CSS*/
@import url("normalize.css");
@import url("fonts.css?rand=234");
:root{
	--marte: #F4364C;
	--cosmos: #3C1053;
	--polux: #963CBD;
	--cometa: #C1A0DA;
	--luna: #C8C9C7;
	/*complementarios*/
	--pluton: #783CBD;
	--jupiter: #C126B8;
	--mercurio: #FF08A1;
	--saturno: #FF832A;
	--venus: #3CFE90;
	--urano: #06D5AC;
	--neptuno: #04D6FF;
	--neptunoOsc: #00A8CC;

	--admin-claro: #EDEBE9;
	--link:#0056b3;
}

*{box-sizing: border-box;font-family:'Oxygen';}
body{margin: 0 auto;padding: 0;}
.fleft{float: left}
.fright{float: right;}
.aleft{text-align: left !important;}
.acenter{text-align: center !important;}
.aright{text-align: right !important;}
.vtop{vertical-align: top !important;}
.vmiddle{vertical-align: middle !important;}
.vmiddle * {display: inline-block;}
.vbottom{vertical-align: bottom !important;}
.dblock{display:block;}
.dinline{display:inline;}
.dinlineblock{display:inline-block;}
.clickable{cursor:pointer;}

.fixed{clear: both;height: 0;line-height: 0;}
a,a:hover{text-decoration: none;}
.espaciador,.espaciar{margin-bottom:.75em;clear: both;height: 0;line-height: 0;}
.dobleespacio{margin-bottom:1.75em;clear: both;height: 0;line-height: 0;}
#mainContainer{width: 100%;max-width: 1366px;min-width: 320px;margin:0 auto;padding:0;}
.clickeable{cursor:pointer;}
.efectoRealce{
	transition: all 0.5s;
	border-radius: 0px;
	box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0);
	position:relative;
	top:0;
	left:0;
	overflow: hidden;
}
.transicion   {transition: all 0.4s ease 0s;}
.transicionLenta{transition: all 1s ease 0.5s;}
.glow{/*box-shadow: 0 0 7px 3px rgba(25, 187, 185, 0.5);*/border:1px solid #19bbb9 !important;}
.strong{font-weight: bold;}
.italic{font-style: italic;}
.obligatorio{color:red;font-weight: bold;}
.inline-block{display: inline-block;}
.block{display: block;}
.nowrap{white-space: nowrap;}

.xdebug-error{color:#000;}


/*FLEX*/
.flex-container{display: flex;justify-content:space-between;height: 100%;}
.flex-container.vertical{flex-direction: column;}
.flex-container.horizontal{flex-direction: row;}
.flex-container .row{flex:1 1 10%;}
.flex-container .col{flex:1 1 10%;}

.flex-container .justifyStart{justify-content: flex-start;}
.flex-container .justifyCenter{justify-content: center;}
.flex-container .justifyEnd{justify-content: flex-end;}
.flex-container .justifySpaceBetween{justify-content: space-between;}
.flex-container .justifySpaceAround{justify-content: space-around;}

.flex-container .alignItemsStart{align-items: flex-start;}
.flex-container .alignItemsCenter{align-items: center;}
.flex-container .alignItemsEnd{align-items: flex-end;}
.flex-container .alignItemsBaseline{align-items: baseline;}
.flex-container .alignItemsStretch{align-items: stretch;}

.flex-container .unflex{flex:0 0 auto !important;}

/*PERSNALIZADOS*/
.bg-inactivo{background:#f2f2f2;color: #d2d2d2;}
.bg-alerta{background:#f7cdcd !important;color: #ce4141 !important;}
.bg-alerta.selected{background:#FBE3E3 !important;color: #ce4141 !important;border:1px solid #ce4141;}

.borrador{border:1px solid #ABABAB;background:#E6E6E6;}
.rechazado{border:1px solid #FF4949;background:#FCADAD;}
.autorizado{border:1px solid #91CD1E;background:#DEFF9F;}

.bg-autorizar{background:#99cc33 !important;color: #347B1C !important;}
.bg-autorizar.selected{background:#D0ED95 !important;color: #347B1C !important;border:1px solid #347B1C;}

.texto-inactivo{color:#d2d2d2;}
.texto-alerta{color:#ce4141;}
.texto-activo{color:#28a745;}
.texto-negro{color:#000;}


/*COLORES*/
.bg-azulgris{background: #3b3f4b;}
.texto-azulgris{color: #3b3f4b;}

.bg-azulcielo{background: #15aabf;}
.texto-azulcielo{color: #15aabf;}

.bg-blanco{background: #FFF;}
.texto-blanco{color: #FFF;}

.bg-negro{background: #000;}
.texto-negro{color: #000;}

.bg-verdeagua{background: #3CC;}
.texto-verdeagua{color: #3CC;}

.bg-grismedio{background: #848484;}
.texto-grismedio{color: #848484;}

.bg-grisclaro{background: #bababa;}
.texto-grisclaro{color: #bababa;}

.bg-gris13{background: #e5e5e5;}
.texto-gris13{color: #e5e5e5;}

.bg-verde{background: #99cc33;}
.texto-verde{color: #99cc33;}

.bg-morado{background: #b65ac1;}
.texto-morado{color: #b65ac1;}

.bg-morado-oscuro{background: #825587;}
.texto-morado-oscuro{color: #825587;}

.bg-verdeaguaclaro{background: #e4faf0;}
.texto-verdeaguaclaro{color: #e4faf0;}

.bg-gris-biossmann{background: #424243;}
.texto-gris-biossmann{color: #424243;}

.bg-anaranjado{background: rgb(246, 132, 40);}
.texto-anaranjado{color: rgb(246, 132, 40);}

.bg-anaranjado-oscuro{background: #e27900;}
.texto-anaranjado-oscuro{color: #e27900;}

.bg-azulmuyclaro{background-color: #daeeee;}
.texto-azulmuyclaro{color: #daeeee;}

.bg-azul-osc-ui{background-color: #12151e;}
.texto-azul-osc-ui{color: #12151e;}

.bg-azul-marino-ui{background: #233d60;}
.texto-azul-marino-ui{color: #233d60;}

.bg-verdeagua-ui{background: #11abaf;}
.texto-verdeagua-ui{color: #11abaf;}

.bg-gris-oscuro{background: #353535;}
.texto-gris-oscuro{color: #353535;}
.borde-gris-oscuro{border:1px solid #353535;}

.bg-fondo-ui{background: #FFF url('../img/background_blanco.webp');}
.texto-fondo-ui{color: #121821;}

.bg-button-ui{background:rgba(158,26,150,0.9);color:#FFF;}
.bg-button-ui.texto-blanco{color:#FFF !important;}

.bg-transparent-imp{background: transparent !important}
.bg-azul-osc-ui-imp{background: #12151e !important}


.bg-fondo-container-ui{
background: rgba(60,56,71,1);
background: -moz-linear-gradient(left, rgba(60,56,71,1) 0%, rgba(51,87,104,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(60,56,71,1)), color-stop(100%, rgba(51,87,104,1)));
background: -webkit-linear-gradient(left, rgba(60,56,71,1) 0%, rgba(51,87,104,1) 100%);
background: -o-linear-gradient(left, rgba(60,56,71,1) 0%, rgba(51,87,104,1) 100%);
background: -ms-linear-gradient(left, rgba(60,56,71,1) 0%, rgba(51,87,104,1) 100%);
background: linear-gradient(to right, rgba(60,56,71,1) 0%, rgba(51,87,104,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c3847', endColorstr='#335768', GradientType=1 );
}



.hover-morado:hover{color: #b65ac1;}
.hover-verdeagua:hover{color: #3CC;}

.hidden,.hide{display:none;}

.material{
    /*background: #FFF;*/
    border-radius: 1px;
    box-shadow: 0 3px 6px -1px rgba(0, 0, 0, 0.25);
    overflow: hidden;
}


.addPadding5{padding:.5rem;}
.addMargin5{margin:.5rem;}
.redondear{border-radius: 5px;}

.bg-cosmos{background:var(--cosmos);}/*#3C1053*/
.bg-darkgrey{background-color:#3d3a39;}
.bg-lightgrey{background-color:#DDD;}

.navbar-brand img{max-width: 150px;}
.sm{font-size:.85rem;}
.navbar-dark .navbar-nav .active > .nav-link{color:#20b3af;}
.mr1{margin-right: 1rem;}
.mr2{margin-right: 2rem;}
.mr3{margin-right: 3rem;}

.m1{margin:1rem;}
.m2{margin:2rem;}
.m3{margin:3rem;}
.m4{margin:4rem;}
.m5{margin:5rem;}

.p1{padding:1rem;}
.p2{padding:2rem;}
.p3{padding:3rem;}
.p4{padding:4rem;}
.p5{padding:5rem;}

.paddSides15{padding:0 15px;}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="date"]:focus,
textarea:focus{border-color:#333;color:#333;}

.form-error{font-size:.8em;color:#900;}

.readonly{background:#DEDEDE;border:1px solid #7f9db9;}
.setpadding5{padding:5px;}
.setpadding20{padding:20px;}

.bordear-tabla th{border:1px solid #FFF;}

.container-fluid{padding:0px !important;}
#innerContainer{padding:0 15px;}

.tableDesign{border-collapse:collapse;margin:20px auto;}
.tableDesign thead{}
.tableDesign thead tr th{background:var(--cosmos);color:#FFF;padding:2px 4px;border:1px solid #929292;font-size:.85rem;}
.tableDesign tbody{}
.tableDesign tbody tr td{background:#F0F0F0;padding:2px 4px;border:1px solid #929292;color:#525252}

.tableDesign td.Abierto{background:#AAFCE0;}
.tableDesign td.Cerrado{background:#D6D6D6;}
.tableDesign td.Pendiente{background:#F5FCAA;}

.tableDesign td{font-size:.85rem;}
.tableDesign td.folio{background:#616161;color:#CDCDCD;font-size:.85rem;}

.tableRegistro{width:100%;}
.tableRegistro tr th{border-bottom:1px dotted #686868;background:var(--cosmos);color:var(--cometa);padding:3px 10px;max-width:20%;width:20%;font-size:.9rem;text-align:right;}
.tableRegistro tr td{border-bottom:1px dotted #686868;padding:3px 10px;font-size:.9rem;width:80%;}
.tableRegistro td.Abierto{background:#AAFCE0;color:#000;}
.tableRegistro td.Cerrado{background:#D6D6D6;color:#000;}
.tableRegistro td.Pendiente{background:#F5FCAA;color:#000;}

.tableRegistro .observacion tr th{background:#B0B0B0;color:#424242;padding:3px 10px;max-width:15%;width:15%;font-size:.9rem;text-align:right;}
.tableRegistro .observacion tr td{border:1px dotted #686868;padding:3px 10px;font-size:.9rem;width:70%;}

.btn[disabled]{background:#404040;}

.tableRegistro textarea,
.tableRegistro textarea:focus{background-color: #f5f8fa;color: #33475b;font-size: 14px;font-weight: normal;line-height: 22px;border: 1px solid #cbd6e2;width:100%;}

/*
AJUSTES
*/


/*
Desktop First
max-width
+1200px
1200px-red
1024px-green
768px-blue
600px-cyan
480px-magenta
320px-yellow
----------------

Mobile First
min-width
-320px-yellow
-480px-magenta
-600px-cyan
-768px-blue
-1024px-green
-1200px-red
+1200px
*/
/*|||||||||||||||||||1200px||||||||||||||||||||||*/
@media screen and (max-width: 1200px){
	.checker{background:yellow;}
}

/*|||||||||||||||||||1024px||||||||||||||||||||||*/
@media screen and (max-width: 1024px){
	.checker{background:magenta;}
}

/*|||||||||||||||||||768px||||||||||||||||||||||*/
@media screen and (max-width: 768px){
	.checker{background:cyan;}
}

/*|||||||||||||||||||600px||||||||||||||||||||||*/
@media screen and (max-width: 600px){
	.checker{background:blue;}
}

/*|||||||||||||||||||480px||||||||||||||||||||||*/
@media screen and (max-width: 480px){
	.checker{background:green;}
}

/*|||||||||||||||||||320px||||||||||||||||||||||*/
@media screen and (max-width: 320px){
	.checker{background:red;}
}