/*
//Copyright 2012 Made Headway Limited
*/

@import url('system.css');

@font-face{font-family:'Futura';src:url(../fonts/Futura-Book.eot);src:url(../fonts/Futura-Book.eot?#iefix) format("embedded-opentype"),url(../fonts/Futura-Book.woff2) format("woff2"),url(../fonts/Futura-Book.woff) format("woff"),url(../fonts/Futura-Book.ttf) format("truetype"),url(../fonts/Futura-Book.svg#svgFontName) format("svg");font-weight:400;font-style:normal}
@font-face{font-family:'Futura';src:url(../fonts/Futura-Light.eot);src:url(../fonts/Futura-Light.eot?#iefix) format("embedded-opentype"),url(../fonts/Futura-Light.woff2) format("woff2"),url(../fonts/Futura-Light.woff) format("woff"),url(../fonts/Futura-Light.ttf) format("truetype"),url(../fonts/Futura-Light.svg#svgFontName) format("svg");font-weight:300;font-style:normal}
@font-face{font-family:'Kepler Std';src:url(../fonts/KeplerStd-Regular.eot);src:url(../fonts/KeplerStd-Regular.eot?#iefix) format("embedded-opentype"),url(../fonts/KeplerStd-Regular.woff2) format("woff2"),url(../fonts/KeplerStd-Regular.woff) format("woff"),url(../fonts/KeplerStd-Regular.ttf) format("truetype"),url(../fonts/KeplerStd-Regular.svg#svgFontName) format("svg");font-weight:400;font-style:normal}
@font-face{font-family:'Kepler Std';src:url(../fonts/KeplerStd-Light.eot);src:url(../fonts/KeplerStd-Light.eot?#iefix) format("embedded-opentype"),url(../fonts/KeplerStd-Light.woff2) format("woff2"),url(../fonts/KeplerStd-Light.woff) format("woff"),url(../fonts/KeplerStd-Light.ttf) format("truetype"),url(../fonts/KeplerStd-Light.svg#svgFontName) format("svg");font-weight:300;font-style:normal}
@font-face{font-family:'Kepler Std';src:url(../fonts/KeplerStd-Italic.eot);src:url(../fonts/KeplerStd-Italic.eot?#iefix) format("embedded-opentype"),url(../fonts/KeplerStd-Italic.woff2) format("woff2"),url(../fonts/KeplerStd-Italic.woff) format("woff"),url(../fonts/KeplerStd-Italic.ttf) format("truetype"),url(../fonts/KeplerStd-Italic.svg#svgFontName) format("svg");font-weight:400;font-style:italic}
@font-face{font-family:'Kepler Std';src:url(../fonts/KeplerStd-Bold.eot);src:url(../fonts/KeplerStd-Bold.eot?#iefix) format("embedded-opentype"),url(../fonts/KeplerStd-Bold.woff2) format("woff2"),url(../fonts/KeplerStd-Bold.woff) format("woff"),url(../fonts/KeplerStd-Bold.ttf) format("truetype"),url(../fonts/KeplerStd-Bold.svg#svgFontName) format("svg");font-weight:700;font-style:normal}


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;} caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
a:active, a:focus, a:link {outline:none;  color: rgb(28, 223, 149);}
a:hover {color: #000;}
textarea{overflow:auto;}
div.clear, span.clear, p.clear {clear:both;}
div.end {margin-right:0!important;}
strong {font-weight:bold;}

.nobr {
  white-space: nowrap;
}

body {
  color:#212529;
  background-color:#FFF;  
  font-family:'Futura' !important;
}

sup {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
}

b.compulsoryMarker
{
  color:#600;
}
*[_invalid]
{
  background-color:#FCC;
}


/* Cannot reference these directly: */
img[title="ESQ"], img[title="LVP"], img[title="HRV"], img[title="LNA"], img[title="Salivary"], img[title="LVP-QS"],
img[title="CBP"],img[title="LBP"], img[title="LBP-360"], img[title="LMP-Prose"], .toolImage img, div.teamSelToolDetail img, .toolInstructionBlock img {
  
  width:100px;
  height:100px;
  object-fit:contain;
}

/* END copy from  */
/* Global styling: */
span {min-height:1px; }
input.text, textarea, select {padding:1px 1px 1px 1px; border-top:1px solid #777; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ddd; background-color:#fff; resize:none; }
table {border-collapse:collapse; }
td {vertical-align:top; }

hr {border:0; width:95%; height:1px; color:#ccc; background-color:#ccc; }

label  {display: block; padding-left: 15px; text-indent: -15px;}
input[type=checkbox], input[type=radio] {
  width: 13px; 
  height: 13px; 
  padding:4px 0px 0px;
}


textarea {height:90px; }

button {
    font-family: 'Futura';
    font-weight:bold;
    font-size: 11px;
    
    border:0;
    margin:0px 0px 0px 5px;
    
    background-color:rgb(28, 223, 149);
    color:rgb(25, 25, 48);
    border-radius:4px;
    padding:10px 25px;
    
    min-width:45px;
    vertical-align:top;
    cursor:pointer;
}

.ui-menu {
  overflow-y:auto; max-height:390px;
}


button:hover {background-color: rgb(37, 179, 125);}
button[disabled] {color:#AAA; }
select, input[type=text], textarea, input[type=password] {font-weight:normal;  border:1px solid #DDE; font-size:12px;}
select {position:relative; top:-2px; }

/* Unselectable elements */
.noSel {cursor:default; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }

/* Simple CSS */
#main {min-width:960px; margin-left:auto; margin-right:auto;    
    color:#444;     }

#contents {
  clear: both;
  position:relative;
  min-height: calc(100vh - 196px);
}

#contents .regionHolder {
  margin: 28px auto 40px auto; 
  max-width:1150px;
}

.toolSelectionList label {
  width:initial !important;
  padding:8px 16px 8px 20px;
}

.tagline {
  min-height: 64px;    
  font-family:'Kepler Std' !important;
}

#main > .menuBar, .tagline {
  padding-left:calc(50% - 575px);
  padding-right:calc(50% - 575px);
  
  background-color:#EFEFEF;
}

#pageContent {min-height:300px; }

.tagline .mainLogo {
  float:left;
  margin:12px 5px 0px 0px; 
  width:220px;
  height:46px;
  background: transparent url("https://complete-coherence.com/wp-content/themes/complete-coherenceNew/build/img/logo.png") no-repeat top left;
  background-size:contain;
}
.tagline .mainLogo img {
  display:none;
}
.tagline  .sysLogo {float:right; margin:24px 6px 0px 0px; text-align:right; }
.sysLogo .sl1, .sysLogo .sl2, .sysLogo .sl3 { display:inline-block; letter-spacing:2.5px; font-size:18px; margin-left:6px; /*text-transform:uppercase;*/}
.sysLogo .sl2 {color:rgb(28, 223, 149); }

.loginpanel {padding:10px 12px 16px 12px; max-width:550px; margin-left:auto; margin-right:auto; }
.loginpanel .title {margin-top:80px; }
.loginpanel .para { margin-bottom:120px; padding-bottom: 26px; margin-top:14px; border-bottom:1px solid #AAA; }
.loginpanel td {padding:2px 2px 2px 2px; }

.loginTable {margin-left:auto; margin-right:auto; }
.loginTable tr td {padding:4px 8px; vertical-align:middle; }

.loginTable tr:last-child td:first-child a {
  padding-top:8px;
  display:inline-block;
}

.loginpanel .optionTable {width:100%; border-top:1px solid #557; border-bottom:1px solid #557; }
.loginpanel .optionTable td {vertical-align:middle; }
.loginpanel input, .loginpanel select {width:380px; padding:4px; }

.title .subline { padding-left:14px; font-size:16px;}

.baseline {
  background-image:linear-gradient(90deg, rgb(9, 9, 24) 0px, rgb(26, 25, 66) 100%);
  color:#FFF; 
  padding:4px 4px 4px 20px; 
  text-align:center; 
  font-size: 10px;  
}

.loggedInPanel {text-align:right; color:#595959; margin-top:32px; margin-bottom:2px; }
.loggedInPanel button {margin-left:16px; margin-top:-4px; }

.baseline a:link, .baseline a:link, .baseline a:visited {color: #EFEFEF; }

.subtitle {font-weight:bold; margin-top:4px; margin-bottom:10px; }

.title, .lbp-title
{    
    color: #595959;
    padding-top:20px;
    font-size: 24px;
    border-top:1px solid #b2b1b6;
    font-family: 'Kepler Std' !important;
    letter-spacing:2.5px;
    text-transform:uppercase;
    font-weight: 300;
    line-height: 28px;
}
.title::after {
 content:'  //';
}

.lbp-title {
  padding:12px 8px 5px;
  margin-bottom:8px;
  border-bottom:1px solid #595959;
}

.para div.title
{
  background-image:linear-gradient(90deg, rgb(9, 9, 24) 0px, rgb(26, 25, 66) 100%);
  color:#FFF;
  margin-top:16px;
    
  position:relative;
  left:-1000px;
  width:100%;
  padding:16px 1000px 8px;  
}

.para .title > span::after {
  content:'  //';
}
.para .title::after {
  content:'';
}

.para .para {
  background-image:linear-gradient(90deg, rgb(9, 9, 24) 0px, rgb(26, 25, 66) 100%);
  
  margin-bottom:16px; 
  overflow-x:auto; 
  position:relative;
  
  color: #FFF;
  
  left:-1000px;
  width:100%;
  padding:0px 1000px 16px;  
}

.para .para a:visited, .para .para a:link {
  /* color:#FFF; */
}

.para {line-height: 20px; padding:8px 16px; }

.smallPrint {margin:20px 10px 10px 10px; }

.options ul {margin-top:2px; }

.clearer {clear:both; width:1px; height:0px; font-size:0px; }

/* Dialog styles */
.ai_dialog.fullscreen {
  top:4%;
  left:8%;
  max-width:84%;
  max-height:92%;
  position:fixed;
}
.ai_dialog {border:1px solid #FFF; border-radius:8px; background-color:#DDD; overflow-x:hidden; 
    color: #5B7196;}
.ai_dialogInnerFrame {border:1px solid #99B; border-radius:8px; margin: 1px 1px 1px 1px; background-color:#FFF; }
.ai_titlebar {cursor:default; clear:both;
    text-align:center; 
    margin:2px 2px 2px 2px; 
    padding:8px 2px 0px 6px;
    
    border-top-left-radius:6px;
    border-top-right-radius:6px;
    
    background-image:linear-gradient(90deg, rgb(9, 9, 24) 0px, rgb(26, 25, 66) 100%);
    color: #FFF;
    font-family: 'Kepler Std';
    font-size:24px;
    height:initial !important;
}
.ai_ctrlbtns {text-align:right; padding-top:5px; margin-top:12px; border-top:1px solid #ccc; }
.ai_button {float:right; width:8px; height:8px; margin:4px 6px 2px 2px; cursor:pointer; }
.ai_dialog_content {border-top:1px solid #ccc; padding:5px 16px; }
.ai_dialog_content div {color:#444; }

/* Calendar stuff */
.calendar {margin-left:auto; margin-right:auto; font-size: 12px;  }
.calendar td {padding:1px 2px 1px 2px; border:1px solid #FFF; text-align:right; }

.calSelected {background-color:#FFFF33; color:#F00; font-weight:bold; cursor:default; }

.calInMonth {background-color:#FFAA66; color:#000; cursor:default; }
.calOutMonth {background-color:#66AAFF; color:#444; cursor:default; }

.remindersCalendar {margin-left:auto; margin-right:auto; font-size: 12px; text-align:center; background-color:#f4f4f4; color:#448 }
.remindersCalendar td {padding:6px 12px 6px 12px; border:1px solid rgb(225, 225, 238); text-align:right; }
.remindersCalendar tr:nth-child(2) td { text-align:center; font-weight:bold;}
.remindersCalendar .calInMonth {background-color:#fcfcfc; color:inherit; cursor:pointer; }
.remindersCalendar .calOutMonth {background-color:rgb(155, 155, 175); color:#444; cursor:default; }
.remindersCalendar .calInMonth:hover {background-color:rgb(243, 243, 250); }
.remindersCalendar .calSelected { background-color:#bec8f5; font-weight:inherit; }
.remindersCalendar .calSelected:hover { background-color:#cacfe7; }
.remindersCalendar .monthSelector { cursor:pointer; font-weight:bold; background-color:rgb(155, 155, 175); color:#f4f4f4;}
.remindersCalendar .monthSelector:hover { background-color:rgb(138, 138, 179); }

/*.noScriptErrorBar*/
noscript div {display:block; border-top:2px solid #900; border-bottom:2px solid #900;

    padding: 4px 16px 4px 16px; margin:2px 0px 2px 0px; background-color:#F99; }
.needsScript {/* Code overrides this with style (if code exists) */
    display:none; }


/* Specific handling for UAS */

.cc_dataTable {color:#444; padding: 1px 1px 8px 2px; margin-bottom: 8px; min-height:120px; max-height:400px; overflow-y:scroll; overflow-x:auto; background-color:#FFF; border: 1px solid #000; cursor:default; 
    -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }

.cc_dataTable tr.notReady td {
  background-color:#FED;
}

.cc_dataTable table {width:100%; }

.cc_dataTable td {padding:2px 6px 2px 6px; }
.cc_dataTable tr.hd td {cursor:pointer; border-bottom:1px solid #666; font-weight:bold; background-color:#ccc; }
.cc_dataTable tr.hd td.sortAsc {background:#CCE url('images/desc.png') no-repeat 90% 30%; }
.cc_dataTable tr.hd td.sortDesc {background:#CCE url('images/asc.png') no-repeat 90% 30%; }

.cc_dataTable tr.odd td {background-color:#EEE; }
.cc_dataTable tr.selled td {background-color:#449; color:#FFF; }
.cc_dataTable tr.selled a:link, .cc_dataTable tr.selled a:visited, .cc_dataTable tr.selled a:hover {color:#efefef; }

.cc_dataTable select {width:100px; top:0px; }

.cc_table {margin-left:auto; margin-right:auto; }
.cc_table tr td {padding:2px 8px 2px 8px; }
.cc_table select, .cc_table input[type=text], .cc_table textarea {width:300px; }
.cc_table textarea {height:80px; }

.cc_table input.date {width:220px; }

.cc_table select {width:240px; }

/* Menu interface */
.menuBar {    
  border-bottom:1px solid #EFEFEF;
  text-decoration:none;
  padding-top:12px;
  margin-bottom:4px;
}
.menuBar .item {cursor:pointer; display:inline-block; margin:-10px 0px 0px 2px; }

.menuBar .item.selected div { text-decoration:underline; }
.menuBar .item.selected:hover {}
.menuBar .item.disabled {cursor:default; color:#AAC; }
.menuBar .item.disabled:hover div {text-decoration:none; }


.languageSelection {
  float:right;
}
.languageSelection select {
  margin-left:8px;
  position: relative;
  top: 1px;
}

.ral {text-align:right; }
.lal {text-align:left; }
.cal {text-align:center; }

.scriptLoadingBlock {width:200px; height:32px; margin-top:16px; background:#FFF url('images/scriptLoad.gif') no-repeat top left; }


/* Menu item styling: images/nav-buttons.png */
.mo_left {
  display:none;
}
.mo_middle { 
  display:inline-block;
  padding:5px 8px 0px 8px;
}
.mo_right {
  display:none;
}

.menuBar a:link .item, 
.menuBar a:visited .item, 
.menuBar a .item { 
  text-decoration:none;
  padding:4px;
}

.menuBar .item {
  color:rgb(26, 25, 66);
  font-size:18px;
  font-style:italic;
  font-family:'Kepler Std' !important;
}
.menuBar .item:hover {
  color:#1cdf95 !important;
  text-decoration:underline !important;
}


.para .menuBar .item {
  color:#FFF;
}

.toolSelectionList table {
}

.licenseDetail {width:400px; margin:5px auto 8px auto;     }


.toolChoice
{
  text-align:center;
}
.para.toolSelectionContainer
{
  padding-bottom:8px;
}
.teamSelToolDetail {
  padding:10px 1px 4px;
  margin:2px 4px 10px;
  border:1px solid #444;
  box-shadow: 3px 3px 2px #000;
  background-color:#222;
  width:46%;
  vertical-align:middle;
  display:inline-block;
}
.teamSelToolDetail .toolName {
  padding:2px 6px;
  font-weight:bold;
  text-align:center;
}
.teamSelToolDetail .toolStatus {
  font-weight:bold;
  padding:2px 6px;
  color:#666;
  /*text-shadow:0px 1px 3px #000;*/
  font-size:13px;
  text-align:center;
}

/* Tool selection */
.toolSelection { width:95px; display:inline-block; margin:4px; padding:4px; border:1px solid #DDE; }
/*.toolSelection.odd {background-color:#efefef; }*/
.toolSelection input[type=text] {width:60px; }

.toolMaxUsers {padding-top:2px; float:left; width:40% }

.flr {float:right; }

.licenseDetailSummary td {padding:4px 4px; }

.toolDetailSummary {border:1px solid #DDD; margin:4px auto 12px auto;    }
.toolDetailSummary td {text-align:center; border:1px solid #CCC; border-left:2px solid #666; padding:4px 8px; color:#000; }
.toolDetailSummary tr.hd td {background-color:#FFF;     }

/* General */
.headline {width:80%; max-width:860px; margin:10px auto 20px auto; padding-right:15px; }
.headline div {padding:3px; margin:0; }
.headline div.title {text-align:center; padding-bottom:4px; margin-bottom:3px; border-bottom: 1px solid #458; border-top:hidden;}

/* Company page */
#myTools {text-align:center; }

.toolDetailContainer { display:inline-block; vertical-align:top; }

.toolDetail {
  width:170px; 
  min-height:340px; 
  margin:8px; 
  background-color:#040404;
  border-radius:12px;
  box-shadow:2px 2px 3px rgba(0,0,0,0.4);
}
.toolDetail .toolBox {padding:5px; }
.toolDetail .toolTitle { font-family:'Kepler Std'; font-size:24px;text-align:center; padding-bottom:3px; margin:5px 10px 8px 10px; border-bottom:2px solid #FFF;      }
.toolDetail .toolImage {margin:4px 14px; width:130px; height:100px;        
    text-align:center; }
.toolDetail .toolDesc {padding:8px; text-align:left; min-height:120px; }
.toolDetail .toolMU {margin:5px 10px 0px 10px; padding-top:4px; border-top:2px solid #FFF; font-weight:bold; text-align:center; }

/* Users and tools */
.components
{ }
.components .column50 {float:left; width:46%; margin:0px 0px 0px 2%;     }
.components .column100 {width:94%; margin:0px 0px 0px 2%;     }

.percentageView {position:relative; border:1px solid #888; background-color:#222; overflow:hidden; white-space:nowrap; }
.percentageView .percentageBar {position:absolute; background-color:#666; top:0px; left:0px; height:30px; }
.percentageView .innerPercent {padding:2px 12px; color:#FFF; position:relative; text-align:center; }

.cc_table input[type=text].mini {width:40px; }
.cc_table input[type=text].maxi {width:80px; }

.ai_dialog .desc {width: 450px; margin-left:auto; margin-right:auto; }

/* Tool admin */
.toolEditBox {
  padding:8px 10px 8px 10px; 
  min-height:280px; 
}

#cc_esq_constructTable, #cc_esq_categoryTable {height:250px; }

.esq_category {margin-top:14px; margin-bottom:8px; font-weight:bold; vertical-align:middle; }
.esq_category .esq_name {display:inline-block; font-weight:bold; width:72%; }
.esq_category .esq_controls {display:inline-block; }

.esq_question {margin-top:4px; margin-bottom:4px; vertical-align:middle; }
.esq_question.odd {background-color:#222; }
.esq_question:hover, .esq_question.odd:hover {background-color:#666; }
.esq_question .esq_idx {display:inline-block; width:5%; margin-left:2%; }
.esq_question .esq_name {display:inline-block; width:45%;     }
.esq_question .esq_construct {display:inline-block; width:20%; }
.esq_question .esq_controls {display:inline-block; }
/*.esq_controls button { background:#AAA;width:auto;height:auto;padding:2px 4px;border:1px solid #000; }*/

.esq_global_controls {margin-top:12px; }

.esq_scoreTable {text-align:center; width:100%; }
.esq_scoreTable tr.hd td {border-bottom:1px solid #666; font-weight:bold; background-color:#efefef; }

#cc_lvp_qs_constructTable, #cc_lvp_qs_categoryTable {height:250px; }

.lvp_qs_category {margin-top:14px; margin-bottom:8px; font-weight:bold; vertical-align:middle; }
.lvp_qs_category .lvp_qs_name {display:inline-block; font-weight:bold; width:72%; }
.lvp_qs_category .lvp_qs_controls {display:inline-block; }

.lvp_qs_question {margin-top:4px; margin-bottom:4px; vertical-align:middle; }
.lvp_qs_question.odd {background-color:#222; }
.lvp_qs_question:hover, .lvp_qs_question.odd:hover {background-color:666; }
.lvp_qs_question .lvp_qs_idx {display:inline-block; width:5%; margin-left:2%; }
.lvp_qs_question .lvp_qs_name {display:inline-block; width:45%;     }
.lvp_qs_question .lvp_qs_construct {display:inline-block; width:20%; }
.lvp_qs_question .lvp_qs_controls {display:inline-block; }
/*.lvp_qs_controls button { background:#AAA;width:auto;height:auto;padding:2px 4px;border:1px solid #000; }*/

.lvp_qs_global_controls {margin-top:12px; }

.lvp_qs_scoreTable {text-align:center; width:100%; }
.lvp_qs_scoreTable tr.hd td {border-bottom:1px solid #666; font-weight:bold; background-color:#efefef; }


#cc_lmp_constructTable, #cc_lmp_categoryTable {height:250px; }

.lmp_category {margin-top:14px; margin-bottom:8px; font-weight:bold; vertical-align:middle; }
.lmp_category .lmp_name {display:inline-block; font-weight:bold; width:72%; }
.lmp_category .lmp_controls {display:inline-block; }

.lmp_question {margin-top:4px; margin-bottom:4px; vertical-align:middle; }
.lmp_question.odd {background-color:#222; }
.lmp_question:hover, .lmp_question.odd:hover {background-color:#666; }
.lmp_question .lmp_idx {display:inline-block; width:5%; margin-left:2%; }
.lmp_question .lmp_name {display:inline-block; width:45%;     }
.lmp_question .lmp_construct {display:inline-block; width:20%; }
.lmp_question .lmp_controls {display:inline-block; }
/*.lmp_controls button { background:#AAA;width:auto;height:auto;padding:2px 4px;border:1px solid #000; }*/

.lmp_global_controls {margin-top:12px; }

.lmp_question_render
{
  border-bottom:1px solid #CCC;
  padding:8px;
}
.lmp_question_render .lmp_answerArea
{
  margin:8px 18px;
}
.lmp_answerArea textarea
{
  width:100%;
  height:100px;
}

/* LBP */
#cc_lbp_classificationTable, #cc_lbp_behaviourTable {height:250px; }

.lbp_behaviour {margin-top:14px; margin-bottom:8px; font-weight:bold; vertical-align:middle; }
.lbp_behaviour .lbp_name {display:inline-block; font-weight:bold; width:72%; }
.lbp_behaviour .lbp_controls {display:inline-block; }

.lbp_question {margin-top:4px; margin-bottom:4px; vertical-align:middle; }
.lbp_question.odd {background-color:#222; }
.lbp_question:hover, .lbp_question.odd:hover {background-color:#666; }
.lbp_question .lbp_idx {display:inline-block; width:5%; margin-left:2%; }
.lbp_question .lbp_name {display:inline-block; width:45%;     }
.lbp_question .lbp_classification {display:inline-block; width:20%; }
.lbp_question .lbp_controls {display:inline-block; }
/*.lbp_controls button { background:#AAA;width:auto;height:auto;padding:2px 4px;border:1px solid #000; }*/

.lbp_global_controls {margin-top:12px; }

.lbp_scoreTable {text-align:center; width:100%; }
.lbp_scoreTable tr.hd td {border-bottom:1px solid #666; font-weight:bold; background-color:#efefef; }

.selSlide {
  margin:4px 8.5px;
}

/* CBP */
#cc_cbp_classificationTable, #cc_cbp_behaviourTable {height:250px; }

.cbp_behaviour {margin-top:14px; margin-bottom:8px; font-weight:bold; vertical-align:middle; }
.cbp_behaviour .cbp_name {display:inline-block; font-weight:bold; width:72%; }
.cbp_behaviour .cbp_controls {display:inline-block; }

.cbp_question {margin-top:4px; margin-bottom:4px; vertical-align:middle; }
.cbp_question.odd {background-color:#222; }
.cbp_question:hover, .cbp_question.odd:hover {background-color:#666; }
.cbp_question .cbp_idx {display:inline-block; width:5%; margin-left:2%; }
.cbp_question .cbp_name {display:inline-block; width:65%;     }
.cbp_question .cbp_controls {display:inline-block; }
/*.cbp_controls button { background:#AAA;width:auto;height:auto;padding:2px 4px;border:1px solid #000; }*/

.cbp_question .cbp_question_answers {
  margin:8px 7%;
  padding:8px;
  border:1px solid #666;
  border-radius:4px;
  background-color:#222;
  text-align:right;
}
.cbp_question .cbp_question_answers .cbp_answer {
  margin-top:1px;
  margin-bottom:1px;
}
.cbp_question .cbp_question_answers .cbp_name {
  width:76%;
}
.cbp_question .cbp_question_answers .answerList {
  text-align:left;
  margin-bottom:8px;
}

.cbp_global_controls {margin-top:12px; }

.cbp_scoreTable {text-align:center; width:100%; }
.cbp_scoreTable tr.hd td {border-bottom:1px solid #666; font-weight:bold; background-color:#efefef; }


/* LNA Styling */
#cc_lna_categoryTable {height:250px; }

input.lna_autocomplete[type="text"] {
  padding:3px 6px 3px 6px; margin:1px 40px;
  font-size:14.4px;
  width:280px;
}

.lna_category {margin-top:14px; margin-bottom:8px; font-weight:bold; vertical-align:middle; }
.lna_category .lna_name {display:inline-block; font-weight:bold; width:72%; }
.lna_category .lna_controls {display:inline-block; }

.lna_question {margin-top:4px; margin-bottom:4px; vertical-align:middle; }
.lna_question.odd {background-color:#222; }
.lna_question:hover, .lna_question.odd:hover {background-color:#666; }
.lna_question .lna_idx {display:inline-block; width:5%; margin-left:2%; }
.lna_question .lna_name {display:inline-block; width:45%;     }
.lna_question .lna_detail {display:inline-block; width:20%; }
.lna_question .lna_controls {display:inline-block; }

.lna_global_controls {margin-top:12px; }

.lna_scoreTable {text-align:center; width:100%; }
.lna_scoreTable tr.hd td {border-bottom:1px solid #666; font-weight:bold; background-color:#efefef; }

.lna_tool {max-width:600px; width:80%; margin:40px auto; }

.lnaTitle {font-weight:bold; margin:20px 4px 8px 4px; }

.spacer {height:16px; }

.toolBaseline {margin-top:20px; font-style:italic; border-top:1px solid #ccc; padding-top:5px; text-align:center;}

.lna_tool_question {padding:8px 5px 4px 5px; }



.lna_tool_question_desc { padding:6px 18px 0px; font-weight:bold; }
.lna_tool_question_postdesc { padding:2px 18px 12px 32px; font-style:italic; color:#555;}

.lna_tool_questionTipHighlight {
  min-height:38px;
  background: transparent url('images/info-clicker.png') no-repeat 8px 2px;
  background-color:#EEF;
  border: 2px solid #99A;
  padding:8px 8px 8px 64px;
  margin:16px 20px 12px;
  box-shadow: 3px 3px 4px #CCC;
  border-radius:8px;
}

.lna_tool_question_tip {
  
}

.lna_tool_question_noNominate { margin-top:28px; margin-left:48px; margin-bottom:48px;}
.lna_tool_question_noNominate a {
  color:#444 !important;
  font-weight:bold;
}
.lna_tool_answers {
  margin-bottom:14px;
  clear:both;
}

span.clearSelectX {
  position:relative;
  left:-34px;
  width:20px;
  top:8px;
  display:inline-block;
  padding:2px;
  vertical-align:middle;
  cursor:pointer;
  background-color:#AAA;
  color:#FFF;
  font-size:12px;
  border-radius:16px;
}

.lna_reqs {padding:4px 10px 8px 20px; font-style:italic; }
.lna_option_container {padding:3px 6px 3px 6px; margin:1px 40px; }
.lna_option_container input {width:260px; }
.lna_option_label {display:inline-block; vertical-align:baseline; font-style:italic;}

.lbpAdminTable
{
  margin:4px auto;
}
.lbpAdminTable td
{
  vertical-align:middle;
  padding:4px 8px;
}
.lbpAdminTable input
{
  width:400px;
  padding:4px;
}

/* Dialog tabs */
.tabset {position:relative; cursor:pointer; 
    -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }
.tabset .tab {position:relative; top:1px; height:16px;

    color:#448; background-color:#efefef;

    float:left; display:block; padding:2px 10px 3px 10px; cursor:pointer;

    margin:4px 2px 0px 2px; border:1px solid #DDE; }
.tabset .tab.selected {background-color:#FFF;    
    border-bottom:1px solid #FFF; }

.tabContents {border:1px solid #DDE; margin-bottom:6px; overflow-y:auto; }
.tabContents .tabContent {background-color:#FFF; color:#448; display:none;   /*open tab overrides*/
    padding:8px 8px 8px 8px; }
.tabContents .tabContent.selected {display:block; }

.ticked_tool {text-align:center; width:24px; margin:3px auto 3px auto; color:#080; }
tr.selled .ticked_tool {background-color:#090; color:inherit; }
.crossed_tool {text-align:center; width:24px; margin:3px auto 3px auto; color:#A00; }
tr.selled .crossed_tool {background-color:#A00; color:inherit; }



/* Usercombo styling */
div.cc_usercombo_container {position:relative; overflow:visible;     }
input.cc_usercombo_input {/*TODO*/ }
div.cc_usercombo_popout {display:none;    
    
    z-index:100; position:absolute; top:12px; left:0px;    
    width:200px; background-color:#FFF; border:1px solid #ccc; }

div.popoutOption {cursor:pointer; }
div.popoutOption:hover {color:#efefef; background-color:#449; }

div.keySelected {color:#efefef; background-color:#449; }

/*****/

#cc_team_userList, #cc_team_allUsersList 
{width:100%; height:200px;}
#cc_team_userAdd input {width:250px; }


/* User home page */

.userToolDetail {min-height:140px; margin:8px;}
.userToolDetail .toolBox {margin:5px auto; width:90%; }
.userToolDetail .toolImage {width:130px; height:100px;        
    text-align:center; }
.userToolDetail .toolBoxDetail
{     }
.userToolDetail .toolTitle {width:65%; padding-bottom:3px; padding:5px 10px 0px 10px; vertical-align:bottom; display:inline-block; font-family:'Kepler Std'; font-weight:500; font-size:28px;}
.userToolDetail .toolMU {margin:5px 10px 0px 10px; padding-top:4px; font-weight:bold; text-align:right; vertical-align:bottom; display:inline-block; width:calc( 35% - 45px ); }
.userToolDetail .toolDesc {padding:8px; text-align:left; }
.userToolDetail .toolControls {text-align:right; margin-right:12px; line-height: 2.1em; }
.userToolDetail .toolControls button { vertical-align:middle; }

/****/

/**************************** Tool styling ***************************/
.toolProgress {border:1px solid #ccc; background-color:#EFefef; height:16px;   }
.toolProgressBar {border-right:1px solid #3ab6e2; background: url('files/progressBar.jpg') repeat-x;  height:16px; }

/**********************************/
/* ESQ */
.esqQuestionTable {max-width:600px; width:80%; margin:10px auto 40px auto; }
.esqTopTitle {max-width:600px; width:80%; margin:40px auto 2px auto; }
.para .esqTitle {font-weight:bold; margin:20px 4px 14px 4px; }
.esqQuestionTable td {padding:2px 3px; }
.esqQuestionTable label
{
  white-space:nowrap;
}
td.esqColHeader {padding:0; }
td.esqColHeader.odd {background-color:inherit; }
td.esqColHeader div {display:inline-block; padding:2px 8px; }
td.esqColHeader.odd div {background-color:#efefef; }

.esqSubline {
  margin:4px 20px;
  font-style:italic;
}

.esqQuestionTable td.esqColHeader {text-align:right; }
.esqQuestionTable .odd {background-color:#efefef; }

.esqQuestionTable .questionIndex {width:26px; }
.esqQuestionTable .answer {text-align:center; width:20px; }
.esqQuestionTable td.ai_ctrlbtns {background-color:#FFF; padding-top:16px; }
.esqQuestionTable .questionLine td {padding-top:8px; padding-bottom:4px; }
.esqQuestionTable .progressHolder {padding-top:20px; }

/* TDI */
.tdiQuestionTable {max-width:600px; width:80%; margin:10px auto 40px auto; }
.tdiTopTitle {max-width:600px; width:80%; margin:40px auto 2px auto; }
.para .tdiTitle {font-weight:bold; margin:20px 4px 14px 4px; }
.tdiQuestionTable td {padding:2px 3px; }
.tdiQuestionTable label
{
  white-space:nowrap;
}

.tdiQuestionTable .questionIndex {width:26px; }
.tdiQuestionTable .answer {text-align:center; width:20px; }
.tdiQuestionTable td.ai_ctrlbtns {background-color:#FFF; padding-top:16px; }
.tdiQuestionTable .questionLine td {padding-top:8px; padding-bottom:4px; }
.tdiQuestionTable .progressHolder {padding-top:20px; }

.tdiQuestionTable .possibleAnswer {
  padding:12px 0px 12px 64px;
}

/* LBP */
.lbpQuestionTable {max-width:600px; width:80%; margin:10px auto 40px auto; }
.lbpTopTitle {max-width:600px; width:80%; margin:40px auto 2px auto; }
.para .lbpTitle {font-weight:bold; /*margin:20px 4px 14px 4px;*/ }
.lbpQuestionTable td {padding:2px 3px; }
.lbpQuestionTable label
{
  white-space:nowrap;
}
td.lbpColHeader {padding:0; }
td.lbpColHeader.odd {background-color:inherit;}
td.lbpColHeader div {display:inline-block; padding:2px 8px; }
td.lbpColHeader.odd div {background-color:#efefef; }

.lbpQuestionTable td.lbpColHeader { text-align:right; }
.lbpQuestionTable .odd {background-color:#efefef; }

.lbpQuestionTable .questionIndex {width:26px; }
.lbpQuestionTable .answer {text-align:center; width:30px; }
.lbpQuestionTable td.ai_ctrlbtns {background-color:#FFF; padding-top:16px; }
.lbpQuestionTable .questionLine td {padding-top:8px; padding-bottom:4px; }
.lbpQuestionTable .progressHolder {padding-top:20px; }

.lbpQuestionTable tr.questionLine:nth-child(2n+3) {
  background-color:#FFF !important;
}
.lbpQuestionTable tr.questionLine:nth-child(2n+4) {
  background-color:#EEE !important;
}

/* CBP */
.cbpQuestionTable {max-width:600px; width:80%; margin:10px auto 40px auto; }
.cbpTopTitle {max-width:600px; width:80%; margin:40px auto 2px auto; }
.para .cbpTitle {font-weight:bold; /*margin:20px 4px 14px 4px;*/ }
.cbpQuestionTable td {padding:2px 3px; }
.cbpQuestionTable label
{
  white-space:nowrap;
}
td.cbpColHeader {padding:0; }
td.cbpColHeader.odd {background-color:inherit;}
td.cbpColHeader div {display:inline-block; padding:2px 8px; }
td.cbpColHeader.odd div {background-color:#efefef; }

.cbpQuestionTable td.cbpColHeader { text-align:right; }
.cbpQuestionTable .odd {background-color:#efefef; }

.cbpQuestionTable .questionIndex {width:26px; }
.cbpQuestionTable .answer {text-align:center; width:30px; }
.cbpQuestionTable td.ai_ctrlbtns {background-color:#FFF; padding-top:16px; }
.cbpQuestionTable .questionLine td {padding-top:8px; padding-bottom:4px; }
.cbpQuestionTable .progressHolder {padding-top:20px; }

.cbpQuestionTable tr.questionLine:nth-child(2n+3) {
  background-color:#FFF !important;
}
.cbpQuestionTable tr.questionLine:nth-child(2n+4) {
  background-color:#EEE !important;
}

.cbpTopLine {
  margin-bottom:12px;
}
.cbpTopLine .cbpTitle {
  width:calc( 100% - 96px );
  display:inline-block;
  vertical-align:top;
}
.cbpTopLine .cbpPointHeader {
  display:inline-block;
  width:96px;
  vertical-align:top;
  text-align:center;
}

.cbpQuestion {
  margin:12px 0px 8px 32px;
  border:1px solid #666;
  border-top-left-radius:8px;
  border-bottom-left-radius:8px;
  box-shadow:2px 2px 3px rgba(0,0,0,0.3);
  overflow:hidden;
}
.cbpQuestion > .cbpTitle {
  border-bottom:1px solid #666;
  padding:8px 12px 6px 12px;
  background-color:#EFEFEF;
}

.cbpAnswers .answerLine > .cbpTitle {
  width:calc( 100% - 137px );
  display:inline-block;
  vertical-align:top;
  border-right:1px dotted #666;
  margin-left:32px;
  padding:4px;
}
.cbpAnswers .answerLine > .cbpPointSelection {
  display:inline-block;
  width:88px;
  vertical-align:top;
  text-align:center;
  padding:4px;
}

.cbpAnswers .answerLine:first-child {
  padding-top:6px;
}
.cbpAnswers .answerLine:last-child {
  padding-bottom:6px;
}
.cbpAnswers .answerLine:nth-child(2n) {
  background-color:#f9f9f9;
}

/** LVP **/
.lvpQuestionTable {max-width:600px; width:80%; margin:40px auto; }
.lvpQuestion { font-weight:bold; margin:20px 4px 14px 4px; }
.lvpAnswerSet {margin:4px 40px; margin-top:5px; }
.lvpAnswerText {display:inline-block; width:89%; }
.lvpAnswer {padding:4px 4px 2px 4px; }
.lvpAnswer.odd {background-color:#efefef; }
.lvpAnswerScore {display:inline-block; width:10%; min-width:40px; }
.lvpAnswerScore select {width:100%; }

.toolError {margin-top:14px; padding: 5px 20px; text-align:center; background-color:#FDD; border-top:2px solid #FAA; border-bottom:1px solid #FAA; }

/* TEG */
.teg_designer {padding:10px; position:relative; margin:2px auto; border:1px solid #ccc; width:90%; height:250px; }
.teg_desc {display:inline; padding-left:4px;  font-style:italic; }

.teg_title {display:inline-block; }
.teg_title input {margin-left:30px; width:240px; }
.teg_maxUsers {display:inline-block; }
.teg_maxUsers input {width:60px; }

.teg_comment
{}
.teg_comment textarea {margin-left:30px; width:324px; height:40px; }
.teg_designer .teg_xAxis {position:absolute; top:170px; left:5%; width:90%; height:5px; border-top:2px solid #ccc; }
.teg_designer .teg_yAxis {position:absolute; top:100px; left:50%; width:5px; height:140px; border-left:2px solid #ccc; }
.teg_designer .teg_xAxisTitle {position:absolute; left:35%; top:145px; }
.teg_designer .teg_xAxisMin {position:absolute; left:5%; top:150px; }
.teg_designer .teg_xAxisMax {position:absolute; right:5%; top:150px; }
.teg_designer .teg_yAxisMin {position:absolute; right:52%; top:200px; }
.teg_designer .teg_yAxisMax {position:absolute; left:52%; top:100px; }

.teg_designer .teg_q1Title {position:absolute;left:5%; top:90px;}
.teg_designer .teg_q2Title {position:absolute;right:5%; top:90px;}
.teg_designer .teg_q3Title {position:absolute;left:5%; bottom:10%;}
.teg_designer .teg_q4Title {position:absolute;right:5%; bottom:10%;}

.teg_xAxisMin .teg_desc, 
.teg_xAxisMax .teg_desc,
.teg_yAxisMin .teg_desc, 
.teg_yAxisMax .teg_desc,
.teg_q1Title .teg_desc,
.teg_q2Title .teg_desc,
.teg_q3Title .teg_desc,
.teg_q4Title .teg_desc {display:block; }
.teg_xAxisMin input,
.teg_xAxisMax input,
.teg_yAxisMin input,
.teg_yAxisMax input {width:80px; }

.teg_q1Title input,
.teg_q2Title input,
.teg_q3Title input,
.teg_q4Title input,
.teg_xAxisTitle input {width:120px; }

/* TEG Tool */
.tegQuestionTable {max-width:600px; width:80%; margin:40px auto 10px auto; }

.teg_graph_container {position:relative; margin:0px auto; width:700px;     }
.teg_calibratorContainer {max-width:600px; width:80%; margin:40px auto 10px auto; padding-left:100px; }

.teg_display {position:relative; float:left; border:1px solid #ccc; width:400px; height:300px; }

.teg_display .teg_xAxis {position:absolute; top:150px; left:0px; width:400px; height:5px; border-top:2px solid #ccc; }
.teg_display .teg_xAxisMinorT {position:absolute; top:75px; left:0px; width:400px; height:5px; border-top:2px solid #eee; }
.teg_display .teg_xAxisMinorB {position:absolute; top:225px; left:0px; width:400px; height:5px; border-top:2px solid #eee; }
.teg_display .teg_yAxis {position:absolute; top:0px; left:200px; width:5px; height:300px; border-left:2px solid #ccc; }
.teg_display .teg_yAxisMinorL {position:absolute; top:0px; left:100px; width:5px; height:300px; border-left:2px solid #eee; }
.teg_display .teg_yAxisMinorR {position:absolute; top:0px; left:300px; width:5px; height:300px; border-left:2px solid #eee; }
.teg_display .teg_xAxisTitle {position:absolute; right:48%; bottom:142px;}
.teg_display .teg_xAxisMin {position:absolute; top:52%; left:5px; }
.teg_display .teg_xAxisMax {position:absolute; top:52%; right:5px; }
.teg_display .teg_yAxisMin {position:absolute; right:52%; bottom:5px; }
.teg_display .teg_yAxisMax {position:absolute; left:52%; top:5px; }
.teg_display .teg_yAxisCalibratorMax {top:0px; left:0px; width:100%; height:50px; }
.teg_display .teg_yAxisCalibratorMin {top:250px; left:0px; width:100%; height:50px; }
.teg_display .teg_xAxisCalibratorMax {top:0px; height:300px; }
.teg_display .teg_xAxisCalibratorMin {top:0px; left:0px; height:300px; }
.teg_display .teg_calibrator { position:absolute; background-color:#fff0f0; }
.teg_display .teg_calibratorHandle { 
  position:absolute; background-color:#8cf; border:1px solid #000; width:16px; height:16px;
  -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;
}
.teg_display .teg_calibratorHandle:hover { background-color:#aef; }
.teg_display .teg_yAxisCalibratorHandleMax {top:42px; left:192px; cursor:ns-resize;}
.teg_display .teg_yAxisCalibratorHandleMin {top:242px; left:192px; cursor:ns-resize;}
.teg_display .teg_xAxisCalibratorHandleMax {top:142px; left:342px; cursor:ew-resize;}
.teg_display .teg_xAxisCalibratorHandleMin {top:142px; left:42px; cursor:ew-resize; }

.teg_display .teg_xAxisTitle {
    /* Rotate 90 */
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.teg_display .teg_q1Title {position:absolute; left:5%; top:5%; }
.teg_display .teg_q2Title {position:absolute; right:5%; top:5%; }
.teg_display .teg_q3Title {position:absolute; left:5%; bottom:5%; }
.teg_display .teg_q4Title {position:absolute; right:5%; bottom:5%; }

.teg_display .teg_q1Title,
.teg_display .teg_q2Title,
.teg_display .teg_q3Title,
.teg_display .teg_q4Title { border:1px solid #DDD; padding:3px 6px;border-radius:8px; background-color:#EEE; }

#teg_userList {float:right;    
    width:250px; height:300px; border:1px solid #ccc; overflow-y:auto; }
    
#teg_dontKnowContainer { float:left; clear:both; width:400px; margin-top:12px;}
#teg_dontKnowLabel { width:50%; height:20px; border:1px solid #ddd; background-color:#eee; padding-left:4px; padding-top:1px; }
#teg_dontKnowList { width:100%; min-height:64px; border:1px solid #ccc; }

.teg_freqencySliders { margin:18px auto 12px auto; }
.teg_freqencySliders table { width:100%; }
.teg_freqencySliders tr.header { font-weight:bold; padding:4px 0px; }
.teg_freqencySliders td { padding:12px 4px; }
.teg_freqencySliders td.colUser { padding-left:0px; }
.teg_freqencySliders td.headerNever { text-align:left; }
.teg_freqencySliders td.headerAlways { text-align:right; }
.teg_freqencySliders .teg_frequencySlider { margin:4px 16px 0px 8px; }

.teg_dragger {width:100%; padding:4px; }
.teg_dragger_locked {width:100%; padding:4px; }

.teg_user_blob {width:10px; height:10px; background-color:#3ab6e2; }
.teg_user_blob.isMe {background-color:#F77; }

.teg_user .teg_user_blob {float:left; margin:4px; }
#teg_placedUsers {position:absolute; left:0px; top:0px; }

.teg_graphed_user .teg_user_extra {position:relative; top:-12px; left:-12px;

    display:table; white-space:nowrap; 
    background-color:#efefef; border:1px solid #ccc; padding:2px 5px 2px 18px; }
.teg_graphed_user .teg_user_blob {position:absolute; z-index:5; top:-2px; left:-3px; }
.teg_graphed_user .teg_user_text {display:inline; }

.teg_graphed_user {position:absolute; }

button.id_edit { height:auto;width:auto; background-position:50% 50%;}


.teamReportTableSurround
{
  padding:10px 16px;
  overflow:auto;
}
.teamReportTable
{
    /*width:100%;*/
    margin:0px auto;
    border:1px solid #666;
}
.teamReportTable td
{
    padding:4px;
    border-right:1px solid #AAA;
}
.teamReportTable tr.hd td
{
    font-weight:bold;
    border-bottom:1px solid #888;
    background-color:#666;
    text-align:center;
}
.teamReportTable tr.odd td
{
    background-color:#222;
}
.teamReportTable td.unstarted,
.teamReportTable td.unstarted a
{
    color:#F44 !important;
}
.teamReportTable td.started,
.teamReportTable td.started a
{
    color:#66F !important;
}
.teamReportTable td.processing,
.teamReportTable td.processing a
{
    color:#FA4 !important;
}
.teamReportTable td.crashed,
.teamReportTable td.crashed a
{
    color:#000 !important;
    background-color:#F00 !important;
}
.teamReportTable td.complete,
.teamReportTable td.complete a
{
    color:#4F4 !important;
}

.teamReportTable tr.primaryHighlight td {
  background-color:rgba(255, 255, 0,0.3) !important;
}
.teamReportTable tr.userHighlight td {
  background-color:rgba(28, 223, 149,0.3) !important;
}

.teamReportTable tr.team td
{
    border-top:1px solid #AAA;
    background-color:#444;
}

.clientTitle
{
  font-size:16px;
  /*font-weight:bold;*/
}
.clientInternal
{
}
.teamTitle
{
  font-size:16px;
  text-align:center;
  border-top-left-radius:4px;
  border-top-right-radius:4px;
  padding:8px 8px 2px 8px;
}
.teamInternal
{
  margin:2px 16px; 
  padding:4px;
}


.adminToolDesc
{
  width:100%;
  margin:2px auto;
}
.adminToolDesc .toolImage
{
  width:108px;
  padding:4px;
}
.adminToolDesc .toolDesc
{
  padding:4px;
}
.adminToolDesc
{
  border-bottom:1px solid #AAA;
}


.salivaryEntry tr.odd td
{
  background-color:#EEE;
}
.salivaryEntry tr.hd td
{
  border-bottom:1px solid #444;
  font-weight:bold;
  text-align:center;
}

.opsSelector
{
  background-color:#EFEFEF;
  border:1px solid #000;
  border-radius:6px;
  position:absolute;
  display:block;
  min-width:160px;
  padding:4px;
  z-index:100;
  box-shadow:2px 2px 3px rgba(0,0,0,0.4);
}
.opsSelector .option
{
  margin:2px;
  white-space:nowrap;
  padding:8px 12px;
  color:#000 !important;
  border-radius:4px;
  font-size:14px;
  font-family:'Kepler Std';
  cursor:pointer;
}
.opsSelector .option:hover
{
  background-color:#444;
  color:#FFF !important;
}
.opsSelector .option a
{
  color:#000 !important;
}
.opsSelector .option:hover a
{
  color:#FFF !important;
}
.opsSelector .option.divider {
  border-top:2px solid #AAA;
  border-bottom:2px solid #EEE;
  border-radius:0px;
  padding:0px;
  margin:8px 0px;
  height:0px;
}

.opsSelector .option.divider:hover {
  background-color:transparent;
}

b.toolLabel
{
  color:#3AB6E2;
}
.toolInstructionBlock
{
  margin-top:12px;
  width:100%;
}
.toolInstructionBlock td
{
  padding:12px;
  vertical-align:middle;
}
.toolInstructionBlock tr:first-child td:first-child
{
  border-right:1px dotted #888;
  vertical-align:top;
  padding-top:30px;
}

.toolInstructionBlock .toolInstruction
{
  min-height:160px;
}

body
{
  overflow-x:hidden;
}

.demographicContainer
{
  overflow-y:scroll;
  height:200px;
}
.userDemographicDetail table
{
  margin:2px auto;
}
.userDemographicDetail table tr td
{
  padding:3px 8px;
  border:1px solid #DDD;
}
.userDemographicDetail table tr td:first-child
{
  font-weight:bold;
  text-align:right;
}

.userDemographicDetail h3
{
  font-weight:bold;
  font-size:16px;
  text-align:center;
}

.cc_license_tools {
  width:460px;
}

.licenseSummary tr.hd td
{
  font-weight:bold;
  text-align:center;
  border-bottom:1px solid #000;
}
.licenseSummary td
{
  padding:4px 6px;
  border-left:1px solid #DDD;
  text-align:right;
}
.licenseSummary td:first-child
{
  text-align:left;
  border-left:0px hidden;
  white-space:nowrap;
}

.teamListTeam, .teamListUser
{
  text-align:left;
  margin-left:32px;
}
.teamListUser:before
{
  content:'- ';
}

#teamEmailStatus
{
  overflow-y:auto;
  border:1px solid #DDD;
  padding:4px;
  height:240px;
}


.forgottenPassTable
{
  margin:4px auto;
}
.forgottenPassTable td
{
  padding: 2px 6px;
}

.licenseControlButton
{
  display:inline-block;
  vertical-align:middle;
  height:190px;
  margin-top:10px;
  margin-bottom:6px;
  padding-top:150px;
}

.licenseCalendarButton
{
  display:inline-block;
  margin-top:-2px;
  margin-right:4px;
  margin-left:6px;
  vertical-align:middle;
  height:24px;
  width:24px;
  background: url('images/calendar.png') no-repeat top left;
  cursor:pointer;
}

.licenseComponent
{
  display:none;
}

.licenseFieldHeader:first-child
{
  border-top:1px solid #AAA;
}
.licenseFieldValue:first-child
{
  border-top:1px dashed #CCC;
}
.licenseFieldHeader
{
  white-space:nowrap;
  padding:4px;
  height:21px;
  border-bottom:1px solid #AAA;
  border-right:2px solid #DDD;
  text-align:right;
  font-weight:bold;
}
.licenseFieldValue
{
  white-space:nowrap;
  padding:4px;
  height:21px;
  padding-left:40px;
  text-align:left;
  border-bottom:1px dashed #CCC;
}


.expander
{
  position:relative;
  display:inline-block;
  vertical-align:baseline;
  height:18px;
  width:18px;
  text-align:center;
  border:1px solid #888;
  background-color:#FFF;
  cursor:pointer;
}

.rgSubline
{
  padding-bottom:16px;
}

.lbp_ratingGroupContainer {
  text-align:center;
}

.lbp_ratingGroup
{
  display:inline-block;
  width:250px;
  border:1px solid #999;
  border-radius:16px;
  padding:8px 10px;
  margin:14px;
}
.lbp_ratingGroup .rgIndividual
{
  margin:4px 0px;
}
.lbp_ratingGroup input
{
  width:200px;
  position:relative;
  top:-2px;
  padding:4px;
}

.lbp_ratingGroup select
{
  width:200px;
}

.rgNumeric
{
  display:inline-block;
  padding-right:8px;
  width:20px;
  text-align:right;
  vertical-align:baseline;
}

.lbp-usersel
{
  float:left;
  padding:0px 12px 8px;
  margin:18px 14px 14px;
  border:2px solid #DDD;
  background-color:#BBB;
}
.lbp-usersel table {
  width:300px;
}

.lbp-usersel table, .lbp-usersel table tbody, .lbp-usersel table tr, .lbp-usersel table td  {
  display:block;
}
/* Eurgh: */
.lbp-usersel table tr:nth-child(2) {
  white-space:nowrap;
}
.lbp-usersel table tr:nth-child(2) td {
  display:inline-block;
  width:36%;
}
.lbp-usersel table tr:nth-child(2) td:first-child {
  width:60%;
}

.lbp-usersel button {
  width:100%;
}
.para .lbp-usersel div.title
{
  margin-top:4px;
  margin-bottom:4px;
}


.lbp-userhighlight
{
  font-size:16px;
  line-height:1.5em;
  width:200px;
  margin:12px auto;
  padding:8px 12px;
  border:1px solid #3ab6e2;
  background-color:#CDF;
  text-align:center;
}

.lbp-userhighlight .username
{
}

.lbp-userhighlight .role
{
  font-size:14px;
  font-style:italic;
}

.cbp_ratingGroupContainer {
  text-align:center;
}

.cbp_ratingGroup
{
  display:inline-block;
  width:250px;
  border:1px solid #999;
  border-radius:16px;
  padding:8px 10px;
  margin:14px;
}
.cbp_ratingGroup .rgIndividual
{
  margin:4px 0px;
}
.cbp_ratingGroup input
{
  width:200px;
  position:relative;
  top:-2px;
  padding:4px;
}

.cbp_ratingGroup select
{
  width:200px;
}


.cbp-usersel
{
  float:left;
  padding:0px 12px 8px;
  margin:18px 14px 14px;
  border:2px solid #DDD;
  background-color:#BBB;
}
.cbp-usersel table {
  width:300px;
}

.cbp-usersel table, .cbp-usersel table tbody, .cbp-usersel table tr, .cbp-usersel table td  {
  display:block;
}
/* Eurgh: */
.cbp-usersel table tr:nth-child(2) {
  white-space:nowrap;
}
.cbp-usersel table tr:nth-child(2) td {
  display:inline-block;
  width:36%;
}
.cbp-usersel table tr:nth-child(2) td:first-child {
  width:60%;
}

.cbp-usersel button {
  width:100%;
}
.para .cbp-usersel div.title
{
  margin-top:4px;
  margin-bottom:4px;
}


.cbp-userhighlight
{
  font-size:16px;
  line-height:1.5em;
  width:200px;
  margin:12px auto;
  padding:8px 12px;
  border:1px solid #3ab6e2;
  background-color:#CDF;
  text-align:center;
}

.cbp-userhighlight .username
{
}

.cbp-userhighlight .role
{
  font-size:14px;
  font-style:italic;
}

.overrideTable
{
  margin:-14px 16px 24px;
}
.overrideTable td {
  padding:2px 8px;
}

.uoeword {
}
.uoecls_0 {
  color:#49F;
}
.uoecls_1 { 
  color:#A00;
}
.uoecls_2 {
  color:#0A1;
}
.uoecls_3 {
  color:#FA4;
}
.uoecls_unclassified {
  color:#FFF;
  cursor:pointer;
  text-decoration:underline;
}
.uoelink {
  color:#AAA;
  cursor:pointer;
  text-decoration:underline;
}

.report_comment_legacy td {
  background-color:#DDD;
}

.headerTable { margin-top:16px; table-layout:fixed; min-width:90%; }
.headerTable td { font-weight:bold; border:1px solid #aaa; background-color:#ccc; cursor:pointer; padding:2px 6px 2px 6px; }
.headerTable td.select {  }
.headerTable td.sortAsc {background:#CCE url('images/desc.png') no-repeat 90% 30%; }
.headerTable td.sortDesc {background:#CCE url('images/asc.png') no-repeat 90% 30%; }
.headerTable .colFilterText { width:90%; margin:0px auto; }

.footerTable { margin:0px 13px 16px 0px; table-layout:fixed; }
.footerTable td.spacer { border:0px; }
.footerTable tr { height:40px; }
.footerTable td { border:0px solid #888; padding:2px 6px 2px 6px; }

.progressTable { margin:0px; table-layout:fixed; }
.progressTable td { border:1px solid #aaa; padding:2px 6px 2px 6px; white-space: nowrap; overflow:hidden; }
.progressTable td.clickable, .progressTable td.selfClickable { cursor:pointer; }
.progressTable td.clickable:hover, .progressTable td.selfClickable:hover { text-decoration:underline; color:#004 }
.progressTable tr { background-color:#f6f6f6; width:100%; }
.progressTable tr.selected { background-color:#fff; color:#3333aa }
.progressTable button { width:93%; margin:4px; }
.progressContent { display:block; overflow-y:scroll; overflow-x:hidden; max-height:70vh; width:100%; }

.statusTable { margin:0px; border:0px; width:100%; }
.statusTable td { margin:0px; border:0px; padding:0px 4px 0px 0px; font-size:80%; line-height:16px; }


table.toolsTable { width:100%; background:#eee; }
table.toolsTable td { padding:4px; border:1px solid #aaa; }

.historyDlg { width:100%; background:#fff; overflow-y:auto; max-height:400px; }
.historyDlg .header { padding:4px; border:1px solid #aaa; background:#eee; color:#222; }
.historyDlg .contents { padding:4px; border:1px solid #aaa; }
.historyDlg td { padding:4px 8px; border:1px solid #aaa; white-space:nowrap; }

form.dlgForm { padding:6px; }
form.dlgForm label { margin-bottom:4px; font-weight:bold; }
form.dlgForm p { margin-bottom:12px; }
form.dlgForm input.long { width:100%; }
form.dlgForm select.wide { width:100%; }

/* LVP Config stuff */
.lvp_team_instance_ui .tabContent {
  height:540px;
}

#teamInstanceEdit {
  height:460px;
}

.lvpTree {
  display:inline-block;
  width:40%;
  height:400px;
  
  border:1px solid #000;
  overflow-y:scroll;
  padding:4px;
}
.lvpTreeControls {
  display:inline-block;
  vertical-align:top;
  width:15%;
  padding:8px;
  text-align:center;
  overflow:hidden;
}

.treeNode {
  padding:2px 8px 2px 30px;
  min-height:24px;
  cursor:pointer;
}
.treeNode .title{
  font-size:14px !important;
  padding:0;
  border:0;
  margin:0;
}
.treeNode.leaf {
  padding-left:12px;
}
.treeNode:not(.leaf):not(.expanded) .treeNode{
  display:none;
}
.treeNode:not(.leaf):not(.expanded) {
  background:url('images/treeNode-minimised.png') no-repeat 0px 2px;
}
.treeNode.expanded:not(.left) {
  background:url('images/treeNode-maximised.png') no-repeat 0px 2px;
}
.treeNode.selected {
  background-color:#ADF;
}


.lvpSet {
  padding:8px 4px;
  border:1px solid #DDD;
  text-align:left;
}
.lvpInset {
  margin:5px 32px;
}
.lvpOption {
  border:1px solid #000;
  display:inline-block;
  padding:4px;
  margin:4px;
  vertical-align:top;
  cursor:pointer;
}
.lvpOption.selected {
  background-color:#FF0;
}
.lvpOption.invalid {
  background-color:#AAA;
}

.lvpTreeHeader {
  font-size:16px;
  font-weight:bold;
}
.lvpTreeHeader .allHeader {
  display:inline-block;
  width:55%;  
  padding:8px 8px 4px;
  
}
.lvpTreeHeader .inHeader {
  display:inline-block;
  padding:8px 8px 4px;
  margin-left:16px;
}

#groupSlidesListing {
  overflow-y:scroll;
  height:400px;
  border:1px solid #000;
  padding:4px;
}
#groupSlidesListing .error, .errorBar {
  background-color:#FAA;
  border-top:1px solid #A00;
  border-bottom:2px solid #A00;
  padding:8px 4px;
  text-align:center;
  margin:4px;
}
.messageBar {
  color:rgb(28, 223, 149);
  border-top:1px solid rgb(28, 223, 149);
  border-bottom:2px solid rgb(28, 223, 149);
  padding:8px 4px;
  text-align:center;
  margin:16px 4px 4px;
}

#lvpConfigTable {
  border:1px solid #DDD;
  margin:4px;
  height:300px;
  overflow-y:auto;
}
#lvpSampleTables {
  border:1px solid #DDD;
  margin:4px;
  height:500px;
  overflow-y:auto;
}
#lvpGraphPreviews {
  height:168px;
  border-top:1px solid #DDD;
  margin:4px;
  overflow-x:auto;
  white-space:nowrap;
}
#lvpGraphPreviews .previewGraph {
  display:inline-block;
  margin-right:8px;
  height:160px;
}

#lvpConfigTable table, #lvpSampleTables table {
  width:99%;
  margin:1px auto;
}
#lvpConfigTable .title, #lvpSampleTables .title {
  margin:12px 4px 8px;
}

table.lvpCommentTable {
  width:99%;
  margin:4px auto;
}
.lvpCommentTable > tbody > tr > td {
  padding:14px 4px;
  border-bottom:1px dotted #000;
}
.lvpCommentTable textarea {
  width:98%;
}

tr.averages td {
  border-top:2px dotted #000;
  margin-top:6px;
  background-color:#EEE;
}

table.cc_dataTable.highestred {
  border:2px solid #F00;
}
table.cc_dataTable.highestgreen {
  border:2px solid #0F0;
}
table.cc_dataTable.highestblue {
  border:2px solid #00F;
}
table.cc_dataTable.highestyellow {
  border:2px solid #FF0;
}
table.cc_dataTable.highestorange {
  border:2px solid #FD4;
}
table.cc_dataTable.highestpurple {
  border:2px solid #A0F;
}
table.cc_dataTable.highestcyan {
  border:2px solid #5EF;
}
/* ONA Config */

.onaConfigTable {
  margin:8px auto;
}
.onaConfigTable td {
  border:1px solid #AAA;
  padding:4px 8px;
}
.onaConfigTable td.hd {
  font-weight:bold;
}
.onaConfigTable tr.catHead td {
  padding-top:12px;
  border-top:2px solid #666;
}
.onaConfigTable tr:first-child td{
  border-top:1px solid #AAA !important;
}

.cc_dialogTable {
  margin:4px auto;
  width:80%;
}
.cc_dialogTable td {
  padding:4px;
}

.commentGroups {
  padding:16px;
}

.commentGroupHeader {
    color: #444;
    cursor: pointer;
    padding: 8px;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.2s;
    margin-bottom:4px;
}

.commentGroupHeader.active, .commentGroupHeader:hover {
    background-color: #ddd;
}

.commentGroupHeader::before {
    content: '\02795';
    font-size: 18px;
    color: #777;
    float: left;
    margin-left: 2px;
    margin-right: 8px;
    
}

.commentGroupHeader.active::before {
    content: "\2796";
}

.commentGroup {
    margin: 0 18px;
    display: none;
}

.commentGroup.show {
    display: block;
}

.toolDisplayOverrides td {
  padding: 4px;
}
.toolDisplayOverrides
{
  width:95%;
  margin:0px auto;
}
.toolDisplayOverrides tr.hd td
{
  font-weight:bold;
  background-color:#EEE;
  border-bottom:1px solid #000;
}
.toolDisplayOverrides tr:nth-child(3n + 1) td
{
  border-bottom:1px solid #888;
  padding-bottom:6px;
}
.toolDisplayOverrides textarea, .toolDisplayOverrides input {
  width: 90%;
}

#progressFilterForm table {
  margin:12px;
}

#progressFilterForm td {
  padding:2px;
}

#progressFilterForm input {
  width:200px;
}

#progressFilterForm select {
  width:200px;
}


/* ****************** */
/* Radio-button hack: */
.lbpQuestionTable .ui-slider-horizontal
{
  border:none !important;
  background:transparent;
  margin-top:0px !important;
  margin-bottom:0px !important;
}
.lbpQuestionTable .sliderHolder 
{
  background: transparent url('images/slider-radios.png') no-repeat 0px 6px;
}
.lbpQuestionTable .ui-slider-horizontal .ui-slider-handle
{  
  width: 29px;
  height: 29px;
  background: transparent url('images/slider-radio.png') no-repeat top left;
  border: 1px none;
  border-radius: 0px;
  margin-left: -14px;
  top: -5px;
}
}
.lbpQuestionTable tr.questionLine
{
  height:54px;
}
/* ****************** */

tr.negativeNote td
{
  padding: 16px 14px 7px;
  font-style: italic;
}

.localisor
{
  position:absolute;
  top:-4px;
  left:-4px;
  width:12px; 
  height:12px;
  border-top:4px solid #F00; 
  border-left:4px solid #F00;
  cursor:pointer;
}
.localisor.done
{
  border-top:4px solid #0B0; 
  border-left:4px solid #0B0;
}

html[dir="rtl"] .localisor {
  border-left:none;
  left:inherit;
  right:-4px;
  border-right:4px solid #F00;
}
html[dir="rtl"] .localisor.done
{
  border-right:4px solid #0B0;
}

.adjacencyDownloadDialog {
  text-align:left;
}

.adjacencyDownloadDialog table {
  width:98%;
  margin:8px auto;
}
.adjacencyDownloadDialog table td {
  padding:4px 8px;
}
.adjacencyDownloadDialog table tr td:first-child {
  width:40%;
}
.adjacencyDownloadDialog table tr td:last-child {
  font-style:italic;
}

.baseline .copyright {
  font-size:16px;
}
.baseline .privacy {
  font-size:12px;
  margin-bottom:12px;
}
.baseline span.mid {
  color:rgb(28, 223, 149);
}

.nominationHeader {
  display:inline-block; 
  width:245px;
  margin:6px 20px;
}
.moveHeader {
  display:inline-block; 
  margin:6px 10px;
  white-space:nowrap;
}
.moveControls {
  display:inline-block;
}

.addMoreButton {
  margin-top:12px;
}

.EsqLnaInlineBlock {
  margin-left:48px;
}

@media only screen and (max-width: 1000px) {  
  html {
    font-size:inherit;
  }

  body {
    min-width:inherit;
  }
  
  #main {
    min-width:inherit;
    width:100%;
  }
  
  #contents {
    width:96%;
    margin:12px auto 24px;
    padding:12px 4px;
  }
  
  .loginpanel .title {
    margin-top:8px;
  }
  
  .loginpanel .para {
    margin-bottom:8px;
  }
  .loginpanel input {
    width:80%;
  }
  
  .tagline .sysLogo {
    margin-top:12px;
  }
  
  button {
    padding:8px 16px;
  }
  
  .userToolDetail .toolTitle {
    width:inherit;
  }
  
  .toolBox, .toolBox tr, .toolBox td 
  {
    display:block;
  }
  .userToolDetail .toolImage {
    width:inherit;
  }
  
  .toolBoxDetail {
    text-align:center;
  }
  .userToolDetail {
    padding:12px;
  }
  
  .para div.title:first-child {
    margin-top:6px;
  }
  .para div.title {
    margin-top:48px;
  }
  
  .loggedInPanel {
    text-align:center;
  }
  
  body.page_user_home .menuBar {
    display:none;
  }
  
  /* LNA */
  .lna_tool {
    margin-top:12px;
    width:95%;
  }
  #lna_question_container {
    padding:0;
  }
  .lna_tool_question_desc {
    padding-left:12px;
  }
  
  input.lna_autocomplete[type="text"] {
    position:relative;
    top:7px;
    width:40%;
  }
  .nominationHeader {
    width:40%;
  }
  .moveHeader {
    display:none;
  }
  
  .lna_tool_answers {
    text-align:center;
  }
  .lna_tool_question_noNominate { 
    text-align:center;
  }
  
  /* LVP */
  .lvpAnswerText {
    width:75%;
  }

  .lvpAnswerSet {margin:0; }
  
  .cc_table select, .cc_table input[type="text"], .cc_table textarea {
    width:100%;
    padding:4px;
    margin-bottom:16px;
  }
  
  .userToolDetail .toolMU { width:initial; display:block; }
  
  /* ESQ */
  .esqTopTitle {
    width:94%;
    margin-top:12px;
  }
  .para .esqTitle {
    padding:0;margin:0;
  }
  .esqQuestionTable.customHeaders, .esqQuestionTable.customHeaders tbody, .esqQuestionTable.customHeaders tr, .esqQuestionTable.customHeaders td  {
    display:block;
  }
  
  .esqQuestionTable.customHeaders label {
    margin: 10px 0px 10px 50px;
  }
  .esqQuestionTable.customHeaders input[type="radio"] {
    position:relative;
    top:0.05em;
    height:1.5em; 
    width:1.5em;
  }
  .esqQuestionTable {
    width:100%;
    max-width:inherit;
  }
  .esqQuestionTable.customHeaders tr.questionLine {
    margin-top:20px;
  }
  .esqQuestionTable.customHeaders tr.questionLine td {
    display:inline;
  }
  .esqQuestionTable.customHeaders col {
    width:0px;
  }
  .esqQuestionTable.customHeaders col:first-child {
    width:100% !important;
  }
  
  .EsqLnaInlineBlock {
    margin-left:0px;
  }
  
  /* LBP */
  .lbp_ratingGroup input {
    margin-bottom:32px;
  }
  
  .licenseDetail {
    width:100%;
  }
  
  .lbpQuestionTable, .lbpQuestionTable tbody, .lbpQuestionTable tr, .lbpQuestionTable td  {
    display:block;
  }
  
  .lbpColHeader, td.spacer {
    display:none !important;
  }
  .lbpQuestionTable tr.questionLine td:first-child, .lbpQuestionTable tr.questionLine td:nth-child(2) {
    display:inline;
  }
  .lbpQuestionTable .sliderHolder {
    position:relative;
    display:block;
    width:144px;
    height:52px;
    margin:4px auto 8px;
  }
  .lbpQuestionTable .sliderHolder:before {
    content:"No Evidence";
    position:absolute;
    right:160px;
    text-align:right;
    font-size:12px;
    line-height:12px;
    top:6px;
  }
  .lbpQuestionTable .sliderHolder:after {
    content:"High Evidence";
    position:absolute;
    left:160px;
    text-align:left;
    font-size:12px;
    line-height:12px;
    top:6px;
  }

  .ai_dialog_content .emailTemplates div {
    max-height:200px;
    width:100%;
  }
  
  .lbpQuestionTable tr.questionLine:nth-child(2n+4) {
    background-color:#FFF !important;
  }
  .lbpQuestionTable tr.negativeNote {
    margin-bottom:8px;
    border-top:1px dotted #DDD;
  }
  
  .lbp-usersel {
    display:block;
    float:none;
  }
  
  div.title {
    text-align:center;
  }
}

.surveyCompletionChart {
  margin-top:32px;
  margin-bottom:32px;
  text-align:center;
}
.surveyCompletionChart tr {
  transition: background-color 0.4s ease;
}
.surveyCompletionChart tr:hover {
  background-color: #f8f8f8;
}
.surveyCompletionChart td.linkCell {
  vertical-align:middle;
  font-size:12px;
}
.surveyCompletionDetails .infoPanel {
  float: left;
  width: 46%;
  margin:0px 16px;
}
.surveyCompletionDetails .large {
  width: 64%;
}
.surveyCompletionDetails .small {
  width: 28%;
}
.surveyCompletionDetails .infoPanel .para {
  height:250px;
}
.surveyCompletionDetails .infoPanelTitle {
  display:block;
  text-align:center;
  font-size:16px;
  padding:8px 0px;
}
.cc_dataTable.surveyCompletionTable {
  height:208px;
}

.surveyCompletionTable tr:nth-child(2n+1) > td {
  background-color:#eee;
}
.surveyCompletionTable tr.selled td {background-color:#449; color:#FFF; }

#completionReportPane .para div {
  padding: 8px 16px;
}

@media only screen and (max-width: 380px) {  
  .moveHeader, .moveControls {
    display:none;
  }
  input.lna_autocomplete[type="text"] {
    width:70%;
  }
  .nominationHeader {
    width:70%;
  }
  input.lna_autocomplete[type="text"] {
    margin:0px 20px 20px;
  }
  span.clearSelectX { 
    left:-10px;
  }
}

.gantchartDateBar {
  width:80%;
  height:40px;
  cursor:pointer;
}
.gantchartContent {
  width:100%;
  min-height:100px;
  margin-top:16px
}
.ganttChartTeamBarRow {
  width:100%;
  height:40px;
  padding:6px 0px;
  transition:background-color ease 0.4s;
  border-bottom:1px solid #f2f2f2;
}
.ganttChartTeamBarRow:first-child {
  border-top:1px solid #f2f2f2;
}
.ganttChartTeamBarRow:hover {
  background-color:#f4f4f4;
}

.ganttChartTeamBar {
  width:80%;
  height:100%;
  display:inline-block;
}
.ganttChartTeamLink {
  width:19%;
  height:100%;
  text-align:center;
  display:inline-block;
}
.ganttChartOverallCompletion {
  font-size:24pt;
  font-weight:bold;
}


.faqTitle {
  color: #595959;
  font-size: 24px;
  line-height: 28px;
  margin-top:12px;
}

.faqPageTitle {
  color: #595959;
  font-size: 32px;
  text-align:center;
  line-height: 48px;
  margin-bottom:32px;
}

.faqSubSection {
  border-bottom:1px solid #444;
  margin-bottom:24px;
}
.faqSubSection.faqOpen {
  border-bottom:1px solid #AAA;
  margin-bottom:16px;
}
.faqSubSection .faqPopdown {
  margin-left:24px;
  margin-bottom:16px;
  display:none;
}
.faqSubSection.faqOpen .faqPopdown {
  display:block;
}
.faqSubSection > .faqTitle {
  cursor:pointer;
  padding:4px 8px 4px 32px;
  position:relative;
}
.faqSubSection > .faqTitle::before {
  content:'▸ ';
  position:absolute;
  left:8px;
  top:0px;
  transform:rotate(0deg);
  transition:0.2s ease-in-out;
}
.faqSubSection.faqOpen > .faqTitle::before {
  transform:rotate(90deg);
  transition:0.2s ease-in-out;
}

.faqContent {
  min-height:60vh;
  position:relative;
  padding-bottom:44px;
  
  margin:48px 64px 0px;;
}
.faqPageControls {
  position:absolute;
  bottom:0px;
  left:0px;
  width:100%;
  height:32px;
  border-top:1px dashed #888;
  text-align:right;
  padding-top:11px;
}
.faqLine {
  margin:8px 0px;
}
.faqBullet {
  margin:12px 14px;
  padding:0px 16px;
  position:relative;
}
.faqBullet::before {
  content: '•';
  position:absolute;
  top:1px;
  left:4px;
}

.spaceTable td {
  padding: 4px 8px;
}

#summarySubscaleSelection {
  float:right;
  margin-right:4px;
}


/* Diary entries */
#diaryView {
  margin:32px;
  padding:16px 24px 24px;
  border:1px solid #AAA;
  box-shadow:2px 2px 3px rgba(0,0,0,0.3);
}
#diaryView .message {
  background-color:#FAA;
  border-top:2px solid #F00;
  color:#900;
  text-align:center;
  padding:8px;
  border-bottom:1px solid #F00;
}

#diaryView .controls {
  text-align:center;
  margin:12px 0px 8px;
  padding:10px 0px 16px;
  background-color:#EFEFEF;
  border-top:1px solid #DDD;
  border-bottom:1px solid #DDD;
}
#diaryView .controls #diaryDate {
  text-align:center;
  font-size:16px;
  font-weight:bold;
  padding:8px;
  width:140px;
}
#diaryView .controls button {
  vertical-align:middle;
  margin:0px 12px;
  padding:8px;
}
 
#diaryView .dayView {
  position:relative;
  margin:16px;
}
#diaryView .dayView .entries {
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  pointer-events:none;
}
#diaryView .dayView .hour {
  height:60px;
  border-top:1px dotted #AAA;
  position:relative;
  cursor:pointer;
  
  transition: background-color 0.3s;
}

#diaryView .dayView .hour::before {
  content:attr(_time);
  display:block;
  position:absolute;
  top:-9px;
  left:calc( 90% - 23px );
  width:30px;
  text-align:center;
  background-color:#FFF;
  font-size:10px;
  font-style:italic;
  color:#999;
  padding:0px 8px;
  border-radius:8px;
}

#diaryView .dayView .hour::after {
  content:'';
  display:block;
  position:absolute;
  width:1px;
  top:8px;
  height:44px;
  left:90%;
  border-left:1px dashed #AAA;
}

#diaryView .dayView .hour:hover {
  background-color:#ADF;
}

#diaryView .dayView .hour:last-child {
  border-bottom:1px dotted #AAA;
}

#diaryView .dayView .entries .noEntriesMessage {
  margin:12px auto 0px 12px;
  padding:8px 12px;
  width:70%;
  text-align:center;
  background-color:#ADF;
  border:1px solid #000;
  box-shadow:2px 2px 3px rgba(0,0,0,0.3);
  border-radius:12px;
  pointer-events:auto;
}

#diaryView .dayView .entries .entry {
  position:absolute;
  width:43%;
  left:2%;
  background-color:#1A1942;
  border:1px solid #000;
  box-shadow:2px 2px 3px rgba(0,0,0,0.3);
  border-radius:4px;
  overflow:hidden;
  pointer-events:auto;
  cursor:pointer;
}
#diaryView .dayView .entries .entry:hover::after {
  content:'';
  position:absolute;
  left:2px;
  top:2px;
  width:calc( 100% - 8px );
  height:calc( 100% - 8px );
  border-radius:2px;
  border:2px solid #FF0;
}
#diaryView .dayView .entries .entry div {
  color:#FFF;
}
#diaryView .dayView .entries .entry .de_title {
  font-weight:bold;
  font-size:18px;
  border-bottom:1px solid #FFF;
  padding:4px 8px;
  margin:0px 2px 4px;
}
#diaryView .dayView .entries .entry .de_times {
  text-align:right;
  font-size:12px;
  font-style:italic;
  position:absolute;
  bottom:8px;
  right:8px;
}
#diaryView .dayView .entries .entry .de_comment {
  padding:0px 12px;
  font-size:10px;
}

.diaryEntryTable {
  text-align:left;
  width:100%;
}
.diaryEntryTable input, .diaryEntryTable select, .diaryEntryTable textarea
{
  width:90%;
}

.inlineBlock {
  display:inline-block;
}
.inlineField {
  padding:4px 6px;
  text-align:center;
  width:60px;
  margin-left:12px;
  vertical-align:middle;
}

.diaryPriorDayMetaBox {
  background-color:#ADF;
  border-top:1px solid #00A;
  border-bottom:1px solid #00A;
  margin:8px 0px;
  padding: 4px 8px;
}
.diaryPriorDayMetaBox table {
  width:70%;
  min-width:300px;
  margin:12px auto;
}
.diaryPriorDayMetaBox table td {
  padding:4px;
  vertical-align:middle;
}
.diaryPriorDayMetaBox table td:first-child {
  text-align:right;
}
.metaBox input {
  width:60px;
  margin-left:0px !important;
  padding:4px 6px;
  text-align:center;
}
.metaBox textarea {
  font-family: 'Kepler Std';
  font-size: 12px;
  width:calc( 100% - 14px );
  height:3em;
  padding:4px 6px;
}
.metaEditTable {
  text-align:left;
  width:100%;
}
.metaEditTable td {
  padding:4px;
}
.metaEditTable input {
  margin-left:initial !important;
  padding:4px 6px;
}

#inlineAddWakeTime {
  padding:2px 12px;
}

#dayMetaBox {
  width:200px;
  background-color:#ADF;
  border:1px solid #00A;
  border-radius:4px;
  margin:12px 8px;
  padding:4px;
  box-shadow:2px 2px 3px rgba(0,0,0,0.3);
}

.ui-datepicker-title::after {
  content:"Please format as DD/MM/YYYY";
  font-size:12px;
}



.hrTraceStartTime {
  border: 1px solid #444;
  border-radius:4px;
  box-shadow:2px 2px 3px rgba(0,0,0,0.3);
  margin:16px 12px;
  padding:10px 12px;  
}
.hrTraceStartTime .inlineBlock {
  padding:8px 12px;
}
.hrTraceStartTime .inlineBlock * {
  vertical-align:middle;
  display:inline-block;
  margin:0px 8px;
}

.login-error {
  background-color:rgba(255,0,0,0.2);
  padding:8px 0px 6px;
  border-top:2px solid #F00;
  border-bottom:1px solid #F00;
}


.dynamic_image_setup_error {
  background-color:rgba(255,0,0,0.5);
  border-top:1px solid #F00;
  border-bottom:2px solid #F00;
  padding:16px 0px;
  margin:16px 0px;
  text-align:center;
}

.dynamic_image_setup_table 
{
  width:400px;
  margin:12px auto;
  border:1px dotted #FFF;
}
.dynamic_image_setup_table tr td {
  padding:8px 12px;
}

.dynamic_image_setup_table input {
  box-sizing:border-box;
  width:100%;
  padding:4px 8px;
}



#cbp180_instance_selections .column50 {
  box-sizing:border-box;
  padding:8px;
  width:50%;
  display:inline-block;
  vertical-align:top;
}
#cbp180_instance_selections .column50:first-child {
  border-right:1px solid #999;
}

#cbp180_instance_selections .column50:nth-child(2) {
  border-left:1px solid #999;
}
#cbp180_instance_selections .subheader {
  font-weight:bold;
  margin-bottom:8px;
}
#cbp180_instance_selections label {
  display:block;
  padding-top:4px;
}
#cbp180_instance_selections label:hover {
  background-color:#FFA;
}
#cbp180_instance_selections input[type="checkbox"] {
  margin-right:8px;
  padding-bottom:4px;
  position:relative;
  top:-2px;
}


/* GPT-originated triListing stuff: */
.triListing {
  /*background-color:#EFEFEF;
  padding:8px;*/
}
.triListing .cbp-container {
  font-family: inherit;
  color: #222;
}

.triListing .cbp-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
  gap: 8px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
}

.triListing .cbp-left,
.triListing .cbp-right {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}

.triListing .cbp-btn {
  appearance: none;
  border: 1px solid #bbb;
  background: #f7f7f7;
  padding: 6px 10px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 13px;
}
.triListing .cbp-btn:hover { background: #f0f0f0; }
.triListing .cbp-btn.cbp-danger { background: #ffecec; border-color: #e0a0a0; }
.triListing .cbp-btn.cbp-danger:hover { background: #ffd9d9; }

.triListing .cbp-status {
  font-size: 13px;
  color: #555;
}
.triListing .cbp-status.cbp-ok { color: #1a7f37; }
.triListing .cbp-status.cbp-err { color: #b20000; }

.triListing .cbp-spinner {
  width: 16px;
  height: 16px;
  border: 2px solid #ccc;
  border-right-color: transparent;
  border-radius: 50%;
  display: inline-block;
  animation: cbp-spin 0.8s linear infinite;
}
@keyframes cbp-spin { to { transform: rotate(360deg); } }

.triListing .cbp-list { overflow-x: auto; }
.triListing .cbp-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}
.triListing .cbp-table th, .triListing .cbp-table td {
  padding: 8px;
  border-bottom: 1px solid #eee;
  text-align: left;
}
.triListing .cbp-table th.cbp-col-actions, .triListing .cbp-table td.cbp-actions {
  width: 180px;
}
.triListing .cbp-empty {
  text-align: center;
  color: #888;
  padding: 20px;
}

.triListing .cbp-form-row {
  display: grid;
  grid-template-columns: 160px 1fr;
  gap: 8px;
  align-items: center;
  margin-bottom: 8px;
}
.triListing .cbp-form-row > label {
  font-weight: 600;
  font-size: 13px;
}
.triListing .cbp-form-row input[type="text"],
.triListing .cbp-form-row input[type="date"],
.triListing .cbp-form-row textarea,
.triListing .cbp-form-row select {
  width: 100%;
  box-sizing: border-box;
  padding: 6px 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font: inherit;
  font-size: 14px;
}

.triListing .cbp-note {
  color: #666;
  font-size: 13px;
  margin: 6px 0 4px 160px;
}

.triListing .cbp-user-select {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 10px;
  margin: 16px 0;
}
.triListing .cbp-users-panel {
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 8px;
  display: flex;
  flex-direction: column;
  min-height: 280px;
}
.triListing .cbp-users-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  margin-bottom: 8px;
}
.triListing .cbp-users-header .cbp-count {
  color: #666;
  font-size: 12px;
  margin-left: 6px;
}
.triListing .cbp-user-list {
  flex: 1 1 auto;
  width: 100%;
  min-height: 200px;
}
.triListing .cbp-user-filter {
  flex: 0 0 180px;
  min-width: 120px;
}

.triListing .cbp-transfer {
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: center;
  justify-content: center;
}

.triListing .cbp-meta {
  margin-top: 20px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.triListing .cbp-meta-section > h4 {
  margin: 0 0 8px 0;
  font-size: 14px;
}

.triListing .cbp-modal {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.35);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 50;
}
.triListing .cbp-modal-content {
  background: #454545;
  color:#FFF;
  width: min(520px, 90vw);
  border-radius: 8px;
  box-shadow: 0 4px 24px rgba(0,0,0,0.2);
  overflow: hidden;
}
.triListing .cbp-modal-header {
  font-weight: 700;
  padding: 12px 16px;
  border-bottom: 1px solid #eee;
}
.triListing .cbp-modal-body {
  padding: 12px 16px;
}
.triListing .cbp-modal-footer {
  padding: 12px 16px;
  border-top: 1px solid #eee;
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

/* Template override field */
.triListing .cbp-file-row {
  display: flex;
  align-items: center;
  gap: 8px;
}
.triListing .cbp-template-filename {
  color: #666;
  font-size: 13px;
}

/* Responsive tweaks */
@media (max-width: 800px) {
  .triListing .cbp-meta {
    grid-template-columns: 1fr;
  }
  .triListing .cbp-user-select {
    grid-template-columns: 1fr;
  }
  .triListing .cbp-transfer { flex-direction: row; }
  .triListing .cbp-form-row {
    grid-template-columns: 1fr;
  }
  .triListing .cbp-note {
    margin-left: 0;
  }
}





/* IASv2: SQL Editor */


/* layout with optional sidebar (no flex) */
.se-layout { display:block; } /* collapse inline-block whitespace */
.se-layout > * {
  box-sizing: border-box;
}
.se-sidebar {
  display:inline-block; vertical-align:top; width:220px; margin-right:12px;
  border:1px solid #30363d; border-radius:6px; overflow:hidden;
  background:#161b22; color:#c9d1d9; /* dark sidebar */
  font-size:inherit;
}
.se-sidebar-header {
  font-weight:600; padding:8px 10px; border-bottom:1px solid #30363d;
  background:#0d1117; color:#c9d1d9;
}
.se-view-list { max-height: 380px; overflow:auto; }
.se-view-item { padding:6px 8px; cursor:pointer; }
.se-view-item:hover { background:#1f242b; } /* subtle on dark */
.se-view-empty { color:#8b949e; padding:8px; }
.se-main {
  display:inline-block; vertical-align:top;
  width: calc(100% - 220px - 12px);
  font-size:inherit;
}

.se-host { font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Arial, sans-serif; }
.se-editor { position: relative; border: 1px solid #c9d1d9; border-radius: 6px; background: #0d1117; overflow: hidden; }
.se-editor .se-highlights,
.se-editor .se-input {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  font-size: 13px; line-height: 1.5; tab-size: 2;
  padding: 10px 12px; white-space: pre; word-wrap: normal; overflow: auto;
  width: 100%; height: 100%; box-sizing: border-box;
}
.se-editor .se-highlights {
  position: absolute; top: 0; left: 0; right: 0; bottom: 0;
  color: transparent; pointer-events: none; z-index:1;
  text-align: left;
}
/*.se-editor .se-highlights span { color: inherit; }*/
.se-editor .se-input {
  position: relative; background: transparent; color: #c9d1d9; border: 0; outline: none; resize: none;
}
.se-toolbar { margin: 8px 0; display:flex; align-items:center; gap:10px; }

/*.se-btn-run { background:#238636; color:#fff; border:1px solid #2ea043; border-radius:6px; padding:6px 10px; cursor:pointer; }
.se-btn-run:hover { background:#2ea043; }
.se-btn-view { background:#238636; color:#fff; border:1px solid #2ea043; border-radius:6px; padding:6px 10px; cursor:pointer; }
.se-btn-view:hover { background:#2ea043; }*/

.se-status { color:#8b949e; }
.se-status-error { color:#ff7b72; }
.se-preview-inner { border:1px solid #d0d7de; border-radius:6px; overflow:auto; max-height: 280px; }
.se-table { width:100%; border-collapse: collapse; font-size: 13px; }
.se-table th, .se-table td { border-bottom:1px solid #d0d7de; padding:6px 8px; text-align:left; }
.se-table thead th { background:#f6f8fa; color:#24292f; position: sticky; top: 0; }

.se-token-kw { color:#79c0ff; font-weight:600; }
.se-token-string { color:#a5d6ff; }
.se-token-number { color:#ffa657; }
.se-token-ident { color:#d2a8ff; }
.se-token-comment { color:#8b949e; font-style: italic; }
.se-token-table { color:#ffdf5d; } /* table/alias */
.se-token-col { color:#7ee787; } /* column */
.se-token-func { color:#d2a8ff; font-weight:600; } /* SQL function */

.se-ac {
  position:absolute; z-index:10; right: 12px; top: 12px; max-height: 180px; overflow:auto;
  min-width: 220px; background:#161b22; color:#c9d1d9; border:1px solid #30363d; border-radius:6px; box-shadow:0 8px 24px rgba(1,4,9,.6);
}
.se-ac-item { padding:6px 8px; cursor:pointer; color:#c9d1d9 !important;}
.se-ac-item:hover { background:#238636; color:#fff !important; }

/* modal */
.se-modal { position:fixed; inset:0; background:rgba(20,23,28,.55); display:flex; align-items:center; justify-content:center; z-index:9999; }
.se-modal-dialog { width: 420px; background:#fff; color:#24292f; border-radius:8px; box-shadow:0 16px 48px rgba(0,0,0,.35); overflow:hidden; }
.se-modal-header { font-weight:600; padding:12px 14px; border-bottom:1px solid #d0d7de; }
.se-modal-body { padding:12px 14px; }
.se-input-row { display:flex; align-items:center; gap:6px; margin-top:6px; }
.se-view-prefix { background:#f6f8fa; border:1px solid #d0d7de; border-radius:6px; padding:6px 8px; font-family:monospace; }
.se-modal-body input.se-view-name { flex:1; border:1px solid #d0d7de; border-radius:6px; padding:6px 8px; }
.se-modal-hint { color:#6e7781; font-size:12px; margin-top:6px; }
.se-modal-actions { display:flex; justify-content:flex-end; gap:8px; padding:12px 14px; border-top:1px solid #d0d7de; }
.se-btn { border:1px solid #d0d7de; background:#f6f8fa; padding:6px 10px; border-radius:6px; cursor:pointer; }
.se-btn-primary { background:#2da44e; color:#fff; border-color:#2da44e; }
.se-btn-primary:hover { background:#2c974b; }




/* Report Editor CSS */
/* Container and layout */
.reportEditorPrepUI .re-shell {
  display: flex;
  flex-direction: column;
  gap: 16px;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: #222;
}
.reportEditorPrepUI .field-label {
  display: block;
  font-weight: 600;
  margin-bottom: 6px;
}
.reportEditorPrepUI .field-input {
  width: 100%;
  padding: 8px 10px;
  border: 1px solid #cfd6e4;
  border-radius: 6px;
  font-size: 14px;
}

.re-odtbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #f7f9fc;
  border: 1px solid #e2e8f5;
  border-radius: 8px;
  padding: 12px 14px;
}
.re-odtbar .odt-title {
  font-weight: 600;
  margin-bottom: 4px;
}
.re-odtbar .odt-status {
  font-size: 13px;
  color: #4a5a75;
}
.re-odtbar .btn {
  padding: 8px 12px;
  border: 1px solid #2d6cdf;
  background: #2d6cdf;
  color: #fff;
  border-radius: 6px;
  cursor: pointer;
}
.re-odtbar .btn:hover {
  background: #1e54c6;
  border-color: #1e54c6;
}

.re-panes {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 16px;
}
.re-pane {
  background: #fff;
  border: 1px solid #e2e8f5;
  border-radius: 8px;
  padding: 0;
  min-height: 120px;
  position: relative;
  height: 50vh;
  overflow-y: scroll;
}
.re-pane.disabled::after {
  content: 'Upload ODT to enable';
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
  font-weight: 600;
  border-radius: 8px;
  z-index: 2;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-size: 12px;
}
.pane-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 12px;
  border-bottom: 1px solid #e2e8f5;
}
.pane-header .title {
  border-top:0px transparent;
  padding-top:6px;
}
.pane-header .actions .btn.small {
  padding: 6px 10px;
  border: 1px solid #cfd6e4;
  background: #f7f9fc;
  color: #1f2a44;
  border-radius: 6px;
  cursor: pointer;
}
.pane-header .actions .btn.small:hover {
  background: #eef3fb;
}
.pane-hint {
  font-size: 12px;
  color: #6b7280;
  padding: 10px 12px;
  border-bottom: 1px dashed #e5e7eb;
}

/* Simple list rows */
.simple {
  padding: 8px 12px;
}
.simple-row {
  display:block;
  border: 1px solid #e2e8f5;
  background: #fff;
  border-radius: 8px;
  padding: 10px 12px;
  margin-bottom: 8px;
}
.row-left {
  width:calc( 100% - 120px );
  display:inline-block;
  vertical-align:top;
  box-sizing:border-box;
}
.row-right {
  width:120px;
  display:inline-block;
  vertical-align:top;
  box-sizing:border-box;
}

.row-title {
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.row-sub {
  font-size: 12px;
  color: #6b7280;
  margin-top: 2px;
}
.row-right .btn.small {
  margin-left: 6px;
  padding:4px 8px;
}

/* Cards/forms used in dialogs */
.viz-row {
  display: flex;
  gap: 12px;
  margin-bottom: 10px;
  flex-wrap: wrap;
}
.viz-row.full .viz-col { flex: 1 1 100%; }
.viz-col {
  flex: 1 1 0;
  min-width: 180px;
}
.viz-col.full { flex: 1 1 100%; }
.viz-col.half { flex: 1 1 50%; }
.viz-input, .viz-select, .viz-textarea {
  width: 100%;
  border: 1px solid #cfd6e4;
  border-radius: 6px;
  padding: 8px 10px;
  font-size: 14px;
  background: #fff;
  color: #111827;
  box-sizing:border-box;
}
.viz-input.small {
  padding: 6px 8px;
  font-size: 13px;
}
.viz-textarea {
  min-height: 100px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
}
.viz-checkbox { display: inline-flex; align-items: center; gap: 8px; }
.viz-fs {
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  padding: 10px;
  margin-bottom: 12px;
}
.viz-fs legend {
  font-size: 12px;
  font-weight: 600;
  color: #6b7280;
}
.inline-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 8px;
}
.inline-table th, .inline-table td {
  border: 1px solid #e5e7eb;
  padding: 6px 8px;
  font-size: 13px;
}
.inline-table td.right { text-align: right; }

.btn.danger {
  background: #ef4444;
  border: 1px solid #ef4444;
  color: #fff;
}
.btn.danger:hover {
  background: #dc2626;
  border-color: #dc2626;
}
.btn.danger.xsmall {
  padding: 2px 8px;
  font-size: 12px;
  line-height: 18px;
}

/* Dialog-specific */
.dlg-feature-editor, .dlg-block-editor { min-width: 620px; }
.block-header {
  display: flex;
  gap: 20px;
  margin-bottom: 10px;
}
.block-header .mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  font-size: 12px;
}
.mt4 { margin-top: 4px; }

/* SQL editor fallback */
.sql-editor-host textarea {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  font-size: 13px;
}

/* Validation */
.invalid { border-color: #ef4444 !important; }

.reportEditorHandler .field-label {
  display:inline-block;
  padding-right:16px;
  vertical-align:middle;
  margin-bottom:16px;
  margin-left:12px;
}
.reportEditorHandler input.field-input {
  padding:8px;
  width:440px;
  display:inline-block;
  vertical-align:middle;
  margin-bottom:16px;
}

.block-list, .feature-list {
}

.dlg-content {
  overflow-y:auto;
  max-height:80vh;
}
.dlg-feature-editor label, .dlg-block-editor label, .fieldSelector  {
  text-align:left;
}


.reportCustomisationDialog {
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: #1f2937;
  font-size: 14px;
}
.reportCustomisationDialog .rc-header {
  padding: 0px 8px 8px 8px;
}
.reportCustomisationDialog .rc-title {
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 6px;
}
.reportCustomisationDialog .rc-context {
  font-size: 12px;
  color: #4b5563;
}
.reportCustomisationDialog .rc-context-row {
  display: block;
  overflow: hidden; /* clearfix for floats below */
}
.reportCustomisationDialog .rc-context-cell {
  display: inline-block;
  margin-right: 16px;
}
.reportCustomisationDialog .rc-label {
  margin-right: 6px;
  color: #6b7280;
}
.reportCustomisationDialog .rc-status {
  font-weight: 600;
  color: #6b7280;
}
.reportCustomisationDialog .rc-status.ok { color: #16a34a; }
.reportCustomisationDialog .rc-status.err { color: #dc2626; }

.reportCustomisationDialog .rc-tabs {
  padding: 8px 8px 0 8px;
  border-bottom: 1px solid #e5e7eb;
}
.reportCustomisationDialog .rc-tablist {
  list-style: none;
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.reportCustomisationDialog .rc-tab {
  display: inline-block;
  margin: 0 8px 0 0;
  padding: 8px 10px;
  border: 1px solid #e5e7eb;
  border-bottom: none;
  background: #f9fafb;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  cursor: pointer;
  position: relative;
}
.reportCustomisationDialog .rc-tab.rc-tab-current {
  background: #ffffff;
  border-bottom: 1px solid #ffffff;
  font-weight: 600;
}
.reportCustomisationDialog .rc-tab .rc-badge {
  display: inline-block;
  margin-left: 6px;
  padding: 2px 6px;
  font-size: 11px;
  color: #0f766e;
  background: #ccfbf1;
  border-radius: 10px;
}
.reportCustomisationDialog .rc-tab.rc-tab-disabled {
  background: #f3f4f6;
  color: #9ca3af;
  cursor: not-allowed;
}

.reportCustomisationDialog .rc-body {
  padding: 10px 8px;
}
.reportCustomisationDialog .rc-pane {
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  padding: 10px;
  background: #ffffff;
  min-height: 240px;
}
.reportCustomisationDialog .rc-desc {
  color: #6b7280;
  font-size: 13px;
  margin-bottom: 8px;
}

.reportCustomisationDialog .rc-empty {
  color: #6b7280;
  padding: 8px;
  font-style: italic;
  background: #f9fafb;
  border: 1px dashed #e5e7eb;
  border-radius: 6px;
}

/* Table-like form without flex */
.reportCustomisationDialog .rc-form {
  display: block;
}
.reportCustomisationDialog .rc-form-row {
  display: block;
  border-bottom: 1px solid #f3f4f6;
  padding: 8px 4px;
}
.reportCustomisationDialog .rc-form-row:last-child {
  border-bottom: none;
}
.reportCustomisationDialog .rc-form-cell {
  display: inline-block;
  vertical-align: top;
}
.reportCustomisationDialog .rc-form-label {
  width: 32%;
  padding-right: 10px;
  box-sizing: border-box;
  font-weight: 600;
}
.reportCustomisationDialog .rc-form-control {
  width: 68%;
  box-sizing: border-box;
}
.reportCustomisationDialog .rc-required {
  color: #dc2626;
  margin-left: 4px;
}
.reportCustomisationDialog .rc-select {
  width: 100%;
  padding: 8px 10px;
  border: 1px solid #cfd6e4;
  border-radius: 6px;
  background: #fff;
  font-size: 14px;
}
.reportCustomisationDialog .rc-select-multi {
  height: 140px;
}
.reportCustomisationDialog .rc-error {
  margin-top: 6px;
  color: #dc2626;
  font-size: 12px;
}

.reportCustomisationDialog .rc-footer {
  border-top: 1px solid #e5e7eb;
  padding: 10px 8px 8px 8px;
  overflow: hidden; /* clearfix for floats */
}
.reportCustomisationDialog .rc-footer-left {
  float: left;
}
.reportCustomisationDialog .rc-footer-right {
  float: right;
}
.reportCustomisationDialog .rc-btn {
  display: inline-block;
  padding: 8px 12px;
  border-radius: 6px;
  border: 1px solid #cfd6e4;
  background: #f9fafb;
  cursor: pointer;
  margin-left: 8px;
  color: #1f2937;
}
.reportCustomisationDialog .rc-btn:hover {
  background: #eef2f7;
}
.reportCustomisationDialog .rc-btn-primary {
  background: #2d6cdf;
  border-color: #2d6cdf;
  color: #fff;
}
.reportCustomisationDialog .rc-btn-primary:hover {
  background: #1e54c6;
  border-color: #1e54c6;
}
.reportCustomisationDialog .rc-btn-accent {
  background: #059669;
  border-color: #059669;
  color: #fff;
}
.reportCustomisationDialog .rc-btn-accent:hover {
  background: #047857;
  border-color: #047857;
}
.reportCustomisationDialog .rc-btn-secondary {
  background: #6b7280;
  border-color: #6b7280;
  color: #fff;
}
.reportCustomisationDialog .rc-btn-secondary:hover {
  background: #4b5563;
  border-color: #4b5563;
}

/* Loading placeholder */
.reportCustomisationDialog .rc-loading {
  padding: 12px;
  color: #6b7280;
}

.reportCustomisationDialog .rc-row {
  display: block;
  overflow: hidden;
  padding: 6px 8px;
  border-bottom: 1px solid #e5e7eb;
}
.reportCustomisationDialog .rc-cell {
  display: inline-block;
  margin-right: 16px;
  font-size: 12px;
  color: #4b5563;
}
.reportCustomisationDialog .rc-label {
  margin-right: 6px;
  color: #6b7280;
}
.reportCustomisationDialog .rc-status {
  font-weight: 600;
  color: #6b7280;
}
.reportCustomisationDialog .rc-status.ok { color: #16a34a; }
.reportCustomisationDialog .rc-status.err { color: #dc2626; }

.reportCustomisationDialog .rc-basebar {
  padding: 10px 8px;
  border-bottom: 1px solid #e5e7eb;
}
.reportCustomisationDialog .rc-base-label {
  display: inline-block;
  width: 140px;
  font-weight: 600;
}
.reportCustomisationDialog .rc-base-select {
  display: inline-block;
  min-width: 280px;
  padding: 8px 10px;
  border: 1px solid #cfd6e4;
  border-radius: 6px;
  background: #fff;
  font-size: 14px;
}

.reportCustomisationDialog .rc-desc {
  color: #6b7280;
  font-size: 13px;
  padding: 8px;
}

.reportCustomisationDialog .rc-pane {
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  padding: 10px;
  background: #ffffff;
  min-height: 220px;
  margin: 0 8px 8px 8px;
}

.reportCustomisationDialog .rc-empty {
  color: #6b7280;
  padding: 8px;
  font-style: italic;
  background: #f9fafb;
  border: 1px dashed #e5e7eb;
  border-radius: 6px;
}

/* Form (no flex) */
.reportCustomisationDialog .rc-form {
  display: block;
}
.reportCustomisationDialog .rc-form-row {
  display: block;
  border-bottom: 1px solid #f3f4f6;
  padding: 8px 4px;
}
.reportCustomisationDialog .rc-form-row:last-child {
  border-bottom: none;
}
.reportCustomisationDialog .rc-form-cell {
  display: inline-block;
  vertical-align: top;
}
.reportCustomisationDialog .rc-form-label {
  width: 32%;
  padding-right: 10px;
  box-sizing: border-box;
  font-weight: 600;
}
.reportCustomisationDialog .rc-form-control {
  width: 68%;
  box-sizing: border-box;
}
.reportCustomisationDialog .rc-required {
  color: #dc2626;
  margin-left: 4px;
}
.reportCustomisationDialog .rc-select {
  width: 100%;
  padding: 8px 10px;
  border: 1px solid #cfd6e4;
  border-radius: 6px;
  background: #fff;
  font-size: 14px;
}
.reportCustomisationDialog .rc-select-multi {
  height: 140px;
}
.reportCustomisationDialog .rc-error {
  margin-top: 6px;
  color: #dc2626;
  font-size: 12px;
}
.reportCustomisationDialog .rc-error-inline {
  color: #dc2626;
  font-size: 13px;
}
.reportCustomisationDialog .rc-loading {
  padding: 12px 8px;
  color: #6b7280;
  font-style: italic;
}