/*
add any style overrides for Board Fees here
*/
body { font-family: 'Host Grotesk', Verdana,Arial,sans-serif,'Open Sans'; background:#004A55; font-size: medium;  line-height: 1.1em;}
div.footer { color: #fff; background:#004A55;}
div.poweredByTcc a { background-image: url('/images/theclevercloud/logo_B_white_pb_sm.png'); }

h1 {color:#004A55;}
h2, h2 + div.plusminus { font-size: 20px; color:#004A55;}
h3 { font-size: 12px; }

.hdrWrapper { background-color: #DCE9AE; border-bottom: 0px solid #DCE9AE; padding-top: 10px; }
.hdr { background-color: #DCE9AE;  width:100%;}
a.logoimg {padding:30px;}

.pageWrapper { background-color: #fff; }
.page { background-color: #fff; }

.msg_info {  font-size: smaller;}
.copyright {    font-size: smaller;}
.btn-primary { background-color: #004A55; max-width: 310px;}
.btn-warning { background-color: #DCE9AE; color: #000; }
.btn-small { background-color: #004A55; }
.btn-tb { padding: 3px 10px 3px 10px; background-color: #DFDFDF; color: #000; font-size: smaller; }
.btn-al { border-left: 3px solid #CCC; }
.btn-alselected { background-color: #CCC; }
input.login {width:100%;}
.loginPanel  {    margin: 40px 0px 50px 0px;}
div.loginBoxWrapper {   background-color: #DCE9AE;}
div.loginBoxWrapper h2 { display:none;}


a, a:visited { text-decoration: none; color: #004A55; }
table.list td a { text-decoration: none; color: #004A55; }
table.list th a, table.list th a:hover { color: #fff; }


.loginbar { clear: both; float: right; text-align: right; font-size: 14px; color: #999; width: 430px; margin: -60px 30px 0px 10px; z-index: 1; font-family: Arial,Comic Sans MS Arial; position: relative; border: 1px none Blue; }
.loginbar a, .loginbar a:visited { text-decoration: none; color: #000; }

table.list tr { background-color: #fff; }
table.list tr.odd { background-color: #fff; }
table.list tr.even { background-color: #DEEAF6; }
table.list tr.footer { background-color: #BDD6EE; }
table.list th { border: 1px solid #45B97C; background-color: #45B97C; color: #fff; }
table.list td { border: 1px solid #45B97C; color: #000; }


/* Menu box
===================*/
.sm-simple,
.sm-simple ul { border: 0px solid #004A55; border-bottom: 0px solid #004A55; border-top: 0px solid #ed1848; }
.sm-simple a { color: #004A55; }


.mnuWrapper { border-bottom: 3px solid #DCE9AE; }
.mnu { width: 100%; background-color: #F6F6F6; margin: 0px auto 0px auto; }

/*REM DATA*/
.RepRemun { width: 85px; min-width:85px; max-width:85px; text-align: right; margin: 0px; padding: 6px 2px 6px 2px; }

.btn-release { color: #ffffff; background-color: #32CD32; border-style: none; background-image: none; position: static; font-size: larger; padding: 8px 8px 8px 8px; text-decoration: none; border-radius: 5px; }

.RepField { BACKGROUND-COLOR: white; COLOR: black; FONT-FAMILY: Arial, Geneva, Helvetica, Sans-serif; FONT-SIZE: 8pt }
.RepLabel { BACKGROUND-COLOR: white; COLOR: black; FONT-FAMILY: Arial, Geneva, Helvetica, Sans-serif; FONT-SIZE: 9pt; FONT-WEIGHT: normal }
.RepListEven { BACKGROUND-COLOR: silver; COLOR: black; FONT-FAMILY: Arial, Geneva, Helvetica, Sans-serif; FONT-SIZE: 8pt; HEIGHT: 18px }
.RepListHeader { BACKGROUND-COLOR: #004A55; COLOR: white; FONT-FAMILY: Arial, Geneva, Helvetica, Sans-serif; FONT-SIZE: 9pt; FONT-WEIGHT: bold; HEIGHT: 18px }
.RepListHeaderSmall { BACKGROUND-COLOR: #004A55; COLOR: white; FONT-FAMILY: Arial, Geneva, Helvetica, Sans-serif; FONT-SIZE: 8pt; FONT-WEIGHT: bold; HEIGHT: 16px }
.RepListOdd { BACKGROUND-COLOR: white; COLOR: black; FONT-FAMILY: Arial, Geneva, Helvetica, Sans-serif; FONT-SIZE: 8pt; HEIGHT: 18px }
.RepSmallText { BACKGROUND-COLOR: white; COLOR: black; FONT-FAMILY: Arial, Geneva, Helvetica, Sans-serif; FONT-SIZE: 8pt; FONT-WEIGHT: normal }
.RepVerySmallText { BACKGROUND-COLOR: white; COLOR: black; FONT-FAMILY: Arial, Geneva, Helvetica, Sans-serif; FONT-SIZE: 7pt; FONT-WEIGHT: normal }


/*
    ALL INPUT FIELDS FOR BFS
*/
.fld select,textarea,input {
    font-family: 'Host Grotesk', Verdana,Arial,sans-serif,'Open Sans';
    font-size: medium;
    line-height: 1.1em;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #004A55; background: #004A55; font-weight: normal; }

.homebox { width: 390px; }

div.prodHomePanel { background-color: #FFFFFF; }
/*Remdata*/
div.bgProd1013 { background-color: #a8d3af; }
li.prod1013 a.current, li.prod1013 a.current:hover, li.prod1013 a.current:focus, li.prod1013 a.current:active { background-color: #e1ebf3; color: inherit; }
div.bgProd1013 p.RepTitleGrp { }
div.prodHomePanel1013 h3 { color: #DCE9AE; }
div.prodHomePanelTitleBar1013 { background-color: #DCE9AE; }

div.prodRD .prodBanner { background-color: #D0D2D3; margin-top: -20px }
div.prodRD div.survey_wizard_ButtonBarBot { display: inherit; }

/*Jobscore*/
div.bgProd2021 { background-color: #A8D3AF; }
li.prod2021 a.current, li.prod2021 a.current:hover, li.prod2021 a.current:focus, li.prod2021 a.current:active { background-color: #A8D3AF; color: inherit; }
div.bgProd2021 p.RepTitleGrp { margin-bottom: 0px }
div.prodHomePanel2021 h3 { color: #A8D3AF; }
div.prodHomePanelTitleBar2021 { background-color: #A8D3AF; }


div.prodBanner { background-color: #A8D3AF; margin-top: -20px }
div.prodBannerContent { padding: 0px 20px 5px 20px; height: 60px; }
div.prodBannerSpacer { margin-top: -20px }
div.survey_wizard_ButtonBarTop { width: 360px; float:right; margin: -20px 0px 0px 0px; }
/*div.survey_wizard_ButtonBarBot { display: none; }*/
@media print {
    div.prodBannerSpacer { margin-top: -50px }
    div.bgProd2021 p.RepTitleGrp { margin-top: -20px }
}

/*
a.btn-next { display: ;; min-height: initial; }
a.btn-next:after { content: initial; display: initial; float: initial; margin: initial; }
*/
    th.responseGrid_AnswerRating { display: none; }
    td.responseGrid_AnswerRating { display: none; }

    div.uxCompleteDivTop { float: left; padding-left: 5px; }
    div.uxReportDivTop { float: left; padding-left: 5px; }
    div.uxSaveDivTop { float: left; padding-left: 5px; }
    div.uxCancelDivTop { float: right; }
    div.uxNextDivTop { float: left; padding-left: 5px; }

    div.loginbar div.classification { display: none; }

.sm-simple a.current, .sm-simple a.current:hover, .sm-simple a.current:focus, .sm-simple a.current:active { background: #ddd; color: #fff; }

.AnswerRblHoriz { margin: 5px 0px 10px 0px; border-spacing: 7px; border-collapse: separate; }
table.AnswerRblHoriz td { text-align: center; vertical-align: top; border: 1px solid #CCC; /*background-color:#fff;*/ border-radius: 5px; width: 120px; padding: 10px; }
table.AnswerRblHoriz td input { width: 160px; margin: -0px -10px -0px -10px; }
table.AnswerRblHoriz td input:checked { /*  background-color: #96C470;*/ }
table.AnswerRblHoriz td input + label { width: 160px; display: inline-block; margin: -0px -10px -10px -10px; height: 50px; top: -0px; position: relative; padding-top: 5px; }
table.AnswerRblHoriz td input:checked + label { font-weight: bold; background-color: #DCE9AE; border-radius: 5px; border-top-left-radius: 0px; border-top-right-radius: 0px; }

/*
What would this do?
table.AnswerRbl td { padding: 0px 15px 0px 0px;  }
table.AnswerRbl td input { width: 25px; margin: 0px 0px 0px 0px; }
table.AnswerRbl td input:checked + label { font-weight: bold; }
*/





div.sw_section_asifs { width: 800px; padding: 0px 40px 0px 0px; }
div.sw_section_asifs input, div.sw_section_asifs select { padding: 5px 15px 5px 10px; font-size: 18px; line-height: 1.4em; }
div.swi_label_asifs { background-color: #F6F6F6; padding: 10px 0px 5px 5px; min-height: 15px; font-size: 20px; color: #004A55; line-height: 1.4em;}
div.swi_answer_asifs { padding: 15px 0px 20px 40px; background-color: #F6F6F6; font-size: 18px; line-height: 1.4em; }
div.swi_label_asifs div.survey_wizard_item_name { float:unset; width:100%;}

div.isp_home_alerts{ background-color: #FFF; }
div.isp_rem_alerts{ background-color: #FFF; }
div.isp_job_alerts{ background-color: #FFF; }

div.isp_home_alerts div.alert_div { padding: 10px 0px 5px 10px;  }
div.isp_rem_alerts div.alert_div { padding: 10px 0px 5px 10px; margin: 0px 0px 20px 0px; }
div.isp_job_alerts div.alert_div { padding: 10px 0px 5px 10px;  }

div.alert_div { padding: 10px 0px 5px 10px;  }


.homebox-header {
    background-color: #004A55; text-shadow:none; color:#fff;
}
.homebox-content {
    background-color: #ededed;
}
div.field select{background-color:#fff;}



table.list td.bfrFee {
    padding: 0px 0px 0px 0px;
}

table.list td.bfrFee div {
    padding: 3px 5px 3px 5px;
}

table.list td.bfrFee a {
    color: #000;
}