@import url("/WebPatterns/Theme.Patterns_Liverpool.css?6134");

/*
    
    File: EnecoLiverpoolTheme

  -1A. Fonts face and Resets
  -1B. Usefull Classes
    1. General Properties
    2. Structure
    3. Forms
    4. Built-in widgets
    5. RichWidgets
    6. Login
    7. Theme Grid
    0. Studio Preview
*/

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

@import url(/EnecoLiverpoolTheme/Theme.EnecoColors.css?6188);

@font-face{
    font-family:"Etelka";
    src:url("/EnecoLiverpoolTheme/fonts/etelka/2A3A6C_0_0.eot#");
    src:url("/EnecoLiverpoolTheme/fonts/etelka/2A3A6C_0_0.eot?#iefix") format("embedded-opentype"),
        url("/EnecoLiverpoolTheme/fonts/etelka/2A3A6C_0_0.ttf") format("truetype"),
        url("/EnecoLiverpoolTheme/fonts/etelka/2A3A6C_0_0.woff") format("woff");
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:"Etelka";
    src:url("/EnecoLiverpoolTheme/fonts/etelka/2A3A6C_1_0.eot#");
    src:url("/EnecoLiverpoolTheme/fonts/etelka/2A3A6C_1_0.eot?#iefix") format("embedded-opentype"),
        url("/EnecoLiverpoolTheme/fonts/etelka/2A3A6C_1_0.ttf") format("truetype"),
        url("/EnecoLiverpoolTheme/fonts/etelka/2A3A6C_1_0.woff") format("woff");
    font-weight:600;
    font-style:normal
}
@font-face{
    font-family:"Etelka";
    src:url("/EnecoLiverpoolTheme/fonts/etelka/2A3A6C_2_0.eot#");
    src:url("/EnecoLiverpoolTheme/fonts/etelka/2A3A6C_2_0.eot?#iefix") format("embedded-opentype"),
        url("/EnecoLiverpoolTheme/fonts/etelka/2A3A6C_2_0.ttf") format("truetype"),
        url("/EnecoLiverpoolTheme/fonts/etelka/2A3A6C_2_0.woff") format("woff");
    font-weight:700;
    font-style:normal
}
@font-face {
    font-family:EtelkaMedium;
    src:url("/EnecoLiverpoolTheme/fonts/etelka/Etelka-Medium-Pro.ttf") format("truetype");
    font-weight:400;
    font-style:normal;
}

@font-face {
    font-family:EtelkaMedium;
    src:url("/EnecoLiverpoolTheme/fonts/etelka/Etelka-Medium-Pro-Bold.ttf") format("truetype");
    font-weight:500;
    font-style:normal;
}

@font-face {    
    font-family: "fontello";
    src: url("/EnecoLiverpoolTheme/fonts/fontello/fontello.eot?v=3858351");
    src: url("/EnecoLiverpoolTheme/fonts/fontello/fontello.eot?#iefix") format("embedded-opentype"),
        url("/EnecoLiverpoolTheme/fonts/fontello/fontello.ttf?v=3858351") format("truetype"),
        url("/EnecoLiverpoolTheme/fonts/fontello/fontello.woff?v=3858351") format("woff");
    font-weight: normal;
    font-style: normal; 
}

html,
body,
a,
select,
fieldset,
input,
button,
select,
textarea,
optgroup,
option {
    font-family: Etelka, Verdana, Helvetica;
}

/*------------------------------------*\
      $-1B. Usefull Classes
\*------------------------------------*/

/* Text Classes **************************/

.Heading1, .Heading2, .Heading3, .Heading4 {
    color: rgba(229, 56, 76, 1);
    font-family: EtelkaMedium, Verdana;
} 

.Heading1 {
    font-size: 30px;
}
.Heading2 {
    font-size: 26px;
}
.Heading3 {
    font-size: 22px;
}
.Heading4 {
    font-size: 18px;
}

/* Buttons **************************/
.Button, a.Button {
    border-radius: 6px;
    background: rgba(229,56,77,1);
    background: -moz-linear-gradient(left, rgba(229,56,77,1) 0%, rgba(235,117,97,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(229,56,77,1)), color-stop(100%, rgba(235,117,97,1)));
    background: -webkit-linear-gradient(left, rgba(229,56,77,1) 0%, rgba(235,117,97,1) 100%);
    background: -o-linear-gradient(left, rgba(229,56,77,1) 0%, rgba(235,117,97,1) 100%);
    background: -ms-linear-gradient(left, rgba(229,56,77,1) 0%, rgba(235,117,97,1) 100%);
    background: linear-gradient(to right, rgba(229,56,77,1) 0%, rgba(235,117,97,1) 100%);
    min-height: 45px;
    font-family: EtelkaMedium, Verdana;
    font-size: 20px;
    border: none;
    color: #fff;
}


.desktop .Button:hover,
.desktop a.Button:hover {
    background: #300c38;
    background: -moz-linear-gradient(left, #300c38 0%, #300c38 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #300c38), color-stop(100%, #300c38));
    background: -webkit-linear-gradient(left, #300c38 0%, #300c38 100%);
    background: -o-linear-gradient(left, #300c38 0%, #300c38 100%);
    background: -ms-linear-gradient(left, #300c38 0%, #300c38 100%);
    background: linear-gradient(to right, #300c38 0%, #300c38 100%);
}

/* Default Action Button **************************/
.Button.ButtonDefault,
.Button.Is_Default {
    border: none;
    border-color: #0d4d75;
    color: #fff;
    text-shadow: none;
}

.desktop .Button.ButtonDefault:hover,
.desktop .Button.Is_Default:hover {
    background-color: #499acd;
    border-color: #125f90;
}

.Button.Cancel {
    background: #e6e7e8;
}

.desktop .Button.Cancel:hover {
    background-color: #fff;
    border-color: #499acd;
    color: #fff;
}

.Button.Success {
    background-color: #a9c264;
    border-color: #96ad58;
    color: #fff;
}

.desktop .Button.Success:hover {
    background-color: #c0dc74;
    border-color: #b3ce68;
}

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

.desktop .Button.Danger:hover {
    background-color: #a6331b;
}

.Button.Link {
    background-color: #fff;
    border-color: #fff;
    color: #369;
}

.desktop .Button.Link:hover {
    background-color: #fff;
    border-color: #499acd;
    color: #499acd;
}



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

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

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

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

a,
a:link,
a:visited {
    color: #ca081e;
    -webkit-transition: color .2s ease-in;
            transition: color .2s ease-in;
}



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

/* Header **************************/
.Header {
    background-color: rgba(255, 255, 255, 1);
    color: rgba(229, 56, 76, 1);
    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: #ca081e;
    display: none;
    font-size: 20px;
}

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

/* APP Title **************************/
.Application_Title {
    color: white;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 50px;
    overflow: hidden;
    padding-left: 3px;
    padding-right: 10px;
    text-decoration: none;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

/* 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: rgba(229, 56, 76, 1);
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 1px;
    padding-right: 10px;
    text-decoration: none;
}

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

/* User info **************************/
.Login_Info,
.AppSwitcherContainer,
a.Login_Info_Username,
a.Login_Info_Username:link,
a.Login_Info_Username:visited {
    color: rgba(229, 56, 76, 1);
    font-size: 100%;
    font-weight: normal;
    margin-right: 10px;
    font-family: EtelkaMedium, Verdana;
}

.Login_Info {
    float: right;
    padding: 15px 0;
}

.Login_Info_Logout {
    font-size: 0;
}

.Login_Info_Logout:before,
.Login_Info_Username:before,
.AppSwitcherContainer:before,
.AppSwitcherLink[disabled="disabled"]:before {
    color: rgba(229, 56, 76, 1);
    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: rgba(229,56,77,1); /* 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: #a90002;
    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: 14px 20px;
    text-decoration: none;
    text-shadow: none;
    font-family: EtelkaMedium, Verdana;
}

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

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

.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: #fff;
    margin-bottom: -50px;
    min-height: 100%;
    padding-top: 105px;
}

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

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

/* MainContent **************************/
.MainContent {
    background: #fff;
    margin-top: 30px;
    min-height: 100%;
    padding-bottom: 80px;

     /* push the footer down on preview */
}

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

/* Footer **************************/
.Footer {
    background: #f3f3f3;
    color: rgba(229, 56, 76, 1);
    font-size: 12px;
    min-height: 50px;
    padding: 10px 0;
    position: absolute;
    text-align: center;
    width: 100%;
}

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

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

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

.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
\*-------------------------------------*/

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: 34px;
}

/* 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;
    border-radius: 5px;
    border-radius: 0.3125rem;
    height: 40px;
}

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



/*------------------------------------*\
              $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: 2px solid #d0d0d0;
    color: rgba(229, 56, 76, 1);
    font-family: EtelkaMedium, Verdana;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 0 10px 10px;
}

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

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

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

.TableRecords_OddLine,
.TableRecords_EvenLine {
    border-bottom: none;
    padding: 10px 0 10px 10px;
}

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

.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 **************************/
.Feedback_AjaxWait {
    background-color: white;
    border-radius: 0;
    box-shadow: 1px 2px 8px 0 rgba(73, 70, 70, .48);
    color: #e73d25;
    font-size: 12px;
    height: 70px;
    padding: 0 15px;
}

.Feedback_AjaxWait .Loader {
    background: url(/WebPatterns/img/loading_liverpool_red.gif?6134) no-repeat;
    height: 11px;
    margin-bottom: 15px;
    margin-top: 20px;
    position: relative;
    text-indent: -9999em;
    width: 16px;
}



/*------------------------------------*\
              $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: bold;
}

.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 */
/*** Generated classes from Style Editor in OutSystems 10 ***/
.EnecoFont-Light[data-style-key="sfnn1Yvv9kCK8iiLw6ZcMA"] { color:#c50e4e; font-size:80%; }
[data-style-key="NiqSEAxw1UqVgEsgBHyk0g"] { margin:40px 0px 0px 0px; }
[data-style-key="owz5Gyyr40ucw4gT9fxdRA"] { margin:40px 0px 0px 0px; }
[data-style-key="8Jvg0z4r+UeCdF_5zL0+Cg"] { text-decoration:underline; }
[data-style-key="GLb3LTF4UUKz9JDhdYLY5A"] { font-weight:bold; }
[data-style-key="JHQHph2BbEiFrEtV0jMUeg"] { font-style:italic; }
[data-style-key="FDTpFrpLiE6La2tWLOwR6g"] { font-style:italic; text-decoration:underline; }
[data-style-key="YaB1N4jwgEeYpzflAwcrrg"] { font-style:italic; }
[data-style-key="HJZ2QJnaHke0qwIU2V34Xw"] { font-weight:bold; }
[data-style-key="qccXMYblb02xZqAUNUcGFQ"] { font-style:italic; }
[data-style-key="PRvGJuYw80OXMORlksnkjA"] { margin:10px; }
.TableRecords[data-style-key="bGqx2zALz0CIV67rfysHSA"] { margin:0px; }
/*** Generated classes from Style Editor in OutSystems 10 ***/