/*-------------------------------------
    CUSTOM APEX CSS for TIPS
---------------------------------------*/
@media print { 
 /* All your print styles go here */
    .htmldbRegion { display: none !important; } 
    #HideMeTab { display: none !important; } 
    #HideMeTopBar { display: none !important; }
    #HideMeBreadCrum { display: none !important; }
    #HideMeFooter { display: none !important; }
}
/***  APEX THEME TWEEKS ***/

/*** Fix Virtical Missaligned text on display only page items DB 7/4/2023  ***/
.t-Form-inputContainer span.display_only {
    padding-top: 6px;
}
.tips-warning    {
    color:white!important;
    background-color:#ed813e;
}
.tips-warning:hover    {
    color:white!important;
    background-color: #ed813e!important;
    box-shadow: 0 0 0 1px rgb(0 0 0 / 15%) inset;
    z-index: 100;
    outline: none !important;  
}
.tips-read-only {
    font-weight: bold!important;
    background: transparent!important;
    border: transparent!important;
    height: 1rem;
}
input.tips-read-only + button:not(.t-Button--helpButton) {
  display: none;
}
/*** Format Headings on TSS Shuttles ***/
.tss-shuttle .t-Form-itemText--pre {
    font-weight: bold;
    width: 100%;
    margin-bottom: -10px;
    font-size: 1.1em;
}
.tss-shuttle .shuttleHeading .shuttleControl {
min-width: 40px;
}
.t2ButtonHolder {
	padding-bottom: 3px;
}
.ui-dialog-titlebar{
  	background-color:#457d98!important;
}	
.ui-dialog-title{
	color:#ffffff!important;
}
.apex-item-radio input:checked+label{
	color:white!important;
	background-color:#4b779e!important;
}	
/*
.t-Icon {
    vertical-align: middle !Important;
}
*/
.t-Alert-icon{
	font-size: 3em!important;
}

</style>
.tips_read_only{
    text-align: right!important;
    font-weight: bold!important;
    background: transparent!important;
    border: transparent!important;
}


/*FontAwsome Icon Mods*/
.fad-lg{
	font-size: 2em!important;
	vertical-align: top!important;
	margin-right: 0.4em!important;
}
.fad-med{
	font-size: 1.3em!important;
}
.fad-sm{
	font-size: 1em!important;
}
.fad-n{
	font-size: 1.4em!important;
	vertical-align: top!important;
	margin-right: 0.4em!important;
}
.faBlue {
    background-color: rgba(255, 255, 255, 0)!important;
        color: #336699 !important;
        cursor: pointer;
}
    .faBlue:hover {
        color: blue !important;
    }
.faRed {
    background-color: rgba(255, 255, 255, 0)!important;
        color: #bb0505 !important;
        cursor: pointer;
}
    .faRed:hover {
        color: #f30303 !important;
    }
/*Custom Classes*/
.EmployeeTitleBar{
	color:#4b779e!important;
	font-size: 1.5em!important;
	padding-left: 20px!important;
}
.LargeTextBox{
	font-size: 1.4rem!important;
    padding: .7rem!important;
    height: 3.2rem!important;
	border-radius: 2px!important;
}
.tabYellow{
	background-color:#fff6a952!important;"
}
	.tabYellowActive{
		background-color:#fff6a9!important;
	}

.shuttlelabel{
	color:#006ba0!important;
	font-size: 1.3em;
	font-weight: 500;
}

/*Custom Buttons*/
.HelpButton{
	background-color: dodgerblue !important;
	color: #ffffff !important;
}
.GButton{
        background-color: #299008 !important;
        color: #ffffff !important;
        font-size:1.1em;
        border-radius: 6px;
        padding: .5rem 1rem;
        margin: 5px;
        cursor: pointer;
        min-width: 100px;
    }
    .GButton:hover{
        background-color: #41c716 !important;
    }
 .BButton{
        background-color: #336699 !important;
        color: #ffffff !important;
        font-size:1.25em;
        border-radius: 6px;
        padding: .5rem 1rem;
        cursor: pointer;
        min-width: 50px;
    }
    .BButton:hover{
        background-color: #4488cc !important;
    }
.dbutton {
   border: 1px solid #062f47;
   background: #245688;
   background: -webkit-gradient(linear, left top, left bottom, from(#5885b3), to(#245688));
   background: -webkit-linear-gradient(top, #5885b3, #245688);
   background: -moz-linear-gradient(top, #5885b3, #245688);
   background: -ms-linear-gradient(top, #5885b3, #245688);
   background: -o-linear-gradient(top, #5885b3, #245688);
   background-image: -ms-linear-gradient(top, #5885b3 0%, #245688 100%);
   padding: 2px 12px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   /*text-shadow: #000000 0 1px 0;*/
   color: #ffffff;
   font-size: 12px;
   font-family: helvetica, serif;
   text-decoration: none;
   vertical-align: middle;
   cursor: pointer;
   }
	.dbutton:hover {
	   border: 1px solid #0a3c59;
	   text-shadow: #1e4158 0 1px 0;
	   background: #36759c;
	   background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#36759c));
	   background: -webkit-linear-gradient(top, #65a9d7, #36759c);
	   background: -moz-linear-gradient(top, #65a9d7, #36759c);
	   background: -ms-linear-gradient(top, #65a9d7, #36759c);
	   background: -o-linear-gradient(top, #65a9d7, #36759c);
	   background-image: -ms-linear-gradient(top, #65a9d7 0%, #36759c 100%);
	   color: #fff;
	   }
	.dbutton:active {
	   text-shadow: #1e4158 0 1px 0;
	   border: 1px solid #0a3c59;
	   background: #65a9d7;
	   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#36759c));
	   background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
	   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
	   background: -ms-linear-gradient(top, #3e779d, #65a9d7);
	   background: -o-linear-gradient(top, #3e779d, #65a9d7);
	   background-image: -ms-linear-gradient(top, #3e779d 0%, #65a9d7 100%);
	   color: #fff;
	   }
.dbuttonr {
   border: 1px solid #062f47;
   background: #cc2626;
   background: -webkit-gradient(linear, left top, left bottom, from(#cd4935), to(#cc2626));
   background: -webkit-linear-gradient(top, #cd4935, #cc2626);
   background: -moz-linear-gradient(top, #cd4935, #cc2626);
   background: -ms-linear-gradient(top, #cd4935, #cc2626);
   background: -o-linear-gradient(top, #cd4935, #cc2626);
   background-image: -ms-linear-gradient(top, #cd4935 0%, #cc2626 100%);
   padding: 2px 12px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #000000 0 1px 0;
   color: #fff;
   font-size: 12px;
   font-family: helvetica, serif;
   text-decoration: none;
   vertical-align: middle;
   cursor: pointer;
   }
	.dbuttonr:hover {
	   border: 1px solid #0a3c59;
	   text-shadow: #000000 0 1px 0;
	   background: #e03838;
	   background: -webkit-gradient(linear, left top, left bottom, from(#d65345), to(#e03838));
	   background: -webkit-linear-gradient(top, #d65345, #e03838);
	   background: -moz-linear-gradient(top, #d65345, #e03838);
	   background: -ms-linear-gradient(top, #d65345, #e03838);
	   background: -o-linear-gradient(top, #d65345, #e03838);
	   background-image: -ms-linear-gradient(top, #d65345 0%, #e03838 100%);
	   color: #fff;
	   }
	.dbuttonr:active {
	   text-shadow: #1e4158 0 1px 0;
	   border: 1px solid #0a3c59;
	   background: #65a9d7;
	   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#e03838));
	   background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
	   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
	   background: -ms-linear-gradient(top, #3e779d, #65a9d7);
	   background: -o-linear-gradient(top, #3e779d, #65a9d7);
	   background-image: -ms-linear-gradient(top, #3e779d 0%, #65a9d7 100%);
	   color: #fff;
	   }
.dbuttong {
   border: 1px solid #062f47;
   background: #078607;
   background: -webkit-gradient(linear, left top, left bottom, from(#0b9e0b), to(#078607));
   background: -webkit-linear-gradient(top, #0b9e0b, #078607);
   background: -moz-linear-gradient(top, #0b9e0b, #078607);
   background: -ms-linear-gradient(top, #0b9e0b, #078607);
   background: -o-linear-gradient(top, #0b9e0b, #078607);
   background-image: -ms-linear-gradient(top, #0b9e0b 0%, #078607 100%);
   padding: 2px 12px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #000000 0 1px 0;
   color: #fff;
   font-size: 12px;
   font-family: helvetica, serif;
   text-decoration: none;
   vertical-align: middle;
   cursor: pointer;
   }
	.dbuttong:hover {
	   border: 1px solid #0a3c59;
	   text-shadow: #000000 0 1px 0;
	   background: #099409;
	   background: -webkit-gradient(linear, left top, left bottom, from(#41a841), to(#099409));
	   background: -webkit-linear-gradient(top, #41a841, #099409);
	   background: -moz-linear-gradient(top, #41a841, #099409);
	   background: -ms-linear-gradient(top, #41a841, #099409);
	   background: -o-linear-gradient(top, #41a841, #099409);
	   background-image: -ms-linear-gradient(top, #41a841 0%, #099409 100%);
	   color: #fff;
	   }
	.dbuttong:active {
	   text-shadow: #1e4158 0 1px 0;
	   border: 1px solid #0a3c59;
	   background: #65a9d7;
	   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#099409));
	   background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
	   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
	   background: -ms-linear-gradient(top, #3e779d, #65a9d7);
	   background: -o-linear-gradient(top, #3e779d, #65a9d7);
	   background-image: -ms-linear-gradient(top, #3e779d 0%, #65a9d7 100%);
	   color: #fff;
       }
       
/* 
Use with a  shuttle control:
       Set the Custom CSS Classes to: ts-with-shuttle-label

       And add the following to the Pre Text Field:
<fieldset class="shuttle">
<table class="shuttle" cellpadding="0" cellspacing="0" border="0" role="presentation">
<tbody>
  <tr>
    <td class="shuttleSelect1"><div class="shuttle_left">Available</div></td>
    <td class="shttleControl"><div style="width: 40px;">&nbsp;</div></td>
    <td class="shuttleSelect2"><div class="shuttle_right">Selected</div></td>
  </tr>
</tbody>
</table>
</fieldset>

This should ensure that the labels appear above the select boxes and have the correct width and spacing.

*/
       .ts-with-shuttle-label {
           color: #006ba0!important;
       }

       .ts-with-shuttle-label .t-Form-itemText--pre {
           width: 100%;
           font-size: 1.3em;
           font-weight: 500;
       }
       

       
       /* This overrides the default APEX settings to reduce the amount of vetical room a region header takes */
       .t-Region-headerItems--title {
           padding-top: 6px;
           padding-bottom: 6px;
       }

 /* 06/11/2025 MMM -- Added to fix the help text on the interactive report headers */      
.a-IRR-sortWidget-help {
    color: white;
}