html, body {
    height: 100%;
}

body {
    
    /*overflow-y: scroll;*/
}

@media print {
    .no-print{
        display:none
    }
    .highcharts-contextbutton{
        display:none
    }
    #dashboard-parameter-fields{
        width:100% !important
    }
    #print-btn{
        display:none;
    }
}

/***********************/
/* Dataset Tree Search */
.jstree-search {
    font-style: normal !important;
    color: initial !important;
}

/********************/
/* Common Elements */

#rismans_navbar {
    box-shadow: 0px 0px 9px #aaa;
    -moz-box-shadow: 0px 0px 5px #aaa;
    -webkit-box-shadow: 0px 0px 5px #aaa;

    /*margin-bottom: 0px;*/
}
.report-tooltip {
    border-style: solid;
    border-width: 1px;
    max-width: 350px;
    border-color: #aaa;
    background-color: rgba(255,255,255,1);
    font-family: 'Trebuchet MS', Arial, sans-serif;
    font-size: 10px;
    color: #666666;
    z-index: 3;
    float: left;
    top: 10px;
    left: 10px;
    margin-bottom: 15px;
    padding: 10px;
    display:none;
    text-align: left;}
}

/* Make the navbar profile pic fit into the bootstrap navbar */
.nav_profile_pic {
    margin-left: 5px;
    margin-right: 5px;
    height: 18px;
    width: 18px;
}
.nav_profile_glyph {
    margin-left: 5px;
    margin-right: 0px;
    height: 18px;
    width: 18px;
}

/*fix dropdown parameter in widget options format issue*/
.rwidget-options .select2-selection {
    margin-top: 5px;
}
.rwidget-options .select2-selection__arrow{
    margin-top:5px;
}

.rismans_page_title { /* Page title on a cshtml page */
    font-size: 1.4em; 
    margin-top: 0px; 
    margin-bottom: 25px;
}

.rismans_page_subtitle {
    margin-left: 10px;
    font-size: 0.6em;
    color: #999;
    user-select: all;
}



/* Pre 2020-06-15 */
.rismans_navbar_logo {
    margin-top: 2px;
}

/* 2020-06-15: Adjust location of rismans navbar logo */
/*
.navbar-brand {
    display: flex;
    align-items: center;
}

.rismans_navbar_logo {
    max-height: 100%; /* Stop a tall image from extending outside of the nav bar *
}
*/



/* Appears below the page title */
h1 .back_one_level
{
    text-decoration: none;
    font-size: 0.5em;
    display: block;
    display: table;
    color: #aaaaaa;
    padding: 0px;
}
h1 .back_one_level:hover { text-decoration: underline; }


.form_area_title { /* RForm generated form area titles */
    font-weight: bold;
    margin-top: 0px;
    color: #909090;
    /*text-transform: uppercase;*/
    border-bottom: 2px solid #f5f5f5;
    display: block;
    margin-bottom: 20px;
}

h5 { margin-top: 3px; margin-bottom: 3px; } /* On table with tag grouping, this is the account/system row */

.term-highlight {
    background-color: #fff705 !important;
}

.active-filter {
    background-color: #fcf8e3;
}

#maintenance_message {
    margin: 1rem 0 3rem;
}
#maintenance_message pre {
    background-color: #fff7cb;
    border-color: #f7e9a0;
    font-family: inherit;
    padding: 1.5rem;
    font-size: 16px;
    white-space: pre-wrap;
}


/* NF: Changed CSS selector targeting all svg elements */
.rismans-SvgIcon-root {
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    flex-shrink: 0;
    font-size: 1rem;
}
  
.rismans-SvgIcon-root {
    fill: currentColor;
    font-size: 1.6rem;
}


/**************************/
/* Page Specific Styling */

/* Add a shadow to login box */
#rismans_login_box
{
    margin-top: 100px;
    padding: 20px 20px 0px 20px; 

    -moz-box-shadow: 2px 5px 12px #aaaaaa;
    -webkit-box-shadow: 2px 5px 12px #aaaaaa;
    box-shadow: 2px 5px 12px #aaaaaa;
}

/*************************/
/* dashboard parameters */
.dashboard-parameters .col-lg-1 {
    pointer-events: none;
}
.dashboard-parameters .col-lg-1 .btn{
    pointer-events: auto;
}
.dashboard_parameter_box .parameter-row{
    height:35px;
    margin-bottom:5px;
    width:100%;
}
.dashboard_parameter_box .parameter-row{
    height:35px;
    margin-bottom:5px;
    width:100%;
}

.dashboard_parameter_box .parameter-row > .parameter-column{
    height:inherit;
    padding:0px;
}
.dashboard_parameter_box .parameter-row .parameter-column .form-row{
    height:inherit;
    padding:0px;
    width:100%;
    margin:0px;
    display:flex;
    justify-content:center;
}
.dashboard_parameter_box .parameter-row .parameter-column .form-row > .col-lg-4{
    display:flex;
    justify-content:center;
    padding-left:0px;
    padding-right:0px;
}
.dashboard_parameter_box .parameter-row .parameter-column .form-row > .col-lg-4 > .control-label{
    align-self:center;
    height:auto;
    text-align:right;
}
.dashboard_parameter_box .parameter-row .parameter-column .form-row > .col-lg-8{
    display:flex;
    justify-content:center;
}
.dashboard_parameter_box .parameter-row .parameter-column .form-row > .col-lg-8 > .select2-container--default{
    align-self:center;
    width:100% !important;
    text-align:left;
}
.dashboard_parameter_box .parameter-row .parameter-column .form-row > .col-lg-8 > .textbox-div{
    width: 100%;
    align-self:center;
    height:24px;
}
.dashboard_parameter_box .parameter-row .parameter-column .form-row > .col-lg-8 > .input-sm{
    width: 100%;
    align-self:center;
    height: 24px;
}
.dashboard_parameter_box .parameter-row .parameter-column .form-row > .col-lg-8 > .textbox-div > .input-sm{
    height: 24px;
}

/************************/
/* Rismans Grid         */
.table .rismans-tablecell-editing {
	background-color: #B3E6F5;
}
.table-striped > tbody > tr:nth-child(odd) > td.rismans-tablecell-editing {
	background-color: #B3E6F5;
}

.rismans-tablecell-editing input {
	border: 0;
	width: 100%;
	outline: none;
}

.rismans-grid-editing-td {
    padding: 0px !important;
}
.rismans-grid-editing-td input:focus{
    outline: none !important;
}
.rismans-grid-editing-control {
    border: 0px solid #f1f1f1;
    outline: 0px;
    height: 19px;
    margin: 0px;
    border-radius: 0px;
    width: 100% !important;
    padding-left: 5px;

    /*
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    */
}

/*************************/
/* User Templates        */

.user-template_status-box {
    margin: 0.5rem 1rem 2rem;
    padding: 1rem 1rem 0;
    font-size: 14px;
    color: #333;
    border: 1px solid #dbd359;
    border-radius: 4px;
    background-color: #fff4a3;
}


/************************/
/* Bootstrap Overrides */
.row .form-row {
    padding: 1%;
}

.form-control-static {
    min-height: inherit;
    padding-top: inherit;
    /*
    padding-top: 5px;
    padding-bottom: 0px;
        */
}

.alert {
    margin-top: 15px;
    overflow-wrap: anywhere;
} /* So alerts aren't right against tabs */

.btn-group { margin-bottom: 15px; } /* Add some space between button bars and tables */

.nav-tabs { margin-bottom: 20px; } /* Add space between tabs and first form element. Done for Edit User */

.navbar { border-bottom: 1px solid #fafafa; } /* small line under navbar */
.breadcrumb {  } /* lighten breadcrumb background */

.table > thead a { cursor: pointer; } /* Make a hand cursor over a header link */
.table td { cursor: default; }

.input-group .form-control{ /* Show input boxes on lowest layer so they don't appear over dropdowns etc */
    z-index: 0;
}

.td-right-align {
    text-align: right;
}
.td-left-align {
    text-align: left;
}
.td-center-align {
    text-align: center;
}
.chart-description-text {
    border-style: solid;
    border-width: 1px;
    border-color: #aaa;
    background-color: rgba(247,247,247,0.85);
    font-family: "Trebuchet MS", Arial, sans-serif;
    color: #666666;
    text-align: center;
}

/* Make table rows even smaller */
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 2px 5px 0px 5px;
  font-size: 12px;
}
.table-condensed input[type=checkbox] { margin: 2px 0px 0px 0px; }

/* Frozen columns in model_ui */
.table-frozen {
    overflow-y: hidden;
}
.table-responsive .froz {
    white-space: nowrap;
}
.table-responsive>.fixed-column {
    position: absolute;
    display: inline-block;
    width: auto;
    background-color: #fff;
    border-right: 0px solid #ddd;
    border-left: 0px;
}

/* Make widget panels smaller */
.panel-heading-condensed {
    padding: 4px 10px;
}
.panel-heading-condensed h3 {
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 1em;
    font-size: 0.8em;
}
.panel-body {
    padding-bottom: 0px;
}
.table {
    margin-bottom: 0px; /* Fix for dashboard panels */
}

/* Added for required fields  */
.control-label.required {
    font-style: italic;
}
.control-label.required:after {
    content: " *";
    color: red;
}
.required {
    font-style: italic;
}
.required:after {
    content: " *";
    color: red;
}

/* Remove styling from a file input form field */
input.form-control[type='file'] {
    border: none;
    background: none;
    box-shadow: none;
    padding-left: 0;
}

/* R Library Specific */
.waiting_box 
{
    background-color: #ffffff;
    height: 95px;
    width: 124px;
    
    position: fixed;
    left: 50%;
    margin-left: -62px;
    top: 300px;
    z-index: 100000;
    
    border: 1px solid #222222;
    
    text-align: center;
}
.waiting_box img
{
    margin-top: 24px;
}
.waiting_box p
{
    margin-top: 4px;
    font-size: 12px;
}

/* Widget Styling */
.rwidget .panel-body {
    padding-top: 5px;
    padding-bottom: 0px;
}

.rwidget-options {
    padding: 10px;
    border-bottom: 1px solid #ddd;
}


.rwidget .table {
    margin-bottom: 10px;
}

.rwidget-content-waiting {
    text-align: center;
    font-size: 12px;
    margin-bottom: 10px;
}
.rwidget-content-waiting img {
    margin-top: 10px;
}

.rwidget-content {
    margin-bottom: 10px;
}


/* Form Elements */
.form_error { /* RForm element error text */
    color: #DB0000;
    font-weight: bold;
    font-size: 12px;
}

/* Make form elements less bulky */

.nav-tabs.nav > li > a {
    padding: 5px 15px;
}

.navbar-btn.btn-sm { /* buttons in a navbar (actionbar) */
    /*margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 0px;*/
}

.btn-sm {
    /*
    padding: 3px 7px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    */
}
/*
.input-sm {
    height: 25px;
    padding: 3px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
*/

/*
table.scroll tbody,
table.scroll thead { display: block; }

table.scroll tbody {
    height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}
*/

input.disabled, input[disabled] {
    /* copy pasta from btn disable style in buttons.less */
    cursor: not-allowed;
    filter: alpha(opacity=65);
    opacity: .65;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.panel-thin {
    padding: 0px;
}

.form-element-horizontal { /* used on dashboard parameters */
    display: inline;
}

.dashboard-parameters {
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
    padding-bottom: 8px;
}


/* Used for FormPageItem type Text Block - Heading */
.rismans-form-heading {
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #eee;
    margin-top: 10px;
    margin-bottom: 10px;
    display: block;
}

.form-compact .form-group {
    margin-bottom: 4px;
}

.form-compact {
    margin-bottom: 15px;
    font-size: 12px;
}
.form-compact .input-sm {
  height: 24px; /* 30 */
  padding: 8px 10px; /* 5px 10px */
  font-size: 12px; /* 12px */
  line-height: 1.5; /* 1.5 */
  border-radius: 3px; /* 3px */
}
.form-compact select.input-sm {
  height: 24px; /* 30px*/
  line-height: 24px; /* 30px */
}
.form-compact textarea.input-sm, .form-compact select[multiple].input-sm {
  height: auto;
}
.form-compact .control-label {
    padding-top: 4px;
}
.form-compact input[type=checkbox] {
    margin-top: 1px;
}

/* If a form tab has changes... */
.tab-form-changes a {
    font-style: italic;
    /*font-weight: bold;*/
}
.tab-form-changes a:after {
content: " *";
}

/* */
.r-ui-actionbar .input-sm {
  height: 24px; /* 30 */
  padding: 0px 10px; /* 5px 10px */
  font-size: 12px; /* 12px */
  line-height: 1.5; /* 1.5 */
  border-radius: 3px; /* 3px */
}
.r-ui-actionbar select.input-sm {
  height: 22px; /* 30px*/
  line-height: 24px; /* 30px */
}
.r-ui-actionbar textarea.input-sm, .form-compact select[multiple].input-sm {
  height: auto;
}
.r-ui-actionbar .control-label {
    padding-top: 4px;
}
.r-ui-actionbar input[type=checkbox] {
    margin-top: 1px;
}

/* 
    jquery ui datapicker
    Fix for not appearing over menu in some cases
*/
.datepicker-dropdown {
    z-index: 1000000 !important;
}

.grid-cell-editable {
    /*
        background-color: #eee !important;
*/
}

.grid-cell-editable {
    position: relative;
}
.grid-cell-editable:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0; 
    height: 0; 
    display: block;

    border-left:    5px solid transparent;
    border-bottom:  5px solid transparent;
    border-top:     5px solid #aaa;
}


.grid-cell-editable:hover {
    -webkit-box-shadow: inset 0px 0px 0px 1px #bbb;
    -moz-box-shadow:    inset 0px 0px 0px 1px #bbb;
    box-shadow:         inset 0px 0px 0px 1px #bbb;
}

#modelUIResults th { 
    padding: 2px 5px 0px 5px;
    font-size: 12px;
}

.gridUIResults {
    /*border: 1px solid red;*/
}

.gridUIResults th { 
    padding: 2px 5px 0px 5px;
    font-size: 12px;
}

.modal-dialog .modal-body {
    max-height: 75vh;
    overflow: auto;
}

.action-button .modal-title {
    font-size: 12px;
    font-weight: bold;
}
.action-button .modal-header {
    padding: 5px 10px;
}
.action-button .modal-footer {
    padding: 5px 10px;
}

@media (min-width: 768px) {
    .modal-xlg {
        width: 90%;
    }
}

/* Fix to prevent clipping of popover in modal window */
.popover {
    z-index: 9999;
    position: fixed;
}

/****************/
/* Media Queries*/
@media (max-width: 768px) {
    .dashboard-edit-preview-boxes {
        display: none;
    }
    .dashboard-edit-preview-boxes-title {
        display: none;
    }
    .section-widget-box {
        padding-top:5px;
    }
}

@media (max-width: 1110px) {
    .row.dashboard-widget-index-box {
        margin-right:0px !important;
    }
}

/* react-select updates*/
.Select-control {
    height: 24px; /* 26px; */ /*36px*/
}

.Select-placeholder,
.Select--single > .Select-control .Select-value {
    line-height: 24px; /*34px*/
    padding-left: 10px;
    padding-right: 10px;
}

.Select-input {
    height: 22px; /* 24px;*/ /* 34px */
    padding-left: 10px;
    padding-right: 10px;
}

.Select-input > input {
    line-height: 8px; /*10px;*/ /* 14px */
    /* For IE 8 compatibility */
    padding: 4px 0 12px; /*4px 0 12px;*/ /* 8px 0 12px */
}

.Select-clear {
    font-size: 18px;
    line-height: 1;
}
.Select-arrow {
    border-width: 5px 5px 2.5px;
    height: 0;
}
.Select-option {
    padding: 8px 10px;
}
.Select-noresults {
    padding: 8px 10px;
}
.Select--multi .Select-value {
    line-height: 1.4;
    margin-top: 1px;
    margin-bottom: 1px;
}
.Select--multi .Select-value-label {
    padding: 2px 5px;
}
.Select--multi .Select-value-icon {
    padding: 1px 5px 3px;
}
.Select-menu-outer {
    z-index: 99999;
}


.rismans-grid-table-container {
    overflow-y: auto;
}
/*
.gridUIResults {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.rismans-grid-table-container {
    background: lightgrey;
    flex: 1;
}
.rismans-grid-table {

}
*/
/*
.gridUIResults {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.rismans-grid-table {
    flex: 1;
}
*/

/* Fixed grid header work */
/*
.rismans-grid-table {
    width: 100%;
    height: 200px;
}

.rismans-grid-table thead {
    display: block;
    width: 100%;
    overflow: auto;
}

.rismans-grid-table tbody {
    display: block;
    width: 100%;
    overflow: auto;
}
*/

/* Table Frozen Headers and Columns */
.table-frozen-header thead tr:nth-child(1) th {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    border: none;
    z-index: 1;
}

.table-frozen-header thead tr:nth-child(2) th {
    position: -webkit-sticky;
    position: sticky;
    top: 28;
    border: none;
    z-index: 1;
}

.table-frozen-col {
    position: sticky;
    left: 0;
    top: auto;
    background-color: white;
    box-shadow: 0px 0px 0px 1px #ddd;
}

/* Codemirror fold gutters */
.CodeMirror-foldmarker {
    font-family: arial;
}

.CodeMirror-foldgutter {
    width: .7em;
}

.CodeMirror-foldgutter-open,
.CodeMirror-foldgutter-folded {
    color: #555;
    cursor: pointer;
}

    .CodeMirror-foldgutter-open:after {
        content: "\25BE";
    }

    .CodeMirror-foldgutter-folded:after {
        content: "\25B8";
    }