@import url('https://fonts.googleapis.com/css?family=Lato=swap');
@font-face {
    font-family: 'nexaregular';
    src: url('../assets/fonts/nexa-webfont.eot');
    src: url('../assets/fonts/nexa-webfont.eot?#iefix') format('embedded-opentype'),
         url('../assets/fonts/nexa-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'nexa_boldregular';
    src: url('../assets/fonts/nexa_bold-webfont.eot');
    src: url('../assets/fonts/nexa_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../assets/fonts/nexa_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'nexa_lightregular';
    src: url('../assets/fonts/nexa_light-webfont.eot');
    src: url('../assets/fonts/nexa_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../assets/fonts/nexa_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html, body {height: 100%;}
body {font-family: 'Lato', Helvetica, sans-serif !important; text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important; color: #7D868C !important;}
::selection {background: #ff6c0c; color: white;}
::-moz-selection {background: #ff6c0c; color: white;}
h1, h2, h3 {font-family: 'nexa_lightregular', Helvetica, sans-serif !important; text-transform: lowercase; color: #7D868C; text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important;}
a {-webkit-transition: .2s all ease; -moz-transition: .2s all ease; transition: .2s all ease;}
a:hover {text-decoration: none !important;}
button.inline {border: none; background: none; padding: 0 .375rem;}
form {margin-bottom: 0 !important;}
.form-inline .form-group {margin-bottom: 1rem !important;}
hr {margin-top: 1.5rem; margin-bottom: 1.5rem;}
.material-icons {vertical-align: middle;}
.table td, .table th {vertical-align: middle !important; border-top: none; padding: .75rem 1rem;}
.table-container {width: 100%; margin-bottom: 1.5rem;}
#login {margin-top: 2rem;}
#login .login-resetpwd a {color: #7d868c; cursor: pointer;}
#login .login-resetpwd a:hover {color: #ff6c0c;}
strong,
@media (min-width: 1200px) {
.container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1240px !important;}
}
.popover {border: none;}
.tooltip.show {opacity: 1;}
.sub-menu .nav-item.dropdown .dropdown-menu,
.tooltip .tooltip-inner,
.popover {
    font-family: 'Lato', Helvetica, sans-serif;
        max-width: 290px;
        background-color: #FFF;
        color: #7d868c;
        border: 1px solid #ff6c0c;
        border-radius: 1rem;
        box-shadow: 0px 9px 10px -3px rgba(0,0,0,.2)
}
.tooltip .tooltip-inner {line-height: 1rem;}
.tooltip .tooltip-inner,
.popover {padding: .5rem 1rem;}
.popover-body {padding: 0; font-size: 1rem; line-height: 1.375rem; color: #7d868c;}
.popover-body .form-row {margin-bottom: 0;}
.popover-body p {margin: .25rem 0;}
.popover-body h4 {font-size: 1rem; font-weight: 700; color: #ff6c0c;}
.popover-body i {vertical-align: bottom; color: #ff6c0c;}
.popover-body #search-box button.inline {padding: 0 0 0 .25rem;}
.popover-body #search-box .form-control {border: none; border-radius: 0; padding: .375rem 0;}
.popover-body #search-box .form-control:focus {box-shadow: none !important;}
.popover-body #search-box .form-row {margin: 0; border-bottom: 1px solid #cfd3d5; -webkit-transition: .3s border-bottom ease; -moz-transition: .3s border-bottom ease; transition: .3s border-bottom ease;}
.popover-body #search-box .form-row:focus-within {border-bottom: 1px solid #ff6c0c;}
.bs-popover-auto[x-placement^=bottom]>.arrow, .bs-popover-bottom>.arrow {top: calc(-.5rem - 0px);}
.tooltip .arrow::after{position: absolute; content: ""; border-color: transparent; border-style: solid;}
.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before,
.bs-popover-auto[x-placement^=bottom]>.arrow::before,
.bs-popover-bottom>.arrow::before {border-bottom-color: #ff6c0c;}
.bs-tooltip-auto[x-placement^=bottom] .arrow::after,
.bs-tooltip-bottom .arrow::after {top: 1px; border-width: 0 .4rem .4rem; border-bottom-color: #fff;}
.icon {
        color: #7d868c !important;
        -webkit-transition: .2s all ease;
        -moz-transition: .2s all ease;
        transition: .2s all ease;
        cursor: pointer;
}
.icon:hover {color: #ff6c0c !important;}
.icon-alt {
        color: #ff6c0c;
        -webkit-transition: .2s all ease;
        -moz-transition: .2s all ease;
        transition: .2s all ease;
}
.icon-alt:hover {color: #7d868c;}
.icon.disabled, .icon.disabled:hover, .icon-alt.disabled, .icon-alt.disabled:hover {color: #D1D4D6 !important;}
.toggle {border: none; background: none; padding: 0;}
.toggle .material-icons {font-size: 2.25rem !important;}
.toggle .off {color: #D1D4D6;}
.toggle .on {color: #ff6c0c;}
.divider::after {
        content: '|';
        color: #ff6c0c !important;
        font-weight: 700 !important;
        margin: 0 1rem;
        font-style: normal !important;
}
.btn {font-weight: 700 !important; padding: .5rem 1.25rem !important;}
.btn.main,
.btn.float {background-color: #ff6c0c; color: #FFF !important; border-radius: 1.25rem !important; font-family: 'nexa_boldregular', Helvetica, sans-serif;}
.btn.main:hover,
.btn.float:hover,
.btn.small:hover,
.btn.secondary:hover {background-color: #7d868c;}
.btn.secondary,
.btn.small {background-color: #ff6c0c; color: #FFF !important; border-radius: .75rem !important; padding: .375rem 1.5rem !important;}
.btn.small {font-size: .8rem;}
.btn.float {position: absolute; right: 0; bottom: -4.375rem;}
.mat-button, .mat-flat-button, .mat-icon-button, .mat-stroked-button {line-height: inherit;}
.actions-box {position: relative; margin-top: .75rem;}
.custom-switch {margin-left: .5rem;}
.custom-switch .custom-control-label {cursor: pointer;}
.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #ff6c0c !important;
    background-color: #ff6c0c !important;
}
.custom-switch .custom-control-label::before {background-color: #D1D4D6 !important;}
.custom-switch .custom-control-label::after {background-color: #FFF !important;}
.form-control:focus {
  border: 1px solid #ff6c0c !important;
  outline: 0;
  box-shadow: inset 0px 1px 1px rgba(0,0,0,.075), 0px 0px 8px rgba(255,108,12,.6);
}
select {
        padding: .375rem 2rem .375rem .75rem !important;
        margin: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-appearance: none;
        -moz-appearance: none;
        background: url(../assets/img/md_arrowdown.svg) no-repeat 97% center;
        background-size: 1.5rem;
        cursor: pointer;
}

.modal.timeout .modal-body {text-align: center;}
.modal.timeout .modal-body .alert {background-color: #f0f0f0; margin-bottom: 0;}
.modal.timeout .modal-body .counter {font-size: 4em; color: #ff6c0c;}

.navbar {border-bottom: 2px solid #ff6c0c; background-color: #FFF;}
.navbar .navbar-brand {max-width: 280px;}
.navbar .navbar-brand img {width: 100%; height: auto;}
.navbar .navbar-nav .nav-item a {color: #ff6c0c;}
.navbar .navbar-nav .nav-item a:hover {color: #7d868c;}

#portal {padding: 2rem 0 3rem;}
#portal h2 {display: inline-block; margin-bottom: 0;}
#portal .nav.nav-pills {margin: 1.25rem auto;}

.section-header {padding-bottom: 1.5rem;}
.section-header .options {vertical-align: middle;}
.section-header .filters-actions {margin-left: .75rem; display: inline-block; vertical-align: text-bottom;}
.section-header .filters-actions .filters-btn {font-family: 'nexaregular', Helvetica, sans-serif; color: #ff6c0c;}
.section-header .filters-actions .filters-btn i {vertical-align: bottom;}
.section-header .filters-actions .filters-btn:hover {color: #7d868c;}
.section-header .filters-actions .filters-btn[aria-expanded="true"] {color: #7d868c;}
.section-header .filters-actions .filters-btn[aria-expanded="true"] .material-icons.expand,
.section-header .filters-actions .filters-btn[aria-expanded="false"] .material-icons.expand {
        transform: rotate(-180deg);
        -webkit-transition: transform .2s ease;
        -moz-transition: transform .2s ease;
        transition: transform .2s ease;
}
.section-header .filters-actions .filters-btn[aria-expanded="false"] .material-icons.expand {
        transform: rotate(0deg);
        -webkit-transition: transform .2s ease;
        -moz-transition: transform .2s ease;
        transition: transform .2s ease;
}
.section-header .filters-actions .filters-applied {display: inline-block; margin-left: .5rem;}
.section-header .filters-actions .filters-applied .item {background-color: #e9ebec; color: #7d868c; font-size: .75rem; padding: .375rem .75rem; border-radius: 3rem;}
.section-header .filters-actions .filters-applied .item:hover {color: #f0f0f0; background-color: #cfd3d5;}
.section-header .filters-actions .filters-applied .item.selected {background-color: #FFAF7B; color: #FFF; padding: .375rem .55rem .375rem .75rem;}
.section-header .filters-actions .filters-applied .item.selected::after {content: '\e5c9'; color: #FFF; font-family: 'Material Icons'; margin-left: .25rem; font-size: .9rem; vertical-align: bottom;}
.form-row {margin-bottom: 1rem; margin-top: 1rem;}
.form-row.gutter {margin-top: 2rem;}
.input-group, .input-group .custom-control-inline {align-items: center;}
.input-group .disabled label {color: #D1D4D6 !important;}
.input-group.disabled input,
.input-group .disabled input,
.input-group .disabled select {background-color: #FFF !important; border-color: #D1D4D6 !important; color: #D1D4D6 !important;}
.input-group .disabled select {background: url(../img/md_arrowdown_disabled.svg) no-repeat 97% center; background-size: 1.5rem;}
.input-group .disabled ::placeholder {color: #D1D4D6 !important;}
.input-group label {margin-bottom: 0; color: #7d868c; font-weight: 700;}
.input-group .form-control {max-width: 210px; margin-left: auto; border-radius: 1rem !important; border: 1px solid #7D868C;}
.input-group .no-am .form-control {margin-left: 0;}
.input-group .custom-checkbox, .input-group .custom-radio {padding-left: 0 !important; margin-right: 3rem;}
.input-group .custom-checkbox.last, .input-group .custom-radio.last {margin-right: 0;}
.input-group .custom-checkbox label, .input-group .custom-radio label {color: #BABABA; -webkit-transition: .2s all ease; -moz-transition: .2s all ease; transition: .2s all ease;}
.input-group .custom-checkbox:hover > label, .input-group .custom-radio:hover > label {color: #7d868c; cursor: pointer;}
.input-group .custom-checkbox .custom-control-input:checked~label,
.input-group .custom-radio .custom-control-input:checked~label {color: #ff6c0c;}
.input-group .custom-checkbox .custom-control-label::before,
.input-group .custom-radio .custom-control-label::before,
.input-group .custom-checkbox .custom-control-label::after,
.input-group .custom-radio .custom-control-label::after {display: none;}
#filters-box .btn {margin-bottom: 1.5rem;}
#filters-box .input-group .form-control:hover {border: 1px solid #FFAF7B; box-shadow: 0px 5px 5px -3px rgba(0,0,0,.2);}
#filters-box .input-group .form-control:focus {border: 1px solid #ff6c0c; box-shadow: 0px 5px 5px -3px rgba(0,0,0,.2);}
.periodicidad input.form-control {max-width: 100px; margin-left: .5rem; display: inline-block;}
.periodicidad .table.minimal {margin-top: 0;}
.options {
        display: flex;
        display: -ms-flexbox;
        flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
}

.section-main {padding: 0 1.5rem 3rem; box-shadow: 0px 9px 10px -3px rgba(0,0,0,.2); border-radius: 1rem; margin-bottom: 1rem; display: block;}
.section-main h4 {color: #ff6c0c; font-weight: 700; font-size: 1.25rem;}
.section-main h4.subtitle {color: #7d868c;}
.section-main h4, .section-main h4.subtitle {margin-bottom: 0;}
.section-main form .input-group {font-weight: 700;}
.section-main form button.inline {border: none; background: none; padding: 0 .375rem;}
.section-main .sub-section {padding-top: 2rem;}
.section-main .sub-section h3 {color: #ff6c0c; font-family: 'nexa_boldregular', Helvetica, sans-serif !important; margin-bottom: 2rem;}
.section-main .sub-section .input-group.no-align,
.section-main .sub-section .input-group.no-align .custom-control-inline {align-items: initial; text-align: center;}
.section-main .sub-section .input-group .form-control {max-width: 160px;}
.section-main .sub-section .custom-control .hidden-field {margin-top: .25rem;}

.sub-menu.inner {margin-top: 1rem;}
.sub-menu .nav-item {position: relative; background-color: #d1d4d6; color: #FFF; font-family: 'nexa_boldregular', Helvetica, sans-serif; text-align: center; border-radius: 1rem; box-shadow: 0px 9px 10px -3px rgba(0,0,0,.2);}
.sub-menu .nav-item.active, .sub-menu .nav-item:focus-within {background-color: #ff6c0c !important;}
.sub-menu .nav-item:hover{background-color: #FFAF7B;}
.sub-menu .nav-item i {vertical-align: top;}
.sub-menu .nav-item > a {color: #FFF; padding: .6rem 1rem; display: inline-block;}
.sub-menu .nav-item.dropdown .dropdown-menu {}
.sub-menu .nav-item.dropdown .dropdown-menu .dropdown-item {line-height: .875rem; font-size: .875rem; color: #7d868c;}
.sub-menu .nav-item.dropdown .dropdown-menu .dropdown-item:hover {font-weight: 700; color: #ff6c0c;}

.table td a,
.table .td-tooltip {color: #ff6c0c; text-decoration: underline !important;}
.table td a:hover,
.table .td-tooltip:hover {color: #FFAF7B;}
.table td a.icon {color: #7d868c;}
.table td a.icon:hover {color: #ff6c0c;}
.table td a.icon {vertical-align: middle; margin-left: .375rem;}
.table td a.icon > .material-icons {font-size: 1.375rem;}

.table.main {display: table;}
.table.main thead th {background-color: #ff6c0c; color: #FFF; font-family: 'nexa_boldregular', Helvetica, sans-serif; text-align: center; border-radius: 1rem; box-shadow: 0px 9px 10px -3px rgba(0,0,0,.2); padding: .6rem;}
.table.main thead th a, .table.main thead th a:hover {color: #FFF;}
.table.main tr:nth-child(even) {background-color: #dcdcdc;}
.table.main thead th .th-tooltip {padding: .6rem 0;}
.table.main thead th .sort {vertical-align: middle; padding: 0;}
.table.main thead th .sort i {font-size: 1.25rem; color: #FFAF7B;}
.table.main thead th .sort i.active {color: #FFF;}
.table.main tbody tr:last-child {border-bottom: 1px solid #ccc;}
.table.main thead th, .table.main td, .table.main th {border-top: 0 !important; border-bottom: 0 !important;}
.table.main td {border-left: 1px solid #ccc; border-right: 1px solid #ccc; font-size: .8rem; padding: .75rem !important; text-align: center; vertical-align: middle !important;}
.table.main td a,
.table.main .td-tooltip {color: #ff6c0c; text-decoration: underline !important;}
.table.main td a:hover,
.table.main .td-tooltip:hover {color: #FFAF7B;}
.table.main td a.icon {color: #7d868c;}
.table.main td a.icon:hover {color: #ff6c0c;}
.table.main td a.icon {vertical-align: middle; margin-left: .375rem;}
.table.main td a.icon > .material-icons {font-size: 1.375rem;}

.table.minimal {font-size: .8rem; font-weight: 700; text-align: center; margin-top: 1.5rem;}
.table.minimal thead th {background-color: #FFF; border-bottom: 1px solid #ff6c0c; border-top: none;}
.table.minimal th, .table.minimal td {color: #7d868c;}
.table.minimal .form-control {border-radius: 1rem !important; border: 1px solid #7D868C; font-size: .8rem;}
.table.minimal td a,
.table.minimal .td-tooltip {color: #ff6c0c; text-decoration: underline !important;}
.table.minimal td a:hover,
.table.minimal .td-tooltip:hover {color: #FFAF7B;}
.table.minimal td a.icon {color: #7d868c;}
.table.minimal td a.icon:hover {color: #ff6c0c;}
.table.minimal td a.icon {vertical-align: middle; margin-left: .375rem;}
.table.minimal td a.icon > .material-icons {font-size: 1.375rem;}

.table.data {border-collapse: separate; border-spacing: initial; font-size: .9rem; text-align: left; color: #7d868c; margin-bottom: 0;}
.table.data tbody tr:first-child td {border-top: 1px solid #ff6c0c;}
.table.data td {border-bottom: 1px solid #ff6c0c; border-left: 1px solid #ff6c0c; padding: .375rem .75rem;}
.table.data td:nth-last-child(2) {border-right: 1px solid #ff6c0c;}
.table.data th {color: #ff6c0c;}
.table.data th, .table.data td.action {border: none !important;}
.table.data td.action {text-align: left;}
.table.data tbody tr:first-child td:nth-last-child(2) {border-top-right-radius: 1rem;}
.table.data tbody tr:first-child td:first-child {border-top-left-radius: 1rem;}
.table.data tbody tr:last-child td:nth-last-child(2) {border-bottom-right-radius: 1rem;}
.table.data tbody tr:last-child td:first-child {border-bottom-left-radius: 1rem;}
.table.data .action button.inline {padding: 0;}

.paginator {font-family: 'nexa_boldregular', Helvetica, sans-serif; }
.paginator .item {
        display: inline-block;
        color: #7d868c;
        font-size: 1.1rem;
        vertical-align: text-top;
        margin-left: .375rem;
        -webkit-transition: .1s all ease;
        -moz-transition: .1s all ease;
        transition: .1s all ease;
}
.paginator .item:hover {text-decoration: none; color: #ff6c0c;}
.paginator .item.active, .paginator .item.actions {color: #ff6c0c;}
.paginator .item.actions {margin: 0; vertical-align: text-bottom;}

.nav-pills .nav-item a {color: #ff6c0c;}
.nav-pills .nav-item {background-color :#f8f9fa;}
.nav-pills .nav-item {border-right: 1px solid #ddd;}
.nav-pills .nav-item:last-child {border-right: none;}
.dropdown-item.active, .dropdown-item:active,
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {background-color: #ff6c0c !important; color: #fff !important;}


@media screen and (max-width: 480px) {
        .periodicidad input.form-control {margin-left: 0;}
}

/*** CAT'S HAND ***/
.btn.btn-primary,
.btn.btn-secondary {
        background-color: #ff6c0c;
        color: #FFF !important;
        border-radius: 1.25rem !important;
        font-family: 'nexa_boldregular', Helvetica, sans-serif;
        border: 0 !important;
}
.btn.btn-primary:hover,
.btn.btn-secondary:hover {background-color: #7d868c;}
.btn.btn-primary:focus,
.btn.btn-secondary:focus,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle,
.btn-primary.disabled,
.btn-primary:disabled {background-color: #ff6c0c !important;}
.table .thead-dark th {}
.table.table-striped {font-size: .8rem; font-weight: 700; text-align: center; margin-top: 1.5rem;}
.table.table-striped thead th {background-color: #FFF; border-bottom: 1px solid #ff6c0c; border-top: none; color: #7d868c}
.table.table-striped th, .table.table-striped td {color: #7d868c;}
.table.table-striped .form-control {border-radius: 1rem !important; border: 1px solid #7D868C; font-size: .8rem;}
.table.main .table.table-striped thead th {background-color: #ff6c0c;}

.pagination {justify-content: flex-end;}
.page-item .page-link {color: #ff6c0c !important;}
.page-item.active .page-link {background-color: #ff6c0c !important; border-color: #ff6c0c !important; color: #FFF !important;}

.menu-modulos li.nav-item.col-sm-4,
.menu-modulos li.nav-item.col-sm-2 {
        flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
}



/*** NAVBAR
.navbar-collapse {
    position: absolute;
    top: 88px;
    left: 0;
    padding: 15px;
    width: auto;
    height: 100vh;
    background-color: #FFF;
    overflow-y: auto;
}
.navbar-collapse.collapsing {
        position: absolute;
    height: 0;
    -webkit-transition: left 0.1s ease;
    -o-transition: left 0.1s ease;
    -moz-transition: left 0.1s ease;
    transition: left 0.1s ease;
    left: -100%;
}
.navbar-collapse.show {
    left: 0;
    -webkit-transition: left 0.1s ease;
    -o-transition: left 0.1s ease;
    -moz-transition: left 0.1s ease;
    transition: left 0.1s ease;
    box-shadow: 0 15px 10px 10px rgba(0,0,0,.1);
}

.navbar-brand {font-family: 'nexa_lightregular', Helvetica, sans-serif; color: #7D868C !important; font-size: 2.5rem !important; text-transform: lowercase;}
.navbar-brand .logo {max-width: 266px; height: auto; vertical-align: text-bottom;}
.navbar-nav.top {flex-direction: row !important;}
.navbar-light .navbar-toggler {border: none !important; margin-right: 1rem;}
.dropdown-menu {border: none;}
.navbar .user-menu .icon {margin-left: .75rem;}
.navbar .nav-item, .navbar .nav-link, .navbar .dropdown-menu .dropdown-item, .navbar .sub-title {font-size: .85rem !important;}
.navbar .nav-item .title {color: #ff6c0c !important;}
.navbar .nav-item .title:hover {color: #7d868c !important;}
.navbar .nav-item .title .material-icons {vertical-align: bottom;}
.navbar .dropdown-menu {padding: 0;}
.navbar .dropdown-menu .section {padding: .5rem 0;}
.navbar .dropdown-menu .dropdown-item {padding: 0;}
.navbar .dropdown-menu .dropdown-item.active {color: #ff6c0c; font-weight: 700;}
.navbar .dropdown-menu .dropdown-item.active::before,
.navbar .dropdown-menu .dropdown-item.active:hover::before {content: '\e5cc'; color: #ff6c0c; margin-left: -.82rem; padding-right: 0; font-family: 'Material Icons'; vertical-align: bottom;}
.navbar .dropdown-menu .dropdown-item:hover::before {content: '?'; color: #ff6c0c; margin-left: -.75rem; padding-right: .25rem;}
.navbar .nav-item .title, .navbar .sub-title {font-weight: 700;}
.navbar .sub-title, .navbar .dropdown-menu .dropdown-item {padding-left: 1.6rem; color: #7d868c;}
.navbar .sub-title, .navbar .dropdown-menu .dropdown-item:hover {font-weight: 700;}
.navbar .sub-title {margin-bottom: .25rem; color: #7d868c;}
.navbar .dropdown-toggle::after {display: none;}
.dropdown-item:focus, .dropdown-item:hover, .dropdown-item.active, .dropdown-item:active {background-color: transparent !important;}


**/