/*  GLOBAL  */

*{-webkit-box-sizing:border-box;box-sizing:border-box}
html {height:auto;min-height:100%;position:relative;}
body {background:url("../img/background.jpg") no-repeat fixed center;font-family:"Roboto";font-size:11px;color:#505050;min-width:510px;}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {font-family:"Montserrat";}
h1,.h1 {font-size:26px;padding:0px;margin:0px;color:#FFFFFF;font-weight:700;}
h2,.h2 {font-size:24px;padding:0px;margin:0px;color:#505050;font-weight:700;}
h3,.h3 {font-size:20px;padding:0px;margin:0px;color:#505050;font-weight:400;}
h4,.h4 {font-size:15px;padding:0px;margin:0px;color:#505050;font-weight:400;}
h5,.h5 {font-size:12px;padding:0px;margin:0px;color:#505050;font-weight:400;}
ul {padding:0px;}
ul li {list-style: none;}
a {color:#035db5}
a:hover {color: #808080;}
a:active {color: #1a5188 }
a:focus {color: #1a5188 }

iframe { display: block; background: none; border: none; width: 100%; position:relative; }

/* ABOUT */
.img-about { margin-bottom: 20px; text-align: center; height: 80px; }

/*  HEADERS OPTIONS  */
.banner {color:#FFFFFF; background-color:#DD8603; padding: 20px 30px; border-radius:0px; margin:0px 0px 20px 0px; width:100%; border-bottom: 2px solid #c27400}
.banner_txt {width: 100%; text-align:right;text-shadow: 1px 1px 1px rgba(0,0,0,0.4); font-size: 24px;padding: 0px;margin: 0px; color: #FFFFFF; font-family: "Fira Sans Condensed"; }

.btn-global {font-size:14px;color:#035db5;background-color:#fff;background: -webkit-linear-gradient(bottom, #171695 0%, #035db5 100%);min-width:130px;height:34px;border-radius:5px;margin-top:10px; border-bottom: 2px solid #0c0c64;text-shadow: 1px 1px 1px rgba(0,0,0,.5); border-top:none}
.btn-global:hover {color:#fff;background-color:#035db5; background: -webkit-linear-gradient(top, #68717a 10%, #152027 100%); border-bottom: 2px solid #333}
.btn-global:enabled {color:#fff}
.btn-global:active {background-color:#2a2a2a; border-bottom: 2px solid #000}

.btn-close {font-size:14px;color:#555555;background-color:#e7e7e7;border-bottom:2px solid #adadad;min-width:130px;height:34px;border-radius:5px;margin-top:10px;}
.btn-close:hover {color:#fff;background-color:#adadad;border-bottom:2px solid #555555;}
.btn-close:enabled {color:#555555}

.box-body {padding-bottom:15px;}
.box-in {padding-top:12px;padding-bottom:12px;}
.box-side {padding-left:12px;padding-right:12px;}
.box-default{background-color:#fff;border-radius:5px;box-shadow:0 1px 1px rgba(0,0,0,.1)}
.box-default label {margin-top:0px;margin-bottom:0px;}
.box {border-top:1px solid #ccc}

.box.box-solid.box-default{border:none}
.box.box-solid.box-default.collapsed-box>.box-header {border-radius:4px;}
.box.box-solid.box-default>.box-header{color:#fff;background-color:#006024;border-top-left-radius:4px;border-top-right-radius:4px;}
.box.box-solid.box-default>.box-header a,.box.box-solid.box-default>.box-header>.box-tools>.btn,.box.box-solid.box-default>.box-header>h4{color:#fff}

.dropdown-menu {font-size:12px;}
.control-label {padding-top: 0px; margin-bottom: 0; text-align: right;}
.line {border-bottom:1px solid #ddd; padding: 5px 10px; margin-left:5px; background-color:#f2f2f2; border-radius:4px;}
.space {margin-left: 3px}
.down-top {margin-top:15px;}
.down-bot {margin-bottom:15px;}
.mtto h1, .mtto h2 {margin-top:0px;}
.btn-icon {min-width:22px; height:22px; color:grey; font-size:14px; margin-left:8px; border: 1px solid rgba(0, 0, 0, 0.00); border-radius:3px; padding:3px;}
.btn-icon-disabled {min-width:22px; height:22px; color:grey; font-size:14px; margin-left:8px; border: 1px solid rgba(0, 0, 0, 0.00); border-radius:3px; padding:3px;}
.btn-icon:hover {min-width:22px; height:22px; color:#1a5188; font-size:14px; margin-left:8px; border: 1px solid #037db5; border-radius:3px; padding:3px;}
.btn-icon span {font-size:12px;}
.main-header .logo {padding:0px;}
.search { width: 70px; margin-top: 8px; margin-right: 8px; }
.w, .w:hover {padding: 3px 10px;}

.txt-shadow { text-shadow: 1px 1px 1px rgba(0,0,0,0.7);}
.dash-top-icon {height:50px; float:left}
.dash-top-text {height:50px; text-align:left; vertical-align:text-bottom}

.version {color:#555555; font-size:9px; position:absolute; bottom: 83px; right:12px}

/*  HEADER  */
.logo-lg {font-family: "Roboto";font-weight: 400;}

/*  LOGIN  */
.login-header {font-size:10px;color:#bbb;margin:auto;background-color: transparent;height: 80px;min-width: 400px;}
.login-header div {float:left;}
.login-header .region {height:40px;padding-top:20px;padding-left:10px;}
.login_content {background-color: transparent;width:100%;margin-bottom:70px;padding-top: 50px;}
.login-form {width: 380px;margin-bottom:180px;margin:10px auto;border-radius:5px;padding:20px 20px 20px 20px;box-shadow: 0px 0px 40px 8px rgba(0, 0, 0, 0.2);background-color:white;}
/*.login-form .form-control {position:relative;font-size:11px;height:auto;width:95%;padding:10px;margin:2px 0px 0px auto;border:none;border-bottom:1px solid #aaa;}*/
.login-form .input-group {padding:4px 4px;color:#8b9199;font-weight:normal;background-color:#ffffff;border:none;border-radius:0;margin-left:5px;}
.login-form .input-group .control-label {padding:10px 12px 0px 12px;color:#505050}
.login-form .input-group-addon {padding:6px 12px;color:#8b9199;font-weight:normal;text-align:center;background-color:#ffffff;border:none;border-radius: 0;margin:auto;}
.login-form > form {padding-right:0px;} /*------*/
.login-end {font-size: 11px; margin:0px 20px;}
.login-end p {margin-top: 5px;}
.login-form i {color: #035db5;font-size: 16px;width: 18px;}
#RememberMe {margin-top: 20px;margin-left: 40px;}
.login_footer {background-color: #fff;position:absolute;bottom:0;width:100%;min-width:460px;height:70px;color: white;padding: 10px;border-top: 1px solid #ddd;}
.register-addon {font-size: 10px;}
.register-form-control {background-color:transparent;font-size:12px;height:auto;padding:0px;margin:0px 0px 10px auto;border:none;border-bottom: 1px solid #aaa;width: 320px;}
.caps {text-transform:uppercase;}
.txt_right {text-align:right;}

/*.input-group {margin-right: 20px;}
.input-group .form-control:focus {border:1px solid #eee; border-bottom: 2px solid #a9090f}
.input-group .form-control:hover {border:1px solid #eee; border-bottom: 2px solid #ef3f44}
.input-group .form-control:last-child {border-radius: 5px;}*/

.g-recaptcha {margin:auto;border-radius:0px;margin-top:15px;}

/*  HOME  */
.home-text {text-align:justify;padding:20px}
.home-img  {text-align:justify;padding:20px;align-content:center;}
.home-img h1 {font-family:"Montserrat";font-size:18px;font-weight:700;text-align:left;color:#505050;padding:0px 0px 10px 0px;}
.home-img .h1 {font-family:"Montserrat";font-size:18px;font-weight:700;text-align:left;color:#505050;padding:0px;}
.home-img img {max-width:170px;margin:0px 0px 0px 0px}
.product {margin-bottom:20px;}
.flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:wrap row;flex-flow:wrap row}
.product-hero {max-width:1440px;width:100%;margin:0 auto 15px;position:relative;}
.product-hero__content h1 {font-family:"Montserrat";font-size:34px;font-weight:700;padding:0px 20px;}
.product-hero__copy {padding:40px 10px;}
@media (min-width:740px){.product-hero{margin:0 auto}}
.product-hero{position:relative;overflow:hidden;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.product-hero__media{width:100%}
@media (min-width:740px){.product-hero__media{position:absolute;top:0;left:0}}
@media (min-width:1065px){.product-hero__media{width:75%;top:-10%}}
@media (min-width:1300px){.product-hero__media{top:-50%}}
.product-hero__media img{width:100%}
.product-hero__content{position:relative;z-index:200;color:white;text-align:center;padding:20px 0;width:95%;margin:-30px auto 0}
@media (min-width:740px){.product-hero__content{margin:0;padding:0px 0;width:50%}}
@media (min-width:740px){.product-hero__copy{padding:10px 50px}}
.product .product-hero__content{background-color:#005CB9}
@media (min-width:740px){.product .product-hero__content{background-color:rgba(0,92,185,0.8);background-image:-webkit-gradient(linear, left top, right top, from(rgba(0,92,185,1)), color-stop(40%, #004386), to(#004386));background-image:linear-gradient(to right, rgba(0,92,185,0.7) 0%, #004386 40%, #004386 100%)}}
.product--gestion-documental-y-procesos .product-hero__content{background-color:#FF8300;background-image:-webkit-gradient(linear, left top, right top, from(rgba(255,131,0,1)), color-stop(70%, #cc6900), to(#cc6900));background-image:linear-gradient(to right, rgba(255,131,0,0.7) 0%, #cc6900 70%, #cc6900 100%)}
@media (min-width:740px){.product--gestion-documental-y-procesos .product-hero__content{background-color:rgba(255,131,0,0.8);background-image:-webkit-gradient(linear, left top, right top, from(rgba(255,131,0,0.7)), color-stop(70%, #cc6900), to(#cc6900));background-image:linear-gradient(to right, rgba(255,131,0,0.7) 0%, #cc6900 70%, #cc6900 100%)}}
.home-text p:last-child, p:last-child {margin-bottom:0px;}

/*  FORMULARIOS  */
.input-group {font-weight: normal;padding-top: 10px;}
.form-control {background-color: transparent;font-size: 12px;padding: 0px 10px 0px 10px;margin: 0px 0px 10px auto;border: 1px solid #f3f3f3;border-bottom: 2px solid #ddd; border-radius:5px !important; }
.form-control:hover, .register-form-control:hover {border: 1px solid #eee;border-bottom: 2px solid #035db5;}
.form-control:focus, .register-form-control:focus {border: 1px solid #eee;border-bottom: 2px solid #003569;}
.form-control[disabled] {background-color: #eee;font-size: 12px;border-bottom: 1px solid #aaa;}
.end-form {padding-bottom: 30px;}
.btn-group {background-color:#fff;border-color:#ddd;text-align:left;font-size: 12px;overflow:hidden}

/*  DATEPICKER  */
.datepicker table tr td.today, .datepicker table tr td.today:hover {background-image: -moz-linear-gradient(to bottom, #00366c, #035db5);background-image: linear-gradient(to bottom, #00366c, #035db5);color:#fff;}

/*  NAVEGACION  */
.nav-tabs-custom .nav-tabs li a {color: #ccc;}
.nav-tabs-custom .nav-tabs li a:hover {color: #808080;}
.nav-tabs-custom .nav-tabs li.active {border-top-color: #035db5;}

/*  MODALS  */
.modal-header {height:50px;margin:0px;}
.modal-footer .btn-global {margin-top:0px;}

/*  TABLAS  */
.table { margin-bottom: 0px; }
#tab-head th {background-color: #025bb4;color: white;font-weight: normal;background-image: linear-gradient(to top,#134977 0%,#025bb4 100%);background-repeat: repeat-x;padding: 5px;}
#tab-head td, #tab-head th {border:none}
#tab-body td a {color: #035db5;padding: 0px;}
#tab-body td a:hover {color: #034282;}
#tab-body tr {background-color: #f9f9f9;background-repeat: repeat-x;}
#tab-body tr:hover { background-color: #dddddd; }

/*#tab-head td, #tab-head th {border:none;font-size:11px;}
#tab-body td a {color:#555555;padding:0px;}
#tab-body td a:hover {color:#034282;}
#tab-body tr {background-color:#f9f9f9;font-size:11px}
#tab-body tr:hover {background-color:#dddddd;}
.tab-detail th { background-color: #1492c6; color: #fff; }*/ 


.table-fixed thead {width: calc(100%-25px);}
.table-fixed tbody {height: 230px;/*overflow-y: auto;*/width: 100%;}
.table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th {display: block;}
.table-fixed tbody td, .table-fixed thead > tr> th {float: left;border-bottom-width: 0;}
.tab-scrollable {overflow-x: auto;}
.tab_tabs {background-color:#025bb4; color:#fff; border-bottom:none; font-weight:bold; font-size:12px;}

/*  PAGINACION  */
.pagination {display: inline-block;padding-left: 0;margin: 0px 0px;border-radius: 4px;}
.pagination > li {display: inline;}
.pagination > li > a, .pagination > li > span {position: relative;float: left;padding: 6px 12px;margin-left: -1px;line-height: 1.428571429;text-decoration: none;background-color: #ffffff;border: 1px solid #dddddd;}
.pagination > li:first-child > a, .pagination > li:first-child > span {margin-left: 0;border-bottom-left-radius: 4px;border-top-left-radius: 4px;}
.pagination > li:last-child > a, .pagination > li:last-child > span {border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {background-color: #eeeeee; color:#555555}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {z-index: 2;color: #ffffff;cursor: default;background-color: #f39c12;border-color: #aaa;font-weight:700}
.pagination > .disabled > span, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {color: #555555;cursor: not-allowed;  background-color: #ffffff;border-color: #dddddd;}
.pagination-lg > li > a, .pagination-lg > li > span {padding: 10px 16px;font-size: 18px;}
.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {border-bottom-left-radius: 6px;border-top-left-radius: 6px;}
.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {border-top-right-radius: 6px;border-bottom-right-radius: 6px;}
.pagination-sm > li > a, .pagination-sm > li > span {padding: 5px 10px;font-size: 12px;}
.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {border-bottom-left-radius: 3px;border-top-left-radius: 3px;}
.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {border-top-right-radius: 3px;border-bottom-right-radius: 3px;}
.pager {padding-left: 0;margin: 20px 0;text-align: center;list-style: none;}
.pager:before, .pager:after {display: table;content: " ";}
.pager:after {clear: both;}
.pager:before, .pager:after {display: table;content: " ";}
.pager:after {clear: both;}
.pager li {display: inline;}
.pager li > a,.pager li > span {display: inline-block;padding: 5px 14px;background-color: #ffffff;border: 1px solid #dddddd;border-radius: 15px;}
.pager li > a:hover,.pager li > a:focus {text-decoration: none;background-color: #eeeeee;}
.pager .next > a,.pager .next > span {float: right;}
.pager .previous > a,.pager .previous > span {float: left;}
.pager .disabled > a,.pager .disabled > a:hover,.pager .disabled > a:focus,.pager .disabled > span {color: #999999;cursor: not-allowed;background-color: #ffffff;}

.dataTables_paginate { float: right; text-align: right; }
.dataTables_info { float: left; margin-top: 10px }
div.dataTables_wrapper div.dataTables_paginate { margin-top: 15px }
.dataTables_length { float: left }

.paging_full_numbers { width: auto; height: 22px; line-height: 22px; margin-top: 15px  }
.paging_full_numbers a:active { outline: none; }
.paging_full_numbers a:hover { text-decoration: none; }
.paging_full_numbers a.paginate_button, .paging_full_numbers a.paginate_active { border: 1px solid #dddddd; padding: 6px 12px; margin: -1px; cursor: pointer; *cursor: hand; line-height: 1.428571429; text-decoration: none; background-color: #ffffff !important; }
.paging_full_numbers a.paginate_button { background-color: #fff; }
.paging_full_numbers a.paginate_button:hover { color: #505050; background-color: #EEE; text-decoration: none !important; }
.paging_full_numbers a.paginate_active { background-color: #f39c12; color: #FFF; text-shadow: 1px 1px 1px rgba(0,0,0,.5); }

table.display tr.even.row_selected td { background-color: #AAAAAA; }
table.display tr.odd.row_selected td { background-color: #BEBEBE; }

tr.odd td.sorting_1 { background-color: rgba(170, 170, 170, 0.3); }
tr.even td.sorting_1 { background-color: rgba(170, 170, 170, 0.4); }

.pagination-center { text-align: center }

/*  CHECKBOX  &  RADIO BUTTONS  */
.checkbox { padding-left: 20px; }
.checkbox label { display: inline-block; vertical-align: middle; position: relative; padding-left: 5px; }
.checkbox label::before { content: ""; display: inline-block; position: absolute; width: 17px; height: 17px; left: 0; margin-left: -20px; border: 1px solid #cccccc; border-radius: 3px; background-color: #fff; -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
.checkbox label::after { display: inline-block; position: absolute; width: 16px; height: 16px; left: 0; top: 0; margin-left: -20px; padding-left: 3px; padding-top: 1px; font-size: 11px; color: #555555; }
.checkbox input[type="checkbox"], .checkbox input[type="radio"] { opacity: 0; z-index: 1; cursor: pointer; }
.checkbox input[type="checkbox"]:focus + label::before, .checkbox input[type="radio"]:focus + label::before { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
.checkbox input[type="checkbox"]:checked + label::after, .checkbox input[type="radio"]:checked + label::after { font-family: "FontAwesome"; content: "\f00c";}
.checkbox input[type="checkbox"]:indeterminate + label::after, .checkbox input[type="radio"]:indeterminate + label::after { display: block; content: ""; width: 10px; height: 3px; background-color: #555555; border-radius: 2px; margin-left: -16.5px; margin-top: 7px; }
.checkbox input[type="checkbox"]:disabled, .checkbox input[type="radio"]:disabled { cursor: not-allowed; }
.checkbox input[type="checkbox"]:disabled + label, .checkbox input[type="radio"]:disabled + label { opacity: 0.65; }
.checkbox input[type="checkbox"]:disabled + label::before, .checkbox input[type="radio"]:disabled + label::before { background-color: #eeeeee; cursor: not-allowed; }

.checkbox.checkbox-circle label::before { border-radius: 50%; }
.checkbox.checkbox-inline { margin-top: 0; } 

.checkbox-BES input[type="checkbox"]:checked + label::before, .checkbox-danger input[type="radio"]:checked + label::before { background-color: #035db5; border-color: #004386; }
.checkbox-BES input[type="checkbox"]:checked + label::after, .checkbox-danger input[type="radio"]:checked + label::after { color: #fff; }

.checkbox-primary input[type="checkbox"]:checked + label::before, .checkbox-primary input[type="radio"]:checked + label::before { background-color: #337ab7; border-color: #337ab7; }
.checkbox-primary input[type="checkbox"]:checked + label::after, .checkbox-primary input[type="radio"]:checked + label::after { color: #fff; }

.checkbox-danger input[type="checkbox"]:checked + label::before, .checkbox-danger input[type="radio"]:checked + label::before { background-color: #ac1a2f; border-color: #790d1d; }
.checkbox-danger input[type="checkbox"]:checked + label::after, .checkbox-danger input[type="radio"]:checked + label::after { color: #fff; }

.checkbox-info input[type="checkbox"]:checked + label::before, .checkbox-info input[type="radio"]:checked + label::before { background-color: #5bc0de; border-color: #5bc0de; }
.checkbox-info input[type="checkbox"]:checked + label::after, .checkbox-info input[type="radio"]:checked + label::after { color: #fff; }

.checkbox-warning input[type="checkbox"]:checked + label::before, .checkbox-warning input[type="radio"]:checked + label::before { background-color: #f0ad4e; border-color: #f0ad4e; }
.checkbox-warning input[type="checkbox"]:checked + label::after, .checkbox-warning input[type="radio"]:checked + label::after { color: #fff; }

.checkbox-success input[type="checkbox"]:checked + label::before, .checkbox-success input[type="radio"]:checked + label::before { background-color: #5cb85c; border-color: #5cb85c; }
.checkbox-success input[type="checkbox"]:checked + label::after, .checkbox-success input[type="radio"]:checked + label::after { color: #fff;}

.checkbox-primary input[type="checkbox"]:indeterminate + label::before, .checkbox-primary input[type="radio"]:indeterminate + label::before { background-color: #337ab7; border-color: #337ab7; }
.checkbox-primary input[type="checkbox"]:indeterminate + label::after, .checkbox-primary input[type="radio"]:indeterminate + label::after { background-color: #fff; }

.checkbox-danger input[type="checkbox"]:indeterminate + label::before, .checkbox-danger input[type="radio"]:indeterminate + label::before { background-color: #d9534f; border-color: #d9534f; }
.checkbox-danger input[type="checkbox"]:indeterminate + label::after, .checkbox-danger input[type="radio"]:indeterminate + label::after { background-color: #fff; }

.checkbox-info input[type="checkbox"]:indeterminate + label::before, .checkbox-info input[type="radio"]:indeterminate + label::before { background-color: #5bc0de; border-color: #5bc0de; }
.checkbox-info input[type="checkbox"]:indeterminate + label::after, .checkbox-info input[type="radio"]:indeterminate + label::after { background-color: #fff; }

.checkbox-warning input[type="checkbox"]:indeterminate + label::before, .checkbox-warning input[type="radio"]:indeterminate + label::before { background-color: #f0ad4e; border-color: #f0ad4e; }
.checkbox-warning input[type="checkbox"]:indeterminate + label::after, .checkbox-warning input[type="radio"]:indeterminate + label::after { background-color: #fff; }

.checkbox-success input[type="checkbox"]:indeterminate + label::before, .checkbox-success input[type="radio"]:indeterminate + label::before { background-color: #5cb85c; border-color: #5cb85c; }
.checkbox-success input[type="checkbox"]:indeterminate + label::after, .checkbox-success input[type="radio"]:indeterminate + label::after { background-color: #fff; }

.radio { padding-left: 20px; }
.radio label { display: inline-block; vertical-align: middle; position: relative; padding-left: 5px; }
.radio label::before { content: ""; display: inline-block; position: absolute; width: 17px; height: 17px; left: 0; margin-left: -20px; border: 1px solid #cccccc; border-radius: 50%; background-color: #fff; -webkit-transition: border 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out; transition: border 0.15s ease-in-out; }
.radio label::after { display: inline-block; position: absolute; content: " "; width: 11px; height: 11px; left: 3px; top: 3px; margin-left: -20px; border-radius: 50%; background-color: #555555; -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
.radio input[type="radio"] { opacity: 0; z-index: 1; cursor: pointer; }
.radio input[type="radio"]:focus + label::before { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
.radio input[type="radio"]:checked + label::after { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); }
.radio input[type="radio"]:disabled { cursor: not-allowed;}
.radio input[type="radio"]:disabled + label { opacity: 0.65; }
.radio input[type="radio"]:disabled + label::before { cursor: not-allowed; }
.radio.radio-inline { margin-top: 0; }

.radio-primary input[type="radio"] + label::after { background-color: #337ab7; }
.radio-primary input[type="radio"]:checked + label::before { border-color: #337ab7; }
.radio-primary input[type="radio"]:checked + label::after { background-color: #337ab7; }

.radio-danger input[type="radio"] + label::after { background-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::before { border-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::after { background-color: #d9534f; }

.radio-info input[type="radio"] + label::after { background-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::before { border-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::after { background-color: #5bc0de; }

.radio-warning input[type="radio"] + label::after { background-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::before { border-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::after { background-color: #f0ad4e; }

.radio-success input[type="radio"] + label::after { background-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::before { border-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::after { background-color: #5cb85c; }

input[type="checkbox"].styled:checked + label:after, input[type="radio"].styled:checked + label:after { font-family: 'FontAwesome'; content: "\f00c"; }
input[type="checkbox"] .styled:checked + label::before, input[type="radio"] .styled:checked + label::before { color: #fff; }
input[type="checkbox"] .styled:checked + label::after, input[type="radio"] .styled:checked + label::after { color: #fff; }

.checkbox {margin-top:0px; margin-bottom:0px; }


/* GRAFICOS */
.chart { width: 100%; min-height: 450px; }
.row { margin:0 !important; }

.graph-legend ul {list-style: none; padding-left: 15px; }
.graph-legend ul li { display: block; padding-left: 0px; position: relative; margin-bottom: 4px; border-radius: 5px; padding: 2px 8px 2px 28px;font-size: 11px; cursor: default; -webkit-transition: background-color 200ms ease-in-out; -moz-transition: background-color 200ms ease-in-out; -o-transition: background-color 200ms ease-in-out; transition: background-color 200ms ease-in-out; }
.graph-legend li span { display: block; position: absolute; left: 0; top: 0; width: 20px; height: 100%; border-radius: 5px; }

#fullscreen:fullscreen { padding: 50px; background-color: #f5f5f5; }
div:fullscreen { padding: 50px; background-color: #f5f5f5; }
div:-moz-full-screen { padding: 50px; background-color: #f5f5f5; }
div:-webkit-full-screen { padding: 50px; background-color: #f5f5f5; }
#fullscreen:-moz-full-screen > section > #max-button { display: none; }
#fullscreen:-webkit-full-screen > section > #max-button { display: none; }

/* FOOTER  */
footer a {font-size:10px;color:#808080;}
footer div div {font-size:10px;color:#808080;margin-top:20px;height:32px;float:left;padding-right: 0px;}

/*  FONTS  */
/* Roboto italic */
@font-face {
  font-family:'Roboto';
  font-style:italic;
  font-weight:400;
  src:url('../fonts/roboto-italic.eot');
  src:local('Roboto Italic'), local('Roboto-Italic'),
       url('../fonts/roboto-italic.eot?#iefix') format('embedded-opentype'),
       url('../fonts/roboto-italic.woff2') format('woff2'),
       url('../fonts/roboto-italic.woff') format('woff'),
       url('../fonts/roboto-italic.ttf') format('truetype'),
       url('../fonts/roboto-italic.svg#Roboto') format('svg');
} 
/* Roboto 400 */
@font-face {
  font-family:'Roboto';
  font-style:normal;
  font-weight:400;
  src:url('../fonts/roboto-400.eot');
  src:local('Roboto'), local('Roboto-400'),
       url('../fonts/roboto-400.eot?#iefix') format('embedded-opentype'),
       url('../fonts/roboto-400.woff2') format('woff2'),
       url('../fonts/roboto-400.woff') format('woff'),
       url('../fonts/roboto-400.ttf') format('truetype'),
       url('../fonts/roboto-400.svg#Roboto') format('svg');
}
/* Roboto 500 */
@font-face {
  font-family:'Roboto';
  font-style:normal;
  font-weight:500;
  src:url('../fonts/roboto-500.eot');
  src:local('Roboto Medium'), local('Roboto-Medium'),
       url('../fonts/roboto-500.eot?#iefix') format('embedded-opentype'),
       url('../fonts/roboto-500.woff2') format('woff2'),
       url('../fonts/roboto-500.woff') format('woff'),
       url('../fonts/roboto-500.ttf') format('truetype'),
       url('../fonts/roboto-500.svg#Roboto') format('svg');
}
/* Roboto 700 */
@font-face {
  font-family:'Roboto';
  font-style:normal;
  font-weight:700;
  src:url('../fonts/roboto-700.eot');
  src:local('Roboto Bold'), local('Roboto-Bold'),
       url('../fonts/roboto-700.eot?#iefix') format('embedded-opentype'),
       url('../fonts/roboto-700.woff2') format('woff2'),
       url('../fonts/roboto-700.woff') format('woff'),
       url('../fonts/roboto-700.ttf') format('truetype'),
       url('../fonts/roboto-700.svg#Roboto') format('svg');
}
/* Roboto 900 */
@font-face {
  font-family:'Roboto';
  font-style:normal;
  font-weight:900;
  src:url('../fonts/roboto-900.eot');
  src:local('Roboto Black'), local('Roboto-Black'),
       url('../fonts/roboto-900.eot?#iefix') format('embedded-opentype'),
       url('../fonts/roboto-900.woff2') format('woff2'),
       url('../fonts/roboto-900.woff') format('woff'),
       url('../fonts/roboto-900.ttf') format('truetype'),
       url('../fonts/roboto-900.svg#Roboto') format('svg');
}
/* Montserrat 400 */
@font-face {
  font-family:'Montserrat';
  font-style:normal;
  font-weight:400;
  src:url('../fonts/montserrat-400.eot');
  src:local('Montserrat 400'), local('Montserrat-400'),
       url('../fonts/montserrat-400.eot?#iefix') format('embedded-opentype'),
       url('../fonts/montserrat-400.woff2') format('woff2'),
       url('../fonts/montserrat-400.woff') format('woff'),
       url('../fonts/montserrat-400.ttf') format('truetype'),
       url('../fonts/montserrat-400.svg#Montserrat') format('svg');
}
/* Montserrat 700 */
@font-face {
  font-family:'Montserrat';
  font-style:normal;
  font-weight:700;
  src:url('../fonts/montserrat-700.eot');
  src:local('Montserrat Bold'), local('Montserrat-Bold'),
       url('../fonts/montserrat-700.eot?#iefix') format('embedded-opentype'),
       url('../fonts/montserrat-700.woff2') format('woff2'),
       url('../fonts/montserrat-700.woff') format('woff'),
       url('../fonts/montserrat-700.ttf') format('truetype'),
       url('../fonts/montserrat-700.svg#Montserrat') format('svg');
}

@font-face {
  font-family:'Fira Sans Condensed';
  font-style:normal;
  font-weight:500;
  src:local('Fira Sans Condensed Medium'), local('FiraSansCondensed-Medium'), url(https://fonts.gstatic.com/s/firasanscondensed/v2/wEOsEADFm8hSaQTFG18FErVhsC9x-tarWQXOuMR0cg.woff2) format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}