/********************* Start page structure setting style Start *****************/

/* // Todo : Temporary fix to lower the min height so scroll bars don't appear for
    main content area in 768px resolution. This 420px number will need to be dynamic in  
 the future based on the Custom value of Master.SiteHeaderHeight and when Genoa 4 no longer relies
on the Genoa 3 headers */

body, span, INPUT {
    font-family: Aptos, system-ui, sans-serif !important
}

Div.formInternalEnvelope
{
    min-height: 420px !important;
}

    /*column container,widget color change*/

    .RadPanelBar_ow .rpRootGroup {
    border-color: #777;
    } 

    .RadPanelBar_ow .rpGroup,.RadPanelBar_ow .rpTemplate{
	background: #fff;
    }
    
    /* Padding between side menu and main panel
    .innerPaddingWrapper {padding-right:9px;} $1009 removed*/

	/* backround fieldlayout 
	table.OwFieldLayout col.leftCol
	{
        background-color: #F8F8F8;
        width:20%;
	} $1009 removed*/

    .MessagePanel_Notification
    {
       /* border-top:1px #ccc solid;
        border-right:1px #ccc solid;
        border-bottom:1px #ccc solid; $1009 removed*/
    }

    /* Adds padding for image Ex: Date picker calendar icon no longer touches date field */
    /*.OwControlImageButton {
    padding-left: 2px;
    vertical-align: middle;
    }*/

    /* custom hyperlink color */
    a{
    color: #0099cc;
    }
    
    /* FieldLayout Colors 
    .OwPanel {width:auto; padding: 0px 0;}
    .OwControlLabel,.OwStandardFont, .OwStandardFont input, #ufd-container li, .ui-widget-header{font-size:11px;}*/

      /* Radpanelbars - Widgets : Keeps containers from shifting. */
    .RadPanelBar {
    /*margin: 0px 0px 0px 0px;  
    position: relative;
    width: 100%;$1009 removed*/
}

/*Policy Definition page RadPanelBar width override $1023 added*/
.RadPanelBar_Default{width: 100%;}
.RadPanelBar_Default, .rpTemplate{padding:0;}

/* widget customization */
/* Policy Header width and text overflow fix $1023 added*/
    #policyHeader td{vertical-align: top}
    #policyHeader dt .OwLabel .OwInternalLabel{width: 100%;}
    #policyHeader dd .OwInternalLabel{width: 90px;}  

/**/
/********************* Start page structure setting style End *****************/

/*.AutoHeightWidgetHeader
{
    padding-left: 10px!important;
}*/
/********************* Button Bar style start *****************/

    /* prev/next buttons align to left */
    input[value=">"],input[value="<"]{float:left;}

    /* button bar styles 
    .ButtonBar
    {
    border-top: 1px solid #CCCCCC !important;
    margin-bottom: 20px !important;
	width: 100%;   
    text-align:right;
    clear:after;
    } $1009 removed*/
  
/********************* Button Bar style end *****************/

/***************************************** TEMP CONTROLS *************************************/
    /*  Policy info header style  */
    .policyHeaderMainPage{margin-bottom: 10px; height:18px; padding: 5px 10px; background:#fff; border:#ccc 1px solid; border-radius: 5px;

    background-image: linear-gradient(bottom, rgb(244,244,244) 0%, rgb(255,255,255) 100%);
    background-image: -o-linear-gradient(bottom, rgb(244,244,244) 0%, rgb(255,255,255) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(244,244,244) 0%, rgb(255,255,255) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(244,244,244) 0%, rgb(255,255,255) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(244,244,244) 0%, rgb(255,255,255) 100%);
    background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0, rgb(244,244,244)),
	    color-stop(1, rgb(255,255,255))
    );
    }

    a.policyHeader_prev{width:18px; height:18px; margin: 2px 10px 0 0;background: url(imgs/policyHeader_main_prev.png) no-repeat; float: left;}
    a.policyHeader_prev:hover{background: url(imgs/policyHeader_main_prev_hover.png) no-repeat;}
    a.policyHeader_next{width:18px; height:18px; margin: 2px 0 0 10px;background: url(imgs/policyHeader_main_next.png) no-repeat; float: right;}
    a.policyHeader_next:hover{background: url(imgs/policyHeader_main_next_hover.png) no-repeat;}

    .policyHeaderMainPage h3,.policyHeaderMainPage ul{float: left;}
    .policyHeaderMainPage h3{color: #0099cc;font-weight: normal;}
    .policyHeaderMainPage ul li{padding: 3px 10px; font-size: 11px; display: block; float: left; }
    .policyHeaderMainPage>span{font-weight: bold; float: left;}
    .PolicyMainDetailsTD{color: #333;}
    .policyNumberTitle{color: #fff;background-color: #006699;}






/***************************************** TEMP CONTROLS *************************************/


    /********* G4 Shipment Premium Panel Classes *********************/

    .premiumInfo{font-size: 11px; width: 100%; border-spacing:0;border-collapse:collapse; }
    
    .premiumInfo td{margin:0; padding: 0px 10px; border-left:#ccc 1px solid; border-right: #ccc 1px solid;line-height: 24px; color: #333 }
    
    .premiumInfo thead{background: #EEEEEE; font-size: 12px; font-weight: bold; border-bottom:#000 2px solid; border-top:#000 2px solid; color:#OWColorOne; text-align:center;}
    
    .premiumInfo tbody{background: #ffffff; border-bottom: #ccc 1px solid;}
    
    .premiumTypeCol { width: 30%; }
    
    .premiumString { text-align: left;}
    
    .premiumOdd {background: #f5f5f5;}
    
    .premiumEven {background: #ffffff;}
    
    .premiumTotals {background: #EEEEEE; font-size: 13px; font-weight: bold; border-bottom:#000 2px solid; border-top:#000 2px solid; color: #OWColorOne;}
    
    .premiumInfo tfoot{background: #EEEEEE; font-size: 13px; font-weight: bold; border-bottom:#000 2px solid; border-top:#000 2px solid; color: #OWColorOne;}
    
    .premiumInfo tfoot .subFoot{font-size: 11px;font-weight: normal;}
    
    .premiumInfoFooterFirstChild {border-top:#666 1px solid!important;}
    
    /********* G4 Shipment Premium Panel Classes *********************/

     /********* G4 Validation Configuration Panel Classes *********************/

    .validationConfiguration{font-size: 11px; width: 100%; border-spacing:0;border-collapse:collapse; }
    
    .validationConfiguration td{margin:0; padding: 0px 2px; border-left:#ccc 1px solid; border-right: #ccc 1px solid;line-height: 24px; color: #333; text-align:center;}
    
    .validationConfiguration thead{background: #EEEEEE; font-size: 12px; font-weight: bold; border-bottom:#000 1px solid; border-top:#000 1px solid; color:#OWColorOne; text-align:center;}
    
    .validationConfiguration tbody{background: #ffffff; border-bottom: #ccc 1px solid;}    

    .validationConfigurationLimitCol { width: 18%; }

    .validationConfigurationRateCol { width: 18%; }

    .validationConfigurationReferralCol { width: 14%;}

    .validationConfigurationOdd {background: #f5f5f5;}
    
    .validationConfigurationEven {background: #ffffff;}    
    
    /********* G4 Validation Configuration Panel Classes *********************/

    /* Patches begin: */

    /* Remove the outline for chrome */
    *:focus {
        outline: 0;
    }

    /* Patches end */

/*Styles for cookie consent banner starts */
/*Main container (outer most div) */
.cookieConsentBannerMain {
    position: fixed;
    z-index: 2147483645;
    box-sizing: border-box;
    background-color: #F2F2F2; /*Banner backgound color*/
    border-radius: 20px;
    width: 100%;
    padding: 2px 2px 2px 5px;
    bottom: 0;
    left: 0;
}

/*Text Container (first div inside the main div) */
.cookieConsentTextContainer {
    padding: 5px;
    padding-left: 10px;
    float: left;
    width: 80%;
}

/*Banner header (first div inside text container) */
.cookieConsentBannerHeader {
    font-family: "CeraPRO-Bold", sans-serif, arial;
    font-weight: bold;
    font-size: 15px;
    line-height: 20px;
    color: #262626; /*Header text color*/
    padding: 2px;
    margin-bottom: 2px;
    text-align: left !important;
}

/*Banner description (second div inside text container) */
.cookieConsentBannerDescription {
    font-family: "CeraPRO-Regular", sans-serif, arial;
    font-weight: normal;
    color: #262626; /*Description text color*/
    font-size: 13px;
    line-height: 18px;
    padding: 2px;
    text-align: left !important;
}

/*Button container (second div inside main div) */
.cookieConsentButtonContainer {
    position: absolute;
    left: 85%;
    top: 40%;
}

    /*Buttons (inside button container) */
    .cookieConsentButtonContainer button {
        min-width: 120px;
        align-items: center;
        padding: 6px 10px;
        font-family: "CeraPRO-Regular", sans-serif, arial;
        border-radius: 6px;
        border: none;
        background-color: #5685FF; /*Buttons backgound color*/
        color: #F9F9F9; /*Buttons text color*/
        cursor: pointer;
        margin: 0px 6px 0px 6px;
    }

/*Cookie notice*/
.cookieConsentBannerDescription a {
    color: blue;
    padding-left: 5px;
}

    .cookieConsentBannerDescription a:hover, a:focus, a:active {
        color: #c33;
    }
/*Styles for cookie consent banner ends */

/* Pohjola - G4 Aptos override */
BODY,
SPAN,
INPUT {
    font-family: 'Aptos', Arial, sans-serif !important;
}

.OwHeader,
.OwHeader span,
.OwHeader a,
.OwHeader td,
TD.TopMenu,
TD.MainMenu,
.MenuItems_Parent_Out,
.MenuItems_Parent_Over,
.MenuItems_Children_Out,
.MenuItems_Children_Over,
.PolicySubmenu,
.PolicyListSubMenus,
.PolicyListSubMenus_Over {
    font-family: 'Aptos', Arial, sans-serif !important;
}

    .OwHeader strong,
    .MenuItems_Parent_Over,
    .MenuItems_Children_Over {
        font-family: 'Aptos Semibold', 'Aptos', Arial, sans-serif !important;
    }