@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;
    --xone-tooltip-fontname: IberPangeaVAR;
    color: #2C2C2C;
    --xone-text-forecolor: #2C2C2C;
}

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

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

.blockContainer {
    background-color: #FFFFFF;
    width: 96%;
    margin-left: 2%;
    margin-top: 2%;
    border-radius: 10px;
    box-shadow: 0 3px 7px rgba(0,0,0,0.12), 0 1px 6px rgba(0,0,0,0.10);
}
.blockContainer.xone-frame {
    overflow-y: auto;
    overflow-x: hidden;
}
.blockContainer.xone-prop {
    overflow: hidden;
}

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

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

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

.underlineText {
    --xone-text-border-bottom: solid;
    --xone-text-border-top: none;
    --xone-text-border-left: none;
    --xone-text-border-right: none;
    width: 30%;
}

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

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

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

.textInput {
    background-color: #F5F5F5;
    border-radius: 10px;
    border-color: #F5F5F5;
    width: 48%;
    height: 6%;
    padding-left: 1%;
    padding-right: 1%;
    margin-top: 2%;
    margin-left: 1%;
}
.textInput.xone-frame {
    overflow-y: auto;
    overflow-x: hidden;
}
.textInput.xone-prop {
    overflow: hidden;
}

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

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

.dataText {
    --xone-text-border-top: none;
    --xone-text-border-right: none;
    --xone-text-border-bottom: none;
    --xone-text-border-left: none;
    --xone-text-border: none;
    --xone-align: left|center;
    width: 96%;
    margin-left: 2%;
    height: 98%;
    margin-top: 1%;
}

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

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

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

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

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

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

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

.ibdPrimaryButton {
    width: 30%;
    height: 6%;
    text-align: left;
    border-radius: 10px;
    color: #FFFFFF;
    border-color: #2B7400;
    background-color: #2B7400;
}
.ibdPrimaryButton.xone-frame {
    overflow-y: auto;
    overflow-x: hidden;
}
.ibdPrimaryButton.xone-prop {
    overflow: hidden;
}

.ibdSecondaryButton {
    width: 30%;
    height: 6%;
    text-align: left;
    border-radius: 10px;
    color: #000000;
    border-color: #EEEEEE;
    background-color: #EEEEEE;
}
.ibdSecondaryButton.xone-frame {
    overflow-y: auto;
    overflow-x: hidden;
}
.ibdSecondaryButton.xone-prop {
    overflow: hidden;
}

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

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

.backButtonTitle {
    width: 5%;
}

.backButton {
    width: 7%;
}

.orderBT {
    height: 98%;
    background-color: #00000000;
}

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

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

.childMenuOption {
    margin-left: 10%;
}

.propLinea {
    --xone-text-border-top: none;
    --xone-text-border-right: none;
    --xone-text-border-bottom: solid;
    --xone-text-border-left: none;
    --xone-text-border: solid;
    --xone-text-border-color: #3D3F38;
    --xone-text-border-width: 3px;
}

.extraBig {
    font-size: 20px;
}

.bigTitle {
    font-size: 16px;
}

.mediumTitle {
    font-size: 14px;
}

.smallTitle {
    font-size: 12px;
}

.smallestTitle {
    font-size: 10px;
}

.lightSubtitle {
    color: #6F6F6F;
    --xone-text-border-top: none;
    --xone-text-border-right: none;
    --xone-text-border-bottom: none;
    --xone-text-border-left: none;
    --xone-text-border: none;
}

.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%;
    background-color: #FAFAFA;
    border-radius: 10px;
    border-color: #F0F0F0;
    --xone-align: center|center;
    text-align: left;
}
.dataTextFilter.xone-frame {
    overflow-y: auto;
    overflow-x: hidden;
}
.dataTextFilter.xone-prop {
    overflow: hidden;
}

.contentList {
    overflow-y: auto; overflow-x: hidden;
    --xone-show-no-data: false;
    width: 100%;
    height: 75%;
    margin-bottom: 30px;
}

.ibdGreenSelectedBox {
    height: 5%;
    width: 15%;
    border-radius: 10px;
    --xone-border: true;
    border-color: #358717;
    color: #FFFFFF;
    --xone-text-forecolor: #FFFFFF;
}
.ibdGreenSelectedBox.xone-frame {
    overflow-y: auto;
    overflow-x: hidden;
}
.ibdGreenSelectedBox.xone-prop {
    overflow: hidden;
}

.ibdGrayUnselectedBox {
    height: 5%;
    width: 15%;
    border-radius: 10px;
    --xone-border: true;
    border-color: #6F6F6F;
    color: #FFFFFF;
    --xone-text-forecolor: #FFFFFF;
}
.ibdGrayUnselectedBox.xone-frame {
    overflow-y: auto;
    overflow-x: hidden;
}
.ibdGrayUnselectedBox.xone-prop {
    overflow: hidden;
}

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

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

.onlyBottomBorder {
    --xone-text-border-top: none;
    --xone-text-border-left: none;
    --xone-text-border-right: none;
    --xone-text-border-bottom: solid;
}

.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: none;
    border-left: none;
    border-top: none;
    border-right: none;
    border-bottom: none;
    --xone-text-border-top: none;
    --xone-text-border-right: none;
    --xone-text-border-bottom: none;
    --xone-text-border-left: none;
    --xone-text-border: none;
    border-width: 0px;
    border-color: #00000000;
    background-color: #FFFFFF;
    margin-top: 8%;
}
}