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

/*

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

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

*/

/* ------------------------------- */
/* ========== $0. Fonts ========== */
/* ------------------------------- */

/* Fonts > Import Font */

/* System font, no import needed */

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

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

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

body,
select,
textarea,
input {
    color: #54565b;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
}

body {
    background-color: #fbfbfb;
    /* Adjust font size */
    font-size: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
            font-smoothing: antialiased;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;

    -webkit-font-variant-ligatures: none;
    /* Font varient */
            font-variant-ligatures: none;
    -webkit-overflow-scrolling: touch;
    /* Smoothing */
    text-rendering: optimizeLegibility;
    -webkit-text-size-adjust: 100%;
}

/* General Properties > a links */
a,
a:link,
a:visited {
    color: #81bc00;
    -webkit-transition: color 100ms ease;
            transition: color 100ms ease;
}

.desktop a:hover,
.desktop a:link:hover,
.desktop a:visited:hover {
    color: #54565b;
    text-decoration: none;
}

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

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

img{
    max-width: 100%;
    height: auto;
}

/* General Properties > Margins */
.OSAutoMarginTop {
    margin-top: 10px;
}

.OSInlineClear {
    /* This style will never be used in runtime.
    When applied in Service Studio, it will prevent the style 'OSInline' from being
    automatically applied to divs and tables with widths != (fill parent) */
}

/* ----------------------------------- */
/* ========== $2. Structure ========== */
/* ----------------------------------- */

/* Structure > Header */
.Header {
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    color: #54565b;
    height: 80px;
    line-height: 80px;
    position: fixed;
    width: 100%;
    z-index: 20;

    
}

.Header a,
.Header a:link,
.Header a:visited {
    color: #54565b;
}

.desktop .Header a:hover,
.desktop .Header a:link:hover,
.desktop .Header a:visited:hover {
    color: #54565b;
}

.Header_center {
    position: relative;
}

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

.Header_background {
    background-color: #fff;
    border-bottom: 0;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

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

/* Structure > Header Title */
.Header_Title {
    float: left;
    overflow: hidden;
    padding-right: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;

    
}

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

.Application_Title a,
.Application_Title a:link,
.Application_Title a:visited,
.Application_Title a:hover {
    color: #54565b;
    text-decoration: none;
}

.Header .Application_Title img {
    margin: 0;
    max-height: 40px;
    vertical-align: middle;
}

.Application_Title > div {
    border-left: 1px solid #dfdfdf;
    display: inline;
    font-size: 24px;
    margin-left: 15px;
    padding: 7px 0 7px 15px;
}

.phone .Application_Title > div{
    font-size: 12px;
}

.tablet .Application_Title,
.phone .Application_Title,
.tablet .Application_Title a,
.phone .Application_Title a {
    padding: 0;
}

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

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

    
}

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

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

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

.Others_Menu .RightMenu,
.Others_Menu .Login_Info,
.Others_Menu .NotificationsArea,
.Others_Menu .LanguageMenu {
    display: inline-block;
}

.RightMenu .Menu_TopMenu a,
.RightMenu .Menu_TopMenu a:link,
.RightMenu .Menu_TopMenu a:visited {
    font-size: 16px;
    font-weight: 400;
}

.Header .Button,
.Header a.Button {
    border-color: #54565b;
    color: #54565b;
}

.desktop .Header a.Button:hover,
.desktop .Header a.Button:link:hover,
.desktop .Header a.Button:visited:hover {
    border-color: #54565b;
    color: #54565b;
}

.Login_Info,
.NotificationsArea,
.LanguageMenu {
    border-left: 1px solid #dfdfdf;
    height: 30px;
    line-height: 30px;
    margin: 0 0 0 15px;
    padding: 0 0 0 15px;
    vertical-align: middle;
}

.Login_Info {
    font-size: 14px;
    font-weight: 700;
}

.Login_Info:first-child {
    border: 0;
}

.Logout_Icon {
    font-weight: 400;
    margin-left: 15px;
    width: 20px;
}

.NotificationsArea {
    padding-right: 10px;
}

.NotificationsArea .IconBadge_number {
    border-radius: 50%;
    height: 18px;
    line-height: 18px;
    right: -6px;
    top: -6px;
}

.LanguageMenu .InlineDropdown_label {
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
}

.LanguageMenu .InlineDropdown_label img {
    display: inline-block;
    line-height: 30px;
    margin: 0 5px 0 0;
    vertical-align: baseline;
}

/* responsive */
.phone .Others_Menu {
    margin: 0;
    position: relative;
}

.phone .Others_Menu .RightMenu,
.phone .Others_Menu .LanguageMenu {
    display: block;
}

.phone .Others_Menu .LanguageMenu {
    border: 0;
    margin: 0;
    padding: 0;
}

.phone .LanguageMenu .InlineDropdown {
    display: block;
}

.phone .LanguageMenu .InlineDropdown.open{
    box-shadow: 2px 2px 4px #e4e4e4;
}

.phone .InlineDropdown.open .InlineDropdown_icon span {
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
}

.phone .LanguageMenu .InlineDropdown_label {
    height: auto;
    padding: 0 20px;
}

.phone .LanguageMenu .DropdownMenu {
    border: 0;
    box-shadow: none;
    min-width: initial;
    position: relative;
    width: auto;
}

.phone .Application_Menu .Login_Info {
    background: #eee;
    border: 0;
    border-bottom: 1px solid #ccc;
    display: block;
    height: 60px;
    line-height: 60px;
    margin: 0;
    padding: 0 20px;
    position: relative;
    width: auto;
}

.phone .Application_Menu .Login_Info a.User_Info,
.phone .Application_Menu .NotificationsArea {
    display: inline-block;
    height: 60px;
    line-height: 60px;
    margin: 0;
    padding: 0;
    width: auto;
}

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

.phone .Application_Menu .Login_Info .Logout_Icon {
    font-size: 20px;
    margin: 0;
    position: absolute;
    right: 20px;
    text-align: right;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 30px;
}

.phone .Application_Menu .NotificationsArea {
    border: 0;
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: 90px;
    top: 15px;
}

/* Structure > Header > ButtonMenu */
a.Header_ButtonMenu {
    color: #54565b;
    display: none;
    float: left;
    font-size: 20px;
    padding-left: 20px;
    text-align: left;
    width: 80px;
}

.Page.active a.Header_ButtonMenu {
    color: #87be31;
}

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

/* Structure > Menu */
.Menu_TopMenus {
    width: 100%;
}

.Menu_TopMenu {
    position: relative;
}

.Menu_TopMenu a,
.Menu_TopMenu a:link,
.Menu_TopMenu a:visited {
    color: #54565b;
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    padding: 0 15px;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all 300ms ease;
            transition: all 300ms ease;
}

.desktop .Menu_TopMenu a:hover,
.desktop .Menu_TopMenu a:link:hover,
.desktop .Menu_TopMenu a:visited:hover,
.Menu_DropDownButton.open .Menu_TopMenu a,
.Menu_DropDownButton.open .Menu_TopMenu a:hover {
    color: #88bd30;
}

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

/* Structure > Menu > DropDownArrow */
.Menu_DropDownArrow {
    border-top-color: #54565b;
    opacity: .5;
    position: absolute;
    right: 4px;
    top: 50%;
    -webkit-transition: transform .3s ease;
            transition: transform .3s ease;
}

.Menu_DropDownButton.open .Menu_DropDownArrow {
    border-top-color: #54565b;
    opacity: 1;
    -webkit-transform: rotate(180deg) translateY(2px);
            transform: rotate(180deg) translateY(2px);
}

/* Structure > Menu > MenuActive */
.Menu_TopMenuActive {
    border-bottom: 5px solid #88bd30;
    height: 80px;
}

.Menu_TopMenuActive a,
.Menu_TopMenuActive a:link,
.Menu_TopMenuActive a:visited {
    color: #88bd30;
}

/* Structure > Menu > DropDownPanel > SubMenu */
.Menu_DropDownPanel {
    background-color: #fff;
    border: none;
    box-shadow: none;
    margin: 0;
}

div.Menu_DropDownPanel a,
div.Menu_DropDownPanel a:link,
div.Menu_DropDownPanel a:visited {
    background-color: #fff;
    color: #54565b;
    display: block;
    font-size: 14px;
    height: auto;
    line-height: 1.4;
    padding: 12px 20px;
}

.desktop div.Menu_DropDownPanel a:hover,
.desktop div.Menu_DropDownPanel a:link:hover,
.desktop div.Menu_DropDownPanel a:visited:hover,
.desktop div.Menu_DropDownPanel a.Menu_SubMenuItemActive {
    background-color: #54565b;
    color: #fff;
}

/* Menu tablet and phone */
.tablet .Application_Menu,
.phone .Application_Menu {
    background: #fff;
    bottom: 0;
    box-shadow: 3px 2px 4px 0 rgba(0,0,0,0);
    display: block;
    height: auto;
    left: 0;
    line-height: 50px;
    overflow: auto;
    position: fixed;
    top: 80px;
    /* Enable hardware acceleration */
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    /* Animate the menu when opening and closing */
    -webkit-transition: all 300ms ease-out;
            transition: all 300ms ease-out;
    width: 250px;
    /* reduce animation flickering */

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

.phone .Application_Menu {
    border-top: 1px solid #ccc;
    box-shadow: none;
    overflow-x: hidden;
    width: 100%;
}

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

.tablet.active .Application_Menu {
    box-shadow: 3px 2px 4px 0 rgba(0,0,0,.1);
}

.tablet .Application_Menu .Menu_TopMenu,
.phone .Application_Menu .Menu_TopMenu {
    border: 0;
    height: auto;
    line-height: 50px;
    margin: 0;
    padding: 0 0;
    width: 100%;
}

.tablet .Application_Menu .Menu_TopMenu.Menu_TopMenuActive,
.phone .Application_Menu .Menu_TopMenu.Menu_TopMenuActive {
    background-color: #54565b;
}

.tablet .Application_Menu .Menu_TopMenu.Menu_TopMenuActive a,
.phone .Application_Menu .Menu_TopMenu.Menu_TopMenuActive a {
    color: #fff;
}

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

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

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

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

.tablet.active .Application_Menu a,
.tablet.active .Application_Menu a:link,
.tablet.active .Application_Menu a:visited,
.phone.active .Application_Menu a,
.phone.active .Application_Menu a:link,
.phone.active .Application_Menu a:visited {
    -webkit-transform: translateX(0) scale(1);
            transform: translateX(0) scale(1);
}

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

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

/* Structure > Footer */
.Footer {
    background: #54565b;
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    min-height: 60px;
    padding: 10px 20px;
    width: 100%;
    
}

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

.desktop .Footer a:hover,
.desktop .Footer a:link:hover,
.desktop .Footer a:visited:hover {
    color: #81bc00;
}

.Footer_Image {
    vertical-align: middle;
}

.Footer_Image img {
    max-height: 40px;
}

.Footer_Copyright {
    vertical-align: middle;
    white-space: nowrap;
}

.Footer_Social a {
    display: inline-block;
    font-size: 24px;
    vertical-align: middle;
}

.Footer .Columns .Column {
    vertical-align: middle;
}

.phone .Footer {
    padding: 20px;
    text-align: center;
}

.phone .Footer_Image,
.phone .Footer_Copyright,
.phone .Footer_Copyright .Footer__Links,
.phone .Footer_Social {
    display: block;
    text-align: center;
}

.phone .Footer_Copyright,
.phone .Footer_Copyright .Footer__Links,
.phone .Footer_Social {
    margin-top: 10px;
}

.phone .Footer_Social a {
    font-size: 30px;
    margin: 0 8px;
}

/* Structure > Content */
.Page > .Content {
    padding-top: 80px;
    min-height: calc(100% - 60px);
} 

html .ThemeGrid_Container {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}

/* Structure > Main Content */
.MainContent {
    min-height: 100%;
    padding: 20px 0 50px;

    
}

.MainContent.ThemeGrid_Container {
    padding: 0;
}

.MainContent:empty {
    display: none;
}

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

/* Structure > Title Section */
.Title_Section {
    background: #fff;
    color: #54565B;
    margin: 0;
    padding: 40px 20px 40px 30px;
}

.Title_Section .Title {
    display: inline-block;
    line-height: 40px;
    margin: 0;
    overflow: hidden;
    vertical-align: middle;
    width: 60%;

    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;

    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;

    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.Title_Section .Title.Heading1{
    font-size: 30px;
}
.BreadcrumbsContainer + .Title {
    margin-top: -20px;
     
}

.BreadcrumbsContainer.PH:empty + .Title {
    margin-top: 0;
}

.Title_Section .Title .Text_Note {
    color: #808185;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
}

.Title_Section .Actions {
    display: inline-block;
    line-height: 30px;
    text-align: right;
    vertical-align: middle;
    width: 40%;
}

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

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

.phone .Title_Section {
    padding: 30px 0 20px;
}

.phone .Title_Section .Title {
    display: block;
    overflow: unset;
    width: auto;
}

.phone .Actions {
    display: block;
    margin-top: 10px;
    position: relative;
    text-align: center;
    width: auto;
}

.phone .Actions:empty {
    display: none;
}

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

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

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

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

/* Structure > Layout Website */
.Page.Website .MainContent {
    padding: 0;
}

/* Structure > Layout Box */
.Page.LayoutBox .Header_RightActions {
    display: inline-block;
    float: right;
    min-width: 60px;
    text-align: right;
    white-space: nowrap;

    
}

.Page.LayoutBox .Header_RightActions a,
.Page.LayoutBox .Header_RightActions a:link,
.Page.LayoutBox .Header_RightActions a:visited {
    font-weight: 700;
}

.desktop.Page.LayoutBox .Header_RightActions a:hover,
.desktop.Page.LayoutBox .Header_RightActions a:link:hover,
.desktop.Page.LayoutBox .Header_RightActions a:visited:hover {
    color: #81bc00;
}

.tablet.Page.LayoutBox .Header_RightActions,
.phone.Page.LayoutBox .Header_RightActions {
    padding-right: 20px;
}

.BoxCenteredContent {
    margin: 50px auto 0;
    max-width: 540px;
    padding: 0 20px;
}

.BoxCenteredContent .Title {
    color: #54565b;
    display: block;
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 10px;
}

.BoxCenteredContent .SubTitle {
    color: #808185;
    display: block;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 25px;
}

.BoxCenteredContent .MainContent {
    background: #fff;
    border: 1px solid rgba(194,194,194,.31);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.03);
    min-height: 550px;
    overflow: hidden;
    padding: 25px 30px 50px;
}

.BoxCenteredContent .MainContent .Separator {
    margin: 30px -30px;
}

.Page.LayoutBox .Footer {
    background: transparent;
    text-align: center;
}

/* Structure > Layout Dashboard */
.Dashboard .TopContainer .NavigationBar_wrapper a {
    color: #b7b7b9;
    font-size: 20px;
    font-weight: bold;
    line-height: 27px;
    margin-right: 20px;
    padding: 5px 2px;
}

.tablet .Dashboard .TopContainer .NavigationBar_wrapper a {
    font-size: 14px;
    margin-right: 10px;
    padding: 0;
}

.phone .Dashboard .TopContainer .NavigationBar_wrapper a {
    margin-bottom: 10px;
}

.Dashboard .TopContainer .NavigationBar_wrapper a.Active {
    color: #54565b;
}

.Dashboard .TopContainer .NavigationBar_wrapper a:last-child {
    margin-right: 0;
}

.Dashboard .TopContainer .TopRight {
    margin-top: 5px;
}

.Dashboard .TopContainer .TopRight a {
    line-height: 24px;
}

.tablet .Dashboard .TopContainer .TopRight a {
    font-size: 14px;
    vertical-align: top;
}

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

/*------------------------------------------------------------*/
/* 3.1 Forms > Inputs, Selects & Textarea *********************/
/*------------------------------------------------------------*/

textarea,
select,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.Form input.ReadOnly,
.Form textarea.ReadOnly,
.Form select.ReadOnly {
    background-color: #fff;
    border: 1px solid #c2c2c2;
    color: #384142;
    font-size: 16px;
    font-weight: 400;
    padding: 0 15px;
    vertical-align: middle;
}

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"] {
    height: 40px;
    line-height: 38px;
}

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 {
    background-color: #fff;
    border: 1px solid #81bc00;
    color: #54565B;
}

select {
    height: 40px;
    line-height: 22px;
    padding: 9px 25px 9px 15px;
}

textarea,
.Form textarea,
.Form textarea.ReadOnly {
    line-height: 22px;
    padding: 10px 15px;
}

label,
.Form label {
    color: #808185;
    font-size: 14px;
    font-weight: 400;
    padding: 0 0 5px;
    vertical-align: middle;
}

/* responsive context */
.tablet input[type="text"],
.tablet input[type="password"],
.tablet input[type="datetime"],
.tablet input[type="datetime-local"],
.tablet input[type="date"],
.tablet input[type="month"],
.tablet input[type="time"],
.tablet input[type="week"],
.tablet input[type="number"],
.tablet input[type="email"],
.tablet input[type="url"],
.tablet input[type="search"],
.tablet input[type="tel"],
.tablet input[type="color"],
.tablet select,
.phone input[type="text"],
.phone input[type="password"],
.phone input[type="datetime"],
.phone input[type="datetime-local"],
.phone input[type="date"],
.phone input[type="month"],
.phone input[type="time"],
.phone input[type="week"],
.phone input[type="number"],
.phone input[type="email"],
.phone input[type="url"],
.phone input[type="search"],
.phone input[type="tel"],
.phone input[type="color"],
.phone select {
    height: 40px;
}

.tablet select,
.phone select {
    line-height: 22px;
}

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

.Form input.ReadOnly:not(.Not_Valid),
.Form textarea.ReadOnly:not(.Not_Valid),
.Form select.ReadOnly:not(.Not_Valid) {
    background-color: #fff;
    border: 1px solid #c2c2c2;
    color: #384142;
}

.Form textarea.ReadOnly:focus,
.Form select.ReadOnly:focus,
.Form input[type="text"].ReadOnly:focus,
.Form input[type="password"].ReadOnly:focus,
.Form input[type="datetime"].ReadOnly:focus,
.Form input[type="datetime-local"].ReadOnly:focus,
.Form input[type="date"].ReadOnly:focus,
.Form input[type="month"].ReadOnly:focus,
.Form input[type="time"].ReadOnly:focus,
.Form input[type="week"].ReadOnly:focus,
.Form input[type="number"].ReadOnly:focus,
.Form input[type="email"].ReadOnly:focus,
.Form input[type="url"].ReadOnly:focus,
.Form input[type="search"].ReadOnly:focus,
.Form input[type="tel"].ReadOnly:focus,
.Form input[type="color"].ReadOnly:focus {
    background-color: #fff;
    border: 1px solid #81bc00;
    color: #54565B;
}

.Form textarea.ReadOnly[disabled="disabled"],
.Form select.ReadOnly[disabled="disabled"],
.Form input.ReadOnly[disabled="disabled"],
textarea[disabled="disabled"],
select[disabled="disabled"],
input[disabled="disabled"] {
    background-color: #efefef;
    border: 1px solid #c2c2c2;
    color: #666;
}

/*------------------------------------------------------------*/
/* 3.3 Forms > Not Valid **************************************/
/*------------------------------------------------------------*/

.Form input.Not_Valid,
.Form textarea.Not_Valid,
.Form select.Not_Valid,
input.Not_Valid,
textarea.Not_Valid,
select.Not_Valid,
input[type="text"].Not_Valid,
input[type="password"].Not_Valid,
input[type="datetime"].Not_Valid,
input[type="datetime-local"].Not_Valid,
input[type="date"].Not_Valid,
input[type="month"].Not_Valid,
input[type="time"].Not_Valid,
input[type="week"].Not_Valid,
input[type="number"].Not_Valid,
input[type="email"].Not_Valid,
input[type="url"].Not_Valid,
input[type="search"].Not_Valid,
input[type="tel"].Not_Valid,
input[type="color"].Not_Valid {
    /* !important to ensure style on Invalid input */
    border: 1px solid #c7331f !important;
    padding: 0 15px;
}

.ValidationMessage {
    color: #c7331f;
    font-size: 10px;
    font-weight: 400;
    margin-top: 4px;
}

.Form label.MandatoryLabel:after {
    color: #7E7E7D;
    font-size: 14px;
    font-weight: 700;
}

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

/* Input Radio */
input[type="radio"] {
    background: transparent;
    border: 0;
    box-shadow: none;
    height: 22px;
    margin: 0;
    padding: 0;
    width: 22px;
}

input[type="radio"]:before {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 100%;
    box-shadow: none;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 22px;
    -webkit-transition: all 200ms ease-in;
            transition: all 200ms ease-in;
    width: 22px;
}

input[type="radio"]:checked:before {
    background: #fff;
    border: 1px solid #ccc;
}

input[type="radio"]:checked:after {
    background: #81bc00;
    border: 0;
    border-radius: 100%;
    content: "";
    display: block;
    height: 12px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    width: 12px;
}

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

/* Disabled ************************* */
input[type="radio"]:disabled:before,
input[type="radio"]:disabled:checked:before {
    background: #efefef;
    border: 1px solid #c2c2c2;
    box-shadow: inset 0 1px 5px 0 #ccc;
}

input[type="radio"]:checked:disabled:after {
    background: #ccc;
}

/* Input Checkbox  */
input[type="checkbox"] {
    background: transparent;
    border: 0;
    box-shadow: none;
    height: 28px;
    padding: 0;
    width: 28px;
}

input[type="checkbox"]:before {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 0;
    box-shadow: none;
}

input[type="checkbox"]:checked:before {
    background: #fff;
    border: 1px solid #ccc;
}

input[type="checkbox"]:after {
    border-color: #81bc00;
    border-width: 3px;
    height: 5px;
    left: 9px;
    top: 9px;
    width: 10px;
}

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

/* Disabled ************************* */
input[type="checkbox"]:disabled:before,
input[type="checkbox"]:disabled:checked:before {
    background: #efefef;
    border: 1px solid #c2c2c2;
    box-shadow: inset 0 1px 5px 0 #ccc;
}

input[type="checkbox"]:disabled:checked:after {
    border-color: #ccc;
}

.Form.form-top label {
    display: inherit;
    min-width: 160px;
}

/*------------------------------------*\
    $4. Built-in Widgets
\*-------------------------------------*/

/*------------------------------------------------------------*/
/* 4.1 Built-in Widgets > Filter Form **************************/
/*------------------------------------------------------------*/

.Filters_Wrapper {
    background: #fff;
    padding: 10px;
}

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

/*------------------------------------------------------------*/
/* 4.2 Built-in Widgets > EditableTable ************************/
/*------------------------------------------------------------*/

.EditableTable {
    background: #fff;
    border: 1px solid #dadbde;
    color: #54565b;
    padding: 0;
}

.EditableTable thead tr th {
    background: transparent;
    border-bottom: 2px solid #dadbde;
    color: #999;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    padding: 14px 10px;
}

.EditableTable thead td {
    color: #999;
    font-weight: 700;
}

.EditableTable td {
    background: #fff;
    border-color: #dadbde;
    font-size: 16px;
    font-weight: 400;
    padding: 12px 10px;
}

body .EditableTable input:not(.InEditMode),
body .EditableTable textarea:not(.InEditMode),
body .EditableTable select:not(.InEditMode) {
    color: #54565b;
}

td.RowWithAddAction {
    background: #fff;
    border: 0;
    padding: 0;
}

td.RowWithAddAction a {
    padding: 15px 0;
}

.EditableTable tbody tr:not(.RowControlGroup) td {
    border-color: #dadbde;
}

.EditableTable tbody tr.Selected td,
.desktop .EditableTable tbody tr.Selected:hover td {
    background: #f2f2f2;
    border-color: #ccc;
}

.EditableTable tr.RowControlGroup .ControlActions,
.EditableTable tr.RowControlGroup .ControlActions {
    background: #f2f2f2;
    border-color: #ccc;
    border-top: 0;
}

.EditableTable tr.RowControlGroup a {
    color: #81bc00;
}

.EditableTable tr.RowControlGroup a.SaveRowAction {
    color: #81bc00;
}

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

.EditableTable th:first-child,
.EditableTable td:first-child {
    padding-left: 20px;
}

.EditableTable th:last-child,
.EditableTable td:last-child {
    padding-right: 20px;
}

/*------------------------------------------------------------*/
/* 4.3 Built-in Widgets > TableRecords *************************/
/*------------------------------------------------------------*/

.TableRecords {
    background: #fff;
    border: 0;
    box-shadow: 0 0 6px 0 rgba(0,0,0,0.03);
    color: #54565b;
    margin: 0;
    padding: 0;
}

.TableRecords_Header {
    background: transparent;
    border-bottom: 1px solid #dadbde;
    color: #b5b6b6;
    font-size: 12px;
    font-weight: 700;
    line-height: 19px;
    padding: 15px 10px;
    text-transform: uppercase;
}

.TableRecords_OddLine,
.TableRecords_EvenLine {
    background: #fff;
    border-color: #dadbde;
    font-size: 16px;
    font-weight: 400;
    padding: 15px 10px;
    vertical-align: middle;
}

.TableRecords_OddLine,
.TableRecords_EvenLine {
    background: #fff;
    border-color: #dadbde;
    font-size: 16px;
    font-weight: 400;
    padding: 15px 10px;
    vertical-align: middle;

    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;

    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;

    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.phone .TableRecords_OddLine input[type="checkbox"],
.phone .TableRecords_EvenLine input[type="checkbox"] {
    display: inline-block;
    margin-right: 14px;
    vertical-align: bottom;
}

.TableRecords > tbody > tr:last-child .TableRecords_EvenLine,
.TableRecords > tbody > tr:last-child .TableRecords_OddLine {
    border: 0;
}

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

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

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

/*------------------------------------------------------------*/
/* 4.4 Built-in Widgets > ShowRecord & EditRecord **************/
/*------------------------------------------------------------*/

.ShowRecord_Caption,
.EditRecord_Caption {
    color: #808185;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.8;
    vertical-align: middle;
}

.ShowRecord_Value,
.EditRecord_Value {
    vertical-align: middle;
}

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

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

.Feedback_AjaxWait {
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 6px 6px 0 0;
    bottom: 0;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .2);
    color: #88bd30;
    font-size: 12px;
    height: 60px;
    padding: 16px 35px 10px;
    right: 20px;
}

.Feedback_AjaxWait .Loader {
    background: url(/Oney_Theme/img/ajax_loading.gif?6548) no-repeat;
    height: 16px;
    position: relative;
    text-indent: -9999em;
    width: 16px;
}

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

div.Feedback_Message_Info,
div.Feedback_Message_Error,
div.Feedback_Message_Success,
div.Feedback_Message_Warning {
    border: 1px solid;
    border-radius: 3px;
    box-shadow: none;
    font-size: 14px;
    font-weight: 400;
}

a.Feedback_Message_Wrapper_Close {
    font-size: 14px;
    line-height: 18px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}

a.Feedback_Message_Wrapper_Close,
.Feedback_Message_Success .Feedback_Message_Wrapper_Close:after,
.Feedback_Message_Error .Feedback_Message_Wrapper_Close:after,
.Feedback_Message_Info .Feedback_Message_Wrapper_Close:after,
.Feedback_Message_Warning .Feedback_Message_Wrapper_Close:after {
    color: inherit;
    opacity: 1;
}

.Feedback_Message_Success:before,
.Feedback_Message_Error:before,
.Feedback_Message_Info:before,
.Feedback_Message_Warning:before {
    color: #fff;
    opacity: .9;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}

div.Feedback_Message_Success {
    background-color: #edf5df;
    border-color: #edf5df;
    color: #346b35;
}

.Feedback_Message_Success:before {
    color: #88bd30;
}

div.Feedback_Message_Error {
    background-color: #f5e7e7;
    border-color: #f5e7e7;
    color: #842810;
}

.Feedback_Message_Error:before {
    color: #f75432;
}

div.Feedback_Message_Info {
    background-color: #d9edf7;
    border-color: #d9edf7;
    color: #31708f;
}

.Feedback_Message_Info:before {
    color: #00a8e2;
}

div.Feedback_Message_Warning {
    background-color: #fcf8e3;
    border-color: #fcf8e3;
    color: #8a6d3b;
}

.Feedback_Message_Warning:before {
    color: #ffb81d;
}

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

a.ListNavigation_PageNumber:link,
span.ListNavigation_CurrentPageNumber,
span.ListNavigation_Ellipsis,
a.ListNavigation_Previous:link,
a.ListNavigation_Next:link {
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    margin: 0 0 0 5px;
    margin-bottom: 0;
    min-width: 30px;
    overflow: hidden;
    padding: 5px;
    text-align: center;
    text-shadow: none;
    vertical-align: middle;
    white-space: nowrap;
}

a.ListNavigation_PageNumber:link,
span.ListNavigation_CurrentPageNumber,
span.ListNavigation_Ellipsis,
a.ListNavigation_Previous:link,
a.ListNavigation_Next:link {
    background: transparent;
    border: 1px solid transparent;
    border-radius: 3px;
    color: #54565b;
}

a.ListNavigation_PageNumber:link:hover,
a.ListNavigation_Previous:link:hover,
a.ListNavigation_Next:link:hover {
    background: transparent;
    border-color: #88bd30;
    color: #88bd30;
}

span.ListNavigation_CurrentPageNumber {
    background: transparent;
    border-color: #88bd30;
    color: #88bd30;
}

a.ListNavigation_Previous:link,
a.ListNavigation_Next:link {
    font-size: 0;
    line-height: 1;
}

a.ListNavigation_Previous:link:before {
    content: "\f104";
}

.ListNavigation_Next:after,
.ListNavigation_DisabledNext:after {
    content: "\f105";
}

a.ListNavigation_Previous:link:before,
a.ListNavigation_Next:link:after {
    color: #54565b;
    font-size: 16px;
    line-height: 18px;
    margin: 0;
}

a.ListNavigation_Previous:link:hover:before,
a.ListNavigation_Next:link:hover:after {
    color: #88bd30;
}

.ListNavigation_Wrapper {
    display: inline-block;
}

/* List Counter */
div.Counter_Message {
    color: #54565B;
    line-height: 30px;
}

/*------------------------------------------------------------*/
/* 5.4 RichWidgets > Popup Editor *****************************/
/*------------------------------------------------------------*/
.os-internal-ui-widget-overlay {
    background: rgba(19,24,25,.4);
    opacity: 1;
}

div.os-internal-Popup .os-internal-ui-dialog,
div.os-internal-Popup.os-internal-ui-dialog {
    border-radius: 0;
}

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: transparent;
}

div.os-internal-Popup .os-internal-ui-dialog .os-internal-ui-dialog-title,
div.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-title {
    color: #54565b;
    font-size: 22px;
    font-weight: 700;
    top: 20px;
}

div.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-titlebar-close-no-title,
div.os-internal-Popup .os-internal-ui-dialog .os-internal-ui-dialog-titlebar-close,
div.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-titlebar-close {
    background: transparent;
    color: #949fa3;
    line-height: 20px;
    opacity: 1;
    text-align: center;
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transition: transform .3s ease;
            transition: transform .3s ease;
}

div.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-titlebar-close-no-title:before,
div.os-internal-Popup .os-internal-ui-dialog .os-internal-ui-dialog-titlebar-close:before,
div.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-titlebar-close:before {
    content: "\f00d";
    font-family: FontAwesome;
    font-size: 18px;
}

div.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-titlebar-close-no-title:hover,
div.os-internal-Popup .os-internal-ui-dialog .os-internal-ui-dialog-titlebar-close:hover,
div.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-titlebar-close:hover {
    color: #54565B;
    opacity: 1;
    text-decoration: none;
}

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

.Login {
    
}

.Login_background:before {
    background: rgba(0,0,0,.4);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.Login_Box {
    background-color: #fff;
    box-shadow: 0 0 3px 0 rgba(0,0,0,.15);
    height: 550px;
    margin: 0;
    padding: 25px 90px 50px;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    width: 550px;
}

.Login_Box .Login__Logo img {
    max-height: 40px;
}

.Login__Logo .LanguageMenu {
    border: 0;
    color: #54565b;
    font-size: 14px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 30px;
    top: 20px;
}

.Login__Logo .LanguageMenu .DropdownMenu {
    left: initial;
    right: 0;
}

.Login_Box .Login__Form {
    background: transparent;
    padding: 0;
}

.Login_Box .Login__Form > div {
    margin-top: 30px !important;
}

.Login_Box .Login__Form a,
.Login_Box .Login__Form a:link,
.Login_Box .Login__Form a:visited {
    font-weight: 700;
}

.Login_Box .Login__Form label {
    display: inline-block;
    padding-bottom: 10px;
}

.Login_Box .Login__Form .InfoTooltip {
    color: #c2c2c2;
    font-size: 12px;
    margin: 0 5px !important;
    vertical-align: super;
}

.Login_Footer,
.Login_Footer a,
.Login_Footer a:link,
.Login_Footer a:visited {
    color: #fff;
    font-size: 12px;
}

.Login_Footer a:hover,
.Login_Footer a:link:hover,
.Login_Footer a:visited:hover {
    color: #8bbc06;
}

/* responsive */
.phone .Login_Box {
    height: auto;
    left: 30px;
    padding: 20px;
    right: 30px;
    top: 40px;
    transform: none;
    width: auto;
}

.phone .Login__Logo {
    padding: 0;
    text-align: left;
}

.phone .Login__Logo .LanguageMenu {
    right: 20px;
}

.phone .Login__Logo .LanguageMenu .InlineDropdown_label {
    padding: 0;
}

.phone .Login__Logo .LanguageMenu .DropdownMenu {
    border: 1px solid #c6c6c6;
    box-shadow: 1px 1px 3px #c6c6c6;
    min-width: 80px;
    position: absolute;
}

.phone .Login_Box .Login__Form > div {
    margin-top: 20px !important;
}

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

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

/* SILK Patterns > Accordion */
.AccordionVertical {
    border: 0;
}

.AccordionVertical_item {
    background: transparent;
    border-top: 1px solid #c2c2c24f;
    box-shadow: none;
}

.AccordionVertical_item:first-child {
    border-top: 1px solid #c2c2c24f;
    margin: 0;
}

.AccordionVertical_item:last-child {
    border-bottom: 1px solid #c2c2c24f;
    margin: 0;
}

.AccordionVertical_item.open {
    background: #fff;
    border: 0;
    box-shadow: 0 0 6px 0 rgba(0,0,0,.03);
}

.AccordionVertical_item.open + .AccordionVertical_item {
    border-top: 0;
}

.AccordionVertical__header {
    padding: 25px 20px 25px 35px;
}

.AccordionVertical_item.open > .AccordionVertical__header {
    border-bottom: 1px solid #c2c2c24f;
}

.AccordionVertical___title {
    color: #54565b;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    vertical-align: middle;
}

.AccordionVertical___icon {
    border: 0;
}

.AccordionVertical___icon > .fa {
    border: 2px solid #dfdfdf;
    border-radius: 50%;
    color: #54565b;
    font-size: 26px;
    height: 45px;
    line-height: 45px;
    width: 45px;
}

.AccordionVertical_item.open > .AccordionVertical__header > .AccordionVertical___icon > .fa {
    border: 2px solid #dfdfdf;
    border-radius: 50%;
    font-size: 30px;
    height: 45px;
    line-height: 40px;
    width: 45px;
}

.AccordionVertical__content {
    color: #54565b;
    font-size: 16px;
    line-height: 19px;
    padding: 0 20px 0 35px;

    
}

.AccordionVertical_item.open > .AccordionVertical__content {
    border: 0;
    padding: 20px 20px 50px 35px;
}

/* SILK Patterns > Alert */
.Alert {
    border: 1px solid;
    font-size: 14px;
    font-weight: 400;
}

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

.Alert.Info span.fa {
    color: #00a8e2;
    opacity: 1;
}

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

.Alert.Success span.fa {
    color: #88bd30;
    opacity: 1;
}

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

.Alert.Error span.fa {
    color: #f75432;
    opacity: 1;
}

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

.Alert.Warning span.fa {
    color: #ffb81d;
    opacity: 1;
}

/* SILK Patterns > Balloon */
.Balloon {
    background-color: #fff;
    border: 1px solid #dadbde;
    border-radius: 3px;
    box-shadow: 0 1px 3px 0 rgba(212,212,212,.5);
    color: #54565b;
    font-size: 16px;
}

.Balloon_content {
    padding: 15px 20px;
}

/* SILK Patterns > BlankSlate */
.Blank {
    border: 1px dashed #d0d0d0;
    border-radius: 6px;
}

/* SILK Patterns > Box */
.Box {
    margin: 10px 0;
    padding: 10px;
}

/* SILK Patterns > Bullets */


/* SILK Patterns > ButtonsArea */


/* SILK Patterns > Cards */
.Card {
    background-color: #fff;
    border: 1px solid #ccc;
    color: #54565b;
    padding: 20px;
}

.Card .Card_Title.Heading3 {
    color: #54565B;
}

.CardLeftImage {
    padding: 10px;
}

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

.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    color: #88bd30;
}

.owl-theme .owl-controls .owl-page span {
    background-color: #bdc5c7;
    opacity: 1;
}

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

/* SILK Patterns > Info */


/* SILK Patterns > Modal */
body.ModalOpened .ModalBackground {
    background-color: rgba(19,24,25,.4);
}

.ModalContainer {
    text-align: left;
}

.ModalContainer .Heading1 {
    font-size: 26px;
    line-height: 32px;
    padding-bottom: 18px;
    position: relative;
}

.ModalContainer .Heading1:after {
    background: #dfdfdf;
    content: "";
    height: 1px;
    left: -20px;
    position: absolute;
    right: -20px;
    top: 100%;
}

.ModalActions {
    text-align: right;
}

.ModalMessage {
    font-size: 16px;
    line-height: 22px;
}

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

.Panel_header,
.Panel_footer {
    border-color: #dadbde;
    padding: 20px;
}

.Panel_footer {
    border-style: dashed;
}

.Panel_content {
    padding: 15px 20px;
}

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

.Post__date {
    font-size: 12px;
    line-height: 18px;
}

.Post__label {
    color: #54565B;
    font-size: 16px;
    line-height: 22px;
}

.Post__description {
    font-size: 14px;
    line-height: 20px;
    margin-top: 10px;
}

/* SILK Patterns > Section */
.Section {
    margin-top: 50px;
}

.Section_header {
    border: 0;
    padding: 20px 0;
}

.Section__title.Heading2 {
    color: #384142;
}

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

.SectionExpandable_header {
    border: 0;
    padding: 10px 20px;
}

.SectionExpandable__title.Heading2 {
    color: #54565b;
    font-size: 16px;
    line-height: 20px;
}

.SectionExpandable__icon.Heading2 .fa {
    border: 1px solid #dfdfdf;
    border-radius: 50%;
    font-size: 16px;
    height: 30px;
    line-height: 28px;
    text-align: center;
    width: 30px;
}

.SectionExpandable.expanded .SectionExpandable__icon .fa {
    border: 1px solid #dfdfdf;
}

.SectionExpandable_content {
    font-size: 14px;
    padding: 0 20px;
}

.SectionExpandable.expanded .SectionExpandable_content {
    padding: 10px 20px 30px;
}

/* SILK Patterns > Separator */


/* SILK Patterns > Tooltip */
.tooltip_style {
    background-color: #fff;
    border: 1px solid #dadbde;
    border-radius: 3px;
    box-shadow: 0 1px 3px 0 rgba(212,212,212,.5);
    color: #54565b;
    font-size: 16px;
}

.tooltip_style .tooltipster-content {
    font-size: 16px;
    padding: 15px 20px;
}

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

/* SILK Patterns > ButtonGroup */
.ButtonGroup_button.Button {
    background: transparent;
    border-color: #88bd30;
    color: #88bd30;
    font-size: 16px;
    font-weight: 400;
    min-width: 60px;
}

.ButtonGroup_button.Button * {
    color: #88bd30;
}

.ButtonGroup_button.Button.active {
    background: #88bd30;
    border-color: #88bd30;
    color: #fff;
    font-weight: 700;
}

.desktop .ButtonGroup_button.Button:hover {
    background: #88bd30;
    border-color: #88bd30;
    color: #fff;
}

.ButtonGroup_button.Button.active *,
.desktop .ButtonGroup_button.Button:hover * {
    color: #fff;
}

.ButtonGroup_button.Button.disabled,
.ButtonGroup_button.Button.disabled:hover {
    background-color: #a1a1a1;
    border-color: #ccc;
    color: #dadbde;
    cursor: not-allowed;
}

/* Button Group Radius */
.ButtonGroup_button.Button:first-child {
    border-radius: 3px 0 0 3px;
}

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

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

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

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

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

/* SILK Patterns > Calendar */
.pika-single {
    color: #54565b;
    font-size: 14px;
    line-height: 20px;
}


.pika-title .pika-label + .pika-label {
    font-weight: 400;
}

.pika-table th {
    color: #8b8b8b;
    font-size: 14px;
    opacity: 1;
}

.pika-table th abbr {
    text-decoration: none;
}

.pika-button {
    color: #54565B;
    font-size: 14px;
    line-height: 40px;
}

.is-today .pika-button {
    background-color: #54565b;
    color: #fff;
}

.pika-button:hover,
.is-selected .pika-button {
    background: #81bc00;
    color: #fff;
}

.is-disabled .pika-button {
    background-color: #eee;
    color: #666;
    opacity: .3 !important;
}

.is-outside-current-month .pika-button {
    background-color: #f2f2f2;
    border-color: #f2f2f2;
    opacity: .5;
}

.has-event .pika-button:after {
    background-color: #81bc00;
}

.is-selected.has-event .pika-button:after,
.is-selected.is-today.has-event .pika-button:after {
    background-color: #fff;
}

.Calendar-bottomBar-today,
.triggerTime,
.triggerTimeBack {
    border: 1px solid #fff;
    color: #54565b;
    opacity: 1;
}

.Calendar-day:hover,
.Calendar-bottomBar-today:hover,
.triggerTime:hover,
.triggerTimeBack:hover {
    background: #81bc00;
    color: #fff;
}

/* popup calendar */
.is-bound .pika-lendar {
    max-width: 280px;
}

.pika-single.is-bound .pika-button {
    line-height: 24px;
}

/* SILK Patterns > Dropdown */
.ButtonDropdown_button.Button,
.IconDropdown_button.Button,
.desktop .ButtonDropdown_button.Button:hover,
.desktop .IconDropdown_button.Button:hover {
    background-color: #fff;
    border: 1px solid #c2c2c2;
    color: #c2c2c2;
    font-weight: 400;
    padding: 0 5px 0 15px;
}

.ButtonDropdown_icon,
.IconDown {
    color: #81bc00;
    padding-left: 8px;
}

.DropdownMenu .PH > a {
    color: #81bc00;
    padding: 5px 15px;
}

/* SILK Patterns > FileUpload */
.FileUpload_Label {
    line-height: 40px;
    vertical-align: middle;
}

/* SILK Patterns > InputWithIcons */
.InputWithIcons .InputIcon {
    background: transparent;
    color: #54565b;
    height: 38px;
    line-height: 40px;
}

.InputWithIcons .InputIcon:before {
    border-right: 1px solid #dfdfdf;
    bottom: 10px;
    content: "";
    position: absolute;
    right: 0;
    top: 10px;
}

.InputWithIcons.Right .InputIcon:before {
    left: 0;
    right: auto;
}

/* SILK Patterns > RangeSlider */
.SliderRange {
    background: transparent;
    border: none;
    border-radius: 25px;
    box-shadow: none;
    height: 16px;
}

.SliderRange .noUi-origin {
    background: #dadbde;
    border-radius: 0 25px 25px 0;
    height: 100%;
}

.SliderRange .noUi-base {
    background: #88bd30;
    border-radius: 25px;
}

.SliderRange .noUi-handle {
    background: #fff;
    border-radius: 30px;
    box-shadow: 0 1px 3px rgba(107, 107, 107, .3);
    height: 30px;
    top: -8px;
    width: 30px;
}

.SliderRange .noUi-handle:before {
    height: 12px;
    left: 9px;
    margin-left: 0;
    top: 8px;
}

.SliderRange .noUi-handle:after {
    height: 12px;
    left: 13px;
    top: 8px;
    width: 2px;
}

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

.Slider_minvalue,
.Slider_maxvalue,
.Slider_currentvalue,
.Slider_currentvalue2 {
    color: #9b9b9b;
    font-size: 14px;
    font-weight: 300;
}

/* SILK Patterns > Search */
.Search_wrapper input[type="text"] {
    border: 1px solid #c2c2c2;
    border-radius: 0;
    box-shadow: none;
    height: 40px;
    line-height: 40px;
}

.Search_wrapper:after {
    font-size: 20px;
    left: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}

/* SILK Patterns > Select2 */
.select2-container .select2-choice {
    background: #fff;
    border: 1px solid #c2c2c2;
    border-radius: 2px;
    box-shadow: none;
    font-size: 16px;
    font-weight: 400;
    height: 40px;
    line-height: 40px;
}

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

.select2-container .select2-choice .select2-arrow,
.select2-container .select2-choice div {
    background: transparent;
    border: 0;
    line-height: 36px;
    width: 30px;
}

.select2-container .select2-choice .select2-arrow b,
.select2-container .select2-choice div b {
    display: none;
}

.select2-container .select2-choice .select2-arrow:before {
    color: #88bd30;
    content: "\f0d7";
    display: block;
    font-family: FontAwesome;
    font-size: 18px;
    height: 38px;
    line-height: 40px;
    text-align: center;
    width: 30px;
}

.select2-container.select2-container-active .select2-choice .select2-arrow:before {
    color: #cfd8dc;
}

.select2-drop {
    border: 1px solid #dadbde;
    border-radius: 0 0 3px 3px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    padding: 0;
}

.select2-search {
    padding: 5px 5px 0;
    position: relative;
}

.select2-search input {
    background: #fff;
    border: 1px solid #c2c2c2;
    border-radius: 2px;
    font-size: 14px;
    height: 30px !important;
    line-height: 30px;
    padding: 0 10px 0 32px;
}

.select2-search input:focus {
    border: 0 !important;
}

.select2-search:after {
    color: #ccc;
    content: "\f002";
    font-family: FontAwesome;
    font-size: 12px;
    left: 12px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}

.select2-results {
    margin: 0;
    padding: 5px;
}

.select2-results li {
    color: #2e3e53;
    padding: 14px 10px 10px;
}

.select2-results .select2-result-label {
    line-height: 1;
    min-height: initial;
    padding: 0;
}

.select2-results .select2-highlighted {
    background-color: #88bd30;
    color: #fff;
}

/* Multi Select */
.select2-container-multi .select2-choices {
    border: 1px solid #eceff1;
    border-radius: 2px;
    padding: 4px 10px;
}

.select2-container-multi .select2-choices .select2-search-choice {
    background-color: #e4e4e4;
    border: 0;
    border-radius: 3px;
    color: #54565b;
    font-size: 14px;
    line-height: 20px;
    margin: 4px 8px 4px 0;
    padding: 0 12px 0 18px;
}

.select2-container-multi .select2-search-choice-close {
    background: transparent;
    height: 10px;
    left: 6px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 10px;
}

.select2-container-multi .select2-search-choice-close:before {
    color: #79868a;
    content: "\f00d";
    font-family: FontAwesome;
    font-size: 12px;
    left: 0;
    line-height: 10px;
    position: absolute;
    top: 0;
}

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

.ToggleButton.changed {
    background-color: #88bd30;
}

.ToggleButton_label:after,
.ToggleButton_label.changed:after {
    border-color: #dadbde;
    border-radius: 40px;
    box-shadow: none;
    top: 6px;
}

.ToggleButton_label.changed:after {
    border-color: #88bd30;
}

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

/* SILK Patterns > Badge */
.Badge {
    border-radius: 0;
    font-size: 11px;
    line-height: 18px;
    padding: 1px 2px;
}

/* SILK Patterns > Counters */
.Counter {
    background: #fff;
    border: 1px solid #dadbde;
    border-radius: 0;
    box-shadow: 0 1px 3px 0 rgba(212,212,212,.5);
    color: #54565b;
}

.Counter_number {
    font-weight: 700;
}

.Counter_label {
    color: #b5b6b6;
}

/* Counter: Small ******** */
.Counter.Small .Counter_number {
    top: 4px;
}

.Counter.Small .Counter_label {
    font-size: 12px;
    padding-top: 2px;
}

/* Counter: Medium ******** */
.Counter.Auto .Counter_number,
.Counter.Medium .Counter_number {
    font-size: 26px;
    top: 7px;
}

.Counter.Auto .Counter_label,
.Counter.Medium .Counter_label {
    font-size: 14px;
    padding-top: 5px;
}

/* Counter: Large ******** */
.Counter.Large {
    height: 190px;
}

.Counter.Large .Counter_number {
    top: 48%;
}

.Counter.Large .Counter_label {
    padding-top: 8%;
}

/* SILK Patterns > IconBadge */
.IconBadge_number {
    background: #88bd30;
    border: 0;
    border-radius: 0;
}

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

.Progress_bar {
    border-radius: 40px;
}

.Progress.Small {
    height: 10px;
}

/* SILK Patterns > Tiles */
.Tile {
    background: #fff;
    border: 1px solid #dadbde;
    color: #384142;
}

/* Tile: Small ******** */
.Tile.Small,
.Tile.Small .TileIcon_icon,
.Tile.Small .TileIconText_icon,
.Tile.Small .TileNumber_number {
    font-size: 32px;
}

.Tile.Small .TileIcon_text,
.Tile.Small .TileIconText_right,
.Tile.Small .TileNumber_text {
    color: #808185;
    font-size: 16px;
}

/* Tile: Medium ******** */
.Tile,
.Tile.Medium {
    min-height: 180px;
}

.TileIcon_icon,
.TileIconText_icon,
.TileNumber_number,
.Tile.Medium .TileIcon_icon,
.Tile.Medium .TileIconText_icon,
.Tile.Medium .TileNumber_number {
    font-size: 60px;
}

.TileIcon_text,
.TileIconText_right,
.TileNumber_text,
.Tile.Medium .TileIcon_text,
.Tile.Medium .TileIconText_right,
.Tile.Medium .TileNumber_text {
    color: #808185;
    font-size: 20px;
}

/* Tile: Large ******** */
.Tile.Large {
    min-height: 220px;
}

.Tile.Large .TileIcon_icon,
.Tile.Large .TileIconText_icon,
.Tile.Large .TileNumber_number {
    font-size: 88px;
}

.Tile.Large .TileIcon_text,
.Tile.Large .TileIconText_right,
.Tile.Large .TileNumber_text {
    color: #808185;
    font-size: 28px;
}

/* SILK Patterns > User Initials */
.UserInitials,
.UserInitials.Small {
    height: 26px;
    line-height: 26px;
    position: relative;
    width: 26px;
}

.UserInitials span,
.UserInitials.Small span {
    font-size: 10px;
    left: 0;
    line-height: 1;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}

/* UserInitials: Medium ******** */
.UserInitials.Medium {
    height: 44px;
    line-height: 44px;
    width: 44px;
}

.UserInitials.Medium span {
    font-size: 16px;
    line-height: 1;
}

/* UserInitials: Large ******** */
.UserInitials.Large {
    height: 84px;
    line-height: 84px;
    width: 84px;
}

.UserInitials.Large span {
    font-size: 32px;
    line-height: 1;
}

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

/* SILK Patterns > Layout Popup */
.MainPopup {
    background: #fff;
    padding: 30px 20px;
}

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

/* SILK Patterns > Breadcrumbs */
.Breadcrumbs {
    color: #808185;
    font-size: 16px;
}

.Breadcrumbs a,
.Breadcrumbs a:link,
.Breadcrumbs a:visited {
    color: #81bc00;
}

.desktop .Breadcrumbs a:hover,
.desktop .Breadcrumbs a:link:hover,
.desktop .Breadcrumbs a:visited:hover {
    color: #54565b;
}

.Breadcrumbs .fa {
    color: #808185;
    margin: 0 2px 0 3px;
}

/* SILK Patterns > NavigationBar */
.NavigationBar a,
.NavigationBar a:link,
.NavigationBar a:visited {
    color: #b5b6b6;
    font-size: 14px;
    font-weight: 700;
    margin: 0;
    padding: 8px 20px;
}

.phone .noSwipe .NavigationBar a,
.phone .noSwipe .NavigationBar a:link,
.phone .noSwipe .NavigationBar a:visited {
    display: block;
    margin: 0 auto;
    text-align: center;
    width:80%;
}

/* Small Triangle */
.NavigationBar a.Active:not(.ie7):before,
.NavigationBar a.Active:not(.ie8):before {
    display: none;
}

.NavigationBar a:after,
.NavigationBar a:link:after {
    background: transparent;
    height: 2px;
}

.NavigationBar a.Active {
    color: #54565b;
}

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

.desktop .NavigationBar a:hover,
.desktop .NavigationBar a:link:hover {
    color: #54565b;
}

.desktop .NavigationBar a:hover:after,
.desktop .NavigationBar a:link:hover:after {
    background: #81bc00;
}

/* SILK Patterns > SectionIndex */
.SectionIndex a,
.SectionIndex a:link,
.SectionIndex a:visited {
    border-left: 2px solid #dfdfdf;
    color: #54565b;
    font-size: 14px;
    font-weight: 700;
    margin: 0 0 4px;
    padding: 8px 10px;
}

.SectionIndex a.active,
.SectionIndex a:hover,
.SectionIndex.vertical a.active,
.SectionIndex.vertical  a:hover {
    border-color: #81bc00;
    color: #54565b;
}

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

.Tabs_header {
    background: transparent;
    display: block;
}

.Tabs__tab {
    background: transparent;
    border: 0;
    border-bottom: 2px solid transparent;
    color: #54565b;
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    margin-left: 30px;
    opacity: .4;
    padding: 10px 5px;
}

.Tabs__tab:first-child {
    margin-left: 0;
}

.Tabs__tab:hover {
    background: transparent;
    opacity: 1;
}

.Tabs__tab.active {
    background: transparent;
    border-bottom: 2px solid #81bc00;
    opacity: 1;
}

.Tabs_body {
    padding: 20px 0 0;
}

/* removed because in the sample page we don't use background on the content
.Tabs__content {
    background-color: #fff;
    border: 1px solid rgba(194,194,194,.31);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.03);
    padding: 25px 20px;
}*/

.phone .Tabs__tab,
.tablet .Tabs__tab {
    width: auto;
}

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

.WizardStep {
    background: transparent;
    border-bottom: 2px solid #dfdfdf;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    padding: 0 20px 20px;
}

.WizardStep a,
.WizardStep a:link,
.WizardStep a:visited {
    color: #b5b6b6;
    line-height: 1.3;
}

.WizardStep:before,
.WizardStep:after {
    display: none;
}

.WizardStep.Past {
    background: transparent;
    border-bottom: 2px solid #b5b6b6;
}

.WizardStep.Past a,
.WizardStep.Past a:link,
.WizardStep.Past a:visited {
    color: #b5b6bc;
}

.WizardStep.ActiveStep {
    background: transparent;
    border-bottom: 2px solid #81bc00;
}

.WizardStep.ActiveStep a,
.WizardStep.ActiveStep a:link,
.WizardStep.ActiveStep a:visited {
    color: #54565b;
}

.desktop .WizardStep a:hover,
.desktop .WizardStep a:link:hover,
.desktop .WizardStep a:visited:hover {
    color: #81bc00;
}

/*------------------------------------------------------------*/
/* SILK Patterns > Structure **********************************/
/*------------------------------------------------------------*/

/* SILK Patterns > Columns */
.Columns2,
.Columns3,
.Columns4,
.Columns5,
.Columns6,
.MediumLeftColumns,
.MediumRightColumns,
.SmallLeftColumns,
.SmallRightColumns {
    margin: 0 -5px !important; /* to ensure removing first and last child gutter on the columns */
    width: auto;
}

.Columns2 > .Column,
.Columns3 > .Column,
.Columns4 > .Column,
.Columns5 > .Column,
.Columns6 > .Column,
.MediumLeftColumns > .Column,
.MediumRightColumns > .Column,
.SmallLeftColumns > .Column,
.SmallRightColumns > .Column {
    padding: 0 5px !important; /* to ensure gutter of the columns */
}

.desktop .Columns,
.desktop .Columns.MarginBottom {
    margin: 0; /* remove margin from Columns only on desktop */
}

/* SILK Patterns > Gallery */
.Gallery .GalleryWrapper {
    margin-bottom: -10px;
    margin-left: -10px;
}

.Gallery .GalleryItem {
    margin-bottom: 10px;
    padding-left: 10px;
}

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

tbody tr.Canceled td{
    background-color: rgba(226,225,225,0.2);
}

.RemoveBorderRadius{
    border-radius: 0 !important;
}

.RemoveBorders{
    border: none !important;
}

.RemoveBorderLeft{
    border-left: none !important;
}

.RemoveBorderRight{
    border-right: none !important;
}

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

.Heading1,
.Heading2,
.Heading3,
.Heading4 {
    font-family: Arial, Helvetica, sans-serif;
}

.Heading1 {
    font-size: 32px;
    font-weight: 700;
    line-height: 38px;
}

.Heading2 {
    font-size: 24px;
    font-weight: 700;
    line-height: 20px;
}

.Heading3 {
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
}

.Heading4 {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}

.Text_Error {
    color: #c7331f;
}

.Note {
    color: #888;
}

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

.Label {
    background-color: #e2e1e1;
    color: #54565b;
    font-size: 14px;
    font-weight: bold;
    padding: 6px 15px;
    text-align: center;
    text-transform: uppercase;
}

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

.Button,
a.Button {
    background: transparent;
    border: 1px solid #88bd30;
    border-radius: 0;
    color: #88bd30;
    font-size: 16px;
    font-weight: 700;
    height: 40px;
    line-height: 40px;
    min-width: 100px;
    -webkit-transition: all 100ms ease;
            transition: all 100ms ease;
    vertical-align: middle;
    white-space: nowrap;
}

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

.desktop .Button:hover,
.desktop a.Button:hover {
    background-color: transparent;
    border-color: #88bd30;
    color: #88bd30;
}

.Button:hover:active,
a.Button:hover:active {
    background-color: transparent;
    border-color: #88bd30;
    color: #88bd30;
}

/* Usefull Classes > Default Action Button */
.Button.ButtonDefault,
.Button.Is_Default {
    background-color: #81bc00;
    border-color: #81bc00;
    color: #fff;
}

.desktop .Button.ButtonDefault:hover,
.desktop .Button.Is_Default:hover {
    background-color: #6fa200;
    border-color: #6fa200;
    color: #fff;
}

.Button.ButtonDefault:hover:active,
.Button.Is_Default:hover:active {
    background-color: #588100;
    border-color: #588100;
    color: #fff;
}

/* Scaffolding buttons */
a.ActionAdd,
a.ActionAdd:link,
a.ActionAdd:visited,
a.ActionEdit,
a.ActionEdit:link,
a.ActionEdit:visited,
a.ActionDelete,
a.ActionDelete:link,
a.ActionDelete:visited,
a.ActionChange,
a.ActionChange:link,
a.ActionChange:visited {
    background-color: #81bc00;
    border: 1px solid #88bd30;
    border-color: #81bc00;
    border-radius: 0;
    box-shadow: none;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    height: 40px;
    line-height: 40px;
    min-width: 100px;
    padding: 0 15px;
    text-align: center;
    -webkit-transition: all 100ms ease;
            transition: all 100ms ease;;
}

.desktop a.ActionAdd:hover,
.desktop a.ActionAdd:hover:visited,
.desktop a.ActionAdd:link:hover,
.desktop a.ActionEdit:hover,
.desktop a.ActionEdit:link:hover,
.desktop a.ActionEdit:link:visited,
.desktop a.ActionDelete:hover,
.desktop a.ActionDelete:hover:visited,
.desktop a.ActionDelete:link:hover,
.desktop a.ActionChange:hover,
.desktop a.ActionChange:hover:visited,
.desktop a.ActionChange:link:hover {
    background-color: #6fa200;
    border-color: #6fa200;
    color: #fff;
}

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

/* Usefull Classes > Other buttons */
.Button.Cancel {
    background-color: #7e7e7d;
    border-color: #7e7e7d;
    color: #fff;
}

.desktop .Button.Cancel:hover {
    background-color: #54565b;
    border-color: #54565b;
    color: #fff;
}

.Button.Cancel:hover:active {
    background-color: #54565b;
    border-color: #54565b;
    color: #fff;
}

.Button.DarkCancel {
    background-color: #54565b;
    border-color: #54565b;
    color: #fff;
}

.desktop .Button.DarkCancel:hover {
    background-color: #3f4042;
    border-color: #3f4042;
    color: #fff;
}

.Button.DarkCancel:hover:active {
    background-color: #3f4042;
    border-color: #3f4042;
    color: #fff;
}

.Button.Success {
    background-color: #00a8e2;
    border-color: #00a8e2;
    color: #fff;
}

.desktop .Button.Success:hover {
    background-color: #0099ce;
    border-color: #0099ce;
    color: #fff;
}

.Button.Success:hover:active {
    background-color: #007da8;
    border-color: #007da8;
    color: #fff;
}

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

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

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

.Button.Link {
    background-color: transparent;
    border-color: transparent;
    color: #81bc00;
}

.desktop .Button.Link:hover {
    background-color: transparent;
    border-color: #81bc00;
    color: #81bc00;
}

a.Button.Link:active,
.Button.Link:active {
    background-color: transparent;
    border-color: #81bc00;
    color: #81bc00;
}

.Button.Small,
.Panel__Actions .Button,
.Section_Actions .Button {
    font-size: 14px;
    height: 30px;
    line-height: 28px;
    min-width: 60px;
    padding: 0 10px;
}

.Button.Big {
    font-size: 18px;
    height: 50px;
    line-height: 48px;
    min-width: 150px;
    padding: 0 20px;
}

.Button.Icon {
    min-width: 0;
}

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

.Button.Loading:before {
    background-image: url(/Oney_Theme/img/ajax_loading.gif?6548);
    background-size: 16px 16px;
    content: "";
    display: inline-block;
    height: 16px;
    margin-right: 5px;
    margin-top: -2px;
    vertical-align: middle;
    width: 16px;
}

.Button.Is_Default.Loading:before,
.Button.Is_Default.Loading[disabled]:before,
.Button.Is_Default.Loading:disabled:before,
.Button.ButtonDefault.Loading:before,
.Button.ButtonDefault.Loading[disabled]:before,
.Button.ButtonDefault.Loading:disabled:before,
.Button.Loading[disabled]:before,
.Button.Loading:disabled:before {
    background-image: url(/WebPatterns/img/loading_lisbon_white.gif?6286);
}

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

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

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

/* Disabled Buttons */
.Button[disabled],
.Button:disabled,
.Button.Is_Default[disabled],
.Button.ButtonDefault[disabled],
.Button.Is_Default:disabled,
.Button.ButtonDefault:disabled,
.Button.Danger[disabled],
.Button.Danger:disabled,
.Button.Success[disabled],
.Button.Success:disabled,
.Button.Cancel[disabled],
.Button.Cancel:disabled {
    background-color: #a1a1a1;
    border: 1px solid #a1a1a1;
    color: #dadbde;
    cursor: not-allowed;
}

.Button.Link[disabled],
.Button.Link:disabled {
    background-color: transparent;
    border-color: transparent;
    color: #79868a;
}

.desktop .Button.Is_Default[disabled]:hover,
.desktop .Button.Is_Default:disabled:hover,
.desktop .Button[disabled]:hover,
.desktop .Button:disabled:hover,
.desktop .Button.Cancel[disabled]:hover,
.desktop .Button.Cancel:disabled:hover,
.desktop .Button.Danger[disabled]:hover,
.desktop .Button.Danger:disabled:hover,
.desktop .Button.Success[disabled]:hover,
.desktop .Button.Success:disabled:hover {
    background-color: #a1a1a1;
    border: 1px solid #a1a1a1;
    color: #dadbde;
    cursor: not-allowed;
}

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

.Black {
    background-color: #3b3c3d;
    color: #fff;
}

.Blue {
    background-color: #00a8e2;
    color: #fff;
}

.DarkBlue {
    background-color: #002b49;
    color: #fff;
}

.DarkPlum {
    background-color: #6f1d46;
    color: #fff;
}

.DarkRed {
    background-color: #c93516;
    color: #fff;
}

.Gray {
    background-color: #717275;
    color: #fff;
}

.Green {
    background-color: #88bd30;
    color: #fff;
}

.LightGreen {
    background-color: #afd471;
    color: #fff;
}

.Orange {
    background-color: #ff8400;
    color: #fff;
}

.Plum {
    background-color: #6f1d46;
    color: #fff;
}

.Red {
    background-color: #f75432;
    color: #fff;
}

.Silver {
    background-color: #e2e1e1;
    color: #3b3c3d;
}

.Turquoise {
    background-color: #64d0e4;
    color: #fff;
}

.White {
    background-color: #fff;
    color: #3b3c3d;
}

.Yellow {
    background-color: #ffb81d;
    color: #fff;
}

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

.Page .Text_black {
    color: #3b3c3d;
}

.Page .Text_blue {
    color: #00a8e2;
}

.Page .Text_darkblue {
    color: #002b49;
}

.Page .Text_darkplum {
    color: #6f1d46;
}

.Page .Text_darkRed {
    color: #c93516;
}

.Page .Text_gray {
    color: #7E7E7D;
}

.Page .Text_green {
    color: #88bd30;
}

.Page .Text_lightGreen {
    color: #afd471;
}

.Page .Text_orange {
    color: #ff8400;
}

.Page .Text_plum {
    color: #6f1d46;
}

.Page .Text_red {
    color: #f75432;
}

.Page .Text_silver {
    color: #e2e1e1;
}

.Page .Text_turquoise {
    color: #64d0e4;
}

.Page .Text_white {
    color: #fff;
}

.Page .Text_yellow {
    color: #ffb81d;
}

/* Label Colors*/
.Label.Black {
    background: transparent;
    border-color: #3b3c3d;
    color: #3b3c3d;
}

.Label.Blue {
    background: transparent;
    border-color: #00a8e2;
    color: #00a8e2;
}

.Label.DarkBlue {
    background: transparent;
    border-color: #002b49;
    color: #002b49;
}

.Label.DarkPlum {
    background: transparent;
    border-color: #6f1d46;
    color: #6f1d46;
}

.Label.DarkRed {
    background: transparent;
    border-color: #c93516;
    color: #c93516;
}

.Label.Gray {
    background: transparent;
    border-color: #717275;
    color: #717275;
}

.Label.Green {
    background: #e9f5d6;
    border-color: #e9f5d6;
    color: #88bd30;
}

.Label.LightGreen {
    background: transparent;
    border-color: #afd471;
    color: #afd471;
}

.Label.Orange {
    background: #fdebe2;
    border-color: #fdebe2;
    color: #ec661e;
}

.Label.Plum {
    background: transparent;
    border-color: #6f1d46;
    color: #6f1d46;
}

.Label.Red {
    background: transparent;
    border-color: #f75432;
    color: #f75432;
}

.Label.Silver {
    background: transparent;
    border-color: #e2e1e1;
    color: #e2e1e1;
}

.Label.Turquoise {
    background: transparent;
    border-color: #64d0e4;
    color: #64d0e4;
}

.Label.White {
    background: transparent;
    border-color: #fff;
    color: #fff;
}

.Label.Yellow {
    background: transparent;
    border-color: #ffb81d;
    color: #ffb81d;
}

/* Counters: Colors */
.Counter.Black {
    background: #fff;
    border-bottom: 4px solid #54565b;
    color: #fff;
}

.Counter.Blue {
    background: #fff;
    border-bottom: 4px solid #00a8e2;
    color: #54565b;
}

.Counter.DarkBlue {
    background: #fff;
    border-bottom: 4px solid #002b49;
    color: #54565b;
}

.Counter.DarkPlum {
    background: #fff;
    border-bottom: 4px solid #6a1f75;
    color: #54565b;
}

.Counter.DarkRed {
    background: #fff;
    border-bottom: 4px solid #d65f00;
    color: #54565b;
}

.Counter.Gray {
    background: #fff;
    border-bottom: 4px solid #717275;
    color: #fff;
}

.Counter.Green {
    background: #fff;
    border-bottom: 4px solid #81bc00;
    color: #54565b;
}

.Counter.LightGreen {
    background: #fff;
    border-bottom: 4px solid #81bc00;
    color: #54565b;
}

.Counter.Orange {
    background: #fff;
    border-bottom: 4px solid #ff8400;
    color: #54565b;
}

.Counter.Plum {
    background: #fff;
    border-bottom: 4px solid #6f1d46;
    color: #54565b;
}

.Counter.Red {
    background: #fff;
    border-bottom: 4px solid #d65f00;
    color: #54565b;
}

.Counter.Silver {
    background: #fff;
    border-bottom: 4px solid #e2e1e1;
    color: #54565b;
}

.Counter.Turquoise {
    background: #fff;
    border-bottom: 4px solid #64d0e4;
    color: #54565b;
}

.Counter.White {
    background: #fff;
    border-bottom: 4px solid #fff;
    color: #54565b;
}

.Counter.Yellow {
    background: #fff;
    border-bottom: 4px solid #ffb81d;
    color: #54565b;
}

/* Tiles: Colors */
.Tile.Black {
    background: #fff;
    border-bottom: 4px solid #54565b;
    color: #fff;
}

.Tile.Blue {
    background: #fff;
    border-bottom: 4px solid #00a8e2;
    color: #384142;
}

.Tile.DarkBlue {
    background: #fff;
    border-bottom: 4px solid #002b49;
    color: #384142;
}

.Tile.DarkPlum {
    background: #fff;
    border-bottom: 4px solid #6a1f75;
    color: #384142;
}

.Tile.DarkRed {
    background: #fff;
    border-bottom: 4px solid #d65f00;
    color: #384142;
}

.Tile.Gray {
    background: #fff;
    border-bottom: 4px solid #717275;
    color: #fff;
}

.Tile.Green {
    background: #fff;
    border-bottom: 4px solid #81bc00;
    color: #384142;
}

.Tile.LightGreen {
    background: #fff;
    border-bottom: 4px solid #81bc00;
    color: #384142;
}

.Tile.Orange {
    background: #fff;
    border-bottom: 4px solid #ff8400;
    color: #384142;
}

.Tile.Plum {
    background: #fff;
    border-bottom: 4px solid #6f1d46;
    color: #384142;
}

.Tile.Red {
    background: #fff;
    border-bottom: 4px solid #d65f00;
    color: #384142;
}

.Tile.Silver {
    background: #fff;
    border-bottom: 4px solid #e2e1e1;
    color: #384142;
}

.Tile.Turquoise {
    background: #fff;
    border-bottom: 4px solid #64d0e4;
    color: #384142;
}

.Tile.White {
    background: #fff;
    border-bottom: 4px solid #fff;
    color: #384142;
}

.Tile.Yellow {
    background: #fff;
    border-bottom: 4px solid #ffb81d;
    color: #384142;
}

/* UserInitials: Colors */
.UserInitials.Black {
    background: transparent;
    border: 2px solid #54565b;
    color: #54565b;
}

.UserInitials.Blue {
    background: transparent;
    border: 2px solid #00a8e2;
    color: #00a8e2;
}

.UserInitials.DarkBlue {
    background: transparent;
    border: 2px solid #002b49;
    color: #002b49;
}

.UserInitials.DarkPlum {
    background: transparent;
    border: 2px solid #6a1f75;
    color: #6a1f75;
}

.UserInitials.DarkRed {
    background: transparent;
    border: 2px solid #d65f00;
    color: #d65f00;
}

.UserInitials.Gray {
    background: transparent;
    border: 2px solid #717275;
    color: #717275;
}

.UserInitials.Green {
    background: transparent;
    border: 2px solid #81bc00;
    color: #81bc00;
}

.UserInitials.LightGreen {
    background: transparent;
    border: 2px solid #81bc00;
    color: #81bc00;
}

.UserInitials.Orange {
    background: transparent;
    border: 2px solid #ff8400;
    color: #ff8400;
}

.UserInitials.Plum {
    background: transparent;
    border: 2px solid #6f1d46;
    color: #6f1d46;
}

.UserInitials.Red {
    background: transparent;
    border: 2px solid #d65f00;
    color: #d65f00;
}

.UserInitials.Silver {
    background: transparent;
    border: 2px solid #e2e1e1;
    color: #e2e1e1;
}

.UserInitials.Turquoise {
    background: transparent;
    border: 2px solid #64d0e4;
    color: #64d0e4;
}

.UserInitials.White {
    background: transparent;
    border: 2px solid #fff;
    color: #fff;
}

.UserInitials.Yellow {
    background: transparent;
    border: 2px solid #ffb81d;
    color: #ffb81d;
}

/* IconCircle: Colors */
.IconCircle.Black {
    background: transparent;
    border-color: #54565b;
    color: #54565b;
}

.IconCircle.Blue {
    background: transparent;
    border-color: #00a8e2;
    color: #00a8e2;
}

.IconCircle.DarkBlue {
    background: transparent;
    border-color: #002b49;
    color: #002b49;
}

.IconCircle.DarkPlum {
    background: transparent;
    border-color: #6a1f75;
    color: #6a1f75;
}

.IconCircle.DarkRed {
    background: transparent;
    border-color: #d65f00;
    color: #d65f00;
}

.IconCircle.Gray {
    background: transparent;
    border-color: #717275;
    color: #717275;
}

.IconCircle.Green {
    background: transparent;
    border-color: #81bc00;
    color: #81bc00;
}

.IconCircle.LightGreen {
    background: transparent;
    border-color: #81bc00;
    color: #81bc00;
}

.IconCircle.Orange {
    background: transparent;
    border-color: #ff8400;
    color: #ff8400;
}

.IconCircle.Plum {
    background: transparent;
    border-color: #6f1d46;
    color: #6f1d46;
}

.IconCircle.Red {
    background: transparent;
    border-color: #d65f00;
    color: #d65f00;
}

.IconCircle.Silver {
    background: transparent;
    border-color: #e2e1e1;
    color: #e2e1e1;
}

.IconCircle.Turquoise {
    background: transparent;
    border-color: #64d0e4;
    color: #64d0e4;
}

.IconCircle.White {
    background: transparent;
    border-color: #fff;
    color: #fff;
}

.IconCircle.Yellow {
    background: transparent;
    border-color: #ffb81d;
    color: #ffb81d;
}

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

/* ---------- Oney Patterns > WebsiteSection ---------- */
.WebsiteSection {
    margin: 0;
    padding: 60px 0;
}

.WebsiteSection.LargePadding {
    padding: 90px 0;
}

.WebsiteSection .ThemeGrid_Container {
    
}

/* ---------- Oney Patterns > WebsiteSectionArrow ---------- */
.WebsiteSection.Arrow {
    padding: 0;
}

.WebsiteSection.Arrow .Title {
    color: #54565b;
    font-size: 26px;
    font-weight: bold;
    line-height: 31px;
    padding: 40px 0;
    position: relative;
    text-align: center;
}

.WebsiteSection.Arrow .Title:after {
    border-left: solid 100px transparent;
    border-right: solid 100px transparent;
    border-top: solid 30px #f7f7f7;
    content: "";
    height: 0;
    left: 50%;
    margin-left: -100px;
    position: absolute;
    top: 100%;
    width: 0;
}

.WebsiteSection.Arrow .Title .SmallBorder {
    border-bottom: 2px solid #54565b;
    padding-top: 20px;
    width: 30px;
}

.WebsiteSection.Arrow .Content {
    background: #f0f0f0;
    padding: 60px 0;
}

/* ---------- Oney Patterns > WebsiteSection_Background ---------- */
.WebsiteSection.Background {
    color: #fff;
    min-height: 500px;
    padding: 0;
    position: relative;

    
}

.WebsiteSection_Background,
.WebsiteSection_Background:before {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

.WebsiteSection_Background:before {
    background: #000;
    content: "";
    opacity: .15;
    z-index: 2;
}

.WebsiteSection.Background .Button:not(.Is_Default) {
    border-color: #ffF;
    color: #fff;
}

.WebsiteSection_Background img {
    height: 100%;
    width: 100%;

    object-fit: cover;
    object-position: center;
}

.WebsiteSection.Background .ThemeGrid_Container {
    position: relative;
    z-index: 5;
}

.WebsiteSection.Background .Heading1 {
    font-size: 44px;
}

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

.desktop .WebsiteSection.Background a:hover,
.desktop .WebsiteSection.Background a:link:hover,
.desktop .WebsiteSection.Background a:visited:hover {
    color: #81bc00;
    text-decoration: underline;
}

/* ---------- Oney Patterns > BoxedColumnPath ---------- */
.BoxedColumnPath {
    position: relative;
}

.BoxedColumnPath .Columns {
    display: -webkit-box;
    display: flex;
    margin: 0 -12px !important;
    -webkit-box-pack: justify;
    justify-content: space-between;

    
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    flex-flow: row nowrap;
}

.BoxedColumnPath .Columns .Column {
    padding: 0 12px !important;
}

.BoxedColumnPath .Columns .Column > div {
    height: 100%;
}

.Card.PathCard {
    border: 1px solid rgba(194,194,194,.31);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.03);
    color: #88bd30;
    font-size: 18px;
    font-weight: 700;
    height: 100%;
    line-height: 24px;
    padding: 50px 30px 40px;
    position: relative;
    text-align: center;
}

.Card.PathCard:before {
    background: #87be31;
    border-radius: 30px;
    color: #fff;
    content: "1";
    font-size: 14px;
    height: 30px;
    left: 50%;
    line-height: 30px;
    position: absolute;
    top: 93%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 30px;
    z-index: 2;
}

.BoxedColumnPath .Column.ColFirst .Card.PathCard:before {
    content: "1";
}

.BoxedColumnPath .Column.LeftMiddle .Card.PathCard:before {
    content: "2";
}

.BoxedColumnPath .Column.RightMiddle .Card.PathCard:before {
    content: "3";
}

.BoxedColumnPath .Column.ColLast .Card.PathCard:before {
    content: "4";
}

/* resposive */
.phone .BoxedColumnPath .Columns {
    display: block;
    margin: 0 -10px !important;
}

.phone .BoxedColumnPath .Columns .Column {
    display: block;
    padding: 10px !important;
}

/* ---------- Oney Patterns > IconCircle ---------- */
.IconCircle {
    border: 2px solid #54565b;
    border-radius: 50%;
    color: #54565b;
    display: inline-block;
    font-size: 27px;
    height: 62px;
    line-height: 62px;
    width: 62px;
    /*fix issue created from global text-align left on the WebPatterns*/
    text-align: center !important;
}

.IconCircle .fa {
    width: auto;
}

.IconCircle.IconCircleSmall{
    height: 32px;
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
    width: 32px;
}

.IconCircle.IconCircleDisabled{
    background-color: #DDDDDE;
    border: 2px solid #DDDDDE;
    color: #fff;
}

/* ---------- Oney Patterns > Card_ActiveContract ---------- */
.ActiveContractWrapper {
    margin-top: 10px;
}

.ActiveContractWrapper > .Columns {
    display: flex;
}

.phone .ActiveContractWrapper > .Columns,
.tablet .ActiveContractWrapper > .Columns {
    display: block;
}

.ActiveContractWrapper > .Columns .Column > div {
    height: 100%;
}

.Card.ActiveContract {
    background-color: #fff;
    border: 1px solid rgba(194,194,194,.31);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.03);
    color: #54565b;
    display: table;
    height: 100%;
    padding: 25px 30px;
    position: relative;
    width: 100%;
}

.desktop .Card.ActiveContract::after {
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .2), 0 5px 15px 0 rgba(0, 0, 0, .1);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
    will-change: opacity;
    -webkit-transition: opacity 2s cubic-bezier(.165, .84, .44, 1);
            transition: opacity 2s cubic-bezier(.165, .84, .44, 1);
}

.desktop .ActiveContractWrapper:hover .Card.ActiveContract:after {
    opacity: 1;
}

.ActiveContract .Columns {
    display: table;
    width: 100%;
}

.ActiveContract .Columns .Columns .Column {
    display: table-cell;
    vertical-align: middle;
}

.phone .ActiveContract .Columns .Columns .Column {
    display: block;
    text-align: center;
}

.ActiveContract_Image {
    display: table-cell;
    padding-right: 20px;
    text-align: center;
    vertical-align: middle;
    width: 160px;
}

.ActiveContract_Image img {
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
}

.ActiveContract_MainContent {
    display: block;
}

.ActiveContract__Header {
    display: table;
    width: 100%;
}

.ActiveContract___HeaderLeft {
    display: table-cell;
    vertical-align: middle;
}

.ActiveContract____Title {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
}

.ActiveContract____Description {
    color: #a1a1a1;
    font-size: 14px;
    line-height: 21px;
    margin-top: 5px;
}

.ActiveContract___Type {
    display: table-cell;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    vertical-align: top;
    white-space: nowrap;
    width: 1%;
}

.ActiveContract___Type img {
    max-width: 110px;
}

.ActiveContract___Type div {
    border-radius: 50%;
    display: inline-block;
    height: 30px;
    line-height: 31px;
    vertical-align: middle;
    width: 30px;
}

.ActiveContract___Status {
    display: table-cell;
    text-align: right;
    vertical-align: top;
    white-space: nowrap;
    width: 1%;
}

.ActiveContract___Status .Label {
    display: inline-block;
    margin-right: 0;
}

.ActiveContract__BottomContent {
    color: #54565b;
    display: table;
    margin-top: 10px;
    width: 100%;
}

.ActiveContract__BottomContent .BottomTable_Columns {
    display: table-cell;
    font-size: 18px;
    vertical-align: middle;
}

.ActiveContract__BottomContent .BottomTable__Content {
    display: inline-block;
    width: 30%;
}

.ActiveContract__BottomContent .BottomTable__Content.ColLast {
    width: 40%;
}

.BottomTable__Content .fa {
    border: 1px solid #54565b;
    border-radius: 40px;
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    width: 40px;
}

.BottomTable__Content .Post {
    margin: 0;
}

.BottomTable__Content .Post_icon {
    vertical-align: middle;
}

.BottomTable__Content .Post__date {
    display: none;
}

.BottomTable__Content .Post__label {
    color: #88bd30;
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    opacity: .9;
}

.BottomTable__Content .Post__description {
    font-size: 18px;
    margin-top: 2px;
}

.BottomTable_Actions {
    display: table-cell;
    text-align: right;
    vertical-align: middle;
}

.BottomTable_Actions .fa {
    font-size: 20px;
    vertical-align: middle;
    width: auto;
}

.BottomTable_Actions a {
    vertical-align: middle;
}

/* responsive */
.phone .ActiveContract,
.phone .ActiveContract_Image,
.phone .ActiveContract_MainContent,
.phone .ActiveContract__Header,
.phone .ActiveContract___HeaderLeft,
.phone .ActiveContract___Type,
.phone .ActiveContract___Status {
    display: block;
    text-align: center;
    width: auto;
}

.phone .ActiveContract {
    padding: 20px;
}

.phone .ActiveContract__Header {
    margin: 10px 0;
}

.phone .ActiveContract___Type,
.phone .ActiveContract___Status {
    display: inline-block;
    margin: 20px 0;
}

.phone .ActiveContract___Content > div {
    display: block;
    margin: 10px 0 !important;
    text-align: left;
    width: auto;
}

.phone .ActiveContract__BottomContent .BottomTable__Content {
    display: block;
    margin: 25px 0 0;
    text-align: left;
    width: auto;
}

.phone .ActiveContract__BottomContent .BottomTable__Content:first-child {
    margin: 0;
}

/* ---------- Oney Patterns > Card_PastContract ---------- */
.PastContract {
    border: 1px solid rgba(194,194,194,.31);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.03);
    display: table;
    margin-top: 10px;
    padding: 20px 25px;
    position: relative;
    width: 100%;
}

.desktop .PastContract::after {
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .2), 0 5px 15px 0 rgba(0, 0, 0, .1);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
    will-change: opacity;
    -webkit-transition: opacity 2s cubic-bezier(.165, .84, .44, 1);
            transition: opacity 2s cubic-bezier(.165, .84, .44, 1);
}

.desktop .PastContract:hover:after {
    opacity: 1;
}

.PastContract_Image {
    display: table-cell;
    height: 62px;
    padding: 0 20px;
    text-align: center;
    vertical-align: middle;
    width: 102px;
}

.PastContract_Image img {
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
}

.PastContract_Header {
    display: table-cell;
    vertical-align: middle;
}

.PastContract__TitleDescWrapper {
    display: table-cell;
    vertical-align: middle;
}

.phone .PastContract__TitleDescWrapper {
    display: block;
}

.tablet .PastContract__TitleDescWrapper {
    display: block;
}

.PastContract_MainContent {
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap;
    width: 1%;
}

.PastContract__Title {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
}

.PastContract__Description {
    color: #a1a1a1;
    font-size: 14px;
    line-height: 21px;
    margin-top: 5px;
}

.PastContract__Type {
    display: table-cell;
    font-size: 16px;
    font-weight: 700;
    padding-left: 20px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    width: 1%;
}

.PastContract__Type img {
    max-width: 110px;
}

.PastContract__Type div {
    border-radius: 50%;
    display: inline-block;
    height: 30px;
    line-height: 31px;
    vertical-align: middle;
    width: 30px;
}

.PastContract__Content {
    color: #434448;
    display: table-cell;
    font-size: 18px;
    padding: 0 50px;
    vertical-align: middle;
    white-space: nowrap;
    width: 1%;
}

.PastContract__Content .fa {
    border: 1px solid #54565b;
    border-radius: 40px;
    font-size: 24px;
    height: 40px;
    line-height: 40px;
    margin-top: 5px;
    width: 40px;
}

.PastContract__Content .Post {
    margin: 0;
}

.PastContract__Content .Post_icon {
    vertical-align: middle;
}

.PastContract__Content .Post__date {
    display: none;
}

.PastContract__Content .Post__label {
    color: #808185;
    font-size: 14px;
    font-weight: 400;
    opacity: .9;
}

.PastContract__Content .Post__description {
    font-size: 18px;
    margin: 0;
}

.PastContract__Status {
    display: table-cell;
    padding-right: 20px;
    text-align: right;
    vertical-align: middle;
    white-space: nowrap;
    width: 1%;
}

.PastContract__Status .Label {
    display: inline-block;
    margin-right: 0;
}

.PastContract__Actions {
    display: table-cell;
    text-align: right;
    vertical-align: middle;
    white-space: nowrap;
    width: 1%;
}

.PastContract__Actions .fa {
    font-size: 20px;
    vertical-align: middle;
    width: auto;
}

.PastContract__Actions a {
    vertical-align: middle;
}

/* ---------- Oney Patterns > ProgressIndicator ---------- */
.ProgressIndicator {
    position: relative;
    text-align: center;
}

.ProgressIndicator_Header {
    height: 110px;
    position: relative;
}

.ProgressIndicator__CircularProgress,
.ProgressIndicator__CircularOutline {
    border-radius: 50%;
    display: inline-block;
    height: 110px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 110px;
    z-index: 1;
}

.ProgressIndicator___Background {
    background-color: #fff;
    border-radius: 100%;
    color: #fff;
    display: inline-block;
    height: 100px;
    left: 0;
    position: relative;
    text-align: center;
    top: 5px;
    width: 100px;
}

.ProgressIndicator____Number {
    color: #88bd30;
    font-size: 24px;
    font-weight: 700;
    line-height: 26px;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 100%;
}

.ProgressIndicator_Content {
    display: block;
    padding-top: 20px;
}

.ProgressIndicator__Title {
    color: #717275;
    display: block;
    font-size: 12px;
    line-height: 14px;
    margin: 3px 0 0 0;
}

.ProgressIndicator__Money {
    color: #88bd30;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
}

/* ---------- Oney Patterns > ActionsLeftFixed ---------- */
.ActionsLeftWrapper {
    background: #80bc00;
    color: #fff;
    left: 0;
    position: fixed;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 45px;
    z-index: 21;
    
    
    
            
}

.ActionsLeftWrapper > div {
    position: relative;
}

.ActionContent {
    background: #fff;
    color: #54565b;
    display: none;
    left: 80px;
    padding: 30px;
    position: absolute;
    top: 22px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 600px;
    
    
    
            
}

.ActionContent:after {
    border-bottom: 14px solid transparent;
    border-left: 0;
    border-right: 26px solid #fff;
    border-top: 14px solid transparent;
    content: "";
    height: 0;
    left: -26px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}

.ActionsLeftWrapper .ActionIcon.active + .ActionContent {
    display: block;
}

.ActionIcon {
    font-size: 24px;
    height: 45px;
    padding: 5px 0;
    text-align: center;
    width: 45px;
}

.ActionIcon.active {
    opacity: .5;
}

.ActionsLeftWrapper .close {
    cursor: pointer;
    height: 26px;
    opacity: .3;
    position: absolute;
    right: 25px;
    top: 25px;
    width: 26px;
}

.ActionsLeftWrapper .close:hover {
    opacity: 1;
}

.ActionsLeftWrapper .close:before,
.ActionsLeftWrapper .close:after {
    background-color: #54565b;
    content: " ";
    height: 26px;
    left: 13px;
    position: absolute;
    width: 2px;
}

.ActionsLeftWrapper .close:before {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}

.ActionsLeftWrapper .close:after {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
}

/* ------- Oney Patterns > Advance Search ------- */
.AdvanceSearch {
    background-color: #F5F5F5;
    display: table;

    width: 100%;
}

.AdvanceSearch > div{
    padding-top: 10px;
}

.AdvanceSearch > div:empty{
    padding: 0;
}

.AdvanceSearch textarea,
.AdvanceSearch select,
.AdvanceSearch input[type="text"],
.AdvanceSearch .Search_wrapper input[type="text"] {
    border: none;
}

/* ---------- Oney Patterns > Advanced Search ---------- */
.Controls_AdvanceSearch_Header {
    display: table;
    width: 100%;
}

.tablet .Controls_AdvanceSearch_Header {
    display: block;
}

.Controls_AdvanceSearch_Header > div {
    display: table-cell;
    height: 40px;
    vertical-align: middle;
}

.tablet .Controls_AdvanceSearch_Header > div {
    display: block;
    height: auto;
}

.phone .Controls_AdvanceSearch_Header > div {
    height: auto;
}

.Controls_AdvanceSearch_Header .Controls_AdvanceSearch_Title > div:first-child {
    width: 65%;
}

.phone .Controls_AdvanceSearch_Header .Controls_AdvanceSearch_Title > div:first-child {
    width: 100%;
}

.Controls_AdvanceSearch_Header .Controls_AdvanceSearch_Title > div:last-child {
    width: 30%;
}

.phone .Controls_AdvanceSearch_Header .Controls_AdvanceSearch_Title > div:last-child {
    margin: 10px 0 !important;
    width: 60%;
}

.Controls_AdvanceSearch_Content {
    display: block;
    margin-bottom: 0;
    margin-top: 10px;
    max-height: 0;
    overflow: hidden;
    padding: 0;
    -webkit-transition: all .25s ease;
            transition: all .3s ease;

    
}

.Controls_AdvanceSearch_Content.open {
    max-height: 200px;
    padding-bottom: 10px;
}

.tablet .Controls_AdvanceSearch_Content > div{
    width: auto;
}

.phone .Controls_AdvanceSearch_Content > div {
    /*remove margin that was applied inline*/
    margin: 0 0 10px 0 !important;
    width: 100%;
}

.phone .Controls_AdvanceSearch_Content .Button {
    /*remove margin that was applied inline*/
    margin-left: 0 !important;
}

.Controls_AdvanceSearch_Title {
    width: 50%;
}

.tablet .Controls_AdvanceSearch_Title {
    width: 100%;
}

.Controls_AdvanceSearch_Label {
    padding-left: 20px;
}

.tablet .Controls_AdvanceSearch_Label {
    padding: 10px 0;
}

.phone .Controls_AdvanceSearch_Label {
    padding: 0;
}

.Controls_AdvanceSearch_Actions {
    color: #88bd30;
    cursor: pointer;
    font-weight: 600;
    text-align: right;
}

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

.Controls_AdvanceSearch_Actions.Left {
    padding-left: 10px;
    text-align: left;
}

.Controls_AdvanceSearch_Actions .CloseAction {
    display: none;

    
}

.Controls_AdvanceSearch_Actions.open .CloseAction {
    display: block;
}

.Controls_AdvanceSearch_Actions.open .OpenAction {
    display: none;
}

.phone .Controls_AdvanceSearch_Title,
.phone .Controls_AdvanceSearch_Label {
    display: block;
    line-height: 40px;
    text-align: left;
    width: 100%;
}

.phone .Controls_AdvanceSearch_Actions {
    display: block;
    margin-top: 10px;
    width: 100%;
}

.phone .Controls_AdvanceSearch_Header {
    display: block;
}

.phone .Controls_AdvanceSearch_Actions a {
    margin: 0;
    width: 100%;
}

/* ------- Oney Patterns > StatusTag ------- */
.StatusTag {
    background-color: #F3F3F3;
    color: #54565B;
    font-size: 14px;
    font-weight: 700;
    padding: 5px 10px;
    white-space: nowrap;
}

.Title .StatusTag{
    padding: 0 10px;
}

.StatusTag.Blue {
    background-color: #DEF4FB;
    color: #00A8E2;
}

.StatusTag.Green {
    background-color: #F0F7E4;
    color: #88BD30;
}

.StatusTag.Red {
    background-color: #FDEBE2;
    color: #EC661E;
}

/* ------- Oney Patterns > IconDownCustom ------- */
.IconDownCustom {
    color: #88bd30;
    font-weight: bold;
    min-width: 100px;
}

.IconDownCustom.Fraud {
    color: #ec661e;
}

.IconDownCustom.Canceled {
    color: #a1a1a1;
}

.IconDownCustom .fa-fw {
    color: #54565b;
    font-size: 16px;
    margin-left: 5px;
}

.IconDownCustom .InlineDropdown_text {
    min-width: 60px;
}

.IconDownCustom .DropdownMenu {
    border: 0;
    box-shadow: 0 0 6px 0 rgba(0,0,0,.05);
    margin-top: 5px;
}

.IconDownCustom .DropdownMenu:after {
    border-color: transparent transparent #fff transparent;
    border-style: solid;
    border-width: 0 9px 9px 9px;
    bottom: 100%;
    content: "";
    display: block;
    height: 0;
    left: 66px;
    position: absolute;
    width: 0;
}

.IconDownCustom .DropdownMenu a{
    line-height: 1;
    padding: 10px 20px;
}

/* ------- Oney Patterns > ContentSmallWith ------- */
.desktop .ContentSmallWith {
    padding: 0 100px;
    width: 100%;
}

/* ------- Oney Patterns > WhiteContent ------- */
.WhiteContent {
    background-color: #fff;
    box-shadow: 0 0 6px 0 rgba(0,0,0,0.03);
    padding: 30px 40px;
}

.phone .WhiteContent {
    padding: 30px 15px;
}

.WhiteContent .TableRecords {
    box-shadow: none;
}

/* ------- Oney Patterns > WhiteContentSpace ------- */
.WhiteContentSpace{
    padding: 0 35px 0 35px;
}

.phone .WhiteContentSpace{
    padding: 0;
}

/* ------- Oney Patterns > NavigationBarCentered ------- */
.NavigationBarCentered .NavigationBar {
    position: relative;
    text-align: center;
}

.NavigationBarCentered .NavigationBar:after {
    background-color: #DFDFDF;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%;
}

.phone .NavigationBarCentered .NavigationBar:after{
    display: none;
}

.NavigationBarCentered .NavigationBar a,
.NavigationBarCentered .NavigationBar a:link,
.NavigationBarCentered .NavigationBar a:visited {
    color: #54565b;
    font-size: 16px;
    padding-bottom: 18px;
}

.NavigationBarCentered .NavigationBar a.Active {
    position: relative;
    z-index: 1;
}

/* ------- Oney Patterns > SearchBorderBotton ------- */
.SearchBorderBotton .Search_wrapper input[type="text"] {
    border: 1px solid #fff;
    border-bottom-color: #E2E1E1;
}

/* ------- Oney Patterns > SearchSelectInput ------- */
.SearchSelectInput {
    background-color: #fff;
    padding-left: 20px;
    padding-right: 5px;
    position: relative;
}

.SearchSelectInput:before {
    color: #ccc;
    content: "\f002";
    font-family: FontAwesome;
    font-size: 20px;
    left: 10px;
    position: absolute;
}

.SearchSelectInput:after {
    color: #88bd30;
    content: "\f0d7";
    font-family: FontAwesome;
    font-size: 14px;
    position: absolute;
    right: 15px;
}

.SearchSelectInput:before,
.SearchSelectInput:after {
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}

.SearchSelectInput select {
    background-color: transparent;
    background-image: none;
    border-radius: 0;
    color: #384142;
}

/* ------- Oney Patterns > CustomComboBox ------- */
.CustomComboBox .select2-choice {
    border: none;
}

.CustomComboBox .select2-choice:before {
    color: #ccc;
    content: "\f002";
    font-family: FontAwesome;
    font-size: 14px;
    font-size: 20px;
    left: 15px;
    left: 10px;
    position: absolute;
    top: 11px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}

.CustomComboBox .select2-choice .select2-chosen {
    color: #d3d3d4;
    font-size: 15px;
    padding-left: 27px;
}

.select2-drop {
    border: none;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .1);
    margin-top: 0;
}

/* ------- Oney Patterns > InputWithSymbol ------- */
.InputWithSymbol {
    position: relative;
}

.InputWithSymbol .InputContainer input[type=text] {
    box-sizing: border-box;
    padding-right: 35px;
}

.InputWithSymbol .SymbolContainer {
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}

/* ------- Oney Patterns > CustomPopup ------- */
.CustomPopup .MainPopup {
    padding: 0;
    padding-top: 30px;
}

.CustomPopup .Title {
    color: #54565b;
    font-size: 25px;
    font-weight: bold;
    padding: 0 20px;
}

.CustomPopup .Content {
    padding: 35px 40px;
}

.CustomPopup.CancelContract .Content {
    padding: 35px 40px;
    padding-top: 5px;
}

.CustomPopup .InputBlock {
    margin-right: 20px;
    margin-top: 20px;
}

.CustomPopup.CancelContract .InputBlock input[readonly] {
    background: #efefef;
}

.CustomPopup .FooterActions {
    border-top: 1px solid #dfdfdf;
    margin-top: 10px;
    padding: 20px;
}

.CustomPopup.CancelContract .FooterActions input[type="submit"] {
    margin-left: 10px !important;
}

.CustomPopup.CancelContract .FooterActions input[type="submit"]:first-child {
    margin-left: 0 !important;
}

.CustomPopup.ProfilePermissions table tbody tr td{
    padding-bottom: 15px !important;
}

/* ------- Oney Patterns > CustomMediumLeftCols ------- */
.CustomMediumLeftCols {
    display: table;
    width: 100%;
}

.phone .CustomMediumLeftCols {
    display: block;
}

.CustMedLetfCol_LeftCol,
.CustMedLetfCol_RightCol {
    display: table-cell;
    vertical-align: top;
}

.CustMedLetfCol_LeftCol {
    padding-right: 20px;
    padding-top: 58px;
    width: 195px;
}

.CustMedLetfCol__LeftContent {
    width: 100%;
}

.CustMedLetfCol_RightCol {
    width: auto;
}

.CustMedLetfCol_RightCol .TopRight {
    margin-bottom: 30px;
}

.CustMedLetfCol__RightContent {
    width: 100%;
}

.phone .CustMedLetfCol_LeftCol,
.phone .CustMedLetfCol_RightCol {
    display: block;
    padding: 0;
    width: 100%;
}

.phone .CustMedLetfCol_LeftCol {
    margin-bottom: 20px;
}

/* ------- Oney Patterns > CustomMediumLeftCols ------- */
.WhiteBox {
    background-color: #fff;
    box-shadow: 0 0 6px 0 rgba(0,0,0,.03);
    padding: 20px;
}

/* ------- Oney Patterns > Stats ------- */
.Stats_Info1 {
    font-size: 16px;
    margin-bottom: 2px;
}

.Stats_Info1 .Bold {
    font-size: 20px;
}

.Stats_Info2 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 2px;
}

.Stats_Info3 {
    font-size: 16px;
    margin-bottom: 2px;
}

.Stats_Info3 span {
    color: #ec661e;
}

/* ------- Oney Patterns > StatsCols ------- */
.StatsCols {
    display: table;
    margin-bottom: 20px;
    width: 100%;
}

.StatsCols:last-child {
    margin-bottom: 0;
}

.StatsCol_Left,
.StatsCol_Right {
    display: table-cell;
    vertical-align: top;
}

.StatsCol_Left {
    width: 50px;
}

.StatsCol_Right {
    width: auto;
}

.StatsCol_Right .Stats_Info1,
.StatsCol_Right .Stats_Info3 {
    font-size: 14px;
}

.StatsCol_Right .Stats_Info1 .Bold,
.StatsCol_Right .Stats_Info2 {
    font-size: 16px;
}

/* ------- Oney Patterns > StatsBadge ------- */
.StatsBadge {
    background-color: #00a8e2;
    border-radius: 100%;
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: bold;
    height: 35px;
    line-height: 35px;
    text-align: center;
    width: 35px;
}

.StatsBadge.Yellow {
    background-color: #ffb81d;
}

.StatsBadge:after {
    content: "x";
    font-size: 15px;
}

/*------------------------------------*\
      $10. Custom Classes
\*------------------------------------*/

/* the !important is used to fix the issue created when used platform cols insted silk cols*/
.phone .BreakOnPhone {
    margin: 0 !important;
    margin-bottom: 10px !important;
    width: 100%;
}

.tablet .resetWidthOnTablet {
    width: auto;
}

.BackgroundOverlay {
    background: rgba(60, 59, 59, .70);
    height: 100%;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 20;
}

/* responsive */
.phone .PastContract,
.phone .PastContract_Image,
.phone .PastContract_Header,
.phone .PastContract_MainContent,
.phone .PastContract__Type,
.phone .PastContract__Content,
.phone .PastContract__Status,
.phone .PastContract__Actions {
    display: block;
    padding: 0;
    text-align: center;
    width: auto;
}

.phone .PastContract {
    padding: 20px;
}

.phone .PastContract_Header {
    margin: 20px 0;
}

.phone .PastContract__Content {
    display: inline-block;
    margin: 0 0 20px;
}

.phone .PastContract__Actions {
    margin: 20px 0 0;
}

.Faqs_Section .Section:not(:first-child) {
    margin-top: 30px;
}

.Faqs_Section .Section_header {
    padding-bottom: 10px;
}

.Faqs_Section .Section__title.Heading2 {
    color: #88bd30;
}

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

.LoginSpacingBox {
    margin: 40px auto 60px;
    max-width: 300px;
}

.Size14 {
    font-size: 14px;
}

.Size16 {
    font-size: 16px;
}

.Size20 {
    font-size: 20px;
}

.Size22 {
    font-size: 22px;
}

.RoundBorder60 {
    border-radius: 30px;
    height: 60px;
    padding: 10px 0;
    text-align: center;
    width: 60px;
}

.RoundBorder60 .fa {
    font-size: 40px;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #D3D3D4;
}

::-moz-placeholder { /* Firefox 19+ */
    color: #D3D3D4;
}

:-ms-input-placeholder { /* IE 10+ */
    color: #D3D3D4;
}

:-moz-placeholder { /* Firefox 18- */
    color: #D3D3D4;
}

/*------------------------------------*\
      $11. Studio Preview
\*------------------------------------*/

/*------------------------------------*\
      $12. Print
\*------------------------------------*/

/*------IE------*/
input::-ms-check {
    color: #81bc00;
}




/* Uppercase Class to Input */
.upperinput {
    text-transform: uppercase;
}
.upperinput:placeholder-shown {
    text-transform: none;
}