@import url("/LiverpoolTheme/Theme.LiverpoolTheme.css?1600");

/*
    How to generate a theme for your company: 
    
        1 - Go to http://labs.outsystems.net/ThemeCustomizer/GenerateDublin.aspx
        2 - Copy the generated CSS
        3 - Paste it here

*/

/*------------------------------------*\
             Import Font
\*------------------------------------*/
@font-face {
    font-family: "Inter";
    src: url(/AppForms/css/fonts/Inter-VariableFont_opsz,wght.ttf) ;
    src: url('/AppForms/css/fonts/inter-variablefont_opszwght.woff') format('woff'),
         url('/AppForms/css/fonts/inter-variablefont_opszwght.woff2') format('woff2');
    font-optical-sizing: auto;
}

.inter-regular {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'ArizonaFlareMedium';
    src: url('/AppForms/css/fonts/ABCArizonaFlare-Medium.otf');
    src: url('/AppForms/css/fonts/ABCArizonaFlare-Medium.otf') format('opentype'),
        url('/AppForms/css/fonts/ABCArizonaFlare-Medium.woff') format('woff'),
        url('/AppForms/css/fonts/ABCArizonaFlare-Medium.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open-Sans';
    src: url('/SilkUIFonts/fonts/OpenSans-Regular.eot');
    src: url('/SilkUIFonts/fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
         url('/SilkUIFonts/fonts/OpenSans-Regular.woff') format('woff'),
         url('/SilkUIFonts/fonts/OpenSans-Regular.ttf') format('truetype'),
         url('/SilkUIFonts/fonts/OpenSans-Regular.svg#Open-Sans') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Open-Sans';
    src: url('/SilkUIFonts/fonts/OpenSans-Bold.eot');
    src: url('/SilkUIFonts/fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
         url('/SilkUIFonts/fonts/OpenSans-Bold.woff') format('woff'),
         url('/SilkUIFonts/fonts/OpenSans-Bold.ttf') format('truetype'),
         url('/SilkUIFonts/fonts/OpenSans-Bold.svg#Open-Sans') format('svg');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Open-Sans';
    src: url('/SilkUIFonts/fonts/OpenSans-Italic.eot');
    src: url('/SilkUIFonts/fonts/OpenSans-Italic.eot?#iefix') format('embedded-opentype'),
         url('/SilkUIFonts/fonts/OpenSans-Italic.woff') format('woff'),
         url('/SilkUIFonts/fonts/OpenSans-Italic.ttf') format('truetype'),
         url('/SilkUIFonts/fonts/OpenSans-Italic.svg#Open-Sans') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Open-Sans';
    src: url('/SilkUIFonts/fonts/OpenSans-Semibold.eot');
    src: url('/SilkUIFonts/fonts/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'),
         url('/SilkUIFonts/fonts/OpenSans-Semibold.woff') format('woff'),
         url('/SilkUIFonts/fonts/OpenSans-Semibold.ttf') format('truetype'),
         url('/SilkUIFonts/fonts/OpenSans-Semibold.svg#Open-Sans') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Oswald';
    src: url('/SilkUIFonts/fonts/Oswald-Regular.eot');
    src: url('/SilkUIFonts/fonts/Oswald-Regular.eot?#iefix') format('embedded-opentype'),
         url('/SilkUIFonts/fonts/Oswald-Regular.woff') format('woff'),
         url('/SilkUIFonts/fonts/Oswald-Regular.ttf') format('truetype'),
         url('/SilkUIFonts/fonts/Oswald-Regular.svg#oswaldregular') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Oswald';
    src: url('/SilkUIFonts/fonts/Oswald-Bold.eot');
    src: url('/SilkUIFonts/fonts/Oswald-Bold.eot?#iefix') format('embedded-opentype'),
         url('/SilkUIFonts/fonts/Oswald-Bold.woff') format('woff'),
         url('/SilkUIFonts/fonts/Oswald-Bold.ttf') format('truetype'),
         url('/SilkUIFonts/fonts/Oswald-Bold.svg#oswaldbold') format('svg');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Oswald';
    src: url('/SilkUIFonts/fonts/Oswald-Light.eot');
    src: url('/SilkUIFonts/fonts/Oswald-Light.eot?#iefix') format('embedded-opentype'),
         url('/SilkUIFonts/fonts/Oswald-Light.woff') format('woff'),
         url('/SilkUIFonts/fonts/Oswald-Light.ttf') format('truetype'),
         url('/SilkUIFonts/fonts/Oswald-Light.svg#oswaldlight') format('svg');
    font-weight: 300;
    font-style: normal;
}

:root {
    --color-error: #91000C;
    --main-bg-color: #EDEAE2;
    --color-primary: #0D2239;
    --color-secondary: #8CC5FE;
    --color-primary-hover: #0a1a2b;
    --color-secondary-hover: #8CC5FE;
    --color-link: #205f9E;
    --color-link-hover: #205f9E;
}
/*------------------------------------*\
             Font Definition
\*------------------------------------*/

html, body, a, select, form, fieldset, table, tr, td, img, input, button, select, textarea, optgroup, option {
    font-feature-settings: 'lnum' 1;
    font-family: "Inter", arial, helvetica, sans-serif;
    font-weight: 500;
}

.TileIcon_text, .TileNumber_text, .TileIconText_label, .Heading1, .Heading2, .Heading3, .Heading4, .Header_title a, .EditableTable thead td, .TableRecords_Header {
    font-feature-settings: 'lnum' 1;
    font-weight: 500;
}

os-internal-ui-dialog os-internal-ui-widget os-internal-ui-widget-content os-internal-ui-corner-all os-internal-Popup os-internal-ui-draggable {
    height:400px;   
}

/*------------------------------------*\
              Font Classes
\*------------------------------------*/

/* Font Oswald classes */

.Oswald_Regular {
    font-family: 'Oswald';
    font-weight: 400;
}

.Oswald_Bold {
    font-family: 'Oswald';
    font-weight: 700;
}

.Oswald_Light {
    font-family: 'Oswald';
    font-weight: 300;
}

/* Font OpenSans classes */

.OpenSans_Regular {
    font-family:  'Open-Sans', sans-serif;
    font-weight: 400;
}

.OpenSans_Bold {
    font-family:  'Open-Sans', sans-serif;
    font-weight: 700;
}

.OpenSans_Italic {
    font-family:  'Open-Sans', sans-serif;
    font-style: italic;
}

.OpenSans_Semibold {
    font-family:  'Open-Sans', sans-serif;
    font-weight: 600;
}
body, select, textarea, input {
    color: #0D2239!important;
}
.Invisible{
    display:none;
}

input[type="text"].Not_Valid, input[type="password"].Not_Valid, input[type="datetime"].Not_Valid, input[type="datetime-local"].Not_Valid, input[type="date"].Not_Valid, input[type="month"].Not_Valid, input[type="time"].Not_Valid, input[type="week"].Not_Valid, input[type="number"].Not_Valid, input[type="email"].Not_Valid, input[type="url"].Not_Valid, input[type="search"].Not_Valid, input[type="tel"].Not_Valid, input[type="color"].Not_Valid{
border: 1 solid var(--color-error);
}


.Subtitle_One{
    color: #0D2239;
    font-size: 15px;
    font-weight: bold;
}


.Subtitle_Three{
    color: #0D2239;
    font-size: 15px;
}

.ToRight{
    float: right;
}

.AnnualIncome_Table_header{
    background-color: #c0c0c0;
}


.AnnualIncome_Table table, td, th {
    border: 1px solid #c0c0c0;
    background-color: #FFFFFF;
}

.AnnualIncome_Table  td{
    padding: 5px;
}

.THeader_Pad{
    padding: 5px;
}

.Disclaimer_Notice{
    padding:5px;
    background-color: #c0c0c0;
}

.Direct_Debit_Disclaimer{
    border-top: 1px dotted red;
    margin-top: 10px;
    color: #7f8c8d;
    background-image: url(./img/Direct_Debit.png?2383);
    background-repeat: no-repeat;
    background-position: right 5px;
}


.LineSeperator{
    border-top: 2px solid #AABAFF;
    margin-top: 10px;
    height: 10px;
}

.PleaseCallUs{
    margin: 15px;
    font-weight: bold;
}

.PleaseCallUs_Dental{
    margin-top: 10px;
    font-weight: bold;
}

.PleaseCallUs_Wrapper{
    padding: 15px;
}

.TitleActions{
    font-size: 15px;
    font-weight: normal;
}

.CustomMandatory{
    color: var(--color-error);
    position: absolute;
    padding: 0px 5px 5px 3px;
    font-size: 15px;
    font-weight: normal
}

.CustomMandatoryWrapper{
    display: inline;
}

.Button_SaveGrey{
    opacity: 1;
    border-color: #0D2239;
    background-color: white;
    background-image: none;
    color: #0D2239;
    padding: 6px 10px;
    border-width: 1px;
    border-style: solid;
    background-size: auto;
    background-repeat: repeat;
    font-size: 18px;
    font-weight: 600;
    line-height: 16px;
    text-align: center;    
    height: 40px;
    cursor:pointer;
    width: 153px;
    border-radius: 4px;
}

div.Feedback_Message_Error {
    background-color: var(--color-error);
}
Feedback_Message_Wrapper_Close:after {
    color: white;
}

.desktop .Button_AddGrey{
    
}
.tablet .Button_AddGrey{
    width: 45%;
}
.phone .Button_AddGrey{
    width: 100%;
}

.desktop .Button_SaveGrey{
    width: 180px;
    height: 42px;
    
}
.tablet .Button_SaveGrey{
    width: 45%;
}
.phone .Button_SaveGrey{
    width: 100%;
}
.Button_ReqQGreen{
    opacity: 1;
    border-color: #0D2239;
    background-color: var(--color-secondary);
    background-image: none;
    color: #0D2239;
    padding: 6px 10px;
    border-width: 0px;
    border-style: solid;
    background-size: auto;
    background-repeat: repeat;
    font-size: 18px;
    font-weight: 600;
    line-height: 16px;
    text-align: center;
    width: 180px;
    height: 42px;
    cursor: pointer;
    border-radius: 4px;
    margin-top: 10px;
    margin-left: 0px;

}
.tablet .Button_ReqQGreen{
    width: 45%;
    margin-top: 10px;
    margin-left: 0px;
}
.phone .Button_ReqQGreen{
    width: 100%;
    margin-top: 10px;
    margin-left: 0px;
}

.Button {
    line-height: 16px;
    opacity: 1;
    border-color: #dddddd;
    background-color: var(--color-secondary);
    background-image: none;
    color: #0D2239;
    font-weight: 600;
    border-width: 0px;
    border-style: solid;
    background-size: auto;
    background-repeat: repeat;
    background-position: center center;
    font-size: 14px;
    text-align: center;
    width: 153px;
    height: 40px;
    cursor: pointer;
    border-radius: 4px;
}
.Button:hover {
    line-height: 16px;
    opacity: 1;
    border-color: #dddddd;
    background-color: var(--color-secondary);
    background-image: none;
    color: #0D2239;
    font-weight: 600;
    border-width: 0px;
    border-style: solid;
    background-size: auto;
    background-repeat: repeat;
    background-position: center center;
    font-size: 14px;
    text-align: center;
    width: 153px;
    height: 40px;
    cursor: pointer;
}

.desktop .Button:hover, .desktop a.Button:hover {
    line-height: 16px;
    opacity: 1;
    border-color: #dddddd;
    background-color: var(--color-secondary);
    background-image: none;
    color: #0D2239;
    font-weight: 600;
    border-width: 0px;
    border-style: solid;
    background-size: auto;
    background-repeat: repeat;
    background-position: center center;
    font-size: 14px;
    text-align: center;
    width: 153px;
    height: 40px;
    cursor: pointer;
}

.Button.Is_Default {
    background-color: var(--color-secondary);
    color:  #0D2239;
}
.Button.Icon.WithArrow {
    opacity: 1;
    border-color: #0D2239;
    background-color: var(--color-secondary);
    background-image: none;
    color: #0D2239;
    font-weight: 600;
    border-width: 0px;
    border-style: solid;
    background-size: auto;
    background-repeat: repeat;
    background-position: center center;
    font-size: 14px;
    text-align: center;
    width: 160px;
    height: 40px;
    cursor: pointer;
    padding: 5px;
}

.Button.Icon.WithArrow:hover {
    padding-top: 12px !important;
    opacity: 1;
    border-color: #dddddd;
    background-color: var(--color-secondary);
    background-image: none;
    color: #0D2239;
    font-weight: 600;
    border-width: 0px;
    border-style: solid;
    background-size: auto;
    background-repeat: repeat;
    background-position: center center;
    font-size: 14px;
    text-align: center;
    width: 160px;
    height: 40px;
    cursor: pointer;
    padding: 12px;
}

.TableVerticalAlign .Cell1 .Button.Icon.WithArrow{
    padding-top: 5px!important;
    margin-left: -5px; 
}

.TableVerticalAlign .Cell1 .Button.Icon.WithArrow:hover{
    padding-top: 12px!important;    
}

/* Remove arrows from number input fields **************************/
input [type='number']{
    -moz-appearance:textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance:none;
}

.WarningText{
    color: var(--color-error);
    font-weight: bold;
}
.Text_Error {
    color: var(--color-error);
}
html, body {
    background-color: #FFFFFF;
     padding: 15px;
     font-family: Arial;
     font-size: 18px;     
}


.poundDiv{
    margin-left: -0;
}

.Form input[type="text"]:focus{
    vertical-align: middle;
}

/**Start Responsive customization**/

.phone .divWrapper{
    width: 100%;
}

.phone .chrRemaining{
    width: 100%;
}


.tablet .divWrapper{
    width: 70%;
}

.desktop .divWrapper{
    width: 70%;
}

.phone .Logo Img {
    max-width: 125px;
}

.locationList_item{
    width: 32%;
}

.phone .locationList_item{
    width: 100%;
}

.phone .Button.Icon.WithArrow{
    width: 100%;
    margin: 10px 0px 0px 0px;
}

/**End Responsive customization**/

div.Feedback_Message_Wrapper {
    z-index: 4500;
}

/**Links custom**/



a, a:link, a:visited{
    color: #205f9E;
    -webkit-transition: color .2s ease-in;
    transition: color .2s ease-in;
    font-size: 100%;
    text-decoration: none;
}

a:hover{
    text-decoration: underline;
    color: #205f9E;
}

/**Form labels**/
.Form label {
    color: #0D2239;
}

textarea, select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .Form input.ReadOnly, .Form textarea.ReadOnly, .Form select.ReadOnly {
    font-size: 16px;
}

html,
body,
div,
span,
a,
img,
ul,
li,
form,
table,
tbody,
thead,
tr,
th,
td {
    font-size: 18px;
}

.Text_main {
    color: #0D2239;
}

.Page .Text_main {
    color: #0D2239;
}

.ValidationMessage {
    color: var(--color-error);
    display: block;
    font-size: 18px;
    font-weight: 700;
}

.Quote_Header_Title{
    font-size: 24px;
}

.CommentsDiv{
background-color: #fff;
border-color: #ccc;
box-shadow: inset 0 2px 2px rgba(0, 0, 0, .075);
font-size: 16px;
line-height: 30px;
padding: 0px 8px;
border: 1px solid #ccc;
min-height: 30px;
max-height: 110px;
min-width: 160px;
max-width: 650px;
border-radius:4px;
}

.CommentsDiv2{
background-color: #fff;
border-color: #ccc;
box-shadow: inset 0 2px 2px rgba(0, 0, 0, .075);
font-size: 16px;
line-height: 30px;
padding: 0px 8px;
border: 1px solid #ccc;
min-height: 30px;
max-height: 110px;
border-radius:4px;
}


































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

    File: LiverpoolTheme

    1. General Properties
    2. Structure
    3. Forms
    4. Built-in widgets
    5. RichWidgets
    6. Login
    7. Theme Grid
    0. Studio Preview
*/

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

body {
    background: #ececec;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

html,
body,
form,
.Page {
    background-color: #ffffff;
}

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


html, body, div, span, a, img, ul, li, form, table, tbody, thead, tr, th, td {
    border: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html, body, a, select, form, fieldset, table, tr, td, img, input, button, select, textarea, optgroup, option {
    font-feature-settings: 'lnum' 1;
    font-family: "Inter", arial, helvetica, sans-serif;
    font-weight: 500;
}

/*------------------------------------*\
              $2. Structure
\*-------------------------------------*/

/* Header **************************/
.Header {
    background-color: #2d3035;
    color: #d1d1d1;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 20;

     /* avoid adorners overlapping header */
}

.Header img {
    vertical-align: middle;
}

.Header_RightSection {
    float: right;
    height: 50px;
    line-height: 50px;
    width: 40px;
}

/* Button Menu **************************/
a.Header_ButtonMenu {
    color: #fff;
    display: none;
    font-size: 20px;
}

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

/* APP Title **************************/
.Application_Title {
    color: #0D2239!important;
    font-size: 18px;
    letter-spacing: 100%;
    line-height: 100%;
    overflow: initial;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    text-decoration: none;
    text-overflow: initial;
    text-transform: none;
    white-space: normal;
    margin: 4%;
    
}

/* on tablet and phone **************************/
.tablet .Application_Title,
.phone .Application_Title {
    padding: 0;
}

.Application_Title a,
.Application_Title a:link,
.Application_Title a:visited,
.Application_Title a:hover {
    color: #205f9E;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 1px;
    padding-right: 10px;
    text-decoration: none;
}

.Application_Title img {
    max-height: 100%;
    padding-bottom: 4px;
}

/* User info **************************/
.Login_Info,
.AppSwitcherContainer,
a.Login_Info_Username,
a.Login_Info_Username:link,
a.Login_Info_Username:visited {
    color: #fff;
    font-size: 100%;
    font-weight: normal;
    margin-right: 10px;
}

.Login_Info {
    float: none;
    padding: 0;
}

.Login_Info_Logout {
    font-size: 0;
}

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

.Login_Info_Username:before {
    content: "\f007"; /* fa-user at http://fortawesome.github.io/Font-Awesome/icons/ */
}

.Login_Info_Logout:before {
    content: "\f011"; /* fa-power-off at http://fortawesome.github.io/Font-Awesome/icons/ */
    margin-right: 0;
}

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

/* 
    *** Menu structure ***
    
    div.Header_Menu
    - div.Application_Menu
    - - div.Menu_TopMenus
    - - - div.Menu_DropDownButton
    - - - - div.Menu_TopMenu
    - - - - - sapn.Menu_DropDownArrow
    - - - - div.Menu_DropDownPanel
    - - - - - div.Menu_SubItemsPlaceholder
    - - - - - - a.Menu_SubMenuItem
    
*/

/* Menu **************************/
.Header_Menu,
.Application_Menu {
    background-color: #ca081e; /* set the Application_Menu background color, applied when on slide mode */
    box-shadow: 0 -2px 0 0 rgba(0, 0, 0, .25) inset;
    white-space: nowrap;
    
}

/* Application_Menu **************************/
.Application_Menu a,
.Application_Menu a:link,
.Application_Menu a:visited {
    border-color: rgba(0, 0, 0, .15);
}

.tablet .Application_Menu a,
.phone .Application_Menu a,
.tablet .Application_Menu a:link,
.phone .Application_Menu a:link,
.phone .Application_Menu a:visited,
.phone .Application_Menu a:visited {
    border: 0;
    border-bottom: 1px solid #aa061b;
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
}

.tablet .Application_Menu,
.phone .Application_Menu {
    bottom: 0;
    box-shadow: 0 3px 5px #888;
    display: block;
    height: auto;
    overflow: auto;
    position: fixed;
    right: -270px;
    top: 50px;
    /* Enable hardware acceleration */
    -webkit-transform: translateZ(0);
        -ms-transform: translateZ(0);
            transform: translateZ(0);
    /* Animate the menu when opening and closing */
    -webkit-transition: all .3s ease-out;
            transition: all .3s ease-out;
    width: 260px;
    /* reduce animation flickering */

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-perspective: 1000;
            perspective: 1000;
}

/* Menu_TopMenu **************************/
.tablet .Menu_TopMenus,
.phone .Menu_TopMenus {
    width: 100%;
}

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

.Menu_TopMenu .Menu_DropDownArrow {
    border-top-color: #fff;
    position: absolute;
    right: 8px;
    top: 50%;
}

/* .Application_Menu **************************/
.tablet.active .Application_Menu,
.phone.active .Application_Menu {
    right: 0;
}

/* .Menu_TopMenu **************************/
.Menu_TopMenu {
    height: 51px;
    position: relative;
}

.tablet .Menu_TopMenu,
.phone .Menu_TopMenu {
    border: 0;
    margin: 0;
    padding: 0;
    width: 100%;
}

.Menu_TopMenuActive,
.Menu_DropDownButton.open .Menu_TopMenu {
    background-color: #000;
    border-bottom: none;
    box-shadow: 0 -2px 0 0 rgba(0, 0, 0, .25) inset;
}

.Menu_TopMenu a:link,
.Menu_TopMenu a:visited,
.Menu_TopMenu a {
    color: #fff;
    display: inline-block;
    padding: 15px 20px;
    text-decoration: none;
    text-shadow: none;
}

.Menu_TopMenu a:hover,
.Menu_TopMenu:hover {
    background-color: #a90002;
    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, .25) inset;
}

.Menu_TopMenuActive a:link,
.Menu_TopMenuActive a:visited,
a.Menu_SubMenuItemActive:link,
a.Menu_SubMenuItemActive:visited,
a.Menu_SubMenuItem:hover {
    color: white;
}

/* .Menu_DropDownPanel */
.Menu_DropDownPanel {
    background-color: #ca081e;
    border: none;
    box-shadow: none;
    margin-top: 0;
}

.Menu_DropDownPanel a,
.Menu_DropDownPanel a:link,
.Menu_DropDownPanel a:visited {
    border-bottom: solid 1px #aa061b;
    display: block;
    height: auto;
}

.tablet .Menu_DropDownPanel,
.phone .Menu_DropDownPanel {
    background-color: #999;
    border: 0;
    box-shadow: none;
    margin: 0;
    padding: 0;
    position: static;
}

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

/* Menu_SubMenuItem */
.Menu_DropDownPanel a.Menu_SubMenuItem,
.Menu_DropDownPanel a.Menu_SubMenuItem:link,
.Menu_DropDownPanel a.Menu_SubMenuItem:visited {
    background-color: #ca081e;
    border-bottom: 1px solid rgba(0, 0, 0, .15);
    color: #fff;
    display: block;
    padding: 3px 30px;
}

.Menu_DropDownPanel a.Menu_SubMenuItem:hover,
.Menu_DropDownPanel a.Menu_SubMenuItem.Menu_SubMenuItemActive {
    background-color: #a90002;
}

/* Page Title **************************/

.Title_Section {
}
.Title {
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 70%;
}

.Title.Heading1 {
    line-height: 34px;
    margin-top: 0;
}

.phone.portrait .Title.Heading1 {
    border: none;
    display: block;
    height: 40px;
    margin-bottom: 10px;
    padding: 0;
    position: relative;
    text-align: center;
    width: 100%;
}

.Title_Section {
    margin-top: 34px;
    position: relative;
    
    
    
}

.Title_Section .Actions {
    
}

/* Actions page **************************/
.Actions {
    font-size: 16px;
    line-height: 34px;
    text-align: right;
    width: 30%;
}

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

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

.Actions a {
    margin-left: 20px;
}

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

/* Scaffolding generated actions **************************/
a.ActionAdd,
a.ActionEdit,
a.ActionChange,
a.ActionDelete {
    background-color: #e73d25;
    border: 1px solid #d43e27;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    height: 32px;
    line-height: 30px;
    margin-left: 10px;
    padding: 0 15px;
    text-shadow: none;
}

a.ActionAdd:hover,
a.ActionEdit:hover,
a.ActionChange:hover,
a.ActionDelete:hover {
    background-color: #a42b1a;
    border-color: #a42b1a;
    box-shadow: 0 0 1px 0 rgba(50, 50, 50, .75);
    text-decoration: none;
}

a.ActionAdd:active,
a.ActionEdit:active,
a.ActionChange:active,
a.ActionDelete:active {
    box-shadow: 0 0 20px 5px rgba(0, 0, 0, .25) inset;
}

a[disabled="disabled"].ActionAdd,
a[disabled="disabled"].ActionEdit,
a[disabled="disabled"].ActionDelete,
a[disabled="disabled"].ActionChange {
    background-color: #ccc;
    border: 1px solid #ccc;
    box-shadow: none;
}

a[disabled="disabled"].ActionAdd:hover,
a[disabled="disabled"].ActionEdit:hover,
a[disabled="disabled"].ActionDelete:hover,
a[disabled="disabled"].ActionChange:hover {
    color: #fff;
}

/* To work with old applications **************************/
.Title_Links {
    font-size: 14px;
    margin-top: 5px;
}

/* content **************************/
.Content {
    background: #ffffff;
    margin-bottom: -50px;
    min-height: 100%;
    padding-top: 0px;
}

/* min width for desktop */
.desktop .Content.ThemeGrid_Wrapper {
    min-width: 980px;
}

/* phone and tablet **************************/
.phone .Content,
.tablet .Content {
    padding-top: 0px;
}

/* MainContent **************************/
.MainContent {
    background: #efefef;
    margin-top: 30px;
    margin-left:  20px;
    margin-right:  20px;
    min-height: 100%;
    padding-bottom: 0px;

     /* push the footer down on preview */
}

/* MainContent **************************/
.MainContent {
    background: #ffffff;
    margin-top: 80px;
}

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

/* Footer **************************/

.Footer {
    background: #0D2239;
    color: #FFF;
    font-size: 12px;
    min-height: 50px;
    padding: 0;
    position: absolute;
    text-align: right;
    width: 100%;
}

.phone .Footer {
    padding-right: 20px;
    padding-left: 20px;  
}
.Footer img {
    padding-bottom: 3px;
}

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

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

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

/* Grid **************************/
.ThemeGrid_Container {
    margin-left: auto;
    margin-right: auto;
}

/* limit width **************************/
html .ThemeGrid_Container {
    max-width: 1240px;
    padding-left: 10px;
    padding-right: 10px;
}

html .phone .ThemeGrid_Container  {
 padding-left: 0;
 padding-right: 0;
}

.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) */
}



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

.Form input.SmartInput_Changed.ReadOnly + a.SmartInput_Undo, .Form textarea.SmartInput_Changed.ReadOnly + a.SmartInput_Undo, .Form select.SmartInput_Changed.ReadOnly + a.SmartInput_Undo
{
    display: none
}
textarea,
select,
input {
    border-radius: 0;
    box-shadow: inset 0 2px 2px rgba(0, 0, 0, .075);
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 16px;
}

html input {
    height: 41px;
}

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

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

/* Checkboxes and Radio Buttons **************************/
input[type="radio"]:before,
input[type="checkbox"]:before {
    box-shadow: none;
}

/* force padding to center vertically on Firefox **************************/
select {
    height: 34px;
    padding: 4px 8px;
}

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

textarea:focus {
    border: 1px solid #949494;
}

.Form:not(.ReadOnly) {
    cursor: pointer;
}

select.ReadOnly {
    cursor: pointer;
}

textarea,
select,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.Form input.ReadOnly,
.Form textarea.ReadOnly,
.Form select.ReadOnly {
    font-size: 16px;
    line-height: 30px;
}

textarea,
select {
    line-height: 20px;
}

.Form input[type="text"],
.Form input[type="password"],
.Form input[type="datetime"],
.Form input[type="datetime-local"],
.Form input[type="date"],
.Form input[type="month"],
.Form input[type="time"],
.Form input[type="week"],
.Form input[type="number"],
.Form input[type="email"],
.Form input[type="url"],
.Form input[type="search"],
.Form input[type="tel"],
.Form input[type="color"],
.Form select,
.Form textarea {
    box-shadow: inset 0 2px 2px rgba(0, 0, 0, .075);
}

.Form input.ReadOnly,
.Form textarea.ReadOnly,
.Form select.ReadOnly {
    background-color: #fff;
    box-shadow: inset 0 2px 2px rgba(0, 0, 0, .075);
}

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 select[readonly="readonly"].ReadOnly:not(.Not_Valid):focus,
.Form select[disabled="disabled"].ReadOnly:not(.Not_Valid):focus {
    border: 1px solid #ccc;
}

.Form textarea:focus {
     line-height: 30px;
} 

.Form textarea[disabled="disabled"]:focus,
.Form textarea[readonly="readonly"]:focus,
textarea[disabled="disabled"]:focus,
textarea[readonly="readonly"]:focus {
    padding: 10px 12px;
}

select.Not_Valid:focus,
input.Not_Valid:focus,
textarea.Not_Valid:focus {
    border: 1px solid var(--color-error);
}

.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;
}



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

/* Table pavigation **************************/
a.ListNavigation_PageNumber:link,
span.ListNavigation_CurrentPageNumber,
span.ListNavigation_Ellipsis,
a.ListNavigation_Previous:link,
a.ListNavigation_Next:link {
    background: #fcfcfc;
    border: 1px solid #ccc;
    color: #2e3136;
    display: inline-block;
    filter: none;
    font-size: 14px;
    font-weight: normal;
    padding: 5px 20px;
    /* Add Touch States to Your Buttons: Remove the tap highlight color, we want to use active state css instead */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-appearance: none;
       -moz-appearance: none;
}

a.ListNavigation_PageNumber:link:hover,
span.ListNavigation_Ellipsis:hover,
a.ListNavigation_Previous:link:hover,
a.ListNavigation_Next:link:hover {
    background-color: #e6e6e6;
    border-color: #4c4c4c;
    box-shadow: 0 0 1px 0 rgba(50, 50, 50, .75);
    text-decoration: none;
}

span.ListNavigation_CurrentPageNumber {
    background-color: #e6e6e6;
    border: 1px solid #4c4c4c;
}

/* TableRecords **************************/
.TableRecords_Header {
    border-bottom: 1px solid #d0d0d0;
    color: #2e3136;
    font-size: 14px;
    font-weight: normal;
    padding: 5px 0 10px 10px;
}

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

.TableRecords {
    background: none repeat scroll 0 0 #fff;
    border-color: #d0d0d0;
    border-style: solid;
    border-width: 1px;
    padding: 5px 0 0;
}

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

.TableRecords_EvenLine {
    background-color: #f4f4f4;
}

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

/* .EditableTable **************************/
.EditableTable thead td {
    color: #2e3136;
    font-weight: normal;
}

.EditableTable {
    border: 1px solid #d0d0d0;
}
.EditableTable thead td {
    border-bottom: 1px solid #d0d0d0;
}

.EditableTable tr:nth-child(even) {
    background: #f4f4f4;
}

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

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

td.EditRecord_Caption:first-child + .EditRecord_Value {
    padding-right: 20px;
}



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

/* Feedback Message **************************/
.Page.phone div.Feedback_Message_Wrapper,
.Page.tablet div.Feedback_Message_Wrapper {
    margin-top: 52px;
}

div.Feedback_Message_Wrapper {
    margin-top: 150px;
}

.Feedback_Message_Error,
.Feedback_Message_Success,
.Feedback_Message_Warning,
.Feedback_Message_Info {
    border: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 1200px;
    padding: 12px 50px 12px 28px;
    width: 100%;
}

div.Feedback_Message_Error,
div.Feedback_Message_Success,
div.Feedback_Message_Warning,
div.Feedback_Message_Info {
    min-width: 100px;
}

a.Feedback_Message_Wrapper_Close {
    font-size: 19px;
    top: 5px;
}

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

.Feedback_Message_Wrapper_Close:after {
    color: white; /* IE8 */
    color: rgba(255, 255, 255, .5);
}

.Feedback_Message_Error {
    background-color: #bb5858;
}

.Feedback_Message_Error:before,
.Feedback_Message_Warning:before,
.Feedback_Message_Success:before,
.Feedback_Message_Info:before {
   margin-top: -2px;
}

.Feedback_Message_Error:before {
    content: "";
}

.Feedback_Message_Success:before {
    content: "\f05d";
}

.Feedback_Message_Info:before {
    content: "\f05a";
}

.Feedback_Message_Warning:before {
    content: "\f06a";
}

.Feedback_Message_Success {
    background-color: #acc965;
    color: #333;
}

.Feedback_Message_Warning {
    background-color: #f2c94e;
    color: #333;
}

.Feedback_Message_Info {
    background-color: #aabdcf;
    color: #333;
}

/* Ajax Loading **************************/
.Button.Loading:before,
.Button.Loading[disabled]:before,
.Button.Loading:disabled:before {
    background-image: url(/WebPatterns/img/loadingdublin02.GIF?2132);
}

.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/loadingdublin01.GIF?2132);
}

.Feedback_AjaxWait {
    background-color: #fff;
    border: 1px solid #dddedf;
    border-radius: 4px;
    bottom: 10px;
    box-shadow: 1px 2px 1px 0 rgba(0, 0, 0, .05);
    color: #48687c;
    font-size: 12px;
    height: 70px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 22px;
    right: 25px;
    z-index: 10000;
}

.ie .Feedback_AjaxWait:not(.ie11):not(.ie10) {
    border: 1px solid #dddedf;
    height: 70px;
    padding-top: 0;
    z-index: 10000;
}

.ie .Feedback_AjaxWait .Loader {
    animation: none;
    background: url("/WebPatterns/img/ajaxloader_new.gif?2132") no-repeat;
    background-position: 8px 9px;
    height: 81%;
    margin-bottom: 0;
    width: 100%;
}

.Feedback_AjaxWait .Loader {
    -webkit-animation: loader 1.3s infinite linear;
            animation: loader 1.3s infinite linear;
    border-radius: 50%;
    font-size: 4px;
    height: 1em;
    margin-bottom: 20px;
    margin-top: 0px;
    background: initial;
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
        -ms-transform: translateZ(0);
            transform: translateZ(0);
    left: 15px;
    width: 1em;
}

@-webkit-keyframes loader {
    0%,
    100% {
        box-shadow: 0 -3em 0 .2em var(--color-secondary), 2em -2em 0 0 var(--color-secondary), 3em 0 0 -.5em var(--color-secondary), 2em 2em 0 -.5em var(--color-secondary), 0 3em 0 -.5em var(--color-secondary), -2em 2em 0 -.5em var(--color-secondary), -3em 0 0 -.5em var(--color-secondary), -2em -2em 0 0 var(--color-secondary);
    }
    12.5% {
        box-shadow: 0 -3em 0 0 var(--color-secondary), 2em -2em 0 .2em var(--color-secondary), 3em 0 0 0 var(--color-secondary), 2em 2em 0 -.5em var(--color-secondary), 0 3em 0 -.5em var(--color-secondary), -2em 2em 0 -.5em var(--color-secondary), -3em 0 0 -.5em var(--color-secondary), -2em -2em 0 -.5em var(--color-secondary);
    }
    25% {
        box-shadow: 0 -3em 0 -.5em var(--color-secondary), 2em -2em 0 0 var(--color-secondary), 3em 0 0 .2em var(--color-secondary), 2em 2em 0 0 var(--color-secondary), 0 3em 0 -.5em var(--color-secondary), -2em 2em 0 -.5em var(--color-secondary), -3em 0 0 -.5em var(--color-secondary), -2em -2em 0 -.5em var(--color-secondary);
    }
    37.5% {
        box-shadow: 0 -3em 0 -.5em var(--color-secondary), 2em -2em 0 -.5em var(--color-secondary), 3em 0 0 0 var(--color-secondary), 2em 2em 0 .2em var(--color-secondary), 0 3em 0 0 var(--color-secondary), -2em 2em 0 -.5em var(--color-secondary), -3em 0 0 -.5em var(--color-secondary), -2em -2em 0 -.5em var(--color-secondary);
    }
    50% {
        box-shadow: 0 -3em 0 -.5em var(--color-secondary), 2em -2em 0 -.5em var(--color-secondary), 3em 0 0 -.5em var(--color-secondary), 2em 2em 0 0 var(--color-secondary), 0 3em 0 .2em var(--color-secondary), -2em 2em 0 0 var(--color-secondary), -3em 0 0 -.5em var(--color-secondary), -2em -2em 0 -.5em var(--color-secondary);
    }
    62.5% {
        box-shadow: 0 -3em 0 -.5em var(--color-secondary), 2em -2em 0 -.5em var(--color-secondary), 3em 0 0 -.5em var(--color-secondary), 2em 2em 0 -.5em var(--color-secondary), 0 3em 0 0 var(--color-secondary), -2em 2em 0 .2em var(--color-secondary), -3em 0 0 0 var(--color-secondary), -2em -2em 0 -.5em var(--color-secondary);
    }
    75% {
        box-shadow: 0 -3em 0 -.5em var(--color-secondary), 2em -2em 0 -.5em var(--color-secondary), 3em 0 0 -.5em var(--color-secondary), 2em 2em 0 -.5em var(--color-secondary), 0 3em 0 -.5em var(--color-secondary), -2em 2em 0 0 var(--color-secondary), -3em 0 0 .2em var(--color-secondary), -2em -2em 0 0 var(--color-secondary);
    }
    87.5% {
        box-shadow: 0 -3em 0 0 var(--color-secondary), 2em -2em 0 -.5em var(--color-secondary), 3em 0 0 -.5em var(--color-secondary), 2em 2em 0 -.5em var(--color-secondary), 0 3em 0 -.5em var(--color-secondary), -2em 2em 0 0 var(--color-secondary), -3em 0 0 0 var(--color-secondary), -2em -2em 0 .2em var(--color-secondary);
    }
}
@keyframes loader {
    0%,
    100% {
        box-shadow: 0 -3em 0 .2em var(--color-secondary), 2em -2em 0 0 var(--color-secondary), 3em 0 0 -.5em var(--color-secondary), 2em 2em 0 -.5em var(--color-secondary), 0 3em 0 -.5em var(--color-secondary), -2em 2em 0 -.5em var(--color-secondary), -3em 0 0 -.5em var(--color-secondary), -2em -2em 0 0 var(--color-secondary);
    }
    12.5% {
        box-shadow: 0 -3em 0 0 var(--color-secondary), 2em -2em 0 .2em var(--color-secondary), 3em 0 0 0 var(--color-secondary), 2em 2em 0 -.5em var(--color-secondary), 0 3em 0 -.5em var(--color-secondary), -2em 2em 0 -.5em var(--color-secondary), -3em 0 0 -.5em var(--color-secondary), -2em -2em 0 -.5em var(--color-secondary);
    }
    25% {
        box-shadow: 0 -3em 0 -.5em var(--color-secondary), 2em -2em 0 0 var(--color-secondary), 3em 0 0 .2em var(--color-secondary), 2em 2em 0 0 var(--color-secondary), 0 3em 0 -.5em var(--color-secondary), -2em 2em 0 -.5em var(--color-secondary), -3em 0 0 -.5em var(--color-secondary), -2em -2em 0 -.5em var(--color-secondary);
    }
    37.5% {
        box-shadow: 0 -3em 0 -.5em var(--color-secondary), 2em -2em 0 -.5em var(--color-secondary), 3em 0 0 0 var(--color-secondary), 2em 2em 0 .2em var(--color-secondary), 0 3em 0 0 var(--color-secondary), -2em 2em 0 -.5em var(--color-secondary), -3em 0 0 -.5em var(--color-secondary), -2em -2em 0 -.5em var(--color-secondary);
    }
    50% {
        box-shadow: 0 -3em 0 -.5em var(--color-secondary), 2em -2em 0 -.5em var(--color-secondary), 3em 0 0 -.5em var(--color-secondary), 2em 2em 0 0 var(--color-secondary), 0 3em 0 .2em var(--color-secondary), -2em 2em 0 0 var(--color-secondary), -3em 0 0 -.5em var(--color-secondary), -2em -2em 0 -.5em var(--color-secondary);
    }
    62.5% {
        box-shadow: 0 -3em 0 -.5em var(--color-secondary), 2em -2em 0 -.5em var(--color-secondary), 3em 0 0 -.5em var(--color-secondary), 2em 2em 0 -.5em var(--color-secondary), 0 3em 0 0 var(--color-secondary), -2em 2em 0 .2em var(--color-secondary), -3em 0 0 0 var(--color-secondary), -2em -2em 0 -.5em var(--color-secondary);
    }
    75% {
        box-shadow: 0 -3em 0 -.5em var(--color-secondary), 2em -2em 0 -.5em var(--color-secondary), 3em 0 0 -.5em var(--color-secondary), 2em 2em 0 -.5em var(--color-secondary), 0 3em 0 -.5em var(--color-secondary), -2em 2em 0 0 var(--color-secondary), -3em 0 0 .2em var(--color-secondary), -2em -2em 0 0 var(--color-secondary);
    }
    87.5% {
        box-shadow: 0 -3em 0 0 var(--color-secondary), 2em -2em 0 -.5em var(--color-secondary), 3em 0 0 -.5em var(--color-secondary), 2em 2em 0 -.5em var(--color-secondary), 0 3em 0 -.5em var(--color-secondary), -2em 2em 0 0 var(--color-secondary), -3em 0 0 0 var(--color-secondary), -2em -2em 0 .2em var(--color-secondary);
    }
}


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

.Login_Title {
    color: #fff;
    font-size: 44px;
    font-weight: normal;
    text-shadow: 0 2px 2px rgba(122, 122, 122, .7);
}

.Login_Box {
    margin-left: -150px;
    width: 300px;
}

.Login_Text {
    color: #333;
    font-size: 12px;
    font-weight: normal;
}

.Login_background + span .Feedback_Message_Wrapper {
    left: 0;
    margin-top: 0;
}

.Login_background + span .Feedback_Message_Wrapper span + .Feedback_Message_Error {
    max-width: none;
    min-width: 100%;
}

.Login_background + span .Feedback_Message_Wrapper span + .Feedback_Message_Error .Feedback_Message_Wrapper_Close:after {
    color: #fff;
    line-height: 30px;
}

.Login_Footer {
    color: #999;
}

/* Responsive Context **************************/
.tablet .Login_Info_Username {
    margin-right: 10px;
}

.phone .Login_Info_Username {
    display: none;
}

.tablet .Login_Info_Logout,
.phone .Login_Info_Logout {
    bottom: 10px;
    position: fixed;
    right: -260px;
    z-index: 1;
}

.tablet.active .Login_Info_Logout,
.phone.active .Login_Info_Logout {
    right: 15px;
}

/* Iphone X Landscape Styles */
.iphonex.landscape .ThemeGrid_Container {
    padding-left: constant(safe-area-inset-left);
    padding-left: env(safe-area-inset-left);
    padding-right: constant(safe-area-inset-right);
    padding-right: env(safe-area-inset-right);
}

/* ExcludeFromPickers: Header, Application_Title, Login_Info, AppSwitcherContainer, Login_Info_Username, Login_Info_Logout, AppSwitcherListContainer, 
AppSwitcherList, AppSwitcherLink, AppSwitcherDownArrow, MainContent, Title, Actions, fa-plus, 
Title_Links, Content, Footer, MainPopup, ThemeGrid_MarginGutter, ThemeGrid_Container, OSInlineClear, Bold, Italic, Underline, Text_AlignBaseline, 
Header_Menu, Menu_TopMenus, Menu_TopMenuActive, Menu_TopMenu, Menu_SubMenuItemActive, Menu_SubMenuItem, Menu_DropDownArrow, Menu_DropDownPanel, Button, 
ListNavigation_PageNumber, ListNavigation_CurrentPageNumber, ListNavigation_Ellipsis, ListNavigation_Previous, ListNavigation_Next, ButtonDefault, 
Is_Default, Filters_Wrapper, EditRecord, EditRecord_Caption, EditRecord_Value, EditRecord_Buttons, ShowRecord_Caption, ShowRecord_Value,Te ShowRecord, 
TableRecords_Header, TableRecords, TableRecords_OddLine, TableRecords_EvenLine, TableRecords_BottomNavigation, RecordPicture, RecordPicture_Wrapper, 
InputMandatorySymbol, MandatoryCaption, Prompt, Not_Valid, ValidationMessage, Feedback_Message_Wrapper, Feedback_Message_Error, Feedback_Message_Success, 
Feedback_Message_Warning, Feedback_Message_Info, Feedback_Message_Wrapper_Close, os-internal-Popup, os-internal-ui-dialog, os-internal-ui-dialog-titlebar, 
os-internal-ui-autocomplete, os-internal-ui-state-hover, os-internal-ui-dialog-title, ListNavigation_DisabledNext, ListNavigation_DisabledPrevious, 
Chart_Color1, Chart_Color2, Chart_Color3, Chart_Color4, Chart_Color5, Chart_Color6, Chart_Color7, Chart_Color8, Chart_Color9, Chart_Color10, Responsive, 
ThemeGrid_Wrapper, ThemeGrid_Width1, ThemeGrid_Width2, ThemeGrid_Width3, ThemeGrid_Width4, ThemeGrid_Width5, ThemeGrid_Width6, ThemeGrid_Width7, ThemeGrid_Width8, 
ThemeGrid_Width9, ThemeGrid_Width10, ThemeGrid_Width11, ThemeGrid_Width12, ThemeGrid_Margin1, ThemeGrid_Margin2, ThemeGrid_Margin3, ThemeGrid_Margin4, ThemeGrid_Margin5, 
ThemeGrid_Margin6, ThemeGrid_Margin7, ThemeGrid_Margin8, ThemeGrid_Margin9, ThemeGrid_Margin10, ThemeGrid_Margin11, ThemeGrid_Margin1First, ThemeGrid_Margin2First,
ThemeGrid_Margin3First, ThemeGrid_Margin4First, ThemeGrid_Margin5First, ThemeGrid_Margin6First, ThemeGrid_Margin7First, ThemeGrid_Margin8First, ThemeGrid_Margin9First, 
ThemeGrid_Margin10First, ThemeGrid_Margin11First, Counter_Message, 2, ListNavigation_Wrapper, EPATaskbox_Container, ECT_FeedbackContainer, MenuSlider_IsOpen,
Header_LeftSection, Header_RightSection, Blue, Orange, LightBlue, Violet DarkGray, Feedback_AjaxWait, Gray, Green, MenuSlider_Toggler, OSAutoMarginTop, Red, 
TableRecords_TopNavigation, Tabs_Header, Tabs_TabBody, Tabs_TabOff, Tabs_TabOn, Tabs_Wrapper, Title_Section, White, Application_Menu, Breadcrumbs */

.BottomSeperator, .RegisterDiv.BottomSeperator {
    margin-bottom:40px;
}


.DynamicTextInput {
    padding:0px 3px 0px 3px;
}
/*** Generated classes from Style Editor in OutSystems 10 ***/
.CommentsDiv[data-style-key="+0aoFUqRGUSnn3uKDc90HA"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="k4nqcEe2SU6vjPqAT6x6mA"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="0XsmwvsNakeMVDj3GjMq1Q"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="Hy00emM+YEebiwaUqCYGGQ"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="vFflpc4VlUi3JfhwflgBTg"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="LCGi3oPbSkytaldWTteYzg"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="L_cvY8jYZEqeULVEb8WM9A"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="fEcggnyf70W911idj10djQ"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="bEPrYCogKkeULEJ9RAGeQA"] { margin:0px 0px 0px; }
[data-style-key="3uCLvo8uIkS8_Va1cFVehA"] { font-size:12px; }
.CommentsDiv[data-style-key="8Lnt7oaqY0qvy7YbPR3amw"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="+0LatfiL8UGErSXo6oGiJg"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="qPQZ1hWyYE+mBvkUyAvqaQ"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="7dwqiWut5EG3fhIZqUPO2w"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="ISKyxADu3U+Oi93XKIivrg"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="ruvO86PkwkqiOtPMGBuEyA"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="teeIcLJ4NEOUcxLrJ3A++g"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="NpzMIauUWU69ALPhEeD7aw"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="BcvZHiTPWU6ez4zfazwfew"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="kBbqiRFzzECp3c5jN_eZUg"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="d0kIH2ofWUqI0L7MFKQuRA"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="RxAMUZv2nEKzU13jFBSBvg"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="ygZXbqUdh0mgSe2r+OGOhg"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="jLWWHQKLTUKMVlKjot75cw"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="Lr0j2iMy+0SCh19RiPqn1g"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="AIs7gt3xFESHwKVnT5AfUA"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="8le59koFCkudc8bNesScFA"] { margin:0px 0px 0px; }
[data-style-key="mH1dAeUq70eulJnDsx2jUw"] { font-size:12px; }
.CommentsDiv[data-style-key="pY_3bTLrbk+EXcSmMsLKhg"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="bLPjoiXLs0uxhiSY6l5usg"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="h9niHibs9EG4U6n082QOzg"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="vXSJSLabnkGJdmM4xB_Kjw"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="BhH+2kaXNkmZ2W5rfC5exA"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="1HXf4qHO8kefFXX9osOxGA"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="QqIx1krh20KMV276APH4hw"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="UiFILcHbskaiHJoFalgKKg"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="vIuYGQRAlUiwyaTcR2M+PA"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="H2LRiF8_jE6T6xGCLf+4pw"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="9KdKzf0P5kWHx3JdOqGs2A"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="7SzBdlSxPkaZJNQemwC1Fg"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="4VjOOTfe+0C1guKxFMpbtQ"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="xoohsN6cVUKp0RIu4AbPoA"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="oopj7e2dL0eyG3q8lB_kyw"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="URx5LjFdhk+TPmgu85a+Ng"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="m_9fxnCZpUWTCiFOsK5jDg"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="FGI1eIS27kGVrbA1DXeAPg"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="lOdLBUv9PESLBo+RiYCMpg"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="xf+oHqxm90e_DRAJDYaN8Q"] { margin:0px 0px 0px; }
[data-style-key="V5hQ+vjO6UerAVl7+j1jdQ"] { font-size:12px; }
.CommentsDiv[data-style-key="7nxG09GsGUqP9o_QiyaX4g"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="hqFpAsa3E0aLKG6fJqR9cA"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="XUhY18hjzUCUgIxbQzxdgA"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="cQUd3nCDLUmh73V1KKViHg"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="OPDV28kJq0a4fhsuxZfZdg"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="PiJkrkUbxk654d5jcbX16A"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="EmxvFI83g0m9PhBMA7e12A"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="ERkXMhkYS0WBE1cb7tKEFg"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="+2KE0z4AQEiQh+VL_Cn9qg"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="9kOr6aaZdka1NjoptkQfZA"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="HxA0tDd6REaBQCuCSksIYA"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="a8cifEqNhUyPoiZtluc+MQ"] { margin:0px 0px 0px; }
[data-style-key="8hAuRDOK6Ee66hosF_DKpQ"] { font-size:12px; }
.CommentsDiv[data-style-key="5DTw5tGEK0qTlunAeGtQUQ"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="yUXInyIC2UarFRNxSgkWYg"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="FqEIT3IqAkapW80_nKSftA"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="Iyp908wXuUO2EMHS9q9b1A"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="HjCaLEp2h0+3Qp3sOtSanw"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="78oRdXGqzEOmLGra6wzZXw"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="vK_Ymg8JRU2n8UJ33q3Whg"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="9muxVImpw0mxH1BtDvH0nQ"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="lnD8v6OxekahTXh0wbc+oQ"] { margin:0px 0px 0px; }
[data-style-key="3yqT1rXRWEGDe_OPQbYs+g"] { font-size:12px; }
[data-style-key="0LlqElB5l0eOk1SPdHJ+tQ"] { border-radius:4px; }
[data-style-key="e7z8dreimEuPPjTVzHE9vg"] { border-radius:4px; }
[data-style-key="xIIl0bATDU+wo_wlCXxytA"] { border-radius:4px; }
.CommentsDiv[data-style-key="uF7W6NF4k0iyz0Bv1sSGSA"] { margin:0px 0px 0px; }
.DynamicTextInput[data-style-key="c9ai8eg9pEGLL8nfOSDdFQ"] { padding:0px 6px 0px 6px; }
.CommentsDiv[data-style-key="z1vNS_wHWEWJQYZSsVcHVA"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="2rAHPjC7SU6VVMPE2gQ94w"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="_9_YirpolUOMdysrbbu7SQ"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="8_LAGWcgTE2wuZA9XzwptQ"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="bA1rwGYTj06ktNPesRxWQw"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="CnqdsasovU+JAI8a_lIEBg"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="7LvQIMcQf0mjDh6faI9F7w"] { margin:0px 0px 0px; }
[data-style-key="oonc89LRMUKFV6h7nNvxww"] { font-size:12px; }
.CommentsDiv[data-style-key="SDi8IYfVSUuqRrdLr1HbjA"] { margin:0px 0px 0px; }
[data-style-key="IU2+3lQUSUejb9VFRWZ3vA"] { padding:0px 6px 0px 6px; }
.CommentsDiv[data-style-key="6apZTX6UjkSWwZxXXF3BLg"] { margin:0px 0px 0px; }
.DynamicTextInput[data-style-key="MnjUg4UhcEalz6fqAjn83w"] { padding:0px 6px 0px 6px; }
.CommentsDiv[data-style-key="rA3ivI0MKk+iFqIRimEwiw"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="5KRKOt1C2k6KRTcKjUT3PQ"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="T4PyeZYTOE+0qAdYtz0jtg"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="TDiRVAyUOkuflp2W+_kMjg"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="5vL5yahdJ0yYfiQ79vOkKg"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="R8SAl5oY4EC7igJOXlp7Ew"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="QlzMpbpPzk62DVSfEbMUAA"] { margin:0px 0px 0px; }
[data-style-key="xjoT1+qMdEWoaqPcclrYsw"] { font-size:12px; }
.CommentsDiv[data-style-key="+WXvl0JnB0up9ZZSy1pLPg"] { margin:0px 0px 0px; }
.DynamicTextInput[data-style-key="T9JgsJDieEG_jPD4946BSA"] { padding:0px 6px 0px 6px; }
.CommentsDiv[data-style-key="W1lU+bOL8kOTfdRlQepmsQ"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="TWir6fIRRkaIqfXPKutxug"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="oRx3tOE5Z0uSbRWVJKyF9w"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="My+9dzgj2kesot6Zh_LyAQ"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="nBDxpSfVq0iiJxD9bjbjzw"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="mVOkbfokMEWdtBsPDa8KBg"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="TJSDPupKlkK9hTNebUGQ0g"] { margin:0px 0px 0px; }
[data-style-key="uN29+e0fZEWzYR2CalVMzg"] { font-size:12px; }
.DynamicTextInput[data-style-key="lzBhB9xljU2xrOgP2DfQTA"] { padding:0px 6px 0px 6px; }
.CommentsDiv[data-style-key="U6SPiKvvIkmDcI5DMOWENw"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="t90NKwQ8pUWFdUmlythpHw"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="U7fLH2uPm0yhzDnkBe2S+g"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="C0a2ibK13Uqy16z1DadZMw"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="1OtmyBcBK02D46NoVTDkIQ"] { margin:0px 0px 0px; }
.DynamicTextInput[data-style-key="R6_hlgfJKUenjPhDe3x+HA"] { padding:0px 6px 0px 6px; }
.CommentsDiv[data-style-key="fZTpT0DGpU6y+UuKqBGUUg"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="9lhBhtztGk+zEFRfq0_UiA"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="4hoay++mQUisDotQyicENw"] { margin:0px 0px 0px; }
[data-style-key="jHuSFhXVP0ufbAf7rUlV0A"] { font-size:12px; }
[data-style-key="6JOFP4hX4UuUBA3koKmB9g"] { border-radius:4px; }
[data-style-key="Fx9TE5ZxFkm6oRi3ZSzHlQ"] { border-radius:4px; }
[data-style-key="qk5SdLOR4EaKt4crb1kCCw"] { border-radius:4px; }
.CommentsDiv[data-style-key="iYPNNZGGuE2VLpNAJn5R8w"] { margin:0px 0px 0px; }
.DynamicTextInput[data-style-key="blyqKXuy5UmWSkDuqjXtuA"] { padding:0px 6px 0px 6px; }
.CommentsDiv[data-style-key="SJfaj_7GV0C5F6ml4K8cWw"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="zz2qISbUnkiJLvMYupTe8g"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="_OO9giYj0UCyTqEIngj9nw"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="167J7wYHBUmNwxxIfYnpOg"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="tfTLqU6TgEGKvaLDWzxgZg"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="23zHvUeKBEunJG2USht_Xw"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="QHz6tyHhKE+HoYytWlsRqw"] { margin:0px 0px 0px; }
[data-style-key="bKAfjk+Cn0O_jQ99tJ3Nuw"] { font-size:12px; }
.CommentsDiv[data-style-key="FgqHfweMok+yVlsKGNk01A"] { margin:0px 0px 0px; }
.DynamicTextInput[data-style-key="BRevy+Q4E0eikaiue3PYFg"] { padding:0px 6px 0px 6px; }
.CommentsDiv[data-style-key="dow3ERjq2UWmMixXtOsKwA"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="qlX+62PSgkigGw8q43syrQ"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="fa0ibilh10Cr2OrC0xdx7A"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="GrDFrxkhukmoRqmoZmLx3g"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="mRFjN8Pd80eg1p4gl+Tknw"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="7cdUWHVX4Ue5mulotbbxGA"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="RJ4ejfT+qE2x150FVCz2Sw"] { margin:0px 0px 0px; }
[data-style-key="y6+rM_z6QEmgo9oQD_a48Q"] { font-size:12px; }
.CommentsDiv[data-style-key="6H+vUehRrkWj+zDdZkrraQ"] { margin:0px 0px 0px; }
.DynamicTextInput[data-style-key="9pzn2wg8eUW4It_hfeYkYQ"] { padding:0px 6px 0px 6px; }
.CommentsDiv[data-style-key="ePDtEkQcdUCWggEO0g8tJQ"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="mZwPvl5_3UeOdf+dBK7quw"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="AAxQa5Wx2EuDXeQdPY14dA"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="_kRkY5em5UuZfIdhWUBFNg"] { margin:0px 0px 0px; }
.DynamicTextInput[data-style-key="k7HxCA8dyUCB4ONlwZWuBQ"] { padding:0px 6px 0px 6px; }
.CommentsDiv[data-style-key="Qp1CxOKp+kGPo0eo6+zFZw"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="61n5UrzrW0ih86yBymEv6Q"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="RMHD8y2Oy02ThxOM9ZL1pw"] { margin:0px 0px 0px; }
[data-style-key="el3bttAPKkq6FUsnD1YQOg"] { font-size:12px; }
.CommentsDiv[data-style-key="R16NYnOEMkeTZt2dH4++9w"] { margin:0px 0px 0px; }
.DynamicTextInput[data-style-key="HFqeVCLpyU+tx2fVmvL1sg"] { padding:0px 6px 0px 6px; }
.CommentsDiv[data-style-key="BZaCWZpuh0miENF2vhXQcQ"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="0YQW+NEysUuihzxuPURhHw"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="6kgPA06cu06sqnCHv_VjRg"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="U8kbNEymRkGnSztvE+PHVQ"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="b9iD6K7UH0Cd+Jmh074bFQ"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="ynQyohLX20Gek4nrouvIKg"] { margin:0px 0px 0px; }
.CommentsDiv[data-style-key="jYdq1ii+JUC7KSNEdY5bXQ"] { margin:0px 0px 0px; }
[data-style-key="B77x0_MhiEa8OXRgUaRRkA"] { font-size:12px; }
[data-style-key="rxIsXGKe8kq4Aj3BOPhuVg"] { text-align:right; }
[data-style-key="giwPBgUZfkOQ+YIb4ysj8w"] { text-align:right; }
[data-style-key="S7Gmp3HO1kCEna5XllSAEg"] { text-align:right; }
.SignInDiv[data-style-key="71D8WAVfEkSyNFREXujMPQ"] { font-size:100%; }
[data-style-key="MZKq8GZvc02mPeufRWAUqg"] { font-weight:normal; }
[data-style-key="EfLgkz1gkUai0UdfQttpTQ"] { font-size:100%; }
[data-style-key="VU7FJAtAUUWYuG5U4vgkIQ"] { font-weight:normal; }
.Inputbox[data-style-key="R76G5PCWe0WuWD7qjr4cRQ"] { border-radius:4px; }
[data-style-key="shyvhtu+nUCOJX24hYbz1A"] { font-size:100%; font-weight:normal; }
.Inputbox[data-style-key="2XTYKf1ShkCr0u377NoXNg"] { border-radius:4px; }
[data-style-key="bNKp3PqxrEKwL7NiClQu6g"] { font-size:100%; font-weight:normal; }
[data-style-key="VecyOkFGskqYjZ84xT1BsA"] { font-size:100%; font-weight:normal; }
[data-style-key="8vE+gHKc6EWTDv03XzTFeA"] { font-size:100%; font-weight:normal; }
[data-style-key="nOAxRCE4oEC4jZr0k1crUQ"] { font-size:100%; }
[data-style-key="neZnKqwZ40uCARfRkPLbNg"] { font-weight:normal; }
[data-style-key="1t+R87bPTEuclql0mFTnbg"] { font-size:100%; }
[data-style-key="HWa1XZjNfUS4zon2lszRhA"] { font-size:100%; font-weight:normal; }
[data-style-key="SHFbHcyBKkOULV5Vs5TRuA"] { font-size:100%; font-weight:normal; }
[data-style-key="+ZTvgNkkt0abT1wgwrbHxA"] { font-size:100%; font-weight:normal; }
.WelcomeMessage[data-style-key="tgbSb1riJkWlKAaBBFjNJA"] { margin:20px 0px 0px 0px; }
[data-style-key="DL7FH6W5gEemQqH0wJck8w"] { font-size:100%; }
[data-style-key="zj0b8QrKrUa3ZfbnRyIuGA"] { font-size:100%; font-weight:normal; }
.Inputbox[data-style-key="5CKa5rGf1EO1Q7ckrDcc3A"] { color:rgb(102,102,102); }
[data-style-key="cA3UofGYPUGR0CgyeG2QAQ"] { font-size:100%; font-weight:normal; }
[data-style-key="qjUoJiDEM0uNmfZFhCztbw"] { font-size:100%; font-weight:normal; }
[data-style-key="A8KqZodVvk+_iKHxeKgrbA"] { font-size:100%; }
.PasswordIcon[data-style-key="YLRI6Jbrj0qQoEpPyG_zBQ"] { font-weight:normal; }
[data-style-key="It8mQMSgcEW6H52QGPk3vA"] { border-radius:4px; }
[data-style-key="NdDPOz3vr0a+9nEicz_1pg"] { font-size:100%; }
[data-style-key="N0AsQeeNkUC4YZWmqc5vnA"] { font-size:100%; }
[data-style-key="A119CMMorkuNogDY0olJpA"] { font-size:100%; }
[data-style-key="40tGvsieW0SYVauWkoJ2NQ"] { font-size:100%; }
[data-style-key="QGPRtCNK9UWIto2vhtgTzg"] { font-size:100%; font-weight:normal; }
[data-style-key="yRwND93EEUuq2yBDBd9rnw"] { font-size:100%; font-weight:normal; }
[data-style-key="F3WcxuOBwE65axQhUtjs9A"] { font-size:100%; font-weight:normal; }
[data-style-key="ALa7btveakSZC_C52EFuyw"] { font-size:100%; font-weight:normal; }
[data-style-key="2gLkZMOrREuFDjGI+sINRQ"] { font-size:100%; font-weight:normal; }
[data-style-key="gB1XtibUNE2yLZiKnXrCJw"] { color:#0D2239; font-size:19px; font-weight:bold; }
/*** Generated classes from Style Editor in OutSystems 10 ***/