.main {
    margin: 12% 40%;
    background: #FFFFFC;
}

.loginmenfis {
    /*border: 1px solid #0C0C0C;*/
    width: 80%;
    /*margin: auto;*/
    padding-bottom: 10px;
}

.logomenfis {
    padding: 10px;
    margin: 0px auto;
}

.loginforms {
    /*background: yellow;*/
    width: 80%
}

/*.loginbackground{	
	background: rgba(253,240,206,1);
	background: -moz-radial-gradient(center, ellipse cover, rgba(253,240,206,1) 7%, rgba(253,240,206,1) 55%, rgba(253,240,206,1) 50%, rgba(252,229,250,1) 78%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(7%, rgba(253,240,206,1)), color-stop(35%, rgba(253,240,206,1)), color-stop(50%, rgba(253,240,206,1)), color-stop(78%, rgba(252,229,166,1)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(253,240,206,1) 7%, rgba(253,240,206,1) 55%, rgba(253,240,206,1) 50%, rgba(252,229,166,1) 78%);
	background: -o-radial-gradient(center, ellipse cover, rgba(253,240,206,1) 7%, rgba(253,240,206,1) 55%, rgba(253,240,206,1) 50%, rgba(252,229,166,1) 78%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(253,240,206,1) 7%, rgba(253,240,206,1) 55%, rgba(253,240,206,1) 50%, rgba(252,229,166,1) 78%);
	background: radial-gradient(ellipse at center, rgba(253,240,206,1) 7%, rgba(253,240,206,1) 55%, rgba(253,240,206,1) 50%, rgba(252,229,166,1) 78%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdf0ce', endColorstr='#fce5a6', GradientType=1 );

}*/

.loginbackground {
    background: #f8f8ff;
}

.dijitTitlePaneContentOuter {
    height: auto;
}

.dijitTitlePanemio {
    height: auto !important;
}

body {
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: auto;
    font-family: Arial, sans-serif;
}

.headerdiv {
    height: 6%;
    overflow: hidden;
    left: 5px;
    top: 5px;
    position: absolute;
    background: none !important;
}

    .headerdiv, .dijitBorderContainer-child {

        border: none !important;

    }

.conteinerdiv {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

.centerlogin {
    margin: auto;
    width: 25%;
    /* padding: 10px; */
    padding-top: 12%;
}

.companiesgrid {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 20%;
    height: 70%;
    background: white;
    padding: 1px 1px 50px 1px;
}

.selectcompanybutton {
    padding-top: 5%;
    float: right;
}

.rigthcorner {
    display: -webkit-box;
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 2px;
}

.rigthcornercompany {
    display: -webkit-box;
    position: absolute;
    right: 0;
    top: 0;
    font-size: x-large;
}


.rigthcorner h4 {
    margin: inherit;
    padding-left: 10px;
}

.rigthcorner a {
    margin: inherit;
    padding-left: 10px;
}

.leftcorner {
    color: darkblue;
}

    .leftcorner h2 {
        margin: 0;
        text-align: center;
    }

.headerconatiner {
    width: 100%;
    position: absolute;
}

.detailcontainer {
    display: block;
    height: 100%;
}

.detailcontainer input {
    border-radius: 5px;
}

.invoicedetaildialogtablestop {
    display: inline-block;
    width: 100%;
    position: relative;
    height: 25%;
}


.invoicedetaildialogtablesmiddle {
    display: inline-block;
    width: 100%;
    position: relative;
    height: 35%;
}


.invoicedetaildialogtablesmiddle .dgrid .dgrid-header-row {
    background-color: white !important;
}

.invoicedetaildialogtablesmiddle .dgrid {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
}

.invoicedetaildialogtablesbottom {
    display: flex;
    width: 100%;
    position: relative;
    height: 30%;
    justify-content: center;
}






.left {
    float: left;
    width: 30%;
}

.right {
    float: right;
    width: 30%
}


.issuetableleft {
    float: left;
    width: 55%;
    height: 100%;
    resize: both;
}

.issuetableright {
    float: right;
    width: 45%;
    height: 100%;
    resize: both;
}



button[state="edit"] {
    background: url("imgs/edit.png");
    height: 45px;
    width: 45px;
}

button[state="save"] {
    background: url("imgs/savebtn.png");
    height: 45px;
    width: 45px;
}

.btncancel {
    background: url("imgs/cancelbtn.png");
    height: 45px;
    width: 45px;
}


.validationtable {
    margin: auto;
    padding-top: 5%;
    width: 80%;
}

    .validationtable td[state="valid"] {
        background: url("imgs/valid.png");
        height: 45px;
        width: 45px;
        background-repeat: round;
    }

    .validationtable td[state="invalid"] {
        background: url("imgs/invalid.png");
        height: 45px;
        width: 45px;
        background-repeat: round;
    }


.dojoxGrid2 {
    font-size: small !important;
}

    .dojoxGrid2 .dojoxGridHeader .dojoxGridCell {
        background: #5a748f;
    }


    .dojoxGrid2 .dojoxGridRowOdd {
        background-color: #e0e0e0;
    }

    .dojoxGrid2 .dojoxGridHeader {
        background-color: #e0d08d;
    }


    .dojoxGrid2 .dojoxGridRowSelected {
        color: white;
    }


.dojoBoldRow tr td {
    font-weight: bold !important;
}

.filtersbuttonsdiv {
    padding-top: 0 !important;
    position: absolute;
    left: 10%;
    height: 5%;
    overflow: hidden;
    top: 2%;
}


.filtersbuttonsdownload {
    width: 30px;
    height: 30px;
    background: url("../styles/imgs/zip.png");
    background-repeat: round;
    background-size: cover;
}

.filtersbuttonscsv {
    width: 30px;
    height: 30px;
    background: url("../styles/imgs/excel.png");
    background-repeat: round;
    background-size: cover;
}

.filtersbuttonspdf {
    width: 30px;
    height: 30px;
    background: url("../styles/imgs/pdf.png");
    background-repeat: round;
    background-size: cover;
}

.filtersbuttonsxml {
    width: 30px;
    height: 30px;
    background: url("../styles/imgs/document.png");
    background-repeat: round;
    background-size: cover;
}

.filtersbuttonssearch {
    width: 30px;
    height: 30px;
    background: url("../styles/imgs/buscar.png");
    background-repeat: round;
    background-size: cover;
}



.filtersbuttonsadd {
    width: 30px;
    height: 30px;
    background: url("../styles/imgs/plus.png");
    background-repeat: round;
    background-size: cover;
}


.filtersbuttonsstatus {
    width: 30px;
    height: 30px;
    background: url("../styles/imgs/status.png");
    background-repeat: round;
    background-size: cover;
}


.filtersbuttonsedit {
    width: 30px;
    height: 30px;
    background: url("../styles/imgs/edit.png");
    background-repeat: round;
    background-size: cover;
}

.filtersbuttonrevalidate {
    width: 30px;
    height: 30px;
    background: url("../styles/imgs/revalidate.png");
    background-repeat: round;
    background-size: cover;
}


.filtersbuttonsdownload span {
    width: inherit;
    height: inherit;
    border: none;
    outline: none;
}

.filtersbuttonscsv span {
    width: inherit;
    height: inherit;
    border: none;
    outline: none;
}

.filtersbuttonspdf span {
    width: inherit;
    height: inherit;
    border: none;
    outline: none;
}

.filtersbuttonsxml span {
    width: inherit;
    height: inherit;
    border: none;
    outline: none;
}

.filtersbuttonssearch span {
    width: inherit;
    height: inherit;
    border: none;
    outline: none;
}

.filtersbuttonsadd span {
    width: inherit;
    height: inherit;
    border: none;
    outline: none;
}

.filtersbuttonsstatus span {
    width: inherit;
    height: inherit;
    border: none;
    outline: none;
}

.filtersbuttonsedit span {
    width: inherit;
    height: inherit;
    border: none;
    outline: none;
}

div .dijitTitlePaneContentInner {
    display: inline-flex;
}

.filtersbuttonrevalidate span {
    width: inherit;
    height: inherit;
    border: none;
    outline: none;
}



.invoicetablepopup {
    width: 99%;
    border-collapse: separate;
    border-radius: 10px;
    overflow: hidden;
    line-height: 1.2;
    text-align: center;

}



    .invoicetablepopup th {
        background-color: white;
        color: black;
        border-radius: 5px;
        border: 3px solid #dedcdc !important;
    }


    .invoicetablepopup td {
        background-color: white;
        color: black;
        border-radius: 5px;
        border: 1px solid #e8e8e8 !important;
    }

    .hiddenrow td {
        border: none!important; /* Oculta los bordes de las últimas dos filas */
    }



.invoicetableissue {
    width: 99%;
    margin-bottom: 10px;
    border: 1px solid;
    border-radius: 5px;
    height: 100%;
    font-size: 15px;
}

    .invoicetableissue tr th {
        background: lightgray;
    }

.addclient {
}

    .addclient span {
        width: 20%;
        float: left;
    }





.importessummanry {
}

    .importessummanry .div {
        width: 80%;
        float: right;
        margin-right: 30px;
    }


.contentconcept {
    padding-top: 15px !important;
    height: 78px;
}



.contentconcept2 {
    padding-top: 15px !important;
    height: 56px;
}



.inputloginuser {
    background: #ffffff;
    border-radius: 2em;
    border: none;
    /* margin: 2em; */
    padding: 0.4em;
    font-size: 1.1em;
    padding-left: 3.5em;
    outline: none;
    box-shadow: 0 4px 6px -5px hsl(0, 0%, 40%), inset 0px 4px 6px -5px hsl(0, 0%, 2%);
    /* margin: 15px; */
    margin: 3px 2px 3px 2px;
    /* height: 25px; */
    background-image: url(../styles/imgs/user_icon.png);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: 20px;
}

.inputloginpass {
    background: #ffffff;
    border-radius: 2em;
    border: none;
    margin: 2em;
    padding: 0.3em;
    font-size: 1.1em;
    padding-left: 3.5em;
    outline: none;
    box-shadow: 0 4px 6px -5px hsl(0, 0%, 40%), inset 0px 4px 6px -5px hsl(0, 0%, 2%);
    /* margin: 15px; */
    height: 25px;
    background-image: url(../styles/imgs/pass_icon.png);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: 20px;
    margin: 3px 2px 3px 2px;
}



.inputloginbutton {
    background: #ffffff;
    border-radius: 2em;
    border: none;
    /* margin: 2em; */
    padding: 0.3em;
    font-size: 1.1em;
    outline: none;
    box-shadow: 0 4px 6px -5px hsl(0, 0%, 40%), inset 0px 4px 6px -5px hsl(0, 0%, 2%);
    /* margin: 15px; */
    /* height: 25px; */
    width: 290px;
}

    .inputloginbutton:hover {
        background: #f3d03e;
    }



.dojoxGridHeader table {
    text-align: center;
    color: white;
}

.deskimg {
    position: absolute;
    width: 60%;
    height: 60%;
    object-fit: scale-down;
    top: 15%;
    left: 22%;
}

.labelsAndValues-labelCell {
    padding-left: 30px;
    padding-top: 7px;
}

.labelsAndValues-valueCell {
    padding-left: 30px;
    padding-top: 7px;
}




input[type=file]::file-selector-button {
    border: 1px solid #759dc0;
    padding: 2px 4px 4px 4px;
    color: #000000;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    background-color: #cb9931;
    transition: 1s;
    color: white;
}

    input[type=file]::file-selector-button:hover {
        background-color: #cb9931;
        border: 2px solid #00cec9;
    }


.helpbtn .dijitButtonNode {
    background: url(../styles/imgs/helpicon.webp);
    width: 30px;
    height: 30px;
    text-align: center;
    background-color: transparent !important;
    color: #ffffff;
    background-repeat: round;
    background-size: cover;
    border: unset !important;
    box-shadow: unset !important;
}



.aceptbtn .dijitButtonNode {
    background: url(../styles/imgs/aceptar.png);
    width: 60px;
    height: 60px;
    text-align: center;
    background-color: transparent !important;
    color: #ffffff;
    background-repeat: round;
    background-size: cover;
    border-radius: 25px;
    border: 1px solid transparent !important;
}


.rejectbtn .dijitButtonNode {
    background: url(../styles/imgs/rechazar.png);
    width: 60px;
    height: 60px;
    text-align: center;
    background-color: transparent !important;
    color: #ffffff;
    background-repeat: round;
    background-size: cover;
    border-radius: 25px;
    border: 1px solid transparent !important;
}

.printbtn .dijitButtonNode {
    background: url(../styles/imgs/descargar.png);
    width: 60px;
    height: 60px;
    text-align: center;
    background-color: transparent !important;
    color: #ffffff;
    background-repeat: round;
    background-size: cover;
    border-radius: 25px;
    border: 1px solid transparent !important;
}

.cerrarbtn .dijitButtonNode {
    background: url(../styles/imgs/imprimir.png);
    width: 60px;
    height: 60px;
    text-align: center;
    background-color: transparent !important;
    color: #ffffff;
    background-repeat: round;
    background-size: cover;
    border-radius: 25px;
    border: 1px solid transparent !important;
}


.detailltextbox {
    width: 100%;
    font-size: 14px;
}




.iframe_terminos {
    width: 60%;
    max-height: 530px;
    overflow-y: auto;
    text-align: left;
    align-items: center;
    padding: 0 !important;
    position: relative;
    left: 20%;
}


.dialogterminos .dijitDialogPaneActionBar {
    text-align: center;
}


.logoheader {
    /* height: 59% !important; */
    /* position: absolute; */
    /* width: 173px; */
    position: absolute;
    top: 0;
    left: 0;
    /* width: 100%; */
    height: 80%;
    object-fit: scale-down;
    margin-top: 0.5%;
    margin-left: 1%;
}




.dialogtabs .dijitTabContainerTop-tabs .dijitTabChecked {
    background-image: -webkit-linear-gradient(bottom, #ffffff 0px, #ffffff -1px, rgba(255, 255, 255, 0) 2px, #ffffff 4px) !important;
    color: #cb9931;
}