@layer xone-project {
.lightGreenColorBG {
    background-color: #59CD00;
}

.mediumGreenColorBG {
    background-color: #358717;
}

.darkGreenColorBG {
    background-color: #005539;
}

.lightBlueColorBG {
    background-color: #70B4FF;
}

.mediumBlueColorBG {
    background-color: #0063BE;
}

.darkBlueColorBG {
    background-color: #2B7400;
}

.mediumGrayColorBG {
    background-color: #6F6F6F;
}

.ibdFontBold {
    font-family: IberPangeaVAR;
    tooltip-fontname: IberPangeaVAR;
    color: #2C2C2C;
    color: #2C2C2C;
}

.ibdFontRegular {
    font-family: IberPangeaVAR;
    tooltip-fontname: IberPangeaVAR;
    color: #2C2C2C;
    color: #2C2C2C;
}

.ibdTextFont {
    color: #2C2C2C;
    color: #2C2C2C;
    font-size: 16px;
}

.blockContainer {
    background-color: #FFFFFF;
    width: 96%;
    margin-left: 2%;
    margin-top: 2%;
    border-radius: 10px;
    elevation: 4;
}

.centerFrame {
    --xone-align: center|center;
}

.leftAlignFrame {
    --xone-align: left|center;
}

.rightAlignFrame {
    newline: false;
    --xone-align: right|center;
}

.underlineText {
    text-border-bottom: true;
    text-border-top: false;
    text-border-left: false;
    text-border-right: false;
    width: 30%;
}

.cellInList {
    background-color: #FFFFFF;
    width: 96%;
    height: 5%;
    margin-left: 2%;
    margin-top: 2%;
    border: true;
    border-left: false;
    border-top: false;
    border-right: false;
    border-bottom: true;
    border-color: #6F6F6F;
    border-width: 2px;
}

.frmDataHeader {
    width: 94%;
    height: 14%;
    background-color: "#FFFFFF;
    margin-left: 3%;
    margin-top: 3%;
    border: none;
    border: false;
}

.loginInput {
    floating-tooltip: true;
    height: 6%;
    --xone-align: left|bottom;
    text-align: left|bottom;
}

.textInput {
    background-color: #F5F5F5;
    labelwidth: 0;
    border-radius: 10px;
    border-color: #F5F5F5;
    width: 48%;
    height: 6%;
    padding-left: 1%;
    padding-right: 1%;
    margin-top: 2%;
    margin-left: 1%;
}

.textInputWithTitle {
    labelwidth: 6;
    labelbox: false;
    height: 6%;
    padding-left: 1%;
}

.textFilterInput {
    labelwidth: 0;
    width: 48%;
    height: 6%;
    padding-left: 1%;
    padding-right: 1%;
    margin-top: 5%;
    margin-left: 1%;
}

.dataText {
    labelwidth: 0;
    text-border: false;
    --xone-align: left|center;
    width: 96%;
    margin-left: 2%;
    height: 98%;
    margin-top: 1%;
}

.loginBgImage {
    width: 100%;
    height: 100%;
    path: loginBGImage.jpg;
}

.ibdLoginLogo {
    keep-aspect-ratio: true;
    width: 40%;
    path: web-logo.png;
}

.reasonsIconOld {
    labelwidth: 0;
    keep-aspect-ratio: true;
    margin-left: 1%;
    margin-top: 1%;
    width: 4%;
}

.reasonsIcon {
    labelwidth: 0;
    keep-aspect-ratio: true;
    margin-left: 0;
    height: 70%;
}

.tipoSituIcon {
    labelwidth: 0;
    keep-aspect-ratio: true;
    margin-left: 0;
    height: 35%;
    --xone-align: left|center;
}

.orderIconImg {
    height: 40%;
    keep-aspect-ratio: true;
    --xone-align: left|center;
    newline: false;
}

.ibdBaseButton {
    width: 30%;
    height: 6%;
    text-align: left|bottom;
}

.ibdPrimaryButton {
    width: 30%;
    height: 6%;
    text-align: left|bottom;
    border-radius: 10px;
    color: #FFFFFF;
    border-color: #2B7400;
    background-color: #2B7400;
}

.ibdSecondaryButton {
    width: 30%;
    height: 6%;
    text-align: left|bottom;
    border-radius: 10px;
    color: #000000;
    border-color: #EEEEEE";
    background-color: #EEEEEE";
}

.ibdMastersButton {
    width: 8%;
    height: 8%;
    color: #FFFFFF;
}

.ibdIconButton {
    width: 4%;
    keep-aspect-ratio: true;
}

.backButtonTitle {
    width: 5%;
}

.backButton {
    width: 7%;
}

.orderBT {
    height: 98%;
    labelwidth: 0;
    newline: false;
    background-color: #00000000;
}

.menuOption {
    width: 100%;
    height: 5%;
    margin-left: 0;
    padding-left: 6%;
    text-align: left|center;
    font-weight: bold;
    text-border: false;
    --xone-align: left|center;
    labelwidth: 0;
}

.menuIcon {
    width: 10%;
    keep-aspect-ratio: true;
    margin-left: 0;
    --xone-align: left|center;
    labelwidth: 0;
}

.childMenuOption {
    margin-left: 10%;
}

.propLinea {
    text-border: true;
    text-border-left: false;
    text-border-right: false;
    text-border-top: false;
    text-border-bottom: true;
    text-border-color: #3D3F38;
    text-border-width: 3;
}

.extraBig {
    font-size: 20px;
    font-size: 20px;
}

.bigTitle {
    font-size: 16px;
    font-size: 16px;
}

.mediumTitle {
    font-size: 14px;
    font-size: 14px;
}

.smallTitle {
    font-size: 12px;
    font-size: 12px;
}

.smallestTitle {
    font-size: 10px;
    font-size: 10px;
}

.lightSubtitle {
    labelwidth: 0;
    color: #6F6F6F;
    text-border: false;
}

.textInputTitle {
    margin-top: 2%;
    margin-left: 2%;
    width: 8%;
    height: 6%;
}

.dataContentTitle {
    width: 96%;
    height: 40px;
    margin-top: 2%;
    margin-left: 2%;
    --xone-align: left|center;
    text-align: left;
}

.dataTextFilter {
    margin-top: 2%;
    padding-left: 2%;
    labelwidth: 0;
    background-color: #FAFAFA;
    border-radius: 10px;
    border-color: #F0F0F0;
    --xone-align: center|center;
    text-align: left|center;
}

.contentList {
    scroll: true;
    show-no-data: false;
    width: 100%;
    height: 75%;
    margin-bottom: 30px;
}

.ibdGreenSelectedBox {
    height: 5%;
    width: 15%;
    border-radius: 10px;
    border: true;
    border-color: #358717;
    color: #FFFFFF;
    color: #FFFFFF;
}

.ibdGrayUnselectedBox {
    height: 5%;
    width: 15%;
    border-radius: 10px;
    border: true;
    border-color: #6F6F6F;
    color: #FFFFFF;
    color: #FFFFFF;
}

.xone-prop-nc {
    img-checked: blueChecked.png;
    img-unchecked: blueUnchecked.png;
    img-width: 4%;
    img-height: 4%;
    --xone-align: left|center;
    text-align: left;
    labelwidth: 5;
}

.ibdCheckBox {
    img-checked: blueChecked.png;
    img-unchecked: blueUnchecked.png;
    img-width: 4%;
    img-height: 4%;
    text-align: left;
    --xone-align: left|center;
}

.onlyBottomBorder {
    text-border-top: false;
    text-border-left: false;
    text-border-right: false;
    text-border-bottom: true;
}

.thinPropLine {
    height: 1px;
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
}

.grayPropLine {
    background-color: #E2E2E2;
}

.darkGrayPropLine {
    margin-left: 0px;
    background-color: #424242;
}

.blackPropLine {
    background-color: #000000;
}

.versionLabel {
    border: false;
    border-left: false;
    border-top: false;
    border-right: false;
    border-bottom: false;
    text-border: false;
    labelbox: false;
    border-width: 0px;
    border-color: #00000000;
    background-color: #FFFFFF;
    margin-top: 8%;
    locked: true;
}
}