/*common*/
body{
    background: #000;
	font-family: Open Sans;
}
ul{
	padding: 0;
	margin-bottom: 0;
}
a,p{
	color: #2e2e2e;
}
a:hover, a:focus{
	color: #2e2e2e;
	outline: medium none;
	text-decoration: none;
}
h1,h2,h3,h4,h5,h6{
	color: #fff;
	margin: 0;
}
table thead tr th{
	font-weight: 600;
}
.main-layout{
	background-image: url("../images/bg.png");
	/* padding-bottom:20px; */
}
/* login css */
.yuj-container {
	margin: 150px auto 100px;
	width: 380px;
}
.login-options {
    margin: 15px auto 0;
    width: 350px;
}
.login-options a:hover {
	color: #2ea2cc;
}
.login-options a {
	font-size: 13px;
	color: #999;
	margin-bottom: 15px;
	display: inline-block;
}
.clear {
	clear:both;
}
.intranet-form li {
	list-style: none;
	margin: 0 0 15px 0;
	padding: 0;
	display: inline-block;
	width: 100%;
}
.intranet-form li .form-control{
	border-radius:0;
	padding: 5px;
	background-color: #fbfbfb;
	box-shadow:inset 0 1px 2px rgba(0,0,0,.07);
	width: 250px;
	float: left;
}
.intranet-form li label {
	font-weight: 500;
	cursor:pointer;
	margin: 0;
	color: #777;
	margin: 0 0 2px;
	float: left;
}
.login-form {
	background: #fff;
    margin: 0 auto;
    width: 350px;
    padding: 30px 25px 10px;
}
.w150 {
	width: 150px;
}
.black-box {
	margin: 0 0 30px;
	text-align: center;
	width: 100%;
}
.black-box .btn-primary:hover{
	background:  #dba024;
}
.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open > .dropdown-toggle.btn-primary{
	background:  #dba024;
}
.yuj-login-btn {
    background: #dba024;
    border: 0 none;
    border-radius: 20px;
}
/* Navigation */
.logo {
    float: left;
    margin: 0 0 0 30px;
    padding: 27px 5px 20px;
}
.yuj-nav {
	background-color: transparent;
    border: 0;
    margin-bottom: 0px;
    position: relative;
}
.yuj-nav .navbar-right{
	float: right;
}
.yuj-nav-ul {
    padding-left: 250px;
}
.home {
    background: url("../images/home.png") no-repeat scroll 18px 3px;
    display: inline-block;
    height: 20px;
	opacity: 0.5;
    width: 50px;
	text-indent: -1280px;
}
.home-icon:hover  span{
	opacity: 1.0;
}
.yuj-nav .navbar-brand img{
	padding: 10px;
}
.yuj-nav ul {
    margin-bottom: 0;
}
.yuj-nav .nav li:hover .dropdown-menu {
	display: block;
}
.yuj-nav-ul li {
	margin-top: 5px;
	margin-right: 20px;
}
.yuj-nav-ul li a {
	color: #9d9d9d;
    padding: 10px;
}
.yuj-nav .navbar-nav li li a {
	padding: 5px 15px;
}
.yuj-nav .nav .dropdown-menu  {
    background: #000;
	border-radius: 0;
}
.yuj-nav .navbar-nav li a {
/*	color: #9c9b9b;*/
    color:white;
    padding:0 15px;
    font-weight: 400;
}
.pg-natekar .nav .dropdown-toggle {
    cursor: pointer;
	margin-right: 0;
	padding: 20px 15px;
}
.pg-natekar ul li {
    list-style: outside none none;
	margin-top: 5px;
}
.pg-natekar .navbar-right{
	margin-right: 0;
}
.navbar-right .gray-next {
    background-image: url("../images/gray-next.png");
    background-position: 5px 0;
    background-repeat: no-repeat;
    display: inline-block;
    opacity: 0.5;
    padding: 8px 10px;
    vertical-align: middle;
}
#current-user:hover span {
    opacity: 1;
}
.pg-natekar .dropdown.open .gray-next{
	transform: rotate(90deg);
}
.pg-natekar a:hover{
	color: #f99f20;
}
.pg-natekar .nav .dropdown-menu a {
    color: #9d9d9d;
	padding: 5px 10px;
}
.yuj-nav .nav .dropdown-menu a:hover{
	background:0;
	color: #fff;
}
.yuj-nav .navbar-nav li ul li {
    margin: 0;
}
.navbar-inverse .navbar-nav li:hover a{
	background:0;
}
.navbar-default .navbar-nav li:hover{
	background: #000;
	color: #f99f20;
}
.navbar-toggle{
	margin-top: 20px;
}
.yuj-nav-ul .dropdown-menu li a:focus, .yuj-nav-ul .dropdown-menu li a:hover {
    color: #fff;
}
.container-fluid .navbar-toggle.collapsed{
	border-color: transparent;
}
.container-fluid .navbar-toggle.collapsed:hover{
	border-color: transparent;
	background-color: transparent;
}
.yuj-nav .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
	border-color: transparent;
	background-color: transparent;
}
.yuj-nav .navbar-toggle {
    margin-top: 10px;
}
.yuj-nav .nav.navbar-nav{
	margin-left: 40px;
}
.yuj-nav .navbar-nav {
	margin-top: 20px;
}
/* Footer */
.social-media {
    margin: 6px 0 0;
}
.social-media li a {
    cursor: pointer;
}
.footer {
	font-size: 12px;
	display: inline-block;
	margin: 10px 0 5px;
	width: 100%;
}
.social-media li {
    display: inline-block;
	margin-left: 5px;
}
.common-icons {
    background-image: url("../images/common-icons.png");
    background-repeat: no-repeat;
	width:24px;
	height:24px;
	display:inline-block;
}
.facebook {
	background-position: 6px 0;
}
.linkedln {
	background-position: -81px 0;
}
.notification {
	background-position: -36px 0;
}
.yuj-copyright {
	margin-top:10px;
}
.yuj-copyright p{
	display:inline;
}
.yuj-copyright a, .template-head-color .pipe {
    background: url("../images/gray-pipe.png") no-repeat scroll 91px 5px;
    color: #414142;
    font-weight: 400;
}
.index-box {
    display: inline-block;
    width: 100%;
}
.yellow-box.common-box h3:nth-child(3) {
    color: #000;
    margin-bottom: 0;
}
.layout {
	background: url(../images/bg.png) repeat scroll 0 0;
	padding: 0 0 20px;
	display: inline-block;
	width: 100%;
}
.common-box h3 {
	font-size: 30px;
	font-weight: 300;
    margin-bottom: 15px;
	line-height: 0.9;
}
.common-select .btn {
    background: transparent;
    border-color: transparent;
}
/*yellow box*/
.yellow-box {
	background: rgb(242,177,40); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(242,177,40,1) 0%, rgba(217,159,36,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,177,40,1)), color-stop(100%,rgba(217,159,36,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(242,177,40,1) 0%,rgba(217,159,36,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(242,177,40,1) 0%,rgba(217,159,36,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(242,177,40,1) 0%,rgba(217,159,36,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(242,177,40,1) 0%,rgba(217,159,36,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2b128', endColorstr='#d99f24',GradientType=0 ); /* IE6-9 */
}
.project-info .nav-tabs li.active a{
	background: transparent;
	border-color: transparent;
	border-radius: none;
	color: #2e2e2e;
	border-bottom: 2px solid #fff;
}
.project-info .nav-tabs{
	border-bottom: none;
}
.project-info .nav-tabs li a:hover{
	background: transparent;
	border-color: transparent;
	border-bottom: 2px solid #fff;
}
.project-info .nav-tabs li a {
	border-radius: 0;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 5px 2px;
}
.project-info .nav li {
   margin: 0 12px;
}
.project-info .nav li:nth-child(2) {
   margin: 0 12px 0 0;
}
.project-info .nav li:first-child {
   margin: 20px 0 0;
   background-image: none;
}
.project-info .nav li:last-child{
	background-image: none;
	margin: 10px 0 0 0;
	float: right;
}
.project-info .nav li:first-child a,.project-info .nav li:last-child a , .project-info .nav li:first-child a:hover, .project-info .nav li:last-child a:hover{
   border: transparent;
   background: none;
}
.project-info .tab-pane h3 {
    color: #2e2e2e;
}
.project-info .nav {
    margin: 15px 0;
}
.project-info .tab-pane p {
    font-size: 14px;
    margin-top: 15px;
}
.yellow-box h3 span {
	color: #fff;
    font-size: 30px;
    font-weight: 700;
}
.ui-tabs-selected.ui-state-active a {
    border-bottom: 2px solid #fff;
}
.team ul li:first-child {
	background: none;
	color: #000;
	padding: 0 8px 0 0;
}
.yellow-box.common-box p {
    margin-top: 10px;
	line-height: 18px;
}
.team ul li:nth-child(2){
	padding-left: 0;
}
.team ul li:first-child,
.team ul li:nth-child(2){
	background: transparent;
}
.team ul li {
    background: url("../images/pipe.png") no-repeat scroll 0 3px;
    float: left;
    list-style: none outside none;
    padding: 0 8px;
    white-space: normal;
}
/* turquoise box */
.turquoise-box{
	background: #00b6c4; /* Old browsers */
	background: -moz-linear-gradient(top, #00b6c4 0%, #00a4b0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b6c4), color-stop(100%,#00a4b0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #00b6c4 0%,#00a4b0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #00b6c4 0%,#00a4b0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #00b6c4 0%,#00a4b0 100%); /* IE10+ */
	background: linear-gradient(to bottom, #00b6c4 0%,#00a4b0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b6c4', endColorstr='#00a4b0',GradientType=0 ); /* IE6-9 */
}
.my-task-box .pull-left {
	width: 90%;
}
.my-task-box ul li span {
	color: #057078;
	font-size: 11px;
	display: block;
}
.my-task-box li{
	background: url("../images/play.png") no-repeat scroll 1px 6px;
	margin-top: 10px;
	padding-left: 12px;
	display: inline-block;
	width: 100%;
}
.turquoise-box li {
    list-style: outside none none;
}
.my-task-box {
	position: relative;
	display: block;
}
.inner-box {
    padding: 5px 15px;
}
.myTaskContent li {
	background: url("../images/play.png") no-repeat scroll 0 7px;
    padding: 0 9px;
    list-style: none outside none;
}
.turquoise-box .primary_button {
	float: right;
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn:active:focus, .btn:focus {
    box-shadow: none;
	outline:0;
}
.btn[type="submit"] {
/*
    border-radius: 18px;
    box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.5), 0 1px 0 rgba(0, 0, 0, 0.5);
    color: #000;
    font-size: 14px;
    font-weight: 400;
    padding: 0 15px;*/

    box-shadow: none;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    padding: 6px 15px;
}
.primary-btn {
	background: #2ea2cc;
}
.primary-btn:focus, .primary-btn:active {
	background: #127fa7;
}
.intranet-form li label.rememberlogin {
	margin: 5px 0 0 0;
}
.yellow_button{
	background: #e5aa34;
	color: #2e2e2e;
}
.turquoise_button{
	background: #05b5c3;
}
.myTaskContent input {
    cursor: pointer;
}
/*dropdown button add-task*/
.add-task-box .dropdown-toggle span {
    color: #00a4b0;
}
.add-task-box .btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
    color: #333;
}
/*modal box add-task*/
.add-task-box {
    background: #cbf3f6;
    border-radius: 8px;
    padding: 0px 16px 38px;
}
.button-rightside {
    margin-top: 5px;
}
.add-task-box .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 135px;
}
/*modal box add-task*/
.add-task-popup {
    background:  #cbf3f6;
    border-radius: 4px;
    bottom: 5px;
    left: 10px;
    padding: 10px;
    position: absolute;
	text-align: right;
    width: 93%;
}
.add-task-popup span {
    color: #07767d;
}
.add-task-popup .dropdown-menu.inner.selectpicker a span {
    color: #000;
}
.add-task {
    border: 1px solid #91d6dd;
    margin-bottom: 10px;
    resize: none;
	padding: 0 5px;
	width: 100%;
}
.add-task-popup .for-addtask {
    color: #000;
    font-size: 12px;
    font-weight: 400;
	padding: 10px 2px;
}
.bootstrap-select.btn-group .btn .filter-option {
	font-size: 14px;
}
.add-task-popup .btn {
    padding-left: 10px;
}
.add-task-popup .dropdown-menu {
    border-radius: 0;
}
.add-task-popup .dropdown-menu.inner.selectpicker li {
    margin: 0;
    padding: 0;
}
/* green-box */
.green-box {
	background: rgb(0,186,79); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(0,186,79,1) 0%, rgba(0,167,71,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,186,79,1)), color-stop(100%,rgba(0,167,71,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,186,79,1) 0%,rgba(0,167,71,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,186,79,1) 0%,rgba(0,167,71,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0,186,79,1) 0%,rgba(0,167,71,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(0,186,79,1) 0%,rgba(0,167,71,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ba4f', endColorstr='#00a747',GradientType=0 ); /* IE6-9 */
	display: inline-block;
	width: 100%;
}
.backup-box {
    position: relative;
}
.green-box img {
    position: absolute;
    right: 15px;
    top: 20px;
}
.green-box li {
    list-style: none outside none;
}
.backup-box span {
    color: #036a2f;
    display: block;
    font-size: 11px;
}
.backup-box ul {
    margin: 0;
}
.backup-box li {
    margin-top: 23px;
}
/* middle-box-second */
.middle-box-second {
    margin-bottom: 15px;
}
.hr-box-margin {
    padding: 0;
}
.hr-orange-box{
	background: rgb(252,118,92); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(252,118,92,1) 0%, rgba(252,118,92,1) 50%, rgba(227,106,83,1) 94%, rgba(227,106,83,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,118,92,1)), color-stop(50%,rgba(252,118,92,1)), color-stop(94%,rgba(227,106,83,1)), color-stop(100%,rgba(227,106,83,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(252,118,92,1) 0%,rgba(252,118,92,1) 50%,rgba(227,106,83,1) 94%,rgba(227,106,83,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(252,118,92,1) 0%,rgba(252,118,92,1) 50%,rgba(227,106,83,1) 94%,rgba(227,106,83,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(252,118,92,1) 0%,rgba(252,118,92,1) 50%,rgba(227,106,83,1) 94%,rgba(227,106,83,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(252,118,92,1) 0%,rgba(252,118,92,1) 50%,rgba(227,106,83,1) 94%,rgba(227,106,83,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc765c', endColorstr='#e36a53',GradientType=0 ); /* IE6-9 */
}
.hr-orange-box h3 {
    background: url("../images/announcement.png") no-repeat scroll 50px 5px;
}
.hr-orange-box-menu{
	background: rgb(252,135,112); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(252,135,112,1) 0%, rgba(252,135,112,1) 50%, rgba(227,121,101,1) 86%, rgba(227,121,101,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,135,112,1)), color-stop(50%,rgba(252,135,112,1)), color-stop(86%,rgba(227,121,101,1)), color-stop(100%,rgba(227,121,101,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(252,135,112,1) 0%,rgba(252,135,112,1) 50%,rgba(227,121,101,1) 86%,rgba(227,121,101,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(252,135,112,1) 0%,rgba(252,135,112,1) 50%,rgba(227,121,101,1) 86%,rgba(227,121,101,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(252,135,112,1) 0%,rgba(252,135,112,1) 50%,rgba(227,121,101,1) 86%,rgba(227,121,101,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(252,135,112,1) 0%,rgba(252,135,112,1) 50%,rgba(227,121,101,1) 86%,rgba(227,121,101,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc8770', endColorstr='#e37965',GradientType=0 ); /* IE6-9 */
}
#feedback{
    padding-top: 15px;
}
.hr-orange-box  .heading {
    background: url("../images/announcement.png") no-repeat scroll 50px 0px;
}
.feedback-section{
	display: none;
}
.feedback-btn {
    background: #dc563c;
    border-radius: 2px;
    box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.5), 0 1px 0 rgba(0, 0, 0, 0.46);
    color: #fff;
    display: block;
    font-size: 18px;
	font-weight: 300;
    padding: 6px 0;
	text-align: center;
}
.feedback-btn:hover {
    color: white;
}
.icon {
    background-image: url("../images/icon.png");
	background-repeat: no-repeat;
	padding: 4px 0 5px 40px;
}
.spacing1 {
    background-position: 2px -38px;
}
.spacing2 {
    background-position: 0 -81px;
}
.spacing3 {
    background-position: 4px -128px;
}
.spacing4 {
    background-position: 4px -169px;
}
.spacing5 {
    background-position: 4px -206px;
}
.spacing6 {
    background-position: 1px 0;
}
.hr-right {
    border-bottom: 1px solid #eb907e;
}
.hr-right-second {
    border-top: 1px solid #d96d58;
    padding-top: 25px;
}
.hr-right-second ul {
    margin-bottom: 0;
}
.hr-right ul {
    margin-bottom: 0;
    margin-top: 15px;
}
.hr-orange-box ul li {
    background: url("../images/play.png") no-repeat scroll 1px 5px;
    list-style: outside none none;
    margin: 5px 0 4px;
    padding-left: 12px;
	line-height: 20px;
}
.hr-right-second li {
    display: inline;
}
#feedback li {
    margin-bottom: 13px;
}
.hr-right ul li{
    margin-bottom: 10px;
}
.hr-orange-box-menu ul li{
    list-style: outside none none;
}
.col-lg-7.hr-orange-box.col-sm-6 li:last-child {
    padding-bottom: 0;
}
.case-study-header {
    background: #31579d;
    color: white;
    padding: 12px 30px;
}

/* Give me a break box */
.aBreak {
    margin-bottom: 0;
	padding: 0;
}
.aBreak .heading {
    padding: 1px 25px;
}
.glyphicon-chevron-right:before,
.glyphicon-chevron-left:before {
    content: "";
}
.glyphicon-chevron-right {
	background: url("../images/next.png") no-repeat scroll 0 0;
}
.glyphicon-chevron-left {
	background: url("../images/previous.png") no-repeat scroll -1px 0;
}
.item img {
    max-width: 317px;
	width: 100%;
}
/*carousel*/
.arrow-position a {
    height: 43px;
    width: 25px;
	opacity: 1;
	background-color: #31579d;
}
.arrow-position .carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev,
.arrow-position .carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
	margin: -7px 0 0;
	height: 20px;
    width: 10px;
}
.arrow-position .carousel-control.right {
	background-image: none;
}
.arrow-position .carousel-control.left{
	background-image: none;
}
.tenagram-header {
    display: inline-block;
    padding: 6px 10px 5px;
    width: 100%;
}
.tenagram-header h4 {
    float: left;
}
.tenagram-img {
	display: inline-block;
}
.tenagram-img .item {
    text-align: center;
}
.tanagram-arrow-position .carousel-control.right {
	background-image: none;
}
.tanagram-arrow-position .carousel-control.left{
	background-image: none;
	margin: 0 0 0 -10px;
}
.tanagram-arrow-position a {
    height: 20px;
	top: 0;
    width: 23px;
}
.tanagram-arrow-position .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev{
	margin-top: 0;
	margin-right: -30px;
}
.tenagram-img .carousel-inner .item a img,.tenagram-img .carousel-inner .item img, .img-responsive, .thumbnail a > img, .thumbnail > img{
	display: inline-block;
	margin-bottom: 10px;
}
.wifi-msg-box{
	background: #daa024; /* Old browsers */
	background: -moz-linear-gradient(top, #daa024 0%, #d49b23 22%, #c79221 45%, #d49c23 63%, #c99321 84%, #c59121 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#daa024), color-stop(22%,#d49b23), color-stop(45%,#c79221), color-stop(63%,#d49c23), color-stop(84%,#c99321), color-stop(100%,#c59121)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #daa024 0%,#d49b23 22%,#c79221 45%,#d49c23 63%,#c99321 84%,#c59121 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #daa024 0%,#d49b23 22%,#c79221 45%,#d49c23 63%,#c99321 84%,#c59121 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #daa024 0%,#d49b23 22%,#c79221 45%,#d49c23 63%,#c99321 84%,#c59121 100%); /* IE10+ */
	background: linear-gradient(to bottom, #daa024 0%,#d49b23 22%,#c79221 45%,#d49c23 63%,#c99321 84%,#c59121 100%); /* W3C */
	border: 1px solid #b3b2b2;
    border-radius: 4px;
    bottom: 42px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
    position: absolute;
    right: 0;
    width: 217px;
	padding:10px;
}
.wifi-bottom-section {
    display: inline-block;
    width: 100%;
}
.wifi-bottom-section .update-btn{
	margin: 0 5px 5px 0;
	padding: 2px 20px;
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.5), 0 1px 0 rgba(0, 0, 0, 0.5);
}
.arrow_box-wifi:after, .arrow_box-wifi:before {
	top: 100%;
	left: 82%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.arrow_box-wifi:after {
	border-color: rgba(196, 144, 32, 0);
	border-top-color: #c49020;
	border-width: 8px;
	margin-left: -8px;
}
.arrow_box-wifi:before {
	border-color: rgba(161, 118, 27, 0);
	border-top-color: #a1761b;
	border-width: 9px;
	margin-left: -9px;
}
#wifi_msg_box p {
    padding-bottom: 5px;
	color: #202020;
	font-size: 12px;
	font-weight: 400;
	border-bottom: 1px solid #e0ae45;
}
#wifi_msg_box p span{
	color: #7a5608;
}
.wifi-subject-msg {
    background: #fff;
    border: 1px solid #b5831b;
    border-radius: 3px;
	padding: 0 5px;
	margin-bottom:10px;
}
.subject {
    border-bottom: 1px solid #cfcccc;
}
.add-link-form .notification-msg span {
    color: #7a5608;
}
.wifi-msg-box input[type='text'],
.wifi-msg-box textarea {
    resize: none;
    border: 0;
	width:100%;
}
.wifi-msg-box .add-link-form p {
    font-size: 12px;
    font-weight: 400;
}
.tertiary-btn {
	background: #e2aa32;
    border: medium none transparent;
    border-radius: 15px;
    box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.5), 0 1px 0 rgba(0, 0, 0, 0.5);
    color: #2e2e2e;
    font-size: 14px;
    font-weight: 400;
    margin: 0 0 5px;
    padding: 2px 15px;
    width: 70px;
}
.subject  input,textarea::-moz-placeholder {
   color: #000;
}
.wifi-subject-msg input[type='text'] {
    border-bottom: 1px solid #dedede;
    margin-bottom: 5px;
    padding: 6px 5px 5px;
}

/*-----------------------------------------------------------------*/
/*dashboard media query css*/
/*-----------------------------------------------------------------*/
/*  */


/*-----------------------------------------------------------------*/
/*project css*/
/*-----------------------------------------------------------------*/

.proj-md {
    background-image: url("../images/proj-bg.png");

}
.main-middle-box h2 {
    color: #5a5a5a;
    font-weight: 300;
    margin-bottom: 10px;
    padding-left: 20px;
}
.main-box{
	display: in-block;
}
.main-middle-box {
    background-image: url("../images/hr-bg.png");
	padding: 20px 20px 9px;
}
.heading-project {
    padding: 18px 0 5px 18px;
}
.all-project {
    float: right;
	padding-right: 15px;
	position: relative;
}
.all-project .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){
	width: 125px;
}
.white-box {
    background: #fff;
    border-radius: 3px;
 	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
    margin-bottom: 15px;
    padding: 3px;
}
.white-box.project-details {
    border-radius: 0;
    box-shadow: 0 0 0 #fff;
    margin: 0;
}
.white-box img {
    padding: 5px;
}
.para {
    padding-top: 15px;
}
.para li {
    list-style: outside none none;
}
.para a {
    color: #000;
}
.head span {
    display: block;
	font-size: 14px;
    font-weight: 300;
}
.white-box .orange-box{
	background: rgb(245,117,92); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(245,117,92,1) 0%, rgba(240,112,88,1) 50%, rgba(240,112,88,1) 51%, rgba(240,112,88,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(245,117,92,1)), color-stop(50%,rgba(240,112,88,1)), color-stop(51%,rgba(240,112,88,1)), color-stop(100%,rgba(240,112,88,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(245,117,92,1) 0%,rgba(240,112,88,1) 50%,rgba(240,112,88,1) 51%,rgba(240,112,88,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(245,117,92,1) 0%,rgba(240,112,88,1) 50%,rgba(240,112,88,1) 51%,rgba(240,112,88,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(245,117,92,1) 0%,rgba(240,112,88,1) 50%,rgba(240,112,88,1) 51%,rgba(240,112,88,1) 100%); /* IE10+ */
	background: linear-gradient(to right, rgba(245,117,92,1) 0%,rgba(240,112,88,1) 50%,rgba(240,112,88,1) 51%,rgba(240,112,88,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5755c', endColorstr='#f07058',GradientType=1 ); /* IE6-9 */
}
.right-info {
	padding: 20px 15px;
}
.right-info li {
    list-style: outside none none;
    margin-bottom: 15px;
	padding-left: 10px;
}
.right-info span {
    color: #9c9b9b;
    display: block;
    font-size: 12px;
    font-weight: 300;
	padding: 5px 0;
}
.right-info h2 {
	border-top: 1px solid #3d3d3d;
    color: #9c9b9b;
	font-weight: 300;
	padding: 20px 0;
}
.recent-block span {
    color: #626161;
	font-size: 11px;
}
.right-info a {
    color: #9c9b9b;
	font-weight: 300;
}
.inner-recently span {
    display: block;
    font-size: 11px;
}
.right-info li {
    background: url("../images/gray-play.png") no-repeat scroll 0 5px;
}
.inner-recently a {
    color: #9d9d9d;
}
.btn:active, .btn.active {
    background-image: none;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.125) inset;
    outline: 0 none;
}
.project-details {
	background: #00b6c4; /* Old browsers */
	background: -moz-linear-gradient(top, #00b6c4 0%, #00a4b0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b6c4), color-stop(100%,#00a4b0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #00b6c4 0%,#00a4b0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #00b6c4 0%,#00a4b0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #00b6c4 0%,#00a4b0 100%); /* IE10+ */
	background: linear-gradient(to bottom, #00b6c4 0%,#00a4b0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b6c4', endColorstr='#00a4b0',GradientType=0 ); /* IE6-9 */
	padding: 3px;
}
.project-details ul {
    overflow:hidden;
	height:auto;
	margin-bottom: 15px;
}
.project-details h4{
	color: #fff;
	margin: 0;
}
.project-details a, .project-details a:hover{
	font-size: 14px;
	color: #fff;
}
.project-details ul li {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    list-style: outside none none;
	text-shadow: 0 1px 1px rgba(198, 197, 197, 0.5);
}
.turquoise-box.project-details li {
	color: #05494e;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    list-style: outside none none;
	text-shadow: 0 1px 1px rgba(198, 197, 197, 0.5);
}
.project-details ul  li a {
	color: #000;
}
.section-2 {
    display: inline-block;
    margin-top: 20px;
}
.right-info p {
	border-bottom: 1px solid #222;
	border-top: 1px solid #3d3d3d;
    color: #9c9b9b;
	font-size: 14px;
    font-weight: 400;
	margin: 0;
    padding: 10px 0;
}
.right-info p:first-child{
	border-top: medium none;
}
.all-project .bootstrap-select.btn-group .dropdown-menu{
	z-index: 1;
}
.all-project .caret {
    z-index: 999999;
}
.all-project .open  .btn.dropdown-toggle.selectpicker.btn-default:after{
	background: #fff;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-bottom: 0;
    content: "";
    height: 36px;
    left: 92px;
    position: absolute;
    top: 0px;
    width: 32px;
	z-index: 99999;
}
.all-project .btn-group.open .dropdown-toggle , .all-project .btn:focus{
	box-shadow: none;
}
.all-project .dropdown-menu li a{
	line-height: 0.9;
    margin-top: 3px;
	padding: 5px 20px;
}
.all-project .bootstrap-select .btn:focus{
	outline: medium none !important;
}
.all-project .btn:hover {
    color: #000;
}
.all-project .dropdown-menu.open {
    padding: 7px 0 15px;
	left: -12px;
	width: 137px;
}
.all-project .text {
    font-size: 14px;
    font-weight: 400;
}
.all-project , .open .btn-default{
	background: transparent;
}
.all-project .btn-group .dropdown-menu{
	border-radius: 0px;
	box-shadow: none;
}
.pagination li a {
    background: transparent;
	border-color: transparent;
}
.pagination-div .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover{
	background: #fff;
	border: 1px solid #66dce5;
}
.pagination li a, .pagination li span{
	margin-left: 0px;
}
.pagination-div nav {
    text-align: center;
}
.pagination-div nav ul {
    margin: 0;
}

/* Recrutment form css */
.form-information .btn.dropdown-toggle{
	background:  #fff;
    border-radius: 0;
    color: #000;
}
.form-information .dropdown-menu{
	border-radius: 0;
}
.form-information .btn.dropdown-toggle:hover {
    background:  #fff;
    border-radius: 0;
    color: #000;
}
.outer-section {
    background: #f7f7f7;
    padding: 20px;
}
.inner-middle{
	background-image: url("../images/temp-md-bg.png");
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
	display: inline-block;
    width: 100%;
    min-height: calc(100vh - 180px);
   
    
}
.form-head-section{
	background: #02aebe; /* Old browsers */
	background: -moz-linear-gradient(top, #02aebe 0%, #00b1bf 32%, #00aebc 53%, #00adba 76%, #00abb8 89%, #02a7b7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#02aebe), color-stop(32%,#00b1bf), color-stop(53%,#00aebc), color-stop(76%,#00adba), color-stop(89%,#00abb8), color-stop(100%,#02a7b7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #02aebe 0%,#00b1bf 32%,#00aebc 53%,#00adba 76%,#00abb8 89%,#02a7b7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #02aebe 0%,#00b1bf 32%,#00aebc 53%,#00adba 76%,#00abb8 89%,#02a7b7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #02aebe 0%,#00b1bf 32%,#00aebc 53%,#00adba 76%,#00abb8 89%,#02a7b7 100%); /* IE10+ */
	background: linear-gradient(to bottom, #02aebe 0%,#00b1bf 32%,#00aebc 53%,#00adba 76%,#00abb8 89%,#02a7b7 100%); /* W3C */
	padding: 5px 20px;
}
.form-head-section li{
	display: inline-block;
	list-style: outside none none;
	margin-right: 20px;
	position: relative;
}
.form-head-section span, .form-head-section a {
    color: #fff;
    font-size: 30px;
    font-weight: 300;
}
.form-head-section > span, .form-head-section a:hover{
	color: #fff;
}
.form-information .dropdown-menu .open{
	border-radius: 0;
}
.add-link-form .secondary-button{
	background: #bcd0d2; /* Old browsers */
	background: -moz-linear-gradient(top, #bcd0d2 0%, #bcd0d2 15%, #baced0 34%, #b6c9cb 47%, #b2c4c6 51%, #afc2c4 70%, #adbfc1 86%, #a9bbbd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bcd0d2), color-stop(15%,#bcd0d2), color-stop(34%,#baced0), color-stop(47%,#b6c9cb), color-stop(51%,#b2c4c6), color-stop(70%,#afc2c4), color-stop(86%,#adbfc1), color-stop(100%,#a9bbbd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #bcd0d2 0%,#bcd0d2 15%,#baced0 34%,#b6c9cb 47%,#b2c4c6 51%,#afc2c4 70%,#adbfc1 86%,#a9bbbd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #bcd0d2 0%,#bcd0d2 15%,#baced0 34%,#b6c9cb 47%,#b2c4c6 51%,#afc2c4 70%,#adbfc1 86%,#a9bbbd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #bcd0d2 0%,#bcd0d2 15%,#baced0 34%,#b6c9cb 47%,#b2c4c6 51%,#afc2c4 70%,#adbfc1 86%,#a9bbbd 100%); /* IE10+ */
	background: linear-gradient(to bottom, #bcd0d2 0%,#bcd0d2 15%,#baced0 34%,#b6c9cb 47%,#b2c4c6 51%,#afc2c4 70%,#adbfc1 86%,#a9bbbd 100%); /* W3C */
	border-radius: 15px;
    display: inline-block;
    width: 70px;
}
.form-information label{
	color: #5a5a5a;
    font-size: 14px;
    font-weight: 400;
  width: 200px;
	float:left;
}
.cand-description label{
	float: left;
}
.form-information li{
	display: inline-block;
    list-style: outside none none;
    margin: 0 0 10px;
    width: 100%;
}
.form-information .dropdown-menu.inner.selectpicker li{
	margin-bottom: 5px;
}
.form-information input[type="text"], .form-information textarea,.form-information input[type="email"] {
	border: 1px solid #dddcdc;
    border-radius: 3px;
    display: inline-block;
    padding: 5px;
    resize: none;
    width: 250px;
}

.form-information .primary-button{
	background: #05b2c0; /* Old browsers */
	background: -moz-linear-gradient(top, #05b2c0 0%, #05b1bf 11%, #05adba 34%, #05a6b3 74%, #04a1ae 88%, #04a0ad 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#05b2c0), color-stop(11%,#05b1bf), color-stop(34%,#05adba), color-stop(74%,#05a6b3), color-stop(88%,#04a1ae), color-stop(100%,#04a0ad)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #05b2c0 0%,#05b1bf 11%,#05adba 34%,#05a6b3 74%,#04a1ae 88%,#04a0ad 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #05b2c0 0%,#05b1bf 11%,#05adba 34%,#05a6b3 74%,#04a1ae 88%,#04a0ad 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #05b2c0 0%,#05b1bf 11%,#05adba 34%,#05a6b3 74%,#04a1ae 88%,#04a0ad 100%); /* IE10+ */
	background: linear-gradient(to bottom, #05b2c0 0%,#05b1bf 11%,#05adba 34%,#05a6b3 74%,#04a1ae 88%,#04a0ad 100%); /* W3C */
	border: 0 none;
    border-radius: 15px;
    box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.5), 0 1px 0 rgba(0, 0, 0, 0.5);
    font-size: 14px;
    font-weight: 400;
	margin-right: 5px;
    padding: 5px 15px;
}
.form-information .secondary-button{
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.5), 0 1px 0 rgba(0, 0, 0, 0.5);
	background: #bcd0d2; /* Old browsers */
	background: -moz-linear-gradient(top, #bcd0d2 0%, #bcd0d2 15%, #baced0 34%, #b6c9cb 47%, #b2c4c6 51%, #afc2c4 70%, #adbfc1 86%, #a9bbbd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bcd0d2), color-stop(15%,#bcd0d2), color-stop(34%,#baced0), color-stop(47%,#b6c9cb), color-stop(51%,#b2c4c6), color-stop(70%,#afc2c4), color-stop(86%,#adbfc1), color-stop(100%,#a9bbbd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #bcd0d2 0%,#bcd0d2 15%,#baced0 34%,#b6c9cb 47%,#b2c4c6 51%,#afc2c4 70%,#adbfc1 86%,#a9bbbd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #bcd0d2 0%,#bcd0d2 15%,#baced0 34%,#b6c9cb 47%,#b2c4c6 51%,#afc2c4 70%,#adbfc1 86%,#a9bbbd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #bcd0d2 0%,#bcd0d2 15%,#baced0 34%,#b6c9cb 47%,#b2c4c6 51%,#afc2c4 70%,#adbfc1 86%,#a9bbbd 100%); /* IE10+ */
	background: linear-gradient(to bottom, #bcd0d2 0%,#bcd0d2 15%,#baced0 34%,#b6c9cb 47%,#b2c4c6 51%,#afc2c4 70%,#adbfc1 86%,#a9bbbd 100%); /* W3C */
	border: 0 none;
	border-radius: 15px;
    box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.5), 0 1px 0 rgba(0, 0, 0, 0.5);
    font-size: 14px;
    font-weight: 400;
    padding: 5px 15px;
}
.form-information .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){
	 width: 250px;
}
.left-panel-click .nav-tabs li.active a {
	background: none;
	border-color: transparent;
	color: #0599a5;
	font-weight: 400;
	cursor:pointer;
}
.left-panel-click .nav li a, .left-panel-click .nav li span {
	border-radius: 0px;
    color: #5a5a5a;
    font-size: 16px;
    font-weight: 400;
    line-height: 0.8;
    padding: 5px 8px;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
}
.left-panel-click .nav li {
	border-bottom: 1px solid #e2e1e1;
    border-top: 1px solid #fcfcfc;
	margin-top: 1px;
}
.left-panel-click .nav-tabs > li > a:hover{
	border-color: transparent;
}
.form-bottom-section {
	background: #fdfdfd; /* Old browsers */
	background: -moz-linear-gradient(top, #fdfdfd 0%, #fdfdfd 2%, #f9f7f8 3%, #f9f7f8 17%, #f7f5f6 22%, #f3f3f3 46%, #f2f0f1 51%, #f0f0f0 71%, #efefef 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top, #fdfdfd 0%,#fdfdfd 2%,#f9f7f8 3%,#f9f7f8 17%,#f7f5f6 22%,#f3f3f3 46%,#f2f0f1 51%,#f0f0f0 71%,#efefef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fdfdfd 0%,#fdfdfd 2%,#f9f7f8 3%,#f9f7f8 17%,#f7f5f6 22%,#f3f3f3 46%,#f2f0f1 51%,#f0f0f0 71%,#efefef 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fdfdfd 0%,#fdfdfd 2%,#f9f7f8 3%,#f9f7f8 17%,#f7f5f6 22%,#f3f3f3 46%,#f2f0f1 51%,#f0f0f0 71%,#efefef 100%); /* IE10+ */
	background: linear-gradient(to bottom, #fdfdfd 0%,#fdfdfd 2%,#f9f7f8 3%,#f9f7f8 17%,#f7f5f6 22%,#f3f3f3 46%,#f2f0f1 51%,#f0f0f0 71%,#efefef 100%); /* W3C */
    display: inline-block;
    width: 100%;
	padding: 5px 0;
}
.documents-section {
    margin-top: 10px;
}

.documents-section h3, .search-panel h3{
    color: #000;
    font-size: 16px;
    margin-bottom: 30px;
    font-weight: 600;
}
.mid-ht {
    min-height: 540px;
}
.left-panel-click .nav.nav-tabs.nav-pills.nav-stacked li:last-child {
    border-bottom: medium none;
}
.left-panel-click .nav-tabs{
	border-bottom: 0 none;
}

/* form css */
.intranet-form .btn-group .dropdown-toggle{
	border-radius: 0;
    padding: 5px;
    width: 250px;
}
.intranet-form .dropdown-menu {
    border-radius: 0;
    width: 250px;
}
.intranet-form .dropdown-menu.inner.selectpicker li {
    margin: 0 0 5px;
}
.intranet-form .btn-group .dropdown-toggle:hover{
	color: #000;
}
.sub-middle-box{
	background-image: url("../images/temp-md-bg.png");
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
}
.form-background{
    display: inline-block;
    padding: 20px 15px;
    width: 100%;
}
.intranet-form input[type="file"] {
    display: inline-block;
}
.information li {
    list-style: outside none none;
    margin-bottom: 15px;
}
.information input[type="file"]{
	display: inline-block;
}
.information li label {
    font-size: 14px;
    font-weight: 400;
    vertical-align: top;
    width: 150px;
}
/*calender style*/
.calender-style .ui-widget-content{
	background:  rgba(0, 0, 0, 0);
}
.calender-style .ui-datepicker{
	padding: 0;
}
.datePicker-bg {
    background: #f0f0f0;
    height: 244px;
}
.calender-style{
	background-color: #444;
}
.calender-style .ui-state-default, .calender-style .ui-widget-content .ui-state-default, .calender-style .ui-widget-header .ui-state-default{
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(240,240,240,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(240,240,240,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(240,240,240,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(240,240,240,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(240,240,240,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(240,240,240,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */
	color: #333;
	padding: 5px 15px 10px 5px;
	text-align: center;
	border: 1px solid #e7e7e7;
}
.calender-style tbody tr td {
    background: #fdfdfd; /* Old browsers */
	background: -moz-linear-gradient(top, #fdfdfd 0%, #fbfbfb 24%, #f6f6f6 47%, #fdfdfd 76%, #f1f1f1 89%, #f0f0f0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(24%,#fbfbfb), color-stop(47%,#f6f6f6), color-stop(76%,#fdfdfd), color-stop(89%,#f1f1f1), color-stop(100%,#f0f0f0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fdfdfd 0%,#fbfbfb 24%,#f6f6f6 47%,#fdfdfd 76%,#f1f1f1 89%,#f0f0f0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fdfdfd 0%,#fbfbfb 24%,#f6f6f6 47%,#fdfdfd 76%,#f1f1f1 89%,#f0f0f0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fdfdfd 0%,#fbfbfb 24%,#f6f6f6 47%,#fdfdfd 76%,#f1f1f1 89%,#f0f0f0 100%); /* IE10+ */
	background: linear-gradient(to bottom, #fdfdfd 0%,#fbfbfb 24%,#f6f6f6 47%,#fdfdfd 76%,#f1f1f1 89%,#f0f0f0 100%); /* W3C */
}
.calender-style .ui-state-default .ui-state-highlight .ui-state-active{
	background: #000;
}
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary{
	color: #979797 !important;
}
.calender-style .ui-datepicker th{
	border-bottom: 1px solid #e2e2e2;
	color: #666666;
	font-size: 11px;
	padding: 5px;
	text-transform:uppercase;
}
.calender-style .ui-datepicker-inline{
    border: 0 none;
	width: 100%;
}
.calender-style .ui-datepicker-header {
    background: #444;
	border: 0;
	margin-top: -112px !important;
}
.calender-style .ui-widget-header .ui-icon{
	background-image: url("../images/arrows-sprite.png");
}
.calender-style .ui-widget-header .ui-icon-circle-triangle-w{
	background-position: 0 0;
}
.calender-style .ui-widget-header .ui-icon-circle-triangle-e{
	background-position: 0 -19px;
}
.calender-style .ui-datepicker td{
	padding: 0;
}
.calender-style .ui-datepicker-calendar{
	background: -moz-linear-gradient(top, #fdfdfd 0%, #fbfbfb 24%, #f6f6f6 47%, #fdfdfd 76%, #f1f1f1 89%, #f0f0f0 100%); /* FF3.6+ */
	margin-bottom: 0;
}
.calender-style .ui-state-active, .calender-style .ui-widget-content .ui-state-active, .calender-style .ui-widget-header .ui-state-active {
	background: #fbd5d5;
}
.calender-style .ui-state-highlight, .calender-style .ui-widget-content .ui-state-highlight, .calender-style .ui-widget-header .ui-state-highlight {
	border: 1px solid #faa6a6;
}
.calender-style .ui-corner-all:hover {
    background:  rgba(0, 0, 0, 0);
    border: 0 none;
}


/* template & references css */
.left-panel .nav li a, .left-panel .nav li span  {
    border-radius: 0;
    color: #5a5a5a;
    font-size: 16px;
    font-weight: 400;
    line-height: 0.8;
    padding-left: 8px;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
}
.left-panel .nav-tabs li.active a {
	background: transparent;
	color: #0599a5;
	font-weight: 400;
}
.left-panel .nav-tabs li.active a{
	border-color: transparent;
}
.left-panel .nav li {
	border-bottom: 1px solid #e2e1e1;
    border-top: 1px solid #fcfcfc;
	margin-top: 1px;
}
.left-panel .nav li:last-child{
	border-bottom: transparent;
}
.left-panel .nav-tabs {
	border-bottom: transparent;
}
.left-panel .nav-tabs li a:hover{
	border-color: transparent;
}
.template-head-color span, .template-head-color a{
	color: #fff;
    font-size: 30px;
    font-weight: 300;
}
.template-head-color li{
	display: inline-block;
	list-style: outside none none;
	margin-left: 15px;
	position: relative;
}
.main-middle-box {
	background-image: url("../images/hr-bg.png");
    display: inline-block;
    min-height: 120px;
}
.template-middle-box {
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
	background: #f8f6f7; /* Old browsers */
	background: -moz-linear-gradient(top, #f8f6f7 0%, #f6f4f5 46%, #f3f1f2 51%, #f0eeef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f6f7), color-stop(46%,#f6f4f5), color-stop(51%,#f3f1f2), color-stop(100%,#f0eeef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f8f6f7 0%,#f6f4f5 46%,#f3f1f2 51%,#f0eeef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f8f6f7 0%,#f6f4f5 46%,#f3f1f2 51%,#f0eeef 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f8f6f7 0%,#f6f4f5 46%,#f3f1f2 51%,#f0eeef 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f8f6f7 0%,#f6f4f5 46%,#f3f1f2 51%,#f0eeef 100%); /* W3C */
}
.bottom-white {
	background: #fdfdfd; /* Old browsers */
	background: -moz-linear-gradient(top, #fdfdfd 0%, #fdfdfd 2%, #f9f7f8 3%, #f9f7f8 17%, #f7f5f6 22%, #f3f3f3 46%, #f2f0f1 51%, #f0f0f0 71%, #efefef 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top, #fdfdfd 0%,#fdfdfd 2%,#f9f7f8 3%,#f9f7f8 17%,#f7f5f6 22%,#f3f3f3 46%,#f2f0f1 51%,#f0f0f0 71%,#efefef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fdfdfd 0%,#fdfdfd 2%,#f9f7f8 3%,#f9f7f8 17%,#f7f5f6 22%,#f3f3f3 46%,#f2f0f1 51%,#f0f0f0 71%,#efefef 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fdfdfd 0%,#fdfdfd 2%,#f9f7f8 3%,#f9f7f8 17%,#f7f5f6 22%,#f3f3f3 46%,#f2f0f1 51%,#f0f0f0 71%,#efefef 100%); /* IE10+ */
	background: linear-gradient(to bottom, #fdfdfd 0%,#fdfdfd 2%,#f9f7f8 3%,#f9f7f8 17%,#f7f5f6 22%,#f3f3f3 46%,#f2f0f1 51%,#f0f0f0 71%,#efefef 100%); /* W3C */
}
.left-panel img {
    margin: 5px;
}
.document-div span {
    color: #7d7c7c;
    display: block;
    font-size: 12px;
    font-weight: 200;

    word-wrap: break-word;
	padding: 5px;
}
.gep-folders .document-div span{
	text-align: left;
}
.template-head-color {
	background: #02aebe; /* Old browsers */
	background: -moz-linear-gradient(top, #02aebe 0%, #00b1bf 32%, #00aebc 53%, #00adba 76%, #00abb8 89%, #02a7b7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#02aebe), color-stop(32%,#00b1bf), color-stop(53%,#00aebc), color-stop(76%,#00adba), color-stop(89%,#00abb8), color-stop(100%,#02a7b7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #02aebe 0%,#00b1bf 32%,#00aebc 53%,#00adba 76%,#00abb8 89%,#02a7b7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #02aebe 0%,#00b1bf 32%,#00aebc 53%,#00adba 76%,#00abb8 89%,#02a7b7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #02aebe 0%,#00b1bf 32%,#00aebc 53%,#00adba 76%,#00abb8 89%,#02a7b7 100%); /* IE10+ */
	background: linear-gradient(to bottom, #02aebe 0%,#00b1bf 32%,#00aebc 53%,#00adba 76%,#00abb8 89%,#02a7b7 100%); /* W3C */
	padding: 5px 0;
}
.template-head ul {
	margin: 0;
}
.template-head li .templates:hover {
    border: medium none transparent;
}
.temp-sprite{
	background: url("../images/temp-sprite.png") no-repeat scroll 0 13px;
	background-repeat: no-repeat;
    padding: 0 0 0 40px;
}
.templates {
	background-position: 0 11px;
}
.template-head li {
    display: inline-block;
	position: relative;
}
.gep-head li a {
    color: #fff;
    font-size: 30px;
    font-weight: 300;
}
.assets {
	background-position: 0 -28px;
}
.light-gray{
	background: #bcd0d2; /* Old browsers */
	background: -moz-linear-gradient(top, #bcd0d2 0%, #bcd0d2 15%, #baced0 34%, #b6c9cb 47%, #b2c4c6 51%, #afc2c4 70%, #adbfc1 86%, #a9bbbd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bcd0d2), color-stop(15%,#bcd0d2), color-stop(34%,#baced0), color-stop(47%,#b6c9cb), color-stop(51%,#b2c4c6), color-stop(70%,#afc2c4), color-stop(86%,#adbfc1), color-stop(100%,#a9bbbd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #bcd0d2 0%,#bcd0d2 15%,#baced0 34%,#b6c9cb 47%,#b2c4c6 51%,#afc2c4 70%,#adbfc1 86%,#a9bbbd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #bcd0d2 0%,#bcd0d2 15%,#baced0 34%,#b6c9cb 47%,#b2c4c6 51%,#afc2c4 70%,#adbfc1 86%,#a9bbbd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #bcd0d2 0%,#bcd0d2 15%,#baced0 34%,#b6c9cb 47%,#b2c4c6 51%,#afc2c4 70%,#adbfc1 86%,#a9bbbd 100%); /* IE10+ */
	background: linear-gradient(to bottom, #bcd0d2 0%,#bcd0d2 15%,#baced0 34%,#b6c9cb 47%,#b2c4c6 51%,#afc2c4 70%,#adbfc1 86%,#a9bbbd 100%); /* W3C */
	color: #06494e;
    font-weight: 400;
}
.light-white-box2
{
	padding:6px 15px !important;
}
.light-white-box .nav-tabs li.active a {
	background: transparent;
	color: #0599a5;
	font-weight: 400;
}
.light-white-box .nav li a {
	border-radius: 0px;
    color: #5a5a5a;
    font-size: 16px;
    font-weight: 400;
    line-height: 0.8;
    padding-left: 8px;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
}
.light-white-box .nav-tabs li.active a{
	border-color: transparent;
}
.light-white-box .nav li {
	border-bottom: 1px solid #e2e1e1;
    border-top: 1px solid #fcfcfc;
	margin-top: 1px;
}
.nav.nav-tabs.nav-pills.nav-stacked li:first-child {
    border-top: medium none;
}

.left-panel .nav.nav-tabs.nav-pills.nav-stacked img {
	margin-bottom: 10px;
	margin-left: 8px;
}
.template-assets-middle .light-white-box  .col-lg-9 {
    margin-top: 30px;
}
.reference-links1 {
    margin-top: 30px;
}
.light-white-box .nav-tabs li a:hover {
	border-color: transparent;
}
.document-div {
    float: left;
    margin: 0 10px 15px 0;
    overflow: visible;
    text-align: left;
    width: 150px;
}
 /*.template-documents {
   background: #f7f7f7;
	border: 1px solid #e2e1e1;
    padding: 25px;
	position: relative;
}*/
.template-documents1 {
    position: relative;
}
.word-file, .pdf-file {
    background-color: #fff;
    background-image: url("../images/word-pdf.png");
    background-repeat: no-repeat;
    border: 1px solid #999;
    height: 30px;
    position: absolute;
    right: 10px;
    top: 52px;
    width: 30px;
}
.pdf-file{
    background-position: 2px -36px;
}
.word-file{
	background-position: 2px 2px;
}
.seperator {
/*    background-image: url("../images/seperator.png");*/
    background-repeat: repeat;
    height: 34px;
    position: absolute;
    top: -25px;
    width: 2px;
    background-color: white;
}
.light-white-box .nav-tabs{
	border-bottom: medium none;
}
.active .arrow_box::after, .form-head-section li a:hover:after  {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: rgba(248, 246, 246, 0) rgba(248, 246, 246, 0) #f8f6f6;
    border-image: none;
    border-style: solid;
    border-width: 8px;
    bottom: -6px;
    content: " ";
    height: 0;
    left: 50%;
    margin-left: 10px;
    pointer-events: none;
    position: absolute;
    width: 0;
}
.ref-link li {
    list-style: outside none none;
	margin-bottom: 5px;
}
.ref-link li  a {
	background: url("../images/gray-play.png") no-repeat scroll 0 5px;
    color: #7d7c7c;
    font-size: 14px;
    font-weight: 400;
    line-height: 0.9;
    padding-left: 15px;
}
.reference-links a{
    color: #7d7c7c;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;

}
.reference-links li{
	background: url("../images/gray-play.png") no-repeat scroll 0 8px;
	padding-left: 10px;
}
.head-search {
    background: #fff;
    border-radius: 3px;
    float: right;
    margin: 5px 15px 0 0;
}
.head-search form {
    display: inline-block;
    width: 200px;
}
.head-search input.text {
    border: 0 none;
	font-family: Arial;
	font-style: italic;
	padding: 5px 0 5px 5px;
	width:80px;
}
.left-panel .un-select {
    color: #bcbabb !important;
}
.selected-arrow{
	background-image: url(../images/select-icon.png);
	background-position: 225px 8px;
    background-repeat: no-repeat;
}
.head-search .button {
    background: url("../images/search.png") no-repeat scroll 6px 6px #fff;
    border: 0;
    border-radius: 3px;
    float: left;
    height: 30px;
    padding: 0;
    text-shadow: none !important;
    width: 31px;
}
.folder {
    background-image: url("../images/turquoise-folder.png");
    background-position: 52px 27px;
    background-repeat: no-repeat;
	height: 80px;
}
.left-image {
	float: left;
}
.left-image img {
    margin-top: 13px;
}
.left-panel-click {
    border-left: 1px solid #e2e1e1;
	margin-left: 40px;
}
.left-panel-click .left-navigation {
    margin-top: 5px;
}
.left-panel-click::after {
    border-left: 1px solid #fff;
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
}
.path {
    margin: 10px 5px;
}
.path a {
    color: #2e2e2e;
    font-size: 12px;
    font-weight: 400;
}
.link-info .dropdown-toggle span{
	color: #2e2e2e;
}
.path-arrow {
    background-image: url("../images/path-arrow.png");
    background-position: 6px 7px;
    background-repeat: no-repeat;
    padding: 0 10px;
}
.col-lg-9.col-sm-9.gep-folders {
    margin: 5px 0 0;
}
.gep-head li a {
	background-image: none;
	padding: 0;
}
.left-arrow{
	margin-right: 5px;
	padding: 9px;
}
.right-arrow{
	padding: 9px;
}
.gep-folder {
    margin: 17px 0;
}

.reference-links {
    float: left;
}
.reference-links li{
	list-style: outside none none;
}
.green-btn{
	background: #0bc060; /* Old browsers */
	background: -moz-linear-gradient(top, #0bc060 0%, #0bbd5e 18%, #0ab65b 45%, #0aaf58 51%, #0aaa55 83%, #0aa854 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0bc060), color-stop(18%,#0bbd5e), color-stop(45%,#0ab65b), color-stop(51%,#0aaf58), color-stop(83%,#0aaa55), color-stop(100%,#0aa854)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #0bc060 0%,#0bbd5e 18%,#0ab65b 45%,#0aaf58 51%,#0aaa55 83%,#0aa854 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #0bc060 0%,#0bbd5e 18%,#0ab65b 45%,#0aaf58 51%,#0aaa55 83%,#0aa854 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #0bc060 0%,#0bbd5e 18%,#0ab65b 45%,#0aaf58 51%,#0aaa55 83%,#0aa854 100%); /* IE10+ */
	background: linear-gradient(to bottom, #0bc060 0%,#0bbd5e 18%,#0ab65b 45%,#0aaf58 51%,#0aaa55 83%,#0aa854 100%); /* W3C */
}
.add-box {
    background: #f7f7f7; /* Old browsers */
	background: -moz-linear-gradient(top, #f7f7f7 0%, #f5f5f5 18%, #f4f3f3 45%, #f2f1f1 51%, #f0efef 83%, #edecec 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(18%,#f5f5f5), color-stop(45%,#f4f3f3), color-stop(51%,#f2f1f1), color-stop(83%,#f0efef), color-stop(100%,#edecec)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f7f7f7 0%,#f5f5f5 18%,#f4f3f3 45%,#f2f1f1 51%,#f0efef 83%,#edecec 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f7f7f7 0%,#f5f5f5 18%,#f4f3f3 45%,#f2f1f1 51%,#f0efef 83%,#edecec 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f7f7f7 0%,#f5f5f5 18%,#f4f3f3 45%,#f2f1f1 51%,#f0efef 83%,#edecec 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f7f7f7 0%,#f5f5f5 18%,#f4f3f3 45%,#f2f1f1 51%,#f0efef 83%,#edecec 100%); /* W3C */
    border-radius: 4px;
	bottom: 35px;
	border: 1px solid #b3b2b2;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
	display: none;
    position: absolute;
    right: 0;
    width: 360px;
	z-index: 99999;
}
.form-title{
	background: #f8f8f8; /* Old browsers */
	background: -moz-linear-gradient(top, #f8f8f8 0%, #f7f7f7 18%, #f4f3f3 45%, #f2f1f1 51%, #efeeee 83%, #edecec 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(18%,#f7f7f7), color-stop(45%,#f4f3f3), color-stop(51%,#f2f1f1), color-stop(83%,#efeeee), color-stop(100%,#edecec)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f8f8f8 0%,#f7f7f7 18%,#f4f3f3 45%,#f2f1f1 51%,#efeeee 83%,#edecec 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f8f8f8 0%,#f7f7f7 18%,#f4f3f3 45%,#f2f1f1 51%,#efeeee 83%,#edecec 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f8f8f8 0%,#f7f7f7 18%,#f4f3f3 45%,#f2f1f1 51%,#efeeee 83%,#edecec 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f8f8f8 0%,#f7f7f7 18%,#f4f3f3 45%,#f2f1f1 51%,#efeeee 83%,#edecec 100%); /* W3C */
	border-radius: 4px;
	padding: 9px;
	border-top: 1px solid #fff;
	font-size: 16px;
	font-weight: 400;
}
.add-link-form.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){
	width: 250px;
}
.add-box .btn.dropdown-toggle.selectpicker.btn-default {
    width: 248px;
}
.add-box ul {
    margin-bottom: 0;
}
.add-box .btn {
    background: #fff;
    border: 1px solid #dddcdc;
    border-radius: 3px;
}
.add-link-form li{
	list-style: outside none none;
    margin: 0 0 10px;
}
.add-link-form input[type="text"],
.add-link-form input[type="password"],
.add-link-form textarea {
    border: 1px solid #dddcdc;
    border-radius: 3px;
	display: inline-block;
    padding: 5px;
	resize: none;
    width: 250px;
}
.link-info {
    padding: 8px 10px;
	clear: both;
}
.add-box li:last-child{
	margin: 0;
}
.add-link-form .dropdown-menu{
	border-radius: 0;
}
.add-box label {
    color: #2e2e2e;
    font-size: 14px;
    font-weight: 400;
	text-align: left;
	vertical-align: top;
    width: 84px;
}
.link-info .dropdown-menu li {
	display: block;
    margin: 0;
}
.primary_button.green-btn {
	border-radius: 15px;
    color: #fff;
    padding: 5px 24px;
}
.add-box form {
    border-radius: 4px;
}
.link {
	float: right;
	margin: 5px 0 0;
}
.arrow_box-link:after, .arrow_box-link:before {
	top: 100%;
	left: 86%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.arrow_box-link:after {
	border-color: rgba(237, 235, 235, 0);
	border-top-color: #edebeb;
	border-width: 8px;
	margin-left: -8px;
}
.arrow_box-link:before {
	border-color: rgba(186, 185, 185, 0);
	border-top-color: #bab9b9;
	border-width: 9px;
	margin-left: -9px;
}
.bottom-btn {
    float: right;
}
.form-bottom-section .primary-button{
	padding: 5px 15px;
}
.bottom-btn li {
	display: inline-block;
	list-style: outside none none;
	margin: 5px 0 0 5px;
}
.fright{
	float: right;
}


/*HR page css*/

.middle {
    background-image: url("../images/hr-bg.png");
    display: inline-block;
	padding: 20px;
}
.layout{
	padding-bottom: 0px;
}
.light-yellow-box {
	background: rgb(247,210,107); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(247,210,107,1) 0%, rgba(247,210,107,1) 50%, rgba(247,210,107,1) 51%, rgba(247,210,107,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,210,107,1)), color-stop(50%,rgba(247,210,107,1)), color-stop(51%,rgba(247,210,107,1)), color-stop(100%,rgba(247,210,107,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(247,210,107,1) 0%,rgba(247,210,107,1) 50%,rgba(247,210,107,1) 51%,rgba(247,210,107,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(247,210,107,1) 0%,rgba(247,210,107,1) 50%,rgba(247,210,107,1) 51%,rgba(247,210,107,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(247,210,107,1) 0%,rgba(247,210,107,1) 50%,rgba(247,210,107,1) 51%,rgba(247,210,107,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(247,210,107,1) 0%,rgba(247,210,107,1) 50%,rgba(247,210,107,1) 51%,rgba(247,210,107,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7d26b', endColorstr='#f7d26b',GradientType=0 ); /* IE6-9 */
}
.light-yellow-box.common-box a {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 100%;
    width: 87%;
}
.light-yellow-box li span {
    color: #a48737;
	width: 11%;
	font-size: 11px;
}
.light-yellow-box img {
    margin-bottom: 10px;
}
.light-yellow-box ul li {
	background: url("../images/play-black.png") no-repeat scroll 0 12px;
    list-style: outside none none;
    padding: 5px 10px;
}
.light-yellow-box span {
    color: #000;
}
.common-box{
	padding: 15px;
	padding-bottom: 15px;
}
.templates-hr ul {
    /*margin-bottom: 40px;*/
}
.templates-hr a{
	font-size: 14px;
	font-wight: 400;
	line-height: 100%;
}
.common-box h3{
	margin-bottom: 11px;
}
.templates-hr  li {
    background: url("../images/play.png") no-repeat scroll 4px 6px;
	list-style: outside none none;
    padding: 0 17px;
}
.light-white-box .heading h3 {
    color: #121212;
}
.policies ul li {
    background: url("../images/play.png") no-repeat scroll 0 6px;
}
.policies li a {
    padding: 5px 10px;
}
.policies ul {
    margin: 0;
}
.leaves li textarea {
    margin-top: 8px;
	border-radius: 5px;
	border: 1px solid #d3d3d3;
	padding: 5px 7px;
	resize: none;
}
.leaves > li{
    float: left;
}
.leave-box .primary_button {
    margin: 5px 0 0;
}
.mg-right {
    margin-right: 61px;
	margin-top: 6px;
}
.org .bootstrap-select.btn-group .btn .caret{
	margin-top: -1px;
}
.org h3 {
	color: #5a5a5a;
/*	border-bottom: 1px solid #cdcccc;*/
	margin-top: 15px;
	font-size: 30px;
	font-weight: 300;
	padding-bottom: 10px;
}
.org .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){
	width: 147px;
}
.org .btn:hover {
    color: #000;
	outline: medium none;
}
.org .btn :focus{
	outline: medium none!important;
}
.org .bootstrap-select .btn:focus{
	outline: medium none!important;
}
.org .btn.active.focus, .org .btn.active:focus, .org .btn.focus, .org .btn.focus:active, .org .btn:active:focus, .org .btn:focus{
	box-shadow: none;
}
.light-white-box .btn:hover{
	color: #000;
}
.employee-btn {
    background: #dddddd;
	border: 1px solid #c9c9c9;
    border-radius: 25px;
	font-size: 12px;
	margin: -33px 0;
	padding: 2px 0;
    width: 130px;
}

.img-1 {
	margin-left: 80px;
	margin-bottom: 30px;
    max-width: 100%;
}
.people-details {
    font-size: 18px;
    margin: 134px 0 0;
    padding-left: 20px;
}
.people-details span {
    display: block;
    font-size: 14px;
	line-height: 100%;
}
.light-white-box {
    background: #f5f6f6;
	margin-bottom: 15px;
	padding: 15px;
}
.light-white-box li {
    list-style: outside none none;
}
.light-white-box h3 {
    color: #121212;
    font-size: 30px;
    font-weight: 300;
    line-height: 0.9em;
    margin: 10px 0;
}
.year-dropdown {
    min-width: 70px;
}
.availed {
	margin-bottom:10px;
}
.availed span {
    background: #ddd;
    border-radius: 50%;
    display: inline-block;
    height: 15px;
    position: relative;
    top: 2px;
    width: 15px;
}
.fromTo {
	border: 1px solid #d3d3d3;
	border-radius: 0;
	margin-right: 6px;
	padding: 3px 7px;
    width: 100px;
	float: left;
	font-size: 14px;
}
.light-white-box .btn.dropdown-toggle.selectpicker.btn-default{
	padding: 3px 7px;
}
.months {
	display: inline-block;
}
.intranet-form input[type="radio"], .intranet-form input[type="checkbox"] {
    margin: 4px 5px 0 0;
}
.leaves-years {
    margin: -35px 0 0;
}
.light-white-box.clearfix li:last-child {
    padding-top: 8px;
}
.leaves > li {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #e6e6e6;
    display: inline-block;
    width: 100%;
}
.leaves li:first-child {
    border-top: 1px solid transparent;
}
.leaves li:last-child {
    border-bottom: 1px solid transparent;
}
.people-details.col-lg-4 span:nth-child(2) {
    margin-bottom: 15px;
}
.light-white-box .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 70px;
}
.months .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 67px;
}
.org {
    padding: 0 15px 0 5px;
	margin-top: 25px;
}
input[type="checkbox"], input[type="radio"]{
	margin: 4px 4px 0 0;
}
.light-white-box label{
	font-weight: 400;
	margin-top: 5px;
}
/* Media querries */


.add-info {
    padding: 10px 0;
    text-align: right;
}


/*all-details css*/

.add-icon {
    background-image: url("../images/add-icon.png");
    background-repeat: no-repeat;
	background-size: 15px auto;
    border: 0 none;
    height: 15px;
    margin-left: 15px;
    padding: 2px;
    width: 15px;
}
.remove-icon {
    background-image: url("../images/remove-icon.png");
    background-repeat: no-repeat;
	background-size: 10px auto;
    border: 0 none;
    height: 10px;
    margin-left: 0px;
    padding: 0 5px;
}
.soft-info{
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);padding: 15px;
}
.soft-btm label {
    width: 155px;
}
.soft-btm .update-btn, .soft-btm .primary-button{
	padding: 2px 15px;
}
.soft-info label {
	color: #5a5a5a;
    float: left;
    font-size: 14px;
    font-weight: 400;
    width: 145px;
}
.cancel-btn {
    border-radius: 15px;
    color: #408f44;
    margin-left: 5px;
    padding: 10px 15px;
}
.cancel-btn:hover{
	color: #408f44;
}
/* form css */
#intranet h4 {
	font-size: 24px;
	color: #2e2e2e;
	margin: 0 0 10px;
}
.yellow-box.common-box p.status {
    display: inline-block;
    margin: 5px auto;
    padding: 5px 0;
    width: 100%;
}
.ui-datepicker .ui-datepicker-title {
	font-size: 18px;
	font-family: Open Sans;
	font-weight: 100;
	line-height: inherit !important;
	min-width: 100px;
}
.ui-datepicker .ui-datepicker-header {
	display:inline-block;
	float: right;
}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker  .ui-datepicker-next-hover {
	top:2px !important;
	cursor:pointer;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left:2px !important;
}
.ui-datepicker  .ui-datepicker-next-hover {
	right:2px !important;
}
.calender-style #datepicker {
	height:248px;
	background:#f0f0f0;
}
.team-message span {
	display: block;
}
.team-message {
	color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 100;
    margin: 0 0 10px;
    padding: 0;
    width: 100%;
	text-shadow:0 0 1px #fff;
}
.tm1 {
	border-bottom: 1px solid #222;
	padding: 5px 0;
}
.tm2 {
	border-top: 1px solid #5b5b5b;
	padding: 5px 0;
}
.DayDate {
	font-size: 30px;
	margin: 0 0 3px;
}
.mb-15 {
	margin-bottom: 15px !important;
}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
	width: auto;
}
header .navbar-default{
	background-color: transparent;
	border-color: transparent;
    padding: 8px 0;
}
.container .navbar-default .navbar-nav li a:hover{
	color: #fff;
}
/*Icon Repository*/
.btn-cmn {
	border: 1px solid;
    color: orange;
	padding: 2px;
}
.btn-cmn:hover {
    background: orange;
    color: #000;
}
.search-icon{
	margin: 0;
}
.search-text {
    display: block;
}
.fleft{
	float: left;
}
.header-txt h3 {
    color: orange;
	font-size: 18px;
	text-transform:uppercase;
}
.header-txt {
    margin: 15px 0;
}
.mr-15{
	margin: 15px 0;
}
.btn-dl{
	margin: 20px 0;
}
.main-middle-box p {
    font-style: italic;
	color: #888;
	margin-bottom: 25px;
}
.download-btn {
    background: #febd2c;
    border-radius: 2px;
	border: 1px solid #db9700;
    color: #fff;
    display: block;
    font-size: 18px;
	font-weight: 400;
    padding: 10px 40px;
	text-align: center;
	margin-top: 15px;
}
.download-btn:hover,.download-btn:active,.download-btn:focus{
	color: #fff;
}
.btm-border {
	border-bottom: 1px solid white;
}
.white {
	background: #fff;
	width: 100%;
}
header .navbar-default .navbar-nav > .open > a, header .navbar-default .navbar-nav > .open > a:focus, header .navbar-default .navbar-nav > .open > a:hover {
    background-color: transparent;
}
.navbar-brand {
	height: auto;
	padding: 0;
	margin-left: 0 !important;
}
header .navbar-default {
/*	padding-bottom: 10px;*/
}
.icon-search-container {
	padding-bottom: 30px;
}
.white section {
	border-top: 1px solid #dedede;
	padding-bottom: 30px;
}
.icon-search-container label {
	font-size: 14px;
	font-weight: 600;
	margin: 0 0 5px;
	display: block;
}
.icon-search-container form {
	border-radius:3px;
	border: 1px solid #dedede;
}
.icon-search-container .styles label {
	float: left;
	margin: 0 15px 0 0;
	font-weight: 400;
}
.icon-search-container form {
	width: 300px;
}
.icon-search-container .styles {
	margin-top: 10px;
}
.icon-search-container .styles input {
	float: left;
	margin: 4px 5px 0 0;
}
.card:hover .formats {
	margin: 0;
}
.card:hover .details span {
	color: #000;
}
.card:hover .details {
	color: orange;
}
.card {
    position: relative;
    text-align: left;
    white-space: normal;
	height: 140px;
	text-align:center;
	/*border: 1px solid #dedede;*/
	padding-top: 10px;
	overflow: hidden;
	margin-bottom:15px;
}
.card-content {
    border-radius: 2px;
    height: 105px;
    position: relative;
    text-decoration: none;
    vertical-align: top;
}
.cover {
	height: 30px;
	height: 30px;
	margin: 20px auto;
}
.details {
	max-height: 50px;
	color: #000;
	display: block;
	font-size: 16px;
	transition: all 0.3s ease;
}
.details span {
	display: block;
	color: #888;
	font-size: 11px;
}
.formats {
	display: table;
	width: 100%;
	margin: 30px 0 0 0;
	transition: all 0.5s ease;
}
.formats a {
    display: table-cell;
    padding: 3px 0;
    width: 33%;
	text-align:center;
	color: #888;
	font-size: 11px;
}
.formats a:hover {
	background: #f9bd39;
	color: #fff;
	border-radius: 3px;
}
header .navbar-default .navbar-nav > .open > a, header .navbar-default .navbar-nav > .open > a:focus, header .navbar-default .navbar-nav > .open > a:hover {
    background-color: transparent;
}
.light-yellow-box ul {
    margin-bottom: 26px;
}
.org .btn.dropdown-toggle.selectpicker.btn-default {
    padding-left: 10px;
	margin-top: 5px;
}
.org .btn-group.open .dropdown-toggle {
    box-shadow: 0 -2px 22px rgba(0, 0, 0, 0.125) inset;
}
.light-white-box  .bootstrap-select .btn:focus{
	outline: medium none !important;
	border: 1px solid transparent;
}
.people-details span:first-child {
    margin-top: 10px;
}
.leaves .fleft {
    padding: 5px 0;
}
/*
.mt-10{
	margin-bottom: 10px;
}
*/
.mr-10{
	margin-right: 10px!important;
}
.control-label{
	font-weight: 300;
	font-size: 14px;
}
tbody th {
    font-weight: 300;
}
.form-group .primary-button,.table-info .primary-button ,
.form-group .yuj-login-btn{
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.5), 0 1px 0 rgba(0, 0, 0, 0.5);
	font-size: 14px;
}
.form-group .primary-button,.table-info .primary-button {
    padding: 5px 15px 4px;
	margin-right: 5px;
}
.form-group .yuj-login-btn{
	padding: 5px 10px;
}
.table-info .btn[type="submit"]{
	padding: 2px 15px;
}
.table-info .yuj-login-btn{
	padding: 5px 15px;
}
.form-group .checkbox-inline + .checkbox-inline, .form-group .radio-inline + .radio-inline{
	margin: 0;
}
.active-user{
	color: #408f44;
}
.inactive-user{
	color: #FF0000;
}
.form-group .control-label{
	text-align: left;
	float: left;
}
.form-group .cancel-btn{
	margin-left: 0;
}
.wt-125{
	width: 125px;
}
.wt-130 {
    width: 130px;
}
.wt-106 {
    width: 106px;
}
.radio-inline{
	margin-right: 20px;
}
.salary {
    float: left;
}
.txt-rt{
	text-align: right;
}
.all-project .btn-default.active,
.all-project .btn-default.focus,
.all-project .btn-default:active,
.all-project .btn-default:focus,
.all-project .btn-default:hover,
.all-project .open > .dropdown-toggle.btn-default{
	border-color: transparent;
}
.dropdown-menu > li > a:focus{
	background-color: transparent;
}
.upload-btn{
	border: 1px solid #febd2c;
    color: #febd2c;
    display: block;
    font-size: 18px;
    font-weight: 400;
    margin: 15px 0 0 31px;
    padding: 10px 23px;
    text-align: center;
}
.upload-btn:hover,.upload-btn:active,.upload-btn:focus{
	color: #febd2c;
}
.update-btn{
	font-size: 14px;
	color: #424141;
	background: #dba024;
    border: 0 none;
    border-radius: 20px;
	padding: 5px 15px;
	border-radius: 20px;
	margin-left: 5px;
}
.outer-section h4 {
    color: #000;
}
.form-bottom-section .green {
    background: #09b058 none repeat scroll 0 0;
    border-color: transparent;
    border-radius: 20px;
    padding: 2px 20px;
	color: #fff;
	font-size: 14px;
}
.mt-25{
	margin: 30px 0 !important;
}
.ui-tooltip{
	background: #000!important;
	box-shadow: none!important;
	color: #fff!important;
	font-size: 12px!important;
	font-family: "Open Sans",arial,sans-serif !important;
}
.link-docs,.link-docs:hover,.link-docs:active{
	display: block;
	color: #408f44;
	margin-bottom: 5px;
    width: 350px;
}
.second-form li{
	width: 100%;
	display: inline-block;
}
.mh-60{
	min-height: 60px;
}
.ht-90 {
    min-height: 90px;
}
.softFields input {
    margin-bottom: 10px;
}
.template-popUp::after, .template-popUp::before {
	left: 26%;
}
.add-link-form li > .chk-bx {
    display: block;
    margin-left: 90px;
    width: 100%;
	color: #7d7c7c;
    font-size: 12px;
    font-weight: 300;
}
.chk-bx > input {
    width: 0;
}
.form-information a {
    color: #408f44;
	font-size: 14px;
	font-weight: 400;
}
.my-task-box .primary-button{
	padding: 1px 11px;
	margin-right: 5px;
}
.event-info, .calender-leave{
	background: #f6f6f6;
    border: 1px solid #b1b1b1;
    border-radius: 4px;
    bottom: 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    padding: 5px;
    position: absolute;
    right: 5px;
    width: 303px;
}
.calender-leave{
	padding: 10px;
	height: 235px;
}
.calender-leave textarea{
	border: 1px solid #d3d3d3;
    border-radius: 4px;
	height: 88px;
	resize: none;
	margin: 10px 0;
	padding: 5px;
	width: 100%;
}
.cal-close {
    position: absolute;
    right: -6px;
    top: -13px;
}
.calender-leave li:first-child{
	border-top: transparent;
}
.calender-leave li:last-child{
	border-bottom: transparent;
}
.calender-leave li{
	border-top: 1px solid #fcfcfc;
	border-bottom: 1px solid #e6e6e6;
	margin: 0;
	padding: 5px 0;
	list-style: none;
}
.calender-leave .primary-button{
	padding: 1px 15px;
}
.calender-leave h4{
	color: #4e4d4d;
	font-weight: 600;
}
.leave-sec{
	display: inline-block;
    margin: 10px 0 0;
    width: 100%;
}
.calender-leave span{
	font-size: 12px;
	font-weight: 400;
}
.event-info:after, .event-info:before {
	bottom: 100%;
	left: 20%;
	border: transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.event-info:after {
	border-color: rgba(248, 247, 247, 0);
	border-bottom-color: #f8f7f7;
	border-width: 8px;
	margin-left: -8px;
}
.event-info:before {
	border-color: rgba(177, 177, 177, 0);
	border-bottom-color: #b1b1b1;
	border-width: 9px;
	margin-left: -9px;
}
.event-info span, .event-info p {
    color: #424141;
    font-size: 12px;
    font-weight: 400;
}
.tertiary {
    background: #cfcccc;
    border: 0 none;
    border-radius: 15px;
    padding: 1px 10px;
	margin-right: 5px;
	font-size: 12px;
	font-weight: 400;
}
.event-info p{
	border-bottom: 1px solid #e6e6e6;
	padding: 0 0 5px;
	margin-bottom: 0;
}
.buttons{
	padding: 5px 0 0;
	border-top: 1px solid #fbfbfb;
}
.doc-list{
	margin: 5px 0;
}
.table-info .glyphicon{
	margin: 0 5px;
}
.glyphicon-remove .book{
	font-size: 10px;
	color: #ff0000;
	font-weight: 300;
    margin-left: 6px;
}
.glyphicon-remove{
	font-size: 10px;
	color: #ff0000;
	font-weight: 300;
}
.input_software_user{
	margin-top: 10px;
}
.cand-info{
	color: #5a5a5a;
    font-size: 14px;
    font-weight: 400;
	margin-left: 150px;
}
.form-information input[type="file"]{
	display: inline-block;
}
.glyphicon{
	color: #757575;
}
.mt-10 {
    margin-top: 10px;
}
.icn-btn a {
    display: inline-block;
}
.icn-btn .upload-btn{
	margin: 15px 0 0 15px;
}
.modal-body {
    display: inline-block;
    width: 100%;
}
.icon-modal .btn-group.bootstrap-select.common-select {
    border: 1px solid #ddd;
    width: 100%;
}
.icon-modal .common-select .btn:hover{
	color: #000;
}
.icon-modal .common-select .btn:active{
	outline: none medium;
}
.icon-modal h3,.icon-modal h2{
	color: #db9700;
}
.icon-modal h5{
	color: #000;
	font-weight: 600;
	margin-left: 10px;
}
.icon-modal p{
	font-size: 12px;
}
.icn-mdl .upload-btn{
	margin: 15px 0 0 0;
}
.icn-mdl .btn-default{
	border: 1px solid #febd2c;
    color: #febd2c;
    display: block;
    font-size: 18px;
    font-weight: 400;
    margin: 15px 0 0 0;
    padding: 5px 15px;
    text-align: center;
}
.icn-mdl .btn-default:hover{
    background: #f9bd39;
    color: #fff;
}
.icon-style{
	margin-top: 25px;
	text-align: center;
}
.icon-style .input-group{
	display: inline-block;
	margin-top: 10px;
}
.icon-style label{
	margin: 10px 0;
	font-weight: 400;
}
.modal-body input[type="text"]{
	padding: 7px 10px;
}
.icon-modal .close{
	font-size: 30px;
}
.icon-modal .modal-footer{
	margin: 0 15px;
}
.icon-modal .modal-header{
	margin: 0 15px;
}
.download-head h2{
	font-weight: 600;
	padding-left: 0;
	margin-bottom: 0;
}
.icon-modal h4{
	color: #000;
	margin: 10px 0;
}
.download-modal  h5{
	margin-bottom: 15px;
}
.download-all{
	display: block;
	text-align: left;
	font-size: 30px;
}
.download-all .glyphicon-circle-arrow-down{
	margin-left: 15px;
}
.download-mid h4{
	color: #000;
	font-weight: 600;
}
.download-all .download-btn{
	display: inline-block;
}
.wt-145{
	width: 172px;
}
.wt-180{
	width: 180px;
}
.wt-160{
	width: 160px;
}
.proj-btm .secondary-button{
	margin-left: 5px;
}
.h315{
	height: 315px;
}
.head-btn{
	background: #f8f8f8; /* Old browsers */
	background: -moz-linear-gradient(top, #f8f8f8 0%, #f7f7f7 18%, #f4f3f3 45%, #f2f1f1 51%, #efeeee 83%, #edecec 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(18%,#f7f7f7), color-stop(45%,#f4f3f3), color-stop(51%,#f2f1f1), color-stop(83%,#efeeee), color-stop(100%,#edecec)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f8f8f8 0%,#f7f7f7 18%,#f4f3f3 45%,#f2f1f1 51%,#efeeee 83%,#edecec 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f8f8f8 0%,#f7f7f7 18%,#f4f3f3 45%,#f2f1f1 51%,#efeeee 83%,#edecec 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f8f8f8 0%,#f7f7f7 18%,#f4f3f3 45%,#f2f1f1 51%,#efeeee 83%,#edecec 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f8f8f8 0%,#f7f7f7 18%,#f4f3f3 45%,#f2f1f1 51%,#efeeee 83%,#edecec 100%); /* W3C */
	display: inline-block;
	border-radius: 4px;
	padding: 5px 15px;
	border-top: 1px solid #fff;
	font-weight: 400;
	width: 100%;
}
.add-link-form input[type="number"] {
    border: 1px solid #dddcdc;
    padding: 5px;
    width: 85px;
}
.add-link-form li > .wt-60 {
    font-size: 12px;
    font-weight: 300;
    width: 160px;
	color: #7d7c7c;
	margin-bottom: 0;
	padding: 5px 0;
}
.wt-60 input[type="checkbox"]{
	margin: 5px;
	float: left;
}
.created{
	font-size: 12px;
    font-weight: 300;
    padding: 5px 10px;
	color: #7d7c7c;
}
.wt-60 > span{
	float: left;
	margin: 4px 0px 0px;
}
.max-200 .list-docs{
	max-width: 200px;
}
.list-docs{
	color: #999;
	width: 90%;

	list-style:decimal;
	margin-bottom: 15px;
}
.list-docs a{
	color: #408f44;
font-size: 14px;
font-weight: 400;
display: block;
width: 100%;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all;
padding-right: 5px;
}
.doc-list .remove-icon{
	background-position: 0 5px;
    display: inline-block;
    margin-left: 20px;
    width: 20px;
}
.doc-span {
    font-size: 14px;
    font-weight: 400;
}
.calFrom {
    background: #f6f6f6 none repeat scroll 0 0;
}
.calender-leave .fromTo{
	border: 1px solid #d3d3d3;
}
.dateBox {
    border-bottom: 1px solid #e6e6e6;
    padding: 10px 0;
}
.right-shadow:before, .right-shadow-top:after{
	background: url("../images/shadow.png");
	content: "";
    position: absolute;
	right: 0;
	width: 5px;
    z-index: 100;
}
.right-shadow-top:after{
	background-position: 0 0;
    height: 53px;
    top: -5px;
	right: -8px;
}
.right-shadow:before{
	background-position: 5px 0;
    height: 526px;
    top: -15px;
}
.form-head-section ul {
    display: inline-block;
}
.mb-0{
	margin-bottom: 0;
}
.table .remove-icon {
    background-position: 0 5px;
}
.wd-100 {
	width: 100px;
}
.wd-60 {
	width: 60px;
}
.wd-40 {
	width: 40px;
}
.wd-75 {
	width: 75px;
}
.center{
	text-align: center;
}
.sal-head .btn.active.focus, .sal-head .btn.active:focus, .sal-head .btn.focus, .sal-head .btn.focus:active, .sal-head  .btn:active:focus, .sal-head .btn:focus{
	background: transparent;
	outline: none medium;
}
.sal-head .btn-default.active, .sal-head .btn-default.focus, .sal-head .btn-default:active, .sal-head .btn-default:focus, .sal-head .btn-default:hover, .sal-head .open > .dropdown-toggle.btn-default{
	background: transparent;
    box-shadow: none;
    outline: medium none;
}
.sal-head .dropdown-menu li{
	margin: 0;
	width: 100%;
}
.sal-head .dropdown-menu li a{
	font-size: 14px;
}
.sal-head .dropdown-menu span{
	color: #333;
	font-size: 14px;
}
.sal-head .common-select{
	margin: 5px 0 0;
}
.sal-head .common-select .filter-option{
	font-size: 14px;
	font-weight: 400;
}
.table tr td input[type="text"]{
	padding: 3px;
	border: 1px solid #dddcdc;
}
.inner-middle .form-group{
	margin-left: 0;
}
.login-form .intranet-form li .form-control {
	width:100%;
}
.mt-15 {
	margin-top:15px;
}
.mr--15 {
	margin-right:-15px;
}
.mr--5 {
	margin-right:-5px;
}
.txt-r {
	text-align:right;
}
.required {
	color: #fe0000;
}
#documents input[type="file"]{
 display: inline-block;
}
.wt-150{
 width: 150px;
}
.form-control{
 padding: 6px
}
.form-control, .tab-content .btn, .tab-content .dropdown-menu > li > a{
 padding: 6px 10px;
}

.sal-head > #downloadlist{
 display: inline-block;
}
.btn-group.bootstrap-select.common-select {
    margin-top: 0;
}
.mt-5{
 margin-top: 5px;
}

.header-fixed {
    position: fixed;
    top: 0px; display:none;
    background-color:white;
}
#display-error
{
	width: 350px;
	border: 1px solid #D8D8D8;
	padding: 5px; border-radius: 5px;
	text-transform: uppercase;
	background-color: rgb(255, 249, 242);
	color: rgb(211, 0, 0);
	text-align: center;
	margin:0 auto 20px;
 }

 #display-success
 {
	width: 400px;
	border: 1px solid #D8D8D8;
	padding: 5px; border-radius: 5px;
	text-transform: uppercase;
	background-color: rgb(236, 255, 216);
	color: green;
	text-align: center;
	margin: 20px 20px 20px 10px;
}
#cand_review
{
	width: 395px;
}
.mb0
{
	margin-bottom:0px;
}
.reference-tab li {
    padding: 5px 0;
}
.left-panel-click .nav-tabs li.active span {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-color: transparent;
    color: #0599a5;
    font-weight: 400;
}
.nav-stacked span {
    display: block;
    padding: 10px;
}
.new-document-div {
    float: left;
    margin: 0 10px 15px 0;
    text-align: left;
    width: 80px;
}
.document-div a{
	display: block;
}
.template-documents1 img {
    border: 1px solid #777;
    height: 80px;
    width: 120px;
}
.template-documents img {
    height: auto;
    width: auto;
}
.dropdown-menu li a{
	padding: 5px 10px;
}
.node img {
    max-height: 100%;
    max-width: 100%;
}
.node h2{
	padding: 0;
	margin-top: 10px!important;
}
.tab-content {
    display: inline-block;
    padding: 20px 0 0;
    width: 100%;
}
.documents {
	background-image: url("../images/documents.png");
    background-repeat: no-repeat;
    border: 0 none;
    display: inline-block;
    height: 44px;
    padding: 2px;
    width: 44px;
}
.pdf{
	background-position: 0 0;
}
.ppt{
	background-position: 0 -54px;
}
.doc{
	background-position: 0 -109px;
}
.download-files{
	background-image: url("../images/download.png");
    background-position: 2px 0;
    background-repeat: no-repeat;
    background-size: 20px auto;
    border: 0 none;
    height: 23px;
    width: 23px;
	display: inline-block;


}
.candidate_name {
    white-space: nowrap;
    width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
	display: block;
}
.mb5{
	margin-bottom: 5px;
}
/* checkbox */
.checkbox {
    display: inline-block;
    margin: 0;
  /*width: 20px;*/
}
.checkbox label {
    display: inline-block;
    cursor: pointer;
    padding-right: 25px;
    margin-right: 15px;
    font-size: 13px;
	padding-left: 0;
}
.checkbox  label::before {
    border: 1px solid #057078;
    bottom: 1px;
    content: "";
    display: inline-block;
    height: 14px;
    margin-right: 10px;
    position: absolute;
    right: 0;
    width: 14px;
}
.checkbox input[type=checkbox]:checked + label:before {
    content: "\2713";
    color: #057078;
    font-size: 13px;
    font-weight: 300;
    line-height: 10px;
    text-align: right;
}
.radio input[type=radio],
.checkbox input[type=checkbox],
.remember-me input[type=checkbox] {
    display: none;
}
.radio label:before {
    border-radius: 8px;
}
.radio input[type=radio]:checked + label:before {
    content: "\2022";
	color: #3faab2;
    font-size: 26px;
    line-height: 12px;
    text-align: center;
}
.radio  label::before {
    border: 1px solid #3faab2;
    bottom: 1px;
    content: "";
    display: inline-block;
    height: 14px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    top: 2px;
    width: 14px;
}
.radio label {
    display: inline-block;
    cursor: pointer;
    font-size: 13px;
}
.checkbox, .radio{
	margin: 0;
}
.remember-me label::before {
	border: 1px solid #a7a7a7;
    bottom: 1px;
    content: "";
    height: 14px;
    left: 0;
    position: absolute;
    top: 7px;
    width: 14px;
}
.remember-me, .radio label, .checkbox label  {
    position: relative;
}
.rememberlogin{
	padding-left: 20px;
}
.remember-me input[type=checkbox]:checked + label:before {
    content: "\2713";
    color: #a7a7a7;
    font-size: 13px;
    font-weight: 300;
    line-height: 10px;
    text-align: right;
}
.login-form input:-webkit-autofill,
.login-form input:-webkit-autofill:hover,
.login-form input:-webkit-autofill:focus,
.login-form input:-webkit-autofill:active {
	transition: background-color 600s ease-in-out 0s;
}

.portfolio-link {
 color:#408f44;
}
/* dropdown the starting css  */
li{
	list-style: none;
}
.filter-dropdown{
	position: relative;
	display: inline-block;
}
.filter-dropdown .dropdown-toggle {
    background: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, .2);
    padding: 5px 15px;
    position: relative;
    z-index: 6060;
}
.filter-dropdown.open .dropdown-toggle {
	border: 1px solid #ccc;
	border-bottom: 1px solid rgba(0, 0, 0, 0);
	background: #fff;
}
.filter-dropdown .dropdown-menu{
	left: auto;
    margin: 0;
    max-width: 900px;
	min-width: 900px;
    padding: 10px 0 0;
    top: 30px;
    width: 100%;
    z-index: 1010;
}
.filter-listing {
    border-right: 1px solid #f0f0f0;
	margin-top: 20px;
}
.col-md-4 .filter-listing:last-child {
	border-right: 0;
}
.filter-listing h5 {
    color: #333;
    font-size: 14px;
    margin: 0 0 15px;
	font-weight: 600;
}
.dropdown-footer{
	background: #f2f2f2;
	padding: 20px 15px;
	margin-top: 25px;
	border-top: 1px solid #dedede;
}
/* tree */
.parent-group li {
    list-style: outside none none;
}
.parent-group {
    padding: 0;
}
.filter-listing .checkbox label{
	padding: 0 0 0 25px;

}
.filter-listing .checkbox label::before{
	left: 0;
	top: 0;
}
.filter-listing li{
	display: inline-block;
    width: 100%;
}
.datepicker.dropdown-menu{
	z-index: 999999!important;
}

.search-panel .form-control {
	min-width: 250px;
}
.search-panel{
	margin: 15px 0;
}
.content {
    box-sizing: border-box;
    height: 220px;
    overflow: auto;
    position: relative;
    width: 97%;
}
.btn-tertiary {
	margin-bottom: 15px;
	padding: 10px;
}
.applierFilters {
	padding: 10px 0 5px;
	overflow: hidden;
	margin: 0px ;
	border-bottom: 0px solid #dedede;
}
/*.applierFilters span {
	background: #fff;
	padding: 2px 10px;
	border: 1px solid #dedede;
	margin: 0 5px;
	display: inline;
	font-size: 12px;
}*/
.applierFilters span {
	background: #fff;
	border: 1px solid #4485f6;
	margin: 5px 5px;
	display: inline-block;
	font-size: 12px;
	padding:5px;
}
.applierFilters span i {
	font-size: 14px;
	color: #757575;
	font-style: normal;
	cursor:pointer;
	margin: 0 0 0 5px;
}
.btn {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
a.primary_button,
a.primary_button:focus,
a.primary_button:active,
a.primary_button:hover {
	color: #000 !important;
	/*margin-right: 15px;*/
}
.form-inline .checkbox label, .form-inline .radio label {
	padding-left: 20px;
}
.left-side{ margin-left:20px;}
.line{
border-bottom: 1px solid #dedede;
border-top: 1px solid #dedede;
margin: 7px 0;
}
.buttonText{
	padding-left:5px;
	}
.candidate_profile_link,.candidate_profile_link:hover,.candidate_profile_link:focus,candidate_profile_link:active{
color:#2874f0;

}
.candidate_profile_link:hover{
text-decoration:underline;
}

.table.table-hover a {
    color: #00b1bf;
}
/*Css add on 16-01-2017*/
.no-border { border:0 !important;}
.applierFilters span:hover{
  background: #fff none repeat scroll 0 0;
    border: 1px solid #FF0000;
    display: inline-block;
    font-size: 12px;
    margin: 5px 5px;
    padding: 5px;
}
.clearall{ color:#39f;}
.red-colour { color:red; margin-left:150px;}
/*Css add on 26-05-2017*/
.checkbox.custom-checkbox label::before {
    position: relative;
    right: 0;
    top: 2px;
}
.checkbox.custom-checkbox input[type="checkbox"]:checked + label::before {
    font-size: 9px;
    line-height: 14px;
    position: relative;
    text-align: center;
    top: -1px;
}
.fw-600{
    font-weight: 600;
}
.pd-0{
    padding:0 !important;
}
.white-box .imgContainer{
	width: 100%;
margin: 10px 0 0;
height: 40px;
}
.white-box .imgContainer a{
    width: 30px;
    margin-right: 10px;
    float: left;
    overflow: hidden;
}
.imgContainer.width-150 img{
    width:80px !important;
    padding:0;
}
.white-box .imgContainer img{
	width:100% !important;
    padding:0;
}
.white-box .imgContainer div.projName{
    width: 70%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
}

.text {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   line-height: 16px;     /* fallback */
   max-height:53px;      /* fallback */
   -webkit-line-clamp: 2; /* number of lines to show */
   -webkit-box-orient: vertical;
}
.white-box{
	transition:all .3s;
}
.white-box-outer:hover{
	/*transform: scale(1.1,1.1);*/
	box-shadow: 0 15px 15px rgba(0,0,0,.1);
	z-index: 1;
top:-5px;
}
.white-box.white-box-outer.row{
	margin:15px 0;
}
.prefixHead{
	font-weight:300;
	color:#666;
}
.project-details h5{
	color: #000;
	margin: 0;
	font-weight:600;
font-size:12px;
line-height:normal
}
.project-details h5 span{
float:left;
/*margin-bottom:15px;*/
}
.project-details h5 span:first-child{
width:100%;
}


.project-details {
/* border-top:1px solid #e5e5e5; */
overflow: hidden;
background:none !important;
}
.projectTags span{
	font-size: 10px;
	float: left;
	width: auto !important;
	font-weight: 300;
	margin-right: 10px;
	padding: 2px 2px;
	margin-bottom: 5px !important;
	border-radius: 2px;
	color:#777;
	position: relative;
	padding-left: 5px;
}
.projectTags span:before{
	content: '';
	width: 3px;
	height: 3px;
	background: #333;
	position: absolute;
	left: 0;
	border-radius: 100%;
	margin-top: 6px;
}
.linkIcon{
    margin: 18px 0 0;
    height: 40px;
    font-size: 20px;
    }
.htmlLinkIcon{
position: absolute;
    top: 5px;
    right: 0;
    padding: 0 10px;
    background: #E3F2FD;
    line-height: 20px;
    margin-right: 25px;
    border: 2px solid #FFF;
    box-shadow: 0 1px 10px rgba(0,0,0,.1);
    border-radius: 4px;
    transition:all .3s;
}
.projFilter{
    float: left;
    margin-left:10px;
}
.projFilter .dropdown-menu{
    left: 0 !important;
}
.htmlLinkIcon a span{
    color:#2196F3 !important;
}
.htmlLinkIcon:hover{
    background: #fff;
    box-shadow: 0 0 0 transparent;

}
.linkIcon .glyphicon, .htmlLinkIcon .glyphicon{
    color: #487DA7;
}
.all-project .dropdown-menu{
	right:0 !important;
max-width:300px !important;
min-width:700px !important;
}
.chkboxPanel{
display:inline-block;
width:490px;
}
.mt-15{
margin-top:15px;
}
.mb-15{
margin-bottom:15px;
}
.addMorePanel{
	border: 2px dotted #ccc;
	color: #999;
	cursor: pointer;
	font-size: 30px;
	font-weight: lighter;
	line-height:150px;
	text-align: center;
}
.casestudysearch{     background: #fff none repeat scroll 0 0;
    margin-top: 34px;
    position: absolute;
    width: 20%;
    z-index: 9999;}

.casestudysearch li{
	padding:10px;
border-bottom:1px solid #e5e5e5;
}
.left-class { float:left;}
.classadd { padding-left:5px;}
.live {
color: #000;
font-size: 10px;
   font-weight: 600;

}
.bot-border{
	border-bottom:1px dotted rgba(0,0,0,.2);
}
.mt-20{
margin-bottom:10px;
}
.pb-10{
	padding-bottom:10px;
}
.wg-400{
	font-weight:400;
}

.namesuggestion {
  background: #fff none repeat scroll 0 0;
    margin-top: 0;
    position: absolute;
    width: 80%;
    z-index: 9999;
padding-left:5px;}

.namesuggestion li{
  padding: 5px;
  margin: 0;
}
.namesuggestion li a span{
    color: #333;
    margin-right: 10px;
}
.namesuggestion li a span.hint_name{
    font-weight: 600;
    margin-right: 5px;
}
.namesuggestion li a span.hint_position{
    font-weight: 500;
    color: #8e8e8e;
    font-size: 10px;
    background: rgba(0,0,0,.04);
    padding: 4px 10px;
    border-radius: 50px;
}
.namesuggestion li a span.hint_sts{
    font-weight: 500;
    font-size: 10px;
}
.namesuggestion li a span.hint_dt{
    font-weight: 500;
    font-size: 10px;
}
.img-3{

	margin-bottom: 7px;
    max-width: 100%;
}
.img-2{

	margin-bottom: 30px;
    max-width: 100%;
}
.mxw-900 {  margin: 30px auto;
    width: 100% !important;}
.msg {
 background-image: url("../images/default.gif");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 50px auto;
    height: 100px;
    width: 100%;
display:none;
}
/*CODE ADD FOR VENDOR PAGE*/

.books-lib img{
    display: inline-block;
    vertical-align: top;
}
.books-lib ul{
    display: inline-block;
    margin-left: 20px;
}
.books-lib ul li{
    color: #000;

}
.books-lib ul li span{
    color: #666;
}
.books-lib ul li span, .green, .orange, .grey{
    text-transform: uppercase;
    font-size: 12px;
}
.green{
    color:  #27ae60;
}
.orange{
    color:  #f39c12;
}
.grey{
    color: #999;
}
.greyText{
    color: #999;
    font-size: 14px!important;
}
.popup h4{
    color: #000;
}
#thankYou{
    display: none;
}
.modal-header{
    border: 0;
    padding: 25px 25px 15px;
}
.modal-footer{
    border: 0;
    padding: 15px 25px 25px;
}
.modal-body{
    padding: 0 25px;
}
.modal-footer .checkbox label:before {
    display: none;
}
.modal-footer .checkbox input[type="checkbox"]{
    display: block;
}
.beatpicker-clearButton, .beatpicker .footer{
    display: none!important;
}
.books-lib input[type="text"] {
    margin-right: 10px;
    width: 90px;
    padding: 3px 7px!important;
}
.modal-footer .checkbox {
    margin-left: 20px;
    margin-top: 7px;
}
.beatpicker-inputnode{
    background-position: 95% center!important;
}
.beatpicker{
    font-size: 12px!important;
    border-bottom: 0!important;
    box-shadow: none!important;
}
.beatpicker li.cell{
    width:12%!important;
}
.pdlr-15{
    padding-left: 15px;
    padding-right: 15px;
}
ol{
    padding-left: 15px;
}
ol li{
    list-style: inherit;
}
.modal-sm{
    width: 500px;
}

/* END CSS ADD BY YOGESH*/

.rejected{ background-color:#fdedec;}
.in_progress{background-color:#ffffcc;}
.on_hold{background-color: #bdc3c7;}
.drop{background-color:#ddc3c7 ;}
.selected{background-color:#eafaf1;}
.offer-made{background-color:#deeaee;}
.offer-accepted{background-color:#b1cbbb;}
.offer-withdrawn{background-color:#92a8d1;}



.drop_rectangle {
width: 200px;
height: 15px;
background: #ddc3c7;
margin-left: 150px;
}
.rejected_rectangle {
 width: 200px;
height: 20px;
background: #fdedec;
margin-left: 150px;
}
.selected_rectangle{
width: 200px;
height: 20px;
background: #eafaf1;
margin-left: 150px;
}
.on_hold_rectangle{
width: 200px;
height: 20px;
background: #bdc3c7;
margin-left: 150px;
}
.in_progress_rectangle{
width: 200px;
height: 20px;
background: #ffffcc;
margin-left: 150px;
}

.recumentlist > tbody > tr.drop {
   border-top: 2px solid #cfcfc9 !important;
border-bottom: 2px solid #cfcfc9!important;

}
.recumentlist > tbody > tr.in_progress {
    border-top: 2px solid #cfcfc9 !important;
    border-bottom: 2px solid #cfcfc9 !important;

}
.recumentlist > tbody > tr.selected {
    border-top: 2px solid #cfcfc9 !important;
    border-bottom: 2px solid #cfcfc9 !important;

}
.recumentlist > tbody > tr.on_hold {
    border-top: 2px solid #cfcfc9 !important;
    border-bottom: 2px solid #cfcfc9 !important;

}
.recumentlist > tbody > tr.rejected {
    border-top: 2px solid #cfcfc9 !important;
    border-bottom: 2px solid #cfcfc9 !important;

}
.recumentlist > tbody > tr.in_progress:hover {
    border-top: 2px solid #74706d !important;
    border-bottom: 2px solid #74706d !important;
    background-color:none!important;
}
.recumentlist > tbody > tr.drop:hover {
   border-top:  2px solid #74706d !important;
   border-bottom: 2px solid #74706d !important;
    background-color:none!important;
}
.recumentlist > tbody > tr.selected:hover {
    border-top: 2px solid #74706d !important;
    border-bottom: 2px solid #74706d!important;
    background-color:none!important;
}
.recumentlist > tbody > tr.rejected:hover {
    border-top: 2px solid #74706d !important;
    border-bottom: 2px solid #74706d!important;
     background-color:none!important;

}
.recumentlist > tbody > tr.on_hold:hover {
    border-top: 2px solid #74706d !important;
    border-bottom: 2px solid #74706d!important;
     background-color:none!important;

}
.recumentlist > tbody > tr:hover {
      background-color:none!important;

}
.pdlr-0{
    padding-right: 0;
    padding-left: 0;
}
.pdlr-1 {
    padding-left:20px;

}
.pdlr-1-1{

      padding-left:20px;
}

/*CODE ADD BY YOGESH 16022018 */

/*Books*/
.books-lib img{
    display: inline-block;
    vertical-align: top;
}
.books-lib ul{
    display: inline-block;
    margin-left: 20px;
    float: left;
    width: auto;
    max-width: 200px;
}
.books-lib ul li{
    color: #000;

}
.books-lib ul li span{
    color: #666;
}
.green, .orange, .grey{
    text-transform: uppercase;
    font-size: 12px;
}
.bookImg{
    float: left;
    min-height: 42px;
    min-width: 42px;
    max-width: 42px;
    max-height: 42px;
}
.green{
    color:  #27ae60;
}
.orange{
    color:  #f39c12;
}
.grey{
    color: #999;
}
.greyText{
    color: #999;
    font-size: 14px!important;
}
.popup h4{
    color: #000;
}
#thankYou{
    display: none;
}
.modal-header{
    border: 0;
    padding: 25px 25px 15px;
}
.modal-footer{
    border: 0;
    padding: 15px 25px 25px;
}
.modal-body{
    padding: 0 25px;
}

.modal-footer .checkbox label:before {
    display: none;
}
.modal-footer .checkbox input[type="checkbox"]{
    display: block;
}
.beatpicker-clearButton, .beatpicker .footer{
    display: none!important;
}
.books-lib input[type="text"] {
    margin-right: 10px;
    width: 90px;
    padding: 3px 7px!important;
}
.modal-footer .checkbox {
    margin-left: 20px;
    margin-top: 7px;
}
.beatpicker-inputnode{
    background-position: 95% center!important;
}
.beatpicker{
    font-size: 12px!important;
    border-bottom: 0!important;
    box-shadow: none!important;
}
.beatpicker li.cell{
    width:12%!important;
}
.pdlr-15{
    padding-left: 15px;
    padding-right: 15px;
}
ol{
    padding-left: 15px;
}
ol li{
    list-style: inherit;
    padding: 5px 0;
    margin-bottom: 5px;
}
.modal-sm{
    width: 500px;
}
.subTab{
    margin-top: 20px;
}
.subTab li{
    display: inline-block;
}
.subTab li a{
    font-size: 16px;
    padding: 5px 10px;
    color: #02aebe;
    display: inline-block;
}
.subTab li:hover a, .subTab li.active a{
    background: #02aebe;
    color: #fff;
}
.mb-0{
    margin-bottom: 0;
}
.pdt-0{
    padding-top: 0px !important;
}
.pdt-8{
    padding-top: 8px !important;
}
.addbook{
    font-weight: 600;
    cursor: pointer;
    float: left;
    margin-top: 7px;
    padding-left: 9px;
}
.addbook .glyphicon{
    color: #000;
    margin-right: 5px;
}
.modal-body input[type="file"]{
    margin-top: 7px;
}
.modal-body .form-control{
    border-radius: 0;
    box-shadow: none;
}

.modal-body select option
{
    color: #000;
}
.modal-body .placeholder
{
    color: #999;
}
.file {
  visibility: hidden;
  position: absolute;
}
.formFooter{
    padding: 15px 25px 20px;
    text-align: right;
}
.form-group:last-child{
    margin-bottom: 0;
}

.file-type{
    position: relative;
    width: 22px;
    height: 24px;
}
.file-type:after{
    position: absolute;
    top:0;
    left: 0;
    content: "";
    width: 22px;
    height: 24px;
    background: url('../images/references-icons.png') no-repeat top left;
}
.doc-icon:after{
    background-position: top left;
}
.xls-icon:after{
    background-position: -25px top;
}
.ppt-icon:after{
    background-position: -50px top;
}
.zip-icon:after{
    background-position: top right;
}
.link-icon:after{
    position: absolute;
    top:0!important;
    left: 0;
    content: "";
    width: 16px;
    height: 16px;
    background: url('../images/link-icon.png') no-repeat top left;
    background-size: cover;
    margin-top: 3px;
}
.extraPadding tr td{
    padding-top: 15px!important;
    padding-bottom: 15px!important;
}
.active .arrow_box::after, .form-head-section li a:hover:after  {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: rgba(248, 246, 246, 0) rgba(248, 246, 246, 0) #f8f6f6;
    border-image: none;
    border-style: solid;
    border-width: 8px;
    bottom: -6px;
    content: " ";
    height: 0;
    left: 50%;
    margin-left: 10px;
    pointer-events: none;
    position: absolute;
    width: 0;
}

.search-panel h3{
    margin-bottom: 0;
    line-height: 34px;
}
/*Replace it with current*/
.search-panel h3{
    margin-bottom: 0;
    line-height: 34px;
}
/*Dashboard*/
.index-box{
    background:#f7f7f7;
    padding: 20px 5px;
    color: #8f9498;
}
.index-box p{
    /* color: #8f9498; */
    color: #64686b;
}
.index-box a{
    color: #00afbf;
}
.grey-bg{
  background-color: #f2f1f1;
  border: solid 1px #e4e4e4;
  padding: 20px;
  margin-bottom: 25px;
  overflow: auto;
}
.yellow-bg{
  background-color: #FFF5DE;
  border: solid 1px #e4e4e4;
  padding: 20px;
  margin-bottom: 20px;
}
.index-box h5, .block-dropdown h5{
    /* color: #8f9498; */
    color: #5f6163;
    font-weight: 600;
    margin-bottom: 10px;
}
.yellow-bg h5 {
    color: #000000;
    font-weight: 600;
    margin-bottom: 10px;
}
.index-box ul{
    padding-left: 7px;
}
.index-box ul li, .updatedOn{
    position: relative;
}
.index-box ul li:before{
    position: absolute;
    top:-7px;
    left:-7px;
    content: ".";
    font-size: 16px;
}
.highlights .media{
    padding-left: 35px;
    margin-top: 0;
}
.highlights .media-left, .highlights .media > .pull-left{
    padding-right: 25px;
}
.media-heading{
  font-weight: 300;
  color: #4a4a4a;
}
.media-body{
    color: #8f9498;
    font-size: 12px;
}
.media-object{
    border-radius: 100%;
}
.dark-grey-heading h5{
    color: #707579;
    margin-bottom: 5px;
}
.dark-grey-heading p, .dark-grey-heading ul li, .upcoming-blobk p{
    font-size: 12px;
}
.updatedOn{
    font-size: 10px;
    color: #8f9498;
    padding-left: 10px;
    position: relative;
    margin-left: 20px;
    /* color: #8f9498; */
    color: #64686b;
    display: block;
    text-transform: capitalize;
}
/*
.updatedOn:before{
    position: absolute;
    top:-14px;
    left:0px;
    content: ".";
    font-size: 20px;
    color: #c9c9c9;
}
*/
.documentsList{
    /* margin-bottom: 15px; */
    margin: 12px 0;
    display: block;
    text-transform: capitalize;
}
.documentsList a{
    color: #00afbf;
}
.documentsList:last-child{
    margin-bottom: 0px;
}
.documentsList div:first-child{
    float: left;
 }
.documentsList .file-type{
    float: left;
    margin-right: 10px;
    margin-top: 8px;
}
.documentsList .file-type:after {
    top:-4px;
}
.mt20{
    margin-top: 20px;
}
#ucdModal .modal-lg, #ucdModal img{
    width: 100%!important;
}
#orgModaldash .modal-lg, #orgModaldash , img{
    width: 100%!important;
}
#instructions img{
    width: 100%!important;
}
#keyresultModaldash .modal-lg, #keyresultModaldash , img{
        width: auto !important;

}
.upcoming-blobk .media-body{
    padding-top: 3px;
    padding-bottom: 5px;
}
.upcoming-blobk .media-body span{
    display: block;
}
.quick-tools-block > ul{
  padding: 0;
}
.quick-tools-block > ul > li:before{
  display:none;
}
.quick-tools-block > ul > li{
  /*width: 78px;*/
  width: 74px;
  height: 74px;
  background-color: #e5e5e5;
  display: inline-block;
  margin-right: 8px;
  margin-bottom: 10px;
  text-align: center;
    padding-top: 12px;
    padding-bottom: 12px;
    cursor: pointer;
}
.quick-tools-block > ul > li:nth-child(3n){
    margin-right: 0;
}
.quick-tools-block > ul > li:nth-child(n+4){
    margin-bottom: 0;
}
.quick-tools-block{
    font-size: 9px;
}
.quick-tools-icon{
    position: relative;
    font-size: 9px;
    display: block;
    margin: 3px auto 0;
    height: 27px;
    margin-bottom: 10px;
}
.quick-tools-icon:after{
    position: absolute;
    top:0;
    left: 0;
    right: 0;
    margin: 0 auto;
    content: "";
    background: url('../images/quick-tools-icon.png') no-repeat bottom left;
    height: 27px;
}
.leave-icon{
    width: 25px;
}
.leave-icon:after{
    width: 25px;
    background-position: -70px bottom;
}
.work-from-home-icon{
    width: 25px;
}
.work-from-home-icon:after{
    width: 25px;
    background-position: -97px bottom;
}
.rise-ticket-icon{
    width: 40px;
}
.rise-ticket-icon:after{
    width: 40px;
    background-position: -123px bottom;
}
.payslips-icon{
    width: 22px;
}
.payslips-icon:after{
    width: 22px;
    background-position: left bottom;
}
.form16-icon{
    width: 22px;
}
.form16-icon:after{
    width: 22px;
    background-position: -25px bottom;
}
.take-backup-icon{
    width: 22px;
}
.take-backup-icon:after{
    width: 22px;
    background-position: -47px bottom;
}
.event-block{
    border: 1px solid #bfbdbd;
    background: #fff;
    display: inline-block;
}
.event-date{
  border-radius: 2px;
  background: #ffefef;
  border-right: solid 1px #dfcfcf;
  display: inline-block;
  padding: 10px 20px;
}
.event-date span{
    display: block;
}
.event-details{
    padding: 10px 20px;
    font-size: 12px;
    display: inline-block;
}
.event-time{
    color: #8f9498;
}
.mb-20{
    margin-bottom: 20px;
}
.pos-r{
    position: relative;
}
.backup-date{
    position: absolute;
    top: 1px;
    right: 5px;
    text-align: right;
    color: #8f9498;
}
.addevent{
    cursor: pointer;
    font-size: 12px;
}
.addevent .glyphicon{
    color: #8f9498;
    margin-right: 2px;
    font-size: 10px;
}
.quick-tools-block .dropdown-menu{
    padding: 5px 0;
    min-width: 350px;
    left: inherit;
    right: 0;
    top:35px;
}
.quick-tools-block .dropdown-menu h5, .quick-tools-block .dropdown-menu .form-group .control-label, .quick-tools-block .radio-inline, .block-dropdown .form-group .control-label, .block-dropdown h5{
    color: #333;
}
.quick-tools-block .dropdown-menu:before{
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    position: absolute;
    top:-7px;
    right:30px;
    content: "";
}
.quick-tools-block .control-label, .quick-tools-block .btn[type="submit"], .quick-tools-block .radio-inline{
    font-size: 12px;
}
.grey-bg .form-control{
    border-radius: 0;
}
.quick-tools-block .btn[type="submit"]{
    padding:5px 10px
}
.m-w-200{
    min-width:200px!important;
}
.w-360{
    width:360px!important;
}
textarea{
    resize: none;
}
.mb-5{
    margin-bottom: 5px!important;
}
.checkbox-inline, .radio-inline{
    font-weight: 300;
}
.quick-tools-block input[type="checkbox"], .quick-tools-block input[type="radio"], .modal-body input[type="checkbox"], .modal-body input[type="radio"]{
    margin-top: 3px;
}
.modal-body .tab-content{
    font-weight: 300;
}
.mt-8{
    margin-top: 8px;
}
.editDiv{
    margin-left: 10px;
}
.showdiv{
    width: 145px;
    float: left;
}
.tabStyle .nav-tabs{
    border-bottom: none;
    background: #f8f8f8;
    padding-left: 10px;
    padding-right: 10px;
}
.tabStyle .nav-tabs > li.active > a, .tabStyle .nav-tabs > li.active > a:focus, .tabStyle .nav-tabs > li.active > a:hover, .tabStyle .nav-tabs > li > a:focus, .tabStyle .nav-tabs > li > a:hover{
    border: none;
    border-bottom: 2px solid #ccc;
    background: none;
}
.tabStyle .nav-tabs > li > a{
    border:none;
    padding-left: 5px;
    padding-right: 5px;
    margin-right: 10px;
}
.nav-tabs > li > a span{
    color: #999;
    font-size: 12px;
}
.pdt-10{
    padding-top: 10px !important;
}
.backup-section .appended-section{
    width: 100%;
    float: left;
    margin-top: 10px;
}
.backup-section .remove-icon, .backup-section .add-icon{
    margin-left: 0;
    margin-top: 12px;
}
.booksFilter .checkbox label:before {
    top:2px;
}
.booksFilter .filterDot{
    position: relative;
}
.booksFilter .filterDot:before {
    position: absolute;
    top:9px;
    right:9px;
    content: '';
    width: 3px;
    height: 3px;
    background:red;
    border-radius: 100%;
}
.mr-5{
    margin-right: 5px;
}
.small-text{
    text-transform: capitalize;
}
.event-block{
    position: relative;
}
.event-block .remove-event{
    position: absolute;
    top:5px;
    right: 5px;
    cursor: pointer;
    line-height: 0;
}
.event-block .remove-event .glyphicon{
    font-size: 8px;
    color: #8f9498;
}
.book-section .table > tbody > tr > td, .book-section .table > tbody > tr > th, .book-section .table > tfoot > tr > td, .book-section .table > tfoot > tr > th, .book-section .table > thead > tr > td, .book-section .table > thead > tr > th{
    padding: 10px 10px;
}
.pdl-15{
    padding-left: 15px;
}
.edit{
    background: url("../images/edit-ico.png") no-repeat top left;
    width: 14px;
    height: 14px;
    cursor: pointer;
}
.edit:hover{
    background: url("../images/edit-ico-hover.png") no-repeat top left;
}
.edit-text{
    color: #797979;
    padding-top: 7px;
}
.pdr-0{
    padding-right: 0;
}
.personal-info .form-group{
    margin-bottom: 5px;
}
.personal-info .ok-btn{
    color: #000;
    cursor: pointer;
}
.personal-info .ok-btn:hover{
    color: #ccc;
}

/*22-1-18*/

.secondary-filter{
    margin-top: 20px;
    margin-left: 15px;
}
.secondary-filter ul{
   display: inline-block;
}
.secondary-filter ul li{
    display: inline-block;
    float: left;
    margin-right: 5px;
}
.filter_button{
    background: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, .2);
    padding: 7px 17px;
}
.filter_button:hover, .filter_button.active.focus, .filter_button.active:focus, .filter_button.focus, .filter_button.focus:active, .filter_button:active:focus, .filter_button:focus, .filter_button:active, .filter_button.active{
    background: #fff;
}
.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open > .dropdown-toggle.btn-default{
    background: #fff;
    border-color: #ccc;
    box-shadow: none;
}
.radio-box{
    background: #fbfbfb;
    border: 1px solid #f1f1f1;
    padding: 10px 15px;
    position: relative;
}
.radio-box .radio-inline{
    padding-top: 0;
}
.radio-box .radio-box-label{
    position: absolute;
    top: -19px;
    left: -1px;
    background: #fbfbfb;
    padding: 3px 10px 0px 10px;
    border-top: 1px solid #f1f1f1;
    border-right: 1px solid #f1f1f1;
    border-left: 1px solid #f1f1f1;
}
.mb-25{
    margin-bottom: 25px;
}
.dropdown-select select{
    position: relative;
}
.dropdown-select select{
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
}
.dropdown-select:after{
  position: absolute;
    top: 14px;
    right: 25px;
    content: '\e252';
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    color: #000;
    font-size: 8px;
}
.block-dropdown{
    padding: 15px;
    min-width: 350px;
    left: inherit;
    right: 0;
    top:57px;
    position: absolute;
    width: 200px;
    min-width: 200px;
    background: #fff;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    z-index: 9;
    display: none;
}
.block-dropdown:before{
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    position: absolute;
    top:-7px;
    right:30px;
    content: "";
}
.block-dropdown h5{
    text-align: left;
}

.tools-drpdown{
    padding: 0!important;
}
.tools-drpdown .show-dropdown-btn{
    padding: 12px 0;
}

/*Replace*/
/*.form-control, .tab-content .btn, .tab-content .dropdown-menu > li > a{
	padding: 6px 10px;
}*/
/*Replace*/

.show-blank-space
{
height: auto;
width: 52px;
float: left;
margin: 11px;
}
.stage-book{
    display: none;
}
.documents-section h3, .search-panel h3{
    color: #000;
    font-size: 16px;
    margin-bottom: 30px;
    font-weight: 600;
}
.table-responsive1 h3 {
    font-size: 16px;
    color: #000;
    padding: 10px 8px;
    display: block;
    clear: both;
    font-weight: 600;
}

.default_value {

font-weight: bold !important;
height: 43px !important;
padding: 11px !important;
background-color: #F5F5F5;
color: black !important;
}

.yuj-nav .navbar-nav li a.default_value {

font-weight: bold !important;
height: 43px !important;
padding: 11px !important;
background-color: #F5F5F5;
color: black !important;
}
.mand_field{
    color: red;

}

.status_pallet{
    min-width:20px;
    height:20px;
    text-align: center;
    border: 1px solid gray;
    border-radius: 10px;
}

.status-group-1{
    background-color: #ffd476;//#fff9f5; // #ffecda;
    margin: 0px;
    padding: 5px 5px 5px 15px;
    border: 1px solid #9d9d9d;
}
.status-group-2{
    background-color: #cff8d6;// #8bc88a;// #f0f9e7;//#e5fbe5;//#e5fbe5 //#cdf3b3;
    margin: 0px;
    padding: 5px 5px 5px 15px;
    border: 1px solid #9d9d9d;//lightgray;
/*    border-left: 0px solid #9d9d9d;//lightgray;*/
}

.status-group-3{
    background-color:lightgray;
    margin: 0px;
    padding: 5px 5px 5px 15px;
    border: 1px solid #9d9d9d;
/*    border-left: 0px solid #9d9d9d;*/
}

#hidden_count { display: none !important;}

    .tabs-left, .tabs-right {
  border-bottom: none;
  padding-top: 2px;
}

.backup_user{
  padding-top: 0px;
}

meter {
  width: 120px;
  height: 20px;
  -webkit-appearance: none;
  border: 1px solid black;
  border-radius: 1px;
         background-image:
    linear-gradient(
      0deg,
      transparent,
      transparent 100%,
      rgba(0,0,0, 1) 100%,
      rgba(0, 0, 0, 1) 0%,

      transparent 99%
    );
}
#meter_item
{
    width: 100%;
}

#scale {
    display: table;
    width: 100%;
    padding: 0px 0px 0px 0px;
    margin: -10px 0px 10px 0px;
    border: 0px 0px 0px 0px;
    text-align: left;
    font-size: 10px;
    font-weight: bold;
}

#scale li {
    width: 10px;
    display: table-cell;
    white-space: nowrap;
    border: 0px solid black;
    padding-right: 3px;
}
meter::-webkit-meter-optimum-value {
    background: red; /* Green */
}

meter::-webkit-meter-bar
{
  background: orange;
}

meter::-moz-meter-bar {
  background: orange;
}
.validationMsg {
  color: red;
}

.leave_availability td{
  padding-left: 5px;
}

#add_leave_Modal,#edit_leave label{
  width : 200px;
}

#add_leave_Modal .modal{
    display: block !important; /* I added this to see the modal, you don't need this */
}

/* Important part */
#add_leave_Modal .modal-dialog{
    overflow-y: initial !important
}
#add_leave_Modal .modal-body{
    height: 600px;
    overflow-y: auto;
}

.user-info{
	color: #000000;
  font-size: 14px;
  font-weight: 400;
  margin-left: 40px;
}

.bookLib.modal {
  text-align: center;
  z-index: 9999;
}

@media screen and (min-width: 768px) {
  .bookLib.modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}

.bookLib .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
.cancel-button{
	border: 0 none;
    border-radius: 15px;
    box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.5), 0 1px 0 rgba(0, 0, 0, 0.5);
    font-size: 14px;
    font-weight: 400;
	margin-right: 5px;
    padding: 5px 15px!important;
}
.cancel-button:hover{
  box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.5), 0 1px 0 rgba(0, 0, 0, 0.5);
}
/* .progress-bar-warning {
  background-color: gray !important;
} */
.progress-bar{
  color:black;
}
.progress-bar-primary { background-color: rgba(255, 255, 255, 0.0) !important; }

.leave_action_form a:hover{
  cursor: pointer;
}
.opening_leave{
  background-color: #C5ECD7;
  color:black;
}
.availed_leave{
  background-color: #FDA720;
  color:black;
}
.remaining_leave{
  background-color: #78B825;
  color:black;
}
.lossofpay_leave{
  background-color: #EF5030;
  color:black;
}
.casual_leave{
    background-color:#93bfff;
     /* #5190ED; */
    color:black;
  }
  .covid_leave{
    background-color:#d1b7e6;
  
    color:black;
  }
  
.backup_users{
  width: 100% !important;
}

.tick-mark-image:before {
    background: url('../images/tick-mark.png') no-repeat;
    width: 24px;
    height: 19px;
    content: "";
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}

.red-cross:before {
    background: url(../images/red-cross.png) no-repeat !important;
    width: 19px;
    height: 19px;
    display: inline-block;
    vertical-align: middle !important;
    content: "";
    margin-right: 10px;
}

.btn.form-information .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){
  width:50%!important;
}
.w-50, .w-50 .btn{
  width: 100%!important;
}
/*CODE ADD FOR  NEW Design Templates */
.inner-middle h2 {
    font-size: 18px;
    color: #303030;
    letter-spacing: -0.09px;
    margin-bottom: 20px;
}

.white-card {
    background: #FFFFFF;
    box-shadow: 0 2px 4px 0 #B0B0B0;
    margin: 0 0px 30px 0;
    padding: 10px 10px;
    position: relative;
    transition: all 0.3s ease;
    text-align: left;
}

.white-card a {
    padding: 0;
    display: block;
}

.white-card-heading {
    font-size: 14px;
    color: #303030;
    letter-spacing: 0;
    margin-bottom: 0;
    padding-right: 65px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 20px;
}

.white-card-body {
    font-size: 12px;
    color: #303030;
    letter-spacing: -0.06px;
    padding: 0px 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.white-card-body .date {
    font-size: 10px;
    color: #808080;
    letter-spacing: 0;
    display: block;
    margin-bottom: 10px;
    padding-right: 65px;
}

.white-card:hover {
    box-shadow: 0 4px 6px 2px #B0B0B0;
}

.white-card:hover .white-card-icons {
    opacity: 1;
}

.white-card-icons {
    position: absolute;
    top: 5px;
    right: 5px;
    opacity: 0;
    transition: all 0.3s ease;
}

.pd-30 {
    padding: 30px;
}

.media-left {
    padding-right: 0;
}

.media-right {
    border-left: 1px solid #DDDDDD;
    padding: 15px 8px;
}

.media-object {
    border-radius: 0;
    height: 20px !important;
    margin-right: 6px;
}

.edit-icon {
    background: url(../images/edit-icon.svg) no-repeat center center;
    width: 30px;
    height: 30px;
    float: left;
    margin-right: 5px;
}

.delete-icon {
    background: url(../images/delete-icon.svg) no-repeat center center;
    width: 30px;
    height: 30px;
    float: left;
}

.mb-10 {
    margin-bottom: 10px;
}

.w-1100 {
    width: 1100px;
}

.pdlr-0 {
    padding-left: 0;
    padding-right: 0;
}

#pdf-modal .modal-content {
    background: transparent;
    box-shadow: none;
    border: 0;
}

.modal-content h2 {
    font-size: 18px;
    color: #303030;
    letter-spacing: -0.09px;
    margin-bottom: 10px;
}

#pdf-modal .modal-header,
#nopreview-modal .modal-header {
    padding: 5px 5px 25px 5px;
}

.modal-header .close {
    border: 0;
    box-shadow: none;
    position: relative;
    opacity: 1;
    width: 24px;
    height: 24px;
}

.modal-header .close:after {
    position: absolute;
    top: 0;
    right: 0;
    content: '';
    background: url(../images/close-icon.svg) no-repeat center center;
    width: 24px;
    height: 24px;
    display: none;
}


.modal-header .close-white:after {
    background: url(../images/close-icon-white.svg) no-repeat center center;
    width: 12px;
    height: 12px;
    top: 0;
}


.blue-btn {
    background: #14A0AE;
    padding: 11px 20px;
    font-size: 18px;
    color: #FFFFFF;
    letter-spacing: -0.09px;
    display: inline-block;
    transition: all 0.3s ease;
    width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.blue-btn:hover,
.blue-btn:focus {
    box-shadow: 0 2px 4px 0 #B0B0B0;
    color: #fff!important;
}

.download {
    position: relative;
    padding-right: 60px;
}

.download:after {
    position: absolute;
    top: 8px;
    right: 20px;
    content: '';
    background: url(../images/download.svg) no-repeat center center;
    width: 28px;
    height: 30px;
}

.w-320 {
    width: 320px;
}

.w-280 {
    width: 280px;
}

.w-280 {
    width: 280px;
}

.modal-content {
    border-radius: 0;
    box-shadow: none;
    border: 0;
}

.modal-backdrop.in {
    opacity: .6;
}

#nopreview-modal .modal-body {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 30px;
}

.grey-text-btn,
.grey-text-btn:hover,
.grey-text-btn:focus {
    font-size: 18px;
    color: #B0B0B0;
    letter-spacing: -0.09px;
    font-weight: 600;
}

.blue-text-btn,
.blue-text-btn:hover,
.blue-text-btn:focus {
    font-size: 18px;
    color: #14A0AE;
    letter-spacing: -0.09px;
    font-weight: 600;
}

.pdt-20 {
    padding-top: 20px;
}

.pdb-15 {
    padding-bottom: 15px;
}

.mr-20 {
    margin-right: 20px;
}


.organiser {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    position: relative;
}

.organiser ul {
    margin: 0px;
}

.organiser ul li {
    color: $grey-color;
    line-height: 1.75;
        width: 130px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
}

.tdInfoTooltip {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 52px;
    margin: 0 auto;
    background: #fff;
    width: 200px;
    color: #333;
    z-index: 1;
    display: inline-block;
    padding: 5px 10px;
    box-shadow: 0 1px 4px 0 rgba(0,
    0,
    0,
    0.2);
    word-break: break-all;
    z-index: 9999;
}

/*.tdInfoTooltip{
    white-space: nowrap;
    text-overflow: inherit;
    display: block;
    width: 200px;
    float: left;
}*/

.tdInfoTooltip ul li {
        white-space: normal;
        display: inline-block;
        width: auto;
}

#nopreview-modal.modal {
  text-align: center;
  z-index: 9999;
}

@media screen and (min-width: 768px) {
  #nopreview-modal.modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}
@media only screen and (max-width: 768px) and (min-width: 320px)
 { 
    .container {     
        width: 100% !important;
    }
    #timesheet-dates li{
      display: inline-block !important;
    }
    .monthly-timesheet{
        overflow-x: auto;
    }
    .tblMonthlyTimeshhet{
        width: auto !important;
    }
    #timesheetMonthFilter{
        float: left !important;
        margin-top: 10px;
    }
    a#btnForgotPassword{
		display: none !important;
    }
    .row.flipbook {
        display: flex !important;
    }
    .flipbook .col-md-10{

        width: inherit;
    }
    /* Timesheet */
    .timesheet-header-row{
        /* margin-bottom: 10px; */
        margin-right: 8px;
    }
    .timesheet-header-row .week-view-title{
        margin-bottom: 10px ;
    }
    .timesheet-header-row .week-btn{
        text-align: left;
    }
    .week-btn .btn{
        padding: 4px 4px 0px 4px !important;
    }
    span.week-btn-title, span.week-dates.week-btn-title {
        font-size: 12px !important;
    }
    .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
        width: auto !important;
    }
    #btnPrev span.week-btn-title, #btnNext span.week-btn-title{
        display: none;
    }
    .day-selected {
        width: auto !important;
        padding: 2px 5px 2px 5px !important;
        margin: -2px 0 0 -5px;
    }
    .table-responsive {
        border:none !important;
    } 
    #tblTimesheetForm {
        border: 1px solid whitesmoke !important;
    } 
    #tblTimesheetForm  tr>td{
        padding: 5px !important;
    }
    .timesheet-col, .timesheet-value {
        margin-top: 6px;
    margin-bottom: 5px;
    }

    .week-btn #btnPrev {
        padding: 5px 5px 0 0 !important;
    }
    .week-btn #btnNext {
        padding: 5px 0 0 5px !important;
    }

    .week-btn .glyphicon-triangle-left:before, .week-btn .glyphicon-triangle-right:before {
        content: "\e251";
        font-size: 18px !important;
    }

    .timesheet-col .time div.hour {
        margin-right: 2px;
        max-width: 60px !important;
    }
    .timesheet-col .time div.min {
        margin-left: 2px;
        max-width: 60px !important;
    }
    select.selectpicker.form-control.sel-hour, select.selectpicker.form-control.sel-min{
        padding: 2px 0px 0px 6px;
    }
    .timesheet-col div.desc {
        margin-top: 0px !important;
        padding-left: 5px !important;
    }
    #tblTimesheetForm textarea {
        border-radius: 4px !important;
    }
    .timesheet-value .time {
        padding: 5px !important;
    }
    #frmRecord .table-responsive>.table>thead>tr>td {
        white-space: inherit !important;
    }
    .week-btn-group .select-filter{
        margin-left: auto !important;
        margin-right: 5px;
    }
    #timesheetForm {
        /* margin-top: 10px; */
        padding: 0px 4px!important;
    }
    .timesheet-col{
        width:100% !important;
    }
    .timesheet-col .desc{
        width:80% !important;
    }
    .timesheet-col .desc textarea{
        width:100% !important;
    }

    .week-total-header{
        background: lightgray; 
        padding : 5px ; 
        margin: 0 0 5px 0;
    }
    /* Timesheet */
    .seperator {        
        height: 25px;
        top: -18px;
     }
    .temp-sprite{
        padding: 2px 0 0 30px !important;
        margin-left: -10px;
    }
    .temp-sprite span{
        padding-left: 10px !important;
    }
    .timesheet-col .time {
        position: relative;
      }
      .timesheet-col .time_error {
        position: absolute;
        margin: -90px 0px 0px 0px !important;
      }
}

#nopreview-modal .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

/*apploader*/


.ani-width {
  transition: width 50ms; }

.ani-rotate-180:hover {
  transform: rotate(180deg);
  transition: all 300ms ease-out 0ms; }

@keyframes spin {
  100% {
    transform: rotate(360deg); } }
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg); } }
.inline-loader {
  background-image: url("../images/loader.gif");
  background-repeat: no-repeat;
  background-position: center center;
  color: transparent !important;
  transition: none; }

.inline-loader:hover {
  color: transparent !important; }

.innerLoader {
  position: relative; }
  .innerLoader .app-loader {
    position: absolute;
    z-index: auto; }
    .innerLoader .app-loader .loading {
      left: 45%; }

.app-loader {
  position: fixed;
  background: rgba(255, 255, 255, 0.9);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 99; }

.app-loader .loading,
.table-loader .loading {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: solid 2px #C4A46B;
  border-top-color: #fff;
  animation: spin 1s infinite linear;
  -webkit-animation: spin 1s infinite linear;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%; }

.form-group .app-loader {
  margin: -12px auto;
  width: 50px;
  height: 50px;
  left: 45%; }

.form-group .app-loader .loading {
  width: 30px;
  height: 30px; }

#pre-loader .app-loader {
  bottom: 50%;
  right: 53%; }
/*end apploader*/

/* Employee info */
/* Employee info */
.employee-onboard {
    padding: 10px 20px;
    overflow: hidden;
}


.switch {
    position: relative;
    height: 22px;
    width: 120px;
    background: #fff;
    border: 1px solid #d3d2d3;
    border-radius: 7px;
    margin-bottom: 5px;
}

.switch-label {
    position: relative;
    z-index: 2;
    float: left;
    width: 58px;
    line-height: 19px;
    font-size: 12px;
    color: #9a9a9a;
    text-align: center;
    cursor: pointer;
    font-weight: 400;
    margin-bottom: 0;
}

.switch-label-off {
    padding-left: 2px;
}

.switch-label-on {
    padding-right: 2px;
}


.switch-input {
    display: none;
}

.switch-input:checked + .switch-label {
    font-weight: bold;
    color: #fff;
    -webkit-transition: 0.15s ease-out;
    -moz-transition: 0.15s ease-out;
    -ms-transition: 0.15s ease-out;
    -o-transition: 0.15s ease-out;
    transition: 0.15s ease-out;
    -webkit-transition-property: color, text-shadow;
    -moz-transition-property: color, text-shadow;
    -ms-transition-property: color, text-shadow;
    -o-transition-property: color, text-shadow;
    transition-property: color, text-shadow;
}

.switch-input:checked + .switch-label-on ~ .switch-selection {
    left: 60px;
    /* Note: left: 50%; doesn't transition in WebKit */
}

.switch-selection {
    position: absolute;
    z-index: 1;
    top: -1px;
    left: 0px;
    display: block;
    width: 59px;
    height: 22px;
    border-radius: 7px;
    background-color: #029877;
    border: 1px solid #07866a;
    -webkit-transition: left 0.15s ease-out;
    -moz-transition: left 0.15s ease-out;
    -ms-transition: left 0.15s ease-out;
    -o-transition: left 0.15s ease-out;
    transition: left 0.15s ease-out;
}


.information-block {
    background: #f9f9f9;
    border: 1px solid #dcdbdc;
    overflow: hidden;
    margin-bottom: 13px;
}

.employee-img {
    background: #e4e3e3;
    width: 210px;
    height: 210px;
    border-radius: 100%;
    position: relative;
    margin-right: 25px;
    min-width: 33%;
    max-width: 100%;
    background-repeat: no-repeat !important;
    background-position: center !important;

}

.employee-info {
    padding: 20px 0 20px 30px;
    color: #5a5a5a;
    border-right: 1px solid #edeced;
    display: inline-block;
    float: left;
    position: relative;
}

.employee-info strong {
    font-size: 15px;
}

.employee-info h2,
.employee-info h3 {
    color: #4e4e4e;
}

.employee-info p,
.employee-info ul li {
    color: #747474;
}

.employee-info p strong,
.employee-info ul li strong {
    color: #5a5a5a;
}

.edit-img {
    background: #017959;
    width: 45px;
    height: 45px;
    border-radius: 100%;
    position: absolute;
    bottom: 5px;
    right: 5px;
    text-align: center;
}

.edit-img .input-file-container,
.edit-img #upload-profile {
    width: 100%;
}

.edit-img .input-file-container .glyphicon {
    color: #fff;
    font-size: 24px;
    font-weight: 100;
    position: relative;
    top: 6px;
    left: 3px;
}

.information-block h2 {
    font-size: 26px;
    margin-bottom: 5px;
}

.information-block h3 {
    font-weight: 100;
    font-size: 18px;
    margin-bottom: 2px;
}

.employee-info ul li {
    padding-bottom: 5px;
}

.employee-info ul li:last-child {
    padding-bottom: 0px;
}


.employee-info ul li a {
    color: #1522a3;
    text-decoration: underline;
}

.employee-info ul li a span {
    font-weight: 600;
}

.pdl-30 {
    padding-left: 30px;
}
.employee-onboard .divider {
    border-top: 1px solid #edeced;
}

.pdl-0 {
    padding-left: 0!important;
}

.pd-0 {
    padding: 0;
}

.info-block {
    padding-left: 30px;
    margin-bottom: 10px;
    min-height: 79px;
}

.employee-info table,
.employee-details-view-form table {
    border: 1!important;
    margin-bottom: 0;
}

.employee-info table th,
.employee-details-view-form table th {
    border-left: 0!important;
    border-right: 0!important;
    font-weight: 600;
}

.employee-info table td {
    border-left: 0!important;
    border-right: 0!important;
    color: #393939;
}

.employee-info table tr:first-child td,
.employee-info table tr:first-child th,
.employee-details-view-form table tr:first-child td,
.employee-details-view-form table tr:first-child th {
    border-top: 0!important;
}

.employee-info table tr:last-child td,
.employee-info table tr:last-child th,
.employee-details-view-form table tr:last-child td,
.employee-details-view-form table tr:last-child th {
    border-bottom: 0!important;
}

.employee-info table tr td:last-child,
.employee-details-view-form table tr td:last-child {
    /* padding-right: 30px; */
}

.employee-info table tr th,
.employee-details-view-form table tr th {
    padding-left: 0px!important;
    color: #343434;
}

.employee-info table tr td,
.employee-info table tr th,
.employee-details-view-form table tr td,
.employee-details-view-form table tr th {
    border: 1px solid #edeced;
    padding: 6px;
}

.border-r {
    border-right: 1px solid #edeced;
}

.border-r-n {
    border-right: 0;
}

.w-55 {
    width: 60%;
}

.w-45 {
    width: 40%;
}

.dark-green-btn,
.dark-green-btn:hover,
.dark-green-btn:active,
.dark-green-btn:focus {
    background: #017959;
    padding: 5px 8px 2px 8px;
    color: #fff;
    font-weight: 400;
    letter-spacing: 2px;
    font-size: 12px;
    border-radius: 5px;
    min-width: 88px;
    display: inline-block;
    text-align: center;
}

.dark-green-btn.disabled,
.dark-green-btn.disabled:hover,
.dark-green-btn.disabled:active,
.dark-green-btn.disabled:focus {
    color: #c1c1c1;
    background: transparent;
}

.employee-details,
.employee-img {
    float: left;
}

/* .employee-details {
    width: 53.7%;
} */

.grey-heading {
    background: #ababab;
    color: #fff;
    font-size: 20px;
    padding: 5px 20px;
    line-height: 30px;
}

.employee-details-form {
    margin-top: 0;
    margin-bottom: 0!important;
    border-top: 0;
    overflow: hidden;
    padding-top: 20px;
}

.employee-details-form h2 {
    font-size: 18px;
    margin-bottom: 10px;
}

.employee-details-form .form-group:last-child {
    margin-bottom: 15px;
}

.employee-details-form .form-group .control-label {
    float: none;
    display: block;
}

.date-container input {
    float: left;
}

.date-container input:first-child {
    width: 25% !important;
    margin-right: 10px;
}

.date-container input:last-child {
    width: 71%;
}

.w-32 {
    width: 32%!important;
}

.mr-0 {
    margin-right: 0!important;
}
.info-btn {
    float: right;
    color: #909090;
    position: relative;
    width: 20px;
    height: 20px;
}
.info-btn:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: url("../images/hint-icon.svg") no-repeat top center;
    width: 20px;
    height: 20px;
}

.info-btn1 {
    float: right;
    color: #909090;
    position: relative;
}
.info-btn1:after {
    content: "";
    position: absolute;
    top: -3px;
    left: -30px;
    background: url("../images/disclaimer-icon.png") no-repeat top center;
    width: 20px;
    height: 20px;
}
.lock-icon-white {
    position: relative;
    width: 20px;
    height: 20px;
    margin-left: 5px;
    display: inline-block;
}

.lock-icon-white:after {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    background: url("../images/lock-white.png") no-repeat top center;
    width: 16px;
    height: 16px;
}

.lock-icon-grey {
    position: relative;
    width: 20px;
    height: 20px;
    margin-left: 5px;
    display: inline-block;
}

.lock-icon-grey:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: url("../images/lock-grey.svg") no-repeat top center;
    width: 16px;
    height: 16px;
}

.info-small {
    margin-left: 30px;
}

.info-small:after {
    top: -2px;
}

.upload-icon1 {
    font-size: 34px;
    margin-right: 5px;
    line-height: 50px;
    position: relative;
}

.upload-icon1:after {
    content: "";
    position: absolute;
    top: 7px;
    left: 12px;
    background: url("../images/edit-white.svg") no-repeat top center;
    width: 20px;
    height: 20px;
}




.tooltip {
    width: 220px;
}

.ml-0 {
    margin-left: 0!important
}

.grey-heading .glyphicon,
.sub-heading .glyphicon {
    font-size: 16px;
    margin-left: 5px;
    color: #fff;
}

.sub-heading .glyphicon {
    margin-left: 10px;
    color: #c5c2c2;
}

.upload-icon {
    font-size: 34px;
    margin-right: 5px;
    line-height: 50px;
    position: relative;
}

.upload-icon-small {
    font-size: 34px;
    margin-right: 5px;
    line-height: 50px;
    position: relative;
}
.upload-icon:after {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    background: url("../images/upload-icon.svg") no-repeat top center;
    width: 30px;
    height: 30px;
}
.upload-icon-small:after {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    background: url("../images/upload-icon-small.svg") no-repeat top center;
    width: 25px;
    height: 25px;
}


.upload-text {
    float: left;
    color: #017959;
    font-weight: 600;
    padding-left: 35px;
}

.upload-text .small-text {
    color: #969394;
    font-size: 12px;
    font-style: italic;
    display: block;
    font-weight: 100;
    text-transform: none !important;
}

.upload-text .small-text span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 200px;
    float: left;
}

.upload-text .small-text .remove-file-icon {
    margin-top: 0;
}






.switch-large {
    position: relative;
    height: 22px;
    width: 235px;
    background: #fff;
    border: 1px solid #d3d2d3;
    border-radius: 7px;
    margin-top: 4px;
}

.switch-large-label {
    position: relative;
    z-index: 2;
    float: left;
    width: 115px;
    line-height: 22px;
    font-size: 12px;
    color: #9a9a9a;
    text-align: center;
    cursor: pointer;
    font-weight: 400;
    margin-bottom: 0;
}

.switch-large-label-off {
    padding-left: 2px;
}

.switch-large-label-on {
    padding-right: 2px;
}


.switch-large-input {
    display: none;
}

.switch-large-input:checked + .switch-large-label {
    font-weight: bold;
    color: #fff;
    -webkit-transition: 0.15s ease-out;
    -moz-transition: 0.15s ease-out;
    -ms-transition: 0.15s ease-out;
    -o-transition: 0.15s ease-out;
    transition: 0.15s ease-out;
    -webkit-transition-property: color, text-shadow;
    -moz-transition-property: color, text-shadow;
    -ms-transition-property: color, text-shadow;
    -o-transition-property: color, text-shadow;
    transition-property: color, text-shadow;
}

.switch-large-input:checked + .switch-large-label-on ~ .switch-large-selection {
    left: 115px;
    /* Note: left: 50%; doesn't transition in WebKit */
}

.switch-large-selection {
    position: absolute;
    z-index: 1;
    top: -1px;
    left: 0px;
    display: block;
    width: 120px;
    height: 22px;
    border-radius: 7px;
    background-color: #029877;
    border: 1px solid #07866a;
    -webkit-transition: left 0.15s ease-out;
    -moz-transition: left 0.15s ease-out;
    -ms-transition: left 0.15s ease-out;
    -o-transition: left 0.15s ease-out;
    transition: left 0.15s ease-out;
}

.export-excel {
    font-size: 16px;
    float: right;
    position: relative;
    padding-right: 15px;
}

.export-excel .glyphicon-lock {
    margin-right: 5px;
}

.export-excel .glyphicon-triangle-bottom,
.export-excel .glyphicon glyphicon-triangle-top {
    font-size: 10px;
    margin-left: 10px;
}

.export-dropdown {
    position: absolute;
    top: 35px;
    left: 0;
    z-index: 999;
    width: 100%;
    border-bottom: 4px solid #747474;
    border-left: 1px solid #edeced;
    background: #fff;
    padding: 10px 0;
    text-align: center;
    color: #333;
    display: none;
}

.export-heading {
    cursor: pointer;
}

.profile-edit-icons {
    float: right;
    padding: 10px 0;
}

.profile-edit-icons ul li {
    display: inline-block;
    float: left;
    padding-right: 20px;
}

.profile-edit-icons ul li:last-child {
    padding-right: 0px;
}

.profile-edit-icons ul li a {
    color: #017959;
    font-size: 15px;
}

.profile-edit-icons ul li a .glyphicon {
    color: #017959;
    margin-right: 7px;
    font-size: 20px;
    position: relative;
    top: 3px;
}

.active-status {
    background: #017959;
    color: #fff;
    width: 85px;
    padding: 1px 7px 4px 7px;
    font-weight: lighter;
    position: absolute;
    top: 0;
    left: 0;
}

.active-status .glyphicon {
    color: #fff;
    font-size: 18px;
    position: relative;
    top: 4px;
    margin-right: 5px;
}

.employee-details-view-form {
    padding: 0;
    margin-top: 0;
    color: #747474;
    margin-bottom: 20px;
}

.employee-details-view-form td {
    padding: 10px 20px!important;
}

.employee-details-view-form td span {
    display: block;
    font-weight: 600;
    color: #5a5a5a;
    font-size: 14px;
}

.employee-details-view-form table tr td:first-child {
    border-left: 0;
}

.employee-details-view-form table tr td:last-child {
    border-right: 0;
}


.employee-details-view-form table ul {
    margin-top: 7px;
    float: left;
}

.employee-details-view-form table ul li {
    position: relative;
    padding: 0 50px 12px 0px;
    float: left;
    width: 50%;
    position: relative;
}
.employee-details-view-form table ul li:before {
    position: absolute;
    top: 3px;
    left: 0;
    content: "";
/*    background: url("../images/submitted-icon.svg") no-repeat top center;*/
    width: 20px;
    height: 20px;
    border-radius: 100%;
}

.employee-details-view-form table ul li.not-submitted:before {
    position: absolute;
    top: 3px;
    left: 0;
    content: "";
/*    background: url("../images/not-submitted-icon.svg") no-repeat top center;*/
    width: 20px;
    height: 20px;
    border-radius: 100%;
}

.employee-details-view-form table ul li:nth-child(2n) {
    padding-right: 0;
}

.employee-details-view-form table ul li:last-child,
.employee-details-view-form table ul li:nth-last-child(2) {
    padding-bottom: 0;
}


.employee-details-view-form .table-striped th {
    background: #cbcbcb;
    color: #585858;
    border-right: 1px solid #e0e0e0!important;
      padding: 10px 20px!important;
}

.employee-details-view-form .table-striped tr th:last-child {
    border-right: 0!important;
}
.input-file-container {
    position: relative;
    width: 225px;
}

.print-green-icon {
    position: relative;
}

.print-green-icon:after {
    content: "";
    position: absolute;
    top: -1px;
    left: -30px;
    background: url("../images/print-icon.svg") no-repeat top center;
    width: 23px;
    height: 23px;
}

.edit-green-icon {
    position: relative;
}

.edit-green-icon:after {
    content: "";
    position: absolute;
    top: 0;
    left: -25px;
    background: url("../images/edit-green.svg") no-repeat top center;
    width: 18px;
    height: 18px;
    background-size: 18px 18px;
}

.js .input-file-trigger {
    display: block;
    cursor: pointer;
}

.js .input-file {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;
}
.file-return {
    margin: 0;
}

.file-return:not(:empty) {
    margin: 1em 0;
}

.js .file-return {
    font-style: italic;
    font-size: .9em;
    font-weight: bold;
}
.mlr-0 {
    margin-right: 0;
    margin-left: 0;
}

.employee-onboard {
    padding: 10px 20px;
    overflow: hidden;
    background: #fff;
}


.switch {
    position: relative;
    height: 22px;
    width: 120px;
    background: #fff;
    border: 1px solid #d3d2d3;
    border-radius: 7px;
    margin-bottom: 5px;
}

.switch-label {
    position: relative;
    z-index: 2;
    float: left;
    width: 58px;
    line-height: 19px;
    font-size: 12px;
    color: #9a9a9a;
    text-align: center;
    cursor: pointer;
    font-weight: 400;
    margin-bottom: 0;
}

.switch-label-off {
    padding-left: 2px;
}

.switch-label-on {
    padding-right: 2px;
}


.switch-input {
    display: none;
}

.switch-input:checked + .switch-label {
    font-weight: bold;
    color: #fff;
    -webkit-transition: 0.15s ease-out;
    -moz-transition: 0.15s ease-out;
    -ms-transition: 0.15s ease-out;
    -o-transition: 0.15s ease-out;
    transition: 0.15s ease-out;
    -webkit-transition-property: color, text-shadow;
    -moz-transition-property: color, text-shadow;
    -ms-transition-property: color, text-shadow;
    -o-transition-property: color, text-shadow;
    transition-property: color, text-shadow;
}

.switch-input:checked + .switch-label-on ~ .switch-selection {
    left: 60px;
    / Note: left: 50%; doesn't transition in WebKit /
}

.switch-selection {
    position: absolute;
    z-index: 1;
    top: -1px;
    left: 0px;
    display: block;
    width: 59px;
    height: 22px;
    border-radius: 7px;
    background-color: #029877;
    border: 1px solid #07866a;
    -webkit-transition: left 0.15s ease-out;
    -moz-transition: left 0.15s ease-out;
    -ms-transition: left 0.15s ease-out;
    -o-transition: left 0.15s ease-out;
    transition: left 0.15s ease-out;
}


.information-block {
    background: #f9f9f9;
    border: 1px solid #dcdbdc;
    overflow: hidden;
    margin-bottom: 13px;
}

.employee-img {
/*
    background: #e4e3e3;
    width: 150px;
    height: 150px;
    border-radius: 100%;
    position: relative;
    margin-right: 0px;
    min-width: 33%;
    margin-top: 20px;
    margin-left: 5px;
*/
    width: 150px;
height: 150px;
border-radius: 0;
position: relative;
margin-right: 0px;
min-width: 33%;
margin-top: 20px;
margin-left: 5px;
overflow: hidden;
border: 8px solid #fff;
box-shadow: 0px 2px 3px rgba(0,0,0,.2);
}

.employee-info {
    padding: 15px !important;
    color: #5a5a5a;
    display: inline-block;
    border: 0;
    float: left;
    position: relative;
}
.employee-info:last-child {
    border-left: 1px solid #edeced;
}
.employee-info strong {
    font-size: 14px;
    font-weight: 600;
}

.employee-info h2,
.employee-info h3 {
    color: #4e4e4e;
}

.employee-info p,
.employee-info ul li {
    color: #747474;
}

.employee-info p strong,
.employee-info ul li strong {
    color: #5a5a5a;
}

.edit-img {
    background: #017959;
    width: 45px;
    height: 45px;
    border-radius:0;
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: center;
}

.edit-img .input-file-container,
.edit-img #upload-profile {
    width: 100%;
}

.edit-img .input-file-container .glyphicon {
    color: #fff;
    font-size: 24px;
    font-weight: 100;
    position: relative;
    top: 2px;
    left: 3px;
}

.information-block h2 {
    font-size: 20px;
/*    font-size: 26px;*/
    margin-bottom: 5px;
}

.information-block h3 {
    font-weight: 100;
    font-size: 16px;
    margin-bottom: 2px;
}

/* .employee-info ul {
    padding: 20px 0 0;
} */

.employee-info ul li {
    padding-bottom: 5px;
}

.employee-info ul li:last-child {
    padding-bottom: 0px;
}


.employee-info ul li a {
    color: #1522a3;
    text-decoration: underline;
}

.employee-info ul li a span {
    font-weight: 600;
}

.pdl-30 {
    padding-left: 30px;
}.mlr-0 {
    margin-right: 0;
    margin-left: 0;
}.modal .checkbox label,
.employee-details-form .checkbox label {
    padding-left: 20px;
    margin-right: 0px;
    padding-right: 0;
}

.modal .checkbox label::before,
.employee-details-form .checkbox label::before {
    margin-right: 0px;
    right: inherit;
    left: 0;
    bottom: inherit;
    top: 1px;
}

.checkbox input[type=checkbox]:checked + label:before {
    line-height: 13px;
}
.mt-30{
  margin-top: 30px;
}
.mt-2{
  margin-top: 2px;
}
button::-moz-focus-inner, input::-moz-focus-inner {
    padding: 0;
    border: 0;
}
::after, ::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.form-control::placeholder {
    color: #999;
    opacity: 1;
}
element {
    border-color: rgb(185, 74, 72);
}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
input.error{
  background-image: url('') !important;
}
input.valid{
  background-image: url('') !important;
}

.inactive-status {
    background: gray;
    color: #fff;
    width: 85px;
    padding: 1px 7px 4px 7px;
    font-weight: lighter;
    position: absolute;
    top: 0;
    left: 0;
}

.inactive-status .glyphicon {
    color: #fff;
    font-size: 18px;
    position: relative;
    top: 4px;
    margin-right: 5px;
}

.add-controls-icon {
    background-image: url("../images/add-controls-icon.png");
    background-repeat: no-repeat;
	  background-size: 25px auto;
    border: 0 none;
    height: 25px;
    margin-left: 15px;
    padding: 2px;
    width: 25px;
}
.remove-controls-icon {
    background-image: url("../images/remove-controls-icon.png");
    background-repeat: no-repeat;
	  background-size: 25px auto;
    border: 0 none;
    height: 25px;
    margin-left: 15px;
    padding: 2px;
    width: 25px;
}

.export-icon {
    background-image: url("../images/Export_button.png");
    background-repeat: no-repeat;
    height: 30px;
    width: 70px;
    float: right;
    position: relative;
    margin-top: 5px;
    /* background-repeat: no-repeat;
    position: relative;
    height: 35px;
    width: 235px;
    margin-top: 0px; */
}
.employee-details-view-form .table-bordered th {
    /* background: #cbcbcb; */
    background: #eaeaea;
    color: #585858;
    border-right: 1px solid #e0e0e0!important;
      padding: 10px 20px!important;
}
.emp-list a{
  text-transform: capitalize;
}
.employee-img>img{
/*
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    max-width: 100px;
   max-height: 100px;
*/
    position: relative;
max-width: 100%;
max-height: auto;
}
.empProfileImg{
    float: left;
    /* min-height: 60px;
    min-width: 60px;
    max-width: 60%;
    max-height: 60%; */
    margin-right: 15px;
    height:50px;
    width:50px;
    line-height: 50px;
    overflow: hidden;
}
.empProfileImg img{
  height: 90%!important;
}

#tblActiveEmplist.table > thead > tr > th ,#tblInactiveEmplist.table > thead > tr > th {
    vertical-align: middle;
}
.mt-0{
    margin-top: 0px !important;
}
.pb-5{
	padding-bottom:5px !important;
}


/* Lines */
.link {
  fill: none;
  stroke: #424242;
  stroke-width: 1.5px;
}

table.dataTable thead th,td{
  padding: 8px 10px!important;
}
.borderless {
    width:100%;
}
.borderless td{
    border: none !important;
    padding: 5px !important;
    vertical-align: top;
}
.borderless tr{

    border-bottom: 0px solid #e6e6e6;
}
.emp-probation-row{
  background-color: #fff7e6!important;
}

.no-sort.sorting_asc{
      background-image: none !important;
}


.pdr-10{
  padding-right: 10px;
}
.overflowInherit{
  overflow: inherit !important;
}

.no-padding{
  padding:0;
}
h5, h6 {
    color: rgb(139, 123, 193);
}
img {
    height: auto;
    max-width: 100%;
}
/* end  employee info */

.btn-leave-actions {
  margin-top: 5px;
    padding: 5px !important;
    margin-left: 5px;
    width:80px;
}

.book-name{
  float: left;
  margin-right: 10px;
}

.zIndex{
  z-index: inherit !important;
}

.book-returned-row{
  background-color: lightgray!important;
}

.book-late-mark-row{
  background-color: #ffecec!important;
}

.modal-center.modal {
  text-align: center;
  z-index: 9999;
}

@media screen and (min-width: 768px) {
  .modal-center.modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}


.modal-center .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
.disable-link{
  pointer-events: none;
  color: grey!important;
}

.valign-middle>td{
  vertical-align: middle !important;
}

.tab-content-list{

  border: 1px solid #ddd;
  border-top: 0px solid black;
  padding: 0px !important;

}

.cand-group1{
  border: 2px solid #ffd476;
  padding: 20px;
}
.cand-group2{
  border: 2px solid #cff8d6;
  padding: 20px;
}
.cand-group3{
  border: 2px solid lightgray;
  padding: 20px;
}

.cand-list {
  table-layout: fixed;
  width: 100%;
  white-space: nowrap;
}
.cand-list td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#tableGroup1,#tableGroup2,#tableGroup3 {
  width: 100% !important;
}
a.requestToReturn:hover{
    text-decoration: underline;
}
/*CODE FOR POP UP Self Initiated Learning Program*/
.sticky-header td{
    font-size: 11px !important;
    width: 100px;
    min-width: 160px;
    max-width: 170px;
    background-color: #8aa4ce !important;
    color: #fff;
    outline: 0 !important;
    font-weight: 500;
    border-color: #7a93ba !important;
    text-align: left !important;
    vertical-align: top !important;
}
}
.sr-no td{
    background: rgba(0,0,0,.01);
    outline: 0 !important;
    color: #999;
    font-weight: lighter;
    font-size: 12px !important;
}

.fancybox-inner .table > tbody > tr > td{
    padding:6px !important;
    border: 1px solid #ccc;
    outline: 0;
    font-size: 13px;
    text-align: center;
    vertical-align: middle;
}
.fancybox-inner .table > tbody > tr > td:nth-child(15), .fancybox-inner .table > tbody > tr > td:nth-child(21), .fancybox-inner .table > tbody > tr > td:nth-child(23){

    border-left: 5px solid #ccc !important;
}
td.sticky-cell{
    background: #8aa4ce !important;
    color: #fff !important;
    border: 1px solid rgba(0,0,0,.1) !important;
    text-align: left !important;
    vertical-align: top !important;
}

td.must{
    background: #fff2cc;
}
td.done{
    background: #dfffcc;
}
td.napplicable{
    background: #f9f9f9;
    color: rgba(0,0,0,.3);
}
td.tbd{
    background: #dcefee;
}
td.learnFromDesigner{
    background: #f4deed;
}
td.needToBuild{
    background: #efdbd5;
}
td.niceToHave{
    background: #ffffff;
    color: rgba(0,0,0,.4);
}
.self_learning {
text-align: center;
font-weight: bold;
font-size: 16px;
background-color: #fff;
color: #000;
}
.design-skills td{
    border-right: 5px solid #ccc !important;
}
.design-skills td.sticky-cell{
    border-right: 0 !important;
}
.design-skills td:last-child{
    border-width: 1px !important;
}
td.didnotshowup {
    background-color: #dd200f;
    color: #FFF;
}

/* org chart */

.org_rm {
    list-style: disc;
    margin-top: 1em;
    margin-bottom: 1 em;
    margin-left: 0;
    margin-right: 0;

}
.org_im {
    list-style: square;
    margin-top: 1em;
    margin-bottom: 1 em;
    margin-left: 10px;
    margin-right: 0;

}
.org_user {
    list-style: circle;
    margin-top: 1em;
    margin-bottom: 1 em;
    margin-left:20px;
    margin-right: 0;
}


#chart-container1,#chart-container2 {
  text-align: left; height: 1650px;
  /* pointer-events : none; */

}
 /* #chart-container1,#chart-container2 {
   position: relative;
   display: inline-block;
   top: 10px;
   left: 10px;
   height:900px;     width: calc(100% - 24px);
   width: 100%;
   border: 2px dashed #aaa;
   border-radius: 5px;
    overflow:   scroll;
   border: none !important;
    text-align: center;
 } */
/*
 .orgchart{
   background-image:none !important;
   padding: 20px 0 !important;
 }

.orgchart .node .title{
  background-color: #BFEFFF	 !important;
}
.orgchart .lines>td,tr{

    height: 11px !important;

  }
*/
/*
  .org-mgr{
    
  }
  .orgchart.l2r .node {
    width: 52px !important;
    height: 100px !important;
    margin:8px -2px 28px 0 !important;
  }
*/
/*
  .orgchart .node .title {
   
    font-size: 12px!important;
    height: 45px!important;
    line-height: 20px!important;
  
    background-color: rgba(217, 83, 79, 0.8);
    color: #000!important;
    padding:0 10px;
    font-weight: 600 !important;
   
}
*/
/*
.orgchart .lines .leftLine,.rightLine,.topLine,.downLine{
    border-size: 1px !important;
    border-color: gray !important;

 }
 .orgchart .lines .downLine{
     border-color: gray !important;
     background-color: gray !important;
 }
 .orgchart .node .content {
   border: none !important;
   background-color: #ffe4b2!important;
   height: 30px !important;
   line-height: 25px !important;
   padding:0 10px;
 }
*/
/*
.orgManager{
  
  color: grey;
  font-weight: bold;
  padding: 10px;
}
.orgchart > table:first-child{
  margin: 0px !important;
}
*/

/*
::-webkit-scrollbar {
    width: 0px;
    background: transparent; 
}
*/

/*
.orgchart .node .edge{
  display: none;
}

.orgchart.l2r .node .title {

  transform: rotate(-90deg) translate(-16px, -25px) rotateY(180deg) !important;
transform-origin: bottom center;

width: 145px !important;

padding-top: 3px;
border-radius: 0 !important;

}
.orgchart.l2r .node .content {

    transform: rotate(-90deg) translate(-15px, -30px) rotateY(180deg) !important;
    transform-origin: top center;
    width: 130px !important;

}
.orgchart table tr td:first-child{
  text-align: inherit !important;
}
.modal-header .close::after{
  top: -15px;
right: -20px;
}
.orgchart .node:hover {
    background-color: transparent !important;
}
.orgchart .node {
    width: 170px !important;
    padding: 0 !important;
}
.orgchart .node .title .symbol {
  margin-top: 4px !important;
  margin-left: 0px !important;
  margin-right: 5px;
}
.orgchart > table > tbody > tr.lines:nth-child(2) > td .downLine{
  height: 30px;
  width: 2px;
  float: left !important;
  top: 0;
  margin-left: 24px;
  z-index: 0;
  margin-top: -15px;
  }
  .empDesignation{
    font-size: 11px;
    font-weight: normal;
    line-height: normal;
    text-overflow: ellipsis;
    overflow: hidden;
  }
*/
/* org chart */



/*org chart */

  .orgnization-section {
      background-color: #E8E8E8;
      padding: 0 !important;
      position: relative;
  }
.comp-confid{
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 6px 10px;
    background-color: rosybrown;
    color: white;
}
  .chiefs {
      background-color: #D3D3D3;
      padding: 10px;
  }
  .chiefs h3 {
      margin: 0;
      font-size: 14px;
      color: #525252;
      font-weight: 700;
  }


.chiefs small {
     font-size: 85% !important;
  }
  .pl0 {
      padding-left: 0 !important;
  }
  .pr0 {
      padding-right: 0 !important;
  }

  .orgnization-section ul {
      list-style-type: none;
      padding-left: 15px
  }
  .orgnization-section li small {
      display: block;
  }
  .orgnization-section strong {
      color: #525252;
  }
  .orgnization-section ul > li {
      margin-top: 8px;
      position: relative;
      color: #6D6D6D;
  }
  .orgnization-section ul > li::before {
      content: '';
      display: block;
      position: absolute;
      left: -10px;
      top:8px;
      width: 4px;
      height: 4px;
      background-color: #6D6D6D;
      border-radius:50%;
  }
  .orgnization-section ul > li > strong::before {
      content: '';
      display: block;
      position: absolute;
      left: -10px;
      top:8px;
      width: 4px;
      height: 4px;
      background-color: #525252;
      border-radius:50%;
  }
  .orgnization-section ul.tertiary-list > li > strong::before {
      border-radius:0%;
  }
  .orgnization-card:first-child {
        border-right: 1px solid #d3d3d3;
  }
  .orgnization-card + .orgnization-card {
      /* border-left: 0 none; */
/*      border-left: 2px solid #d3d3d3;*/
  }
  .orgnization-section small{
    font-size: 70%;
  }

  .orgnization-section strong{
    font-size: 11px;
    font-weight: 600;
  }


.orgnization-section [class^=col-] {
/*   padding-right: 10px;*/
    padding-left: 10px;
}

#promoImg .modal-dialog {
  min-width: 1280px !important;
  margin: 25px auto;
  /* width: 80%; */
}


#promoImg .modal-header{
    padding: 15px 10px 15px 15px;
    height: 15px;
}
#promoImg .modal-header .close{
    height: 25px;
}
#promoImg .modal-body{
    padding: 0px 15px 10px;
}

  .closeModal{
      top:-25px !important;
  }
  .closeModal:after{
      top:0 !important;
      right:0 !important;
  }

.orgnization-section .org-mgr strong{
    font-size: 12px !important;
    font-weight: 700 !important;
  }

  .orgnization-section .org-rm strong{
    font-size: 13px!important;
    font-weight: 650!important;
  }

  .orgnization-section .org-im strong{
    font-size: 13px!important;
    font-weight: 600!important;
  }

  .orgnization-section .org-user strong{
    font-size: 12px!important;
    font-weight: 500!important;
  }

  .orgnization-section .org-user strong::before {
      content: '';
      display: block;
      position: absolute;
      left: -10px;
      top:8px;
      width: 4px;
      height: 4px;
      background-color: #525252;
      border-radius:50%;
  }

.orgnization-section ul > li.org-mgr > strong::before {
      content: '';
      display: block;
      position: absolute;
      left: -10px;
      top:7px;
      width: 6px;
      height: 6px;
      background-color: #525252;
      border-radius:50%;
  }

.orgnization-section ul > li.org-rm > strong::before {
      content: '';
      display: block;
      position: absolute;
      left: -10px;
      top:7px;
      width: 5px;
      height: 5px;
      background-color: #525252;
      border-radius:50%;
  }
.orgnization-section ul > li.org-im > strong::before {
      content: '';
      display: block;
      position: absolute;
      left: -10px;
      top:7px;
      width: 5px;
      height: 5px;
      background-color: #525252;
      border-radius:50%;
  }

.org-yuj-logo{

    position:absolute;
    top: 5px;
    right: 38px;
    height: 35px;
}

.truncate{
  width: 230px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}

.pdl-10{
    padding-left: 10px !important;
}



@media screen and (max-width: 1279px){
  #promoImg .modal-dialog{
	   min-width:inherit !important;
     width:100%;
  }
    .orgnization-section [class^="col-"] {
    padding: 0px 7px;
}
}

@media print {
  a[href]:after {
    content: none !important;
  }
}


#vehicle_subheader{
  float: right;
}
@media screen and (max-width: 767px) {
  .w-55 {
      width: 100%;
  }

  .w-45 {
      width: 100%;
  }
  .employee-details-form .input-file-container{
    margin: 30px 0px;
  }
  .personal-info .add-controls-icon,.personal-info .remove-controls-icon{
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .upload-text {
    margin-bottom: 10px;
  }

  .vehicle-info{
    width: 80%;
  }
  #vehicle_header{
    height: 75px;
  }
  #vehicle_subheader{
    float: left;
  }
  .employee-details-form .row{
    margin-top: 10px;
  }
  .inputCurrentAddress .checkbox{
    margin:5px 0px 10px 15px;
  }
  .employee-img{
    margin: 15px 0px 20px 15px;
  }
 .info-block, #info-sub-block{
    padding-left: 0px;
     
 }   
    .employee-info {
    padding: 15px !important;
    }
    .cloneContact .checkbox{
       margin-top: 10px !important;
    }
    .employee-details-form .control-label{
        
        margin-top: 10px !important;
    }
    
    .temp-sprite {
   
        background: url(../images/temp-sprite.png) no-repeat scroll 0 2px;
   
    }

    .tooltip .tooltip-inner {
      text-align: left;
     }
    
    .employee-details-view-form .table-bordered th{
        text-overflow: ellipsis;
        overflow: hidden;
        word-break: break-word;
        padding-left:2px !important;
        padding-right: 2px!important;
        text-align: center;
    }
    .employee-details-view-form .table-bordered td {
        text-overflow: ellipsis;
        overflow: hidden;
        word-break: break-word;
/*
        padding-left:2px !important;
        padding-right: 2px!important;
*/
    }
    /*
    .employee-details-form .form-group > input {
    margin-bottom: 15px!important;
   }
   */
    
/*
  .navbar-nav .open .dropdown-menu>li>a {
    line-height: 30px;
  }
*/
    
.modal-center.modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
    
    .modal-dialog.modal-sm{
        width: 90% !important;
        margin: 20px auto;
    }
}

#forgotPassword .modal-sm{
  width: 350px;
}

#emptyFieldList {
  padding-left: 25px;
}

ul#emptyFieldList li::before{

  content: "\2022";
  color: red;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;

}

.form-head-section .row > i{
  float: right;
  padding-right: 15px !important;
}

.form-head-section .row .col-lg-11 + i {  
  padding-right: 15px;
}

.view-profile .profile-edit-icons {
  text-align: right;
  float: none;
  padding: 8px 10px 0px;
}
.view-profile .profile-edit-icons a{
  font-size: 20px;
}
.profile-edit-icons a + a{
  margin-left: 15px;
}

/* recruitment */
.cand-status-radio{
  position: absolute;
  left: 0;
}
.cand-status-label{
  position: relative;
  padding-left: 5px;
}
.custom-width {
  width: 250px;
}
.custom-width .form-control {
  width: 100% !important;
}
/* recruitment */

/* Employee list  */
.badge.badge-active-emp,.badge-contract-emp {
  color: #fff !important;
  background-color: #080;
}
.badge.badge-inactive-emp {
  color: #fff !important;
  background-color: #444;
}
.badge.badge-upcoming-emp {
  color: #fff !important;
  background-color: royalblue;
}
.badge.badge-exiting-emp {
  color: #fff !important;
  background-color: red;
}
/* Employee list  */

/* PIP badge */

.badge-task-in-progress{
    background: #f1dcb7;
    color: #d08d11;
    padding: 4px 8px;
    margin: 10px 10px 10px 2px;
  }
  .badge-task-no-progress{
    background: lightgray;
    color: grey;
    padding: 4px 8px;
    margin: 10px 10px 10px 2px;
  }
  .badge-task-closed{
    background: #e7fbe7;
    color: green;
    padding: 4px 8px;
    margin: 10px 10px 10px 2px;
  }
  
  .badge-task-initiated{
    background: white;
    color: black;
    padding: 4px 2px;
    margin: 10px 10px 10px 2px;
  }
  
/* css for project brief added on 20Feb2019 */

/* Project brief */
#project-client-list .tab-content {
    display: inline-block;
    padding: 0;
    width: 100%;
}
#tab_all,#tab_project_list,#tab_deputation_list{
    padding: 20px;
}
.barChart.chart__container{
  margin-left: 10px !important;
}


.progress {
    margin-bottom: 0px;
    border-radius: 0px;
}

#tblGraph.table > tbody > tr > td{
  padding: 0px !important;
}
#tblGraph.table-bordered > tbody > tr > td{
  border-right: 1px solid #ddd;
}
#container {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}
#forgotPassword .modal-sm{
  width: 350px;
}
/* task chart */
.quarter_footer{
  /* text-align: right !important;
  padding: 0px; */
  /* min-width: 2px !important; */
  height: 20px;

}

.quarter_cell{
  padding: 0px 0px 0px !important;
}
.quarter_cell{
  min-width: 2px !important;
  background-color: pink;
  height: 20px;
}
#tblTaskViewAll td{
  padding: 0px !important;
  border: none;
}
#tblTaskViewAll th{
 border: none;
}
#project-brief .progress-bar{
  background-color: lightgrey;
  color:black;
}

#project-brief .resource_idle{
  background-color: grey;
  color:black;
}


#project-brief .resource_alloted{
  background-color: #3EB0F7;
  color:black;
  border-left : 1px solid white !important;
  border-right : 1px solid white !important;
}
#project-brief .project_alloted{
  background-color: #B7E1FC;
  color:black;
}


/* task chart */

/* .form-head-section i{
  float: right;
  margin-right: 10px;
} */
.w100{
  width: 100%;
}
.w20{
  width: 20%;
}
/* #project-brief .glyphicon {
    color: black!important;
} */
.btn-default > span{
  color: black!important;
}

.border-left{
  border-left: 1px solid black;
}

.border-top{
  border-top: 1px solid black;
}
.border-bottom{
  border-bottom: 1px solid black;
}

.btn-active{
  background-color: black;
  color: white;
}

.btn-active > span{
  color: white!important;
}

.btn-active:hover{

  background-color: black;
  color: white;
}
.bar{
  background-color: #4EB3F2 !important;
  text-align: right;
}

#frmAddProject .form-control[readonly]{
  background-color: #f5f5f5 !important;
}
ul.activityListView{
  padding-left: 25px;
}
ul.activityListView li::before{

  content: "\2022";
  color: black;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

.ml-20{
  margin-left: 20px;
}

.label-project-resourcing{
  font-weight: 300;
  font-size: 14px;
}

.fw-600{
  font-weight: 600 !important;
}

.col-fix-width{
  width: 165px;
}
.col-width-alloc{
  width: 110px;
}
.tableView th,.tableView td{
  /* padding-left: 5px!important; */
  padding: 8px 10px 0px!important;
}
.inner-table {

}


#tableAll table.dataTable thead th{
  border-bottom: none;
}
.taskView .tooltip {
    width: 200px;
}
.tooltip-inner {
    white-space: pre-wrap;
}
.resource-seperator{
  height: 10px;
}
.row-resource{
  height: auto !important;
}
.row-resource .progress{
  height: 20px !important;
}
.resource-seperator .progress{
  height: 12px !important;
}
.taskView .progress-bar{
  /* vertical-align: middle!important; */
    /* padding-top: 5px; */
}
.taskView .table > tbody > tr > td {
    vertical-align: top;
}
/* #project-views .view-btn{
  width: 60px;
  padding: 5px;
} */
#status_indicator .progress{
  height: 30px;
  width:65%;
}

#status_indicator .progress-bar{
 padding: 5px;
}
#project-views{
  padding: 20px 15px 0px 0px;
}
/* Project brief */

#fileViewer .modal-header{
  padding: 15px 15px 10px;
}
#fileViewer .modal-body{
  padding: 0px 18px 10px;
}
#fileViewer .close{
  /* position:absolute;
  top:0;
  right: 0; */
  font-size: 28px;
}
#fileViewer {
  padding:0px;
}
#pdf {
    position: relative;
    z-index: 1;
    min-height: calc(100vh - 200px);
    display: block;
}
/* css for project brief added on 20Feb2019 */

/* Legend & fieldset */
fieldset{

    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 5px;
  }
  fieldset.scheduler-border {
      border: 1px solid #F0F0F0 !important;
      /* padding: 0px 0px 5px 10px !important; */
      margin: 0px 0px 8px 0px !important;
      -webkit-box-shadow:  0px 0px 0px 0px #000;
              box-shadow:  0px 0px 0px 0px #000;
  }
  legend.scheduler-border {
          font-size: 1.2em !important;
          font-weight: bold !important;
          text-align: left !important;
          width:auto;
          padding:0 10px;
          border-bottom:none;
      }
  
      legend {
      display: block;
      width: auto;
      padding: 10px;
      margin-bottom: 5px;
      font-size: 14px;
      font-weight: 600;
      line-height: inherit;
      color: #333;
      border: 0;
      border-bottom: none;
    }
/* Legend & fieldset */

/* Software inventory */
.col-fix-width-si{
  width:150px !important;
  padding: 5px 25px;
}

.ml-10{
  margin-left: 10px !important;
}
.addSoftware{
  font-size: 18px;
  color:blue;
  cursor: pointer;
}

.user-device {
    position: relative;
    width: 250px;
    height: 120px;
    /* display: flex; */
    align-items: center;
    justify-content: center;
    border: 5px solid silver;
    color: #333333;
    border-radius: 6px; }
    .user-device p {
      /* font-weight: 800;
      font-size: 18px; */
     }
    .user-device::after {
      content: '';
      position: absolute;
      display: inline-block;
      width: 60px;
      height: 5px;
      left: 50%;
      margin-left: -30px;
      bottom: -10px;
      background: lightgray; }
      .user-device::before {
        content: '';
        position: absolute;
        display: inline-block;
        width: 100px;
        height: 5px;
        left: 50%;
        margin-left: -50px;
        bottom: -15px;
        background: silver; }


.center {
margin: 0;
position: absolute;
top: 50%;
left: 50%;
width: 80%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.pl-25{
    padding-left: 25px !important;
}
.w50{
  width: 50px;
}

.machine-icon{
    font-size: 14px;
}
.machine-icon-available{
    color: green;
}
.machine-icon-allocated{
    color: orange;
}
.machine-icon-discarded{
    color: grey;
}
.machine-icon-lost{
    color: red;
}

.machine-status{
    font-size: 28px;
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px;
}
.machine-status-allocated{
    color: orange;
}
.machine-status-discarded{
    color: grey;
}
.machine-status-lost{
    color: red;
}
.glyphicon-export{
  font-size: 20px;
  color: green;
  font-weight: 400;
  position: absolute;
  top: 0;
  right: 0;
  padding-right: 15px;
  cursor: pointer;
}
/* Software Inventory */

.inactive-leave-action{
  color: #696969 !important;
}

/* Requisition */
#recordList td {
    vertical-align: top;
}

#recordList a {
  color: #00b1bf;
  cursor: pointer;
}
.w45{
  width: 40px;
}
.open_position{
  background-color: #EF5030;
  color:black;
}
.closed_position{
  background-color: #78B825;
  color:black;
}
.cancelled_position{
  background-color: #a0a0a0cf !important;
  color:black;
}

.cancelled_position_record{
  color: #DCDCDC!important;;
}

.pipeline_position{
  background-color: #FDA720;
  color:black;
}

.clonePosition [class*="col-"] {
  /* padding: 0px !important; */
  padding-right: 10px !important;
  padding-left: 10px !important;
}
.white-space-nowrap{
  white-space: nowrap;
}
.requisition-legend-list li{
  display: inline-block;
  text-align: center;
  margin-right: 15px;
}
.legend-check-list{
    text-align: right;
}
.legend-check-list li{

    display: inline-flex;
    margin-right: 15px;
}
.legend-check-list label{
    margin-right: 10px;
}
.legend-check-list .badge{
  height: 18px;
}
.open-position-list li {
  display: inline-block;
  text-align: center;
  margin-right: 15px;
}
.open-position-list li .badge {
  display: block;
  width: 30px;
  margin: 0 auto;
}
.pdl-5{
    padding-left: 5px !important;
}
.requisition table a {
    color: #00b1bf;
}
/* End of Requisition */

/* Invoice */

.invoice a{
  cursor: pointer;
  color: #02aebe;
}
.invoice .col-fix-width-si{
  width:160px !important;
  padding: 5px 25px;
}
/* .block-item{
  display: block;
  padding-bottom: 10px;
} */
.invoice .glyphicon-export{
  font-size: 20px;
  color: green;
  font-weight: 400;
  position: absolute;
  top: 1;
  right: 0;
  padding-top: 8px;
  padding-right: 20px;
}
/* .invoicePdf pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-family: Open Sans;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: white;
    border: none;
    padding: 0;
} */
#invoiceDetails{
  background-color: white;
}
.invoice-details {  
    background: #fff;
    padding: 0px;   
}
#treeview-searchable .node-disabled {
    display: none;
}
.invoice .icon {
    background-image: none;
    padding: 0px;
}

.table-layout{
  table-layout: fixed;
}
.table-layout td{
  overflow-wrap: break-word;
}
.table-layout td>span{
  overflow-wrap: break-word;
}
#treeview-searchable{
  height: 150px;
  overflow: auto;
  margin-bottom: 5px;
  box-shadow: 0 3px 5px rgba(0,0,0,0.06);
}
/* End of Invoice */

.no-record-found{
  background-color:whitesmoke;
  text-align: center;
  padding: 10px;
  margin-bottom: 15px;
}

.w-100-per{
  width:100% !important;
}
.w-100-per .btn-group.bootstrap-select{
  width:100% !important;
}
#talent-pool .row{
  padding: 0 10px 10px 10px !important;
}
  #talent-pool fieldset.scheduler-border {
      border: 1px solid #dbdbdb !important;
  }

/* raise query */
.badge.badge-pending-queries {
  margin-left: 5px;
  color: #fff !important;
  background-color: red;
}
/* end of raise query */

.org-section{
  width: 50%;
  float: left;
  display: block;
  padding: 10px;
}



/* RRF */
.custom-bullet>li {
    display: block;
    font-size: 14px;
    font-weight: 600;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 5px;
    margin-bottom: 0px;
    color: black;
}

.custom-bullet>li:before
{
    /*Using a Bootstrap glyphicon as the bullet point*/
    content: "\e080";
    font-family: 'Glyphicons Halflings';
    font-size: 14px;
    font-weight: 600;
    float: left;
    /* margin-top: 4px; */
    margin-left: -17px;
    color: #CCCCCC;

}

.requisition .custom-bullet .row{
  padding: 5px 15px 0px 10px;
}
.requisition .custom-bullet .control-label{
  color: lightslategrey;
}
.requisition .control-label{
  color: lightslategrey;
    float: none !important;
}

.pdt-25{
  padding-top: 25px;
}

/* Timeline */
.timeline {
  width: 100%;
  height: 100px;
  max-width: 800px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

.timeline .events {
  position: relative;
  background-color: #606060;
  height: 3px;
  width: 100%;
  border-radius: 4px;
  margin: 2em 0;
 }

.timeline .events ol {
  margin: 0;
  padding: 0;
  text-align: center;
}

.timeline .events ul {
  list-style: none;
}

.timeline .events ul li {
  display: inline-block;
  width: 31%;
  margin: 0;
  padding: 0;
  text-align: right;
}

.timeline .events ul li a {
  font-family: 'Arapey', sans-serif;
  font-style: italic;
  font-size: 1.25em;
  color: #606060;
  text-decoration: none;
  position: relative;
  top: -32px;
}

.timeline .events ul li a.approved:after {
  content: '';
  position: absolute;
  bottom: -25px;
  left: 50%;
  right: auto;
  height: 27px;
  width: 27px;
  border-radius: 50%;
  border: 2px solid #606060;
  background-color: #fff;
  transition: 0.3s ease;
  transform: translateX(100%);
  content:"\e013";
  font-family:"Glyphicons Halflings";
  color: green;
  padding: 0px 5px 5px 0px;
}
.timeline .events ul li a:after {
  content: '';
  position: absolute;
  bottom: -25px;
  left: 50%;
  right: auto;
  height: 27px;
  width: 27px;
  border-radius: 50%;
  border: 2px solid #606060;
  background-color: lightgray;
  transition: 0.3s ease;
  transform: translateX(100%);
  /* content:"\e013"; */
  /* font-family:"Glyphicons Halflings"; */
  /* color: green; */
  padding: 0px 5px 5px 0px;
}
.timeline .events ul li span {
/* margin-right: 20px; */
 font-weight: 500;
 color: black;
}
.timeline .events ul li a:hover::after {
  /* background-color: #194693; */
  /* border-color: #194693; */
}

.timeline .events ul li a.selected:after {
  /* background-color: #194693; */
  /* border-color: #194693; */
}

.events-content {
  width: 100%;
  height: 100px;
  max-width: 800px;
  margin: 0 auto;
  display: flex;
  justify-content: left;
}

.events-content li {
  display: none;
  list-style: none;
}

.events-content li.selected {
  display: initial;
}

.events-content li h2 {
  font-family: 'Frank Ruhl Libre', serif;
  font-weight: 500;
  color: #919191;
  font-size: 2.5em;
}
/* end of timeline  */

/* End of RRF */

/* org chart */
.top-right{
  position: absolute;
  top: 0%;
  left: 100%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-color: #55555591;
  color: white;
  font-size: 16px;
  padding: 5px 10px;
  border: none;
  cursor: pointer;
  border-radius: 4px;
  text-align: center;
}
/* org chart */


.requisition-dashboard .table-layout td{
      border: 0px solid black !important;
      padding-top: 3px !important;
      padding-bottom: 3px !important;
}
.requisition-dashboard .table-layout th{
      border: 0px solid black !important;
      padding-top: 5px !important;
      padding-bottom: 0px !important;
}
.location-card{
  /* padding: 25px 60px 25px 0px; */
  padding: 0;
margin-bottom: 30px;

}
.location-card > .card-row {
  background-color:white;
    border:1px solid #dcdcdb;
    padding:10px;
}

/* contract mgmt */
.contract-header {
    background: #ababab;
    color: #fff;
    font-size: 15px;
    padding: 5px;
    line-height: 20px;
}
.contract-customer-form{
  background-color: white;
  border: 0px solid lightgray;
}
.contract-customer-form fieldset{
  padding-bottom: 10px;
}
.contract-customer-form fieldset .row{
  padding: 0px 10px 5px;
}
.contract-customer-form .input-file-container{
  margin-top: -10px;
}
.contract-customer-form .upload-text{
  margin-top: -10px;
}
.contract-customer-form .cloneClientUnit .row{
  padding: 10px !important;
}
.contract-customer-form .cloneClientUnit div[class*=col-]{
  padding-left: 10px;
}
.contract-customer-form .cloneContract .row{
  padding: 0px;
}
.contract-customer-form .cloneBusinessContact .row{
  padding: 0px;
}
.contract-customer-form div[class*=col-]{
  padding-left: 15px;
  padding-right: 10px;
}
.customer-details{
  background-color: white;
  padding: 20px !important;
}
.customer-details div[class*=col-]{
  padding-left: 15px;
}
.customer-details a{
  color: #00b1bf;
  cursor: pointer;
}
/* .customer-details th,.customer-details td{
  text-align: center;
} */

/* end contract mgmt */



/* Design toolkit */
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
0.1 Home Page
0.2 Get Loan page
0.3 Manufacturing
0.4 Product Page
--------------------------------------------------------------*/
/*Vertical center*/
/* Common Color Variables */
/* ---------------------------------------------------------------------- */
/*  Icons
/* ---------------------------------------------------------------------- */
.icon20 {
  width: 20px;
  height: 20px;
  display: block; 
  cursor: pointer !important;
}
  .icon20.icon-edit {
    background: url(../images/ico-edit.png) no-repeat center; }

.icon18 {
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  margin-right: 5px;  
}
  .icon18.icon-pdf {
    background: url(../images/ico-pdf.png) no-repeat center;
    margin-right: 6px; }
  .icon18.icon-youtube {
    background: url(../images/ico-youtube.png) no-repeat center;
    margin-right: 6px; 
    height: 12px !important;  
    width: 20px !important;      
}
  .icon18.icon-user {
    background: url(../images/ico-users.png) no-repeat center;
    margin-right: 6px; }
  .icon18.icon-briefcase {
    background: url(../images/ico-briefcase.png) no-repeat center;
    margin-right: 6px; }
  .icon18.icon-pen {
    background: url(../images/ico-pen.png) no-repeat center;
    margin-right: 6px; }

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
0.0 Layout Architecture
0.1 Heading
0.2 Button
0.3 Utility
0.4 Tabs Primary
0.5 Modal Center Align
0.6 Floating Label
0.7 Custom Radio Button
0.8 Tooltip inner
0.9 Image Animation
0.10 Banner fixed
0.11 Form Control

--------------------------------------------------------------*/
/*0.0 Layout Architecture*/
a {
  text-decoration: none; }
  a:hover, a:focus, a:visited {
    text-decoration: none;
    outline: none; }

.container {
  /* width: 1280px; */
  width: auto;
 }

  .toolkit-wrapper {
    background-color: #ffffff;
  }

header {
  position: sticky;
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  top: 0;
  z-index: 3;
background-color: #000000;}
  header.d-toolkit-header {
    background-color: #02aebe;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    z-index: 1;
      top: 72px;
    }
  header .header-title {
    color: #ffffff;
    font-size: 24px; }

nav.d-toolkit.main-nav-list a {
  display: inline-block;
  padding: 0 20px;
  color: #ffffff;
  line-height: 60px;
  font-size: 18px; }
  nav.d-toolkit.main-nav-list a:last-of-type {
    padding-right: 20px; }

nav.d-toolkit.left-nav-list {
  position: sticky;
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  top: 138px;
    height: calc(100vh - 215px);
  overflow: auto;
/*  z-index: 1; */
}
  nav.d-toolkit.left-nav-list a {
    display: block;
    padding: 0 20px;
    color: #90b0b3;
    line-height: 1.2;
    font-size: 14px;
    font-weight: 600;
    border-left: 5px solid transparent;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
          
    min-height: 50px;
    display: flex;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;      
}
    nav.d-toolkit.left-nav-list a:hover, nav.d-toolkit.left-nav-list a.active {
      border-left: 5px solid #02aebe;
      background-color: #ffffff;
      color: #3e4c4d;
      -moz-transition: all 0.4s ease-in-out;
      -o-transition: all 0.4s ease-in-out;
      -webkit-transition: all 0.4s ease-in-out;
      -ms-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out; }

.toolkit-wrapper > .row {
  height: 100%;
  display: block;
  display: -moz-box;
  display: -webkit-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row; }

.toolkit-wrapper .leftnav-wrapper {
  height: 100%;
  box-shadow: 4px 2px 4px -4px #486466;
}

.toolkit-wrapper .toolkit-main-content {
  height: 100%;
}

.toolkit-wrapper .right-content-wrapper {
  height: calc(100% - 20px); }

.bg-light-green {
  background-color: #f2f8f8 !important; }

.bg-light-gray {
  background-color: #fbfbfb !important; }

.d-flex {
  display: flex;
  height: 100%; }

.no-gutter {
  margin-right: 0;
  margin-left: 0; }
  .no-gutter > [class*="col-"] {
    padding-right: 0;
    padding-left: 0; }

.link-edit {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle; }

.modal {
  text-align: center;
  padding: 0 !important; }

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px; }

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle; }

.toolkit-modal .modal-content {
  border: none; }
  .toolkit-modal .modal-content .modal-header {
    background-color: #02aebe; }
    .toolkit-modal .modal-content .modal-header .close {
      font-size: 28px;
      font-weight: 500;
      color: #ffffff;
      line-height: 24px;
      margin-top: 0;
      opacity: 1; }
      .toolkit-modal .modal-content .modal-header .close:focus {
        outline: 0 none; }
    .toolkit-modal .modal-content .modal-header h4.modal-title {
      font-size: 22px;
      font-weight: 500;
      line-height: 1;
      color: #ffffff;
      text-align: center; }
  .toolkit-modal .modal-content .modal-body .form-wrapper .form-group label {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600; }
  .toolkit-modal .modal-content .modal-body .form-wrapper .form-group .form-control {
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0); }
  .toolkit-modal .modal-content .modal-footer .btn {
    text-transform: uppercase;
    font-size: 14px; }
    .toolkit-modal .modal-content .modal-footer .btn:active {
      box-shadow: inset 0 0 0 rgba(0, 0, 0, 0); }
    .toolkit-modal .modal-content .modal-footer .btn:focus {
      outline: 0 none; }
    .toolkit-modal .modal-content .modal-footer .btn.btn-default {
      color: #02aebe;
      background-color: transparent;
      border-color: transparent;
      -moz-transition: all 0.4s ease-in-out;
      -o-transition: all 0.4s ease-in-out;
      -webkit-transition: all 0.4s ease-in-out;
      -ms-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out; }
      .toolkit-modal .modal-content .modal-footer .btn.btn-default:hover {
        color: #ffffff;
        background-color: #02aebe;
        border-color: #02aebe; }
    .toolkit-modal .modal-content .modal-footer .btn.btn-primary {
      color: #ffffff;
      background-color: #02aebe;
      border-color: #02aebe; }

.outcome-block {
  margin-bottom: 10px; }

.add-textbox {
  display: block;
  margin-top: 35px; }

.mt-10 {
  margin-top: 10px; }

/* body {
  font-family: "Open Sans", sans-serif;
  line-height: normal;
  color: #3e4c4d;
  background-color: #ffffff;
  font-size: 16px; } */

.toolkit-main-content {
  padding: 20px 20px; }

.right-content-wrapper {
  margin-top: 20px; }
  .right-content-wrapper ol li {
    font-size: 14px; }

.panel.panel-toolkit {
  border: 0 none;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  border-collapse: separate; }
  .panel.panel-toolkit .panel-heading {
    border-bottom: 1px solid #e1e1e1; }
    .panel.panel-toolkit .panel-heading h3 {
      color: #3e4c4d;
      line-height: normal;
      font-size: 22px;
      font-weight: 600; }
  .panel.panel-toolkit .panel-body h4 {
    color: #3e4c4d;
    line-height: normal;
    font-size: 18px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 15px; }
  .panel.panel-toolkit .panel-body p {
    font-size: 14px;
    color: #3e4c4d; }
  .panel.panel-toolkit .panel-body > ul {
    margin-bottom: 20px;
    padding-left: 20px; }
    .panel.panel-toolkit .panel-body > ul:last-child {
      margin-bottom: 0; }
    .panel.panel-toolkit .panel-body > ul > li {
      font-size: 14px;
      color: #3e4c4d;
      margin-bottom: 10px;
      list-style-type: circle; }
      .panel.panel-toolkit .panel-body > ul > li:last-child {
        margin-bottom: 0; }
  .panel.panel-toolkit .panel-body > ol {
    margin-bottom: 20px;
    padding-left: 20px; }
    .panel.panel-toolkit .panel-body > ol:last-child {
      margin-bottom: 0; }
    .panel.panel-toolkit .panel-body > ol > li {
      color: #3e4c4d;
      margin-bottom: 10px; }

.panel.panel-knowledge-references p {
  padding-left: 23px;
  font-size: 12px; }

.mandatory-steps {
  border: 1px solid #02aebe;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  position: relative;
  min-height: 90px;
  overflow: hidden; }
  .mandatory-steps .madatory-title {
    background-color: #02aebe;
    color: #ffffff;
/*
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    text-align: left;
    position: absolute;*/
    font-size: 14px;
    bottom: 0;
    left: 0;
    margin-left: 0;
    -webkit-transform-origin: 20px 10px;
    transform-origin: 15px 15px;
    margin: 0 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    width: 100%;
    padding: 5px 15px; }
  .mandatory-steps .ql-editor.display-text {
/*    margin: -35px 0px 0px 15px;*/
       margin-top: -45px;
       
     }
.mandatory-steps p{
    font-size: 12px !important;
}

.mandatory-steps .ql-editor.display-text{  
/*  padding: 0px 15px 0px 35px;*/
/* padding: 0 15px 0 0;*/
}

.ref-header{
  display: flex;  
  align-items: left;
}

.ref-header a.link-attachment + i{
  margin-left: auto;
  min-width: 25px;
}

.ref-header .glyphicon{
  cursor: pointer;
}

.ref-header .glyphicon-pencil{
  color: #02aebe;
}
.ref-header .glyphicon-trash{
  color: #e29c9c;
}

.d-flex{
  display: flex !important;
}
.justify-content-start{
    justify-content: start;
}
.align-item-center{
  align-items: center;
}
.align-item-baseline{
  align-items: baseline;
}
.flex-grow-1{
  flex-grow: 1;
}
.d-flex a.link-attachment{
  margin-top: -5px;
}

.pseudo-list{
   position:absolute;
   top:0;
   left:-10px;
   z-index:0;
}
.pseudo-list li{
   list-style:none;
   padding:11px 0;
   margin-bottom:15px;
   font-size: 14px;
   font-weight: 600;
}

#ref-sortable li{
  padding: 10px;
  margin-bottom: 15px;
  cursor: move;
  margin-left: 10px;
}
#ref-sortable li p{
  margin-bottom: 0;
}
.action-cta{
  color: blue;
  cursor: pointer;
  margin-left: 15px; 
}


a.link-attachment {
  font-size: 14x;
  
  font-weight: 500;
  display: block;
  margin-bottom: 5px; 
  position: relative;
}
a.view-file.link-attachment, a.view-link.link-attachment{
   cursor:pointer;  
   color: #4478e1;
}
a.view-file{
    cursor:pointer;  
 }

.content-wrapper{
  margin-bottom: 20px;
}
.toolkit-modal .outer-section{
  padding: 0;
  background-color: transparent;
}
.toolkit-modal .modal-body{
  margin-top:20px;
}


.ql-editor {
    line-height: 1.5 !important;
}

.ql-editor.display-text{
  margin-top: -60px;
/*
  margin-left: -25px;
  padding: 0px 35px;
*/
}
.ql-editor li{
  padding: 0px 5px !important;
}

.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 1.5em !important;
}

.ql-editor ol, .ql-editor ul {
    padding-left: 0px !important;
}

/*
.content-wrapper li{
  padding-top: 0px;
  padding-bottom: 0px;
}
.content-wrapper ul{
  padding-left: 15px;
}
.content-wrapper ul li{
  list-style: disc;
} */

.form-wrapper .upload-icon:after {
  top: -10px !important;
}
.form-wrapper .small-text {
  margin-top: -20px !important;
}
.form-wrapper .upload-text .small-text span {
      width: 100px;
}
.form-wrapper .upload-text .remove-file-icon
{
  position: absolute;
  right: 10px;
}
.link-attachment i{
  color: black;
  vertical-align: middle;
}
.add-ref .fa-plus{
  display: block;
  margin-left: 10px;
  font-size: 20px;
  color:#02aebe;
}

.odd-row{
    background-color: #f5f7f6;
    border: 1px dashed lightgray;
    padding: 5px;
}
.even-row{
    background-color: white;
    border: 1px dashed lightgray;
    padding: 5px;
}
.template-list td{
  padding: 0px !important;
}
.template-list th{
  /* font-size: 18px; */
  font-weight: bold !important;
  vertical-align: middle !important;
}


/* #addDesignToolkit{
  position: absolute;
  right: 10;
  bottom: 10;
} */
/* End  OF Design toolkit */
.mt-40{
  margin-top: 40px;
}
.pd-15 {
    padding:15px !important;
}
.text-black{
  color:black;
}

.download-template a{
  display: inline;
}

.download-template .download-link{
  margin-left: auto;
  
}

.panel.panel-toolkit .panel-heading span>a {
  color: blue;
  font-size: 14px;
  float: right;
  margin-top: -25px;
}
.toolkit-modal .modal-lg {
    max-width: 60% !important;
}

/* upload org-chart */
.d-inline{
  display: inline-block;
}
#frmOrgchartImage .modal-footer{
    text-align: center !important;
}
#frmOrgchartImage .input-file-container{
    margin: 0 auto;    
}
/* upload org-chart */

.org-data-images {
    pointer-events: none !important;
}

.color-red{
  color: red;
}
.color-blue{
  color: blue;
}

.fa-history{
  color:white;
  font-size: 18px !important;
}


/* Contract mgmt */

.numberCircle {
    font: 14px Arial, sans-serif;
    padding: 5px;
    width: 2em;
    height: 2em;
    box-sizing: initial;

    background: #fff;
    border: 0.1em solid #666;
    color: #666;
    text-align: center;
    border-radius: 50%;

    line-height: 2em;
    box-sizing: content-box;
}
.customer-details{
  background: white !important;
}
.contract_mgmt .running{
  background: #CCFFCC;
  font-weight: 650;
}

.contract_mgmt .closed{

  background: silver;
  font-weight: 650;
}

.contract_mgmt .pipeline{
  background: orange;
  font-weight: 650;
}
.contract_mgmt tr.row-amount{
  color:black;
  background:linen;
  font-weight: 700;
}

.contract_mgmt tr.row-amount{
  color:black;
  background:linen;
  font-weight: 700;
}
.contract_mgmt tr.row-amount th{
  color:black;
  font-weight: 700;
}
.pd-5{
  padding: 5px;
}
.badge-info {
  background-color: #00b1bf;
}
.nav-tabs li a{
  color:	#585858 !important;
  font-weight: 650;
}
.table-nested-list{
    padding-left: 25px;
    position: relative;
    font-size: 12px;
}
.table-nested-list:before{
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    position: absolute;
    background: #00aebb;
    border-radius: 50%;
    left: 12px;
    top: 5px;
}
.table-group-row{
  background:rgba(0, 176, 190, .1);
  font-weight: 600;
}

.form-head-section .glyphicon-pencil{
  font-size: 24px;
}
/* Contract mgmt */

/* Referral section */

#referralModal .modal-header{
    padding: 15px 25px;
}
#referralModal .modal-body{
  padding: 20px 25px 15px;
}
#referralModal .modal-body .row{
  /* margin-top: 25px; */
  /* padding-bottom: 40px; */
  min-height: 95px;
}
#referralModal  .help-block.form-error{
 padding: 0 !important;
}
.header-backcolor{
  background-color: #FFC74F;
}
.header-backcolor h4{
    color: black;
}

#referralModal  .primary-button{
    font-weight: 600;
    background: #FFC74F;
}

#referralModal  .secondary-button{
    font-weight: 600;
    background: lightgray;
}
.cand-group-referral{
  padding: 20px;
  /* background: #3c7aca73; */
}
.validationMsgReferral{
    padding: 10px;
    background:#ec040124;
    margin-top: 10px;
}

.yellow-bg.referral-section {
    /* background: url(../images/yujmitra.jpg); */
    background-size: 100%;
    height: 293px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    position: relative;
    border: 0 none;
    /* padding: 0 !important; */

    
}
.yellow-bg.referral-section.yujmitra{
    padding: 0;
    height: 150px;
    margin: 20px 0;
}

/* .yellow-bg.referral-section.yujmitra img{
    height: 293px;
    width: 100% !important;
} */


.referral-section h5.ref-heading {
        color: white;
    font-size: 17px;
    /* text-shadow: 2px 2px 5px #000; */
    background: #1C1C1C;
    padding: 5px 10px;
    position: absolute;
    top: -12px;
}
.referral-section .btn.ref-btn {
    border-radius: 4px;
    background-color: white;/*#FDB60F;*/
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    color: black;
    margin-top: 70px;
    box-shadow: 0px 1px 5px #000;
    position: absolute;
    bottom: 40px;
    right: 20px;
    padding: 5px 10px;
}


.yellow-bg.referral-section p{
/*    background: #3E3D3D;*/
     background: #000000;
    padding: 8px;
    font-size: 14px;
    color: white;
    border-radius: 4px;
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 10px;
}
.yellow-bg.referral-section.proj-request {
    /* background: url(../images/proj-req-bg.png); */
    background: url(../images/proj_request_thumbnail.png);
    height: 293px;
    text-align: center;
    background-position: inherit;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 12px;

}

.yellow-bg.referral-section.proj-request span.title {
    color: #ffffff;
    font-size: 18px;

}
.yellow-bg.referral-section.proj-request .subtitle {
    color: #ffffff;
    font-size: 12px;
    text-align: justify;
    padding: 10px 0 0;
    margin-bottom: -5px;
}


.yellow-bg.referral-section.value-book {
    /* background: url(../images/value-book-bg.png); */
    background: url(../images/value-book-thumbnail.png);

    height: 293px;
    text-align: center;
    background-position: inherit;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 12px;
}

.yellow-bg.referral-section.value-book span.title {
    color: #292d29;
    font-size: 18px;

}
.yellow-bg.referral-section.value-book .subtitle {
    color: #292d29;
    font-size: 12px;
    text-align: justify;
    padding: 10px 0 0;
    margin-bottom: -5px;
}
/* EOF Referral section */

/* Contract dashboard */
.dashboard-contract .bg-gray {
      background-color: white;
  }

  .dashboard-contract {
      height: calc( 100vh - 250px);
  }
   .full-height {
      height: 100%;
  }
  .scrollable-section {
      height: 120%;
      overflow: auto;
  }
  .dashboard-contract .card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color:
    rgba(0,0,0,.03);
    border-bottom: 1px solid
        rgba(0,0,0,.125);
  }

  .dashboard-contract .card {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
     flex-direction: column;
  }
  .card td,.card th {
  text-align: left !important;
  }

.dashboard-contract .left-wrapper{
  height: 100%;
  overflow: hidden;
}
.dashboard-contract  a {
    color: #00b1bf;
}
.card table th {
   position: sticky;
   top: 0;
   background: white;
   z-index: 1;
 }


/* EOF Contract dashboard */

/* Project Archive */
 .search-input-group{
   position: relative;
   margin-top: 25px;

 }
 .search-input-group>input{
   border-radius: 25px;
   padding-right: 35px;
   padding-left: 15px;
 }

 .search-input-group span{
   position: absolute;
   top:0;
   right: 0;
   height: 34px;
   width: 25px;
   vertical-align: middle;
   display: inline-block;
   line-height: 34px;
 }
 .page-container{
   padding: 20px;
 }
 .clear-filter{
     display: inline-block;
     margin-top: 30px;
     text-decoration: underline;
 }


 .project-archive-list{
   padding: 40px 0px;
 }
 .panel.card-project {
   padding: 10px 15px;
   margin-bottom: 30px;
 }
 .panel.card-project .project-header{
   display: flex;
 }
 .panel.card-project .project-action{
   margin-left: auto;
 }
 .panel.card-project .project-action i{
   width: 20px;
   height: 20px;
   cursor: pointer;
 }

 .panel.card-project .project-header-left {
       width: calc(100% - 50px);
 }
 .panel.card-project .project-header-left p{
   margin-bottom: 0px;
 }
 .panel.card-project .project-header-left p:first-of-type{
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }

 .panel.card-project .project-header-left strong{
   font-size: 16px;
   color:#02aebe;
   font-weight: 600;
 }

 .panel.card-project .project-header-left small{
     color:gray;
 }
 .panel.card-project .project-desc{
   padding: 10px 0px 20px;
   min-height: 60px;
   max-height:60px;
   margin-bottom: 20px
 }
 .panel.card-project .project-type .sub-header-text{
   border: 1px solid silver;
   border-radius: 15px;
   padding: 2px 10px;
   margin-left: 10px;
   font-size: 12px;

 }
 .panel.card-project .project-type .sub-header{
   font-size: 12px;
   font-weight: 550;
 }

 .page-container .divider{
   border-bottom: 2px solid silver;
   margin: 0 -20px 20px;
 }

 /* Project archive add */
 .project-archive{
   /* padding: 20px 40px; */
/*   margin-bottom: 25px;*/
 }
 .project-archive h2{
   font-weight: 600;
 }
 .project-archive label{
   font-size: 14px;
   font-weight:  550;
 }
 .project-archive .project-file-list span{
   color:grey;
 }
 .project-archive .project-file-list li{
   list-style: disc;
   margin-left: 20px;
 }

 .project-archive .btn-action{
   border: 1px solid #02aebe !important;
   border-radius: 5px;
   color:#02aebe;
   margin-bottom: 25px;
 }
 .project-archive .btn-submit{
   background-color: #02aebe;
   color: white;
 }


 .project-archive .section-header{
       border-bottom: 2px solid silver;
       margin-bottom: 15px;
 }
 .project-archive .section-header p{
       margin:2px 0;
 }

 .project-archive .fa-angle-left{
   font-size: 28px;
   font-weight: 650;
   cursor: pointer;
   height: 30px;
   width: 30px;
   position: absolute;
   left: 10px;
   top: 10px;
 }

 .project-doc-list .list-item{
   display: block;
   background-color: white;
   padding: 8px 10px 8px;
   align-items: center;
   margin-bottom: 5px;
 }
 .project-doc-list .list-item-title{
   display: flex;
   /* background-color: white;
   padding: 8px 10px 8px;
   align-items: center;
   margin-bottom: 5px; */
 }
 .project-doc-list  .list-item-progress progress{
   width: 100%;
   height: 12px;
   margin: 10px auto 0px;
 }
 progress{
   background-color: #02aebe !important;
 }
 .project-doc-list  .list-item-progress span{
   color:red;
 }
 .project-doc-list .list-item p{
   margin: 0 !important;
 }

 .project-doc-list .list-item i{
   margin-left:auto;
 }
 .project-doc-list .list-item.existing i{
   margin-left:5px;
 }

 .project-doc-list .list-item.existing{
   background-color: transparent;
   padding: 0px 10px 5px;
   display: flex;
 }

 .project-doc-list .list-item p{
     max-width: calc(100% - 5px);
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow: hidden;
 }

 .project-archive .view .card-title{
   color: black !important;
 }

 .project-doc-list.ref .list-item i{
   margin-left:none;
 }


 .project-doc-list.ref .ref-file{
   display:flex;
   align-items: center;
   justify-content: start;
 }

 .project-doc-list.ref .list-item{
   display: block;
   background-color: transparent;
   padding: 0;
   margin-top: 15px;
 }
 .project-doc-list.ref textarea{
   width: 100%;
   margin-top:5px;
 }
 .pdr-8{
   padding-right: 8px;
 }
 .selected-team-members{
     max-height: 300px;
     overflow: auto;
 }
 #team_member_list .filter-option{
   visibility: hidden;
 }
 .project-archive .btn-default {
     border-radius: 4px !important;
 }

 /* EOF  Project Archive */

/* recruitment */
.portfolio-url{
  width: 80% !important;
  margin:5px 0 0 50px;
}
/* EOF recruitment */


/* Leave action */
.leave-mailto-list{
  padding: 0px;
}
.leave-mailto-list .col-md-1{
    width: 4%;
}
.leave-mailto-list span{
  margin-top: 15px !important;
  font-size:12px;
  font-weight:normal;
}
.pdl-20{
  padding-left: 20px;
}
/* EOF Leave action */

/* Component Library */

#updateComponent .form-group label{
  text-transform: none !important;
}
.toolkit-wrapper .btn.btn-primary{
  color: #ffffff;
  background-color: #02aebe;
  border-color: #02aebe;
}
.quest-post-reply-list ul{
  /* background-color: whitesmoke; */
  margin: 10px 0 ;
}
.quest-post-reply-list li{
  margin:10px 0 0 25px;
  font-size: 12px;
  padding: 5px;
}


.quest-post-reply-list li.comment-box{
  border: none;
  padding-left: 0;
  /* padding: 0;
  display: inline-flex;
  width: 95%; */
  display: flex;
  align-items: flex-end;

}
.quest-post-reply-list li.comment-box textarea{
  width: 100%;
  padding: 5px 10px;
  border-radius: 5px;
  resize: none;
  overflow: hidden;
  max-height: 100px;
  text-align: justify;
}
.quest-post-reply-list li.comment-box div:first-child{
  width: 95%;
}

.quest-post-reply-list .reply .fa-reply {
  font-size: 16px;
  position: relative;
  top: -10px;
  left: -18px;
}

.quest-post-reply-list li.comment-box .reply-box {
  float: right;
  padding-right: 10px;
  margin-left: 5px;
  margin-bottom: 20px;
  font-size: 18px;
}

.quest-post-reply-list .reply{
  border: 1px solid #80808030;
  border-radius:5px;
  padding: 0px 10px;
}

.quest-post-reply-list .question{
  border: 2px solid #80808030;
  border-radius:5px;
  padding: 5px 10px;
  background: #f2f8f8
}
.quest-post-reply-list .question p:first-child{
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 0;
}

.quest-post-reply-list p{
  text-align: justify;
}
.quest-post-reply-list .reply-time{
  text-align: right;
  margin-bottom: 0;
  font-size: 12px !important;
  font-weight: 400;
}

.component-file-card .preview-file{
  cursor: pointer;
}

.video-wrapper{
     display:table;
     width:auto;
     position:relative;
     width:100%;
 }
 .playpause {
     background-image:url('../images/ico_play.png');
     background-repeat:no-repeat;
     width:24%;
     height:24%;
     position:absolute;
     left:0%;
     right:0%;
     top:0%;
     bottom:15%;
     margin:auto;
     background-size:contain;
     background-position: center;
     cursor: pointer;
 }
.component-lib-placeholder::placeholder{
     font-style: italic;
     font-size:12px;
}
#modalActionList .modal-dialog{
    background: white;
}
#pdffileViewer .modal-header{
    padding: 0 25px 0;
}
#pdffileViewer .modal-dialog{
   width:83%;
}
#pdf-render{
    width: 100%;
}

/*
#pdf { 
overflow: hidden;
position: relative;
width:1044px;
height:1600px;
-ms-zoom: 1.2;
-moz-transform: scale(1.2);
-moz-transform-origin: 0px 0;
-o-transform: scale(1.2);
-o-transform-origin: 0 0;
-webkit-transform: scale(1.2);
-webkit-transform-origin: 0 0; 

}
*/
/* EOF Component Library */

/* Tell us */
#tellusModal .modal-header, #successModalTellus .modal-header{
    padding: 10px !important;
}
#tellusModal .modal-header .close {
    margin-top: -20px !important;
}
#successModalTellus .modal-footer{
    text-align:center !important;
}
#successModalTellus .turquoise_button{
    border-radius: 15px !important;
    width: 76px;
    height: 29px;
}
.tellus-section .btn.ref-btn {
 width: 40% !important;
}
.yellow-bg.tellus-section .info{
   
    background: #000000;
    padding: 8px;
    font-size: 12px;
    color: white;
    position: absolute;
    bottom: 20px;
    border-radius:4px;
}
.yellow-bg.referral-section.tellus-section {
    background-image: url(../images/SLAY_program.jpg) !important;
    background-size: cover;
    height: 287px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    position: relative;
    border: 0 none;
    border-radius: 5px;
}

.yellow-bg.referral-section.tellus-section.video {
    background-image: url(../images/video_thumbnail.jpg) !important;
}

/* EOF Tell us*/

/* Proj mgmt */
.wd-150{
    width: 150px;
  }
  .cloneActivity input[type="checkbox"][readonly] {
    pointer-events: none;
  }
  #panel_proj_activity .panel-collapse{
      padding: 0px;
  
  }
  #panel_proj_activity .panel-footer{
    /* background: transparent; */
    padding: 10px
  }
  #panel_proj_activity  [class*="col-"]{
    padding-left: 12px !important;
    padding-right: 5px !important;
  }
  .panel_proj_activity  .panel-header{
    padding: 5px 5px !important;
  }
  #panel_proj_activity .row-activity{
      padding: 0 !important;
  }
  .date-picker-wrapper{
      z-index:9999 !important;
  }
  .row-activity, .row-activity-new{
      padding: 5px 10px 5px !important;
      margin-top: 5px !important;
  }
  .row-activity .checkbox-inline, .row-activity-new .checkbox-inline{
   vertical-align: top !important;
  }
  .row-activity .milestone-indicator span.badge, .row-activity-new .milestone-indicator span.badge{
      background-color: #02aebe;
      color:white;
      margin-left:5px;
  }
  .user-work-status{
      /* padding: 15px 15px 15px 50px; */
      padding: 0;
      border-bottom: 2px solid #80808017;     
    
  
  }

  .user-work-status span{
    display: block;
 }
 .user-projects span{
    display: block;
 }
 .user-work-status .status-title{
     color: #797979;
     font-size: 12px;
 }
 .user-work-status .status-value{
     font-size: 18px;
 }
 
 .user-timesheet{
     background: white;
     padding: 10px;
     border-bottom: 1px solid lightgrey;
 }
 .user-timesheet .heading{
     font-size: 16px;
     font-weight: 700;
 }
 .user-timesheet [readonly] {
     background: white;
 }
 .user-timesheet textarea{
     width:100%;
 }
 .user-timesheet .btnSave{
  background: #307DFF;
  color:white;
  border-radius: 5px;
 }
 .user-timesheet [class*="col-"]{
     padding-right:10px !important;
     padding-left:10px !important;
 }
 .row-timesheet-form .row-timesheet{
     margin-left:0 !important;
 }
 
 .row-timesheet-form [class*="col-"]{
     padding-left:0px !important;
 }
 .row-no-activity-assigned{
     background: #d3d3d340;
     padding: 15px 15px;
     font-size: 16px;
     margin-bottom: -15px;
     margin-top: 10px;
 }
 /* .user-timesheet #frmRecord{
     border: 2px solid lightgray;
     padding: 15px;
 } */
 .user-timesheet  .form-container{
    background: whitesmoke;
    padding: 15px;
 }
 .timesheet-history {
     padding: 20px 20px 20px 60px;
 }
 .timesheet-history .row{
     background: #f5f5f500;
     border: 1px solid #80808017;  
     margin-top: 10px;
     box-sizing: border-box;   
     box-shadow: 2px 1px 8px 0px #00000052;
     padding: 10px;
 
 }
 .timesheet-history .row .title{
     font-size: 16px;
     font-weight: 500;
     display: block;
 }
 .timesheet-history .row .desc{
     font-size: 14px;    
     display: block;
     color: grey;
 }
 
 .proj-mgmt {
     background: white !important ;
 }
 .proj-mgmt .inner-middle{
     background-image: none !important ;
 }
 
 .timesheet-action{
     text-align: right;
     
 }
 tr.row-timesheet-action  td{
 padding: 5px 0;
 }
 .timesheet-footer{
     padding: 10px;
     text-align: center;
 }
 .timesheet-footer #btnSendForApproval{
     color: white !important;
     border-radius: 4px !important;   
 } 
 
 .cancelTimesheetRecord{
     color:red;
     text-decoration: underline;
     font-size: 12px;
     margin-left: -5px;
     margin-right: 5px;
     background: none;  
     border: none;
 
 }
 .saveTimesheetRecord{
     color:blue;
     text-decoration: underline;
     font-size: 12px;  
     background: none;  
     border: none;
     margin-left: -5px;
 }
 .activity-hours{
     color: silver;
 }
 .timesheet-history .total{
     background-color: #a9a9a92e;
 
 }
 #link-timeline{
     text-decoration: underline;
     color: blue;
     position: absolute;
     top: 0;
     right: 3%;
     font-size: 16px;
 }
 .col-timesheet-action .glyphicon{
    font-size: 14px;
 }



  /* Landing page - Timesheet */


  .stats-hrs span{
    display: inline;   
    padding: 0 5px 0; 
}
.stats-hrs .complete{
    color: #32b348;
}
.stats-hrs .incomplete{
    color: #b33232;
}
.stats-hrs .allocated{
    color: #807878;
    padding-right: 0;
}
.stats-hrs span.subtitle{
    color:#c7c3c3;
    font-size: 12px;
    font-style: italic;
    margin-left:0;
}
.user-projects span.title{
    margin: 15px 0px 10px 15px;
    color:silver;
    font-size: 14px;
}

/* .user-projects .header span{
    display: block;
} */
.user-projects .header-box span.subtitle1{
    white-space: nowrap; 
    width: 150px; 
    overflow: hidden;
    text-overflow: ellipsis;   
   
}
.user-projects .header-box span.subtitle2{
   
    width: 185px; 
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.user-projects .header-box span.subtitle1{   
    font-size: 12px;
    color:silver;   
}
.user-projects.header-box span.subtitle2{    
    font-size: 14px;   
}

.user-projects .card .form-subhead-section{
    padding-top: 10px;
    padding-left: 60px;
    padding-right: 60px;
    border-bottom: 1px solid #eaeaea;
}
.progress-timesheet-card{ 

    height: auto;
   
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    text-align:left !important;
    margin-bottom:20px !important;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
}

.header-box {
    min-height: 60px;
}

.logo-container{
    text-align:center!important;
    width: 60px !important;
    margin-right: 5px;
}
.logo-container img{      
    /* height: 44px !important;   */
    height: auto;  
}
.assigned-proj-title{
    color: #bbbaba;
    padding-top: 15px;
    font-weight: normal;
    font-size: 14px;
    padding-left: 4px;
}
.proj-title{
    font-weight: bold;
}
.dt{
    font-weight: bold;
    font-size: 12px;
}
.card-footer{
    margin:0px -20px;
    background-color: silver;
    height: 36px;   
    padding: 8px;
    text-align: center;
}
.card-footer.footer-btn{
    margin:0px -20px;
    background-color: #6197f3;
    height: 36px;
    color:white;    
    padding: 8px;
    text-align: center;
}
 .footer-btn a{
    color:white;
}


/* .footer-btn:hover{
    color:white !important;
} */

.stats-hrs{
    padding-top:10px;
    padding-bottom: 8px;
}
.user-projects .progress{
    height:6px !important;
    border-radius: 5px !important;
}
.user-projects .empty-card-title{
    color: gray;
}
.req-link{
    color: #4444e4;
    text-decoration: underline;
}
.user-projects.card.card-width{
    padding-bottom: 20px;
}
.count-title{
    display: flex;
    justify-content: space-between;
}
.count-title li {
    display: inline-block;
    text-align: center;
}
.desc-title{
    text-align: left;
    font-size: 22px;
    color: black;
}
.desc-sub-title{
    font-size: 12px;
    color: #797979;
}
.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.form-subhead-section{
    padding-top: 10px;
    padding-left: 60px;
    padding-right: 60px;
    border-bottom: 1px solid #eaeaea;
}
.progress-bg-green{
    background-color:#32b348 !important;
}
.progress-bg-red{
    background-color:#dd1710 !important;
}
.progress-bg-pink{
    background-color: #C96591;
}

.timesheet-history .timesheet-total{
    background: #c0c0c040;
}


.blank-pg{
    /* padding-top: 100px; */
    margin-top:15%;
    display: flex;
    /* align-items: center; */
    justify-content: center;
    height: 890px;
}
.req-link{
    color: #4444E4;
    text-decoration: underline;
    margin-top: 10px;
    align-content: center;
    display: flex;
    justify-content: center;
}
.empty-crd-title{
    color: #9C9595;
    font-size: 14px;
    text-align:center;
}

/* EOF Landing page - Timesheet */



/* Timeline -new */
#timeline {
    list-style: none;
    position: relative;
  }
  #timeline:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 4px;
    background-color: #02aebe;
    left: 16%;
    margin-left: -1.5px;
  }
  #timeline .clearFix {
    clear: both;
    height: 0;
  }
  #timeline .timeline-badge {
    color: #fff;
    width: 20px;
    height: 20px;
    font-size: 1.2em;
    text-align: center;
    position: absolute;
    top: 0px;
    left: 18%;
    margin-left: -25px;
    background-color: white;
    z-index: 100;
    /* border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%; */
    border: 3px solid #02aebe;
    border-radius: 10px;
  }
  #timeline .timeline-badge span.timeline-balloon-date-day {
    font-size: 1.4em;
  }
  #timeline .timeline-badge span.timeline-balloon-date-month {
    font-size: .7em;
    position: relative;
    top: -10px;
  }
  #timeline .timeline-badge.timeline-filter-movement {
    background-color: #ffffff;
    font-size: 1.7em;
    height: 35px;
    margin-left: -18px;
    width: 35px;
    top: 40px;
  }
  #timeline .timeline-badge.timeline-filter-movement a span {
    color: #4997cd;
    font-size: 1.3em;
    top: -1px;
  }
  #timeline .timeline-badge.timeline-future-movement {
    background-color: #ffffff;
    height: 35px;
    width: 35px;
    font-size: 1.7em;
    top: -16px;
    margin-left: -18px;
  }
  #timeline .timeline-badge.timeline-future-movement a span {
    color: #4997cd;
    font-size: .9em;
    top: 2px;
    left: 1px;
  }
  #timeline .timeline-movement {
    /* border-bottom: dashed 1px #4997cd; */
    position: relative;
    margin-bottom:10px;
  }
  #timeline .timeline-movement.timeline-movement-top {
    height: 60px;
  }
  #timeline .timeline-movement .timeline-item.left {
    padding: 0 15px!important;
  }
  #timeline .timeline-movement .timeline-item.right{
    padding: 0 0 0 20px !important;
  }

  #timeline .timeline-movement .timeline-item.right .timeline-panel.holiday{
    background: #FFF0F0;
  }

  #timeline .timeline-movement .timeline-item.right .timeline-panel.onleave{
    background: #FFABAB;
  }

  #timeline .timeline-movement .timeline-item.left .timeline-panel {  
   
    background-color: #FFFFFF;
    color: #666;
    padding: 0 10px 5px;
    position: relative;
    
  }

  #timeline .timeline-movement .timeline-item.right .timeline-panel {
    border: 1px solid #d4d4d4;
    border-radius: 3px;
    background-color: #F1F1F1;
    color: #666;
    padding: 0 10px 5px;
    position: relative;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
  }
  #timeline .timeline-movement .timeline-item .timeline-panel table{
  margin: 5px 0 10px 5px;
  }
  #timeline .timeline-movement .timeline-item .timeline-panel table .time{
    padding: 0 5px 0 5px;
    text-align: right;
 }
 #timeline .timeline-movement .timeline-item .timeline-panel table .desc{
    background-color:white !important; 
    padding:5px;
 }
  timeline-panel
  #timeline .timeline-movement .timeline-item .timeline-panel .timeline-panel-ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  #timeline .timeline-movement .timeline-item .timeline-panel.credits .timeline-panel-ul {
    text-align: right;
  }
  #timeline .timeline-movement .timeline-item .timeline-panel.credits .timeline-panel-ul li {
    color: #666;
  }
  #timeline .timeline-movement .timeline-item .timeline-panel.credits .timeline-panel-ul li span.importo {
    color: #468c1f;
    font-size: 1.3em;
  }
  #timeline .timeline-movement .timeline-item .timeline-panel h3{
      margin: 5px 0 5px 0;
      color:black;
      font-size:14px;
  }
  #timeline .timeline-movement .timeline-item .timeline-panel.debits .timeline-panel-ul {
    text-align: left;
  }
  #timeline .timeline-movement .timeline-item .timeline-panel.debits .timeline-panel-ul span.importo {
    color: #e2001a;
    font-size: 1.3em;
  }


  .container .act-timeline-add-btn{
    background-color: #307DFF;
    color: white;
}
 .holiday-back-pink{
    background-color: #FFF0F0;
    padding: 10px;
}
.act-tmeline-heading{
    
    margin-bottom: 10px;
    margin-right: 15px;
}
/* EOF Timeline -new*/

.client-logo{
    float: left;
    margin-right: 10px;
    height: 50px;
    width: 50px;
    line-height: 0px;
    overflow: hidden;
}


.tr-inactive{
    background-color: #b7b7b799 !important;
}

.checked{
    display:none;
}

.active .checked {
    display:inline-block;
}
.active .unchecked {
    display:none;
}

#resourcing-operations .nav-tabs a {
    color: #00b1bf !important;
    cursor: pointer;
    font-size: 14px;
    font-weight: normal;
  }
  #resourcing-operations  .tab-content{
      padding:  0;
  }
  #resourcing-operations  .tab-pane{
      padding: 10px 30px;
      background-color: white!important;
      min-height: calc(100vh - 320px);
      overflow: auto;

  } 

  #resourcing-operations .selected-item-box{
    /* background: whitesmoke; */
    /* border-radius: 20px; */
    /* padding: 10px 0 10px 0px; */
    color: black !important;
    float: left;
    margin:5px 0 5px -10px;
  }
  #resourcing-operations .selected-item-box .remove-icon{
        margin: 10px 10px 10px 18px;
  }
 .form-action-container{
     margin-left: 8%;
 }
 #resourcing-operations [class*="col-"]{
     padding-left: 5px;
     padding-right: 5px;

 }
 .btn-add-new{
     color: blue;
 }
 #timesheet-dates li{
    display: inline-block;
    padding: 10px;
    /* width:80px; */
 }
 .total-time{
     font-weight: 700;
     text-align: right !important;
 }
 .week-total{
    /* background-color: #c9b7dc61 !important; */
    /* color: blue; */
    background: #dcf7db;
    font-weight: 700;
    color: black !important;
    padding-right: 1px !important;
    /* width: 14px !important; */
    /* border-width: 2px !important; */
    /* border-color: darkgray !important; */
  }
  .week-total-user{
    
    font-weight: 500;
    color: black !important;
  }


  #tblProjectTimesheet .total-billable{
background: #dcf7db;
font-weight: 700;
color: black;
font-size: 11px !important;
  }
  /* Project report */
  
  
  #tblProjectTimesheet .week-total input[type="text"]{
    height: 100%;
    text-align: right;
    font-size: 10px !important;
    border-radius: unset;
    color:black;
    width:35px !important;
    margin: 0 auto;
    padding: 1px !important;
}
/* #tblProjectTimesheet .week-total{
    width:35px !important;
} */
  .day-not-assigned1{
    /* background-color: grey; */

    /* background-color: grey; 

    background-image: repeating-linear-gradient(45deg,lightgray,lightgray 2%,darkgrey 5%) */
    border: 3px solid #8cc38cd9 !important;  
}

  /* #tblProjectTimesheet .day-holiday{
    background-color: #F7F6F6 !important;
 } */

 #tblProjectTimesheet th, #tblProjectTimesheet td{
    padding: 1px 2px 1px 1px !important;
}

#tblProjectTimesheet thead>tr>th{
   font-size:10px;
   color: #4a4242de;

   /* background-color: #fff;
   border: 1px solid #ddd !important;
   position: sticky;
   top: 0px;
   box-shadow: 1px 1px 1px 1px #ddd;
   z-index: 999;
   */
}
/* #listView_Timesheet.layout-auto{
    height: calc(100vh - 334px);
   
   
} */
#tblProjectTimesheet .subtitle{
    font-weight: 600;
    color: #3a3434ed;
}
#tblProjectTimesheet .title{
    font-weight: 700;
    padding: 5px !important;
    color: #7d7777;
}
 #tblProjectTimesheet  tbody>tr>td {
 font-size: 10px !important;
 padding-left: 0px;
 padding-right: 1px;
 vertical-align: middle;

 color: #909090;
   text-align: right;
 }
  /* EOF project report */
 .day-weekend{
   background-color: #b4adad21 !important;
 }
 .day-holiday{
    background: #8bb5e2ad;
 }
 .day-holiday-client{
    background: #ac96ff;
 }
 .day-leave{
    background:#ff000030 !important; /*#f3aaaa40;*/
 }
 .day-leave-pending{
    background:#f8d993 !important; 
 }
 .date-cell{
    display: grid;
    text-align: center;
 }
 .date-cell span{
     font-size: 10px;
 }
 .date-cell span.day{
    font-size: 12px !important;
    font-weight: 400 !important;
}
 .proj-mgmt .heading-box{
     padding: 0 0 0 10px;    
     font-size: 14px;

 }
 .proj-mgmt .heading-box .title{
   
    font-weight: 700;
 }

 .tblResourceList td{
     font-size: 12px !important;
 }
 .tblResourceList span.column-header{
    font-size: 16px !important;
}

.tblResourceList td div.sub-col {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    
}

table.dataTable.tblResourceList thead>tr>th span
{
  padding-left: 10px;
}

 table.dataTable.tblResourceList thead .sorting, 
table.dataTable.tblResourceList thead .sorting_asc, 
table.dataTable.tblResourceList thead .sorting_desc, 
table.dataTable.tblResourceList thead .sorting_asc_disabled, 
table.dataTable.tblResourceList thead .sorting_desc_disabled {
   
    background-position: center left !important;
 
}

#viewFileLoaderContainer{
    background-color: rgb(214, 210, 210);
}
.tblMonthlyTimeshhet thead th{
    padding: 5px !important;
    text-align: center;
}

.tblMonthlyTimeshhet td, .tblMonthlyTimeshhet th{
    padding: 5px !important;
    text-align: center;
}
#listView_Timeshee table.dataTable thead th{
    padding: 8px 5px !important;
   
}

.tblMonthlyTimeshhet tbody>tr>td{
    padding-left: 2px !important;
    padding-right: 2px !important;
    font-size: 12px;
    text-align: center;
}


.tblProjectList a, .tblResourceList a{
    color: #00b1bf;
}
th>table.nested-table{
    margin: -10px 0 -8px -10px;
}
.nested-table tr>td{
    padding: 0 0 5px!important;
    vertical-align: top;
 }
 .nested-table tr>th{
    padding: 0 !important;
    border: none !important;
 }
 /* .nested-table tr:not(:first-child){
     padding-top: 10px !important;
  } */
 .row-details-header{
     padding:  0 15px !important;
 }
 .row-details-header span.subtitle{
     padding-right: 10px;
 }

 #frmDocument .upload-text{
    float: inherit !important;
  }
  #frmDocument .upload-text .small-text span{
      margin-right: 10px!important;
  }
  
  #frmDocument .upload-text .small-text{
      display: flex !important;
      align-items: center !important;
      justify-content: start !important;
  }
  .contract_mgmt .download-files{
    background-position: 6px 2px; 
    background-size: 16px auto;   
    height: 18px;    
  }
  .allocate-user{
      cursor: pointer;
  }
  .replace-user{
    cursor: pointer;
    color:  #02aebe;
  }


  .timesheetDetail{

    background: white;
    border: 1px solid black;
    table-layout: auto;
    overflow-x: auto;
    /* width: 60%; */
    /* display: block; */
    white-space: nowrap;
    /* width: 60px !important; */

}
.subtitle-text{
   color: #928f8fe8;
}

.teamMemberProfile{
  
    float: left;
    margin-right: 10px;
    height: 30px;
    width: 30px;
    line-height: 30px;
    margin-bottom: 10px;
}
.teamMemberProfile img{
    border-radius: 50%; 
    height: 100%;
    max-width: 100%;
}
.card-col-dd{
    min-height: 300px;
    max-height: 300px;
}
.layout-auto{

    background: white;
    table-layout: auto;
    overflow-x: auto;
    white-space: nowrap;
}
.complib-item{
    width: 240px;
    display: inline-grid;
    padding: 10px;
    border: 1px solid silver;
    height: 120px;
}
.complib-item p{
 font-size :13px;
}

tr.quarter-row td {
    background: #e7fbe6 !important; /* #dcf7dba6 */
}

tr.quarter-month-row td{
    background: #f3f3f3 !important; /* #c5c5c52b */
}
tr.credit-row td {
    background: #fdecec !important;
}

/* td.quarter-row-cell {
    background: #e7fbe6 !important;
}

td.quarter-month-cell {
    background: #f3f3f3 !important;
} */



/* Value book*/

#keyValues    span.highlight{
    font-weight: bold;
    
}
#keyValues  .right-column {
    padding: 0 15px 0 0px;
    text-align: center;
    float: right;
}
#keyValues   img{
    height: 130px;
}
#keyValues  .right-column span{
display : block;
}

#valueBookModal #myModalLabel{
color:  black;
}
#valueBookModal iframe
{
    height: -webkit-fill-available;
}

/* invoice */
.currency-ruppes,.currency-doller{
    font-size: 18px;
    font-weight: 500;
    padding-right: 1px;
}
.inr-col{
    border: none !important;
    background: #9ac8da30;
}
.usd-col{
    border: none !important;
    background: #e9efbda3;
}
.inr-usd-col{
    border: none !important;
    background: #c0c0c047;
}
.inr-usd-total-col{
    border: none !important;

    background: yellow;
}
.inr-quarter-row{
    background-color: #3f9ead4a;
    /* background-image: linear-gradient(135deg, green, green 6px, transparent 4px, transparent); */
}
.inr-quarter-row td{
   
    border: none;
} 

.year-total-col{
    border: none !important;
    background: #fde4ca;
}

.report-footer-row th:not(:first-child){
    border: none !important;

    background: yellow;
}
.tblInvoiceReport tr>td,.tblInvoiceReport tr>th{
   
    line-height: 10px !important;
    vertical-align: middle ;
   
}
.tblInvoiceReport thead>tr>th{
   
    text-align: center;
    vertical-align: top !important;
}
.tblInvoiceReport tfoot>tr>th{
    padding: 8px 10px !important;
}
#tblInvoices3 {
   
    margin: 0;
   
}
/* EOF invoice */

/* EOF value book */
  /* Proj mgmt */

  /* hide PDF viewer toolbar */
  /* #outerContainer #mainContainer div.toolbar {
    display: none !important;  
    
  } */
  /* move doc up into empty bar space */
  /* #outerContainer #mainContainer #viewerContainer {
    top: 0 !important; 
  } */

  /* @-moz-document url-prefix() {
   div.toolbar {
        display: none !important;
    }
  } */

  /* KRA */
  .node-list{
      overflow: auto;
      max-height: 350px;
  }
   
  .node-list ul>li{
    display: inline-block;
    margin: 0px 15px 15px 0;
    background: aliceblue;
    border-radius: 5px;
    padding: 8px;
}

.inline-node-list ul>li{
    display: inline-block;
    margin: 2px 5px 2px 0;
    background: aliceblue;
    border-radius: 5px;
    padding: 8px;
   
}
.inline-node-list .remove-icon{
    background-position: 0;
}
  .kra-node li{
    /* background: white; */
    padding: 5px 0 5px 10px;
    font-size: 12px;
}
.kra-node li span.item-text-right{
    float: right;
}
.kra-node li .remove-icon{
    margin: 5px 5px 5px 10px;
    float: right;
}

.kra-form{
    font-size: 12px;
    
}
table.kra-form {
    margin-bottom: 0;

    
}

table.kra-form td{
    font-weight: 400;
}
table.kra-form thead>tr>th{
    vertical-align: middle;
    text-align: center;
}

table.kra-form th{
    font-weight: 650;
    color: black;
}

table.kra-form th ,
    table.kra-form td {
    border: 1px solid #a09999 !important;
}
table.kra-form .base-line{
    background: #54545833;
}

.kra .panel-heading{
    border: 1px solid #a09999 !important;
    border-bottom: 0px #a09999 !important;
  
}
.kra .glyphicon{
    font-size: 18px;
    margin-left: 10px;
}

[contenteditable="true"]{
    background-color: white;
    
}

#modalLabel{
    font-size: 16px;
    font-weight:600;
    color:#02aebe;
}


.row-criteria .dropdown-menu>li>a{
    /* width: 100%; */
    white-space: normal;
}


.hide-column.hide-col{
    width: 0 !important;
opacity: 0;
font-size: 0;
padding: 0 !important;
margin: 0;
border: 0 !important;
}
.kra-form-new th, .kra-form-new td{
    transition: all 0.2s ease-in-out;
    border: 1px solid #ccc !important;
    padding: 8px !important;
}
.kra-form-new{
    width: auto;
}

.kra h1{
    color: black;
}

.kra .card-month{
    padding: 0;
    height: 180px;
    border: 1px solid gray;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
} 
.kra .card-header{
    padding: 15px 0px;
    background: #D8D8D8;
    width: 100%;
    font-size: 20px;
    text-transform: uppercase;
    border-bottom: 1px solid #999;
}
.kra .card-month.blank{
    
    flex-direction: row;
   
    justify-content: center;
    background: silver;
}
.kra .card-body{
    background: white;
    display: flex;
    flex-direction: column;
    align-items: center;
   
    height: 130px;
    width: 100%;
}
.kra .card.member .card-body{
    height: 180px;
}
.kra .card-body .header-text{
    display: flex;
    flex-direction: column;
    margin-top: 10px;
}
.kra .card-body .score{
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 20px 15px 0px;
}
.kra .header-text .title{
    font-size: 28px;
    font-weight: 500;
}
.kra .card-body .subtitle{
    font-size: 14px;
    color: gray;
    display: block;
    line-height: 8px;
}
.kra .card-body .title{
    font-size: 20px;
}
/* .kra .card-body .title.mgr{
    color: orange;
} */


​
.kra .card-body span.btn{
 margin-top: 20px;
}
​
.kra .sub-header .title{
    font-size: 20px;
    font-weight: 450;
   
}
.kra .arrow{
    font-weight: 700;
    font-size: 18px;
}

.kra .arrow.down{
    color: #c50f0fba;
}
.kra .arrow.up{
    color: #25c125;
}
.fill-kra h1 {
    margin: 0px;
    font-size: 30px;
    font-weight: 100;
    padding: 20px;
}

.fill-kra .card-header{
    background: #FDFDFD;
}
.fill-kra .card-body{
    background: #D8D8D8 !important;
    padding-top: 25px;
}

.card-month span.low-score{
    color: orange !important;
}
.card-month span.high-score{
    color: green !important;
}


.user{
    text-align: center;
    padding-top: 20px;
    margin-bottom: 5px;
   
}

.user .image{
    background: silver;
    width: 50px;
    height: 50px;
    margin-bottom: 5px;
    display: inline-block;
    text-align: center;
    border-radius: 50px;
}
.user .image img{
    border-radius: 50px;
    line-height: 40px;
    width: 100% !important;
    height: 100%;
}



.kra .month-bg-1{
    background-color: silver;
    background: url(../images/month_jan.jpg);
    background-size: cover;
    background-position: 100%;
}
.kra .month-bg-2{
    background-color: silver;
    background: url(../images/month_feb.jpeg);
    background-size: cover;
    background-position: 100%;
}
.kra .month-bg-3{
    background-color: silver;
    background: url(../images/january.jpg);
    background-size: cover;
    background-position: 100%;
}
.kra .month-bg-4{
    background-color: silver;
    background: url(../images/month_jan.jpg);
    background-size: cover;
    background-position: 100%;
}
.kra .month-bg-5{
    background-color: silver;
    background: url(../images/month_feb.jpeg);
    background-size: cover;
    background-position: 100%;
}
/* .kra-seq-1{background: #f5acac}
.kra-seq-2,.kra-seq-3{background:#f8d993 !important}
.kra-seq-4{background:#b4b4b4 !important}
.kra-seq-6, .kra-seq-5{background: #d9e886 !important}
.kra-seq-7{background:#53b853 !important} */

/* .table-wrapper .table th, .table-wrapper .table td{
    transition: all 0.2s ease-in-out;
    border: 1px solid #ccc !important;
    padding: 8px !important;
} */
/* .kra-form-new{
    width: auto;
} */

.table-wrapper{
    /* display: flex; */
  
     width:100%; overflow: auto; height: calc(100vh - 200px);
   }

.table-wrapper .table{
    width: auto;  
    table-layout: fixed !important;
     border-collapse: separate;}
  
  .table-wrapper .table tr td.marks{
      height: 50px;
      
}
  .table-wrapper .table tr td.marks input{
    width:40% !important;
    }

.table-wrapper .table tr td.marks .input-marks{ 
        display: flex;
  align-items: center;
  justify-content: space-between;
}
.table-wrapper .table tr td.marks .input-marks span{ 
 margin-left: 10px;
 
} 
.table-wrapper .table tr td.marks .input-marks span.invalid-marks{ 
 
  color: red;
} 


  .table-wrapper .table tr td{height: 150px;}

  .table-wrapper .table thead th{position: sticky;position: -webkit-sticky;  top:0; z-index: 999;}
  .table-wrapper .table th{font-weight: 600}
/* th{background:#f7f7f7} */
.table-wrapper .table thead th.top{top:42px}
.table-wrapper .table td{background: #f7f7f7; }
.table-wrapper .table .sticky{ position:sticky; position: -webkit-sticky; left:0px; z-index: 99; background: #f7f7f7;}
.table-wrapper .table td.sticky, .sticky-head{left:115px}
.table-wrapper .table td.sticky-column-two, th.sticky-column-two{left:415px;}
.table-wrapper .table td[contenteditable="true"]{background: #fff;}

.kra-seq-1{background: #f5acac !important}
.kra-seq-2,.kra-seq-3{background:#f8d993 !important}
.kra-seq-4{background:#b4b4b4 !important}
.kra-seq-6, .kra-seq-5{background: #d9e886 !important}
.kra-seq-7{background:#53b853 !important}

.table-wrapper .table textarea{
    width: 100%;
    height: 100%;
}



  /* EOF KRA */
  /* KRA form new */
  .table-wrap{display: block; 
    height:  calc(100vh - 300px);
    overflow-x: scroll;
    margin: 0 10px 0 0px;
}
.main-table{table-layout: fixed; border-collapse: 0;}
.main-table tr td.sticky{padding: 0}
.table-wrap  .table{ border-collapse: 0;}
.fixed-column{display: flex}
.fixed-column td{flex-shrink: 0}
.table-wrap .table tr td, .table-wrap   th{border: 1px solid darkgray; padding:0px; vertical-align: top}
.table-wrap .table th{
    width: 120px; 
    font-weight: 600;
    /* background: #ddd; */
 }
.table-wrap .table tr td{width: 400px; height: 200px; vertical-align: top; font-size: 12px;}
.table-wrap .table tr.marks td{height: 50px;vertical-align: middle}
.table-wrap .table tr.total th{height: 38px;vertical-align: middle}
.hide{display: none}
.sticky{position: sticky; left: 0; background: #f2f1f1; /*#f7f7f7*/;
    padding-right: 0 !important;
    z-index: 99;

}
.table-wrap input, .table-wrap textarea{padding: 5px 8px !important; width: 100%; height: 100%; resize: none}
.table-wrap button{position: absolute; z-index: 9;top: 6px; margin-left: -54px;}


.table-wrap .table thead th{position: sticky; top: 0; background: #ccc;}

.employee-kra-form.table th,.employee-kra-form.table td{ 
    background: #f2f1f1; /*#f7f7f7*/;
    }

    /* .table-wrap .main-table tbody:first-child>tr td{
     padding-top: 0 !important;
    } */
.employee-kra-form.table tr.marks .input-marks{ 
        
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100% !important;
}
.employee-kra-form.table tr.marks .input-marks span{ 
   margin-left: 10px;
   
} 
.employee-kra-form.table tr.marks .input-marks span.invalid-marks{ 
   
    color: red;
 } 

  .employee-kra-form.table tr.marks input{
    width:37% !important;
   
    }
    
    .employee-kra-form.table textarea{
        width: 100%;
        height: 100%;
    }
    .kra-table>thead:first-child>tr:first-child>th, .employee-kra-form>thead:first-child>tr:first-child>th  {
        border: 1px solid darkgray !important;
    }

    .kra-table.table thead th{ 
       padding: 9px !important;
        }

  
  /* EOF KRA form new */

  #frmFilter .dropdown-menu>li>a{
    white-space: normal;
  }


  /* Value book -flipbox */

  #valueBookModal .modal-dialog{
    width: 100%;
}
#valueBookModal .modal-body{
    overflow: auto;
    height: 550px;
    max-height: 550px;
    background: url("../images/valuebook/backhroung-patch.jpg") repeat;
    padding-top: 25px;
    padding-right: 0;
}
.flipbook .scene {
    width: 44%;
    height: 90%;
    margin: 0% 5% 0% 50%;

  perspective: 1000px;
}


.flipbook .book {
  position: relative;
  width: 100%;
  height: 100%;

  transform-style: preserve-3d;
}

.flipbook .page {
  cursor: pointer;
  position: absolute;
  color: black;
  width: 100%;
  height: 100%;

  transition: 1.0s transform;
  transform-style: preserve-3d;
  transform-origin: left center;
}
.flipbook .front,
.flipbook .back {
  position: absolute;

  width: 100%;
  height: 100%;
  padding: 0;
  box-sizing: border-box;

  backface-visibility: hidden;
  background: -webkit-gradient(linear, 0% 0%, 100% 100%, from(#FFFFFF), to(#CCCCCC));
  background: linear-gradient(to bottom right, #fff, #ccc);
}
.flipbook .back {
  transform: rotateY(180deg);
}

.flipbook .page.active {
  z-index: 1;
}
.flipbook .page.flipped {
  transform: rotateY(-180deg);
}
.flipbook .page.flipped:last-of-type {
  z-index: 1;
}

.flipbook .flip-img{
  width: 100%;
  pointer-events: none;
}

.flipbook .btn-left,.flipbook .btn-right {
  width: 30px;
  height: 30px;
  font-size: 30px;
  cursor: pointer;
  
}
.flipbook .fa-angle-left,.flipbook .fa-angle-right{
    font-size: 60px;
    font-weight: 800;
    
}
.flipbook .col-left,.flipbook .col-right{
    padding-top: 15%;
}

 .flipbook .col-left{
text-align: right;
float: left;

}
.flipbook .col-right{
   
text-align: left;
float: right;

}
  /* EOF Value book - flipbox */

    /* Timesheet form */

    #tblTimesheetForm {
        background:white; 
        border:1px solid black;
        margin: 0;
    }
    .day-selected { display: grid;
        border: 2px solid;
        width: 50px;
        background: #5f5c5c;
        color: white;
    }
    .week-view-title{
        padding:0px 5px 5px;
        margin-left: -10px;
    }
    .week-view-title  .month-title{
        
        font-size: 18px;
        font-weight: 600;
        margin-right: 15px;
    }
    .week-btn-group {
        display: flex;
        padding-left: 5px;
        margin-bottom: 10px;
        justify-content: flex-end;
        padding-right: 5px;
    }
    .week-btn-group .select-filter{
        margin-left: 30px;
    }
    .week-btn-group  .select-filter .bootstrap-select{
    max-width: 100px !important;
    }

    .week-btn{
        padding: 0px 8px 0 0;
        text-align: right;
        margin-right: -20px;
    }
    .week-btn .btn{
        padding: 5px 8px 0;
        font-size: 14px;
        border: 1px solid lightgray;
        border-radius: 5px;
        background: white;
    }

    .week-prev-next a{
        font-size: 30px;
        text-align: center;
        vertical-align: middle;
        font-weight: 600px;
        cursor: pointer;
    }
    .week-btn .glyphicon-triangle-left:before {
        content: "\e251";
        font-size: 22px;
    }
    .week-btn .glyphicon-triangle-right:before {
        content: "\e250";
        font-size: 22px;
    }

    .week-btn #btnPrev{
        padding: 5px 10px 0 5px;
    }
    .week-btn #btnNext{
        padding: 5px 3px 0 10px;
    }

    .week-btn-title{
        vertical-align: super;
    }

    a#btnPrev, a#btnNext{
        font-size: 24px;
    }
   
    a#btnPrev i, a#btnNext i{
        /* border: 1px solid; */
        /* border-radius: 5px; */
        padding: 0 2px;
    }
    a#btnPrev i .fa-angle-left:before {
        content: "\f104";
        padding: 8px !important;
    }
    a#btnNext i .fa-angle-right:before {
        content: "\f105";
        padding: 8px !important;
    }
    
    .isDisabled {
        color: currentColor;
        pointer-events: none;
        opacity: 0.5;
        text-decoration: none;
    }
    .timesheet-col,.timesheet-value {
        border: 1px solid gray;
        padding: 5px;
    }
    .timesheet-col {
        padding: 6px;
    }
    .timesheet-col  .time{
        display: flex;
    }
    .timesheet-col  .time div{
        flex:1;
    }
    .timesheet-col .time_error{
        font-size: 10px;
        color: #c51010;
    }

    .timesheet-col  .time div.hour{
        margin-right: 2px;
    }
    .timesheet-col  .time div.min{
        margin-left: 2px;
    }
    .timesheet-col  div.desc{
        margin-top: 5px;
    }
    .timesheet-value .time{
        padding: 8px 5px 18px;
    } 
    .timesheet-value .desc{
        font-size: 12px;
        padding: 0 5px 5px;
    }
    #tblTimesheetForm .table>tbody>tr>td{
        border:  none !important;
    }
    #tblTimesheetForm .select-filter  .bootstrap-select {
        max-width: 100px !important;
    }

    select.selectpicker.form-control.sel-hour, select.selectpicker.form-control.sel-min{
        padding: 2px 0px 0px 6px;
    }
    #tblTimesheetForm textarea{
        color: black;
        border-radius: 0 ;
        font-size: 14px;
    }
    #tblTimesheetForm .form-control{  
        font-size: 12px;
    }
    #tblTimesheetForm  .form-control::placeholder{
        font-size: 12px;
    }

    #tblTimesheetForm thead>tr>th{
        vertical-align: middle;
        text-align: center;
        padding: 0px 4px !important;
    }
    #tblTimesheetForm tbody>tr>td{
        padding: 10px 4px 10px !important;
        height: 185px !important;
    }
    #tblTimesheetForm tfoot>tr>th{
        font-size: 14px;
        font-weight: 550;
    }
    #tblTimesheetForm tbody>tr>th{
        padding: 6px !important;
        vertical-align: middle;
        text-align: center;
    }
    #tblTimesheetForm .header-block{
        display: inline-grid ; 

    }
    #tblTimesheetForm .char-count{
        padding-top: 2px;
        font-size: 10px;
        color: gray;
    }
    .footer-row.tr>th{
        
        background: aliceblue; 
        padding:2px;
        vertical-align:middle;
    }

    .bg-current-week{
        background: #ffff0059 !important;
    }
    #monthTimeUtil{
        font-size: 18px;
        font-weight: 600;
        margin-right: 5px;
    }
    #monthTimeAvail{
        font-size: 18px;
    }
    #monthly-timesheet{
        padding:0 5px;
    }
    #timesheetForm {
        /* margin-top: 10px; */
        padding: 15px 4px 4px 4px;
    }

    #tblTimesheetForm td.proj-title{
        padding-top:20px !important; 
        font-weight:500 !important;
    }
    .btn-add-time{
        position: absolute;
        right: 15px;
        top: 12px;
        font-size: 14px;
        font-weight: 600;
        width: 100px;
        text-align: center;
        background: whitesmoke;
        display: inline-flex;
        padding: 5px;
        border: 1px solid #d3d3d385;
       
    }

    .btn-add-time .glyphicon {
        padding-top: 2px;
    }

 /* EOF Timesheet form */

 /* KRA form v2 */
 


.kra-form-v2{
    padding: 0 15px;
  background: white;
  margin: 0px;
  font-size: 14px;
}

.kra-form-v2-header{
    background:white; 
    padding: 5px 15px 15px 0px;  
    margin: 0;
    /* position:sticky; 
    top:78px; background:white; 
    z-index:999; 
    box-shadow: 5px 10px 18px #d6d0d0;  */
}
.kra-form-v2-header .small-col {
    position: absolute;
    right: 180px;
}
.kra-form-v2-header .small-col .bootstrap-select{
    width: 135px !important;
}

.kra-form-v2 .keyarea{
  border: 1px solid whitesmoke;
  padding: 0 15px;
  margin: 0 0 25px;
  box-shadow: 5px 10px 18px #d6d0d0;
}

.kra-form-v2 .keyarea .title{
 
  font-size: 18px;
  font-weight: 700;
  padding: 15px 0px;
}

/* .kra-form-v2 .criteria{
 
  display: flex;
} */

.kra-form-v2 .criteria .desc, .kra-form-v2  .criteria .marks {
 
  display: flex;
}
.kra-form-v2 .seq{
 
  flex: 1;
  vertical-align: top;
  border: 1px solid lightslategray;
  padding:  5px 10px;
  width: 50px;
}
.kra-form-v2 .desc .seq {
  
  padding:  15px 10px;
}
.kra-form-v2 .desc .seq.selected {
  
    background: #F1FEFF;
  }
 


.kra-form-v2 .comment{
 
  display: flex;
 
}
.kra-form-v2 .comment div.left, .comment div.right{
 flex: 1;
 
}
.kra-form-v2 .comment div.left{
 padding-right: 10px;
  
 }
 .kra-form-v2 .comment div.right{
  
  background: #e6e6e6;
  margin-bottom: 50px;
  padding: 15px;
   
  }
.kra-form-v2 .subtitle{
    margin-top: 10px;
    color: #464141;
    font-size: 16px;
    padding: 10px 0px;
}

.kra-form-v2 .char-info{
   padding: 10px;
   font-style: italic;
   color: lightgray;
}
.opt-inline input[type=radio]{
  width: 1.5em;
  height: 1.5em;
  margin-top: 8px;
}
.opt-inline label{
 font-weight: normal;
 margin-top: 8px;
 font-size: 16px;
}
.m-0{
  margin: 0;
}
.mr--30{
    margin-right: -30px;
}
.track-title {
    float: right;
    font-weight: normal;
    font-size: 16px;
}

/* code by bipin */
p.kra-emp-title {
  font-weight: 400;
  font-size: 18px;
  
}
.track-title{
 float: right;
 font-weight: normal;
}
.row-track-title{
    padding: 0 18px 15px;
}
p.kra-emp-title .score-one, p.kra-emp-title .score-two {
    font-weight: 600;
  
}


.kra-form-v2 .desc .seq {
  min-height: 180px;
}
.kra-form-v2 .edit-comment textarea{
    resize: vertical !important;
    padding: 15px;
    min-height: 90px;
    overflow-y: hidden;
}
.kra-form-v2  .view-comment{
  background: #e6e6e6;
  margin-bottom: 50px;
  padding: 15px;
  /* min-height: 160px; */
}
.kra-form-v2  .subtitle .score{
    font-weight: 600;
}
.opt-inline input[type=radio]:hover {
  cursor: pointer;
}
.kra-base-score{
    background: whitesmoke;
}

  /* EOF KRA form v2 */
  
/* Employee medical info */

.employee-details-form .small-col .bootstrap-select{
    width: 75px !important;
}
.resize-vertical{
    resize: vertical;
    max-height: 60px;
    line-height: 0.7em;
}
.resize-vertical::placeholder{
    padding: 5px;
    margin-bottom: 10px;
}
/* Employee medical info */

.holds-the-iframe {
    background: url("../images/loader.gif") center center no-repeat;
}

.date-range-control{
    background: #fff;
    cursor: pointer;
    padding: 5px 10px;
    border: 1px solid #ccc;
    width: max-content;
  }
  .mr15{
    margin-right: 15px;
  }


  /* Invoice */

  #frmAddInvoice  textarea{
    min-height:34px;
    max-height: 150px;
    resize: vertical !important;
  }

  #frmAddInvoice .employee-details-form {
    /* margin-top: 15px 0 0 -20px !important; */
    margin-bottom: 0!important;
    border-top: 0;
    overflow: hidden;
    margin-top: 12px;
    margin-left: -20px;
  }

  #frmAddInvoice .char-info{
    padding: 2px;
    color: gray;
    font-size: 11px;
    margin-bottom: 0px;
  }


  
  .invoice-tab .tableFixHead th:nth-child(4)
{
  position:sticky !important;
  left:0;
  /* box-shadow: 0px 1px 0px 1px #000; */
  z-index: 1;
  background: white;

   
} 
.invoice-tab .tableFixHead td:nth-child(4)
{
  position:sticky !important;
  left:0;
  /* box-shadow: 0px 1px 0px 1px #000; */
  background: white ;

} 




  /* EOF Invoice  */



   /* TGIF section */
   .section-tgif{
    background: white;
    padding:0;
    text-align: center;
  }

  
  .section-tgif .video-links{
    padding: 10px;
    text-align:left;
    display: grid;

  }

  .section-tgif .video-links .item-vd{
      font-size: 14px;
      color: #5f6163;
      cursor: pointer;
  }
  .section-tgif .video-links .item-vd {
      display: grid;
    margin-bottom:10px;
    color: #00afbf;
  } 
  .section-tgif .video-links .item-vd span.sub-text{
      font-size: 10px;
      color: gray;
     padding-left: 30px;
  }
  .section-tgif .video-links .item-vd  i{
      margin-top: -5px;
  }
  /*  EOF TGIF section */

  .documentsList .icon18{
    color: #5f6163;
    margin-top: 3px;
    font-size: 16px;
  }
  .documentsList a{
      cursor: pointer;
  }

.legend-box{
    background: white;
    padding: 3px;
}
.legend-box ul{
    display:inline-flex;
}
.legend-box li{
    display:flex;
    align-items: center;
    padding: 5px 10px;
    font-size: 12px;
}
.legend-box li .color-box{
    width: 15px;
    height: 15px;
    margin-right: 5px;
}

/************************************************ SLAY ******************************/
/* slay program */
.slay .row{
    margin: 0;
    /* padding: 20px 30px 10px; */
    padding: 25px 30px 0px;

    background: white;
}
.slay-heading{
   font-size: 24px;
   font-weight: 700;
   color: #131313;
}
.slay .box{
    background: #fbfbfb;
     /* #fbfbfb; */
    /* margin-left: -15px;
    margin-right: -15px; */
    padding: 20px;
    margin-bottom: 30px;
}

.slay .box.box-left{
    /* margin: 0 0 0 -15px; */
    margin-left: -15px;

}
.slay .box.box-right{
    /* margin: 0 0 0 -15px; */
    margin-right: -15px;
    width: 100%;


}
/* .slay .box table{
    margin-bottom: 25px !important;
} */
.slay .box table caption{
    color:#575757;
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 8px;
}


.slay .box td{
    color: #6c7682;
    font-size: 16px;
    padding: 10px 5px 0 0 !important;
}
.slay .tblUserScoreCard th{
 font-size: 20px;
  font-weight: bold;
  
  color: #575757;
  
}
.slay .tblUserScoreCard thead>tr>th{
    vertical-align: top;
    background:  #fbfbfb !important;
    padding-top: 10px;
}
.slay .tblUserScoreCard th span.tot-score{
    font-size: 34px;
  font-weight: 600;
  
  color: #484848;
  float: right;
}
.slay .tblUserScoreCard td{
font-size: 14px;
  font-weight: 600;
 
  color: #6c7682;
}

.slay .tblUserScoreCard td span.user-score{
    float:right;
    font-size: 16px;
  font-weight: 600;
 
  color: #000000;
}
.slay .tblUserScoreCard td ul li{
    display: inline-block;
}
.slay .score-card th{
  color: #6c7682;
  font-size: 20px;

}



.slay .score-card td{
    color: #6c7682;
    font-size: 16px;
  }
  .slay .score-card td.feedback{
   padding-bottom: 20px !important;
  }

  .slay .score-card span.score-high{
    font-size: 40px;
    color: #00bf1c;
   
  }
  .slay .score-card span.score-low{
    font-size: 40px;
    color: #e53737;
  }
  .slay .upload-file{
    background-color: rgba(163, 118, 243, 0.08);
    text-align: center;
    padding: 10px;
  }
  .slay .upload-file span{
      font-size: 18px;
      color: #6c7682;
      display: block;
  }
  .slay .upload-file i{
    font-size: 18px;
    color: #6c7682;
    margin-right: 5px;
}
.slay a{
    cursor: pointer;
    color: #6c7682;
}

.slay .glyphicon.delete-record{
    font-size: 14px;
}
  button.btn-slay1{
    background: #503581;
    border-radius: 3px;
    width:107px;
    height: 26px;
    color: white !important;
    padding: 0 !important;
}
 button.btn-slay:hover{
    color: white;
}
.slay-modal .modal-content .modal-header {
    background-color: #503581;
    color: white;
}
.slay-modal .modal-content .modal-title{

    color: white;
}
.slay-modal .outer-section{
    padding: 0;
}

/* slay coach */
.slay{
    padding: 0;
   
}
.slay-header {
    height: 60px;
    background: #503581;
    color: white;
    padding: 0 30px;
    position: sticky;
    top: 0px;
    z-index: 999;
}
.slay-header div{
    display: inline;
}
.slay-header .divider{
    width: 1px;
    border: 1px solid #ffffff;
    margin: 0 15px;
    opacity: 0.5;
}
.slay .seperator{
    top: 14px;
    opacity: 0.5;
    height: 30px;
}
.image-logo{
    height: 100%;
}

.image-logo img{
    height: 100%;
}
.image-logo.company img{
    width: 23px;
    height: 33px;
    margin-right: 10px;
}
.image-logo.slay-logo {
   
    margin-left
    : 10px;
}
.slay-header .user-profile{
    float: right;
    margin-top: 15px;
}
.slay-header .user-profile img{
    margin-left: 10px;
    border-radius: 50%;
    height: 32px;
}
.slay .level-heading{
   font-size: 20px;
   font-weight: 600;
   color: #131313;

}
li.nav-item.active a{
    color: black;
    background-color: transparent;
    box-shadow: 0px 24px 4px -24px magenta;
    border: solid 1px transparent;
    border-bottom: 0;
}
li.nav-item :hover{
  background-color: white;
}

/* .slay .nav-tabs>li {
    margin-right: 15px;
}
.slay .nav>li>a{ 
    margin-right: 15px;
} */
.slay .nav-tabs {
    margin-top: 5px;
    border-bottom: 0px solid #ddd;
}
.slay .tab-content{
    padding: 10px 0 0;
}
.slay .tab-pane{
    min-height: 460px !important;
    overflow: auto;
 
}

.slay1 .panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e113";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
    margin: -18px 15px 0 0;
    font-size: 14px;
}
.slay1 .panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    font-size: 14px;
}

/* .slay .tab-pane{
    background: #fbfbfb;
  
    padding: 10px 0px;
} */
.slay .panel-default{
    margin-bottom: 10px;
    background: #fcfcfc;;
    border-radius: 0;
}
.slay .panel-body{
   
    background: #fcfcfc;;
    padding: 15px 30px 25px;
}
.slay .panel-heading{
    height: 54px;
    padding-top: 20px;
    background: #fcfcfc;
}

.slay .panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 0px solid #ddd;
}

.slay .panel-default{
    border-radius: 2px;
    border: solid 1px #e4e4e4;
    background-color: #fcfcfc;;
}
.slay .panel-heading td{
    font-size: 14px;
   padding: 0 10px !important;
   color: #363636;
}
.slay td a{
    color: #503581;
}
.slay td a img{
    margin-top: -3px;
    margin-right: 5px;
}
.slay .tblSlay td{
    padding: 0 5px 20px!important;
    color:#6c7682;
    font-size:14px;
    vertical-align:top;
 }
 .slay .tblSlay td> a{
    color:#503581 !important;
 }


 button.btn-slay{
    background: white;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 600;
    height: 36px;
    color: #503581 !important;
    border: 1px solid #503581;
    padding: 0 10px !important;
    min-width: 58px;
}
button.btn-slay-bg{
    background: #503581;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 600;
    height: 36px;
    color: white !important;
    border: 1px solid #503581;
    padding: 0 10px !important;
    min-width: 60px;
}


.btn-create{
    position: absolute;
    top:110px;
    right: 32px;
}
.slay-color{
    color:#503581 !important;
    
}
.slay .glyphicon{
    color:#503581;
    


}

.slay-modal .glyphicon{
    color:#503581;
    font-size: 14px;
    font-weight: 500;


}
.slay-modal .input-file-container{
    margin: -10px 0px;
}

.slay-modal .upload-icon:after {
    background: url(../images/slay-upload.svg) no-repeat top center;
    top: 5px;
    left: -5px;
}
.slay-modal .modal-header{
    padding: 15px 25px 15px;
}
.slay-modal .glyphicon-remove{
    color: white;
    font-size: 14px;
}
.slay-modal .disable-col{
    pointer-events: none;
    
}
.slay-modal .upload-text{
    display: inline-flex;
}

/* .slay .nav-tabs>li.active>a{
    border: 0px solid gray !important;
} */
.slay .nav-tabs>li{
    margin-left: -15px;
}
.slay .nav-tabs li a {
    color: #888888 !important;
    font-size: 16px;
    font-weight: 600; 
}


.slay .nav-tabs li a:hover {
  
    background-color: transparent;
    border-color: transparent;
}
  .slay .nav-tabs li.active a {
    color: #503581 !important;
    background-color: transparent;
    border-color: transparent;
   
  }
  /* .slay .nav-tabs li {
   
   
    border: 0px solid blue !important;
   
  } */

  .slay .nav-tabs li.active a:after {
    position: absolute;
    content: '';
    height: 2px;
      /* adjust this to move up and down. you may have to adjust the line height of the paragraph if you move it down a lot. */
    bottom: 8px; 
    margin: 0 auto;
      left: 0;
    right: 0;
      width: 8px;
      background: #503581;
}
 .slay p{
  color:   #6c7682;
  font-size: 16px;

 }
 .slay .ass-header{
     font-size: 16px;
     color:   #000000;
     font-weight: 600;
 }
 .tblSlay td span i{
     color: #00bc2b;
 }
/* slay coach end */
.slay .show-score-card{
    cursor: pointer;
}
.slay .box-score-card .row{
    padding: 20px 10px 10px; 
    background:#fbfbfb;
}
.slay .box-score-card .box{
    padding: 0;
}
.ml-30{
    margin-left: 30px;
}
.mt25{
margin-top: 25px;
}
.slay-modal .upload-text .small-text span {
    font-size: 14px;
    color: black;
    font-style: italic;
    width: 260px;
}
.slay-modal .remove-icon{
 background-image: url(../images/slay-remove-file.svg);
}

.slay-modal .glyphicon-remove{
    display: none;
}
.slay-modal .close{
   
    background-image: url(../images/slay-close.svg);
    background-position: 8px 8px;
    background-repeat: no-repeat;
  
}


/* slay end */
/* a[aria-expanded="false"]{}
max-height: calc(100vh - 200px);
    overflow: auto; */


    /* display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    height: 100%; */

    /* .slay-modal .modal-body.auto-height{
        max-height: 400px !important;
        overflow: auto; 
    } */
    .slay-modal .modal-body{
        max-height: calc(100vh - 200px);
        overflow: auto; 
        padding-top: 15px;
        min-height: calc(100vh - 300px);
    }
    /* .slay-modal .modal-body .dropdown-menu{
        position: initial !important;
    } */
    .slay .list-header-links {
        display: inline-flex;
    }

    .slay .list-header-links li>a{
        font-size: 16px;
        font-weight: 600;
        color: #ffffff;
        opacity: 0.85;
        padding: 0 10px 0 40px;
        position: relative;
        pointer-events: none;
        
    }
    .slay .list-header-links li>a.publish{
        pointer-events: all;
        cursor: pointer;
        opacity: 1;

    }
    
    .slay .list-header-links li>a.active:after {
        position: absolute;
        content: '';
        height: 2px;
          /* adjust this to move up and down. you may have to adjust the line height of the paragraph if you move it down a lot. */
        bottom: -10px; 
        margin: 0 auto;
          left: 24px;
        right: 0;
          width: 8px;
          background: #ffffff;
    }
    /* .tblScoreCard .form-control{
        border: 0px solid gray !important;
    } */
    .tblScoreCard textarea{
        resize: vertical !important;
        /* padding: 15px; */
        min-height: 26px;
        overflow-y: hidden;
        /* padding: 6px 10px 25px !important; */
    }
    .tblScoreCard .table{
        
        margin-bottom: 0 !important;
    }
    /* .tblScoreCard thead>tr>th{
        position: sticky;
        
        top: 0px;
        background: #eaeaea;
        z-index: 999;
        padding: 10px 15px;
    } */
    .slay .box .tblScoreCard td{
        padding: 10px !important;
    }

    .slay-modal label.form-control {
        color: black;
        font-size: 14px;
        border: none;
        font-weight: 600;
    }
    .slay-modal label.form-control.normal {
        color: #6c7682;
        font-size: 14px;
        border: none;
        font-weight: 400;
    }


    .list-checkbox .dropdown-menu{
        /* position: relative; */
        width: 100%;
    }
 .list-checkbox .checkbox-menu li label {
    display: block;
    padding: 3px 10px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    margin:0;
    transition: background-color .4s ease;
}
.list-checkbox .checkbox-menu li input {
    margin: 0px 5px;
    top: 2px;
    position: relative;
}

.list-checkbox .checkbox-menu li.active label {
    background-color: #cbcbff;
    font-weight:bold;
}

.list-checkbox .checkbox-menu li label:hover,
.checkbox-menu li label:focus {
    background-color: #f5f5f5;
}

.list-checkbox .checkbox-menu li.active label:hover,
.checkbox-menu li.active label:focus {
    background-color: #b8b8ff;
}
.list-checkbox .dropdown-toggle {
    text-align: left;
}   

.list-checkbox .dropdown-toggle .caret {
    float: right;
    margin-top: 8px;
}  


.tblSlay .border-bottom-dash{
    border-bottom: 1px dashed gray;
}
.slay .list-item-doc li{
    margin-bottom: 10px;
    cursor: pointer;
}
.slay .list-item-doc li a{
  
    word-break: break-all;
    
}
.slay-modal .group-user-nodes label{
    display: block;
}
.slay-modal .group-user-nodes ul{
    display:inline;
    margin:  0 0 10px;
}
.slay-modal .group-user-nodes li{
    border-radius: 20px;
    background-color: #f5efff;
    color: #503581;
    padding: 10px 12px;
    font-size: 12px;
    font-weight: 600;
    margin: 0 15px 15px 0px;
    display: inline-block;

}
.slay-modal .group-user-nodes li span{
    margin-left: 8px;
}


.tblSlay .tag {
    height: 20px;
    width: 4px;
    margin-left: -30px;
    border-radius: 1px;
}
.tblSlay .tag.tag-on-time {
    
    background-color: #00c03a;
}

.tblSlay .tag.tag-late-oneday {
    
    background-color: #ff730c;
}

.tblSlay .tag.tag-late {
    
    background-color: #e80101;
}

.slay .normal-text{
    color: #6c7682;
    font-size: 14px;
    font-weight: 400;
}
.slay-user.row{
    padding: 32px 30px 32px 17px;
}
.slay-user h4{
    color: #000000;
    font-size: 16px;
    font-weight: 600;
}
.big-btn-list{
    margin-bottom: 24px;
}
.slay .big-btn-list li{
    margin: 0;
}
  .slay .big-btn-list li>a{
    height: 63px;
    border-radius: 2px;
    background-color: #f4eeff;
    color: #613396 !important;
    font-size: 14px;
    font-weight: 600;
    margin-right: 16px;
  }

  .slay .big-btn-list li.active>a{
    height: 63px;
    border-radius: 2px;
    background-color: #503581;
    color: #ffffff !important;
    font-size: 14px;
    font-weight: 600;
    margin-right: 16px;
  }

  .slay .box-content{
      margin: 10px 0 25px 0;
  }
  /* .box-right table{
    margin: 0 12px 10px;
  }  */
  .slay-user td img{
      border-radius: 50%;
      margin: 8px;
  }
  .slay  img.add-comment{
    border-radius: unset;
  }
.slay a.dowload-file img{
    border-radius: unset;
}
  
  .slay-user td.u-name{
    font-size: 18px;
    font-weight: normal;
    color: #656f7c;
    padding-left: 20px !important;
  }
  .td-text-icon{
    display: flex;
    align-items: baseline;
  }
  
  .slay .tblSlay.tblSubm tr>td:first-child{
    padding: 0 0 20px 0 !important;
    
 }
 .slay .tblSlay.tblSubm tr>td{
    padding: 0 20px 20px 0 !important;
    
 }
 .td-doc-list li{
    display: inline-flex;
    width:100%;
    margin-bottom: 8px;
 }
 .td-doc-list li div:first-child{
    width: 75%;
    
 }
 .td-doc-list li a{
    color:#6c7682; 
    word-break:break-all;
} 
.slay-calendar-icon{
    margin: -5px 0 0 10px;
    cursor: pointer;
}  

.level-heading  .popover{
    max-width: 100% !important;
}
/* .level-heading .popover.bottom>.arrow{
left: 1.6% !important;
} */

.popover.bottom .arrow {
	left:90% !important;
}

.level-heading  .popover img{
   height: 700px;
}
.tblSlay.tblAss td{
   padding: 0 0 10px!important
}
.tblSlay.tblAss .list-item-doc li{
    margin-bottom: 5px;
    cursor: pointer;
}
.slay-user .row-content {
    display: flex;

}
.slay-user .row-content .row-content-left {
    display: flex;
   
}
.slay .tblHeader th{
    font-weight: 600;
    color: #6c7682;
    padding-bottom: 10px;
}

.slay .tblHeader a img{
    margin: -2px 5px 0 0 !important; 
}


/* More Button / Dropdown Menu */

.slay .more-menu {
    max-width: 50px;
}

.slay .more-menu li{
    margin: 8px 0px; 

}


.slay .more-btn,
.slay .more-menu-btn {
    background: none;
    border: 0 none;
    line-height: normal;
    overflow: visible;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    width: 100%;
    text-align: right;
    outline: none;
    cursor: pointer;
}

.slay .more-dot {
    background-color: #503581;
    margin: 0 auto;
    display: inline-block;
    width: 5px;
    height: 5px;
    margin-right: 1px;
    border-radius: 50%;
    transition: background-color 0.3s;
}

.more-menu .dropdown-menu{
    min-width: 100%;
    width:90px;
}
.slay  caption a{
  color: #575757;
}
.tblSlayers td{
    padding: 10px !important;
}
.tblSlayers .img-wrap {
    width: 36px;
    height: 36px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.tblSlayers .img-wrap img{
    max-height: 100%;
    margin: 0;
    border-radius: 0;
}

.tblSlay td .empProfileImg{
    width: 80px;
    height: 80px;
    margin: 0px 8px 0px 0 !important;
    text-align: center;
}
.tblSlay a img{
  width: 100%;
  margin: 0px 5px 0 0 !important;
}
.tblSlay td span.desc{
white-space: pre-line;
font-size:14px;
font-weight: normal;
}
.tblSlay.tblAss .tr-ass td{

    padding-bottom: 30px !important;
}
.tblSlay td a img {
    margin-right: 5px;
}
.slay-modal .glyphicon{
    margin-top: 5px !important;
   }
.slay-modal .glyphicon.glyphicon-minus{
 margin-right: 8px;
}
.slay-modal .modal-body .row{
    margin: 10px -10px 25px!important;
}
.tblSlay ol span{
    font-weight: 700;
    margin-left: -15px;
}
.tblSlay ol li{
   padding: 0;
    margin: 0
}
#userComment{
    margin-bottom: 10px !important;
}
.font-14-600{
  font-size: 14px;
  font-weight: 600;
}
.list-members li{
   margin: 10px 0;
   font-size: 14px;
   color: #000000;
}
.tblScoreCard td .glyphicon-ok{
    font-size: 12px;
}
.slay .col-md-9.normal-text{
    font-size: 16px;
}
.slay-user-img{
  
    width: 36px;
    height: 36px;
    border: 50%;
    border-radius: 20px;
    /* border: 1px solid; */
    text-align: center;
}
.slay-user-img img{
    height: 100% !important;
    max-height: 100% !important;
    width: 100%;
}
.table-layout-fixed{
    table-layout: fixed;
    overflow: scroll;
}
.slay .box {
    min-height: 420px;
}
#tabAttendance .box .tblContainer{
    overflow-x: auto;
    margin-bottom: 20px;
}
/************************************************ SLAY END ******************************/

/* Org chart new */

.orgchart-head{  
    background: #FCB73A;
    padding: 10px 20px;
}
.org-container{
    background: white;
    margin: -20px;
    padding: 15px;
    overflow: scroll;
   }
   .orgchart-table{
       display: flex;
       background: transparent;
       
   }
   

   .orgchart-table div.org-col{
    margin: 0 4px;
    min-width: 145px;
    max-width: 145px;
   }
   .orgchart-table  .org-cell{
       display: grid;
   }

   .orgchart-table  .org-cell span{
    
    font-size: 1.1em;
   }
   .orgchart-table  .org-cell span.desg{
       color: #676464;
       font-size: 10px;
   }
   .orgchart-table table{
   
    font-size: 0.7em;
    color: black;
    margin-bottom: 0 !important;
    font-weight: 500;
   }

   

   .orgchart-table table.org-group thead>tr>th{
    color: #c13535;
    background: #f3f3f3;
    border: none !important;
    font-size: 11px;
    font-weight: 700;
   }

   .orgchart-table table thead>tr>th{
    color: red;
    background: white;
    border-top: 1px solid #ccc !important;
    border-bottom: 1px solid #ccc !important;
    font-weight: 600;
   }

   .orgchart-table table tr>th, .orgchart-table table tr>td{
    
    border-top: 1px solid #ccc !important;
    border-bottom: 1px solid #ccc !important;
    padding: 5px !important;
   }

   .orgchart-table table tbody>tr>th{
    font-weight: 700;
   }

   .orgchart-table table tr>td>li{
    /* list-style: disc; */
    padding-left: 10px;
    /* display: inline-flex; */
    position: relative;
   }
  
   

   .orgchart-table table tr>td>li.nested-li:before{
   
    content: "";
    position: absolute;
    left: 20px !important;
    top: 5px;
    width: 5px;
    height: 5px;
    background: black;
    border-radius: 0px;
   }
   
   

   .orgchart-table table tr>th>li:before{
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 5px;
    height: 5px;
    background: black;
    border-radius: 50px;
    }

   .orgchart-table table tr>td>li:before{
   content: "";
   position: absolute;
   left: 8px;
   top: 5px;
   width: 5px;
   height: 5px;
   background: black;
   border-radius: 50px;
   }


   
   .orgchart-table table tr>td>li>.org-cell{
       margin-left: 24px;
   }
   /* Org chart new */




/************************************************ Sales cycle ************************************************/
.disable-section{
    opacity: 0.5;
}

.record-detail{
  background-color: white; 
  border: 0px solid lightgray; 
  padding: 10px 20px;
}
.record-detail .control-label{
  font-weight: 500;
}
.record-detail .form-group{
  margin-bottom: 15px;
}
.record-detail .row-action-btn{
  margin-top: 20px;
}
.record-detail textarea,  textarea.auto-resize{
      resize: vertical !important;
      padding: 8px 10px;
      min-height: 75px;
      overflow-y: hidden;
}
.sales-cycle .record-detail textarea,  textarea.auto-resize{
    resize: vertical !important;
    padding: 8px 10px;
    min-height: 75px;
    overflow-y: auto;
    max-height: 200px;
}

.record-detail .char-info{
    color: lightgray;
}
.sales-cycle .tab-content{
    background: white;
    padding: 10px;
}
.sales-cycle table a{
  color: #00b1bf;
  cursor: pointer;
}
.sales-cycle span.title{
    font-size: 16px;
    font-weight: 600;
    color: gray;
}
.sales-cycle .heading{
  font-size: 20px;
  font-weight: 600;
  
}
.sales-cycle .record-detail .info-box{
  border: 1px solid rgb(233, 224, 224);
  padding: 10px;
  box-shadow: 1px 0px #ccc0c0d1;
  margin: 0 10px;
}
.sales-cycle .ontime{
  color: green;
}
.sales-cycle .delay-short{
  color: orange;
}
.sales-cycle .delay-long{
  color: red;
}
.sales-cycle .badge{
  color: white;
}


.sales-modal .modal-body{
  max-height: calc(100vh - 200px);
  min-height: 420px;
  overflow: auto; 
  
}
.sales-modal .modal-header{
  padding: 15px 25px;
}
.sales-modal .modal-title{
  text-align: left !important;
}

.sales-cycle .table-bordered thead  td{
   background: whitesmoke;
}
.ml-35{
   margin-left: 35px;
}

.sales-cycle table .fa{
color: #463e3e;
font-size: 18px;
}


.budget-planner td.col-act{
 min-width: 200px !important;
}
.budget-planner td.col-week-no{
min-width: 30px !important;
max-width: 30px !important;
}
.budget-planner td.col-total{
min-width: 100px !important;
}
.budget-planner table .form-group {

margin: 0;

}
.budget-planner table{
font-size: 1.em;
margin-top: 20px;
}

.budget-planner table thead td.col-fixed {
 
background: rgb(233 251 250) ;
}
.budget-planner table td.col-fixed
{
position:sticky !important;
left:0 !important;
/* box-shadow: 0px 1px 0px 1px darkgray; */
z-index: 1 !important;
background: whitesmoke;

} 

/* .budget-planner td:nth-child(4)
{
position:sticky !important;
left:0;

background: white;

}  */

/* .budget-planner table td{
border: 1px solid #4a4747d6 !important;
}  */

.budget-planner table thead>tr>td {
vertical-align: bottom;
text-align: center;
font-weight: 600;
padding: 0 !important;
background: rgb(233 251 250) !important;


}

.budget-planner table.budget-view{
margin:  0 !important;

}
.budget-planner .budget-view tr>td{
text-align: left;
padding: 8px 5px 0 !important;
}

.budget-planner .budget-view tr>td.col-week-no, 
.budget-planner .budget-view tr>td.col-week, 
.budget-planner .budget-view tr>td.col-milestone{
text-align: center;
}

.budget-planner .budget-view tbody>tr>td,
.budget-planner .budget-view tfoot>tr>td,
.budget-planner .budget-view tr>td.col-total{
 text-align: right;
}
.budget-planner .budget-view td:first-child{
text-align: left;
}
.budget-planner .budget-view td.col-res div:first-child{
text-align: right;
}
.budget-planner .budget-view tfoot>tr>td{
color: black;
font-weight: 600;
}
.budget-planner .budget-view table thead>tr>td div{
margin-bottom: 0;
}
.budget-planner table thead>tr>td div{
margin-bottom: 8px;

}

.budget-planner table thead>tr>td.header-top{

vertical-align: bottom;

}

/* .budget-planner table thead>tr>td.header-top input{


background: transparent;
} */
.budget-planner table tbody>tr>td,  .budget-planner table tfoot>tr>td {
vertical-align: middle;
padding: 0 !important;

text-align: -webkit-center;
}

.budget-planner table .col-milestone .form-group{
width: 20px;
}
.budget-planner table .btn-group.bootstrap-select .dropdown-toggle.selectpicker.btn-default{
 border: none;
}

.budget-planner table input{
 text-align: right;
 padding: 8px !important;
 border: none !important;
 border-bottom: 1px solid #8adcd4 !important;
 border-radius: unset;
 
}

.budget-planner table input[readonly]{
background: #7acfea6b;
border: none !important;
font-weight: 600;
color: black;
/* color: white; */
}

.budget-planner table tfoot input[readonly]{
background:transparent;
border: none !important;

}

.budget-planner table tfoot td{
/* background: #f3893e3b !important; */
background: #fce2cf !important;


}
.budget-planner table .form-control{
box-shadow: transparent !important;
-webkit-box-shadow: unset !important;
}

.budget-planner table input::placeholder {
color: gray;
font-size: 12px;
}

.budget-planner .form-inline section{
 float: right;
}
.budget-planner .form-inline .form-group{
 margin-right: 10px;
}
.budget-planner .form-inline input[type="text"]{
 width: 90px;
}
.budget-planner .form-inline input[type="number"]{
width: 65px;
}
.budget-planner .bootstrap-select .dropdown-menu{
width: 100% !important;
}
.budget-planner  .dropdown-menu>li>a{
/* width: 100%; */
white-space: normal;
}
.budget-planner table .col-act-hours, .budget-planner table .col-act-price{

background: #7acfea6b;
}
.budget-planner table .col-act-hours input, .budget-planner table .col-act-price input{
 background: transparent;
}
.budget-planner table tbody .col-res-hours{
   vertical-align: bottom;
}
.truncate-text{
width: 100px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.sales-cycle hr{
border: 1px solid gray;
}

.sales-cycle .info-box tr>td{
vertical-align: top;
padding: 8px 15px!important;
}
.mt--10{
margin-top: -10px;
}

.sales-cycle .info-box .fa{
font-size: 12px;
}
.sales-cycle #recordBudgetRetainer  input.text-left{
text-align: left;
}
.sales-cycle #recordBudgetRetainer  input{
text-align: right;
}

.sales-cycle table.dataTable tfoot th, .sales-cycle table.dataTable tfoot td {
padding: 8px 10px !important;
}


.sales-cycle #recordViewHeader{
padding-top: 10px;
}
.sales-cycle #recordViewHeader table{
margin-bottom: -10px;
}
.sales-cycle .cloneBilling .col-md-1{
    width: 12%;
}


body .bootstrap-select .dropdown-menu {
    width: 100% !important;
}

body .dropdown-menu>li>a {
   
    white-space: normal;
}

/* body .dropdown-menu li a {
    color: black !important;
} */


.cloneBilling.budget-planner table thead>tr>td {
  padding: 10px !important;
}


.cloneBilling.budget-planner table input {
   
    border: none !important;
    border-bottom: none !important;
  
}


.cloneBilling.budget-planner table tbody>tr>td{
    vertical-align: top;
}

.cloneBilling .bootstrap-select.btn-group .btn .filter-option {
    
    width: 250px;
    
    text-overflow: ellipsis;
   
}

.cloneBilling .input-block-level{
    text-align: left;
}
#budgetCalc{
    padding: 0 !important;
    border: 1px solid #eaeaea;
}
#tblBudgetCalc{
    margin-top: 0px;
}

.sales-cycle .info-box  .tbl-stage-comments tr>td{
    padding: 0 8px 8px 0px !important;
}



/* .sales-cycle.demand .recordList{
    background: white;

} */
.table-demand tfoot>tr>td{
    font-weight: bold;
 }
.table-demand thead>tr>th{
    font-weight: bold;
   background: whitesmoke;
}
 .table-demand .group-row>td{
     background: aliceblue;
 }

/************************************************ Sales cycle ************************************************/


tr.row-resign>td{
    background: #ffe2e2 !important;
}
#tblResource tr.row-new-joinee>td{
    background: #d3e5ec;
}
#tblResource tr.row-on-bench>td{
    background: #f3ded6;
}
.d-inline-flex{
    display: inline-flex;
  }
  /* PMS */

.pms .tab-content{
    background: white;
}
.pms .table thead>tr>th{
    background: whitesmoke;
}
/* .pms .table tbody>tr.compet-header-row>td{
    padding: 15px 10px !important;
} */

.pms .btn-add{
    position: relative;
    float: right;
    margin-left: 10px;
    height:32px;
    color:#02aebe;
    border:1px solid;
    border-radius: 5px;
    background: white;
}
#competencyFunctionList li{
    background: whitesmoke;
    padding: 10px;
    margin: 10px;
}

.pms .record-detail textarea, textarea.auto-resize {
    resize: vertical !important;
    padding: 8px 10px;
    min-height: 72px;
    overflow-y: hidden;
}
.pms .row-function{
    padding: 10px;
    
}
.pms .row-function .col-md-11{
    background: whitesmoke;
}
.pms .opt-rating-group label.btn{
    margin: 0 5px;
    width: 50px;
    height: 26px;
    padding: 2px;
    font-size: 14px;
    font-weight: 600;
}
.pms .opt-rating-group label.btn:first-child{
    border-radius: 15px 0 0 15px;
}

.pms .opt-rating-group label.btn:last-child{
    border-radius: 0 15px 15px 0;
}

.pms .opt-rating-group label.btn{
    background: #ddd !important;
}

.pms .opt-rating-group label.btn.active{
    background: #5cb85c !important;
}
.pms th.rating,.pms td.rating{
    text-align: center;
}
.pms form .btn-secondary{
    margin-top: 25px;
  
    margin-right: 10px;

    height:32px;
    color:#02aebe;
    border:1px solid;
    border-radius: 5px;
    background: white;
}

.pms .tableFixHead th:first-child, .pms .tableFixHead td:first-child {
    position: sticky !important;
    left: 0;
    z-index: 11;
    background: whitesmoke;
}

/* .pms .tableFixHead thead>tr>th {
    position: sticky !important;
    top: 0;
    z-index: 1;
    background: whitesmoke;
} */



.pms .opt-hashtag-category label.btn{
    margin: 0 10px 0 0;
    width: 30px;
    height: 30px;
    padding: 2px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 50% !important;
}
/* .pms .opt-hashtag-category label.btn:first-child{
    border-radius: 15px 0 0 15px;
}

.pms .opt-hashtag-category label.btn:last-child{
    border-radius: 0 15px 15px 0;
} */

.pms .opt-hashtag-category label.btn.Red{
    background: red !important;
}
.pms .opt-hashtag-category label.btn.Amber{
    background: orange !important;
}
.pms .opt-hashtag-category label.btn.Green{
    background: green !important;
}

.pms .opt-hashtag-category label.btn{
    background: #ddd !important;
}

.pms .opt-hashtag-category label.btn.active{
    /* background: #5cb85c !important; */
    border: 3px solid black;
}

.pms .hashtag-list li{
      
    margin: 0 0 15px 0;
}
.pms .hashtag-list li div{
   border-radius: 5px;
   padding: 5px 10px;
   width: fit-content;
}

.pms .hashtag-list li div span:nth-child(2){
    margin: 0 5px 0 20px;
  }
.pms .hashtag-list li div span{
   margin: 0;
 }

.pms .hashtag-list li div.Red{
    border: 1px solid red;
    background: #fff4f4;
}

.pms .hashtag-list li div.Amber{
    border: 1px solid orange;
    background: #fff3de;
}

.pms .hashtag-list li div.Green{
    border: 1px solid green;
    background: #efffef;
}
.pms .row-hashtag{
    position: relative;
}

.pms td .hashtag-inner{
position: absolute;
bottom: 5px; 
left: auto; 
margin-left: 0;
}
.pms .panel-heading{
padding: 15px;

}
/* .pms .panel-title{

font-weight: 600;
} */
.pms .panel-body table th, .pms .panel-body table td{
padding: 8px 15px !important;
}

.pms div.sub-title{
    padding-top: 5px;
    font-weight: 600;
    font-size: 18px;
}
.pms .cas-goal table>tbody>tr>td:nth-child(2){
    padding: 2px !important;
  }


.pms .tableFixHead thead th.rating {
    position: -webkit-sticky;
    position: sticky;
    top: -2px;
    background: whitesmoke;
    Z-index: 999;
  }
  .pms .tableFixHead tfoot th {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 999;
    background: whitesmoke;
  }
  .pms .tableFixHead thead th:first-child{
       top: -2px;
       z-index: 12;
  }
  #tabCompetMaster thead th {position: sticky; z-index: 99; top: -2px;}

  .pms .tableFixHead td:first-child {
    position: sticky !important;
    left: 0;
    z-index: 11;
    background: whitesmoke;
}


.pms #tblCompetMatrix th,
.pms #tblCompetMatrix td:first-child,
.pms #tblCompetMatrix td:nth-child(2){
    position: sticky !important;
    background: #f7f7f7;
}

.pms #tblCompetMatrix thead>tr:first-child>th{
   
    top: -2px;
    
}

.pms #tblCompetMatrix thead>tr:nth-child(2)>th{
   
    top: 34px;
    
}

/* */
#tblCompetMatrix th:first-child,
#tblCompetMatrix th:nth-child(2),
#tblCompetMatrix td:first-child,
#tblCompetMatrix td:nth-child(2){
    position: sticky !important;
    background: whitesmoke;
}
#tblCompetMatrix th:first-child,
#tblCompetMatrix td:first-child{
    left: 0;
}
#tblCompetMatrix th:nth-child(2),
#tblCompetMatrix td:nth-child(2){
    left: 45px;
}

#tblCompetMatrix .col-fixed-header{
    z-index: 50 !important;
}

#tblCompetMatrix tbody>tr>td:first-child,
#tblCompetMatrix tbody>tr>td:nth-child(2),
#tblCompetMatrix tfoot>tr>th:first-child,
#tblCompetMatrix tfoot>tr>th:nth-child(2),
#tblCompetMatrix .btn-group>.btn.active{
    z-index: 40;
}


/* */

/* .pms #tblCompetMatrix th:nth-child(1),
.pms #tblCompetMatrix th:nth-child(2)
{
  z-index: 3;

} */
.pms #tblCompetMatrix th:nth-child(1),
.pms #tblCompetMatrix td:nth-child(1){
    left: 0;
  

}
 

/* .pms #tblCompetMatrix th:nth-child(2),
.pms #tblCompetMatrix td:nth-child(2){
    
  
  left: 32px;
 
} */

  

.pms #tblCompetMatrix th:nth-child(1)
{
  z-index: 12;
}


.pms #tblCompetMatrix .col-learning{
    word-break: break-all; 
    white-space: normal; 
    max-width:320px;
}
.pms #tblCompetMatrix .col-learning ul{
    margin-left: 15px;
}
.pms #tblCompetMatrix .col-learning li{
 list-style: disc;
}

  /* .recordList ul.nav.nav-tabs {
      position: sticky; top: 78px; z-index: 9;
  }
   */
  div#tblView .tab-pane {
    height: calc(100vh - 320px);
    overflow-y: auto;
  }
  .pms .record-list{
    background: white;
}

.pms .compet-form>section{
    box-shadow: 5px 10px 18px #d6d0d0;
}
.pms .tbl-compet-form th{
    font-size: 14px;
    font-weight: 600;
    color: #121212;
    padding: 8px 12px;
    background: aliceblue;
}
.pms form>.row-action-btn{
    position: sticky;
    bottom: 0;
    background: whitesmoke;
    margin-bottom: 0;
    padding: 10px;
    z-index: 3;
    box-shadow: 5px 10px 18px #d6d0d0;
}
.pms .tbl-compet-form span.comp-header{
    /* text-decoration: underline; */
    cursor: pointer;
    color: #02aebe;

}
.pms .tbl-compet-form span.comp-header.expand{
    text-decoration: none;
   
    
}
.pms .tbl-compet-form .compet-level-example{
    display: flex;
    position: relative;
    padding-top: 15px;
}

.pms .tbl-compet-form .compet-level-example>.close-example{
  position: absolute;
  top: 0;
  right: -5px;
  font-size: 16px;
}

.pms .tbl-compet-form .compet-level-example>div{
    background: whitesmoke;
    width: 25%;
    margin: 5px;
    padding: 0 8px 8px;
}
.pms .compet-level-example {
    display: inline-flex;
}
.pms .compet-level-example>div {
    
    background: whitesmoke;
    width: 25%;
    margin: 2px;
    padding: 0 8px 8px;
}

.pms .tbl-compet-form .sub-title{
   font-size: 12px;
   font-weight: 600;
}
.pms .tbl-compet-form .sub-text{
    font-size: 12px;
    font-weight: normal;

    color:gray;
}
.pms .tbl-compet-form textarea{
    min-height: 52px !important;
    height: max-content;
    overflow-y: hidden;
}
 .pms-db{
     background: white;
 }
 .pms-db h4{
    margin: 5px 0 0 !important;
 }
 
 .pms-db{
     padding: 15px 0;
 }
 .pms-db .row{
    /* padding: 10px 15px; */
    /* margin-left: -25px;
    margin-right: -15px; */
  margin:  0;
}
.pms-db .row-box{
    border: 1px solid lightgray;
    border-radius: 5px;
    margin: 5px 0 10px 5px;
    padding: 20px 25px;
}

.pms .kra-card-list{
    overflow: unset;
    /* display: flex; */
}
.pms .kra-card-list .kra-card{
    min-width: 150px;
    /* margin: 10px 15px 10px 0; */
    padding: 8px;
}

.pms .kra-card-list .card-month {
    
    height: 155px;
    border: 1px solid lightgray;
    border-radius: 5px;

}
.pms .kra-card-list  .card-header {
    
    padding: 10px 15px;
    background: whitesmoke;
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    border-bottom: none;
    text-align: left;


}

.pms .kra-card-list .card-body .header-text {
    width: 100%;
    /* background: whitesmoke; */
    padding: 0 0 10px;
    margin-top: 5px;
}
.pms .kra-card-list .fill-kra .card-header {
    background: white !important;
    
}
.pms .kra-card-list .fill-kra .card-body {
    background: whitesmoke !important;
    
}
.pms .kra-card-list .fill-kra .sub-header {
    font-size: 24px;
    font-weight: 500;
    /* padding: 9px; */
    /* position: initial; */
    margin-top: 10%
}
.pms .cas-list li{
    margin-top: 10px;

}
.pms .cas-list li{
    background: whitesmoke;
    padding: 5px;
    /* text-decoration: underline; */
    font-size: 14px;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
}
    
.pms .cas-list li>span.gray-text{
  
    font-size: 12px;
    color: gray;
}
.pms .cas-list li>a{
    color:  #02aebe; 
}

    
    .pms .slick-next, .pms .slick-prev {
        background: lightgrey;
        width: 26px;
        height: 70px;
        background: white;
        border: 1px solid #eee;
        border-radius: 3px;
        
    }
    .pms .slick-prev {
     left: -21px;
    }
    
    .pms .slick-next {
        right: -21px;
    }
    .slick-next:before, .slick-prev:before {
        content: "";
        font-size: 19px;
        background-image: url("../images/gray-next.png");
        background-repeat: no-repeat;
        background-size: cover;
        opacity: 1;
        background-position: center;
        width: 9px;
        height: 13px;
        display: inline-block;
    }
    .slick-prev:before {
        transform: rotate(180deg);
    }

    .slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover {
        color: transparent;
        outline: 0;
        background: 0 1;
    }

   .pms .slick-slider{
/* margin: 0 25px; */
margin: 10px -5px -15px;
    }
  


    /** KRA - team member card **/

    .kra .card-body.team-member{
        background: white;
        display: flex;
        flex-direction: column;
        align-items: unset !important;
       /* padding: 10px; */
        height: 130px;
        width: 100%;
    }
    .kra .card-body.team-member .user{
        text-align:  left;
        display: inline-flex;
        padding: 15px;
    }
    .kra .card-body.team-member .score {
     padding-top: 15px;
    }
    .kra .card-body.team-member .header-text{
        margin-top: -15px;
    }
    .kra .btn-fill-kra{
        color: #02aebe;
        cursor: pointer;
        background: transparent;
        font-size: 14px;
        /* padding: 5px; */
    }
    .kra .btn-fill-kra:hover{

        background:  #02aebe;
        color: white;
    }

    
  
    #tblCompGraph thead>tr>th:first-child{
        padding-left: 10px !important;
    }
    #tblCompGraph tr>td:not(:first-child), #tblCompGraph thead>tr>th:not(:first-child){
        padding-left: 0 !important;
        padding-right: 0 !important;

    }



    .pms #stacked-bar-legend, .pms #stacked-bar-legend2{
    padding: 8px 0;
    margin-bottom: 20px;

    }
    .pms .legend { list-style: none; }
    .pms .legend li { 
        float: left; 
        margin-left: 10px; }

    .pms .legend span { 
        
        float: left;
        
        height: 25px;
        margin: -5px 0;
        text-align: center;
        padding: 2px;
        font-weight: 500;
    }

    .pms .legend span.category { 
        border: 1px solid #ccc;
        float: left;
        width: 50px;
        height: 25px;
        margin: -5px 5px;
        text-align: center;
        padding: 2px;
        font-weight: 700;
    }
    /* your colors */
    .pms .legend .category-1 { background-color: #46cf46; }
    .pms .legend .category-0 { background-color: orange; }
    .pms .legend .category--1 { background-color: red; }

    .pms .category-1 { background-color: #46cf46;  }
    .pms .category-0 { background-color: orange;  }
    .pms .category--1 { background-color: red;  }

    .pms .table-feedback td{
        vertical-align: middle;
        text-align: left;
    }
    .pms .table-feedback td>div{
        font-weight: 500;
        font-size: 16px;

    }
    .pms .table-feedback td img{
      max-width: unset;
      height: 100px;
     
    }

    .pms .table-feedback td>ul>li{
        margin: 0 10px 0 -5px;
    }
    /* .pms .table-feedback td>img{
        max-width: unset;
    } */
    .pms .legend span.desired-rating, .pms .legend span.actual-rating { 
        width: 15px;
        height: 15px;
        margin:0 5px 0 0;
    }

    .pms .desired-rating { background: orange; }
    .pms .actual-rating { background: #503581; }

    /* .resizer thead>tr>th{
        position: absolute;
        top: 0;
        right: -8px;
        bottom: 0;
        left: auto;
        width: 16px;    
        cursor: col-resize;       
    } */

    .list-kra-month li{
        display: inline;
        margin: 0 10px 0;
        font-weight: 600;
        text-decoration: underline;

    }
    .list-kra-month li.active{
        color: #02aebe;
    }

    .box{
    
        height: 20px;            
        /* position: absolute;
        top: 0;
        left: 0; */
        opacity: 0.8;  /* for demo purpose  */
        background: #aff8ff;
    }
    .stack-top{
        height: 10px;
        z-index: 9;
        /* margin: 20px;  */
        /* margin-top: -15px; */
        background: #02aebe;
    }

    .pms .idp .primary_button{
        color: white;
    }
    .pms #frmIdpTemplate .form-group{
        margin: -6px -8px 8px -8px;
    }
    .pms .table-view{
        height: calc(100vh - 250px);
        padding: 0;
    }
    .pms .table-view a{
        cursor: pointer;
        color: #02aebe;
    }

    .pms .table-layout-auto table{
        width: auto;
        margin: 10px 0;
      }
      .pms .cas-timeline,
      .pms .cas-timeline ul
      {
          display: flex;
          align-items: center;
  
      }
  
     
      .pms  .cas-timeline ul>li{
          /* background: whitesmoke; */
          padding: 10px;
      }
/* PMS End */

/* invoice reports */
.list-report-title.nav-tabs{
    border-bottom: none;
}
.list-report-title.nav-tabs>li>a{
  
   padding: 10px;
   margin: 0 5px 0 10px;
}
.list-report-title.nav-tabs>li.active>a{
    border: none;
  
    /* background: whitesmoke; */
}

.list-report-title li.active>a:after {
    position: absolute;
    content: '';
    height: 2px;
    bottom: 0px;
    margin: 0 auto;
    left: 0px;
    right: 0;
    width: 100%;
    background: gray;
}

#tblReportAccountwise {
    background:white;
}
#tblReportAccountwise  .glyphicon-plus-sign{

    top:2px;
} 
#tblReportAccountwise  .glyphicon-plus-sign, #tblReportAccountwise  .glyphicon-minus-sign{

    top:0px;
} 
#tblReportAccountwise  .glyphicon-minus-sign{
    float: right;
   
} 
.tab-content.inv-reports{
    padding:10px 15px;
}
td.red span.ui-state-default {
    color: #f00;
}
td.green span.ui-state-default {
    color: #0f0;
}

#tblReportAM>tbody>tr>td{
    vertical-align: middle !important;
}

#tblReportAM>tbody>tr>td>.form-control{
  
    margin: -10px;
    padding:  3px 10px !important;
    text-align: right;
    border: none;
    max-width: 130px;
    width: -webkit-fill-available;
    width: -moz-available;
    
}

#tblReportAM>tbody>tr>td>.form-control[readonly]{
    background-color: whitesmoke !important;
  }

  #tblReportAM>tbody>tr>td>.form-control:focus{
      box-shadow: none;
  }




/* invoice reports end */
/* Project requests */
.insite-projects ul {
    display: flex;
    flex-wrap: wrap;
    padding: 15px 15px;
    list-style: none;
    margin: 0 -15px;
    font-family: "Open Sans", sans-serif;
    background: #f6f6f6;
  }
  
  .bd-1 {
    border-top: 6px solid #ff9c61;
  }
  
  .bd-2 {
    border-top: 6px solid #48a9f9;
  }
  
  .bd-3 {
    border-top: 6px solid #0ccf8f;
  }
  
  .bd-4 {
    border-top: 6px solid #fbb548;
  }
  
  .bd-5 {
    border-top: 6px solid #d50301;
  }
  
  .bd-6 {
    border-top: 6px solid #c976c9;
  }
  
  .insite-projects .insite-project-wrap {
    width: 33.33%;
    padding: 15px 15px;
    font-size: 16px;
    font-family: "Open Sans", sans-serif;
  }
  
  .insite-projects .insite-project-item {
    background: #fff;
    height: 100%;
    padding: 30px 25px 0px 25px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
  }
  
  .insite-projects .insite-project-item h3 {
    font-size: 2em;
    color: #000;
    margin: 0px;
    padding: 3px 0;
    font-weight: 300;
    font-family: "Open Sans", sans-serif;
    margin-bottom: 15px;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  
  .insite-projects .lead-timeline {
    display: flex;
    font-size: 1em;
    margin-bottom: 20px;
  }
  
  .insite-projects .lead-timeline .leadSec {
    width: 50%;
  }
  
  .insite-projects .lead-timeline .timelineSec {
    width: 50%;
  }
  
  .insite-projects .insite-label {
    display: block;
    color: #9b9b9b;
  }
  
  .insite-projects .insiteVal {
    color: #373737;
  }
  
  .insite-projects .custbtnSec {
    margin: 0px -25px;
    border-top: 1px solid #e6e6e6;
    margin-top: 20px;
    text-align: center;
  }
  
  .insite-projects .custbtnSec button {
    background: transparent;
    border: 0px;
    padding: 0px;
    font-size: 1em;
    color: #00adb9;
    font-weight: 600;
    outline: none;
    display: inline-block;
    width: 100%;
    padding: 15px 0px;
  }
  .insite-projects .custbtnSec .checkedmark img {
      max-width: 1em;
      margin-right: 3px;
  }

  /* project list */

  /* Demand sheet */
  #frmEditRetainerBudget .form-row{
    display: flex;
    padding: 0 15px 0;
}

#frmEditRetainerBudget .form-row textarea{
    width: 340px;
    min-height: 38px !important;
    max-height: 60px !important;

}
#frmEditRetainerBudget .row-res{
    display: inline-flex;
}
#frmEditRetainerBudget  .col-auto{
    width: auto;
    padding: 10px 15px;
}

#frmEditRetainerBudget .form-row .col-big{

    width: 220px; 
    margin-right: 10px;
    padding: 0 !important;
}

#frmEditRetainerBudget .form-row .col-med{

    width: 135px; 
    margin-right: 10px;
    padding: 0 !important;

}

#frmEditRetainerBudget .form-row .col-small{

    width: 50px; 
    margin-right: 10px;
    padding: 0 !important;

}

#frmEditRetainerBudget .form-row .col-action{

    
    width: 80px;
    height: 54px;
   display: flex;
   /* align-items: center; */
   /* margin-bottom: -10px; */
  
}
#frmEditRetainerBudget .row-pos.disabled-row .form-group{
    pointer-events: none;
   
}

#frmEditRetainerBudget .row-pos.disabled-row .form-group .form-control,
#frmEditRetainerBudget .row-pos.disabled-row .form-group .form-control.bootstrap-select button
{
    background: #eee;
}

.sales-cycle .table-retainer-budget .info-btn1:after{ 
    top:0; 
    left: -10px;
}

/* #frmEditRetainerBudget .clonePosition  .col-action .glyphicon{
    margin-top: 0;
} */



/* #frmEditRetainerBudget .clonePosition .col-action .glyphicon{
    margin-top: 28px;
} */


#frmEditRetainerBudget .cloneResource .row-res>.col-action .glyphicon{
    margin-top: 40px;
}
#frmEditRetainerBudget .clonePosition{

    width: auto;
    padding: 10px 0 0 !important;
    margin: 0 15px 0 -5px;
    background: #fbfbfb;
    /* margin-right: 10px; */
}


#frmEditRetainerBudget .form-row .add-pos,
#frmEditRetainerBudget .form-row .remove-pos{
    color:#02aebe;
    background: whitesmoke;
    border-radius: 6px;
    padding: 6px;margin-top: 28px;

}
.sales-cycle .info-box .col-pos-info{
    margin: -8px -15px;
}

.sales-cycle .table-retainer-budget .col-pos-info tr.closed>td,
.sales-cycle .table-retainer-budget  td.closed{
    background: #d7f9d7;
}

/* demand sheet */

.sales-cycle.demand .recordList{
    background: white;
    /* padding: 10px; */
}

.sales-cycle .filter-group{
    display: flex;
    align-items: center;
    padding: 15px;

}

.sales-cycle .filter-groups{
    display: flex;
    padding: 0 15px;
}

.sales-cycle .chk-group{
    display: flex;
    align-items: center;
    /* background: whitesmoke; */
    width: max-content;
    margin: -10px 0 10px 0px;
    /* border: 1px solid #ece8e8; */
    border-radius: 5px;

}
.sales-cycle .chk-group .chk-filter{
   
    padding: 0 5px;
    display: flex;
    align-items: center;
}



.sales-cycle .chk-group .chk-filter input[type="checkbox"] {
    margin: 0px 8px 0 0;
}

.sales-cycle fieldset{
    margin-right: 5px !important;
}
.sales-cycle fieldset legend{

    padding: 15px 5px;
}


.sales-cycle .chk-group .chk-filter>label{
   
    margin-bottom: 0px;
    font-size: 0.9em;
    font-weight: 500;

}
.sales-cycle form .btn{
  
   
    /* margin: 5px; */
    border: 1px solid lightgray;
    border-radius: 5px;
    font-weight: 600;
}
.sales-cycle.demand .glyphicon-export{
    position: relative;
    font-size: inherit;
    font-weight: 600;
    color: black;
    padding-right: 15px;
    cursor: pointer;
}



section.sec-report {
    padding: 8px;
    min-height: 550px;
  }
  
  table.tblReport{
    margin-bottom: 15px !important;
  }
  table.tblReport thead th {
    background: #eee;
    border: 0px;
    border-right: 1px solid #cccc;
    vertical-align: middle;
  }

  table.dataTable.table-demand thead>tr>th span
{
  padding-left: 10px;
}
  
table.dataTable.table-demand thead .sorting, 
table.dataTable.table-demand thead .sorting_asc, 
table.dataTable.table-demand thead .sorting_desc, 
table.dataTable.table-demand thead .sorting_asc_disabled, 
table.dataTable.table-demand thead .sorting_desc_disabled {
   
    background-position: center left !important;
    padding-left: 20px !important;
}
.table-demand tfoot>tr>td{
    font-weight: bold;
 }
.table-demand thead>tr>th{
    font-weight: bold;
   background: whitesmoke;
}
.table-demand .group-row>td{
    background: whitesmoke;
}

.sales-cycle #frmFilter{
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 0 25px 0 0px;

}

.sales-cycle.demand #frmFilter {
    padding: 0 10px;
}

 .sales-cycle #frmFilter .input-group,
 .sales-cycle #frmFilter .form-group{
     margin-top: 15px;
 }
 .demand .nav-container{
     display: flex;
     align-items: center;
     justify-content: space-between;
     margin: 0 10px;
 }

 .demand .table-demand{
     margin: 0 !important;
 }

.table-demand tr.row-total>th,
.table-demand tr.row-total>td{
    background: #e7fbe6;
    font-weight: 600;
}

.demand .nav-tabs {
   border-bottom: none;
}

.demand .nav-tabs>li.active>a {
   border: none;

}
.demand .nav-tabs>li>a {
   padding: 10px;
   margin: 0 20px 0 0px;
}

.demand li.active>a:after {
   position: absolute;
   content: '';
   height: 2px;
   bottom: -5px;
   margin: 5px auto;
   left: 0px;
   right: 0;
   width: 100%;
   background: gray;
}
.demand #rptDemandReport{
    overflow: auto;
}
.demand .table-demand{
    width: auto;
}
#tblDemandReport th.stick-right:nth-last-child(-n+3),
#tblDemandReport td.stick-right:nth-last-child(-n+3)
{
   position:sticky !important;

   background: #fff4e9;

   right: 0px;
}


 /* .sales-cycle.demand .rad-group label{
     margin: 0 20px 0 0;
     padding: 8px;
     background: aliceblue;
     border-radius: 5px;

 }
 .sales-cycle.demand .rad-group label span{
     margin: -5px 0 0 8px;
 } */

 table.table-demand tr>th{
    vertical-align: middle;

 }
  /* table.table-demand tr>th, */
  table.table-demand tr>td {
    vertical-align: top;

  }
  .table-demand .priority-group{
    width: 55px;
    margin: -5px 0 0 5px;
  }

/* Demand sheet */

/* Birthday calendar */

.table-calendar{
    background: white !important;
    width:auto;
    margin: auto;
}
.table-calendar thead>tr>th{
    border: none;
    text-align: right;
    font-weight: 600;
    color: gray;
}
.table-calendar tbody>tr>td{
    border: none;
    padding: 1px !important;

}
.table-calendar td>div.empty-cell{
    border: none;
}
.table-calendar td>div.day-cell{
    border: 1px solid #eee;
    border-radius: 5px;
    padding: 5px;
    height: 170px;
    position: relative;
    overflow: auto;
}
.table-calendar td>div.day-cell.today{
    border: 2px solid blue;
    
}

.table-calendar td>div.day-weekend{
    background: #fffbf0 !important;
}

.table-calendar span.title{
   
    font-weight: 700;
    position: sticky;
    top: 0px;
    float: right;
   
    background: #f6b243;
    padding: 0 5px;
}
.table-calendar div.birthday{
    background: #c7e0f7;;
    padding: 5px;
    margin: 20px 0 0 0;
}
.table-calendar div.birthday .fa{
    color: #2650b3;
    margin-right: 5px;
}
.table-calendar div.work-anniv{
    background: #f5dbfd;
    padding: 5px;
    margin: 20px 0 0 0;

}
.table-calendar div.work-anniv .fa{
    color: #7e5f9e;
    margin-right: 5px;
}
.table-calendar  li{
    font-size: 0.9em;
    margin: 5px 0;
    display: flex;
    align-items: baseline;
}
/* Birthday calendar */

/* Efficiency report */
.report-efficiency #listView,
.report-efficiency .recordList{
    background: white;
}

.report-efficiency table
{
    width: auto;
}
.report-efficiency table tr.row-total>th{
    background: #e7fbe6;
}

.report-efficiency table th
{
   vertical-align: middle !important;
}

.report-efficiency table th,
.report-efficiency table td
{
    padding: 0 8px;
    font-size: 12px;
   
}
.report-efficiency table td
{
    line-height: 1 !important;
    padding: 8px !important;
}

.report-efficiency .sticky-left{
    position: sticky !important;
    background: white;
    left: 0px;
}
/* .report-efficiency table th
{
   font-weight: 600;
} */


.report-efficiency table tr.row-header span
{
    display: block;
}
.report-efficiency table th.cell-bill-non-bill{
    background: yellow;
}
.report-efficiency table td.disabled-user{
    background-color: #f9f8f8;
}
.report-efficiency table th.month-splitter,
.report-efficiency table td.month-splitter,
table th.group-splitter,
table td.group-splitter{
    border-left: 2px solid gray !important;
}

.report-filters #frmFilter {
    display: flex;
    justify-content: space-around;
    align-items: center;
    
}
section.report-filters{
    padding: 0 15px;
}
section.report-filters .row {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
/* section.report-filters .d-item{
    padding: 0 15px;
} */
section.report-filters .d-item-right{
   margin-left: auto;
}
section.report-filters .d-item .form-group{
    margin-top: -10px;
    min-width:150px;
    /* width: 200px;
    max-width: 200px; */
}
section.report-filters .chk-group{
    display: flex;
    align-items: center;
    /* background: whitesmoke; */
    width: max-content;
    margin: 0 0 10px 0px;
    /* border: 1px solid #ece8e8; */
    border-radius: 5px;

}

.report-filters .filter-groups fieldset.scheduler-border {
    width: fit-content;
    margin-right: 15px !important;
}
.report-filters .filter-groups{
    display: flex;
    align-items: center;
    /* padding: 0 15px; */

}
.report-filters .filter-groups .dropdown-list{
    max-width: 120px !important;
    margin-top: -5px;
}

.report-filters .filter-groups  .radio-group{
    display: flex;
    align-items: center;
    /* padding: 8px; */
}

.report-filters .filter-groups  .radio-group>.radio-filter{
    margin: 0 10px 0 0;
}

.report-filters .chk-group{
    display: flex;
    align-items: center;
    /* background: whitesmoke; */
    width: max-content;
    margin: -10px 0 10px 0px;
    /* border: 1px solid #ece8e8; */
    border-radius: 5px;

}
.report-filters .chk-group .chk-filter{
   
    padding: 0 5px;
    display: flex;
    align-items: center;
}



.report-filters .chk-group .chk-filter input[type="checkbox"] {
    margin: 0px 8px 0 0;
}



.report-filters .chk-group .chk-filter>label{
   
    margin-bottom: 0px;
    font-size: 0.9em;
    font-weight: 500;

}
.bg-white{
    background: white;
}
/* Efficiency report end */
#tblDocs td{
    word-break: break-all !important;
}
/* Report tables*/
.table-report{
    
    background: white; 
    width: auto; 
    margin-left: 0;
}
.table-report td{
    word-break: break-all !important;
    white-space: normal;
}
.table-report a{
    color: #02aebe;
}
/*Leave*/
.info-btn1.btn-leave-type
{
    float: left !important;    
    margin: 10px 8px;    
}
    
.leave-type-content 
{   
    display: none;    
    position: absolute;    
    background: black;    
    z-index: 9;    
    padding: 10px;    
    color: white;    
}
    
.info-btn1:hover + .leave-type-content
 {    
    display: block;    
 }

 .btn-help-compet{
    /* float: left !important; */
    margin: 10px 8px;
    text-decoration: underline;
    cursor: pointer;
}
.help-box-compet {
    display: none;
    /* position: absolute; */
    background: whitesmoke;
    z-index: 9;
    padding: 5px;
    /* color: white; */
    margin: 0px;
}
table.dataTable {
    margin: 0 !important;
}
.tag-effi-below{
    color: red;
}

.tag-effi-above{
    color: blue;
}

.tblReport a{
    color: #00b1bf;
    cursor: pointer;
  }
  a.navbar-brand {
    width: 72px;
}
/* new dashboard */

.section-db{
    background: #f7f7f7;
    padding: 20px 5px;
    color: #8f9498;
    display: inline-block;
    width: 100%;
}
.card1{
    background: url(../images/value-book-thumbnail.png);

    min-height: 280px;
    /* padding: 15px; */
    /* margin-bottom: 15px; */
    padding: 20px;
    /* margin-bottom: 30px;
    margin-top: 10px; */
    margin: -20px;
    /* text-align: center;
    background-position: inherit;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 12px; */
    height: 100% !important;
}
.large-icon{
    min-height: 205px;
}
.large-icon img{
    height: 185px;
}
.card1 .big-icon{
    text-align: center;
    margin-bottom: 10px;
}
.card1 .big-icon img{
    height: auto;
    max-height: 125px;
}
.card1 div.title, .card2 div.title{
    color: #292d29;
    font-size: 18px;
    text-align: center;
}
.card1 div.subtitle{
    color: #292d29;
    font-size: 12px;
    text-align: justify;
    padding: 10px 0 0;
    margin-bottom: -5px;
}
.txt-gray{
    color: #64686b !important;
}

.card2 a{
    display: flex;
    justify-content: center;
    margin: 10px 0 !important;
    /* margin-top: 10px; */
}
.card2{
    background-color: #f2f1f1;
    border: solid 1px #e4e4e4;
    padding: 0;
    margin-bottom: 15px;
}
.card2 .card-info{
    padding: 15px;
}
.card2 div.subtitle{
    color: #292d29;
    font-size: 12px;
    text-align: justify;
}
.documentsList-item{
    display: ruby;

}
.card3{
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    position: relative;
    margin: -20px;
}
.card3 .btn.ref-btn {
    border-radius: 4px;
    background-color: white;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    color: black;
    margin-top: 65px;
    box-shadow: 0px 1px 5px #000;
    position: absolute;
    bottom: 40px;
    right: 20px;
    padding: 5px 10px;
}
.card-row{
    height: 92%;
}

/* PMS -  */
.pms .row.cas-input-row{
    margin: 10px -15px;
    padding: 0 10px 10px;
}
.pms .items>.input-title{
    display: flex;
    justify-content: flex-start;
    gap: 5px;
}
.pms .items>.input-title .info-btn1:after{
    top:-5 !important;
    left:0 !important
}

.quill-row-readonly .ql-container.ql-snow {
    border-top: 1px solid #ccc !important;
}
.tooltip-cas{
    text-align: left;
}
.tooltip-cas ul{
    list-style: none;
}
.quill-row-readonly .txt-quill {
    padding: 10px;
    height: 200px !important;
    overflow: scroll !important;
}
/* .info-btn2{
    margin-left: 5px;
} */
 .applyException{
    /* width: 600px; */
    background: #fad1d16b;
    /* background: white; */
    margin: 10px auto;
    padding: 10px;
    text-align: left;
  }
  .applyException.note{
    background: yellow;
  }