/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

 * { margin: 0; padding: 0; }

html { font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-weight: 400; background: #f4f3f4; }

html.auth_body { background: url("/assets/bg-5fe66b65.jpg") no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
html.auth_body body { padding-top: 100px; }
html.auth_body main { margin: 0 auto 30px; max-width: 300px; background: #FFF; border-radius: 5px; padding: 40px; text-align: center; }

.auth_body h2 { margin-bottom: 30px; }
.auth_body label { display: block; text-align: left; color: #4f4b47; text-transform: uppercase; font-size: 13px; letter-spacing: 0.5px; margin-bottom: 3px; }

.auth_body .field { margin-bottom: 30px; }
.auth_body input[type="submit"] { display: block; width: 100%; }

.auth_body #logo { position: relative; top: auto; left: auto; width: 275px; height: 80px; display: block; background-image: asset_url("/assets/logo-8c996f79.png"); background-size: cover; background-repeat: no-repeat; margin: 0 auto 40px; }

.auth_body .alert, .auth_body .notice { color: red; margin-bottom: 20px; }

.wrapper { position: relative; margin: 0 auto; max-width: 1340px; min-width: 980px; padding-left: 260px; box-sizing: border-box; background: #FFF; border-radius: 5px; overflow: hidden; }
.wrap_inner { position: relative; margin: 0 auto; max-width: 1340px; min-width: 980px; }

header { position: relative; background: #1d1e28; padding: 0 20px; z-index: 10; }
header .wrap_inner { height: 100px; }

#logo { position: absolute; top: 10px; left: 0; width: 275px; height: 80px; display: block; background-image: url("/assets/logo-8c996f79.png"); background-size: cover; background-repeat: no-repeat; }

nav { position: relative; position: absolute; top: 30px; right: 2px; }

nav > ul { list-style: none; text-align: right; }
nav > ul > li { position: relative; display: inline-block; font-weight: 500; font-size: 16px; margin-left: 36px; }
nav > ul > li > a { display: block; vertical-align: top; padding: 10px 0; }

nav a:link, nav a:visited { color: #FFF; text-decoration: none; }
nav a:hover, nav a:active, nav .active:link, nav .active:visited { color: #ffc943; text-decoration: none; }

nav > ul > li img { display: inline-block; width: 50px; height: 50px; vertical-align: top; margin-top: 5px; margin-left: 25px; border-radius: 25px; }

nav > ul > li ul { position: absolute; top: 100%; left: 50%; margin-left: -90px; width: 180px; background: #3b404d; border-radius: 4px; text-align: left; list-style: none; font-size: 14px; display: none; box-shadow: 0 0 5px rgba(0,0,0,0.3);  }

nav > ul > li ul:after { content: ""; position: absolute; top: -5px; left: 50%; margin-left: -7px; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 6px solid #3b404d; }

nav > ul > li li { border-bottom: 1px solid rgba(255,255,255,0.1); margin: 0; }
nav > ul > li li:last-child { border: none; }
nav > ul > li li a { display: block; line-height: normal; padding: 10px 12px; }

nav li:hover ul { display: block; }

main { margin-bottom: 50px; }

/******* Page Headers *******/

.page_header { position: relative; box-shadow: 0 2px 2px rgba(0,0,0,.2); margin-bottom: 40px; padding: 30px 20px 30px; background: #3b404d; }
.page_header_dashboard { margin-bottom: 0; }

.page_title h1 { position: relative; color: #ffc943; font-size: 32px; font-weight: 400; margin: 0; width: 50%; }
.page_title h1 span { font-weight: 400; margin-left: 6px; }

.page_util_nav { position: absolute; top: 0; right: 0; width: 50%; text-align: right; font-size: 16px; font-weight: 400; z-index: 2; }
.page_util_nav > li { position: relative; display: inline-block; vertical-align: top; margin-left: 30px; }
.page_util_nav li a { display: inline-block; line-height: 40px; padding-left: 28px; }
.page_util_nav a:link, .page_util_nav a:visited { color: #ffc943; text-decoration: none; }
.page_util_nav a:hover, .page_util_nav a:active { color: #ffc943; text-decoration: none; }

.util_btn_new a { background-image: url("/assets/new-3ee4a599.svg"); background-size: 24px; background-repeat: no-repeat; background-position: center left; }
.util_btn_back a { background-image: url("/assets/arrow-left-eed68a86.svg"); background-size: 24px; background-repeat: no-repeat; background-position: center left; }
.util_btn_filter { background-image: url("/assets/icon_filter-93cff2d4.png"); background-size: 24px; background-repeat: no-repeat; background-position: center left; }

/*
.util_btn_edit { background-image: url("icon_pencil.png"); background-size: 30px; background-repeat: no-repeat; background-position: center left; }
.util_btn_export { background-image: url("/assets/icon_export-e6fa7968.png"); background-size: 30px; background-repeat: no-repeat; background-position: center left; }
*/

.page_util_nav form { display: inline-block; vertical-align: top; height: 40px; width: 200px; border-radius: 10px; }
.page_util_nav form input[type="submit"] { display: inline-block; vertical-align: top; border-radius: 9999px; padding: 8px 0; width: 200px; border: none; background-color: #fec800; color: #FFF; font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B"; font-style: normal; font-weight: 400; font-size: 17px; outline: none; -webkit-appearance: none; margin-top: 2px; display: none; }
.page_util_nav form input[type="text"] { background-color: #F5F5F5; border: none; width: 200px; font-family: 'Source Sans Pro', sans-serif;  font-style: normal; font-weight: 400; font-size: 16px; color: #4f4b47; outline: none; -webkit-appearance: none; border-radius: 9999px; padding: 10px 18px 10px 37px; box-sizing: border-box; margin: 0; background-image: url("/assets/search-391a3553.svg"); background-position: 9px center; background-size: 24px; background-repeat: no-repeat; }

.search_toggle { display: none; }

/******* Filters *******/

.filter_toggle > ul { position: absolute; top: 100%; left: 50%; width: 200px; margin-left: -100px; background: #1d1e28; text-align: left; list-style: none; font-size: 14px; font-weight: 500; box-shadow: 0 0 5px rgba(0,0,0,0.3); display: none; }
.filter_toggle > ul:after { content: ""; position: absolute; top: -5px; left: 50%; margin-left: -7px; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 6px solid #1d1e28; }
  
.filter_options { list-style: none; margin: 0; }
.filter_options li { display: block; border-top: 1px solid #666; padding: 12px; }
.filter_options li:first-child { border: none; }
.filter_options h3 { font-size: 12px; text-transform: uppercase; color: #FFF; margin-bottom: 8px; }

/* Status */

.filter_status { list-style: none; }
.filter_status li { padding: 0; border: none; margin-bottom: 4px; }
.filter_status input[type="radio"] { position: relative; top: 1px; }
.filter_status label { display: inline-block; font-size: 15px; color: #FFF; line-height: 15px; margin-left: 3px; }

/* Inspection Date */

.filter_date label { display: block; font-style: normal; font-size: 14px; color: #FFF; margin-bottom: 3px; }
.filter_date input[type="text"] { font-size: 14px; outline: none; -webkit-appearance: none; border-radius: 5px; padding: 6px; margin: 0 0 6px 0; }

#apply_filter { display: inline-block; border-radius: 5px; width: 100%; box-sizing: border-box; text-align: center; padding: 10px 44px; border: none; background: #ffc943; color: #FFF; font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-weight: 500; font-size: 14px; outline: none; -webkit-appearance: none; line-height: normal; margin: 12px 0 0 0; }

#filter_reset { display: inline-block; border-radius: 5px; width: 100%; box-sizing: border-box; text-align: center; padding: 10px 44px; border: none;background: rgb(59, 64, 77); color: #FFF; font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-weight: 500; font-size: 14px; outline: none; -webkit-appearance: none; line-height: normal; margin: 12px 0 0 0; }
#filter_reset:hover { background: rgb(59, 64, 77); }


.page_body { position: relative; margin: 0 auto; max-width: 1340px; min-width: 980px; padding: 0 20px; }

/* TABLES */

table { width: 100%; color: #3b404d; font-size: 15px; font-weight: 400; border-collapse: collapse; }
table.table_fixed { table-layout: fixed; }

.col_wide { width: 340px; }
.col_narrow { width: 90px; }

th { position: relative; padding: 0 12px 15px; text-align: left; vertical-align: top; border-bottom: 1px solid #f4f3f4; color: #4f4b47; text-transform: uppercase; font-size: 13px; letter-spacing: 0.5px; }

td { position: relative; padding: 12px; text-align: left; vertical-align: middle; background: #FFF; border-bottom: 1px solid #f4f3f4; line-height: normal; border-right: 1px solid #f4f3f4; }

td:last-child { border-right: none; }

tr:hover td { background: #fefaf0; }

table a:link, table a:visited { color: #ffc943; text-decoration: none; }
table a:hover, table a:active { color: #ffc943; text-decoration: underline; }

.centered_col { text-align: center; }
.narrow_col { width: 70px; }
.sortable { cursor: move; }


/* FORMS */

.form_sections { margin: 0 0 20px; }

.form_section { margin-bottom: 50px; }
.form_section h2 { position: relative; padding: 0 70px 0 12px; text-align: left; font-size: 24px; font-weight: 400; color: #3b404d; cursor: pointer; -webkit-user-select: none; margin-bottom: 16px; } 

/* .form_section h2:after { content: ""; display: block; position: absolute; top: 0; bottom: 0; right: 0; width: 70px; background-image: url("arrow_down.svg"); background-position: center 60%; background-size: 22px; background-repeat: no-repeat; transform: rotate(180deg); } */

.form_section h2:hover { }

.form_section_fields { background: #FFF; border-radius: 5px; margin-bottom: 20px; }

.collapsed .form_section_fields { display: none; }
.collapsed h2:after { transform: none; }

form table { width: 100%; color: #3b404d; font-size: 15px; border-collapse: collapse; }

form th { position: relative; padding: 15px 0 10px 12px; text-align: left; vertical-align: top; color: #4f4b47; text-transform: uppercase; font-size: 13px; }

form td { padding: 12px 0 12px 12px; background: none; border-right: none; }
form td:last-child, form th:last-child { padding-right: 12px; }
form tr:last-child td { border: none; }

form tr:hover td { background: none; }

form label { display: block; font-weight: 600; padding: 0 2px; }



/* RADIO BASED DROP DOWNS */

form td.radio_cell { position: relative; vertical-align: top; }

.radio_cell .radio_panel { position: absolute; top: 48px; left: 12px; right: 0; display: none; background: #F5F5F5; box-shadow: 0 2px 2px rgba(0,0,0,.2); z-index: 100; }

.radio_toggle { position: absolute; top: 12px; right: 0; left: 12px; height: 44px; background-image: url("/assets/chevron-down-c11f3dad.svg"); background-position: right 5px bottom 50%; background-size: 24px; background-repeat: no-repeat; }

.radio_open .radio_panel { display: block; }

.radio_panel ul { list-style: none; }
.radio_panel li { background: #F5F5F5; border-bottom: 1px solid #DDD; }
.radio_panel li:last-child { border: none; }

.radio_panel li input[type="radio"] { display: none; }
.radio_panel li label { display: block; padding: 8px 10px; cursor: pointer; font-weight: 400 !important; font-size: 14px !important; color: #4f4b47; }

.radio_panel li label:hover, .radio_panel input[type="radio"]:checked + label { background: #EEE; }

.radio_cell span { display: block; background: #F5F5F5; width: 100%; font-size: 16px; color: #4f4b47; outline: none; -webkit-appearance: none; border-radius: 3px; padding: 12px 40px 12px 12px; box-sizing: border-box; line-height: normal; }


.table_main .radio_cell span { padding: 12px 40px 12px 16px; font-size: 16px; }
.table_main .radio_toggle { height: 44px; }
.table_main .radio_panel li label { padding: 8px 16px; font-size: 16px !important; }

.locked_value { display: block; background: #F5F5F5; width: 100%; font-size: 14px; color: #4f4b47; outline: none; -webkit-appearance: none; border-radius: 3px; padding: 10px 40px 10px 10px; box-sizing: border-box; line-height: normal; }

.add_action_cell { padding-left: 14px; }

.add_action_cell a { display: inline-block; font-size: 14px; }

.add_action_cell a:link, .add_action_cell a:visited { color: #ffc943; text-decoration: underline; }
.add_action_cell a:hover, .add_action_cell a:active { color: #ffc943; text-decoration: none; }

.remove_col { width: 70px; text-align: center; }
.destroy_checkbox input { display: none; }

.destroy_checkbox label { display: inline-block; width: 44px; height: 44px; background: #F5F5F5; border-radius: 3px; background-size: 28px; background-repeat: no-repeat; background-position: center center; text-indent: -9999px; padding: 0; cursor: pointer; }


.destroy_checkbox input[type="checkbox"] + label {   }
.destroy_checkbox input[type="checkbox"]:checked + label { background-image: url("/assets/x-216bfa1b.svg"); background-color: pink; }



.index_cell { width: 10px; text-align: left; }
.index_cell span { display: inline-block; 

    width: 10px;
    
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    color: #4f4b47;

    padding: 12px 6px; line-height: normal; }

input[type="text"], input[type="password"], input[type="email"], input[type="number"] { background: #F5F5F5; border: none; width: 100%; font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-weight: 400; font-size: 16px; color: #4f4b47; outline: none; -webkit-appearance: none; border-radius: 3px; padding: 12px 16px; box-sizing: border-box; margin: 0; }


table textarea { background: #F5F5F5; border: none; width: 100%; font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B"; font-style: normal; font-weight: 500; font-size: 14px; color: #4f4b47; outline: none; resize: none; height: 200px; outline: none; -webkit-appearance: none; border-radius: 15px; padding: 18px; box-sizing: border-box; }

.form_section_notes textarea { height: 100px; }

.actions { text-align: right; margin-bottom: 20px; }

.administrator_column_avatar img { display: inline-block; width: 20px; height: 20px; vertical-align: top; border-radius: 10px; margin-right: 8px;}

.add_locations { display: inline-block; font-weight: 600; background: #ffc943; border-radius: 5px; padding: 6px 24px; border: none; margin-left: 15px; }

.add_locations:link, .add_locations:visited { color: #4f4b47; text-decoration: none; }
.add_locations:hover, .add_locations:active { color: #4f4b47; text-decoration: none; }



/* Table Buttons */

.edit_button { display: inline-block; vertical-align: top; width: 24px; height: 24px; background-image: url("/assets/edit-8df35dd7.svg"); background-size: cover; background-repeat: no-repeat; }

.delete_button { display: inline-block; vertical-align: top; width: 24px; height: 24px; background-image: url("/assets/x-216bfa1b.svg"); background-size: 24px; background-repeat: no-repeat; background-position: center center; opacity: 0.6; }

.delete_button:hover { opacity: 1; }

.delete_button_round3D { display: inline-block; vertical-align: top; width: 24px; height: 24px; background-image: url("/assets/x_round3D-9ab6b36e.jpeg"); background-size: 24px; background-repeat: no-repeat; background-position: center center; opacity: 0.6; }

.delete_button_round3D:hover { opacity: 1; }

.calendar_button { display: inline-block; vertical-align: top; width: 24px; height: 24px; background-image: url("/assets/calendar-35b5f06e.png"); background-size: cover; background-repeat: no-repeat; }

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #CCC;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #CCC;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #CCC;
}
:-moz-placeholder { /* Firefox 18- */
  color: #CCC;
}

.twitter-typeahead { display: block !important; }
.tt-menu { left: 0px !important; right: 0px !important; background: #F5F5F5; box-shadow: 0 2px 2px rgba(0,0,0,.2); }
.tt-suggestion { padding: 10px 20px; cursor: pointer; border-bottom: 1px solid #DDD; }
.tt-suggestion strong { font-weight: normal; background: #fec800; }

.tt-suggestion:last-child { border: none; }

input[type="submit"] { display: inline-block; border-radius: 5px; padding: 10px 44px; border: none; background: #ffc943; color: #4f4b47; font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-weight: 600; font-size: 16px; outline: none; -webkit-appearance: none; }


/* REPORTS */


.report_sections { margin: 0 0 30px; }

.report_section { background: #FFF; border-radius: 5px; margin-bottom: 40px; width: 100%; overflow: hidden; }

.report_racking_area_header { position: relative; }
.report_racking_area_header h2 { position: relative; padding-left: 18px; line-height: 48px; text-align: left; font-size: 22px; font-weight: 400; color: #4f4b47; -webkit-user-select: none; width: 50%; } 

.report_racking_area_switch { position: absolute; bottom: 0; right: 12px; list-style: none; z-index: 1; }
.report_racking_area_switch li { display: inline-block; border-radius: 5px 5px 0 0; padding: 14px 48px 10px; cursor: pointer; color: #4f4b47; background: #F8F8F8; border-bottom: 2px solid #F5F5F5; }
.report_racking_area_switch li.active { background: #FFF; color: #ffc943; border-bottom: 2px solid #FFF; }

.report_details_table td { font-size: 17px; }
.report_details_table th, .report_findings_table th { padding-top: 16px; padding-bottom: 10px; }

.report_findings_table td { vertical-align: top; }
.report_findings_table .notes { color: #737474; font-style: italic; }
.report_findings_table .notes:before { content: '\021B3'; margin-right: 10px; }

.report_findings_map, .report_findings_list { display: none }
.report_findings_map.active, .report_findings_list.active { display: block; }


.report_explanation { padding: 0 18px; }
.report_explanation h3 { font-size: 22px; font-weight: 400; color: #4f4b47; margin-bottom: 16px; }
.report_explanation p { font-size: 15px; font-weight: 400; color: #3b404d; line-height: 140%; margin-bottom: 24px; }


/*
.collapsed .report_section_content { display: none; }
.collapsed h2:after { transform: none; }
*/


/*

.report_section_column { box-sizing: border-box; padding: 24px 24px 2px 24px; }

.column_full { width: auto; }
.column_half { float: left; width: 50%; }


.report_section table { width: 100%; color: #3b404d; font-size: 15px; border-collapse: collapse; }

.report_section th { position: relative; padding: 18px 0 12px 12px; text-align: left; vertical-align: top; color: #4f4b47; text-transform: uppercase; font-size: 13px; }

.report_section td { padding: 16px 0 13px 12px; background: none; border-right: none; }

.report_section th:first-child, .report_section td:first-child { padding-left: 24px; }
.report_section th:last-child, .report_section td:last-child { padding-right: 24px; }

.report_findings_list tr:hover td { background: #F9F9F9; }
*/


.priority_red .priority { color: #ff5c55 !important; }
.priority_orange .priority { color: #f89d34 !important; }
.priority_green .priority { color: #66c549 !important; }

.findings_key { margin-bottom: 24px; border-top: 1px solid #f4f3f4; }
.findings_key .priority { padding-left: 18px; }

.resolve_checkbox input { display: none; }
.resolve_checkbox label { display: inline-block; width: 22px; height: 22px; background: #F5F5F5; border-radius: 2px; background-size: 20px; background-repeat: no-repeat; background-position: center center; text-indent: -9999px; padding: 0; cursor: pointer; }
.resolve_checkbox input[type="checkbox"]:checked + label { background-image: url("/assets/icon_tick-a7a9ce46.png"); background-color: #f2fdf3; }

/* DASHBOARD */

.dashboard_body { padding-top: 20px; }
.dashboard_widget_grid { display: grid; grid-template-columns: repeat(12, 1fr); grid-template-rows: repeat(3, 1fr);  grid-gap: 20px; height: 630px; }

.dashboard_widget { position: relative; background: #FFF; border-radius: 4px; overflow: hidden; }

.dashboard_widget_activity { margin-bottom: 20px; }
.dashboard_widget_priorities { grid-column: 4 / 9; grid-row: 1 / 2;  }
.dashboard_stat_3 { grid-column: 1 / 4; grid-row: 1 / 2;  }
.dashboard_stat_1 { grid-column: 9 / 11; grid-row: 3 / 4;  }
.dashboard_stat_2 { grid-column: 11 / 13; grid-row: 3 / 4;  }
.dashboard_map { grid-column: 9 / 13; grid-row: 1 / 3; } 
.dashboard_list_1 { grid-column: 1 / 5; grid-row: 2 / 4;  }
.dashboard_list_2 { grid-column: 5 / 9; grid-row: 2 / 4;  }

#dashboard_activity { height: 152px; box-sizing: border-box; margin: 0 25px; }
#dashboard_activity svg text { fill: #737474; font-weight: 600; font-size: 12px; font-family: 'Source Sans Pro', sans-serif;}

@media only screen and (max-width: 1300px)  { .dashboard_widget_activity { display: none; } }

.dashboard_widget_priorities h2 { margin-bottom: 13px; }

#dashboard_graphic { height: 120px; margin: 0 25px 25px; box-sizing: border-box; } /* 440px max width */

#dashboard_graphic svg {  }

#dashboard_graphic svg rect { stroke: #FFF; stroke-width: 2; rx: 4; }

.Red_bar { fill: #feecec; }
.Orange_bar { fill: #fefaf0; }
.Green_bar { fill: #eefeec; }
.Recommendation_bar { fill: #F8F8F8; }

.Red_text { fill: red; font-weight: 600; font-size: 14px; }
.Orange_text { fill: orange; font-weight: 600; font-size: 14px; }
.Green_text { fill: green; font-weight: 600; font-size: 14px; }
.Recommendation_text { fill: #737474; font-weight: 600; font-size: 14px; }
/* #dashboard_graphic svg text { fill: #FFF; font-weight: 600; font-size: 14px; } */


#dashboard_map { height: 367px; }

.mapboxgl-popup-content { color: #4f4b47; border-radius: 4px !important; padding: 3px 10px !important; text-align: center; font-family: 'Source Sans Pro', sans-serif; font-size: 13px; font-weight: 500; }

.mapboxgl-popup-content em { font-weight: 600; font-style: normal; color: #4f4b47; }

.mapboxgl-popup-anchor-bottom > .mapboxgl-popup-tip { border-width: 8px !important; }


.dashboard_widget h2 { border-bottom: 1px solid #f4f3f4; padding: 15px 25px 11px; text-align: left; vertical-align: top; color: #4f4b47; text-transform: uppercase; font-size: 13px; letter-spacing: 0.3px; }

.dashboard_stat h2 { text-align: center; }
.dashboard_stat em { display: block; text-align: center; font-style: normal; font-size: 50px; font-weight: 600; padding: 30px 25px 0; color: #ffc943; line-height: normal;  }
.dashboard_stat p { display: block; text-align: center; font-style: normal; font-size: 15px; font-weight: 600; padding: 0 25px; color: #4f4b47; }

.dashboard_list ul { list-style: none; font-size: 15px; font-weight: 400; margin: 0 25px; }
.dashboard_list li { border-bottom: 1px solid #f4f3f4; }
.dashboard_list li:last-child { }
.dashboard_list li a { position: relative; display: block; padding: 7px 30px 7px 0; }
.dashboard_list li em { position: relative; display: block; padding: 7px 30px 7px 0; color: #737474; font-style: normal; }
.dashboard_list li a span, .dashboard_list li em span { display: block; position: absolute; right: 0; bottom: 8px; color: #ffc943 !important; font-weight: 600; }

.dashboard_widget_priorities h2 { margin-bottom: 0; }
.dashboard_widget_priorities ul { list-style: none; }
.dashboard_widget_priorities li { display: inline-block; vertical-align: top; width: 33.3333%; border-right: 1px solid #f4f3f4; box-sizing: border-box; height: 154px; }
.dashboard_widget_priorities li:last-child { border: none; }
.dashboard_widget_priorities em { display: block; text-align: center; font-style: normal; font-size: 50px; font-weight: 600; padding: 30px 25px 0; color: #ffc943; line-height: normal;  }
.dashboard_widget_priorities p { display: block; text-align: center; font-style: normal; font-size: 15px; font-weight: 600; padding: 0 25px; color: #4f4b47; }
.priority_red em { color: #ff5c55; }
.priority_orange em { color: #f89d34; }
.priority_green em { color: #66c549; }

.dashboard_stat_3 { }
.dashboard_stat_3 ul { list-style: none; }
.dashboard_stat_3 li { display: inline-block; vertical-align: top; width: 50%; box-sizing: border-box; height: 154px; }

.dashboard_list a:link, .dashboard_list a:visited { color: #737474; text-decoration: none; }
.dashboard_list a:hover, .dashboard_list a:active { color: #ffc943; text-decoration: none; }

.dashboard_list li.overdue span { color: #ff5c55 !important; }
.dashboard_widget_small { position: absolute; bottom: 14px; left: 0; right: 0; font-size: 12px; color: #4f4b47; padding: 0 25px; text-align: right; font-style: italic;
}

tr.overdue td.days { color: #ff5c55 !important; }

.display_access_list { list-style: none; padding: 20px; }
.display_access_list li { display: inline-block; vertical-align: top; width: 30%; color: #4f4b47; font-size: 15px; font-weight: 400 !important; }

.display_access_list input { display: none; }

.display_access_list label { position: relative; display: block; height: 40px; line-height: 40px; padding: 8px 12px 8px 50px; cursor: pointer; }

.display_access_list label:before { position: absolute; top: 50%; margin-top: -20px; left: 0; display: block; width: 40px; height: 40px; background-color: #F5F5F5; border-radius: 20px; background-size: 28px; background-repeat: no-repeat; background-position: center center; content: ""; }

.display_access_list input[type="checkbox"]:checked + label { }
.display_access_list input[type="checkbox"]:checked + label:before { background-image: url("/assets/icon_tick-a7a9ce46.png"); }

.tip { font-size: 15px; font-style: italic; color: #4f4b47; margin: 0 20px; }

.pagination { padding: 30px; text-align: center; font-size: 15px; color: #3b404d; }
.pagination a:link, .pagination a:visited { color: #3b404d; text-decoration: underline; }
.pagination a:hover, .pagination a:active { color: #3b404d; text-decoration: none; }



/* Notices, Tips and Errors */

#error_explanation { background: #fdd9d0; border-radius: 2px; padding: 20px; margin-bottom: 30px; color: red; }
#error_explanation h2 { margin-bottom: 16px; font-weight: 600; }
#error_explanation ul { margin: 0 0 0 24px; font-size: 18px; } 

th .field_with_errors { color: red; }
td .field_with_errors { display: inline; }

.admin_ui_tip { background: #F8F8F8; padding: 20px; margin-bottom: 30px; font-size: 14px; color: #999; } 

footer { margin: 0 auto; max-width: 1340px; min-width: 980px; text-align: center; font-size: 13px; padding: 0 30px 50px; color: #4f4b47; }

.auth_body footer { color: #FFF; }

.current_user_info { background: #1d1e28; color: greenyellow; font-family: 'Courier New', Courier, monospace; font-size: 14px; padding: 20px; display: none; }

.small-image {
  width: 90px;
  height: 90px;
  cursor: pointer; /* Add a pointer cursor to indicate clickability */
}
 .thumb-image {
   width: 30px;
   height: 30px;
   cursor: pointer; /* Add a pointer cursor to indicate clickability */
 }
 .schedule_done {
  color: #1c5a09;
}
 .schedule_open {
  color: #66c549;
 }
 .schedule_completed {
  color: #DDD;
 }
 .schedule_overdue {
  color: #cf1212;
 }

 .schedule_break
 {display:block; height: 1px; border:0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
 .simple-calendar {
  width: 100%;
  text-align: center;
}

.calendar-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1em;
}

.calendar-title {
  font-size: 1.5em;
  font-weight: bold;
}

.table {
  border-collapse: collapse;
}

.table th, .table td {
  border: 1px solid #ddd;
  padding: 8px;
  box-shadow: inset 0px 0px 3px #000;
  font-weight: bold;
}

.table th {
  background-color: #f89d34;
  color: white;
  text-align: center;
}
.table td.today {
  background-color:  #e1dbdb;
  font-weight: bold;
  border: 1px solid #ccc;
}
.table td {
  background-color: whitesmoke;
}
.calendar-prev-link,
.calendar-next-link {
  color: #afa34c;
  font-weight: bold; 
}
.page_body form input[type="submit"] {
  cursor: pointer;
}

form input[type="submit"]:disabled {
  cursor: default;
  opacity: 0.5;
  filter: grayscale(100%);
}