/***** reset *********/
HTML, BODY, DIV, SPAN, APPLET, OBJECT, IFRAME, H1, H2, H3, H4, H5, H6, P, BLOCKQUOTE, PRE,
A, ABBR, ACRONYM, ADDRESS, BIG, CITE, CODE, DEL, DFN, EM, IMG, INS, KBD, Q, S, SAMP,
SMALL, STRIKE, STRONG, SUB, SUP, TT, VAR, B, U, I, CENTER, DL, DT, DD, OL, UL, LI,
FIELDSET, FORM, LABEL, LEGEND, TABLE, CAPTION, TBODY, TFOOT, THEAD, TR, TH, TD,
ARTICLE, ASIDE, CANVAS, DETAILS, EMBED, FIGURE, FIGCAPTION, FOOTER, HEADER, HGROUP,
MENU, NAV, OUTPUT, RUBY, SECTION, SUMMARY, TIME, MARK, AUDIO, VIDEO {
	margin: 0;
	padding: 0;
	border: 0;
	outline:0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	background: transparent;
}
strong, .strong { 
   font-weight: bold !important;
}
ARTICLE, ASIDE, DETAILS, FIGCAPTION, FIGURE, FOOTER, HEADER, HGROUP, MENU, NAV, SECTION {
	display: block;
}
OL, UL {
	list-style: none;
}
LI {
	vertical-align: bottom;
}
BLOCKQUOTE, Q {
	quotes: none;
}
BLOCKQUOTE:BEFORE, BLOCKQUOTE:AFTER, Q:BEFORE, Q:AFTER {
	content: '';
	content: none;
}
/**** defaults ********/
HTML {
	height: 100%;
}
BODY {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: .7em;
	color: #000;
	background-color: #FFF;
	padding: 0;
	margin: 0;
	width: 100%;
	line-height: 1;
}
a:link, a:visited, .close, .link {
	color: #0085B0;
	line-height: 1.5;
	text-underline: underline;
}
.close {
	color: #717171;
}
I {
	aria-hidden:"true";
}
H1 {
	font-size: 1.2em;
	font-weight: bold;
	color: #666666;
}
H3, .h3 {
	font-size: 24px;
}
H4, .h4 {
	font-size: 18px;
}
H5, .h5 {
	color: #1D5AAB;
	font-size: 14px;
	font-weight: bold;
}
/*HR {
	border: 0;
	height: 1px;
	background: #4F74AD;
	background-image: -webkit-linear-gradient(left, #ccc, #4F74AD, #ccc);
	background-image: -moz-linear-gradient(left, #ccc, #4F74AD, #ccc);
	background-image: -ms-linear-gradient(left, #ccc, #4F74AD, #ccc);
	background-image: -o-linear-gradient(left, #ccc, #4F74AD, #ccc);
}*/
/**** layout ******/
HR {
	border: 0;
	border-top: 1px solid #4F74AD;
	padding: 0;
}
.container {
	min-height: 100%;
/*	height: 100%; */
	position: relative;
}
.header {
	background-color: #FFF;
	background: linear-gradient(to right, #ffffff 15%,#8BC9F2 100%);
	padding: 10px;
	height: 26px;
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	font-style: italic;
}
.header UL {
	margin: 0px;
	list-style-type: none;
	text-align: center;
}
.header UL LI:first-child {
	float: left;
	text-align: center;
	padding: 0 30px;
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	font-style: italic;
}
.header UL LI {
	float: right;
	text-align: right;
	font-size: .7em;
	font-style: normal;
	font-weight: normal;
	padding-right: 7px;
}
.header-logo {
	width: 195px;
	height: 40px;
	margin-top: -10px;
}
.header-logo-sm {
	display: none;
	margin-top: -10px;
}
.welcome {
}
.welcome-sm {
	display: none;
}
.body {
	padding: 10px;
	padding-bottom: 30px; /*  must be the same as the footer */
}
.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 30px;   /* Height of the footer */
/*	color: #FFF;
	background: none repeat scroll 0 0 #444;*/
	padding: 0px;
}
#footerAnchor {
	display: none;
	position: fixed;
	bottom: 5px;
	right: 10px;
	z-index: 1;
}
.footer DIV {
	background-color: #8BC9F2;
	border-radius: 20px;
	height: 30px;
	margin-left: 10px;
	width: 30px;
}
.footer A, .footer A:link {
	color: #FFF;
	margin-left: 2px
}
.footer A:visited {
	color: #FFF;
}
.footer I {
	margin: 3px 0 0 3px;
}
.footer CENTER {
	bottom: 20px;
	color: #747474;
	font-weight: bold;
	margin-top: 8px;
}
.fav-icon {
	margin-left: 10px;
	text-decoration: none;
	vertical-align: top;
}
.fav-icon-selected {
	color: #FFD200;
}
.nowrap {
	white-space: nowrap;
}
/*****  header search *********/
.headerSeperator {
	border-right: 2px solid #FFF;
	height: 30px;
	margin: -5px 5px 0;
}
.hsContainer {
	background-color: #FFF;
	color: rgba(0, 0, 0, 0);
	border: 1px solid #CCC;
    border-radius: 24px;
    margin-top: -6px;
    padding: 3px;
	transition: all 0.5s ease 0s;
}
.hsContainer IMG {
	vertical-align: top;
}
.hsContainer FORM {
	display: none;
}
.hsContainer FORM INPUT, .hsContainer FORM SELECT {
	color: #555;
}
/******* controls **************/
span.success, td.success, div.success, a.success, tr.success, i.success {
	color: #4fb845;
}
.success a, .success a:hover, .success a:visited {
	color: #4F8A10;
	font-weight: bold;
}
span.danger, div.danger, td.danger, tr.danger, a.danger, i.danger {
	color:  #d43f3a;
}
span.warning, div.warning, td.warning, tr.warning, i.warning {
	color: #e38d13;
}
.warning a, .warning a:hover, .warning a:visited {
	color: #9F6000;
	font-weight: bold;
}
span.info, td.info, tr.info {
	color: #00529B;
}
.textbox, .btn, .dropdown, .datetextbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1em;
	color: #000;
	border: 1px solid #206795;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	/*overflow: auto;*/
	padding: 2px;
}
.checkbox {
	vertical-align: middle;
}
.noBorder {
	background-color: transparent;
	border: 0 none;
	outline: 0;
	resize: none;
}

.dropdown {
	min-width: 100px;
}
.btn {
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
	display: inline-block;
	font-size: 1.2em;
	font-weight: normal;
	padding: 4px 8px;
	margin-bottom: 0;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	font-weight: bold;
}
.btn:focus, .btn:active:focus, .btn.active:focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}
.btn:hover, .btn:focus {
	color: #333;
	text-decoration: none;
}
.btn:active, .btn.active {
	background-image: none;
	outline: 0;
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn-default,.btn-primary,.btn-success,.btn-info,.btn-warning,.btn-danger {
    text-shadow: 0 -1px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075)
}
.btn-default:active,.btn-primary:active,.btn-success:active,.btn-info:active,.btn-warning:active,.btn-danger:active,.btn-default.active,.btn-primary.active,.btn-success.active,.btn-info.active,.btn-warning.active,.btn-danger.active {
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}
.btn-default .badge,.btn-primary .badge,.btn-success .badge,.btn-info .badge,.btn-warning .badge,.btn-danger .badge {
    text-shadow: none
}
.btn-primary {
	color: #fff;
	background-color: #428bca;
	background-image: linear-gradient(to bottom,#428bca 0,#2d6ca2 100%);
	background-repeat: no-repeat;
	border-color: #357ebd;
	filter: none;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #2d6ca2;
  border-color: #285e8e;
  background-position: 0 -15px;
}
.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-info {
    background-color: #5BC0DE;
    border-color: #46B8DA;
}
.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}
.btn-danger:hover,.btn-danger:focus,.btn-danger.focus,.btn-danger:active,.btn-danger.active {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925
}
.btn-danger:active,.btn-danger.active,.open>.dropdown-toggle.btn-danger {
    background-image: none
}
.btn-warning {
	color: #fff;
    background-color: #F0AD4E;
    border-color: #e38d13;
    background-image: linear-gradient(to bottom,#f0ad4e 0,#eb9316 100%);
    background-repeat: repeat-x;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning.focus, .btn-warning:active, .btn-warning.active {
	color: #fff;
	border-color: #975300;
	background-color: #eb9316;
	background-position: 0 -15px;
}
.btn-success {
	color: #fff;
	background-color: #3cb521;
	background-image: linear-gradient(to bottom,#5cb85c 0,#419641 100%);
	background-repeat: repeat-x;
	border-color: #3e8f3e;
}
.btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active {
	color: #fff;
	border-color: #2b8118;
	background-color: #419641;
	background-position: 0 -15px;
}
.btn-default {
	background-image: -webkit-linear-gradient(top,#fff 0,#e0e0e0 100%);
	background-image: -o-linear-gradient(top,#fff 0,#e0e0e0 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#e0e0e0));
	background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%);
	background-repeat: repeat-x;
	border-color: #dbdbdb;
	border-color: #ccc;
	background-color: #fff;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
	color: #333;
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);*/
	text-shadow: 0 1px 0 #fff;
}
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active {
	background-color: #e0e0e0;
	background-position: 0 -15px;
	border-color: #adadad;
	text-decoration: none;
}
.btn > I {
	vertical-align: baseline;
}
.btn-file {
	display: inline;
    position: relative;
}
.btn-file input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}


.btn-group {
	position: relative;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	vertical-align: middle;
}
.btn-group-toggle { }
.btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn:not(:last-child):not(.btn-group-toggle) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:not(:first-child) {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.btn-group > .btn:first-child {
	margin-left: 0;
}
.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group,
.btn-group-vertical .btn + .btn, .btn-group-vertical .btn + .btn-group, .btn-group-vertical .btn-group + .btn, .btn-group-vertical .btn-group + .btn-group {
    margin-left: -1px;
}
.btn-group > .btn {
	position: relative;
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
}
.btn-dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 10rem;
	padding: .5rem 0;
	margin: .125rem 0 0;
	color: #212529;
	text-align: left;
	list-style: none;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0,0,0,.15);
	border-radius: .25rem;
}
.btn-dropdown-menu-item {
	display: block;
	width: 100%;
	padding: .25rem 1.5rem;
	clear: both;
	font-weight: 400;
	text-align: inherit;
	white-space: nowrap;
	background-color: transparent;
	border: 0;
}
.btn-link {
	background: none !important;
	border: none;
	color: #0085B0;
	text-decoration: underline;
	cursor: pointer;
}
.dropdown-divider {
	height: 0;
	margin: .5rem 0;
	overflow: hidden;
	border-top: 1px solid #e9ecef;
}
.reqValidator {
	color: #F00;
	font-weight: bold;
	vertical-align: top;
}
.short {
	width: 50px;
}
SELECT.short {
	width: auto;
	min-width: 0;
}
.med {
	width: 100px;
}
.long {
	min-width: 250px;
}
.xlong {
	min-width: 400px;
}
.num, .money {
	text-align: right;
}
.unknown {
	background-color: #FEEFB3;
}
.warningValidator {
	color: #9F6000;
	font-weight: bold;
}
IMG {
	border: none;
	vertical-align: middle;
	margin: 2px 4px 2px 4px;
}
.imagebutton {
	border: none;
	vertical-align: middle;
}
.required {
	border: 1px solid #FD9494;
}
.uploadContainer {
	background-color: #FFF9DA;
	border: 2px dashed #A7C6DF;
	font-weight: bold;
	min-height: 75px;
	line-height: 75px;
	margin: 10px;
	text-align: center;
	vertical-align: middle;
	width: 200px;
}
.bulletted {
	list-style: disc outside none;
}
.bulletted LI {
	line-height: 1.2;
	margin-left: 15px;
}
a.btn {
	color: #FFF;
	text-decoration: none;
}
.invalid {
	background-color: #FEEFB3;
}
.missing {
	background-color: #FFBABA;
}
/********** Tables **************/
TABLE {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 5px;
	color: #000;
}
THEAD, TBODY, TFOOT {
	vertical-align: middle
}
TR {
	vertical-align: inherit
}
TD, TH {
	padding: 3px;
	vertical-align: inherit
}
TH {
	font-weight: bold;
}
TABLE.data {
	background-color: #E0ECEF;
	border: 2px solid #A7C6DF;
    box-shadow: 3px 3px 5px #DFDFDF;
    text-align: left;
    margin: 5px 7px 7px 5px;
}
TABLE.data TD {
	background-color: #FFF;
}
TABLE.data TD.seperator-right {
	border-right: 3px solid #DDD;
}
TABLE.data TH.seperator-right {
	border-right: 3px solid #DDD;
}
TABLE.data TD.seperator-left {
	border-left: 3px solid #DDD;
}
TABLE.data TH.seperator-left {
	border-left: 3px solid #DDD;
}
TR.alternate TD, TABLE.data TR:nth-child(odd) TD {
	background-color: #F1F9FE;
}
TABLE.data TR:hover TD, TABLE.data TR.alternate:hover TD {
	background-color: #EFEFEF;
}
TABLE.data TD, TABLE.data TH, TABLE.pretty TH {
	border: 1px solid #DDD;
	padding: 8px;
}
TD.info {
	text-align: right;
}
TD DL DT {
	float: left;
	font-weight: bold;
	margin: 2px 0 2px 0;
	clear: left;
}
TD DL DD {
	float: left;
	margin: 2px 0 2px 6px;
}
TR.info-bg, TR.info-bg TD, TR.alternate .info-bg TD, TABLE.data TR.info-bg:nth-child(odd) TD {
	color: #00529B;
	background-color: #BDE5F8;
	font-weight: bold;
}
TR.warning-bg, TR.warning-bg TD, TR.alternate .warning-bg TD, TABLE.data TR.warning-bg:nth-child(odd) TD {
	color: #9F6000;
	background-color: #FEEFB3;
	font-weight: bold;

}
TR.error-bg, TR.error-bg TD, TR.alternate .error-bg TD, TABLE.data TR.error-bg:nth-child(odd) TD, .error-bg a, .error-bg a:hover, .error-bg a:visited {
	color: #D8000C;
	background-color: #FFBABA;
	font-weight: bold;
}
TR.success-bg, TR.success-bg TD, TR.alternate .success-bg TD, TABLE.data TR.success-bg:nth-child(odd) TD {
	color: #4F8A10;
	background-color: #DFF2BF;
	font-weight: bold;
}
TR.mark-bg, TR.mark-bg TD, TR.alternate .mark-bg TD, TABLE.data TR.mark-bg:nth-child(odd) TD {
	background-color: #FFFFE3;
}
THEAD.sticky TH {
	position: -webkit-sticky;
	position: sticky;
	top:0;
}
/********** General Classes ********/
.note {
	background-color: #EEEEDD;
	border: 1px solid #DBDBCC;
	border-left: 3px solid #929268;
	box-shadow: 3px 3px 5px #DFDFDF;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	line-height: 1;
	padding: 10px;
	margin: 5px 7px 7px 5px;
	text-align: left;
	line-spacing: 1;
}
.note UL {
	margin: 0px;
}
.label {
	font-weight: bold;
	/*color: #333;
	vertical-align: bottom;*/
}
.label-default, .label-primary, .label-success, .label-warning, .label-error {
	background-color: #777;
	padding: .2em .6em .3em;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	border-radius: .25em;
	vertical-align: baseline;
}
.label-primary {
	background-color: #337ab7;
}
.label-success {
	background-color: #5cb85c;
}
.label-warning {
	background-color: #f0ad4e;
}
.label-error {
	background-color: #d9534f;
}
.floatRight {
	float: right;
}
.floatLeft {
	float: left;
}
.fa.floatLeft {
    margin-right: .3em;
}
.seperator {
	padding: 5px;
}
.screenCover, #floatingbg, .elmentCover {
	position: fixed;
	display: none;
	left: 0px;
	top: 0px;
	margin: 0px;
	filter: alpha(opacity=50);
	opacity: .5;
	width: 100%;
	height: 100%;
	background-color: #8D8D8D;
	z-index: 100;
}
.elmentCover {
	position: absolute;
	width: initial;
	height: initial;
}
.clickable {
	cursor: pointer;
}
.clear {
	clear: both;
	background-color: transparent;
}
.verticalLine {
	border-left: 1px solid #000;
	height: 90%
}
.column50 {
	width: 48%;
}
.column80 {
	width: 73%;
}
.column20 {
	width: 23%;
}
.column60 {
	width: 55%;
}
.column40 {
	width: 38%;
}
.input-group {
	display: inline;
	border-collapse: seperate;
}
.input-group-addon {
	background-color: #eee;
	border: 1px solid #ccc;
	border-radius: 4px;
	color: #555;
	display: table-cell;
	font-weight: 400;
	line-height: 1;
	padding: 6px 12px;
	text-align: center;
}
.description {
	color: #969696;
	font-style: italic;
}
.strike {
	text-decoration: line-through;
}
.text-info {
	color: #17a2b8 !important;
	font-weight: bold;
}
/*********** autocomplete ***************/
.autocomplete-cover {
    display: none;
    height: 100%;
    left: 0px;
    padding: 0;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 1100;
}
.autocomplete {
    display: inline;
    position: relative;
}
.autocomplete-container {
    background: #FFF;
    border: 1px solid #C2C2C2;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.2);
    display: none;
    left: 0px;
    margin-bottom: 50px;
    padding: 0 0 1px 0;
    position: absolute;
    z-index: 1101;
}
.border-round {
	border: solid 1px #CFCFCF;
	border-radius: 8px;
	box-shadow: 3px 3px 5px #8D8D8D;
}
.autocomplete-options {
    display: none;
    margin: 0 0 4px;
    padding: 0;
    max-height: 350px;
    overflow-x: hidden;
    overflow-y: auto;
}
.autocomplete-item, .autocompleteActive, .autocomplete-notify, .autocomplete-tooMany {
    background-color: #FFF;
    color: #333;
    min-width: 100px;
    padding: 3px 5px;
    white-space: nowrap;
}
.autocompleteActive {
    background-color: #3A83C2;
    color: #FFF;
    cursor: pointer;
}
.autocomplete-notify, .autocomplete-tooMany {
    font-color: #CCC;
}
.autocomplete-tooMany {
    border-top: 2px solid #ccc;
}
/********* validation **************/
.validation {
    white-space: nowrap;
}
.validation > .textbox {
    display: inline;
}
.validation > TEXTAREA {
    vertical-align: top;
}
.error .textbox, .error .dropdown, .error .datetextbox {
    border: 1px solid #BD362F;
    border-left: 5px solid #BD362F;
}
.warning .textbox, .warning .dropdown, .warning .datetextbox {
     border: 1px solid #e38d13;
     border-left: 5px solid #e38d13;
 }
input[type="text"].warning-bg {
	background-color: #FEEFB3;
}
.success .textbox {
	border: 1px solid #097054;
	border-left: 5px solid #097054;
}
.validation-msg {
    border-radius: 4px;
    color: #FFF;
    margin-left: 5px;
    padding: 5px;
    /*position: absolute;
    top: 2px;*/
    white-space: nowrap;
}
.validation-msg > span {
    padding-left: 5px;
}
.success > .validation-msg {
    background-color: #097054;
}
.error > .validation-msg {
    background-color: #BD362F;
}
.warning > .validation-msg {
     background-color: #e38d13;
 }
/********* Sections ***************/
DIV.section, .panel {
	background-color: #FFF;
	border: solid 1px #CFCFCF;
	border-radius: 8px;
	box-shadow: 3px 3px 5px #DFDFDF;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	padding: 10px;
	margin: 5px 7px 7px 5px;
}
.section .title {
	border-bottom: solid 1px #4F74AD;
	color: #EC5800;
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 5px;
	padding: 0 0 3px 5px;
}
.section .title IMG {
	vertical-align: middle;
	margin: 0 3px 2px 3px;
}
.section .footer {
	border-top: solid 1px #4F74AD;
	height: auto;
	margin-top: 5px;
	padding: 0 0 3px 5px;
	position: relative;
	width: auto;
}
.panel {
	border-radius: 4px;
	padding: 0px;
	box-shadow: 0 1px 2px rgba(0,0,0,.05);
	margin-bottom: 20px;
}
.panel-title {
	background-color: #F2F7F8;
	border-bottom: solid 1px #DDD;
	color: #4D4D4D;
	font-size: 1.2em;
	font-weight: bold;
	padding: 3px 5px;
	margin-bottom: 5px;
}
.panel-body {
  padding: 5px 10px 10px 10px;
}
.panel-info { }
.panel-info .panel-title {
	color: #00529B;
	background-color: #BDE5F8;
}
/********* Tabs ********************/
.tabDocument {
	width: 90%;
	margin: 0;
	padding: 0;
}
.tabStrip {
	/*border-bottom: 1px solid #4F74AD;*/
	margin: 1em 0px -2px 0px;
	text-align: left;
	width: 101%;
	white-space: nowrap;
}
.tabStrip UL.tabs {
    border: 0 none;
    margin: 0;
    padding: 3px 0px 3px 12px;
    margin-left: 12px;
}
.tabStrip UL.tabs LI {
    display: inline;
    list-style: none outside none;
    margin: 0;
    margin-left: 3px;
	text-align: center;
}
.tabStrip A:link, .tabStrip A:hover, .tabStrip A:visited  {
    background-color: #628FAC;
    border-radius: 8px 8px 0px 0px;
    color: #FFF;
	font-weight: bold;
	padding: 3px 7px;
    text-decoration: none;
    -moz-border-radius: 8px 8px 0px 0px;
	-webkit-border-radius: 8px 8px 0px 0px;
}
.tabStrip LI.active A:link, .tabStrip LI.active A:hover, .tabStrip LI.active A:visited  {
	background-color: #F7F7F7;
	color: #747474;
	border: 1px solid #CFCFCF;
	border-bottom: 1px solid #F7F7F7;
	/*border-bottom: 2px solid #4F74AD;*/
}
.tabStrip li.disabled A:link, .tabStrip LI.disabled A:hover, .tabStrip LI.disabled A:visited {
	background-color: #D7D7D7;
	color: #747474;
}
.tabContent {
	border: 1px solid #CFCFCF;
	/*border-top: none;*/
	padding: 5px;
	background-color: #F7F7F7;
	text-align: left;
	width: auto;
	border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
	box-shadow: 3px 3px 5px #DFDFDF;
}
.tab-flash-error A:link, .tab-flash-error A:hover, .tab-flash-error A:visited {
	-webkit-animation: flash-error 1s step-start infinite;
	animation: flash-error 1s step-start infinite;
	background-color: #FFBABA;
}
.flash-error {
	-webkit-animation: flash-error 1s step-start infinite;
	animation: flash-error 1s step-start infinite;
	background-color: #FFBABA;
}
@keyframes flash-error {
	0% { color: #D8000C; }
	50% { color: #EC8389; }
	100% { color:  #D8000C; }
}
@-webkit-keyframes flash-error {
	0% { color: #D8000C; }
	50% { color: #EC8389; }
	100% { color:  #D8000C; }
}

.flash-warning {
	-webkit-animation: flash-warning 1s step-start infinite;
	animation: flash-warning 1s step-start infinite;
	background-color: #FFBABA;
}
@keyframes flash-warning {
	0% { color: #9F6000; }
	50% { color: #DBC4A1; }
	100% { color: #9F6000; }
}
@-webkit-keyframes flash-warning {
	0% { color: #9F6000; }
	50% { color: #DBC4A1; }
	100% { color: #9F6000; }
}
/********* Wizard****************/
.wizard {
	border: 1px solid #CFCFCF;
	border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
	box-shadow: 3px 3px 5px #DFDFDF;
	margin: 0;
	padding: 10px;
	display: block;
}
.wizard-header {
	background-color: #484848;
	border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	-webkit-border-radius: 8px 8px 0 0;
	padding-bottom: 10px;
	width: 100%
}
.wizard-progress {
	background-color: #FFF;
	border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;	
	height: 12px;
	width: 68%
}
.wizard-progress SPAN {
	background-color: rgb(43,194,83);
	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(43,194,83)), color-stop(1, rgb(84,240,84)) );
	background-image: -webkit-linear-gradient(center bottom, rgb(43,194,83) 37%, rgb(84,240,84) 69% );
	background-image: -moz-linear-gradient(center bottom, rgb(43,194,83) 37%, rgb(84,240,84) 69% );
	background-image: -ms-linear-gradient(center bottom, rgb(43,194,83) 37%, rgb(84,240,84) 69% );
	background-image: -o-linear-gradient(center bottom, rgb(43,194,83) 37%, rgb(84,240,84) 69% );
	border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
	float: left;
	height: 100%;
	overflow: hidden;
	transition: 0.25s;
}
.step-indicators {
	height: 20px;
	list-style: none;
	margin: 0;
	padding: 10px 0 0 0;
	position: relative;
}
.step-indicators.steps-2:before {
	right: 25%;
	left: 25%;
}
.step-indicators.steps-3:before {
	right: 16.666666666666668%;
	left: 16.666666666666668%;
}
.step-indicators.steps-4:before {
	right: 12.5%;
	left: 12.5%;
}
.step-indicators.steps-5:before {
	right: 10%;
	left: 10%;
}
.step-indicators.steps-6:before {
	right: 8.333333333333334%;
	left: 8.333333333333334%;
}
.step-indicators.steps-7:before {
	right: 7.142857142857143%;
	left: 7.142857142857143%;
}
.step-indicators.steps-8:before {
	right: 6.25%;
	left: 6.25%;
}
.step-indicators.steps-9:before {
	right: 5.555555555555555%;
	left: 5.555555555555555%;
}
.step-indicators.steps-10:before {
	right: 5%;
	left: 5%;
}
.step-indicators.steps-2 LI {
	width: 50%;
}
.step-indicators.steps-3 LI {
	width: 33.333333333333336%;
}
.step-indicators.steps-4 LI {
	width: 25%;
}
.step-indicators.steps-5 LI {
	width: 20%;
}
.step-indicators.steps-6 LI {
	width: 16.666666666666668%;
}
.step-indicators.steps-7 LI {
	width: 14.285714285714286%;
}
.step-indicators.steps-8 LI {
	width: 12.5%;
}
.step-indicators.steps-9 LI {
	width: 11.11111111111111%;
}
.step-indicators.steps-10 li {
	width: 10%;
}
.step-indicators.steps-11 li {
	width: 9.090909090909092%;
}
.step-indicators LI {
	position: relative;
	float: left;
	margin: 0;
	text-align: center;
}
.step-indicators LI A, .step-indicators LI A:hover {
	color: #FFF;
	font-weight: bold;
	pointer-events: none;
	text-decoration: none;
	transition: 0.25s;
}
.step-indicators LI.done A {
	color: #339933;
	pointer-events: auto;
}
.step-indicators LI.active A {
	color: #5B8EB9;
}
.wizard-content {
	border: 2px solid #484848;
	border-top: none;
	border-radius: 0 0 8px 8px;
	-moz-border-radius: 0 0 8px 8px;
	-webkit-border-radius: 0 0 8px 8px;
	padding-top: 8px;
}
.step-footer {
	border-top: 1px solid #484848;
	background-color: #CCC;
	border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
}
/******* Treeview ********/
.treeview {
	overflow: auto;
}
.treeview UL {
	margin-left: 20px;
}
.treeview A {
	vertical-align: super;
	margin-left: -9px;
}

/***** Menus ********/
#totalnav {
    clear: both;
    /*z-index: 1000;*/
}
#nav {
	position: relative;
	background-color: #F7F7F7;
	border-radius: 4px;
	margin: 2px 10px 0px 10px;
	border: 1px solid #CFCFCF;
	box-shadow: 3px 3px 5px #DFDFDF;
    height: 1.9em;
    font-size: 1em;
}
#nav .nav {
    color: #669966;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: center;
}
#nav A, #nav A:visited, #nav A:hover {
	color: #747474;
	text-decoration: none;
	font-weight: bold;
	white-space: nowrap;
	margin-right: 3px;
    padding: 4px 5px 4px 8px;
    min-width: 190px;
}
#nav LI {
	list-style-type: none;
    padding: 4px 5px 4px 10px;
    float: left;
    margin: 0;
}
#nav LI LI {
    float: none;
    min-width: 195px;
    padding: 0 2 2 2;
    text-align: left;
}
#nav A:hover {
	background-color: #628FAC;
    color: #FFF;
}
#nav LI A, #nav LI A:hover {
	min-width: 190px;
}
#nav DIV {
    background-color: #F7F7F7;
    border: 1px solid #628FAC;
    display: none;
    position: absolute;
    padding: 3px 0 3px 0;
    box-shadow: 3px 3px 5px #DFDFDF;
    z-index: 1;
}
#nav LI:hover > DIV {
    display: block;
}
#nav > UL > LI:hover > A {
    background-color: #628FAC;
    color: #FFFFFF;
}
.nav > li {
    position: relative;
    display: block;
}
.contextMenu H6 {
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	padding: 4px 4px 4px 0px;
}
.contextMenu DIV {
	color: #000;
	border: 1px solid transparent;
	padding: 5px;
}
.contextMenu DIV:hover {
	background-color: #ECF0F6;
	border: 1px solid #AECFF7;
}
.contextMenu A, .contextMenu A:hover {
	text-decoration: none;
}
/***** ajax ***********/
.ajaxfeedback {
	display: none;
	font-size: 1em;
	text-align: center;
	font-weight: bold;
	color: #EC5800;
}
.ajaxfeedback IMG {
	vertical-align: middle;
	margin: 5px;
}
/******** floating div **************/
.noscroll {
	overflow: hidden;
}
#floatingbg {
	position: fixed;
	bottom: 0;
	left: 0;
	top: 0;
	right: 0;
	z-index: 2;
}
#floatingFrame {
	position: fixed;
	display: none;
	border: 0;
	background-color: #fff;
	bottom: 0;
	left: 0;
	top: 0;
	right: 0;
}
.floatingDiv {
	background-color: #FFF;
	border: solid 1px #CFCFCF;
	border-radius: 8px;
	box-shadow: 3px 3px 5px #8D8D8D;
	display: none;
	filter: alpha(opacity=100);
	height: auto;
	left: 50%;
	margin: 0px; 
	-moz-border-radius: 8px;
	opacity: 1;
	padding: 5px;
	position: fixed; 
	text-align: left;
	top: 50%;
	-webkit-border-radius: 8px;
	width: auto;
	z-index: 2;
}
.floatingTitle {
	border-bottom: solid 1px #4F74AD;
	color: #EC5800;
	font-weight: bold;
	font-size: 1.2em;
	padding: 5px 0 5px 5px;
	margin-bottom: 5px;
}
.moveable {
	cursor: move;
}
.floatingTitle I {
	color: #333;
	margin-top: -7px;
}
.floatingFooter {
	border-top: solid 1px #4F74AD;
	padding: 5px 0 5px 5px;
	margin: 15px 0 5px 0;
}
/********** Message Box **************/
.well {
	/*min-height: 20px;*/
	padding: 15px;
	margin-right: 10px;
	margin-bottom: 20px;
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}
.well-sm {
    padding: 9px;
    border-radius: 3px;
}
.well-lg {
    padding: 24px;
    border-radius: 6px;
}
.alert {
	padding: 15px;
	margin-right: 10px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
}
.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}
.alert-error {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
DIV.infoMessage, DIV.warningMessage, DIV.successMessage, DIV.errorMessage, DIV.validationMessage, DIV.message {
	border: 1px solid;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	box-shadow: 3px 3px 5px #A4A4A4;
	padding: 10px 5px 10px 10px;
	text-align: left;
	margin: 5px;
}
DIV.infoMessage I, DIV.warningMessage I, .successMessage I, .errorMessage I, DIV.validationMessage I {
	/*font-size: 1.5em;*/
}
DIV.infoMessage .panel-title, DIV.warningMessage .panel-title, .successMessage .panel-title, .errorMessage .panel-title, DIV.validationMessage .panel-title, DIV.message .panel-title {
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
DIV.infoMessage IMG, DIV.warningMessage IMG, DIV.successMessage IMG, DIV.errorMessage IMG, DIV.validationMessage IMG, DIV.message IMG {
	border: none;
	padding-right: 5px;
}
.message {
	color: #000;
}
.message a, .message a:hover, .message a:visited {
	color: #00529B;
	font-weight: bold;
}
.infoMessage {
	color: #00529B;
	background-color: #BDE5F8;
}
.infoMessage a, .infoMessage a:hover, .infoMessage a:visited {
	color: #00529B;
	font-weight: bold;
}
.infoMessage .panel-title {
	color: #0c5373;
	background-color: #18a5e7;
	padding: 8px;
}
.successMessage {
	color: #4F8A10;
	background-color: #DFF2BF;
}
.successMessage a, .successMessage a:hover, .successMessage a:visited {
	color: #4F8A10;
	font-weight: bold;
}
.warningMessage {
	color: #9F6000;
	background-color: #FEEFB3;
}
.warningMessage a, .warningMessage a:hover, .warningMessage a:visited {
	color: #9F6000;
	font-weight: bold;
}
.warningMessage .panel-title {
	color: #9F6000;
	background-color: #fbca04;
	padding: 8px;
}
.errorMessage {
	color: #D8000C;
	background-color: #FFBABA;
}
.errorMessage a, .errorMessage a:hover, .errorMessage a:visited {
	color: #D8000C;
	font-weight: bold;
}
/************* bubbles *********************/
.bubble {
    position: absolute;
    display: none;
    color: #000;
    background: #FEEFB3;
    border: 2px solid #FBCF23;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: 3px 3px 5px #DFDFDF;
    margin: 0;
    padding: 5px 10px 5px 10px;
}
.bubble .notch {
	position: absolute;
	top: 0px;
    left: 20px;
    margin: 0;
    border-bottom: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #FEEFB3;
    border-top-color: #FBCF23; 
    padding: 0;
    width: 0;
    height: 0;
    /* ie6 height fix */
    font-size: 0;
    line-height: 0;
     /* ie6 transparent fix */
    _border-right-color: pink;
    _border-left-color: pink;
    _filter: chroma(color=pink);
}
.bubble I {
	margin-right: 5px;
}
/************* password  ***********************/
.passwordStrength SPAN {
	border: 1px solid #206795;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin: 0px;
	margin-left: 5px;
	font-weight: bold;
	/*white-space: pre;*/
}
.passwordStrength IMG {
	width: 10px;
}
/*************** calendar ******************/
.datetextbox {
	width: 90px;
}
.dateIcon {
	border-left: 1px;
	margin-left: -18px;
	/*padding-right: 5px;*/
}
.dateIcon .fa-lg {
	/*vertical-align: 10%;*/
}
.cover {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
}
DIV.calendar {
	position: fixed;
	border: 2px solid #206795;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	box-shadow: 3px 3px 5px #DFDFDF;
	padding: 3px;
	background-color: #FFF;
}
.calendarContainer {
	background-color: #FFF;
	color: #000;
	margin: 0px;
	text-align: center;
	border-collapse: separate;
    border-spacing: 2px;
}
.calendarContainer A, .calendarContainer A:link, .calendarContainer A:visited, .calendarContainer A:hover, .calendarContainer A:active {
	text-decoration: none;
	color: #000;
}
.calendarContainer A:hover {
	color: #000;
}
.calendarHeader {
	margin: 0px;
	width: 100%;
	background-color: #8BC9F2;
	font-weight: bold;
	padding: 0px;
}
.calendarFooter {
	margin: 0px;
	width: 100%;
	font-weight: bold;
	padding: 0px;
	border-collapse: collapsed;
	border-spacing: 0px;
}
.calendarDay, .calendarOffDay, .calendarHighlightDay, .calendarRestricted {
	background-color: #DEDEDE;
	border: 1px solid #ccc;
	cursor: pointer;
	text-align: right;
}
.calendarDay:hover, .calendarOffDay:hover, .calendarHighlightDay {
	background-color: #8BC9F2;
}
.calendarOffDay {
	background-color: #FFF;
	color: #969696;
}
.calendarRestricted {
	/*background-color: #d9534f;
	color: #FFF;&*/
	cursor: default;
	opacity: .35;
	filter: Alpha(Opacity=35);
}
.calendarFooter TD {
	cursor: pointer;
	padding: 0px;
}
/****** Notification Center ***********/
.nc-ico {}
.nc-ico[data-counter]:after {
	content: attr(data-counter);
	position:absolute;
	top:0;
	right:0;
	padding:3px 9px;
	border:2px solid white;
	border-radius:100px;
	background-color:#208e4e;
	background:linear-gradient(top,#2ecc71 0,#208e4e 100%);
	background:-webkit-linear-gradient(top,#2ecc71 0,#208e4e 100%);
	background:-moz-linear-gradient(top,#2ecc71 0,#208e4e 100%);
	box-shadow:0 1px 2px rgba(0,0,0,0.5),0 1px 4px rgba(0,0,0,0.4),0 0 1px rgba(0,0,0,0.7) inset,0 10px 0 rgba(255,255,255,0.11) inset;
	background-clip:padding-box;
	font:bold 12px/18px "Helvetica Neue",sans-serif;
	color:white;
	text-decoration:none;
	text-shadow:0 -1px 0 rgba(0,0,0,0.6);
}
.nc-ico I {
	margin-top: -10px;
}
.nc-panel {
	display: none;
	border: 1px solid #628FAC;
	position: absolute;
	top: 0;
	width: 300px;
	height: 100%;
	right: 0;
	background-color: #FFF;
	box-shadow: -3px 0 3px 3px #CCC;
}

.nc-panel H3 {
	text-transform:uppercase;
}
.nc-panel-header {
	background-color: #E7E8EC;
	border-bottom: 1px solid #628FAC;
	margin: 0px;
	padding: 10px;
}
.nc-panel-header a, .nc-panel-header a:hover {
	text-decoration: none;
	color: #FFF;
	line-height: 1;
}
.nc-panel-close {
	background-color:#b7b8bc;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	color:#e7e8ec;
	float: right;
	font-size: 18px;
	font-weight:bold;
	height: 23px;
	margin-top: -20px;
	margin-left: 5px;
	padding: 2px;
	width: 23px;
	text-align:center;
	text-transform:uppercase;
}

.nc-panel-group {
    background-color: #FFF;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    box-shadow: none;
}
.nc-panel-group UL {
	list-style: none;
	margin: 0;
	padding: 0;
}
.nc-panel-group UL LI {
	padding: 15px 10px 22px;
	border-bottom: 1px solid #CCC;
}
.nc-panel-group-header {
	margin: 0px;
	line-height: 22px;
	text-transform: uppercase;
	font-weight: bold;
	border-radius: 0px;
	padding-left: 40px;
	background-repeat: no-repeat;
	background-position: 5px center;
}
.nc-panel-item {
	margin: 0px;
	border-radius: 0px;
}
.nc-panel-item .close {
	width: 18px;
	height: 18px;
	background-color: #b7b8bc;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	margin-top: -10px;
	margin-right: -9px;
	text-transform: uppercase;
	font-size: 16px;
	padding: 2px;
	cursor: pointer;
}
.nc-panel-item .info {
	color: #555;
	margin-top: 10px;
}
.notify-bubbleList {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 35px;
	left: 10px;
	/*right: 0;*/
}
.notify-bubble {
	position: fixed;
	min-height: 100px;
	width: 405px;
	background-color: #e7e8ec;
	color: #a5a6a9;
	border: 1px solid #628FAC;
	box-shadow: 3px 3px 5px #A4A4A4;
	margin: 10px;
	/*right: 50px;*/
}
.notify-bubble .content {
	width: 290px;
	float: left;
	height: 80px;
	padding-top: 10px;
	padding-left: 10px;
	background-color: #FFF;
	overflow: auto;
}
.notify-bubble .info {
	float: right;
	color: #555;
	margin-top: 20px;
}
.notify-bubble .infoMessage, .notify-bubble .warningMessage, .notify-bubble .successMessage, .notify-bubble .errorMessage {
	margin: 0;
	border: none;
	border-radius: 0;
	box-shadow: none;
}
.notify-close {
	background-color: #B7B8BC;
	border-radius: 6px;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 20px;
	font-weight: bold;
	height: 28px;
	padding-top: 5px;
	position: absolute;
	right: 5px;
	text-align: center;
	top: 5px;
	width: 28px;
	text-transform:uppercase;
}
.notify-save {
	position: absolute;
	right: 5px;
	cursor: pointer;
	top: 60px;
}
.notifyico {
	width: 60px;
	float: left;
	height: 100px;
	border-right: 1px solid #e0e0e0;
}
.notifyico-default, .notifyico-info, .notifyico-success, .notifyico-error, .notifyico-warning {
	margin: 25px 8px 0;
	height: 48px;
}
.notifyico-error {
	background: url("../images/error_lg.png") no-repeat center;
}
.notifyico-info {
	background: url("../images/info_lg.png") no-repeat center;
}
.notifyico-success {
	background: url("../images/success_lg.png") no-repeat center;
}
.notifyico-warning {
	background: url("../images/warning_lg.png") no-repeat center;
}
/************* timeout ***********************/
#timeoutContainer {
	background-color: #FFF;
	border: solid 1px #CFCFCF;
	border-radius: 8px;
	box-shadow: 3px 3px 5px #8D8D8D;
	display: none;
	filter: alpha(opacity=100);
	height: auto;
	left: 50%;
	margin: 0px; 
	-moz-border-radius: 8px;
	opacity: 1;
	padding: 10px;
	position: fixed; 
	text-align: left;
	top: 50%;
	-webkit-border-radius: 8px;
	width: 390px;
	z-index: 2;
}
#timeoutMessage {
	border: 1px solid #000;
	background-color: #FFF;
	float: right;
	font-size: 18px;
	height: 60px;
	padding: 5px;
	text-align: center;
	text-transform: uppercase;
	width: 310px;
}
.timeoutMessage INPUT {
	padding: 10px;
}
#countdownTimer {
	border: 1px solid #000;
	background-color: #AF7171;
	color: #FFF;
	font-size: 48px;
	height: 60px;
	padding: 5px;
	width: 60px;
	text-align: center;
}
.summary-cloud {
	position: relative;
	font-size: 36px;
}
.summary-cloud:after {
	content: "\f0c2";
	font-family: "FontAwesome";
	position: absolute;
	left: -5px;
	top: 0;
}
/***** switch ****/
.switch, .switch-large {
	position: relative;
	display: inline-block;
	/*vertical-align: top;*/
	width: 56px;
	height: 20px;
	padding: 3px;
	/*background-color: white;*/
	border-radius: 18px;
	box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
	cursor: pointer;
/*	background-image: -webkit-linear-gradient(top, #eeeeee, white 25px);
	background-image: -moz-linear-gradient(top, #eeeeee, white 25px);
	background-image: -o-linear-gradient(top, #eeeeee, white 25px);
	background-image: linear-gradient(to bottom, #eeeeee, white 25px);*/
	vertical-align: middle;
}
.switch-large {
	width: 75px;
}
.switch-input {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
.switch-label {
	position: relative;
	display: block;
	height: inherit;
	font-size: 10px;
	text-transform: uppercase;
	background: #eceeef;
	border-radius: inherit;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
	-webkit-transition: 0.15s ease-out;
	-moz-transition: 0.15s ease-out;
	-o-transition: 0.15s ease-out;
	transition: 0.15s ease-out;
	-webkit-transition-property: opacity background;
	-moz-transition-property: opacity background;
	-o-transition-property: opacity background;
	transition-property: opacity background;
}
.switch-label:before, .switch-label:after {
	position: absolute;
	top: 50%;
	margin-top: -.5em;
	line-height: 1;
	-webkit-transition: inherit;
	-moz-transition: inherit;
	-o-transition: inherit;
	transition: inherit;
}
.switch-label:before {
	content: attr(data-off);
	right: 11px;
	color: #aaa;
	text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
.switch-label:after {
	content: attr(data-on);
	left: 11px;
	color: white;
	text-shadow: 0 1px rgba(0, 0, 0, 0.2);
	opacity: 0;
}
.switch-input:checked ~ .switch-label {
	background: #47a8d8;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}
.switch-input:checked ~ .switch-label:before {
	opacity: 0;
}
.switch-input:checked ~ .switch-label:after {
	opacity: 1;
}
.switch-handle {
	position: absolute;
	top: 4px;
	left: 4px;
	width: 18px;
	height: 18px;
	background: white;
	border-radius: 10px;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
	background-image: -webkit-linear-gradient(top, white 40%, #f0f0f0);
	background-image: -moz-linear-gradient(top, white 40%, #f0f0f0);
	background-image: -o-linear-gradient(top, white 40%, #f0f0f0);
	background-image: linear-gradient(to bottom, white 40%, #f0f0f0);
	-webkit-transition: left 0.15s ease-out;
	-moz-transition: left 0.15s ease-out;
	-o-transition: left 0.15s ease-out;
	transition: left 0.15s ease-out;
}
.switch-handle:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -6px;
	width: 12px;
	height: 12px;
	background: #f9f9f9;
	border-radius: 6px;
	box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
	background-image: -webkit-linear-gradient(top, #eeeeee, white);
	background-image: -moz-linear-gradient(top, #eeeeee, white);
	background-image: -o-linear-gradient(top, #eeeeee, white);
	background-image: linear-gradient(to bottom, #eeeeee, white);
}
.switch-input:checked ~ .switch-handle {
	left: 40px;
	box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}
.switch-large .switch-input:checked ~ .switch-handle {
	left: 59px;
}
.switch-success > .switch-input:checked ~ .switch-label {
	background: #4fb845;
}
.switch-info > .switch-input:checked ~ .switch-label {
	background: #5BC0DE;
}
.switch-warning > .switch-input:checked ~ .switch-label {
	background: #FEEFB3;
}
.switch-warning > .switch-input:checked ~ .switch-label:after {
	color: #4D4D4D;
}
.switch-error > .switch-input:checked ~ .switch-label {
	background: #BD362F;
}
.switch-disabled > .switch-input:checked ~ .switch-label {
	background: #D9D9D9;
}
.mappableItem, .mappableItem-selected {
	background-color: #DEF2FB;
	border: 1px solid #46B8DA;
	border-radius: 8px;
    cursor: move;
    margin: 5px 0px 5px 5px;
    padding: 5px 10px 5px 5px;
    position: relative;
    user-select: none;
    z-index: 1;
}
.mappableItem-selected {
	background-color: #E3DEFB;
}
.layoutItem {
	border: 1px dashed #CCC;
	display: table;
	font-size: 12px;
	padding: 2px;
	position: absolute;
}
.layoutItem-overflow-clip {
	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
}
.mappableHandle {
	content: '....';
	width: 10px;
	display: inline-block;
	overflow: hidden;
	line-height: 5px;
	padding: 3px 3px;
	cursor: move;
	vertical-align: middle;
	margin-top: -.7em;
	font-size: 12px;
	font-family: sans-serif;
	letter-spacing: 2px;
	color: #cccccc;
	text-shadow: 1px 0 1px black;
}
.mappableHandle::after {
 	content: '.. .. .. ..';
}
.mappableContainerGroup {
	border: 1px dashed #AAA;
    border-radius: 8px;
    margin: 3px 0px;
    padding: 10px;
    user-select: none;
}
.mappableContainerGroup H5 {
	color: #1D5AAB;
	font-size: 11px;
	font-weight: bold;
}
.mappableContainer, .reportDefinition {
	border: 1px solid #AAA;
    margin: 5px 0px 5px 5px;
    padding: 5px 10px 5px 10px;
    user-select: none;
}
.mappableContainer {
    border-radius: 8px;
}
.reportDefinition {
	border: 1px solid #000;
	box-shadow: 10px 10px 5px 0px rgba(223,223,223,1);
	height: 774px;
	width: 612px;
}
.mappableContainer LABEL {
	color: #1D5AAB;
}
.mappableContainer SPAN {
	display: inline-block;
	min-width: 300px;
}
.mappableContainer.assigned {
	background-color: #DFF2DF;
}
.mappableContainer.over {
	background-color: #FFFFD4;
}
.reportDefinition hr {
	background-color: #FFF;
	border: none;
	border-top:1px solid #000;
	height: 1px;
}
.line-legend {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-top: 20px;
}
.line-legend LI {
	margin-bottom: 4px;
}
.line-legend SPAN {
	border-radius: 7px;
	float: left;
	height: 14px;
    margin-right: 8px;
	width: 14px;
}
/******* tree view ******/
.tree {
	margin: 1em;
}
.tree input {
	position: absolute;
	clip: rect(0, 0, 0, 0);
}
.tree input ~ ul {
	display: none;
}
.tree input:checked ~ ul {
	display: block;
}
.tree li {
	line-height: 1.2;
	position: relative;
	padding: 0 0 1em 1em;
	vertical-align: baseline;
}

.tree ul li {
	padding: 1em 0 0 1em;
}

.tree > li:last-child {
	padding-bottom: 0;
}
.tree_label {
	position: relative;
	display: inline-block;
	vertical-align: baseline;
}
label.tree_label {
	cursor: pointer;
}

label.tree_label:hover {
	font-weight: #41474a;
}
label.tree_label:before {
	background: #000;
	color: #fff;
	position: relative;
	z-index: 1;
	float: left;
	margin: 0 1em 0 -2em;
	width: 1em;
	height: 1em;
	border-radius: 1em;
	content: '+';
	text-align: center;
	line-height: .9em;
}
:checked ~ label.tree_label:before {
	content: '–';
}
.tree li:before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: -.5em;
	display: block;
	width: 0;
	border-left: 1px solid #777;
	content: "";
}
.tree_label:after {
	position: absolute;
	top: 0;
	left: -1.5em;
	display: block;
	height: 0.5em;
	width: 1em;
	border-bottom: 1px solid #777;
	border-left: 1px solid #777;
	border-radius: 0 0 0 .3em;
	content: '';
}
label.tree_label:after {
	border-bottom: 0;
}
:checked ~ label.tree_label:after {
	border-radius: 0 .3em 0 0;
	border-top: 1px solid #777;
	border-right: 1px solid #777;
	border-bottom: 0;
	border-left: 0;
	bottom: 0;
	top: 0.5em;
	height: auto;
}
.tree li:last-child:before {
	height: 1em;
	bottom: auto;
}
.tree > li:last-child:before {
	display: none;
}
.tree_custom {
	display: block;
	background: #eee;
	padding: 1em;
	border-radius: 0.3em;
}
.watermark {
	left: 45%;
	position: fixed;
	top: 5px;
}
.watermark p {
	font-size: 26px;
	font-weight: bold;
	color: #757577;
    -webkit-animation: tab-flash-error 1s step-start infinite;
	animation: tab-flash-error 1s step-start infinite;
}
.loader-container {
	display: inline-block;
    margin: 5px 10px;
}
.loader-container > DIV {
	border: 8px solid #f3f3f3;
	border-radius: 50%;
	border-top: 8px solid #3498db;
	width: 36px;
	height: 36px;
	-webkit-animation: loader-spin 2s linear infinite;
	animation: loader-spin 2s linear infinite;
}
.round {
	border-radius: 50%;
	border: 1px solid #4285f4;
	color: #4285f4;
	font-weight: bold;
    margin: 5px;
    padding: 10px;
}
.round-active {
	background-color: #4285f4;
	color: white;
}
.ez-xs {
	font-size: .75em;
}
.ez-sm {
	font-size: .875em;
}
.ez-lg {
	font-size: 1.33em;
	vertical-align: -25%;
}
.ez-2x {
	font-size: 2em;
}
.ez-3x {
	font-size: 3em;
}
.fa-4x, .ez-4x {
	font-size: 4em;
}
.fa-5x, .ez-4x {
	font-size: 5em;
}
.fa-6x, .ez-4x {
	font-size: 6em;
}
.fa-7x, .ez-4x {
	font-size: 7em;
}
.fa-8x, .ez-4x {
	font-size: 8em;
}
.fa-9x, .ez-4x {
	font-size: 9em;
}
.fa-10x, .ez-4x {
	font-size: 10em;
}
@-webkit-keyframes loader-spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}
@keyframes loader-spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

@media screen and (max-width: 800px) {
    .header-logo {
    	display: none;
    }
    .header-logo-sm {
    	display: inline;
    }
}
@media screen and (max-width: 790px) {
	.header .hsContainer {
        display: none;
    }
}
@media screen and (max-width : 568px) {
	.welcome {
		display: none;
	}
	.welcome-sm {
		display: inline;
	}
}
.flex {
	display: flex;
}
.items-center {
	align-items: center;
}