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

/***    0. Imports    ***/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);
@import url(/RichWidgets/Theme.FontRoboto.css?22);

/***    1. Resets    ***/
*{
    box-shadow: none !important;
}

html, body, div, span, 
a, img,  ul, li, form {
    text-decoration: none;
    margin: 0px;
    padding: 0px;
    border: 0px;
    font-size: 100%;
    font-family: "Open Sans", sans-serif;
}

.ThemeGrid_Container {
    width: auto !important;
    padding-left: 20px;
    padding-right: 20px;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
}
.TableRecords tr td{
    padding: .8em !important;
}
 
table[cellSpacing] {
    border-collapse: separate;
}

td, textarea, img {
    vertical-align:top;
}

img {
    border-width: 0;
    max-width: 100%;
}

th {
    text-align: left;
}

textarea:focus,
select:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  border: 1px solid rgba(81, 203, 238, 1);
}

:focus {
  
  outline:none;
}

/***     2. General properties    ***/

body {
    background: #F2F2F2;
}

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

.ButtonDefault, .Button., .Button {
  background: #166ba5;
  border: 1px solid #166ba5;
  color: #FFFFFF;
  text-shadow: none;
  font-weight: normal;
  font-family: "Open Sans", sans-serif !important;
}

.Button:active {
  box-shadow: none;
  color: #16659C
}

.Heading1 {
    font-size: 26px;   
    line-height: 1.2;
}

.Heading2 {
    font-size: 22px; 
    line-height: 1.25;
}

.Heading3 {
    font-size: 18px;
    line-height: 1.11;
}

span.Heading1,
span.Heading2,
span.Heading3 {
    display: block;
}

div.Heading1 {
    margin-top: 40px;
}

div.Heading2 {
    margin-top: 30px;
}

div.Heading3 {
    margin-top: 20px;
}

a,
a:link,
a:visited, .ActionAdd {
    color: #166ba5;     
    text-decoration: none;
    transition: color .2s ease-in;
    -webkit-transition: color .2s ease-in;
}

a:hover, .ActionAdd:hover {
    text-decoration: none;
    color: #115D91;
}

a[disabled='disabled'], 
a[disabled='disabled']:hover {
    color: #CCC;
    text-decoration: none;
}

div[onclick] {
    cursor: pointer; /* add a pointer cursor when the div has a click event */   
}

/***     3. Structure    ***/

.Header {
    background-color: #F2F2F2;   
    color: #D1D1D1;
    position: fixed;
     /* avoid adorners overlapping header */
    top: 0;
    width: 100%;
    z-index: 10;
    box-shadow: 0px 1px 3px #111;
}

.Header img {
    vertical-align: middle;   
}

.Header_LeftSection {
    margin-right: 28px;
}

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

.Application_Title {
    text-transform: uppercase;
    line-height: 80px;
    padding-left: 3px;
    color: #FFFFFF;
    font-size: 18px;
    letter-spacing: 0;
    text-decoration: none;
    padding-right: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: "Open Sans", sans-serif !important;
}

.Feedback_Message_Wrapper{
    width: 100% !important;
    top: -7.5em;
}

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

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

.Login_Info,
.AppSwitcherContainer,
a.Login_Info_Username, 
a.Login_Info_Username:link, 
a.Login_Info_Username:visited {
    color: #999;
    font-weight: normal;
}

.Login_Info_Username{
    color: #166ba5 !important; 
}
.Login_Info {
    float: right;
    padding: 15px 0px;
}

.Login_Info_Username {
    font-size: 100%;
    margin-right: 10px;
}

.Login_Info_Logout {
    font-size: 0px;
}

.Login_Info_Logout:before {
    content: "\f011"; /* fa-power-off at http://fortawesome.github.io/Font-Awesome/icons/ */
    font-family: FontAwesome;
    color: #00004d;
    font-size: 14px;
}

.Login_Info_Username:before {
    content: "\f007"; /* fa-user at http://fortawesome.github.io/Font-Awesome/icons/ */
    font-family: FontAwesome;
    color: #00004d;
    margin-right: 5px;
}

.AppSwitcherContainer:before {
    content: "\f074"; /* fa-random at http://fortawesome.github.io/Font-Awesome/icons/ */
    font-family: FontAwesome;
    color: #166ba5;
    margin-right: 5px;
}

.AppSwitcherList {
    left: -28px;
    border: 0;
    background: #166ba5;
}

.AppSwitcherLink,
.AppSwitcherLink:link,
.AppSwitcherLink:visited {
    padding: 6px 10px;
    font-size: 12px;
    text-decoration: none;
    text-shadow: none;
    line-height: 2em;
    color: #c4c4c4;
    white-space: nowrap;
    margin: 0;
    text-align: left;
    border-bottom: 1px solid #166ba5;
}

.AppSwitcherDownArrow {
    display: none;
}

.AppSwitcherLink[disabled="disabled"] {
    color: #166ba5;
}

.AppSwitcherLink[disabled="disabled"]:before {
    content: "\f046"; /* fa-check-square-o at http://fortawesome.github.io/Font-Awesome/icons/ */
    font-family: FontAwesome;
    margin-left: 3px;
    color: #166ba5;
    margin-right: 5px;
    font-size: 11px;
}


.MainContent {
    margin-top: 30px;
}

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

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

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

.Actions {
    width: 30%;
    text-align: right;
    line-height: 32px;
    font-size: 12px;  
    margin-top: 30px;
}   


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

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

/* Intelliwarp generated actions*/
a.ActionAdd:before,
a.ActionEdit:before,
a.ActionDelete:before,
a.ActionUser:before,
a.ActionChange:before {
    color: #166ba5;
    font-family: FontAwesome;
}

a.ActionAdd:before {
    content: "\f067"; /* fa-plus at http://fortawesome.github.io/Font-Awesome/icons/ */
}

a.ActionEdit:before {
    content: "\f040"; /* fa-pencil at http://fortawesome.github.io/Font-Awesome/icons/ */
}

a.ActionDelete:before {
    content: "\f014"; /* fa-trash-o at http://fortawesome.github.io/Font-Awesome/icons/ */
}

a.ActionChange:before {
    content: "\f023"; /* fa-lock at http://fortawesome.github.io/Font-Awesome/icons/ */
}

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

a.ActionAdd:before, 
a.ActionEdit:before,
a.ActionDelete:before,
a.ActionChange:before,
a.ActionUser:before,
.Actions [class^=fa] {
    width: 28px;
    height: 28px;    
    line-height: 30px;
    font-size: 16px;
    color: white;
    text-align: center;
    margin-right: 10px;
    background: #166ba5;
    border-radius: 50%;
    display: inline-block;
}

a[disabled='disabled'].ActionAdd:before, 
a[disabled='disabled'].ActionEdit:before,
a[disabled='disabled'].ActionDelete:before,
a[disabled='disabled'].ActionChange:before,
a[disabled='disabled'].ActionUser:before,
.Actions a[disabled='disabled'] [class^=fa] {
   background-color: #CCC;
   box-shadow: none; 
}

a.ActionAdd:active:before, 
a.ActionEdit:active:before,
a.ActionDelete:active:before,
a.ActionChange:active:before,
a.ActionUser:active:before,
.Actions:active [class^=fa] {
    /* Add Touch States to Your Buttons */
    box-shadow: inset 0px 0px 20px 5px rgba(0,0,0,0.25); 
}

a.ActionAdd:before {
    line-height: 34px; /* fix plus alignment */
}

.Actions a[disabled='disabled'] [class^=fa] {
    background: #CCC;
}

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

.Content, .MainContent {
    background: rgb(242, 242, 242);   
}

.Content {
    padding-top: 105px;;
    min-height: 400px;
}

.MainContent {
    min-height: 400px;
    padding-bottom: 30px;
}

.Footer {
    color: #999;
    font-size: 12px;   
    text-align: center; 
    min-height: 50px;
    padding: 10px 0;
    background: #d6d6d6;
    background: rgb(214,214,214); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(214,214,214,1) 0%, rgba(242,242,242,1) 10%, rgba(242,242,242,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(214,214,214,1)), color-stop(10%,rgba(242,242,242,1)), color-stop(100%,rgba(242,242,242,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(214,214,214,1) 0%,rgba(242,242,242,1) 10%,rgba(242,242,242,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(214,214,214,1) 0%,rgba(242,242,242,1) 10%,rgba(242,242,242,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(214,214,214,1) 0%,rgba(242,242,242,1) 10%,rgba(242,242,242,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(214,214,214,1) 0%,rgba(242,242,242,1) 10%,rgba(242,242,242,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */

}

.Footer img {
    padding-bottom: 3px;
}

.MainPopup {
    background: #fff;
    vertical-align: top;
    padding: 14px 16px;
}

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

.ThemeGrid_Container {
    /* Width and Paddings will be automatically set based on 
     the theme Grid properties */
    margin-left: auto;
    margin-right: auto;
}

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

/***     4. Text formatting    ***/

.Bold {
    display: inline;
    font-weight: bold;
}

.Italic {
    display: inline;
    font-style: italic;
}

.Underline {
    display: inline;
    text-decoration: underline;
}    

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

.Text_Error {
    color: #c7331f;
}

.Text_NoWrap {
    white-space: nowrap;
}

.Text_AlignBaseline {
    /* Empty class that needs to be applied to text to align it with inputs and buttons in Google Chrome 
    (create spans that reset vertical-align to baseline)*/
}


/* Menu Styles */

.Header_Menu,
.Application_Menu {
    background: #000067; /* set the Application_Menu background color, applied when on slide mode */
    white-space: nowrap;
    font-family: Trebuchet MS;
}

.Menu_TopMenuActive {
    border-bottom: none;  
    background: #166ba5;
}

.Menu_TopMenu {    
    margin: 0px;
    font-size: 12px;
}

.Menu_TopMenu [class^=fa] {
    margin-right: 8px;   
}

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

.Menu_TopMenu:hover,
.Menu_TopMenu:hover a [class^=fa],
.Menu_TopMenuActive a:link [class^=fa],
.Menu_TopMenuActive a:visited [class^=fa],
a.Menu_SubMenuItemActive:link [class^=fa], 
a.Menu_SubMenuItemActive:visited [class^=fa],
a.Menu_SubMenuItem:hover [class^=fa] {
    color: #166ba5;
    text-decoration: none;
}

.Menu_TopMenuActive .Menu_DropDownArrow {
    border-top-color: #166ba5;
}

.Menu_DropDownArrow {
    border-top-color: #C4C4C4;
    right: 13px;
}

.Menu_DropDownPanel {
    margin-top: 0px;
    border: 1px solid #888;
}

a.Menu_SubMenuItem,
a.Menu_SubMenuItem:hover, 
a.Menu_SubMenuItem:link, 
a.Menu_SubMenuItem:visited {

    background-color: #166ba5;
    margin: 0;
    padding: 7px 20px 7px 20px;
    border-bottom: 1px solid #166ba5;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: auto;
}

a.Menu_SubMenuItem,
a.Menu_SubMenuItem:hover, 
a.Menu_SubMenuItem:link, 
a.Menu_SubMenuItem:visited {
    color: #C4C4C4;
}

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

.MenuSlider_Toggler {
    color: white;
}

/***     5. Forms    ***/

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"] {
    font-size: 12px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 0px;
    background-color: #ffffff;
    box-sizing: border-box;
    -moz-box-sizing: border-box; 
    -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid #DDDDDD;
    font-family: "Open Sans", sans-serif !important;
}

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"] {
    padding: 0px 12px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
}

/* force padding to center vertically on Firefox */
select {
    padding: 4px 12px;
    height: 30px;
    line-height: 34px;
}

textarea {
    padding: 10px 12px;
}

input, textarea {
    margin: 0px;
}

input[type=radio],
input[type=checkbox] {
    padding: 0px;
    margin-right: 5px;
}

input[type=file] {
    vertical-align: bottom;
}

input[readonly='readonly'],
input[disabled='disabled'],
select[disabled='disabled'] {    
    cursor: text;
    color: #8a8a8a !important;
    background-color: #f2f2f2 !important;
    background-image: none; /* remove the background image from the dropdowns */
}

select { 
    background-image: url(data:image/png;base64,R0lGODlhDQAEAIAAAAAAAP8A/yH5BAEHAAEALAAAAAANAAQAAAILhA+hG5jMDpxvhgIAOw==);
    background-repeat: no-repeat;
    background-position: right center;
    -webkit-appearance: none; 
    -moz-appearance: none;
    line-height: 1.43;
    text-indent: 0.01px;
    text-overflow: '';    
    padding-right:0\0; /* IE8, IE9 */
}

select::-ms-expand {
    display: none;
}

#element {
    color: green \0/; /* IE8+9  */
}

textarea {
    overflow: auto;
}


/***    6. Buit-in widgets    ***/

.Button,
a.ListNavigation_PageNumber:link,
span.ListNavigation_CurrentPageNumber,
span.ListNavigation_Ellipsis,
a.ListNavigation_Previous:link,
a.ListNavigation_Next:link {
    background: #999;
    border: 1px solid #888888;
    color: white;
    text-shadow: none;
    vertical-align: middle;
    display: inline-block;
    padding: 5px 10px;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    filter: none;
    -webkit-appearance:none;
    -moz-appearance:none;
    /* 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; /* For some Androids */
}

.Button:hover,
a.Button:hover {
    box-shadow: none;
    text-decoration: none;
}

.Button:active {
    /* Add Touch States to Your Buttons */
    box-shadow: inset 0px 0px 20px 5px rgba(0,0,0,0.25); 
}

.ButtonDefault,
.Button.Is_Default {
    background: #166ba5 !important;
    border: 1px solid #166ba5 !important;
    color: white;
    text-shadow: none;
    font-weight: normal;
}

.Button[disabled] {
    background: #eeeeee;
    box-shadow: none;
    color: #ccc;
    border-color: #eeeeee;
}

/*  Remove additional spacing (padding) added by the FF browser  */
.Button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.Filters_Wrapper {
    font-size: 12px;
    background: rgb(230, 230, 230);
    padding: 5px;
    border-radius: 2px;
    line-height: 20px;
}

.EditRecord {
    margin-top: 20px;   
    margin-bottom: 20px;
}

.EditRecord_Caption {
    font-size: 12px;
    font-weight: bolder;
    color: #666;
    padding: 5px 10px 5px 5px;
    vertical-align: middle;
    text-align: right;
}

.EditRecord_Value {
    padding: 5px 5px 5px 5px;
    line-height: 22px; /* needed to align labels with inputs*/
    vertical-align: top;    
}

.EditRecord_Buttons {
    padding-top: 10px;
    padding-bottom: 10px;
    vertical-align: baseline;
}

.EditRecord_Buttons .Button {
    padding-top:8px;
    padding-bottom:8px;
    vertical-align: baseline;
}

.ShowRecord_Caption {
    color: #999;
    padding: 10px 10px 10px 5px;
    text-align: right;
    font-weight: bolder;
}

.ShowRecord_Value {
    /*padding: 4px 0;*/
    padding: 10px 10px 10px 5px;
}

.EditRecord .Heading2,
.ShowRecord .Heading2,
.EditRecord .Heading3,
.ShowRecord .Heading3 {
    margin-bottom: 10px;  
}

.TableRecords_Header {
    color: #FFFFFF;
    background-color: #166ba5;
    border-bottom: 2px solid #C2C2C2;   
    padding: 5px 0px 5px 10px;
}

.TableRecords_Header a,
.TableRecords_Header a:link,
.TableRecords_Header a:visited {
    color: #999;
}

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

.TableRecords {
    background: white;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: 0px 0px 0px 0px;
    vertical-align: middle;
    font-size: 12px;
    margin-top: 20px;
    border-bottom: 1px solid #C2C2C2;
    border-top: 2px solid #C2C2C2;
}

.TableRecords_OddLine, .TableRecords_EvenLine {
    vertical-align: middle;
    border-bottom: 1px solid #C2C2C2;
    padding: 2px 0 2px 10px;
}

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

.TableRecords_OddLine:last-child,
.TableRecords_EvenLine:last-child,    
.TableRecords_Header:last-child {
    padding-right: 20px;
}

.TableRecords_TopNavigation {
    padding: 5px 0px;
}

.TableRecords_TopNavigation a:hover{
    text-decoration: underline;
    color: #166ba5;
}

div.TableRecords_TopNavigation {
    padding: 5px 8px;
    color: white;
    font-weight: bold;
    font-size: 11px;
    position: relative;
    vertical-align: middle;
    border: 0;
    white-space: nowrap;
    /*background: transparent url(/SecondWave/img/formlegend.png);*/
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.TableRecords_BottomNavigation {
    margin-top: 15px;   
}

.RecordPicture {
    max-width: 138px;
    border: 1px solid #eaeaea;
}

.RecordPicture_Wrapper {
    max-width: 138px;
}

.RecordPicture_Wrapper .RecordPicture {
    display: block;
}

.TableRecords .RecordPicture {
    max-height: 40px;
}


/***     7. Validation    ***/

.InputMandatorySymbol {
    display: none; /* No "*" after input */
}

.MandatoryCaption:after {
    content: "*";
    position: absolute;
    padding: 0px 5px 5px 3px;
    color: #BF1601;
    font-size: 12px;
    font-weight: normal;
}

.Prompt {
    color: #bbb;
}

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

input.Not_Valid,
textarea.Not_Valid {
    padding: 3px;
}
    
select.Not_Valid {
    padding: 2px 3px;
}

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


/************** 8. RichWidgets **************/


/* Feedback Message*/
div.Feedback_Message_Wrapper {
    margin-top: 124px; 
    left: 0px;
    display: none;
}

div.Feedback_Message_Error,
div.Feedback_Message_Success,
div.Feedback_Message_Warning, 
div.Feedback_Message_Info {
    color: white;    
    max-width: 940px;
    min-width: 400px;
    padding: 20px 50px 20px 20px;    
    line-height: normal;
    word-break: break-word;
    border-radius: 0px;
    border: none;
    box-shadow: 0px 1px 3px #111;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    border-radius: 3px;
}

div.Feedback_Message_Error span,
div.Feedback_Message_Success span,
div.Feedback_Message_Warning span,
div.Feedback_Message_Info span,
a.Feedback_Message_Wrapper_Close {
    padding-left: 10px;
    padding-right: 10px;
    display: block;
}

div.Feedback_Message_Error img,
div.Feedback_Message_Success img,
div.Feedback_Message_Warning img,
div.Feedback_Message_Info img {
    display: none;   
}

a.Feedback_Message_Wrapper_Close {
    top: 2px;
    right: 0px;
    font-size: 19px;
    text-align: right;
}

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

.Feedback_Message_Wrapper_Close:after {
    content: "\f00d"; /* fa-times at http://fortawesome.github.io/Font-Awesome/icons/ */
    font-family: FontAwesome;
    margin-top: 0;   
    margin-left: 3px;
    color: white; /* IE8 */
    color: rgba(255, 255, 255, 0.5);
}

div.Feedback_Message_Error {
    background-color: #990000;
    color: white;
}

div.Feedback_Message_Success {
    background-color: #ACC965;
    color: #333;
}

div.Feedback_Message_Warning {
    background-color: #F2C94E;   
    color: #333;
}

div.Feedback_Message_Info {
    background-color: #AABDCF;
    color: #333;
}

.Tabs_Wrapper {
    border: 1px solid transparent;
}

div.Tabs_TabOn, li.Tabs_TabOn {
    background: rgb(242, 242, 242);
    border-bottom: 1px solid rgb(242, 242, 242);
}

ul.Tabs_Header {
    height: 30px;
}

div.Tabs_TabOn, li.Tabs_TabOn,
div.Tabs_TabOff, li.Tabs_TabOff {
    padding: 5px;
}

.Tabs_TabBody.OSAutoMarginTop {
    margin-top: 29px;
}

.Tabs_TabBody {
    padding: 10px;   
    font-size: 10pt;
    background-color: #FFF;
}
.TabsBody.OSAutoMarginTop {
    margin-top: 29px;
}

.TabsBody {
    padding: 10px;   
    font-size: 10pt;
    background-color: #FFF;
}

div.Tabs_TabOff, li.Tabs_TabOff,
a.Tabs_TabOff, a.Tabs_TabOff:link, a.Tabs_TabOff:visited {
    background: #e6e6e6;
}

a.Tabs_TabOff:hover {
    background: #e6e6e6;
    text-decoration: underline;
}

div.Feedback_AjaxWait {
    background-color: #999;
    background-image: url('/RichWidgets/img/SpinLondon.gif?22');
    background-repeat: no-repeat;
    background-position-x: 10px;
    background-position-y: center;
    padding-left: 25px;
}

div.Feedback_AjaxWait > img {
    display: none;
}

/* Popups */
div.os-internal-Popup .os-internal-ui-dialog,
div.os-internal-Popup.os-internal-ui-dialog {
    border: 1px solid #999;
    position: fixed;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
}
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: #888;
}

ul.os-internal-ui-autocomplete a {
  -webkit-transition: none;
  transition: none;
}

ul.os-internal-ui-autocomplete a.os-internal-ui-state-hover {
    text-decoration: none;
    cursor: default;
    background:#006699;    
}

div.os-internal-Popup .os-internal-ui-dialog .os-internal-ui-dialog-title, 
div.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-title {
    top: 4px;
}

/* Pagination */
a.ListNavigation_PageNumber:link,
span.ListNavigation_CurrentPageNumber,
span.ListNavigation_Ellipsis {
    padding: 5px 12px;
    margin: 0 0 0 5px;
}


/* On Tablet Portrait... */
@media screen and (max-width: 1023px) { 
    a.ListNavigation_PageNumber:link,
    span.ListNavigation_CurrentPageNumber,
    span.ListNavigation_Ellipsis {
        display: none;
        
    }
}

span.ListNavigation_CurrentPageNumber {
    background: #505050;
    border-color: #404040;
}

a.ListNavigation_Previous:link,
a.ListNavigation_Next:link,
span.ListNavigation_DisabledNext, 
span.ListNavigation_DisabledPrevious {
    font-size: 12px;
    margin: 0 0 0 5px;
    padding: 6px 20px 7px 20px;
}

span.ListNavigation_DisabledNext, span.ListNavigation_DisabledPrevious {
    display: none;
       
}

.ListNavigation_Previous:before,
.ListNavigation_DisabledPrevious:before {
    content: "\f060"; /* fa-arrow-left at http://fortawesome.github.io/Font-Awesome/icons/ */
    font-family: FontAwesome;
    margin-right: 5px;
}

.ListNavigation_Next:after,
.ListNavigation_DisabledNext:after {
    content: "\f061"; /* fa-arrow-right at http://fortawesome.github.io/Font-Awesome/icons/ */
    font-family: FontAwesome;
    margin-left: 7px;
}

/* Chart Colors */
.Chart_Color1 {
    color: #E83E26;
}

.Chart_Color2 {
    color: #00A8C4;
}

.Chart_Color3 {
    color: #e68a00;
}

.Chart_Color4 {
    color: #f3da61;
}

.Chart_Color5 {
    color: #88B23A;
}

.Chart_Color6 {
    color: #a5d38e;
}

.Chart_Color7 {
    color: #cc1439;
}

.Chart_Color8 {
    color: #e68c7c;
}

.Chart_Color9 {
    color: #976bb3;
}

.Chart_Color10 {
    color: #ccb8cc;
}


/***    9. Responsive desktop    ***/

@media screen and (min-width: 1024px) { 
    .Responsive .HiddenInDesktop {
        display: none;
        
    }
    
    .Header_LeftSection {
        margin-right: 0px;
    }
}

/* CSS for IE8 or bellow */
@media \0screen\,screen\9 {
    .HiddenInDesktop {
        display: none;
    }
}

.ShowOnlyInSmartphone {
    display: none;
    
}

/* .HiddenInPortrait, .HiddenInDesktop, .HiddenInSmartphone, .ShowOnlyInSmartphone */

/***    10. Responsive tablet portrait    ***/

@media screen and (max-width: 767px) {   /*From 1023 px to 767*/
    .Responsive.ThemeGrid_Wrapper {
        min-width: 764px;
    }
    .Responsive .ThemeGrid_Container {
        width: 764px;
    }
    .Responsive .ThemeGrid_Width1 {
        width: 42px;
    }
    .Responsive .ThemeGrid_Width2 {
        width: 104px;
    }
    .Responsive .ThemeGrid_Width3 {
        width: 166px;
    }
    .Responsive .ThemeGrid_Width4 {
        width: 228px;
    }
    .Responsive .ThemeGrid_Width5 {
        width: 290px;
    }
    .Responsive .ThemeGrid_Width6 {
        width: 352px;
    }
    .Responsive .ThemeGrid_Width7 {
        width: 414px;
    }
    .Responsive .ThemeGrid_Width8 {
        width: 476px;
    }
    .Responsive .ThemeGrid_Width9 {
        width: 538px;
    }
    .Responsive .ThemeGrid_Width10 {
        width: 600px;
    }
    .Responsive .ThemeGrid_Width11 {
        width: 662px;
    }
    .Responsive .ThemeGrid_Width12 {
        width: 724px;
    }
    .Responsive th.ThemeGrid_Width1,
    .Responsive td.ThemeGrid_Width1 {
        width: 62px;
    }
    .Responsive th.ThemeGrid_Width2,
    .Responsive td.ThemeGrid_Width2 {
        width: 124px;
    }
    .Responsive th.ThemeGrid_Width3,
    .Responsive td.ThemeGrid_Width3 {
        width: 186px;
    }
    .Responsive th.ThemeGrid_Width4,
    .Responsive td.ThemeGrid_Width4 {
        width: 248px;
    }
    .Responsive th.ThemeGrid_Width5,
    .Responsive td.ThemeGrid_Width5 {
        width: 310px;
    }
    .Responsive th.ThemeGrid_Width6,
    .Responsive td.ThemeGrid_Width6 {
        width: 372px;
    }
    .Responsive th.ThemeGrid_Width7,
    .Responsive td.ThemeGrid_Width7 {
        width: 434px;
    }
    .Responsive th.ThemeGrid_Width8,
    .Responsive td.ThemeGrid_Width8 {
        width: 496px;
    }
    .Responsive th.ThemeGrid_Width9,
    .Responsive td.ThemeGrid_Width9 {
        width: 558px;
    }
    .Responsive th.ThemeGrid_Width10,
    .Responsive td.ThemeGrid_Width10 {
        width: 620px;
    }
    .Responsive th.ThemeGrid_Width11,
    .Responsive td.ThemeGrid_Width11 {
        width: 682px;
    }
    .Responsive th.ThemeGrid_Width12,
    .Responsive td.ThemeGrid_Width12 {
        width: 744px;
    }
    .Responsive .ThemeGrid_MarginGutter {
        margin-left: 20px;
    }
    .Responsive .ThemeGrid_Margin1 {
        margin-left: 82px;
    }
    .Responsive .ThemeGrid_Margin2 {
        margin-left: 144px;
    }
    .Responsive .ThemeGrid_Margin3 {
        margin-left: 206px;
    }
    .Responsive .ThemeGrid_Margin4 {
        margin-left: 268px;
    }
    .Responsive .ThemeGrid_Margin5 {
        margin-left: 330px;
    }
    .Responsive .ThemeGrid_Margin6 {
        margin-left: 392px;
    }
    .Responsive .ThemeGrid_Margin7 {
        margin-left: 454px;
    }
    .Responsive .ThemeGrid_Margin8 {
        margin-left: 516px;
    }
    .Responsive .ThemeGrid_Margin9 {
        margin-left: 578px;
    }
    .Responsive .ThemeGrid_Margin10 {
        margin-left: 640px;
    }
    .Responsive .ThemeGrid_Margin11 {
        margin-left: 702px;
    }
    .Responsive .ThemeGrid_Margin1First {
        margin-left: 62px;
    }
    .Responsive .ThemeGrid_Margin2First {
        margin-left: 124px;
    }
    .Responsive .ThemeGrid_Margin3First {
        margin-left: 186px;
    }
    .Responsive .ThemeGrid_Margin4First {
        margin-left: 248px;
    }
    .Responsive .ThemeGrid_Margin5First {
        margin-left: 310px;
    }
    .Responsive .ThemeGrid_Margin6First {
        margin-left: 372px;
    }
    .Responsive .ThemeGrid_Margin7First {
        margin-left: 434px;
    }
    .Responsive .ThemeGrid_Margin8First {
        margin-left: 496px;
    }
    .Responsive .ThemeGrid_Margin9First {
        margin-left: 558px;
    }
    .Responsive .ThemeGrid_Margin10First {
        margin-left: 620px;
    }
    .Responsive .ThemeGrid_Margin11First {
        margin-left: 682px;
    }
    
    /* Menu is hidden - redefine margin-tops */
    .Responsive.Content {
        padding-top: 61px;
    }
    
    .Responsive .Feedback_Message_Wrapper {
        margin-top: 80px;
        left: 0px;
    }
    
    .Responsive .HiddenInPortrait {
        display: none;
        
    }
        
    .Responsive div.Feedback_Message_Error, 
    .Responsive div.Feedback_Message_Success,
    .Responsive div.Feedback_Message_Warning, 
    .Responsive div.Feedback_Message_Info {
        max-width: 764px;
        min-width: 400px;
    }
    
    /* Hide user name */
    .Responsive .Login_Info_Username {
        font-size:  0;
    }
    .Responsive .Login_Info {
        margin-right:  10px;
    }

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

    .MenuSlider_IsOpen .Responsive .Login_Info_Logout {
        right: 15px;
    }
}



/***    11. Responsive smartphones  ***/

@media screen and (max-width: 764px) {
    .EPATaskbox_Container,
    .ECT_FeedbackContainer { 
        display: none; 
    }
    
    .Responsive .ShowOnlyInSmartphone {
        display: block;
        
    }
    
    .Responsive .HiddenInPortrait {
        display: block;
        
    }
    
    .Responsive .MainPopup {
        display: block;
    }
    
    /* fix for android 2.2 bug*/
    select {
        position: relative;
        z-index: 1;
    }
    
    .Responsive .ThemeGrid_Container {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .Responsive.ThemeGrid_Wrapper {
        min-width: 100%;
    }

    .Responsive [class*="ThemeGrid_Width"],
    .Responsive th[class*="ThemeGrid_Width"],
    .Responsive td[class*="ThemeGrid_Width"] {
        width: 100%;
    }
    
    .Responsive [class*="ThemeGrid_Width"] {
        display: block;
    }
    
    .Responsive table[class*="ThemeGrid_Width"] {
        display: inline-table;
    }
    
    .Responsive .EditRecord td,
    .Responsive .ShowRecord td {
        width: 100%;
        display: block;
        float: left;
    }

    .Responsive .ThemeGrid_MarginGutter[class*="ThemeGrid_Width"],
    .Responsive [class*="ThemeGrid_Margin"] {
        margin-left: 0px;
        margin-top: 10px;
    }
    
    .Responsive input[class*="ThemeGrid_Width"]+.ValidationMessage+.Button.ThemeGrid_MarginGutter,
    .Responsive input[class*="ThemeGrid_Width"]+.ValidationMessage+script+.Button.ThemeGrid_MarginGutter {
        margin-left: 0px;
    }
    
    .Responsive select[class*="ThemeGrid_Width"]+.ValidationMessage+.Button.ThemeGrid_MarginGutter,
    .Responsive select[class*="ThemeGrid_Width"]+.ValidationMessage+script+.Button.ThemeGrid_MarginGutter {
        margin-left: 0px;
    }
    
    .Responsive .ValidationMessage {
        position: relative;
        display: block;
        max-width: none;        
    }
    
    .Responsive .Filters_Wrapper input[class*=ThemeGrid_Width],
    .Responsive .Filters_Wrapper select[class*=ThemeGrid_Width] {
        margin-bottom: 5px;
    }
    
    .Responsive .Button {
        width: 100%;   
        display: block;
    }
    
    .Responsive .Button.ThemeGrid_MarginGutter {
        margin-left: 0px;   
    }

    .Responsive td.EditRecord_Buttons {
        white-space: nowrap;
    }
    
    .Responsive td.ShowRecord_Caption {
        padding-bottom: 0px;
        padding-top: 10px;
    }

    .Responsive td.ShowRecord_Value {
        padding-top: 0px;
        font-size: 16px;
    }
    
    .Responsive .ListNavigation_Wrapper {
        font-size: 14px;
    }
    
    .Responsive .Application_Title {
        padding: 0px;   
    }
    
    .Responsive .Title {
        width: 60%;
    }

    .Responsive .Actions {
        width: 40%;
    }
    
    .Responsive .Actions a {
        font-size: 0px; /* Only show icon */
        margin-left: 0px;
    }
    
    .Responsive div.Feedback_Message_Error, 
    .Responsive div.Feedback_Message_Success,
    .Responsive div.Feedback_Message_Warning, 
    .Responsive div.Feedback_Message_Info {
        max-width: 90%;
        min-width: 10px;
    }      

    .Responsive .Login_Info_Username {
        display:  none;
        
    }
    
    .Responsive [class*="ThemeGrid_Width"].HiddenInSmartphone,
    .Responsive .HiddenInSmartphone,
    .Responsive .Counter_Message,
    .Responsive .AppSwitcherContainer {
        display: none;
        
    }
    
    .Responsive li.Tabs_TabOff,
    .Responsive div.Tabs_TabOff {
        width: 30px;
    }
       
    .Responsive div.Tabs_TabOff, 
    .Responsive li.Tabs_TabOff, 
    .Responsive a.Tabs_TabOff, 
    .Responsive a.Tabs_TabOff:link, 
    .Responsive a.Tabs_TabOff:visited {
        text-overflow: ellipsis;
        overflow-x: hidden;
    }
}

.ShowOnlyInSmartphone {
    display: none;
}

/***    12. Additional patterns  ***/

/**** Cards ****/

div.Card {
    padding: 15px; 
}

div.Card.LightBlue,
div.CardLightBlue {
    background-color: #00A8C4;
    color: white;
    padding: 15px;
}

div.Card.Blue,
div.CardBlue {
    background-color: #174E9A;
    color: white;
    padding: 4px;
}

div.Card.Red,
div.CardRed {
    background-color: #E83E26;
    color: white;
    padding: 15px;
}

div.Card.Orange,
div.CardOrange {
    background-color: #FF7100;
    color: white;
    padding: 15px;
}

div.Card.Violet
div.CardViolet {
    background-color: #7D427C;
    color: white;   
    padding: 15px;
}

div.Card.Green,
div.CardGreen {
    background-color: #166ba5;
    color: white;
    padding: .5em;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 17px !important;  
}

div.Card.DarkGray
div.CardDarkGay {
    background-color: #166ba5;
    color: white;
    padding: 15px;
}

div.Card.Gray,
div.CardGray {
    background-color: #E8E8E8;
    color: #333;
    padding: 15px;
}

div.Card.White,
div.CardWhite {
    background-color: #FFF;
    color: #333;
    padding: 15px;
}

/**** Breadcrumbs ****/

.Title div.Breadcrumbs {
    font-size: 12px;
    position: absolute;
    top: -32px;
    left: 0px;
    color: #999;
    
}

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

/*============================================================================*/
.FieldContainer, .input[type=”text”] {
    margin-top: 10px;
    margin-left: 0px;
    padding: 0px 4px 0px 4px;
}

.TableRow {
    height: 20px;
    vertical-align: middle;
    margin-top: 0px;
    padding: 2px 0px 5px 10px;
    border-bottom: 2px solid #C2C2C2;
}

.RegDetail {
    font-family: Verdana;
    font-size: 14pt;
}

/* custom css */
.calendar {
    z-index: 10;
}

.ALLCAPS{
text-transform: uppercase
}
.ValidationMessage{
display :none !important;
}
.vertical-align{
    vertical-align: middle;
}
.circle{
border-radius: 30px; 
}
.line100px{
    height: 2px;
    border-top: 2px solid gray; 
    width: 100px
}
.defaultColor{
    color:#166ba5;
}
.defaultBackgroundColor{
    background:#166ba5;
}

/* Wizard */
/* Wizard **************************/
.WizardParent {
    border: none;
    display: flex;
    overflow: hidden;
    width: 100%;
    line-height: 0px;
}

.WizardStep {
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0px;
    font-weight: 600;
    position: relative;
    padding-right: none;
    text-align: center;
    height: auto;
    width: 100%;
    border-radius: 100%;
    padding-right: unset;
}

.WizardStep > div {
    background: lightgray;
    width: 32px;
    height: 32px;
    display: flex;
    line-height: 0px;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}

.WizardStep > div:before{

}

.WizardStep.ActiveStep > div {
    background: #000067;
}

.WizardStep.ActiveStep > div a{
    color: white;
}

.WizardStep.ActiveStep {
    background: none;
    color: white;
    line-height: 0px;
    font-weight: bold;
}

.WizardStep.Past {
    background: #fff;
}

.WizardStep a,
.WizardStep a:link {
    display: block;
    text-align: center;
}

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

/* after: right arrow on wizard step **************************/
.WizardStep:after {
    border-right: 1px solid #e2e2e2;
    border-top: 1px solid #e2e2e2;
    content: "";
    height: 38px;
    position: absolute;
    right: 8px;
    top: 0;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    width: 38px;
    z-index: 1;

    display: none;
}

.WizardStep:last-of-type:after {
    background: none;
}

/* before: left "inverted" arrow on wizard step **************************/
.WizardStep:before {
    content: "";
    height: 2px;
    left: calc(-50% + 16px);
    top: 50%;
    position: absolute;
    background: lightgray;
    width: calc(100% - 32px);
    display: flex;
    border: unset;
    line-height: 0px;
}

.WizardStep.ActiveStep:before, .WizardStep.Past:before{
    background: #000067;
}

.WizardStep:first-of-type:before {
    border: none;
    margin-left: 0;
    display: none;
}

.WizardStep.Past {
    background: none;
}

.WizardStep.Past > div{
    line-height: 0px;
    background: #000067;
}

.WizardStep.Past > div a{
    color: white;
}

.WizardStep.LastStep:after,
.WizardStep.ActiveStep:after,
.WizardStep.HideArrow:after,
.WizardStep:last-of-type:after {
    border: 0;
    content: "";
}


/* Cards **************************/
.Card {
    padding: 10px;
    width: 100%;
    word-wrap: break-word;
}

.Card .Button,
.Card a.Button {
    margin-left: 0;
    margin-right: 10px;
}

.Card .Card_Title.Heading3 {
    margin-bottom: 10px;
    margin-top: 0;
    padding-top: 0;
}

.CardSimple .Card_Text {
    margin-bottom: 10px;
    margin-top: 0;
    padding-top: 0;

    
}

.CardSimpleImage .Card_Image {
    margin-bottom: 10px;
    margin-top: 0;
    padding-top: 0;

    
}

.CardSimpleImage .Card_Text {
    margin-bottom: 10px;
}

.CardSimpleImage .Card_Actions .Button:last-child {
    margin-right: 0;
}

.CardLeftImage .Left {
    display: table-cell;
    vertical-align: top;

    
}

.CardLeftImage .Left .Card_Image {
    
}

.CardLeftImage .Right {
    display: table-cell;
    padding: 10px;
    vertical-align: top;
    width: 100%;

    
}

.CardLeftImage .Right .Card_Title.Heading4 {
    margin-bottom: 10px;
    margin-top: 0;
    padding-top: 0;
}

.CardBackground {
    background-position: center center;
    background-size: cover;
    position: relative;
}

.CardBackground_Content {
    word-break: break-word;
}

.Form a.SmartInput_Undo{
    position: relative;
    transform: translateY(15%);
}

*custom pattern start*/

.invisibleInput{
border: transparent !important;
-webkit-box-shadow: unset !important;
   -moz-box-shadow: unset !important;
        box-shadow: unset !important;
background-color: #fff !important;
}

.invisibleInput:focus{
border: transparent !important;
-webkit-box-shadow: unset !important;
   -moz-box-shadow: unset !important;
        box-shadow: unset !important;
background-color: #fff !important;
}

.FakeInput{
    background-color: #fff;
    border: 1px solid #cacaca !important;
    font-size: 12px;
    vertical-align: middle;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
       -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
            box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    line-height: 30px;
}
.FakeInput:focus{
   -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .1) !important;
      -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .1) !important;
           box-shadow: inset 0 0px 0px rgba(0, 0, 0, .1) !important;
}


.padding10{
    padding: 10px !important;
}
.padding5{
    padding: 5px !important;
}
.padding3{
    padding: 3px !important; 
}
.absolute{
position:absolute;
margin-top:18px; 
right:0px
}

.Relative{
position:relative;
}

.SummaryReport{
background-color: #20B4C8;
-webkit-border-radius:5px;
   -moz-border-radius:5px;
        border-radius:5px;
padding:5px;
}



.CustomUpload .FileUpload {
    background-color: rgba(0,0,0,0);
    border: 1px solid transparent !important;
    cursor: pointer;
    display: block;
    overflow: hidden;
    padding: 10px;
    position: relative;
    min-height: 100px;
    width: 600px;
    /*min-height: 345px;*/
}
.CustomUpload{
  width: 600px;
}
.CustomUpload .FileUpload .FileUpload_Button .Button.Is_Default {
    color: #20B4C8;
    background-color: transparent !important;
    border: 0px !important;
    -webkit-box-shadow: 0px 0px;
       -moz-box-shadow: 0px 0px;
            box-shadow: 0px 0px;
    font-weight: 700;
    text-decoration: underline;
}

.CustomUpload .FileUpload_Button {
    display: inline-block;
    line-height: 32px;
    background-color: transparent !important;
    margin-left: 162px;
    margin-top: 28px;
    color: #20B4C8 !important;
    border: 0px !important;
    -webkit-box-shadow: 0px 0px;
    -moz-box-shadow: 0px 0px;
    box-shadow: 0px 0px;
    font-weight: 700;
    text-decoration: underline;
    min-width: 80px;
}

.CustomUpload .FileUpload_Label {
    display: inline-block;
    margin-top: 0px;
    position: relative;
    padding: 0px 10px;
    color: transparent
}

.opacity0{
opacity: 0;
-webkit-opacity:0;
}

.invisible{
    max-height: 0px;
    border:0px solid transparent !important;
    background-color: transparent
}

.FakeBack {
    position: absolute;
    z-index: 0;
    width: 600px;
}

.BackF5F5F8 img{ 
    top: 25px;
    left: 10px;
}

.upload_label {
    position: relative;
    display: inline-block;
    top: -5px;
    left: 53px;
}
.upload_content{
    position: relative;
    top: 40px;
    left: 10px;
}

.upload_label{
    top: 15px;
    left: -10px;
    font-size: 14px;
}
.Bold{
 font-weight: bold;
 }
 
 .Highlight{
 color: #20B4C8;
 text-decoration: underline; 
 }
 
 .BackColor {
    background-color: #e9e9e9;
    box-shadow: 5px 5px 10px #ccc !important;
    width: 100%;
}
.vertical-align-middle{
    vertical-align: middle !important;
}
.icon-size{
    font-size:  15px;
}
.FileUpload-size{
    height: 100px;
    width: 100%;
}
.ID_Style{
    background-color: white;
    background-repeat: no-repeat; 
    background-size: 100% 100%;
    background-position: right;
    height: 80mm;
    width: 120.00mm;
    padding: 4px;
}

.semi_bold{
    font-weight: 600;
}
.name_fontsize{
    font-size: 15px !important;
}
.others_fontsize{
    font-size: 13.5px !important;
}

.paper_format{
 max-width:100%;
 width: fit-content;
 font-size: 15.5px !important;
padding:  12.2mm 25.4mm 10px 25.4mm;
  padding-top: 50px;
  padding-right: 30px;
  padding-bottom: 50px;
  padding-left: 30px;
}

.TableforReferralForm tbody tr td{
padding:2px 5px 2px 5px;
}

.Font13{
    font-size: 14px;
}
.Font13New{
    font-size: 13px;
}
.Font10{
font-size: 10px;
}
.Font8{
    font-size: 8px;
}

.ListTextForEmail{
    background: #166ba5;
    color:#fff !important;
    padding:5px;
    border-radius: 5px;
    margin-right: 10px;
    margin-top: 10px;
}
.Underline_Container{
    border-bottom: 2px solid black;

}
.Simple_Table,.Simple_Table_NoBorder{
    border-collapse: collapse;
}
.Simple_Table tr th, .Simple_Table tr td
{
  border: 1px solid black;
}

.Simple_Table tbody tr td,.Simple_Table tr th,
.Simple_Table_NoBorder tr th, .Simple_Table_NoBorder tr td{
    padding:3px 5px 3px 5px;
}
.Border1pxblack{
    border: 1px solid black;
}
.Border1pxGray{
    border: 1px solid #d2d2d2;
}
ul li.multiple {
    width: 100% !important;
    padding: 3px 0px 3px 0px;
}
.Disabled_Row, Disabled_Row:hover{
    background-color: #d9d9d9 !important;
}
.border-radius10px{
    border-radius: 10px;
}

/*Modified Button dropdown*/
.ButtonDropdown_button {
    background-color: #166ba5 !important;
}
.ButtonDropdown_text {
    vertical-align: middle !important;
}
.ButtonDropdown_icon {
    margin-left: 10px;
    width: auto !important;
    padding: 0px;
    margin-right: -10px;
    vertical-align: middle !important;
}
.DropdownMenu {
        width: 180px !important;
}

.checkbox {
    font-size:10px;
}

.status-container .fa-circle:before {
    font-size: 8px;
    vertical-align: middle;
}

.status-container .fa-fw {
    vertical-align: text-top;
}

.status-container{
    border-radius: 5px;
    text-align: center;
    height: 20px;
    align-content: center;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    white-space: nowrap;
    min-width: 100px;
}

.container-underreview{
    background: #1570EF;
    color:white;
}

.container-pending{
    border-radius: 5px;
    background: #F79009;
    color: white;
}

.container-denied{
    background: #E31B54;
    color:white;
}

.container-approved{
    background-color: #17B26A;
    color:white;
}

.container-returned{
    background: #FEC84B;
    color:white;
}

.container-received{
    background: #53B1FD;
    color:white;
}

.container-processed{
    background: #1570EF;
    color:white;
}

.container-forrelease{
    background: #27115F;
    color:white;
}

.container-released{
    background: #3538CD;
    color:white;
}

.container-deposited{
    background: #6172F3;
    color:white;
}

.container-pendingrelease{
    background: #c98c00;
    color:white;
}



.text-align-center{
    text-align: center;
}

.text-align-right{
    text-align: right;
}

.text-align-left{
    text-align: left;
}

.margin-bottom-s{
    margin-bottom: 8px;
}

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

.margin-right-s{
    margin-right: 8px;
}

.margin-left-s{
    margin-left: 8px;
}

.margin-s{
    margin: 8px;
}


.margin-bottom-base{
    margin-bottom: 16px;
}

.margin-top-base{
    margin-top: 16px;
}

.margin-right-base{
    margin-right: 16px;
}

.margin-left-base{
    margin-left: 16px;
}

.margin-base{
    margin: 16px;
}

.margin-bottom-l{
    margin-bottom: 32px;
}

.margin-top-l{
    margin-top: 32px;
}

.margin-right-l{
    margin-right: 32px;
}

.margin-left-l{
    margin-left: 32px;
}

.margin-l{
    margin: 32px;
}

.margin-bottom-xl{
    margin-bottom: 48px;
}

.margin-top-xl{
    margin-top: 48px;
}

.margin-right-xl{
    margin-right: 48px;
}

.margin-left-xl{
    margin-left: 48px;
}

.margin-xl{
    margin: 48px;
}

.margin-bottom-xxl{
    margin-bottom: 100px;
}

.margin-bottom-xxxl{
    margin-bottom: 150px;
}

.margin-top-xxl{
    margin-top: 100px;
}

.margin-right-xxl{
    margin-right: 100px;
}

.margin-left-xxl{
    margin-left: 100px;
}

.margin-xxl{
    margin: 100px;
}

.padding-top-base{
    padding-top: 16px;
}

.padding-bottom-base{
    padding-bottom: 16px;
}

.padding-left-base{
    padding-left: 16px;
}

.padding-right-base{
    padding-right: 16px;
}

.padding-base{
    padding: 16px;
}

.padding-top-xl{
    padding-top: 48px;
}

.padding-bottom-xl{
    padding-bottom: 48px;
}

.padding-left-xl{
    padding-left: 48px;
}

.padding-right-xl{
    padding-right: 48px;
}

.padding-base{
    padding: 16px;
}

.scrollable-content {
        max-height: 500px; /* Set the maximum height for the scrollable area */
        overflow-y: auto; /* Enable vertical scrollbar */
        border: 1px solid #ccc;
        padding: 10px;
}

.loader {

    width: 48px;

    height: 48px;

    border: 5px solid #FFF;

    border-bottom-color: #FF3D00;

    border-radius: 50%;

    display: inline-block;

    box-sizing: border-box;

    animation: rotation 1s linear infinite;

    }



    @keyframes rotation {

    0% {

        transform: rotate(0deg);

    }

    100% {

        transform: rotate(360deg);

    }

    } 

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


.scrollable-container {
    width: 100%; /* Adjust as needed */
    overflow-x: auto; /* Enable horizontal scrolling */
    white-space: nowrap; /* Prevent wrapping of content */
}

.scrollable-content-horizontal {
    display: inline-block; /* Ensure content stays in a line */
}

.btn-secondary-white{
    border: 1px solid #166ba5 !important;
    background: white;
    color: #166ba5;
}

/*** Generated classes from Style Editor in OutSystems 10 ***/
[data-style-key="KggpYwGh9U6vBmQ8hx8pfw"] { text-align:center; }
[data-style-key="Qzy8C0p5xUWM2gyiZ3S1NQ"] { margin:0px 0px 0px 10px; }
[data-style-key="12dwaBPHoEi5Q3GeHx6mpg"] { padding:5px 0px 5px 0px; }
.loginwrap[data-style-key="TyS5SpFlEE2odW_EueBP_w"] { height:380px; }
[data-style-key="_NQMs2iFbkiihvcADwFuTg"] { margin:10px 0px 0px 0px; }
[data-style-key="lKN7eDHnIkeHEkh5UOJ5qw"] { height:25.6px; }
[data-style-key="1wG8Xxk7_0uXXicZKWN4iQ"] { height:35.2px; }
[data-style-key="f4PJ44p2m0Ouvwrs2Zgm6Q"] { height:25.6px; }
[data-style-key="_QbUwSSlfEaXE1VNgglvQw"] { height:25.2px; }
.Bold.others_fontsize[data-style-key="VphJFlnFk0OVELRDz_oxTA"] { color:#333; }
.Bold.others_fontsize[data-style-key="KnxJqols20iQ5yQFB1ifIA"] { color:#333; }
[data-style-key="foKqybAvTECyyMbqihlUMQ"] { height:15px; }
[data-style-key="JG0ZtTz2G0u0eDCROYATxg"] { height:15px; }
[data-style-key="YWeXmVxlJkCkFg9HHRs05w"] { display:inline-block; width:100%; }
.Underline_Container.padding10[data-style-key="YaofFl97SUuseOZN+MZW6A"] { padding:10px 10px 10px 0px; }
[data-style-key="evA_lGjTd0+KVMfPWHNUVQ"] { margin:0px; }
[data-style-key="_3q59yGWIUG4f2xU8ywlOg"] { margin:-10px 0px 0px 1.96078431372549%; }
.Border1pxblack[data-style-key="QHY4FeFiTkCpKyOv1s0Dqw"] { margin:-18px 0px 0px 0px; }
.Border1pxblack[data-style-key="nUP0whUsIUWHIYoB3Dj8Ig"] { border-width:1px 1px 0px 1px; }
[data-style-key="8hMNAwsq5UmoA+eKUKyH6g"] { width:calc(100% - 22%); }
.padding10[data-style-key="8lY8IEVvrEyeEkZP0LlbkA"] { padding:10px 10px 10px 0px; }
[data-style-key="J+UGRT6T7Ui6HwIsZHVxXg"] { margin:0px 0px 30px 0px; padding:0px; }
[data-style-key="+pAGvJm3U02H2og6JnwBmw"] { margin:0px 152px 0px 0px; }
[data-style-key="FPwcXQrz80y6aaOmXBFHJw"] { border-color:#b3b2b2; border-style:solid; border-width:1px; }
[data-style-key="fIqVeHZREUuTIgNU2EpS3A"] { margin:0px 1px 3px 0px; }
[data-style-key="9w5FL9jaPkWTRLY1t43Fjg"] { margin:5px 1px 0px 0px; padding:4px 12px 0px 12px; }
[data-style-key="rRKkw9loi02gxKeATcJOew"] { text-align:center; }
[data-style-key="Kcju_Zc3+Uat1a75vMoEww"] { padding:5px 0px 5px 0px; }
[data-style-key="FN7SM5uffU+dh66Q7sWTzA"] { color:#166ca5; margin:10px; }
[data-style-key="iYhd+2RW6Eyaz42s56jDmA"] { color:#166ca5; margin:10px; }
.labelcoverage[data-style-key="vu4+tbHzSUei79laaaIKjg"] { color:#166ca5; margin:10px; }
.text[data-style-key="XbY9v26zFUmZe_1koyAYHA"] { color:#d80b4f; }
[data-style-key="kk8lhsJ4KEq6N9ukAAai+Q"] { color:#333; font-weight:bold; }
[data-style-key="_L4u8xUrWE2vQRwZl9nbVg"] { margin:0px 10px 0px 0px; }
[data-style-key="5mECLVcSJEWEKPiEjBGikw"] { margin:0px 10px 0px 1.96078431372549%; }
[data-style-key="H9MWYtC0BkC4fH+phomjcQ"] { margin-left:0; }
.Underline_Container.padding10[data-style-key="297F8iUzEES_hFmh_8529A"] { padding:10px 10px 10px 0px; }
[data-style-key="AoKp8_7iZkCds6vzwbTU1g"] { margin:0px; }
[data-style-key="+zJ62aNPDk+CLa4SvVOzuQ"] { margin:-10px 0px 0px 1.96078431372549%; }
.Border1pxblack[data-style-key="xQv7O_cEyk6ScqoFzkDy9A"] { margin:-18px 0px 0px 0px; }
.Border1pxblack[data-style-key="k+MykGu8RkijWQSnmbofng"] { border-width:1px 1px 0px 1px; }
.Heading4[data-style-key="4p5ulW_Tw0uSo_GRXhPS0Q"] { font-weight:bold; }
[data-style-key="IwEd9I8C_0ud5Um7c4wd9A"] { width:calc(100% - 22%); }
.padding10[data-style-key="MRDPYA2NekyPtI8F2cYrXg"] { padding:10px 10px 10px 0px; }
[data-style-key="gaps1xIhaUq9cx0XkIt7ww"] { margin:0px 0px 30px 0px; padding:0px; }
[data-style-key="8bv7fob0k02VcrM9NUllQA"] { margin:0px 152px 0px 0px; }
[data-style-key="S4qoFLXKkEOyaCsMaZQ5BA"] { padding:0.8em !important; }
[data-style-key="JPQJEwHBuEuDvGZWPx4dcg"] { padding:0px 20px 0px 0px; }
[data-style-key="I6EX3MRG8EePaBTxN9uFXw"] { border-color:#25901f; color:#3cb372; }
[data-style-key="tUkdc+kHDEWAP9ZFP8IxHg"] { color:#fb9c0e; }
[data-style-key="f+wx0AGFYES41Ic4KxZtiw"] { color:#b22222; }
[data-style-key="tyhs2uKp00qzDJPGlHPmXw"] { margin:10px 5px 5px 5px; }
[data-style-key="DJEj2_lyZEGoZbauXKWbhg"] { padding:10px; }
[data-style-key="zbGOo_YhpE6ka+BwTk3C3Q"] { padding:10px; }
[data-style-key="5SU+elSyYkq+2Wad0SJoOQ"] { margin:0px 0px 0px 10px; }
[data-style-key="5psDv0X4BkGwI6lkX_kNmg"] { margin:0px 0px 0px 10px; }
[data-style-key="lnCHRGbB80eQAn05aPUWGQ"] { margin:0px 0px 0px 10px; }
[data-style-key="SP5tJsy4w0azykf6kk5XTw"] { margin:0px 0px 0px 10px; }
[data-style-key="oeRQr7EWVEKlp9hfMV0r2A"] { margin:0px 0px 0px 10px; }
[data-style-key="42Ted+nlLk6fy7aBmIc+vQ"] { margin:0px; padding:10px; }
[data-style-key="QD5IBtbuJU29VCQuGL7QjQ"] { margin:0px; }
[data-style-key="fmGaucoSWEOgXIyDN_r8zg"] { padding:0.8em !important; }
.Button[data-style-key="TQGO5QqYhkWGoy6_mp63PA"] { background-color:#166ca5; }
.Bold[data-style-key="CWY5LTGw_0m3gu540gfkbw"] { color:#000; font-weight:bold; }
.Bold[data-style-key="aKZZ3VvZwkqbyviNbwt26A"] { color:#000; font-weight:bold; }
.Bold[data-style-key="OwD9u4a++E2lonP_mmfywg"] { color:#000; font-weight:bold; }
.Bold[data-style-key="QaTWpKwFYEGl6uf9k3rgkw"] { color:#000; font-weight:bold; }
.Bold[data-style-key="d2TUqsjhRkWCiINV6ujGHQ"] { color:#000; font-weight:bold; }
.Bold[data-style-key="oHX6SZs6EEqOJF4tf3x6ww"] { color:#000; font-weight:bold; }
[data-style-key="PhIutLQs1UGL9T_pPYyHqg"] { border-color:#b8b8b8; }
[data-style-key="LmNu9r3Lv0CtFPyPibfHjg"] { border-color:#ff0808; color:#ff3b3b; }
[data-style-key="jH2wXUsrxEiTfZEmSyYn7g"] { background-color:#fff; border-color:#166ca5; }
[data-style-key="BRkDiHSRCUefA6apXPkyyQ"] { border-color:#ff0808; color:#ff3b3b; }
[data-style-key="2AZjd5EmhUCe+tlKlu5RnQ"] { background-color:#fff; border-color:#166ca5; }
.Button[data-style-key="QkhZ1Gtpv0SwIoscxETHLA"] { background-color:#3c7db3; }
.Text_Note[data-style-key="FkPEcQDod0KwyoSku5KGfA"] { font-size:90%; }
[data-style-key="xG1E5BNEHEm3MYmY6P_Oew"] { margin:0px; padding:0px; }
[data-style-key="MLPmlSCSz0O0mKv3VCKLGg"] { margin:5px 15px 3px 0px; }
[data-style-key="1TGHBvcRfkyIwidFjf3vdw"] { border-style:solid; border-width:0px; margin:10px; }
[data-style-key="lSgOTTm3rUK8G1lQUDvvoA"] { border-color:#ff0808; color:#ff3b3b; }
[data-style-key="pzv4pBgCjESVUYbcLvB2Sw"] { background-color:#fff; border-color:#166ca5; }
[data-style-key="K0q2a2TqUEapg0ej01j60A"] { background-color:#fff; border-color:#166ca5; }
[data-style-key="EY_8TL03Pk2MyF74L4WFHQ"] { font-weight:bold; }
[data-style-key="l9ZvcgB0F0edQrHz88XaTQ"] { text-decoration:underline; }
.Button.vertical-align[data-style-key="_06qvpFRfEq_bb9Rfbk9zg"] { background-color:#166ca5; }
.Button.vertical-align[data-style-key="wcL6sV83U02bWnw2_h6pPQ"] { background-color:#166ca5; }
.Button.vertical-align[data-style-key="INAolP0dGki6SD84fYBkFQ"] { background-color:#166ca5; }
.TableRecords_TopNavigation[data-style-key="rFHpu+YxrkK++djaYLwUyA"] { padding:0px; text-align:left; }
.Button[data-style-key="x7bvoyxenUmRFp87IfWBaA"] { background-color:#166ca5; }
[data-style-key="coSXr2rAaUimpU_3HZZCzA"] { text-align:center; }
[data-style-key="qNhmxTsCzk2EpW8ax4OrbQ"] { text-align:center; }
[data-style-key="yEQESHpE1keR6dTh9yykEA"] { text-align:center; }
[data-style-key="SjCRNuc9UkGpHPDcSFZ5Dw"] { text-align:center; }
[data-style-key="c5cXMvukdk68FT5D4P7FQw"] { text-align:center; }
[data-style-key="hGT1+a0BG0qzcb+f+1CQ9w"] { text-align:center; }
[data-style-key="CY6NMEeMZkaQqNQNRIaV8A"] { padding:0px !important; }
[data-style-key="xB0pWEaADUK9G7P9ooJ8dQ"] { text-align:center; }
[data-style-key="a3gjV30AsEaoalmlCtGWdw"] { text-align:center; }
[data-style-key="ioQ++dWbZkuvt1T50YQkaQ"] { text-align:center; }
[data-style-key="eEFPSr1y7EmCJbRG74cDVw"] { text-align:center; }
[data-style-key="HBKO9DwQtkaN+cc2kX94sw"] { text-align:center; }
[data-style-key="kZ3K2MqzbkatdaRbNq8kbg"] { text-align:center; }
[data-style-key="uEJ2pPODR0CpaRUUAIOdHQ"] { text-align:center; }
[data-style-key="AWKPm5OTGESwYcOk59pPGw"] { text-align:center; }
[data-style-key="rEN8jDAFo0ynjq+IbV8HKQ"] { text-align:right; }
[data-style-key="iobIWXaOlkmZ0VaJc7DgAQ"] { text-align:center; }
[data-style-key="3Q583eIU_02JvGnSWcDWvw"] { padding:2px; }
[data-style-key="1w5QkQffI0SNI4_ksNeC_w"] { padding:5px 0px 5px 0px; }
.Button[data-style-key="XoTTttWLQEeGbchwcxPweQ"] { background-color:#166ca5; }
[data-style-key="iQroqpjQAEmXWwv+xfltjw"] { padding:0.8em; }
[data-style-key="493weZfcQk6+P5fs9EawYw"] { text-align:center; }
[data-style-key="6hGNYWZD+Umb1l7e3a6uww"] { text-align:center; }
.Button.vertical-align[data-style-key="gRVeTCZldUehAoWFkRe5Nw"] { background-color:#166ca5; }
[data-style-key="uArezO016UC9tdQGd5E5nQ"] { text-align:center; }
[data-style-key="yPkczpThcEur9Qjla1d11Q"] { text-align:center; }
[data-style-key="g42u2+5+yUWfpwONJYjAcg"] { text-align:center; }
[data-style-key="1QfRzr2+NU+DcYKncdfsUw"] { text-align:center; }
[data-style-key="ylKEqrSbI0iSsuGcmo_YTg"] { text-align:center; }
[data-style-key="PTtGFz1w8E+ZUOaxuyE1uw"] { text-align:right; }
[data-style-key="6hPBKzJlJ0SmtRrrMBDJQw"] { border-style:solid; border-width:0px; margin:0px; }
.ListTextForEmail[data-style-key="wQZdtchwmUurA4G_lSKXkQ"] { font-size:70%; }
[data-style-key="eyHbUX_Q_EKfRRiaZtksqA"] { color:#fff; margin:0px 0px 0px 2px; }
[data-style-key="tX4EK47IB0KXfdiEAKVLFQ"] { color:#fff; }
[data-style-key="1Giu+hMDaE+dVrtIdsyuwA"] { font-weight:bold; }
[data-style-key="1egRTIIE3EuTKJeFR5AzzA"] { font-weight:bold; }
.Tabs_TabBody[data-style-key="11D08zpo0UiQ1DdWVdMGuw"] { margin:9px; padding:10px; }
[data-style-key="eKBk+fPdNU+iz0hbAlae5Q"] { padding:10px 0px 0px 0px; text-align:left; }
[data-style-key="PaZOQts_ckK35X3joWGrOg"] { padding:10px 0px 0px 0px; }
[data-style-key="OhrHGA+g9UekaC33f4SDoQ"] { margin:0px; padding:10px 0px 0px 0px; }
[data-style-key="78YJX+xCHEybzLjQRUDm9w"] { margin:0px; padding:10px 0px 0px 0px; }
[data-style-key="2Cwu2kCiBUyquW3znGeCMg"] { margin:0px; padding:10px 0px 0px 0px; }
[data-style-key="J9HYZJsHxUyWXqSTmmAWFg"] { margin:0px; padding:10px 0px 0px 0px; }
[data-style-key="jxGpva2lLUazKFmpRqCHqw"] { padding:10px; }
[data-style-key="wK2Cr68sNEmjPaOwsBiuOg"] { font-size:10px; }
[data-style-key="60_+Snc_5U+S1TFlv_8WCw"] { margin:0px 0px 5px 0px; padding:5px 0px 0px 0px; }
.Button[data-style-key="IIE2SuUQ9UCTCtcoc2qA6Q"] { display:inline-block; width:50px; }
[data-style-key="Y5Z4AvrvdUy2RSININ1Hjg"] { font-weight:bold; }
[data-style-key="iWW1mh9wr0e95joOlysWfw"] { text-align:center; }
[data-style-key="XpCH44h4jkeCWh2Y1MDj1g"] { text-align:center; }
[data-style-key="BCFZPVtlZkKoJ+QuDFgb8w"] { text-align:center; }
[data-style-key="1gdnd8nEo0mGfg5mvsIm7A"] { text-align:center; }
[data-style-key="lG+vBzNmHUGTaQZpUUmW6w"] { text-align:right; }
.Heading4[data-style-key="4pT2W4cd+U62Cn7EWGh6Lg"] { font-size:14px; font-weight:normal; }
[data-style-key="aJs5nz9aUE2xHlGM4GSGhw"] { margin:0px 20px 0px 0px; }
[data-style-key="CSWomR8vXUOWT1Wr9xxMDg"] { margin:0px; padding:10px; }
.TableRecords_Footer[data-style-key="JCThh+An5EGvD8BPQWiXaw"] { padding:10px; }
[data-style-key="wBBDftln3E2hF+acbCdi7w"] { margin:0px; padding:0px; }
[data-style-key="dAMWDATlvE2rSYsB8ypDEw"] { margin:5px 1px 3px 0px; }
[data-style-key="L67a+nhUJEqOZuGEuCjDDQ"] { margin:0px; padding:0px; }
[data-style-key="EKD3afuTbkSFhNrdT8tmrw"] { color:#fff; margin:0px 0px 0px 5px; }
[data-style-key="jD3KTguyHEG1N91AZX4aLQ"] { color:#fff; }
.Button[data-style-key="aqeivWfbp0GV8P8eaB5iNQ"] { background-color:#166ca5; }
.Button[data-style-key="Ib8Okuo4E0OXyxry0RuHgQ"] { background-color:#166ca5; }
[data-style-key="+Il_dkLT7kqyA9oIflwT0g"] { margin:5px 5px 0px 0px; }
[data-style-key="oKXoP_+4W06pKHZT7hh7Vw"] { border-style:solid; border-width:1px; }
[data-style-key="qMj2yPdwTkK5RS+56YdBrQ"] { font-weight:bold; }
[data-style-key="_HcNza0brkaJyl1KV_EFCA"] { color:#166ca5; margin:10px; }
[data-style-key="_QVC7ghRPkisbJBHQ03gbw"] { color:#166ca5; margin:10px; }
.labelcoverage[data-style-key="CdSK8Xk77keaNdPHBWhOmg"] { color:#166ca5; margin:10px; }
.text[data-style-key="aohLVUmx0UO4ILn6hsdRbw"] { color:#d80b4f; }
[data-style-key="YYbY1Ip0M0+xZAdHdWiPAA"] { color:#333; font-weight:bold; }
[data-style-key="zTP6Z16rVUa+aMHQbFtuQw"] { margin:0px 10px 0px 0px; }
[data-style-key="pdT06fcULkeGkql2kgTDCA"] { margin:0px 10px 0px 1.96078431372549%; }
[data-style-key="FUQjR6Uxx0qf8SVY3Qnuow"] { margin-left:0; }
[data-style-key="ns6K88hphUm4C3B6NDOttw"] { border-style:solid; border-width:1px; }
[data-style-key="Q0Z0O8sn6k23PQciEwLOOQ"] { padding:5px; }
.Text_green[data-style-key="b02rLXrEtUS86v5sKDLtFA"] { color:#19e51d; }
[data-style-key="rmKIFogOvUqIc_kxFf9teg"] { color:#166ca5; padding:0px 5px 0px 0px; }
.Text_green[data-style-key="6MmhMJhgv0aAs5_S7TI1bA"] { color:#2bb354; }
[data-style-key="hpvJG41Y+E2cA29dYU3YuA"] { padding:5px; }
.Text_green[data-style-key="zkqvx3eycUu9sZvvhWeBsw"] { color:#19e51d; }
[data-style-key="77ZItdcFnEW6IR+FIOJjxA"] { color:#166ca5; padding:0px 5px 0px 0px; }
.Text_green[data-style-key="Pv1mFpm6DUmq_Hj9iK2dmA"] { color:#2bb354; }
[data-style-key="Xt3YgbDI_Ui+r76pVLXVRQ"] { padding:5px; }
.Text_green[data-style-key="URoeehrZbEqxReaU9_e9KA"] { color:#19e51d; text-align:center; }
[data-style-key="ljisnaW1y0a_FoLGuO_6xw"] { color:#166ca5; padding:0px 5px 0px 0px; }
[data-style-key="LXa5b9B0JUy3LKQ7d_KbiA"] { text-align:center; }
[data-style-key="VgblzoLTKUeZRkKAzQFTtg"] { text-align:center; }
[data-style-key="Ta2kkwF4ykOZ3st656GxJw"] { text-align:center; }
[data-style-key="ksUoAFaOVUWDEl4ABuQjGw"] { text-align:center; }
[data-style-key="O8OL7C3JfU2btDae0D4Xbw"] { color:#166ca5; }
[data-style-key="GkPikHk_F0CZtH8SLuNKOA"] { text-align:center; }
.Text_green[data-style-key="pFFcOwDQp0eO5liX0MNANw"] { color:#2bb353; }
[data-style-key="4T_Y6_9l3UqGAkJMz29h0g"] { padding:5px; }
.Text_green[data-style-key="CY7n1c479UCPH7bNMSRVAA"] { color:#19e51d; text-align:center; }
[data-style-key="OPs16guz2EGNTQgTMDShrA"] { color:#166ca5; padding:0px 5px 0px 0px; }
[data-style-key="XHiqYWMDGEyEtcQhznjThg"] { text-align:center; }
[data-style-key="vNxI75+7JUevZdV8RlJa1g"] { text-align:center; }
[data-style-key="IXEq0a7spEW+5+2c_DI6xQ"] { text-align:center; }
[data-style-key="Tjyqiw9QR0iPBmL+5Q7waQ"] { text-align:center; }
[data-style-key="nh1MEbVEeEGsUjNefM_p7w"] { color:#166ca5; }
[data-style-key="qht7hFENQkyYllsAYq6r7A"] { text-align:center; }
.Text_green[data-style-key="8i_LajKLyUeli8AKpQJQbA"] { color:#2bb353; }
[data-style-key="fsPQzj1ljk+f6MaNuI0wmQ"] { color:#fff; margin:0px 0px 0px 5px; }
[data-style-key="sWq6YcrOaUujjNJ6D_TDrw"] { color:#fff; }
[data-style-key="jimebKStU02E6aWeabjxuQ"] { margin:-5px 0px 0px 0px; }
[data-style-key="1wCmeA8lhU6UqvTv4Ehbpw"] { padding:0px; }
[data-style-key="AGSfS7DwukGqZSK0HuXFQg"] { padding:0px 0px 0px 30px; }
.Underline_Container.padding10[data-style-key="N4t3qZEy1UCxwyg1FfFneQ"] { padding:10px 10px 10px 0px; }
.Underline_Container[data-style-key="Ej9+kFRPqkmBaWZ_7V5ugg"] { display:inline-block; max-width:100%; width:100%; }
[data-style-key="3LVdSHT0gEe_DSV6yzknQw"] { margin:10px; }
[data-style-key="yK3SHj2OdUazQasmSXzkGw"] { font-weight:bold; }
[data-style-key="nw61qLWlLEiGPcwh3kItrg"] { margin:0px; }
[data-style-key="KGqrX+JezU2UGj_TtALHYQ"] { margin:-10px 0px 0px 1.96078431372549%; }
.Border1pxblack[data-style-key="sar_O2utrEGK0hyvpyRhQg"] { margin:-18px 0px 0px 0px; }
.Border1pxblack[data-style-key="8ueytM+8Zk6zuhTLpNLd2Q"] { border-width:1px 1px 0px 1px; }
[data-style-key="5Z6Z0xCvs0qVdTHoZLp3iA"] { width:calc(100% - 22%); }
.padding10[data-style-key="XF10gGdXEk6CNaVbU_7qaA"] { padding:10px 10px 10px 0px; }
[data-style-key="_93d7fHhX0a_LhV3pKClRg"] { margin:0px 0px 30px 0px; padding:0px; }
[data-style-key="WGs5I6rPcE29D3D_RjxWKg"] { margin:0px 152px 0px 0px; }
[data-style-key="Gy+GXlAo9ESgSQokE9YwUQ"] { height:calc(100% - 150px); max-height:calc(100% - 150px); }
.paper_format[data-style-key="tSSsk+BgVU2BUDSi1MIUJw"] { color:#000; }
[data-style-key="oOFYxxJjW0i+A6unJAdFEg"] { font-size:20%; }
[data-style-key="LtQTTVxylUikdk5GgVmQRQ"] { color:#fff; margin:0px 0px 0px 5px; }
[data-style-key="S3d1D2pd0k6MjDmFSIC8DQ"] { color:#fff; }
[data-style-key="HfpU+WozbUGAjY0BBwrEdA"] { font-weight:bold; }
[data-style-key="__CwYyNzIU663PB0aMyVxg"] { width:calc(100% - 100px); }
[data-style-key="Ue8GQJ8bmkWT18U90rC0sA"] { font-weight:normal; }
[data-style-key="hSPXaokuZE+CBhUtO4B7Xw"] { width:calc(100% - 130px); }
[data-style-key="1C2r6PyRyUy4j3SW7tvUKA"] { font-weight:normal; }
[data-style-key="uHSC7idW1UejhZfCaPXmQw"] { margin:0px; }
[data-style-key="09ZLwoGWv0OINUg9TJIXrA"] { height:61.2px; }
[data-style-key="HZ5mB1gvSEaiXKyyKbRdFQ"] { margin:0px; }
[data-style-key="YcH4GffpPEmiYNHnzaSHJg"] { font-weight:bold; }
[data-style-key="6CUuTfFZZEWHy5vQXT86Vg"] { height:40.6px; margin:0px; padding:0px; }
[data-style-key="Tm_4YWC8hkO8vg9AyKOpVw"] { font-weight:bold; margin:px; }
[data-style-key="0BFHprr8g0Kdgfco2FpxeA"] { font-weight:bold; }
[data-style-key="gV6zGOwGpk6NZAHqLrmSgw"] { height:90.6px; }
[data-style-key="GX89LzeGtEuErgSP_ogj4Q"] { height:18.8px; }
[data-style-key="ZwmFkqR+tkaZllgO1Og0hg"] { display:inline-block; width:100%; }
.VoucherContainer[data-style-key="o5q0TYG+hk6Vsaxxwm0Ckg"] { margin:0px 0px 20px 0px; }
[data-style-key="I5RCz2wlIUCQMu6iSsJjtQ"] { display:inline-block; width:100%; }
[data-style-key="0jagBPtBDE6UpFuqjNojLA"] { font-size:70%; }
[data-style-key="4GF_WD3vo0SvlwWchTetjQ"] { font-size:70%; }
.vertical-align-middle.icon-size[data-style-key="wv0s++7tfUa7WGzAi2PKxA"] { text-align:center; }
.vertical-align-middle.icon-size[data-style-key="i8sVNkQ6sEGhuti+jVuaew"] { text-align:center; }
/*** Generated classes from Style Editor in OutSystems 10 ***/