/*#region estilos principales de toda la web*/
:root {
    /**fuentes*/
    --font-family-label: "segoeuib";
    --font-family-segoeuiLighter: "seguisb";
    --font-family-segoeuiNormal: "SEGOEUI";
    --font-family-botones: "TAHOMA";
    --font-family-verdama: "VERDANA";
    --font-size-11: 11px;
    --ms-5-space: 5px;
    --width-bodyTab: 35.3em;
    --rowGrid-template-auto1fr: auto 1fr;
    --col-spliterOneGrafic: 450px;
}

* {
    padding: 0;
    margin: 0;
    list-style: none;
    text-decoration: none;
}

:focus {
    outline: 0 !important
}

/*#region Fuentes*/
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 0 !important;
}

.bs-btn, .h5-custom, .h5-custom1, .line-h3, .opt-inventario span, .zon1-text h5, .zon1-text-retencionesr h5, h6.titulo-controls-formule span {
    font-family: "segoeuib" !important;
}

.fs-9 {
    font-size: 9px !important;
}

.fs-10 {
    font-size: 10px !important;
}

.fs-11 {
    font-size: 11px !important;
}

.fx-12,
span.text-modal--footer,
.opt-inventario h5 {
    font-size: 12px !important;
}

.fs-13p {
    font-size: 13px!important;
}

.fs-14 {
    font-size: 14px !important;
}

.fs-15 {
    font-size: 15px !important;
}

.f-size {
    font-size: 16px !important;
}

.ff-s20 {
    font-size: 20px !important;
}

.fs-17 {
    font-size: 17px !important;
}

.fs-18 {
    font-size: 18px !important;
}

.fs-19 {
    font-size: 19px !important;
}
.fs-30 {
    font-size: 30px !important;
}

.grilla,
.grilla-2,
.zon1-register.zone-grilla {
    overflow: hidden
}

.zone-grilla .k-grid-toolbar > button {
    margin-left: 0 !important;
}

.k-list-item,
.k-list-optionlabel {
    font-family: 'VERDANA';
    border: 0;
    outline: 0;
    cursor: pointer;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    align-content: center;
    gap: 4px;
    position: relative;
    transition-property: color, background-color, outline-color, box-shadow;
    transition-duration: .2s;
    transition-timing-function: ease;
}

.k-list-item.k-selected, .k-selected.k-list-optionlabel {
    background: linear-gradient(0deg, rgb(116 203 243) 0%, rgb(111 199 240) 100%);
    border: 1px solid #73caf2;
}

.k-list-md .k-list-item, .k-list-md .k-list-optionlabel {
    padding: 4px 8px!important;
}
.k-animation-container-shown, .k-animation-container > .k-popup {
    font-size: 12px!important;
    font-family: "SEGOEUI";
}

.k-list-item:focus, .k-list-optionlabel:focus, .k-list-item.k-focus, .k-focus.k-list-optionlabel {
    box-shadow: inset 0 0 0 0px rgba(0, 0, 0, 0.12);
}

.k-list-ul {
    margin: 0;
    padding: 0;
    border-width: 0;
    border-color: inherit;
    height: auto;
    list-style: none;
}

.k-list-content {
    border-color: inherit;
    flex: 1 1 auto;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    position: relative;
}

.k-popup {
    background-clip: padding-box;
    margin: 0;
    padding: 0px 0px;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1.4285714286;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: stretch;
    align-items: stretch;
}
/*
* {
    scrollbar-width: thin;
    scrollbar-color: #95B1D6 #e7f0fa;
}*/
::-webkit-scrollbar-thumb {
    background: #3ba4d5;
    -webkit-border-radius: 10px;
}


/*Date picker en table */
th .k-filtercell-wrapper .k-datepicker {
    position: relative;
    flex-direction: row-reverse;
    width: 74px !important;
    margin-right: 4px !important;
    gap: 0px !important;
}

th .k-filtercell-wrapper .k-datepicker .k-dateinput ~ button {
    position: absolute;
    width: 100%;
    opacity: 0;
    margin: 0 !important;
    padding: 0 !important;
    left: 7px;
}

th .k-filtercell-wrapper .k-datepicker:before {
    content: "\e108";
    position: relative;
    color: #60a4d2;
    display: inline-block;
    margin-left: -22px;
    z-index: 1;
    font-size: 15px;
    font-family: "WebComponentsIcons";
    right: -5px;
    top: 1px;
    margin-right: 2px;
    /*  content: "";
        position: relative;
        border: solid #60a4d2;
        border-width: 0 2px 2px 0;
        display: inline-block;
        padding: 3px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        margin-left: -10px;
        z-index: 1;
        right: 2px;
        bottom: 1px;*/
}

/*.k-datepicker:focus::before {
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg) !important;
    bottom: -2px !important;
}*/

.zon1-input-1 div:first-child, .zon1-input div:first-child {
    display: flex;
    width: 100%;
    height: 100%;
}

/*#Region Zona Input*/
.zon1-input-1 input,
.zon1-select select {
    height: 100%;
}

input.e-control {
    height: 100% !important;
}

.zon1-input-1 input,
.zon1-select select,
input.e-control {
    border-radius: 1px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    width: 100%
}

/*#endregion*/


/*/////////////////////////////////*/
.log-login {
    width: fit-content !important;
    left: 0;
    right: 0;
    margin: auto;
    margin-top: 22px;
    top: 4px;
    background: white;
    border-radius: 50%;
    z-index: 9 !important;
}

.li-lo {
    height: 2px;
    width: 40%;
    position: relative;
    margin: auto;
    background-color: #5f92c7;
}

/**==================*/

.wrapper-options li img {
    width: 20px;
}

.content-zon-xl {
    max-width: 1185px;
    width: 100% !important;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: auto;
}


.multi-media-login {
    display: block;
}

.img-inicio img {
    width: 100%;
    height: 100%;
    padding: 2px;
    object-fit: cover
}

.img-inicio {
    height: 100%;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    overflow: hidden;
}

img.logo-index {
    position: absolute;
    width: 350px;
    height: auto;
    padding: 0;
}

.button__viewMore,
.contenedor___tabs {
    height: 100%;
    width: max-content;
    position: relative;
}

.button__viewMore {
    padding: 0 11px;
    font-weight: 400;
    font-family: 'Tahoma';
    font-size: 13px;
    height: 100%;
}

.contenedor___open-tabs.show {
    inset: 0 auto auto !important;
    margin: 0;
    right: 1px !important;
    transform: translate(-4px, 30px) !important;
    width: 323px;
    height: auto;
    padding: 2px 0;
    border-radius: 4px !important;
    z-index: 1040 !important;
    border-radius: 2px !important;
}

.text__opentabs {
    font-size: 11px;
    font-family: "segoeui";
    text-transform: uppercase;
    padding: 10px 14px
}

.contenedor___open-tabs .right-inner-addon {
    padding-top: .8em;
    padding-bottom: .2em
}

.contenedor___open-tabs input {
    font-size: 13px !important;
    padding: 3px 15px 3px 46px !important;
    background: transparent !important;
}

.contenedor__mainList button,
.contenedor__mainList li {
    width: 100%
}

.contenedor__mainList button {
    display: flex
}

.icon-tabs__view {
    width: 45px !important;
    display: flex !important;
    height: 100% !important
}

.text___viewtabs {
    flex: 1 auto;
    text-align: initial;
    display: flex;
    align-items: center;
    width: 100%;
    /*padding-left: 3px*/
}

.icon-tabs__view img {
    margin: auto !important
}

.icon-tabs__view,
.text___viewtabs {
    height: 100%
}

h3.title__viewtabs {
    font-size: 11px;
    font-weight: 400;
    font-family: "segoeuib";
    /*text-transform: uppercase;*/
    width: 100%
}

h3.description__viewtabs {
    font-family: "SEGOEUI";
    font-size: 11px;
    width: 100%;
    margin-top: 3px;
}

.contenedor__mainList li button {
    height: 38px;
    padding: 0 2px;
    margin: 0;
}

.btn-grises {
    margin-left: 3px !important
}

.h-accordion {
    width: 98.1%;
    height: 100%;
    overflow-y: auto;
    overflow-x: inherit
}



.line-before {
    position: absolute;
    left: 0;
    padding-right: 15px;
}


.hoverNone li:hover {
    border-top: none !important;
    border-bottom: none !important;
}

button:focus,
button:active {
    outline: none !important;
    box-shadow: none !important;
}

#ser-1 {
    padding-left: 27px;
}

#flush-heading12 > button {
    box-shadow: none !important;
}

.container__general {
    display: flex;
}



/**Tabs internos*/

.titulo-controls-formule span {
    letter-spacing: 3px
}

h6.titulo-controls-formule img {
    margin-right: 4px
}


h6.titulo-controls-formule span {
    letter-spacing: .15rem;
    font-size: .72rem;
    font-weight: 700
}

h6.titulo-controls-formule {
    display: flex;
    margin-right: 10px
}


/**/

.controls-register {
    display: flex;
    width: 100%;
    right: 0;
    flex-direction: column
}

.content-title {
    width: 100%
}

ul.tabs {
    display: flex;
    align-items: center;
    height: 100%;
    margin-bottom: 0;
    padding: 0;
    list-style: none;
    border-bottom: 1.3px solid #71a3e6
}

.controls-1.op--2 .opti-2 {
    flex: 0 100%;
    justify-content: space-around
}


/**Barra Minimize*/

.line-vertical {
    display: block;
    height: 16px;
    width: 1px;
    margin-left: 7px;
    border-radius: 15%;
}


/***/

.zon1-input {
    height: 21.6px;
    display: flex;
    align-items: center;
    margin-bottom: 4px
}

    .zon1-input input {
        width: 55.8px;
        height: 100%;
        border-radius: 1px;
        padding-left: 4px;
        padding-right: 4px
    }

.w-tabs {
    width: 76% !important
}

.zon1-input-1 {
    position: relative;
}
/*  .zon1-input-1 input,
    .zon1-select select, input.e-control {
        height: 100% !important;
        border-radius: 1px !important;
        padding-left: 4px !important;
        padding-right: 4px !important;
        width: 100%
    }*/

.titulo-regs-2 {
    position: relative;
    display: flex;
    flex-direction: column;
    height: fit-content;
}

    .titulo-regs-2 nav {
        order: 2;
        margin-top: -20px;
    }

    .titulo-regs-2 h2 {
        font-size: 10px;
        font-weight: 100
    }

    .titulo-regs-2 h2 {
        font-size: 10px;
        font-weight: 100;
        padding: 7px;
        border-top: 1px solid #9bb8cf;
        border-right: 1px solid #9bb8cf;
        border-left: 1px solid #9bb8cf;
        margin-right: 0;
        margin-left: 10px;
        border-radius: 2px 2px 0 0
    }

.zona-register {
    padding: 20px 25px;
    height: 67.5vh;
}

.zon-1 {
    display: flex;
    align-items: center
}

.duplicate-1 {
    padding: 0 !important;
}

.h-duplicate {
    height: calc(100% - 165px) !important;
    border-bottom: 1px solid !important
}

.col-9 .h-duplicate {
    margin-top: 12px;
    margin-bottom: 5px;
    overflow: auto
}

.zon1-text h5 {
    font-size: 11px
}

.zon1-text-retencionesr h5 {
    font-size: 11px;
}

.zon1-register,
.zon2-register {
    border-radius: 2px;
    padding: 0 10px 0 14px
}

.group-2 .zon-one {
    width: 84%;
    float: right
}

.zon1-register {
    overflow-y: auto
}

.flx-auto {
    flex: auto;
}

.codigos {
    position: relative;
}

.smallSpace {
    margin-left: 22px
}

.smallSpace1 {
    margin-left: 17px
}


.under-tabs {
    margin-bottom: -2px !important;
    height: inherit !important
}

.zon1-input-1,
.zon1-select {
    height: 21.6px !important;
    margin-bottom: 4px;
    display: flex;
    align-items: center;
    width: 150px
}

div.content___usuarios {
    position: absolute;
    z-index: 1;
    width: 280px;
    height: 100vh;
    float: left;
    top: 0;
    right: 0;
    margin-right: 40px;
    padding-top: 23px;
    padding-left: 4px;
    padding-right: 4px;
}

.dropdown-contenido {
    inset: initial !important;
    transform: initial !important;
    right: 35px !important;
    top: -144px !important;
    padding: 0 !important;
    width: 285px
}

div.content__notify {
    position: relative;
    width: 100%;
    display: grid;
    grid-template-rows: auto auto 1fr;
    grid-row-gap: 3px;
    min-height: 100vh;
    padding-bottom: 3px;
    margin-left: 0 !important;
}

.content__notify .title-search {
    font-size: 11px
}

.content__notify .title-search {
    position: relative;
}



.numero__notifi {
    display: flex;
    align-items: center;
    height: 25px;
    padding: 0 4px
}

    .numero__notifi a {
        margin: auto 0 auto auto;
        font-family: "VERDANA";
        font-size: 11px
    }

    .numero__notifi h6 {
        font-size: 12px;
        font-family: 'segoeuib';
        margin: auto 0 !important
    }

.viewport-li.show {
    width: 285px;
    height: 100%;
    float: right;
    transform: translate3d(0, 0, 0) !important;
    margin-left: auto !important;
    right: 39px !important;
    z-index: initial
}

.dropdown-menu.viewport-li.show {
    width: 285px;
    height: auto
}

.dropdown-menu.viewport-li a:hover,
.dropdown-menu.viewport-li li:hover {
    padding: 4px;
    border-radius: 2px;
}

.users__menu.show {
    position: fixed !important;
    display: grid !important;
    grid-template-rows: 0fr 1fr;
    transform: inherit !important;
    height: 100vh;
    width: 285px;
    inset: initial !important;
    margin-bottom: auto !important;
    margin-left: auto !important;
    right: 39px !important;
    top: 0 !important
}

.users__menu .img {
    height: 30vh;
    position: relative;
    width: 100%
}

    .users__menu .img img {
        width: 100%;
        position: relative;
        height: 100%;
        object-fit: cover;
        object-position: top
    }

    .users__menu .img:before {
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        z-index: 1;
        opacity: .3
    }

.name__users:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 26px;
    right: -12px;
    margin-left: auto;
    transform: skew(32deg);
    top: 0
}

.name__users {
    width: 50%;
    bottom: 0;
    float: right;
    height: 40px;
    padding-left: 12px;
    padding-right: 13px;
    position: relative;
    margin-top: -22px;
    z-index: 1;
    -webkit-transform: skew(20deg);
    -moz-transform: skew(20deg);
    -ms-transform: skew(20deg);
    -o-transform: skew(20deg);
    transform: skew(-33deg);
    border-radius: 2px 0 0 0;
    margin-right: 12px
}

    .name__users label {
        position: absolute;
        letter-spacing: 1px;
        font-family: "TAHOMA";
        top: 0;
        display: flex;
        font-weight: 700;
        justify-content: center;
        text-align: center;
        align-items: center;
        height: 100%;
        width: 100%;
        transform: skew(32deg)
    }

.body__content-users {
    display: flex;
    flex-direction: column;
    padding: 28px 10px 8px;
    margin: 5px
}

h3.title-users {
    font-family: 'seguisb';
    font-size: 14px;
}

.circle-naranje {
    height: 60px !important;
    font-weight: 700;
    width: 60px !important;
    font-size: 13px !important
}

.circle-users {
    font-family: "VERDANA";
    height: 55px;
    font-weight: 100;
    width: 55px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 11px
}

.content-users .row .col-md-4 {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.content-btn-funcional {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: auto;
}

h3.title-users i {
    cursor: pointer
}

label.datos__users {
    font-family: "VERDANA";
    font-size: 13px
}

.filling__date {
    font-size: 12px;
    font-family: "TAHOMA";
}

.content-users {
    padding-bottom: 20px
}

.form-switch .datos__users {
    text-transform: uppercase;
    font-weight: 700
}

button.accordion-button p {
    margin-bottom: 0;
    padding-left: 8px
}

.elipse {
    position: fixed;
    z-index: 9999999;
    height: 100%;
    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center
}

.hidden {
    display: block !important
}

.elipse img {
    opacity: .3;
    width: 12rem;
    position: absolute;
    animation-name: lad;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    animation-delay: 1s
}

@-webkit-keyframes lad {
    0% {
        opacity: .3
    }

    100% {
        opacity: .8
    }
}

.mostrar {
    display: block;
    position: fixed;
    width: 21px;
    left: 5.5px
}

.i-menu-mostrar {
    font-size: 20px;
    margin-top: 12px
}

.tabbedPanels {
    width: 600px;
    margin-top: 25px
}

.panelContainer {
    clear: left;
    margin-bottom: 25px;
    padding: 10px
}

.zona-register-2 {
    height: 100%;
    padding-bottom: 10pc
}

.m-rigth,
.zon1-text {
    align-items: center;
    display: flex;
    margin-bottom: 4px
}

.m-rigth,
.zon1-text-retencionesr {
    align-items: center;
    display: flex;
    margin-bottom: 4px
}

.tabs li {
    float: left;
    width: 75px;
    padding: 0;
    text-align: center
}

.tabs a {
    display: block;
    text-decoration: none;
    font-weight: 700;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px
}

    .tabs a.active {
        font-weight: 700
    }

.avisoModal.show {
    display: flex !important;
    align-items: center;
    justify-content: center
}

.modal-dialog {
    width: 100% !important
}

.btn-avisoModal {
    flex-wrap: inherit !important;
    padding: 0 !important
}

.h__xs {
    height: 100%;
}

.under-2 button {
    margin-bottom: .088rem !important
}



.Top-line {
    width: 100%;
    flex: 1
}

.sac-list-view ul li:last-child span.part-li {
    display: none;
}

span.part-li {
    width: 100%;
    height: 1px;
    background: #e1e1e1;
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    margin: auto;
    margin-bottom: -1px;
}

.h-max-content {
    height: max-content !important
}

.line-h3 img {
    width: 16px !important
}

.widthList {
    width: 370px !important;
    max-width: 700px;
    height: 514px
}

.header-list button {
    font-size: 11px
}

.filtro-busqueda {
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 12px 5px 0 5px;
    border-radius: 3px;
    height: 40px
}

    .filtro-busqueda i {
        margin-right: 10px
    }

    .filtro-busqueda h4 {
        font-size: 12px;
    }

.text-filtro {
    position: absolute;
    top: -10px;
    left: 7px;
    font-size: 11px;
}

.text-filtro2 {
    font-size: 11px !important;
    font-family: "SEGOEUI"
}

.modal-width {
    max-width: 730px;
    width: auto;
    display: grid !important;
    grid-template-rows: auto 1fr
}

.content-view-modals {
    height: 100%;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column
}

.flex-auto-1 {
    flex: 1;
}

input.input-filtro {
    height: 22px;
    font-size: 11px;
    padding: 0 5px;
    max-width: 195px;
    width: 100%;
    flex: 1;
    margin: 1px 14px
}

.text-modal--footer {
    font-size: .7rem;
}

.modal-h95 {
    max-height: 721px;
}


.main-modal-atencion {
    width: 350px;
    height: 450px
}

img.fondo-modal {
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover
}

.main-modal-atencion .modal-body,
.main-modal-atencion .modal-header {
    position: relative;
    z-index: 2
}

img.logo-modal-atencion {
    width: 222px;
    margin-left: 50px
}

.content-body-atencion ul li,
.main-modal-atencion p,
.main-modal-atencion strong {
    font-family: "TAHOMA"
}

.main-modal-atencion strong {
    font-size: 16px
}

.main-modal-atencion p {
    margin-top: 6px;
    font-size: 15px;
    line-height: 16.41px
}

span.span-email strong {
    font-size: 14px
}

.content-body-atencion {
    margin-top: auto;
    text-align: center
}

    .content-body-atencion img {
        height: 60px
    }

.text-align-justify {
    text-align: justify
}

.content-body-atencion ul li {
    list-style: disc
}

.btn-whatsapp img {
    height: 100%;
    margin-right: 12px
}

.btn-whatsapp {
    height: 60px;
    padding: 5px;
    width: auto;
    border-radius: 5px;
    font-weight: 700
}

.btn-aceptar-modal {
    width: auto;
    height: auto;
    font-family: "TAHOMA";
    font-size: 20px;
    border-radius: 15px;
    padding: 4px 40px;
    box-shadow: 0 0 3px 0 #919191
}

.grid-three {
    display: grid;
    grid-template-rows: auto 1fr auto;
}

.modal-custom-list {
    display: flex;
    flex-direction: column;
    row-gap: 5px
}


    .modal-custom-list .modal-body {
        flex: 1;
        height: 100%;
        width: 100%;
        overflow: hidden;
    }

.sac-list-view {
    overflow: auto;
}

.box-quickButton-rigth .sac-list-view ul li {
    padding: 0;
}

.modal-custom-list .body-dlgListarGeneral {
    height: 100%;
    overflow: auto
}

.modal-custom-list .body-dlgListQuery {
    height: 100%;
    overflow: auto
}

.modal-body.body-dlgListarGeneral > div.k-grid.telerik-blazor {
    height: 100% !important;
    display: flex;
    grid-template-rows: auto auto 1fr
}

.modal-body.body-dlgListQuery > div.k-grid.telerik-blazor {
    height: 92% !important;
    display: flex;
    grid-template-rows: auto auto 1fr
}

div.modal.show {
    display: flex !important;
    align-items: center;
    justify-content: center;
    overflow: hidden !important
}

.widthModal {
    width: 372px !important;
    height: auto
}

.widthModalImpRoles {
    max-width: 600px !important;
    height: auto
}

.widthModal-meses {
    width: 326px !important;
    height: auto
}

.modal-footer-list {
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0 !important
}

.modal-dialog {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 100% !important;
    height: 100%
}

h6.btn-list {
    padding: 2px !important;
    cursor: pointer;
    width: 25px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    margin-left: 45px !important;
}

.ul-menu {
    width: 350px;
    height: 100%;
    opacity: 1
}

.custom-zon1 input {
    width: 67px
}

.flexBody {
    display: flex;
    padding: 9.5px !important
}

.btnRigth {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    flex: 1;
}

.modal-body .ContectImprimir ~ .btnRigth {
    flex: inherit;
}

.btnRigth button img {
    margin-right: 13px;
}

.flexBtn {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.widthsearch {
    width: 400px !important;
    display: grid !important;
    grid-template-rows: auto 1fr;
    height: 220px
}

.ContectImprimir {
    height: 100%;
    overflow: auto;
}

.listContent > .ContectImprimir:first-child {
    height: 128px;
}

.ContectImprimir {
    width: 219px;
    padding-right: 3px
}

.content-meses {
    width: 198px;
    padding-right: 3px
}

.listContent {
    margin-right: 6px
}

#dropdownMenuButton1 {
    padding: 0 5px 0 0
}

.dropdown-menu {
    border-radius: inherit !important
}

.iconLi img {
    width: 18px;
    margin-right: 2px;
}

.iconLi {
    font-family: "seguisb";
    padding: 4px 6px !important;
    font-size: 11px;
    position: relative
}

    .iconLi:active {
        color: #1d1a1a !important
    }


.beforeLi:before {
    width: 93%;
    content: "";
    position: absolute;
    top: 0;
    height: .1px;
    right: 0
}

.mainContentSeacrh {
    height: 9rem;
    padding-top: 20px;
    padding-left: 8px;
    margin: 0;
    position: relative;
    z-index: 1;
}

    .mainContentSeacrh .zon1-text {
        flex: 0 96px
    }

.button-modal {
    display: flex;
    justify-content: flex-end
}

button.BtnTop {
    display: flex;
    align-items: center;
    padding: 5px 5px;
    border-bottom: 0;
    border-radius: 3px 3px 1px 0;
    margin-left: 27px;
    font-size: 13px;
    font-weight: 700;
    position: relative;
    z-index: 2;
    margin-bottom: -1px;
    height: 35px
}

.heigthBtn {
    padding-top: 8px
}

.width-Input input {
    width: 100px
}

.btn-BusqPais {
    width: 105px;
    font-size: 12px;
    /* font-weight: 700;*/
}

#BusquedaPais > div > div > div.modal-body {
    padding: 5px 15px
}

div#btn-search {
    width: 350px;
    float: right;
    margin-right: 30px;
    height: 100vh;
    padding: 25px 5px 5px 5px;
    position: absolute;
    top: 0;
    right: 0
}

.form-control:focus {
    box-shadow: none !important
}

.form-control-feedback {
    position: absolute;
    right: 0;
    margin-right: 21px;
    top: 10px
}

.right-inner-addon {
    position: relative
}

    .right-inner-addon input {
        padding-right: 35px;
        padding-left: 8px
    }

    .right-inner-addon i {
        position: absolute;
        right: 0;
        padding: 5px 15px;
        pointer-events: none;
    }

.nav-link {
    /*font-family: "segoeui";
    padding: 3px 5px 3px 3px !important;
    font-size: 11px !important;*/
    /*text-transform: capitalize;*/
    /*letter-spacing: .5px*/
}

.filtro-busqueda {
    padding: 10px 0
}

.opt-inventario {
    cursor: pointer
}

.widthCerrar {
    width: 400px !important
}

#buscar-paises {
    flex: 1;
    display: grid;
    grid-template-rows: auto 1fr
}

.content-navButton button {
    height: 34px !important
}

img.icons-search {
    margin-right: 10px
}

.dropdown-menu {
    z-index: 1 !important
}

span.fa.fa-search.form-control-feedback {
    margin-top: -1px
}

.transform__close {
    transform: translate(-291px, -219px) !important
}

.funtion-only-frm {
    display: none;
    height: auto;
}

    .funtion-only-frm.position-absolute {
        width: 80%;
        right: 0;
        height: 100% !important;
        border-radius: 2px;
        overflow: hidden;
        top: 0;
        padding: 3px;
    }

.fade:not(.show) {
    opacity: 0;
    display: none !important
}

.w__tipo {
    display: grid;
    width: 47%;
    grid-template-columns: 0fr 1fr
}

.zonEspace {
    display: flex;
    align-items: center
}

.settings {
    width: 100%;
    margin: 0
}

.spaceText1 {
    flex: 0 85px
}



.contentSpace {
    width: 100%
}

.cam-ext {
    flex: 0 210px
}

.flexEspace {
    display: flex;
    flex-direction: column;
    text-align: initial;
    align-items: baseline
}

.group-1,
.group-2,
.group-3 {
    width: 100%;
    display: flex
}

.group-1 {
    width: auto
}

.mun-R {
    padding-left: 40px
}

.mun-L {
    padding-right: 10px
}

.group-2 {
    flex-direction: column
}

.groupLeft {
    width: 47%
}

.input__form input {
    margin-left: 0 !important
}



.groupRigth {
    width: 62%;
    padding-left: 20px;
    margin-left: auto
}

.r-spaceText-1 {
    flex: 0 92px
}

.padLados {
    padding: 0 10px 0 14px
}

.w-custom {
    width: 69%;
    float: right
}

.w-grid-column {
    display: grid;
    grid-template-columns: 96px 1fr
}

.secrigth {
    display: flex;
    justify-content: space-between;
    align-items: center
}

    .secrigth .zon-1.embrace-date {
        width: 262px;
    }

.wInput-date {
    width: 110px;
    /*width: fit-content;*/
    min-width: 82px;
}

.class-tabs {
    display: flex;
    height: 100%;
    gap: 5px;
    flex-wrap: wrap;
}



.h5-custom,
.h5-custom1 {
    font-size: 11px
}

.h5-custom1 {
    margin-bottom: 4px !important
}

/* .comprobanteBottom button:hover {
    border-bottom: 1px solid #e8f0fa!important
} */

.spaceText2 {
    flex: 0 50px !important;
    margin-left: 21px
}

.spaceText1 {
    padding-left: 11px
}

#tabs-ciudad1 > div.codigos.space > div > div:nth-child(2) > div.zon1-input.custom-zon1 input {
    width: 88px
}

#tabs-ciudad1 > div.codigos.space > div > div:nth-child(2) > div.zon1-input.custom-zon1 {
    margin-left: 10px
}

.w-px {
    width: 124.8px !important;
    float: left
}

.flexZon1 {
    display: flex
}

.tabs-funcional {
    width: 100%;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    flex: 1;
}

.left-Bottom {
    display: flex;
    flex-direction: column;
    width: 44%;
}

input.inputZon1 {
    width: 38px
}

input.inputZon2 {
    width: 182px;
    margin-left: 10px
}

.inputSpecial {
    width: 100%
}



/*.text__black {
    font-size: 11px;
    font-family: "segoeui" !important
}*/

div#myTabContent {
    height: 100%;
    max-height: 16.7em;
    border-top: none;
    padding: 4px;
    overflow-y: auto;
    overflow-x: hidden
}

.inputleft1 {
    display: flex;
    height: 100%
}

.nav-link img,
.iconsImg-tab {
    width: 17px !important
}

.iconsImg-tab {
    margin-right: -2px !important;
}

li.dropdown-item a {
    display: -webkit-box
}

.h3-tab {
    font-family: segoeuib;
    font-size: 11px;
    margin-left: 5px;
}

.nav-link.active .h3-tab {
    font-family: segoeuib;
}

#myTab li.nav-item button i,
.tab-universal li.nav-item button i {
    margin-right: 6px
}



.col-3.colRwv-100 {
    padding-left: 3px;
    display: flex;
    flex-direction: column;
}

.master-border td {
    border-left: 1px solid;
    border-right: 1px solid;
}

tr.master-border td tr td:nth-child(1) {
    border-left: 0 !important
}

tr.master-border td tr td {
    border-bottom: 0 !important
}

.master-border input {
    text-align: end
}

table.smallTable tr td {
    display: flex;
    justify-content: flex-end
}

.smallTable {
    width: 85%;
    float: right
}

.img-article {
    float: right;
    width: 62%
}

.button {
    display: flex
}



.NewZon1-input {
    width: 100%;
    height: 21.6px;
    display: flex;
    align-items: center;
    margin-bottom: 4px;
    justify-content: space-between
}



.div-2 {
    display: grid;
    grid-template-rows: 1fr;
    height: 100%;
    flex: 1;
    width: 100%;
    gap: 3px;
}

.h__max {
    height: 100%
}

.rowTabs {
    display: flex !important;
    height: 100%
}

video {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    object-fit: cover
}

.formLogin {
    position: relative;
    width: 100%;
    height: 100vh;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    gap: 30px;
    overflow: auto;
    flex-wrap: wrap;
}

.mainLogo {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center
}

.mainLogin {
    display: grid;
    grid-template-rows: auto 1fr;
    min-height: 520px;
    height: auto;
    border-radius: 4px;
    padding: 13px;
    padding-top: 35px;
    width: 420px;
    background: #f7f8fac7;
    border: 1px solid #acacac;
    box-shadow: 0 0 15px 0 #a2bdd8;
}

.mainLogo img {
    width: 150px
}

.label__login {
    font-size: 16px;
    margin-top: 30px;
    margin-bottom: 30px !important;
    position: relative;
    padding-bottom: 21px;
    text-align: center;
    font-family: "VERDANA";
    color: #45779f;
}

    .label__login:after {
        content: "";
        position: absolute;
        width: 10px;
        height: 10px;
        bottom: 0;
        margin-bottom: -4px !important;
        left: 0;
        right: 0;
        background: #7a7a7a;
        margin-left: auto;
        margin-right: auto;
        transform: rotate(45deg)
    }

.formLogin .mainLogin ~ .filBtn1.mt-auto {
    width: 100%;
    justify-content: center;
}

.main-dat {
    border: 0.1px solid #83a8d9;
    border-radius: 2px;
}

.nav-dat.active {
    border-bottom: 2px solid #5f92c7;
}

.dat-opt {
    display: flex;
    justify-content: space-between;
    margin-bottom: -16px !important;
    margin: 0 7px;
    padding: 0 10px;
    background: #e8f0f9;
    position: relative;
}

    .dat-opt div,
    .dat-opt label {
        color: #959595;
        cursor: pointer;
    }

.nav-dat.active i {
    color: #fa9500;
}

.nav-dat.active label {
    color: #434343;
}

.cl-500 {
    color: #fa9500;
}

.bg-cbc {
    background-color: #bcbcbc;
}

.bg-1e9 {
    background: #dce1e9;
}

/*#region tabs emitiendo cuentas*/
.dat-pag {
    border-radius: 3px;
    padding: 15px 0px;
    text-align: center;
    background: #ffffff99;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #5f92c773;
    transition: 400ms ease all;
    cursor: pointer;
    flex: 1;
    max-width: 49.47%;
}

.dat-pag-contable {
    border-radius: 3px;
    padding: 15px 0px;
    text-align: center;
    background: #ffffff99;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #5f92c773;
    transition: 400ms ease all;
    cursor: pointer;
    flex: 1;
    max-width: 49.47%;
}

.d-grid.gap-2 .dat-pag {
    max-width: 100%;
}

.dat-pag:nth-child(-n+3) {
    min-width: 122px;
}

.dat-pag:hover {
    transform: translateY(2px);
}

.dat-pag.active-pag {
    background: #d4e7ff;
    box-shadow: 0 2px 7px -4px #434343;
}

    .dat-pag.active-pag .bg-1e9 {
        background: #f1f1f1;
    }

    .dat-pag.active-pag:hover {
        background: #e6f1ff;
    }

.dat-pag:hover {
    background: #f4f4f4;
}

.dat-pag h4 {
    color: #004998;
    font-family: 'VERDANA';
}

.dat-pag h5 {
    color: #484848;
    font-size: 25px;
    margin-bottom: 20px;
    font-family: 'seguisb';
}

#payment-method-company .dat-pag:hover {
    transform: none;
    box-shadow: 0 0 3px #a6a6a6;
}

.text-credit i {
    color: #2196f3;
    font-size: 30px;
}

.cursor-p {
    cursor: pointer !important;
}

.label__login:before {
    content: "";
    position: absolute;
    width: 64%;
    height: 1px;
    bottom: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    background: #b6b6b6;
}

.input-politica {
    height: 15px;
    width: 15px;
    display: block;
    padding: 5px;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

span.see__pass {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    margin-right: 15px;
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    z-index: 3
}
.i-abs {
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: max-content;
    z-index: 999;
    cursor: pointer;
}

    .i-abs:hover {
        opacity: .8;
    }

.btnForm {
    display: flex;
    justify-content: space-between
}

    .btnForm .fillBtn2 {
        margin: auto;
    }

.fa-eye-slash {
    text-shadow: rgb(0 142 255) 0px 0px 1px;
    color: #545454;
}

.filBtn1 {
    display: grid;
    grid-row-gap: 15px
}

    .filBtn1 strong {
        font-size: 15px;
        font-family: "TAHOMA";
        letter-spacing: .5px
    }

.linkBtn {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

    .linkBtn a.return-btn:hover {
        transition: .3s
    }

    .linkBtn a {
        text-decoration: none;
        font-size: 16px;
        margin-bottom: 5px;
        font-family: "TAHOMA";
        letter-spacing: .2px;
        cursor: pointer;
    }

        .linkBtn a span {
            color: #4a4a4a;
        }

        .linkBtn a i {
            margin-right: 4px;
            padding-right: 4px
        }

.mainform .input-group {
    width: 100%;
    height: 49px;
    margin-bottom: 21px
}

.fillBtn2 button.btn-primary {
    width: 125px;
    height: 49px;
    font-family: "TAHOMA" !important;
    font-size: 22px;
    border-radius: 3px !important
}


.menuImprimir {
    width: 343px;
    padding-left: 5px;
    padding-right: 5px;
    height: 100vh;
    box-shadow: -5px 0 14px
}

    .menuImprimir .logo {
        text-align: end;
        justify-content: end;
        align-items: end;
        display: flex;
        flex-direction: column
    }

.textPrincipal {
    font-size: 12px;
    font-weight: 400;
    padding-bottom: 5px;
    padding-top: 5px;
    text-transform: uppercase;
    text-align: initial
}

.inputMain-imprimir {
    width: 100%;
    padding-top: 10px
}

    .inputMain-imprimir h5 {
        text-align: initial
    }

    .inputMain-imprimir .zon1-input-1 {
        width: 67%
    }

.btnEnviar {
    text-align: -webkit-right
}

.mainReportes {
    padding-top: 10px;
    width: 100%
}

    .mainReportes ul {
        width: 100%;
        height: calc(100vh - 355px)
    }

ul.custom-li-1 li {
    margin-top: 0 !important;
    padding-top: 1px
}

.smallBtn-custom {
    width: 4.4em;
    height: 2.5em;
    margin-top: 10px !important;
    justify-content: center
}

    .smallBtn-custom img {
        margin: 0 !important
    }

.ContectImprimir ul li {
    padding-left: 7px
}

.mainReportes ul li {
    padding-left: 17px
}

.ContectImprimir ul li,
.mainReportes ul li {
    font-size: .688rem;
    text-align: left;
    cursor: pointer;
    margin-top: 5px;
    font-family: "verdana"
}

.ContectImprimir h3 {
    font-family: "verdana"
}

.modal-body .ContectImprimir ~ .flexBtn button {
    width: 50%;
    margin-left: 0;
}

.modal-body .ContectImprimir ~ .flexBtn {
    gap: 7px;
}

.mainReportes h6 {
    padding-bottom: 10px
}


.w-10 {
    width: auto;
    flex: 0 auto
}

.fl-wrap {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.w-column-3 {
    display: flex;
    width: 100%;
    justify-content: space-between;
    gap: 2em;
}

.embrace-date .zon1-input {
    max-width: 110px;
    width: 100%;
}

.embrace-date div div:first-child {
    display: flex;
    width: 100%;
    height: 100%;
}

.embrace-date .k-dateinput {
    flex: 1;
    width: 100% !important;
}

    .embrace-date .k-dateinput div:first-child {
        width: 100%;
    }

    .embrace-date .k-dateinput input {
        width: 100%;
    }

.embrace-vendors {
    display: grid;
    grid-template-columns: auto 1fr auto
}

    .embrace-vendors .zon-1.ms-1 {
        display: grid;
        grid-template-columns: 53px auto
    }

    .embrace-vendors .zon1-input {
        max-width: 40px
    }

.flex {
    display: flex
}

.input-selects {
    width: -webkit-fill-available
}

.w-104 input,
.w-89 input,
.w-wee input {
    width: 100%
}

.flex.zon-1.w-100 {
    justify-content: space-between
}

.nav-tabs ul {
    position: relative;
    white-space: nowrap;
}


.h-85 {
    height: calc(100vh - 520px);
    border-top: 0 !important;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
    padding-right: 4px;
    overflow-y: auto;
    overflow-x: hidden;
    border-radius: 0 !important;
}

.m-top {
    margin-top: 3px
}

.tab-total {
    height: 145px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
    padding-right: 4px;
    width: 100%
}

#v-pills-tab {
    height: 100%;
}


.table th {
    font-weight: normal;
    padding-bottom: 4px !important;
    letter-spacing: .2px
}

.table td {
    font-weight: normal;
    padding-bottom: 4px !important
}

h3.Text-T {
    font-family: "segoeuib";
    font-weight: normal;
    font-size: 11px;
    padding-bottom: 4px !important
}

h5.Text-T {
    font-family: "segoeuib";
    font-weight: normal;
    font-size: 11px;
    /*padding-bottom: 4px;*/
}

.w-35 .right {
    width: 65%
}

.right {
    height: 100%;
    float: right;
}

h3.Text-T.text-font {
    font-size: 19px !important;
    padding-bottom: 0 !important;
}

h5.Text-T.text-font {
    font-size: 17px !important;
    padding-bottom: 0 !important;
}

h6.h5-custom {
    width: 35px;
}


.lineTop-total,
.totalLine {
    position: relative;
    height: 18.6px;
    margin-bottom: 4px
}

.flex.totalLine:before {
    width: 100%;
    bottom: 0
}

.lineTop-total:before {
    right: 0;
    top: 0;
    width: 30%
}

.lineTop-total {
    padding-top: 5px
}

    .flex.totalLine:before,
    .lineTop-total:before {
        height: 2px;
        content: "";
        position: absolute
    }

.f-6 {
    font-size: .8rem
}

.overflow {
    overflow-y: hidden !important;
    overflow-x: hidden !important
}

h3.black {
    text-align: center;
    font-size: .85em;
    margin-top: 4px;
    margin-bottom: 4px !important
}

.blackText {
    font-weight: normal;
    font-size: 11px;
    margin-bottom: 5px !important
}



.bodyCustom {
    padding: 0 !important
}

.iconsAcordion::after {
    content: none
}

.bodyCustom {
    height: auto !important;
}

.bloq {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.wCacl {
    flex: 1;
}

.iconOpen {
    padding: 8px;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-right: 15px
}

    .iconOpen i {
        font-size: 15px
    }


.train {
    cursor: pointer;
    transition: left 5s cubic-bezier(0, .5, .5, 1);
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: end
}

.pxCustom {
    padding: 13px 25px 13px 25px
}

/*Padiign para modales de cartera*/
.pxModales-Cartera {
    padding: 3px 25px 3px 25px
}

.bs-modales {
    border-radius: 0
}

.bs-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: "segoeuib";
    font-weight: normal;
    padding: 5px 8px;
}

    .bs-header p {
        margin: 0;
    }

    .bs-header button {
        font-size: 10px;
        cursor: pointer !important;
        z-index: 2;
        position: relative
    }

.bs-footer {
    padding: 10.5px 15px;
    display: flex;
    justify-content: flex-end;
    width: 100%;
    border-left: 1px;
    border-right: 1px
}

.bs-btn {
    font-size: 11px;
    padding: 3px 17px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

    .bs-btn:hover {
        cursor: pointer;
        font-weight: 700
    }

.modal-body .w-auto {
    display: flex
}

img.icon-bs {
    width: 30px;
    margin-right: 10px
}

.bs-parrafo {
    margin-bottom: auto;
    margin-top: auto
}

.bs-text {
    font-size: 10px;
    margin-bottom: 0 !important
}

.nav-exportanciones {
    height: 100% !important;
}

.icon-firts {
    position: relative;
    width: 40px !important;
    height: 30px !important;
}

.iconsfirts-tab {
    width: 20px;
    margin: auto;
    padding: 2.5px 0
}

.icons-fondo {
    height: 100%;
    width: 100%;
    font-size: 17px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 13px;
    cursor: pointer
}

.firts-subicons {
    display: flex;
    flex: 1;
    border-top: 0 !important;
    white-space: nowrap;
    max-height: 34px
}

.icon-firts.i-active ~ .firts-subicons .iconsfirts-tab {
    margin: auto 5px;
}

.firts-subicons.active:hover,
.firts-subicons:hover {
    cursor: pointer
}

.firts-subicons span {
    font-size: 12px;
    font-family: 'seguisb';
    margin: auto 2px;
    width: max-content;
}


.border-tabs {
    border-top: none;
    border-left: none;
    padding: 0
}

.w-email1 {
    min-width: 43.4% !important;
    left: 0;
    margin-right: auto;
}

.w-mail-2 {
    width: 56.6% !important;
    position: relative;
    border-radius: 3px;
    margin-top: 6px;
    padding-left: 6px;
    margin-left: 10px
}

span.text-mail2 {
    position: absolute;
    top: 0;
    font-size: 11px;
    margin-top: -11px;
    margin-left: 1px;
    padding-left: 4px;
    padding-right: 4px;
    font-family: "segoeuib" !important;
}

div#email {
    border-top: none;
    border-left: none;
    padding-right: 3px;
    padding-bottom: 3px
}

.px-custom {
    padding: 0 2px 3px 2px !important
}

.Ncomprobante1 {
    width: 46.4%
}

.Ncomprobante2 {
    width: 48.6%;
    margin-left: auto
}

.flex-92 .h5-custom {
    margin-bottom: auto !important;
    margin-top: auto
}

.arros-toolbar {
    width: 25px;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 25px
}

.x-3 {
    display: block !important
}

.viewport-li {
    display: flex
}

.tab-pane .row {
    margin-left: 0 !important
}

.h-mayor {
    flex: 1;
    padding: 8px 3px 4px 3px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.flex-mayor {
    height: 100%
}

.sec-1 {
    height: 100%;
}

.text-sect {
    width: 100%;
    height: 18px;
    border-top: none;
}

    .text-sect h2 {
        height: 100%;
        display: flex;
        align-items: center;
        font-size: 10px;
        font-family: "VERDANA";
        padding: 0 8px;
        padding-bottom: 1px
    }

.flex-50 {
    flex: 0 50px
}

.w-mayor {
    display: grid;
    overflow: auto;
    /*width: 223px;*/
    grid-template-rows: 199px 313px 1fr;
    grid-row-gap: 4px;
    margin-left: 4px
}

.padd-sec {
    padding: 8px 10px;
    width: 100%;
    overflow: auto;
}

.tab-htalento {
    height: 22.6em;
    border-bottom: 1px solid #6e99d2;
    border-left: 1px solid #6e99d2;
    border-right: 1px solid #6e99d2
}

.tabs-secundTalent {
    height: 14em;
    border-bottom: 1px solid #6e99d2;
    border-left: 1px solid #6e99d2;
    border-right: 1px solid #6e99d2
}

.p-tab1 {
    padding: 10px 1.67em 10px 23px
}

.p-tab2 {
    padding: 0 13px;
    height: 100%
}

.p-content1 {
    padding: 0 0.8em 0 1.46em
}

.grey-content input {
    height: 13px;
    width: 13px;
    border-radius: 0 !important;
    margin-left: 15px !important;
    margin-right: 1px
}

.grey-content span {
    font-size: 10px;
    font-family: "VERDANA";
}


.w-seguridad-rigth {
    width: 25.3em
}

.w-seguridad-left {
    width: 47%
}

.mb-8 {
    margin-bottom: 8px;
}

.mbb-1 {
    margin-bottom: 2px
}

.mb-11 {
    margin-bottom: 11px
}

.mf-58 {
    margin-left: 57px
}

.w2-thead {
    margin-right: 2.1em
}

tbody.w2-tbody {
    width: 14.2em;
    position: relative
}

.w2-tbody tr {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

tbody.w2-tbody td {
    width: 6.27em
}

    tbody.w2-tbody td input {
        width: 7.5em !important
    }

.rigth2 {
    width: 16.1em
}

.icons__none2 {
    display: none
}

.gr___tal-h {
    margin-right: 14px !important
}

.w__mayor-1 {
    width: calc(100% - 100px);
}

.mod__talH-row {
    flex-wrap: wrap;
    width: 100%
}

.init__r {
    margin-left: .5rem
}

.date__notfy {
    font-family: "TAHOMA";
    padding: 4px;
    font-size: .85rem
}

.content__notify-new h3 {
    font-family: 'segoeuib';
    font-size: .84rem;
    padding: 0 4px
}

.content__notify-new h4 {
    font-size: 12px;
    font-family: "SEGOEUI";
    padding: 0 4px
}

h6.hour__notify {
    font-size: 12px;
    font-family: "TAHOMA";
    padding: 4px
}

a.link__vermas-content {
    font-family: "TAHOMA";
    padding: 0 4px;
    font-size: .85rem
}

.content__notify-row {
    height: 100%;
    width: 98%;
    margin: auto
}

.content__notify-new {
    padding: 5px 0
}

.class__button {
    border-radius: 3px;
    padding: 0 10px;
    float: right;
    margin-left: 4px;
    width: auto;
    transition: .3s
}

    .class__button:hover {
        transform: scale(.99)
    }

.grid__plan {
    grid-template-rows: 46.4vh 20.87vh;
    grid-gap: 5px
}

.button__plan {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 30px auto;
    margin-left: auto
}

.btn__principal {
    display: flex;
    align-items: center;
    height: 30px;
    padding: 1px 10px;
    border-radius: 3px;
    width: 115px
}

    .btn__principal i {
        font-size: 20px;
        margin-right: 5px;
        align-items: center
    }

    .btn__principal h6 {
        font-size: 13px;
        font-family: "SEGOEUI"
    }

.text_concidencia {
    font-size: 11px;
    font-family: "seguisb"
}

.button__excel button {
    font-family: "VERDANA";
    font-size: 11px
}

.text__excel {
    padding: 5px 2px;
    margin-top: 5px;
}

    .text__excel h2 {
        font-size: 11px;
        font-family: "VERDANA"
    }

.mg-s5 {
    margin-left: var(--ms-5-space)
}

.h_modalGrilla {
    height: 26.0vh
}

.my-11 {
    margin: 11px 0 !important
}

.body-w36 {
    max-width: var(--width-bodyTab);
    width: 100%;
}


.p-config {
    padding: 10px
}

#listadoFrmCiudades {
    position: relative
}

.grilla .alerta__loading {
    width: 100% !important;
    margin-bottom: 0 !important;
    height: 20px !important
}

.alerta__loading {
    position: absolute;
    height: 28px;
    display: flex;
    align-items: center;
    padding: 0 5px;
    z-index: 3;
    bottom: 0;
    width: calc(100% - 150px);
    right: 0;
    margin-bottom: 1px;
    z-index: auto;
}

    .alerta__loading h2 {
        font-size: 11px;
        font-family: "VERDANA";
        margin-left: 5px;
    }

.loader {
    border-radius: 50%;
    height: 12px;
    width: 12px;
    border: 2px solid #f3f3f3;
    border-top: 3px solid #3498db;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}



.w_large-modal {
    width: 100%;
    max-width: 1119px !important;
    display: grid !important;
    grid-template-rows: 1fr 59.5vh auto
}

.modal-content.widthList {
    flex-direction: column
}

.mt-21 {
    margin-top: 21px
}

.mt-15 {
    margin-top: 15px
}

.mt-25 {
    margin-top: 25px;
}

.mt-28 {
    margin-top: 28px;
}

.def__border {
    border-top: none;
    padding: 4px
}

.displayTemplate {
    grid-template-rows: var(--rowGrid-template-auto1fr)
}

.frame-border {
    padding-top: 8px;
    padding-bottom: 2px;
    padding-right: 27px
}

.h-conf {
    max-height: 582px
}

.bodyE_left {
    width: 36.5em
}

.bodyERigth {
    display: grid;
    grid-template-rows: auto 1fr;
    padding-bottom: 1px;
    padding-top: 25px;
    grid-row-gap: 7px;
    padding-left: 18px;
    min-height: 200px;
}

.body-emprsaEmisora {
    width: 59.5em;
    display: flex;
    justify-content: space-between;
    max-height: 390px;
}

.cuadro__unico {
    height: 100%;
    width: 100%;
}

.w__datsCuenta {
    height: 660px;
    display: grid;
    grid-template-rows: auto auto
}

.dat__left {
    margin-top: 8px;
    padding-right: 14px;
    width: 530px
}

.dat__rigth {
    width: 276px;
    grid-template-rows: auto 1fr auto;
    grid-row-gap: 8px;
    margin-top: -28px
}



.h__kardex {
    position: relative;
    display: grid;
    /*width: 235px;*/
    margin-left: 4px;
    height: 100%;
    grid-template-rows: 299px 316px auto;
    grid-row-gap: 4px;
    overflow-y: auto
}

    .h__kardex .sec-1 {
        width: 100%
    }

        .h__kardex .sec-1 .padd-sec,
        .padd-sec-2 {
            padding-right: 22px
        }

.flex-kardex {
    position: relative;
    display: flex;
    justify-content: space-between;
    height: 100%;
    flex: 1;
    overflow: hidden
}

.permisosGrid {
    display: grid;
    grid-template-columns: 130px 1fr;
    height: 100%
}

.Permisostabs2 {
    display: grid;
    grid-template-rows: auto 1fr;
    height: 100%
}

.grillasMultiples {
    display: flex;
    height: 100%
}

    .grillasMultiples .grillaTwo {
        overflow: auto;
        width: 266px;
        display: grid;
        grid-template-rows: auto auto;
        margin-left: 4px
    }

    .grillasMultiples .grilla h3 {
        font-size: 10px
    }

.group__radio {
    padding-left: 22px;
    width: 550px;
    justify-content: space-between;
    padding-top: 2px;
    padding-bottom: 2px
}

.w__cajaborder {
    max-width: 660px;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.style__btnModal {
    height: 36px
}

    .style__btnModal img {
        width: 25px;
        margin-right: 5px
    }

    .style__btnModal button {
        font-size: 12px;
        font-family: 'segoeuib'
    }

.box__checkContainer {
    width: 750px;
    padding-right: 21px
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.panel__notificacion {
    height: calc(100vh - 55px);
    display: grid;
    grid-template-rows: auto 1fr
}

.content__panel {
    display: grid;
    grid-template-columns: 400px 1fr;
    height: calc(100vh - 139px);
    position: relative;
    grid-column-gap: 15px
}

.panel__entrada,
.panel__salida {
    height: 100%
}

.panel__header {
    padding: 0;
    display: grid;
    grid-template-columns: 400px 1fr;
    position: relative;
    grid-column-gap: 15px;
}

    .panel__header input {
        border-radius: 10px !important;
        height: 30px;
        width: 88%;
        margin: auto;
        padding-right: 10px;
        padding-left: 35px
    }

    .panel__header i {
        right: inherit;
        padding: 5px 15px;
        margin-left: 20px
    }

    .panel__header .right-inner-addon {
        height: 85px;
        display: flex;
        align-items: center;
        width: 100%;
        border-right: 2px solid #a7a7a7
    }

.d-flex.message-new {
    justify-content: space-between;
    margin-bottom: 6px
}

.message-new h2 {
    font-size: 15px;
    font-family: "VERDANA";
    font-weight: 700
}

.d-flex.message-new span {
    font-family: "VERDANA";
    font-size: 13px
}

.message-viewed {
    justify-content: space-between
}

    .message-viewed span {
        font-family: "VERDANA";
        font-size: 13px
    }

    .message-viewed h2 {
        font-size: 15px;
        font-family: "VERDANA"
    }

.panel__entrada li {
    padding: 15px 10px;
    cursor: pointer
}


.panel__notificaciones {
    display: flex
}

.content-principal {
    display: block;
    display: -webkit-box;
    max-width: 100%;
    height: 28px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 1;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.panel__notificaciones span {
    display: flex;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center
}

    .panel__notificaciones span.circle {
        height: 15px;
        width: 15px;
        font-size: 12px;
        display: block;
        border-radius: 50%
    }

.panel__salida {
    padding: 40px 0;
    padding-right: 15px;
    overflow: auto
}

    .panel__salida h4 {
        font-size: 2rem;
        font-family: "TAHOMA";
        font-weight: 700;
        margin-bottom: 1.5rem !important
    }

    .panel__salida span {
        font-size: 1rem;
        font-family: "TAHOMA"
    }

    .panel__salida .clearfix {
        margin-top: 2rem
    }

.clearfix img {
    width: 400px;
    margin-right: 30px;
    margin-bottom: 30px !important;
    margin-left: 0 !important
}

.vacio {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.opciones__rating.calificar {
    display: flex;
    flex: 1 auto
}

    .opciones__rating.calificar .rating {
        flex: 1 auto;
        width: auto !important
    }

.opciones__rating.calificar {
    display: flex;
    width: auto
}

    .opciones__rating.calificar h3 {
        font-size: 16px;
        font-weight: 700;
        font-family: "VERDANA"
    }

.calificar span {
    font-size: 2rem !important
}

.i-lke {
    margin-right: 15px
}

    .i-lke h3 {
        font-size: 13px;
        font-family: "VERDANA"
    }

    .i-lke .d-flex {
        justify-content: center;
        margin-top: 10px !important;
        margin: auto;
        width: 90px
    }

        .i-lke .d-flex i {
            font-size: 21px;
            cursor: pointer
        }

.content-iconsAbs {
    position: absolute;
    right: 0;
    top: 0;
    height: 18.6px;
    bottom: 0;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center
}

img.abs-input {
    padding: 2px 6px;
    border-radius: 3px;
    height: 100%;
    cursor: pointer
}

.label-60 {
    flex: 0 60px;
    width: 60px;
    align-items: center;
    display: flex;
    margin-bottom: 4px
}

.content-control-left {
    flex: 1 auto;
    grid-template-rows: 1fr auto 174px
}

.content__prin-sopport {
    display: flex
}

#tabs-sistemaInstalados {
    width: calc(100% - 465px)
}

div#servicioResumen {
    display: grid;
    grid-template-rows: 1fr auto;
    width: 350px
}

div#servicioHistorial {
    flex: 1 auto;
    margin-left: 10px;
    display: grid;
    grid-template-rows: auto 1fr
}

.right-02 {
    width: auto;
    display: grid;
    grid-template-rows: 0fr 1fr
}

div#tabs-sistemaInstalados {
    height: 100%;
    display: grid;
    grid-template-rows: auto 1fr
}

#tabs-sistemaInstalados > div:nth-child(1) {
    height: 100% !important
}

.d-gridtabsTodo {
    display: grid;
    grid-template-rows: auto 1fr auto 1fr auto;
    height: 100%
}

.d-gridmodal {
    display: grid;
    grid-template-rows: auto 1fr auto
}

.text-part {
    display: flex;
    bottom: 0;
}

.part-content {
    font-size: 11px;
    font-weight: 400;
    font-family: 'segoeuib';
    text-align: center;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    padding: 0 10px;
    height: 21px
}

    .part-content:before {
        height: 17px;
        width: 2px;
        position: absolute;
        content: "";
        right: 0
    }

div.text-part > div:nth-child(4):before {
    content: none !important
}

.modal-body .content-formule {
    padding: 0;
    height: 100% !important;
    margin: 0;
    display: flex;
    flex-direction: column
}

.modal-body .zon1-register form {
    flex: 1;
    display: flex;
    flex-direction: column
}

    .modal-body .zon1-register form .codigos {
        flex: none
    }

.modal-body .smallSpace .input-selects {
    display: flex;
    flex-direction: column;
    flex: 1;
    height: 100%;
}

#FrmClientesDlgImprimirClientes .modal-content.modal-custom-list {
    height: auto
}

.modal-body .Line-bottom,
.modal-body .invisilityBtn {
    width: 100% !important
}

.modal-body .Top-line {
    flex: 1
}

.modal-body .zona-register-1 {
    display: flex;
    flex-direction: column;
    flex: 1
}

.modal-body .tab-pane.zon1-register {
    flex: 1;
    display: flex;
    flex-direction: column
}

.modal-body #registroFrmClientesGrupos > div:nth-child(1) {
    width: 100%;
    height: 100%;
    flex: 1;
    display: flex;
    flex-direction: column
}

#registroFrmClientesGrupos > div > form > div:nth-child(3) {
    flex: 1;
    height: 100%
}

    #registroFrmClientesGrupos > div > form > div:nth-child(3) > div > div:nth-child(2) {
        flex: 1
    }

        #registroFrmClientesGrupos > div > form > div:nth-child(3) > div > div:nth-child(2) .grilla-2 {
            flex: 1;
            height: auto !important
        }

#FrmClientesGrupos > div:nth-child(1) {
    height: 100%
}

.w-controlusers {
    grid-template-rows: auto 1fr;
    grid-row-gap: 8px;
    max-width: 1275px;
    width: 100%;
}

.grafic--control {
    width: 450px;
    display: flex;
    justify-content: center;
    text-align: center;
    margin: auto;
}

    .grafic--control svg {
        overflow: visible !important;
        stroke: #2196f3 !important;
    }

.grafico-telerik {
    display: flex;
    justify-content: center;
    align-items: center;
}

.bd-graficos {
    min-width: max-content;
}

.table-main-control {
    display: grid;
    height: 100%;
    width: 100%;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 2px 26px;
    flex: 1;
}

.list-grafic li {
    margin-bottom: 4px;
}


/*#Region */
img.imagen-listado-articulos {
    float: right;
    max-width: 170px;
    width: auto;
    height: 150px;
}

img.icon-dlg {
    width: 36px;
    margin-left: 20px;
}

.ocultar > div.e-footer-content > button {
    display: none;
}

    .ocultar > div.e-footer-content > button.e-primary {
        display: inline;
    }

.xmlcontent {
    overflow-y: scroll;
    width: 100%;
    height: 100vh;
    padding-left: 12px;
    /*background-color: #1f1f1f;*/
    background-color: #E5F0FC;
    color: #424242;
}
/**Prueba grila en campos personalizados*/
.k-grid-customizeField colgroup {
    display: none;
}

.k-grid-customizeField thead tr,
.k-grid-customizeField thead {
    display: flex;
    white-space: nowrap;
    width: 100%
}

    .k-grid-customizeField thead tr th:nth-child(4) {
        order: 6;
    }
/*Mininimo de alto para el tab*/
.box-min-h170 {
    min-height: 200px;
}

.box-min-h220 {
    min-height: 220px;
}

.box-min-h294 {
    min-height: 294px;
}

.e-dlg-overlay {
    background-color: #0000001f !important;
}
/*Cambio de color de fondo cuando aparescar el modal de synfusion*/
.e-dlg-overlay {
    background-color: #0000001f !important;
}
/*width para el datepiker*/
.dat-child {
    width: 110px;
}

    .dat-child > div {
        width: 100%;
    }

        .dat-child > div .k-datepicker {
            width: 100%;
        }

.no-toolbar .k-toolbar {
    display: none;
}

/*Inputs dentro de div inputs para synfusion*/
.input-syncfusion .e-input-group {
    display: flex;
}

    .input-syncfusion .e-input-group, .input-syncfusion .e-input-group input {
        height: 100% !important;
    }
/*Mininimo de alto para el tab*/
.box-min-h120 {
    min-height: 120px;
}

/*#Region paquetes del systema*/
.contenedor-pack {
    overflow-x: hidden;
}

    .contenedor-pack .dat-pag {
        max-width: 100%;
        margin-left: 8px;
        margin-top: 1em;
        padding: 10px 0px;
        border: 2px solid #3f8ad773;
        overflow: initial;
        margin-right: 8px;
        border-radius: 10px;
    }

    .contenedor-pack .dat-pag-contable {
        max-width: 100%;
        margin-left: 8px;
        margin-top: 1em;
        padding: 10px 0px;
        border: 2px solid #3f8ad773;
        overflow: initial;
        margin-right: 8px;
        border-radius: 10px;
    }

    .contenedor-pack .plan-suscriptor {
        max-width: 88%;
        margin: auto;
    }
/*.contenedor-pack .plan-suscriptor p{
    flex: 1;
}*/
.text-plan-titulo {
    font-size: 14px;
    text-align: start;
    color: #45779f;
    margin-left: 0.25rem;
    margin-top: 0.25rem;
    margin-bottom: -9px;
    font-family: 'tahoma-bold';
}

.text-plan-subtitulo {
    font-size: 13px;
    text-align: start;
    color: #5b5b5b;
    margin-left: 1rem;
    margin-top: 0.55rem;
    font-family: 'tahoma-bold';
}

.table td,
.bold, .ff-tahoma-bold {
    font-family: "tahoma-bold" !important;
}

.text-plan {
    text-align: center;
    font-size: 18px;
    font-family: 'tahoma-bold';
    /*  text-transform: uppercase;*/
    color: #5b5b5b;
    margin-bottom: 1px;
}

.p-plan {
    color: #6f6f6f;
    font-size: 14px;
    display: flex;
    align-items: center;
}

.trapecio-heidth {
    padding: 10px;
    text-align: center;
    background: #428bca;
}

.text-trapecio {
    color: white;
    text-transform: uppercase;
}

.line-bottom {
    width: 45%;
    height: 1px;
    background: #a6a6a6;
    margin: auto;
    margin-top: 1em;
}

.circle-check {
    height: 6px;
    width: 6px;
    background: #428bca;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    margin-right: 8px;
}

.trapecio-top {
    width: 100%;
    height: 0px;
    border-right: 200px solid transparent;
    border-left: 200px solid transparent;
    border-top: 36px solid #428bca;
}

.line-bottom {
    width: 45%;
    height: 1px;
    background: #a6a6a6;
    margin: auto;
    margin-top: 0.4em;
}
/*#endregion*/

.btn-inprimir {
    height: 30px !important;
    width: 55px !important
}

.bs-text, .input-seclect input, .mainReportes ul li, .opt-inventario h5, .select select, .zon1-input-1 select, a.active, button.btn-grilla, h3.black, h3.title-search, h5.modal-title, input, select, textarea, .f-tahoma-normal, .ff-tahoma {
    font-family: "TAHOMA" !important;
}

input, textarea, select {
    height: 100%;
    border-radius: 1px;
    padding-right: 4px;
    font-size: 11px !important;
    width: 100%;
}
.a-volver {
    color: white !important;
}
.a-volver i{
    color: white!important;
}
    .a-volver:hover {
        color: #83c1db !important;
    }
    .a-volver:hover i {
        color: #83c1db !important;
    }

.li-hover:hover{
    background: -webkit-linear-gradient(var(--bg-webkit-gdt-bb096d)) !important;
    border-color: #ffd96d !important;
}

.button-modal button {
    display: flex;
    align-items: center;
    height: 30px;
    padding: 1px 10px;
    margin-left: 5px;
}
.button-modal button i {
    color: #1184B6;
    font-size: 20px;
    margin-right: 5px;
    align-items: center;
}