@import url("/DublinTheme/Theme.DublinTheme.css?1145");

/*
    How to generate a theme for your company: 
    
        1 - Go to https://silkui.outsystems.com/ThemeCustomizer/GenerateDublin.aspx
        2 - Copy the generated CSS
        3 - Replace the CSS for Primary Color Customization below with the Generated CSS

*/

/*------------------------------------*\
             Import Font
\*------------------------------------*/

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

/*------------------------------------*\
             Font Definition
\*------------------------------------*/

html, body, a, select, form, fieldset, table, tr, td, img, input, button, select, textarea, optgroup, option {
    font-family: Open-Sans;
}

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

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

/* Font Oswald classes */

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

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

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

/* Font OpenSans classes */

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

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

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

.OpenSans_Semibold {
    font-family:  'Open-Sans',Meiryo, sans-serif;
    font-weight: 600;
}



/***************************************/r
/***** PRIMARY COLOR CUSTOMIZATION *****/
/***************************************/

.Heading1,
.Heading2,
.Heading3,
.Heading4 {
    color: #59ABE3; /*primary-color*/
}

.Menu_DropDownPanel {
    background-color: #59ABE3; /*primary-color*/
    -webkit-filter: brightness(110%);
    filter: brightness(1.1);
}

.Header__activity,
.LoginInfo,
.Login_Text,
.Text_black {
    color: #59ABE3; /*primary-color*/
}

.phone .Menu .LoginInfo {
    background-color: #59ABE3; /*primary-color*/
    -webkit-filter: brightness(90%);
    filter: brightness(0.9);
    
}


.Menu {
    background: #59ABE3; /*primary-color*/
}

.Menu_TopMenu a:link,
.Menu_TopMenu a:visited,
.Menu_TopMenu a {
    border-bottom-color: rgba(0,0,0,0.1);
    box-shadow:none;
}

.Menu_DropDownPanel a.Menu_SubMenuItemActive, 
.Menu_DropDownPanel a.Menu_SubMenuItemActive:visited,
.Menu_DropDownPanel a.Menu_SubMenuItemActive:link,
.Menu_DropDownPanel a.Menu_SubMenuItem:hover {
    -webkit-filter: brightness(90%);
    filter: brightness(0.9);
    
}

.Menu_TopMenu a:hover, 
.Menu_TopMenu a:link:hover, 
.Menu_TopMenu a:visited {
    border-left-color: #59ABE3; /*primary-color*/
}


.Menu_TopMenu a span.fa {
    border-color: #FFF;
}

.Menu_TopMenu:hover,
.Menu_TopMenu:hover a [class^=fa],
.Menu_TopMenuActive a:link [class^=fa],
.Menu_TopMenuActive a:visited [class^=fa],
.Menu_DropDownPanel a.Menu_SubMenuItemActive, 
.Menu_DropDownPanel a.Menu_SubMenuItemActive:visited,
.Menu_DropDownPanel a.Menu_SubMenuItemActive:link,
.Menu_DropDownPanel a.Menu_SubMenuItem:hover {
    background-color: #59ABE3; /*primary-color*/
    -webkit-filter: brightness(90%);
    filter: brightness(0.9);
    
}

.Menu_TopMenu a:hover, 
.Menu_TopMenu a:link:hover, 
.Menu_TopMenu a:visited {
    border-left-color: #FFF;
}

.tablet .Menu_TopMenu .Menu_DropDownArrow {
    border-left-color: #59ABE3; /*primary-color*/
    -webkit-filter: brightness(80%);
    filter: brightness(0.8);
    
}

.tablet .Menu_TopMenu:hover .Menu_DropDownArrow {
    border-left-color: #FFF;
}

.tablet .Menu_TopMenuActive .Menu_DropDownArrow, 
.tablet .Menu_TopMenuActive:hover .Menu_DropDownArrow {
    border-left-color: #FFF;
}

.Menu_TopMenu:hover span.fa {
    border-color: #FFF;
    color: #FFF;
}

.Menu_TopMenu:hover .Menu_DropDownArrow {
    border-top-color: #FFF;
}

.Menu_TopMenuActive:hover a:link, .Menu_TopMenuActive a:link,
.Menu_TopMenuActive:hover a:visited, .Menu_TopMenuActive a:visited,
.Menu_TopMenuActive:hover a, .Menu_TopMenuActive a,
.Menu_TopMenu:hover a, .Menu_TopMenu a {
    color: #FFF;
}

.Menu_TopMenuActive .Menu_DropDownArrow,
.Menu_TopMenuActive:hover .Menu_DropDownArrow {
    border-top-color: #FFF;
    border-left-color: #59ABE3; /*primary-color*/
}

.Menu_DropDownArrow {
    border-top-color: #FFF;
}


.Menu_TopMenuActive a:link,
.Menu_TopMenuActive a:visited {
   background-color: #59ABE3; /*primary-color*/
   border-left-color: #FFF;
}

.Menu_TopMenuActive a span.fa {
    color: #FFF;
    border-color: #FFF;
}

.Menu_TopMenuActive{
    -webkit-filter: brightness(90%);
    filter: brightness(0.9);
    
}

.Menu_DropDownPanel a span.fa {
    color: #FFF;
}

.desktop.small .Menu_SubItemsPlaceholder,
.tablet .Menu_SubItemsPlaceholder {
    width: 250px;   
    
}

a.ListNavigation_PageNumber:link,
span.ListNavigation_CurrentPageNumber,
span.ListNavigation_Ellipsis {
    color: #59ABE3; /*primary-color*/
}



a.ListNavigation_Previous:link,
a.ListNavigation_Next:link,
span.ListNavigation_DisabledNext, 
span.ListNavigation_DisabledPrevious {
    color: #59ABE3; /*primary-color*/
}

.Feedback_AjaxWait {
    color: #59ABE3; /*primary-color*/
}

.Login_Footer {
    background: #59ABE3; /*primary-color*/
    background-image: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
    background-image:    -moz-linear-gradient(90deg, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
    background-image:     -ms-linear-gradient(90deg, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
    background-image:      -o-linear-gradient(90deg, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
    background-image:          linear-gradient(0deg, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
}

.AccordionVertical_item.open .AccordionVertical__header {
    border-top-color: #59ABE3; /*primary-color*/
}

.AccordionVertical_item.open .AccordionVertical___icon > .fa {
    background-color:  #59ABE3; /*primary-color*/
    border-color:  #59ABE3; /*primary-color*/
}

.AccordionVertical_item.open > .AccordionVertical__header > .AccordionVertical___icon > .fa {
    background-color: #59ABE3; /*primary-color*/
    border-color: #59ABE3; /*primary-color*/
}

.Post_icon img {
    border-color: #59ABE3; /*primary-color*/
}

.expanded .SectionExpandable__icon.Heading2 > .fa {
    background-color: #59ABE3; /*primary-color*/
    border: #59ABE3; /*primary-color*/
}

.Panel .SectionExpandable__icon.Heading2 > .fa {
    color: #59ABE3; /*primary-color*/
    border: 1px solid #59ABE3; /*primary-color*/
}

.Panel .expanded .SectionExpandable__icon.Heading2 > .fa {
    background-color: #59ABE3; /*primary-color*/
    border: #59ABE3; /*primary-color*/
}
.Calendar-day-selected, 
.Calendar-day-selected:hover {
    background: #59ABE3; /*primary-color*/
}

.Calendar-navDisabled > div, 
.topBar-navDisabled .Calendar-navBtn > div,
.Calendar-time-down, 
.Calendar-time-up, 
.Calendar-time-am {
    color: #59ABE3; /*primary-color*/
}

.Calendar-dayNames {
    border-top-color: #59ABE3; /*primary-color*/
}

.Calendar-navBtn > div {
    color: #59ABE3; /*primary-color*/
}

.select2-container .select2-choice {
    color: #59ABE3; /*primary-color*/
}

.desktop .NavigationBar a:hover, 
.desktop .NavigationBar a:link:hover {
    color: #59ABE3; /*primary-color*/
}

.NavigationBar a.Active {
    color: #59ABE3; /*primary-color*/
}

.desktop .NavigationBar a:hover:after, 
.desktop .NavigationBar a:link:hover:after,
.NavigationBar a.Active:after {
    background-color: #59ABE3; /*primary-color*/ 
}

.NavigationBar a.Active:not(.IE8):before {
    border-bottom-color: #59ABE3; /*primary-color*/
}

.desktop .NavigationBar.Vertical a:hover,
.desktop .NavigationBar.Vertical a:link:hover,
.NavigationBar.Vertical a.Active,
.NavigationBar.Vertical a:link.Active {
  border-color: #59ABE3; /*primary-color*/
}

.NavigationBar.Vertical a.Active:not(.IE8):before {
    border-left-color: #59ABE3; /*primary-color*/
}

.phone .NavigationBar .InlineDropdown:active,
.phone .NavigationBar .InlineDropdown:link:active,
.tablet .NavigationBar .InlineDropdown:active,
.tablet .NavigationBar .InlineDropdown:link:active,
.phone .NavigationBar a:active, 
.phone .NavigationBar a:link:active,
.tablet .NavigationBar a:active, 
.tablet .NavigationBar a:link:active {
    color: #59ABE3; /*primary-color*/
}

.phone .NavigationBar .InlineDropdown:active:after,
.phone .NavigationBar .InlineDropdown:link:active:after,
.tablet .NavigationBar .InlineDropdown:active:after,
.tablet .NavigationBar .InlineDropdown:link:active:after,
.phone .NavigationBar a:active:after, 
.phone .NavigationBar a:link:active:after,
.tablet .NavigationBar a:active:after, 
.tablet .NavigationBar a:link:active:after {
    background-color: #59ABE3; /*primary-color*/
}

.Tabs__tab.active {
    border-top-color: #59ABE3; /*primary-color*/
}

.Panel .Tabs__tab.active:not(.ie8):before {
    border-top-color: #59ABE3; /*primary-color*/
}

.WizardStep.ActiveStep {
    background: #59ABE3; /*primary-color*/
    -webkit-filter: brightness(90%);
    filter: brightness(0.9);
    
}

.WizardStep.ActiveStep:before {
    border-top-color: #59ABE3; /*primary-color*/
    border-bottom-color: #59ABE3; /*primary-color*/
}

.WizardStep.Past {
    background: #59ABE3; /*primary-color*/
}

.WizardStep.Past:before {
    border-top-color: #59ABE3; /*primary-color*/
    border-bottom-color: #59ABE3; /*primary-color*/
}

.Button,
a.Button {
    /*color: #59ABE3; /*primary-color*/
    color: #F26B6A;
}


.desktop .Button.Is_Default:hover:active,
.Button.Is_Default:active {
    border: 1px solid transparent;
    border-color: #F26B6A;
}



.Button.ButtonDefault,
.Button.Is_Default {
    /*background-color: #59ABE3; /*primary-color*/
   /* border-color: #59ABE3; /*primary-color*/
    background-color: #F26B6A;
    border-radius: 40px;
    color: #fff;
    box-shadow: none;
    border: 1px solid #F26B6A;
    width: 150px;
    border: 1px solid #F26B6A;
}

.desktop .Button.ButtonDefault:hover, 
.desktop .Button.Is_Default:hover {
    /*background-color: #59ABE3; /*primary-color*/
    /*border-color: #59ABE3; /*primary-color*/
    /*border-bottom-color: rgba(0,0,0,0.2);
    /*-webkit-filter: brightness(80%);
    /*filter: brightness(0.8);
    /**/
  /*  background-color: #e2e2e2;*/
    text-decoration: none;
    border: 1px solid #F26B6A;
}
.Button.Cancel,
.desktop .Button.Cancel:hover {
    /*border-color: #999;
    color: #fff;*/
   /* background-color: #e2e2e2;*/
    text-decoration: none;
    border: 1px solid #F26B6A;
    
}
.desktop .Button.Cancel:hover {
    /*-webkit-filter: brightness(80%);
    filter: brightness(0.8);
    
    background-color: #e2e2e2;
    text-decoration: none;*/
   /* background-color: #F26B6A;*/
    text-decoration: none;
    border: 1px solid #F26B6A;
}


/*------------------------------------*\
              Button Classes
\*------------------------------------*/


.Button.Yes{
    background-color: #F26B6A;
    border-radius: 40px;
    color: #fff;
    box-shadow: none;
    border: 1px solid #F26B6A;
    width: 150px;
}

.Button.No{
    color: #F26B6A;
    border-radius: 40px;
    background: none;
    border-color: #F26B6A;
    box-shadow: none;
    border: 1px solid;
    font-weight: bold;
    width:150px;
}

.phone
.Button.Yes{
    background-color: #F26B6A;
    border-radius: 40px;
    color: #fff;
    width: 120px;
    box-shadow: none;
    border: 1px solid #F26B6A;
}

.phone
.Button.No{
    color: #F26B6A;
    border-radius: 40px;
    background: none;
    border-color: #F26B6A;
    box-shadow: none;
    border: 1px solid;
    font-weight: bold;
    width:120px;
}

.Button.Finance{
    background-color: #00CC00;
    border-radius: 40px;
    color: #fff;
    box-shadow: none;
    border: 1px solid #00CC00;
    width: 200px;
}

.Button.FinanceCancel{
    color: #F26B6A;
    border-radius: 40px;
    background: none;
    border-color: #F26B6A;
    box-shadow: none;
    border: 1px solid;
    font-weight: bold;
    width:200px;
}


.Button.SearchBtn{
    color: #F26B6A;
    border-radius: 40px;
    background: none;
    box-shadow: none;
    border: 1px solid pink;
    font-weight: bold;
    width:150px;
}

.desktop .Yes.Button:hover, .desktop a.Button:hover{
    /*background-color: #e2e2e2;*/
    text-decoration: none;
}

.desktop .No.Button:hover, .desktop a.Button:hover{
  /*  background-color: #e2e2e2;*/
    text-decoration: none;
    border: 1px solid #F26B6A;
}

.desktop .Button:hover, .desktop a.Button:hover
{
    background: #F26B6A;
}

.desktop .Button.ButtonDefault:hover, .desktop .Button.Is_Default:hover
{
    background: #F26B6A;
}

.Button.No:hover,
.Button.SearchBtn:hover,
.Button.FinanceCancel:hover{
    background-color: #e2e2e2;
    text-decoration: none;
    border: 1px solid #F26B6A;
}

.desktop .Yes.Button:hover, .desktop a.Button:hover{
   /* background-color: #e2e2e2;*/
    text-decoration: none;
    border: 1px solid #F26B6A;
}

.desktop .No.Button:hover, .desktop a.Button:hover{
    background-color: transparent;
    text-decoration: none;
    border: 1px solid #F26B6A;
}


.TableRecords > tbody > tr > td a {
    color: #59ABE3; /*primary-color*/
}

.IconBadge_number {
    background-color: #59ABE3; /*primary-color*/
}

.pika-prev:after,
.pika-next:after {
    color: #59ABE3; /*primary-color*/ 
}

.pika-title {
    border-bottom: 2px solid #59ABE3; /*primary-color*/
}

.is-selected .pika-button {
   background-color: #59ABE3; /*primary-color*/
}

.has-event .pika-button:after {
   background-color: #59ABE3; /*primary-color*/ 
}


.Application_Menu {
     /*primary-color*/
    
}
/*------------------------------------*\
              Link Classes
\*------------------------------------*/

a,
a:link,
a:visited,
.EditableTable tr.RowControlGroup a,
.Button.Link {
    /*color: #59ABE3; /*primary-color*/
    color: #ffa0a0;
    
}



a.ActionAdd:hover{
    /*background-color: #59ABE3; /*primary-color*/
    /*border-bottom-color: #59ABE3; /*primary-color*/
    background-color: #ffa0a0; /*primary-color*/
    border-bottom-color:  #ffa0a0; /*primary-color*/
   
    -webkit-filter: brightness(90%);
    filter: brightness(0.9);
    
}
a.ActionDelete:hover{
    background-color: #bb5858;
    -webkit-filter: brightness(90%);
    filter: brightness(0.9);
    
}

a.ActionAdd,
a.ActionDelete {
    color: #FFF;
}

a.ActionAdd {
    /*background-color: #59ABE3; /*primary-color*/
    /*border-bottom-color: #59ABE3; /*primary-color*/
    background-color: #F26B6A; 
    border-bottom-color: #F26B6A;
}


.desktop .Button.Link:hover {
    /*background-color: transparent;*/
    /*border-color: #59ABE3; /*primary-color*/
    /*color: #59ABE3; /*primary-color*/
    color: #ffa0a0;
    border-color: #ffa0a0;
   /* background-color: #e2e2e2;*/
    text-decoration: none;
}




div.os-internal-Popup .os-internal-ui-dialog .os-internal-ui-dialog-titlebar,
div.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-titlebar {
    background: #59ABE3; /*primary-color*/
}


.SectionIndex a.active, 
.SectionIndex a:hover{    
    border-bottom-color: #59ABE3; /*primary-color*/
    color: #59ABE3; /*primary-color*/
}

.SectionIndex.vertical a.active, 
.SectionIndex.vertical  a:hover{
    border-left-color: #59ABE3; /*primary-color*/
}

.Menu_DropDownPanel a, .Menu_DropDownPanel a:link, .Menu_DropDownPanel a:visited{
    background: #337eb1;
}

/*------------------------------------*\
              Input Classes
\*------------------------------------*/

input[type].SearchBtn:focus,
input[type].No:focus,
input[type].FinanceCancel:focus{
    color: #F26B6A; 
}

input[type].Yes:focus,
input[type].DlBtn:focus,
input[type].Finance:focus,
input[type].Button.ButtonDefault:focus, 
input[type].Button.Is_Default:focus{
    color: #fff;
}

/*------------------------------------*\
            Form Classes
\*------------------------------------*/

 
.Form label
{
    color:  #375075;
}
/*
.Form:not(.form-top) label
{
    padding-bottom: 5px;
}
*/
.Form input.ReadOnly:not(.Not_Valid), .Form textarea.ReadOnly:not(.Not_Valid), .Form select.ReadOnly:not(.Not_Valid)
{
    background-color: #F1F1F1;
    border: none;
}

.Form select.ReadOnly, select {
    background-image: url(/ServerClaims/img/Dropdown.png?3458);
    background-size: 20px;
    background-position-x: 97%;
}


.Form select.TextBoxShadow,
.Form input.TextBoxShadow,
.Form textarea.TextBoxShadow
{
    background-color: #F1F1F1;
    box-shadow: 1.75mm 1.75mm 4.38mm rgba(125, 154, 207, 0.22);
    border: none;
    mix-blend-mode: multiply;
    border-radius: 10px;
}

.Form input.ReadOnly,
.Form textarea.ReadOnly,
.Form select.ReadOnly,
.Form input.ReadOnly:not(.Not_Valid), 
.Form textarea.ReadOnly:not(.Not_Valid), 
.Form select.ReadOnly:not(.Not_Valid){
    box-shadow: 1.75mm 1.75mm 4.38mm rgba(125, 154, 207, 0.22);
}

.Form input.ReadOnly:not(.Not_Valid), .Form textarea.ReadOnly:not(.Not_Valid), .Form select.ReadOnly:not(.Not_Valid){
    color: #375075;
}

.Form .ViewLabel{
    color: #375075;
    font-weight: bold;
}


.qq-upload-button{
    margin: 0 0;
}

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

.Form
select[type]:focus,
input[type]:focus,
textarea[type]:focus {
    color: #375075;
}

.Form
input[type]:focus.ClickBtn{
    color: #375075;
}

.Form 
.Note {
    color: blue;
    font-size: 13px;
}

/*------------------------------------*\
            Additional Classes
\*------------------------------------*/


.Section_content{
    padding-top: 0px;
}

.Section {
    margin: 20px 0 0;
}
.SectionExpandable {
    background-color: #fff;
    border-bottom: none;
    border-radius: 4px;
    box-shadow: none;
    padding: 0 0 0 0;
    margin: 20px 0 0;
}

.SectionExpandable__title {
    border-right: none;
}

.SectionExpandable.expanded .SectionExpandable_content {
    padding: 0px;
}




.phone .Header_title a img
{
    width: 70px;
    margin-bottom: 0px; 
    margin-right: 0px;
    height: inherit;
}

.phone .Header {
    display: inherit;
    background: #d1e8f7;
    transition: all 300ms ease;
}

.phone .Header_title
{
    margin-left: 0px;
}

.Header .Button.Header_buttonMenu {
    right: 10px;
    background: none;
    border: none;
    box-shadow: none;
}

.phone .Menu {
    right: -260px;
    left: inherit;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

.Page.phone.MenuOpen .Menu {
    right: 0px;
    left: inherit;
}

.Page.phone.MenuOpen .Header, .Page.phone.MenuOpen .Content.ThemeGrid_Wrapper
{
    right: 260px;
    left: -260px;
    transition: all 300ms ease;
}

html, body
{
    background: white;
}

.TitleActions
{
    display: none;
}

.desktop
.TitleActions{
    display: block;
    padding-left: 30px;
}



.tablet.portrait .HomepageContainerPosition{
    max-width: 550px;
    margin-left: auto;
    margin-right: auto;
    
}

.tablet.landscape .HomepageContainerPosition{
    max-width:650px;
    margin-left: 30px;
   
}

.desktop .HomepageContainerPosition{
    max-width: 650px;
    margin-left: 30px;
    
}

.CheckReceipt{
    color: #375075;
    background-color: #F1F1F1;
    padding: 25px;
    box-shadow: 1.75mm 1.75mm 4.38mm rgba(125, 154, 207, 0.22);
    border-radius: 10px;
}

.CheckIsraelReceipt{
    color: #375075;
    background-color: #F1F1F1;
    padding-top: 40px;
    padding-bottom: 40px;
    box-shadow: 1.75mm 1.75mm 4.38mm rgba(125, 154, 207, 0.22);
    border-radius: 10px;
}
.phone .CheckReceiptPosition{
    margin-left: 35px;
    font-size:120%;
}

.phone .CheckIsraelReceiptPosition{
    font-size:120%;
}

.tablet.portrait .CheckReceiptPosition{
    margin-left: 35px;
    font-size:120%;
}

.tablet.landscape .CheckReceiptPosition{
    margin-left: 60px;
    font-size:120%;
}
.desktop .CheckReceiptPosition{
    margin-left: 55px;
    font-size:120%;
}

.CheckReceipt.Label{
    font-weight: bold;
}
.InfoFeedback.Label{
    color: #375075;
    font-weight: bold;
}

.InfoFeedback.Text{
    color: #AAD5F2;
}

.TextBoxShadow
{
    background-color: #F1F1F1;
    box-shadow: 1.75mm 1.75mm 4.38mm rgba(125, 154, 207, 0.22);
    border: none;
    mix-blend-mode: multiply;
    border-radius: 10px;
}


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

.tablet.landscape .SectionWarpContainer{
    max-width: 500px;
    margin-right: auto;
    margin-left: auto;
}

.tablet.portrait .SectionWarpContainer{
    max-width: 400px;
    margin-right: auto;
    margin-left: auto;
}

.desktop .SectionWarpContainer{
    max-width: 500px;
    margin-left: 30px;
}

.AddClaimTitle{
    color: #375075;
}


.ValidationMessage {
    color: #bf1601;
    display: block;
    font-size: 11px;
}
   
.ViewLabel{
    color: #375075;
    font-weight: bold;
}



.TextForceLeft{
    text-align: left !important;
}

.TextForceRight{
    text-align: right !important;
}


.SectionExpandable_header {
    border-bottom: 1px solid #ccc;
    box-shadow: none;
    
}




.ContentView{
    font-weight: bold;
}

.LargeAmount{
    color: #bf1601;
}

.AdminDetailLink{
    background-color: #F26B6A;
    border-radius: 40px;
    color: #fff;
    width: 120px;
    box-shadow: none;
    border: 2px solid #F26B6A;
}

/*------------------------------------*\
            floatingLabel Classes
\*------------------------------------*/
.floatingLabel{
    padding-top: 10px;
}

.floatingLabel label.show
{
    top: -5px;
}
.floatingLabel label:not(.show) + select.TextBoxShadow {
    color: #375075;
}

.fileupload-upload-button{
    display: none;
}
::placeholder {
    color: #375075;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #375075;
}

::-ms-input-placeholder { /* Microsoft Edge */
   color: #375075;
}

.floatingLabel .watermark
{
    color: #375075;
}


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  display: none;
}
::-moz-placeholder { /* Firefox 19+ */
  display: none;
}
:-ms-input-placeholder { /* IE 10+ */
  display: none;
}
:-moz-placeholder { /* Firefox 18- */
  display: none;
}

/*------------------------------------*\
            ClientSideTab Classes
\*------------------------------------*/

li.Tabs_TabOn {
    background: white;
    width: 130px;  
    border-bottom: none;
    text-align: center;
    font-weight: bold;
    border-top: solid 2px #59abe3;
}

li.Tabs_TabOff {
    width: 130px;  
    text-align: center;
}

.Tabs_TabOn
{
    background: white; 
    border-bottom: none;
}

.Tabs_TabBody
{
    margin-top: 42px;
}

a.Tabs_TabOff:hover
{
    text-decoration: none;
}


/*------------------------------------------------------------*/
/*        Feedback Ajax Loading ***************************/
/*------------------------------------------------------------*/
.Feedback_AjaxWait {
    color: #222;
}

@-webkit-keyframes loader {
    0%,
    100% {
        box-shadow: 0 -3em 0 .2em #222, 2em -2em 0 0 #222, 3em 0 0 -.5em #222, 2em 2em 0 -.5em #222, 0 3em 0 -.5em #222, -2em 2em 0 -.5em #222, -3em 0 0 -.5em #222, -2em -2em 0 0 #222;
    }
    12.5% {
        box-shadow: 0 -3em 0 0 #222, 2em -2em 0 .2em #222, 3em 0 0 0 #222, 2em 2em 0 -.5em #222, 0 3em 0 -.5em #222, -2em 2em 0 -.5em #222, -3em 0 0 -.5em #222, -2em -2em 0 -.5em #222;
    }
    25% {
        box-shadow: 0 -3em 0 -.5em #222, 2em -2em 0 0 #222, 3em 0 0 .2em #222, 2em 2em 0 0 #222, 0 3em 0 -.5em #222, -2em 2em 0 -.5em #222, -3em 0 0 -.5em #222, -2em -2em 0 -.5em #222;
    }
    37.5% {
        box-shadow: 0 -3em 0 -.5em #222, 2em -2em 0 -.5em #222, 3em 0 0 0 #222, 2em 2em 0 .2em #222, 0 3em 0 0 #222, -2em 2em 0 -.5em #222, -3em 0 0 -.5em #222, -2em -2em 0 -.5em #222;
    }
    50% {
        box-shadow: 0 -3em 0 -.5em #222, 2em -2em 0 -.5em #222, 3em 0 0 -.5em #222, 2em 2em 0 0 #222, 0 3em 0 .2em #222, -2em 2em 0 0 #222, -3em 0 0 -.5em #222, -2em -2em 0 -.5em #222;
    }
    62.5% {
        box-shadow: 0 -3em 0 -.5em #222, 2em -2em 0 -.5em #222, 3em 0 0 -.5em #222, 2em 2em 0 -.5em #222, 0 3em 0 0 #222, -2em 2em 0 .2em #222, -3em 0 0 0 #222, -2em -2em 0 -.5em #222;
    }
    75% {
        box-shadow: 0 -3em 0 -.5em #222, 2em -2em 0 -.5em #222, 3em 0 0 -.5em #222, 2em 2em 0 -.5em #222, 0 3em 0 -.5em #222, -2em 2em 0 0 #222, -3em 0 0 .2em #222, -2em -2em 0 0 #222;
    }
    87.5% {
        box-shadow: 0 -3em 0 0 #222, 2em -2em 0 -.5em #222, 3em 0 0 -.5em #222, 2em 2em 0 -.5em #222, 0 3em 0 -.5em #222, -2em 2em 0 0 #222, -3em 0 0 0 #222, -2em -2em 0 .2em #222;
    }
}
@keyframes loader {
    0%,
    100% {
        box-shadow: 0 -3em 0 .2em #222, 2em -2em 0 0 #222, 3em 0 0 -.5em #222, 2em 2em 0 -.5em #222, 0 3em 0 -.5em #222, -2em 2em 0 -.5em #222, -3em 0 0 -.5em #222, -2em -2em 0 0 #222;
    }
    12.5% {
        box-shadow: 0 -3em 0 0 #222, 2em -2em 0 .2em #222, 3em 0 0 0 #222, 2em 2em 0 -.5em #222, 0 3em 0 -.5em #222, -2em 2em 0 -.5em #222, -3em 0 0 -.5em #222, -2em -2em 0 -.5em #222;
    }
    25% {
        box-shadow: 0 -3em 0 -.5em #222, 2em -2em 0 0 #222, 3em 0 0 .2em #222, 2em 2em 0 0 #222, 0 3em 0 -.5em #222, -2em 2em 0 -.5em #222, -3em 0 0 -.5em #222, -2em -2em 0 -.5em #222;
    }
    37.5% {
        box-shadow: 0 -3em 0 -.5em #222, 2em -2em 0 -.5em #222, 3em 0 0 0 #222, 2em 2em 0 .2em #222, 0 3em 0 0 #222, -2em 2em 0 -.5em #222, -3em 0 0 -.5em #222, -2em -2em 0 -.5em #222;
    }
    50% {
        box-shadow: 0 -3em 0 -.5em #222, 2em -2em 0 -.5em #222, 3em 0 0 -.5em #222, 2em 2em 0 0 #222, 0 3em 0 .2em #222, -2em 2em 0 0 #222, -3em 0 0 -.5em #222, -2em -2em 0 -.5em #222;
    }
    62.5% {
        box-shadow: 0 -3em 0 -.5em #222, 2em -2em 0 -.5em #222, 3em 0 0 -.5em #222, 2em 2em 0 -.5em #222, 0 3em 0 0 #222, -2em 2em 0 .2em #222, -3em 0 0 0 #222, -2em -2em 0 -.5em #222;
    }
    75% {
        box-shadow: 0 -3em 0 -.5em #222, 2em -2em 0 -.5em #222, 3em 0 0 -.5em #222, 2em 2em 0 -.5em #222, 0 3em 0 -.5em #222, -2em 2em 0 0 #222, -3em 0 0 .2em #222, -2em -2em 0 0 #222;
    }
    87.5% {
        box-shadow: 0 -3em 0 0 #222, 2em -2em 0 -.5em #222, 3em 0 0 -.5em #222, 2em 2em 0 -.5em #222, 0 3em 0 -.5em #222, -2em 2em 0 0 #222, -3em 0 0 0 #222, -2em -2em 0 .2em #222;
    }
}





/* Please Include this CSS in your theme */

/*------------------------------------------------------------*/
/* Example1 > Feedback Ajax Loading ***************************/
/*------------------------------------------------------------*/

.Feedback_AjaxWait {
    background: rgba(255, 255, 255, .8); /* Opacity layer color - choose your color*/
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    bottom: 0;
    color: #003755; /* Text color - choose your color */
    height: 100%;
    right: 0;
    width: 100%;
}


.desktop .Feedback_AjaxWait{
    padding: 20% 0px; 
    font-size:200%;
    line-height:130px;
}

.tablet .Feedback_AjaxWait,
.phone .Feedback_AjaxWait{
    padding: 50% 0px; 
    font-size:120%;
}

.desktop .Feedback_AjaxWait .Loader,
.tablet .Feedback_AjaxWait .Loader{
    font-size:20px;
}

.phone .Feedback_AjaxWait .Loader{
    font-size:8px;
}

.ie :not(.ie11):not(.ie10).Feedback_AjaxWait{
    height: 100%;
}

.FeedbackAjax_Content {
    margin: 20% auto;
}

.FeedbackAjax_Content .item_text {
    font-size: 24px;
}

.FeedbackAjax_Content .sk-circle {
    height: 80px;
    position: relative;
    text-align: center;
    width: 100%;
}

.FeedbackAjax_Content .sk-circle .sk-child {
    height: 80px;
    left: 47%;
    position: absolute;
    top: 0;
    width: 80px;
}

.FeedbackAjax_Content .sk-circle .sk-child:before {
    -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
            animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
    background: #003755; /* Loading background - choose your color */
    border-radius: 100%;
    content: "";
    display: block;
    height: 15%;
    margin: 0 auto;
    width: 15%;
}

.FeedbackAjax_Content .sk-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
            transform: rotate(30deg);
}

.FeedbackAjax_Content .sk-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
            transform: rotate(60deg);
}

.FeedbackAjax_Content .sk-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
}

.FeedbackAjax_Content .sk-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
        -ms-transform: rotate(120deg);
            transform: rotate(120deg);
}

.FeedbackAjax_Content .sk-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
        -ms-transform: rotate(150deg);
            transform: rotate(150deg);
}

.FeedbackAjax_Content .sk-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}

.FeedbackAjax_Content .sk-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
        -ms-transform: rotate(210deg);
            transform: rotate(210deg);
}

.FeedbackAjax_Content .sk-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
        -ms-transform: rotate(240deg);
            transform: rotate(240deg);
}

.FeedbackAjax_Content .sk-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
            transform: rotate(270deg);
}

.FeedbackAjax_Content .sk-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
        -ms-transform: rotate(300deg);
            transform: rotate(300deg);
}

.FeedbackAjax_Content .sk-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
        -ms-transform: rotate(330deg);
            transform: rotate(330deg);
}

.FeedbackAjax_Content .sk-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
            animation-delay: -1.1s;
}

.FeedbackAjax_Content .sk-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
            animation-delay: -1s;
}

.FeedbackAjax_Content .sk-circle .sk-circle4:before {
    -webkit-animation-delay: -.9s;
            animation-delay: -.9s;
}

.FeedbackAjax_Content .sk-circle .sk-circle5:before {
    -webkit-animation-delay: -.8s;
            animation-delay: -.8s;
}

.FeedbackAjax_Content .sk-circle .sk-circle6:before {
    -webkit-animation-delay: -.7s;
            animation-delay: -.7s;
}

.FeedbackAjax_Content .sk-circle .sk-circle7:before {
    -webkit-animation-delay: -.6s;
            animation-delay: -.6s;
}

.FeedbackAjax_Content .sk-circle .sk-circle8:before {
    -webkit-animation-delay: -.5s;
            animation-delay: -.5s;
}

.FeedbackAjax_Content .sk-circle .sk-circle9:before {
    -webkit-animation-delay: -.4s;
            animation-delay: -.4s;
}

.FeedbackAjax_Content .sk-circle .sk-circle10:before {
    -webkit-animation-delay: -.3s;
            animation-delay: -.3s;
}

.FeedbackAjax_Content .sk-circle .sk-circle11:before {
    -webkit-animation-delay: -.2s;
            animation-delay: -.2s;
}

.FeedbackAjax_Content .sk-circle .sk-circle12:before {
    -webkit-animation-delay: -.1s;
            animation-delay: -.1s;
}

@-webkit-keyframes sk-circleBounceDelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
                transform: scale(0);
    } 40% {

        -webkit-transform: scale(1);
                transform: scale(1);
    }
}

@keyframes sk-circleBounceDelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
                transform: scale(0);
    } 40% {

        -webkit-transform: scale(1);
                transform: scale(1);
    }
}
/*** Generated classes from Style Editor in OutSystems 10 ***/
.Menu-Item[data-style-key="Ngtedi+yvUKVjbIPFUj4eA"] { height:110px; }
.Menu-Icon.EmailMid[data-style-key="S3ykuj9IIkCuRNxo1mLIQg"] { height:40px; }
.Menu-Item[data-style-key="oSlryilC_E2NYAVMkcDAkQ"] { height:110px; }
.Menu-Icon[data-style-key="cY6_i4pnz0CEqBtRi3EIRw"] { height:40px; }
.Menu-Item[data-style-key="EXlf5cLqMkKaBkgQALc4MQ"] { height:110px; }
.Menu-Icon[data-style-key="WSk6zcdQC0W5Kj50iZlRMQ"] { height:40px; }
.Menu-Item[data-style-key="4J6YjTCxA0CrT10qEDo_mg"] { height:110px; }
.Menu-Icon[data-style-key="Lg+sl1RvmUC2Si4RjYVfbw"] { height:40px; }
/*** Generated classes from Style Editor in OutSystems 10 ***/