﻿@import url("/WebPatterns/Theme.Patterns_SilkUI.css?1391");

/*

    To override a style copy and paste it to
    the application theme and then modify it

    File: Lion King Theme
    
    $0. Fonts
    $1. General Properties
    $2. Structure
    $3. Forms
    $4. Built-in widgets
    $5. RichWidgets
    $6. Login
    $7. SILK Patterns
    $8. Usefull Classes
    $9. Lion King Patterns
    $10. Custom Classes
    $11. Studio Preview
    $12. Print

*/

/* ------------------------------- */
/* ========== $0. Fonts ========== */
/* ------------------------------- */

/* Fonts > Import Font */
@font-face {
    font-family: 'Ubuntu';
    src: url('/LionKing_Resources/fonts/Ubuntu_Regular.eot');
    src: url('/LionKing_Resources/fonts/Ubuntu_Regular.eot?#iefix') format('embedded-opentype'),
         url('/LionKing_Resources/fonts/Ubuntu_Regular.woff') format('woff'),
         url('/LionKing_Resources/fonts/Ubuntu_Regular.ttf') format('truetype'),
         url('/LionKing_Resources/fonts/Ubuntu_Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('/LionKing_Resources/fonts/Ubuntu_Bold.eot');
    src: url('/LionKing_Resources/fonts/Ubuntu_Bold.eot?#iefix') format('embedded-opentype'),
         url('/LionKing_Resources/fonts/Ubuntu_Bold.woff') format('woff'),
         url('/LionKing_Resources/fonts/Ubuntu_Bold.ttf') format('truetype'),
         url('/LionKing_Resources/fonts/Ubuntu_Bold.svg') format('svg');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Rokkitt';
    src: url('/LionKing_Resources/fonts/Rokkitt_Bold.eot');
    src: url('/LionKing_Resources/fonts/Rokkitt_Bold.eot?#iefix') format('embedded-opentype'),
         url('/LionKing_Resources/fonts/Rokkitt_Bold.woff') format('woff'),
         url('/LionKing_Resources/fonts/Rokkitt_Bold.ttf') format('truetype'),
         url('/LionKing_Resources/fonts/Rokkitt_Bold.svg') format('svg');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'LionKing';
    src: url('/LionKing_Resources/fonts/LionKing.eot');
    src: url('/LionKing_Resources/fonts/LionKing.eot?#iefix') format('embedded-opentype'),
         url('/LionKing_Resources/fonts/LionKing.woff') format('woff'),
         url('/LionKing_Resources/fonts/LionKing.ttf') format('truetype'),
         url('/LionKing_Resources/fonts/LionKing.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LionKingProducts';
    src: url('/LionKing_Resources/fonts/LionKingProducts.eot');
    src: url('/LionKing_Resources/fonts/LionKingProducts.eot?#iefix') format('embedded-opentype'),
         url('/LionKing_Resources/fonts/LionKingProducts.woff') format('woff'),
         url('/LionKing_Resources/fonts/LionKingProducts.ttf') format('truetype'),
         url('/LionKing_Resources/fonts/LionKingProducts.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* Fonts > Font Classes */
.Ubuntu_Regular {
    font-family: Ubuntu, Arial, Helvetica, sans-serif;
    font-weight: 400;
}

.Ubuntu_Bold {
    font-family: Ubuntu, Arial, Helvetica, sans-serif;
    font-weight: 700;
}

.Rokkitt_Bold {
    font-family: Rokkitt, Ubuntu, Arial, Helvetica, sans-serif;
    font-weight: 700;
}

/* Fonts > Font Definition */
html,
body,
a,
select,
form,
fieldset,
table,
tr,
td,
img,
input,
button,
select,
textarea,
optgroup,
option {
    font-family: Ubuntu, Arial, Helvetica, sans-serif;
}

.Heading1,
.Heading2,
.Heading3,
.Heading4 {
    font-family: Rokkitt, Ubuntu, Arial, Helvetica, sans-serif;
    font-weight: 700;
}

/* -------------------------------------------- */
/* ========== $1. General Properties ========== */
/* -------------------------------------------- */

html,
body,
form,
.Page {
    height: 100%;
    position: relative;
}

body,
select,
textarea,
input {
    color: #4d4d4d;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
}

body {
    background-color: #fff;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-overflow-scrolling: touch;
}

/* General Properties > a links */
a,
a:link,
a:visited,
[data-widgetclickable],
div.Clickable,
span.Clickable {
    color: #002664;
    cursor: pointer;
    -webkit-transition: color 100ms ease;
            -o-transition: color 100ms ease;
            transition: color 100ms ease;
}

a.Active,
a.Active:link,
a.Active:visited,
div.Clickable.Active,
span.Clickable.Active
{
    color: #ecad00;
}


.desktop a:hover,
.desktop a:link:hover,
.desktop a:visited:hover,
.desktop [data-widgetclickable]:hover,
div.Clickable:hover,
span.Clickable:hover {
    color: #ecad00;
    text-decoration: none;
}

a[disabled='disabled'],
a[disabled='disabled']:hover {
    color: #dddddd;
    text-decoration: none;
}

div[onclick] {
    cursor: pointer; /* add a pointer cursor when the div has a click event */
}

/* General Properties > Margins */
.OSAutoMarginTop {
    margin-top: 20px;
}

.OSInlineClear {
    /* This style will never be used in runtime.
    When applied in Service Studio, it will prevent the style 'OSInline' from being
    automatically applied to divs and tables with widths != (fill parent) */
}

/* ----------------------------------- */
/* ========== $2. Structure ========== */
/* ----------------------------------- */

/* Structure > CookieMessage */
.CookieMessage {
    background: #1c407a; 
    bottom: 0px;  
    -webkit-box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.3);  
            box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.3);
    color: #DDD;
    display: none;
    left: 0;
    line-height: 50px;
    position: fixed;
    text-align: center; 
    -webkit-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear;
    width: 100%;
    z-index: 20;
    
    
    
}

.CookieMessage .InlineElement{
    display: inline-block;
    opacity: .6;
}

.CookieMessage > div{
    margin-right: 10px;
}

.CookieMessage > div:first-child{
    color: #FFF;
}

.CookieMessage > div:last-child{
    margin-right: 0px;
}

.CookieMessage .InlineElement a, 
.CookieMessage .InlineElement a:link, 
.CookieMessage .InlineElement a:visited {
    color: #ecad00;
}

.CookieMessage .InlineElement .Button {
    height: 36px;
    line-height: 36px;
}

/* responsive */
.tablet .CookieMessage, 
.phone .CookieMessage {
    line-height: 1.4em;
}

.tablet .CookieMessage .InlineElement,
.phone .CookieMessage .InlineElement {
    display: block;
    margin-top: 5px;
}

.tablet .CookieMessage > div,
.phone .CookieMessage > div{
    margin: 0 10px;
}

/* Structure > Header */
.Header {
    background-color: #002664;
    -webkit-box-shadow: none;
            box-shadow: none;
    color: #fff;
    left: 0;
    line-height: 50px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 20;
    -webkit-transition: top .2s ease-in-out;
            -o-transition: top .2s ease-in-out;
            transition: top .2s ease-in-out;
    
}

.Header.js-hasScrolled {
    top: -40px;
    /* Changed transform to top position because of responsive menu.
    -webkit-transform: translateY(-40px);
            transform: translateY(-40px);*/
}

.Header a,
.Header a:link,
.Header a:visited {
    color: #fff;
}

.desktop .Header a:hover,
.desktop .Header a:link:hover,
.desktop .Header a:visited:hover {
    color: #fff;
}

/* Structure > Header > TopBar */
.Header_TopBar {
    background: #1c407a;
    height: 40px;
    line-height: 40px;
    position: relative;
    z-index: 20;
}

.Header__TopMenus {
    display: inline-block;
    vertical-align: top;
    
    
}

.Header__TopMenus a,
.Header__TopMenus a:link,
.Header__TopMenus a:visited {
    color: rgba(255, 255, 255, .6);
    display: inline-block;
    font-size: 12px;
    padding: 0 15px;
    text-transform: uppercase;
    vertical-align: top;
}

.Header__TopMenus a.ActiveMenu {
    background: #002664;
    color: #fff;
}

.desktop .Header__TopMenus a:hover,
.desktop .Header__TopMenus a:link:hover,
.desktop .Header__TopMenus a:visited:hover {
    background: #002664;
    color: #fff;
}

.Login_Info .Button_PrivateArea {
    background: #ecad00;
    color: #fff;
}

.desktop .Login_Info .Button_PrivateArea:hover,
.desktop .Login_Info .Button_PrivateArea:link:hover,
.desktop .Login_Info .Button_PrivateArea:visited:hover {
    background: #ecad00;
}

.Login_Info a {
    opacity: 1;
}

.Header__RightLinks {
    display: inline-block;
    float: right;
    vertical-align: top;
    
}

.Header__RightLinks a {
    display: inline-block;
    font-size: 12px;
    opacity: .6;
    padding: 0 15px;
    vertical-align: top;
}

.desktop .Header__RightLinks a:hover,
.desktop .Header__RightLinks a:link:hover,
.desktop .Header__RightLinks a:visited:hover {
    background: #002664;
    opacity: 1;
}

.Header .InlineDropdown_label {
    padding: 0 15px;
}

.desktop .Header .InlineDropdown_label:hover {
    background: #002664;
}

.Header .InlineDropdown_icon .fa:before {
    content: "\f107";
}

.Header .DropdownMenu {
    background: #1c4079;
    border: 0;
    border-radius: 0 0 3px 3px;
    -webkit-box-shadow: none;
            box-shadow: none;
    bottom: auto;
    min-width: 100%;
    padding: 5px 15px;
    top: 100%;
}

.Header .DropdownMenu .PH > a {
    color: #fff;
    display: block;
    padding: 10px 0;
    position: relative;
    text-transform: capitalize;
}

.desktop .Header .DropdownMenu .PH > a:hover {
    background: #1c4079;
    color: #ecad00;
}

.tablet.portrait .Header .DropdownMenu .PH > a,
.phone .Header .DropdownMenu .PH > a {
    display:  block;
}

.Header .DropdownMenu .PH:not(:first-child) > a {
    border-top: 1px solid rgba(255, 255, 255, .2);
}

.Login_Info .InlineDropdown_label {
    color: rgba(255,255,255, 0.6);
}

.Login_Info .InlineDropdown_label .Name {
    color: #fff;
}

.tablet.portrait .Login_Info.Logged .Status,
.phone .Login_Info.Logged .Status {
    background: #ecad00;
    color: #fff;
}

.tablet.landscape .Login_Info.Logged .InlineDropdown_label .Button_PrivateArea,
.tablet.portrait .Login_Info.Logged .InlineDropdown_label .Info_PrivateArea,
.phone .Login_Info.Logged .InlineDropdown_label .Info_PrivateArea {
    display:  none;
}

/* Structure > Header > Main Content */
.Header_Content {
    display: block;
    padding: 20px 0;
    position: relative;
    z-index: 19;
}

.Header.js-hasScrolled .Header_Content {
    padding: 5px 0 10px;
}

.Header_Content .ThemeGrid_Container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox; 
    display: -webkit-flex;
    display: flex;   
    -webkit-box-align: center;
       -ms-flex-align: center;
          align-items: center;
    -webkit-box-pack: justify;
       -ms-flex-pack: justify;
     justify-content: space-between;
    
    
}

.Header_Content .Menu_DropDownPanel .ThemeGrid_Container {
    display: block;
}

.Header__Logo {
    display: inline-block;
    vertical-align: middle;
}

.Header__Logo img {
    height: 100%;
    max-height: 100px;
    max-width: 180px;
    vertical-align: middle;
    width: 100%;
    -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
}

.Header.js-hasScrolled .Header__Logo img {
    max-height: 60px;
    max-width: 110px;
}

.tablet.portrait .Header.js-hasScrolled .Header__Logo,
.phone .Header.js-hasScrolled .Header__Logo {
    visibility: hidden;
}

.tablet.portrait .Header.js-hasScrolled .Header__Logo a,
.phone .Header.js-hasScrolled .Header__Logo a {
    display: none;
}

/* Structure > Header > ButtonMenu */
a.Header_ButtonMenu {
    color: #fff;
    display: none;
    float: right;
    font-size: 20px;
    line-height: 60px;
    text-align: right;
    width: 40px;
}

.tablet.portrait a.Header_ButtonMenu,
.phone a.Header_ButtonMenu {
    display: block;
}

/* Structure > Menu */
.Header__Menu {
    display: inline-block;
    vertical-align: middle;
}

.Application_Menu {
    display: none;
    
    
    
    
}

.Application_Menu.Active {
    display: block;
}

.Menu_TopMenu {
    position: relative;
}

.Menu_TopMenu a,
.Menu_TopMenu a:link,
.Menu_TopMenu a:visited {
    border-bottom: 2px solid transparent;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    line-height: 30px;
    margin: 0 0 0 30px;
    padding: 0 5px;
    text-align: center;
    text-decoration: none;
    -webkit-transition: border .2s ease;
            -o-transition: border .2s ease;
            transition: border .2s ease;
}

.desktop .Menu_TopMenu a:hover,
.desktop .Menu_TopMenu a:link:hover,
.desktop .Menu_TopMenu a:visited:hover,
.Menu_DropDownButton.open .Menu_TopMenu a,
.Menu_DropDownButton.open .Menu_TopMenu a:hover {
    border-color: #ecad00;
    color: #fff;
}

/* Structure > Menu > MenuActive */
.Menu_TopMenuActive a,
.Menu_TopMenuActive a:link,
.Menu_TopMenuActive a:visited {
    border-color: #ecad00;
    color: #fff;
}

/* Structure > Menu > DropDownArrow */
.Menu_DropDownArrow {
    display: none;
}

/* Structure > Menu > DropDownPanel > SubMenu */
.Menu_DropDownPanel {
    background-color: #002664;
    border: 0;
    border-top: 1px solid #1c4079;
    left: 0;
    margin: 0;
    position: fixed;
    right: 0;
    top: 176px;
     -webkit-transform: translateZ(0);
            transform: translateZ(0);
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-perspective: 1000;
            perspective: 1000;
    -webkit-transition: top .3s ease-in-out;
            -o-transition: top .3s ease-in-out;
            transition: top .3s ease-in-out;
    
    
}

.Header.js-hasScrolled .Menu_DropDownPanel {
    top: 65px;
    -webkit-transition: top .2s ease-in-out;
            -o-transition: top .2s ease-in-out;
            transition: top .2s ease-in-out;
}

div.Menu_DropDownPanel a,
div.Menu_DropDownPanel a:link,
div.Menu_DropDownPanel a:visited {
    border-bottom: 2px solid transparent;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    height: auto;
    line-height: 1;
    margin-left: 15px;
    min-width: auto;
    opacity: .9;
    padding: 10px 0 7px;
    position: relative;
}

.desktop div.Menu_DropDownPanel a:hover,
.desktop div.Menu_DropDownPanel a:link:hover,
.desktop div.Menu_DropDownPanel a:visited:hover,
div.Menu_DropDownPanel a.Menu_SubMenuItemActive {
    border-color: #ecad00;
    color: #fff;
    opacity: 1;
}

div.Menu_DropDownPanel a:before {
    background: #ecad00;
    content: "";
    height: 4px;
    left: -15px;
    margin-top: -1px;
    position: absolute;
    top: 50%;
    width: 4px;
}

/* Header & Menu responsive context */
.tablet.portrait .Header_TopBar .ThemeGrid_Container,
.phone .Header_TopBar .ThemeGrid_Container {
    padding: 0;
}

.tablet.portrait .Header__TopMenus,
.phone .Header__TopMenus {
    display: table;
    width: 100%;
}

.tablet.portrait .Header__TopMenus a,
.tablet.portrait .Header__TopMenus a:link,
.tablet.portrait .Header__TopMenus a:visited,
.tablet.portrait .Login_Info,
.phone .Header__TopMenus a,
.phone .Header__TopMenus a:link,
.phone .Header__TopMenus a:visited,
.phone .Login_Info {
    display: table-cell;
    text-align: center;
}

.tablet.portrait .Login_Info,
.phone .Login_Info {
    white-space: nowrap;
    width: 1%;
}

.tablet.portrait .Login_Info .Button_PrivateArea,
.phone .Login_Info .Button_PrivateArea {
    font-size: 0;
}

.tablet.portrait .Login_Info .Button_PrivateArea .fa,
.tablet.portrait .Login_Info .Button_PrivateArea span[class*="lk"],
.phone .Login_Info .Button_PrivateArea .fa,
.phone .Login_Info .Button_PrivateArea span[class*="lk"] {
    font-size: 18px;
    vertical-align: middle;
}

.tablet.portrait .Header_Content .ThemeGrid_Container,
.phone .Header_Content .ThemeGrid_Container {
    display: block;
}

.tablet.portrait .Header__Logo img,
.phone .Header__Logo img {
    max-height: 60px;
    max-width: 115px;
}

/* crop logo *
.desktop .Header.js-hasScrolled .Header__Logo,
.tablet .Header.js-hasScrolled .Header__Logo,
.phone .Header.js-hasScrolled .Header__Logo {
    height: 45px;
    overflow: hidden;
    position: relative;
    width: 45px;
}

.desktop .Header.js-hasScrolled .Header__Logo img,
.tablet .Header.js-hasScrolled .Header__Logo img,
.phone .Header.js-hasScrolled .Header__Logo img {
    height: 95px;
    left: -17px;
    max-height: initial;
    max-width: initial;
    position: absolute;
    top: -16px;
    width: 170px;
}*/

.tablet.portrait .Header__Menu,
.phone .Header__Menu {
    background: #002664;
    bottom: 0;
    display: block;
    height: auto;
    left: 0;
    overflow: auto;
    padding-bottom: 30px;
    position: fixed;
    top: 140px;
    width: 320px;
    -webkit-transform: translateX(-100%);       /* Enable hardware acceleration */
            -ms-transform: translateX(-100%);
        transform: translateX(-100%);
    -webkit-transition: transform .3s ease-out, top .2s ease-in-out; /* Animate the menu when opening and closing */
            -webkit-transition: top .2s ease-in-out, -webkit-transform .3s ease-out;
            transition: top .2s ease-in-out, -webkit-transform .3s ease-out;
            -o-transition: transform .3s ease-out, top .2s ease-in-out;
            transition: transform .3s ease-out, top .2s ease-in-out;
            transition: transform .3s ease-out, top .2s ease-in-out, -webkit-transform .3s ease-out;
    -webkit-backface-visibility: hidden;        /* reduce animation flickering */
            backface-visibility: hidden;
    -webkit-perspective: 1000;
            perspective: 1000;
}

.tablet.portrait .Header.js-hasScrolled .Header__Menu,
.phone .Header.js-hasScrolled .Header__Menu {
    top: 65px;
}

.phone .Header__Menu {
    overflow-x: hidden;
    width: 100%;
}

.tablet.portrait.active .Header__Menu,
.phone.active .Header__Menu {
    -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
        transform: translateX(0);
}

.tablet.portrait .Header__Menu .Menu_DropDownButton,
.phone .Header__Menu .Menu_DropDownButton {
    display: block;
    padding: 0 15px;
}

.tablet.portrait .Header__Menu .Menu_TopMenu,
.phone .Header__Menu .Menu_TopMenu {
    border-top: 1px solid rgba(255,255,255, .2);
}

.tablet.portrait .Header__Menu a,
.tablet.portrait .Header__Menu a:link,
.tablet.portrait .Header__Menu a:visited,
.phone .Header__Menu a,
.phone .Header__Menu a:link,
.phone .Header__Menu a:visited {
    display: block;
    font-size: 18px;
    height: auto;
    line-height: 44px;
    margin: 0;
    padding: 0;
    text-align: left;
    -webkit-transform: translateX(-300px) scale(.5);
            -ms-transform: translateX(-300px) scale(.5);
        transform: translateX(-300px) scale(.5);
    -webkit-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            transition: all 300ms ease;
}

.tablet.portrait.active .Header__Menu a,
.tablet.portrait.active .Header__Menu a:link,
.tablet.portrait.active .Header__Menu a:visited,
.phone.active .Header__Menu a,
.phone.active .Header__Menu a:link,
.phone.active .Header__Menu a:visited {
    -webkit-transform: translateX(0) scale(1);
            -ms-transform: translateX(0) scale(1);
        transform: translateX(0) scale(1);
}

.tablet.portrait .Header__Menu .Menu_DropDownPanel,
.phone .Header__Menu .Menu_DropDownPanel {
    /*background-color: #1c407a;*/
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    margin: 0;
    padding: 0;
    position: static;
}

.tablet.portrait .Header__Menu .Menu_DropDownArrow,
.phone .Header__Menu .Menu_DropDownArrow {
    border: 0;
    display: inline-block;
    height: 14px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    width: 14px;
}

.tablet.portrait .Header__Menu .Menu_DropDownArrow:before,
.tablet.portrait .Header__Menu .Menu_DropDownArrow:after,
.phone .Header__Menu .Menu_DropDownArrow:before,
.phone .Header__Menu .Menu_DropDownArrow:after {
    background: #98a7c0;
    border: 0;
    content: "";
    height: 2px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    -webkit-transform-origin: center;
            -ms-transform-origin: center;
        transform-origin: center;
    -webkit-transition: transform .2s ease-in-out;
            -webkit-transition: -webkit-transform .2s ease-in-out;
            transition: -webkit-transform .2s ease-in-out;
            -o-transition: transform .2s ease-in-out;
            transition: transform .2s ease-in-out;
            transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
    width: 10px;
}

.tablet.portrait .Header__Menu .Menu_DropDownArrow:after,
.phone .Header__Menu .Menu_DropDownArrow:after {
    -webkit-transform: translateY(-50%) rotate(90deg);
            -ms-transform: translateY(-50%) rotate(90deg);
        transform: translateY(-50%) rotate(90deg);
}

.tablet.portrait .Header__Menu .Menu_DropDownButton.open .Menu_DropDownArrow:after,
.phone .Header__Menu .Menu_DropDownButton.open .Menu_DropDownArrow:after {
    -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
        transform: translateY(-50%);
}

/* Search */
.tablet.portrait .Header__Menu .Menu_DropDownButton:last-child .Menu_TopMenu,
.tablet.portrait .Header__Menu .Menu_DropDownButton:last-child .Menu_DropDownPanel .HeaderBigSearch_ActionReset,
.phone .Header__Menu .Menu_DropDownButton:last-child .Menu_TopMenu,
.phone .Header__Menu .Menu_DropDownButton:last-child .Menu_DropDownPanel .HeaderBigSearch_ActionReset {
    /*display: none;*/
}

.tablet.portrait .Header__Menu .Menu_DropDownButton:last-child .Menu_DropDownPanel,
.phone .Header__Menu .Menu_DropDownButton:last-child .Menu_DropDownPanel {
    /*display: block;*/
}

.tablet.portrait .Header__Menu .Menu_DropDownButton:last-child .Menu_DropDownPanel .ThemeGrid_Container,
.phone .Header__Menu .Menu_DropDownButton:last-child .Menu_DropDownPanel .ThemeGrid_Container {
    /*padding: 0;*/
}

.tablet.portrait .Header__Menu .Header__RightLinks,
.phone .Header__Menu .Header__RightLinks {
    display: block;
    float: none;
    margin: 20px 0;
}

.tablet.portrait .Header__Menu .Header__RightLinks a,
.tablet.portrait .Header__Menu .Header__RightLinks a:link,
.tablet.portrait .Header__Menu .Header__RightLinks a:visited,
.phone .Header__Menu .Header__RightLinks a,
.phone .Header__Menu .Header__RightLinks a:link,
.phone .Header__Menu .Header__RightLinks a:visited {
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    padding: 0 0 0 15px;
    vertical-align: top;
}

.tablet.portrait .Header__Menu  .Header__RightLinks .InlineDropdown,
.phone .Header__Menu  .Header__RightLinks .InlineDropdown {
    display: block;
    line-height: 30px;
    margin: 10px 0 0;
}

.tablet.portrait .Header__Menu .DropdownMenu,
.phone .Header__Menu .DropdownMenu {
    line-height: 1.3;
}

.tablet.portrait .Header__Menu .DropdownMenu .PH > a,
.tablet.portrait .Header__Menu .DropdownMenu .PH > a:link,
.tablet.portrait .Header__Menu .DropdownMenu .PH > a:visited,
.phone .Header__Menu .DropdownMenu .PH > a,
.phone .Header__Menu .DropdownMenu .PH > a:link,
.phone .Header__Menu .DropdownMenu .PH > a:visited {
    background: transparent;
    padding: 5px 0;
}

/* Structure > Footer */
.Footer {
    background: #e7e7e7;
    color: #002663;
    padding: 40px 0 0;
}

.Footer .OSAutoMarginTop {
    margin-top: 10px;
}

.Footer .Footer__Item:not(:first-child) {
    margin-top: 10px;
}

.desktop .Footer .Columns4 {
    margin: 0 -60px;
}

.desktop .Footer .Columns4 > .Column {
    padding: 0 60px !important; /* to ensure gutter of the columns */
}

.Footer .Apps_Links .fa,
.Footer .Apps_Links span[class*="lk"]   {
    font-size: 34px;
    line-height: 40px;
    margin-right: 30px;
    width: auto;
}

.Footer .SectionExpandable:not(:first-child) {
    margin-top: 10px;
}

.Footer .SectionExpandable_header {
    background: transparent;
    border-bottom: 2px solid #002663;
    padding: 8px 0;
}

.Footer .SectionExpandable__title.Heading2 {
    color: #002663;
    font-size: 20px;
    font-weight: 700;
}

.Footer .SectionExpandable__icon.Heading2:before,
.Footer .SectionExpandable__icon.Heading2:after {
    background: #002663;
}

.Footer .SectionExpandable_content {
    padding: 0;
}

.Footer .SectionExpandable.expanded .SectionExpandable_content {
    padding: 25px 0;
}

.desktop .Footer .SectionExpandable_header,
.tablet.landscape .Footer .SectionExpandable_header {
    cursor: auto;
}

.desktop .Footer .SectionExpandable__icon.Heading2:before,
.desktop .Footer .SectionExpandable__icon.Heading2:after,
.tablet.landscape .SectionExpandable__icon.Heading2:before,
.tablet.landscape .SectionExpandable__icon.Heading2:after {
    display: none;
}

.desktop .Footer .SectionExpandable_content,
.desktop .Footer .SectionExpandable.expanded .SectionExpandable_content,
.tablet.landscape .SectionExpandable_content,
.tablet.landscape .SectionExpandable.expanded .SectionExpandable_content {
    height: auto !important; /* To ensure javascript behaviour is deactivated */
    overflow: visible !important; /* To ensure javascript behaviour is deactivated */
    padding: 25px 0;
}

.Socket {
    background: #dcdcdc;
    color: rgba(0, 0, 0, .6);
    font-size: 14px;
    margin-top: 50px;
    padding: 25px 0;
}

.Socket_Links {
    float: right;
}

.Socket_Links a,
.Socket_Links a:link,
.Socket_Links a:visited {
    /*color: rgba(0, 0, 0, .6);*/
    margin-left: 40px;
}

.Socket_Links a:hover,
.Socket_Links a:link:hover,
.Socket_Links a:visited:hover {
    color: #002664;
}

.Socket_Copyright {
    display: inline-block;
    vertical-align: middle;
}

.Socket_Copyright > div {
    display: inline-block;
    margin-right: 30px;
    vertical-align: middle;
}

.Socket_Copyright .CreatedBy {
    font-size: 12px;
    white-space: nowrap;
}

.Socket_Copyright .CreatedBy img {
    vertical-align: middle;
}

.tablet .Socket_Links,
.phone .Socket_Links {
    float: none;
}

.tablet .Socket_Links a,
.phone .Socket_Links a {
    color: #222;
    margin: 0 40px 0 0;
}

.tablet .Socket_Copyright,
.tablet .Socket_Copyright .CreatedBy,
.phone .Socket_Copyright,
.phone .Socket_Copyright .CreatedBy {
    display: block;
    margin: 20px 0 0;
}

/* Structure > Content */
.Page > .Content {
    padding-top: 176px;
}

.Page > .Content.js-hasScrolled {
    padding-top: 165px;    
}

.Page.tablet.portrait > .Content,
.Page.phone > .Content {
    padding-top: 136px;
}

html .ThemeGrid_Container {
    margin: 0 auto;
    padding-left: 25px;
    padding-right: 25px;
}

/* Structure > Main Content */
.MainContent {
    min-height: 100%;
    padding: 0 0 80px;

    
}

.Page.active .MainContent {
    pointer-events: none;
}

.WebsiteSection {
    position: relative;
    color: #4d4d color: #4d4d4d;4d;
    background-color: background-color: #fff;
    #fff: ;
}

.WebsiteSection.SmallContainer .ThemeGrid_Container {
    max-width: 1000px;
}

.WebsiteSection.UsePadding {
    padding: 50px 0;
}

.WebsiteSection.White:last-child,
.WebsiteSection.Transparent:last-child {
    padding-bottom: 0;
}

.tablet.portrait .WebsiteSection,
.phone .WebsiteSection {
    margin-top: 4px;
}

.tablet.portrait .WebsiteSection.UsePadding,
.phone .WebsiteSection.UsePadding {
    padding: 20px 0;
}

.tablet.portrait .WebsiteSection.ResponsiveNoPadding .ThemeGrid_Container,
.phone .WebsiteSection.ResponsiveNoPadding .ThemeGrid_Container {
    padding: 0;
}

.WebsiteSection.Background {
    color: #fff;
    
}

.WebsiteSection_Background {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

.WebsiteSection_Background img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
}

.WebsiteSection_Background div.imgIE {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    height: 100%;
    width: auto;
}

.WebsiteSection.Background .ThemeGrid_Container {
    position: relative;
    z-index: 2;
}

.WebsiteSection.Banner {
    color: #fff;
    min-height: 550px;
    padding: 120px 0;
    text-align: center;
}

.tablet .WebsiteSection.Banner {
    min-height: 500px;
    padding: 100px 0;
}

.tablet.portrait .WebsiteSection.Banner,
.phone .WebsiteSection.Banner {
    min-height: 250px;
    padding: 60px 0;
}

.WebsiteSection.Banner.Medium,
.tablet .WebsiteSection.Banner.Medium {
    min-height: 300px;
    padding: 80px 0 60px;
}

.WebsiteSection.Banner.Medium.Icon {
    padding: 0 0 60px;
}

.WebsiteSection.Banner.Mini,
.tablet .WebsiteSection.Banner.Mini {
    min-height: 200px;
    padding: 20px 0;
}

.tablet.portrait .WebsiteSection.Banner,
.phone .WebsiteSection.Banner {
    min-height: 250px;
    padding: 50px 0;
}

.tablet.portrait .WebsiteSection.Banner .WebsiteSection_Content, 
.phone .WebsiteSection.Banner .WebsiteSection_Content {
    margin-left: -20px;
    margin-right: -20px;
}

.WebsiteSection.Banner .Heading1 {
    font-size: 120px;
    line-height: 130px;
    text-shadow: -7px 7px 18px rgba(0,0,0,.3);
}

.WebsiteSection.Banner.Icon .Heading1 .fa,
.WebsiteSection.Banner.Icon .Heading1 span[class*="lk"] {
    display: block;   
}

.WebsiteSection.Banner .Heading2 {
    font-size: 60px;
    line-height: 80px;
    margin-top: 20px;
    text-shadow: -7px 7px 18px rgba(0,0,0,.3);
}

.WebsiteSection.Banner.Medium .Heading1,
.WebsiteSection.Banner.Mini .Heading1 {
    font-size: 80px;
    line-height: 90px;
}

.WebsiteSection.Banner.Medium .Heading2,
.WebsiteSection.Banner.Mini .Heading2 {
    font-family: Ubuntu, Arial, Helvetica, sans-serif;
    font-size: 26px;
    font-weight: 400;
    line-height: 30px;
    margin-top: 10px;
}

.WebsiteSection.Banner.BottomWhiteBar:after {
    background: #fff;
    bottom: -1px;
    content: "";
    height: 30px;
    left: 50%;
    max-width: 1230px;
    position: absolute;
    width: 100%;
    z-index: 2;
    -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
        transform: translateX(-50%);
}

.tablet.portrait .WebsiteSection.Banner .Heading1,
.phone .WebsiteSection.Banner .Heading1 {
    font-size: 42px;
    line-height: 50px;
}

.tablet.portrait .WebsiteSection.Banner .Heading2,
.phone .WebsiteSection.Banner .Heading2 {
    font-size: 22px;
    line-height: 30px;
}

.WebsiteSection.Banner .InlineSelect.select2-container {
    min-width: 230px;
}
    
.tablet.portrait .WebsiteSection.Banner .InlineSelect.select2-container .select2-choice,
.phone .WebsiteSection.Banner .InlineSelect.select2-container .select2-choice {
    border-bottom-width: 2px;
    font-size: 22px;
    margin-right: 40px;
}

.tablet.portrait .WebsiteSection.Banner .InlineSelect.select2-container .select2-choice .select2-arrow,
.tablet.portrait .WebsiteSection.Banner .InlineSelect.select2-container .select2-choice div,
.phone .WebsiteSection.Banner .InlineSelect.select2-container .select2-choice .select2-arrow,
.phone .WebsiteSection.Banner .InlineSelect.select2-container .select2-choice div {
    right: -40px;
    width: 30px;
}

.tablet.portrait .WebsiteSection.Banner .InlineSelect.select2-container .select2-choice .select2-arrow:before,
.phone .WebsiteSection.Banner .InlineSelect.select2-container .select2-choice .select2-arrow:before {
    font-size: 20px;
    height: 30px;
    line-height: 30px;
    width: 30px;
}

.tablet .WebsiteSection.Banner.BottomWhiteBar:after,
.phone .WebsiteSection.Banner.BottomWhiteBar:after {
    width: 80%;
    width: calc(100% - 50px);
}

/* Same Height Columns */
.desktop .WebsiteSection.SameHeight .Columns,
.tablet.landscape .WebsiteSection.SameHeight .Columns {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox; 
    display: -webkit-flex;
    display: flex;   
}

.desktop .WebsiteSection.SameHeight .Columns .Column > div,
.tablet.landscape .WebsiteSection.SameHeight .Columns .Column > div {
    display: block;
    height: 100%;
    position: relative;
}

.CleanWebsiteSectionPadding .ThemeGrid_Container {
    padding: 0;
}

/* Layout_BO specific properties */
.Layout_BO .Header {
    padding: 5px 0;
}

.Layout_BO .Header__Logo {
    float: left;
}

.Layout_BO .Header__Logo img {
    max-height: 50px;
}

.Layout_BO .Others_Menu {
    float: right;
}

.Layout_BO .Application_Menu {
    display: inline-block;
}

.Layout_BO .Menu_DropDownButton {
    position: relative;
}

.Layout_BO .Menu_DropDownPanel {
    left: 20px;
    padding: 0 10px;
    position: absolute;
    right: auto;
    top: 100%;
}

.Layout_BO div.Menu_DropDownPanel a,
.Layout_BO div.Menu_DropDownPanel a:link,
.Layout_BO div.Menu_DropDownPanel a:visited {
    display: block;
}

.Page.Layout_BO .Content {
    padding-top: 60px;
}

/*------------------------------------*\
    $3. Forms
\*-------------------------------------*/

/*------------------------------------------------------------*/
/* 3.1 Forms > Inputs, Selects & Textarea *********************/
/*------------------------------------------------------------*/

textarea,
select,
input[type='text'],
input[type='password'],
input[type='datetime'],
input[type='datetime-local'],
input[type='date'],
input[type='month'],
input[type='time'],
input[type='week'],
input[type='number'],
input[type='email'],
input[type='url'],
input[type='search'],
input[type='tel'],
input[type='color'],
.Form input.ReadOnly,
.Form textarea.ReadOnly,
.Form select.ReadOnly {
    background: #fff;
    border: 1px solid #fff;
    border-radius: 3px;
    color: #002664;
    font-size: 14px;
    font-weight: 400;
    padding: 0 15px;
}

input[type='text'],
input[type='password'],
input[type='datetime'],
input[type='datetime-local'],
input[type='date'],
input[type='month'],
input[type='time'],
input[type='week'],
input[type='number'],
input[type='email'],
input[type='url'],
input[type='search'],
input[type='tel'],
input[type='color'] {
    height: 44px;
    line-height: 22px;
    padding: 11px 15px;
}

textarea:focus,
select:focus,
input[type='text']:focus,
input[type='password']:focus,
input[type='datetime']:focus,
input[type='datetime-local']:focus,
input[type='date']:focus,
input[type='month']:focus,
input[type='time']:focus,
input[type='week']:focus,
input[type='number']:focus,
input[type='email']:focus,
input[type='url']:focus,
input[type='search']:focus,
input[type='tel']:focus,
input[type='color']:focus {
    background: #fff;
    border: 1px solid #002664;
    color: #002664;
}

.Form textarea.ReadOnly[readonly="readonly"], 
.Form textarea.ReadOnly[readonly="readonly"]:focus, 
.Form input.ReadOnly[readonly="readonly"], 
.Form input.ReadOnly[readonly="readonly"]:focus, 
textarea[readonly="readonly"], 
textarea[readonly="readonly"]:focus, 
input[readonly="readonly"], 
input[readonly="readonly"]:focus {
    background-color: #E6e6e6;
    border: 1px solid #E6e6e6;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #002664;
}
::-moz-placeholder { /* Firefox 19+ */
    color: #002664;
}
:-ms-input-placeholder { /* IE 10+ */
    color: #002664;
}
:-moz-placeholder { /* Firefox 18- */
    color: #002664;
}

select {
    height: 44px;
    line-height: 22px;
    padding: 11px 25px 11px 15px;
}

textarea,
.Form textarea,
.Form textarea.ReadOnly {
    line-height: 22px;
    padding: 10px 15px;
}

label,
.Form label {
    color: #4d4d4d;
    font-size: 14px;
    padding: 0 0 5px;
}

/* responsive context */
.tablet input[type='text'],
.tablet input[type='password'],
.tablet input[type='datetime'],
.tablet input[type='datetime-local'],
.tablet input[type='date'],
.tablet input[type='month'],
.tablet input[type='time'],
.tablet input[type='week'],
.tablet input[type='number'],
.tablet input[type='email'],
.tablet input[type='url'],
.tablet input[type='search'],
.tablet input[type='tel'],
.tablet input[type='color'],
.tablet select,
.phone input[type='text'],
.phone input[type='password'],
.phone input[type='datetime'],
.phone input[type='datetime-local'],
.phone input[type='date'],
.phone input[type='month'],
.phone input[type='time'],
.phone input[type='week'],
.phone input[type='number'],
.phone input[type='email'],
.phone input[type='url'],
.phone input[type='search'],
.phone input[type='tel'],
.phone input[type='color'],
.phone select {
    height: 44px;
}

.tablet select,
.phone select {
    line-height: 22px;
}

/*------------------------------------------------------------*/
/* 3.2 Forms > ReadOnly & Disabled ****************************/
/*------------------------------------------------------------*/

.Form input.ReadOnly:not(.Not_Valid),
.Form textarea.ReadOnly:not(.Not_Valid),
.Form select.ReadOnly:not(.Not_Valid) {
    background-color: #fff;
    border: 1px solid #fff;
    color: #002664;
}

.Form textarea.ReadOnly:focus,
.Form select.ReadOnly:focus,
.Form input[type='text'].ReadOnly:focus,
.Form input[type='password'].ReadOnly:focus,
.Form input[type='datetime'].ReadOnly:focus,
.Form input[type='datetime-local'].ReadOnly:focus,
.Form input[type='date'].ReadOnly:focus,
.Form input[type='month'].ReadOnly:focus,
.Form input[type='time'].ReadOnly:focus,
.Form input[type='week'].ReadOnly:focus,
.Form input[type='number'].ReadOnly:focus,
.Form input[type='email'].ReadOnly:focus,
.Form input[type='url'].ReadOnly:focus,
.Form input[type='search'].ReadOnly:focus,
.Form input[type='tel'].ReadOnly:focus,
.Form input[type='color'].ReadOnly:focus {
    background-color: #fff;
    border: 1px solid #002664;
    color: #002664;
}

.Form textarea.ReadOnly[disabled='disabled'],
.Form select.ReadOnly[disabled='disabled'],
.Form input.ReadOnly[disabled='disabled'],
textarea[disabled='disabled'],
select[disabled='disabled'],
input[disabled='disabled'] {
    background: #dddddd;
    border: 1px solid #bbb;
    color: #333333;
}

/*------------------------------------------------------------*/
/* 3.3 Forms > Not Valid **************************************/
/*------------------------------------------------------------*/

.Form input.Not_Valid,
.Form textarea.Not_Valid,
.Form select.Not_Valid,
textarea.Not_Valid,
select.Not_Valid,
input[type='text'].Not_Valid,
input[type='password'].Not_Valid,
input[type='datetime'].Not_Valid,
input[type='datetime-local'].Not_Valid,
input[type='date'].Not_Valid,
input[type='month'].Not_Valid,
input[type='time'].Not_Valid,
input[type='week'].Not_Valid,
input[type='number'].Not_Valid,
input[type='email'].Not_Valid,
input[type='url'].Not_Valid,
input[type='search'].Not_Valid,
input[type='tel'].Not_Valid,
input[type='color'].Not_Valid {
    /* !important to ensure style on Invalid input */
    border: 1px solid #cd0000 !important;
    padding: 0 15px;
}

.ValidationMessage {
    color: #cd0000;
    font-size: 12px;
    font-weight: 400;
    margin-top: 4px;
}

.MandatoryCaption:after,
.Form label.MandatoryLabel:after,
.EditableTable thead th.Mandatory:after {
    color: #cd0000;
    font-size: 14px;
    font-weight: 700;
}

/*------------------------------------------------------------*/
/* 3.4 Forms > Radio Button & Checkbox ************************/
/*------------------------------------------------------------*/

/* Input Radio */
input[type="radio"] {
    background: transparent;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    margin: 0;
    padding: 0;
}

input[type="radio"]:before {
    display: none;
        
    
    
    
        
    
    
        
    
}

input[type="radio"]:after {
    display: none;    
}

input[type="radio"],
input[type="radio"].ReadOnly,
.Form input[type="radio"].ReadOnly {
    background: transparent;
    border: 0;
    padding: 0;
}

/* Input Checkbox  */
input[type="checkbox"] {
    background: transparent;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    height: 18px;
    padding: 0;
    width: 18px;
}

input[type="checkbox"]:before {
    display: none;
    
    
    
    
    
}

input[type="checkbox"]:after {
    display: none;
}

input[type="checkbox"],
input[type="checkbox"].ReadOnly,
.Form input[type="checkbox"].ReadOnly {
    background: transparent;
    border: 0;
    padding: 0;
}

/*------------------------------------*\
    $4. Built-in Widgets
\*-------------------------------------*/

/*------------------------------------------------------------*/
/* 4.1 Built-in Widgets > Filter Form **************************/
/*------------------------------------------------------------*/

.Filters_Wrapper {
    background: #fff;
    padding: 10px;
}

.Filters_Wrapper .Button {
    margin-left: 10px;
}

/*------------------------------------------------------------*/
/* 4.2 Built-in Widgets > EditableTable ************************/
/*------------------------------------------------------------*/

.EditableTable {
    background: transparent;
    border: 0;
    color: #333333;
    margin: 0;
    padding: 0;
}

.EditableTable thead tr th {
    background: transparent;
    border-bottom: 2px solid #ccc;
    color: #002664;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    padding: 10px 15px;
}

.EditableTable thead td {
    color: #002664;
    font-weight: 700;
}

.EditableTable td {
    background: #fff;
    border-color: #ccc;
    font-size: 16px;
    font-weight: 400;
    padding: 5px 15px;
}

body .EditableTable input:not(.InEditMode),
body .EditableTable textarea:not(.InEditMode),
body .EditableTable select:not(.InEditMode) {
    color: #333333;
}

td.RowWithAddAction {
    background: #fff;
    border: 0;
    padding: 0;
}

td.RowWithAddAction a {
    padding: 15px 0;
}

.EditableTable tbody tr:not(.RowControlGroup) td {
    border-color: #ccc;
}

.EditableTable tr.Selected td,
.desktop .EditableTable tr.Selected:hover td {
    background-color: #e2e9f6;
}

.EditableTable tr.RowControlGroup .ControlActions,
.EditableTable tr.RowControlGroup .ControlActions {
    background: #e2e9f6;
    border-color: #ccc;
    border-top: 0;
}

.EditableTable tr.RowControlGroup a {
    color: #002664;
}

.EditableTable tr.RowControlGroup a.SaveRowAction {
    color: #002664;
}

.EditableTable tr.RowControlGroup a:hover {
    color: #ecad00;
}

.EditableTable th:first-child,
.EditableTable td:first-child {
    padding-left: 20px;
}

.EditableTable th:last-child,
.EditableTable td:last-child {
    padding-right: 20px;
}

/*------------------------------------------------------------*/
/* 4.3 Built-in Widgets > TableRecords *************************/
/*------------------------------------------------------------*/

.TableRecords {
    background: transparent;
    border: 0;
    color: #4d4d4d;
    margin: 0;
    padding: 0;
}

.TableRecords_Header {
    background: transparent;
    border-bottom: 1px solid #002664;
    color: #002664;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    padding: 10px 8px;
    vertical-align: middle;
}

.TableRecords_OddLine,
.TableRecords_EvenLine {
    background: #fff;
    border-color: #e1e1e1;
    font-size: 16px;
    font-weight: 400;
    padding: 10px 8px;
    vertical-align: middle;
}

.desktop .TableRecords > tbody > tr:hover,
.desktop .TableRecords > tbody > tr:hover td,
.desktop .EditableTable > tbody > tr:hover td {
    background: #f2f2f2;
}

.desktop .TableRecords_OddLine:first-child,
.desktop .TableRecords_EvenLine:first-child,
.desktop .TableRecords_Header:first-child,
.tablet .TableRecords_OddLine:first-child,
.tablet .TableRecords_EvenLine:first-child,
.tablet .TableRecords_Header:first-child {
    padding-left: 15px;
}

.desktop .TableRecords_OddLine:last-child,
.desktop .TableRecords_EvenLine:last-child,
.desktop .TableRecords_Header:last-child,
.tablet .TableRecords_OddLine:last-child,
.tablet .TableRecords_EvenLine:last-child,
.tablet .TableRecords_Header:last-child {
    padding-right: 15px;
}

.TableRecords .fa,
.TableRecords span[class*="lk"] {
    color: #002664;
    width: auto;
}

.TableRecords .Refresh .fa,
.TableRecords .Refresh span[class*="lk"] {
    color: #fff;
}

/*------------------------------------------------------------*/
/* 4.4 Built-in Widgets > ShowRecord & EditRecord **************/
/*------------------------------------------------------------*/

.ShowRecord,
.EditRecord {
    margin: 0;
}

.ShowRecord_Caption,
.EditRecord_Caption {
    color: #333;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    
    vertical-align: middle;
}

/*------------------------------------*\
              $5. RichWidgets
\*-------------------------------------*/

/*------------------------------------------------------------*/
/* 5.1 RichWidgets > Feedback Ajax Loading ********************/
/*------------------------------------------------------------*/

.Feedback_AjaxWait {
    background-color: #002664;
    border: 1px solid #002664;
    border-radius: 3px 3px 0 0;
    bottom: 0;
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, .04);
            box-shadow: 0 4px 4px rgba(0, 0, 0, .04);
    color: #fff;
    font-size: 12px;
    height: 60px;
    padding: 16px 35px 10px;
    right: 20px;
}

.Feedback_AjaxWait .Loader {
    background: url(/WebPatterns/img/loading_lisbon_white.gif?1391) no-repeat;
    height: 16px;
    position: relative;
    text-indent: -9999em;
    width: 16px;
}

/*------------------------------------------------------------*/
/* 5.2 RichWidgets > Feedback Message *************************/
/*------------------------------------------------------------*/

div.Feedback_Message_Wrapper {
    margin-top: 200px;
}

div.Feedback_Message_Info,
div.Feedback_Message_Error,
div.Feedback_Message_Success,
div.Feedback_Message_Warning {
    border-radius: 15px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    opacity: 0.95;
    padding: 15px 70px;
    position: relative;    
    font-size: 14px;
    font-weight: 400;
    max-width: 1200px;
    min-height: 50px;
    min-width: 350px;
    position: relative;
    text-align: center;
    width: 80%;
}

.phone div.Feedback_Message_Info,
.phone div.Feedback_Message_Error,
.phone div.Feedback_Message_Success,
.phone div.Feedback_Message_Warning {
    min-width: auto;
    padding: 10px 30px 10px 25px;
    width: 97%;
}

div.Feedback_Message_Error span,
div.Feedback_Message_Success span,
div.Feedback_Message_Warning span,
div.Feedback_Message_Info span,
a.Feedback_Message_Wrapper_Close {
    font-size: initial;
    text-align: left;
    width: 100%;
}

.phone div.Feedback_Message_Error span,
.phone div.Feedback_Message_Success span,
.phone div.Feedback_Message_Warning span,
.phone div.Feedback_Message_Info span,
.phone a.Feedback_Message_Wrapper_Close {
    padding-left: 50px;
}

a.Feedback_Message_Wrapper_Close {
    font-size: 14px;
    line-height: 18px;
    padding: 0;
    right: 25px;
    top: 14px;
}

a.Feedback_Message_Wrapper_Close,
.Feedback_Message_Success .Feedback_Message_Wrapper_Close:after,
.Feedback_Message_Error .Feedback_Message_Wrapper_Close:after,
.Feedback_Message_Info .Feedback_Message_Wrapper_Close:after,
.Feedback_Message_Warning .Feedback_Message_Wrapper_Close:after {
    color: #002664;
    font-size: 18px;
    opacity: 1;
    position: absolute;
    right: 10px;
}

.Feedback_Message_Success:before,
.Feedback_Message_Error:before,
.Feedback_Message_Info:before,
.Feedback_Message_Warning:before {
    bottom: 5px;
    color: #fff;
    font-size: 3em;
    height: 40px;
    opacity: 0.4;
    position: absolute;
    right: 15px;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 70px;
}

div.Feedback_Message_Success {
    background-color: #daf2da;
    border-color: #76d174;
    color: #002664;
}

.Feedback_Message_Success:before {
    color: #76d174;
}

div.Feedback_Message_Error {
    background-color: #fae6e7;
    border-color: #cb0003;
    color: #002664;
}

.Feedback_Message_Error:before {
    color: #cb0003;
}

div.Feedback_Message_Info {
    background-color: #d9edf6;
    border-color: #002664;
    color: #002664;
}

.Feedback_Message_Info:before {
    color: #002664;
}

div.Feedback_Message_Warning {
    background-color: #feffb3;
    border-color: #ebac00;
    color: #002664;
}

.Feedback_Message_Warning:before {
    color: #ebac00;
}

/*------------------------------------------------------------*/
/* 5.3 RichWidgets > List Navigation **************************/
/*------------------------------------------------------------*/

a.ListNavigation_PageNumber:link,
span.ListNavigation_CurrentPageNumber,
span.ListNavigation_Ellipsis,
a.ListNavigation_Previous:link,
a.ListNavigation_Next:link {
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    margin: 0 0 0 5px;
    margin-bottom: 0;
    min-width: 30px;
    overflow: hidden;
    padding: 5px;
    text-align: center;
    text-shadow: none;
    vertical-align: middle;
    white-space: nowrap;
}

a.ListNavigation_PageNumber:link,
span.ListNavigation_CurrentPageNumber,
span.ListNavigation_Ellipsis,
a.ListNavigation_Previous:link,
a.ListNavigation_Next:link {
    background: #fff;
    border: 1px solid #002664;
    border-radius: 3px;
    color: #002664;
}

a.ListNavigation_PageNumber:link:hover,
a.ListNavigation_Previous:link:hover,
a.ListNavigation_Next:link:hover {
    background: #002664;
    border-color: #002664;
    color: #fff;
}

span.ListNavigation_CurrentPageNumber {
    background: #002664;
    border-color: #002664;
    color: #fff;
}

a.ListNavigation_Previous:link,
a.ListNavigation_Next:link {
    font-size: 0;
    line-height: 1;
}

a.ListNavigation_Previous:link:before {
    content: '\f104';
}

.ListNavigation_Next:after,
.ListNavigation_DisabledNext:after {
    content: '\f105';
}

a.ListNavigation_Previous:link:before,
a.ListNavigation_Next:link:after {
    color: #002664;
    font-size: 16px;
    line-height: 18px;
    margin: 0;
}

a.ListNavigation_Previous:link:hover:before,
a.ListNavigation_Next:link:hover:after {
    color: #fff;
}

.ListNavigation_Wrapper {
    display: inline-block;
}

/* List Counter */
div.Counter_Message {
    color: #333;
    line-height: 30px;
}

/*------------------------------------------------------------*/
/* 5.4 RichWidgets > Popup Editor *****************************/
/*------------------------------------------------------------*/

.os-internal-ui-widget-overlay {    
    
}

div.os-internal-Popup .os-internal-ui-dialog, 
div.os-internal-Popup.os-internal-ui-dialog{
    left: 50% !important; /* force center horizontal */
    max-width: 550px;    
   -webkit-transform: translateX(-50%) !important;
            -ms-transform: translateX(-50%) !important;
        transform: translateX(-50%) !important;  /* force center horizontal */
    width: 90% !important; /* force size */
}

div.os-internal-Popup .os-internal-ui-dialog .os-internal-ui-dialog-titlebar,
div.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-titlebar {
    background: transparent;
}

div.os-internal-Popup .os-internal-ui-dialog .os-internal-ui-dialog-title,
div.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-title {
    color: #333;
    font-size: 22px;
    font-weight: 700;
    top: 20px;
}

div.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-titlebar-close-no-title,
div.os-internal-Popup .os-internal-ui-dialog .os-internal-ui-dialog-titlebar-close,
div.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-titlebar-close {
    background: transparent;
    color: #999;
    line-height: 20px;
    opacity: 1;
    text-align: center;
    -webkit-transform-origin: center;
            -ms-transform-origin: center;
        transform-origin: center;
    -webkit-transition: transform .3s ease;
            -webkit-transition: -webkit-transform .3s ease;
            transition: -webkit-transform .3s ease;
            -o-transition: transform .3s ease;
            transition: transform .3s ease;
            transition: transform .3s ease, -webkit-transform .3s ease;
}

div.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-titlebar-close-no-title:before,
div.os-internal-Popup .os-internal-ui-dialog .os-internal-ui-dialog-titlebar-close:before,
div.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-titlebar-close:before {
    content: '\f00d';
    font-family: FontAwesome;
    font-size: 18px;
}

div.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-titlebar-close-no-title:hover,
div.os-internal-Popup .os-internal-ui-dialog .os-internal-ui-dialog-titlebar-close:hover,
div.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-titlebar-close:hover {
    color: #333;
    opacity: 1;
}

/*------------------------------------*\
        $6. Login
\*------------------------------------*/

.Login {
    
}

.Login_Box {
    margin: 0;
    max-width: 400px;
    -webkit-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    width: 100%;
}

.Login__Logo img {
    max-height: 100px;
}

.Login__Form {
    background: #eee;
}

.Login__Form input {
    border: 1px solid #ccc;
}

/*------------------------------------*\
        $7. SILK Patterns
\*------------------------------------*/

/*------------------------------------------------------------*/
/* SILK Patterns > Content ************************************/
/*------------------------------------------------------------*/

/* SILK Patterns > Accordion */
.AccordionVertical {
    border: 0;
    color: #4d4d4d;
    overflow: hidden;
}

.AccordionVertical_item {
    border-top: 1px solid #ccc;
}

.AccordionVertical_item .AccordionVertical__header {
    padding: 15px 0;
    position: relative;
}

.AccordionVertical_item .AccordionVertical__header .AccordionVertical___title {
    color: #002664;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
}

.AccordionVertical_item.open .AccordionVertical__header .AccordionVertical___title {
    color: #edab00;
}

.AccordionVertical___icon {
    border: 0;
    display: inline-block;
    font-family: inherit;
    height: 20px;
    line-height: 20px;
    position: absolute;
    right: 15px;
    width: 20px;
}

.AccordionVertical___icon .fa,
.AccordionVertical___icon span[class*="lk"]  {
    display: none;
}

.AccordionVertical___icon:before,
.AccordionVertical___icon:after {
    background: #002664;
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    -webkit-transform-origin: center;
            -ms-transform-origin: center;
        transform-origin: center;
    -webkit-transition: transform .2s ease-in-out;
            -webkit-transition: -webkit-transform .2s ease-in-out;
            transition: -webkit-transform .2s ease-in-out;
            -o-transition: transform .2s ease-in-out;
            transition: transform .2s ease-in-out;
            transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
    width: 12px;
}

.AccordionVertical___icon:after {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(90deg);
            -ms-transform: translateX(-50%) translateY(-50%) rotate(90deg);
        transform: translateX(-50%) translateY(-50%) rotate(90deg);
}

.AccordionVertical_item.open .AccordionVertical___icon:before,
.AccordionVertical_item.open .AccordionVertical___icon:after {
    background: #ecad00;
}

.AccordionVertical_item.open .AccordionVertical___icon:after {
    -webkit-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
}

.AccordionVertical_item .AccordionVertical__content {
    color: #4d4d4d;
    padding: 0 0;
}

.AccordionVertical_item .AccordionVertical__content ul {
    margin-left: 20px;
}

.AccordionVertical_item.open .AccordionVertical__content {
    border-top: 1px solid #ccc;
    padding: 15px 0;
}

/* SILK Patterns > Alert */
.Alert {
    border: 1px solid;
    border-radius: 0;
    font-size: 14px;
    padding: 15px 15px 15px 45px;
}

.Alert span.fa,
.Alert span[class*="lk"] {
    font-size: 18px;
    left: 15px;
    top: 15px;
}

.Alert.Info {
    background-color: #d9edf6;
    border-color: #002664;
    color: #002664;
}

.Alert.Info span.fa,
.Alert.Info span[class*="lk"] {
    color: #002664;
}

.Alert.Success {
    background-color: #daf2da;
    border-color: #76d174;
    color: #002664;
}

.Alert.Success span.fa,
.Alert.Success span[class*="lk"] {
    color: #76d174;
}

.Alert.Error {
    background-color: #fae6e7;
    border-color: #cb0003;
    color: #002664;
}

.Alert.Error span.fa,
.Alert.Error span[class*="lk"] {
    color: #cb0003;
}

.Alert.Warning {
    background-color: #feffb3;
    border-color: #ebac00;
    color: #002664;
}

.Alert.Warning span.fa,
.Alert.Warning span[class*="lk"] {
    color: #ebac00;
}

/* SILK Patterns > Balloon */
.Balloon {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 3px 0 rgba(212,212,212,.5);
            box-shadow: 0 1px 3px 0 rgba(212,212,212,.5);
    color: #333;
    font-size: 12px;
}

.Balloon_content {
    padding: 8px 10px;
}

.Balloon_footer {
    border-top: 1px solid #ccc;
    padding: 8px 10px;
}

/* SILK Patterns > BlankSlate */
.Blank {
    border: 0;
    border-radius: 3px;
}

.Blank_icon {
    color: #ccc;
    font-size: 115px;
}

.Slate_Warning .Blank,
.Slate_Success .Blank,
.Slate_Error .Blank ,
.Slate_Info .Blank {
    margin: 0 auto;
    max-width: 60%;
}

.ContentCentered .Slate_Warning .Blank,
.ContentCentered .Slate_Success .Blank,
.ContentCentered .Slate_Error .Blank ,
.ContentCentered .Slate_Info .Blank {
    max-width: 100%;
}

.Slate_Warning .Blank_icon { color: #ecad00; }
.Slate_Success .Blank_icon { color: #43c042; }
.Slate_Error .Blank_icon   { color: #cd0000; }
.Slate_Info .Blank_icon    { color: #002664; }

/* SILK Patterns > Box */
.Box,
.Section .Box {
    border-radius: 3px;
    padding: 25px 30px;
}

.phone .Box {
    padding: 10px;
}

.Box:first-child {
    margin-top: 0;
}

.Box .Columns:last-child .Column {
    margin-bottom: 0;
}

/* SILK Patterns > Bullets */
ol.List,
ul.List {
    list-style: none;
    margin: 10px 0 0;
    padding: 0;
}

ol.List li,
ul.List li {
    padding: 0 0 10px;
    position: relative;
}

ol.List li:before,
ul.List li:before {
    color: #002664;
    content: "•";
    font-size: 18px;
    left: -15px;
    position: absolute;
    top: -4px;
}

/* SILK Patterns > ButtonsArea */


/* SILK Patterns > Cards */
.Card {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 15px 25px;
}

.Card .Card_Title.Heading3 {
    color: #002664;
}

.CardLeftImage {
    padding: 10px;
}

.CardLeftImage .Right {
    padding: 10px;
}

.Card .Card_Title.Heading3,
.CardSimple .Card_Text,
.CardSimpleImage .Card_Image,
.CardSimpleImage .Card_Text,
.CardLeftImage .Right .Card_Title.Heading4 {
    margin-bottom: 15px;
}

.Card.CardBackground {
    color: #333;
    padding: 10px;
}

/* SILK Patterns > Carousel */
.owl-theme .owl-controls .owl-buttons div {
    background: transparent;
    color: #002664;
    font-size: 30px;
    opacity: 1;
}

.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    color: #edab00;
}

.owl-theme .owl-controls .owl-page span {
    background-color: #002664;
    opacity: 1;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    background-color: #edab00;
}

/* SILK Patterns > Info */


/* SILK Patterns > Modal */


.ModalContainer {
    border: 1px solid #ccc;
    border-radius: 3px 3px 0 0;
    text-align: left;
}

.ModalContainer .Heading1 {
    margin-bottom: 15px;
    text-align: center;
}

.ModalMessage {
    margin-bottom: 15px;
}

/* SILK Patterns > Panel */
.Panel {
    background-color: #fff;
    border: 0;
}

.Panel_header {
    background-color: #e5e9ef;
    border: 0;
    border-radius: 5px 5px 0 0;
    padding: 15px 20px 15px 30px;
}

.Panel__title.Heading3 {
    color: #002664;
    font-size: 24px;
}

.Panel_content {
    padding: 15px 20px 15px 30px;
}

.Panel_footer {
    border-top: 0;
    padding: 15px 20px 15px 30px;
}

/* SILK Patterns > Post */
.Post {
    margin-bottom: 20px;
}

.Post_content {
    padding-left: 20px;
}

.Post__date.Text_Note {
    color: #79868a;
    font-size: 10px;
}

.Post__label {
    color: #4d4d4d;
    font-size: 16px;
    font-weight: 400;
}

.Post__description {
    color: #aaa;
    font-size: 12px;
    margin-top: 0;
}

.TableRecords .Post {
    margin-bottom: 0;
}

.TableRecords .Post__date {
    display: none;
}

.TableRecords .Post_icon {
    width: 40px;
}

/* SILK Patterns > Section */
.Section_header {
    /*border-bottom: 1px solid #e1e1e1;*/
    border: 0;
    padding: 10px 0;
}

.Section__title.Heading2 {
    color: #002664;
}

.Section__actions {
    min-width: 105px;
}

.Section__actions a {
    float: right;
    margin-left: 30px;
    padding: 4px 0;
}

.Section__actions a:last-child,
.phone .Section__actions a:last-child{
    margin-left: 0;
}

.phone .Section__actions a{
    margin-left: 15px;
    max-width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}

.phone .Section__actions .IconLink .fa,
.phone .Section__actions .IconLink span[class*="lk"] {
    display: block;
    margin: 0 auto;
}

.Section_content {
    padding: 15px 0 0;
}

.Section_content:empty {
    display:none;
}

/* Anchors inside Section Header */
.Section_header.Anchors {
    background-color: #002663;
    padding: 24px 0;
}

.Section_header.Anchors a {
    color: #fff;
    font-size: 26px;
    font-weight: 700;
    line-height: 24px;
    text-align: center;
}

/* EditableSection */
.EditableSection:not(:first-child) {
    margin-top: 50px;
}

.EditableSection .Section_header {
    border-bottom: 2px solid #002664;
}

.EditableSection .Section_content {
    color: #002664;
    padding-top: 25px;
}

/* EditableSection: In Edit State */
.EditableSection.EditState .Section__title.Heading2 {
    color: #ecad00;
}
.EditableSection.EditState .Section_header {
    border-color: #ecad00;
}

/* SILK Patterns > Section Expandable */
.SectionExpandable {
    color: #002663;
    font-size: 16px;
}

.SectionExpandable_header {
    background: #002664;
    border: 0;
    padding: 12px 20px;
    position: relative;
}

.SectionExpandable__title.Heading2 {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
}

.SectionExpandable__title .ExpandableFilters .select2-container {
    min-width: 150px;
    text-align: left;
}

.SectionExpandable__icon.Heading2 {
    display: inline-block;
    font-family: inherit;
    height: 20px;
    line-height: 20px;
    position: absolute;
    right: 15px;
    width: 20px;
}

.SectionExpandable__icon.Heading2:before,
.SectionExpandable__icon.Heading2:after {
    background: #fff;
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    -webkit-transform-origin: center;
            -ms-transform-origin: center;
        transform-origin: center;
    -webkit-transition: transform .2s ease-in-out;
            -webkit-transition: -webkit-transform .2s ease-in-out;
            transition: -webkit-transform .2s ease-in-out;
            -o-transition: transform .2s ease-in-out;
            transition: transform .2s ease-in-out;
            transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
    width: 12px;
}

.SectionExpandable__icon.Heading2:after {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(90deg);
            -ms-transform: translateX(-50%) translateY(-50%) rotate(90deg);
        transform: translateX(-50%) translateY(-50%) rotate(90deg);
}

.SectionExpandable.expanded .SectionExpandable__icon.Heading2:before,
.SectionExpandable.expanded .SectionExpandable__icon.Heading2:after {
    background: #ecad00;
}

.SectionExpandable.expanded .SectionExpandable__icon.Heading2:after {
    -webkit-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
}

.SectionExpandable__icon.Heading2 .fa,
.SectionExpandable__icon.Heading2 span[class*="lk"] {
    display: none;
}

.SectionExpandable_content {
    padding: 0 20px;
}

.SectionExpandable.expanded .SectionExpandable_content {
    padding: 25px 20px;
}

/* platform columns responsive */
.phone .SectionExpandable__title .ThemeGrid_Width6 {
    display: block;
    width: auto;
}

/* SILK Patterns > Separator */
.Separator {
    border-bottom: 1px solid #ccc;
    margin: 20px 0;
}

/* SILK Patterns > Tooltip */
.tooltip_style {
    background-color: #002664 !important;
    border: 0;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 3px 0 rgba(212,212,212,.5);
            box-shadow: 0 1px 3px 0 rgba(212,212,212,.5);
    color: #fff;
    font-size: 12px;
}

.tooltip_style .tooltipster-content {
    font-size: 12px;
    padding: 8px 10px;
}

/*------------------------------------------------------------*/
/* SILK Patterns > Controls ***********************************/
/*------------------------------------------------------------*/

/* SILK Patterns > ButtonGroup */
.ButtonGroup_button.Button {
    background: #fff;
    border-color: #002664;
    color: #002664;
    font-size: 14px;
    min-width: 60px;
}

.ButtonGroup_button.Button * {
    color: #002664;
}

.desktop .ButtonGroup_button.Button:hover {
    background: #002664;
    border-color: #002664;
    color: #fff;
}

.desktop .ButtonGroup_button.Button:hover * {
    color: #fff;
}

.ButtonGroup_button.Button.active {
    background: #002664;
    border-color: #002664;
    color: #fff;
}

.ButtonGroup_button.Button.active * {
    color: #fff;
}

.ButtonGroup_button.Button.disabled,
.ButtonGroup_button.Button.disabled:hover {
    background: #ddd;
    border-color: #ddd;
    color: #fff;
    cursor: not-allowed;
}

/* Button Group Radius */
.ButtonGroup_button.Button:first-child {
    border-radius: 3px 0 0 3px;
}

.ButtonGroup_button.Button:last-child {
    border-radius: 0 3px 3px 0;
}

.phone .ButtonGroup_button.Button:first-child {
    border-radius: 3px 3px 0 0;
}

.phone .ButtonGroup_button.Button:last-child {
    border-radius: 0 0 3px 3px;
}

.phone .NoResponsive > .ButtonGroup .ButtonGroup_button.Button:first-child {
    border-radius: 3px 0 0 3px;
}

.phone .NoResponsive > .ButtonGroup .ButtonGroup_button.Button:last-child {
    border-radius: 0 3px 3px 0;
}

/* SILK Patterns > Calendar */
.pika-single {
    border-radius: 3px;
    color: #333;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
}

.pika-single,
.pika-label {
    background: #fff;
}

.pika-single,
.pika-title,
.pika-prev,
.pika-next,
.pika-lendar .Calendar-prevYear,
.pika-lendar .Calendar-nextYear,
.pika-table th {
    border-color: #ccc;
}

.pika-title .pika-label + .pika-label {
    font-weight: 400;
}

.pika-table th {
    color: #333;
    font-size: 14px;
    opacity: 1;
}

.pika-table th abbr {
    text-decoration: none;
}

.pika-button {
    border-color: #fff;
    color: #333;
    font-size: 14px;
    line-height: 40px;
}

.is-today .pika-button {
    background-color: #002664;
    color: #fff;
}

.pika-button:hover,
.is-selected .pika-button {
    background-color: #ecad00;
    color: #fff;
}

.is-disabled .pika-button {
    background-color: #ddd;
    color: #333;
    opacity: .3 !important;
}

.is-outside-current-month .pika-button {
    background-color: #f2f2f2;
    border-color: #f2f2f2;
    opacity: .5;
}

.has-event .pika-button:after {
    background-color: #ecad00;
}

.is-selected.has-event .pika-button:after,
.is-selected.is-today.has-event .pika-button:after {
    background-color: #fff;
}

.Calendar-bottomBar-today,
.triggerTime,
.triggerTimeBack {
    border: 0;
    border-top: 1px solid  #ccc;
    color: #333;
    opacity: 1;
}

.Calendar-day:hover,
.Calendar-bottomBar-today:hover,
.triggerTime:hover,
.triggerTimeBack:hover {
    background: #ecad00;
    color: #fff;
}

/* popup calendar */
.is-bound .pika-lendar {
    max-width: 280px;
}

.pika-single.is-bound .pika-button {
    line-height: 24px;
}

/* SILK Patterns > Dropdown */
.ButtonDropdown_button.Button,
.IconDropdown_button.Button {
    background: #fff;
    border-color: #002664;
    color: #002664;
    font-size: 14px;
    font-weight: 400;
    padding: 0 15px;
}

.desktop .ButtonDropdown_button.Button:hover,
.desktop .IconDropdown_button.Button:hover {
    background: #002664;
    border-color: #002664;
    color: #fff;
}

.ButtonDropdown_icon,
.IconDown {
    color: #002664;
    padding-left: 8px;
}

.desktop .ButtonDropdown_button.Button:hover .ButtonDropdown_icon,
.desktop .IconDropdown_button.Button:hover .IconDown {
    color: #fff;
}

.DropdownMenu {
    border: 1px solid #ccc;
    border-radius: 3px;
    -webkit-box-shadow: 1px 1px 3px #c6c6c6;
            box-shadow: 1px 1px 3px #c6c6c6;
}

.DropdownMenu .PH > a {
    color: #002664;
    line-height: 1.2;
    padding: 10px 15px;
}

.desktop .DropdownMenu .PH > a:hover {
    background: #002664;
    color: #fff;
}

/* SILK Patterns > FileUpload */
.FileUpload {
    background: #eee;
    border-radius: 3px;
    color: #333;
    padding: 10px 25px;
}

.FileUpload_Button,
.FileUpload_Label {
    line-height: 40px;
    vertical-align: middle;
}

.FileUpload_Label {
    padding: 0 25px;
}

.FileUpload.active .FileUpload_Label {
    color: #333;
}

/* SILK Patterns > InputWithIcons */
.InputWithIcons input[type="text"],
.InputWithIcons input[type="password"],
.InputWithIcons input[type="datetime"],
.InputWithIcons input[type="datetime-local"],
.InputWithIcons input[type="date"],
.InputWithIcons input[type="month"],
.InputWithIcons input[type="time"],
.InputWithIcons input[type="week"],
.InputWithIcons input[type="number"],
.InputWithIcons input[type="email"],
.InputWithIcons input[type="url"],
.InputWithIcons input[type="search"],
.InputWithIcons input[type="tel"],
.InputWithIcons input[type="color"] {
    padding-left: 40px;
    padding-right: 15px;
}

.InputWithIcons.Right input[type="text"],
.InputWithIcons.Right input[type="password"],
.InputWithIcons.Right input[type="datetime"],
.InputWithIcons.Right input[type="datetime-local"],
.InputWithIcons.Right input[type="date"],
.InputWithIcons.Right input[type="month"],
.InputWithIcons.Right input[type="time"],
.InputWithIcons.Right input[type="week"],
.InputWithIcons.Right input[type="number"],
.InputWithIcons.Right input[type="email"],
.InputWithIcons.Right input[type="url"],
.InputWithIcons.Right input[type="search"],
.InputWithIcons.Right input[type="tel"],
.InputWithIcons.Right input[type="color"],
.InputWithIcons .InputIcon.Right input[type="text"],
.InputWithIcons .InputIcon.Right input[type="password"],
.InputWithIcons .InputIcon.Right input[type="datetime"],
.InputWithIcons .InputIcon.Right input[type="datetime-local"],
.InputWithIcons .InputIcon.Right input[type="date"],
.InputWithIcons .InputIcon.Right input[type="month"],
.InputWithIcons .InputIcon.Right input[type="time"],
.InputWithIcons .InputIcon.Right input[type="week"],
.InputWithIcons .InputIcon.Right input[type="number"],
.InputWithIcons .InputIcon.Right input[type="email"],
.InputWithIcons .InputIcon.Right input[type="url"],
.InputWithIcons .InputIcon.Right input[type="search"],
.InputWithIcons .InputIcon.Right input[type="tel"],
.InputWithIcons .InputIcon.Right input[type="color"] {
    padding-left: 15px;
    padding-right: 40px;
}

.InputWithIcons .InputIcon {
    background: transparent;
    border-radius: 3px 0 0 3px;
    color: #002664;
    font-size: 24px;
    height: 42px;
    line-height: 42px;
    padding: 0;
    text-align: center;
    width: 42px;
}

.InputWithIcons.Right .InputIcon,
.InputWithIcons .InputIcon.Right {
    border-radius: 0 3px 3px 0;
    left: auto;
    right: 1px;
}

.tablet .InputWithIcons .InputIcon,
.phone .InputWithIcons .InputIcon {
    height: 42px;
    line-height: 42px;
}

.InputWithIcons .InputIcon a,
.InputWithIcons .InputIcon .Link{
    pointer-events: all;   
}

/* SILK Patterns > RangeSlider */
.SliderRange {
    background: #dadbde;
    border: 0;
    border-radius: 25px;
    -webkit-box-shadow: none;
            box-shadow: none;
    height: 16px;
}

/* Range: Bar ********* */
.SliderRange .noUi-origin {
    background: #dadbde;
    border-radius: 0 25px 25px 0;
    height: 100%;
}

.SliderRange .noUi-base {
    background: #002664;
    border-radius: 25px;
}

.SliderRange .noUi-origin.noUi-connect {
    background: #002664;
}

.noui-interval .SliderRange .noUi-base {
    background: #dadbde;
}

/* Range: Handle ********* */
.SliderRange.noUi-horizontal .noUi-handle {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    -webkit-box-shadow: none;
            box-shadow: none;
    height: 30px;
    left: 0;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    width: 30px;
}

.SliderRange.noUi-horizontal .noUi-handle:before {
    border-color: #ccc;
    height: 12px;
    left: 7px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
        transform: translateY(-50%);
}

.SliderRange.noUi-horizontal .noUi-handle:after {
    border-color: #ccc;
    height: 12px;
    left: 12px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    width: 4px;
}

.SliderRange .noUi-handle.noUi-active {
    background: #eee;
}

.Slider_minvalue,
.Slider_maxvalue,
.Slider_currentvalue,
.Slider_currentvalue2 {
    color: #333;
}

/* SILK Patterns > Search */
.Search_wrapper input[type="text"] {
    background: transparent;
    border: 0;
    border-bottom: 2px solid #ccc;
    border-radius: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    height: 40px;
    line-height: 40px;
}

.Search_wrapper:after {
    color: #ccc;
    font-size: 14px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
        transform: translateY(-50%);
}

/* SILK Patterns > Select2 */
.select2-container .select2-choice {
    background: #fff;
    border: 1px solid #fff;
    border-radius: 3px;
    -webkit-box-shadow: none;
            box-shadow: none;
    font-size: 14px;
    font-weight: 400;
    height: 44px;
    line-height: 44px;
}

.select2-container .select2-choice span {
    color: #002664;
}

.select2-container .select2-choice .select2-arrow,
.select2-container .select2-choice div {
    background: transparent;
    border: 0;
    line-height: 36px;
    width: 30px;
}

.select2-container .select2-choice .select2-arrow b,
.select2-container .select2-choice div b {
    display: none;
}

.select2-container .select2-choice .select2-arrow:before {
    color: #002664;
    content: "\f0d7";
    display: block;
    font-family: FontAwesome;
    font-size: 18px;
    height: 42px;
    line-height: 44px;
    text-align: center;
    width: 30px;
}

.select2-container.select2-container-active .select2-choice .select2-arrow:before {
    color: #002664;
}

.select2-drop {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
            box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    padding: 0;
}

.select2-search {
    display: none; /*  remove this line if you want to have the search back */
    padding: 5px 5px 0;
    position: relative;
}

.select2-search.active {
    display: block; 
    padding: 5px;
    position: relative;
}

.select2-search.active input:focus{    
    border: 1px solid #ccc !important;
}

.select2-search input {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 0;
    font-size: 14px;
    height: 30px !important;
    line-height: 30px;
    padding: 0 10px 0 32px;
}

.select2-search input:focus {
    border: 0 !important;
}

.select2-search:after {
    color: #ccc;
    content: "\f002";
    font-family: FontAwesome;
    font-size: 12px;
    left: 12px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
        transform: translateY(-50%);
}

.select2-results {
    margin: 0;
    padding: 5px;
}

.select2-results::-webkit-scrollbar {
    width: 8px;
}

.select2-results::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px #002664;
            box-shadow: inset 0 0 5px #002664; 
    border-radius: 10px;
}
 
.select2-results::-webkit-scrollbar-thumb {
    background: #002664; 
    border-radius: 10px;
}

.select2-results::-webkit-scrollbar-thumb:hover {
    background: #ecad00; 
}

.select2-results li {
    color: #002664;
    padding: 8px 15px;
    font-size: 0.9em;
}

.select2-results .select2-result-unselectable {
    display: none;
}

.select2-results .select2-result-label {
    line-height: 1.2;
    min-height: initial;
    padding: 0;
}

.select2-results .select2-highlighted {
    background-color: #002664;
    color: #fff;
}

/* Multi Select */
.select2-container-multi .select2-choices {
    background: #fff;
    border: 1px solid #fff;
    border-radius: 3px;
    padding: 6px 10px 6px;
}

.select2-container-multi .select2-choices .select2-search-choice {
    background-color: #002664;
    border: 0;
    border-radius: 3px;
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    margin: 6px 10px 6px 0;
    padding: 0 8px 0 20px;
}

.select2-container-multi .select2-search-choice-close {
    background: transparent;
    height: 10px;
    left: 6px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    width: 10px;
}

.select2-container-multi .select2-search-choice-close:before {
    color: #fff;
    content: "\f00d";
    font-family: FontAwesome;
    font-size: 12px;
    left: 0;
    line-height: 10px;
    position: absolute;
    top: 0;
}

/* SILK Patterns > ToggleButton */
.ToggleButton {
    background: #ccc;
    border: 0;
    border-radius: 40px;
}

.ToggleButton.changed {
    background: #002664;
    border-color: #002664;
}

.ToggleButton_label:after {
    border: 1px solid #ccc;
    border-radius: 20px;
}

.ToggleButton_label.changed:after {
    border-color: #002664;
    border-radius: 20px;
}

/*------------------------------------------------------------*/
/* SILK Patterns > Data ***************************************/
/*------------------------------------------------------------*/

/* SILK Patterns > Badge */
.Badge {
    font-size: 10px;
}

/* SILK Patterns > Counters */
.Counter {
    border-radius: 3px;
}

/* Counter: Small ******** */




/* Counter: Medium ******** */




/* Counter: Large ******** */




/* SILK Patterns > IconBadge */
.IconBadge_number {
    background: #002664;
}

/* SILK Patterns > Progress Bar */
.Progress {
    background-color: #dadbde;
    border-radius: 40px;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.Progress_bar {
    border-radius: 40px;
}

.Progress.Small {
    height: 4px;
}

/* SILK Patterns > Tiles */
.Tile {
    border-radius: 3px;
}

/* Tile: Small ******** */
.Tile.Small,
.Tile.Small .TileIcon_icon,
.Tile.Small .TileIconText_icon,
.Tile.Small .TileNumber_number {
    font-size: 32px;
}

.Tile.Small .TileIcon_text,
.Tile.Small .TileIconText_right,
.Tile.Small .TileNumber_text {
    font-size: 16px;
}

/* Tile: Medium ******** */
.Tile,
.Tile.Medium {
    min-height: 150px;
}

.TileIcon_icon,
.TileIconText_icon,
.TileNumber_number,
.Tile.Medium .TileIcon_icon,
.Tile.Medium .TileIconText_icon,
.Tile.Medium .TileNumber_number {
    font-size: 60px;
}

.TileIcon_text,
.TileIconText_right,
.TileNumber_text,
.Tile.Medium .TileIcon_text,
.Tile.Medium .TileIconText_right,
.Tile.Medium .TileNumber_text {
    font-size: 20px;
}

/* Tile: Large ******** */
.Tile.Large {
    min-height: 220px;
}

.Tile.Large .TileIcon_icon,
.Tile.Large .TileIconText_icon,
.Tile.Large .TileNumber_number {
    font-size: 88px;
}

.Tile.Large .TileIcon_text,
.Tile.Large .TileIconText_right,
.Tile.Large .TileNumber_text {
    font-size: 28px;
}

/* SILK Patterns > User Initials */
.UserInitials,
.UserInitials.Small {
    line-height: 22px;
    position: relative;
}

.UserInitials span,
.UserInitials.Small span {
    font-size: 10px;
    left: 0;
    line-height: 1;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
        transform: translateY(-50%);
}

/* UserInitials: Medium ******** */
.UserInitials.Medium {
    line-height: 40px;
}

.UserInitials.Medium span {
    font-size: 16px;
    line-height: 1;
}

/* UserInitials: Large ******** */
.UserInitials.Large {
    line-height: 80px;
}

.UserInitials.Large span {
    font-size: 36px;
    line-height: 1;
}

/*------------------------------------------------------------*/
/* SILK Patterns > Layout *************************************/
/*------------------------------------------------------------*/

/* SILK Patterns > Layout Popup */
.MainPopup {
    background: #fff;
    padding: 30px 25px;
}

.phone .MainPopup {
    padding: 20px 0;
}

/*------------------------------------------------------------*/
/* SILK Patterns > Navigation *********************************/
/*------------------------------------------------------------*/

/* SILK Patterns > Breadcrumbs */
.Breadcrumbs {
    color: #ecad00;
    font-size: 12px;
}
.Breadcrumbs a,
.Breadcrumbs a:link,
.Breadcrumbs a:visited {
    color: #fff;
}

.desktop .Breadcrumbs a:hover,
.desktop .Breadcrumbs a:link:hover,
.desktop .Breadcrumbs a:visited:hover {
    color: #ecad00;
}

.Breadcrumbs .fa,
.Breadcrumbs span[class*="lk"]  {
    color: #fff;
    margin: 0;
}

/* SILK Patterns > NavigationBar */
.NavigationBar a,
.NavigationBar a:link,
.NavigationBar a:visited {
    color: #ccc;
    font-size: 14px;
    font-weight: 400;
    margin: 0 2px 0 0;
    padding: 10px 25px;
}

/* Small Triangle */
.NavigationBar a.Active:not(.ie7):before,
.NavigationBar a.Active:not(.ie8):before {
    border-bottom-color: #002664;
    bottom: 2px;
}

.NavigationBar a:after,
.NavigationBar a:link:after {
    background: #ccc;
    height: 2px;
}

.NavigationBar a.Active {
    color: #002664;
}

.NavigationBar a.Active:after {
    background-color: #002664;
}

.desktop .NavigationBar a:hover,
.desktop .NavigationBar a:link:hover {
    color: #002664;
}

.desktop .NavigationBar a:hover:after,
.desktop .NavigationBar a:link:hover:after {
    background: #002664;
}

/* SILK Patterns > SectionIndex */
.SectionIndex a,
.SectionIndex a:link,
.SectionIndex a:visited {
    border: 0;
    color: #002664;
    font-family: Rokkitt, Ubuntu, Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 5px;
    padding: 6px 0;
}

.SectionIndex a.active,
.SectionIndex a:hover,
.SectionIndex.vertical a.active,
.SectionIndex.vertical  a:hover {
    color: #ecad00;
}

/* SILK Patterns > Tabs */
.Tabs {
    background: #fff;
    overflow: hidden;
}

.Tabs_header {
    background: #fff;
}

.Tabs__tab {
    background: #fff;
    border: 0;
    border-bottom: 2px solid #ccc;
    color: #333;
    font-size: 14px;
    font-weight: 400;
    padding: 15px 25px;
}

.Tabs__tab:hover,
.Tabs__tab.active {
    background: #002664;
    border-bottom: 2px solid #002664;
    color: #fff;
}

.Tabs_body {
    padding: 20px;
}

/* SILK Patterns > Wizard */
.WizardParent {
    border: 1px solid #ccc;
    font-size: 14px;
}

.WizardStep {
    background: #fff;
}

.WizardStep a,
.WizardStep a:link,
.WizardStep a:visited {
    color: #333;
    font-weight: 700;
}

.WizardStep:before {
    border-bottom-color: #fff;
    border-top-color: #fff;
}

.WizardStep.Past {
    background: #ecad00;
}

.WizardStep.Past a,
.WizardStep.Past a:link,
.WizardStep.Past a:visited {
    color: #fff;
    font-weight: 700;
}

.WizardStep.Past:before {
    border-bottom-color: #ecad00;
    border-top-color: #ecad00;
}

.WizardStep.ActiveStep {
    background: #002664;
}

.WizardStep.ActiveStep a,
.WizardStep.ActiveStep a:link,
.WizardStep.ActiveStep a:visited {
    color: #fff;
    font-weight: 700;
}

.WizardStep.ActiveStep:before {
    border-bottom-color: #002664;
    border-top-color: #002664;
}

.WizardStep:after {
    border-right-color: #ccc;
    border-top-color: #ccc;
}

/*------------------------------------------------------------*/
/* SILK Patterns > Structure **********************************/
/*------------------------------------------------------------*/

/* SILK Patterns > Columns */
.Columns2,
.Columns3,
.Columns4,
.Columns5,
.Columns6,
.MediumLeftColumns,
.MediumRightColumns,
.SmallLeftColumns,
.SmallRightColumns {
    margin: 0 -20px;
    width: auto;
}

.Columns2 > .Column,
.Columns3 > .Column,
.Columns4 > .Column,
.Columns5 > .Column,
.Columns6 > .Column,
.MediumLeftColumns > .Column,
.MediumRightColumns > .Column,
.SmallLeftColumns > .Column,
.SmallRightColumns > .Column {
    padding: 0 20px !important; /* to ensure gutter of the columns */
}

.Columns2.NoGutter,
.Columns3.NoGutter,
.Columns4.NoGutter,
.Columns5.NoGutter,
.Columns6.NoGutter,
.MediumLeftColumns.NoGutter,
.MediumRightColumns.NoGutter,
.SmallLeftColumns.NoGutter,
.SmallRightColumns.NoGutter {
    margin: 0 !important;
}

.desktop .Columns.MarginBottom {
    margin-bottom: 0;
}

.Column.empty {
    display: none;
}

/* SILK Patterns > Gallery */
.Gallery .GalleryWrapper {
    margin-bottom: -40px;
    margin-left: -40px;
    
}

.Gallery_WithoutMargin .Gallery .GalleryWrapper {
    margin-bottom: 0;    
}

.Gallery .GalleryItem {
    margin-bottom: 40px;
    padding-left: 40px;
}

.Gallery_WithoutMargin .Gallery .GalleryItem {
    margin-bottom: 0;
}

/*------------------------------------*\
      $8. Usefull Classes
\*------------------------------------*/

/*------------------------------------------------------------*/
/* 8.1 Usefull Classes > Text Classes *************************/
/*------------------------------------------------------------*/

.Heading1 {font-size:32px;font-weight:700;line-height:44px;}
.Heading2 {font-size:28px;font-weight:700;line-height:32px;}
.Heading3 {font-size:24px;font-weight:700;line-height:26px;}
.Heading4 {font-size:14px;font-weight:700;line-height:20px;}

.phone .Heading1 {font-size:28px;line-height:40px;}
.phone .Heading2 {font-size:24px;line-height:28px;}
.phone .Heading3 {font-size:20px;line-height:22px;}
.phone .Heading4 {font-size:10px;line-height:16px;}

.TextSmall  { font-size: 12px; line-height: 22px; }
.TextMedium { font-size: 18px; line-height: 28px; }
.TextLarge  { font-size: 22px; line-height: 34px; }

.Text_Error {
    color: #cd0000;
}

.Note {
    color: #ccc;
}

.Text_Note {
    color: #ccc;
    font-size: 12px;
}

.Label {
    border-radius: 10px;
    font-size: 12px;
    padding: 2px 5px;
}

.Text_capitalize {
    text-transform: capitalize;
}

/*------------------------------------------------------------*/
/* 8.2 Usefull Classes > Buttons ******************************/
/*------------------------------------------------------------*/

.Button,
a.Button {
    background: #002664;
    border: 1px solid #002664;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    height: 44px;
    line-height: 42px;
    min-width: 100px;
    position: relative;
    white-space: nowrap;
    -webkit-transition: all 100ms ease;
            -o-transition: all 100ms ease;
            transition: all 100ms ease;
}

input.Button {
    height: 44px;
    line-height: 42px;
}

.desktop .Button:hover,
.desktop a.Button:hover {
    background-color: #002664;
    border-color: #002664;
    color: #fff;
}

.Button:hover:active,
a.Button:hover:active {
    background-color: #002664;
    border-color: #002664;
    color: #fff;
}

/* Usefull Classes > Default Action Button */
.Button.ButtonDefault,
.Button.Is_Default {
    background-color: #ecad00;
    border-color: #ecad00;
    color: #fff;
}

.desktop .Button.ButtonDefault:hover,
.desktop .Button.Is_Default:hover {
    background-color: #ecad00;
    border-color: #ecad00;
    color: #fff;
}

.desktop .Button.ButtonDefault:hover:active,
.desktop .Button.Is_Default:hover:active {
    background-color: #ecad00;
    border-color: #ecad00;
    color: #fff;
}

.Button.ButtonDefault.reb,
.Button.Is_Default.reb {
    background-color: #C21B17;
    border-color: #C21B17;
    color: #fff;
}

.desktop .Button.ButtonDefault.reb:hover,
.desktop .Button.Is_Default.reb:hover {
    background-color: #C21B17;
    border-color: #C21B17;
    color: #fff;
}

.desktop .Button.ButtonDefault.reb:hover:active,
.desktop .Button.Is_Default.reb:hover:active {
    background-color: #C21B17;
    border-color: #C21B17;
    color: #fff;
}

.Button.reb,
a.Button.reb{
    border-color: #C21B17;
    color: #C21B17;
    background-color: white;
    text-transform: uppercase;
}

/* Scaffolding buttons */
a.ActionAdd,
a.ActionAdd:link,
a.ActionAdd:visited,
a.ActionEdit,
a.ActionEdit:link,
a.ActionEdit:visited,
a.ActionDelete,
a.ActionDelete:link,
a.ActionDelete:visited,
a.ActionChange,
a.ActionChange:link,
a.ActionChange:visited {
    background-color: #ecad00;
    border: 1px solid #ecad00;
    border-radius: 3px;
    -webkit-box-shadow: none;
            box-shadow: none;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    height: 44px;
    line-height: 42px;
    min-width: 100px;
    padding: 0 25px;
    text-align: center;
    -webkit-transition: all 100ms ease;
            -o-transition: all 100ms ease;
            transition: all 100ms ease;
}

.desktop a.ActionAdd:hover,
.desktop a.ActionAdd:hover:visited,
.desktop a.ActionAdd:link:hover,
.desktop a.ActionEdit:hover,
.desktop a.ActionEdit:link:hover,
.desktop a.ActionEdit:link:visited,
.desktop a.ActionDelete:hover,
.desktop a.ActionDelete:hover:visited,
.desktop a.ActionDelete:link:hover,
.desktop a.ActionChange:hover,
.desktop a.ActionChange:hover:visited,
.desktop a.ActionChange:link:hover {
    background-color: #ecad00;
    border-color: #ecad00;
    color: #fff;
}

.desktop a.ActionAdd:hover:active,
.desktop a.ActionEdit:hover:active,
.desktop a.ActionDelete:hover:active,
.desktop a.ActionChange:hover:active {
    background-color: #ecad00;
    border-color: #ecad00;
    color: #fff;
}

/* Usefull Classes > Other buttons */
.Button.Cancel {
    background-color: #fff;
    border-color: #fff;
    color: #002664;
}

.desktop .Button.Cancel:hover {
    background-color: #fff;
    border-color: #fff;
    color: #002664;
}

.Button.Cancel:hover:active {
    background-color: #fff;
    border-color: #fff;
    color: #002664;
}

.Button.Success {
    background-color: #43c042;
    border-color: #43c042;
    color: #fff;
}

.desktop .Button.Success:hover {
    background-color: #43c042;
    border-color: #43c042;
    color: #fff;
}

.Button.Success:hover:active {
    background-color: #43c042;
    border-color: #43c042;
    color: #fff;
}

.Button.Danger,
a.ActionDelete {
    background-color: #cd0000;
    border-color: #cd0000;
    color: #fff;
}

.desktop .Button.Danger:hover {
    background-color: #cd0000;
    border-color: #cd0000;
    color: #fff;
}

.Button.Danger:hover:active {
    background-color: #cd0000;
    border-color: #cd0000;
    color: #fff;
}

.Button.Link {
    background-color: #fff;
    border-color: #002664;
    color: #002664;
}

.desktop .Button.Link:hover {
    background-color: #fff;
    border-color: #002664;
    color: #002664;
}

a.Button.Link:active,
.Button.Link:active {
    background-color: #fff;
    border-color: #002664;
    color: #002664;
}

.Button.Facebook {
    background-color: #3f5798;
    border-color: #3f5798;
    color: #fff;
}

.desktop .Button.Facebook:hover,
.Button.Facebook:hover:active {
    background-color: #3f5798;
    border-color: #3f5798;
    color: #fff;
}

.Button.Google {
    background-color: #ce3a2c;
    border-color: #ce3a2c;
    color: #fff;
}

.desktop .Button.Google:hover,
.Button.Google:hover:active  {
    background-color: #ce3a2c;
    border-color: #ce3a2c;
    color: #fff;
}

.tablet .Button.Facebook,
.tablet .Button.Google,
.phone .Button.Facebook,
.phone .Button.Google{
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox; 
    display: -webkit-flex;
    display: flex;   
    height: inherit;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    line-height: inherit;
    min-height: 44px;
    padding: 5px 40px;
    white-space: normal;
}

.Button.Facebook:before,
.Button.Google:before {
    content: "\f09a";
    font-family: FontAwesome;
    font-size: 18px;
    left: 20px;
    line-height: 48px;
    position: absolute;
    top: 0;
}

.Button.Google:before {
    content: "\f1a0";
}

.Button.Small,
.Panel__actions .Button,
.Section__actions .Button {
    font-size: 14px;
    height: 30px;
    line-height: 28px;
    min-width: 60px;
    padding: 0 10px;
}

.Button.Icon {
    min-width: 0;
}

.Button.Icon span.fa,
.Button.Icon span[class*="lk"] {
    margin: 0;
}

.Button.Loading:before,
.Button.Loading[disabled]:before,
.Button.Loading:disabled:before {
    background-image: url(/WebPatterns/img/loading_lisbon_white.gif?1391);
    background-size: 16px 16px;
    content: '';
    display: inline-block;
    height: 16px;
    margin-right: 5px;
    margin-top: -2px;
    vertical-align: middle;
    width: 16px;
}

.Button.Is_Default.Loading:before,
.Button.Is_Default.Loading[disabled]:before,
.Button.Is_Default.Loading:disabled:before,
.Button.ButtonDefault.Loading:before,
.Button.ButtonDefault.Loading[disabled]:before,
.Button.ButtonDefault.Loading:disabled:before {
    background-image: url(/WebPatterns/img/loading_lisbon_white.gif?1391);
}

.Button.Small.Loading:before {
    margin-top: 4px;
}

.Button.Loading.Icon:before {
    margin-right: 0;
}

.Button.Loading span.fa,
.Button.Loading span[class*="lk"] {
    display: none;
}

/* Disabled Buttons */
.Button[disabled],
.Button:disabled,
.Button.Is_Default[disabled],
.Button.ButtonDefault[disabled],
.Button.Is_Default:disabled,
.Button.ButtonDefault:disabled,
.Button.Danger[disabled],
.Button.Danger:disabled,
.Button.Success[disabled],
.Button.Success:disabled,
.Button.Cancel[disabled],
.Button.Cancel:disabled {
    background: #dddddd;
    border: 1px solid #dddddd;
    color: #333333;
    cursor: not-allowed;
}

.Button.Link[disabled],
.Button.Link:disabled {
    background: transparent;
    border-color: transparent;
    color: #dddddd;
}

.desktop .Button.Is_Default[disabled]:hover,
.desktop .Button.Is_Default:disabled:hover,
.desktop .Button[disabled]:hover,
.desktop .Button:disabled:hover,
.desktop .Button.Cancel[disabled]:hover,
.desktop .Button.Cancel:disabled:hover,
.desktop .Button.Danger[disabled]:hover,
.desktop .Button.Danger:disabled:hover,
.desktop .Button.Success[disabled]:hover,
.desktop .Button.Success:disabled:hover {
    background: #dddddd;
    border: 1px solid #dddddd;
    color: #333333;
    cursor: not-allowed;
}

.phone .Button,
.tablet .Button,
.phone a.Button,
.tablet a.Button {
    height: 44px;
    line-height: 42px;
}

/* Special Links (not button) */
.IconLink .fa,
.IconLink span[class*="lk"] {
    background: #fff;
    border: 1px solid #002664;
    border-radius: 50%;
    color: #002664;
    height: 30px;
    line-height: 28px;
    margin: 0 10px 0 0;
    vertical-align: baseline;
    width: 30px;
}

.IconLink.Is_Default .fa,
.IconLink.Is_Default span[class*="lk"] {
    background: #ecad00;
    border-color: #ecad00;
    color: #fff;
}

.IconLink.Delete .fa,
.IconLink.Delete span[class*="lk"] {
    background: #d01a1a;
    border-color: #d01a1a;
    color: #fff;
}

.IconLink.Inactive {
    color: #e1e1e1;
}

.IconLink.Inactive .fa,
.IconLink.Inactive span[class*="lk"] {
    background: #e1e1e1;
    border-color: #e1e1e1;
    color: #fff;
}


.IconLink.LabelBottom .fa,
.IconLink.LabelBottom span[class*="lk"] {
    display: block;
    margin: 0 auto;
}

/*------------------------------------------------------------*/
/* 8.3 Usefull Classes > Background Colors ********************/
/*------------------------------------------------------------*/

.Black      {background-color: #131819;color: #fff}
.Blue       {background-color: #0074c1;color: #fff}
.DarkBlue   {background-color: #002664;color: #fff}
.DarkPlum   {background-color: #970263;color: #fff}
.DarkRed    {background-color: #b10000;color: #fff}
.Gray       {background-color: #79868a;color: #fff}
.Green      {background-color: #388e3c;color: #fff}
.LightGreen {background-color: #64be68;color: #fff}
.Orange     {background-color: #da6802;color: #fff}
.Plum       {background-color: #c32b87;color: #fff}
.Red        {background-color: #d01a1a;color: #fff}
.Silver     {background-color: #F2F2F2;color: #4D4D4D}
.Turquoise  {background-color: #00b0c1;color: #fff}
.White      {background-color: #fff;color: #131819}
.Yellow     {background-color: #ecad00;color: #fff}

/*------------------------------------------------------------*/
/* 8.4 Usefull Classes > Text Colors **************************/
/*------------------------------------------------------------*/

.Page .Text_black       {color: #131819}
.Page .Text_blue        {color: #0074c1}
.Page .Text_darkblue    {color: #002664}
.Page .Text_darkplum    {color: #970263}
.Page .Text_darkRed     {color: #b10000}
.Page .Text_gray        {color: #79868a}
.Page .Text_green       {color: #388e3c}
.Page .Text_lightGreen  {color: #64be68}
.Page .Text_orange      {color: #da6802}
.Page .Text_plum        {color: #c32b87}
.Page .Text_red         {color: #d01a1a}
.Page .Text_silver      {color: #F2F2F2}
.Page .Text_turquoise   {color: #00b0c1}
.Page .Text_white       {color: #fff}
.Page .Text_yellow      {color: #ecad00}

/* UserInitials: Colors */
.UserInitials.Black      {background: transparent; border: 2px solid #131819;color: #131819}
.UserInitials.Blue       {background: transparent; border: 2px solid #0074c1;color: #0074c1}
.UserInitials.DarkBlue   {background: transparent; border: 2px solid #002664;color: #002664}
.UserInitials.DarkPlum   {background: transparent; border: 2px solid #970263;color: #970263}
.UserInitials.DarkRed    {background: transparent; border: 2px solid #b10000;color: #b10000}
.UserInitials.Gray       {background: transparent; border: 2px solid #79868a;color: #79868a}
.UserInitials.Green      {background: transparent; border: 2px solid #388e3c;color: #388e3c}
.UserInitials.LightGreen {background: transparent; border: 2px solid #64be68;color: #64be68}
.UserInitials.Orange     {background: transparent; border: 2px solid #da6802;color: #da6802}
.UserInitials.Plum       {background: transparent; border: 2px solid #c32b87;color: #c32b87}
.UserInitials.Red        {background: transparent; border: 2px solid #d01a1a;color: #d01a1a}
.UserInitials.Silver     {background: transparent; border: 2px solid #e7e7e7;color: #e7e7e7}
.UserInitials.Turquoise  {background: transparent; border: 2px solid #00b0c1;color: #00b0c1}
.UserInitials.White      {background: transparent; border: 2px solid #fff;color: #fff}
.UserInitials.Yellow     {background: transparent; border: 2px solid #ecad00;color: #ecad00}

/* hover on links inside yellow background */
.Yellow a,
.Yellow a:link,
.Yellow a:visited {
    color: #002664;
}

.desktop .Yellow a:hover,
.desktop .Yellow a:link:hover,
.desktop .Yellow a:visited:hover {
    color: #fff;
}

/* hover on links inside yellow dark blue background */
.DarkBlue a,
.DarkBlue a:link,
.DarkBlue a:visited {
    color: #eee;
}

.desktop .DarkBlue a:hover,
.desktop .DarkBlue a:link:hover,
.desktop .DarkBlue a:visited:hover {
    color: #fff;
}

/*------------------------------------*\
      $9. Lion King Patterns
\*------------------------------------*/

/* Social Links */
.Social_Links a,
.Social_Links a:link,
.Social_Links a:visited {
    background: #002663;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 22px;
    height: 38px;
    line-height: 38px;
    margin-bottom: 20px;
    margin-right: 20px;
    text-align: center;
    width: 38px;
}

.Social_Links .fa,
.Social_Links span[class*="lk"] {
    width: auto;
}

.Social_Links a.Facebook,
.Social_Links a.Facebook:link,
.Social_Links a.Facebook:visited {
    background: #406ab0;
}

.desktop .Social_Links a.Facebook:hover {
    background: #fff;
    color: #406ab0;
}

.Social_Links a.Tweeter,
.Social_Links a.Tweeter:link,
.Social_Links a.Tweeter:visited {
    background: #1fa5ef;
}

.desktop .Social_Links a.Tweeter:hover {
    background: #fff;
    color: #1fa5ef;
}

.Social_Links a.Linkedin,
.Social_Links a.Linkedin:link,
.Social_Links a.Linkedin:visited {
    background: #097ab4;
}

.desktop .Social_Links a.Linkedin:hover {
    background: #fff;
    color: #097ab4;
}

.Social_Links a.GooglePlus,
.Social_Links a.GooglePlus:link,
.Social_Links a.GooglePlus:visited {
    background: #db4a39;
}

.desktop .Social_Links a.GooglePlus:hover {
    background: #fff;
    color: #db4a39;
}

.Social_Links a.Mail,
.Social_Links a.Mail:link,
.Social_Links a.Mail:visited {
    background: #b4b4b4;
}

.desktop .Social_Links a.Mail:hover {
    background: #fff;
    color: #b4b4b4;
}

.Footer .Social_Links a {
    font-size: 26px;
    height: 46px;
    line-height: 48px;
    width: 46px;
}

.AgentCarStruct__Social .Social_Links a {
    font-size: 18px;
    height: 32px;
    line-height: 32px;
    margin-right: 10px;
    width: 32px;
}

/* ---------- Select2 Extension: InlineSelect ---------- */
/* ----- Used for example in Home banner --------------- */
/* ----------------------------------------------------- */
.InlineSelect.select2-container {
    vertical-align: middle;
}

.InlineSelect.select2-container .select2-choice {
    background: transparent;
    border: 0;
    border-bottom: 4px solid #ecac00;
    border-radius: 0;
    font-size: 60px;
    font-weight: 700;
    height: auto;
    line-height: inherit;
    margin-right: 50px;
    overflow: visible;
    padding: 0;
}

.InlineSelect.select2-container .select2-choice > .select2-chosen {
    color: #ecac00;
    font-family: Rokkitt, Ubuntu, Arial, Helvetica, sans-serif;
    margin: 0;
    text-shadow: -7px 7px 18px rgba(0,0,0,.3);
}

.InlineSelect.select2-container .select2-choice .select2-arrow,
.InlineSelect.select2-container .select2-choice div {
    position: absolute;
    right: -50px;
    top: 0;
    width: 40px;
}

.InlineSelect.select2-container .select2-choice .select2-arrow:before {
    color: #ecac00;
    content: "\f107";
    font-size: 50px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    width: 40px;
}

.InlineSelect.select2-container.select2-container-active .select2-choice .select2-arrow:before {
    color: #ecac00;
}

/* ---------- Lion King Patterns > Agent_CarouselStructure ---------- */
.AgentCarStruct {
    display: table;
    position: relative;
    width: 100%;
}

.AgentCarStruct_AgentPhoto {
    display: table-cell;
    vertical-align: middle;
    width: 25%;
}

.AgentCarStruct_Content {
    display: table-cell;
    padding-left: 20px;
    vertical-align: middle;
}

.AgentCarStruct__Title {
    color: #000;
    font-size: 18px;
    line-height: 24px;
    text-transform: capitalize;
}

.AgentCarStruct__Rating {
    position: relative;
}

.AgentCarStruct__OtherInfo {
    color: #666;
    font-size: 12px;
    margin: 15px 0 0;
}

.AgentCarStruct__OtherInfo .Badge {
    border-radius: 3px;
    font-size: 24px;
    height: 30px;
    line-height: 28px;
    margin: 0 10px 0 0;
    padding: 2px 0;
    width: 30px;
}

.AgentCarStruct__OtherInfo .Badge .fa,
.AgentCarStruct__OtherInfo .Badge span[class*="lk"]t {
    font-size: 20px;
    margin: 0;
    width: auto;
}

.AgentCarStruct__OtherInfo a {
    display: inline-block;
    margin: 0 0 0 15px;
}

.AgentCarStruct__Social {
    margin: 15px 0 0;
}

/* responsive */
.phone .AgentCarStruct {
    margin-bottom: 20px;
}

/* ---------- Lion King Patterns > BigNumbers ---------- */
.BigNumbers {
    position: relative;
}

.BigNumbers_Title {
    color: #ecac00;
    font-size: 40px;
    line-height: 40px;
}

.BigNumbers_Subtitle {
    color: #002663;
    font-size: 76px;
    line-height: 60px;
    margin-top: -10px;
    padding-left: 110px;
}

.BigNumbers_Subtitle:after {
    border-top: 2px solid #002663;
    content: "";
    display: block;
    position: relative;
    top: 100%;
    width: 50%;
}

.BigNumbers_Items {
    margin-top: 20px;
}

/* responsive */
.tablet .BigNumbers,
.phone .BigNumbers {
    padding-left: 25px;
    padding-right: 25px;
}

.tablet .BigNumbers_Title,
.phone .BigNumbers_Title {
    font-size: 30px;
}

.tablet .BigNumbers_Subtitle,
.phone .BigNumbers_Subtitle {
    font-size: 54px;
}

/* ---------- Lion King Patterns > BigNumbersItem ---------- */
.BigNumbersItem {
    color: #002663;
    display: table;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 15px;
    position: relative;
    width: 100%;
}

.BigNumbersItem_Icon,
.BigNumbersItem_LeftSection,
.BigNumbersItem_RightSection {
    display: table-cell;
    vertical-align: bottom;
    
}

.BigNumbersItem_Icon {
    text-align: right;
    width: 100px;
}

.BigNumbersItem_Icon .fa,
.BigNumbersItem_Icon span[class*="lk"] {
    color: #ecac00;
    font-size: 76px;
}

.BigNumbersItem span {
    display: block;
}

.BigNumbersItem_LeftSection {
    padding-right: 5px;
    text-align: center;
    white-space: nowrap;
    width: 1%;
}

.BigNumbersItem_LeftSection .Heading1 {
    color: #002663;
    font-size: 58px;
    line-height: 40px;
}

.BigNumbersItem_RightSection .Heading3 b {
    font-size: 55px;
    line-height: 44px;
}

/* responsive */
.tablet .BigNumbersItem_LeftSection,
.phone .BigNumbersItem_LeftSection {
    font-size: 12px;
}

.tablet .BigNumbersItem_LeftSection .Heading1,
.phone .BigNumbersItem_LeftSection .Heading1 {
    font-size: 50px;
}

/* ---------- Lion King Patterns > BoxSearch ---------- */
.BoxSearch {
    position: relative;
    width: 100%;
    
    
}

.BoxSearch_Form {
    max-width: 350px;
    padding: 15px 20px;
    vertical-align: top;
    width: 35%;
    
      
    
}

.BoxSearch.BoxFloat .BoxSearch_Form {
    max-width: 300px;
}

.tablet .BoxSearch.BoxFloat .BoxSearch_Form,
.phone .BoxSearch.BoxFloat .BoxSearch_Form {
    max-width: 100%;
}

.BoxSearch__FormTitle {
    text-align: center;
}

.BoxSearch__FormContent .InputWithIcons {
    background: #fff;
    border-radius: 3px;
    margin-top: 20px;
}

.BoxSearch__FormContent select.ResetDropBackground {
    background-image: none;
}

.BoxSearch_Form .SeparatorWithText .Separator {
    border-bottom: 1px solid #002664;
    margin: 25px 0;
}

.BoxSearch_Form .SeparatorWithText_Text {
    background: #ecad00;
    color: #002664;
}

.BoxSearch_RightContent {
    position: relative;
    
    
}

.BoxSearch_RightContent .Map_Wrapper {
    height: 100%;
    position: relative;
    width: 100%;
}

.BoxSearch_Info {
    height: 100%;
    width: 0;
}

/* using flexbox css only on desktop for better performance on mobile */
.desktop .BoxSearch {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox; 
    display: -webkit-flex;
    display: flex;   
}

.desktop .BoxSearch.BoxFloat {
    display: block;
    position: relative;
    height: 570px;
}

.desktop .BoxSearch_Form,
.desktop .BoxSearch_RightContent,
.desktop .BoxSearch_Info {
    display: inline-block;
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.desktop .BoxSearch.BoxFloat .BoxSearch_Form {
    display: block;
    left: 10px;
    opacity: 0.4;
    position: absolute;
    top: 10px;
    z-index:  2;
}

.desktop .BoxSearch.BoxFloat .BoxSearch_Form:hover {
    opacity: 1;
}

.desktop .BoxSearch.BoxFloat .BoxSearch_RightContent {
    display: block;
    position: relative;
    width:  100%;
    height:  100%;
}

.desktop .BoxSearch_RightContent .Map_Wrapper {
    position: absolute;
}

.desktop .BoxSearch.BoxFloat .BoxSearch_RightContent .Map_Wrapper {
    position: relative;   
}

.desktop .BoxSearch.BoxFloat .BoxSearch_RightContent .Map_Wrapper .gmnoprint:last-child {
    bottom: 50px !important;
    top: auto !important;
}

/* responsive */
.tablet .BoxSearch_Form,
.phone .BoxSearch_Form{   
    max-width: inherit;
    padding-bottom: 30px;
    position: relative;
    width: 100%;
}

/* ---------- Lion King Patterns > ContactContent ---------- */
.desktop .ContactContent .Columns.MarginBottom {
    margin-bottom: 20px;
}

.ContactContent .Panel,
.ContactContent .Section {
    color: #002664;
    font-size: 16px;
}

.ContactContent .Panel_header {
    /*border-bottom: 2px solid #e1e1e1;*/
    background: #dae0e9;
    padding: 10px 40px 10px 20px;
}

.ContactContent .Section_header {
    border-bottom: 1px solid #ccc;
    padding: 15px 0;
}

.phone .ContactContent .Panel_header,
.phone .ContactContent .Section_header {
    min-height: 42px;
    padding: 0;
}

.ContactContent .Panel__title.Heading3,
.ContactContent .Section__title.Heading2 {
    font-size: 28px;
    line-height: 42px;    
    position: relative;
}

.phone .ContactContent .Panel__title.Heading3,
.phone .ContactContent .Section__title.Heading2 {
    line-height: 34px;
}

.ContactContent .Panel__title.Heading3 .fa,
.ContactContent .Section__title.Heading2 .fa,
.ContactContent .Panel__title.Heading3 span[class*="lk"],
.ContactContent .Section__title.Heading2 span[class*="lk"] {
    font-size: 1.5em;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);  
}

.tablet .ContactContent .Panel__title.Heading3 .fa,
.tablet .ContactContent .Section__title.Heading2 .fa,
.phone .ContactContent .Panel__title.Heading3 .fa,
.phone .ContactContent .Section__title.Heading2 .fa,
.tablet .ContactContent .Panel__title.Heading3 span[class*="lk"],
.tablet .ContactContent .Section__title.Heading2 span[class*="lk"],
.phone .ContactContent .Panel__title.Heading3 span[class*="lk"],
.phone .ContactContent .Section__title.Heading2 span[class*="lk"] {
    font-size: 1.2em;
}

.ContactContent .Panel__title.Heading3 .Title,
.ContactContent .Section__title.Heading2 .Title {
    display: block;
    padding-left: 60px;
}

.tablet .ContactContent .Panel__title.Heading3 .Title, 
.tablet .ContactContent .Section__title.Heading2 .Title,
.phone .ContactContent .Panel__title.Heading3 .Title,
.phone .ContactContent .Section__title.Heading2 .Title {
    padding-left: 54px;
    padding-right: 34px;
}

.ContactContent .Panel_content,
.ContactContent .Section_content {
    color: #4D4D4D;
}

.ContactContent .Panel_content .Heading1, 
.ContactContent .Panel_content .Heading2, 
.ContactContent .Panel_content .Heading3, 
.ContactContent .Panel_content .Heading4,
.ContactContent .Section_content .Heading1, 
.ContactContent .Section_content .Heading2, 
.ContactContent .Section_content .Heading3, 
.ContactContent .Section_content .Heading4 {
    font-family: Ubuntu, Arial, Helvetica, sans-serif;  
    font-weight: normal;
}

.ContactContent .Panel_content .SmallCollumnItem:first-child,
.ContactContent .Section_content .SmallCollumnItem:first-child {
    margin-bottom: 20px;
}

.ContactContent .VerticalAlign .SmallCollumnItem_Icon {
    vertical-align: middle;
}

.ContactContent .SmallCollumnItem_Description {
    font-weight: normal;
}

.ContactContent .SmallCollumnItem_Description .Phones {
    color: #002663;
}

.ContactContent .SmallCollumnItem_Description .MainPhone > span {
    color: #ecad00;
    display: inline-block;
}

.ContactContent .SmallCollumnItem_Description .MainPhone > span:not(:first-child) {
    font-weight: 700;
    padding-left: 8px;
}

.ContactContent .SmallCollumnItem_Description .Phone > *:not(:first-child) {
    padding-left: 8px;
}

.ContactContent .SmallCollumnItem_Description .Contacts > * {
    display: block;
}

/* ---------- Lion King Patterns > ContentCentered ---------- */
.ContentCentered_Wrapper {
    position: relative;
    
    
}

.ContentCentered{
    margin: 0 auto;
}

.ContentCentered.Small {
    max-width: 400px;
}

.ContentCentered.Medium {
    max-width: 600px;
}

.ContentCentered.Large {
    max-width: 1000px;
}

.ContentCentered .Card {
    border: 0;
}

/* ---------- Lion King Patterns > DownloadSection ---------- */
.DownloadSection_Wrapper {
    display: table;
    min-height: 330px;    
    position: relative;
    width: 100%;
}

.desktop .DownloadSection_Wrapper:after {
background: #fff;
    bottom: 0;
    content: "";
    height: 30px;
    left: 50%;
    max-width: 1230px;
    position: absolute;
    width: 100%;
    z-index: 2;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
        transform: translateX(-50%);
}

.DownloadSection_Image {
    display: table-cell;
    position: relative;
    vertical-align: middle;
    width: 50%;
}

.DownloadSection_Image img {
    height: 400px;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
       
    
}

.DownloadSection_Image div.imgIE {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    height: 400px;
    width: auto;
}

.DownloadSection_MainContent {
    background: #8093b1;
    display: table-cell;
    padding: 20px 60px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 50%;
}

.DownloadSection_MainContent > div {
    margin-left: auto;
}

.desktop .DownloadSection_MainContent > div {
    max-width: 525px; 
}

.DownloadSection__Title {
    color: #fff;
    font-family: Rokkitt, Ubuntu, Arial, Helvetica, sans-serif;
    font-size: 28px;
}

.DownloadSection__Content {
    margin: 25px -15px 0;
}

.DownloadSection__Content a,
.DownloadSection__Content a:link,
.DownloadSection__Content a:visited,
.desktop .DownloadSection__Content a:hover {
    border: 3px solid #93a5bd;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    float: left;
    font-weight: 700;
    margin: 5px 15px;
    padding: 15px;
    position: relative;
    vertical-align: top;
    width: 45.7%;
    width: calc(50% - 30px);
}

.DownloadSection__Content a .fa,
.DownloadSection__Content a span[class*="lk"] {
    display: block;
    font-size: 34px;
    margin-bottom: 15px;
    width: auto;
}

.DownloadSection__Content a .Name {
    display: block;   
}

/* responsive  */
.tablet .DownloadSection,
.tablet .DownloadSection_Image,
.phone .DownloadSection,
.phone .DownloadSection_Image {
    display: block;
    width: 100%;
}

.tablet .DownloadSection_MainContent,
.phone .DownloadSection_MainContent {
    display: block;
    padding: 25px 50px;
    width: auto;
}

.tablet .DownloadSection__Content,
.phone .DownloadSection__Content {
    display: block;
    margin: 30px 0 0;
    text-align: left;
}

.tablet .DownloadSection__Content a,
.phone .DownloadSection__Content a {
    display: block;
    float: none;
    margin: 10px auto 0;
    max-width: 400px;
    width: auto;
}

.tablet .DownloadSection__Content a .fa,
.tablet .DownloadSection__Content a span[class*="lk"],
.phone .DownloadSection__Content a .fa,
.phone .DownloadSection__Content a span[class*="lk"] {
    display: table-cell;
    font-size: 30px;
    line-height: .5;
    margin: 0 15px 0 0;
    vertical-align: middle;
}

.tablet .DownloadSection__Content a .Name,
.phone .DownloadSection__Content a .Name {
    display: table-cell;
    padding-left: 10px;
}

.tablet .DownloadSection_MainContent:before,
.tablet .DownloadSection_MainContent:after,
.phone .DownloadSection_MainContent:before,
.phone .DownloadSection_MainContent:after {
    background-color: #8093b1;
    content: "";
    display: inline-block;
    height: 15px;
    left: 0;
    position: absolute;
    top: 100%;
    width: 50px;
    z-index: 2;
}

.tablet .DownloadSection_MainContent:after,
.phone .DownloadSection_MainContent:after {
    left: auto;
    right: 0;
}

.phone .DownloadSection_Image img {
    min-height: 200px;
}

.phone .DownloadSection__Title {
    font-size: 24px;
    line-height: 24px;
}

/* ---------- Lion King Patterns > Entity ---------- */
.Entity {
    display: table;
    position: relative;
    width: 100%;
}

.Entity_Photo {
    display: table-cell;
    margin-right: 10px;    
    width: 150px;
}

.Entity_Content {
    display: table-cell;
    padding: 14px 10px;
    position: relative;
    vertical-align: top;
}

.Entity__Name {
    color: #002663;
    font-size: 26px;
}

.Entity__Name a {
    font-family: inherit;
}

.Entity__Details {
    color: #4d4d4d;
    font-size: 16px;
    line-height: 18px;
    padding-top: 10px;
}

.Entity__Details:after {
    border-top: 1px solid #9b9b9b;
    content: "";
    display: block;
    height: 1px;
    position: relative;
    top: 35px;
    width: 60px;
}

/* responsive */
.tablet .Entity_Content,
.phone .Entity_Content {
    padding-top: 0px;
}

.tablet .Entity_Photo,
.phone .Entity_Photo {
    position: absolute;
    width: 100px;
}

.tablet .Entity__Name,
.phone .Entity__Name {    
    margin-left: 100px;
    min-height: 120px;
    position: relative;
}

/* ------------------------ Maps ----------------------- */
/* ----- Used for map tooltip -------------------------- */
/* ----------------------------------------------------- */
.gm-style-iw .Entity{
    height: auto;
    width: 360px;
}

.gm-style-iw .Entity_Photo{
    width: 75px;
}

.gm-style-iw .Heading3{
    font-size: 20px;
    line-height: 20px;
}

.gm-style-iw .Entity__Details{
    font-size: 12px;
    line-height: 14px;
}

.gm-style-iw .Entity__Details:after{
    display: none;
}

/*** responsive ***/
.phone .gm-style-iw .Entity{
    max-width: 120px;
    width: 100%;
}

/* ---------- Lion King Patterns > EntityPhoto ---------- */
.EntityPhoto {
    padding-bottom: 40px;
    position: relative;
}

.EntityPhoto_Wrapper {
    height: 130px;    
    position: relative;
    text-align: center;
    width: 130px;
    
    
}

.EntityPhoto__Image {
    border: 1px solid #eee;
    border-radius: 50%;
    height: 100%;
    overflow: hidden;
    width: 100%;
}

.EntityPhoto__Image img {
    border-radius: 50%;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
}

.EntityPhoto__Badge {
    /*height: 50px;*/
    left: 50%;
    position: absolute;
    top: 95%;
    -webkit-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    width: 100%;
    
    
    
    
}

.EntityPhoto__Badge.Right {
    text-align: left;
    -webkit-transform: translateX(20%) translateY(-70%);
        -ms-transform: translateX(20%) translateY(-70%);
            transform: translateX(20%) translateY(-70%);
}

.EntityPhoto__Badge div img {
    border-radius: 50%;
    height: 50px;
    overflow: hidden;
    position: relative;
    width: 50px;
    z-index: 5;

    -o-object-fit: cover;

       object-fit: cover;
    -o-object-position: center;
       object-position: center;
}

.EntityPhoto__Badge div {
    display: inline-block;
    position: relative;
}

.EntityPhoto__Badge div:before {
    background: #3e5c8b;
    background:         -webkit-gradient(left top, left bottom, color-stop(0%, #3e5c8b), color-stop(40%, rgba(62, 92, 139, 0)), color-stop(100%, rgba(255,255,255,0)));
    background: -webkit-linear-gradient(top, #3e5c8b 0%, rgba(62, 92, 139, 0) 40%, rgba(255,255,255,0) 100%);
    background:      -o-linear-gradient(top, #3e5c8b 0%, rgba(62, 92, 139, 0) 40%, rgba(255,255,255,0) 100%);
    background:         -webkit-gradient(linear, left top, left bottom, from(#3e5c8b), color-stop(40%, rgba(62, 92, 139, 0)), to(rgba(255,255,255,0)));
    background:         linear-gradient(to bottom, #3e5c8b 0%, rgba(62, 92, 139, 0) 40%, rgba(255,255,255,0) 100%);
    border-radius: 50%;
    content: "";
    display: block;
    height: 50px;
    left: 0;
    opacity: .15;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 1;
}

/*responsive*/
.tablet .EntityPhoto_Wrapper,
.phone .EntityPhoto_Wrapper {
    height: 75px;
    width: 75px;
}

.tablet .EntityPhoto__Badge div img,
.phone .EntityPhoto__Badge div img{
    height: 30px;
    width: 30px;
}

/* ------------------------ Maps ----------------------- */
/* ----- Used for map tooltip -------------------------- */
/* ----------------------------------------------------- */
.gm-style-iw .EntityPhoto_Wrapper{
    height: 75px;
    width: 75px;
}

/* ---------- Lion King Patterns > Floating-actions ---------- */
.floating-actions {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox; 
    display: -webkit-flex;
    display: flex;   
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
    
    
    
    
    
    
    
    
}

.floating-actions .bottom-bar-exists {
    margin-bottom: 80px;    
}

.floating-actions.floating-actions--visible {
    pointer-events: auto;
}

.floating-actions-background {
    background: rgba(255, 255, 255, 0.97);  
    height: 100%;  
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    -webkit-transition: opacity 0.3s cubic-bezier(0,0,0.3,1);
    -o-transition: opacity 0.3s cubic-bezier(0,0,0.3,1);
    transition: opacity 0.3s cubic-bezier(0,0,0.3,1);  
    width: 100%;
    will-change: opacity;  
    
    
    
    
    
    
}

.floating-actions--visible .floating-actions-background {
    opacity: 1;
    pointer-events: auto;
}

.floating-actions-icon {
    background-color: #002663;    
    border: solid 2px #ecad00;
    border-radius: 100%;
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    height: 45px;
    margin: 6px 20px 20px 0;
    opacity: 0.95;
    pointer-events: auto;
    position: relative; 
    -webkit-transform: scale(1);
            -ms-transform: scale(1);
        transform: scale(1);
    -webkit-transition: all 150ms ease-in;
    -o-transition: all 150ms ease-in;
    transition: all 150ms ease-in;
    width: 45px;
    z-index: 99;
    
}

.floating-actions-icon:before,
.floating-actions-icon:after {
    background-color: #fff;
    content: '';
    height: 20px;
    left: 50%;
    margin-left: -1px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    width: 3px;
}

.floating-actions-icon:after {
    -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
        transform: rotate(90deg);
}

.floating-actions--visible .floating-actions-icon:before {
    -webkit-transform: rotate(-225deg);
            -ms-transform: rotate(-225deg);
        transform: rotate(-225deg);
}

.floating-actions--visible .floating-actions-icon:after {
    -webkit-transform: rotate(225deg);
            -ms-transform: rotate(225deg);
        transform: rotate(225deg);
}

.floating-actions-items {  
    max-height: calc(100% - 66px);
    overflow-y: auto;
    padding: 0 22px;
    width: 100%;
    z-index: 99;  
}

.floating-actions-items::-webkit-scrollbar {
  display: none;
}

.floating-actions-buttons {
    border-top: 1px solid #E6E6E6;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox; 
    display: -webkit-flex;
    display: flex;   
    -webkit-box-align: start;
       -ms-flex-align: start;
    -ms-grid-row-align: start;
           align-items: start;
    -webkit-box-pack: end;
       -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 6px;
    opacity: 0;
    padding-bottom: 2px;
    will-change: opacity, transform;
    -webkit-transform: translateY(15px);
            -ms-transform: translateY(15px);
        transform: translateY(15px);   
    
        
    
}

.floating-actions-buttons_submenu {
    margin-right: 25px;   
}

.floating-actions-buttons .floating-actions-buttons_submenu:first-child {
    border-top: 1px solid #E6E6E6;   
}

.floating-actions--visible .floating-actions-buttons {
    opacity: 1;
    -webkit-transform: none;
            -ms-transform: none;
        transform: none;
}

.floating-actions-item-icon {
    border-radius: 100%;
    color: #ecad00;
    font-size: 35px;
    height: 40px;
    margin-left: 10px;
    position: relative;
    width: 40px;
}

.floating-actions-buttons_submenu .floating-actions-item-icon {
    height: 30px;
    font-size: 25px;
    width: 30px;
}

.floating-actions-item-icon .icon {
    color: #455a64;
    font-size: 16px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
}

.floating-actions-item-icon a .icon,
.floating-actions-item-icon a:link .icon,
.floating-actions-item-icon a:visited .icon {
   margin: 0;
}

.floating-actions-item {
    margin: auto 0;
    padding-bottom: 4px;
    text-align: right;  
}

.floating-actions-item-icon {
    margin-bottom: 4px;
}

.floating-actions-item .Title {
    font-family: Rokkitt, Ubuntu, Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;    
}

.floating-actions-buttons_submenu .floating-actions-item .Title {
    font-size: 18px;
}

.floating-actions-item .Text {
    font-size: 16px;   
}

.floating-actions-buttons_submenu .floating-actions-item .Text {
    font-size: 14px;
}

.floating-actions--animatable .floating-actions-background, 
.floating-actions--animatable .floating-actions-buttons,
.floating-actions--animatable .floating-actions-icon:before,
.floating-actions--animatable .floating-actions-icon:after {
    -webkit-transition: all 280ms ease-in;
    -o-transition: all 280ms ease-in;
    transition: all 280ms ease-in;
}

.floating-actions--visible.floating-actions--animatable .floating-actions-background, 
.floating-actions--visible.floating-actions--animatable .floating-actions-buttons,
.floating-actions--visible.floating-actions--animatable .floating-actions-icon:before,
.floating-actions--visible.floating-actions--animatable .floating-actions-icon:after {
    -webkit-transition: all 330ms ease-out;
    -o-transition: all 330ms ease-out;
    transition: all 330ms ease-out;
}

/* ---------- Lion King Patterns > FileItem ---------- */
.FileItem{
    display: table;     
    line-height: 26px;    
    min-height: 50px;
    width: 100%;
}

.FileItem.Border {
    border-bottom: 1px solid #E6E6E6; 
    margin-bottom: 10px; 
    padding-bottom: 5px;
}

.FileItem_Icon{
    display: table-cell; 
    vertical-align: middle;
    padding-right: 5px;
    width: 50px;
}

.FileItem_Info{
    color: #666666; 
    display: table-cell; 
    vertical-align: middle;    
    word-break: break-word;
}

.FileItem__Subtitle{
    display: block;
    font-size: 12px;
    margin-top: -5px;
}

.FileItem_Actions{
    color: #002663; 
    display: table-cell;
    vertical-align: middle;
    width: 40px; 
}

.FileItem__Subtitle .fa,
.FileItem__Subtitle span[class*="lk"],
.FileItem_Actions .fa,
.FileItem_Actions span[class*="lk"] {
    padding-right: 5px;
}

/* ---------- Lion King Patterns > FixedActions ---------- */
.FixedActions {
    color: #fff;
    min-height: 50px;
    min-width: 50px;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 30%;
    z-index: 20;

    
    
    
    
}

.FixedActions a,
.FixedActions a:link,
.FixedActions a:visited {
    color: #002664;
}

.desktop .FixedActions a:hover,
.desktop .FixedActions a:link:hover,
.desktop .FixedActions a:visited:hover,
.desktop .FixedActions [data-widgetclickable]:hover{
    color: #fff;
}

.FixedActionItem {
    background: #ecad00;
    -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15);
            box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15);
    pointer-events: all;
    position: relative;
    -webkit-transform: translateX(250px);
            -ms-transform: translateX(250px);
        transform: translateX(250px);
    -webkit-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease;
    white-space: nowrap;
    width: 300px;
    z-index: 2;

    
    
}

.FixedActionItem:not(:first-child){
    border-top: 1px solid #d49b00;
}

.FixedActionItem:first-child {
    border-top-left-radius: 8px;
}

.FixedActionItem:last-child {
    border-bottom-left-radius: 8px;
}

.FixedActionItem:hover {
    color: #002664;
    border-top: 1px solid #d49b00;
    border-radius: 8px 0 0 8px;
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
}

.FixedActionItem_Header,
.FixedActionItem_Header a,
.FixedActionItem .Post__label,
.FixedActionItem .Post__label a {
    font-family: Rokkitt, Ubuntu, Arial, Helvetica, sans-serif;
    /*white-space: nowrap;*/
}

.FixedActionItem__Icon {
    display: inline-block;
    font-size: 26px;
    height: 50px;
    line-height: 50px;
    padding-top: 4px;
    text-align: center;
    vertical-align: middle;
    width: 50px;
}

.FixedActionItem__Title {
    display: inline-block;
    font-size: 26px;
    padding-left: 10px;
    vertical-align: middle;
}

.FixedActionItem_Content {
    background: #ecad00;
    border-radius: 0 0 8px 8px;
    -webkit-box-shadow: -1px 4px 4px rgba(0, 0, 0, 0.15);
            box-shadow: -1px 4px 4px rgba(0, 0, 0, 0.15);
    color: #002664;
    height: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 44px;
    -webkit-transition: all .3s ease-in-out;
            -o-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
    width: 270px;

    
    
    
    
}

.FixedActionItem:hover .FixedActionItem_Content {
    height: auto;
    padding: 16px 30px 0px 10px;
}

.FixedActionItem_Content:before {
    /*border-right: 1px solid #d49b00;*/
    bottom: 0;
    content: "";
    position: absolute;
    right: 50px;
    top: 6px;
}

.FixedActionItem .Post_icon {
    font-size: 30px;
    width: 30px;
}

.FixedActionItem .Post_content {
    padding-left: 10px;
}

.FixedActionItem .Post__label,
.FixedActionItem .Post__description {
    color: inherit;
}

.FixedActionItem .Post__label {
    font-size: 22px;
    vertical-align: middle;
    white-space: pre-wrap;     
    white-space: -moz-pre-wrap;   
    white-space: -pre-wrap;     
    white-space: -o-pre-wrap;   
    word-wrap: break-word; 
}

/* ---------- Lion King Patterns > Form ---------- */

.FormCustom > div:not(.Columns){
    margin-bottom: 10px;   
}

.desktop .FormCustom .Columns.MarginBottom {
    margin-bottom: 10px;
}

.FormCustom .Columns .Column > .Columns {
    margin-bottom: 10px;   
}

/* responsive */
.tablet .FormCustom .Columns.MarginBottom.tab_BreakFirst,
.tablet .FormCustom .Columns.MarginBottom.tab_BreakLast,
.tablet .FormCustom .Columns.MarginBottom.tab_BreakAll,
.tablet .FormCustom .Columns.MarginBottom.tab_BreakMiddle,
.phone .FormCustom .Columns.MarginBottom.mob_BreakFirst,
.phone .FormCustom .Columns.MarginBottom.mob_BreakLast,
.phone .FormCustom .Columns.MarginBottom.mob_BreakAll,
.phone .FormCustom .Columns.MarginBottom.mob_BreakMiddle {
    margin-bottom: 10px;
}

.tablet .FormCustom .Columns.MarginBottom.tab_BreakFirst > .Column,
.tablet .FormCustom .Columns.MarginBottom.tab_BreakLast > .Column,
.tablet .FormCustom .Columns.MarginBottom.tab_BreakAll > .Column,
.tablet .FormCustom .Columns.MarginBottom.tab_BreakMiddle > .Column,
.phone .FormCustom .Columns.MarginBottom.mob_BreakFirst > .Column,
.phone .FormCustom .Columns.MarginBottom.mob_BreakLast > .Column,
.phone .FormCustom .Columns.MarginBottom.mob_BreakAll > .Column,
.phone .FormCustom .Columns.MarginBottom.mob_BreakMiddle > .Column {
    margin-bottom: 10px;
}

.tablet .FormCustom .Columns.MarginBottom.tab_BreakFirst > .Column:first-child,
.tablet .FormCustom .Columns.MarginBottom.tab_BreakLast > .Column:first-child,
.tablet .FormCustom .Columns.MarginBottom.tab_BreakAll > .Column:first-child,
.tablet .FormCustom .Columns.MarginBottom.tab_BreakMiddle > .Column:first-child,
.phone .FormCustom .Columns.MarginBottom.mob_BreakFirst > .Column:first-child,
.phone .FormCustom .Columns.MarginBottom.mob_BreakLast > .Column:first-child,
.phone .FormCustom .Columns.MarginBottom.mob_BreakAll > .Column:first-child,
.phone .FormCustom .Columns.MarginBottom.mob_BreakMiddle > .Column:first-child {
    margin-bottom: 10px;
}

.tablet .FormCustom > div:not(.Columns),
.phone .FormCustom > div:not(.Columns){
    margin-bottom: 10px;   
}

.tablet .FormCustom .Columns .Column.ColLast:last-child,
.tablet .FormCustom .Columns .Column.ColLast:last-child > .Column,
.phone .FormCustom .Columns .Column.ColLast:last-child,
.phone .FormCustom .Columns .Column.ColLast:last-child > .Column{
    margin-bottom: 0;
}

/* ---------- Lion King Patterns > HeaderBigSearch ---------- */
.HeaderBigSearch {
    margin: 20px 0;
    position: relative;
    
}

.HeaderBigSearch a:before {
    display: none;
}

.HeaderBigSearch a,
.HeaderBigSearch a:link,
.HeaderBigSearch a:visited,
.Menu_DropDownPanel .HeaderBigSearch a,
.Menu_DropDownPanel .HeaderBigSearch a:link,
.Menu_DropDownPanel .HeaderBigSearch a:visited {
    border: 0;
    font-size: 30px;
    line-height: 60px;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 50px;
}

.desktop .HeaderBigSearch a:hover,
.desktop .HeaderBigSearch a:link:hover,
.desktop .HeaderBigSearch a:visited:hover,
.desktop .Menu_DropDownPanel .HeaderBigSearch a:hover,
.desktop .Menu_DropDownPanel .HeaderBigSearch a:link:hover,
.desktop .Menu_DropDownPanel .HeaderBigSearch a:visited:hover {
    color: #ecad00;
}

.HeaderBigSearch a .fa,
.HeaderBigSearch a span[class*="lk"] {
    width: auto;
}

.HeaderBigSearch_Wrapper {
    position: relative;
}

.HeaderBigSearch__Input {
    position: relative;
    z-index: 1;
}

.HeaderBigSearch__Input input {
    border-radius: 0;
    display: block;
    font-size: 18px;
    height: 60px;
    line-height: 60px;
    padding-right: 70px;
}

.HeaderBigSearch__Input input::-webkit-input-placeholder {
    color: #999;
    font-style: italic;
}

.HeaderBigSearch__Input input::-moz-placeholder {
    color: #999;
    font-style: italic;
}

.HeaderBigSearch__Input input:-ms-input-placeholder {
    color: #999;
    font-style: italic;
}

.HeaderBigSearch__Input input:-moz-placeholder {
    color: #999;
    font-style: italic;
}

.HeaderBigSearch__ActionSearch {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}

.Menu_DropDownPanel .HeaderBigSearch__ActionSearch a,
.Menu_DropDownPanel .HeaderBigSearch__ActionSearch a:link,
.Menu_DropDownPanel .HeaderBigSearch__ActionSearch a:visited {
    color: #002664;
    width: 60px;
}

.HeaderBigSearch_ActionReset {
    display: inline-block;
    left: 100%;
    position: absolute;
    top: 0;
}

.tablet.portrait .Header__Menu .HeaderBigSearch,
.phone .Header__Menu .HeaderBigSearch {
    margin: 10px 0;
}

.tablet.portrait .Header__Menu .HeaderBigSearch__Input input,
.phone .Header__Menu .HeaderBigSearch__Input input {
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    padding-right: 45px;
}

.tablet.portrait .Header__Menu .Menu_DropDownPanel .HeaderBigSearch__ActionSearch a,
.tablet.portrait .Header__Menu .Menu_DropDownPanel .HeaderBigSearch__ActionSearch a:link,
.tablet.portrait .Header__Menu .Menu_DropDownPanel .HeaderBigSearch__ActionSearch a:visited,
.phone .Header__Menu .Menu_DropDownPanel .HeaderBigSearch__ActionSearch a,
.phone .Header__Menu .Menu_DropDownPanel .HeaderBigSearch__ActionSearch a:link,
.phone .Header__Menu .Menu_DropDownPanel .HeaderBigSearch__ActionSearch a:visited {
    font-size: 20px;
    line-height: 40px;
    text-align: center;
    width: 40px;
}

/* ---------- Lion King Patterns > IconRound ---------- */

.IconRound {
    border-radius: 50%;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-align: center;
    width: 40px;    
    
    
    
        
}

.IconRound .fa,
.IconRound span[class*="lk"] {
    color: inherit !important; /* Force the color set and not the place where it will stay */
    font-size: 20px;
    line-height: 40px;
    width: auto;    
}

.IconRound span[class*="lk"] {
    font-size: 28px;
}

/* ---------- Lion King Patterns > ImageHighlight ---------- */
.ImageHighlight {
    position: relative;
    text-align: center;
}

.ImageHighlight:Hover {
    border-radius: 5px;
    -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15);    
            box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15);
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
    -webkit-transition: all .2s ease-in-in;
        -o-transition: all .2s ease-in-in;
            transition: all .2s ease-in-in;
    z-index: 15;
}

.ImageHighlight_Image {
    position: relative;
    z-index: 1;

    
}

.ImageHighlight_Image img {
    width: 100%;
}

.ImageHighlight:Hover .ImageHighlight_Image img {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.ImageHighlight_Title {    
    bottom: 110px;
    color: #fff;
    left: 30px;
    line-height: 38px;
    max-height: 76px;
    overflow: hidden;
    position: absolute;
    right: 30px;
    text-shadow: 0 8px 18px rgba(0,0,0,.4);
    z-index: 2;
}

.desktop .ImageHighlight_Title {
    font-size: 42px;
}

.ImageHighlight_Text {
    background-color: #fff;
    color: #002664;
    font-size: 18px;
    height: 102px;
    margin: -15px 25px 0;
    padding: 15px;
    position: relative;
    z-index: 2;
}

/* ---------- Lion King Patterns > InputLabel ---------- */

.GroupField { 
    position:relative;   
}

.GroupField input,
.GroupField textarea,
.GroupField select,
.GroupField input[type='text'],
.GroupField input[type='password'],
.GroupField input[type='datetime'],
.GroupField input[type='datetime-local'],
.GroupField input[type='date'],
.GroupField input[type='month'],
.GroupField input[type='time'],
.GroupField input[type='week'],
.GroupField input[type='number'],
.GroupField input[type='email'],
.GroupField input[type='url'],
.GroupField input[type='search'],
.GroupField input[type='tel'],
.GroupField input[type='color'],
.GroupField .select2-container {
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    font-size: 16px;
    padding: 18px 20px 5px;
    /*position: relative;*/
}

.GroupField.Static input,
.GroupField.Static textarea,
.GroupField.Static select,
.GroupField.Static input[type='text'],
.GroupField.Static input[type='password'],
.GroupField.Static input[type='datetime'],
.GroupField.Static input[type='datetime-local'],
.GroupField.Static input[type='date'],
.GroupField.Static input[type='month'],
.GroupField.Static input[type='time'],
.GroupField.Static input[type='week'],
.GroupField.Static input[type='number'],
.GroupField.Static input[type='email'],
.GroupField.Static input[type='url'],
.GroupField.Static input[type='search'],
.GroupField.Static input[type='tel'],
.GroupField.Static input[type='color'],
.GroupField.Static .select2-container {
    padding: 0px 50px 0px 20px;
}

.GroupField .select2-container {    
    padding: 0 0 0 20px;
}

.GroupField select {
    padding: 0 20px;
    padding-top: 15px;
}

.GroupField textarea:not([readonly]):focus,
.GroupField select:not([readonly]):focus,
.GroupField input[type='text']:not([readonly]):focus,
.GroupField input[type='password']:not([readonly]):focus,
.GroupField input[type='datetime']:not([readonly]):focus,
.GroupField input[type='datetime-local']:not([readonly]):focus,
.GroupField input[type='date']:not([readonly]):focus,
.GroupField input[type='month']:not([readonly]):focus,
.GroupField input[type='time']:not([readonly]):focus,
.GroupField input[type='week']:not([readonly]):focus,
.GroupField input[type='number']:not([readonly]):focus,
.GroupField input[type='email']:not([readonly]):focus,
.GroupField input[type='url']:not([readonly]):focus,
.GroupField input[type='search']:not([readonly]):focus,
.GroupField input[type='tel']:not([readonly]):focus,
.GroupField input[type='color']:not([readonly]):focus,
.GroupField .select2-dropdown-open,
.GroupField input[type='text']:not([readonly]).hasDatepicker.focus{
    border: 1px solid #ECAC00;
    outline:none; 
}

.Yellow .GroupField textarea:not([readonly]):focus,
.Yellow .GroupField select:not([readonly]):focus,
.Yellow .GroupField input[type='text']:not([readonly]):focus,
.Yellow .GroupField input[type='password']:not([readonly]):focus,
.Yellow .GroupField input[type='datetime']:not([readonly]):focus,
.Yellow .GroupField input[type='datetime-local']:not([readonly]):focus,
.Yellow .GroupField input[type='date']:not([readonly]):focus,
.Yellow .GroupField input[type='month']:not([readonly]):focus,
.Yellow .GroupField input[type='time']:not([readonly]):focus,
.Yellow .GroupField input[type='week']:not([readonly]):focus,
.Yellow .GroupField input[type='number']:not([readonly]):focus,
.Yellow .GroupField input[type='email']:not([readonly]):focus,
.Yellow .GroupField input[type='url']:not([readonly]):focus,
.Yellow .GroupField input[type='search']:not([readonly]):focus,
.Yellow .GroupField input[type='tel']:not([readonly]):focus,
.Yellow .GroupField input[type='color']:not([readonly]):focus,
.Yellow .GroupField .select2-dropdown-open {
    border: 1px solid #002664;
    outline:none; 
}

.GroupField input.Not_Valid,
.GroupField textarea.Not_Valid,
.GroupField select.Not_Valid,
.GroupField input[type='text'].Not_Valid,
.GroupField input[type='password'].Not_Valid,
.GroupField input[type='datetime'].Not_Valid,
.GroupField input[type='datetime-local'].Not_Valid,
.GroupField input[type='date'].Not_Valid,
.GroupField input[type='month'].Not_Valid,
.GroupField input[type='time'].Not_Valid,
.GroupField input[type='week'].Not_Valid,
.GroupField input[type='number'].Not_Valid,
.GroupField input[type='email'].Not_Valid,
.GroupField input[type='url'].Not_Valid,
.GroupField input[type='search'].Not_Valid,
.GroupField input[type='tel'].Not_Valid,
.GroupField input[type='color'].Not_Valid{
    background-color: rgba(205, 0, 0, 0.05);
    border-radius: 3px;
    padding: 25px 20px 10px;
}

.GroupField .select2-container.Not_Valid{
    background-color: rgba(205, 0, 0, 0.05);
    border: 1px solid #cd0000 !important;
}

.GroupField .select2-container.Not_Valid .select2-choice{
    background-color: transparent;
    border: 0;   
}

.Form .GroupField textarea.Not_Valid:focus, 
.Form .GroupField textarea.Not_Valid, 
.GroupField textarea.Not_Valid:focus, 
.GroupField textarea.Not_Valid {
    padding: 25px 20px 10px;
}

.GroupField.Static input.Not_Valid,
.GroupField.Static textarea.Not_Valid,
.GroupField.Static select.Not_Valid,
.GroupField.Static input[type='text'].Not_Valid,
.GroupField.Static input[type='password'].Not_Valid,
.GroupField.Static input[type='datetime'].Not_Valid,
.GroupField.Static input[type='datetime-local'].Not_Valid,
.GroupField.Static input[type='date'].Not_Valid,
.GroupField.Static input[type='month'].Not_Valid,
.GroupField.Static input[type='time'].Not_Valid,
.GroupField.Static input[type='week'].Not_Valid,
.GroupField.Static input[type='number'].Not_Valid,
.GroupField.Static input[type='email'].Not_Valid,
.GroupField.Static input[type='url'].Not_Valid,
.GroupField.Static input[type='search'].Not_Valid,
.GroupField.Static input[type='tel'].Not_Valid,
.GroupField.Static input[type='color'].Not_Valid,
.GroupField.Static .select2-container.Not_Valid {
    padding: 0px 50px 0px 20px;
}

.Form:not(.form-top) .GroupField label,
.Form:not(.form-top) .GroupField .Placeholder {
    padding-top: 0 !important; /*reset default value*/
}

.Form .GroupField label,
.GroupField label,
.Form .GroupField .Placeholder,
.GroupField .Placeholder {
    color: #4d4d4d;
    font-size:16px;
    pointer-events:none;
    position:absolute;
    padding-left:20px;
    top:10px;
    -o-transition:0.2s ease all;
    transition:0.2s ease all; 
    -moz-transition:0.2s ease all; 
    -webkit-transition:0.2s ease all;
}

.Form .GroupField .Placeholder,
.GroupField .Placeholder {
    display: block;
    width: 100%;
}

.GroupField .Mandatory ~ label:after,
.GroupField .Mandatory ~ .Placeholder:after {
    content: " *";
}

.GroupField.Static input:not([readonly]):focus ~ label,
.GroupField.Static input.Not_Valid:focus ~ label,
.GroupField.Static input.Filled ~ label,
.GroupField.Static textarea:not([readonly]):focus ~ label,
.GroupField.Static textarea.Not_Valid:focus ~ label,
.GroupField.Static textarea.Filled ~ label,
.GroupField.Static select ~ label,
.GroupField.Static .select2-dropdown-open ~ label,
.GroupField.Static input:not([readonly]):focus ~ .Placeholder,
.GroupField.Static input.Not_Valid:focus ~ .Placeholder,
.GroupField.Static input.Filled ~ .Placeholder,
.GroupField.Static textarea:not([readonly]):focus ~ .Placeholder,
.GroupField.Static textarea.Not_Valid:focus ~ .Placeholder,
.GroupField.Static textarea.Filled ~ .Placeholder,
.GroupField.Static select ~ .Placeholder,
.GroupField.Static .select2-dropdown-open ~ .Placeholder,
.GroupField.Static input:not([readonly]).hasDatepicker.focus ~label{
  display: none;
}

.GroupField input:not([readonly]):focus ~ label,
.GroupField input.Not_Valid:focus ~ label,
.GroupField input.Filled ~ label,
.GroupField textarea:not([readonly]):focus ~ label,
.GroupField textarea.Not_Valid:focus ~ label,
.GroupField textarea.Filled ~ label,
.GroupField select ~ label,
.GroupField .select2-dropdown-open ~ label,
.GroupField input:not([readonly]):focus ~ .Placeholder,
.GroupField input.Not_Valid:focus ~ .Placeholder,
.GroupField input.Filled ~ .Placeholder,
.GroupField textarea:not([readonly]):focus ~ .Placeholder,
.GroupField textarea.Not_Valid:focus ~ .Placeholder,
.GroupField textarea.Filled ~ .Placeholder,
.GroupField select ~ .Placeholder,
.GroupField .select2-dropdown-open ~ .Placeholder,
.GroupField input:not([readonly]).hasDatepicker.focus ~ label,
.GroupField input:not([readonly]).hasDatepicker.focus ~ .Placeholder{
  font-size:12px;
  top:4px;
}

.GroupField input:not([readonly]):focus ~ label,
.GroupField textarea:not([readonly]):focus ~ label,
.GroupField select:not([readonly]):focus ~ label,
.GroupField .select2-dropdown-open ~ label,
.GroupField input:not([readonly]):focus ~ .Placeholder,
.GroupField textarea:not([readonly]):focus ~ .Placeholder,
.GroupField select:not([readonly]):focus ~ .Placeholder,
.GroupField .select2-dropdown-open ~ .Placeholder,
.GroupField input:not([readonly]).hasDatepicker.focus ~ label,
.GroupField input:not([readonly]).hasDatepicker.focus ~ .Placeholder {
  color:#ECAC00;  
 } 
 
.Yellow .GroupField input:focus ~ label,
.Yellow .GroupField textarea:focus ~ label,
.Yellow .GroupField select:focus ~ label,
.Yellow .GroupField .select2-dropdown-open ~ label,
.Yellow .GroupField input:focus ~ .Placeholder,
.Yellow .GroupField textarea:focus ~ .Placeholderl,
.Yellow .GroupField select:focus ~ .Placeholder,
.Yellow .GroupField .select2-dropdown-open ~ .Placeholder {
  color:#002664;  
 }
 
.GroupField input ~ .fa,
.GroupField textarea ~ .fa,
.GroupField select ~ .fa,
.GroupField input[type='text'] ~ .fa,
.GroupField input[type='password'] ~ .fa,
.GroupField input[type='datetime'] ~ .fa,
.GroupField input[type='datetime-local'] ~ .fa,
.GroupField input[type='date'] ~ .fa,
.GroupField input[type='month'] ~ .fa,
.GroupField input[type='time'] ~ .fa,
.GroupField input[type='week'] ~ .fa,
.GroupField input[type='number'] ~ .fa,
.GroupField input[type='email'] ~ .fa,
.GroupField input[type='url'] ~ .fa,
.GroupField input[type='search'] ~ .fa,
.GroupField input[type='tel'] ~ .fa,
.GroupField input[type='color'] ~ .fa,
.GroupField input ~ .PasswordToggle {
    background: #f0f0f0;
    border-right: 1px solid #CCCCCC;
    border-radius: 0 3px 3px 0;
    color: rgba(0, 0, 0, .22);
    font-size: 22px;
    height: 42px;
    line-height: 42px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 1px;
    width: 46px;
}

.GroupField input ~ .PasswordToggle {
    background:  transparent;    
    border-right: 0;
    right:  42px;   
}

.GroupField input:focus ~ .fa,
.GroupField input:focus ~ span[class*="lk"],
.GroupField textarea:focus ~ .fa,
.GroupField textarea:focus ~ span[class*="lk"],
.GroupField select:focus ~ .fa,
.GroupField select:focus ~ span[class*="lk"],
.GroupField input[type='text']:focus ~ .fa,
.GroupField input[type='text']:focus ~ span[class*="lk"],
.GroupField input[type='password']:focus ~ .fa,
.GroupField input[type='password']:focus ~ span[class*="lk"],
.GroupField input[type='datetime']:focus ~ .fa,
.GroupField input[type='datetime']:focus ~ span[class*="lk"],
.GroupField input[type='datetime-local']:focus ~ .fa,
.GroupField input[type='datetime-local']:focus ~ span[class*="lk"],
.GroupField input[type='date']:focus ~ .fa,
.GroupField input[type='date']:focus ~ span[class*="lk"],
.GroupField input[type='month']:focus ~ .fa,
.GroupField input[type='month']:focus ~ span[class*="lk"],
.GroupField input[type='time']:focus ~ .fa,
.GroupField input[type='time']:focus ~ span[class*="lk"],
.GroupField input[type='week']:focus ~ .fa,
.GroupField input[type='week']:focus ~ span[class*="lk"],
.GroupField input[type='number']:focus ~ .fa,
.GroupField input[type='number']:focus ~ span[class*="lk"],
.GroupField input[type='email']:focus ~ .fa,
.GroupField input[type='email']:focus ~ span[class*="lk"],
.GroupField input[type='url']:focus ~ .fa,
.GroupField input[type='url']:focus ~ span[class*="lk"],
.GroupField input[type='search']:focus ~ .fa,
.GroupField input[type='search']:focus ~ span[class*="lk"],
.GroupField input[type='tel']:focus ~ .fa,
.GroupField input[type='tel']:focus ~ span[class*="lk"],
.GroupField input[type='color']:focus ~ .fa,
.GroupField input[type='color']:focus ~ span[class*="lk"],
.GroupField .select2-container:focus ~ .fa,
.GroupField .select2-container:focus ~ span[class*="lk"] {
    background-color: #ecad00;
    border-right: 1px solid #ecad00;
    color: #fff;
}

.GroupField input.Not_Valid ~ .fa,
.GroupField input.Not_Valid ~ span[class*="lk"],
.GroupField textarea.Not_Valid ~ .fa,
.GroupField textarea.Not_Valid ~ span[class*="lk"],
.GroupField select.Not_Valid ~ .fa,
.GroupField select.Not_Valid ~ span[class*="lk"],
.GroupField input[type='text'].Not_Valid ~ .fa,
.GroupField input[type='text'].Not_Valid ~ span[class*="lk"],
.GroupField input[type='password'].Not_Valid ~ .fa,
.GroupField input[type='password'].Not_Valid ~ span[class*="lk"],
.GroupField input[type='datetime'].Not_Valid ~ .fa,
.GroupField input[type='datetime'].Not_Valid ~ span[class*="lk"],
.GroupField input[type='datetime-local'].Not_Valid ~ .fa,
.GroupField input[type='datetime-local'].Not_Valid ~ span[class*="lk"],
.GroupField input[type='date'].Not_Valid ~ .fa,
.GroupField input[type='date'].Not_Valid ~ span[class*="lk"],
.GroupField input[type='month'].Not_Valid ~ .fa,
.GroupField input[type='month'].Not_Valid ~ span[class*="lk"],
.GroupField input[type='time'].Not_Valid ~ .fa,
.GroupField input[type='time'].Not_Valid ~ span[class*="lk"],
.GroupField input[type='week'].Not_Valid ~ .fa,
.GroupField input[type='week'].Not_Valid ~ span[class*="lk"],
.GroupField input[type='number'].Not_Valid ~ .fa,
.GroupField input[type='number'].Not_Valid ~ span[class*="lk"],
.GroupField input[type='email'].Not_Valid ~ .fa,
.GroupField input[type='email'].Not_Valid ~ span[class*="lk"],
.GroupField input[type='url'].Not_Valid ~ .fa,
.GroupField input[type='url'].Not_Valid ~ span[class*="lk"],
.GroupField input[type='search'].Not_Valid ~ .fa,
.GroupField input[type='search'].Not_Valid ~ span[class*="lk"],
.GroupField input[type='tel'].Not_Valid ~ .fa,
.GroupField input[type='tel'].Not_Valid ~ span[class*="lk"],
.GroupField input[type='color'].Not_Valid ~ .fa,
.GroupField input[type='color'].Not_Valid ~ span[class*="lk"],
.GroupField .select2-container.Not_Valid ~ .fa,
.GroupField .select2-container.Not_Valid ~ span[class*="lk"] {
    background-color: #cd0000;
    border-right: 1px solid #cd0000;
    color: #fff;
}

.GroupField input ~ .InfoTooltip,
.GroupField textarea ~ .InfoTooltip,
.GroupField select ~ .InfoTooltip,
.GroupField input[type='text'] ~ .InfoTooltip,
.GroupField input[type='password'] ~ .InfoTooltip,
.GroupField input[type='datetime'] ~ .InfoTooltip,
.GroupField input[type='datetime-local'] ~ .InfoTooltip,
.GroupField input[type='date'] ~ .InfoTooltip,
.GroupField input[type='month'] ~ .InfoTooltip,
.GroupField input[type='time'] ~ .InfoTooltip,
.GroupField input[type='week'] ~ .InfoTooltip,
.GroupField input[type='number'] ~ .InfoTooltip,
.GroupField input[type='email'] ~ .InfoTooltip,
.GroupField input[type='url'] ~ .InfoTooltip,
.GroupField input[type='search'] ~ .InfoTooltip,
.GroupField input[type='tel'] ~ .InfoTooltip,
.GroupField input[type='color'] ~ .InfoTooltip,
.GroupField .select2-container ~ .InfoTooltip { 
    border-radius: 0 3px 3px 0;
    height: 42px;
    line-height: 42px;
    position: absolute;
    right: 1px;
    text-align: right;
    top: 0;
    width: 46px;
}

.GroupField .select2-container.select2-container-disabled {
    background-color: #E6e6e6;
}

.GroupField .select2-container.select2-container-disabled .select2-choice,
.GroupField .select2-container.select2-container-disabled .select2-choice .select2-arrow{
    background-color: transparent;
    border: 0;
}

.GroupField .select2-container ~ .InfoTooltip {    
    right: 15px;
}

.GroupField .ValidationMessage {
    display: none;
}

.GroupField .select2-container .select2-choice {
    height: 42px;
    line-height: inherit;
    padding: 0;    
    padding-top: 20px;
}


.GroupField .select2-container .select2-choice span {
    font-weight: normal;
}

.GroupField .select2-container .select2-choice .select2-arrow, .select2-container .select2-choice div{
    line-height: inherit;
}

.GroupField .select2-container .select2-choice .select2-arrow:before{
    height: initial;
    line-height: inherit; 
    padding-top: 10px;
}

.GroupField .select2-dropdown-open .select2-choice .select2-arrow:before{
    color:#ECAC00; 
}

/* ---------- Lion King Patterns > InputMask_Local ---------- */
.InputMaskLocal,
.InputMaskLocal_Input {
    position: relative;
}

.InputMaskLocal_Mask,
.InputMaskLocal_Mask a {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.InputMaskLocal.LocalFetched .InputMaskLocal_Mask {
    display: none;
    pointer-events: none;
}

.InputMaskLocal.Waiting {
    pointer-events: none;
}

.InputMaskLocal.Waiting .InputMaskLocal_Input:before {
    -webkit-animation: center-spin 2s infinite linear;
            animation: center-spin 2s infinite linear;
    content: "\f110";
    font-family: FontAwesome;
    height: 20px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    width: 20px;
    z-index: 2;
}

@-webkit-keyframes center-spin {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg);
                transform: translateX(-50%) translateY(-50%) rotate(0deg);
    }
    100% {
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(359deg);
                transform: translateX(-50%) translateY(-50%) rotate(359deg);
    }
}

@keyframes center-spin {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg);
                transform: translateX(-50%) translateY(-50%) rotate(0deg);
    }
    100% {
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(359deg);
                transform: translateX(-50%) translateY(-50%) rotate(359deg);
    }
}

/* ---------- Lion King Patterns > InputWithIconsColumn ---------- */
.InputWithIcons_BlockColumn,
.InputWithIcons_BlockColumn .InputWithIcons {
    position: relative;
}

.InputWithIcons_BlockColumn .InputWithIcons .fa,
.InputWithIcons_BlockColumn .InputWithIcons span[class*="lk"] {
    background: #f0f0f0;
    border-radius: 0 3px 3px 0;
    color: rgba(0, 0, 0, .22);
    font-size: 22px;
    height: 42px;
    line-height: 42px;
    position: absolute;
    right: 1px;
    text-align: center;
    top: 1px;
    width: 46px;
}

.InputWithIcons_BlockColumn .InputWithIcons input[type="text"],
.InputWithIcons_BlockColumn .InputWithIcons input[type="password"],
.InputWithIcons_BlockColumn .InputWithIcons input[type="datetime"],
.InputWithIcons_BlockColumn .InputWithIcons input[type="datetime-local"],
.InputWithIcons_BlockColumn .InputWithIcons input[type="date"],
.InputWithIcons_BlockColumn .InputWithIcons input[type="month"],
.InputWithIcons_BlockColumn .InputWithIcons input[type="time"],
.InputWithIcons_BlockColumn .InputWithIcons input[type="week"],
.InputWithIcons_BlockColumn .InputWithIcons input[type="number"],
.InputWithIcons_BlockColumn .InputWithIcons input[type="email"],
.InputWithIcons_BlockColumn .InputWithIcons input[type="url"],
.InputWithIcons_BlockColumn .InputWithIcons input[type="search"],
.InputWithIcons_BlockColumn .InputWithIcons input[type="tel"],
.InputWithIcons_BlockColumn .InputWithIcons input[type="color"] {
    border: 1px solid #ccc;
    border-radius: 0;
    padding: 0 52px 0 15px;
}

.InputWithIcons_BlockColumn .InputWithIcons:first-child input[type="text"],
.InputWithIcons_BlockColumn .InputWithIcons:first-child input[type="password"],
.InputWithIcons_BlockColumn .InputWithIcons:first-child input[type="datetime"],
.InputWithIcons_BlockColumn .InputWithIcons:first-child input[type="datetime-local"],
.InputWithIcons_BlockColumn .InputWithIcons:first-child input[type="date"],
.InputWithIcons_BlockColumn .InputWithIcons:first-child input[type="month"],
.InputWithIcons_BlockColumn .InputWithIcons:first-child input[type="time"],
.InputWithIcons_BlockColumn .InputWithIcons:first-child input[type="week"],
.InputWithIcons_BlockColumn .InputWithIcons:first-child input[type="number"],
.InputWithIcons_BlockColumn .InputWithIcons:first-child input[type="email"],
.InputWithIcons_BlockColumn .InputWithIcons:first-child input[type="url"],
.InputWithIcons_BlockColumn .InputWithIcons:first-child input[type="search"],
.InputWithIcons_BlockColumn .InputWithIcons:first-child input[type="tel"],
.InputWithIcons_BlockColumn .InputWithIcons:first-child input[type="color"] {
    border-radius: 3px 3px 0 0;
}

.InputWithIcons_BlockColumn .InputWithIcons:last-child input[type="text"],
.InputWithIcons_BlockColumn .InputWithIcons:last-child input[type="password"],
.InputWithIcons_BlockColumn .InputWithIcons:last-child input[type="datetime"],
.InputWithIcons_BlockColumn .InputWithIcons:last-child input[type="datetime-local"],
.InputWithIcons_BlockColumn .InputWithIcons:last-child input[type="date"],
.InputWithIcons_BlockColumn .InputWithIcons:last-child input[type="month"],
.InputWithIcons_BlockColumn .InputWithIcons:last-child input[type="time"],
.InputWithIcons_BlockColumn .InputWithIcons:last-child input[type="week"],
.InputWithIcons_BlockColumn .InputWithIcons:last-child input[type="number"],
.InputWithIcons_BlockColumn .InputWithIcons:last-child input[type="email"],
.InputWithIcons_BlockColumn .InputWithIcons:last-child input[type="url"],
.InputWithIcons_BlockColumn .InputWithIcons:last-child input[type="search"],
.InputWithIcons_BlockColumn .InputWithIcons:last-child input[type="tel"],
.InputWithIcons_BlockColumn .InputWithIcons:last-child input[type="color"] {
    border-radius: 0 0 3px 3px;
}

.InputWithIcons_BlockColumn .InputWithIcons:not(:first-child) input[type="text"],
.InputWithIcons_BlockColumn .InputWithIcons:not(:first-child) input[type="password"],
.InputWithIcons_BlockColumn .InputWithIcons:not(:first-child) input[type="datetime"],
.InputWithIcons_BlockColumn .InputWithIcons:not(:first-child) input[type="datetime-local"],
.InputWithIcons_BlockColumn .InputWithIcons:not(:first-child) input[type="date"],
.InputWithIcons_BlockColumn .InputWithIcons:not(:first-child) input[type="month"],
.InputWithIcons_BlockColumn .InputWithIcons:not(:first-child) input[type="time"],
.InputWithIcons_BlockColumn .InputWithIcons:not(:first-child) input[type="week"],
.InputWithIcons_BlockColumn .InputWithIcons:not(:first-child) input[type="number"],
.InputWithIcons_BlockColumn .InputWithIcons:not(:first-child) input[type="email"],
.InputWithIcons_BlockColumn .InputWithIcons:not(:first-child) input[type="url"],
.InputWithIcons_BlockColumn .InputWithIcons:not(:first-child) input[type="search"],
.InputWithIcons_BlockColumn .InputWithIcons:not(:first-child) input[type="tel"],
.InputWithIcons_BlockColumn .InputWithIcons:not(:first-child) input[type="color"] {
    border-top: 1px solid transparent;
}

.InputWithIcons_BlockColumn .InputWithIcons input[type="text"]:focus,
.InputWithIcons_BlockColumn .InputWithIcons input[type="password"]:focus,
.InputWithIcons_BlockColumn .InputWithIcons input[type="datetime"]:focus,
.InputWithIcons_BlockColumn .InputWithIcons input[type="datetime-local"]:focus,
.InputWithIcons_BlockColumn .InputWithIcons input[type="date"]:focus,
.InputWithIcons_BlockColumn .InputWithIcons input[type="month"]:focus,
.InputWithIcons_BlockColumn .InputWithIcons input[type="time"]:focus,
.InputWithIcons_BlockColumn .InputWithIcons input[type="week"]:focus,
.InputWithIcons_BlockColumn .InputWithIcons input[type="number"]:focus,
.InputWithIcons_BlockColumn .InputWithIcons input[type="email"]:focus,
.InputWithIcons_BlockColumn .InputWithIcons input[type="url"]:focus,
.InputWithIcons_BlockColumn .InputWithIcons input[type="search"]:focus,
.InputWithIcons_BlockColumn .InputWithIcons input[type="tel"]:focus,
.InputWithIcons_BlockColumn .InputWithIcons input[type="color"]:focus {
    border-color: #ecad00;
    border-radius: 3px;
}

.InputWithIcons_BlockColumn .InputWithIcons input[type="text"]:focus ~ .fa,
.InputWithIcons_BlockColumn .InputWithIcons input[type="text"]:focus ~ span[class*="lk"],
.InputWithIcons_BlockColumn .InputWithIcons input[type="password"]:focus ~ .fa,
.InputWithIcons_BlockColumn .InputWithIcons input[type="password"]:focus ~ span[class*="lk"],
.InputWithIcons_BlockColumn .InputWithIcons input[type="datetime"]:focus ~ .fa,
.InputWithIcons_BlockColumn .InputWithIcons input[type="datetime"]:focus ~ span[class*="lk"],
.InputWithIcons_BlockColumn .InputWithIcons input[type="datetime-local"]:focus ~ .fa,
.InputWithIcons_BlockColumn .InputWithIcons input[type="datetime-local"]:focus ~ span[class*="lk"],
.InputWithIcons_BlockColumn .InputWithIcons input[type="date"]:focus ~ .fa,
.InputWithIcons_BlockColumn .InputWithIcons input[type="date"]:focus ~ span[class*="lk"],
.InputWithIcons_BlockColumn .InputWithIcons input[type="month"]:focus ~ .fa,
.InputWithIcons_BlockColumn .InputWithIcons input[type="month"]:focus ~ span[class*="lk"],
.InputWithIcons_BlockColumn .InputWithIcons input[type="time"]:focus ~ .fa,
.InputWithIcons_BlockColumn .InputWithIcons input[type="time"]:focus ~ span[class*="lk"],
.InputWithIcons_BlockColumn .InputWithIcons input[type="week"]:focus ~ .fa,
.InputWithIcons_BlockColumn .InputWithIcons input[type="week"]:focus ~ span[class*="lk"],
.InputWithIcons_BlockColumn .InputWithIcons input[type="number"]:focus ~ .fa,
.InputWithIcons_BlockColumn .InputWithIcons input[type="number"]:focus ~ span[class*="lk"],
.InputWithIcons_BlockColumn .InputWithIcons input[type="email"]:focus ~ .fa,
.InputWithIcons_BlockColumn .InputWithIcons input[type="email"]:focus ~ span[class*="lk"],
.InputWithIcons_BlockColumn .InputWithIcons input[type="url"]:focus ~ .fa,
.InputWithIcons_BlockColumn .InputWithIcons input[type="url"]:focus ~ span[class*="lk"],
.InputWithIcons_BlockColumn .InputWithIcons input[type="search"]:focus ~ .fa,
.InputWithIcons_BlockColumn .InputWithIcons input[type="search"]:focus ~ span[class*="lk"],
.InputWithIcons_BlockColumn .InputWithIcons input[type="tel"]:focus ~ .fa,
.InputWithIcons_BlockColumn .InputWithIcons input[type="tel"]:focus ~ span[class*="lk"],
.InputWithIcons_BlockColumn .InputWithIcons input[type="color"]:focus ~ .fa,
.InputWithIcons_BlockColumn .InputWithIcons input[type="color"]:focus ~ span[class*="lk"] {
    background-color: #ecad00;
    color: #fff;
}

.InputWithIcons_BlockColumn .InputWithIcons input[type="text"].Not_Valid,
.InputWithIcons_BlockColumn .InputWithIcons input[type="password"].Not_Valid,
.InputWithIcons_BlockColumn .InputWithIcons input[type="datetime"].Not_Valid,
.InputWithIcons_BlockColumn .InputWithIcons input[type="datetime-local"].Not_Valid,
.InputWithIcons_BlockColumn .InputWithIcons input[type="date"].Not_Valid,
.InputWithIcons_BlockColumn .InputWithIcons input[type="month"].Not_Valid,
.InputWithIcons_BlockColumn .InputWithIcons input[type="time"].Not_Valid,
.InputWithIcons_BlockColumn .InputWithIcons input[type="week"].Not_Valid,
.InputWithIcons_BlockColumn .InputWithIcons input[type="number"].Not_Valid,
.InputWithIcons_BlockColumn .InputWithIcons input[type="email"].Not_Valid,
.InputWithIcons_BlockColumn .InputWithIcons input[type="url"].Not_Valid,
.InputWithIcons_BlockColumn .InputWithIcons input[type="search"].Not_Valid,
.InputWithIcons_BlockColumn .InputWithIcons input[type="tel"].Not_Valid,
.InputWithIcons_BlockColumn .InputWithIcons input[type="color"].Not_Valid {
    border-radius: 3px;
}

.InputWithIcons_BlockColumn .InputWithIcons input[type="text"].Not_Valid ~ .fa,
.InputWithIcons_BlockColumn .InputWithIcons input[type="text"].Not_Valid ~ span[class*="lk"],
.InputWithIcons_BlockColumn .InputWithIcons input[type="password"].Not_Valid ~ .fa,
.InputWithIcons_BlockColumn .InputWithIcons input[type="password"].Not_Valid ~ span[class*="lk"],
.InputWithIcons_BlockColumn .InputWithIcons input[type="datetime"].Not_Valid ~ .fa,
.InputWithIcons_BlockColumn .InputWithIcons input[type="datetime"].Not_Valid ~ span[class*="lk"],
.InputWithIcons_BlockColumn .InputWithIcons input[type="datetime-local"].Not_Valid ~ .fa,
.InputWithIcons_BlockColumn .InputWithIcons input[type="datetime-local"].Not_Valid ~ span[class*="lk"],
.InputWithIcons_BlockColumn .InputWithIcons input[type="date"].Not_Valid ~ .fa,
.InputWithIcons_BlockColumn .InputWithIcons input[type="date"].Not_Valid ~ span[class*="lk"],
.InputWithIcons_BlockColumn .InputWithIcons input[type="month"].Not_Valid ~ .fa,
.InputWithIcons_BlockColumn .InputWithIcons input[type="month"].Not_Valid ~ span[class*="lk"],
.InputWithIcons_BlockColumn .InputWithIcons input[type="time"].Not_Valid ~ .fa,
.InputWithIcons_BlockColumn .InputWithIcons input[type="time"].Not_Valid ~ span[class*="lk"],
.InputWithIcons_BlockColumn .InputWithIcons input[type="week"].Not_Valid ~ .fa,
.InputWithIcons_BlockColumn .InputWithIcons input[type="week"].Not_Valid ~ span[class*="lk"],
.InputWithIcons_BlockColumn .InputWithIcons input[type="number"].Not_Valid ~ .fa,
.InputWithIcons_BlockColumn .InputWithIcons input[type="number"].Not_Valid ~ span[class*="lk"],
.InputWithIcons_BlockColumn .InputWithIcons input[type="email"].Not_Valid ~ .fa,
.InputWithIcons_BlockColumn .InputWithIcons input[type="email"].Not_Valid ~ span[class*="lk"],
.InputWithIcons_BlockColumn .InputWithIcons input[type="url"].Not_Valid ~ .fa,
.InputWithIcons_BlockColumn .InputWithIcons input[type="url"].Not_Valid ~ span[class*="lk"],
.InputWithIcons_BlockColumn .InputWithIcons input[type="search"].Not_Valid ~ .fa,
.InputWithIcons_BlockColumn .InputWithIcons input[type="search"].Not_Valid ~ span[class*="lk"],
.InputWithIcons_BlockColumn .InputWithIcons input[type="tel"].Not_Valid ~ .fa,
.InputWithIcons_BlockColumn .InputWithIcons input[type="tel"].Not_Valid ~ span[class*="lk"],
.InputWithIcons_BlockColumn .InputWithIcons input[type="color"].Not_Valid ~ .fa,
.InputWithIcons_BlockColumn .InputWithIcons input[type="color"].Not_Valid ~ span[class*="lk"] {
    background-color: #cd0000;
    color: #fff;
}

/* ---------- Lion King Patterns > LoginBox ---------- */
.LoginContainer {
    display: table;
    position: relative;
    width: 100%;
}

.LoginContainer_Content {
    display: table-cell;
    padding: 0 20px;
    position: relative;    
    vertical-align: top;
    width: 45%;
    
    
}

.LoginContainer_Separator {
    display: table-cell;
    height: 100%;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 10%;
    
    
    
}

.LoginContainer_Separator:before {
  border-left: 1px solid #ccc;
  content: '';
  height: 45%;
  left: 50%;
  position: absolute;
}

.LoginContainer_Separator:after {
  border-right: 1px solid #ccc;
  content: '';
  height: 45%;
  left: 50%;
  position: absolute;
  top:55%;
}

.LoginContainer__SeparatorText {
    background: #fff;
    color: #999;
    display: inline-block;
    font-size: 18px;
    left: 50%;
    line-height: 20px;
    padding: 0 15px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-70%);
    -ms-transform: translateX(-50%) translateY(-70%);
        transform: translateX(-50%) translateY(-70%);
        
    
}

/* response */
.tablet .LoginContainer,
.phone .LoginContainer{
  display: block;
  margin: 0 auto;
  max-width: 400px;
}

.tablet .LoginContainer_Content,
.phone .LoginContainer_Content {
  display: block;
  margin-bottom: 20px;
  width: 100%;
}

.tablet .LoginContainer_Separator,
.phone .LoginContainer_Separator {
  display: block;
  height: 24px;
  left: 0;
  margin-bottom: 20px;
  position: relative;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  width: 100%;
}

.tablet .LoginContainer_Separator:before,
.phone .LoginContainer_Separator:before {
  border-left: 0;
  border-top: 1px solid #ccc;
  left: 0;
  position: absolute;
  top: 10px;
  width: 45%;
}

.tablet .LoginContainer_Separator:after,
.phone .LoginContainer_Separator:after {
  border-right: 0;
  border-top: 1px solid #ccc;
  height: inherit;
  left: 55%;
  position: absolute;
  top: 10px;
  width: 45%;
}

/* ---------- Lion King Patterns > MobileListItem ---------- */
.MobileListItem {
    border-bottom: 1px solid #dbdbdb;
    display: table;
    padding: 12px 0 8px;
    position: relative;
    width: 100%;
}

.MobileListItem_Icon {
    color: #002664;
    display: table-cell;
    vertical-align: top;
    width: 1%;
}

.MobileListItem_Icon .fa,
.MobileListItem_Icon span[class*="lk"] {
    font-size: 40px;
}

.MobileListItem_Content {
    display: table-cell;
    padding-left: 10px;
    vertical-align: top;
}

.MobileListItem__Header {
    display: table;
    width: 100%;
}

.MobileListItem___Date {
    display: table-cell;
    font-size: 12px;
}

.MobileListItem___Status {
    display: table-cell;
    font-size: 12px;
    text-align: right;
}

.MobileListItem__Description {
    font-size: 14px;
    margin-top: 10px;
}

/* MobileFilters */
.MobileFilters {
    border-bottom: 1px solid #002664;
    margin-bottom: 5px;
    padding: 8px 0 15px;
}

.MobileFilters label,
.MobileFilters input,
.MobileFilters select,
.MobileFilters .ExpandableFilters label,
.MobileFilters .ExpandableFilters input,
.MobileFilters .ExpandableFilters select {
    margin: 0;
    width: 100%;
}

.MobileFilters label,
.MobileFilters .ExpandableFilters label {
    font-size: 12px;
    padding: 0 0 2px;
}

.MobileFilters input,
.MobileFilters select,
.MobileFilters .ExpandableFilters input,
.MobileFilters .ExpandableFilters select {
    border: 1px solid #002664;
    color: #002664;
}

.MobileFilters .ExpandableFilters .select2-container {
    min-width: 150px;
    text-align: left;
}

/* ---------- Lion King Patterns > MobilePolicyListItem ---------- */
.MobilePolicyListItem {
    border-bottom: 1px solid #dbdbdb;
    display: table;
    padding: 12px 0 8px;
    position: relative;
    width: 100%;
}

.MobilePolicyListItem_Icon {
    color: #002664;
    display: table-cell;
    vertical-align: top;
    width: 1%;
}

.MobilePolicyListItem_Content {
    color: #4d4d4d;
    display: table-cell;
    padding-left: 10px;
    vertical-align: top;
}

.MobilePolicyListItem__Header {
    display: table;
    width: 100%;
}

.MobilePolicyListItem___Title {
    display: table-cell;
    font-size: 16px;
    vertical-align: top;
}

.MobilePolicyListItem___Actions {
    color: #4d4d4d;
    display: table-cell;
    text-align: right;
    vertical-align: top;
}

.MobilePolicyListItem__Description {
    color: #aaa;
    font-size: 12px;
}

.MobilePolicyListItem__Footer {
    display: table;
    margin: 10px 0 0;
    width: 100%;
}

.MobilePolicyListItem___Date {
    display: table-cell;
    font-size: 14px;
    vertical-align: top;
    width: 65%;
}

.MobilePolicyListItem___Status {
    display: table-cell;
    font-size: 14px;
    vertical-align: top;
}

.MobilePolicyListItem___Date .Label,
.MobilePolicyListItem___Status .Label {
    background: transparent;
    color: #aaa;
    display: block;
    font-size: 12px;
    margin: 0;
    padding: 0;
}

/* ---------- Lion King Patterns > MobileReceiptsListItem ---------- */
.MobileReceiptsListItem {
    border-bottom: 1px solid #dbdbdb;
    display: table;
    padding: 12px 0 8px;
    position: relative;
    width: 100%;
}

.MobileReceiptsListItem_File {
    color: #002664;
    display: table-cell;
    vertical-align: top;
    width: 1%;
}

.MobileReceiptsListItem_File > div {
    height: 60px;
    text-align: center;
    width: 60px;
}

.MobileReceiptsListItem_Content {
    color: #4d4d4d;
    display: table-cell;
    padding-right: 14px;
    vertical-align: top;
}

.MobileReceiptsListItem_Content .Label {
    background: transparent;
    color: #aaa;
    display: block;
    font-size: 12px;
    margin: 0;
    padding: 0;
}

.MobileReceiptsListItem__Header {
    display: table;
    width: 100%;
}

.MobileReceiptsListItem___Title {
    display: table-cell;
    font-size: 16px;
    vertical-align: top;
}

.MobileReceiptsListItem___Value {
    color: #4d4d4d;
    display: table-cell;
    text-align: right;
    vertical-align: top;
}

.MobileReceiptsListItem__Footer {
    display: table;
    margin: 10px 0 0;
    width: 100%;
}

.MobileReceiptsListItem__Footer .Label {
    text-align: left;   
}

.MobileReceiptsListItem___Date {
    display: table-cell;
    font-size: 14px;
    text-align: center;
    vertical-align: top;
}

.MobileReceiptsListItem___Date:first-child {
    text-align: left;
}

.MobileReceiptsListItem___Date:last-child {
    text-align: right;
}

.MobileReceiptsListItem__Payment {
    margin-top: 10px;
    text-align: center;
}

/* ---------- Lion King Patterns > PoliciesReceiveCode ---------- */

.PoliciesReceiveCode_Wrapper {
    margin-bottom: 10px;  
    text-align: left;
}

.PoliciesReceiveCode_Column,
.PoliciesReceiveCode_Column.PH:empty{
    display: inline-block;
}

.PoliciesReceiveCode_Column.ColFirst,
.PoliciesReceiveCode_Column.ColLast{
    width: 25%;
}

.PoliciesReceiveCode_Column.ColMiddle{
    width: 50%;
}

.PoliciesReceiveCode_Column.ColFirst {
    padding-right: 10px;
    text-align: right;
}

.PoliciesReceiveCode_Column.ColLast {
    padding-left: 10px;
}

/* responsive */
.tablet .PoliciesReceiveCode_Column.PH:empty,
.phone .PoliciesReceiveCode_Column.PH:empty {
    display: none;
}

.tablet .PoliciesReceiveCode_Column.ColFirst,
.tablet .PoliciesReceiveCode_Column.ColLast{
    width: 15%;
    
}

.tablet .PoliciesReceiveCode_Column.ColMiddle {
    width: 70%;   
}

.phone .PoliciesReceiveCode_Column.ColFirst,
.phone .PoliciesReceiveCode_Column.ColLast {
    width: 10%;
}

.phone .PoliciesReceiveCode_Column.ColMiddle {
    width: 80%;   
}

.tablet .PoliciesReceiveCode_Column.ColLast,
.phone .PoliciesReceiveCode_Column.ColLast {
    display: block;
    margin-top: 10px;
    text-align: center;
    width: 100%;
}

/* ---------- Lion King Patterns > ProductHighlight ---------- */
.desktop .ProductHighlights_Wrapper {
    position: relative;
    text-align: center;
}

.desktop .ProductHighlights_Wrapper .GalleryItem {
    text-align: left;
}

.ProductHighlight {
    height: 315px;
    position: relative;
    z-index: 5;
}

.ProductHighlight_Box {
    background: #fff;
    border-radius: 10px;
    display: block;
    left: 0;
    padding: 10px 25px 10px 35px;
    position: absolute;
    top: 0;
    width: 100%;

    
}

.ProductHighlight__Icon {
    display: block;
    height: 80px;
    margin-bottom: 20px;
}

.ProductHighlight__Icon img {
    max-height: 100%;
    max-width: 100%;
}

.ProductHighlight__Content {
    display: block;
    font-size: 14px;
    height: 200px;
    margin-left: -20px;
    overflow: hidden;
    position: relative;
}

.ProductHighlight___Title {
    color: #002663;
}

.ProductHighlight___Title,
.ProductHighlight___Text {
    padding-left: 20px;
}

.ProductHighlight___Text {
    margin-top: 15px;
}

.ProductHighlight___Text ul li:not(:first-child){
    padding-top: 4px;
}

.ProductHighlight__Action {
    bottom: 0;
    display: none;
    left: 0;
    position: absolute;
    width: 100%;
    
    
}

.ProductHighlight__Action:before {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(30%, rgba(255,255,255,1)),to(rgba(0,0,0,0)));
    background: -webkit-linear-gradient(bottom, rgba(255,255,255,1) 30%,rgba(0,0,0,0) 100%);
    background: -o-linear-gradient(bottom, rgba(255,255,255,1) 30%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to top, rgba(255,255,255,1) 30%,rgba(0,0,0,0) 100%);
    bottom: 0;
    content: "";
    height: 150px;
    left: 0;
    position: absolute;
    width: 100%;
}

.ProductHighlight___ActionPlus {
    background: #fff;
    border: 2px solid rgb(249,249,249);
    border-radius: 50%;
    bottom: 20px;
    -webkit-box-shadow: 2px 2px rgb(220, 220, 220);
            box-shadow: 2px 2px rgb(220, 220, 220);
    color: rgb(0,39,98);
    height: 30px;
    left: 25px;
    line-height: 30px;
    position: absolute;
    text-align: center;
    width: 30px;
}

.ProductHighlight___ActionPlus .fa,
.ProductHighlight___ActionPlus span[class*="lk"] {
    line-height: 30px;
    width: 30px;
}

/* open state */
.ProductHighlight.js-open {
    z-index: 10;
}

.ProductHighlight.js-open .ProductHighlight_Box {
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.2);
            box-shadow: 0 0 5px 0 rgba(0,0,0,.2);
}

.ProductHighlight.js-open .ProductHighlight__Action:before,
.ProductHighlight.js-open .ProductHighlight___ActionPlus {
    display: none;
}

.ProductHighlight.js-open .ProductHighlight__Content {
    height: auto;
    overflow: visible;
}

/* ---------- Lion King Patterns > Product_SeeMore ---------- */
.SeeMore {
    display: table;
    position: relative;
    width: 100%;
}

.SeeMore_Image {
    display: table-cell;
    position: relative;
    top: 0;
    width: 40%;
}

.SeeMore_Image img {
    height: 160px;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    width: 100%;
    
    
}

.SeeMore_Image div.imgIE {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    height: 160px;
    width: auto;
}

.SeeMore_Info {
    color: #002663;
    display: table-cell;
    padding-left: 15px;
    position: relative;
    vertical-align: top;
}

.SeeMore__Title {
    line-height: 1;
}

.SeeMore__Subtitle {
    font-size: 16px;
    line-height: 1;
}

.SeeMore__Content {
    color: #666;
    font-size: 18px;
    margin-top: 10px;
}

.SeeMore__Content a,
.SeeMore__Content a:link,
.SeeMore__Content a:visited {
    color: #ecad00;
}

.desktop .SeeMore__Content a:hover,
.desktop .SeeMore__Content a:link:hover,
.desktop .SeeMore__Content a:visited:hover {
    color: #002664;
}

/* responsive */
.SeeMore.Vertical,
.phone .SeeMore {
    display: block;
}

.SeeMore.Vertical .SeeMore_Image,
.SeeMore.Vertical .SeeMore_Info,
.phone .SeeMore_Image,
.phone .SeeMore_Info {
    display: block;
    padding: 0;
    width: auto;
}

.SeeMore.Vertical .SeeMore_Info
.phone .SeeMore_Info {
    margin-top: 16px;
}

/* ---------- Lion King Page > SortList ---------- */
.SortList_Wrapper {
    display: block;
    white-space: nowrap;
}

.SortList_Wrapper .Content,
.SortList_Wrapper .Content_Icons {
    display: inline-block;
}

.SortList_Wrapper .Content_Icons {    
    padding-left: 10px;
    width: 16px;
}

.TableRecords_Header a .SortList_Wrapper {
    color: #002664;
}

/* ---------- Lion King Page > Quoters ---------- */
.Quoters .Section_header {
    background: #dae0e9;
    margin: 20px 0;
    padding: 10px 20px;
}

.Quoters .Info .Section_header {
    background: #002663; 
    font-family: Ubuntu, Arial, Helvetica, sans-serif;  
}

.Quoters .EditableSection .Section_header {
    background: transparent;
    padding: 10px 40px 10px 0;
}

.Quoters .Info .Section__title.Heading2 {
    color:  #fff;
    font-size: 20px;    
    font-weight: bold;    
}

.Quoters .Title_Container {
    position: relative;
}

.Quoters .Title_Container .fa,
.Quoters .Title_Container .lk {
    font-weight: 700;   
    margin-right: 10px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.Quoters .Title_Container .Title {    
    display: inline-block;
    padding-left: 44px;    
}

.Quoters .Section__actions > * {
    float: inherit;
    margin-left: 10px;
}

.Quoters .Section__actions .Step {
    border: 2px solid #CCCCCC;
    border-radius: 50%;
    color: #002664;
    height: 40px;
    font-weight: 700;
    line-height: 36px;
    margin: 0 10px 0 0;
    vertical-align: baseline;
    width: 40px;
    text-align: center;
}

.Quoters .Section__actions .Step.Active {
    background: #002664;
    border: 1px solid #002664;
    color: #fff;
}

.Quoters .PlanList {
    margin-top: -15px;
    
    
}

.Quoters .PlanList .TableRecords_Header {
    background-color: rgba(217, 223, 232, 0.5);
    border: 0;
    color: #002664;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    padding: 20px 8px;
    vertical-align: middle;
    width: 13%;
}

.Quoters .PlanList .TableRecords_Header:first-child {
    width: 48%;
}

.Quoters .PlanList .TableRecords_OddLine:last-child, 
.Quoters .PlanList .TableRecords_EvenLine:last-child {
    padding-right: 0;
}

.desktop .Quoters .PlanList > tbody > tr:hover,
.desktop .Quoters .PlanList > tbody > tr:hover td{
    background: transparent;   
}

.desktop .TableRecords_OddLine:first-child, 
.desktop .TableRecords_EvenLine:first-child {
    /*padding-top: 30px;*/
    vertical-align: top;
}

.Quoters .PlanList .Value {
    padding: 0;
    position: relative;
    vertical-align: top;
}

.Quoters .PlanList input[type="checkbox"] {
    height:  56px;
    margin: 14px 0;
    opacity: 0; 
    position: absolute;
    width:  100%;      
}
 
.Quoters .PlanList input[type="checkbox"]:not(:disabled) ~ span.Detail {
    cursor: pointer;
}

.Quoters .PlanList input[type="checkbox"]:disabled ~ span.Detail {
    border: 1px solid #0026631a;
    box-shadow: none;
    color: #D9DFE8;
    cursor: not-allowed;
}

.Quoters .PlanList .Detail {
    background-color: #FFFFFF;
    border: 1px solid #E6E6E6;        
    border-radius: 2px;  
    box-shadow: 2px 2px 1px 1px #0000001a;
    color: #002663;
    display: block;
    height: 56px;
    margin: 14px 6px;
    padding: 1rem;
    pointer-events: none;  
    position: relative;
    text-align: center;
}

.Quoters .PlanList input[type="checkbox"]:checked + span.Detail,
.Quoters .PlanList .Detail.Checked {
    background-color: #ECAC00;    
    border: 1px solid #ECAC00;
    border-radius: 2px;    
    box-shadow: -2px -2px 1px 1px #ca9300;
    color: #fff;
}

.Quoters .Card {
    border: 0;
}

/* responsive */
.tablet .Section__title.Heading2,
.phone .Section__title.Heading2 {
    display:block; 
    padding-bottom: 10px;  
}

.tablet .Section__actions,
.phone .Section__actions {
    border-top: 2px solid #CCCCCC;
    display:block;   
    padding-top: 16px;
}

.tablet .Section__actions.PH:empty,
.phone .Section__actions.PH:empty {
    display:none;   
}

.tablet .Quoters .Section__actions > *,
.phone .Quoters .Section__actions > * {
    display:  table;    
    margin: 0 auto;
}

.tablet .Quoters .Section__actions .Actions > div,
.phone .Quoters .Section__actions .Actions > div {
    display: table-cell;
    min-width: 120px;
    padding: 0 5px;
    text-align: center;
    width: 50%;
}

.tablet .Quoters .Section__actions .Step,
.phone .Quoters .Section__actions .Step {
    display:block;
    margin:  0 auto;
}

.tablet .Quoters .PlanList .PlanList_Item,
.phone .Quoters .PlanList .PlanList_Item {
    border-bottom: 1px solid #CCCCCC;
    margin-top: 20px;
    padding-left: 15px;
}

.tablet .Quoters .PlanList .PlanList_Item:last-child),
.phone .Quoters .PlanList .PlanList_Item:last-child){
    border-bottom: 0;
    margin-top: 20px;
}

.tablet .Quoters .PlanList .TableRecords_Header:first-child,
.phone .Quoters .PlanList .TableRecords_Header:first-child {
    width: 100%
}

.tablet .Quoters .PlanList_Item .Values,
.phone .Quoters .PlanList_Item .Values {
    display: table;
    width: 100%;
}

.tablet .Quoters .PlanList_Item .Title,
.phone .Quoters .PlanList_Item .Title,
.tablet .Quoters .PlanList_Item .Value,
.phone .Quoters .PlanList_Item .Value {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
}

.tablet .Quoters .PlanList_Item .Title,
.phone .Quoters .PlanList_Item .Title {
    color: #002664;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    padding-right: 10px;
}

/* ---------- Lion King Page > Quoters_Actions ---------- */
.Quoters_Actions {
    padding-top: 20px;        
}

.Quoters_Actions.BorderTop {
    border-top: 1px solid #e1e1e1;
}

.Quoters_Actions .Left,
.Quoters_Actions .Right {
    display: inline-block;
    text-align: left;
    width: 50%;   
}

.Quoters_Actions .Right {
    text-align: right;
}

.Quoters_Actions input.Button {
    display: inline-block;
    width: 250px;
}

/* ---------- Lion King Page > Quoters_Agent ---------- */
.Quoters_Agent {
    margin-top: -50px;    
    min-height: 280px;
    padding-bottom: 15px; 
    padding-top: 10px;
}

/* ---------- Lion King Page > Quoters_Item ---------- */
.Quoters_Item {
    border-bottom: 1px solid #e1e1e1;
    display: table;
    margin-top: 10px;
    padding: 0 0 10px 10px;
    width: 100%;
}

.Info .Quoters_Item {
    margin-top: 0;    
    padding: 8px 0;
}

.Quoters_Item .Left {
    display: table-cell;
    padding: 0 0 5px;
    vertical-align: middle;
    width: 100%;     
}

.Quoters_Item .Left, 
.Quoters_Item .Left Label {
    color: #4d4d4d;
    font-size: 14px;
    line-height: 44px; 
}

.Info .Quoters_Item .Left {
    line-height: inherit;   
}

.Quoters_Item .Right {
    display: table-cell;
    min-width: 250px;  
    vertical-align: middle;  
}

.Info .Quoters_Item .Right {
    text-align: right;   
}

.Quoters_Item .Left > {
    color: #002664;
    line-height: 44px;  
    font-size: 14px;
    padding: 0 0 5px;
}

.desktop .Quoters_Actions input.Button:not(:first-child){
    margin-left: 20px;
}

/* responsive */
.tablet .Quoters_Item,
.phone .Quoters_Item,
.tablet .Quoters_Item .Left,
.phone .Quoters_Item .Left,
.tablet .Quoters_Item .Right,
.phone .Quoters_Item .Right {
    display: block;
}

.tablet .Info .Quoters_Item,
.phone .Info .Quoters_Item {
    display: table;    
    table-layout: fixed;
    width: 100%;
}

.tablet .Info .Quoters_Item .Left,
.phone .Info .Quoters_Item .Left,
.tablet .Info .Quoters_Item .Right,
.phone .Info .Quoters_Item .Right {
    display: table-cell;
    width: 50%;
}

.tablet .Quoters_Item .Right,
.phone .Quoters_Item .Right {
    padding-left: 0;
    padding-top: 5px;
    text-align: left;
    width: 100%;
}

.tablet .Info .Quoters_Item .Right,
.phone .Info .Quoters_Item .Right {
    padding-top: 0;
    text-align: right;
}

.tablet .Quoters_Actions .Left, 
.phone .Quoters_Actions .Left, 
.tablet .Quoters_Actions .Right, 
.phone .Quoters_Actions .Right {
    display: block;
    width: 100%;
    text-align: center;    
}

.tablet .Quoters_Actions input.Button,
.phone .Quoters_Actions input.Button{
    display: block;
    margin: 0 auto 10px;
    text-align: center;
}

.phone .Quoters_Actions input.Button {
    min-width: 100%;
    width: 100%;    
}

/* ---------- Lion King Patterns > RatingStars ---------- */
.RatingStars {
    display: block;
    position: relative;
}

.RatingStars_Item {
    color: #002664;
    display: inline-block;
    margin-right: 6px;
    opacity: .5;
}

.RatingStars_Item.Filled {
    opacity: 1;
}

.RatingStars_Item .fa,
.RatingStars_Item span[class*="lk"] {
    width: auto;
}

/* ---------- Lion King Patterns > SeparatorWithText ---------- */
.SeparatorWithText {
    overflow: auto;
    position: relative;
}

.SeparatorWithText .Separator {
    margin: 40px 0;
}

.SeparatorWithText_Text {
    background: #fff;
    color: #999;
    display: inline-block;
    font-size: 18px;
    left: 50%;
    line-height: 20px;
    padding: 0 15px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-70%);
            -ms-transform: translateX(-50%) translateY(-70%);
        transform: translateX(-50%) translateY(-70%);
}

.Silver .SeparatorWithText_Text {
    background-color: #F2F2F2;
    color: #4D4D4D;
}

/* ---------- Lion King Patterns > SmallCollumn_Item ---------- */
.SmallCollumnItem {
    display: table;
    margin-bottom: 12px;
    position: relative;
    width: 100%;
}

.SmallCollumnItem_Icon {
    color: #002663;
    display: table-cell;
    position: relative;
    vertical-align: top;
    width: 30px;
}

.SmallCollumnItem_Icon .fa,
.SmallCollumnItem_Icon span[class*="lk"] {
    font-size: 24px;
}

.SmallCollumnItem_Description {
    color: #4d4d4d;
    display: table-cell;
    padding-left: 10px;
    position: relative;
    vertical-align: middle;
    word-break: break-word;
    word-wrap: break-word;
}

/* ------------------------ Maps ----------------------- */
/* ----- Used for map tooltip -------------------------- */
/* ----------------------------------------------------- */
.gm-style-iw .SmallCollumnItem{
    margin-bottom: 6px;
}

.gm-style-iw .SmallCollumnItem_Icon .fa,
.gm-style-iw .SmallCollumnItem_Icon span[class*="lk"]{
    font-size: 20px;
}


/* ---------- Lion King Patterns > SubmenuBanner ---------- */
.SubmenuBanner {
    color: #fff;
    margin-left: auto;
    max-width: 250px;
    position: relative;
}

.SubmenuBanner_Image {
    margin-bottom: -20px;
}

.SubmenuBanner_Image img {
    max-width: 100%;
}

.SubmenuBanner__Title {
    background: #002664;
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
    margin-right: 30px;
    position: relative;
}

.SubmenuBanner__Description {
    background: #002664;
    font-size: 13px;
    position: relative;
}

.tablet.portrait .SubmenuBanner,
.phone .SubmenuBanner {
    margin-left: 0;
    max-width: 100%;
}

.tablet.portrait .SubmenuBanner__Title,
.tablet.portrait .SubmenuBanner__Description,
.phone .SubmenuBanner__Title,
.phone .SubmenuBanner__Description {
    background: #1c407a;
}

/* ---------- Lion King Patterns > SubmenuColumns ---------- */
.SubmenuColumns {
    line-height: 1.2;
    padding: 20px 0 30px;
    position: relative;
}

.SubmenuColumns_Table {
    display: table;
    width: 100%;
}

.SubmenuColumns__Column {
    display: table-cell;
    padding: 0 10px;
    vertical-align: top;
    width: 20%;
}

.SubmenuColumns__Column.ColFirst,
.SubmenuColumns__Column.ColLast {
    width: 30%;
}

.tablet.portrait .SubmenuColumns,
.phone .SubmenuColumns {
    padding: 10px 0;
}

.tablet.portrait .SubmenuColumns_Table,
.tablet.portrait .SubmenuColumns__Column,
.phone .SubmenuColumns_Table,
.phone .SubmenuColumns__Column {
    display: block;
    padding: 0;
    width: auto;
}

.tablet.portrait .SubmenuColumns__Column:empty,
.phone .SubmenuColumns__Column:empty {
    display: none;
}

.tablet.portrait .SubmenuColumns a,
.tablet.portrait .SubmenuColumns a:link,
.tablet.portrait .SubmenuColumns a:visited,
.phone .SubmenuColumns a,
.phone .SubmenuColumns a:link,
.phone .SubmenuColumns a:visited {
    font-size: 14px;
    line-height: 30px;
}

.Testimonial_Wrapper {
    background: #e7e7e7;;
    color: #002663;
    margin-bottom: 12px;
    padding: 10px;
    text-align: left;
}

/* ---------- Lion King Patterns > Testimonial---------- */
.Testimonial_Blockquote {
    margin-bottom: 0;
}

.Testimonial_Blockquote .Text {
    font-weight: 700;   
}

.Testimonial_Blockquote .Text p:first-child {
    margin-top: 0;   
}

.Testimonial__Footer {
    display: block;
    font-size: 0.8em;
    line-height: 1.4;
    margin-top: 16px;
    text-align: right;
}

/* ---------- Lion King Patterns > UploadArea---------- */
.UploadArea {
    border:  1px dashed #999999;
    padding: 15px;
}

.UploadArea_History{
    padding: 0;   
}

.UploadArea_Info {
    border: 0; 
    text-align:center;
}

.UploadArea_Info .Title {
    display: block;
    font-size: 16px;
    line-height: 26px;
}
    
.UploadArea_Info .Subtitle {
    display: block;
    font-size: 12px;
    line-height: 16px;
    margin: 0;
    padding-top: 6px;
}

/* ---------- Lion King Patterns > UserEditPicture ---------- */
.UserEditPicture {
    max-width: 150px;
    position: relative;
    text-align: center;
}

.UserEditPicture_Header {
    position: relative;
}

.UserEditPicture__Image {
    border: 3px solid #ecad00;
    border-radius: 50%;
    height: 150px;
    overflow: hidden;
    width: 150px;
    
     -webkit-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            transition: all 300ms ease;
}

.Circle .UserEditPicture__Image {
    border: 0;
    border-bottom: 3px solid #ecad00;
    border-radius: 0%;    
}

.UserEditPicture__Image img {
    border-radius: 50%;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
       
     -webkit-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            transition: all 300ms ease;
}

.Circle .UserEditPicture__Image img {
    border-radius: 0%;  
}

.UserEditPicture__Icon {
    background: #ecad00;
    border-radius: 50%;
    bottom: 3px;
    height: 30px;
    left: 50%;
    line-height: 30px;
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(50%);
            -ms-transform: translateX(-50%) translateY(50%);
        transform: translateX(-50%) translateY(50%);
    width: 30px;
}

.UserEditPicture__Icon.Left {
    top: 50%;
    left: 0px;
    -webkit-transform: translateY(-50%) translateX(-50%);
            -ms-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%);
}

.UserEditPicture__Icon.Right {
    top: 50%;
    left: 100%;
    -webkit-transform: translateY(-50%) translateX(-50%);
            -ms-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%);
}

.UserEditPicture__Icon a,
.UserEditPicture__Icon a:link,
.UserEditPicture__Icon a:visited {
    color: #fff;
}

.desktop .UserEditPicture__Icon a:hover,
.desktop .UserEditPicture__Icon a:link:hover,
.desktop .UserEditPicture__Icon a:visited:hover {
    color: #002664;
}

.UserEditPicture_Text {
    font-weight: 700;
    margin-top: 15px;
}

/* responsive */
.tablet .UserEditPicture,
.phone .UserEditPicture {
    margin: 0 auto;
}

/* ---------- Lion King Patterns > UserProfileCard ---------- */
.UserProfileCard {
    border-radius: 10px;
    margin: 0 auto;
    max-width: 550px;
    position: relative;
    
    
}

.UserProfileCard_Header {
    color: #002663;
    padding: 25px 45px 30px;
}

.UserProfileCard__Picture {
    background: #ddd;
    border: 5px solid #fff;
    border-radius: 50%;
    height: 150px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 150px;
}

.Medium .UserProfileCard__Picture {
    height: 120px;
    width: 120px;
}

.Small .UserProfileCard__Picture {
    height: 100px;
    width: 100px;
}

.UserProfileCard__Picture img {
    border-radius: 50%;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
}

.UserProfileCard__Picture .fa,
.UserProfileCard__Picture span[class*="lk"] {
    background: #002664;
    color: #fff;
    font-size: 80px;
    height: 114px;
    line-height: 114px;
    padding-left: 0;
    width: 114px;;
}

.UserProfileCard__Title {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    margin: 15px 0;
    text-align: center;
}


.UserProfileCard__Title .Subtitle {
    color: #4D4D4D;
    font-size: 12px;
    line-height: 24px;
    text-align: center;
}

.UserProfileCard__Title .Subtitle .Bold {
    font-size: 14px;
}

.UserProfileCard .Progress {
    background-color: rgba(244, 249, 255, .4);
}

.UserProfileCard___Caption {
    display: inline-block;
    font-size: 14px;
    margin-top: 10px;
}

.UserProfileCard___ProfileLink {
    display: inline-block;
    float: right;
    font-size: 14px;
    font-weight: 700;
    margin-top: 10px;
    text-align: right;
}

.UserProfileCard__Status {    
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    margin: 15px 0 0;
    text-align: center;
}

.UserProfileCard__Status.Success {
    color: #64be68;    
}

.UserProfileCard__Status.Warning {
    color: #da6802;    
}

.UserProfileCard__Status.Error {
    color: #d01a1a;    
}

.UserProfileCard__Plate {
    font-size: 12px;
    line-height: 24px;
    margin: 15px 0 10px;
    text-align: center;
}

.UserProfileCard__Plate div {
    color: #4D4D4D;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    background: #fff;    
    padding: 10px 20px;
    margin: 0 auto;
    display: table;
    letter-spacing: 2px;
}

.UserProfileCard_Content {
    background-color: rgba(244, 249, 255, .4);
    color: #002663;
    display: table;
    padding: 25px 20px;    
    table-layout: fixed;
    width: 100%;
}

.Silver .UserProfileCard_Content {
    background-color: #FAFAFA;
}

.UserProfileCard_Content a {
    display: table-cell;
    vertical-align: middle;
    width: 33.3%;
}

.UserProfileCard_Footer {
    display: table;
    min-height: 25px;
    width: 100%;
}

.UserProfileCard__FooterContent {
    display: table-cell;
    font-size: 12px;
    line-height: 1.3;
    padding: 20px;
    vertical-align: top;
}

.UserProfileCard__FooterActions {
    display: table-cell;
    font-size: 14px;
    padding: 20px;
    text-align: right;
    vertical-align: top;
}

.UserProfileCard_Footer a,
.UserProfileCard_Footer a:link,
.UserProfileCard_Footer a:visited {
    color: #fff;
}

.desktop .UserProfileCard_Footer a:hover,
.desktop .UserProfileCard_Footer a:link:hover,
.desktop .UserProfileCard_Footer a:visited:hover {
    color: #002664;
}

.UserProfileCard__FooterActions a .fa,
.UserProfileCard__FooterActions a span[class*="lk"] {
    font-size: 20px;
    margin: 0 0 0 6px;
    vertical-align: middle;
    width: auto;
}

/* responsive */
.tablet.potrait .UserProfileCard,
.phone .UserProfileCard {
    border-radius: 0;
    margin: 0 -25px;
}

.tablet.potrait .PhotoInline .UserProfileCard_Header,
.phone .PhotoInline .UserProfileCard_Header {
    padding-left: 160px;
}

.tablet.potrait .UserProfileCard__Picture,
.phone .UserProfileCard__Picture {
    height: 120px;
    width: 120px;
}

.tablet.potrait .Yellow.PhotoInline .UserProfileCard__Picture,
.phone .Yellow.PhotoInline .UserProfileCard__Picture {
    left: 25px;
}

.tablet.potrait .PhotoInline .UserProfileCard__Picture,
.phone .PhotoInline .UserProfileCard__Picture {
    position: absolute;
}

.tablet.potrait .UserProfileCard__Title,
.phone .UserProfileCard__Title {
    margin: 0 0 10px;
    min-height: 50px;
}

.tablet.potrait .PhotoInline .UserProfileCard__Title,
.phone .PhotoInline .UserProfileCard__Title {
    text-align: left;
}

.tablet.potrait .UserProfileCard___Caption,
.tablet.potrait .UserProfileCard___ProfileLink,
.phone .UserProfileCard___Caption,
.phone .UserProfileCard___ProfileLink {
    display: block;
    float: none;
    font-size: 12px;
    margin: 10px 0 0;
    text-align: left;
}

.tablet.potrait .UserProfileCard___Caption,
.phone .UserProfileCard___Caption {
    margin-top: 5px;
}

.tablet.potrait .UserProfileCard_Content,
.phone .UserProfileCard_Content {
    padding: 10px 20px;
}

/* ---------- Lion King Patterns > UserProfileCard_Link ---------- */
.ProfileCardLink {
    text-align: center;
}

.ProfileCardLink_Header {
    display: inline-block;
    position: relative;
}

.UserProfileCard__Icon {
    font-size: 50px;
}

.UserProfileCard__Badge {
    background: #002664;
    border: 3px solid #f2c64d;
    border-radius: 50%;
    bottom: -4px;
    color: #fff;
    font-size: 14px;
    height: 34px;
    line-height: 28px;
    position: absolute;
    right: -4px;
    width: 34px;
}

.UserProfileCard_Content a:first-child .UserProfileCard__Badge {
    background: #cd0000;
}

.desktop .UserProfileCard_Content a:hover .UserProfileCard__Badge {
    background: #fff;
    color: #002664;
}

.ProfileCardLink_Title {
    font-size: 12px;
    font-weight: 400;
    margin-top: 10px;
    min-height: 32px;
}

/* responsive */
.phone .UserProfileCard__Icon {
    font-size: 40px;
}

.phone .UserProfileCard__Badge {
    font-size: 12px;
    height: 30px;
    line-height: 24px;
    width: 30px;
}

/* ---------- Lion King Patterns > Video ---------- */
.VideoPlayer_Wrapper {
    cursor: pointer;
    display: block;
    position: relative;
    width: 100%;
    
}

.VideoPlayer_Wrapper:hover .fa,
.VideoPlayer_Wrapper:hover span[class*="lk"] {
    color: #ecac02;
    cursor: pointer;
}

.VideoPlayer_Wrapper .VideoContainer {
    position: relative;
    z-index: 1;
}

.VideoPlayer_Wrapper .VideoContainer video {
    cursor: pointer;
    display: block;
    width: 100%;
}

.VideoPlayer_Info {
    background: rgba(0, 0, 0, 0.55);
    bottom: 0;
    color: #fff;
    font-size: 200px;
    left: 0;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}

.VideoPlayer_Info.BottomWhiteBar:after {
    background: #fff;
    bottom: 0;
    content: "";
    height: 20px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    width: 80%;
    z-index: 2;
}

.VideoPlayer__Content {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
        transform: translateY(-50%);
}

.VideoPlayer_Info span {
    display: block;
    text-align: center;
    width: 100%;
}

.VideoPlayer_Info span.Heading1 {
    color: #fff;
}

.VideoPlayer_Info span.Heading2 {
    color: #ecac00;
    font-size: 16px;
    line-height: 24px;
    margin-top: -10px;
}

/* responsive */
.tablet .VideoPlayer_Info span.Heading1,
.phone .VideoPlayer_Info span.Heading1 {
    font-size: 28px;
    line-height: 40px;
}

.phone .VideoPlayer_Wrapper .fa,
.phone .VideoPlayer_Wrapper span[class*="lk"] {
    font-size: 90px;
    top: calc(50% - 45px);
    width: 100%;
}

@media screen and (min-width: 1160px) {
    .desktop.small .VideoPlayer_Wrapper .fa,
    .desktop.small .VideoPlayer_Wrapper span[class*="lk"]    {
        font-size: 180px;
    }
}

/* ---------- Lion King Patterns > ViewMore ---------- */
.ViewMore {
    position: relative;
}

.ViewMore_Content {
    padding-bottom: 3px;
    
}

.ViewMore_Button {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    
}

.ViewMore_Button:before {
    background: rgba(255,255,255,.5);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(75%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 75%);
    background:         -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), color-stop(75%, rgba(255,255,255,1)));
    background:         -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 75%);
    background:         linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 75%);
    bottom: 0;
    content: "";
    height: 180px;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    z-index: 1;

    
    
}

.ViewMore_Button .Button {
    margin: 0;
    min-width: 150px;
    position: relative;
    z-index: 5;
}

.ViewMore.HideButton .ViewMore_Button {
    display: none;
}

/* ---------- Lion King Patterns > YellowBox ---------- */
.YellowBox {
    background-color: rgb(236, 173, 0);
    border-radius: 5px;
    display: block;
    padding: 20px;
    position: relative;
    text-align: left;
    vertical-align: top;
}

.YellowBox .SectionExpandable_header {
    background: transparent;
    padding: 0;
}

.YellowBox .SectionExpandable__title {
    display: table;
    min-height: 56px;
    width: 100%;
}

.YellowBox_Icon {
    color: #002664;
    display: table-cell;
    font-size: 48px;
    text-align: center;
    vertical-align: middle;
    width: 50px;
}

.YellowBox_Icon .fa,
.YellowBox_Icon span[class*="lk"] {
    width: auto;
}

.YellowBox_Title {
    display: table-cell;
    font-size: 26px;
    line-height: 24px;
    padding: 0  30px 0 10px;
    vertical-align: middle;
}

.YellowBox .SectionExpandable__icon.Heading2:before,
.YellowBox .SectionExpandable__icon.Heading2:after {
    display: none;
}

.YellowBox .SectionExpandable_content {
    padding: 0;
}

.YellowBox .SectionExpandable.expanded .SectionExpandable_content {
    padding: 20px 0 0;
}

.YellowBox_Content {
    color: #002663;
    font-size: 18px;
    line-height: 22px;
    position: relative;
}

.YellowBox_Content .Button {
    min-width: 150px;
}

.desktop .YellowBox,
.tablet.landscape .YellowBox {
    height: 100%;
    padding: 30px;
}

.desktop .YellowBox .SectionExpandable_header,
.tablet.landscape .YellowBox .SectionExpandable_header {
    cursor: auto;
}

.desktop .YellowBox_Title,
.tablet.landscape .YellowBox_Title {
    font-size: 34px;
    line-height: 28px;
}

.desktop .YellowBox .SectionExpandable_content,
.desktop .YellowBox .SectionExpandable.expanded .SectionExpandable_content,
.tablet.landscape .YellowBox .SectionExpandable_content,
.tablet.landscape .YellowBox .SectionExpandable.expanded .SectionExpandable_content {
    height: auto !important; /* To ensure javascript behaviour is deactivated */
    overflow: visible !important; /* To ensure javascript behaviour is deactivated */
    padding: 20px 0 0;
}

.tablet.portrait .YellowBox .SectionExpandable__icon.Heading2,
.phone .YellowBox .SectionExpandable__icon.Heading2 {
    display: block;
    font-size: 36px;
    height: 36px;
    line-height: 36px;
    position: absolute;
    right: 0;
    top: 0;
    width: 36px;
}

.tablet.portrait .YellowBox .SectionExpandable__icon.Heading2 .fa,
.tablet.portrait .YellowBox .SectionExpandable__icon.Heading2 span[class*="lk"],
.phone .YellowBox .SectionExpandable__icon.Heading2 .fa,
.phone .YellowBox .SectionExpandable__icon.Heading2 span[class*="lk"] {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.desktop .YellowBox_Content {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox; 
    display: -webkit-flex;
    display: flex;   
    min-height: 110px;
    -webkit-box-pack: justify;
       -ms-flex-pack: justify;
     justify-content: space-between;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
}

/* ----- GDE Login Page designs -----*/
.UserLoginContainer {
    width: 50%;
    margin: 0px;
    padding-left: 40px;
    padding-right: 40px;
}

.UserLoginContainer .TableCell {
    display: table-cell;
}

.UserLoginContainer .TableCell.IconContainer {
    padding-left: 3px;
    vertical-align: middle;
    color: #ecad00;
    font-size: 22px;
}

.UserLoginContainer .SmallCollumnItem_Icon {
    vertical-align: middle;
    font-size: 22px;
}

.UserLoginContainer .SmallCollumnItem_Icon .fa, .UserLoginContainer .SmallCollumnItem_Icon span[class*="lk"] {
    font-size: 32px;
}

.UserLoginContainer .InputUserLogin{
    background-color: #E6F0FF;
}

.UserLoginContainer.FirstContainer {
    border-right: 1px solid #ccc;
}

.UserLoginContainer .Highlight_Title {
    color: #002663;
    font-family: Ubuntu, Arial, Helvetica, sans-serif;
    margin-bottom: 20px;
    font-size: 18px;
}

.UserLoginContainer .PersonalAreaContainer{
    background-color: #E6F0FF;
    padding: 20px 20px 8px 20px;
    vertical-align: middle;
}

.UserLoginContainer .RedFont {
    color: #d01a1a;   
}

.UserLoginContainer .PhoneContainer {
    font-size: 18px;
}
    
.phone .UserLoginContainer {
    width: 100%;
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
}


.phone .UserLoginContainer.FirstContainer {
    border-right: 0px solid #ccc;
}

.UserLoginContainer .ExpandableArrow {
    display: none;   
}

.phone .UserLoginContainer .LoginContainer_Content {
    padding: 0px;
}

.phone .UserLoginContainer .ExpandableArrow {
    display: inline-block;
}

.phone .No-Phone{
    display: none;  
}

.ExpandableArrow .SectionExpandable__icon.Heading2:after {
    -webkit-transform: translateX(-80%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-80%) translateY(-50%) rotate(45deg);
    transform: translateX(-80%) translateY(-50%) rotate(45deg);
}

.ExpandableArrow .SectionExpandable__icon.Heading2:before {
    -webkit-transform: translateX(-20%) translateY(-50%) rotate(-45deg);
    -ms-transform: translateX(-20%) translateY(-50%) rotate(-45deg);
    transform: translateX(-20%) translateY(-50%) rotate(-45deg);
}

.ExpandableArrow  .SectionExpandable.expanded .SectionExpandable__icon.Heading2:after {
    -webkit-transform: translateX(-80%) translateY(-50%) rotate(-45deg);
    -ms-transform: translateX(-80%) translateY(-50%) rotate(-45deg);
    transform: translateX(-80%) translateY(-50%) rotate(-45deg);
}

.ExpandableArrow  .SectionExpandable.expanded .SectionExpandable__icon.Heading2:before {
    -webkit-transform: translateX(-20%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-20%) translateY(-50%) rotate(45deg);
    transform: translateX(-20%) translateY(-50%) rotate(45deg);
}

.ExpandableArrow .Relative {
    position: relative;
    font-size: 16px;
    line-height: 30px;
    padding: 10px 35px 10px 10px;
    font-family: Ubuntu, Arial, Helvetica, sans-serif;
}

.ExpandableArrow .Absolute {
    position: absolute;
    left: -42px;
    top: 20px;
    font-size: 15px;
    vertical-align: middle;
    padding: 5px;
    color: #fff;
}

.ExpandableArrow .Section_header, 
.ExpandableArrow .SectionExpandable_header,
.phone .ExpandableArrow .Section_header, 
.phone .ExpandableArrow .SectionExpandable_header{
    padding: 0px;
    border-style: solid;
    border-radius: 5px;
    border-width: 0px 0px 0px 40px;
    background-color: transparent;
}

.ExpandableArrow .SectionExpandable.expanded .SectionExpandable_header,
.phone .ExpandableArrow .SectionExpandable.expanded .SectionExpandable_header {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.phone .ExpandableArrow .SectionExpandable .SectionExpandable_content {
    padding: 0px 10px 0px 10px;
}

.phone .ExpandableArrow .SectionExpandable.expanded .SectionExpandable_content {
    padding: 10px 10px 20px;
    border: solid;
    border-width: 1px 0px 0px 0px;
    border-color: #ccc;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.ExpandableArrow {
    margin-bottom: 20px;
    margin-top: 20px;
    border-style: solid;
    border-width: 1px;
    border-color: #ccc;
    border-radius: 5px;
}

/* GDE Login */
.LoginContainer.GDELoginContainer{
  display: block;
  margin: 0 auto;
  max-width: 400px;
}

.LoginContainer.GDELoginContainer .LoginContainer_Content {
  display: block;
  margin-bottom: 20px;
  width: 100%;
}

.LoginContainer.GDELoginContainer .LoginContainer_Separator {
  display: block;
  height: 24px;
  left: 0;
  margin-bottom: 20px;
  position: relative;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  width: 100%;
}

.LoginContainer.GDELoginContainer .LoginContainer_Separator:before {
  border-left: 0;
  border-top: 1px solid #ccc;
  left: 0;
  position: absolute;
  top: 10px;
  width: 45%;
}

.LoginContainer.GDELoginContainer .LoginContainer_Separator:after{
  border-right: 0;
  border-top: 1px solid #ccc;
  height: inherit;
  left: 55%;
  position: absolute;
  top: 10px;
  width: 45%;
}

/*** GDE General Contacts ***/

.tablet .GeneralContactsOptions, .phone .GeneralContactsOptions{
    padding: 0px 25px;
}

.GeneralContactsOptions .Header_ButtonMenu {
    color: #002663;
    font-size: 26px;
    font-weight: bold;
    margin-top: 20px;
    padding-bottom: 20px;
}

.GeneralContactsOptions .ContactAlert {
    background-color: #F8DFDE;
    display: inline-block;
    padding: 20px 50px 20px 50px;
    font-size: 14px;
    position: relative;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 24px;
}

.GeneralContactsOptions .ContactAlert .AlertHeader {
    color: #b22222;
    font-weight: bold;
    text-align: left;
}

.Red-x {
    position: absolute;
    left: 20px;
    top: 24px;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: linear-gradient(45deg, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 43%,#b22222 45%,#b22222 55%,rgba(0,0,0,0) 57%,rgba(0,0,0,0) 100%), 
                linear-gradient(135deg, transparent 0%,transparent 43%,#b22222 45%,#b22222 55%,transparent 57%,transparent 100%);
    background: -webkitlinear-gradient(45deg, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 43%,#b22222 45%,#b22222 55%,rgba(0,0,0,0) 57%,rgba(0,0,0,0) 100%), 
                -webkitlinear-gradient(135deg, transparent 0%,transparent 43%,#b22222 45%,#b22222 55%,transparent 57%,transparent 100%);      
}
                
.GeneralContactsOptions .ComboboxLabel {
    display: inline-block;
    margin-right: 10px;
    padding-top: 10px;
    padding-bottom: 16px;
}

.GeneralContactsOptions .ComboboxContainer {
    width: 325px;
}

.phone .GeneralContactsOptions .ComboboxContainer, 
.tablet .GeneralContactsOptions .ComboboxContainer {
    width: 100%;
    min-width: 260px;
    max-width: 325px;
}

.GeneralContactsOptions .Combobox {
    background-color: #d6f0ff;
    font-weight: bold;
    padding: 6px 25px 6px 18px;
    margin-bottom: 10px;
    width: 100%;
}

.GeneralContactsOptions .Combobox.ComboboxAlert {
    background-color: #F8DFDE;
    font-weight: bold;
    border-style: solid;
    border-width: 1px;
    border-color: #CD0000;
}
 
.GeneralContactsOptions .Options {
    margin-bottom: 10px;
    font-size: 18px;
}

.phone .GeneralContactsOptions .Options,
.tablet .GeneralContactsOptions .Options{
    font-size: 16px;
}

.GeneralContactsOptions .Combobox{
    font-size: 18px;
}

.phone .GeneralContactsOptions .Combobox,
.tablet .GeneralContactsOptions .Combobox{
    font-size: 16px;
}

.GeneralContactsOptions .Combobox option{
    background-color: #fff;
}

.GeneralContactsOptions .Combobox.ComboboxAlert option{
    background-color: #fff;
}

.GeneralContactsOptions .Button_Container{
    padding-top: 8px;
}

.GeneralContactsOptions .Button {
    background-color: #ecad00;
    border-color: #ecad00;
    Width: 250px;
}

.phone .GeneralContactsOptions .Button ,
.tablet .GeneralContactsOptions .Button {
    width: 100%;
    min-width: 250px;
    max-width: 325px;
}

.GeneralContactsOptions .Button:hover {
    background-color: #ecad00;
    border-color: #ecad00;
}

/*----- Dynamic Page Download Document  -----*/
.Table_Coverages {
    background: transparent;
    border: 0;
    border-spacing: 0;
    color: #4d4d4d;
    empty-cells: show;
    margin: 0;
    padding: 0;  
    table-layout: fixed;
    width: 100%;
}
    
.Table_Coverages .Table_Header,
.Table_Coverages .Table_Footer {
    background: transparent;
    color: #002664;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    padding: 10px;
    text-align:left;
    vertical-align: middle;
}

.Table_Coverages thead tr:last-child .Table_Header {
    border-bottom: 1px solid #002664;
}

.Table_Coverages .Table_Header.Option,
.Table_Coverages .Table_Footer.Option,
.Table_Coverages .Table_Row.Option {
    background-color: #F2F2F2;
    text-align: right;
}

.Table_Coverages .Table_Header.Option,
.Table_Coverages .Table_Footer.Option {
    font-size: 18px;
    font-weight: 700;
}    

.Table_Coverages thead tr:first-child .Table_Header.Option.First {
    border-top-left-radius: 10px;
}

.Table_Coverages tfoot tr:first-child .Table_Footer.Option.First {
    border-bottom-left-radius: 10px;
}

.Table_Coverages .Table_Header.Option:not(:last-child),
.Table_Coverages .Table_Footer.Option:not(:last-child),
.Table_Coverages .Table_Row.Option:not(:last-child) {
    border-right: 1px dotted #002664;
}

.Table_Coverages thead tr:last-child .Table_Header.Option:last-child {
    border-top-right-radius: 10px;
}

.Table_Coverages tfoot tr:last-child .Table_Footer.Option:last-child {
    border-bottom-right-radius: 10px;
}

.Table_Coverages tfoot tr:not(:first-child) .Table_Footer.Option {
 border-top: 1px solid #c2c2c2;
}

.Table_Coverages tbody tr td {
    border-bottom: 1px solid #c2c2c2;
    padding: 5px 10px;
}

.Table_Coverages .Table_Header.AlignCenter,
.Table_Coverages .Table_Footer.AlignCenter,
.Table_Coverages .Table_Row.AlignCenter {
    text-align: center;
}

.Table_Coverages .Table_Header.AlignRight,
.Table_Coverages .Table_Footer.AlignRight,
.Table_Coverages .Table_Row.AlignRight {
    text-align: right;
}

.Table_Coverages .Table_Header.AlignLeft,
.Table_Coverages .Table_Footer.AlignLeft,
.Table_Coverages .Table_Row.AlignLeft {
    text-align: left;
}

.DynamicButton {
    margin-top: 24px;
}

.DynamicButton .Button {
    background-color: #ecad00;
    border-color: #ecad00;
    padding: 20px;
    height: 60px;
    line-height: 0px;
    font-size: 24px;
}

.DynamicButton .Button:hover {
 background-color: #ecad00;
 border-color: #ecad00;
}

.GDE_DownloadDocument {
    padding-top: 50px;
}

.GDE_DownloadDocument .Heading3 {
    font-size: 28px;
    line-height: 32px;
    color: #002664;
    text-align: center;
    padding-bottom: 20px;
    padding-top: 10px;
}

.GDE_DownloadDocument .DocumentCard {
    display: inline-block;
    margin-top: 20px;
}

.phone.GDE_DownloadDocument .DocumentCard {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.GDE_DownloadDocument .DocumentCard .DocumentCardContainer {
   border: 1px solid #7C93B4;
}

.GDE_DownloadDocument .DocumentCard .DocumentCardContainer .Relative {
    background-color: #7C93B4;
    position: relative;
    padding: 24px 23px 24px 60px;
    color: white;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 28px;
}

.GDE_DownloadDocument .DocumentCard .DocumentCardContainer .Absolute{
    position: absolute;
    left: 24px;
    top: 29px;
    font-size: 23px;
}

.GDE_DownloadDocument .DocumentCard .DocumentCardContainer .DocumentList {
    padding: 0px 2px 8.5px 27.5px;
    font-size: 16px;
    color: #002664;
}

.GDE_DownloadDocument .DocumentCard .DocumentCardContainer .DocumentList span {
    margin-top: 20px;
    margin-right: 14px;
    vertical-align: text-bottom;
    font-weight: 600;
}

.GDE_DownloadDocument .DocumentCard .DocumentCardContainer .DocumentList span a {
    display: block;
}

.GDE_DownloadDocument .DocumentCard .DocumentCardContainer .DocumentList span .fa-file-pdf-o{
    font-size: 23px;
}


/*------------------------------------*\
      $10. Custom Classes
\*------------------------------------*/

.TitleSeparator {
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 10px;
    padding-bottom: 5px;
}

.FakeInput {
    border-bottom: 1px solid #dbdbdb;
    color: #002663;
    margin: 0;
    padding-bottom: 5px;
}

/*------------------------------------*\
      $11. Studio Preview
\*------------------------------------*/

/*------------------------------------*\
      $12. Print
\*------------------------------------*/

/* ---------- LibertyOnline > Disable field placeholders ---------- */
::-webkit-input-placeholder { 
  opacity: 0;
}
::-moz-placeholder {
   opacity: 0;
}
:-ms-input-placeholder { 
   opacity: 0;
}
:-moz-placeholder {
   opacity: 0;
}

/* ---------- LibertyOnline > Remove on IE native eye on input password and cross on input text ---------- */
::-ms-reveal,
::-ms-clear
{
    display: none;
}






