@font-face {
    font-family: 'militancia';
    src: url('../font/militancia.eot?83726165');
    src: url('../font/militancia.eot?83726165#iefix') format('embedded-opentype'),
    url('../font/militancia.woff2?83726165') format('woff2'),
    url('../font/militancia.woff?83726165') format('woff'),
    url('../font/militancia.ttf?83726165') format('truetype'),
    url('../font/militancia.svg?83726165#militancia') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'militancia';
    src: url('../font/militancia.svg?83726165#militancia') format('svg');
  }
}
*/

[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: "militancia";
    font-style: normal;
    font-weight: normal;
    speak: none;

    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */

    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;

    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;

    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;

    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */

    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-emo-happy:before {
    content: '\e800';
}

/* 'î €' */
.icon-emo-wink:before {
    content: '\e801';
}

/* '' */
.icon-music:before {
    content: '\e802';
}

/* 'î ‚' */
.icon-search:before {
    content: '\e803';
}

/* 'î ƒ' */
.icon-emo-thumbsup:before {
    content: '\e804';
}

/* 'î „' */
.icon-mail:before {
    content: '\e805';
}

/* 'î …' */
.icon-heart:before {
    content: '\e806';
}

/* 'î †' */
.icon-heart-empty:before {
    content: '\e807';
}

/* 'î ‡' */
.icon-star:before {
    content: '\e808';
}

/* 'î ˆ' */
.icon-star-empty:before {
    content: '\e809';
}

/* 'î ‰' */
.icon-star-half:before {
    content: '\e80a';
}

/* 'î Š' */
.icon-user:before {
    content: '\e80b';
}

/* 'î ‹' */
.icon-users:before {
    content: '\e80c';
}

/* '' */
.icon-video:before {
    content: '\e80d';
}

/* '' */
.icon-videocam:before {
    content: '\e80e';
}

/* 'î Ž' */
.icon-picture:before {
    content: '\e80f';
}

/* '' */
.icon-camera:before {
    content: '\e810';
}

/* '' */
.icon-camera-alt:before {
    content: '\e811';
}

/* 'î ‘' */
.icon-th-large:before {
    content: '\e812';
}

/* 'î ’' */
.icon-th:before {
    content: '\e813';
}

/* 'î “' */
.icon-th-list:before {
    content: '\e814';
}

/* 'î ”' */
.icon-ok:before {
    content: '\e815';
}

/* 'î •' */
.icon-ok-circled:before {
    content: '\e816';
}

/* 'î –' */
.icon-cancel:before {
    content: '\e817';
}

/* 'î —' */
.icon-minus:before {
    content: '\e818';
}

/* 'î ˜' */
.icon-plus:before {
    content: '\e819';
}

/* 'î ™' */
.icon-plus-circled:before {
    content: '\e81a';
}

/* 'î š' */
.icon-minus-circled:before {
    content: '\e81b';
}

/* 'î ›' */
.icon-link:before {
    content: '\e81c';
}

/* '' */
.icon-home:before {
    content: '\e81d';
}

/* '' */
.icon-attach:before {
    content: '\e81e';
}

/* 'î ž' */
.icon-lock:before {
    content: '\e81f';
}

/* 'î Ÿ' */
.icon-lock-open:before {
    content: '\e820';
}

/* 'î  ' */
.icon-pin:before {
    content: '\e821';
}

/* 'î ¡' */
.icon-eye:before {
    content: '\e822';
}

/* 'î ¢' */
.icon-eye-off:before {
    content: '\e823';
}

/* 'î £' */
.icon-tag:before {
    content: '\e824';
}

/* 'î ¤' */
.icon-tags:before {
    content: '\e825';
}

/* 'î ¥' */
.icon-comment:before {
    content: '\e826';
}

/* 'î ¦' */
.icon-chat:before {
    content: '\e827';
}

/* 'î §' */
.icon-bell:before {
    content: '\e828';
}

/* 'î ¨' */
.icon-trash-empty:before {
    content: '\e829';
}

/* 'î ©' */
.icon-folder:before {
    content: '\e82a';
}

/* 'î ª' */
.icon-folder-open:before {
    content: '\e82b';
}

/* 'î «' */
.icon-cog:before {
    content: '\e82c';
}

/* 'î ¬' */
.icon-cog-alt:before {
    content: '\e82d';
}

/* 'î ­' */
.icon-basket:before {
    content: '\e82e';
}

/* 'î ®' */
.icon-wrench:before {
    content: '\e82f';
}

/* 'î ¯' */
.icon-calendar:before {
    content: '\e830';
}

/* 'î °' */
.icon-spin2:before {
    content: '\e831';
}

/* 'î ±' */
.icon-spin3:before {
    content: '\e832';
}

/* 'î ²' */
.icon-login:before {
    content: '\e833';
}

/* 'î ³' */
.icon-logout:before {
    content: '\e834';
}

/* 'î ´' */
.icon-volume-up:before {
    content: '\e835';
}

/* 'î µ' */
.icon-left-open:before {
    content: '\e836';
}

/* 'î ¶' */
.icon-right-open:before {
    content: '\e837';
}

/* 'î ·' */
.icon-spin5:before {
    content: '\e838';
}

/* 'î ¸' */
.icon-spin6:before {
    content: '\e839';
}

/* 'î ¹' */
.icon-up-open:before {
    content: '\e83a';
}

/* 'î º' */
.icon-down-open:before {
    content: '\e83b';
}

/* 'î »' */
.icon-down-big:before {
    content: '\e83c';
}

/* 'î ¼' */
.icon-left-big:before {
    content: '\e83d';
}

/* 'î ½' */
.icon-right-big:before {
    content: '\e83e';
}

/* 'î ¾' */
.icon-up-big:before {
    content: '\e83f';
}

/* 'î ¿' */
.icon-firefox:before {
    content: '\e840';
}

/* 'î¡€' */
.icon-chrome:before {
    content: '\e841';
}

/* '' */
.icon-opera:before {
    content: '\e842';
}

/* 'î¡‚' */
.icon-ie:before {
    content: '\e843';
}

/* '' */
.icon-cw:before {
    content: '\e844';
}

/* 'î¡„' */
.icon-ccw:before {
    content: '\e845';
}

/* 'î¡…' */
.icon-arrows-cw:before {
    content: '\e846';
}

/* '' */
.icon-play:before {
    content: '\e847';
}

/* '' */
.icon-stop:before {
    content: '\e848';
}

/* '' */
.icon-pause:before {
    content: '\e849';
}

/* '' */
.icon-to-start-alt:before {
    content: '\e84a';
}

/* 'î¡Š' */
.icon-fast-fw:before {
    content: '\e84b';
}

/* 'î¡‹' */
.icon-fast-bw:before {
    content: '\e84c';
}

/* '' */
.icon-eject:before {
    content: '\e84d';
}

/* '' */
.icon-target:before {
    content: '\e84e';
}

/* 'î¡Ž' */
.icon-award:before {
    content: '\e84f';
}

/* '' */
.icon-inbox:before {
    content: '\e850';
}

/* '' */
.icon-globe:before {
    content: '\e851';
}

/* 'î¡‘' */
.icon-cloud:before {
    content: '\e852';
}

/* 'î¡’' */
.icon-flash:before {
    content: '\e853';
}

/* 'î¡“' */
.icon-flight:before {
    content: '\e854';
}

/* 'î¡”' */
.icon-adjust:before {
    content: '\e855';
}

/* 'î¡•' */
.icon-tint:before {
    content: '\e856';
}

/* 'î¡–' */
.icon-check:before {
    content: '\e857';
}

/* 'î¡—' */
.icon-asterisk:before {
    content: '\e858';
}

/* '' */
.icon-gift:before {
    content: '\e859';
}

/* 'î¡™' */
.icon-credit-card:before {
    content: '\e85a';
}

/* 'î¡š' */
.icon-megaphone:before {
    content: '\e85b';
}

/* 'î¡›' */
.icon-floppy:before {
    content: '\e85c';
}

/* '' */
.icon-users-1:before {
    content: '\e85d';
}

/* '' */
.icon-user-add:before {
    content: '\e85e';
}

/* 'î¡ž' */
.icon-user-1:before {
    content: '\e85f';
}

/* 'î¡Ÿ' */
.icon-camera-1:before {
    content: '\e860';
}

/* 'î¡ ' */
.icon-picture-1:before {
    content: '\e861';
}

/* 'î¡¡' */
.icon-video-1:before {
    content: '\e862';
}

/* 'î¡¢' */
.icon-menu:before {
    content: '\e863';
}

/* 'î¡£' */
.icon-check-1:before {
    content: '\e864';
}

/* '' */
.icon-cancel-1:before {
    content: '\e865';
}

/* 'î¡¥' */
.icon-cancel-circled:before {
    content: '\e866';
}

/* '' */
.icon-attach-1:before {
    content: '\e867';
}

/* '' */
.icon-lock-1:before {
    content: '\e868';
}

/* '' */
.icon-eye-1:before {
    content: '\e869';
}

/* 'î¡©' */
.icon-lock-open-1:before {
    content: '\e86a';
}

/* '' */
.icon-link-1:before {
    content: '\e86b';
}

/* 'î¡«' */
.icon-home-1:before {
    content: '\e86c';
}

/* '' */
.icon-minus-circled-1:before {
    content: '\e86d';
}

/* 'î¡­' */
.icon-popup:before {
    content: '\e86e';
}

/* 'î¡®' */
.icon-zoom-in-outline:before {
    content: '\e86f';
}

/* '' */
.icon-zoom-in:before {
    content: '\e870';
}

/* 'î¡°' */
.icon-zoom-out-outline:before {
    content: '\e871';
}

/* '' */
.icon-zoom-out:before {
    content: '\e872';
}

/* '' */
.icon-calendar-1:before {
    content: '\e873';
}

/* '' */
.icon-signal:before {
    content: '\e874';
}

/* 'î¡´' */
.icon-cancel-2:before {
    content: '\e875';
}

/* '' */
.icon-eye-2:before {
    content: '\e876';
}

/* '' */
.icon-headphones:before {
    content: '\e877';
}

/* 'î¡·' */
.icon-print:before {
    content: '\e878';
}

/* '' */
.icon-edit-alt:before {
    content: '\e879';
}

/* '' */
.icon-edit:before {
    content: '\e87a';
}

/* '' */
.icon-cogs:before {
    content: '\e87b';
}

/* 'î¡»' */
.icon-cog-circled:before {
    content: '\e87c';
}

/* '' */
.icon-cog-1:before {
    content: '\e87d';
}

/* '' */
.icon-lightbulb:before {
    content: '\e87e';
}

/* '' */
.icon-phone:before {
    content: '\e87f';
}

/* 'î¡¿' */
.icon-bell-1:before {
    content: '\e880';
}

/* '' */
.icon-tags-1:before {
    content: '\e881';
}

/* '' */
.icon-fontsize:before {
    content: '\e882';
}

/* '' */
.icon-leaf:before {
    content: '\e883';
}

/* '' */
.icon-adult:before {
    content: '\e884';
}

/* '' */
.icon-megaphone-1:before {
    content: '\e885';
}

/* '' */
.icon-credit-card-1:before {
    content: '\e886';
}

/* '' */
.icon-path:before {
    content: '\e887';
}

/* '' */
.icon-link-2:before {
    content: '\e888';
}

/* '' */
.icon-chat-1:before {
    content: '\f03d';
}

/* '' */
.icon-user-2:before {
    content: '\f061';
}

/* '' */
.icon-user-male:before {
    content: '\f062';
}

/* '' */
.icon-user-female:before {
    content: '\f063';
}

/* '' */
.icon-users-2:before {
    content: '\f064';
}

/* '' */
.icon-export:before {
    content: '\f081';
}

/* '' */
.icon-link-ext:before {
    content: '\f08e';
}

/* 'ï‚Ž' */
.icon-check-empty:before {
    content: '\f096';
}

/* 'ï‚–' */
.icon-twitter:before {
    content: '\f099';
}

/* 'ï‚™' */
.icon-facebook:before {
    content: '\f09a';
}

/* 'ï‚š' */
.icon-hdd:before {
    content: '\f0a0';
}

/* 'ï‚ ' */
.icon-certificate:before {
    content: '\f0a3';
}

/* 'ï‚£' */
.icon-tasks:before {
    content: '\f0ae';
}

/* 'ï‚®' */
.icon-resize-full-alt:before {
    content: '\f0b2';
}

/* '' */
.icon-beaker:before {
    content: '\f0c3';
}

/* '' */
.icon-pinterest-circled:before {
    content: '\f0d2';
}

/* '' */
.icon-pinterest-squared:before {
    content: '\f0d3';
}

/* '' */
.icon-gplus:before {
    content: '\f0d5';
}

/* '' */
.icon-mail-alt:before {
    content: '\f0e0';
}

/* '' */
.icon-comment-empty:before {
    content: '\f0e5';
}

/* '' */
.icon-bell-alt:before {
    content: '\f0f3';
}

/* '' */
.icon-desktop:before {
    content: '\f108';
}

/* '' */
.icon-laptop:before {
    content: '\f109';
}

/* '' */
.icon-quote-left:before {
    content: '\f10d';
}

/* '' */
.icon-quote-right:before {
    content: '\f10e';
}

/* 'ï„Ž' */
.icon-circle:before {
    content: '\f111';
}

/* 'ï„‘' */
.icon-github:before {
    content: '\f113';
}

/* 'ï„“' */
.icon-folder-empty:before {
    content: '\f114';
}

/* 'ï„”' */
.icon-folder-open-empty:before {
    content: '\f115';
}

/* 'ï„•' */
.icon-star-half-alt:before {
    content: '\f123';
}

/* 'ï„£' */
.icon-unlink:before {
    content: '\f127';
}

/* '' */
.icon-mic:before {
    content: '\f130';
}

/* 'ï„°' */
.icon-mute:before {
    content: '\f131';
}

/* '' */
.icon-calendar-empty:before {
    content: '\f133';
}

/* '' */
.icon-rocket:before {
    content: '\f135';
}

/* '' */
.icon-lock-open-alt:before {
    content: '\f13e';
}

/* '' */
.icon-minus-squared:before {
    content: '\f146';
}

/* 'ï…†' */
.icon-level-up:before {
    content: '\f148';
}

/* 'ï…ˆ' */
.icon-level-down:before {
    content: '\f149';
}

/* 'ï…‰' */
.icon-thumbs-up-alt:before {
    content: '\f164';
}

/* 'ï…¤' */
.icon-thumbs-down-alt:before {
    content: '\f165';
}

/* 'ï…¥' */
.icon-youtube:before {
    content: '\f167';
}

/* 'ï…§' */
.icon-apple:before {
    content: '\f179';
}

/* 'ï…¹' */
.icon-windows:before {
    content: '\f17a';
}

/* 'ï…º' */
.icon-android:before {
    content: '\f17b';
}

/* 'ï…»' */
.icon-female:before {
    content: '\f182';
}

/* '' */
.icon-male:before {
    content: '\f183';
}

/* '' */
.icon-moon:before {
    content: '\f186';
}

/* '' */
.icon-box:before {
    content: '\f187';
}

/* '' */
.icon-bug:before {
    content: '\f188';
}

/* '' */
.icon-space-shuttle:before {
    content: '\f197';
}

/* '' */
.icon-graduation-cap:before {
    content: '\f19d';
}

/* '' */
.icon-google:before {
    content: '\f1a0';
}

/* '' */
.icon-building-filled:before {
    content: '\f1ad';
}

/* '' */
.icon-cab:before {
    content: '\f1b9';
}

/* '' */
.icon-taxi:before {
    content: '\f1ba';
}

/* '' */
.icon-file-code:before {
    content: '\f1c9';
}

/* '' */
.icon-lifebuoy:before {
    content: '\f1cd';
}

/* '' */
.icon-circle-notch:before {
    content: '\f1ce';
}

/* '' */
.icon-rebel:before {
    content: '\f1d0';
}

/* '' */
.icon-wechat:before {
    content: '\f1d7';
}

/* '' */
.icon-paper-plane:before {
    content: '\f1d8';
}

/* '' */
.icon-bomb:before {
    content: '\f1e2';
}

/* '' */
.icon-soccer-ball:before {
    content: '\f1e3';
}

/* '' */
.icon-binoculars:before {
    content: '\f1e5';
}

/* '' */
.icon-plug:before {
    content: '\f1e6';
}

/* '' */
.icon-bell-off:before {
    content: '\f1f6';
}

/* '' */
.icon-bell-off-empty:before {
    content: '\f1f7';
}

/* '' */
.icon-trash:before {
    content: '\f1f8';
}

/* '' */
.icon-birthday:before {
    content: '\f1fd';
}

/* '' */
.icon-chart-area:before {
    content: '\f1fe';
}

/* '' */
.icon-chart-pie:before {
    content: '\f200';
}

/* '' */
.icon-chart-line:before {
    content: '\f201';
}

/* '' */
.icon-toggle-off:before {
    content: '\f204';
}

/* '' */
.icon-toggle-on:before {
    content: '\f205';
}

/* '' */
.icon-diamond:before {
    content: '\f219';
}

/* '' */
.icon-motorcycle:before {
    content: '\f21c';
}

/* '' */
.icon-street-view:before {
    content: '\f21d';
}

/* '' */
.icon-pinterest:before {
    content: '\f231';
}

/* '' */
.icon-whatsapp:before {
    content: '\f232';
}

/* '' */
.icon-user-plus:before {
    content: '\f234';
}

/* '' */
.icon-user-times:before {
    content: '\f235';
}

/* '' */
.icon-battery-4:before {
    content: '\f240';
}

/* '' */
.icon-battery-3:before {
    content: '\f241';
}

/* '' */
.icon-battery-2:before {
    content: '\f242';
}

/* '' */
.icon-battery-1:before {
    content: '\f243';
}

/* '' */
.icon-battery-0:before {
    content: '\f244';
}

/* '' */
.icon-mouse-pointer:before {
    content: '\f245';
}

/* '' */
.icon-balance-scale:before {
    content: '\f24e';
}

/* '' */
.icon-hourglass-1:before {
    content: '\f251';
}

/* '' */
.icon-hourglass-2:before {
    content: '\f252';
}

/* '' */
.icon-hourglass-3:before {
    content: '\f253';
}

/* '' */
.icon-hourglass:before {
    content: '\f254';
}

/* '' */
.icon-safari:before {
    content: '\f267';
}

/* '' */
.icon-chrome-1:before {
    content: '\f268';
}

/* '' */
.icon-firefox-1:before {
    content: '\f269';
}

/* '' */
.icon-opera-1:before {
    content: '\f26a';
}

/* '' */
.icon-internet-explorer:before {
    content: '\f26b';
}

/* '' */
.icon-amazon:before {
    content: '\f270';
}

/* '' */
.icon-calendar-plus-o:before {
    content: '\f271';
}

/* '' */
.icon-calendar-minus-o:before {
    content: '\f272';
}

/* '' */
.icon-calendar-times-o:before {
    content: '\f273';
}

/* '' */
.icon-calendar-check-o:before {
    content: '\f274';
}

/* '' */
.icon-vimeo:before {
    content: '\f27d';
}

/* '' */
.icon-address-card:before {
    content: '\f2bb';
}

/* '' */
.icon-address-card-o:before {
    content: '\f2bc';
}

/* '' */
.icon-user-circle:before {
    content: '\f2bd';
}

/* '' */
.icon-user-circle-o:before {
    content: '\f2be';
}

/* '' */
.icon-user-o:before {
    content: '\f2c0';
}

/* 'ï‹€' */
.icon-id-card-o:before {
    content: '\f2c3';
}

/* '' */
.icon-quora:before {
    content: '\f2c4';
}

/* 'ï‹„' */
.icon-calendar-2:before {
    content: '\f4c5';
}

/* 'ï“…' */


html {
    height: 100%;
}

body {
    background: white;
    min-height: 100%;
    padding: 0;
    margin: 0;
}

footer {
    margin-top: 100px;
}

#wrapper {
    margin-top: 40px;
}

h1 {
    color: #344a76;
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 20px;
}

:focus {
    outline: none
}

/*============================================================
						LOGIN
============================================================*/

.login {
    margin: auto;
    margin-top: 6%;
    text-align: center;
    width: 250px;
}

.login img {
    width: 250px
}

.login section {
    margin: 0 auto;
    padding: 0;
    text-align: justify;
    width: 185px;
}

.login h1 {
    color: #354b77;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 25px;
    margin-top: 40px;
}

.login form > p {
    color: #354b77;
    font-size: 13px;
    text-align: left;
}

.login input {
    border: none;
    border-bottom: 1px solid #354b77;
    padding-left: 25px;
    width: 100%;
}

.login .form-group .icon {
    color: #0000008f;
    position: absolute;
}

.login input:focus {
    outline: none;
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: white !important;
    background-image: none !important;
    color: rgb(0, 0, 0) !important;
}

.login input[type="submit"] {
    background: #354b77;
    color: white;
    padding: 5px;
    width: 100%
}

footer {
    background: #8080801f;
    border-top: 1px solid #8080807a;
    bottom: 0;
    height: 50px;
    line-height: 3.6;
    text-align: center;
    width: 100%;
}

footer p {
    color: #354b77;
    margin: 0;
    padding: 0;
}

.login .help-block {
    color: red;
    font-size: 10px;
}


/*============================================================
						HEADER
============================================================*/

header {
    background: #344a76;
    box-shadow: 0px 1px 8px 0px #0000006b;
    margin: 0;
    padding: 0;
}

header nav {
    margin: auto;
    min-height: 120px;
    text-align: end;
    width: 80%;
}

.header-datos {
    border-bottom: 1px solid #f0cc32;
    display: inline-table;
    padding: 10px 0 1px;
    min-width: 150px;
}

.header-datos h5 {
    color: white;
    margin: 0;
}

.header-datos a {
    color: #f0cc32;
    text-decoration: none;
}

.header-datos a:hover {
    color: #f0cc32;
    opacity: 0.8;
    text-decoration: none;
}

/*============================================================
						MENU
============================================================*/

.menu {
    margin-top: 15px;
}

.menu li {
    display: inline-block;
    height: 60px;
    line-height: 4.5;
    vertical-align: top;
    text-align: center;
    width: 122px;
}

.menu li a {
    color: white;
    font-weight: bold;
    text-decoration: none;
}

.menu li a p {

}

.menu li:hover {
    background: #f0cc32;
    box-shadow: 0px 3px 7px 0px #00000040;
}

.menu .active {
    background: #f0cc32;
    box-shadow: 0px 3px 7px 0px #00000040;
}

.menu .active a {
    color: #344a76;
}

.menu li:hover a {
    color: #344a76;
    text-decoration: none;
}

/*============================================================
						LOGO
============================================================*/

.logo-home {
    background: white;
    box-shadow: 0px 1px 8px 0px #0000006b;
    margin: 0;
    position: absolute;
    top: 0;
}

.logo-home a {

}

.logo-home a img {
    width: 300px;
}

/*============================================================
						HOME
============================================================*/

.home {
    margin: 50px auto 0;
    text-align: center;
    width: 50%;
}

.home .report {
    padding: 15px 0 12px;
}

.home .report p {

}

.home .report h4 {
    color: #344a76;
    font-size: 40px;
}

.home .report-1 {
    border-right: 1px solid black;
}

.home .report-3 {
    border-left: 1px solid black;
    margin-right: -20px;
}

.home-btn {
    margin: 50px auto 0;
    text-align: center;
    width: 80%;
}

.home-btn section {
    border: 1px solid #00000038;
    border-radius: 20px;
    box-shadow: 0px 0px 8px 0px #00000033;
    margin-bottom: 20px;
}

.home-btn section figure {
}

.home-btn section figure img {
    width: 80%;
}

.home-btn section h5 {
    color: #d60227;
    font-size: 14px;
    margin: 0;
    margin-bottom: 10px;
    padding: 0;
}

.home-btn a:hover {
    text-decoration: none;
}

.home-btn section:hover {
    opacity: 0.6
}

.home-text {
    color: #344a76;
    font-weight: bold;
    margin-bottom: 50px;
}

/*============================================================
                        HISTORIAL 
============================================================*/

.lists-table {
    margin-top: 20px;
}

/*============================================================
                        BUSCADOR 
============================================================*/

.buscador {
    margin: 8px auto 0;
    text-align: center;
    width: 50%;
}

.buscador .campo {
    background: #8080803d;
    border: none;
    border-radius: 20px;
    padding-left: 20px;
    height: 35px;
    width: 100%;
}

.buscador .btn-buscar {
    background: none;
    border: none;
    color: gray;
    float: right;
    margin-top: -28px;
    margin-right: 10px;
}


/*============================================================
                        Tabla
============================================================*/

.table {
    margin-top: 50px;
}

.table th {
    background: #344a76;
    border-top: none;
    color: white;
    text-align: center;
}

.table td {
    border-top: none;
    text-align: center;
}


.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background: #344a76;
    border-color: #344a76;
}

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    color: #344a76;
}

.pagination > li > a, .pagination > li > span {
    color: #344a76;
}

.form-cancel {
    background: rgb(204, 33, 40);
    border: none;
    border-radius: 20px;
    color: white;
    font-size: 13px;
    margin-top: 2px;
    padding: 8px 20px;
}

.form-cancel:hover {
    opacity: 0.6
}

/*============================================================
                        FORMULARIO 
============================================================*/

.formulario {
    margin-top: 40px;
}

.formulario .estado {
    margin: auto;
    width: 90%;
}

.formulario .estado .paso {
    border: 1px solid #80808070;
    margin-left: -1px;
    height: 60px;
    text-align: center;
.
}

.formulario .estado .paso p {
    color: #80808070;
    font-weight: bold;
    line-height: 4.5;
}

.formulario .estado .col-sm-2, .formulario .estado .col-sm-1 {
    padding: 0;
}

.formulario .estado .active {
    background: #cc2128;
    border: 1px solid #cc2128;
    box-shadow: 0px 0px 5px 0px #cc2128;
}

.formulario .estado .paso:hover {
    background: #cc2128;
    border: 1px solid #cc2128;
    box-shadow: 0px 0px 5px 0px #cc2128;
}

.formulario .estado .active p {
    color: white;
}

.formulario .estado .paso:hover p {
    color: white;
}

.formulario .estado a {
    text-decoration: none
}

.formulario .campos {
    border: 1px solid #80808070;
    box-shadow: 0px 6px 8px 1px #0000001c;
    margin-top: -1px;
    padding: 50px 100px;
}

.formulario label {
    font-weight: 100;
}

.formulario .form-control {
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.formulario .continuar {
    margin: 25px auto 0;
    text-align: end;
    width: 70%;

}

.formulario .continuar .boton {
    color: #cc2128;
    cursor: pointer;
    font-size: 25px;
}

.formulario .continuar .atras {
    float: left;
}

.danger {
    color: red;
    font-size: 11px;
}

.form-section-paso .dropdown {
    border-bottom: 1px solid #ccc;
}

.form-section-paso .dropdown a {
    color: #555;
}

.form-section-paso .dropdown dd ul {
    background: white;
    border: 1px solid #ccc;
    color: #555;
}

.btn-primary {
    background-color: #344a76;
    border: #344a76;
}

.panel-primary {
    border: 1px solid #80808070;
}

/*======================================================
POP UP TERMINOS Y CONDICIONES
 =======================================================*/

.pop-up-terminos {
    background: rgba(0, 0, 0, 0.54);
    height: 100%;
    left: 0;
    overflow: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}

.terminos-content {
    background: white;
    border-radius: 8px;
    margin: 5% auto;
    padding: 20px;
    width: 80%;
}

.terminos-content .close {
    position: relative;
    top: -56px;
    color: white;
    border: 2px solid white;
    border-radius: 40px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 1.3;
    opacity: 1;
}

.terminos-content h1 {
    border-bottom: 2px solid #a61b20;
    color: #2a3c60;
    font-weight: bold;
    font-size: 25px;
    letter-spacing: 1px;
    margin: 0;
    padding: 20px 0 10px;
    text-align: center;
    width: 100%;
}

.terminos-body {
    color: #989090;
    margin: 20px auto;
    width: 86%;
}

.terminos-list {

    text-align: justify;
}

.terminos-list p {
    font-size: 12px;
}


/*======================================================
FIRMA Y CONTENEDOR
 =======================================================*/

.firma-contenedor {

}

.firma-contenedor .firma {
    border: 1px solid #80808070;
    color: #cc2128;
    height: 180px;
    text-align: center;
    width: 100%;
}

.firma-contenedor .firma h3 {
    line-height: 5
}

.firma-contenedor .huella {
    border: 1px solid #80808070;
    color: #cc2128;
    height: 180px;
    text-align: center;
    width: 100%;
}

.firma-contenedor .huella h3 {
    line-height: 1
}

.huella img {
    width: 100%;
}

/*============================================================
						RESPOSIVE
============================================================*/

@media only screen and (max-width: 1025px) {

    header nav {
        width: 80%;
    }

}

@media only screen and (max-width: 800px) {

    .login {
        width: 100%;
    }

    .login section {
        margin: 0 auto;
        padding: 0;
        text-align: justify;
        width: 80%;
    }

    .login h1 {
        text-align: center;
    }

    .login input {
        height: 40px
    }

    .login input[type="submit"] {
        padding: 12px;
    }

    .logo-home {
        position: relative;
        margin-bottom: 20px;
    }

    .header-datos {
        padding: 10px;
        min-width: 100%;
    }

    header nav {
        text-align: center;
        width: 100%;
    }

    .menu {
        margin-top: 0;
        padding: 0;
    }

    .menu li {
        width: 100%;
    }

    #wrapper {
        margin-top: 0;
    }

    .home {
        margin: 10px auto 0;
        width: 100%;
    }

    .home .report {
        border: none;
        border-bottom: 1px solid black;
    }

    .buscador {
        width: 100%;
    }

    .table {
        margin-top: 0;
    }

    .formulario .campos {
        padding: 15px;
    }

    .formulario .continuar {
        width: 100%
    }

    .terminos-content {
        margin: 15% auto;
        padding: 0;
        width: 95%
    }

    .terminos-body {
        margin: 0;
        width: 95%;
    }

    .terminos-body ol ol, .terminos-body ol ul, .terminos-body ul ol, .terminos-body ul ul {
        padding: 0;
    }

    .accept {
        text-align: center !important;
        padding-bottom: 15px;
    }

    .firma-contenedor .firma {
        line-height: 10;
    }

    header nav {
        min-height: 0px;
    }

    .firma img {
        width: 100%
    }

}

.half-w {
    width: 49%;
    display: inline-block;
}

label.required:after {
    content: ' *';
    color: darkred;
}

.title {
    text-align: center;
    margin-bottom: 50px;
}