c:before{content:" "}
c{color:red}
.navbar{padding-left:35px;padding-right:35px;background-color:#fff}
.container-fluid{margin-top:35px}

.menu-bar{width:280px;max-height:100%;min-height:100%;position:absolute;background-color:#CCC;top:0;left:0;overflow-y:auto;border-right:1px solid blue}

.menu-image{margin:0 auto;margin-top:10px;width:224px;height:80px;background-image:url();background-size:contain;background-position:center;background-repeat:no-repeat}
nav > hr{margin:5px}
h2{font-family:Tahoma,Geneva,sans-serif;margin-top:10px}
.split{margin:10px 0}
.menu-title{margin:0;padding:0;text-decoration:underline}
.submenu{display:none;list-style:none; width:100%;padding:0; padding-bottom:5px;}
.submenu-item{margin:5px 0;cursor:pointer;padding:0px 15px; padding-left:35px;}
.submenu-item:hover{background-color:#DCDCDC}
.submenu-item-highlight:before{content:" "}
iframe{width:100%;height:100%}
.container{width:100%;height:100%}
.menu-toggle.open { left:245px; }
.menu-toggle:not(.open) { left:5px; }
.menu-toggle span { font-size:20px; line-height:36px; top:-1px !important;}
.menu-toggle{position:absolute;top:5px;cursor:pointer;background-color:#fff;width:36px; height:36px;border:1px solid blue;z-index:2;text-align:center; box-sizing: border-box; background-size:60% 60%; background-position:center; background-repeat:no-repeat;}
.menu-bar, .menu-toggle { transition: all 0.5s ease; }
.menu-bar:not(.open) {-webkit-transform:translate3d(-300px,0,0); }
.menu-bar.open { -webkit-transform:translate3d(0,0,0); }
.menu-label { padding-left:15px; }
.menu{padding:0}
.menu-item{line-height:35px; width:100%;margin:5px 0;list-style:none;cursor:pointer;background-color:#DDD; font-family: 'Open Sans', sans-serif}
.alert{width:80%;margin:0 auto;display:none;margin-bottom:10px}
.latest_insert { border:5px solid black; }
._req{color:red}
.menu-item > span,.submenu-item > span{font-size:18px;float:right; line-height:35px;}
.menu-item > span { padding-right:10px; }
.page-container{width:100%;height:100%;position:fixed;top:0;left:0}
.menu-options{color:white;background-color:rgb(50,54,64);list-style:none;text-align:center;position:static;bottom:0;margin:0;width:100%;padding:0;display:table}
.settings-menu{width:100%;position:absolute;z-index:2;background-color:#010101;bottom:51px;left:0;display:none;height:300px}
.menu-options li{display:table-cell;padding:10px;font-size:22px}
.menu-options li > span{vertical-align:middle}
.menu-options li:hover{color:#ccc}
.panel{max-width:50%;margin:0 auto}
.submenu-open{display:block}
.container{padding:0;width:auto;margin-right:0;position:relative;transition:all .5s ease}
.open-container{width:100%;margin-left:0}
.dashboardItems{padding:0;list-style:none}
.dashboardItem{display:inline-block;width:250px;height:auto;padding-top:10px;margin:5px;vertical-align:middle;border:1px solid #000;cursor:pointer}
.dashboardItem span{font-size:28px}
.unread{top:2px;right:2px}
.clrButton{float:right}
.webonly { display:none; }
.fullWidth { display:block; table-layout:fixed; margin: 5px; }
.rowItem { display:block; padding:0 2.5px; }
.titlebar {
			width:100%;
			top:0;
			left:0;
			height:auto;
			background-color:rgb(61,66,78);
			color:white;
			text-align:left;
			padding:5px;
			padding-left:50px;
			display:flex;
			border-bottom:1px black solid;
		}
		
.edit_display { display:none; }
.submenu-item { position:relative; }
.menu-item:not(.boldText):hover { background-color: rgb(50,54,64); }
.menu-item, .menu-bar { background-color: rgb(61,66,78); }
.submenu-item:hover{background-color:rgb(40,44,54);}
.active-program { background-color:rgb(40,44,54); padding-left:55px;}
.menu-item { color:rgb(226,226,226); font-weight:600; }
.submenu { font-weight:normal; }
.active-program f {
	height:100%;
	width:10px;
	position:absolute;
	top:0;
	left:0;
	background:rgb(0,121,184);
}
.search_bar:hover, .page_selector:hover, .viewPerPageSelect:hover, .add_money, .add_money_note {
	border-bottom-color: #aeb4aa
}
.boldText { background-color:rgb(50,54,64); }
.search_container { display:inline-block; margin-right:50px; font-family:Roboto, sans-serif;}
.page-interaction { margin-top:10px; }
.search_bar, .page_selector,.viewPerPageSelect, .add_money, .add_money_note { border:0; outline:0; background:transparent; border-bottom:2px solid #ced4da; transition: border 0.3s ease;}
.search_submit, .search_clear { outline:0; border:0; background:transparent; }
.search_clear { color:red; }
.search_bar:focus, .page_selector:focus, .viewPerPageSelect:focus, .add_money:focus, .add_money_note:focus {
	border-bottom: 2px solid rgb(51, 122, 183);
}
.page-selector-group, .page-selector-arrow,.page-totals,.page-rows-per-page, .page-refresh { display:inline-block; margin:0 20px; }
.page_selector, .viewPerPageSelect { -moz-appearance: textfield; border:0; outline:0; background:transparent; border-bottom:2px solid #ced4da; transition: border 0.3s ease; width:40px; text-align:center;}
.page_selector:focus { -moz-appearance:number-input; }
.pagination-container-left { float:left; display:inline-block; line-height:60px; }
.pagination-container-right { float:right; display:inline-block; line-height:60px; }
.page-footer { line-height:60px; height:60px;}
.viewPerPageSelect { width:60px; }
.page-footer input, .viewPerPageSelect { line-height:normal; }



.title_header { margin-top:10px; margin-bottom:10px; display:inline-block; flex:1;}
.page-refresh {float:right; }

.circular-btn {
	height: 50px;
	width: 50px;
	border-radius: 50%;
	background-color:#f0f0f0;
	border-color:rgb(97,97,97);
	will-change: transform;
	border:1px solid;
	transition: transform 0.3s ease;
	margin:2px;
}
.circular-btn:hover, .circular-btn-lg:hover {
	transform:scale(1.1);
	
}	
.circular-btn-lg {
	height:60px;
	width:60px;
	border-radius:50%;
	border:1px solid;
	will-change: transform;
	transition: transform 0.3s ease;
	margin:2px;
}
.circular-btn-red {
	background-color:#ff5555;
	border-color:#ff5555;
	color:white;
}
.circular-btn-blue {
	background-color:rgb(51, 122, 183);
	border-color:rgb(51, 122, 183);
	color:white;
}
.circular-btn-dk-blue {
	background-color:#658e9c;
	border-color:#658e9c;
	color:white;
}
.circular-btn-green {
	background-color:#4cb051;
	border-color:#4cb051;
	color:white;
}	
		
#ui-datepicker-div { z-index:102 !important; }
@media screen and (min-width: 960px) { .container { margin-left:280px; } .menu-bar {-webkit-transform:translate3d(0,0,0);} .webonly { display:block; } .fullWidth { display: table; }  .rowItem { display:table-cell; }}
.form-control:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([disabled]):not(.circular-btn) {
	border: 2px solid #e9e9e9;
	font-size: 16px;
	line-height: 20px;
	padding: 15px 20px;
	position: relative;
	z-index: 1;
	resize: none;
	border-radius: 3px;
	height:auto;
	vertical-align: top;
	color: #262626;
	width: 100%;
	background: #fcfcfc;
	min-width: 100%;
	will-change: border-color;
	transition: border-color 0.3s ease, background-color 0.3s ease;
}
.form-control[disabled] {
	border-color:#bbb;
	background-color:#ddd;
}
.form-control, input[type="file"] {
	box-shadow:none;
	-webkit-box-shadow:none;
	border: 2px solid #e9e9e9;
	font-size: 16px;
	line-height: 20px;
	padding: 15px 20px;
	position: relative;
	z-index: 1;
	resize: none;
	border-radius: 3px;
	height:auto;
	vertical-align: top;
	color: #262626;
	width: 100%;
	background: #fcfcfc;
	min-width: 100%;
	will-change: border-color;
	transition: border-color 0.3s ease, background-color 0.3s ease;
}
.form-control:not([disabled]):focus { border-color:orange; }
textarea, select, input, button { outline: none; }
label { font-family:'Roboto', sans-serif; }
.form-control:not([type="checkbox"]):not([type="radio"]):not([type="file"]):focus { border-color:orange; box-shadow: none; -webkit-box-shadow:none;}
.btn-blue {
	
}
.company_link { overflow:hidden; }
.company_link > span{
	transform:translateY(50px);
	transition:transform 0.2s ease;
}
.company_link:hover span {
	transform:translateY(0px);
}
.nextBtn, .prevBtn {
	background:transparent;
	color:#333;
	display:inline-block;
	font-size:14px;
	font-weight:400;
	line-height:1.42;
	text-align:center;
	vertical-align:middle;
	touch-action:manipulation;
	cursor:pointer;
	padding: 13px 25px;
	border-radius:0;
	border:0;
	margin:2px;
}
.nextBtn:disabled, .prevBtn:disabled {
	cursor:not-allowed;
	color:#aaa;
}

.btn-blue:hover {
	
}
.btn-submenu-back { display:none; }
.btn > .glyphicon { transition: transform 0.3s ease; }
.btn:hover .glyphicon {
	transform: scale(1.2);
}
.btn-primary, .btn-default, .btn-danger,
.btn-primary:focus,
.btn-primary:active, .btn-primary:focus:active {
	background:orange;
	color:white;
	padding:13px 25px;
	border-radius:0;
	border:0;
	margin:2px;
	transition: background-color 0.3s ease;
}
.custom-button { float:left; display:inline-block; }
.btn-delete { float:right; display:inline-block; }
.btn-search, .btn-search:active, .btn-search:focus, .btn-search:active:focus {
	background: #f3ffbd;
	color:black;
}
.btn-search:hover { background: rgb(230,231,170) !important; color:black; }
.btn-danger, .btn-danger:active, .btn-danger:focus, .btn-danger:focus:active  {
	background-color:rgb(200,83,79) !important;
}
.btn-primary:hover {
	background-color:rgb(240,140,0);
}
.btn-default, .btn-default:focus, .btn-default:active, .btn-default:focus:active  {
	background:lightgray;
	color:black;
}
.btn-default:hover {
	background-color:#e8e8e8 !important;
}
th, th > a, th > p, th > span {
	background-color:#337ab7;
	color:white;
}
th, th > a:hover {
	color:white;
	font-weight:bold;
}
tr {
	transition:background-color 0.3s ease;
}
._maintain { 
	width:70%;
	height:80%;
}
._maintain ._title {
	background-color:rgb(0,121,184);
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	color:white;
	height:32px;
}
._title .title {
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:24px;
	line-height:30px;
}
.failed-field { border-color:rgb(255,200,200) !important; }

legend {
	border-bottom:0;
	width:auto;
	padding:0 20px;
}
fieldset {
	border: 1px solid silver;
	padding: .35em .625em .75em;
	margin:0 2px;
}

/* Custom Checkbox */
.cb_container .cb {
	position:absolute;
	top:0;
	left:0;
	height:25px;
	width:25px;
	background-color:#eee;
	transition: background-color 0.3s ease;
	z-index:1;
	display:flex;
	justify-content:center;
	align-items:center;
}

/* Change bg color on hover */
.cb_container:hover input ~ .cb {
	background-color:#ccc;
}

/* The container */
.cb_container {
	position:relative;
	padding-left:25px;
	margin-bottom:12px;
	cursor:pointer;
	user-select:none;
	font-size:22px;
	border: 1px solid gray;
}

/* Hide default input */
.cb_container input {
	position:absolute;
	top:0;
	left:0;
	width:25px;
	opacity:0;
	height:25px;
	margin:0;
	z-index:2;
	cursor:pointer;
}

.glyphicon { width:auto; }


.cb_container input:checked ~ .cb {
	background-color:orange;
}

.cb:after {
	content:"";
	position:absolute;
	display:none;
}

.cb_container input:checked ~ .cb:after { display:block; }

.cb:after { 
	margin: auto auto;
	width:6px;
	height:12px;
	border:solid white;
	border-width:0 3px 3px 0;
	transform:rotate(45deg);
}

span.form-glyph-override {
	display:flex;
	justify-content:center;
	align-items:center;
	height:100%;
	width:34px;
}

div.input-group-custom { position:relative; }

.glyphicon-email::before { content:"\0040"; font-weight:bold; font-family:Verdana; font-size:18px; }
.gradient-orange { background:linear-gradient(45deg, #fc4a1a, #f7b733) !important; }
.gradient-blue { background:linear-gradient( 135deg, #2AFADF 10%, #4C83FF 100%) !important; }
.gradient-gray { background-image: linear-gradient(315deg, #d9e4f5 0%, #f5e3e6 74%) !important; }
.gradient-green { background: linear-gradient(315deg, #7ee8fa 0%, #80ff72 74%) !important; }
.gradient-red { background: linear-gradient(315deg, #ffac81 0%, #ff928b 74%) !important; } 

.gradient-orange-inverse { background:linear-gradient(45deg, #f7b733, #fc4a1a) !important; }
.gradient-blue-inverse { background:linear-gradient( 135deg, #4C83FF 10%, #2AFADF 100%) !important; }
.gradient-gray-inverse { background-image: linear-gradient(315deg, #f5e3e6 0%, #9e4f5d 74%) !important; }
.gradient-green-inverse { background: linear-gradient(315deg, #80ff72 0%, #7ee8fa 74%) !important; }
.gradient-red-inverse { background: linear-gradient(315deg, #ff928b 0%, #ffac81 74%) !important; } 

#snackbar.Top {
	top:30px;
}

#snackbar.Bottom {
	bottom:30px;
}

#snackbar.ShowTop {
	visibility: visible;
	-webkit-animation: fadeinTop 0.5s, fadeoutTop 0.5s 2.5s;
	animation: fadeinTop 0.5s, fadeoutTop 0.5s 2.5s;
}


@-webkit-keyframes fadeinTop {
  from {top: 0; opacity: 0;} 
  to {top: 30px; opacity: 1;}
}

@keyframes fadeinTop {
  from {top: 0; opacity: 0;}
  to {top: 30px; opacity: 1;}
}

@-webkit-keyframes fadeoutTop {
  from {top: 30px; opacity: 1;} 
  to {top: 0; opacity: 0;}
}

@keyframes fadeoutTop {
  from {top: 30px; opacity: 1;}
  to {top: 0; opacity: 0;}
}

@-webkit-keyframes fadeinBottom {
  from {bottom: 0; opacity: 0;} 
  to {bottom: 30px; opacity: 1;}
}

@keyframes fadeinBottom {
  from {bottom: 0; opacity: 0;}
  to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeoutBottom {
  from {bottom: 30px; opacity: 1;} 
  to {bottom: 0; opacity: 0;}
}

@keyframes fadeoutBottom {
  from {bottom: 30px; opacity: 1;}
  to {bottom: 0; opacity: 0;}
}

#snackbar.ShowBottom {
	visibility: visible;
	-webkit-animation: fadeinBottom 0.5s, fadeoutBottom 0.5s 2.5s;
	animation: fadeinBottom 0.5s, fadeoutBottom 0.5s 2.5s;
}
#snackbar.Toast-Error {
	color:#D8000C;
	background-color:#FFBABA;
}

#snackbar.Toast-Success {
	color:#4F8A10;
	background-color:#DFF2BF;
}
#snackbar {
	visibility: hidden;
	min-width: 250px;
	transform: translate(-50%, 0);
	background-color: #333;
	color: #fff;
	text-align: center;
	border-radius: 2px;
	padding: 16px;
	position: fixed;
	z-index: 20;
	left:50%;
	z-index:300000;
	width:380px;
	font-size: 17px;
}

@keyframes flashInOut {
	0% { opacity:0.6; }
	50% { opacity:1; }
	100% { opacity:0.6; }
}



.delayed-response {
	visibility: visible;
	/* animation: flashInOut 2s infinite; */
}

.form-container {
	width:83.33333333%;
	margin-left: 8.33333333%;
	float:left;
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

@media screen and (max-width:768px) {
	.form-container {
		width:100%;
		margin-left:0;
	}
}

.collapse-show {
	display:block;
}
.collapse-hide {
	display:none;
}

.company {
	cursor: pointer;
	width:250px;
	height:80px;
	border:1px solid black;
	border-radius: 4px;
	display:inline-block;
	position:relative;
	margin: 10px;
	transition: box-shadow 0.3s ease;
	background-size:contain;
	background-repeat:no-repeat;
	background-position: 50% 50%;
}
.company span {
	bottom:0 !important;
	font-size:18px;
	width:100%;
	left:0;
	color:white;
	background-color:rgba(0,0,0,0.6);
	position:absolute;
}
.company p {
	background-color:rgba(0,0,0,0.6);
	padding-right:15px;
}
.company:hover {
	box-shadow: 0px 0px 10px 0px rgba(0,0,0, 0.75);
}