/*#region CONTROLES*/
.btn-core-blue {
    height: 40px;
    padding-left: 15px;
    padding-right: 15px; 
    letter-spacing: .5px;
    background: #0067b8;
    border-color: #0067b8;
}

.combo-icon > button {
    height: 32px;
    min-width: 32px;
    border-radius: 4px;
    border: 1px solid #cfd7df;
    color: #12344d;
    cursor: pointer;
    padding-top: 5px;
    margin-right: 2px;
    font-size: 14px;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    transition: .1s ease-in;
    background-image: linear-gradient(to bottom,#fff,#f3f5f7);
    padding: 2px 10px 3px 8px !important;
}

combo-icon > button i {
    font-size:11px;
}

.combo-icon > ul li {
    padding: 5px;
    padding-left: 10px;
}

    .combo-icon > ul li:hover {
        background: #f1f1f1;
    }

    .combo-icon > ul li a {
        color: black;
        text-decoration: none;
        font-size: 13px;
        display:block;
    }

#nav i{
    font-size:23px;
}
/*#endregion*/

/*#region GENERAL*/
.icon-avatar-log {
    background: #3da0f5;
    width: 40px;
    height: 40px;
    display: block;
    border-radius: 50px;
    color: white;
    font-size: 20px;
    padding-top: 4px;
}

.display-none {
    display: none;
}

h2 {
    margin-top: 10px;
}

.border-red{
    border:1px solid red !important;
}

.body-content {
    padding-left: 15px;
    padding-right: 15px;
}


.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}


.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}

#qrCode {
    margin: 15px;
}


@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}

.nav-pills .nav-link.active > a {
    color: whitesmoke !important;
}

.core-disabled {
    pointer-events: none !important;
    opacity: 0.6 !important;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #ccc !important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #ccc !important;
    opacity: 1 /* esto es porque Firefox le reduce la opacidad por defecto */;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #ccc !important;
    opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #ccc !important;
}

label.label-required::after {
    content: "*";
    position: relative;
    left: 5px;
    top: 2px;
    font-size: 14px;
    color: #d72d30;
    font-weight: 700;
}

.sin-registros {
    padding: 20px;
    text-align: center;
    border-bottom: 1px solid gray;
}

.text-14{
    font-size:14px;
}

.text-18{
    font-size:18px;
}

.text-22 {
    font-size: 22px;
}

.text-bold {
    font-weight: bold;
    letter-spacing: 0.5px;
}

.background-oscuro {
    background: rgb(209, 209, 251) !important;
}

.info-circle-18 {
    font-size: 18px;
    color: #9c9b9b;
}
/*#endregion*/

/*#region INDEX AUTOCOMPLETAR*/
ul.ui-autocomplete {
    z-index: 9996;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 20px;
}

.autocomplete {
    background-color: #fff;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, #ffffff 0%,#fff 100%);
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
}

.contenedor-ajax {
    /*position: absolute;*/
    transition: 1s;
    transform: rotateX(0deg);
    opacity: 1;
    pointer-events: initial;
}

    .contenedor-ajax.cerrado {
        transform: rotateX(90deg);
        opacity: 0;
        pointer-events: none;
    }

.ui-autocomplete-loading {
    background: url('../images/input_loading.gif') no-repeat right center;
    background-size: 20px;
}
/*#endregion*/

/*#region MODAL MASTER*/
#pop_master {
    background: rgba(92, 160, 214, 0.22);
    transition: .2s ease-in;
}

.modal-dialog {
    margin: auto;
    position: fixed;
    right: 0;
    height: 100%;
    width: 60%;
    max-width:100%;
}

.modal-dialog-100 {
    width: 100%;
}

.modal-dialog-pop {
    position: initial;
    height: auto;
    margin-top:auto;
}

.modal-dialog-pop-center {
    position: initial;
    height: auto;
    margin-top:200px;
}

@media screen and (max-width: 1000px) {
    .modal-dialog {
        width: 100%;
    }
}

.modal-close {
    margin-left: -50px;
    background: none;
    border: none;
    font-size: 30px;
    margin-top: -10px;
}

#pop_master #pop_contenido:before {
    left: 1000px;
}

#pop_master #pop_contenido {
    height: 100%;
    border-radius: 8px;
    border: none;
    -webkit-animation-name: rightShow;
    -webkit-animation-duration: 0.3s;
    animation-name: rightShow;
    animation-duration: 0.3s;
    font-size: 13px;
    color: #4e4e4e;
    padding-left: 30px;
}

#pop_contenido > div {
    padding-right: 0px;
    padding-bottom: 105px;
}

#formulario {
    overflow-y: auto;
    height: 100%;
    padding-right: 15px
}

.modal-dialog .footer {
    position: fixed;
    bottom: 0px;
    right: 30px;
}

.modal-dialog .footer .btn-default {
    margin-right: 5px;
}

@keyframes rightShow {
    from {
        left: 1000px;
    }

    to {
        left: 0px
    }
}
/*#endregion*/

/*#region COMBO GRUPO PUNTOS*/
.btn-white-point {
    height: 30px;
    min-width: 32px;
    border-radius: 4px;
    border: 1px solid #cfd7df;
    cursor: pointer;
    padding: 2px 10px 0px 8px;
    width: 25px;
    background: white;
}

.point-item {
    padding: 0.25rem 1.5rem;
}

input[type=search] {
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #3e515b;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid #c2cfd6;
    border-radius: 0;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px
}

input[type=checkbox] {
    width: 15px;
    height: 15px;
    margin: 5px;
}

.input-to-icon {
    margin-left: -4px;
}
/*#endregion*/

/*#region BOTON CON ICONO*/
.btn-icon {
    height: 55px;
    color: inherit;
    text-decoration: none;
    margin: 5px;
    width: 100%;
    display: block;
    padding: 5px;
    padding-top: 10px;
    padding-left: 10px;
    border-radius: 3px;
    border: 1px solid #ffffff;
}

    .btn-icon > svg {
        margin-right: 10px;
    }

.btn-icon-rosa i:first-child {
    font-size: 27px;
    color: #d37aff;
}

    .btn-icon-rosa:hover {
        border: 1px solid #e262f9;
        background: #f79df51f;
        text-decoration: none;
    }

.btn-icon-azul i:first-child {
    font-size: 27px;
    color: #61aaff;
}

.btn-icon-azul:hover {
    border: 1px solid #448ee1;
    background: #f0fcff;
    text-decoration: none;
}

    .btn-icon span:first-child {
        font-size: 25px;
        color: #1cbf83;
    }
/*#endregion*/

/*#region PANEL BOTONES Y TABLA*/
.panel-controles {
    border: 1px solid #cccccc;
    padding: 5px;
    background: #f5f7f9;
    border-top: none;
    margin-top: 0px;
    padding: 8px;
    box-shadow: 0 2px 4px 0 rgba(24,50,71,.08);
}

.panel-botones {
    border: 1px solid #cccccc;
    padding: 5px;
    background: #f5f7f9;
    border-top: none;
    margin-top: 0px;
    padding: 8px;
    background:#fff;
}

#div_contenido {
    /*border: 1px solid #cccccc;*/
    padding: 5px;
    padding-top: 0px;
    background: #ffffff;
    margin-top: 10px;
    padding-bottom: 0px;
    padding: 15px;
    border-radius: 10px
}

#div_contenido {
    visibility:hidden;
}
/*#endregion*/

/*#region LOADING SCREEN*/
.loading {
    position: fixed;
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

    /* Transparent Overlay */
    .loading:before {
        content: '';
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.3);
    }

    /* :not(:required) hides these rules from IE9 and below */
    .loading:not(:required) {
        /* hide "loading..." text */
        font: 0/0 a;
        color: transparent;
        text-shadow: none;
        background-color: transparent;
        border: 0;
    }

        .loading:not(:required):after {
            content: '';
            display: block;
            font-size: 10px;
            width: 1em;
            height: 1em;
            margin-top: -0.5em;
            -webkit-animation: spinner 1500ms infinite linear;
            -moz-animation: spinner 1500ms infinite linear;
            -ms-animation: spinner 1500ms infinite linear;
            -o-animation: spinner 1500ms infinite linear;
            animation: spinner 1500ms infinite linear;
            border-radius: 0.5em;
            -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
            box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
        }

/* Animation */

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/*#endregion*/

/*#region IMAGEN FOTO*/
.img-foto {
    width: 140px;
    height: 140px;
    border-radius: 8px;
    -webkit-box-shadow: 4px 7px 23px -16px rgba(0,0,0,0.75);
    -moz-box-shadow: 4px 7px 23px -16px rgba(0,0,0,0.75);
    box-shadow: 4px 7px 23px -16px rgba(0,0,0,0.75);
}

@media screen and (max-width: 1400px) {
    .img-foto {
        width: 100px;
        height: 100px;
    }
}

@media screen and (max-width: 990px) {
    .img-foto {
        width: 140px;
        height: 140px;
    }
}
/*#endregion*/

/*#region MOSTRAR X EN INPUT PARA BORRAR*/
.clearable-input > input {
    padding-right: 1.4em;
}

.clearable-input > [data-clear-input] {
    display: none;
    position: absolute;
    top: 7px;
    right: 0;
    font-weight: bold;
    font-size: 1.4em;
    padding: 0 0.2em;
    line-height: 1em;
    cursor: pointer;
    z-index: 10;
    background: #fbfbfb;
    margin-right: 2px;
    background: #fff;
    color: #6b6b6b;
    font-weight: 600;
}

.clearable-input > input::-ms-clear {
    display: none;
}

/*Mostrar X en input para borrar texto para class: form-group*/
.form-group > [data-clear-input] {
    top: 35px;
}
/*#endregion*/

/*#region DROPDOWN SIN BUSCADOR*/
.chosen-dropdown {
    width: 100% !important;
}

.chosen-dropdown > .chosen-single {
    border: none !important;
    background: none !important;
    box-shadow: none !important;
    border-radius: 0px !important;
}

.chosen-dropdown > .chosen-drop {
    border-radius: 0px !important;
    padding: 5px !important;
    margin-top: 8px !important;
    border: 1px solid rgba(0,0,0,.15) !important;
}

    .chosen-dropdown > .chosen-drop > .chosen-search {
        display: none;
    }

    .chosen-dropdown > .chosen-drop > .chosen-results li {
        padding-top: 7px;
        padding-bottom: 7px;
    }

        .chosen-dropdown > .chosen-drop > .chosen-results li:hover {
            background: #eff1f7;
            border-radius: 3px;
            color: #183247;
        }
/*#endregion*/

/*#region ESTILOS PARA INPUT CON FILTROS*/
.input-grupo-filtros {
    background: #fff;
    border: 1px solid #c2cfd6;
    border-left: none;
    width: 100%;
}

    .input-grupo-filtros .display-filtros {
        display: inline-block;
        padding: 4px;
        padding-top: 0px;
        width:100%;
    }

        .input-grupo-filtros .display-filtros .filtro {
            display: inline-block;
            background: #f3f2f1;
            width: auto;
            height: 25px;
            border-radius: 20px;
            padding-left: 8px;
            margin-right: 5px;
        }

            .input-grupo-filtros .display-filtros .filtro button {
                border: none;
                border-radius: 50%;
                font-weight: 100;
                width: 23px;
                margin-left: 3px;
            }

                .input-grupo-filtros .display-filtros .filtro button:hover {
                    background: #cccccc;
                }

        .input-grupo-filtros .display-filtros .input-filtro {
            height: initial;
            display: inline-block;
            width: auto;
        }

            .input-grupo-filtros .display-filtros .input-filtro input {
                width: 100%;
                height: 28px;
                border: none;
            }

                .input-grupo-filtros .display-filtros .input-filtro input:focus {
                    border: none;
                    box-shadow: none;
                    background-image: none;
                }
/*#endregion*/

/*#region PANEL FILTROS*/
.panel-filtros {
    position: absolute;
    box-sizing: border-box;
    box-shadow: rgba(0, 0, 0, 0.133) 0px 6.4px 14.4px 0px, rgba(0, 0, 0, 0.11) 0px 1.2px 3.6px 0px;
    width: 100%;
    border-radius: 2px;
    outline: transparent;
    top: 38px;
    left: 0px;
    z-index: 100;
    background: #fff;
    padding: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
    display: none;
}

    .panel-filtros .panel-filtros-close {
        background: none;
        border: none;
        font-size: 25px;
        margin-top: -8px;
        position: absolute;
        right: 0;
        z-index: 1;
        top: 0;
    }

    .panel-filtros .footer {
        margin-bottom: 1px;
        float: right;
    }

    .panel-filtros .input-filtro {
        border-top: none;
        border-right: none;
        border-left: none;
    }

        .panel-filtros .input-filtro:focus {
            border-top: none;
            border-right: none;
            border-left: none;
            border-bottom: 1px solid #fff;
            box-shadow: none;
            background-image: -webkit-linear-gradient(bottom, #1b8eb7 2px, transparent 0px);
        }
/*#endregion*/

/*#region PANEL EDITAR COLUMNAS TABLA*/
.btn-editar-tabla {
    position: absolute;
    right: 13px;
    z-index: 1;
}

.menu-editar-tabla {
    width: 250px;
}

    .menu-editar-tabla .card-body {
        height: 350px;
        overflow-y: scroll;
        overflow-x: hidden;
    }

.btn-editar-tabla > button > i {
    color: black;
    width: 18px;
    height: 18px;
}

.menu-editar-tabla .col-panel {
    margin-bottom: 10px;
    border-bottom: 1px #cfd7df dashed;
    padding-bottom: 10px;
    text-align: left;
}

    .menu-editar-tabla .col-panel > h5 {
        font-size: 13px;
        margin-bottom: 10px;
    }

    .menu-editar-tabla .col-panel .col {
        font-size: 13px;
        display: block;
        margin-bottom: 3px;
        padding: 4px;
        padding-left: 6px;
    }

.menu-editar-tabla .col-added .col:hover {
    background-color: #f5f7f7;
    cursor: grab;
}

.menu-editar-tabla .col-add .col:hover {
    cursor: pointer;
}

.menu-editar-tabla .col-panel .col .col-remover, .menu-editar-tabla .col-panel .col .col-agregar {
    margin-right: 4px;
    vertical-align: text-top;
}

.menu-editar-tabla .col-panel .col span {
    display: inline-block;
}

.menu-editar-tabla .col-panel .col .col-remover:hover {
    cursor: pointer;
}

.menu-editar-tabla .col-panel .col .drag-thumb {
    position: absolute;
    right: 0px;
}

.menu-editar-tabla .card-footer {
    text-align: end;
}

    .menu-editar-tabla .card-footer > button {
        width: 80px;
    }

    .menu-editar-tabla .card-footer > .btn-default {
        margin-right: 5px;
    }
/*#endregion*/

/*#region BOTONES DETALLE DEL MODULO PRINCIPAL*/
.card-detalle {
    padding: 15px;
}

    .card-detalle .card-identificador {
        width: 100px;
        height: 100px;
        background: #bbdbe6;
        padding: 15px;
        padding-top: 35px;
        color: #258aad;
        border-radius: 3px;
    }

    .card-detalle .card-title {
        margin-bottom: 0px;
        color: #717171;
    }

.card-tabs .nav-pills {
    background: #5046e5;
    padding: 10px;
    padding-top: 5px;
    padding-left: 30px;
}

    .card-tabs .nav-pills > li {
        padding-right: 50px;
    }

        .card-tabs .nav-pills > li > a {
            color: #fdfdfd;
            font-weight: 500;
            font-size: 14px;
            font-weight: 500;
            text-decoration: none;
            font-family: Arial
        }

        .card-tabs .nav-pills > li a:hover {
            border-bottom: 4px solid #dedede;
            padding-bottom: 8px;
            border-radius: 4px;
        }

        .card-tabs .nav-pills > li .active {
            border-bottom: 4px solid #ffffff;
            color: ffffff;
            padding-bottom: 8px;
            border-radius: 4px;
        }
/*#endregion*/
    /*#region BOTON REFRESH CARGA*/
    .refresh-notificacion {
    position: fixed;
    margin-top: -5px;
    right: 50%;
    width: auto;
    height: 32px;
    z-index: 999;
    text-align: center;
}

    .refresh-notificacion > .cursor-pointer {
        box-shadow: 0 2px 16px 0 rgba(18,52,77,.16);
        background: linear-gradient(180deg,#fff 2.56%,#f3f5f7 95.75%);
        padding: 7px 0;
        margin: 0 auto;
        display:none;
        /*display: flex;*/
        align-items: center;
        border-radius: 50px;
        animation: drop-animate-below .3s linear;
        color: #12344d;
        border: 1px solid #cfd7df;
    }

        .refresh-notificacion > .cursor-pointer:hover{
            cursor:pointer;
        }

        .refresh-notificacion > .cursor-pointer > .refresh-icon-contenedor {
            width: 24px;
            height: 24px;
            background-color: #2c5cc5;
            border-radius: 12px;
            margin: 0 8px;
            padding: 4px;
        }

            .refresh-notificacion > .cursor-pointer > .refresh-icon-contenedor > svg {
                fill: white;
                width: 16px;
                height: 16px;
            }

        .refresh-notificacion > .cursor-pointer .refresh-notificacion-contenedor {
            padding: 1px 15px 3px 3px;
            display: flex;
        }

@keyframes drop-animate-below {
    0% {
        opacity: 0;
        transform: translateY(-30px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}
/*#endregion*/

/*#region CEHCKBOX*/
/* Hide the browser's default checkbox */
.customcheck {
    padding-left: 20px;
}

.customcheck input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: relative;
    display:block;
    height: 25px;
    width: 25px;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #c2cfd6;
}

/* On mouse-over, add a grey background color */
/*.customcheck:hover input ~ .checkmark {
    background-color: #fff;
}*/

/* When the checkbox is checked, add a blue background */
.customcheck input:checked ~ .checkmark {
    background-color: #5bc0de;
    border-radius: 5px;
    border: 1px solid #c2cfd6;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.customcheck input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.customcheck .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/*#endregion*/

/*#region MULTI-LINE SELECT*/
.select-multi-line {
    float: left;
    width: 100%;
    background: white;
    color: black;
    font-family: arial;
    font-size: 14px;
    line-height: 30px;
    height: 40px;
    cursor: pointer;
    font-weight: 600;
    border: 1px solid #c2cfd6;
}

    .select-multi-line > .selected {
        margin-bottom: 10px;
        margin-top: -3px;
    }

        .select-multi-line > .selected p {
            color: #acacac;
            font-weight: 500;
            font-size: 13px;
            margin-top: -12px;
            margin-bottom: -16px;
        }

    .select-multi-line > div{
        padding-left:10px;
    }

    .select-multi-line .option {
        background: #fff;
        display: none;
        padding-left: 5px;
        font-size: 15px;
        line-height: 20px;
        color: black;
        border-top: none;
        border: 1px solid gainsboro;
        padding-left: 10px;
    }

        .select-multi-line .option.shown:first-line {
            font-size: 14px;
            line-height: 30px;
        }

        .select-multi-line .option.shown:hover:first-line {
            color: #000;
        }

        .select-multi-line .option p {
            color: #acacac;
            font-weight: 500;
            font-size: 13px;
        }

        .select-multi-line .option p:hover {
            color:#fff;
        }

    .select-multi-line .shown {
        display: block;
    }

    .select-multi-line .option:hover {
        background: #2196F3;
        /*background: linear-gradient(hsl(220, 100%, 70%), hsl(220, 100%, 50%));*/
    }

    .select-multi-line .option.shown:last-child {
        border-radius: 0 0 5px 5px
    }
/*#endregion*/

/*#region SUMMERNOTE CON ATTACK*/
.form-group-descripcion {
    border: 1px solid #c5c5c5;
    padding: 10px;
    border-radius: 5px;
    padding-bottom: 0px;
}

    .form-group-descripcion input[type="file"] {
        display: none;
    }

.note-insert {
    display: none;
}

.note-view {
    display: none;
}

.input-file:hover {
    cursor: pointer;
}

.attachment {
    border: 1px solid #dadada;
    border-radius: 5px;
    padding: 8px;
    padding-bottom: 15px;
    margin-bottom: 10px;
    display: none;
}

    .attachment .attachment-titulo {
        font-weight: 600;
        font-size: 13px;
        margin-bottom: 10px;
    }

    .attachment .attachment-item {
        padding: 5px;
        padding-left: 10px;
        padding-right: 10px;
        border: 1px solid #cccccc;
        border-radius: 3px;
        width: fit-content;
        display: inline-block;
        margin-right: 5px;
        margin-bottom: 5px;
    }

    .attachment .attachment-item-close {
        border: none;
        width: 20px;
        height: 20px;
        background: none;
    }

    .attachment .attachment-item-text {
        display: inline-block;
        font-size: 12px;
    }

        .attachment .attachment-item-text .ticket-weight {
            color: #acb6be;
            font-size: 12px;
        }

        .attachment .attachment-item-text > span:last-child {
            color: #acb6be;
            font-size: 12px;
        }

/*#endregion*/

/*#region SLIDE THREE */
.slideThree {
  width: 40px;
  height: 22px;
  background: #f0f0f0;
  /*margin: 10px auto;*/
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  position: relative;
  -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);
  -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);
}
.slideThree:after {
  content: 'x';
  font: 12px/26px Arial, sans-serif;
  color: #a0a0a0;
  position: absolute;
  right: 10px;
  z-index: 0;
  font-weight: bold;
  text-shadow: 1px 1px 0px rgba(255, 255, 255, .15);
}
.slideThree:before {
content: '\02713';
    font: 14px/26px Arial, sans-serif;
    color: #02b875;
    position: absolute;
    left: 8px;
    z-index: 0;
    font-weight: bold;
}
.slideThree > label {
  display: block;
  width: 16px;
  height: 16px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
  -ms-transition: all .4s ease;
  transition: all .4s ease;
  cursor: pointer;
  position: absolute;
  top: 3px;
  left: 3px;
  z-index: 1;
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
    background:#ececec;
  /*background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fcfff4', endColorstr='#b3bead', GradientType=0);*/
}
.slideThree input[type=checkbox]:checked + label{
  left: 22px;
  background: #fcfff4;
}

/*input[type=checkbox] {
  visibility: hidden;
}*/
/*#endregion*/

/*#region LOGIN y REGISTRO*/
.bg-gradient-animated {
    background-size: 400% auto;
    background-position: 100% 50%;
    background: #2566e8;
}

@keyframes gradientMotion {
    0% {
        background-position-x: 100%;
    }

    100% {
        background-position-x: 0;
    }
}

.nombre-sistema {
    color: #3e3e3e;
    letter-spacing: 1.0px;
}

    .nombre-sistema img {
        width: 200px;
        margin-right: -6px;
        margin-top: -5px;
    }

    .nombre-sistema span{
        color: #ffffff;
        letter-spacing: 1.0px;
        font-size: 30px;
        font-family: sans-serif;
    }

.login-box {
    padding: 50px;
    margin-top: 110px;
}

    .login-box .subtitulo {
        font-size: 37px;
        display:block;
        margin-bottom:20px;
    }

@media(min-width:1400px){
    .login-box.col-lg-6.offset-lg-3 {
        margin-left: 33.33333%;
    }
}
@media(min-width:1400px){
    .login-box.col-lg-6 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
}

.box-shadow {
    background: #fff;
    box-shadow: 0px 0px 10px -4px #4d4d4d;
    border-radius: 5px;
}

.registro-box {
    padding: 50px;
    margin-top: 100px;
}

    .registro-box .subtitulo {
        font-size: 37px;
        display: block;
        margin-bottom: 20px;
    }

@media(max-height:800px) {
    .registro-box {
        margin-top: 0px;
    }
}

@media(min-width:1400px) {
    .registro-box.col-lg-8 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media(min-width:1400px){
    .registro-box.col-lg-8.offset-lg-2 {
        margin-left: 25%;
    }
}
/*#endregion*/

/*#region IMPUT ANIMADO*/
.input-animado {
    height: 55px;
    border: solid 1px #ccc;
    background:#fff;
}

.input-animado i {
    position: absolute;
    padding: 10px;
    padding-top:14px;
    pointer-events: none;
    font-size: 25px;
    color: #e2e2e2;
}

.input-animado input {
    padding-left: 40px !important;
    height: 40px;
    border:none !important;
    padding-top:25px;
}

    .input-animado input:focus {
        outline: none !important;
        outline-width: 0 !important;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
    }

.input-animado label {
    color: #999;
    font-size: 15px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 40px;
    top: 16px;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

    .input-animado input:focus ~ label,
    .input-animado input:valid ~ label {
        top: 5px;
        font-size: 11px;
        color: #a9a9a9;
    }

/*#endregion*/

/*#region CONTACTO ELIMINADO*/
.contacto-eliminado {
    padding: 15px;
    background: linear-gradient(#e5f2fd,#e5f2fd);
    border-radius: 5px;
}

    .contacto-eliminado > span:first-child {
        font-size: 14px;
        color: #292929;
        font-weight: 500;
        margin-bottom: 10px;
        display: block;
    }

    .contacto-eliminado .form-group {
        background: #fff;
        padding: 12px;
    }

    .contacto-eliminado #nombre_avatar {
        color: #212121;
        font-weight: 500;
        position: relative;
        top: -10px;
        left: 4px;
    }

    .contacto-eliminado #correo_avatar {
        position: absolute;
        left: 60px;
        top: 25px;
    }

    .contacto-eliminado #ir_avatar {
        position: relative;
        float: right;
        margin-right: 20px;
    }
/*#endregion */

/*#region CONFIGURACION CORMULARIO*/
.tipo_campo > .panel > h3 {
    background: white;
    padding: 10px;
    border: 1px solid #d7e2e8;
    border-radius: 5px;
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 400;
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab;
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.campo_agregado > .panel > h3 {
    background: white;
    padding: 10px;
    border: 1px solid #d7e2e8;
    border-radius: 5px;
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 16px;
    cursor:pointer;
    color: #454545;
}

    .formulario-campo > i {
        margin-right: 10px;
    }

/*    .formulario-campo > span {
        cursor: pointer;
    }*/

.titulo-campo-propiedades {
    font-size: 18px;
    font-weight: 500;
}

.titulo-comportamiento {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .5px;
    margin-bottom: 15px;
    display: block;
}

.btn-min-campo {
    padding: 4px;
    padding-left: 8px;
    padding-right: 8px;
    visibility: hidden;
    position: relative;
    top: -46px;
    right: 10px;
    float: right;
    display:none;
}

.campo_agregado .panel:hover .btn-min-campo{
    display:initial !important;
    visibility: visible;
}
/*#endregion*/


/**/


/*#region Detalle*/
.custom-seccion > .row {
    border: 1px solid #cdcdcd;
    border-top: none;
    font-size: 13px;
    padding: 3px;
}

    .custom-seccion > .row:hover {
        background: #efefef;
    }

    .custom-seccion > .row > .col-lg-2 {
        border-right: 1px solid #cdcdcd;
        text-align: right;
        font-weight: 500;
    }
/*#endregion*/

.cus-estatus {
    margin: auto;
    font-size: 10px;
    padding: 6px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-radius: 5px;
    color: white;
    font-weight: 500;
}

/*#region SCHEDURE*/
.scheduler_default_corner div {
    display: none !important;
}
/*#endregion*/

.cus-subtitle {
    background: #5046e5;
    padding-left: 10px;
    border-radius: 5px;
}

    .cus-subtitle > label {
        color: white;
    }