body {
    padding-top: 48px; /*New UI Changes*/
    background-color: #eff2f4;
    color: #333
}
body #myModal {
    overflow: hidden;
	
}
body.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom{
	margin-right: 0 !important;
}
/*-----------------------------------------------------------------------------
    Logo panel classes
-------------------------------------------------------------------------------*/

.nav-bg {
    border-color: transparent;
	background-color: #1d303d;/*new UI changes*/
    border-bottom: solid 2px #fdb924;/*new UI changes*/
	box-shadow:0 4px 7px 0 rgba(0,0,0,0.15);/*new UI changes*/
	-webkit-box-shadow:0 4px 7px 0 rgba(0,0,0,0.15);/*new UI changes*/
	-moz-box-shadow:0 4px 7px 0 rgba(0,0,0,0.15);/*new UI changes*/
	min-height:44px;
}

.hr-logopanel {
    position: relative;
    text-align: center;
    border-bottom: 1px solid #ccc;
    padding: 0;
    margin-bottom: 4px;
}
.hr-logopanel img {
    position: absolute;
    margin-top: 20px;
}
.hr-logopanel h1 span {
    color: #f5b21e;
}
/*new UI changes*/
.logo{
	margin: 4px 20px;
    padding: 0;
   
}
.logo img{
	width:132px;
	padding-top:5px;
}
.companyLogoMain{
	border-bottom: dotted 1px rgba(29, 48, 61, 0.5);
	margin-right:0;
	  height: 40px;
	  margin-top:-4px;
}
.companyMenu{
	list-style-type:none;
	margin-bottom: 0px;
	margin-left: 3px;
	padding: 5px 20px;
	display: inline-block;
	border-right:dotted 1px rgba(29, 48, 61, 0.5);
    height: 40px;
	min-width: 150px;
	line-height: 2;
}
.companyMenu img{
	width:25px;
	height:25px;
	display:inline;
	margin-right: 15px;
}
.companyDropdown a{
	color: #1d303d;
}
.companyDropdown a:hover,
.companyDropdown a:active,
.companyDropdown a:focus{
	text-decoration:none;
}
.compCaret{
	    margin-left: 8px;
	    border-top: 5px solid #757575;
		border-right: 5px solid transparent;
    border-bottom: 0 dotted;
    border-left: 5px solid transparent;
}
.compSetting{
	margin-top: 10px;
	display: inline-block;
	padding-left: 20px;
}
.compSetting a{
	font-size:12px;
	color:#1d303d;
}
.compSetting a:hover,
.compSetting a:active,
.compSetting a:focus{
	text-decoration:none;
}
/*-----------------------------------------------------------------------------
    Navigation specific classes
-------------------------------------------------------------------------------*/

.navbar-nav {
    float: left;
    margin: -1px;
	margin-left: -8px;
}
.navbar {
    color: #fff;
}
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
    color: #8e979e;
    background-color: transparent;
}
/*new UI changes*/
.navbar-nav>li{
	margin-top:7px;
}
.navbar-default .navbar-nav>li>a {
    color: #fff;
	font-size:14px;
	/*color:#ABA4A4; new UI changes*/
}
.nav>li>a:hover,
.nav>li>a:focus {
    text-decoration: none;
}
.navbar-default .navbar-nav>li.active
{
	    /*border-bottom: 3px solid #F5B21E;*/
		color:#8e979e;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #FFF;
	
    background-color: transparent;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    color: #0076c4;
    background-color: transparent;
}
.navbar-default .navbar-nav>.dropdown>a:hover .caret,
.navbar-default .navbar-nav>.dropdown>a:focus .caret {
    border-top-color: #ccc;
    border-bottom-color: #ccc;
}
/*new UI changes*/
.badge-position{
	margin-left:-10px;
	margin-right: 8px;
	background: none repeat scroll 0 0 #ff0000;
    bottom:16px;
    font-size: 10px;
    left: 18px;
    padding: 2px 5px;
    position: absolute;
    vertical-align: top;
	
	
}
/*new UI changes*/
.fa-bell{
	color:#fff;
}
.navbar-default .navbar-nav>.dropdown>a .caret{
	border-top-color: #fff;
    border-bottom-color: #fff;
	border-left: 6px solid transparent;
    border-right:6px solid transparent;
    border-top:6px solid #fff;
    margin-left: 10px;
}
.breadcrumb{
	    margin-bottom: 10px;
		display: inline-block;
		padding: 0px 15px;
		background-color: #eff2f4;
}
.breadcrumb li a{
	color:#1d303d;
	font-size: 12px;
	text-decoration:underline;
}
.breadcrumb li a:hover{
	text-decoration:none;
}
.breadcrumb>li+li:before{
	color:#1d303d;
}
.ellipse{
	width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.companySelect .filter-option{
	width: 190px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	font-size:18px;
	padding: 6px 0 6px 0;
}
.companySelect .bootstrap-select.btn-group .no-results {background: #c6c6c6;}
.companySelect .bootstrap-select{
	width:285px !important;
}
/*Resposive Design classes*/

@media (min-width: 1200px) {
    .nav>li>a {
        /*margin-right: 75px;*/
		    margin: 0 25px;
        padding: 6px 0;
       	letter-spacing: 0.05em;
    }
    .navbar-right>li>a {
        margin-right: 10px;
        letter-spacing: 0em;
    }
}
/*-----------------------------------------------------------------------------
    Button specific classes
-------------------------------------------------------------------------------*/


.btn-primary {
    padding: 6px 20px;
    border-radius: 0;
    background-color: #0076c4;
    font-size: 1.2em;
    border: 0px;
    border-color: transparent;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #0776CE;
    border-color: #ff9912;
}
.btn-default {
   border: 1px solid rgb(245, 245, 245);
	border-radius: 3px;
}

.btn-large {
    padding: 2px 70px;
}
.btn-small {
   padding: 3px 20px;
}
.btn-small-primary{
	font-family: "Museo Sans W01 300";
	font-size:12px;
	color:#fff;
	background-color:#1d76bb;
	padding:5px 15px;
	text-decoration:none;
}
.btn-small-primary:hover{
	/*background-color:#3cb0fd;*/
	background-color:#205c98;
	text-decoration:none;
}   
.btn-large-gray {
    padding: 4px 50px;
    background-color: #efefef;
    border-radius: 0;
    color: #979494;
}

.btn-primary-secondary {
    padding: 10px 50px;
    border-radius: 0;
    background-color: #f9f9f9;
    font-size: 1.1em;
    border: 2px solid #1d76bb;
	border-radius:4px;
	color:#1d76bb;
	-webkit-box-shadow: 0px 1px 8px 0px rgba(224,224,224,1);
-moz-box-shadow: 0px 1px 8px 0px rgba(224,224,224,1);
box-shadow: 0px 1px 8px 0px rgba(224,224,224,1);
}
.btn-primary-secondary:hover,
.btn-primary-secondary:focus,
.btn-primary-secondary:active,
.btn-primary-secondary.active,
.open .dropdown-toggle.btn-primary-secondary {
    color: #fff;
    background-color: #0776CE;
    border-color: #1d76bb;
		-webkit-box-shadow: 0px 1px 8px 0px rgba(224,224,224,1);
-moz-box-shadow: 0px 1px 8px 0px rgba(224,224,224,1);
box-shadow: 0px 1px 8px 0px rgba(224,224,224,1);
}
/*-----------------------------------------------------------------------------
    Panel specific classes
-------------------------------------------------------------------------------*/

.panel {
    border-radius: 0px;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.075);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.075);
}
.panel-standard
{
	 -webkit-box-shadow: 2px 2px 0 0 rgba(0, 0, 0, .25);
     box-shadow: 2px 2px 0 0 rgba(0, 0, 0, .25);
	
}
.panel-standard-heading {
	padding: 10px 15px 10px 24px;
	 border-bottom: 2px solid #efefef;
}

.panel-default>.panel-heading {
    background-color: #fff;
    padding: 15px 15px 6px 24px;
    border-bottom: 2px solid #efefef;
}
.panel-body {
    padding-left: 24px;
}

/*-----------------------------------------------------------------------------
    Accordian Specific classes
-------------------------------------------------------------------------------*/



.panel-default>.panel-heading.accordion-heading {
    background-color: #fbfbfb;
    border-radius: 0px;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
}
.panel-group .panel.accordion-panel {
    border-radius: 0px;
    border: 0;
}
.panel-title.accordion-title {
    margin-bottom: 9px;
    color: #0076c4;
    font-size: 14px;
}
.panel-title.accordion-title a:hover,
.panel-title>a {
    text-decoration: none;
    color: #0076c4;
    font-weight: bold;
}
.panel-group .panel-heading+.panel-collapse .panel-body {
    border-top: 0;
}
.panel-title.accordion-title i {
    padding-right: 25px;
}
.panel-title.accordion-title em {
    padding-right: 25px;
}
.panel-body.accordion-content {
    padding-left: 65px;
}
.panel-group .panel+.panel {
    margin-top: 0px;
}
/*-----------------------------------------------------------------------------
    Form specific classes
-------------------------------------------------------------------------------*/


label {
    font-weight: normal;
    font-size: 13px;
}
.h3,
.h4 {
    margin-top: 0;
}
.panel-heading h3 {
    color: #202020;
}
.submenu ul {
    padding: 0px 0px 0px 10px;
}
.submenu ul li {
    display: inline-block;
    text-align: center;
    padding: 7px 20px 0px 0px;
    color: #6C6A6A
}
.submenu a {
    color: #5E5C5C;
    font-size: 0.90em;
    letter-spacing: 0.15em;
}
.submenu .active a {
    color: #999;
}
.submenu a:hover,
.submenu a:active,
.submenu a:focus {
    text-decoration: none;
}
.submenu-right
{
		padding:0px;
		margin:0px;
}

ul.submenu-right  li
{
	margin-top:20px;
	padding:0px;
}
ul.submenu-right  li a
{
	letter-spacing:0px;
}
.hr-user-instruct {
    padding-bottom: 15px;
    color: #757575;
    font-size: 1.1em;
}
.hr-user-instruct2 {
    padding-bottom: 0px;
    color: #757575;
    font-size: 1.1em;
}
/*Form Controls*/

.form-control {
    height: 31px;
    border: 1px solid #ccc;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-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;
}
.form-group {
    margin-bottom: 2px;
}
hr {
    margin: 0px;
    border: 0;
    border-top: 2px solid #efefef;
}
.author-thumb {
    padding:2px;
    width: 120px;
    height: 120px;
    background: #ccc;
    border-radius: 100%;
    -moz-border-radius: 100%;
    overflow: hidden;
    display: inline-block;
    border: solid 1px #ccc;
    vertical-align: bottom;    
	
}
.img-circle {
     border-radius: 100%;
    -moz-border-radius: 100%;
	 width: 100%;
}
.hr-edit-icon {
    padding-top: 7px;
    margin-right: -20px;
}
.hr-checkbox-inline {
    padding-left: 30px;
}
.strong-label {
    font-weight: bold;
}
.hr-photo-uploader {
    height: 22px;
    font-size: 0.85em;
	padding: 0;
	
}
/*Drop DownMenu Specific*/

.nav.navbar-nav.navbar-right>li>a {
        background-color: transparent;
    padding-left: 0!important;
    padding-right: 0!important;
    color: #fff;
    font-size: 14px;
    margin: 0;
}
.nav.navbar-nav.navbar-right>li>a:hover,
.nav.navbar-nav.navbar-right>li>a:active,
.nav.navbar-nav.navbar-right.open>a:focus,
.nav.navbar-nav.navbar-right .open>a,
.nav.navbar-nav.navbar-right .open>a:hover {
    /*color: #333;
    background: #fff;*/
    padding-left: 10px;
    padding-right: 10px;
	color:#ccc;
}
.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    margin-right: 14px;
    border: 1px solid #DFDBDB;
    border-radius: 0;
    /*box-shadow: none;*/
    
    min-height: 170px;
}
.navbar-right>li>a {
    margin-right: 15px;
    letter-spacing: 0em;
}
.container>.navbar-header,
.container>.navbar-collapse {
    margin-right: 0px;
    margin-left: 0px;
}
/*new UI changes*/
.navbar-collapse .navbar-nav.navbar-right:last-child{
	margin-right:80px;
}
/*new UI changes*/
/*Header Menubar*/


.nav.navbar-nav .dropdown ul.dropdown-menu{
	box-shadow:0 0 10px 0 rgba(0,0,0,.25);
    margin-top: 16px;
    width: 250px;
	margin-right: -21px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.nav.navbar-nav .dropdown-menu>li>a{
	padding:14px 20px;
	vertical-align: middle;
    color: #1d303d;
    font-size: 16px;
  
    display: table-cell;
    width: 250px;
    padding-left: 20px;
}
.nav.navbar-nav .dropdown-menu>li>a:hover,
.nav.navbar-nav .dropdown-menu>li>a:active,
.nav.navbar-nav .dropdown-menu>li>a:focus{
	color:#fff;
	background-color:#1d303d;
}
.dropdown ul.dropdown-menu{
	box-shadow:0 0 10px 0 rgba(0,0,0,.25);
    margin-top: 16px;
    width: 230px;
	margin-right: 2px;
}
/*new UI changes*/
.dropdown ul.dropdown-menu:before{
	content: "";
    border-bottom: 10px solid #fff;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    top: -10px;
    right: 16px;
    z-index: 10;
}
/*new UI changes*/
.dropdown-menu>li>a{
	padding:10px 20px;
	color: #1d303d;
    font-size: 16px;
}
/*new UI changes*/
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:active,
.dropdown-menu>li>a:focus{
	color:#fff;
	background-color:#1d303d;
}
/*new UI changes*/	
.dropdown-menu .divider{
	margin:0;
	background-color: #e8e8e8;
	margin: 0 20px;
}
/*company dropdown*/
.cMenu{
	border-radius:0;
	width:200px;
	
}
.companyDropdown ul.cMenu{
	box-shadow:0 0 10px 0 rgba(0,0,0,.25);
    margin-top: 0px;
    margin-left: 35px;
	width: 285px;
}
/*new UI changes*/
.companyDropdown ul.cMenu:before{
	content: "";
    border-bottom: 10px solid #1d303d;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    top: -10px;
    left: 83px;
    z-index: 10;
}
/*new UI changes*/
.cMenu>.active>a, .cMenu>.active>a:hover, .cMenu>.active>a:focus{
	background-color:#1d303d;
	
}
/*new UI changes*/
.cMenu>li>a{
	padding:10px 20px;
	color: #1d303d;
    font-size: 16px;
	white-space: nowrap;
    width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
	margin-top: -5px;
    margin-bottom: -5px;
	width:100%;
}
/*new UI changes*/
.cMenu>li>a:hover,
.cMenu>li>a:active,
.cMenu>li>a:focus{
	color:#fff;
	background-color:#1d303d;
}
/*new UI changes*/	
.cMenu .divider{
	margin:0;
	background-color: #e8e8e8;
}
.scrollable-menu {
    height: auto;
    max-height: 300px;
    overflow-x: hidden;
	width: 285px;
    margin-top: 0px;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus{
	background-color:#1d303d;
	cursor: pointer;
}
.companyTitle{
	font-size:24px;
	line-height:0.8;
}
.companyText{
	color:#757575;
	font-size:14px;
}
.companySelect{
	font-size: 18px;
	margin-top: 20px;
	text-align:left;
}
.company-btn{
	height: 38px !important;
    padding-top: 7px !important;
	font-size:18px !important;
}
.rememberComp{
    font-size: 12px !important;
    color: #757575;
    text-align: right;
    /* margin-right: 20px; */
    margin-top: 10px;
    width: 285px;
    margin-left: auto;
    margin-right: auto;
}
.modalBody{
	min-height:300px;
	border: solid 1px #f1f1f1;
}
.modalDiv{
	/*box-shadow:2px 2px 0 0 rgba(0,0,0,.25);*/
}
input[type=checkbox].mcheckbox {
	    display:none;
}
input[type=checkbox].checkbox {
	    display:none;
}
input[type=checkbox].remembercheck {
	    display:none;
}
input[type=checkbox].add-user-checkbox {
     display:none;
}

.remembercheck:checked + label:after {
    content: "\2714";
    color: #3276b1;
    background-color: #fff;
    text-align: right;
    line-height: 9px;
    text-shadow: 0px 0px 3px #eee;
    font-weight: bold;
    border: solid 1px #3276b1;
    /* margin-left: 27px; 
    right: -24px;*/
    font-size: 18px;
}
.remembercheck  + label:after {
	    content: "";  
	    display: inline-block;  
	    width: 15px;  
	    height: 15px;  
	    vertical-align:middle;
	    margin-left: 8px;  
	    background-color: #fff;  
	    box-shadow: inset 0px 2px 2px rgba(0, 0, 0, .3);
	    border-radius: 2px;  
		border: solid 1px #3276b1;
		margin-right: 9px;
	}
	.rememberComp label{
		margin-right:15px;
		vertical-align:top;
		font-size:12px;
	}
.companySelect .form-control:focus {
	    outline: 0;
    box-shadow: none;
	border:solid 1px #ccc;
}
.companySelect.btn-group .dropdown-toggle .caret{
	border-top: 7px solid #fff !important;
    border-right: 7px solid transparent !important;
    border-bottom: 0 dotted;
    border-left: 7px solid transparent !important;
}
.companySelect .bootstrap-select>.btn:hover, 
.companySelect .bootstrap-select>.btn:focus,
.companySelect .bootstrap-select>.btn:active, 
.companySelect .bootstrap-select>.btn.active,
.companySelect .bootstrap-select>.open .dropdown-toggle.btn{
  color: #fff;
  background-color: #0776CE;
   
}
.companySelect .btn.dropdown-toggle.btn-primary:hover, 
.companySelect .btn.dropdown-toggle.btn-primary:focus, 
.companySelect .btn.dropdown-toggle.btn-primary:active, 
.companySelect .btn.dropdown-toggle.btn-primary.active, 
.companySelect .open.dropdown-toggle.btn-default
{
	 background-color:#0776CE;
	  color: #fff;
}
.companySelect .btn-group.bootstrap-select.open{
	 background-color:#0776CE;
	  color: #fff;
	
}
.companySelect .bootstrap-select.btn-group .dropdown-menu.inner{padding-left:10px;padding-right:10px;}
.companySelect ul li{border-bottom:1px solid #e8e8e8;}
.companySelect .selected{
	border-radius:0;
   
    font-size: 40px;
    margin: 0;
	    border: 0!important;
	text-decoration:none;
}
.primary-modal-save-btn{
	font-size:16px;
	color:#fff;
	padding-right:20px;
	padding-left:20px;
	background-color:#1d76bb;
	line-height:20px;
}
.primary-modal-save-btn:hover{
	/*background-color:#3cb0fd;*/
	background-color:#205c98;
	text-decoration:none;
}
.add-user-checkbox + label:before {
	    content: "";  
	    display: inline-block;  
	    width: 15px;  
	    height: 15px;  
	    vertical-align:middle;
	    margin-left: 8px;  
	    background-color: #fff;  
	    box-shadow: inset 0px 2px 2px rgba(0, 0, 0, .3);
	    border-radius: 2px;  
		border: solid 1px #3276b1;
		margin-right: 9px;
	}
.add-user-checkbox:checked + label:before {
		content: "\2714";
    color: #3276b1;
    background-color: #fff;
    text-align: right;
    line-height: 9px;
    text-shadow: 0px 0px 3px #eee;
    font-weight: bold;
    border: solid 1px #3276b1;
    /* margin-left: 27px; 
    right: -24px;*/
    font-size: 18px;
}
@media (min-width: 1200px) {
    .container>.navbar-header,
    .container>.navbar-collapse {
        margin-right: -15px;
        margin-left: 0;
    }
}
@media (max-width: 825px) {
    .navbar-collapse .navbar-nav.navbar-right:last-child{
		margin-right: 0px;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{
		color:#fff;
	}
}
@media (max-width: 766px) {
	.divider{
		display:none;
	}
}

@media (max-width: 768px) {
	.dropdown ul.dropdown-menu:before{
		/*display:none;*/
	}
	.Content{
	margin-left:0;
	}
	
}
@media (max-width: 410px) {
	.companySelect{
		font-size:11px;
	}	
	.scrollable-menu{
		width: 224px;
	}
	.companyTitle{
		font-size:17px;
	}
	.companyText{
		font-size:11px;
	}
	label{
		font-size: 10px;
	}
}

/*New UI Changes*/
/*-----------------------------------------------------------------------------
   Portal Select Dropdown and checkbox specific classes
-------------------------------------------------------------------------------*/

select:required:invalid  {
  color: #CCC;
}
option[value=""][disabled] {
  display: none;
 
}
option {
  color: #555;
}

.checkbox-inline
{
	cursor:default;
}
.checkbox-inline label,.checkbox-inline input[type="checkbox"]
{
	cursor:pointer;
}
.checkbox-readonly label,.checkbox-readonly input[type="checkbox"]
{
	cursor:default;
}
input[type="checkbox"] {
    margin: 3px 0 0;
    margin-top: 1px \9;
    line-height: normal;
}
.form-horizontal .checkbox-inline{
    padding-top: 2px;
    margin-top: 0;
    margin-bottom: 0;
}


/*-----------------------------------------------------------------------------
  -----------------------------------------------------------------------------  
	
	Page Specific classes are defined here
	
	-----------------------------------------------------------------------------
-------------------------------------------------------------------------------*/

/*Dashboard page */
.modalHeader{
	background-color: #5a9fd0;
    color: #fff;
	/*border: solid 1px #e8e8e8;*/
	height:50px;
}
.hr-modal-footer {
    /*text-align: center;*/
    border: solid 1px #e8e8e8;
	background-color: #f5f5f5;
	margin-top: 0px;
}
.hr-modal-footer a{
	color: #757575;
    margin-right: 15px;
	font-size:12px;
}
.hr-modal-footer a:hover,
.hr-modal-footer a:active,
.hr-modal-footer a:focus{
	text-decoration:none;
	color:#1377ba;
}
.hr-modal-content {
    border: 1px solid #ccc;
	width:650px;
	-webkit-box-shadow: 2px 2px 0 0 rgba(0,0,0,0.25);
    box-shadow: 2px 2px 0 0 rgba(0,0,0,0.25);
}
.hr-modal-body {
    font-size: 1.1em;
    padding: 40px;
}
.hr-modal-btn {
    padding: 2px 20px;
    border-radius: 0;
    background-color: #0076c4;
    font-size: 1.2em;
    border: 0px;
}
.hr-user-dd-icon {
    font-size: 0.85em;
    margin-left: 24px;
}

/*Notification page */

.hr-btm-border-pdg {
    border-bottom: 1px solid #efefef;
    padding: 15px 0px 5px 0px;
}
input[type="checkbox"].hr-mar-rgt15 {
    margin-right: 15px;
}
.hr-chng-pass-panel {
    padding: 0px 0px 0px 40px;
}
.hr-chng-pass-panel .form-group {
    margin-top: 10px;
}

/*User Management list page */
@media screen and (min-width: 768px) {
	
	.modal-big .modal-dialog  {width:750px;}

}
.modal-big .modal-body{padding:5px 15px;}

/*My Profile View*/
.hr-profile-name
{
	font-size:1.4em;
	color:#145A88;
	font-weight:bold;
	
}

/*-----------------------------------------------------------------------------
    Margin and Padding List Management  view specific classes
-------------------------------------------------------------------------------*/
    .hr-filterpanel
	{
	padding: 4px 0px;
    background-color: #f5f5f5;
	}
	.hr-calendar-icon .right-inner-addon  input {
    padding-right: 0px;
    border-radius: 2px;
    margin-right: 0px;
    background-color:#fff;
    cursor:default;
}

/*-----------------------------------------------------------------------------
   File Details view -Comments section classes
-------------------------------------------------------------------------------*/
.col-viewer
{
	 display:inline-block;
    width: 64%;
	float:left;
	
}
.col-commentsbox {
	 width: 35%;
	float:right;
	vertical-align: top;
	
	}
.file-viewer {
    height: 600px;
    overflow: auto;
    box-sizing: border-box;   
   
}
.file-commentsbox {
  
    margin:0px;
	display:inline-block;
}

.hr-comment-writer
{
	background-color: #757575;
    color: #fff;
    padding: 8px;
    vertical-align: top;
    margin: 5px 10px 5px 0px;
    font-size: 18px;
    min-width: 41px;
    text-align: center;
	display:inline-block
	
}
.hr-comment-authorndate
{

    margin-top: 5px;
	display:inline-block;
	color: #757575;
    font-size: 12px;
	overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  word-break: break-word;
    margin-right: 1px;
	
}
.hr-comment-content
{
    white-space:pre-line;
	margin-bottom:20px;
	word-wrap:break-word;
	color:#757575;
	margin-top:15px;
}
.hr-comments-section
{
	/*border-bottom:2px solid #efefef;*/
	margin-bottom:25px;
	margin-right:25px;
	/*border-top: solid 2px #efefef;*/
    margin-top: 10px;
    padding-top: 10px;
	
}
.color75{
	color:#757575 !important;
}
.border-e8{
	border:solid 1px #e8e8e8 !important;
	border-radius:3px;
}
.text-indent10{
	text-indent:10px;
}
.eligibility-list{
	font-size:14px;
	color:#4398ad;
}
.scroll-pane-comments{
	max-height:395px;
	overflow:auto;
}
.right-flag{
	position: absolute;
    right: 4%;
	float:right;
	/*margin-top:-26px;*/
	color:#757575;
}
.main-notifiy-row{
	    margin-right: 0;
    width: 100%;
    margin-left: 0;
    background-color: #fff;
	
}
.notification-flag,.notification-flag:hover{
	color:#757575;
}
.notification-flag:active,.notification-flag:focus{
	color:#d6d6d6;
}
.notify-left{
	background-color: #Fff;
    padding-right: 0;
    padding-left: 0;
}
.notify-right{
	border-left: solid 2px #e8e8e8;
    background-color: #fff;
    min-height: 540px;
}
.empty-notify-main{
	background-color:#fff;
	min-height:500px;
}
.margn-top90{
	margin-top:90px;
}
.notification-icon-color{
	color:#757575;
}
.empty-notify-head{
	font-size:22px;
	color:#757575;
	margin-top: 25px;
	font-family: 'Conv_museosans-500';
}
/*-----------------------------------------------------------------------------
   Eligibility list view - Dropdown Menu classes
-------------------------------------------------------------------------------*/
.grid-menu 
{
	
    border: 2px solid rgba(0,0,0,0.15);
     border-radius: 0px; 
     -webkit-box-shadow: 0 0px 0px rgba(0,0,0,0.175);
     box-shadow: 0 0x 0px rgba(0,0,0,0.175); 
     min-width: 180px;
  
	
}
.dropdown-menu.grid-menu>li>a {
   
   
    padding: 5px 13px;
    font-size: 12px;
   
}

.dropdown-menu.grid-menu>li>a:hover {
  
	color: #0076c4;
    background-color:#f0f7fa;
	
}
.grid-menu .btn-link
{
	font-size:12px;
	color:#333;
	    width: 100%;
    text-align: left;
    /*padding-left: 20px;
	padding-bottom: 3px;*/
}
.grid-menu .btn-link:hover, .grid-menu .btn-link:focus {
    color: #2a6496;
    text-decoration: none;
    background-color: #f0f7fa;
    width: 100%;
    text-align: left;
	
}
.grid-menu .fa-pencil
{
	margin:0px;

	font-size:12px;
}
/*-----------------------------------------------------------------------------
   Form Elements classes - Direct Entry Features -3rd Feb
-------------------------------------------------------------------------------*/

.form-header-border
{
	border-bottom:2px solid #CCC;
	margin-right: 0px;
    margin-left: 0px;
}
.form-header
{
	margin:0px;
	font-size:1.1em;
}
.form-secondary-label
{
	margin:0px;
	font-size:0.85em;
	color:#0A93ED;
}
.form-help-label
{
	    margin: 0;
    margin-top: -5px;
    margin-bottom: 5px;
	font-size:0.85em;
	color:#0A93ED;
}
.hr-btn-panel
{
	background-color:#EFEFEF;
	padding:10px 0px;
	    margin: 0;	
}
.form-horizontal .form-control
{
	margin-bottom:10px;
}
.form-horizontal label
{
	    margin-bottom: 0px;
		
}
.hr-mar-top50 {margin-top:50px;}

.form-bg
{
	background-color:#f5f5f5;
}
.form-bg-col-left , .form-bg-col-right
{
		background-color:#f5f5f5;
		padding: 30px;
		display:inline-block;
		width:100%;
}
@media (min-width: 992px)
{
 .form-bg-col-left{margin-right: 15px;display:inline-block; }
 .form-bg-col-right{margin-left: 15px;padding-bottom:14px;display:inline-block;}
}

.form-title-header
{
font-size: 1.1em;
}
.form-title-secondary-label
{
	font-size: 0.80em;
    color: #0A93ED;
    margin-top: 20px;
   
}
.form-required-panel input
{
	font-weight:normal;
	color:#555;
}
.form-nonrequired-panel input
{
	font-weight:normal;
	color:#555;
}
.form-group-add {
    margin-bottom: 11px;
   display:inline-block;
   clear:both;
   width:100%;
  
}
 .input-textcombo select {
		border:1px solid #ccc;
		margin-top: 0px;
		margin-bottom: 0px;
		padding-top: 5px;
		padding-bottom: 4px;
		line-height:25px;
		text-align:left;
	
		
	}
	
.btn-primary-sec {
    padding: 4px 20px;
    border-radius: 0;
    background-color: #fff;
    font-size: 1.2em;
    border: 1px solid #0076c4;
    color:#0076c4!important;
}
.btn-primary-sec :hover,
.btn-primary-sec :focus,
.btn-primary-sec :active
{
     
    background-color: #f5f5f5;
    border-color: #ff9912;
}
/*-----------------------------------------------------------------------------
 
Direct Entry View classes
-------------------------------------------------------------------------------*/

.listComments
{
	color:#333;
	border:1px solid #ccc;
	padding:10px;
	word-break:break-word;
}

.circle-icon {
background: #db1414;
width: 13px;
height: 13px;
border-radius: 50%;
text-align: center;
line-height:10px;
vertical-align: middle;
padding: 1px 0px 0px 1px;
color:#fff;
margin-right:5px;
}
.hr-font10{font-size:10px;}
.breadcrumb .active{
	color: rgb(57, 54, 49);
	
	    font-size: 12px;
	
}
.active
{
	 
	color: rgb(57, 54, 49);
	/*cursor:pointer;*/
}
.scroll-pane
{
    width: 100% !important;
    max-height: 480px;
    overflow: auto;
}
/*-----------------------------------------------------------------------------
  -----------------------------------------------------------------------------  
	
	setting tabs classes defined here
	
	-----------------------------------------------------------------------------
-------------------------------------------------------------------------------*/
.settings-main{
	/*width:1019px;*/
	margin-left:auto;
	margin-right:auto;
	/*border:solid 1px #f00;*/
	width:100%;
}
.setting-modal-title{
	color:#999898;
}
.mainTabRow{
    margin-right:0;
    width:100%;
    margin-left:0;
	background-color: #F7FAFC;
}
.mainContent{
    margin-top: 15px;
    border:solid 1px #e8e8e8;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.075);

}
.main-content-empty{
    margin-top: 15px;
    
}
.myTabs>li>a{
	color:#1d303d;
    padding:14px 15px;
    border-bottom: solid 1px #e8e8e8;
    border-radius:0;
    margin: 0px;
    font-size: 15px;
    letter-spacing: 0;
}
.notifyTabs>li{
	border-bottom:solid 1px #e8e8e8;
}
.notifyTabs>li>a{
	color:#1d303d;
    padding:14px 5px;
    border-bottom: solid 1px #e8e8e8;
    border-radius:0;
    margin: 0px;
    font-size: 15px;
    letter-spacing: 0;
	border-left:4px solid #fff;
	
}
.notification-left:hover,.notification-left:active, .notification-left:focus{
	border-radius:0;
    background-color:#f9f9f9;
    font-size: 15px;
    margin: 0;
	border-left:solid 4px #1d76bb;
	text-decoration:none;
}
.nnselected{
	border-radius:0;
    background-color:#e2f0f6!important;
    font-size: 15px;
    margin: 0;
	border-left:solid 4px #1d76bb !important;
	text-decoration:none;
}
.notification-list-table{
	display:table;
}
.notify-list-row{
	display:table-row;
}
.comments-data{
	display:table-cell;
}
.notify-head-data{
	display:table-cell;
	vertical-align: top;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus{
    border-radius:0;
    background-color:#1d303d;
    font-size: 15px;
    margin: 0;
}
.tabsLeft{
    background-color:#f7fafc;
    padding-right:0;
    padding-left:0;
	width:18%;
	max-width:100%;
}
.tabsRight{
    border-left:solid 2px #e8e8e8;
    background-color: #fff;
    min-height:540px;
	width:82%;
	padding-left: 20px;
    padding-right: 20px;
	border:solid 1px #e8e8e8;
	max-width:100%;
}
.dataTables_length label{
	font-size:12px;
	color:#757575;
}
.dataTables_length select{
	border:1;
	color:#757575;
}
.dataTables_length select:focus{
	border:1;
	outline:1;
	box-shadow:none;
}
.dataTables_info {
	font-size:12px!important;
}
.table-row{
	display:table-row;
}
.table-data{
	display: table-cell;
	vertical-align:middle;
}
.nav-stacked>li+li{
    margin-top:0;
}
.mainBody{
    padding-top:0px;
}
.mainProfile{
    padding:5px;
    border-bottom: solid 1px #ccc;
	height: 49px;
	padding-left: 0;
}
.editProfile  .modal-content{
	left: 15%;
    margin-top: 7.8%;
	webkit-box-shadow:  2px 2px 0 0 rgba(0,0,0,0.25);
	box-shadow: 2px 2px 0 0 rgba(0,0,0,0.25);
	width:840px;
	max-width:100%;
}
.leftEditProfile{
	/*margin-top: -24px;*/
	padding-right: 10px;

}
.leftPswrd h1{
	font-family: "Museo Sans W01 300";
    color: #1d303d;
    font-size: 16px;
    padding-bottom: 0;
	margin-bottom:5px;
}
.editProfile h4{
	margin-left:-15px;
}
.Heading h3{
    font-size:16px;
    color:#1d303d;
    margin-top: 10px;
}
.fa-pencil{
    /*color:#1D76BB;*/
    font-size:1.5em;
    margin-right:15px;
	margin-left:15px;
	cursor: pointer;
}
.Content{
    margin-left:37px;
}
.leftEditProfile h1{
    font-family: "Museo Sans W01 300";
    color:#1d303d;
    font-size:16px;
    padding-bottom:5px;
	    margin-bottom: 1px;
}
.leftEditProfile label{
    color:#757575;
    font-size:10px;
    display: inherit;
    line-height: 1.5;
    margin-top: 10px;
}
.leftProfile{
	padding-left:33px;
}
.leftProfile h1{
    font-family: "Museo Sans W01 700";
    color:#3c6e8f;
    font-size:22px;
    border-bottom: solid 1px #d8d8d8;
    padding-bottom:5px;
	margin-top: 16px;
}
.leftProfile label{
    color:#757575;
    font-size:14px;
    display: inherit;
    line-height: 2;
	word-wrap: break-word;
    
}
.label-ellipsis{
	text-overflow: ellipsis;
    width: 349px;
    white-space: nowrap;
	overflow: hidden;
}
.name-width{
	width:14%!important;
	
	
}
.email-width{
	width:14% !important;
	text-overflow: ellipsis!important;
    white-space: nowrap!important;
	
}
.admin-width{
	width:14% !important;
	
}
.permission-width{
	width:24% !important;
	
}
.action-width{
	width:19%!important;
	
}
.rightProfile h3{
    font-size:14px;
    color:#757575;
    border-bottom: solid 1px #d8d8d8;
   	padding-bottom: 6px;
    padding-top: 5px;
}
.rightProfile label{
    color:#757575;
    font-size:12px;
    display: inline;
    line-height: 1.5;
    vertical-align: top;
}
.checkbox:checked + label:before {
    content: "\2714";
    color: #3276b1;
    background-color: #fff;
    text-align: right;
    line-height: 9px;
    text-shadow: 0px 0px 3px #eee;
    font-weight: bold;
    border: solid 1px #3276b1;
    font-size: 18px;
	margin-right:10px;
	margin-left: 12px;
}
.checkbox + label:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: middle;
    margin-left: 8px;
    background-color: #fff;
    box-shadow: inset 0px 2px 2px rgba(0, 0, 0, .3);
    border-radius: 2px;
    border: solid 1px #3276b1;
    margin-right: 10px;
	margin-left: 12px;
}
.checkbox input[type=checkbox]:checked + label:before{
    display:none;
}
.checkbox input[type=checkbox] + label:before {
    display:none;
}
.mcheckbox input[type=checkbox]:checked + label:before{
    display:none;
}
.mcheckbox input[type=checkbox] + label:before {
    display:none;
}
.administrator{
    border-bottom:solid 1px #ddd;
}
.editFormPswrd{
    background-color:#f4f4f4;
    border:solid 1px #e8e8e8;
    padding: 10px 20px 20px;
}
.rightPswrd{
    padding-top:75px;
}
.editFormPswrd label{
	font-size:10px;
	color:#757575;
}
.rightPswrd p{
	line-height: 2;
	/*font-family: "Museo Sans W01 500", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
	color: #1d303d;
    font-size: 12px;
	    margin: 0;
}
.pswrd-footer{
	background-color: #f5f5f5;
	padding: 19px 20px 20px;
	text-align: right;
	margin-left: -20px;
    margin-right: -20px;
}
.pswrd-min-height500{
	min-height: 430px;
	padding-left: 13px;
}
.editForm{
    background-color:#f4f4f4;
    border:solid 1px #e8e8e8;
    padding: 10px 20px;
    min-height:550px;
}
.cancel{
	color:#757575;
	font-size:12px;
	margin-right:15px;
}
.cancel:hover{
	text-decoration:none;
	color:#1377ba;
}
.required{
    color:#3c6e8f;
    font-size:10px;
    margin-top: 11px;
}
.blue{
    color:#1d76bb;
	font-family: "Museo Sans W01 700";
	width: 274px;
}
.simple-checkbox{
	margin-right: 10px !important;
    margin-left: 12px!important;
}
.editForm .form-control .caret{
	border-top: 7px solid #000 !important;
    border-right: 7px solid transparent !important;
    border-bottom: 0 dotted;
    border-left: 7px solid transparent !important;
}
.rightEditProfile{
	/*margin-top:-24px;*/
	padding-left: 10px;

}
.hr-pdg-top0{padding-top:0px;}
.newControl{
    color:#333;
    font-family: "Museo Sans W01 500", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	width: 274px;
	max-width:100%;
}
.modal.modal-wide .modal-dialog {
    width: 70%;
}
.modal-wide .modal-body {
    overflow-y: auto;
}
.newControl-select{
	position:relative;
	margin-top: -2px !important;
}
.newControl-select select{
	padding-right:37px;
	-moz-appearance:none;
	-webkit-appearance:none;
}
.newControl-select select:focus{
	outline: 0;
    box-shadow: none;
	border:solid 1px #ccc;
}
.newControl:focus{
	outline: 0;
    box-shadow: none;
	border:solid 1px #ccc;
}
.newControl-select:before {
	content: '';
    right: 20%;
    top: 12px;
    /* width: 20px; */
    /* height: 20px; */
    /* background: #f8f8f8; */
    position: absolute;
    pointer-events: none;
    display: block;
    border-top: 6px solid #757575 !important;
    border-right: 6px solid transparent !important;
    /* border-bottom: 18px solid #000 !important; */
    border-left: 6px solid transparent !important;
}
.modalPermission h3{
    border-bottom:0;
}
.rightEditProfile h3{
    font-size:16px;
    color:#1d303d;
    padding-bottom: 5px;
    margin-bottom: 1px;
}
.rightEditProfile label{
    color:#757575;
    font-size:12px;
    display: inline;
    line-height: 1.5;
    vertical-align: top;
}
.hr-mar-left20{margin-left: 20px;}
.hr-mar-right20{margin-right: 20px;}
.white-bgrd{background-color:#fff;}
.editAdministrator{
    border-bottom: solid 1px #ddd;
    border-top: solid 1px #ddd;
    margin-top: 10px;
    padding-top: 7px;
}
.mcheckbox:checked + label:before {
    content: "\2714";
    color: #fff;
	background-color: #3276b1;
	text-align: center;
	line-height: 14px;
	text-shadow: 0px 0px 3px #eee;
	/* font-weight: bold; */
	border: solid 1px #3276b1;
	font-size: 12px;
}
.mcheckbox + label:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: middle;
    margin-left: 8px;
    background-color: #fff;
    box-shadow: inset 0px 2px 2px rgba(0, 0, 0, .3);
    border-radius: 2px;
    border: solid 1px #3276b1;
    margin-right: 9px;
}
.error-container {
    margin-top: -43px;
    font-size: 12px;
    position: absolute;
    width: 95.5%;
   z-index: 99;
    display: none;
}
.hr-mar-right5{margin-right: 5px;}
.add-user-btn{
	color:#fff;
	font-size:12px;
	background:#1d76bb;
	padding:5px 15px;
	text-decoration:none;
}
.add-user-btn-margins{
	margin-top: -5px;
    margin-right: -5px;
}

.add-user-btn:hover{
	text-decoration:none;
	/*background:#3cb0fd;*/
	background:#205c98;
}
.close{
	color:#bababa;
}
.close:hover{
	color:#757575;
}
.link{
	/* color:#757575; */
	margin-right:5px;
	margin-left:5px;
	text-decoration:none;
}
.link:hover, .link:focus, .link:active{
	color:#1d76bb;
	text-decoration:underline;
}
.btnwhite{
	color:#fff!important;
	opacity:1;
}
.fa-pencil:hover{
	color:#8ebadd;
}
.hr-brdr-rdus0{
    border-radius:0;
}
.edit-data{
	color: #757575;
}
.edit-data:hover{
	text-decoration:none;
}
.leftNotification h3{
    font-family: "Museo Sans W01 300";
    color: #757575;
    font-size: 16px;
    border-bottom: solid 1px #d8d8d8;
    padding-bottom: 5px;
	margin-bottom: 0px;
	margin-top: 17px;
}
.v-align-top{
	vertical-align:top;
}
.leftNotification label{
	font-family: "Museo Sans W01 300";
    color: #757575;
    font-size:14px;
	margin-left: -15px;
}
.notifyList{
	border-bottom:solid 1px #d8d8d8;
	padding: 10px 0 4px 0;
	margin-right: 0px;
    margin-left: 20px;
}
.rightNotification p{
	font-size:12px;
	color:#1d303d;
}
.right{
	float:right;
}
.btn-user{
	padding: 3px 12px;
    margin-top: -4px;
    font-size: 14px;
}
.hr-mar-right10{margin-right: 10px;}
.height250{
	min-height:250px;
}
.height200{
	min-height:200px;
}
.delete-body p{
	color:#989898;
	line-height:2;
}
.modal-margin{
	margin-left:20px;
	margin-right:20px;
}
.modal-margin-left{
	margin-left:20px;
}
/*-----------------------------------------------------------------------------
 
Notification detail - Classes
-------------------------------------------------------------------------------*/
.notification-select{
	border-radius:2px;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	border:solid 1px #e8e8e8;
	cursor: pointer;
	width:200px;
	background-color:#fff !important;
}
.filter-nn{
	border-bottom:solid 2px #e8e8e8;
	padding-bottom:8px;
	margin-bottom:5px;
	width:100%;
}
.filter-nn .bootstrap-select
         {
         width:200px;
		 
         }
		          .filter-nn .btn-primary 
         {
         background-color:#fff;
         color:#333;
         border:1px solid #ccc;
        
         font-size:14px;
         padding:5px;
		 
         }
		 .set-filter-icon1
		 {
		     position: absolute;
			right: 10px;
			top: 8px;
			 color:#757575;
			}
         .filter-nn  .filter-option
         {
         width: 80% !important;
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
         }
         .filter-nn .dropdown-menu li a
         {
         font-size:14px;
         }
         .filter-nn .dropdown-menu > .active > a, .filter-dd .dropdown-menu > .active > a:hover, .filter-dd .dropdown-menu > .active > a:focus
         {
         background-color:#1d76bb!important;
         }
		 .filter-nn .dropdown-menu>li>a:hover
		 {
		  background-color:#1d76bb!important;
		 }
		 .search-filter
		 {
			color:#757575;
			position:absolute;
			right:12px;
			
		 }
		 
         .filter-nn .caret
         {
         border-top-color: black;
		
         }
		 
		 
		 .btn-nn{
         font-size: 14px;
         background-color: rgb(255, 255, 255);
         color: rgb(0, 0, 0);
         width: 80%;
         white-space: nowrap;
         text-overflow: ellipsis;
         overflow: hidden;
         text-align: left;
         float: left;
         border:1px solid #ccc;
		 
         }
         .btn-nn .caret
         {
         position: absolute;
         right: 7px;
         top: 13px;
         border-top: 4px solid #000;
         }
		 .dropdown-menu-filter{
			 padding-top:0px;
			     margin-top: -9px;
    margin-left: 9px;
    width: 75%;
	border-radius:0;
		 }
.notification-select::-ms-expand{
	display:none;
}

/*.tooltip {
    position: relative;
    display: inline-block;
    border: 1px solid black; 
	background-color:#efefef;
	right:50px;
}*/
.notification-list{
	/*padding: 5px;
    border-bottom: solid 1px #e8e8e8;
    margin-left: 8px;
    margin-right: 8px;
    min-height: 85px;*/
}
.notifiy-label-select {
	position:relative;
	width:100%;
	border-bottom: solid 2px #e8e8e8;
    padding-bottom: 5px;
 }
.notifiy-label-select:after {
    content:"\f0b0";   
    font-family: "FontAwesome";
    font-size: 13px;
    color:#757575;
    right:20px; 
	top:7px;
    padding:0 0 2px;
    position:absolute;
 }
.notifiy-label-select:before {
    content:'';
    right:4px; 
	top:0px;
    position:absolute;
    display:block;
	width:50px;
}
.notification-heading{
	font-size:12px;
	color:#757575;
	/* font-family: 'Conv_museosans-500'; */
	line-height:1.8;
	/* These are technically the same, but use both */
	overflow-wrap: break-word;
	word-wrap: break-word;

	
  /* This is the dangerous one in WebKit, as it breaks things wherever */
	/* word-break: break-all;-ms-word-break: break-all; */
  /* Instead use this non-standard one: */
	word-wrap: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;

}
.notification-date{
	font-size:11px;
	color:#bababa;
}
.notification-left{
	padding-left:0;
	display:block;
}
.jspContainer{width: 100%!important;}
.jspPane{width: 100%!important;}
#status-update{
	display:none;
}

/*-----------------------------------------------------------------------------
 
Eligibility List Classes
-------------------------------------------------------------------------------*/
ul.eligibility-tab 
{
	list-style-type: none;
	padding: 0;
	margin: 0;
	
}
ul.eligibility-tab li  
{
    display: inline-block;
    font-family: "Museo Sans W01 300";
    text-align: center;
    color: #fff;
    font-size: 16px;
    vertical-align: middle;
    background-color: #bec4c9;
    padding: 4px 25px;
    margin: 20px 10px 10px 0px;
}
ul.eligibility-tab li  a
{color:#fff;letter-spacing:0px;font-size: 16px;}
ul.eligibility-tab li.active
{background-color: #56636d;cursor:default;}	
ul.eligibility-tab li.active  a
{color:#fff;cursor:default;}	 
ul.eligibility-tab li:hover {
    color: #fff;
    background-color: #56636d;
}	 

/* HRP-3034 */
ul.eligibility-tab.firstlook-tabs li{
    padding: 0;
}
ul.eligibility-tab.firstlook-tabs li  a{
    color: #fff;
    letter-spacing: 0px;
    font-size: 16px;
    padding: 8px 30px;
    display: inline-block}

ul.eligibility-tab.firstlook-tabs li  a.active{
    background-color: #56636d;
    cursor:default;
}
/*  */
.add-lists {
	font-family: "Museo Sans W01 300";
         display: table-cell;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 12px;
    vertical-align: middle;
    background-color: #1d76bb;
    padding: 5px 15px;
         }
.add-lists:hover,
.add-lists:active,
.add-lists:focus
{
	/*background-color:#3cb0fd;*/
	background-color:#205c98;
	text-decoration:none;
}
.add-lists span
{	
	display:inline-block;
	margin-top:1px;
	letter-spacing:0px;
}
.download-template {
	font-family: "Museo Sans W01 300";
         display: table-cell;
    width: 100%;
    text-align: center;
    color: #1d76bb;
    font-size: 13px;
    vertical-align: middle;
    background-color: #fff;
    padding: 5px 15px;
	height: 30px;
	letter-spacing:0px;
         }
.download-template:hover,
.download-template:active,
.download-template:focus
{
	background-color:#e5e5e5;
	text-decoration:none;
}
.file-color{
	color: #1d76bb;
}

.btn-main{
	border-bottom: dotted 1px #1d76bb;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.download-tab{
	margin-top:9px;
}
.search-box{
	width:255px;
	color:#bababa;
	font-size:12px;
	background-color:#fff;
	border-radius:2px;
	border:solid 1px #e8e8e8;
	padding:5px 15px;
	height:25px;
}
/*-----------------------------------------------------------------------------
 
Dashboard Charts Classes
-------------------------------------------------------------------------------*/
.charts-main{
	background-color:#fff;
	
}
.dashboard-heading{
	font-family: "Museo Sans W01 300";
	font-size:16px;
	color:#757575;
	border-bottom:solid 1px #e8e8e8;
	padding:11px;
}
.white-bgd{
	background-color:#fff;
}
.main-map{
	margin-top:20px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.075);
}
.main-current-active{
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.075);
}
.participants-saying{
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.075);
}
.dashboard-notifications{
	margin-top:20px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.075);
}
/*-----------------------------------------------------------------------------
 
Media Queries - Global Classes
-------------------------------------------------------------------------------*/


/* Large desktops and laptops */
@media (min-width: 1200px) {
.margn-right80{
	    margin-right: 80px;
}
}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
.margn-right80{
	    margin-right: 80px;
}
.navbar-nav>li{
	margin-top:0;
}

.dashboard-search-input{
	width:60%;
}
.form-detail-div {
    border-bottom: solid 1px #ccc;
}

}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 807px) {
.nav > li > a{
	padding: 10px 10px;
}
.Content{
	margin-left:0;
}
.rightPswrd{
	padding-top: 20px;
	}
	.margn-right80{
	    margin-right: 80px;
}
.navbar-collapse .navbar-nav.navbar-right:last-child{
	margin-right:0px;
}
.nav.navbar-nav .dropdown ul.dropdown-menu{
	
	margin-right: 0px;
	
}


.editProfile .modal-content{
	left:0;
}
.newControl-select:before{
	right:15px;
}
.newControl{
	width:100%;
}
.dashboard-participants-main{
	margin-top:10px;
	margin-right:-9px !important;
}
.dashboard-search-input{
	width:90% !important;
}
.table.dataTable{
	table-layout:auto;
}

}

@media (min-width: 807px) and (max-width: 992px) {
	.dashboard-participants-main{
	margin-top:10px;
	margin-right:-9px !important;
}
.dashboard-search-input{
	width:90% !important;
}
.table.dataTable{
	table-layout:auto;
}


}


/* Landscape phones and portrait tablets */
@media (max-width: 620px) {
.bootstrap-select{
	width:auto;
}
.companySelect .bootstrap-select.btn-group .dropdown-menu{
	max-width:100%;
	min-width:0;
}
.Content{
	margin-left:0;
}
.rightPswrd{
	padding-top: 20px;
	}
.rememberComp{
	max-width:100%;
}
.modal-margin{
	margin-left:0;
	margin-right:0;
}
.modal-margin-left{
	margin-left:-15px;
}
.scroll-pane{
	max-height:150px;
}
.notification-list{
	min-height:0;
}
.navbar-collapse .navbar-nav.navbar-right:last-child{
	margin-right:0px;
}
.companySelect .bootstrap-select{
	max-width:100% !important;
	/*width:220px !important;*/
}
.hr-modal-content{
	max-width:100%;
}


.editProfile .modal-content{
	left:0;
}
.newControl-select:before{
	right:15px;
}
.newControl{
	max-width:100%;
	width:100%;
}
.dashboard-participants-main{
	margin-top:10px;
	margin-right:-9px !important;
}
.dashboard-search-input{
	width:50%;
}
.table.dataTable{
	table-layout:auto;
}

}

/* Portrait phones and smaller */
@media (max-width: 480px) {
.bootstrap-select{
	width:180px;
}
.bootstrap-select.btn-group .dropdown-menu{
	max-width:100%;
	min-width:0;
}
.sm-center{
	text-align:center;
}

.dashboard-participants-main{
	margin-top:10px;
	margin-right:-9px !important;
}
.table.dataTable{
	table-layout:auto;
}


}
@media (max-width: 370px) {
.companyMenu{
	padding: 10px 10px;
	margin-left:0;
}
.companyMenu img{
	margin-right:0;
}
.companyDropdown ul.cMenu{
	margin-left:7px;
}
.companySelect .bootstrap-select{
	max-width:100% !important;
	width:178px !important;
}

.dashboard-participants-main{
	margin-top:10px;
	margin-right:-9px !important;
}
.dashboard-search-input{
	width:40%;
}
.table.dataTable{
	table-layout:auto;
}
}











/* alert center classes for ajax loader */
.alertc-box{display:table;border-bottom:2px #e8e8e8 solid;margin-bottom: 4px;}
.alertc-searchbox{display:table-cell;padding-top: 10px;}
.alert-loader{display:table-cell;padding-right: 15px;}
.bell{
	margin:0px!important;
	margin-right: 7px!important;


	}
.btn-yes{
	padding-left:25px;
	padding-right:25px;
}

/*-----------------------------------------------------------------------------
 
Dashboard -  Classes 9th May 2016
-------------------------------------------------------------------------------*/	
.dashboard-search{
	border-bottom:dotted 1px #000;
	padding-left: 0;
	padding-right:0;
}
.btn-add-list-dashboard{
	color:#fff;
	font-size:12px;
	background:#1d76bb;
	text-decoration:none;
    vertical-align: middle;
    text-align: center;
    padding: 5px 15px;
    margin: 0;
}
.btn-add-list-dashboard:hover{
	background:#205c98;
	text-decoration:none;
}
.btn-template-dashboard{
	color:#1d76bb;
	font-size:13px;
	background:#fff;
	padding:5px 15px;
	text-decoration:none;
	margin-right:12px;
}
.btn-template-dashboard:hover{
	background:#e5e5e5;
	text-decoration:none;
}
.btn-export-report{
    color:#fff;
    font-size:12px;
    background:#1d76bb;
    padding:5px 15px;
    text-decoration:none;
    margin-right:12px;
}

.dashboard-search-input{
	height:24px;
}
.db-pdg-left10{padding-left:10px;}
.csat-bg{
	background: #fff7e7;
}
.db-csat-height{
	height:290px;
}
.db-mar-btm20{margin-bottom: 20px;}
.db-chart-border{border:solid 1px #e8e8e8;}
.db-charts-heading{/*background:#FCFCFC;padding-top: 20px;*/padding-bottom: 25px;}

.dashboard-eligibility-main{
	background: #fff;
    margin-left: -13px;
    margin-right: -10px;
}
.db-box-shadow{
	-webkit-box-shadow: 2px 2px 0 0 rgba(0, 0, 0, .25);
    box-shadow: 2px 2px 0 0 rgba(0, 0, 0, .25);
}
.dashboard-left{
	background:#EFF2F4;
	margin-left:0;
}
.dashboard-right{
	background:#EFF2F4;
	
}
.dashboard-participants-main{
	background: #fff;
    margin-left: -10px;
    margin-right: -15px;
	padding-bottom: 10px;
}
.dashboard-eligibility{
	padding: 1px 5px 10px 10px;
	height: 297px;
}
.dashboard-eligibility h4{
	border-bottom:solid 1px #e8e8e8;
	color:#1d303d;
	font-size: 16px;
	padding-bottom: 5px;
}
.dashboard-participants h4{
	border-bottom:solid 1px #e8e8e8;
	color:#1d303d;
	font-size: 16px;
	padding: 10px 10px 5px 0;
    margin-top: 0;
}
.dashboard-participants{
	padding: 1px 10px 0px 10px;
    
}
.db-charts-heading h3{
	    font-size: 16px;
		
}

.dashboard-eligibility-table,
.s2w-pending-docs-table {
	display:table;
	width:100%;
	border:solid 1px #e8e8e8;
	
}
.s2w-pending-docs-table {
    font-family: 'raleway', sans-serif;
    font-size: 11px;
    letter-spacing: 0.44px;
    border: 1px solid #D8D8D8;
}

.dashboard-eligibility-row,
.s2w-pending-docs-row {
	display:table-row;
	border-bottom:solid 1px #e8e8e8;
}
.dashboard-eligibility-data,
.s2w-pending-docs-data {
	display:table-cell;
	border-bottom:solid 1px #e8e8e8;
	padding:5px 8px;
}
.s2w-pending-docs-data {
    vertical-align: middle;
}
.dashboard-eligibility-data {
    width: 50%;
}
.dashboard-data-height{
	height:40px;
	vertical-align:middle;
}
.dashboard-th,
.s2w-pending-docs-th {
	height:25px;
	background:#fcfcfc;
}
.s2w-pending-docs-th {
    font-weight: 600;
    background: rgba(33, 117, 217, 0.2);
}
.dashboard-eligibility-scroll {
    overflow: auto;
	max-height: 210px;
    /*padding: 0 5px;*/
	width:100% !important;
	margin-bottom: 10px;
	padding-right:5px;
    
}
.eligibility-scroll3 {
    width: 10px;
    background: rgba(0, 0, 0, 0);
    margin-right: 0px;
    border-radius: 10px;
    -webkit-transition: background 250ms linear;
    transition: background 250ms linear;
	margin-left: 8px;
}

.s2w-pending-docs-data:not(:last-child) {
    width: 40%;
}
.s2w-pending-docs-data:last-child {
    width: 15%;
}

.s2w-pending-docs-btn {
    min-width: 71px;
    padding: 6px 12px;
}

.eligibility-scroll3:hover,
.eligibility-scroll3.dragging {
    background: #d9d9d9; 
    background: rgba(0, 0, 0, 0.15);
}

.eligibility-handle3 {
    width: 7px;
    right: 0;
    background: #999;
   background: rgba(0, 0, 0, 0.4);
	 /*background: #fcfcfc;*/
    border-radius: 7px;
    -webkit-transition: width 250ms;
    transition: width 250ms;
	border:solid 1px #e8e8e8;
}

.eligibility-scroll3:hover .eligibility-handle3,
.eligibility-scroll3.dragging .eligibility-handle3 {
    width: 10px;
}
input.sicon {
    padding:1px 10px;
	
}
input.sicon::-webkit-input-placeholder {
    font-family:FontAwesome, "Museo Sans W01 300";
	color:#bababa;
	vertical-align:middle;
	padding-top:2px;
}
input.sicon::-moz-placeholder {
    font-family:FontAwesome, "Museo Sans W01 300";
	color:#bababa;
}
input.sicon::-ms-input-placeholder {
    font-family:FontAwesome, "Museo Sans W01 300";
	color:#bababa;
}
.dashboard-search-input{
	height:28px !important;
	font-family:"Museo Sans W01 300", "Helvetica Neue", Helvetica, Arial, sans-serif;
	width: 56%;
	border:solid 1px #e8e8e8;
	text-indent:0;
}
.db-feedback-main{
	border-bottom:solid 1px #e8e8e8;
	padding:0 10px;
}
.db-feedback{
	font-size: 14px;
    color: #1d303d;
    padding: 5px 0;
    margin-bottom: 0;
    word-wrap: break-word;
}
.db-participants-outer{
	padding-right:5px;
	height:350px;
}
.db-blog-outer{padding-right:5px;padding-bottom: 5px;height: 243px;}
.dashboard-participants-scroll{
	overflow: auto;
	max-height: 300px;
    padding: 0 5px;
	width:100% !important;
	/*margin-bottom: 10px;*/
}
.participants-scroll3 {
    width: 10px;
    background: rgba(0, 0, 0, 0);
    margin-right: 0px;
    border-radius: 10px;
    -webkit-transition: background 250ms linear;
    transition: background 250ms linear;
	margin-left:-4px;
}

.participants-scroll3:hover,
.participants-scroll3.dragging {
    background: #d9d9d9; 
    background: rgba(0, 0, 0, 0.15);
}

.participants-handle3 {
    width: 7px;
    right: 0;
    background: #999;
   background: rgba(0, 0, 0, 0.4);
	 /*background: #fcfcfc;*/
    border-radius: 7px;
    -webkit-transition: width 250ms;
    transition: width 250ms;
	border:solid 1px #e8e8e8;
}

.participants-scroll3:hover .participants-handle3,
.participants-scroll3.dragging .participants-handle3 {
    width: 10px;
}

.autocomplete-scroll{
	overflow: auto;
	max-height: 350px;
    padding: 0 5px;
	width: 20% !important;
	overflow: hidden;
	z-index: 1;
}

.autocomplete-scroll3 {
    width: 10px;
    background: rgba(0, 0, 0, 0);
    margin-right: 0px;
    border-radius: 10px;
    -webkit-transition: background 250ms linear;
    transition: background 250ms linear;
	margin-left:-4px;
}

.autocomplete-scroll3:hover,
.autocomplete-scroll3.dragging {
    background: #d9d9d9; 
    background: rgba(0, 0, 0, 0.15);
}

.autocomplete-handle3 {
    width: 7px;
    right: 0;
    background: #999;
	background: rgba(0, 0, 0, 0.4);
    border-radius: 7px;
    -webkit-transition: width 250ms;
    transition: width 250ms;
	border:solid 1px #e8e8e8;
}

.autocomplete-scroll3:hover .autocomplete-handle3,
.autocomplete-scroll3.dragging .autocomplete-handle3 {
    width: 10px;
}

.db-feedback-author{
	font-size: 15px;
    color: #4398ad;
	margin-bottom: 5px;
}

.social-icons-blue{
	    color: #1d76bb;
    font-size: 1.5em;
    line-height: 0;
    margin-bottom: 5px;
}
.db-mrg-rght{margin-right:15px;}
.blog-scroll{
	overflow: auto;
	max-height: 174px;
    padding: 0 5px;
	width:100% !important;
	/*margin-bottom: 10px;*/
}
.db-blog{
	font-size: 14px;
    color: #757575;
    padding: 5px 0;
    margin-bottom: 0;
    word-wrap: break-word;
}
.db-blog:hover{
	text-decoration:none;
	color:#757575;
}
.db-charts-link:hover,.db-charts-link:focus,.db-charts-link:active{
	text-decoration:none;
	background-color:transparent;
}
.db-charts-link:hover{
	text-decoration:none;
	/*background-color:#f00;
	opacity:0.6;*/
	display:block;
	/*border:solid 1px #e8e8e8;*/
	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.3); 
	 box-shadow: 0 5px 15px rgba(0,0,0,0.3);
	
   /* box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, .25);*/
}

.db-eligibility-name{
	width: 260px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	margin:0;
	
}

.db-filters-display{
	    padding: 5px 10px 5px 0;
    /* border-bottom: solid 1px #e8e8e8; */
    /*margin-bottom: 15px;*/
}
.db-search-textbox{
	margin-bottom:0;
}
.dashboard-locations {
    padding: 1px 10px 10px 10px;
    height: 406px;
}
.dashboard-locations h4 {
    border-bottom: solid 1px #e8e8e8;
    color: #1d303d;
    font-size: 16px;
    padding-bottom: 5px;
}
.charts-h3{
	font-size:16px;
	color:#1d303d !important;
	text-transform:uppercase;
}
/*********dashboard statusbar*********/

.db-statusbar {
  margin: 0;
  padding: 0;
  margin-left:-24px;
}
.db-statusbar li {
  list-style-type: none;
  width: 25%;
  float: left;
  font-size: 10px;
  position: relative;
  text-align: center;
  z-index:1;
  color: #bababa;
  word-wrap: break-word;
}
.db-statusbar li:before {
  width: 18px;
  height: 18px;
  content: '';
  
  line-height: 12px;
  border: 3px solid #d1d3d4;
  display: block;
  text-align: center;
  margin: 0 auto;
  border-radius: 50%;
  background-color: #e1e3e3;
}
.db-statusbar li:after {
  width: 100%;
  height: 4px;
  content: '';
  position: absolute;
  background-color: #d1d3d4;
  top: 8px;
  left: -43.45%;
  z-index: -1;
}
.db-statusbar li:first-child:after {
  content: none;
}
.db-statusbar li.active {
  color: #fff;
}
.db-statusbar-text{
  color:#757575 !important;	
}
.db-statusbar li.active:before {
  background-color: #55b776;
  background: #55b776 url("../../images/OK.png") no-repeat;
  /*content: '\2714';*/
  background-position: -3px center;
}
.db-statusbar li.active + li:after {
  /*background-color: #55b776;*/
}
.db-statusbar li:last-child:after {
  content:none;
}
.db-statusbar li.db-cancel:before {
	/*background:#ed1c24;*/
	background: #ed1c24 url("../../images/close.png") no-repeat;
	background-position:-1px center;
	border:solid 2px #ed1c24;
	/*content: '\2716';*/
	color:#fff;
	padding-top: 2px;
	font-weight:bold;
}
/****************dashboard statusbar ends**************/
/******autocomplete search**************/


.autocomplete-suggestions { border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden;text-indent:5px; }
.autocomplete-no-suggestion { padding: 2px 5px;}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: bold; color: #000; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { font-weight: bold; font-size: 16px; color: #000; display: block; border-bottom: 1px solid #000; }


/*************autocomplete search***************/
.filter-nn.btn-primary:hover, .filter-nn.btn-primary:focus, .filter-nn.btn-primary:active, .filter-nn.btn-primary.active,
		.filter-nn.open .dropdown-toggle.btn-primary
		 {
			    background-color: #fff;
				color: #333!important;
				box-shadow: none;
				border: 1px solid #ccc;
		 }

		 /* Medium Devices, Desktops */
 @media only screen 
and (min-width : 320px) 
and (max-width : 1024px)  { 
.tabsRight{
	width: 100%;
}
.tabsLeft{
	width: 100%;
}
.myTabs>li {
    float: left;
	width:25%;
	text-align:center;
}
.newControl{
	width:100%;
}
.newControl-select:before{
	right:2%;
}
.rightEditProfile h3{
	margin-top:10px;
}
.modal-margin-left{
	margin-left:0;
}
.leftEditProfile{
	padding-left:0;
}
.rightEditProfile{
	padding-left:0;
}
.Content{
	margin-left:0;
}
.tabsRight{
	min-height:0;
}
#usertable.dataTable.nowrap th,#usertable.dataTable.nowrap td{
	    white-space: normal;
}
.myTabs>li>a{
	font-size:13px;
	border-right: 1px solid #e8e8e8;
}
.editForm{
	min-height:0;
}
.blue{
	width:100%;
}
.editProfile .modal-content{
	left:0;
	margin-top:0;
	width: 100%;
}
.form-detail-div{
	border-bottom: solid 1px #ccc;
}
.badge-position{bottom: 20px;}	 
}
 
		 
/*Classes for Eligibility n Partcipants Grids - Round 2*/
  

table.dataTable
{
	border:0px;
}
.grid-searchbox
{
/*color: #bababa;*/
font-size:12px;
border: 1px solid #e8e8e8;
width: 250px;
    height: 32px;
}
.tab-border
{
border-bottom: 1px dotted rgba(29, 48, 61, 0.5);
margin-bottom: 10px;
margin-left:2px;
}
.hr-pad-rgt18
{
padding-right:18px;
}
.btn-gear
{
	    padding: 2px 4px;
    border: 1px solid #e8e8e8;
   border-radius: 5px!important;
    
    font-size: 12px;
}
.btn-gear .hr-fonticon
{
	color: #6196CD;
}
.btn-gear .caret
{
	border-top-color: #999;
}
.hr-mar-top15{margin-top:15px;}

/************** form detail css starts **********/

.form-detail-heading{
	 padding:5px 20px 0 20px !important;
	 border-bottom:solid 1px #ccc !important;
	 }
	 .form-detail-title{
	 font-size:16px;
	 color:#1d303d;
	 margin-left: -5px;
	 }
	 .form-detail-div{
        line-height: 2.4;	 
	 }
	 .processed-circle{
	 color:#0e9840;
	 }
	 .version-text{
		font-size:12px;
		color:#757575;
		padding-left:0;
	 }
	 .version-text-ul li{
	 list-style-type:none;
	 display:inline-block;
	 padding:0 10px;
	 }
	 .version-text-ul li:last-child{
	 padding-right:0;
	 }
	 .version-text-ul{
	     text-align: right;
		 margin: 5px;
		 margin-right:0;
		     padding-left: 0;
	 }
	 .download-icon{
	 color:#333;
	 border: 1px solid rgb(245, 245, 245);
    border-radius: 3px;
    padding: 4px 8px;
	     margin-right: -5px;
		 font-size: 16px;
	 }
	  .download-icon:visited,.download-icon:hover,.download-icon:focus,.download-icon:active{
	 color:#333;
	 /*border:solid 1px #1d76bb;*/
	  background-color:#ebebeb;
	  border-color:#adadad;
	  text-decoration:none;
	 }
	 .expand-icon{
	 color:#757575;
	 }
	 .expand-icon:hover{
	 color:#1d76bb;
	 }
	 .expand-text{
	 font-size:12px;color:#757575;
	 }
	 .form-detail-commentBox{
	 margin-top:0;
	 }
	 .comment-border{
	 border-bottom:solid 1px #ccc;
	 
	 }
	 .form-detail-left{
	 border-right:solid 1px #ccc;
	 }
	 .border-bottom-ccc{
	 border-bottom:solid 1px #ccc !important;
	 }
	 .hr-icongreen {
    color: #0e9840;
	}
	.file-detail-comment{
	margin-top:0 !important;
	padding-top:5px;
	}
	.form-detail-textarea{
	border-radius:2px;
	resize:vertical;
	}
	.another-employee-btn{
		font-family: "Museo Sans W01 300";
    
    text-align: center;
    color: #1d76bb;
    font-size: 13px;
    vertical-align: middle;
    background-color: #fff;
    padding: 3px 15px;
    border-radius:0;
    letter-spacing: 0px;
	}
	.another-employee-btn:hover{
		border:solid 1px #1d76bb;
	text-decoration:none;
	color: #1d76bb;
	}
	.file-detail-btm-panel{
		padding: 17px 0px;
	}
	.add-user-btn[disabled]{
		background-color:#868E94;
	}
	.file-detail-eye-icon{
		
		font-size:14px;
	}
/************** form detail css ends **********/
/**************document center*************/
.document-center-title{
	font-size:26px;
	color:#1d303d;
}
.document-center-search{
	font-size:16px;
}
.document-center-box{
	background-color:#fff;
	box-shadow:2px 2px 0 0 rgba(0,0,0,.25);
	border:solid 1px #e8e8e8;
	height:240px;
	padding:30px;
}
.document-center-icon{
	width:52px;
	height:52px;
	border-radius:6px;
	box-shadow:0 40px 30px rgba(0,0,0,.07);
	color:#fff;
	text-shadow:1px 1px 1px rgba(0,0,0,.25);
	text-align:center;
	vertical-align:middle;
	margin: 0 auto;
}
.contract{
	background-color:#e51e27;
}
.dc-icon-size{
	font-size:3em;
	margin:4px;
}
.dc-title{
	font-size:18px;
	color:#333;
	    text-align: center;
    padding-top: 28px;
    padding-bottom: 20px;
}
.dc-content{
	font-size:14px;
	color:#333;
	line-height:1.5;
}
.failed-container {
    margin-top: -37px;
    font-size: 12.6px;
    position: absolute;
    width: 95.5%;
    display: none; 
    z-index: 99;
}

/**************registeration chart page*********/

.registered-bar-chart .axis text {
    font: 12px sans-serif;
}
.registered-bar-chart .axis path,
.registered-bar-chart .axis line {
    fill: none;
    stroke: #cdcdcd;
    shape-rendering: crispEdges;
}
.registered-bar-chart .x.axis path {
    /*display: none;*/
}
.registered-bar-chart .d3-tip {
    line-height: 1;
    font-family: sans-serif;
}
.barchart-table {
    background-color: #fff;
	border:solid 1px #e8e8e8;
	-webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.3);
    box-shadow: 0 1px 10px rgba(0,0,0,0.3);
	text-rendering: optimizeLegibility;
}
.barchart-table td {
    padding: 5px;
    font-size: 11px;
    border: dotted 1px #ccc;
	
}
.registered-bar-chart svg {
    /*margin-top: 30px;*/
}
.svg-mar-top140{
 margin-top:140px;
 }

.bar_chart_labels{
	font-size:11px;
	color:rgb(117, 117, 117);
	font-family: arial;
	opacity:0.7;
	cursor:pointer;
}
.reg_donut_text{
	font-size:10px;
}
/**************registeration chart page***********/
.close-file-details:hover{
	color:#d6d6d6;
}
.aps-vtop{
vertical-align:top;
}

.notification-left-scroll{
    overflow: auto;
 max-height: 490px;
    /*padding: 0 5px;*/
 width:100% !important;
    
}

.track-notification {
    width: 10px;
    background: rgba(0, 0, 0, 0);
    margin-right: 2px;
    border-radius: 10px;
    -webkit-transition: background 250ms linear;
    transition: background 250ms linear;
}

.track-notification:hover,
.track-notification.dragging {
    background: #d9d9d9; 
    background: rgba(0, 0, 0, 0.15);
}

.handle-notification {
    width: 7px;
    right: 0;
    background: #999;
   background: rgba(0, 0, 0, 0.4);
  /*background: #fcfcfc;*/
    border-radius: 7px;
    -webkit-transition: width 250ms;
    transition: width 250ms;
 border:solid 1px #e8e8e8;
}

.track-notification:hover .handle-notification,
.track-notification.dragging .handle-notification {
    width: 10px;
}

/******21st june 600px starts*******/
@media only screen and (min-width: 600px) and (max-width: 767px) {
 .vbar .navbar-right>li {
  display:inline-block;
 }
 .vbar .navbar-right>li:first-child{
  margin-left:20px;
 }
 .nav.navbar-nav .dropdown ul.dropdown-menu{
  box-shadow:none;
  margin-top: 0;
 }
 .dropdown ul.dropdown-menu:before{
  display:none;
 }
 .nav.navbar-nav .dropdown-menu>li>a{
  padding:8px;
  font-size: 14px;
 }
 .vbar .navbar-nav .open .dropdown-menu>li>a{color:#fff;}
 .mainBreadcrumb{margin-top:8px;}
 .dashboard-search-input{width:100%;}
 .download-template{padding:5px 9px;}
 .add-lists{padding: 5px 10px;}
 .nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus{font-size:13px;}
 .notification-left-scroll{max-height:250px;}
 .datepicker-dropdown.datepicker-orient-bottom:before{display:none;}
 .datepicker-dropdown.datepicker-orient-bottom:after{display:none;}
 .datepicker-dropdown.datepicker-orient-top::before{display:none;}
 .datepicker-dropdown.datepicker-orient-top::after{display:none;}
 table.dataTable, table.dataTable th, table.dataTable td{font-size:12px !important;}
 .vbar .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background-color: #1d303d;}
 .dataTables_wrapper{overflow:scroll;}
 .editProfile h4{margin-left:0;}
 .editProfile .close{margin-right:0 !important;}
 .btn-primary-sec{padding:6px 12px;}
 .sm600-cal-input{padding-right:0;}
 .sm600-cal-input #startDate{vertical-align:super;}
 .sm600-cal-input #endDate{vertical-align:super;}
 .sm-list-middle{vertical-align: -webkit-baseline-middle;} 
 .badge-position{bottom: 20px;}
 #eligibilityListTableDiv #userTable thead th:last-child{display:none}
 #participantsTable th:last-child{width:23px !important;}
 
}
/******21th june 600px ends*******/
/******27th june 2016 600px starts*******/
@media only screen and (min-width: 766px) and (max-width: 992px) {
	.mainBreadcrumb{margin-top:12px;}
	.dataTables_wrapper{overflow:scroll;}
	.sm-list-middle{vertical-align: -webkit-baseline-middle;} 
 	.badge-position{bottom: 20px;}
 	#eligibilityListTableDiv #userTable thead th:last-child{display:none}
 	#participantsTable th:last-child{width:23px !important;}
 	
}
.landing-tab-icon{
	background: url("../../images/icon-landing-rate-white.png") no-repeat center;
	background-size:85%;
}
.alumni-tab-icon{
	background: url("../../images/icon-tab-alumni.png") no-repeat center;
	background-size:70%;
}
.satisfaction-tab-icon{
	background: url("../../images/icon-tab-satisfaction.png") no-repeat center;
	background-size:70%;
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
	.db-symbol-td{
		width:18%;
    }
	.charts_num_single .fa-db-user{
		width: 42px;
		height: 45px;
	}
	.charts_num_single .fa-db-credit-card, .charts_num_single .fa-db-clock{
		width: 50px;
		height: 52px;
		margin-top: 0px;
	}
	.charts_num_single .fa-running-man{
		width: 48px;
		height: 48px;
	}
	.brdrRghtBtm{
		border-bottom:solid 1px #e8e8e8;
		border-right:0;
	}
    .brdrLeftBtm{
        border-top:solid 1px #e8e8e8;
        border-left:0;
    }
}
.landing-tab-icon{
	background: url("../../images/icon-landing-rate-white.png") no-repeat center;
	background-size:85%;
	display: block;
	padding: 25px;
}
.alumni-tab-icon{
	background: url("../../images/icon-tab-alumni.png") no-repeat center;
	background-size:70%;
	display: block;
	padding: 25px;
}
.satisfaction-tab-icon{
	background: url("../../images/icon-tab-satisfaction.png") no-repeat center;
	background-size:70%;
	display: block;
	padding: 25px;
}
.brdrRghtBtm {
    border-right: 1px solid #e8e8e8;
}
.brdrLeftBtm {
    border-left: 1px solid #e8e8e8;
}
/***********************DOCUMENT CENTER 12th JULY 2016***************************************************/
.dc-tab-border{
    border-bottom: 1px dotted rgba(29, 48, 61, 0.5);
    margin-left: 2px;
}
	 .document-tabs{
		padding-left:5px;
		margin-bottom:0
	 }
	 .document-tabs li{
		font-size:14px;
		color:#fff;
		background-color:#bec4c9;
		display:inline-block;
		list-style-type:none;
		margin-right:2px;
		margin-top:15px;
	 }
	 .document-tabs li a{
		color:#fff;
		text-decoration:none;
		display:block;
		padding:4px 11px;
	 }
	 .document-tabs li a:hover{
		background-color:#56636D;
	 }
	 .document-tabs li.active{
	     background-color:#56636D;
	 }
	 .dc-tab-desc{
		font-family: 'Conv_museosans-500';
		font-size:14px;
		color:#757575;
		margin-bottom:15px;
	 }
	 .dc-grid-searchbox {
		font-size: 14px;
		border: 1px solid #e8e8e8;
		width: 100%;
		height: 29px;
}
.dc-search-box{
			margin-top:15px;
		}
	 .document-center-title {
    font-size: 26px;
    color: #1d303d;
	margin-top:24px;
	margin-bottom:0;
}
.document-center-search {
    font-size: 16px;
	margin-bottom:0;
}
.document-detail-heading{
    font-size:26px;
	color:#1d303d;
	
}
.document-center-search-div{
    padding: 0 0 15px 10px;
    
}
.dc-download-link {
    color: #757575;
    font-size: 1.4em;
}
.dc-download-link:hover {
    color: #1d76bb;
}
.contract {
    background-color: #e51e27;
}
.invoice {
    background-color: #0e75bb;
}
.program-materials {
    background-color: #079247;
}
.dc-eligibility-list {
    background-color: #ee6324;
}
.performance-reports {
    background-color: #f9db08;
}
.purchase-orders {
    background-color: #23a8e0;
}
/***********************DOCUMENT CENTER 12th JULY 2016***************************************************/





/***********************DASHBOARD PRINT ICONS CHANGED TO IMAGE***************************************************/

 .db-icon-1{
   margin-top:13px;
   height:30px;
   text-align:right;
   margin-left: 12px;
   }
   .db-icon-2{
   margin-top:15px;
   height:25px;
   text-align:right; 
   margin-left: 8px;
   }
   .db-icon-3{
   margin-top:15px;
   height:27px;
   text-align:right; 
   margin-left: 3px;
   }
   .db-icon-4{
   margin-top:15px;
   height:27px;
   text-align:right;
   margin-left: 4px;
   }
    .btn-print-dashboard
  {
    border-radius: 0;
    margin-top: 0;
    padding: 6px 16px;
    margin-bottom: 0;
    font-size: 12px;
    margin-left: 10px;
  }
  
    #printButtonForDashboard .fa.fa-print {
    font-size: 14px;
    margin-right: 5px;
}
.headerText ,.print_legend{display:none;}
.bg-detractors img, .bg-passive img, .bg-promoters img{display:none;}



#launcher{
 margin:10px 1px !important;
} 
/*********alumni and csat feedback td*****************/
.prn-comments-text{
	padding:10px 0;
}
.safari-scale-compare, .safari-scale-hori
{
	
}

.hrp-participant-info{
	color:#757575;
	font-size:15px;
	padding-bottom:5px;
	margin-top:12px;
}

.participant-row{
	padding:10px 0;
	font-size:13px;
}
ul.eligibility-tab li.active, ul.eligibility-tab li.active a:hover{
	cursor:pointer;
}
.close-file-details:hover {
    color: #d6d6d6;
}

.spend-col-1{
	width:2%;
}
.threshold_block {
			position: absolute;
			background-color: rgba(0, 0, 0, 0.6);
			padding: 20px;
			top: 50%;
			color: #fff;
			width: 95%;
			text-align: center;
			left: 0;
			right: 0;
			margin: auto;
}
.promoter_no_data{
	border:solid 1px #ccc;
	padding:9px;
	text-align:center;
	color: #757575;
	font-size: 12px;
}
.promoter_no_data_no_border{
	padding:9px;
	text-align:center;
	color: #757575;
	font-size: 12px;
}
.hrp-division {
    border-top: solid 1px #ddd;
    padding-top: 7px;
    margin-top: 10px;
    margin-bottom: 0!important;
    font-size: 4px;
}
.btn-fileupload{
	padding:10px 5px;
	width:100%;
}
#addlist .custom-launcher-53271, #addlist .walkme-custom-icon-outer-div{
	
    margin-left: 300px !important;
}
#addlist .modal-dialog{
	width:650px;
}

/********* FRAME-735 add footer to every page of insight *****************/

html {
    min-height: 100%;
    position: relative;
}
html body {
    margin-bottom: 60px;
}
.insight_footer {
    bottom: 0;
    width: 100%;
    position: absolute;
    height: 40px;
    border-top:1px solid #c9c9c9;
    color:#1d303d;
}
.insight_footer .footer-block {
    margin: 10px 0;
    text-align:center;
}
#dashboardYear.form-control[readonly]{
    background-color:#fff;
    cursor:pointer;
}

/* ---------------------------------------------------------------------------
          SLP-7092 -- Release Notification Banner
   -----------------------------------------------------------------------------*/

.hr-broadcast-container {
    position: relative;
    padding: 0;
   /* background: #f8ffc0;*/
}

.hr-broadcast-text {
    padding: 25px 20px 10px 47px;
    color: #75390e;
}

.hr-broadcast-close {
    position: absolute;
    top: 0;
    right: 0;
    background: #fee34e;
    color: #463d00 !important;
    text-shadow: none;
    font-weight: 400;
    border-radius: 0 0 0 4px;
    padding:4px 12px;
    font-size: 10px;
    text-decoration: none;
    text-transform: uppercase;
}

.hr-broadcast-close:hover {
    text-decoration: none;
}

.hr-broadcast-banner {
    position: absolute;
    background: #fee34e;
    display: inline-block;
    color: #000;
    font-size: 12px;
    top: -10px;
    box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25);
    padding: 3px 10px;
    border: 1px solid transparent;
    left: -1px;
}

.hr-broadcast-banner:after, .hr-broadcast-banner:before {
    top: 105%;
    left: 80%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.hr-broadcast-banner:after {
    border-color: rgba(255, 0, 0, 0);
    border-top-color: #fee34e;
    border-width: 7px;
    margin-left: -7px;
}

.hr-broadcast-banner:before {
    border-color: rgba(0, 0, 0, 0);
    border-top-color: rgba(0, 0, 0, 0.3);
    border-width: 8px;
    margin-left: -8px;
}

sup {
    top: -.5em;
    margin-left: 3px;
    font-weight: bold;
    font-size: 8px;
    text-decoration: none;
}

/* ---------------------------------------------------------------------------
       SLP-7092 -- Release Notification Banner ends
-----------------------------------------------------------------------------*/




.hr-filter-language{
    padding: 4px 0px;
    background-color: #f5f5f5;
}

.insight-footer-logo {
    position: absolute;
    bottom: 40px;
    width: 100%;
}

.insight-nav-bar {
    position: absolute;
}

.insight-nav-logo {
    margin: 9px 24px;
}

.insight-nav-logo > img {
    width: 197px;
    height: 50px;
    padding-top: 0;
}

#navbar > ul {
    margin-top: 5px;
}
@media (min-width: 768px) and (max-width: 940px) {
    #navbar.collapse {
        display: none!important;
    }
    .insight-logo-div {
        width: 100%
    }
    .insight-logo-div > button {
        display: block;
        float: right;
         background-color: #1d303d !important;
    }
}
@media (min-width: 768px){
    .insight-mainbreadcum {
        padding-top: 12px;
    }
}
@media (min-width: 992px), (max-width: 599px){
    .insight-mainbreadcum {
        padding-top: 24px;
    }
    #navbar > ul {
        margin-top: 10px;
    }
}
@media only screen and (max-width: 767px) and (min-width: 600px){
    .insight-mainbreadcum {
        padding-top: 16px;
    }
}
.blog-text{
    border-bottom: none !important;
    margin-bottom: 0px;
}

.insight-container-mar-btm{
    margin-bottom: 80px;
}



/* width */
.custom-scrollbar::-webkit-scrollbar {
    width: 7px;
}

/* Track */
.custom-scrollbar::-webkit-scrollbar-track {
    width: 7px;
    background: rgba(0, 0, 0, 0);
    margin-right: 2px;
}

/* Handle */
.custom-scrollbar::-webkit-scrollbar-thumb {
    width: 7px;
    right: 0;
    background: #999;
    background: rgba(0, 0, 0, 0.4);
}

/* Handle on hover */
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #d9d9d9;
    background: rgba(0, 0, 0, 0.6);
    width: 10px;
}

/*Firefox*/
.custom-scrollbar{
    scrollbar-color: #999 rgba(0, 0, 0, 0) !important;
    scrollbar-width: thin !important;
}

/* gig */
.oppDescription{
  resize: vertical;
}
.skills-display{
    width: 100%;
    padding:10px;
}
.skills-left{
    background-color: #fff;
    margin-top: 15px;
}
.skills-right{
    margin-top: 20px;
    background-color: #e5f1fb;
}
.skills-display .skills-chip{
    display: inline-flex;
    border: solid 1px #aaa;
    background-color: #eee;
    color: #000;
    border-radius: 20px;
    padding: 5px 10px;
    align-items: center;
    margin-right: 5px;
    margin-bottom: 10px;
}
.skills-display .chip-selected{
    background-color: #b2d5f2;
}
.skills-right .skills-chip{
    background-color: #d6e1ea;
}
.chip-svg{
    color: #666666;
    cursor: pointer;
    height: 16px;
    fill: currentColor;
    margin-left: 5px;
    display: inline-block;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    user-select: none;
    flex-shrink: 0;
}
.chip-svg:hover{
    color: #999999;
}
.yellow-bg-label{
    background: #E5A30F;
    border-radius: 2px;
    padding: 3px 8px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    line-height: 17px;
    margin-top: 10px;
}
.status i{
    margin-right:10px;
}
.form-detail-heading .status{
    color: #70758B;
    font-size: 16px;
    line-height: 22px;
}
.opportunity-expired-text{
    font-size: 14px;
    line-height: 18px;
    color: #175197;
    font-weight: bold;
    margin-bottom: 20px;
}
.opportunity-inside-summary{
    margin-bottom: 20px;
}
.opportunity-inside-summary label{
    color: #0F1941;
    font-weight: bold;
    font-size: 14px;
    line-height: 18px;
}
.opportunity-inside-summary p{
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    color: #0F1941;
}
.opportunity-inner-heading{
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    color: #0F1941;
}
.rightPanelContent .chip{
    display: inline-block;
    background: #FFFFFF;
    border: 2px solid #C5C7CF;
    box-sizing: border-box;
    border-radius: 15px;
    color: #70758B;
    font-size: 16px;
    line-height: 22px;
    padding:4px 15px;
}
.add-opportunity{
    display: block;
}
.empty-state-Mypostings .add-opportunity{
    display: inline-block;
    width: auto;
    border-radius: 25px;
}