/*
Revision       Created By		  Created On	Description
----------     ------------------ ------------  ---------------------------------------------------------------------------------
19.0.19025.A1  Z.Haider			  02-MAY-2019   Initial version of css for WSS APEX application
2.0			   S.Gokul			  10-Jul-2020   Commented existing CSS .ui-resizable .ui-dialog-content.ui-widget-content
												new class added HideNavBarItem,PlsqlPageSizeSet
               Z.Haider			  17-JUL-2020   added class .non-working-hours for calendar working non working hours highlight
                                                added rgb as well to help IE understand the css application
2.1            E.Ho               15-DEC-2020   Moved t-header-branding position-x and position-y to db
2.2            Z.Haider           14-APR-2021   Applied media queries on notification button and div to make it consistent with toolbar
2.5		       Sheetal D.         27-OCT-2021   Moved class navigation a to APEX.css 
2.9	30481	   Gokul.S			  25-NOV-2022	Added chaanges into #marqueecontainer css.
2.10		   Jeisson R.         22-MAR-2023   Add classes for Azure login button WO30881
												Add white background color to Date picker APEx 22.2 WO30881
2.12		   Jeisson R.         16-AUG-2023   commented background attribute from class .t-Login-region in media query for smaller screen s to retrieve the value from DB APEX.css file
												Add classes for AZURE LOGIN BUTTON in media query from screens less than 700 px WO31887
24.2           Jeisson R.         13-MAR-2024   Moved .a-Menu-inner:hover to APEX.css to make it user preferece configurable, also adding opacity on hover to home menu dropdown
24.4           E.Ho               31-JUL-2024   Added custom hook to call customised wss_styles_custom.css.
---------------------------------------------------------------------------------------------------------------------------------
revision = '24.4'
---------------------------------------------------------------------------------------------------------------------------------
*/

@import url("./wss_styles_custom.css");

/* Login */

/* 
  header strip 
  set in Ascender Login Page template in Apex

moved to db

.header-strip {
  background: #F47202;
  height: 70px;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 1000;
  padding: 20px 0 0 25px;
background-image:url("/st/logo.png");
background-repeat: no-repeat;
  
}
*/

/* Top Bar background color and height

moved to db

.t-Header-branding {
  background: #F47202;
}

.t-Header-logo-link img {
  height: 20px;
}
*/

/*
Set background image and page level attributes of login page
*/
/* moved to gjl_css .login-page .t-Body  { */

.login-page .t-Region-headerItems--title {
  background: #bf5019;
  padding: 21px 30px;
}

.login-page .t-Region h2.t-Region-title {
  color: #fff;
  font-size: 24px;
  font-weight: bold;
}

.login-page .t-ButtonRegion {
  display: none;
}

.login-page .t-Alert-body, 
.login-page .t-Icon {
  color: #a54718 !important;
}

.login-page .icon-close {
  color: #CBAA6E !important;
}

.login-page .t-Alert-body {
  font-size: 16px;
}

.login-page .t-Alert--colorBG.t-Alert--warning {
  background: #F1ECC3;
}

/*
Make round corners of log in box in page 101
*/
.login-wrap {
  border-radius: 5px;
  border: none !important;
  box-shadow: 1px 2px 20px rgba(0,0,0,0.4);
  background: none;
}
/*
Make heading and content of login box in page 101 prominent
*/
.login-wrap .t-Region-header {
  background: none !important;
}

.login-wrap ::-webkit-input-placeholder {
   color: #6f7579!important;
}

.login-wrap :-moz-placeholder { /* Firefox 18- */
   color: #6f7579!important;  
}

.login-wrap ::-moz-placeholder {  /* Firefox 19+ */
   color: #6f7579!important;  
}

.login-wrap :-ms-input-placeholder {  
   color: #6f7579!important;  
}

.login-wrap input[type="text"]:focus,
.login-wrap input[type="password"]:focus {

  border-color: #B0B4B7 !important;
}
/*
set padding of  heading of log in box in page 101
*/

.login-wrap .t-Form-inputContainer {
  padding-left: 16px;
  padding-right: 16px;
}
/*
set field/button attributes of log in box in page 101
*/
.login-wrap input[type="text"],
.login-wrap input[type="password"] {
  width: 100%;
  font-size: 16px;
  padding: 14px 18px;
  height: auto;
  margin: 2px 0;
  border-color: #B0B4B7;
  border-radius: 5px;
  background: none;
}

.login-wrap button {
  float: right;
  margin-right: 15px;
  font-size: 20px;
  padding: 21px 20px;
  width: 160px;
  border-radius: 5px;
  margin-top: 8px;
  margin-bottom: 18px;
}

/*
to float any buttons to left from the top branding bar
.t-Header .t-Header-navBar .asc_navbar_home {
 float: left;
}
*/

/* make top navigation bar transparent to have home menu floating on the page*/
.t-Header-nav{
	background-color:rgba(0, 0, 0, 0); 
}
.t-Header .a-MenuBar{
	background-color:rgba(0, 0, 0, 0);  
}
.a-MenuBar-item {
    color: #FFF;
	background-color: #545454;
}
.t-Header .a-MenuBar-item.a-Menu--current, .t-Header .a-MenuBar-item.a-Menu--current.is-focused, .t-Header .a-MenuBar-item.is-focused, .t-Header .a-MenuBar-item:hover {
    color: #FFF;
	background-color: #545454 !important;  
}
.t-Header .a-MenuBar-item > .a-Menu-subMenuCol .a-Icon{
	border-color: #545454;
	color: #545454;
}
.t-Header .a-Menu .a-Menu-item {
    color: #FFF;
	background-color: #545454;
}
/*
  Set menu bar top and inner hover color to orange
*/
.a-MenuBar-label:hover {
  background-color: #F47202;
}
  
.menulink:hover{ /* WSS 24.2*/
	opacity: 0.7;
}  
  
/* Moved to APEX.css   => WSS 24.2 
.a-Menu-inner:hover {
  background-color: #F47202;
}*/


/* make all buttons orange */
/* move to APEX.css
.t-Button--hot, body .ui-state-default.ui-button.ui-button--hot, body button.ui-state-default.ui-priority-primary {
  
  background: #F47202;
  font-size: 13px;
  font-weight: bold;
  padding: 1.2rem 2.1rem
}
*/

/* make all buttons hover color dark orange */
.t-Button--hot:hover, body .ui-state-default.ui-button.ui-button--hot:hover, body button.ui-state-default.ui-priority-primary:hover {
  background-color: #272C30;
}

.a-Button:active:focus, .a-Button:focus, .t-Button:active:focus, .t-Button:focus {
  box-shadow: 0;
}

 
/* create launcher (page 1) image background */

/* moved to gjl_css .Asc-Launcher .t-Body  {*/


.Asc-Launcher .t-Body-content {
  height: 100%;
  width: 100%;
  overflow: hidden;
}
/* no scroll bar for iframes*/
html.AscIframe{
	overflow: hidden;
}
.Ascender-Iframe {
    background: transparent;
	width: 100%;
    height: 99%;
	overflow: auto;
}

div.Asc-Iframe
{
    background: transparent;
	overflow:hidden;
}

.t-Cards-item .Asc .t-Card-titleWrap, .Asc .t-Card-wrap {
   border-radius: 5px;
}
.Asc-ul .Asc_10_pc
{
  width: 10%;
}

.Asc-ul .t-Cards--5cols .t-Cards-item:nth-child(5n+1) {
 clear:none;
}


@media only screen and (min-width: 992px) and (max-width: 2500px) {
  .Asc-ul .Asc_10_pc{
    width: 20%;
  }
 }

@media only screen and (min-width: 769px) and (max-width: 991px) {
  .Asc-ul .Asc_10_pc{
    width: 25%;
  }
 
  .col-8 .Asc-ul .t-Cards--4cols .t-Cards-item {
  width:33.33%;
  clear:none;
 }
  .my_pay_page_10 .col-2 {
  width:20.8% ;
  
 }
  .my_pay_page_10 .col-8 {
  width:62.5% ;
  
 }

   .col-4 .Asc-ul .t-Cards--cols .t-Cards-item {
  width:auto;
  clear:none;
 }
   .col-4.use_2col_when_5is4 .Asc-ul .t-Cards--cols .t-Cards-item {
  width:50%;
  clear:none;
 }
  .my_team_page_11 .col-4.use_2col_when_5is4 {
  width:41.6% ;  
 }
  .my_team_page_11 .col-4 {
  width:20.8% ;  
 }
.my_team_page_11 .col-2 {
  width:20.8% ;  
 }

 
 }

.a-IRR-searchButtonContainer 
{
display: inline;
}
 
@media only screen and (max-width: 768px) {
  .Asc-ul .Asc_10_pc {
    width: 33.33%;
    }
	.a-IRR-searchButtonContainer 
	{
	display: block;
 }
	#MY_TEAM_MEMBERS_search_field
	{
	width: 100%; 
	}
 }

@media only screen and (max-width: 640px) {
  .Asc-ul .Asc_10_pc{
    width: 50%;
    clear: none !important; }
 }

@media only screen and (max-width: 480px) {
  .Asc-ul .Asc_10_pc {
    width: auto;
}
 }





/* Style Ascender screen section labels */
/* moved to APEX.css template
span.home-section-title{
	color:#fefefe;
	font-size: 1.4em;
    font-weight: bold;
}
*/


/* below changes added by gokul */
/*Home Menu*/
.submenubar {    
	background: #545454;
    padding-top: 1px;
    padding-bottom: 1px;
	/*position: fixed;*/
	line-height:3rem;
    z-index: 1;
    width: 100%;
	}
	
.Asc-Launcher .t-Body-content {
    height: 100%;
    width: 100%;
    overflow: hidden;
   margin-top: 40px !important;
}

.navigation ul {
	/*font: bold 11px "Helvetica Neue", Helvetica, Arial, sans-serif;*/
	margin: 0;
	padding: 5;
}

.navigation li{
	display: inline-block;
}

/* moved to APEX.css template under WSS28866 /*
/*
.navigation a{
	background: #395870;
	background: linear-gradient(#545454, #545454);
	border-right: 1px solid rgba(0, 0, 0, .3);
	color: #fff;
	padding: 6px 12px;
	text-decoration: none;
	background: linear-gradient(#545454, #545454);
	font-size: 13PT;
	line-height: 16pt;
	font-weight: lighter;
} */ 

.navigation a:hover {
	/* background: #f47202;  move to APEX.css*/
	box-shadow: inset 10 0 10px 1px rgba(0, 0, 0, .3);
}

/* not required
.navigation li:first-child a {
	border-radius: 10px 0 0 10px;
}

.navigation li:last-child a{
	border-right: 0;
	border-radius: 0 10px 4px 0;
}
*/
/*login page changes*/

.responsive_search{
width: 200px;
}

@media only screen and (max-width: 640px)
{
.t-NavigationBar-item .t-Button--navBar .t-Button-label {
     display: contents;
}
}

@media all and (min-width: 701px)
{

.t-Login-region {
	position: relative;
	/*width: 350px have to uncomment and comment below one before moving to testing;*/  
	width: 500px;
	height: 580px; /*height: 450px;   30881*/
	margin: 0 auto;
	/* WSS 2.2 - move to db */
	/*background: url(orange_80.png);*/
	/*background: rgba(130,130,130,.3);*/
	padding: 20px 22px;
	border: 1px solid;
	border-top-color: rgba(255,255,255,.4);
	border-left-color: rgba(255,255,255,.4);
	border-bottom-color: rgba(60,60,60,.4);
	border-right-color:rgba(60,60,60,.4);
}


			/* start changes for icon and text Azure login button WO30881 */
			.wraplineAL {
			  text-align: center;
			  position: relative;
			}
			.links {
			  padding: 0 10px;
			  display: flex;
			  justify-content: center;
			}
			/* Moved to APEX.CSS to use color from BD as variables
			.wraplineAL:before {
			  content: '';
			  position: absolute;
			  top: 50%;
			  left: 0;
			  border-top: 1px solid white;
			  background: white;
			  width: 100%;
			  transform: translateY(-50%);			  
			}
			*/
			.dot {
			  width: 40px;
			  height: 20px;
			  z-index: 1;
			  color: gray;
			  background: white;
			}

			#or, #loginWithOpenID, #or > div.t-Region-bodyWrap > div.t-Region-body, #loginWithOpenID > div.t-Region-bodyWrap > div.t-Region-body {
				background: transparent;
			}
		
			#loginWithOpenID {
				display: flex; 
				justify-content: center;
				font-size: medium;
			}

			.azure-btn {
			  width: 400px;
			  height: 42px;
			  background-color: #4285f4;
			  border-radius: 2px;
			  box-shadow: 0 3px 4px 0 rgba(0,0,0,.25);
			  cursor: pointer;
			}   

			.azure-icon-wrapper {
				position: absolute;
				margin-top: 1px;
				margin-left: 1px;
				width: 40px;
				height: 40px;
				border-radius: 2px;
				background-color: #fff;
			}

			.azure-icon {
				/*position: absolute;*/
				margin-top: 7px;/*margin-top: 11px;*/
				/*margin-left: 11px;*/
				/*width: 18px;*/
				height: 26px; /*height: 18px;*/
			}

			.btn-text {
				float: right;
				margin: 11px 90px 0 0;
				color: #fff;
				font-size: 14px;
				letter-spacing: 0.2px;
			}

			.azure-btn:hover {
				box-shadow: 0 0 6px #4285f4;
			}
			.azure-btn:active {
				background: #1669F2;
			}
			/* end changes for icon and text button 30881*/


#marqueecontainer{
position: relative;
/*width: 480px; marquee width */
min-width:500px;
height: 94%; /*marquee height */
background-color: white;
overflow: auto;
margin-top:20px;
margin-left:10px;
margin-right:10px;
margin-bottom:20px;
}

}

@media all and (max-width: 1100px)
{
.responsive_job{
    width: 100px;
}

.responsive_search{
width: 100px !important;
}
}


@media all and (max-width: 700px)
{

.t-Login-region {
	position: relative;
	/*width: 350px have to uncomment and comment below one before moving to testing;*/  
	width: 250px;
	height: 600px; /*490px; WO31887*/
	margin: 0 auto;
	/*background: url(orange_80.png);     WO31887*/
	/*background: rgba(130,130,130,.3);*/
	padding: 20px 22px;
	border: 1px solid;
	border-top-color: rgba(255,255,255,.4);
	border-left-color: rgba(255,255,255,.4);
	border-bottom-color: rgba(60,60,60,.4);
	border-right-color:rgba(60,60,60,.4);
}

.t-NavigationBar-item {
    display: block; /*to display the search/job/userimage in 3 rows*/
    vertical-align: top;
}
.responsive_job{
    width: 20px;
}

.responsive_search{
width: 50px !important;
}



.t-Button--navBar {
    min-width: 180px;
    -webkit-font-smoothing: antialiased;
}

/*
.marquee_div{
	height:94%;
	/*width:600px;*/
	/*min-width:100%;
	margin-top:3%;
}
*/

#marqueecontainer{
position: relative;
/*width: 480px; marquee width */
min-width:100%;
height: 94%; /*marquee height */
background-color: white;
overflow: auto;
margin-top:20px;
margin-left:10px;
margin-right:10px;
margin-bottom:20px;
}

		/* start changes for icon and text Azure login button WO31887 */
			.wraplineAL {
			  text-align: center;
			  position: relative;
			}
			.links {
			  padding: 0 10px;
			  display: flex;
			  justify-content: center;
			}
			/* Moved to APEX.CSS to use color from BD as variables
			.wraplineAL:before {
			  content: '';
			  position: absolute;
			  top: 50%;
			  left: 0;
			  border-top: 1px solid white;
			  background: white;
			  width: 100%;
			  transform: translateY(-50%);			  
			}
			*/
			.dot {
			  width: 40px;
			  height: 20px;
			  z-index: 1;
			  color: gray;
			  background: white;
			}

			#or, #loginWithOpenID, #or > div.t-Region-bodyWrap > div.t-Region-body, #loginWithOpenID > div.t-Region-bodyWrap > div.t-Region-body {
				background: transparent;
			}
		
			#loginWithOpenID {
				display: flex; 
				justify-content: center;
				font-size: medium;
			}

			.azure-btn {
			  width: 200px;
			  height: 42px;
			  background-color: #4285f4;
			  border-radius: 2px;
			  box-shadow: 0 3px 4px 0 rgba(0,0,0,.25);
			  cursor: pointer;
			}   

			.azure-icon-wrapper {
				position: absolute;
				margin-top: 1px;
				margin-left: 1px;
				width: 40px;
				height: 40px;
				border-radius: 2px;
				background-color: #fff;
			}

			.azure-icon {
				/*position: absolute;*/
				margin-top: 7px;/*margin-top: 11px;*/
				/*margin-left: 11px;*/
				/*width: 18px;*/
				height: 26px; /*height: 18px;*/
			}

			.btn-text {
				float: right;
				margin: 0 0 0 40px;
				color: #fff;
				font-size: 14px;
				letter-spacing: 0.2px;
			}

			.azure-btn:hover {
				box-shadow: 0 0 6px #4285f4;
			}
			.azure-btn:active {
				background: #1669F2;
			}
			/* end changes for icon and text button WO31887*/

}

/*existing media based css condition for touch devices removed and added javascript logic @ page1*/
.Asc_mobile_icon{
	color: white;
	padding-top: 7px;
	height:35px;
	width:35px; 
	text-align:center; 
	display: inline !important;
}





/* moved to APEX.css 
span.t-Login-logo {
	background-image: url("/st/ascender-logo-orange.png");
	background-size: cover;
	width: 365px;
	height: 68px;
}
*/
body .t-Login-title {
    display: none !important;
    color: #404040;
}

/*hide existing home menu*/
.t-Header .t-Header-nav {
    display: none !important;
    z-index: 790;
    transition: .1s all;
}

/* highlight selected submenu*/
/* moved to APEX.css 
.highlight
{
    background: #000066 !important;
}
*/

/*to keep some space above ascender logo. this style will show logo in left middle*/
/* 2.1 Moved to APEX.css
.t-Header-branding{
background-position-x: 10px !important;
background-position-y: center !important;
}
*/




.iframediv{
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    border-style: none;
    overflow: hidden;
    padding: 0px;
    width: 880px;
    height: 500px;
    border-width: 0px;
    display: block;
}

.iframecontent{
    width:880px;
    height:500px;
    border: none;
    overflow: hidden;
}

/*#marquee_notification{
    width:95%;
	height:0px;
}*/
/* Grant-11/9/19 restore above - less than 60 seems to have no impact*/
#marquee_notification{
        padding-right: 100px;
}
/* /Grant-11/9/19 */
	
.severitybar {
  visibility: visible;
  width: 100%;
  background-color: #545454;
  color: red;
  text-align: center;
  border-radius: 2px;
  padding: 5px;
  position: fixed;
  z-index: 1;
  bottom: 0px;
  font-size: 17px;
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fnhead, .onhead {
    background: none!important;
    color: #00529c!important;
    font-weight: bold;
    font-size: 15px;
}

.scroller {
    font-family: Arial;
    font-size: 12px;
    color: #060000;
    font-weight: normal;
    margin: 5px 0 0 0;
}
.scroller li {
    /*background: #ffe8cf;*/
    padding: 10px;
    margin: 5px 0;
}


.empimage_circle{
    border-radius: 100px;
}

.select2-container .select2-choice > .select2-chosen {
    font-size: initial;
}

.t-Report-paginationLink--next {
    background-color: #FFFFFF !important;
    font-weight: bold !important;
    color: #2370c2 !important;
}

.t-Report-paginationLink--next:hover {
    background-color: #2578cf !important;
    color: #fff !important;
}

.t-Report-paginationLink--prev {
    background-color: #FFFFFF !important;
    font-weight: bold !important;
    color: #2370c2 !important;
}

.t-Report-paginationLink--prev:hover {
    background-color: #2578cf !important;
    color: #fff !important;
}


/*styles for display message if zero tiles*/
.nodatafound {
    font-size: 20px !important;
    color: #2370c2;
    background-color: #FFFFFF;
    font-weight: bold !important;
}

.nodatafound:hover{
    background-color: #2578cf !important;
    color: #fff !important;
}

/*Gokul changes end */

/* Grant-9/8/19 */
/* test http://fontawesome.io from here - copy of .fa-file-o from U:\apex\apex\images\libraries\font-awesome\4.2.0\css\font-awesome.css*/
.fa-grant-test:before {
  content: "\f2c1";
}
/* /Grant-9/8/19*/

/* Grant-17/9/19 - line up with other regions eg report, chart, etc*/
.asc_cards_region.t-Region--scrollBody > .t-Region-bodyWrap > .t-Region-body
{
padding: 12px 0 12px 0;
/*overflow: unset;  removed scroll bar */
overflow: hidden; /* changed by Edward. IE will show the scrollbar if unset */
}
/* /Grant-17/9/19 */


/* Grant-21/8/19 for addition to broadcast message to allow it to align to a parallel card region*/
.t-Region-bodyWrap .add_6px_margin
{
margin: 6px;
}

.t-Cards--featured .t-Card .t-Card-body
,.t-Cards--basic .t-Card .t-Card-body
{
margin: 0 16px 24px 16px;
padding: 0;
}

.t-Cards--featured .t-Card .t-Card-titleWrap
,.t-Cards--basic .t-Card .t-Card-titleWrap
{
margin: 24px 16px 0 16px;
padding: 0;
}

.Asc-ul .t-Card-info
,.Asc-ul .t-Card-desc
{
margin: 0;
padding: 0;
height: 30px;
overflow:hidden;
 text-overflow:ellipsis;
 /*below added to get ellipsis to work*/
 white-space: nowrap;
display: block;
}


.t-Header-logo-link img {
  height: 20px;
}

/*apply some features of basic cards to featured*/
.Asc-ul .t-Card--featured .t-Card-titleWrap,
.Asc-ul .t-Cards--featured .t-Card .t-Card-titleWrap {
 height:60px;
 overflow:hidden;
}
.Asc-ul .t-Card--featured .t-Card-title,
.Asc-ul .t-Cards--featured .t-Card .t-Card-title {
 line-height:2rem;
 margin:0;
 white-space: normal;
 position:relative;
 top:20%;
 max-height:6rem;
 overflow:hidden;
 text-overflow:ellipsis;
 /*below added to get ellipsis to work*/
 white-space: nowrap;
display: block;
text-align: start;
}
/* ...for above the following parts do not suit
 top:50%;
 -webkit-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 transform:translateY(-50%);
*/

/* adjust for emp specific cards */
#MY_TEAM_MEMBERS .t-Cards--basic .Asc .t-Card .t-Card-title {
 top:0%;
}
/* /adjust for emp specific cards */

#MY_TEAM_MEMBERS_toolbar_controls
{
display: block;
text-align: end;
}

/* /Grant-21/8/19*/

/* Grant-30/8/19
.t-Header-navBar .t-NavigationBar-item:nth-child(1)
{
width: 60%; 
text-align:left;
}
 /Grant-30/8/19*/

/* Zulfiqar 30/08/19 */

/* Grant-5/9/19
.fc-row.fc-week.ui-widget-content {
    height: 70px !important;
}
aim of the change to be low is to minimise height
*/
#P9_TEAM_CALENDAR .fc-basic-view .fc-body .fc-row
{
min-height: auto;
}
/* /Grant-5/9/19*/

#P9_HOLIDAY_COUNTDOWN_CONTAINER .t-Form-labelContainer, #P9_LV_COUNTDOWN_MSG_CONTAINER .t-Form-labelContainer
{
display: none;
}

#P9_HOLIDAY_COUNTDOWN_CONTAINER .t-Form-inputContainer, #P9_LV_COUNTDOWN_MSG_CONTAINER .t-Form-inputContainer
{
padding: 0;
}

#P10_SPACER_2 .t-Region-headerItems--title {
  text-align:center;
}

  .t-Region .t-Region-header h2.t-Region-title#P2_NOTIFICATION_CONTROL_heading {
  padding-bottom: 1.5REM;
}

/* Zhaider to-do badge on page 7 */
.to-do_badge
{
	
  width: 20px;
  height: 20px;
  border-radius: 50%;
  color: white;
  line-height: 10px;
  text-align: center;
  background-color: red;
  border: 3px solid red; 
  display: inline-block;
  vertical-align: middle;
  padding-top: 0.2REM;
}

.t-Cards-item a:hover, .t-Cards-item a:active, .t-Cards-item a:focus {
  background-color: #DCFFFF;
  color:#f47202;
}

 a:hover .Asc-Icon, a:active .Asc-Icon,  a:focus .Asc-Icon {
  background-color: transparent;
  color:#f47202;
  /**/
}

a:hover.Asc-Icon
{
  background-color: transparent;
  color:#f47202;
}
/*Home drop down menu and submenu related css*/
.dropdown1 {
  position: relative;
  display: inline-block;
}

.dropdown1-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 220px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  overflow-y: scroll;
  max-height: 550px;
}

.dropdown1-content a {
  text-color: inherit;
  padding-top: 5px;
  padding-right: 12px;
  padding-bottom: 3px;
  padding-left: 12px;
  text-decoration: none;
  display: block;
}

/*
.t-Header-logo{
	display: none;
}
*/
/*
.dropdown1-content a:hover {background-color: #ddd;}

.submenubar:hover .dropdown1-content {display: block;}
Home drop down menu and submenu related css ends here*/

/*Keep the drop down menus left aligned on screen size reduction */

 @media only screen and (max-width:640px){.t-Header-branding.Asc {
   display: block; /* original from core */
   }
 }
/*Grant 24/9/19*/
.asc-fixed-header-padding 
{
height: 98px;
background: transparent;
}

@media only screen and (max-width: 640px)
{
.asc-fixed-header-padding 
{
height: 0;
background: transparent;
}
}
/*/Grant 24/9/19*/

/*Grant 25/9/19*/
.Asc-Iframe .t-Body-contentInner
,.Asc-Launcher .t-Body-contentInner
,.Asc-Iframe .t-Region-headerItems--title
{
padding: 0;
}
/*/Grant 25/9/19*/

.Asc-Launcher .t-Button-label 
,.Asc-Launcher .t-Button-badge
{
  vertical-align: middle;
}

/* Edward Start 16/10/19 */
::-webkit-input-placeholder { /* Edge */
  color: red;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: red;
}

::placeholder {
  color: red;
}
/* End Edward */


.Asc-Dialog--wizard
{
height: 90% !important; 
width: 90% !important;  
top: 5% !important;
left: 5% !important;
}

/*2.0 start*/
/* commented by gokul. It's Causing issue on Action buttons on IG. it brings up a corrupted dialog box
.ui-resizable .ui-dialog-content.ui-widget-content
{
height: 100% !important; 
}
*/
.PlsqlPageSizeSet
{
height: 100% !important; 
}

.HideNavBarItem
{
display:none;
}
/*2.0 end*/

/*
2.0 ZH 27-May-2020
*/
.uppercase { text-transform: uppercase; }

/*
2.0 Grant 28/5/20
help radio group and select lists centre align with label
*/
.AscenderVerticalCentre  
{
display: flex;
align-items: center;
}

/*
non working time slots of week and day view
*/
.non-working-hours
{
 background-color: rgb(124,132,132);
 background-color: #7c84845e;
}

/*2.0 to show selectlist dropdown icon*/
select {
    /*for firefox*/
    -moz-appearance: menulist !important;
	/*others*/
	-webkit-appearance: menulist !important;
}

 /*2.0 to show calendar icon*/
.a-Button {
    /*for firefox*/
    -moz-appearance: revert !important;
	/*others*/
	-webkit-appearance: revert !important;
}

/*2.0 to increase the extend icon size calendar event*/
@media only screen and (max-width: 600px) {
  .fc-resizer{
    width: 10px !important;
	height:10px !important;
}
 }
 
/*2.0 to fix the pagination IG page*/
.a-GV-footer {
    position: inherit !important;
} 

.a-GV-floatingItem {
position: fixed !important;
}

/*
2.2 Changes by Zulfiqar Haider 
*/

/*Broadcase Messages side navigatin bar*/
#mainDiv{
    background-color: rgb(255, 255, 255);
    border-color: rgb(146, 146, 146);
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    line-height: 1;
    position: fixed;
    z-index: 10000;
    box-shadow: rgb(153, 153, 153) 0px 2px 5px 0px;
    left: auto;
    right: 0px;
    width: 0px;
    padding: 0px;
	top: 83px; /* alignment of toolbar and notification message buttons*/
	-webkit-transition: width 2s; /* For Safari 3.1 to 6.0 */
    transition: width 2s;
}


@media (min-width:320px)  
{ /* smartphones, iPhone, portrait 480x320 phones */ 
	#mainDiv
	{
		height: 90% !important;
	}

	.messagelbl 
	{
	  top: 135px !important;
	  left: -22px !important;
	}
}
@media (min-width:481px)  
{ /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ 
	#mainDiv
	{
		height: 90% !important;
	}

	.messagelbl 
	{
	  top: 143px !important;
	  padding-top: 25px;
	  padding-right: 10px;
	  padding-bottom: 25px;
	  padding-left: 10px;
	  text-decoration: none;
	  left: -32px !important; 
	}
}

@media (min-width:641px)  {

	/* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ 

	#mainDiv
	{   
		height: 90% !important;
	}

	.messagelbl 
	{
	  top: 34% !important;
	  padding-top: 25px;
	  padding-right: 10px;
	  padding-bottom: 25px;
	  padding-left: 10px;
	  text-decoration: none;
	  left: -32px !important; 
	}
}
          
@media (min-width:961px)  {
	/* tablet, landscape iPad, lo-res laptops ands desktops */ 
     
	 #mainDiv
	{   
		height: 90% !important;
	}

	.messagelbl 
	{
	  top: 34% !important;
	  padding-top: 25px;
	  padding-right: 10px;
	  padding-bottom: 25px;
	  padding-left: 10px;
	  text-decoration: none;
	  left: -32px !important; 
	}  
}
          
@media (min-width:1025px) { 
	/* big landscape tablets, laptops, and desktops */ 
     
	 #mainDiv
	{   
		height: 90% !important;
	}

	.messagelbl 
	{
	  top: 34% !important;
	  padding-top: 25px;
	  padding-right: 10px;
	  padding-bottom: 25px;
	  padding-left: 10px;
	  text-decoration: none;
	  left: -32px !important; 
	}
}
@media (min-width:1281px) { 
	/* hi-res laptops and desktops */ 
    
	#mainDiv
	{   
		height: 90% !important;
	}

	.messagelbl 
	{
	  top: 34% !important;
	  padding-top: 25px;
	  padding-right: 10px;
	  padding-bottom: 25px;
	  padding-left: 10px;
	  text-decoration: none;
	  left: -32px !important; 
	}
}
          
.messagelbl{
    background-color: #545454;
    border-radius: 20px 20px 20px 20px;
    color: rgb(255, 255, 255);    
	writing-mode: tb-rl;
	transform: rotate(180deg);	
    border-bottom: medium none;
    display: block;
    outline: none medium;
    position: absolute;
    top: 145px;
    white-space: nowrap;
    text-align: center;
    text-decoration: none;
}
/*30881*/
.a-DatePicker-calendars {
	background: white;
}