/*********************************************/
/* 
/* 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;
}
 

/* 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;
}


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



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;
}


.tooltip {
	font-size: 1.4rem;
}

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


.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;
}


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

.notification-counter .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; 
}  


/* 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 */



/* 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;
}



/* some extra W3C AA fixes */

.alert-info {
	color: #235067;
	background-color: #d9edf7;
	border-color: #bce8f1;
}

.alert-success {
	color: #2D532D;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}

.alert-warning {
	color: #654F2A;
	background-color: #fcf8e3;
	border-color: #faebcc;
}

.alert-danger {
	color: #79302F;
	background-color: #f2dede;
	border-color: #ebccd1;
}

.navbar-default .navbar-text {
	color: #6d6d6d;
}

.navbar-default .navbar-nav > li > a {
	color: #6d6d6d;
}

.table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th {
	background-color: #ffecec;
}

a {
	color: #2d6ca2;
}

.text-muted {
	color: #6c6c6c;
}

.btn-warning {
	color: #fff;
	background-color: #A4660E;
	border-color: #81500A;
}

.btn-success {
	color: #fff;
	background-color: #3A833A;
	border-color: #2D652D;
}

.btn-danger {
	color: #fff;
	background-color: #CD322D;
	border-color: #9F2623;
}

.btn-info {
	color: #fff;
	background-color: #1F7C98;
	border-color: #1A6A82;
}

#developer-toolbar td a.on {
	background-color: #737373;
}

body.high-contrast #developer-toolbar td a.on {
	background-color: #000;
}

body.high-contrast #instructions-heading a {
	color: #fff !important;
}

.close {
	opacity: .9;
}

.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
	color: #727272;
}

/*
.alert {
    color: #000 !important;
    background: #fff !important;
}

.alert {
	border-width: 5px;
}

.alert-success {
	border-color: #2A652A !important;
}

.alert-info {
	border-color: #245580 !important;
}

.alert-warning {
	border-color: #7E4E0C !important;
}

.alert-danger {
	border-color: #A32824 !important;
}

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

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

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

.alert-danger a {
	color: #A32824 !important;
}
*/