.text-center {
	text-align: center !important;
}
.tb {
	font-weight: bold;
}
.db {
	display: block;
}
.dbox {
	position: relative;
	z-index: 2;
}
.txtgray { color: #606060 !important; }
.bg-white { background: #fff!important; }
.dbox textarea {
	width: 100%;
	resize: none;
	height: 25px;
	background: #EFF0F3;
	color: #000;
}
.dbox textarea:focus {
	border-color: #ccc;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
}
.row.innerrow { margin-top: 0!important; }
.innerrow .span3 { display: inline-block; }

.innerrow .btn.btn-primary {
    text-align: left;
    width: 100%;
    padding: 5px 10px !important;
    border: 1px solid #ccc;
}

.innerrow .btn-group.export-b1.dropdown button {
    border-color: #ccc;
    color: #000;
    padding: 5px 10px !important;
}
.innerrow .icon-calendar {
    float: right;
}
.innerrow .span3:nth-child(2) {
    margin: 0;
}

.innerrow .span3:nth-child(2) input {
    margin-left: 15%;
}
.btn.dropdown-toggle.dropfix {
	border-right: 1px solid;
}

.export-b1 .caret {
	border-top: none;
}
.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
	border-bottom: 4px solid #55a8fd;
}
.b7color {
	color: #b7b7b7;
}
.toupper {
	text-transform: uppercase;
}
.font105 {
	font-size: 10.5px !important;
	border-bottom:1px solid #ddd;
}
.w125 {
	width: 125px;
}
.w80 {
	width: 80px;
}
a.logo {
	color: #fed189;
	float: left;
	font-size: 22px;
	font-weight: 300;
	margin-top: 8px;
	text-transform: uppercase;
}
/*sidebar navigation*/
#sidebar {
	background: #22345e none repeat scroll 0 0;
	height: 100%;
	position: fixed;
	width: 205px;
	z-index: 5;
	overflow-y: overlay !important;
}
.nav-collapse.collapse {
	display: inline;
}
ul.sidebar-menu, ul.sidebar-menu li ul.sub {
	margin: 8px 0 0;
	padding: 0;
}
ul.sidebar-menu {
	margin-top: 60px;
}
#sidebar > ul > li > ul.sub {
	display: none;
}
#sidebar > ul > li.active > ul.sub, #sidebar > ul > li > ul.sub > li > a {
	display: block;
}
ul.sidebar-menu li ul.sub li {
	background: #55a8fd;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
}
ul.sidebar-menu li ul.sub li:last-child {
	border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
}
ul.sidebar-menu li ul.sub li a {
	font-size: 11px;
	padding: 0 0 0 32px;
	line-height: 35px;
	height: 35px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	color: white;
 
}
ul.sidebar-menu li ul.sub li a:hover, ul.sidebar-menu li ul.sub li.active a {
	color: #fff;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	display: block;
}
ul.sidebar-menu li {
	line-height: 20px !important;/*margin-bottom: 5px;
margin-left:10px;
margin-right:10px;*/
}
/*ul.sidebar-menu li:hover{
border-bottom: 1px solid #688a7e;
}*/
ul.sidebar-menu li.sub-menu {
	line-height: 15px;
	font-size: 16px;
}
ul.sidebar-menu li a span {
	display: inline-block;
}
ul.sidebar-menu li a {
	color: #d0d8df;
	text-decoration: none;
	display: block;
	padding: 11px 0 0 18px;
	letter-spacing: 1.5px;
	font-size: 11px;
	font-weight: 300;
	outline: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border-right: 0 solid #D7D7D7;
	border-bottom: 0 solid #D7D7D7;
}
/*ul.sidebar-menu li a i{
position: relative;
top: 2px;
}*/
ul.sidebar-menu li.active a, ul.sidebar-menu li a:hover, ul.sidebar-menu li a:focus {
	background: #22345e;
	color: #fff;
	display: block;
	/*border-radius: 4px;
-webkit-border-radius: 4px;*/
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
ul.sidebar-menu li a:hover, ul.sidebar-menu li a:focus {
	border-bottom: 0 solid #d0d8df;
}
/*ul.sidebar-menu li.active a,*/ ul.sidebar-menu .sub-menu li.active a {
	border-bottom: 0 solid #d0d8df;
}
ul.sidebar-menu li a i {
	font-size: 18px;
	padding-right: 6px;/*color: #688a7e;*/
}
ul.sidebar-menu li a:hover i, ul.sidebar-menu li a:focus i {
	color: #fff;
}
ul.sidebar-menu li.active a i {
	color: #fff;
}
#sidebar ul > li > a .arrow {
	border-bottom: 4px solid transparent;
	border-left: 4px solid #A0A0A0;
	border-top: 4px solid transparent;
	float: right;
	height: 0;
	margin-right: 10px;
	margin-top: 6px;
	width: 0;
}
#sidebar ul > li > a .menu-arrow {
	float: right;
	margin-right: 8px;
	margin-top: 6px;
}
#sidebar > ul > li > a .arrow.open {
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 5px solid #A0A0A0;
	float: right;
	height: 0;
	margin-right: 10px;
	margin-top: 8px;
	width: 0;
}
#sidebar ul > li.active > a .arrow, #sidebar ul > li > a:hover .arrow, #sidebar ul > li > a:focus .arrow {
	float: right;
	margin-top: 6px;
	margin-right: 10px;
	width: 0;
	height: 0;
	border-left: 4px solid #d0d8df;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
}
#sidebar > ul > li.active > a .arrow.open, #sidebar > ul > li > a:hover .arrow.open, #sidebar > ul > li > a:focus .arrow.open {
	float: right;
	margin-top: 8px;
	margin-right: 10px;
	width: 0;
	height: 0;
	border-top: 5px solid #d0d8df;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
}
.sidebar-closed > #sidebar > ul {
	display: none;
}
.sidebar-closed #main-content {
	margin-left: 0px;
}
.sidebar-closed #sidebar {
	margin-left: -180px;
}
/*sidebar navigation*/
.top-nav {
	margin-top: 7px;
}
.notification-row {
	float: right;
	margin-left: 65px;
	margin-right: 0.3em;
	margin-top: 15px;
}
.header {
	left: 0;
	position: fixed;
	right: 0;
	z-index: 1002;
}
.header, .footer {
	min-height: 60px;
	padding: 0 15px;
}
.dark-bg {
	background: white;
	color: #fff;
}
#sidebar ul > li > a .menu-arrow {
	float: right;
	margin-right: 8px;
	margin-top: 6px;
}
ul.sidebar-menu li a span {
	display: inline-block;
}
.fright {
	float: right;
}
.fleft {
	float: left;
}
.dropdown .username {
	color: black;
	font-size: 13px;
	line-height: 3px;
	padding-right: 0.6em;
	text-align: right;
}
.dropdown .username .version {
	color: gray;
}
.profile-ava img {
	border-radius: 50%;
	display: inline-block;
}
.calendar-b1 {
	margin: 0 auto;
	width: 24em;
}
.mar-right-40px {
	margin-right: 40px;
}
.calendar-b1 > span {
	float: left;
	margin-top: 1em !important;
	margin-left: 1.1em;
}
.calendar-b1 .date {
	background: #75acf7 none repeat scroll 0 0;
	border-radius: 3px;
	display: block;
	margin: 0 0.7em;
	padding: 0 5px 3px;
}
#main-content {
	margin-left: 205px;
}
.wrapper, .wrapper1 {
	display: inline-block;
	margin-top: 50px;
	width: 100%;
	position: relative;
}
.btn-group > .btn + .dropdown-toggle {
	box-shadow: 0 0 0 rgba(255, 255, 255, 0.125) inset, 0 0 0 rgba(255, 255, 255, 0.2) inset, 0 0 0 rgba(0, 0, 0, 0.05) !important;
}
.bg-skyblue .btn {
	background: transparent none repeat scroll 0 0;
	border: 0 none;
	color: white;
	box-shadow: 0 !important;
	text-shadow: 0 !important;
}
.bg-skyblue .caret {
	border-top: 4px solid white;
	margin-top: 10px;
}
.bg-skyblue .btn-group.open .btn.dropdown-toggle {
	background-color: #75ACF7;
}
.calendar-b1 span:nth-child(1) {
	color: #75acf7;
	line-height: 2em;
}
.calendar-b1 .date > p {
	line-height: 2em;
	padding-bottom: 0.2em;
}
.mtop1 {
	margin-top: 1px;
}
.mtop2 {
	margin-top: 2px;
}
.mtop3 {
	margin-top: 3px;
}
.mtop4 {
	margin-top: 4px;
}
.mtop5 {
	margin-top: 5px
}
.mtop10 {
	margin-top: 10px
}
.mtop15 {
	margin-top: 15px
}
.mtop20 {
	margin-top: 20px
}
.mtop25 {
	margin-top: 25px
}
.mtop30 {
	margin-top: 30px
}
.mtop35 {
	margin-top: 35px
}
.mtop40 {
	margin-top: 40px
}
.mtop45 {
	margin-top: 45px
}
.mtop50 {
	margin-top: 50px
}
.mtop55 {
	margin-top: 55px
}
.mtop60 {
	margin-top: 60px
}
.mtop65 {
	margin-top: 65px
}
.mtop70 {
	margin-top: 70px
}
.mtop75 {
	margin-top: 75px
}
.mtop80 {
	margin-top: 80px
}
.mtop85 {
	margin-top: 85px
}
.mtop90 {
	margin-top: 90px
}
.mtop95 {
	margin-top: 95px
}
.mtop100 {
	margin-top: 100px
}
.sideicon {
	margin-right: 20px;
	text-align: center;
	line-height: 38px!important;
}
.notification-row .nav {
	margin-bottom: 0 !important;
}
.calendar-b1 p {
	margin-bottom: 0;
}
.icon_house_alt::before {
	content: url("../img/menu001.png") !important;
	vertical-align: bottom;
}


.icon_admin_alt::before {
	content: url("../img/menu002-0.png") !important;
	vertical-align: bottom;
}
.icon_dashb_alt::before {
	content: url("../img/menu003-0.png") !important;
	vertical-align: bottom;
}
.icon_like_alt::before {
	content: url("../img/menu004-0.png") !important;
	vertical-align: bottom;
}
.icon_lightbulb::before {
	content: url("../img/menu005-0.png") !important;
	vertical-align: bottom;
}


.sidebar-menu .yellow {
	color: #f9f055;
}
.bg-skyblue {
	background: #75acf7 none repeat scroll 0 0;
	padding: 0.4em 0.8em;
}
.bg-skyblue .btn {
	box-shadow: 0 0px 0 rgba(255, 255, 255, 0.2) inset, 0 0px 0px rgba(0, 0, 0, 0.05);
	text-shadow: 0 0px 0px rgba(255, 255, 255, 0.75);
	padding: 4px 9px 4px 12px;
}
.bg-skyblue .btn-group > .btn + .dropdown-toggle {
	padding-left: 0;
}
/* Table css Start */
a.del {
	background: #d9534f;
	border-radius: 2px;
	width: 35px;
	height: 28px;
	padding-left: 12px;
	line-height: 10px;
}
a.edit {
	padding-left: 10px;
	background: #337ab7;
	color: #fff;
	border-radius: 2px;
	border: none;
}
tr.row-name {
	font-size: 18px;
	color: #448aff;
}
tr.row-content {
	color: #6c7173;
}
/*table {
	border-bottom: 1px solid #d6dbe1;
}*/
td.check {
	text-align: center;
}
.table-striped>tbody>tr:nth-of-type(odd) {
	background: #white !important;
}
a.btn-danger:hover {
	background: #de6c69;
}
a.btn-danger {
	background: #d9534f;
}
a.btn-top {
	background: #448aff;
	color: #fff;
	border: 1px solid #448aff;
	padding: 7px 10px;
	border-radius: 4px;
}
a.btn-top:hover {
	text-decoration: none;
	box-shadow: 3px 3px 5px #222;
	transition: box-shadow 0.5s;
}
.table input {
	width: 52px;
}
.table-striped tbody > tr:nth-child(2n+1) > td, .table-striped tbody > tr:nth-child(2n+1) > th {
	background-color: transparent;
}
/* Table css End */
#main-content .wrapper .row, #main-content .wrapper1 .row {
	margin-left: 0;
}
.table th, .table td {
	font-size: 13px;
	vertical-align: middle;
	padding: 4px 4px 4px 8px;
}
.period-icon001::after {
	content: url("../img/peri.png");
	float: left;
	height: 19px;
	width: 100%;
}
.total-icon001::after {
	content: url("../img/total.png");
	float: left;
	height: 19px;
	width: 100%;
}
.punch-icon::after {
	content: url("../img/punch.png");
	float: left;
	height: 19px;
	width: 100%;
}
.tabla-b1 .btn {
	box-shadow: 0 0 0 rgba(255, 255, 255, 0.2) inset, 0 0 0 rgba(0, 0, 0, 0.05);
	padding: 4px 9px 4px 12px;
	text-shadow: 0 0 0 rgba(255, 255, 255, 0.75);
}
.tabla-b1 .btn {
	background: transparent none repeat scroll 0 0;
	border: 0 none;
	color: #606060;
	font-size: 12px;
	padding: 0 !important;
	outline: none;
}
.tabla-b1 .btn-group > .btn + .dropdown-toggle {
	padding-left: 0;
	color: #75ACF7;
	padding: 3px 6px;
}
.tabla-b1 .caret {
	border-top: 0 solid #999999 !important;
}
.tabla-b1 .caret::after {
	content: url("../img/gray-tabl-arrow.png");
	vertical-align: top;
}
.tabletd-gray {
	border-bottom-color: #eee !important;
	background: #eee !important;
	width:50%;
}
.tabletd-red {
	border-bottom-color: #ff9999 !important;
	width:50%;
}
.tabletd-green {
	border-bottom-color: #99ff66 !important;
	width:50%;
}
.tabletd-blue {
	border-bottom-color: #6699ff !important;
	width:50%;
}
.tabletd-yellow {
	border-bottom-color: #efe51d !important;
	width:50%;
}
.tabla-b1 .btn .caret {
	margin-left: 0 !important;
	margin-top: 0 !important;
}
.tabla-b1 th {
	color: #606060;
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
	text-align: left;
}
.export-b1 .btn {
	background: transparent none repeat scroll 0 0;
	border-color: #55a8fd;
	border-style: solid none solid solid;
	border-width: 1px 0 1px 1px;
	color: #75acf7;
}
.export-b1 .btn {
	box-shadow: 0 0 0 rgba(255, 255, 255, 0.2) inset, 0 0 0 rgba(0, 0, 0, 0.05);
	padding: 4px 9px 4px 12px;
	text-shadow: 0 0 0 rgba(255, 255, 255, 0.75);
}
.tabl-sub-b1 span p:nth-child(1) {
	color: #b7b7b7;
}
.tabl-sub-b1 .totalhrs {
	line-height: 12px;
}
.tabl-sub-b1 p {
	display: inline;
	font-size: 10.5px;
}
.tabl-sub-b1 {
	border-bottom: 1px solid #d6dbe1;
	margin: 0.4em 1.2em 1.2em 1.4em !important;
	padding-bottom: 1.2em;
}
.actionbtn-v1 .b-2-territ {
	margin-left: 0.5em;
	margin-right: 0.5em;
}
.actionbtn-v1 input {
	height: 60px;
	width: 470px;
}
.actionbtn-v1 span:nth-child(2) {
	margin-top: 1.3em;
}
.btn {
	border: 1px solid #55A8FD;
	background: transparent;
}
.btn {
	color: #55a8fd;
	font-size: 13px;
	padding: 5px 16px;
}
.action-left-icon::before {
	content: url("../img/movleft-arrow.png");
}
.action-right-icon::before {
	content: url("../img/movright-arrow.png");
}
.actionbtn-v1 {
	margin: 1.8em 1.2em 1.2em 1.4em !important;
}
.tabl-sub-b1 span p:nth-child(2) {
	color: black;
	padding-left: 1px;
}
.tabl-sub-b1 span:nth-child(2) {
	margin-left: 2.5em;
}
.tabla-b1 {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.actionbtn-v1 .btn-group > .btn + .dropdown-toggle {
	border-right: 1px solid #55a8fd;
	color: #75acf7;
	padding-left: 0;
}

.export-b1 .btn:nth-child(2) {
	border-left: 0 none;
}
.action-sub-b1 a {
	border: 0 none;
	padding: 0;
	box-shadow: 0 0px 0 rgba(255, 255, 255, 0.2) inset, 0 0px 1px rgba(0, 0, 0, 0.05) !important;
}
.b-2-territ {
	background: #75acf7 none repeat scroll 0 0;
	border: 2px solid #75acf7;
	box-shadow: 0 0 0 rgba(255, 255, 255, 0.2) inset, 0 0 0 rgba(0, 0, 0, 0.05);
	color: white;
	text-shadow: 0 0 0 rgba(255, 255, 255, 0.75);
}
.calendar-b1 .cal-left-arow {
	cursor: pointer;
	display: inline;
	height: 20px;
	padding-right: 10px;
	width: 20px;
}
.calendar-b1 p {
	display: inline;
}
.calendar-b1 .cal-right-arow {
	cursor: pointer;
	display: inline;
	height: 20px;
	padding-left: 10px;
	padding-right: 4px;
	width: 20px;
}
.table input {
	margin: 0 !important;
}
.pad-lef-0 {
	padding-left: 0 !important;
}
.indycation-b1 p {
	color: #606060;
	display: inline;
	font-size: 12px;
	margin-right: 2em;
}
.row.indycation-b1 {
	margin: 0 0 0 1em !important;
}
.leftfix {
	display: block;
	margin-bottom: 15px !important;
}
.rightfix {
	position: fixed;
	right: 10px;
	bottom: 10px;
}
.indycation-b1 .c1::before {
	content: url("../img/col001.png");
	margin-right: 0.5em;
	vertical-align: sub;
}
.indycation-b1 .c2::before {
	content: url("../img/col002.png");
	margin-right: 0.5em;
	vertical-align: sub;
}
.indycation-b1 .c3::before {
	content: url("../img/col003.png");
	margin-right: 0.5em;
	vertical-align: sub;
}
.indycation-b1 .c4::before {
	content: url("../img/col004.png");
	margin-right: 0.5em;
	vertical-align: sub;
}
.tabla-b1 .tab-hed-blue {
	font-size: 14px;
	text-align: left;
}
.table th {
	border-bottom: 2px solid #55a8fd;
	padding-bottom: 10px;
}
.tabla-b1 .acti-time {
	font-size: 11px;
	line-height: 15px;
	text-align: left;
}
.acti-time {
	color: #000 !important;
	font-weight: bold;
}
.tab-hed-blue {
	color: #75acf7 !important;
	font-size: 14px !important;
}
.tabl-sub-b1 .totaloftheday {
	font-size: 11px;
	line-height: 12px;/*padding-bottom: 1.8em;
padding-top: 1.8em;*/
}
.tabl-sub-b1 .totaltime {
	color: black;
	font-size: 14px;
	text-align: center;
}
.btn-group:first-child {
	padding-left: 0px;
}
#sidebar.active {
	min-width: 80px;
	max-width: 80px;
	text-align: center;
}
#sidebar.active ul li a {
	padding: 5px;
	font-size: 0.85em;
}
#sidebar.active ul li a i {
	margin-right: 0;
	display: block;
	font-size: 1.8em;
	margin-bottom: 5px;
}
#sidebar.active ul li a span {
	margin-right: 0;
	display: block;
	font-size: 8px;
	margin-bottom: 5px;
}
/* Same dropdown links padding*/
#sidebar.active ul ul a {
	padding: 10px !important;
}
/* Changing the arrow position to bottom center position,
translateX(50%) works with right: 50%
to accurately  center the arrow */
#sidebar.active a[aria-expanded="false"]::before, #sidebar.active a[aria-expanded="true"]::before {
	top: auto;
	bottom: 5px;
	right: 50%;
	transform: translateX(50%);
}
.margin80 {
	margin-left: 80px !important;
}
.app-hidden {
	position: absolute;
	height: 0!important;
	width: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	top: 45px;
	border: 0 !important;
}
.btn-blue {
	background-color: #0070ba!important;
	color: #ffffff!important;
	border: none;
}
.btn.btn-yellow {
	background-color: #e5c54f !important;
	color: #fff !important;
	border: none;
	margin: 0 5px;
}
.btn-green {
	background-color: #82CB1C !important;
	color: #ffffff!important;
	border: 1px solid #82CB1C !important;
}
.btn-orange {
	background-color: #FF9343 !important;
	color: #ffffff!important;
	border: 1px solid #FF9343 !important;
}
.btn-red {
	background-color: #FF605C !important;
	color: #ffffff!important;
	border: 1px solid #FF605C !important;
}
.totalhrs p {
	font-size: 17px;
	color: #000 !important;
}
#app-table {
	width: 350px;
}
#app-table td {
	border: none;
}
#app-table .table, #app-table .table td {
	border: none;
}
#app-table .table {
	margin: 0;
}
#app-btn-two td:nth-child(1) button {
	float: right;
}
#app-btn-two td:nth-child(2) button {
	float: left;
}
#app-table .table td {
	text-align: center;
}
.pencil {
	color: #808080 !important;
	font-size: 14px !important;
}
.pencil::after {
	content: url("../img/delete.png");
	left: 15px;
	position: relative;
	display: inline-block;
	cursor: pointer;
	top: 2px;
}
#app-content td {
	color: #666666;
	width: 80px;
	padding: 4px 0;
}
#app-content input {
	text-align: center;
	width: 60px;
	color: #000;
}
#app-input {
	border-radius: 0;
	height: 50px;
	margin: 0 !important;
	width: 95%;
}
.inputtype2 #app-input {
    height: 25px;
}
#app-table {
	padding: 0 15px;
	width: 320px;
}
#app-head td {
	padding: 8px 8px 3px;
	color: #75ACF7;
	border-bottom: 1px solid #D6DBE1 !important;
	font-size: 12px;
}
#app-total td {
	padding: 0;
}
.tabla-b1 .popover .btn {
	border: 1px solid #55a8fd;
	color: #75acf7;
	padding: 4px 10px !important;
}
.tabla-b1 .popover .btn:hover {
	opacity: .7;
	color: #333333;
}
.tabla-b1 .popover .btn.btn-blue {
	border: 1px solid #55a8fd !important;
}
.tabla-b1 .popover .btn.btn-blue:hover {
	opacity: .7;
}
.popover {
	max-width: 320px;
}
.popover table {
	border: none !important;
}
.popover-content {
	padding: 0px;
}
.popover textarea {
	resize: none;
}
.popover-content td {
	background: transparent !important;
}
#app-total {
	border-bottom: 1px solid #ccc !important;
}
#app-time {
	text-align: left !important;
	padding-left: 10px !important;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
#app-desc td {
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	padding-top: 10px !important;
}
#app-task {
	font-size: 10px;
	position: relative;
	text-align: right !important;
	top: 4px;
}
#app-done {
	font-size: 10px;
	position: relative;
	text-align: right !important;
	top: -7px;
}
.span {
	display: none !important;
}
.tabla-b1 .tab-hed-blue {
	top: 26px;
	z-index: 1;
}
.table-container {
	overflow-y: auto;
	overflow-x: scroll;
	max-height: 100px;
	margin-left: 129px;
	padding:0;
}
.topfix {  top: 27px !important; }
.headcol1 {
  position: absolute;
  left: 0px;
  top: auto;
  border-top-width: 1px;
}
#main-content .wrapper .row, #main-content .wrapper1 .row {
	margin-top: 10px;
}
.leaveday-bg { background:#FFFAED !important; }
.col-active-bg { background:#FFDF81 !important; }
.tabla-b1 .dropdown-toggle .caret {
	content: url("../img/gray-tabl-arrow.png") !important;
	display: inline-block;
	width: 9px;
	height: 6px;
	vertical-align: middle;
	border: none;
	background: none;
	position: relative;
	top: -8px;
}
.tabla-b1 select {
	width: 100%;
	margin-bottom: 0
}
.dropdown-menu {
	z-index: 10000;
}
.tooltip table {
	border: none;
}
.tooltip span {
	float: right;
}
.tooltip span::after {
	content: "";
	clear: both;
}
.tooltip > .tooltip-inner {
	background-color: #7EA9DA !important;
}
.tooltip > .tooltip-arrow {
	border-bottom-color: #7EA9DA !important;
}
.tooltip td {
	padding: 0;
	font-size: 13px !important;
	color: #fff;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.tooltip td:nth-child(2) {
	padding-left: 8px;
}
.dotactive::before {
	content: "•";
	font-size: 20px;
	left: 10px;
	position: absolute;
}
.mtop150 {
	margin-top: 150px;
}
.dropdown-menu.extended.logout {
	background: #22345e none repeat scroll 0 0 !important;
	border-radius: 0;
	left: -37px;
	top: 38px;
}
.dropdown-menu.extended.logout li {
	text-align: right;
}
.dropdown-menu.extended.logout li a {
	opacity: 0.8;
	color: #fff !important;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 13px;
}
.dropdown-menu.extended.logout li a:hover {
	opacity: 1;
	background: #22345E;
}
.arrow_box {
	background: #22345E;
}
.arrow_box:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #22345E;
	border-width: 10px;
	margin-left: -10px;
}
#element {
	display: block;
}
.tooltip.in {
	opacity: 1 !important;
}
.margin1 {
	margin-top: -1px !important;
}
.margin0 {
	margin-top: 0px !important;
}
.paddingb7 {
	padding-bottom: 7px !important;
}
.size55 {
	font-size: 25px;
}
.cpercent {
	font-size: 13px;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
#innerpage, #accordian {
	border: 1px solid #75ACF7;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	padding-bottom: 15px;
}
#innerpage h2, h3 {
	padding-left: 20px;
}
#innerpage input {
	margin-left: 20px;
	border-color: #75ACF7;
	color: #606060;
}
#innerpage h2 {
	border-top: 3px solid #75ACF7;
	border-bottom: 1px solid #75ACF7;
	margin: 0;
	font-size: 18px;
	font-weight: bold;
	color: #75ACF7;
}
#innerpage h3 {
	background: #75ACF7;
	margin: 0;
	color: #ffffff;
	font-size: 14px;
	font-weight: normal;
}
#innerpage #two-col {
	margin-top: 15px;
}
#btn-container {
	margin-top: 50px;
}
#btn-container button:nth-child(2) {
	margin-left: 15px;
}
.accordion-group {
	border: none;
	border-radius: 0;
	margin-bottom: 0;
}
#accordian h2, h3 {
	padding-left: 20px;
}
#accordian input {
	border-color: #75ACF7;
	color: #606060;
}
#accordian h2 {
	border-top: 3px solid #75ACF7;
	margin: 0;
	font-size: 18px;
	font-weight: bold;
	color: #75ACF7;
	border-bottom: 1px solid #75ACF7;
}
#accordian h3 {
	margin: 0;
	font-size: 14px;
	font-weight: normal;
}
.active1 {
	background: #75ACF7;
	color: #ffffff;
}
.active2 {
	background: #ffffff;
	color: #75ACF7;
}
#accordian #two-col input:nth-child(2) {
	margin-left: 15px;
}
.accordion-inner {
	border-bottom: 1px solid #75ACF7;
	border-top: 0;
}
#accordian h3 {
	border-bottom: 1px solid #75ACF7;
}
.btn.dropdown-toggle.btn-default {
	padding-left: 8px;
	color: #606060;
}
.mtl10 {
	margin-left: 15px;
	margin-top: 10px;
}
#container-text table {
	border: none;
}
#datepickerContainer {
	position: relative;
	margin-top: 10px;
}
#datepickerContainer span {
	width: 30px;
	position: absolute;
	left: 190px;
	top: 0px;
}
.leftsec {
	float: left;
}
.custom-row {
	margin-top: 10px;
}
.custom-row textarea {
	border-color: #75acf7;
	height: 102px;
	margin-left: 7px;
}
.bootstrap-select .caret {
	display: none;
}

.bs-caret {
    position: relative;
}
.bootstrap-select .caret:after {
	content: url('../img/gray-tabl-arrow.png');
	position: absolute;
    right: 0;
    top: -8px;
}
.select-container {
	width: 220px;
	background: url('../img/progect-arrow.png') no-repeat right center;
	background-position: 200px;
}
.select-container:hover {
	width: 220px;
	background: url('../img/progect-arrow.png') no-repeat right center;
	background-position: 200px;
}
.btn-group.open .btn.dropdown-toggle {
	background: transparent;
	box-shadow: none;
}
.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
	background: transparent;
}
.custom-offset1 {
	margin-left: 475px;
}
.custom-offset2 {
	margin-left: 525px;
}
.custom-offset2 button {
	padding: 5px 25px;
}
.custom-block div {
	float: left;
}
.custom-block input {
	margin-top: 1px;
}
.custom-block::after {
	clear: both;
	content: "";
	display: block;
}
#inputDefault, #disabledInput {
	box-shadow: none;
	border-bottom: 2px solid #ccc;
	border-top: 0;
	border-right: 0;
	border-left: 0;
	border-radius: 0;
	background: transparent;
	margin-bottom: 5px;
}
#disabledInput {
	border-bottom: 2px solid #eee;
}
.totalhrs span {
	color: #000;
}
#menufixed {
	background: #fff none repeat scroll 0 0;
	bottom: 0;
	position: fixed;
	width: 100%;
	padding-top: 10px;
	-webkit-box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.5);
}
.full-width {
	width: 100% !important;
}
.inner-table {
	max-height: 400px !important;
	overflow-x: hidden !important;
	overflow-y: scroll !important;
}
#secondTable .table-container, #firstTable .table-container {
	overflow-y: auto;
	overflow-x: scroll;
	max-height: 150px;
}
#secondTable {
	margin-top: 20px !important;
}
#timesheet {
	position: fixed;
	left: 205px;
	right: 0;
	z-index: 9;
}
.margin80 .row.bg-skyblue {
	left: 80px !important;
}
.custom-select .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 125px;
}
.custom-select .bs-searchbox .form-control {
	width: auto;
}
.custom-select .bootstrap-select .caret:after {
	content: url("../img/gray-tabl-arrow.png");
}
.custom-select .bootstrap-select.btn-group .dropdown-toggle .caret {
	top:0;
}
@media screen and ( max-height: 710px ) {
.table-container {
	height: calc(100vh - 400px) !important;
}
#firstTable .table-container {
	height: calc(100vh - 150px) !important;
}
#secondTable .table-container {
	height: calc(100vh - 150px) !important;
}
}

#app-file td {
    padding: 0;
    text-align: left !important;
}
#app-two-col td {
    text-align: left !important;
}
#app-file .btn-default {
    border: medium none;
    color: #000;
}
#app-file .icon-file {
    margin: 0;
    background: url("../img/attachment.png") no-repeat scroll left top;
    height: 19px;
    margin-right: 7px !important;
    width: 15px;
    margin-top: -3px;
}
#app-two-col td {
    padding: 5px 10px 5px 0;
    text-align: left !important;
}

#app-two-col input {
    float: right;
    width: auto;
}
#app-two-col td:nth-child(2) {
    padding-right: 0;
}


#app-two-col .btn-primary {
    border-color: #ccc;
    color: #000;
    text-align: left;
    width: 148%;
}
#app-two-col .icon-calendar {
    float: right;
    margin-top: 2px;
}
#app-dropdown td {
    padding: 0;
    text-align: left !important;
}
#app-dropdown .export-b1 .caret {
	border-top: none;
}
#app-dropdown .export-b1 .btn {
	background: transparent none repeat scroll 0 0;
	border-color: #ccc;
	border-style: solid none solid solid;
	border-width: 1px 0 1px 1px;
	color: #000;
}
#app-dropdown .export-b1 .btn {
	box-shadow: 0 0 0 rgba(255, 255, 255, 0.2) inset, 0 0 0 rgba(0, 0, 0, 0.05);
	padding: 4px 9px 4px 12px;
	text-shadow: 0 0 0 rgba(255, 255, 255, 0.75);
}
#app-dropdown .export-b1 .btn:nth-child(2) {
	border-left: 0 none;
	border-right: 1px solid #ccc;
}
.leftdropfix { 
	overflow: hidden;
    width: 114px;
}
.btn.btnleft {
    text-align: left;
    width: 190px;
}

.dropdown-menu > li > a {
	text-align: left;
}


.fix-column {
	float: left;
}
.thead {
	height: 40px;
	white-space: nowrap;
	padding-top: 10px;
}
.trigger_button {
	cursor: pointer;
}
.thead > span {
	display: inline-table;
	width: 120px;
	height: 100%;
	/* padding-top: 13px; */
	/* box-shadow: inset 0 0 1px 0 rgba(0,0,0,.5); */
	background-color: rgb(255, 255, 255);
	color: #75acf7;
	border-bottom: 1px solid #75acf7;
	text-align: center;
	-moz-box-sizing: border-box;
}

.thead > span > p {

	margin:-5px !important;

}
.trow {
	white-space: nowrap;
}
.trow > span {
	display: inline-block;
	width: 120px;
	box-shadow: inset 0 1px 0px 0 #eee;
	line-height: 40px;
	height: 40px;
	text-align:center;
}

.tbody {
	height: auto;
	overflow: auto;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.fix-column > .tbody {
	overflow: hidden;
	/*padding-bottom: 50px;*/
}
.overflow-visible{
	overflow: visible !important;
}
/*.fix-column > .tbody > .trow:last-child {margin-bottom: 50px;}*/

.fix-column > .tbody > .trow {
	margin-top: -50px;
	margin-bottom: 50px;
}
.fix-column > .tbody > .trow:first-child {
	margin-top: 0px;
}

.rest-columns {

}
.rest-columns > .thead {
	/*padding-right: 50px;*/
	overflow: hidden;
}
/*.rest-columns > .thead > :last-child {margin-right: 50px;}*/
.rest-columns > .thead > span {
	margin-right: 50px;
	margin-left: -50px;
}
.rest-columns > .thead > :first-child {margin-left: 0px;}


.main-body-container{
	height: calc(100vh - 103px);
	overflow: auto;
}
.custom-dropdown{
	posiiton:relative;
}
.custom-dropdown .caret{
	position: absolute !important;
	top: 36% !important;
	right: -10px !important;
}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
	width: initial !important;
}
.bs-searchbox .form-control {
	margin-bottom: 0;
	width: initial !important;
	float: none;
}

.tbody > .bootstrap-select{
margin-top:10px;
}
.tabletd-gray1 {
	border-bottom-color: #eee !important;	
	width:50%;
}


.app-head {
    border-bottom: 1px solid #d6dbe1;
    color: #75acf7;
    font-size: 12px;
    padding: 8px 8px 3px;
}


#overlay {
    background-color: #ffffff;
    height: 100%;
    left: 0;
    opacity: 0.8;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
}
 
#modalprogress {
    color: white;
    left: 50%;
    margin: -11px 0 0 -55px;
    position: absolute;
    top: 50%;
}
#theprogress {
    background-color: Transparent;
    height: 24px;
    opacity: 1;
    text-align: center;
    width: 110px;
}
#overlayOne {
    background-color: #ffffff;
    height: 100%;
    left: 0;
    opacity: 0.2;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
}

.xGridView {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: currentcolor #cccccc #cccccc;
    border-image: none;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    font-size: 11px;
    margin: 0 5px;
    width: 100%;
	margin-left:12px;
}

.xGridView caption {
    background: #fff;
    border-bottom: 4px solid #0070ba;
    box-shadow: none;
    color: #666;
    font-size: 18px;
    font-weight:bold;
    text-transform:uppercase;
    margin: 0 0 23px 0;
    padding: 11px 16px 5px 0px;
    text-align: left;
}

.xGridView th {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #efeff4, #d6dadf) repeat scroll 0 0;
    border-color: currentcolor #cccccc #cccccc;
    border-image: none;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    box-shadow: 1px 0 0 rgba(255, 255, 255, 0.85) inset, 0 1px 0 rgba(255, 255, 255, 0.85) inset;
    color: #3c3b3b;
    padding: 5px;
}
.xGridView th {
    text-align: center;
    vertical-align: bottom;
}
strong, th {
    font-weight: bold;
}
.xGridView td {
    border-left: 1px dotted #cfcfcf;
    border-top: 1px solid #e6e6e6;
    color: #3c3b3b;
    padding: 5px 2px;
    vertical-align: middle;
}
.altrow {
    background: #ededed none repeat scroll 0 0;
}
.rowrow {
    background-color: #fff;
}
 
.delete_button a {
    background: rgba(0, 0, 0, 0) url("images/delete.gif") no-repeat scroll center top;
    display: block;
    height: auto;
    overflow: unset;
    text-decoration: none;
    width: auto;
}
 
.xGridView td a a:active{
  background: transparent none repeat scroll 0 0;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
.xFormView, xFormViewWithoutBorder {
    border: 2px solid White;
    font-size: 11px;
}
.xFormView table {
    border-bottom: 1px solid #d6dadf;
    border-left: 1px solid #d6dadf;
    border-right: 1px solid #d6dadf;
    font-weight: bold;
    line-height: 30px;
    padding: 0;
    margin-top:80px;
}
.xFormView th.caption, .xFormViewWithoutBorder th.caption {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #006aac, #00438d) repeat scroll 0 0;
    border-color: #004795;
    border-radius: 6px 6px 0 0;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.35) inset;
    color: white;
    font-size: 13px;
    font-weight: lighter;
    margin: 0;
    padding: 5px 16px;
    text-align: left;
}
.xFormView th.captionLogin, .xFormViewWithoutBorder th.captionLogin {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #006aac, #00438d) repeat scroll 0 0;
    border-color: #004795;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.35) inset;
    color: white;
    font-size: medium;
    font-weight: lighter;
    margin: 0;
    padding: 9px 16px;
    text-align: left;
}
.xFormView td {
    padding: 1px;
    vertical-align: middle;
}
.xFormViewWithoutBorder td {
    color: #333333;
    font-size: 12px;
    height: 8px;
    padding: 1px;
}
.xFormViewWithoutBorder a {
    color: #333333;
    font-size: 12px;
    font-weight: bold;
    height: 8px;
    padding: 1px;
}
.xFormView td.FormViewLabelCell, .xFormViewWithoutBorder td.FormViewLabelCell {
    color: #666666;
    font-size: 11px;
    text-align: right;
}
.xFormView td.FormViewLabelCellWithBorder, .xFormViewWithoutBorder td.FormViewLabelCellWithBorder {
    border-right: 1px solid #bbd9ee;
    font-weight: bold;
    height: 22px;
    text-align: right;
}
.xFormView td.FormViewLabelCellBold, td.FormViewLabelCellBold, .xFormViewWithoutBorder td.FormViewLabelCellBold, td.FormViewLabelCellBold {
    font-weight: bold;
    text-align: right;
}
.xFormView th.FormViewSubHeader, .xFormViewWithoutBorder th.FormViewSubHeader {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #efeff4, #d6dadf) repeat scroll 0 0;
    border-color: currentcolor #cccccc #cccccc;
    border-image: none;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    box-shadow: 1px 0 0 rgba(255, 255, 255, 0.85) inset, 0 1px 0 rgba(255, 255, 255, 0.85) inset;
    color: #3c3b3b;
    font-size: 11px;
    font-weight: bold;
    padding: 1px 16px;
    text-align: left;
}
.xFormView td.HighlightedText, .xFormViewWithoutBorder td.HighlightedText {
    background: #efeff1 none repeat scroll 0 0;
    border-bottom: 1px solid #bbd9ee;
    border-top: 1px solid #bbd9ee;
    font-size: 11px;
    font-weight: bold;
    height: 24px;
    padding: 3px 10px 0;
}
.xFormView td.HighlightedTextMedium, .xFormViewWithoutBorderMedium td.HighlightedTextMedium {
    background: #efeff1 none repeat scroll 0 0;
    border-bottom: 1px solid #bbd9ee;
    border-top: 1px solid #bbd9ee;
    font-size: 11px;
    font-weight: bold;
    height: 24px;
    padding: 0 10px;
    vertical-align: middle;
}
.xFormView td.HighlightedTextLarge, .xFormViewWithoutBorderLarge td.HighlightedTextLarge {
    background: #efeff1 none repeat scroll 0 0;
    border-bottom: 1px solid #bbd9ee;
    border-top: 1px solid #bbd9ee;
    font-size: 14px;
    font-weight: bold;
    height: 30px;
    padding: 3px 10px 0;
}
.tmtb {
    border: medium none;
    width: 100%;
}
.tmtb td {
    border: medium none;
    height: 6px;
}
.xTableWithoutBorder {
    border: medium none;
    color: #333333;
    width: 100%;
}
.xTableWithoutBorder td {
    border-bottom: medium none;
    border-style: none;
    color: #333333;
    height: 6px;
    padding: 1px;
}
.collapsible ul {
    display: none;
    position: relative;
}
.collapsible li > .load {
    background: black url("../img/standard/loaders/loading16_anthracite.gif") no-repeat scroll 4px 4px;
    cursor: wait;
    display: block;
    height: 24px;
    margin: 0;
    padding: 0;
}
.collapsible.big-menu > li > ul, .collapsible li.big-menu > ul, .collapsible .big-menu > li > ul, .collapsible.big-menu > li > .load, .collapsible li.big-menu > .load, .collapsible .big-menu > li > .load {
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    margin: 16px -15px -16px;
}
.no-boxshadow .collapsible.big-menu > li > ul, .no-boxshadow .collapsible li.big-menu > ul, .no-boxshadow .collapsible .big-menu > li > ul, .no-boxshadow .collapsible.big-menu > li > .load, .no-boxshadow .collapsible li.big-menu > .load, .no-boxshadow .collapsible .big-menu > li > .load {
    border-top: 1px solid #666666;
}
.collapsible li.with-left-arrow::after, .collapsible li.with-right-arrow::after {
    top: 25px;
}
.collapsible .with-arrow-after {
    top: 25px;
}
.collapsible.big-menu > li.with-right-arrow > ul, .collapsible li.big-menu.with-right-arrow > ul, .collapsible .big-menu > li.with-right-arrow > ul, .collapsible.big-menu > li.with-right-arrow > .load, .collapsible li.big-menu.with-right-arrow > .load, .collapsible .big-menu > li.with-right-arrow > .load {
    margin-right: -32px;
}
 
/*.xAdminOption th.FormViewSubHeader {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #efeff4, #d6dadf) repeat scroll 0 0;
    border: 1px solid #cccccc;
    box-shadow: 1px 0 0 rgba(255, 255, 255, 0.85) inset, 0 1px 0 rgba(255, 255, 255, 0.85) inset;
    color: #3c3b3b;
    font-size: 11px;
    font-weight: bold;
    padding: 3px 9px;
    text-align: left;
    vertical-align: middle;
}*/
.xAdminOption th.caption {
    background-color:#005CA1;
    border-color: #004795;
    border-radius: 6px 6px 0 0;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.35) inset;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    height: 30px;
    margin: 0;
    padding: 5px 11px;
    text-align: left;
    vertical-align: middle;
}
.MyTabStyle .ajax__tab_header {
    display: block;
    font-family: tahoma;
    font-size: 11px;
    font-weight: bold;
}
.MyTabStyle .ajax__tab_header .ajax__tab_outer {
    border: 1px solid #d7d7d7;
    color: #222;
    margin-right: 3px;
    padding-left: 10px;
}
.MyTabStyle .ajax__tab_header .ajax__tab_inner {
    border-color: #666;
    color: #666;
    padding: 3px 10px 2px 0;
}
.MyTabStyle .ajax__tab_hover .ajax__tab_outer {
    background-color: #0a5db8;
}
.MyTabStyle .ajax__tab_hover .ajax__tab_inner {
    color: #fff;
}
.MyTabStyle .ajax__tab_active .ajax__tab_outer {
    background-color: #0a5db8;
    border-bottom-color: #ffffff;
}
.MyTabStyle .ajax__tab_active .ajax__tab_inner {
    border-color: #333;
    color: White;
}
.MyTabStyle .ajax__tab_body {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff;
    border-color: #ffffff White White;
    border-image: none;
    border-style: solid;
    border-width: 0;
    font-family: tahoma;
    font-size: 11px;
}
.accordionHeader {
    background-color: #efeff1;
    background-image: url("images/arrow-expand.png");
    background-position: left center;
    background-repeat: no-repeat;
    border: 0 solid White;
    color: white;
    cursor: pointer;
    font-family: tahoma;
    font-size: 11px;
    font-weight: bold;
    margin-top: 5px;
    padding: 3px 3px 3px 18px;
}
#master_content .accordionHeader a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #efeff1;
    text-decoration: none;
}
#master_content .accordionHeader a:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    text-decoration: underline;
}
.accordionHeaderSelected {
    background-color: #efeff1;
    background-image: url("images/arrow-collapse.png");
    background-position: left center;
    background-repeat: no-repeat;
    border: 0 solid White;
    color: white;
    cursor: pointer;
    font-family: tahoma;
    font-size: 11px;
    font-weight: bold;
    margin-top: 5px;
    padding: 3px 3px 3px 18px;
}
#master_content .accordionHeaderSelected a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #efeff1;
    text-decoration: none;
}
#master_content .accordionHeaderSelected a:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    text-decoration: underline;
}
.accordionContent {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: Transparent;
    border-color: currentcolor #2f4f4f #2f4f4f;
    border-image: none;
    border-style: none dashed dashed;
    border-width: medium 0 0;
    padding: 10px 5px 5px;
}
.accordionLink {
    color: #555555;
    font-size: 11px;
    font-weight: bold;
    list-style: inside url("images/collapse.jpg") square;
}

.xGridViewTS {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: currentcolor #cccccc #cccccc;
    border-image: none;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    position: relative;
    width: 100%;
}

.xGridViewTS th {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #efeff4, #d6dadf) repeat scroll 0 0;
    border-color: currentcolor #cccccc #cccccc;
    border-image: none;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    box-shadow: 1px 0 0 rgba(255, 255, 255, 0.85) inset, 0 1px 0 rgba(255, 255, 255, 0.85) inset;
    color: #3c3b3b;
    font-size: 11px;
    padding: 5px 0;
}
.xGridViewTS th {
    text-align: center;
    vertical-align: bottom;
}
strong, th {
    font-weight: bold;
}

/*.xGridViewTS caption {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #006aac, #00438d) repeat scroll 0 0;
    border-color: #004795;
    border-radius: 6px 6px 0 0;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.35) inset;
    color: white;
    font-size: 13px;
    margin: 0;
    padding: 11px 16px;
    text-align: left;
}*/


/*11-august*/
table.xGridView caption {
    background: #fff;
    border-bottom: 4px solid #0070ba;
    color: #666;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 23px;
    padding-bottom: 5px;
    padding-left: 0;
    text-transform: uppercase;
	border-top:0px;
}

table.xGridView th {
    background: #e3eef1;
   border: 2px solid #e6e6e6;
    box-shadow: none;
    text-align: left;
}

table.xGridView th a, table.xGridView th span {
    color: #000;
    font-size: 14px;
}

/*table.xGridView tr.altrow, table.xGridView tr.rowrow {
    background-color: #f5f7f7;
}*/
table.xGridView tr.rowrow {
    background-color: #f5f7f7;
}
table.xGridView tr.altrow {
    background-color: #fbfbfb;
}

table.xGridView td{ color: #999; font-size: 12px;
    font-weight: normal;border-left: 2px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;}
	
	.xGridView td a {
    color: #999;
    cursor: pointer;
    text-decoration: underline;
}


.xGridView tr:last-child td table td {
    border: 1px solid #e6e6e6;
    padding: 8px 4px;
    text-align: center;
}

/*12 august changes*/
.calendar-b1 a {
    text-decoration: underline;
}

table.xFormView .glossy.btn-blue {
    margin-left: 3px;
    margin-top: -10px;
    width: auto !important;
}
.xFormView p .button.blue-gradient.glossy.btn-blue.btn,.xFormView span .btn-blue.btn,p .btn-blue.btn,#C_C_C_CtlAccountEmployeeTimeEntryDayView1_UpdatePanel1 span .btn-blue.btn {
    margin-top: -10px;
}
.btn-blue{
width: auto !important;
}

.xFormView td.FormViewLabelCell.label1form{
    line-height: 30px;
    width: 100% !important;
    display: block;
}
td.label2style label{
display: inline-block;
    margin-left: 5px;
}


.xFormView th.caption, .xFormViewWithoutBorder th.caption,.xFormView th caption,.xFormViewWithoutBorder th caption {
    color: #666;
    font-size: 16px;
    font-weight: 600;
    border-top: 2px solid #ccc;
    padding-top: 10px;
    padding-bottom: 10px;
	 background: #fff;
    border-bottom: 4px solid #0070ba;
}

table caption{
    color: #666 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-top: 1px solid #ccc ;
    border-bottom: 4px solid 0070ba;
    padding-top: 10px;
    padding-bottom: 10px;
	text-align:left;
	 margin-bottom: 10px;
	 padding-left:10px;
}
.xAdminOption th.FormViewSubHeader{
	 color: #666 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
   border-left:0px;
   border-right:0px;
   border-top:0px;
    border-bottom: 4px solid #0070ba !important;
    padding-top: 10px;
    padding-bottom: 1px;
	background:#fff;
	text-align:left;
}

.tablestyle1 table input {
    width: auto;
}

.tablestyle1 #app-two-col td {
    padding: 9px 0;
    text-align: left;
    width: 100%;
}
.tablestyle1 table {
    width: 99%;
}
.tablestyle1 table:nth-child(1) {
    width: 100%;
}
.tablestyle1 table:nth-child(1) td {
    font-size: 14px !important;
    font-weight: bold;
    line-height: 26px;
    text-align: left !important;
}

.tablestyle1 .btn-group button.leftdropfix {
    border-right: 0px;
}
.tablestyle1 .btn-group button.dropfix {
    border-left: 0px;
}
.tablestyle1 table:last-child {
    margin-bottom: 30px !important;
}
/*13 august */
.xStatusLegend img {
    margin-bottom: 5px !important;
}
.row.tabla-b1 {
    width: 100%;
}
.row.tabla-b1 .fix-column {
    width: 8.7%;
}
.rest-columns > .thead {
    overflow: hidden !important;
}
.rest-columns > .thead, .rest-columns > .tbody {
    display: block;
    overflow: auto;
    position: relative;
    width: 390px;
}
.fix-column > .tbody {
    /* height: 150px; */
}

.rest-columns > .tbody {
    /* height: 150px; */
}

/*15 august */
.btn-yellow:hover, .btn-yellow:active, .btn-yellow:focus, .btn-yellow:visited {
    background-color: #F4D576 !important;
    color: #fff !important;
}
.btn.btn-yellow.disabled, .btn.btn-yellow[disabled], .btn.btn-yellow.active.disabled{
    background-color: #F4D576 !important;
    color: #fff !important;
}
.btn-blue:hover, .btn-blue:active, .btn-blue:hover, .btn-blue:focus {
    background-color: #95C0F4 !important;
}
.header .calendar-b1 {
    position: absolute;
    top: 60px;
    margin: 0 auto;
    left: 45%;
}
.header .calendar-b1 a {
    color: #fff;
}
.xGridViewTS caption {
    border-top: 0px;
}
.xGridViewTS tr, .xGridViewTS td {
    border-top: 0px;
    border-bottom: 0px;
}
.xGridViewTS th {
    border-left: 1px solid #ccc;
    border-right: 0px;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
}
.xGridViewTS tr, .xGridViewTS td {
    border-top: 0px;
    border-bottom: 0px;
}
.header {
    border-bottom: 1px solid #ccc;
}

/*20-8-2017*/
div#menufixed {
   
    box-shadow: 0 0 14px 1px rgba(0, 0, 0, 0.5);
}
div#ddlTSEmpList .dropdown-menu {
	left: -145px;
    position: absolute;
    height: 250px;
    overflow-y: auto;
}

div#C_C_C_CtlAccountEmployeeTimeEntryDayView1_UpdatePanel1 input:last-child {
    margin-top: -10px;
}
div#C_C_C_CtlAccountEmployeeTimeEntryDayView1_UpdatePanel1 input:nth-child(2),div#C_C_C_CtlAccountEmployeeTimeEntryDayView1_UpdatePanel1 input:nth-child(3),div#C_C_C_CtlAccountEmployeeTimeEntryDayView1_UpdatePanel1 input:nth-child(4){
    margin-top: -10px;
}
div#C_C_C_CtlAccountEmployeeTimeEntryDayView1_UpdatePanel1 input.secondaryButton1 {
    margin-top: -10px;
}
span#C_C_C_CtlAccountEmployeeTimeEntryDayView1_txtTimeEntryDate input.calendar-icon {
    margin-top: -10px;
}
.primaryButton{
	background-color: #0070ba!important;
	color: #ffffff!important;
	border: none;
	box-shadow:none;
	width:auto !important;
	text-transform:uppercase;
	    border-radius: 3px;
    padding: 5px 10px;
    font-weight: normal;
}
.secondaryButton{
	color:#6C6D77!important;
	background-color:#e4e6e7!important;
	box-shadow:none;
	width:auto !important;
	text-transform:uppercase;
	border:none;
	    border-radius: 3px;
    padding: 5px 10px;
    font-weight: normal;
}
.secondaryButton1 {
    background-color: #0070ba!important;
    color: #ffffff!important;
    border: none;
    box-shadow: none;
    width: auto !important;
    text-transform: uppercase;
    border-radius: 3px;
    padding: 5px 10px;
    font-weight: normal;
}
input.calendar-icon {
    content: none;
    font-size: 0px;
    background-image: url("../img/asset-5calendar.png") !important;
    background-color: #75ACF7!important;
    border: 0px;
    background-repeat: no-repeat;
    padding: 4px 12px 4px 12px;
    border-radius: 3px;
    background-position: center;
    width: 45px;
}
table.pagination {
    margin-right: 10px;
}
table.pagination td span, table.pagination td a {
    /* width: auto; */
    padding: 4px 8px;
}
input.calendar-icon {
    margin-top: -10px;
}

div#C_C_C_CtlMyTasks1_UpdatePanel3 table#Table2 table {
    margin-top: 0px;
}
div#C_C_C_CtlMyTasks1_CollapsablePanelSearch table#Table1 table{
	margin-top:0px;
}

div#C_C_C_CtlAccountProjectTaskForm1_FormView1_MyAccordion .accordionContent table {
    margin-top: 0px;
}
table#C_C_C_CtlAccountProjectTaskForm1_FormView1_CustomTable {
    margin-top: 0px;
}
/*21-8-2017*/
.pagination .active1, .pagination .active1 span, .pagination .active1 a {
    background-color: #E4C54F;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}
.xAdminOption th.caption {
    background-color: transparent;
    color: #005CA1;
    font-size: 27px;
    line-height: normal;
    padding-left: 0px;
    padding-bottom: 20px;
}
/*28-8 menu fix check*/
.nav-collapse.active .sub {
    position: fixed;
    left: 80px;
    width: 16%;
    margin-top: -45px;
}
/*29-8-2017 sidebar overlay fix*/
/*2-9-2017 overlay issues*/
.table_1_wrapper .dbox {
    position: static;
}
/*3-9-2017*/
#AdminMain tr:nth-child(odd) table {
    margin-top: 25px;
}
/*4-9-2017*/
.delete_button a {
	 background-image: url("../img/delet005.png") !important;
   	font-size:0px;
	width: 20px;
    height: 25px;
	text-align: center;
    overflow: unset;
    display: block;
    background-repeat: no-repeat;
}
.edit_button a{
	 background-image: url("../img/edit006.png") !important;
	font-size:0px;
	width: 20px;
    height: 25px;
	text-align: center;
    overflow: unset;
    display: block;
    background-repeat: no-repeat;
}
.calan-styl-b1 table {
    margin-top: 32px !important;
}
.calan-styl-b1 table tr:nth-child(1) td {
    background-color: #fff !important;
    color: #333 !important;
    font-weight: bold !important;
    font-size: 13px !important;
	padding-left: 10px;
    padding-right: 10px;
}
.calan-styl-b1 table tr:nth-child(2) td {
    background: #fff !important;
    font-weight: bold !important;
    font-size: 13px !important;
    padding-bottom: 5px;
}
.calan-styl-b1 table {
    box-shadow: 0 5px 10px rgba(0,0,0,0.2) !important;
    border: 1px solid rgba(0,0,0,0.2) !important;
    border-radius: 4px;
    padding: 4px !important;
    width: 225px !important;
    min-width: 160px !important;
}
/*5-9-2017*/
.calendar-active {
	background-color: #04c !important;
	color: #fff !important;
	border-radius: 4px;
}
/*18-9-2017*/
.xFormView table.xview {
    border: 0px;
	    margin-top: 20px;
}
.xFormView table.xGridViewInside {
    margin-top: 10px;
}
.xFormView table.xview th.caption {
    border-top: 0px;
}
.xGridViewInside caption {
    background: #fff !important;
    border-top: 0px;
    text-align: left;
    padding: 10px;
    margin-bottom: 25px;
    border-bottom: 4px solid #0070ba !important;
}

/*four state color diff 24-9-2017*/
.submit-active, .submit-active span {
    background-color: #6699ff;
    color: #fff;
}
.approve-active, .approve-active span {
    background-color: #44ca6f;
    color: #fff;
}
.not-submit-active, .not-submit-active span {
    background-color: #f3d71b;
    color: #000;
}
.reject-active, .reject-active span {
    background-color: #ff9999;
    color: #000;
}
/*ends*/
/*26-9-2017 css*/
.header .calendar-b1{
	width:45%;
}




/*media query*/
 @media only screen and (min-device-width: 768px) and (max-device-width: 1124px){
	 
	.row.tabla-b1 .fix-column {
    width: 9.5%;
} 
.rest-columns > .thead, .rest-columns > .tbody {
       width: 250px;
}
 }
  @media only screen and (min-device-width: 1125px) and (max-device-width: 1200px){
	  
	  .rest-columns > .thead, .rest-columns > .tbody {
       width: 335px;
}	  
  }
    @media only screen and (min-device-width: 1201px) and (max-device-width: 1250px){
	  
	  .rest-columns > .thead, .rest-columns > .tbody {
       width: 355px;
}
	}
/*chrome browser css*/
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) { 
div#menufixed{
	    margin-left: -26px;
}
}

@-moz-document url-prefix() {
.fix-column .btn.dropdown-toggle.btn-default {
    padding-right:22px !important;
} 
 }
 
 /*login form css 4-october*/
 .form-html{
	 background: #0295CC; /* For browsers that do not support gradients */
   /* background: -webkit-linear-gradient(to bottom, #0295CC, #084C6F); /* For Safari 5.1 to 6.0 */
 /*   background: -o-linear-gradient(to bottom, #0295CC, #084C6F); /* For Opera 11.1 to 12.0 */
  /*  background: -moz-linear-gradient(to bottom, #0295CC, #084C6F); /* For Firefox 3.6 to 15 */
  /*  background: linear-gradient(to bottom, #0295CC, #084C6F);*/
	height:100vh;
	background-repeat:no-repeat;
 }
.container {
    background-color: #fff;
    margin: 3% auto 0;
    width: 30%;
	padding:30px 30px 10px;
	border-radius:10px;
	position:relative;
	
}
.logo-1{
	width:100%;
	text-align:center;
	padding:20px 0;
}
#bottom-head h1 {
    color: #151d28;
    font-size: 32px;
    font-weight: 100;
    line-height: normal;
}
.form-html body {
    background:transparent;
}
 
 
 /* BOX LOGIN */
.box{
	position: relative;
	margin: auto;
	height: 410px;
  top: 40px;
	left: 0;
	z-index: 200;
	right: 0;
	width:400px;
	color:#666;
	border-radius: 3px;
	background: #FFF;
  margin-bottom: 100px;
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
  overflow: hidden;
  	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.main-row1 h1, .main-row1 h2, .main-row1 h3, .main-row1 h4, .main-row1 h5, .main-row1 h6, .main-row1 p, .main-row1 a, .main-row1 button{
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.box h1{
  margin-left: 20px;
  margin-top: 0;
	font-size: 24px;
  font-weight: 300;
  color: #cfd8dc;
  line-height: 35px;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.box button{
	background: #cfd8dc;
	border:0;
	color: #009688;
	padding:10px;
	font-size: 16px;
  font-weight: 300;
	width:330px;
	margin:20px auto;
	display:block;
	cursor:pointer;
    -webkit-transition: all 0.4s;
	transition: all 0.4s;
	border-radius: 2px;
		font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.box button:active{
	background: #009688;
  color: #263238;
}

.box button:hover{
		background: #009688;
  color: #FFF;
    -webkit-transition: all 0.4s;
	transition: all 0.4s;
}

.box p{
	font-size:14px;
	text-align:center;
		font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.group 			  { 
  position:relative; 
  margin-bottom: 33px; 
  margin-left: 0px;
}

.inputMaterial 				{
  font-size:18px;
  padding:10px 10px 10px 0px;
  display:block;
  width:97.5%;
  border:none;
  border-bottom:1px solid #A7A9AC;
  	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight:600;
}
.irequired:after { content:" *"; vertical-align:middle; position:absolute; padding:3px; color:#f55753; font-size: 16px; font-weight:normal }
.inputMaterial:focus 		{ outline:none;box-shadow:none;}
.ft-button > div {
    display: table;
    width: 100%;
}
.ft-button p {
    float: left;
    margin-top: 13px;
    width: 70%;
}
.ft-button button {
    background-color: #139ad5;
    border: 0 none;
    box-shadow: none;
    color: #fff;
    float: right;
    font-size: 16px;
    margin-bottom: 15px;
    margin-top: 1px;
    padding: 11px 30px;
	cursor:pointer;
	font-weight:bold;
}
.ft-button input {
    background-color: #139ad5;
    border: 0 none;
    box-shadow: none;
    color: #fff;
    float: right;
    font-size: 16px;
    margin-bottom: 15px;
    margin-top: 1px;
    padding: 11px 30px;
	cursor:pointer;
	font-weight:bold;
}
.footer-text {
    font-size: 15px;
    font-style: italic;
}
.footer-text .sign-up {
    color: #000;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding-left: 5px;
    text-decoration: underline;
}


a.forgot-txt {
    color: #b3a9ac;
    font-size: 15px;
    line-height: 30px;
    text-decoration: underline;
}
.version-txt {
    text-align: center;
    width: 100%;
}

.version-txt a {
    color: #fff;
    display: inline-block;
    font-size: 18px;
    padding-right: 10px;
    text-align: center;
    text-decoration: underline;
    width: auto;
	padding-top: 10px;
	cursor:pointer;
}
select.inputMaterial {
    -webkit-appearance:none;
    -moz-appearance:none;
	-ms-appearance:none;
	appearance:none
    text-indent:1px;
    text-overflow:'';
	background:#fff url("../img/dropdown-arrow1.png") no-repeat scroll right 7px top 18px;
	}
.close-btn1 i.close::before{
	content: url("../img/closeicon-login.png");
}
.close-btn1 {
    position: absolute;
    right: 20px;
    top: 20px;
}
/* LABEL ======================================= */

label 				 {
  color:#252533; 
  font-size:14px;
  font-weight:normal;
  font-style:italic;
  position:absolute;
  pointer-events:none;
  left:0px;
  top:10px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
  	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

/* active state */
.inputMaterial:focus ~ label, .inputMaterial:valid ~ label 		{
  top:-10px;
  font-size:14px;
  color: #139AD9;
  	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-style:italic;
}

/* BOTTOM BARS ================================= */
/*.bar 	{ position:relative; display:block; width:100%; }
.bar:before, .bar:after 	{
  content:'';
  height:2px; 
  width:0;
  bottom:1px; 
  position:absolute;
  background: #009688; 
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}
.bar:before {
  left:50%;
}
.bar:after {
  right:50%; 
}*/

/* active state */
.inputMaterial:focus ~ .bar:before, .inputMaterial:focus ~ .bar:after {
  width:50%;
}