igene.css.ftl@charset "UTF-8";

@font-face {
font-family: 'Roboto';
font-style: normal;
src: url('/styles/roboto/Roboto-Regular.ttf');
}

@font-face {
font-family: 'Roboto-Bold';
font-style: bold;
src: url('/styles/roboto/Roboto-Bold.ttf');
}

.ace_content {
font-family: Courier !important;
}


.red_pill {
background: rgb(255,87,86) !important;
border: 1px solid black;
border-radius: 20px;
padding: 2px;
white-space: nowrap;
color: black;
}

.value-dirty {
background: #ffca00 !important;
}

.tree-folder {
background-image: url("32px.png");
background-position: -260px -4px;
height: 24px;
width: 24px;
display: block;
float: left;
}

.tree-entry {
background-image: url("32px.png");
background-position: 0px -7px;
height: 24px;
width: 24px;
display: block;
float: left;
}

.tree-empty {
background-position: 0px -7px;
height: 24px;
width: 24px;
display: block;
float: left;
}

.tree-child {
background-image: url("32px.png");
background-position: -68px -4px;
height: 24px;
width: 24px;
display: block;
float: left;
}


.green_pill {
background: rgb(119,152,33) !important;
border: 1px solid black;
border-radius: 20px;
padding: 2px;
white-space: nowrap;
}

.blue_pill {
background: rgb(31,96,168) !important;
color: white;
border: 1px solid black;
border-radius: 20px;
padding: 2px;
white-space: nowrap;
}

.gray_pill {
background: rgb(125,125,125);
border: 1px solid black;
border-radius: 20px;
padding: 2px;
white-space: nowrap;
}

.orange_pill {
background: rgb(234,152,77) !important;
border: 1px solid black;
border-radius: 20px;
padding: 2px;
white-space: nowrap;
}

/* -- Barcode styles -- */
.BarcodeConsole {
width: 600px;
height: 600px;
margin-top: 0px;
}

.DebugPanel {
width: 300px;
height: 600px;
border: 1px solid;
}

.DebugPanel .debugTitle {
font-size: 18px;
padding: 4px;
text-align: center;
background: url(/styles/ng_images/navbar_bg.png) repeat-x;
color: white;
width: 300px;
height: 23px;
}

.DebugPanel .barcodeContainer {
margin-top: 0px;
height: 400px;
max-height: 400px;
}
.DebugPanel .controlBarcodeLabel {
padding-left: 5px;
padding-bottom: 5px;
font-size: 14px;
}

.DebugPanel .controlBarcodeButton {
padding: 2px;
margin: 5px;
}

.DebugPanel .debugElement {
padding: 2px;
}

.DebugPanel .controlBarcodes {
margin-top: 0px;
height: 100px;
border-top: 1px solid #C6DFF9;
}


.BarcodeConsole .mainTitle {
font-size: 18px;
padding: 4px;
text-align: center;
border-bottom: 1px solid #C6DFF9;
background: #CCC
color: black;
}
.BarcodeConsole .helpText {
padding-left: 4px;
padding-right: 4px;
padding-top: 8px;
padding-bottom: 8px;
text-align: center;
color: #333;
font-size: 14px;
background-color: #F2F5A9;
}

.BarcodeConsole .closeButton {
padding-left: 4px;
padding-right: 4px;
padding-top: 8px;
padding-bottom: 8px;
text-align: center;
color: #333;
font-size: 14px;
background-color: #EEE;
}

.BarcodeConsole .columnTitle {

font-size: 14px;
text-align: center;
border-bottom: 1px dashed black;

}

.worksheetCell {
background: white;
cursor:crosshair;
}

.worksheetCell:hover {
background: lightgreen;
border: 1px solid blue;
cursor:crosshair;

}

.worksheetCell:selected {
background: lightgreen;
border: 1px solid blue;
cursor:crosshair;
}

.worksheetCellTitle {
background: #CCCCCC;
cursor:crosshair;
}

.worksheetCellTitle:hover {
background: lightgreen;
border: 1px solid blue;
cursor:crosshair;
}

.worksheetCellTitle:selected {
background: lightgreen;
border: 1px solid blue;
cursor:crosshair;
}

.worksheetCellFilled {
background: lightblue;
cursor:crosshair;
}

.worksheetCellFilled:hover {
background: lightgreen;
border: 1px solid blue;
cursor:crosshair;
}

.worksheetCellFilled:selected {
background: lightgreen;
border: 1px solid blue;
cursor:crosshair;
}

.worksheetLaneFilled {
background: #FFEBCD;
cursor:crosshair;
}


.worksheetCellUnavailable {
background: rgb(129,99,106);
cursor:crosshair;
}

.worksheetCellSelected {
background: lightblue;
cursor:crosshair;
}

.worksheetCellDisabled {
background: #A0A0A0;
cursor:crosshair;
}

.worksheetCellUnavailable:hover {
background: rgb(129,99,106);
border: 1px solid blue;
cursor:crosshair;
}

.worksheetCellOccupied {
background: rgb(255 181 173);
cursor:crosshair;
}

.worksheetCellOccupied:hover {
background: lightgreen;
border: 1px solid blue;
cursor:crosshair;

}

.worksheetCellOccupiedFilter {
background: rgb(225,225,225);
cursor:crosshair;
}

.worksheetCellOccupiedFilter:hover {
background: lightgreen;
border: 1px solid blue;
cursor:crosshair;

}

.pedigree-control-panel {
    width: 100%;
    color: white !important;
}
.button-hyperlink {
    border: 1px solid #4079C9;
    display: block;
    padding-left: 1px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 1px;
    border-radius: 5px;
    background: #4079C9;
    color: white;
    text-align: center;
    text-decoration-line: none !important;
}

.button-hyperlink:hover {
    border: 1px solid #4079C9;
    display: block;
    padding-left: 1px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 1px;
    border-radius: 5px;
    background: none;
    color: #4079C9;
    text-align: center;
    text-decoration-line: none !important;
}

.button-hyperlink a {
    text-decoration-line: none !important;
}



.worksheetLaneFilled:hover {
background: lightgreen;
border: 1px solid blue;
cursor:crosshair;
}

.worksheetLaneFilled:selected {
background: lightgreen;
border: 1px solid blue;
cursor:crosshair;
}

.fieldset-title-button-close {
background-image: url(/styles/ng_images/buttons.png);
background-repeat: no-repeat; background-position: 0px -117px;
display: block;
width: 14px;
height: 14px;
display: inline;
border: 0px;
margin-top: 3px;
}

.fieldset-title-button-close:hover {
background-image: url(/styles/ng_images/buttons.png);
background-repeat: no-repeat; background-position: -20px -117px;
display: block;
width: 14px;
height: 14px;
display: inline;
border: 0px;
margin-top: 3px;
}

.fieldset-title-button-open {
background-image: url(/styles/ng_images/buttons.png);
background-repeat: no-repeat; background-position: -40px -117px;
display: block;
width: 14px;
height: 14px;
display: inline;
border: 0px;
margin-top: 3px;
}

.inPlacePanel {
border: 1px solid rgb(204,204,204);
width: 100%;
background: white;
min-height: 30px;
display: block;
}

.inPlacePanel:hover {
border: 1px dashed rgb(204,204,204);
width: 100%;
background: #DFDFFF;
min-height: 30px;
display: block;
}

.fieldset-title-button-open:hover {
background-image: url(/styles/ng_images/buttons.png);
background-repeat: no-repeat; background-position: -60px -117px;
display: block;
width: 14px;
height: 14px;
display: inline;
border: 0px;
margin-top: 3px;
}

.bold {
font-family: 'Roboto-Bold';

}

.BarcodeConsole .column {
height: 100%;
padding-left: 0px;
}

.BarcodeConsole .columnContainer {
width: 100%;
height: 100%;
}

.BarcodeConsole .barcodeItem {
background-color: #BDBDBD;
font-size: 12px;
padding: 3px;
}

.BarcodeConsole .itemSelected {
background-color: #BDFFBD;
border: 1px solid #00AA00;
}

.BarcodeConsole .itemEmpty {
font-size: 12px;
padding: 3px;

}
/* -- styling for the sample triage manage tests popup and it uses native widgets */

.sample-triage-col .gwt-ChekcBox {
height: 1.3em;
display: block;
}

.textbox-bold .set, .textbox-bold .readonly {
font-family: 'Roboto-Bold';

}

.textbox-bold-underline .set, .textbox-bold-underline .readonly {
font-family: 'Roboto-Bold';

text-decoration: underline;
color: blue;
}

#igene-main {
background: #e8e9ed
}


#igene-main > div:nth-child(2) {
position: relative !important;
overflow: visible !important;
background: white;
}

#igene-main > div:nth-child(3) {
background: white;
}

#igene-main > div:last-child
position: relative !important;
top: 0 !important;
height: auto;
}

#igene-main > div:last-child,
#igene-main > div:last-child div {
height: auto !important;
}

#igene-main > div:last-child .mainTabPanel > div:last-child > .gwt-TabLayoutPanelContentContainer > div:first-child {
height: 0 !important;
}

.alert-box {
margin-left: 10px;
margin-bottom: 6px;
border-radius: 6px;
padding: 2px 4px;
margin-top: 5px;
}

/* -- Added to the body tag if the igene.test-system is set -- */
.test-system-login {
background-color: #ebceda;
}

.test-system .secondary-menu-button-selected {
background-color: #ebceda;
}

.test-system .test-label {
color: red;
}

.prod-system {
background: url(/styles/ng_images/background2.jpg) repeat-x;
background-size: auto 100%;
}

/* === The welcome box === */
.welcome {
margin-bottom: 10px;
vertical-align: top;
height: 71px;
border-bottom: 1px solid #c0c0c0;
}

.welcome h1 {
display: block;
font-size: 21px;
font-family: 'Roboto-Bold';

height: 24px;
margin: 15px 0 15px 0;
padding-bottom: 5px;
padding-left: 15px;
width: 100%;
color: #DD4B39;
}


/* === Fieldsets === */
fieldset {
border: 1px solid rgb(204,204,204);
margin-bottom: 5px;
margin-left: 4px;
background: rgb(249, 249, 249) !important;
}

fieldset .important-fs{
border: 1px solid rgb(204,204,204);
margin-bottom: 5px;
margin-left: 4px;
background: rgb(255,230,200) !important;
}

fieldset .minor-fs {
border: 1px solid rgb(204,204,204);
margin-bottom: 5px;
margin-left: 4px;
background: rgb(200,230,255) !important;
}

legend {
font-size: 12pt;
font-family: 'Roboto-Bold';

margin-left: 10px;
color: #0D1D87;
}

.authorised-fieldset-title {
color: darkgreen;
text-decoration: none;
}

.unauthorised-fieldset-title {
color: red;
text-decoration: none;
}

.orange-fieldset-title {
color: orange;
text-decoration: none;
}

.igene-formBodyContainer {
overflow: auto;
padding-bottom: 50px;
padding-top: 10px;
}

.notice-warning {
height: 40px;
text-align: center;
font-family: 'Roboto-Bold';

color: #1c1c1c;
background: rgb(255,182,193);
}

.notice-info {
height: 40px;
text-align: center;
font-family: 'Roboto-Bold';

color: #1c1c1c;
background: rgb(173,216,230);
}

.referral-notice {
height: 40px;
margin-bottom: 4px
text-align: center;
font-family: 'Roboto-Bold';

color: red;
border: 1px solid red;
}

/* === Tabs === */
.tabPanelContent {
overflow: auto;
}

.dashboard {
height: 25px;
width: 100%;
padding: 0;
margin: 0;
white-space: nowrap;
font-size: 12pt !important;
}

.dashboard a {
font-size: 12pt !important;
}

/** Unknown Gender for Patient in the Patient Area **/
.patientNotification, .patientNotification-male, .patientNotification-female {
float: left;
display: block;
height: 25px;
font-size: 12pt !important;
white-space: nowrap;
background: none;
color: #1a365d;
padding-left: 4px;
}

strong .patientNotification, .patientNotification-male, .patientNotification-female   {
color: red;
font-size: 12pt !important;
}

.patientNotification a {
color: #1a365d;
font-size: 12pt !important;
text-decoration: underline;
padding-left: 4px;
}

.theTabButton {
cursor: pointer;
}

.login-message-panel {
border: 1px solid #E5E5E5;
padding: 5px;
background: #F5F5F5;
width: 60%;
float: right;
}

#login-message {
width: 400px;
display: block;
margin-left: auto;
color: white;
margin-right: auto;
margin-top: 10px;
}

div.mainTabPanel {
}

.loginPanel {
-webkit-border-horizontal-spacing: 3px;
-webkit-border-vertical-spacing: 3px;
background-color: #FFEAC0;
border: 1px solid #F90;
border-collapse: separate;
color: black;
display: table;
font: normal normal normal 16px;
height: 265px;
line-height: normal;
text-align: auto;
white-space: normal;
width: 234px;
}

.login-footer {
text-align: center;
width: 100%;
border-top: 1px solid #e3e3e3;
background: #f0f0f0;
color: #303030;
}

.TooltipPopup {
border: 1px solid #c0c0c0;
padding: 5px;
width: 200px;
background: #FFCC33;
z-index: 99999;

}


.link_to_previous_sop {
width: 100%;
text-align: center;
margin-bottom: 5px;

}

.link_to_previous_sop p {
border: 1px solid black;
display: inline;
color: darkblue;
padding-left: 20px;
padding-right: 20px;
font-size: 1.1em;
background: white;
}

.version-number strong {
padding-left: 5px;
display: block;
}

.link_to_previous_sop a {
color: darkblue;
font-size: 1.1em;
}

.preview-box {
border: 1px dashed black;
width: 97% !important;
background: rgb(240,240,240);
color: darkblue;
padding: 2px;
}

.documentControlPanel_red {
width: 99%;
border: 1px solid rgb(203,12,23);
margin: 5px;
}

.documentControlPanel_red th {
background-color: rgb(255,200,200);
border-bottom: 1px solid rgb(203,12,23);
color: black;
font-size: 1.2em;
text-align: center;
height: 32px;
}

.documentControlPanel_red td {
background-color: rgb(255,239,255);
}

.documentControlPanel_red h2 {
font-size: 1.2em;
font-family: 'Roboto-Bold';
font-weight: bolder;
text-align: center;
width: 100%;
color: #D00C18;
clear: none;
margin-bottom: 5px;
}

.documentControlPanel_green {
width: 99%;
border: 1px solid rgb(0,128,0);
margin: 5px;
}

.documentControlPanel_green th {
background-color: rgb(0,128,0);
border-bottom: 1px solid rgb(0,128,0);
color: white;
font-size: 1.2em;
text-align: center;
height: 32px;
}

.documentControlPanel_green td {
background-color: rgb(229,255,229);
}

.documentControlPanel_green h2 {
font-size: 1.2em;
font-weight: bolder;
text-align: center;
width: 100%;
color: rgb(0,128,0);
margin-bottom: 5px;

}

.documentControlPanel_blue {
width: 99%;
border: 1px solid rgb(102,153,204);
margin: 5px;
}

.documentControlPanel_blue th {
background-color: rgb(102,153,204);
border-bottom: 1px solid rgb(102,153,204);
color: white;
font-size: 1.2em;
text-align: center;
height: 32px;
}

.documentControlPanel_blue td {
background-color: rgb(228,228,228);
}

.documentControlPanel_blue h2 {
font-size: 1.2em;
font-weight: bolder;
text-align: center;
width: 100%;
color: rgb(0,0,128);
margin-bottom: 5px;
}

.documentControlPanel_orange {
width: 99%;
border: 1px solid rgb(182,152,103);
margin: 5px;
}

.documentControlPanel_orange th {
background-color: rgb(182,152,103);
border-bottom: 1px solid rgb(182,152,103);
color: white;
font-size: 1.2em;
text-align: center;
height: 32px;

}

.documentControlPanel_orange td {
background-color: rgb(255,255,224);
}

.documentControlPanel_orange h2 {
font-size: 1.2em;
font-weight: bolder;
text-align: center;
width: 100%;
color: rgb(182,152,103);
margin-bottom: 5px;
}

.documentControlPanel_gray {
width: 99%;
border: 1px solid rgb(200,200,200);
margin: 5px;
}

.documentControlPanel_gray th {
background-color: rgb(200,200,200);
color: black;
font-size: 1.2em;
text-align: center;
height: 32px;
}

.documentControlPanel_gray td {
background-color: rgb(240,240,240);
}

.documentControlPanel_gray h2 {
font-size: 1.2em;
font-weight: bolder;
text-align: center;
width: 100%;
color: black;
margin-bottom: 5px;
}

.documentControlPanel_alert {
background: url(/styles/Symbols-Forbidden-icon.png) no-repeat;
}

.documentControlPanel_warning {
background: url(/styles/Symbols-Warning-icon.png) no-repeat;
}

.documentControlPanel_info {
background: url(/styles/Symbols-Info-icon.png) no-repeat;
}

/* === The main header  === */

.ng_igene-header {
position: relative;
background-color: white;
height: 62px;
}


.ng_igene-header {
position: relative;
background-color: white;
height: 62px;
}

/* The small black logo in the top left */
.ng_logo {
float: left;
display: block;
background: url("/styles/standard/logos/igene_logo_2.png") no-repeat;
background-size: 150px 51px;
width: 400px;
height: 300px;
position: absolute;
margin-top: 42px;
margin-left: 10px;
}

/* The small black logo in the top left */
.ng_logo_ipassport {
float: left;
display: block;
background: url(/styles/ng_images/black_logo_ipassport.png) no-repeat;
width: 159px;
height: 34px;
}

.global-menu-test div,
.global-menu-test a {
padding-left: 3px;
padding-right: 3px;
}

/* A link in the header */
.ng_header_link {
float: right;
color: white;
padding: 2px;
white-space: nowrap;
cursor: pointer;
font: normal normal normal 16px;
text-decoration: none;
}

.ng_header_link:hover {
opacity: 0.5;
}

.ng_notification_link {
float: right;
color: orange;
padding: 2px;
white-space: nowrap;
cursor: pointer;
font: normal normal normal 16px;
}

.ng_header_link_caret {
float: right;
color: white;
padding: 2px;
padding-right: 14px !important;
white-space: nowrap;
cursor: pointer;
font: normal normal normal 16px;
background: url(/styles/ng_images/dropdown_white.png) no-repeat 98% 63%;
}

/* Separator "|" in the header between hyperlinks */
.ng_header_separator, .ng_header_label {
float: right;
color: white;
text-decoration: none;
padding: 2px;
white-space: nowrap;
font: normal normal normal 13px;
}

.ng_header_label {
color: #C7DEFF !important;
}

.ng_igene-header .menu-wrapper {
position: relative;
float: none;
clear: both;
}
.ng_igene-header .menu-wrapper select {
position: relative;
top: -2px;
}

.ng_igene-header .menu-wrapper .main-menu {
background: transparent;
text-align: center;
float: left;
}

.global-menu div,
.global-menu a {
padding-left: 3px;
padding-right: 3px;
}

.ng_igene-header .global-menu {
height: 27px;
background: rgb(26,54,93);
background: linear-gradient(270deg, rgba(26,54,93,1) 50%, rgba(64,121,201,1) 100%);
border-bottom: 2px solid orange;
}

.ng_igene-header .menu-wrapper .primary-menu {
background: transparent;
height: 26px;
overflow: hidden;
margin: 0;
position: relative;
padding: 5px 3px;
margin: 0 15px;
border-radius: 3px;
float: right;
margin-left: 100%;
white-space: nowrap;
display: flex;
}


.ng_igene-header .global-menu-test {
height: 27px;
background: rgb(157 17 17);
border-bottom: 2px solid orange;
}

.ng_igene-header .menu-wrapper .primary-menu-test {
background: transparent;
height: 26px;
overflow: hidden;
margin: 0;
position: relative;
padding: 5px 3px;
margin: 0 15px;
border-radius: 3px;
float: right;
margin-left: 100%;
white-space: nowrap;
display: flex;
}

.ng_igene-header .menu-wrapper .primary-menu-ipassport {
background: url(/styles/ng_images/navbar_bg_ipassport.png) repeat-x;
height: 26px;
overflow: hidden;
margin: 0;
position: relative;
}

.secondary-menu .gwt-Hyperlink a {
top: 1px;
position: relative;
text-decoration: none;
color: gray;
cursor: pointer;
padding: 5px 15px;
width: 200px;
white-space: nowrap;
}

.secondary-menu .gwt-Hyperlink a:hover {
cursor: pointer;
color: #2b6386;
transition: 250ms;
}


.secondary-menu-test .gwt-Hyperlink a {
top: 1px;
position: relative;
text-decoration: none;
color: gray;
cursor: pointer;
padding: 5px 15px;
width: 200px;
white-space: nowrap;
}

.secondary-menu-test .gwt-Hyperlink a:hover {
cursor: pointer;
color: #2b6386;
transition: 250ms;
}

.cbg-ButtonOuter {
background: #6699cc;
border-radius: 7px;
}

.cbg-ButtonInner {
background: none;
}

.ng_igene-header .menu-wrapper .secondary-menu-test {
margin: 0;
position: relative;
clear: left;
display: block;
clip: auto;
padding: 2px 2px 2px 15px;
}
.secondary-menu-test > div {
float: right;
display: flex;
width: auto !important;
padding-left: 100%;
margin-top: 11px;
}

.ng_igene-header .menu-wrapper .secondary-menu {
margin: 0;
position: relative;
clear: left;
display: block;
clip: auto;
padding: 2px 2px 2px 15px;
}
.secondary-menu > div {
float: right;
display: flex;
width: auto !important;
padding-left: 100%;
margin-top: 11px;
}

.ng_igene-header .menu-wrapper .secondary-menu-ipassport {
height: 24px;
margin: 0;
position: relative;
background: rgb(224,111,118);
border-bottom: 1px solid #C6F9DF;
clear: left;
display: block;
clip: auto;
padding: 2px 2px 2px 15px;
}


/* == Top toolbar styles igene == */

.primary-menu-button a,
.primary-menu-button a:visited,
.primary-menu-button a:hover,
.primary-menu-button-selected a {
float: left;
display: block;
background-clip: border-box;
background-origin: padding-box;
border-right: 1px solid #FFF;
position: relative;
color: gray;
cursor: pointer;
padding: 5px 15px;
position: relative;
text-decoration: none;
font-size: 11pt;
border-bottom: 3px solid white;
}

.primary-menu-button a {
background: transparent;
}

.primary-menu-button a:hover {
color: #2b6386;
transition: 250ms;
border-bottom: 3px solid #2b6386;
}

.primary-menu-button-selected a {
color: orange;
transition: 250ms;
border-bottom: 3px solid orange;
}

/* == Top toolbar styles iPassport == */
.primary-menu-button-ipassport a,
.primary-menu-button-ipassport a:visited,
.primary-menu-button-ipassport a:hover,
.primary-menu-button-selected-ipassport {
float: left;
display: block;
background: transparent url(/styles/ng_images/navbar_bg_ipassport.png) scroll;
background-clip: border-box;
background-origin: padding-box;
border-right: 1px solid #D0EED0;
font-family: 'Roboto-Bold';


height: 24px;
position: relative;
color: white;
cursor: pointer;

padding: 5px 15px;
position: relative;
text-decoration: none;
}

.primary-menu-button-ipassport a {
color: white;
font-family: 'Roboto-Bold';


text-decoration: none;
}

.primary-menu-button-ipassport a:hover {
background: transparent url(/styles/ng_images/navbar_bg3_ipassport.png) scroll;
}

.primary-menu-button-selected-ipassport {
background: transparent url(/styles/ng_images/navbar_bg2_ipassport.png) scroll;
}

/* == Test System Styles == */
/* == Top toolbar styles iPassport == */
.primary-menu-button-test a,
.primary-menu-button-test a:visited,
.primary-menu-button-test a:hover,
.primary-menu-button-selected-test a {
float: left;
display: block;
background-clip: border-box;
background-origin: padding-box;
border-right: 1px solid #FFF;
position: relative;
color: gray;
cursor: pointer;
padding: 5px 15px;
position: relative;
text-decoration: none;
font-size: 11pt;
border-bottom: 3px solid white;
}

.primary-menu-button-test a {
background: transparent;
}

.primary-menu-button-test a:hover {
color: #2b6386;
transition: 250ms;
border-bottom: 3px solid #2b6386;
}

.primary-menu-button-selected-test a {
color: orange;
transition: 250ms;
border-bottom: 3px solid orange;
}


/* == Second toolbar styles == */

.secondary-menu-button {
top: 1px;
position: relative;
text-decoration: none;
border-bottom: 3px solid white;
height: 21px;
padding-top: 5px;
margin-top: 0;
}

.secondary-menu-button a {
float: left;
outline: 0 none;
text-decoration: none;
white-space: nowrap;
padding-left: 10px;
padding-right: 10px;
border-collapse:collapse;
}

.secondary-menu-button a {
color: gray;
}

.secondary-menu-button a:hover {
color: #2b6386;
}

.secondary-menu-button:hover {
cursor: pointer;
color: #2b6386;
transition: 250ms;
border-bottom: 3px solid #2b6386;
}

.secondary-menu-button-selected {
float: left;
color: gray;
cursor: auto;
text-decoration: none;
white-space: nowrap;
padding-left: 10px;
padding-right: 10px;
margin-top: 0;
height: 21px;
padding-top: 5px;
clip: auto;
background: #fff;
border-collapse:collapse;
top: 1px;
border-bottom: 3px solid orange;
position: relative;
}

.secondary-menu-button-selected a {
color: orange;
text-decoration: none;
}

.secondary-menu-button-selected a:visited {
color: orange;
text-decoration: none;
border-bottom: 3px solid orange;
}

/* == Second toolbar styles test == */

.secondary-menu-button-test {
top: 1px;
position: relative;
text-decoration: none;
border-bottom: 3px solid white;
height: 21px;
padding-top: 5px;
margin-top: 0;
}

.secondary-menu-button-test a {
float: left;
outline: 0 none;
text-decoration: none;
white-space: nowrap;
padding-left: 10px;
padding-right: 10px;
border-collapse:collapse;
}

.secondary-menu-button-test a {
color: gray;
}

.secondary-menu-button-test a:hover {
color: #2b6386;
}

.secondary-menu-button-test:hover {
cursor: pointer;
color: #2b6386;
transition: 250ms;
border-bottom: 3px solid #2b6386;
}

.secondary-menu-button-test-selected {
float: left;
color: gray;
cursor: auto;
text-decoration: none;
white-space: nowrap;
padding-left: 10px;
padding-right: 10px;
margin-top: 0;
height: 21px;
padding-top: 5px;
clip: auto;
background: #fff;
border-collapse:collapse;
top: 1px;
border-bottom: 3px solid orange;
position: relative;
}

.secondary-menu-button-test-selected a {
color: orange;
text-decoration: none;
}

.secondary-menu-button-test-selected a:visited {
color: orange;
text-decoration: none;
border-bottom: 3px solid orange;
}

.formButtons {
border-top: 1px solid #69c;
}

.record-indicator {
display: block;
bottom: 7px !important;
padding-left: 10px;
padding-right: 10px;
margin-top: 5px;
color: #303030;
}

/* === Loading Image === */
.loading-image-small {
margin-top: 10px;
margin-left: 10px;
width: 150px;
height: 12px;
float: left;
}
.igene-form-container-layout {
background: #e8e9ed !important;
}

div:has(> .formButtons) {
overflow: hidden;
left: 0px;
right: 0px;
bottom: 0px;
top: auto !important;
z-index: 999;
height: 33px !important;
background: rgba(256, 256, 256, 0.9);
}

.formButtons {
height: 27px;
position: absolute;
inset: 0px;
width: 100%;
padding-right: 17px;
}

.igene-formBodyContainer fieldset {
border: 1px solid #7F859F;
margin-bottom: 5px;
margin-left: 5px;
background: #fafafa !important;
border-radius: 8px;
box-shadow: 0px 3px 5px #7f859f;
margin-top: 10px;
}

.igene-formBodyContainer > table > tbody > tr > td > .igene-TableWrapper{
border: 4px solid white;
border-radius: 10px;
box-shadow: 0px 6px 8px #7f859f;
padding: 7px 10px;
background-color: white;
margin: 8px;
margin-left: 20px;
}

/* === OU Selector === */
.ggs-OuSelector {
position: absolute;
top: 8.25em;
right: 0;
overflow: visible;
margin: 0;
color: gray;
z-index: 2;
}

.ggs-OuSelector:hover {
color: #2b6386;

}

.ggs-OuSelector-label {
cursor: pointer;
user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
}

.ggs-OuSelector-item {
cursor: pointer;
text-decoration: underline;
user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
padding: 0 10px 0 0;
}

/* === OU Selector iPassport === */
.ggs-OuSelector-ipassport {
position: absolute;
top: 34px;
right: 10px;
background-color: #D2D3D3;
background-image: url(/styles/ng_images/navbar_bg_ipassport.png);
background-repeat: repeat-x;
overflow: visible;
height: 24px;
margin: 0;
padding: 5px 0 0 0;
font-family: 'Roboto-Bold';

color: #fff;
}
.ggs-OuSelector-label-ipassport {
cursor: pointer;
font-family: 'Roboto-Bold';

user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
padding: 0 0 0 10px;
}
.ggs-OuSelector-item-ipassport {
cursor: pointer;
text-decoration: underline;
user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
padding: 0 10px 0 0;
background: url(/styles/ng_images/white_arrow.gif) no-repeat right center;
}

.ggs-ouselector-menu {
background-color: white;
color: #000;
border-radius: 6px;
box-shadow: 0px 5px 15px #666;
overflow: hidden !important;
z-index: 2;
}

/* === Table Header === */
.table-header, .table-footer {
background-attachment: scroll;
background-color: #bcd7fb;
cursor: auto;
margin: 0;
padding: 4px 4px 3px 4px;
text-align: left;
vertical-align: middle;
width: 100%;
}

.table-header {
background: rgb(64,121,201);
margin: 0;
height: 40px;
padding: 4px 11px 5px 9px;
width: 100%;
color: white;
border-radius: 8px 8px 0 0;
}


.table-header .cbg-Button {
margin-left: 3px;
}

.igene-form-control-bar-dialog .dropdown .cbg-ButtonContent,
.table-header .dropdown .cbg-ButtonContent {
padding: 3px 18px 1px 10px !important;
background: url(/styles/ng_images/dropdown_white.png) no-repeat 95% 58%, #4079C9;
}

.igene-form-control-bar-dialog .cbg-ButtonContent,
.table-header .cbg-ButtonContent {
color: white !important;
line-height: 1.8em;
padding: 3px 10px 1px 10px !important;
font-size: 9pt;
background: #4079C9;
border-radius: 5px !important;
border: 1px !important;
border: 1px solid white !important;
margin-left: 4px;
}

/* === Table Footer === */
.table-footer {
font-family: 'Roboto-Bold';

}

/** The header of the TitlePanel widget **/
.titlePanel-header {
background: rgb(64,121,201);
margin: 0;
height: 40px;
padding: 4px 11px 5px 9px;
width: 100%;
color: white;
border-radius: 8px 8px 0 0;
cursor: auto;
font-family: 'Roboto-Bold';

text-align: left;
width: 100%;
vertical-align: middle;
}

.titlePanel-header .gwt-HTML {
display: block;
float: none;
}

.titlePanel {
background: white;
padding: 10px;
border-left: 1px solid #CCC;
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
margin-bottom: 10px;
display: block;
}

.titlePanel .gwt-Hyperlink {
margin-right: 5px;
height: 20px;
display: block;
}

.titlePanel a {
color: darkblue;
text-decoration: underline;
}

.column-header {
background: white;
border-bottom: 1px solid #CCC;
cursor: auto;
font-family: 'Roboto-Bold';

height: 14px;
margin: 0;
padding: 6px 4px;
text-align: left;
vertical-align: middle;
}

td.column-header {
border: 1px solid #CCC;
}


/* == Button Styles */
/* Button Style */

.cbg-ButtonContent::selection {
background-color: transparent;
color: black !important;
}

.cbg-Button {
font-family: Arial, Helvetica, sans-serif;
font-size: 70%;
margin: 1px;
}

.cbg-Button div:not(.cbg-ButtonContent) {
border: 0 !important;
background: none !important;
}

.cbg-Button .cbg-ButtonOuter {
background: #6699cc;
border-radius: 7px;
margin-top: 3px !important;
margin-bottom: 3px !important;
}

.cbg-Button .cbg-ButtonTop {
background-color: #f9f9f9;
border-bottom-color: #ededed;
border-bottom-width: 0.2em;
height: 0.9em;
}

.row-selected .cbg-Button .cbg-ButtonContent,
.tableRow .cbg-Button .cbg-ButtonContent {
color: #4079C9 !important;
line-height: 1.8em;
font-size: 9pt;
background: none;
border-radius: 5px;
border: 0px;
transition: 0.3s;
border: 1px solid #4079C9;
margin: 2px;
}

.row-selected .cbg-Button .cbg-ButtonContent:hover,
.tableRow .cbg-Button .cbg-ButtonContent:hover {
color: white !important;
background: #4079C9;
}

.pedigreeButtonPanel .cbg-Button .cbg-ButtonOuter .cbg-ButtonInner .cbg-ButtonContent {
background-color: #60c665;
border: 1px solid #60c665;
color: white;
padding: 0 20px;
border-radius: 6px;
transition: 0.3s;
margin-left: 10px;
}

.pedigreeButtonPanel .cbg-Button .cbg-ButtonOuter .cbg-ButtonInner .cbg-ButtonContent .bluebutton {
background-color: #4079C9 !important;
border: 1px solid #4079C9 !important;
color: white !important;
padding: 0 15px;
border-radius: 6px;
transition: 0.3s;
margin-right: 3px;
}

.pedigreeButtonPanel .cbg-Button .cbg-ButtonOuter .cbg-ButtonInner .cbg-ButtonContent .bluebutton.hover {
background-color: #4079C9 !important;
border: 1px solid #4079C9 !important;
color: white !important;
padding: 0 15px;
border-radius: 6px;
transition: 0.3s;
margin-right: 3px;
}

.dropdown .cbg-ButtonInner {
background: #4079C9;
}


.igene-headerPanel .cbg-Button .cbg-ButtonContent {
font-size: 9pt;
background-color: #4079C9;
color: white;
border-radius: 5px;
padding-top: 2px;
padding-bottom: 1px;
vertical-align: middle;
}

.igene-headerPanel .cbg-ButtonContent:hover {
background: #67a0f1;
transition: 0.3s;
}

.dropdown .cbg-ButtonContent {
font-size: 9pt;
background: #3A475A;
background: url(/styles/ng_images/dropdown_white.png) no-repeat 95% 58%, #4079C9;
color: white;
border-radius: 5px;
padding-top: 2px;
vertical-align: middle;
padding-right: 20px !important;
}

.dropdown .cbg-ButtonContent:hover {
background: url(/styles/ng_images/dropdown_white.png) no-repeat 95% 58%, #67a0f1;
transition: 0.3s;
}

.cbg-Button-active .cbg-ButtonInner {
background: none;
}

.cbg-Button-active  .cbg-ButtonTop {
background-color: #e2e2e2;
}

.cbg-Button-disabled .cbg-ButtonContent {
color: #878787;
}

.cbg-Button-hover .cbg-ButtonOuter {
border-color: #939393;
}

.cbg-Button-hover .cbg-ButtonInner {
border-color: #939393;
}

.cbg-Button-focus .cbg-ButtonOuter {
border-color: #444444;
}

.cbg-Button-focus .cbg-ButtonInner {
border-color: #444444;
}

/* ButtonBar specific style */
.cbg-ButtonBar .cbg-BCLeft .cbg-ButtonInner {
border-left-color: white;
}

.cbg-ButtonBar .cbg-Button-hover .cbg-ButtonInner {
border-color: #939393;
}

.cbg-ButtonBar .cbg-Button-focus .cbg-ButtonInner {
border-color: #444444;
}

.cbg-ButtonBar .cbg-BCRight .cbg-ButtonInner {
border-right-color: #bcbcbc;
}

.notification {
background: transparent;
padding-left: 5px;
padding-right: 5px;
}

/* === Form Header === */
.form-heading {
height: 24px;
border-bottom: 1px solid #CCCCCC;
}


/* === Date Picker Widget === */
.datePicker {
width: 75%;
background: #fff url(/styles/ng_images/calendar-icon-partial.png) no-repeat 100% 50%;
padding-right: 20px;
background-size: 20px;
transition: 0.2s;
}

.datePicker:hover {
background: #fff url(/styles/ng_images/calendar-icon-hover.png) no-repeat 100% 50%;
background-size: 20px;
}

.igene-DateBox input.focused {
box-shadow: 0px 1px 3px #666666;
}

.igene-DateBox input.error {
background-color: #FFC0CB !important;
border-color: #ff0000 !important;
}

/* === Autocomplete Widget === */
.autocomplete {
width: 98%;
background: #fff url(/styles/ng_images/dropdown.png) no-repeat 99.5% 50%;
}

.autocomplete-focused {
outline: 0;
width: 98%;
border-radius: 5px !important;
box-shadow: 0px 1px 3px #666666;
background: #fff url(/styles/ng_images/dropdown.png) no-repeat 99.5% 50%;
}

.autocomplete.warning .autocomplete-focused.warning{
background-color: orange !important;
}

/* === Disclosure Box === */
.expand-image, .toggle-image {
display: block;
width: 16px;
height: 16px;
background: #fff url(/styles/ng_images/dropdown.png) no-repeat 99.5% 50%;
}

.advancedSearchPanel {
background: #fdf9eb;
padding: 5px;
}

.advancedSearchBox {
display: block;
background-color: white;
border: 1px solid black;
width: 100%;
}

/* Textbox on the search filters where you click and edit a label */
.display-name-filter-noneditable {
border: 0px !important;
background: none;
font-family: 'Roboto-Bold';

}

.display-name-filter-editable {
border: 1px solid black !important;
background: white;
}

.igene-form-button {
padding-top: 1.4em !important;
}

.igene-form-layout td {
vertical-align: top;
}

/* ======= GWT OLD ======= */

/* gwt-dnd.css */

HTML { /* Workaround for GWT issue 1932 */
margin: 0 !important;
border: 0 none !important;
overflow: auto;
}

body {
border: 0px none !important;
}

.dragdrop-handle {
cursor: move;
user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
}
.dragdrop-draggable {
zoom: 1; /* IE gain hasLayout */
}
.dragdrop-dragging {
zoom: normal; /* remove artifacts */
}

select, option {
white-space: nowrap !important;
}

.table-title {
clear: right;
white-space: nowrap !important;
font-family: 'Roboto-Bold';

color: white;

}

.changelog {
border: 1px solid #848280;
width: 99%;
padding: 2px;
display: block;
background: #f0f0f0;
border-radius: 5px;
}

.changelog b {
color: #00008B;
}

.changelog strong {
color: #006400;
font-family: 'Roboto-Bold';

}

.confirmBox {
border: 2px solid red;
z-index: 9999;
padding: 2px;
display: block;
color: #1c1c1c;
width: 300px;
border-radius: 8px;
}

.treePanel {
border: 1px solid black;
padding: 2px;
margin: 5px;
display: block;
}

.gwt-SliderBar-shell {
border: 2px solid #faf9f7;
border-right: 2px solid #848280;
border-bottom: 2px solid #848280;
background-color: #efebe7;
height: 34pt;
width: 50%;
}
.gwt-SliderBar-shell .gwt-SliderBar-line {
border: 1px solid black;
background-color: white;
height: 4px;
width: 95%;
top: 22pt;
overflow: hidden;
}

.gwt-SliderBar-shell .gwt-SliderBar-knob {
top: 14pt;
width: 11px;
height: 21px;
z-index: 1;
cursor: pointer;
}
.gwt-SliderBar-shell .gwt-SliderBar-tick {
top: 12pt;
width: 1px;
height: 8pt;
background: black;
overflow: hidden;
}
.gwt-SliderBar-shell .gwt-SliderBar-label {
top: 2pt;
font-size: 8pt;
cursor: default;
}
.gwt-SliderBar-shell-focused {}
.gwt-SliderBar-shell .gwt-SliderBar-line-sliding {
background-color: #DDDDDD;
cursor: pointer;
}

.gwt-GlassPanel {

/* Override glass panel color to be `green` */
background-color: red !important;

/* Override glass panel to 10% opacity (= 90% transparency) */
filter: alpha(opacity = 10) !important; /* IE */
opacity: 0.1 !important; /* non-IE */

/*
NOTE: Please do NOT use either CSS 'width' or 'height' here, as
this would defeat much of the effort that went into GlassPanel
in order to get it to work consistently in a variety of
circumstances. Specifically, please resist the urge to use
'width/height: 100%' or similar constructs.
*/
}

.form-message {
display: block;
width: 99%;
border: 2px solid #eda538;
padding: 2px;
background: #ADD8E6;
}

.form-panel-padded {
display: block;
width: 99%;
padding: 2px;
}

.dragdrop-positioner {
border: 1px dashed #1E90FF; /* blue */
margin: 0 !important;
zoom: 1; /* IE gain hasLayout */
z-index: 100;
}
.dragdrop-flow-panel-positioner {
color: #1E90FF; /* blue */
display: inline;
text-align: center;
vertical-align: middle;
}
.dragdrop-proxy {
background-color: #77AAFF; /* light blue */
}
.dragdrop-selected,.dragdrop-dragging,.dragdrop-proxy {
filter: alpha(opacity=30); /* IE only */
opacity: 0.3;
}
.dragdrop-movable-panel {
z-index: 200;
margin: 0 !important;
border: 0 none !important;
}

/* FtrGwtDate.css */
.ftrgwtdate-dateDayHeader {
background-color: #e8eef7;
font-size: 9pt;
color: #6a6a6b;
}
.ftrgwtdate-dateDay {
background-color: #FFFFFF;
font-size: 10pt;
border: 1px solid;
border-color: #dddddd;
width: 100%;
height: 100%;
}
.gwt-DecoratorPanel {
table-layout: fixed;
}
.gwt-DecoratorPanel .topLeft,
.gwt-DecoratorPanel .topRight {
width: 5px;
}
.ftrgwtdate-dateDayData {
width: 100%;
height: 100%;
overflow: hidden;
}
.ftrgwtdate-dateDayFull {
width: 100%;
height: 100%;
}
.ftrgwtdate-eventDayHeader {
background-color: #2952a3;
color: #FFFFFF;
font-size: 9pt;
overflow: hidden;
}
.ftrgwtdate-eventDayBody {
background-color: #d0e4f6;
color: #000000;
font-size: 9pt;
cursor: pointer;
overflow: hidden;
}
.ftrgwtdate-eventMonth {
color: #000000;
font-size: 9pt;
cursor: pointer;
overflow: hidden;
}
.ftrgwtdate-eventWholeDay {
color: #000000;
font-size: 9pt;
cursor: pointer;
overflow: hidden;
background-color: #d0e4f6;
}
.ftrgwtdate-monthPanel {
width: 100%;
height: 100%;
background-color: #d0e4f6;
color: #112ABB;
cursor: default;
}
.ftrgwtdate-monthPanelDayNormal {
background-color: #FFFFFF;
padding: 2px;
border: 2px solid transparent;
border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205) rgb(232, 241, 255);
}
.ftrgwtdate-monthPanelDayOver {
background-color: #d0e4f6;
padding: 2px;
border: 2px solid transparent;
border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) rgb(157, 174, 205);
}
.ftrgwtdate-dateTypePanel {
padding: 0;
margin: 0;
background-color: #ffffff;
}
.ftrgwtdate-dateToday {
background-color: #ffffcc;
}
.ftrgwtdate-weekHeader {
font-size: 9pt;
padding-bottom: 10px;
color: #112ABB;
height: 20px;
background-color: #d0e4f6;
cursor: default;
}
.ftrgwtdate-weekHeaderLabel {
font-size: 9pt;
color: #112ABB;
cursor: default;
}
.ftrgwtdate-weekBody {
background-color: #FFFFFF;
cursor: default;
padding-left: 1px;
margin-left: 1px;
}
.ftrgwtdate-weekScroller {
overflow-x :hidden!important;
background-color: #FFFFFF;
}
.ftrgwtdate-dayPanel {
border-right: 1px solid #dddddd;
border-left: 1px solid #dddddd;
}
.ftrgwtdate-dayHeaderLabel {
font-size: 9pt;
color: #112ABB;
height: 18px;
background-color: #d0e4f6;
}
.ftrgwtdate-dayHeaderLabelClickable {
font-size: 9pt;
color: #112ABB;
height: 18px;
background-color: #d0e4f6;
text-decoration: underline;
cursor: pointer;
}
.ftrgwtdate-weekHeaderEvents {
border-color: #A2BBDD rgb(255, 255, 255) rgb(255, 255, 255) rgb(162, 187, 221);
background: #E8EEF7 none repeat scroll 0;
width: 100%;
height: 100%;
padding-left: 2px;
margin-left: 2px;
background-color: #E8EEF7;
}
.ftrgwtdate-dayHeaderEvents {
border-left: 0 none;
border-right: 1px dotted #dddddd;
margin-left: 4px;
margin-right: 0;
width: 98%;
height: 100%;
background-color: #E8EEF7;
}
.ftrgwtdate-dayHeaderEventsAdd {
width: 100%;
height: 100%;
background-color: #E8EEF7;
}
.ftrgwtdate-weekTop {
background-color: #E8EEF7;
cursor: default;
padding-left: 2px;
margin-left: 2px;
}
.ftrgwtdate-dayHeaderEvent {
background-color: #E8EEF7;
}
.ftrgwtdate-hourIntervalBetween {
border-top: 1px dotted #dddddd;
cursor: default;
}
.ftrgwtdate-hourIntervalStart {
border-top: 1px solid #dddddd;
cursor: default;
}
.ftrgwtdate-hoursSelected {
filter: alpha(opacity=66); /* IE only */
background-color: rgb(204, 204, 204)
}
.ftrgwtdate-hour {
border-bottom: 1px solid #dddddd;
cursor: default;
color: #468
}
.ftrgwtdate-hourMainPanel {
background-color: #d0e4f6;
border-right: 1px solid #dddddd;
cursor: default;
}
.ftrgwtdate-hourPanel {
background-color: #d0e4f6;
border-top: 1px solid #dddddd;
cursor: default;
}
.ftrgwtdate-hourLabel {
padding-top: 0;
padding-right: 0;
}
.ftrgwtdate-tab {
background-color: #e8eef7;
cursor: pointer;
color: #112ABB;
}
.ftrgwtdate-tabBody {
background-color: #e8eef7;
padding: 4px;
cursor: pointer;
color: #112ABB;
}
.ftrgwtdate-tabSelected {
background-color: #d0e4f6;
cursor: pointer;
font-family: 'Roboto-Bold';

}
.ftrgwtdate-tabSelectedBody {
background-color: #d0e4f6;
padding: 4px;
cursor: pointer;
font-family: 'Roboto-Bold';

}
.ftrgwtdate-dnd-getting-started-label {
border: 1px solid #99AACC;
background-color: #AACCFF;
padding: 0.1em;
}

.dragdrop-dropTarget .dragdrop-engage {
cursor: pointer;
}
.getting-started-label {
border: 1px solid #99AACC;
background-color: #AACCFF;
padding: 0.1em;
}
.getting-started-blue {
border: 1px solid blue;
}
.dragdrop-handle {
cursor: move;
user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
}
.dragdrop-draggable {
zoom: 1; /* IE gain hasLayout */
}
.dragdrop-hidden {
visibility: hidden;
}
.dragdrop-positioner {
border: 1px dashed #1E90FF; /* blue */
zoom: 1; /* IE gain hasLayout */
z-index: 100;
}
.dragdrop-flow-panel-positioner {
color: #1E90FF; /* blue */
display: inline;
text-align: center;
vertical-align: middle;
}
.dragdrop-proxy {
background-color: #77AAFF; /* light blue */
}

.dragdrop-movable-panel {
filter: alpha(opacity=30);
opacity: 0.6;
-moz-opacity: 0.6;
z-index: 200;
}
.downDrag {
border-bottom: 2px solid #E8F1FF;
font-size: 2pt;
overflow: hidden;
cursor: s-resize;
width: 100%;
height: 2px;
}

/* FtrGwtDatePicker.css */
.ftrgwtdatepicker-day {
padding: 0;
width: 100%;
height: 100%;
background: #FFFFFF none repeat scroll 0;
vertical-align: middle;
}
.ftrgwtdatepicker-day-Label {
padding: 0;
width: 100%;
height: 100%;
vertical-align: middle;
text-align: center;
}
.ftrgwtdatepicker-day:hover {
border: 1px solid;
border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205) rgb(232, 241, 255);
}
.ftrgwtdatepicker-day-today {
background: #557799 none repeat scroll 0 !important;
border-color: #224466 rgb(153, 187, 221) rgb(153, 187, 221) rgb(34, 68, 102) !important;
border-style: solid !important;
border-width: 1px !important;
color: #FFFFFF;
}
.ftrgwtdatepicker-day-selected {
background: #C3D9FF none repeat scroll 0 !important;
border-color: #224466 rgb(153, 187, 221) rgb(153, 187, 221) rgb(34, 68, 102) !important;
border-style: solid !important;
border-width: 1px !important;
color: #000000;
}
.ftrgwtdatepicker-day-data {
font-family: 'Roboto-Bold';
font-weight: bold !important;
}
.ftrgwtdatepicker-day-visible {
font-family: 'Roboto-Bold';
font-weight: bold !important;
}
.ftrgwtdatepicker-day-weekend {
background: #E8EEF7 none repeat scroll 0;
}
.ftrgwtdatepicker-day-other {
background: #d9dbdd none repeat scroll 0;
}
.ftrgwtdatepicker-month {
text-align: center;
padding: 0;
margin: 0;
font-size : 85%;
width: 100%;
height: 100%;
background: #C3D9FF none repeat scroll 0;
cursor: pointer;
font-size: 85%;
}
.ftrgwtdatepicker-month-select {
width: 100%;
height: 100%;
}
.ftrgwtdatepicker-month-nav {
font-size: 85%;
width: 100%;
height: 12px;
background: #C3D9FF none repeat scroll 0;
cursor: pointer;
color: #6a6a6b;
}
.ftrgwtdatepicker-image-buttom {
cursor: pointer;
}
.ftrgwtdatepicker-dialog {
height: 300px;
width: 250px;
border-color: #224466 rgb(153, 187, 221) rgb(153, 187,221) rgb(34, 68, 102) !important;
border-style: solid !important;
border-width: 1px !important;
background-color: white;
border-color: #224466 rgb(153, 187, 221) rgb(153, 187, 221) rgb(34, 68, 102) !important;
}
.ftrgwtdatepicker-dialog .Caption {
visibility: hidden;
}
.ftrgwtdatepicker-dialog table {
width: 100%;
height: 100%;
}
/* global.css */
* {
font-size: 10pt;
margin: 0;
padding: 0;
}
body {
font-family: 'Roboto', Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10pt;
margin: 0;
padding: 0;
}
ul, ol {
padding: 0.5em;
}
li {
margin-left: 2em;
}
.formHints {
font-size: 10px;
color: silver;
}
/* END GWT DEFAULTS */

/* ======= IGENE STYLES ======= */
.calendar-availableSlotHeader {
background-color: #006400;
color: white;
}
.calendar-availableSlot {
background-color: green;
color: black;
}
.calendar-event {
background-color: #ADD8E6;
}
.calendar-eventHeader {
background-color: #00008B;
color: white;
}


/* --- IE7 hack for widths --- */
button[class=dropdown-action-button], button[class=standard-action-button], button[class=inverted-dropdown-action-button], button[class=inverted-standard-action-button], button[class=standard-view-button] {
width: auto;
}

.igene-filter-applied .gwt-Label {
white-space: nowrap;
font-size: 12pt;
padding: 5px;
padding-left: 10px;
color: #1c1c1c;
}

.confirmationArea {
border: 2px solid red;
width: 100%;
display: block;
padding: 2px;
font-size: 10px !important;
border-radius: 5px;
background: #FFC0CB;
color: black !important;
}

.formButtons {
float: right;
margin-right: 1.2em;
width: 100%;
height: 28px;
}

.igene-label p {
display: inline;
}

/* === GWT TextBox (and TextArea) === */
.focused {
outline: 0;
box-shadow: 0px 1px 3px #666666;
}

.gwt-TextBox, .gwt-TextArea, .gwt-SuggestBox, .datePicker, .autocomplete, .autocomplete-focused {
border: #7F859F 1px solid !important;
border-radius: 5px !important;
color: #2e3146 !important;
padding-left: 0.4em;
background-color: white;
font-size: 1rem;
line-height: 1.2rem;
padding-top: 3px;
padding-bottom: 1px;
}

.gwt-TextBox, .gwt-TextArea, .gwt-SuggestBox, .datePicker, .autocomplete, .autocomplete-focused {
border: 1px solid #666666 !important;
border-radius: 5px !important;
color: #000;
padding-left: 0.4em;
}

.gwt-PopupPanel {
padding: 0px;
z-index: 9999;
box-shadow: 0px 5px 15px #666;
border-radius: 8px;
overflow: hidden !important;
}

.gwt-PopupPanel .popupContent {
background-color: white;
font-size: 0.8em;
}

.menuPopupPanel > div > table > tbody{
display: block;
max-height: 350px;
min-height: 50px;
overflow-y: auto;
overflow-x: hidden;
background-color: #c7dbff;
transition: 100ms;
}

.menuPopupPanel td {
padding: 2px 10px 5px 6px;
background: white;
}

.menuPopupPanel tbody td:hover{
background-color: #dfe8f7;
color: #2b7dff;
transition: 100ms;
}


.gwt-MenuBarPopup {
background-image: url("/styles/standard/backgrounds/trans.png");
background-repeat: repeat;
background-position: top left;
background-color: #ffffff;
border-top: 1px solid #666666;
border-left: 1px solid #666666;
border-right: 1px solid #666666;
border-bottom: 1px solid #666666;
padding: 0;
}

.gwt-MenuBarPopup .popupControl, .gwt-DialogBox .popupControl {
float: right;
}
.gwt-MenuBarPopup .popupContent {
background-color: #fff;
font-size: 0.8em;
}

.gwt-MenuItem {
font-size: 10pt;
}

.igene-popupMenu .popupContent, .igene-popupMenu .popupContent .igene-menuEntry * {
font-size: 9pt;
}

#startpageloader {
background: #ffffff;
border: 1px solid #666666;
width: 600px;
height: 200px;
padding: 4px;
text-align: center;
}
.gwt-DialogBox {
padding: 0;
border-radius: 11px;
overflow: hidden !important;
}

.gwt-DialogBox .dialogTop {
background: rgb(64,121,201);
margin: 0;
height: 30px;
}

.gwt-DialogBox .Caption {
padding: 2px;
color: #fff;
text-align: center;
}
.gwt-DialogBox .dialogMiddleCenter {
background-color: white;
}

.gwt-DialogBox .dialogMiddleCenter .cbg-ButtonContent {
border-radius: 6px;
background-color: #4079C9;
color: white;
border: 2px solid #4079C9;
}


.gwt-DialogBox .dialogMiddleCenter .cbg-ButtonContent:hover {
background-color: white;
color: #4079C9;
}

/* === GWT DatePicker === */
.gwt-DatePicker {
width: 250px;
cursor: default;
}
.gwt-DatePicker td {
text-align: center;
outline: none;
cursor: default;
}
.gwt-DatePicker .datePickerMonthSelector {
background-color: rgb(64,121,201);
color: #fff;
padding: 2px;
}

.gwt-DatePicker .month-selector {
background-color: #666;
color: #fff;
padding: 2px;
}


.datePickerDays {
background: white;
}

.gwt-DatePicker .datePickerDays, .gwt-TabPanel {
width: 100%;
}

.gwt-DatePicker .calendar-view{
width: 100%;
}

.gwt-DatePicker .datePickerDays .day-title {
background-color: #eeeeee;
color: #000;
margin: 0;
padding: 2px;
text-align: center;
}

.gwt-DatePicker .calendar-view .day-title {
background-color: #eeeeee;
color: #000;
margin: 0;
padding: 2px;
text-align: center;
}

.gwt-DatePicker .datePickerDays .datePickerDayIsWeekend {
background-color: #eaf3ff;
color: black;
}

.gwt-DatePicker .weekend {
background-color: #eaf3ff;
color: black;
}

.gwt-DatePicker .datePickerDays .datePickerDay {
padding: 1px;
border: 1px solid transparent;
}
.gwt-DatePicker .datePickerDays .selected-cell {
border: 1px solid #2c657d;
}
.gwt-DatePicker .datePickerDays .datePickerDayIsHighlighted {
background-color: #666;
color: #fff;
}
.gwt-DatePicker .datePickerDays .datePickerDayIsFiller {
color: silver;
padding: 1px;
}

.gwt-DatePicker .datePickerDays .datePickerDayIsValue {
border: 1px solid black;
padding: 1px;
}

table.example-colorpicker {
border-collapse: collapse;
border: 0;
}
.example-colorpicker .gwt-Button {
height: 60px;
width: 60px;
border: 0 none;
padding: 0;
}
.colorpicker-currentcolorbox {
width: 240px;
text-align: center;
vertical-align: middle !important; /* Must be !important to override GWT styling. */
}
.no-border {
border: 0 none !important;
}
.calendar-set1, .calendar-set1 .ftrgwtdate-eventDayBody {
background-color: #adccac !important;
color: black;
}
.calendar-set1 .ftrgwtdate-eventDayHeader {
background-color: #5c8050 !important;
color: white;
}
.calendar-set2, .calendar-set2 .ftrgwtdate-eventDayBody {
background-color: #acc2cc !important;
color: black;
}
.calendar-set2 .ftrgwtdate-eventDayHeader {
background-color: #425e6a !important;
color: white;
}
.calendar-set3, .calendar-set3 .ftrgwtdate-eventDayBody {
background-color: #acb8cc !important;
color: black;
}
.calendar-set3 .ftrgwtdate-eventDayHeader {
background-color: #42516a !important;
color: white;
}
.calendar-set4, .calendar-set4 .ftrgwtdate-eventDayBody {
background-color: #b0accc !important;
color: black;
}
.calendar-set4 .ftrgwtdate-eventDayHeader {
background-color: #47426a !important;
color: white;
}
.calendar-set5, .calendar-set5 .ftrgwtdate-eventDayBody {
background-color: #c0accc !important;
color: black;
}
.calendar-set5 .ftrgwtdate-eventDayHeader {
background-color: #5b426a !important;
color: white;
}
.calendar-set6, .calendar-set6 .ftrgwtdate-eventDayBody {
background-color: #ccacbe !important;
color: black;
}
.calendar-set6 .ftrgwtdate-eventDayHeader {
background-color: #6a4259 !important;
color: white;
}
.calendar-set7, .calendar-set7 .ftrgwtdate-eventDayBody {
background-color: #d4a6a4 !important;
color: black;
}
.calendar-set7 .ftrgwtdate-eventDayHeader {
background-color: #753a37 !important;
color: white;
}
.calendar-set8, .calendar-set8 .ftrgwtdate-eventDayBody {
background-color: #d4b7a4 !important;
color: black;
}
.calendar-set8 .ftrgwtdate-eventDayHeader {
background-color: #754f37 !important;
color: white;
}
.calendar-set9, .calendar-set9 .ftrgwtdate-eventDayBody {
background-color: #d4b7a4 !important;
color: black;
}
.calendar-set9 .ftrgwtdate-eventDayHeader {
background-color: #755d37 !important;
color: white;
}
.calendar-set10, .calendar-set10 .ftrgwtdate-eventDayBody {
background-color: #d4cba4 !important;
color: black;
}
.calendar-set10 .ftrgwtdate-eventDayHeader {
background-color: #756937 !important;
color: white;
}
.calendar-set11, .calendar-set11 .ftrgwtdate-eventDayBody {
background-color: #d3d4a4 !important;
color: black;
}
.calendar-set11 .ftrgwtdate-eventDayHeader {
background-color: #747537 !important;
color: white;
}
.calendar-set12, .calendar-set12 .ftrgwtdate-eventDayBody {
background-color: #bec89b !important;
color: black;
}
.calendar-set12 .ftrgwtdate-eventDayHeader {
background-color: #646f3d !important;
color: white;
}

/* === DEFAULT ELEMENTS === */
body {
background-image: url("/styles/standard/backgrounds/trans.png");
background-repeat: repeat;
background-position: top left;
color: #000;
font-size: 0.9em;
word-wrap: break-word;
margin: 0;
padding: 0;
height: 100%;
}
.dirty-tab, .dirty-tab-selected {
color: #ffca00 !important;
font-style: italic !important;
}
.no-border td {
border: 0 none !important;
}
html {
height: 100%;
}
iframe {
border: 0 none;
}
.center-wrapper {
padding: 2px 22px 0 5px;
}
.center-wrapper-pinned {
padding: 2px 332px 0 5px;
}

/* === Uploaded Images === */
.uploadedImage {
width: 100%;
}
.readonly {
width: 100%;
}

.readonly-text {
width: 100%;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 1px;
padding-right: 1px;
background: white;
border: 1px solid rgb(201, 201, 201);
border-radius: 5px;
}

.igene-Table .readonly {
background-color: transparent !important;
}

.right {
text-align: right;
}
.center {
text-align: center;
}
.ftrgwtdate-weekHeader {
background-color: #C3DFC3;
color: #000;
border-bottom: #C3DFC3;
}
.ftrgwtdate-monthPanel {
background-color: #C3DFC3;
color: #000;
}
.ftrgwtdate-monthPanel tbody tr:first-child td {
height: 1em !important;
}
.ftrgwtdate-hourMainPanel {
background-color: #C3DFC3;
color: #000;
}
.ftrgwtdate-tabSelected, .ftrgwtdate-tabSelectedBody {
background-color: #C3DFC3;
color: #000;
}
.ftrgwtdate-tab, .ftrgwtdate-tabBody {
background-color: #ccc;
color: #000;
}
.ftrgwtdate-dayHeaderLabelClickable {
background-color: transparent;
color: #000;
}
.ftrgwtdate-hourMainPanel * {
background-color: transparent;
color: #000;
}
.ftrgwtdate-dayHeaderEventsAdd {
background-color: #efffef;
}
.ftrgwtdate-dayHeaderEvents {
border: 0 none;
}
.ftrgwtdate-weekHeaderEvents {
background-color: transparent;
}
.ftrgwtdate-weekScroller {
height: 400px !important;
}
.ftrgwtdate-dateTypePanel {
background: #efffef !important;
}

/* Hacky. */
.ftrgwtdate-weekHeader .ftrgwtdate-dateDayFull {
width: 102.3% !important;
margin-left: -5px;
}

.gwt-TabLayoutPanelTabs {
padding-left: 0.5em !important;
border-bottom: 2px solid #3f79c9;
}
.gwt-Tab a {
cursor: pointer;
}
.gwt-TabLayoutPanelTab {
background-color: rgb(239, 239, 239);
border-top: 1px solid rgba(64,121,201,1);
border-left: 1px solid rgba(64,121,201,1);
border-right: 1px solid rgba(64,121,201,1);
color: #3373CF;
font-weight: normal;
margin: 0 2px 0 0;
margin-top: 5px!important;
border-radius: 5px 5px 0 0;
max-height: 18px !important;
}

.gwt-TabLayoutPanelTab .gwt-Label,  .gwt-TabLayoutPanelTab .clean-tab,  .gwt-TabLayoutPanelTab .dirty-tab {
padding: 1px 6px;
white-space: nowrap;
}
.gwt-TabLayoutPanelTab-over {
background: rgb(102, 153, 204);
color: #eeeee2;
}

.gwt-TabLayoutPanelTab a:hover {
background: #D1DFEF !important;
}
.gwt-TabLayoutPanelTab-selected {
background: rgba(64,121,201,1);
border-left: 1px solid rgb(102, 153, 204);
border-top: 1px solid rgb(102, 153, 204);
border-right: 1px solid rgb(102, 153, 204);
border-collapse: collapse;
color: white;
font-weight: normal;
text-decoration: none;
margin: 0 2px 0 0;
z-index: 3;
}

.GE5NRTCCK {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

.igene-TabContentWrapper {
background-image: url("/styles/standard/backgrounds/trans.png");
background-repeat: repeat;
background-position: top left;
background-color: #fff;
color: #000;
border-top: none;
border-right: 1px solid #eeeee2;
border-bottom: 0 none;
border-left: 1px solid #eeeee2;
height: 1%; /* IE */
}

.igene-main-content {
width: 98% !important; height: 1%;
}
/* Form header */
.igene-TabContentWrapper h5 {
background-color: #C3DFC3;
font-size: 1em;
width: 100%;
padding: 0.5em 0.3em 0.2em;
}
.igene-TabPanelBottom {
position: relative;
background-color: transparent;
}
.igene-tabbar-closer {
margin-left: 4px;
background-color: transparent;

}

.keyCommandPanel .help .not-set {
color: gray;
}
.keyCommandPanel .help .valid {
color: green;
}
.keyCommandPanel .help .invalid {
color: red;
}
.keycommand {
font-size: 2em;
padding: 0.2em;
}

.keycommandactive {
font-size: 2em;
padding: 0.2em;
background-color: cornflowerblue;
}

.keyCommandPanel .help .highlight {
font-family: 'Roboto-Bold';

}
.igene-actionButton, .igene-actionFilterButton {
display: inline;
cursor: pointer;
border: 0 none !important;
}

/* === IMAGES === */
.login-logo-igene {
background-image: url("/styles/standard/logos/igene-no-text-large.png");
background-repeat: no-repeat;
width: 126px;
height: 40px;
}
.login-logo-ipassport {
background-repeat: no-repeat;
background-image: url("/styles/standard/logos/igene-no-text-large.png");
width: 281px;
height: 8px;
}
.igene-tabbar-closer {
width: 16px;
height: 16px;
background-image: url("/styles/standard/icons/TabClose.png");
background-repeat: no-repeat;
}
.igene-tabbar-closer:hover {
width: 16px;
height: 16px;
background-image: url("/styles/standard/icons/TabClose_Rollover.png");
background-repeat: no-repeat;
}
.quick-add-button {
width: 16px;
height: 16px;
background-image: url("/styles/standard/icons/I-add.png");
background-repeat: no-repeat;
transition: 0.2s;
border-radius: 3px;
}

.quick-add-button:hover {
background-image: url("/styles/standard/icons/l-add-focused.png");
background-repeat: no-repeat;
}

.quick-remove-button {
width: 16px;
height: 16px;
background-image: url("/styles/standard/icons/l-delete.png");
background-repeat: no-repeat;
transition: 0.2s;
border-radius: 3px;
}

.quick-remove-button:hover {
background-image: url("/styles/standard/icons/l-delete-focused.png");
background-repeat: no-repeat;
}

.quick-add-button-focused {
width: 16px;
height: 16px;
background-image: url("/styles/standard/icons/l-add-focused.png");
background-repeat: no-repeat;
}
.quick-remove-button-focused {
width: 16px;
height: 16px;
background-image: url("/styles/standard/icons/l-delete-focused.png");
background-repeat: no-repeat;
}
.view-yes-button {
width: 16px;
height: 16px;
background-image: url("/styles/standard/icons/d-ok-small.png");
background-repeat: no-repeat;
}
.view-left-button {
width: 20px;
height: 19px;
padding: 1px;
margin-top:-2px;
background-image: url("/styles/standard/icons/l-left_arrow.png");
background-repeat: no-repeat;
}
.view-left-button:hover:enabled {
background-image: url("/styles/standard/icons/l-left_arrow_highlighted.png");
border:2px solid #4079C9;
}

.page-number-box {
width: 40px; !important
height: 16px; !important
padding: 1px;
border: 1px solid black;
background: white;
}

.view-right-button {
width: 20px;
height: 19px;
padding: 1px;
margin-top:-2px;
background-image: url("/styles/standard/icons/l-right_arrow.png");
background-repeat: no-repeat;
}
.view-right-button:hover:enabled {
background-image: url("/styles/standard/icons/l-right_arrow_highlighted.png");
border:2px solid #4079C9;
}

.view-left-button-end {
width: 20px;
height: 19px;
padding: 1px;
margin-top:-2px;
background-image: url("/styles/standard/icons/l-left_arrow_end.png");
background-repeat: no-repeat;
}
.view-left-button-end:hover:enabled {
background-image: url("/styles/standard/icons/l-left_arrow_end_highlighted.png");
border:2px solid #4079C9;
}

.view-right-button-end {
width: 20px;
height: 19px;
padding: 1px;
margin-top:-2px;
background-image: url("/styles/standard/icons/l-right_arrow_end.png");
background-repeat: no-repeat;
transition: 0.2s;
}

.view-right-button-end:hover:enabled {
background-image: url("/styles/standard/icons/l-right_arrow_end_highlighted.png");
border:2px solid #4079C9;
}

.loading-image {
background-image: url("/styles/standard/ajax-loader.gif");
background-repeat: no-repeat;
width: 220px;
height: 19px;
}

.inline {
display: inline-block;
}
.information-image {
background-image: url("/styles/standard/icons/d-info.png");
background-repeat: no-repeat;
width: 16px;
height: 16px;
}
.datebox-icon {
background-image: url("/styles/standard/icons/l-date_picker.png");
background-repeat: no-repeat;
width: 16px;
height: 16px;
}
.remove-filter-image, .cross-image {
background-image: url("/styles/standard/icons/l-cross-flat.png");
background-repeat: no-repeat;
width: 16px;
height: 16px;
transition: 0.2s;
border-radius: 3px;
}

.remove-filter-image:hover, .cross-image:hover {
background-image: url("/styles/standard/icons/l-cross.png");
}

.filter-edit select, .filter-edit input {
width: 96%;
}

.actionbutton-padding {
margin-top: 1.4em;
}

.datePickerDayIsFiller .appointments-free {
background-color: #FFD4A9  !important;
color: #ffffff;
}

.appointments-free {
background-color: #FFD4A9  !important;
color: black !important;
}

.appointments-avaliable {
background-color: #90EE90 !important;
color: black !important;

}

.datePickerDayIsFiller .appointments-available {
background-color: #90EE90  !important;
color: #ffffff;
}

.datePickerDayIsFiller .appointments-completed {
background-color: #ADD8E6  !important;
color: black !important;
}

.appointments-completed {
background-color: #ADD8E6  !important;
color: black !important;
}

.datePickerDayIsFiller .appointments-unavailable {
background-color: #FFC0CB  !important;
color: #ffffff;
}


/* Set style for the color picker table.
This assumes that the Grid layout is rendered as a HTML < table >.*/
table.example-colorpicker {
border-collapse: collapse;
border: 0;
}

/* Set color picker button style.
This does not make assumptions about the HTML element tree as it only uses
the class attributes of the elements.*/
.example-colorpicker .gwt-Button {
height: 80px;
width: 60px;
border: 0 none;
padding: 0;
}

/* Set style for the right-hand box that shows the currently selected color.
While this may work for other implementations of the HorizontalPanel as well,
it somewhat assumes that the layout is rendered as a table where cells
are
<td> elements. */
    .colorpicker-currentcolorbox {
    width: 240px;
    text-align: center;
    vertical-align: middle !important; /* Must be !important to override GWT styling. */
    }

    /*.UserDashForm {
    height: 90px !important;
    background-color: transparent !important;
    width: 100%;
    overflow: hidden;
    }*/


    .empty-widget-style {
    width: 100%;
    }
    .igene-fieldSet {
    color: #585C74;
    width: 100%;
    margin: 0;
    padding: 0;
    }

    /* Nested fieldsets don't get a border */
    /*.igene-fieldSet .igene-fieldSet, .igene-fieldset-grid-layout {
    border: 0 none;
    } */
    .igene-fieldset-grid-layout td {
    vertical-align: top;
    }
    .igene-CustomDisclosure .gwt-DisclosurePanel a.header {
    background: transparent;
    border: 0 none;
    height: 0;
    overflow: hidden;
    margin: 0;
    padding: 0;
    visibility: hidden;
    display: none;
    }
    .igene-CustomDisclosure {
    margin: 10px 4px;
    }
    .igene-CustomDisclosure .MoreLessControlBar {
    border-top: 1px solid #666666;
    color: #666;
    }

    .igene-CustomDisclosure .FieldsetControlBar td {
    padding: 2px;
    }


    /*.table-header .cell-spacer, .table-footer .cell-spacer {
    padding: 0 0 0 0.8em;
    }
    */
    .igene-filter-applied {
    background: #ffe6b8;
    width: 100%;

    color: #1c1c1c;
    }

    .igene-filter-applied td /*, .report-template-applied td*/ {
    padding: 0.4em;
    }
    .filter-filler {
    width: 100% !important;
    text-align: center;
    }

    .filterRuleContainer {
    width: 100%;
    overflow: hidden;
    border-top: 0;
    background: #ffe6b8;
    border-right: 1px #CCC solid;
    border-left: 1px #CCC solid;
    }

    .filterRuleContainer tr.normal {
    background-color: #fff8eb;
    }

    .filterRuleContainer tr.alternate {
    background-color: #fff8eb;
    }

    .filterRuleContainer tr.normal td, .filterRuleContainer tr.alternate td /*.filterRuleContainer tr.report-normal td,
    .filterRuleContainer tr.report-alternate td*/ {
    padding: 0.4em;
    }

    .filterRuleContainer tr.normal td .cbg-Button, .filterRuleContainer tr.alternate td .cbg-Button
    /*.filterRuleContainer tr.report-normal td,
    .filterRuleContainer tr.report-alternate td*/ {
    padding-right: 20px;
    }

    .filter-sort-row td {
    padding: 0.4em;
    }

    .igene-form-container-layout {
    padding: 0;
    vertical-align: top;
    }
    .igene-form-container-layout .formButtonWrapper {
    top: 2px;
    border-top: 3px solid #59D;
    text-align: right;
    padding-top: 2px;
    float: right;
    }
    .igene-form-container-layout .formButtonWrapper .formButtons {
    float: right;
    }

    .igene-form-container-layout .form-heading H5 {
    margin: 1px;
    padding: 1px 1px 1px 6px;
    color: #6E1110;
    }
    .igene-tooltip {
    background: #ffffd7;
    border: 1px solid gray;
    width: 180px;
    height: 80px;
    padding: 0.2em;
    z-index: 9999;
    }

    .childTaskPanel {
    background: rgb(254,254,221);
    padding: 2px;
    }

    .childTaskPanel:hover {
    background: rgb(221,221,221);
    padding: 2px;
    }


    /* Sets the form layout grids */
    .igene-form-layout {
    width: 99% !important;
    padding: 0;
    margin: 0;
    border-collapse: collapse;
    vertical-align: top;
    float: left;
    }
    /*.igene-form-layout td, .igene-form-layout td .igene-fieldset-grid-layout td {
    vertical-align: top;
    }*/

    .risk-low {
    color: green;
    }

    .risk-medium {
    color: blue;
    }

    .risk-high {
    color: red;
    }

    /* === All form elements === */
    .igene-FormElement {
    padding: 5px;
    }

    /* A required field label */
    .igene-FormElement .required {
    color: red;
    }

    .required .igene-label {
    color: red;
    font-weight: normal !important;
    }

    .table-header .igene-label {
    color: white;
    }

    .igene-label {
    white-space: nowrap;
    color: #585C74;
    }

    .igene-label b {
    color: red;
    font-weight: normal !important;
    }

    /* The style of the title bar when used in a dialog box */
    .igene-form-control-bar-dialog {
    background: white;
    color: #1c1c1c;
    padding: 5px 5px 1px 10px;
    font-size: 1.2em;
    font-family: 'Roboto-Bold';

    padding-left: 10px;
    z-index: 5;
    border-bottom: 2px solid #69c;
    }

    .igene-form-control-button-dialog {
    top: 2px;
    background-color: rgba(256, 256, 256, 0.9);
    text-align: right;
    padding-top: 2px;
    float: right;
    border-top: 1px solid #69c;
    padding-right: 5px;
    }

    .unauthorised-controlbar {
    background-image: url("/styles/standard/backgrounds/unauthorised.png");
    background-repeat: repeat-x;
    background-position: top left;
    background-color: #666;
    color: #fff;
    padding: 2px;
    font-size: 1.2em;
    font-family: 'Roboto-Bold';

    }
    .thumbnailer {
    border: 1px solid #ccc;
    border-collapse: collapse;
    }
    .thumbnailer-header {
    background-color: #eeeeee;
    background-image: url("/styles/standard/backgrounds/filterheading_bg.png");
    background-repeat: repeat-x;
    background-position: top left;
    color: #000;
    padding: 2px;
    width: 100%;
    font-family: 'Roboto-Bold';

    }

    /* === ListBox or ComboBox */
    .igene-ListBox .gwt-ListBox {
    outline: 0;
    border: 1px solid #666666 !important;
    border-radius: 5px !important;
    color: #2e3146 !important;
    font-size: 1rem;
    line-height: 1.25rem;
    height: 23px;
    background: white;
    }

    select.gwt-ListBox {
    outline: 0;
    border: 1px solid #666666 !important;
    border-radius: 5px !important;
    color: #2e3146 !important;
    font-size: 1rem;
    line-height: 1.25rem;
    height: 22.5px;
    width: 97%;
    background: white;
    }

    .igene-main-menu-layout {
    background-image: url("/styles/standard/backgrounds/trans.png");
    background-repeat: repeat;
    background-position: top left;
    background-color: #ffffff;
    padding: 0;
    width: 820px;
    }
    .menu-floater {
    float: left;
    }
    .igene-main-menu-layout .menu-group {
    width: 200px;
    background-color: #ffffff;
    border: 1px solid #666666;
    margin: 5px;
    border-radius: 6px;
    overflow: hidden;
    }

    .igene-main-menu-layout .menu-group .menu-group-header {
    background: rgb(64,121,201);
    padding: 2px;
    margin: 0;
    color: white;
    padding-left: 4px;
    }
    .igene-main-menu-layout .menu-group .menu-group-item-row {
    background-color: #F8F8F8;
    color: black;
    }
    .igene-main-menu-layout .menu-group .menu-group-item-altrow {
    background-color: #F8F8F8;
    color: black;
    }
    .igene-main-menu-layout .menu-group .menu-group-item-altrow:hover, .igene-main-menu-layout .menu-group
    .menu-group-item-row:hover {
    background-color: #dfe8f7;
    color: #000000;
    cursor: pointer;
    }
    .igene-main-menu-layout .menu-group .menu-item-checkbox {
    padding: 3px 4px 3px 4px;
    }

    .menu-group-item a {
    text-decoration: none;
    color: #1c1c1c;
    }

    .igene-main-menu-version-layout {
    padding: 10px 5px 0 10px;
    }
    .close-menu-button {
    padding-left: 4px !important;
    }

    .overview-widget {
    float: left;
    width: 400px;
    }
    .overview-table {
    width: 100%;
    }
    .overview-table th, .overview-table-header {
    background-color: #5b7aa5;
    color: #fff;
    text-align: right;
    font-weight: normal;
    }
    .overview-table-header td {
    padding: 0.1em 0.3em;
    }
    .overview-table td {
    background-color: #f2f3e7;
    color: #000;
    }
    .overview-table td, .overview-table th {
    padding: 0.1em 0.3em;
    }
    .overview-mainHeading {
    background-color: #40648a;
    color: #fff;
    text-align: center;
    }
    .overview-table .overview-subHeading th {
    text-align: center;
    }
    .overview-table .alternate td {
    background-color: #fafaef;
    color: #000;
    }
    .overview-table .warning th {
    background-color: #d13342;
    color: #fff;
    }
    .overview-table .warning, .overview-table .warning td {
    background-color: #f9e5e7;
    color: #000;
    }
    .overview-table .on-target, .overview-table .on-target td {
    background-color: #e3f6e4;
    color: #000;
    }
    .overview-table .right {
    text-align: right;
    }
    .overview-table .center {
    text-align: center;
    }

    .igene-popupMenu {
    padding: 0px;
    z-index: 9999;
    box-shadow: 0px 5px 15px #666;
    border-radius: 8px;
    }

    .igene-popupMenu .popupContent{
    border-radius: 8px;
    overflow: hidden;
    }

    .igene-popupMenu > div > table > tbody{
    display: block;
    max-height: 350px;
    min-height: 50px;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #c7dbff;
    transition: 100ms;
    }

    .igene-popupMenu .igene-menuEntry {
    padding-left: 10px;
    }

    .igene-popupMenu tbody .igene-menuEntry:hover{
    background-color: #dfe8f7;
    color: #2b7dff;
    transition: 100ms;
    padding-left: 8px;
    }

    .igene-popupMenu tbody::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
    }

    .igene-popupMenu tbody::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #82aeff;
    box-shadow: 0 0 1px rgba(255, 255, 255, .5);
    }

    .igene-popupMenu-scrollable {
    overflow-y: scroll !important;
    }

    .igene-menuEntry {
    background-color: white;
    color: #1c1c1c;
    text-align: left;
    border: 0 none;
    width: 200px;
    padding: 5px;
    cursor: pointer;
    }
    .igene-menuEntry-alt {
    background-color: white;
    color: #1c1c1c;
    text-align: left;
    border: 0 none;
    width: 200px;
    padding: 5px;
    cursor: pointer;
    }
    .igene-menuEntry-disabled {
    background-color: white;
    color: gray;
    text-align: left;
    border: 0 none;
    width: 200px;
    padding: 5px;
    }
    .igene-menuEntry:hover {
    background-color: #dfe8f7;
    color: #000000;
    text-align: left;
    border: 0 none;
    width: 200px;
    padding: 5px;
    }
    .recent-patient {
    height: 23px;
    width: 100%;
    background-color: #F8F8F8;
    }
    .recent-patient-alt {
    height: 23px;
    width: 100%;
    background-color: #F8F8F8;
    }

    .igene-TextBox .gwt-SuggestBox {
    width: 100%;
    }

    .gwt-SuggestBoxPopup {
    z-index: 9999;
    background: #c7dbff;
    margin-top: 5px;
    padding: 0;
    box-shadow: 0px 5px 15px #666;
    border-radius: 8px;
    overflow-x: visible !important;
    overflow-y: auto !important;
    max-height: 250px;
    }

    .gwt-SuggestBoxPopup .item-selected {
    background-color: #ADD8E6;
    }

    .suggestPopupMiddle {
    background: white;
    }
    .suggestPopupContent {
    border-radius: 8px;
    overflow: hidden !important;
    }

    .suggestPopupContent > div > div > table > tbody {
    display: block;
    max-height: 350px;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #c7dbff;
    transition: 100ms;
    }

    .suggestPopupContent .item {
    padding-right: 15px;
    padding-left: 10px;
    overflow: hidden;
    }

    .gwt-SuggestBoxPopup:after {
    position: absolute;
    top: -7px;
    left: 10px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #FFF;
    content: '';
    display: block;
    transition: 100ms;
    z-index: 9999;
    }

    .suggestPopupContent .item:hover{
    background-color: #dfe8f7;
    color: #2b7dff;
    transition: 100ms;
    padding-left: 8px;
    padding-right: 17px;
    overflow: hidden;
    }

    .suggestPopupContent .item-selected {
    background-color: #dfe8f7;
    color: #2b7dff;
    transition: 100ms;
    padding-left: 8px;
    }

    .suggestPopupContent tr:first-child .item {
    border-radius: 5px 5px 0 0;
    }

    .suggestPopupContent tr:last-child .item {
    border-radius: 0 0 5px 5px;
    }

    .gwt-SuggestBoxPopup::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
    }

    .gwt-SuggestBoxPopup::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #82aeff;
    box-shadow: 0 0 1px rgba(255, 255, 255, .5);
    }

    .igene-TableWrapper {
    padding: 5px;
    }
    .igene-Table {
    border: 1px solid #ccc;
    border-collapse: collapse;
    border-radius: 8px;
    }

    .igene-Table .title-header {
    background-color: #eeeeee;
    background-image: url("/styles/standard/backgrounds/filterheading_bg.png");
    background-repeat: repeat-x;
    background-position: top left;
    color: #000;
    padding: 2px;
    width: 100%;
    font-family: 'Roboto-Bold';

    }

    .igene-Table tr.igene-row td, .igene-Table tr.igene-row-green td, .igene-Table tr.altrow td, .igene-Table
    tr.altrow-green td, .igene-Table tr.igene-row-selected td {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: none;
    border-bottom: none;
    border-collapse: collapse;
    }

    .igene-Table tr.igene-row td, .igene-Table tr.igene-row-strike td, .igene-Table tr.altrow td, .igene-Table
    tr.altrow-strike td, .igene-Table tr.igene-row-selected td {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: none;
    border-bottom: none;
    border-collapse: collapse;
    }

    .igene-Table tr.igene-row td, .igene-Table tr.igene-row-deceased td, .igene-Table tr.altrow-deceased td,
    .igene-Table tr.altrow-deceased td, .igene-Table tr.igene-row-selected td {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: none;
    border-bottom: none;
    border-collapse: collapse;
    }

    .igene-Table tr.igene-row td, .igene-Table tr.igene-row-green-deceased td, .igene-Table tr.altrow td, .igene-Table
    tr.altrow-green-deceased td, .igene-Table tr.igene-row-selected td {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: none;
    border-bottom: none;
    border-collapse: collapse;
    }


    .igene-Table tr.igene-row td, .igene-Table tr.igene-row-orange td, .igene-Table tr.altrow td, .igene-Table
    tr.altrow-orange td, .igene-Table tr.igene-row-selected td {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: none;
    border-bottom: none;
    border-collapse: collapse;
    }

    .igene-Table tr.igene-row td, .igene-Table tr.igene-row-orange-deceased td, .igene-Table tr.altrow td, .igene-Table
    tr.altrow-orange-deceased td, .igene-Table tr.igene-row-selected td {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: none;
    border-bottom: none;
    border-collapse: collapse;
    }

    igene-Table tr.igene-row td, .igene-Table tr.igene-row-yellow td, .igene-Table tr.altrow td, .igene-Table
    tr.altrow-yellow td, .igene-Table tr.igene-row-selected td {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: none;
    border-bottom: none;
    border-collapse: collapse;
    }

    .igene-Table tr.igene-row td, .igene-Table tr.igene-row-yellow-deceased td, .igene-Table tr.altrow td, .igene-Table
    tr.altrow-yellow-deceased td, .igene-Table tr.igene-row-selected td {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: none;
    border-bottom: none;
    border-collapse: collapse;
    }

    .igene-Table tr.igene-row td, .igene-Table tr.igene-row-blue td, .igene-Table tr.altrow td, .igene-Table
    tr.altrow-blue td, .igene-Table tr.igene-row-selected td {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: none;
    border-bottom: none;
    border-collapse: collapse;
    }

    .igene-Table tr.igene-row td, .igene-Table tr.igene-row-blue-deceased td, .igene-Table tr.altrow td, .igene-Table
    tr.altrow-blue-deceased td, .igene-Table tr.igene-row-selected td {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: none;
    border-bottom: none;
    border-collapse: collapse;
    }

    .igene-Table tr.igene-row td, .igene-Table tr.igene-row-gray td, .igene-Table tr.altrow td, .igene-Table
    tr.altrow-gray td, .igene-Table tr.igene-row-selected td {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: none;
    border-bottom: none;
    border-collapse: collapse;
    }

    .igene-Table tr.igene-row td, .igene-Table tr.igene-row-gray-deceased td, .igene-Table tr.altrow td, .igene-Table
    tr.altrow-gray-deceased td, .igene-Table tr.igene-row-selected td {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: none;
    border-bottom: none;
    border-collapse: collapse;
    }

    .igene-Table tr.igene-row td, .igene-Table tr.igene-row-red td, .igene-Table tr.altrow td, .igene-Table
    tr.altrow-red td, .igene-Table tr.igene-row-selected td {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: none;
    border-bottom: none;
    border-collapse: collapse;
    }

    .igene-Table tr.igene-row td, .igene-Table tr.igene-row-red-deceased td, .igene-Table tr.altrow td, .igene-Table
    tr.altrow-red-deceased td, .igene-Table tr.igene-row-selected td {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: none;
    border-bottom: none;
    border-collapse: collapse;
    }

    .igene-Table tr.row td, .igene-Table tr.row-stub td, .igene-Table tr.altrow td, .igene-Table tr.altrow-stub td,
    .igene-Table tr.row-selected td {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: none;
    border-bottom: none;
    border-collapse: collapse;
    }

    .igene-Table tr.row td, .igene-Table tr.row-stub-deceased td, .igene-Table tr.altrow td, .igene-Table
    tr.altrow-stub-deceased td, .igene-Table tr.row-selected td {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: none;
    border-bottom: none;
    border-collapse: collapse;
    }

    .igene-Table tr.igene-row td td, .igene-Table tr.igene-row-green td td, .igene-Table tr.igene-row-orange td td,
    .igene-Table tr.igene-row-red td td, .igene-Table tr.altrow td td, .igene-Table tr.altrow-green td td, .igene-Table
    tr.altrow-orange td td, .igene-Table tr.altrow-orange td td,.igene-Table tr.altrow-red td td, .igene-Table
    tr.igene-row-selected td td, .igene-Table tr.row-selected td td {
    border: 0 none;
    }
    .igene-Table tr.igene-row {
    background-color: #FFFFFF;
    color: black;
    }
    .igene-Table tr.altrow {
    background-color: #F8F8F8;
    color: black;
    }

    .igene-Table tr.igene-row-deceased {
    background-color: #F8F8F8;
    color: #a0a0a0 !important;
    }
    .igene-Table tr.altrow-deceased {
    background-color: #F8F8F8;
    color: #a0a0a0 !important;
    }

    .igene-Table tr.row-stub {
    background-color: #F8F8F8;
    color: red !important;
    font-style: italic !important;
    }
    .igene-Table tr.altrow-stub {
    background-color: #F8F8F8;
    color: red !important;
    font-style: italic !important;
    }

    .igene-Table tr.igene-row-selected {
    background-color: #ADD8E6;
    color: black;
    }
    .igene-Table tr.igene-row-selected:hover {
    background-color: #ADD8E6;
    }
    .igene-Table tr.row:hover, .igene-Table tr.tableRow {
    cursor: default;
    transition: 0.3s;
    color: #2f2f2f;
    }

    .igene-Table tr.row:hover, .igene-Table tr.tableRow:hover {
    background-color: #dfe8f7;
    color: #2b7dff;
    }

    /* Green table style */
    .igene-Table tr.igene-row-green {
    background-color: #ebfeeb;
    color: black;
    }
    .igene-Table tr.altrow-green {
    background-color: #f4fff4;
    color: black;
    }
    .igene-Table tr.igene-row-green-deceased {
    background-color: #ebfeeb;
    color: #808080 !important;
    }
    .igene-Table tr.altrow-green-deceased {
    background-color: #f4fff4;
    color: #808080 !important;
    }

    /* Stub table style */
    .igene-Table tr.row-stub {
    background-color: #ffc4c4;
    color: black;
    text-decoration: italic;
    }

    .igene-Table tr.altrow-stub {
    background-color: #ffb3b3;
    color: black;
    text-decoration: italic;
    }

    .igene-Table tr.row-stub-deceased {
    background-color: #ffe4e4;
    color: #808080 !important;
    text-decoration: italic;

    }

    .igene-Table tr.altrow-stub-deceased {
    background-color: #ffc4c4;
    color: #808080 !important;
    text-decoration: italic;
    }

    /* Strike table style */
    .igene-Table tr.igene-row-strike {
    background-color: #e5ffe5;
    color: black;
    text-decoration: line-through;
    }
    .igene-Table tr.altrow-strike {
    background-color: #d5ffd5;
    color: black;
    text-decoration: line-through;
    }
    .igene-Table tr.igene-row-strike-deceased {
    background-color: #e5ffe5;
    color: #808080 !important;
    text-decoration: line-through;
    }
    .igene-Table tr.altrow-strike-deceased {
    background-color: #d5ffd5;
    color: #808080 !important;
    text-decoration: line-through;
    }

    /* Blue table style */
    .igene-Table tr.igene-row-blue {
    background-color: #e3eeff;
    color: black;
    }
    .igene-Table tr.altrow-blue {
    background-color: #eef4ff;
    color: black;
    }
    .igene-Table tr.igene-row-blue-deceased {
    background-color: #e3eeff;
    color: #808080 !important !important;
    }
    .igene-Table tr.altrow-blue-deceased {
    background-color: #eef4ff;
    color: #808080 !important !important;
    }

    /* Gray table style */
    .igene-Table tr.igene-row-gray {
    background-color: #f0f0f0;
    color: black;
    }
    .igene-Table tr.altrow-gray {
    background-color: #ebebeb;
    color: black;
    }
    .igene-Table tr.igene-row-gray-deceased {
    background-color: #f0f0f0;
    color: #808080 !important;
    }
    .igene-Table tr.altrow-gray-deceased {
    background-color: #ebebeb;
    color: #808080 !important;
    }

    /* Orange table style */
    .igene-Table tr.igene-row-orange {
    background-color: #fce6d1;
    color: black;
    }
    .igene-Table tr.altrow-orange {
    background-color: #fff1e2;
    color: black;
    }
    .igene-Table tr.igene-row-orange-deceased {
    background-color: #fce6d1;
    color: #808080 !important;
    }
    .igene-Table tr.altrow-orange-deceased {
    background-color: #fff1e2;
    color: #808080 !important;
    }


    /* Yellow table style */
    .igene-Table tr.igene-row-yellow {
    background-color: rgb(253,248,232);
    color: black;
    }
    .igene-Table tr.altrow-yellow {
    background-color: rgb(253,238,222);
    color: black;
    }
    .igene-Table tr.igene-row-yellow-deceased {
    background-color: rgb(253,248,232);
    color: #808080 !important;
    }
    .igene-Table tr.altrow-yellow-deceased {
    background-color: rgb(253,248,232);
    color: #808080 !important;
    }


    /* Red table style */
    .igene-Table tr.igene-row-red {
    background-color: #ffdddd;
    color: black;
    }
    .igene-Table tr.altrow-red {
    background-color: #ffb3b3;
    color: black;
    }
    .igene-Table tr.igene-row-red-deceased {
    background-color: #ffdddd;
    color: #808080 !important;
    }
    .igene-Table tr.altrow-red-deceased {
    background-color: #ffc4c4;
    color: #808080 !important;
    }

    .igene-Table .left .gwt-TextBox, .igene-Table .left , .igene-Table .left .gwt-Label, .igene-Table .left
    .gwt-ListBox, .igene-Table .left .gwt-HTML, .igene-Table .left .gwt-CheckBox {
    text-align: left;
    }
    .igene-Table .center .gwt-TextBox, .igene-Table .center , .igene-Table .center .gwt-Label, .igene-Table .center
    .gwt-ListBox, .igene-Table .center .gwt-HTML, .igene-Table .center .gwt-CheckBox {
    text-align: center;
    }
    .igene-Table .right .gwt-TextBox, .igene-Table .right , .igene-Table .right .gwt-Label, .igene-Table .right
    .gwt-ListBox, .igene-Table .right .gwt-HTML, .igene-Table .right .gwt-CheckBox {
    text-align: right;
    }
    .emptyRow {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 0 none;
    border-bottom: 1px solid #ccc;
    border-collapse: collapse;
    text-align: center;
    font-family: 'Roboto-Bold';

    background-color: #F8F8F8;
    }
    .menu-parent {
    background-image: url("/styles/standard/icons/arrow.png");
    background-repeat: no-repeat;
    background-position: 99% 50%;
    }

    .igene-TextBox .gwt-TextBox, .igene-TextBox .gwt-PasswordTextBox, .igene-TextArea .gwt-TextArea,
    .igene-DateBox-InnerWrapper, .gwt-TextBox, .gwt-ListBox {
    width: 96%;
    padding-left: 2px;
    padding-y: 0.2em;
    }
    .igene-TextBox .focused {
    outline: 0;
    box-shadow: 0px 1px 3px #666666;
    }


    .igene-Temperature select {
    width: 4em;
    }


    .igene-FormElement.error input.gwt-TextBox {
    background: #FFC0CB !important;
    }

    .auto-width {
    width: auto !important;
    }

    .igene-TextArea .error {
    background: #FFC0CB;
    }

    /* === Alert Styles === */
    .alert-red {
    width: 97%;
    background: #fff5f5;
    color: #a42020;
    display: block;
    border: 1px solid #a42020;
    }

    .alert-green {
    width: 97%;
    background: #e5ffe5;
    color: #0b8300;
    display: block;
    border: 1px solid #0b8300;
    }

    .alert-blue {
    width: 97%;
    background: #e5e5ff;
    color: #4e6bd2;
    display: block;
    border: 1px solid #4e6bd2;
    }

    .alert-gray {
    width: 97%;
    background: #e5e5e5;
    color: #6e6e6e;
    display: block;
    border: 1px solid #6e6e6e;
    }

    .alert-orange {
    width: 97%;
    background: #FFEECA;
    color: #b57a0d;
    display: block;
    border: 1px solid #b57a0d;
    }

    .alert-alert {
    display: block;
    padding-left: 36px;
    height: 24px;
    padding-top: 8px;
    vertical-align: middle;
    font-family: 'Roboto-Bold';

    background: url(/styles/Symbols-Forbidden-icon.png) no-repeat;
    }

    .alert-warning {
    display: block;
    padding-left: 36px;
    height: 24px;
    padding-top: 8px;
    vertical-align: middle;
    font-family: 'Roboto-Bold';

    background: url(/styles/Symbols-Warning-icon.png) no-repeat;
    }

    .alert-info {
    display: block;
    padding-left: 36px;
    height: 24px;
    padding-top: 8px;
    vertical-align: middle;
    font-family: 'Roboto-Bold';

    background: url(/styles/Symbols-Info-icon.png) no-repeat;
    }

    /* === Rich text editor === */
    .igene-TextArea .igene-RichTextEditor {
    background-color: #ffffff;
    border: 1px solid #666666;
    color: #000;
    border-radius: 0px 0px 8px 8px;
    }

    .igene-TextArea .igene-RichTextEditor .gwt-RichTextToolbar {
    background-color: #eeeeee;
    border-bottom: 1px solid #666666;
    }
    .igene-TextArea .igene-RichTextEditor .gwt-RichTextToolbar .gwt-Button, .igene-TextArea .igene-RichTextEditor
    .gwt-RichTextToolbar .gwt-PushButton, .igene-TextArea .igene-RichTextEditor .gwt-RichTextToolbar .gwt-ToggleButton {
    margin: 0;
    padding: 1px 2px;
    }


    .igene-DateBox table, .igene-DateBox table tr, .igene-DateBox table td {
    border: 0 none;
    }
    #cyto_worklist_widget {
    width: 200px;
    }
    iframe {
    border: 0px none !important;
    background: none !important;
    }

    iframe.content {
    width: 100%;
    }
    .notset {
    color: gray;
    font-style: italic;
    }

    .notset-textarea {
    width: 100%;
    background: white;
    border: 1px solid rgb(201, 201, 201);
    color: gray;
    font-style: italic;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 1px;
    padding-right: 1px;
    border-radius: 5px;
    }


    /** Tree stuff **/
    .gwt-Tree .gwt-TreeItem-selected {
    background-color: yellow; /** TODO: change the color **/
    cursor: pointer;
    user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    }

    .gwt-Tree .gwt-TreeItem {
    cursor: pointer;
    user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    }

    /** Permissions table */
    .ggs-pwidget-active {
    height: 16px;
    width: 24px;
    background-image: url("/styles/standard/icons/role_status_active.png");
    }
    .ggs-pwidget-active-inherit {
    height: 16px;
    width: 24px;
    background-image: url("/styles/standard/icons/role_status_active_inherit.png");
    }

    .ggs-pwidget-active-propagate {
    height: 16px;
    width: 24px;
    background-image: url("/styles/standard/icons/role_status_active_propagate.png");
    }

    .ggs-pwidget-deny {
    height: 16px;
    width: 24px;
    background-image: url("/styles/standard/icons/role_status_deny.png");
    }
    .ggs-pwidget-deny-inherit {
    height: 16px;
    width: 24px;
    background-image: url("/styles/standard/icons/role_status_deny_inherit.png");
    }

    .ggs-pwidget-deny-propagate {
    height: 16px;
    width: 24px;
    background-image: url("/styles/standard/icons/role_status_deny_propagate.png");
    }

    .ggs-pwidget-unset {
    height: 16px;
    width: 24px;
    background-image: url("/styles/standard/icons/role_status_unset.png");
    }

    /** SignOut button **/
    .ggs-SoSelector {
    position: absolute;
    top: 102px;
    right: 10px;
    color: #fff;
    background: #c75f5a url("/styles/standard/backgrounds/ou_bg.png") repeat-x top left;
    border-top: 1px solid #6f4c4c;
    border-left: 1px solid #6f4c4c;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    overflow: visible;
    }
    .ggs-SoSelector-label {
    cursor: pointer;
    user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    padding: 0 0 0 10px;
    padding-right: 5px;
    }


    .access-denied {
    position: absolute;
    top: 80px;
    left: 0;
    z-index: 100000;
    width: 100%;
    text-align: center;
    }
    .dirty-tab {
    font-style: italic;
    color: #ffca00;
    }

    /** Facebook style controller **/
    .multi-selector-box {
    border: 1px solid #D6D8D7;
    background: #DFEEF4;
    padding: 1px;
    float: left;
    height: 15px;
    margin-right: 3px;
    border-radius: 5px;
    }

    .multi-selector-popup {
    width: 200px;
    border: 1px solid #D6D8D7;
    background: white;
    padding: 3px;
    z-index: 9999;
    }

    .multi-selector-rowitem {
    padding-left: 3px;
    width: 100%;
    color: black;
    background: #dadada;
    }

    .multi-selector-rowitem-hover {
    padding-left: 3px;
    background: #c2d9ff;
    width: 100%;
    color: #0072ff;
    }

    .multi-selector-rowitem-selected {
    padding-left: 3px;
    }

    .multi-selector-alternate-rowitem {
    padding-left: 3px;
    width: 100%;
    color: black;
    background: #e1e1e1;
    }

    .multi-selector-alternate-rowitem-hover {
    padding-left: 3px;
    background: #c2d9ff;
    width: 100%;
    color: #0072ff;
    }

    .multi-selector-alternate-rowitem-selected {
    padding-left: 3px;
    }

    .multi-selector {
    border: 1px solid #A4A4A2;
    background: white;
    padding: 2px;
    height: 45px;
    display: block;
    width: 99%;
    border-radius: 6px;
    }

    .multi-selector-textbox {
    float: left;
    width: 100px;
    border: 0px;
    height: 18px;
    background: white;
    }

    /** DAS: logout warning box **/

    .logoutWarning .Caption {
    font-size: 1.6em;
    }

    .logoutWarning-message {
    padding: 20px;
    font-size: 1.4em;
    }

    .logoutWarning-button {
    margin: 20px;
    font-size: 1.4em;
    }


    /* Uploader box */

    .GWTUpld form,
    .GWTUpld .upld-form-elements {
    padding: 0px;
    vertical-align: top;
    }

    .GWTUpld .upld-status {
    font-family: 'Roboto-Bold';

    }
    .GWTUpld .upld-status div.cancel {
    background: url(/styles/standard/icons/l-cross.png) no-repeat;
    width: 16px;
    height: 16px;
    cursor: pointer;
    margin-top: 1px;
    }

    .GWTUpld .upld-status .filename {
    overflow: hidden;
    white-space: nowrap;
    margin-left: 8px;
    margin-right: 10px;
    height: 100%;
    }
    .GWTUpld .upld-status .status {
    padding-left: 8px;
    white-space: nowrap;
    height: 100%;
    }
    .GWTUpld .upld-status .status-success {
    color: green;
    }
    .GWTUpld .upld-status .status-error,
    .GWTUpld .upld-status .status-canceled {
    color: red;
    }

    .GWTUpld .prgbar-back {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #999999;
    height: 10px;
    overflow: hidden;
    padding: 1px;
    width: 100px;
    float: left;
    }
    * html .GWTUpld .prgbar-back {
    height: 12px;
    margin-top: 2px;
    }
    .GWTUpld .prgbar-done {
    background: #d4e4ff none repeat scroll 0 0;
    font-size: 0;
    height: 100%;
    float: left;
    }
    .GWTUpld .prgbar-msg {
    position: absolute;
    z-index: 9;
    font-size: 9px;
    font-weight: normal;
    margin-left: 3px;
    }

    * html .GWTUpld .prgbar-msg {
    top: 0px;
    left: 4px;
    }

    .GWTUpld .changed {
    color: red;

    font-family: 'Roboto-Bold';
    text-decoration: blink;
    }
    .gwt-PopupPanel .GWTUpld {
    border: 2px groove #b0b0b0;
    padding: 10px;
    background: white;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    border-radius: 6px;
    }

    .GWTUpld .DecoratedFileUpload {
    margin-right: 5px;
    }

    .GWTUpld .DecoratedFileUpload .gwt-Button,
    .GWTUpld .DecoratedFileUpload .gwt-Anchor,
    .GWTUpld .DecoratedFileUpload .gwt-Label {
    white-space: nowrap;
    }

    .GWTUpld .gwt-Button, .GWTUpld .gwt-FileUpload {
    min-height: 15px;
    }

    .GWTUpld .DecoratedFileUpload .gwt-Anchor,
    .GWTUpld .DecoratedFileUpload .gwt-Label {
    color: blue;
    text-decoration: underline;
    cursor: pointer;
    }

    .GWTUpld .gwt-Button:HOVER,
    .GWTUpld .DecoratedFileUpload .gwt-Button-over,
    .GWTUpld .DecoratedFileUpload .gwt-Anchor-over,
    .GWTUpld .DecoratedFileUpload .gwt-Label-over {
    color: #af6b29;
    }

    .GWTUpld .DecoratedFileUpload-disabled .gwt-Button,
    .GWTUpld .DecoratedFileUpload-disabled .gwt-Anchor,
    .GWTUpld .DecoratedFileUpload-disabled .gwt-Label {
    color: grey;
    }

    .reportGroup {
    padding: 0px;
    margin: 12px;
    border: solid 2px black;
    padding-bottom: 0.25em;
    overflow: hidden;
    }

    .reportGroup .reportGroup {
    clear: both;
    }

    .reportGroup-invalid {
    border: solid 2px red;
    }

    .reportGroup .gwt-TextArea {
    width: 50%;
    height: 14em;
    margin: 6px;
    }

    .reportHeader {
    padding: 0.25em;
    padding-left: 1em;
    margin-bottom: 0.25em;
    background: #444;
    font-family: 'Roboto-Bold';

    color: white;
    overflow: hidden;
    vertical-align: middle;
    }
    .reportHeaderError, .reportGroup-invalid .reportHeader {
    padding: 0.25em;
    padding-left: 1em;
    margin-bottom: 0.25em;
    background: red;
    font-family: 'Roboto-Bold';

    color: black;
    overflow: hidden;
    vertical-align: middle;
    }

    .reportGroup .condition {
    color: gray;
    }

    .reportGroupErrorMessage {
    clear: both;
    color: red;
    margin: 8px;
    font-family: 'Roboto-Bold';

    }

    .reportModelPathOk {
    padding: 0.1em;
    padding-left: 1em;
    background-image: url(/standard/icons/d-check.png);
    color: black;
    }

    .reportmodelPathIdInput {
    width: 2em !important;
    }

    .reportmodelPathIdInput-ok {
    background: #A7FF9E;
    }

    .reportmodelPathIdInput-invalid {
    background: #FFB3B9;
    }

    .reportmodelPathInput {
    width: 60em !important;
    }


    .reportmodelPathInput-invalid {
    background: #FFB3B9;
    }
    .reportmodelPathInput-ok {
    background: #A7FF9E;
    }
    .reportmodelPathExpression {
    width: 60em !important;
    height: 4em;
    }

    .reportmodelPathExpression-ok {
    background: #A7FF9E;
    }

    .reportmodelPathExpression-invalid {
    background: #FFB3B9;
    }


    .reportModelPathError {
    padding: 0.1em;
    padding-left: 1em;
    background-image: url(/standard/icons/d-cross.png);
    color: red;
    border: solid 1px white;
    }

    .reportModelPathChange {
    margin-left: 0.6em;
    }
    .reportModelPathRemove {
    margin-left: 0.4em;
    }

    .reportModelPathId {
    margin-right: 0.4em;
    background-color: #D4E9F2;
    color: #015272;
    font-family: 'Roboto-Bold';

    }

    .reportModelPathId-caluculated {
    background-color: #F2F1B8 !important;
    }

    .reportmodelPathLabel-caluculated {
    background-color: #F2F1B8 !important;
    }

    .plainTextReport {
    font-family: Courier;
    height: 10em;
    }

    .warning-message {
    text-align: center;
    text-size: 1.2em;
    padding: 1.2em;
    }

    .warning-detail {
    text-align: center;
    padding: 1em;
    background-color: yellow;
    margin: 1.2em;
    }
    .warning-action {
    text-align: center;
    text-size: 1.2em;
    padding: 1.2em;
    }
    .warning-commands {
    text-align: center;
    text-size: 1.2em;
    padding: 1.2em;
    }


    .icon-selector-row {
    width: 40px;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    background: none;
    }

    .icon-selector-row:hover {
    width: 40px;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    background: #c0c0c0;

    }

    #login-wrapper {
    position: relative;
    text-align: center;
    width: 600px;
    margin-top: 80px;
    }

    #login-wrapper #messagePanel h4 {
    font-size: 20px;
    color: white;
    }

    #LoginPanel {
    background: url("/styles/ng_images/login2_long.jpg");
    height: 450px;
    border-radius: 10px;
    position: relative;
    border: 1px solid slategrey;
    }

    #LoginPanel #username-wrapper {
    position: absolute;
    top: 299px;
    left: 256px;
    padding: 3px;
    background-color: white;
    border-radius: 5px;
    }

    #LoginPanel #username-label {
    position: absolute;
    top: 294px;
    left: 165px;
    font-family: Arial;
    padding: 5px;
    font-size: 18px;
    color: white;
    }

    #LoginPanel #username-wrapper #username {
    border: 0;
    }

    #LoginPanel #username-wrapper #username:focus,
    #LoginPanel #password-wrapper #password:focus {
    outline: none;
    }

    #LoginPanel #password-label {
    position: absolute;
    top: 331px;
    left: 166px;
    font-family: Arial;
    padding: 5px;
    font-size: 18px;
    color: white;
    }

    #LoginPanel #password-wrapper {
    position: absolute;
    top: 335px;
    left: 256px;
    padding: 3px;
    background-color: white;
    border-radius: 5px;
    }

    #LoginPanel #password-wrapper #password {
    border: 0;
    }

    #LoginPanel #forgottenPassword {
    border: 0px;
    position: absolute;
    top: 378px;
    left: 157px;
    width: 168px;
    border-right: 2px solid #194c73 !important;
    }

    #LoginPanel #forgottenPassword u {
    font-size: 12px;
    color: #194c73;
    }
    #LoginPanel #forgottenPassword u:hover {
    color: #206ba4;
    cursor: pointer;
    }

    #LoginPanel #loginButton {
    position: absolute;
    top: 367px;
    left: 336px;
    }

    #LoginPanel #loginButton .cbg-Button .cbg-ButtonContent {
    color: white;
    line-height: ;
    padding: 0 8px;
    font-size: 9pt;
    font-size: 15px;
    padding: 6px;
    width: 110px;
    background-color: #194c73;
    border-radius: 8px;
    }

    #LoginPanel #loginButton .cbg-Button .cbg-ButtonContent:hover {
    background-color: #206ba4;
    }

    #LoginPanel .cbg-Button .cbg-ButtonTop {
    background-color: #f9f9f9;
    border-bottom-color: transparent;
    border-bottom-width: 0;
    height: 100%;
    }

    #ForgottenPasswordPanel input {
    text-align: center;
    }

    #forgottonPasswordMessage {
    background-color: #FFEBE8;
    border: 1px solid red;
    padding: 5px;
    text-align: center;
    }

    ul {
    list-style:none;
    }

    ul .field_name {
    display:inline-block;
    width:120px;
    text-align:right;
    margin-right:20px;
    }

    div.border {
    border:1px solid black;
    }

    .clear {
    clear:both;
    }

    .hyperlink a {
    color: #0000ff;
    text-decoration: underline;
    cursor: pointer;
    }

    .ace_editor, .ace_editor * {
    font-family: Monaco, Menlo, Ubuntu Mono, Consolas, source-code-pro, monospace !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    }


    /*============= new stuff =========================*/


    /* tree styling code starting point: https://www.cssscript.com/minimalist-tree-view-pure-css/ */
    .tree ul {
    margin-left: 50px;
    }

    .tree li {
    list-style-type: none;
    position: relative;
    clear: both;
    float: left;
    }

    .tree ul li::before {
    content: "";
    position: absolute;
    left: -20px;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-radius: 0 0 0 0px;
    width: 20px;
    height: 13px;
    }

    .tree ul li::after {
    position: absolute;
    content: "";
    top: 12px;
    left: -20px;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-radius: 0px 0 0 0;
    width: 20px;
    height: 100%;
    }

    .tree ul li:last-child::after {
    display: none;
    }

    .tree ul li:last-child:before {
    border-radius: 0 0 0 5px;
    }

    ul.tree > li:first-child::before {
    display: none;
    }

    ul.tree > li:first-child::after {
    border-radius: 5px 0 0 0;
    }

    .tree li a {
    border: 1px #ccc solid;
    border-radius: 5px;
    padding: 2px 5px;
    }

    .tree li a:hover, .tree li a:hover + ul li a,
    .tree li a:focus, .tree li a:focus + ul li a {
    background: #ccc;
    color: #000;
    border: 1px solid #000;
    }

    .tree li a:hover + ul li::after, .tree li a:focus + ul li::after,
    .tree li a:hover + ul li::before, .tree li a:focus + ul li::before
    .tree li a:hover + ul::before, .tree li a:focus + ul::before
    .tree li a:hover + ul ul::before, .tree li a:focus + ul ul::before {
    border-color: #000; /*connector color on hover*/
    }


    .evenRow {
    background-color: whitesmoke;
    }

    #server-connection-issues {
    position: absolute;
    top: 8px;
    left: 150px;
    font-size: 13px;
    padding: 4px 10px;
    background: khaki;
    border: 1px solid darkgray;
    border-radius: 3px;
    }

    .multi-button table {
    margin-left: auto;
    }

    .question-mark {
    margin-left: 8px;
    vertical-align: middle !important;
    padding-top: 3px;
    }

    .question-mark:hover {
    filter: opacity(0.5);
    }

    .igene-FormElement.igene-TextBox.igene-form-button {
    padding-top: 15px !important;
    }

    #gwt-debug-volume .gwt-TextBox {
    border-radius: 4px 0px 0px 4px !important;
    }

    #gwt-debug-volume .gwt-ListBox {
    border-radius: 0px 4px 4px 0px !important;
    }

    .darkblue {
    color: darkblue;
    }

    .darkred {
    color: darkred;
    }

    .darkgreen {
    color: darkblue;
    }

    .purple {
    color: darkblue;
    }

    .fieldset-title-button {
    font-size: 1.2em;
    }

    .formHeaderPanel {
    padding: 2px 17px;
    background: white;
    box-shadow: 0px 2px 2px #7f859f;
    }

    .formHeaderPanel .cbg-Button {
    padding-left: 3px !important;
    }

    div:has(> .igene-headerPanel) {
    z-index: 2;
    overflow: visible !important;
    }

    .filterRuleContainer .cbg-Button .cbg-ButtonContent,
    .igene-filter-applied .cbg-Button .cbg-ButtonContent {
    color: black;
    border: 1px solid #292929;
    border-radius: 5px;
    }

    .filterRuleContainer .cbg-Button .cbg-ButtonContent:hover,
    .igene-filter-applied .cbg-Button .cbg-ButtonContent:hover {
    background: #ffdca1;
    }


    .filterRuleContainer .dropdown .cbg-ButtonContent,
    .igene-filter-applied .dropdown .cbg-ButtonContent {
    padding-top: 2px;
    background: url(/styles/ng_images/dropdown.png) no-repeat 95% 58%;
    }

    .filterRuleContainer .dropdown .cbg-ButtonContent:hover,
    .igene-filter-applied .dropdown .cbg-ButtonContent:hover {
    background: url(/styles/ng_images/dropdown.png) no-repeat 95% 58%, #ffdca1;
    }

    .igene-filter-applied .gwt-TextBox {
    margin-top: 4px;
    }

    .igene-FormElement .cbg-ButtonContent {
    border: 1px solid #4079C9;
    border-radius: 6px;
    color: white;
    padding: 3px 9px 1px 9px;
    transition: 0.3s;
    }

    .igene-FormElement .cbg-ButtonContent:hover {
    background-color: #67a0f1;
    border: 1px solid #4079C9;
    border-radius: 6px;
    color: white;
    padding: 3px 9px 1px 9px;
    }

    .gwt-TextBox {
    padding-left: 5px !important;
    }

    td:has(> .gwt-CheckBox) {
    vertical-align: middle;
    }

    div:has(> .igene-form-control-bar-dialog) {
    height: 43px !important;
    }

    .igene-form-control-bar-dialog td {
    vertical-align: middle !important;
    }

    .gwt-RichTextToolbar .cbg-Button .cbg-ButtonContent {
    border: 1px solid black;
    padding: 1px 7px;
    border-radius: 5px;
    margin-right: 5px;
    }

    .gwt-RichTextToolbar .cbg-ButtonContent:hover {
    background: #d0d0d0;
    }

    .greenButton .cbg-ButtonContent,
    .formButtons .cbg-Button.saveButton .cbg-ButtonContent {
    background-color: #60c665;
    border: 1px solid #60c665;
    color: white;
    padding-left: 7px;
    border-radius: 6px;
    transition: 0.3s;
    }

    .reportButtons .cbg-ButtonContent,
    .formButtons .cbg-Button .cbg-ButtonContent {
    background-color: #4079C9;
    border: 1px solid #4079C9;
    color: white !important;
    padding-left: 7px;
    border-radius: 6px;
    transition: 0.3s;
    margin-left: 3px;
    }

    .reportButtons .cbg-ButtonContent:hover,
    .formButtons cbg-Button .cbg-ButtonContent:hover {
    background-color: white;
    border: 1px solid #4079C9;
    color: #4079C9 !important;
    }

    .formButtons .cbg-Button.saveButton .cbg-ButtonContent:hover {
    background-color: white;
    border: 1px solid #60c665;
    color: #60c665 !important;
    }

    .confirmationArea .cbg-ButtonContent {
    color: black;
    text-decoration: underline;
    marin-right: 5px;
    }

    .confirmationArea .cbg-ButtonContent:hover {
    background: none;
    opacity: 0.5;
    }

    .igene-form-control-button-dialog .cbg-Button.saveButton .cbg-ButtonContent {
    background-color: #60c665;
    border: 1px solid #60c665;
    color: white;
    padding-left: 7px;
    border-radius: 6px;
    transition: 0.3s;
    }

    .igene-form-control-button-dialog .cbg-Button .cbg-ButtonContent {
    background-color: #4079C9;
    border: 1px solid #4079C9;
    color: white !important;
    padding-left: 7px;
    border-radius: 6px;
    transition: 0.3s;
    margin-left: 3px;
    }

    .igene-form-control-button-dialog .cbg-Button-disabled .cbg-ButtonContent {
    background-color: #7196cb;
    border: 1px solid #7196cb;
    color: #dbd6d6 !important;
    }

    .igene-form-control-button-dialog .cbg-Button .cbg-ButtonContent:hover {
    background-color: white;
    border: 1px solid #4079C9;
    color: #4079C9 !important;
    }

    .igene-form-control-button-dialog .cbg-Button.saveButton .cbg-ButtonContent:hover {
    background-color: white;
    border: 1px solid #60c665;
    color: #60c665 !important;
    }


    .igene-filter-applied td:has(> .remove-filter-image) {
    vertical-align: middle !important;
    }

    .current-row {
    background-color: #dfe8f7 !important;
    color: #2b7dff !important;
    }

    .igene-TextArea:not(.fieldset .igene-TextArea) {
    margin-bottom: 5px;
    margin-left: 20px;
    background: #fafafa !important;
    border-radius: 8px;
    box-shadow: 0px 6px 8px #7f859f;
    margin-top: 10px;
    margin-right: 8px;
    padding: 10px 10px 15px 10px;
    }

    .igene-TextArea:not(.fieldset .igene-TextArea) .igene-label {
    color: #585C74;
    padding-left: 3px;
    }

    .igene-form-container-layout .igene-adjustedContainer {
    margin-top: 40px;
    }

    .table-header .igene-label b {
    color: white;
    }

    .fieldset .igene-adjustedContainer {
    margin-top: 0 !important;
    padding-bottom: 0 !important;
    }

    tr td div fieldset.fieldset {
    margin: auto 3em;
    }

    .up-button {
    height: 16px;
    width: 16px;
    background-repeat: no-repeat;
    }

    .up-button:hover {
    filter: opacity(0.5)
    }

    .down-button {
    height: 16px;
    width: 16px;
    background-image: url("styles/standard/icons/down_new.png");
    background-repeat: no-repeat;
    padding-left: 2px;
    }

    .down-button:hover {
    filter: opacity(0.5)
    }

    .first-down {
    padding-left: 18px;
    }

    .tableSeparator {
    border-top: 2px #e1e1e1 dashed;
    margin-top: 10px;
    padding-top: 10px;
    }

    .table-header span.igene-label {
    font-family: 'Roboto-Bold';
    }

    .confirmPopupImage {
    margin-left: 30px;
    }

    .confirmPopupText{
    margin-top: 30px;
    display: block;
    padding-top: 14px;
    color: #1c1c1c;
    }

    .cbg-Button.confirmPopupButton .cbg-ButtonContent{
    font-size: 9pt;
    background-color: #4079C9;
    color: white;
    border-radius: 5px;
    padding: 2px 12px 1px 12px;
    vertical-align: middle;
    margin-right: 5px;
    }

    .cbg-Button.confirmPopupButton .cbg-ButtonContent:hover {
    background: #67a0f1;
    transition: 0.3s;
    }

    .igene-form-button .cbg-ButtonContent,
    .standardButton .cbg-ButtonContent,
    .igene-FormElement .standardButtonField .cbg-Button .cbg-ButtonContent,
    .igene-FormElement .taskButtons .cbg-Button .cbg-ButtonContent {
    background-color: #4079C9;
    border: 1px solid #4079C9;
    color: white !important;
    border-radius: 5px;
    margin-right: 2px;
    transition: 0.3s;
    }

    .igene-form-button .cbg-ButtonContent:hover,
    .standardButton .cbg-ButtonContent:hover,
    .igene-FormElement .standardButtonField .cbg-Button .cbg-ButtonContent:hover,
    .igene-FormElement .taskButtons .cbg-Button .cbg-ButtonContent:hover {
    background-color: white;
    border: 1px solid #4079C9;
    color: #4079C9 !important;
    }

    .takeOwnership.cbg-Button .cbg-ButtonContent {
    background-color: #4079C9;
    border: 2px solid #4079C9;
    color: white;
    border-radius: 5px;
    transition: 0.3s;
    }

    .takeOwnership.cbg-Button .cbg-ButtonContent:hover {
    background-color: white;
    border: 2px solid #4079C9;
    color: #4079C9;
    border-radius: 5px;
    }

    .takeOwnership-readOnly.cbg-Button .cbg-ButtonContent {
    background-color: #4079C9;
    border: 2px solid #4079C9;
    color: #8c8c8c;
    border-radius: 5px;
    transition: 0.3s;
    }

    fieldset .fieldset {
    margin-right: 10px;
    margin-left: 10px;
    box-shadow: none;
    }

    fieldset .fieldset .fieldset-title-button {
    font-size: 1.1em;
    }

    .igene-FormElement .standardButtonField .saveButton.cbg-Button .cbg-ButtonContent,
    .cbg-Button.saveButton .cbg-ButtonContent {
    background-color: #60c665;
    border: 1px solid #60c665;
    color: white;
    padding-left: 7px;
    border-radius: 6px;
    transition: 0.3s;
    margin-right: 2px;
    }

    .igene-FormElement .standardButtonField .saveButton.cbg-Button .cbg-ButtonContent:hover,
    .cbg-Button.saveButton .cbg-ButtonContent:hover {
    background-color: white;
    border: 1px solid #60c665;
    color: #60c665 !important;
    }


    .ggs-ou-item {
    padding: 3px 10px 3px 5px !important;
    }

    .gwt-TreeItem:hover {
    color: #2b7dff;
    transition: 100ms;
    }

    .alertBox {
    margin-left: 15px;
    max-width: 99%;
    }

    .fieldset .alertBox {
    margin-left: 0;
    max-width: 100%;
    }

    .gwt-MenuBar-vertical {
    background: white;
    padding: 2px 2px 2px 3px;
    }

    .gwt-MenuBar-vertical tr:hover {
    color: #2b7dff;
    }

    .gwt-MenuBarPopup {
    padding: 0px;
    z-index: 9999;
    box-shadow: 0px 5px 15px #666;
    border-radius: 8px;
    overflow: hidden !important;
    border: none;
    }

    .pedigreeCustomFields {
    border-width: 1px;
    background-color: rgb(196, 219, 227);
    width: 95%;
    border-radius: 5px;
    margin-left: 4px;
    }

    .gwt-PopupPanel .popupContent .igene-TextArea {
    box-shadow: none;
    }

    @-moz-document url-prefix() {
    .headerPanelParent > div:nth-child(2) {
    z-index: 2;
    overflow: visible !important;
    }
    }

    .confirmBox button.gwt-Button {
    margin-right: 5px;
    min-width: 31px;
    }

    .leftPadCheckbox .gwt-CheckBox {
    padding-left: 10px;
    }

    @media only screen and (max-width: 1110px) {
    .ng_logo {
    background: none;
    }
    }

    .customTestInvalidField,input.customTestInvalidField:disabled{
    background: rgb(223,115,128) !important;
    opacity: 1.0 !important;
    border: 1px solid #666666 !important;
    border-radius: 5px !important;
    padding-left: 0.4em;
    width: 97%;
    font-size: 1rem;
    line-height: 1.2rem;
    padding-top: 3px;
    padding-bottom: 1px;
    color: #000000;
    display: block;
    }

    input:disabled,
    select:disabled,
    textarea:disabled {
    background: none;
    opacity: 0.5;
    }

    .error {
    background-color: #FFC0CB !important;
    }

    .headerButtonField {
    padding-left: 15px;
    padding-top: 10px;
    }

    .standardButtonField .gwt-TextBox {
    margin-top: 10px;
    width: 97% !important;
    }

    .greenButton .cbg-ButtonContent {
    background-color: #60c665 !important;
    border: 1px solid #60c665 !important;
    }

    .igene-FormElement .taskButtons .greenButton.cbg-Button .cbg-ButtonContent:hover,
    .greenButton .cbg-ButtonContent:hover {
    background-color: white !important;
    border: 1px solid #60c665 !important;
    color: #60c665 !important;
    }


    .blueButton .cbg-ButtonContent {
    background-color: #1f9fd7;
    border: 1px solid #1f9fd7;
    }

    .igene-FormElement .taskButtons .blueButton.cbg-Button .cbg-ButtonContent:hover,
    .blueButton .cbg-ButtonContent:hover {
    background-color: white !important;
    border: 1px solid #1f9fd7 !important;
    color: white !important;
    }

    .blackButton .cbg-ButtonContent {
    background-color: #000000 !important;
    border: 1px solid #000000 !important;
    }

    .igene-FormElement .taskButtons .blackButton.cbg-Button .cbg-ButtonContent:hover,
    .blackButton .cbg-ButtonContent:hover {
    background-color: white !important;
    border: 1px solid #000000 !important;
    color: #000000 !important;
    }

    .orangeButton .cbg-ButtonContent {
    background-color: #FFA500 !important;
    border: 1px solid #FFA500 !important;
    }

    .igene-FormElement .taskButtons .orangeButton.cbg-Button .cbg-ButtonContent:hover,
    .orangeButton .cbg-ButtonContent:hover {
    background-color: white !important;
    border: 1px solid #FFA500 !important;
    color: #FFA500 !important;
    }

    .greyButton .cbg-ButtonContent {
    background-color: #808080 !important;
    border: 1px solid #808080 !important;
    }

    .igene-FormElement .taskButtons .greyButton.cbg-Button .cbg-ButtonContent:hover,
    .greyButton .cbg-ButtonContent:hover {
    background-color: white !important;
    border: 1px solid #808080 !important;
    color: #808080 !important;
    }

    .cancelButton .cbg-ButtonContent {
    background-color: #4079C9 !important;
    border: 1px solid #4079C9 !important;
    }

    .igene-FormElement .taskButtons .cancelButton.cbg-Button .cbg-ButtonContent:hover,
    .cancelButton .cbg-ButtonContent:hover {
    background-color: #4079C9 !important;
    border: 1px solid #4079C9 !important;
    color: white !important;
    }

    .redButton .cbg-ButtonContent {
    background-color: #db2d2d !important;
    border: 1px solid #db2d2d !important;
    }

    .igene-FormElement .taskButtons .redButton.cbg-Button .cbg-ButtonContent:hover,
    .redButton .cbg-ButtonContent:hover {
    background-color: white !important;
    border: 1px solid #db2d2d !important;
    color: #db2d2d !important;
    }

    .cbg-Button-disabled {
    opacity: 0.7;
    }

    .cbg-Button-Edited .cbg-ButtonContent {
    color: black;
    line-height: 1.8em;
    padding: 0 8px;
    }

    .igene-form-control-button-dialog .cbg-Button-Edited .cbg-ButtonContent,
    .formButtons .cbg-Button-Edited .cbg-ButtonContent {
    color: white !important;
    padding: 0;
    border-radius: 6px;
    transition: 0.3s;
    margin-left: 3px;
    margin-right: 3px;
    }

    .cbg-Button-Edited div:not(.cbg-ButtonContent) {
    border: 0 !important;
    }

    .cbg-Button-Edited .cbg-ButtonOuter {
    background: none;
    border-radius: 7px;
    margin-top: 3px !important;
    margin-bottom: 3px !important;
    }

    .cbg-Button-Edited .cbg-ButtonTop {
    height: 0.9em;
    }