/*------------------------------------------------------------------
HRM 2015
------------------------------------------------------------------*/
/*------------------------------------------------------------------
[1. Global]*/
@import url("../Content/opensans.css");
body {
	background: #EDEDED;
	font: 13px/1.7em 'Open Sans';
	color: #fff;	
	
	background-repeat: repeat-x;
	background-size: 100% auto;
	background-position: 0px 55px;
	/* background-attachment: fixed; */
}
.login-page{background-image: url("../Content/Images/hero-image.jpg"); }
p {
	font: 13px/1.7em 'Open Sans';
}
.hidedivicon{
    background: url('images/hide-up.png') no-repeat center center;
    width:24px;
    height:24px;
}
.showdivicon{
    background: url('images/hide-down.png') no-repeat center center;
    width:24px;
    height:24px;
}
input, button, select, textarea {
	font-family: 'Open Sans';
}
.dropdown .dropdown-menu {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.btn-icon-only {
	padding-right: 3px;
	padding-left: 3px;
}
.table td {
	vertical-align: middle;
	position: relative;
}
.table-bordered th {
	background: #E9E9E9;
	background: -moz-linear-gradient(top, #FAFAFA 0%, #E9E9E9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FAFAFA), color-stop(100%, #E9E9E9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #FAFAFA 0%, #E9E9E9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #FAFAFA 0%, #E9E9E9 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #FAFAFA 0%, #E9E9E9 100%); /* IE10+ */
	background: linear-gradient(top, #FAFAFA 0%, #E9E9E9 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9')";
	font-size: 10px;
	color: #444;
	text-transform: uppercase;
}
/*------------------------------------------------------------------
[2. Navbar / .navbar]*/
.navbar .container {
	position: relative;
}
.navbar-inner {
	padding: 7px 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	background: none;
	filter: initial;
	background-color: #116493;
}
.navbar-fixed-top {
	position: static;
}
.navbar .nav a {
	font-size: 14px;
}
.navbar .nav>li>a {
	color: #FCFCFC !important;
}
.navbar .brand {
	font-weight: 600;
	position: relative;
	top: 2px;
	position: absolute;
	z-index: 99;
	background: #2D7BA8;	
	/* border: 1px solid #3682D6; */
	display: block;
	/* width: 178px; */
	/* height: 90px; */
	line-height: 70px;
	padding: 8px 12px;
	margin: 0;
	width: 140px;
}
.navbar .search-query {
	background-color: #444;
	width: 150px;
	font-size: 11px;
	font-weight: bold;
}
 .navbar .search-query::-webkit-input-placeholder {
color: #666;
}
 .navbar .search-query:-moz-placeholder {
color: #666;
}
.navbar-search .search-query {
	background: #68dff0;
	border: 0;
	color: #fff;
	line-height: normal;
}
/*------------------------------------------------------------------
[3. Subnavbar / .subnavbar]*/
.subnavbar {
	margin-bottom: 2.5em;
}
.subnavbar-inner {
	height: 60px;
	background: #2D7BA8;
	border-bottom: 1px solid #246B94;
}
.subnavbar .container > ul {
	display: inline-block;
	height: 80px;
	padding: 0;
	margin: 0 0 0 170px;
}
.subnavbar .container > ul > li {
	float: left;
	min-width: 70px;
	height: 60px;
	padding: 0;
	margin: 0;
	text-align: center;
	list-style: none;
	border-left: 1px solid #116493;
	position: relative;
}
.subnavbar .container > ul > li > a {
	display: block;
	height: 100%;
	padding: 0 5px;
	font-size: 12px;
	font-weight: bold;
	color: #FCFCFC;
}
.subnavbar .container > ul > li > a:hover {
	text-decoration: none;
}
.subnavbar .container > ul > li > a > i {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-top: 11px;
	margin-bottom: -3px;
	font-size: 20px;
}
.subnavbar .container > ul > li > a > span {
	display: block;
}
.subnavbar .container > ul > li.active > a {
	border-bottom: 3px solid #02B8D2;
	color: #383838;
}
.subnavbar .dropdown .dropdown-menu a {
	font-size: 12px;
}
.subnavbar .dropdown .dropdown-menu {
	text-align: left;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;



	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.subnavbar .dropdown-menu::before {
	content: '';
	display: inline-block;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #CCC;
	border-bottom-color: rgba(0, 0, 0, 0.2);
	position: absolute;
	top: -7px;
	left: 9px;
}
.subnavbar .dropdown-menu::after {
	content: '';
	display: inline-block;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid white;
	position: absolute;
	top: -6px;
	left: 10px;
}
.subnavbar .caret {
	margin-top: 4px;
	border-top-color: white;
	border-bottom-color: white;
	display: none;
}
.subnavbar .dropdown.open .caret {
	display: none;
}
/*------------------------------------------------------------------
[4. Main / .main]*/
.main {
	padding-bottom: 52px;
}
/*------------------------------------------------------------------
[5. Extra / .extra]*/
.extra {
	border-top: 1px solid #585858;
	border-bottom: 1px solid #000;
}
.extra-inner {
	padding: 20px 0;
	font-size: 11px;
	color: #BBB;
	background: #1A1A1A;
}
.extra a {
	color: #666;
}
.extra h4 {
	margin-bottom: 1em;
	font-weight: 400;
}
.extra ul {
	padding: 0;
	margin: 0;
}
.extra li {
	margin-bottom: .6em;
	list-style: none;
}
/*------------------------------------------------------------------
[6. Footer/ .footer]*/
.footer {
	margin-top: 0;
	border-top: 1px solid #0D5177;
	position: fixed;
	width: 100%;
	bottom: 0;
	z-index: 10;
}
.footer-inner {
	padding: 15px 0;
	font-size: 12px;	/* background: url("../img/bg.gif"); */
	color: #A9A9A9;
	background: #116493;
}
.footer a {
	color: #999;
}
.footer a:hover {
	color: #FFF;
	text-decoration: none;
}
/*------------------------------------------------------------------
[6. Widget / .widget]*/
.widget {
	position: relative;
	clear: both;
	width: auto;
	margin-bottom: 2em;
	/* overflow: hidden; */
	color: #000;
}
.widget-header i {
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
	font-size: 18px;
}
.widget-header {
	position: relative;
	height: 40px;
	line-height: 40px;
	background-color: #2EA6E9;
	border: 1px solid #FFFFFF;
	color: #fff;
	padding: 0px 14px;
}
.widget-header h3 {
	position: relative;
	top: 2px;
	left: 10px;
	display: inline-block;
	/* margin-right: 3em; */
	font-size: 14px;
	font-weight: 800;
	color: #FFFFFF;
	line-height: 18px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.widget-header [class^="icon-"], .widget-header [class*=" icon-"] {
	display: inline-block;
	margin-left: 13px;
	margin-right: -2px;
	font-size: 16px;
	color: #FFF;
	vertical-align: middle;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.widget-content {
	padding: 20px 15px 15px;
	background: #FFF;
	border: 1px solid #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.widget-padding-cancel{padding: 0!important;}
.widget-header+.widget-content {
	border-top: none;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.widget-nopad .widget-content {
	padding: 0;
}
/* Widget Content Clearfix */	
.widget-content:before, .widget-content:after {
	content: "";
	display: table;
}
.widget-content:after {
	clear: both;
}
/* For IE 6/7 (trigger hasLayout) */
.widget-content {
	zoom: 1;
}
/* Widget Table */
.widget-table .widget-content {
	padding: 0;
}
.widget-table .table {
	margin-bottom: 0;
	/* border: none; */
}
.widget-table .table tr td:first-child {
	border-left: none;
}
.widget-table .table tr th:first-child {
	border-left: none;
}
/* Widget Plain */
.widget-plain {
	background: transparent;
	border: none;
}
.widget-plain .widget-content {
	padding: 0;
	background: transparent;
	border: none;
}
/* Widget Box */
.widget-box {
}
.widget-box .widget-content {
	background: #E3E3E3;
	background: #FFF;
}
/*------------------------------------------------------------------
[7. Error / .error-container]*/
.error-container {
	margin-top: 4em;
	margin-bottom: 4em;
	text-align: center;
	color:#000;
}
.error-container h1 {
	margin-bottom: .5em;
	font-size: 120px;
	line-height: 1em;
}
.error-container h2 {
	margin-bottom: .75em;
	font-size: 28px;
}
.error-container .error-details {
	margin-bottom: 1.5em;
	font-size: 16px;
}
.error-container .error-actions a {
	margin: 0 .5em;
}
/* Message layout */
ul.messages_layout {
	position: relative;
	margin: 0;
	padding: 0
}
ul.messages_layout li {
	float: left;
	list-style: none;
	position: relative
}
ul.messages_layout li.left {
	padding-left: 75px
}
ul.messages_layout li.right {
	padding-right: 75px
}
ul.messages_layout li.right .avatar {
	right: 0;
	left: auto
}
ul.messages_layout li.right .message_wrap .arrow {
	right: -12px;
	left: auto;
	background-position: 0 -213px;
	height: 15px;
	width: 12px
}
ul.messages_layout li.by_myself .message_wrap {
	border: 1px solid #b3cdf8
}
ul.messages_layout li.by_myself .message_wrap .info a.name {
	color: #4a8cf7
}
ul.messages_layout li a.avatar {
	position: absolute;
	left: 0;
	top: 0
}
ul.messages_layout li a.avatar img {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px
}
ul.messages_layout li .message_wrap {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	position: relative;
	border: 1px solid #e9e9e9;
	padding: 10px;
	border: 1px solid #cbcbcb;
	margin-bottom: 20px;
	float: left;
	background: #fefefe;
	-webkit-box-shadow: rgba(0,0,0,0.1) 0 1px 0px;
	-moz-box-shadow: rgba(0,0,0,0.1) 0 1px 0px;
	box-shadow: rgba(0,0,0,0.1) 0 1px 0px
}
ul.messages_layout li .message_wrap .arrow {
	background-position: 0 -228px;
	height: 15px;
	width: 12px;
	height: 15px;
	width: 12px;
	position: absolute;
	left: -12px;
	top: 13px
}
ul.messages_layout li .message_wrap .info {
	float: left;
	width: 100%;
	border-bottom: 1px solid #fff;
	line-height: 23px
}
ul.messages_layout li .message_wrap .info .name {
	float: left;
	font-weight: bold;
	color: #483734
}
ul.messages_layout li .message_wrap .info .time {
	float: left;
	font-size: 11px;
	margin-left: 6px
}
ul.messages_layout li .message_wrap .text {
	float: left;
	width: 100%;
	border-top: 1px solid #cfcfcf;
	padding-top: 5px
}
ul.messages_layout .dropdown-menu li {
	width: 100%;
	font-size: 11px;
}
/* Full Calendar */

.fc {
	direction: ltr;
	text-align: left;
	position: relative
}
.fc table {
	border-collapse: collapse;
	border-spacing: 0
}
html .fc, .fc table {
	font-size: 1em
}
.fc td, .fc th {
	padding: 0;
	vertical-align: top
}
.fc-header td {
	white-space: nowrap;
	background: none
}
.fc-header-left {
	width: 100%;
	text-align: left;
	position: absolute;
	left: 0;
	top: 6px
}
.fc-header-left .fc-button {
	margin: 0;
	position: relative
}
.fc-header-left .fc-button-prev, .fc-header-left .fc-button-next {
	float: left;
	border: none;
	padding: 14px 10px;
	opacity: 0.5
}
.fc-header-left .fc-button-prev .fc-button-inner, .fc-header-left .fc-button-next .fc-button-inner {
	border: none
}
.fc-header-left .fc-button-prev .fc-button-inner .fc-button-content, .fc-header-left .fc-button-next .fc-button-inner .fc-button-content {
	display: none
}
.fc-header-left .fc-button-prev.fc-state-hover, .fc-header-left .fc-button-next.fc-state-hover {
	opacity: 1
}
.fc-header-left .fc-button-prev.fc-state-down, .fc-header-left .fc-button-next.fc-state-down {
	background: none !important;
	margin-top: -1px
}
.fc-header-left .fc-button-prev .fc-button-inner {
	background-position: 0 -351px;
	height: 16px;
	width: 11px
}
.fc-header-left .fc-button-next {
	float: right
}
.fc-header-left .fc-button-next .fc-button-inner {
	background-position: 0 -367px;
	height: 16px;
	width: 11px
}
.fc-header-center {
	text-align: center
}
.fc-header-right {
	text-align: right;
	position: absolute;
	top: -34px;
	right: 10px
}
.fc-header-title {
	display: inline-block;
	vertical-align: top
}
.fc-header-title h2 {
	margin-top: 0;
	white-space: nowrap;
	font-size: 1.1rem;
	color: #6C737F;
	line-height: 55px;
}
.fc .fc-header-space {
	padding-left: 10px
}
.fc-header .fc-button {
	margin-bottom: 1em;
	vertical-align: top
}
.fc-header .fc-button {
	margin-right: -1px
}
.fc-header .fc-corner-right {
	margin-right: 1px
}
.fc-header .ui-corner-right {
	margin-right: 0
}
.fc-header .fc-state-hover, .fc-header .ui-state-hover {
	z-index: 2
}
.fc-header .fc-state-down {
	z-index: 3
}
.fc-header .fc-state-active, .fc-header .ui-state-active {
	z-index: 4
}
.fc-content {
	clear: both;
	background: #f9f9f9
}
.fc-view {
	width: 100%;
	overflow: hidden
}
.fc-view thead {
	background: #e9ecf1;
	line-height: 35px
}
.fc-widget-header, .fc-widget-content {
	border: 1px solid #ccc
}
.fc-state-highlight {
	background: #F4F3E6
}
.fc-cell-overlay {
	background: #9cf;
	opacity: .2;
	filter: alpha(opacity=20)
}
.fc-button {
	position: relative;
	display: inline-block;
	cursor: pointer
}
.fc-button-today {
	margin-top: 8px !important;
}
.fc-state-default {
	border-style: solid;
	border-width: 1px 0
}
.fc-button-inner {
	position: relative;
	float: left;
	overflow: hidden
}
.fc-state-default .fc-button-inner {
	border-style: solid;
	border-width: 0 1px
}
.fc-button-content {
	position: relative;
	float: left;
	height: 1.9em;
	line-height: 1.9em;
	padding: 0 .6em;
	white-space: nowrap
}
.fc-button-content .fc-icon-wrap {
	position: relative;
	float: left;
	top: 50%
}
.fc-button-content .ui-icon {
	position: relative;
	float: left;
	margin-top: -50%;
*margin-top:0;
*top:-50%
}
.fc-state-default .fc-button-effect {
	position: absolute;
	top: 50%;
	left: 0
}
.fc-state-default .fc-button-effect span {
	position: absolute;
	top: -100px;
	left: 0;
	width: 500px;
	height: 100px;
	border-width: 100px 0 0 1px;
	border-style: solid;
	border-color: #fff;
	background: #444;
	opacity: .09;
	filter: alpha(opacity=9)
}
.fc-state-default, .fc-state-default .fc-button-inner {
	border-style: solid;
	/* border-color: #ccc #bbb #aaa; */
	color: #000;
}
.fc-state-hover, .fc-state-hover .fc-button-inner {
	border-color: #999
}
.fc-state-down {
	border-color: #555;
	background: #777
}
.fc-state-active, .fc-state-active .fc-button-inner {
	border-color: #555;
	background: #777;
	color: #fff
}
.fc-state-disabled, .fc-state-disabled .fc-button-inner {
	color: #999;
	border-color: #ddd
}
.fc-state-disabled {
	cursor: default
}
.fc-state-disabled .fc-button-effect {
	display: none
}
.fc-event {
	border-style: solid;
	border-width: 0;
	font-size: .85em;
	cursor: default
}
a.fc-event, .fc-event-draggable {
	cursor: pointer
}
a.fc-event {
	text-decoration: none
}
.fc-rtl .fc-event {
	text-align: right
}
.fc-event-skin {
	border-color: #3f85f5;
	background-color: #5e96ea;
	color: #fff
}
.fc-event-inner {
	position: relative;
	width: 100%;
	height: 100%;
	border-style: solid;
	border-width: 0;
	overflow: hidden
}
.fc-event-time, .fc-event-title {
	padding: 0 1px
}
.fc .ui-resizable-handle {
	display: block;
	position: absolute;
	z-index: 99999;
	overflow: hidden;
	font-size: 300%;
	line-height: 50%
}
.fc-event-hori {
	border-width: 1px 0;
	margin-bottom: 1px
}
.fc-event-hori .ui-resizable-e {
	top: 0 !important;
	right: -3px !important;
	width: 7px !important;
	height: 100% !important;
	cursor: e-resize
}
.fc-event-hori .ui-resizable-w {
	top: 0 !important;
	left: -3px !important;
	width: 7px !important;
	height: 100% !important;
	cursor: w-resize
}
.fc-event-hori .ui-resizable-handle {
	_padding-bottom: 14px
}
.fc-corner-left {
	margin-left: 1px
}
.fc-corner-left .fc-button-inner, .fc-corner-left .fc-event-inner {
	margin-left: -1px
}
.fc-corner-right {
	margin-right: 1px
}
.fc-corner-right .fc-button-inner, .fc-corner-right .fc-event-inner {
	margin-right: -1px
}
.fc-corner-top {
	margin-top: 1px
}
.fc-corner-top .fc-event-inner {
	margin-top: -1px
}
.fc-corner-bottom {
	margin-bottom: 1px
}
.fc-corner-bottom .fc-event-inner {
	margin-bottom: -1px
}
.fc-corner-left .fc-event-inner {
	border-left-width: 1px
}
.fc-corner-right .fc-event-inner {
	border-right-width: 1px
}
.fc-corner-top .fc-event-inner {
	border-top-width: 1px
}
.fc-corner-bottom .fc-event-inner {
	border-bottom-width: 1px
}
table.fc-border-separate {
	border-collapse: separate
}
.fc-border-separate th, .fc-border-separate td {
	border-width: 1px 0 0 1px
}
.fc-border-separate th.fc-last, .fc-border-separate td.fc-last {
	border-right-width: 1px
}
.fc-border-separate tr.fc-last th, .fc-border-separate tr.fc-last td {
	border-bottom-width: 0px
}
.fc-first {
	border-left-width: 0 !important
}
.fc-last {
	border-right-width: 0 !important
}
.fc-grid th {
	text-align: center
}
.fc-grid .fc-day-number {
	float: right;
	padding: 0 2px
}
.fc-grid .fc-other-month .fc-day-number {
	opacity: 0.3;
	filter: alpha(opacity=30)
}
.fc-grid .fc-day-content {
	clear: both;
	padding: 2px 2px 1px
}
.fc-grid .fc-event-time {
	font-weight: bold
}
.fc-rtl .fc-grid .fc-day-number {
	float: left
}
.fc-rtl .fc-grid .fc-event-time {
	float: right
}
.fc-agenda table {
	border-collapse: separate
}
.fc-agenda-days th {
	text-align: center
}
.fc-agenda .fc-agenda-axis {
	width: 60px !important;
	padding: 0 4px;
	vertical-align: middle;
	text-align: right;
	white-space: nowrap;
	font-weight: normal
}
.fc-agenda .fc-day-content {
	padding: 2px 2px 1px
}
.fc-agenda-days .fc-agenda-axis {
	border-right-width: 1px
}
.fc-agenda-days .fc-col0 {
	border-left-width: 0
}
.fc-agenda-allday th {
	border-width: 0 1px
}
.fc-agenda-allday .fc-day-content {
	min-height: 34px;
	_height: 34px
}
.fc-agenda-divider-inner {
	height: 2px;
	overflow: hidden
}
.fc-widget-header .fc-agenda-divider-inner {
	background: #eee
}
.fc-agenda-slots th {
	border-width: 1px 1px 0
}
.fc-agenda-slots td {
	border-width: 1px 0 0;
	background: none
}
.fc-agenda-slots td div {
	height: 20px
}
.fc-agenda-slots tr.fc-slot0 th, .fc-agenda-slots tr.fc-slot0 td {
	border-top-width: 0
}
.fc-agenda-slots tr.fc-minor th, .fc-agenda-slots tr.fc-minor td {
	border-top-style: dotted
}
.fc-agenda-slots tr.fc-minor th.ui-widget-header {
*border-top-style:solid
}
.fc-event-vert {
	border-width: 0 1px
}
.fc-event-vert .fc-event-head, .fc-event-vert .fc-event-content {
	position: relative;
	z-index: 2;
	width: 100%;
	overflow: hidden
}
.fc-event-vert .fc-event-time {
	white-space: nowrap;
	font-size: 10px
}
.fc-event-vert .fc-event-bg {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: .3;
	filter: alpha(opacity=30)
}
.fc .ui-draggable-dragging .fc-event-bg, .fc-select-helper .fc-event-bg {
	display: none\9
}
.fc-event-vert .ui-resizable-s {
	bottom: 0 !important;
	width: 100% !important;
	height: 8px !important;
	overflow: hidden !important;
	line-height: 8px !important;
	font-size: 11px !important;
	font-family: monospace;
	text-align: center;
	cursor: s-resize
}
.fc-agenda .ui-resizable-resizing {
	_overflow: hidden
}
.fc-header-left .fc-button-prev .fc-button-inner {
	background: url('../img/icons-sa7c41345d9.png') no-repeat;
	background-position: 0 -351px;
	height: 16px;
	width: 11px;
}
.fc-header-left .fc-button-next .fc-button-inner {
	background: url('../img/icons-sa7c41345d9.png') no-repeat;
	background-position: 0 -367px;
	height: 16px;
	width: 11px;
}
/*------------------------------------------------------------------
[8. Miscellaneous]
*/

.chart-holder {
	width: 100%;
	height: 250px;
}
.dropdown-menu li>a:hover, .dropdown-menu .active>a, .dropdown-menu .active>a:hover {
	background: #02B8D2;
}
.accordion-heading {
	background: #e5e5e5;
}
.accordion-heading a {
	color: #545454;
	text-decoration: none;
	font-weight: bold;
}
.btn-facebook-alt i {
	color: #23386a;
}
.btn-twitter-alt i {
	color: #0098d0;
}
.btn-google-alt i {
	color: #b6362d;
}
.btn-linkedin-alt i {
	color: #0073b2;
}
.btn-pinterest-alt i {
	color: #ab171e;
}
.btn-github-alt i {
	color: #333;
}
.all-icons li {
	list-style: none;
}
.ML0 {
	margin-left: 0
}
.MR0 {
	margin-right: 0;
}



/*------------------------------------------------------------------
[1. Max Width: 480px]
*/

@media (max-width: 480px) {
.error-container h1 {
	font-size: 72px;
}
}





/*------------------------------------------------------------------
[1. Max Width: 767px]
*/

@media (max-width: 767px) {
#main {
	padding: 0 10px;
	margin-right: -20px;
	margin-left: -20px;
}
.subnavbar {
	margin-left: -20px;
	margin-right: -20px;
}
.subnavbar-inner {
	height: auto;
}
.subnavbar .container > ul {
	width: 100%;
	height: auto;
	border: none;
}
.subnavbar .container > ul > li {
	width: 33%;
	height: 70px;
	margin-bottom: 0;
	border: none;
}
.subnavbar .container > ul > li.active > a {
	font-size: 11px;
	background: transparent;
}
.subnavbar .container > ul > li > a > i {
	display: inline-block;
	margin-bottom: 0;
	font-size: 20px;
}
.subnavbar-open-right .dropdown-menu {
	left: auto;
	right: 0;
}
.subnavbar-open-right .dropdown-menu:before {
	left: auto;
	right: 12px;
}
.subnavbar-open-right .dropdown-menu:after {
	left: auto;
	right: 13px;
}
.extra {
	margin-right: -20px;
	margin-left: -20px;
}
.extra .container {
	padding: 0 20px;
}
.footer {
	margin-right: -20px;
	margin-left: -20px;
}
.footer .container {
	padding: 0 20px;
}
.footer .footer-terms {
	text-align: left;
}
.footer .footer-terms a {
	margin-left: 0;
	margin-right: 1em;
}
}
   
/*------------------------------------------------------------------
[3. Max Width: 979px]
*/

@media (max-width: 979px) {
.navbar-fixed-top {
	position: static;
	margin-bottom: 0;
}
.subnavbar {
}
.subnavbar .container {
	width: auto;
}
}
/*------------------------------------------------------------------
[2. Max Width: 1200px]
*/
@media (min-width: 1200px) {
.navbar .search-query {
	width: 200px;
}
}
img{max-width:100%;height:auto}
.rowx {}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	position: relative;min-height: 1px;margin-left: 1%;margin-right: 1%}

.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left;}
.col-sm-12{width:98%}
.col-sm-11{width: 89.666667%;}	.col-sm-1{width: 6.333333%;}
.col-sm-10{width: 81.333333%;}	.col-sm-2{width: 14.666667%;}
.col-sm-9{width: 73%;}			.col-sm-3{width: 23%;}
.col-sm-8{width: 64.666667%;}	.col-sm-4{width: 31.333333%;}
.col-sm-7{width: 56.333333%;}	.col-sm-5{width: 39.666667%;}
.col-sm-6{width: 48%;}
.mb10{margin-bottom:10px;}
.side-menu{
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    overflow: hidden;
    border-radius: 5px;
}
.side-menu li{
    display: block;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(245, 167, 50, 0)), color-stop(100%, rgba(38, 24, 2, 0.1)));    
    background-image: -webkit-linear-gradient(rgba(245, 167, 50, 0), rgba(38, 24, 2, 0.1));    
    background-image: -moz-linear-gradient(rgba(245, 167, 50, 0), rgba(38, 24, 2, 0.1));    
    background-image: -o-linear-gradient(rgba(245, 167, 50, 0), rgba(38, 24, 2, 0.1));    
    background-image: linear-gradient(rgba(245, 167, 50, 0), rgba(38, 24, 2, 0.1));    
    background-color: #2D7BA8;    
    border-color: #2D7BA8 #2D7BA8 #2D7BA8;    
    border-color: rgba(0, 0, 0, 0.05) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.15);    
    color: white;    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15);    *background-color: #f49a15;
}
.side-menu li:hover,.side-menu li.active{background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(33, 169, 236, 0)), color-stop(100%, rgba(1, 9, 13, 0.1)));
background-image: -webkit-linear-gradient(rgba(33, 169, 236, 0), rgba(1, 9, 13, 0.1));
background-image: -moz-linear-gradient(rgba(33, 169, 236, 0), rgba(1, 9, 13, 0.1));
background-image: -o-linear-gradient(rgba(33, 169, 236, 0), rgba(1, 9, 13, 0.1));
background-image: linear-gradient(rgba(33, 169, 236, 0), rgba(1, 9, 13, 0.1));
background-color: #21a9ec;
border-color: #1399dc #1399dc #0d6895;
border-color: rgba(0, 0, 0, 0.05) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.15);
color: white;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15);}
.side-menu li a{
    display: block;
    padding: 8px 10px;
    color: inherit;
    font-weight: bold;
}
.side-menu li a i{
    width: 18px;
}
.side-menu li a:hover,.side-menu li.active a{
    text-decoration: none;
}
.side-menu li a:hover i{}
input:not([type]), input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="url"], input[type="text"]{width:100%;}



select{width:100%!important;}
.m3{margin:3px;}.m5{margin:5px}.m15{margin:15px}
.mt5{margin-top:5px;}
.mt7{margin-top:7px;}
.p10{padding:10px}
.rad-5{-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.no-shadow{text-shadow:none!important}
.headerBtn{}
.headerBtn i{text-shadow:none;font-size: 13px;}
.radiogrop label{    display: inline;    margin-left: 5px;}
.search-area{padding-bottom: 10px;margin-bottom:10px;border-bottom:#f3f3f3 1px solid;padding-top: 15px;}
.border1{border:1px solid #e3e3e3}
.bgf3f3f3{background:#f3f3f3}
/**/
.w100per{width:100%!important}
.w90per{width:90%!important}
.w80per{width:80%!important}
.w70per{width:70%!important}
.w60per{width:60%!important}
.w50per{width:50%!important}
.w40per{width:40%!important}
.w30per{width:30%!important}
.w20per{width:20%!important}
.w10per{width:10%!important}
/**/
.w300px{width:300px!important}
.w250px{width:250px!important}
.w225px{width:225px!important}
.w220px{width:220px!important}
.w200px{width:200px!important}
.w180px{width:180px!important}
.w150px{width:150px!important}
.w100px{width:100px!important}
.w90px{width:90px!important}
.w80px{width:80px!important}
.w70px{width:70px!important}
.w60px{width:60px!important}
.w50px{width:50px!important}
.w40px{width:40px!important}
.w30px{width:30px!important}
.w20px{width:20px!important}
.hide{display:none!important}
.ShiftsCalendar {margin: 2px;}
.ShiftsCalendar table td{padding: 5px 10px;/* text-align:center; */}
.ShiftsCalendar table br{display:none!important}
.ShiftsCalendar table tr:first-child td{background: #2D7BA8!important;border:0px;border-color: transparent!important;padding: 0;/* height: auto!important; */color: #fff!important;font: 14px/20px Tahoma;}
.ShiftsCalendar table tr:first-child td a{font: 14px/20px Tahoma;background: none;padding: 0;}
.ShiftsCalendar table tr:first-child td:first-child{border-radius: 3px 3px 0 0;/* overflow:hidden */padding: 0 10px;}
.ShiftsCalendar table tr:nth-child(1) th{}
.ShiftsCalendar table tr:nth-child(2) th{
    background: #F5F5F5;
}
.ShiftsCalendar table td .Evening a{
    color: #FFFFFF;
    background: #6CADFF;
    border-radius: 3px;
    padding: 2px 5px;
    font-size: 11px;
}
.ShiftsCalendar table td .Morning a{
    color: #FFFFFF;
    background: #FFBD44;
    border-radius: 3px;
    padding: 2px 5px;
    font-size: 11px;
    text-shadow: #DF5500 0px 0px 1px;
}
.ShiftsCalendar table td .MidDay a{
    color: #FFFFFF;
    background: #CF6703;
    border-radius: 3px;
    padding: 2px 5px;
    font-size: 11px;
}

.calDay{
    color: #0077CD;
    background: url("../../Content/Images/calendar16.png") no-repeat 0% 3px;
    text-align: left;
    padding-left: 20px;
}
.ShiftsCalendar table tr:first-child table td:first-child a{color: #FFFFFF!important;display: block;padding-left: 25px;background: url("../../Content/Images/aleft.png") 0 0 no-repeat;font-weight: bold;}
.ShiftsCalendar table tr:first-child table td:last-child a{
    /* color: #F99600!important; */    display: block;    
    padding-right: 25px;    
    background: url("../../Content/Images/aright.png") 100% 0 no-repeat;
    font-weight: bold;
}
.shiftTime{/* padding: 1px 4px 2px; */
  /* font-size: 10.998px; */
  /* font-weight: bold; */
  /* line-height: 13px; */
  /* color: #ffffff; */
  /* vertical-align: middle; */
  /* white-space: nowrap; */
  /* text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); */
  /* background-color: #999999; */
  /* -webkit-border-radius: 3px; */
  -moz-border-radius: 3px;
  /* border-radius: 3px; */}
.Evening .shiftTime{/* background-color: #001f3f !important; */}
.Morning .shiftTime{/* background-color: #00c0ef !important; */}
.calCell.Morning {    margin-right: -8px;    background: url("../../Content/Images/Sunrise.png") no-repeat 100% 0%;}
.calCell.Evening {    margin-right: -8px;    background: url("../../Content/Images/moon.png") no-repeat 100% 0%;}
.calCell.MidDay {    margin-right: -8px;    background: url("../../Content/Images/sun.png") no-repeat 100% 0%;}
.calCell.Holiday {    margin-right: -8px;    background: url("../../Content/Images/holiday.png") no-repeat 100% 0%;    min-height: 35px;}
.calCell.NoShiftDay {    margin-right: -8px;    background: url("../../Content/Images/noshiftday.png") no-repeat 100% 0%;}
.ShiftsCalendar table td .Holiday a{
    background: #eeeee;
    border-radius: 3px;
    padding: 2px 5px;
    font-size: 11px;
    background:url("../../Content/Images/121.png") 3px 3px no-repeat #eee;
    padding-left:20px;
    border:1px solid #ddd;
    background-size:10px 10px;
    color:#000;
}
img.employeeImg{height:100px;}
.mh50 {
  min-height: 50px;
}
.subtitle {
  border-left: 2px solid #2EA6E9;
  background: #eee;
  padding: 5px 10px;
  color: #1080BE;
  font-weight: bold;
  margin: 0 0 20px 0;
}
.AddChangeDayOff {    padding-top: 10px;}
.navbar .brand img{width:78px;height:70px;float: left;display: block;margin-right: 5px;} 
.navbar .brand span{display:block;float:right;width: 53px;}
.btn-sm{
  padding: 0px 10px;
  font-size: 13px;
  line-height: 1.5;
  border-radius: 3px;
}
/*
			hr hr-*
------------------------- */
.hr{-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: inset rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.1) 0 1px 2px;-moz-box-shadow: inset rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.1) 0 1px 2px;box-shadow: inset rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.1) 0 1px 2px;background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(128, 128, 128, 0.1)));background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(128, 128, 128, 0.1));background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(128, 128, 128, 0.1));background-image: -o-linear-gradient(rgba(255, 255, 255, 0), rgba(128, 128, 128, 0.1));background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(128, 128, 128, 0.1));background-color: white;border-color: whitesmoke whitesmoke #cfcfcf;border-color: rgba(0, 0, 0, 0.05) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.15);color: #333333;*background-color: whitesmoke;font-size: 14px;line-height: 22px;-webkit-transition: background-color 0.2s;-moz-transition: background-color 0.2s;-o-transition: background-color 0.2s;transition: background-color 0.2s;border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.2);border-style: solid;border-width: 1px;cursor: pointer;display: inline-block;margin-bottom: 0;padding: 2px 12px;text-align: left;vertical-align: middle;*border: 0;*display: inline;*zoom: 1;*margin-left: .3em;
background-image: url("../../Content/Images/hr-default.png");  background-repeat: no-repeat;  background-position: 7px 5px;  background-size: 16px 16px;padding-left: 31px;box-sizing: border-box;
}
.hr:hover{text-decoration:none}
.hr:active{-webkit-box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);-moz-box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125)}
.hr:focus{outline:none}
/* -------------------------------------------------------- */
/* hr-save done */
.hr.hr-save{background-color:#00a65a;border-color: #008d4c;color: #fff;background-image: url("../../Content/Images/hr-save.png");}/**/
.hr.hr-save:hover,.hr.hr-save:active,.hr.hr-save.hover {  background-color: #008d4c;}

/* hr-add done */
.hr.hr-add{background-color:#00a65a;border-color: #008d4c;color: #fff;background-image: url("../../Content/Images/hr-add.png");}/**/
.hr.hr-add:hover,.hr.hr-add:active,.hr.hr-add.hover {background-color: #008d4c;}
/* done */
.hr.hr-edit{background-color: #3c8dbc;border-color: #367fa9;color: #fff;background-image: url("../../Content/Images/hr-edit.png");}/**/
.hr.hr-edit:hover,.hr.hr-edit:active,.hr.hr-edit.hover {  background-color: #367fa9;}
/* */
.hr.hr-delete{background-color: #f56954;  border-color: #f4543c;color: #fff;background-image: url("../../Content/Images/hr-delete.png");}/**/
.hr.hr-delete:hover,.hr.hr-delete:active,.hr.hr-delete.hover {  background-color: #f4543c;}
/* */
.hr.hr-deatils{  background-color: #00c0ef;  border-color: #00acd6;color: #fff;background-image: url("../../Content/Images/hr-details.png");}/**/
.hr.hr-deatils:hover,.hr.hr-deatils:active,.hr.hr-deatils.hover {  background-color: #00acd6;}
.hr.hr-details{  background-color: #00c0ef;  border-color: #00acd6;color: #fff;background-image: url("../../Content/Images/hr-details.png");}/**/
.hr.hr-details:hover,.hr.hr-details:active,.hr.hr-details.hover {  background-color: #00acd6;}
/* */
.hr.hr-print{background-image: url("../../Content/Images/hr-print.png");}/**/
.hr.hr-print:hover,.hr.hr-print:active,.hr.hr-print.hover {}
/* */
.hr.hr-back{background-image: url("../../Content/Images/hr-back.png");}/**/
.hr.hr-back:hover,.hr.hr-back:active,.hr.hr-back.hover { }
/* */
.hr.hr-cancel{background-color: #f39c12;  border-color: #e08e0b;color: #fff;background-image: url("../../Content/Images/hr-cancel.png");}/**/
.hr.hr-cancel:hover,.hr.hr-cancel:active,.hr.hr-cancel.hover {  background-color: #e08e0b;}
/* */
.hr.hr-search{background-color: #00c0ef;  border-color: #00acd6;color: #fff;background-image: url("../../Content/Images/hr-search.png");}/**/
.hr.hr-search:hover,.hr.hr-search:active,.hr.hr-search.hover {  background-color: #00acd6;}


.hr.hr-more{background-color: #00c0ef;  border-color: #00acd6;color: #fff;background-image:none;padding:2px 12px;}/**/
.hr.hr-more:hover,.hr.hr-more:active,.hr.hr-more.hover {  background-color: #00acd6;}
/* */
.hr.hr-generate{background-color: #00c0ef;  border-color: #00acd6;color: #fff;background-image: url("../../Content/Images/hr-generate.png");}/**/
.hr.hr-generate:hover,.hr.hr-generate:active,.hr.hr-generate.hover {  background-color: #00acd6;}
/* */
.hr.hr-regenerate{background-color:#00c0ef;border-color:#00acd6;color:#fff;background-image: url("../../Content/Images/hr-regenerate.png");}/**/
.hr.hr-regenerate:hover,.hr.hr-regenerate:active,.hr.hr-regenerate.hover {  background-color: #00acd6;}
/* */
.hr.hr-confirm{background-color: #00c0ef;  border-color: #00acd6;color: #fff;background-image: url("../../Content/Images/hr-confirm.png");}/**/
.hr.hr-confirm:hover,.hr.hr-confirm:active,.hr.hr-confirm.hover {  background-color: #00acd6;}
/* */
.hr.hr-extend{background-color: #00c0ef;  border-color: #00acd6;color: #fff;background-image: url("../../Content/Images/hr-extend.png");}
.hr.hr-extend:hover,.hr.hr-extend:active,.hr.hr-extend.hover {  background-color: #00acd6;}
/* */
.hr.hr-install{background-color: #00c0ef;  border-color: #00acd6;color: #fff;background-image: url("../../Content/Images/hr-install.png");}
.hr.hr-install:hover,.hr.hr-install:active,.hr.hr-install.hover {  background-color: #00acd6;}
/* */
.hr.hr-approve{background-color:#00a65a;border-color: #008d4c;color: #fff;background-image: url("../../Content/Images/hr-approve.png");}/**/
.hr.hr-approve:hover,.hr.hr-approve:active,.hr.hr-approve.hover {  background-color: #008d4c;}
/* */
.hr.hr-reject{background-color: #f56954;  border-color: #f4543c;color: #fff;background-image: url("../../Content/Images/hr-reject.png");}/**/
.hr.hr-reject:hover,.hr.hr-reject:active,.hr.hr-reject.hover {  background-color: #f4543c;}
/* */
.hr.hr-change{background-color:#00a65a;border-color: #008d4c;color: #fff;background-image: url("../../Content/Images/hr-change.png");}/**/
.hr.hr-change:hover,.hr.hr-change:active,.hr.hr-change.hover {  background-color: #008d4c;}

.lateDay {        background-color: #FFED6F !important;    }
.fasl{    display: block;    border-bottom: 1px solid #F2F2F2;    margin-bottom: 10px;    height: 2px;    border-top: 1px olid #F2F2F2;
}
#cboxLoadedContent{
    border: 5px solid #229BE5;
    border-radius: 3px;
}
#cboxClose{
    /* background: url(images/controls2.png) no-repeat top center; */
}

.headertooltip{width:250px;height: 80px;border-radius:10px;background:#000;/* display: block!important; */color: #fff;position: absolute;bottom: 0;left: 30px!important;margin-top: -55px;z-index: 9999;vertical-align: middle;padding: 10px;}
.toolTip {    position: relative;}
.headertooltip ul{
    /* display: table-cell; */
}
.headertooltip ul li{
    /* display: block; */
}
.headertooltip:after{display:block;position:absolute;content:"";width:30px;height:30px;background:#000;}
.dayOff {background-image: url("../../Content/Images/dayOff.png"); background-repeat: no-repeat;
   width: 70px;
   height:26px;
     margin-top: -12px;
    position:absolute
}
.hr.hr-upload{background-color: #00c0ef;  border-color: #00acd6;color: #fff;background-image: url("../../Content/Images/hr-upload.png");}
.hr.hr-upload:hover,.hr.hr-upload:active,.hr.hr-upload.hover {  background-color: #00acd6;}
.hr.hr-load{background-color: #00c0ef;  border-color: #00acd6;color: #fff;background-image: url("../../Content/Images/hr-load.png");}
.hr.hr-load:hover,.hr.hr-load:active,.hr.hr-load.hover {  background-color: #00acd6;}

.hr.hr-save-draft{background-color:#00a65a;border-color: #008d4c;color: #fff;background-image: url("../../Content/Images/hr-save-draft.png");}/**/
.hr.hr-save-draft:hover,.hr.hr-save-draft:active,.hr.hr-save-draft.hover {  background-color: #008d4c;}


/* hr-save auto */
.hr.hr-save-auto{background-color:#FFFFFF;border-color: #aeaeae;color: #000;background-image: url("../../Content/Images/hr-save.png");}/**/
.hr.hr-save-auto:hover,.hr.hr-save:active,.hr.hr-save.hover {  background-color: #FAFAFA;}

.hr.hr-terminate{background-color:#00a65a;border-color: #008d4c;color: #fff;background-image: url("../../Content/Images/hr-terminate.png");}/**/
.hr.hr-terminate:hover,.hr.hr-terminate:active,.hr.hr-terminate.hover {  background-color: #008d4c;}

.hasDatepicker{padding-left: 30px;}
img.ui-datepicker-trigger {    position: absolute;    top: 2px;    left: 4px;}
img.ui-popup {    position: absolute;    top: 2px;   padding-left: 5px; }
fieldset.customfieldset{border: 1px solid rgb(46, 166, 233);margin-bottom: 20px;padding-right:5px;}
fieldset.customfieldset legend{margin:0;  padding: 4px 14px;  border: 1px solid rgb(46, 166, 233);  color: #fff;  font-size: 14px;  display: initial;  width: inherit;  margin-left: 10px;  background: #2EA6E9;  line-height: normal;
  border-bottom: 0;
  border-radius: 5px;
}
.w240px{width:240px!important}
.missData,.missData:hover {background: url("Images/danger.png") 50% 50% no-repeat #FFA19F!important;}
.lateDay {background: url("Images/alert.png") 93% 50% no-repeat #FFF87D !important;}
.hr.headerBtn {    border: 1px solid #FFF!important;}
.ln {    width: 130px!important;    height: 59px!important;    margin: 10px 0 0 5px;}
.hr-icon
    {
      font-family: "hr";
      /* font-style: normal; */
      /* font-weight: normal; */
      speak: none;
     
      display: inline-block;
      text-decoration: inherit;
      width: 1em;
      /* margin-right: .2em; */
      text-align: center;
      /* opacity: .8; */
      font-variant: normal;
      text-transform: none;
      line-height: 1em;
      /* margin-left: .2em; */
      font-size: 200%;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }
/* Buttons override >> */
.hr.hr-add{background-color:#FFF;border-color: #10B2E3;color: #10B2E3;background-image: url("../../Content/Images/hr-add.png");}/**/
.hr.hr-add:hover,.hr.hr-add:active,.hr.hr-add.hover {	background-color: #F5F5F5;}
.hr.hr-cancel{background-color: #DA0202;border-color: #CB0202;color: #fff;background-image: url("../../Content/Images/hr-cancel.png");}
.hr.hr-cancel:hover,.hr.hr-cancel:active,.hr.hr-cancel.hover {  background-color: #F00000;}
.hr.hr-terminate{background-color:#DA0202;border-color: #CB0202;color: #fff;background-image: url("../../Content/Images/hr-terminate.png");}/**/
.hr.hr-terminate:hover,.hr.hr-terminate:active,.hr.hr-terminate.hover {  background-color: #F00000;}
.hr.hr-delete{background-color: #DA0202;  border-color: #CB0202;color: #fff;background-image: url("../../Content/Images/hr-delete.png");}/**/
.hr.hr-delete:hover,.hr.hr-delete:active,.hr.hr-delete.hover {  background-color: #F00000;}
.hr.hr-change{	background-color: #FFFFFF;	border-color: #aeaeae;	color: #333;	background-image: url("../../Content/Images/hr-change.png");}/**/
.hr.hr-change:hover,.hr.hr-change:active,.hr.hr-change.hover {	background-color: #FAFAFA;}
.hr.hr-save{background-color: #FFFFFF;	border-color: #aeaeae;	color: #333;background-image: url("../../Content/Images/hr-save.png");}/**/
.hr.hr-save:hover,.hr.hr-save:active,.hr.hr-save.hover {  background-color: #FAFAFA;}
.hr.hr-save-draft{background-color: #FFFFFF;	border-color: #aeaeae;	color: #333;background-image: url("../../Content/Images/hr-save-draft.png");}/**/
.hr.hr-save-draft:hover,.hr.hr-save-draft:active,.hr.hr-save-draft.hover {  background-color: #FAFAFA;}
.hr.hr-search{background-color: #10B2E3;  border-color: #10B2E3;color: #fff;background-image: url("../../Content/Images/hr-search.png");}/**/
.hr.hr-search:hover,.hr.hr-search:active,.hr.hr-search.hover {	background-color: #0E9EC9;}
.hr.hr-back{background-color: #FFFFFF;	border-color: #aeaeae;	color: #333;}/**/
.hr.hr-back:hover,.hr.hr-back:active,.hr.hr-back.hover {  background-color: #FAFAFA;}

/* << Buttons override */
em{
    color:red;
}
.hr-save,
.hr-back,
.hr-edit,
.hr-cancel{width: 96px!important;}
.hr-back:before{content:''!important;display:none}
.container.popupc {    margin: 0;    padding: 0;    width: 100%;}
.container.popupc .row {margin:0}
.container.popupc .row .col-sm-12{margin:0;width:100%}
/* ------------------- */
/* Steps Wizard */
/* ------------------- */
.nav-wizard{margin-bottom:0}
.tab-pane {    border: 1px solid #E4E4E4;border-radius: 3px; overflow: hidden;margin-top: 5px;}
.nav-wizard > li {float:left;}
.nav-wizard > li > a {position:relative;background-color:#eeeeee;padding: 13px;}
.nav-wizard > li > a .badge {margin-left:3px;color:#eeeeee;background-color:#428bca;}
.nav-wizard > li:not(:first-child) > a {padding-left:34px;}
.nav-wizard > li:not(:first-child) > a:before {width:0px;height:0px;border-top:20px inset transparent;border-bottom:20px inset transparent;
  border-left:20px solid #ffffff;position:absolute;content:"";top:0;left:0;}
.nav-wizard > li:not(:last-child) > a {margin-right:6px;}
.nav-wizard > li:not(:last-child) > a:after {width:0px;height:0px;border-top:20px inset transparent;border-bottom:20px inset transparent;
  border-left:20px solid #eeeeee;position:absolute;content:"";top:0;right: -17px;z-index:2;}
.nav-wizard > li:first-child > a {border-top-left-radius:4px;border-bottom-left-radius:4px;}
.nav-wizard > li:last-child > a {border-top-right-radius:4px;border-bottom-right-radius:4px;}
.nav-wizard > li.done:hover > a,.nav-wizard > li:hover > a {background-color:#d5d5d5;}
.nav-wizard > li.done:hover > a:before,.nav-wizard > li:hover > a:before {border-right-color:#d5d5d5;}
.nav-wizard > li.done:hover > a:after,.nav-wizard > li:hover > a:after {border-left-color:#d5d5d5;}
.nav-wizard > li.done > a {background-color:#e2e2e2;}
.nav-wizard > li.done > a:before {border-right-color:#e2e2e2;}
.nav-wizard > li.done > a:after {border-left-color:#e2e2e2;}
.nav-wizard > li.active > a,.nav-wizard > li.active > a:hover,.nav-wizard > li.active > a:focus {color:#ffffff;background-color: #2EA6E9;}
.nav-wizard > li.active > a:after {border-left-color: #2EA6E9;}
.nav-wizard > li.active > a .badge {color:#428bca;background-color:#ffffff;}
.nav-wizard > li.disabled > a {color:#777777;}
.nav-wizard > li.disabled > a:hover,.nav-wizard > li.disabled > a:focus {color:#777777;text-decoration:none;background-color:#eeeeee;cursor:default;}
.nav-wizard > li.disabled > a:before {border-right-color:#eeeeee;}
.nav-wizard > li.disabled > a:after {border-left-color:#eeeeee;}
.nav-wizard.nav-justified > li {float:none;}
.nav-wizard.nav-justified > li > a {padding:10px 15px;}
@media (max-width:768px) {.nav-wizard.nav-justified > li > a {  border-radius:4px;  margin-right:0;}
  .nav-wizard.nav-justified > li > a:before,  .nav-wizard.nav-justified > li > a:after {  border:none !important;}
}
.pager.wizard{
    border-top: 1px dashed #EDEDED;
    padding-top: 15px;
    margin-bottom: 0;
}
.pager li{    /* float: left; */}
.pager a{border-radius: 3px;margin: 0 5px;color: #000;background: #FAFAFA;}

img.ui-popup {    position: absolute;    top: 2px;   padding-left: 5px; }