/**Login sayfasında background için yazılan class*/
.LanguageThema,
.LanguageThemaHr,
.EnterTheSystem span {
    display: none;
    background-color: transparent !important;
}

.EnterTheSystem {
    height: 80px !important;
}

#Login1 {
    background-color: transparent !important;
}

.IsbTablePasswordArea {
    margin-bottom: -22px;
    margin-top: 20px;
}

.HeadLogo {
    display: block !important;
    width: 0px;
    margin-left: auto;
    margin-right: auto;
}

    .HeadLogo img {
        background-image: url(/RhpCommon2_0/Images/isbankLogonLogoIsleyis.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        opacity: 0.7;
        width: 100px;
        height: 47px;
        position: fixed;
        margin-left: -45px;
        margin-right: auto;
        margin-top: -19px;
    }

.loginBgImage {
    background-image: url(/RhpCommon2_0/Images/IsbBackground.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0.9;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
/**Login sayfasında formun opacitysini ayarlamak için yazılan class*/
.loginForm {
    opacity: 0.9;
}

.button:disabled {
    color: gray;
}

.childGrid {
    margin-bottom: 10px;
    margin-top: 10px;
}

    .childGrid .k-grid-content {
        max-height: 375px;
    }

    .childGrid .k-virtual-scrollable-wrap {
        max-height: 375px;
    }

.childGrid2 .k-grid-content {
    max-height: 250px;
}

.childGrid2 .k-virtual-scrollable-wrap {
    max-height: 250px
}

.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: pointer !important;
}

input[type=text]::-ms-clear {
    display: none
}

.suTextBoxNormal {
    background-color: #fff;
    border: 1px solid #7b93af;
    color: #384354;
    font-family: verdana,sans-serif;
    font-size: 9pt;
    height: 23px;
    width: 180px
}

.is_EditFocusCellStyle {
    background-color: #E9CD82
}

.is_EditTextboxStyle {
    border-style: none;
    border-width: 0;
    font-family: verdana,sans-serif;
    font-size: 8pt
}

.is_FrameStyle {
    background-color: #FFF
}

.is_GroupByBox {
    background-color: #B2CDF7
}

.is_LabelStyle {
    background-color: #FFF;
    border-color: Navy;
    border-style: solid;
    border-width: 1px;
    font-family: verdana,sans-serif;
    font-size: 8pt
}

.is_GroupRowInfoStyle {
    background-image: url(/RhpCommon2_0/Images/ThemeImages/Rhapsody/ISGrid/imgHeader.gif);
    border-bottom: #73A1E4;
    border-color: Gray;
    border-style: none;
    border-style: solid;
    border-width: 1px;
    font-family: verdana,sans-serif;
    font-size: 8pt
}

.is_AlternatingRowStyle {
    background-color: #DDECFE;
    font-family: verdana,sans-serif;
    font-size: 8pt;
    height: 30px
}

.is_FocusCellStyle {
    border-color: #002D96;
    border-style: solid;
    border-width: 1px
}

.is_RowStyle {
    background-color: #FFF;
    font-family: verdana,sans-serif;
    font-size: 8pt;
    height: 30px
}

.is_SelectedRowStyle {
    background-color: #FBE9B8
}

.is_HeaderStyle {
    background-color: #ACA899;
    background-image: url(/RhpCommon2_0/Images/ThemeImages/Rhapsody/ISGrid/imgHeader.gif);
    border-bottom: #73A1E4;
    border-right: #2085FF;
    border-style: none;
    border-width: 1px;
    color: #000;
    font-family: verdana,sans-serif;
    font-size: 8pt;
    height: 30px
}

.is_NewRowStyle {
    background-color: #fff;
    color: #444;
    font-family: verdana,sans-serif;
    font-size: 8pt
}

.is_StatusBarStyle {
    background-color: #DDECFE;
    border-color: #73A1E4;
    border-style: solid;
    border-width: 1px;
    font-family: verdana,sans-serif;
    font-size: 8pt;
    padding: 2px
}

.is_StatusBarCommandStyle_Normal {
    font-family: verdana,sans-serif;
    font-size: 8pt;
    padding: 1px
}

.is_StatusBarCommandStyle_Over {
    background-color: #FBE9B8;
    border-color: #002D96;
    border-style: solid;
    border-width: 1px;
    font-family: verdana,sans-serif;
    font-size: 8pt
}

.is_StatusBarCommandStyle_Active {
    background-color: Blue;
    font-family: verdana,sans-serif;
    font-size: 8pt
}

body {
    margin: 0;
    overflow: hidden;
    padding: 0;
    zoom: normal !important;
    -ms-zoom: normal !important
}

.form {
    overflow: hidden
}

.table {
    border-color: #7b93af;
    border-style: solid;
    border-width: 1px
}

.tableHeaderCell {
    background-color: #E2EEFC;
    border: 1px solid #AFD0F8;
    color: #555;
    font-family: Tahoma,sans-serif;
    font-size: 8pt;
    font-style: normal;
    font-weight: 700;
    padding: 2px;
    text-align: left
}

.tableRow {
    display: table-row
}

.controlContainer {
    padding-bottom: 3px;
    display: table-row;
    min-height: 31px
}

.controlContainerHidden {
    display: none
}

.rowCell {
    font-size: 11px;
    font-weight: 400;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%
}

.rowCell_ {
    background-color: #FFF;
    border: 1px solid #CCC;
    font-family: Tahoma,sans-serif;
    font-size: 8pt;
    font-style: normal;
    padding: 1px;
    text-align: left
}

.labelCell {
    height: 100%
}

.labelCell2 {
    padding-left: 15px
}

.rhapsodyComboContainer {
    vertical-align: middle
}

.maskedEditFocus {
    background-color: #ffc;
    color: #000
}

.HeaderLabel {
    background-color: #D4D7DB;
    background-image: url(WebGrid/igwgHeader.jpg);
    background-repeat: repeat-x;
    border: solid 1px;
    cursor: hand;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: 400
}

.comboBox {
    border: 1px solid #7b93af;
    color: #000;
    font-family: verdana,sans-serif;
    font-size: 8pt;
    vertical-align: middle;
    height: 24px;
    border-radius: 4px;
    border-color: #94c0d2
}

    .comboBox:hover {
        border-color: #7ec6e3
    }

    .comboBox:focus {
        border-color: #7ec6e3;
        box-shadow: 0 0 3px 0 rgba(18,115,157,0.498039);
        -webkit-box-shadow: rgba(18,115,157,0.498039) 0 0 3px 0
    }

.textBoxNormal {
    background-color: #fff;
    border: 1px solid #7b93af;
    box-sizing: border-box;
    color: #384354;
    font-family: verdana,sans-serif;
    font-size: 8pt;
    width: 100%;
    height: 24px;
    border-radius: 4px;
    border-color: #94c0d2
}

    .textBoxNormal:disabled {
        background-color: #ebebe4;
        color: #545454;
    }

    .textBoxNormal:read-only {
        background-color: #ebebe4;
        color: #545454;
    }

    .textBoxNormal[readonly] {
        background-color: #ebebe4;
        color: #545454;
    }

    .textBoxNormal:hover {
        border-color: #7ec6e3
    }

    .textBoxNormal:focus {
        border-color: #7ec6e3;
        box-shadow: 0 0 3px 0 rgba(18,115,157,0.498039);
        -webkit-box-shadow: rgba(18,115,157,0.498039) 0 0 3px 0
    }

.labelNormal {
    height: 24px;
    width: 90%
}

.k-textbox > input, .k-autocomplete .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input, .k-dropdown-wrap .k-input, .k-selectbox .k-input {
    height: 22px;
    line-height: 22px;
    padding: .177em 0;
    text-indent: .33em;
    border: 0;
    margin: 0
}

.textboxMultiFieldUA {
    background-color: #fff;
    border: 1px solid #7b93af;
    color: #384354;
    font-family: verdana,sans-serif;
    font-size: 8pt;
    height: 20px;
    width: 100%
}

.textBoxFocusMultiFieldUA {
    border: 1px solid #7b93af;
    color: #384354;
    font-family: verdana,sans-serif;
    font-size: 8pt;
    height: 20px;
    width: 100%
}

.textboxSmallFieldUA {
    background-color: #fff;
    border: 1px solid #7b93af;
    color: #384354;
    font-family: verdana,sans-serif;
    font-size: 8pt;
    height: 20px;
    width: 96px
}

.textBoxFocusSmallFieldUA {
    border: 1px solid #7b93af;
    color: #384354;
    font-family: verdana,sans-serif;
    font-size: 8pt;
    height: 20px;
    width: 96px
}

.textboxSmallComboFieldUA {
    background-color: #fff;
    border: 0 solid #7b93af;
    color: #384354;
    font-family: verdana,sans-serif;
    font-size: 8pt;
    height: 20px;
    width: 96px
}

.textBoxFocusSmallComboFieldUA {
    border: 0 solid #7b93af;
    color: #384354;
    font-family: verdana,sans-serif;
    font-size: 8pt;
    height: 20px;
    width: 96px
}

.textBoxUnbordered {
    background-color: #fff;
    border: 0 solid #7b93af;
    color: #384354;
    font-family: verdana,sans-serif;
    font-size: 8pt;
    height: 20px;
    width: 180px
}

.textBoxFocus {
    border: 1px solid #7b93af;
    color: #384354;
    font-family: verdana,sans-serif;
    font-size: 8pt;
    height: 20px;
    width: 180px
}

.button2 {
    background-color: #D6E7FF;
    border-color: #6593CF;
    border-style: solid;
    color: #000;
    cursor: hand;
    cursor: Hand;
    font-family: verdana,sans-serif;
    font-size: 8pt;
    font-weight: 700
}

.button {
    background-color: #E2EEFC;
    border: 1px solid #AFD0F8;
    color: #555;
    cursor: Hand;
    font-family: Tahoma,sans-serif;
    font-size: 8pt;
    font-style: normal;
    font-weight: 700;
    text-align: center
}

.buttonCombo {
    background-color: #D6E7FF;
    border-color: #6593CF;
    color: #000;
    cursor: hand;
    cursor: Hand;
    font-family: verdana,sans-serif;
    font-size: 8pt;
    font-weight: 700
}

.checkBoxList {
    font-family: verdana,sans-serif;
    font-size: 8pt
}

.labelField {
    color: #000;
    font-size: 7pt;
    font-weight: 700
}

.activityLabel {
    color: #000;
    font-size: 9pt;
    font-weight: 700
}

.modalPopup {
    background-color: #ffd;
    border-color: Gray;
    border-style: solid;
    border-width: 3px;
    padding: 3px;
    width: 600px
}

.treeView {
    cursor: hand;
    font-family: verdana,sans-serif;
    font-size: 8pt;
    font-weight: 700
}

.treeNode {
    cursor: hand;
    font-family: verdana,sans-serif;
    font-size: 8pt;
    font-weight: 700
}

.treeSelectedNode {
    background-color: navy;
    color: #FFF;
    cursor: hand;
    font-family: verdana,sans-serif;
    font-size: 8pt;
    font-weight: 700
}

.toolbarDefaultStyle {
    background-color: #E5E2D5;
    border-style: solid;
    border-width: 1px
}

.toolbarItemDefaultStyle {
    cursor: hand
}

.toolbarItemHoverStyle {
    cursor: hand
}

.toolbarItemSelectedStyle {
    cursor: hand
}

.isPaneFrame {
    background: #BDD9FE;
    border-color: #6593CF;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    margin-top: 0;
    padding: 0
}

.isPaneSplitterNormal {
    background: #BDD9FE
}

.isPaneSplitterActive {
    background: #000
}

.isPaneContainer {
    background-color: #fff;
    border-color: #6593CF;
    border-style: solid;
    border-width: 1px;
    color: #000;
    font-family: Tahoma,sans-serif;
    font-size: 8pt;
    overflow: auto;
    padding: 2px
}

.isPaneHeaderMain {
    background-color: #D6E7FF;
    background-image: url(/CommonLibrary/Images/WebDesktop/np_o7_header.gif);
    border-color: #6593CF;
    border-style: solid;
    border-width: 1px;
    color: #15428B;
    font-family: Segoe UI,sans-serif;
    font-size: 10pt;
    font-weight: 700;
    padding: 4px
}

.isPaneHeaderSub {
    background-color: #D6E7FF;
    border-color: #6593CF;
    border-style: solid;
    border-width: 1px;
    color: #15428B;
    font-family: Segoe UI,sans-serif;
    font-size: 8pt;
    padding: 4px
}

.isPaneInfoText {
    color: #fff;
    font-family: Tahoma,sans-serif;
    font-size: 8pt
}

.isTabItemActive {
    font-family: Tahoma,sans-serif;
    font-size: 8pt;
    font-weight: 700
}

.isTabItemNormal {
    cursor: hand;
    font-family: Tahoma,sans-serif;
    font-size: 8pt;
    height: 100%;
    height: 22px;
    overflow: visible;
    width: 100%;
    padding: 2px 10px 0
}

.isTabDisabled {
    color: Gray
}

.isTabFrame {
    overflow: hidden;
    scrollbar-arrow-color: #000;
    scrollbar-base-color: #bfdbff;
    scrollbar-darkshadow-color: #bfdbff
}

.isTabContainer {
    background-color: #fff;
    border-color: Blue;
    border-style: solid;
    border-width: 1px;
    height: 100%;
    overflow: auto;
    padding: 5px;
    width: 100%
}

.isToolbarItemNormal {
    font-family: Segoe UI,Tahoma,sans-serif;
    font-size: 8.25pt
}

.isToolbarItemOver {
    background-color: #FFE7A2;
    border-color: #FFBD69;
    border-style: solid;
    border-width: 1px
}

.isToolbarDisabledNormal {
    color: Silver;
    font-family: Segoe UI,Tahoma,sans-serif;
    font-size: 8.25pt
}

.isToolbarDisabledOver {
    background-color: #fff;
    border-color: #FFBD69;
    border-style: solid;
    border-width: 1px;
    color: Gray
}

.isToolbarCheckedItemNormal {
    background-color: #FFBD69;
    border-color: #FFAB3F;
    border-style: solid;
    border-width: 1px
}

.isToolbarCheckedItemOver {
    background-color: #FB8C3C;
    border-color: #FB8C3C;
    border-style: solid;
    border-width: 1px
}

.isToolbarFrame {
    background-color: #fff;
    border-color: #6593CF;
    border-style: solid;
    border-width: 1px
}

.isToolbarSeparator {
    border-left-color: #9AC6FF;
    border-style: solid;
    border-width: 0;
    width: 0
}

.isToolbarCommandNormal {
    font-family: Segoe UI,Tahoma,sans-serif;
    font-size: 8pt;
    overflow: hidden;
    padding: 1px 3px
}

.isToolbarCommandOver {
    background-color: #FFF5CC;
    border-color: #FFBD69;
    border-style: solid;
    border-width: 1px;
    cursor: default;
    font-family: Segoe UI,Tahoma,sans-serif;
    font-size: 8pt;
    overflow: hidden;
    padding: 0 2px
}

.isToolbarCommandActive {
    background-color: #FE9855
}

.isToolbarCommandDisabled {
    color: Gray;
    font-family: Segoe UI,Tahoma,sans-serif;
    font-size: 8pt;
    padding: 1px 3px
}

.isToolbarHeaderButtonNormal {
    background-color: #2A66C9;
    color: #fff;
    cursor: hand;
    font-size: 8pt;
    padding: 1px;
    width: 13px
}

.isToolbarHeaderButtonOver {
    background-color: #FFF2C8;
    border-color: #316AC5;
    border-style: solid;
    border-width: 1px;
    color: #000;
    cursor: hand;
    padding: 0
}

.isToolbarHeaderButtonActive {
    background-color: #FE9855;
    border-color: #4B4B6F;
    cursor: hand
}

.isToolbarHeaderCaption {
    background-color: #2A66C9;
    color: #fff;
    cursor: move;
    font-family: Tahoma,sans-serif;
    font-size: 8pt;
    font-weight: 700
}

.isMenuBarCommandDisabled {
    color: Gray;
    font-family: Segoe UI,Tahoma,sans-serif;
    font-size: 8pt;
    padding: 1px 3px
}

.isMenuBarHeaderButActive {
    background-color: #FE9855;
    border-color: #4B4B6F;
    cursor: hand
}

.isMenuBarHeaderButOver {
    background-color: #FFF2C8;
    border-color: #316AC5;
    border-style: solid;
    border-width: 1px;
    color: #000;
    cursor: hand
}

.isMenuBarHeaderButNormal {
    background-color: #2A66C9;
    color: #fff;
    cursor: hand;
    font-size: 8pt;
    padding: 1px;
    width: 13px
}

.isMenuBarSeparator {
    border-style: solid;
    font-size: 1px;
    width: 1px
}

.isMenuBarCommandActive {
    background-color: #FFF;
    border-color: #6593CF;
    overflow: hidden
}

.isMenuBarCommandOver {
    background-color: #FFF4C7;
    border-color: #FFBD69;
    border-style: solid;
    border-width: 1px;
    cursor: default;
    font-family: Segoe UI,Tahoma,sans-serif;
    font-size: 8pt;
    overflow: hidden;
    padding: 0 5px
}

.isMenuBarCommandNormal {
    font-family: Segoe UI,Tahoma,sans-serif;
    font-size: 8pt;
    overflow: hidden;
    padding: 1px 6px
}

.isMenuBarHeaderCaption {
    background-color: #2A66C9;
    color: #fff;
    cursor: move;
    font-family: Tahoma,sans-serif;
    font-size: 8pt;
    font-weight: 700
}

.isMenuBarMenuItemDisabledOver {
    background-color: #fff;
    border-color: #FFBD69;
    border-style: solid;
    border-width: 1px;
    color: Gray
}

.isMenuBarMenuItemDisabledNormal {
    color: Silver;
    font-family: Segoe UI,Tahoma,sans-serif;
    font-size: 8pt
}

.isMenuBarMenuItemCheckedOver {
    background-color: #FB8C3C;
    border-color: #FB8C3C;
    border-style: solid;
    border-width: 1px
}

.isMenuBarMenuItemCheckedNormal {
    background-color: #FFBD69;
    border-color: #FFAB3F;
    border-style: solid;
    border-width: 1px
}

.isMenuBarMenuFrame {
    background-color: #fff;
    border-color: #6593CF;
    border-style: solid;
    border-width: 1px
}

.isMenuBarMenuItemOver {
    background-color: #FFE7A2;
    border-color: #FBD699;
    border-style: solid;
    border-width: 1px;
    font-family: Segoe UI,Tahoma,sans-serif;
    font-size: 8pt;
    font-weight: 700
}

.isMenuBarMenuItemNormal {
    font-family: Segoe UI,Tahoma,sans-serif;
    font-size: 8pt
}

.infraPanelContainer {
    width: 100%
}

.infraPanel {
    border-color: #6593cf;
    border-style: solid;
    border-width: 1px;
    padding: 5px;
    width: 100%;
    height: 100%;
}

.infraPanelHeaderExpanded {
    background-color: #bfdbff;
    border-bottom: 1px;
    border-color: #6593cf;
    border-style: solid;
    border-width: 1px;
    cursor: hand;
    font-family: Tahoma,sans-serif;
    font-size: 8.25pt;
    padding-bottom: 1px;
    padding-left: 4px;
    padding-top: 1px
}

.infraPanelHeaderCollapsed {
    cursor: hand
}

.infraPanelHoverAppearance {
    color: blue;
    cursor: hand
}

.isDesktopTaskBar {
    background-color: #A1BDCF;
    background-image: url(/CommonLibrary/Images/WebDesktop/npi_o7_normal.gif);
    border-color: #429ACA;
    border-style: solid;
    border-width: 1px;
    height: 30px;
    overflow: hidden
}

.dskWndAct {
    background-color: #fff;
    border-color: #000;
    border-style: solid;
    height: 100%;
    border-width: 0 1px 1px
}

.dskWndNrml {
    background-color: #fff;
    border-color: #000;
    border-style: solid;
    border-width: 1px;
    font-family: Segoe UI,Tahoma,sans-serif;
    font-size: 9pt;
    height: 100%;
    overflow: auto
}

.dskCptAct {
    color: #15428B;
    font-family: Segoe UI,Tahoma,sans-serif;
    font-size: 9pt;
    font-weight: 700;
    padding-top: 3px;
    top: 1px
}

.dskCptNrml {
    color: Gray;
    cursor: default;
    font-family: Segoe UI,Tahoma,sans-serif;
    font-size: 10pt;
    top: 1px;
    padding: 3px 2px 2px
}

.dskCptButAct {
    border-left-color: Gray;
    border-top-color: Gray
}

.dskCptButOvr {
    border-bottom-color: Gray;
    border-right-color: Gray
}

.dskCptButNrml {
    overflow: hidden
}

.dskCmdButNrml {
    border-style: none;
    color: #000;
    font-family: Segoe UI,Tahoma,sans-serif;
    font-size: 9pt
}

.dskCmdButDis {
    background-color: InactiveCaption;
    border-color: InactiveCaption;
    border-style: solid;
    border-width: 1px;
    color: Gray;
    font-family: Tahoma,sans-serif;
    font-size: 8pt
}

.dskContainer {
    background-color: #000;
    font-family: Segoe UI,Tahoma,sans-serif;
    font-size: 9pt;
    height: 100%;
    overflow: auto;
    padding: 1px;
    width: 100%
}

.dskSrtCutAct {
    background-color: #A7CDF0;
    cursor: hand;
    font-family: Segoe UI,Tahoma,sans-serif;
    font-size: 9pt;
    font-weight: 700
}

.dskSrtCutNrml {
    cursor: hand;
    font-family: Segoe UI,Tahoma,sans-serif;
    font-size: 9pt;
    color: white;
}

.dskTskBrButAct {
    background-color: #fff;
    background-image: url(/CommonLibrary/Images/WebDesktop/npi_o7_active.gif);
    border-bottom-color: #fff;
    border-right-color: #fff;
    font-family: Segoe UI,Tahoma,sans-serif;
    font-size: 9pt;
    font-weight: 700
}

.dskTskBarButOvr {
    background-image: url(/CommonLibrary/Images/WebDesktop/npi_o7_over.gif);
    font-family: Segoe UI,Tahoma,sans-serif;
    font-size: 9pt
}

.dskTskBarButNrml {
    border-bottom-color: Gray;
    border-right-color: Gray;
    cursor: default;
    font-family: Segoe UI,Tahoma,sans-serif;
    font-size: 9pt;
    width: 150px
}

.dskFrame_Original {
    background-color: #429ACA;
    background-image: url(/RhpCommon2_0/Images/Background2.jpg);
    background-position: center;
    background-repeat: no-repeat;
    border-color: #6593CF;
    border-style: solid;
    border-width: 1px
}

.dskFrame {
    background-attachment: fixed;
    background-color: #5F9CC0;
    background-image: url(/RhpCommon2_0/Images/IsbBackground.jpg);
    background-position: center;
    background-repeat: no-repeat;
    border-color: #243453;
    border-style: solid;
    border-width: 0;
    margin-right: 2px;
    background-size: cover;
}

.dskMenuDisItmOvr {
    background-color: #fff;
    border-color: #FFBD69;
    border-style: solid;
    border-width: 1px;
    color: Gray
}

.dskMenuDisItmNrml {
    color: Silver;
    font-family: Segoe UI,Tahoma,sans-serif;
    font-size: 8.25pt
}

.dskChkItmOvr {
    background-color: #FB8C3C;
    border-color: #FB8C3C;
    border-style: solid;
    border-width: 1px
}

.dskChkItmNrml {
    background-color: #FFBD69;
    border-color: #FFAB3F;
    border-style: solid;
    border-width: 1px
}

.dskSysSep {
    border-top-style: solid;
    border-top-width: 1px
}

.isDesktopSysItemOver {
    background-color: #FFE7A2;
    border-color: #FFBD69;
    border-style: solid;
    border-width: 1px
}

.isDesktopSysItemNormal {
    font-family: Segoe UI,Tahoma,sans-serif;
    font-size: 8.25pt
}

.dskAppDisItmOvr {
    background-color: #fff;
    border-color: #FFBD69;
    border-style: solid;
    border-width: 1px;
    color: Gray
}

.dskAppDisItmNrml {
    color: Silver;
    font-family: Segoe UI,Tahoma,sans-serif;
    font-size: 8.25pt
}

.dskAppChkItmOvr {
    background-color: #FB8C3C;
    border-color: #FB8C3C;
    border-style: solid;
    border-width: 1px
}

.dskAppChkItmNrml {
    background-color: #FFBD69;
    border-color: #FFAB3F;
    border-style: solid;
    border-width: 1px
}

.dskAppSep {
    border-top-style: solid;
    border-top-width: 1px
}

.dskAppItmOvr {
    background-color: #FFE7A2;
    border-color: #FFBD69;
    border-style: solid;
    border-width: 1px
}

.dskAppItmNrml {
    font-family: Segoe UI,Tahoma,sans-serif;
    font-size: 8.25pt
}

.isGridFS {
    background-color: Transparent;
    border: solid 1px #000;
    border-style: none;
    font-family: Tahoma,sans-serif;
    font-size: 8pt;
    height: 100%;
    scrollbar-arrow-color: #000;
    scrollbar-base-color: #bfdbff;
    scrollbar-darkshadow-color: #bfdbff;
    width: 100%
}

.isGridGByBox {
    background-color: #BFDBFF;
    color: #15428B
}

.isGridGBL {
    background: #FFF;
    border-color: navy;
    border-style: solid;
    border-width: 1px;
    font-family: verdana,sans-serif;
    font-size: 8pt;
    font-weight: 400
}

.isGridHdr {
    background-color: #bfdbff;
    background-repeat: repeat-x;
    border: 1px;
    cursor: hand;
    font-family: Tahoma,sans-serif;
    font-size: 8pt;
    font-weight: 700
}

.isGridAltRow {
    background-color: #f9f9f9;
    border: 1px solid #E3EFFF;
    font-family: Tahoma,sans-serif;
    font-size: 8pt
}

.isGridRow {
    border: 1px solid #E3EFFF;
    font-family: Tahoma,sans-serif;
    font-size: 8pt
}

.isGridRowSelected {
    background-color: #E3EFFF;
    font-family: Tahoma,sans-serif;
    font-size: 8pt
}

.isGridGrpRow {
    background: #F1EFE2;
    border-color: #FFF;
    border-right-color: Silver;
    border-style: solid;
    border-width: 1px;
    font-family: verdana,sans-serif;
    font-size: 8pt;
    font-weight: 400
}

.isGridNewRow {
    background: #FFF;
    color: #A9A9A9;
    font-family: verdana,sans-serif;
    font-size: 8pt;
    font-weight: 400
}

.isGridStatus {
    background: #ECE9D8;
    border-color: #ACA899;
    border-style: solid;
    border-width: 1px;
    font-family: verdana,sans-serif;
    font-size: 8pt;
    font-weight: 700;
    padding: 1px
}

.isGridETBox {
    border-style: none;
    border-width: 0;
    font-family: verdana,sans-serif;
    font-size: 8pt;
    font-weight: 400
}

.igwgFrame {
    background-color: Transparent;
    border: solid 0 #000;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    height: 100%;
    scrollbar-arrow-color: #000;
    scrollbar-base-color: #bfdbff;
    scrollbar-darkshadow-color: #bfdbff;
    width: 100%
}

.igwgFltrDrpDwn {
    background-color: #F6F6F6;
    border: 1px solid #DDE0E3;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
    padding: 3px
}

.igwgFltrOprndDrpDwn {
    background-color: #FFE7A2;
    border: 1px solid #DDE0E3;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
    padding: 3px
}

.igwgFltrOprndItem {
    background-color: #D4D7DB;
    background-repeat: repeat-x;
    border: solid 1px;
    cursor: hand;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: 400
}

.igwgFltrOprndItemHvr {
    background-color: #D4D7DB;
    background-repeat: repeat-x;
    border: solid 1px;
    cursor: hand;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: 400
}

.igwgFltrRowHiLt {
    border: solid 1px;
    border-bottom: 1px solid #E3EFFF;
    border-top: 1px solid #fff;
    font-size: 11px
}

.igwgFltrRow {
    background-color: #D4D7DB;
    background-image: url(WebGrid/igwgHeader.jpg);
    background-repeat: repeat-x;
    border: solid 1px;
    cursor: hand;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: 400
}

.igwgRow {
    background-color: #fff;
    border: solid 1px;
    border-bottom: 1px solid #E3EFFF;
    border-top: 1px solid #fff;
    font-size: 11px;
    height: 30px;
    border-color: #fff !important
}

.igwgRowAlt {
    background-color: #f1f1f1;
    border-bottom: 1px solid #E3EFFF;
    border-top: 1px solid #F9F9F9;
    font-size: 11px;
    height: 30px
}

.igwgGrpRow {
    background-color: #fff;
    border-bottom: 1px solid #E3EFFF;
    border-top: 1px solid #fff;
    font-size: 11px
}

.igwgRowSel {
    background-color: #FBE9B8;
    border-top: 1px solid #fff;
    font-size: 12px;
    border-color: #fff !important
}

.igwgHdr {
    background-color: #D4D7DB;
    background-image: url(WebGrid/igwgHeader.jpg);
    background-repeat: repeat-x;
    border: solid 1px;
    cursor: hand;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: 400
}

.igwgHdrFxd {
    background-color: #D4D7DB;
    background-image: url(WebGrid/igwgHeader.jpg);
    background-repeat: repeat-x;
    border: 0;
    cursor: hand;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: 400
}

.igwgFooter {
    background-color: #D4D7DB;
    background-image: url(WebGrid/igwgHeader.jpg);
    background-repeat: repeat-x;
    border: 0;
    cursor: hand;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: 400
}

.igwgRowSlctr {
    background-color: #EBF3FF;
    background-image: url(none);
    border-right: 1px solid #E3EFFF
}

.igwgRowExp {
    background-image: url(none);
    border-right: 1px solid #E3EFFF;
    padding-left: 1px;
    padding-right: 1px;
    text-align: left
}

.igwgGrpBox {
    background-color: #BFDBFF;
    color: #15428B
}

.igwgAddNewBox {
    background-color: #C5DEFD;
    background-image: url(WebGrid/addBoxBg.jpg);
    background-repeat: repeat-x;
    cursor: hand;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: x-small
}

.igwgAddNewBtn {
    background-color: Transparent;
    background-image: url(WebGrid/addnew.gif);
    background-repeat: no-repeat;
    width: 11px
}

.igwlbMain {
    background-color: #fff;
    border: solid 1px #6593CF;
    border-width: 0 1px 1px;
    color: #000;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    text-align: left
}

.igwlbItemNormal {
    background-color: #fff;
    border-bottom: solid 1px #E3EFFF;
    border-left: solid 0 #E3EFFF;
    border-right: solid 0 #E3EFFF;
    border-top: solid 0 #E3EFFF;
    color: #333;
    cursor: hand;
    height: 30px;
    text-align: left;
    padding: 2px 2px 2px 5px
}

.igwlbItemHover {
    background-color: Orange;
    border-bottom: solid 1px #E3EFFF;
    border-left: solid 0 #E3EFFF;
    border-right: solid 0 #E3EFFF;
    border-top: solid 0 #E3EFFF;
    color: #FFF;
    cursor: hand;
    height: 30px;
    text-align: left;
    padding: 2px 2px 2px 5px
}

.igwlbItemSelected {
    background-color: #E6E6DF;
    border: dotted 1px #E3EFFF;
    color: #333;
    cursor: hand;
    height: 30px;
    text-align: left;
    padding: 2px 2px 2px 5px
}

.igwlbGroupNormal {
    background-color: #fff;
    border: 1px solid #6593CF;
    border-width: 1px 0 0;
    font-size: 11px
}

.igwlbGroupBtNormal {
    background-color: #C1DBFF;
    background-image: url(WebListBar/igwlb_group_bt_normal.jpg);
    background-repeat: repeat-x;
    border: 1px solid #6593CF;
    border-width: 1px 0 0;
    color: #204D89;
    font-size: 11px;
    font-weight: 700;
    height: 31px;
    padding-left: 2px
}

.igwlbGroupBtHover {
    background-image: url(WebListBar/igwlb_group_bt_hover.jpg);
    background-repeat: repeat-x;
    border: 1px solid #6593CF;
    border-width: 1px 0 0;
    color: #204D89;
    font-size: 11px;
    font-weight: 700;
    height: 31px;
    padding-left: 2px
}

.igwlbGroupBtSelected {
    background-color: #FEE17B;
    background-image: url(WebListBar/igwlb_group_bt_selected.jpg);
    background-repeat: repeat-x;
    border: 1px solid #6593CF;
    border-width: 1px 0 0;
    color: #000;
    font-size: 11px;
    font-weight: 700;
    height: 31px;
    padding-left: 2px
}

.isTreeFrame {
    border-style: none;
    outline: none;
    cursor: hand;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    scrollbar-arrow-color: #000;
    scrollbar-base-color: #bfdbff;
    scrollbar-darkshadow-color: #bfdbff
}

.isTreeNodeActive {
    background-color: #eaf2ff;
    border: 1px solid #7b93af;
    cursor: hand;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 8.25pt;
    margin-left: 2px;
    padding: 2px 3px 2px 1px
}

.isTreeNodeOver {
    cursor: hand;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 8.25pt;
    margin-left: 2px;
    text-decoration: underline;
    padding: 2px 3px 2px 1px
}

.isTreeNode {
    cursor: hand;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 8.25pt;
    margin-left: 2px;
    overflow: hidden;
    padding: 2px 3px 2px 1px
}

.isComboResultBox {
    font-family: Segoe UI,Tahoma,sans-serif;
    font-size: 8.25pt
}

.isComboStatusBox {
    background-image: url(/CommonLibrary/Images/wc4_status.gif);
    color: #092061;
    font-family: Segoe UI,Tahoma,sans-serif;
    font-size: 8pt
}

.isComboResultFrame {
    background-color: #fff;
    border-color: #286A9B;
    border-style: solid;
    border-width: 1px;
    cursor: hand;
    scrollbar-arrow-color: #000;
    scrollbar-base-color: #bfdbff;
    scrollbar-darkshadow-color: #bfdbff
}

.isComboHeader {
    background-color: #fff;
    border-bottom-color: #6593cf;
    border-style: solid;
    border-width: 1px;
    font-family: Segoe UI,Tahoma,sans-serif;
    font-size: 8pt;
    padding: 3px
}

.isComboColumn {
    overflow: hidden;
    padding-left: 3px;
    padding-right: 3px;
    text-overflow: ellipsis
}

.isComboRowNormal {
    background-color: #fff;
    height: 19px
}

.isComboRowOver {
    background-color: #E1EEFF;
    height: 19px
}

.isComboSelectedRow {
    background-color: #B3C8E8;
    font-size: 8pt;
    height: 20px
}

.isComboFrameNormal {
    background-color: #fff;
    border-color: #5794BF;
    border-right-color: #286a9b;
    border-style: solid;
    border-width: 1px;
    height: 20px;
    width: 200px
}

.isComboFrameOver {
    background-color: #fff;
    border-color: #5794BF;
    border-right-color: #286a9b;
    border-style: solid;
    border-width: 1px;
    height: 20px;
    width: 200px
}

.isComboFrameActive {
    background-color: #fff;
    border-color: #5794BF;
    border-right-color: #286a9b;
    border-style: solid;
    border-width: 1px;
    height: 20px;
    width: 200px
}

.isComboTextBoxNormal {
    border-style: solid;
    border-width: 0;
    color: #000;
    font-family: Segoe UI,Tahoma,sans-serif;
    font-size: 8pt;
    height: 20px;
    width: 180px
}

.isComboTextBoxOver {
    border-style: solid;
    border-width: 0;
    color: #000;
    font-family: Segoe UI,Tahoma,sans-serif;
    font-size: 8pt;
    height: 20px;
    width: 180px
}

.isComboTextBoxActive {
    border-style: solid;
    border-width: 0;
    color: #000;
    font-family: Segoe UI,Tahoma,sans-serif;
    font-size: 8pt;
    height: 20px;
    width: 180px
}

.isComboDropDownNormal {
    color: #000;
    cursor: hand;
    font-family: Webdings,sans-serif;
    font-size: 8pt;
    height: 20px;
    width: 15px
}

.isComboDropDownOver {
    background-image: url(/CommonLibrary/Images/DD4_Over.gif);
    border-left-color: #286a9b;
    border-style: solid;
    border-width: 1px
}

.isComboDropDownActive {
    background-image: url(/CommonLibrary/Images/DD4_Active.gif);
    border-left-color: #286a9b;
    border-style: solid;
    border-width: 1px
}

.isComboMoreButtonNormal {
    border-color: #fff;
    border-style: solid;
    border-width: 1px
}

.isComboMoreButtonOver {
    background-color: #FFE7A2;
    border-color: #F7BE57
}

.pager {
    border-width: 0;
    height: 19px
}

.pagerCell {
    background-image: url(WebGrid/igwgHeader.jpg);
    background-repeat: repeat-x;
    border: solid 1px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 9px;
    font-weight: 700;
    height: 18px
}

.pagerNumerator {
    border: 1px solid #9BB7E0;
    font-size: 10px;
    font-weight: 700;
    height: 18px
}

.igWebComboMain {
    background-color: #E8EAEC;
    border: 1px solid #9BB7E0;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    text-align: left
}

.igWebComboDropDownFrame {
    background-color: #fff;
    border: 1px solid #A9AEB4;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px
}

.igWebComboDropDownGridHeader {
    background-image: url(WebCombo/igwgHeader.jpg);
    background-repeat: repeat-x;
    border: 1px solid #fbfbfb;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: 400;
    height: 23px
}

.igWebComboRow {
    background-color: #fff;
    border-bottom: 1px solid #d2d2d2;
    border-top: 1px solid #fff;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px
}

.igWebComboRowAlt {
    background-color: #fff;
    border-bottom: 1px solid #d2d2d2;
    border-top: 1px solid #fff;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px
}

.igWebComboRowSel {
    background-color: #b5c4df;
    border-bottom: 1px solid #d2d2d2;
    border-top: 0 solid #b5c4df;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px
}

.igWebComboRowSlctr {
    background-color: #EBF3FF;
    border-right: 1px solid #d2d2d2
}

.igMenuVertical {
    background-color: #BCD0E9;
    border: 1px solid #9FBBDE;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    text-align: left
}

.igMenuItemVertical {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    height: 20px;
    padding-left: 2px;
    padding-right: 8px;
    text-align: left
}

.igMenuItemHoverVertical {
    background-color: #FFF9CB;
    background-image: url(WebMenu/igMenuItemHover.jpg);
    background-repeat: repeat-x;
    border: 1px solid #DDCF9B;
    border-width: 1px 0;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    text-align: left
}

.jqifade {
    background-color: #aaa;
    overflow: auto;
    position: absolute
}

div.jqi {
    background-color: #fff;
    border: solid 1px #eee;
    font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
    font-size: 11px;
    -moz-border-radius: 10px;
    padding: 7px;
    position: absolute;
    text-align: left;
    -webkit-border-radius: 10px
}

    div.jqi .jqiclose {
        color: #15428B;
        cursor: pointer;
        font-weight: bolder;
        position: absolute;
        right: -2px;
        top: 4px;
        width: 20px
    }

    div.jqi .jqimessage {
        color: #555;
        line-height: 20px;
        padding: 10px
    }

    div.jqi .jqibuttons {
        padding: 5px 0;
        text-align: center
    }

    div.jqi button.jqidefaultbutton {
        background-color: #CFE1F8;
        border: solid 1px #f4f4f4;
        border-color: #696969;
        color: #15428B;
        cursor: pointer;
        font-size: 11px;
        font-weight: 700;
        margin: 0 10px;
        padding: 3px 10px;
        width: 100px
    }

.detailbutton {
    background-color: #CFE1F8;
    border: solid 1px #f4f4f4;
    color: #15428B;
    cursor: pointer;
    font-size: 13px;
    height: 20px;
    width: 100px
}

.jqiwarning .jqi .jqibuttons {
    background-color: #09F
}

.txtBox {
    border: solid 0 #ccc;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    width: 400px
}

.txtBoxDetail {
    border: solid 0 #ccc;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    width: 400px
}

.divHeader {
    background-color: #CFE1F8;
    border: solid 1px #eee;
    color: #15428B;
    font-weight: 700;
    padding: 5px 0;
    text-align: center
}

.igdc_Calendar {
    background-color: #FFF;
    border: solid 1px #ABC1DE
}

.igdc_EditInContainer {
    background-color: Transparent;
    border: solid 1px #ABC1DE;
    outline: 0
}

.igcal_Control {
    background-color: #77B9E5;
    background-image: url(/RhpCommon2_0/Images/DateChooser/header.gif);
    background-position: top;
    background-repeat: repeat-x;
    border-color: Gray
}

.igcal_DOW {
    background-color: #fff;
    border-bottom: solid 1px #9AC6FF;
    border-width: 0;
    font-size: xx-small;
    padding: 5px 0 0
}

.igcal_Day {
    background-color: #fff;
    border-width: 0;
    font-size: xx-small
}

.igcal_NextPrev {
    background-color: Transparent
}

.igcal_Footer {
    background-color: Gray;
    border-top: solid 0 #dcdcdc;
    padding-top: 5px;
    text-align: center
}

.igcal_Header {
    background-color: Transparent;
    font-size: 10px;
    height: 16px
}

.igcal_OtherMonthDay {
    color: #B3B3B3
}

.igcal_TodayDay {
    border: solid 1px #A4D7F8
}

.igcal_SelectedDay {
    background-color: #699BC9;
    background-image: none;
    color: #fff
}

.ig_Control {
    background-color: #fff;
    color: #000;
    cursor: default;
    font-family: Tahoma,sans-serif;
    font-size: 11px
}

.ig_Item {
    background-color: #fff;
    font-family: verdana,sans-serif;
    font-size: 10px;
    padding-left: 1px
}

.ig_Button {
    cursor: hand
}

.ig_Alt {
    border-bottom: solid 1px #E3EFFF;
    border-left: solid 0 #FFF;
    border-right: solid 0 #FFF;
    border-top: solid 1px #E3EFFF
}

.ig_AjaxIndicatorBlock {
    background: #909090;
    filter: alpha(opacity:30);
    opacity: .3
}

Body {
    cursor: default;
}

.isToolbarCommandDisabled {
    opacity: .5;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.disabledGrid {
    opacity: .4
}

.comboBox:disabled {
    background-color: #ebebe4;
    color: #545454;
}

/*.comboBox:read-only {
    background-color: #ebebe4;
    color: #545454;
}*/

.comboBox[readonly] {
    background-color: #ebebe4;
    color: #545454;
}

.notWritableButSelectableCombo {
    background-color: #fff;
    color: #384354;
}

    .notWritableButSelectableCombo:read-only {
        background-color: #fff;
        color: #384354;
    }

    .notWritableButSelectableCombo[readonly] {
        background-color: #fff;
        color: #384354;
    }

textarea {
    resize: none;
}

#WebPanel2_pnlReportViewer {
    height: auto !important;
}

.rhapsodyAccordionHidden {
    display: none !important;
}

.rhapsodyGridMobile {
    font-size: 8px !important;
}

    .rhapsodyGridMobile .k-input {
        font-size: 10px !important;
    }

    .rhapsodyGridMobile .k-select {
        width: 16px !important;
    }

/*Process Flow Chart*/
.process-flow-chart {
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
}

    .process-flow-chart ul {
        list-style: none;
        display: flex;
        flex-direction: row;
    }

        .process-flow-chart ul li {
            display: flex;
            flex-direction: column;
        }

            .process-flow-chart ul li .process-flow-chart-item-anchor {
                display: table-cell;
                align-content: center;
                float: left;
                height: 80px;
                background: #555;
                text-align: center;
                padding: 0 0 0 50px;
                position: relative;
                margin: 0 10px 0 0;
                font-size: 15px;
                text-decoration: none;
                color: #fff;
                box-sizing: content-box !important;
            }

            /* colour of current phase */
            .process-flow-chart ul li.ongoing .process-flow-chart-item-anchor {
                background: #F4D03F;
            }

                .process-flow-chart ul li.ongoing .process-flow-chart-item-anchor:after {
                    border-left: 40px solid #F4D03F;
                }

            /* colour of completed phase */
            .process-flow-chart ul li.completed .process-flow-chart-item-anchor {
                background: #33CC66;
            }

                .process-flow-chart ul li.completed .process-flow-chart-item-anchor:after {
                    border-left: 40px solid #33CC66;
                }

            /* colour of failed phase */
            .process-flow-chart ul li.failed .process-flow-chart-item-anchor {
                background: #FF3300;
            }

                .process-flow-chart ul li.failed .process-flow-chart-item-anchor:after {
                    border-left: 40px solid #FF3300;
                }

            /* colour of current phase */
            .process-flow-chart ul li.cancelled .process-flow-chart-item-anchor {
                background: #98AFC7;
            }

                .process-flow-chart ul li.cancelled .process-flow-chart-item-anchor:after {
                    border-left: 40px solid #98AFC7;
                }

            /* set sizing of front pointers */
            .process-flow-chart ul li .process-flow-chart-item-anchor:after {
                content: "";
                border-top: 40px solid transparent;
                border-bottom: 40px solid transparent;
                border-left: 40px solid #555;
                position: absolute;
                right: -40px;
                top: 0;
                z-index: 1;
            }

            /* set sizing of rear pointers */
            .process-flow-chart ul li .process-flow-chart-item-anchor:before {
                content: "";
                border-top: 40px solid transparent;
                border-bottom: 40px solid transparent;
                border-left: 40px solid white;
                position: absolute;
                left: 0;
                top: 0;
            }

            /* set corner radius on first item */
            .process-flow-chart ul li:first-child .process-flow-chart-item-anchor {
                padding-left: 10px;
                border-top-left-radius: 10px;
                border-bottom-left-radius: 10px;
            }

                /* hide pointer on end of last item */
                .process-flow-chart ul li:first-child .process-flow-chart-item-anchor:before {
                    display: none;
                }

            /* set size and corner radius on last item */
            .process-flow-chart ul li:last-child .process-flow-chart-item-anchor {
                padding-right: 10px;
                border-top-right-radius: 10px;
                border-bottom-right-radius: 10px;
            }

                /*hide pointer on last item */
                .process-flow-chart ul li:last-child .process-flow-chart-item-anchor:after {
                    display: none;
                }

            /* chevron body hover */
            .process-flow-chart ul li.ongoing a.process-flow-chart-item-anchor:hover {
                /*background: #e41d24;*/
                background: linear-gradient(-90deg, #F4D03F, black);
            }

            /* chevron body hover */
            .process-flow-chart ul li.completed a.process-flow-chart-item-anchor:hover {
                /*background: #e41d24;*/
                background: linear-gradient(-90deg, #33CC66, black);
            }

            /* chevron body hover */
            .process-flow-chart ul li.failed a.process-flow-chart-item-anchor:hover {
                /*background: #e41d24;*/
                background: linear-gradient(-90deg, #FF3300, black);
            }

            /* chevron body hover */
            .process-flow-chart ul li.cancelled a.process-flow-chart-item-anchor:hover {
                /*background: #e41d24;*/
                background: linear-gradient(-90deg, #98AFC7, black);
            }

            /* chevron pointer hover */
            .process-flow-chart ul li a.process-flow-chart-item-anchor:hover:after {
                /*border-left-color: #e41d24;*/
            }

            /* chevron body hover of last item */
            .process-flow-chart ul li:last-child.ongoing a.process-flow-chart-item-anchor:hover {
                /*background: #e41d24;*/
                background: linear-gradient(90deg, #F4D03F, black);
            }

            /* chevron body hover of last item */
            .process-flow-chart ul li:last-child.completed a.process-flow-chart-item-anchor:hover {
                /*background: #e41d24;*/
                background: linear-gradient(90deg, #33CC66, black);
            }

            /* chevron body hover of last item */
            .process-flow-chart ul li:last-child.failed a.process-flow-chart-item-anchor:hover {
                /*background: #e41d24;*/
                background: linear-gradient(90deg, #FF3300, black);
            }

            /* chevron body hover of last item */
            .process-flow-chart ul li:last-child.cancelled a.process-flow-chart-item-anchor:hover {
                /*background: #e41d24;*/
                background: linear-gradient(90deg, #98AFC7, black);
            }

            /*Detail Info*/
            .process-flow-chart ul li .process-flow-chart-item-detail {
                overflow: hidden;
                text-align: left;
                font-size: 10px;
                color: black;
                box-sizing: content-box !important;
                margin: 0 10px 0 0;
                border: 3px solid #555;
                padding: 10px 10px 10px 20px;
                min-width: 150px;
            }

                .process-flow-chart ul li .process-flow-chart-item-detail.unexpanded {
                    max-height: 0px;
                    transition: all 0.2s ease-in-out;
                    opacity: 0;
                }

                .process-flow-chart ul li .process-flow-chart-item-detail.expanded {
                    max-height: 500px;
                    transition: all 0.5s ease-in-out;
                    opacity: 1;
                }

            /* colour of current phase */
            .process-flow-chart ul li.ongoing .process-flow-chart-item-detail {
                border-color: #F4D03F;
            }

            /* colour of completed phase */
            .process-flow-chart ul li.completed .process-flow-chart-item-detail {
                border-color: #33CC66;
            }

            /* colour of failed phase */
            .process-flow-chart ul li.failed .process-flow-chart-item-detail {
                border-color: #FF3300;
            }

            /* colour of cancelled phase */
            .process-flow-chart ul li.cancelled .process-flow-chart-item-detail {
                border-color: #98AFC7;
            }

            /* set corner radius on first item */
            .process-flow-chart ul li:first-child .process-flow-chart-item-detail {
                border-top-left-radius: 10px;
                border-bottom-left-radius: 10px;
            }

            /* set size and corner radius on last item */
            .process-flow-chart ul li:last-child .process-flow-chart-item-detail {
                border-top-right-radius: 10px;
                border-bottom-right-radius: 10px;
            }

[class*=hint--]:after {
    font-size: .7rem;
}

/*Cookie Management*/
.cookie-management-layout {
    text-align: left;
}

    .cookie-management-layout *, ::after, ::before {
        box-sizing: border-box;
        border-width: 0;
        border-style: solid;
        border-color: var(--un-default-border-color,#e5e7eb)
    }

    .cookie-management-layout a,
    .cookie-management-layout hr {
        color: inherit
    }

    .cookie-management-layout a {
        text-decoration: inherit
    }

    .cookie-management-layout hr {
        height: 0;
        border-top-width: 1px
    }

    .cookie-management-layout table {
        text-indent: 0;
        border-color: inherit;
        border-collapse: collapse
    }

    .cookie-management-layout audio,
    .cookie-management-layout canvas,
    .cookie-management-layout embed,
    .cookie-management-layout iframe,
    .cookie-management-layout img,
    .cookie-management-layout object,
    .cookie-management-layout svg,
    .cookie-management-layout video {
        display: block;
        vertical-align: middle
    }

    .cookie-management-layout img,
    .cookie-management-layout video {
        max-width: 100%;
        height: auto
    }

    .cookie-management-layout [hidden] {
        display: none !important
    }

    .cookie-management-layout *, ::before, ::after {
        --un-rotate: 0;
        --un-rotate-x: 0;
        --un-rotate-y: 0;
        --un-rotate-z: 0;
        --un-scale-x: 1;
        --un-scale-y: 1;
        --un-scale-z: 1;
        --un-skew-x: 0;
        --un-skew-y: 0;
        --un-translate-x: 0;
        --un-translate-y: 0;
        --un-translate-z: 0;
        --un-pan-x:;
        --un-pan-y:;
        --un-pinch-zoom:;
        --un-scroll-snap-strictness: proximity;
        --un-ordinal:;
        --un-slashed-zero:;
        --un-numeric-figure:;
        --un-numeric-spacing:;
        --un-numeric-fraction:;
        --un-border-spacing-x: 0;
        --un-border-spacing-y: 0;
        --un-ring-offset-shadow: 0 0 rgba(0,0,0,0);
        --un-ring-shadow: 0 0 rgba(0,0,0,0);
        --un-shadow-inset:;
        --un-shadow: 0 0 rgba(0,0,0,0);
        --un-ring-inset:;
        --un-ring-offset-width: 0px;
        --un-ring-offset-color: #fff;
        --un-ring-width: 0px;
        --un-ring-color: rgba(147,197,253,0.5);
        --un-blur:;
        --un-brightness:;
        --un-contrast:;
        --un-drop-shadow:;
        --un-grayscale:;
        --un-hue-rotate:;
        --un-invert:;
        --un-saturate:;
        --un-sepia:;
        --un-backdrop-blur:;
        --un-backdrop-brightness:;
        --un-backdrop-contrast:;
        --un-backdrop-grayscale:;
        --un-backdrop-hue-rotate:;
        --un-backdrop-invert:;
        --un-backdrop-opacity:;
        --un-backdrop-saturate:;
        --un-backdrop-sepia:;
    }

    .cookie-management-layout *, ::backdrop {
        --un-rotate: 0;
        --un-rotate-x: 0;
        --un-rotate-y: 0;
        --un-rotate-z: 0;
        --un-scale-x: 1;
        --un-scale-y: 1;
        --un-scale-z: 1;
        --un-skew-x: 0;
        --un-skew-y: 0;
        --un-translate-x: 0;
        --un-translate-y: 0;
        --un-translate-z: 0;
        --un-pan-x:;
        --un-pan-y:;
        --un-pinch-zoom:;
        --un-scroll-snap-strictness: proximity;
        --un-ordinal:;
        --un-slashed-zero:;
        --un-numeric-figure:;
        --un-numeric-spacing:;
        --un-numeric-fraction:;
        --un-border-spacing-x: 0;
        --un-border-spacing-y: 0;
        --un-ring-offset-shadow: 0 0 rgba(0,0,0,0);
        --un-ring-shadow: 0 0 rgba(0,0,0,0);
        --un-shadow-inset:;
        --un-shadow: 0 0 rgba(0,0,0,0);
        --un-ring-inset:;
        --un-ring-offset-width: 0px;
        --un-ring-offset-color: #fff;
        --un-ring-width: 0px;
        --un-ring-color: rgba(147,197,253,0.5);
        --un-blur:;
        --un-brightness:;
        --un-contrast:;
        --un-drop-shadow:;
        --un-grayscale:;
        --un-hue-rotate:;
        --un-invert:;
        --un-saturate:;
        --un-sepia:;
        --un-backdrop-blur:;
        --un-backdrop-brightness:;
        --un-backdrop-contrast:;
        --un-backdrop-grayscale:;
        --un-backdrop-hue-rotate:;
        --un-backdrop-invert:;
        --un-backdrop-opacity:;
        --un-backdrop-saturate:;
        --un-backdrop-sepia:;
    }

    .cookie-management-layout .\[box-sizing\:_border-box\] {
        box-sizing: border-box;
    }

    .cookie-management-layout .\[fill\:_\#fff\] {
        fill: #fff;
    }

    .cookie-management-layout .\[font-family\:_\"gesta\"\,sans-serif\] {
        font-family: "gesta",sans-serif;
    }

    .cookie-management-layout .\[line-height\:_16px\] {
        line-height: 16px;
    }

    .cookie-management-layout .\[transform\:_scale\(0\.4\)\] {
        transform: scale(0.4);
    }

    .cookie-management-layout .absolute {
        position: absolute;
    }

    .cookie-management-layout .fixed {
        position: fixed;
    }

    .cookie-management-layout .relative {
        position: relative;
    }

    .cookie-management-layout .bottom-0 {
        bottom: 0;
    }

    .cookie-management-layout .left-0 {
        left: 0;
    }

    .cookie-management-layout .left-2px {
        left: 2px;
    }

    .cookie-management-layout .right-\[-12px\] {
        right: -12px;
    }

    .cookie-management-layout .right-0 {
        right: 0;
    }

    .cookie-management-layout .top-2px {
        top: 2px;
    }

    .cookie-management-layout .z-2147483647 {
        z-index: 2147483647;
    }

    .cookie-management-layout .order-1 {
        order: 1;
    }

    .cookie-management-layout .order-2 {
        order: 2;
    }

    .cookie-management-layout .order-3 {
        order: 3;
    }

    .cookie-management-layout .ml-auto {
        margin-left: auto;
    }

    .cookie-management-layout .mt-16px {
        margin-top: 16px;
    }

    .cookie-management-layout .hidden {
        display: none;
    }

    .cookie-management-layout .h-100vh {
        height: 100vh;
    }

    .cookie-management-layout .h-20px {
        height: 20px;
    }

    .cookie-management-layout .h-24px {
        height: 24px;
    }

    .cookie-management-layout .h-32px {
        height: 32px;
    }

    .cookie-management-layout .h-37px {
        height: 37px;
    }

    .cookie-management-layout .h-69px {
        height: 69px;
    }

    .cookie-management-layout .h-72px {
        height: 72px;
    }

    .cookie-management-layout .h-full {
        height: 100%;
    }

    .cookie-management-layout .w-100vw {
        width: 100vw;
    }

    .cookie-management-layout .w-156px {
        width: 156px;
    }

    .cookie-management-layout .w-170px {
        width: 170px;
    }

    .cookie-management-layout .w-20px {
        width: 20px;
    }

    .cookie-management-layout .w-24px {
        width: 24px;
    }

    .cookie-management-layout .w-32px {
        width: 32px;
    }

    .cookie-management-layout .w-48px {
        width: 48px;
    }

    .cookie-management-layout .w-full {
        width: 100%;
    }

    .cookie-management-layout .flex,
    .cookie-management-layout [tab=open] .\[\[tab\=open\]_\&\]\:flex {
        display: flex;
    }

    .cookie-management-layout .flex-grow {
        flex-grow: 1;
    }

    .cookie-management-layout .flex-col {
        flex-direction: column;
    }

    .cookie-management-layout .rotate-90 {
        --un-rotate-x: 0;
        --un-rotate-y: 0;
        --un-rotate-z: 0;
        --un-rotate: 90deg;
        transform: translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));
    }

    .cookie-management-layout [tab=open] .\[\[tab\=open\]_\&\]\:rotate-180 {
        --un-rotate-x: 0;
        --un-rotate-y: 0;
        --un-rotate-z: 0;
        --un-rotate: 180deg;
        transform: translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));
    }

    .cookie-management-layout .cursor-auto {
        cursor: auto;
    }

    .cookie-management-layout .cursor-pointer {
        cursor: pointer;
    }

    .cookie-management-layout .items-center {
        align-items: center;
    }

    .cookie-management-layout .justify-center {
        justify-content: center;
    }

    .cookie-management-layout .justify-between {
        justify-content: space-between;
    }

    .cookie-management-layout .gap-12px {
        gap: 12px;
    }

    .cookie-management-layout .gap-16px {
        gap: 16px;
    }

    .cookie-management-layout .gap-8px {
        gap: 8px;
    }

    .cookie-management-layout .gap-x-8px {
        column-gap: 8px;
    }

    .cookie-management-layout .overflow-y-scroll {
        overflow-y: scroll;
    }

    .cookie-management-layout .border-b-1px {
        border-bottom-width: 1px;
    }

    .cookie-management-layout .border-\#e0e0e0 {
        --un-border-opacity: 1;
        border-color: rgba(224,224,224,var(--un-border-opacity));
    }

    .cookie-management-layout .rounded-6px {
        border-radius: 6px;
    }

    .cookie-management-layout .rounded-full {
        border-radius: 9999px;
    }

    .cookie-management-layout .bg-\#00000080 {
        --un-bg-opacity: 0.5;
        background-color: rgba(0,0,0,var(--un-bg-opacity));
    }

    .cookie-management-layout .bg-\#353535 {
        --un-bg-opacity: 1;
        background-color: rgba(53,53,53,var(--un-bg-opacity));
    }

    .cookie-management-layout .bg-\#ccc {
        --un-bg-opacity: 1;
        background-color: rgba(204,204,204,var(--un-bg-opacity));
    }

    .cookie-management-layout .bg-\#e03523 {
        --un-bg-opacity: 1;
        background-color: rgba(224,53,35,var(--un-bg-opacity));
    }

    .cookie-management-layout .bg-white {
        --un-bg-opacity: 1;
        background-color: rgba(255,255,255,var(--un-bg-opacity));
    }

    .cookie-management-layout [efl-category-functional-on].\[\[efl-category-functional-on\]\&\]\:bg-\#e03523\!,
    .cookie-management-layout [efl-category-marketing-on].\[\[efl-category-marketing-on\]\&\]\:bg-\#e03523\! {
        --un-bg-opacity: 1 !important;
        background-color: rgba(224,53,35,var(--un-bg-opacity)) !important;
    }

    .cookie-management-layout .fill-red {
        --un-fill-opacity: 1;
        fill: rgba(248,113,113,var(--un-fill-opacity));
    }

    .cookie-management-layout .p-16px {
        padding: 16px;
    }

    .cookie-management-layout .p-8px {
        padding: 8px;
    }

    .cookie-management-layout .px-12px {
        padding-left: 12px;
        padding-right: 12px;
    }

    .cookie-management-layout .px-24px {
        padding-left: 24px;
        padding-right: 24px;
    }

    .cookie-management-layout .py-16px {
        padding-top: 16px;
        padding-bottom: 16px;
    }

    .cookie-management-layout .text-12px {
        font-size: 12px;
    }

    .cookie-management-layout .text-14px {
        font-size: 14px;
    }

    .cookie-management-layout .text-15px {
        font-size: 15px;
    }

    .cookie-management-layout .text-20px {
        font-size: 20px;
    }

    .cookie-management-layout .font-300 {
        font-weight: 300;
    }

    .cookie-management-layout .font-700 {
        font-weight: 700;
    }

    .cookie-management-layout .text-\#202020 {
        --un-text-opacity: 1;
        color: rgba(32,32,32,var(--un-text-opacity));
    }

    .cookie-management-layout .text-\#424242 {
        --un-text-opacity: 1;
        color: rgba(66,66,66,var(--un-text-opacity));
    }

    .cookie-management-layout .text-\#e03523 {
        --un-text-opacity: 1;
        color: rgba(224,53,35,var(--un-text-opacity));
    }

    .cookie-management-layout .text-white {
        --un-text-opacity: 1;
        color: rgba(255,255,255,var(--un-text-opacity));
    }

    .cookie-management-layout .underline {
        text-decoration-line: underline;
    }

    .cookie-management-layout .transition-all {
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
    }

@media (min-width: 1024px) {
    .cookie-management-layout .lg\:absolute {
        position: absolute;
    }

    .cookie-management-layout .lg\:relative {
        position: relative;
    }

    .cookie-management-layout .lg\:top-\[-12px\] {
        top: -12px;
    }

    .cookie-management-layout .lg\:order-1 {
        order: 1;
    }

    .cookie-management-layout .lg\:order-2 {
        order: 2;
    }

    .cookie-management-layout .lg\:order-3 {
        order: 3;
    }

    .cookie-management-layout .lg\:h-640px {
        height: 640px;
    }

    .cookie-management-layout .lg\:w-156px {
        width: 156px;
    }

    .cookie-management-layout .lg\:w-170px {
        width: 170px;
    }

    .cookie-management-layout .lg\:w-470px {
        width: 470px;
    }

    .cookie-management-layout .lg\:w-600px {
        width: 600px;
    }

    .cookie-management-layout .lg\:flex-row {
        flex-direction: row;
    }

    .cookie-management-layout .lg\:items-center {
        align-items: center;
    }

    .cookie-management-layout .lg\:justify-center {
        justify-content: center;
    }
}
/**********************************************************/