html, body {
    height: 100%;
}
body 
{
    display: flex;
    flex-direction: column;
    font-size:2rem;
}


.ui-dialog-content.ui-widget-content
{
    background: var(--background_color_1) !important;
}

.main-content
{
    flex: 1 0 auto;
    border-bottom: 1px solid var(--border_color);
}

.rao-title
{
    font-size: 3rem;
    text-transform: uppercase;
}

.current_image
{
    border: var(--border_width) solid grey;
}

.image-title
{
    width:100%;
    font-size:18px !important;
    color:var(--dark_text_color);
    padding:10px;
    margin-bottom:0px;
    border: none;
    font-weight: 300;
    border-bottom: 1px solid grey;
}

.image-footer
{
    width:100%;
    background-color:var(--base_color);

    color:var(--light_text_color);
    margin-bottom:0px;
    padding:10px;
    border: none;
    border-top: 1px solid grey;
}


.image-footer .ui-outputlabel
{
    align-self: center;
}

.image-footer .ui-outputlabel-label
{
    font-size:14px !important;
    color:var(--light_text_color);
}

.input-group
{
    padding:0px !important;
    margin: 0px !important;
    padding-top:5px !important;
    padding-bottom:5px !important;
    width:100%;
}

.input-group-label
{
    font-size:18px !important;
}

.assignments_table
{
    border: 1px solid var(--border_color) !important;
    border-right: none !important;
    border-left: none !important;
}

.assignments_table .ui-datatable-odd
{
    background-color:rgba(0,0,0,0.05) !important;
}

.assignments_table .ui-datatable-even
{
    background-color:rgba(0,0,0,0.03) !important;
}

.noHeader.ui-datatable table thead tr
{
    display: none;
}

.comment-text
{
    width:100%;
    border:none !important;
}

.ui-accordion-content.ui-helper-reset.ui-widget-content
{
    border:none !important;
}

.ui-accordion-header
{
    font-size:18px !important;
    font-weight:normal !important;
}

.sub_title
{
    font-size:18px !important;
}

.ui-selectcheckboxmenu-token-icon.ui-icon.ui-icon-close
{
    display:none !important;
}

.ui-selectcheckboxmenu-token.ui-state-active.ui-corner-all
{
    background:none !important;
}

.ui-menu.ui-menu-dynamic.ui-widget.ui-widget-content.ui-corner-all.ui-helper-clearfix.ui-shadow
{
    border: 1px solid grey;
}

.class_list .ui-panel-titlebar-icon
{

}

.ui-panel-actions
{
    width:100%;
    text-align: end;
}

.ui-accordion-header .title_label
{
    width:100%;
    margin-top:5px;
}

.ui-accordion-header
{
    font-size:18px;
}

.database-header-label
{
    font-size:16px !important;
    font-weight: normal;
}

.ui-column-unselectable
{
    text-align: left;
}

.ui-datatable-even
{
    background-color:rgba(0,0,0,0.05) !important;
}

.ui-datatable-data td[role="gridcell"]:focus, .ui-datatable-data td[role="grid"] [tabindex="0"]:focus
{
    outline: none !important;
    border: none !important;
}

.ui-datatable-data td[role="gridcell"] *:focus
{
    outline: none !important;
    border: 1px solid var(--selected_color) !important;
}

.ui-datatable-data td[role="gridcell"] .ui-selectonemenu *:focus
{
    border: none !important;
}

.ui-datatable
{
    background:white !important;
}

.ui-datatable .ui-datatable-data
{
    border:1px solid var(--border_color) !important;
}

.ui-datatable .ui-datatable-data > tr.ui-expanded-row-content
{
    padding-left:10%;
}

.ui-datatable .ui-datatable-data > tr.ui-expanded-row-content td
{
    background-color:white;
}



body .ui-datatable .ui-datatable-data td
{
    border: none !important;
    text-align: left !important;

}

body .ui-datatable .ui-datatable-data > tr, .ui-datatable thead
{
    border: 1px solid var(--border_color) !important;
}

body .ui-datatable .ui-datatable-data>tr.ui-expanded-row-content
{
    border-left: none !important;
    border-right: none !important;
}

.ui-datatable thead th
{
    border: 1px solid var(--border_color) !important;
    border-left: none !important;
    border-right: none !important;
}


.header-panel
{
    background:blue;
    padding-left:20px;
    padding-right:20px;
    border-bottom:1px solid var(--border_color);
}

.header-panel .input, .header-panel .ui-button
{
    border: 1px solid darkgrey !important;
}
.header-left-panel
{
    display:inline-block;
    width:100%;
}

.header-right-panel
{
    display:inline-block;
    width:100%;
    text-align: right;
}

.header-left-panel .header-sub-panel
{
    width:40%;
    margin-right:10px;
}

.header-left-panel .input
{
    width:40%;
}

body .ui-growl
{
    top: unset;
    bottom: 100px;
    width:50%;
}

.ui-growl-message
{
    width:100% !important;
}

.ui-growl-image
{
    display:none !important;
}

.ui-confirm-dialog
{
    border: 1px solid var(--border_color) !important;
}

.ui-confirm-dialog .ui-dialog-title
{
    font-weight: normal;
}

.ui-selectonemenu
{
    border-radius:0px !important;
}


.ui-selectonemenu-label.ui-inputfield.ui-corner-all
{
    border-radius:0px !important;
    border: none !important;
}

.ui-dialog
{
    border: 1px solid var(--border_color) !important;
}

.ui-dialog-titlebar
{
    background:var(--base_color) !important;
    padding: var(--padding_0) !important;
}

.ui-dialog-title
{
    color:white;
    font-weight:normal;
    font-size:var(--font_size_0) !important;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon
{
    color:white !important;
    background:none !important;
    outline: none !important;
}

.ui-dialog-content
{
    padding-top:var(--padding_0) !important;
}

.error_dialog.error .ui-dialog-titlebar
{
    background:var(--error_color) !important;
}

.error_dialog.success .ui-dialog-titlebar
{
    background:var(--success_color) !important;
}

.ui-dialog.error_dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon
{
    display:none !important;
}

.ui-divider-vertical
{
    width:10px;
}

.header_menu .ui-divider-vertical
{
    height:20px;
    color:white;
}



.input_group
{
    width:100%;
    max-width:500px;
}

.input_group.full-width
{
    width:100%;
    max-width:100000px;
}

.input_group td
{
    padding:0px !important;
    padding-top:10px !important;
}

.input_col
{
    width:100% !important;
    border:none !important;
}

.input_col_1
{
    width:25%;
    height:60px !important;
    vertical-align: middle;
    align-content: center;
    align-items: center;
    align-self: center;

    text-align: left;
    justify-content: left;
    border:none !important;
}

.input_col_2
{
    height:60px !important;
    border:none !important;
    width:75%;
}

.input_col_2 > *
{
    width:100% !important;
}

.input_group .ui-panelgrid-cell
{
}

.ui-panelgrid.ui-widget.input_group td
{
}

.input_group .input_label
{
    margin-right:20px;
}


.full-width.ui-panelgrid-cell > *, .ui-password
{
    width:100%;
}

.footer *
{
    color:white;
}

.footer
{
    flex-shrink: 0;
}

.no-border
{
    border:none !important;
}

.container
{
    max-width:85% !important;
}


.ui-datatable-reflow .ui-expanded-row-content th .ui-column-title
{
    display: revert !important;
}

.header-panel .ui-panelgrid-cell
{
    border:none !important;
}

.ui-sticky {
    top: 70px !important;
}

@media (max-width: 960px)
{
    .ui-sticky {
        top: 110px !important;
    }
}

.loader_container
{
    border:none !important;
}

.assignment_schedule thead, .assignment_schedule .fc-daygrid-body, .assignment_schedule .fc-timegrid-divider
{
    display:none;
}

.ui-panel .ui-panel-content
{
    border:none !important;
    padding:0px !important;
}

.schedule_title_panel .input_label
{
    font-size: 30px;
    font-weight:300;
    text-align: center;
    padding:0px;
}

.schedule_title_panel > .ui-panel-content
{
    display:grid;
    margin-bottom:0px !important;
}
.schedule_title_panel .selection_menu .ui-selectonemenu-label
{
    font-size:30px;
    font-weight:300;
    padding:0px;
    font-style: italic;
}

.schedule_title_panel .selection_menu
{
    width:100%;

}

.schedule_title_panel .selection_menu .ui-selectonemenu-label
{
    text-align: center !important;
}

.schedule_title_panel .ui-panel-content
{
    justify-content: center;
}

.schedule_title_panel
{
    margin-bottom:20px;
}

.fc-bg-event
{
    opacity:1 !important;
}

.fc-event-title
{
    font-size:16px !important;
    font-style: normal !important;
    margin:0px !important;
    margin-left:10px !important;
    margin-top:2px !important;
}

.ui-colorpicker
{
    width:100%;
}

.fc-event.black .fc-event-title
{
    color:black;
}


.assignment_table thead
{
    display:none;
}


body .assignment_table.ui-datatable .ui-datatable-data > tr, .assignment_table.ui-datatable thead, .assignment_table.ui-datatable .ui-datatable-data td
{
    border:none !important;
    padding:0px !important;
    padding-top:5px !important;
}

.assignment_table.ui-datatable .ui-datatable-data
{
    border:none !important;
}
/*
.ui-fileupload-buttonbar
{
    padding:0px !important;
    border:none !important;
    width:100% !important;
}

.ui-fileupload-buttonbar .ui-button
{
    width:100%;
    margin-bottom:10px;
}

.ui-fileupload-content
{
    display:none;
}*/

.ui-menubutton.full-width .ui-button
{
    width:100%;
}

body .ui-tag.ui-tag-success
{
    background: var(--success_color) !important;
}

body .ui-tag
{
    font-size:14px;
    font-weight: normal;
}

.to_print .button_group
{
    display:none !important;
}

.to_print .schedule_title_panel
{
    padding:50px !important;
}

.to_print .ui-g
{
    background:white !important;
}

.ui-state-focus
{
    box-shadow: none !important;
}

.ui-panel-content.ui-widget-content
{
    background:none !important;
}

.no-header.ui-datatable > .ui-datatable-tablewrapper > table > thead
{
    display:none !important;
}

.section_message
{
    font-size:18px !important;
    font-weight: 300;
}

.spacer
{
    width:10px;
}

.tab_container_panel
{

}

.fc-event.fc-timegrid-event.fc-v-event.fc-event-draggable.fc-event-resizable.fc-event-start.fc-event-end
{
    display: flex !important;
    justify-content: left !important;
    align-content: center !important;
    padding-left:10px !important;
    border-width:5px !important;
    border-style: solid !important;
    border-top:none !important;
    border-right:none !important;
    border-left:none !important;
}
.fc-event-main
{
    display:flex;
    align-items: center !important;
    font-size:14px;

}
.fc-event.theme_599
{
    background:var(--class_599_color) !important;
}

.fc-event.theme_598
{
    background:var(--class_598_color) !important;
}


.event_report_title
{
    font-style: italic;
}

.ui-dialog-content
{
    padding:0px;
}

.duedate.success
{
    color:var(--success_color);
}

.duedate.error
{
    color:var(--error_color);
}

.tag
{
    width:100%;
}

#assignmentsTab
{
    background-color:red !important;
}

body .homepage_tabview .ui-badge.ui-badge-danger
{
    min-width:10px !important;
    min-height:10px !important;
    height:16px !important;
    width: 16px !important;
}

.ui-badge-label
{
    font-size:10px;
}

.ui-inputfield
{
    height: var(--default_height);
    padding:0px;
}

.ui-button
{
   
}


.ui-commandlink .ui-outputlabel-label 
{
    cursor:pointer !important;
}


body .ui-button.ui-button-text-only .ui-button-text
{
    padding: .3em 1em;
}

.hbox > .ui-widget
{
    margin-right: 5px !important;
}

.full-width > .ui-widget
{
    width:100%;
}

.ui-spinner-button .ui-icon.ui-c
{
    color:white;
}

.footer-link-menu, .footer-link-menu .ui-button
{
    width:100%;
    height:100%
}

.footer-link-menu .ui-button.ui-widget.ui-state-default.ui-corner-all
{
    background:none !important;
    border:none;
}

.footer-link-menu .ui-button-text.ui-c
{
    color:white;
    text-transform: uppercase;
    font-weight: 100;


}

.footer-link-menu .ui-button.ui-state-hover .ui-button-text.ui-c
{
    background-color:red;
}

.footer-link-menu .ui-button.ui-widget.ui-state-default.ui-corner-all.ui-state-hover
{
    background:none !important;
}

.footer-link-menu .ui-button-icon-left.ui-icon.ui-c.ui-icon-triangle-1-s
{
    display:none;
}

.footer-menu
{
    background-color:var(--base_color) !important;
}

.footer-menu *
{
    background-color:var(--base_color) !important;
}

.footer-menu .ui-menuitem-link .ui-menuitem-text
{
    color:white !important;
}


.footer-menu .ui-menuitem-link.ui-state-hover .ui-menuitem-text
{
    color:red !important;
}

.csc-section
{
    padding:20px;
}

.csc-section.last
{
    border-bottom: 1px solid var(--border_color);
}

.even
{
    background-color:rgb(50,50,50) !important;
}

.even.dark
{
    background-color:rgb(50,50,50) !important;
}

.odd
{
    background-color:rgb(20,20,20) !important;
}

.odd.dark
{
    background-color:rgb(20,20,20) !important;
}

.csc .ui-selectonebutton
{
}



.csc .ui-selectonebutton .ui-button.ui-state-hover  .ui-button-text
{
    color:black;
}

.csc .ui-selectonebutton .ui-button.ui-state-active  .ui-button-text
{
    color:white;
}

.csc-section.ui-accordion-header
{
    justify-content: left;
    margin:0px !important;
    border:none !important;
    border-top: 1px solid var(--border_color) !important;
}

.csc-section .section_sub_title
{
    margin:0px;
}

.csc .ui-accordion-content
{
    padding:0px !important;
}

.csc
{
    margin-top:10px;
}

.properties_panel
{
    padding:var(--padding_0) !important;
}

.properties_panel .ui-panelgrid-cell
{
    padding:0px !important;
}

.properties_title
{
    width:100%;
    border-bottom: var(--border_width) solid var(--border_color);
}

.current .properties_title
{
   
}

.properties_title .ui-outputlabel-label
{
    font-size:var(--font_size_1);
    font-weight: 300;
}

.webcams .properties_field
{
    padding-top:5px;
    padding-bottom:5px;
}

.properties_label *
{
    font-size:var(--font_size_0) !important;
    font-weight: 400;
}

.properties_value *
{
    font-size:var(--font_size_0) !important;
}

.contact-column
{
    padding:10px !important;
    height:100%;
    border: var(--border_width) solid var(--border_color);

}

.clear_sky_button_group .ui-button
{

}

.ui-datepicker-trigger.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only .ui-button-icon-left.ui-icon.ui-icon-calendar
{
    margin-top: -10px !important;
}

body .ui-button.ui-button-text-only .ui-button-text
{
    padding: .3em 1em;
    font-size: var(--font_size_0);
}


body .ui-button.ui-state-active .ui-button-text
{
    color: white !important;
}

body .ui-inputfield
{
   
}

.current .properties_panel
{
    height:100%;
}
.current .properties_title, .resources .properties_title
{
    margin-bottom:var(--padding_0);
}

.properties_value.full-width
{
    width: 100%;
}

.full-width .ui-inputfield
{
    width:100% !important;
}

.full-height .ui-inputfield
{
    height:100%;
}

.full-height
{
    height:100% !important;
}

.full-height-contents .ui-panelgrid-content
{
    height: 100% !important;
}

.full-height-contents .ui-panelgrid-content .ui-g
{
    height: 100% !important;
}

.ui-toggleswitch
{

}

.ui-toggleswitch-handler
{
}

.chart_canvas *
{
    font-size:100px !important;
}

.no-padding .ui-selectonebutton
{
    padding:0px !important;
}

body .ui-button.ui-button-icon-only .ui-icon
{
    margin-left: -0.4rem;
}

.ui-progressbar-value
{
    border-radius: 0px !important;
}

.ui-progressbar
{
    height: 1.5rem !important;
}

.ui-progressbar-label
{
    line-height: 1.5rem !important;
}

.no-trigger .ui-selectonemenu-trigger
{
    display:none !important;
}

.image-stack {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    position: relative;
}

.image-stack__item--top 
{
    grid-column: 1 / -1;
    grid-row: 1;
    z-index: 1;
}

.image-stack__item--bottom 
{
    grid-column: 1 / -1;
    grid-row: 1;
}

.hbox.properties_field
{
    display: flex;
    align-items: flex-start;
}

.hbox.properties_field .properties_label
{
    margin-right: var(--padding_0);
}

.hbox.timelapse-control-panel .ui-button
{
    margin-bottom: var(--padding_0);
    
}

.ui-panelgrid.ui-widget.properties_panel
{
   
}

.ui-button.ui-widget.ui-state-default.ui-button-text-only
{
    background:var(--background_color_1);
}

.ui-button.ui-widget.ui-state-default.ui-button-text-only.ui-state-active
{
    background:var(--selected_color);
}

.ui-button .ui-button-text.ui-c
{
    color:var(--text_color);
}

.ui-selectonebutton.ui-buttonset .ui-button
{
   
}

body .ui-selectonebutton>.ui-button.ui-state-active, body .ui-selectonebutton>.ui-button
{
    border-color:var(--border_color) !important;
}

.body .ui-commandlink, body .ui-link
{
    color: red !important;
}

.timelapse_setting_panel
{
    background-color:var(--base_color) !important;
    border-color: var(--border_color) !important;
    border: 1px solid var(--border_color) !important;
}

.ui-overlaypanel .ui-overlaypanel-close .ui-icon
{
 color:white;   
}

.ui-inputfield.ui-widget.ui-state-default.ui-state-filled.hasDatepicker
{
    width:80%;
    height:100%;
}

.ui-datepicker-trigger.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only
{
    height:100%;
    width:20%;
}