/* --- GENERAL --- */
body{font-family:Arial,Helvetica,sans-serif;line-height:1.3;padding: 0; margin: 0;font-size: 90%;}
#header {display: flex; justify-content: space-between; align-items: center;padding: 10px; margin: 0; border-bottom: 2px solid #D91A21;}
.redLineLogo {height: 80px;}
.awesomeicon {padding-right: 5px;}
span.spacer {width: 160px; font-size: 2px;}
hr{border-width:2px 0px 0px 0px;}
.infotext{border: 1px solid #ddd;padding:10px;margin:5px 0 5px 0;}
input[type=text],input[type=password] {border: solid 1px #999999; background-color: #ffffff;border-radius: 4px; margin: 2px 0; padding: 3px; font-family: unset; width: unset;height: 14px;}
textarea, select {border: solid 1px #999999; background-color: #ffffff; border-radius: 4px; margin: 2px 0; padding: 3px; font-family: unset; width: unset; line-height: unset;}
input[type="file"] {display: unset;}
select {border-width: 1px; padding: 2px; border-radius:4px;}

/* --- Test Results Popup ---*/
.mistakeBlock {padding: 1px 16px;background-color: #F1F1F1;border-radius: 6px; margin-bottom: 15px;}
.mistakeBlockQuestion {border-bottom: 1px solid grey;padding-bottom: 10px;font-weight: bold;}
.mistakeHeading {padding: 5px 0;}
.sText {font-size: 0.8rem;}
.fontItalic {font-style: italic;}
.err-red {color: #D91A21;}
.success-green {color: green;}

/* --- Debug --- */
.debugClose{display:block; position:absolute;z-index:2;margin:10px 0 0 -50px;border: 1px solid hsla(200,50%,50%,0.8); border-radius: 5px; padding: 2px 5px; background-color: hsla(200,50%,50%,0.6);color:hsla(0,100%,100%,0.6);cursor: move;}
.debugCorner{display:block; position:absolute;z-index:2;top: 10px;left:10px;border: 1px solid hsla(200,50%,50%,0.8); border-radius: 5px; padding: 2px 5px; background-color: hsla(200,50%,50%,0.6);color:hsla(0,100%,100%,0.6);cursor: move;}
body.testBg{background:url(/images/test-system.png) repeat !important;}
body.testBg2{background:url(/images/test-system-2.png) repeat !important;}
body.testBg3{background:url(/images/test-system-3.png) repeat !important;}

/* --- Menus --- */
.endmenu{border-width:0 10px 0 0;}
.navigation li {padding: 0;}
.navigation {padding: 5px 0 2px 20px;}
.navigation ul {list-style: none; margin: 0; list-style-position: inside;display:inline-block;text-align:left;padding-left:5px;}
a.topmenuactive {padding: 0 10px;line-height: 30px;margin-right: 1px;text-decoration: none;}
a.topmenu {padding: 0 10px;line-height: 30px;margin-right: 1px;}
a.submenu, a:hover.submenu {height: auto;background: none;border: 0;line-height: 24px;}
a.submenu {width: auto !important;}
div.ddContainer, div.ddContainerLarge, div.ddContainerLarge2, div.ddContainerLarge3, div.ddContainerLarge4, div.ddContainerLarge5, div.ddContainerLarge6, div.ddContainerLarge7 {left: -10000px; z-index: 2000;}
.navigation li:hover div.ddContainer,.navigation li:hover div.ddContainerLarge,.navigation li:hover div.ddContainerLarge2,.navigation li:hover div.ddContainerLarge3,.navigation li:hover div.ddContainerLarge4,.navigation li:hover div.ddContainerLarge5,.navigation li:hover div.ddContainerLarge6,.navigation li:hover div.ddContainerLarge7 {left: 0;}
div.ddContainer, div.ddContainerLarge, div.ddContainerLarge2, div.ddContainerLarge3, div.ddContainerLarge4, div.ddContainerLarge5, div.ddContainerLarge6, div.ddContainerLarge7 {border-width: 1px;}
div.ddContainerLarge {width: 350px;}
div.ddContainerLarge2 {width: 700px;}
div.ddContainerLarge3 {width: 900px;}
div.ddContainerLarge4 {width: 1000px;}
div.ddContainerLarge5 {width: 1200px;}
div.ddContainerLarge6 {width: 1200px;}
div.ddContainerLarge7 {width: 1400px;}
ul.ddc1 {width: 170px;}
ul.ddc2 , ul.ddc3, ul.ddc4, ul.ddc5, ul.ddc6, ul.ddc7, ul.ddc8 {width: 200px;}
ul.ddc1 li, ul.ddc2 li, ul.ddc3 li, ul.ddc4 li, ul.ddc5 li, ul.ddc6 li, ul.ddc7 li, ul.ddc8 li {width: 200px;}
li.extraMenuHeading {padding-top: 5px;}
.contentMenu {background-color: white;display: inline-block; float: left; padding: 15px; border-radius: 2px; margin: 15px;}
.contentMenu .stdBtn {margin: 5px 0;}
.sessionExpired {padding:20px 0;}
.topmenu {background-color: #555; border-radius: 2px;}
.topmenuactive{background-color: #111; border-radius: 2px;}
a:hover.topmenuactive, a:hover.topmenu {background-color: #111; text-decoration: none;}

/* --- Tables --- */
.genTable{padding:5px;border:0;border-spacing: 5px;}
.borderBottom td {border-bottom: 1px solid lightgrey;}
.col1, .col2, .col3 {padding: 5px 0; display: inline-block;}
.col1 {width: 280px;}
.col2 {width: 100px;}
.col3 {width: 30px;}
.stdTable {border-collapse: collapse;}
.stdTable td {border: 1px solid steelblue; padding: 5px 10px;}
.stdTable th {border: 1px solid steelblue; color: white; background-color: steelblue; padding: 5px 10px; text-align: center;}

/* --- Buttons --- */
.SmlButton.float-right {margin-left: 10px; padding: 0 10px;}
.SmlButton{border-width:1px; padding:3px 10px; border-radius: 2px;}
.stdBtn {display: inline-block;border: 0 none;text-align: center;cursor: pointer;text-decoration: none; color: #FFFFFF;background: none;background: #D91A21;border-radius: 2px; padding: 4px 10px;}
input.stdBtn {padding-top: 5px;}
.stdBtn:hover {background-color: #D91A21;}
.stdFlexBtn, a.stdFlexBtn {display: flex; justify-content: space-between; align-items: center; cursor: pointer; text-decoration: none; color: #FFFFFF; background-color: #D91A21; border-radius: 2px; padding: 4px 10px 4px 4px;}
a.stdFlexBtn:hover, .stdFlexBtn:hover {text-decoration: none;}
a.dwnldBtn {display: inline-block;border: 0 none;text-align: center;cursor: pointer;text-decoration: none; color: #FFFFFF;background: none;background-color: #0000FF; border-radius: 2px; padding: 4px 10px;}
a.dwnldBtn:hover {text-decoration: none; box-shadow: 0 5px 10px 0 rgba(0,0,0,.25); background-color: #0033FF;}
.changeLogBtn, .purpleLrgBtn {width:100px;height:50px;line-height:50px;font-size:16px;text-align: center; display: inline-block;border-radius: 2px;color: white;text-decoration: none;cursor: pointer; background-color: purple; border: 1px solid purple;}
.changeLogBtn:hover, .purpleLrgBtn:hover {background-color: #510051;}
.changeLogBtn {float:left; height: 22px; color: white; width:auto; line-height: 22px; font-size: 90%; margin-right: 20px;}

/* --- WIKI --- */
pre.wiki {background: #f7f7f7; border: 1px solid #d7d7d7; margin: 1em 1.75em; padding: .25em; overflow: auto;}

/* --- Redactor --- */
.redactor-box {max-width: 800px; min-width: 750px;}
.redactor-layer {font-size: 125% !important;}
.redactor-dropdown-box-inline .redactor-dropdown-sample span, .redactor-editor samp {background: none !important; color: #e30a7e !important;}
.redactor-editor mark, .redactor-editor code, .redactor-editor samp, .redactor-editor kbd {border-radius: 0px !important; padding: 0 !important;}
.redactor-editor pre, .redactor-editor code, .redactor-editor kbd, .redactor-editor samp, .redactor-editor var, .redactor-editor output {font-family: Arial,Helvetica,sans-serif !important; font-size: unset !important;}

/* --- FORM ELEMENTS --- */
.formBox {background-color: #F1F1F1; padding: 15px; display: inline-block;}
.highlightField {padding: 10px; border: 3px solid grey; border-radius: 10px;}
.gd-form-footer {padding-top:20px;}
.gd-form-content-header{padding: 10px 0 20px 0;}
.gd-form-err input, .gd-form-err select, .gd-form-err textarea, .gd-form-err-div {border-width: 2px;}
.gd-form-header{text-align:center;}
.gd-form-header h1{margin-top: 0;}
.gd-form {min-width: 800px;}
.gd-formSml {padding: 2px; display: table;width:400px;}
.gd-formMed {padding: 2px; display: table;width:501px;}
.gd-formLrg {padding: 2px; display: table;width:850px;}
.gdFormTab {padding:10px;}
.gdFormBlock {padding-right: 10px;}
.gdFormInnerBlock {margin-right:50px;}
.LTsml,.LTmed,.LT,.LTlrg,.LTxlrg,.LTxxlrg{line-height:20px;padding-right:5px;}
.LTqxxlrg,.LTqlrg{line-height:20px;padding-right:5px;border-width:0 0 1px 0;}
.LTsml{width:50px;}
.LTmed{width:100px;}
.LT{width:200px;}
.LTlrg,.LTqlrg{width:300px;}
.LTxlrg{width:400px;}
.LTqxxlrg,.LTxxlrg{width:700px;}
.RTsml,.RTmed,.RTlrg,.RTxlrg,.RTqlrg,.RTqxxlrg,.RT{line-height:20px;min-width: 50px;}
.RTqxxlrg,.RTqlrg{border-width:0 0 1px 0;}
.FLT{max-width:800px;}
.gd-tab-active, .gdSubTabActive {border-width:1px 1px 0 1px;border-radius: 2px 2px 0 0;padding:5px;}
.gd-tab-inactive, .gdSubTabInactive{border-width:1px 1px 0 1px;border-radius: 2px 2px 0 0;padding:5px;}
.gdTabMenu {width:100%;border-width:0 0 3px 0;padding-top: 10px;}
.gdSubTabMenu {width:100%;border-width:0;padding-top: 10px;}
.sysOptions {display: flex; justify-content: flex-start; flex-wrap: wrap;}
.sysOptions span {width: 200px; text-align: right;}
.RTsml,.RTmed,.RTlrg,.RTxlrg,.RTqlrg,.RTqxxlrg,.RT,.LTsml,.LTmed,.LT,.LTlrg,.LTxlrg,.LTxxlrg,.LTqxxlrg,.LTqlrg{min-height: 26px;}

/* --- GRID --- */
.gd-grid{display:inline-block;text-align:left;padding:5px;border-width: 2px;}
.gd-grid-table{border-collapse:collapse;}
.gd-grid-col-ctrl-cell{padding:5px;}
.gd-grid-header-row{}
.gd-grid-header-cell{padding:5px 20px 5px 0px;}
.gd-grid-header-cell a {text-decoration:none;}
.gd-grid-search-row{}
.gd-grid-search-cell{padding:5px 20px 5px 0px;}
.gd-grid-content-row{}
.gd-grid-dark-row{}
.gd-grid-row-inactive{}
.gd-grid-row-inactive td{}
.gd-grid-dark-row td{border-width:1px;}
.gd-grid-content-cell{padding:5px 20px 5px 0px;}
.gd-grid-content-cell p {margin: 0;}
.gd-grid-total-cell{padding:10px; text-align:right;}
.gd-grid-total-row{border-style: double; border-width: 4px 0 0 0;}
.gd-grid-pager {padding:10px;}
.gd-grid-pager-table{}
.gd-grid-pager-row{}
.gd-grid-pager-cell-left{}
.gd-grid-pager-cell-center{}
.gd-grid-pager-cell-right{}
tr:hover.gd-grid-light-row, tr:hover.gd-grid-dark-row:hover,tr:hover.gd-grid-vlight-row, tr:hover.gd-grid-vdark-row:hover, tr:hover.veryLightBlue, tr:hover.lightBlue, tr:hover.veryLightGrey, tr:hover.lightGrey {background-color: #D0FFFF;}
tr.gd-grid-select-row {background-color: #90FFFF !important;}
.greenCell, .orangeCell, .redCell, .blueCell {display:block; width:100%; height: 100%; color: white; padding: 3px; font-weight: bold; text-align: center;}
.greenCell {background-color: green;}
.orangeCell {background-color: orange;}
.redCell {background-color: red;}
.blueCell {background-color: lightblue; color: black;}
.statusDot {margin-top: -10px; vertical-align: sub;}

.collapsible {min-width: 150px; height: 16px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; padding: 5px; cursor: pointer; transition: background-color 0.2s ease; word-break: break-word;}
.collapsible:hover {background-color: #f9f9f9;}
.expanded {-webkit-line-clamp: unset; height: auto; background-color: #eef; white-space: normal;}

/* --- POPUP CALENDAR --- */
.ui-datepicker {padding: 0.2em 0.2em 0;width: 17em;display:none;}
.ui-corner-all {border-radius: 6px;}
.ui-widget-content {border-width: 1px;}
.ui-datepicker .ui-datepicker-header {padding: 0.2em 0;position: relative;}
.ui-widget-header {border-width: 1px;}
.ui-datepicker-prev {left: 2px;}
.ui-datepicker-next {right: 2px;}
.ui-datepicker-prev,.ui-datepicker-next{height: 1.8em;position: absolute;top: 2px;width: 1.8em;}
.ui-datepicker-prev i,.ui-datepicker-next i {left: 50%;margin-left: -6px;margin-top: -6px;position: absolute;top: 50%;cursor:pointer;}
.ui-datepicker-title {line-height: 1.8em;margin: 0 2.3em;text-align: center;}
select.ui-datepicker-month,select.ui-datepicker-year {width: 49%;}
.ui-datepicker table {border-collapse: collapse;font-size: 0.9em;margin: 0 0 0.4em;width: 100%;}
.ui-state-default {text-align:center;border-width: 1px;}
.ui-datepicker td span, .ui-datepicker td a {display: block;padding: 0.2em;text-decoration: none;}
.ui-state-highlight {border-width: 1px;color: #ED008C !important;background-color:#FCF8FA !important;border-style: solid;border-color: #ED008C !important;}
.ui-state-active {background-color: #FFFFFF !important;border: 1px solid #EEEEEE !important;color: #ED008C !important;}
.ui-state-hover {background-color: #CCC !important;}

/* --- TIMEPICKER --- */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 40%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui-timepicker-div .ui_tpicker_unit_hide{ display: none; }
.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; }
.ui-timepicker-div.ui-timepicker-oneLine { padding-right: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time, 
.ui-timepicker-div.ui-timepicker-oneLine dt { display: none; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label { display: block; padding-top: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine dl { text-align: right; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd, 
.ui-timepicker-div.ui-timepicker-oneLine dl dd > div { display:inline-block; margin:0; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before { content:':'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before { content:'.'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before{ display: none; }

/* --- POPUP --- */
#genPopupCenter, #overridePopupCenter,#genPopupCenterSml1, #genPopupCenterSml2, #genPopupCenterSml3,#genPopupCenterMed1, #genPopupCenterMed2, #genPopupCenterMed3,
#genPopupCenterLrg1, #genPopupCenterLrg2, #genPopupCenterLrg3 {top: 50px; left:50%; position:absolute; border-radius: 30px; padding: 10px;}
#genPopupOverlay, #genPopupOverlay1, #overridePopupOverlay, #genPopupOverlay2,#genPopupOverlay3 {height: 100%; opacity:0.8; position:fixed; top:0; left:0; width: 100%;}
#genPopupContent, #overridePopupContent {opacity: 1; line-height: 20px;}
#genPopupCloseArea {padding-top: 20px; width: 100%; text-align: center; display: block;}
#genPopupRounded, #overridePopupRounded {border: 6px solid #D91A21; border-radius: 25px; padding: 20px;}
#genPopupOverlay, #genPopupOverlay1, #overridePopupOverlay {z-index: 9;}
#genPopupCenter, #overridePopupCenter, #genPopupCenterSml1, #genPopupCenterMed1, #genPopupCenterLrg1 {z-index: 10;}
#genPopupOverlay2 {z-index: 11;}
#genPopupCenterSml2, #genPopupCenterMed2, #genPopupCenterLrg2 {z-index: 12;}
#genPopupOverlay3 {z-index: 13;}
#genPopupCenterSml3, #genPopupCenterMed3, #genPopupCenterLrg3 {z-index: 14;}
#ui-datepicker-div {z-index: 1100 !important};
#genPopupCenterSml1, #genPopupCenterSml2, #genPopupCenterSml3 {margin-left: -180px; min-width: 460px;}
#genPopupCenterMed1, #genPopupCenterMed2, #genPopupCenterMed3 {margin-left: -230px; min-width: 560px;}
#genPopupCenter, #overridePopupCenter {margin-left: -300px; width: 600px;}
#genPopupCenterLrg1, #genPopupCenterLrg2, #genPopupCenterLrg3 {margin-left: -450px; min-width: 900px;}
#overridePopupContent {text-align: left;}
#genPopupCenter,#overridePopupCenter,#genPopupCenterSml1,#genPopupCenterSml2,#genPopupCenterSml3,#genPopupCenterMed1,#genPopupCenterMed2,#genPopupCenterMed3,
#genPopupCenterLrg1,#genPopupCenterLrg2,#genPopupCenterLrg3 {background-color: #FFFFFF;}
#genPopupOverlay,#overridePopupOverlay,#genPopupOverlay1,#genPopupOverlay2,#genPopupOverlay3 {background-color: #CCCCCC;}
#genPopupCenter,#overridePopupCenter,#genPopupCenterSml,#genPopupCenterMed,#genPopupCenterLrg {box-shadow: 0 5px 20px rgba(0, 0, 0, 0.5);}

/* --- POSITIONING --- */
.navigation li,
.positionRelative{position:relative;}
div.ddContainer, div.ddContainerLarge, div.ddContainerLarge2, div.ddContainerLarge3, div.ddContainerLarge4, div.ddContainerLarge5, div.ddContainerLarge6, div.ddContainerLarge7,
.positionAbsolute{position:absolute;}

/* --- FONTS --- */
.font-arial{font-family: Arial,Helvetica,sans-serif;}
.navigation li,a.submenu,.contentMenuHeading,.LTsml,.LTmed,.LT,.LTlrg,.LTxlrg,.LTxxlrg,.largeHlt,.xxLargeHlt,.ui-widget-header,.ui-state-active,.literal,.gd-grid-header-cell, .sessionExpired,
.gd-grid-total-cell,.boxHeading,
.fontBold{font-weight:bold;}
.xSmallHlt,
.xSmallText{font-size: 0.625em !important;}
.smallHlt,.small-t,
.smallText{font-size: 0.75em !important;}
.mediumHlt,
.mediumText{font-size: 0.875em !important;}
h4,.largeHlt,
.largeText{font-size: 1em !important;}
h3,.xLargeHlt,
.xLargeText{font-size: 1.25em !important;}
h2,.xxLargeHlt,.gd-form-content-header,
.xxLargeText{font-size: 1.5em !important;}
h1,.xxxLargeHlt,.boxHeading,
.xxxLargeText{font-size: 1.75em !important;}
.superLargeText{font-size: 2em !important;}

/* --- TEXT COLORS --- */
.gd-tab-active,.gdSubTabActive,a.topmenuactive,a.topmenu,.topmenu .awesomeicon,
.ui-widget-header,.ui-datepicker .ui-datepicker-prev i, .ui-datepicker .ui-datepicker-next i,.SmlButton,
.whiteText{color: #FFFFFF;}
h1,h2,h3,h4,.boxHeading,.gd-grid-col-ctrl-cell a, .gd-grid-header-cell a,#header, #header h1, #header h4,a.submenu,.submenu .awesomeicon,
.xxxLargeHlt,.xxLargeHlt,.xLargeHlt,.largeHlt,.mediumHlt,.smallHlt,.xSmallHlt,.gd-form-content-header,.pink-t, .groupedBlock legend,
.redText{color: #D91A21;}
.lightGreyText {color: #AAA;}
.sessionExpired,
.orangeText{color: #ffc221;}
a.extLink,a:hover.extLink,.blueText,
.darkBlueText{color: #0033ff;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default,.extraMenuHeading,
.darkGreyText{color: #4D4D4D;}
.gd-check-radio-err,
.redText{color: red;}
.greenText{color: #5cb85c;}
.yellowText{color: gold;}
.gd-tab-inactive:hover,.gdSubTabInactive:hover,
.blackText{color: #000000;}
.infotext,
.greyText{color: #333;}

/* --- BACKGROUND COLORS --- */
.ui-widget-content,body,.gd-grid-light-row,.gd-formSml,.gd-formMed,.gd-formLrg,#header,
.gd-grid-total-row, .highlightField,
div.ddContainer, div.ddContainerLarge, div.ddContainerLarge2, div.ddContainerLarge3, div.ddContainerLarge4, div.ddContainerLarge5, div.ddContainerLarge6, div.ddContainerLarge7,
.whiteBg {background-color: #FFFFFF;}
.veryLightBlueBg {background-color: #E8F3FF;}
.lightBlueBg {background-color: #C6E2FF;}
.SmlButton,.SmlButton:hover,.gd-tab-active,.gdSubTabActive,.ui-widget-header,
.redBg{background-color: #D91A21;}
.gd-grid-dark-row,
.lightPinkBg{background-color:#FCF8FA;}
.infotext,
.lightGreenBg{background-color: #DDFFCC;}
.lightGrey, .greyBg, .mainmenu,
.overlayBg{background-color: #CCCCCC;}
.greyLightBg {background-color: #EFEFEF;}
.darkGreyBg {background-color: #666666;}
.midGreyBg {background-color: #999999;}
.lightGreyBg {background-color: #E5E4E4;}
.whiteSmokeBg {background-color: whitesmoke;}
.gd-grid-pager,
.blueGreyBg{background-color: #d7dfe2;}
.darkGreyBg{background-color: #555555;}
span.spacer,
.veryLightGreyBg {background-color: #BBBBBB;}
.gd-tab-inactive:hover,.gdSubTabInactive:hover,.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default,
.lightGreyBg{background-color: #F1F1F1;}
.lightOrangeBg {background-color: #ffc221;}

/* --- BORDERS --- */
div.ddContainer, div.ddContainerLarge, div.ddContainerLarge2, div.ddContainerLarge3, div.ddContainerLarge4, div.ddContainerLarge5, div.ddContainerLarge6, div.ddContainerLarge7,.gd-grid,
.gd-tab-active,.gdSubTabActive,.gd-tab-inactive,.gdSubTabInactive,.gdTabMenu,.gdSubTabMenu,.gd-form-err input, .gd-form-err select, .gd-form-err textarea, .gd-form-err-div,.ui-widget-content,.endmenu,
.ui-widget-header,.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default,.SmlButton,.gd-grid-dark-row td,
.borderSolid{border-style: solid;}
.gd-form-err input, .gd-form-err select, .gd-form-err textarea, .gd-form-err-div,
.gd-tab-active,.gdSubTabActive,.gdTabMenu,.gdSubTabMenu,.ui-widget-header,.SmlButton,.gd-grid,
.redBorder{border-color: #D91A21;}
.whiteBorder{border-color: #FFFFFF}
.lightOrangeBorder{border-color:#ffc221;}
.blackBorder{border-color: #000000}
.ui-widget-content,
.lightGreyBorder{border-color: #e8e8e8;}
.gd-grid-dark-row td,
.lightPinkBorder{border-color:#FCF8FA;}
.gd-tab-inactive,.gdSubTabInactive,.LTqxxlrg,.LTqlrg,.RTqxxlrg,.RTqlrg,.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default,
.greyBorder{border-color: #999999;}
.LTqxxlrg,.LTqlrg,.RTqxxlrg,.RTqlrg,
.dashedBorder{border-style: dashed;}
.manualDivider td {border-top: 1px solid #CCC;}
.endmenu,
.greyBorder {border-color: #CCC;}

/* --- MARGIN --- */
a.submenu, a:hover.submenu,
.noMargin{margin: 0;}
.flexBlock input {margin-right: 20px;}

/* --- ALIGNMENT --- */
.LT,.gd-grid-content-cell,
.verticalAlignTop {vertical-align: top;}
.verticalAlignMiddle{vertical-align: middle;}
a:hover.submenu,a.submenu,.LTsml,.LTmed,.LT,.LTlrg,.LTxlrg,.LTxxlrg,.RTsml,.RTmed,.RTlrg,.RTxlrg,.RTqlrg,.RTqxxlrg,.RT,.centerleft,
.textAlignLeft{text-align: left;}
.textAlignRight{text-align: right;}
a.topmenuactive,a.topmenu,.centered, .sessionExpired,
.textAlignCenter{text-align: center;}
.floatRight{float: right;}

/* --- DISPLAY --- */
.awesomeicon,.RTsml,.RTmed,.RTlrg,.RTxlrg,.RTqlrg,.RTqxxlrg,.RT,.LTsml,.LTmed,.LT,.LTlrg,.LTxlrg,.LTxxlrg,.gd-tab-active,.gdSubTabActive,.gd-tab-inactive,.gdSubTabInactive,
.LTqxxlrg,.LTqlrg,.centerleft,
.inlineBlock{display: inline-block;}
a.topmenuactive,a.topmenu,span.spacer,.navigation li:hover div.ddContainer,.navigation li:hover div.ddContainerLarge,.navigation li:hover div.ddContainerLarge2,
.navigation li:hover div.ddContainerLarge3,.navigation li:hover div.ddContainerLarge4,.navigation li:hover div.ddContainerLarge5,.navigation li:hover div.ddContainerLarge6,.navigation li:hover div.ddContainerLarge7,
.FLT,.gdTabMenu,.gdSubTabMenu,.rightBlock,.centered, .sessionExpired,
.stdBlock{display: block;}
.noDisplay{display: none;}
.navigation li,ul.ddc1, ul.ddc2, ul.ddc3, ul.ddc4, ul.ddc5, ul.ddc6, ul.ddc7, ul.ddc8,.gdFormBlock,
.floatLeft{float:left;}
.tableCell{display:table-cell;}
.rightBlock,
.floatRight{float:right;}
img,
.noBorder{border: 0;}
.clearedBlock:after {content: "";display: table;}
.RTsml,.RTmed,.RTlrg,.RTxlrg,.RTqlrg,.RTqxxlrg,.RT,
.clearBoth {clear: both;}
.gd-grid-header-cell,.gd-grid-search-cell,
.noWrap{white-space:nowrap;}
.gd-tab-inactive:hover,.gdSubTabInactive:hover,.SmlButton, .ajaxAction:hover,
.cursorPointer{cursor: pointer;}
.notLive {display: block; width: 100%; padding: 5px 0px; background-color: yellow; text-align: center; font-weight: bold; border-bottom: 2px solid darkgoldenrod;}
.flexBlock {display: flex; align-items: baseline;}

/* --- TEXT DECORATION --- */
a.topmenu,a.submenu, .link-no-underline:hover, .SmlButton, .SmlButton:hover,
.linkNoUnderline {text-decoration: none;}
.textUppercase{text-transform: uppercase;}
a:hover,a:hover.submenu,a:hover.submenu,
.linkUnderline {text-decoration: underline;}

/* --- Message boxes --- */
.boxHeading {padding-bottom: 5px;}
.gdFormBlock.placeholder {float: unset; padding-right: 0;}
.info, .success, .warning, .error {border: 1px solid; padding: 0px 10px 0px 50px; line-height: 1em;}
.warning span:first-child, .info span:first-child, .success span:first-child, .error span:first-child {border-left: 1px solid; display: inline-block; padding: 20px 10px; margin-left: 10px;}
.info {color: #00529B; background-color: #BDE5F8;}
.success {color: #4F8A10; background-color: #DFF2BF;}
.warning {color: #9F6000; background-color: #FEEFB3;}
.error {color: #D8000C; background-color: #FFBABA;}
.info::before, .success::before, .error::before, .warning::before {margin-left: -36px; font-family: FontAwesome; font-size: xx-large; padding-right: 10px; vertical-align: middle;}
.info::before {content: "\f05a";}
.success::before {content: "\f058";}
.warning::before {content: "\f06a";}
.error::before {content: "\f057";}
fieldset {border: 1px solid pink; margin: 0; padding: 0 20px 20px 20px;}
.actionRed {cursor:pointer; color: #D91A21;}
#errortext {margin-bottom: 10px;}
.simpleFail {border: 1px solid #D8000C; padding: 5px; background-color: #FFBABA; margin-bottom: 2px;}
.simpleSuccess {border: 1px solid #4F8A10; padding: 5px; background-color: #DFF2BF; margin-bottom: 2px;}

/* --- Admin Dashboard --- */
.adminDashboard {display: flex; flex-wrap: wrap; align-items: stretch;justify-content:center;}
.adminDashboard a {text-decoration: none;}
.adminDashboard a:hover {text-decoration: underline;}
.adminDashBlock {background-color: #F1F1F1; padding: 8px; margin: 10px;}
.adminDashBlock span.borderBottom {display: block; border-bottom: 1px solid lightgrey;}

/* --- Popups --- */
.questionLookupPopup {background-color: white; border: 2px solid #D91A21; border-radius: 10px; padding: 10px; position: absolute; width: 350px; display: none; left: 50%; box-shadow: 0px 0px 10px 2px #888888;}
.questionLookupPopup {z-index: 51;}
.questionTableClick {cursor:pointer;}
.questionTableClick:hover {background-color: #CCC;}
#popupOverlay {height: 100%; z-index: 30; opacity:0.8; position:fixed; top:0; left:0; width: 100%; background-color: #CCC;}
#popupCenter {z-index: 35; margin-left: -200px; width: 400px; left: 50%; top: 50px; position:fixed; border-radius: 30px; padding: 10px;}
#popupRounded {border-width: 6px; border-style: solid; border-color: #D91A21; border-radius: 25px; padding: 20px; background-color: white;}
#popupContent {text-align: center;}

/* --- Course Redactor Settings --- */
.courseWindow p, .courseWindow td, .courseWindow th, .courseWindow span, .courseWindow div {font-size: 24px;}
.greyBlock {width: 80%; padding:10px; text-align: center; background-color: #808EA8; color: white;}
.brownBlock {width: 80%; padding:10px; text-align: center; background-color: #AB9470; color: white;}
.redBlock {width: 80%; padding:10px; text-align: center; background-color: maroon; color: white;}
.sideBySideBlock {display: flex; justify-content: space-evenly;}
.sideBySideBlock span {border: 2px dashed #CCC;}
.courseWindow img {width: 100%;}

/* Course Window */
#courseWindow p, #courseWindow td, #courseWindow th, #courseWindow span, #courseWindow div {font-size: 24px;}
#courseWindowContent {top:50px; left: 50%; position: absolute; border-radius: 7px; padding: 0; margin: 0; opacity: 1; z-index: 10; margin-left: -500px; width: 1000px; background-color: white; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.5);}
#courseWindowOverlay {height: 100%; opacity:0.8; position:fixed; top:0; left:0; width: 100%; z-index: 9; background-color: #CCC;}
.courseTitleSection {width: 100%; background-color: #F1F1F1; display: flex; flex-wrap: nowrap; align-items: flex-start; justify-content: space-between; border-bottom: 2px solid #CCC; padding: 10px 0; border-radius: 7px 7px 0 0;}
.courseRows {width: 100%;}
.courseName {padding-left: 10px; font-size: 36px !important; color: #D91A21;}
.courseLink {color: #666; text-decoration: none; font-size: 20px; cursor: pointer;}
.courseLink:hover {text-decoration: underline;}
.exitCourse {display: inline-block; padding-right: 10px; text-align: right;}
.courseContainer {display: flex; align-items: stretch; min-height: 650px;}
.courseNumberBlock1 {height: 86px; width: 50px;}
.courseNumberBlock2 {height: 172px; width: 60px;}
.courseNumberBlock3 {height: 258px; width: 70px;}
.courseNumberBlock4 {height: 344px; width: 80px;}
.courseNumberBlock5 {height: 430px; width: 90px;}
.courseNumberBlock6 {height: 516px; width: 100px;}
.courseNumberSection {display: block; border-radius: 0% 100% 100% 0% / 0% 100% 0% 100%; width: 100%; height: 100%; border: 2px solid #CCC; border-bottom: none; border-left: none; margin-top: -2px;}
.courseRows {}
.courseSection {height: 86px; display: flex; align-items: center;}
.coursePageHeading {font-weight: bold; padding: 10px 0 0 20px; font-size: 40px !important; text-transform: uppercase;}
.coursePageContent {padding: 0 20px 50px 20px; min-height: 500px;}
.coursePageContent.Esteve {padding: 0; font-size: 0px !important;}
.coursePageContent img {max-width: 900px;}
.coursePagingSection {width: 100%; background-color: #F1F1F1; display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; padding: 10px 0 10px 0; border-top: 2px solid #CCC; border-radius: 0 0 7px 7px;}
.courseDate {width: 200px; padding: 5px;}
.coursePaging {width: 200px; padding: 5px; text-align: right; font-weight: bold;}
.coursePageSection {display: flex; justify-content: space-between; border-top: 2px solid #D91A21;}
.previousPage {padding-left: 10px;}
.nextPage {padding-right: 10px;}
.roundSectionNum {display: inline-block; width: 30px; height: 30px; border: 2px solid #CCC; border-radius: 30px; line-height: 30px; text-align: center; text-decoration: none; vertical-align: center;}
.roundSectionNum.notStarted {background-color: #FFF;}
.roundSectionNum.notStartedLinked {background-color: #CCC;}
.roundSectionNum.completed {background-color: green; color: white;}
.roundSectionNum.completed:hover, .roundSectionNum.inProgress:hover {background-color: darkgreen;}
.roundSectionNum.notStartedLinked:hover {background-color: #AAA;}
.roundSectionNum.inProgress {background-color: green; color: white;}
.sectionName {width: 86%; font-size: 14px !important; color: #666;padding-left: 10px;}
.section11 {margin-left: -23px;}
.section21 {margin-left: -35px;}
.section22 {margin-left: -18px;}
.section31 {margin-left: -45px;}
.section32 {margin-left: -25px;}
.section33 {margin-left: -17px;}
.section41 {margin-left: -54px;}
.section42 {margin-left: -32px;}
.section43 {margin-left: -21px;}
.section44 {margin-left: -17px;}
.section51 {margin-left: -61px;}
.section52 {margin-left: -39px;}
.section53 {margin-left: -26px;}
.section54 {margin-left: -20px;}
.section55 {margin-left: -16px;}
.section61 {margin-left: -70px;}
.section62 {margin-left: -46px;}
.section63 {margin-left: -33px;}
.section64 {margin-left: -24px;}
.section65 {margin-left: -19px;}
.section66 {margin-left: -16px;}
.section67 {border-left: 2px solid #CCC;}
.section67 .roundSectionNum {margin-left: -18px;}
.sectionProgress {display: block; width: 600px; height: 10px;}
.sectionDesc {padding-left: 20px; max-width: 90%;}
.sectionDesc a {text-decoration: none;}
.sectionDesc a:hover {text-decoration: underline;}
.correctAnswerBlock, .incorrectAnswerBlock {display: block;}
.outcomeIcon {display: inline-block;}
.correctAnswerBlock .outcomeIcon {color: green;}
.incorrectAnswerBlock .outcomeIcon {color: red;}
.outcomeText {display: inline-block; background-color: #666; color: white; padding: 10px; margin: 0 0 10px 10px; max-width: 80%;}
.progressComplete, .progressCompleteBoth {display: inline-block; width: 100%; height: 100%; border-radius: 5px 0 0 5px; background-color: green;}
.progressIncomplete, .progressIncompleteBoth {display: inline-block; width: 100%; height: 100%; border-radius: 0 5px 5px 0; background-color: #CCC;}
.progressIncompleteBoth, .progressCompleteBoth {border-radius: 5px;}
.testQuestionBlock {border-top: 2px solid #CCC; padding-bottom: 20px;}
.questionType {font-size: 12px; color: #666; font-style: italic;}
.greyBlock {width: 80%; padding:10px; text-align: center; background-color: #808EA8; color: white;}
.brownBlock {width: 80%; padding:10px; text-align: center; background-color: #AB9470; color: white;}
.redBlock {width: 80%; padding:10px; text-align: center; background-color: maroon; color: white;}
.sideBySideBlock {display: flex; justify-content: space-evenly;}
.courseTestSection .testQuestionBlock {border-top: 0;}
.confirmTestSubmit {font-size: 16px !important;}

/* --- Media Queries --- */
@media only screen and (max-width: 1000px) {
	.ddContainer {margin-left: 50px; margin-top: -10px;}
}