.tdRight {

    text-align: right;

}



.esconder {

    display: none;

}



.validar {

    border-color: red !important;

    background-color: #f8e9e9 !important;

}



.stlTitulo {

    border-bottom: solid 2px #000f32;

    padding-bottom: 5px;

}



.btnCustomNew {

    background: white !important;

    /*border: 1px solid rgba(0, 26, 87,1) !important;*/

    border: 1px solid #f44611 !important;

    color: #f44611 !important;

    font-weight: bold !important;

}



    .btnCustomNew:hover {

        background: #f44611 !important;

        color: white !important;

        /* box-shadow: 1px 1px 2px 2px #e7e7e7;*/

    }





.btnCustomNewDelete {

    background: #8b0000 !important;

    color: white !important;

}



    .btnCustomNewDelete:hover {

        background: white !important;

        border: 1px solid #8b0000 !important;

        color: #8b0000 !important;

        font-weight: bold !important;

    }



.btnCustom {

    background: transparent !important;

    border: 1px solid rgba(0, 26, 87, 1) !important;

    color: rgba(0, 26, 87, 1) !important;

    display: flex !important;

    align-content: baseline;

    align-items: center;

}



    .btnCustom:hover {

        background: rgba(0, 26, 87, 1) !important;

        color: white !important;

    }



.btnCustomPrincipal {

    background: rgba(0, 26, 87, 1) !important;

    color: white !important;

}



    .btnCustomPrincipal:hover {

        background: transparent !important;

        border: 1px solid rgba(0, 26, 87, 1) !important;

        color: rgba(0, 26, 87, 1) !important;

        font-weight: bold;

    }



.btnCustom:hover .spnFile {

    color: white !important;

}



.addClass {

    background: #28a745 !important;

    color: white !important;

}



.addClassBefore {

    background: transparent !important;

    border: 1px solid rgba(0, 26, 87, 1) !important;

    color: rgba(0, 26, 87, 1) !important;

}



.imgUpload {
    width: 100%;

    height: 40px;

    display: block;

    border: 1px solid lightgray;

    padding: 4px;

    text-align: left;

    border-radius: 5px;

    margin: -2px;

}





.swal2-confirm,

.swal2-cancel {

    color: white !important;

}



.btn-primary {

    background-color: #134D88 !important;

    border-color: #000f32 !important;

}



    .btn-primary:hover {

        background-color: #061948 !important;

        border-color: #134D88 !important;

    }



.spnFile {

    color: darkred !important;

    letter-spacing: 2px;

    font-size: clamp(0.8rem, 1.2vw, 1rem) !important;

}



    .spnFile:hover {

        color: white !important;

    }



input {

    outline: 0 !important;

    border-width: 0 0 1px !important;

    border-color: #ced4da !important;

    border-radius: initial !important;

}



    input:focus {

        border-color: #000f32 !important;

        outline: none !important;

        border: 1px solid #061948 !important;

        box-shadow: 0 0 10px #719ECE !important;

    }



.container {

    max-width: 960px;

}



.lh-condensed {

    line-height: 1.25;

}



.invalid-feedback {

    color: red !important;

}



.valid-feedback {

    color: darkgreen !important;

}



.font-bold {

    font-weight: bold;

}



.valida {

    border-color: #dc3545 !important;

    padding-right: calc(1.5em + .75rem) !important;

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 5.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") !important;

    background-repeat: no-repeat !important;

    background-position: right calc(.375em + .1875rem) center !important;

    background-size: calc(.75em + .375rem) calc(.75em + .375rem) !important;

}



.validaCaja {

    border-color: #28a745 !important;

    padding-right: calc(1.5em + .75rem) !important;

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") !important;

    background-repeat: no-repeat !important;

    background-position: right calc(.375em + .1875rem) center !important;

    background-size: calc(.75em + .375rem) calc(.75em + .375rem) !important;

}



.borderCustomize {

    border-color: #000f32 !important;

    border: 1px solid !important;

}



.borderCustomizeToday {

    border-color: #8b0000 !important;

    border: 2px solid;

    /*display:flex;*/

}





input[type=checkbox] {

    display: none;

}



    input[type=checkbox] + label {

        display: inline-block;

        position: relative;

        padding: 8px;

        background-color: rgba(0, 26, 87, 1);

        border: 1px solid rgba(0, 26, 87, 1);

        border-radius: 2px;

        width: 10px;

        height: 8px;

    }



    input[type=checkbox]:checked + label {

        background-color: rgba(0, 26, 87, 1);

        color: #A4B7C6;

    }



        input[type=checkbox]:checked + label:after {

            position: absolute;

            left: 4px;

            top: -7px;

            color: #FFB200;

            font-weight: 900;

            content: '\2714';

            font-size: 18px;

        }



.input-group-text {

    border: none !important;

}



input[type="date"] {

    position: relative;

    padding: 10px;

}



    input[type="date"]::-webkit-calendar-picker-indicator {

        color: transparent;

        background: none;

        z-index: 1;

    }



    input[type="date"]:before {

        color: transparent;

        background: none;

        display: block;

        font-family: 'FontAwesome';

        content: '\f073';

        /* This is the calendar icon in FontAwesome */

        width: 25px;

        height: 30px;

        position: absolute;

        top: -1px;

        right: 3px;

        color: #3A4F63;

    }



.showPanel {

    display: block;

}



.hidePanel {

    display: none;

    border: solid;

    border-color: darkgreen !important;

}



.archivosFacturaHidden {

    display: none !important;

}



.btnCustomTotales {

    justify-content: flex-end;

    display: flex

}



h1,

h4,

h3 {

    letter-spacing: 2px;

    font-size: clamp(0.8rem, 2.2vw, 2rem) !important;

}



label,

input {

    font-size: clamp(1rem, 2.5vw, 1rem) !important;

}





@media only screen and (max-width: 700px) {



    table tr td:nth-child(1),

    table tr th:nth-child(1) {

        border: 1px dashed darkgreen;

        display: none;

    }



    .CajaFlex {

        display: block !important;

    }



    /*table tr td:nth-child(3), table tr th:nth-child(3) {

                border: 1px dashed darkgreen;

                display: none;

            }

            table tr td:nth-child(5), table tr th:nth-child(5) {

                border: 1px dashed darkgreen;

                display: none;

            }*/

    /*table tr td:nth-child(3), table tr th:nth-child(3) {

                border: 1px dashed darkgreen;

                display: none;

            }



            table tr td:nth-child(4), table tr th:nth-child(4) {

                border: 1px dashed darkgreen;

                dis*/

    .main {

        display: none;

    }

}



.DialogSub {

    /*position: fixed;*/

    -webkit-transition: opacity 400ms ease-in;

    -moz-transition: opacity 400ms ease-in;

    transition: opacity 400ms ease-in;

    z-index: 99999;

    background-color: white;

    border: white;

    border-radius: 7px;

}



.title {

    width: 100%;

    height: 30px;

    /*background-color: rgb(0, 187, 217);*/

    /*background-color: black;*/

    color: black;

    font-size: 14px;

    padding: 8px;

    border-top-left-radius: 9px;

    border-top-right-radius: 9px;

    border: 2px white solid;

}



.spnClosePopup {

    color: tomato;

    font-size: 18px;

    cursor: pointer

}



.window {

    background-color: whitesmoke;

    border-bottom-left-radius: 9px;

    border-bottom-right-radius: 9px;

    left: 0;

    top: 0;

}



.windowPopupCustom {

    padding: 2px 5px;

    border: 2px black solid;

    border-top: none;

}



[class*="modalCE-"] {

    width: 100%;

}



@media (min-width: 768px) {

    .modalCE-sm-12 {

        width: 100%;

    }



    .modalCE-sm-11 {

        width: 91.66666667%;

    }



    .modalCE-sm-10 {

        width: 83.33333333%;

    }



    .modalCE-sm-9 {

        width: 75%;

    }



    .modalCE-sm-8 {

        width: 66.66666667%;

    }



    .modalCE-sm-7 {

        width: 58.33333333%;

    }



    .modalCE-sm-6 {

        width: 50%;

    }



    .modalCE-sm-5 {

        width: 41.66666667%;

    }



    .modalCE-sm-4 {

        width: 33.33333333%;

    }



    .modalCE-sm-3 {

        width: 25%;

    }



    .modalCE-sm-2 {

        width: 16.66666667%;

    }



    .modalCE-sm-1 {

        width: 8.33333333%;

    }

}



@media (min-width: 992px) {

    .modalCE-md-12 {

        width: 100%;

    }



    .modalCE-md-11 {

        width: 91.66666667%;

    }



    .modalCE-md-10 {

        width: 83.33333333%;

    }



    .modalCE-md-9 {

        width: 75%;

    }



    .modalCE-md-8 {

        width: 66.66666667%;

    }



    .modalCE-md-7 {

        width: 58.33333333%;

    }



    .modalCE-md-6 {

        width: 50%;

    }



    .modalCE-md-5 {

        width: 41.66666667%;

    }



    .modalCE-md-4 {

        width: 33.33333333%;

    }



    .modalCE-md-3 {

        width: 25%;

    }



    .modalCE-md-2 {

        width: 16.66666667%;

    }



    .modalCE-md-1 {

        width: 8.33333333%;

    }

}



@media (min-width: 1200px) {

    .modalCE-lg-12 {

        width: 100%;

    }



    .modalCE-lg-11 {

        width: 91.66666667%;

    }



    .modalCE-lg-10 {

        width: 83.33333333%;

    }



    .modalCE-lg-9 {

        width: 75%;

    }



    .modalCE-lg-8 {

        width: 66.66666667%;

    }



    .modalCE-lg-7 {

        width: 58.33333333%;

    }



    .modalCE-lg-6 {

        width: 50%;

    }



    .modalCE-lg-5 {

        width: 41.66666667%;

    }



    .modalCE-lg-4 {

        width: 33.33333333%;

    }



    .modalCE-lg-3 {

        width: 25%;

    }



    .modalCE-lg-2 {

        width: 16.66666667%;

    }



    .modalCE-lg-1 {

        width: 8.33333333%;

    }

}



.validar {

    border-color: red !important;

    border-radius: 3px !important;

    background-color: #f8e9e9 !important;

    border-style: groove !important;

}



.lnkMoney {

    display: inline-block;

    width: 99%;

    text-align: right;

    color: green;

    font-weight: bold;

}



*,

*:focus,

*:hover {

    outline: none;

}



.lnkMoney:hover {

    color: red !important;

    font-weight: bold;

    font-size: 14px;

}



.Pagos {

    display: inline;

    margin-right: 5px;

    width: 99%;

    text-align: left;

    color: darkred;

    font-weight: bold;

    font-size: 12px

}



.imgRow {

    display: inline-block;

    width: 24px;

    height: 24px;

}



.Pagos:hover {

    color: green;

    font-weight: bold;

    font-size: 13px;

}



.Info {

    display: inline;

    margin-right: 5px;

    /*width: 99%;*/

    text-align: left;

    color: rgba(0, 26, 87, 1);

    font-weight: bold;

    font-size: 12px

}



    .Info:hover {

        color: darkred;

        font-weight: bold;

        font-size: 13px;

    }



.colorRedIcono {

    color: red;

}



.parpadeaGrid {

    animation-name: parpadeo;

    animation-duration: 5s;

    animation-timing-function: linear;

    animation-iteration-count: infinite;

    -webkit-animation-name: parpadeo;

    -webkit-animation-duration: 5s;

    -webkit-animation-timing-function: linear;

    -webkit-animation-iteration-count: infinite;

}



.parpadea {

    animation-name: parpadeo;

    animation-duration: 6s;

    animation-timing-function: linear;

    animation-iteration-count: infinite;

    -webkit-animation-name: parpadeo;

    -webkit-animation-duration: 2s;

    -webkit-animation-timing-function: linear;

    -webkit-animation-iteration-count: infinite;

}





@-moz-keyframes parpadeo {

    0% {

        opacity: 1.0;

    }



    50% {

        opacity: 0.0;

    }



    100% {

        opacity: 1.0;

    }

}



@-webkit-keyframes parpadeo {

    0% {

        opacity: 1.0;

    }



    50% {

        opacity: 0.0;

    }



    100% {

        opacity: 1.0;

    }

}



@keyframes parpadeo {

    0% {

        opacity: 1.0;

    }



    50% {

        opacity: 0.0;

    }



    100% {

        opacity: 1.0;

    }

}



svg {

    width: 30%;

}







@media only screen and (max-width: 960px) {



    table tr td:nth-child(2),

    table tr th:nth-child(2) {

        border: 1px dashed darkgreen;

        /*Quita esta linea y mira que pasa :)*/

        display: none;

    }

}



alinearRigth {

    display: flex;

    justify-content: space-between;

    align-items: center;

    width: 20%;

    height: 20%;

}



.alinear {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 1px !important;

}





rect {

    width: 100%;

    height: 100%;

    stroke: #069;

    stroke-width: 5px;

    opacity: 0

}



[type="date"] {

    background: #fff url(https://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/calendar_2.png) 97% 50% no-repeat;

}



input[type="date"]:before {

    opacity: 0 !important;

}



[type="date"]::-webkit-inner-spin-button {

    display: none;

}



[type="date"]::-webkit-calendar-picker-indicator {

    opacity: 0;

}



label {

    display: block;

}



.CajaFlex {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.CajaFlexItem {

    /*min-width: 100px;*/

    margin-bottom: 10px;

}



.growCaja {

    flex: 0 1 760px;

}



.ItemItem {

    display: flex;

    flex-direction: column;

}



.ItemItemColumn {

    align-items: flex-end;

}



.parent {

    width: 95px;

    display: block;

    transition: all 0.3s;

    cursor: pointer;

    box-sizing: border-box;

}



    .parent:hover {

        /*color: rgba(0, 26, 87,1);*/

        color: #f44611;

        background: white;

    }



    .parent svg {

        display: inline;

    }



        /****  magic trick  *****/

        .parent svg path {

            fill: currentcolor;

        }



.spnMensaje {

    color: darkgreen;

}



.colorMessageButton {

    color: rgba(0, 26, 87, 1) !important;

    font-weight: bold !important;

    font-family: 'Helvetica' !important;

}



.not-active {

    pointer-events: none;

    cursor: default;

    border: 1px solid #999999 !important;

    background-color: #cccccc !important;

    color: #666666 !important;

}



.spaceRow {

    margin-bottom: 4px;

}



.lblForm {

    border: none !important;

}



.titlePopup {

    padding-bottom: 10px;

    border-bottom: 2px solid #ced4da;

}



.inputNewClient {

    border-radius: .25rem !important;

    border: 1px solid #ced4da !important;

}



.footerPopup {

    border-top: 2px solid #ced4da;

    margin-top: 10px;

    padding-top: 10px;

}





*,

*:after,

*:before {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    padding: 0;

    margin: 0;

}



/*::selection {

    background: transparent;

}



::-moz-selection {

   background: transparent;

}

 */

.wrapper-demo {

    margin: 60px 0 0 0;

    *zoom: 1;

    font-weight: 400;

}



    .wrapper-demo:after {

        clear: both;

        content: "";

        display: table;

    }



/* DEMO 3 */



.wrapper-dropdown-3 {

    /* Size and position */

    position: relative;

    /*width: 200px;*/

    margin: 0 auto;

    padding: 10px;

    /* Styles */

    background: #fff;

    border-radius: 7px;

    border: 1px solid rgba(0, 26, 87,1);

    box-shadow: 0 1px 1px rgba(50,50,50,0.1);

    cursor: pointer;

    outline: none;

    /* Font settings */

    font-weight: bold;

    color: #8AA8BD;

}



    .wrapper-dropdown-3:after {

        content: "";

        width: 0;

        height: 0;

        position: absolute;

        right: 15px;

        top: 50%;

        margin-top: -3px;

        border-width: 6px 6px 0 6px;

        border-style: solid;

        border-color: black transparent;

    }



    .wrapper-dropdown-3 .dropdown {

        /* Size & position */

        position: absolute;

        top: 14s0%;

        left: 0;

        right: 0;

        /* Styles */

        background: white;

        border-radius: inherit;

        border: 1px solid rgba(0, 26, 87,1);

        box-shadow: 0 0 5px rgba(0,0,0,0.1);

        font-weight: normal;

        -webkit-transition: all 0.5s ease-in;

        -moz-transition: all 0.5s ease-in;

        -ms-transition: all 0.5s ease-in;

        -o-transition: all 0.5s ease-in;

        transition: all 0.5s ease-in;

        list-style: none;

        /* Hiding */

        opacity: 0;

        pointer-events: none;

    }



        .wrapper-dropdown-3 .dropdown:after {

            content: "";

            width: 0;

            height: 0;

            position: absolute;

            bottom: 100%;

            right: 15px;

            border-width: 0 6px 6px 6px;

            border-style: solid;

            border-color: rgba(0, 26, 87,1) transparent;

        }



        .wrapper-dropdown-3 .dropdown:before {

            content: "";

            width: 0;

            height: 0;

            position: absolute;

            bottom: 100%;

            right: 13px;

            border-width: 0 8px 8px 8px;

            border-style: solid;

            border-color: rgba(0,0,0,0.1) transparent;

        }



        .wrapper-dropdown-3 .dropdown li {

            display: flex;

            justify-content: space-between;

            padding: 9px;

            text-decoration: none;

            width: auto;

            color: black;

            border-bottom: 1px solid rgba(0, 26, 87,1);

            box-shadow: inset 0 1px 0 rgba(255,255,255,1);

            -webkit-transition: all 0.3s ease-out;

            -moz-transition: all 0.3s ease-out;

            -ms-transition: all 0.3s ease-out;

            -o-transition: all 0.3s ease-out;

            transition: all 0.3s ease-out;

        }



.dropdown li a {

    color: black;

    padding: 9px;

    margin-right: 0px;

    text-decoration: none;

    background-color: transparent;

    width: 325px;

}



.dropdown li svg {

    margin-left: 2.8rem !important;

}



.principal {

    width: 90px;

    margin: 0;

    padding: 0;

    align-items: flex-end;

}



.wrapper-dropdown-3 .dropdown li i {

    float: right;

    color: inherit;

    margin-left: 124px;

}



.wrapper-dropdown-3 .dropdown li:first-of-type a {

    border-radius: 7px 7px 0 0;

}



.wrapper-dropdown-3 .dropdown li:last-of-type a {

    border: none;

    border-radius: 0 0 7px 7px;

}



/* Hover state */



.wrapper-dropdown-3 .dropdown li:hover {

    background: #4cbeff;

}



/* Active state */



.wrapper-dropdown-3.active .dropdown {

    opacity: 1;

    pointer-events: auto;

}



/* No CSS3 support */



.no-opacity .wrapper-dropdown-3 .dropdown,

.no-pointerevents .wrapper-dropdown-3 .dropdown {

    display: none;

    opacity: 1; /* If opacity support but no pointer-events support */

    pointer-events: auto; /* If pointer-events support but no pointer-events support */

}



.no-opacity .wrapper-dropdown-3.active .dropdown,

.no-pointerevents .wrapper-dropdown-3.active .dropdown {

    display: block;

}



/*css inputs checks*/

.containerChk {

    display: inline-block;

    position: relative;

    padding-left: 28px;

    margin-bottom: 8px;

    cursor: pointer;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

}



    /*oculta el input chk */

    .containerChk > input {

        position: absolute;

        opacity: 0;

        cursor: pointer;

        height: 0;

        width: 0;

    }



/* creamos un chk personalizado */

.checkmark {

    position: absolute;

    top: 0;

    left: 0;

    height: 24px;

    width: 24px;

    background-color: whitesmoke;

    border: 1px solid #E8E8FF;

}



.chkLbl {

    height: 18px;

    display: inline-block;

    vertical-align: super;

}



/* cuando pasamos el mouse x el chk */

.containerChk:hover input ~ .checkmark {

    background-color: #ccc;

}



/* cuando le damos click al chk */

.containerChk input:checked ~ .checkmark {

    background-color: #E8E8FF;

    border: 1px solid #041064;

}



/* esconde el check del chk personalizado */

.checkmark:after {

    content: "";

    position: absolute;

    display: none;

}



/* muestra el check del chk personalizado */

.containerChk input:checked ~ .checkmark:after {

    display: block;

}



/* creamos el check del chk el simbolo del check */

.containerChk .checkmark:after {

    left: 7px;

    top: -1px;

    width: 11px;

    height: 18px;

    border: solid black;

    border-width: 0 4px 4px 0;

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);

}



.flexDocumentC {

    display: flex;

    justify-content: space-between;

}



 .flexDocumentC > label {

        width: 800px;

 }



.tooltipControlPdf {

    position: relative;

    text-align: center;
	width:60px;

}



    .tooltipControlPdf .tooltiptext {

        visibility: hidden;

        width: 120px;

        background-color: #f44611;

        color: #fff;

        text-align: center;

        border-radius: 6px;

        padding: 5px 0;

        position: absolute;

        z-index: 1;

        bottom: 125%;

        left: 6%;

        margin-left: -35px;

        opacity: 0;

        transition: opacity 0.3s;

    }



        .tooltipControlPdf .tooltiptext::after {

            content: "";

            position: absolute;

            top: 100%;

            left: 50%;

            margin-left: -5px;

            border-width: 5px;

            border-style: solid;

            border-color: #f44611 transparent transparent transparent;

        }



    .tooltipControlPdf:hover .tooltiptext {

        visibility: visible;

        opacity: 1;

        cursor: pointer;

    }





.tooltipP {

    position: relative;

    text-align: center;
	width:60px;

}



    .tooltipP .tooltiptext {

        visibility: hidden;

        width: 120px;

        background-color: #f44611;

        color: #fff;

        text-align: center;

        border-radius: 6px;

        padding: 5px 0;

        position: absolute;

        z-index: 1;

        bottom: 125%;

        left: 50%;

        margin-left: -60px;

        opacity: 0;

        transition: opacity 0.3s;

    }



        .tooltipP .tooltiptext::after {

            content: "";

            position: absolute;

            top: 100%;

            left: 50%;

            margin-left: -5px;

            border-width: 5px;

            border-style: solid;

            border-color: #f44611 transparent transparent transparent;

        }



    .tooltipP:hover .tooltiptext {

        visibility: visible;

        opacity: 1;

        cursor: pointer;

    }



.cursor-pointer {

    cursor: pointer;

}



.pointer:hover {

    cursor: pointer;

}
.tituloPrincipal{

 

    padding-top: calc(20% - 125px);
    padding-right: calc(5% - 12px);
    padding-bottom: calc(20% - 125px);
    padding-left: calc(5% - 12px);

            }