@font-face{ 
    font-family: 'RobotoLight';
    src: url('fonts/roboto-light-webfont.eot');
    src: url('fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/roboto-light-webfont.woff') format('woff'),
        url('fonts/roboto-light-webfont.ttf') format('truetype'),
        url('fonts/roboto-light-webfont.svg#webfont') format('svg');
}
@font-face{ 
    font-family: 'RobotoThin';
    src: url('fonts/roboto-thin-webfont.eot');
    src: url('fonts/roboto-thin-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/roboto-thin-webfont.woff') format('woff'),
        url('fonts/roboto-thin-webfont.ttf') format('truetype'),
        url('fonts/roboto-thin-webfont.svg#webfont') format('svg');
}   

body {
    font-size: 14px;
}

a {
    color: #333;
}

h1, h2, h3 {
    font-family: RobotoLight;
}

.table {
    font-size: 13px;
}
#header {
    width: 100%;
    z-index: 1000;
}
.header {
    background: #007bff;
    font-family: RobotoLight;
}
.header .nav {
    font-size: 15px;
}
.user-info img {
    width: 35px;
}
.user-name {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 8px;
    border-radius: .25rem .25rem 0 0;
    padding: 5px 0;
}
.dropdown-menu {
    padding: 0;
}

#footer {
    background: #EDECEC;
    color: #666;
    font-size: 11px;
    clear: both;
    padding: 10px 0;
    text-align: right;
    margin-top: 20px;
}

.table>tbody>tr>td {
    vertical-align: middle;
}
td.number {
    width: 50px;
    color: #CCC;
    font-size: 18px;
}
td.acciones {
    width: 140px;
}
.asociada td.acciones {
    width: 100px;
}

div.export {
    font-size: 15px;
}
div.export.disabled {
    color: #BBB;
}

.page-header {
    border-bottom: 1px solid rgba(0,0,0,.125);
}
.page-header h2 {
    font-weight: 300;
}

.form-row label:not(.checkbox):not(.radio-inline) {
    font-weight: bold;
}
div.input label.checkbox {
    width: 125px !important;
}

.top-header {
    overflow: hidden;
    margin-top: 0;
    padding-right: 15px;
    padding-left: 15px;
    background: #007bff;
}

.top-header a.logo {
    display: block;
    width: 100px;
    height: 52px;
    float: left;
    text-indent: -5000px;
    opacity: .7;
}
.top-header a.logo:hover {
    opacity: 1;
    text-decoration: none;
}

/* TABLA */
.table>thead>tr>th {
    border-bottom: 2px solid #999 !important;
}

.page-header {
    padding-bottom: 0 !important;
    margin: 15px 0 !important;
}

.pagination {
    margin: 0 !important;
}

.pagination-xs>li>a, .pagination-xs>li>span {
    padding: 2px 5px !important;
    font-size: 11px !important;
    line-height: 1.4 !important;
}

.btn {
    background-image: none;
    filter: none;
}

.btn-inverse {
    background-image: none;;
    filter: none;
    background-color: #3B3B3B;
    color: #FFF;
    opacity: .85;
}
.btn-inverse:hover{
    opacity: 1;
    background: #333;
    color: #FFF;
}
.btn-inverse:active{
    opacity: 1;
    background: #007bff;
    color: #FFF;
}

.btn-danger, .btn-default, .btn-info, .btn-primary, .btn-success, .btn-warning,.btn-inverse  {
    text-shadow: none;
}

.boton-home-grande {
    border: 5px solid #CCC;
    width: 120px;
    height: 120px;
    padding: 15px 21px;
    margin: 45px 30px;
    position: relative;
    text-align: center;
    display: block;
}
.boton-home-grande:hover {
    background: #007bff;
    border: 5px solid #007bff;
}
.boton-home-grande > div {
    position: absolute;
    left: -20px;
    width: 150px;
    text-align: center;
    top: 100px;
}
.boton-home-grande > div.counter {
    line-height: 14px;
    padding: 3px 6px;
    border-radius: 25px;
    font-weight: bold;
    position: absolute;
    right: -10px;
    top: 8px;
    background: none repeat scroll 0 0 #CC0000;
    color: #fff;
    left: initial;
    width: initial;
}
.boton-home-grande img {
    opacity: .3;
}
.boton-home-grande:hover img {
    opacity: 1;
}

.header-filtros, .filtros {
    width: 100%;
}
.toogle-filtros b {
    padding: 0px 4px 1px 5px;
    border-radius: 4px;
    font-size: 14px;
    line-height: 16px;
    cursor: pointer;
    font-weight: normal;
}
.toogle-filtros.expandido b {
    padding: 0px 6px 1px 6px;
}
.toogle-filtros:hover {
    text-decoration: none;
}

.botonNuevoRegistro {
    border: 0;
    border-radius: 3px;
    margin: 8px 0 0 12px;
    padding: 5px 10px;
    font-weight: bold;
    font-size: 12px;
    line-height: 18px;
}
.botonNuevoRegistro:after {
    content: "+";
}

table.asociada th {
    border-top: 0;
}
.tabla-asociada .pager {
    margin: 25px 0 0 0;
}

h3.maint-title {
    border-bottom: 1px solid #eee;
    color: #999;
    text-transform: uppercase;
    margin: 0px -15px;
    padding: 15px 15px 10px;
    background: #f9f9f9;
}

.navbar {
    border: none;
    margin-bottom: 0;
    padding: 0;
}
.small-header .navbar {
    min-height: inherit !important;
}
.navbar .nav-item {
    position: relative;
}
.menu > .nav-item .nav-link {
    padding: 7px 15px;
}
.menu a, .user-icon {
    background: #007bff;
    color: #FFF ;
}
.menu .highlighted, .menu a:hover {
    color: #000 !important;
    background: #FFF !important;
}

.main-color {
    background-color: #007bff;
    color: #FFF;
}

div.user_info {
    color: #FFF;
    font: normal 18px/16px RobotoLight, arial, sans-serif;
}
div.user_info a {
    color: #FFF;
}

div.user_info>div {
    position: relative;
    padding-top: 3px;
    text-transform: uppercase;
}

div.user_info .dependencia {
    font: normal 12px/14px Arial;
    max-width: 330px;
    text-transform: none;
}

.form-row {
    border-bottom: 1px dotted #DDD;
}
.form-row.last {
    border-bottom: 0;
}

div.asociada_add {
    background-color: #F9F9F9;
    box-shadow: 0 0 6px 3px #DDD;
    border: 1px solid #DDD;
    display: none;
    height: auto;
    z-index: 2;
    margin: 25px 10px 15px 10px;
}

div.asociada_add .submitbutton {
    background: #F0F0F0;
    border-top: 1px solid #DDD;
    margin-top: 30px;
    padding: 6px 15px 5px 5px;
    overflow: auto;
}

.cuernito {
    background: url("../img/new-record-header.png") no-repeat scroll 0 0 transparent;
    height: 16px;
    left: 14px;
    position: relative;
    top: -13px;
}

.help-block {
    margin-left: 150px;
    margin-bottom: 0px;
}

.input.textarea label {
    vertical-align: top;
}


@media (min-width: 1200px) {
    select.form-control {
        width: auto;
        max-width: 100%;
    }
}

#filtros .form-group {
    margin-bottom: 7px !important;
    padding-top: 7px !important;
}
#filtros .col-form-label {
    margin-top: 2px;
}
#filtros .required .form-control {
    background-color: #FFF;
}
#filtros form {
    margin-top: 10px;
}
#filtros select.form-control {
    width: 100% !important;
}

.loadingFullscrean, .loadingAjax {
    bottom: 0;
    top: 0;
    font-size: 3em;
    left: 0;
    opacity: 1;
    padding: 20% 33px 20px;
    position: fixed;
    right: 0;
    text-align: center;
    z-index: 2147483647;
    display: none;
    background: #FFF;
    color: #666;
    font-family: RobotoThin;
}
.loadingFullscrean .fa, .loadingAjax .fa {
    font-size: 3em;
}

.boton-home-grande .fa {
    font-size: 60px;
    margin-top: 10px;
    margin-left: 2px;
    opacity: .3;
}
.boton-home-grande:hover .fa {
    color: #FFF;
    opacity: 1;
}

h2.title a {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.required input,
.required select,
.required textarea {
    background-color: rgba(253,192,47,0.12);
}

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

.error .checkbox, .error .checkbox-inline, .error .control-label, .error .help-block, .error .radio, .error .radio-inline, .error.checkbox label, .error.checkbox-inline label, .error.radio label, .error.radio-inline label {
    color: #a94442;
}

.error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

.error-message {
    margin-top: 5px;
    color: #a94442;
}
.error-message ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.error-message li {
    padding-left: 1.3em;
}
.error-message li:before {
    content: "\f00d"; /* FontAwesome Unicode */
    font-family: FontAwesome;
    display: inline-block;
    margin-left: -1.3em; /* same as padding-left set on li */
    width: 1.3em; /* same as padding-left set on li */
}

.wrap-message {
    width: 680px;
    margin: 40px auto 20px auto;
    background: #F9F9F9;
    overflow: hidden;
    padding: 20px;
    border-radius: 6px;
}
.wrap-message .content-buttons {padding: 10px; margin-top: 10px; text-align: center; }
.wrap-message .content ul, .wrap-message .content li { margin: 5px 0 0 -24px; }
.wrap-message .content li {
    color: #333;
    list-style-type: none;
    background: url(../img/list-arrow.png) no-repeat 3px 4px;
    padding-left: 12px;
    margin-bottom: 5px;
    font-size: 14px;
}
.wrap-message .content h2 { margin: 0;font-size: 40px; font-weight: normal; background-color: #F9F9F9; }
.wrap-message .content { min-height: 120px; padding: 0px 10px 10px 110px; border: none; }
.wrap-message .success { background: url(../../img/fmw/success-grande.png) no-repeat 14px -3px; color: #7CB900; }
.wrap-message .error { background:url(../../img/fmw/error-grande.png) no-repeat 14px -5px; color:#DE523F; }
.wrap-message .bloqueo { background:url(../../img/fmw/bloqueo-grande.png) no-repeat 14px -3px; color:#FF9900 }
.wrap-message .bloqueo h2 { color: #FF9900 }
.wrap-message .success h2 { color: #83B900 }

.error-color {
    color: #DE523F;
}

.form-error ul {
    list-style-type: none;
    font-size: 13px;
}
.form-error i {
    margin-top: -3px;
}

#flashMessage {
    margin: 15px 0 20px 0;
    padding: 12px 20px;
}
#flashMessage.message {
    clear: both;
    color: #FFF;
    font-size: 140%;
    font-weight: bold;
    border-radius: 2px;
    font-weight: normal;
    font-size: 140%;    
    background: #D9534F;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}
#flashMessage.success {
    color: #FFF;
    background: #5CB85C;
    border: none;
}

.input.checkbox label.control-label {
    font-weight: bold;
    cursor: default;
}

.redactor-box {
    display: inline-block;
}

.dnd_drop_zone {
    border: 2px dashed #BBB;
    background: #FFF;
    font: 20pt bold,"RobotoThin";
    color: #BBB;    
    border-radius: 5px;
    padding: 25px;
    text-align: center;
    float: none;
    margin-right: 20px;
}
.upload_files .content-button {
    float: left;
    width: 153px;
    margin-left: 20px;
}
table.drag-drop {
    font-size: 12px;
}

.mimetype {
    width: 50px;
    float: left;
}

.datetime .form-control {
    flex: initial !important;
    min-width: 175px !important;
}
.time .form-control {
    flex: initial !important;
    min-width: 100px !important;
}
.daterange .form-control {
    flex: initial !important;
    min-width: 75px !important;
}
.date .form-control {
    flex: initial !important;
    min-width: 125px !important;
}
.intrange .form-control {
    flex: initial !important;
    min-width: 120px !important;
}
.daterange input {
    font-size: 75%;
    line-height: 24px;
}

.range-part {
    float: left;
    width: 114px;
}

.top-paginator {
    position: absolute;
    right: 15px;
}

.thumbnail {
    width: 50px;
    margin-bottom: 0;
}

fieldset .thumbnail img {
    width: 65px;
}

ul.checkboxes {
    list-style-type: none;
    padding-left: 0;
}

.ui-widget-content {
    border: 1px solid #dddddd;
    background: #FFF;
    color: #333333;
    border-radius: 5px;
    margin-top: 1px;
    padding: 5px 3px;
    z-index: 10000;
}
.ui-menu .ui-menu-item {
    margin: 0;
    padding: 3px;
    zoom: 0;
    width: 100%;
    font-size: 15px;
}
.ui-menu-item.ui-state-focus {
    background: #007bff !important;
    color: #FFF;
    border: none !important;
}
.ui-menu-item.ui-state-focus a {
    color: #FFF;
}

.radio-inline input {
    margin-top: 2px !important; 
}

#bloqueoHeartBeat {
    opacity: .25;
    font-size: 40px;
    top: 65px;
    right: 20px;
    padding: 8px;
    position: absolute;
    z-index: 10;
    border-radius: 5px;
    cursor: pointer;
    width: 50px;
    height: 56px;
    text-align: center;
}
#bloqueoHeartBeat:hover {opacity: .5}
#bloqueoHeartBeat.fixed {position: fixed;}

.maint-block {
    margin-bottom: 15px;
}

.add-all-table {
    font-size: 14px;
}

.error-modal .modal-header {
    padding-top: 10px;
    padding-bottom: 5px;   
}
.error-modal .modal-body {
    padding: 7px 0 0 0;
}
.error-modal .modal-footer {
    padding: 10px;
}
.error-modal ul {
    list-style: none;
    padding-left: 25px;
}

.search-list .table td, .table th {
    border-top: none;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
}

.modal-body {
    max-height: calc(100vh - 210px);
    overflow-y: auto;
}

.toogle-filtros {
    color: #FFF !important;
}

.navbar-nav>li>.dropdown-menu { 
    width:max-content !important; 
    max-width: none !important; 
}

.modal-xl {
    max-width: 1140px;
}

.table_content {
    padding: 0 15px;
}

.ui-menu .ui-menu-item-wrapper {
    width: 100%;
    display: block;
}
.ui-menu .ui-menu-item-wrapper.ui-state-active,
.ui-menu .ui-menu-item-wrapper:hover {
    background: #157EFB;
    color: #FFF;
    border: 0;
    text-decoration: none;
}