body {
	margin: 0px;
	padding: 0px;
}

.clear {
	clear: both;
}

small {
    font-style: italic;
}

.mandatory {
    font-weight:700;
    color:red;
}

#logo {
    display: block;
}

#logo_mobile {
    display: none;
}

.dataTables_wrapper {
    font-family: tahoma;
    font-size: 13px;
    position: relative;
    clear: both;
    *zoom: 1;
    zoom: 1;
}

.fancybox-slide--iframe .fancybox-content {
    width  : 600px !important;
    height : 600px !important;
    margin: 0;
}

td input[type="text"], td input[type="password"] {
	border: 1px solid #969696;
	padding: 5px;
}

select:not([multiple]) {
	height: 25px;
	border: 1px solid #969696;
}

textarea {
	border: 1px solid #969696 !important;
	/*width: 145px;
	height: 50px;*/
	padding: 5px;
}

textarea.twothird {
	width: 350px;
	height: 100px;
}

textarea.full {
	width: 500px;
	height: 100px;
}

td input.twothird {
	width: 100px !important;
}

td input.half {
	width: 70px !important;
}

td input.quarter {
	width: 35px !important;
}

input[readonly]
{
    background-color: #F0F0F0;
	color: #8C8C8C;
	cursor: default;
}

input[type="number"].form-control.inline,
input[type="text"].form-control.inline,
select.form-control.inline {
    display: inline-block;
}

select.autowidth {
    width: auto;
}

table.reports_table tr td:first-child {
	min-width: 130px;
}

table.reports_table {
	border-collapse: collapse;
}

table.reports_table td {
	border: 1px solid rgba(0,0,0,0.2);
	height: 34px;
}

table.reports_inner_table tr td:first-child {
	min-width: 110px;
}

/*----- Tabs ----- */

.nav-tabs {
    border-bottom: 1px solid rgba(0,0,0,0.5);
}

.nav-tabs li.nav-item {
    border: 1px solid rgba(0,0,0,0.5);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.nav-tabs li.nav-item a {
    color: #000;
}

.nav-tabs li.nav-item a.active {
    font-weight: bold;
}

#report_stickheader {
	width: 100%;
	height: 100px;
	top: 0px;
	position: fixed;
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, .9);
	border-bottom: 1px solid #cccccc;
	-webkit-box-shadow: 10px 0 5px -2px #888;
	box-shadow: 10px 0 5px -2px #888;
	z-index: 1000;
}

#report_fieldscontainer {
	position: relative;
	padding: 0 20px 0 20px;
}

#report_fieldscontainer h2 {
	padding: 10px;
	color: #fff;
	font-size: 12px;
	background: #0068C3;
}

#report_fieldscontainer div.greenbar,
#report_fieldscontainer h2.green {	
	background: #60b332;
}

#report_fieldscontainer div.bluebar,
#report_fieldscontainer h2.blue {	
	background: #0068C3;
}

#report_fieldscontainer div.orangebar,
#report_fieldscontainer h2.orange {	
	background: #ff9900;
}

#report_fieldscontainer div.greenbar,
#report_fieldscontainer div.bluebar,
#report_fieldscontainer div.orangebar {	
    padding: 5px !important;
    color: #fff;
    font-weight: bold;
}

#report_fieldscontainer td {
	vertical-align: top;
}

#report_fieldscontainer td input[type="text"] {
	width: 200px;
	height: 30px;
}

hr,
#report_fieldscontainer hr {
	border: 0px none;
	border-bottom: 5px dotted #D4D4D4;
	width: 50%;
	margin: 20px auto 20px auto;
}

#report_fieldscontainer input[type="text"], #report_fieldscontainer select,
#report_fieldscontainer textarea, #report_stickheader input[type="text"] {
	border-radius: 3px;
	border: 1px solid #D4D4D4;
}

#report_fieldscontainer input[type="text"]:focus, #report_fieldscontainer select:focus,
#report_fieldscontainer textarea:focus, #report_stickheader input[type="text"]:focus {
	border: 1px solid #0068C3;
	box-shadow: 1px 1px 5px #D4D4D4;
}

#report_fieldscontainer input[type="text"].emptyfield,
#report_fieldscontainer textarea.emptyfield {
	border: 2px solid #0068c3 !important;
}

.title_report,
.title_report tr td {
	font-size: 16px;
	vertical-align: top;
}

.title_report tr td textarea {
	width: 90%;
	height: 100px;
}

.reportjumplinks, .reportjumplinks:visited {
	font-size: 16px;
	background: #0068C3;
	color: #fff !important;
	padding: 5px 8px 5px 8px;
	text-decoration: none;
	border-radius: 3px;
}

.reportjumplinks:hover {
	background: #399AEF;
}

.reportjumpanchor {
	margin-bottom: 100px;
}

.billbankinfo {
	line-height: 20px;
}

.billbankinfo span {
	width: 90px;
	display: inline-block;
}

/* Reports Print Version CSS ---- STARTS */

.printversion div.halfcolumn {
	display: inline-block;
	vertical-align: top;
	float: left;
	width: 45%;
	margin: 0 5px 0 0;
}

.printversion div.one-third-column {
	display: table;
	vertical-align: top;
	float: left;
	width: auto;
	margin: 0 5px 0 0;
}

.printversion table tr td table tr td {
	vertical-align: top;
}

.printversion h2 {
	background: #fff !important;
	padding: 5px 10px 0 10px !important;
	color: #000 !important;
	text-align: left;
	font-size: 16px !important;
}

.printversion table.reports_table td[colspan]:not([colspan="1"]) {
	/*border: 1px solid #A5A5A5;*/
}

.printversion #letter {
	text-align: justify;
}

.ittables tr th {
	border-bottom: 1px solid #A5A5A5;
	border-right: 1px solid #A5A5A5;
}

.ittables tr td:last-child, .ittables tr th:last-child {
	border-right: 0px none;
}

table.bill_table {
	border-right: 1px solid #000;
}

table.bill_table tr td {
	border-top: 1px solid #000;
	border-left: 1px solid #000;
}

table.bill_bottom {
	border-bottom: 1px solid #000;
}

table.outline {
	background: #000;
}

table.outline tr td {
	background: #fff;
	text-align: center;
}

table.outline tr td:first-child {
	text-align: left;
}

.pageheader, .pagefooter {
	display: none;
}

.printversion table td table,
.printversion table td table th,
.printversion table td table td {
	border: 1px solid #000;
	border-collapse: collapse;
}

.printversion table.title_report {
    border-collapse: collapse;
}

.printversion table.title_report tr td {
	padding: 5px;
	text-align: justify;
}

.printversion table.title_report tr td h3 {
	margin: 0px;
}

.legal_reports h1, .legal_reports h2, .legal_reports h3, .legal_reports h4, .legal_reports h5, .legal_reports h6,
.legal_reports p, .legal_reports li, .legal_reports td, .legal_reports li, .legal_reports a {
	font-family: Arial, Helvetica, sans-serif !important;
}

.legal_reports p, .legal_reports li, .legal_reports td, .legal_reports li, .legal_reports a {
	font-size: 16px !important;
	text-align: justify !important;
}

.legal_reports table tr th, .legal_reports table tr td, .title_report tr td {
	page-break-inside: avoid;
}

/* Reports Print Version CSS --- ENDS */

#header_cityname {
    float: right;
    font-size: 20px;
    font-weight: 700;
    margin: 40px 0 0 20px;
}

.content-body {
    min-height: 600px;
}

.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link,
a, a:visited {
    color: #434343;
}

.navbar-light .navbar-nav .nav-link:hover,
a:hover {
    color: #434343;
}

.navbar-nav .nav-link {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}

.navbar-light .navbar-nav .nav-link.active {
    font-weight: bold;
    color: #006a9d;
}

ul#main-nav-bar {
    width: 100%;
}

nav.bg-light {
    background-color: #fff !important;
    border-bottom: 4px solid #006a9d;
    box-shadow: 0px 1px 10px #cccccc;
}

li.nav-item {
    text-align: center !important;
    min-width: 100px;
    font-size: 16px;
}

ul.dropdown-menu li.nav-item {
    text-align: left !important;
    border-top: 1px solid #ccc;
}

ul.dropdown-menu li.nav-item:first-child {
    text-align: left !important;
    border-top: 0px none;
}

hr {
    margin-top: 2rem;
    margin-bottom: 4rem;
}

img {
    max-width: 100%;
}

.btn-primary,
.btn-primary:hover {
    border-color: #006a9d;
    background-color: #006a9d;
}

a.btn-primary:visited {
    color: #fff !important;
}

a.btn:visited {
    color: #fff !important;
}

.fa, .fas {
    color: #006a9d;
    display: block !important;
    width: 100% !important;
}

#contentarea {
	padding: 0 20px 20px 20px;
	font: 12px arial, verdana;
	min-height: 400px;
}

#emptycontentarea {
	padding: 0px;
	font: 12px arial, verdana;
	min-height: 400px;
}

#viewleads th {
	background: #E15A00;
	color: #ffffff;
    font: bold 10px arial, verdana;
}

#viewleads td {
	text-align: center;
	height: 15px;
    font: 10px arial, verdana;
}

.remarkbox1, .remarkbox2 {
    width: 435px;
    padding: 10px;
    margin: 5px 0 5px 0;
}

.row1, .remarkbox1 {
	background: #EFF7FC !important;
}

.row2, .remarkbox2 {
	background: #FFFFFF !important;
}

.row3 {
	background: #DEFCCF;
}

.big {
	color: #2E2E2E;
	font: bold 18px arial, verdana;
}

span.redstar {
    color: #ff0000;
    font: bold 12px arial, verdana;
    padding: 0 0 0 5px;
}

.successbox {
	background: #6EA500;
	padding: 10px;
	width: 600px;
	font: bold 14px arial, verdana;
	color: #ffffff;
	margin-bottom: 20px;
}

.errorbox {
	background: #C40000;
	padding: 10px;
	width: 600px;
	font: bold 14px arial, verdana;
	color: #ffffff;
	margin-bottom: 20px;
}

#successbutton {
	background: #6EA500;
	border: 4px outset;
	width: 300px;
	font: bold 14px arial, verdana;
	color: #ffffff;
	cursor: pointer;
	padding: 5px 0 5px 0;
}

#unsuccessbutton {
	background: #C40000;
	border: 4px outset;
	width: 300px;
	font: bold 14px arial, verdana;
	color: #ffffff;
	cursor: pointer;
	padding: 5px 0 5px 0;
}

#submitbutton {
	background: #181818;
	color: #ffffff;
	border: 0px none;
	height: 25px;
	padding-bottom: 3px;
	font: bold 12px arial, verdana;
	 cursor: pointer;
	 border-radius: 5px;
}

#editleadbutton {
	background: url('images/btn_editlead.png') no-repeat;
	width: 104px;
	height: 26px;
	border: 0px none;
	 cursor: pointer;
}

#openleadbutton {
	background: url('images/btn_openlead.png') no-repeat;
	width: 104px;
	height: 26px;
	border: 0px none;
	 cursor: pointer;
}

#viewdetailsbutton {
	background: url('images/btn_viewdetails.png') no-repeat;
	width: 98px;
	height: 23px;
	border: 0px none;
	 cursor: pointer;
}

#lookuprequestbutton {
	background: url('images/btn_requestdetails.png') no-repeat;
	width: 135px;
	height: 23px;
	border: 0px none;
	 cursor: pointer;
}

.viewbutton {
	background: url('images/btn_view.png') no-repeat;
	width: 62px;
	height: 23px;
	border: 0px none;
	 cursor: pointer;
}

.deletebutton {
	background: url('images/btn_delete.png') no-repeat;
	width: 62px;
	height: 23px;
	border: 0px none;
	 cursor: pointer;
}

.deletebutton2 {
	background: url('images/btn_delete2.png') no-repeat;
	width: 98px;
	height: 23px;
	border: 0px none;
	 cursor: pointer;
}

.approvebutton {
	background: url('images/btn_approve.png') no-repeat;
	width: 75px;
	height: 23px;
	border: 0px none;
	 cursor: pointer;
}

.declinebutton {
	background: url('images/btn_decline.png') no-repeat;
	width: 75px;
	height: 23px;
	border: 0px none;
	 cursor: pointer;
}

.btnedit {
	background: url('images/btn_edit.png') no-repeat;
	width: 104px;
	height: 26px;
	border: 0px none;
}

#reports_table div.reportrowhead {
	border: 1px solid #0068AD;
	background: #0068AD;
	border-radius: 4px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	width: 100%;
	margin: 2px 0 0 0;
}

#reports_table div.reportrow {
	border: 1px solid #969696;
	border-top: 0px none;
	border-radius: 0px;
	width: 100%;
	margin: 0px;
}

#reports_table div.reportrow:last-child {
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

#reports_table div.reportrow:hover {
	background: #D6FFDB;
}

div.reportrowhead div,
div.reportrow div {
	display: inline-block;
}

div.reportrowhead div {
	color: #fff;
	font-weight: bold;
}

div.reportrowhead div:first-child, div.reportrowhead div:nth-child(2),
div.reportrow div:first-child, div.reportrow div:nth-child(2) {
	border-right: 1px solid #969696;
	width: 25%;
	margin: 5px;
	text-align: center;
}

div.reportrowhead div:nth-child(3) {
	width: 45%;
	text-align: center;
}

div.reportrow div:nth-child(3) {
	width: 45%;
	text-align: right;
}

div.halfcolumn {
	display: inline-block;
	width: 45%;
	vertical-align: top;
}

div.one-third-column {
	display: inline-block;
	width: 31%;
	vertical-align: top;
}

div.one-third-column-img {
	display: inline-block;
	width: 27%;
	height: 280px;
	vertical-align: top;
	margin: 10px;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 5px;
	text-align: center;
	box-shadow: 2px 2px 5px #888;
}

div.one-third-column-img img {
	width: 100%;
	height: auto;
	max-height: 200px;
	overflow: hidden;
	border-radius: 5px;
	margin: 10px 0 10px 0;
}

.photos_print div.photo h2 {
	text-align: center;
}

.photos_print table tbody tr td {
    vertical-align: top;
    text-align: center;
    font-weight: bold;
}

div.one-third-column-img input[type="text"] {
    width: 145px;
    height: 25px;
    border: 1px solid #969696;
    padding-left: 5px;
}

.legal_reports textarea {
	width: 95%;
	height: 250px;
	display: block;
	float: none;
	font-size: 16px;
}

.legal_reports input[type="text"] {
	height: 25px;
}

.capitalize {
    text-transform: capitalize;
}

.lowercase {
    text-transform: lowercase;
}

#footer {
	background: #E8E8E8;
	border-top: 1px solid #A0A0A0;
	text-align: center;
	padding-top: 10px;
	margin-top: 30px;
}

#footerlinks {
	display: table;
	margin: 0 auto 20px auto;
	text-align: left;
	font-family: arial, verdana;
}

#footerlinks h3 {
	font-size: 14px;
	color: #353535;
	margin: 0 0 10px 0;
}

#footerlinks a {
	font-size: 12px;
}

#footerlinks div {
	float: left;
	width: 150px;
	margin-right: 10px;
}

#footerlinks div.last {
	margin-right: 0px;
}

#copyright {
	text-align: center;
	font: 10px arial, verdana;
	color: #000000;
	padding: 20px 0 10px 0;
}

#copyright a, #copyright a:visited{
	color: #06599D;
	text-decoration: none;
}

#copyright a:hover{
	text-decoration: underline;
}

th, td {
	font-family: arial, verdana;
	/*background: #ffffff;*/
	height: 22px;
}

.followupstable tbody td {
	background: #ffffff;
}

/* Drop Down */

a.dropitem, a.dropitem:visited, div.dropitem
{
	display: block;
	width: 150px;
	/*border: 1px solid #003F78;*/
	padding: 10px;
 	background: #003869;
  	text-decoration: none;
	font: 17px arial, verdana;
 	color: #ffffff;
}

a.dropitem, a.dropitem:visited {
	border-bottom: none;
}

a.dropitem:hover {
	text-decoration: underline;
}

div#dropdown {
	/*border-bottom: 1px solid #003F78;*/
	margin: 10px 0 0 -20px;
	z-index: 100;
}
/* Drop Down */

div.ui-datepicker{
 font-size:10px;
}

#ui-datepicker-div { display: none; }

div.ui-timepicker{
 font-size:10px;
}

#tablelisting tbody td {
	padding: 6px;
}

.subtables {
	background: grey;
}

.subtables th {
	background : #DBF3FC !important;
	color: #000000 !important;
}

.subtables td {
	background : #ffffff !important;
}

.followupstable {
	background: #DFDFDF;
}

.followupstable td {
	font-size: 11px;
	padding: 2px 0 2px 0;
}

.followupstable th {
	background: #181818;
	color: #ffffff;
}

.smalltext {
	font-size: 10px;
}

/* Sortables */
table thead td {
	font-weight:bold;
	cursor:pointer;
	background: #181818;
	text-align: center;
	color: #ffffff;
	text-decoration: underline;
}

.followupstable tbody  td {
	text-align: center;
}

.highlightedColumn {
	background-color:#CCC !important;
}
/* Sortables */

/* Task Result Updates */
.resulttable {
	/*border: 1px solid #DFDFDF;*/
	font-size: 10px;
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	line-height: 2em;
}

.tasklayer, .userlayer {
	font-size: 10px;
	text-align: left;
	padding: 0 0 5px 5px;
	width: 230px;
}

.splinslayer {
	text-align: left;
}

 .resulttable input, .resulttable select, .userlayer select, .tasklayer select, .splinslayer, .splinslayer input {
	font-size: 10px;
}

/* Task Result Updates */

/*Search Bar */
fieldset {
	border: 1px solid #000;
	padding: 5px;
	margin-bottom: 20px;
}

fieldset table,
fieldset table td{
	background:  transparent;
	border-color: #eeeeee;
	text-align: center;
}

/*Search Bar */

/* Pagination */
.pagenumbers {
	margin:0 0 10px 0;
}

.pg-normal {
	font-weight: normal;
	text-decoration: none;
	cursor: pointer;
	border: 1px solid #003869;
	padding: 2px 5px 2px 5px;
	margin: 0px;
	background: #ffffff;
	color: #003869;
}

.pg-selected {
	font-weight: bold;
	text-decoration: underline;
	cursor: pointer;
	border: 1px solid #003869;
	padding: 2px 5px 2px 5px;
	margin: 0px;
	background: #003869;
	color: #ffffff;
}
/* Pagination */

/* Performance Report */

.dashboardbox {
	float: left;
	width: 256px;
	min-height: 200px;
	padding: 10px 0 10px 18px;
	margin-right: 20px;
	border-radius: 5px;
	-webkit-box-shadow: 0 0 10px #C0C0C0;
			box-shadow: 0 0 10px #C0C0C0;
	border: 1px solid #C0C0C0;
}

.firstrow {
	padding-top: 15px;
}

.dashboardbox table tr td {
	font: bold 12px arial, verdana;
	color: #7F7F7F;
}

td.statnums, td.statnums a {
	color: #E04C23 !important;
	text-decoration: underline;
	text-align: center;
	font-size: 16px !important;
	width: 30px;
}

td.statnums:hover {
	cursor: pointer;
}

td.stathead {
	text-align: center;
	font-size: 19px !important;
	padding-bottom: 10px;
	border-bottom: 1px solid #7F7F7F;
}

/* Performance Report */

.btnexporttoexcel {
	background:url(images/btnExportExcel.png) no-repeat;
	width: 98px;
	height: 30px;
	margin: 4px 0 4px 2px;
	border: 0px none;
	cursor: pointer;
}

.red {
	color: #ff0000;
	font-weight: bold;
}

.green {
	color: green;
	font-weight: bold;
}

/* Ajax loading */

#loading {
	text-align: center;
	width: 200px;
	border: 1px solid gery;
	margin: 200px auto;
}

.errorhint {
	font: bold 12px arial, verdana;
	color: #ff0000;
}

.successhint {
	font: bold 12px arial, verdana;
	color: #1C8E26;
}

#success_error_panel { position: fixed; right: 0px; top: 0px; padding: 15px 80px 15px 80px;
 background: transparent; color: #000; z-index: 999999999; font-size: 14px; font-weight: 900; text-align: center;}
#success_error_panel.success { background: #b7ff51; }
#success_error_panel.error { background: #ffb0a0; }

#elecbill_popup { position: fixed; width: 20%; left: 40%;  right: 40%; top: 40%; padding: 15px; border: 2px solid #888;
	background: #fff; color: #000; z-index: 999999999; font-size: 14px; font-weight: 900; text-align: center;}

/* Fees */

.feelayer div.feerow, #storedfees div.feerow {
	display: table;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

.feelayer div.feerow:last-child, #storedfees div.feerow:last-child {
	border-bottom: 1px solid #cccccc;
}

.col1 {
	float: left;
	border-right: 1px solid #cccccc;
	width: 450px;
	height: 20px;
	font: 12px arial, verdana;
	color: #000000;
	padding: 5px 5px 2px 5px;
}

.col2, .col3 {
	float: left;
	width: 120px;
	height: 20px;
	font: 12px arial, verdana;
	color: #000000;
	padding: 5px 5px 2px 5px;
}

.closelink {
	float: right;
	border: 1px solid #cccccc;
	border-radius: 2px;
	padding: 0 2px 0 2px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
}

.closelink:hover {
	background: #000000;
	color: #ffffff;
	border: 1px solid #000000;
	border-radius: 2px;
}

.closelink:visited {
	background: #cccccc;
	color: #000000;
	border: 1px solid #cccccc;
	border-radius: 2px;
}
/* Fees */

/* Tasks */

table.tasks {
	border: 0px none;
	width: 100%;
	text-align: center;
}

table.tasks td {
	border: 1px solid white;
	border-bottom: 1px solid black;
}

.task_active {
	color: #000000;
}

.task_inactive td {
	color: #cccccc !important;
}

td.taskresultcell {
	text-align: left;
	line-height: 30px;
}

td.taskresultcell label {
	display: inline-block;
	width: 80px;
}

td.billpaymentcell {
	text-align: left;
	line-height: 30px;
}

td.billpaymentcell label {
	display: inline-block;
	width: 100px;
}

/* Tasks */

/* Buttons */

.yellowButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fff6af;
	box-shadow:inset 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
	background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
	background-color:#ffec64;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333 !important;
	font-family:arial;
	font-size:14px;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
}
.yellowButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
	background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
	background-color:#ffab23;
}
.yellowButton:active {
	position:relative;
	top:1px;
	color:#333 !important;;
}

.blueButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
	background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
	background-color:#007dc1;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff !important;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	padding:5px 14px;
	text-decoration:none;
}
.blueButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
	background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
	background-color:#0061a7;
}
.blueButton:active {
	position:relative;
	top:1px;
}

.greenButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #9acc85;
	-webkit-box-shadow:inset 0px 1px 0px 0px #9acc85;
	box-shadow:inset 0px 1px 0px 0px #9acc85;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #74ad5a), color-stop(1, #68a54b));
	background:-moz-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
	background:-webkit-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
	background:-o-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
	background:-ms-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
	background:linear-gradient(to bottom, #74ad5a 5%, #68a54b 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#74ad5a', endColorstr='#68a54b',GradientType=0);
	background-color:#74ad5a;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #3b6e22;
	display:inline-block;
	cursor:pointer;
	color:#ffffff !important;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	padding:5px 14px;
	text-decoration:none;
}
.greenButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #68a54b), color-stop(1, #74ad5a));
	background:-moz-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
	background:-webkit-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
	background:-o-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
	background:-ms-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
	background:linear-gradient(to bottom, #68a54b 5%, #74ad5a 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#68a54b', endColorstr='#74ad5a',GradientType=0);
	background-color:#68a54b;
}
.greenButton:active {
	position:relative;
	top:1px;
}

.redButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #cf866c;
	-webkit-box-shadow:inset 0px 1px 0px 0px #cf866c;
	box-shadow:inset 0px 1px 0px 0px #cf866c;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d0451b), color-stop(1, #bc3315));
	background:-moz-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-webkit-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-o-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-ms-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0451b', endColorstr='#bc3315',GradientType=0);
	background-color:#d0451b;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #942911;
	display:inline-block;
	cursor:pointer;
	color:#fff !important;
	font-family:Arial;
	font-size:12px;
	padding:6px 9px;
	text-decoration:none;
	text-shadow:0px 1px 0px #854629;
}
.redButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bc3315), color-stop(1, #d0451b));
	background:-moz-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-webkit-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-o-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-ms-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc3315', endColorstr='#d0451b',GradientType=0);
	background-color:#bc3315;
}
.redButton:active {
	position:relative;
	top:1px;
}

/* Buttons */

/* Calendar */

table.calendar		{ border-left:1px solid #999; }
tr.table-head td { border-top:1px solid #999; border-right:1px solid #999; text-align: center; font-size: 18px; font-weight: bold; padding: 10px;}
tr.calendar-row	{  }
td.calendar-day	{ min-height:80px; font-size:11px; position:relative; } * html div.calendar-day { height:80px; }
td.calendar-day:hover	{ background:#bae4ff; }
td.calendar-day-np	{ background:#eee; min-height:80px; } * html div.calendar-day-np { height:80px; }
td.calendar-day-head { background:#ccc; font-weight:bold; text-align:center; width:80px; padding:5px; border-bottom:1px solid #999; border-top:1px solid #999; border-right:1px solid #999; }
div.day-number		{ position:absolute; right:0; top:0; background:#999; padding:5px; color:#fff; font-weight:bold; width:20px; text-align:center; }
/* shared */
td.calendar-day, td.calendar-day-np { width:80px; padding:5px; border-bottom:1px solid #999; border-right:1px solid #999; }

/* Calendar */

/* -------------- RESPONSIVE CODE -------------- */

@media all and (max-width: 991px) and (min-width: 0px) {

    #report_stickheader {
        display: none;
    }

    #report_fieldscontainer {
        margin-top: 20px !important;
    }

    .navbar-brand {
        margin-right: 0px;
    }
    
    #logo {
        display: none;
    }

    #logo_mobile {
        display: block;
    }

    #header_cityname {
        float: right;
        font-size: 16px;
        margin: 20px 0 0 0;
    }

    .nav-link {
        font-size: 13px;
        padding: 0.5rem;
    }
    
    i.fas {
        display: none !important;
    }

    ul#main-nav-bar {
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
    }

    li.nav-item {
        text-align: left !important;
        border-top: 1px solid #ccc;
    }

    table.dataTable {
        min-width: 1200px;
    }
}