/* ************************************************************** ESAT SYSTEM Especialistas en Sistemas y Aplicaciones Tecnológicas http://www.esatsystem.net Facebook and Twitter >> @esatsystem YouTube >> esat system By: Rashta Vidal Miguel Angel ************************************************************** */ /*@import url('https://fonts.googleapis.com/css?family=Open+Sans:400i&display=swap');*/ body{ margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; font-family:Arial, Helvetica, sans-serif; background: radial-gradient(circle, rgba(56,74,166,1) 0%, rgba(147,0,22,0.8967786943879115) 100%); } @font-face { font-family: 'mfont-1'; src: url("../fonts/Roboto-Regular.ttf"); } a:link {text-decoration: none;} a:visited {text-decoration: none;} a:hover {text-decoration: none; color: #74C059;} a:active {text-decoration: none;} a{color: #FCFF23;} #mask { display: none; background: #000000; position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.8; z-index: 1; } #carga{ display: none; background-color: #fff; border-radius: 20px; border: 1px solid #000; text-align:center; position: fixed; left: 50%; top: 50%; margin-left:-75px; margin-top:-40px; width: 150px; height: 80px; padding:10px; z-index: 3; } .avisook{font-size: 1em; font-weight: bold; color: #2B8557; background-color: #C6FFE9; text-align: center; margin-bottom: 10px; padding: 10px; box-shadow: 0px 0px 5px #49B67E;} .avisonot{font-size: 1em; font-weight: bold; color: #A33838; background-color: #EBD247; text-align: center; margin-bottom: 10px; padding: 10px;} #msjreg{ display: none; background-color: #fff; width: 100%; text-align: center; font-size: 14px; font-weight: bold; overflow: hidden; padding: 10px; margin-bottom: 20px; } #msjreg .regok{color: #3A973E;} #msjreg .regnot{color: #d45d79;} #msjregval{ display: none; position: fixed; background-color: #fff; width: 300px; left: 50%; top: 50%; margin-left: -150px; border-radius: 20px; border: 3px solid #d45d79; color: #d45d79; text-align: center; font-size: 14px; font-weight: bold; overflow: hidden; padding: 10px; z-index: 2; box-shadow: 0px 0px 4px #d45d79; } #alert{font-size: 11pt; color: #A33838; display: none; text-align: center;} #ventana{position: fixed; left: 50%; top: 50%; width: 400px; min-height: 200px; margin-left: -200px; margin-top: -120px; padding: 15px; background-color: #fff; border-radius: 10px; border: 1px solid #B7B7B7; z-index: 2;} #WinFloat{ display: none; background-color: #fff; border-radius: 20px; width: 250px; overflow: 100%; position: absolute; left: 50%; top: 50%; margin-left:-125px; padding:5px; z-index: 2; box-shadow: 0px 0px 4px #fff; } #WinFloat .msg{position: absolute; width: 40px; line-height: 40px; left: 50%; margin-left: -20px; top: 50%; margin-top: -20px; color: #629F52; font-weight: bold; font-size: 50px; display: none; z-index: 3;} #WinFloat .title{width: 100%; background-color: #960283; color: #fff; font-size: 2em; font-weight: bold; padding: 5px; border-radius: 20px; text-align: center;} #WinFloat .subtitle{font-size: 14px; color: #6e5773; text-align: center; padding: 5px; margin-bottom: 10px; line-height: 20px; background-color: #39375b; color: #fff;} #WinFloat .asterisk{font-size: 12px; color: red;} #WinFloat #headform{font-size: 12px; color: #1b262c;} #WinFloat #formvirtual{font-size: 12px; font-weight: bold; text-align: justify; color: #6e5773; padding: 0 5px;} #WinFloat input[type="text"]{height: 30px; border: 1px solid #A9BBED; border-bottom: 2px solid #4990B9; font-size: 12px; text-align: center;} #WinFloat select{height: 30px; border: 1px solid #A9BBED; border-bottom: 2px solid #4990B9; font-size: 12px; text-align: center;} #WinFloat textarea{border: 1px solid #A9BBED; border-bottom: 2px solid #4990B9; font-size: 12px;} #WinFloat #closed{position: absolute; border-radius: 50%; background-color: #000; color: #fff; right: -8px; top: -8px; line-height: 22px; width: 26px; font-size: 15px; text-align: center; border: 2px solid #fff; cursor: pointer;} .spaceh-lg{width: 100%; height: 120px; clear: left;} .spaceh-mld{width: 100%; height: 100px; clear: left;} .spaceh-msd{width: 100%; height: 80px; clear: left;} .spaceh-md{width: 100%; height: 60px; clear: left;} .spaceh-ms{width: 100%; height: 30px; clear: left;} .spaceh-nh{width: 100%; height: 20px; clear: left;} .spaceh-ns{width: 100%; height: 10px; clear: left;} .spaceh-mx{width: 100%; height: 5px; clear: left;} .ocult{display: none;} .visible{display: block;} .asterisk{color: #C32B2B;} .lineblue{width: 100%; height: 5px; margin: 20px 0; background-color: #1775ba;} .linered{width: 100%; height: 5px; margin: 20px 0; background-color: #e16752;} .container{height: 100%;} .container section#login{width: 600px; height: 100%; margin: 0 auto;} .container section#login #head-log{position: relative; background-color: #930016; font-size: 20px; color: #fff; border-radius: 20px 20px 0 0; border-bottom: 3px solid #fff; text-align: center;} .container section#login #head-log img#logohz{width: 180px; height: 100px; margin-top: 20px;} .container section#login #head-log .log1{font-size: 1.5em; text-shadow: 0px 3px 2px #000; text-align: center;} .container section#login #head-log .log1 #title{font-size: 0.75em; color: #ffc85c;} .container section#login #head-log .log2{position: absolute; display: flex; justify-content: right; align-items: center; text-shadow: 0px 2px 2px #000; right: 10px; top: 5px;} .container section#login #head-log .log2 a i.icon-times-circle{color: #fff; font-size: 25px;} .container section#login #bodys-log{background-color: rgba(255,255,255,0.8); border-radius: 0 0 20px 20px; padding: 20px;} .container section#login #bodys-log .menu{text-align: center;} .container section#login #bodys-log .menu .title{font-size: 2em; font-weight: bold; color: #930016;} .container #head{background-color: #930016; font-size: 20px; color: #fff; border-radius: 20px; border-bottom: 3px solid #dddddd;} .container #head .a1{line-height: 60px; font-size: 1.2em; text-shadow: 0px 3px 2px #000;} .container #head .a2{display: flex; font-size: 1.5em; justify-content: right; align-items: center; text-shadow: 0px 2px 2px #000;} .container #head .a2 a i.icon-times-circle{color: #fff; font-size: 35px;} .container #lat-platform{border-radius: 0 0 20px 20px; min-height: 600px;} .container #lat-platform .menu{text-align: center; background-color: rgba(255,255,255,0.8); padding: 15px; border-radius: 20px;} .container #lat-platform .menu img#logohz{width: 170px; height: 90px; margin-bottom: 20px;} .container #lat-platform .menu img#loguerconfig{width: 150px; height:150px; border-radius: 50%; border-bottom: 5px solid #f76a8c;} .container #lat-platform .menu .title{font-size: 1.2em; font-weight: bold;} .container #lat-platform .menu .titlename{font-size: 16px; font-weight: bold; color: #2E2E2E;} .container #lat-platform .menu .subtitle{font-size: 16px; color: #37313A;} .container #lat-platform .menu ul{text-decoration: none; padding: 0px;} .container #lat-platform .menu ul li{list-style-type: none; text-align: left; line-height: 30px; border-bottom: 1px solid #670A0A; padding: 10px; color: #37313A;} .container #lat-platform .menu ul li:hover{background-color: #c05555; cursor: pointer; color: #fff;} .container #lat-platform .menu ul a li{list-style-type: none; text-align: left; line-height: 30px; border-bottom: 1px solid #670A0A; padding: 10px; color: #37313A;} .container #lat-platform .menu ul a li:hover{background-color: #c05555; cursor: pointer; color: #fff;} .container #lat-platform .menufoot{text-align: center; background-color: rgba(255,255,255,0.8); padding: 15px; border-radius: 20px;} .container #lat-platform .menufoot .title{background-color: #007bff; color: #fff; padding: 5px; border-radius: 15px;} .container #lat-platform .bodyg{} .container #lat-platform .bodyg #group-list{background-color: rgba(255,255,255,0.8); border-radius: 20px; min-height: 600px; padding: 25px;} .container #lat-platform .bodyg #group-list .cuadre-config{background-color: #fff; padding: 20px; border-radius: 20px;} .container #lat-platform .bodyg #group-list .cuadre-config .iconconfig{width: 130px;} .container #lat-platform .bodyg #group-list .cuadre-config .title{font-size: 1em; font-weight: bold; color: #666666;} .container #lat-platform .bodyg #group-list .cuadre-config .subtitle{font-size: 0.8em; color: #969696;} .container #lat-platform .bodyg #group-list .groupmoni{background-color: #B3ECEE; font-size: 0.9em; font-weight: bold; border: 1px solid #717171; border-bottom: 4px solid #717171; border-radius: 20px; padding: 10px;} .container #lat-platform .bodyg #group-list .groupmoni img{width: 90px; margin-bottom: 10px;} .container #lat-platform .bodyg #group-list a .groupmoni{color: #000; background-color: #B3ECEE;} .container #lat-platform .bodyg #group-list .groupmoni:hover{background-color: #fdca40; cursor: pointer;} .container #lat-platform .bodyg #group-list .groupmoni .p-2{margin: 0 10px 0 10px;} .container #lat-platform .bodyg #formulary{background-color: rgba(255,255,255,0.8); border-radius: 20px; min-height: 500px; padding: 25px;} .container #lat-platform .bodyg #formulary input[type="text"]#busq{width: 100%; line-height: 30px; border: none; border-bottom: 1px solid #4990B9; padding: 5px; font-size: 10pt;} .container #lat-platform .bodyg #formulary #bodydescrip{text-align: center; font-size: 14pt; color: #263f44; padding: 20px;} .container #lat-platform .bodyg #formulary #bodydescrip i{font-size: 80px;} .container #lat-platform .bodyg #formulary #listinst{position: absolute; width: 92%; padding: 1%; margin: 1% 0; display: none; background-color: #fff; border-radius: 10px; border: 1px solid #B7B7B7; max-height: 330px; overflow-y: auto; z-index: 1;} .container #lat-platform .bodyg #formulary #listinst .fonts{font-size: 7pt; color: #7C7C7C;} .container #lat-platform .bodyg #formulary #listinst table td{line-height: 25px; border-bottom: 1px solid #DADADA; padding: 0 1%; font-size: 8pt;} .container #lat-platform .bodyg #formulary #listinst table tr.cabcel{background-color: #5D909D; color: #fff; font-weight: bold;} .container #lat-platform .bodyg #formulary #listinst table tr.scel:hover{background-color: #CADADE; cursor: pointer;} .container #lat-platform .bodyg #formulary label{font-size: 1em;} .container #lat-platform .bodyg #formulary h4{font-weight: bold;} .container #lat-platform .bodyg #formulary .titleform-cab{background-color: #17a2b8; color: #fff; padding: 5px 15px; text-align: left; font-size: 1em; font-weight: bold; margin-bottom: 15px; border-radius: 10px;} .container #lat-platform .bodyg #formulary .titleform{background-color: #4ca1a3; color: #fff; padding: 5px 15px; text-align: left; font-size: 1em; font-weight: bold; margin-bottom: 15px; border-radius: 10px;} .container #lat-platform .bodyg #formulary .subtitleform{color: #000; font-weight: bold; margin-bottom: 10px;} .container #lat-platform .bodyg #formulary .obsrv{color: #B33030; font-size: 0.9em;} .container #lat-platform .bodyg #formulary .table-monit tr th{border: 1px solid #17a2b8; font-size: 0.9em;} .container #lat-platform .bodyg #formulary .table-monit tr td{border: 1px solid #17a2b8; font-size: 0.9em;} .container #lat-platform .bodyg #formulary .continued{cursor: pointer;} .container #lat-platform .bodyg #report{background-color: rgba(255,255,255,0.8); border-radius: 20px; min-height: 600px; padding: 25px;} .container #lat-platform .bodyg #report .menureport{background-color: #fff; padding: 15px; margin-bottom: 20px;} .container #lat-platform .bodyg #report .menureport .titlereport{color: #000; text-align: center; font-size: 1.1em; font-weight: bold; margin-bottom: 15px;} .container #lat-platform .bodyg #report .menureport .titletext{color: #578730; font-weight: bold; font-size: 0.9em; text-align: left;} .container #lat-platform .bodyg #report .menureport .c-name{font-size: 0.75em; border-bottom: 1px solid #ccc; text-align: left; padding: 5px; color: #000;} .container #lat-platform .bodyg #report .menureport .c-name a{color: #000;} .container #lat-platform .bodyg #report .menureport .c-name:hover{background-color: #17a2b8; color: #fff; cursor: pointer;} .container #lat-platform .bodyg #report .menureport .c-name:hover a{color: #fff;} .container #lat-platform .bodyg #report .menureport .c-name.active{background-color: #17a2b8; color: #fff; padding: 5px;} .container #lat-platform .bodyg #report .menureport .c-name.active a{color: #fff;} .container #lat-platform .bodyg #report .groupmoni{background-color: #B3ECEE; font-size: 0.7em; font-weight: bold; border: 1px solid #717171; border-bottom: 4px solid #717171; border-radius: 20px; padding: 10px;} .container #lat-platform .bodyg #report .groupmoni img{margin-bottom: 10px;} .container #lat-platform .bodyg #report a .groupmoni{color: #000; background-color: #fdca40;} /*.container #lat-platform .bodyg #report .groupmoni:hover{background-color: #fdca40; cursor: pointer;}*/ .container #lat-platform .bodyg #configreport{background-color: rgba(255,255,255,0.8); border-radius: 20px; min-height: 600px; padding: 25px;} .container #lat-platform .bodyg #configreport .report{font-size: 1em; color: green; cursor: pointer;} .container #lat-platform .bodyg #configreport .report img{width: 30px; height: 30px;} .container #lat-platform .bodyg #monitreport{background-color: rgba(255,255,255,0.8); border-radius: 20px; min-height: 600px; padding: 25px;} .container #lat-platform .bodyg #monitreport img#loguer{width: 150px; height: 150px;} .container #lat-platform .bodyg #monitreport .titleconfig{font-size: 1.2em; font-weight: bold;} .container #lat-platform .bodyg #monitreport a i.icon-edit2{color: #000; font-size: 20px;} .container #lat-platform .bodyg #monitreport a i.icon-eye2{color: #000; font-size: 20px;} .container #lat-platform .bodyg #monitreport #search-data{padding: 15px;} .container #lat-platform .bodyg #monitreport #search-data ol{text-decoration-style: none; padding: 0px; text-align: right;} .container #lat-platform .bodyg #monitreport #search-data ol li{text-decoration: none; list-style: none; border-bottom: 1px solid #17a2b8; padding: 10px 0px;} .container #lat-platform .bodyg #monitreport #search-data ol li span{font-size: 16px; font-weight: bold; color: #19335B;} .container #lat-platform .bodyg #monitreport #search-data .titleficha{background-color: #406FA3; color: #fff; font-weight: bold; margin-bottom: 10px; text-align: center; line-height: 30px;} .container #lat-platform .bodyg #monitreport #search-data .groupmoni{background-color: #B3ECEE; font-size: 0.7em; font-weight: bold; border: 1px solid #717171; border-bottom: 4px solid #717171; border-radius: 20px; padding: 10px; text-align: center;} .container #lat-platform .bodyg #monitreport #search-data .groupmoni img{margin-bottom: 10px;} .container #lat-platform .bodyg #monitreport #search-data a .groupmoni{color: #000; background-color: #fdca40; text-align: center;} .container #lat-platform .bodyg #config{} .container #lat-platform .bodyg #config img#loguer{width: 150px; height: 150px;} .container #lat-platform .bodyg #config .titleconfig{font-size: 1.2em; font-weight: bold;} .container #lat-platform .bodyg #config .groupmoni img{width: 100%; height: 80px;} footer{background: rgba(0, 0, 0, 0.55);} footer .footlat2{color: #fff; text-align: center; font-size: 9pt; padding: 10px;} .footlatlogin{color: #fff; text-align: center; font-size: 9pt; padding-bottom: 10px;} #documento{margin:0 auto; width:700px;} #documento .spaceh{width: 100%; height: 10px;} #documento .portada{position:relative; width:100%; text-align: center;} #documento .descrip{position:relative; width:100%;} #documento .descrip .titulo{position:relative; text-align:center; padding-top:10px;} #documento .descrip .titulo .font_titu{font-size: 11pt; font-weight: bold;} #documento .descrip .titulo .font_subtitu{font-size:10pt;} #documento .descrip .datep{width: 100%; text-align: right; font-size: 9pt; padding: 5px 0;} #documento .descrip .datec{width: 90%; font-size: 10pt; background-color: #DFDFDF; padding: 5%; border-radius: 10px; margin-bottom: 20px;} #documento .descrip .datec .title{font-size:14pt; font-weight: bold; text-align: center;} #documento .descrip .datec .titu_con{font-size:12pt; font-weight: bold;} #documento .descrip .datec #table-inst{font-size: 9pt;} #documento .descrip .datec #table-inst .titletd{font-weight: bold;} #documento .descrip .datec #table-mod{font-size: 8pt;} #documento .descrip .datec #table-mod .headtitle{background-color: #BEBEBE; color: #000; height: 30px; font-size: 10pt; font-weight: bold; border-top: 1px solid #000;} #documento .descrip .datec #table-mod .headtitle td{text-align: center; border-top: 1px solid #000; font-weight: bold;} #documento .descrip .datec #table-mod tr{height: 25px;} #documento .descrip .datec #table-mod tr td{border-bottom: 1px solid #000;} #documento .descrip .titleif{font-size: 12px; background-color: #E5DEFF;} #documento .descrip .titleif-valid{font-size: 12px; background-color: #51E05F;} #documento .descrip .titledat{font-size: 12px;} #documento .descrip #entidad{font-size: 12px;} #documento .descrip #entidad #title{width: 100%; font-size: 11pt; font-weight: bold; text-align: center;} #documento .descrip #entidad .subtitle{font-size: 14px; color: #6e5773; text-align: left; margin-bottom: 10px; background-color: #39375b; color: #fff; padding: 5px 20px;} #documento .descrip #entidad .subtitlevac{font-size: 14px; color: #6e5773; text-align: left; margin-bottom: 10px; color: #000; padding: 5px 20px;} #documento .descrip #entidad .titu_con{font-size:12pt; font-weight: bold;} #documento .descrip #entidad #grade{font-size: 14px; font-weight: bold; text-align: right; margin-bottom: 7px;} #documento .descrip #entidad .preg{font-size: 11px; font-weight: bold;} #documento .descrip #entidad .resp{font-size: 11px; font-weight: normal;} #documento .descrip .aviso{font-size: 8pt; text-align: left;} #documento .descrip .rubrica{text-align: center; font-size: 8pt;} #documento .descrip .rubrica1{text-align: left; font-size: 8pt; margin-top: 5px;} /********************************************************************************************************************************************************************************************/ @media(max-width: 576px){ .ocult{display: block;} .visible{display: none;} } @media(min-width: 1500px){ }