/* eServe Design 2012 */
html,body{ height: 100%; margin:0; padding:0; overflow:hidden;}

/* #### eServe Login #### */
#eserve_login_frame{
	overflow: auto;
	height: 100%;
	margin: 0;
	-webkit-font-smoothing: antialiased;
	display: flex;
    flex-direction: column;
    justify-content: center;
	padding: 6px;
}

/* #### eServe Top Bar #### */
#eserve_design_top{ 
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
}

#eserve_design_top .logo{ 
	padding: 2px 9px;
	font-size: 23px;
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#eserve_design_top #eserve_clock{ 	
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none; 
}

#eserve_design_top .profile_picture{ 
	width: 24px;
	height: 24px;
}

/* Bootstrap Fix */
#eserve_design_top .navbar-inner, #eserve_design_bottom .navbar-inner{
	height: 24px !important;
	min-height: 24px !important;
	padding: 0 !important;
}

#eserve_design_top #eserve_extra_menu.nav { margin: 0 !important; }
#eserve_design_top.navbar-fixed-top, #eserve_design_bottom.navbar-fixed-bottom{ margin: 0 !important; }
#eserve_design_top .divider-vertical{ height: 24px !important; margin: 0 !important;}
#eserve_design_top .nav>li>a{ padding: 2px 9px !important; }
#eserve_design_left.well{
	padding: 0 !important;
	margin: 0 !important;
	/*border: solid #e3e3e3!important;*/
	-webkit-border-radius: 0!important;
	-moz-border-radius: 0!important;
	border-radius: 0!important;
	-webkit-box-shadow: inset 1px 1px rgba(0,0,0,0.05)!important;
	-moz-box-shadow: inset 1px 1px rgba(0,0,0,0.05)!important;
	box-shadow: inset 1px 1px rgba(0,0,0,0.05) !important;
}





#eserve_design_left{
	position: absolute;
	overflow: auto;
	top: 24px;
	left: -200px;
	bottom: 24px;
	width: 199px; 
	border-width: 0 1px 0 0 !important;

	transition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari and Chrome */
	-o-transition: all 0.5s; /* Opera */
}

.eserve_open_left #eserve_design_left {
	left: 0px !important;
}

#eserve_design_center{
	position: absolute;
	overflow: auto;
	top: 24px;
	left: 0px;
	right: 0px;
	bottom: 24px;
	padding: 10px;
	opacity: 1;
	transition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari and Chrome */
	-o-transition: all 0.5s; /* Opera */
}

.eserve_loading #eserve_design_center{ 
	opacity: 0 !important;
}

.eserve_open_left #eserve_design_center{
	left: 200px !important;
}

#eserve_design_bottom{
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
}

/* eServe Loading Animation */
#eserve_loading_overlay {  
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:10000;
	background: rgb(255, 255, 255); /* The Fallback */
    background: rgba(255, 255, 255, 0.5); 
	background-repeat:no-repeat;
    background-position:center center;
	/*background-image:url('../media/ajax/loading.gif');*/
	/*display:none;*/
	visibility: hidden;
	transition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari and Chrome */
	-o-transition: all 0.5s; /* Opera */
    opacity: 0;
}

.eserve_loading #eserve_loading_overlay{ 
	visibility: visible !important; 
	opacity: 1 !important;
}/* AJAX Loading Animation *//*#circularG{position: absolute;top: 50%;left: 50%;margin-left: -64px;margin-top: -64px;width:128px;height:128px;}*/.circularG_init{position:absolute;top:50%;left:50%;margin-left:-64px;margin-top:-64px;width:128px;height:128px;}.circularG{position:absolute;background-color:#000000;width:29px;height:29px;-moz-border-radius:19px;-moz-animation-name:bounce_circularG;-moz-animation-duration:1.04s;-moz-animation-iteration-count:infinite;-moz-animation-direction:linear;-webkit-border-radius:19px;-webkit-animation-name:bounce_circularG;-webkit-animation-duration:1.04s;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:linear;-ms-border-radius:19px;-ms-animation-name:bounce_circularG;-ms-animation-duration:1.04s;-ms-animation-iteration-count:infinite;-ms-animation-direction:linear;-o-border-radius:19px;-o-animation-name:bounce_circularG;-o-animation-duration:1.04s;-o-animation-iteration-count:infinite;-o-animation-direction:linear;border-radius:19px;animation-name:bounce_circularG;animation-duration:1.04s;animation-iteration-count:infinite;animation-direction:linear;}#circularG_1{left:0;top:50px;-moz-animation-delay:0.39s;-webkit-animation-delay:0.39s;-ms-animation-delay:0.39s;-o-animation-delay:0.39s;animation-delay:0.39s;}#circularG_2{left:14px;top:14px;-moz-animation-delay:0.52s;-webkit-animation-delay:0.52s;-ms-animation-delay:0.52s;-o-animation-delay:0.52s;animation-delay:0.52s;}#circularG_3{top:0;left:50px;-moz-animation-delay:0.65s;-webkit-animation-delay:0.65s;-ms-animation-delay:0.65s;-o-animation-delay:0.65s;animation-delay:0.65s;}#circularG_4{right:14px;top:14px;-moz-animation-delay:0.78s;-webkit-animation-delay:0.78s;-ms-animation-delay:0.78s;-o-animation-delay:0.78s;animation-delay:0.78s;}#circularG_5{right:0;top:50px;-moz-animation-delay:0.91s;-webkit-animation-delay:0.91s;-ms-animation-delay:0.91s;-o-animation-delay:0.91s;animation-delay:0.91s;}#circularG_6{right:14px;bottom:14px;-moz-animation-delay:1.04s;-webkit-animation-delay:1.04s;-ms-animation-delay:1.04s;-o-animation-delay:1.04s;animation-delay:1.04s;}#circularG_7{left:50px;bottom:0;-moz-animation-delay:1.17s;-webkit-animation-delay:1.17s;-ms-animation-delay:1.17s;-o-animation-delay:1.17s;animation-delay:1.17s;}#circularG_8{left:14px;bottom:14px;-moz-animation-delay:1.3s;-webkit-animation-delay:1.3s;-ms-animation-delay:1.3s;-o-animation-delay:1.3s;animation-delay:1.3s;}@-moz-keyframes bounce_circularG{0%{-moz-transform:scale(1)}100%{-moz-transform:scale(.3)}}@-webkit-keyframes bounce_circularG{0%{-webkit-transform:scale(1)}100%{-webkit-transform:scale(.3)}}@-ms-keyframes bounce_circularG{0%{-ms-transform:scale(1)}100%{-ms-transform:scale(.3)}}@-o-keyframes bounce_circularG{0%{-o-transform:scale(1)}100%{-o-transform:scale(.3)}}@keyframes bounce_circularG{0%{transform:scale(1)}100%{transform:scale(.3)}}

/* CUSTOM CSS EXTENSIONS */
.btn-image{
	float: left;
	font-size: 22px;
}

/* #### CUSTOM BOOTSTRAP FIXES #### */
.breadcrumb {
	margin: -10px -10px 10px !important;
}

.form-actions{
	padding: 19px 10px 20px !important;
	margin: 10px -10px -30px -10px !important;	
}

img{
	max-width: initial !important;
}

#eserve_clock_calendar .ui-widget-content{ border: none !important; }

/* Fixes first child bug */
.row-fluid [class*="span"]:first-child.nochild {
	margin-left: 2.127659574468085%;
	*margin-left: 2.074468085106383%;
}
@media (max-width: 767px) {
	.row-fluid [class*="span"]:first-child.nochild {
		margin-left: 0;
	}
}

/* #### Dynamic Design #### */
/* - Smartphone Mobile View - */
/*
@media (max-width: 500px){ 
	#eserve_design_center{
		width: 100%;
	}
}*/
/*
@media (max-width: 767px){ 
	#eserve_design_center{
		width: 100%;
	}
}

@media (min-width: 1200px){ 
	.row-fluid [class*="span"]{
		margin-left: 0 !important;
	}
}
*/

/* #### CUSTOM BOOTSTRAP TAGS #### */
.input-prepend.input-fullwidth {
    position: relative;
	display: block;
	text-align: left;
}
.input-prepend.input-fullwidth .add-on {
    width: 10px;
}
.input-prepend.input-fullwidth .input-wrapper {
    position: absolute;
    display: block;
    left: 23px; /* 40 + 2*5 - 1 */
    right: 0;
    top: 0;
    bottom: 0;
}
.input-prepend.input-fullwidth .input-wrapper input {
    width: 100%;
    height: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}



.dropdown-menu.pull-right {
  	right: 0;
  	left: auto;
}

.dropdown-menu .divider {
  	*width: 100%;
  	height: 1px;
  	margin: 0px 1px;
  	*margin: -5px 0 5px;
  	overflow: hidden;
  	background-color: #e5e5e5;
  	border-bottom: 1px solid #ffffff;
}

.dropdown-menu a {
  	display: block;
  	padding: 5px 10px !important;
  	clear: both;
  	font-weight: normal;
  	line-height: 20px;
  	color: #333333;
  	white-space: normal !important;
}

.dropdown-menu li {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #f6f6f6;
}

.dropdown-menu li:first-child {
	border-top: 0px !important;
}

.dropdown-menu li:last-child {
	border-bottom: 0px !important;
}

.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
  	color: #ffffff;
  	text-decoration: none;
  	background-color: #0088cc;
  	background-color: #0081c2;
  	background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  	background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  	background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  	background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  	background-repeat: repeat-x;
  	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}

.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
  	color: #ffffff;
  	text-decoration: none;
  	background-color: #0088cc;
  	background-color: #0081c2;
  	background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  	background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  	background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  	background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  	background-repeat: repeat-x;
  	outline: 0 !important;
  	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}

.dropdown-menu .disabled > a,
.dropdown-menu .disabled > a:hover {
  	color: #999999;
}

.dropdown-menu .disabled > a:hover {
  	text-decoration: none;
  	cursor: default;
  	background-color: transparent;
}

.dropdown-menu-title {
	background: #f6f6f6;
	color: #646464;
	padding: 5px 10px;
	display: block;
}

.dropdown-menu ul,
.dropdown-menu ul li  {
	padding: 0px !important;
	margin: 0px !important;
}

.dropdown-menu.messages, .dropdown-menu.notifications{
	padding: 0 !important;
}

ul.notifications li,
ul.tasks li,
ul.messages li{
	width: 260px;
}

ul.notifications li .avatar img,
ul.tasks li .avatar img,
ul.messages li .avatar img {
	float: left;
	height: 40px;
	width: 40px;
	margin-right: 10px;
  	-webkit-border-radius: 4px;
       -moz-border-radius: 4px;
          	border-radius: 4px;
}


ul.messages li .header {
	display: block;
}

ul.messages li .header .from {
	font-size: 12px;
	font-weight: bold;
}

ul.notifications li .time,
ul.tasks li .header .percent,
ul.messages li .header .time {
	font-size: 11px;
	font-weight: bold;
	font-style: italic;
	position: absolute;
	right: 5px;
}
ul.tasks li .title,
ul.notifications li .message {
	font-size: 12px;
}

ul.notifications li.warning a {
	color: #FA5833;
}
 
ul.messages li .message {
	font-size: 11px;
}



/* #### CUSTOM ANIMATE.CSS TAGS #### */
.animated-fast{
	-webkit-animation-duration: 0.5s;
	   -moz-animation-duration: 0.5s;
	     -o-animation-duration: 0.5s;
	        animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	     -o-animation-fill-mode: both;
	        animation-fill-mode: both;
}

.animated-faster{
	-webkit-animation-duration: 0.3s;
	   -moz-animation-duration: 0.3s;
	     -o-animation-duration: 0.3s;
	        animation-duration: 0.3s;
	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	     -o-animation-fill-mode: both;
	        animation-fill-mode: both;
}


/* #### CUSTOM CSS TAGS #### */
.eserve_box {
	float: right;
	box-shadow: 0 0 5px 0 rgb(238, 238, 238);
	background: white;
	border: 1px solid #DFDFDF;
	border-radius: 5px;
	width: 90%;
	padding: 35px 0 30px;
}

.eserve_box .eserve_box_content {
	margin: 0 auto;
	width: 77%;
}

.eserve_division {
	margin: 0 auto 18px;
	border-top: 1px solid #DFDFDF;
	float: none;
	overflow: hidden;
	width: 100%;
	position: relative;
	text-align: center;
}

.eserve_nounderline:hover{
	text-decoration: none;
}

.text-center{ text-align: center !important; }




/* Messages page
================================================== */
ul.messagesOne { margin: 0 !important; }

.messagesOne li { position: relative; /*min-height: 36px;*/ margin: 0 18px 20px 18px; list-style: none; }
.messagesOne li:first-child { margin-top: 20px; }
.messagesOne > li.divider { border-top: 1px solid #DFDFDF!important; margin: 20px 0 20px 0!important; min-height: 0; }
.messagesOne > li.divider > span { background-color: #f5f5f5!important; }
.messagesOne .messageRow a { display: block; width: 37px; height: 36px; }

.messagesOne .by_user > a, .messagesOne .by_me > a  { position: absolute; top: 0; display: block; }
.messagesOne .by_user > a { left: 0; }
.messagesOne .by_me > a { right: 0; }

.messagesOne .by_user .aro, .messagesOne .by_me .aro { width: 8px; height: 9px;  position: absolute;  top: 12px; }
.messagesOne .by_user .aro { background: url(../media/chat_style/messageArrow_left.png) no-repeat; left: -8px; }
.messagesOne .by_me .aro { background: url(../media/chat_style/messageArrow_right.png) no-repeat; right: -8px; }

.messagesOne .by_user .messageArea, .messagesOne .by_me .messageArea { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; padding: 8px 12px; position: relative; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border: 1px solid; }
.messagesOne .by_user .messageArea { background: #fafeff; border-color: #b5cdd7; margin-left: 60px; }
.messagesOne .by_me .messageArea { background: #fefefe; border-color: #dcdcdc; margin-right: 60px; }

.by_user .name > strong { color: #2c596d; }
.by_me .name > strong { color: #393939; }

.infoRow { font-size: 11px; color: #949494; margin-bottom: 6px; margin-top: -2px; }
.infoRow:after { content: ""; display: block; clear: both; }
.infoRow > .time { float: right; }
.infoRow > .name { float: left; }

/* eServe Modern Fixes */
/*
.wui-main-container > .wui-sidebar-left{
	width: 200px;
	max-width: 200px;
	min-width: 200px;
}
*/

.wui-main-content{
	padding: 10px;
}

.wui-toolbar .wui-toolbar-search > input {height: initial;margin-bottom: initial;}

.wui-taskbar {
  height: 24px;
  background-color: #201f1e !important;
  border-top: solid 1px #343332;
  color: white;
}


.wui-sidebar-left li {
	white-space: nowrap;
	font-size: 14px;
	transition: font-size 0.5s ease-in-out, line-height 0.5s ease-in-out;
}

.wui-sidebar-left li.nav-header {
	font-size: 11px;
	transition: font-size 0.5s ease-in-out;
}

@media (max-width:550px) { 
	.wui-sidebar-left li {
		font-size: 16px;
		line-height: 32px;
	}

	.wui-sidebar-left li.nav-header {
		font-size: 14px;
	}
}

.wui-toolbar-title {
	cursor: pointer;
}

.wui-main-content{
	display: flex;
	flex-direction: column;
}

.flex {
	display: flex;
}

.flex-1 {
	flex: 1;
}

.flex-col {
	display: flex;
	flex-direction: column;
}

.flex-row {
	display: flex;
	flex-direction: row;
}

.flex-grow {
	flex-grow: 1;
}