@charset "utf-8";
/* CSS Document */
/*@font-face {
    font-family: 'Source Sans Pro';
    src: url('../font/Proxima-nova-regular/proximanova-regular.eot');
    src: url('../font/Proxima-nova-regular/proximanova-regular.eot?#iefix') format('embedded-opentype'),
         url('../font/Proxima-nova-regular/proximanova-regular.woff2') format('woff2'),
         url('../font/Proxima-nova-regular/proximanova-regular.woff') format('woff'),
         url('../font/Proxima-nova-regular/proximanova-regular.ttf') format('truetype'),
         url('../font/Proxima-nova-regular/proximanova-regular.svg#proxima_nova_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;
}*/
@font-face {
    font-family: 'proxima_novasemibold';
    src: url('../font/Proxima-nova-semi-bold/proximanova-semibold.eot');
    src: url('../font/Proxima-nova-semi-bold/proximanova-semibold.eot?#iefix') format('embedded-opentype'),
         url('../font/Proxima-nova-semi-bold/proximanova-semibold.woff2') format('woff2'),
         url('../font/Proxima-nova-semi-bold/proximanova-semibold.woff') format('woff'),
         url('../font/Proxima-nova-semi-bold/proximanova-semibold.ttf') format('truetype'),
         url('../font/Proxima-nova-semi-bold/proximanova-semibold.svg#proxima_novasemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

*
{
	margin:0px;
	padding:0px;
}
.clearfix
{
	clear:both;
}
a
{
	text-decoration:none;
}
a img
{
	border:none;
}
html,body{ height:100%;min-height:100%; }
body
{
	margin:0px;
	padding:0px;
	background:#d9d9d9;
	font-family:"Source Sans Pro", Helvetica, Arial, sans-serif;
}
body::-webkit-scrollbar{ width:8px; }
body::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); }
body::-webkit-scrollbar-thumb { background-color: darkgrey; outline: 1px solid slategrey; }

*::-webkit-scrollbar{ width:10px; }
*::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); }
*::-webkit-scrollbar-thumb { background-color:#F07D32; outline: 1px solid #CE6C26; }

*::-moz-scrollbar{ width:10px; }
*::-moz-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); }
*::-moz-scrollbar-thumb { background-color:#FFFFFF; outline: 1px solid #CE6C26; }

.mobile-logo{ display:none; }
.mobile-left-menu{ display:none; }
.top-tool.tool-one{ display:none !important; }
.top-tool.tool-two{ white-space: nowrap;width: 110px !important; }
#main-contianer,#contianer
{
	width:100%;
	height:100%;
}
#contianer div.content.row,
#main-contianer div.content.row{
	height: 94%;
	margin-left:0px;
	margin-right:0px;
}
#top-part
{
	width:100%;
	height:auto;
	/** background:#2b2e34; **/
	background:#51565F;
}
.top-part{
	height:auto;
	margin:0 auto;
	text-align:center;
}
.top-timer{
  width: 200px;
  height: auto;
  float:left;
  margin-left:0.5%;
  /** margin-top:7px; **/
  text-align:left;
}
.top-timer a img{ width: 180px;
    height: 56px;} 
.top-right{
  height: auto;
  float: right;
  width: auto;
  /** max-width: 575px; **/
  white-space: nowrap;
}
.user-tools{ display:inline-block;position: relative;width:100%;white-space:normal; }
.user-tools .top-tool{ display:inline-block; margin-top:15px; width:50px; vertical-align: top;text-align:center; }

.c_user, .user{ height:auto; border-left:solid 1px #353940; padding:8px 0px 8px 8px; float:right; position: relative; }
.c_user p, .user p { float:left; margin: 5px 0 0; }
.c_user p a, .user p a { font-family: 'Source Sans Pro'; font-size:14px; color:#b3b3b3; }
.c_user p span, .user p span{ font-family: 'Source Sans Pro'; font-size:11px; color:#b3b3b3; }
.uimg {
	float: left;
  margin:0 5px 0 0px;
  background-color: #B9BDC3;
  border-radius: 100%;
  height: 40px;
  width: 40px;
  overflow: hidden;
}
.uimg img{ width:100%; height:100%; }
.dnd_span{ float:right;margin: 17px 3px 0px;cursor: move;font-size: 14px; }
.schedule_page .data-coloum a.staff_name { color:#000000;line-height: 46px;font-size: 14px; }
.schedule_page .data-coloum a.uname { color:#000000;line-height: 46px;font-size: 14px; }
.uarrow
{
	float:left;
}
a.alerts:hover, a.msg:hover, a.mobile-left-menu:hover{ text-decoration:none; }
.alerts{
	float:none;position: relative;
}
.msg{
	float:none;
}
.mobile-left-menu{
	float:none;
}
.root{
  margin-bottom:0px;	
}
.submenu{
	/** background:#2b2e34; width:207px; **/
	background:#808080;
	width:100%;
	margin: 0px;
	z-index:9999;
	right: 0px;
	margin-top:9px;
	border-bottom-left-radius:10px;
}
.submenu ul li{
  border-bottom: 1px solid #E8E8E8;
  list-style: outside none none;
  padding: 15px 0 15px 15px;
  text-align:left;
}
.submenu ul li:last-child{ border-bottom-left-radius: 10px; }
.submenu ul li a{
    color: #E8E8E8;
    font-family: 'Source Sans Pro';
    font-size: 14px;
    padding: 0;
    width: 90%;
    display: block;
}
.root1
{
	
}
.submenu1{
	background: #2b2e34;
	width: 500px;
	height: 100%;
	margin: 0px;
	z-index:999;
	right: 0px;top:55px;
}
.submenu1 ul li
{
	border-bottom: 1px solid #b3b3b3;
    list-style: outside none none;
    padding: 15px 0;
}
.submenu1 ul li a
{
    color: #b3b3b3;
    font-family: 'Source Sans Pro';
    font-size: 14px;
    padding: 0 40px 20px;
}
#content
{
	width:100%;
	height:auto;
}
.menu-bar
{
	/** 
	height:100%;
	float:left;
	background:#fff; **/
	padding:10px 0px;
}
.menu-bar h1
{
	font-family: 'Source Sans Pro';
	font-size:20px;
	color:#7c8ca5;
	margin:0 0 10px 0px;
	padding:0px 20px;
}
.bottom-nav li { list-style:none; }
.bottom-nav li a{ padding: 0px 15px; }
.bottom-nav {
  float: none;
  padding: 5%;
  width: 90%;
  margin: 20px auto;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 1px 5px 0 #A7A7A7;
  text-align:center;
}
.topnav {
  float: none;
  padding: 5%;
  width: 90%;
  margin: 10px auto;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 1px 5px 0 #A7A7A7;
  /**
	  border-bottom: 1px solid #e4e5e8;
    float: left;
    padding: 25px 0 15px;
    width: 100%;
  **/
}
.topnav span{
  float: left;
	margin: 4px 5px 0 0;
}
.topnav li
{
	list-style:none;
	font-family: 'Source Sans Pro';
	font-size:18px;
	position: relative;
}
.topnav li a
{
	color:#444c5b;
}
.topnav li input[type="button"]{
  float: right;
	width:108px;
	height:32px;
	background:#fff;
	border:solid 1px #1e95ee;
	font-family: 'Source Sans Pro';
	font-size:14px;
	color:#1e95ee;
	background:url(../image/view-more-arrow.png) no-repeat right center;
	margin:0px;
	cursor:pointer;
	border-radius:3px;
  -moz-border-radius: 3px; /* Firefox */
  -webkit-border-radius: 3px; /* Safari, Chrome */
}
.topnav li input[type="button"]:hover
{
    float: right;
	width:108px;
	height:32px;
	background:#1e95ee;
	border:solid 1px #1e95ee;
	font-family: 'Source Sans Pro';
	font-size:14px;
	color:#fff;
	background:#1e95ee url(../image/view-more-arrow-hover.png) no-repeat right center;
	margin:0 20px 0 0px;
	cursor:pointer;
}
.subnav li{
	font-size:14px;
	margin:10px 0px;
  clear: both;
  min-height:20px;
}
.left-nav-head{
  padding-bottom: 5px;
  border-bottom: 1px solid #A7A7A7;
  width: 100%;
  display: block;
  text-decoration: none !important;
}
ul.subnav { margin-bottom: 5px; }
.topnav li a.bussiness-add-sign-btn{ position: absolute; right: 0; top: 5px; }
.subnav div:hover{ background-color:#BCDEF7; }
.subnav div:hover > .show-on-hover{ visibility: visible; }
.subnav div {
  line-height: 30px;
  padding-left:0px;
}
.subnav li input[type="text"] {
	display:block;
	width:100%;
	height:35px;
	font-family: 'Source Sans Pro';
	font-size:14px;
	color:#586577;
	background: url(../image/search-icon.png) no-repeat right center #d9d9d9;
	margin:0px auto;
	border:none;
	border-radius:5px;
  -moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px; /* Safari, Chrome */
	padding:0 30px 0 20px;
}
.checkbox-custom, .radio-custom {
    opacity: 0;
    position: absolute;   
}

.checkbox-custom, .checkbox-custom-label, .radio-custom, .radio-custom-label {
    display: inline-block;
    vertical-align: middle;
    margin: 2px 2px;
    cursor: pointer;
	font-size:14px;
}

.checkbox-custom-label, .radio-custom-label {
    position: relative;
}

.checkbox-custom + .checkbox-custom-label:before, .radio-custom + .radio-custom-label:before {
    content: '';
    background:url(../image/checkbox.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 12px;
    margin-right:5px;
    text-align: center;
}

.checkbox-custom:checked + .checkbox-custom-label:before {
   
    background:url(../image/checkbox-check.png) no-repeat;
    color: #fff;
}

.radio-custom + .radio-custom-label:before {
  border-radius: 50%;
  -moz-border-radius: 50%; /* Firefox */
  -webkit-border-radius: 50%; /* Safari, Chrome */
}

.radio-custom:checked + .radio-custom-label:before {
    background:url(../image/checkbox-check.png) no-repeat;
    color: #bbb;
}
.right-bar
{
	height:auto;
	float:right;
  padding-left: 0px;
  padding-right: 10px;
}
/**
.right-heading-btn{
	width:50%;
	height:auto;
	margin:20px auto;
	text-align: center;
}  **/
.right-heading-btn {
  height: auto;
  margin: 10px 0px 8px 31%;
  text-align: center;
  display: table;
}
.publishShiftBtnDiv{
	/** display: inline-block;margin: 0px auto;width:auto;max-width: 200px; **/
	position: absolute;margin:0px auto; width: auto;max-width: 200px;left: 50%;margin-left: -100px; z-index: 999;
}
.publishShift{
 background:#0B883E;
 font-family: 'Source Sans Pro';
 font-size:14px;
 color:#FFFFFF;
 width:190px;
 height:40px;
 float:left;
 border-radius:5px;
 border:none;
 font-weight:bold;
 cursor:pointer;
 margin-top:10px
}
.add_new_dropdown {
 background:#222c3c;
 font-family: 'Source Sans Pro';
 font-size:14px;
 color:#FFFFFF;
 width:188px;
 height:50px;
 float:left;
 border-radius:0px 5px 5px 0px;
 border:none;
 cursor:pointer;
 font-weight:bold;
}

.Scheduler{
	background:#222c3c url(../image/Scheduler-icon.png) no-repeat -20px center;
	font-family: 'Source Sans Pro';
	font-size:14px;
	color:#7787a0;
	width:150px;
	height:50px;
	float:left;
	border:none;
	font-weight:bold;
	cursor:pointer;
	margin-right: 3px;
}
.Inventory{
	background:#222c3c no-repeat -20px center;
	font-family: 'Source Sans Pro';
	font-size:14px;
	color:#7787a0;
	width:150px;
	height:50px;
	float:left;
	border:none;
	font-weight:bold;
	cursor:pointer;
	margin-right: 3px;
}

.Scheduler-active{
	background:#245986 url(../image/Scheduler-icon-hover.png) no-repeat -20px center!important;
	color:#fff !important;
	border:solid 1px #1e95ee;
}
.Scheduler:hover{ background:#245986 url(../image/Scheduler-icon-hover.png) no-repeat -20px center;color:#fff; }

.Events{
	background:#222c3c url(../image/event-icon.png) no-repeat -20px center;
	font-family: 'Source Sans Pro';
	font-size:14px;
	color:#7787a0;
	width:150px;
	height:50px;
	float:left;
	border:none;
	cursor:pointer;
	font-weight:bold;
	margin-right: 3px;
}
.Events-active{
	background:#245986 url(../image/event-icon-hover.png) no-repeat -20px center!important;
	color:#fff!important;
	border:solid 1px #1e95ee;
}
.Events:hover{
	background:#245986 url(../image/event-icon-hover.png) no-repeat -20px center;
	color:#fff;
	border:solid 1px #1e95ee;
}
.Order{
	background:#222c3c;
	font-family: 'Source Sans Pro';
	font-size:14px;
	color:#7787a0;
	width:150px;
	height:50px;
	float:left;
	border:none;
	cursor:pointer;
	font-weight:bold;
	margin-right: 3px;
}
.Storage{
	background:#222c3c url(../image/event-icon.png) no-repeat -20px center;
	font-family: 'Source Sans Pro';
	font-size:14px;
	color:#7787a0;
	width:150px;
	height:50px;
	/** float:left;
	border-radius:0px 5px 5px 0px; **/
	border:none;
	cursor:pointer;
	font-weight:bold;
	margin-right: 3px;
}
.Storage:hover{
	background:#245986 url(../image/event-icon-hover.png) no-repeat -20px center;
	color:#fff;
	border:solid 1px #1e95ee;
}

.right-heading-btn a:first-child input[type="button"]{
	border-radius:5px 0px 0px 5px;
  -moz-border-radius: 5px 0px 0px 5px; /* Firefox */
  -webkit-border-radius: 5px 0px 0px 5px; /* Safari, Chrome */
}
.right-heading-btn a:last-child input[type="button"]{
	border-radius:0px 5px 5px 0px;
  -moz-border-radius: 0px 5px 5px 0px; /* Firefox */
  -webkit-border-radius: 0px 5px 5px 0px; /* Safari, Chrome */
}

.top-head-blank a:first-child input[type="button"]{
	border-radius:5px 0px 0px 5px;
  -moz-border-radius: 5px 0px 0px 5px; /* Firefox */
  -webkit-border-radius: 5px 0px 0px 5px; /* Safari, Chrome */
}
.top-head-blank a:last-child input[type="button"]{
	border-radius:0px 5px 5px 0px;
  -moz-border-radius: 0px 5px 5px 0px; /* Firefox */
  -webkit-border-radius: 0px 5px 5px 0px; /* Safari, Chrome */
}

.event-detail-list {
	width:100%;
	max-height:1000px;
	height:auto;
	background:#fff;
	float:left;
	margin:0px;
	padding:20px;
	border-radius: 4px;
	box-shadow: 1px 5px 0 #A7A7A7;
	overflow: hidden;
	margin-bottom: 10px;
}
.date-area{
	width:auto;
	height:auto;
	float:left;
	font-family: 'Source Sans Pro';
	font-size:20px;
	color:#242833;
}
.day-area{
	width:auto;
	height:auto;
	text-align: right;
}
.day-area .today{
	width:90px;
	height:30px;
	border:solid 1px #a1a6b1;
	background:#fff;
	box-shadow: 0px 0px 10px #e5e5e5;
	font-family: 'Source Sans Pro';
	font-size:12px;
	color:#666d80;
	cursor:pointer;
	padding:6px 20px;
}

.day-area .day
{
	width:90px;
	height:30px;
	border:solid 1px #a1a6b1;
	background:#fff;
	box-shadow: 0px 0px 10px #e5e5e5;
	font-family: 'Source Sans Pro';
	font-size:12px;
	color:#666d80;
	cursor:pointer;
	padding:6px 20px;
	margin:0 0 0 15px;
}

.day-area .week
{
	width:90px;
	height:30px;
	border:solid 1px #a1a6b1;
	background:#fff;
	box-shadow: 0px 0px 10px #e5e5e5;
	font-family: 'Source Sans Pro';
	font-size:12px;
	color:#666d80;
	cursor:pointer;
	padding:6px 20px;
	margin:0 0 0 -5px;
}

.day-area .month
{
	width:90px;
	height:30px;
	border:solid 1px #a1a6b1;
	background:#fff;
	box-shadow: 0px 0px 10px #e5e5e5;
	font-family: 'Source Sans Pro';
	font-size:12px;
	color:#666d80;
	cursor:pointer;
	padding:6px 20px;
	margin:0 0 0 -5px;
}
.day-area .today:hover
{
	width:90px;
	height:30px;
	border:solid 1px #a1a6b1;
	background:#1e95ee;
	box-shadow: 0px 0px 10px #e5e5e5;
	font-family: 'Source Sans Pro';
	font-size:12px;
	color:#fff;
	cursor:pointer;
	padding:6px 20px;
}

.day-area .day:hover
{
	width:90px;
	height:30px;
	border:solid 1px #a1a6b1;
	background:#1e95ee;
	box-shadow: 0px 0px 10px #e5e5e5;
	font-family: 'Source Sans Pro';
	font-size:12px;
	color:#fff;
	cursor:pointer;
	padding:6px 20px;
	margin:0 0 0 15px;
}

.day-area .week:hover
{
	width:90px;
	height:30px;
	border:solid 1px #a1a6b1;
	background:#1e95ee;
	box-shadow: 0px 0px 10px #e5e5e5;
	font-family: 'Source Sans Pro';
	font-size:12px;
	color:#fff;
	cursor:pointer;
	padding:6px 20px;
	margin:0 0 0 -5px;
}

.day-area .month:hover
{
	width:90px;
	height:30px;
	border:solid 1px #a1a6b1;
	background:#1e95ee;
	box-shadow: 0px 0px 10px #e5e5e5;
	font-family: 'Source Sans Pro';
	font-size:12px;
	color:#fff;
	cursor:pointer;
	padding:6px 20px;
	margin:0 0 0 -5px;
}

.day-area .printer
{
	width:90px;
	height:30px;
	border:solid 1px #a1a6b1;
	background:#fff;
	box-shadow: 0px 0px 10px #e5e5e5;
	font-family: 'Source Sans Pro';
	font-size:12px;
	color:#666d80;
	cursor:pointer;
	padding:6px 20px;
	margin:0 0 0 15px;
}

.day-area .more
{
	width:90px;
	height:30px;
	border:solid 1px #a1a6b1;
	background:#fff;
	box-shadow: 0px 0px 10px #e5e5e5;
	font-family: 'Source Sans Pro';
	font-size:12px;
	color:#666d80;
	cursor:pointer;
	padding:6px 20px;
	margin:0 0 0 -5px;
}
.active-day
{
	background:#1e95ee!important;
	color:#fff!important;
}
.detail-table {
	width:100%;
	height:870px;
	float:left;
	margin:5px 0 0 0px;
	overflow-x: hidden;
	overflow-y: auto;
}
.table-heading
{
	width:100%;
	height:auto;
	background:#ebeff2;
	border:solid 1px #d9d9d9;
	border-bottom:solid 0px #d9d9d9;
}
.schedule_table{ border-color:#d9d9d9; border: 1px solid #d9d9d9; table-layout: fixed; }
table.schedule_table thead tr{ background: #ebeff2 none repeat scroll 0 0; }
table.schedule_table thead tr td{ border-width: 0px;padding:5px; }
table.schedule_table tbody tr td{ /** border: 1px solid #d9d9d9; **/ border: 1px solid rgba(109, 109, 109, 0.17);padding:5px 4px; }

.shift_not_published{ background-image:url('../image/shift-item-hash.png'); }
.header-icons{ font-size:26px !important;color:#d9d9d9;line-height:36px !important; }
.show-on-hover { visibility:hidden; }
.plus-sign{ float:right;color:#1166A5;margin-right:5px;font-size: 24px;line-height: 30px; }
.pencil-sign{ float:right;color:#1166A5;margin-right:10px;font-size:16px !important;line-height: 30px !important; }
.heading-field
{
    color: #666d80;
    float: left;
    font-family: 'Source Sans Pro';
    font-size: 16px;
    font-weight: bolder;
    height: auto;
    text-align: center;
    width:100%;
    line-height:30px;
}
.data-coloum{
	width:100%;
	height:100%;
	float:left;
	/**
	border-left:solid 1px #d9d9d9;
	border-right: solid 1px #d9d9d9;
  border-bottom: solid 1px #d9d9d9;
  display: inline-table;
  background-image: url('../image/table-bg.png');
  background-size: 12.59%;
  **/
}
.data-coloum div.date-fields{
	/**
	border-right: solid 1px #d9d9d9;
	width: 12.49%;
  **/
  float: left;
  width:100%;
  min-height: 51px;
  height:100%;
}
.data-coloum div.date-fields:last-child{ /** border-right:solid 0px #d9d9d9;**/ }
.data-field-odd{
	/**
	background:url(../image/green-line.png) no-repeat center; background-size:95% 80%; color: #666d80;max-width:200px;
  float: left; font-family: 'Source Sans Pro'; font-size: 16px; font-weight: bolder; height: 50px; width:100%;cursor:pointer;
  **/
  font-size: 16px; font-weight: bolder;
  width: auto;
  height: 48px;
  margin: 0px auto 3px;
  position: relative;
  clear: both;
  border-radius:3px;
  background-color: rgb(197, 239, 204);
  text-align: center;
  color: #666d80;
  font-family: 'Source Sans Pro';
  cursor:pointer;
  padding-top:1px;
}
.data-field-odd-empty{
    color: #666d80;
    float: left;
    font-family: 'Source Sans Pro';
    font-size: 16px;
    font-weight: bolder;
    height: 50px;
    width:100%;
    max-width:200px;
    margin: 0px auto 5px;
}
.data-field-odd p{
	color: #ffffff;
  font-family: 'Source Sans Pro';
  font-size:12px;
  font-weight: inherit;
  margin:5px auto 2px;
  text-align: center;
  /**
  font-size: 12px;
  margin: 0px;
  margin-left: 5%;
  float: left;
  padding:10px;
  **/
}
.data-field-odd p span{
	color: #5e6b80;
  float: left;
  font-family: 'Source Sans Pro';
  font-size: 10px;
  font-weight: normal;
}
.data-field-odd a.pos_tag_line{
  font-size: 12px;
  padding:1px 0px 1px;
  width: 100%;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  background-color: rgba(8, 8, 8, 0.34);
  color: #ffffff !important;
  display: block;    
  position: absolute;
  bottom:0px;
  left:0px;
  /**
	  background: #fff none repeat scroll 0 0;
    border-radius: 25px;
    color: #6cd97e;
    font-size: 13px;
    margin: 0 auto;
    padding: 2px 5px;
  **/
  /**
    float: left;
    margin: 15px 0;
    padding: 2px 11px;
  **/
}

.schedule_page .data-field-even{ width:100%;max-width:200px;text-align: center; }
.data-field-even
{
	background:url(../image/purole-line.png) no-repeat center;
	background-size:95% 80%;
    color: #666d80;
    float: left;
    font-family: 'Source Sans Pro';
    font-size: 16px;
    font-weight: bolder;
    height: 50px;
    width:100%;
    max-width:200px;
	  cursor:pointer;
}
.data-field-even-empty
{
    color: #666d80;
    float: left;
    font-family: 'Source Sans Pro';
    font-size: 16px;
    font-weight: bolder;
    height: 50px;
    width:100%;max-width:200px;
	margin:3px;
	border-right:solid 1px #d9d9d9;
}
.data-field-even p
{
	color: #242833;
    
    font-family: 'Source Sans Pro';
    font-size:12px;
    font-weight: inherit;
    margin:7px auto 0px;
    text-align: center;
    /**
    float: left;
    padding:10px;
    margin:0px;
    margin-left: 5%;
    **/
}
.data-field-even p span
{
	color: #5e6b80;
    float: left;
    font-family: 'Source Sans Pro';
    font-size: 10px;
    font-weight: normal;
}
.data-field-even a {
	background: #fff none repeat scroll 0 0;
  border-radius: 25px;
  font-size:13px;
  margin: 0 auto;
  padding: 2px 10px;
  color:#801eee;
  /**
  float: left;
  margin: 15px 0;
  padding: 2px 11px;
  **/
}

































.container { /** width: 960px;  **/ margin: 0 auto; overflow: hidden;}

#content {	float: left; width: 100%;}

.post { margin: 0 auto; padding-bottom: 50px; float: left; width: 960px; }
.btn.login-btn{
	background: #F07D32; border-color: #F07D32;
}
.btn-sign {
	width:460px;
	margin-bottom:20px;
	margin:0 auto;
	padding:20px;
	border-radius:5px;
	background: -moz-linear-gradient(center top, #00c6ff, #018eb6);
    background: -webkit-gradient(linear, left top, left bottom, from(#00c6ff), to(#018eb6));
	background:  -o-linear-gradient(top, #00c6ff, #018eb6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#00c6ff', EndColorStr='#018eb6');
	text-align:center;
	font-size:36px;
	color:#fff;
	text-transform:uppercase;
}

.btn-sign a { color:#fff; text-shadow:0 1px 2px #161616; }

#mask {
	display: none;
	background: #000; 
	position: fixed; left: 0; top: 0; 
	z-index: 10;
	width: 100%; height: 100%;
	opacity: 0.8;
	z-index: 999;
}
/*Postion Popup*/
.position-popup{
	display:none;
	background: #fff;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	border-radius:6px 6px 6px 6px;
    -moz-border-radius: 3px; /* Firefox */
    -webkit-border-radius: 3px; /* Safari, Chrome */
	width:570px;
}
.position-popup h1
{
	background: #2b2e34;
	font-family: 'Source Sans Pro';
	font-size: 30px;
	color: #fff;
	border-radius: 3px 3px 0px 0px;
	padding: 20px 20px;
	font-weight:normal;
	    margin-top: 0px;
}
.position-popup input[type="submit"]
{
	border-radius:3px;
	background:#1e95ee;
	width:auto;
	height:36px;
	font-family: 'Source Sans Pro';
	font-size:14px;
	padding:0 15px;
	margin:0px 30px 30px 0px;
	float:right;
	color:#fff;
	border:none;
}
/*Postion Popup*/
/*timeOff Popup*/
.timeoff-popup{
	display:none;
	background: #fff;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top:40px; left:50%; margin-left: -300px; width: 600px;
	z-index: 99999;
	border-radius:6px 6px 6px 6px;
  -moz-border-radius: 6px; /* Firefox */
  -webkit-border-radius:6px; /* Safari, Chrome */
  padding-bottom: 20px;
}
.timeoff-popup h1
{
	background: #2b2e34;
	font-family: 'Source Sans Pro';
	font-size:18px;
	color: #fff;
	border-radius: 3px 3px 0px 0px;
	padding: 14px 20px;
	font-weight:normal;
	margin-top: 0px;
}
.timeoff-popup input[type="submit"]
{
	border-radius:3px;
	background:#1e95ee;
	width:150px;
	height:36px;
	font-family: 'Source Sans Pro';
	font-size:14px;
	padding:0 0 0 15px;
	margin:0px 30px 30px 0px;
	float:right;
	color:#fff;
	border:none;
}
/*timeOff Popup*/
/*Event Popup*/
.event-popup{
	display:none;
	background: #fff;
	float: left;
	font-size: 1.2em;
	position: absolute !important;
	top: 50% !important; margin-top: -322px; left: 50%;
	z-index: 99999;
	border-radius:6px 6px 6px 6px;
    -moz-border-radius: 3px; /* Firefox */
    -webkit-border-radius: 3px; /* Safari, Chrome */
	width:570px;
}
.event-popup h1
{
	background: #2b2e34;
	font-family: 'Source Sans Pro';
	font-size: 30px;
	color: #fff;
	border-radius: 3px 3px 0px 0px;
	padding: 20px 20px;
	font-weight:normal;
	    margin-top: 0px;
}
.event-popup input[type="submit"]
{
	border-radius:3px;
	background:#1e95ee;
	width:150px;
	height:36px;
	font-family: 'Source Sans Pro';
	font-size:14px;
	padding:0 0 0 15px;
	margin:0px 30px 30px 0px;
	float:right;
	color:#fff;
	border:none;
}
/*Event Popup*/

.login-popup{
	display:none;
	background: #fff;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top:10%; left: 50%;
	z-index: 99999;
	border-radius:6px 6px 6px 6px;
  -moz-border-radius: 3px; /* Firefox */
  -webkit-border-radius: 3px; /* Safari, Chrome */
	width:570px;
	height:520px;
	margin-left:-285px;
}
.login-popup h1
{
	background: #2b2e34;
	font-family: 'Source Sans Pro';
	font-size: 30px;
	color: #fff;
	border-radius: 3px 3px 0px 0px;
	padding: 20px 20px;
	font-weight:normal;
	    margin-top: 0px;
}
.popup-send-input{
	width:515px;
	height:auto;
	margin:20px auto 0px;
  /** max-height: 420px; **/
  overflow-y: auto;
  padding-right: 10px;
  padding-bottom: 10px;
}
.popup-send-input p
{
	font-family: 'Source Sans Pro';
	font-size: 14px;
	color: #2b2e34;
}
.event_time_from{ width:45% !important; }
.event_time_to{ width:45% !important; }
.joiner-span{ margin-left: 12px;margin-right: 4px; }
.popup-send-input input[type="text"], .popup-send-input input[type="number"] {
	border:solid 1px #ccd0d5;
	border-radius:3px;
	background:#fff;
	width:495px;
	height:36px;
	font-family: 'Source Sans Pro';
	font-size:14px;
	padding:0 0 0 15px;
	margin:10px 0 30px 0px;
}
.popup-send-input textarea
{
	border:solid 1px #ccd0d5;
	border-radius:3px;
	background:#fff;
	width:495px;
	height:84px;
	font-family: 'Source Sans Pro';
	font-size:14px;
	padding:10px 0 0 15px;
	margin:10px 0 30px 0px;
	resize:none;
}
.login-popup input[type="submit"]
{
	border-radius:3px;
	background:#1e95ee;
	width:150px;
	height:36px;
	font-family: 'Source Sans Pro';
	font-size:14px;
	padding:0 0 0 15px;
	margin:0px 30px 30px 0px;
	float:right;
	color:#fff;
	border:none;
}
img.btn_close {
	float: right; 
	/** margin: -28px -28px 0 0; **/
	margin:5px 6px 0 0
}

fieldset { 
	border:none; 
}

form.signin .textbox label { 
	display:block; 
	padding-bottom:7px; 
}

form.signin .textbox span { 
	display:block;
}

form.signin p, form.signin span { 
	color:#999; 
	font-size:11px; 
	line-height:18px;
} 

form.signin .textbox input { 
	background:#666666; 
	border-bottom:1px solid #333;
	border-left:1px solid #000;
	border-right:1px solid #333;
	border-top:1px solid #000;
	color:#fff; 
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	font:13px Arial, Helvetica, sans-serif;
	padding:6px 6px 4px;
	width:200px;
}

form.signin input:-moz-placeholder { color:#bbb; text-shadow:0 0 2px #000; }
form.signin input::-webkit-input-placeholder { color:#bbb; text-shadow:0 0 2px #000;  }

.button { 
	background: -moz-linear-gradient(center top, #f3f3f3, #dddddd);
	background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#dddddd));
	background:  -o-linear-gradient(top, #f3f3f3, #dddddd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f3f3f3', EndColorStr='#dddddd');
	border-color:#000; 
	border-width:1px;
	border-radius:4px 4px 4px 4px;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
	color:#333;
	cursor:pointer;
	display:inline-block;
	padding:6px 6px 4px;
	margin-top:10px;
	font:12px; 
	width:214px;
}
.button:hover { background:#ddd; }

.addbtnDiv{
  background: url('../image/hover_blank_div.png') no-repeat center; text-align: center;
  background-size: 95% 80%;height:50px; visibility:hidden;
}
.data-field-odd-empty:hover > .addbtnDiv { visibility:visible;cursor:pointer; }

.form-field-div{ display:block;margin:5px auto 25px;padding:0px; }
.form-field-div label{ display:block;width:auto;padding:3px 0px;font-size:12px;font-family: 'Source Sans Pro'; color:#2b2e34; }
.form-field-div label.full-label{ width:100%;clear:both; }
.form-field-div div.fields{ display:block;width:auto;position:relative;}
.form-field-div div.fields .margin-left-25{margin-left:-26px;}
.form-field-div div.fields .radio-field{ font-size: 14px;color:#555;display:inline-block;line-height: 25px;margin-right:10px; }
.radio-field input[type=radio]{ vertical-align: middle;margin: 0px; }
.width-33-inline{ width:33%;display:inline-block; }
.width-32-inline{ width:32%;display:inline-block; }
.width-31-inline{ width:31%;display:inline-block; }
.width-30-inline{ width:30%;display:inline-block; }
.width-49-inline{ width:49%;display:inline-block; }
.form-field-div input[type="text"]{ width: auto;margin: 0px 0 10px 0px; }
.form-field-div input[type="number"]{ width: auto;margin: 0px 0 10px 0px; }
.form-field-div textarea{ width:100%;margin: 0px 0 10px 0px; }
.form-field-div select{
  border: solid 1px #ccd0d5;
  border-radius: 3px;
  background: #fff;
  width: 100%;
  height: 36px;
  font-family: 'Source Sans Pro';
  font-size: 14px;
  padding: 0 0 0 15px;
  margin: 0px 0 10px 0px;
}
.form-field-div.empty_space{ border-bottom: solid 1px #ccd0d5; }

.default-popup{ display:none; background: #fff; float: left; font-size: 1.2em; position: fixed; top:10%; z-index: 99999;width:570px;
	border-radius:6px 6px 6px 6px;
  -moz-border-radius: 3px; /* Firefox */
  -webkit-border-radius: 3px; /* Safari, Chrome */
  padding-bottom: 20px;
   left: 50%;
   margin-left: -285px;
}
.default-popup h1{ background: #2b2e34; font-family: 'Source Sans Pro'; font-size: 30px; color: #fff;
	border-radius: 3px 3px 0px 0px; padding: 20px 20px; font-weight:normal; margin-top: 0px;
}
.default-popup input[type="submit"]{ border-radius:3px; background:#1e95ee; width:150px; height:36px; font-family: 'Source Sans Pro';
	font-size:14px; padding:0 0 0 15px; margin:0px 30px 30px 0px; float:right; color:#fff; border:none;
}

/** Code start for add employee popup **/
@media screen and (max-width:960px){
	img.btn_close{
		margin:-28px 0px 0px 0px;
	}
		#epn-popup{
    width: 96% !important;
    left: 48% !important;
    margin-left: -46% !important;
    top: 8%;
    position: fixed;
		}
		#epn-popup .close{ margin-right: 10px; margin-top: -6px; }
		.epnmenu{
			height:auto !important;
		}
		.epnmenu ul li{
			padding:20px 0 20px 20px;
			list-style:none;
			color:white;
			font-size:14px;
			border-bottom:1px solid #393D45;
			width:30%;
			display:inline-block;
			text-align:center;
		}
		.epnmenu ul li a{
			color:#fff;
			text-decoration:none;
			}
		.epnmenu ul li.selected{
			border-left:3px solid #1E95EE;
			background-color:#000;
			width:30%;
			display:inline-block;
			text-align:center;
		}
		#employee,#position,#notes{
				height:400px !important;
				overflow-y:scroll; overflow-x:hidden;
		}
		#triangle-left {
border-left: 8px solid transparent !important;
border-right: 8px solid transparent !important;
border-bottom: 8px solid white !important;
position: absolute;
margin-left: 12%;
		}
		}
.add_eployee_class_popup{ display:none; background: #fff; float: left; font-size: 1.2em; position: fixed; top:20%; left:23%; z-index: 99999;width:570px;
	border-radius:6px 6px 6px 6px;
  -moz-border-radius: 3px; /* Firefox */
  -webkit-border-radius: 3px; /* Safari, Chrome */
  font-family: 'Source Sans Pro' !important;
  color:#2b2e34;
}

		.epnmenu{
			background-color:#2B2E34;
			border-radius:5px 0px 0px 5px;
			padding:0px;
		}
		.epnmenu ul li{
			padding:20px 0 20px 20px;
			list-style:none;
			color:white;
			font-size:14px;
			border-bottom:1px solid #393D45;
		}
		.epnmenu ul li a{
			color:#fff;
			text-decoration:none;
			}
		.epnmenu ul li.selected{
			border-left:3px solid #1E95EE;
			background-color:#000;
		}
		#triangle-left {
			width: 0;
			height: 0;
			border-top: 10px solid transparent;
			border-right: 14px solid white;
			border-bottom: 10px solid transparent;
			float:right;
			margin-top:2px;
			}
		#epn-popup{
			width:1000px;
			left:50%;
			margin-left:-500px;
		}

		#employee,#position,#notes{
			display:none;
		}
		#employee h1,#position h1,#notes h1{
			background:none;
			color:#273142;
		}
		#employee .row,#position .row,#notes .row{
			margin:10px;
		}
		#epn-popup,.epnmenu,.epnsidebar,#employee,#position,#notes{
			height:500px;
		}
		.alert-position{
			background-color:#D5D4D9;
			color:#6A7083;
			padding:5px 10px;
			padding-right:40px;
			min-height: 40px;
		}
		.close{ opacity:1; }
		.alert-position .close,
		.alert-position .close:hover{
			background:#6A7083;
			padding:0px 5px 0px 5px;
			margin-top:5px;
			color:#D5D4D9;
		}
		.photoide
		{
			background-color:#B9BDC3;
			border-radius:100%;
			height:60px;
			width:60px;
			overflow:hidden;
		}
/** Code Ends for add employee popup **/
.color-options{height: 22px;
    width: 22px;
    margin: 1px;
    float: left;
    cursor: pointer;
  border-radius: 2px;}
  
  .color-options-main{height: 22px;
    width: 22px;
    margin: 1px;
    float: left;
    cursor: pointer;
  border-radius: 2px;
  }
  
  .color_disc{max-width: 312px;
    border: 1px solid #CCC;
    background-color: #333;
    padding: 9px;
  border-radius: 3px;
  height:50%;
  position:absolute;
  margin-left: 27px;
  }
  
@media all and min-width(2025px){
	.data-field-odd, .data-field-odd-empty{ max-width:280px; }
}
.data-field-odd:hover > .action-data-field{ visibility: visible; }
.data-field-timeslot:hover > .action-data-field{ visibility: visible; }
.data-field-odd.data-field-timeslot-off:hover > .action-data-field{ visibility:hidden; }

.action-data-field{
	visibility: hidden;padding: 5px 2px;
  position: absolute; top:0px; font-size: 16px; font-weight: bolder;
  width:100%; height:50px;background-color:#D9D9D9;white-space: nowrap;
  text-align: center; color: #666d80; font-family: 'Source Sans Pro'; cursor: pointer;
}
.action-data-field a.edit_href{
	display: inline-block; padding:0px; color: #ffffff; background-color:#245986;line-height: 30px;
  margin:5px 2px 0px 5px; border-radius: 3px; float: left !important; font-size: 12px; text-decoration:none;width:70%;
}
.action-data-field a.trash_icon{
	background: none; color:#000000; font-size: 26px; padding: 0px; margin-top:5px; display: inline-block;vertical-align: top;    margin-left: -5px;
}
.action-data-field a.info_href_emp{
	display: inline-block;padding: 0px; color: #ffffff; background-color:#5F5F5F; vertical-align: middle;
  margin:5px 2px 0px 5px; border-radius:3px; float: left !important; font-size:12px; text-decoration:none;width:70%;line-height:30px;
}
.date-fields{ position:relative;padding:0px;min-height: 50px;display:inline-block;width:100%;height:100% }
.date-fields > div:last-child .data-field-odd:last-child{ margin-bottom:0px; }

div.timeOffextra{ display: inline-block;position:relative;width:18%; font-size:18px;background-color:#808080;color:#ffffff; line-height: 30px;border-radius:3px;margin-top:5px;margin-right:5px; }
div.timeOffextra .fa{ line-height: 30px; }
div.timeOffextra:hover > div.shift-opt-div{ visibility:visible; }
div.timeOffextra div.shift-opt-div{ visibility: hidden;z-index: 9999; position: absolute;top:20px; width: 134px; left: -100px;margin-top:10px; }
div.timeOffextra div.shift-options-menu{ background: #444;  border-radius: 2px; width:100%; }
.shift-options-menu ul{ list-style: none;margin: 0px; }
.shift-options-menu li:nth-of-type(1){ border: none; }
.shift-options-menu li{ border-top: 1px solid #333; }
.shift-options-menu li a{ display: block; padding:0;background: none; color:#CACACA;font-size:14px; }
.shift-options-menu:after{ bottom: 100%; left:110px; border: solid transparent; content: " ";margin-left: -10px; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-bottom-color: #444; border-width: 10px; }

.timeoffDiv { border-radius: 5px;width:100%;max-width: none !important;height:48px;cursor:pointer;position:relative; }
.replacementDiv { border-radius: 5px;width:100%;max-width: none !important;height:48px;cursor:pointer;position:relative; }
.timeoffDiv p{ text-align:center; white-space: nowrap; line-height:50px; font-size:13px; color: #333; font-weight: bold;padding: 0px 5%; overflow: hidden;margin: 0px 5% 0 0; }
.replacementDiv p{ text-align:center; white-space: nowrap; line-height:50px; font-size:13px; color: #333; font-weight: bold;padding: 0px 5%; overflow: hidden;margin: 0px 5% 0 0; }

.data-field-timeslot-off{ background-image:url("../image/shift-item-hash.png"); }
.data-field-timeslot-off-business{ background-image:url("../image/shift-item-hash.png"); }

.timeoffDiv:hover > .viewTimeoff{ visibility:visible; }
.replacementDiv:hover > .view_replacementDiv{ visibility:visible; }

.viewTimeoff, .view_replacementDiv{
	visibility:hidden;
  width: 100%;
  text-align: center;
  font-size: 16px;
  position: absolute;
  top: 0;
  height: 48px;
  background: #D9D9D9 url('../image/shift-item-hash.png');
  border-radius: 5px;
  padding: 5%;padding-top: 15px;
}
.view_replacementDiv .info.replacementDiv,
.viewTimeoff a{ color:#FFFFFF; text-decoration:none;
    padding: 5px 20px;font-size:14px;
    background-color:rgba(87, 87, 87, 0.77);
  border-radius: 5px; }
.info-label{
 border-radius: 5px;
    /** background: rgba(30, 149, 238, 0.74) url('../image/shift-item-hash.png') repeat; **/
    padding: 10px;
    color: #FFFFFF;
    font-size: 14px;
    background-color: #8B8B8B;
}
.emp_display_name{margin-top: 20px;
    margin-left: 10px;}
    
.btn-md.accept_btn, .btn-md.decline_btn{ width:auto;border:none; }

.buttonADdiv{ float: left; width: 100%; }
button.decline_btn{ background-color:#bc4f2e;float:left; }
button.decline_btn:hover,button.decline_btn:active,button.decline_btn:focus{ background-color: #a0341a; }

button.accept_btn{ background-color:#378823; }
button.accept_btn:hover,button.accept_btn:active,button.accept_btn:focus{ background-color:#0B883E; }
.no_of_notification{
  display: inline-block; background: #cc3333; height: 20px; min-width: 20px; text-align: center; line-height: 20px; text-decoration: none;
  border-radius: 10px; left: 15px; top: -20px; position: absolute; color:white;
}
.notification{ color:#ffffff; }

.buss-left-time-off:hover,
.buss-left-time-off:focus,
.buss-left-time-off:active{ background-color: #C26929; border-color: #EB7F32; }
.buss-left-time-off{ width:90%;box-shadow: 2px 2px 0px #CE6C26;color: #fff; height:48px;font-size:18px; }

.buss-left-help:hover,
.buss-left-help:focus,
.buss-left-help:active{ background-color: #C26929;border-color: #EB7F32; }
.buss-left-help{
	width:45%;box-shadow:2px 2px 0px #CE6C26;color: #fff; height:48px;font-size:14px;background-color:#EA7C2D;border-color: #ED7D2D;
  padding:0px; text-align:center;font-family: 'Source Sans Pro'; font-weight: bold;
}
.top-right{ position: relative; }
.clock-area{ margin-top: 10px; width:auto;float: left;text-align: center;position: relative; }
.clock-btn{
	width: 100px;box-shadow:1px 1px 0px #CE6C26;color: #fff; height:20px;font-size:12px;background-color:#EA7C2D;border-color: #ED7D2D;
  padding:0px; text-align:center;font-family: 'Source Sans Pro'; font-weight: bold;    float: right;margin-left: 5px;
}
.showTime{
  font-weight: bold; display: block; position: absolute; font-size: 16px; color: #fff; line-height:24px; left:5px;top: 25px;width: 100%;
}


/** Code for Profile Page : Starts **/
	.publishShift{ display:none; }
	.profile-div{ float:none;margin:auto;width:1220px; }
	.profile-detail-list{ width: 100%;height: 100%;float: left;margin: 20px 0 0 0px; }
	.top-head-blank{ width:100%;float:left;padding:0px 20px 20px;text-align: center; }
	.top-head-blank .Scheduler{ float:none; }
	.top-head-blank .Events{ float:none;}
	
	.top-head{
		width:100%;float:left;padding:15px 20px;background: #fff;box-shadow:3px 3px 0 #A7A7A7;
		border-radius:4px; -webkit-border-radius:4px;-moz-border-radius: 4px;
	}
	.hd-text{ font-size:24px; }
	.btn-md{ float:right;padding:12px 12px }
	.blank-line{ float:left;width:100%;border:1px solid #d9d9d9; }
	.body-area{ margin:10px 0px;padding:0px;width:100%;float:left; }

	.body-left-img-area{
		width:20%;padding:2%;height:100%;float:left;background: #fff;box-shadow:3px 3px 0 #A7A7A7;
		border-radius:4px; -webkit-border-radius:4px;-moz-border-radius: 4px;
	}
	.body-right-content-area{ float:left;width:79.999%; }
	.body-center-area{
		float:left;width:62.9%;padding:2%;height:100%;vertical-align: top;margin:0px 10px 10px 10px;
		background: #fff;box-shadow:3px 3px 0 #A7A7A7; border-radius:4px; -webkit-border-radius:4px;-moz-border-radius: 4px;
	}
	.body-right-area{
		float:left;width:35%;padding:2%;height:100%;vertical-align: top;
		background: #fff;box-shadow:3px 3px 0 #A7A7A7; border-radius:4px; -webkit-border-radius:4px;-moz-border-radius: 4px;
	}

	.body-left-img-area .image-area{ width:100%;padding:3%;border:1px solid #d9d9d9;margin-bottom:20px; }
	.image-area img{ height:auto;width:100%;background-color: #D9D9D9; }
	.body-left-img-area .file-upload{
	  position: relative; overflow: hidden;width: 100%; line-height: 30px; background-color: #fff; border: 1px solid #D9D9D9;
	  border-radius: 3px;color: #A29898;text-transform: uppercase;font-size: 12px;
	}
	.body-left-img-area .file-upload input.file-input{
		position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0);
	}
	
	.body-left-img-area .remove-upload{
	  position: relative; overflow: hidden;width: 100%; line-height: 30px; background-color: #9C0000; border: 1px solid #D9D9D9;
	  border-radius: 3px;color: #FFFFFF;text-transform: uppercase;font-size: 12px;
	}
	.body-left-img-area .remove-upload input.file-input{
		position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0);
	}
	.grid{ display: table; width: 100%; }
	.grid .flexible { display: table-cell; vertical-align: top; }
	.form-item.weight-half{ width: 49.5%; }
	.form-item.flexible{ padding: 0 10px 10px; }
	.grid:last-child .form-item{ padding-bottom: 5px; }
	.form-item > label { font-size: 12px;font-weight: 600; margin-bottom: 5px; display: block; font-weight: bold; }
	.form-text{ position: relative !important; }
	.form-text{ background: #FFF; border: 1px solid #ccc; border-radius: 2px; padding: 0 10px; color: #999; }
	.email-text input{ width: 90%; }
	.form-text input{ height: 40px;outline:none; }
	.form-text input, .form-text textarea, .form-text blockquote { border: 0; padding: 0; margin: 0; background: transparent;
	  width: 100%; height: 33px; line-height: 33px; color: #666; font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif; font-size: 13px;
	}
	select.field_select { border: 0; padding: 0; margin: 0; background: transparent;
	  width: 100%; height: 33px; line-height: 33px; color: #666; font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif; font-size: 13px;
	}
	.form-part-header{ font-size: 16px; margin: 0px; display: block; font-weight: bold; margin-bottom: 20px; }
/** Code for Profile Page : Ends **/

/** Drag & Drop made proper : Starts **/
.data-field-odd-empty.timeoffDiv{ position:relative !important; }
.data-field-odd-empty.replacementDiv{ position:relative !important; }
.schedule_page .data-field-odd-empty{ width:100%;position:absolute; }
.data-field-odd-empty.add_event{ width:100%;position:absolute; }
/** Drag & Drop made proper : Ends **/

.data-field-odd-empty{ max-width:none; }

.data-field-odd-empty.assign_shift:hover,
.data-field-odd-empty.add_event:hover { opacity:1; }

.data-field-odd-empty.assign_shift:after,
.data-field-odd-empty.add_event:after { content: "+"; }

.data-field-odd-empty.assign_shift,
.data-field-odd-empty.add_event {
  color: grey;font-weight: normal;
  text-align: center;
  font-size: 42px;
  width:96%;
  opacity:0;
  cursor:pointer;
  line-height: 50px;
}

.noty-wait-hd-div{ width: 100%; line-height: 50px; background-color: #484848; padding: 0px 0 0 20px; }
.noty-wait-hd-div .fa.fa-clock-o{ font-size:20px !important;vertical-align: middle; }

.noty-hd-div{ width: 100%; line-height: 50px; background-color: #484848; padding: 0px 0 0 20px; }
.noty-hd-div .fa.fa-bell{ font-size:20px !important;vertical-align: middle; }

.notification ul.root1 { margin: 0px; }
.notification ul.root1 li {
	display: table;padding:0px; color: #BBB; font-size: 14px; font-weight: 100;
	background-color: #3d3d3d;border-bottom: 1px solid #484848;width:100%;
}
.notification ul.root1 li div.noti-pic-thumb{ display: table-cell; padding: 20px 10px 20px 20px; width: 24px; }
.notification ul.root1 li div.noti-pic-thumb img{ display: block;width: 24px;height: 24px; }
.notification ul.root1 li div.noti-content{ display: table-cell; vertical-align: middle; }
.notification ul.root1 li span.noti-status {
    font-size: 10px; font-weight: bold; width: 45px; height: 8px; vertical-align: middle; text-transform: uppercase;
    margin-top: 3px; color: #C7A12D;
}
.notification ul.root1 li span.noti-status.req-accepted { color: #5D992C; }
.notification ul.root1 li span.noti-status.req-denied { color: #992C34; }

.top-right .submenu1.notification { height: 560px;overflow-y: scroll;text-align: left;border-radius: 10px; }

.calender_href{ margin:0px !important; }
.prev_week_href{
	width: 90px; height: 30px; border: solid 1px #a1a6b1; background: #fff; box-shadow: 0px 0px 10px #e5e5e5; font-family: 'Source Sans Pro';
  font-size: 12px; color: #666d80; cursor: pointer; padding: 6px 10px;border-radius:3px;
}
.next_week_href{
	width: 90px; height: 30px; border: solid 1px #a1a6b1; background: #fff; box-shadow: 0px 0px 10px #e5e5e5; font-family: 'Source Sans Pro';
  font-size: 12px; color: #666d80; cursor: pointer; padding: 6px 10px; margin-right:15px;border-radius:3px;
}

.red-bg{ background: #cc3333;box-shadow: 1px 1px 3px #DE7272; }
.green-bg{ background: #51aa3d;box-shadow: 1px 1px 3px #C7ECBF; }
.req-reply-btn{ padding: 0px 10px; line-height: 20px; font-size: 12px; text-transform: uppercase; margin-right: 10px;
  border-radius: 3px; color: white; border: none;
}
.req-reply-btn:hover, .req-reply-btn:active, .req-reply-btn:focus{ box-shadow: 0px 0px 0px #DE7272; }

.notification::-webkit-scrollbar{ width:8px; }
.notification::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); }
.notification::-webkit-scrollbar-thumb { background-color: #245986; outline: 1px solid slategrey; }

/** .message-wrapper{ display:none;position: fixed; z-index: 200; width: 100%;bottom: 0px; } **/
.message-wrapper{ display:none;position: fixed; z-index: 200; width: 100%;top: 50%;margin-top: -20px; }
.div_message{
	font-family: 'Source Sans Pro', Arial, sans-serif; font-size: 16px; background:#EA7C2D; text-align: center;
  color: white; z-index: 300; position:relative; overflow: hidden;line-height:60px;
}
i.closeDiv{ opacity: 0.5; float: right; margin-right: 10px; font-size: 18px; }

.float-left{ float:left; }
.float-right{ float:right; }
.float-none{ float:none; }

.margin-left10px{ margin-left:10px; }
.margin-left15px{ margin-left:15px; }
.margin-left20px{ margin-left:20px; }
.margin-left25px{ margin-left:25px; }
.margin-left30px{ margin-left:30px; }

.fc-toolbar{ display:none !important; }
.fc-view-container{ padding-top:20px; }

.ev-data-left{ width:75%;display:inline-block;height:44px;text-align:center;vertical-align:top; }
.ev-data-name{ line-height: 15px;font-size: 16px;color:#ffffff; }
.ev-data-p{ margin:1px 0px !important;line-height: 14px; }
.ev-data-type{ line-height: 15px;font-size:12px;color:#FFFFFF;background-color:rgba(8, 8, 8, 0.34);position: absolute;width: 100%;left: 0;bottom: 0px;border-bottom-left-radius: 2px;border-bottom-right-radius: 2px; }
.ev-data-right{ display:inline-block; }
.ev-member{ font-size:16px;margin-top:2px;background: white;border-radius: 50%;width: 30px;height: 25px; }

.shift-info-area div.shift_info_label{ display:block;line-height:20px;text-align:left;font-weight: bold; }
.info-label.shift-info-area{ background-image:none;float: left;width: 100%; }
.labels-left-div{ float: left;width: 65%;color:#FFFFFF; }
.labels-right-div{ float: right;padding: 10px 20px;background-color: white;border-radius: 3px; }
.shift_info_label.pos{ color:#2B2E34;font-size: 16px; }

#display_events_detail{ position: absolute; }
#display_shift .form-field-div{ margin: 5px auto 15px; }
.fields.notesDisplay{ padding: 10px; border: 1px solid #BDBDBD; border-radius: 5px; width:89%;height: 80px;overflow-x: auto; }

.rq_off_btn{ background-color:#8B8B8B;border:none; }

.today_highlight{
	/** background-color: rgba(30, 149, 238, 0.11); **/
  background-color: rgba(234, 124, 45, 0.22);
}
.employee_info{cursor:pointer;}
.no_employee_info{cursor:pointer;}
@media print {
  .top-part, .menu-bar, .right-heading-btn, .day-area, .fa.fa-plus-square,.foot-all{display:none;}
  .event-detail-list{height:auto}
  .uimg{margin: 0 2px;}
  i.note_icon{display:none;}  
  .timeoffDiv{ word-wrap:break-word !important;white-space:nowrap !important; }
  .col-lg-10{ width:97%; }
  .event-detail-list{ height:auto;padding:5px !important; }
  .event-detail-list a.uimg{ display:none; }
  table.schedule_table tbody tr td{ padding:2px;text-align:center;white-space:nowrap; }
  .heading-field{ line-height:25px; }
  .date-fields{ padding:0px; }
  .data-field-odd p{ white-space:nowrap;line-height: 15px; }
  .data-field-odd a{ display:block;vertical-align: top; }
  .shift-right-hands{ display:none !important; }
  .detail-table{ height: auto;margin: 0px;width: 100%;overflow: visible; }
}
.timeoffDiv{word-wrap:break-word;}
.replacementDiv{word-wrap:break-word;}
.schedule_day{ clear:both; }
#popup_error{padding: 10px;
    margin-top: -11px;
    background: #F37E31;
    text-align: center;
    display: none; 
    position: absolute;
  width: 100%;
}
.resend-div{ font-size: 20px;font-weight: bold;color:#0B883E; }
.days-left-span{ display: inline-block; font-size:16px;line-height:30px; color:#b3b3b3; }
.days-span{ padding: 3px 8px;border-radius: 50%;background-color: #EA7C2D; color: #ffffff;font-weight: bold; }
.upg-span-text{ font-size: 24px; text-align: center; font-weight: bold;display: block; }
.shift-right-hands{ display:inline-block;margin-top:1px; margin-right: 5px;float:right;height:40px; }
.note_icon{ color:#ffffff; }
.comment_present{
	/** display: block;width: 24px;text-align: center;height: 19px; **/
  display: block; width: auto; text-align: right; height: auto; font-size: 16px !important;float:right !important;margin-right: 5px;
}
.event_present{
	/** display: block; color:#ffffff;font-size:12px; border: 1px solid #ffffff; border-radius: 50%;margin:auto;height: 18px;width: 18px; **/
	display: block; color:#ffffff;font-size:10px; border: 1px solid #ffffff; border-radius: 50%;margin:2px 5px 0px 0px;height:14px;width:14px;float: right;
}
.event_present.ep_blank{ border: 0px solid rgba(0, 0, 0, 0); }

.ui-menu .ui-menu-item{ padding: 3px 2px 3px .4em !important; }

.my-pro-prv{ font-size: 16px;line-height: 20px;margin-bottom:15px;text-align:left;padding-left:10px;}
.my-pro-prv input[type=checkbox]{ margin: 0;height: 20px;width: 20px;vertical-align: bottom; }

.ep-div{
	width: 100%; float: left; padding: 15px 20px; background: #fff; box-shadow: 3px 3px 0 #A7A7A7; border-radius: 4px;margin-bottom:10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
.ep-area{ width:100%;font-family: 'Source Sans Pro'; }	
.ep-opt-lines{ width:100%;padding:15px 0px;border-bottom:2px solid #D9D9D9;clear:both;float:left; }
.ep-head{ display:inline-block;font-size:18px; }
.ep-options{ display:inline-block;float:right;padding-right: 15px; }
.e-options-items{ display:inline-block;margin-left:20px;line-height: 24px;font-size:16px; }
.e-options-items input[type=checkbox] { vertical-align: bottom;height: 20px;width: 20px; }

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

.mustneed {color:red}
.copy_to_next_btn{ cursor: pointer;
    padding: 6px 20px;font-family: 'Source Sans Pro';
    font-size: 12px;box-shadow: 0px 0px 10px #e5e5e5;height: 30px;
    border: solid 1px #a1a6b1;text-align: center; width: auto; }
    
.foot-all{
	padding: 15px 0px;font-size: 18px;
  background-color: white;
  width: auto;
  border-radius: 4px;
  box-shadow: 3px 3px 0 #A7A7A7;
}

.ui-autocomplete {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}

.content.row{ height:100% }
.right-bar{ height:100% }

.tooltips{ position: relative; }
.tooltips .tooltiptext{
	visibility: hidden; background-color: black; color: #fff; text-align: center; border-radius:5px; padding: 5px;
	font-family: 'Source Sans Pro';font-size: 12px;
  width:70px; top: 105%; margin-left:-42px; position: absolute; z-index: 99999;float: none;
  /**  left: 50%; **/
}
.tooltips .tooltiptext::after {
  content: ""; position: absolute; bottom: 100%; left: 50%; margin-left: -5px;
  border-width: 5px; border-style: solid; border-color: transparent transparent black transparent;
}

/** .tooltips:hover .tooltiptext{ visibility: visible; } **/

.tooltips.send_msg  .tooltiptext{ width: 100px; line-height: 20px; margin-left: -60px; }
.tooltips.copy_to_next_btn .tooltiptext{ width: 100px; margin-left: -115px; }
.tooltips.week .tooltiptext{ margin-left: -35px; }
.tooltips.full_scrn .tooltiptext{ margin-left:-21px; }


.emp_list_a_href.tooltips{ float:right; }
.emp_list_a_href.tooltips .tooltiptext{ margin-left: -20px; }

.pos_list_a_href.tooltips{ float:right; }
.pos_list_a_href.tooltips .tooltiptext{ margin-left: -20px; }

.eve_view{ width:65% !important; }

.tour-content-div{ padding-bottom: 10px;border-bottom: 1px solid #F07D32; }
.joyride-prev-tip, .joyride-next-tip{ margin-bottom:10px; }
.tour-content-div h2{ margin-bottom:10px; }
.joyride-close-tip{ color:#ffffff; }
.joyride-nub{ display:none !important; }

.replaced_shift_head{ padding: 0px 5px;background-color: #0B883E;border-radius: 5px;width: 100%; }
.replaced_shift_body{ border: 1px solid #0B883E;padding: 0px 5px;background-color: #0B883E;border-radius: 5px;width: 100%; }

td.staff_td{ width:14%; }

.onoffswitch {
    position: relative; width: 67px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;border-radius: 20px;
    /** border: 2px solid #999999;  **/
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "ON";
    padding-left: 10px;
    background-color: #F17D31; color: #FFFFFF;
}
.onoffswitch-inner:after {
    content: "OFF";
    padding-right: 10px;
    background-color: #EEEEEE; color: #999999;
    text-align: right;
}
.onoffswitch-switch {
    display: block; width: 18px; margin: 6px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 33px;
    border: 2px solid #999999; border-radius: 20px;
    transition: all 0.3s ease-in 0s; 
    margin-right:10px;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}
.in-same-line{ display:inline-block;vertical-align:middle; }
.in-same-line.float-right{ display:inline-block;float:right; }

.shift-info-area.new_info_area{ height:60px; }
.same_line{ display:inline-block !important; }
.same_line.float_right{ display:inline-block !important;float:right !important; }
.full_width{ width:100%; }
.now_bottom_div{
	position:absolute;left:0px;bottom:0px;
	border-bottom-left-radius:3px;border-bottom-right-radius:3px;
	padding:2px;text-align:center;width:100%;
	background-color:rgba(8, 8, 8, 0.34);
}
.now_bottom_div .shift_info_label.pos{ text-align:center !important;color:#ffffff !important; }
.shift-info-area.new_info_area{ position:relative; }

.pos-color-span{ display: block; float: right !important; height: 20px; width: 20px; margin-top: 10px !important; }
.defaultImg{ height: 30px !important;width: 30px !important;margin-top: 5px;margin-left: 5px; }
.cinfo-box-inner{
	padding:20px;
}
.infobox2{padding-bottom:20px;}
.infobox2 p{font-size:16px;}
.infobox2 span{font-size:14px; color:#888;}
.infobox2 a{font-size:14px;float:right;}
.infobox2 .planstatus{color:green; display:inline;}
.ppfooter {max-width: 960px;margin: auto;margin-bottom: 5px;}
.ppfooterfst { background-color:#FFF; height:60px; padding-top:20px; border-radius:5px; width:100%; text-align:center;    box-shadow: 3px 3px 0 #A7A7A7; }
.ppfootersnd { background-color:rgb(43,46,52); color:white; margin-left:5px; height:60px; padding-top:20px; border-radius:0px 5px 5px 0px; text-align:center;}
.ppfootersnd a{ text-decoration:none;}
#plans-box{ margin-left:-500px;left:50%; top:10%; width:1000px; padding-bottom:15px; }
.plansbox{width:63%;}
.infobox{width:30%;}
.totp p{ font-size:12px;}
.connp{	background-color:#1E95EE;color:#FFF;padding:10px 30px 10px 30px;border-radius:5px; vertical-align:middle;}
.connp:hover{ text-decoration:none; color:#fff;}
.totpfooter { text-align:center;}
.totpfooter a{ color:#1E95EE; text-decoration:none;}
.totpfooter a:hover{  text-decoration:underline;}
/*****************************************************/
.plans1{
	background-color:#FFF;
	margin-left:15px;
	margin-right:15px;
	margin-bottom:15px;
	border-radius:5px;
	box-shadow: 3px 3px 0 #A7A7A7;
}
.plans{
	width:98%;
	margin-left:auto;
	margin-right:auto;
	height:100px;
	background-color:#EBEFF2;
	margin-bottom:7px;
	font-family:calibri;
}
.plans div{
	text-align:center;
	height:100%;
}
.plans .selaplan{
	background-color:#F17D31;
	color:#fff;
}
.plans .aplan{
	background-color:#555;
	color:#fff;
}
.plans .pdetail{
	padding-top:25px;
}
.plans .pcustdetail{
	padding-top:30px;
	font-size:24px;
}
.plans .pdetail{color:#828899;}
.plans .selaplanb, .plans .aplanb{
	padding-top:40px;
}
.plans .selaplanb a{
	background-color:#D9D9D9;
	color:#A3A4A8;
	padding:7px 20px 7px 20px;
	border-radius:5px;
}
.plans .selaplanb a,.plans .aplanb a{
	text-decoration:none;
	white-space:nowrap;
}
.plans .aplanb a{
	background-color:#F17D31;
	color:#FFF;
	padding:7px 20px 7px 20px;
	border-radius:5px;
}
.plans .pdetail span{
	display:block;
	color:#273142;
	font-size:22px;
}
.plans .pdetail span sup{
	top:-10px;
	margin-left:-12px;
}
.plans .selaplan, .plans .aplan{
	padding-top:40px;
}
.planspopup{
	padding:20px;
}
.mycontent-left{
	border-right: 1px solid #CCC;
}
.detailsdiv { font-size: 14px; color: #888; display:inline; }
@media (min-width: 240px) { .plans .pdetail span{
	font-size:14px;
}}
@media screen and (max-width:600px){
	.plans .selaplanb a{ padding: 7px 3px;font-size: 10px; }
	.plans .aplanb a{ padding: 7px ;font-size: 10px; }
}
@media screen and (max-width:960px){
.mycontent-left{
	border-right: 1px solid #fff;
}
.plans1 h3{padding-top:10px;}
.plansbox{width:94%; margin:auto; padding:5px;}
.infobox{width:94%;}
#plans-box{ margin-left:5; margin-right:5px;left:0%; top:5%; width:90%; height:90%;}
#plans-box h3{position:fixed;}
.planspopup{overflow-y:scroll; overflow-x:hidden; height:80%;}
img.btn_close{margin:-14px -14px 0 0;}
.connp{padding:5px 10px 5px 10px;}
.plans .pdetail span sup{
	top:-12px;
	margin-left:-18px;
}
}

.space-hor-box{ display:inline-block;width:100%; }

.space-blocks{ inline-block;float:left;margin-right:20px;max-width: 100px;margin-bottom: 10px;height: 200px; }
.space-blocks .space-fol-div { width:auto;height:100px;margin-bottom:10px; }
.space-blocks .space-fol-div img.with-icons{ width:75px;height:auto; }
.space-blocks .space-fol-div img.with-img{ width:auto;height:100%;max-height: 100px;max-width:100px; margin:0px auto;display: block; }
.space-blocks .space-tag-name { clear: both;text-align: center;word-wrap: break-word; }

.file-upload-div{ float: right; white-space: nowrap;width:200px; }
.store-file-upload{
	position: relative; overflow: hidden; width: 100%; background-color: #fff; border: 1px solid #D9D9D9; border-radius: 3px;
	color: #A29898; text-transform: uppercase; font-size: 12px;max-width:110px;padding: 13px 12px;
}
.store-file-upload input.file-input { position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); }
.store-file-upload .storeFile { position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); }

.event_sub_btn{ margin-right: 10px !important;width: auto !important;padding: 0px 15px !important; }

.storage-upload-btn{ display: block;    margin: 10px auto 5px;padding: 10px;max-width: 110px;font-size: 14px;text-transform: uppercase;color: #FFFFFF;border-radius: 3px;background-color:#F17D31;width: 100%;border: 1px solid #E66C1B; }
.storage-upload-btn:hover{ cursor:pointer;background-color:#E66C1B; }

.time_off_href{ cursor: pointer;width:96%;height:100%;text-align:center;font-size:42px;color: grey;opacity: 0;line-height: 20px;float: right;text-decoration: none !important;display: block;line-height:50px; }
.time_off_href:hover{ opacity: 1; }

.notAvailableDiv{ position: relative !important; word-wrap: break-word; max-width: none !important; height: 48px; cursor: pointer; border-radius: 5px; }
.all_data_to_p{ text-align: center;font-size: 13px; color: #333;line-height: 20px !important;margin: 5px 5% 0 0 !important; white-space: normal !important;font-weight: bold;padding: 0px 5%;overflow: hidden; }
.add_category.bussiness-add-sign-btn span{ display:none; }

.pad-0{ padding:0px !important; }
.pad-r-0{ padding-right:0px !important; }
.f-left{ float:left; }
.f-right{ float:right; }

.daily-log-page .col-lg-12{ width:100%;clear:both; }
.daily-log-page .event-detail-list{ max-height: none;padding: 20px 5px; }

.day-log-top{ float:right; }
.head-tab{ border: 1px solid #d9d9d9; padding: 5px; background-color: #ebeff2; margin-bottom:10px;border-radius:3px;float:left;width:100%; }
.head-tab h3{ float: left;margin: 0px;line-height: 30px;font-size: 20px; }
.head-tab .s-chng-btn{ width:100%;height:30px; border: none; outline: none; background-color: #0b883e; color: #fff;border-radius:3px; }
.col-lg-12.field-line{ padding: 0px;margin-bottom: 10px; }
.col-lg-12.field-line span{ line-height:32px;font-size:16px;padding-left: 10px; }
.col-lg-12.field-line input{ width:100%;padding:3px 5px; }
.mar-bot-20px{ margin-bottom:20px; }
.mar-bot-10px{ margin-bottom:10px; }
.mar-bot-5px{ margin-bottom:5px; }

.daily-date .hasDatepicker{ font-size: 24px;text-align: center;width: 150px;border: none; }
.today{ width:90px; height:30px; border:solid 1px #a1a6b1; background:#fff; box-shadow: 0px 0px 10px #e5e5e5; font-family: 'Source Sans Pro'; font-size:12px; color:#666d80; cursor:pointer; padding:6px 20px; }
.text-area-div .d-textarea{ width: 100%;padding: 5px; }

.ta-head,.ta-foot{ display:none; }
.active-textarea-div { width:100%;float:left;border:1px solid darkgrey;border-radius: 3px; }
.active-textarea-div .ta-head,
.active-textarea-div .ta-foot{ display:block;float:left;width:100%;height:40px;background-color:#d9d9d9;line-height:35px; }
.active-textarea-div .ta-head .tlabel{ font-size:18px;padding-left:5px;font-weight:600; }
.active-textarea-div .ta-top-icon-div{ display:inline-block;margin-right:15px;font-size: 18px; }
.active-textarea-div .ta-top-icon-div .ta-top-btn{
	padding:2px 5px;background-color:transparent;border: 1px solid transparent;height:35px;line-height:30px;vertical-align: text-top;font-size: 16px;outline: none !important;
}
.active-textarea-div .ta-top-icon-div .ta-top-btn > i{ margin: 0 5px;font-size: 22px; }
.active-textarea-div .ta-top-icon-div .ta-top-btn > i.c-red{ color:#dc0000; }
.active-textarea-div .ta-top-icon-div .ta-top-btn > i.c-green{ color:#4CAF50; }
.active-textarea-div .ta-top-icon-div .ta-top-btn:hover{ /**border:1px solid darkgrey;**/ box-shadow:1px 1px 1px gray; }
.active-textarea-div .ta-foot{  }
.active-textarea-div .ta-btn{ height:35px;color:#fff;padding:0px 20px;line-height:30px;background-color: #337ab7;border-color: #2e6da4;margin: 2px 3px 0px; }
.active-textarea-div .d-textarea{ min-height:90px;outline:none !important; }

.message-area{ background-color:transparent;border-bottom:1px solid #d9d9d9;clear: both; }
.message-area .msg-line{ float:left;width:100%;margin-bottom:10px; }
.message-area .msg-line span.msgs{ display:block;font-size: 16px; }
.message-area .msg-line span.msgs i{ margin-right:10px; }
.message-area .msg-line span.msgs_by{ display:block;margin-left:30px;font-size: 16px; }
.message-area .msg-line span.msgs_by b{ font-size: 16px; }

.home-app .slider > .seq-canvas > li .layer2{ left: 50%;margin-left: -330px; }
.right-heading-btn{ margin: 10px 0px 8px 0 !important;    width: 100%; }
.right-heading-btn a { display: inline-block; vertical-align: top; }

.sym-span{ max-width:30px;padding:0 !important;text-align: right; }
.sym-span input{ padding: 3px 0px !important;text-align: right; }
.sym-span-new{ max-width:30px;padding-left: 0px !important; }
.sym-span-new input{ padding: 3px 0px !important;text-align:center; }

input.ed-fld-inp { border: none; width:78% !important; max-height: 30px;font-size: 14px; }
input.edit-fld-inp,input.edit-sym-inp { border: 1px solid gray; width:78% !important; max-height: 30px;vertical-align: top;  }
input.edit-sym-inp{ text-align:center;float: right; }
input.ed-sym-inp { border: none; max-height: 30px;padding: 3px 0px !important;text-align: center; }

.daily-log-page .col-lg-12.field-line .col-md-8,
.daily-log-page .col-lg-12.field-line .col-md-4{ margin-bottom:10px; }
.daily-log-page .log_full_row{ padding: 0px 0px 0px 15px;position:relative; float: left;width:49.50%; }
.hd-edit-icon-span{ float: right; margin-right: 20px; padding-top: 5px; }
.hd-edit-icon-span a{  font-size: 26px; color: #222c3c;}
.log_full_row  b.del_row{ position: absolute; top:8px; left: -5px; font-size:20px; text-align: center;
  line-height: 25px; color: red; }
 
.day-log-top a{ border-radius:3px; }
  
.printer-icon{ width: 90px; height:29px; border: solid 1px #a1a6b1; background: #fff; box-shadow: 0px 0px 10px #e5e5e5; font-family: 'Source Sans Pro';
  font-size: 12px; color: #666d80; cursor: pointer; padding:5px 20px; margin: 0 0 0 15px; display: inline-block; text-align: center; vertical-align: bottom;
}

.top-btn-active{ border: 1px solid darkgrey !important; box-shadow: 1px 1px 1px grey; }
.hidden-checkbox{ display:none !important; }

.msgs_by img.defaultImg{ height: 30px !important; width: 30px !important;background-color:#B9BDC3; overflow: hidden;border-radius: 100%;padding: 3px; margin-top: 0px;margin-right: 10px; }

.left-bar-div{ float: none; padding: 5% 2%; width: 92%; margin:11px auto; border-radius: 4px; background-color: #ffffff; box-shadow: 1px 5px 0 #A7A7A7;    text-align: center; }
.left-bar-div .next_week_href{ margin-right:0px !important; }

.d-textarea::-webkit-input-placeholder { text-align:center; }
.d-textarea::-moz-placeholder { text-align:center; }
.d-textarea:-ms-input-placeholder { text-align:center; }
.d-textarea:-moz-placeholder { text-align:center; }

.active-textarea-div .d-textarea::-webkit-input-placeholder { display:none !important;color:#ffffff; }
.active-textarea-div .d-textarea::-moz-placeholder { color:#ffffff; }
.active-textarea-div .d-textarea:-ms-input-placeholder { color:#ffffff; }
.active-textarea-div .d-textarea:-moz-placeholder { color:#ffffff; }


#left-calendar .ui-datepicker{ max-width: 235px;float: none;margin:20px auto; }
.daily-date > input[disabled]{ background-color:#ffffff !important; }
.left-bar-div .datepicker{ font-size:18px; text-align: center; max-width:100px; border: none;width:auto; }

.left-bar-div .printer-icon{ max-width: 225px; display: block; width: auto; margin: 0px 5px;    border-radius: 3px; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{ top:5px !important; }
.ui-datepicker .ui-datepicker-title select{ font-size:14px !important;height: 22px;width: 49.5% !important; }

.add_field_div{ float:left; }

.head-tab input.tab_title{ font-size:16px; text-align:left; padding:0px; width:75%; float:left; }

.add_msg_fld{ text-align: center; }
#msg_add_div{ display:none; }
#msg_add_div .msg_add_input{ width: 97%;float:left;padding:4px; }
.msg_add_btn{ width: 100%; height: 30px; border: none; outline: none; background-color: #0b883e; color: #fff; border-radius: 3px; }

.active_title_form input.tab_title{ border:1px solid #dddddd; background-color:#fff; }
.active_title_form  input.change_title_btn{ display:block; }
.inactive_title_form input.tab_title{ border:none; background-color:transparent;outline:none; }
.inactive_title_form input.change_title_btn{ display:none; }

.change_title_btn{ padding: 2px 10px; background-color: #eb7f32; border: none; border-radius: 3px; color: #fff;margin-left:5px; }
.head-tab form{ display:inline-block;width:90% }
.edit_title_icon{ float: right; margin-right: 10px; font-size: 18px; margin-top: 3px;cursor:pointer;display:inline-block;vertical-align:top; }

#calendar{ clear:both; }

.sel_position_pop_div{ max-height: 160px; overflow: auto; }
.sel_position_pop_div .alert-position{ margin-bottom:5px !important; }

.ui-dialog .ui-dialog-content{ min-width:200px; }

.schedule_table.table tbody tr td:first-child{ cursor:pointer; }

.posi_full_div{ position:relative; }
.posi_full_div a.show-on-hover.position-window,
.posi_full_div a.show-on-hover.event-window{ position:absolute;top: 5px; right: 20px; }
.posi_full_div span.pos-color-span{ position:absolute; right:0px; top:0px; }

.left_list_ul li{ text-align: left; padding-left: 10px; list-style-type: none; font-size: 14px; font-weight: 700; line-height:30px; }
.left_list_ul li .ven_edit_span{ float:right; }
.left_list_ul li a{ color:#333; }
.left_list_ul li:hover{ background-color: #BCDEF7; }
.left_list_ul li:hover > span a.show-on-hover{ visibility: visible; }
.left_list_ul li.selected_cat_li{ background-color: #BCDEF7; }

.srch_itm_tbl #search_item{ width:80%;margin:5px 0px 10px 0px ;padding:5px;border-radius:5px;max-width:200px }
.invent_hd_div #search_item{ width:65%;margin:5px 0px 10px 0px ;padding:5px;border-radius:5px;max-width:200px }
.srch_itm_tbl .srch_itm_btn{ width: auto; height: 30px; border-radius: 3px; color: #fff; outline: none; border: none; background-color: #245986; padding: 0px 20px; margin-left: 10px; }
.invent_hd_div .srch_itm_btn{ width: auto; height: 30px; border-radius: 3px; color: #fff; outline: none; border: none; background-color: #245986; padding: 0px 20px; margin-left: 10px; }

.srch_bottom_btns{ width: auto; border-radius: 3px; outline: none; border: none; background-color:#0B883E; padding:5px 20px; color: #fff; }
.srch_bottom_btns:focus,
.srch_bottom_btns:active,
.srch_bottom_btns:visited,
.srch_bottom_btns:hover{ color:#fff !important; }

.item_qty_input{ width:100%; border-radius:5px; border-bottom: 1px solid gray; outline: none; max-width:200px; padding-left:3px; }
.sub_item_a{ color:red; }
.sub_item_a:hover{ color:red; }
table.item_list_table td { padding:5px; }
.right_title_h2{ margin:0px; text-align:center; }

#ajax_loader2{ display:none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: url(../image/ajax-loader.gif) no-repeat center center; z-index: 99999; }

.place_ord_div{ float:right; }
.place_ord_div button.plc_btn{ padding:0px 15px; background-color:#c7c7c7; border: 1px solid; color: #ffffff; border-radius: 5px; font-size: 16px; font-weight: bold;cursor: no-drop;height: 30px; margin: 0px 0px 0px 10px; }
.place_ord_div button:focus{ outline:none; }

.add_item_fresh_btn{
	border: 1px solid #245986; background-color: #245986; border-radius: 5px; padding: 3px 10px; color: #ffffff; font-weight: bold;
	margin-top: 5px; display:inline-block; text-align: center;
}
.add_item_fresh_btn:focus, .add_item_fresh_btn:active, .add_item_fresh_btn:visited, .add_item_fresh_btn:hover{ text-decoration:none; color: #ffffff; }
.inven_edit_a{ font-size: 30px; display: inline-block; vertical-align: top; margin: 5px 0px 0px 10px; color: #666d80; }

.ord_nxt_prv_btn{ color: #666d80; text-align: center; border-radius: 5px; display: inline-block; border: solid 1px #a1a6b1; box-shadow: 0px 0px 10px #e5e5e5; width: 30px; height: 30px; }
.ord_nxt_prv_btn i{ line-height: 28px; }
.ord_nxt_prv_btn:focus, .ord_nxt_prv_btn:active, .ord_nxt_prv_btn:visited, .ord_nxt_prv_btn:hover{ color: #666d80; text-decoration:none; }
.ord_show_dt_span{ font-size: 18px; color: #222c3c; }

.stock_table_div{  }
.stock_list_table,.item_list_table { border-color: #d9d9d9; border: 1px solid #d9d9d9; table-layout: fixed; }
.stock_list_table thead { background-color:#ebeff2; }
.stock_list_table thead td{ text-align:center;font-size:14px; font-weight:bold;color:#666d80; }
.stock_list_table tbody tr:nth-child(odd){ /**  background-color:#ffffff; **/ }
.stock_list_table tbody tr:nth-child(even){ /**  background-color:#d9d9d9; **/ }
.stock_list_table tbody td { padding: 5px 5px 4px; border:1px solid rgba(109, 109, 109, 0.17); }
.stock_list_table tbody td input{ width:100%;border:1px solid transparent;outline:none; }
.stock_list_table tbody td input:focus{ border:1px dashed #848484; }
.stock_list_table input[disabled]{ background-color:transparent; }

.item_list_table thead { background-color:#ebeff2; }
.item_list_table thead td{ text-align:center;font-size:14px; font-weight:bold;color:#666d80; }
.item_list_table tbody tr:nth-child(odd){ /** background-color:#ffffff; **/ }
.item_list_table tbody tr:nth-child(even){ /** background-color:#d9d9d9; **/ }
.item_list_table tbody td { padding: 5px 5px 4px; border:1px solid rgba(109, 109, 109, 0.17); }
.item_list_table tbody td input{ width:100%;max-width:50px;border-radius:5px;border: 1px solid #848484; outline:none !important; }

.txt_center{ text-align:center !important; }
.txt_right{ text-align:right !important;padding-right:5px; }
.txt_left{ text-align:left !important;padding-left:5px; }

.cat_brdcrm{ padding-bottom:2px; text-align:center;position:relative; }
.cat_brdcrm h4{ display:inline-block; }

.add_odr_vendor i, .add_odr_category i{ margin-top:5px; }
#add_vendor_pop, #vendor_details_pop{ margin:auto; position:absolute; left:0px; right:0px; }
.add_vendor_pop hr{ margin-top:0px;border-top:1px solid #d9d9d9; }
.add_category_pop{ width:100% !important; left: 50% !important; margin-left: -150px !important; max-width: 300px; }
.add_btns{ width:100px; }
.mar_top_20px{ margin-top: 20px !important; }
.ord_top_btn_div{ text-align:center; border-bottom:5px solid #222c3c; }
.ord_top_btn_div div a{ color:#000000; }
.ord_top_btn_div div{
	display:inline-block;width:80px;height:80px;line-height:70px;border-radius:50%;border:5px solid #EA7C2D;
	font-size: 14px; font-weight: 600; box-shadow:0px 0px 20px #a7a7a7;cursor:pointer; margin-bottom:15px;
}
.ord_top_btn_div div:nth-child(2){ margin:0px 50px 15px; }
.ord_top_btn_div div:hover{ box-shadow: 5px 5px 20px #a7a7a7; }
.category_list_ul.left_list_ul li{ cursor:pointer; }
.sub_cat_div{
	width:80%; margin:10px auto; float:none; text-align:center; border:1px solid  #A7A7A7;
	min-height: 50px; line-height:20px; border-radius: 10px;padding-top:15px;
}
.sub_cat_div a{ font-size: 18px; display: block; cursor:pointer; color:#000000; }
.sub_cat_add_div a{ font-size:30px; cursor:pointer; color: #1166a5; }

.active_round_btn{ background-color:#ea7c2d !important;color:#ffffff !important; }
.active_round_btn a{ color:#ffffff !important; }

#confirm_cart_item.confirm_cart_item{ width: auto; left: 0; right: 0; margin: 0 auto; float: none; max-width:85%; z-index: 9998;position: absolute; }

.font_red{ color:red; }
.font_green{ color:green; }

.hide_inp_frmt{ border:none !important; background:none !important; text-align:center; }
.ord_calender_href{
    width: 90px; height: 30px; border: solid 1px #a1a6b1; background: #fff;
    box-shadow: 0px 0px 10px #e5e5e5; font-family: 'Source Sans Pro'; font-size: 12px; color: #666d80; cursor: pointer;
  padding: 6px 20px; margin: 0; margin-left: 2px !important; }

.thead_tr{ background-color: #ebeff2; }
.thead_tr td{ text-align:center }

.invent_hd_div .printer.calender_href{ width: 57px; display: inline-block; text-align: center; padding: 6px 5px 5px 5px; border: solid 1px #a1a6b1; border-radius: 3px; box-shadow: 0px 0px 10px #e5e5e5;height: 30px;vertical-align: bottom; }
.invent_hd_div .printer-icon{ margin: 0px 15px 0 0; padding: 5px 0; width: 60px; border-radius: 3px; vertical-align: middle; height: 30px; }

.txt_red{ color:red !important;font-weight: bold; }
.min-odr-input{ width:60px; padding:6px 6px 6px 15px; text-align:left; }

.input_width_dollar{ width:60% !important; text-align:left; }

.pop_mini_ord_div{ position:relative; }
.pop_dolar_span { position: absolute; top: 6px; left: 5px; }

.input_with_cntry_code{ width:66%; float: right; display: inline-block; }
.select_of_cntry_code{ width:33%; display: inline-block; float: left; padding: 6px 2px; }

.inven_content .prev_week_href,
.inven_content .next_week_href{ width: 30px; display: inline-block; padding: 0; text-align: center;vertical-align: bottom; }
.inven_content .prev_week_href i,
.inven_content .next_week_href i{ line-height:28px; }

#add_vendor_pop.add_vendor_pop{ width: 95%;max-width:700px; }

.not_avail_p_tag{ float: left; width: 75%; margin-right: 0px !important; padding: 0px;padding-top:10px; }
.notAvailableDiv .n_aval_extra{ float: right; top: 5px; text-align: center; }

.exp_to_excl_a{ margin:0 0 0 15px; padding:2px 0 0; width:60px; border-radius:3px; vertical-align:middle; height:30px; border:solid 1px #a1a6b1; background:#fff; box-shadow: 0px 0px 10px #e5e5e5; font-family: 'Source Sans Pro'; font-size: 18px; display: inline-block; text-align: center; color: #707070; }

.upcmng_events_div{ text-align: center; }
.upcmng_events_div .evnts_divs{ float:none; display:inline-block; }
.upcmng_events_div .evnts_divs .top-date-div{
	line-height: 15px;font-size:12px;color:#FFFFFF;background-color:rgba(8, 8, 8, 0.34);position: absolute;width: 100%;left: 0;top: 0px;bottom: unset;
	border-bottom-left-radius: 2px;border-bottom-right-radius: 2px;
}
.upcmng_events_div .evnts_divs .data-field-odd{ height:62px; }
.upcmng_events_div .evnts_divs .ev-data-right{ margin-top: 15px; }
.upcmng_events_div .evnts_divs .ev-data-left{ padding-top: 15px; }

	
@media (min-width:2000px){
	#left-calendar .ui-datepicker{ max-width: 250px;float: none;margin:20px auto; }
	.left-bar-div .printer-icon{ margin: 0px auto; }
}
@media (max-width:1520px){
	#left-calendar .ui-datepicker{ max-width: 190px;font-size: 11px; }
}
@media screen and (max-width:736px){
	.mobile-logo { display: inline; width: 100% !important; }
	.daily-log-page .col-lg-12{ float:left; }
	.daily-log-page .head-tab > .col-md-9{ width:70%;float:left; }
	.daily-log-page .head-tab > .col-md-3{ width:29%;float:left; }
	.daily-log-page .cont-area{ overflow:auto;float:left;max-height:100%; }
	.left-bar-div .printer-icon { margin: auto !important; }
	.user-tools .top-tool{ float: left; }
	#left-calendar .ui-datepicker{ max-width: 225px; width: auto; }
	.log_full_row  b.del_row{ left: 8px;font-size: 16px; }
	input.ed-fld-inp,input.edit-fld-inp{ font-size:12px; }
}
@media screen and (max-width:414px){
	.right-bar.daily-log-page{ padding:10px; }
	.daily-log-page .event-detail-list{ margin-bottom:10px; }
	.daily-log-page .log_full_row{ width:100%; }
}
.noborder{border:0px;font-size:17px;width:100%;resize:none;}
.desktop-logo{width: 180px;
    height: 56px;}

/*Registration page*/
.fc-widget-content td > div:first-child{ min-height:36px !important; }
.fc-timeline .fc-head .fc-cell-content{ text-align: center; font-size: 12px; }

.social_content{ position: relative;padding:10px;padding-top: 68px; max-height:none; }
.feed-header{ position: absolute; top: 0px; left: 0px; padding: 10px; border-top-left-radius: 5px; border-top-right-radius: 5px; background-color: #51565f; color: #fff; font-size: 18px; font-weight: bold; width: 100%; }
.cnt-btns{ float: right; padding: 5px 10px; border-radius: 15px; border: none; color: #ffffff; outline:none; min-width:85px; width:80%; }
.cnt-btns.bg-green{ background-color:#0B883E; }
.cnt-btns.bg-red{ background-color:#a61111; }

.fb_pg_li{ font-size: 16px; font-weight: bold; line-height: 30px; padding-left: 10px; }
.fb_pg_li input{ margin-right: 10px; }
.set_fb_pg_btn_div{ width: 150px; float: left; clear: both; margin-top: 10px; }

.event_notes{ height: auto !important; }

.add_evnt_txt_div label{ margin-bottom:0px !important; }
.nts_title.rd_only{ border:none !important; background-color:transparent;outline:none; margin-bottom:0px !important; padding-left: 0px !important; }
.nts_lb_span{ float:right; }
.nts_lb_span a .fa{ line-height: 36px; }