@import url("General/animations.css");
@import url("General/Icons.css");
@import url("General/icons-v2.css");

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts//Montserrat-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Bold.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-BoldItalic.otf') format('opentype');
    font-weight: bold;
    font-style: italic;
}

body {
    font-family: 'Montserrat', sans-serif;
    font-size: 11px;
}

@font-face {
    font-family: "password-mask";
    src: url(data:font/woff;charset:utf-8;base64,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) format("woff"),
    url(data:font/ttf;charset:utf-8;base64,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) format("ttf"),
    url(data:font/otf;charset:utf-8;base64,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) format("otf");
}
.font-dots{
    font-family: password-mask;
}
.font-dots::placeholder {
    font-family: 'Montserrat', sans-serif;
}

.openedClass .modal-backdrop {
    background: #fff !important;
}

.openedClass .modal-content {
    border: none !important;
    border:none !important ;
    -webkit-box-shadow:none !important;
    box-shadow: none !important;
}

@media (min-width: 768px){
    .openedClass .modal-content {
        -webkit-box-shadow: none !important;
        box-sizing: none !important;
    }
}

input[disabled],
select[disabled],
.form-control[disabled],
textarea[disabled],
input[readonly],
.form-control[readonly] {
    background-color: rgba(128, 128, 128, 0.2);
    cursor: default !important;
}

.form-control {
    font-size: 1em;
}

input[type=text],
input[type=email],
input[type=password],
input[type=number],
select {
    border-radius: 5px;
    display: inline-block !important;
    float: right;
    font-size: 1em;
    height: 1.7em !important;
    padding: 0 0 0 0.5em !important;
}

/*****************Theme Red*****************/
.arrow-container-out {
    border-right: 1px solid rgba(153, 153, 153, 0.5);
    height: 98%;
    width: 9px;
    -webkit-box-shadow: 2px 1px 3px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 2px 1px 3px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 2px 1px 3px 0 rgba(0, 0, 0, 0.3);
    position: fixed;
    left: 0;
}

.arrow-out {
    position: fixed;
    left: 0;
    top: 50%;
    padding: 2px;
    border: 0;
}

.arrow-out:after {
    content: "";
    border-left: 5px solid #999;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    display: inline-block;
}

.arrow-container-in {
    background-color: #fff;
    border-left: 1px solid #999;
    height: 1024px;
    position: fixed;
    right: 0;
    width: 12px;
    -webkit-box-shadow: -2px 1px 3px 0 rgba(0, 0, 0, 0.31);
    -moz-box-shadow: -2px 1px 3px 0 rgba(0, 0, 0, 0.31);
    box-shadow: -2px 1px 3px 0 rgba(0, 0, 0, 0.31);
    z-index: 50;
}

.arrow-in {
    position: fixed;
    right: 1px;
    top: 50%;
    padding: 3px;
}

.arrow-in:after {
    content: "";
    border-right: 5px solid #999;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    display: inline-block;
}

.btnNavDisabled button {
    color: #bcbcbc !important;
}

md-select {
    padding: 15px 2px 15px;
}

md-select.md-default-theme:not([disabled]):focus .md-select-label {
    border-bottom-color: #000;
}

.md-button {
    margin: 6px 0 !important;
}

.mdToastTrans > div {
    background: #f6ffd9;
    color: #000;
    border: 1px solid #000;
}

.mdCredit {
    background: #f6ffd9;
    color: black;
    border: 1px solid #000000;
    margin: 10px;
    font-size: 14px;
}

nav-home {
    width: 100%;
}

.menu-top > div > ul > li > button.disabled{
    background: #dedede;
    color: black;
    cursor: not-allowed;
}

.menu-red {
    width: 100%;
    text-align: center;
    -webkit-box-shadow: 0 4px 14px -4px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0 4px 14px -4px rgba(0, 0, 0, 0.75);
    box-shadow: 0 4px 14px -4px rgba(0, 0, 0, 0.75);
    font-size: 1.273em; /* base 11px */
}

.menu-red > div > ul {
    width: 100%;
    padding: 0;
    display: table;
    margin: 0;
}

.menu-red > div > ul > li {
    border-left: 2px solid #fff;
    display: table-cell;
}

.menu-red > div > ul > li:first-child {
    border: none;
}

.menu-red > div > ul > li > .popover {
    /*font-size: 1em;*/
    font-size: 0.929em; /* base 1.273em -> 14px */
    max-width: initial;
    box-shadow: 0 9px 23px rgba(0, 0, 0, 0.4);
}

.menu-red > div > ul > li > a {
    text-decoration: none;
    display: block;
    position: relative;
    height: 2.4em;
}

.menu-red > div > ul > li > a:focus,
.menu-red > div > ul > li > a:active {
    outline: thin none;
    outline-offset: 0;
}

.menu-red > div > ul > li > a > span {
    position: relative;
    top: 0.5em;
}

.menu-red > div > ul > li > a > span:focus,
.menu-red > div > ul > li > a > span:active {
    outline: thin none;
    outline-offset: 0;
}

.menu-red > div > p,
.menu-red > div > section > p {
    color: #fff;
    margin: 0;
}

.menu-red > div > p:hover {
    text-decoration: underline;
}

.menu-red > div > section > button {
    display: block;
    border: solid 1px #fff;
    border-radius: 2rem;
    padding: 0 1rem;
    background: #fff;
    color: #561d1e;
}

.menu-red > div > section > button:hover,
.menu-red > div > section > button:focus,
.menu-red > div > section > button:active {
    outline: thin none;
    outline-offset: 0;
    background: transparent;
    color: #fff;
}

.menu-red > div > ul > li > button {
    width: 100%;
    display: block;
    background: transparent;
    border: none;
    color: #fff;
}

.menu-red > div > ul > li > button:focus,
.menu-red > div > ul > li > button:active {
    outline: thin none;
    outline-offset: 0;
}

.menu-red > div > ul > li > button > span {
    position: relative;
    height: 1.8em;
    display: block;
    top: 0.3em;
}

.menu-red > div > ul > li > button > span:focus,
.menu-red > div > ul > li > button > span:active {
    outline: thin none;
    outline-offset: 0;
}

.menu-red li a:focus,
.menu-red li a:active {
    outline: thin none;
    outline-offset: 0;
}

.select-container {
    margin: 0 auto;
}

.select-container md-select {
    width: 96%;
    min-width: 90% !important;
    text-align: center;
    padding: 0;
    height: 2.5em;
    margin: 0.7em auto 0.7em auto;
}

.btnVoucher {
    /*padding: 0.4em 0.8em;*/
    padding: 0.2em 0.7em;
    color: #fff;
    font-size: 1em;
    /*font-size: 1.5em;*/
    border: none;
}

.btnVoucher:hover,
.btnVoucher:focus,
.btnVoucher:active {
    color: #fff !important;
}

.selectdemoOptionsWithAsyncSearch p {
    padding: 0 20px;
}

.selectdemoOptionsWithAsyncSearch p.md-caption {
    margin-top: -7px;
    color: #777;
}

.selectdemoOptionsWithAsyncSearch .demo-content {
    min-height: 348px;
}

.side-nav-red {
    border-left: 5px solid #d2d2d2;
}

/*****************Theme Red/*****************/
/*****************Theme Selection*****************/
.theme-container {
    border-bottom: 1px solid;
    margin: 0 auto;
    padding-bottom: 0.8em;
    position: relative;
    text-align: center;
    width: 96%;
}

.theme-container > div > span {
    font-size: 1em;
    opacity: 0.6;
    text-shadow: 0 0 4px #fd0000;
    color: #fff;
}

.theme-container > span:first-child {
    font-size: 1.4em;
    width: 100%;
    display: inline-block;
}

.theme-light-box {
    cursor: pointer;
    background: #fafafa;
    background: -moz-radial-gradient(center, ellipse cover, #fafafa 0%, #a3a3a3 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #fafafa), color-stop(100%, #a3a3a3));
    background: -webkit-radial-gradient(center, ellipse cover, #fafafa 0%, #a3a3a3 100%);
    background: -o-radial-gradient(center, ellipse cover, #fafafa 0%, #a3a3a3 100%);
    background: -ms-radial-gradient(center, ellipse cover, #fafafa 0%, #a3a3a3 100%);
    background: radial-gradient(ellipse at center, #fafafa 0%, #a3a3a3 100%);
    border: 1px solid #808080;
    display: inline-block;
    height: 1.6em;
    width: 1.6em;
    vertical-align: top;
}

.theme-darkblue-box {
    cursor: pointer;
    background: #fafafa;
    background: -moz-radial-gradient(center, ellipse cover, #fafafa 0%, #000096 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #fafafa), color-stop(100%, #000096));
    background: -webkit-radial-gradient(center, ellipse cover, #fafafa 0%, #000096 100%);
    background: -o-radial-gradient(center, ellipse cover, #fafafa 0%, #000096 100%);
    background: -ms-radial-gradient(center, ellipse cover, #fafafa 0%, #000096 100%);
    background: radial-gradient(ellipse at center, #fafafa 0%, #000096 100%);
    border: 1px solid #808080;
    display: inline-block;
    height: 1.6em;
    width: 1.6em;
    margin: 0 2em;
    vertical-align: top;
}

.theme-dark-box {
    cursor: pointer;
    background: #fafafa;
    background: -moz-radial-gradient(center, ellipse cover, #fafafa 0%, #000 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #fafafa), color-stop(100%, #000));
    background: -webkit-radial-gradient(center, ellipse cover, #fafafa 0%, #000 100%);
    background: -o-radial-gradient(center, ellipse cover, #fafafa 0%, #000 100%);
    background: -ms-radial-gradient(center, ellipse cover, #fafafa 0%, #000 100%);
    background: radial-gradient(ellipse at center, #fafafa 0%, #000 100%);
    border: 1px solid #808080;
    display: inline-block;
    height: 1.6em;
    width: 1.6em;
    vertical-align: top;
}

.theme-icon-ok {
    font-size: 1.5em;
    position: absolute;
    left: 5%;
    top: 26%;
    color: #808080;
    padding: 0;
    border: none;
    background-color: transparent;
}

/*****************Theme Selection*****************/
.alertsPrint {
    padding: 6px;
    text-align: center;
    background: transparent;
    margin-top: 0.5em;
    color: rgba(255, 0, 0, 0.69);
    font-weight: bold;
}

.bx-sh-bottom {
    -webkit-box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.42);
    -moz-box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.42);
    box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.42);
}

/**************************ESTILOS GENERALES PROPIOS****************************/

.block-while-save {
    background-color: rgba(230, 230, 230, 0.4);
    height: 100%;
    width: 100%;
    pointer-events: none
}

/**************************EDICIÓN DE ESTILOS AJENOS****************************/
/*Autocomplete Material*/
.md-whiteframe-z1 {
    box-shadow: none;
}

/*Autocomplete Material*/
/*backdrop */
.md-sidenav-backdrop {
    display: none;
}

/*backdrop */
/*Button Material Desing*/
.buttondemoBasicUsage section {
    background: #f7f7f7;
    border-radius: 3px;
    margin: 1em;
    padding-bottom: 10px;
    position: relative !important;
    text-align: center;
}

.buttondemoBasicUsage section .md-button {
    margin-top: 16px;
    margin-bottom: 16px;
}

.buttondemoBasicUsage md-content {
    margin-right: 7px;
}

.buttondemoBasicUsage .label {
    bottom: 5px;
    left: 7px;
    opacity: 0.54;
    position: absolute;
}

/*Button Material Desing*/
/*Loading Bar*/
#loading-bar .bar {
    background: #f00 !important;
}

#loading-bar .peg {
    -moz-box-shadow: #f00 1px 0 6px 1px !important;
    -ms-box-shadow: #f00 1px 0 6px 1px !important;
    -webkit-box-shadow: #f00 1px 0 6px 1px !important;
    box-shadow: #f00 1px 0 6px 1px !important;
}

#loading-bar-spinner .spinner-icon {
    border-top-color: #f00 !important;
    border-left-color: #f00 !important;
}

#loading-bar-backdrop {
    background: #808080 !important;
}

/*Loading Bar*/
/*Menu Material*/
.menudemoMenuPositionModes .md-menu-demo {
    padding: 24px;
}

.menudemoMenuPositionModes .menu-demo-container {
    min-height: 200px;
}

.uib-datepicker-popup {
    padding: 0;
}

/*Menu Material*/
/*NavBar*/
.navbar-fixed-top {
    z-index: 1;
}

/*NavBar*/
/*SubHeader*/
.subheaderdemoBasicUsage .face {
    border-radius: 30px;
    border: 1px solid #ddd;
    width: 48px;
    margin: 16px;
}

.md-subheader:not(.md-sticky-no-effect)[sticky-state="active"] {
    margin-top: 1px;
}

/*SubHeader*/
.md-sticky-clone {
    left: 7px;
    border-radius: 5px;
}

/**CONTENEDOR DE LOS DEMAS STYLUS**/
@media screen and (max-height: 750px) {
    .containerInputsRight {
        height: 30em !important;
    }

    .containerListLeft {
        height: 30em !important;
    }

    .kitsContainer .containerListLeft {
        height: 36em !important;
    }

    .modifyItemsContainer .gridFinancialEntity {
        height: 260px !important;
    }

    .modifyItemsContainer .modifyItemsContainer-subContainer-five {
        height: 10em !important;
    }
}

@media screen and (min-width: 1700px) {
    body {
        font-size: 14px;
        letter-spacing: inherit !important;
    }

    .onMenuSection {
        height: calc(100% - 150px);
    }

    .containerListLeft img {
        width: 60px;
        height: 60px;
    }

    .purchaseOrdersContainer label {
        margin-top: 0 !important;
    }

    .directivePuc .dropdown-menu,
    .directiveCity .dropdown-menu,
    .customersAutocomplete .dropdown-menu,
    .providersAutocomplete .dropdown-menu {
        max-width: 600px;
    }

    .itemsContainer .containerFinancialEntity-right-grid,
    .itemsContainer .gridFinancialEntity {
        width: 80em !important;
    }

    .navegador li button {
        height: 2em !important;
    }

    .discountListsContainer-bottom-subContainer {
        height: 20em !important;
    }

    .discountListsContainer .treeWindow-body {
        height: 13em;
    }

    .itemsContainer-Modal .treeWindow-body li {
        height: 2.5em !important;
        list-style: none;
    }

    .discountListsContainer .dropdownDirectivs {
        max-height: 300px !important;
    }
    .u-inputs-inline .u-inp-medium{
        max-width: 180px !important;
    }
}

.divInputMediumGeneral {
    width: calc(49.5% - 0.5em);
    display: inline-block;
}

.divInputMediumGeneral > input,
.divInputMediumGeneral > select,
.divInputMediumGeneral > .spanInput {
    width: 50%;
}

.divInputShortGeneral {
    width: calc(32.3% - 0.5em);
    display: inline-block;
}

.divInputShortGeneral > input,
.divInputShortGeneral > select {
    width: 70%;
}

.divInputMediumGeneral-date {
    width: calc(49.5% - 0.5em);
    display: inline-block;
}

.divInputMediumGeneral-date > input {
    width: calc(50% - 27px) !important;
}

.divInputMediumGeneral-date > span {
    width: 27px;
}

.divInputMediumGeneral-date button {
    width: 27px;
    padding: 0;
    margin: auto;
}

.divInputMediumItemsModify {
    width: calc(49.5% - 0.5em);
    display: inline-block;
}

.divInputMediumItemsModify > input,
.divInputMediumItemsModify > select {
    width: 60%;
}

.divInputMediumDiscountList {
    width: calc(49.5% - 0.5em);
    display: inline-block;
}

.divInputMediumDiscountList > input,
.divInputMediumDiscountList > select {
    width: 43.7%;
}

.divInputDiscountListLarge {
    width: 100%;
}

.divInputDiscountListLarge input,
.divInputDiscountListLarge select {
    width: 75.7%;
}

.divAssetsMedium1 {
    width: 50%;
    display: inline-block;
    position: relative !important;
}

.divAssetsMedium1 > input,
.divAssetsMedium1 > select,
.divAssetsMedium1 .directiveCity,
.divAssetsMedium1 .directivePuc,
.divAssetsMedium1 .directiveThird {
    width: 70%;
}

.divAssetsMedium1-short {
    width: 33%;
    display: inline-block;
    margin-right: 17%;
}

.divAssetsMedium1-short > input,
.divAssetsMedium1-short > select {
    width: 54%;
}

.divAssetsMedium2 {
    margin-left: 4%;
    width: 45%;
    position: relative !important;
    display: inline-block;
}

.divAssetsMedium2 > input,
.divAssetsMedium2 > select,
.divAssetsMedium2 .directiveCity,
.divAssetsMedium2 .directivePuc,
.divAssetsMedium2 .directiveThird {
    width: 50%;
}

.divAssetsMedium2-check {
    margin-left: 4%;
    width: 45%;
    display: inline-block;
}

.divAssetsMedium2-check md-checkbox {
    margin-right: calc(50% - 17px);
}

.divAssetsMedium {
    width: 49.5%;
    display: inline-block;
}

.divAssetsMedium > input,
.divAssetsMedium > select,
.divAssetsMedium .directiveCity,
.divAssetsMedium .directivePuc,
.divAssetsMedium .directiveThird {
    width: 70%;
}

.divAssetsMedium-date {
    width: 49.5%;
    display: inline-block;
}

.divAssetsMedium-date > input {
    width: calc(70% - 27px) !important;
}

.divAssetsMedium-date > span {
    width: 27px;
}

.divAssetsMedium-date button {
    width: 27px;
    padding: 0;
    margin: auto;
}

.divAssetsShort {
    width: 23%;
    display: inline-block;
    margin-left: 0.1em;
}

.divAssetsShort > input,
.divAssetsShort > select {
    width: 30%;
}

.divAssetsShort:first-child {
    margin: 0;
}

.divAssetsShort-date {
    width: 26%;
    display: inline-block;
    margin-left: 0.1em;
}

.divAssetsShort-date > input {
    width: calc(50% - 27px);
}

.divAssetsShort-date:first-child {
    margin: 0;
}

.divAssetsShort-date > span {
    width: 27px;
}

.divAssetsShort-date button {
    width: 27px;
    padding: 0;
    margin: auto;
}

.divKitsBig {
    width: 96%;
    padding: 0;
    margin: 0;
}

.divKitsBig textarea {
    width: 100% !important;
    border-radius: 5px !important;
    height: 4em;
    resize: none !important;
}

.divDianConcept-large-button {
    width: 93%;
    display: inline-block;
}

.divDianConcept-large-button > input,
.divDianConcept-large-button .directivePuc,
.divDianConcept-large-button .directiveCity,
.divDianConcept-large-button .divWidthinput,
.divDianConcept-large-button > select,
.divDianConcept-large-button > textarea,
.divDianConcept-large-button .directiveThird {
    width: 76%;
    display: inline-block;
}

.divAssetsBig {
    width: 100%;
    margin: 1em 0;
    overflow: hidden;
}

.divAssetsBig textarea {
    width: 70% !important;
    border-radius: 5px !important;
    height: 6em;
    float: right;
    font-size: 0.8em;
    resize: none !important;
}

.divBillingResolutions-large {
    width: 90%;
}

.divBillingResolutions-large input,
.divBillingResolutions-large > select {
    width: 72%;
    /*width: 72.5%;*/
}

.divBillingResolutions-medium {
    width: 45%;
    display: inline-block;
}

.divBillingResolutions-medium > input,
.divBillingResolutions-medium > select {
    width: 45%;
}

.divBillingResolutions-date {
    width: 45%;
    display: inline-block;
}

.divBillingResolutions-date input {
    width: calc(45% - 27px);
}

.divBillingResolutions-date > span {
    width: 27px;
}

.divBillingResolutions-date button {
    width: 27px;
    padding: 0;
    margin: auto;
}

.divBillingResolutions-checks {
    width: 45%;
    display: inline-block;
}

.divBillingResolutions-checks > div {
    width: 45%;
    float: right;
}

.divBillingResolutions-checks > div md-checkbox {
    margin: 0;
}

.divBranchesLarge {
    width: 100%;
}

.divBranchesLarge input {
    width: 75%;
}

.divBranchesLeft,
.divBranch1 {
    width: 50%;
}

.divBranchesLeft > input,
.divBranch1 > input,
.divBranchesLeft .inputsGeneral,
.divBranch1 .inputsGeneral,
.divBranchesLeft .directiveCity,
.divBranch1 .directiveCity {
    width: 50%;
}

.divBranchesRight {
    width: 49%;
    text-align: right;
}

.divBranchesRight .directivePuc,
.divBranchesRight > input,
.divBranchesRight div {
    width: 49%;
}

.divBranchesRight label {
    margin-right: 10%;
}

.divCompanies1 {
    width: 50%;
    margin-right: 5px;
}

.divCompanies1 input {
    width: 40%;
    text-align: right;
    padding-right: 0.3em !important;
}

.divCompanies2 {
    width: 48.5%;
}

.divCompanies2 select {
    width: 57%;
}

.purchaseOrdersInputMini {
    width: 13.5% !important;
    margin: 0 0.3em 0 0;
}

.divCompaniesLarge,
.divCompanies9,
.divPartnersLarge,
.divPUCLarge {
    width: 100%;
    padding: 0;
}

.divCompaniesLarge > input,
.divCompanies9 > input,
.divPartnersLarge > input,
.divPUCLarge > input,
.divCompaniesLarge .directivePuc,
.divCompanies9 .directivePuc,
.divPartnersLarge .directivePuc,
.divPUCLarge .directivePuc,
.divCompaniesLarge .directiveCity,
.divCompanies9 .directiveCity,
.divPartnersLarge .directiveCity,
.divPUCLarge .directiveCity,
.divCompaniesLarge .divWidthinput,
.divCompanies9 .divWidthinput,
.divPartnersLarge .divWidthinput,
.divPUCLarge .divWidthinput,
.divCompaniesLarge > select,
.divCompanies9 > select,
.divPartnersLarge > select,
.divPUCLarge > select,
.divCompaniesLarge .directiveThird,
.divCompanies9 .directiveThird,
.divPartnersLarge .directiveThird,
.divPUCLarge .directiveThird {
    width: 70%;
    display: inline-block;
    float: right;
}

.divPurchaseOrdersRadiosLarge {
    width: 100%;
    padding: 0;
}

.divPurchaseOrdersRadiosLarge md-radio-group {
    width: 70%;
    display: inline-block;
    float: right;
}

.divPurchaseOrdersRadiosLarge md-radio-group .divRadioButons {
    width: 48.5%;
}

.divPurchaseOrders-large {
    width: 100%;
    display: inline-block;
}

.divPurchaseOrders-large > input,
.divPurchaseOrders-large .directivePuc,
.divPurchaseOrders-large .directiveCity,
.divPurchaseOrders-large .divWidthinput,
.divPurchaseOrders-large > select,
.divPurchaseOrders-large .directiveThird {
    width: 80.5%;
    display: inline-block;
    float: right;
}

.divPurchaseOrders-large-2 {
    width: 98%;
    display: inline-block;
}

.divPurchaseOrders-large-2 > input,
.divPurchaseOrders-large-2 .directivePuc,
.divPurchaseOrders-large-2 .directiveCity,
.divPurchaseOrders-large-2 .divWidthinput,
.divPurchaseOrders-large-2 > select,
.divPurchaseOrders-large-2 .directiveThird {
    width: 40%;
    display: inline-block;
    float: right;
}

.divPurchaseOrders-large-2 > label {
    width: 24.4%;
    margin-bottom: 0.8%;
}

.divPurchaseOrders-large-3 {
    float: left;
    width: 24.84%;
    display: inline-block;
}

.divPurchaseOrders-large-3 > input,
.divPurchaseOrders-large-3 .directiveCity,
.divPurchaseOrders-large-3 .divWidthinput,
.divPurchaseOrders-large-3 > select,
.divPurchaseOrders-large-3 .directiveThird {
    width: 35%;
    font-size: 0.8em;
    display: inline-block;
    float: right;
}

.divPurchaseOrders-large-3 .directivePuc {
    width: 13%;
    margin-right: 0.2em;
}

.divPurchaseOrders-large-4 {
    width: 99.7%;
    display: inline-block;
}

.divPurchaseOrders-large-4 > input,
.divPurchaseOrders-large-4 .directivePuc,
.divPurchaseOrders-large-4 .directiveCity,
.divPurchaseOrders-large-4 .divWidthinput,
.divPurchaseOrders-large-4 > select,
.divPurchaseOrders-large-4 .directiveThird,
.divPurchaseOrders-large-4 .spanInput {
    width: 75.5%;
    display: inline-block;
    float: right;
}

.divPurchaseOrders-large-5 {
    width: 100%;
    display: inline-block;
    margin-bottom: -0.8%;
}

.divPurchaseOrders-large-5 > input,
.divPurchaseOrders-large-5 > select {
    width: 33%;
    margin-left: 24px;
    float: left;
}

.divPurchaseOrders-large-5 > label {
    float: left;
    width: 15%;
}

.divPurchaseOrders-medium {
    width: calc(49.5% - 0.5em);
    display: inline-block;
}

.divPurchaseOrders-medium6 {
    width: calc(44% - 0.5em);
    display: inline-flex;
    padding-bottom: 0.3%;
}

.divPurchaseOrders-medium > input,
.divPurchaseOrders-medium .directivePuc,
.divPurchaseOrders-medium .directiveCity,
.divPurchaseOrders-medium .divWidthinput,
.divPurchaseOrders-medium > select,
.divPurchaseOrders-medium > textarea,
.divPurchaseOrders-medium .directiveThird {
    width: 70%;
    display: inline-block;
}

.divPayrollPaymentsSOI-medium-buttons {
    width: calc(49.5% - 0.5em);
    display: inline-block;
}

.divPayrollPaymentsSOI-medium-buttons > div {
    display: inline-block;
    width: 21%;
    vertical-align: top;
}

.divPayrollPaymentsSOI-radios {
    width: calc(49.5% - 0.5em);
    display: inline-block;
}

.divPayrollPaymentsSOI-radios md-radio-group {
    width: 70%;
    float: right;
}

.divPayrollPaymentsSOI-radios md-radio-group .divRadioButons {
    width: 44%;
}

.divPurchaseOrders-ThreeOrganization {
    width: 99.3%;
}

.divPurchaseOrders-ThreeOrganization .ThreeOrganization {
    width: 33.3%;
    float: left;
}

.divPurchaseOrders-ThreeOrganization .ThreeOrganization > input,
.divPurchaseOrders-ThreeOrganization .ThreeOrganization .directivePuc,
.divPurchaseOrders-ThreeOrganization .ThreeOrganization .directiveCity,
.divPurchaseOrders-ThreeOrganization .ThreeOrganization .divWidthinput,
.divPurchaseOrders-ThreeOrganization .ThreeOrganization > select,
.divPurchaseOrders-ThreeOrganization .ThreeOrganization .directiveThird,
.divPurchaseOrders-ThreeOrganization .ThreeOrganization .spanInput {
    width: 55%;
}

.divPurchaseOrders-FiveOrganization {
    width: 99.3%;
    display: table;
}

.divPurchaseOrders-FiveOrganization .FiveOrganization {
    display: table-cell;
}

.divPurchaseOrders-FiveOrganization .FiveOrganization > input,
.divPurchaseOrders-FiveOrganization .FiveOrganization .directivePuc,
.divPurchaseOrders-FiveOrganization .FiveOrganization .directiveCity,
.divPurchaseOrders-FiveOrganization .FiveOrganization .divWidthinput,
.divPurchaseOrders-FiveOrganization .FiveOrganization > select,
.divPurchaseOrders-FiveOrganization .FiveOrganization .directiveThird,
.divPurchaseOrders-FiveOrganization .FiveOrganization .spanInput {
    width: 10em;
}

.divPurchaseOrders-FourOrganization {
    width: 99.3%;
    padding: 0;
}

.divPurchaseOrders-FourOrganization .FourOrganization {
    width: 25%;
    float: left;
}

.divPurchaseOrders-FourOrganization .FourOrganization-40p {
    width: 40%;
    float: left;
}
.divPurchaseOrders-FourOrganization .FourOrganization-45p {
    width: 45%;
    float: left;
}

.divPurchaseOrders-FourOrganization .FourOrganization > input,
.divPurchaseOrders-FourOrganization .FourOrganization .directivePuc,
.divPurchaseOrders-FourOrganization .FourOrganization .directiveCity,
.divPurchaseOrders-FourOrganization .FourOrganization .divWidthinput,
.divPurchaseOrders-FourOrganization .FourOrganization > select,
.divPurchaseOrders-FourOrganization .FourOrganization .directiveThird,
.divPurchaseOrders-FourOrganization .FourOrganization .spanInput {
    width: 55%;
}

.divPurchaseOrders-FourOrganization .FourOrganization1 {
    width: 25%;
    float: left;
}

.divPurchaseOrders-FourOrganization .FourOrganization1 > input,
.divPurchaseOrders-FourOrganization .FourOrganization1 .directivePuc,
.divPurchaseOrders-FourOrganization .FourOrganization1 .directiveCity,
.divPurchaseOrders-FourOrganization .FourOrganization1 .divWidthinput,
.divPurchaseOrders-FourOrganization .FourOrganization1 > select,
.divPurchaseOrders-FourOrganization .FourOrganization1 .directiveThird,
.divPurchaseOrders-FourOrganization .FourOrganization1 .spanInput {
    width: 19%;
}

.divPurchaseOrders-FourOrganization .FourOrganization-2 {
    width: 25%;
    float: left;
}

.divPurchaseOrders-FourOrganization .FourOrganization-2 > input,
.divPurchaseOrders-FourOrganization .FourOrganization-2 .directivePuc,
.divPurchaseOrders-FourOrganization .FourOrganization-2 .directiveCity,
.divPurchaseOrders-FourOrganization .FourOrganization-2 > select,
.divPurchaseOrders-FourOrganization .FourOrganization-2 .directiveThird,
.divPurchaseOrders-FourOrganization .FourOrganization-2 .spanInput {
    width: 45%;
}

.divPurchaseOrders-FourOrganization .FourOrganization-button {
    width: 25%;
    float: left;
}

.divPurchaseOrders-FourOrganization .FourOrganization-button > button {
    margin-left: 45%;
}

.divPurchaseOrders-FourOrganization .FourOrganization-button .buttonWithLabel {
    float: right;
    margin: 0 !important;
}

.divPurchaseOrders-FourOrganization .ConsulDocumentButton {
    width: 29%;
    float: left;
}

.divPurchaseOrders-FourOrganization .ConsulDocumentButton > button {
    margin-left: 45%;
}

.divPurchaseOrders-FourOrganization .FourOrganization-checkbox {
    width: 25%;
    float: left;
}

.divPurchaseOrders-FourOrganization .FourOrganization-checkbox md-checkbox {
    width: 10%;
    float: right;
    margin-right: 45%;
}

.divPurchaseOrders-FourOrganization .FourOrganization-radios {
    width: 25%;
    float: left;
}

.divPurchaseOrders-FourOrganization .FourOrganization-radios md-radio-group {
    width: 55%;
    float: right;
}

.divPurchaseOrders-FourOrganization .FourOrganization-radios md-radio-group .divRadioButons {
    width: 48%;
}

.divPurchaseOrders-FourOrganization .FourOrganization-date {
    width: 25%;
    float: left;
}

.divPurchaseOrders-FourOrganization .FourOrganization-date > input,
.divPurchaseOrders-FourOrganization .FourOrganization-date .directivePuc,
.divPurchaseOrders-FourOrganization .FourOrganization-date .directiveCity,
.divPurchaseOrders-FourOrganization .FourOrganization-date .divWidthinput,
.divPurchaseOrders-FourOrganization .FourOrganization-date > select,
.divPurchaseOrders-FourOrganization .FourOrganization-date .directiveThird,
.divPurchaseOrders-FourOrganization .FourOrganization-date .spanInput {
    width: calc(55% - 27px);
}

.divPurchaseOrders-FourOrganization .FourOrganization-date > span {
    width: 27px;
}

.divPurchaseOrders-FourOrganization .FourOrganization-date button {
    width: 27px;
    padding: 0;
    margin: auto;
}

.divPurchaseOrders-FourOrganization .FourOrganization-large {
    width: 50%;
    float: left;
}

.divPurchaseOrders-FourOrganization .FourOrganization-large > input,
.divPurchaseOrders-FourOrganization .FourOrganization-large .directivePuc,
.divPurchaseOrders-FourOrganization .FourOrganization-large .directiveCity,
.divPurchaseOrders-FourOrganization .FourOrganization-large .divWidthinput,
.divPurchaseOrders-FourOrganization .FourOrganization-large > select,
.divPurchaseOrders-FourOrganization .FourOrganization-large .directiveThird,
.divPurchaseOrders-FourOrganization .FourOrganization-large .spanInput {
    width: 77.5%;
}

.divPurchaseOrders-FourOrganization .FourOrganization-large-2 {
    width: 39%;
    float: left;
}

.divPurchaseOrders-FourOrganization .FourOrganization-large-2 > input,
.divPurchaseOrders-FourOrganization .FourOrganization-large-2 .directivePuc,
.divPurchaseOrders-FourOrganization .FourOrganization-large-2 .directiveCity,
.divPurchaseOrders-FourOrganization .FourOrganization-large-2 .divWidthinput,
.divPurchaseOrders-FourOrganization .FourOrganization-large-2 > select,
.divPurchaseOrders-FourOrganization .FourOrganization-large-2 .directiveThird,
.divPurchaseOrders-FourOrganization .FourOrganization-large-2 .spanInput {
    width: 77.5%;
}

.divPurchaseOrders-FourOrganization .FourOrganization-large-radios {
    width: 50%;
    float: left;
}

.divPurchaseOrders-FourOrganization .FourOrganization-large-radios md-radio-group {
    width: 77.5%;
    float: right;
}

.divPurchaseOrders-FourOrganization .FourOrganization-large-radios md-radio-group .divRadioButons {
    width: 37%;
}

.divPurchaseOrders-FourOrganization .FourOrganization-inputShort {
    width: 25%;
    float: left;
}

.divPurchaseOrders-FourOrganization .FourOrganization-inputShort > input,
.divPurchaseOrders-FourOrganization .FourOrganization-inputShort .directivePuc,
.divPurchaseOrders-FourOrganization .FourOrganization-inputShort .directiveCity,
.divPurchaseOrders-FourOrganization .FourOrganization-inputShort > select,
.divPurchaseOrders-FourOrganization .FourOrganization-inputShort .directiveThird,
.divPurchaseOrders-FourOrganization .FourOrganization-inputShort .spanInput {
    width: 25%;
}

.divPurchaseOrders-FourOrganization .FourOrganization-inputShort-withMarginRight {
    width: 25%;
    float: left;
}

.divPurchaseOrders-FourOrganization .FourOrganization-inputShort-withMarginRight > input,
.divPurchaseOrders-FourOrganization .FourOrganization-inputShort-withMarginRight .directivePuc,
.divPurchaseOrders-FourOrganization .FourOrganization-inputShort-withMarginRight .directiveCity,
.divPurchaseOrders-FourOrganization .FourOrganization-inputShort-withMarginRight > select,
.divPurchaseOrders-FourOrganization .FourOrganization-inputShort-withMarginRight .directiveThird,
.divPurchaseOrders-FourOrganization .FourOrganization-inputShort-withMarginRight .spanInput {
    width: 20%;
    margin-right: 35%;
}

.divPurchaseOrders-FourOrganization .FourOrganization-large-inputShort {
    width: 50%;
    float: left;
}

.divPurchaseOrders-FourOrganization .FourOrganization-large-inputShort > input,
.divPurchaseOrders-FourOrganization .FourOrganization-large-inputShort .directivePuc,
.divPurchaseOrders-FourOrganization .FourOrganization-large-inputShort .directiveCity,
.divPurchaseOrders-FourOrganization .FourOrganization-large-inputShort .divWidthinput,
.divPurchaseOrders-FourOrganization .FourOrganization-large-inputShort > select,
.divPurchaseOrders-FourOrganization .FourOrganization-large-inputShort .directiveThird,
.divPurchaseOrders-FourOrganization .FourOrganization-large-inputShort .spanInput {
    width: 45%;
}

.divPurchaseOrders-FourOrganization .FourOrganization-large-inputShort-withMarginRight {
    width: 50%;
    float: left;
}

.divPurchaseOrders-FourOrganization .FourOrganization-large-inputShort-withMarginRight > input,
.divPurchaseOrders-FourOrganization .FourOrganization-large-inputShort-withMarginRight .directivePuc,
.divPurchaseOrders-FourOrganization .FourOrganization-large-inputShort-withMarginRight .directiveCity,
.divPurchaseOrders-FourOrganization .FourOrganization-large-inputShort-withMarginRight .divWidthinput,
.divPurchaseOrders-FourOrganization .FourOrganization-large-inputShort-withMarginRight > select,
.divPurchaseOrders-FourOrganization .FourOrganization-large-inputShort-withMarginRight .directiveThird,
.divPurchaseOrders-FourOrganization .FourOrganization-large-inputShort-withMarginRight .spanInput {
    width: 13%;
    margin-right: 32%;
}

.divPurchaseOrders-FourOrganization .FourOrganization-large-inputShort-date {
    width: 50%;
    float: left;
}

.divPurchaseOrders-FourOrganization .FourOrganization-large-inputShort-date > input,
.divPurchaseOrders-FourOrganization .FourOrganization-large-inputShort-date .directivePuc,
.divPurchaseOrders-FourOrganization .FourOrganization-large-inputShort-date .directiveCity,
.divPurchaseOrders-FourOrganization .FourOrganization-large-inputShort-date .divWidthinput,
.divPurchaseOrders-FourOrganization .FourOrganization-large-inputShort-date > select,
.divPurchaseOrders-FourOrganization .FourOrganization-large-inputShort-date .directiveThird,
.divPurchaseOrders-FourOrganization .FourOrganization-large-inputShort-date .spanInput {
    width: calc(45% - 27px);
}

.divPurchaseOrders-FourOrganization .FourOrganization-large-inputShort-date > span {
    width: 27px;
}

.divPurchaseOrders-FourOrganization .FourOrganization-large-inputShort-date button {
    width: 27px;
    padding: 0;
    margin: auto;
}

.divPurchaseOrders-FourOrganization .FourOrganization-large-twoInputs-dateAndNomral {
    width: 50%;
    float: left;
}

.divPurchaseOrders-FourOrganization .FourOrganization-large-twoInputs-dateAndNomral > .inputsGeneralDate {
    width: 21% !important;
    margin-left: 0 !important;
}

.divPurchaseOrders-FourOrganization .FourOrganization-large-twoInputs-dateAndNomral > input {
    width: 30%;
    margin-left: 0.2em;
}

.divPurchaseOrders-FourOrganization .FourOrganization-large-twoInputs-dateAndNomral > span {
    width: 27px;
}

.divPurchaseOrders-FourOrganization .FourOrganization-large-twoInputs-dateAndNomral button {
    width: 27px;
    padding: 0;
    margin: auto;
}

.divPurchaseOrders-FourOrganization .FourOrganization-inputShort-2 {
    width: 10%;
    float: left;
}

.divPurchaseOrders-FourOrganization .FourOrganization-inputShort-2 > input,
.divPurchaseOrders-FourOrganization .FourOrganization-inputShort-2 .directivePuc,
.divPurchaseOrders-FourOrganization .FourOrganization-inputShort-2 .directiveCity,
.divPurchaseOrders-FourOrganization .FourOrganization-inputShort-2 > select,
.divPurchaseOrders-FourOrganization .FourOrganization-inputShort-2 .directiveThird,
.divPurchaseOrders-FourOrganization .FourOrganization-inputShort-2 .spanInput {
    width: 45%;
}

.divPurchaseOrders-FourOrganization .FourOrganization-inputShort-3 {
    width: 15%;
    float: left;
}

.divPurchaseOrders-FourOrganization .FourOrganization-inputShort-3 > input,
.divPurchaseOrders-FourOrganization .FourOrganization-inputShort-3 .directivePuc,
.divPurchaseOrders-FourOrganization .FourOrganization-inputShort-3 .directiveCity,
.divPurchaseOrders-FourOrganization .FourOrganization-inputShort-3 > select,
.divPurchaseOrders-FourOrganization .FourOrganization-inputShort-3 .directiveThird,
.divPurchaseOrders-FourOrganization .FourOrganization-inputShort-3 .spanInput {
    width: 45%;
}

.divPurchaseOrders-FourOrganization .FourOrganization-with2Inputs {
    width: 25%;
    float: left;
}

.divPurchaseOrders-FourOrganization .FourOrganization-with2Inputs > input,
.divPurchaseOrders-FourOrganization .FourOrganization-with2Inputs .directivePuc,
.divPurchaseOrders-FourOrganization .FourOrganization-with2Inputs .directiveCity,
.divPurchaseOrders-FourOrganization .FourOrganization-with2Inputs .divWidthinput,
.divPurchaseOrders-FourOrganization .FourOrganization-with2Inputs > select,
.divPurchaseOrders-FourOrganization .FourOrganization-with2Inputs .directiveThird,
.divPurchaseOrders-FourOrganization .FourOrganization-with2Inputs .spanInput {
    width: 40.5%;
}

.divPurchaseOrders-FourOrganization .FourOrganization-inputShort-4 {
    width: 20%;
    float: left;
}

.divPurchaseOrders-FourOrganization .FourOrganization-inputShort-4 > input,
.divPurchaseOrders-FourOrganization .FourOrganization-inputShort-4 .directivePuc,
.divPurchaseOrders-FourOrganization .FourOrganization-inputShort-4 .directiveCity,
.divPurchaseOrders-FourOrganization .FourOrganization-inputShort-4 > select,
.divPurchaseOrders-FourOrganization .FourOrganization-inputShort-4 .directiveThird,
.divPurchaseOrders-FourOrganization .FourOrganization-inputShort-4 .spanInput {
    width: 34%;
}

.divPurchaseOrders-medium-TwoContainers {
    width: calc(49.5% - 0.5em);
    display: inline-block;
}

.divPurchaseOrders-medium-TwoContainers .TwoContainers {
    width: 44.3%;
    display: inline-block;
}

.divPurchaseOrders-medium-TwoContainers .TwoContainers:first-child {
    width: 55% !important;
}

.divPurchaseOrders-medium-TwoContainers .TwoContainers:first-child > input,
.divPurchaseOrders-medium-TwoContainers .TwoContainers:first-child > select {
    width: 45.5% !important;
}

.divPurchaseOrders-medium-TwoContainers .TwoContainers > input,
.divPurchaseOrders-medium-TwoContainers .TwoContainers > select {
    width: 50%;
}

.divPayrollMediumTwoInputsOneLabel {
    width: 50%;
    display: inline-block;
    margin-left: 50%;
    float: left;
}

.divPayrollMediumTwoInputsOneLabel > input {
    width: 25%;
}

.divPurchaseOrders-medium-textarea {
    vertical-align: top;
    width: calc(49.5% - 0.5em);
    display: inline-block;
}

.divPurchaseOrders-medium-textarea > textarea {
    width: 70%;
    height: 6em;
    display: inline-block;
}

.divPurchaseOrders-medium-with-Check {
    width: calc(49.5% - 0.5em);
    display: inline-block;
}

.divPurchaseOrders-medium-with-Check > input,
.divPurchaseOrders-medium-with-Check .directivePuc,
.divPurchaseOrders-medium-with-Check .directiveCity,
.divPurchaseOrders-medium-with-Check .divWidthinput,
.divPurchaseOrders-medium-with-Check > select,
.divPurchaseOrders-medium-with-Check .directiveThird {
    width: 64.6%;
    display: inline-block;
}

.divPurchaseOrders-medium-with-Button {
    width: calc(49.5% - 0.5em);
    display: inline-block;
}

.divPurchaseOrders-medium-with-Button > input,
.divPurchaseOrders-medium-with-Button .directivePuc,
.divPurchaseOrders-medium-with-Button .directiveCity,
.divPurchaseOrders-medium-with-Button .divWidthinput,
.divPurchaseOrders-medium-with-Button > select,
.divPurchaseOrders-medium-with-Button .directiveThird {
    width: 64.6%;
    display: inline-block;
}

.divPurchaseOrders-medium-with-Button > button {
    padding: 0.1em 0.5em;
    font-size: 1em;
    vertical-align: top;
    position: relative;
    top: 0;
    float: right;
}

.divPurchaseOrders-medium3 {
    float: left;
    width: calc(50% - 0.5em);
    display: inline-block;
}

.divPurchaseOrders-medium3 > input,
.divPurchaseOrders-medium3 .directivePuc,
.divPurchaseOrders-medium3 .directiveCity,
.divPurchaseOrders-medium3 .divWidthinput,
.divPurchaseOrders-medium3 > select,
.divPurchaseOrders-medium3 .directiveThird {
    width: 60%;
    display: inline-block;
}

.divInvoicePurchaseItems-medium-with2Inputs {
    width: 29.8%;
    display: inline-block;
}

.divInvoicePurchaseItems-medium-with2Inputs > input,
.divInvoicePurchaseItems-medium-with2Inputs .directivePuc,
.divInvoicePurchaseItems-medium-with2Inputs .directiveCity,
.divInvoicePurchaseItems-medium-with2Inputs .divWidthinput,
.divInvoicePurchaseItems-medium-with2Inputs > select,
.divInvoicePurchaseItems-medium-with2Inputs .directiveThird {
    width: 35.5%;
    display: inline-block;
}

.divInvoicePurchaseItems-medium-with2Inputs > .purchaseOrdersInputMini {
    width: 14% !important;
}

.divLargeModifyItems2 {
    width: 97%;
}

.divLargeModifyItems2 > input,
.divLargeModifyItems2 .directivePuc,
.divLargeModifyItems2 .directiveCity,
.divLargeModifyItems2 .divWidthinput,
.divLargeModifyItems2 > select {
    width: 59%;
    display: inline-block;
}

.divCompanies4,
.divItemsMedium {
    width: 60%;
}

.divCompanies4 > input,
.divItemsMedium > input,
.divCompanies4 > select,
.divItemsMedium > select {
    width: 50%;
}

.divPurchaseOrders-short {
    width: 26%;
    display: inline-block;
}

.divPurchaseOrders-short > input,
.divPurchaseOrders-short > select {
    width: 43.5%;
}

.divPurchaseOrders-short-date-2 {
    width: 26%;
    display: inline-block;
}

.divPurchaseOrders-short-date-2 > input,
.divPurchaseOrders-short-date-2 > select {
    width: calc(43.5% - 27px);
}

.divPurchaseOrders-short-date-2 > span {
    width: 27px;
}

.divPurchaseOrders-short-date-2 button {
    width: 27px;
    padding: 0;
    margin: auto;
}

.divPurchaseOrders-Big {
    display: inline-block;
}

.divPurchaseOrders-Big textarea {
    border-radius: 5px !important;
    height: 7.2em;
    font-size: 0.8em !important;
    color: #000;
    resize: none;
    display: inline-block;
}

.divPurchaseOrders-Big-div {
    display: inline-block;
    width: 25.5%;
    padding: 0 0.7em 0 1em;
    position: relative;
}

/**
* Estilo para para ajustar el total y el cambio en Facturación P.O.S
* @ruta /home/pos/invoiceSalesPos
* @Andrés Felipe Bolaños.
*/
.totalling-post-wrp {
    padding-right: 0px !important;
    width: 29.5% !important;
}
.totalling-post-wrp label {
    margin-top: -5px !important;
}


.divPurchaseOrders-Big-div input {
    width: 36%;
}

.divPurchaseOrders-Big-div .otherPostingsInputs {
    width: 57% !important;
}

.divPurchaseOrders-Btn {
    width: 50%;
    margin: 0 auto;
    position: relative;
}

.divPurchaseOrders-Btn input {
    width: 40%;
}

.divPurchaseOrders-short-minimum {
    width: 17.3%;
    display: inline-block;
}

.divPurchaseOrders-short-minimum > input,
.divPurchaseOrders-short-minimum > select {
    width: 45%;
}

.divPurchaseOrders-short-minimum2 {
    width: 21%;
    display: inline-block;
}

.divPurchaseOrders-short-minimum2 > input,
.divPurchaseOrders-short-minimum2 > select {
    width: 30%;
}

.divPurchaseOrders-short-1 {
    width: 30%;
    padding: 0;
    margin-right: 1.4%;
    display: inline-block;
}

.divPurchaseOrders-short-1 > input,
.divPurchaseOrders-short-1 > select,
.divPurchaseOrders-short-1 > button {
    width: 51%;
}

.divPurchaseOrders-short-1 button {
    float: right;
}

.divPurchaseOrdersRadios {
    width: calc(49.5% - 0.5em);
    display: inline-block;
}

.divPurchaseOrdersRadios md-radio-group {
    width: 70%;
    float: right;
}

.divPurchaseOrdersRadios md-radio-group .divRadioButons {
    width: 49.5%;
}

.divPurchaseOrdersRadios md-radio-group .divRadioButons2 {
    width: 15%;
}

.divClientsNotesRadios {
    width: 30%;
    display: inline-block;
}

.divClientsNotesRadios md-radio-group {
    width: 80%;
    float: right;
}

.divClientsNotesRadios md-radio-group .divRadioButons {
    width: 47%;
}

.divInventaryArchingRadios {
    width: 33%;
    display: inline-block;
    margin-bottom: 0.5em;
}

.divInventaryArchingRadios md-radio-group {
    width: 55%;
    float: right;
}

.divInventaryArchingRadios md-radio-group .divRadioButons {
    width: 47%;
}

.divInventaryArchingRadios1 {
    width: 50%;
    display: inline-block;
    margin-bottom: 0.5em;
}

.divInventaryArchingRadios1 md-radio-group {
    width: 85%;
    float: right;
}

.divInventaryArchingRadios1 md-radio-group .divRadioButons {
    width: 30%;
}

.divDepositChecksRadios {
    width: 40%;
    display: inline-block;
    margin-bottom: 0.5em;
}

.divDepositChecksRadios md-radio-group {
    width: 80%;
    float: right;
}

.divDepositChecksRadios md-radio-group .divRadioButons {
    width: 32%;
}

.divOtherAccountsIncomeRadios {
    width: 60%;
    display: inline-block;
    margin-bottom: 0.5em;
}

.divOtherAccountsIncomeRadios md-radio-group {
    width: 85%;
    float: right;
}

.divOtherAccountsIncomeRadios md-radio-group .divRadioButons {
    width: 32%;
}

.divInventaryArchingRadios2 {
    width: 80%;
    display: inline-block;
    margin-bottom: 0.5em;
}

.divInventaryArchingRadios2 md-radio-group {
    width: 85%;
    float: right;
}

.divInventaryArchingRadios2 md-radio-group .divRadioButons {
    width: 24%;
}

.divMonthlyProcessRadios {
    width: 104%;
    display: inline-block;
}

.divMonthlyProcessRadios md-radio-group {
    width: 100%;
    float: right;
}

.divMonthlyProcessRadios md-radio-group .divRadioButons {
    width: 100%;
}

.divPurchaseOrders-short-2 {
    width: 21.6%;
    display: inline-block;
}

.divPurchaseOrders-short-2 > input,
.divPurchaseOrders-short-2 > select {
    width: 45%;
}

.divPurchaseOrders-short-3 {
    width: 7%;
    display: inline-block;
}

.divPurchaseOrders-short-3 > input,
.divPurchaseOrders-short-3 > select {
    width: 40%;
}

.divPurchaseOrders-short-date {
    width: 13.4%;
    display: inline-block;
}

.divPurchaseOrders-short-date > input,
.divPurchaseOrders-short-date > select {
    width: calc(71% - 27px);
}

.divPurchaseOrders-short-date > span {
    width: 27px;
}

.divPurchaseOrders-short-date button {
    width: 27px;
    padding: 0;
    margin: auto;
}

.divPurchaseOrders-short-4 {
    width: 13.4%;
    display: inline-block;
}

.divPurchaseOrders-short-4 > input,
.divPurchaseOrders-short-4 > select {
    width: 71%;
}

.divCompanies5 {
    width: 13%;
    text-align: left;
}

.divCompanies5 input {
    width: 60px;
    float: inherit;
}

.divCompanies10-1 {
    width: 66%;
    display: inline-block;
}

.divCompanies10-1 input {
    width: 54.4%;
}

.divCompanies10-2 {
    width: 30%;
    display: inline-block;
}

.divCompanies10-2 input,
.divCompanies10-2 select {
    width: 60%;
}

.divCompanies11 {
    width: 35%;
    display: inline-block;
    margin-right: 4em;
}

.divCompanies11-1 {
    width: 18%;
    display: inline-block;
    /*margin-right: 1.5em;*/
}

.divCompanies11-2 {
    width: 14.3%;
    display: inline-block;
}

.divCompanies14,
.divCompanies16 {
    width: 49%;
}

.divCompanies14 input,
.divCompanies16 input {
    width: 60%;
}

.divCompanies15,
.divCompanies17 {
    width: 50%;
}

.divCompanies15 input,
.divCompanies17 input {
    width: 60%;
}

.divPartners1 {
    width: 59%;
}

.divPartners1 select,
.divPartners1 input {
    width: 49%;
}

.divPartners2 {
    padding-left: 0.5em;
    width: 40%;
}

.divPartners2 input {
    width: 45%;
}

.divPartners2 #identificationDV {
    width: 10% !important;
}

.divPartnersBig {
    width: 100%;
    margin: 1em 0;
    overflow: hidden;
}

.divPartnersBig textarea {
    width: 70%;
    border-radius: 5px !important;
    height: 70px;
    float: right;
    font-size: 0.8em;
    color: #000;
    resize: none;
}

.divPartnersSmall {
    width: 50%;
}

.divPartnersSmall input {
    width: 40%;
}

.divPartners14 {
    width: 61%;
}

.divPartners14 input,
.divPartners14 select {
    width: 50%;
    margin-right: 1%;
}

.divPartners15 {
    width: calc(40.3% - 0.5em);
}

.divPartners15 input,
.divPartners15 select {
    width: 55.1%;
}

.itemsContainer-identification-inputs1 {
    width: 33%;
    display: inline-block;
}

.itemsContainer-identification-inputs1 > input,
.itemsContainer-identification-inputs1 > select {
    width: 47%;
    margin-right: 1em;
}

.itemsContainer-identification-inputs-date {
    width: 32%;
    display: inline-block;
}

.itemsContainer-identification-inputs-date > input {
    width: calc(50% - 27px);
}

.itemsContainer-identification-inputs-date:first-child {
    margin: 0;
}

.itemsContainer-identification-inputs-date > span {
    width: 27px;
}

.itemsContainer-identification-inputs-date button {
    width: 27px;
    padding: 0;
    margin: auto;
}

.itemsContainer-identification-inputs2 {
    width: 40%;
    display: inline-block;
}

.itemsContainer-identification-inputs2 > input,
.itemsContainer-identification-inputs2 > select {
    width: 60%;
    margin-right: 1em;
}

.itemsContainer-identification-check2 {
    width: 22%;
    display: inline-block;
}

.itemsContainer-identification-check2 md-checkbox {
    margin: 0;
}

.itemsContainer-identification-check3 {
    width: 24%;
    display: inline-block;
}

.itemsContainer-identification-check3 md-checkbox {
    margin: 0 2em 0 0;
}

.itemsContainer-identification-check3 > input,
.itemsContainer-identification-check3 > select {
    width: 50%;
    margin-right: 1em;
}

.divInputMedium-textArea {
    width: calc(49.5% - 0.5em);
    display: inline-block;
}

.divInputMedium-textArea > textarea {
    width: 70%;
    height: 5em;
}

.itemsContainer-identification-check3-mod {
    width: 32%;
    display: inline-block;
}

.itemsContainer-identification-check3-mod md-checkbox {
    margin: 0 2em 0 0;
}

.itemsContainer-identification-check3-mod > input,
.itemsContainer-identification-check3-mod > select {
    width: 40%;
    margin-right: 1em;
}

.itemsContainer-identification-check3-mod2 {
    width: 20%;
    display: inline-block;
}

.itemsContainer-identification-check3-mod2 md-checkbox {
    margin: 0 2em 0 0;
}

.itemsContainer-identification-check3-mod2 > input,
.itemsContainer-identification-check3-mod2 > select {
    width: 55%;
    margin-right: 1em;
}

.itemsContainer-identification-check3-date {
    width: 24%;
    display: inline-block;
}

.itemsContainer-identification-check3-date > input {
    width: calc(50% - 27px);
}

.itemsContainer-identification-check3-date:first-child {
    margin: 0;
}

.itemsContainer-identification-check3-date > span {
    width: 27px;
}

.itemsContainer-identification-check3-date button {
    width: 27px;
    padding: 0;
    margin: auto;
}

.itemsContainer-identification-large1 {
    width: 100%;
    display: inline-block;
}

.itemsContainer-identification-large1 > input,
.itemsContainer-identification-large1 > select {
    width: 82.5%;
    margin-right: 1.1em;
}

.itemsContainer-identification-large2 {
    width: 100%;
    display: inline-block;
}

.itemsContainer-identification-large2 > input,
.itemsContainer-identification-large2 > select {
    width: 76%;
}

.itemsContainer-identification-large3 {
    width: 100%;
    display: inline-block;
}

.itemsContainer-identification-large3 > input,
.itemsContainer-identification-large3 > select {
    width: 40%;
}

.divItemsShort {
    width: 43%;
    display: inline-block;
}

.divItemsShort > input,
.divItemsShort > select {
    width: 30%;
}

.divShortsItems {
    width: 100%;
}

.divShortsItems > input,
.divShortsItems > select {
    width: 85%;
}

.divPiecesStages-large input,
.divPiecesStages-large select {
    width: 70%;
}

.divPiecesStages-large textarea {
    width: 70%;
    border-radius: 5px !important;
    height: 9em;
    float: right;
    font-size: 0.8em;
    color: #000;
    resize: none;
}

.divPiecesStages-short {
    width: 59%;
    display: inline-block;
}

.divPiecesStages-short input,
.divPiecesStages-short select {
    width: 49%;
}

.divPiecesStages-check {
    width: 30%;
    display: inline-block;
    float: right;
}

.divPiecesStages-check input,
.divPiecesStages-check select {
    width: 49%;
}

.productionDivMedium1-date {
    display: inline-block;
    width: 30%;
}

.productionDivMedium1-date > input {
    width: calc(50.5% - 27px) !important;
}

.productionDivMedium1-date > span {
    width: 27px;
}

.productionDivMedium1-date button {
    width: 27px;
    padding: 0;
    margin: auto;
}

.productionDivMedium1 {
    display: inline-block;
    width: 30%;
}

.productionDivMedium1 input,
.productionDivMedium1 select {
    width: 50.5%;
}

.productionDivMedium2 {
    width: 49.5%;
    display: inline-block;
}

.productionDivDate {
    width: calc(44.5% - 1em);
    display: inline-block;
    margin-right: 1em;
}

.productionDivDate > input {
    width: calc(70% - 27px) !important;
}

.productionDivDate > span {
    width: 27px;
}

.productionDivDate button {
    width: 27px;
    padding: 0;
    margin: auto;
}

.productionDivShort {
    width: 54.5%;
    display: inline-block;
}

.productionDivShort input,
.productionDivShort select {
    width: 40%;
    margin-right: 1em;
}

.productionDivMedium {
    width: 49.5%;
    display: inline-block;
}

.productionDivMedium md-checkbox {
    float: left !important;
}

.productionDivMedium > .divOrderRight {
    width: 67.4%;
    float: right;
    margin-right: 1em;
}

.productionDivMedium > div {
    display: inline-block;
}

.productionDivMedium > input,
.productionDivMedium > select,
.productionDivMedium .directivePuc,
.productionDivMedium .directiveThird {
    width: 67.4%;
    margin-right: 1em;
}

.productionDivMedium > textarea {
    width: 95%;
    height: 10em;
    resize: none;
    font-size: 0.8em;
    padding: 0.5em;
    margin: auto;
    float: left;
}

.productionDivMediumStages {
    width: 49.5%;
    display: inline-block;
}

.productionDivMediumStages > input,
.productionDivMediumStages > select,
.productionDivMediumStages .directivePuc,
.productionDivMediumStages .directiveThird {
    width: 48%;
    margin-right: 1em;
}

.productionDivMediumStages .btnPlus {
    margin: 0;
    float: right;
}

.divPucShort {
    width: 100%;
}

.divPucShort md-checkbox {
    margin-right: 2em !important;
}

.divPucShort input {
    width: 7%;
}

.divPucShort .messageBoxPUC {
    width: 61%;
    height: 2em;
    float: right;
    margin-left: 1em;
}

.divPucShort .messageBoxPUC p {
    font-size: 0.8em;
    vertical-align: text-top;
}

.divKitsMedium {
    width: 70%;
}

.divKitsMedium > input,
.divKitsMedium > select,
.divKitsMedium .directiveThird {
    width: 70%;
}

.divPUCMedium {
    width: 70%;
}

.divPUCMedium > input,
.divPUCMedium > select {
    width: 50%;
}

.divInputMedium-date {
    width: calc(49.5% - 0.5em);
    display: inline-block;
    margin-left: 0.1em;
}

.divInputMedium-date > input {
    width: calc(54.2% - 27px);
}

.divInputMedium-date:first-child {
    margin: 0;
}

.divInputMedium-date > span {
    width: 27px;
}

.divInputMedium-date button {
    width: 27px;
    padding: 0;
    margin: auto;
}

.divInputMediumItems2 {
    width: calc(49.5% - 0.5em);
    display: inline-block;
}

.divInputMediumItems2 > input,
.divInputMediumItems2 > select {
    width: 70%;
}

.divInputMediumWithButtonAndMessage {
    width: calc(49.5% - 0.5em);
    display: inline-block;
}

.divInputMediumWithButtonAndMessage > input,
.divInputMediumWithButtonAndMessage > select {
    width: 55%;
}

.divInputMediumWithButtonAndMessage .btnPencil {
    float: right;
    width: 5%;
    font-size: 1.5em;
    padding-left: 0.5em;
}

.labelWithMessaageInfo {
    height: 1.7em;
    text-align: center;
    line-height: 1.6em;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    border-left: 0;
}

.divWidthinput {
    float: right;
}

.divWidthinput .divWidthinput-divisorLabel {
    margin-left: 2em;
}

.divWidthinput .divWidthinput-divisorLabel md-checkbox {
    float: right;
}

.divWidthinput .inputMedium {
    width: 50%;
}

.divWidthinput .inputShort {
    width: 17%;
    float: left !important;
}

.divWidthinput > md-checkbox {
    float: left;
}

.divWidthinput md-checkbox {
    margin: 0;
}

.divWidthinput .divWidthinput-input {
    width: 20%;
    display: inline-block;
}

.divWidthinput .divWidthinput-input > select,
.divWidthinput .divWidthinput-input > input {
    width: 98%;
}

.divWidthinput .divWidthinput-2 {
    width: calc(39% - 0.5em);
    display: inline-block;
    vertical-align: top;
}

.divWidthinput .divWidthinput-2 > select,
.divWidthinput .divWidthinput-2 > input {
    width: 71%;
}

.divEmployeesJoinDate {
    width: 29.5%;
    margin-left: 69.7%;
    display: inline-block;
    vertical-align: top;
}

.divEmployeesJoinDate > select,
.divEmployeesJoinDate > input {
    width: 43%;
}

.divThirdPartiesModals-medium {
    width: 48%;
}

.divThirdPartiesModals-medium > select,
.divThirdPartiesModals-medium > input,
.divThirdPartiesModals-medium .directiveCity {
    width: 53.7%;
}

.divThirdPartiesModals-short-1 {
    width: 37%;
}

.divThirdPartiesModals-short-1 > input,
.divThirdPartiesModals-short-1 > select {
    width: 40%;
}

.divThirdPartiesModals-medium {
    width: 48%;
    display: inline-block;
    margin-right: 1em;
}

.divThirdPartiesModals-medium > select,
.divThirdPartiesModals-medium > input,
.divThirdPartiesModals-medium .directiveCity {
    width: 62%;
}

.divThirdPartiesModals-medium-2 {
    width: 48%;
    display: inline-block;
    margin-right: 1em;
}

.divThirdPartiesModals-medium-2 > select,
.divThirdPartiesModals-medium-2 > input,
.divThirdPartiesModals-medium-2 .directiveCity {
    width: 20%;
    margin-right: 1em;
}

.divThirdPartiesModals-medium-right {
    width: 48%;
    display: inline-block;
    margin-right: 1.26em;
    float: right;
}

.divThirdPartiesModals-medium-right > select,
.divThirdPartiesModals-medium-right > input,
.divThirdPartiesModals-medium-right .directiveCity {
    width: 62%;
}

.divThirdPartiesModals-medium-1 {
    width: 48%;
    display: inline-block;
    margin-right: 18%;
}

.divThirdPartiesModals-medium-1 > select,
.divThirdPartiesModals-medium-1 > input {
    width: 23%;
    float: inherit;
    margin: 0 1em 0 0.5em;
}

.divThirdPartiesModals-medium-1 md-checkbox {
    margin: 0;
}

.divThirdPartiesModals-medium-3 {
    width: 48%;
    display: inline-block;
}

.divThirdPartiesModals-medium-3 > select,
.divThirdPartiesModals-medium-3 > input {
    width: 23%;
    margin-right: 39%;
}

.divThirdPartiesModals-short {
    width: 23.8%;
    display: inline-block;
}

.divThirdPartiesModals-short > input,
.divThirdPartiesModals-short > select {
    width: 50%;
}

.divThirdPartiesModals-short-1 {
    width: 30%;
    display: inline-block;
}

.divThirdPartiesModals-short-1 > input,
.divThirdPartiesModals-short-1 > select {
    width: 40%;
}

.divWarehouse-medium {
    width: 67%;
}

.divWarehouse-medium input {
    width: 40%;
}

.divWarehouse-large > input,
.divWarehouse-large > select,
.divWarehouse-large > .customersAutocomplete,
.divWarehouse-large > .providersAutocomplete,
.divWarehouse-large .directivePuc,
.divWarehouse-large .directiveThird {
    width: 60%;
}

.divWarehouse-large2 input,
.divWarehouse-large2 select {
    width: 45%;
}

.divSalesInvoice-Checkbox {
    width: 17%;
    display: inline-block;
}

.divSalesInvoice-Checkbox md-checkbox {
    float: right;
}

.login {
    display: flex;
    margin: 0;
    background-color: white;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.3em;
    height: 100vh;
    min-width: 1333px;
    min-height: 624px;
}
.login-left {
    height: 100%;
    /* se comenta el pin - PYV2-9706 */
    /* background-image: url(../img/pin-softpymes.png); */
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
}
.form-title {
    margin-bottom: 50px;
    text-align: center;
    color: #999;
}
.login-right {
    height: 100%;
    display: flex;
}

.login-inp-wrp {
    position:relative;
    margin-bottom:22px;
}

.login-inp {
    border-radius: 5px !important;
    font-size:18px;
    padding:10px 10px 10px 5px;
    display:block;
    border-bottom:1px solid #757575 !important;
}
.login-inp:focus {
    outline:none;
}

/* LABEL ======================================= */
.log-inp-label {
    color:#999;
    font-size:18px;
    font-weight:normal;
    position:absolute;
    pointer-events:none;
    left:10px;
    top:12%;
    transition:0.2s ease all;
    -moz-transition:0.2s ease all;
    -webkit-transition:0.2s ease all;
}
/* active state */
.login-inp:focus ~ label, .login-inp:valid ~ label 		{
    top:-24px;
    font-size:18px;
    color:#999;
}
/* active state */
.login-inp:focus ~ .bar:before, input:focus ~ .bar:after {
    width:50%;
}

/* active state */
.login-inp:focus ~ .highlight {
    -webkit-animation:inputHighlighter 0.3s ease;
    -moz-animation:inputHighlighter 0.3s ease;
    animation:inputHighlighter 0.3s ease;
}

/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
    from { background:#5264AE; }
    to 	{ width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter {
    from { background:#5264AE; }
    to 	{ width:0; background:transparent; }
}
@keyframes inputHighlighter {
    from { background:#5264AE; }
    to 	{ width:0; background:transparent; }
}

.container-login {
    width: 31vw;
    margin: auto;
}

.container-login figure {
    margin: 0 0 1em 2em;
}

.container-login figure img {
    width: 100%;
    height: auto;
}

.container-login .formulario {
    width: 100%;
}

.container-login .ng-invalid-required {
    border-color: #bcbcbc !important;
    border-width: 1px !important;
}

.divKitsMedium .ng-invalid-required .ui-select-toggle {
    border: 2px solid #c78282 !important;
}

.form-3 {
    width: 60%;
    position: relative;
    margin: auto;
}

input[type=submit] {
    padding: 0.3em 0.3em;
    /*background: rgba(104, 104, 104, 0.8);*/
    border-radius: 0;
    border: none;
    height: inherit;
    cursor: pointer;
    color: #fff !important;
    font-size: 1.2em;
}

input[type=submit]:active,
input[type=submit]:hover,
input[type=submit]:focus {
    background: rgba(134, 134, 134, 0.8);
    border-color: rgba(0, 0, 0, 0.9);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.6);
}

.messageError {
    height: 3em;
    position: absolute;
    bottom: -2.9em;
}

.inputsLogin {
    margin-bottom: 0.5em;
    color: #2b0e0c;
}

.inputsLogin::-webkit-input-placeholder {
    color: rgba(43, 14, 12, 0.5);
    /*color: rgba(255, 255, 255, 0.5);*/
    font-weight: normal;
}

.inputsLogin:-moz-placeholder {
    color: rgba(43, 14, 12, 0.5);
    /*color: rgba(255, 255, 255, 0.5);*/
    font-weight: normal;
}

.inputsLogin::-moz-placeholder {
    color: rgba(43, 14, 12, 0.5);
    /*color: rgba(255, 255, 255, 0.5);*/
    font-weight: normal;
}

.inputsLogin:-ms-input-placeholder {
    color: rgba(43, 14, 12, 0.5);
    /*color: rgba(255, 255, 255, 0.5);*/
    font-weight: normal;
}
.btn-login {
    width: 100%;
    border: none;
    height: 25px;
    font-size: 14px;
}
input.btn-login[disabled], input.btn-ne-enable[disabled] {
    background: rgba(181, 181, 181, 0.9) !important;
    color: #5d5d5d !important;
    cursor: not-allowed !important;
}

.full_derecha {
    text-align: center;
}

.footer-login {
    bottom: 0;
    position: absolute;
    width: 100%;
    left: 0;
}

.footer-login .containerlicense {
    color: #fff;
    text-align: center;
    width: 100%;
}

.footer-login .containerlicense p {
    margin: 0;
}

.footer-login .containerlicense p:first-child {
    margin-top: 1em;
}

.footer-login .containerlicense p:last-child {
    margin-bottom: 1em;
}

.aspecto2 {
    color: #fff !important;
}

.bodycabecera-estrc {
    font-size: 1em;
}

.barranav1-estrcUsers,
.barranav1-wareHouse,
.barranav1-puc,
.barranav1-ComBraParNav,
.barranav1-billingResolutions,
.barranav1-billingResolutionsPurchase,
.barranav1-Terceros,
.barranav1-SalesZone,
.barranav1-InventoryGroups,
.barranav1-Cities,
.barranav1-estrc,
.barranav1-items,
.barranav1-accounting,
.barranav1-purchaseOrders,
.barranav1-ThirdPartysComisions,
.barranav1-inventaries,
.barranav1-consignatary {
    margin: auto;
}

.barranav1-estrcUsers,
.barranav1-wareHouse,
.barranav1-InventoryGroups,
.barranav1-Terceros {
    width: 15%;
}

.barranav1-puc {
    width: 80%;
}

.barranav1-accounting {
    width: 70%;
}

.barranav1-items {
    width: 60%;
}

.barranav1-consignatary {
    width: 50%;
}

.barranav1-billingResolutionsPurchase,
.barranav1-ComBraParNav {
    width: 30%;
}

.barranav1-ThirdPartysComisions {
    width: 32%;
}

.barranav1-billingResolutions,
.barranav1-Cities {
    width: 20%;
}

.barranav1-purchaseOrders {
    width: 25%;
}

.barranav1-inventaries {
    width: 22%;
}

.barranav1-SalesZone {
    width: 12%;
}

.headercabecera-estrc {
    width: 100%;
    height: 2em;
    margin-bottom: 1em;
}

.barranav1-estrc {
    width: 90%;
    font-size: 1.273em;
}

.navegador {
    border-radius: 4px;
    display: table;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
    -webkit-box-shadow: 0 4px 14px -4px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0 4px 14px -4px rgba(0, 0, 0, 0.75);
    box-shadow: 0 4px 14px -4px rgba(0, 0, 0, 0.75);
}

.navegador li {
    display: table-cell;
    list-style: none;
    margin: 0.5em 0;
}

.navegador li:last-child {
    border: none;
}

.navegador li a {
    display: block;
    line-height: 20px;
    padding: 0.3em;
    position: relative;
    text-align: center;
    text-decoration: none;
}

.navegador li a:hover {
    color: #fff;
}

.navegador li button {
    display: block;
    line-height: 20px;
    padding: 0.3em;
    position: relative;
    text-align: center;
    text-decoration: none;
    border: none;
    margin: 0 auto;
    width: 100%;
    height: 2.3em;
    background: transparent;
}

.navegador li button:hover {
    color: #fff !important;
}

.navegador li button:disabled,
.navegador li button[disabled]{
    background: #f5f5f5 !important;
    color: #7f5151 !important;
}


.cabecera-estrc {
    bottom: 0;
    font-size: 0.5em;
    position: absolute;
    right: 0;
}

.cabecera-estrc h2 {
    /*font-size: 2em;*/
    font-size: 2.4em;
    margin-right: 0.4em;
    margin-top: 0.2em;
}

.cabecera-estrc button {
    margin: 0 0.1em;
    border: none;
    border-radius: 0;
    font-weight: bold;
    color: #fff;
    vertical-align: top;
}

.contenedorcabecera-estrc {
    float: right;
    height: 2em;
    margin: 0 1em 0 0;
    position: relative;
    width: 42%;
}

.iblock {
    display: inline-block;
}

.nomargin {
    margin: 0;
}

.ContainerUniversal {
    /*width: 70%;*/
    width: 85%;
    margin: 0 auto;
    text-align: left;
    padding: 0;
}

.ContainerUniversal > p {
    margin: 0;
    text-align: left;
    font-size: 1.5em;
}

.ContainerUniversal > a {
    display: inline-block;
    padding: 1em 0.5em;
    text-decoration: none;
    vertical-align: top;
    text-align: center;
    width: 6em;
}

.ContainerUniversal > a span {
    font-size: 2.5em;
}

.ContainerUniversal > a p {
    font-size: 0.8em;
    margin: 0;
}

.ContainerUniversal > button {
    padding: 1em 0.5em;
    text-decoration: none;
    vertical-align: top;
    background: transparent;
    border: none;
    text-align: center;
    width: 8em;
    /*width: 6em;*/
    /*height: 7.5em;*/
    height: auto;
    display: flex;
    float: left;
    flex-direction: column;
    align-items: center;
    margin-left: 0.5em;
    outline: none;
    color: #424242 !important;
}

.ContainerUniversal > button span {
    /*font-size: 2.5em;*/
    font-size: 3em;
}

.ContainerUniversal > button p {
    /*font-size: 0.8em;*/
    font-size: 1.091em; /* base 14px */
    margin: 0;
}

.ContainerUniversal > div {
    display: inline-block;
}

.ContainerUniversal > div > button {
    display: inline-block;
    padding: 1em 0.5em;
    text-decoration: none;
    vertical-align: top;
    background: transparent;
    border: none;
    text-align: center;
    width: 6em;
}

.ContainerUniversal > div > button span {
    font-size: 2.5em;
}

.ContainerUniversal > div > button p {
    font-size: 0.8em;
    margin: 0;
}

.inventoryNavContainer,
.purchaseNavContainer {
    margin-top: 1em;
    padding: 0;
}

.inventoryNavContainer > div,
.purchaseNavContainer > div {
    width: 14em;
    display: inline-block;
    vertical-align: top;
    margin: 0 1em;
}

.inventoryNavContainer > div:first-child,
.purchaseNavContainer > div:first-child {
    margin-left: 0 !important;
}

.inventoryNavContainer > div:last-child,
.purchaseNavContainer > div:last-child {
    margin-right: 0 !important;
}

.inventoryNavContainer > div > .titleh4,
.purchaseNavContainer > div > .titleh4 {
    margin-bottom: 0.5em;
}

.inventoryNavContainer > div > ul,
.purchaseNavContainer > div > ul {
    padding: 0;
    width: 100%;
}

.inventoryNavContainer > div > ul > li,
.purchaseNavContainer > div > ul > li {
    list-style: none;
    margin-bottom: 1em;
    font-size: 1em;
    letter-spacing: 0.3px;
}

.purchaseNavContainer > div > > div  ul > li {
    list-style: none !important;
    margin-bottom: 1em;
    font-size: 1em;
    letter-spacing: 0.3px;
}

.inventoryNavContainer > div > ul > li > a,
.purchaseNavContainer > div > ul > li > a {
    text-decoration: none;
    color: initial;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}

.purchaseNavContainer > div > div > ul > li > a {
    text-decoration: none;
    color: initial;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}

.inventoryNavContainer > div > ul > li > a:hover,
.purchaseNavContainer > div > ul > li > a:hover {
    background: rgba(102, 175, 233, 0.3);
}

.purchaseNavContainer > div > div > ul > li > a:hover {
    background: rgba(102, 175, 233, 0.3);
}

.inventoryNavContainer > div > ul > li > button,
.purchaseNavContainer > div > ul > li > button {
    padding: 0;
    text-align: left;
    background: transparent;
    color: #000;
    border: none;
}
.purchaseNavContainer > div > div > ul > li > button {
    padding: 0;
    text-align: left;
    background: transparent;
    color: #000;
    border: none;
}

.inventoryNavContainer > div > ul > li > button[disabled],
.purchaseNavContainer > div > ul > li > button[disabled] {
    color: rgba(0, 0, 0, 0.4);
    cursor: not-allowed;
}

.purchaseNavContainer > div > div > ul > li > button[disabled] {
    color: rgba(0, 0, 0, 0.4);
    cursor: not-allowed;
}

.contenedorCreateUser {
    background-position: center center;
    background-repeat: no-repeat;
    height: 100%;
    position: absolute;
    width: 100%;
}

.containerNewUser {
    margin: 8em auto 0 auto;
    text-align: center;
    width: 80%;
    overflow: visible;
}

.containerNewUser .block {
    margin-bottom: 1em;
}

.containerNewUser figure {
    margin-bottom: 5em;
}

.containerNewUser .bloque1 {
    margin: 0 5em 0 0;
    padding: 0;
    text-align: left;
}

.containerNewUser .bloque1 h5 {
    margin-bottom: 2px;
}

.containerNewUser .bloque1 h2 {
    margin-top: 0;
}

.containerNewUser .bloque2 {
    display: inline-block;
    margin: 0;
    padding: 0;
    text-align: left;
}

.containerNewUser .bloque2 label {
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 11px;
    text-align: left;
    width: 40%;
}

.containerNewUser .bloque2 .inputs {
    border-radius: 1em !important;
    float: right;
    width: 60%;
}

.containerNewUser .bloque2 input[type=submit] {
    margin-top: 1em;
    background: #494949;
    border-radius: 0.7em;
    color: #fff;
    float: right;
    font-size: 15px;
    padding: 0.4em 0.6em;
}

.bloque3 {
    position: absolute;
    bottom: 2em;
    left: 50%;
    margin-left: -321px;
}

.signup-wrapper {
    width: 100%;
    margin: 0;
}

.signup-wrapper .alert {
    margin-top: 10px;
}

.signup-wrapper input[text] {
    background-color: #fff;
    border-radius: 3px;
    border: 3px solid #c9c9c9 !important;
    margin-bottom: 2em;
    max-width: 550px;
    min-height: 36px;
    min-width: 50px;
    padding: 0 0.4em 0 0.4em;
    vertical-align: middle;
}

.signup-wrapper label {
    -ms-user-select: none;
    -webkit-user-select: none;
    color: #595959;
    display: block;
    font-size: 15px;
    font-weight: 500;
    line-height: 18px;
    max-width: 550px;
    padding-bottom: 0.4em;
    user-select: none;
}

.prompt {
    color: #959595;
    margin-top: 10px;
    max-width: 550px;
    position: relative;
    white-space: normal;
    width: 100%;
    word-wrap: break-word;
}

.float-left {
    float: left;
}

.password-requirements {
    margin-top: 10px;
    font-size: 0.8em;
}

.password-requirements .selfclear {
    margin-left: 20px;
}

.password-requirements ul {
    list-style: none;
    padding-left: 0;
}

.password-requirements ul:first-child {
    margin-right: 15px;
}

.password-requirements ul li:before {
    background: #000;
    border-radius: 6px;
    content: "";
    display: inline-block;
    height: 6px;
    margin-left: 4px;
    margin-right: 8px;
    position: relative;
    top: -1px;
    width: 6px;
}

.password-requirements ul li.completed {
    opacity: 0.5;
}

div[ng-messages] {
    position: relative;
    text-align: left;
    white-space: normal;
    width: 100%;
    word-wrap: break-word;
}

.popovertitle {
    text-align: center;
    font-weight: 400;
    color: #282828;
    margin-top: -1em;
}

.ContainerActionButton {
    position: fixed;
    bottom: 0;
    left: calc(47% - 329px);
    height: 4em;
}

.navBtns {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 0;
}

.navBtns button {
    background: transparent;
    vertical-align: middle;
    border: none;
    cursor: pointer;
    display: inline-block;
    font-size: 1.5rem;
    padding: 0.5em 0.7em;
    margin: 0;
}

.navBtns button:focus,
.navBtns button:active {
    outline: thin none;
    outline-offset: 0;
}

.navBtns button span {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}

.navBtns button span:hover,
.navBtns button span:focus,
.navBtns button span:active {
    -webkit-animation-name: hvr-bob-float, hvr-bob;
    animation-name: hvr-bob-float, hvr-bob;
    -webkit-animation-duration: 0.3s, 1.5s;
    animation-duration: 0.3s, 1.5s;
    -webkit-animation-delay: 0s, 0.3s;
    animation-delay: 0s, 0.3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate;
}

.navBtns button[disabled] {
    display: inline-block;
    vertical-align: middle;
}

.navBtns button[disabled] span {
    display: inline-block;
    vertical-align: middle;
    cursor: not-allowed;
}

.navBtns button[disabled] span:hover,
.navBtns button[disabled] span:focus,
.navBtns button[disabled] span:active {
    animation: none;
}

.navBtns li:first-child {
    margin: 0;
}

.navBtns li:last-child {
    margin: 0;
}

.navBtns li button span {
    font-size: 2em;
}

.navBtns li button .btnPencilCommands {
    font-size: 1.7em !important;
}

.btnsTableEstrucUser {
    width: 95%;
    text-align: center;
}

.btnsTableEstrucUser .btnOkey:focus,
.btnsTableEstrucUser .btnOkey:active {
    outline: thin none;
    outline-offset: 0;
}

.cabezalTable {
    border-radius: 1em 0 0 0;
}

.cabezalTable2 {
    border-radius: 0 1em 0 0;
}

.cabezalTable,
.cabezalTable2 {
    color: #fff;
    display: inline-block;
    font-size: 14px;
    text-align: center;
    width: 50%;
}

.shortTdTableUsers {
    width: 1em;
}

.chekoutUsers {
    display: inline-block;
}

.chekoutUsers label {
    margin-right: 1em;
}

.chekoutUsers input {
    float: right;
}

.classpUser {
    margin: 0;
    font-size: 0.9em;
}

.ContainerEstrucUser {
    display: inline-block;
    position: relative;
    width: 95%;
}

.containerEstrucUserTable {
    margin-top: 1em;
}

.containerinputsUsers {
    text-align: left;
    margin-bottom: 1em;
    position: relative;
}

.containerinputsUsers input {
    width: 70% !important;
    float: right !important;
}

.containerinputsUsers .popover {
    color: #000;
    font-size: 1em;
}

.containerIndUsers {
    display: block;
    font-size: 1em;
    text-decoration: none !important;
    padding: 0.5em;
}

.containerIndUsers figure {
    display: inline-block;
    max-width: 28%;
}

.containerIndUsers div {
    margin: 0;
    display: inline-block;
    max-width: 70%;
}

.contenedorUsuarios1 {
    position: relative;
}

.estrucUsuarioscontainer {
    width: 70%;
    margin: 0 auto;
    font-size: 1em;
}

.estrucUsuarioscontainer label {
    font-weight: normal;
}

.titlesTableContainer {
    font-size: 0;
}

.input-group {
    width: 100%;
}

.imagenUser {
    text-align: center;
    display: inline-block;
}

.InputsCheck {
    margin: 0;
    float: right;
    line-height: 0;
}

.tablaEstructUser {
    width: 100%;
}

.tablaEstrucUserContainer {
    width: 100%;
    height: 10em;
    border: 1px solid #bcbcbc;
    overflow-y: auto;
}

.tablaEstrucUserContainer > li {
    list-style: none;
    height: 1.7em;
    line-height: 1.7em;
}

.tdbordered {
    width: 50% !important;
}

.UserDats {
    display: inline-block;
    font-size: 1em;
}

@media screen and (max-width: 1500px) {
    .estrucUsuarioscontainer {
        width: 92%;
    }
}

.AllGetProfiles {
    display: inline-block;
    width: 90%;
    padding: 0 1em;
    color: #982927;
    list-style: none;
    border-bottom: 2px dashed #982927;
    height: 1.5em;
    margin-top: 1em;
    text-align: left;
}

.ProfileContainer {
    height: 41em;
    overflow-y: auto;
    overflow-x: hidden;
}

.profileNameContainer {
    width: 80%;
    margin: 0 auto;
}

.profileNameContainer input {
    width: 80%;
}

.tree-node {
    border-bottom: 1px solid #000;
}

.angular-ui-tree-empty {
    display: none;
}

@media screen and (max-height: 870px) {
    .ProfileContainer {
        height: 33em;
    }
}

.ComBraParContainer label {
    font-weight: normal;
}

.AdvancedConfigurations {
    border-radius: 37px 37px 37px 37px/100px 100px 100px 100px;
    width: 14em;
    margin: 0 auto;
    color: #fff;
    text-align: center;
    padding: 10px;
}

.AdvancedConfigurations:disabled,.AdvancedConfigurations[disabled] {
    background-color: #bcbcbc !important;
    cursor: no-drop;
}

.AdvancedConfigurations p {
    margin: 0;
}

.containersDown {
    display: inline-block;
}

.ContainerGeneralCBP {
    width: 70%;
    margin: 0 auto;
    font-size: 1em;
}

.containerInputsSearchCompany {
    position: relative;
    margin-bottom: 1em;
}

.containerInputsSearchCompany input {
    float: none !important;
    width: 100%;
    height: 2em !important;
    color: #000 !important;
}


.containerInputsSearchCompany .btnSearch {
    background-color: transparent;
    border: none;
    bottom: 0;
    color: #6d6d6d;
    height: 2em;
    position: absolute;
    right: 0;
    top: 40%;
}

.btnSearch {
    background-color: transparent;
    border: none;
    color: #6d6d6d;
    height: 2em;
}

.btnCalendar {
    height: 1.7em;
}

.divContainerDown {
    margin-top: 2em;
}

.checkCompanies1 {
    float: right;
    /*margin: 0.2em 0 0 0;*/
    margin: 0;
    height: 1.2em;
    width: 1.2em;
    padding: 0;
}

.checkCompanies1 .md-container {
    width: 1.2em !important;
    height: 1.2em !important;
}

.checkCompanies1 .md-container .md-icon {
    width: 1.2em !important;
    height: 1.2em !important;
}

.checkCompanies1 .md-container .md-icon:after {
    left: 4px !important;
    top: 1px !important;
    width: 0.6em !important;
}

.inputsSelectCBP {
    width: 70%;
}

.inputsCentered {
    width: 70%;
    text-align: center;
}

.modal-bill {
    width: 1024px !important;
}

.previewLogo {
    border: 1px solid #000;
    width: 100%;
    height: 400px;
    text-align: center;
    overflow-y: auto;
    font-family: Arial, sans-serif;
    font-weight: bold;
}

.previewLogo img {
    width: 140px;
    height: auto;
}

.previewLogo table {
    border: 1px solid;
}

.previewLogo h3 {
    margin: 0;
}

.previewLogo p {
    width: 80%;
    display: inline-block;
    text-align: left;
}

.previewLogoContainer {
    margin: 2cm 1cm;
    text-align: left;
}

.previewLogoContainer span {
    float: right;
}

.previewLogoContainer div {
    display: inline-block;
}

.imgPreviewLogo {
    width: 140px;
    line-height: 140px;
    height: 140px;
    float: left;
    margin: 6px;
}

.infoPreviewLogo {
    text-align: center;
    width: 650px;
}

.infoPreviewLogoSubheader {
    width: 100%;
    text-align: center;
    margin-top: -20px;
}

.infoPreviewLogoSubheader h4 {
    margin: 0;
}

.tgPreviewLogo {
    border-collapse: collapse;
    border-spacing: 0;
    margin: -50px auto 0 auto;
    width: 93%;
    text-align: left;
    font-weight: normal;
}

.tgPreviewLogo td,
.tgPreviewLogo th {
    font-family: Arial, sans-serif;
    font-size: 14px;
    padding: 3px 5px;
    overflow: hidden;
    word-break: normal;
}

.borderLeft {
    border-left: 1px solid;
}

.borderTop {
    border-top: 1px solid;
}

.ModalTitleRed {
    color: #fff;
    margin: 0;
    padding: 0.7em;
}

.ModalAdvancedConfig {
    width: 90%;
    margin: 0.5em auto;
    overflow: hidden;
}

.ModalAdvancedConfig select {
    width: 50%;
}

.containerListBranch {
    display: block;
    text-decoration: none !important;
    padding: 0.5em;
    border-radius: 0 0 1em 1em;
}

.containerListBranch div {
    margin: 0;
    display: inline-block;
    width: 100%;
}

.divContainerDown {
    margin-top: 2em;
}

.listBranches {
    position: relative;
}

.listCodeBranchH4 {
    margin: 0;
    padding: 0.3em;
    font-size: 1em;
}

.listCodeBranchP {
    margin: 0;
    font-size: 0.8em;
}

.tableIcaActivityContainer {
    width: 50%;
    margin: 0 auto;
}

.tableIcaActivityContainer input {
    border-color: transparent;
}

.tableIcaActivityContainer input:focus {
    border-color: transparent;
}

.tableIcaActivityContainer th {
    text-align: center;
    font-weight: 400;
    font-size: 1.2em;
}

.tableIcaActivity table {
    width: 100%;
}

.tableIcaActivityContainer th,
.tableIcaActivityContainer td {
    border: 1px solid #bcbcbc;
}

.listPartners {
    position: relative;
}

.listPartners p {
    margin: 0;
    font-size: 1em;
}

.containerListPartners {
    color: #000 !important;
    display: block;
    text-decoration: none !important;
    padding: 0.5em;
}

.containerListPartners div {
    margin: 0;
    display: inline-block;
}

.listCodePartner {
    margin: 0;
    font-size: 0.8em;
}

.divPartnersCheckBox3 {
    display: inline-block;
    margin: 0 0 0.5em 0;
    width: 32%;
}

.divPartnersCheckBox3 label {
    width: 80%;
}

.divPartnersCheckBox4 {
    display: inline-block;
    margin: 0 0 0.5em 0;
    width: 18%;
    float: right;
}

.divPartnersCheckBox5 {
    display: inline-block;
    margin: 0;
    width: 45%;
}

.divPartnersCheckBox2 {
    display: inline-block;
    margin: 0;
    margin-left: 4em;
    width: 36%;
}

.divPartnersCheckBox2 label {
    margin-right: 0em;
}

.divPartners16Left {
    width: 40%;
}

.divPartners16Left input {
    width: 25%;
}

.divPartners16Right {
    width: 59%;
}

.divPartners16Right input {
    width: 45%;
}

.containerHeaderDivider {
    width: 100%;
    font-size: 0;
}

.containerHeaderDivider .DivisorP {
    font-size: 13px;
}

.containerClasificationTypes {
    width: 100%;
}

.containerClasificationTypes md-checkbox {
    margin-top: 0;
}

.containerClasificationTypes .containerClasificationTypes-subcontainer1 {
    width: 50%;
    display: inline-block;
}

.containerClasificationTypes .containerClasificationTypes-subcontainer1 md-checkbox {
    margin-right: 3em;
}

.containerClasificationTypes .containerClasificationTypes-subcontainer2 {
    width: 49%;
    display: inline-block;
}

.containerClasificationTypes .containerClasificationTypes-subcontainer2 button {
    margin-left: 3em;
}

.containerClasificationTypes .containerClasificationTypes-subcontainer1 .containerInputsGeneral,
.containerClasificationTypes .containerClasificationTypes-subcontainer2 .containerInputsGeneral {
    margin-bottom: 0.5em;
}

.containerClasificationTypes .containerClasificationTypes-subcontainer1 .containerInputsGeneral button,
.containerClasificationTypes .containerClasificationTypes-subcontainer2 .containerInputsGeneral button {
    text-decoration: underline;
    background-color: transparent;
    border: none;
    padding: 0;
}

.containerClasificationTypes .containerClasificationTypes-subcontainer1 .containerInputsGeneral button[disabled],
.containerClasificationTypes .containerClasificationTypes-subcontainer2 .containerInputsGeneral button[disabled] {
    cursor: not-allowed;
}

.containerClasificationTypes .containerClasificationTypes-subcontainer1 .containerInputsGeneral button:active,
.containerClasificationTypes .containerClasificationTypes-subcontainer2 .containerInputsGeneral button:active,
.containerClasificationTypes .containerClasificationTypes-subcontainer1 .containerInputsGeneral button:focus,
.containerClasificationTypes .containerClasificationTypes-subcontainer2 .containerInputsGeneral button:focus {
    outline: thin none;
    outline-offset: 0;
}

.containerClasificationTypes .containerClasificationTypes-subcontainer1 .containerInputsGeneral .text-decoration-none,
.containerClasificationTypes .containerClasificationTypes-subcontainer2 .containerInputsGeneral .text-decoration-none {
    text-decoration: none;
}

.ContainerGeneralThirdParty {
    width: 50%;
    margin: 0 auto;
    font-size: 1em;
}

.ContainerGeneralThirdParty label {
    font-weight: normal;
}

.ContainerGeneralThirdParty .headerDivider-total,
.ContainerGeneralThirdParty .headerDivider {
    height: 1px;
}

.modal-thirdPartiesModals {
    width: 1000px !important;
    font-size: 11px;
    overflow-x: visible;
}

.modal-thirdPartiesModals label {
    font-weight: normal !important;
}

.modal-thirdPartiesModals .modal-body {
    min-width: 700px;
    width: inherit;
}

.modal-body h3 {
    margin: 0 !important;
}

.modal-body input,
.modal-body select,
.modal-body .classpUser {
    color: #000 !important;
}

.otherThirdsContainer .containerListLeft {
    height: 35em !important;
}

div.ui-grid-cell input.ng-valid {
    border: none;
}

.ui-grid-cell {
    border: none;
    border-bottom: solid 1px rgba(0,0,0,.15);
}

.ui-grid {
    border: none ;
    background-color: #fff;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.containerFinancialEntity-right-grid .gridFinancialEntity {
    width: 100%;
    display: inline-block;
}

.ui-grid-cell {
    border-right:none;
}

.containerFinancialEntity-right-grid .buttonsGrid {
    display: inline-block;
    width: 3%;
    vertical-align: top;
    margin: 2.5em 0 0 0;
}

.containerFinancialEntity-right-grid .buttonsGrid button {
    margin-bottom: 0.3em !important;
}

.containerFinancialEntity-right-grid .buttonsGrid .btnPlus,
.containerFinancialEntity-right-grid .buttonsGrid .btnCancel {
    font-size: 1.5em;
    padding: 0;
}

.container-modal-header {
    position: relative;
}

.container-modal-header .modalTitleRed {
    min-width: 700px;
}

.container-modal-header span,
.container-modal-header button {
    position: absolute;
    top: 4px;
    right: 6px;
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0.4);
}

.businessAgentsContainer .divThirdPartiesModals-medium-2 > input {
    margin: 0 0.3em 0 13%;
    float: none !important;
}

.containerProviders .divThirdPartiesModals-medium-2 > input {
    margin: 0 0.3em 0 10%;
    float: none !important;
}

.containerProviders .divThirdPartiesModals-medium-2 > input {
    margin: 0 0.3em 0 10%;
    float: none !important;
}

@media screen and (min-width: 1500px) {
    .modal-thirdPartiesModals {
        width: 1200px !important;
        font-size: 13px;
    }

    .divInventaryArchingRadios2 {
        width: 60%;
    }
}

@media screen and (max-width: 1500px) {
    .ContainerGeneralThirdParty {
        width: 50%;
    }
}

.containerFinancialEntity .modal-body .containerListLeft {
    height: 30em;
}

.containerFinancialEntity .modal-body .franchiseSelected {
    margin: 0 auto;
    float: inherit;
}

.containerFinancialEntity .modal-body .divThirdPartiesModals-medium {
    width: 48%;
}

.containerFinancialEntity .modal-body .divThirdPartiesModals-medium > select,
.containerFinancialEntity .modal-body .divThirdPartiesModals-medium > input,
.containerFinancialEntity .modal-body .divThirdPartiesModals-medium .directiveCity {
    width: 53.7%;
}

.containerFinancialEntity .modal-body .divThirdPartiesModals-short-1 {
    width: 37%;
}

.containerFinancialEntity .modal-body .divThirdPartiesModals-short-1 > input,
.containerFinancialEntity .modal-body .divThirdPartiesModals-short-1 > select {
    width: 40%;
}

.md-dialog-container {
    z-index: 9999;
}

.containerCustomers .modal-body .containerListLeft {
    height: 40em;
}

.containerProviders .modal-body .containerListLeft {
    height: 30em;
}

.amortizationsContainer {
    margin: 2% auto 0 auto;
    width: 100%;
}

.amortizationsContainer .gridFinancialEntity {
    height: 65vh !important;
}

.employeesContainer {
    margin: 2% auto 0 auto;
    width: 100%;
}

.employeesContainer .identificationAmortDiv .containerHeaderDivider {
    margin: 2% 0 1% 0;
}

.employeesContainer .gridFinancialEntity {
    height: 200px;
}

.identificationAmortDiv-subContainer-Top {
    width: 70%;
    margin: auto;
}

.contributorsMediumContainer {
    width: 77%;
    margin: auto;
}

.identificationAmortDiv-subContainer-Bottom {
    width: 70%;
    margin: auto;
}

.identificationAmortDiv-right {
    margin-bottom: 0.5em;
}

.divAmortChecks {
    width: 30%;
    display: inline-block;
    margin-right: 5em;
}

.divAmortChecks md-radio-button {
    margin: 0 !important;
}

.containerThreeDivsGeneral .divWidthinput {
    width: 78%;
}

.payrollAmortDiv-Top {
    width: 100%;
}

.payrollAmortDiv-Top .payrollAmortDiv-Top-subs {
    display: inline-block;
    vertical-align: top;
    height: 16.5em;
}

.contributorsAmortDiv-Top {
    width: 100%;
    margin: 1em 0;
    padding: 0;
}

.contributorsAmortDiv-Top .payrollAmortDiv-Top-subs {
    display: inline-block;
    vertical-align: top;
    height: 11em;
}

.payrollAmortDiv-Bottom {
    width: 100%;
}

.payrollAmortDiv-Bottom .payrollAmortDiv-Bottom-subs {
    padding-top: 1em;
    display: inline-block;
    vertical-align: top;
    height: 13.5em;
}

.divEmployeesPayrolLarge {
    width: 100%;
}

.divEmployeesPayrolLarge > input,
.divEmployeesPayrolLarge > select,
.divEmployeesPayrolLarge .divWidthinput,
.divEmployeesPayrolLarge .directivePuc {
    width: 50%;
}

.divEmployeesPayrolLarge-date {
    width: 100%;
    display: inline-block;
    margin-left: 0.1em;
}

.divEmployeesPayrolLarge-date > input {
    width: calc(50% - 27px);
}

.divEmployeesPayrolLarge-date:first-child {
    margin: 0;
}

.divEmployeesPayrolLarge-date > span {
    width: 27px;
}

.divEmployeesPayrolLarge-date button {
    width: 27px;
    padding: 0;
    margin: auto;
}

.checksContainer {
    width: 100%;
    display: table !important;
}

.checksContainer .checkCointainer {
    display: table-cell;
}

.checksContainer .checkCointainer md-checkbox {
    margin: 0 4em 0 0;
}

.checksContainer .checkCointainer > input,
.checksContainer .checkCointainer > select {
    width: 30%;
}

.checksContainer .checkCointainer input {
    margin-right: 0.5em;
}

.divEmployeesPayrolLarge2 {
    width: 100%;
}

.divEmployeesPayrolLarge2 > input,
.divEmployeesPayrolLarge2 > select,
.divEmployeesPayrolLarge2 .divWidthinput {
    width: 55%;
}

.divEmployeesPayrolLarge-date2 {
    width: 100%;
    display: inline-block;
    margin-left: 0.1em;
}

.divEmployeesPayrolLarge-date2 > input {
    width: calc(55% - 27px);
}

.divEmployeesPayrolLarge-date2:first-child {
    margin: 0;
}

.divEmployeesPayrolLarge-date2 > span {
    width: 27px;
}

.divEmployeesPayrolLarge-date2 button {
    width: 27px;
    padding: 0;
    margin: auto;
}

.containerPayrollEntities .labelWithMessaageInfo {
    width: 10%;
    float: left;
}

.containerPayrollEntities .inputMedium {
    float: left !important;
}

.containerPayrollEntities .containerCustomers-left-inputs {
    width: calc(45% - 0.5em);
    display: inline-block;
    height: 15em;
}

.containerPayrollEntities .containerCustomers-right-inputs {
    width: calc(54% - 0.5em);
    vertical-align: top;
    display: inline-block;
    height: 15em;
}

.containerPayrollEntities .containerCustomers-right-inputs .containerHeaderDivider {
    vertical-align: top;
}

.containerPayrollEntities .containerCustomers-right-inputs .containerHeaderDivider .headerDivider {
    width: 23%;
}

.containerPayrollEntities .containerCustomers-right-inputs .containerHeaderDivider .DivisorP {
    width: 54%;
}

.divCheckLeft {
    width: 100%;
}

.divCheckLeft .divWidthinput {
    float: right;
    width: 35%;
}

.divCheckLeft md-checkbox {
    margin: 0 0.3em 0 0;
    float: left;
}

.modal-treeWindow {
    width: 350px;
    color: #000 !important;
}

.inventoryGroupsContainer .treeWindow-header-title {
    font-size: 1em !important;
}

.treeWindow-modal-container .containerInputsGeneral {
    font-size: 13px;
}

.treeWindow-modal-container .containerInputsGeneral > input,
.treeWindow-modal-container .containerInputsGeneral .directivePuc {
    width: 60%;
    color: #000 !important;
}

.citiesContainer {
    width: 60%;
    margin: 5em auto 0 auto;
    font-size: 1em;
}

.citiesContainer li {
    list-style: none;
}

.citiesContainer .treeWindow-container-individual-general {
    width: 33% !important;
}

.salesZoneContainer {
    width: 70%;
    margin: 5em auto 0 auto;
    font-size: 1em;
}

.salesZoneContainer li {
    list-style: none;
}

.treeWindow-container-general {
    border-radius: 5px;
    width: 100%;
    font-size: 0;
}

.treeWindow-container-general .treeWindow-container-individual-general {
    display: inline-flex;
    font-size: 11px;
    width: 25%;
    height: 20em;
}

.treeWindow-container-individual-general-columns {
    display: inline-block;
    font-size: 11px;
    width: 100%;
    height: 20em;
}

.treeWindow-container-individual-container-columns {
    width: 95%;
    margin: 0 auto;
}

.treeWindow-container-general .treeWindow-container-individual-general .treeWindow-container-individual-container {
    width: 80%;
    margin: 0 auto;
}

.treeWindow-container-general .treeWindow-container-individual-general .treeWindow-container-individual-container .treeWindow-header {
    text-align: center;
}

.treeWindow-container-general .treeWindow-container-individual-general .treeWindow-container-individual-container .treeWindow-header .treeWindow-header-title {
    font-size: 1.2em;
}

.treeWindow-container-general .treeWindow-container-individual-general .treeWindow-container-individual-container .treeWindow-header .treeWindow-header-container {
    height: 2em;
}

.treeWindow-container-general .treeWindow-container-individual-general .treeWindow-container-individual-container .treeWindow-header .treeWindow-header-container > input,
.treeWindow-container-general .treeWindow-container-individual-general .treeWindow-container-individual-container .treeWindow-header .treeWindow-header-container .directivePuc {
    width: 70%;
}

.treeWindow-container-general .treeWindow-container-individual-general .treeWindow-container-individual-container .treeWindow-header .treeWindow-header-container .btnPlus {
    margin: 0 0.1em 0 0.4em;
    font-size: 1.5em;
}

.treeWindow-container-general .treeWindow-container-individual-general .treeWindow-container-individual-container .treeWindow-header .treeWindow-header-container button {
    float: right;
    margin: 0 0.1em;
    vertical-align: top;
    padding: 0;
}

.treeWindow-container-general .treeWindow-container-individual-general .treeWindow-container-individual-container .treeWindow-header .treeWindow-header-container button:focus,
.treeWindow-container-general .treeWindow-container-individual-general .treeWindow-container-individual-container .treeWindow-header .treeWindow-header-container button:active {
    outline: thin none;
    outline-offset: 0;
}

.treeWindow-body {
    margin-top: 0.5em;
    width: 100%;
    height: 15em;
    border-radius: 5px;
    overflow-y: auto;
}

.treeWindow-body li {
    width: 100%;
    padding: 0.5em;
}

.treeWindow-body li:hover {
    background-color: #ddd;
    color: #000 !important;
}

.treeWindow-body > .liSelected {
    background-color: #ddd;
}

.treeWindow-body span {
    width: 100%;
    display: block;
}

.treeWindow-body span:focus,
.treeWindow-body span:active {
    outline: thin none;
    outline-offset: 0;
}

.treeWindow-body .treeWindow-body-title {
    font-size: 1.2em;
    padding-left: 10px;
    text-transform: uppercase;
}

.treeWindow-body .treeWindow-body-code {
    font-size: 1em;
    padding-left: 20px;
}

@media screen and (max-width: 1700px) {
    .treeWindow-body-title {
        font-size: 1em !important;
    }

    .treeWindow-body-code {
        font-size: 0.8em !important;
    }
}

html {
    min-width: 1345px;
    min-height: 623px;
}

header {
    width: calc(100% - 275px);
}

a:focus,
a:active {
    outline: thin none;
    outline-offset: 0;
}

.containersearch-modalOfInput {
    height: 300px;
}

.md-dialog-content {
    font-size: calc(1em + 1px) !important;
}

.widthInherit {
    width: inherit;
}

div:focus,
div:active {
    outline: thin none;
    outline-offset: 0;
}

.report-nav ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 1.3em;
    text-align: center;
}

.report-nav ul li {
    display: inline;
    margin-right: 1.5em;
}

.report-nav ul li input {
    margin: 0;
    float: none;
    width: 3em;
}

.report-container {
    background-color: rgba(125, 123, 123, 0.17);
    border: #000 1px solid;
    height: 77vh;
    margin-top: 1em;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 12px 1px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: inset 0 0 12px 1px rgba(50, 50, 50, 0.75);
    box-shadow: inset 0 0 12px 1px rgba(50, 50, 50, 0.75);
    overflow-y: auto;
}

.report-container .report-content {
    width: 100%;
    border: 1px #000 solid;
    background-color: #fff;
    margin: 0 auto;
    height: 100%;
}

.report-content iframe {
    width: 100%;
    height: 100%;
}

.modal-report {
    width: 90vw;
}

.modal-searchthirdpartie {
    width: 970px !important;
}

.modal-searchcompany {
    width: 1090px !important;
}

.modal-searchwarehouse {
    width: 890px !important;
}

.modal {
    text-align: center;
    padding: 0 !important;
}

.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

input[type=number] {
    text-align: right;
}

input[restrict-type='num'],
input[restrict-type='numAmount'],
input[restrict-type='numValues'],
input[restrict-type='negativeNumValues'],
input[restrict-type='negativeNumDec'],
input[restrict-type='numDec'],
input[restrict-type='numDec3'],
input[restrict-type='numDec4'],
input[restrict-type='numHours'],
input[restrict-type='numHund'] {
    text-align: right;
    padding-right: 0.3em !important;
}

textarea {
    border: 1px solid #bcbcbc;
    border-radius: 5px;
    display: inline-block !important;
    float: right;
    font-size: 1em !important;
    padding: 0.5em 0 0 0.5em !important;
    resize: none;
}
textarea::placeholder {
    font-style: italic;
}

label {
    font-weight: normal !important;
}

.vs-repeat-repeated-element {
    position: inherit !important;
}

.ceroTraslate > li {
    transform: translateY(0px) !important;
}

.ceroTraslate > div {
    min-height: 0 !important;
    height: 0 !important;
}

.dropdownDirectivs {
    max-height: 200px;
    font-size: 0.8em;
    overflow: auto;
    z-index: 200;
}

.deleteImageContainer {
    position: absolute;
    top: 0;
    right: 0;
    background: transparent !important;
    height: 2em !important;
    text-align: center;
}

.deleteImageContainer span {
    line-height: 2em;
    position: relative !important;
    float: right;
    height: 2em;
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    padding: 0 0.5em;
    z-index: 9999;
    cursor: pointer;
}

.AddButton {
    align-content: center;
    display: block;
    margin-bottom: 0.5em;
    overflow: hidden;
    text-align: center;
    width: 100%;
}

.AddButton div {
    width: 10%;
    margin-top: 2%;
}

.img-disabled {
    cursor: not-allowed;
    filter: #808080;
    -webkit-filter: grayscale(1);
}

.btnOkey {
    background: transparent !important;
    border: none;
    cursor: pointer;
    font-size: 1.7em;
}

.btnOkey:focus,
.btnOkey:active {
    outline: thin none;
    outline-offset: 0;
}

.btnOkey[disabled] {
    cursor: not-allowed;
}

.ButtonsClear {
    padding: 1px 6px;
    float: right;
    font-size: 1em;
}

.btnOther {
    font-size: 1em;
    cursor: pointer;
    padding: 0.1em 0.5em;
    vertical-align: top;
}

.btnOther:focus,
.btnOther:active {
    outline: thin none;
    outline-offset: 0;
}

.btnOther[disabled] {
    cursor: not-allowed;
}

.btnHome {
    top: 0.3em !important;
    padding: 0 0.5em;
}

.btnPlus {
    font-size: 1.5em;
    background: transparent !important;
    border: none;
    cursor: pointer;
    padding: 0;
    vertical-align: top;
}

.btnPlus:focus,
.btnPlus:active {
    outline: thin none;
    outline-offset: 0;
}

.btnPlus[disabled] {
    cursor: not-allowed;
}

.btnCancel {
    font-size: 1.7em;
    background: transparent !important;
    border: none;
    cursor: pointer;
}

.btnCancel:focus,
.btnCancel:active {
    outline: thin none;
    outline-offset: 0;
}

.btnPencil {
    font-size: 1.5em;
    color: rgba(0, 0, 0, 0.5);
    background: transparent !important;
    border: none;
    cursor: pointer;
}

.btnPencil:focus,
.btnPencil:active {
    outline: thin none;
    outline-offset: 0;
}

.btnCancel[disabled] {
    cursor: not-allowed;
}

.btnDisabled {
    vertical-align: middle;
    cursor: not-allowed;
}

.capitalize {
    text-transform: capitalize;
}

.showCalendar {
    display: none;
}

md-select-label {
    width: 100%;
}

.font1-2em {
    font-size: 1.2em !important;
}

.full button span {
    background-color: #32cd32;
    border-radius: 32px;
    color: #000;
}

.partially button span {
    background-color: #ffa500;
    border-radius: 32px;
    color: #000;
}

td > .btn-sm,
th > .btn-sm {
    padding: 1px 5px;
}

.well-sm {
    padding: 0;
    margin-bottom: 0;
}

.calendar-container {
    text-align: center;
    min-height: 17em;
}

.calendar-container .calendar-container-datepicker div {
    width: 97%;
}

.calendar-container table {
    background-color: #fff;
    font-size: 0.7em;
    margin: 0 auto;
    min-height: 152px;
    width: 100%;
}

.calendar-container thead tr:first-child .btn {
    background: transparent !important;
    width: 100% !important;
}

.calendar-container thead tr:first-child strong {
    color: #fff;
    font-size: 12px;
}

.calendar-container thead tr:first-child th {
    height: 3em !important;
}

.calendar-container thead tr:first-child th i {
    color: #fff;
}

.calendar-container th .btn,
.calendar-container td .btn {
    border: 0 !important;
    border-radius: 2em;
    font-size: 1em !important;
    height: 4em !important;
    min-width: 3em !important;
    padding: 0.1em 0.2em !important;
    width: 4em !important;
}

.calendar-container th .btn span,
.calendar-container td .btn span {
    font-size: 1.3em;
}

.calendar-container th .btn:focus,
.calendar-container td .btn:focus,
.calendar-container th .btn:active,
.calendar-container td .btn:active {
    outline: thin none;
    outline-offset: 0;
}

.calendar-container th .btn-sm,
.calendar-container td .btn-sm {
    font-size: 0.8em !important;
    height: 3em !important;
    width: 3em !important;
}

.calendar-container th .btn-sm span,
.calendar-container td .btn-sm span {
    font-size: 1.5em;
}

.calendar-container .btn-info {
    color: #fff !important;
}

.calendar-container .todayCalendar {
    border: 0;
    border-radius: 5px;
    color: #fff;
    font-weight: 400;
    margin-right: 1em;
    padding: 0.5em;
    vertical-align: super;
}

.calendar-container .todayCalendar:hover {
    outline: thin none;
    outline-offset: 0;
}

.calendar-container .todayCalendar:focus {
    outline: thin none;
    outline-offset: 0;
}

.calendar-container .closeCalendar {
    font-size: 2em;
}

.calendar-container-periods {
    text-align: center;
}

.calendar-container-periods table {
    background-color: #fff;
    font-size: 0.7em;
    margin: 0 auto;
    min-height: 152px;
    width: 100%;
}

.calendar-container-periods thead tr:first-child .btn {
    background: transparent !important;
    width: 100% !important;
}

.calendar-container-periods thead tr:first-child strong {
    color: #fff;
    font-size: 12px;
}

.calendar-container-periods thead tr:first-child th {
    height: 3em !important;
}

.calendar-container-periods thead tr:first-child th i {
    color: #fff;
}

.calendar-container-periods th .btn,
.calendar-container-periods td .btn {
    border: 0 !important;
    border-radius: 2em;
    font-size: 1em !important;
    height: 4em !important;
    min-width: 3em !important;
    padding: 0.1em 0.2em !important;
    width: 4em !important;
}

.calendar-container-periods th .btn span,
.calendar-container-periods td .btn span {
    font-size: 1.3em;
}

.calendar-container-periods th .btn:focus,
.calendar-container-periods td .btn:focus,
.calendar-container-periods th .btn:active,
.calendar-container-periods td .btn:active {
    outline: thin none;
    outline-offset: 0;
}

.calendar-container-periods th .btn-sm,
.calendar-container-periods td .btn-sm {
    font-size: 0.8em !important;
    height: 3em !important;
    width: 3em !important;
}

.calendar-container-periods th .btn-sm span,
.calendar-container-periods td .btn-sm span {
    font-size: 1.5em;
}

.calendar-container-periods .btn-info {
    color: #fff !important;
}

.dropdown-menu {
    color: #000;
    max-height: 35vh;
    max-width: 40vw;
    overflow: auto;
    font-size: 0.8em;
    letter-spacing: 0.5px;
}

.dropdown-menu table {
    min-width: 189px;
    font-size: 11px;
    background-color: #fff;
}

.dropdown-menu thead tr:first-child .btn {
    background: transparent !important;
    width: 100% !important;
}

.dropdown-menu thead tr:first-child strong {
    color: #fff;
    font-size: 12px;
}

.dropdown-menu thead tr:first-child th i {
    color: #fff;
}

.dropdown-menu th .btn,
.dropdown-menu td .btn {
    border: 0 !important;
    border-radius: 2em;
    font-size: 1em !important;
    height: 3em !important;
    min-width: 3em !important;
    padding: 0.1em 0.2em !important;
    width: 3em !important;
}

.dropdown-menu th .btn:focus,
.dropdown-menu td .btn:focus,
.dropdown-menu th .btn:active,
.dropdown-menu td .btn:active {
    outline: thin none;
    outline-offset: 0;
}

.dropdown-menu th .btn-sm,
.dropdown-menu td .btn-sm {
    font-size: 0.8em !important;
    height: 26px !important;
    padding: 1px 5px !important;
    width: 26px !important;
}

.dropdown-menu .btn-info {
    color: #fff !important;
}

.calendar-red .titleCalendar {
    color: #fff;
    display: inline-block;
    height: 4em;
    position: relative;
    width: 100%;
}

.calendar-red .titleCalendar .calendarIconContainer {
    display: inline-block;
    height: 100%;
    position: absolute;
    left: 0;
    width: 5em;
}

.calendar-red .titleCalendar .calendarIconContainer p {
    margin: 0 !important;
    font-size: 2em;
    top: calc(50% - 0.5em);
}

.calendar-red .titleCalendar .datesCalendarTitle {
    display: inline-block;
    height: 100%;
    width: 100%;
    text-align: center;
}

.calendar-red .titleCalendar .datesCalendarTitle h3,
.calendar-red .titleCalendar .datesCalendarTitle h4 {
    margin: 0;
    height: 50%;
}

.calendar-red .titleCalendar .datesCalendarTitle h3 {
    font-size: 1.7em;
}

.calendar-red .titleCalendar .datesCalendarTitle h4 {
    font-size: 1.5em;
}

.calendar-red .calendarBody {
    background: transparent;
    border-bottom: 1px solid;
    display: inline-block;
    height: 11em;
    width: 90%;
    position: relative;
}

.calendar-red .calendarBody .dayToday {
    background: none;
    box-shadow: none;
    font-size: 5em;
}

.calendar-red .calendarBody h2 {
    margin: 0;
}

.calendar-red .calendarBody .padlock {
    position: absolute !important;
    top: 1em;
    right: 1em;
    font-size: 2.5em;
}

.containerListLeft {
    border: 1px solid #bcbcbc;
    border-radius: 1em;
    font-size: 1em;
    /*height: 40em;*/
    left: 2em;
    /*overflow-y: auto;*/
    padding: 0;
    -webkit-box-shadow: 1px 9px 45px -5px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 1px 9px 45px -5px rgba(0, 0, 0, 0.75);
    box-shadow: 1px 9px 45px -5px rgba(0, 0, 0, 0.75);
}

.containerListLeft > div > input {
    width: 95%;
    margin: 2% 2% 0 0
}

.containerListLeft ul {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 290px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.containerListLeft img {
    width: 50px;
    height: 50px;
}

.containerListLeft li {
    border-top: 2px dashed #bebebe;
}

.containerListLeft li:first-child {
    border: none;
}

.divViewShort-medium {
    width: 70%;
}

.divViewShort-medium > input,
.divViewShort-medium > select,
.divViewShort-medium .directiveCity,
.divViewShort-medium .directivePuc {
    width: 43%;
}

.divViewShort-large {
    position: relative !important;
}

.divViewShort-large > input,
.divViewShort-large > select,
.divViewShort-large .directiveCity,
.divViewShort-large .directivePuc {
    width: 60%;
}

.divViewShort-Full {
    position: relative !important;
}

.divViewShort-Full > input,
.divViewShort-Full > select,
.divViewShort-Full .directiveCity,
.divViewShort-Full .directivePuc {
    width: 75.5%;
}

.uiSelect > input {
    width: 100% !important;
}

.divViewShort-date {
    width: 70%;
}

.divViewShort-date > input,
.divViewShort-date > select {
    width: calc(43% - 27px);
}

.divViewShort-date > span {
    width: 27px;
}

.divViewShort-date > span button {
    width: 27px;
    padding: 0;
    margin: auto;
}

.no-animate {
    -webkit-transition: none !important;
    transition: none !important;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 6px dashed;
    border-right: 3px solid transparent;
    border-left: 3px solid transparent;
    color: transparent;
}

.directivePuc,
.directiveCity,
.customersAutocomplete,
.providersAutocomplete,
.directiveThird {
    float: right;
}

.directivePuc input,
.directiveCity input,
.customersAutocomplete input,
.providersAutocomplete input,
.directiveThird input {
    width: 100%;
}

.directivePuc button,
.directiveCity button,
.customersAutocomplete button,
.providersAutocomplete button,
.directiveThird button {
    width: 20px;
    height: 1.7em !important;
    padding: 0.1em 0;
    position: absolute;
    right: 0;
    background-color: transparent;
    border: none;
    color: #000;
}

.directivePuc button span,
.directiveCity button span,
.customersAutocomplete button span,
.providersAutocomplete button span,
.directiveThird button span {
    font-size: 0.5em;
}

.directivePuc:hover .caret,
.directiveCity:hover .caret,
.customersAutocomplete:hover .caret,
.providersAutocomplete:hover .caret,
.directiveThird:hover .caret {
    color: #000;
}

.directivePuc > .dropdown-menu,
.directiveCity > .dropdown-menu,
.customersAutocomplete > .dropdown-menu,
.providersAutocomplete > .dropdown-menu,
.directiveThird > .dropdown-menu {
    padding-right: 0.5em;
}

.display-inline-block {
    display: inline-block;
}

.DivisorP {
    align-content: center;
    display: inline-block;
    margin: -5px 0 5px 0;
    padding: 0;
    text-align: center;
    width: 28%;
}

.headerDivider {
    display: inline-block;
    height: 3px;
    margin: 0 0 4px 0;
    width: 36%;
}

.headerDividerFull {
    height: 3px;
    margin: 0 0 4px 0;
}

.formGridClass {
    display: inline-block;
    width: 96%;
}

.formGridClass .gridFinancialEntity {
    display: inline-block;
    width: 100%;
}

.FileUploadContainer {
    border: 2px solid #bcbcbc;
    border-radius: 0.5em;
    display: inline-block;
    overflow: hidden;
    position: relative;
    z-index: 3;
}

.FileUploadContainer div {
    background-color: rgba(255, 255, 255, 0.19);
}

.FileUploadContainer input[type=file] {
    opacity: 0;
    z-index: 1;
    cursor: pointer;
}

.FileUploadContainer span {
    position: absolute;
    padding: 0 4px;
    font-size: 1em;
    right: 0;
    top: 0;
}

.gridHeaderCustom {
    background-color: #fff;
    /* color: rgb(53, 53, 53); */
    color: #fff;
    font-size: 1.2rem;
    padding: 3px;
    font-weight: bolder;
    border: none ;
}

.ui-grid-column-menu-button {
    top: 3px;
}

.ui-grid-icon-angle-down {
    font-size: 20px;
    font-weight: bolder;
}

.windowsIcon {
    position: relative;
}

.windowsIcon .windowsIcon-btnClose {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 0.8em;
    padding: 0.1em 0.3em !important;
}

.window-tab-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 1rem 0.5rem;
}

.window-tab-container .window-tab-section {
    display: flex;
    flex-wrap: wrap;
    width: fit-content;
    gap: 2rem;
    padding: 0.5rem 0;
}

.window-tab-container .window-tab-section .window-tab-button {
    background: transparent;
    border: solid 1px #561D1E;
    border-radius: 3rem;
    padding: 0.5rem;
    width: 3.5rem
}

.gridCellCustomMin {
    border: 1px solid rgba(195, 195, 195, 0.6) !important;
    background-color: #fff !important;
}

.gridCellCustomMin input.ng-valid {
    border: none !important;
}

.gridCellCustomMin input[type="text"],
.gridCellCustomMin select {
    height: 29px !important;
}

.gridCellCustomMin input[type="checkbox"] {
    margin: 0;
}

.gridCellCustomMin-p {
    margin: 0;
    font-size: 0.8em;
}

.gridCellCustom {
    background-color: #fff;
}

.gridCellCustomHide {
    display: none;
}

.gridCellCustom input.ng-valid {
    border: none !important;
}

.gridCellDisabledTrue {
    background-color: #fff;
}

.gridCellCustom input[type="text"],
.gridCellCustom select {
    height: 29px !important;
}

.gridCellCustom .divCellClass,
.gridCellCustomMin .divCellClass {
    height: 29px !important;
    text-align: start;
    padding: 7px 5px 0 5px;
}

.gridCellCustom input[type="checkbox"] {
    margin: 0;
}

.gridHeaderCustom-left {
    color: #fff !important;
    border-top-left-radius: 10px;
}

.gridSearchModal {
    height: 200px !important;
    width: 100% !important;
}

.gridProductionOrder {
    height: 10em;
    width: 100%;
    overflow: hidden;
    border-radius: 7px;
}

.gridFinancialEntity {
    height: 200px;
    overflow: hidden;
    border-radius: 7px;
}

.gridFinancialEntity .ui-grid-header-cell:last-child .ui-grid-column-resizer.right {
    border: none !important;
}

.gridFinancialEntity .gridCellClassDisabled {
    background-color: #fff;
}

.gridFinancialEntity .gridCellDisabledTrue {
    background-color: #e8e3e3;
}

.inputsGeneral {
    border: 1px solid #bcbcbc;
    border-radius: 5px !important;
    display: inline-block;
    float: right;
    font-size: 1em;
    height: 1.7em;
    padding: 0 0 0 0.5em;
}

table.dataTable tbody td {
    border: none;
    border-bottom: 2px solid rgba(195, 195, 195, 0.6);
}

table.dataTable.tb-border tbody td {
    border: 2px solid rgba(195, 195, 195, 0.6);
    border-bottom: 2px solid rgba(195, 195, 195, 0.6);
}

.inputsNoRequired .ng-invalid {
    border-color: #bcbcbc !important;
    border-width: 2px !important;
}

.inputsGeneralSelectsList {
    border: 1px solid #bcbcbc;
    border-radius: 5px !important;
    display: inline-block;
    float: right;
    height: 1.7em;
    padding: 0 0 0 0.5em;
    width: 100%;
}

.inputsGeneralDate {
    border: 1px solid #bcbcbc;
    border-radius: 5px 0 0 5px !important;
    display: inline-block;
    float: right;
    font-size: 1em;
    height: 1.7em;
    padding: 0 0 0 0.5em;
}

.divMediumDivisor {
    width: calc(50% - 0.5em);
    float: left;
}

.containerInputsGeneral90 {
    display: block;
    width: 90%;
    margin: 0 auto 0.5em auto;
}

.divContainerInputWidthMediumCenter {
    width: 20%;
}

.divContainerInputWidthMediumCenter > input,
.divContainerInputWidthMediumCenter > select {
    width: 70%;
}

.containerInputsGeneral,
.containerInputsGeneralMore {
    display: block;
    padding: 0;
    width: 100%;
}

.containerInputsGeneral .inputChangeForP,
.containerInputsGeneralMore .inputChangeForP {
    width: 60%;
    float: right;
}

.containerInputsGeneral .btnOkey,
.containerInputsGeneralMore .btnOkey,
.containerInputsGeneral .btnPlus,
.containerInputsGeneralMore .btnPlus {
    font-size: 1.7em;
    margin-right: 1.5em;
}

.containerInputsGeneral .divKitsBig label,
.containerInputsGeneralMore .divKitsBig label {
    margin-bottom: 0 !important;
}

.containerInputsGeneral {
    margin-bottom: 0.2em;
}

.containerInputsGeneralMore {
    margin-bottom: 0.5em !important;
}

.logo-pymes {
    margin-top: 33%;
    text-align: center;
}

.liSelected {
    color: #000;
}

.main-container {
    height: calc(100% - 2.7em);
    min-width: 1023px;
    position: absolute;
    width: -moz-calc(100% - 275px);
    width: -webkit-calc(100% - 275px);
    width: calc(100% - 275px);
    overflow-y: auto;
}

.mgn-lf-2em {
    margin-left: 2em;
}

.onMenuSection,
.onMenuSectionWithoutTitle {
    min-height: 455px;
    min-width: 1000px;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    width: 100%;
}
.onMenuSectionNeEnable{
    height: calc(100% - 7em) !important;
}

.onMenuSection input,
.onMenuSectionWithoutTitle input {
    font-size: 1em;
}

.onMenuSection {
    height: calc(100% - 11em);
    margin-top: 1em !important;
}

.onMenuSectionWithoutTitle {
    height: calc(100% - 8em);
}

.pListLeft1 {
    font-size: 1.2em;
}

.seemore-container {
    border-bottom: 1px solid;
    margin: 0 auto;
    text-align: center;
    width: 96%;
}

.ContainerActionButton {
    z-index: 100;
}

.tooltip.TooltipClassBtn .tooltip-inner {
    color: #fff;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    white-space: pre-line;
    max-width: 100px;
}

.tooltip.TooltipClassRequired .tooltip-inner {
    color: #fff;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.tooltip.TooltipClassInfo .tooltip-inner {
    color: #000;
    background-color: #fff;
    border: 1px solid #bcbcbc;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

md-checkbox {
    float: right;
    height: 1.2em;
    margin: 0.2em 0 0 0;
    padding: 0;
    width: 1.2em;
}

md-checkbox .md-container {
    height: 1.2em !important;
    width: 1.2em !important;
}

md-checkbox .md-container .md-icon {
    height: 1.2em !important;
    width: 1.2em !important;
}

md-checkbox .md-container .md-icon:after {
    left: 4px !important;
    top: 1px !important;
    width: 0.6em !important;
}

md-checkbox.md-checked .md-icon {
    background-color: rgba(69, 63, 65, 0.87) !important;
}

md-radio-button.md-checked .md-off {
    border-color: rgba(69, 63, 65, 0.87) !important;
}

md-radio-button .md-on {
    background-color: rgba(69, 63, 65, 0.87) !important;
}

md-radio-button .md-container,
md-radio-button .md-off {
    height: 1.2em !important;
    width: 1.2em !important;
}

md-radio-button .md-on,
.md-switch-thumb .md-on {
    width: 1.2em;
    height: 1.2em;
}

md-toast {
    z-index: 10003 !important;
}

.mdToastDisc > div {
    background: #982927 !important;
    color: #fff;
    border: 1px solid #fff;
}

.previewImageFileUpload img {
    max-width: 25em;
    max-height: 30em;
}

.customIcon {
    font-size: 1em;
    font-weight: bold;
    color: #000;
}

.inputWithMessageInformative {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.inputsWithHeader {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.labelWithHeader {
    float: right;
    font-size: 1em;
    height: 1.7em;
    text-align: center;
    line-height: 1.6em;
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
    border-right: 0;
}

.affectedDocument {
    text-align: center;
    /*width: 84%;*/
    width: calc(100% - 293px);
    height: 86%;
    position: fixed;
    background-color: rgba(230, 230, 230, 0.4);
    top: 5em;
    left: 1.2em;
    -webkit-box-shadow: 0 0 5px 5px rgba(230, 230, 230, 0.4);
    -moz-box-shadow: 0 0 5px 5px rgba(230, 230, 230, 0.4);
    box-shadow: 0 0 5px 5px rgba(230, 230, 230, 0.4);
}

.affectedDocument > div {
    -webkit-transform: rotate(-14deg);
    -moz-transform: rotate(-14deg);
    -o-transform: rotate(-14deg);
    margin-top: 18em;
}

.affectedDocument > div > div > span {
    font-weight: 300;
    font-size: 5em;
    color: rgba(117, 117, 117, 0.76);
}

.affectedDocument > div > div {
    width: 90%;
    margin-top: -2em;
}

.affectedDocument > div > div > a {
    font-size: 2em;
    font-weight: 600;
    color: rgba(117, 117, 117, 0.76);
}

.annulledDocument {
    position: absolute;
    text-align: center;
    -webkit-transform: rotate(336deg);
    -moz-transform: rotate(336deg);
    -o-transform: rotate(336deg);
    top: 100px;
    right: 18em;
}

.annulledDocument span {
    font-weight: bold;
    font-size: 14em;
    color: rgba(209, 39, 50, 0.5);
}

.inline-block {
    display: inline-block;
}

.float-right {
    float: right !important;
}

.display-none {
    display: none;
}

.inputRequired {
    border: 1px solid #d12732;
}

.ng-invalid-number,
.ng-invalid-num-dec,
.ng-invalid-hundred,
.ng-invalid-min,
.ng-invalid-numeric,
.ng-invalid-required,
.ng-invalid-rest-date,
.ng-invalid-rest-email,
.ng-invalid-lower-case,
.ng-invalid-upper-case,
.ng-invalid-morethanzero,
.ng-invalid-minlength,
.ng-invalid-maxlength,
.ng-invalid-six-characters,
.ng-invalid-num-eleven,
.ng-invalid-num-hours,
.ng-invalid-special-character {
    border-width: 2px !important;
}

.padding-top {
    padding-top: 12px;
}

.relative {
    position: relative;
}

.padding1emTopBottom {
    padding: 1em 0;
}

.txt-alg-right {
    text-align: right;
}

.padding05emLeft {
    padding-left: 0.5em !important;
}

.padding05emTop {
    padding-top: 0.5em !important;
}

.margin1EmRight {
    margin-right: 1em !important;
}

.margin5EmRight {
    margin-right: 5em !important;
}

.margin05EmBottom {
    margin-bottom: 0.5em !important;
}

.margin1emBottom {
    margin-bottom: 1em !important;
}

.margin02emBottom {
    margin-bottom: 0.2em !important;
}

.margin05EmTop {
    margin-top: 0.5em !important;
}

.marginTopLeft {
    margin-top: 0.5em !important;
    margin-left: 11%
}

.margin2EmTop {
    margin-top: 2em !important;
}

.margin5emLeft {
    margin-left: 5em !important;
}

.margin5emLeft1 {
    margin-left: 1em !important;
}

.margin15PRight {
    margin-right: 1.5% !important;
}

.margin1PRight {
    margin-right: 1% !important;
}

.margin1-5PRight {
    margin-right: 1.6% !important;
}

.padding0Left {
    padding-left: 0 !important;
}

.padding0Right {
    padding-right: 0 !important;
}

.padding0 {
    padding: 0;
}

.margin3emLeft {
    margin-left: 3em !important;
}

.margin120emLeft {
    margin-left: 3em !important;
    margin-right: 1.5em !important;
}

.margin2emLeft {
    margin-left: 2em !important;
}

.margin05emLeft {
    margin-left: 0.5em !important;
}

.margin1emLeft {
    margin-left: 1em !important;
}

.informativeModalTitle {
    padding: 0 1em;
}

.informativeModalTitle p {
    font-size: 1.2em;
}

.margin05emRight {
    margin-right: 0.5em !important;
}

.margin11emRight {
    margin-right: 11.5em !important;
}

.titleh4 {
    font-size: 1.2em;
}

.float-none {
    float: none !important;
}

.btnGeneral {
    background-color: #fff;
    color: inherit;
    border-radius: 3px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    padding: 0.3em 0.2em;
    width: 5.5em;
    box-shadow: -2px 3px 5px -2px;
    -moz-box-shadow: -2px 3px 5px -2px;
    -o-box-shadow: -2px 3px 5px -2px;
}

.btnRed {
    background-color: #6b1f1f;
    color: #fff;
    border-color: rgba(0, 0, 0, 0.2);
}

.btnRed:hover,
.btnRed:focus {
    background-color: #5e1b1b;
    color: #fff;
}

.btnRedSlim {
    padding: 0.25em 0.9em;
    white-space: nowrap;
    width: auto !important;
}

.btnMessagePuc {
    background-color: #fff;
    color: inherit;
    border-radius: 3px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    padding: 0.3em 0.2em;
    width: 14.5em;
    box-shadow: -2px 3px 5px -2px;
    -moz-box-shadow: -2px 3px 5px -2px;
    -o-box-shadow: -2px 3px 5px -2px;
}

.maxWidth-Modal-infoConfirm {
    max-width: 700px;
    min-width: 699px;
}

.formGridToWidth {
    display: inline-block;
    width: 96%;
}

.width60 {
    width: 60%;
}

.margin3PTop {
    margin-top: 3%;
}

.marginl15p {
    margin-left: 15%;
}

.margin11bottom {
    margin-bottom: 11px;
}

#reportViewer1 {
    height: 80vh;
    overflow: hidden;
    font-family: Verdana, Arial;
}

#reportViewer1 .trv-report-page {
    width: inherit !important;
}

.mgn-btt-no {
    margin-bottom: 0;
}

.margin0auto {
    margin: 0 auto !important;
}

.margin0 {
    margin: 0 0 0 0 !important;
}

.sideNav {
    border-left: 3px solid #ddd;
    display: inline-block;
    font-size: 1em;
    height: 100%;
    max-width: 275px;
    min-width: 275px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 275px;
}

.sideNav .sideNavContainer {
    height: calc(100% - 75px);
}

.sideNav .sideNavContainer .sideNavContent{
    overflow-y: hidden;
    position: relative;
    width: 100%;
}

.sideNav .logo-pymes {
    bottom: 0;
    left: 50%;
    margin-left: -85px;
    position: absolute;
    text-align: center;
}

.sideNav .logo-pymes figure {
    width: 170px;
}

.sideNav .logo-pymes figure img {
    width: 100% !important;
}

.alerts {
    border-bottom: 1px solid;
    height: 17em;
    margin: 0 auto 1em auto;
    overflow-y: scroll;
    text-align: center;
    width: 96%;
}

.alerts div {
    border-bottom: 1px dashed;
    padding-left: 1em;
    text-align: left;
}

.user {
    border: none;
    border-bottom: 1px solid #999;
    font-size: 1.1em;
    text-align: left;
    height: 2.4em !important;
    min-height: 2em !important;
    line-height: inherit;
    text-transform: uppercase;
    width: 96% !important;
    margin-bottom: 3px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user span:after {
    content: "";
    border-right: 3px solid transparent;
    border-left: 3px solid transparent;
    border-top: 6px solid #000;
    position: absolute;
    right: 12px;
    top: 14px;
}

.lastCompanyBranch p {
    padding-left: 0.5em;
    margin-left: 0.2em;
    line-height: 2em;
}

.dropdown-lastCompany {
    padding: 0.5em;
    font-size: 1em !important;
}

.dropdown-lastCompany md-select {
    width: 100%;
    max-width: 100%;
}

.dropdown-lastCompany select {
    width: 100%;
    heigth: 1.7em;
    margin: 0.5em 0;
}

.dropdown-lastCompany label {
    margin: 0;
}

.selectRightNav {
    border: none;
    border-bottom: 1px solid #999;
    width: 18em;
    font-weight: normal;
    margin: 0 !important;
    height: 2.4em !important;
    min-height: 2em !important;
    line-height: inherit;
    text-transform: uppercase;
    border-radius: 0 !important;
}

.activeEvOnDis > input[disabled],
.activeEvOnDis > select[disabled] {
    pointer-events: none;
}

.pointer-events-none {
    pointer-events: none;
}

.pointer {
    cursor: pointer;
}

.underLine {
    text-decoration: underline;
}

.sideNavDropMenu {
    width: 97%;
    margin: 2px 4px 0;
    font-size: 1em !important;
    -webkit-box-shadow: 0 6px 16px 0 rgba(50, 50, 50, 0.73);
    -moz-box-shadow: 0 6px 16px 0 rgba(50, 50, 50, 0.73);
    box-shadow: 0 6px 16px 0 rgba(50, 50, 50, 0.73);
}

.sideNavDropMenu > li > button {
    background: transparent;
    height: 2em;
    border: none;
    width: 100%;
}

.containerInputsRight {
    display: table;
    height: 40em;
}

.containerInputsRight > div {
    display: table-cell;
    vertical-align: middle;
}

.modalCarruselInformative > div {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

.modalCarruselInformative > div > div {
    align-self: center;
}

.modalCarruselInformative .btnSearch {
    font-size: 2em;
}

.modalCarruselInformative .btnPlus {
    margin-right: 0.5em;
}

.modalCarruselInformative .salesZoneContainer {
    width: 61% !important;
    margin: 1em auto !important;
}

.salesZoneContainer-columns {
    width: 100% !important;
    margin: 1em auto !important;
}

.modalCarruselInformative .salesZoneContainer .treeWindow-container-individual-general {
    width: 100% !important;
    height: 20em !important;
}

.modalCarruselInformative .salesZoneContainer .treeWindow-container-individual-general .treeWindow-header-container {
    margin-top: 0.5em;
}

.modalCarruselInformative .salesZoneContainer .treeWindow-container-individual-general .treeWindow-header-container .directivePuc {
    width: 75% !important;
}

.modalCarruselInformative .salesZoneContainer .treeWindow-container-individual-general .treeWindow-body {
    height: 15em !important;
}

.gallery-cell {
    width: 100%;
    height: 300px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

.gallery-cell img {
    display: block;
    max-width: 100%;
    max-height: 100%;
}

.image-cell {
    width: 100%;
    height: 250px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

.image-cell img {
    display: block;
    max-width: 100%;
    max-height: 100%;
}

.warehouseContainer-subContainer {
    width: 50%;
    margin: auto;
}

.warehouseContainer-subContainer label {
    font-weight: normal;
}

.warehouseContainer-subContainer .classpUser1 {
    margin-bottom: 0.3em;
}

.creationWarehouseContainer-right {
    margin: calc(20em - 66px) auto;
    vertical-align: middle;
}

@media screen and (max-height: 700px) {
    .creationWarehouseContainer-right {
        margin: calc(15em - 48px) auto !important;
    }
}

.bankAccountsContainer {
    margin: 0 auto;
    width: 55%;
}

.bankAccountsContainer .bankAccountsContainer-right {
    margin-top: 14%;
}

.SocietiesContainer {
    margin: 0 auto;
    width: 55%;
}

.ContainerGeneralSalesDefault {
    width: 50%;
    margin: 3% auto;
}

.ContainerGeneralSalesDefault label {
    font-weight: normal;
}

.ContainerGeneralSalesDefault md-checkbox {
    margin: 0 !important;
}

.ContainerGeneralSalesDefault md-radio-button {
    margin: 0 0 0 2.5em;
}

.divSalesDefaultCheckBox {
    display: inline-block;
    margin: 0;
    width: 49%;
}

.divSalesDefaultCheckBox md-checkbox {
    float: left;
}

.divSalesDefaultCheckBox label {
    width: 80%;
    margin-left: 1.2em;
}

.divSalesDefaultCheckBox md-radio-button {
    margin: 0;
    display: inline-block;
}

.divSalesDefaultCheckBoxFull {
    width: 100%;
}

.divSalesDefaultCheckBoxFull md-checkbox {
    float: left;
}

.divSalesDefaultCheckBoxFull label {
    width: 93%;
    margin-left: 1.2em;
}

.divSalesDefaultTop {
    width: 49.7%;
}

.divSalesDefaultTop input {
    width: 50%;
    margin-right: 1%;
}

.divSalesDefaultTop select {
    width: 49.9%;
    margin-right: 1%;
}

.billingResolutionsContainer {
    margin: auto;
    width: 70%;
}

.billingResolutionsContainer label {
    font-weight: normal;
}

.classpUser1 {
    width: 79%;
    display: inline-block;
}

.classpUser2 {
    margin-left: 1em;
    font-size: 0.8em;
}

.classpUser3 {
    width: 20%;
    display: inline-block;
}

.economyActivitiesContainer {
    margin: 0 auto;
    width: 35%;
}

.economyActivitiesContainer label {
    font-weight: normal !important;
}

.assetsContainer {
    width: 70%;
    margin: auto;
}

.assetsContainer label,
.assetsContainer .assetsContainer-subContainer1-image {
    margin-bottom: 0.5em;
}

.assetsContainer-subContainer1 {
    width: 90%;
    margin: auto;
}

.assetsContainer-subContainer2 {
    width: 85%;
    margin: auto;
}

.headerDivider-total {
    display: inline-block;
    height: 3px;
    margin: 0 0 4px 0;
    width: 100%;
}

.pucContainer {
    display: table;
    margin: auto;
    width: 70%;
}

.pucContainer .salesZoneContainer {
    width: 35% !important;
}

.pucContainer .salesZoneContainer .treeWindow-container-individual-general {
    width: 100% !important;
    height: 25em !important;
}

.pucContainer .salesZoneContainer .treeWindow-container-individual-general .treeWindow-header-container {
    margin-top: 0.5em;
}

.pucContainer .salesZoneContainer .treeWindow-container-individual-general .treeWindow-header-container .directivePuc {
    width: 78% !important;
}

.pucContainer .salesZoneContainer .treeWindow-container-individual-general .treeWindow-body {
    height: 20em !important;
}

.pucContainer .pucContainer-subContainer {
    position: relative;
    display: block;
    width: 100%;
}

.pucContainer .pucContainer-subContainer .btnListTotalPuc {
    position: absolute;
    right: -29px;
    top: 15px;
    background-color: transparent;
    border: none;
}

.container-img-watson {
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}

.container-img-watson img {
    display: block;
    width: 43%;
}



.pucContainer .pucContainer-subContainer-sub {
    width: 60%;
    margin: 3em auto auto auto;
}

.pucContainer .divPucHidden .containerInputsGeneral .containerInputsGeneral {
    width: 95%;
    margin-left: 5%;
}

.pucContainer .divPucHidden .divPucHidden-title {
    margin-bottom: 0.5em;
    position: relative;
}

.pucContainer .divPucHidden .divPucHidden-title > h5 {
    margin: 0 0 0 1.8em;
    display: inline-block;
    padding: 8px 0;
    font-size: 1.3em;
}

.pucContainer .divPucHidden .divPucHidden-title > button {
    position: absolute;
    top: 50%;
    left: 0;
    background-color: transparent;
    border: none;
    margin-top: -8px;
}

.pucContainer .divPucHidden .divPucHidden-title > button:focus {
    outline: thin none;
    outline-offset: 0;
}

.pucContainer md-checkbox {
    float: left;
    margin: 0 1em 0 0;
}

.divPucChecksMedium {
    width: 49.5%;
    display: inline-block;
    margin-bottom: 0.5em;
}

.divPucChecksMedium > a {
    text-decoration: underline;
    color: inherit;
}

.divPucChecksThree {
    width: 32.5%;
    display: inline-block;
    margin-bottom: 0.5em;
}

.divPucChecksThree > a {
    text-decoration: underline;
    color: inherit;
}

.divPucChecksFive {
    width: 19.5%;
    display: inline-block;
    margin-bottom: 0.5em;
}

.divPucChecksFive > a {
    text-decoration: underline;
    color: inherit;
}

.divPucCheck1 md-radio-button {
    margin: 0 0 0 3em;
    display: inline-block;
}

.divPUCLargeButton .inputsGeneral {
    width: 100%;
    overflow: hidden;
}

.buttonsPUC {
    margin-left: 3em;
    border-radius: 3px;
}

.divPUCSelectIVA {
    padding-left: 3em;
    width: 35.5%;
    font-size: 0.8em;
}

.divPUCSelectIVA > select {
    width: 60%;
}

.accordionContainer {
    height: 100%;
    display: table;
    margin: auto;
    width: 60%;
}

.checkbooksContainer {
    margin: 0 auto;
    width: 70%;
}

.checkbooksContainer .containerFinancialEntity-right-grid .gridFinancialEntity {
    width: 99%;
}

.checkbooksContainer .checkbooksContainer-right {
    height: 20em;
}

.checkbooksContainer .checkbooksContainer-right .checkbooksContainer-right-subContainer {
    width: 95%;
}

.checkbooksContainer .btnPlus {
    font-size: 1.7em;
}

.checkbooksContainer .btnCancel {
    padding: 0;
}

.productionOrdersContainer {
    width: 75%;
    margin: auto;
}

.productionOrdersContainer .btnPlus {
    font-size: 1.5em;
    margin: 0 !important;
}

.productionOrdersContainer .productionOrdersContainer-subContainer1 {
    width: 90%;
    margin: auto;
}

.productionOrdersContainer .productionOrdersContainer-subContainer2 {
    width: 85%;
    margin: auto;
}

.productionOrdersContainer .OrdersRadioButtons {
    display: inline-block;
    margin: 0;
}

.productionOrdersContainer .OrdersRadioButtons md-radio-button {
    margin: 0 1em 0 0;
}

.itemsContainer {
    margin: 3% auto 0 auto;
    width: 95%;
}

.itemsContainer .containerInputsGeneral {
    padding: 0;
}

.itemsContainer .containerHeaderDividerTotal {
    margin: 1em 0 !important;
}

.itemsContainer .headerDivider-total {
    height: 1px;
}

.itemsContainer .labelWithMessaageInfo {
    width: 10%;
    float: right;
}

.itemsContainer .containerHeaderDivider .headerDivider {
    width: 45%;
    height: 1px;
}

.itemsContainer .containerHeaderDivider .DivisorP {
    width: 10%;
}

.itemsContainer .divWidthinput-divisorLabel {
    margin: 0 !important;
    float: right;
    width: 83%;
}

.itemsContainer .divWidthinput-divisorLabel label {
    margin-left: 0.5em;
}

.itemsContainer .containerFinancialEntity-right-grid,
.itemsContainer .gridFinancialEntity {
    width: 60em;
    margin: 0 auto;
}

.itemsContainer-Modal .treeWindow-body li {
    height: initial;
    list-style: none;
}

.itemsContainer-Modal .treeWindow-body li span {
    font-size: 0.8em !important;
}

.photosItem {
    width: 55%;
    margin: 0 auto;
    text-align: center;
    border-radius: 1em;
    padding: 1em 15px;
    border: 2px solid #cec4c4;
}

.divAccountsItems {
    width: 35%;
    margin: 0 auto;
}

.divAccountsItems .containerInputsGeneral {
    margin-top: 3%;
}

.divLocationItems {
    width: 70%;
    margin: 0 auto;
}

.divItems2-Top {
    width: 100%;
    margin: 0 auto;
}

.divItems2-Top .divItems2-Top-subs {
    display: inline-block;
    vertical-align: top;
    height: 5em;
}

.divItems2-Top .divItems2-Top-subs .contianerInputsGeneral {
    margin-top: 2.5em;
}

.divItems2-Bottom {
    width: 100%;
    margin: 0 auto;
}

.divItems2-Bottom .divItems2-Bottom-subs {
    display: inline-block;
    vertical-align: top;
    height: 26em;
}

.divItems60 {
    width: 60%;
    display: inline-block;
    vertical-align: top;
    margin-top: 0.5em;
}

.checksItemIva {
    width: 35.5%;
}

.checksItemIva md-checkbox {
    margin: 0;
}

.titleItems {
    font-size: 1.2em;
}

.modifyItemsContainer {
    width: 70%;
    margin: auto;
}

.modifyItemsContainer .modifyItemsContainer-subContainer {
    width: calc(49.5% - 0.5em);
    display: inline-block;
    vertical-align: top;
}

.modifyItemsContainer .modifyItemsContainer-subContainer .headerDivider-total {
    height: 2px;
    vertical-align: top;
}

.modifyItemsContainer .modifyItemsContainer-subContainer .gridFinancialEntity {
    height: 30em;
}

.modifyItemsContainer .modifyItemsContainer-subContainer .containerHeaderDividerTotal {
    height: 15px;
    margin: 1em 0 0.5em 0;
}

.modifyItemsContainer .modifyItemsContainer-subContainer .containerHeaderDivider {
    font-size: inherit;
    margin: 1em 0 0.5em 0;
    padding: 0;
    height: 15px;
}

.modifyItemsContainer .modifyItemsContainer-subContainer .headerDivider {
    height: 2px;
    width: 30%;
    float: left;
    margin: 0;
}

.modifyItemsContainer .modifyItemsContainer-subContainer .DivisorP {
    width: 40%;
    float: left;
}

.modifyItemsContainer .modifyItemsContainer-subContainer h5 {
    font-size: 1em;
    display: inline-block;
}

.modifyItemsContainer .modifyItemsContainer-subContainer-firts md-checkbox {
    margin: 0.7em 0 0 0.5em;
}

.modifyItemsContainer .modifyItemsContainer-subContainer-second {
    height: 13em;
}

.modifyItemsContainer .modifyItemsContainer-subContainer-medium {
    width: calc(49.5% - 0.5em);
    display: inline-block;
    vertical-align: top;
}

.modifyItemsContainer .modifyItemsContainer-subContainer-short {
    width: 20%;
    display: inline-block;
    vertical-align: top;
}

.modifyItemsContainer .modifyItemsContainer-subContainer-image {
    width: 27%;
    float: right;
    display: inline-block;
}

.modifyItemsContainer .formGridToWidth {
    width: 100%;
}

.modifyItemsContainer .btnSearch {
    font-size: 1.7em;
}

.periodsContainer {
    width: 30%;
    margin: 3% auto;
}

.periodsContainer .gridFinancialEntity {
    height: 250px;
}

.periodsContainer md-radio-button {
    outline: thin none;
    outline-offset: 0;
}

.radioBtnsPeriods {
    margin: 0 auto 0.5em auto;
    display: block;
    width: 50%;
}

.radioBtnsPeriods md-radio-button {
    margin: 0;
}

.discountListsContainer {
    width: 40%;
    margin: 3% auto 0 auto;
}

.discountListsContainer .dropdownDirectivs {
    max-height: 250px;
}

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

.autocompleteContainer .autocompleteContainer-top {
    width: 100%;
}

.autocompleteContainer .autocompleteContainer-top .autocompleteContainer-top-input {
    width: 84%;
    display: inline-block;
}

.autocompleteContainer .autocompleteContainer-top .autocompleteContainer-top-input .directivePuc,
.autocompleteContainer .autocompleteContainer-top .autocompleteContainer-top-input .directiveThird {
    width: 100%;
}

.autocompleteContainer .autocompleteContainer-top .autocompleteContainer-top-buttons {
    width: 15%;
    display: inline-block;
}

.discountListsContainer-top {
    padding-bottom: 2em;
}

.discountListsContainer-bottom {
    margin-top: 1.5em;
}

.discountListsContainer-bottom .discountListsContainer-bottom-subContainer {
    border: 1px solid #cec4c4;
    padding: 2em;
    border-radius: 1em;
    width: 90%;
    margin: 1em auto 0 auto;
    height: 23em;
}

.percentageSimbolRight {
    float: right;
    width: 4%;
    margin-left: 2%;
}

.discpuntListRules h5 {
    font-size: 1.3em;
}

.discpuntListRules .DivisorP {
    margin: 1em 0;
}

.kitsContainer {
    width: 75%;
    margin: 3% auto 0 auto;
    padding: 0;
}

.kitsContainer .btnCancel {
    padding: 0;
}

.containerInputsRightKit {
    height: 40em;
}

.containerInputsGeneral .divKitsBig label {
    margin-bottom: 0 !important;
}

.divKitsBig .btnOkey {
    position: relative;
    left: 48%;
}

.consecutivesContainer {
    width: 50%;
    margin: 3% auto 0 auto;
}

.purchaseOrdersContainer {
    margin: 1% auto 0 auto;
    display: block;
    width: 90%;
}

.purchaseOrdersContainer .headerDivider-total,
.purchaseOrdersContainer .headerDivider {
    height: 1px;
}

.purchaseOrdersContainer .containerInputsGeneral90 {
    margin: 0 0 0 auto;
    padding: 0;
    width: 99%;
}

.purchaseOrdersContainer .gridFinancialEntity {
    height: 24vh;
}

.purchaseOrdersContainer .purchaseOrders-ThreeSpaces {
    margin-left: calc(24.84% * 3);
}

.purchaseOrdersContainer .font-size03Em {
    font-size: 0.3em;
}

.purchaseOrdersContainer .formGridToWidth {
    width: 99%;
}

.purchaseOrdersContainer .containerFinancialEntity-right-grid {
    position: relative;
}

.purchaseOrdersContainer .containerFinancialEntity-right-grid .buttonsGrid {
    position: absolute;
    top: 0;
    right: -2.5%;
}

.purchaseOrdersContainer .btnPurchaseOrders {
    background: #fff;
    height: 18px;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 80%;
    border: 1px solid #808080;
    border-radius: 9px;
}

.purchaseOrdersContainer md-checkbox {
    margin-top: 0;
}

.purchaseOrdersContainer label {
    margin-top: 0.2em;
}

.divRadioButons,
.divRadioButons2 {
    display: inline-block;
    margin: 0;
}

.divRadioButons md-radio-button,
.divRadioButons2 md-radio-button {
    margin: 0;
    display: inline-block;
}

.divPurchaseOrders-divThree {
    display: inline-block;
    vertical-align: top;
    padding-top: 1em;
    height: 17em;
}

.divPurchaseOrders-divThree-2 {
    display: inline-block;
    vertical-align: top;
}

.headerDivider-Top {
    vertical-align: bottom;
    margin: 0;
}

.advanceThirdContainer {
    margin: 3% auto;
    width: 75%;
}

.containerInputsBottom {
    display: inline-block;
    margin-bottom: 0.2em;
    width: 49%;
    vertical-align: top;
}

.divAdvanceThird-medium {
    width: 100%;
    display: inline-block;
    margin-bottom: 0.2em;
}

.divAdvanceThird-medium textarea {
    width: 70% !important;
    height: 7em !important;
}

.divAdvanceThird-medium2 {
    width: 49%;
    display: inline-block;
}

.divAdvanceThird-medium2 input {
    width: 70% !important;
}

.divAdvanceThird-short {
    width: 47.7%;
    display: inline-block;
    vertical-align: middle !important;
}

.divAdvanceThird-short div {
    margin-bottom: 0.5em;
}

.divAdvanceThird-short input {
    width: 42%;
}

.divPurchaseOrderOrders-provider {
    width: calc(65% - 0.5em);
    display: inline-block;
}

.divPurchaseOrderOrders-provider .directiveThird {
    width: 82%;
    display: inline-block;
}

.divPurchaseOrderOrders-provider-btn {
    width: calc(35% - 0.5em);
    display: inline-block;
}

.containerFinancialEntity-right-grid .gridFinancialEntity {
    height: 22vh;
}

.defaultValuesContainerGrid .buttonsGrid {
    display: inline-block;
    width: 3%;
    vertical-align: top;
    margin: 2.5em 0 0 0;
}

.defaultValuesContainerGrid .buttonsGrid button {
    margin-bottom: 0.3em !important;
}

.defaultValuesContainerGrid .buttonsGrid .btnPlus,
.defaultValuesContainerGrid .buttonsGrid .btnCancel {
    font-size: 1.5em;
    padding: 0;
}

.defaultValuesContainerGrid .gridFinancialEntity {
    height: 15vh;
}

.advanceThirdContainer .headerDivider-total {
    height: 1px;
}

.internConsumptionContainer {
    width: 50%;
    margin: 3% auto;
}

.divInternConsumptionTotaling {
    width: calc(49.5% - 0.5em);
    display: inline-block;
}

.GiftVoucherContainer {
    margin: 6% auto;
    width: 70%;
}

.GiftVoucherContainer .divPurchaseOrders-Big-div {
    width: 34.5%;
}

.GiftVoucherContainer .divPurchaseOrders-short-1 {
    margin-right: 1.2%;
}

.GiftVoucherContainer .divPurchaseOrders-Big-div {
    padding: 0 0.45em 0 1em;
}

.advanceContainer {
    margin: 4% auto;
    width: 80%;
}

.InventaryAdjustContainer,
.inventaryArchingContainer,
.transferInventoryContainer,
.inventaryComboContainer,
.translateProductionContainer {
    margin: 1% auto 0 auto;
    width: 90%;
}

.InventaryAdjustContainer .gridFinancialEntity {
    height: 45vh;
}

.inventaryArchingContainer .gridFinancialEntity {
    height: 37vh;
}

.inventaryComboContainer .gridFinancialEntity {
    height: 35vh;
}

.transferInventoryContainer .gridFinancialEntity {
    height: 44vh;
}

.translateProductionContainer .gridFinancialEntity {
    height: 37vh;
}

.depositChecksContainer .gridFinancialEntity {
    height: 30vh;
}

.bankNotesContainer .gridFinancialEntity {
    height: 40vh;
}

.crossDocumentsBetweenThirdContainer .gridFinancialEntity {
    height: 17vh;
}

.monthlyProcessesContainer {
    margin: 3% auto;
    width: 90%;
}

.monthlyProcessesContainer .headerDivider-total,
.monthlyProcessesContainer .headerDivider {
    height: 1px;
}

.monthlyProcessesContainer .monthlyProcessesHeight1 {
    height: 7em;
}

.monthlyProcessesContainer .monthlyProcessesHeight2 {
    height: 11em;
}

.monthlyProcessesContainer .monthlyContainerSelected,
.monthlyProcessesContainer .monthlyContainerSelected2 {
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}

.payrollBasicContainer {
    margin: 1% 16.7% 0 auto;
    width: 50%;
}

.payrollBasicContainer md-checkbox {
    margin: 0;
}

.payrollNewContainer {
    margin: 1% auto 0 auto;
    width: 75%;
    display: flex;
    padding: 0;
}

.payrollNewContainer .payrollNewContainer-right {
    align-self: center;
}

.payrollNewContainer .gridFinancialEntity {
    height: 31vh;
}

.payrollEmployeAdvancesContainer .gridFinancialEntity {
    height: 46vh;
}

.payrollEmployeAdvancesContainer .btnPencil {
    width: 12%;
    padding: 0;
}

.payrollEmployeAdvancesContainer .short1 > input {
    width: 49%;
}

.payrollEmployeAdvancesContainer .short1 > button {
    width: 13%;
    margin-left: 1%;
}

.payrollEmployeAdvancesContainer .short2 > input,
.payrollEmployeAdvancesContainer .short2 > select {
    width: 63%;
}

.payrollEmployeAdvancesContainer .short3 > input,
.payrollEmployeAdvancesContainer .short3 > select {
    width: 63%;
}

.payrollEmployeAdvancesContainer .short3 > button {
    width: 5%;
    margin: 0 1%;
}

.paymentDetailContainer {
    width: 100%;
}

.paymentDetailContainer .divPurchaseOrders-Big-div input {
    width: 50%;
}

.payrollVacationsContainer {
    width: 52%;
    margin: 1% auto 0 auto;
    padding: 0;
}

.payrollVacationsContainer .btnOkey {
    margin-right: 0 !important;
    padding: 0;
}

.payrollVacationsContainer .FourOrganization-PayrollVacations-date {
    width: 45.1%;
    float: left;
}

.payrollVacationsContainer .FourOrganization-PayrollVacations-date > input,
.payrollVacationsContainer .FourOrganization-PayrollVacations-date .directivePuc,
.payrollVacationsContainer .FourOrganization-PayrollVacations-date .directiveCity,
.payrollVacationsContainer .FourOrganization-PayrollVacations-date .divWidthinput,
.payrollVacationsContainer .FourOrganization-PayrollVacations-date > select,
.payrollVacationsContainer .FourOrganization-PayrollVacations-date .directiveThird,
.payrollVacationsContainer .FourOrganization-PayrollVacations-date .spanInput {
    width: calc(39% - 27px);
}

.payrollVacationsContainer .FourOrganization-PayrollVacations-date > span {
    width: 27px;
}

.payrollVacationsContainer .FourOrganization-PayrollVacations-date button {
    width: 27px;
    padding: 0;
    margin: auto;
}

.payrollVacationsContainer .FourOrganization-inputShort {
    width: 33%;
}

.payrollVacationsContainer .FourOrganization-inputShort > input {
    width: 17%;
}

.payrollVacationsContainer .FourOrganization-inputShort-4 {
    width: 17%;
}

.payrollVacationsContainer .FourOrganization-inputShort-4 > input {
    width: 34%;
}

.payrollAcumulateContainer {
    width: 52%;
    margin: 1% auto 0 auto;
    padding: 0;
}

.payrollAcumulateContainer .gridFinancialEntity {
    height: 45vh;
}

.payrollBonusServicesContainer {
    margin: 1% auto 0 auto;
}

.payrollBonusServicesContainer .gridFinancialEntity {
    height: 50vh;
}.payrollBonusServicesContainer .ne-emission {
     height: 64vh;
 }

.payrollBonusServicesContainer-subContainer {
    width: 99.3%;
}

.payrollBonusServicesContainer-subContainer md-checkbox {
    margin: 0;
}

.payrollBonusServicesContainer-subContainer md-checkbox .md-container {
    height: 1.4em !important;
}

.payrollPaymentsFundsLayoffsContainer .gridFinancialEntity {
    height: 37vh;
}

.consultationsContainer .FourOrganization-inputShort-3 > input,
.consultationsContainer .FourOrganization-inputShort-3 .directivePuc,
.consultationsContainer .FourOrganization-inputShort-3 .directiveCity,
.consultationsContainer .FourOrganization-inputShort-3 > select,
.consultationsContainer .FourOrganization-inputShort-3 .directiveThird,
.consultationsContainer .FourOrganization-inputShort-3 .spanInput {
    width: 80%;
}

.consultationsContainer .FourOrganization-inputShort-4 > input,
.consultationsContainer .FourOrganization-inputShort-4 .directivePuc,
.consultationsContainer .FourOrganization-inputShort-4 .directiveCity,
.consultationsContainer .FourOrganization-inputShort-4 > select,
.consultationsContainer .FourOrganization-inputShort-4 .directiveThird,
.consultationsContainer .FourOrganization-inputShort-4 .spanInput {
    width: 60%;
}

.consultationsContainer .btnSearch {
    float: right;
    height: initial !important;
    font-size: 1.3em;
}

.consultationsContainer .inputWithBtnSearch-short > input,
.consultationsContainer .inputWithBtnSearch-short > select {
    width: 45% !important;
}

.consultationsContainer .inputWithBtnSearch-short .btnSearch {
    width: 10%;
}

.consultationsContainer .inputWithBtnSearch-large > input,
.consultationsContainer .inputWithBtnSearch-large > select {
    width: 72.5% !important;
}

.consultationsContainer .inputWithBtnSearch-large .btnSearch {
    width: 5%;
}

.consultationsContainer .gridFinancialEntity {
    height: 62vh;
}

.consultationsContainer .gridFinancialEntity input {
    float: initial !important;
}

.consultationsContainer .ui-grid-menu-button {
    height: 2.2em;
}

.consultationsContainer .divPucHidden .containerInputsGeneral .containerInputsGeneral {
    margin: 0 0 0.2em 5% !important;
}

.consultationsContainer .divPucHidden-title {
    margin-bottom: 0 !important;
}

.consultationsContainer .ui-grid-pager-panel {
    background: #fff;
}

.consultationsContainer .ui-grid-pager-container,
.documentContainer .ui-grid-pager-container {
    display: inline-block;
    float: inherit !important;
}

.consultationsContainer .ui-grid-pager-container > div,
.documentContainer .ui-grid-pager-container > div {
    display: flex;
}

.consultationsContainer .ui-grid-pager-container input,
.consultationsContainer .ui-grid-pager-container select {
    height: 26px !important;
    float: inherit !important;
}

.consultationsContainer .ui-grid-pager-container .ui-grid-pager-max-pages-number {
    font-size: 1.3em;
    margin-right: 0.5em;
}

.consultationsContainer .ui-grid-pager-container .ui-grid-pager-control-input,
.documentContainer .ui-grid-pager-container .ui-grid-pager-control-input {
    margin: 0 0.5em;
}

.consultationsContainer .ui-grid-pager-container button,
.documentContainer .ui-grid-pager-container button {
    margin: 0 0.5em;
}

.dian-concept {
    margin: 0 auto;
    width: 70%;
}

.gridHeightPayroll {
    height: 62.5vh !important;
}

.gridHeightPayrollNew {
    height: 47vh !important;
}

/* Styles for nodes tree*/
.tree-level-1 {
    margin-left: 16px;
}

.tree-level-2 {
    margin-left: 32px;
}

.tree-level-3 {
    margin-left: 48px;
}

.tree-level-4 {
    margin-left: 64px;
}

.disabled-option {
    color: #9a9a9a;
}

.tree-title-level-1 {
    font-size: 1.2em;
}

.tree-title-level-2 {
    font-size: 1.1em;
    margin-left: 16px;
}

.tree-title-level-3 {
    font-size: 1em;
    margin-left: 32px;
}

.tree-title-level-4 {
    font-size: 0.9em;
    margin-left: 48px;
}

.tree-title-level-5 {
    font-size: 0.9em;
    margin-left: 64px;
}

.tree-disabled-background-color {
    background-color: #d0d0d040;
}

/**CONTENEDOR DE LOS DEMAS STYLUS**/

.no-compatible-app{
    z-index: 15000 !important;
    display: block;
    background: #fff;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    color: #424242;
}

.u-d-flex{
    display: flex;
}

.u-d-block{
    display: block;
}

.u-align-items-center{
    align-items: center;
}

.u-justify-content-center{
    justify-content: center;
}

.u-justify-content-end {
    justify-content: flex-end;
}

.u-justify-content-start {
    justify-content: flex-start;
}

.u-justify-between{
    justify-content: space-between;
}

.u-justify-evenly{
    justify-content: space-evenly;
}

.u-centered-column {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.w-p45{
    width: 45% !important;
}

.w-p49{
    width: 49% !important;
}
.min-w-auto{
    min-width: auto;
}
.u-inputs-inline .u-inp-small{
    width: 100%;
    max-width: 80px;
}
.u-inputs-inline .u-inp-medium{
    width: 100%;
    max-width: 150px;
}
.u-inputs-inline .u-inp-large{
    width: 100%;
}

.u-font_x14 {
    font-size: 14px;
}

.u-font_x30 {
    font-size: 30px;
}

.u-font_x20 {
    font-size: 20px;
}

.u_popover-font_x13 {
    font-size: 13px;
}

.u-pymes_icon {
    font-family: 'pymes-icons-v2';
}

.u-padding_x04-08em{
    padding: 0.4em 0.8em !important;
}

.u-padding_x04-03em{
    padding: 0.4em 0.3em !important;
}

.u-padding_x02-02em{
    padding: 0.2em 0.2em !important
}

.u-fsize_x1_5em{
    font-size: 1.5em !important;
}

.u-w_100per{
    width: 100%;
}

.u-w_100pix{
    width: 100px !important;
}

.u-w_150pix{
    width: 150px !important;
}

.u-w_200pix{
    width: 200px !important;
}

.u-h_100per{
    height: 100%
}

.u-h_50per{
    height: 50%
}

.u-h_33vh {
    height: 33vh !important;
}

.u-h_65vh {
    height: 65vh !important;
}
.u-h_70vh {
    height: 70vh !important;
}

.u-h_200px{
    height: 200px
}

.u-hmx_550px{
    /*height: auto !important;*/
    /*min-height: 200px !important;*/
    max-height: 550px !important;
}

.u-overflow-hidden {
    overflow: hidden;
}

.u-bg_white{
    background: #fff !important;
}

.u-border_light{
    border: 1px solid #dedede;
}

.u-border_bold{
    border: 2px solid #561d1e;
}

.u-border_radius-7px{
    border-radius: 7px;
}

.u-nomargin{
    margin: 0 !important;
}

.u-nopadding{
    margin: 0 !important;
}

.u-margin-y-5{
    margin-top: 5px;
    margin-bottom: 5px;
}

.u-margin-x-5{
    margin-left: 5px;
    margin-right: 5px;
}

.u-margin-x-10{
    margin-left: 10%;
    margin-right: 10%;
}

.u-margin-center-x{
    margin: 0 auto;
}

.u-margin-right-20pr{
    margin-right: 20%;
}

.u-btn-disabled{
    background: #e2e2e2 !important;
}

/* Reset width dropdown's items list */
.ui-select-choices.dropdown-menu {
    width: auto !important;
}

md-checkbox.u-md-check__m-0 .md-container:after{
    top: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    left: 0 !important;
}

.u-btn-transparent{
    background: #fff; /*prevent transparent error*/
    background: transparent;
}

/* The following style adjusts the width of some select pucs. (for now purchases - investments) */
/* /home/purchase/invoicePurchaseInvestment */
.invoicePurchaseInvestment_directive-dd .directivePuc{
    width: 100% !important;
}

.grid-full_h-datepicker .uib-datepicker-popup.dropdown-menu {
    height: auto !important;
    max-height: 100% !important;
}

/* The following styles adjusts the buttons in script executor*/
/* /home/support/executeScripts */
.exec-script-btn{
    width: 30px;
    border-radius: 5px;
    height: 30px;
    padding: 0;
}
/* The following styles adjusts the script executor*/
/* /home/support/executeScripts */
.script-exec-codem .CodeMirror{
    background-color: transparent;
    border: 1px solid #d6e1e1;
    border-radius: 10px;
    margin-bottom: 10px;
    height: 340px;
}
.script-xecutioner .dataTables_scrollBody{
    min-height: 90% !important;
    max-height: 90% !important;
}

/* The following styles adjusts the table and inputs at Información Exógena*/
/* /home/dianConcepts */
.exogena-info {
    min-height: 51vh !important;
    max-height: 55vh !important;
}
.exogena-info .ui-grid-canvas{
    height: 0px !important;
}
.exogena-info .ui-grid-canvas .ui-grid-row{
    margin-top: 0px !important;
}
/* The following styles adjusts the preview button in Empresas, Sucursales y Socios*/
/* /home/companiesBranchesPartners */
.btn-prev-empre-suc {
    background-color: transparent !important;
    border: 0px transparent;
}
btn-prev-empre-suc:disabled, .btn-prev-empre-suc[disabled] {
    cursor: no-drop;
}

.monthlyContainerDisabled {
    background: rgba(195, 195, 195, 0.15);
    cursor: not-allowed;
}

.wrapper-browser__info {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #fff;
    padding: 0.8em;
}

.thumbnails-merli {
    width: 80%;
    margin: 0 auto;
    height: 200px;
    position: relative;
    margin-bottom: 20px;
}

.thumbnails-merli .thumbnails-merli-img {
    min-width: 0px;
    width: 100%;
    max-height: 100%;
    filter: brightness(50%);
    border-radius: 20px;
    cursor: pointer;
}

.thumbnails-merli .play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 25px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.9);
    width: 58px;
    text-align: center;
    height: 58px;
    color: gray;
    align-items: center;
    display: flex;
    cursor: pointer;
}

.thumbnails-merli .play-icon i{
    margin: 0 auto;
}

.webchat{
    max-height: 100%;
    width: 100%;
    height: auto;
    overflow-y: hidden;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    background: #FBFBFB;
    font-size: 14px;
    z-index: 1;
    justify-content: center;
    font-family: "Montserrat";
}
.webchat #webchat {
    height: 100%;
    width: 100%;
    text-align: left;
    z-index: 2;
}

.webchat .webchat--title {
    margin-bottom: 120px;
    position: absolute;
    width: 154px;
    height: 30px;
    font-size: 16px;
    font-weight: 600;
    color: #234E99;
}

.webchat .webchat--subtitle {
    margin-top: 144px;
    position: absolute;
    width: 154px;
    height: 30px;
    font-weight: 600;
    text-align: center;
    color: #234E99;
    width: 160px;
}

.webchat--subtitle-btn {
    margin-top: 250px;
    flex-direction: row;
    position: absolute;
    width: 169px;
    height: 40px;
    background: #F5F5FA;
    border-radius: 61.0526px;
    border-width: 0px;
    color: #7A0A1E;;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1.5px;
}

.webchat--subtitle-btn:hover {
    background: rgba(255, 232, 232, 0.6);
    rgba(255, 232, 232, 0.6);
}

.chat-merli {
    /*display: none;*/
    height: 100%;
    width: 100%;
    z-index: 3;
}

.merli--modal {
    width: calc(100% - 273px) !important;
    min-width: 1072px;
    overflow-y: hidden !important;
}

.merli--modal #webchat {
    height: 430px !important;
}

.merli-oci-frame {
    width: 100%;
    height: 100%;
    border: 0;
}

.merli--modal .modal-dialog {
    position: absolute;
    bottom: 0;
    margin: 0;
    right: 0;
    width: 512px;
}

.merli--modal__title {
    color: #fff;
    margin: 0;
    padding: 0.7em;
    background: linear-gradient(89.96deg, #170000 -58.42%, #350A06 -24.64%, #56070C 9.13%, #6F1F1F 72.66%, #8F3D38 91.76%, #CB7169 110.46%);
}

.chat-header{
    display: flex!important;
    justify-content: space-between!important;
    align-items: center!important;
}

.merli--arcades .modal-content {
    border-radius: 32px !important;
}

.merli--arcades .modal-body {
    padding: 0 !important;
    background-color: #808080 !important;
    border-radius: 30px !important;
}

.merli--arcades .modal-body .iframe-merli {
    background-color: #808080 !important;
    border-radius: 30px !important;
}

.modal-extra-lg {
    width: 1200px;
}

@media (max-width: 1366px) {
    .merli--modal #webchat {
        height: 364px !important;
    }
}

.merli--modal .modal-dialog .modal-content{
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: none;
    border-radius: 0;
    outline: 0;
}

.merli--modal .modal-dialog .modal-content .modal-body {
    padding: 0 !important;
}

.close-merli:hover {
    color: #fff;
}
.close-merli {
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    padding: 4px 10px;
    text-align: center;
    display: block;
    position: absolute;
    border-radius: 100%;
    background: #3C3A3A;
    top: 2px;
    right: 2px;
    color: #fff;
    z-index: 1100
}


.webchat__bubble__content {
    border-radius: 15px 15px 15px 0 !important;
    color: #424242 !important;
    font-family: sans-serif !important;
    background: #D9D9D9 !important;
}

.webchat__bubble__content .markdown {
    background-color: rgba(255, 232, 232, 0.6);
}

.webchat__suggested-action {
    border-color: transparent !important;
    padding: 10px;
    gap: 10px;
    background: #FFFFFF !important;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    /* identical to box height */
    color: #56070C !important;
}

.webchat__suggested-action:hover {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)), #56070C !important;
    color: #FFFFFF !important;
}

.react-film__main__slider .react-film__flipper__body {
    color: #56070C !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    background-color: transparent !important;
}

.react-film__filmstrip {
    width: 86% !important;
    margin-left: 36px !important;
}

.react-film__filmstrip .react-film__filmstrip__list .react-film__filmstrip__item {
    padding: 0 !important;
}

.webchat__upload-button {
    display: none !important;
}

.dvac-habil .tooltip{
    left: 560px !important;
}

.certificate__upload {
    background: #7f5151;
    padding: 5px 20px 5px 20px;
    color: #fff;
    border-radius: 37px 37px 37px 37px/100px 100px 100px 100px;;
    margin-top: -10px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    /*margin-left: 25%*/
}

.certificate__uploaded {
    width: 60%;
}

.inbox-email-span {
    color: #ffff;
    background-color: darkblue;
    padding: 5px 10px 5px 10px;
    border-radius: 10px;
}

.dash-container {
    margin-bottom: 20px;
    padding: 0 20px;
}

.dash-container__cards {
    display: flex;
    justify-content: space-evenly;
    margin-bottom: 15px;
}

.dash-card {
    height: 120px;
    display: flex;
    justify-content: space-between;
    margin: 10px 0;
    padding: 15px 10px;
}

.dash-card .card__title{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.dash-card .dash-card__icon{
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dash-card .dash-card__icon spam{
    font-size: 3rem;
    border-radius: 50%;
    padding: 8px;
}

.dash-card h4{
    color: #982927;
}

.dash-card h4, .dash-card h3{
    text-align: center;
    margin: 0;
    font-weight: bold;
}
.gaugeBudge-title h3{
    white-space: pre;
    font-size: 22px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    color: #561d1e;
    cursor: default;
}

.gaugeBudge-graf {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-self: stretch;
    width: 100%;
    height: 60%;
}

.gaugeBudge-graf div {
    width: 95%;
    margin-bottom: 1.5rem;
}

.dash-btn-container {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
    margin-top: 20px;
    width: 60%;
}

.dash-btn-container div{
    margin-right: 10px;
}

.dash-box {
    position: relative;
    border-top: 1px solid #c1c1c1;
    border-bottom: 1px solid #c1c1c1;
    /* border-radius: 25px; */
    background: #FBFBFB60;
    box-shadow:  -12px 12px 23px #ededed,
    12px -12px 23px #ffffff;
}
.dash-box .card__title h4 {
    font-size: 1.5rem;
}
.dash-notFound {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ffffff80;
    align-items: center;
    border-radius: 25px;
}

.dash-notFound p {
    font-size: 4rem;
    color: #561d1e;
}

.dash-box .dash-tooltip {
    position: absolute;
    bottom: 12px;
    left: 12px;
    width: 25px;
    height: 25px !important;
    cursor: pointer !important;
    font-weight: bold;
    font-size: 1.5rem;
    text-align: center;
    padding: 0 !important;
    border: 1px solid #c4c4c4;
    border-radius: 50% !important;
}

.dash-tooltipInitial .tooltip{
    left: 0px !important;
    z-index: 999;
    visibility: revert;
}

.dash-container__cards .dash-tooltipInitial .tooltip .tooltip-arrow{
    left: 13%;
}

/********Portal Pagos *******/
.about__renew {
    display: flex;
    align-items: flex-start;
}

.about__renew button{
    margin-left: 1rem;
    font-size: 1.5rem;
}

.renew{
    background-color: rgba(255,255,255,0.5);
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    border-radius: 5px;
    position: relative;
    width: 90%;
    margin: 0 auto;
    padding: 20px;
}

.renew__container{
    display: flex;
    align-content: center;
    width: 90%;
    justify-content: space-around;
    padding: 25px 0;
    margin: 15px auto 0;
    border-top: 2px solid #E1E1E1;
    border-bottom: 2px solid #E1E1E1;
}

.renew__containerMain {
    height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}

.renew__blocked{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.renew__contanierModal{
    height: 100%;
    /* background-image: url(../img/pin-softpymes.png); */
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

.renew__containerLeft{
    padding-right: 15px;
    width: 68%;
}

.renew__containerLeft_payment{
    width: 50%;
}

.renew__containerLeft-cards {
    display: flex;
    justify-content: space-around;
}

.renew__card {
    display: flex;
    align-items: center;
    width: 47%;
    padding: 0.5rem;
    padding-left: 1rem;
    background-color: #ffffff;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.3);
    transition: 0.3s;
    border-radius: 5px;
    cursor: pointer;
}

.renew__card div {
    margin-left: 0.8rem;
}

.renew__card p {
    margin: 0;
}

.renew__containerSubscription{
    position: relative;
    margin-top: 15px;
}

.renew__selectSubscription {
    background-color: #ffffff;
    width: 97%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.3);
    border: 1px solid transparent;
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: 0.2s all ease;
    margin: 0 auto 30px auto;
    padding: 0.5rem 1rem;
    position: relative;
}

.renew__selectSubscription:hover {
    background-color: #F7F7F7;
}

.renew__selectSubscription.active {
    border: 1px solid #221c48;
    margin: 0 auto 15px auto;
}

.renew__selectSubscription.active:before {
    content: "";
    display: block;
    height: 0;
    width: 0;
    border-top: 10px solid #221c48;
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    bottom: -20px;
    left: calc(50% - 10px);
}

.renew__containerSubscription i,
.renew__accordion-cardHeader i{
    font-size: 1.5rem;
    color: #221c48;
}

.renew__subscriptionContTitle {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 0.5rem;
}

.renew__subscriptionContPrice,
.renew__subscriptionContDiscount,
.renew__subscriptionContIva {
    font-size: 1.1rem;
    margin-bottom: 0.2rem;
    font-weight: bold;
}

.renew__subscriptionContDiscount,
.renew__subscriptionContIva {
    color: #959595;
}

.renew__optionsSubscription {
    background-color: #ffffff;
    width: 97%;
    max-height: 350px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.3);
    border: 1px solid transparent;
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s all ease;
    margin: 0 auto 30px auto;
    padding: 0.5rem 0 0 0;
    overflow-y: auto;
    display: none;
}

.renew__optionsSubscription.active {
    display: flex;
    flex-direction: column;
}

.renew__optionSubscription{
    border-bottom: 1px solid #959595;
    transition: 0.2s all ease;
    padding: 5px 1rem;
}

.renew__optionsSubscription .renew__optionSubscription:last-child{
    border-bottom: none;
}

.renew__optionSubscription:hover{
    background-color: #221c48;
    color: #ffffff;
}

.renew__counterUsers {
    cursor: default;
}

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

.renew__counterUsersCount p{
    text-align: center;
    font-size: 1.6rem;
    font-weight: bold;
    margin: 0.4rem 0;
}

.renew__counterUsersCount i {
    cursor: pointer;
}

.renew__counterUsersCount .disable {
    visibility: hidden;
}

.renew__accordion{
    background-color: #ffffff;
    width: 97%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.3);
    border: 1px solid transparent;
    border-radius: 5px;
    transition: 0.2s all ease;
    margin: 0 auto 30px auto;
    padding: 0.5rem 1rem;
    position: relative;
}

.renew__accordion-card {
    border-bottom: 1px solid #959595;
    transition: 0.2s all ease;
}

.renew__accordion .renew__accordion-card:last-child{
    border-bottom: none;
    padding-top: 10px;
}

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

.renew__accordion-cardHeader p,
.renew__accordion-cardCheck p{
    font-size: 1.3rem;
}

.renew__accordion-cardHeader p span{
    font-weight: bold;
    font-size: 1.5rem;
}

.renew__accordion-cardCheck {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 0;
    transition: 0.5s all ease;
    overflow: hidden;
}

.renew__accordion-card.active .renew__accordion-cardCheck {
    height: auto;
}

.renew__accordion-cardCheck p {
    width: 95%;
}


.renew__containerRight{
    width: 32%;
    padding-left: 15px;
    font-size: 1.3rem;
    border-left: 2px solid #E1E1E1;
}

.renew__containerRight_payment{
    width: 50%;
    padding-left: 0px;
    font-size: 1.3rem;
    border-left: 2px solid #E1E1E1;
}

.renew__containerRightContainer{
    max-width: 300px;
    /* margin: 70px auto; */
}

.renew__containerRightContainer_payment{
    width: 100%;
}

.renew__containerRight-above p{
    margin: 0 0 0.3em 0;
}

.renew__containerRight-medium{
    text-align: center;
    /* margin: 40px auto; */
}

.renew__containerRight-medium p{
    margin: 0;
}

.renew__total_label {
    font-size: 14px;
}

.renew_total{
    color: #561d1e;
    font-size: 20px;
}

.renew__containerRight-medium button{
    margin-top: 20px;
    padding: 0.2rem 3rem;
    font-size: 2rem;
    font-weight: bold;
    color: #ffffff;
    background-color: #d31c16;
    border: none;
    border-radius: 5px;
    transition: all 0.1s ease;
    width: 100%;
}

.renew__button_payment {
    height: 50px;
    background-color: #8F0505;
    padding: 0 !important;
}

.renew__button_payment:hover{
    background-color: #400303;
}

.renew__button_payment_product {
    height: 50px;
    background-color: #8F0505;
    padding: 0 !important;
    width: 80% !important;
}

.renew__button_payment_product:hover{
    background-color: #400303;
}

.renew__button_pending {
    height: 50px;
    background-color: #ffa83c !important;
}

.renew__button_pending:hover {
    background-color: #D18629 !important;
}

.renew__containerRight-medium .pendingPaymentMessage{
    font-size: 1rem;
    margin-top: 0.5rem;
}

.renew__containerRight-below{
    display: flex;
    justify-content: center;
    text-align: center;
}

.renew__containerRight-below button{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    border: none;
}

.renew__containerRight-below button p{
    margin: 0;
    text-decoration: underline;
}

.renew__containerRight-below button i{
    font-size: 1.5rem;
    margin-left: 5px;
    /* font-family: FontAwesome; */
}


.renew__hr_short_summary {
    width: 15%;
    margin-left: 0;
    border-color: #E1E1E1 !important;
}

.renew__hr_medium_summary {
    width: 50%;
    border-color: #E1E1E1 !important;
}

.renew__hr_large_summary {
    width: 100%;
}

.renew__hr_large_summary_product {
    width: 100%;
    padding: 0 !important;
}

.renew__tableContainer_summary {
    padding: 10px 5px 10px 5px;
    border-radius: 5px;
    background-color: #f3f0f0;
}

.renew__table_summary {
    border: none;
    width: 100%;
}

.renew__td_table_summary {
    width: 25px;
    padding-top: 4px;
    border-bottom: 1px solid;
    border-bottom-color: #fff;
}

.renew__icon_default_summary {
    color: #4370FB;
}

.renew__icon_add_summary {
    color: #21C24B;
}

/* Set a color for cell status in emission if the employee was rejected */
.emission-cell-rejected {
    color: #337ab7 !important;
    cursor:pointer !important;
}

.query-mode-tooltip {
    top: -80px;
    position: absolute;
    color: white;
    background-color: #a94442;
    padding: 5px;
    border-radius: 5px;
    opacity: 70%;
    text-align: center;
}

.query-mode-tooltip-arrow {
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
    border-width: 10px;
    border-style: solid;
    opacity: 70%;
    border-color: #a94442 transparent  transparent transparent;
}

@media screen and (max-width: 1700px) {
    .query-mode-tooltip-arrow {
        top: -39px;
    }
}

#chatbot-container {
    position: fixed;
    bottom: 10px;
    right: 300px;
    z-index: 1;
    opacity: 1;
    transition: all 0.5s;
    visibility: visible;
}

.glyphicon__container { /*Su hijo es un a y un span*/
    display: flex;
    justify-content: center;
    flex: none !important;
    width: 5% !important;
}

.glyphicon__container a {
    position: static !important;
    flex: 1;
}

.glyphicon__container .glyphicon-tooltip {
    bottom: -60px;
    position: absolute;
    color: white;
    background-color: #561d1e;
    padding: 5px;
    border-radius: 5px;
    text-align: center;
}

.preview-about-documents-modal .modal-body {
    padding: 20px;
}
.preview-about-doc-wrp {
    background: rgba(64, 64, 64, 1);
    overflow: auto;
    height: 77vh;
}

.preview-about-doc-wrp__text {
    width: 65%;
    margin: 15px auto;
    background-color: white;
    padding: 30px;
    min-height: 77vh;
}

.healthytax-container {
    display: flex;
    align-items: center;
}

/* Estilos para las mobile store*/
.mobile-info {
    font-size: 14px;
}

.mobile-store {
    height: 60px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

#btn-play, #btn-app, #btn-youtube{
    color: black;
    text-decoration: none;
  }

  /* #btn-play, #btn-app {
    height: 100%;
    width: 100%;
  } */

  .play-store{
    background-image: url(../img/mobile-store/play-store.png);
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    background-position: center;
}
.app-store{
    background-image: url(../img/mobile-store/app-store.png);
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    background-position: center;
}

/* Radio Button - Align Text for Sales Invoice */

.radio-align-text {
    border-radius: 5px !important;
    position: relative;
    display: inline-block;
    font-size: 1em;
    vertical-align: top !important;
    width: 70%;
    float: right;
  }

.seletedAlign {
    background-color: #222222;
    color: #fff;
}

/* About style spinner loader */
.loader {
    border: 6px solid #FA9191;
    border-radius: 50%;
    border-top: 6px solid #750202;
    width: 20px;
    height: 20px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
    /* align-self: center; */
  }
  
  .content-loader {
      display: flex;
      font-size: 14px;
      justify-content: space-around;
      width: 250px;
  }
  
  /* Safari */
  @-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
  }
  
  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }


/* Estilo para navidad */

christmas {
    background-color: #222222;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

.snow{
    background-image: url(../img/christmas/snowball.png);
    background-repeat: repeat;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    position: absolute;
    filter: blur(1.5px);
}
.little{
    background-size: 150px 135px;
    background-position: 0px -100px;
    animation: snow1 14s infinite linear;
}
.normal{
    animation: snow2 12s linear infinite;
}
.big{
    background-size: 600px 540px;
    background-position: 0px 90px;
    animation: snow3 10s linear infinite;
}
.giant{
    background-size: 900px 810px;
    background-position: 150px 100px;
    animation: snow4 8s linear infinite;
}

/* Estilo compra de productos*/
.m-0{
    margin: 0 !important;
}
.border {
    border: 1px solid #dee2e6 !important;
}
.mb-2-payment{
    margin-bottom:.5rem!important;
}

.mb-3{
    margin-bottom: 1rem !important;
}

.box-left {
    padding: 0 0 0 20px;
    background-color: white;
    border-radius: 15px;
}

.textmuted {
    color: #7a7a7a;
}

.h8-payment {
    font-size: 12px;
}

.fw-bold{
    font-weight:700!important;
}

.h7-payment {
    font-size: 15px;
}

.pe-0{
    padding-right:0!important;
}

.ps-2{
    padding-left:.5rem!important;
}

.py-2{
    padding-top:.5rem!important;
    padding-bottom:.5rem!important;
}

.d-block{
    display:block!important;
}

.border-bottom{
    border-bottom:1px solid #dee2e6!important;
}

.border-top {
    border-top:1px solid #dee2e6!important;  
}

.text-center{
    text-align:center!important;
}

.p-0{
    padding:0!important;
}

.p-2{
    padding:.5rem!important;
}

.row-payment{
    --bs-gutter-x:1.5rem;
    --bs-gutter-y:0;
    display:flex;
    flex-wrap:wrap;
    margin-top:calc(var(--bs-gutter-y) * -1);
    margin-right:calc(var(--bs-gutter-x)/ -2);
    margin-left:calc(var(--bs-gutter-x)/ -2);
}

.col-4-payment{
    flex:0 0 auto;
    width:33.3333333333%;
}
.col-2-payment{
    flex:0 0 auto;
    width:16.6666666667%;
}

.col-3-payment{
    flex:0 0 auto;
    width:25%;
}

.value-right {
    text-align: right;
    padding: 0px !important;
}

.value-right-end {
    text-align: right;
    padding-right: 5px !important;
    padding-top: 0 !important;
    padding-left: 0 !important;
    padding-bottom: 0 !important;
}

.d-flex-payment{
    display:flex!important;
}

.ms-auto-payment{
    margin-left:auto!important;
}

.bg-green-payment {
    background-color: #d4f8f2;
    color: green;
    display: inline;
    border-radius: 25px;
    font-size: 11px;
    width: auto !important;
    margin-right: 10px;
    cursor: pointer;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
}


.detail__card {
    display: flex;
    min-height: 80px;
    margin-top: 15px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.3);
    transition: 0.2s all ease;
    border-radius: 5px;
    border: 1px solid transparent;
    cursor: pointer;
}

.detail__card:hover {
    background-color: #F7F7F7;
}

.detail__item {
    display: flex;
    flex-direction: column;
    width: 100%;
}

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

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

.detail__item_content_info {
    display: flex;
    flex-direction: column;
}

.detail__item_content_controls {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 18px;
    justify-content: space-around;
}

.detail__item_content_controls_icons {
    color: #000;
    cursor: pointer;
}

.detail__item_content_controls_quantity {
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
}

.detail__item_delete {
    color: red;
    cursor: pointer;
    font-size: 15px;
    padding-right: 5px;
}

.detail__item_value {
    font-size: 14px;
}

.detail__item_discount, .detail__item_iva {
    font-size: 12px;
}

.bg-blue {
    background-color: #dfe9fc9c;
    border-radius: 5px;
}

.ms-3-payment{
    margin-left:1rem!important;
}

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

@keyframes snow1 {
    0%{ background-position: 0px -100px;}
    100%{ background-position: 150px 35px;}
    
}
@keyframes snow2 {
    0%{ background-position: 0px 0px;}
    100%{ background-position: 300px 270px;}
    
}
@keyframes snow3 {
    0%{ background-position: 0px 90px;}
    100%{ background-position: 600px 630px;}
    
}
@keyframes snow4 {
    0%{ background-position:150px 100px;}
    100%{ background-position: 1050px 910px;}
    
}