@charset "utf-8";
/* CSS Document */
	
/*Reseteo Universal*/
	html{ font-size:16px; }
	*{ border:0; box-sizing:border-box; margin:0; padding:0; text-decoration:none; }
	:focus { outline:0; }
	body{ background:#B4EED2; color: #282828; font-family:'Quicksand', sans-serif; font-size:0.9rem; font-weight:normal; line-height:1.2rem; margin:0; padding:0; }
	.body--white{ background:#FFF; }
	
/*Fuentes*/
	.Lato {	font-family: 'Lato', sans-serif; font-size: 1em; }
	.Roboto { font-family: 'Roboto', sans-serif; font-size: 1em; }
	.Oswald { font-family: 'Oswald', sans-serif; font-size: 1em; }
	.Quicksand{ font-family: 'Quicksand', sans-serif; }
	
/*Header*/
	#header{ box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1); background:#176c43; background-position:center center; background-repeat:no-repeat; background-size:cover; background-image:url(../../img/hd1.jpg); height:8.2rem; position: fixed; top:0; transition: top 0.5s; width:100%; z-index:9999; }
	.head{ border:0px solid #00dd00; display:flex; flex-direction:row; justify-content:space-between; align-items:center; height:100%; }
	.head__logo{ border:0px solid #cc0000; display:flex; flex-direction:row; justify-content:center; align-items:center; width:20%; }
	.head__logo-img{ height:auto; max-width:96px; width:100%; }
	.head__data{ border:0px solid #ffcc00; display:flex; flex-direction:column; height:100%; justify-content:space-between; align-items:flex-end; width:80%; }
	.head__data-wrap-titulo{ border:0px solid #cc0000; height:2.6rem; margin-right:1.5rem; position:relative; width:40%; }
	.head__data-titulo{ border-radius:0.5rem; background:#00B1F1; box-shadow: 2px 2px 10px 1px rgba(0, 0, 0, 0.1); color:#fff; position:absolute; font-family: 'Oswald', sans-serif; font-size:1.3rem; height:100%; padding-top:0.9rem; top:-0.5rem; text-align:center; width:100%; }
	.head__data-menu{ border:0px solid #00DD00; height:auto; margin-right:1.5rem; padding-bottom:1rem; text-align:right; width:100%; }

/*Menu de Navegacion*/
	#hd_0_3_1{ align-items:center; bottom:0; display:flex; font-family: 'Quicksand', sans-serif; font-size:1rem; font-weight:normal; filter:alpha(opacity=9.6); justify-content:flex-end; opacity:0.96; position:relative; right:0px; }
	#hd_0_3_1 label{ cursor:pointer; display:none; width:auto; }
	#btn-menu{ color:#0053A4; display:none; }	
	nav{ width:auto; }
	.menu ul{ display:flex; justify-content:left; list-style:none; }
	.menu ul li{ padding:0 0.8rem; text-align:left; }
	.menu ul li ul { padding-top:1rem; }
	.menu ul ul{ background:#FFF; display:none; }
	.menu ul a{ color:#FFF; display:block; text-decoration:none; }
	.menu ul ul li a{ font-size:0.7rem; color:#000; padding:0.3rem 0.5rem; width:auto; }
	.menu a:hover{ background: rgba(0,0,0,0); color:#F45855; }
	.menu a i{ display:none; }
	.menu ul li:hover ul{ display:block; position:absolute; }

/*Footer*/
	footer{ background:#B4EED2; height:auto; padding:1rem 2rem; width:100%; }

/*Formulario*/	
	a{ color:#176c43; cursor:pointer; font-family:'Quicksand', sans-serif; font-size:1rem; text-decoration:none; transition:all 0.3s ease-out; }
	a:hover{ color:#219B60; text-decoration:none; }	
	.textbox{ border:1px solid #D6D7D8; background:#FFF; color:#282828; border-radius:0.3rem; font-family: 'Quicksand', sans-serif; font-size:0.9rem; height:auto; padding:0.5rem; vertical-align:middle; width:100%; }
	.textbox--big{ height:8rem; }
	.textbox--disabled{ background:#efefef; }	
	.textbox--anchofijo{ width:300px; }
	
	/*Estilos para mover el placeholder arriba*/
	.wrap_textbox{ margin:0.3rem; position:relative; }
	.label_textbox{ pointer-events: none; color:#737677; font-family: 'Quicksand', sans-serif; font-size:0.8rem; left:0.4rem; top:18%; /*margin-bottom:5px;*/ position:absolute; transform-origin: 0 0; transition: transform 0.2s ease-in-out; }
	.label_textbox--message{ top:8%; }
	.textbox:focus + .label_textbox, .textbox:not(:placeholder-shown) + .label_textbox { transform: translateY(-0.6em) scale(0.8); }
	.textbox::placeholder{ color:transparent; }
	
	.button{ background:#176c43; border-radius:0.3rem; color:#FFF; cursor:pointer; font-family: 'Quicksand',sans-serif; font-size:0.8rem; font-weight:bold; height:auto; margin:0 auto; padding:0.5rem 1rem; text-align:center; transition:all 0.3s ease-in; width:100%; }
	.button:hover{ background:#219B60; }
	.button--second{ background:#f22f2b; }
	.button--second:hover{ background:#F45855; }
	.button--third{ background:#00B1F1; }
	.button--third:hover{ background:#57D2FF; }
	.label{ font-size:0.9rem; font-weight:bold; margin:0.5rem 0 0.1rem 0; }
	.label-mini{ font-size:0.75rem; font-style:normal; margin:0 0 0.1rem 0; text-align:left; }
	.label--greenbold{ font-weight:bold; color:#219B60; }	
	.wrap-passw{ background:#FFF; border:1px solid #D6D7D8; border-radius:0.2rem; display:flex; flex-direction:row; justify-content:space-between; align-items:center; padding-right:0.3rem; width:100%; }
	.passw{ border:0; color:#282828; width:100%; }
	.iconeye{ font-size:1.2rem; opacity:0.3; cursor:pointer; }
	.iconeye:hover { opacity:0.8; }
	.icontrash{ font-size:0.9rem; opacity:1; color:#cc0000; cursor:pointer; }
	.icontrash:hover { opacity:0.6; }
	.texto-vertical{ transform: rotate(270deg); }
	
/*Textos*/	
	h1{ color:#f22f2b; font-family: 'Quicksand',serif; font-size:1.8rem; font-weight:bold; line-height:2rem; }
	h2{ color:#f22f2b; font-family: 'Quicksand',serif; font-size:1.4rem; font-weight:bold; line-height:1.6rem; }
	h3{ font-family: 'Quicksand',serif; font-size:1rem; font-weight:bold; line-height:1.2rem; }

/*Lineas*/
	hr { border:0; height:1px; background-color:#ccc; }
	.hr-dotted { border-bottom:1px dotted #FFF; height:1px; background-color:#282828; }

/*Overlay y Popup*/	
	.overlay { align-items:center; justify-content:center; background:rgba(255,255,255,0.9); bottom:0; display:flex; left:0; position:fixed; right:0; top:0; visibility:hidden; z-index:999999; }
	.overlay--active { visibility: visible; }	
	.overlay__img { margin: auto; margin-top:6.25rem; text-align:center; }	
	.popup { background: #F8F8F8; border:1px solid #ccc; color:#282828; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); border-radius:0.3rem; font-family: 'Quicksand', sans-serif; padding:2rem; text-align: center; width:50%; transition: .3s ease all; transform: scale(0.7); opacity: 0; }	
	.popup_data{ height:600px; overflow:auto; }
	.popup_cerrar{ border-radius:0.2rem; background:#FFF; border:1px solid #CCC; position:absolute; padding:0.5rem; right:-30px; top:-20px; }
	.popup__btn-cerrar { color: #f22f2b; display: block; font-size:1rem; line-height: 16px; text-align: right; transition: .3s ease all; }
	.popup__btn-cerrar:hover{ color: #F45855; }
	.overlay--active { transform: scale(1); opacity: 1; }

/*Notificaciones Popup*/
	.notify__overlay { border:0px solid #cc0000; width:100%; height:100%; color:#fff; margin:0 auto; position:fixed; background-image:url(../../img/bgmogal.png); top:0px; left:0%; z-index:999999; }
	.notify__ventana { border:0px solid #cc0000; height:auto; padding:0; color:#4444; font-family: 'Quicksand', sans-serif; font-size:0.9rem; top:5%; left:30%; position:absolute; margin:0 auto; width:40%; }
	.notify__cerrar { color:#FFF; font-weight:normal; font-family: 'Quicksand', sans-serif; font-size:1rem; text-align:right; width:auto; margin:0 auto; }
	.notify__wrap { background:#FFF; border:0px solid #cc0000; box-sizing:border-box; box-shadow:0 2px 5px rgba(0,0,0,0.2); display:flex; flex-direction:column; justify-content:flex-start; align-items:center; max-height:600px; overflow: auto; padding:1.2rem; }
	.notify__title { color:#444; font-family: 'Quicksand', sans-serif; font-weight:bold; font-size:1.1rem; height:auto; margin-bottom:0.5rem; text-align:left; width:100%; }
	.notify__data { color:#444; font-family: 'Roboto', sans-serif; font-size:0.9rem; padding:0.5rem 1rem; }
	.notify__data-cant { font-weight:bold; }	
	.notify__wrapdetail { border:1px solid #ccc; color:#444; height:auto; padding:0.5rem; width:100%; }
	.notify__data--detail { border-bottom:1px solid #ccc; color:#999; height:auto; padding:0; width:100%; }
	.notify__module { border:1px solid #ccc; background:#efefef; box-sizing:border-box; /*border-radius:0.3rem;*/ cursor:pointer; display:flex; flex-direction:row; justify-content:flex-start; align-items:center; /*margin:0 0 0.6rem 0;*/ margin: 0; padding:0; width:100%; -webkit-transition:all 0.5s ease-out;/*Chrome y Safari*/ -o-transition:all 0.5s ease-out;/*Opera*/ -moz-transition:all 0.5s ease-out;/*Mozilla Firefox*/ -ms-transition:all 0.5s ease-out;/*Internet Explorer*/ transition:all 0.5s ease-out;/*W3C*/ }
		.notify__module:hover{ background:#FFF; }
	.notify__link { color:#999; cursor:pointer; font-family: 'Roboto', sans-serif; font-size:0.9rem; text-decoration:none; transition:all 0.3s ease-out; }
	.notify__link:hover { color:#F45855; text-decoration:none; }	
	.notify__icon { background:#38468c; /*border-radius:0.3rem;*/ color:#FFF; font-size:1.2rem; padding:0.5rem 0.8rem; }
	.notify__icon-vu { background:#219B60; }
	.notify__icon-ti { background:#f22f2b; }
	.notify__icon-gi { background:#FFCC00; }
	.notify__icon-mi { background:#00B1F1; }

/*Iconos Flotantes*/
	.floaticons__whatsapp{ background:#00a500; background-size:3rem 3rem; box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2); bottom:1.25rem; color:#FFF; left:1.25rem; cursor:pointer; font-size:3rem; filter:alpha(opacity=7); opacity:0.7; height:3rem; margin:auto; position:fixed; border-radius:999px; width:3rem; z-index:99999; }
	.floaticons__whatsapp-pulse1 { animation:pulse1-whatsapp 2s linear infinite; border:3px solid rgba(255,255,255,.1); border-radius:999px; bottom:1rem; box-shadow:inset 0px 0px 15px 10px #00A500; left:1rem; height:3.5rem; margin:auto; opacity:0; position:fixed; width:3.5rem; z-index:99991; }
	.floaticons__whatsapp-pulse2 { animation:pulse2-whatsapp 2s linear infinite; border:1px solid rgba(255,255,255,0);  border-radius:999px; bottom:1rem; box-shadow:inset 0px 0px 12px 5px #00A500;  left:1rem; height:3.5rem; margin:auto; opacity:0; position:fixed; width:3.5rem; z-index:99992; }
	@keyframes pulse1-whatsapp { 0% { transform:scale(.6); opacity:0; } 50% { transform:scale(.6); opacity:0; } 60% { transform:scale(.9); opacity:.1; } 70% { transform:scale(1.1); opacity:.25; } 80% { transform:scale(1.25); opacity:.1; } 100% { transform:scale(1.4); opacity:0; } }
	@keyframes pulse2-whatsapp { 0% { transform:scale(.6); opacity:0; } 40% { transform:scale(.8);opacity:.05;} 50% { transform:scale(1);  opacity:.1; } 60% { transform:scale(1.1); opacity:.3;  } 80% { transform:scale(1.2);  opacity:.1; } 100% { transform:scale(1.3); opacity:0;}  }
	.floaticons__phone{ background:#F45855; box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2); border:0 solid #FFF;  background-size:3rem 3rem; bottom:5rem; color:#FFF; display:flex; filter:alpha(opacity=7); opacity:0.7; justify-content:center; align-items:center; left:1.25rem; cursor:pointer; font-size:3rem; height:3rem; margin:auto; position:fixed; border-radius:999px; width:3rem; z-index: 99999; }
	.floaticons__gototop{ background:#00B1F1; box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2); border-radius:999px; bottom:1.25rem; color:#FFF; cursor:pointer; display:none; font-size:3rem; filter:alpha(opacity=7); opacity:0.7; right:1.25rem; padding:0rem; position:fixed; z-index:99999; }

	/*Icon Notificacion*/
	.iconnf{ background-size:3rem 3rem; /*box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);*/ bottom:4.25rem; color:#ff0000; right:1.25rem; cursor:pointer; font-size:3rem; filter:alpha(opacity=7); opacity:0.7; height:3rem; margin:auto; position:fixed; border-radius:999px; width:3rem; z-index:99999; }
	.pulse1nf { border: 3px solid rgba(255,255,255,.1); bottom:4.10rem; right:1.10rem; height: 54px; margin: auto; opacity: 0; position: fixed; -webkit-animation: pulsejg1nf 2s linear infinite; -moz-animation: pulsejg1nf 2s linear infinite; animation: pulsejg1nf 2s linear infinite; -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px; -webkit-box-shadow: inset 0px 0px 15px 10px #FF0000; -moz-box-shadow: inset 0px 0px 15px 10px #FF0000; box-shadow: inset 0px 0px 15px 10px #FF0000); width: 54px; z-index: 1000; }
	.pulse2nf { border: 1px solid rgba(255,255,255,0);  bottom:4.10rem; right:1.10rem; height: 54px; margin: auto; opacity: 0; position: fixed; -webkit-animation: pulsejg2nf 2s linear infinite; -moz-animation: pulsejg2nf 2s linear infinite; animation: pulsejg2nf 2s linear infinite; -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px; -webkit-box-shadow: inset 0px 0px 12px 5px #FF0000;  -moz-box-shadow: inset 0px 0px 12px 5px #FF0000;  box-shadow: inset 0px 0px 12px 5px #FF0000;   width: 54px; z-index: 2000; }
	@-webkit-keyframes pulsejg1nf { 0% { -webkit-transform: scale(.6); opacity: 0; } 50% { -webkit-transform: scale(.6); opacity: 0; } 60% { -webkit-transform: scale(.9); opacity: .2; } 70% { -webkit-transform: scale(1.1); opacity: .35; } 80% { -webkit-transform: scale(1.25); opacity: .2; } 100% { -webkit-transform: scale(1.4); opacity: 0; } }
	@-moz-keyframes pulsejg1nf { 0% { -moz-transform: scale(.6); opacity: 0; } 50% { -moz-transform: scale(.6); opacity: 0; } 60% { -moz-transform: scale(.9); opacity: .2; } 70% { -moz-transform: scale(1.1); opacity: .35; } 80% { -moz-transform: scale(1.25); opacity: .2; } 100% { -moz-transform: scale(1.4); opacity: 0; } }
	@keyframes pulsejg1nf { 0% { transform: scale(.6); opacity: 0; } 50% { transform: scale(.6); opacity: 0; } 60% { transform: scale(.9); opacity: .1; } 70% { transform: scale(1.1); opacity: .25; } 80% { transform: scale(1.25); opacity: .1; } 100% { transform: scale(1.4); opacity: 0; } }
	@-webkit-keyframes pulsejg2nf { 0% { -webkit-transform: scale(.6); opacity: 0; } 40% { -webkit-transform: scale(.8); opacity: .05; } 50% { -webkit-transform: scale(1); opacity: .1; } 60% { -webkit-transform: scale(1.1); opacity: .3; } 80% { -webkit-transform: scale(1.2); opacity: .1; } 100% { -webkit-transform: scale(1.3); opacity: 0; } }
	@-moz-keyframes pulsejg2nf { 0% { -moz-transform: scale(.6); opacity: 0; } 40% {-moz-transform: scale(.8);opacity: .05;} 50% {-moz-transform: scale(1);opacity: .1;} 60% {-moz-transform: scale(1.1);opacity: .3;} 80% {-moz-transform: scale(1.2);opacity: .1;} 100% {-moz-transform: scale(1.3);opacity: 0;} }
	@keyframes pulsejg2nf { 0% {transform: scale(.6);opacity: 0;} 40% {transform: scale(.8);opacity: .05;} 50% {transform: scale(1);opacity: .1;} 60% {transform: scale(1.1);opacity: .3;} 80% {transform: scale(1.2);opacity: .1;} 100% {transform: scale(1.3);opacity: 0;} }
	

/*Tablas Responsive*/	
	.tableR { border-collapse:collapse; width:100%; }	
	.thR{ background:#219B60; color:#fff; font-weight:normal; }
	.tdR, .thR{ border:1px solid #D6D7D8; font-size:0.9rem; padding:0.2rem; }
	.td--subtit{ font-size:0.9rem; }
	.td--grey{ background:#B4EED2; }
	.td--position-hori{ text-align:center; }
	.table__link{ cursor:pointer; }
	.table__link:hover{ background:#fff3f6; }
	
/*Tablas normales*/
	.tabla{ border-collapse:collapse; width:100%; }
	.th{ background:#219B60; color:#fff; font-weight:normal; }
	.td, .th{ border:1px solid #D6D7D8; font-size:0.8rem; padding:0.2rem; }

/*Areas de Trabajo*/
	.wrap-principal{ border:0px solid #cc0000; background:#FFF; display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start; height:auto; margin:8.2rem auto 0 auto; padding:3.5rem 4rem;  width:100%; }	
	.wrap-principal__fondo{ background-position:top center; background-repeat:no-repeat; background-size:cover; background-image:url(../../img/background.jpg); }
	.wrap-title{ border-bottom:1px solid #BDBFC1; height:auto; margin-bottom:1rem; padding-bottom:0.3rem; text-align:left; width:100%; }
	
	.wrap-form__h{ border:0px solid #3366cc; display:flex; flex-direction:row; justify-content:space-between; align-items:flex-start; text-align:left; height:auto; width:100%; }
	.wrap-form__h--start{ border:0px solid #3366cc; justify-content:flex-start; align-items:flex-start; }
	.wrap-form__h--start-center{ border:0px solid #3366cc; display:flex; flex-direction:row; ustify-content:flex-start; align-items:center; }
	.wrap-form__hcenter{ border:0px solid #cc0000; display:flex; flex-direction:row; justify-content:space-between; align-items:center; height:auto; width:100%; }
	.wrap-form__h--filters{ border:0px solid #3366cc; background:#F3F4F4; display:flex; flex-direction:row; justify-content:flex-start; align-items:flex-start; flex-wrap: wrap; height:auto; padding:0.5rem; width:100%; }
	.wrap-form__h--details{ border:2px solid #D6D7D8; background:#FFF; display:flex; flex-direction:row; justify-content:space-between; align-items:flex-start; flex-wrap: wrap; height:auto; padding:1rem; width:100%; }
	.wrap-form__h--details--sinborde{ border:0; padding:0; }
	.wrap-form__h--details--background-margin{ border:0; background:#f0f0f0; margin-bottom:1rem; }
	.wrap-form__h--details-column{ border:0px solid #cc0000; border-bottom:1px solid #D6D7D8; height:auto; margin:0.5rem; width:31%; }
	.wrap-form__h--details-column-double{ border:0px solid #3366cc; height:auto; border-bottom:1px solid #D6D7D8; margin:0.5rem; width:62%; }
	.wrap-form__h--details-column-triple{ border:0px solid #00dd00; height:auto; border-bottom:1px solid #D6D7D8; margin:0.5rem; width:100%; }
	.wrap-form__v{ border:0px solid #3366cc; display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start; height:auto; width:100%; }
	
	
	.wrap-form__50{ padding:0 0.5rem; width:50%; }
	.wrap-form__30{ padding:0 0.5rem; width:32%; }
	.wrap-form__margin-big{ margin:11rem 0; }
	.wrap-form__margin-small{ margin:1rem 0 0 0; }
	.wrap-form__borderbottom{ border-bottom:1px dotted #D6D7D8; padding-bottom:0.4rem; }
	
	.wrap-form__object{ border:0; height:auto; margin-bottom:0.5rem; padding:0; width:100%; }
	.wrap-salto-parrafo{ height:auto; margin-bottom:1rem; width:100%; }

/*Areas Especiales*/
	.wrap-radicado{ border-top:1px solid #ccc; display:flex; flex-direction:row; justify-content:flex-start; align-items:center; height:auto; padding:3rem 0; margin-top:2rem; width:100%; }
	.wrap-radicado__numero{ font-size:2rem; font-weight:bold; height:auto; width:50%; }
	.wrap-radicado__sello{ border:1px solid #cc0000; height:auto; overflow:hidden; position:relative; width:100%; }
	.result_sello { display: none; }
	canvas { border: 1px solid blue; display:none; }
	.wrap-radicado__botones{ display:flex; flex-direction:row; justify-content:flex-start; align-items:center; height:auto; width:50%; }
	.wrap-icon-action{ cursor:pointer; margin-left:0.5rem; }
	.wrap-sello__hoja{ border:0px solid #000; height:1050px; margin:0 auto; position:relative; width:800px; }
	.wrap-sello__data{ border:1px solid #000; display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start; font-size:0.6rem; line-height:0.6rem; height:auto; padding:0.5rem; position:absolute; width:400px; z-index: 999; }
	.wrap-sello__data--D{ top:50%; right:-10.7rem; transform:rotate(270deg); }
	.wrap-sello__data--I{ top:50%; left:-10.7rem; transform:rotate(270deg); }
	.wrap-sello__data--A{ top:0.5rem; left:25%; }
	.wrap-sello__data--B{ bottom:0.3rem; left:25%; }
	.wrap-sello__data--BOF{ bottom:-15.8rem; left:25%; }
	.wrap-sello__label{ font-weight:bold; }
	
	.wrap-email__list-destinatarios{ border:1px solid #f0f0f0; background:#fff; display:flex; flex-direction:row; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap; height:auto; margin:1.5rem 0; padding:0.5rem; width:100%; }
	.wrap-email__list-destinatarios--margin-small{ margin:0.3rem 0; }
	.wrap-email__destinatario{ border:1px solid #8a8a8a; display:flex; flex-direction:row; justify-content:space-between; align-items:center; height:auto; margin:0.2rem; padding:0.3rem 0.4rem; width:auto; }
	.wrap-email__data{ font-size:0.6rem; }
	.wrap-email__close{ cursor:pointer; color:#F45855; margin-left:0.4rem; }
	.wrap-email__close:hover{ color:#FCDAD9; }
	
	.wrap-num_resultados{ height:auto; margin:0 0 0.3rem 0; font-weight:bold; width:100%; }
	.wrap-nom_files{ font-size:0.8rem; }
	.wrap-convenciones{ border:1px solid #ccc; margin-right:0.2rem; background:#FFF; height:1rem; width:2rem; }
	
	
/*Graficas*/
	.wrap-graficas{ border:1px solid #CCC; box-sizing:border-box; font-weight:normal; height:auto; margin:0 auto; padding:20px; text-align:left; width:100%; }
	.wrap-graficas-movil{ border:1px solid #CCC; box-sizing:border-box; display:none; font-weight:normal; height:auto; margin:0 auto; padding:20px; text-align:left; width:100%; }