/* Forms & input fields */

/* Fix for errorMsg */
.errorMsg {
    display: inline-block;
}

.errorText {
    color: #cc0100;
}

/* Alignment helpers*/
.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.clear-fix {
    clear: both;
}

.download_progress {
    display: none;
    margin: 11px;
    width: 140px;
}

.hasRowOptions .filter{
    padding: 15px;
}

.hasRowOptions ul.tabs{
    border-bottom: none;
}

#invoicesOpen{
    clear:both;
    border-top: 1px solid #DDD;
}

.download_section{
    margin: 0 20px;
}

.statement_download_icon{
    width: 20px;
    margin-top: 6px;
}

#download_statement_button{
    margin-right: 10px;
}

.sub_heading{
    font-size: 11px;
    color: #000040 !important;
    font-style: italic;
    font-weight: normal;
    text-transform: capitalize;
}

#celery_message{
    display: none;
    margin: 6px 15px;
}

#celery_message img{
    margin: -1px 10px;
}

#modal_background  {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: rgba(0,0,0,0.7);
  overflow: hidden;
  
}

#modal_window {
    background-color: white;
    border-radius: 10px;
    display: none;
    margin: -120px 0 0 -160px;
    padding: 10px;
    position: fixed;
    top: 50%;
    left: 20%;
    width: 80%;
    z-index: 1000;
    opacity: 10;
}
#modal_message_window {
    background-color: white;
    border-radius: 10px;
    display: none;
    margin: auto;
    padding: 10px;
    position: fixed;
    top: 50%;
    left: 30%;
    width: 40%;
    z-index: 1000;
    opacity: 10;
}
.noOptions {
    background-image: none;
}

a.button-disabled {
  opacity: 0.5;
  pointer-events: none;
  cursor: default;
}
span.button{
    cursor: hand;
    cursor: pointer;
}

#connection_test_loading, #connection_test_success, #connection_test_error{
    display: none;
}

#connection_test_loading{
    position: relative
}

.hoverTooltip {
    position: relative;
    display: inline-block;
}

.hoverTooltip .hoverTooltipText {
    visibility: hidden;
    width: 240px;
    height: 50px;
    background-color: white;
    border-style: outset;
    color: black;
    text-align: left;
    padding: 5px;
    white-space: normal;

    /* Position the tooltip */
    position: absolute;
    top: 20px;
    left: 10%;
    z-index: 1;
}

.hoverTooltip:hover .hoverTooltipText {
    visibility: visible;
}

.scrollBox {
    background-color: white;
    border-style: outset;
    color: black;
    text-align: left;
    padding: 5px;
    white-space: normal;
    overflow-y: auto;
    word-wrap: break-word;
    height: 200px;
}

/* Allow Bulk Upload validation results to take up more width than the page, to avoid excessive
   squashing of fields.  Allow horizontal scrolling if necessary */
#validation_table_wrapper {
    overflow-x: auto;
}

/* Don't squash table column contents when headings are narrower than content */
#validation_table {
    table-layout: auto;
}

#validation_table th, #validation_table td, #validation_table thead th, #validation_table tbody td {
    width: auto;
}

#validation_table tbody td input {
    width: auto;
}

.wide_table_scroll {
    overflow-x: auto;
}

.eSelectButtonJs.error .button-select,
.eSelectButtonJs:has(> select.error) .button-select {
    border: 1px solid #cc0100 !important;
}

.fieldArea.error .errorMsg {
    display: inline-block !important;
    padding: 13px 10px 8px !important;
    height: auto !important;
    margin-top: 0 !important;
    overflow: visible !important;
    background: #cc0100 !important;
    color: #ffffff !important;
    border-radius: 0 0 3px 3px !important;
    width: auto !important;
}