/* CSS Document */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body, html{
	padding:0;
	margin:0;
    font-family: 'Roboto', sans-serif;
	color:#27476e;
	font-weight:400;
}
pre {white-space:normal;}
pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
}
h1{
	font-weight:900;
}
h2,h3,h4,h5,h6{
	font-weight:700;
}
.clear{ height:1px; width:100%; clear:both; }
.col-md-1, .col-md-2,.col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{  float:left; }
.form-group{ overflow:auto; }
#container_inner{
	padding:40px;
	background:#f6f8fa;
}
div.block.page-header{
	padding:20px 40px;
}
.block{ 
	background:#fff; 
	padding:40px; 
	-webkit-box-shadow: 2px 2px 3px 0px rgba(148,143,148,1);
	-moz-box-shadow: 2px 2px 3px 0px rgba(148,143,148,1);
	box-shadow: 2px 2px 3px 0px rgba(148,143,148,1);
}
.well h1, .well h2, .well h3, .well h4, .well h5, .well h6{
	color:#252830;
	margin:0 0 15px 0;
	padding:0;
}
a.add_new .fa, a.add_new .fas, a.add_new .far{
	font-size:24px;
}
.table td, .table th{
	padding:4px 8px;
	font-weight:400;
	color:#001d4a;
}
.popdiv{ position:relative; }
/*********** Login Screen **********/
html.login_html{ height:100%; }
body.login{
	background:url(../images/logo.jpg) top left no-repeat;
	background-size:cover;
	height:100%;
	position:relative;
}
.login .form-control{
	background:rgba(13,34,53,0.7);
	border:0 none;
	border-radius:0;
	box-shadow:none;
	color:#fff;
	font-size:20px;
}
.login .input-group-addon{
	background:rgba(13,34,53,0.7);
	border:0;
	border-radius:0;
	color:#fff;
	box-shadow:none;
	font-size:20px;
}
.login .btn{
	background:#0d2235;
	border:1px solid #0d2235;
	font-weight:normal;
}
.login .left-panel{ background:#fff; }
.login .right-panel{ background:#E76F51; }
.login .container-fluid, .login .row{ height:100%; }
.login #logo{
	position:absolute;
	top:-100px;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	width:600px;
}
.login h1{
	font-weight:300;
	font-size:50px;
	color:#fff;
}
.login #footer{
	position:absolute;
	bottom:0;
	width:100%;
}
.login #entry .fa{ width:45px; }
.login #entry { 
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	width:60%;
	text-align:center;
	height:300px;
}
.login #entry .input-group{ padding:0 100px; }
.popover.fade{ opacity:1}
/*********** Buttons **********/
.btn{ font-weight:300; line-height:1; margin:0 5px 0 0; }

.btn-new{ background:#2A9D8F; color:#fff; border:0 none; }
.btn-new:hover{ background:#258d80; color:#fff; }

.btn-save{ background:#176B97; color:#fff; border:0 none; }
.btn-save:hover{ background:#146087; }

.btn-update{ background:#176B97; color:#fff; border:0 none; }
.btn-update:hover{ background:#146087; }

.btn-pdf{ background:#264653; color:#fff; border:0 none; }
.btn-pdf:hover{ background:#1E3842; }

.btn-publish{ background:#F4A261; color:#36454f; border:0 none; }
.btn-publish:hover{ background:#DB9157; }

.btn-close{ background:#E76F51; color:#fff; border:0 none; }
.btn-close:hover{ background:#CF6348; }

.btn-action{ background:#f9d574; color:#36454f; border:0 none; }
.btn-action:hover{ background:#e0bf68; }

.btn-primary{ background:#0b5bba; color:#fff; border:0 none; }
.btn-success{ background:#2a9d8f; border:0 none; }
.btn-info{ background:#f4a261; border:0 none; }
.btn-default{ background:#001d4a; color:#fff; border:0 none; }
.btn-danger, #btn_delete{ background:#e76f51; color:#fff; border:0 none; }
.btn-warning{ background:#e9c46a; color:#001d4a; }

.tabledit-toolbar .btn-sm .fa, .tabledit-toolbar .btn-sm .fas, .tabledit-toolbar .btn-sm .far{ font-size:0.875rem; }
.tabledit-toolbar .fa, .tabledit-toolbar .fas, .tabledit-toolbar .far{ color:#fff !important; }
.datatable th{ background:#ccd1da; }

#btn_upload_add{ color:#0056b3; }

a[disabled] .fa {
  color: #dddddd !important;
}

.ajax-file-upload-filename{ font-size:11px; }
.ajax-file-upload-statusbar{ float:left; }
/*********** Disabled State **********/
.option_disabled{
	color:#ccc;
	cursor:not-allowed;
}
#logo_container{ border-bottom:1px solid #3b5864; }
#logo{
	width:125px;
	padding:40px 0;
}
#user_info{
	padding:40px 0 5px 0;
	font-size:20px;
}
#user_info h3{
	margin:0;
}
#logout_div{
	padding:35px 0 5px 0;
}
#logout{
	text-transform:uppercase;
	background:#0b3954;
	color:#fff;
	border:1px solid #0b3954;
}
#dashboard{
	background:url(../images/logo_new.png) center center no-repeat;
	background-size:contain;
	min-height:700px;
}
#dashboard #footer{
	position:absolute;
	bottom:0;
	width:100%;
}
#header_inner{
	background:#e76f51;
	padding:20px;
	color:#fff;
}
#header_inner .row{ margin:0; }
#header_inner a{
	color:#fff;
}
.menu li{ border-bottom:1px solid #3b5864; }
.menu a span{ font-weight:300; text-transform:uppercase; }
.menu .fa{ width:25px; text-align:center; }
.page-header{
	padding:20px;
	border:0;
	margin:0 0 15px 0;
}
.page-header h1{
	padding:0;
	margin:0
}
.datatable .fa, .datatable .fas, .datatable .far{
	font-size:18px;
	color:#032C52;
}
.toolbar{ overflow:auto; }
.dataTables_filter{ float:left;	width:45%;	text-align:left !important; }
.dataTables_wrapper{ display:block; }
.dataTables_wrapper th{ padding:8px 10px; font-weight:500; }
.dataTables_wrapper td{ padding:5px 10px; font-weight:300; }
.dataTables_length{	float:right; width:45%;	text-align:right; }
.dataTables_length label{ float:right; }
.dataTables_length select{ margin:0 5px; }
.dataTables_filter label{ float:left; }
.dataTables_filter input.input-sm{ width:300px !important; }
.topTable{ overflow:auto; margin: 20px 0; }
#user_table_wrapper .dataTables_filter label{ width:100%; }
#user_table_wrapper .dataTables_filter input{ width:60%; }
.dataTables_info{
	width:50%;
	float:left;
}
.dataTables_paginate{
	width:50%;
	float:right;
	text-align:right;
}
.pagination{ float:right; }
.pagination li{ margin:0 5px; }
.pagination a{ color:#e76f51; }

.input-group .input-group-addon{ font-weight:500; color: #001d4a; background:#bbb; padding:7px 10px; }
.input-group .form-control{ border-radius:0; }
.ui-datepicker{
	z-index: 99 !important
}
.datatable a.pdf .fa, .datatable a.pdf .fas, .datatable a.pdf .far{
	color:#FF776F;
}
.datatable a.missing .fa, .datatable a.missing .fas, .datatable a.missing .far{
	color:#ced4da;
}
.datatable a.publish .fa, .datatable a.publish .fas, .datatable a.publish .far{
	color:#E9C46A;
}
.datatable a.unpublish .fa, .datatable a.unpublish .far, .datatable a.unpublish .fas{
	color:#2A9D8F;
}
div#alert.alert-dismissable .close, .alert-dismissible .close{
	right: -8px;
}
form hr{
	margin:5px 0;
}
.control-label{
	font-weight:400;
}
.datatable a.edit, .datatable a.edit .fa, .datatable a.edit .fas, .datatable a.edit .far{
	color:#E76F51;
}
.datatable a.delete, .datatable a.delete .fa, .datatable a.delete .far, .datatable a.delete .fas{
	color:#e64759;
}
#colorbox .page-header{
	margin:0 0 15px 0;
	padding:0;
}
#colorbox h2{
	margin:0 0 15px 0;
	padding:0;
}
#colorbox h3{
	margin:0 0 10px 0;
	padding:0;
}

#form_actions .btn{ color:#fff; }
#form_actions .row{ margin-bottom:0; }
#form_actions a, #form_actions #btn_submit, #form_actions #btn_update
{
	margin:0 5px 0 0;
	font-weight:normal !important;
}
#form_actions #btn_publish:after{
	font-family: 'FontAwesome';
	content:"\f0ac";
	font-style: normal;
    font-weight: normal;
	color: #000;
    font-size: 18px;
    padding-right: 50px;
    position: absolute;
    top: 10px;
    left: 0;
	border:1px  solid #000
	
}
#tabs{ border:0 none; }
#tabs .ui-widget-content{ color:#27476e; }
#tabs label.error{ color:#e64759; font-weight:bold; }
input.error, textarea.error, select.error{
	border:1px solid #e64759 !important;
}
label.error{
	color:#e64759;
	font-weight:300;
	font-size:14px;
	margin:0;
}
#actions{
	overflow:auto;
}
.action_btn .fa, .action_btn .far, .action_btn .fas{
	width:25px;
}
#setup_icons #tabs .ui-tabs-panel{
	min-height:450px;
}
/*.action_btn{
	font-family: 'Roboto', sans-serif;
	font-weight:500;
	float:left;
	font-size:18px;
	padding:10px 15px;
	margin:0 0 10px 0;
	width:20%;
}
.circle { 
	width: 150px; 
	height: 150px; 
	-moz-border-radius: 75px; 
	-webkit-border-radius: 75px; 
	border-radius: 75px; 
} 
#setup_icons .form-group{
	overflow:auto;
}
.action_btn .fa{
	font-size:40px;
	margin:0 15px 0 0;
	color:#1ca8dd;
}
.action_btn a{
	color:#333;
}
.action_btn a:hover{
	text-decoration:none;
}*/
/*.weather_icon i{
	display:block;
	font-size:50px;
}
.weather_icon {
    height: 100px;
    padding-bottom: 2em;
    width: 100px;
}
.weather_icon ul{
	margin: 7px 0;
    padding-left: 10px;
}*/
.form-control{ border-radius:0; padding: 4px 8px; }
.form-control-file{ 
	border-radius:0; 
	padding: 4px 8px;
	display: block;
	width: 100%;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.tab-pane{
	padding:30px 0;
}
.navbar-right{
	margin:0;
}
/********* Tabs *********/
#tabs {
	/*border: 0 none;*/
	background:none !important;
	padding:0;
}
#tabs .ui-tabs-panel{
	border-radius:0;
	border:1px solid #708090;
}
#tabs .ui-widget-header {
	border:0 none;
	background:none;
}
#tabs .ui-state-default,
#tabs .ui-widget-content .ui-state-default,
#tabs .ui-widget-header .ui-state-default,
#tabs .ui-button,
#tabs .ui-button.ui-state-disabled:hover,
#tabs .ui-button.ui-state-disabled:active{
	background:#b7bfc7;
	background-image:none;
	border:0 none;
}
#tabs .ui-state-active,
#tabs .ui-tabs-active{
	background:#2a9d8f !important;
	background-image:none;
	border:0 none;
}
#tabs .ui-state-active a,
#tabs .ui-tabs-active a{
	font-weight:bold;
	color:#fff;
	font-weight:400;
}
#tabs h2{
	margin:0 0 15px 0;
	color:#27476e;
}
div#tabs.ui-tabs-vertical .ui-tabs-panel{
	border-left: 1px solid #264653 !important;
}
#tabs label{
	color:#27476e;
}
#tabs th{
	color:#001d4a
}
#tabs .ui-tabs-nav{ padding:0; }
#date_list .btn{ color:#fff; margin:0; border-right:1px solid #fff; }
#date_list .btn:last-child{ border:0 none; }

/**** Vertical Tabs ****/
.ui-tabs-vertical { width: 100%; }
.ui-tabs-vertical .ui-tabs-nav { 
	padding: 0; 
	float: left; 
	width: 20%; 
	font-size:16px;
	font-weight:400;
}
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
.ui-tabs-vertical .ui-tabs-nav li a { display:block; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; }
.ui-tabs-vertical .ui-tabs-panel { 
	padding: 1em; 
	float: right; 
	width: 80%;
}
.user_disabled .fa, a[disabled] .fa, .user_disabled .fas, a[disabled] .fas, .user_disabled .far, a[disabled] .far  {
	color:#ccc;
	cursor:not-allowed;
}
#user_entry fieldset{ margin:0 0 20px 0; }
#user_entry fieldset legend{ margin:0 0 10px 0; }
#image_picker{
	width:250px;
	margin:0 0 15px 0;
}
#image_chooser li{
	width:115px;
	height:140px;
	text-align:center;
	font-size:12px;
}
#image_chooser .thumbnail{ height:100%; }
#image_chooser ul.thumbnails.image_picker_selector{
	overflow:visible;
}
#alert .alert-dismissable .close, #alert .alert-dismissible .close {
    color: inherit;
    /*position: relative;
    right: -10px;
    top: -2px;*/
}
.monthly_summary .ui-datepicker-calendar{ display: none;}
.list-group .form-group{ margin:0; }
.list-group .active a{ color:#fff; }
.list-group-item .row{ margin-bottom:0; }
/*********** Checkbox Buttongroup ************/
#date_list label.btn {
	margin-bottom: 0;
	padding: 0;
	overflow: hidden;
}
#date_list span {
	display: block;
	padding: 10px 15px;
}
#date_list input[type=chekbox], #date_list input[type=radio] {
	display: none;
}
#date_list input:checked + span {
	display: block;
	color: #fff;
	background-color: #285e8e;
}
.blockUI{
	text-align:center;
}
.blockUI .ui-widget-header h3{
	margin:0;
	color:#fff;
}
.blockUI .ui-widget-content{
	color:#333;
	font-size:16px;
}
.blockUI .ui-widget-content .alert{
	margin:5px 0 10px 0;
	padding:8px;
	text-align:left;
	font-size:14px;
}
#forecast_images .thumbnail{
	height:200px;
}
#forecast_images .thumbnail img{
	max-height:120px;
}
#forecast_images .thumbnail .caption{
	font-size:12px;
	height:75px;
	overflow:hidden;
}
.handsontable.listbox td.htDimmed{
	color:#333;
}
#file_queue .fileName{
	color:#333;
}
.handsontable {
    z-index: 0;
}
#tab_images .ui-widget-content a{
	color:#c9302c;
}
#tab_images input[type=file]{
	color:#252830 !important;
	font-style:italic;
}
#footer{
	background:#f4a261;
	padding:20px;
	text-align:center;
	font-size:12px;
	color:#27476e;
}
/*.fixed{
	position:fixed;
	bottom:0;
	left:0;
	width:100%
}
 /* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
input:checked + .slider { background-color: #2196F3; }
input:focus + .slider { box-shadow: 0 0 1px #2196F3; }
input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round { border-radius: 34px; }
.slider.round:before { border-radius: 50%; } 

.setup_icons{
	text-align:center;
}
.setup_icons .fa, .setup_icons .fas, .setup_icons .fab{
	display:block;
	font-size:50px;
}
.setup_icons a{ color:#27476e; }
.setup_icons a:hover{ text-decoration:none; color:#708090; }
.setup_table_icons .fa, .setup_table_icons .fas, .setup_table_icons .fab{ display:block; font-size:30px;}
.setup_table_icons{ text-align:center; color:#27476e; font-size:13px; }
.setup_table_icons a{ color:#27476e; }
.setup_table_icons a:hover{ text-decoration:none; color:#708090; }

.system_variables #alert .alert{ margin:0; }

#breadcrumbs{ margin: 0 0 15px 0; padding:15px 40px; }
#breadcrumbs .breadcrumb{ margin:0; background:none; padding:0; }
#breadcrumbs .breadcrumb a{ color:#27476e; }
.data_btn{ display:block; clear:both; width:100%; margin:0 0 10px 0; }
.btn:disabled { opacity: 0.2; }

.spreadsheet_container{ height:250px; overflow:hidden; }