@CHARSET "UTF-8";
html, body{
	font-family:"Segoe UI", "Segoe", "Segoe WP", "Tahoma", "Verdana", "Arial", "sans-serif";
	height:100%;
}

#headerBodyWrapper{
	min-height: 100%;
  height: auto !important;
  height: 100%;
  /* Negative indent footer by its height */
  margin: 0 auto -80px;
  /* Pad bottom by footer height */
  padding: 0 0 60px;
}
/*
#body_container {
  padding: 60px 15px 0;
}*/

#footer {
     height: 60px;
   }

/* header styles */
.header{
	padding:2px;
	border-bottom:1px solid #D0D0D0;
}

.headerImg{
	padding: 5px 10px 5px 20px;
	height:50px;
}

/* footer styles */
.footer{
	padding-top:5px;
	border-top:1px solid #D0D0D0;
}
.content{
	margin:20px;
}
/* Styles fro Side help panel*/
#sidePanel{
	width:245px;
	position:fixed;
	right:-220px;
	top:115px;
	z-index:5000;
}
#sidePanel1{
	width:360px;
	position:fixed;
	right:-330px;
	top:148px !important;
	z-index:5000;
}

#panelContent
{
	border: 2px solid;
    border-color: #ff9900;
    /* #cc0044 */
}
/* .bar1, .bar2, .bar3 {
    width: 15px;
    height: 4px;
    background-color: #333;
    margin: 5px 0;
    transition: 0.4s;
}

.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-8px, 6px);
    transform: rotate(-45deg) translate(-8px, 6px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-8px, -8px);
} */

.helpIcon
{
	max-width: 37px;
	/* background-color: white;
	margin-top: -59px;
    margin-left: 50px; */
}

#panelHandle{
    background-color:black;
 	height:40px;
    width:35px;
    float:left;
    cursor:pointer;
    position:relative !important;
    right:5px;   
    
}

#panelHandle1{
    background-color:White;
 	height:40px;
    width:35px;
    float:top;
    cursor:pointer;
    position:relative !important;
    right:5px;
    top: 0px;   
    
}

/* #myModal
{
	display: block;
    position: fixed;
    z-index: 2;
    margin: 0px;
    padding-top: 100px;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.4);
    border: 0px;
} */


  
input:focus{
    outline: none;
}           

/* end chat box css*/

/* #panelHandle:HOVER{background-color: #428bca;} */

/* #panelContent{
    float:left;
	width:210px;
    min-height:12em;
    background-color:#428bca;
    z-index:5000;
    white-space: normal;
    word-wrap: break-word;
    padding:5px 5px 15px 5px;
    background-color:#B7B7B7;
    line-height: 1;
    position: relative;
	left: 30px;
} */
.userManuals
{
	margin-top: 15px;
	overflow-y: auto;
    height: 320px;
}
/* Added for scroll bar */
.userManuals::-webkit-scrollbar {
    width: 5px;
}
/* Track */
.userManuals::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
 
/* Handle */
.userManuals::-webkit-scrollbar-thumb {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: rgba(119,136,153); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
/* Added for scroll bar */
.userManuals div
{
	margin: 10px 0px;
}
.userManuals div span:hover
{
	color:#ff3300;
}

/* #panelContent:HOVER{color:white;background-color:#B7B7B7;} */
#panelHandle p {
    /* -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg); */
    color: #FFFFFF;
    font-size: 24px;
    font-weight: bold;  
    cursor: pointer;
    text-align: center;
}
#panelHandle1 p {
    /* -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg); */
    color: #FFFFFF;
    font-size: 24px;
    font-weight: bold;  
    cursor: pointer;
    text-align: center;
}
#panelContent a{
cursor: pointer;
padding:0px;
color: black;
text-decoration: none;
display: table;

}

#panelContent a img, #panelContent a span
{
	display: table-cell;	
	vertical-align: top;
	line-height: 15px;
}

#panelHandle i:hover{color:white;}
#ui_session_timer_display{
	position:fixed;
	margin-bottom:0px;
	bottom:0px;
	right:0px;
	z-index:5000;
	width:20%;
}

textarea{
	max-width:100%;
}

.table-responsive {
   width: 100%;
   overflow-x: auto;
   overflow-y: hidden;
   -ms-overflow-style: -ms-autohiding-scrollbar;
}
/*scrollbar*/
.table-responsive::-webkit-scrollbar{
	height: 6px;
	position:absolute;
}
.table-responsive::-webkit-scrollbar-track {
    display:none; 
}

.table-responsive::-webkit-scrollbar-thumb {
	background-color:rgba(0,0,0,0.1);
}

.table-responsive::-webkit-scrollbar-button {
	background-color:rgba(0,0,0,0.1);
}


fieldset {
	min-width:0px ;
    width:100%;
}

@-moz-document url-prefix() {
  fieldset { display: table-cell; }
}

.headbar-brand img{margin-left: 15px; margin-top: 8px; cursor :default;/*  width: 130px; height:46px;*/}
.tenantLogo{float:left;/* width: 130px; */height:46px;}
.tatalogoblueimg-mobile{display: none;}


.newMsgCount
{
color:#0fe629;
}
.newUnseenCtnFdbk{
background:#fa3f47;
border-radius: 50%;
padding: 3.2px 3px;
color:white;
display:none;
}
.emoticonsCount{
border-radius:30px;
height: 60px; 
display:none;
}
.emoticonsIcon{
position:absolute;
margin-left: -17px;
margin-top: -22px;
}
.emoTotalCount{
background-color: red;
color: white;
border-radius: 50%;
position:relative;
z-index:1; 
display:none;
}
.emoCountOne{
    padding: 0.2px 5px;
}
.emoCountTwo{
    padding: 2.2px 4px;
}
.emoCountThree{
padding: 2.2px 1.5px;
}

/* GenericUIFramework related css changes */
.genericUIFrameworkLeftBar
{
	/* background: #546275; */
	background-image: url("../../images/genericUIFramework/genericUIFrameworkLeftMenu.jpg");
	background-repeat: repeat-y;
    position: absolute;
    /* height: 100%; */
    width: 65px;
    left: 0;
    top: 0;	
    display: none;
    /* z-index: 1; */
    bottom: 0;
    margin-left: -65px;
}
.genericUIFrameworkLeftBar .individualLink
{
	text-align: center;
   /*  position: fixed; */
    cursor: pointer;
    opacity: 1;
    height: 50px;
    /* z-index: 1000; */
    width: 65px;
    position: relative;
}
.genericUIFrameworkLeftBar .leftBarContainer
{
	position: fixed;
	top: 55px;
	z-index: 1000;
}
.genericUIFrameworkLeftBar .individualLinkHover
{
    background: #1A3B60;
}
.genericUIFrameworkLeftBar .individualLink a
{
	display: block;
	height: 100%;
}
/* .genericUIFrameworkLeftBar .homeButton
{
	margin-top: 55px;
}
.genericUIFrameworkLeftBar .helpCenterButton
{
	margin-top: 105px;
} */
.genericUIFrameworkLeftBar .individualLink img
{
	cursor: pointer;
    width: 28px;
    height: 28px;
    margin-top: 10px;
}
.genericUIFrameworkLeftBar .moduleContainer
{
	position: absolute;
    top: 0;
    width: 140px;
    margin-left: 65px;
    font-size: 12px;
    display: table;
    background: #1A3B60;
    color: #FFFFFF;
    font-family: "Segoe UI";
    height: 50px;
    display: none;
}
.genericUIFrameworkLeftBar .actualModuleContent
{
	height: 32px;
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px;
    text-align: left;	
}
.footerGenericUIFramework
{
    margin-top: 20px;
}
.bodybgleftMenuGenericUIFramework
{
	background-image: url("../../images/menubg.png");
	background-repeat: repeat-y;
	margin-left: 65px !important;
	position: relative;
}
.bodybgleftMenuGenericUIFrameworkCustom
	{
		/* background-image: url("../../images/menubg.png");
		background-repeat: repeat-y; */
		margin-left: 65px !important;
		position: relative;
	}
.genericUIFrameworkLeftBar.custom
{
	z-index:1031;
    position: fixed;
    margin-left: 0 !important;	
}
.marginCustom
{
	margin-left: 65px;
}
.footerGenericUIFrameworkCustom
{
	z-index: 1032;
    position: relative;
    margin-top: 20px;
}
.competencyTabLeftMenu
{
	left: 0 !important;
}
.appraisalTabLeftMenu
{
	padding-left: 5px !important;
}
.talentHomeLtabsLeftMenu
{
	margin-left: 15px;
}
.genericUIFrameworkReports
{
	padding-left: 100px;
}
/* GenericUIFramework related css changes */

/* GenericUIFramework related css changes - genericUIHeader2.jsp */
#headerBodyWrapper.bodybgleftMenuGenericUIFramework2
{
    margin-left: 65px !important;
    position: relative;
}
.footerGenericUIFramework2
{
	margin-top: 40px;
	z-index: 1032;
}
.genericUIFrameworkHeader2.hamburgerStyle
{
	left: 65px;
	width: 115px;
}
.genericUIFrameworkHeader2#sidebarIconId
{
	padding-left: 40% !important;
}
.genericUIFrameworkHeader2#verticalNav
{
	margin-left: 65px !important;
}
.genericUIFrameworkHeader2.genericUIFrameworkLeftBar
{
	z-index: 1031
}
.genericUIFrameworkHeader2.navbar-fixed-topchange
{
	padding-left: 65px;	
}
.genericUIFrameworkHeader2.genMenuContainer
{
    margin-left: 0px;
}
.genericUIFrameworkHeader2.header-position
{
	padding-left: 65px;
}
/* GenericUIFramework related css changes - genericUIHeader2.jsp */

@media only screen and (max-width: 768px) {
 [class="table-responsive alert-info"] {    width:80% !important;    }
}
/* .blink 
{
       animation: blinker 1s linear infinite;
}
@keyframes blinker {  
      100% { opacity: .5; }
} */