@import url("/WebPatterns/Theme.Patterns_SilkUI.css?3132");

/*

    To override a style copy and paste it to
    the application theme and then modify it

    File: Universal Theme
    
    $0. Fonts
    $1. General Properties
    $2. Structure
    $3. Forms
    $4. Buit-in widgets
    $5. RichWidgets
    $6. Login
    $7. SILK Patterns
    $8. Usefull Classes
    $9. Universal Patterns
    $10. Studio Preview
    $11. Responsive

*/

/*------------------------------------*\
        $0. Fonts
\*-------------------------------------*/

/* Fonts > Import Font */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v16/mem5YaGs126MiZpBA-UNirkOUuhp.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Fonts > Font Definition */
html,
body,
a,
select,
form,
fieldset,
table,
tr,
td,
img,
input,
button,
select,
textarea,
optgroup,
option {
    font-family: "Open Sans", sans-serif;
}

.TileIcon_text,
.TileNumber_text,
.TileIconText_label,
.Heading1,
.Heading2,
.Heading3,
.Heading4,
.Header_title a,
.EditableTable thead td,
.TableRecords_Header {
    font-family: "Open Sans", sans-serif;
}

/*------------------------------------*\
    $1. General Properties
\*-------------------------------------*/

html,
body,
form,
.Page {
    height: 100%;
    position: relative;
}

body,
select,
textarea,
input {
    color: #39484e;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.43;
}

body {
    background-color: #ffffff;/*#edf1f3;*/
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-overflow-scrolling: touch;
}

/*------------------------------------------------------------*/
/* 1.1 General Properties > a links ***************************/
/*------------------------------------------------------------*/

.Header a,
.Header a:link,
.Header a:visited {
    color: #f9fafc;
    -webkit-transition: color 100ms ease;
            transition: color 100ms ease;
}

.desktop a:hover,
.desktop a:link:hover,
.desktop a:visited:hover{
    cursor: pointer;
    opacity: .6;
}

a:hover,
a:link:hover,
a:visited:hover{
    text-decoration: none;
}

.desktop .Application_Title a:hover,
.desktop .Application_Title a:link:hover,
.desktop .Application_Title a:visited:hover {
    opacity: 1;
}

a.active {
    color: #f9fafc;
    opacity: .6;
    text-decoration: none;
}

div[onclick] {
    cursor: pointer; /* add a pointer cursor when the div has a click event */
}
/*------------------------------------------------------------*/
/* 1.2 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
\*-------------------------------------*/

/*------------------------------------------------------------*/
/* 2.1 Structure > Header *************************************/
/*------------------------------------------------------------*/

.Header {
    background: #005288;
    min-height: 190px;
    max-height: 600px;
    line-height: 50px;
    position: relative;
    top: 0;
    width: 100%;
    /*z-index: 20;*/
    
    
    background-color: #005288;
    background-image: url("/Universal_Resources/img/header_bg.PNG?3328");
    background-repeat:no-repeat;  
    background-size:98% 38px;
}


.Header .Header_center {
    /*padding-top: 25px;*/
    margin-top: 35px;
    position: relative;
    z-index: 9001;
}

.Layout_Carousel .Header,
.Layout_Image .Header {
    overflow: hidden;
}

.tablet .Header_center.ThemeGrid_Container,
.phone .Header_center.ThemeGrid_Container {
    padding: 0;
    
}

/* Structure > Header Background */
.Header_background {
    background-color: #005288;
    height: 100%;
    opacity: .8;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
    margin-top: 5px;
}

.Page.UseHeaderFade .Header .Header_background {
    display: none;
}

/* Structure > Header Title */
.Header_Title {
    float: left;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    z-index: 1;
    
}

.phone .Header_Title {
    left: 60px;
    position: absolute;
    right: 60px;
    text-align: center;
}

/* Structure > Header Search */
.Header_Search {
    display: inline-block;
    margin-right: 20px;
    min-width: 100px;
}

/* Search inside header */
/* Search inside header */
.Search_wrapper input[type="text"] {
    background-color: #fff;
    border: 1px solid #d4dcdf;
    border-radius: 2px;
    box-shadow: none;
    height: 40px;
    line-height: 38px;
    padding-left: 30px;
}


.Search_wrapper input[type="text"]:focus {
    border-color: #ddd;
    box-shadow: none;
}

.Search_wrapper:after {
    left: 10px;
    top: 9px;
}

.Header .Search_wrapper input[type="text"] {
    background-color: transparent;
    border: 0;
    border-radius: 30px;
    color: #fff;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    height: 30px;
    width: 100px;
}

.Header .Search_wrapper input[type="text"]::placeholder {
    color: #f9fafc;
    font-size: 13px;
    font-weight: 400;
}

.Header .Search_wrapper input[type="text"]:focus {
    width: 200px;
}

.Header .Search_wrapper:after {
    color: #f9fafc;
    left: 10px;
    pointer-events: none;
}

.phone .Application_Menu .Others_Menu .Header_Search {
    margin-left: 30px;
    margin-right: 0;
}

/* Structure > Header Menu */
.Header_Menu,
.Header_Menu .ListRecords {
    display: block;

    
}

.Header_Menu a,
.Header_Menu a:link,
.Header_Menu a:visited {
    color: #fff;
}

.Header_Menu a:hover,
.Header_Menu a:link:hover,
.Header_Menu a:visited:hover {
    color: #fff;
}

/* Structure > Header Others Menu */
.Others_Menu {
    margin-right: 0px;
    position: absolute;
    right: 0;
    top: 0;
    white-space: nowrap;
}

.desktop.small.UseSidebar .Others_Menu {
    margin-right: 55px;
}

/*
We change the button for desktop devices because
phone that have a big screen are taken as tablets 
and the screen seems to be not responsive
.tablet.UseSidebar .Others_Menu {
    margin-right: 40px;
}
*/
.tablet .Others_Menu {
    display: block;
    margin-right: 0;
    position: relative;
    width: 100%;
    margin-top: 10px;
}

.tablet .Application_Menu .Others_Menu a:link,
.tablet .Application_Menu .Others_Menu a:visited {
    padding: 0;
}

.tablet .Application_Menu .Others_Menu .Login_Info {
    width: 100%;
    height: 40px;
    line-height: 30px;
}

.tablet .Application_Menu .Others_Menu .Login_Info a {
    /*display: none;*/
    line-height: 40px;
}

.tablet .Application_Menu .Others_Menu .Login_Info .Logout_Icon a {
    display: block;
}

.tablet .Application_Menu .Others_Menu .Login_Info .Logout_Icon {
    position: absolute;
    right: 15px;
}

.phone .Others_Menu {
    display: block;
    margin-right: 0;
    position: relative;
    width: 100%;
    margin-top: 10px;
}

.phone .Application_Menu .Others_Menu a:link,
.phone .Application_Menu .Others_Menu a:visited {
    padding: 0;
}

.phone .Application_Menu .Others_Menu .Login_Info {
    width: 100%;
    height: 40px;
    line-height: 30px;
}

.phone .Application_Menu .Others_Menu .Login_Info a {
    /*display: none;*/
    line-height: 40px;
}

.phone .Application_Menu .Others_Menu .Login_Info .Logout_Icon a {
    display: block;
}

.phone .Application_Menu .Others_Menu .Login_Info .Logout_Icon {
    position: absolute;
    right: 15px;
}

/* Structure > Header Button Menu */
a.Header_ButtonMenu {
    color: #fff;
    display: none;
    float: left;
    font-size: 20px;
    text-align: center;
    width: 50px;
}

.desktop a.Header_ButtonMenu {
    color: #dab702;
}

.tablet a.Header_ButtonMenu,
.phone a.Header_ButtonMenu {
    display: block;
    width: 50px;
}

.Page.active .Header_ButtonMenu {
    color: #dab702;
}

/* Structure > Header Login Info */
.Login_Info,
.AppSwitcherContainer,
a.Login_Info_Username,
a.Login_Info_Username:link,
a.Login_Info_Username:visited {
    color: #333;
    font-size: 100%;
    font-weight: normal;
}

.Login_Info_Logout {
    font-size: 22px;
}

.Login_Info_Logout:before,
.Login_Info_Username:before,
.AppSwitcherContainer:before,
.AppSwitcherLink[disabled="disabled"]:before {
    color: #b3b3b3;
    font-family: FontAwesome;
    font-size: 14px;
    margin-right: 5px;
}

.Login_Info_Username:before {
    content: "\f007";
}

.Login_Info_Logout:before {
    content: "\f011";
    margin-right: 0;
}

/* Responsive Context */
.tablet .Login_Info_Logout:before,
.phone .Login_Info_Logout:before {
    font-size: 20px;
}

.Logout_Icon {
    border-radius: 50%;
    text-align: center;
    width: 22px;
}

.tablet .Login_Info {
    margin: 5px;
}

.Application_Title a,
.Application_Title a:link,
.Application_Title a:visited,
.Application_Title a:hover {
    color: #fff;
    padding-right: 10px;
    text-decoration: none;
}

.phone .Application_Title a,
.phone .Application_Title a:link,
.phone .Application_Title a:visited,
.phone .Application_Title a:hover {
    padding-right: 0;
}

.Header .Application_Title img {
    max-height: initial;
    vertical-align: middle;
}

.tablet .Header .Application_Title img,
.phone .Header .Application_Title img {
    margin-top: 4px;
}

/* Responsive Context */
.tablet .Application_Title,
.phone .Application_Title {
    padding: 0;
}

.Login_Info {
    background-color: rgba(19, 24, 25, 0.4);
    border-radius: 3px;
    height: 48px;
    line-height: 48px;
    padding: 0 10px;
}

.Login_Info img {
    padding-right: 10px;
    padding-top: 10px;
}

.Logout_Icon img {
    padding-top: 14px;
}

.Logout_Icon .fa {
    color: #fdb900;
}

/*------------------------------------------------------------*/
/* 2.2 Structure > Menu ***************************************/
/*------------------------------------------------------------*/

.Menu_TopMenus,
.Menu_TopMenus_Custom{
    width: 100%;
}

/* Item Menu */
.Menu_TopMenus,
.Menu_TopMenus_Custom {
    position: relative;
}

/* Link/Button Menu */
.Menu_TopMenu a:link,
.Menu_TopMenu a:visited,
.Menu_TopMenu a,
.Menu_TopMenu_Custom a:link,
.Menu_TopMenu_Custom a:visited,
.Menu_TopMenu_Custom a{
    color: rgba(249, 250, 252, 0.4);
    display: inline-block;
    font-size: 20px;
    font-weight: 400;
    padding: 0 20px;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all 300ms ease;
            transition: all 300ms ease;
}
.tablet .Menu_TopMenu a,
.phone .Menu_TopMenu a,
.tablet .Menu_TopMenu_Custom a,
.phone .Menu_TopMenu_Custo a {
    text-align: left;
}

/* Hover Menu */
.Menu_TopMenu a:hover,
.Menu_TopMenu_Custom a:hover{
    color: #fff;
}

/* Pointer */
.Menu_TopMenu .Menu_DropDownArrow,
.Menu_TopMenu_Custom .Menu_DropDownArrow {
    border-top-color: #fff;
    opacity: .5;
    position: absolute;
    right: 8px;
    top: 50%;
    -webkit-transition: all 300ms ease;
            transition: all 300ms ease;
}

.Menu_DropDownButton.open .Menu_TopMenu .Menu_DropDownArrow,
.Menu_DropDownButton_Custom.open .Menu_TopMenu_Custom .Menu_DropDownArrow {
    border-top-color: #dab702;
    opacity: 1;
    -webkit-transform: rotate(180deg) translateY(2px);
            transform: rotate(180deg) translateY(2px);
}

.Menu_DropDownButton.open .Menu_TopMenu a,
.Menu_DropDownButton_Custom.open .Menu_TopMenu_Custom a {
    color: #fff;
}

/* Active Menu */

/* Submenu Item */
.Menu_DropDownPanel,
.Menu_DropDownPanel_Custom{
    background-color: #005288;
    border: none;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
}

.desktop .Menu_DropDownPanel,
.desktop .Menu_DropDownPanel_Custom{
    background-color: transparent;
    box-shadow: none;
    left: 30px;
    overflow: visible!important;
    position: absolute;
    top: 74px;
    width: 100%;
}

/* Active Menus */
.Menu_TopMenuActive a:link,
.Menu_TopMenuActive a:visited,
a.Menu_SubMenuItemActive:link,
a.Menu_SubMenuItemActive:visited {
    color: #fff;
}

/* Reset any inherit styles (e.g.: ChicagoMobile -> Chicago) */
div.Menu_DropDownPanel a,
div.Menu_DropDownPanel a:link,
div.Menu_DropDownPanel a:visited,
div.Menu_DropDownPanel_Custom a,
div.Menu_DropDownPanel_Custom a:link,
div.Menu_DropDownPanel_Custom a:visited{
    color: #717578;
    height: auto;
}

div.Menu_DropDownPanel a:hover,
div.Menu_DropDownPanel a:link:hover,
div.Menu_DropDownPanel a:visited:hover,
div.Menu_DropDownPanel_Custom a:hover,
div.Menu_DropDownPanel_Custom a:link:hover,
div.Menu_DropDownPanel_Custom a:visited:hover{
    color: #fff;
}

/* SubMenu */
.Menu_DropDownPanel a.Menu_SubMenuItem,
.Menu_DropDownPanel a.Menu_SubMenuItem:link,
.Menu_DropDownPanel a.Menu_SubMenuItem:visited,
.Menu_DropDownPanel_Custom a.Menu_SubMenuItem,
.Menu_DropDownPanel_Custom a.Menu_SubMenuItem:link,
.Menu_DropDownPanel_Custom a.Menu_SubMenuItem:visited,
.Menu_TopMenus .InlineDropdown_text {
    color: rgba(255, 255, 255, .8);
    display: inline-block;
    font-size: 16px;
    line-height: 16px;
    min-width: 0px;
    padding: 3px 20px;
    vertical-align: middle;
}

/* hover submenu item */
.Menu_DropDownPanel a.Menu_SubMenuItem:hover,
.Menu_DropDownPanel a.Menu_SubMenuItem.Menu_SubMenuItemActive,
.Menu_DropDownPanel_Custom a.Menu_SubMenuItem:hover,
.Menu_DropDownPanel_Custom a.Menu_SubMenuItem.Menu_SubMenuItemActive {
    background-color: transparent;
    color: #ffffff;
}

/* Menu tablet and phone */
.tablet .Application_Menu,
.phone .Application_Menu {
    background: #005188;
    bottom: 0;
    display: block;
    width: 250px;
    height: auto;
    left: 0;
    overflow: auto;
    position: fixed;
    top:60px;
    /* Enable hardware acceleration */
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    /* Animate the menu when opening and closing */
    -webkit-transition: all 300ms ease-out;
            transition: all 300ms ease-out;
                
    /* reduce animation flickering */
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-perspective: 1000;
        -ms-perspective: 1000;
            perspective: 1000;
}

.phone .Application_Menu {
    overflow-x: hidden;
    width: 100%;
}

.tablet.active .Application_Menu,
.phone.active .Application_Menu {
    -webkit-transform: translateX(0);
            transform: translateX(0);
}

.tablet .Application_Menu .Menu_TopMenu,
.phone .Application_Menu .Menu_TopMenu,
.tablet .Application_Menu .Menu_TopMenu_Custom,
.phone .Application_Menu .Menu_TopMenu_Custom{
    border-top-width: 1px;
    margin: 0;
    padding: 0 0;
    width: 100%;
}

.tablet .Application_Menu .Menu_DropDownButton.open .Menu_TopMenu,
.phone .Application_Menu .Menu_DropDownButton.open .Menu_TopMenu,
.tablet .Application_Menu .Menu_DropDownButton_Custom.open .Menu_TopMenu_Custom,
.phone .Application_Menu .Menu_DropDownButton_Custom.open .Menu_TopMenu_Custom{
    box-shadow: 0 3px 1px rgba(0,0,0,.3);
}

.tablet.active .Menu_Container,
.phone.active .Menu_Container {
    margin-bottom: 44px; /* iphone bottom toolbar */
    right: 0;
    width: 100%;
}

.tablet .Application_Menu .Menu_DropDownButton,
.phone .Application_Menu .Menu_DropDownButton,
.tablet .Application_Menu .Menu_DropDownButton_Custom,
.phone .Application_Menu .Menu_DropDownButton_Custom{
    display: block;
    position: relative;
}

.tablet .Application_Menu a,
.phone .Application_Menu a,
.tablet .Application_Menu a:link,
.phone .Application_Menu a:link,
.tablet .Application_menu a:visited,
.phone .Application_menu a:visited {
    border: 0;
    box-sizing: border-box;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    padding: 0 30px;
    -webkit-transform: translateX(-300px) scale(.5);
            transform: translateX(-300px) scale(.5);
    -webkit-transition: all 300ms ease;
            transition: all 300ms ease;
    width: 100%;
}

.tablet.active .Application_Menu a,
.phone.active .Application_Menu a,
.tablet.active .Application_Menu a:link,
.phone.active .Application_Menu a:link,
.tablet.active .Application_Menu a:visited,
.phone.active .Application_Menu a:visited {
    height: 50px;
    -webkit-transform: translateX(0) scale(1);
            transform: translateX(0) scale(1);
    text-align: left;
}

.tablet .Application_Menu .InlineDropdown,
.phone .Application_Menu .InlineDropdown {
    display:block;
    margin-left:0;
}

.tablet .Application_Menu .Menu_DropDownPanel,
.phone .Application_Menu .Menu_DropDownPanel,
.tablet .Application_Menu .Menu_DropDownPanel_Custom,
.phone .Application_Menu .Menu_DropDownPanel_Custom{
    background-color: rgba(0, 0, 0, .3);
    border: 0;
    box-shadow: none;
    margin: 0;
    padding: 0;
    position: static;
}

.tablet .Application_Menu .Menu_DropDownArrow,
.phone .Application_Menu .Menu_DropDownArrow {
    position: absolute;
    right: 14px;
    top: 21px;
}

.tablet .DropdownMenu a,
.tablet  div.Menu_DropDownPanel .DropdownMenu a,
.tablet  div.Menu_DropDownPanel_Custom .DropdownMenu a,
.phone .DropdownMenu a,
.phone  div.Menu_DropDownPanel .DropdownMenu a,
.phone  div.Menu_DropDownPanel_Custom .DropdownMenu a{
    height: initial !important; /* ensure override */
}

.MenuSlider_IsOpen .LoginInfo {
    font-size: 30px;
}


.desktop .Header_Menu {
    margin-bottom: -2px;
}

.desktop .Header_Menu .Menu_TopMenu a,
.desktop .Header_Menu .Menu_TopMenu a:link,
.desktop .Header_Menu .Menu_TopMenu a:visited,
.desktop .Header_Menu .Menu_TopMenu_Custom a,
.desktop .Header_Menu .Menu_TopMenu_Custom a:link,
.desktop .Header_Menu .Menu_TopMenu_Custom a:visited{
    border-bottom: 2px solid transparent;
    height: 73px;
}


.desktop .Header_Menu .Menu_TopMenu.Menu_TopMenuActive a,
.desktop .Header_Menu .Menu_DropDownButton.open .Menu_TopMenu a,
.desktop .Header_Menu .Menu_TopMenu a:hover,
.desktop .Header_Menu .Menu_TopMenu a:link:hover,
.desktop .Header_Menu .Menu_TopMenu a:visited:hover,
/*.desktop .Header_Menu .Menu_TopMenu_Custom.Menu_TopMenuActive a,*/
.desktop .Header_Menu .Menu_DropDownButton_Custom.open .Menu_TopMenu_Custom a,
.desktop .Header_Menu .Menu_TopMenu_Custom a:hover,
.desktop .Header_Menu .Menu_TopMenu_Custom a:link:hover,
.desktop .Header_Menu .Menu_TopMenu_Custom a:visited:hover{
    border-bottom: 2px solid #fdb900;
    color: #f9fafc;
}

.desktop .Header_Menu .Menu_TopMenu.Menu_TopMenuActive a:before,
.desktop .Header_Menu .Menu_DropDownButton.open .Menu_TopMenu a:before,
.desktop .Header_Menu .Menu_TopMenu a:hover:before,
/*.desktop .Header_Menu .Menu_TopMenu_Custom.Menu_TopMenuActive a:before,*/
.desktop .Header_Menu .Menu_DropDownButton_Custom.open .Menu_TopMenu_Custom a:before,
.desktop .Header_Menu .Menu_TopMenu_Custom a:hover:before {
    border-bottom: 5px solid #fdb900;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 0;
    bottom: 2px;
    content: "";
    height: 0;
    left: 48%;
    position: absolute;
    top: unset;
    width: 0;
}


.Menu_TopMenu .Menu_DropDownArrow,
.Menu_DropDownButton.open .Menu_TopMenu .Menu_DropDownArrow,
.Menu_TopMenu_Custom .Menu_DropDownArrow,
.Menu_DropDownButton_Custom.open .Menu_TopMenu_Custom .Menu_DropDownArrow{
    opacity: 0;   
}


.InlineDropdown_label {
    padding: 0 10px;
}

.Menu_TopMenus .InlineDropdown_label .fa-fw{
    color: #fdb900;
    font-size: 12px;
    margin-left: -20px;
    padding-top: 18px;
}

.Menu_TopMenus .DropdownMenu {
    top: 90%;
}

.DropdownMenu {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    color: #005288;
}

.DropdownMenu a,
div.Menu_DropDownPanel .DropdownMenu a,
div.Menu_DropDownPanel_Custom .DropdownMenu a{
    background-color: #fff;
    height: 30px;
    color: #005288;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    display: block;
}

.DropdownMenu a:hover,
div.Menu_DropDownPanel .DropdownMenu a:hover,
div.Menu_DropDownPanel_Custom .DropdownMenu a:hover{
    background-color: rgba(0, 82, 136, 0.11);
    color: #005288;
    opacity: 1;
}

.Menu_TopMenus .DropdownMenu:before {
    border-bottom: 5px solid #fff;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    content: "";
    left: 30px;
    position: absolute;
    top: -5px;
}

.tablet .Menu_TopMenus .DropdownMenu,
.phone .Menu_TopMenus .DropdownMenu {
    position: relative;
}

.TopMenu {
    height: 30px;
    position: relative;
    z-index: 2;
}

.desktop .LogoMenu {
    border-bottom: 1px solid rgba(197, 215, 227, 0.35);
    margin-top: 2px;
    padding-bottom: 0;
    position: relative;
}


/*------------------------------------------------------------*/
/* 2.3 Structure > Footer *************************************/
/*------------------------------------------------------------*/

.Footer {
    background: #005288;
    font-size: 12px;
    line-height: initial;  
    text-align: center;
    width: 100%;
    
}

.Footer a,
.Footer a:link,
.Footer a:visited {
    color: #005288;
    font-size: 12px;
    font-weight: 500;
}

/*------------------------------------------------------------*/
/* 2.4 Structure > Content ************************************/
/*------------------------------------------------------------*/

.Page > .Content {
    background: #ffffff;/*#fbfdfe;*/
    min-height: 300px;
    padding-top: 0;
}

/* If we use sidebar */
.desktop:not(.small).UseSidebar .Content {
    margin-right: 300px;
}

html .ThemeGrid_Container {
    max-width: 1240px;
    padding: 0;
}

.ThemeGrid_Container {
    margin-left: auto;
    margin-right: auto;
}

/* Structure > Main Content */
.desktop .MainContent {
    margin: auto;
    max-width: 1240px;
    min-height: 100%;
    padding: 60px 0;
    
}

.Page.active .MainContent {
    pointer-events: none;
}

/*------------------------------------------------------------*/
/* 2.5 Structure > Sidebar ************************************/
/*------------------------------------------------------------*/

a.Header_ButtonSidebar {
    color: #fff;
    display: none;
    float: right;
    font-size: 20px;
    text-align: center;
    width: 40px;
}

.desktop.small.UseSidebar a.Header_ButtonSidebar,
.tablet.UseSidebar a.Header_ButtonSidebar {
    display: block;
}

.Sidebar {
    border-left: 1px solid #ddd;
    height: 100%;
    padding: 20px 10px;
    position: fixed;
    right: -320px;
    top: 50px;
    width: 300px;

    
    
    
}

.desktop .Sidebar,
.desktop.hd .Sidebar,
.desktop.big .Sidebar {
    right: 0;
}

.desktop.small .Sidebar,
.tablet .Sidebar {
    background-color: #edf1f3;
    right: -300px;
    -webkit-transition: -webkit-transform 300ms ease;
            transition:         transform 300ms ease;
}

.desktop.small .Sidebar.open,
.tablet .Sidebar.open {
    -webkit-transform: translateX(-300px);
            transform: translateX(-300px);
}

.ie8.desktop.small .Sidebar.open {
    right: 0px;
}

.phone .Sidebar {
    position: relative;
    right: 0;
    width: 100%;
}

/*------------------------------------------------------------*/
/* 2.6 Structure > Title Section ******************************/
/*------------------------------------------------------------*/

.Title_Section .Title,
.phone .Title_Section .Title {
    color: #005288;
    font-family: "Open Sans", sans-serif;
    font-size: 42px;
    font-weight: 400;
    line-height: 60px;
    margin: 0;
    width: 50%;
}

.desktop .Title_Section .Title,
.tablet .Title_Section .Title {
    /*overflow: hidden;
    text-overflow: ellipsis;*/
    white-space: nowrap;
}

.Layout_Image .Title_Section .Title {
    width: 100%;
}

.Title_Section .Heading2 {/* Base text style */
    color: #131819;
    display: block;
    font-family: "Open Sans", sans-serif;
    font-size: 20px;
    font-weight: 300;
    line-height: 30px;
    margin-top: 5px;
}

.Title_Section {
    color: #333;
    margin: auto;
    max-width: 1240px;
    /*padding: 60px 0 0;*/
    padding: 0;
}

.Title_Section.Black {
    background-color: #131819;
    color: #fff;
}

.Title_Section.Blue {
    background-color: #0074c1;
    color: #fff;
}

.Title_Section.Transparent {
    background-color: transparent;
}

.Title_Section.White {
    background-color: #fff;
}

.Title_Section.Yellow {
    background-color: #dab702;
    color: #fff;
}

.Title_Section.Orange {
    background-color: #da6802;
    color: #fff;
}

.Title_Section.Red {
    background-color: #d01a1a;
    color: #fff;
}

.Title_Section.DarkRed {
    background-color: #b10000;
    color: #fff;
}

.Title_Section.Plum {
    background-color: #c32b87;
    color: #fff;
}

.Title_Section.DarkPlum {
    background-color: #970263;
    color: #fff;
}

.Title_Section.Green {
    background-color: #388e3c;
    color: #fff;
}

.Title_Section.LightGreen {
    background-color: #64be68;
    color: #fff;
}

.Title_Section.Turquoise {
    background-color: #00b0c1;
    color: #fff;
}

.Title_Section.DarkBlue {
    background-color: #194968;
    color: #fff;
}

.Title_Section.Silver {
    background-color: #dadbde;
}

.Title_Section.Gray {
    background-color: #79868a;
    color: #fff;
}

.Title_Section.BackgroundFixed {
    background-attachment: fixed;
}

.tablet .Title_Section.BackgroundFixed,
.phone .Title_Section.BackgroundFixed {
    background-attachment: scroll;
}

.UseSidebar .Title_Section {
    margin: 70px 20px 0 20px;
    padding: 20px;
}

.Title_Section.Silver .SectionWebsite_title,
.Title_Section.Transparent .SectionWebsite_title,
.Title_Section.White .SectionWebsite_title {
    color: #333333;
}

.Title_Section.Yellow .SectionWebsite_title {
    color: #ffffff;
}

/* Structure > Page Title Actions */
.Title_Section .Actions {
    line-height: 32px;
    text-align: right;
    width: 50%;
}

.Title_Section .Actions a {
    margin-left: 20px;
    text-decoration: none;
}

.Title_Section .Actions a:first-child {
    margin-left: 0;
}

.phone.portrait .Actions {
    margin-bottom: 0;
    position: relative;
    text-align: center;
    width: 100%;
}

.phone.portrait .Actions .Button {
    margin: 0;
    margin-bottom: 10px;
    width: 100%;
}

.phone.portrait .Actions .Button:last-child {
    margin-bottom: 0;
}

.phone .Title_Section .Title {
    margin-bottom: 10px;
    text-align: center;
    width: 100%;
}

.phone .Title_Section .Actions,
.phone .Title_Section a.ActionAdd,
.phone .Title_Section a.ActionEdit,
.phone .Title_Section a.ActionDelete,
.phone .Title_Section a.ActionChange {
    width: 100%;
}

.tablet .Title_Section .Title{
    width: 100%;
    overflow: visible;
    text-overflow: initial;
    white-space: normal;
}


.Title_Links {
    font-size: 14px;
    margin-top: 5px;
}

/*------------------------------------------------------------*/
/* 2.7 Structure > Website ************************************/
/*------------------------------------------------------------*/

.Website .ThemeGrid_Container {
    max-width: 1280px;
}

.Website .MainContent {
    margin: 0;
    min-height: inherit;
    padding: 0;

     /* push the footer down on preview */
}

.Website .Footer {
    background-color: inherit;
    height: auto;
    padding: 0;
    position: static;
    width: auto;
}

.SectionWebsite {
    text-align: center;
}

.SectionWebsite.UsePadding {
    padding: 40px 0;
}

.SectionWebsite .AccordionVertical,
.SectionWebsite .Box.Silver,
.SectionWebsite .Box.White,
.SectionWebsite .Panel,
.SectionWebsite .Card,
.SectionWebsite .SectionExpandable,
.SectionWebsite.Transparent .Box.Transparent,
.SectionWebsite.Silver .Box.Transparent,
.SectionWebsite.Silver .Section,
.SectionWebsite.White .Box.Transparent,
.SectionWebsite.Transparent .Section {
    color: #333;
}

.SectionWebsite .Box,
.SectionWebsite .Box.Transparent {
    color: #fff;
}

.SectionWebsite_title {
    color: #fff;
    margin-bottom: 40px;
    text-align: center;
}

/*------------------------------------------------------------*/
/* 2.8 Structure > Layout_Carousel ****************************/
/*------------------------------------------------------------*/
.Layout_Carousel .Title_Section,
.Layout_Carousel .Header .owl-item img ~ div {
    margin-top: 80px;
    padding: 0 60px 230px;
    position: absolute;
    width: 100%;
    z-index: 2;
}

.Layout_Carousel .Title_Section .Title,
.Layout_Carousel .Header .owl-item img ~ div {
    color: #fff;
    font-size: 72px;
    line-height: 72px;
}

.Layout_Carousel .Header .owl-item:after,
.CategoryBlock_Image:after {
    --background: linear-gradient(270deg, rgba(9, 52, 82, 0.2) 0%, #00375a 100%);
    background: linear-gradient(360deg, rgba(255, 255, 255, 0.2) 50%, #00375a 100%)!important;
    content: ".";
    display: block;
    height: 571px;
    opacity: .8;
    position: absolute;
    top: -5px;
    width: 100%;
    visibility: visible !important;
    z-index: 1;
}

.CategoryBlock_Image:after {
    height: 300px;
    top: 0;
}

.Layout_Carousel .Header_center {
    z-index: 2;
}

.Layout_Carousel .Header_image .owl-item img {
    padding-bottom: 0;
    width: 100%;
}

.Layout_Carousel .Header_image {
    height: 570px;
    margin-top: -100px;
    position: absolute;
    width: 100%;
}

.Layout_Carousel .Header {
    height: 600px;
    max-height: 600px;
}

.Layout_Carousel .Header_image .owl-item img ~ div {
    font-family: "Open Sans", sans-serif;
    left: 50%;
    line-height: 82px;
    margin-left: -630px;
    margin-top: 200px;
    /*max-width: 700px;*/
    position: absolute;
    text-align: left;
    top: 0;
}

.Layout_Carousel .Header_image .owl-item div.carousel-description{
    font-size: 24px;
    font-family: "Open Sans", sans-serif;
    min-height: 82px;
}

.Layout_Carousel .Header_image .owl-item div.carousel-title,
.MainContent .owl-item div.carousel-title{
    min-height: 82px;
    color: #fff;
    font-size: 72px;
    line-height: 72px;
    padding: 0;
}

.Layout_Carousel .Header .owl-theme .owl-controls .owl-page span {
    background: #92a1a8;
}

.Layout_Carousel .Header .owl-theme .owl-controls .owl-page.active span,
.Layout_Carousel .Header .owl-theme .owl-controls.clickable .owl-page:hover span {
    background-color: #f9fafc;
    opacity: .99;
}

.Layout_Carousel .Header .owl-theme .owl-controls {
    margin-top: -50px;
}

.Layout_Carousel .Header .owl-carousel .owl-item {
    position: relative;
}

.Layout_Carousel .owl-prev.fa.fa-fw.fa-angle-left {
    left: -20px;
    position: absolute;
}
.phone.Layout_Carousel .owl-prev.fa.fa-fw.fa-angle-left,
.tablet.Layout_Carousel .owl-prev.fa.fa-fw.fa-angle-left {
    left: 0px;
}

.Layout_Carousel .owl-next.fa.fa-fw.fa-angle-right {
    position: absolute;
    right: -20px;
}

.phone.Layout_Carousel .owl-next.fa.fa-fw.fa-angle-right,
.tablet.Layout_Carousel .owl-next.fa.fa-fw.fa-angle-right{
    right: 0px;
}

.Layout_Carousel .owl-theme .owl-controls .owl-buttons div {
    background: transparent;
    font-size: 50px;
}

.Layout_Carousel .Header .owl-wrapper-outer {
    height: 566px;
}

.Layout_Carousel .Header .owl-prev.fa.fa-fw.fa-angle-left {
    left: 20px;
    position: absolute;
}

.Layout_Carousel .Header .owl-next.fa.fa-fw.fa-angle-right {
    position: absolute;
    right: 20px;
}

.Layout_Carousel .Header .owl-theme .owl-controls .owl-buttons div {
    color: rgba(255,255,255,.7);
}

.phone .owl-carousel,
.tablet .owl-carousel {
    overflow: hidden;
}

.owl-item img {
    padding-bottom: 20px;
}

.owl-next.fa.fa-fw.fa-angle-right {
    right: -10px;
}

.owl-prev.fa.fa-fw.fa-angle-left {
    left: -10px;
}

/*------------------------------------------------------------*/
/* 2.8 Structure > Layout_Image *******************************/
/*------------------------------------------------------------*/
.Layout_Image .Header_image img {
    margin-top: -99px;
    width: 100%;
}

.Layout_Image .Title_Section {
    left: 50%;
    margin-left: -630px;
    margin-top: 120px;
    padding: 0 60px 230px;
    position: absolute;
    width: 100%;
    z-index: 2;
}

.Layout_Image .Title_Section .Title {
    color: #fff;
    font-size: 72px;
    line-height: 72px;
}

.Layout_Image .Header_background {
    --background: linear-gradient(270deg, rgba(9, 52, 82, 0.2) 0%, #00375a 100%);
    background: linear-gradient(360deg, rgba(255, 255, 255, 0.2) 50%, #00375a 100%);
    height: 100%;
    --opacity: .8;
    position: absolute;
    top: -5px;
    width: 100%;
    --z-index: 1;
}

.Layout_Image .Header_center {
    z-index: 2;
}

.Layout_Image .BottomContent {
    background: #f9fafc;
    border-top: 1px solid #d4dcdf;
    color: #005288;
    padding: 40px 60px;
}

.desktop.Layout_Image .BottomContent > * {
    margin: auto;
    max-width: 1240px;
}

.tablet.Layout_Image .BottomContent,
.phone.Layout_Image .BottomContent {
    margin: 20px -20px -20px;
    padding: 20px;
}

/*------------------------------------*\
    $3. Forms
\*-------------------------------------*/

html input {
    height: 34px;
}

textarea,
select,
input {
    font-size: 14px;
}

textarea:focus,
select:focus,
input:focus {
    border-color: #aaa;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}

/*------------------------------------------------------------*/
/* 3.1 Forms > Radio Button & Checkbox ************************/
/*------------------------------------------------------------*/

html input[type="radio"],
html input[type="checkbox"] {
    background-color: transparent;
    box-shadow: none !important;
    height: 20px;
}

input[type="checkbox"]:after {
    border: 3px solid #333;
    border-right: 0;
    border-top: 0;
    height: 5px;
    left: 20%;
    top: 23%;
    width: 11px;
}

input[type="radio"]:before,
input[type="checkbox"]:before {
    box-shadow: none;
}

input[type="radio"]:focus,
input[type="checkbox"]:focus {
    border: 0;
}

.ie input[type="radio"],
.ie input[type="checkbox"],
.ie .Form input[type="radio"],
.ie .Form input[type="checkbox"] {
    border-radius: 0;
}


input[type="radio"]:before {
    background: #fff;
    border-color: #d4dcdf;
    border-radius: 20px;
    border-style: solid;
    border-width: 1px;
    box-shadow: inset 0 0 5px #ccc;
    content: " ";
    display: block;
    height: 100%;
    width: 100%;
}

input[type="radio"]:after {
    background: #005288;
    border: 2px solid #005288;
    border-radius: 8px;
    content: " ";
    display: table;
    height: 8px;
    left: 25%;
    opacity: 0;
    position: absolute;
    top: 25%;
    width: 8px;
}

/*Checkbox*/

input[type="checkbox"]:before {
    background: #fff;
    border-color: #d4dcdf;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: inset 0 0 5px #ccc;
    content: " ";
    display: block;
    height: 100%;
    width: 100%;
}

input[type="checkbox"]:after {
    border: none;
    border-right: 0;
    border-top: 0;
    color: #005288;
    content: "\f00c";
    font-family: FontAwesome;
    font-size: 14px;
    height: 5px;
    left: 23%;
    top: 4%;
    transform: initial;
    width: 11px;
}
/*------------------------------------------------------------*/
/* 3.2 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"] {
    background-color: #fff;
    border: 1px solid #d4dcdf;
    border-radius: 3px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    font-size: 14px;
    line-height: 38px;
    vertical-align: initial;
}

textarea
{
    line-height: 26px;
}

select {
    box-shadow: none;
    height: 32px;
    line-height: 20px;
    padding: 4px 6px;
}

.ie8 select {
    padding: 6px;
}

.select2-container .select2-choice {
    border-radius: 3px;
}

/*------------------------------------------------------------*/
/* 3.3 Forms > ReadOnly & Disabled ****************************/
/*------------------------------------------------------------*/

.desktop .Form:not(.ReadOnly),
.tablet .Form:not(.ReadOnly) {
    cursor: text;
    padding-right: 100px;
}

select.ReadOnly {
    cursor: pointer;
}

.Form input.ReadOnly:not(.Not_Valid),
.Form textarea.ReadOnly:not(.Not_Valid),
.Form select.ReadOnly:not(.Not_Valid) {
    border-radius: 2px;
    box-shadow: none;
    cursor: pointer;
}

.Form input.ReadOnly:not(.Not_Valid):focus,
.Form textarea.ReadOnly:not(.Not_Valid):focus,
.Form select.ReadOnly:not(.Not_Valid):focus {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 2px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}

.Form input.ReadOnly:not(.Not_Valid),
.Form textarea.ReadOnly:not(.Not_Valid),
.Form select.ReadOnly:not(.Not_Valid) {
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}

.Form textarea.ReadOnly[readonly="readonly"],
.Form textarea.ReadOnly[disabled="disabled"],
.Form select.ReadOnly[disabled="disabled"],
.Form input.ReadOnly[readonly="readonly"],
.Form input.ReadOnly[disabled="disabled"],
.Form input[disabled="disabled"].ReadOnly:not(.Not_Valid),
.Form input[readonly="readonly"].ReadOnly:not(.Not_Valid),
.Form textarea[disabled="disabled"].ReadOnly:not(.Not_Valid),
.Form textarea[readonly="readonly"].ReadOnly:not(.Not_Valid),
.Form select[disabled="disabled"].ReadOnly:not(.Not_Valid),
.Form select[readonly="readonly"].ReadOnly:not(.Not_Valid),
textarea[disabled="disabled"],
textarea[readonly="readonly"],
select[disabled="disabled"],
input[readonly="readonly"],
input[disabled="disabled"] {
    background-color: #f5f5f5;
    cursor: not-allowed;
}

input[disabled="disabled"][type="text"]:focus,
input[disabled="disabled"][type="password"]:focus,
textarea[disabled="disabled"]:focus,
textarea[readonly="readonly"]:focus,
select[disabled="disabled"]:focus,
input[readonly="readonly"]:focus,
input[disabled="disabled"]:focus,
.Form input[readonly="readonly"].ReadOnly:not(.Not_Valid):focus,
.Form input[disabled="disabled"].ReadOnly:not(.Not_Valid):focus,
.Form textarea[readonly="readonly"].ReadOnly:not(.Not_Valid):focus,
.Form textarea[disabled="disabled"].ReadOnly:not(.Not_Valid):focus,
.Form select[readonly="readonly"].ReadOnly:not(.Not_Valid):focus,
.Form select[disabled="disabled"].ReadOnly:not(.Not_Valid):focus {
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}

input[type="radio"].ReadOnly,
input[type="checkbox"].ReadOnly,
.Form input.ReadOnly[disabled="disabled"][type="radio"],
.Form input.ReadOnly[readonly="readonly"][type="radio"],
.Form input.ReadOnly[disabled="disabled"][type="checkbox"],
.Form input.ReadOnly[readonly="readonly"][type="checkbox"],
.Form input[type="radio"].ReadOnly,
.Form input[type="checkbox"].ReadOnly {
    background-color: transparent;
    border-width: 0;
}

/*------------------------------------------------------------*/
/* 3.4 Forms > Not Valid **************************************/
/*------------------------------------------------------------*/

.Form input.Not_Valid,
.Form select.Not_Valid,
.Form textarea.Not_Valid,
input.Not_Valid,
select.Not_Valid,
textarea.Not_Valid {
    border-radius: 4px;
}

.Form textarea.Not_Valid:focus,
.Form textarea.Not_Valid,
textarea.Not_Valid:focus,
textarea.Not_Valid {
    padding: 10px 12px;
}

select.Not_Valid:focus,
input.Not_Valid:focus,
textarea.Not_Valid:focus {
    border: 1px solid #bf1601;
}

.Form input[type="checkbox"].Not_Valid,
.Form input[type="radio"].Not_Valid,
input[type="checkbox"].Not_Valid,
input[type="radio"].Not_Valid {
    border: transparent;
    padding: 0;
}

.Form input.ReadOnly,
.Form textarea.ReadOnly {
    background: #fff;
}

/*------------------------------------*\
    $4. Buit-in widgets
\*-------------------------------------*/

/*------------------------------------------------------------*/
/* 4.1 Buit-in widgets > Filter Form **************************/
/*------------------------------------------------------------*/

.Filters_Wrapper {
    background: #fff;
    border-radius: 0;
    line-height: 32px;
    padding: 10px;
}

.Filters_Wrapper .Button {
    margin-left: 10px;
}

/*------------------------------------------------------------*/
/* 4.2 Buit-in widgets > EditableTable ************************/
/*------------------------------------------------------------*/

.EditableTable {
    border: 1px solid #ddd;
}

.EditableTable thead tr th {
    background-color: #fff;
    border-bottom: 1px solid #ddd;
}

.EditableTable thead td {
    color: #333;
    font-weight: bold;
}

.EditableTable tr:nth-child(odd) {
    background-color: #fafafa;
}

.EditableTable tbody tr:not(.RowControlGroup) td {
    border-bottom: 1px solid #ddd;
}

td.RowWithAddAction {
    background: none repeat scroll 0 0 #fff;
    border-bottom: none;
    padding: 0;
}

td.RowWithAddAction a {
    padding: 10px 0 10px 22px;
}

.EditableTable tr.RowControlGroup a {
    color: #005288;
}

.EditableTable tr.RowControlGroup a:hover {
    color: #005288;
}

/*------------------------------------------------------------*/
/* 4.3 Buit-in widgets > TableRecords *************************/
/*------------------------------------------------------------*/

.TableRecords {
    background-color: transparent;
    border: none;
    box-shadow: none;
    padding: 5px 0 0;
}

.TableRecords_Header {
    border-bottom: solid 1px #dadbde;
    color: #92a1a8;
    font-size: 14px;
    font-weight: 500;
    padding: 10px;
    text-transform: none;
}

.TableRecords > tbody > tr:hover {
    background: #fff;
}

.TableRecords_OddLine,
.TableRecords_EvenLine {
    border-bottom: none;
}

.TableRecords_OddLine {
    background-color: #fafafa;
}

.TableRecords_EvenLine {
    background: #fff;
}

.TableRecords_OddLine:first-child,
.TableRecords_EvenLine:first-child,
.TableRecords_Header:first-child {
    padding-left: 20px;
}

.TableRecords_OddLine,
.TableRecords_EvenLine {
    border-bottom: 1px solid #eee;
    padding: 5px 10px;
}

.TableRecords_OddLine:not(:first-child),
.TableRecords_EvenLine:not(:first-child) {
    border-left: 1px solid #eee;
}
.TableRecords_OddLine:not(:first-child),
.TableRecords_EvenLine:not(:first-child) {
    border-left: none;
}

.desktop .TableRecords_Header:first-child,
.tablet .TableRecords_Header:first-child {
    border-left: none;
}

.desktop .TableRecords_Header:last-child,
.tablet .TableRecords_Header:last-child {
    border-right: none;
}

.desktop .TableRecords_OddLine:first-child,
.desktop .TableRecords_EvenLine:first-child,
.tablet .TableRecords_OddLine:first-child,
.tablet .TableRecords_EvenLine:first-child {
    border-left: 1px solid #dadbde;
    padding-left: 20px;
}

.desktop .TableRecords_OddLine:last-child,
.desktop .TableRecords_EvenLine:last-child,
.tablet .TableRecords_OddLine:last-child,
.tablet .TableRecords_EvenLine:last-child {
    border-right: 1px solid #dadbde;
}

/*------------------------------------*\
              $5. RichWidgets
\*-------------------------------------*/

/*------------------------------------------------------------*/
/* 5.1 RichWidgets > Feedback Ajax Loading ********************/
/*------------------------------------------------------------*/

.Feedback_AjaxWait {
    background-color: rgb(0, 82, 136);
    border-radius: 6px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: 0 4px 4px 5px rgba(0, 0, 0, .2);
    font-size: 16px;
    padding: 20px;
    right: 0;
    left: 0;
    width: auto;
    bottom: 0;
    color: #cba900;
}

.Feedback_AjaxWait .Loader {
    background: url(/Universal_Resources/img/loading.gif?3328) no-repeat;
    color: #005288;
    height: 16px;
    position: relative;
    text-indent: -9999em;
    width: 16px;
}


/*------------------------------------------------------------*/
/* 5.2 RichWidgets > Feedback Message *************************/
/*------------------------------------------------------------*/

div.Feedback_Message_Wrapper {
    left: 0;
    margin-top: 102px;
    z-index: 4023;
}

div.Feedback_Message_Error,
div.Feedback_Message_Success,
div.Feedback_Message_Warning,
div.Feedback_Message_Info {
    border-radius: 3px;
    box-shadow: none;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    line-height: normal;
    max-width: 100%;
    min-width: 300px;
    padding: 10px 40px 10px 40px;
    word-break: break-word;

    -webkit-backface-visibility: hidden;
}

div.Feedback_Message_Info:before,
div.Feedback_Message_Success:before,
div.Feedback_Message_Error:before,
div.Feedback_Message_Warning:before {
    font-size: 20px;
    left: 15px;
    top: 9px;
}

a.Feedback_Message_Wrapper_Close {
    color: #000;
    opacity: .3;
    right: 10px;
    top: 8px;
}

a.Feedback_Message_Wrapper_Close:hover {
    opacity: .6;
}

.tablet a.Feedback_Message_Wrapper_Close,
.phone a.Feedback_Message_Wrapper_Close {
    pointer-events: none;
}

div.Feedback_Message_Error .Feedback_Message_Wrapper_Close:after,
div.Feedback_Message_Warning .Feedback_Message_Wrapper_Close:after,
div.Feedback_Message_Info .Feedback_Message_Wrapper_Close:after,
div.Feedback_Message_Success .Feedback_Message_Wrapper_Close:after {
    color: #000;
    content: "\f00d";
    font-family: FontAwesome;
    text-align: right;
}

div.Feedback_Message_Success a.Feedback_Message_Wrapper_Close,
div.Feedback_Message_Error a.Feedback_Message_Wrapper_Close,
div.Feedback_Message_Warning a.Feedback_Message_Wrapper_Close,
div.Feedback_Message_Info a.Feedback_Message_Wrapper_Close {
    opacity: 1;
}

/* RichWidgets > Feedback Message > Success */
div.Feedback_Message_Success {
    background-color: #dff0d8;
    border: 1px solid #cbe0ba;
    color: #346b35;
}

div.Feedback_Message_Success:before {
    color: #7dc62b;
}

div.Feedback_Message_Success a.Feedback_Message_Wrapper_Close:after {
    color: #346b35;
}

/* RichWidgets > Feedback Message > Error */
div.Feedback_Message_Error {
    background-color: #f5e7e7;
    border: 1px solid #ead8d8;
    color: #843534;
}

div.Feedback_Message_Error:before {
    color: #e58d8d;
}

div.Feedback_Message_Error a.Feedback_Message_Wrapper_Close:after {
    color: #843557;
}

/* RichWidgets > Feedback Message > Warning */
div.Feedback_Message_Warning {
    background-color: #fcf8e3;
    border: 1px solid #f1deb6;
    color: #8a6d3b;
}

div.Feedback_Message_Warning:before {
    color: #eabd30;
}

div.Feedback_Message_Warning a.Feedback_Message_Wrapper_Close:after {
    color: #8a6d3b;
}

/* RichWidgets > Feedback Message > Info */
div.Feedback_Message_Info {
    background-color: #fcf8e3;
    border: 1px solid #f1deb6;
    color: #8a6d3b;
}

div.Feedback_Message_Info:before {
    color: #eabd30;
}

div.Feedback_Message_Info a.Feedback_Message_Wrapper_Close:after {
    color: #8a6d3b;
}

/*------------------------------------------------------------*/
/* 5.3 RichWidgets > List Navigation **************************/
/*------------------------------------------------------------*/

a.ListNavigation_PageNumber:link,
span.ListNavigation_CurrentPageNumber,
span.ListNavigation_Ellipsis,
a.ListNavigation_Previous:link,
a.ListNavigation_Next:link {
    background: #fff;
    border: 1px solid #999;
    border-radius: 0;
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 0;
    padding: 6px 20px;
    text-align: center;
    text-shadow: none;
    vertical-align: middle;
    white-space: nowrap;
}

a.ListNavigation_PageNumber:link,
a.ListNavigation_Previous:link,
a.ListNavigation_Next:link {
    background: transparent;
    border: none;
    border-radius: 0;
    color: #758790;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 0;
    padding: 6px 11px;
    text-align: center;
    text-shadow: none;
    vertical-align: middle;
    white-space: nowrap;
}

span.ListNavigation_CurrentPageNumber {
    background-color: #f8fafb;
    border: 1px solid #d4dcdf;
    border-radius: 4px;
    color: #005288;
    font-weight: 700;
    padding: 6px 11px;
}

span.ListNavigation_Ellipsis {
    display: none;
}

.ListNavigation_Next:after,
.ListNavigation_DisabledNext:after {
    content: "\f105";
    font-family: FontAwesome;
    margin-left: 5px;
}

.ListNavigation_Previous:before,
.ListNavigation_DisabledPrevious:before {
    content: "\f104";
    font-family: FontAwesome;
    margin-right: 5px;
}

/*------------------------------------------------------------*/
/* 5.4 RichWidgets > Popup Editor *****************************/
/*------------------------------------------------------------*/

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-color: rgba(0, 82, 136, 1);
    height: 50px;
    /*padding-top: 10px;*/
}

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-image: url(/SilkUIFramework/img/PopupCloseDark.png?6415);
    opacity: .3;
    right: 20px;
    top: 20px;
}

div.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-titlebar-close-no-title {
    opacity: .3;
}

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: #fff;
    font-size: 22px;
    font-weight: 400;
}

/*------------------------------------*\
        $6. Login
\*------------------------------------*/

.Login {
    background-color: #005288;
    /*background-image: radial-gradient(circle 497px at 16.42% 87.08%, rgba(255, 255, 255, .2) 0%, transparent 100%), radial-gradient(circle 242px at 21.53% 91.67%, #005288 0%, #005288 100%);
    */
    background-image: url(/Universal_Theme/img/portadacollageoficinascopy.jpg?6415);
    background-size: cover;
    color: #fff;
    height: 100%;
    min-height: 280px;
    position: absolute;
    width: 100%;

    
    
}

.Login_Box {
    padding-top: 20px;
}

.phone .Login_Box {
    left: 50%;
    margin-left: 0 !important;
    margin-top: 0 !important;
    padding-top: 0;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
       -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
}

.Login__Logo {
    padding-bottom: 10px;
}

.Login_background {
    
    background-color: rgba(0, 0, 0, 0.3);
}

.Login_background img {
    
    
}

.Login__Form {
    background-color: transparent;
    padding: 20px 20px;
}

.phone .Login_Footer {
    padding: 15px 0;
}

label {
    color: #758790;
    /*margin: 30px 0 5px 10px;*/
}

.Login__Form label {
    color: #e8e8e8;
    font-size: 14px;
    font-weight: 700;
}

.Login__Form {
    background-color: transparent;
    padding: 20px 0;
}

.Login__Form input[type="text"],
.Login__Form input[type="password"] {
    background-color: rgba(255, 255, 255, .8);
    box-shadow: none;
    color: #4d636d;
    font-size: 16px;
}

.Login__Form input[type="checkbox"]:before {
    background: #fdb900;
    border-color: #fdb900;
    box-shadow: none;
}

input.Button:focus {
    border-bottom: none;
}

/* Accordion Harrow */
.fa-angle-down:before {
    padding-left: 1px;
}

/* Burguer */
.fa-bars {
    cursor: pointer;
}

/*------------------------------------*\
        $7 SILK Patterns
\*------------------------------------*/

/*------------------------------------------------------------*/
/* 7.1 SILK Patterns > Content ********************************/
/*------------------------------------------------------------*/

/* SILK Patterns > Accordion */
.AccordionVertical {
    background-color: #fff;
    border: 1px solid #dadbde;
    box-shadow: 0 0 4px rgba(198, 209, 213, .73);
}

.AccordionVertical_item.open .AccordionVertical__header {
    font-weight: 400;
}

.AccordionVertical___title {
    color: #005288;
    font-weight: 500;
}

.AccordionVertical___icon {
    border-left: 0;
    color: #949fa3;
}

.AccordionVertical___icon > .fa {
    border: 0;
}

.AccordionVertical_item.open .AccordionVertical___icon > .fa {
    border: 0;
    color: #daaf03;
}

.AccordionVertical_item.open > .AccordionVertical__header > .AccordionVertical___icon > .fa {
    background-color: transparent;
    border: none;
    border-radius: 22px;
    color: #005288;
    height: 22px;
    -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
            transform: rotate(-180deg);
    width: 22px;
}

/* SILK Patterns > Alert */
.Alert {
    border-radius: 2px;
}

.Alert.Info {
    background-color: #d9edf7;
    border-color: #c8dee9;
    color: #31708f;;
}

.Alert.Info span.fa {
    color: #5eb1db;
}

.Alert.Success {
    background-color: #dff0d8;
    border-color: #cbe0ba;
    color: #346b35;
}

.Alert.Success span.fa {
    color: #7dc62b;
}

.Alert.Error {
    background-color: #f5e7e7;
    border-color: #ead8d8;
    color: #843534;
}

.Alert.Error span.fa {
    color: #e58d8d;
}

.Alert.Warning {
    background-color: #fcf8e3;
    border-color: #f1deb6;
    color: #8a6d3b;
}

.Alert.Warning span.fa {
    color: #eabd30;
}

/* SILK Patterns > Balloon */
.Balloon {
    border-radius: 3px;
}

/* Format the Balloon Arrow Position */
.Balloon .tooltipster-arrow-top.tooltipster-arrow {
    top: 0;
}

.Balloon .tooltipster-arrow-bottom.tooltipster-arrow {
    top: 0;
}

.Balloon .tooltipster-arrow-left.tooltipster-arrow {
    left: -1px;
}

.Balloon .tooltipster-arrow-right.tooltipster-arrow {
    left: 1px;
}

/* SILK Patterns > BlankSlate */
.Blank {
    border-style: dashed;
}

/* SILK Patterns > Box */


/* SILK Patterns > Bullets */


/* SILK Patterns > ButtonsArea */


/* SILK Patterns > Cards */
.Card {
    background-color: #fff;
    border: 1px solid #dadbde;
    box-shadow: 0 1px 3px rgba(211, 211, 211, .5);
}

/* SILK Patterns > Carousel */
.owl-theme .owl-controls .owl-buttons div {
    background: transparent;
    color: #79868a;
    font-size: 30px;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    background-color: #fdb900;
}

/* SILK Patterns > Info */
.InfoTooltip {
    color: #0074c1;
    margin: 0 10px;
}


/* SILK Patterns > Modal */


/* SILK Patterns > Panel */
.Panel {
    background-color: #fff;
    border: none;
    border-radius: 3px;
    box-shadow: 0 0 4px rgba(198, 209, 213, .73);
}

.Panel .Panel_footer {
    border-top-style: dashed;
}

/* SILK Patterns > Post */
.Post .Post_icon img {
    border: 1px solid #dadbde;
    border-radius: 4px;
}

.Post .Post__label {
    color: #131819;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
}

.Post__description {
    color: #4d636d;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    margin-top: 2px;
}

/* SILK Patterns > Section */


/* SILK Patterns > Section Expandable */
.SectionExpandable {
    background-color: #fff;
    border: 1px solid #dadbde;
    box-shadow: 0 1px 3px rgba(211, 211, 211, .5);
}

.SectionExpandable .SectionExpandable_header {
    color: #005288;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    padding: 10px;
}

.SectionExpandable .SectionExpandable_header .Heading2 {
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
}

.SectionExpandable.expanded .SectionExpandable_header .Heading2 {
    color: #005288;
}

.SectionExpandable .SectionExpandable_header .Heading2.SectionExpandable__icon {
    color: #005288;    
    font-size: 24px;
}

/* SILK Patterns > Separator */


/* SILK Patterns > Tooltip */
.tooltip_style {
    background-color: #fff;
    border: 1px solid #dadbde;
    color: #79868a;
    padding: 6px;
}

/* TOOLTIP FIX */
.tooltipster-arrow-top .tooltipster-arrow-border,
.tooltipster-arrow-top-right .tooltipster-arrow-border,
.tooltipster-arrow-top-left .tooltipster-arrow-border,
.tooltipster-arrow-top span,
.tooltipster-arrow-top-right span,
.tooltipster-arrow-top-left span {
    bottom: -8px;
}

.tooltipster-arrow-bottom span,
.tooltipster-arrow-bottom-right span,
.tooltipster-arrow-bottom-left span,
.tooltipster-arrow-bottom .tooltipster-arrow-border,
.tooltipster-arrow-bottom-right .tooltipster-arrow-border,
.tooltipster-arrow-bottom-left .tooltipster-arrow-border {
    top: -8px;
}

.tooltipster-arrow-left span,
.tooltipster-arrow-left .tooltipster-arrow-border {
    right: -8px;
}

.tooltipster-arrow-right span,
.tooltipster-arrow-right .tooltipster-arrow-border {
    left: -8px;
}

/*------------------------------------------------------------*/
/* 7.2 SILK Patterns > Controls *******************************/
/*------------------------------------------------------------*/

/* SILK Patterns > ButtonGroup */
.ButtonGroup_button.Button {
    color: #005288;
}
.ButtonGroup_button.Button:first-child {
    border-radius: 3px 0 0 3px;
    border-right-color: #d4dcdf;
    border-right-style: solid;
    border-right-width: 1px;
}

.ButtonGroup_button.Button:last-child {
    border-radius: 0 3px 3px 0;
    border-right: none;
}

.desktop .ButtonGroup_button.Button.disabled,
.desktop .ButtonGroup_button.Button.disabled:hover {
    background-color: #f5f5f5;
    box-shadow: inset 0 -1px 0 rgba(19, 24, 25, .3);
}

.ButtonGroup_button.active,
.desktop .ButtonGroup_button.active:hover {
    background: none;
    background-color: rgba(0, 82, 136, 1); 
    border-bottom-width: 1px;
    box-shadow: none;
    color: #FFF;
}

.ButtonGroup_button.active span.fa,
.desktop .ButtonGroup_button.active:hover span.fa {
    color: #fff;
}

.phone .ButtonGroup_button.Button:first-child {
    border-bottom-left-radius: 0;
    border-top-right-radius: 3px;
}

.phone .ButtonGroup_button.Button:last-child {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.phone .NoResponsive > .ButtonGroup .ButtonGroup_button.Button:first-child {
    border-bottom-left-radius: 3px;
    border-top-right-radius: 0;
}


.phone .NoResponsive > .ButtonGroup .ButtonGroup_button.Button:last-child {
    border-bottom-left-radius: 0;
    border-top-right-radius: 3px;
}

.ButtonGroup {
    outline: 1px solid #d4dcdf;
    -webkit-transition: outline-color .3s ease-out;
            transition: outline-color .3s ease-out;
    width: 100%;
}

.desktop .ButtonGroup_button.Button.disabled,
.desktop .ButtonGroup_button.Button.disabled:hover {
    background-color: #f0f6f9;
    box-shadow: none;
    color: #92a1a8;
}


.ButtonGroup_button.active span.fa,
.desktop .ButtonGroup_button.active:hover span.fa {
    color: #005288;
}

.ButtonGroup_button * {
    color: #005288;
}


.ButtonGroup_button.Button:hover {
    color: rgba(253, 184, 36, 1); 
}

.ButtonGroup_button.Button {
    height: 32px;
    line-height: 30px; 
}


/* SILK Patterns > Calendar */
.Calendar-navBtn > div {
    color: #005288;
}

.Calendar-day-selected,
.Calendar-day-selected:hover {
    background: #fdb900;
    border-radius: 100px;
    color: #005288;
}

.Calendar-day:hover,
.Calendar-bottomBar-today:hover,
.triggerTime:hover,
.triggerTimeBack:hover {
    background: #fdb900;
    border-radius: 100px;
    color: #005288;
    cursor: pointer;
}


/* SILK Patterns > Dropdown */
.DropdownMenu .PH > a {
    color: #005288;
}

.ButtonDropdown.open .ButtonDropdown_button.Button {
    background-color: #f5f5f5;
    border-bottom-width: 1px;
    box-shadow: inset 0 2px 4px 0 rgba(18,20,20,.2);
}

.ButtonDropdown.open .ButtonDropdown_button.Button .ButtonDropdown_icon {
    background-color: transparent;
}

.ButtonDropdown_button.Button {
    padding-right: 0;
}
.ButtonDropdown_icon {
    background-color: #f5f5f5;
    height: 29px;
    margin-left: 10px;
    width: 30px;
}

.phone .ButtonDropdown_icon,
.tablet .ButtonDropdown_icon {
    height: 35px;
}

.ButtonDropdown_button.Button:hover .ButtonDropdown_icon {
    background-color: transparent;
    -webkit-transition: all 100ms ease;
            transition: all 100ms ease;
}

.IconDropdown_button.Button {
    padding-right: 0;
}

.IconDropdown_button.Button .IconDown {
    background-color: #f6f6f6;
    height: 29px;
    margin-left: 10px;
    width: 30px;
}

.phone .IconDropdown_button.Button .IconDown,
.tablet .IconDropdown_button.Button .IconDown {
    height: 35px;
}

.IconDropdown_button.Button:hover .IconDown {
    background-color: transparent;
    -webkit-transition: all 100ms ease;
            transition: all 100ms ease;
}

.IconDropdown.open .IconDropdown_button.Button {
    background-color: #f5f5f5;
    box-shadow: inset 0 2px 4px 0 rgba(18,20,20,.2);
}

.IconDropdown.open .IconDropdown_button.Button .IconDown {
    background-color: transparent;
}

.ButtonDropdown_button.Button {
    background-color: #fff;
    border: 1px solid #dcdcdc;
    border-radius: 2px;
    padding-right: 0;
}

.ButtonDropdown_icon {
    background-color: #fff;
    color: #fdb900;
    height: 38px;
    margin-left: 10px;
    width: 30px;
}

.desktop .ButtonDropdown .Button:hover {
    background-color: #f6f6f6;
    border: 1px solid #dcdcdc;
}

.IconDropdown_button.Button {
    background: #fff;
    color: #fcc83a;
    padding-right: 0;
}

.IconDropdown_button.Button .IconDown {
    background-color: #fff;
    height: 38px;
    margin-left: 10px;
    width: 30px;
}

.desktop .IconDropdown .Button:hover {
    background-color: #f6f6f6;
    border: 1px solid #dcdcdc;
}


/* SILK Patterns > FileUpload */
.FileUpload {
    border-radius: 4px;
}

/* SILK Patterns > InputWithIcons */
.InputWithIcons.Right .InputIcon {
    border-bottom-right-radius: 1px;
    border-top-right-radius: 1px;
}

.InputWithIcons .InputIcon {
    background-color: transparent;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    height: 32px;
    left: 1px;
    line-height: 32px;
    padding: 0 10px;
    pointer-events: none;
    position: absolute;
    top: 1px;
}

/* SILK Patterns > RangeSlider */
.SliderRange .ui-slider-range {
    background-color: #fdb900;
    border-radius: 16px;
    box-shadow: none;
    height: 16px;
}

.SliderRange {
    background-color: #dadbde;
    border: none;
    border-radius: 16px;
    box-shadow: none;
    height: 16px;
}

.SliderRange .ui-slider-handle,
.phone .SliderRange .ui-slider-handle,
.tablet .SliderRange .ui-slider-handle {
    background: none;
    background-color: #fff;
    border-radius: 30px;
    box-shadow: 0 1px 3px rgba(107, 107, 107, .3);
    height: 30px;
    top: -6px;
    width: 30px;
}

.SliderRange .ui-slider-handle:before,
.phone .SliderRange .ui-slider-handle:before,
.tablet .SliderRange .ui-slider-handle:before {
    height: 12px;
    left: 9px;
    margin-left: 0;
    top: 8px;
}

.SliderRange .ui-slider-handle:after,
.phone .SliderRange .ui-slider-handle:after,
.tablet .SliderRange .ui-slider-handle:after {
    height: 12px;
    left: 13px;
    top: 8px;
    width: 2px;
}

.SliderRange .ui-slider-handle:active {
    box-shadow: none;
}

/* SILK Patterns > Search */
.tablet .Application_Menu input[type=search] {
    padding-left: 28px!important;
}

.tablet .Header .Search_wrapper:after {
    color: #a9a9a9;
}

/* SILK Patterns > Select2 */
.select2-container .select2-choice .select2-arrow,
.select2-container .select2-choice div {
    background-color: #f6f6f6;
    border-left: 0;
    width: 30px;
}

.select2-container .select2-choice .select2-arrow b,
.select2-container .select2-choice div b {
    background-position: 7px 2px;
    width: 40px;
}

.select2-dropdown-open .select2-choice .select2-arrow b,
.select2-dropdown-open .select2-choice div b {
    background-position: -11px 2px;
}

.select2-container .select2-choice span {
    color: #005288;
}

.select2-dropdown-open .select2-choice {
    background-color: #fff;
}

.select2-drop.select2-drop-active {
    border-top: 1px solid #dadbde;
    padding-top: 5px;
}

.select2-search input {
    background-position: -35px -22px;
    height: 28px !important; /* ensure override */
    padding-left: 28px;
}

.select2-results .select2-highlighted {
    background-color: #e5eaec;
    color: #4d636d;
    font-weight: 400;
}

.select2-search .FormEditPencil {
    margin-left: -25px;
}

/* SILK Patterns > ToggleButton */
.ToggleButton {
    background-color: #dadbde;
    border: 0;
    border-radius: 40px;
}

.ToggleButton.changed {
    background-color: #4ec054;
}

.ToggleButton_label {
    margin: 0;
}

.ToggleButton_label:after,
.ToggleButton_label.changed:after {
    border-radius: 20px;
    box-shadow: 0 1px 1px rgba(107, 107, 107, .5);
    top: 6px;
}

/*------------------------------------------------------------*/
/* 7.3 SILK Patterns > Data ***********************************/
/*------------------------------------------------------------*/

/* SILK Patterns > Badge */
.Badge {
    border-radius: 0;
    padding: 1px 0;
}

/* SILK Patterns > Counter */
.Counter {
    background-color: #fff;
    border-bottom: solid 4px #fff;
}

.Counter_label {
    color: #949fa3;
}

.Counter_number {
    color: #384142;
    font-weight: bold;
}

/* SILK Patterns > IconBadge */
.IconBadge_number {
    border: 0;
    border-radius: 0;
    position: absolute;
    text-shadow: none;
    top: -6px;
}

/* SILK Patterns > ProgressBar */
.Progress {
    background-color: #dadbde;
    border-radius: 40px;
    box-shadow: none;
}

.Progress_bar {
    border-radius: 40px;
}

/* SILK Patterns > Tile */
.Tile {
    background-color: #fff;
    border-bottom: solid 4px #fff;
    color: #949fa3;
}

.TileIcon_icon,
.TileNumber_number,
.TileIconText_icon {
    color: #384142;
}

/* SILK Patterns > UserInitials */
.UserInitials {
    background-color: transparent;
    border: solid 2px transparent;
    box-sizing: content-box;
}

/*------------------------------------------------------------*/
/* 7.4 SILK Patterns > Layout *********************************/
/*------------------------------------------------------------*/

/* SILK Patterns > Layout Popup */
.MainPopup {
    background: #fff;
    display: table-cell;
    padding: 14px 16px;
    vertical-align: top;
}

.MainPopup .Button.ThemeGrid_MarginGutter {
    margin-left: 10px;
}

/*------------------------------------------------------------*/
/* 7.5 SILK Patterns > Mobile *********************************/
/*------------------------------------------------------------*/

/* SILK Patterns > BottomMenu */
.BottomMenu_wrapper {
    background-color: #fff;
    border-color: transparent;
    border-top-style: solid;
    border-top-width: 0;
    display: table;
    table-layout: fixed;
    width: 100%;
}

.BottomMenu_item.active {
    background-color: #fff;
    color: #131819;
}

.BottomMenu_item.active span.fa {
    color: #131819;
}

.BottomMenu_wrapper a span.fa,
.BottomMenu_item span.fa {
    color: #bdc5c7;
}

/* SILK Patterns > ListItem */
.ListItem {
    background-color: #fff;
    border: 1px solid #e5eaec;
    padding-left: 15px;
}

a .ListItem:after {
    color: #949fa3;
}

a:hover > .ListItem {
    background-color: #f7f9f9;
}

a > .ListItem {
    font-weight: 500;
}

.ListItemContent {
    color: #005288;
}


/* SILK Patterns > ListItemGroup */
.ListItemGroup .ListItem {
    border: 0;
    border-bottom: solid 1px  #dadbde;
}

.ListItemGroup {
    background-color: #fff;
    border: 1px solid #e5eaec;
}

/* SILK Patterns > ListItemToggle */


/*------------------------------------------------------------*/
/* 7.6 SILK Patterns > Navigation *****************************/
/*------------------------------------------------------------*/

/* SILK Patterns > Breadbrumbs */

.Breadcrumbs {
    color: #4d636d;
    font-size: 16px;
    margin: 15px auto 15px auto;
    max-width: 1240px;
}

/* SILK Patterns > NavigationBar */
.NavigationBar a,
.NavigationBar a:link,
.NavigationBar a:visited {
    color: #384142;
}

.NavigationBar a.Active {
    color: #131819;
}

.NavigationBar a.Active:after {
    background-color: #fdb900;
}

.NavigationBar a.Active:not(.ie7):before,
.NavigationBar a.Active:not(.ie8):before {
    border-bottom-color: #dab702;
}

.desktop .NavigationBar a:hover:after,
.desktop .NavigationBar a:link:hover:after {
    background-color: #dab702;
}

.desktop .NavigationBar a:hover,
.desktop .NavigationBar a:link:hover {
    font-weight: 600;
}

.phone .NavigationBar a:active,
.phone .NavigationBar a:link:active,
.tablet .NavigationBar a:active,
.tablet .NavigationBar a:link:active {
    color: #dab702;
}

.phone .NavigationBar a:active:after,
.phone .NavigationBar a:link:active:after,
.tablet .NavigationBar a:active:after,
.tablet .NavigationBar a:link:active:after {
    background-color: #dab702;
}

.NavigationBar a.Active:not(.ie7):before,
.NavigationBar a.Active:not(.ie8):before {
    border-bottom-color: #fdb900;
}

.NavigationBar a.Active:after {
    background-color: #fdb900;
}

/* SILK Patterns > SectionIndex */
.SectionIndex.vertical a.active,
.SectionIndex.vertical a:hover {
    border-left-color: #fdb900;
}

.SectionIndex a.active,
.SectionIndex a:hover {
    color: #005288;
}

/* SILK Patterns > Tabs */
.Tabs {
    border-color: #dadbde;
}

.Tabs_body {
    border: 0;
    border-top: 0;
    margin-top: 0;
    padding: 15px;
    position: relative;
    z-index: 0;
}

.Tabs__tab {
    background: #e6e8eb;
    background-color: #e6e8eb;
    border: 0;
    border-left: none;
    border-top: solid 1px #dadbde;
    color: #888;
}

.Tabs__tab.active {
    border-top: solid 1px #dadbde;
    color: #384142;
}

/* SILK Patterns > Wizard */
.WizardParent {
    border: 0;
}

.WizardStep a,
.WizardStep a:link,
.WizardStep a[disabled="disabled"],
.WizardStep a[disabled="disabled"]:hover {
    color: #005288;
}

.WizardStep:before {
    border-bottom-width: 19px;
    border-top-width: 19px;
}

.WizardStep.Past a,
.WizardStep.Past a:link,
.WizardStep.Past a[disabled="disabled"],
.WizardStep.Past a[disabled="disabled"]:hover {
    color: #005288;
}

.WizardStep.Past {
    background-color: rgba(253, 185, 0, .1);
    border-bottom: 1px solid #fdb900;
    border-top: 1px solid #fdb900;
}


.WizardStep.Past:before {
    border-bottom-color: #ebeada;
    border-top-color: #ebeada;
}

.WizardStep.Past:after {
    border-right-color: #fdb900;
    border-top-color: #fdb900;
}

.WizardStep.ActiveStep {
    background-color: #fdb900;
    color: #fff;
}

.WizardStep.ActiveStep a,
.WizardStep.ActiveStep a:link,
.WizardStep.ActiveStep a[disabled="disabled"],
.WizardStep.ActiveStep a[disabled="disabled"]:hover {
    color: #fff;
}

.WizardStep.ActiveStep:before {
    border-bottom-color: #fdb900;
    border-top-color: #fdb900;
}

.WizardStep.Past:first-child {
    border-bottom: 1px solid #fdb900;
    border-left: 1px solid #fdb900;
    border-top: 1px solid #fdb900;
}

.WizardStep {
    background: #fff;
    border: 1px solid #dadbde;
    display: table-cell;
    font-weight: 500;
    line-height: 38px;
    padding-right: 20px;
    position: relative;
    text-align: center;
    width: 1%;
}

/*------------------------------------*\
      $8. Usefull Classes
\*------------------------------------*/

/*------------------------------------------------------------*/
/* 8.1 Usefull Classes > Text Classes *************************/
/*------------------------------------------------------------*/

.Heading1 {
    font-size: 32px;
    font-weight: 400;
    line-height: 34px;
}

.Heading2 {
    font-size: 22px;
    font-weight: 400;
    line-height: 24px;
}

.Heading3 {
    color: #005288;
    font-family: "Open Sans", sans-serif;
    font-size: 32px;
    font-weight: 400;
    line-height: 32px;
    padding-bottom: 30px;
    padding-top: 5px;
}

.Heading4 {
    color: #131819;
    font-size: 22px;
    font-weight: normal;
    line-height: 22px;
    padding-bottom: 30px;
}

.Label {
    border-radius: 10px;
    padding: 2px 8px;
}

.Text_Note {
    color: #888;
    font-size: 15px;
}


.NoTitle .Title_Section {
    display: none;   
    
    
}

.BackgroundPrimary {
    background-color: #005288;   
    height: 440px;
    margin:  0 -63px;
}

/*------------------------------------------------------------*/
/* 8.2 Usefull Classes > Buttons ******************************/
/*------------------------------------------------------------*/

.Button,
a.Button {
    background-color: #005288;
    border: none;
    border-bottom-width: 0;
    border-radius: 3px;
    box-shadow: none;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    height: 40px;
    line-height: 38px;
    -webkit-transition: all 100ms ease;
            transition: all 100ms ease;
}


.ie8 .Button,
.ie8 a.Button {
    border-bottom-width: 1px;
}

input.Button:focus {
    border-bottom: 1px solid #999;
}

input.Button {
    height: 40px;
    line-height: 38px;
}

.desktop .Button:hover,
.desktop a.Button:hover {
    background-color: #f6f6f6;
    border-bottom-width: 1px;
    box-shadow: none;
    color: #c3a300;
}

.Button:hover:active,
a.Button:hover:active {
    background-color: #f6f6f6;
    border-bottom-width: 1px;
    box-shadow: inset 0 1px 2px 0 rgba(18,20,20,.4);
    color: #c3a300;
}

/* Usefull Classes > Default Action Button */
.Button.ButtonDefault,
.Button.Is_Default,
.carousel-content .Button.ButtonDefault,
.carousel-content .Button.Is_Default,
.banner-content .Button.ButtonDefault,
.banner-content .Button.Is_Default{
    background-color: #fcc83a;
    border-color: #fcc83a;
    color: #005288;
}

.desktop .Button:hover,
.desktop a.Button:hover,
.desktop .Button.ButtonDefault:hover,
.desktop .Button.Is_Default:hover {
    background-color: rgba(37, 130, 192, 0.16);
    border-bottom-width: 1px;
    box-shadow: none;
    color: #005288;
    font-weight: 500;
}

.desktop .carousel-content .Button:hover,
.desktop .carousel-content .a.Button:hover,
.desktop .carousel-content .Button.ButtonDefault:hover,
.desktop .carousel-content .Button.Is_Default:hover,
.desktop .banner-content .Button:hover,
.desktop .banner-content .a.Button:hover,
.desktop .banner-content .Button.ButtonDefault:hover,
.desktop .banner-content .Button.Is_Default:hover{
    background-color: #d9e9f4;
}



.Button:hover:active,
a.Button:hover:active,
.Button.ButtonDefault:hover:active,
.Button.Is_Default:hover:active {
    background-color: #d99f00;
    border-bottom-width: initial;
    box-shadow: none;
    color: #005288;
    font-weight: 500;
}

/* 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: #fdb900;
    border: 1px solid #fdb900;
    border-bottom: 0;
    border-radius: 3px;
    box-shadow: none;
    color: #fff;
    display: inline-block;
    line-height: 30px;
    margin-left: 10px;
    min-width: 80px;
    padding: 0 15px;
    text-align: center;
    -webkit-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: #cba900;
    border-bottom-width: 1px;
    border-color: #cba900;
    box-shadow: none;
    color: #fff;
}

.desktop a.ActionAdd:hover:active,
.desktop a.ActionEdit:hover:active,
.desktop a.ActionDelete:hover:active,
.desktop a.ActionChange:hover:active {
    background-color: #b39501;
    border-color: #b39501;
    color: #fff;
}

.Button[disabled],
.Button:disabled {
    background-color: #fdb900;
    color: #005288;
    opacity: .4;
}

/* Usefull Classes > Other buttons */

/*ButtonSecondary*/


/*ButtonSecondaryCustom*/

a.Button {
    background-color: #005288!important;
    border: 1px solid #d4dcdf!important;
    color: #ffffff!important;
} 

a.Button.send-email {
    height: auto;
    line-height: 20px;
    font-size: 12px;
    border-radius: 4px;
} 

a.Button:hover {
    background-color: #f6f6f6!important;
    border: 1px solid #dcdcdc!important;
    color:#005288!important;
}


/*ButtonSecondaryCustom*/


.Button.Secondary,
a.Button.Secondary {
    background-color: #fff;
    border: 1px solid #d4dcdf;
    color: #005288;
} 

.Button.Secondary.send-email,
a.Button.Secondary.send-email {
    height: auto;
    line-height: 20px;
    font-size: 12px;
    border-radius: 4px;
} 

.Button.Secondary:hover,
a.Button.Secondary:hover {
    background-color: #f6f6f6;
    border: 1px solid #dcdcdc;
}

.Button.Secondary:hover:active,
a.Button.Secondary:hover:active {
    background-color: #f2f1f1;
    border: 1px solid #dcdcdc;
}

.Button.Secondary[disabled],
.Button.Secondary:disabled {
    background-color: #fff;
    border: 1px solid #d4dcdf;
    opacity: .4;
}

.Button.Cancel {
    border: 1px solid #d4dcdf;
    border-bottom-width: 1px;
    color: #758790;
    font-weight: 400;
}

.desktop .Button.Cancel:hover {
    background-color: #f6f6f6;
    border: 1px solid #d4dcdf;
    color: #758790;
    font-weight: 400;
}

.Button.Cancel:hover:active,
.desktop .Button.Cancel:hover {
    background-color: #f2f1f1;
    border: 1px solid #d4dcdf;
    color: #79868a;
    font-weight: 400;
}

.Button.Cancel[disabled],
.Button.Cancel:disabled {
    background-color: #fff;
    border: 1px solid #d4dcdf;
    border-color: #d4dcdf;
    color: #758790;
}

.Button.Success {
    background-color: #66bb6a;
    border-color: #66bb6a;
    color: #fff;
}

.desktop .Button.Success:hover {
    background-color: #559f59;
    border-color: #559f59;
    color: #fff;
}

.Button.Success:hover:active {
    background-color: #4b904f;
    border-color: #4b904f;
    color: #fff;
}

.Button.Success[disabled],
.Button.Success:disabled {
    background-color: #66bb6a;
    color: rgba(255,255,255,.6);
    opacity: .4;
}


.Button.Danger,
a.ActionDelete {
    background-color: #ff5722;
    border-color: #ff5722;
    color: #fff;
}

.desktop .Button.Danger:hover {
    background-color: #ce461b;
    border-color: #ce461b;
    color: #fff;
}

.Button.Danger:hover:active {
    background-color: #b03b16;
    border-color: #b03b16;
    color: #fff;
}

.Button.Danger[disabled],
.Button.Danger:disabled {
    background-color: #ff5722;
    color: rgba(255,255,255,.6);
}

.Button.Link {
    background-color: transparent;
    border: 1px solid transparent;
    box-shadow: none;
    color: #005288;
}

.desktop .Button.Link:hover {
    background-color: transparent;
    border: 1px solid #005288;
    border-color: #005288;
    color: #005288;
}

a.Button.Link:active,
.Button.Link:active {
    background-color: transparent;
    border-bottom-width: 1px;
    border-color: #c3a300;
    color: #b39501;
}

.desktop .Button.Link:hover:active {
    border-bottom-width: 2px;
}

.Button.Small,
.Panel__Actions .Button,
.Section_Actions .Button {
    font-size: 11px;
    height: 26px;
    line-height: 24px;
    min-width: 60px;
    padding-left: 10px;
    padding-right: 10px;
}

.Button.Icon {
    background-color: #fff;
    border: 1px solid #d4dcdf;
    color: #fcc83a;
    min-width: 0;
}

.Button.Icon span.fa {
    margin: 0;
}

.Button.Loading:before,
.Button.Loading[disabled]:before,
.Button.Loading:disabled:before {
    background-image: url(/WebPatterns/img/loading_lisbon_white.gif?3132);
    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?3132);
}

.Button.Small.Loading:before {
    margin-top: 4px;
}

.Button.Loading.Icon:before {
    margin-right: 0;
}

.Button.Loading span.fa {
    display: none;
}

.ButtonDropdown_text {
    color: #005288;
}

.UniversalDropdown_text {
    color: #005288;
    padding-right: 50px;
}


/* Responsive Context **************************/
.phone .Button,
.tablet .Button,
.phone a.Button,
.tablet a.Button {
    height: 38px;
    line-height: 36px;
    text-decoration: none;
}

.phone input.Button:focus,
.tablet input.Button:focus,
.phone input.Button,
.tablet input.Button {
    height: 37px;
    line-height: 37px;
}

.phone .Button.Small,
.tablet .Button.Small {
    height: 30px;
    line-height: 28px;
}

/*------------------------------------------------------------*/
/* 8.3 Usefull Classes > Background Colors ********************/
/*------------------------------------------------------------*/

.Black {
    background-color: #131819;
}

.Blue {
    background-color: #0074c1;
}

.DarkBlue {
    background-color: #194968;
}

.DarkPlum {
    background-color: #970263;
}

.DarkRed {
    background-color: #b10000;
}

.Gray {
    background-color: #79868a;
}

.Green {
    background-color: #388e3c;
}

.LightGreen {
    background-color: #64be68;
}

.Orange {
    background-color: #da6802;
}

.Plum {
    background-color: #c32b87;
}

.Red {
    background-color: #d01a1a;
}

.Silver {
    background-color: #dadbde;
}

.Turquoise {
    background-color: #00b0c1;
}

.White {
    background-color: #fff;
}

.Yellow {
    background-color: #dab702;
}

.YellowUniversal {
    background-color: #fdb900;
}

.BlueUniversal {
    background-color: #005288;
}

.BlackUniversal {
    background-color: #131819;
}

.LightSilver {
    background-color: #e5eaec;
}

.DarkSilver {
    background-color: #92a1a8;
}

.LightGray {
    background-color: #758790;
}

.DarkGray {
    background-color: #39484e;
}

.Silver {
    background-color: #d4dcdf;
}

.Gray {
    background-color: #4c636d;
}

.Yellow {
    background-color: #fdb900;
}

.Text_yellow {
    color: #fdb900;
}

.Label {
    background-color: transparent;
    color: #758790;
    font-size: 16px;
    font-weight: 400;
}

/* Usefull Classes > Counter & Tile Background */

.Counter.Black,
.Tile.Black {
    background-color: #fff;
    border-bottom-color: #131819;
}

.Counter.Blue,
.Tile.Blue {
    background-color: #fff;
    border-bottom-color: #0074c1;
}

.Counter.DarkBlue,
.Tile.DarkBlue {
    background-color: #fff;
    border-bottom-color: #194968;
}

.Counter.DarkPlum,
.Tile.DarkPlum {
    background-color: #fff;
    border-bottom-color: #970263;
}

.Counter.DarkRed,
.Tile.DarkRed {
    background-color: #fff;
    border-bottom-color: #b10000;
}

.Counter.Gray,
.Tile.Gray {
    background-color: #fff;
    border-bottom-color: #79868a;
}

.Counter.Green,
.Tile.Green {
    background-color: #fff;
    border-bottom-color: #388e3c;
}

.Counter.LightGreen,
.Tile.LightGreen {
    background-color: #fff;
    border-bottom-color: #64be68;
}

.Counter.Orange,
.Tile.Orange {
    background-color: #fff;
    border-bottom-color: #da6802;
}

.Counter.Plum,
.Tile.Plum {
    background-color: #fff;
    border-bottom-color: #c32b87;
}

.Counter.Red,
.Tile.Red {
    background-color: #fff;
    border-bottom-color: #d01a1a;
}

.Counter.Silver,
.Tile.Silver {
    background-color: #fff;
    border-bottom-color: #dadbde;
}

.Counter.Transparent,
.Tile.Transparent {
    background-color: #fff;
    border-bottom-color: transparent;
}

.Counter.Turquoise,
.Tile.Turquoise {
    background-color: #fff;
    border-bottom-color: #00b0c1;
}

.Counter.White,
.Tile.White {
    background-color: #fff;
    border-bottom-color: #fff;
}

.Counter.Yellow,
.Tile.Yellow {
    background-color: #fff;
    border-bottom-color: #dab702;
}

/*------------------------------------------------------------*/
/* 8.4 Usefull Classes > Text Colors **************************/
/*------------------------------------------------------------*/

.Page .Text_black {
    color: #131819;
}

.Page .Text_blue {
    color: #0074c1;
}

.Page .Text_darkBlue {
    color: #194968;
}

.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: #dadbde;
}

.Page .Text_turquoise {
    color: #00b0c1;
}

.Page .Text_white {
    color: #fff;
}

.Page .Text_yellow {
    color: #dab702;
}

/*------------------------------------*\
      $9. UniversalTest Patterns
\*------------------------------------*/

/* ---------- [Copyright] ---------- */
.Copyright_WrapperBackground {
    background-color: #f9fafc;
    width: 100%;
}

.Copyright_Wrapper {
    height: 30px;
    margin: auto;
    max-width: 1240px;
    padding: 5px 0;
    text-align: left;
}

.Copyright_Link:not(:first-child) {
    padding-left: 30px;
}

.Copyright_Text {
    color: #758790;
    font-size: 14px;
}

.Footer .Copyright_Wrapper a {
    font-size: 12px;
}

.Copyright_Link {
    margin-top: 2px;
}
/* ---------- [FloatingTab] ---------- */
.FloatingTab_ContentWrapper {
    height: 0; 
    
}

.FloatingTab_Content {
    display: none;
    
}

.FloatingTab_ContentWrapper.active {
    height: auto;
}

.FloatingTab_Wrapper .Button,
.FloatingTab_Wrapper .Button:hover {
    min-width: 0;
    border-radius: 0;
}

.FloatingTab_Wrapper .SendEmailWrapper,
.FloatingTab_Wrapper .SendEmailWrapper:hover {
    border-radius: 3px;
    height: 70px;
}

.FloatingTab_ButtonWrapper_Overlay {
    background-color: #000;
    display: none;
    height: 100%;
    left: 0;
    opacity: .4;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 20;
    
}

.FloatingActive .FloatingTab_ButtonWrapper_Overlay,
.FloatingTab_ContentWrapper.active .FloatingTab_Content {
    display: block;
}

.FloatingActive .FloatingTab_Button.active .Button {
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 0 !important; /* ensure override */
}

.desktop .FloatingTab_Content,
.tablet .FloatingTab_Content {
    width:400px;
}

.phone .FloatingTab_Content {
    width: 280px;
}

.FloatingTab_Wrapper .FloatingTab_Button .Button.Secondary {
    border-bottom: 1px solid #ccc;
}
.FloatingTab_Wrapper .FloatingTab_Button .Button.Secondary:hover {
    border-bottom: 1px solid transparent;
}

.FloatingActive .FloatingTab_Button .Button {
    background-color: #999;
    border: 1px solid transparent;
}

.FloatingTab_Wrapper:first-child .FloatingTab_Button .Button {

    border-top-left-radius: 10px;
}

.FloatingTab_Wrapper:last-child .FloatingTab_Button .Button {
    border-bottom-left-radius: 10px;
    border-bottom: 1px solid transparent;
}

.FloatingTab_ContentWrapper.active .FloatingTab_Content {
    background: #fff;
    border-radius: 10px;
    border-top-right-radius: 0;
    display: block;
    padding: 20px;
    position: fixed;
    right: 58px;
    top: 150px;
    z-index: 21;
}

.phone .FloatingTab_ContentWrapper.active .FloatingTab_Content {
    top: 60px;
}

.FloatingTab_Button .Button {
    height: 60px;
    line-height: 60px;
    width: 60px;
}

.FloatingTab_Button.active .fa:before {
    color: #39484e;
    content: "✕";
    font-size: 30px;
}

.FloatingTab_Wrapper,
.FloatingTab_Button {
    position: relative;   
}

.FloatingTab_Button.active  {
    z-index: 26;   
}

.FloatingPlaceholder {
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.16);
    position: fixed;
    right: 0;
    top: 150px;
    z-index: 21;
    
    
}

.phone .FloatingPlaceholder{
    top: 260px;
    /* display:none; */
}


.FloatingTab_Content .ButtonGroup_button {
    height: 36px;
    line-height: 36px;
    width: 120px;
}

.FloatingTab_Wrapper .ProductImage {
    margin-top: 40px;
    text-align: center;
    width: 120px;
}

.FloatingTab_Wrapper .ProductImage_Image {
    display: inline-block;
    height: 60px;
    width: 60px;
}

.FloatingTab_Wrapper .ProductImage_Text {
    color: #005288;
    font-size: 16px;
    font-weight: 500;
    margin-top: 10px;
}

.FloatingTab_Wrapper .Heading4 {
    color: #758790;
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 20px;
}

.FloatingTab_Wrapper .Bold,
.FloatingTab_Wrapper .fa {
    color: #005288;
}

/* ---------- [BorderLeftContent] ---------- */
.desktop .BorderLeftContent,
.tablet .BorderLeftContent {
    border-left: 1px solid #d4dcdf;
    padding-left: 40px;
}

.desktop .FloatingTab_Wrapper .BorderLeftContent,
.tablet .FloatingTab_Wrapper .BorderLeftContent {
    padding-left: 20px;
}

/* ---------- [AsideList] ---------- */
.AsideList {
    background: #fff;
    padding: 20px;
}

.phone .AsideList {
    margin-top: 40px;
}

.AsideList > div {
    display: inline-block;
}

.AsideListIcon {
    color: #005288;
    padding-top: 4px;
    vertical-align: top;
}

.AsideListTitle {
    color: #333;
    font-size: 20px;
    font-weight: 400;
}

.AsideListSubTitle {
    color: #758790;
    font-size: 14px;
    font-weight: 400;
}

.AsideListItemTitle {
    color: #333;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    margin-top: 20px;
}

.AsideListItemText {
    color: #758790;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

/* ---------- [CardIcon] ---------- */
.CardIcon {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 0 4px rgba(198, 210, 214, 0.73);
    color: #4d636d;
    font-size: 16px;
    line-height: 22px;
    min-height: 200px;
    padding: 30px;
}

.CardIcon .TableVerticalAlign {
    padding-bottom: 20px;
}

.CardIcon .TableVerticalAlign .Cell1,
.CardIcon .TableVerticalAlign .Cell2 {
    padding: 0;
}

.CardIcon .TableVerticalAlign .Cell2.CardIcon_Title {
    color: #131819;
    font-size: 22px;
    font-weight: 400;
    line-height: 22px;
    padding-left: 15px;
}

/* ---------- [FooterItem] ---------- */
.FooterItem_Wrapper {
    display: inline-block;
    padding-right: 40px;
    text-align: left;
    vertical-align: top;
    padding-bottom: 40px;
}

.phone .FooterItem_Wrapper {
    display: block;
    padding-left: 30px;
    padding-right: 0;

}

.phone .sitemap-wrapper {
    padding-top: 30px;
    border-bottom: 2px solid rgba(212, 220, 223, 0.2);
    margin-bottom: 30px;
}

.FooterItem_Title {
    color: #f9fafc;
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.Footer .FooterItem_Wrapper .FooterItem_Title a,
.Footer .FooterItem_Wrapper .FooterItem_Title a:link,
.Footer .FooterItem_Wrapper .FooterItem_Title a:visited{
    font-size: 12px;
}

.FooterItem_Content {
    color: #4d636d;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.FooterItemText {
    color: #f9fafc;
    font-size: 14px;
    opacity: .9;
}

/* ---------- [FooterText] ---------- */
.FooterItemText {
    margin-top: 20px;
}

/* ---------- [H2] ---------- */
.H2 {
    color: #131819;
    font-family: "Open Sans", sans-serif;
    font-size: 32px;
    font-weight: 400;
}

/* ---------- [IconText] ---------- */
.IconText_Wrapper {
    margin-bottom: 20px;
    padding-right: 40px;
    width: 100%;
}


.IconText_Icon {
    color: #5d9732;
    display: table-cell;
    padding-right: 10px;
    text-align: center;
}

.IconText_Text {
    color: #4d636d;
    display: table-cell;
}

/* ---------- [Know] ---------- */
.Know_Wrapper {
    height: 190px;
    padding: 0 48px;
    position: relative;
}

.Know_Wrapper.With_Border {
    border-left: 1px solid #d4dcdf;
}

.phone .Know_Wrapper.With_Border,
.tablet .Know_Wrapper.With_Border {
    border-left: 0;
}

.Know_Title {
    color: #131819;
    font-size: 22px;
    font-weight: 400;
    width: 100%;
}

.Know_Content {
    color: #4d636d;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

.Know_Footer {
    bottom: 0;
    position: absolute;
}

.Know_Footer a {
    font-size: 16px;
    font-weight: 500;
}

/* ---------- [Location] ---------- */
.Location_Wrapper {
    display: table;
    padding-bottom: 20px;
    padding-right: 20px;
    width: 100%;
}

.Location_Image {
    display: table-cell;
    height: 100px;
    margin-right: 15px;
    width: 105px;
}

.Location_Image img {
    height: 100px;
    width: 105px;
}

.Location_Info_Address {
    color: #758790;
    font-size: 14px;
    font-weight: 400;
    overflow: hidden;
    white-space: nowrap;
}

.Location_Info {
    display: table-cell;
    padding: 0 15px;
}

.Location_Info_Title {
    color: #333;
    font-size: 18px;
    font-weight: 500;
}

.Location_Info_Contact {
    color: #4d636d;
    line-height: 18px;
    margin-top: 19px;
}

.Contact_Title,
.Contact_Description {
    color: #4d636d;
}

.desktop.big .Contact_Title,
.desktop.hd .Contact_Title{
    font-size: 14px;
}

.desktop .Contact_Title,
.desktop.small .Contact_Title {
    font-size: 12px;
}

.desktop.big .Contact_Description,
.desktop.hd .Contact_Description{
    font-size: 16px;
}

.desktop .Contact_Description,
.desktop.small .Contact_Description {
    font-size: 14px;
}

.MiscLeft,
.MiscRight {
    
}

.desktop .MiscRight {
    padding-left: 5px;
}

.desktop.small {
    padding-left: 0;
}

/* ---------- [MostPopular] ---------- */
.MostPopular .Gallery .GalleryWrapper {
    margin-left: -40px;

    
}

.MostPopular .Gallery .GalleryItem {
    display: inline-block;
    margin-bottom: 40px;
    padding-left: 40px;
    vertical-align: top;
}

.phone .MostPopular .Gallery .GalleryItem {
    margin-bottom: 20px;
}

/* ---------- [PolicyCard & PolicyCard2] ---------- */
.PolicyCard_Wrapper {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 0 4px rgba(198, 209, 213, .73);
    min-height: 210px;
    padding: 4px;
}

.desktop .PolicyCard_Wrapper,
.tablet.landscape .PolicyCard_Wrapper {
    display: table;
    width: 100%;
}

.desktop .PolicyType_Container,
.tablet.landscape .PolicyType_Container {
    display: table-cell;
}

.PolicyType {
    color: #131819;
    font-size: 14px;
    font-weight: 500;
}

.PolicyNumber {
    color: #39484e;
    font-size: 14px;
    font-weight: 400;
}

.PolicyType_Container {
    background-color: #f0f6f9;

    
    
}

.PolicyInfo_Container {
    position: relative;

    
    
}

.phone .PolicyInfo_Container,
 .tablet.portrait .PolicyInfo_Container {
    padding: 11px 16px 16px 16px;
    width: 100%;
}

.desktop .PolicyInfo_Container,
.tablet.landscape .PolicyInfo_Container {
    display: table-cell;
    padding: 21px 15px 15px 20px;
}

.desktop .PolicyType_Container,
.tablet.landscape .PolicyType_Container {
    border-radius: 3px 0 0 3px;
    height: 202px;
    width: 150px;
   

}

.phone .PolicyType_Container,
.tablet.portrait .PolicyType_Container {
    border-radius: 3px 3px 0 0;
    display: table;
    height: 80px;
    width: 100%;
}

.desktop .PolicyCard_2,
.tablet.landscape .PolicyCard_2 {
    display: block;
    height: 45px;
    margin-top: 23px;
    text-align: center;
}

.desktop .PolicyCard_Icon,
.tablet.landscape .PolicyCard_Icon {
    display: block;
    margin-top: 63px;
    text-align: center;
}

.phone .PolicyCard_2,
.tablet.portrait .PolicyCard_2 {
    display: table-cell;
    height: 45px;
    padding: 0 20px;
    text-align: left;
    vertical-align: middle;
}

.phone .PolicyCard_Icon,
.tablet.portrait .PolicyCard_Icon {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.PolicyName {
    color: #131819;
    font-size: 20px;
    font-weight: 500;
}

.PolicyTitleLabel {
    color: #758790;
    font-size: 16px;
    font-weight: 400;
    margin-top: 21px;
}

.PolicyValue {
    color: #39484e;
    font-size: 16px;
    font-weight: 400;
}

.PolicyShort {
    color: #39484e;
    font-size: 14px;
    font-weight: 400;
}

.PolicyInfo_Icon {
    position: absolute;
}

.phone .PolicyInfo_Icon,
.tablet.portrait .PolicyInfo_Icon {
    right: 12px;
    top: 13px;
}

.desktop .PolicyInfo_Icon,
.tablet.landscape .PolicyInfo_Icon {
    right: 13px;
    top: 21px;
}

/* ---------- [Product] ---------- */
.ProductWrapper {
    background-position: center center;
    background-size: cover;
    display: block;
    max-width: 565px;
    min-width: 320px;
    position: relative;
}

.ProductWrapper {
    padding: 30px 30px 25px 30px;
}

.ProductTitle {
    color: #131819;
    font-size: 24px;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ProductDescription {
    color: #4d636d;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
}

.ProductWrapper a {
    font-size: 16px;
}

/* ---------- [UniversalDivider] ---------- */
.Universal_divider {
    background: linear-gradient(90deg, #fdb900 33%, #5d9732 33%, #5d9732 66%, #00aec5 66%, #00aec5 100%);
    height: 4px;
    width: 100%;
    z-index: 1;
}

.Header .Universal_divider {
    bottom: 0;
    position: absolute;
}

/* ---------- [ProductImage] ---------- */
.ProductImage_Image img {
    height: 60px;
}

/* ---------- [CategoryBlock] ---------- */
.CategoryBlock {
    position: relative;
    height: 300px;
    max-width: 100%;
    overflow: hidden;
    width: 400px;
}

.CategoryBlock_Text {
    bottom: 20px;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    left: 30px;
    line-height: 24px;
    position: absolute;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
    z-index: 1;
    
}

/* ---------- [ContactUs] ---------- */

.ContactUs_Wrapper {
    padding-left: 29px;
    text-align: left;
}

.ContactUs_Title {
    color: #f9fafc;
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.ContactUs_Label {
    color: #f9fafc;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: 400;
    opacity: .9;
}

.ContactUs_Value {
    color: #f9fafc;
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
}

.ContactUs_Icons {
    color: #fff;
}

.ContactUs_Icons span:not(:first-child) {
    margin-left: 5px;
}

.ContactUs_Icons .fa-fw {
    text-align: left;
}

/* ---------- [AboutUniversal] ---------- */
.About_Wrapper {
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    height: 30px;
    line-height: 35px;
    position: absolute;
    right: 0;
    text-align: right;

    
}

.Margin-Left10 {
    margin-left: 10px;
}

/* ---------- [Footer] ---------- */
.Footer_Wrapper {
    margin: auto;
    max-width: 1240px;
    padding:  30px 0;
    text-align: left;
}

.phone .Footer_Wrapper {
    padding-top: 0;
}


/* Columns */
.SmallRightColumns > .Column.ColFirst {
    width: 78%;
}

.SmallRightColumns > .Column.ColLast {
    width: 22%;
}

.Columns3 .Column.ColFirst {
    padding-right: 26.4px;
}

.Columns3 .Column.ColLast {
    padding-left: 26.4px;
}

.Columns3 > .Column {
    padding: 0 13.333px;
}


.Form .ColFirst {
    padding-right: 25px;
}

.Form .ColLast {
    padding-left: 25px;
}

.tablet .Footer_Wrapper .Column {
    /*width: 100% !important;  ensure override */
}

.Footer_Wrapper .SmallRightColumns > .Column.ColLast,
.tablet .Footer_Wrapper .MediumRightColumns > .Column.ColLast{
    border-left: 1px solid rgba(212, 220, 223, 0.2);
}

.Footer_Wrapper .ColLast {
    padding-left: 39px;
    text-align: left;   
}

/*------------------------------------*\
      $11. Studio Preview
\*------------------------------------*/
.MainContent {
    
}

.Header_image {
    
    
}

.Header_image img {
    
}

.LogoMenu {
    
}

.Title_Section .Heading1 {
    
}

.Header_background {
    
}

/*------------------------------------*\
      $11. Responsive
\*------------------------------------*/

.tablet .Header_background,
.tablet .Header,
.phone .Header_background,
.phone .Header {
    background: #005188;
    height: 95px;
    min-height: 60px;
    opacity: 1;
    top:  -35px;
    position: fixed;
    z-index: 9000;

}

.tablet .Header .Universal_divider,
.tablet .TopMenu,
/*.tablet .FooterItem_Wrapper,*/
.tablet .Copyright_Wrapper,
.tablet .Header_image,
/*.tablet .FloatingPlaceholder,*/
.phone .Header .Universal_divider,
.phone .TopMenu,
/*.phone .FooterItem_Wrapper,*/
.phone .Copyright_Wrapper,
.phone .Header_image/*,
.phone .FloatingPlaceholder*/ {
    display: none;
}


.tablet a.Header_ButtonMenu,
.phone a.Header_ButtonMenu {
    color: #f9fafc;
}

.Page.tablet > .Content,
.Page.phone > .Content {
    padding: 20px;
    margin-top: 75px;
}

.tablet .Menu_TopMenu a:link,
.tablet .Menu_TopMenu a:visited,
.tablet .Menu_TopMenu a,
.phone .Menu_TopMenu a:link,
.phone .Menu_TopMenu a:visited,
.phone .Menu_TopMenu a {
    text-align: left;
}

.tablet .Title_Section,
.phone .Title_Section {
    padding: 0 0 30px;
}


/* Login Dropdown*/

.UniversalDropdown .InlineDropdown {
    background-color: rgba(19, 24, 25, 0.2);
    border-radius: 3px;
    height: 48px;
    line-height: 48px;
    padding: 0 10px;
}

.UniversalDropdown .InlineDropdown_text {
    color:#FFF;
}

.UniversalDropdown .InlineDropdown_text:hover {
    opacity: .6;
}

.UniversalDropdown .InlineDropdown .fa-caret-down{
    display: none;
}

.UniversalDropdown .DropdownMenu {
    top: 115%;
    z-index: 999;
}

.Header_Menu .UniversalDropdown .DropdownMenu a:hover,
.Header_Menu .UniversalDropdown .DropdownMenu a:link:hover,
.Header_Menu .UniversalDropdown .DropdownMenu a:visited:hover{
    color: #005288;
}

.UniversalDropdown .DropdownMenu:before {
    border-bottom: 5px solid #fff;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    content: "";
    left: 30px;
    position: absolute;
    top: -5px;
}



/****************************************/
/*CustomerPortal - PolicyList Screen*/


table.PoliciesTable{
    border-spacing: 10px;
    border:none;
    box-shadow: none;
}

table.PoliciesTable .TableRecords_OddLine, 
table.PoliciesTable .TableRecords_EvenLine {
    border:none;
    background:transparent;
    font-size: 14px;
}

table.PoliciesTable .TableRecords_OddLine:not(:first-child),
table.PoliciesTable.TableRecords_EvenLine:not(:first-child) {
    border:none;
}

table.PoliciesTable tbody tr{
    box-shadow: 0px 0px 2px darkgrey;
    line-height: 50px;
}

.desktop .PoliciesTable .TableRecords_OddLine:first-child,
.desktop .PoliciesTable .TableRecords_EvenLine:first-child,
.tablet .PoliciesTable .TableRecords_OddLine:first-child,
.tablet .PoliciesTable .TableRecords_EvenLine:first-child,
.desktop .PoliciesTable .TableRecords_OddLine:last-child,
.desktop .PoliciesTable .TableRecords_EvenLine:last-child,
.tablet .PoliciesTable .TableRecords_OddLine:last-child,
.tablet .PoliciesTable .TableRecords_EvenLine:last-child {
    border-left: none;
    border-right: none;
}

.TableRecords.PoliciesTable > tbody > tr:hover{
    background: transparent;
    box-shadow: 0px 0px 6px #757575;
}

.desktop .TableRecords > tbody > tr:hover,
.desktop .TableRecords > tbody > tr:hover td,
.desktop .EditableTable > tbody > tr:hover td{
    background: transparent;
}

.PoliciesTable .TableRecords_Header{
    border: none;
}


.MainContent a, .MainContent a:link, .MainContent a:visited{
  color: #125f90;   
}

.MainContent .DocumentsWrapper a.Button, .MainContent .DocumentsWrapper a.Button:link, .MainContent .DocumentsWrapper a.Button:visited{
  color: #ffffff;
}




/****************************************/
/*CustomerPortal - Policy Deatils Screen*/


.policy-card{
    padding: 20px;
    background: #f0f6f9;
    border: 1px solid #BDBDBD;
}

.policy-card .card-main-text{
 font-size: 24px;   
}

.policy-card .card-title{
    color: #999999;   
}


.info-wrapper label{
    color: #999999;
    margin-left: 0;
}


.status {
    display: inline-block;
}

.status:before {
    font-size: 18px;
    padding: 0 12px;
    content: "";
    border-radius:100%;
    margin-right: 10px;
    background:#338212;
}

.policy.status.expired:before{
    background-color:#005288;
}

.policy.status.scheduled:before{
    background-color:#FDB900;
}

.policy.status.cancellation:before,
.policy.status.cancelled:before{
    background:#c22;
}

.claim.status.open:before,
.claim.status.opened:before{
    background:#7ed321;
}

.claim.status.close:before,
.claim.status.closed:before{
    background:#c32b13;
}

.risk-header,
.claim-header,
.payment-header,
.generic-header{
    padding: 0 40px 0 10px;
    color: #999999;
}

.payment-row,
.claimant-row,
.generic-row{
    margin-top: 20px;
    border-bottom: 1px solid #ddd;
    display: table;
    padding: 12px 40px 12px 10px;
    width: 100%;
    background-color: #fff;
    border: 1px solid #dadbde;
    box-shadow: 0 1px 3px rgba(211, 211, 211, .5); 
}

.PDFList .pdf-button-wrapper{
    margin-left:20px;
    margin-top: 10px;
}

.PDFList .pdf-button-wrapper:first-child{
    margin-left:0;
}

.pdf-button{
    background: #e6e6e6;
    padding: 8px 18px;
    font-size: 12px;
    border-radius: 2px;
    border: 1px solid #BDBDBD;
}

.pdf-button:hover{
     background: #eee;
     cursor: pointer;
}


.pdf-button-wrapper a, .pdf-button-wrapper a:link, .pdf-button-wrapper a:visited, .EditableTable tr.RowControlGroup .pdf-button-wrapper a,
.desktop .pdf-button-wrapper a:hover, .desktop.pdf-button-wrapper  a:link:hover
{
    color:black;
}



.Name-Subtitle{
    border-bottom: 2px solid #E0E0E0;
    padding-bottom: 20px;
    
}


/****************************************/
/*Customer Portal - Overview Screen*/

.ClaimsWrapper a, .ClaimsWrapper a:link, .ClaimsWrapper a:visited,
.PoliciesWrapper a, .PoliciesWrapper a:link, .PoliciesWrapper a:visited {
    color: black;
}

.OverviewCol1,
.OverviewSidebar{
 margin:0 10px;   
}

.PoliciesWrapper .Columns .Columns .Column,
.ClaimsWrapper .Columns .Columns .Column{
    margin-bottom:0;
}

.NewsList .NewsItem.Unread {
    background:#e6e6e6;
}

.NewsList .NewsItem{
    background: white;
    border: 1px solid #dadbde;
    padding: 10px;
}

.CardLeft .fa{
    color: #005288;    
}

.CardLeft .ClaimClosedColor .fa{
    color:green;   
}

.CardLeft .ClaimPendingColor .fa{
    color:orange;   
}

/*
.ImageTitle .Heading5,
.LeftTitle .Heading5{
    color: #005288;
}
*/


/*Desktop Small CSS*/

.desktop.small .PolicyCard .CardLeft .CardImage{
    width:70px;
    height: 70px;
}

.desktop.small .CardImage .fa {
    font-size: 32px;
}

.desktop.small .Columns .Columns .Column{
    margin-bottom:0;
}

.desktop.small .CardListAll .PolicyCard .CardLeft .CardImage,
.desktop.small .CardListAll .YellowCard .CardLeft .CardImage,
.desktop.small .CardListAll .GreenCard .CardLeft .CardImage,
.desktop.small .CardListAll .BlueCard .CardLeft .CardImage,
.desktop.small .CardListAll .TurquoiseCard .CardLeft .CardImage.
.desktop.small .CardListAll .GenericCard .CardLeft .CardImage{
    transform: translateY(-50%);
    top: 50%;
    position: absolute;
    margin-top: 0;
    left: 0;
    right: 0;
}

.CardListAll .PolicyCard .CardLeft,
.CardListAll .GenericCard .CardLeft
.CardListAll .YellowCard .CardLeft,
.CardListAll .GreenCard .CardLeft,
.CardListAll .BlueCard .CardLeft,
.CardListAll .TurquoiseCard .CardLeft{
    min-height: 170px;
    position: relative;
}


.desktop .PoliciesWrapper a:hover,
.desktop .PoliciesWrapper a:link:hover,
.desktop .ContractsWrapper a:hover,
.desktop .ContractsWrapper a:link:hover,
.desktop .ClaimsWrapper a:hover,
.desktop .ClaimsWrapper a:link:hover{
    color: black;
   }
   


/* Read More Styles*/

.read-text.close {
    height: 16px;
    max-height: 16px;
    overflow:hidden;
}


.read-text {
    height: auto;
    max-height: 700px;
    transition: max-height 1.8s ease;
    overflow:hidden;
}

.read-text-link{
    color: #005288;
    font-size:11px;
    cursor: pointer;
}

.NewsListWrapper {
    padding: 15px;
    background: #f0f6f9;
}

.whats-happening-title{
    font-size: 14px;
    color: #005288;   
}

.whats-happening-date{
    margin-top: 0px;
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 10px;
    margin-bottom: 10px;   
}

/****************************************/

/*UPPublic - Sections - HorizontalButtonList*/
.phone .section-link-list-card{
    display: block;
    margin-top: 10px;
    width: 100%;
}



/*UPPublic - HomeScreen*/
.owl-carousel{
 z-index: 1;   
}

.Footer .FooterItem_Wrapper a, .Footer .FooterItem_Wrapper a:link, .Footer .FooterItem_Wrapper a:visited{
    color:#fff;
    font-size: 14px;
}

.banner-content {
    /*line-height: 40px;*/
    display: flex;
    flex-direction: column;
}

.banner-title{
    /*min-height: 82px;
    line-height: 70px;*/
}

.banner-description {
    font-size: 24px;
    font-family: "Open Sans", sans-serif;
    min-height: 100px;
    /*min-height: 42px;*/
    /*line-height: 40px;*/
}

.banner-btn-container {
    /*width: 100%;
    display: block;
    line-height: 40px;*/
}

.MainContent .banner-img {
    width: 100%;  
}

.MainContent .banner-content {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 20px;
    color: white;
}

.MainContent .banner-title {
    position: absolute;
    width: 100%;
    min-height: 82px;
    font-size: 72px;
    color: white;
}

.desktop .banner-content .Button:hover,
.desktop .banner-content .a.Button:hover,
.desktop .banner-content .Button.ButtonDefault:hover,
.desktop .banner-content .Button.Is_Default:hover{
    background-color: #d9e9f4;
}

.section-wrapper{
    margin-top: 40px;
}

.carousel-item {
    position: relative;
}

.MainContent .banner-img,
.MainContent .carousel-img {
    width: 100%;
}



.MainContent .banner-content,
.MainContent .carousel-content {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 20px;
    color: white;
    text-align: left;
}

.MainContent .banner-title,
.MainContent .carousel-title{
    width: 100%;
    min-height: 82px;
    font-size: 72px;
    color: white;
}

.MainContent .owl-item div.carousel-description{
    font-size: 24px;
    font-family: "Open Sans", sans-serif;
    min-height: 82px;
}

.carousel-content .Button.carousel-button {
    margin-left: 0px;
}


.tablet .Layout_Carousel .Header_image .owl-item div.carousel-title,
.tablet .MainContent .owl-item div.carousel-title {
    min-height: auto;
    color: #fff;
    font-size: 34px;
    line-height: 42px;
    padding: 0;
    margin-left: 20px;
}

.tablet .MainContent .owl-item div.carousel-description {
    font-size: 16px;
    font-family: "Open Sans", sans-serif;
    min-height: auto;
    line-height: 42px;
    margin-left: 20px;
}

.tablet .carousel-content .Button.carousel-button {
    margin-left: 20px;
}


.MainContent .owl-carousel .owl-prev.fa.fa-fw.fa-angle-left {
    left: -40px;
    font-size: 60px;
}

.phone .MainContent .owl-carousel .owl-prev.fa.fa-fw.fa-angle-left,
.tablet .MainContent .owl-carousel .owl-prev.fa.fa-fw.fa-angle-left{
    left: 0px;
}

.MainContent .owl-carousel .owl-next.fa.fa-fw.fa-angle-right{
    right: -40px;
    font-size: 60px;
}

.phone .MainContent .owl-carousel .owl-next.fa.fa-fw.fa-angle-right,
.tablet .MainContent .owl-carousel .owl-next.fa.fa-fw.fa-angle-right{
    right: 0px;
}

.Header_ButtonMenuRight{
    color: white;
    float: right;
    font-size: 20px;
    text-align: center;
    width: 50px;  
}


.phone .login-button{
    margin-left: 28px;
}

.tablet .login-button {
    margin: 6px;
}

.phone.Layout_Carousel .Header,
.phone.Layout_Image .Header,
.tablet.Layout_Carousel .Header,
.tablet.Layout_Image .Header{
    overflow: visible;   
}

.ImpersonateWrapper {
    margin: auto;
    max-width: 1240px;
    min-height: 100%;
    padding: 0;
}

.impersonate-message {
    font-size: 14px;
    color: #000;
    background: #fdb900;
    line-height: 50px;
}

.impersonate-message a{
    color: #ffffff;
}

/*Policy Detail Screen*/
/*
.MainContent a.Button, .MainContent a.Button:link, .MainContent a.Button:visited {
    color:#FFF;
}
*/
.MainContent a.Button:hover {
    color:#005288;
}


/*Agents Documents*/
.phone .DocumentsWrapper .Button.Small{
   margin-left: 0;
   width: 100%;
   text-align: center;
}


/* tile-description overflow*/

.tile-description {
    position: absolute;
    bottom: 15px;
    left: 0;
    font-size: 24px;
    color: #ffffff;
    font-weight: 700;
    margin-left: 30px;
    width: 90%;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
    z-index: 1;
}

.galery-block{
    position: relative;
    height: 300px;
    max-width: 100%;
    overflow: hidden;
    width: 400px;
    display: block;
    margin-left: auto;
    margin-right: auto;
   /* width: 75%; */
}

.section-tiles-list img{
    height: 100%;   
}

.CarouselSixItems .carousel-item img {
    height: 100%;
    max-height: 114px;
}


.InlineDropdown + .InlineDropdown {
    margin-left: 0px;
}

.phone.portrait .FloatingTab_ContentWrapper.active .FloatingTab_Content {
    top: 60px;
    max-height: 480px;
    overflow:auto;
}

.phone.landscape .FloatingTab_ContentWrapper.active .FloatingTab_Content{
    max-height: 260px;
    overflow: auto;
    width: 420px;
    text-align: center;
}

/****************************************/
/*Public Portal - OnlinePayment Screen*/

.display-none {
    display: none;
}


/*
Utils
*/
.ToUpper{
    text-transform: uppercase;
}

.ToLower{
    text-transform: lowercase;
}


.margin-botton-s {
    margin-bottom: 5px;
}

.margin-botton-m {
    margin-bottom: 10px;
}

.margin-botton-l {
    margin-bottom: 30px;
}

.margin-top-s {
    margin-top: 5px;
}

.margin-top-m {
    margin-top: 10px;
}

.margin-top-l {
    margin-top: 30px;
}

.pageTitle {
    color: #005288;
    font-size: 32px;
}


/* Modal */
/*
.options-modal {
    background-color: rgba(0,0,0,0.4);
    height: 100%;
    width: 100%;
    left: 0;
    overflow: auto;
    position: fixed;
    top: 0;
    z-index: 1;
}
.modal-container {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.modal-title {
    background-color: #005288;
    color: #FFF;
    padding: 10px;
    display: flex;
    justify-content: space-between;
}
*/

/* custom buttons */
.btn-primary, .Button.btn-primary {
    background-color: #fcc83a;
    color: #005288;
}

/* background colors */
.bg-color-white {
    background-color: #FFF;
}

/* text colors */
.Text_Green {
    color: green;
    font-weight: bold;
}