/*---------- For Profile Image Display : 22-APR-2019, VJ ----------*/
.modal-content{
    border:none;
}

/*---------- Talent Pool Search Page ----------*/
    .search-field{
        border:solid 1px lightgrey;border-radius: 5px;
        padding:0;
        margin-left: 2vh;margin-bottom: 1vh;
        padding-left:2vh;padding-right:2vh;
    }

    .popover {
        /* [knowledge]: increase width of popover */
        max-width: 300px !important;
        width: 300px !important;      
    } 

/*---------- Modal Right ----------*/
	.modal.right .modal-dialog {
		position: fixed;
		margin: auto;
		width: 125vh;
		height: 100%;
		-webkit-transform: translate3d(0%, 0, 0);
		    -ms-transform: translate3d(0%, 0, 0);
		     -o-transform: translate3d(0%, 0, 0);
		        transform: translate3d(0%, 0, 0);
	}

    .modal.xlarge .modal-dialog{
        width: 125vh !important;
    }

    .modal.large .modal-dialog{
        width: 100vh !important;
    }    

    .modal.medium .modal-dialog{
        width: 75vh !important;
    }    

	.modal.right .modal-content {
		height: 100%;
        overflow-y: auto;
		border-radius: 0;
		border: none;        
	}

	.modal.right .modal-body {
		padding: 15px 15px 80px;
	}
        
	.modal.right.fade .modal-dialog {
		right: -125vh;
		-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
		   -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
		     -o-transition: opacity 0.3s linear, right 0.3s ease-out;
		        transition: opacity 0.3s linear, right 0.3s ease-out;
	}
	
	.modal.right.fade.in .modal-dialog {
		right: 0;
    }

	.modal.right .modal-header {
		border-bottom-color: #EEEEEE;
		background-color: #FAFAFA;
    }

/*---------- blink ----------*/        
    @-webkit-keyframes blinker {
        from {opacity: 1.0;}
        to {opacity: 0.0;}
    }
    .blink{
        text-decoration: blink;
        -webkit-animation-name: blinker;
        -webkit-animation-duration: 0.6s;
        -webkit-animation-iteration-count:infinite;
        -webkit-animation-timing-function:ease-in-out;
        -webkit-animation-direction: alternate;
    }

/*---------- right side menu ----------*/    
    .dropdown-submenu {
        position: relative;
    }

    .dropdown-submenu>.dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px;
        border-radius: 0 6px 6px 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;
    }

    .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;
    }

/*---------- Common Style ----------*/
.body-background{
    background-color: #f2f4f5;
}

body{
	min-height:100%; 
	background: #f2f4f5;
	font-size: 12px;
}

.padding0{
    padding:0;
}


.text-info{
  color: #37bc9b;
}

.text-positive{
    color:blue;
}

.text-dimgrey{
    color:dimgrey;
}

.text-lightgrey{
    color:lightgrey;
}

.text-grey{
    color:grey;
}

.text-bold{
  font-weight: bold;
}

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

.max-char{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;    
}

.smaclify-topbar-bg-color{
	background-color:#336699;
}

.smaclify-page-bg-color{
	background-color:#e6e9ed;
}

.showhide-holder:hover .showthis {
    display:block;
}

.showhide-holder .showthis {
    display:none;
}

.showhide-holder:hover .hidethis {
    display:none;
}

/*---------- Bubble Chat Comments ----------*/
/* https://www.templatemonster.com/blog/chat-bubbles-css-ui-tutorial/ */
.bubble {
  box-sizing: border-box;
  float: left;
  width: auto;
  max-width: 80%;
  position: relative;
  clear: both;
 
  background: #95c2fd;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.15, #bee2ff), color-stop(1, #95c2fd));
  background-image: -webkit-linear-gradient(bottom, #bee2ff 15%, #95c2fd 100%);
  background-image: -moz-linear-gradient(bottom, #bee2ff 15%, #95c2fd 100%);
  background-image: -ms-linear-gradient(bottom, #bee2ff 15%, #95c2fd 100%);
  background-image: -o-linear-gradient(bottom, #bee2ff 15%, #95c2fd 100%);
  background-image: linear-gradient(bottom, #bee2ff 15%, #95c2fd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#95c2fd', endColorstr='#bee2ff');
 
  border: solid 1px rgba(0,0,0,0.5);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
 
  -webkit-box-shadow: inset 0 8px 5px rgba(255,255,255,0.65), 0 1px 2px rgba(0,0,0,0.2);
  -moz-box-shadow: inset 0 8px 5px rgba(255,255,255,0.65), 0 1px 2px rgba(0,0,0,0.2);
  box-shadow: inset 0 8px 5px rgba(255,255,255,0.65), 0 1px 2px rgba(0,0,0,0.2);
  margin-bottom: 20px;
  padding: 6px 20px;
  color: #000;
  text-shadow: 0 1px 1px rgba(255,255,255,0.8);
  word-wrap: break-word;
}
.bubble:before, .bubble:after {
  border-radius: 20px / 5px;
  content: '';
  display: block;
  position: absolute;
}
.bubble:before {
  border: 10px solid transparent;
  border-bottom-color: rgba(0,0,0,0.5);
  bottom: 0px;
  left: -7px;
  z-index: -2;
}
.bubble:after {
  border: 8px solid transparent;
  border-bottom-color: transparent; /* */
  bottom: 1px;
  left: -5px;
}
.bubble-alt {
  float: right;
}
.bubble-alt:before {
  left: auto;
  right: -7px;
}
.bubble-alt:after {
  left: auto;
  right: -5px;
}
 
.bubble p {
  font-size: 1.4em;
}

/*---------- diary note activity log ----------*/
.diary-note-activity-log{
    border: solid 1px;
    border-radius: 10px;
    padding: 1vh;
}

/*---------- WOWFont ----------*/
@media only screen and (max-width: 1600px){
  .wowFont {
    font-size: 13px !important;
    /* font-family: system-ui, proxima-nova,Helvetica,Arial,sans-serif !important; */
    font-family: system-ui, Helvetica, Arial, sans-serif !important;
    font-weight:400;
  }  
}

@media only screen and (max-width: 1440px){
  .wowFont {
    font-size: 12px !important;
    /* font-family: system-ui, proxima-nova,Helvetica,Arial,sans-serif !important; */
    font-family: system-ui, Helvetica, Arial, sans-serif !important;
    font-weight:400;
  }  
}

@media only screen and (max-width: 1152px){
  .wowFont {
    font-size: 11px !important;
  /*  font-family: proxima-nova,Helvetica,Arial,sans-serif !important;*/
    font-family: Open Sans, sans-serif !important;
    font-weight:400;
  }  
}

/*---------- Override summernote  ----------*/
.note-editor.note-frame .note-statusbar .note-resizebar {
    height:2px !important;
}

/*---------- Override handsontable td lineheight ----------*/
/* .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    line-height: 28px !important;
} */

.table>tbody>tr>th, .table>thead>tr>th, .table>tr>th {
    border-top-width: 0 !important;
}

/*---------- Override hubspot messenger width ----------*/
.messenger-width{
	width:75vh !important;
	margin-top: 3vh !important;
}

/*---------- Override bootstrap's tooltip inner, so long text can be seen ----------*/
.tooltip {
	white-space:normal;
}

/*.tooltip-inner  {
    word-break: break-all;
	/*white-space:pre; /* you can also try white-space: normal; 
    max-width:none;*/
}*/

/*---------- Font Awsome as background ----------*/
.mytextwithicon {
	position:relative;
	z-index: -1000;
}    
.mytextwithicon:before {
    font-family: FontAwesome;
    top: -11vh;
    left: 3vh;
    font-size: 25em;
    content: "\f007";
    position: absolute;
	opacity: 0.1;
	z-index: -1000;
	/*http://astronautweb.co/snippet/font-awesome/*/
 }

/*---------- horizontally scrollable table ----------*/
 .horizontal-scroll-except-first-column {
    /*width: 100%;*/
    overflow: auto;
    margin-left: 20em;
}

.horizontal-scroll-except-first-column > table > * > tr > th:first-child,
.horizontal-scroll-except-first-column > table > * > tr > td:first-child {
    position: absolute;
    width: 13em;
    margin-left: -20em;
	border-right: 1px solid #ccc;
}

.horizontal-scroll-except-first-column > table > * > tr > th,
.horizontal-scroll-except-first-column > table > * > tr > td {
    /* Without this, if a cell wraps onto two lines, the first column
     * will look bad, and may need padding. */
    /*white-space: nowrap;*/
	min-width:20em;
	vertical-align: top;
  	border-top: 1px solid #ccc;
  	padding: 5px;
	word-wrap: break-word;
}

.table-horizontal-scroll{
    overflow-x: auto;white-space: nowrap;
}

/*---------- Content Editable - Placeholder Support ----------*/
.editable{
	text-decoration: underline;
    text-decoration-style: dotted;
	border:none;
	padding:2px;
	vertical-align: middle;
	background: transparent !important;
    box-shadow: none;
}

.editable2{
    background: transparent;
    border: transparent;
    border-bottom: solid 1px;
	vertical-align: middle;
    border-bottom-style: dashed;
    border-bottom-color: lightgrey;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0) !important;    
}

.underlined-editable{
	border:none;
	border-bottom:solid 1px;
	padding:2px;
	vertical-align: middle;
    box-shadow: none;
}

[contenteditable=true]:empty:before{
  content: attr(placeholder);
  color:lightgrey;
  display: block; /* For Firefox */
}

.underlined-input-error{
	border-color: transparent;
    border-bottom-color: red;
}

.underlined-input{
	border-color: transparent;
	border-bottom-color: blue;
}

.dropdown-menu > li > a,
.dropdown messages-menu > a{
    cursor: pointer;
}

.a {
    cursor: pointer;
}

.btn-link {
    cursor: pointer;
}

.dropdown > a {
    cursor: pointer;
}

.clickable {
	cursor: pointer;
}

.colorBlue{
	color:#011fb1;
}

.selectedText{
    color: lightseagreen;
}

.tightButton {
  padding: 0.3vh;
}

.popover {
    background: black;
}

.popover-content {
    color: white;
    font-size: 0.9em;
}

.error-message{
	color:red;
	display:inline-block;
	line-height: 30px;
	vertical-align: middle;
}
.main-content-wrapper{
	margin-bottom:5vh;
}
.smac-alerts div{
	float:right; 
	position: fixed; 
	z-index: 1000; 
	bottom:10vh;
}
.logo img{
	height: 80%;
	display: inline-block;
    padding:2px;
}

/* bootflat styles copied here as we remove that library */
.badge{
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #777;
    border-radius: 10px;    
}

.badge-info{
    background-color: #37bc9b;
    border-color: #37bc9b;    
}

.badge-default{
    color: #434a54;
    background-color: #fff;
    border: 1px solid #aab2bd;    
}

.timeline dl dd .circ {
    position: absolute;
    top: 40px;
    left: 0%;
    z-index: 200;
    width: 22px;
    height: 22px;
    margin-left: -11px;
    background-color: #4fc1e9;
    border: 4px solid #f5f7fa;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}
.timeline dl dd {
    position: relative;
    z-index: 200;
}

.timeline dl:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0%;
    z-index: 100;
    width: 2px;
    margin-left: -1px;
    content: '';
    background-color: #ccd1d9;
}
.timeline dl {
    position: relative;
    top: 0;
    padding: 20px 0;
    margin: 0;
}

.timeline dl dt {
    position: relative;
    top: 30px;
    z-index: 200;
    width: 120px;
    padding: 3px 5px;
    margin: 0 auto 30px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    background-color: #aab2bd;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

dd {
    margin-left: 0;
}
dd, dt {
    line-height: 1.42857143;
}

.timeline dl dd .circ {
    position: absolute;
    top: 40px;
    left: 0%;
    z-index: 200;
    width: 22px;
    height: 22px;
    margin-left: -11px;
    background-color: #4fc1e9;
    border: 4px solid #f5f7fa;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.timeline dl dd .events {
    position: relative;
    width: 97%;
    padding: 10px 10px 0;
    margin-top: 31px;
    background-color: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.timeline dl dd.pos-right .events {
    float: right;
}

.timeline dl dd .events .events-body .events-heading {
    margin: 0 0 10px;
    font-size: 14px;
}

.dropdown-menu li a{
    padding: 5px 20px;
}

.icheckbox_flat{
    display: inline-block;
    width: 20px;
    height: 20px;
    padding: 0!important;
    margin: 0;
    vertical-align: middle;
    cursor: pointer;
    border: none;
    display: inline;
}
.btn-info{
    background-color: #37bc9b !important;
    border-color: #37bc9b;    
}
.btn{
   background-image: none;
   outline: 0 !important;
   -webkit-box-shadow: none;
   box-shadow: none; 
}

.no-btn-shadow{
   background-image: none;
   outline: 0 !important;
   -webkit-box-shadow: none;
   box-shadow: none;
 }

.mnh-selection-backgroud{
    background: #37bc9b;
}

.mnh-selection-color{
    color: #37bc9b !important;
}

.mnh-dropdown {
    background: #434a54 !important;
}

.mnh-dropdown li a{
    background: #434a54 !important;
	color: #FFFFFF !important;
}
.mnh-dropdown li a:hover{
	color: #fff;
	background-color:black !important;
}

.well {
    padding: 10px;
}

/*---------- Header Style ----------*/
.header-content-wrapper{
	background-color: #336699;
}

/*---------- Login Page ----------*/

.login-page .login-left-section div {
	overflow:hidden;
	max-height: 99vh;
	position: absolute;
	margin-left:-3vh;
}
.login-page .login-left-section div img{
	max-width:132%; 
	margin-left:-25vh;
	min-height: 99vh;
}
.login-page .login-right-section img{
	text-align:left; 
	margin-top:30vh; 
	height:8vh; 
	width:auto; 
	max-width:95%;
}
.login-page .login-right-section p{
	margin-top:4vh;
}
.login-page .login-btn{
	margin-top:0;
}
.disableDatepicker{
	pointer-events: none;
}

.welcome-main-section{
	font-size:3em; 
    margin-top:22vh;
    padding:12vh;
    padding-bottom:8vh;
}

.shortDetail {
	padding: 4px;
}
.shortDetail .panel-body{
	min-height: 20px;
	/* max-height: 90px; */
	height: 100px;
	overflow: hidden;
}
.shortDetail .panel-body .short-icons{
	text-align: center;
	display: table-cell;
	border-right: 1px solid #eee;
	line-height: 40px;
}
.shortDetail .panel-body .col-sm-4  .fa{
	font-size: 3em;
	line-height: 50px;
}
.shortDetail .panel-body .col-sm-8 .clickable{
	font-size: 2em;
}
.skin-blue .main-header .navbar , .skin-blue .main-header .logo{
	background-color: #336699 !important;
}
.navbar-nav>li>a{
	padding: 9px 15px !important;
	color: #ffffff !important;
}
.navbar-nav>li>a:hover ,.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{
	background: rgba(0, 0, 0, 0.1);
}


.navbar-nav>li>a i{
	font-size: 1.5em;
}
.skin-blue .main-header .navbar, .skin-blue .main-header .logo{
	min-height: 38px;
	height: 38px;
}
.skin-blue .main-header .logo{
	line-height: 38px;
}

.bordered-number{
	background:#fdfdfd;
	/*padding:4px;*/
	font-weight:400;
	border-radius:2px;
	/*border-bottom: 1px solid #fff;*/
	border-left: 1px solid #fff;
	/*border-right: 1px solid #fff;*/
	display:inline-block;
}

.report-question{
	font-size: 0.7em;
    padding-top: 1vh;
    padding-left: 4vh;
    color: grey;
    font-weight: 200;
}

.button-like-text {
     background:none!important;
     border:none; 
     padding:0!important;
     font: inherit;
     /*border is optional*/
     /*border-bottom:1px solid #444;*/ 
     cursor: pointer;
}

ul li:hover ul.dropdown{
    display: block;	/* Display the dropdown */
}
ul li ul.dropdown li{
    display: block;
}


/*for Tab Landscape*/
@media (max-width: 1024px) {
	.welcome-main-section{
        font-size:3em; margin-top:20vh;padding:10vh;
	}
	.shortcut-label{
		padding: 0 0 0 15px;
	}
}
/*For Tab Portrait*/
@media (max-width: 1024px) {	
	.welcome-main-section{
		font-size:3em; margin-top:20vh;padding:10vh;
	}
	.logo img{
		width:50%;
		margin-top: -5px;
	}
	.shortDetail .panel-default{
		margin-bottom: 0;
	}
	.shortDetail .panel-body{
		height: 85px;
	}
	.chart-wrapper .panel-default{
		height: auto !important;
	}
	.employment-branding .chart-wrapper .panel-default{
		height: auto !important;
	}
	.chart-wrapper .chart-bar, .chart-wrapper .chart-line , .chart-wrapper .panel-body .chart-doughnut{
		height: 100% !important;
		width: 100% !important;
	}
	.chart-wrapper.chart-employess , .chart-wrapper.chart-talent-acquisition{
		padding-bottom: 0;
	}
	.chart-wrapper.chart-talent-acquisition , .employment-branding .chart-wrapper{
		padding-top: 0;
	}
	.second-metrics .chart-wrapper.chart-employess{
		padding: 4px 4px 4px 19px;
	}
	.second-metrics .chart-wrapper.chart-talent-acquisition{
		padding: 4px 19px 4px 4px;
	}
	.right-sidebar-mobile button{
		margin: 6px;
	}
	.employment-branding .chart-wrapper{
		padding-bottom: 50px;
	}
	.navbar-custom-menu > .navbar-nav > li > .dropdown-menu{
		background-color: #434a54;
	}
	/*#demand_trend , #workforcePlan_Trend , #joiningReport_Trend, #cvCreation_Trend,{
		height:auto !important;
		width: auto !important;
	}
	 #app_inProcess{
	 	width: 420px !important;
	 	height:auto !important;
	 	}*/
	 }
	 /*For Mobile*/
	 @media (max-width: 767px){
	 	.chart-wrapper .chart-bar , .chart-wrapper .chart-line {
	 		height: 100% !important;
	 		width: 100% !important;
	 	}
	 	.second-metrics .chart-wrapper.chart-employess,	.second-metrics .chart-wrapper.chart-talent-acquisition{
	 		padding: 19px 19px 0 19px;
	 	}
	 	.second-metrics .chart-wrapper.chart-talent-acquisition{
	 		padding-bottom: 19px;
	 	}
	 	.employment-branding .chart-wrapper{
	 		padding-bottom: 50px;
	 	}
	 	.chart-wrapper .panel-default{
	 		margin-bottom: 0;
	 	}	
	 	.welcome-main-section{
	 		font-size:3em; margin-top:0vh;padding:0vh;
	 	}
	 	.right-sidebar-mobile button{
	 		margin: 4px;
	 	}
	 	.navbar-custom-menu > .navbar-nav > li > .dropdown-menu{
	 		background-color: #434a54;
	 	}
	 	.bu-performance .col-sm-12 , .details-of-request-due .col-sm-12 ,.terms-performance .col-sm-12{
	 		padding: 0;
	 	}
	 	.h4 span{
	 		display: inline-block;
	 		padding-left: 0 !important;
	 	}
	 	.logo img {
	 		width: 35%;
	 		margin-top: -5px;
	 	}
	 	#demand_trend , #workforcePlan_Trend , #joiningReport_Trend, #cvCreation_Trend, #attritionSummary_Trend, #currentWorkforce_Trend{
	 		height:auto !important;
	 		width: auto;
	 	}
	/*#demand_positions{
		height:5vh;
		width:20vh;
		}*/
	}
	.sidebar-settings-menu{
		width: 220px;
		margin:auto;
	}
	.hide-text{
		text-indent: 9999px;
	}
	.chart-wrapper{
		font-weight: 200;
		padding: 15px 19px 0 19px;
	}
	.chart-wrapper .panel-body {
		overflow: hidden;
		text-align:center;
	}
	.chart-wrapper .panel-body span{
		font-weight: 300;
		color: #111;
		font-size:1.1em;
	}
	.chart-wrapper .panel-body .chart-doughnut{
		padding-top:15px;
	}
/*.chart-wrapper .panel-default{
	height: 215px;
	}*/
	#employee_addition{
		height: auto !important;
	}
/*.employment-branding .chart-wrapper .panel-default{
	height: 150px;
	margin-bottom: 0;
	}*/
	.chart-wrapper .chart-line{
		padding-top:15px;
		height: 100px;
		width: 100%;
	}
	.btn-group{
		/*display: block;*/
	}
	.sidebar-btn{
		display: inline-block;
		margin-bottom: 5px;
	}
	.home-sidebar-btn button{
		margin-left: 4px !important;
	}
	.work-force-demand-trends h4{
		font-weight: 400;color: #111;
	}
	.work-force-demand-trends h4 span{
		font-size:0.6em; 
		padding-left:2vh;
	}
	.work-force-demand-trends h4 span select{
		margin-top: -1vh; margin-right: 2vh;
	}
	@media (min-width: 1024px){
		#demand_trend , #workforcePlan_Trend , #joiningReport_Trend, #cvCreation_Trend , #app_inProcess,
		#attritionSummary_Trend, #currentWorkforce_Trend, #supply_status{
			height:5vh;
			width:20vh;
		}
	}
	.col-lg-11.col-md-11.col-sm-12.col-xs-12{
		margin-bottom: 20px;
	}

	/*---------- Insights Dashboard Charts ----------*/
	.st-chart-title{
		font-weight: 400;
		color: #111;
	}

	.st-chart-title h4 span{
		display: inline-block;
		font-size:0.6em; 
		padding-left:2vh;	
	}

	.st-chart-title h4 span select{
		margin-top: -1vh; margin-right: 2vh;
	}

	.st-color-selected{
		color:#37bc9b;
	}

	.st-color-action{
		color:#3bafda;
	}

	/*---------- Common - VJ added ----------*/


	
	/*---------- History Block Directive ----------*/
	.month-section{
		padding: 15px 15px 15px 30px;
		border-left: 1px solid #dedfdf;
		/*background: #f2f4f5;*/
		position: relative;
	}
	.month-section h4{
		display: inline-block;
		width: 100%;
		margin: 0px;
	}
	.month-section h4 span{
		float: left;
		display: inline-block;
		line-height: 40px;
		width: 15%;
		font-weight: bold;
		color: #6d787d;
	}
	.month-section h4 hr{
		width: 85%;
		float: left;
		border-top: 2px dotted #dedfdf;
	}
	.history-block{
		position: relative;
	}
	.history-block .block-icon-wrapper{
		position: absolute;
		left: -50px;
		top:0%;
		bottom: 0%;
	}
	.history-block .block-icon{
		font-size: 18px;
		padding: 10px;
		border-radius: 100%;
		border: 1px solid #dedfdf;
		background: #f2f4f5;
		width: 40px;
		height: 40px;
		display: inline-block;
		text-align: center;
		line-height: 18px;
		vertical-align: middle;
		position: absolute;
		top:0;
		bottom: 0;
		margin: auto;
	}
	.history-block .block-icon i{
		color:#949fa0;
	}
	.history-block .list-group {
		border-radius: 0;
		box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.1);
	}
	.history-block .list-group .list-group-item{
		/*border-radius: 0px !important;*/
	}

	.history-title {
		background-color:#f2f4f5;
		padding:1vh;
	}

	.history-description {
		background-color:#f2f4f5;
		word-wrap: break-word;
	}

	.pager-wrapper{
		display: inline-block;
		width:100%;
	}
	.pager-wrapper span{
		display: inline-block;
		padding: 15px;
		color: #3bafda;
		cursor: pointer;
	}
	.pager-wrapper span:hover{
		color: #ffffff;
	}
	.search-filter-wrapper{
		display: inline-block;
		margin: 15px;
		/*border-bottom: 1px solid grey;*/
		padding-bottom: 15px;
	}
	.feedback-filter{
		right: -60px;
	}

	/*for hiding footer on templates*/
	.email_template_footer{
		display: none !important ;
	}

	.intercom-launcher-frame {
		opacity: 0.2 !important;
	}

	.intercom-launcher-frame:hover
	{
		opacity:1.0 !important; 
	}

	/*---- ui select overrides ----*/
	.ui-select-no-choice,
	.ui-select-choices-content {
		background-color: white;
		font-size: 12px !important;
	}

    .ui-match{
        font-weight:700;
        text-decoration: underline;
    }

	.ui-select-search {
		font-size: 12px !important;
	}

	.ui-select-container {
		min-height: 30px !important;
	}

	.ui-select-bootstrap .ui-select-toggle {
		position: relative;
		font-size: 12px;
		height: 30px;
	}

	/* ------------Slim Scroll---------------- */

	/* width */
	.slim-scroll::-webkit-scrollbar {
		width: 7px;height: 8px;
	}
	
	/* Track */
	.slim-scroll::-webkit-scrollbar-track {
		background: transparent; 
	}
	
	/* Handle */
	.slim-scroll::-webkit-scrollbar-thumb {
		background: rgb(200, 200, 200, 0.70); 
		border-radius: 2px;
	}
	
	/* Handle on hover */
	.slim-scroll::-webkit-scrollbar-thumb:hover {
		background: rgb(130, 130, 130, 0.70); 
	}

	/* ------------thick Scroll---------------- */

	/* width */
	.thick-scroll::-webkit-scrollbar {
		width: 10px;height: 11px;
	}
	
	/* Track */
	.thick-scroll::-webkit-scrollbar-track {
		background: transparent; 
	}
	
	/* Handle */
	.thick-scroll::-webkit-scrollbar-thumb {
		background: rgb(200, 200, 200,0.70); 
		border-radius: 6px;
	}
	
	/* Handle on hover */
	.thick-scroll::-webkit-scrollbar-thumb:hover {
		background: rgb(130, 130, 130, 0.70); 
	}

  .zoom:hover {
		transform: scale(5.0); 
		background-color: black;
		transform-origin: left top;
		transition: all 2s;
		background:rgba(255,255,255,1);
        font-size:2em;
	}
  #recorded-audio-audioInput {
	  	width: 100%;
		height: 5vh !important;
		margin-top: 2vh !important;
	}

  .disabled{
		opacity: 0.7;
		pointer-events: none;
	  	> {
		  opacity: 0.7;
		  pointer-events: none;
		}
	  }
  .un-disable{
	  opacity: 1;
	  pointer-events: all;
	}

	/* Copy Text */
	.tooltip-ex-top {
		bottom: 125%;
	}
	
	.tooltip-ex-text {
		 visibility: hidden;
		 position: absolute;
		 width: 10vh;
		 background-color: #555;
		 color: #fff;
		 text-align: center;
		 padding: 1vh 0;
		 border-radius: 1vh;
		 z-index: 1;
		 opacity: 0;
		 transition: 3s;
	}
	
	.tooltip-ex:active .tooltip-ex-text { /* Makes tooltip visible when clicked on */
		 visibility: visible;
		 opacity: 1;
		 transition:0s;
	}

	*:focus {
		outline:transparent !important;
	}

/*--------------career page accordian layout--------------------------*/
.mnh_req_accordian{
	margin: 2rem 0;
}
.mnh_req_accordian .panel-group .panel {
    border-radius: 0.60rem;
	border: 1px solid #d8d8d8;
    box-shadow: 2px 2px 7px 2px #e3e3e3;
	margin-bottom: 1.1rem;
}

.mnh_req_accordian .panel-default > .panel-heading {
	padding: 0;
	border-radius: 0.60rem;
	color: #212121;
	background-color: #FAFAFA;
}

.mnh_req_accordian .panel-title {
	font-size: 1.4rem;
}

.mnh_req_accordian .panel-title > a {
	display: block;
    padding: 1.5rem;
	text-decoration: none;
}

.mnh_req_accordian .more-less {
	float: right;
	color: #8e8d8d;
}

.mnh_req_accordian .panel-default > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: #d8d8d8;
}