
html,
body {
	height: 100%;
	min-height: 100%;
	font-family: 'Poppins', sans-serif;
	font-size: 13px;
	letter-spacing: 0.05em;}
.wrap {background-color: #e7e8ec;}
#brand-bar {background-color: #ffffff;}

.text-primary {color: #0086ff;}
a.text-primary:hover {color: #0086ff;}
.bg-primary {color: #fff;background-color: #0086ff;}
a.bg-primary:hover {background-color: #0086ff;}
a {color: #0336D0;text-decoration: none;}
a:hover,
a:focus {color: #0086ff;text-decoration: none;}
a:focus {outline: thin dotted;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;}
.btn,
.panel,
.form-control,
.input-group-addon,
.dropdown-menu,
.label {border-radius: 2px;}
.panel-heading {border-top-right-radius: 2px;border-top-left-radius: 2px;}
#brand-bar a, #brand-bar .welcome-msg {font-weight: normal;padding: 14px 5px;}
#brand-bar .welcome-msg {margin-right: 25px;font-size: 15px;}
#brand-bar a.navbar-brand {padding: 5px 5px;}
#brand-bar a:hover, #brand-bar a:focus {background-color:transparent;}
.page-header {border-bottom: 1px solid #ccc;}
.whitebg {background-color: #FFFFFF;}
.radius-2 {border-radius: 2px;}
.nowrap {white-space: nowrap;}


/* html standard element styles
***************************************/
::-moz-selection {color:#dedede;background:#0336D0;}
::selection {color:#dedede;background:#0336D0;}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {background-color: #0336D0;color: #dedede;}


/* Extra small devices (phones, less than 768px) */
.navbar-nav li.lbox-menu-item:hover {
	-webkit-box-shadow: inset 5px 0 0 0 #0336D0;
	-moz-box-shadow: inset 5px 0 0 0 #0336D0;
	box-shadow: inset 5px 0 0 0 #0336D0;
}
/* Small devices (tablets, 768px and up) */
@media(min-width:768px) {
	.navbar-nav li.lbox-menu-item:hover {
		-webkit-box-shadow: inset  0 -5px 0 0 #0336D0;
		-moz-box-shadow: inset  0 -5px 0 0 #0336D0;
		box-shadow: inset  0 -5px 0 0 #0336D0;
	}
}



/* Pills n Panels
***********************/
.nav-pills > li > a {background-color:#f5f5f5;color:#0336D0;}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li > a:hover,
.nav-pills > li > a:focus {color: #ffffff;background-color:#0336D0;border-radius: 2px;}
.panel-primary > .panel-heading {background-color: #0336D0;border-color: #0336D0;}
.panel-heading {padding: 7px 10px;}
.panel.panel-tabs .panel-heading {padding: 1px 1px 0;}
.navbar-inverse {background-color:#0336D0;border:none;border-radius: 4px;}
.navbar {min-height:auto;}
.nav-tabs > li > a {border-radius: 2px 2px 0 0;}
#menu-bar .navbar-nav > .active > a,
#menu-bar .navbar-nav > .active > a:hover,
#menu-bar .navbar-nav > li > a:hover,
#menu-bar .navbar-nav > .active > a:focus {color: #fff;background-color:rgba(255,255,255,.25);border: 1px solid rgba(255,255,255,.15);}
#menu-bar {box-shadow: 0 4px 20px rgba(0,0,0,0.3);border-radius: 0;}
#menu-bar li > a {
	color: #fff;
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 125%;
	border-radius: 1px;
	margin: 3px 1px;
	border: 1px solid transparent;
}
/*.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {border-bottom: 3px solid #0336D0;color: #0336D0;}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {border-bottom: 3px solid #0086ff;color: #0086ff;}*/
.nav.nav-tabs {background-color: #0336D0;border-radius: 1px;padding: 0 2px;}
.nav-tabs > li > a {
	color: #fff;
	padding-top: 4px;
	padding-bottom: 4px;
	border-radius: 1px;
	margin: 3px 1px;
	border: 1px solid transparent;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li > a:hover,
.nav-tabs > li.active > a:focus {
	color: #fff;
	background-color: rgba(255,255,255,.25);
	border: 1px solid rgba(255,255,255,.15);
}


.table > thead > tr > th {vertical-align: bottom;border-bottom:1px solid #dddddd;}
.panel-tabs.panel-primary .nav-tabs > li > a:hover {background-color: #0086ff;}
.modal-content {border-radius: 2px;}




.btn-primary {color: #ffffff;background-color: #0336D0;border-color: #0336D0;}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {color: #ffffff;background-color: #0086ff;border-color: #0086ff;}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {background-color: #0086ff;border-color: #ff4800;}
.btn-primary .badge {color: #0086ff;background-color: #ffffff;}
.btn-info {color: #fff;background-color: #fe831a;border-color: #fe831a;}
.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active:hover,
.btn-info.active:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.btn-info:active.focus,
.btn-info.active.focus {color: #fff;background-color: #febe00;border-color: #febe00;}






a.asc:after, a.desc:after {/* add sorting icons to gridview sort links */
	display: inline-block;
	position: relative;
	top: -5px;
	line-height: 1;
	padding-left: 5px;
	font-family: "Font Awesome 5 Free";
	color: #febe00;
	font-style: normal;
	font-weight: 900;}
a.asc:after {content: "\f15d";}
a.desc:after {content: "\f15e";}
.sort-numerical a.asc:after {content: "\f162";}
.sort-numerical a.desc:after {content: "\f163";}
.sort-ordinal a.asc:after {content: "\f160";}
.sort-ordinal a.desc:after {content: "\f161";}
.detail-view > thead > tr > th,
.detail-view > tbody > tr > th,
.detail-view > tfoot > tr > th,
.detail-view > thead > tr > td,
.detail-view > tbody > tr > td,
.detail-view > tfoot > tr > td {padding: 5px;border-top: none;}
.detail-view > thead > tr > th:first-child,
.detail-view > tbody > tr > th:first-child,
.detail-view > tfoot > tr > th:first-child,
.detail-view > thead > tr > td:first-child,
.detail-view > tbody > tr > td:first-child,
.detail-view > tfoot > tr > td:first-child {padding-left: 15px;}
.detail-view > thead > tr > th:last-child,
.detail-view > tbody > tr > th:last-child,
.detail-view > tfoot > tr > th:last-child,
.detail-view > thead > tr > td:last-child,
.detail-view > tbody > tr > td:last-child,
.detail-view > tfoot > tr > td:last-child {padding-right: 15px;}
.detail-view > thead > tr > th,
.detail-view > tbody > tr > th,
.detail-view > tfoot > tr > th {font-weight: normal;color: #777777;}
.detail-view .label {padding: 4px 8px;letter-spacing: 2px;}
.grid-view table.table thead tr th:first-child,
.grid-view table.table thead tr td:first-child,
.grid-view table.table tbody tr td:first-child {padding-left: 10px;}
.grid-view table.table thead tr th:last-child,
.grid-view table.table thead tr td:last-child,
.grid-view table.table tbody tr td:last-child {padding-right: 10px;}
.grid-view table.table tbody tr td:nth-child(even/*odd*/) {background: rgba(0,0,0,.03);}
.grid-view .summary {padding: 0 10px 10px;text-align: right;font-size: .8em;}
.grid-view .pagination {
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
	-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;
	padding-bottom: 30px;
	margin-top: 0;
	clear: both;}
.grid-view .pagination > li:first-child > a,
.grid-view .pagination > li:first-child > span {border-top-left-radius: 2px;border-bottom-left-radius: 2px;}
.grid-view .pagination > li:last-child > a,
.grid-view .pagination > li:last-child > span {border-top-right-radius: 2px;border-bottom-right-radius: 2px;}
.grid-view table.table > thead > tr > th,
.grid-view table.table > tbody > tr > th,
.grid-view table.table > tfoot > tr > th {font-weight: normal;padding-top: 10px;}
.grid-view table.table > thead > tr > th,
.grid-view table.table > tbody > tr > th,
.grid-view table.table > tfoot > tr > th,
.grid-view table.table > thead > tr > td,
.grid-view table.table > tbody > tr > td,
.grid-view table.table > tfoot > tr > td {border: none;}
.table-hover > tbody > tr:hover {background-color:rgba(3,54,208,.1);}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {color: #fff;background-color: #0336D0;border-color: #0336D0;}
.pagination > li > a, .pagination > li > span {color: #0336D0;background-color: #fff;border: 1px solid #ddd;}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {color: #0086ff;background-color: #eee;border-color: #ddd;}
.popover {border-radius: 2px;}