/* File generated by Evoke : Nov 08 2013 at 11:18 */
/* DO NOT MANUALLY AMEND THE CONTENT OF THIS FILE */
/* ********************************************** */
/*
****************************************
* General purpose
****************************************
*/
.ev_FontNormal {
    font-family: "Segoe UI", "Avenir", Verdana, Helvetica, Sans-Serif;
    font-size: 15px;
}

.ev_EllipsisText {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ev_TextCentred {
    text-align: center;
}

.ev_TextBold {
    font-weight: bold;
}

#ev_TextMeasure {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 0px;
    background: transparent;
    color: transparent;
}

.ev_Invisible {
    opacity: 0;
}

.ev_DefaultCursor {
    cursor: default;
}

.ev_ActionsEllipsis {
    font-size: 28px;
    position: relative;
    top: -11px;
    left: 3px;
}

.ev_NoUserSelect {
    -webkit-user-drag: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -ms-touch-action: none;
}

.ev_DivSlideEndPoint {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.ev_DivSlideStartFromLeftToRightSmall {
    -webkit-transform: translate3d(-20px, 0, 0);
    -moz-transform: translate3d(-20px, 0, 0);
    -ms-transform: translate3d(-20px, 0, 0);
    -o-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
}

.ev_DivSlideStartFromRightToLeftSmall {
    -webkit-transform: translate3d(20px, 0, 0);
    -moz-transform: translate3d(20px, 0, 0);
    -ms-transform: translate3d(20px, 0, 0);
    -o-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
}

.ev_DivSlideStartFromTopToBottomSmall {
    -webkit-transform: translate3d(0, -20px, 0);
    -moz-transform: translate3d(0, -20px, 0);
    -ms-transform: translate3d(0, -20px, 0);
    -o-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
}

.ev_DivSlideStartFromBottomToTopSmall {
    -webkit-transform: translate3d(0, 20px, 0);
    -moz-transform: translate3d(0, 20px, 0);
    -ms-transform: translate3d(0, 20px, 0);
    -o-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
}

.ev_DivSlideStartFromLeftToRightMedium {
    -webkit-transform: translate3d(-50px, 0, 0);
    -moz-transform: translate3d(-50px, 0, 0);
    -ms-transform: translate3d(-50px, 0, 0);
    -o-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0);
}

.ev_DivSlideStartFromRightToLeftMedium {
    -webkit-transform: translate3d(50px, 0, 0);
    -moz-transform: translate3d(50px, 0, 0);
    -ms-transform: translate3d(50px, 0, 0);
    -o-transform: translate3d(50px, 0, 0);
    transform: translate3d(50px, 0, 0);
}

.ev_DivSlideStartFromTopToBottomMedium {
    -webkit-transform: translate3d(0, -50px, 0);
    -moz-transform: translate3d(0, -50px, 0);
    -ms-transform: translate3d(0, -50px, 0);
    -o-transform: translate3d(0, -50px, 0);
    transform: translate3d(0, -50px, 0);
}

.ev_DivSlideStartFromBottomToTopMedium {
    -webkit-transform: translate3d(0, 50px, 0);
    -moz-transform: translate3d(0, 50px, 0);
    -ms-transform: translate3d(0, 50px, 0);
    -o-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
}

.ev_DivSlideStartFromLeftToRightLarge {
    -webkit-transform: translate3d(-80px, 0, 0);
    -moz-transform: translate3d(-80px, 0, 0);
    -ms-transform: translate3d(-80px, 0, 0);
    -o-transform: translate3d(-80px, 0, 0);
    transform: translate3d(-80px, 0, 0);
}

.ev_DivSlideStartFromRightToLeftLarge {
    -webkit-transform: translate3d(80px, 0, 0);
    -moz-transform: translate3d(80px, 0, 0);
    -ms-transform: translate3d(80px, 0, 0);
    -o-transform: translate3d(80px, 0, 0);
    transform: translate3d(80px, 0, 0);
}

.ev_DivSlideStartFromTopToBottomLarge {
    -webkit-transform: translate3d(0, -80px, 0);
    -moz-transform: translate3d(0, -80px, 0);
    -ms-transform: translate3d(0, -80px, 0);
    -o-transform: translate3d(0, -80px, 0);
    transform: translate3d(0, -80px, 0);
}

.ev_DivSlideStartFromBottomToTopLarge {
    -webkit-transform: translate3d(0, 80px, 0);
    -moz-transform: translate3d(0, 80px, 0);
    -ms-transform: translate3d(0, 80px, 0);
    -o-transform: translate3d(0, 80px, 0);
    transform: translate3d(0, 80px, 0);
}

.ev_DivSlideEnable

/* easeOutQuart */
    {
    -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
}

#ev_FocusGrabContainer {
    position: absolute;
    height: 1px;
    width: 1px;
    top: -99px;
}

/*
****************************************
* Page layout
****************************************
*/
#ev_PageArea {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
}

#ev_ActionMenuDisplay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    z-index: 12;
}

.ev_PageSeriesContainer {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    overflow: hidden;
    display: none;
}

.ev_PageContainer {
    float: left;
    position: relative;
    height: 100%;
    width: 100%;
}

.ev_PageSurfaceCover {
    position: absolute;
    left: 0;
    right: 0;
    top: 0px;
    bottom: 0px;
    background: black;
    opacity: 0.1;
}

#ev_PabBackground {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    height: 0px;
}

.ev_Pab {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    height: 0px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row;
    flex-direction: row;
    padding: 4px;
}

.ev_PabButton {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 32px;
    padding-top: 4px;
    padding-left: 4px;
    margin-left: 2px;
    margin-right: 2px;
}

.ev_PabImage {
    height: 24px;
    width: 24px;
}

.ev_PabTitle {
    -webkit-flex: 1 1;
    flex: 1 1;
    padding-top: 6px;
    font-size: 110%;
}

.ev_PabPageActionsMenu {
    display: none;
}

.ev_PageBodySurface {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    overflow-x: hidden;
    overflow-y: auto;
}

.ev_PageBody {
    position: absolute;
    height: 100%;
    width: 100%;
    display: -webkit-flex;
    display: flex;
}

.ev_PageBody.ev_Columns {
    -webkit-flex-flow: row;
    flex-direction: row;
}

.ev_PageBody.ev_Rows {
    -webkit-flex-flow: column;
    flex-direction: column;
}

.ev_PageSegment {
    position: relative;
}

.ev_PageSegBorder {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
}

.ev_PageSegHeader {
    height: 30px;
    width: 100%;
    position: relative;
}

.ev_PageSegHeaderText {
    position: absolute;
    top: 2px;
    left: 6px;
    right: 40px;
    padding-top: 4px;
    height: 100%;
}

.ev_PageSegHeaderAction {
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    width: 30px;
    cursor: pointer;
    overflow: hidden;
}

.ev_PageSegHeaderActionEllipsis {
    position: relative;
    top: 3px;
    left: 3px;
}

.ev_PageSegHeaderActionsMenu {
    display: none;
}

.ev_PageSegHeaderBodyGap {
    height: 6px;
    width: 100%;
}

.ev_PageSegTabs {
    height: 0px;
    width: 100%;
}

.ev_PageSegTabsLine {
    height: 2px;
    width: 100%;
    display: none;
}

.ev_PageSegTabs>.ev_ClickableElementListBtn {
    height: 26px;
}

.ev_PageSegBody {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    display: -webkit-flex;
    display: flex;
    overflow-y: auto;
    overflow-x: hidden;
}

.ev_PageSegBody.ev_Rows {
    -webkit-flex-flow: column;
    flex-direction: column;
}

.ev_PageSegBody.ev_Columns {
    -webkit-flex-flow: row;
    flex-direction: row;
}

.ev_PageSegBody.ev_WidgetsVertical {
    display: block;
}

.ev_PageSegBody.ev_WidgetsHorizontal {
    -webkit-flex-flow: row;
    flex-direction: row;
}

.ev_WidgetVertical {
    width: 100%;
    margin-top: 8px;
    overflow-y: hidden;
}

.ev_WidgetVertical:first-child {
    margin-top: 0px;
}

.ev_WidgetHorizontal {
    margin-left: 12px;
}

.ev_WidgetVertical:first-child {
    margin-left: 0px;
}

.ev_WidgetButton {
    height: 26px;
    overflow: initial;
    font-size: 15px;
}

.ev_WidgetButtonText {
    position: relative;
    top: 4px;
}

.ev_WidgetPromptInput {
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
}

.ev_WidgetPromptInput.ev_WidgetPromptLeft {
    -webkit-flex-flow: row;
    flex-direction: row;
}

.ev_WidgetPromptInput.ev_WidgetPromptAbove {
    display: block;
    overflow: hidden;
}

.ev_WidgetPromptInput.ev_WidgetPromptAbove>.ev_WidgetPrompt {
    margin-top: 2px;
    margin-bottom: 4px;
}

.ev_WidgetPromptInput.ev_WidgetPromptAbove>.ev_WidgetPrompt,
.ev_WidgetPromptInput.ev_WidgetPromptAbove>.ev_widgetInput {
    width: 100%;
}

.ev_WidgetPrompt {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 18px;
    margin-top: 2px;
}

.ev_widgetInput {
    -webkit-flex: 100;
    flex: 100;
}

.ev_WidgetCompound {
    -webkit-flex: 1;
    flex: 1;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row;
    flex-direction: row;
}

.ev_WidgetCompoundButton {
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    height: 26px;
    position: relative;
    margin-left: 12px;
}

.ev_WidgetCompoundButtonText {
    position: relative;
    top: 3px;
}

.ev_WidgetTextBox {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row;
    flex-direction: row;
    background: #f7f7f7;
    border-radius: 4px;
    border: 1px solid #bbb;
    padding: 1px;
    height: 26px;
}

.ev_WidgetPrimaryInput {
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
}

.ev_WidgetTextBoxInput {
    border: none;
    background: transparent;
    padding-left: 3px;
    padding-right: 3px;
    width: 0%;
    outline: none;
}

.ev_WidgetClearText {
    -webkit-flex: 0 0 18px;
    flex: 0 0 18px;
    cursor: pointer;
    opacity: 0;
}

::-ms-clear {
    display: none;
}

.ev_WidgetClearTextImage {
    position: relative;
    left: -1px;
    top: 2px;
}

.ev_WidgetCheckBox {
    background: #f7f7f7;
    border-radius: 6px;
    border: 1px solid #bbb;
    height: 24px;
    width: 24px;
    margin-top: 1px;
    margin-bottom: 1px;
    max-width: 24px;
    position: relative;
}

.ev_WidgetCheckBoxInput {
    -ms-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -webkit-transform: scale(2.5);
    -o-transform: scale(2.5);
    padding: 10px;
    opacity: 0;
    cursor: pointer;
}

.ev_WidgetCheckBoxImage {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: -1px;
    width: 24px;
    height: 24px;
}

.ev_WidgetError {
    position: relative;
    top: -3px;
}

.ev_WidgetError.ev_WidgetPromptAbove {
    left: 2px;
}

.ev_WidgetErrorText {
    color: red;
    /*background: #ff9b9b;*/
}

.ev_PageSegFooter {
    height: 30px;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding: 6px;
}

.ev_PageSegFooterText {
    position: relative;
    top: 2px;
}

.ev_PageSegFooterScroll {
    width: 100%;
}

/*
****************************************
* Standard Yes/No/Cancel modal pages
****************************************
*/
.ev_PageModal {
    position: absolute;
    left: 0;
    right: 0;
    top: 0px;
    bottom: 0px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column;
    flex-direction: column;
}

.ev_ModalButtonTop,
.ev_ModalButtonBottom {
    -webkit-flex: 50;
    flex: 50;
}

.ev_ModalButtonMiddle {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row;
    flex-direction: row;
}

.ev_ModalButtonLeft,
.ev_ModalButtonRight {
    -webkit-flex: 5;
    flex: 5;
}

.ev_ModalButtonCenter {
    -webkit-flex: 50;
    flex: 50;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column;
    flex-direction: column;
}

.ev_ModalButtonMsg {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row;
    flex-direction: row;
    margin-top: 30px;
    margin-bottom: 20px;
    justify-content: center;
}

.ev_ModalButtonIcon {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column;
    flex-direction: column;
    position: relative;
    top: 12px;
}

.ev_ModalIconErrorBackground {
    height: 12px;
    width: 10px;
    background: #fff;
    position: relative;
    top: -5px;
    left: 7px;
}

.ev_ModalIconBackground {
    height: 12px;
    width: 10px;
    background: #fff;
    position: relative;
    top: -9px;
    left: 7px;
}

.ev_ModalIconOverlay {
    position: relative;
    top: -26px;
}

.ev_ModalButtonText {
    overflow-wrap: break-word;
    padding-left: 10px;
}

.ev_ModalButtonBtns {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row;
    flex-direction: row;
    margin-bottom: 30px;
    -webkit-justify-content: center;
    justify-content: center;
}

.ev_ModalButton {
    height: 30px;
    padding-top: 7px;
    margin-left: 12px;
}

.ev_ModalButtonBtns:first-child {
    margin-left: 0px;
}

/*
****************************************
* Widget support
****************************************
*/

/*
****************************************
* Action button
****************************************
*/
.ev_ActionButtonOptions {
    position: absolute;
    background: #fff;
    border: 1px solid #666;
    -webkit-user-drag: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    cursor: default;
    z-index: 11;
}

.ev_ActionButtonOption {
    white-space: nowrap;
    padding-top: 2px;
    padding-bottom: 2px;
    cursor: pointer;
    height: 28px;
}

.ev_ActionButtonOption.ev_Disabled {
    opacity: 0.4;
    cursor: default;
}

.ev_ActionButtonOption.ev_NoSelect {
    cursor: default;
}

.ev_ActionButtonOption.ev_NoClick {
    cursor: default;
}

.ev_ActionButtonOptionBullet {
    overflow: hidden;
    height: 16px;
    display: inline-block;
    margin-left: -1px;
}

.ev_ActionButtonOptionBullet>span {
    font-size: 72px;
    position: relative;
    top: -65px;
    left: 4px;
}

.ev_ActionButtonOptionText {
    position: relative;
    margin-right: 22px;
    top: 3px;
}

.ev_ActionButtonOptionText.ev_Indented {
    margin-left: 22px;
}

.ev_ActionMenuBreak {
    height: 3px;
    border: 1px solid #fff;
    background-color: #aaa;
    width: 100%;
}

/*
****************************************
* ClickableElement
****************************************
*/
.ev_ClickableElement {
    -webkit-user-drag: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -ms-touch-action: none;
    cursor: pointer;
}

.ev_ClickableElement.ev_Disabled {
    opacity: 0.5;
    cursor: default;
}

.ev_ClickableElement.ev_Inactive {
    opacity: 1;
}

.ev_ClickableElementCompound {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row;
    flex-direction: row;
}

.ev_ClickableElementCompoundChild {
    flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
}

.ev_ClickableElementAlt {
    text-align: center;
    display: none;
}

/*
****************************************
* ClickableElementList
****************************************
*/
.ev_ClickableElementListHorizontal {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row;
    flex-direction: row;
    overflow-x: auto;
    overflow: hidden;
}

.ev_ClickableElementListBtn {
    flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    margin-right: 6px;
    cursor: pointer;
}

/*
****************************************
* Data grid
****************************************
*/
.ev_DataGrid {
    width: 100%;
    -webkit-user-drag: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -ms-touch-action: none;
    cursor: pointer;
}

.ev_DataGridHeaders {
    flex: 0 0 24px;
    -webkit-flex: 0 0 24px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row;
    flex-direction: row;
    margin-bottom: 4px;
}

.ev_DataGridHeaderCell {
    border-right: 1px solid #eee;
}

.ev_DataGridHeaders>.ev_DataGridHeaderCell:last-child {
    border-right: 0px solid transparent;
}

.ev_DataGridHeaderCellGridNav {
    -webkit-flex: 0 0 26px;
    flex: 0 0 26px;
}

.ev_DataGridHeaderCellText {
    position: relative;
    top: 3px;
    left: 6px;
    height: 21px;
}

.ev_ColumnRH {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    display: none;
}

.ev_Column0 {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 34px;
    display: none;
}

.ev_DataGridTickAllImage {
    position: relative;
    left: 7px;
    top: 3px;
    opacity: 0;
}

.ev_DataGridTickSelectAll {
    margin: 3px 7px 4px 7px;
    height: 18px;
    border: 1px solid #999;
    border-radius: 4px;
    background: #fbfbfb;
    cursor: pointer;
}

.ev_TickSelectImage {
    position: relative;
    left: 7px;
    top: 3px;
    opacity: 0;
}

.ev_DataGridTickSelectAll>.ev_WidgetCheckBoxImage {
    left: 0px;
    top: 0px;
    opacity: 0;
}

.ev_DataGridBody {
    flex: 1;
    -webkit-flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
}

.ev_DataGridRow {
    clear: both;
    float: left;
    width: 100%;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: default;
}

.ev_DataGridRow.ev_CurrentRow {
    border: 1px solid #eee;
}

.ev_DataGridRowLine {
    clear: both;
    float: left;
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row;
    flex-direction: row;
}

.ev_DataGridRowLineUpper {
    height: 30px;
}

.ev_DataGridCell {
    border-right: 1px solid transparent;
    position: relative;
}

.ev_DataGridRowLine>.ev_DataGridCell:last-child {
    border-right: 0px solid transparent;
}

.ev_DataGridCellTextContainer {
    height: 30px;
}

.ev_DataGridCellText {
    position: relative;
    top: 7px;
    left: 4px;
}

.ev_DataGridCellLabelText {
    position: relative;
    top: 5px;
    left: 5px;
}

.ev_DataGridCellEditor {
    position: relative;
    top: 2px;
    left: -1px;
}

.ev_WidgetTextBoxInput.ev_LetterSpacingAdjust {
    letter-spacing: 0.4px;
}

.ev_DataGridCheckBoxTick {
    position: absolute;
    top: 4px;
    left: 40%;
    cursor: pointer;
}

.ev_DataGridTickSelectBox {
    height: 24px;
    width: 24px;
    border: 1px solid #bbb;
    border-radius: 6px;
    background: #fff;
    position: relative;
    top: 3px;
    left: 5px;
}

.ev_DataGridTickSelectImage {
    position: relative;
    top: 0px;
    left: -1px;
}

.ev_DataGridCellEditorCheckbox {
    position: absolute;
    left: 40%;
    top: 3px;
}

.ev_WidgetCheckBox.ev_InDataGrid {
    left: 6px;
}

.ev_DataGridTickSelectEditor {
    top: 1px;
}

.ev_GridnavOptions {
    display: none;
}

.ev_GridNavArrowColumn {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
}

.ev_GridNavArrowImg {
    margin-top: 7px;
}

/*
****************************************
* Datepicker
****************************************
*/
.ev_WidgetCalendar {
    -webkit-flex: 0 0 18px;
    flex: 0 0 18px;
    cursor: pointer;
    margin-left: 4px;
    margin-right: 1px;
}

.ev_WidgetCalendarImage {
    position: relative;
    left: -1px;
    top: 2px;
}

#ev_FloatingDatePickerContainer {
    position: absolute;
}

#ev_FloatingDatePickerTextbox {
    outline: none;
    border: none;
    padding: 0px;
    height: 0px;
    width: 100px;
    display: none;
    opacity: 0;
}

.ui-datepicker {
    font-size: 0.8rem !important;
}

/*
****************************************
* Lookup
****************************************
*/
.ev_LookupOptions {
    position: absolute;
    top: 90px;
    left: 30px;
    background: #f7f7f7;
    border: 1px solid #777;
    border-radius: 0px;
    z-index: 9;
    overflow: hidden;
    cursor: default;
}

.ev_LookupOptionsColumnHeaders {
    cursor: default;
    background: #999;
    color: #fff;
}

.ev_LookupOptionsColumnHeaders>div {
    float: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ev_LookupOptionsColumnHeaders>div>span {
    margin-left: 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ev_LookupOptionsRows {
    overflow-y: auto;
    overflow-x: hidden;
}

.ev_LookupOptionCellGUID {
    display: none;
    float: left;
    overflow: hidden;
}

.ev_LookupOptionSingle {
    height: 26px;
    overflow: hidden;
}

.ev_LookupOptionCell {
    float: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 24px;
    position: relative;
    top: 4px;
}

.ev_LookupOptionCell>span {
    margin-left: 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/*
****************************************
* TabPanel
****************************************
*/
.ev_TabEar {
    -webkit-user-drag: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -ms-touch-action: none;
    cursor: pointer;
}

.ev_TabEar.ev_Active {
    cursor: default;
}

.ev_TabEarText {
    position: relative;
    top: 4px;
}

.ev_TabEarAction {
    height: 26px;
    width: 26px;
}

.ev_TabEarAction.ev_Disabled {
    opacity: 0.5;
}

.ev_TabEarAction>div>.ev_ActionsEllipsis {
    position: relative;
    top: -10px;
}

/*****************************************
* TextArea
*****************************************/

.ev_WidgetTextArea {
    height: auto;
}

/*
****************************************
* Color theme independent colors
****************************************
*/
.ev_ColorBackBlack {
    background: #000;
}

.ev_ColorForeBlack {
    color: #000;
}

.ev_ColorBackWhite {
    background: #fff;
}

.ev_ColorForeWhite {
    color: #fff;
}

.ev_ColorBackTransparent {
    background: transparent;
}

.ev_ColorForeTransparent {
    color: transparent;
}

/*
****************************************
* Color theme : Evoke Blue
****************************************
*/
.ev_ColorBackVeryLight {
    background: #E0E6F2;
}

.ev_ColorForeVeryLight {
    color: #E0E6F2;
}

.ev_ColorBackLight {
    background: #D3DCED;
}

.ev_ColorForeLight {
    color: #D3DCED;
}

.ev_ColorBackMediumLight {
    background: #B1C0DF;
}

.ev_ColorForeMediumLight {
    color: #B1C0DF;
}

.ev_ColorBackMedium {
    background: #8099CC;
}

.ev_ColorForeMedium {
    color: #8099CC;
}

.ev_ColorBackMediumDark {
    background: #5E7EBE;
}

.ev_ColorForeMediumDark {
    color: #5E7EBE;
}

.ev_ColorBackDark {
    background: #3b5999;
}

.ev_ColorForeDark {
    color: #3b5999;
}

.ev_ColorBackVeryDark {
    background: #283A5E;
}

.ev_ColorForeVeryDark {
    color: #283A5E;
}

.ev_ColorBackHighlightLight {
    background: #aed99a;
}

.ev_ColorForeHighlightLight {
    color: #aed99a;
}

.ev_ColorBackHighlightMedium {
    background: #75AC5C;
}

.ev_ColorForeHighlightMedium {
    color: #75AC5C;
}

.ev_ColorBackHighlightDark {
    background: #457d2c;
}

.ev_ColorForeHighlightDark {
    color: #457d2c;
}

/*
****************************************
* Widths
****************************************
*/
.ev_Width0 {
    width: 0px;
}

.ev_Width3 {
    width: 3px;
}

.ev_Width6 {
    width: 6px;
}

.ev_Width9 {
    width: 9px;
}

.ev_Width10 {
    width: 10px;
}

.ev_Width16 {
    width: 16px;
}

.ev_Width20 {
    width: 20px;
}

.ev_Width24 {
    width: 24px;
}

.ev_Width26 {
    width: 26px;
}

.ev_Width30 {
    width: 30px;
}

.ev_Width40 {
    width: 40px;
}

.ev_Width50 {
    width: 50px;
}

.ev_Width56 {
    width: 56px;
}

.ev_Width60 {
    width: 60px;
}

.ev_Width70 {
    width: 70px;
}

.ev_Width80 {
    width: 80px;
}

.ev_Width90 {
    width: 90px;
}

.ev_Width100 {
    width: 100px;
}

.ev_Width110 {
    width: 110px;
}

.ev_Width120 {
    width: 120px;
}

.ev_Width130 {
    width: 130px;
}

.ev_Width132 {
    width: 132px;
}

.ev_Width140 {
    width: 140px;
}

.ev_Width150 {
    width: 150px;
}

.ev_Width160 {
    width: 160px;
}

.ev_Width170 {
    width: 170px;
}

.ev_Width180 {
    width: 180px;
}

.ev_Width190 {
    width: 190px;
}

.ev_Width200 {
    width: 200px;
}

.ev_Width210 {
    width: 210px;
}

.ev_Width220 {
    width: 220px;
}

.ev_Width230 {
    width: 230px;
}

.ev_Width240 {
    width: 240px;
}

.ev_Width250 {
    width: 250px;
}

.ev_Width260 {
    width: 260px;
}

.ev_Width270 {
    width: 270px;
}

.ev_Width280 {
    width: 280px;
}

.ev_Width290 {
    width: 290px;
}

.ev_Width300 {
    width: 300px;
}

.ev_Width310 {
    width: 310px;
}

.ev_Width320 {
    width: 320px;
}

.ev_Width330 {
    width: 330px;
}

.ev_Width340 {
    width: 340px;
}

.ev_Width350 {
    width: 350px;
}

.ev_Width360 {
    width: 360px;
}

.ev_Width370 {
    width: 370px;
}

.ev_Width380 {
    width: 380px;
}

.ev_Width390 {
    width: 390px;
}

.ev_Width400 {
    width: 400px;
}

.ev_Width410 {
    width: 410px;
}

.ev_Width420 {
    width: 420px;
}

.ev_Width430 {
    width: 430px;
}

.ev_Width440 {
    width: 440px;
}

.ev_Width450 {
    width: 450px;
}

.ev_Width460 {
    width: 460px;
}

.ev_Width470 {
    width: 470px;
}

.ev_Width480 {
    width: 480px;
}

.ev_Width490 {
    width: 490px;
}

.ev_Width500 {
    width: 500px;
}

.ev_Width520 {
    width: 520px;
}

.ev_Width540 {
    width: 540px;
}

.ev_Width580 {
    width: 580px;
}

.ev_Width620 {
    width: 620px;
}

.ev_Width680 {
    width: 680px;
}

.ev_Width800 {
    width: 800px;
}

.ev_WidthPercent2 {
    width: 2%;
}

.ev_WidthPercent25 {
    width: 25%;
}

.ev_WidthPercent48 {
    width: 48%;
}

.ev_WidthPercent49 {
    width: 49%;
}

.ev_WidthPercent50 {
    width: 50%;
}

.ev_WidthPercent95 {
    width: 95%;
}

.ev_WidthPercent96 {
    width: 96%;
}

.ev_WidthPercent99 {
    width: 99%;
}

.ev_WidthPercent100 {
    width: 100%;
}

.ev_MinWidth20 {
    min-width: 20px;
}

.ev_MinWidth50 {
    min-width: 50px;
}

.ev_MinWidth60 {
    min-width: 60px;
}

.ev_MinWidth70 {
    min-width: 70px;
}

.ev_MinWidth80 {
    min-width: 80px;
}

.ev_MinWidth90 {
    min-width: 90px;
}

.ev_MinWidth100 {
    min-width: 100px;
}

.ev_MinWidth110 {
    min-width: 110px;
}

.ev_MinWidth120 {
    min-width: 120px;
}

.ev_MinWidth130 {
    min-width: 130px;
}

.ev_MinWidth140 {
    min-width: 140px;
}

.ev_MinWidth150 {
    min-width: 150px;
}

.ev_MinWidth160 {
    min-width: 160px;
}

.ev_MinWidth170 {
    min-width: 170px;
}

.ev_MinWidth180 {
    min-width: 180px;
}

.ev_MinWidth190 {
    min-width: 190px;
}

.ev_MinWidth200 {
    min-width: 200px;
}

.ev_MinWidth210 {
    min-width: 210px;
}

.ev_MinWidth220 {
    min-width: 220px;
}

.ev_MinWidth230 {
    min-width: 230px;
}

.ev_MinWidth240 {
    min-width: 240px;
}

.ev_MinWidth250 {
    min-width: 250px;
}

.ev_MinWidth260 {
    min-width: 260px;
}

.ev_MinWidth270 {
    min-width: 270px;
}

.ev_MinWidth280 {
    min-width: 280px;
}

.ev_MinWidth290 {
    min-width: 290px;
}

.ev_MinWidth300 {
    min-width: 300px;
}

.ev_MinWidth310 {
    min-width: 310px;
}

.ev_MinWidth320 {
    min-width: 320px;
}

.ev_MinWidth330 {
    min-width: 330px;
}

.ev_MinWidth340 {
    min-width: 340px;
}

.ev_MinWidth350 {
    min-width: 350px;
}

.ev_MinWidth360 {
    min-width: 360px;
}

.ev_MinWidth370 {
    min-width: 370px;
}

.ev_MinWidth380 {
    min-width: 380px;
}

.ev_MinWidth390 {
    min-width: 390px;
}

.ev_MinWidth400 {
    min-width: 400px;
}

.ev_MaxWidth50 {
    max-width: 50px;
}

.ev_MaxWidth60 {
    max-width: 60px;
}

.ev_MaxWidth70 {
    max-width: 70px;
}

.ev_MaxWidth80 {
    max-width: 80px;
}

.ev_MaxWidth90 {
    max-width: 90px;
}

.ev_MaxWidth100 {
    max-width: 100px;
}

.ev_MaxWidth110 {
    max-width: 110px;
}

.ev_MaxWidth120 {
    max-width: 120px;
}

.ev_MaxWidth130 {
    max-width: 130px;
}

.ev_MaxWidth140 {
    max-width: 140px;
}

.ev_MaxWidth150 {
    max-width: 150px;
}

.ev_MaxWidth160 {
    max-width: 160px;
}

.ev_MaxWidth170 {
    max-width: 170px;
}

.ev_MaxWidth180 {
    max-width: 180px;
}

.ev_MaxWidth190 {
    max-width: 190px;
}

.ev_MaxWidth200 {
    max-width: 200px;
}

.ev_MaxWidth210 {
    max-width: 210px;
}

.ev_MaxWidth220 {
    max-width: 220px;
}

.ev_MaxWidth230 {
    max-width: 230px;
}

.ev_MaxWidth240 {
    max-width: 240px;
}

.ev_MaxWidth250 {
    max-width: 250px;
}

.ev_MaxWidth260 {
    max-width: 260px;
}

.ev_MaxWidth270 {
    max-width: 270px;
}

.ev_MaxWidth280 {
    max-width: 280px;
}

.ev_MaxWidth290 {
    max-width: 290px;
}

.ev_MaxWidth300 {
    max-width: 300px;
}

.ev_MaxWidth310 {
    max-width: 310px;
}

.ev_MaxWidth320 {
    max-width: 320px;
}

.ev_MaxWidth330 {
    max-width: 330px;
}

.ev_MaxWidth340 {
    max-width: 340px;
}

.ev_MaxWidth350 {
    max-width: 350px;
}

.ev_MaxWidth360 {
    max-width: 360px;
}

.ev_MaxWidth370 {
    max-width: 370px;
}

.ev_MaxWidth380 {
    max-width: 380px;
}

.ev_MaxWidth390 {
    max-width: 390px;
}

.ev_MaxWidth400 {
    max-width: 400px;
}

/*
****************************************
* Heights
****************************************
*/
.ev_Height0 {
    height: 0px;
}

.ev_Hidden {
    display: none;
}