/*********************************************/
/* 
/* extra custom styles on top of bootstrap system
/* 
/*********************************************/

body {
	background-image: url("/images/bg.png");
	background-color: #fff;
	background-repeat: repeat-x;
	background-position: 0 0;
  padding-bottom: 0px;
  border-bottom: 70px solid #fff;
}

.forms-container, #tabcontent, .tabcontent {
	background-color: #fff;
}

#pagecontent:focus { outline: none; }

/* Navbar */
#navbar-links a {
    padding: 1.1rem 1.3rem 1.1rem 2pt;
}

/*
// Main logo/brand image - don't change height here for custom client logos - instead duplicate this in /www/styles/client-custom-internal.css and /www/styles/client-custom-external.css
*/
.navbar-left > img, .navbar-left img {
	height: 50px;
}

#navbar-logo-a {
	padding-left: 0px;
}

#info-bar div {
    padding-right: 0px;
}

#info-panel, #budget-info-panel, #meeting-info-panel {
    margin-bottom: 1.0rem;
}

#info-panel-list {
    margin-bottom: 1.0rem;
    padding: 3px;
}

#info-panel-list table {
    margin-bottom: 0px;
}

#info-bar-tasks-holder strong {
    font-weight: normal;
}

#info-panel-icon {
  color: #9d9d9d;
}

#meeting-info-panel {
    margin-top: 0.5rem;
}

.navbar-default #info-panel-icon {
  color: #333;
}

#navbar-welcome-text {
    padding: 2px;
}

.navbar-nav > li > a.navbar-image-link {
    padding: 0px;
}

.callopen {
    border: 1px solid #6a8769;
    padding-top: 1.3rem;
}

.callclosed {
    border: 1px solid #896563;
    padding-top: 1.3rem;
}

.img-thumbnail {
    background-color: #000;
    padding: 0px;
}

body #alert-message .alert {
  margin-bottom: 0px;
}

/* custom smartforms tabs colours */
/* tab color */
.nav-tabs>li>a {
  background-color: #fff; 
  border-color: #ddd;
  /* color:#428bca; */
}

/* active tab color */
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
  color: #555;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}

/* hover tab color */
.nav-tabs>li>a:hover {
  border-color: #fff;
  background-color: #eee;
  /* color:#2a6496; */
}


/* bootstrap problem - https://github.com/twbs/bootstrap/issues/5930 
 the popovers were getting font-size:0 for some reason
*/

.popover-content {
    font-size:1.4rem;
}

.table-responsive {
    width:100%;
    height:100%;
    overflow:auto;
    margin-bottom:5px;
}

.table-quest-condensed {
	font-size: 1.2rem;
}

.table.table-quest-condensed > thead > tr > th {
	white-space: normal;
}

#navbar-welcome-portrait .img-thumbnail {
  height:62px;
}

.navbar-nav > li > a {
	padding-top: 1.0rem;
	padding-bottom: 1.0rem;
}
  
.bootstrap-select .btn, .calendar-button-container .btn {
    margin-bottom: 0px;
}

/* need more space between elements because date input expands */
td.multi_inputs_response_td {
    padding-right: 20px;
}

/* icons in inbox table should not be bold */
td.list-table strong {
    font-weight: normal;
}

/* Inbox task table: Icons */

body#app-inbox td strong.ref_icon-cross_red,
body#app-inbox td strong.ref_icon-tick_green,
body#app-inbox td strong.ref_icon-aims_wf,
body#app-inbox td strong.ref_icon-aims_addr_wf,
body#app-inbox td strong.ref_icon-aims_extra_wf,
body#app-inbox td strong.ref_icon-open_wf,
body#app-inbox td strong.ref_icon-test_wf,
body#app-inbox td strong.ref_icon-meeting_wf,
body#app-inbox td strong.comment-yes,
body#app-inbox td strong.comment-no,
body#app-inbox td strong.assigned-me,
body#app-inbox td strong.assigned-myrole,
body#app-inbox td strong.started-yes,
body#app-inbox td strong.started-no,
body#app-inbox td strong.deadline-fired {
  width: 20px;
  height: 20px;
  display: block;
}

.inbox-collapsable-heading {
  cursor: pointer;
}


strong.ref_icon-aims_wf:before, strong.ref_icon-aims_addr_wf {
    content: "\f0f6";  /* this UTF-8 character code for file-text-o */
    font-family: FontAwesome;
    left:-5px;
    top:0;
 }

strong.ref_icon-aims_extra_wf:before {
    content: "\f1c3";  /* this UTF-8 character code for file-excel-o */
    font-family: FontAwesome;
    left:-5px;
    top:0;
 }

strong.ref_icon-open_wf:before {
    content: "\f016";  /* this UTF-8 character code for file-o */
    font-family: FontAwesome;
    left:-5px;
    top:0;
 }

strong.ref_icon-test_wf:before {
    content: "\f023";  /* this UTF-8 character code for lock */
    font-family: FontAwesome;
    left:-5px;
    top:0;
 }

strong.ref_icon-meeting_wf:before {
    content: "\f0c0";  /* this UTF-8 character code for group */
    font-family: FontAwesome;
    left:-5px;
    top:0;
 }

strong.ref_icon-cross_red:before {
    content: "\f00d";  /* this UTF-8 character code for cross */
    font-family: FontAwesome;
    left:-5px;
    top:0;
 }

strong.ref_icon-tick_green:before {
    content: "\f00c";  /* this UTF-8 character code for tick */
    font-family: FontAwesome;
    left:-5px;
    top:0;
 }

strong.comment-yes:before {
    content: "\f0e5";  /* this UTF-8 character code for comment */
    font-family: FontAwesome;
    left:-5px;
    top:0;
 }

strong.comment-no {
}

strong.assigned-me:before {
    content: "\f2c0";  /* this UTF-8 character code for single person */
    font-family: FontAwesome;
    left:-5px;
    top:0;
 }

strong.assigned-myrole:before {
    content: "\f0c0";  /* this UTF-8 character code for group */
    font-family: FontAwesome;
    left:-5px;
    top:0;
 }

strong.started-yes:before {
    content: "\f115";  /* this UTF-8 character code for open folder */
    font-family: FontAwesome;
    left:-5px;
    top:0;
 }

strong.started-no:before {
    content: "\f114";  /* this UTF-8 character code for closed folder */
    font-family: FontAwesome;
    left:-5px;
    top:0;
 }

strong.deadline-fired:before {
    content: "\f06a";  /* this UTF-8 character code for exclamation circle */
    font-family: FontAwesome;
    left:-5px;
    top:0;
 }

strong.important {
    color: #a00;
}

/* bootstrap doesn't add bottom margin for buttons */
.btn {
    margin-bottom: 5px; 
}
/* don't add margin for modals, nav or input groups */
.modal-footer .btn, #forms-nav-container-next-previous .btn, .input-group-btn .btn {
    margin-bottom: 0px;
}

/* add padding in table cell buttons */
td .btn-block {
    padding-left: 1.2rem;
    padding-right: 1.2rem;
}

/* add padding on top of submit action buttons */
.action-buttons {
    padding-top: 25px;
}

.alert {
    margin-top: 10px;
    margin-bottom: 0px;
}

div.container .alert {
    margin-bottom: 20px;
}

/* want the readonly "set fixed" and "set from" to match the logic overlay disabled fields */
input[readonly], select[readonly], checkbox[readonly], textarea[readonly]
{
 cursor: default;
}

.btn {
    overflow: hidden; 
    text-overflow: ellipsis;
}

.form-inline {
    padding-bottom: 5pt;
    border-bottom: 1px solid #ddd;
    margin-bottom: 1.3rem;
}

.form-inline .form-group {
    margin-bottom: 3pt;
}

.form-inline .form-group + .form-group {
    margin-left: 1.5rem;
}

.form-required-mark {
   color: #a94442;
}

/* ---------- Tables ------------*/

.pagination {
    margin: 2px 0;
}

.list-paginator {
    float: left;
    line-height: 18px;
    padding: 7px;
}

table.hidden {
    display: block !important;
}

/* hiding this for now as it wasn't shown in old aims */
table caption {
    display: none;
}

.actions-bulk-actions-bar {
  margin-top: 5px;
}

.no_cross:before {
  content: "\f00d";  /* this UTF-8 character code for fa-times (cross) */
  font-family: FontAwesome;
}

.yes_tick:before {
  content: "\f00c";  /* this UTF-8 character code for fa-check mark */
  font-family: FontAwesome;
}

table.table input.form-control {
    width: auto;
}

table.table textarea.form-control {
    height: auto;
    width: auto;
}

/* get the aggregate columns in the footer bold to be compatible with datatables group style (#114151) */
table tfoot tr.list-subheader {
	font-weight: bold;
}

/* ---------- Buttons ------------*/

/* ---------- APS ------------*/

#todoitems hr, #doneitems hr, #notappitems hr {
    margin-top: 5px;
  margin-bottom: 1.0rem;
}

#aps-avt {
  margin-bottom: 20px;
}

/*
div#todoitems div.col-md-4 {
  padding-right:7px;
  padding-left:7px;
}
*/

#todoitems div.na-done-buttons, #notappitems div.redo-buttons, #doneitems div.redo-buttons {
    padding-left: 0px;
}


--disabling this as it was annoying some people changing cursor on non-scolling large tables
.dragscroll {
    cursor: grab; 
    cursor : -o-grab; 
    cursor : -moz-grab; 
    cursor : -webkit-grab;
}


/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #f5f5f5;
}

.footer .container {
  margin: 3px;
  border: 0px;
  width: auto;
  padding-left: 0px;
}

.footer .navbar-text {
  margin-left: 5px;
  margin-top: 15px;
  margin-bottom: 0px;
  display: flex;
  justify-content: center;
  float: none;
}

.footer p.text-muted {
  /* border-bottom: 1rem solid #f5f5f5; */
  margin-bottom: 0px;
}

.footer ul.footer-links {
 list-style: none; 
 padding: 0;
}

.footer ul.footer-links li {
 display: block; 
 float: left;
 padding-right: 10pt;
}

/* 
    disable navbar collapse - custom

@media only screen and (min-width: 400px) {
    .collapse {
        display: block;
    }

    .navbar-header {
        float: left;
    }

    .navbar-toggle {
        display: none;
    }

    .navbar-nav.navbar-left {
       float: left;
       margin: 0;
    }

    .navbar-nav.navbar-right {
       float: right;
       margin: 0;
    }
    .navbar-nav>li {
        float: left;
    }
    .navbar-nav>li>a {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }
}

@media only screen and (max-width: 400px) {
     .collapse {
        display: none;
     }
*/

     
/*********************************************/


/* this overrides the bootstrap grid breakpoints for date widget inside an inline form - we want it always 100% in this case */
.form-inline .standard-date-container .col-ms-4 {
	width: auto;
}

.modal-dialog .col-xs-12 {
	width: 28%;
}



/* ---------- Portal ------------*/

#portal-carousel {
	margin-bottom: 1.0rem;
}


/*********************************************/
/* BEGIN smartforms section */


/* removed float:left from tabcontent because it breaks the APS page when on small screen sizes and all content is below one another */

.forms-container, #tabcontent, .tabcontent {
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 20pt;
    width: 100%;
    overflow: hidden;
}

.forms-container .form-group {
	margin-right: 0px;
	margin-left: 0px;
}

#forms-repeat-container {
    padding-top: 20pt;
}

.repeating-add-button-row {
    padding-top: 20pt;
    padding-bottom: 20pt;
}

.textarea-remaining, .textarea-maxlength, .textbox-maxlength {
    font-size: 1.1rem;
}

.superscript { position: relative; top: -1.2em; font-size: 50%; color: red; }

.forms-element {
  vertical-align: top;
}

.forms-element-row td {
    padding-top: 15pt;
}

.control-label {
    padding-right: 15pt;
}

#forms-nav-buttons-container {
    padding-bottom: 20pt;
}

table.forms_question_table tr {
    width: 100%;
}

div.forms-inputs {
    clear: both;
    overflow-x: auto;
}

div.forms-element-box, .forms_question_table {
    width:100%;
}

div.standard-form-section {
    width: 100%;
    padding-bottom: 30pt;
}

div.standard-form-section .note {
    color: #EE060C;
  font-size: 1.1rem;
  font-weight: bold;
}

/* removed this - breaks date widget in multi-response */
div.nowrap, span.nowrap {
}

span.uploadfilesize, span.uploadfiletypes, span.uploadcommenttype, span.attachcommentto {
  padding-right:1.3rem;
  font-size:1.1rem;
}

span.uploadcommenttype, span.attachcommentto, span.uploadfilesize {
  display:block;
}

.uploaded-file-name {
    padding-right: 1.1rem;
}

/* style the file upload type button correctly https://www.abeautifulsite.net/whipping-file-inputs-into-shape-with-bootstrap-3 */
.btn-file {
        position: relative;
        overflow: hidden;
}

#forms-nav-container a {
    /*  font-size: 1.1em; */
}

.multi_inputs_row {
    vertical-align: top;
}

.forms-form table tr.multi_inputs_row td, .forms-form table tr.multi_inputs_row th {
    background: #eee none repeat scroll 0 0;
}

td.multi_inputs_row div.multiheader label {
    color: #545454;
}

td.forms-element div.col-xs-1 {
	padding-left: 0px;
}

.sf_admin_link {
	float: left;
	clear: both;
	width: 100%;
}

.forms-element .control-label {
	text-align: left;
}

div.na-button + div.done-button {
	padding-left: 1px;
}

/* this overrides the bootstrap grid breakpoints for date widget inside a multi-response question - we want it always 100% in this case */
table .standard-date-container .col-ms-4 {
	width: auto;
}

table .standard-date-container .date-calendar-button {
	margin-left: 1px;
}

td.multi_inputs_row .calendar-day, td.multi_inputs_row .calendar-month, td.multi_inputs_row .calendar-year, td.multi_inputs_row .calendar-hours, td.multi_inputs_row .calendar-minutes, td.multi_inputs_row .calendar-button-container {
	padding-left: 1px;
}

/* the calendar-year must be made 100% always in multirow otherwise the button is hidden under it */
td.multi_inputs_row .standard-date-container .col-xs-12.calendar-year {
	width: 100%;
}

table.multiple-response {
	white-space: nowrap;
}

.title-edit-link-pen {
	padding-left: 6px;
	padding-right: 3px;
	cursor: pointer;
}

/* highlight invalid number inputs in smartforms */
.data-type-number:invalid, .data-type-currency:invalid, .data-type-integer:invalid {
	color: red;
}
 
/* highlight invalid number inputs in smartforms in high contrast - have to use W3C compliant version of red here */
body.high-contrast .data-type-number:invalid, body.high-contrast .data-type-currency:invalid, body.high-contrast .data-type-integer:invalid {
	color: #ff6464 !important;
}

/* space after pen edit icon on admin */
.fa-pencil::before {
	padding-right: 3px;
}

/* END smartforms section
/*********************************************/





/* Override the jquery-ui fonts */

.ui-widget {
	font-family: inherit;
	font-size: inherit;
}




/*********************************************/
/* 
/* Calendar widget css */

/* The main calendar widget.  DIV containing a table. */

div.calendar {
  position: relative;
  z-index: 1100;
}

.calendar .combo { 
  display: none;
}

.calendar, .calendar table {
  border: 1px solid #556;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  font-size: 12pt;
  color: #000;
  cursor: default;
  background: #eef;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 3pt;          /* Make the buttons seem like they're pressing */
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  background: #fff;
  color: #000;
  padding: 3pt;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
  background: #778;
  color: #fff;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
  background: #bdf;
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #556;
  padding: 3pt;
  text-align: center;
  color: #000;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #a66;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  background: #aaf;
  color: #000;
  padding: 3pt;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  background: #77c;
  padding: 3pt;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  color: #456;
  text-align: right;
  padding: 3pt;
}

.calendar table .wn {
  padding: 3pt;
  border-right: 1px solid #000;
  background: #bdf;
}

.calendar tbody .rowhilite td {
  background: #def;
}

.calendar tbody .rowhilite td.wn {
  background: #eef;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  background: #def;
  padding: 3pt;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  background: #cde;
  padding: 3pt;
}

.calendar tbody td.selected { /* Cell showing today date */
  font-weight: bold;
  border: 1px solid #000;
  padding: 3pt;
  background: #fff;
  color: #000;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #a66;
}

.calendar tbody td.today { /* Cell showing selected date */
  font-weight: bold;
  color: #00f;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
  text-align: center;
  background: #556;
  color: #fff;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #fff;
  color: #445;
  border-top: 1px solid #556;
  padding: 3pt;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #aaf;
  color: #000;
  padding: 3pt;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #77c;
  padding: 3pt;
}

input[type="button"].calendar-button {
  background: url( "/resources/acs-templating/calendar.gif" ) no-repeat top left;
  height:     17pt;
  width:      11.2rem;
  padding:    0px;
  margin:     0px;
  border:     0px solid;
}

.standard-date-container label {
  padding-left: 5pt;
  padding-right: 0pt;
}

/* END calendar
/*********************************************/




/*********************************************/
/* 
/* stackoverflow - extra styles */

@media (max-width: 767px) {
    .btn-xs-block {
        display: block;
        width: 100%;
    }
    input[type="submit"].btn-xs-block,
    input[type="reset"].btn-xs-block,
    input[type="button"].btn-xs-block {
        width: 100%;
    }
    .btn-block + .btn-xs-block,
    .btn-xs-block + .btn-block,
    .btn-xs-block + .btn-xs-block {
        margin-top: 0.5rem;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .btn-sm-block {
        display: block;
        width: 100%;
    }
    input[type="submit"].btn-sm-block,
    input[type="reset"].btn-sm-block,
    input[type="button"].btn-sm-block {
        width: 100%;
    }
    .btn-block + .btn-sm-block,
    .btn-sm-block + .btn-block,
    .btn-sm-block + .btn-sm-block {
        margin-top: 0.5rem;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .btn-md-block {
        display: block;
        width: 100%;
    }
    input[type="submit"].btn-md-block,
    input[type="reset"].btn-md-block,
    input[type="button"].btn-md-block {
        width: 100%;
    }
    .btn-block + .btn-md-block,
    .btn-md-block + .btn-block,
    .btn-md-block + .btn-md-block {
        margin-top: 0.5rem;
    }
}
@media (min-width: 1200px) {
    .btn-lg-block {
        display: block;
        width: 100%;
    }
    input[type="submit"].btn-lg-block,
    input[type="reset"].btn-lg-block,
    input[type="button"].btn-lg-block {
        width: 100%;
    }
    .btn-block + .btn-lg-block,
    .btn-lg-block + .btn-block,
    .btn-lg-block + .btn-lg-block {
        margin-top: 0.5rem;
    }
}

/* END stackoverflow
/*********************************************/


/*********************************************/
/* 
/* jquery-ui minimum */

.ui-dialog-titlebar-close {
    padding:0 !important;
}

.ui-dialog-titlebar-close:after {
    content: '';
    width: 20px;
    height: 20px;
    display: inline-block;
    /* Change path to image*/
    background-image: url(/images/ui-icons_888888_256x240.png);
    background-position: -97px -129px;
    background-repeat: no-repeat;
}

.ui-dialog-buttonset button {
    display: block;
    width: 100%;
    padding: 1px 5px;
    font-size: 1.2rem;
    line-height: 1.5;
    border-radius: 3px;
    color: #fff;
    background-color: #609DD2;
    border-color: #2e6da4;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
}

.jumbotron {
	padding-top: 0px;
	padding-bottom: 1.0rem;
	margin-bottom: 1.0rem;
	margin-top: 1.0rem;
}

.fa-2x {
	font-size: 1.5em;
}

#landing-panel {
	margin-top: 25px;
	padding: 50px 150px 50px 150px;
}

@media (min-width: 1901px) {
  .container {
    width: 1800px;
  }

}

h1, .jumbotron h1, .jumbotron .h1 {font-size:4.5rem;} /*1rem = 16px*/
h2 {font-size:2.6rem;} /*1rem = 16px*/
h3, legend {font-size:1.9rem;} /*1rem = 16px*/
.panel-title {font-size:1.7rem;} /*1rem = 16px*/
h4 {font-size:1.5rem;} /*1rem = 16px*/

#sub-title {font-size: 1.9rem; font-weight: normal;}
/* removing this change again as it stops bold text headings from appearing in smartforms user view where they use subtitle in form sections - not sure why it was added */
/*#sub-title b {font-weight: normal;} */

h4.forms-element-question {
	margin-bottom: 40px;
}

table.forms_question_table > thead > tr > th, table.forms_question_table > tbody > tr > th, table.forms_question_table > tfoot > tr > th, table.forms_question_table > thead > tr > td, table.forms_question_table > tbody > tr > td, table.forms_question_table > tfoot > tr > td {
	border-top: none;
	border-bottom: 1px dashed #ddd;
	padding: 1.0rem;
}

table.forms_question_table textarea.form-control, table.forms_question_table input.form-control {
	width: 100%;
}

table.forms_question_table input.textfield-large {
	min-width: 120pt;
}

table.forms_question_table input.textfield-medium {
	width: 80%;
	min-width: 80pt;
}

table.forms_question_table input.textfield-small {
	width: 30%;
  min-width: 80pt;
}

.input-group .calc-cell, .no-group .calc-cell, .input-group .aggregate-cell {
	width: 81%;
  min-width: 80pt;
}

.calendar, .calendar table {
	border-radius: 3px;
	font-size: 1.5rem;
}

.standard-form-search-container input {
	margin-bottom: 3px;
}

.calendar-day, .calendar-month, .calendar-year, .calendar-hours, .calendar-minutes, .calendar-button-container {
	padding-right: 5px;
	float: left;
	width: min-content;
  width: -moz-min-content;
  width: -webkit-min-content;
  width: -o-min-content
}

table.multiple-response .calendar-day, table.multiple-response .calendar-month, table.multiple-response .calendar-year, table.multiple-response .calendar-hours, table.multiple-response .calendar-minutes, table.multiple-response .calendar-button-container {
	padding-right: 0px;
	padding-bottom: 5px;
	display: inline-block;
	float: none;
}

.standard-element-inline-date-container .calendar-day, .standard-element-inline-date-container .calendar-month, .standard-element-inline-date-container .calendar-year {
	padding-right: 2px;
}

.standard-element-inline-date-container .row {
	margin-right: 25px;
}

.standard-date-container {
  margin-left: 0px;
}

/* Firefox/Chrome etc. normal operation */
.stupidIE {
  display: inline-block;
}

.stupidIE .filter-option {
  padding-right: 5px;
}



/*.forms-inputs .stupidIE .btn, 
.forms-inputs .stupidIE .input-group-addon, 
.standard-element-inline-date-container .btn, 
.standard-element-inline-date-container .input-group-addon {
	padding-bottom: 8px;
}*/


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ CSS styles go here */

	table.multiple-response #stupidIE {
    display: inline-block;
    float: none;
  }

	.stupidIE {
    display: -ms-grid;
    -ms-grid-columns: min-content;
    float: left;
  }
}

table.multiple-response .standard-date-container {
	margin-right: 20px;
}

/*
// Extra small screen / phone
$screen-xs:                  480px !default;

// Small screen / tablet
$screen-sm:                  768px !default;

// Medium screen / desktop
$screen-md:                  992px !default;

// Large screen / wide desktop
$screen-lg:                  1200px !default;
*/

.results, .results2 {
  padding-top: 2px;
}



/* accessibility - high contrast styles */
/* */
#accessibility-contrast-high, body.high-contrast #accessibility-contrast-high {
	background: #000000 !important;
	color: #FFCF00 !important;
	font-weight: bold;
}

#accessibility-contrast-normal {
	background: #26BCD6 !important;
}

#accessibility-font-increased {
	font-size: 1.8rem;
	line-height: 1.7rem;
}

html.large-font {
	font-size: 12px;
}


html.high-contrast {
	background-color: #000;
}

body.high-contrast #tasktotal * {
	background-color: #fff !important;
	color: #000 !important;
}

body.high-contrast {
  border-bottom: 70px solid #000;
}

body.high-contrast, body.high-contrast * {
	background-color: #000;
	background-image: none;
	color: #fff !important;
}

body.high-contrast .panel-default > .panel-heading {
	background-color: #000;
}

body.high-contrast h1, body.high-contrast h2, body.high-contrast h3, body.high-contrast h4, body.high-contrast h5, body.high-contrast h6 {
	color: #ff0 !important;
}
 
body.high-contrast .alert, body.high-contrast .alert ul, body.high-contrast .alert ul li, body.high-contrast .alert ul li span, body.high-contrast .alert strong, 
body.high-contrast div#vuequicksearch div div ul.nav.navbar-nav.navbar-right li.dropdown.open ul#quick_search_results.dropdown-menu li a.qb-results span,
body.high-contrast div#vuequicksearch div div ul.nav.navbar-nav.navbar-right li.dropdown.open ul#quick_search_results.dropdown-menu li a.qb-results span i {
    color: #000 !important;
    background: #fff !important;
}

body.high-contrast .bg-primary {
  color: #fff !important;
  background: #337ab7 !important;
}

body.high-contrast .bg-success {
  color: #fff !important;
  background: #2A652A !important;
}

body.high-contrast .bg-info {
  color: #fff !important;
  background: #245580 !important;
}

body.high-contrast .bg-warning {
  color: #fff !important;
  background: #7E4E0C !important;
}

body.high-contrast .bg-danger {
  color: #fff !important;
  background: #A32824 !important;
}

body.high-contrast .alert {
  border-width: 5px;
}

body.high-contrast .alert-success {
  border-color: #2A652A;
}

body.high-contrast .alert-info {
  border-color: #245580;
}

body.high-contrast .alert-warning {
  border-color: #7E4E0C;
}

body.high-contrast .alert-danger {
  border-color: #A32824;
}


body.high-contrast .alert-success a {
  color: #2A652A !important;
}

body.high-contrast .alert-info a {
  color: #245580 !important;
}

body.high-contrast .alert-warning a {
  color: #7E4E0C !important;
}

body.high-contrast .alert-danger a {
  color: #A32824 !important;
}

body.high-contrast .alert ul li span a {
	background: #fff !important;
}

body.high-contrast .calendar table .wn {
	background: #0c0c0c;
}

body.high-contrast .calendar thead .title {
	background: #0c0c0c;
}

body.high-contrast .calendar tfoot .ttip {
	background: #0c0c0c;
}

body.high-contrast .calendar tbody td.selected {
	background: #7E3E3E;
}

body.high-contrast .calendar tbody .rowhilite td {
	background: #333;
}

body.high-contrast a.btn-default, 
body.high-contrast span.btn-default, 
body.high-contrast button.btn-default, 
body.high-contrast button.btn-default span, 
body.high-contrast input.btn-default, 
body.high-contrast button.btn-default.bs-placeholder span, 
body.high-contrast .dropdown-menu > li > a, 
body.high-contrast .bootstrap-select.btn-group .dropdown-menu > li > a, 
body.high-contrast .bootstrap-select.btn-group .dropdown-menu > li > a > span,
body.high-contrast .dropdown-menu.open div.inner.open ul.dropdown-menu.inner li a.dropdown-item span.text,
body.high-contrast div.bs-container.dropdown.bootstrap-select.bs3.open div.dropdown-menu.open div.bs-searchbox,
body.high-contrast div.bs-container.dropdown.bootstrap-select.bs3.open div.dropdown-menu.open,
body.high-contrast div.alert ul li span label,
body.high-contrast div.filter-option div.filter-option-inner,
body.high-contrast div.filter-option div.filter-option-inner div.filter-option-inner-inner,
body.high-contrast div.filter-option
{
	background-image: none !important;
	background: #fff !important;
	color: #000 !important;
}

body.high-contrast .form-control[disabled], body.high-contrast .form-control[readonly], body.high-contrast fieldset[disabled] .form-control {
	background: none;
}

body.high-contrast .bootstrap-select.btn-group .dropdown-menu > li > a:hover {
	background-image: none !important;
	background: #000 !important;
	color: #fff !important;
}

body.high-contrast a.btn-success, body.high-contrast button.btn-success, body.high-contrast input.btn-success {
	background-image: none !important;
	background: #2A652A !important;
}

body.high-contrast a.btn-primary, body.high-contrast button.btn-primary, body.high-contrast input.btn-primary {
	background-image: none !important;
	background: #245580 !important;
}

body.high-contrast a.btn-info, body.high-contrast button.btn-info, body.high-contrast input.btn-info {
  background-image: none !important;
  background: #196076 !important;
}

body.high-contrast a.btn-danger, body.high-contrast button.btn-danger, body.high-contrast input.btn-danger {
	background-image: none !important;
	background: #A32824 !important;
}

body.high-contrast a.btn-warning, body.high-contrast button.btn-warning, body.high-contrast input.btn-warning {
	background-image: none !important;
	background: #7E4E0C !important;
}

body.high-contrast .alert .fa, body.high-contrast button .fa, body.high-contrast a.btn i.fa, body.high-contrast .fa.fa-upload {
	background-color: #fff !important;
	color: #000 !important;
}

body.high-contrast button.btn-success .fa, body.high-contrast a.btn-success i.fa {
	background-color: #2A652A !important;
	color: #fff !important;
}

body.high-contrast button.btn-primary .fa, body.high-contrast a.btn-primary i.fa {
	background-color: #245580 !important;
	color: #fff !important;
}

body.high-contrast button.btn-danger .fa, body.high-contrast a.btn-danger i.fa {
	background-color: #A32824 !important;
	color: #fff !important;
}

body.high-contrast button.btn-warning .fa, body.high-contrast a.btn-warning i.fa {
	background-color: #7E4E0C !important;
	color: #fff !important;
}

/* this was added for some reason but removing it as the normal table does not have a border */
body.high-contrast .table-aims {
	/* border: 1px solid #fff; */
}

body.high-contrast .panel-default > .panel-heading {
	background-image: none !important;
}

/* this was added for some reason but had to remove it as it caused the dropdown on GI dashboard to block half the Project Impact panel */
body.high-contrast .panel-body {
	/* overflow: hidden; */
}

body.high-contrast .dropdown-menu > li > a:hover, body.high-contrast .dropdown-menu > li > a:focus, 
body.high-contrast div#vuequicksearch div div ul.nav.navbar-nav.navbar-right li.dropdown.open ul#quick_search_results.dropdown-menu li a:hover span,
body.high-contrast div#vuequicksearch div div ul.nav.navbar-nav.navbar-right li.dropdown.open ul#quick_search_results.dropdown-menu li a:hover span i,
body.high-contrast div#vuequicksearch div div ul.nav.navbar-nav.navbar-right li.dropdown.open ul#quick_search_results.dropdown-menu li a:focus span,
body.high-contrast div#vuequicksearch div div ul.nav.navbar-nav.navbar-right li.dropdown.open ul#quick_search_results.dropdown-menu li a:focus span i
{
    background-color: #000 !important;
    color: #fff !important;
}

body.high-contrast .dropdown-menu.open div.inner.open ul.dropdown-menu.inner li:hover a.dropdown-item span {
  background-color: #000 !important;
  color: #fff !important;
}

body.high-contrast .dropdown-menu.open div.inner.open ul.dropdown-menu.inner li a.dropdown-item span {
  background-color: #fff !important;
  color: #000 !important;
}

/* something removed margin from normal menus ?!? */
.dropdown-menu .divider {
	margin: 9px 0;
}

body.high-contrast .dropdown-menu .divider {
	background-color: #fff !important;
	margin: 0px;
	padding-top: 9px;
	border-bottom: 1px #000 solid;
}

body.high-contrast table.forms_question_table > thead > tr > th, 
body.high-contrast table.forms_question_table > tbody > tr > th, 
body.high-contrast table.forms_question_table > tfoot > tr > th, 
body.high-contrast table.forms_question_table > thead > tr > td, 
body.high-contrast table.forms_question_table > tbody > tr > td, 
body.high-contrast table.forms_question_table > tfoot > tr > td {
	border-bottom: none;
}

body.high-contrast a, body.high-contrast button.btn-link {
	color: #609DD2 !important;
	background: none;
}

body.high-contrast td.list-table strong {
	background: none;
}

body.high-contrast a.btn-success, body.high-contrast a.btn-primary, body.high-contrast a.btn-danger, body.high-contrast a.btn-warning {
	color: #fff !important;
}

body.high-contrast .btn-default {
	color: #000 !important;
}

body.high-contrast .footer p.text-muted {
	border-bottom: 1rem solid #000;
}

body.high-contrast button.dropdown-toggle span {
	background-color: #fff !important;
	color: #000;
}

body.high-contrast .popover-content, body.high-contrast .popover {
	background-color: #fff !important;
	color: #000  !important;
}

body.high-contrast .c3 line {
	stroke: #fff;
}

body.high-contrast .c3 path {
	stroke: #fff;
}

body.high-contrast .c3 text {
	fill: #fff;
}

body.high-contrast .btn-default:active, body.high-contrast .btn-primary:active, body.high-contrast .btn-success:active, body.high-contrast .btn-info:active, body.high-contrast .btn-warning:active, body.high-contrast .btn-danger:active, body.high-contrast .btn-default.active, body.high-contrast .btn-primary.active, body.high-contrast .btn-success.active, body.high-contrast .btn-info.active, body.high-contrast .btn-warning.active, body.high-contrast .btn-danger.active {
	-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.825);
	box-shadow: inset 0 3px 5px rgba(0,0,0,0.825);
}

body.high-contrast span.pagination-default {
	background-color: #fff;
	color: #000 !important;
}

body.high-contrast .disabled span.pagination-default {
	background-color: #222;
}

body.high-contrast .forms-container, body.high-contrast #tabcontent, body.high-contrast .tabcontent {
	background-color: inherit;
}

body.high-contrast .nav-tabs > li > a:hover {
	background-color: #555;
	/* color: #2a6496; */
}

body.high-contrast .nav-tabs > li > a {
	background-color: inherit;
	/* color: #2a6496; */
}

body.high-contrast span#tasktotal {
	background: none;
}

body.high-contrast .text-muted {
  color: #999999 !important;
}

body.high-contrast .text-primary {
  color: #6FA7D8 !important;
}

body.high-contrast .text-success {
  color: #48AD48 !important;
}

body.high-contrast .text-info {
  color: #2BA5CA !important;
}

body.high-contrast .text-warning {
  color: #d58512 !important;
}

body.high-contrast .text-danger {
  color: #E3817D !important;
}

body.high-contrast .table > thead > tr > td.success, 
body.high-contrast .table > tbody > tr > td.success, 
body.high-contrast .table > tfoot > tr > td.success, 
body.high-contrast .table > thead > tr > th.success, 
body.high-contrast .table > tbody > tr > th.success, 
body.high-contrast .table > tfoot > tr > th.success, 
body.high-contrast .table > thead > tr.success > td, 
body.high-contrast .table > tbody > tr.success > td, 
body.high-contrast .table > tfoot > tr.success > td, 
body.high-contrast .table > thead > tr.success > th, 
body.high-contrast .table > tbody > tr.success > th, 
body.high-contrast .table > tfoot > tr.success > th {
	background-color: #2F5520;
}

body.high-contrast tr.success > td {
    background-color: #2F5520 !important;
}

body.high-contrast .table > thead > tr > td.success a, 
body.high-contrast .table > tbody > tr > td.success a, 
body.high-contrast .table > tfoot > tr > td.success a, 
body.high-contrast .table > thead > tr > th.success a, 
body.high-contrast .table > tbody > tr > th.success a, 
body.high-contrast .table > tfoot > tr > th.success a, 
body.high-contrast .table > thead > tr.success > td a, 
body.high-contrast .table > tbody > tr.success > td a, 
body.high-contrast .table > tfoot > tr.success > td a, 
body.high-contrast .table > thead > tr.success > th a, 
body.high-contrast .table > tbody > tr.success > th a, 
body.high-contrast .table > tfoot > tr.success > th a {
	color: #B2D0EB !important;
}

body.high-contrast .table > thead > tr > td.success a.btn, 
body.high-contrast .table > tbody > tr > td.success a.btn, 
body.high-contrast .table > tfoot > tr > td.success a.btn, 
body.high-contrast .table > thead > tr > th.success a.btn, 
body.high-contrast .table > tbody > tr > th.success a.btn, 
body.high-contrast .table > tfoot > tr > th.success a.btn, 
body.high-contrast .table > thead > tr.success > td a.btn, 
body.high-contrast .table > tbody > tr.success > td a.btn, 
body.high-contrast .table > tfoot > tr.success > td a.btn, 
body.high-contrast .table > thead > tr.success > th a.btn, 
body.high-contrast .table > tbody > tr.success > th a.btn, 
body.high-contrast .table > tfoot > tr.success > th a.btn {
	color: #000 !important;
}


body.high-contrast .table > thead > tr > td.info, 
body.high-contrast .table > tbody > tr > td.info, 
body.high-contrast .table > tfoot > tr > td.info, 
body.high-contrast .table > thead > tr > th.info, 
body.high-contrast .table > tbody > tr > th.info, 
body.high-contrast .table > tfoot > tr > th.info, 
body.high-contrast .table > thead > tr.info > td, 
body.high-contrast .table > tbody > tr.info > td, 
body.high-contrast .table > tfoot > tr.info > td, 
body.high-contrast .table > thead > tr.info > th, 
body.high-contrast .table > tbody > tr.info > th, 
body.high-contrast .table > tfoot > tr.info > th {
	background-color: #1B5574;
}

body.high-contrast .table > thead > tr > td.info a, 
body.high-contrast .table > tbody > tr > td.info a, 
body.high-contrast .table > tfoot > tr > td.info a, 
body.high-contrast .table > thead > tr > th.info a, 
body.high-contrast .table > tbody > tr > th.info a, 
body.high-contrast .table > tfoot > tr > th.info a, 
body.high-contrast .table > thead > tr.info > td a, 
body.high-contrast .table > tbody > tr.info > td a, 
body.high-contrast .table > tfoot > tr.info > td a, 
body.high-contrast .table > thead > tr.info > th a, 
body.high-contrast .table > tbody > tr.info > th a, 
body.high-contrast .table > tfoot > tr.info > th a {
	color: #B2D0EB !important;
}

body.high-contrast .table > thead > tr > td.info a.btn, 
body.high-contrast .table > tbody > tr > td.info a.btn, 
body.high-contrast .table > tfoot > tr > td.info a.btn, 
body.high-contrast .table > thead > tr > th.info a.btn, 
body.high-contrast .table > tbody > tr > th.info a.btn, 
body.high-contrast .table > tfoot > tr > th.info a.btn, 
body.high-contrast .table > thead > tr.info > td a.btn, 
body.high-contrast .table > tbody > tr.info > td a.btn, 
body.high-contrast .table > tfoot > tr.info > td a.btn, 
body.high-contrast .table > thead > tr.info > th a.btn, 
body.high-contrast .table > tbody > tr.info > th a.btn, 
body.high-contrast .table > tfoot > tr.info > th a.btn {
	color: #000 !important;
}


body.high-contrast .table > thead > tr > td.warning, 
body.high-contrast .table > tbody > tr > td.warning, 
body.high-contrast .table > tfoot > tr > td.warning, 
body.high-contrast .table > thead > tr > th.warning, 
body.high-contrast .table > tbody > tr > th.warning, 
body.high-contrast .table > tfoot > tr > th.warning, 
body.high-contrast .table > thead > tr.warning > td, 
body.high-contrast .table > tbody > tr.warning > td, 
body.high-contrast .table > tfoot > tr.warning > td, 
body.high-contrast .table > thead > tr.warning > th, 
body.high-contrast .table > tbody > tr.warning > th, 
body.high-contrast .table > tfoot > tr.warning > th {
	background-color: #604E06;
}

body.high-contrast .table > thead > tr > td.warning a, 
body.high-contrast .table > tbody > tr > td.warning a, 
body.high-contrast .table > tfoot > tr > td.warning a, 
body.high-contrast .table > thead > tr > th.warning a, 
body.high-contrast .table > tbody > tr > th.warning a, 
body.high-contrast .table > tfoot > tr > th.warning a, 
body.high-contrast .table > thead > tr.warning > td a, 
body.high-contrast .table > tbody > tr.warning > td a, 
body.high-contrast .table > tfoot > tr.warning > td a, 
body.high-contrast .table > thead > tr.warning > th a, 
body.high-contrast .table > tbody > tr.warning > th a, 
body.high-contrast .table > tfoot > tr.warning > th a {
	color: #B2D0EB !important;
}

body.high-contrast .table > thead > tr > td.warning a.btn, 
body.high-contrast .table > tbody > tr > td.warning a.btn, 
body.high-contrast .table > tfoot > tr > td.warning a.btn, 
body.high-contrast .table > thead > tr > th.warning a.btn, 
body.high-contrast .table > tbody > tr > th.warning a.btn, 
body.high-contrast .table > tfoot > tr > th.warning a.btn, 
body.high-contrast .table > thead > tr.warning > td a.btn, 
body.high-contrast .table > tbody > tr.warning > td a.btn, 
body.high-contrast .table > tfoot > tr.warning > td a.btn, 
body.high-contrast .table > thead > tr.warning > th a.btn, 
body.high-contrast .table > tbody > tr.warning > th a.btn, 
body.high-contrast .table > tfoot > tr.warning > th a.btn {
	color: #000 !important;
}


body.high-contrast .table > thead > tr > td.danger, 
body.high-contrast .table > tbody > tr > td.danger, 
body.high-contrast .table > tfoot > tr > td.danger, 
body.high-contrast .table > thead > tr > th.danger, 
body.high-contrast .table > tbody > tr > th.danger, 
body.high-contrast .table > tfoot > tr > th.danger, 
body.high-contrast .table > thead > tr.danger > td, 
body.high-contrast .table > tbody > tr.danger > td, 
body.high-contrast .table > tfoot > tr.danger > td, 
body.high-contrast .table > thead > tr.danger > th, 
body.high-contrast .table > tbody > tr.danger > th, 
body.high-contrast .table > tfoot > tr.danger > th {
	background-color: #8D3434;
}

body.high-contrast .table > thead > tr > td.danger a, 
body.high-contrast .table > tbody > tr > td.danger a, 
body.high-contrast .table > tfoot > tr > td.danger a, 
body.high-contrast .table > thead > tr > th.danger a, 
body.high-contrast .table > tbody > tr > th.danger a, 
body.high-contrast .table > tfoot > tr > th.danger a, 
body.high-contrast .table > thead > tr.danger > td a, 
body.high-contrast .table > tbody > tr.danger > td a, 
body.high-contrast .table > tfoot > tr.danger > td a, 
body.high-contrast .table > thead > tr.danger > th a, 
body.high-contrast .table > tbody > tr.danger > th a, 
body.high-contrast .table > tfoot > tr.danger > th a {
	color: #B2D0EB !important;
}

body.high-contrast .table > thead > tr > td.danger a.btn, 
body.high-contrast .table > tbody > tr > td.danger a.btn, 
body.high-contrast .table > tfoot > tr > td.danger a.btn, 
body.high-contrast .table > thead > tr > th.danger a.btn, 
body.high-contrast .table > tbody > tr > th.danger a.btn, 
body.high-contrast .table > tfoot > tr > th.danger a.btn, 
body.high-contrast .table > thead > tr.danger > td a.btn, 
body.high-contrast .table > tbody > tr.danger > td a.btn, 
body.high-contrast .table > tfoot > tr.danger > td a.btn, 
body.high-contrast .table > thead > tr.danger > th a.btn, 
body.high-contrast .table > tbody > tr.danger > th a.btn, 
body.high-contrast .table > tfoot > tr.danger > th a.btn {
	color: #000 !important;
}

body.high-contrast .htmlarea * {
	background-color: #fff;
}

body.high-contrast.dialog .title {
	background-image: none;
	color: #000 !important;
	background: #fff;
	font-size: 1.8rem;
}

body.high-contrast .pagination > .disabled > span, 
body.high-contrast .pagination > .disabled > span:hover, 
body.high-contrast .pagination > .disabled > span:focus, 
body.high-contrast .pagination > .disabled > a, 
body.high-contrast .pagination > .disabled > a:hover, 
body.high-contrast .pagination > .disabled > a:focus {
	color: #777;
	background-color: #222;
}

body.high-contrast .pagination > li:last-child > a, 
body.high-contrast .pagination > li:last-child > span {
	background-color: #fff;
}

body.high-contrast .pagination > li.disabled:last-child > a, 
body.high-contrast .pagination > li.disabled:last-child > span {
	background-color: #222;
}

body.high-contrast .pagination a {
	background-color: #fff;
}

body.high-contrast .form-required-mark i {
	color: #a94442 !important;
}

body.high-contrast .carousel-caption, body.high-contrast .carousel-indicators, body.high-contrast .carousel-caption * {
	background: none;
}

body.high-contrast .text-danger, body.high-contrast .text-danger abbr {
	color: #dd7876 !important;
}

body.high-contrast .text-danger abbr i {
	color: #a94442 !important;
}

body.high-contrast .forms-form table tr.multi_inputs_row td, .forms-form table tr.multi_inputs_row th {
  background: #000;
}

body.high-contrast #UUIDtoolbar {
  background-color: #fff;
  color: #000 !important;
}

html.large-font .form-control {
	font-size: 1.6rem;
}

.forms-inputs .input-group-btn .btn {
	font-size: 1.6rem;
}

html.large-font .forms-inputs .input-group-btn .btn {
	font-size: 1.7rem;
}

.totals-table-right-black {
	background-color: #b0dfb8;
	width: 100%;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}

.totals-table-right-white {
	background-color: #2ba842;
	width: 100%;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}

.totals-table-right-black h3, .totals-table-right-white h3, .totals-table-right-black h1, .totals-table-right-white h1 {
	margin-top: 0.1rem;
	margin-bottom: 0.1rem;
}

.totals-table-right-black td, .totals-table-right-white td  {
	border: 0rem solid #ffffff;
	padding: 0.2rem;
	text-align: right;
}

.totals-table-right-white td  {
	color: #ffffff;
}

h3.totals-table {
	margin: 0.1rem;
}


.totals-table-left-black {
	background-color: #dba27c;
	width: 100%;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}

.totals-table-left-white {
	background-color: #2e70a2;
	width: 100%;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}

.totals-table-left-black h3, .totals-table-left-black h4, .totals-table-left-black h1, .totals-table-left-white h3, .totals-table-left-white h4, .totals-table-left-white h1 {
	margin-top: 0.1rem;
	margin-bottom: 0.1rem;
}

.totals-table-left-black h1, .totals-table-left-white h1 {
	vertical-align: top;
}

.totals-table-left-black td, .totals-table-left-white td {
	border: 0rem solid #ffffff;
	padding-left: 0.2rem;
	padding-right: 0.2rem;
	text-align: left;
	color: #bd5109;
}

.totals-table-left-white td {
	color: #ffffff;
}

body.high-contrast table.totals-table-right-white tbody, body.high-contrast table.totals-table-right-white tr, body.high-contrast table.totals-table-right-white td, body.high-contrast table.totals-table-right-white h1, body.high-contrast table.totals-table-right-white h3 {
	background-color: #071a0a;
}

body.high-contrast table.totals-table-right-black tbody, body.high-contrast table.totals-table-right-black tr, body.high-contrast table.totals-table-right-black td, body.high-contrast table.totals-table-right-black h1, body.high-contrast table.totals-table-right-black h3 {
	background-color: #141a15;
}

body.high-contrast table.totals-table-left-white tbody, body.high-contrast table.totals-table-left-white tr, body.high-contrast table.totals-table-left-white td, body.high-contrast table.totals-table-left-white h1, body.high-contrast table.totals-table-left-white h3 {
	background-color: #07121a;
}

body.high-contrast table.totals-table-left-black tbody, body.high-contrast table.totals-table-left-black tr, body.high-contrast table.totals-table-left-black td, body.high-contrast table.totals-table-left-black h1, body.high-contrast table.totals-table-left-black h3 {
	background-color: #1a130f;
}

body.high-contrast table.totals-table-left-white td.mfimage, body.high-contrast table.totals-table-left-black td.mfimage {
	background-color: #000;
}

.tooltip {
	font-size: 1.4rem;
}

body.high-contrast .tooltip {
	background: none !important;
}

body.high-contrast .tooltip-inner {
	background-color: #fff !important;
	color: #000 !important;
}

body.high-contrast .tooltip-arrow {
	background: none !important;
}

body.high-contrast .tooltip.top .tooltip-arrow {
	background: none !important;
	border-top-color: #fff;
}

body.high-contrast .tooltip.bottom .tooltip-arrow {
	background: none !important;
	border-bottom-color: #fff;
}

body.high-contrast .tooltip.left .tooltip-arrow {
	background: none !important;
	border-left-color: #fff;
}

body.high-contrast .tooltip.right .tooltip-arrow {
	background: none !important;
	border-right-color: #fff;
}


a.conditions-hidden-link, a.conditions-hidden-link:hover {
	text-decoration: none;
	color: #000;
	text-overflow: ellipsis;
}

body.high-contrast a.conditions-hidden-link, body.high-contrast a.conditions-hidden-link:hover {
	color: #fff !important;
}

body.high-contrast .fa-stack .text-danger {
	color: #a94442 !important;
	background: none !important;
}

body.high-contrast .row {
	background: none !important;
}

body.high-contrast .col-xs-1, 
body.high-contrast .col-xs-2, 
body.high-contrast .col-xs-3, 
body.high-contrast .col-xs-4, 
body.high-contrast .col-xs-5, 
body.high-contrast .col-xs-6, 
body.high-contrast .col-xs-7, 
body.high-contrast .col-xs-8, 
body.high-contrast .col-xs-9, 
body.high-contrast .col-xs-10, 
body.high-contrast .col-xs-11, 
body.high-contrast .col-xs-12 {
	background: none !important;
}

body.high-contrast .progress {
	background-color: #f5f5f5 !important;
}

body.high-contrast .progress-bar-warning {
	background-image: -webkit-linear-gradient(top, #f0ad4e 0, #7E4E0C 100%);
	background-image: -o-linear-gradient(top, #f0ad4e 0, #7E4E0C 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f0ad4e), to(#7E4E0C));
	background-image: linear-gradient(to bottom, #f0ad4e 0, #7E4E0C 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ff7E4E0C', GradientType=0);
}

body.high-contrast .progress-bar-danger {
	background-image: -webkit-linear-gradient(top, #d9534f 0, #A32824 100%);
	background-image: -o-linear-gradient(top, #d9534f 0, #A32824 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d9534f), to(#A32824));
	background-image: linear-gradient(to bottom, #d9534f 0, #A32824 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffA32824', GradientType=0);
}

body.high-contrast .progress-bar-success {
	background-image: -webkit-linear-gradient(top, #5cb85c 0, #2A652A 100%);
	background-image: -o-linear-gradient(top, #5cb85c 0, #2A652A 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5cb85c), to(#2A652A));
	background-image: linear-gradient(to bottom, #5cb85c 0, #2A652A 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff2A652A', GradientType=0);
}

.btn-wrap {
	white-space: normal;
}

@media (min-width: 1901px) {
}

@media (min-width: 1701px) and (max-width: 1900px) {
}

@media (min-width: 1501px) and (max-width: 1700px) {
}

@media (min-width: 1201px) and (max-width: 1500px) {
}

@media (min-width: 993px) and (max-width: 1200px) {
}
/* */



html {
	font-size: 10px;
}

html.large-font {
	font-size: 12px;
}

@media (min-width: 1701px) and (max-width: 1900px) {
	html {
		font-size: 10px;
	}

	html.large-font {
		font-size: 12px;
	}

	.container {
		width: 1600px;
	}

	table.forms_question_table textarea.form-control, table.forms_question_table input.form-control {
		width: 100%;
	}

	table.forms_question_table input.textfield-large {
		min-width: 120pt;
	}

	table.forms_question_table input.textfield-medium {
		width: 80%;
		min-width: 80pt;
	}

	table.forms_question_table input.textfield-small {
		width: 30%;
	min-width: 80pt;
	}

	.input-group .calc-cell, .no-group .calc-cell, .input-group .aggregate-cell {
		width: 81%;
		min-width: 80pt;
	}

	.calendar, .calendar table {
		border-radius: 3px;
		font-size: 1.3rem;
	}

	#landing-panel {
		margin-top: 25px;
		padding: 50px 150px 50px 150px;
	}
}

@media (min-width: 1501px) and (max-width: 1700px) {
	html {
		font-size: 10px;
	}

	html.large-font {
		font-size: 12px;
	}

	.container {
		width: 1400px;
	}

	table.forms_question_table textarea.form-control, table.forms_question_table input.form-control {
		width: 100%;
	}

	table.forms_question_table input.textfield-large {
		min-width: 120pt;
	}

	table.forms_question_table input.textfield-medium {
		width: 80%;
		min-width: 80pt;
	}

	table.forms_question_table input.textfield-small {
		width: 30%;
	min-width: 80pt;
	}

	.input-group .calc-cell, .no-group .calc-cell, .input-group .aggregate-cell {
		width: 81%;
		min-width: 80pt;
	}

	.calendar, .calendar table {
		border-radius: 3px;
	}

	#landing-panel {
		margin-top: 25px;
		padding: 50px;
	}

}
/* col-lg */
@media (min-width: 1201px) and (max-width: 1500px) {
	html {
		font-size: 9px;
	}

	html.large-font {
		font-size: 12px;
	}

	.container {
		width: 1150px;
	}

    div.forms-inputs {
      padding-left: 20pt;
    }

	.jumbotron {
		padding-top: 0px;
		padding-bottom: 1.0rem;
		margin-bottom: 1.0rem;
		margin-top: 1.0rem;
	}

	.forms-container, #tabcontent, .tabcontent {
		padding: 1.3rem;
		padding-top: 7pt;
	}

	.form-group {
		margin-bottom: 1.0rem;
	}

	.panel {
		margin-bottom: 1.0rem;
	}

	#aps-avt {
		margin-bottom: 1.0rem;
	}

	#sub-title b {font-weight: normal;}

	h4.forms-element-question {
		margin-bottom: 35px;
	}

	table.forms_question_table textarea.form-control, table.forms_question_table input.form-control {
		width: 100%;
	}

	table.forms_question_table input.textfield-large {
		min-width: 120pt;
	}

	table.forms_question_table input.textfield-medium {
		width: 80%;
		min-width: 80pt;
	}

	table.forms_question_table input.textfield-small {
		width: 30%;
    	min-width: 80pt;
	}

	.input-group .calc-cell, .no-group .calc-cell, .input-group .aggregate-cell {
		width: 81%;
		min-width: 80pt;
	}

	.calendar, .calendar table {
		border-radius: 3px;
	}

	div.standard-form-section {
		padding-bottom: 20pt;
	}

	table.forms_question_table > thead > tr > th, table.forms_question_table > tbody > tr > th, table.forms_question_table > tfoot > tr > th, table.forms_question_table > thead > tr > td, table.forms_question_table > tbody > tr > td, table.forms_question_table > tfoot > tr > td {
		padding: 8px;
	}

	.stupidIE .btn, .stupidIE .input-group-addon {
		padding-bottom: 7px;
	}

	#landing-panel {
		margin-top: 25px;
		padding: 50px;
	}

}
/* col-md */
@media (min-width: 993px) and (max-width: 1200px) {

	html {
		font-size: 9px;
	}

	html.large-font {
		font-size: 11px;
	}

	.container {
		width: 970px;
	}

    div.forms-inputs {
      padding-left: 20pt;
    }

	.jumbotron {
		padding-top: 0px;
		padding-bottom: 1.0rem;
		margin-bottom: 1.0rem;
		margin-top: 1.0rem;
	}

	.forms-container, #tabcontent, .tabcontent {
		padding: 1.3rem;
		padding-top: 7pt;
	}

	.form-group {
		margin-bottom: 1.0rem;
	}

	.panel {
		margin-bottom: 1.0rem;
	}

	#aps-avt {
		margin-bottom: 1.0rem;
	}

	#sub-title b {font-weight: normal;}

	h4.forms-element-question {
		margin-bottom: 35px;
	}

	table.forms_question_table textarea.form-control, table.forms_question_table input.form-control {
		width: 100%;
	}

	table.forms_question_table input.textfield-large {
		min-width: 120pt;
	}

	table.forms_question_table input.textfield-medium {
		width: 80%;
		min-width: 80pt;
	}

	table.forms_question_table input.textfield-small {
		width: 35%;
	min-width: 75pt;
	}

	.input-group .calc-cell, .no-group .calc-cell, .input-group .aggregate-cell {
		width: 81%;
		min-width: 75pt;
	}

	.control-label {
		padding-right: 3pt;
	}

	div.forms-inputs {
		padding-left: 3pt;
	}

	.container {
		padding-left: 2.0rem;
		padding-right: 2.0rem;
	}

	table.forms_question_table > thead > tr > th, table.forms_question_table > tbody > tr > th, table.forms_question_table > tfoot > tr > th, table.forms_question_table > thead > tr > td, table.forms_question_table > tbody > tr > td, table.forms_question_table > tfoot > tr > td {
		padding: 5px;
	}

	.calendar, .calendar table {
		border-radius: 3px;
	}

	div.standard-form-section {
		padding-bottom: 15pt;
	}

	.stupidIE .btn, .stupidIE .input-group-addon {
		padding-bottom: 8px;
	}

	#landing-panel {
		margin-top: 25px;
		padding: 50px;
	}

	.forms-inputs .input-group-btn .btn {
		font-size: 1.4rem;
	}

	html.large-font .forms-inputs .input-group-btn .btn {
		font-size: 1.6rem;
	}

}
/* col-sm */
@media (min-width: 768px) and (max-width: 992px)  {

	html {
		font-size: 9px;
	}

	html.large-font {
		font-size: 11px;
	}

    div.forms-inputs {
            padding-left: 20pt;
    }

	.jumbotron {
		padding-top: 0px;
		padding-bottom: 1.0rem;
		margin-bottom: 1.0rem;
		margin-top: 1.0rem;
	}

	.forms-container, #tabcontent, .tabcontent {
		padding: 1.3rem;
		padding-top: 7pt;
	}

	.form-group {
		margin-bottom: 1.0rem;
	}

	.panel {
		margin-bottom: 1.0rem;
	}

	#aps-avt {
		margin-bottom: 1.0rem;
	}

	#sub-title b {font-weight: normal;}

	h4.forms-element-question {
		margin-bottom: 30px;
	}

	table.forms_question_table textarea.form-control, table.forms_question_table input.form-control {
		width: 100%;
	}

	table.forms_question_table input.textfield-large {
		min-width: 120pt;
	}

	table.forms_question_table input.textfield-medium {
		width: 100%;
		min-width: 80pt;
	}

	table.forms_question_table input.textfield-small {
		width: 50%;
	min-width: 75pt;
	}

	.input-group .calc-cell, .no-group .calc-cell, .input-group .aggregate-cell {
		width: 100%;
		min-width: 75pt;
	}

	.control-label {
		padding-right: 3pt;
	}

	div.forms-inputs {
		padding-left: 3pt;
	}

	.container {
		padding-left: 2.0rem;
		padding-right: 2.0rem;
	}

	table.forms_question_table > thead > tr > th, table.forms_question_table > tbody > tr > th, table.forms_question_table > tfoot > tr > th, table.forms_question_table > thead > tr > td, table.forms_question_table > tbody > tr > td, table.forms_question_table > tfoot > tr > td {
		padding: 5px;
	}

	.calendar, .calendar table {
		border-radius: 3px;
	}

	div.standard-form-section {
		padding-bottom: 15pt;
	}

	.stupidIE .btn, .stupidIE .input-group-addon {
		padding-bottom: 7px;
	}

	#landing-panel {
		margin-top: 25px;
		padding: 20px;
	}

	.forms-inputs .input-group-btn .btn {
		font-size: 1.4rem;
	}

	html.large-font .forms-inputs .input-group-btn .btn {
		font-size: 1.6rem;
	}

  .footer ul.footer-links {
    font-size: 1.2rem;
  }

} 

/*
// Point where bootstrap collapses to mobile view
// iPad is at 768px - had to make sure there was no collapse when viewing on this
*/
/* col-ms */
@media (min-width: 481px) and (max-width: 767px) {

	html {
		font-size: 9px;
	}

	html.large-font {
		font-size: 11px;
	}

    div.forms-inputs {
            padding-left: 1.3rem;
    }

	h1, .jumbotron h1, .jumbotron .h1 {
		font-size: 3.5rem;
	}
	
	.jumbotron {
		padding-top: 0px;
		padding-bottom: 1.0rem;
		margin-bottom: 1.0rem;
		margin-top: 1.0rem;
	}

	.forms-container, #tabcontent, .tabcontent {
		padding: 5pt;
		padding-top: 7pt;
	}

	.form-group {
		margin-bottom: 15px;
	}

	.panel {
		margin-bottom: 1.0rem;
	}

	#aps-avt {
		margin-bottom: 1.0rem;
	}

	h1, .h1, h2, .h2, h3, .h3 {
		margin-top: 1.5rem;
	}

	#sub-title b {font-weight: normal;}

	.help-block {
		margin-top: 0px;
		margin-bottom: 5px;
	}

	label {
		margin-bottom: 0px;
	}

	label:empty {
		display: none;
	}

	.form-control-static {
		padding-top: 0px;
		padding-bottom: 3px;
		margin-bottom: 0;
		min-height: 1.0rem;
	}

	.navbar-nav > li > a {
		padding-top: 1px;
		padding-bottom: 1px;
	}

	.nav > li > a {
		padding-left: 17px;
	}

	.navbar-left > img {
		height: 35px;
	}

	#navbar-logo-a {
		padding-left: 20px;
	}

	.navbar-nav {
		margin: 7.5px -1.5rem;
		padding-right: 100px;
	}

	h4.forms-element-question {
		margin-bottom: 20px;
	}

	table.forms_question_table textarea.form-control, table.forms_question_table input.form-control {
		width: 100%;
	}

	table.forms_question_table input.textfield-large {
		min-width: 120pt;
	}

	table.forms_question_table input.textfield-medium {
		width: 100%;
		min-width: 80pt;
	}

	table.forms_question_table input.textfield-small {
		width: 50%;
	min-width: 75pt;
	}

	.input-group .calc-cell, .no-group .calc-cell, .input-group .aggregate-cell {
		width: 100%;
		min-width: 75pt;
	}
	
	.control-label {
		padding-right: 1pt;
	}

	div.forms-inputs {
		padding-left: 1pt;
	}

	.container {
		padding-left: 2.0rem;
		padding-right: 2.0rem;
	}

	table.forms_question_table > thead > tr > th, table.forms_question_table > tbody > tr > th, table.forms_question_table > tfoot > tr > th, table.forms_question_table > thead > tr > td, table.forms_question_table > tbody > tr > td, table.forms_question_table > tfoot > tr > td {
		padding: 3px;
	}

	.calendar, .calendar table {
		border-radius: 3px;
	}

	div.standard-form-section {
		padding-bottom: 5pt;
	}

	.form-inline .form-group {
		display: inline-block;
	}

	.na-button {
		padding-right: 3px;
	}
	
	.done-button {
		padding-left: 3px;
	}

	.date-calendar-button {
		margin-left: 1px;
	}

	/* this overrides the bootstrap grid breakpoints for date widget inside an inline form - we want it always 100% in this case */
	.form-inline .standard-date-container .col-ms-4 {
		width: 30%;
	}

	.standard-date-container .col-ms-4.calendar-year {
		width: 23%;
	}

	.modal-dialog .standard-date-container .col-ms-4.calendar-year {
		width: 26%;
	}

	.stupidIE .btn, .stupidIE .input-group-addon {
		padding-bottom: 7px;
	}

	#landing-panel {
		margin-top: 5px;
		padding: 1px;
	}

	.forms-inputs .input-group-btn .btn {
		font-size: 1.4rem;
	}
	
	html.large-font .forms-inputs .input-group-btn .btn {
		font-size: 1.6rem;
	}

  .footer ul.footer-links {
    font-size: 1.1rem;
  }

}
/* col-xs */
@media (max-width: 480px) {

	html {
		font-size: 8px;
	}

	html.large-font {
		font-size: 10px;
	}

    div.forms-inputs {
            padding-left: 5pt;
    }

	h1, .jumbotron h1, .jumbotron .h1 {
		font-size: 3.0rem;
	}

	.jumbotron {
		padding-top: 0px;
		padding-bottom: 1.0rem;
		margin-bottom: 1.0rem;
		margin-top: 1.0rem;
	}

	.forms-container, #tabcontent, .tabcontent {
		padding: 5pt;
		padding-top: 7pt;
	}

	.form-group {
		margin-bottom: 15px;
	}

	.panel {
		margin-bottom: 1.0rem;
	}

	#aps-avt {
		margin-bottom: 1.0rem;
	}

	h1, .h1, h2, .h2, h3, .h3 {
		margin-top: 1.5rem;
	}

	#sub-title b {font-weight: normal;}

	.panel-body {
		padding: 5px;
	}

	.help-block {
		margin-top: 0px;
		margin-bottom: 5px;
	}

	label {
		margin-bottom: 0px;
	}

	label:empty {
		display: none;
	}

	.form-control-static {
		padding-top: 0px;
		padding-bottom: 3px;
		margin-bottom: 0;
		min-height: 1.0rem;
	}

	.navbar-nav > li > a {
		padding-top: 1px;
		padding-bottom: 1px;
	}

	.nav > li > a {
		padding-left: 17px;
	}

	.navbar-left > img {
		height: 30px;
	}

	#navbar-logo-a {
		padding-left: 20px;
	}

	.navbar-nav {
		margin: 7.5px -1.5rem;
		padding-right: 100px;
	}

	h4.forms-element-question {
		margin-bottom: 1.5rem;
	}

	table.forms_question_table textarea.form-control, table.forms_question_table input.form-control {
		width: 100%;
	}

	table.forms_question_table input.textfield-large {
		min-width: 120pt;
	}

	table.forms_question_table input.textfield-medium {
		width: 100%;
		min-width: 80pt;
	}

	table.forms_question_table input.textfield-small {
		width: 50%;
		min-width: 70pt;
	}

	.input-group .calc-cell, .no-group .calc-cell, .input-group .aggregate-cell {
		width: 100%;
		min-width: 70pt;
	}

	.control-label {
		padding-right: 1pt;
	}

	div.forms-inputs {
		padding-left: 1pt;
	}

	.container {
		padding-left: 5px;
		padding-right: 5px;
	}

	table.forms_question_table > thead > tr > th, table.forms_question_table > tbody > tr > th, table.forms_question_table > tfoot > tr > th, table.forms_question_table > thead > tr > td, table.forms_question_table > tbody > tr > td, table.forms_question_table > tfoot > tr > td {
		padding: 3px;
	}

	.calendar, .calendar table {
		border-radius: 3px;
	}

	div.standard-form-section {
		padding-bottom: 5pt;
	}

	.form-inline .form-group {
		display: inline-block;
	}
	
	.na-button {
		padding-right: 3px;
	}
	
	.done-button {
		padding-left: 3px;
	}

	.date-calendar-button {
		margin-left: 1px;
	}

	/* custom tweaks for widths for date widget */
	.standard-date-container .col-xs-12, .form-inline .standard-date-container .col-xs-12 {
		width: 32%;
	}

	.standard-date-container .col-xs-12.calendar-year, .form-inline .standard-date-container .col-xs-12.calendar-year {
		width: 25%;
	}

	.standard-element-inline-date-container .row {
		margin-right: inherit;
	}

	.calendar-day, .calendar-month, .calendar-year, .calendar-hours, .calendar-minutes, .calendar-button-container {
		padding-right: 1px;
	}

	.calendar-month, .calendar-year, .calendar-hours, .calendar-minutes, .calendar-button-container {
		padding-left: 1px;
	}
	
	.calendar-year input {
		padding-left: 3px;
		padding-right: 1px;
	}

	.stupidIE .btn, .stupidIE .input-group-addon {
		padding-bottom: 8px;
	}

/* .hidden-label {display:none;}*/

	#landing-panel {
		margin-top: 5px;
		padding: 1px;
	}

	.forms-inputs .input-group-btn .btn {
		font-size: 1.3rem;
	}

	html.large-font .forms-inputs .input-group-btn .btn {
		font-size: 1.5rem;
	}

	.footer ul.footer-links {
		width: 90%;
		font-size: 1.0rem;
	}

	/* don't display these large admin toolbars on smallest mobile size */
	#expander1, #expander2, #expander3, #expander4, #UUIDtoolbar {
		display: none;
	}
}

/* rules after the size dependent section to override */

table.table input.chars-left {
	width: auto;
	display: inline;
	margin-top: 2px;
}

table.table .input-group .calc-total {
	width: auto;
}

/* remove display block from input on date widget to stop expanding to 100% */
table.forms_question_table .standard-date-container input {
    display: inline;
    width: auto;
}

.standard-date-container input {
    display: inline;
    width: auto !important;
}

p.collapseInfoPanel {
	margin: 0px;
	margin-top: -1.5rem
}

/* checkboxes were not lining up with other text like labels without this */
.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
	margin-top: -3px;
}

/* strange bootstrap-select problem with dropdown looking disabled */
.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:active, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
	color: #333;
}


/* bootstrap accessibility bug fixes */
/* */

body {
	font-size: 1.4rem;
}

.btn-sm, .btn-group-sm > .btn {
	font-size: 1.2rem;
}

.btn-xs, .btn-group-xs > .btn {
	font-size: 1.1rem;
}

.btn-lg, .btn-group-lg > .btn {
	font-size: 1.8rem;
}

/* some weird feature/calculation/bug in bootstrap causes this to be 16rem - tuned value for AIMS */
.form-control {
	height: 3.6rem;
}

label.radio .form-control {
	height: 1.4rem;
}

.input-sm {
	font-size: 1.3rem;
}

select.input-sm {
	height: 2.7rem;
}

pre {
	font-size: 1.4rem;
}

.help-block {
	font-size: 1.3rem;
}

.form-horizontal .radio, .form-horizontal .checkbox {
	min-height: 2.7rem;
}

.navbar-text {
	margin-top: 15px;
	margin-bottom: 15px;
}

tr.success > td {
    background-color: #dff0d8 !important;
}

/* fix massive radio buttons in Chrome when width=100% */
input[type="radio"], input[type="checkbox"] {
	width: auto;
}

/* */

#spinner {
	width: 100%;
	height: 50rem;
	z-index: 99999999999;
	background: rgba(0, 0, 0, 0.2);
}

#spinner i {
	position: absolute;
	top: 45%;
	left: 45%;
}

.spinner-small {
	width: 100%;
	height: 10rem;
	z-index: 99999999999;
	background: rgba(0, 0, 0, 0.2);
}

.spinner-small i {
	position: absolute;
	top: 20%;
	left: 45%;
}

body.xinha .label {
	color: #000;
}

.panel-default > .panel-heading {
	font-size: 120%;
}

/* bootstrap 4 flexbox features we need */

/* split flexbox contents left & right by first child */
.flex-container-left-right {
    display: flex;
    justify-content: space-between;
}

.flex-left h4 {
	margin-top: 0px;
}

/* temporary fix for bootstrap-select date widget */
.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option {
	position: relative;
	float: left;
	line-height: 3px;
	padding-right: 2px;
}

/* override default width for WF admin process editor page to use full width */
body#wf-admin-define .container {
	width: auto;
}

.other-input, .other-table-input {
	margin-top: 5px;
}

#UUIDtoolbar {
	background-color:yellow;
	border:2px solid black;
  }

#quick_search_bar_id {
	width: 70pt; 
	padding: 0.01em; 
	text-align: center; 
	border-radius: 4px;
  }

#api-doc-proc-view blockquote blockquote {
	white-space: pre;
	font-family: monospace;
	font-size: medium;
}


/* BEGIN Chat module related additions */

summary {
	display: list-item;
}

details {
	display: inline;
}

details summary {
	cursor: pointer;
}
  
  
body.high-contrast .vac-room-item, body.high-contrast .vac-room-item * {
	background-color: #255c2f !important;
}

body.high-contrast .vac-room-item:hover, body.high-contrast .vac-room-item:hover * {
	background-color: #183d1f !important;
}

body.high-contrast .vac-room-selected, body.high-contrast .vac-room-selected * {
	background-color: #12579c !important;
}

body.high-contrast .vac-room-selected:hover, body.high-contrast .vac-room-selected:hover * {
	background-color: #12579c !important;
}

body.high-contrast .vac-message-card, body.high-contrast .vac-message-card *{
	background-color: #255c2f !important;
}

body.high-contrast .vac-message-current, body.high-contrast .vac-message-current *{
	background-color: #0e5c4a !important;
}

body.high-contrast details, body.high-contrast details * {
	background-color: #ffffff;
	color: #000 !important;;
}

body.high-contrast .vac-input, body.high-contrast .vac-icon-search * {
	background-color: #fff !important;
	color: #000 !important;
}

body.high-contrast .vac-message-card .vac-options-container {
	background-color: transparent !important;
}

body.high-contrast .vac-textarea {
	background-color: #fff !important;
	color: #000 !important;
}

body.high-contrast .vac-avatar, body.high-contrast .vac-room-selected .vac-avatar, body.high-contrast .vac-room-item .vac-avatar {
	background-color: #fff !important;
}

/* Chat notification bell */
.notification {
	display: grid; 
	position: relative; 
}

.badge {
	width: fit-content; 
	padding: 0 0.15em 0 0.15em;
	position: absolute; 
	text-align: center; 
	background-color: red; 
	color: white; 
	top: 20%; 
	left: 40%; 
	transform: translateY(-40%);
	font-size: 1.6rem;  
	font-weight: normal;
	line-height: normal;
	border-radius: 4px; 
}  

body.high-contrast .badge {
  background-color: #8c0000;
}

/* Summary and details elements */
summary {
  display: list-item;
}

details {
  display: inline;
}

details summary {
	cursor: pointer;
}

.vac-room-name {
	cursor: pointer;
}

#aims-vac-circle {
	margin: auto;
	height: 28px;
	width: 28px;
	border: 3px solid rgba(0,0,0,.25);
	border-top: 3px var(--chat-color-spinner) solid;
	border-right: 3px var(--chat-color-spinner) solid;
	border-bottom: 3px var(--chat-color-spinner) solid;
	border-radius: 50%;
	-webkit-animation: vac-spin 1s linear infinite;
	animation: vac-spin 1s linear infinite;
}
/* END Chat module related additions */


/* more fixes for datatables, main menu and dismissible alert */

body.high-contrast #task_list_ellipsis a, body.high-contrast .paginate_button a, body.high-contrast .paginate_button a * {
	background-color: #fff !important;
	color: #204b73 !important;
}

body.high-contrast .nav li.active a {
	color: #9bc1e3 !important;
}

body.high-contrast table.dataTable thead th.sorting::after {
	color: #fff !important;
	opacity: 1;
}

body.high-contrast div.alert-dismissible button.close {
	opacity: 1;
}

body.high-contrast div.alert-dismissible button.close span {
	background-color: #fff !important;
	color: #000 !important;
}

/* bootstrap select menu search (when data not found) */

body.high-contrast .dropdown-menu.inner {
	background-color: #fff !important;
}

body.high-contrast .bootstrap-select .no-results {
	background-color: #fff !important;
	color: #000 !important;
}

/* fix Chrome long URL not wrapping in table - nothing happens in Chrome without both of these, whereas Firefox doesn't need any to work correctly */
/* TAKING OUT FOR NOW - nothing works without breaking something else - with it in, the normal columns of large blocks of text become thinner and longer - too much trouble */
table td {
	/* overflow-wrap: break-word; */
	/* max-width: 1px; */
	/* word-break: break-word; */
}

table td a {
    /* overflow-wrap: normal; */
	/* word-break: normal; */
}

/* fix bug on old tooltips in financial pages */
.tooltip-fin-amount-notes {
	display: none;
}