/* ************************************************************** 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-image: radial-gradient(circle at 50% 50%, #fffefd 0, #fef7f6 16.67%, #edeff0 33.33%, #dbe7ea 50%, #c9dee5 66.67%, #b9d6e1 83.33%, #aacede 100%); } @font-face { font-family: 'mfont-1'; src: url("../fonts/OpenSans-RegularItalic.ttf"); } @font-face { font-family: 'mfont-2'; 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: #126A9D;} #mask { display: none; background: #000000; position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.8; z-index: 2; } #carga{ display: none; text-align:center; position: fixed; left: 50%; top: 50%; margin-left:-50px; margin-top:-25px; width: 100px; height: 50px; padding:10px; z-index: 2; } #msjalert{ 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: 3; box-shadow: 0px 0px 4px #d45d79; } #msjreg{ display: none; position: fixed; background-color: #fff; width: 300px; left: 50%; top: 50%; margin-left: -150px; border-radius: 20px; border: 1px solid #6F9CBE; text-align: center; font-size: 14px; font-weight: bold; overflow: hidden; padding: 10px; z-index: 3; box-shadow: 0px 0px 6px #547690; } #msjreg .regok{color: #3A973E;} #msjreg .regnot{color: #d45d79;} #ventgroup{ display: none; position: fixed; background-color: #fff; width: 400px; left: 50%; top: 50%; margin-left: -150px; border-radius: 20px; border: 1px solid #6F9CBE; font-size: 14px; font-weight: bold; overflow: hidden; padding: 15px; z-index: 3; box-shadow: 0px 0px 6px #547690; } #ventgroup .title{text-align: center; font-weight: bold;} #ventgroup .modifarch{color: red;} #ventgroup .regok{color: #3A973E;} #ventgroup .regnot{color: #d45d79;} .asterisk{color: red; font-size: 0.8em;} .spaceh-lg{width: 100%; height: 130px; clear: left;} .spaceh-md{width: 100%; height: 60px; clear: left;} .spaceh-ml{width: 100%; height: 45px; 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;} .line{width: 100%; height: 1px; background-color: #BAE2EA; margin-bottom: 20px;} #headdocumento{background-color: #4D4C7D; color: #fff; box-shadow: none; padding: 0px;} #headdocumento header{margin-bottom: 10px; padding: 20px; color: #fff; margin: 0px;} #headdocumento header img{width: 160px; height: 85px;} #headdocumento header #title{font-size: 1.5em; font-weight: bold;} #headdocumento header a{color: #fff;} #headdocumento header a:hover{color: yellow;} #headdocumento nav{background-color: #363062; padding: 10px 20px; border-bottom: 20px solid #4D4C7D; margin: 0px;} #documento{height: 100%;} #documento #archivelogin{width: 100%; height: 200px;} #documento .icon-user-circle{font-size: 150px; color: #515151;} #documento label{font-size: 1.1em;} #documento aside #menues{background-color: #363062; color: #fff; line-height: 40px; font-size: 20px; font-weight: bold; border-radius: 15px 15px 0 0; padding: 0 15px 15px 15px;} #documento aside #menues-platform{background-color: #363062; color: #fff; line-height: 40px; font-size: 20px; font-weight: bold; border-radius: 15px 15px 0 0; padding: 10px;} #documento aside{text-align: center;} #documento aside section{background-color: #f4f4f4; overflow: hidden; padding: 15px; border-radius: 0 0 15px 15px; border: 1px solid #b5b5b5;} #documento aside section #user-icon{width: 150px; height: 150px; border-radius: 100%;} #documento aside section ul{list-style: none; padding: 0px; text-align: left;} #documento aside section ul li{position: relative; line-height: 30px; border-bottom: 1px solid #C3C3C3; padding: 10px; font-size: 14px; color: #363062; font-weight: bold;} #documento aside section ul a li{position: relative; line-height: 30px; border-bottom: 1px solid #C3C3C3; padding: 10px; font-size: 14px; color: #363062; font-weight: bold;} #documento aside section ul a li .count-doc{position: absolute; border-radius: 100%; background-color: #4d4c7d; color: #fff; width: 25px; height: 25px; right: 10px; top: 10px; text-align: center; display: flex; justify-content: center; align-items: center; font-size: 1em; padding: 15px;} #documento aside section ul a li .newdocg{position: absolute; right: 8px; top: 2px; background-color: #68DF87; font-weight: bold; padding: 6px; border-radius: 100%; z-index: 1;} #documento aside section ul a li:hover{background-color: #827397; color: #fff;} #documento section #etiquet{background-color: #363062; color: #fff; font-weight: bold; right: 15px; min-height: 35px; padding: 5px; text-align: center; border-radius: 15px 15px 0 0;} #documento section #group-docs{background-color: #fff; box-shadow: 1px 1px 2px #000; border-radius: 15px 0 15px 15px; padding: 20px; min-height: 600px;} #documento section #group-docs{} #documento section #group-docs .info-doc{position: absolute; border-radius: 5px; background-color: #35B8D9; color: #fff; width: 100px; height: 25px; left: 30px; top: -10px; text-align: center; display: flex; justify-content: center; align-items: center; font-size: 0.8em; padding: 10px; font-weight: bold; border: 1px solid #35B8D9;} #documento section #group-docs .check-doc{position: absolute; border-radius: 5px; background-color: green; color: #fff; width: 100px; height: 25px; left: 30px; top: -10px; text-align: center; display: flex; justify-content: center; align-items: center; font-size: 0.8em; padding: 10px; font-weight: bold; border: 1px solid green;} #documento section #group-docs .orange-doc{position: absolute; border-radius: 5px; background-color: orange; color: #000; width: 100px; height: 25px; left: 30px; top: -10px; text-align: center; display: flex; justify-content: center; align-items: center; font-size: 0.8em; padding: 10px; font-weight: bold; border: 1px solid orange;} #documento section #group-docs .danger-doc{position: absolute; border-radius: 5px; background-color: #fff; color: red; width: 100px; height: 25px; left: 30px; top: -10px; text-align: center; display: flex; justify-content: center; align-items: center; font-size: 0.8em; padding: 10px; font-weight: bold; border: 1px solid red;} #documento section #group-docs .num-resp{position: absolute; border-radius: 5px; background-color: green; color: #fff; width: 40px; height: 25px; left: 30px; top: -10px; text-align: center; display: flex; justify-content: center; align-items: center; font-size: 0.8em; padding: 10px; font-weight: bold; border: 1px solid green;} #documento section #group-docs .title{font-weight: bold; font-size: 0.8em;} #documento section #group-docs .file{position: relative;} #documento section #group-docs .file .newdoc{background-color: green; color: #fff; font-weight: bold; padding: 4px; font-size: 0.6em;} #documento section #group-docs i{font-size: 30px;} #documento section #group-docs i.icon-file-pdf-o{color: #8F2828;} #documento section #group-docs i.icon-file-word-o{color: #2D5BA1;} #documento section #group-docs i.icon-file-excel-o{color: #34965B;} #documento section #group-docs i.icon-file-powerpoint-o{color: #B0542B;} #documento section #group-docs i.icon-file-archive-o{color: #573323;} #documento section #group-docs i.icon-play-circle-o{color: #B33333;} #documento section #group-docs i.icon-calendar{font-size: 14px;} #documento section #group-docs i.icon-folder2{font-size: 50px; color: #23863B;} #documento section #group-docs i.icon-archive2{font-size: 70px; color: #23863B;} #documento section #group-docs i.icon-plus3{font-size: 110px; color: #234886;} #documento section #group-docs a .group-doc{color: #000;} #documento section #group-docs .group-doc{padding: 10px; background-color: #F4F4F4; border: 1px solid #B5B5B5; border-radius: 15px;} #documento section #group-docs .group-doc .date-doc{font-size: 9px; padding: 10px 0 5px 0; text-align: center; border-bottom: 1px solid #DB9E9E;} #documento section #group-docs .group-doc .text-doc{font-size: 10px; text-align: center;} #documento section #group-docs .group-doc .text-doc .title{font-weight: bold; color: #3C5C8C; font-size: 11px; text-align: center;} #documento section #group-docs .group-doc .text-doc i{font-size: 50px;} #documento section #group-docs .group-doc:hover{background-color: #E2FDE2; cursor: pointer;} #documento section #group-docs .modifarch{color: red;} #documento section #info-docs{background-color: #fff; box-shadow: 1px 1px 2px #000; border-radius: 15px 0 15px 15px; padding: 15px; min-height: 600px; font-size: 0.9em;} #documento section #info-docs a{color: green;} #documento section #info-docs .infodescrip{padding: 15px;} #documento section #info-docs .infodescrip .title{font-weight: bold; font-size: 1em;} #documento section #info-docs .infodescrip .sub-title{font-weight: bold; font-size: 0.9em;} #documento section #info-docs .infodescrip i.icon-folder2{font-size: 70px; color: green;} #documento section #info-docs .infodescrip i.icon-file-excel-o{font-size: 20px; color: green;} #documento section #info-docs .infodescrip i.icon-file-pdf-o{font-size: 20px; color: red;} #documento section #info-docs .infodescrip .datos-report{color: green;} #documento section #info-docs .infodescrip ul{list-style: none; margin: 0; padding: 0;} #documento section #info-docs .infodescrip ul li{padding: 10px 0px; border-bottom: 1px solid #DDDDDD;} #documento section #info-docs .infolist{} #documento section #info-docs .infolist i.icon-file-pdf-o{font-size: 22px; color: red;} #documento section #info-docs .infolist i.icon-link1{font-size: 22px; color: orangered;} #documento section #group-docs #petit{} #documento section #group-docs #petit .title{text-align: center; font-weight: bold; font-size: 1.3em;} #documento section #group-docs #petit .sub-title{font-weight: bold; font-size: 0.9em;} #documento section #group-docs #formy{} #documento section #group-docs #formy .title{text-align: center; font-weight: bold; font-size: 1.3em;} #documento section #group-docs #formy .sub-title{font-weight: bold; font-size: 0.9em;} #documento section #group-docs #formy .imag{height: 300px; align-items: center; display: flex; justify-content: center; text-align: center; background-color: #EEEEEE;} #documento section #group-docs #formy .imag{font-size: 1.4em; color: #BCBCBC; text-shadow: 0px 1px 1px #6D6D6D;} #documento section #group-docs #formy .imag label{position: absolute;} #documento section #group-docs #formy .imag img{width: 100%; height: 100%;} #documento section #group-docs #formy .imag input[type="file"]{display: none;} #documento section #group-docs #formy .title-reg{font-size: 1.5em; color: #494949;} #documento section #group-docs .cabform{font-size: 0.9em;} #documento section #group-docs .cabform i{font-size: 12px;} #documento section #group-docs .cabform .cuadreform{position: absolute; top: 11px; left: 10px; background-color: #4d4c7d; color: #fff; font-weight: bold; text-align: center; padding: 8px;} #documento section #group-docs .cabform .cuadreformg{position: absolute; top: 11px; left: 10px; background-color: #28a745; color: #fff; font-weight: bold; text-align: center; padding: 8px;} #fondoform{width: 100%; background-color: #363062; height:200px; border-bottom: 5px solid #8C84C2;} #fondoform #mascformulary{position: absolute; width: 900px; top: 30px; left: 50%; margin-left: -450px; height: 100%;} #fondoform #mascformulary #formularyview{position: relative; background-color: #EEEEEE; box-shadow: 2px 2px 7px #000; border-radius: 15px; border-bottom: 8px solid #4d4c7d;} #fondoform #mascformulary #formularyview .headformulary{border-bottom: 7px solid #4d4c7d; margin-bottom: 15px;} #fondoform #mascformulary #formularyview .headformulary img{width: 100%; height: 250px; border-radius: 15px 15px 0 0;} #fondoform #mascformulary #formularyview .lineformulary{width: 40%; border-radius: 20px; position: relative; left: 50%; margin-left: -20%; line-height: 40px; background-color: #343a40; font-size: 1.5em; color: #fff; font-weight: bold; margin-top: 15px; text-shadow: 0px 2px 2px #000;} #fondoform #mascformulary #formularyview .bodyformulary{padding: 10px 20px; min-height: 200px;} #fondoform #mascformulary #formularyview .bodyformulary .title{font-family: mfont-2; font-weight: bold; font-size: 1.6em;} #fondoform #mascformulary #formularyview .bodyformulary .subtitle{font-family: mfont-2; font-size: 1em; text-align: justify;} #fondoform #mascformulary #formularyview .bodyformulary #listinst{position: absolute; width: 100%; padding: 5px; margin-top: 42px; display: none; background-color: #fff; border-radius: 10px; border: 1px solid #B7B7B7; max-height: 330px; overflow-y: auto; z-index: 3;} #fondoform #mascformulary #formularyview .bodyformulary #listinst .fonts{font-size: 7pt; color: #7C7C7C;} #fondoform #mascformulary #formularyview .bodyformulary #listinst table td{line-height: 25px; border-bottom: 1px solid #DADADA; padding: 0 1%; font-size: 8pt;} #fondoform #mascformulary #formularyview .bodyformulary #listinst table tr.cabcel{background-color: #5D909D; color: #fff; font-weight: bold;} #fondoform #mascformulary #formularyview .bodyformulary #listinst table tr.scel:hover{background-color: #CADADE; cursor: pointer;} #fondoform #mascformulary .footformulary{background-color: transparent;} #documento section #info-docs{background-color: #fff; box-shadow: 1px 1px 2px #000; border-radius: 15px 0 15px 15px; padding: 15px; min-height: 600px; font-size: 0.9em;} #documento section #info-docs a{color: green;} #documento section #info-docs .infodescrip{padding: 15px;} #documento section #info-docs .infodescrip .title{font-weight: bold; font-size: 1em;} #documento section #info-docs .infodescrip .sub-title{font-weight: bold; font-size: 0.9em;} #documento section #info-docs .infodescrip i.icon-folder2{font-size: 70px; color: green;} #documento section #info-docs .infodescrip i.icon-file-excel-o{font-size: 20px; color: green;} #documento section #info-docs .infodescrip i.icon-file-pdf-o{font-size: 20px; color: red;} #documento section #info-docs .infodescrip .datos-report{color: green;} #documento section #info-docs .infodescrip ul{list-style: none; margin: 0; padding: 0;} #documento section #info-docs .infodescrip ul li{padding: 10px 0px; border-bottom: 1px solid #DDDDDD;} #documento section #info-docs .infolist{} #documento section #info-docs .infolist i.icon-file-pdf-o{font-size: 22px; color: red;} #documento section #info-docs .infolist i.icon-link1{font-size: 22px; color: orangered;} footer{background-color: #111111; color: #545454; text-align: center; padding: 15px 0;} footer .footlat1{text-align: center; border-right: 1px solid #7E7E7E; line-height: 100px;} footer .footlat1 img{width: 280px; height: 80px;} footer .footlat2{color: #111111; color: #525252; text-align: center; display: flex; justify-content: center; align-items: center; font-size: 9pt;} footer .footlat2 h4{margin: 0px; padding: 0px; font-size: 1.5em; color: #fff;} footer .footlat2 a{color: #b1d892;} footer .footlat2 img{width: 20px;} /*******************************************************************************/ @media(max-width: 576px){ #fondoform{width: 100%; background-color: #363062; height:200px; border-bottom: 5px solid #8C84C2;} #fondoform #mascformulary{position: absolute; width: 100%; top: 20px; left: 0px; margin-left: 0px; height: 100%;} #fondoform #mascformulary #formularyview{background-color: #EEEEEE; box-shadow: 2px 2px 7px #000; border-radius: 15px; border-bottom: 8px solid #4d4c7d;} #fondoform #mascformulary #formularyview .headformulary{border-bottom: 7px solid #4d4c7d;} #fondoform #mascformulary #formularyview .headformulary img{width: 100%; height: 120px; border-radius: 15px 15px 0 0;} #fondoform #mascformulary #formularyview .lineformulary{width: 60%; margin-left: -30%; font-size: 1em;} footer{padding: 40px 0;} footer .footlat1{border: none;} footer .footlat1 img{width: 300px; height: 90px;} } @media(min-width: 1500px){ }