/*

* Override Pages default styles or create your own styles here

*/

.dataTables_length {
    margin-right: 10px
}

pre {
    white-space: pre-wrap; /* Since CSS 2.1 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
    overflow-x: hidden !important;
    resize: vertical;
}




.circulo-50p {
    border-radius: 50%;
}

.jumbotron {
    /* padding: 2rem 1rem; */
    margin-bottom: 0.5rem;
}

/*.icon-thumbnail {
    float: left
}*/

/*.float-left {
    float: left;
    right:0;
    left:auto;
    padding-left:32px
}*/

/*.ancho-medio {
    width: 230px;
}*/
/*.page-sidebar {
    width: 240px;
}*/
.cursor-pointer {
    cursor: pointer;
}

.cursor-alias {
    cursor: alias;
}

.cursor-all-scroll {
    cursor: all-scroll;
}

.cursor-auto {
    cursor: auto;
}

.cursor-cell {
    cursor: cell;
}

.cursor-context-menu {
    cursor: context-menu;
}

.cursor-col-resize {
    cursor: col-resize;
}

.cursor-copy {
    cursor: copy;
}

.cursor-crosshair {
    cursor: crosshair;
}

.cursor-default {
    cursor: default;
}

.cursor-e-resize {
    cursor: e-resize;
}

.cursor-ew-resize {
    cursor: ew-resize;
}

.cursor-grab {
    cursor: -webkit-grab;
    cursor: grab;
}

.cursor-grabbing {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.cursor-help {
    cursor: help;
}

.cursor-move {
    cursor: move;
}

.cursor-n-resize {
    cursor: n-resize;
}

.cursor-ne-resize {
    cursor: ne-resize;
}

.cursor-nesw-resize {
    cursor: nesw-resize;
}

.cursor-ns-resize {
    cursor: ns-resize;
}

.cursor-nw-resize {
    cursor: nw-resize;
}

.cursor-nwse-resize {
    cursor: nwse-resize;
}

.cursor-no-drop {
    cursor: no-drop;
}

.cursor-none {
    cursor: none;
}

.cursor-not-allowed {
    cursor: not-allowed;
}

.cursor-pointer {
    cursor: pointer;
}

.cursor-progress {
    cursor: progress;
}

.cursor-row-resize {
    cursor: row-resize;
}

.cursor-s-resize {
    cursor: s-resize;
}

.cursor-se-resize {
    cursor: se-resize;
}

.cursor-sw-resize {
    cursor: sw-resize;
}

.cursor-text {
    cursor: text;
}

.cursor-w-resize {
    cursor: w-resize;
}

.cursor-wait {
    cursor: wait;
}

.cursor-zoom-in {
    cursor: zoom-in;
}

.cursor-zoom-out {
    cursor: zoom-out;
}
.select2-container--default .select2-search--inline  ::placeholder {
    color: #999999;
    font-size:11px
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    /*color:red;*/
    font-size: 11px;
}

button:disabled {
    cursor: not-allowed;
}

/* CARGA DE ESPERA EN LAS VISTAS
------------------------------------
*/

#loadingworkspace {
    /*background: gold;*/
    /*border-radius: 4px;*/
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    position: fixed;
    /*height: 70px;
        width: 70px;*/
    width: 100%;
    height: 100%;
    z-index: 700;
}

#loadingworkspace-ico {
    position: absolute;
    top: 50%;
    left: 50%;
    /*height: 30%;
        width: 50%;*/
    /*margin: -15% 0 0 -25%;*/
}


/*Caja de busqueda de datatable*/
div.dataTables_filter input {
    border: 1px solid rgba(0, 0, 0, 0.15);
}


table.dataTable tbody th, table.dataTable tbody td {
    padding: 4px 5px;
    vertical-align: middle;
}

div.dataTables_wrapper div.dataTables_length select {
    width: 55px;
    text-align: center
}


    div.dataTables_wrapper div.dataTables_length select option {
        text-align: center
    }




/*div.dataTables_wrapper div.dataTables_paginate .paginate_button:active {
    background-color: red;
    background: red;
}

.dataTables_wrapper .dataTables_paginate ul > li:hover {
    background: red;
    background-color: red
}*/


.dataTables_wrapper .dataTables_paginate ul > li.paginate_button:hover {
    background: none;
    background-color: none;
    border: none;
    text-decoration: none
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    border: none;
    border-radius: 10px;
}


/*.dataTables_wrapper .dataTables_paginate ul > li:active,
.dataTables_wrapper .dataTables_paginate ul > li.paginate_button:active {
    background: #eef0f0 !important;
    background-color: #eef0f0 !important;
}*/


.dataTables_wrapper .dataTables_paginate ul > li.active > a {
    /*font-weight: bold;
    color: #51646b;
    opacity: 1;*/
    background-color: #eef0f0 !important;
    border-radius: 10px;
    text-decoration: none
}


.dataTables_wrapper .dataTables_paginate ul > li > a:hover {
    opacity: .65;
    background-color: #eef0f0 !important;
    border-radius: 10px;
    text-decoration: none
}


.x_panel {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
    padding: 10px 17px;
    display: inline-block;
    background: #fff;
    border: 1px solid #E6E9ED;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    column-break-inside: avoid;
    opacity: 1;
    transition: all .2s ease
}




div.dataTables_wrapper div.dataTables_processing {
    width: 100%;
    left: 0;
    margin-left: 0;
    top: 45%;
}



/*28012020 - ESCONDER SEGUNDO  ICONO ORDENAR DATATABLE COLOCADO POR BOOSTRAP*/
table.dataTable thead .sorting:after {
    /*opacity: 0.2;*/
    content: none;
}

table.dataTable thead .sorting_asc:after {
    content: none;
}

table.dataTable thead .sorting_desc:after {
    content: none;
}

table.dataTable.display tbody > tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_1,
table.dataTable.order-column tbody > tr.selected > .sorting_1, table.dataTable.order-column tbody > tr.selected > .sorting_2, table.dataTable.order-column tbody > tr.selected > .sorting_3, table.dataTable.order-column tbody > tr > .selected, table.dataTable.display tbody > tr.selected > .sorting_1, table.dataTable.display tbody > tr.selected > .sorting_2, table.dataTable.display tbody > tr.selected > .sorting_3, table.dataTable.display tbody > tr > .selected {
    background-color: #9DF9FF;
}

table.dataTable.display tbody > tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_1 {
    background-color: #9DF9FF;
}


/*table.dataTable tbody tr td,*/
.datastyle tbody tr td {
    cursor: pointer;
}

/*Reducir espacio interno de columnas en datatable.js*/
/*table.dataTable.compact thead th, table.dataTable.compact thead td {
    padding: 4px 5px;
}*/
table.dataTable.compact tbody th, table.dataTable.compact tbody td {
    padding: 3px;
}
/* SELECT2: IMPIDE QUE SE MUESTRE SOBRE UN MODAL*/
/*.modal-open .select2-container {
    z-index: auto;
}*/

/*.form-group .select2-container {*/
.form-group .select2-container {
    z-index: auto;
}


/*cbo_clientes*/

.modal .select2-results {
    /*.modal-open .select2-results {*/
    z-index: 1051
}


/*.dropdown-default.show .dropdown-menu {
 left:-124px
}*/

/*div.dataTables_wrapper div.dataTables_paginate ul > li.paginate_button:hover {
    background: red;
    background-color: red
}*/
/*#datatable  td, th
{
    vertical-align: middle;
}*/
/* FIN - CARGA DE ESPERA EN LAS VISTAS
 ------------------------------------
*/


.modal-dialog {
    max-width: 2000px;
    /*width: 2000px*/
}


/*03062022: Agrega bordes derechos que desaparecen ,a los campos que se redimensionan*/
.form-group-attached .form-group-default {
    border-right-color: rgba(0, 0, 0, 0.07) !important;
}

.customSwalBtn {
    background-color: #3085d6;
    border-left-color: #3085d6;
    border-right-color: #3085d6;
    border: 0;
    border-radius: 3px;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    font-size: 17px;
    font-weight: 500;
    margin: 5px 5px 0px 5px;
    padding: 10px 32px;
}

.customSwalBtndanger {
    background-color: #d33;
    border-left-color: #d33;
    border-right-color: #d33;
}

.item-details .dialog__content {
    width: 687px;
    max-width: 687px;
    padding: 0;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.8);
}

.slide_img {
    width: 687px;
    height: 516px;
    display: block;
    overflow: hidden;
}

.shadow35 {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .35) !important;
}


/*----Animaciones CSS*/
/* ----------------------------------------------
 * Generated by Animista on 2023-8-17 0:17:17
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation wobble-hor-bottom
 * ----------------------------------------
 */

.wobble-hor-bottom {
    -webkit-animation: wobble-hor-bottom 0.8s both;
    animation: wobble-hor-bottom 0.8s both;
}



@-webkit-keyframes wobble-hor-bottom {
    0%, 100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    }

    15% {
        -webkit-transform: translateX(-30px) rotate(-6deg);
        transform: translateX(-30px) rotate(-6deg);
    }

    30% {
        -webkit-transform: translateX(15px) rotate(6deg);
        transform: translateX(15px) rotate(6deg);
    }

    45% {
        -webkit-transform: translateX(-15px) rotate(-3.6deg);
        transform: translateX(-15px) rotate(-3.6deg);
    }

    60% {
        -webkit-transform: translateX(9px) rotate(2.4deg);
        transform: translateX(9px) rotate(2.4deg);
    }

    75% {
        -webkit-transform: translateX(-6px) rotate(-1.2deg);
        transform: translateX(-6px) rotate(-1.2deg);
    }
}

@keyframes wobble-hor-bottom {
    0%, 100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    }

    15% {
        -webkit-transform: translateX(-30px) rotate(-6deg);
        transform: translateX(-30px) rotate(-6deg);
    }

    30% {
        -webkit-transform: translateX(15px) rotate(6deg);
        transform: translateX(15px) rotate(6deg);
    }

    45% {
        -webkit-transform: translateX(-15px) rotate(-3.6deg);
        transform: translateX(-15px) rotate(-3.6deg);
    }

    60% {
        -webkit-transform: translateX(9px) rotate(2.4deg);
        transform: translateX(9px) rotate(2.4deg);
    }

    75% {
        -webkit-transform: translateX(-6px) rotate(-1.2deg);
        transform: translateX(-6px) rotate(-1.2deg);
    }
}




/* ----------------------------------------------
 * Generated by Animista on 2023-8-17 1:33:4
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation blink-2
 * ----------------------------------------
 */

.blink-2 {
    -webkit-animation: blink-2 0.9s both;
    animation: blink-2 0.9s both;
}


@-webkit-keyframes blink-2 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes blink-2 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}



/* ----------------------------------------------
 * Generated by Animista on 2023-8-17 1:39:38
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation ping
 * ----------------------------------------
 */

.ping {
    -webkit-animation: ping 0.8s ease-in-out both;
    animation: ping 0.8s ease-in-out both;
}


@-webkit-keyframes ping {
    0% {
        -webkit-transform: scale(0.2);
        transform: scale(0.2);
        opacity: 0.8;
    }

    80% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0;
    }

    100% {
        -webkit-transform: scale(2.2);
        transform: scale(2.2);
        opacity: 0;
    }
}

@keyframes ping {
    0% {
        -webkit-transform: scale(0.2);
        transform: scale(0.2);
        opacity: 0.8;
    }

    80% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0;
    }

    100% {
        -webkit-transform: scale(2.2);
        transform: scale(2.2);
        opacity: 0;
    }
}




.card {
    margin-bottom: 0px;
}

/*@media only screen and (max-width: 1200px) {

    .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody ,
    .dataTables_scrollHeadInner,
    .tabla_adaptable {
        width: 150%
    }
}*/



@media (max-width: 490px) {
    .pv_titulo {
        font-size: 0.7rem;
        padding-top: 0px;
        line-height: 11px
    }
}

@media (min-width: 491px) and (max-width: 600px) {
    /*#datatable_1 {
        width: 280%;
    }*/
    .pv_titulo {
        font-size: 0.8rem;
        padding-top: 5px;
        line-height: 17px
    }
}

@media (max-width: 600px) {
    #datatable_1 {
        width: 280%;
    }
}



@media screen and (max-width: 640px) {
    div.dt-buttons {
        float: right !important;
        text-align: center;
    }

    .dataTables_wrapper .dataTables_filter {
        margin-top: 1em;
    }

        .dataTables_wrapper .dataTables_filter label {
            width: 100%
        }

    .dataTables_wrapper .dataTables_length {
        float: left;
        text-align: center;
    }

    .dataTables_wrapper .dataTables_filter input {
        width: 100%;
        margin-left: 0px
    }

    button.dt-button, div.dt-button, a.dt-button, input.dt-button {
        margin-right: 0;
    }


    h2 {
        font-size: 20px;
        line-height: 40px;
    }
}


@media (max-width: 767px) {
    .form-group-attached .form-group-default {
        height: 100%
    }
}


@media (min-width: 601px) and (max-width: 767px) {
    .pv_titulo {
        font-size: 1rem;
        padding-top: 5px;
        line-height: 19px
    }
}


@media (min-width: 600px) and (max-width: 768px) {
    #datatable_1 {
        width: 200%;
    }
}


/* Header Responsive Classes
------------------------------------
*/
@media only screen and (min-width: 991px) {
    body .menu-pin .header .brand {
        width: 225px;
    }
}

/*** Desktops & Laptops ***/
@media only screen and (min-width: 991px) {

    body.menu-pin .page-container .page-content-wrapper .content {
        padding-left: 240px;
    }

    body.menu-pin .page-container .page-content-wrapper .footer {
        left: 200px;
    }
}

/* Sidebar Responsive Classes
------------------------------------
*/
@media only screen and (min-width: 991px) {
    body.menu-pin .page-sidebar {
        width: 235px;
    }

    .showOnlyMobile {
        display: none;
    }
}

@media only screen and (max-width: 991px) {
    .showOnlyMobile {
        display: block;
        visibility: visible
    }
}

@media only screen and (min-width: 991px) {

    /*.page-sidebar .sidebar-menu .menu-items > li .showOnlyMobile,*/
    .showOnlyMobile {
        display: none;
        visibility: hidden
    }
}



@media (min-width: 992px) and (max-width: 1200px) {
    .pv_titulo {
        font-size: 1.2rem;
        line-height: 19px;
        /*padding-top: 5px;
        line-height: 19px*/
    }
}

@media (min-width: 1201px) {
    /*.tabla_adaptable*/
    #datatable_1 {
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 1200px) {
    /*.tabla_adaptable*/
    #datatable_1 {
        width: 150%;
    }
}

@media print {
    body {
        overflow: hidden; /* Ocultar scrollbar al imprimir */
    }
}


/*@media (max-width: 991px) {
    #myModal_ClienteNuevo .modal-dialog {
        width: 100%;
    }
}*/


/*@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px; 
        margin: 1.75rem auto;
    }
}*/