/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
/*form input,
select,
textarea {
    max-width: 280px;
}*/

span.field-validation-error {
    color: red;
    font-weight: bold;
    font-size: 14px;
    display: block;
    margin-top: 10px;
}

/* Bootstrap overrides */

.navbar-inverse {
    background-color: #66b3ff;
    border-color: #66b3ff;
}

    .navbar-inverse .navbar-nav > li > a {
        color: #000;
    }

    .navbar-inverse .navbar-brand {
        color: #000;
    }

label {
    margin-bottom: 8px;
}

body {
    font-size: 14px;
}

.form-control {
    font-size: 16px;
    /* padding: 20px 16px; */
    /*border-radius: 9px;
    -ms-border-radius: 9px;*/
    width: 100%;
}

    .form-control:focus {
        border-color: #2196f3;
        box-shadow: none;
        -webkit-box-shadow: none;
    }

.btn {
    font-size: 16px;
    padding: 8px 20px;
    /*border-radius: 9px;
    -ms-border-radius: 9px;*/
}

.bg-faded {
    background-color: #f7f7f7;
}

.pad-15 {
    padding: 15px;
}

/*@media (max-width: 1024px) {
    .m-stack__item.m-stack__item--middle.m-brand__logo {
        width: 150px;
    }
}*/

@media (max-width:1350px) and (min-width:992px) {
    .navbar > collapse #item-description {
        display: none;
    }

    
}

@media (max-width:1850px) {
    #login-username {
        display: none;
    }
}


.m-stack.m-stack--general.m-stack--ver > .m-stack__item > .m-brand__logo-wrapper {
    margin-right: 20px;
}

.alert-container {
    z-index: 10;
    position: fixed;
    left: 0;
    right: 0;
    padding-left: 3em;
    padding-right: 3em;
    margin-top: 180px;
}

.alert .close {
    padding-top: 5px;
}


.font-blue {
    color: deepskyblue;
}

.font-red {
    color: red;
}

.error-number {
    font-size: 100pt;
}

.error-page {
    text-align: center;
}

.form-check-label {
    margin-left: 20px;
    margin-bottom: 8px;
}

.k-grid .k-state-selected {
    background-color: #92caf3 !important;
    /* color: #000000; */
}

.k-grid tr:hover {
    background-color: #92caf3 !important;
    /* color: #000000; */
}

.k-grid .k-alt.k-state-selected {
    background-color: #92caf3 !important;
    /* color: #000000; */
}

.k-tooltip.k-tooltip-validation.k-invalid-msg {
    position: relative;
}

.ft_rwrapper, .ft_cwrapper {
    z-index: 10 !important;
}

.tab-content {
    padding: 20px;
    border-color: rgb(159, 159, 159);
    border-width: 1px;
    border-style: solid;
}

.k-tabstrip:focus {
    box-shadow: none;
}

div.k-tabstrip > .k-content {
    border-width: 0px;
    height: 0px;
    padding: 0px;
}

/*.k-window {
    min-width: 500px;
    width: 80%;
}*/

div.k-edit-form-container {
    width: 100% !important;
}

/*.k-autocomplete, .k-colorpicker, .k-combobox, .k-datepicker, .k-datetimepicker, .k-dropdown, .k-dropdowntree, .k-listbox, .k-multiselect, .k-numerictextbox, .k-selectbox, .k-textbox, .k-timepicker, .k-toolbar .k-split-button {*/
.k-autocomplete, .k-colorpicker, .k-combobox, .k-dropdown, .k-dropdowntree, .k-listbox, .k-multiselect, .k-numerictextbox, .k-selectbox, .k-textbox, .k-toolbar .k-split-button {
    width: 100% !important;
}

.check-box {
    margin-top: 14px;
}

ul.errors {
    padding: 20px;
    list-style-type: none;
    color: red;
    font-weight: bold;
    display: none;
}

.has-error {
    color: red;
    font-weight: bold;
}

    .has-error ul {
        margin-top: 10px;
        padding-left: 10px;
    }

    .has-error li {
        list-style: none;
    }

.k-grid .k-grid-toolbar .k-grid-add,
.k-grid tbody .k-grid-edit,
.k-grid tbody .k-grid-update,
.k-grid tbody .k-grid-cancel,
.k-grid tbody .k-grid-delete {
    min-width: 0;
}

.k-grid .k-button, .k-grid .k-button:hover {
    min-width: 16px !important;
    border-style: none;
    padding: 0px;
    background-color: transparent;
    color: #000;
}

.k-command-cell .k-grid .k-button, .k-command-cell .k-grid .k-button:hover {
    display: table;
}

.editor-label {
    padding: 0em 0 1.5em !important;
}

.k-link.k-event-delete {
    color: white !important;
}

.m-subheader .m-subheader__title {
    font-size: 1.4rem;
}

.m-header .m-header__bottom {
    margin-top: 50px;
}

.k-filter-row label > input[type=radio] {
    margin-left: 5px;
    margin-right: 5px;
}

.summary-caption-label {
    font-style: italic;
    font-weight: 600;
}



.form-group {
    margin-bottom: 20px;
}

.form-check-input {
    margin-left: 0px;
}

.form-check-label {
    font-weight: bold;
}

.form-label {
    font-weight: bold;
    margin-bottom: 5px;
}

.form-datepicker {
    display: block;
    width: auto;
}

.form-editor {
    margin-left: 5px;
    margin-bottom: 5px;
}

span.horizontal-separator {
    margin-right: 10px;
}

div.table {
    display: table;
    width: auto;
}

div.table-row {
    display: table-row;
}

div.table-cell {
    display: table-cell;
    padding-right: 20px;
}

div.register-item {
    margin-bottom: 20px;
    padding: 20px;
    background-color: antiquewhite;
}

select.form-control {
    background: url(../images/arrowdown.png) no-repeat 99% 0;
    background-size: 15px;
    background-position-y: 10px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.fit-image {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    /*height: 100%;*/
}

.div-valign-center {
    display: flex;
    align-items: center;
}

.row {
    margin-bottom: 10px;
}

.rotate-90 {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.rotate-180 {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.rotate-270 {
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}

.flip {
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
}

.flip-and-rotate-90 {
    -moz-transform: rotate(90deg) scaleX(-1);
    -webkit-transform: rotate(90deg) scaleX(-1);
    -o-transform: rotate(90deg) scaleX(-1);
    transform: rotate(90deg) scaleX(-1);
}

.flip-and-rotate-180 {
    -moz-transform: rotate(180deg) scaleX(-1);
    -webkit-transform: rotate(180deg) scaleX(-1);
    -o-transform: rotate(180deg) scaleX(-1);
    transform: rotate(180deg) scaleX(-1);
}

.flip-and-rotate-270 {
    -moz-transform: rotate(270deg) scaleX(-1);
    -webkit-transform: rotate(270deg) scaleX(-1);
    -o-transform: rotate(270deg) scaleX(-1);
    transform: rotate(270deg) scaleX(-1);
}




/*!
 * bsStepper v1.7.0 (https://github.com/Johann-S/bs-stepper)
 * Copyright 2018 - 2019 Johann-S <johann.servoire@gmail.com>
 * Licensed under MIT (https://github.com/Johann-S/bs-stepper/blob/master/LICENSE)
 */

.bs-stepper .step-trigger {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 20px;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5;
    color: #6c757d;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: none;
    border-radius: .25rem;
    transition: background-color .15s ease-out, color .15s ease-out;
}

    .bs-stepper .step-trigger:not(:disabled):not(.disabled) {
        cursor: pointer;
    }

    .bs-stepper .step-trigger:disabled,
    .bs-stepper .step-trigger.disabled {
        pointer-events: none;
        opacity: .65;
    }

    .bs-stepper .step-trigger:focus {
        color: #007bff;
        outline: none;
    }

    .bs-stepper .step-trigger:hover {
        text-decoration: none;
        background-color: rgba(0, 0, 0, .06);
    }

@media (max-width: 520px) {
    .bs-stepper .step-trigger {
        flex-direction: column;
        padding: 10px;
    }
}

.bs-stepper-label {
    display: inline-block;
    margin: .25rem;
}

.bs-stepper-header {
    display: flex;
    align-items: center;
}

@media (max-width: 520px) {
    .bs-stepper-header {
        margin: 0 -10px;
        text-align: center;
    }
}

.bs-stepper-line,
.bs-stepper .line {
    flex: 1 0 32px;
    min-width: 1px;
    min-height: 1px;
    margin: auto;
    background-color: rgba(0, 0, 0, .12);
}

@media (max-width: 400px) {
    .bs-stepper-line,
    .bs-stepper .line {
        flex-basis: 20px;
    }
}

.bs-stepper-circle {
    display: inline-flex;
    align-content: center;
    justify-content: center;
    width: 2em;
    height: 2em;
    padding: .5em 0;
    margin: .25rem;
    line-height: 1em;
    color: #fff;
    background-color: #6c757d;
    border-radius: 1em;
}

.active .bs-stepper-circle {
    background-color: #007bff;
}

.bs-stepper-content {
    padding: 0 20px 20px;
}

@media (max-width: 520px) {
    .bs-stepper-content {
        padding: 0;
    }
}

.bs-stepper.vertical {
    display: flex;
}

    .bs-stepper.vertical .bs-stepper-header {
        flex-direction: column;
        align-items: stretch;
        margin: 0;
    }

    .bs-stepper.vertical .bs-stepper-pane,
    .bs-stepper.vertical .content {
        display: block;
    }

        .bs-stepper.vertical .bs-stepper-pane:not(.fade),
        .bs-stepper.vertical .content:not(.fade) {
            display: block;
            visibility: hidden;
        }

.bs-stepper-pane:not(.fade),
.bs-stepper .content:not(.fade) {
    display: none;
}

.bs-stepper .content.fade,
.bs-stepper-pane.fade {
    visibility: hidden;
    transition-duration: .3s;
    transition-property: opacity;
}

    .bs-stepper-pane.fade.active,
    .bs-stepper .content.fade.active {
        visibility: visible;
        opacity: 1;
    }

.bs-stepper-pane.active:not(.fade),
.bs-stepper .content.active:not(.fade) {
    display: block;
    visibility: visible;
}

.bs-stepper-pane.dstepper-block,
.bs-stepper .content.dstepper-block {
    display: block;
}

.bs-stepper:not(.vertical) .bs-stepper-pane.dstepper-none,
.bs-stepper:not(.vertical) .content.dstepper-none {
    display: none;
}

.vertical .bs-stepper-pane.fade.dstepper-none,
.vertical .content.fade.dstepper-none {
    visibility: hidden;
}

/* end stepper control */

.modal-header {
    background-color: #f5f5f5;
    border-bottom-color: #ccc;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding: 10px !important;
    min-height: 50px;
}

.modal-footer {
    background-color: #f5f5f5;
    border-top-color: #ccc;
    border-top-style: solid;
    border-top-width: 1px;
    padding: 10px !important;
}

.modal-header .close {
    margin: 0 -10px 0 0 !important;
}

ul {
    line-height: 2;
}

.k-grid-toolbar.k-button-icontext {
    margin-right: 20px;
}

.k-grid-toolbar .k-button-icontext {
    margin-right: 20px;
}

.k-grid-toolbar > .k-button-icontext {
    margin-right: 20px;
}

.alert-warning {
    color: #000;
}

.negative {
    color: red;
    font-weight: bold
}

.positive {
    color: #32cd32;
    font-weight: bold
}


h3 {
    margin-bottom: 20px;
}

.icon-64 {
    margin-right: 10px;
    width: 64px;
}

.icon-32 {
    margin-right: 10px;
    width: 32px;
}

.icon-24 {
    margin-right: 10px;
    width: 24px;
}

.icon-20 {
    margin-right: 10px;
    width: 20px;
}

.icon-20:hover {
    cursor: pointer;
}

.icon-16 {
    margin-right: 10px;
    width: 16px;
}


.icon-14 {
    margin-right: 10px;
    width: 14px;
}

.no-margin {
    margin: 0 !important;
}

a.icon-link {
    text-decoration: none;
}

.counter-box {
    background: #f6f6f6;
    padding: 20px;
    text-align: center;
    min-height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .counter-box p {
        margin: 5px 0 0;
        padding: 0;
        color: #909090;
        font-size: 18px;
        font-weight: 500
    }

    .counter-box i {
        font-size: 60px;
        margin: 0 0 15px;
        color: #d2d2d2
    }

.counter {
    display: block;
    font-size: 20px;
    font-weight: 700;
    color: #666;
    line-height: 28px;
    margin-top: -35px;
}

.counter-box.colored {
    background: #3acf87
}

    .counter-box.colored p,
    .counter-box.colored i,
    .counter-box.colored .counter {
        color: #fff
    }


a:hover {
    text-decoration: none
}

@media (min-width: 768px) {
    .col-md-1.plus {
        flex: 0 0 12.5%;
        max-width: 12.5%;
    }

    .col-md-2.plus {
        flex: 0 0 20.83333%;
        max-width: 20.83333%;
    }

    .col-md-9.plus {
        flex: 0 0 79.16666%;
        max-width: 79.16666%;
    }
}

.col-md-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    width: 20%;
    float: left;
}

.real-record {
    color: #212529;
}

.does-not-exist-record {
    color: red;
}

    .does-not-exist-record :hover {
        color: red;
    }

.modified-record {
    color: #5867dd;
}

.pending-record {
    color: red;
    text-decoration: underline;
}

.deleted-pending-record {
    color: red;
    text-decoration: line-through underline;
}

.deleted-record {
    color: red;
    text-decoration: line-through;
}

.m-header .m-header__top {
    height: 100px;
}

a, a:hover {
    color: #212529;
}

@media (min-width: 1025px) {
    .m-header--fixed.m-header--minimize-on .m-header .m-header__top {
        height: 100px;
    }

    .m-header--fixed.m-header--minimize-off .m-header .m-header__top {
        height: 100px;
    }

    .m-header {
        height: 100px !important;
    }
}

@media (max-width: 1024px) {
    .m-header--fixed.m-header--minimize-on .m-header .m-header__top {
        height: 100px;
    }

    .m-header--fixed.m-header--minimize-off .m-header .m-header__top {
        height: 100px;
    }

    .m-header {
        height: 100px !important;
    }
}

.swal2-popup .swal2-styled:focus {
    box-shadow: none !important;
}

.swal2-styled:focus {
    box-shadow: none !important;
}

.align-bottom-parent > * {
    position: absolute;
    bottom: 0;
}

.dot-20 {
    height: 20px;
    width: 20px;
    border-radius: 50%;
    display: inline-block;
    border: white solid 1px;
}

/*
.m-header__top {
    -webkit-box-shadow: 0 4px 30px -4px rgba(0, 51, 90, .1);
    -moz-box-shadow: 0 4px 30px -4px rgba(0, 51, 90, .1);
    box-shadow: 0 4px 30px -4px rgba(0, 51, 90, .1);
}
*/

body {
    background-color: #FFF;
}

.m-body .m-wrapper {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    box-shadow: none;
}

footer {
    position: fixed;
    right: 0;
    left: 0;
    bottom: 0;
    height: 45px !important;
    margin: 0 !important;
    -webkit-box-shadow: 0 4px 30px -4px rgba(0,51,90,.1);
    -moz-box-shadow: 0 4px 30px -4px rgba(0,51,90,.1);
    box-shadow: 0 4px 30px -4px rgba(0,51,90,.1);
    background: #fff;
    z-index: 1000;
}

.page-item.active .page-link {
    color: var(--corporate-text-color-inverted);
    background-color: var(--corporate-main-color);
    border-color: var(--corporate-main-color);
}


.m-scroll-top {
    bottom: 100px;
}


/* Corporate colors */

.btn.btn-primary, .btn.btn-primary:active, .btn.btn-corporate, .btn.btn-corporate:active {
    color: var(--corporate-text-color-inverted) !important;
    background-color: var(--corporate-main-color) !important;
    border-color: var(--corporate-main-color) !important;
}

.menu-item {
    float: left;
    margin: auto 15px;
    line-height: 42px;
    font-size: small;
}

.row-border {
    border: var(--corporate-main-color) solid 1px;
    border-radius: 10px;
}

/* dates in supervision */

.date-range .separator {
    float: left;
    text-align: center;
    width: 40px;
    margin-right: 10px;
}

.date .day {
    padding: 0 8px;
    float: left;
    width: 85px;
}

.date .time {
    text-align: center;
    font-size: large;
    font-weight: bold;
}

.date .day p {
    font-size: 54px;
    line-height: 54px;
    font-weight: bold;
    margin-bottom: 0;
    text-align: center;
}

.date .month {
    line-height: 16px;
    padding: 0;
    float: left;
    width: 100px
}

    .date .month p {
        font-size: small;
        margin-bottom: 0;
    }


/* Loading panel */

/*Huge thanks to @tobiasahlin at http://tobiasahlin.com/spinkit/ */

.spinner {
    margin: 100px auto 0;
    width: 70px;
    text-align: center;
}

    .spinner > div {
        width: 18px;
        height: 18px;
        background-color: var(--corporate-main-color);
        border-radius: 100%;
        display: inline-block;
        -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
        animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    }

    .spinner .bounce1 {
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    .spinner .bounce2 {
        -webkit-animation-delay: -0.16s;
        animation-delay: -0.16s;
    }

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}

/* Fixups Kendo ? */

/* no va bien esto con los iconos de Kendo!!!! */
span > .k-icon, span > .k-tool-icon {
    /*position: static;*/
    /*position: initial;*/
}



.form-buttons-group {
    /*position:absolute;
    bottom:20px;*/
}


.calendar-incidences-info {
    position: absolute;
    left: -7px;
    top: -7px;
    font-size: small;
    background-color: transparent;
    width: 0;
    height: 0;
    border-top: 14px solid red;
    border-right: 14px solid transparent;
}


@media print {
    .pagebreak {
        page-break-before: always;
    }

    .avoid-pagebreak {
        page-break-inside: avoid;
    }

    .hide-on-print {
        display: none;
        z-index: auto;
        background-color: transparent;
        height: 0;
    }

    .show-on-print {
        display: initial !important;
    }

    #m_scroll_top {
        display: none;
    }

    .m-header--fixed-mobile .m-body {
        padding-top: 0 !important;
    }

    .m-body .m-wrapper {
        padding-top: 30px !important;
    }
}

.show-on-print {
    display: none;
}

/* input */
.fileuploader-theme-dropin .fileuploader-input {
    margin: -16px;
    padding: 16px;
    border: 0;
}

    .fileuploader-theme-dropin .fileuploader-input.fileuploader-dragging {
        background: #f3f5fa;
        border-radius: 6px;
    }

.fileuploader-theme-dropin .fileuploader-input-inner {
    width: 100%;
    text-align: center;
    padding: 16px;
    color: #5b5b7b;
}

    .fileuploader-theme-dropin .fileuploader-input-inner span {
        display: inline-block;
        text-decoration: underline;
    }

        .fileuploader-theme-dropin .fileuploader-input-inner span:hover {
            color: #4a4a64;
        }

.modal .modal-content .modal-header .close:before {
    content: "x";
    font-family: 'Poppins';
}

/* Estilo para exportación a pdf */

.k-pdf-export .k-grid {
    font-family: "DejaVu Sans", "Arial", sans-serif;
}

.k-pdf-export .k-grid-toolbar,
.k-pdf-export .k-pager-wrap {
    display: none;
}

.pdf-page-template {
    font-family: "DejaVu Sans", "Arial", sans-serif;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

    .pdf-page-template .header {
        font-size: large;
        position: absolute;
        top: 30px;
        left: 30px;
        right: 30px;
        border-bottom: 1px solid #888;
        color: #888;
    }

    .pdf-page-template .footer {
        position: absolute;
        bottom: 30px;
        left: 30px;
        right: 30px;
        border-top: 1px solid #888;
        text-align: center;
        color: #888;
    }

/* END Estilo para exportación a pdf */

.col-md-2:hover {
    cursor:pointer;
}

a.col-md-2:hover {
    cursor:pointer;
}

/*Ajuste para visualizar bien Login en el header en pantallas pequeñas*/
@media (max-width: 1150px) {
    .col-2 {
        flex: 0 0 20.66666%;
        max-width: 20.66666%;
    }

    .col-8 {
        flex: 0 0 58.66667%;
        max-width: 58.66667%;
    }
}
@media (max-width: 991px) {
    .navbar-nav {
        flex-direction: column;
        max-width: 200px;
        border: 1px solid rgba(0,0,0,.1);
        background: rgba(255,255,255,1);
    }

    .balance-title {
        font-size: 14px;
        display: flex;
        justify-content: left;
        align-items: center;
        width: 50%;
    }

    .balance-value {
        font-size: large;
        /* display: flex; */
        justify-content: right;
        align-items: center;
    }
}

@media (min-width: 992px) {
    .navbar-nav {
        margin-left: auto;
        margin-right: auto;
    }

    .balance-title {
        font-size: large;
        display: flex;
        justify-content: left;
        align-items: center;
        width: 50%;
    }

    .balance-value {
        font-size: x-large;
        /* display: flex; */
        justify-content: right;
        align-items: center;
    }
}

#avatar-img {
    border-radius: 50%;
    width: 32px;
    height: 33px;
}

.avatar img {
    border-radius: 50%;
    width: 32px;
    height: 33px;
}

.k-i-arrow-rotate-ccw::before {
    content: "\e102"
}