* ssstyle.css */
/* developers-styles-bootstrap.css */
/* styles-new-design.css */
@charset "utf-8";
/* CSS Document */
.container-bgwraper3{margin:0px 0px 16px 10px!important;padding:16px 16px 0px 16px!important;}
body {
    font-family: SegoeUIRegular, arial, sans-serif !important;
    font-weight: normal;
    font-size:14.9px !important;
    background: #f6f9ff !important;
    color: #333 !important;
    position: relative;
    line-height:20px !important;
    
    
    
}
/*@font-face {font-family: 'AmericanSansRegular'; src: url('../fonts/AmericanSansRegular.ttf'); }
@font-face {font-family: 'AmericanSansLight'; src: url('../fonts/AmericanSansLight.ttf'); font-weight: lighter; font-style: normal;}*/
@font-face {font-family: 'SegoeUIRegular'; src: url('../fonts/SegoeUIRegular.ttf'); }
@font-face {font-family: 'SegoeUILight'; src: url('../fonts/SegoeUILight.ttf'); font-weight: lighter; font-style: normal;}

html, body {height:100%; margin:0;}
* {border: 0px none; outline: 0px none; padding: 0px; margin: 0px;}
a {text-decoration: none !important; padding: 0px; cursor: pointer; border: none;}
a:hover, a:focus {color: 2e2e2e !important; outline: none !important;}
ul li {list-style: none !important;}
ul, ol { /* margin-top: 0px !important; */
	margin-bottom: 2px !important;}
/*div[class^="col"] {padding-left: 10px !important; padding-right: 10px !important;}*//*modified on 19-06-2020 as for ven suggetion vamshi modofied*/


/*@font-face {
	font-family: 'SegoeUIRegular';
	src:url('../fonts/SegoeUIRegular.ttf');
}
@font-face {
	font-family: 'SegoeUILight';
	src: url('../fonts/SegoeUILight.ttf');
	font-weight: lighter;
	font-style: normal;
}
@font-face {
	font-family: 'SegoeUISemiBold';
	src: url('../fonts/SegoeUISemiBold.ttf');
}*/





.row {
	margin-left: none !important;
	margin-right: none !important;
}


/* Added by Developers. */
.hcount-icon1 {
	position: relative;
	top: 42px;
}
.hcount-icon1 .headingCount {
	background: #d9534f;
	border-radius: 4px;
	color: #fff;
	font-size: 11px;
	right: 100px;
	padding: 0px 5px;
	position: absolute;
	text-align: center;
	top: -50px;
	z-index: 10;
}

.circle-block small, circle-block .small {
    font-size: 14px !important;
    color: #005a9e !important;
}


.row.no-gutters {
	margin-right: 0;
	margin-left: 0;
}
.row.no-gutters > [class^="col-"], .row.no-gutters > [class*=" col-"] {
	padding-right: 0;
	padding-left: 0;
}
.row.no-gutters .control-label {
	padding-right: 10px !important;
}


/*box_color*/


/*** New UI CSS ***/
@media only screen and (min-width:1366px) {
.container {
	width: 1366px !important;
}
}
/* This's the impoprtant for the toggle position - and to remove Horizantal Scroll */
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
	margin-left: -10px !important;
	margin-right: -10px !important;
}
/***  End Reset CSS ***/
/*chosen-select box styles*/
.chosen-container-multi .chosen-choices {
	min-height: 34px !important;
	padding: 2px 5px !important;
}
/*** Header CSS ***/

.logo {
	margin: 9px 0px 6px 0px !important;
    /* float: left; */
}
.user {
	float: right;
}
.user .stttings {
	padding: 0px 0 0px 0px;
	float: right;
}
.user .user-photo {
	text-align: center;
	padding: 0 0px;
	margin: 0 13px;
	float: right;
}
.user .st {
	float: right;
	padding-top: 31px;
}
.user .st .fa-cog {
	font-size: 20px !important;
	color: #6d6d6d;
}
.user span {
	float: left;
}
.username-empname {
	text-align: right;
	float: left; /*width: 90%;*/
} /* .username-empname - added new class to control the User Name - Seshu*/
/*.user-name {
	color: #000;
	display: block;
	padding-bottom: 3px;
	float: right;
	clear: both;
}
.user-name a {
	color: #000 !important;
	font-size: 11px !important;
	padding-left: 4px;
}
.user-photo {
	float: right;
	padding-left: 7px;
	padding-top: 7px;
	width: 80px;
}
.user-photo img {
	display: block;
	padding-bottom: 2px; 
	margin: auto;
}*/
.search {
	font-size: 14px;
	width: 100%;
	background: #E6E6E6 url(../images/search.png) no-repeat left !important;
	color: #000;
	padding: 6px 6px 8px 39px;
	border: none;
	margin: 25px 0;
	float: left;
}
.hcount-icon {
	margin: 29px 16px 0 0px;
	position: relative;
}
.hcount-icon .headingCount {
	background: #d9534f;
	border-radius: 4px;
	color: #fff;
	font-size: 11px;
	left: 10px;
	padding: 1px 5px 1px 5px;
	position: absolute;
	text-align: center;
	top: -10px;
	z-index: 10;
}
.dashtbar .parts2 a:hover {
	background: #0081c0;
}
.dashtbar .parts a:hover {
	background: #0081c0;
}
.headline {
	width: 100%;
	border-top: 6px solid #e3e3e3;
	margin-bottom: 20px;
}
.hback {
	margin: 30px 30px 30px 0;
}
.hbor {
	border-bottom: 1px solid #e3e3e3;
}
/*** End Header CSS ***/

/*** Navbar CSS ***/

/*.nav-bor {padding: 0; background: #e3e3e3;}*/

/*.navbar-nav {background: #e3e3e3 none repeat scroll 0 0; clear: both; display: table; margin: auto; padding: 0; float: none !important;}*/

/*.navbar-nav > li > a:hover {background: #008fd5 !important; color: #fff !important;}

.navbar-nav .active a { background: #008fd5 !important; color: #fff !important;}*/

/*.navbar-collapse {padding-left: 0px !important;}*/

/* .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {color: #ffffff !important; background-color: #008fd5 !important;} */

.dropdown-menu {background-color: #fff !important; border: 0px !important; box-shadow: none; font-size: 14px; min-width: 160px; padding: 0 0 !important; text-align: left; border-radius: 8px !important; -webkit-box-shadow: 0px 0px rgba(0, 0, 0, .0)!important; box-shadow: 0px 0px rgba(0, 0, 0, .0)!important;}
	
/* .dropdown-menu > li > a {color: #000 !important; padding: 6px 20px !important; font-size: 14px !important;} */
.dropdown-menu > li > a {
	color: #000 !important;
    padding: 6px 24px !important;
    line-height: 1.42857143 !important;
    height: auto !important;
}

.dropdown-menu .divider {background-color: #d1d1d1 !important; margin: 0 !important;}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {color: #ffffff !important; text-decoration: none; background-color: #008fd5 !important;}

/* .navbar-default {background: #e3e3e3!important;} */

.dropdown-submenu {position: relative;}

.dropdown-submenu>.dropdown-menu {top: 0; left: 100%; margin-top: 0px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px; border-radius: 0 6px;}

.dropdown-submenu:hover>.dropdown-menu {display: block;}

.dropdown-submenu>a:after {display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #ccc; margin-top: 5px; margin-right: -10px;}
	
.dropdown-submenu:hover>a:after {border-left-color: #fff !important;}

.dropdown-submenu.pull-left {float: none;}

.dropdown-submenu.pull-left>.dropdown-menu {left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px;}

/*.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color: #000; background-color: transparent;}*/

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {border-color: #ccc #ccc transparent; color: #666;}

.nav-tabs {border-bottom: none !important; position: relative; top: -1px; margin-top: 8px; }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {background: #c4c4c4 none repeat scroll 0 0 !important; color: #000 !important;}

.nav-tabs > li > a {color: #000 !important; padding: 6px 15px 6px !important; background: #eee !important; border-bottom: none !important; margin-bottom: 3px !important;}

.nav-tabs > li > a:hover {background: #c4c4c4 !important; color: #000 !important;}

/*** End Navbar CSS ***/

/*** Footer CSS ***/

/*.footer {border-top: 1px solid #e3e3e3; font-size: 12px; padding-top: 6px; padding-bottom: 6px !important; width: 100%; background: #fff; position: fixed; bottom: 0px; z-index: 100;}*/

.circle-btn {
    width: 90px;
    height: 90px;
    border-radius: 100%;
    padding: 20px 20px;
    -wekkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    margin: 0px auto !important; border: 1px solid #fff;
    border: 1px solid #005a9e;
}
.footerlog {
	border-top: 1px solid #97cbfc;
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 5px !important;
	width: 100%;
	position: fixed;
	bottom: 0px;
	
	/* login page changed on 09-Jun-2018 - suggested by ven */
	background:rgba(255,255,255,0.4);
	
}
.footerlog a {
	color: #000 !important;
}
.footerlog a:hover {
	text-decoration: underline!important;
}
/*** End Footer CSS ***/

/*** Login CSS ***/

.btn-primary{
	background:#337ab7!important;
    border-color:#008fd5!important;
}

.login {
	background: url(../images/bg-login-final-180.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
/*.login .login-form .logo {
	margin: 1px 0 8px 0;
}*/

/* login page changed on 09-Jun-2018 - suggested by ven */

.login .login-form {
	background:#fff;  /*url(../images/bgt.png) repeat scroll 0 0 rgba(0, 0, 0, 0)*/
	width: 450px !important;
	margin: 16% auto;
	padding: 20px 20px;
	/*border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	box-shadow: 0px 0px 10px #ccc;
	-webkit-box-shadow: 0px 0px 10px #ccc;
	-moz-box-shadow: 0px 0px 10px #ccc;
	-ms-box-shadow: 0px 0px 10px #ccc;
	-o-box-shadow: 0px 0px 10px #ccc;*/
}
.login .form-signin .form-control {
	box-sizing: border-box;
	font-size: 16px;
	height: auto;
	padding: 8px 10px;
	position: relative;
	background-color: #fff !important;
	background-image: none;
	border: 1px solid #d7d7d7 !important;
	color: #555;
	display: block;
	padding: 8px 12px !important;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	width: 100%;
	box-shadow: none !important;
	margin-bottom: 8px !important;
}
/*.form-control:focus {
	border: 1px solid #d7d7d7 !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}*/
.login .form-signin .btn {
	margin: 0 0 2px 0 !important;
	width: 100%;
	color: #fff !important;
	padding: 6px 20px 8px 20px !important;
	font-size: 16px !important;
	
	outline: none;
}

/* repeated styles */
/*.footerlog {
	border-top: 1px solid #97cbfc;
	font-size: 12px;
	padding-top: 6px;
	padding-bottom: 6px !important;
	width: 100%;
	position: fixed;
	bottom: 0px;
}
.footerlog a {
	color: #000 !important;
}
.footerlog a:hover {
	text-decoration: underline!important;
}*/
.ologs {
	padding-bottom: 8px !important;
}
/*** End  Login CSS ***/

/*** Form Fields CSS ***/

.alert2 {
	margin: 0px 0 16px 0 !important;
	padding: 13px 15px 15px !important;
}
.alert p {
	padding-bottom: 3px;
}
.alert h4 {
	margin-bottom: 6px;
	margin-top: 6px;
}
.alert-info {
	color: #000 !important;
}
.alert ul li {
	list-style: circle !important;
	list-style: inside !important;
	padding: 3px !important;
}
.form-control {
    border-color: #999;
    color: #000 !important;
    /*border-radius: 4px !important;*/
    margin-bottom: 8px !important;
    padding: 5px 6px 4px 6px !important;
}

 .form-control::-webkit-input-placeholder {
	color: #999 !important;
	opacity: 1;
	} /* Chrome/Opera/Safari */
 .form-control::-moz-placeholder {
	color: #999 !important;
	opacity: 1;
	} /* Firefox 19+ */
 .form-control:-ms-input-placeholder {
	color: #999 !important;
	opacity: 1;
	} /* IE 10+ */
 .form-control:-moz-placeholder {
	color: #999 !important;
	opacity: 1;
	} /* Firefox 18- */
.control-label {
	height: auto !important;
	margin-bottom: 0px !important;
	padding: 6px 0px 7px !important;
	text-align: right !important;
	width:100%;
	color:#000 !important;
}
label {
	font-weight: normal !important;
}

.table label{margin-bottom:0px !important;}

.list {
	margin-bottom: 8px !important;
}
/*.list .add-btn {top: 4px;}*/

.data {
	color: #000;
	position: relative;
	top: 6px;
}
.data2 {
	padding-top: 7px;
}
.botmrg {
	margin-bottom: 8px;
}
.topmrg {
	margin-top: 8px;
}
.bot16 {
	margin-bottom: 16px;
}
/*.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {color: #fff !important;}*/

.formhead {
	margin: 8px 0px 8px !important;
	float: left;
	width: 100%;
	color: #000 !important;
}
/*.form-control:focus {
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}*/
.form-control[readonly] {
	background-color: #ebebe4 !important;
	border: 1px solid #ccc;
	color: #000;
}

.input-group-addon, .input-group-btn {
	top: -4px; vertical-align: top;
	white-space: nowrap;
	width: 1%;
}
.input-group-addon {
	/*background-color: #fff !important;
	border-radius: 0px !important;*/
	padding: 7px 12px; line-height: 20px; color: #555 !important; /* This's for search icon Vcenter alignment in custom report  - 30-10-2018 - Seshu*/
}
.dolor-addon {
	border: none !important;
	background: #fff !important;
	position: relative;
	top: -4px;
	padding: 0 2px 0 !important;
}
.add-btn {
	/*border-radius: 0 !important;*/
	height: 34px !important;
	min-width: 36px;/*40px*/
}
.input-group-btn .morebtn {
	padding: 5px 8px 6px !important;
	/* border-radius: 0px !important; */
	height: 34px !important;
	width: 36px;
}
.datafld {
	padding-bottom: 7px !important;
}
.fileinput-button input {
	cursor: pointer;
	direction: ltr;
	font-size: 15px;
	margin: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	/*transform: translate(-300px, 0px) scale(4);*/
}
.panel-heading {
	/*background: #ddd !important;
	padding: 5px 15px !important;*/
	
}
.text-left {
	text-align: left !important;
}
.chkfld {
	position: relative;
	top: 6px;
	right: 4px;
}
.fldnote {
	font-size: 12px;
}
.currency {
	background: url(../images/dollar.png) no-repeat 5px 8px !important; background-color:#fff !important;
	padding-left: 13px !important;
}
.radio-inline, .checkbox-inline {
	top: 6px !important; /* 3px - changed to 5px - 21-Jun-2018 */
}
/*.txtrow .radio-inline, .checkbox-inline {
	top: -3px !important;
}*/ /* There is some alignmnet issue in  Add New Performance Schedule pop-up(checkbox's) - So I have commenting - Seshu 23-10-2018  */
.txtrow .radio, .txtrow .checkbox {
	margin-top: 0px !important;
}
.txtrow .control-label {
	margin-bottom: 8px !important;
	padding: 0px 4px 0px !important;
}
.radio, .checkbox {
	margin-bottom: 8px !important;
	margin-top: 6px !important;
}

.role-list{padding:8px; border:#ddd solid 1px; border-radius:6px; margin-bottom:8px; background:#fff;}

.role-list:last-child{margin-bottom:0px;}

.required {
	border: 1px solid #c30 !important;
}
.form-control[disabled], fieldset[disabled] {
	background-color: #ebebe4;
	opacity: 1;
}
.fld-txt {
	margin-left: -5px;
	text-align: left !important;
}
/*** multiselect ***/

.selectpicker {
	position: relative;
	text-align: left;
	margin-bottom: 8px;
}
.selectpicker .dropdown-toggle {
	position: relative;
	text-align: left;
	border-radius: 4px !important; -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; -ms-border-radius: 4px !important; -o-border-radius: 4px !important;
	padding: 6px 12px !important;
}
.selectpicker .dropdown-toggle.filled {
	padding-left: 30px;
}
.selectpicker .dropdown-toggle span.placeholder, .selectpicker .dropdown-toggle span.text {
	float: left;
}
.selectpicker .dropdown-toggle span.placeholder {
	color: #000;
	font-size: 14px !important;
}
.selectpicker .dropdown-toggle span.caret {
	float: right;
	margin-top: 7px;
}
.selectpicker .reset {
	margin: 3px 0;
}
.selectpicker .reset a {
	color: #333;
	display: block;
	padding: 4px 0 4px 20px;
}
.selectpicker .reset a, .selectpicker .reset a:hover {
	text-decoration: none;
}
.selectpicker .reset a:hover {
	background: #e6e6e6;
}
.selectpicker .clear {
	display: none;
	position: absolute;
	left: 7px;
	top: 8px;
	z-index: 12;
	padding: 5px;
	color: #959595;
}
.selectpicker .list-to-filter {
	max-height: 350px;
	overflow-y: scroll;
	border-top: 1px solid #e6e6e6;
}
.selectpicker .dropdown-menu {
	width: 100%;
	padding: 5px 0 0;
	background: #fff !important;
	border: #ddd solid 1px !important;
}
.selectpicker .dropdown-menu ul {
	margin-top: 4px;
}
.selectpicker .dropdown-menu ul>li {
	display: block;
	padding: 4px 0 4px 20px;
	cursor: pointer;
	border-bottom: 1px solid #e6e6e6;
}
.selectpicker .dropdown-menu ul>li:hover {
	background: #008fd5;
	color: #fff;
}
.selectpicker .dropdown-menu ul>li.selected {
	color: #fff;
	background: #1e90ff;
}
.selectpicker .dropdown-menu ul>li.optgroup {
	cursor: default;
	padding: 0;
	border-top: 1px solid #e6e6e6;
}
.selectpicker .dropdown-menu ul>li.optgroup:first-child {
	border-top: none;
}
.selectpicker .dropdown-menu ul>li.optgroup:hover {
	background: 0 0;
}
.selectpicker .dropdown-menu ul>li.optgroup .optgroup-header {
	display: block;
	color: #959595;
	font-size: 14px;
	margin-bottom: 4px;
	padding: 5px 8px 5px 20px;
}
.selectpicker .dropdown-menu ul>li.optgroup>ul>li {
	display: block;
	padding: 4px 0 4px 40px;
	cursor: pointer;
}
.selectpicker .dropdown-menu ul>li.optgroup>ul>li:hover {
	background: #e6e6e6;
}
.selectpicker .dropdown-menu ul>li.optgroup>ul>li.selected {
	color: #fff;
	background: #1e90ff;
}
.selectpicker .dropdown-menu .search-box {
	padding: 5px 8px;
}
.live-filtering {
	position: relative;
}
textarea {
	resize: vertical;
}
.input-group {
	margin-bottom: 8px !important;
}
.input-group .form-control {
	margin-bottom: 0 !important; /* added height on jul 15, 2019 */ height: 34px;
}
.input-group-btn {
	top: 0px !important;
}
.browse .input-group-btn {
	top: 0px !important;
}
/*** End  Form Fields CSS ***/

/*** Table CSS ***/

.table {
	margin-bottom: 0px !important;
}
.table > thead > tr > th {
	background: #d9eeff !important;
	color: #000 !important;
	font-weight: normal;
	padding: 6px 10px !important;
	border-bottom: 1px solid #fff !important;
	border-left: 1px solid #abc5da !important;
}
.table tr:first-child > th:first-child{border-left: none !important;}
.table .form-control {
	margin-bottom: 0px !important;
}
.table-bordered {
	border: none !important;
	border-left: none !important;
	border-right: none !important;
}
.table-bordered-all th, .table-bordered-all td {
	border: 1px solid #fff !important;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {/* padding: 6px 10px 6px 10px !important;*/ vertical-align: middle !important;}

.table > tbody > tr > td{background: #f2f2f2 !important; border-bottom: 1px solid #fff !important;}
	
.table-bordered th, .table-bordered td {
	/*border-bottom: 1px solid #fff !important;*/
	/*border-left: none !important;*/
	border-right: none !important;
	vertical-align: middle !important;

}

/* Added by Ranisha.. on 25-05-2018 */
.table-bordered1 {
    border: none !important;
    border-left: none !important;
    border-right: none !important;
	}
.table-bordered1-all th, .table-bordered1-all td {
    border: 1px solid #ddd !important;
	}
.table-bordered1 th, .table-bordered1 td {
    border-bottom: 1px solid #fff !important;
    border-left: none !important;
    border-right: none !important;
    vertical-align: middle !important;
	}
.table-bordered1 > tbody > .tblsubhead td {
    color: #000;
    padding: 4px 4px 6px 4px !important;
    background: #eee;
	}
.table-bordered1 > thead > tr > th, .table-bordered1 > tbody > tr > td {
    border-bottom-width: 1px  !important; padding: 6px 5px !important;
	}

.table-bordered1 > thead > tr > th{border-bottom:none !important;}
.table-bordered1 {border:none !important;}
.table-bordered1>thead>tr>td, .table-bordered1>thead>tr>th {border-bottom-width: 1px !important;}

/* End css by Ranisha */

.listactions a .fldicon {
	position: absolute;
	top: 5px;
}
.listactions a .fieldicon {
	position: absolute;
	top: 5px;
}
/*.table-bordered > tbody > */.tblsubhead td {
	color: #000;
	/*padding: 4px 4px 6px 4px !important;*/ /* Removed, be cause already we have global styles. */
	background: #eee;
	border-bottom:1px solid #ddd;
}
.leftmrg {
	margin-left: 16px !important;
}
.color-table > thead > tr > th {
	background: #ddd !important; color:#000 !important; /* newly - added color:#000 */
}
/*.color-table > thead > tr > th {
	background: #d9edf7 !important;
}*/
.table .small {
	color: #666 !important;
}
.table .input-group {



	margin-bottom: 0px !important;
	position: relative;
	top: 1px;
}

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > td {
	border-bottom-width: 1px  !important; border:none; white-space: nowrap !important;
}
	
/*.table-bordered > thead > tr > th{border-bottom:#fff solid 1px !important;}*/

.table-bordered {border:none !important;}

/*** End Table CSS ***/

/*** Buttons CSS ***/

.buttons {
	/*margin: 8px 0px 0px;*/
	text-align: right;
}
.botbuttons {
	margin: 8px 0 0px 0;
	text-align: right;
}


.databuttons {
	margin: 16px 0 0px 0;
	text-align: right;
}
.dropdownbttons {
	margin: 0px 0 16px 0;
	text-align: right;
}
.tabttons {
	margin: 8px 0 16px 0 !important;
	text-align: right;
}
.tabttons2 {
	margin: 8px 0 8px 0 !important;
	text-align: right;
}
.nomrgbttons {
	margin: 0px !important;
	text-align: right;
}
/*.nav-pills > li > a {
	border-radius: 4px 4px 0px 0px !important;
	color: #000 !important;
	background: #eee !important;
	padding: 4px 15px 6px 14px !important;
}*/
/*.nav-pills > li {
	margin-bottom: 2px !important;  // This commented by Seshu duo to fixing alignment issues - July-02-2018.
	
}*/
/*.nav-pills > li > a:hover,

.nav-pills .active, .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
	background: #b1b1b1 !important;
	color: #000 !important;
	border-radius: 4px 4px 0px 0px !important;
}
	/* Dec31,2018 added for tabs active showing without border-radies */
 
/*.nav-pills .active {
	background: #c4c4c4 !important;
	color: #000 !important;
	
}*/
.modal-footer .btn + .btn {
	margin-left: 1px !important;
}
.moreactions {
	background: #e7e5e5 none repeat scroll 0 0;
	border: 1px solid #ccc !important;
	border-radius: 3px !important;
	color: #000 !important;
	font-size: 13px !important;
	padding: 0 5px 3px !important;
	position: relative;
	top: -2px;
}
.browse .form-control {
	margin-bottom: 0px !important;
	background: #ebebe4 !important;
}
.browse .input-group-btn .btn {
	padding: 3px 8px 8px !important;
	height: 34px !important;
	/*border-radius: 0px !important;*/
}
.browse .buttonText {
	position: relative;
	top: 1px;
}
.browse .smalltxt {
	font-size: 11px;
	position: relative;
	top: -8px;
}
.add-btn2 {
	position: relative;
	box-sizing: border-box;
	border-radius: 0 !important;
	height: 34px !important;
	width: 35px;
}
.add-btn2:hover:after {
	top: 0;
	left: 75%;
	width: 100% !important;
	content: attr(title);
	color: #000;
	line-height: 1.4em;
	background: #fff;
	padding: 5px;
	border: #ddd solid 1px;
}
/*** End Buttons CSS ***/



/*** Pagination CSS ***/

/*** + Collapse box CSS updated on May24-2018 By Ashok ***/

.panel-group {
	margin-bottom: 0px !important;
}
.collapse-box .panel {
	margin-bottom: 0px !important;
	box-shadow: none !important;
}
.collapse-box {
	border: 0px;
	padding: 0px !important;
	box-shadow: none !important;
}
.collapse-box .panel-body {
	border: none !important;
	padding: 0px 15px 15px 15px !important;
}
.collapse-box .panel-heading {
	padding: 5px 0px !important;
	background: #fff !important;
}
.collapse-box .modal-body {
	top: 5px !important;
}
.collapse-box .panel-title {
	color: #000 !important;
	width: 100%;
}
.collapse-box .panel-title a {
	color: #000 !important;font-size: 14px;
}
.collapse-box .panel-title > a:before {
	float: left !important;
	font-family: FontAwesome;font-size: 20px;
	color: #000 !important;
	content: "\f0d8";
	padding-right: 5px;
}
.collapse-box .panel-title > a.collapsed:before {
	float: left !important;
	content: "\f0d7";
}
.collapse-box .panel-title > a:hover, .panel-title > a:active, .panel-title > a:focus {
	text-decoration: none;
}
.collapse-box .panel-default {
	border-color: transparent !important;
}
.collapse-box .panel-body {
	padding: 10px 0px 15px 0px !important;
}
.collapse-box > .panel-heading {
	background: #fff !important;
	border: none !important;
	padding: 0px !important;
}
/*** End  + Collapse box CSS ***/

/*** Left Side Col CSS ***/

#wrapper {
	width: 100%;
}
#page-wrapper {
	padding: 0px;
	background-color: #fff;
}
/*** End Left Side Col CSS ***/

/*** Popup CSSS ***/

/*.modal-header {
	background: #008fd5;
	color: #fff;
	padding: 6px 15px 7px 15px;
}*/
.modal-content {
	border-radius: 8px !important;
	/* This is recently added duo to fixed popup border and alignment issue. - 23-08-2019 */
	/* border: none !important; */ background-clip: border-box;
}
.modal-body td {
	padding-bottom: 2px;
}
/* - changed on Oct 08 - by Seshu due to fixing icons issues */
.modal-body img {
	/*margin: 0px 3px 0px 0px;*/ /*padding: 0px 3px 0px 0px; - Insted of padding I used margin - because there is some spacing issue found on popup icons. */
	
	margin: 0px 2px 0px 0px;  /*float: left;*/
	
	/*vertical-align: middle;*/
}

.modal-body .listactions img {margin: 0px 4px 0px 0px !important;}


.modal-body .list-img {
	padding-right:0px !important
}

.modal-body .control-label {
	margin-bottom: 0px !important;
	padding: 7px 0px !important;
}
.modal-body .micon {
	margin-top: 4px;
}
.modal-body {
	padding: 16px 16px 8px 16px;
	position: relative;
}
.modal-big {
	width: 98% !important;
}
.note-editor .note-toolbar {
	background-color: #f5f5f5;
	border: 1px solid #e7eaec;
	margin: 0;
	padding: 10px;
}
.popup-width {/*width: 93%;*/
	margin: auto;
}

.close {
	color: #fff !important;
	font-weight: normal !important;
	opacity: 0.8 !important;
	position: relative;
	right: -2px;
	margin-top:-2px;
	font-size: 22px !important;
}

.alert .close{color: #000 !important;}

.modal-header .close {
	margin-top: 0!important;
}
.modal-footer {
	padding: 0px 16px 16px 16px !important;
	border-top: none !important;
}
.modal-body p {
	margin: 0px !important;
	color: #000 !important;
}
.modal-body .table-hover > tbody > .subhead td {
	background-color: #e7e7e7;
	color: #000;
	padding: 4px 4px 6px 10px !important;
}
.modal-header .help-icon .fa {
	display: inline-block;
	font: 21px/1 FontAwesome;
	text-rendering: auto;
}
.modal-header .help-icon a {
	position: relative;
	color: #fff !important;
	background: #008fd5;
	margin: 0 12px 0 9px;
	top: 1px;
}
.modal-header .help-icon {
	border-right: 1px solid #0a75aa;
	float: right;
	margin-right: 7px;
}
.modal-body .list-group-item {/*border-bottom: #ccc solid 1px !important; margin-bottom: 0px !important; border-top: 0px !important; border-left: 0px !important; border-right: 0px !important;*/
	padding: 10px 10px !important;
	border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	-ms-border-radius: 0px !important;
	-o-border-radius: 0px !important;
}
.modal-body .alert {
	margin: 0px 0px 16px 0px !important;
}

.modal-min {
	width: 400px !important;
}
.modal-body .tab-content {
	background: #fff none repeat scroll 0 0;
/*	border: 1px solid #ccc;*/
	margin-bottom: 8px;
	padding: 16px 16px 10px !important;
}
/*** End Popup CSS ***/

/*** Tool Tip CSS ***/

.tooltip-inner {
	color: #000;
	background-color: #fff !important;
	border: 1px solid #ccc;
}
#tooltip {
	text-align: left;
	color: #000;
	background: #fff;
	position: absolute;
	z-index: 100;
	padding: 20px;
	border: 1px solid #ddd;
	font-size: 14px;
	line-height: 23px;
	z-index: 3000;
}
#tooltip:after {
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #111;
	content: '';
	z-index: 3000;
	position: absolute;
	left: 50%;
	bottom: -10px;
	margin-left: -10px;
}/* triangle decoration */
#tooltip.top:after {
	border-top-color: transparent;
	border-bottom: 10px solid #111;
	top: -20px;
	bottom: auto;
	z-index: 3000;
}
#tooltip.left:after {
	left: 10px;
	margin: 0;
	z-index: 3000;
}
#tooltip.right:after {
	right: 10px;
	left: auto;
	margin: 0;
	z-index: 3000;
}
/*** End Tool Tip CSS ***/

/***  BodyContent CSS ***/

/*.BodyContent {margin-bottom: 30px;}
*/
.mainBody {
	margin-bottom: 38px;
}
.breadcrumbs {
	margin-bottom: 12px !important;
	color: #666 !important;
}

.mainhead {
	margin-bottom: 8px;
}
.phead .mhead, .mainhead .mhead {
	float: left;
	font-size: 18px;
	font-weight: normal;
	line-height: 25px;
	padding: 0 0 0 2px;
	position: relative;
	top: -2px;
}
.phead .help a, .mainhead .help a {
	position: relative;
	color: #fff !important;
	/*background: #008fd5;*/
	margin: 0 5px 0 0px;
	top: 0px !important; /* There is a UI issies of inner pages help icon - fixed top alignment */
}

.phead .actions a{margin-top:0px !important; margin-right: 5px; margin-left: 0px;}

.mainhead .actions a{margin-top:0px !important; margin-right: 5px; margin-left: 0px;}

.phead .help, .mainhead .help {
	float: right;
}
.phead .actions, .mainhead .actions {
	float: right;
}
.actions a {
	color: #fff !important;
	/*background: #008fd5;*/		/* background: #008fd5; - required bg color here... for on blue main header actions bg. - 13-05-2019 found it.  */
	border: 1px solid #fff !important;
	border-radius: 3px;
	height: auto;
	font-size: 12px;
	padding: 1px 5px 3px 5px;
	margin-left: 8px; margin-top: 2px;
	/*position: relative;
	top: 0px;*/
	
	float:left; /* Newly Added to removing the spacing between buttons {Add New/Export} */
	
}
.actions a:hover {
	/*color: #fff;*/
	/*background-color: #0081C0;*/
	/*border-color: #0081C0;*/
}

/* This is for Chrome and Mozilla Browser - fixing for New and Export icons to be vertcal center - jul 09, 2019 */
@media only screen and (-webkit-min-device-pixel-ratio: 0){
	.actions a {padding: 2px 5px 2px 5px;}
}

@supports (-moz-appearance:meterbar) {
	.actions a {padding: 1px 5px 3px 5px;}
}

/* end Chrome and Mozilla Browser */
.ilink {
	color: #fff !important;
	position: relative;
	top: 2px;
	padding-right: 5px;
}
.caption {
/*	border-bottom: 1px solid #ddd;*/
	color: #000;
/*	font-size: 20px;*/
	width: 100%;
	margin-bottom: 16px;
	margin-left: 5px !important;
}
.caption a {
	/*padding-left: 10px;*/
	font-size: 12px !important;
}
.caption a:hover {
	text-decoration: none !important; /*underline*/
}
.CapActionBar {
	background: #f5f5f5;
	margin-top: -16px;
	margin-bottom: 16px;
	padding: 5px;
	width: 100%;
	text-align: right;
}

.main-icon h1 {
    color: #fff;
    font-size: 11px !important;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.1 !important;
}
.splbox {
	background: #fcfcfc;
	border: 1px solid #ddd;
	padding: 16px 16px 8px 16px;
	margin-top: -16px;
	border-top: none;
	margin-bottom: 8px;
}
.badge {
	font-size: 12px;
	font-weight: normal !important;
	min-width: 10px;
	/*padding: 6px 10px !important;*/
}
.smicon {
	margin-top: -3px;
}
.tdimg img {
	margin-right: 4px;
}
.subhead {
	background: #eee;
	color: #000;
	font-size: 14px;
	margin: 16px 0;
	padding: 2px 2px 4px 10px;
	width: 100%;
}
.indentsubhead {
	color: #333;
	font-size: 16px;
	margin-bottom: 16px;
	margin-top: 16px;
	background: #eee;
	padding: 2px 2px 2px 10px;
	margin-left: 20px !important;
}
.headcount {	/* head count after subheading */
	background-color: #fff;
	border: 1px solid #008fd5;
	border-radius: 4px;
	bottom: 2px;
	color: #000;
	font-size: 12px;
	font-weight: normal; 
	padding: 1px 5px;
	position: relative;
	white-space: nowrap;
}
.checklist {

	margin-bottom: 12px !important;
}
.checklist input[type="checkbox"] {
	margin: 4px 6px 0 -20px !important;
}
.alphabeats {
	margin: 1px 0 19px;
}
.alphabeats a {
	padding: 1px 6px 3px;
}
.alphabeats a:hover {
	background: #008fd5;
	color: #fff !important;
}
.captionmrg {
	margin-top: 8px;
}
.rowmiddle {
	height: 40px;
	vertical-align: middle !important;
}
.list-fild .form-control {
	padding: 0px 6px 7px !important;
	height: 26px !important;
}
.fileinput-button {/*float: left;*/
	overflow: hidden;
	position: relative;
	background: #e7e5e5 !important;
	border: 1px solid #ccc !important;
	color: #000 !important;
}
.red {
	color: #d9534f !important;
}
.hCount {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #fff;
	color: #fff;

	font-size: 11px;
	padding: 1px 5px;
	text-align: center;
	position: relative;
	top: -2px;
	white-space: nowrap;
}
.valign {
	display: table;
}
.valign .valincont {
	vertical-align: middle;
	display: table-cell;
}
.cpass {
	position: relative;
	top: 5px;
}

.sidebar {
	z-index: 1;
	background: #31598c !important; border-top-left-radius: 6px !important; border-top-right-radius: 6px !important; margin-top:16px; float:left;
}
.ppro {
	width: 100%;
}
.ppro .lbl {
	text-align: left;
}
.ppro td {
	padding: 3px 6px 3px 0px !important;
	border-top: none!important;
}
.ppro-right {
	min-height: 395px;
	/*padding-top: 8px;*/
	/*padding-bottom: 16px;*/
}	/*border-left: 1px solid #ccc;*/


/* Here morgin-bottom required commented (0px) - Siva/Seshu*/
/*.tab-content .phead {
	margin-bottom: 0px !important;
}*/
.ppro {
	margin-top: 16px;
	margin-bottom: 16px;
	width: 100%;
}
/* .tabdis {
	padding-left: 8px !important;
	padding-right: 8px !important;
} */
.accorlink {
	margin: 0 0 2px;
}
.topbox {
	padding: 0px 21px 0px 21px !important;
	margin: 16px 0 8px 0 !important;
}
.sticky-wrapper {
	margin-top: 8px;
	height: 150px;
	z-index: 999;
}
.sticky-wrapper .panel {
	border-radius: 0px;
	box-shadow: none !important;
	margin-top: -8px !important;
	margin-bottom: 8px !important;
}

.res-width1 {
	width: 16.7%;
}
.res-width2 {
	width: 83.3%;
}
.home {
	font-size: 16px !important;
}
.highlighted {
	color: #565dea;
}
.tdborder th {
	border: 1px solid #e2e2e2!important;
}
.tabdis16 {
	padding-left: 16px !important;
	padding-right: 16px !important;
}
.info-icon {
	font-size: 17px !important;
	position: relative;
	top: 1px;
	color: #444;
}
.list-line {
	border-bottom: #ccc solid 1px;
}
.list-icon-txt a {
	font-size: 15px;
	vertical-align: middle;
	padding-left: 5px;
}
.form-control[disabled], fieldset[disabled] {
	background-color: #ebebe4;
	opacity: 1;
}
.modal-footer1 {
	padding: 0px 16px 16px 16px !important;
	border-top: none !important;
	text-align: right;
}
.popup-radio {
	vertical-align: middle;
	margin-right: 5px !important;
}
.dashbtn {
	position: relative;
	bottom: 4px;
	text-align: right;
	margin-right: 16px;
}
.colform-width {
	width: 90%;
	margin: auto;
}
/*** End  BodyContent CSS ***/

/*** .Spl classes ***/

/*** margin top ***/

.spl-topmrg0 {
	margin-top: 0px !important;
}
.spl-topmrg2 {
	margin-top: 2px !important;
}
.spl-topmrg6 {
	margin-top: 6px !important;
}
.spl-topmrg8 {
	margin-top: 8px !important;
}
.spl-topmrg10 {
	margin-top: 10px !important;
}
.spl-topmrg13 {
	margin-top: 13px !important;
}
.spl-topmrg16 {
	margin-top: 16px !important;
}
.spl-topmrg8 {
	margin-top: 8px !important;
}
.spl-topmrg-2 {
	margin-top: -2px !important;
}
.spl-topmrg-5 {
	margin-top:-5px !important;
}
.spl-leftmrg-0 {
	margin-left:-0px !important;
}
.spl-topmrg-7 {
	margin-top: -7px !important;
}
.spl-topmrg-8 {
	margin-top: -8px !important;
}
.spl-topmrg-10 {
	margin-top: -10px !important;
}
.spl-topmrg-16 {
	margin-top: -16px;
}
.spl-topmrg16 {
	margin-top: 16px;
}
.spl-topmrg5 {
	margin-top: 5px !important;
}
.spl-topmrg1 {
	margin-top: 1px !important;
}
.spl-topmrg-1 {
	position: relative;
	top: 1px;
}
.spl-top-5 {
	position: relative;
	top: -5px;
}
.spl-top22 {
	position: relative;
	top: 22px;
}
.spl-topmrg22{margin-top:22px;}

/*** margin bottom ***/

.spl-botmrg0 {
	margin-bottom: -2px !important;
}
.spl-botmrg2 {
	margin-bottom: 2px !important;
}
.spl-botmrg6 {
	margin-bottom:6px !important;
}
.spl-botmrg8 {
	margin-bottom: 8px !important;
}
.spl-botmrg10 {
	margin-bottom: 10px !important;
}
.spl-botmrg16 {
	margin-bottom: 16px !important;
}
.spl-botmrg20 {
	margin-bottom: 20px !important;
}
/** margin left ***/

.leftmrg10 {
	margin-left: 10px !important;
}
.spl-mrglt-16 {
	margin-left: 16px;
}
.spl-ltpadding20 {
	padding-left: 20px !important;
}
.spl-ltpadding30 {
	padding-left: 30px !important;
	}
/*** margin right ***/


.spl-rtmr10 {
	margin-right: 10px;
}
/*** padding bottom ***/

.spl-padrg4 {
	padding-bottom: 4px !important;
}
.spl-botpadding8 {
	padding-bottom: 8px !important;
}
.spl-botpadding16 {
	padding-bottom: 16px !important;
}
.spl-botpad4 td {
	padding-bottom: 4px !important;
}
.spl-botpad16 {
	padding-bottom: 16px !important;
}
/*** padding right ***/

.spl-rightpadding16 {
	padding-right: 16px !important;
}
/*** padding top ***/

.spl-paddtop0 {
	padding-top: 0px!important
}
.spl-paddtop6 {
	padding-top: 6px!important
}
/*** width ***/

.spl-w80 {
	width: 80px !important;
}
.spl-w160 {
	width: 160px !important;
}
.spl-w430 {
	min-width: 430px !important;
}
.spl-w460 {
	min-width: 460px !important;
}
.splw50 {
	width: 50% !important;
}
.spl-w-full {
	width: 100%;
}
.splw100 {
	width: 100% !important;
}
.spl-w215 {
	min-width: 215px !important;
}
.spl-w211 {
	min-width: 211px !important;
}
.spl-w400 {
	min-width: 400px !important;
}
.spl-w350 {
	min-width: 350px !important;
}
.spl-w200 {
	min-width: 200px !important;
}
.spl-w30 {
	min-width: 30px !important;
}
.res-width1 {
	width: 16.7%;
}
.res-width2 {
	width: 83.3%;
}
.spl-w780 {
	min-width: 780px !important;
}
.spl-w157 {
	width: 157px !important;
}
.spl-pdg0 {
	padding: 0px !important;
}
.spl-noborder {
	border: 0px !important;
}
.w60 {
	width: 60px
}
.spl-nobotbor {
	border-bottom: none;
}
/*** height ***/

.h158 {
	height: 158px !important;
}
.spl-min-height0 {
	min-height: 0px !important;
}
.spl-pdg8 {
	padding: 8px;
}
.spl-pdg16 {
	padding: 16px 0px !important;
}
.spl-pdg16 h4{ color: #168fce !important;
    /*font-family: SegoeUISemiBold, arial, sans-serif !important;*/
    margin: 13px 0 14px;}


/*** Colors  ***/

.spl-green {
	color: green;
}
.spl-nobg {
	background: none !important;
}
.calbg {
	background: #ebebe4!important;
}
.spl-nobor {
	border: none !important;
}
.spl-border {
	border: 1px solid #e4e2e2;
}
.spl-nobor table tr td {
	border: solid 0px !important;
}
.spl-nobor table {
	border: none !important;
}
.bg-fff {
	background-color: #fff !important;
	text-align: center !important;
}
.table > thead > tr > th.bg-e7e7e7 {
	background-color: #c4c4c4 !important;
    color: #000 !important;
    text-align: center !important;
}
.bg-e8f9e6 {

	background-color: #e8f9e6 !important;
}
.txt-color-0b11fa {
	color: #0b11fa !important;
}
.spl-movB4 {
	position: relative;
	bottom: 4px;
}
.spl-tmrg-2 {
	margin-top: -2px;
}
.spl-ltmrg0 {
	margin-left: 0px !important;
}
/*** End .Spl classes ***/

/*** Ashok ***/

/*.phead {
	background: #008FD5;
	color: #fff;
	padding: 8px 0 6px 7px;
	vertical-align: middle;
	margin-bottom: 8px;
}*/
abbr[title], abbr[data-original-title] {
	border-bottom: 0px !important;
	cursor: none !important;
}
.grey-blue {
	background-color: #e7e5e5 !important;
	border: 1px solid #fff !important;
	color: #000 !important;
	padding: 5px 13px 6px !important;
	border-radius: 0px !important;
}
.grey-blue:hover {
	background: #cacaca !important;
	border: 1px solid #fff !important;
}
.multi-box {
	border-radius: 0px !important;
	box-shadow: none !important;
}
.multi-box .panel-group .panel {
	border-radius: 0px !important;
}
.multi-box .panel {
	border-radius: 0px !important;
	box-shadow: none !important;
}
.multi-box .panel-heading {
	border-radius: 0px !important;
}
.multi-box a {
	color: #000 !important;
	font-size: 14px;
}
.multi-title {
	color: #000 !important;
	font-size: 15px !important;
	margin-bottom: 0px !important;
	margin-top: 0px !important;
	border-bottom: 0px !important;
	/*font-family: SegoeUIRegular, arial, sans-serif !important;*/
	padding: 4px 0 !important;
}
.multi-title > a:before {
	/*font-family: SegoeUIRegular, arial, sans-serif !important;*/
	content: none !important;
}
.drag-drop {
	border: #ccc solid 1px;
	border-top: 0px !important;
	vertical-align: text-top;
	padding: 5px 0 0 5px;
	margin-top: -8px;
	height: 80px;
}
.drag-box {
	border: #ccc solid 1px;
	margin-bottom: 8px;
}
.drag-inner-box {
	padding: 8px;
}
.drag-box .drag-inner {
	border: #ddd solid 1px;
	padding: 8px;
}
.drag-inner p {
	font-size: 14px;
	margin: 0px 0 5px 0 !important;
}
.drag-inner .qs {
	font-size: 15px;
	color: #000;
	font-weight: normal;
	margin: 0px 0 0px 0 !important;
}
.drag-inner .target {
	font-size: 14px;
	color: #666 !important;
	font-weight: normal;
}
.drag-inner .app-inner {
	border: #ddd solid 1px;
	padding: 8px;
	background: #fff;
}
.drag-inner .ans li {
	font-size: 14px;
	color: #000;
	font-weight: normal;
	list-style: outside none numeric;

	margin-left: 15px;
	line-height: 23px;
}
.drag-inner .media .media-heading {
	font-size: 15px;
	color: #000;
}
.drag-inner .media .media-body p {
	font-size: 14px;
	color: #666 !important;
}
.phead .icons {
	float: right;
	padding: 0 8px;
	border-left: 1px solid #0a75aa;
}
.app-box {
	margin-bottom: 8px;
}
.app-box p {
	font-size: 14px;
	margin: 0px 0 5px 0 !important;
}
.app-box .qs {
	font-size: 15px;
	color: #000;
	font-weight: normal;
	margin: 0px 0 0px 0 !important;
}
.app-box .target {
	font-size: 14px;
	color: #666 !important;
	font-weight: normal;
}
.app-box .app-inner {
	border: #ddd solid 1px;
	padding: 8px;
	background: #fff;
}
.app-box .ans li {
	font-size: 14px;
	color: #000;
	font-weight: normal;
	list-style: outside none numeric;
	margin-left: 15px;
	line-height: 23px;
}
.app-box .media .media-heading {
	font-size: 15px;
	color: #000;
}
.app-box .media .media-body p {
	font-size: 14px;
	color: #666 !important;
}
.app-box2 {
	background: #f6f6f6;
	padding: 8px;
	border: #ddd solid 1px;
}
.app-box3 {
	border: #ddd solid 1px;
	margin-bottom: 8px;
	
	float: left;
	width: 100%;
}
.app-box4 {
	background: #f6f6f6;
	padding: 0 8px;
	border: #ddd solid 1px;
	margin-bottom: 8px;
}
.app-box4 .panel-heading {
	background: #f6f6f6 !important;
	padding: 0px !important;
}
.app-box5 {
	background: #d9edf7;
	padding: 8px;
	border: #ddd solid 1px;
	margin-bottom: 8px;
}
.mand-app-box5 {
	background: #d9edf7;
	padding: 8px;
	border: #c30 solid 1px;
}
.app-box2 p {
	font-size: 14px;
	margin: 0px 0 5px 0 !important;
}
.app-box2 .qs {
	font-size: 15px;
	color: #000;
	font-weight: normal;
	margin: 0px 0 0px 0 !important;
}
.app-box2 .target {
	font-size: 14px;
	color: #666 !important;
	font-weight: normal;
}
.app-inner2 {
	padding: 8px;
	background: #fff;
	padding: 8px;
	margin-bottom: 8px;
}
.app-box2 .ans li {
	font-size: 14px;
	color: #000;
	font-weight: normal;
	list-style: outside none numeric;
	margin-left: 15px;
	line-height: 23px;
}
.app-box2 .panel-heading {
	padding: 2px 0px !important;
	background: #f6f6f6 !important;
	border: #f6f6f6 solid 1px !important;
}
.app-box2 .panel-title {
	font-size: 15px !important;
}
.app-box2 .media .media-heading {
	font-size: 15px;
	color: #000;
}
.app-box2 .media .media-body p {
	font-size: 14px;
	color: #666 !important;
}
.app-box3 .app-tp {
	background: #f6f6f6;
	padding: 8px;
}
.app-box3 .app-btm {
	background: #fff;
	padding: 8px;
	
	float: left;
	width: 100%;
}

/*added new to fixing alignment issues*/
.app-box3 .app-btm ol {padding-left: 15px;}

.app-box3 p {
	font-size: 14px;
	margin: 0px 0 0px 0 !important;
}
.app-box3 .qs {
	font-size: 17px;
	color: #000;
	font-weight: normal;
	margin: 0px 0 0px 0 !important;
}
.app-box3 .target {
	font-size: 14px;
	color: #666 !important;
	font-weight: normal;
	line-height: 25px;
}
.app-inner2 {
	padding: 8px;
	background: #fff;
	padding: 8px;
	margin-bottom: 8px;
}
.app-box2 .ans li {
	font-size: 14px;
	color: #000;
	font-weight: normal;
	list-style: outside none numeric;
	margin-left: 15px;
	line-height: 23px;
}
.app-inner2 .media .media-heading {
	font-size: 15px !important;
	color: #008fd5 !important;
}
.star-icon {
	color: #f8a400 !important;
	font-size: 16px !important;
	cursor: pointer !important;
	padding-right: 2px !important;
	white-space: nowrap
}
.star-icon2 {
	color: #999 !important;
	font-size: 16px !important;
	cursor: pointer !important;
	padding-right: 2px !important;
	white-space: nowrap
}
.lead {
	margin-bottom: 0px !important;
	font-size: inherit !important;
}
/*.modal-body .radio-inline, .checkbox-inline {
	top: 5px !important;
}*/


.pop-fld {
	height: 29px !important;
	font-size: 13px !important;
	font-weight: normal !important;
}
.pop-fld2 {
	height: 30px !important;
	font-size: 13px !important;
	font-weight: normal !important;
	padding: 2px 0 2px 2px !important;
}
.inner-dropdown > li > a {
	padding: 6px 10px !important;
}
.review-tab-content {
	padding: 8px 0px !important;
}
.spl-noborder-left {
	border-left: 0px !important;
}
hr {
	margin-top: 8px;
	margin-bottom: 8px;
	border: 0;
	border-top: 1px solid #eee;
}
.spl-nopdg-top {
	padding-top: 0px !important;
}
.spl-botmrg40 {
	margin-bottom: 40px !important;
}
.large-txt {
	font-size: 16px;
}
.spl-topmrg1 {
	margin-top: 1px;
}
.fld-text1 {
	text-align: left;
	padding: 5px 0;
}
.fld-text3 {
	padding: 5px 0;
}
.red-txt {
	color: #F00 !important;
}
.res-width3 {
	width: 8.3%;
}
.res-width4 {
	width: 91.7%;
}
/*.modal-body .list-group-item {border: 0px !important; border-radius: 0px !important; margin-bottom: 0px !important; padding: 2px 0px !important;}*/

.modal-body .modal-txt {
	text-align: left !important;
	padding: 7px 0 !important;
}
.modal-body1 {
	padding: 0px !important;
}
.modal-footer1 {
	padding: 16px 16px 16px 16px !important;
	border-top: none !important;
	text-align: right;
}
.text-Vcenter {
	position: relative;
	top: 2px;
}
.modal-body1 .nav-pills > li > a {
	border-radius: 0px !important;
	background: #fff !important;
	border-bottom: 1px solid #f1f1f1 !important;
	padding: 6px 15px 4px !important;/*4px 15px 5px - changed on jun07*/
	min-height: 38px;
}
.modal-body1 .nav-pills > li > a:hover {
	background: #eee !important;
	color: #000 !important;
}
.modal-body1 .nav-pills > li {
	margin-top: 0px !important;
}
.modal-body1 .nav-pills > li + li {
	margin-bottom: 0px !important;
}
.browse .input-group-btn {
	top: 0px !important;
}
.spl-tab-mrgbtm > li {
	margin-bottom: 1px !important;
}
.res-width5 {
	width: 25.1%;
}
.res-width6 {
	width: 74.9%;
}
.caption small {
	font-size: 70% !important;
}
.progress {
	margin-bottom: 0px !important;
}
.dboxarrows {
	margin-top: 50px;
}
/*.boxarrows {margin: 86px 0 0 40px;}*/

.info-icon2 {
	color: #fff;
}
.dboxarrows2 {
	margin-top: 78px;
}
/*** Ashok ***/

/*** Seshu ***/

/*.phead, .mainhead {
	float: left;
	width: 100%;
}*/
h1 {
	color: #333;
	font-size: 22px !important;
	margin: 0px !important;
	padding: 0px !important;
}
.bottom-border {
	border-bottom: 1px dashed #ddd;
	padding: 0px 0px 8px;
	margin: 0px 0px 16px;
}
.add-btn {
	margin-left: -1px !important;
}
.alert {
	color: #000 !important;
}
.modal-body1 {
	padding: 0px !important;
}
.badge-border {
	padding: 1px 5px;
	font-size: 12px;
	font-weight: bold;
	white-space: nowrap;
	color: #000;
	background-color: #e7e5e5;
	border: 1px solid #ccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
/*.badge-border:hover, .badge-border:focus, .badge-border.active {
	background: #2980b9;
	color: #fff !important;
	cursor: pointer;
}*/
.text-Vcenter {
	position: relative;
	top: 1px; /*2px - changed on jun07*/
}
.vertical-divider {
	border-right: 1px solid #ddd !important;
	padding-right: 10px;
	
	/* added on 12-06-2018 */
	
	min-height:150px;	
	
}
td.form-control {
	margin-bottom: 0px !important;
}
.modal-body .link-txt {
	margin: 7px 0 !important;
}
.fld-text4 {
	text-align: right;
	padding: 5px 0;
}
.sub-title {
	background-color: #008fd5;
	color: #fff;
	font-size: 14px;
	margin-bottom: 0;
	padding: 6px 8px;
	width: 100%;
}
.sidebar2 {
	position: absolute;
	width: 267px;
	z-index: 1;
}
.sub-title2 {
	border-bottom: 0px !important;
	color: #000;
	font-size: 14px;
	width: 100%;
	padding: 6px 8px 7px;
}
.input-group-addon {
	top: 0px !important;
	
	/* added recently */
	/* border-top-right-radius: 4px !important;
	border-bottom-right-radius: 4px !important; */
		
}
hr {
	margin-bottom: 16px !important;
	margin-top: 16px !important;
}
.progress {
	height:12px; 
	margin-bottom: 0px !important;
	}

.progress-bar {
	line-height:25px !important;
	}

.progress1 {
	height: 14px;
	margin-bottom: 0px !important;
	margin-top: 6px;
}
.progress-bar1 {
	line-height: 14px !important;
}
.progress-bar-purple {
	background-color: #9b59b6 !important;
}

/*** End Seshu - Started new styles - Dec19, 2016 ***/

/*** Shailaja ***/

.fixtbl .tmwidth, .fixtbl > tbody > tr > td {
	min-width: 60px !important;
	max-width: 60px !important;
	white-space: inherit !important;
	text-align: center !important;
}
.fixtbl .tmwidth, .fixtbl > tbody > tr > td {
	min-width: 60px !important;
	max-width: 60px !important;
	white-space: inherit !important;
	text-align: center !important;
}
.fixtbl .tmwidth2 {
	min-width: 60px !important;
	max-width: 60px !important;
	padding: 4px !important;
	white-space: normal !important;
	text-align: center !important;
}
.fixtbl .tmwidth3 {
	min-width: 100px !important;
	padding: 4px !important;
	white-space: normal !important;
	text-align: center !important;
}
.spl-w420 {
	min-width: 420px !important;
}
.grptbl .btn.btn-sutisoft.add-btn {
	position: relative;
	top: 0;
}
.grptbl .input-group {
	position: relative;
	top: 2px;
}
.grptbl .am {
	position: relative;
	top: 1px;
}
.grptbl .input-group-btn {
	position: relative;
	top: 0px;
}
.break-details-tab {
	margin-left: 21px;
}
.pdng-none-tbl .table > thead > tr > th, .pdng-none-tbl .table > tbody > tr > th, .pdng-none-tbl .table > tfoot > tr > th, .pdng-none-tbl .table > thead > tr > td, .pdng-none-tbl .table > tbody > tr > td, .pdng-none-tbl .table > tfoot > tr > td {
	padding: 5px 0 !important;
}
/*** Shailaja end ***/

.flddata {
	position: relative;
	top: 7px;
}
.nospacetbl td {
	padding: 2px 2px 0 !important;
	font-weight: normal !important;
}
.nospacetbl th {
	padding: 2px 2px 2px 2px !important;
	font-weight: normal !important;
}
.perform-review-bg {
	background: #efefef;
	margin-top: -10px;
}
.nospacetbl .head {
	background: #ccc
}
.txt-box {
	word-wrap: break-word;
	padding: 3px;
}
.date .input-group-btn.input-group-addon {
	border: medium none !important;
	padding: 0 !important;
}
.performance-img-table {
	margin-left: 20px;
	position: relative;
	top: -10px;
	line-height: 20px;
}
.performance-img-box .panel {
	margin-bottom: 0px !important;
	box-shadow: none !important;
}
.performance-img-box .panel-title {
	color: #000 !important;
	font-size: 15px;
	width: 100%;
}
.performance-img-box .panel-title a {
	color: #000 !important;
}
.performance-img-box .panel-title > a.collapsed:before {
	float: left !important;
	content: "\f055";
}
.performance-img-box .panel-title > a:hover, .panel-title > a:active, .panel-title > a:focus {
	text-decoration: none;
}
.performance-img-box .panel-title > a::before {
	color: #000 !important;
	content: "?";
	float: left !important;
	font-family: FontAwesome;
	padding-right: 5px;
	padding-top: 2px;
	position: relative;
	top: 30px;
	font-size: 17px;
}
.performance-img-table small {
	font-size: 95%;
	color: #666;
}
.dboxarrows3 {
	margin-top: 38px;
	margin-left: 45px;
}
/*.btn:active, .btn.active {
	background: #999 !important;
	color: #fff !important;
	box-shadow: none !important;
	outline: 0 none;
	border-color: #999 !important;
}*/
.add-user {
	background: #ddd;
	width: 20px;
	height: 20px;
	text-align: center;
	border-radius: 10px;
}
.add-user-icon {
	font-size: 11px !important;
	padding: 0 5px !important;
	position: relative;
	top: -2px !important;
}
.add-user-icon2 {
	font-size: 11px !important;
	padding: 0 5px !important;
	position: relative;
	top: -1px !important;
	left: 0px !important;
}
.color-fld {
	background: #fabb3d;
}
.databuttons2 {
	margin: 16px 0 16px 0;
	text-align: right;
}
.bg-box1 {
	background: #f9e2e8;
	padding: 3px;
	width: 15px;
	height: 16px;
	margin-right: 3px;
	margin-top: 3px;
}
.bg-box2 {
	background: #d7e0b1;
	padding: 3px;
	width: 15px;
	height: 16px;
	margin-right: 3px;
	margin-top: 3px;
}
.bg-box3 {
	background: #f4ebc4;
	padding: 3px;
	width: 15px;
	height: 16px;
	margin-right: 3px;
	margin-top: 3px;
}
.bg-box4 {
	background: #fad5c5;
	padding: 3px;
	width: 15px;
	height: 16px;
	margin-right: 3px;
	margin-top: 3px;
}
.bg-table-txt {
	background: #ff7677;
	color: #fff;
	padding: 3px !important;
}
.bg-table-txt img {
	margin-top: 2px;
}
.bg-table-txt2 {
	background: #67c2ef;
	color: #fff;
	padding: 3px !important;
}
.bg-table-txt2 img {
	margin-top: 2px;
}
.bg-table-box1 {
	background: #ff7677;
	padding: 3px;
	width: 15px;
	height: 16px;
	margin-right: 3px;
	margin-top: 3px;
}
.bg-table-box2 {
	background: #67c2ef;
	padding: 3px;
	width: 15px;
	height: 16px;
	margin-right: 3px;
	margin-top: 3px;
}
.bg-table-box3 {
	background: #fabb3d;
	padding: 3px;
	width: 15px;
	height: 16px;
	margin-right: 3px;
	margin-top: 3px;
}
.bg-table-box4 {
	background: #79c447;
	padding: 3px;
	width: 15px;
	height: 16px;
	margin-right: 3px;
	margin-top: 3px;
}
.bg-txt3 {
	background: #f9e2e8;
	padding: 2px 3px !important;
	margin: 0 0 1px 0 !important;
	position: relative;
	font-size: 12px !important;
}
.bg-txt4 {
	background: #d7e0b1;
	padding: 2px 3px !important;
	margin: 0 0 1px 0 !important;
	position: relative;
	font-size: 12px !important;
}
.bg-txt5 {
	background: #f4ebc4;
	padding: 2px 3px !important;
	margin: 0 0 1px 0 !important;
	position: relative;
	font-size: 12px !important;
}
.bg-txt6 {
	background: #fad5c5;
	padding: 2px 3px !important;
	margin: 0 0 1px 0 !important;
	position: relative;
	font-size: 12px !important;
}
.table-fixed-top {
	position: relative !important;
}
.table-fixed-bg { 
	/*background: #f6f6f6;*/
	padding: 2px 4px;
	color: #000 !important;
	text-align: center;
	position: absolute;
	z-index: 999;
	font-size: 14px; /*10px*/
	/*border-radius: 0px 3px 3px 3px;*/ /*this is for Shift Scheduling*/
	top: -3px;
}
.bg-txt33 {
	background: #f9e2e8;
	padding: 7px 3px !important;
	margin: 0 0 1px 0 !important;
	position: relative;
	font-size: 12px !important;
}
.bg-txt44 {
	background: #d7e0b1;
	padding: 7px 3px !important;
	margin: 0 0 1px 0 !important;
	position: relative;
	font-size: 12px !important;
}
.bg-txt55 {
	background: #f4ebc4;
	padding: 7px 3px !important;
	margin: 0 0 1px 0 !important;
	position: relative;
	font-size: 12px !important;
}
.bg-txt66 {
	background: #fad5c5;
	padding: 7px 3px !important;
	margin: 0 0 1px 0 !important;
	position: relative;
	font-size: 12px !important;
}
.stacked-icon {
	font-size: 1em !important;
	margin-left: 10px !important;
	color: #000 !important;
}
.black-txt {
	color: #000 !important;
	font-size: 20px !important;
}
.res-width7 {
	width: 25.0%;
}
.res-width8 {
	width: 75.0%;
}
.div-bg-1 {
	background: #f3f3f3;
	padding: 0 0 8px 0;
	line-height: 42px;
}
.div-bg-2 {
	background: #fff;
	padding: 0 0 8px 0;
	line-height: 42px;
}
/* .tabdis {
	padding-left: 8px !important;
	padding-right: 8px !important;
	padding-bottom: 16px !important;
} */
.small {
	font-size: 14px;
}
.fld-text2 {
	padding: 6px 0px 0px 0px;
}
.num-right {
	text-align: right !important;
}
/* March27, 2017 */

.pipeline-section {
	width: 100%;
	height: auto;
	position: relative;
}
.total-bgcolor {
	background: #d9edf7;
}
.wbg {
	background: #fff !important;
	border: none !important;
	border-color: #fff !important;
}
.rowbg-gray {
	background: #ccc;
}
.csmall {
	font-size: 10px !important;
	color: #000;
	display: block;
}
.bordered-th th {
	border: 1px solid #ddd !important;
}
.smallprogress {
	background-color: #f5f5f5;
	border-radius: 4px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
	height: 18px;
	overflow: hidden;
}
.smallprogress-bar {
	box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
	color: #fff;
	float: left;
	font-size: 12px;
	height: 100%;
	text-align: center;
	transition: width 0.6s ease 0s;
	width: 0;
	line-height: 18px !important;
}
.subhCount {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #000;
	color: #000;
	font-size: 11px;
	padding: 1px 5px;
	text-align: center;
	position: relative;
	top: -1px;
	white-space: nowrap;
	line-height: 10px;
}
.progress-bar-violet {
	background-color: #8080ff;
}
.blue-bar {
	float: right;
	padding-left: 8px;
}
.blue-bar select {
	background: #008fd5 none repeat scroll 0 0;
	border: 1px solid #fff;
	font-size: 12px;
	height: 23px;
	padding: 0 8px;
	position: relative;
}
.grey-bar {
	background-color: #ccc;
	color: #000;
	font-size: 14px;
	margin-bottom: 0;
	padding: 6px 8px;
	width: 100%;
	line-height: 26px;
}
.white-bar {
	background-color: #fff;
	color: #000;
	font-size: 14px;
	margin-bottom: 0;
	padding: 6px 8px;
	width: 100%;
	line-height: 26px;
}
.blue-bar2 {
	float: right;
	padding-left: 8px;
}
.blue-bar2 select {
	background: #fff;
	font-size: 12px;
	height: 23px;
	padding: 0 8px;
	position: relative;
}
.blue-bar3 {
	float: right;
	padding-left: 8px;
}
.blue-bar3 select {
	background: #fff;
	border: 1px solid #ddd;
	font-size: 12px;
	height: 23px;
	padding: 0 8px;
	position: relative;
}
.ltgry-txt {
	color: #3a6da6 !important;
}

.ltgry-txt2 {
	color: #ddd !important;
}
.actions select {
	border: 1px solid #fff;
	background: #008fd5;
	padding: 0px 8px;
	height: 23px;
	position: relative;
	font-size: 12px;
}
.dl-horizontal dt {
	width: 370px;
	font-weight: normal;
	color: #666;
	text-align: left;
}
.dl-horizontal dd {
	margin-left: 400px;
	color: #000;
}
.performance .panel {
	border-radius: 0px !important;
	box-shadow: 0 0px 0px rgba(0, 0, 0, 0.00) !important;
	min-height: 280px !important;
	position: relative;
	margin-bottom: 16px !important;
}
.performance .panel-heading {
	background: #008fd5 !important;
	color: #fff;
	font-size: 16px !important;
	padding: 4px 10px 6px 10px !important;
	border-radius: 0px !important;
}
.performance .popup-icons {
	float: left;
	padding-left: 10px;
	position: relative;
	top: -2px;
}
.performance .fa {
	color: #fff;
}
.performance .panel-body {
	padding: 0px !important;
}
.performance .panel-body .form {
	padding: 16px !important;
}
.performance .table>thead>tr>th, .performance .table>tbody>tr>td {
	padding: 8px 10px 10px 15px !important;
	line-height: 17px;
}
.performance .small, .performance small {
	color: #666 !important;
}
.performance .see-more {
	width: 100%;
	margin: 0px auto;
	position: absolute;
	bottom: 11px;
	right: 15px;
	text-align: right;
}
.performance .see-more a {
	color: #428bca !important;
}
.performance .see-more a:hover {
	text-decoration: underline !important;
}
.performance .see-more a:hover {
	color: #428bca !important;
}
.performance-tab {
	border: #ddd solid 1px;
	padding: 0px;
	border-bottom: 0px;
}
.performance-tab .nav-pills > li {
	margin-top: 0px !important;
}
.performance-tab .nav-pills > li > a {
	border-radius: 0px !important;
	background: #fff !important;
	border-bottom: #ddd solid 1px;
	padding: 8px 16px !important;
}
.performance-tab .nav > li > a:hover {
	border-radius: 0px !important;
	background: #eee !important;
}
.performance-tab .nav > li > a.active {
	background: #008fd5 !important;
	color: #fff !important;
}
.alphabeats {
	margin: 1px 0 19px;
}
.alphabeats a {
	padding: 1px 6px 3px;
}
.alphabeats a:hover {
	background: #008fd5;
	color: #fff !important;
}
.boxlist {
	background: #fbfbfb;
	border: 1px solid #e8e6e6;
	margin-bottom: 10px !important;
	padding: 15px;
	/* min-height:150px; */
}
.boxlist.today {
	background: #fff none repeat scroll 0 0 !important;
	border: 1px solid #dca41f;
}
.boxlist td {
	padding: 0px 10px;
	white-space: nowrap;
}
.boxlist .head {
	color: #0059a9 !important;
	font-size: 25px;
}

.media .bcand {
	position: absolute;
	bottom: 15px;
	right: 15px;
}
.media-heading {
	color: #000; font-size: 14px;
}
.media .fa {
	font-size: 16px !important;
}
.media {
	/* position: relative;
    top:3px;*/
	/*padding: 4px 0 1px;*/ /* By commenting this alignment issues are fixed - Images-Name */
}
/*.media-left, .media-right, .media-body {
    display: table-cell;
    vertical-align: bottom;
}*/

.media h4 {
	font-size: 15px;
}
.media h2 {
	font-size: 25px;
	color: #0059a9;
	padding-bottom: 6px;
}
.progress-box {
	margin: 15px;
}
.dboxarrows4 {
	margin-top: 40px !important;
}
.panel-group .panel + .panel {
	margin-top: 0px;
}
.setup-panel {
	border-radius: 0px !important;
	box-shadow: none !important;
	padding: 0px !important;
}
.setup-panel .panel-heading {
	background: #fff !important;
	border-radius: 0px !important;
	border: none !important;
	padding: 0 !important;
}
.setup-panel .panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a {
	color: #000 !important;
	font-size: 14px !important;
}
.setup-panel .panel-body {
	padding: 8px !important;
}
.setup-panel .panel-group .panel {
	border-radius: 0px !important;
	margin-bottom: 0px !important;
}
.setup-icon {
	background: #ddd;
	padding: 11px 10px !important;
	top: 0px !important;
	margin-right: 3px;
}
.popup-img {
	margin: 0 70px;
}
.setup-help {
	position: relative;
	top: -2px;
	font-size: 20px !important;
}
.setup-help2 {
	color: #000;
	position: relative;
	top: 5px;
	font-size: 20px !important;
}
.spl-tpbtm {
	margin-bottom: 8px;
	margin-top: 6px;
}
.dlist li {
	list-style: inside disc !important;
	padding: 3px 0px;
}


.panel .color-widget {position: absolute; bottom: 0px; left: 0px;font-size:13px;}

.color-box {
	background: #fabb3d;
	height: 34px;
}
.group-fld select {
	border-color: #ccc;
	font-size: 14px !important;
	color: #000 !important;
	height: 34px !important;
}
.group-fld select option {
	text-align: left !important;
}
.group-fld .btn:active, .group-fld .btn.active {
	background: #fff !important;
	color: #000 !important;
	box-shadow: none !important;
	outline: 0 none;
	border-color: #999 !important;
}
/*** 27 Jul 2017 ***/

.cont-box {
	border: #ddd solid 1px;
	width: 100%;
	padding: 8px;
}
/* July 21, 2017 */
.btn.btn-default1 {
	line-height: 40px;
	border: none !important;
	border-radius: 0px !important;
	padding: 20px 6px 12px !important;
	outline: 0px;
	text-align: center;
}
.border_BR {
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	position: relative;
}
.border_NOright {
	border-right: none;
}
.border_NObottom {
	border-bottom: none;
}
.notify-badge {
	position: absolute;
	top: 5px;
	right: 5px;
	background-color: #e7e5e5;
	border: 1px solid #ccc;
	border-radius: 4px;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	padding: 1px 5px;
	white-space: nowrap;
	line-height: 16px;
}
.perform-review p {
	line-height: 25px;
}
.txt-type {
	padding: 2px;
}
.welcome-txt {
	font-size: 18px;
}
/* Custom Style */

.onoffswitch {
	position: relative;
	width:65px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
.onoffswitch-checkbox {
	display: none;
}
.onoffswitch-label {
	display: block;
	overflow: hidden;
	cursor: pointer;
	border: 1px solid #ddd;
	border-radius: 20px;
}
.onoffswitch-inner {
	display: block;
	width: 200%;
	margin-left: -100%;
	-moz-transition: margin 0.3s ease-in 0s;
	-webkit-transition: margin 0.3s ease-in 0s;
	-o-transition: margin 0.3s ease-in 0s;
	transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
	display: block;
	float: left;
	width: 50%;
	height: 30px;
	padding: 0;
	line-height: 30px;
	font-size: 14px;
	color: white;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.onoffswitch-inner:before {
	content: "In";
	padding-left: 10px;
	background-color: #00bd74;
	color: #fff;
}
.onoffswitch-inner:after {
	content: "Out";
	padding-right: 10px;
	background-color: #ff7143;
	color: #fff;
	text-align: right;
}
.onoffswitch-switch {
	display: block;
	width: 13px;
	margin: 11px;
	background: #FFFFFF;
	border-radius: 20px;
	position: absolute;
	top: -5px;
	bottom: 0;
	right: 30px;
	-moz-transition: all 0.3s ease-in 0s;
	-webkit-transition: all 0.3s ease-in 0s;
	-o-transition: all 0.3s ease-in 0s;
	transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
	margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
	right: 0px;
}
/*.modal-body img {padding: 3px 0 2px; vertical-align: middle;}*/


/*** 11 sep 2017 ***/

/* Tabs panel */

.tabbable-panel {
	border: 1px solid #e4e4e4;
}
.tabbable-line > .nav-tabs {
	border: none;
	margin: 8px 0 0 0px !important;
}
.tabbable-line > .nav-tabs > li {
	margin-right: 2px;
}
.tabbable-line > .nav-tabs > li > a {
	border: 0;
	margin-right: 0;
	color: #737373;
	background: #fff !important;
}
.tabbable-line > .nav-tabs > li > a > i {
	color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
	border-bottom: 4px solid #9dd8f6;
}
.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
	border: 0;
	background: none !important;
	color: #333333;
}
.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
	color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
	margin-top: 0px;
}
.tabbable-line > .nav-tabs > li.active {
	border-bottom: 4px solid #158ecd !important;
	background: #fff !important;
	position: relative;
}
.tabbable-line > .nav-tabs > li.active > a {
	border: 0;
	color: #158ecd !important;
	background: transparent !important;
}
.tabbable-line > .nav-tabs > li.active > a > i {
	color: #404040;
}
.tabbable-line > .tab-content {
	margin-top: -3px;
	background-color: #fff;
	border: 0;
	border-top: 1px solid #e4e4e4;
	padding: 16px !important;
}
.portlet .tabbable-line > .tab-content {
	padding-bottom: 0;
}
/* Below tabs mode */

.tabbable-line.tabs-below > .nav-tabs > li {
	border-top: 4px solid transparent;
}
.tabbable-line.tabs-below > .nav-tabs > li > a {
	margin-top: 0;
}
.tabbable-line.tabs-below > .nav-tabs > li:hover {
	border-bottom: 0;
	border-top: 4px solid #fbcdcf;
}
.tabbable-line.tabs-below > .nav-tabs > li.active {
	margin-bottom: -2px;
	border-bottom: 0;
	border-top: 4px solid #f3565d;
}
.tabbable-line.tabs-below > .tab-content {
	margin-top: -10px;
	border-top: 0;
	border-bottom: 1px solid #eee;
	padding-bottom: 15px;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff !important;
}
/*** 11 sep 2017 ***/

/* End - July 21, 2017 */

.DBBodyContent {
	background: #fff;
	border-radius: 6px;
	box-shadow: 0 8px 7px -4px rgba(191, 185, 191, 0.62);
	padding: 16px !important;
	margin-bottom: 16px;
}
/*.phead, .mainhead {
	background: #168fce;
	color: #fff;
	padding: 5px 0 3px 7px;
	vertical-align: middle;
}*/
.spl-pos0 {
	position: relative;
	top: 0px;
}

.spl-lttop-radius {
	-webkit-border-top-left-radius: 6px !important;
	-moz-border-radius-topleft: 6px !important;
	border-top-left-radius: 6px !important;
}
.listactions a {
	position: relative;
	top: 0px !important;
	
	/* recently added on 03-06-2019 */
	/*float: left;
	margin-right: 4px;*/
	
}
/*** Header ***/

.main-header {
    background: #fff;
   padding: 4px 0px 2px 0px; 
}
/*.hi {
	font-family: SegoeUISemiBold, arial, sans-serif !important;
	font-size: 26px;
	padding-top: 28px !important;
	text-align: center;
	line-height: 28px;

}*/
/*.user-photo {float: right; padding-top: 7px; padding-left:7px;}*/

.hright {
	float: right;
	padding-top: 7px;
}
.hcount-icon {
	margin: 29px 16px 0 0px;
	position: relative;
}
.hcount-icon .headingCount {
	background: #80d9ff;
	border-radius: 4px;
	color: #00537b;
	font-size: 11px;
	left: 15px;
	padding: 2px 7px;
	position: absolute;
	text-align: center;
	top: -10px;
	z-index: 10;
}
.head-profile {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	border: 1px solid #ccc;
}
/*** End Header ***/


/*** Footer ***/

/*.footer {
	border-top: 1px solid #e4e3e3;
	padding-top: 10px;
	padding-bottom: 10px !important;
	width: 100%;
	margin-top: 10px;
	
	clear: both;
}*/
/* new styles for - privacy-terms on login page */

.privacy-terms{padding:12px 10px 12px 10px; float:left; font-size:13px !important;}
.copyright-padding{padding:12px 0px !important;}

.copyright {
	/* float: right; */
	text-align: right;
	font-size: 13px;
}
/*** End Footer ***/

/*** table ***/

/* .table > thead > tr > th {
	background: #999;
	color: #fff;
	font-weight: normal;
	padding: 4px 10px 6px !important;
} */
/*** END table **-*/

/*** Buttons ***/

.btn {
	 padding: 6px 12px 6px 12px !important;
    font-size: 16px;
}
.btn:focus,.btn:active {
   outline: none !important;
   box-shadow: none;
}

.btn-xs {
	padding:1px 4px !important;
	font-size: 12px !important;
	margin-top: 0px !important;
	/*background: #999!important;
	border: 1px solid #999 !important;*/ /* background and border is not requeired so that commented them. because these properties overriding the btn-xs .toggle switch on/off.  */
	height:24px;
}

.toggle.btn-xs{height: 25px !important;}

.btn-xs1 {border-radius: 3px;
	padding: 2px 8px 3px 8px !important;
	font-size: 11px !important;
	/*background: #999!important;*/
	border: 1px solid #999 !important
}

.listactions .btn, .listactions .btn-xs, .listactions .btn-sutisoft {margin-bottom: 0px !important; margin-top: 0px !important; margin-left: 0px !important;}

/*.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {margin-left: 0px !important;}*/ 
/* If we will use it - there is a problem with TEXT EDITOR - coming 2px border - it should be 1px border  */

.caption .btn-xs {margin-top: 0px !important; margin-left: 5px !important;}

.btn-sutisoft {
	background-color: #0078d4 !important;
	border-color: #0078d4 !important;
	color: #fff !important;
	margin-bottom: 2px !important;
	
	margin-left:1px;
	
	outline: none;
}
.soft-btn {
	background-color: #e7e5e5;
	border-color: #ccc;
	color: #000;
}
.btn-sutisoft:hover, .btn-sutisoft:active, .open > .dropdown-toggle.btn-sutisoft {
	background-color: #0078d4 !important;
	border-color: #0078d4 !important;
	color: #fff;
	
	outline: none;
}


.btn-primary {background-color: #2962FF;}

.btn-primary:hover, .btn-primary:focus {background-color: #0D47A1;}

/* .btn {background: #168fce none repeat scroll 0 0 !important; color: #fff !important; font-size: 16px !important; font-weight: normal !important; margin-top: 0 !important;
    padding: 6px 26px 6px 26px !important;} */
	
/* .btn {display: inline-block; padding: 6px 22px 9px !important; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: center; 
white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border-radius: 6px; transition: all 0.5s ease 0s;} */

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .open > .dropdown-toggle.btn-primary {background-color: #016faf !important; border-color: none !important;}

/*.btn-default {color: #333 !important; background-color: #fff !important; border: none!important;}

.btn-default:hover, .btn-default:focus, .btn-default:active, .open > .dropdown-toggle.btn-default {color: #333; background-color: #016faf !important; border-color: #adadad !important;}
 */

/* SutiHR-Buttons CSS need to update - Suggested by Srinivas M */

.btn-save {
	background-color: #168fce; border-color: #168fce; color: #fff; margin-bottom: 2px !important; margin-left:1px; outline: none;
}

.btn-update {
	background-color: #168fce; border-color: #168fce; color: #fff; margin-bottom: 2px !important; margin-left:1px; outline: none;
}
.btn-cancel {
	background-color: #168fce; border-color: #168fce; color: #fff; margin-bottom: 2px !important; margin-left:1px; outline: none;
}
.btn-ok {
	background-color: #168fce; border-color: #168fce; color: #fff; margin-bottom: 2px !important; margin-left:1px; outline: none;
}
.btn-approve {
	background-color: #168fce; border-color: #168fce; color: #fff; margin-bottom: 2px !important; margin-left:1px; outline: none;
}
.btn-reject {
	background-color: #168fce; border-color: #168fce; color: #fff; margin-bottom: 2px !important; margin-left:1px; outline: none;
}
.btn-reject {
	background-color: #168fce; border-color: #168fce; color: #fff; margin-bottom: 2px !important; margin-left:1px; outline: none;
}
.btn-confirm {
	background-color: #168fce; border-color: #168fce; color: #fff; margin-bottom: 2px !important; margin-left:1px; outline: none;
}
.btn-general {
	background-color: #168fce; border-color: #168fce; color: #fff; margin-bottom: 2px !important; margin-left:1px; outline: none;
}



/*** End Buttons ***/

/* This is for group buttons styles in bootstrap */
.btn.active[data-active-class="primary"] {
	color: #fff;
	background-color: #0892d6 !important;
	border-color: #0787C5 !important;
}
.btn.active[data-active-class="success"] {
	color: #fff;
	background-color: #449d44 !important;
	border-color: #398439 !important;
}
.btn.active[data-active-class="info"] {
	color: #fff;
	background-color: #31b0d5 !important;
	border-color: #269abc !important;
}
.btn.active[data-active-class="warning"] {
	color: #fff;
	background-color: #ec971f !important;
	border-color: #d58512 !important;
}
.btn.active[data-active-class="danger"] {
	color: #fff;
	background-color: #c9302c !important;
	border-color: #ac2925 !important;
}
/*end group buttons*/




.btn-group-justified > .btn-group .btn {
	background: #f8f7f7 none repeat scroll 0 0 !important;
	padding: 12px !important;
	width: 100%;
	height: 122px;
}
.btn-group-justified > .btn-group .btn:hover {
	background: #e6e6e6 !important;
}
.bhoechie-tab-container .list-group-item {
	background-color: #fff;
	border: 1px solid #ddd;
	display: block;
	margin-bottom: -1px;
	padding: 38px;
	position: relative;
}
.btn-group-justified > .btn-group .btncap {
	color: #000 !important;
	display: block;
	/*font-family: SegoeUISemiBold, arial, sans-serif !important;*/
	font-size: 16px;
	padding-top: 10px;
}
.btn-group-justified {
	width: 100% !important;
}

/* 02-11-2017 - Styles for Birthday & Anniversary and Calendar */

.bday-icon {
	width: 78px;
	text-align: center;
	float: right;
}
.anniversary-box {
	width: 78px;
	height: 60px;
	text-align: center;
	position: relative;
	float: right;
}
.anniversary-year {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 14px;
	left: 18px;
	z-index: 999;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 26px;
	font-weight: bold;
	color: #0099ff;
	text-align: center;
}
.calendar-section {
	width: 100px;
	height: auto;
	background: #fff;
	border: 1px solid #CCC;
	overflow: hidden;
	position: relative;
	color: #fff;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-ms-border-radius: 12px;
	-o-border-radius: 12px;
}
.month-h {
	background: #333;
	border-bottom: 1px dashed #ccc;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
	width: 100%;
	text-align: center;
}
.date-body {
	width: 100%;
	padding: 5px 5px;
	float: left;
	clear: both;
}
.birthdayDate {
	font-size: 14px;
	font-weight: bold;
	color: #000;
	width: 100%;
	float: left;

	text-align: center;
}
.birthdayDay {
	font-size: 12px;
	font-weight: bold;
	color: #333;
}
.artcle {
	height: 350px;
	width: 100%;
overflow-y: scroll !important;
	overflow-x: hidden;
}
.sub-heading {
	background: #e5e5e5;
	padding: 4px 16px;
	margin-bottom: 0px;
	font-size: 17px;
}
/* 28-02-2018 - Icons group for calendar page */
.modal-title {
	float: left;
}
.icons-group {
	float: right;
	padding-right: 5px;
	margin-top: 4px; line-height: 16px;
}
.icons-group li {
	list-style: none;
	float: left;
	padding: 0px 10px;
	border-right: 1px solid #fff;
}
.icons-group li a {
	color: #fff;
}
.icons-group .fa {
	color: #fff;
	font-size: 18px;
}

.green-dot {
	width: 10px;
	height: 10px;
	background-color: #27ae60;
	margin: 5px;
	padding: 0px;
	float: left;
}
.red-dot {
	width: 10px;
	height: 10px;
	background-color: #e67e4b;
	margin: 5px;
	padding: 0px;
	float: left;
}
.blue-dot {
	width: 10px;
	height: 10px;
	background-color: #009bdd;
	margin: 5px;
	padding: 0px;
	float: left;
}
.pink-dot {
	width: 10px;
	height: 10px;
	background-color: #9b59b6;
	margin: 5px;
	padding: 0px;
	float: left;
}

/* Removing styles */
/*.modal-dialog-mid{width:500px;}*/

/**new menu**/
/* .navbar-default {
	background:#f8f8f8!important;
} */
.navbar-nav {
	/* background:#f8f8f8!important; */
    /*
	 clear: both;
    display: table;
	float: none;
	margin:auto !important;*/
    padding: 0px;

}
.navbar-nav > li > a {
	padding: 11px 15px 12px 15px !important;
	color: #333 !important;
	line-height: 14px !important;
/*	border-bottom: 4px solid #168fce ;
*/	font-size:15px;
	height:40px;
}



.navbar {
	border: none !important;
	min-height: 0px !important;
	margin-bottom: 0px !important;
	font-size: 18px !important;
	border-radius: 0px !important;
	padding-bottom: 0px !important;
} 
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	color: #000;
	background-color: ##a7e7ff !important; /*transparent*/
}
.navbar-nav > li > a:hover,  .navbar-nav > li > a:focus{
	background-color:#a7e7ff !important;
	 border-radius: 4px;
}
.navbar-nav .active a {
	/*background: #016faf !important;
	color: #fff !important;
	border-bottom:4px solid #ee9d00 !important; */
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    background-color: #a7e7ff;
	border-radius: 0px !important;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    /*background-color: #016faf !important;
    color: #fff !important;
    border-bottom:4px solid #ee9d00 !important;*/
}
/*.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	color: #fff;
	background-color: #016faf !important;
	border-bottom:4px solid #ee9d00 !important;
}*/




/*.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
	background-color: #016faf !important;
	border-color: none !important;
	color: #fff !important;
}commented on 22-05-2020*/ 
.dhelp {
	float:right;
	color:#fff;
	font-size: 30px;
	padding-top: 1px
}
.navbar-collapse.collapse{
	padding-right:0px !important;
	margin-bottom: -5px !important;/** vamshi added 06052020 css**/
	}

/** nav bar css**/

.navbar{border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; -ms-border-radius:0px; -oborder-radius:0px; margin: 0px !important; padding: 0px !important; border-bottom:3px solid #a7e7ff !important; border-top:1px solid #e7e7e7!important}

.navbar-nav > li > a:hover {background: ##a7e7ff !important;}

.navbar-collapse {padding-left: 0px !important;}

/* .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {color: #ffffff !important; background-color: #008fd5 !important; } */

/*.dropdown-menu {background-color: #e3e3e3 !important; border: 0px !important; box-shadow: none; font-size: 14px; min-width: 160px; padding: 0 0 !important; text-align: left;
	border-radius: 0px !important; -webkit-box-shadow: 0px 0px rgba(0, 0, 0, .0)!important; box-shadow: 0px 0px rgba(0, 0, 0, .0)!important;}*/
	
.dropdown-menu > li > a {color: #000 !important;padding: 6px 20px !important; font-size: 15px !important;border-bottom: 0px solid #a7e7ff;} /* changed at Sudha's desk for .dropdown-menu > li > a*/






.dropdown-menu .divider {background-color: #d1d1d1 !important; margin: 0 !important;}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {color: #ffffff !important; text-decoration: none; background-color: #016faf !important; }

.filter-box {
	border-left: #ddd solid 1px;
	min-height: 400px;
	
	padding-left: 10px;
	
}

.filter-box-right {
	border-right: #ddd solid 1px;
	min-height: 400px;
	
	padding-left: 10px;
	
}

/**end new menu**/

.navbar-toggle{margin-top: 5px !important; margin-bottom: 5px !important; padding:8px 10px !important;}



.table-responsive .listactions {
	text-align: left;
	white-space: nowrap;
	border-left: 1px solid #fff !important;
}


 .listactions2{border-left: 1px solid #fff !important; width:5% !important}


#ltnav .panel {
	margin-bottom: 0px !important;
	box-shadow: none !important;
	border: none!important; min-height:auto !important;
}

#ltnav .form-control{background: #d3eeff!important}
#ltnav .panel-heading {
	background: #d3eeff!important;
	padding: 10px 20px !important;
	 border-bottom: 1px solid #fff !important;
	     border-radius: unset !important;
}
#ltnav .panel-body {
	padding: 0px !important;
	background: #e5f5fd;
	border: none!important;
}

#ltnav .panel-body a {
	color: #000 !important;
	padding: 10px 10px 10px 30px;/*border-bottom:1px solid #e0e0e0;*/
}
#ltnav .panel-title a {
	color: #000 !important;
	display: block;
	border: none;
	outline: none;
	/* background: #d3eeff !important; */
}
#ltnav .panel-title a img {
	position: relative;
	top: -2px;
	padding-right: 6px;
}
#ltnav .panel-body ul li a {
	padding: 8px 15px 8px 40px;
	display: block;
	 border-bottom: 1px solid #fff !important;
}

#ltnav .panel-body ul li a:hover {
	padding: 8px 15px 7px 40px;
	background: #38a2ca;
	color: #fff !important;
	 border-bottom: 2px solid #38a2ca !important;
}

#ltnav .panel-body ul li .active {
	padding: 8px 15px 7px 40px;
	background: #38a2ca;
	color: #fff !important;
	border-bottom: 2px solid #38a2ca !important;
}
.input-group-btn .btn {
	padding: 4px 8px 2px !important;
	/*border-radius: 0px !important;*/
	background: #e7e5e5!important;
	color: #000 !important;
	border: 1px solid #ccc !important;
	margin-bottom: 0px !important;
	
	height:34px;
}
.bsearch input[type="text"] {
	background: url(../images/bsearch.png) no-repeat right;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 4px 32px 4px 10px;
	margin: 20px 5% 0px 5%;
	width: 90%;
}
.headsearch input[type="text"] {
	background: url(../images/bsearchW.png) no-repeat right;
	border: 1px solid #fff;
	border-radius: 4px;
	padding: 0px 32px 1px 5px;
	float: right;
	width: 20%;
	margin-right: 5px;
}

.headsearch ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #89cbec !important;
}

.bgbreadcrumbs {
	margin-top: 22px !important;
	color: #666 !important;
}
.spl-top-10 {
	position: relative;
	top: -10px;
}
.Editor-container a {
	color: #000 !important; 
} 
.developers-note {
	color: red;
	margin: 16px;
	padding: 6px;
	background: gold;
	float: left;
}
/*.alert {padding: 13px 15px 15px !important; margin: 8px 0 !important;}*/

.gbtn {
	width: 23px;
    height: 23px; background:transparent;
	border: 1px solid #fff !important;
	border-radius: 50%;
	color: #fff !important;
	font-size: 12px;
	padding:0px 2px 0px 3px !important; margin-right: 5px;
}
.spl-pd6 {
	padding: 16px 0px 10px 0px;
}
.phead .help .fa, .mainhead .help .fa {
	display: inline-block;
	font: 25px/1 FontAwesome;
	text-rendering: auto;
}
/*** 12 sep ***/

.group-btn {
	background-color: #e7e5e5 !important;
	border: 1px solid #ccc !important;
	color: #000 !important;
}
.group-btn:active, .group-btn.active {
	background: #999 !important;
	color: #fff !important;
	box-shadow: none !important;
	outline: 0 none;
	border-color: #999 !important;
}
.group-btn:hover, .group-btn:focus, .group-btn:active, .open > .dropdown-toggle.group-btn {
	background-color: #cacaca !important;
	border-color: #afaeae !important;
}
.head-table {
	background: #eeeeee;
	padding: 10px 0;
	border-bottom: #ddd solid 1px;
	border-top: #ddd solid 1px;
	/*font-family: SegoeUISemiBold !important;*/
	padding-left: 10px;
}
.head-table .hCount {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #000;
	color: #000;
	font-size: 11px;
	padding: 1px 5px;
	text-align: center;
	position: relative;
	top: -1px;
	white-space: nowrap;
}
/*** 12-Sep-2017 ***/

.container-bgwraper {
	background: #fff !important;
	border-radius: 6px;
	border:1px solid #ddd;
	/*box-shadow: 0 8px 7px -4px rgba(191, 185, 191, 0.62);*/
	box-shadow: 0 2px 2px rgba(0,0,0,.05) !important;
	padding: 16px 16px 16px 16px !important;
	margin: 14px 16px 105px 10px !important;
	float:left;
	width:99%;
}
.BodyContent {
	background:#f6f9ff;
	/* background: -webkit-linear-gradient(top, #dbe4e8 0%, #dbe4e8 350px, #f6f9ff 350px, #f6f9ff 100%);
    background: -moz-linear-gradient(top, #dbe4e8 0%, #dbe4e8 350px, #f6f9ff 350px, #f6f9ff 100%);
    background: linear-gradient(top bottom, #dbe4e8 0%, #dbe4e8 350px, #f6f9ff 350px, #f6f9ff 100%);
    background: -ms-linear-gradient(top, #dbe4e8 0%, #dbe4e8 350px, #f6f9ff 350px, #f6f9ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3eeff', endColorstr='#f8f8f8', GradientType=0 );*/
}
.indent-ul-ol {
	margin-left: 20px;
	line-height: 25px;
}
.indent-ul-ol li {
	list-style: inherit !important;
}
.perform-review p {
	line-height: 25px;

}
.detail-btn {
	background-color: #e7e5e5 !important;
	border: 1px solid #ccc;
	color: #000 !important;
}
.detail-btn:hover {
	background: #cacaca !important;
}
.sub-btn {
	color: #fff !important;
	background: transparent !important;
	border: 1px solid #fff !important;
	border-radius: 3px !important;
	font-size: 12px !important;
	padding: 2px 5px !important;
	font-size: 12px;
	top: -1px;
}
.sub-btn:hover {
	background-color: #0081C0 !important;
	border-color: #fff !important;
}
.sub-btn:hover, .sub-btn:focus, .sub-btn:active, .open > .dropdown-toggle.sub-btn {
	background-color: #0081C0 !important;
	border-color: #fff !important;
}
.sub-btn2 {
	color: #000 !important;
	background: #e7e5e5 !important;
	border-radius: 3px !important;
	margin-top: -1px !important;
	font-size: 12px !important;
	border: 1px solid #ccc !important;
	padding: 2px 5px 2px 5px !important;
}
.sub-btn2 a {
	color: #000 !important;
	background: #e7e5e5;
	border: 1px solid #ccc !important;
	border-radius: 3px;
	font-size: 12px;
	padding: 2px 5px 2px 5px;
	position: relative;
	top: -2px;
}
.sub-btn2 a:hover {
	background-color: #cacaca !important;
	border-color: #afaeae !important;
}
.multi-box .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
	border-top: none !important;
}
/*.multi-box ol, ul{margin-left:0px !important;}*/ /* for Navigation problem removed*/

.table-responsive .txt-align {
	vertical-align: top !important;
}
/*** 26-Sep-2017 ***/

.calendar {/*margin:0px auto;*/
	width: 45px; /*height:60px;*/
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	position: relative;
	background: #FFF;
	text-align: center;
	font-size: 11px;
}
.header {
	height: 12px;
	background: #787878;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-top-left: 4px;
	border-top-left-radius: 4px;
	width: 100%;
	text-align: center;
	font-size: 15px;
	color: #FFF;
	line-height: 50px;
}
.num-day {
	height: 18px;
	font-size: 12px;
	color: #333;
	text-align: center;
	background: #ebebeb;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottom-left: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border: 1px solid #ccc;
}
.header:before {
	background: #fff;
	height: 1px;
	width: 1px;
	content: "";
	display: block;
	position: absolute;
	top: 19px;
	left: 10px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 3px;
}
.header:after {
	background: #fff;
	height: 1px;
	width: 1px;
	content: "";
	display: block;
	position: absolute;
	top: 19px;
	right: 10px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 3px;
}

.bday-box-active {
	border: #f39e0a solid 1px;
	padding: 10px 16px !important;
	margin-bottom: 8px;
}

/*** 18 sep 2017 ***/

.dash-btn {
	border: #fff solid 0px !important;
}
.dash-btn:hover {
	background: ##f0ad4e !important;  /*#old-3dabe4*/
}
.dash-more-btn {
	border: #168fce solid 1px !important;
	border-radius: 3px;
	padding: 2px 8px 3px !important;
	background: transparent !important;
	font-size: 14px !important;
}
.dash-more-btn:hover {
	background: #168fce !important;
	border: #168fce solid 1px !important;
	color: #fff !important;
}
.intbl td {
	padding: 1px 4px;
}

/* Time Off Balances Colors */
.box-blue, .box-green, .box-red, .box-orange {width: 10px; height: 10px; margin: 5px 5px;}

.box-blue {background-color: #428bca;}
.box-green {background-color: #5cb85c;}
.box-red {background-color: #d9534f;}
.box-orange {background-color: #f0ad4e;}

/*New Styles for Vertical strips and badges*/
.color-widget {padding: 10px 0px 0px 0px;}

.color-widget .list-inline > li{padding-right:0px; /*vertical-align:middle !important;*/ padding-left:0px;}
.box-new, .box-approval, .box-approved, .box-rejected, .box-taken, .box-canceled,
/*Goal status*/
.box-ontrack, .box-atrise, .box-behind, .box-complete, .box-reopened {width: 10px; height: 10px; margin:1px 0px 0px 5px;}
.box-new {background-color: #8dd8f8;}
.box-approval, .box-ontrack {background-color: #f7f6b5;}
.box-approved, .box-complete {background-color: #a0d27d;}
.box-rejected, .box-behind {background-color: #f6adb4;}
.box-taken, .box-atrise {background-color: #b4d3b3;}
.box-canceled{background-color: #f6d8b4;}
.box-reopened{background: #f5cfff;}


 
/* Vertical Strips*/
.new-Vbadge, .approval-Vbadge, .approved-Vbadge, .rejected-Vbadge, .taken-Vbadge, .canceled-Vbadge, 
/*Goal status*/
.ontrack-Vbadge, .atrise-Vbadge, .behind-Vbadge, .complete-Vbadge, .reopened-Vbadge {float: left; width: 5px; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px;} 
.new-Vbadge{background: #8dd8f8;}
.approval-Vbadge, .ontrack-Vbadge {background: #f7f6b5;}
.approved-Vbadge, .complete-Vbadge{background: #a0d27d;}
.rejected-Vbadge, .behind-Vbadge {background: #f6adb4;}
.taken-Vbadge, .atrise-Vbadge {background: #b4d3b3;}
.canceled-Vbadge{background: #f6d8b4;}
.reopened-Vbadge{background: #f5cfff;}


.dash-item {
	clear: both;
	display: table;
	float: none;
	margin: auto !important;
	padding: 0;
}
.dash-item ul {
	list-style-type: none;
	margin: 0!important;
	padding: 0;
	overflow: hidden;
}
.dash-item li {
	float: left;
	text-align: center;
	background: #e6e6e6;
	margin-right: 5px;/* padding:25px 29px 5px 29px*/
	;
	font-size: 16px;
}
.dash-item li a {
	display: block;
	color: white;
	text-align: center;
	padding: 16px;
	text-decoration: none;
}
.dash-item li a:hover {
	background-color: #111111;
}
.dash-item li:last-child {
	margin-right: 0px !important;
}
.flex-container {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}
.flex-item {
	background: #e6e6e6;
	margin-right: 5px;
	padding: 15px 28px 5px 28px;
	font-size: 16px;
	text-align: center;
}
.flex-item:nth-child(1) {
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	-webkit-align-self: auto;
	-ms-flex-item-align: auto;
	align-self: auto;
}
.flex-item:nth-child(2) {
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	-webkit-align-self: auto;
	-ms-flex-item-align: auto;
	align-self: auto;
}
.flex-item:nth-child(3) {
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	-webkit-align-self: auto;
	-ms-flex-item-align: auto;
	align-self: auto;
}
.flex-item:nth-child(4) {
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	-webkit-align-self: auto;
	-ms-flex-item-align: auto;
	align-self: auto;
}
.flex-item:nth-child(5) {
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	-webkit-align-self: auto;
	-ms-flex-item-align: auto;
	align-self: auto;
}
.flex-item:nth-child(6) {
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	-webkit-align-self: auto;
	-ms-flex-item-align: auto;
	align-self: auto;
}
/*Please Don't change this value - By Seshu */
.form-control option {
	padding: 2px 5px !important;
}
/*** 29 sep ***/

/* .tab-lt {
	background: #e6e6e6;  - Not required....
} */
.tab-lt .bhoechie-tab-content h4 {
	color: #168fce !important;
	/*font-family: SegoeUISemiBold, arial, sans-serif !important;*/
	margin: 13px 0 14px;
}
.tab-lt .bhoechie-tab-content h3 {
	color: #000 !important;
	font-size: 13px;
	margin: 0px;
}
.tab-lt .bhoechie-tab-content p {
	color: #666;
	margin: 0px;
	font-size: 13px;
}
.tab-lt .bhoechie-tab-content .media .media-left img {
	margin-top: 5px;
}
.tab-lt .tblhead th {
	background: #eeeeee;
	/*font-family: SegoeUISemiBold !important;*/
	font-weight: normal;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}
.tab-lt div.bhoechie-tab-menu div.list-group> a {
	/* border-left: 1px solid #ddd !important; 
	border-right: 1px solid #ddd !important; */ /* This is commented for removing the left anf right border - list-group nav - EX: Employee Wizard Page - 24-10-2018 */
	border-top: 1px solid #fff !important;
	margin-bottom: 1px;
	/* font-size: 14px; */
	color: #000 !important;
	outline: none;
	font-size: 14px !important;
	background: #d3eeff; 
	
	padding:14px 10px 14px !important; /*15px 0 13px 15px!important;*/
}
/* New Emp wizard left nav - by Sudha */
.tab-lt div.bhoechie-tab-menu div.list-group> span{
	border-top: 1px solid #fff !important;
	margin-bottom: 1px;
	/* font-size: 14px; */
	color: #000 !important;
	outline: none;
	font-size: 14px !important;
	background: #d3eeff; 
	text-align: center;
	padding:14px 10px 14px !important; /*15px 0 13px 15px!important;*/
	
}
.tab-lt div.bhoechie-tab-menu div.list-group>a span {
	background: #ee9d00 none repeat scroll 0 0;
	border-radius: 4px;
	/*font-family: SegoeUIRegular;*/
	font-size: 13px;
	padding: 0 12px 2px;
	color: #fff;
}
.tab-lt div.bhoechie-tab-container {
	z-index: 10;
	background-color: transparent !important;
	padding: 0 0 20px !important;
	background-clip: padding-box;
	opacity: 0.97;
	filter: alpha(opacity=97);
	margin-bottom: -1px !important;
}
.tab-lt .bhoechie-tab-content {
	border: none !important;
	background: none !important;
	padding: 10px 15px 0 6px;
}
.tab-lt div.bhoechie-tab-menu .dbtabs div.list-group>a.active:after {
	content: '';
	position: absolute;
	right: -1%;
	top: 50%;
	margin-top: -13px;
	border-left: 0;
	border-bottom: 13px solid transparent;
	border-top: 13px solid transparent;
	border-right: 15px solid #ffffff !important;
}
.tab-lt div.bhoechie-tab-menu .list-group-item {
	border: none !important;
}
.tab-lt div.bhoechie-tab-menu div.list-group>a .glyphicon, div.bhoechie-tab-menu div.list-group>a .fa {
	color: #666;
	padding: 0 3px 0 8px !important;
}
.tab-lt div.bhoechie-tab-menu div.list-group>a:first-child {
	border-top-right-radius: 0;
	-moz-border-top-right-radius: 0;
}
.tab-lt div.bhoechie-tab-menu div.list-group>a:last-child {
	border-bottom-right-radius: 0 !important;
	-moz-border-bottom-right-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
	-moz-border-bottom-left-radius: 0 !important;
	border-bottom: none !important;
}
.tab-lt div.bhoechie-tab-menu div.list-group>a.active, div.bhoechie-tab-menu div.list-group>a.active .glyphicon, div.bhoechie-tab-menu div.list-group>a.active .fa {
	background-color: #168fce;
	background-image: #ddd;
	color: #fff !important;
	border-color: #ddd !important;
}

.tab-lt div.bhoechie-tab-menu div.list-group > a.active::after {content: ''; position: absolute; right: -4px; top: 55% !important; margin-top: -13px; border-left: 12px; border-bottom: 8px solid transparent; border-top: 8px solid transparent; border-right: 8px solid #168fce; z-index:999;}

.tab-lt div.bhoechie-tab-menu div.list-group > a.active::before {content: ''; position: absolute; right: 0px; top: 55% !important; margin-top: -13px; border-left: 12px; border-bottom: 8px solid transparent; border-top: 8px solid transparent; border-right: 8px solid #fff;}

.tab-lt .rtlnks-cont h4 {
	margin: 6px 0 14px;
}
.tab-lt .tabcount2 {
	font-size: 13px;
}
.res-width9 {
	width: 11.0%;
}
.res-width10 {
	width: 89%;
}
.botcount {
	background: #fff;
	border-radius: 4px;
	color: #000;
	/*font-family: SegoeUIRegular;*/
	font-size: 13px;
	padding: 0 10px 2px;
}
/*** 28 sep 2017 ***/

.background-404 {
	background-color: #61c8e7;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.panel1 {
	background: none !important;
}
.section-404 {
	background: #fff !important;
	border-radius: 0px !important;
	margin: 12% 50px;
	padding: 10% 5% 4%;
	clear: both;
	box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.2);
	-ms-box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.2);
}
/*h1{font-family:Arial, Helvetica, sans-serif !important; font-size:40px !important; text-align:center !important; margin:40px 0px !important; }*/

.phara {
	font-size: 20px !important;
	line-height: 22px;
	text-align: center !important;
	margin: 20px 0px !important;
}
.list-img {
	border: 1px solid #ccc;
	border-radius: 50%;
	height: 50px;
	width: 50px;
}
.spl-overflow180 {
	height: 180px;
	overflow: auto;
}
.spl-padding20 {
	padding: 20px !important;
}
.spl-overflow {
	/* height: 780px; */
	overflow-x: hidden;
	margin-bottom: 10px;
}
.timestamp {
	font-size: 11px;
	display: block;
}
.spl-paddtop16 {
	padding-top: 16px!important
}
.spl-overflow328 {
	height: 328px;
	overflow: auto;
}
.spl-rt-marg33 {
	margin-right: 33px;
}
/*** 05 oct 2017 ***/
	
.caption2 {
	border-bottom: 1px solid #ddd;
	color: #000;
	font-size: 20px;
	width: 100%;
	margin-bottom: 0px;
}
.caption2 a {
	padding-left: 10px;
	font-size: 15px !important;
}
.caption2 a:hover {
	text-decoration: underline !important;
}
.txt-padding {
	padding: 6px;
}
/*div.chosen-container {
	width: 100% !important; margin-bottom:8px !important;
}*/
/*** + Collapse box CSS ***/

.panel-group {
	margin-bottom: 0px !important;
}
.collapse-box2 .panel {
	margin-bottom: 0px !important;
	box-shadow: none !important;
}
.collapse-box2 {
	border: 0px;
	padding: 0px !important;
	box-shadow: none !important;
}
.collapse-box2 .panel-body {
	border: none !important;
	padding: 0px 15px 15px 15px !important;
}
.collapse-box2 .panel-heading {
	padding: 5px 0px !important;
	background: #fff !important;
}
.collapse-box2 .modal-body {
	top: 5px !important;
}
.collapse-box2.panel-title {
	color: #000 !important;
	font-size: 20px !important;
	width: 100%;
}
.collapse-box2 .panel-title a {
	color: #000 !important;
}
.collapse-box2 .panel-title > a:before {
	float: left !important;
	font-family: FontAwesome;
	color: #000 !important;
	content: "\f0d7";
	padding-right: 0px;
	font-size: 25px;
	position: relative;
	top: -2px;
}
.collapse-box2 .panel-title > a.collapsed:before {
	float: left !important;
	content: "\f0da";
	margin-right: 6.5px;
	outline: none;
}
.collapse-box2 .panel-title > a:hover, .panel-title > a:active, .panel-title > a:focus {
	text-decoration: none;
	outline: none;
}
.collapse-box2 .panel-default {
	border-color: transparent !important;
}
.collapse-box2 .panel-body {
	padding: 10px 0px 15px 0px !important;
}
.collapse-box2 > .panel-heading {
	background: #fff !important;
	border: none !important;
	padding: 0px !important;
}
/*** End  + Collapse box CSS ***/

.bg-danger {
	background-color: #dc3545 !important;
}

/*new styles*/


/* 7 Columns css */
.col-centered {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.col-centered > div[class^="col"] {
	float: none;
	display: inline-block;
	font-size: 14px;
	vertical-align: top;
}
.nav-pills > li + li {
	margin-right: 2px;
	margin-left: 0px !important;
	
	/* newly added for spacing - 10-07-2018 */
	margin-bottom:2px;
}
.col-centered img {
	height :55px;
	width: 50px;
	}

.bar-icon{
position: relative;
top: 39px;
width: auto !important;
float: right;
}

.bar-icon img{width: auto !important;}


.nav-pills li:nth-child(1) {
	margin-right: 2px !important;
}


/*.nav-tabs > li{margin-bottom: 2px;}*/

@media (min-width: 1200px) {
/* Seshu 7 columns grid in bootstrap */
.seven-cols .col-md-1, .seven-cols .col-sm-1, .seven-cols .col-lg-1 {
	width: 13.82345%;
}
/* Seshu 5 columns grid in bootstrap */


.col-lg-5ths {
	width: 19.500%;
	float: left;
}
}

@media (max-width: 992px) {
.col-centered > div[class^="col"] {
	float: left;
	display: grid;
}
}
.staff-photo {
	background: #fff;/*#dcecf5*/
    width: 100%;
    padding: 16px;
    height: 140px;
    /* margin: 5px 0px; */
    text-align: center;
	
	border: 1px solid #ccc;
    border-bottom: 3px solid #008fd5;
	border-radius: 5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px;
}
.staff-title {
	/*font-family: SegoeUISemiBold, arial, sans-serif !important;*/
	font-size: 16px;
	line-height: 18px;
	padding-top: 10px;
	color: #000;
	text-align: center;
}


/*.dbmain-topbuttons2 {padding: 15px;}*/

 .right-sublayout .tab-content {
	/*background: #fff;*/
	border: medium none;
	padding: 16px 0 0
} 

.sidebar-nav .table > tbody > tr > td{background:transparent !important; border-bottom:#5c7aa0 solid 1px !important; color:#fff;}

.no-border {
	border: none !important
}
.table > thead > tr > th, .table > thead > tr > td {
	vertical-align: middle !important;
}


.action-col{white-space: nowrap;}


@media (min-width: 1200px)
.seven-cols .col-md-1, .seven-cols .col-sm-1, .seven-cols .col-lg-1 {

    width: 13.82345% !important;

}
/* This's for Notification alert message new - on 11-June-2018*/
.alert-box{background:#fff; width:380px; position:fixed; right:12px; bottom:58px; font-size:14px; padding:20px !important; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; -ms-border-radius:0px; -o-border-radius:0px; border:none !important;}
	.close-box{color:#000 !important;}
	.close-box:hover{color:#333 !important;}

/* new styles for verticle badge for list */
.green-Vbadge, .red-Vbadge, .yellow-Vbadge, .blue-Vbadge {float: left; width: 5px; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 1px;} 
.green-Vbadge{background: #5cb85c;}
.red-Vbadge{background: #d9534f;}
.yellow-Vbadge{background: #ffaa00;}
.blue-Vbadge{background: #428bca;}

.box-green-badge, .box-red-badge, .box-yellow-badge, .box-blue-badge, .box-gray-badge {
	width: 14px;
	height: 10px;
	margin:5px 10px;
	text-align:center;
}
.box-green-badge {
	background-color: #5cb85c !important;
}
.box-red-badge {
	background-color: #d9534f !important;
}
.box-yellow-badge {
	background-color: #ffaa00 !important;
}
.box-blue-badge {
	background-color: #008fd5 !important;
}
.box-gray-badge {
	background-color: #999999 !important;
}
/* August - 2018 */
.list-heading{background:#eee; padding:5px; text-align:center; font-weight:bold;}

/* Style for No Gutter */
.row.no-gutter {margin:0px 0px;} /*margin:5px 0px;*/
.row.no-gutter [class*='col-']:not(:first-child), .row.no-gutter [class*='col-']:not(:last-child) {
	padding-right: 0px !important;	padding-left: 0px !important;}


/* Style for Merit Badge - and the active class, and buttons on mouse-over - 25-09-2018 */
.btn-badge{background-color: #fff; border: 1px solid #ccc; padding: 6px 12px !important;}
.btn-badge.active, .btn-badge:hover, .btn-badge:focus { background-color: #d6d6d6 !important; border: 1px solid #008fd5 !important;}

/* cross application field link indicator */
.green-border{border: 1px solid #00eb0b !important;}
.yellow-border{border: 1px solid #e0ee00 !important;}
.orange-border{border: 1px solid #ff9c00 !important;}
.red-border{border: 1px solid #ff0000 !important;}


.last-login	{color: #FF0000 !important; padding: 2px 0px; text-align: center; margin: 0px !important;}


/* Start Media Queries */

@media screen and (min-width:320px) and (max-width:767px) {
	
	.table-responsive {
    display: block;
    width: 100%;
/*overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;*/
}

.table-responsive1 {
    display: block;
    width: 100%;
overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
	
}

.well_2 {
    min-height: 20px;
    padding: 0px;
    /* margin-bottom: 20px; */
    /* background-color: #f6f9ff !important;*/
    background: rgb(56,162,202); 
    /* background: linear-gradient(90deg, rgba(56,162,202,1) 0%, rgba(56,162,202,1) 9%, rgba(238,250,255,1) 26%, rgba(238,250,255,1) 100%); */
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    font-size: 16px;
}

	.container-bgwraper3 {
    background: #fff !important;
    border-radius: 6px;
    border: 1px solid #ddd;
    /* box-shadow: 0 8px 7px -4px rgba(191, 185, 191, 0.62); */
    box-shadow: 0 2px 2px rgba(0,0,0,.05) !important;
    padding: 16px 16px 16px 16px !important;
    margin: 14px 16px 4px 10px !important;
    float: left;
    /* width: 99%; */
}
.modal-body .control-label {
	margin-bottom: 0px !important;
	text-align: left !important;
}
/*.modal-body .form-control {margin-bottom:8px !important;}*/

.browse .form-control {
	background: #ebebe4 none repeat scroll 0 0;
	margin-bottom: 0px !important;
}
.table-responsive {
	margin-bottom: 8px !important;
	border: none !important;
}
.input-group-btn .add-btn {
	top: 0px !important;
}
.hcount-icon {
	margin: 25px 10px 4px 0 !important;
}
.phead .mhead, .mainhead .mhead {
	font-size: 15px !important;
}
.caption {
	font-size: 18px !important;
}
.nav-tabs > li {
	margin-top: 3px;
}
.xs-botmrg {
	margin-bottom: 5px;
}
.xs-botmrg8 {
	margin-bottom: 8px !important;
}
.xs-topmrg8 {
	margin-top: 5px;
}
.grptbl .input-group {
	position: relative;
	top: 1px;
}
.grptbl .input-group-btn {
	position: relative;
	top: -4px;
}
.fld-text1 {
	text-align: left !important;
	padding: 5px 0;
}
.fld-text3 {
	text-align: left !important;
	padding: 5px 0;
}
.fld-text4 {
	text-align: left !important;
	padding: 5px 0;
}
.indentsubhead {
	margin-left: 10px !important;
}
.dboxarrows {
	margin-top: 0px !important;
}
.dboxarrows2 {
	margin-top: 0px !important;
}
.control-label {
	text-align: left !important;
	width: 100%;
	margin-bottom: 0px !important;
	padding-left: 0px !important;
}
.vertical-divider {
	border-right: none !important;
	padding-right: 0px !important;
	
	min-height:auto !important;
}
/* 14-02-2017 - for mobile's */

.row.no-gutters {
	margin-right: 10px !important;
	margin-left: 10px !important;
}
.dboxarrows3 {
	margin-top: 0px !important;

	margin-left: 125px !important;
}
.section-404 {
	margin: 5% 20px;
	padding: 5%;
}
h1 {
	font-size: 30px !important;
	margin: 20px 0px !important;
}
.phara {
	line-height: 25px;
}
/* */

.res-width1 {
	width: 33.163% !important;
}
.res-width2 {
	width: 99.813% !important;
}
.chkfld {
	float: left !important;
	margin: 8px 0 8px 4px !important;
}
.mrgbtm8-xs {
	margin-bottom: 8px !important;
}
.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
	margin-left: 0px !important;
}
.res-width3 {
	width: 33.4% !important;
}
.res-width4 {
	width: 99.8% !important;
}
.blue-bar2 {
	padding-left: 0px;
}
.blue-bar3 {
	padding-left: 0px;
}
/* Checking Responsive 12-10-2017 */

.main-header {
	padding: 0px 15px !important;
}

.DBBodyContent {
	padding: 16px 0px !important;
}
/*.hi {
	padding-top: 0px !important;
}*/
.ltsidecol {
	margin: 16px 0px 0px !important;
}
.dbmain-topbuttons2 {
	padding: 16px 0px;
}

.container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
    width: 100%;
    padding-right: 15px !important;
    padding-left: 15px !important;
    margin-right: auto ;
    margin-left: auto;
}
.container {
	padding-left: 10px !important;
	padding-right: 10px !important;
}
.row {
	margin-left: -10px !important;
	margin-right: -10px !important;
}

.tab-content {
	min-height: auto !important;
	padding: 16px 0px;
}
/* 02-11-2017 */
.calendar-section {
	width: 90px;
}
/*footer*/
.copyright {font-size: 12px; text-align: center !important;}
.support {font-size: 12px; text-align: center !important;}
.version {font-size: 12px; text-align: center !important;}
		
.copyright-padding{padding:5px 0px !important;}
.privacy-terms{width:100%; padding:5px 0px 5px 0px !important; text-align:center;}

.filter-box, .filter-box-right {
    border-left: none !important;
    border-right: none !important;
    /* float: left; */
   
   /* padding-left: 0px !important;*/
}

.login .login-form {width:100% !important; margin: 3% auto;}

/* This's for Notification alert message new - on 11-June-2018*/
.alert-box{background:#fff; width:94% !important; right:12px; bottom:5px;}

.shadow-section-left {margin-right: 0px !important;}

.tab-lt div.bhoechie-tab-menu div.list-group > a.active::after {display:none;}
	
.last-login	{display: none;}
	
	
}

@media (min-width:360px) {
.logo {
	margin: 6px 0px 6px 0px !important;
   /*  float: left; */
}
.search {
	margin: 25px 0 6px;
}
.navbar-collapse.in {
	overflow-y: visible !important;
}
.login .login-form {
	width: auto;
}
}

@media(min-width:768px) {
#page-wrapper {
	position: inherit;
	margin: 0 0 0 278px;
}
.sidebar {
	z-index: 1;
	/*position: absolute;*/
	width: 267px;
	/*padding-right: 11px !important;*/
	background: #31598c !important; border-top-left-radius: 6px !important; border-top-right-radius: 6px !important; margin-top:16px;
	/*border-right: 1px solid #ccc;*/
}
/*.img-full{width:100%;}*/
li.list-inline-item.tlg {
    margin-right: 0px !important;
   /*  margin-left: -22px; */
    padding-left: 0px;
    margin-right: !important;
    position: relative;
   /*  left: 60px; */
}
	
}

@media (min-width:980px) {
div[class^="col"] {
	padding-left: 5px;
	padding-right: 5px;
}
.row {
	margin-right: -5px !important;
	margin-left: -5px !important;
}
}

@media screen and (max-width:1280px) {
	
	.blu-box-txt {
    padding: 33px 0px 19px 0px !important;
    font-size: 13px;
}
.spl-mth1280 {
	margin-right: 200px;
}
/*.img-full{width:100%;}*/

/*.img-full { width:100%}*/

/*.BodyContent {
    background: #d3eeff;
    background: -moz-linear-gradient(top, #d3eeff 0%, #d3eeff 300px, #f8f8f8 300px, #f8f8f8 100%);
    background: -webkit-linear-gradient(top, #d3eeff 0%, #d3eeff 300px, #f8f8f8 300px, #f8f8f8 100%);
    background: linear-gradient(top bottom, #d3eeff 0%, #d3eeff 300px, #f8f8f8 300px, #f8f8f8 100%);
    background: -ms-linear-gradient(top, #d3eeff 0%, #d3eeff 300px, #f8f8f8 300px, #f8f8f8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3eeff', endColorstr='#f8f8f8', GradientType=0 );
}*/


}

@media screen and (min-width:980px) and (max-width:1279px) {
.indentsubhead {
	margin-left: 100px;
}
}

@media screen and (min-width:320px) and (max-width:1600px) {
.tform-width, .colform-width {
	width: auto !important;
}
.spl-nowidth {
	width: auto !important;
}
	
	
	
}

@media screen and (min-width:320px) and (max-width:767px) {
div[class^="col"] {
	padding-left: 5px;
	padding-right: 5px;
}
.row {
	margin-right: -5px !important;
	margin-left: -5px !important;
}
/*.nav-pills > li {
	margin-top: 2px !important; // This commented by Seshu duo to fixing alignment issues - July-02-2018.
}*/
	
	
.aside-section{margin: 16px 0px !important;}	
	
}

@media screen and (min-width:768px) and (max-width:1023px) {
	
.hi {
	padding-top: 28px !important;
	font-size: 16px !important;
	line-height: 24px;
}
.bformat {
	text-align: right !important;
	float: right;
}
.dboxarrows {
	margin-top: 0px !important;
}
.control-label-date {
	text-align: left !important;
}
/*.img-full{width:100%;}*/

.filter-box {
    border-left: none !important;
    /* float: left; */
   
    /*padding-left: 0px !important;*/
}

.button-section {bottom: 48px !important;}
	
/*footer*/
.copyright {font-size: 12px; text-align: center !important;}
.support {font-size: 12px; text-align: center !important;}
.version {font-size: 12px; text-align: center !important;}


.ltsidecol {
	margin: 20px 0px 20px 0px !important;
}

.aside-section{margin: 16px 0px !important;}
	
.compensation-cover-lt{border-left:none; min-height:auto!important;}
	
.last-login	{text-align: left;}	

}

@media screen and (min-width:768px) and (max-width:1200px) {
.res-width1 {
	width: 33.163% !important;
}
.res-width2 {
	width: 66.812% !important;
}
.spl-topmrg16 {
	margin-top: 16px !important;
}
.res-width3 {
	width: 33.4% !important;
}
.res-width4 {
	width: 66.6% !important;
}
.dboxarrows3 {
	margin-top: 38px !important;
	margin-left: 20px !important;
}
.res-width9 {
	width: 33% !important;
}
.res-width10 {
	width: 67% !important;
}
/*.img-full{width:100%;}*/

.container {
	padding-left: 10px;
	padding-right: 10px;
}

.row {
	margin-right: -10px !important;
	margin-left: -10px !important;
}

div[class^="col"] {
	padding-left: 10px;
	padding-right: 10px;
}

.staff-photo{margin: 5px 0px !important;}



.ltsidecol {
	margin: 20px 0px 20px 0px !important;
}

}

@media screen and (min-width:992px) and (max-width:1200px) {
.res-width1 {
	width: 16.65% !important;
}
.res-width2 {
	width: 83.35% !important;
}
/*.img-full{width:100%;}*/

}

.popdis {
	padding: 10px;
	font-weight: bold
}
.popdis p {
	padding-bottom: 10px;
	padding-left: 6px;
}


.rtlnks-cont {
	padding: 10px 10px 21px 19px!important;
}
.bday-box {
	border: #ddd solid 1px;
	padding: 10px 16px !important;
	margin-bottom: 8px;
}


/* -------Dashboard CSS--------------------------------------------------------------- */

.dashboard.rtlnks-cont {
	min-height: 377px !important;
}
.dashboard.bday-box {
	padding-left: 20px !important;
}

.dashboard.dbtabs .dashboard.rtlnks-cont h4 {
	margin: 6px 0 0;
}
.dashboard.sbtn {
	background: #fff none repeat scroll 0 0;
	border-radius: 4px;
	color: #000 !important;


	display: block;
	font-size: 12px;
	margin: auto !important;
	padding: 6px 12px;
	text-align: center;
	white-space: nowrap;
	width: 100px;
}

.dashboard.phead, .dashboard.mainhead {
	margin-bottom: 16px !important;
}
 .dashboard .table > thead > tr > th {
/*	background:#f5f5f5 !important;*/
	border-bottom: 1px solid #ddd !important;
	border-top: 1px solid #ddd !important;
	color: #000 !important;
	font-weight: normal;
	padding: 6px 10px 6px !important;
	font-size: 16px;
} 
.dashboard .tab-content {
	background:#fff;
	border: medium none !important;
	/*min-height: 350px !important;*/
	/*overflow: hidden;*/
	padding: 0px 16px 16px 0px !important;
}
.mbalink{ padding-right:15px !important; text-align:right;}

.spl-pdg16 {padding:20px 21px 20px 21px !important;}
.dashboard .ltsidecol .pph {
	background: #168fce;
	padding: 20px 20px 6px 20px;
	text-align: center;
	color: #fff; /*border-top-left-radius: 6px; border-top-right-radius: 6px;*/
}
.dashboard .phead, .dashboard .mainhead {
	margin-bottom: 16px !important;
}

.dbtabs .rtlnks-cont h4 {
	margin: 6px 0 14px;
}
.phead, .mainhead {
	background: #008FD5;
	color: #fff;
	float:left;
	width:100%;
	margin-bottom:8px;
	height:39px; /* This's added as a new property suggested by Ven */
	padding: 8px 1px 6px 7px;
	vertical-align: middle;
}



.media-left, .media-right, .media-body {
	display: table-cell;
	vertical-align: middle;
}
.spl-padding10{
	padding:10px !important
}

/*.txt-break{word-break:break-all;}*/

abbr {
    text-decoration: none;
}
/* This is for Self Service Dashboard - Without EMP name */
.bars{margin-right:23px;}

/*** 23 may 2018 Done By Ashok ***/

.accordion{margin-bottom:0px;}

.accordion-group{margin-bottom:0px;border:0px solid #e5e5e5;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}

.accordion-heading{border-bottom:0;}

.accordion-heading .accordion-toggle{display:block;padding:0px;}

.accordion-toggle{cursor:pointer;}

.accordion-inner{padding:0px;border:1px solid #e5e5e5; border-bottom:none; margin:-16px 0 8px 50px;} 

.line-box{border-left:#ccc solid 1px; border-bottom:#ccc solid 1px; height:25px; width:17px; left:30px; position: relative;}

.table > tbody + tbody{border-top:#eee solid 2px !important;}

.kpi-btn{background:#f07047 !important; color:#fff !important; padding:3px 8px 2px 8px !important; border:#f07047 solid 1px !important; font-size: 12px !important;}

.kpi-btn:hover, .kpi-btn:focus{background:#f07047 !important; border:#f46722 solid 1px !important;}


/* Personal - style for height */
.height-section1{min-height:590px;} /* 515 - Suggested by Sudha */
.height-section2{min-height:730px;} /* 680 - Suggested by Sudha */

#menuBarDiv .btn {padding: 6px 12px !important; font-size: 14px !important;}
.container-bgwraper .tab-content{padding: 16px 0px 0px;}

.aside-section{background: #fff; border: 1px solid #ddd; width: 100%; padding: 10px 15px; font-size: 22px; font-weight: bold; color: #999; text-align: center; line-height: 27px;}


/*** Calendar CSS ***/
.fc-day-header.fc-widget-header.fc-sun, .fc-day-header.fc-widget-header.fc-mon, .fc-day-header.fc-widget-header.fc-tue, .fc-day-header.fc-widget-header.fc-wed, 
.fc-day-header.fc-widget-header.fc-thu, .fc-day-header.fc-widget-header.fc-fri, .fc-day-header.fc-widget-header.fc-sat {
    background-color: #d9eeff !important; color:#060606 !important; height: 30px !important; vertical-align: middle !important; font-weight: 300; font-size: 16px; 
    }
	

/*ssstyle.css End*/


/* developers-styles-bootstrap.css  start*/


.errorfild{
	color:#ff0000;
	font-size:11px;
	display:block;
	position:relative !important;
	top:-6px !important;
	/* top:3px;*/
	text-align: left !important;
}

.PgNaNav .PgNum .noActi {
    background-color: #fff;
    border: 1px solid #ddd;
    color: #428bca;
    float: left;
    line-height: 22px;
    padding: 6px 12px;
    position: relative;
    text-decoration: none;
}
/*Added by siva prasad kona  */
.PgNaNav .PgNumAjax .noActi {
    background-color: #fff;
    border: 1px solid #ddd;
    color: #428bca;
    float: left;
    line-height: 22px;
    padding: 6px 12px;
    position: relative;
    text-decoration: none;
}

.pnation {
    display: inline-block;
    margin: 6px 0 -4px !important;
    padding-left: 0;
}
	

.pnation > div { display: inline;}
.pnation>div>a {
	/* background-color: #fff; */
    color: #428bca;
    float: left;
    line-height: 21px;
    padding: 6px 12px;
    position: relative;
    text-decoration: none;
    margin-left: -1px !important;
}

.pnation > div > a:hover{background:#f2f2f2;}
.pnation>.PgNum>a, .pnation>.PgNum>a:focus {
	/* background-color: #fff;
    border: 1px solid #ddd;
    color: #428bca;
    cursor: pointer; z-index: 2;
    border: 1px solid #ddd; */
    padding-bottom: 2px;
    border-radius: 22px !important;
}

.pnation .PgNum .acti{
	background-color: #428bca !important;
    border-color: #999 !important color: #fff !important;
    color: #fff !important;
    padding-bottom: 2px;
}
/*Added by siav prasad kona  */
.pnation > .PgNumAjax > a,  .pnation > .PgNumAjax > a:focus{
background-color: #fff; border: 1px solid #ddd; color: #428bca; cursor: pointer; /* z-index: 2; */border: 1px solid #ddd; text-align: }
.pnation .PgNumAjax .acti{
	background-color: #999 !important;
	border-color: #999 !important
	color: #fff !important; 
	/* z-index: 2 !important; */
	border: 1px solid #999 !important;
	cursor: default !important;
	color: #fff !important;
}
.pnation > div > a img {  padding: 4px 0px 8px;}
.pnation .PreNxt {border-bottom-left-radius: 4px; border-top-left-radius: 4px; margin-left: 0px; cursor: default;}
    
.pnation > div > a .span-valign{ position: relative; top: 1px;}
.pnation>div:first-child>a {
	border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    margin-left: 0px;
    /* height: 35px; */
    border-radius: 24;
    border-radius: 24px !important;
    padding: 2px 10px;
    margin: 0px 13px;
}

.pnation>div:last-child>a {
	/* border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    margin-left: 0px;
    height: 35px; */
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    margin-left: 0px;
    /* height: 35px; */
    border-radius: 24px !important;
    padding: 0px 12px;
    margin: 0px 13px;
}
/* .pnation .PgNum .acti:first-child  {border-bottom-left-radius: 4px; border-top-left-radius: 4px; margin-left: 0px; height: 21px;}
.pnation .PgNum .acti:last-child  {border-bottom-right-radius: 4px; border-top-right-radius: 4px; margin-left: 0px; height: 21px;} */
.PgNaNav .PreNxt {
    background:#fff;
    border: 1px solid #CECECE;
    float: right;
    padding: 0px 6px;
    text-align: center;
    margin:5px 3px;
    line-height: 28px;
    
}
.PreNxt a {
    color: #363636;
    font-size:13px;font-family: "Segoe UI", "Segoe UI Light", "Lucida Sans Unicode", Tahoma;
    cursor: pointer;
    padding: 6px 2px 6px 2px;
}

.PgNaNav .Prelst {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #CECECE;
    float: right;
    padding: 6px 6px;
    text-align: center; margin:5px 3px;
}
.Prelst a {
    color: #363636; font-size:13px;font-family: "Segoe UI", "Segoe UI Light", "Lucida Sans Unicode", Tahoma;
    cursor: pointer;
}
.PreNxt .nx {
    border-right: 1px solid #CCCCCC;
    cursor: pointer;
    padding-right: 4px;
}
.PreNxt .lx {
    border-left: 1px solid #CCCCCC;
    cursor: pointer;
    padding-left: 4px;
}
.PgNaNav .PgNum {
    float: right;
    margin: 10px 0 0 0;
    padding: 2px 0 0;
}
.PgNaNav .PgNum a {
    cursor: pointer;
    margin: 0 2px;
}
.PgNaNav .PgNum .acti {
    background:#52c3ff;
    color: #FFFFFF;
    margin: 0 5px;
    padding:5px 11px;border: #4fa5d3 solid 1px;
}

/* Added by siva prasad kona */
.PgNaNav .PgNumAjax {
    float: right;
    margin: 10px 0 0 0;
    padding: 2px 0 0;
}
.PgNaNav .PgNumAjax a {
    cursor: pointer;
    margin: 0 2px;
}
.PgNaNav .PgNumAjax .acti {
    background:#52c3ff;
    color: #FFFFFF;
    margin: 0 5px;
    padding:5px 11px;border: #4fa5d3 solid 1px;
}

/* Chosen select CSS  */


.chzn-container {
    position: relative;
  display: inline-block;
  vertical-align: middle;
  /*font-size: 13px;*/
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
	
	/* newly added*/
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s !important;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !important;
	
	margin-bottom: 8px !important;
    width: 100% !important;
}

.chzn-container.chzn-container-single:hover, .chzn-container-single .chzn-single:focus, .chzn-container:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6) !important;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6) !important
}

.chzn-container .chzn-drop {
	/* position: inherit;
    width: 129px;
    left: 0px;
    top: 0px; */
   background: #fff;
  border: 1px solid #ccc;
  border-top: 0;
  position: absolute;
  top: 29px;
  left: 0.1px;
  /* -webkit-box-shadow: 0 4px 5px rgba(0,0,0,.15);
  -moz-box-shadow   : 0 4px 5px rgba(0,0,0,.15);
  -o-box-shadow     : 0 4px 5px rgba(0,0,0,.15);
  box-shadow        : 0 4px 5px rgba(0,0,0,.15); */
  z-index: 1010;
 width: 100% !important; 
}
.chzn-container .chzn-results .active-result.result-selected{
	background: #168fce;
	color:#fff;
	
	
}

.chzn-container-single .chzn-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 4px 20px 6px 10px !important;
  height: 34px;
  border: 1px solid #999;
  border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px;
  /* border-bottom-right-radius:0px !important;
  border-top-right-radius:0px !important; */
  
  background-color: #fff;
 /* background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #fff), color-stop(50%, #f6f6f6), color-stop(52%, #eee), to(#f4f4f4));
  background: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);*/
  background-clip: padding-box;
  /*-webkit-box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);*/
  color: #000 !important;
  text-decoration: none;
  white-space: nowrap;
  /*line-height: 34px;*/
  /* margin-bottom: 8px !important; */
	
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
   
}

.input-group .chzn-container-single .chzn-single{
	border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important; }

/*.chzn-container-single .chzn-single {
  background: whitesmoke;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccc', endColorstr='#ccc', GradientType=0 );   
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #ccc), color-stop(50%, #ccc), color-stop(52%, #ccc), color-stop(100%, #ccc));
  background-image: -webkit-linear-gradient(top, #ccc 20%, #ccc 50%, #ccc 52%, #ccc 100%);
  background-image: -moz-linear-gradient(top, #ccc 20%, #ccc 50%, #ccc 52%, #ccc 100%);
  background-image: -o-linear-gradient(top, #ccc 20%, #ccc 50%, #ccc 52%, #ccc 100%);
  background-image: -ms-linear-gradient(top, #ccc 20%, #ccc 50%, #ccc 52%, #ccc 100%);
  background-image: linear-gradient(top, #ccc 20%, #ccc 50%, #ccc 52%, #ccc 100%); 
  -webkit-border-radius: 5px;
  -moz-border-radius   : 5px;
  -moz-background-clip   : padding;
  -webkit-background-clip: padding-box;
  background-clip        : padding-box;
  -webkit-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
  -moz-box-shadow   : 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
  box-shadow        : 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
  display: block;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  height: 23px;
  line-height: 24px;
  padding: 0 0 0 8px;
  color: #444444;
  text-decoration: none;
}

*/.chzn-container-single .chzn-default {
  color: #999;
}

.chzn-container-single .chzn-single span {
    display: block;
    font-size: 13px;
    overflow: hidden;
    padding: 3px 0;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap; color:#000;
}


.chzn-container-single .chzn-single abbr {
  display: block;
  position: absolute;
  right: 20px; /*right: 26px;*/
  top: 10px;
  width: 12px;
  height: 13px;
  font-size: 1px;
  background: url('../images/chosen-sprite.png') right top no-repeat;
}
.chzn-container-single .chzn-single abbr:hover {
  background-position: right -11px;
}
.chzn-container-single.chzn-disabled .chzn-single abbr:hover {
  background-position: right top;
}
.chzn-container-single .chzn-single div {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  height: 100%;
  width: 18px;
}

.chzn-container-single .chzn-single div b {
    background: rgba(0, 0, 0, 0) url("../images/chosen-sprite.png") no-repeat scroll 0 0;
    display: block;
    height: 100%;
    position: relative;
    top: 4px;
    width: 100%;
}
.chzn-container-single .chzn-search {
  padding: 3px 4px;
  position: relative;
  margin: 0;
  white-space: nowrap;
  z-index: 1010;
}
.chzn-container-single .chzn-search input {
  background: #fff url('../images/chosen-sprite.png') no-repeat 100% -22px;
  /* background: url('../images/chosen-sprite.png') no-repeat 100% -22px, -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background: url('../images/chosen-sprite.png') no-repeat 100% -22px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url('../images/chosen-sprite.png') no-repeat 100% -22px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url('../images/chosen-sprite.png') no-repeat 100% -22px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url('../images/chosen-sprite.png') no-repeat 100% -22px, -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url('../images/chosen-sprite.png') no-repeat 100% -22px, linear-gradient(top, #eeeeee 1%, #ffffff 15%); */
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  outline: 0;
  border: 1px solid #aaa;
  font-size: 1em;
  width: 100% !important;
}

.chzn-container .chzn-results {
  margin: 0 0px 0px 0;
  max-height: 210px;
  padding: 0 0 0 0px;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  color: black;
}

.chzn-container .chzn-results li {
  display: none;
  line-height: 22px;
  padding: 2px 5px;
  margin: 0;
  list-style: none;
  text-align:left; color:#000;
}
.chzn-container .chzn-results .active-result {
  cursor: pointer;
  display: list-item; color:#000;
}

.chzn-container .chzn-results li:hover{ color:#fff !important; background:#008FD5 !important;}


.chzn-container-multi .chzn-choices {
  background-color: #fff;
 /*  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%); */
 /*  background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background-image: -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background-image: -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background-image: linear-gradient(top, #eeeeee 1%, #ffffff 15%); */
  border: 1px solid #999;
  margin: 0;
  padding: 0;
  cursor: text;
  overflow-y: auto;
  height: auto;
  position: relative;
  padding-bottom: 3.5%;
  
  /* border-bottom-right-radius:0px !important;
  border-top-right-radius:0px !important; */
  
  border-radius:4px !important;
  
}




.chzn-container-multi .chzn-choices li {
  float: left;
  list-style: none;
}
.chzn-container-multi .chzn-choices .search-field {
  white-space: nowrap;
  margin: 0;
  padding: 0;
}
.chzn-container-multi .chzn-choices .search-field input {
  color: #666;
  /* background: transparent !important; */
  border: 0 !important; 
  font-size: 100%;
  /*height: 17px;*/
  padding: 5px;
  margin: 1px 0;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow   : none;
  -o-box-shadow     : none;
  box-shadow        : none;
  /*Added to show full length of placeholder in input field like('multiselect')*/
  width: 100% !important;
  
}
.chzn-container-multi .chzn-choices .search-field .default {
  color: #999;
}
.chzn-container-multi .chzn-choices .search-choice {
 -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    /* background-clip: padding-box; */
    background-color: #eeeeee;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0 );
    /* background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee)); */
    /* background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); */
    background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    /* -webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05); */
    -moz-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
    /* box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05); */
    color: #0c0c0c;
    border: 1px solid #ddd;
    line-height: 13px;
    padding: 4px 22px 5px 7px;
    margin: 3px 0 3px 3px;
    position: relative;
    cursor: default;
}
.chzn-container-multi .chzn-choices .search-choice-focus {
  background: #d4d4d4;
}
.chzn-container-multi .chzn-choices .search-choice .search-choice-close {
  display: block;
    position: absolute;
    right: 3px;
    top: 6px;
    width: 12px;
    height: 13px;
    font-size: 1px;
    background: url(../images/chosen-sprite.png) right top no-repeat;
}
.chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover {
  background-position: right -11px;
}
.chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close {
  background-position: right -11px;
}

.chzn-container-multi .chzn-choices:hover {
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6) !important;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6) !important;
}

.chzn-container .chzn-results .group-result {
cursor: default;
color: #999;
font-weight: bold;
}
.mlselect{
height:70px !important;	

}
.highlighted{
	/* background-color: #CBD2D6;
	border-radius: 0px; */
}	
	
.spl-mrg-bot0 {
	margin-bottom: 0px !important;
}	
	
	
	
/* ---- added by suresh for dollar symbol -----------------*/
.currny-img{
	padding-bottom: 4px;
}
.year-drop-down{
	width: 80px !important;
    height: 30px;
    margin-top: -5px;
    margin-right: -9px;
    padding-left: 0px !important;
    padding-top: 4px !important;
}	
@media screen and (min-width:320px) and (max-width:768px) {
	.year-drop-down{
	width: 80px !important;
    height: 30px;
    margin-top: -11px;
    margin-right: -9px;
    padding-left: 0px !important;
    padding-top: 4px !important;
}	
}
.currency .form-control{
	padding: 7px 6px 7px 15px !important;
} 
.bConfirmButtons{
	margin-right: 10px;
	float:right;
	}
	
.alert3 {
	margin: 1px 0 16px 0 !important;
	padding: 13px 15px 15px !important;
}
.alert4 {
	margin: 7px 0 16px 0 !important;
	padding: 13px 15px 15px !important;
}

.modal-body1{padding:4px !important;}
.modal-footer1 {padding:16px 16px 16px 16px !important; border-top:none !important; text-align:right;}
.text-Vcenter {position: relative; top: 2px;}
/*.modal-body1 .nav-pills > li > a {border-radius: 0px !important; background: #fff !important; border-bottom:none; padding: 4px 5px 5px 15px!important;}
.modal-body1 .nav-pills > li > a:hover {background: #eee !important; color: #000 !important;}
.modal-body1 .nav-pills > li {margin-top: 0px !important;}*/
.arrow{
	    margin-top: 10px;
}
.tooltip.in {
	opacity: 1 !important;
}
.tooltip-inner {
	max-width:500px;
	padding: 15px;
	text-align: left;
	font-size: 14px;
	line-height: 23px;
	z-index: 3000;
 	/*font-family: SegoeUIRegular, arial, sans-serif !important;*/
}
/* input[type="checkbox"] {
margin:4px 4px 0px 0px;	
} */

.customRadio{
	margin: 9px 5px 0px 0px !important;
	}
/* @media screen and (min-width:320px) and (max-width:767px) {
.spl-xs-tpmrg8{margin-top:8px !important;}
} */

h4.modal-title, .h4 {
    font-size: 18px !important;
}

@media (max-width: 768px){
/*.nav-tabs > li > a {
margin-bottom:4px;	
}*/
/* .btn-sutisoft {
    margin-bottom: 4px;
} */
}

/* Added by Prasad M */
.txt-area-element {
	
	width: 100% !important; 
	/*max-height: 150px !important;*/ 
	resize: vertical !important; 
	border: 1px solid #ccc !important;
	padding: 5px !important; 
	margin-top: 6px !important;
	
}
@media (max-width: 768px){
	.actionsTh{
	width:15% !important
	}
}

.spl-txtfldW40{
	width: 40px !important;
	color: #000 !important;
}
.spl-txtfldW100{
	width: 100% !important;
}
.spl-spanpad7{
	padding-left: 7px !important;
}
.spl-spanbc{
background-color: #ebebe4 !important;
}


/* added by Rambabu for bullets and numbers in line editors */
.Editor-editor ul li {
display: list-item;
list-style-type: disc !important;
/* list-style-position: inside !important; */
 
}
.Editor-editor ol li {
display: list-item;
list-style-type: decimal;
/* list-style-position: inside; */
 
}
/* For Disabled chosen select */
.chzn-disabled {
    background: #ebebe4 none repeat scroll 0 0;
}
/* used in applty time off screen */
div.timeOffInformation {
    display: list-item;          /* This has to be "list-item"                                               */
    list-style-type: disc;       /* See https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-type     */
    list-style-position: inside; /* See https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-position */
}
.chzn-container-multi .chzn-choices {
border: 1px solid #ccc;
min-height: 34px !important;
padding-bottom: 0%; 
}

/* used for applying dots if data value is length */

.table-bordered > tbody > tr > td{
max-width: 140px;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
/* If don't want ellipsis in table */
 .table-bordered > tbody > tr > td.no-ellipsis{
	max-width: inherit !important;
	 /* overflow:scroll !important; */ 
} 
.table-striped > tbody > tr > td{
max-width: 100px;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
/* If don't want ellipsis in table */
 .table-striped > tbody > tr > td.no-ellipsis{
	max-width: inherit !important;
	overflow: inherit !important;
} 



/* Added for datepicker borders, which are coming while picker in a table pages like Menu | Time Management| Timesheets(Only for SACW)*/
.table-condensed th, .table-condensed td{
	border: 0px solid #ddd !important; 
}


.qb {
	border: 1px solid #fff !important;
	padding: 0px !important;
	top: 2px !important;
}
@media (min-width: 768px){
	.chzn_select_mrg_btm {
	margin-bottom:  8px;
	}
	}

/* developers-styles-bootstrap.css  end*/


/* styles-new-design.css start*/

/* .BodyContent {
	background: #d3eeff; Old browsers
	background: -moz-linear-gradient(top, #d3eeff 0%, #d3eeff 350px, #f8f8f8 350px, #f8f8f8 100%); FF3.6-15
	background: -webkit-linear-gradient(top, #d3eeff 0%, #d3eeff 350px, #f8f8f8 350px, #f8f8f8 100%); Chrome10-25,Safari5.1-6
	background: linear-gradient(top bottom, #d3eeff 0%, #d3eeff 350px, #f8f8f8 350px, #f8f8f8 100%); W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+
	background: -ms-linear-gradient(top, #d3eeff 0%, #d3eeff 350px, #f8f8f8 350px, #f8f8f8 100%); IE10-11
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3eeff', endColorstr='#f8f8f8', GradientType=0 ); IE6-9
} */
.toggle-gear, .toggle-lines {
	position: absolute;
	right: 10px;
	bottom: 6px;
}
.toggle-gear .fa-cog {
	color: #999 !important;
	font-size: 15px;
}
div.bhoechie-tab-menu div.list-group>a {
	padding: 15px 10px 14px !important;
}
.bhoechie-tab-menu div.list-group>a.active:after {
	top: 12px !important;
}
/*div[class^="col"] {
	padding-left: 10px;
	padding-right: 10px;
}
.row {
	margin-right: -10px !important;
	margin-left: -10px !important;
}*/
/*New styles for New Dashboard - 07-01-2019*/
/*New styles for New Dashboard - 07-05-2020--vamshi*/
.top-section {
/*	background: #333333;*/
	
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#75c2e0+1,3192b3+100 */
background: #1a8ecd; 
/*background: -moz-linear-gradient(left,  #75c2e0 1%, #3192b3 100%); /* FF3.6-15 */
/*background: -webkit-linear-gradient(left,  #75c2e0 1%,#3192b3 100%); /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(to right,  #75c2e0 1%,#3192b3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75c2e0', endColorstr='#3192b3',GradientType=1 ); /* IE6-9 */

}
.top-section .list-inline > li{padding: 7px 10px !important; padding-right: 0px !important; position:relative;}
.headingCount {
    border: #005a9e solid 1px;
    border-radius: 4px;
    color: #005a9e;
    font-size: 11px;
    padding: 0px 3px 0px;
    line-height: 16px;
    text-align: center;
    position: absolute;
    margin-top: -9px;
    margin-left: -6px;
    z-index: 1;
    background: #fff;
}

.profile-section {
	width: 100%;
	float: left;
	padding: 12px 0px;
	height:86px;
}
.profile-pic {
     width: 40px;
    height: 40px;
    border: 1px solid #ddd;
    border-radius: 100%;
    float: right;
    margin-left: 18px;
    overflow: hidden;
    position: relative;
    top: 5px;
}
.profile-pic img {
	width: 100%;
}
p {
	margin:0px 0px 5px 0px !important;
}
.logo {
	/*margin: 10px 0px 10px 0px !important;*/
}

/*.table {
	white-space: nowrap !important;
}*/

/*.table tr {
    background: #f2f2f2;
}*/

 .panel .table tr {
    background: #f2f2f2 !important;
} 

.left-sublayout .table tr {
    background: transparent !important
}


 .table > thead > tr > th, .table > tbody > tr > th,  .table > tfoot > tr > th,  .table > thead > tr > td,.table > tbody > tr > td,  .table > tfoot > tr > td {
	padding: 12px 10px 8px 10px !important;
	/*vertical-align: middle; */
	/*new*/
	background: #f2f2f2 !important;
	/*background: #fff !important;*/
	border-bottom: 1px solid #fff !important;
}
.table > thead > tr > th {
	background: #d9eeff !important;
	color: #000 !important;
	padding: 6px 10px !important;
	/*new*/
	border-bottom: 1px solid #fff !important;
	border-left: 1px solid #b9dfe1 !important;
	
}

.panel-body1 .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr  { 
background:#fff !important; border-top: none !important; border-bottom: 1px solid #f5f5f7 !important; line-height: 17px !important; white-space: nowrap; padding: 4px 10px 2px 10px !important;}
.dataTable > thead > tr > th, .dataTable > tbody > tr > th,  .dataTable > tfoot > tr > th,  .dataTable > thead > tr > td,.dataTable > tbody > tr > td,  .dataTable > tfoot > tr > td {
	
	vertical-align: middle; 
	/*new*/
	/* background: #f2f2f2 !important; */
	border-bottom: 1px solid #fff !important;
}
.dataTable > tbody {
	 background: #f2f2f2 !important;
	     font-size: 16px;
}
.dataTable > thead > tr > th {
	background: #d9eeff !important;
	color: #000 !important;
	
	/*new*/
	border-bottom: 1px solid #fff !important;
}


.table-striped > tbody > tr:nth-of-type(2n+1) {
	background-color: #f2f2f2;
}
.main-section .tab-content .spl-border tr td {
	padding: 4px 5px !important;
}

.spl-top22 {
	position: relative;
	top: 12px !important;
	left: 10px !important;
}
.actions {
	float: right;
}
/*.actions a {
	color: #fff !important;
	background: #008fd5;
	border: 1px solid #fff !important;
	border-radius: 3px;
	height: auto;
	font-size: 12px;
	padding: 1px 5px 2px 5px;
	margin: 2px 0px 0px 10px !important;
	position: relative;
	top: 0px;
	float: left;
}*/
.help {
	float: right;
	margin-top: -9px;
}
.help a {
	position: relative;
	color: #fff !important;
	/*background: #008fd5;*/
	margin: 0px 0px 0px 5px;
	top: -1px; /* making currect top margin for Help icon */
}
.help .fa {
	display: inline-block;
	font: 25px/1 FontAwesome;
	text-rendering: auto;
	color: transparent;
}
/*.footer {
	margin-top: 20px !important;
}
*/
.spl-table .table > thead > tr > th{padding:0px 10px !important;}

.spl-table .inner-table table > tbody > tr > td{padding:7px 0px !important;}


.hiring-active-box{text-align:center; padding:10px 0;}

.hiring-active-box .circle-label{padding:5px 0px; color:#000; font-size:14px;}

.hiring-active-box .badge{min-width: 24px; width: auto; height: 24px; background: #fff !important; color: #000 !important; font-size: 14px !important; font-weight: bolder !important; padding: 4px !important; position: absolute; top: 5px; right: 5px; border-radius: 100% !important; text-align: center; border:#ddd solid 1px;}

.hiring-active-box .circle-btn{box-shadow:none !important;}

.subhead2{background: #eee; color: #000; font-size: 14px; margin: 0px 0; padding:10px 8px; width: 100%;}

.menu-box{border:#ddd solid 1px; padding:8px; margin-bottom:0px; position: relative; display: block; margin-bottom:8px; cursor:move;}

.connected .panel:last-child{margin-bottom:0px !important;}

.menu-box > .icon {float: right;}

.icon {display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 15px; font-weight: 700; line-height: 1; color: #666; text-align: center; white-space: nowrap; vertical-align: middle;
    border-radius: 10px;}
	
.menu-box-inner{width:95%; float:right;}
	
div .sortable-placeholder {border: 1px dashed #CCC !important; background: #f2f2f2 !important; height:34px; margin-bottom:8px;}

.connected .panel{min-height:auto !important;}

.connected .panel-default > .panel-heading{background:#fff !important; border:#ddd solid 1px !important; color:#000; border-radius:0px !important; padding:10px 8px !important;}

.connected .panel-title{ font-size: 14px !important;}

.connected .panel-title > a.collapsed::before {float: right !important; content: "\f0d7";font-size: 20px; top: -3px !important; position: relative; color:#666;}

.connected .panel-title > a::before {float: right !important; font-family: FontAwesome; content: "\f0d8"; padding-right: 5px;font-size:20px;top: -3px !important; position: relative; color:#666;}

.connected .panel-body{border: 1px solid #ddd !important; border-top:none !important; border-radius:0px !important; }

/* fixed buttons and copyright */
.button-section {width: 100%; padding-top: 10px; position:fixed !important; bottom: 28px; clear: both; margin-top: 20px; z-index: 0;}
.footer {width: 100%; padding-top: 10px; position:fixed !important; bottom: 0px; clear: both; z-index: 999;}

.footer-button{background: #e5e5e5; border-top: 1px solid #ddd; padding-top: 10px; padding-bottom: 8px; }
.footer-section{background: #f8f8f8; border-top: 1px solid #ddd; padding-top: 5px; padding-bottom: 5px;}
.custom_report_buttons > button{
	padding: 10px 20px;
}
/*footer*/
.copyright {text-align: right; font-size: 13px;}
.support{text-align: right; font-size: 13px;}
.version {text-align: left; font-size: 13px;}

.btn-icons {
    margin-top: 45px;
}

.custom_report_buttons > button {
    padding: 10px 20px;
}

.timeoff-bg{background:#f2f2f2; padding:8px !important;}

.fld-width-1{width: auto !important; min-width: 36%; max-width: 60%;}

.fld-width-2{width: auto !important; min-width: 60%; max-width: 60%;}


.main-layout{background: #31598d; width: 99%; /*color: #fff !important;*/ position: relative;}

.left-sublayout{background: #31598d; padding: 15px 0px 10px; position: relative; border-top-left-radius: 6px !important; border-top-right-radius: 6px !important; /*margin-left:10px;*/ margin-right: -20px !important;}

.right-sublayout{background: #fff !important; width:99.5%; padding:1px 0px 8px 16px; color: #000;}

.left-sublayout .table > tbody > tr > td{background:transparent !important; border:#5c7aa0 solid 1px !important; color:#fff; text-align:left;padding: 6px 10px 6px 10px !important; white-space: nowrap;}

.compensation-cover{border:#ddd solid 1px; margin:16px 0 8px 0; padding:8px;}

.compensation-cover-lt{border-right:#ddd solid 1px; min-height:600px;}

.white-table td{background:#f9f9f9; border-bottom:#ddd solid 1px; padding:6px 10px !important;}


/* Start media query */
@media screen and (min-width:320px) and (max-width:767px) {
	.circle-block {
		height: 160px !important; width: 130px; margin: 0px auto;
		margin-bottom: 20px !important;
	}
	.profile-pic {
		width: 50px;
		height: 50px;
		border: 1px solid #ddd;
		border-radius: 100%;
		float: right;
		margin: 6px 5px;
		overflow: hidden;
	}
	.user-name {
		font-size: 12px;
	}
	
	.profile-img {
		width: 170px;
		margin: 0px auto;
	}
	
	.media {
		margin-bottom: 10px;
	}
	/*.container-bgwraper{margin:16px 0px 10px !important;}*/
	
	.footer{position:relative; margin-top:0px;}
	
	.left-sublayout{margin-left:0px; margin-right: -6px !important; border-radius: 0px !important; }
	
	.right-sublayout{padding:0px; width: 101%;}
		
	.button-section { position:fixed !important; bottom: 47px; margin-top: 20px;}
	.footer {position:fixed !important; bottom: 0px;}
	.compensation-cover-lt{border-right:none;}
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.circle-block {
		height: 140px !important;
		margin-bottom: 20px !important;
	}
	
	.user-profile11 {
    position: relative;
    width: 79%;
    /* background: #38a2ca !important; */
    background: #1a8ecd !important;
    /* background: linear-gradient(-90deg, rgba(56,162,202,1) 0%, rgba(56,162,202,1) 26%, rgba(238,250,255,1) 99%); */
    padding: 5px 5px 9px 5px;
    height: 190px !important;
    color: #fff;
}
	
	/*.circle-btn {
	width: 80px;
	height: 80px; line-height: 30px !important;
	}*/
	
	/*.left-sublayout{margin-left:4px;}*/
	
	.left-sublayout .profile-img{margin-left:13px;}
	
	.right-sublayout{width: 101% !important;}
	
	.compensation-cover-lt{border-right:none; min-height:auto !important;}
}
.user-margin {
    margin-bottom: 10px;
}



/*@media (min-width:1024px) {
	
	.left-sublayout{margin-left:20px;}
	
}*/
/* styles-new-design.css end */

/* this style suggested by Suresh P */
.clockpicker .input-group-addon {
    padding: 0px !important;
    border: none !important;
}
.dataTable th.text-center{

text-align: center !important;
}

/* This code is only applicable for currency symbols allignment issues */
.currencyImgI{
	position: absolute;
    display: block;
    transform: translate(0, -50%);
    top: 41%;
    pointer-events: none;
    width: 19px;
    text-align: center;
    font-style: normal;
    z-index:100;
}

.list-img2 {
    border: 1px solid #ccc;
    border-radius: 50%;
    height: 60px;
    width: 60px;
}
div.chzn-disabled ul.chzn-choices{
    background-color: #ebebe4 !important;
}

.panel-default > .panel-heading{height: 36px !important; font-size: 18px !important; color: #343434 !important; line-height: 16px !important; /*padding: 10px !important;*/    background-image: url(../images/bg_panal1.png);
    background-position: center;border-radius: 15px 15px 15px 15px;
}
























.hi {
    font-size: 30px;
    padding-top: 28px !important;
    text-align: center;
    color: #1a8ecd;
    line-height: 28px;
}

.user-name {
    font-size: 15px;
    color: #333;
    display: block;
    padding-bottom: 2px;
    float: right;
    clear: both;
    line-height: 19px;
    margin-top: -5px;
}

/* ------------------Feb5'2020 New Dashboard CSS ------------------------------------  */

/*.row {margin-right: -10px !important; margin-left: -10px !important;}*/ /*modified on 19-06-2020 as for ven suggetion vamshi modofied*/

.dropdown-menu > li > a{padding: 6px 15px !important; line-height: 1.42857143 !important; height: auto !important;}

.btn{font-size:15px !important;}

.btn-xs{font-size:12px !important; line-height: 1.6 !important;}

/* Style for No Gutter */
.row.no-gutter {margin:0px 0px;}
.row.no-gutters > [class^="col-"], .row.no-gutters > [class*=" col-"] {padding-right: 0px !important; padding-left: 0 !important;}

.main-section {margin: 16px 0px 30px;}
.main-section1 {margin: 16px 0px 30px;}


.panel-body1 {padding: 0px !important; min-height: 228px; position: relative;}

.panel-heading span a, .panel-footer span a {padding: 0px 2px; position: relative; top: -4px;}
/* .panel-footer{ padding: 6px 8px !important; } */
.panel-footer { padding: 6px 8px !important;position: absolute !important; width: 100% !important; bottom:0;height:34px;}

/*.panel-footer{ padding: 6px 8px !important;
    bottom: 0px !important;
    position: absolute;
    width: 100%;
	 }*/
.panel-footer a{color:#505050;}

/*.badge {
    background: #fff !important;
    border-radius: 4px !important;
    border: 1px solid #e1e1e1;
    color: #343434 !important;
    font-size: 13px !important;
    font-weight: normal !important;
    top: 10px !important;
margin-top: -3px !important;
    margin-left: 6px;
    padding: 2px 5px;
}*/
.badge2 {/*background: #fff !important; border-radius: 4px !important; border: 1px solid #e1e1e1; color: #343434 !important; font-size: 13px !important; font-weight: normal !important; top: 5px; margin-top: -3px !important; margin-left: 5px;*/
       background: #fff !important;
    border-radius: 4px !important;
    border: 1px solid #e1e1e1;
    color: #343434 !important;
    font-size: 13px !important;
    font-weight: normal !important;
    top: 10px !important;
margin-top: -3px !important;
    margin-left: 6px;
    padding: 2px 5px;
	}

.mytable {border-collapse: collapse;}
.mytable tr th, .mytable tr td{padding: 0px 0px !important; border: 1px solid #f5f5f7;}
small{color: #828282 !important; font-size: 12px !important;}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th{border-top: none !important; border-bottom: 1px solid #fff !important; line-height: 17px !important; white-space: nowrap; /*padding: 4px 10px 2px 10px !important;*/}

.table{margin-bottom: 0px !important;}



.list-logos{list-style: none;}
.list-logos li {float: left; padding: 3px 14px; border-right: 1px solid #3090b3;}

.list-logos li:first-child{padding-left:0px;}

.left-icons-section{background: #cfcfcf; width: 100%; float: left; position: relative;}




/* Toggle - right Margin */
.navbar-toggle {
	margin-right: 15px;
}
.offcanvas-toggle {padding: 8px 10px !important; border: 1px solid #eee !important; margin-left: 10px !important;}

/*.birthday-div{width: 100%; float: left; display: inline-block; height: 100%; padding: 5px 6px; border: 1px solid #e1e1e1; margin-left: -1px;  margin-top: -1px;}*/ 
.birthday-pic{width: 50px; height: 50px; margin: 0px auto 5px auto; border: 1px solid #ddd; border-radius: 50%; overflow: hidden;}
.birthday-pic img{width: 100%;}
.bithday-details{width: 100%; text-align: center; line-height: 18px;}

.holyday-div1, .holyday-div2{width: 100%; float: left; display: inline-block; height: 100%; padding: 9px 8px 9px; /*border: 1px solid #e1e1e1; margin-left: -1px;  margin-top: -1px;*/ }
.holyday-text{ margin: 4px 0px 5px 0px; float: left; line-height: 25px; }
.holyday-pic{width: 40px; height: 40px; margin: 20px 10px 10px 0px; float: left;}
.day{margin-top: 0px !important; margin-bottom: 0px !important; text-align: center;}

/*.holyday-div{background: #a7e7ff;}*/

.holyday-div1{background-color:#a7e7ff;}
.holyday-div2 {background-color:#b0e5a3;}

/*.birthday-div:first-child(3n-3) {margin-bottom: 10px !important;}
.birthday-div:nth-child(3n-6) {margin-right: 0px !important;}*/

.main-circle1, .main-circle2, .main-circle3, .main-circle4, .main-circle5, .main-circle6, .main-circle7, .main-circle8, .main-circle9, .main-circle10, .main-circle11, .main-circle12, .main-circle13, .main-circle14 { width: 40px; height: 40px; border-radius: 100%; margin-right: 7px; float: left; text-align: center; vertical-align: middle;}
.main-circle1{background: #6acff5;}
.main-circle2{background: #9edda7;}
.main-circle3{background: #cdd4a5;}
.main-circle4{background: #c9b99a;}
.main-circle5{background: #c99a9a;}
.main-circle6{background: #92cacc;}
.main-circle7{background: #93a5d3;}
.main-circle8{background: #d49bde;}
.main-circle9{background: #d5d497;}
.main-circle10{background: #b1d597;}
.main-circle11{background: #97d5c0;}
.main-circle12{background: #90d4e5;}
.main-circle13{background: #90b8e5;}
.main-circle14{background: #dec780;}


#sidebar-icons .main-circle1, #sidebar-icons .main-circle2, #sidebar-icons .main-circle3, #sidebar-icons .main-circle4, #sidebar-icons .main-circle5, #sidebar-icons .main-circle6, #sidebar-icons .main-circle7, #sidebar-icons .main-circle8, #sidebar-icons .main-circle9, #sidebar-icons .main-circle10, #sidebar-icons .main-circle11, #sidebar-icons .main-circle12, #sidebar-icons .main-circle13, #sidebar-icons .main-circle14, #sidebar-icons .edit-quick1, #sidebar-icons .edit-quick2, #sidebar-icons .edit-quick3, #sidebar-icons .edit-quick4, #sidebar-icons .edit-quick5, #sidebar-icons .edit-quick6, #sidebar-icons .edit-quick7, #sidebar-icons .edit-quick8, #sidebar-icons .edit-quick9, #sidebar-icons .edit-quick10{float: none !important; margin: auto !important;}


/* Time Off Balances Colors */
.box-blue, .box-green, .box-red, .box-orange {width: 10px; height: 10px; margin: 5px 5px; }

.box-blue {background-color: #428bca;}
.box-green {background-color: #5cb85c;}
.box-red {background-color: #d9534f;}
.box-orange {background-color: #f0ad4e;}

/*New Styles for Vertical strips and badges*/
.panel.color-widget {padding: 10px 0px; position: absolute; width: 100%; bottom: 0; border-top: 1px solid #ddd;}

.panel.color-widget .list-inline > li{padding-right:0px; vertical-align:middle !important; padding-left:0px; 	display: inline-block; font-size: 13px;}
.box-new, .box-approval, .box-approved, .box-rejected, .box-taken, .box-canceled,
/*Goal status*/
.box-ontrack, .box-atrise, .box-behind, .box-complete, .box-reopened, .box-in-process, .box-in-person-meeting, .box-overdue {width: 10px; height: 10px; margin:5px 5px 0px 5px; float: left;}
.box-new {background-color: #8dd8f8;}
.box-approval, .box-ontrack {background-color: #f7f6b5;}
.box-approved, .box-complete {background-color: #a0d27d;}
.box-rejected, .box-behind {background-color: #f6adb4;}
.box-taken, .box-atrise {background-color: #b4d3b3;}
.box-canceled{background-color: #f6d8b4;}
.box-reopened{background: #f5cfff;}

/* Vertical Strips*/
.new-Vbadge, .approval-Vbadge, .approved-Vbadge, .rejected-Vbadge, .taken-Vbadge, .canceled-Vbadge, 
/*Goal status*/
.ontrack-Vbadge, .atrise-Vbadge, .behind-Vbadge, .complete-Vbadge, .reopened-Vbadge {float: left; width: 4px; height: 60%; position: absolute; top: 20%; bottom: 20%; left: 0px;} 
.new-Vbadge{background: #8dd8f8;}
.approval-Vbadge, .ontrack-Vbadge {background: #f7f6b5;}
.approved-Vbadge, .complete-Vbadge{background: #a0d27d;}
.rejected-Vbadge, .behind-Vbadge {background: #f6adb4;}
.taken-Vbadge, .atrise-Vbadge {background: #b4d3b3;}
.canceled-Vbadge{background: #f6d8b4;}
.reopened-Vbadge{background: #f5cfff;}


.fa-color{font-size: 11px !important; color: #999 !important;}


		.user-profile13{
			    position: relative;
    width: 109%;
/*    background: #38a2ca !important;*/
    padding: 0px;
    height: 70px;
    margin: 0px 0px 10px 10px !important;
    left: -20px;
	font-size:17px !important;}
.user-profile-pic{width: 130px !important;
    height: 130px !important;
    border: 4px solid #e9be11;
    border-radius: 100%;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);
    overflow: hidden;
    margin: 0px auto;}
.user-profile-pic1{width: 120px; height: 120px; border: 4px solid #fff; border-radius: 100%; box-shadow: 0px 0px 10px rgba(0,0,0,0.2); overflow: hidden; margin: 0px auto;}
.user-profile-pic2{width: 100px;
    height: 100px;
    position: relative;
    left: 149px;
    border: 4px solid #fff;
    border-radius: 100%;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
    overflow: hidden;
    margin: 0px auto;
    bottom: -2px;
	top:-110px;
}





#sidebarCollapse {padding-top: 25px;}



/* breadcrumb Circle Type*/

/* Background container */
#cssmenu-container {
    height: 220px;
    background-color: #CEE3F8;
}
/* Menu container */
#cssmenu {
    display: inline-block;
    position: relative;
    left: 0;
    margin-left: 22px !important;
    float: left;
    /* margin-bottom: 13px; */
    line-height: 1em;
    border-radius: 2px;
}
/* Icons */
#cssmenu i {
    transform: scale(1.0);
}
/* Menu */
#cssmenu ul {
    display: flex; /* A key part of our menu, displays items side by side, and allows reversing them */
    flex-direction: row-reverse; /* Reverse the items */
    /* Reset styles, overwrite browser defaults */
    list-style: none;
    margin: 0;
    padding: 0;
}
#cssmenu ul li {
    margin: 0;
    position: relative;
}

/* Menu items */
#cssmenu ul li a {
    display: inline-block;
    /*font-family: sans-serif;
    font-size: 0.9em;
    font-weight: 600;*/
    padding: 10px 30px 10px 40px; /* Adjusting padding to get the proper space */
    margin-left: -20px; /* Pull the items to the left, so the rounded right side will get over them */
    color: #fff;
    background-color: #0b5983;/*#3090b3*/
    text-decoration: none;
    /*text-transform: uppercase;*/
    border-radius: 0 100px 100px 0; /* Get the right side rounded */
    /*box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);*/ /* Apply the shadow */
	
	white-space: nowrap;
	font-size: 14px;
	
}
/* Hover event */
/*#cssmenu ul li:hover a {
    background-color: #297EFE;
}*/
/* Remove the shadow for first item, last in the right side when it gets reversed */
#cssmenu ul li:first-child a {
    box-shadow: none;
}
/* Active item is a bit different */
#cssmenu ul li.active a {
    color: #333;
    background-color: #a7e7ff;
}
/* Remove the shadow for the active's next item, to match the design more accurately */
#cssmenu ul li.active + li a {
    color: #fff !important;  /* 68c7eaborder-right: 1px solid #2183a8; box-shadow: none;*/
	background-color:#56aedd;  /* !important */
}
.user-name p {
		margin:-2px 0px 5px 0px !important;
	}



/* fixed buttons and copyright */
.footer {width: 100%; padding-top: 10px; position:fixed !important; bottom: 0px; clear: both; z-index: 999;}
.footer-section {
    background: #e8f0f5;
    border-top: 1px solid #ddd;
    padding-top: 7px;
    padding-bottom: 5px;
}

.footer-button {
    background: #e5e5e5;
    border-top: 1px solid #ddd;
    padding-top: 7px;
    padding-bottom: 8px;
    padding-right: 36px;
    margin-top: -56px;
}
.button-section {width: 100%; padding-top: 10px; position:fixed !important; bottom: 28px; clear: both; margin-top: 20px;z-index:999; left:0px;}


/* vamshi 27-04-2020 */
.input-group {
	margin-bottom: 8px !important;
}
.profile-img{width: 123px; height: 123px; position: relative; top: -1px;}
.bg-1 {
/*    background-color: #f6d8b4 !important;*/
	padding:0px !important;
	
}
.bg-11 {
/*    background-color: #f4f8fb !important;*/
	padding: 3px 8px !important;
	height:30px !important;
}
.panel-default > .panel-heading1 {
    height: 30px !important;
    font-size: 18px !important;
    color: #343434 !important;
    line-height: 16px !important;
    /* padding: 10px !important; */
/*    font-weight: bold;*/
/*	background-color: #f5f5f5;*/
	border-bottom: 1px solid #ddd;
	background-image:url(../images/bg_panal1.png);
	background-position: center;

}

.panel-footer1 {
	    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 4px 8px !important;
}
.panel-footer1 a {
    color: #505050;
}
/*.main-section .panel-body11 .table > tbody > tr > td{ background-color: #f4f8fb !important;  border-bottom: 0px solid #f5f5f7 !important;    padding: 2px 6px 2px 6px !important;}*/
.txt-break {
    word-wrap: break-word !IMPORTANT;
    white-space: normal !important;
}
.main-section .panel-body2 .table > tbody > tr > td{ background-color: #fff5f5 !important; border-bottom: 0px solid #f5f5f7 !important;     padding: 6px 10px 6px 10px !important;}
.bg-2 {
    background-color: #f6d8b4 !important;
}

.bg-22 {
    /*background-color: #fff5f5 !important;*/
	padding: 3px 8px !important;
}
.bg-3 {
    background-color: #f6d8b4 !important; 
}

.bg-33 {
    /*background-color: #f8fff8 !important;*/
	padding: 3px 8px !important;
}

.main-section .panel-body3 .table > tbody > tr > td{ background-color: #f8fff8 !important; border-bottom: 0px solid #f5f5f7 !important;     padding: 6px 10px 6px 10px !important;}
.mb-11{    position: relative;
    bottom: 1px;
    right: 2px;}
.mb-111{position: relative;
    top: 3px;
}

.spl-height {
    min-height: 305px !important;
}
.media {
     margin-top: 0px;
}

.list-img {
    border: 1px solid #ccc;
    border-radius: 50%;
    height: 50px;
    width: 50px;
}
.dropdown-bg {
    background-color: #fff !important;
    border: 1px solid #83b1c2 !important;
    border-radius: 4px !important;
}
.align-left {
    position: relative;
    float: left;
}

.panel-heading span a, .panel-footer span a {
    padding: 0px 2px;
    position: relative;
    top: 0px;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #000!important;
    text-decoration: none;
    background-color: #a7e7ff!important;
    border-radius: 4px;
}

.modal-header {
	background-image:url(../images/panel_bg.png);
	/*background: #008fd5;*/
	color: #000;
	padding: 8px 15px 4px 15px;
	border-radius: 8px 8px 0px 0px !important;

}

.p-2 {
    padding: .5rem!important;
}

.close {
    color: #000 !important;
    font-weight: normal !important;
    opacity: 0.8 !important;
    position: relative;
    right: -2px;
    margin-top: -2px;
    font-size: 22px !important;
}

.glyphicon-top {
    position: relative;
    top: 5px;
}

.modal-body1 {
    padding: 0px;
}
.modal-body1 .form-check {
    padding-top: 2px;
}
.btn-secondary {
    color: #000 !important;
    background-color: transparent;
    border-color: #d7d7d7 !important;
}
.btn-group-xs > .btn, .btn-xs {
    padding: 1px 5px !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    border-radius: 3px !important;
}
.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 0rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}
/*.spl-height1{height: 229px;}
.spl-height4{height:146px !important;}*/


.spl-height4{height:auto !important;}

.dropdown-menu>a {
    padding: 10px 10px 10px !important;
    font-size: 16px !important;
}

.dropdown-item:focus, .dropdown-item:hover {
    color: #555353;
    background-color: #a7e7ff;
}
.dropdown-menu .list-inline2 {
    padding-left: 0;
    margin-left: -5px;
    list-style: none;
    background-color: #fff !important;
    width: 160px;
    border-radius: 4px !important;
    padding: 5px;
	border: 1px solid #f5f5f7 !important;
	position: relative;
    top: -107px !important;
}
.dropdown-menu .list-inline22 {
    padding-left: 0;
    margin-left: -62px;
    list-style: none;
    background-color: #fff !important;
    width: 160px;
    border-radius: 4px !important;
    padding: 5px;
    border: 1px solid #f5f5f7 !important;
	position: relative;
    top: -96px !important;
}

.dropdown-bg1 {
    background-color: #fff !important;
    /* border: 1px solid #83b1c2 !important; */
    border-radius: 4px !important;
}

.panel-body {
/*    padding: 16px 0px 15px 12px !important;*/
/*  min-height: 228px;*/
    position: relative;
	
}

.glance-left{
/*    margin: 0px !important;
    width: 33%;*/
	padding:0px !important;
	
}
.glance-center{
/*width: 32%;
margin: 0 2px;*/
padding:0px !important;
}

 .glance-right{  
    /*width: 33%;*/
	padding:0px !important;
 }
.panel-default {
    border-color: #ddd;
    margin-bottom:12px;
	position:relative;
}

.list-inline3>li {
    display: block;
    padding-right: 5px;
    color: #0;
    color: #000 !important;
	width:210px;
}


.bg-success {
    background-color: #c1fcad !important;
}
.bg-warning {
    background-color: #fbd69f !important;
}

.bg-danger {
    background-color: #ffc2c2 !important;
}
.bg-success_fin {background: #a0d27d !important; color: #000 !important; border-radius: 4px !important; padding: 4px 8px; font-size: 13px;}

.bg-primary_fin {background: #0074d9 !important; color: #000 !important; border-radius: 4px !important; padding: 4px 8px; font-size: 13px;}

.bg-reject_fin {background: #FF0000 !important; color: #000 !important; border-radius: 4px !important; padding: 4px 8px; font-size: 13px;}

.spcl_btn4{position: relative;left: 4px !important;}
.progress-bar {
    line-height: 25px !important;
}
.box-overdue {
    background: #FF0000;
}

.box-in-process {
    background: #ff8c00;
}

.box-in-person-meeting {
    background: #6a0dad;
}

#cssmenu ul .dropdown ul {
    display: inherit;
    flex-direction: inherit;
    list-style: none;
    margin: 0;
    padding: 0;
}

/*.mar-rt{margin-right: -9px !important;
    margin-top: -9px !important;
	    margin-bottom: 9px !important;
}*/

/*.mar-t{margin-top:-9px !important; margin-bottom: 9px !important;}

.mar-t2{margin-top:-10px !important; margin-bottom: 7px !important;}
.mar-rt1{    margin-right: -9px !important;
    margin-top: -16px !important;
    margin-bottom: 14px !important;
}*/

/*.mar-t1{margin-top:-18px !important; margin-bottom: 18px !important;}*/

.box-process {background-color: #cbdaf1;}
.box-eSign {background-color: #6abc6a;}
.box-hr-review {background-color: #b6e8ad;}
.box-voided {background-color: #b394d0;}
.box-in-person {background-color: #d6c8e2;}
.box-scheduled {background-color: #859ec5;}
.box-reviewer {background-color: #fff;}
.box-process, .box-eSign, .box-hr-review, .box-voided, .box-in-person, .box-scheduled, .box-reviewer{
    width: 10px;
    height: 10px;
    margin: 5px 18px 0px -12px;
    float: left;
}

#cssmenu ul .dropdown ul {
    display: inherit;
    flex-direction: inherit;
    list-style: none;
    margin: 0;
    padding: 0;
}
#cssmenu ul {
    display: flex;
    flex-direction: row-reverse;
    list-style: none;
    margin: 0;
    padding: 0;
}

/*.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
*/

.btn-group a:hover{

    background: #f5f5f5 !important;
}
/*** Tool Tip CSS ***/

.tooltip-inner {color: #000; background-color: #fff; border: 1px solid #ccc;}

#tooltip {text-align: left; color: #000; background: #fff; position: absolute; z-index: 100; padding: 5px; border: 1px solid #ddd; font-size: 14px; line-height: 23px; z-index: 3000;}

#tooltip:after {width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #111; content: ''; z-index: 3000; position: absolute;
	left: 50%; bottom: -10px; margin-left: -10px;}/* triangle decoration */
	
#tooltip.top:after {border-top-color: transparent; border-bottom: 10px solid #111; top: -20px; bottom: auto; z-index: 3000;}

#tooltip.left:after {left: 10px; margin: 0; z-index: 3000;}

#tooltip.right:after {right: 10px; left: auto; margin: 0; z-index: 3000;}

/*** End Tool Tip CSS ***/

/*.grid-stack-item-height {
    height: 340px !important;
}*/
.navbar .navbar-nav {
    display: inline-block;
    float: none;
	padding-bottom:-10px !important;
}
.navbar .navbar-collapse {
    text-align: center;
}
.bg_canceled{ background: #f6d8b4 !important; vertical-align:middle;}
.bg_taken{ background: #b4d3b3 !important; vertical-align:middle;}
.bg_approval{ background: #f7f6b5 !important; vertical-align:middle;}
.bg_approval{ background: #f7f6b5 !important; vertical-align:middle;}

#cssmenu ul .dropdown ul {
    display: inherit;
    flex-direction: inherit;
    list-style: none;
    margin: 0;
    padding: 0;
}
#cssmenu ul {
    display: flex;
    flex-direction: row-reverse;
    list-style: none;
    margin: 0;
    padding: 0;
/*	background:#fff !important;*/
}
.dropdown-bg {
    background-color: #fff !important;
    border: 1px solid #83b1c2;
    border-radius: 4px !important;
}
.dropdown-menu>a {
    padding: 10px 10px 10px !important;
    font-size: 16px !important;
}

.panel-body {padding:14px 16px 0px 16px !important;border-radius: 16px;}

.btn-icon{
position: fixed;
    bottom: 51px;
    background: #fff !important;
    top: inherit;
    left: 5px;
}
.btn-icon1{
    position: fixed;
    bottom: 96px;
    background: #fff !important;
    top: inherit;
    left: 8px;
}
.gear_css {
    height: 39px !important;
    line-height: 14px;
    position: fixed !important;
    left: 0px !important;
    bottom: 20px;
}



#cssmenu ul li .dropdown-menu .dropdown-item {
    color: #333;
    background-color: #fff !important;
    border-bottom: #f6f6f6 solid 1px !important;
    border-radius: 0px !important;
}
#cssmenu ul li.active a {
    color: #333;
/*    background-color: #a7e7ff !important;*/
    border: 0px;
}
#cssmenu ul li:first-child a {
    box-shadow: none;
}
#cssmenu .dropdown-menu a {
    margin-left: 0px !important;
    background-color: transparent !important;
}
#cssmenu ul li a {
    display: inline-block;
    padding: 10px 30px 10px 40px;
    margin-left: -20px;
    color: #fff;
   background-color: #0b5983;
    text-decoration: none;
    border-radius: 0 100px 100px 0;
    /* box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); */
    white-space: nowrap;
    font-size: 15px;
/*    border-right: 1px solid #386d80;*/
}

.dropdown-menu>a {
    padding: 10px 10px 10px !important;
    font-size: 16px !important;
    border-bottom: 1px solid #f6f6f6 !important;
}

#cssmenu ul li:first-child a {
    box-shadow: none;
    width: auto;
    height: 35px;
}

#cssmenu ul li .dropdown-menu .dropdown-item {
    color: #333;
    background-color: #fff !important;
    /* border-bottom: #f6f6f6 solid 1px !important; */
    border-radius: 0px !important;
    width: 148px !important;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
	    color: #000!important;
    text-decoration: none;
    background-color: #a7e7ff !important;
}
#cssmenu .dropdown-toggle ul li.active a:hover{
    color: #555353;
    background-color: #a7e7ff !important;
	border-radius:0px !important;
}
.mar-20{margin-bottom:20px;}

.collapse {
  -webkit-transition: height 0s ease;
  -moz-transition: height 0.35s ease;
  -o-transition: height 0.35s ease;
   transition: height 0.35s ease;
   }
/* vamshi tabs 01-05-2020*/
.nav-pills > li > a {
    border-radius: 4px 4px 0px 0px !important;
    color: #000 !important;
    background: #fff !important;
    padding: 4px 15px 6px 14px !important;
   /* border: 1px solid #eee !important;*/
   
}
.nav-pills .active, .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
   /* background: #a7e7ff !important;*/
    color: #000 !important;
    border-radius: 0px !important;
	border-bottom:1.5px #51879b solid !important;
	margin-top: -1px;
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}

.well_1 {
    min-height: 20px;
    padding: 0px;
    margin-bottom: 20px;
    background-color: #f6f9ff !important;
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
.caption1 {
    border: 1px solid #ddd;
	padding:10px;
    color: #000;
    font-size: 20px;
    width: 100%;
/*    margin-bottom: 16px;*/
	border-radius:4px;
	background-color:#f6fafc !important;

}
/*::-webkit-scrollbar {
    display: none;
}
*/
.dashboard .tab-content {
	background:#fff;
	border: medium none !important;
	/*min-height: 350px !important;
	overflow: hidden;*/
padding: 0px 16px 16px 0px !important;
}
.container-bgwraper3 .tab-content {
	padding: 0px 0px 0px 0px !important;
}

.right-sublayout{background: #fff !important; /*width: 103.3%;*/ padding:1px 0px 8px 0px; color: #000;}

.nav-tabs {
    border-bottom: none !important;
    position: relative;
    top: -1px;
    margin-top: 8px;
    margin-bottom: 16px !important;
}

.nav-tabs1 > li.active > a, .nav-tabs1 > li.active > a:hover, .nav-tabs1 > li.active > a:focus {border-color: #ccc transparent; color: #666;}

.nav-tabs1 {border-bottom: none !important; position: relative; top: -1px; margin-top: -8px; font-size: 17px; }

.nav-tabs1 > li.active > a, .nav-tabs1 > li.active > a:hover, .nav-tabs1 > li.active > a:focus {
	background: #fff!important; color: #000 !important; border-bottom: 3px #51879b solid !important;}

.nav-tabs1 > li > a {color: #000 !important; padding: 6px 15px 6px !important;  background: #fff !important; border: none !important; border-top:none !important; margin-bottom: 3px !important; border-radius:4px 4px 0px 0px; border-bottom:3px solid transparent !important;}

.nav-tabs1 > li > a:hover {background: #fff!important; color: #000 !important; border-bottom: 3px transparent solid !important; /*border:0px transparent !important;*/} /*border chnage on 29-06-2020*/
.hr-1{    margin-bottom: 2px !important;
    margin-top: 16px !important;
}
.right-sublayout1 {
    background: #fff !important;
    width: 101.3%;
    padding: 1px 0px 8px 6px;
    color: #000;
}

.left-sublayout1 {
background: #eefaff !important;
    padding: 15px 0px 10px;
    position: relative;
    border: 1px solid #d5d5d5;
    border-radius: 4px !important;
    margin-left: 10px;
    margin-right: 0px !important;
    width: 23.5%;
}

.main-layout{background: #fff; width: 100%; /*color: #fff !important;*/ position: relative;}
.spl-mrg-btm{/* margin-top: -16px !important; */ margin-left:10px !important;}
.container-bgwraper1 {
    background: #fff !important;
    border-radius: 6px;
    border: 1px solid #ddd;
    /* box-shadow: 0 8px 7px -4px rgba(191, 185, 191, 0.62); */
    box-shadow: 0 2px 2px rgba(0,0,0,.05) !important;
    padding: 16px 16px 16px 16px !important;
    margin: 12px 16px 105px 0px !important;
    float: left;
    width: 99%;
}
.dashboard .tab-conetent-box{border: 1px solid #eee !important;
    padding: 0px 16px 16px 16px!important;
    border-radius: 4px !important;
	margin-top:16px;
}
.clr2 {background-color: #fff !important;
    color: #000 !important;}
.well_2 {
    min-height: 20px;
    padding: 0px;
    /* margin-bottom: 20px; */
    /*background-color: #f6f9ff !important;*/
	background: rgb(56,162,202);
background: linear-gradient(90deg, rgba(56,162,202,1) 0%, rgba(56,162,202,1) 9%, rgba(238,250,255,1) 26%, rgba(238,250,255,1) 100%);
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
	font-size:16px;
}
.container-bgwraper3 {
    background: #fff !important;
    border-radius: 8px;
    border: 1px solid #ddd; 
    /* box-shadow: 0 8px 7px -4px rgb(191 185 191 / 62%); */
    box-shadow: 0 2px 2px rgb(0 0 0 / 5%) !important;
    padding: 16px 16px 0px 16px !important;
    /* margin: 3px 16px 4px 10px !important; */
    float: left;     /* uncommented by mounikaa , to resolve issue in address book pagination alignment  */
     width: 100%;
    margin: 8px 9px 10px 0px; 
}

.container-bgwraper4 {
    background: #fff !important;
    border-radius: 8px;
    border: 1px solid #ddd;
    /* box-shadow: 0 8px 7px -4px rgba(191, 185, 191, 0.62); */
    box-shadow: 0 2px 2px rgba(0,0,0,.05) !important;
    padding: 16px 16px 16px 16px !important;
    margin: -2px 16px 4px 10px !important;
    float: left;
    width: 99%;
}
.container-bgwraper41 {
    background: #fff !important;
    border-radius: 8px;
    border: 1px solid #ddd;
    /* box-shadow: 0 8px 7px -4px rgba(191, 185, 191, 0.62); */
    box-shadow: 0 2px 2px rgba(0,0,0,.05) !important;
    padding: 8px 16px 0px 16px !important;
    margin: 16px 16px 4px 10px !important;
    float: left;
    width: 99%;
}
.container-bgwraper5 {
    background: #fff !important;
    border-radius: 8px;
    border: 1px solid #ddd;
    /* box-shadow: 0 8px 7px -4px rgba(191, 185, 191, 0.62); */
    box-shadow: 0 2px 2px rgba(0,0,0,.05) !important;
    padding: 16px 16px 16px 16px !important;
    margin: -3px 16px 105px 10px !important;
    float: left;
    width: 99%;
}

.container-bgwraper24 {
    background: #fff !important;
    border-radius: 8px;
    border: 1px solid #ddd;
    /* box-shadow: 0 8px 7px -4px rgba(191, 185, 191, 0.62); */
    box-shadow: 0 2px 2px rgba(0,0,0,.05) !important;
    padding: 16px 16px 16px 16px !important;
    margin: 12px 0px 12px 0px !important;
    float: left;
    width: 100%;
}
.container-bgwraper14 {
    background: #fff !important;
    border-radius: 8px;
    border: 1px solid #ddd;
    /* box-shadow: 0 8px 7px -4px rgba(191, 185, 191, 0.62); */
    box-shadow: 0 2px 2px rgba(0,0,0,.05) !important;
    padding: 16px 16px 16px 16px !important;
    margin: 0px 16px 0px 0px !important;
    float: left;
    width: 100%;
}

.user-profile-pic11 {
   width: 100px;
    height: 100px;
    border: 4px solid #fff;
    border-radius: 100%;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
    overflow: hidden;
    margin: 0px auto 8px auto;
    position: relative;
    top: 11px;
	
}

.panel-body_sub {
    padding: 15px !important;
    height: auto !important;
}

.right-sublayout22 {
    background: #fff !important;
    width: 105%;
   padding: 0px 0px 8px 0px;
    color: #000;
}
.panel_padding {
    padding: 8px 15px 10px 15px !important;
}
.user-profile11{
    position: relative;
 width: 79%;
/*    background: #38a2ca !important;*/

background: #1a8ecd !important;
/*background: linear-gradient(-90deg, rgba(56,162,202,1) 0%, rgba(56,162,202,1) 26%, rgba(238,250,255,1) 99%);*/
    padding: 5px 5px 9px 5px;
   height: 159px;
   color:#fff;
}

.btn-xs1 {
    border-radius: 3px;
    padding: 2px 8px 1px 8px !important;
    font-size: 11px !important;
    /* background: #999!important; */
    border: 1px solid #999 !important;
	margin-bottom:4px !important;
}

.spl-top1 {
    margin-top: 16px !important;
	border-radius:0px !important;
}

.main-goal {
    border: 1px solid #ccc;
    margin-bottom: 20px;
}

.circleB-arrow a {
    width: 30px;
    height: 30px;
    padding: 0px;
    position: absolute;
    left: 50%;
    right: 50%;
    bottom: -15px;
    z-index: 999;
    background: #008FD5;
    color: #fff !important;
    line-height: 22px;
    /* border: 1px solid #fff; */
    border-radius: 50%;
    box-shadow: 0px 0px 0px 4px #fff;
    -webkit-box-shadow: 0px 0px 0px 4px #fff;
    -moz-box-shadow: 0px 0px 0px 4px #fff;
    -ms-box-shadow: 0px 0px 0px 4px #fff;
    -o-box-shadow: 0px 0px 0px 4px #fff;
}
.caption a {
    /* padding-left: 10px; */
    font-size: 12px !important;
    border: #008fd5 1px solid !important;
    margin-bottom: 0px !important;
    color: #000 !important;
	    margin-top: -6px;
		padding: px 5px 1px 5px;
}

.spl-matlt{
	margin-left: 20px !important;
}

/*  Nagaraju  */
.breadcom-row{ position:relative;top:-5px}

/*** Pagination CSS ***/

.pagination {
	border-radius: 4px;
	/*margin: 8px 0 -4px !important;*/
	border:1px solid #ddd !important;
	border-radius: 22px !important;
	-webkit-box-shadow: 2px 2px 2px 1px rgba(0,0,0,0.60);
-moz-box-shadow: 2px 2px 2px 1px rgba(0,0,0,0.75);
box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.25);
font-size: 14px !important;
font-weight:bold;

	
}
.pagination fa { font-size:8px !important}
.pagination > li > a, .pagination > li > span {
	padding: 8px 12px 5px !important;
	}
.pagination > li > a img {
	position: relative;
	top: -1px !important;
}

.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
     color: #000 !important;
    text-decoration: none;
    background-color: #fff;
	border:none !important;
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
    border-top-left-radius: 22px !important;
    border-bottom-left-radius: 22px !important;
	/*border-left:1px solid #ddd !important;*/
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
    border-top-right-radius:22px!important;
    border-bottom-right-radius:22px !important;
	/*border-right:1px solid #ddd !important;*/
}



.pagination>li>a{
	border-right:none !important;
	border-left:none !important;
    
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	background-color: #168fce !important;
    border-color: #999 !important;
    color: #fff !important;
    border-radius: 100%!important;
    padding: 3px 9px 1px !important;
    margin-top:5px;
    margin-left: 2px;
    margin-right: 2px;
}






@media only screen and (min-width:1280px) {

.user-profile-pic2 {
    width: 100px;
    height: 100px;
    position: relative;
    left: 115px !important;
    border: 4px solid #fff;
    border-radius: 100%;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
    overflow: hidden;
    margin: 0px auto;
    bottom: -2px;
    top: -110px;
	}
.user-profile13 {
    position: relative;
    width: 110% !important;
/*    background: #38a2ca !important;*/
    padding: 0px;
    height: 70px;
    margin: 0px 0px 10px 10px !important;
    left: -20px;
    font-size: 17px !important;
	}
.blu-box {
    color: #fff;
    padding-top: 6px !important;
    position: relative;
    top: 4px;
	}
}


@media only screen and (min-width:1920px) {

.user-profile-pic2 {
    width: 100px;
    height: 100px;
    position: relative;
    left: 158px !important;
    border: 4px solid #fff;
    border-radius: 100%;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
    overflow: hidden;
    margin: 0px auto;
    bottom: -2px;
    top: -104px;
}

.user-profile13 {
    position: relative;
    width: 106.5% !important;
/*    background: #38a2ca !important;*/
    padding: 0px;
    height: 70px;
    margin: 0px 0px 10px 10px !important;
    left: -20px;
    font-size: 17px !important;
}
.blu-box{padding: 0px 10px 10px 50px !important;
    color: #fff;
}
.seven-cols .col-md-1, .seven-cols .col-sm-1, .seven-cols .col-lg-1 {
		width: 6.82345%;
	}
}
.tab-space{padding: 0px 6px 16px 6px !important;}
.blu-box{padding: 0px 10px 10px 50px;
    color: #fff;}
	
	@media screen and (min-width:768px) and (max-width:1200px) {
		#cssmenu ul li a {
    display: inline-block;
    padding: 10px 20px 10px 30px;
	
		}
		
		
		.blu-box{padding: 0px 10px 10px 10px;
    color: #fff;}
	.user-profile11 {
    position: relative;
    width: 100%;
    background: #1a8ecd !important;
    padding: 5px 5px 9px 5px;
    height: 138px;
}
	
.well_2 {
    min-height: 20px;
    padding: 0px;
    /* margin-bottom: 20px; */
    background-color: #f6f9ff !important;
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    font-size: 14px;
}	

.user-profile13 {
    position: relative;
    width: 121%;
    background: #1a8ecd !important;
    padding: 0px;
    height: 70px;
    margin: 0px 0px 10px 10px !important;
    left: -20px;
    font-size: 17px !important;
}

.right-sublayout22 {
    background: #fff !important;
    width: 198%;
    padding: 0px 0px 8px 0px;
    color: #000;
}
.nav-tabs1 {
    border-bottom: none !important;
    position: relative;
    top: -1px;
    margin-top: 8px;
    font-size: 16px;
}
	}

@media screen and (min-width:320px) and (max-width:767px) {
	
	.well_2 {
    min-height: 20px;
    padding: 0px;
    /* margin-bottom: 20px; */
    /* background-color: #f6f9ff !important; */
    background: rgb(56,162,202);
    background: linear-gradient(90deg, rgba(56,162,202,1) 0%, rgba(56,162,202,1) 0%, rgba(238,250,255,1) 0%, rgba(238,250,255,1) 100%);
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    font-size: 16px;
}

		.user-profile11 {
    position: relative;
    width: 100% !important;
    background: #1a8ecd !important;
    padding: 5px 5px 9px 5px;
    height: 138px;
}
.user-profile13 {
    position: relative;
    width: 109%;
     background: #1a8ecd !important;
    padding: 0px;
    height: 70px;
    margin: 0px 0px 10px 10px !important;
    left: -20px;
    font-size: 17px !important;
    height: auto;
}
.left-sublayout11 {
    background: #eefaff !important;
    padding: 0px;
    position: relative;
    border: 1px solid #d5d5d5;
    border-radius: 4px !important;
    margin-left: 10px;
    margin-right: -5px !important;
    width: 99% !important;
}


	
}

.clickable{
    cursor: pointer;   
}

.panel-heading span {
	margin-top: -20px;
	font-size: 12px;
}


.circle-block {
	width: 120px; margin: 0px auto;
	height: auto;
	clear: both;
	
	/*newly added on 23-01-2019*/
	position: relative;
	
}

.circle-btn:hover{background-color: rgb(237, 244, 248) !important;}
.circle-blue {
	background: #1eb8f3 !important;
}
.circle-cyan {
	background: #1794ad !important;
}
.circle-green {
	background: #98bc47 !important;
}
.circle-orange {
	background: #ffc33b !important;
}
.circle-label {
	/*font-family: SegoeUISemiBold, arial, sans-serif !important;*/
	font-size: 16px;
	line-height: 18px;
	padding: 10px 0px 0 0;
	color: #fff;
	text-align: center;
}
.circle-label {
    /*font-family: SegoeUISemiBold, arial, sans-serif !important;*/
    font-size: 16px;
    line-height: 18px;
    padding: 10px 0px 0 0;
    color: #000;
    text-align: center;
}







.input-group-btn .btn {
    padding: 7px 10px -1px !important;
    /* border-radius: 0px !important; */
    background: #fff !important;
    color: #000 !important;
    border: 1px solid #999 !important;
    margin-bottom: 0px !important;
    height: 34px;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.input-group-addon {
    padding: 8px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #fff;
    border: 1px solid #999;
    border-radius: 4px;
}

.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    position: absolute;
    margin-top: 4px\9;
    margin-left: -20px;
    /* margin-bottom: -1px; */
    margin-top: 2px !important;
}
.gear_css1 {
    height: 39px !important;
    line-height: 14px;
    position: fixed !important;
    left: -4px !important;
    bottom: 67px;
}
.btn-icon1{
position: fixed;
    bottom: 115px;
    background: #fff !important;
    top: inherit;
    left: 5px;
}

.white-bg-shadow {
    background: #fff;
    border-radius: 5px;
    padding: 16px;
	margin: 0px 0px 16px 0px !important;
    /*margin-bottom: 16px;*/
    -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,.150);
    box-shadow: 0px 0px 7px rgba(0,0,0,.150);
}

.resizer {
    background: #b9dfe1;
    border-left: 1px solid #f5f5f7;
    position: absolute;
    top: 0;
    right: -3px;
    bottom: 0;
    width: 6px;
    cursor: col-resize;
}

.listactions3{border-left: 1px solid #b9dfe1 !important;width:10% !important;}

.sidebtn a {
/*    color: #000 !important;*/
border: 0px solid #008fd5 !important;
border-radius: 3px;
height: auto;
font-size: 15px;
padding: 3px 5px 5px 5px;
margin-left: 8px;
margin-top: 6px;
margin-bottom: 8px;
float: left;
}

.breadcrumb_0{background-color:#1d719e !important;}
.breadcrumb_1{background-color:#68c7ea !important;}/*77c7e5 68c7ea*/ 
.breadcrumb_2{background-color: #3893c4 !important;}
.breadcrumb_3{background-color:#2785b7 !important}/*41a5cb*/

.modal-body .control-label {
    padding: 5px 0px 5px 0 !important;
}

.spl-botmrg-5 {
    margin-bottom: -5px !important;
}

.spl-topmrg-4 {
    margin-top: 4px !important;
}

/* 21-06-2020*/
.spl-ltpadding25 {
    padding-left: 25px !important;
}

/*.panel_btm {
    margin-bottom: 16px;
width:94.5% !important;
}*/


.form-control[readonly] {
  /*   background-color: #f8f8f8 !important; */
    border: 1px solid #999;
    color: #000;
	cursor: auto;
}

.form-control[readonly]:focus {
/*	background-color: #fff !important;*/
	border: 1px solid #ccc !important;
	color: #000 !important;
	-moz-box-shadow: 0px 0px 10px 2px rgba(255, 0, 0, 0.3);
-webkit-box-shadow: 0px 0px 10px 2px rgba(255, 0, 0, 0.3);
}

.caption_btn{margin: -8px 0px 8px 0px;}
.caption_btn .fa {
    font-size: 14px !important;
    position: relative;
    top: 0px;
}

.alert {
    margin: 8px 0px 16px 0px !important;
   /*  box-shadow: 0px 0px 7px rgba(0,0,0,.150); 
	border-radius: 8px;*/
}

.mandatory {  border:1px solid #dd4b39 !important; z-index: 100 !important;  }

.fld-width-1 select{z-index:0 !important;}


.chzn-container-multi .chzn-choices:focus {
	
	border: 1px solid #66afe9 !important;
	
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6) !important;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6) !important
	
	
}

.chzn-container-multi .chzn-choices:hover {
	border: 1px solid #66afe9 !important;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6) !important;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6) !important
	
	
}

.fld-width-4 {
    width: auto !important;
    min-width: 45%;
    max-width: 60%;
}

.left-sublayout11 {
/*    background: #eefaff !important;*/
background: rgb(56,162,202);
background: linear-gradient(180deg, rgba(30,129,176,1) 0%, rgba(30,129,176,1) 11%, rgba(238,250,255,1) 11%, rgba(238,250,255,1) 100%);
padding: 0px 10px !important;
    position: relative;
    border: 1px solid #d5d5d5;
    border-radius: 4px !important;
    margin-left: 10px;
    margin-right: -5px !important;
    width: 23%;
}

.chzn-container-multi .chzn-choices {
    border: 1px solid #999;
    min-height: 34px !important;
    padding-bottom: 0%;
}

.caption {
   
    color: #000;
    /* font-size: 20px; */
    width: 100%;
    margin-bottom: 6px;
   /*  margin-left: -1px !important; */
    margin-top: 8px;
}

.headcount {
    background-color: #fff;
    border: 1px solid #008fd5;
    border-radius: 4px;
    bottom: 0px;
    color: #000;
    font-size: 12px;
    font-weight: normal;
    padding: 0px 3px 2px 2px;
    position: relative;
    white-space: nowrap;
    top: 0px;
    margin-right: 0px;
}

.spl-padding0{padding:0px !important;}
i.fa.fa-circle-o {
    font-size: 4px !important;
	color: #f5f5f5 !important;
}

.spl-height1{height: 163px !important;
    overflow-y: scroll;}
.spl-height2 {
    height: 180px !important;
    overflow-y: scroll;

}

/* The emerging W3C standard
   that is currently Firefox-only */
* {
  scrollbar-width: thin;
  scrollbar-color: #f5f5f5;
}

i.fa.fa-chevron-right.fa-color {
    font-size: 11px !important;
}

/* Hme Dropdown */

.dropdown-menu {
  border-radius: 0;
  padding: 0;
}

.dropdown {
  display: inline-block;
}

.positioning{
    position: relative;
}

.positioning .tableresp .dropdown-menu:before{
    position: unset;
    content: unset;
}

.dropdown-menu {
  background-color: #ffffff !important;
    border-radius: 0px !important;
    min-width: 180px !important;
    padding: 3px !important;
    text-align: left;
    -webkit-box-shadow: 0 5px 5px rgb(0 0 0 / 15%) !important;
    box-shadow: 0 5px 5px rgb(0 0 0 / 15%) !important;
    border: 1px solid #a7e7ff !important;
    /* border-bottom: none !important; */
    border-radius: 8px 8px 8px 8px !important;
	
} 

@media (max-width:480px){
  .dropdown-menu {
    min-width: 200px;
  }
}

.dropup .dropdown-menu {
  margin-bottom: 10px;
}

.dropup .dropdown-menu:before {
  top: auto;
  bottom: -10px;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

.dropdown-toggle {
  padding: 5px;
  line-height: 1.1;
  border-radius: 4px;
  font-size: 11px;
  /* margin-right: 5px; */
  position: relative;
}

.dropdown-menu li .close {
  position: absolute;
  right: 5px;
}

.dropdown-menu li table {
  border: 1px solid white;
  margin-bottom: 0;
}

.dropdown-menu li table tbody tr td {
  border-top: 0;
}

.dropdown-menu li table tbody tr td span {
  color: #59C3E3;
}

.dropdown-toggle.left-edge + .dropdown-menu {
  left: 0;
  right: auto;
}

.dropdown-toggle.left-edge + .dropdown-menu:before {
  left: 5px;
  right: auto;
}

.table-responsive .txt-align {
	vertical-align: top !important;
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto !important; 
    -webkit-overflow-scrolling: touch;
        border-radius: 6px !important
}

.dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="top"] {
    right: auto;
    bottom: auto;
}

.grid-stack-item .panel-body1 .table-responsive .dropdown-menu{
    position: absolute;
    will-change: transform;
    top: 7px; right:2%;
    /*left: 46%;*/
    transform: translate3d(0px, 38px, 0px);
}

.dropdown-item:focus, .dropdown-item:hover {
    color: #555353;
    background-color: #a7e7ff;
}

.dropdown-menu  a {
    padding: 8px !important;
    font-size: 14px !important;
    border-bottom: 1px solid #a7e7ff;
}

/* Ashok 23-6-2020 */

#time-off .navbar{border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; -ms-border-radius:0px; -oborder-radius:0px; margin: 0px !important; padding: 0px !important; border-bottom:0px solid #a7e7ff !important; border-top:0px solid #e7e7e7!important;}

button, select {scrollbar-width: auto;}

#time-off .input-group-btn .btn-primary {padding: 7px 8px 2px !important;}

.white-bg{background: #fff !important; border-radius: 6px; border: 1px solid #ddd; margin-bottom:8px;
    box-shadow: 0 8px 7px -4px rgba(191, 185, 191, 0.62);
    box-shadow: 0 2px 2px rgba(0,0,0,.05) !important; padding: 16px 16px 16px 16px !important; width: 100%;}

#time-off .fileinput-button{padding: 7px 8px 2px !important;}

.modal-content {border-radius:15px !important;}

.modal-header {/*background: #008fd5;*/ background-image:url(../images/panel_bg.png); color: #000; padding: 8px 15px 4px 15px; border-radius:15px 15px 0 0;}

@media (min-width: 767px) {
	
.table-responsive .dropdown{position:static;}

}

@media (min-width: 768px) {
	
.dropdown{margin:0; border-width: 1px;}

.table-responsive {overflow: visible;}

}

/* Hme Dropdown */

.bdr_lft{border-left: 1px solid #f1f1f1;}

.chosen-container .chosen-drop {
    position: absolute;
    top: 100%;
    z-index: 1010;
    width: 100%;
    border: 1px solid #999;
    border-top: 0;
    background: #fff;
    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
    clip: rect(0, 0, 0, 0);
}


.table-bordered > tbody > tr > td.msgTd {
    color: #ac6831;
    padding: 0px 0 8px 70px !important;
	white-space: nowrap !important;
}
.table-bordered > tbody > tr > td.no-ellipsis {
    max-width: inherit !important;
    overflow: inherit !important;
	border-bottom: none !important;
	white-space: nowrap !important;
}
.txt-break{
white-space: break-spaces;
}

.dataTables_info {
    padding-top: 17px;
}

.data {
    color: #000;
    position: relative;
    top: 6px;
	padding:0 5px;
}
.data2 {
    color: #000;
    position: relative;
    top: 18px;
	padding:0 5px 0px 0px;
}


.spl-w80 {
    width: 58px !important;
}

.btn-group .dropdown-toggle {
  padding: 5px;
  line-height: 1.4;
  border-radius: 4px;
  font-size: 11px;
  /* margin-right: 5px; */
  position: relative;
}

.spl-topmrg4{
	margin-top:4px !important;
}
/* vamshi tabs 01-05-2020 end*/

/* vamshi end*/

/* Start Media Queries */
@media screen and (min-width:320px) and (max-width:767px) {
	.user-name {
    font-size: 11px;
    color: #333;
    display: block;
    padding-bottom: 2px;
    float: right;
    clear: both;
    line-height: 16px;
    margin-top: -5px;
}

.profile-pic {width:40px; height: 40px;}
	
	
.color-widget {padding: 9px 0px; position: relative !important; width: 100%; bottom: 0; border-top: none !important;}

	
.main-circle1, .main-circle2, .main-circle3, .main-circle4, .main-circle5, .main-circle6, .main-circle7, .main-circle8, .main-circle9, .main-circle10, .main-circle11, .main-circle12, .main-circle13, .main-circle14{float: none !important; margin: auto !important;}	
	
/*footer*/
.copyright {font-size: 12px; text-align: center;}
.support {font-size: 12px; text-align: center;}
.version {font-size: 12px; text-align: center;}

.glance-left {
    margin: 8px 0px 19px -2px;
    width: 100%;
}
.glance-center {
    width: 100%;
	margin-bottom:19px;
}

.glance-right {
    margin: 0px -14px 7px 0px !important;
    width: 100%;
}

.mar-rt {
    margin-right: 0px !important;
    margin-top: -9px !important;
    margin-bottom: 9px !important;
}
.mar-rt1 {
    margin-right: 0px !important;
    margin-top: -16px !important;
    margin-bottom: 14px !important;
}

.panel-default > .panel-heading {
    height: 36px !important;
    font-size: 14px !important;
    color: #343434 !important;
    line-height: 16px !important;
	padding: 10px !important;*/
    font-weight: bold;
	
}
.list-inline3>li {
    display:none;
}

#cssmenu ul li a {
    padding: 10px 19px 10px 40px;
}

#cssmenu ul li a {

    font-size: 10px;
    /* border-right: 1px solid #386d80; */
}


	
}

@media screen and (min-width:768px) and (max-width:991px) {
.color-widget {padding: 9px 0px; position: relative !important; width: 100%; bottom: 0; border-top: none !important;}	

.hi {font-size: 20px;}	

.glance-left {
    margin: 0px -9px;
    width: 34%;
	float:left;
}

.glance-center {
    width: 35%; float:left;
}
.glance-right {
margin: 0px 0px 0px -7px !important;
    width: 33%;
    float: left;
}

.panel-default > .panel-heading {
    height: 36px !important;
    font-size: 13px !important;
    color: #343434 !important;
    line-height: 16px !important;
    padding: 10px !important;
    font-weight: bold;
}
.bg-2 {
    background-color: #fff5f5 !important;
    height: 484px;
}

.bg-3 {
    background-color: #f8fff8 !important;
    height: 484px;
}
.list-inline3>li {
    display:none;
}
.mar-rt {
    margin-right: 0px !important;
    margin-top: -9px !important;
    margin-bottom: 9px !important;
}
.mar-rt1 {
    margin-right: 0px !important;
    margin-top: -16px !important;
    margin-bottom: 14px !important;
}

	
}
@media screen and (min-width:1600px) {

	/*5th grid system*/
.col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9 {
    float: left; position: relative; min-height: 1px;
}

.col-xl-4 {
    width: 33.33333333%;
}
	
	
}

/*** ---------------------------------------------------- Ashok2020 ---------------------------------------------- ***/
 
 
/*.layout-box{margin-bottom:90px; margin-top:20px; border-top:#ccc solid 1px; padding-top:20px;}
 
.layout-box .panel-default > .panel-heading{height: 36px !important; font-size: 18px !important; color: #343434 !important; line-height: 16px !important; font-weight: normal; background-image: url(../images/bg_panal1.png); background-position: center;}
 
.layout-box .panel{margin-bottom:20px;}
 
.layout-box .panel-body{padding:0px 10px 0 0 !important;}
 
.layout-box .panel-body .icon-box{border:#ddd solid 1px; background:#f5f5f5; margin-bottom:8px;}
 
.layout-box .panel-body .icon-bg{background:#fff; padding:6px 5px 5px 5px; height:47px;}
 
.layout-box .panel-body .icon-bg .icon-circle1{background: #6acff5; width: 35px; height: 35px; border-radius: 100%;
text-align: center; padding:6px; margin:auto;}
 
.layout-box .panel-body .icon-bg .icon-circle2{background: #9edda7; width: 35px; height: 35px; border-radius: 100%;
text-align: center; padding:6px; margin:auto;}
 
.layout-box .panel-body .icon-bg .icon-circle3{background: #cdd4a5; width: 35px; height: 35px; border-radius: 100%;
text-align: center; padding:6px; margin:auto;}
 
.layout-box .panel-body .icon-bg .icon-circle4{background: #c9b99a; width: 35px; height: 35px; border-radius: 100%;
text-align: center; padding:6px; margin:auto;}
 
.layout-box .panel-body .icon-bg .icon-circle5{background: #c99a9a; width: 35px; height: 35px; border-radius: 100%;
text-align: center; padding:6px; margin:auto;}
 
.layout-box .panel-body .icon-bg .icon-circle6{background: #92cacc; width: 35px; height: 35px; border-radius: 100%;
text-align: center; padding:6px; margin:auto;}
 
.layout-box .panel-body .icon-bg .icon-circle img{height:22px;}
 
.layout-box .panel-body .icon-box .icon-txt h1{font-size:15px !important; color:#000; padding:0px; margin:5px 0 0 0px !important;}
 
.layout-box .panel-body .icon-box .icon-txt p{font-size:14px; color:#000; margin-bottom:5px !important;}
 
.spl-mrgtp16{margin-top:16px;}
 
.layout-box .panel-body #sidebar-icons {min-width: 100px; max-width: 100px; background: #cfcfcf; color: #fff; padding-bottom: 30px !important; margin-right: 1px; text-align: center; z-index: 999;}
 
.layout-box .panel-body #sidebar-icons ul li a {padding: 10px; font-size: 15px; display: block; color: #333333;
line-height: 40px;height: 61px;}
 
.layout-box .panel-body #sidebar-icons ul li a:hover {color: #333333; background: #eee;}
 
.layout-box .panel-body #sidebar-icons ul li a i {margin-right: 10px;}
 
.layout-box .panel-body #sidebar-icons ul li.active>a, a[aria-expanded="true"] {color: #333; background: #eee;}*/
 
.input-group-addon{padding:9px 12px;}
 
.icon-stack {color:#999 !important; font-size:12.5px !important;}


/* ------------------------------------------------------------------------------------------- Vamshi2020 ------------------------------------- */

/*for setings page*/
.spl-ltpadding25 {
     padding-left:28px !important;
}
/*gear css left icon css*/
/*.gear_css{
height: 39px !important; line-height:14px; position: fixed !important; 
left: -11px !important;
     bottom: 16px;
}*/
/*model body padding bottom16px ---1025line number*/
.modal-body {
     padding:16px 16px 16px 16px;
     position:relative;
}



.panel-body_sub {
     /* padding: 15px !important; */
     height: auto !important;
}

.dashboard .tab-content {
         /* min-height: 350px !important; */
		
     }

.dashboard .tab-content {
     background: #fff;
     border: medium none !important;
     /* min-height: 350px !important; */
     /*overflow: hidden;*/
     padding: 0px 16px 16px 0px !important;
}

/*July 14*/

.blu-txt{
     color:#000 !important; position:relative; top:-10px !important; 
margin-left:17px !important;
}
.spl-rtmr4 {
     margin-right: 4px;
}
.left-bdpanel{
     background-color: #eefaff !important;
      border: 1px solid #d5d5d5;
     border-radius: 4px !important;
     padding: 5px;
     margin-bottom:16px;
     margin-left: -4px;
}
.right-sublayout22 {
     width: 104%;
}

.well_2 {
     margin-bottom: 16px;
}

.well_2 h4{font-size:20px; margin-top:10px;}
.grn-clr{color:#22b14c;}

.user-profile1 {
     position: relative;
     width: 79%;
     /* background: #38a2ca !important; */
     background: rgb(56,162,202);
     /* background: linear-gradient(-90deg, rgba(56,162,202,1) 0%, 
rgba(56,162,202,1) 26%, rgba(238,250,255,1) 99%); */
     padding: 5px 5px 9px 5px;
     height: 160px;
}

.user-profile-pic3 {
     width: 100px;
     height: 100px;
     position: relative;
     left: 115px !important;
     border: 4px solid #fff;
     border-radius: 100%;
     box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
     overflow: hidden;
     margin: 0px auto;
     bottom: -2px;
     top: -80px;
}


.right-sublayout {
     width: 100%;

}
.breadcrumb_5 {

         background-color: #76d3f5 !important;
}


@media screen and (min-width:768px) and (max-width:1200px) {

.user-profile1 {
     position: relative;
     width: 100%;
     /* background: #38a2ca !important; */
     background: rgb(56,162,202);
     /* background: linear-gradient(-90deg, rgba(56,162,202,1) 0%, 
rgba(56,162,202,1) 26%, rgba(238,250,255,1) 99%); */
     padding: 5px 5px 9px 5px;
     height: 174px;
}


.table-responsive {overflow: scroll;}
/*  vamshi tabs 15-07-2020 start*/
.progress-bar {
     line-height: 15px !important;
}

.btn.active[data-active-class="danger"] {
     color: #fff;
     background-color: #0892d6 !important;
     border-color: #ac2925 !important;
}
.container-bgwraper3{margin:0px 0px 16px 10px!important;padding:16px 
16px 16px 16px!important;}

.sidebtn{margin-bottom:12px}
.white-bg-shadow {
     background: #fff;
     border-radius: 5px;
     padding: 16px 16px 0px 16px;
     margin: 0px 0px 16px 0px !important;
     /* margin-bottom: 16px; */
     -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,.150);
     box-shadow: 0px 0px 7px rgba(0,0,0,.150);
}

/*  vamshi tabs 15-07-2020 start*/
.progress-bar {
     line-height: 15px !important;
}

.btn.active[data-active-class="danger"] {
     color: #fff;
     background-color: #0892d6 !important;
     border-color: #ac2925 !important;
}
.container-bgwraper3{margin:0px 0px 16px 10px!important;padding:16px 
16px 16px 16px!important;}

.sidebtn{margin-bottom:12px}
.white-bg-shadow {
     background: #fff;
     border-radius: 5px;
     padding: 16px 16px 16px 16px;
     margin: 0px 0px 16px 0px !important;
     /* margin-bottom: 16px; */
     -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,.150);
     box-shadow: 0px 0px 7px rgba(0,0,0,.150);
}

.dashboard .tab-content {
      background: #fff;
      border: medium none !important;
      /* min-height: 350px !important; */
      /*overflow: hidden;*/
      padding: 0px 0px 16px 0px !important;
}

/* vamshi 16-07-2020*/
.sml_txt{color:#000 !important;position:relative;top:-8px;margin-left:17px;}
.modal-body{padding: 16px 16px 16px 16px}/*margin-bottom:0px add vamshi 
on 15-07-2020*/
.buttons{/*margin:4px -6px -4px 0px*/ margin-bottom:0px 
!important;}/*margin-bottom:0px add vamshi on 15-07-2020*/
.panel-body{ padding:14px 16px 16px 16px !important;}/*padding bottom 
16px add vamshi on 15-07-2020*/


     @media screen and (min-width:1024px) and (max-width:1280px) {
.user-profile11 {
     position: relative;
     width: 85% !important;
     background: #1a8ecd !important;
     padding: 5px 5px 9px 5px;
     height: 150px;
}
.blu-box {
     padding: 0px 10px 10px 20px;
     color: #fff;
}

}




}

@media screen and (min-width:320px) and (max-width:767px) {
     .user-profile1 {
     position: relative;
     width: 100%;
     /* background: #38a2ca !important; */
     background: rgb(56,162,202);
     /* background: linear-gradient(-90deg, rgba(56,162,202,1) 0%, 
rgba(56,162,202,1) 26%, rgba(238,250,255,1) 99%); */
     padding: 5px 5px 9px 5px;
     height: 148px;
}
}

/* Added by suresh */
div#cssmenu.cssmenu2 ul li.active div.clearfix a{
	cursor: default;
}

.spl-right-margin16{
	margin-right: 16px;
}

  .resizer{
   /*  background: #b9dfe1; */
    border-left: 1px solid #b9dfe1;
    position:absolute;
    top:0px;
    right:-5px;
    bottom:0px;
   /*  width:6px; */
    cursor:col-resize
}

.highlightLink{
	    color: #333333;
    background: #eee;
}


.table-condensed > tbody > tr > td {
    max-width: 350px;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
   /* white-space: nowrap !important;*/
}

.panel-default > #ajaxTabContentId2 >.panel-heading {
    height: 36px !important;
    font-size: 18px !important;
    color: #343434 !important;
    line-height: 16px !important;
    /* padding: 10px !important; */
    background-image: url(../images/bg_panal1.png);
    background-position: center;
}


/* width */
::-webkit-scrollbar {
  width: 8px;	
  height: 8px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 3px grey; 
  border-radius: 8px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #c0c0c0de; 
  border-radius: 15px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #aaaaaa; 
}


/* ------------------------------------------------------------------------------ Nagaraju2020 ------------------------------------- */

.list-caption{position: relative;top:7px;margin-left: -9px;}
.w-229{width:229px !important}

#cssmenu{ float:left;/* margin-bottom:13px */}
/* .container-bgwraper3{  padding: 16px 16px 0px 16px !important;margin: 0px 0px 56px 0px !important;} */
.main-layout{margin-bottom: 16px}
.panel-body_sub{padding:0px 16px 0px 0px!important}
.panel-body{ padding:14px 16px 0px 16px !important;border-radius: 16px;}
.form{margin-bottom:16px !important; clear:both }
.buttons{/*margin:4px -6px -4px 0px*/ margin-bottom:12px !important;}
.nav-tabs1{margin-bottom: 8px !important}
/* .caption_btn{margin:-6px 0px 0px 0px} */
.checkbox-inline, .radio-inline{margin-bottom:8px}
.sidebtn a{margin-bottom:6px}
.panel-default{    margin-bottom: 12px;
    border-radius: 15px;
   /*  overflow-x: hidden; */
  
   }
.pagination{margin:0px 0 16px!important;}
.list{margin-bottom:16px!important;}
.label-value{text-align:left !important; color:#666!important}
.modal-footer1{padding: 0px 16px 16px 16px !important;}
.modal-body{padding: 16px 16px 0px 16px}
.modal-body .form{ margin-bottom:8px !important;padding-bottom: 2px;}
.modal-body .nav{ margin-bottom:16px !important}
.dboxsize12{margin-top:58px !important;}

@media only screen and (min-width :320px) and (max-width : 1024px){
.list-caption{top:0px;}
}
@media (min-width: 992px) and (max-width: 1220px) {
.fld-width-1 {
    width: auto !important;
    min-width:100%;
    max-width:100%;
}
	}

/** given by nagaraju sir on 21-07-2020 for date picker and clock picker **/
.input-group .dropdown-menu li table tbody tr td span{color:#000 !important;}
.input-group .dropdown-menu a{border-bottom: none !important}
.bootstrap-datetimepicker-widget table td span{display: none;float: left;}
/** End **/
/** given by nagaraju sir on 23-07-2020 for date picker year alignment issue **/
.bootstrap-datetimepicker-widget .table-condensed > tbody > tr > td{
	white-space: normal !important;
}
/** dashboard table padding issue **/
.dash_list .table > tbody > tr > td{padding:11px 10px 11px 10px!important;}
/** End **/

/**Permission Screen caption**/
.title {border-bottom: 1px solid #ddd; color: #585757; font-size: 15px; margin-bottom: 6px;
    margin-left: 5px !important;font-weight:bold; }

.bootstrap-datetimepicker-widget .table-condensed > tbody > tr > td span.timepicker-hour {float: none !important} 
.bootstrap-datetimepicker-widget .table-condensed > tbody > tr > td span.timepicker-minute {float: none !important} 

/** Below pagination CSS added by prasad starting **/
.entries {
     border: 1px solid #ddd !important;
    border-radius: 22px !important;
    -webkit-box-shadow: 2px 2px 2px 1px rgb(0 0 0 / 60%);
    -moz-box-shadow: 2px 2px 2px 1px rgba(0,0,0,0.75);
    box-shadow: 1px 1px 1px 1px rgb(0 0 0 / 25%);
    font-size: 14px !important;
    font-weight: bold;
    display: inline-block;
    float: left;
    /* padding: 8px; */
    /* background: gold; */
    float: left;
    padding: 0px 8px 5px 22px;
    /* margin: 16px 0px 16px 16px; */
    margin-bottom: 10px;
    margin-right: 3px;
}
.pnation{}
.PreNxt{opacity:12px;}
.PgNum {padding:5px 00px;}

.entries .acti, .entries .noActi{
	padding: 14px 18px;
    text-decoration: none;
    color: #000 !important;
    padding: 1px 11px;
    margin: 0px 13px;
    }
.acti:hover, .noActi:hover{ background:#eee}
/** Ending **/




/* --------------From 17 July --------------*/

/* vamshi*/
.dashboard .tab-content{background: #fff;border: medium none !important;/* min-height: 350px !important; overflow: hidden;*/padding:0px!important;}
.table-condensed > tbody > tr > td {max-width: 350px;overflow: hidden !important;text-overflow: ellipsis !important;/* white-space: nowrap !important; */}
.input-group-addon{padding: 8px 12px;}
.table-condensed > tbody > tr > td {
     max-width: 350px;
     overflow: hidden !important;
     text-overflow: ellipsis !important;
/*    white-space: nowrap !important;*/
}



@media screen and (min-width:1024px) and (max-width:1280px) {
     .table-condensed > tbody > tr > td {
     max-width: 350px;
     overflow: hidden !important;
     text-overflow: ellipsis !important;
     /* white-space: nowrap !important; */
}

}



/* // Ashok */
.mandatory2{border:1px solid #dd4b39 !important; border-radius:4px;}
.browse .input-group-btn .btn{padding:6px 8px 8px !important;}
.unit-setting-list li{margin-bottom:8px;}
.main-section{margin-top:3px !important;}
.mandatory2{border:1px solid #dd4b39 !important; border-radius:4px;}
.browse .input-group-btn .btn{padding:6px 8px 8px !important;}
.unit-setting-list li{margin-bottom:8px;}
.main-section{margin-top:3px !important;}
/*.panel .color-widget{position:relative; padding:0px; top:-5px; margin-bottom:8px;}*/

.bday-bg{ text-align:center; margin-bottom:16px; background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,1) 60%, rgba(0,178,144,1) 60%); border:#ddd solid 1px; -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,.150); box-shadow: 0px 0px 7px rgba(0,0,0,.150);}
 
.bday-bg-img{width:70px; height:70px; border:#ddd solid 3px; border-radius:50px; margin:30px auto 10px auto; }
 
.bday-bg-img img{width:65px; height:65px; padding:4px; border-radius:50px; text-align:center;}
 
.bday-body h1{font-size:17px !important;}
 
.bday-body p{font-size:14px !important;}
 
.bday-bg2{ text-align:center; margin-bottom:16px;  background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,1) 60%, rgba(0,160,232,1) 60%);  border:#ddd solid 1px; -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,.150); box-shadow: 0px 0px 7px rgba(0,0,0,.150);}
 
.bday-bg-img2{width:70px; height:70px; border:#ddd solid 3px; border-radius:50px; margin:30px auto 10px auto; }
 
.bday-bg-img2 img{width:65px; height:65px; padding:4px; border-radius:50px; text-align:center;}
 
.bday-body2 h1{font-size:17px !important;}
 
.bday-body2 p{font-size:14px !important;}
 
.anniversary-badge{ top: 33px;bottom: auto;left: auto; right: -1px; opacity: 1; }
 
.anniversary-badge .anniversary-badge__wrap{ -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); }  
 
.anniversary-on-sale-badge .anniversary-shape1::after {content: ' ';border-left: 4px solid #002e46;  border-bottom: 4px solid transparent; position: absolute; right: 1px;bottom: -4px;}
 
.anniversary-on-sale-badge .anniversary-shape1::before { content: ' '; width: 91px; height: 0; border-bottom: 28px solid #0175af; border-left: 18px solid transparent; position: absolute; left: -18px; top: -56px; box-sizing: border-box;}      
 
.anniversary-on-sale-badge{ color: #ffffff; width:91px; height:60px; position:relative; box-sizing: border-box; position: absolute; background-color: transparent;}
        
.anniversary-on-sale-badge .anniversary-shape1{width:91px; height:0;  border-top: 28px solid #0175af; border-left: 18px solid transparent; position:relative; box-sizing: border-box; position: absolute; top:28px; right:0px;}        
        
.anniversary-on-sale-badge .anniversary-shape2{width:85px; height:0; border-top: 19px solid #00517a; border-left: 12px solid transparent;  position:relative; box-sizing: border-box; position: absolute; bottom:-56px; right:0px;}
 
.anniversary-on-sale-badge .anniversary-shape3::after {content: ' ';border-left: 4px solid #acadae;  border-bottom: 4px solid transparent; position: absolute; right: 1px;bottom: -4px;}
 
.anniversary-on-sale-badge .anniversary-shape3::before { content: ' '; width: 91px; height: 0; border-bottom: 28px solid #acadae; border-left: 18px solid transparent; position: absolute; left: -18px; top: -56px; box-sizing: border-box;}
 
.anniversary-on-sale-badge .anniversary-shape3{width:91px; height:0;  border-top: 28px solid #acadae; border-left: 18px solid transparent; position:relative; box-sizing: border-box; position: absolute; top:28px; right:0px;}        
        
.anniversary-on-sale-badge .anniversary-shape4{width:85px; height:0; border-top: 19px solid #929293; border-left: 12px solid transparent;  position:relative; box-sizing: border-box; position: absolute; bottom:-56px; right:0px;}
        
.anniversary-on-sale-badge .anniversary-sale-percent{position: absolute; font-size: 25px; font-weight: 700; line-height: 0px; top:20px; right:21px;}
        
.anniversary-on-sale-badge .anniversary-sale-percent small{color:#fff !important; position:relative; top:-10px;}
        
.anniversary-on-sale-badge .anniversary-save{position: absolute; font-size: 10px; line-height: 0px; bottom: -46px; left:30px;}
        
.bday-badge{ top: -11px;bottom: auto;left: auto;right: -11px; opacity: 1; }
 
.bday-badge .bday-badge__wrap{ -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); } 
       
.bday-badge{background:url(../images/bday-img.png) no-repeat; width: 60px; height: 60px; position: absolute; z-index:10;}
 
.bday-badge .bday-txt{position: absolute; top:9px;  right:22px; }
 
.bday-badge-inactive{ top: -11px;bottom: auto;left: auto;right: -11px; opacity: 1; }
 
.bday-badge-inactive .bday-badge__wrap{ -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); }
 
.bday-badge-inactive{background:url(../images/bday-img-2.png) no-repeat; width: 60px; height: 60px; position: absolute; z-index:10;}
     
.bday-badge-inactive .bday-txt{position: absolute; top:9px;  right:22px; }
 
.bday-bg-inactive{ text-align:center; margin-bottom:16px;  background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,1) 60%, rgba(212,213,213,1) 60%);  border:#ddd solid 1px; -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,.150); box-shadow: 0px 0px 7px rgba(0,0,0,.150);}

/*21 July*/
main-lt-bg{border: 1px solid #d5d5d5; border-radius: 4px !important;  background: rgb(238,250,255);
background: -moz-linear-gradient(0deg, rgba(238,250,255,1) 80%, rgba(56,162,202,1) 69%);
background: -webkit-linear-gradient(0deg, rgba(238,250,255,1) 80%, rgba(56,162,202,1) 69%);
background: linear-gradient(0deg, rgba(238,250,255,1) 80%, rgba(56,162,202,1) 69%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eefaff",endColorstr="#38a2ca",GradientType=1);  }
.main-lt-bg .profile-img {width: 110px; height: 110px; border: 6px solid #fff; border-radius: 100%; box-shadow: 0px 0px 10px rgba(0,0,0,0.2); margin: 30px auto 8px auto;}
.main-lt-bg .profile-img img{width: 100px; height: 100px; border-radius: 50px; text-align: center;}
#ltnav .panel-body ul li a:hover {border-bottom: 0px solid #38a2ca !important;}
#ltnav .panel-body ul li .active {border-bottom: 0px solid #38a2ca !important;}
.title {border-bottom: 1px solid #ddd; color: #585757; font-size: 15px; margin: 8px 0; font-weight:bold;}
/*29 July ------ */
.head-section{background : #d9eeff; padding: 5px 10px;}
.head-section .txt{font-size: 16px !important; color: #343434 !important; line-height: 35px !important;}
.head-section .form-control{height:30px; border:#ddd solid 1px; margin-top:2px;}
.custom-form-box{ border:#ddd solid 1px; padding: 10px 10px; margin-bottom:8px;}
.custom-form-box .txt{font-size: 16px !important; color: #343434 !important; line-height: 33px !important;}
.custom-form-box .input-group{margin-bottom:0px !important;}
.custom-form-box .form-control{ border:#ddd solid 1px;}
.custom-form-box .input-group-btn .btn{ border:#ddd solid 1px !important;}
.custom-form-box2{ border:#ddd solid 1px; padding: 10px 10px; margin-bottom:8px; background:#f5f5f5;}
.custom-form-box2 .txt{font-size: 16px !important; color: #343434 !important; line-height: 33px !important;}
.custom-form-box2 .input-group{margin-bottom:0px !important;}
.custom-form-box2 .form-control{ border:#ddd solid 1px;}
.custom-form-box2 .input-group-btn .btn{ border:#ddd solid 1px !important;}

/* // Nagaraju*/
.dboxsize12-nl{margin-top:36px !important;}
@media (max-width: 575px) {.dboxsize12, .dboxsize12-nl{margin-top:0px!important; margin-bottom:8px}}
.form{margin-bottom:16px !important; clear:both }
.buttons{margin-top:8px !important; margin-bottom:16px !important}
.btn-sutisoft{margin-bottom:0px !important}
.white-bg-shadow{ padding-bottom:1px!important;}



/*.panel-body1 .dash_list .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
padding:10px 10px 8px 10px!important;}*/

/*for suresh*/
.dash_list .table > tbody > tr > td{padding:11px 10px 11px 10px!important;}
.input-group .dropdown-menu li table tbody tr td span{color:#000 !important;}
.input-group .dropdown-menu a{border-bottom: none !important}
.bootstrap-datetimepicker-widget table td span{display: none;float: left;}
.bootstrap-datetimepicker-widget .table-condensed > tbody > tr > td{white-space: normal !important;}
.bootstrap-datetimepicker-widget .table-condensed > tbody > tr > td span.timepicker-hour {float: none !important} 
.bootstrap-datetimepicker-widget .table-condensed > tbody > tr > td span.timepicker-minute {float: none !important}



/* ---------------New CSS starts from 29 July  ---- */
/*--- Ashok ---*/
.test-box {display: block; padding: 4px; margin-bottom: 16px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd;
 border-radius: 4px; -webkit-transition: border .2s ease-in-out; -o-transition: border .2s ease-in-out; transition: border .2s ease-in-out;}
.test-box .test-bg{padding: 13px 8px 15px 5px; display: block;}
.test-box .test-bg .form-control{margin-bottom:0px !important;}
.test-box .test-title {padding:8px; background:#f5f5f5; }
.test-box h1{font-size:15px !important; color:#000; margin: 0px !important;}
.test-box p{font-size:13px; color:#666; margin: 0px !important;}
.test-box .test-title img{margin:5px 0;}
.training-test .affix{top: 135px; width:21.5%;}
.subhead3{background: #eee; color: #000; font-size: 16px; margin: 0px 0; padding:10px 8px; width: 100%;}
.well2{background: #f9f9f9; border-bottom: #ddd solid 1px; min-height: 20px; padding: 5px 10px !important; border-radius: 0px !important;}


.layout-box{margin-bottom:90px; margin-top:20px; border-top:#ccc solid 1px; padding-top:20px;}
.layout-box .panel-default > .panel-heading{height: 36px !important; font-size: 18px !important; color: #343434 !important; line-height: 16px !important; font-weight: normal; background-image: url(../images/bg_panal1.png); background-position: center; /*padding: 10px !important;*/}
.layout-box .panel{margin-bottom:20px; border-radius:4px;}
.layout-box .panel-body{padding:0px 10px 0 0 !important; min-height:390px !important;}
.layout-box .body-hgt{height:370px !important; overflow-y:scroll;}
.layout-box .panel-body .icon-box{border:#ddd solid 1px; background:#f5f5f5; margin-bottom:8px; border-radius:4px;}
/*.layout-box .panel-body .icon-bg{background:#fff; padding:6px 5px 5px 5px; height:52px;}*/
.layout-box .panel-body .icon-bg .icon-circle1{background: #6acff5; width: 35px; height: 35px; border-radius: 100%;
text-align: center; padding:6px; margin:auto;}
.layout-box .panel-body .icon-bg .icon-circle2{background: #9edda7; width: 35px; height: 35px; border-radius: 100%;
text-align: center; padding:6px; margin:auto;}
.layout-box .panel-body .icon-bg .icon-circle3{background: #cdd4a5; width: 35px; height: 35px; border-radius: 100%;
text-align: center; padding:6px; margin:auto;}
.layout-box .panel-body .icon-bg .icon-circle4{background: #c9b99a; width: 35px; height: 35px; border-radius: 100%;
text-align: center; padding:6px; margin:auto;}
.layout-box .panel-body .icon-bg .icon-circle5{background: #c99a9a; width: 35px; height: 35px; border-radius: 100%;
text-align: center; padding:6px; margin:auto;}
.layout-box .panel-body .icon-bg .icon-circle6{background: #92cacc; width: 35px; height: 35px; border-radius: 100%;
text-align: center; padding:6px; margin:auto;}
.layout-box .panel-body .icon-bg img{margin-top:5px;}
.layout-box .panel-body .icon-box .icon-txt h1{font-size:15px !important; color:#000; padding:0px; margin:5px 0 0 0px !important;}
.layout-box .panel-body .icon-box .icon-txt p{font-size:14px; color:#000; margin-bottom:5px !important;}
.spl-mrgtp16{margin-top:16px;}
/*.layout-box .panel-body #sidebar-icons {min-width: 100px; max-width: 100px; background: #cfcfcf; color: #fff; padding-bottom: 30px !important; margin-right: 1px; text-align: center; z-index: 999;  min-height:390px !important; padding-left: 15px;}*/
/*.layout-box .panel-body #sidebar-icons ul li a {padding: 10px; font-size: 15px; display: block; color: #333333;
line-height: 40px;height: 61px;  border-bottom: 1px solid #fff;}*/
.layout-box .panel-body #sidebar-icons ul li a:hover {color: #333333; /* background: #eee */;}
.layout-box .panel-body #sidebar-icons ul li a i {margin-right: 10px;}
.layout-box .panel-body #sidebar-icons ul li.active>a, a[aria-expanded="true"] {color: #333; /* background: #eee */;}



/* Vamshi */
/* 12-08-2020 start */
.user-profile p{color: #333; margin-bottom: 0px; line-height: 20px; position:relative; left:-8px;}
.user-profile h4 {color:#333; margin-top: 20px; margin-bottom: 2px; line-height: 20px; padding-left: 5px; position:relative; left:-9px;}

.user-profile{position: relative;
    position: relative;
    width: 100%;
    margin-top: 50px;
    /* margin-left: 8px; */
    }
	#sidebar .sidebar-header {
 padding: 16px 20px 16px 16px !important;
    background: #c6d8e1 !important;
}

/*.bg-arrow{background: url("../images/arrow_left-right.png") no-repeat top center; width: 20px; height: 70px; position: absolute; top: 15px; right: -81px;}*/

		
		.border-right {
    border-right: 1px solid #ddd;
}
.spl-mrgall {
    margin: 16px 8px 0px 0px !important;
	padding:0px 16px !important;
}
/* 12-08-2020 end */

/* 18-08-2020 start */

.mandatory:focus {   z-index: 100 !important; webkit-box-shadow: 0px 0px 10px 2px rgba(255, 0, 0, 0.3);
box-shadow: inset 0 1px 1px rgba(255, 0, 0, 0.3), 0 0 10px rgba(255, 0, 0, 0.3);  }

/* 18-08-2020 end */

.blue {
    background-color: #a7e7ff;
}
.green{
    background-color: #b0e5a3;
}


/*Ashok 21-8-2020*/

.custom-color .input-group {position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: stretch;
    align-items: stretch; width: 100%;}
	
.custom-color .input-group > .form-control:not(:first-child) {border-top-left-radius: 0; border-bottom-left-radius: 0; width:30%; border-left:none !important;}

.custom-color .input-group > .form-control:not(:last-child) {border-top-right-radius: 0; border-bottom-right-radius: 0; width:70%;}

.custom-color .input-group > .form-control, .custom-color .input-group > .form-control-plaintext { position: relative; -ms-flex: 1 1 auto;
    flex: 1 1 auto; width: 1%; min-width: 0; margin-bottom: 0;}
	
.row-no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.row-no-gutters [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}	
	
.layout-box .panel-body .icon-bg{background:#fff; padding:6px 0px 5px 0px; height:92px; border-radius:4px 0 0 4px;}

.layout-box-panel{padding: 100px 0;}

.layout-box-panel h1 {color: #333; font-size: 18px !important; margin: 0px !important; padding: 0px 0 0 10px !important;}

.layout-box .main-circle1, .layout-box .main-circle2, .layout-box .main-circle3, .layout-box .main-circle4, .layout-box .main-circle5, .layout-box .main-circle6, .layout-box .main-circle7, .layout-box .main-circle8, .layout-box .main-circle9, .layout-box .main-circle10, .layout-box .main-circle11, .layout-box .main-circle12, .layout-box .main-circle13, .layout-box .main-circle14, .layout-box .edit-quick1, .layout-box .edit-quick2, .layout-box .edit-quick3, .layout-box .edit-quick4, .layout-box .edit-quick5, .layout-box .edit-quick6, .layout-box .edit-quick7, .layout-box .edit-quick8, .layout-box .edit-quick9, .layout-box .edit-quick10 {width: 40px; height: 40px; border-radius: 100%; margin: auto 20px; float: left; text-align: center; vertical-align: middle;}

.edit-quick1{background: #1794ad;}
.edit-quick2{background: #98bc47;}
.edit-quick3{background: #1eb8f3;}
.edit-quick4{background: #ffc33b;}

.layout-box .panel-body #sidebar-icons {min-width: 134px; max-width: 134px; background: #fff; color: #000; padding-bottom: 30px !important; margin-right: 1px; text-align: center; z-index: 999;  min-height:390px !important; padding-top:10px; border-right:#ddd solid 1px; border-radius:4px 0 0 4px; /*padding-left: 15px;*/}

.layout-box .panel-body #sidebar-icons ul li a {padding: 10px; font-size: 15px; display: block; color: #333333;
line-height: 40px; height: 70px; /* border-bottom: 1px solid #fff;*/}

.edit-icon-txt{font-size:13px; line-height:14px; margin-top:10px !important;}

.layout-box .panel-body .icon-box .icon-txt h1 span{font-weight:bold; padding-right:10px; font-size:13px;}

.bx-viewport{height: 330px !important;}

.bx-wrapper {position:relative; margin:15px auto 0px; padding:0; *zoom:1; -ms-touch-action:pan-y; touch-action:pan-y;}

.bx-wrapper img {margin-top: 5px;}

.bx-wrapper .slide{width:134px !important; height:70px;}

.bxslider {margin:0; padding:0;}

ul.bxslider {list-style:none;}

.bx-viewport {-webkit-transform:translatez(0);}

.bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager {position:absolute; bottom:-30px; width:100%;}

.bx-wrapper .bx-loading {min-height:50px; background:url(images/bx_loader.gif) center center no-repeat #fff; height:100%; width:100%; position:absolute;
 top:0; left:0; z-index:2000;}
 
.bx-wrapper .bx-pager {text-align:center; font-size:.85em; font-weight:700; color:#666; padding-top:20px;}

.bx-wrapper .bx-pager.bx-default-pager a {background:#666; text-indent:-9999px; display:block; width:10px; height:10px; margin:0 5px; outline:0;
 -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
 
.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:focus, .bx-wrapper .bx-pager.bx-default-pager a:hover {
 background:#000;}
 
.bx-wrapper .bx-controls-auto .bx-controls-auto-item, .bx-wrapper .bx-pager-item {display:inline-block; *zoom:1; *display:inline;}

.bx-wrapper .bx-pager-item {font-size:0; line-height:0;}

.bx-wrapper .bx-prev {left:10px; background:url(../images/controls.png)  no-repeat 0 -32px;}

.bx-wrapper .bx-prev:focus, .bx-wrapper .bx-prev:hover {background-position:0 0;}
 
.bx-wrapper .bx-next {right:10px; background:url(../images/controls.png) no-repeat -43px -32px;}

.bx-wrapper .bx-next:focus, .bx-wrapper .bx-next:hover {background-position:-43px 0;}

.bx-wrapper .bx-controls-direction a{position:absolute;top:50%; margin-top:-26px; outline:0; width:32px; height:32px; text-indent:-9999px; z-index:0;}

.bx-wrapper .bx-controls-direction a.disabled { display:none;}

.bx-wrapper .bx-controls-auto {text-align:center;}

.bx-wrapper .bx-controls-auto .bx-start {display:block; text-indent:-9999px; width:10px; height:11px; outline:0;
 background:url(images/controls.png) -86px -11px no-repeat; margin:0 3px;}
 
.bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:focus, .bx-wrapper .bx-controls-auto .bx-start:hover {background-position:-86px 0;}

.bx-wrapper .bx-controls-auto .bx-stop {display:block; text-indent:-9999px; width:9px; height:11px; outline:0;
 background:url(images/controls.png) -86px -44px no-repeat; margin:0 3px;}
 
.bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:focus,.bx-wrapper .bx-controls-auto .bx-stop:hover {
 background-position:-86px -33px;}
 
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align:left; width:80%;}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right:0; width:35px;}

.bx-wrapper .bx-caption {position:absolute; bottom:0; left:0; background:#666; background:rgba(80,80,80,.75); width:100%;}

.bx-wrapper .bx-caption span {color:#fff; display:block; font-size:.85em; padding:10px;}

.bx-controls a {transform: rotate(90deg); left: 45% !important; top: 0 !important; bottom: 0!important; right: 0 !important;}

.bx-controls .bx-prev {top: 0px !important; left: 52px !important;}

.bx-controls .bx-next {top: 360px !important; left: 52px !important;}

.user-profile{width:100%;}

.bg-arrow {
        width: 38px;
    height: 38px;
    border-radius: 100%;
    background: #fff;
    border: 1px solid #ccc;
    position: absolute;
    z-index: 1000;
    top: -54px !important;
    right: 5px !important;
}

.bg-arrow img {
    position: relative;
    top: -5px;
    left: -8px;
    width: 25px;
}

.mt81 {margin-top: 81px !important;}

#dropdownMenu1 img{margin-top:-2px;}

.gear_css{height: 39px !important; line-height:14px; position: fixed !important; left: -2px !important; bottom: 16px;}

.bg-1{min-height: 204px;}

.bg-4{min-height: 229px; padding:8px !important;}

.main-section .panel-body11 .table > tbody > tr > td{ background-color: #fff !important; border-bottom: 1px solid #f5f5f7 !important; padding: 2px 6px 2px 6px !important;}

.panel-btn{background:#005a9e !important
; margin-top:-4px !important; margin-right:-4px; border:none;}

.badge {background: #fff !important; border-radius: 4px !important; border: 1px solid #e1e1e1; color: #343434 !important; font-size: 15px !important;
    font-weight: normal !important; top: 10px !important; margin-top: -3px !important; margin-left: 0px; padding: 2px 5px;}

.badge1 {background: #005a9e !important; border-radius: 4px !important; border: 1px solid #e1e1e1; color: #fff !important; font-size: 15px !important;
		font-weight: normal !important; top: 10px !important; margin-top: -3px !important; margin-left: 0px; padding: 1px 5px;}


.birthday-div{width: 100%; float: left; display: inline-block; height: 100%; padding: 5px 6px; position:relative; /*border: 1px solid #e1e1e1; margin-left: -1px;  margin-top: -1px;*/ }

.bday-today{border:#168fce solid 1px;}

.bday-img{position:absolute;}



@media (min-width: 576px) { ... }
@media (min-width: 768px) { ... }
@media (min-width: 992px) { ... }
@media (min-width: 1200px) { ... }

@media (max-width: 575px) { ... }
@media (max-width: 767px) { ... }
@media (max-width: 991px) { ... }
@media (max-width: 1199px) { ... }

@media (max-width: 575px) { ... }
@media (min-width: 576px) and (max-width: 767px) { ... }
@media (min-width: 768px) and (max-width: 991px) { ... }
@media (min-width: 992px) and (max-width: 1199px) { ... }
@media (min-width: 1200px) { ... }

/* -------------------- */
.dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
	color: #000!important;
    text-decoration: none;
    background-color: #a7e7ff !important;
	}
	
	.dropdown-menu > .active > a{
    
     background-color: transparent !important;
    border-bottom: 1.5px #51879b solid !important;
}

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

.spl-mrgall {
    margin: 16px 8px 0px 0px !important;
    padding: 0px 16px !important;
}
#ltnav .panel-heading.active{
background: #38a2ca !important;
}
#ltnav .active a{
color: #fff !important;
}


.pos-relative{
    position: relative !important;
  }

/*** given web team vamshi ****/
.fa-gear:before, .fa-cog:before {
    content: "\f013";
    padding-bottom: 1px !important;
    position: relative;
    bottom: 2px;
} 
/* 29-09-2020 */
.btn_mrgbt {
    margin-bottom: 1px;
}
/* End */

.notice-board-table a{color:#fff}
.notice-board-table a:hover {color:#ccc}

body {
  counter-reset: section;                       /* Set a counter named 'section', and its initial value is 0. */
}

div.counter::before {
  counter-increment: section;                   /* Increment the value of section counter by 1 */
  content:  counter(section);    /* Display the word 'Section ', the value of
                                                   section counter, and a colon before the content
                                                   of each h3 */
}
/* #content1 {
    width: calc(100% - 81px) !important;
} */
#content1.nav-opened {
    width: calc(100% - 330px) !important;
}
.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 36px;
    text-align: center;
    pointer-events: none;
}
.bdr_lft{border-left:1px solid #809096;}
.icon_b{position:relative; left:21px;}

.label-atxt{position:relative; top:0px;}
.label-ltxt{position:relative; top:-10px;}


.t-blue {
    color: #005a9e;
}
.mr-12 {
    margin-top: 12px;
}
.panel-heading-Darvis{ background-image: url(../images/bg_panal1_darvis.png) !important}

.main-icon {
    text-align: center;
    vertical-align: middle;
    margin-left: -5px;
}

li.list-inline-item.tlg {
    margin-right: -1px !important;
    margin-left: 1px;
}
.main-header .list-inline-item {
    margin-top: 5px;
    vertical-align: middle;
    margin-right: 0px;
    padding-bottom: 6px;
}
.open>.dropdown-menu {
    display: block;
    z-index: 9999;
}
li.list-inline-item.alert-icon {
    margin-top: 8px;
}
#sidebar ul.components img {
    width: 26px;
    margin-right: 10px;
}
.list-inline {
    padding-top: 2px;
    position: relative;
  /*   margin-top: -5px !important; */
}
.hr-bdr {
    border-color: #a7e7ff !important;
}

hr {
    border-top: 1px solid #ddd;
    margin: 0 !important;
}
/*New Uiicons changes starts from here y Mounikaa  */
.badge1 {background: #005a9e !important; border-radius: 4px !important; border: 1px solid #e1e1e1; color: #fff !important; font-size: 15px !important;
		font-weight: normal !important; top: 10px !important; margin-top: -3px !important; margin-left: 0px; padding: 1px 5px;}
.listactions2 img{
	/* padding-right: 5px !important; */
}
.listactions2 img{
	margin-right: 5px !important;
}
.modal-body1 img {
	width:30px;
}
.modal-body1  img {
    vertical-align: middle;
}
.modal-body1  img {
    border: 0;
}
.modal-header {
    background-image: none;
    color: #000;
    padding: 8px 15px 4px 15px;
    border-radius: 8px 8px 0px 0px !important;
}
.modal-body1 .nav-pills > li > a {
    border-radius: 0px !important;
    background: #fff !important;
   border-bottom: none !important;
    padding: 7px 15px 8px !important;
    min-height: 38px;
     font-size: 18px;
}
.modal-body1{
    padding: 8px 0px 2px 16px;
}
 .modal-footer {
    padding: 0px 16px 14px 16px !important;
    border-top: none !important;
}
h4.modal-title, .h4 {
    font-size: 17px !important;
    font-weight:normal;
    padding-bottom:4px;
}
.alert-img{

float: left;
padding-right: 30px;
padding-top: 39px;

} 
.blu-box-txt {
    padding: 22px 0px 19px 0px;
}
.blu-box-txt p {
    margin: 0px 0px 0px 0px !important;
}
small.sml_txt {
    position: relative;
    top: -7px;
    color: #828282!important;
    font-size: 12px !important;
    font-weight: normal;
}
 .fa-gear:before, .fa-cog:before {
 bottom: 2px;
 }
/*New Uiicons changes starts from here y Mounikaa  */



.table-bordered  tbody tr:hover td {
    background: #EBEBEB !important ;
}
.bootbox-body{
	margin-bottom: 8px;
}
.proxy-img {
  background: url(../images/proxy_logout.svg) no-repeat left !important;
  position: relative;
  width: 40px;
  height: 40px;
}
.proxy-img img{top: 8px; position: absolute; left: 10px;}
.ck-editor__editable[role="textbox"] {
                /* editing area */
                min-height: 200px;
                padding: 26px;
            }
        /* ::marker {
    unicode-bidi: isolate;
    font-variant-numeric: tabular-nums;
    text-transform: none;
    text-indent: 0px !important;
    text-align: start !important;
    text-align-last: start !important;
}    */
body {
  --ck-z-default: 100;
  --ck-z-modal: calc( var(--ck-z-default) + 999);
}

.help_icon{margin: 8px 1px 2px 4px;
    width: 20px;}
    .btn-group-sm>.btn, .btn-sm {
    padding: 5px 10px;
    font-size: 12px !important;
    line-height: 1.5;
    border-radius: 3px;
    margin-bottom: 8px;
    padding: 1px 6px 2px 6px !important;
}
.tab-lt div.bhoechie-tab-menu div.list-group>a.active, div.bhoechie-tab-menu div.list-group>a.active .glyphicon, div.bhoechie-tab-menu div.list-group>a.active .fa {
    background-color: #0078d4 !important;
    background-image: #ddd;
    color: #fff !important;
    border-color: #ddd !important;
}

.f-width {
     width: 1300px !important;
    margin:0px auto;

}
.list-caption1 {
    position: relative;
    top: 0px;
    border-bottom: 1px solid #ddd;
    font-size: 16px;
    color: #000;
    width: 100%;
    margin-bottom: 16px !important;
    font-weight: 100;
}

.list-caption2 {
    position: relative;
    top: 0px;
    border-bottom: 0px solid #ddd;
    font-size: 16px;
    color: #000;
    width: 100%;
    margin-bottom: 8px !important;
    font-weight: bold;
}.boxpannel1 {
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    background: #f6f6f6;
    margin-bottom: 10px;
    
}
.boxpannel1 .media {
    padding: 20px;
}
.media-heading {
    margin-top: 3px;
    margin-bottom: 5px;
}
.header-txt {
    font-size: 22px;
    padding-top: 10px !important;
    text-align: center;
    color: #000;
    line-height: 28px;
}
.add-img {
    border-radius: 50%;
    width: 80px;
    height: 80px;
}
.blu-smtxt {
        color: #000 !important;
        top: -10px !important;
    }