/**
* CSS Styles for the UBS Citizenlink
*
* @package CITIZENLINK
* @subpackage UBS
* @platform DESKTOP
* @customer CLA
* @site UTILITY
* @author PR
* @since 02/21/2025
*/



@import url('https://fonts.googleapis.com/css2?family=Open+Sans&family=Play&display=swap');

body {
	font-family:"Open Sans",sans-serif !important;
	/*background:#E9F2F8;*/
	font-size: 13px;
	/*background-color: #E0BE9A;*/
}

#outerContainer {
	width: 1158px; 
	background: transparent;
	margin-left: auto;
	margin-right: auto;
	min-height:800px;
	padding: 0px;
}


#headerContainer
{
	width:100%;
	height:180px;
	/* background-color: #00406E; */
	/*background-image: url('/adg-custom-site/utility/lakeplacid-bg.png');*/
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	color: white;
	
}

#headerInnerContainer
{
	position: relative;
	width:100%;
	height:200px;	
}

#headerImage-left{
	max-width:25%;
}

#headerTitle {
	max-width: 25%;
	color: #000;
	display:none;
	
}

.text-and-button-checkbox-label{
	font-weight: normal;
}
.ui-state-error{
	background: #e14f1c url(images/ui-bg_gloss-wave_45_e14f1c_500x100.png) 50% top repeat-x !important;
}
.ui-state-highlight{
	background: #f8da4e url(images/ui-bg_glass_55_f8da4e_1x400.png) 50% 50% repeat-x !important;
}

#headerImage-left img{
	height: 80px;
	margin-top:45px;
	margin-left: 10px;
}


.flexslider{
	margin: 0;
}

.flex-stack-button{
	background-color: #2E334E;
	color: white;
}
#headerTextOuter
{  
	position: relative;
    margin: 0 auto;
    text-align: right;
    padding-right: 17px;
    font-weight: 500;
		/* color: #024F90; */
    /* font-size: 102px !important; */
    top: 0;
    
	
}


#headerText h1, #headerText
{
    position: relative;
    font-size: 32px !important;
    width: 100%;
    text-align: right;
    color: #2E334E;
    font-weight: 300;
    margin-top: 0;
    text-decoration: none;
	font-family:"Open Sans", sans-serif !important;
}


#center-full-width-block
{
	padding: 8px;
}

#center-block-header
{
	margin-top: 5px;
	margin-bottom: 5px;
	background: white;
	color: black;
	font-size: 13px;
	font-family: "Open Sans",sans-serif;
	font-weight: normal !important;
	text-align: left;
	padding:10px;
	border-radius: 5px;
}

#center-block-title
{
	font-size: 15px;
	font-weight: bold;
}


.frontpage-center-block
{
	background: white !important;
}

.frontpage-base-widget
 {
	font-size:13px;
	font-family: Calibri, "Open Sans",sans-serif;
	vertical-align: middle;
 }

.frontpage-bc-widget
 {
	display: none;
 }
 
.frontpage-extended-widget
 {
	font-size:12px;
	font-family: "Open Sans",sans-serif;
	margin:10px;
	padding:10px;
	display:none;
	min-width: 300px;
	
	 
 }
 
 .grid-stack {}

.grid-stack-data {
	border: 1px solid silver !important;
	border-radius: 5px !important;
	text-align: center !important;
	margin:3px !important;
	padding: 8px 2px 2px 2px !important;
	font-family: "Open Sans",sans-serif !important;
	cursor: pointer !important;
	background: #FAFAFA;
	min-height: 74px !important;
	min-width: 80px !important;
}
.grid-stack-data:hover
{
	opacity: 0.5;
}

h1, h2, h3, h4
{
	font-family: "Play", serif !important;
	color: #4A5256;
	text-decoration: underline; 
	font-size: 1.5em !important;
}


#landing-page-text .adg-state-highlight{
    background: #FBEC88 !important;
    border: 1px solid #FAD42E;
    border-radius: 3px;
    padding: 5px;color: black;
    font-weight: bold;
    margin: 5px 0px;

}
#landing-page-text thead.adg-custom-format
{
    background: #00406E;
    color: white;
}



#landing-page-text tbody.adg-custom-format
{
    background: white;
}

#landing-page-text .lang-group-visible
{
    display: block;
}

#landing-page-text .lang-group-hidden
{
    display: none;
}

#landing-page-text .lang-group-button
{
    text-align: right;
    width: 100%;
}

.frontpage-bottom-horizontal
{
	margin-left: 20px;
	width:1098px !important;
}

#warning-message.adg-state-highlight
{
	background: #FFC0C0 !important;
    border: 1px solid #FF8585;
    border-radius: 3px;
    padding: 5px;color: black;
    font-weight: bold;
    margin: 5px 0px;
}

#left-vertical, #right-vertical
{
	background: #EDECEB;
	font-family: Calibri, "Open Sans",sans-serif !important;
	color: #2E334E;
}