/*************************************************
    Naming Guide:

    1) Namespace dot replaced with underscore. Example Fw.UI.TextBox rename to Fw_UI_TextBox
    2) Use pascal case for class (Follow class name). Example Fw.UI.Tab name with Fw_UI_Tab
    3) Use camel case for class property. Example: Fw_UI_Tab .panelContainer
    4) All other classes use camel case. Example: alignCenter, alignTop.
    5) Prefer grouping prefix for easier put related classes together. Example: cellHeaderLeft, cellHeaderRight, cellHeaderCenter.
    6) dash only used for class grouping. Example align-top, align-topLeft.
    7) Only some special global effect classes use abbreviation and lower case. Example mt1, mt2, pl3, pl4.

*************************************************/

html {
    /*font-size: 13px;*/ /* rem root font size */
    font-size: 100%; /* rem root font size */
}

body {
    background-color: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
    font-family: arial, verdana;
    font-size: 13px;
    margin: 0 0 0 0;
}

table {
    border-collapse: collapse;
}

.flexBoxRow {
    display: flex;
    flex-direction: row;
}

/* Flex with content width */
.flexwc {
    flex: 0 0 auto; /* Only as wide as content */
}

/* Flex with remaining width */
.flexwr {
    flex: 1; /* Takes remaining space */
}

.formCell {
    padding: 8px 12px 8px 12px;
}

    .formCell.label {
        width: 120px;
    }

    .formCell.input {
    }

.formFooter {
    background-color: rgb(240, 240, 240);
    border-top: solid 1px rgb(204, 204, 204);
    display: flex;
    flex-direction: row;
    gap: 8px;
    justify-content: center;
    padding: 8px 16px 16px 8px;
}

.formRow {
    display: flex;
}

.Fw_UI_LoadingPanel-icon {
    position: relative;
}

    .Fw_UI_LoadingPanel-icon div,
    .Fw_UI_LoadingPanel-icon div:after {
        position: absolute;
        width: 64px;
        height: 64px;
        border: 8px solid #aaaaaa;
        border-top-color: transparent;
        border-radius: 50%;
    }

    .Fw_UI_LoadingPanel-icon div {
        -webkit-animation: Fw_UI_LoadingPanel-icon 1s linear infinite;
        animation: Fw_UI_LoadingPanel-icon 1s linear infinite;
        top: 40px;
        left: 40px;
    }

        .Fw_UI_LoadingPanel-icon div:after {
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
        }

.Fw_UI_LoadingPanel-icon {
    width: 80px !important;
    height: 80px !important;
    -webkit-transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
    transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
}

@keyframes Fw_UI_LoadingPanel-icon {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

@-webkit-keyframes Fw_UI_LoadingPanel-icon {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

.Fw_UI_Alert {
    background-color: rgba(0, 0, 0, 0.7);
    position: fixed;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    z-index: 9999;
}

    .Fw_UI_Alert .buttonGroup {
        padding-bottom: 16px;
        padding-left: 16px;
        padding-right: 16px;
        padding-top: 0px;
    }

    .Fw_UI_Alert .messageContainer {
        overflow: auto;
        max-height: 350px;
        max-width: 800px;
    }

    .Fw_UI_Alert .messageGroup {
        padding-bottom: 16px;
        padding-left: 16px;
        padding-right: 16px;
        padding-top: 16px;
    }

    .Fw_UI_Alert.confirm {
    }

        .Fw_UI_Alert.confirm .buttonContainer {
            background-color: #ffffff;
            padding-bottom: 0.6rem;
            padding-left: 1.0rem;
            padding-right: 1.0rem;
            padding-top: 0.6rem;
        }

        .Fw_UI_Alert.confirm .message {
            color: #000000;
            font-size: 1.2rem;
            font-weight: 100;
        }

        .Fw_UI_Alert.confirm .messageContainer {
            background-color: #ffffff;
            padding-bottom: 0.6rem;
            padding-left: 1.0rem;
            padding-right: 1.0rem;
            padding-top: 0.6rem;
            min-height: 3rem;
            text-align: left;
        }

        .Fw_UI_Alert.confirm .title {
            color: #333333;
            font-size: 1.3rem;
            font-weight: 600;
        }

        .Fw_UI_Alert.confirm .titleContainer {
            background-color: #eeeeee;
            border-bottom: solid 1px #cccccc;
            min-height: 2.5rem;
            padding-bottom: 0.2rem;
            padding-left: 1.0rem;
            padding-right: 1.0rem;
            padding-top: 0.2rem;
            text-align: left;
        }

        .Fw_UI_Alert.confirm .window {
            background-color: #ffffff;
            border: solid 1px #cccccc;
            border-radius: 4px 4px;
            display: inline-block;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: auto;
            margin-top: auto;
            min-width: 20rem;
        }

    .Fw_UI_Alert.default {
    }

        .Fw_UI_Alert.default .buttonContainer {
            background-color: #ffffff;
            padding-bottom: 0.6rem;
            padding-left: 1.0rem;
            padding-right: 1.0rem;
            padding-top: 0.6rem;
        }

        .Fw_UI_Alert.default .message {
            color: #000000;
            font-size: 1.2rem;
            font-weight: 100;
        }

        .Fw_UI_Alert.default .messageContainer {
            background-color: #ffffff;
            padding-bottom: 0.6rem;
            padding-left: 1.0rem;
            padding-right: 1.0rem;
            padding-top: 0.6rem;
            min-height: 3rem;
            text-align: left;
        }

        .Fw_UI_Alert.default .title {
            color: #333333;
            font-size: 1.3rem;
            font-weight: 600;
        }

        .Fw_UI_Alert.default .titleContainer {
            background-color: #eeeeee;
            border-bottom: solid 1px #cccccc;
            min-height: 1.5rem;
            padding-bottom: 0.2rem;
            padding-left: 1.0rem;
            padding-right: 1.0rem;
            padding-top: 0.2rem;
            text-align: left;
        }

        .Fw_UI_Alert.default .window {
            background-color: #ffffff;
            border: solid 1px #cccccc;
            border-radius: 4px 4px;
            display: inline-block;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: auto;
            margin-top: auto;
            min-width: 20rem;
        }

    .Fw_UI_Alert.error {
    }

        .Fw_UI_Alert.error .buttonContainer {
            background-color: #ffffff;
            padding-bottom: 0.6rem;
            padding-left: 1.0rem;
            padding-right: 1.0rem;
            padding-top: 0.6rem;
        }

        .Fw_UI_Alert.error .buttonError {
            /*border: solid 1px #ffc90e;
            background-color: #ffc90e;*/
            border: solid 1px #ff0000;
            background-color: #ff0000;
            color: #ffffff;
        }

        .Fw_UI_Alert.error .message {
            color: #ff0000;
            font-size: 1.2rem;
            font-weight: 100;
        }

        .Fw_UI_Alert.error .messageContainer {
            background-color: #ffffff;
            padding-bottom: 0.6rem;
            padding-left: 1.0rem;
            padding-right: 1.0rem;
            padding-top: 0.6rem;
            min-height: 3rem;
            text-align: left;
        }

        .Fw_UI_Alert.error .title {
            color: rgb(237, 28, 36);
            font-size: 1.3rem;
            font-weight: 600;
        }

        .Fw_UI_Alert.error .titleContainer {
            background-color: #eeeeee;
            border-bottom: solid 1px #cccccc;
            min-height: 1.5rem;
            padding-bottom: 0.2rem;
            padding-left: 1.0rem;
            padding-right: 1.0rem;
            padding-top: 0.2rem;
            text-align: left;
        }

        .Fw_UI_Alert.error .window {
            background-color: #ffffff;
            border: solid 1px #cccccc;
            border-radius: 4px 4px;
            display: inline-block;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: auto;
            margin-top: auto;
            min-width: 20rem;
        }

    .Fw_UI_Alert.success {
    }

        .Fw_UI_Alert.success .buttonContainer {
            background-color: #ffffff;
            padding-bottom: 0.6rem;
            padding-left: 1.0rem;
            padding-right: 1.0rem;
            padding-top: 0.6rem;
        }

        .Fw_UI_Alert.success .buttonSuccess {
            border: solid 1px #008800;
            background-color: #008800;
            color: #ffffff;
        }

        .Fw_UI_Alert.success .message {
            color: #000000;
            font-size: 1.2rem;
            font-weight: 100;
        }

        .Fw_UI_Alert.success .messageContainer {
            background-color: #ffffff;
            padding-bottom: 0.6rem;
            padding-left: 1.0rem;
            padding-right: 1.0rem;
            padding-top: 0.6rem;
            min-height: 3rem;
            text-align: left;
        }

        .Fw_UI_Alert.success .title {
            color: #333333;
            font-size: 1.2rem;
            font-weight: 600;
        }

        .Fw_UI_Alert.success .titleContainer {
            background-color: #eeeeee;
            border-bottom: solid 1px #cccccc;
            min-height: 1.5rem;
            padding-bottom: 0.2rem;
            padding-left: 1.0rem;
            padding-right: 1.0rem;
            padding-top: 0.2rem;
            text-align: left;
        }

        .Fw_UI_Alert.success .window {
            background-color: #ffffff;
            border: solid 1px #cccccc;
            border-radius: 4px 4px;
            display: inline-block;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: auto;
            margin-top: auto;
            min-width: 20rem;
        }

    .Fw_UI_Alert.warning {
    }

        .Fw_UI_Alert.warning .buttonContainer {
            background-color: #ffffff;
            padding-bottom: 0.6rem;
            padding-left: 1.0rem;
            padding-right: 1.0rem;
            padding-top: 0.6rem;
        }

        .Fw_UI_Alert.warning .buttonWarning {
            /*border: solid 1px #ffc90e;
    background-color: #ffc90e;*/
            border: solid 1px #ff8000;
            background-color: #ff8000;
            color: #ffffff;
        }

        .Fw_UI_Alert.warning .message {
            color: #000000;
            font-size: 1.2rem;
            font-weight: 100;
        }

        .Fw_UI_Alert.warning .messageContainer {
            background-color: #ffffff;
            padding-bottom: 0.6rem;
            padding-left: 1.0rem;
            padding-right: 1.0rem;
            padding-top: 0.6rem;
            min-height: 3rem;
            text-align: left;
        }

        .Fw_UI_Alert.warning .title {
            color: #333333;
            font-size: 1.2rem;
            font-weight: 600;
        }

        .Fw_UI_Alert.warning .titleContainer {
            background-color: #eeeeee;
            border-bottom: solid 1px #cccccc;
            min-height: 1.5rem;
            padding-bottom: 0.2rem;
            padding-left: 1.0rem;
            padding-right: 1.0rem;
            padding-top: 0.2rem;
            text-align: left;
        }

        .Fw_UI_Alert.warning .window {
            background-color: #ffffff;
            border: solid 1px #cccccc;
            border-radius: 4px 4px;
            display: inline-block;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: auto;
            margin-top: auto;
            min-width: 20rem;
        }

.Fw_UI_Button {
    border: solid 1px #cccccc;
    border-radius: 4px 4px;
    background-color: #f0f0f0;
    color: #000000;
    cursor: pointer;
    font-size: 1.1rem;
    min-height: 2.0rem;
    min-width: 6.0rem;
    padding-bottom: 0.2rem;
    padding-left: 0.8rem;
    padding-right: 0.8rem;
    padding-top: 0.2rem;
}

    .Fw_UI_Button.light {
        border: solid 1px #cccccc;
        background-color: #ffffff;
        color: #000000;
    }

    .Fw_UI_Button.link {
        background-color: transparent;
        border: none;
        color: #0000cc;
        font-size: 1.1rem;
        font-weight: 200;
        min-width: unset;
        padding-bottom: 0rem;
        padding-left: 0rem;
        padding-right: 0rem;
        padding-top: 0rem;
        text-decoration: none;
    }

        .Fw_UI_Button.link:hover {
            color: #0000ff;
            text-decoration: underline;
        }

    .Fw_UI_Button.danger {
        border: solid 1px #dc3545;
        background-color: #dc3545;
        color: #ffffff;
    }

    .Fw_UI_Button.primary {
        border: solid 1px #2c729a;
        background-color: #337ab7;
        color: #ffffff;
    }

    .Fw_UI_Button.success {
        border: solid 1px #008800;
        background-color: #008800;
        color: #ffffff;
    }

    .Fw_UI_Button.secondary {
        border: solid 1px #008800;
        background-color: #008800;
        color: #ffffff;
    }

    .Fw_UI_Button.warning {
        border: solid 1px #ffc107;
        background-color: #ffc107;
        color: #000000;
    }

.Fw_UI_Calendar {
    color: #000000;
    display: inline-block;
    padding-bottom: 0.0rem;
    padding-left: 0.0rem;
    padding-right: 0.0rem;
    padding-top: 0.0rem;
    width: 100%;
}

    .Fw_UI_Calendar .day {
        background-color: #ffffff;
        color: #000000;
        cursor: pointer;
        text-align: center;
        vertical-align: middle;
        width: 14%;
    }

        .Fw_UI_Calendar .day:hover {
            background-color: rgb(240, 240, 240);
            color: #000000;
        }

        .Fw_UI_Calendar .day .label {
            display: inline-block;
            margin-bottom: 8px;
            margin-left: 8px;
            margin-right: 8px;
            margin-top: 8px;
        }

            .Fw_UI_Calendar .day .label.nextMonth {
                display: inline-block;
                margin-left: 0.5rem;
                margin-top: 0.5rem;
            }

            .Fw_UI_Calendar .day .label.preMonth {
                display: inline-block;
                margin-left: 0.5rem;
                margin-top: 0.5rem;
            }

        .Fw_UI_Calendar .day.nextMonth {
            background-color: rgb(180, 197, 220);
            color: rgb(0, 0, 0);
        }

            .Fw_UI_Calendar .day.nextMonth:hover {
                background-color: rgb(240, 240, 240);
                color: #000000;
            }

        .Fw_UI_Calendar .day.preMonth {
            background-color: rgb(180, 197, 220);
            color: rgb(0, 0, 0);
        }

            .Fw_UI_Calendar .day.preMonth:hover {
                background-color: rgb(240, 240, 240);
                color: #000000;
            }

        .Fw_UI_Calendar .day.selected {
            /*background-color: rgb(51, 146, 206);*/
            background-color: rgb(181, 230, 29);
            color: rgb(255, 255, 255);
            cursor: pointer;
            display: table-cell;
            height: 36px;
            text-align: center;
            vertical-align: middle;
            width: 36px;
        }

            .Fw_UI_Calendar .day.selected:hover {
                background-color: rgb(51, 146, 206);
            }

    .Fw_UI_Calendar .main {
        background-color: rgb(255, 255, 255);
        padding-bottom: 4px;
        padding-left: 2px;
        padding-right: 2px;
        border-bottom: solid 1px #cccccc;
        border-left: solid 1px #cccccc;
        border-right: solid 1px #cccccc;
        border-top: solid 1px #cccccc;
        display: flex;
        flex-direction: column;
        width: 100%;
    }

        .Fw_UI_Calendar .main .bottom {
            border-bottom-left-radius: 4px;
            border-bottom-right-radius: 4px;
        }

        .Fw_UI_Calendar .main .table {
            background-color: rgb(255, 255, 255);
            border-spacing: 0;
            border-collapse: collapse;
            width: 100%;
        }

            .Fw_UI_Calendar .main .table td {
                border: solid 1px #cccccc;
                height: 5rem;
                text-align: left;
                vertical-align: top;
            }

    .Fw_UI_Calendar .navMonthNext {
        background-color: rgb(245, 245, 245);
        background-image: url('images/Fw_UI_Calendar_navMonthNext.png');
        background-size: contain;
        cursor: pointer;
        height: 40px;
        width: 40px;
    }

        .Fw_UI_Calendar .navMonthNext:hover {
            background-color: rgb(195, 201, 211);
            border-radius: 4px 4px;
        }

    .Fw_UI_Calendar .navMonthPrevious {
        background-color: rgb(245, 245, 245);
        background-image: url('images/Fw_UI_Calendar_navMonthPrevious.png');
        background-size: contain;
        cursor: pointer;
        height: 40px;
        width: 40px;
    }

        .Fw_UI_Calendar .navMonthPrevious:hover {
            background-color: rgb(195, 201, 211);
            border-radius: 4px 4px;
        }

    .Fw_UI_Calendar .navMonthTop {
    }

    .Fw_UI_Calendar .navMonthTopText {
        align-items: center;
        display: flex;
        flex-direction: row;
        padding-left: 6px;
        padding-right: 6px;
        text-align: center;
    }

        .Fw_UI_Calendar .navMonthTopText .label {
            font-size: 16px;
            font-weight: normal;
        }

    .Fw_UI_Calendar .navTop {
        background-color: rgb(245, 245, 245);
        background-color: rgb(245, 245, 245);
        padding: 6px 2px 6px 2px;
    }

        .Fw_UI_Calendar .navTop .container {
            align-items: center;
            background-color: rgb(245, 245, 245);
            display: flex;
            flex-direction: row;
            gap: 6px;
            width: 100%;
        }

    .Fw_UI_Calendar .navYearNext {
        background-color: rgb(245, 245, 245);
        background-image: url('images/Fw_UI_Calendar_navYearNext.png');
        background-size: contain;
        cursor: pointer;
        height: 40px;
        width: 40px;
    }

        .Fw_UI_Calendar .navYearNext:hover {
            background-color: rgb(195, 201, 211);
            border-radius: 4px 4px;
        }

    .Fw_UI_Calendar .navYearPrevious {
        background-color: rgb(245, 245, 245);
        background-image: url('images/Fw_UI_Calendar_navYearPrevious.png');
        background-size: contain;
        cursor: pointer;
        height: 40px;
        width: 40px;
    }

        .Fw_UI_Calendar .navYearPrevious:hover {
            background-color: rgb(195, 201, 211);
            border-radius: 4px 4px;
        }

    .Fw_UI_Calendar .weekDayTop {
        background-color: rgb(245, 245, 245);
        box-sizing: border-box;
        border: solid 1px #cccccc;
        display: flex;
        flex-direction: row;
        margin-bottom: 2px;
        width: 100%;
    }

        .Fw_UI_Calendar .weekDayTop .day {
            align-items: center;
            background-color: rgb(245, 245, 245);
            display: flex;
            flex-direction: row;
            height: 3rem;
            padding-left: 0.5rem;
            justify-content: center;
            width: 14%;
        }

            .Fw_UI_Calendar .weekDayTop .day:not(:last-child) {
                border-right: 1px solid #cccccc;
            }

.Fw_UI_CheckBox {
    display: inline-block;
}

    .Fw_UI_CheckBox .cellControl {
        vertical-align: top;
        width: 1px;
    }

    .Fw_UI_CheckBox .cellLeft {
        text-align: right;
        vertical-align: top;
    }

    .Fw_UI_CheckBox .cellRight {
        text-align: left;
        vertical-align: top;
    }

    .Fw_UI_CheckBox .labelLeft {
        font-size: 1rem;
        font-weight: 100;
        padding-right: 0.4rem;
        padding-top: 0.1rem;
    }

    .Fw_UI_CheckBox .labelRight {
        font-size: 1rem;
        font-weight: 100;
        padding-left: 0.4rem;
        padding-top: 0.1rem;
    }

    .Fw_UI_CheckBox .table {
        display: table;
        margin-bottom: 0px;
        background-color: transparent;
    }

    .Fw_UI_CheckBox .tableRow {
        display: table-row;
    }

    .Fw_UI_CheckBox .tableCell {
        display: table-cell;
    }

.Fw_UI_CheckBoxList {
}

    .Fw_UI_CheckBoxList .firstColumn {
    }

    .Fw_UI_CheckBoxList .middleColumn {
        padding-left: 1.2rem;
    }

    .Fw_UI_CheckBoxList .lastColumn {
        padding-left: 1.2rem;
    }


    .Fw_UI_CheckBoxList .table {
        display: table;
        margin-bottom: 0px;
        width: unset;
    }

    .Fw_UI_CheckBoxList .tableCell {
        display: table-cell;
    }

    .Fw_UI_CheckBoxList .tableRow {
        display: table-row;
    }

.Fw_UI_ComboBox {
    border: solid 1px #cccccc;
    border-radius: 0.3rem 0.3rem;
    display: block;
    min-height: 41px;
    min-width: 200px;
    width: 100%;
}

    .Fw_UI_ComboBox .bottomPanel {
        border-top: solid 1px #cccccc;
        padding-bottom: 0.6rem;
        padding-left: 0.8rem;
        padding-right: 0.8rem;
        padding-top: 0.6rem;
        text-align: center;
    }

    .Fw_UI_ComboBox .buttonClear {
        background: url('images/Fw_UI_ComboBox_buttonClear.png');
        background-size: contain;
        cursor: pointer;
        display: inline-block;
        height: 24px;
        margin-right: 0px;
        width: 24px;
    }

    .Fw_UI_ComboBox .buttonDropDown {
        background: url('images/Fw_UI_ComboBox_buttonDropDown.png');
        background-size: contain;
        cursor: pointer;
        display: inline-block;
        height: 24px;
        /*margin-right: -8px;*/
        width: 24px;
    }

    .Fw_UI_ComboBox .buttonDropDownExpand {
        background: url('images/Fw_UI_ComboBox_buttonDropDownExpand.png');
        background-size: contain;
        cursor: pointer;
        display: inline-block;
        height: 24px;
        /*margin-right: -8px;*/
        width: 24px;
    }

    .Fw_UI_ComboBox .displayBox {
        display: table;
        width: 100%;
    }

    .Fw_UI_ComboBox .displayColumnButtons {
        display: table-cell;
        width: 12px;
        text-align: right;
        vertical-align: top;
        /*width: 52px;*/
    }

    .Fw_UI_ComboBox .displayColumnDisplay {
        display: table-cell;
        vertical-align: top;
        width: calc(100% - 52px);
    }

    .Fw_UI_ComboBox .displayRow {
        display: table-row;
    }

    .Fw_UI_ComboBox .displayText {
        cursor: pointer;
        font-size: 1.2rem;
        font-weight: 100;
        padding-bottom: 0.5rem;
        padding-left: 0.8rem;
        padding-right: 0.8rem;
        padding-top: 0.5rem;
    }

.Fw_UI_ComboBox_itemPanel .displayTextSearch {
    border: solid 0px #CCCCCC;
    font-size: 1.2rem;
    margin-bottom: 0.4rem;
    margin-left: 0.4rem;
    margin-right: 0.4rem;
    margin-top: 0.4rem;
    width: 100%;
}

/* Cannot use Fw_UI_ComboBox .itemPanel because html element of this class having page element as parent. */
.Fw_UI_ComboBox_itemPanel {
    background-color: #ffffff;
    border-bottom: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    box-shadow: 0px 1px 10px 0px rgba(192, 192, 192, 0.5), 0 6px 20px 0 rgba(255, 255, 255, 0.5);
    margin-left: 0px;
    margin-top: -3px;
    position: absolute;
    z-index: 100;
}

    .Fw_UI_ComboBox_itemPanel .item {
        background-color: #ffffff;
        display: table-row;
    }

        .Fw_UI_ComboBox_itemPanel .item.last {
            border-bottom: solid 0px #cccccc;
        }

        .Fw_UI_ComboBox_itemPanel .item .columnCheck {
            /*border: solid 1px #cccccc;*/
            border-bottom: solid 1px #cccccc;
            border-right: solid 1px #cccccc;
            display: table-cell;
            padding-bottom: 0.4rem;
            padding-left: 0.6rem;
            padding-right: 0.6rem;
            padding-top: 0.4rem;
            vertical-align: top;
            width: 1%;
        }

.Fw_UI_ComboBox .item .columnCheck.last {
    border-bottom: unset;
}

.Fw_UI_ComboBox_itemPanel .item .column {
    background-color: #ffffff;
    border-right: solid 1px #cccccc;
    border-bottom: solid 1px #cccccc;
    cursor: pointer;
    display: table-cell;
    padding-bottom: 1.0rem;
    padding-left: 0.8rem;
    padding-right: 0.8rem;
    padding-top: 1.0rem;
    vertical-align: top;
}

    .Fw_UI_ComboBox_itemPanel .item .column.label {
        cursor: pointer;
    }

    .Fw_UI_ComboBox_itemPanel .item .column.last {
        border-bottom: solid 0px #cccccc;
    }

    .Fw_UI_ComboBox_itemPanel .item .column.right {
        border-right: solid 0px #cccccc;
    }

    .Fw_UI_ComboBox_itemPanel .item .column:hover {
        background-color: #f0f0f0;
    }

.Fw_UI_ComboBox_itemPanel .itemHeader {
    /*border-bottom: 1px solid #cccccc;*/
    /*border-left: 1px solid #cccccc;*/
    /*border-right: 1px solid #cccccc;*/
    border-top: 1px solid #cccccc;
    display: table-row;
    width: 100%;
}

    .Fw_UI_ComboBox_itemPanel .itemHeader .column {
        background-color: #f0f0f0;
        border-bottom: solid 1px #cccccc;
        border-right: solid 1px #cccccc;
        display: table-cell;
        padding-bottom: 0.4rem;
        padding-left: 0.6rem;
        padding-right: 0.6rem;
        padding-top: 0.4rem;
        vertical-align: top;
    }

        .Fw_UI_ComboBox_itemPanel .itemHeader .column.check {
            border-right: solid 1px #cccccc;
            display: table-cell;
            padding-bottom: 0.4rem;
            padding-left: 0.6rem;
            padding-right: 0.6rem;
            padding-top: 0.4rem;
            vertical-align: top;
            width: 1%;
        }

        .Fw_UI_ComboBox_itemPanel .itemHeader .column.right {
            border-right: solid 0px #cccccc;
        }

.Fw_UI_ComboBox_itemPanel .itemHeaderWrapper {
    display: table;
    width: 100%;
}

.Fw_UI_ComboBox_itemPanel .itemListPanel {
    display: table;
    width: 100%;
}

.Fw_UI_ComboBox_itemPanel .itemListPanelWrapper {
    overflow-y: auto;
}

.Fw_UI_ComboBox_itemPanel.topPosition {
    margin-top: 3px;
}

.Fw_UI_ContextMenu {
}

    .Fw_UI_ContextMenu .desktop {
        background-color: #ffffff;
        border: solid 1px #cccccc;
        border-bottom-left-radius: 0.3rem;
        border-bottom-right-radius: 0.3rem;
        box-shadow: 4px 2px 10px 4px rgba(176, 176, 176, 0.5), 0 6px 20px 0 rgba(224, 224, 224, 0.5);
        margin-left: -2px;
        margin-top: -0.35rem;
        padding-bottom: 0.3rem;
        padding-left: 0.0rem;
        padding-right: 0.0rem;
        padding-top: 0.3rem;
    }

.Fw_UI_ContextMenuItem {
}

    .Fw_UI_ContextMenuItem .clickable {
        cursor: pointer;
    }

    .Fw_UI_ContextMenuItem .desktop {
        background-color: rgb(255, 255, 255);
        display: block;
        font-size: 1.1rem;
        font-weight: normal;
        padding-bottom: 0.4rem;
        padding-left: 1rem;
        padding-right: 1rem;
        padding-top: 0.4rem;
    }

        .Fw_UI_ContextMenuItem .desktop:hover {
            background-color: #eeeeee;
        }

        .Fw_UI_ContextMenuItem .desktop .link {
            color: #000000;
            cursor: pointer;
            display: inline-block;
            min-width: 10rem;
            max-width: 15rem;
            text-decoration: none;
        }

            .Fw_UI_ContextMenuItem .desktop .link:hover {
                color: #000000;
            }

            .Fw_UI_ContextMenuItem .desktop .link:visited {
                color: #000000;
            }

        .Fw_UI_ContextMenuItem .desktop .dropDown {
            background-image: url('images/Fw_UI_ContextMenuItem_desktop_dropDown.png');
            background-size: contain;
            display: inline-block;
            float: right;
            height: 0.8rem;
            margin-left: 0.3rem;
            margin-top: 0.3rem;
            width: 0.8rem;
        }

            .Fw_UI_ContextMenuItem .desktop .dropDown:hover {
                background-image: url('images/Fw_UI_ContextMenuItem_desktop_dropDown-hover.png');
                background-size: contain;
                display: inline-block;
                float: right;
                height: 0.8rem;
                margin-left: 0.3rem;
                margin-top: 0.3rem;
                width: 0.8rem;
            }

        .Fw_UI_ContextMenuItem .desktop .itemContainer {
            background-color: #ffffff;
            border: solid 1px #cccccc;
            border-bottom-left-radius: 0.3rem;
            border-bottom-right-radius: 0.3rem;
            box-shadow: 4px 2px 10px 4px rgba(176, 176, 176, 0.5), 0 6px 20px 0 rgba(224, 224, 224, 0.5);
            margin-left: -2px;
            margin-top: -0.35rem;
            padding-bottom: 0.3rem;
            padding-left: 0.0rem;
            padding-right: 0.0rem;
            padding-top: 0.3rem;
        }

            .Fw_UI_ContextMenuItem .desktop .itemContainer.level1 {
                /*background-color: #ffffff;
    border-bottom: solid 1px #cccccc;
    border-left: solid 1px #cccccc;
    border-right: solid 1px #cccccc;
    border-bottom-left-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
    box-shadow: 4px 2px 10px 4px rgba(176, 176, 176, 0.5), 0 6px 20px 0 rgba(224, 224, 224, 0.5);
    margin-top: 0px;
    padding-bottom: 0.3rem;
    padding-left: 0.0rem;
    padding-right: 0.0rem;
    padding-top: 0.3rem;
    width: unset;*/
                background-color: #ffffff;
                border: solid 1px #cccccc;
                border-bottom-left-radius: 0.3rem;
                border-bottom-right-radius: 0.3rem;
                box-shadow: 4px 2px 10px 4px rgba(176, 176, 176, 0.5), 0 6px 20px 0 rgba(224, 224, 224, 0.5);
                margin-left: -2px;
                margin-top: -0.35rem;
                padding-bottom: 0.3rem;
                padding-left: 0.0rem;
                padding-right: 0.0rem;
                padding-top: 0.3rem;
            }

        .Fw_UI_ContextMenuItem .desktop level1 {
            background-color: transparent;
            display: block;
            font-size: 1.1rem;
            font-weight: normal;
            padding-bottom: 0.4rem;
            padding-left: 1rem;
            padding-right: 1rem;
            padding-top: 0.4rem;
        }

            .Fw_UI_ContextMenuItem .desktop level1:hover {
                background-color: #ffffff;
            }

            .Fw_UI_ContextMenuItem .desktop level1 .link {
                max-width: unset;
                min-width: unset;
                width: unset;
            }

            .Fw_UI_ContextMenuItem .desktop level1 .dropDown {
                background-image: url('images/Fw_UI_ContextMenuItem_desktop_level1_dropDown.png');
                background-size: contain;
                display: inline-block;
                float: right;
                height: 0.8rem;
                margin-left: 0.3rem;
                margin-top: 0.3rem;
                width: 0.8rem;
            }

            .Fw_UI_ContextMenuItem .desktop level1 .main {
                font-size: 1.4rem;
                font-weight: bold;
            }

.Fw_UI_DatePicker {
    color: #000000;
    display: inline-block;
    padding-bottom: 0.0rem;
    padding-left: 0.0rem;
    padding-right: 0.0rem;
    padding-top: 0.0rem;
}

    .Fw_UI_DatePicker .dayDate {
        background-color: #ffffff;
        border-radius: 6px 6px;
        color: #000000;
        cursor: pointer;
        display: table-cell;
        height: 36px;
        text-align: center;
        vertical-align: middle;
        width: 36px;
    }

        .Fw_UI_DatePicker .dayDate:hover {
            background-color: rgb(171, 180, 194);
        }

        .Fw_UI_DatePicker .dayDate.nextMonth {
            color: #cccccc;
        }

            .Fw_UI_DatePicker .dayDate.nextMonth:hover {
                color: #000000;
            }

        .Fw_UI_DatePicker .dayDate.preMonth {
            color: #cccccc;
        }

            .Fw_UI_DatePicker .dayDate.preMonth:hover {
                color: #000000;
            }

        .Fw_UI_DatePicker .dayDate .selected {
            background-color: rgb(51, 146, 206);
            border-radius: 6px 6px;
            color: rgb(255, 255, 255);
            cursor: pointer;
            display: table-cell;
            height: 36px;
            text-align: center;
            vertical-align: middle;
            width: 36px;
        }

            .Fw_UI_DatePicker .dayDate .selected:hover {
                background-color: rgb(51, 146, 206);
            }

    .Fw_UI_DatePicker .dayDateContainer {
        background-color: rgb(245, 245, 245);
        padding-bottom: 4px;
        padding-left: 2px;
        padding-right: 2px;
    }

        .Fw_UI_DatePicker .dayDateContainer.bottom {
            border-bottom-left-radius: 4px;
            border-bottom-right-radius: 4px;
        }

        .Fw_UI_DatePicker .dayDateContainer .table {
            background-color: rgb(255, 255, 255);
            border-spacing: 0;
            border-collapse: collapse;
        }

            .Fw_UI_DatePicker .dayDateContainer .table td {
                padding: 0px;
            }

    .Fw_UI_DatePicker .dayWeekDay {
        background-color: rgb(245, 245, 245);
        display: table-cell;
        height: 36px;
        text-align: center;
        vertical-align: middle;
        width: 36px;
    }

    .Fw_UI_DatePicker .dayWeekDayContainer {
        background-color: rgb(245, 245, 245);
        padding-bottom: 2px;
        padding-left: 2px;
        padding-right: 2px;
    }

        .Fw_UI_DatePicker .dayWeekDayContainer .table {
            border-bottom: solid 1px #cccccc;
            border-spacing: 0;
            border-collapse: collapse;
        }

            .Fw_UI_DatePicker .dayWeekDayContainer .table td {
                padding: 0px;
            }

    .Fw_UI_DatePicker .icon {
        background-color: #eeeeee;
        background-image: url('images/Fw_UI_DatePicker_icon.png');
        background-size: contain;
        border-bottom-right-radius: 0.3rem;
        border-left: solid 1px #cccccc;
        border-top-right-radius: 0.3rem;
        cursor: pointer;
        display: table-cell;
        /*float: right;*/
        height: 26px;
        position: absolute;
        top: 0px;
        right: 0px;
        width: 26px;
    }

        .Fw_UI_DatePicker .icon:hover {
            background-color: #eef6ff;
        }

    .Fw_UI_DatePicker .inputWidget {
        border-bottom: solid 1px #CCCCCC;
        border-left: solid 1px #CCCCCC;
        border-radius: 0.3rem 0.3rem;
        border-right: solid 1px #CCCCCC;
        border-top: solid 1px #CCCCCC;
        display: block;
        height: 26px;
        position: relative;
    }

    .Fw_UI_DatePicker .main {
        background-color: #ffffff;
        border-bottom: solid 1px #cccccc;
        border-left: solid 1px #cccccc;
        border-right: solid 1px #cccccc;
        border-top: solid 1px #cccccc;
        /*margin-left: -1px;*/
        margin-top: -1px;
        position: absolute;
        z-index: 100;
    }

        .Fw_UI_DatePicker .main .bottom {
            border-bottom-left-radius: 4px;
            border-bottom-right-radius: 4px;
        }

        .Fw_UI_DatePicker .main .topPosition {
            margin-top: 1px;
        }

    .Fw_UI_DatePicker .mainOuter {
        /*background-color: rgba(255, 255, 0, 0.5);
    border-left: solid #ff0000 2px;
    border-right: solid #ff0000 2px;
    border-top: solid #ff0000 2px;
    border-bottom: solid #ff0000 2px;*/
        position: fixed;
        top: 0px;
        left: 0px;
        z-index: 100;
    }

    .Fw_UI_DatePicker .month {
        background-color: #ffffff;
        border-radius: 6px 6px;
        color: #000000;
        cursor: pointer;
        display: table-cell;
        height: 64px;
        text-align: center;
        vertical-align: middle;
        width: 64px;
    }

        .Fw_UI_DatePicker .month:hover {
            background-color: rgb(171, 180, 194);
        }


        .Fw_UI_DatePicker .month .nextMonth {
            color: #cccccc;
        }

            .Fw_UI_DatePicker .month .nextMonth:hover {
                color: #000000;
            }

        .Fw_UI_DatePicker .month .preMonth {
            color: #cccccc;
        }

            .Fw_UI_DatePicker .month .preMonth:hover {
                color: #000000;
            }

        .Fw_UI_DatePicker .month.selected {
            background-color: rgb(51, 146, 206);
            border-radius: 6px 6px;
            color: rgb(255, 255, 255);
            cursor: pointer;
            display: table-cell;
            height: 64px;
            text-align: center;
            vertical-align: middle;
            width: 64px;
        }

        .Fw_UI_DatePicker .month.selecte:hover {
            background-color: rgb(51, 146, 206);
        }

    .Fw_UI_DatePicker .monthContainer {
        background-color: rgb(245, 245, 245);
        padding-bottom: 4px;
        padding-left: 2px;
        padding-right: 2px;
    }

        .Fw_UI_DatePicker .monthContainer.bottom {
            border-bottom-left-radius: 4px;
            border-bottom-right-radius: 4px;
            padding-top: 4px;
            padding-left: 4px;
            padding-right: 4px;
        }

        .Fw_UI_DatePicker .monthContainer .table {
            background-color: rgb(255, 255, 255);
            border-spacing: 0;
            border-collapse: collapse;
        }

            .Fw_UI_DatePicker .monthContainer .table td {
                padding: 0px;
            }

    .Fw_UI_DatePicker .navMonthNext {
        background-color: rgb(245, 245, 245);
        background-image: url('images/Fw_UI_DatePicker_navMonthNext.png');
        background-size: contain;
        cursor: pointer;
        height: 28px;
        width: 28px;
    }

        .Fw_UI_DatePicker .navMonthNext:hover {
            background-color: rgb(195, 201, 211);
            border-radius: 4px 4px;
        }

    .Fw_UI_DatePicker .navMonthNextTd {
        padding-bottom: 6px;
        padding-top: 6px;
        width: 28px;
    }

    .Fw_UI_DatePicker .navMonthPrevious {
        background-color: rgb(245, 245, 245);
        background-image: url('images/Fw_UI_DatePicker_navMonthPrevious.png');
        background-size: contain;
        cursor: pointer;
        height: 28px;
        width: 28px;
    }

        .Fw_UI_DatePicker .navMonthPrevious:hover {
            background-color: rgb(195, 201, 211);
            border-radius: 4px 4px;
        }

    .Fw_UI_DatePicker .navMonthPreviousTd {
        padding-bottom: 6px;
        padding-top: 6px;
        width: 28px;
    }

    .Fw_UI_DatePicker .navMonthTopText {
        background-color: rgb(245, 245, 245);
        display: inline-block;
        font-weight: normal;
        padding-bottom: 2px;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 2px;
        width: 100%;
    }

    .Fw_UI_DatePicker .navMonthTopTextTd {
        padding-left: 6px;
        padding-right: 6px;
        text-align: center;
    }

    .Fw_UI_DatePicker .navTop {
        background-color: rgb(245, 245, 245);
        background-color: rgb(245, 245, 245);
        padding-left: 2px;
        padding-right: 2px;
    }

        .Fw_UI_DatePicker .navTop .table {
            background-color: rgb(245, 245, 245);
            border-bottom: solid 1px #cccccc;
            border-spacing: 0;
            border-collapse: collapse;
            width: 100%;
        }

    .Fw_UI_DatePicker .navYearNext {
        background-color: rgb(245, 245, 245);
        background-image: url('images/Fw_UI_DatePicker_navYearNext.png');
        background-size: contain;
        cursor: pointer;
        height: 28px;
        width: 28px;
    }

        .Fw_UI_DatePicker .navYearNext:hover {
            background-color: rgb(195, 201, 211);
            border-radius: 4px 4px;
        }

    .Fw_UI_DatePicker .navYearNextTd {
        padding-bottom: 6px;
        padding-top: 6px;
        width: 28px;
    }

    .Fw_UI_DatePicker .navYearPrevious {
        background-color: rgb(245, 245, 245);
        background-image: url('images/Fw_UI_DatePicker_navYearPrevious.png');
        background-size: contain;
        cursor: pointer;
        height: 28px;
        width: 28px;
    }

        .Fw_UI_DatePicker .navYearPrevious:hover {
            background-color: rgb(195, 201, 211);
            border-radius: 4px 4px;
        }

    .Fw_UI_DatePicker .navYearPreviousTd {
        padding-bottom: 6px;
        padding-top: 6px;
        width: 28px;
    }

    .Fw_UI_DatePicker .text {
        border-bottom: 0px;
        border-left: 0px;
        border-right: 0px;
        border-top: 0px;
        display: table-cell;
        /*float: left;*/
        font-size: 1.0rem;
        height: 24px;
        margin-left: 8px;
        margin-right: 8px;
        margin-bottom: 0px;
        margin-top: 0px;
        vertical-align: top;
        width: 12.0rem;
    }

        .Fw_UI_DatePicker .text:focus {
            outline: none;
        }

.Fw_UI_FileField {
    width: 100%;
}

    .Fw_UI_FileField .noFileWidget {
        border: solid 1px #cccccc;
        border-radius: 4px 4px;
        padding-bottom: 8px;
        padding-left: 12px;
        padding-right: 12px;
        padding-top: 8px;
        text-align: center;
    }

    .Fw_UI_FileField .noFileText {
        display: block;
        margin-bottom: 8px;
        margin-top: 8px;
    }

    .Fw_UI_FileField .progressWidget {
        border: solid 1px #cccccc;
        border-radius: 4px 4px;
        padding-bottom: 8px;
        padding-left: 12px;
        padding-right: 12px;
        padding-top: 8px;
        text-align: center;
    }

    .Fw_UI_FileField .progressText {
        display: block;
        margin-bottom: 8px;
        margin-top: 8px;
    }

    .Fw_UI_FileField .showFileWidget {
        border: solid 1px #cccccc;
        border-radius: 4px 4px;
        min-height: 4.6rem;
        padding-bottom: 8px;
        padding-left: 12px;
        padding-right: 12px;
        padding-top: 8px;
        position: relative;
        text-align: center;
    }

    .Fw_UI_FileField .file {
        display: block;
        margin-top: 1rem;
        width: 100%;
    }

    .Fw_UI_FileField .removeButton {
        background-image: url('images/Fw_UI_FileField_removeButton.png');
        background-repeat: no-repeat;
        background-size: contain;
        cursor: pointer;
        display: inline-block;
        height: 2.6rem;
        width: 2.6rem;
        position: absolute;
        top: 1rem;
        right: 1rem;
    }

.Fw_UI_Form {
    border: solid 1px #cccccc;
    width: 100%;
}

    .Fw_UI_Form .sectionFooter {
        justify-content: center;
        align-items: center;
        display: flex;
        padding: 8px 16px 16px 8px;
    }

    .Fw_UI_Form .sectionHeader {
        font-size: 16px;
        font-weight: 600;
        padding: 8px 16px 16px 8px;
    }

    .Fw_UI_Form .splitter {
        background-color: rgb(224, 224, 224);
        height: 1px;
        margin: 4px 8px 8px 4px;
    }

    .Fw_UI_Form .table {
        width: 100%;
    }

.Fw_UI_FormCell {
    display: table-cell;
    padding-bottom: 0rem;
    padding-left: 0rem;
    padding-right: 0rem;
    padding-top: 0rem;
    vertical-align: top;
}

    .Fw_UI_FormCell .inputColumn {
        display: table-cell;
        padding-bottom: 0.3rem;
        padding-left: 0.8rem;
        padding-right: 0.8rem;
        padding-top: 0.3rem;
        vertical-align: top;
    }

    .Fw_UI_FormCell .labelColumn {
        display: table-cell;
        padding-bottom: 0.3rem;
        padding-left: 0.8rem;
        padding-right: 0.8rem;
        padding-top: 0.3rem;
        vertical-align: top;
        width: 120px;
    }

    .Fw_UI_FormCell .table {
        display: table;
        margin-bottom: 0px;
        width: 100%;
    }

    .Fw_UI_FormCell .tableRow {
        display: table-row;
    }

.Fw_UI_FormCell-mobile {
    display: block;
    padding-bottom: 0rem;
    padding-left: 0rem;
    padding-right: 0rem;
    padding-top: 0rem;
    vertical-align: top;
}

    .Fw_UI_FormCell-mobile .inputColumn {
        display: block;
        padding-bottom: 0.6rem;
        padding-left: 0.8rem;
        padding-right: 0.8rem;
        padding-top: 0.2rem;
        vertical-align: top;
    }

    .Fw_UI_FormCell-mobile .labelColumn {
        display: block;
        padding-bottom: 0.2rem;
        padding-left: 0.8rem;
        padding-right: 0.8rem;
        padding-top: 0.3rem;
        vertical-align: top;
    }

.Fw_UI_FormRow {
    display: table-row;
}

.Fw_UI_FormRow-mobile {
    display: block;
}

.Fw_UI_FormFooter {
    background-image: linear-gradient(to bottom, #f6f6f6, #eeeeee);
    border-top: solid 1px #cccccc;
    display: flex;
    flex-direction: row;
    justify-content: center; /* horizontal alignment */
    gap: 8px;
    padding: 8px 16px 8px 16px;
}

.Fw_UI_FormHeader {
    background-color: #e0e0e0;
    font-weight: 600;
    font-size: 16px;
    padding: 8px 16px 8px 16px;
}

.Fw_UI_InputValidator {
    color: rgb(255, 0, 0);
}

    .Fw_UI_InputValidator.error {
        color: rgb(255, 0, 0);
    }

.Fw_UI_ImageField {
    width: 100%;
}

    .Fw_UI_ImageField .noImageWidget {
        border: solid 1px #cccccc;
        border-radius: 4px 4px;
        padding-bottom: 8px;
        padding-left: 12px;
        padding-right: 12px;
        padding-top: 8px;
        text-align: center;
    }

    .Fw_UI_ImageField .noImageText {
        display: block;
        margin-bottom: 8px;
        margin-top: 8px;
    }

    .Fw_UI_ImageField .progressWidget {
        border: solid 1px #cccccc;
        border-radius: 4px 4px;
        padding-bottom: 8px;
        padding-left: 12px;
        padding-right: 12px;
        padding-top: 8px;
        text-align: center;
    }

    .Fw_UI_ImageField .progressText {
        display: block;
        margin-bottom: 8px;
        margin-top: 8px;
    }

    .Fw_UI_ImageField .showImageWidget {
        border: solid 1px #cccccc;
        border-radius: 4px 4px;
        padding-bottom: 8px;
        padding-left: 12px;
        padding-right: 12px;
        padding-top: 8px;
        position: relative;
        text-align: center;
    }

    .Fw_UI_ImageField .image {
        width: 100%;
    }

    .Fw_UI_ImageField .removeButton {
        background-image: url('images/Fw_UI_ImageField_removeButton.png');
        background-repeat: no-repeat;
        background-size: contain;
        cursor: pointer;
        display: inline-block;
        height: 2.6rem;
        width: 2.6rem;
        position: absolute;
        top: 1rem;
        right: 1rem;
    }

.Fw_UI_List {
    width: 100%;
}

    .Fw_UI_List .btnDetailsCollapse {
        background-image: url('images/Fw_UI_List_btnDetailsCollapse.png');
        background-size: contain;
        cursor: pointer;
        display: inline-block;
        height: 1.5rem;
        width: 1.5rem;
    }

    .Fw_UI_List .btnDetailsExpand {
        background-image: url('images/Fw_UI_List_btnDetailsExpand.png');
        background-size: contain;
        cursor: pointer;
        display: inline-block;
        height: 1.5rem;
        width: 1.5rem;
    }

    .Fw_UI_List .rowContainer {
        display: table;
        width: 100%;
    }

.Fw_UI_ListCell {
    border: solid 1px rgb(224, 224, 224);
    padding-bottom: 8px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 8px;
    vertical-align: top;
}

    .Fw_UI_ListCell.lastRow {
        border-bottom: solid 0px #cccccc;
    }

    .Fw_UI_ListCell.right {
        border-right: solid 0px #cccccc;
    }

.Fw_UI_ListFooter {
}

    .Fw_UI_ListFooter .cellRight {
        border-right: solid 0px #cccccc;
    }

.Fw_UI_ListHeader {
    display: table-row;
}

.Fw_UI_ListHeaderCell {
    background-image: linear-gradient(to bottom, #f6f6f6, #eeeeee);
    border-bottom: solid 1px #cccccc;
    border-top: solid 0px #cccccc;
    display: table-cell;
    font-weight: 600;
    padding-bottom: 0.4rem;
    padding-top: 0.6rem;
}

    .Fw_UI_ListHeaderCell label {
        font-size: 1.1rem;
        font-weight: 100;
    }

    .Fw_UI_ListHeaderCell.right {
        border-right: solid 0px #cccccc;
    }

.Fw_UI_ListItem {
    padding-bottom: 0.0rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.0rem;
    width: calc(100% - 2rem);
}

.Fw_UI_ListPagination {
    min-height: 36px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 8px;
    padding-right: 8px;
}

    .Fw_UI_ListPagination.bottom {
        border-bottom: solid 1px #cccccc;
    }

    .Fw_UI_ListPagination.top {
        border-bottom: solid 1px #cccccc;
    }

    .Fw_UI_ListPagination .infoLabel {
        float: right;
        margin-top: 0.4rem;
        margin-right: 0.8rem;
    }

.Fw_UI_ListPaginationButton {
}

    .Fw_UI_ListPaginationButton.first {
        background: url('images/Fw_UI_ListPaginationButton_first.png');
        background-size: contain;
        border-bottom: solid 1px #cccccc;
        border-left: solid 1px #cccccc;
        border-radius: 14px 14px;
        border-right: solid 1px #cccccc;
        border-top: solid 1px #cccccc;
        cursor: pointer;
        display: inline-block;
        height: 28px;
        margin-right: 4px;
        width: 28px;
    }

        .Fw_UI_ListPaginationButton.first:hover {
            background-color: #e0e0e0;
        }

        .Fw_UI_ListPaginationButton.first.disabled {
            background: url('images/Fw_UI_ListPaginationButton_first_disabled.png');
            background-size: contain;
            border-bottom: solid 1px #cccccc;
            border-left: solid 1px #cccccc;
            border-radius: 14px 14px;
            border-right: solid 1px #cccccc;
            border-top: solid 1px #cccccc;
            cursor: default;
            display: inline-block;
            height: 28px;
            margin-right: 4px;
            width: 28px;
        }

    .Fw_UI_ListPaginationButton.item {
        cursor: pointer;
        display: inline-block;
        height: 32px;
        font-size: 15px;
        padding-left: 6px;
        padding-right: 6px;
        padding-top: 6px;
        text-align: center;
        vertical-align: top;
        min-width: 32px;
    }

        .Fw_UI_ListPaginationButton.item:hover {
            background-color: #e0e0e0;
            border-bottom: solid 1px #cccccc;
            border-left: solid 1px #cccccc;
            border-radius: 16px 16px;
            border-right: solid 1px #cccccc;
            border-top: solid 1px #cccccc;
            height: 32px;
            min-width: 32px;
            padding-top: 5px;
        }

        .Fw_UI_ListPaginationButton.item.selected {
            background-color: rgb(244, 103, 23);
            border-radius: 16px 16px;
            box-sizing: border-box;
            color: #ffffff;
            cursor: default;
            display: inline-block;
            height: 32px;
            font-size: 15px;
            padding-left: 6px;
            padding-right: 6px;
            padding-top: 6px;
            text-align: center;
            vertical-align: top;
            min-width: 32px;
        }

    .Fw_UI_ListPaginationButton.last {
        background: url('images/Fw_UI_ListPaginationButton_last.png');
        background-size: contain;
        border-bottom: solid 1px #cccccc;
        border-left: solid 1px #cccccc;
        border-radius: 14px 14px;
        border-right: solid 1px #cccccc;
        border-top: solid 1px #cccccc;
        cursor: pointer;
        display: inline-block;
        height: 28px;
        margin-right: 4px;
        width: 28px;
    }

        .Fw_UI_ListPaginationButton.last:hover {
            background-color: #e0e0e0;
        }

        .Fw_UI_ListPaginationButton.last.disabled {
            background: url('images/Fw_UI_ListPaginationButton_last_disabled.png');
            background-size: contain;
            border-bottom: solid 1px #cccccc;
            border-left: solid 1px #cccccc;
            border-radius: 14px 14px;
            border-right: solid 1px #cccccc;
            border-top: solid 1px #cccccc;
            cursor: default;
            display: inline-block;
            height: 28px;
            margin-right: 4px;
            width: 28px;
        }

    .Fw_UI_ListPaginationButton.next {
        background: url('images/Fw_UI_ListPaginationButton_next.png');
        background-size: contain;
        border-bottom: solid 1px #cccccc;
        border-left: solid 1px #cccccc;
        border-radius: 14px 14px;
        border-right: solid 1px #cccccc;
        border-top: solid 1px #cccccc;
        cursor: pointer;
        display: inline-block;
        height: 28px;
        margin-right: 4px;
        width: 28px;
    }

        .Fw_UI_ListPaginationButton.next:hover {
            background-color: #e0e0e0;
        }

        .Fw_UI_ListPaginationButton.next.disabled {
            background: url('images/Fw_UI_ListPaginationButton_next_disabled.png');
            background-size: contain;
            border-bottom: solid 1px #cccccc;
            border-left: solid 1px #cccccc;
            border-radius: 14px 14px;
            border-right: solid 1px #cccccc;
            border-top: solid 1px #cccccc;
            cursor: default;
            display: inline-block;
            height: 28px;
            margin-right: 4px;
            width: 28px;
        }

    .Fw_UI_ListPaginationButton.nextPage {
        background: url('images/Fw_UI_ListPaginationButton_nextPage.png');
        background-size: contain;
        cursor: pointer;
        display: inline-block;
        height: 32px;
        padding-bottom: 1px;
        padding-left: 1px;
        padding-right: 1px;
        padding-top: 1px;
        width: 32px;
    }

        .Fw_UI_ListPaginationButton.nextPage:hover {
            background-color: #e0e0e0;
            border-bottom: solid 1px #cccccc;
            border-left: solid 1px #cccccc;
            border-radius: 16px 16px;
            border-right: solid 1px #cccccc;
            border-top: solid 1px #cccccc;
            height: 32px;
            width: 32px;
            padding-bottom: 0px;
            padding-left: 0px;
            padding-right: 0px;
            padding-top: 0px;
        }

        .Fw_UI_ListPaginationButton.nextPage.disabled {
            background: url('images/Fw_UI_ListPaginationButton_nextPage_disabled.png');
            background-size: contain;
            cursor: default;
            display: inline-block;
            height: 32px;
            padding-bottom: 1px;
            padding-left: 1px;
            padding-right: 1px;
            padding-top: 1px;
            width: 32px;
        }

    .Fw_UI_ListPaginationButton.previous {
        background: url('images/Fw_UI_ListPaginationButton_previous.png');
        background-size: contain;
        border-bottom: solid 1px #cccccc;
        border-left: solid 1px #cccccc;
        border-radius: 14px 14px;
        border-right: solid 1px #cccccc;
        border-top: solid 1px #cccccc;
        cursor: pointer;
        display: inline-block;
        height: 28px;
        margin-right: 4px;
        width: 28px;
    }

        .Fw_UI_ListPaginationButton.previous:hover {
            background-color: #e0e0e0;
        }

        .Fw_UI_ListPaginationButton.previous.disabled {
            background: url('images/Fw_UI_ListPaginationButton_previous_disabled.png');
            background-size: contain;
            border-bottom: solid 1px #cccccc;
            border-left: solid 1px #cccccc;
            border-radius: 14px 14px;
            border-right: solid 1px #cccccc;
            border-top: solid 1px #cccccc;
            cursor: default;
            display: inline-block;
            height: 28px;
            margin-right: 4px;
            width: 28px;
        }

    .Fw_UI_ListPaginationButton.previousPage {
        background: url('images/Fw_UI_ListPaginationButton_previousPage.png');
        background-size: contain;
        cursor: pointer;
        display: inline-block;
        height: 32px;
        min-width: 32px;
    }

        .Fw_UI_ListPaginationButton.previousPage.disabled {
            background: url('images/Fw_UI_ListPaginationButton_previousPage_disabled.png');
            background-size: contain;
            cursor: default;
            display: inline-block;
            height: 32px;
            min-width: 32px;
        }

        .Fw_UI_ListPaginationButton.previousPage:hover {
            background-color: #e0e0e0;
            border-bottom: solid 1px #cccccc;
            border-left: solid 1px #cccccc;
            border-radius: 16px 16px;
            border-right: solid 1px #cccccc;
            border-top: solid 1px #cccccc;
            height: 32px;
            min-width: 32px;
        }

.Fw_UI_ListTopBar {
    background-image: linear-gradient(to bottom, #f6f6f6, #f6f6f6);
    border-bottom: solid 1px #cccccc;
    border-left: solid 1px #cccccc;
    border-right: solid 1px #cccccc;
    min-height: 3.0rem;
    padding-bottom: 0.3rem;
    padding-left: 0.8rem;
    padding-right: 0.8rem;
    padding-top: 0.3rem;
}

.Fw_UI_Menu {
}

    .Fw_UI_Menu.desktopTop {
        background-image: linear-gradient(to bottom, rgb(192, 192, 192) 0%, rgb(224, 224, 224) 30%, rgb(250, 250, 250) 100%);
        border-bottom: solid rgb(192, 192, 192) 1px;
        border-top: solid rgb(128, 128, 128) 1px;
        box-shadow: 0px 1px 10px 0px rgba(192, 192, 192, 0.5), 0 6px 20px 0 rgba(255, 255, 255, 0.5);
        font-size: 1rem;
        margin-bottom: 16px;
        padding-left: 12rem;
        padding-right: 12rem;
        width: 100%;
    }

.Fw_UI_MenuItem.clickable {
    cursor: pointer;
}

.Fw_UI_MenuItem.desktopTop {
    background-color: rgb(255, 255, 255);
    display: block;
    font-size: 1.1rem;
    font-weight: normal;
    padding-bottom: 0.4rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.4rem;
}

    .Fw_UI_MenuItem.desktopTop:hover {
        background-color: #eeeeee;
    }

    .Fw_UI_MenuItem.desktopTop .link {
        color: #000000;
        cursor: pointer;
        display: inline-block;
        min-width: 10rem;
        max-width: 15rem;
        text-decoration: none;
    }

        .Fw_UI_MenuItem.desktopTop .link:hover {
            color: #000000;
        }

        .Fw_UI_MenuItem.desktopTop .link:visited {
            color: #000000;
        }

    .Fw_UI_MenuItem.desktopTop .dropDown {
        background-image: url('images/Fw_UI_MenuItem_desktopTop_dropDown.png');
        background-size: contain;
        display: inline-block;
        float: right;
        height: 0.8rem;
        margin-left: 0.3rem;
        margin-top: 0.3rem;
        width: 0.8rem;
    }

        .Fw_UI_MenuItem.desktopTop .dropDown:hover {
            background-image: url('images/Fw_UI_MenuItem_desktopTop_dropDown-hover.png');
            background-size: contain;
            display: inline-block;
            float: right;
            height: 0.8rem;
            margin-left: 0.3rem;
            margin-top: 0.3rem;
            width: 0.8rem;
        }

    .Fw_UI_MenuItem.desktopTop .itemContainer {
        background-color: #ffffff;
        border: solid 1px #cccccc;
        border-bottom-left-radius: 0.3rem;
        border-bottom-right-radius: 0.3rem;
        box-shadow: 4px 2px 10px 4px rgba(176, 176, 176, 0.5), 0 6px 20px 0 rgba(224, 224, 224, 0.5);
        margin-left: -2px;
        margin-top: -0.35rem;
        padding-bottom: 0.3rem;
        padding-left: 0.0rem;
        padding-right: 0.0rem;
        padding-top: 0.3rem;
    }

    .Fw_UI_MenuItem.desktopTop .itemContainerLevel1 {
        background-color: #ffffff;
        border-bottom: solid 1px #cccccc;
        border-left: solid 1px #cccccc;
        border-right: solid 1px #cccccc;
        border-bottom-left-radius: 0.3rem;
        border-bottom-right-radius: 0.3rem;
        box-shadow: 4px 2px 10px 4px rgba(176, 176, 176, 0.5), 0 6px 20px 0 rgba(224, 224, 224, 0.5);
        margin-top: 0px;
        padding-bottom: 0.3rem;
        padding-left: 0.0rem;
        padding-right: 0.0rem;
        padding-top: 0.3rem;
        width: unset;
    }

    .Fw_UI_MenuItem.desktopTop.level1 {
        background-color: transparent;
        display: inline-block;
        font-size: 1.1rem;
        font-weight: normal;
        padding-bottom: 1rem;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        padding-top: 1rem;
    }

        .Fw_UI_MenuItem.desktopTop.level1:hover {
            background-color: #ffffff;
        }

        .Fw_UI_MenuItem.desktopTop.level1 .link {
            max-width: unset;
            min-width: unset;
            width: unset;
        }

        .Fw_UI_MenuItem.desktopTop.level1 .dropDown {
            background-image: url('images/Fw_UI_MenuItem_desktopTop_level1_dropDown.png');
            background-size: contain;
            display: inline-block;
            float: right;
            height: 0.8rem;
            margin-left: 0.3rem;
            margin-top: 0.3rem;
            width: 0.8rem;
        }

    .Fw_UI_MenuItem.desktopTop.level1Main {
        font-size: 1.4rem;
        font-weight: bold;
    }

.Fw_UI_Label {
}

    .Fw_UI_Label .validator {
        color: #ff0000;
    }

.Fw_UI_LoadingPanel {
    background-color: rgba(255, 255, 255, 0.7);
    position: fixed;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    z-index: 999;
}

    .Fw_UI_LoadingPanel .iconOnlyPanel {
        display: inline-block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: auto;
        margin-top: auto;
    }

.Fw_UI_RadioButton {
}

    .Fw_UI_RadioButton .cellControl {
        vertical-align: top;
        width: 1px;
    }

    .Fw_UI_RadioButton .cellLeft {
        text-align: right;
        vertical-align: top;
    }

    .Fw_UI_RadioButton .cellRight {
        text-align: left;
        vertical-align: top;
    }

    .Fw_UI_RadioButton .checked {
        background-image: url('images/Fw_UI_RadioButton_checked.png');
        background-size: contain;
        height: 1rem;
        margin-top: 0.3rem;
        width: 1rem;
    }

    .Fw_UI_RadioButton .labelLeft {
        font-size: 1rem;
        font-weight: 100;
        padding-right: 0.4rem;
        padding-top: 0.1rem;
    }

    .Fw_UI_RadioButton .labelRight {
        font-size: 1rem;
        font-weight: 100;
        padding-left: 0.4rem;
        padding-top: 0.1rem;
    }

    .Fw_UI_RadioButton .table {
        display: table;
        margin-bottom: 0px;
    }

    .Fw_UI_RadioButton .tableRow {
        display: table-row;
    }

    .Fw_UI_RadioButton .tableCell {
        display: table-cell;
    }

    .Fw_UI_RadioButton .unchecked {
        background-image: url('images/Fw_UI_RadioButton_unchecked.png');
        background-size: contain;
        height: 1rem;
        margin-top: 0.3rem;
        width: 1rem;
    }

.Fw_UI_RadioButtonList {
}

    .Fw_UI_RadioButtonList .firstColumn {
    }

    .Fw_UI_RadioButtonList .middleColumn {
        padding-left: 1.2rem;
    }

    .Fw_UI_RadioButtonList .lastColumn {
        padding-left: 1.2rem;
    }

    .Fw_UI_RadioButtonList .table {
        display: table;
        margin-bottom: 0px;
        width: unset;
    }

    .Fw_UI_RadioButtonList .tableCell {
        display: table-cell;
    }

    .Fw_UI_RadioButtonList .tableRow {
        display: table-row;
    }

.Fw_UI_Screen {
}

.Fw_UI_SlideShow .container {
    height: 160px;
    width: calc(100% - 0rem);
    overflow: hidden;
    background-color: rgb(220, 220, 220);
    margin-left: 0rem;
    margin-right: 0rem;
}

.Fw_UI_SlideShow .slide {
    display: inline-block;
    height: 160px;
    position: relative;
}

.Fw_UI_SlideShow .slideContent {
    left: 0.0rem;
    padding: 1rem 1rem 1rem 1rem;
    position: absolute;
    top: 0.0rem;
}

.Fw_UI_SlideShow .slideImage {
    height: 160px;
}

.Fw_UI_SlideShow .slideTitle {
    color: rgb(255, 255, 255);
    display: inline-block;
    font-weight: bold;
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
    text-shadow: 0.1rem 0.1rem 0.5rem #000000;
}

.Fw_UI_SlideShow .slideDescription {
    color: rgb(255, 255, 255);
    font-weight: normal;
    font-size: 1.1rem;
    margin-bottom: 1.0rem;
    text-shadow: 0.1rem 0.1rem 0.5rem #000000;
}

.Fw_UI_Switch {
    margin-top: 6px;
    position: relative;
    display: inline-block;
    width: 60px;
    /*height: 34px;*/
    height: 20px;
}

    /* Hide the checkbox */
    .Fw_UI_Switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

    /* Slider */
    .Fw_UI_Switch .slider {
        position: absolute;
        cursor: pointer;
        background-color: #ccc;
        transition: 0.4s;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: 34px;
    }

        /* Slider Circle */
        .Fw_UI_Switch .slider:before {
            position: absolute;
            content: "";
            /*height: 26px;
            width: 26px;*/
            height: 30px;
            width: 30px;
            /*background-color: rgb(224, 224, 224);*/
            background-color: rgb(240, 240, 240);
            box-shadow: rgba(0, 0, 0, 0.24) 0px 2px 3px;
            bottom: 4px;
            top: -6px;
            left: 4px;
            transition: 0.4s;
            border-radius: 50%;
        }

    /* When checked */
    .Fw_UI_Switch input:checked + .slider {
        background-color: #4caf50;
    }

        .Fw_UI_Switch input:checked + .slider:before {
            /*transform: translateX(26px);*/
            transform: translateX(22px);
        }

.Fw_UI_Tab {
    display: block;
    width: 100%;
}

    .Fw_UI_Tab .main {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .Fw_UI_Tab .rowBottom {
        display: flex;
        flex-direction: row;
        margin-top: -1px;
    }

        .Fw_UI_Tab .rowBottom .buttonGroup {
        }

        .Fw_UI_Tab .rowBottom .button {
            background-color: #f0f0f0;
            border-bottom: solid 1px #cccccc;
            border-bottom-left-radius: 4px;
            border-bottom-right-radius: 4px;
            border-left: solid 1px #cccccc;
            border-right: solid 1px #cccccc;
            border-top: solid 0px #cccccc;
            cursor: pointer;
            display: inline-block;
            font-size: 15px;
            font-weight: 300;
            margin-bottom: 0px;
            margin-right: -1px;
            padding-bottom: 2px;
            padding-left: 8px;
            padding-right: 8px;
            padding-top: 2px;
        }

            .Fw_UI_Tab .rowBottom .button.selected {
                background-color: #ffffff;
                border-top: solid 0px #ffffff;
                font-size: 16px;
                font-weight: 600;
                margin-right: -1px;
                padding-bottom: 4px;
                padding-left: 8px;
                padding-right: 8px;
                padding-top: 3px;
            }

        .Fw_UI_Tab .rowBottom .cellCenter {
            flex: 1; /* Takes remaining space */
        }

        .Fw_UI_Tab .rowBottom .cellLeft {
            flex: 0 0 auto; /* Only as wide as content */
            width: 120px;
        }

        .Fw_UI_Tab .rowBottom .cellRight {
            flex: 0 0 auto; /* Only as wide as content */
            width: 120px;
        }

    .Fw_UI_Tab .rowPanel {
        display: flex;
        flex-direction: row;
    }

        .Fw_UI_Tab .rowPanel .buttonGroupLeft {
            flex: 0 0 auto; /* Only as wide as content */
            width: 120px;
        }

            .Fw_UI_Tab .rowPanel .buttonGroupLeft .button {
                background-color: #f0f0f0;
                border-bottom: solid 1px #cccccc;
                border-bottom-left-radius: 4px;
                border-left: solid 1px #cccccc;
                border-right: solid 0px #cccccc;
                border-top: solid 1px #cccccc;
                border-top-left-radius: 4px;
                cursor: pointer;
                display: inline-block;
                font-weight: 300;
                margin-left: 2px;
                padding-bottom: 3px;
                padding-left: 8px;
                padding-right: 8px;
                padding-top: 3px;
            }

Fw_UI_Tab .rowPanel .buttonGroupLeft .button.selected {
    background-color: #ffffff;
    border-right: solid 1px #ffffff;
    font-weight: 600;
    margin-left: 0px;
    margin-right: -1px;
    padding-bottom: 5px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 5px;
}

.Fw_UI_Tab .rowPanel .buttonGroupRight {
    flex: 0 0 auto; /* Only as wide as content */
    width: 120px;
}

    .Fw_UI_Tab .rowPanel .buttonGroupRight .button {
        background-color: #f0f0f0;
        border-bottom: solid 1px #cccccc;
        border-bottom-right-radius: 4px;
        border-left: solid 0px #cccccc;
        border-right: solid 1px #cccccc;
        border-top: solid 1px #cccccc;
        border-top-right-radius: 4px;
        cursor: pointer;
        display: inline-block;
        font-weight: 300;
        margin-right: 2px;
        padding-bottom: 3px;
        padding-left: 8px;
        padding-right: 8px;
        padding-top: 3px;
    }

Fw_UI_Tab .rowPanel .buttonGroupRight .button .selected {
    background-color: #ffffff;
    border-left: solid 1px #ffffff;
    font-weight: 600;
    margin-right: 0px;
    margin-left: -1px;
    padding-bottom: 5px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 5px;
}

.Fw_UI_Tab .rowPanel .content {
    background-color: #ffffff;
    border-bottom: solid 1px #cccccc;
    border-left: solid 1px #cccccc;
    border-right: solid 1px #cccccc;
    border-top: solid 1px #cccccc;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    display: table-cell;
    flex: 1; /* Takes remaining space */
    margin-bottom: -1px;
    margin-top: -1px;
    min-height: 200px;
    padding-bottom: 8px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
}

.Fw_UI_Tab .rowTop {
    display: flex;
    flex-direction: row;
    z-index: 1;
}

    .Fw_UI_Tab .rowTop .buttonAdd {
        background-image: url('images/Fw_UI_Tab_rowTop_buttonAdd.png');
        background-repeat: no-repeat;
        background-size: contain;
        border: solid 1px rgb(224, 224, 224);
        cursor: pointer;
        display: inline-block;
        height: 18px;
        margin-left: 6px;
        margin-bottom: 2px;
        padding: 4px 4px 4px 4px;
        width: 18px;
    }

    .Fw_UI_Tab .rowTop .buttonGroup {
        box-sizing: border-box;
        display: flex;
        flex: 0 0 auto; /* Only as wide as content */
        flex-direction: row;
        margin-bottom: 1px;
        margin-left: 8px;
    }

        .Fw_UI_Tab .rowTop .buttonGroup .button {
            background-color: #f0f0f0;
            border-bottom: solid 0px #cccccc;
            border-left: solid 1px #cccccc;
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
            border-right: solid 1px #cccccc;
            border-top: solid 1px #cccccc;
            box-sizing: content-box;
            cursor: pointer;
            display: inline-block;
            font-size: 15px;
            font-weight: 300;
            height: 24px;
            margin-bottom: 0px;
            margin-right: -1px;
            padding-bottom: 2px;
            padding-left: 16px;
            padding-right: 16px;
            padding-top: 6px;
        }

            .Fw_UI_Tab .rowTop .buttonGroup .button.selected {
                background-color: #ffffff;
                font-size: 16px;
                font-weight: 600;
                height: 25px;
                margin-bottom: -1px;
                margin-right: -1px;
                margin-top: -2px;
                padding-bottom: 3px;
                padding-left: 16px;
                padding-right: 16px;
                padding-top: 7px;
            }

    .Fw_UI_Tab .rowTop .cellCenter {
        display: flex;
        flex-direction: row;
        flex: 1; /* Takes remaining space */
    }

    .Fw_UI_Tab .rowTop .cellLeft {
        flex: 0 0 auto; /* Only as wide as content */
        width: 120px;
    }

    .Fw_UI_Tab .rowTop .cellRight {
        flex: 0 0 auto; /* Only as wide as content */
        width: 120px;
    }

.Fw_UI_TextArea {
    background-image: linear-gradient(to bottom, #dddddd 0%, #ffffff 10%, #ffffff 100%);
    border-bottom: solid 1px #CCCCCC;
    border-left: solid 1px #CCCCCC;
    border-radius: 0.3rem 0.3rem;
    border-right: solid 1px #CCCCCC;
    border-top: solid 1px #CCCCCC;
    font-size: 1.1rem;
    height: 60px;
    padding-bottom: 0.4rem;
    padding-left: 0.6rem;
    padding-right: 0.6rem;
    padding-top: 0.4rem;
    width: calc(100% - 1.2rem);
    /*width: 100%;*/
}

    .Fw_UI_TextArea:focus {
        background-image: linear-gradient(to bottom, #ffffff 0%, #ffffff 10%, #ffffff 100%);
        border-bottom: solid 1px rgb(102, 175, 233);
        border-left: solid 1px rgb(102, 175, 233);
        border-right: solid 1px rgb(102, 175, 233);
        border-top: solid 1px rgb(102, 175, 233);
        /*box-shadow: 1px 1px 2px rgb(102, 175, 233), 0 0 10px rgb(186, 219, 245), 0 0 5px #ffffff;*/
        /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
        box-shadow: 0px 1px 10px 0px rgba(102, 175, 233, 0.5), 0 6px 20px 0 rgba(255, 255, 255, 0.5);
    }

.Fw_UI_TextBox {
    background-image: linear-gradient(to bottom, #dddddd 0%, #ffffff 10%, #ffffff 100%);
    border-bottom: solid 1px #CCCCCC;
    border-left: solid 1px #CCCCCC;
    border-radius: 0.3rem 0.3rem;
    border-right: solid 1px #CCCCCC;
    border-top: solid 1px #CCCCCC;
    font-size: 1.1rem;
    padding-bottom: 0.4rem;
    padding-left: 0.6rem;
    padding-right: 0.6rem;
    padding-top: 0.4rem;
    width: calc(100% - 1.2rem);
    /*width: 100%;*/
}

    .Fw_UI_TextBox:focus {
        background-image: linear-gradient(to bottom, #ffffff 0%, #ffffff 10%, #ffffff 100%);
        border-bottom: solid 1px rgb(102, 175, 233);
        border-left: solid 1px rgb(102, 175, 233);
        border-right: solid 1px rgb(102, 175, 233);
        border-top: solid 1px rgb(102, 175, 233);
        /*box-shadow: 1px 1px 2px rgb(102, 175, 233), 0 0 10px rgb(186, 219, 245), 0 0 5px #ffffff;*/
        /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
        box-shadow: 0px 1px 10px 0px rgba(102, 175, 233, 0.5), 0 6px 20px 0 rgba(255, 255, 255, 0.5);
    }

    .Fw_UI_TextBox:-moz-read-only { /* For Firefox */
        background-image: linear-gradient(to bottom, rgb(238, 238, 238) 0%, rgb(238, 238, 238) 10%, rgb(238, 238, 238) 100%);
    }

    .Fw_UI_TextBox:read-only {
        background-image: linear-gradient(to bottom, rgb(238, 238, 238) 0%, rgb(238, 238, 238) 10%, rgb(238, 238, 238) 100%);
    }

.Fw_UI_TextBox-mobile {
    background-image: linear-gradient(to bottom, #dddddd 0%, #ffffff 10%, #ffffff 100%);
    border-bottom: solid 1px #CCCCCC;
    border-left: solid 1px #CCCCCC;
    border-radius: 0.3rem 0.3rem;
    border-right: solid 1px #CCCCCC;
    border-top: solid 1px #CCCCCC;
    font-size: 1.1rem;
    height: 2rem;
    padding-bottom: 0.4rem;
    padding-left: 0.6rem;
    padding-right: 0.6rem;
    padding-top: 0.4rem;
    width: calc(100% - 1.2rem);
    /*width: 100%;*/
}

    .Fw_UI_TextBox-mobile:focus {
        background-image: linear-gradient(to bottom, #ffffff 0%, #ffffff 10%, #ffffff 100%);
        border-bottom: solid 1px rgb(102, 175, 233);
        border-left: solid 1px rgb(102, 175, 233);
        border-right: solid 1px rgb(102, 175, 233);
        border-top: solid 1px rgb(102, 175, 233);
        /*box-shadow: 1px 1px 2px rgb(102, 175, 233), 0 0 10px rgb(186, 219, 245), 0 0 5px #ffffff;*/
        /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
        box-shadow: 0px 1px 10px 0px rgba(102, 175, 233, 0.5), 0 6px 20px 0 rgba(255, 255, 255, 0.5);
    }

    .Fw_UI_TextBox-mobile:-moz-read-only { /* For Firefox */
        background-image: linear-gradient(to bottom, rgb(238, 238, 238) 0%, rgb(238, 238, 238) 10%, rgb(238, 238, 238) 100%);
    }

    .Fw_UI_TextBox-mobile:read-only {
        background-image: linear-gradient(to bottom, rgb(238, 238, 238) 0%, rgb(238, 238, 238) 10%, rgb(238, 238, 238) 100%);
    }

.Fw_UI_TimePicker {
    color: #000000;
    display: inline-block;
    padding-bottom: 0.0rem;
    padding-left: 0.0rem;
    padding-right: 0.0rem;
    padding-top: 0.0rem;
}

    .Fw_UI_TimePicker .button {
        border: solid 1px #cccccc;
        border-radius: 4px 4px;
        background-color: #f0f0f0;
        color: #000000;
        cursor: pointer;
        font-size: 0.9rem;
        margin-bottom: 0.2rem;
        margin-left: 0.2rem;
        margin-right: 0.2rem;
        margin-top: 0.2rem;
        min-height: 1.6rem;
        min-width: 4.0rem;
        padding-bottom: 0.2rem;
        padding-left: 0.8rem;
        padding-right: 0.8rem;
        padding-top: 0.2rem;
    }

    .Fw_UI_TimePicker .buttonContainer {
        padding: 4px 8px 4px 8px;
        text-align: center;
    }

    .Fw_UI_TimePicker .designatorContainer {
        align-items: center;
        background-color: rgb(245, 245, 245);
        display: flex;
        justify-content: center;
        padding: 4px 4px 4px 4px;
    }


        .Fw_UI_TimePicker .designatorContainer .button {
            background-color: #ffffff;
            border: solid 1px #cccccc;
            border-radius: 0px 0px;
            box-sizing: border-box;
            color: #000000;
            cursor: pointer;
            display: inline-block;
            font-size: 12px;
            margin: 0 0px 0 0px;
            min-height: 32px;
            min-width: 84px;
            padding: 8px 8px 8px 8px;
            text-align: center;
        }

            .Fw_UI_TimePicker .designatorContainer .button:hover {
                background-color: rgb(171, 180, 194);
            }

            .Fw_UI_TimePicker .designatorContainer .button.selected {
                background-color: rgb(51, 146, 206);
                color: rgb(255, 255, 255);
            }

    .Fw_UI_TimePicker .hourContainer {
        background-color: rgb(245, 245, 245);
        display: table;
        padding-bottom: 4px;
        padding-left: 2px;
        padding-right: 2px;
    }

        .Fw_UI_TimePicker .hourContainer .cell {
            display: table-cell;
        }

        .Fw_UI_TimePicker .hourContainer .hour {
            background-color: #ffffff;
            border-radius: 6px 6px;
            color: #000000;
            cursor: pointer;
            display: table-cell;
            height: 30px;
            text-align: center;
            vertical-align: middle;
            width: 36px;
        }

            .Fw_UI_TimePicker .hourContainer .hour:hover {
                background-color: rgb(171, 180, 194);
            }

            .Fw_UI_TimePicker .hourContainer .hour.selected {
                background-color: rgb(51, 146, 206);
                border-radius: 6px 6px;
                color: rgb(255, 255, 255);
                cursor: pointer;
                display: table-cell;
                height: 30px;
                text-align: center;
                vertical-align: middle;
                width: 36px;
            }

                .Fw_UI_TimePicker .hourContainer .hour.selected:hover {
                    background-color: rgb(51, 146, 206);
                }

        .Fw_UI_TimePicker .hourContainer .hour-caption {
            box-sizing: border-box;
            font-size: 13px;
            font-weight: 600;
            padding: 4px 8px 4px 8px;
            text-align: center;
            width: 216px;
        }

        .Fw_UI_TimePicker .hourContainer .row {
            display: table-row;
        }

        .Fw_UI_TimePicker .hourContainer .table {
            background-color: rgb(255, 255, 255);
            border-spacing: 0;
            border-collapse: collapse;
            display: table;
        }

    .Fw_UI_TimePicker .icon {
        background-color: #eeeeee;
        background-image: url('images/Fw_UI_TimePicker_icon.png');
        background-size: contain;
        border-bottom-right-radius: 0.3rem;
        border-left: solid 1px #cccccc;
        border-top-right-radius: 0.3rem;
        cursor: pointer;
        display: table-cell;
        /*float: right;*/
        height: 26px;
        position: absolute;
        top: 0px;
        right: 0px;
        width: 26px;
    }

        .Fw_UI_TimePicker .icon:hover {
            background-color: #eef6ff;
        }

    .Fw_UI_TimePicker .inputWidget {
        border-bottom: solid 1px #CCCCCC;
        border-left: solid 1px #CCCCCC;
        border-radius: 0.3rem 0.3rem;
        border-right: solid 1px #CCCCCC;
        border-top: solid 1px #CCCCCC;
        display: block;
        height: 26px;
        position: relative;
    }

    .Fw_UI_TimePicker .main {
        background-color: #ffffff;
        border-bottom: solid 1px #cccccc;
        border-left: solid 1px #cccccc;
        border-right: solid 1px #cccccc;
        border-top: solid 1px #cccccc;
        /*margin-left: -1px;*/
        margin-top: -1px;
        position: absolute;
        z-index: 100;
    }

    .Fw_UI_TimePicker .mainTopPosition {
        margin-top: 1px;
    }

    .Fw_UI_TimePicker .mainBottom {
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }


    .Fw_UI_TimePicker .mainOuter {
        /*background-color: rgba(255, 255, 0, 0.5);
    border-left: solid #ff0000 2px;
    border-right: solid #ff0000 2px;
    border-top: solid #ff0000 2px;
    border-bottom: solid #ff0000 2px;*/
        position: fixed;
        top: 0px;
        left: 0px;
        z-index: 100;
    }

    .Fw_UI_TimePicker .minuteContainer {
        background-color: rgb(245, 245, 245);
        display: block;
        padding: 0px 2px 0px 2px;
    }

        .Fw_UI_TimePicker .minuteContainer .cell {
            display: table-cell;
        }

        .Fw_UI_TimePicker .minuteContainer .minute {
            background-color: #ffffff;
            border-radius: 6px 6px;
            color: #000000;
            cursor: pointer;
            display: table-cell;
            height: 30px;
            text-align: center;
            vertical-align: middle;
            width: 36px;
        }

            .Fw_UI_TimePicker .minuteContainer .minute:hover {
                background-color: rgb(171, 180, 194);
            }

            .Fw_UI_TimePicker .minuteContainer .minute.selected {
                background-color: rgb(51, 146, 206);
                border-radius: 6px 6px;
                color: rgb(255, 255, 255);
                cursor: pointer;
                display: table-cell;
                height: 30px;
                text-align: center;
                vertical-align: middle;
                width: 36px;
            }

                .Fw_UI_TimePicker .minuteContainer .minute.selected:hover {
                    background-color: rgb(51, 146, 206);
                }

        .Fw_UI_TimePicker .minuteContainer .minuteCaption {
            box-sizing: border-box;
            font-size: 13px;
            font-weight: 600;
            padding: 4px 8px 4px 8px;
            text-align: center;
            width: 216px;
        }

        .Fw_UI_TimePicker .minuteContainer .row {
            display: table-row;
        }

        .Fw_UI_TimePicker .minuteContainer .table {
            background-color: rgb(255, 255, 255);
            border-spacing: 0;
            border-collapse: collapse;
            display: table;
        }

    .Fw_UI_TimePicker .text {
        border-bottom: 0px;
        border-left: 0px;
        border-right: 0px;
        border-top: 0px;
        display: table-cell;
        /*float: left;*/
        font-size: 1.0rem;
        height: 24px;
        margin-left: 8px;
        margin-right: 8px;
        margin-bottom: 0px;
        margin-top: 0px;
        vertical-align: top;
        width: 6.0rem;
    }

        .Fw_UI_TimePicker .text:focus {
            outline: none;
        }

.Fw_UI_TreeView {
}

.Fw_UI_TreeViewNode .folder {
    background-image: url('./images/Fw_UI_TreeViewNode_folder.png');
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
}

.Fw_UI_TreeViewNode .folderClose {
    background-image: url('./images/Fw_UI_TreeViewNode_folderClose.png');
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
}

.Fw_UI_TreeViewNode .folderExpand {
    background-image: url('./images/Fw_UI_TreeViewNode_folderExpand.png');
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
}

.Fw_UI_TreeViewNode .leftChild {
}

    .Fw_UI_TreeViewNode .leftChild.closeBottom {
        background-image: none;
    }

    .Fw_UI_TreeViewNode .leftChild.closeMiddle {
        background-image: url('./images/Fw_UI_TreeViewNode_line.gif');
        background-repeat: repeat-y;
    }

    .Fw_UI_TreeViewNode .leftChild.expandBottom {
        background-image: none;
    }

    .Fw_UI_TreeViewNode .leftChild.expandMiddle {
        background-image: url('./images/Fw_UI_TreeViewNode_line.gif');
        background-repeat: repeat-y;
    }

    .Fw_UI_TreeViewNode .leftChild.noChildBottom {
        background-image: none;
    }

    .Fw_UI_TreeViewNode .leftChild.noChildMiddle {
        background-image: url('./images/Fw_UI_TreeViewNode_line.gif');
        background-repeat: repeat-y;
    }

.Fw_UI_TreeViewNode .leftIcon.closeBottom {
    background-image: url('./images/Fw_UI_TreeViewNode_leftIcon_closeBottom.gif');
    background-repeat: no-repeat;
    height: 19px;
    width: 19px;
}

.Fw_UI_TreeViewNode .leftIcon.closeMiddle {
    background-image: url('./images/Fw_UI_TreeViewNode_leftIcon_closeMiddle.gif');
    background-repeat: no-repeat;
    height: 19px;
    width: 19px;
}

.Fw_UI_TreeViewNode .leftIcon.expandBottom {
    background-image: url('./images/Fw_UI_TreeViewNode_leftIcon_expandBottom.gif');
    background-repeat: no-repeat;
    height: 19px;
    width: 19px;
}

.Fw_UI_TreeViewNode .leftIcon.expandMiddle {
    background-image: url('./images/Fw_UI_TreeViewNode_leftIcon_expandMiddle.gif');
    background-repeat: no-repeat;
    height: 19px;
    width: 19px;
}

.Fw_UI_TreeViewNode .leftIcon.noChildBottom {
    background-image: url('./images/Fw_UI_TreeViewNode_bottom.gif');
    background-repeat: no-repeat;
    height: 19px;
    width: 19px;
}

.Fw_UI_TreeViewNode .leftIcon.noChildMiddle {
    background-image: url('./images/Fw_UI_TreeViewNode_middle.gif');
    background-repeat: no-repeat;
    height: 19px;
    width: 19px;
}

.Fw_UI_VideoPlayer {
    width: 100%;
}

.Fw_UI_Window {
    background-color: rgba(0, 0, 0, 0.7);
    position: fixed;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    z-index: 100;
}

    .Fw_UI_Window .buttonClose {
        background-image: url('images/Fw_UI_Window_buttonClose.png');
        background-size: contain;
        cursor: pointer;
        display: inline-block;
        height: 1.6rem;
        width: 1.6rem;
    }

    .Fw_UI_Window .rightTopBar {
        float: right;
    }

    .Fw_UI_Window .title {
        color: #333333;
        float: left;
        font-size: 1.3rem;
        font-weight: 600;
    }

    .Fw_UI_Window .titleContainer {
        background-color: #eeeeee;
        border-bottom: solid 1px #cccccc;
        min-height: 1.5rem;
        max-width: 100%;
        padding-bottom: 0.2rem;
        padding-left: 1.0rem;
        padding-right: 1.0rem;
        padding-top: 0.2rem;
        text-align: left;
    }

.Fw_UI_Window_buttonClose .widgetContainer {
    background-color: #ffffff;
    padding-bottom: 0.6rem;
    padding-left: 1.0rem;
    padding-right: 1.0rem;
    padding-top: 0.6rem;
    min-height: 3rem;
    text-align: left;
}


.Fw_UI_Window .window {
    background-color: #ffffff;
    border: solid 1px #cccccc;
    border-radius: 4px 4px;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: auto;
    margin-top: auto;
    min-width: 20rem;
}

.icon-buttonAdd {
    background-image: url('images/icon-buttonAdd.png');
    background-size: contain;
    cursor: pointer;
    display: inline-block;
    height: 32px;
    width: 32px;
}

.icon-buttonDelete {
    background-image: url('images/icon-buttonDelete.png');
    background-size: contain;
    cursor: pointer;
    display: inline-block;
    height: 32px;
    width: 32px;
}

.icon-buttonEdit {
    background-image: url('images/icon-buttonEdit.png');
    background-size: contain;
    cursor: pointer;
    display: inline-block;
    height: 32px;
    width: 32px;
}

.menu-top-container {
    position: sticky;
    top: 0px;
    z-index: 2;
}

.screen-container {
    min-height: 450px;
    padding: 8px 8px 8px 8px;
}

/**********************************************************************************
    Overwrite existing css properties classes placed on the bottom
**********************************************************************************/
.display-block {
    display: block;
}

.display-inlineBlock {
    display: inline-block;
}

.fw1 {
    font-weight: 100;
}

.fw2 {
    font-weight: 200;
}

.fw3 {
    font-weight: 300;
}

.fw4 {
    font-weight: 400;
}

.fw5 {
    font-weight: 500;
}

.fw6 {
    font-weight: 600;
}

.fw7 {
    font-weight: 700;
}

.fw8 {
    font-weight: 800;
}

.fw9 {
    font-weight: 900;
}

.gap1 {
    gap: 4px;
}

.gap2 {
    gap: 8px;
}

.gap3 {
    gap: 12px;
}

.gap4 {
    gap: 16px;
}

.gap5 {
    gap: 24px;
}

.gap6 {
    gap: 36px;
}

.icon-size1 {
    height: 16px;
    width: 16px;
}

.icon-size2 {
    height: 24px;
    width: 24px;
}

.icon-size3 {
    height: 32px;
    width: 32px;
}

.icon-size4 {
    height: 48px;
    width: 48px;
}

.icon-size5 {
    height: 64px;
    width: 64px;
}

.icon-size6 {
    height: 80px;
    width: 80px;
}

.mb0 {
    margin-bottom: 0px;
}

.mb1 {
    margin-bottom: 2px;
}

.mb2 {
    margin-bottom: 4px;
}

.mb3 {
    margin-bottom: 8px;
}

.mb4 {
    margin-bottom: 16px;
}

.mb5 {
    margin-bottom: 32px;
}

.mb6 {
    margin-bottom: 64px;
}

.ml0 {
    margin-left: 0px;
}

.ml1 {
    margin-left: 2px;
}

.ml2 {
    margin-left: 4px;
}

.ml3 {
    margin-left: 8px;
}

.ml4 {
    margin-left: 16px;
}

.ml5 {
    margin-left: 32px;
}

.ml6 {
    margin-left: 64px;
}

.mr0 {
    margin-right: 0px;
}

.mr1 {
    margin-right: 2px;
}

.mr2 {
    margin-right: 4px;
}

.mr3 {
    margin-right: 8px;
}

.mr4 {
    margin-right: 16px;
}

.mr5 {
    margin-right: 32px;
}

.mr6 {
    margin-right: 64px;
}

.mt0 {
    margin-top: 0px;
}

.mt1 {
    margin-top: 2px;
}

.mt2 {
    margin-top: 4px;
}

.mt3 {
    margin-top: 8px;
}

.mt4 {
    margin-top: 16px;
}

.mt5 {
    margin-top: 32px;
}

.mt6 {
    margin-top: 64px;
}

.pb0 {
    padding-bottom: 0px;
}

.pb1 {
    padding-bottom: 2px;
}

.pb2 {
    padding-bottom: 4px;
}

.pb3 {
    padding-bottom: 8px;
}

.pb4 {
    padding-bottom: 16px;
}

.pb5 {
    padding-bottom: 32px;
}

.pb6 {
    padding-bottom: 64px;
}

.pl0 {
    padding-left: 0px;
}

.pl1 {
    padding-left: 2px;
}

.pl2 {
    padding-left: 4px;
}

.pl3 {
    padding-left: 8px;
}

.pl4 {
    padding-left: 16px;
}

.pl5 {
    padding-left: 32px;
}

.pl6 {
    padding-left: 64px;
}

.pr0 {
    padding-right: 0px;
}

.pr1 {
    padding-right: 2px;
}

.pr2 {
    padding-right: 4px;
}

.pr3 {
    padding-right: 8px;
}

.pr4 {
    padding-right: 16px;
}

.pr5 {
    padding-right: 32px;
}

.pr6 {
    padding-right: 64px;
}

.pt0 {
    padding-top: 0px;
}

.pt1 {
    padding-top: 2px;
}

.pt2 {
    padding-top: 4px;
}

.pt3 {
    padding-top: 8px;
}

.pt4 {
    padding-top: 16px;
}

.pt5 {
    padding-top: 32px;
}

.pt6 {
    padding-top: 64px;
}

/* Follow Bootstrap practise https://getbootstrap.com/docs/4.5/layout/overview/ */
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .Fw_UI_SlideShow .container {
        height: 220px;
    }

    .Fw_UI_SlideShow .slide {
        height: 220px;
    }

    .Fw_UI_SlideShow .slideContent {
        padding: 2rem 2rem 2rem 2rem;
    }

    .Fw_UI_SlideShow .slideDescription {
        font-size: 1.3rem;
        margin-bottom: 1.0rem;
        text-shadow: 0.1rem 0.1rem 0.5rem #000000;
    }

    .Fw_UI_SlideShow .slideImage {
        height: 220px;
    }

    .Fw_UI_SlideShow .slideTitle {
        font-size: 1.6rem;
        margin-bottom: 1.0rem;
        text-shadow: 0.1rem 0.1rem 0.5rem #000000;
    }

    .Fw_UI_Screen {
        min-height: 250px;
    }
}

/* Follow Bootstrap practise https://getbootstrap.com/docs/4.5/layout/overview/ */
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .Fw_UI_SlideShow .slideContent {
        padding: 3rem 2.5rem 3rem 2.5rem;
    }

    .Fw_UI_SlideShow .slideDescription {
        font-size: 1.3rem;
        margin-bottom: 1.0rem;
        text-shadow: 0.1rem 0.1rem 0.5rem #000000;
    }

    .Fw_UI_SlideShow .slideTitle {
        font-size: 1.8rem;
        margin-bottom: 1.0rem;
        text-shadow: 0.1rem 0.1rem 0.5rem #000000;
    }

    .Fw_UI_Screen {
        min-height: 360px;
    }
}

/* Follow Bootstrap practise https://getbootstrap.com/docs/4.5/layout/overview/ */
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .Fw_UI_SlideShow .slideContent {
        padding: 4rem 3rem 4rem 3rem;
    }

    .Fw_UI_SlideShow .slideDescription {
        font-size: 1.3rem;
        margin-bottom: 1.0rem;
        text-shadow: 0.1rem 0.1rem 0.5rem #000000;
    }

    .Fw_UI_SlideShow .slideTitle {
        font-size: 1.8rem;
        margin-bottom: 1.5rem;
        text-shadow: 0.1rem 0.1rem 0.5rem #000000;
    }

    .Fw_UI_Screen {
        min-height: 400px;
    }
}

/* Follow Bootstrap practise https://getbootstrap.com/docs/4.5/layout/overview/ */
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .Fw_UI_SlideShow .slideContent {
        padding: 5rem 3rem 5rem 3rem;
    }

    .Fw_UI_SlideShow .slideDescription {
        font-size: 1.3rem;
        margin-bottom: 1.0rem;
        text-shadow: 0.1rem 0.1rem 0.5rem #000000;
    }

    .Fw_UI_SlideShow .slideTitle {
        font-size: 1.8rem;
        margin-bottom: 1.5rem;
        text-shadow: 0.1rem 0.1rem 0.5rem #000000;
    }

    .Fw_UI_Screen {
        min-height: 600px;
    }
}