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

/*
    How to generate a theme for your company: 
    
        1 - Go to http://labs.outsystems.net/ThemeCustomizer/GenerateLiverpool.aspx
        2 - Copy the generated CSS
        3 - Replace the CSS for Primary Color Customization below with the Generated CSS

*/

@font-face {
    font-family: 'Galvji';
    src: url('/ATCGlobalTheme/Galvji-01.eot');
    src: url('/ATCGlobalTheme/Galvji-01.eot?#iefix') format('embedded-opentype'),
         url('/ATCGlobalTheme/Galvji-01.woff') format('woff'),
         url('/ATCGlobalTheme/Galvji-01.ttf') format('truetype'),
         url('/ATCGlobalTheme/Galvji-01.svg#Galvji') format('svg');
    font-weight: normal;
    font-style: normal;
}
* {
    font-family: Galvji;
}
/** Nidal */
TableRecords {
    border:none!important;
}
.TableRecords_Wrapper thead tr:last-child th:first-child { 
    border-bottom-left-radius: 20px; 
}
.TableRecords_Wrapper thead tr:last-child th:last-child { 
    border-top-right-radius: 20px; 
}
.ButtonGroup_button .Button{
    height:fit-content!important;
}
.desktop .ButtonGroup_button.Button.active, 
.tablet .ButtonGroup_button.Button.active, 
.phone .ButtonGroup_button.Button.active{
  box-shadow: none!important;  
}

/* * {
    font-family: Meiryo, sans-serif;
}*/
/* ipad Mini Portrait */

.Header {
    Border-bottom: 5px solid #80abc6;
}
.sidebar {
    float:right;
    background-color: var(--color-neutral-0);
    box-shadow: var(--shadow-l);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
    height: 100%;
    margin: var(--space-none);
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transform: translateX(102%);
            transform: translateX(102%);
    -webkit-transition: all 130ms ease-in;
            transition: all 130ms ease-in;
    width: 500px;
    will-change: transform;
    z-index: 140;
    
    
    
    
    
    
}

.phone .sidebar {
    width: 85vw;
}


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

    File: LiverpoolTheme

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


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

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

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

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

a,
a:link,
a:visited {
    color: #5d012d;
    -webkit-transition: color .2s ease-in;
       -moz-transition: color .2s ease-in;
         -o-transition: color .2s ease-in;
            transition: color .2s ease-in;
}

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

.desktop .Application_Menu a:hover,
.desktop .Application_Menu a:link:hover,
.desktop .Application_Menu a:visited:hover {
    color: #fff;
}

.desktop .Menu_SubItemsPlaceholder a:hover,
.desktop .Menu_SubItemsPlaceholder a:link:hover,
.desktop .Menu_SubItemsPlaceholder a:visited:hover {
    color: #333;
}









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



/* Header **************************/
.Header {
    background-color: #fff;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 20;
     /* avoid adorners overlapping header */
}






.tablet .Header,
.phone .Header {
    box-shadow: 0 -2px 10px rgba(0,0,0,0.3);
}

.Header img {
    vertical-align: middle;
}

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

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

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

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

    padding-left: 3px;
}

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

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

.Application_Title img {
    /*max-height: 25px;*/
    padding-bottom: 4px;
}

/* User info **************************/
.Login_Info,
.AppSwitcherContainer,
a.Login_Info_Username,
a.Login_Info_Username:link,
a.Login_Info_Username:visited {
    font-size: 100%;
    font-weight: normal;
    margin-right: 10px;
}
.ProfileLink{display: inline; margin-right: 10px;}
.Login_Info {
    float: right;
    line-height: 50px;
}

.Login_Info_Logout {
    font-size: 0;
}

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

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

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



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



/* Menu **************************/
.Header_Menu {
    background-image: url(/ATCGlobalTheme/img/bluebg.jpg?7417); /* set the Application_Menu background color, applied when on slide mode */
    background-size: cover;
}

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

.tablet .Application_Menu,
.phone .Application_Menu {
    bottom: 0;
    display: block;
    height: auto;
    overflow: auto;
    position: fixed;
    right: -270px;
    top: 51px;
    background-color: #5D012D;
    background-image: url(/ATCGlobalTheme/img/bluebg.jpg?7417); /* set the Application_Menu background color, applied when on slide mode */
    background-size: cover;
    /* Enable hardware acceleration */
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
            transform: translateZ(0);
    /* Animate the menu when opening and closing */
    -webkit-transition: all .3s ease-out;
       -moz-transition: all .3s ease-out;
        -ms-transition: all .3s ease-out;
         -o-transition: all .3s ease-out;
            transition: all .3s ease-out;
    width: 260px;
    /* reduce animation flickering */

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



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

/* .Menu_DropDownButton **************************/
.tablet .Application_Menu .Menu_DropDownButton,
.phone .Application_Menu .Menu_DropDownButton {
    display: block;
    position: relative;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

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

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

/* .Menu_TopMenu **************************/
.Menu_TopMenu {
    position: relative;
    opacity: 0.8;
}

.desktop .Menu_TopMenu {
    transition: color 200ms ease;
}


.Menu_TopMenu:hover,
.open .Menu_TopMenu {
    opacity: 1;
}

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


.Menu_TopMenuActive,
.Menu_DropDownButton.open .Menu_TopMenu {    
    opacity: 1;
}

.Menu_TopMenu a:link,
.Menu_TopMenu a:visited,
.Menu_TopMenu a {
    color: #000000;
    display: inline-block;
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
    text-decoration: none;
    text-transform: uppercase;
    text-shadow: none;
}

.tablet .Menu_TopMenu a:link,
.tablet .Menu_TopMenu a:visited,
.tablet .Menu_TopMenu a,
.phone .Menu_TopMenu a:link,
.phone .Menu_TopMenu a:visited,
.phone .Menu_TopMenu a {
    width: 100%;
}

.Menu_TopMenuActive a:link,
.Menu_TopMenuActive a:visited,
a.Menu_SubMenuItemActive:link,
a.Menu_SubMenuItemActive:visited,
a.Menu_SubMenuItem:hover {
    color: #08113A;
}
.Blue {
    background-color: #80ABC6 !important;
    color: #fff;
}
/* .Menu_DropDownPanel */
.Menu_DropDownPanel {
    border: none;
    margin-top: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}
.Page .Text_blue {
    color: #80ABC6 !important;
}
.Menu_DropDownPanel a,
.Menu_DropDownPanel a:link,
.Menu_DropDownPanel a:visited {
    border-bottom: solid 1px #aa061b;
    display: block;
    height: auto;
}

.tablet .Menu_DropDownPanel,
.phone .Menu_DropDownPanel {
    /* border: 0; */
    box-shadow: none;
    margin: 0;
    padding: 0;
    position: static;
}

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

/* Menu_SubMenuItem */
.Menu_DropDownPanel a.Menu_SubMenuItem {
    background-color: #F9E9EF;
    border-bottom: 1px solid rgba(0, 0, 0, .15);
    color: #333;
    padding: 5px 10px;
}

.tablet .Menu_DropDownPanel a.Menu_SubMenuItem,
.phone .Menu_DropDownPanel a.Menu_SubMenuItem {
    padding: 8px 20px;
}

.Menu_DropDownPanel a.Menu_SubMenuItem:last-child,
.Menu_DropDownPanel a.Menu_SubMenuItem:link:last-child,
.Menu_DropDownPanel a.Menu_SubMenuItem:visited:last-child {
    border-bottom: none;
}

.ie8 .Menu_DropDownPanel a.Menu_SubMenuItem,
.ie8 .Menu_DropDownPanel a.Menu_SubMenuItem:link,
.ie8 .Menu_DropDownPanel a.Menu_SubMenuItem:visited {
    border-bottom: 1px solid #a90002;
}

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

/* Page Title **************************/
.Title {
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 60%;
}

.Title.Heading1 {
    color: #5d012d;
    line-height: 34px;
    margin-top: 0;
}

.Title.Heading1 .RequestStatus {
    color: #333;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    vertical-align: middle;
}

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

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

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

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

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

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

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

/* Intelliwarp generated actions **************************/
a.ActionAdd,
a.ActionEdit,
a.ActionChange,
a.ActionDelete {
    background-color: #865e71;
    border-radius: 4px;
    border: none;
    box-shadow: none;
    color: #fff;    
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    margin-left: 10px;
    padding: 0 15px;
    text-shadow: none;
}

a.ActionAdd:hover,
a.ActionEdit:hover,
a.ActionChange:hover,
a.ActionDelete:hover {
    background-color: #5c5357;
    color: #fff;
    box-shadow: none;
    text-decoration: none;
}

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

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

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

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

/* content **************************/
.Content {
    background-color: #f2f5f6;
    margin-bottom: -40px;
    min-height: 100%;
    padding-top: 102px;
}


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

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

/* MainContent **************************/
.MainContent {    
    margin-top: 0px;
    min-height: 100%;
    padding-bottom: 80px;
     /* push the footer down on preview */
}


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

/* Footer **************************/
.Footer {
    font-size: 12px;
    min-height: 40px;
    padding: 10px 0;
    position: absolute;
    text-align: center;
    width: 100%;
}

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

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

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

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

    padding-left: 10px;
}

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





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

textarea,
select,
input {    
    line-height:32px;
    background-color: white;
    border: 1px solid #b3c2c7;
    border-radius: 4px;
    box-shadow: none;
    font-size: 16px;
}

select,
input {
    height: 32px;
}

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

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

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

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


select:focus,
input:not([type="submit"]):focus {
    border: 1px solid #ccc;
}

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

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

.Form:not(.ReadOnly) input.ReadOnly,
.Form:not(.ReadOnly) textarea.ReadOnly,
.Form:not(.ReadOnly) {
    cursor: text;
}

select.ReadOnly {
    cursor: pointer;
}

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





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

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

    -webkit-appearance: none;
       -moz-appearance: none;
         -o-user-select: none;
    border-radius: 4px;
}

a.ListNavigation_PageNumber:link:hover,
span.ListNavigation_Ellipsis:hover,
a.ListNavigation_Previous:link:hover,
a.ListNavigation_Next:link:hover {
    background-color: #eee;
    color: #5d012d;
    box-shadow: none;
    text-decoration: none;
}

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

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

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

.TableRecords {
    background: transparent;
    border: none;
    padding: 0px 0 0;
}

.TableRecords_OddLine,
.TableRecords_EvenLine {
    border-bottom: 1px solid #b3c2c7;
    vertical-align: middle;
}

.TableRecords_OddLine, .TableRecords_EvenLine {
    padding: 15px 0 15px 10px;
}

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

.TableRecords_EvenLine {
    background-color: transparent;
}

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

.TableRecords_Header.SortColumns_Sortable {
    font-weight: bold;
}

.SortColumns_Sortable:hover {
    text-decoration: none;
}

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

.IconATC .fa {
    color: #5d012d;
}

/* .EditableTable **************************/
.EditableTable {
    border: none;
    background: transparent;
}

.EditableTable thead th {
    border-bottom: 1px solid #5d012d;    
    color: #5d012d;
    font-weight: normal;
}

td.RowWithAddAction {
    background: transparent;
    border: none;
}

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

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

.EditableTable thead th.Mandatory:after {
    color: #5d012d;
}

.EditableTable tr.Selected td,
.EditableTable tr.RowControlGroup .ControlActions, .EditableTable tr.RowControlGroup .ControlActions {
    background-color: #F2F5F6;
}

.EditableTable tr.RowControlGroup a {
    color: #5d012d;
}
/*------------------------------------*\
              $5. RichWidgets
\*-------------------------------------*/

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


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

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

div.Feedback_Message_Error,
div.Feedback_Message_Success,
div.Feedback_Message_Warning,
div.Feedback_Message_Info {
    min-width: 100px;
    top: -50px;
    height: 50px;
    position: relative;
    border-radius: 30px !important;
    border-bottom: 2px solid rgba(0,0,0,0.2);
    box-shadow: none;
    padding: 0 0 0 10px;
}

a.Feedback_Message_Wrapper_Close {
    font-size: 22px;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
}

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

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

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

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

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

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

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

div.Feedback_Message_Error {
    background-color: #c0392b;
}

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

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

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

/* Feedback messages **************************/
.Feedback_Message_Error:before,
.Feedback_Message_Warning:before,
.Feedback_Message_Success:before,
.Feedback_Message_Info:before {
    display: none;
}

Feedback_Message_Wrapper_Close,
span.Feedback_Message_Text {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.Feedback_Message_Wrapper_Close:after {
    color: rgba(255, 255, 255, .8);
}

/* Ajax Loading **************************/

.Feedback_AjaxWait {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .3);
    color: #333;
    font-size: 0;
    bottom: 30px;
    right: 30px;
    height: 50px;
    width: 50px;
    padding: 10px;
}

.Feedback_AjaxWait .Loader {
    background: url(/SilkUIFramework/img/PageOverlaySpinner.gif?13714&7417) no-repeat;
    background-size: 100%;
    width: 30px;
    height: 30px;
}





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

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

.Login_Box {
    margin-left: -150px;
    width: 300px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 4px 18px rgba(0,0,0,0.3);
}

.Login__Form {
    background-color: transparent;
}

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

.Login__Logo {
    color: #333;
}

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

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

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

.Login_Footer {
    color: #ccc;
}

.Login_Footer a,
.Login_Footer a:link,
.Login_Footer a:visited {
    color: #fff;
    font-weight: bold;
}

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

.phone .Login_Info_Username {
    display: none;
}

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

.tablet.active .Login_Info_Logout,
.phone.active .Login_Info_Logout {
    right: 15px;
    color: #08113A;
    background-color: #6F133B;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    line-height: 30px;
    text-align: center;
}

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


/* Buttons **************************/


.Button,
a.Button {
    background-color: #865e71;
    border-radius: 4px;
    border: none;
    color: #fff;
    line-height: 32px;
}

.Button:visited,
.Button:link {
    color: #fff;
}


.Button.ButtonDefault,
.Button.Is_Default {
    background-color: #5d012d;
    border: none;
}

.Button.Cancel,
a.ActionDelete {
    background-color: transparent;
    border: 1px solid #5d012d;
    line-height: 30px;
    color: #5d012d;
}

.Button.Success {
    background-color: #9BC130;
}

.Button.Danger {
    background-color: #962610;
}

.Button.Link {    
    color: #5d012d;
}

.Button.Small:visited,
.Button.Small:link {
    font-size: 12px;
    line-height: 26px;
}

.phone .Button, 
.tablet .Button, 
.phone a.Button, 
.tablet a.Button {
    line-height: 38px;
}

/* Hover states in Desktop **************************/

.desktop .Button:hover,
.desktop a.Button:hover {
    color: #fff;  
    box-shadow: none;
}

.desktop .Button.ButtonDefault:hover,
.Button.Button.Is_Default:hover {
    background-color: #80ABC6!important;
    border-color:#80ABC6!important;
}

.desktop .Button.Cancel:hover {
    background-color: #ddd;
    border-color: #666;
    color: #666;
}

.desktop .Button.Link:hover {
    background-color: transparent;
    border: 1px solid #5d012d;
    line-height: 30px;
    color: #5d012d;
}


.Button:active,
a.Button:active,
.desktop .Button:active,
.desktop a.Button:active {    
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.3);
}

/* Colors: Background and Text **************************/

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

.Page .Text_red {
    color: #c0392b;
}

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

.Page .Text_darkRed {
    color: #962610;
}

.Green {
    background-color: #9BC130;
    color: #fff;
}

.Page .Text_green {
    color: #9BC130;
}

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

.Page .Text_lightGreen {
    color: #B4DE3D;
}

.Plum {
    background-color: #9E2660;
    color: #fff;
}

.Page .Text_plum {
    color: #9b59b6;
}

.DarkPlum {
    background-color: #5d012d;
    color: #fff;
}

.Page .Text_darkplum {
    color: #5d012d;
}

/* Patterns **************************/


/* Accordion **************************/
.Accordion {
    background-color: #fff;
    border: 1px solid #d0d0d0;
}

.AccordionVertical {
    background: #fff;
}

/* Accordion Harrow **************************/
.Accordion .fa-angle-down:before {
    padding-left: 1px;
}

/* Alerts **************************/
.Alert.Info {
    background-color: #80ABC6;
    border-color: #80ABC6;
    color: #fff;
}

.Alert.Success {
    background-color: #9BC130;
    border-color: #9BC130;
    color: #fff;
}

.Alert.Error {
    background-color: #c0392b;
    border-color: #c0392b;
    color: #fff;
}

.Alert.Warning {
    background-color: #f39c12;
    border-color: #f39c12;
    color: #fff;
}

/* BlankSlate **************************/
.Blank {
    background-color: #fff;
    padding-bottom: 20px;
}

/* Card **************************/
.Card {
    background-color: #fff;
   /* border: 1px solid #ccc;*/
}

/* Panel **************************/
.Panel {
    background-color: #fff;
}

.Panel_content {
    border: none;
}

.Panel_footer {
    background-color: #f7f7f7;
}

/* Post **************************/
.Post {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #d0d0d0;
    padding: 5px;
}

/* Tooltip **************************/
.tooltip_style {
    background-color: #393939;
}

/* ButtonGroup **************************/
.ButtonGroup_button.Button {
    background-color: #fcfcfc;
   /* border-color: #ccc;
    border: 1px solid #ccc;
    */
    border-left: 0;
    color: #171717;
    height: 34px;
    line-height: 32px;
    padding: 0 10px;
}

.ButtonGroup_button.Button:hover,
.ButtonGroup_button.Button.active,
.ButtonGroup_button.Button:active {
    background: transparent;
}

.ButtonGroup_button.Button:first-child {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.ButtonGroup_button.Button:last-child {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

/* override the border button rule on hover **************************/
.desktop .ButtonGroup .Button:hover {
   /* background: #e6e6e6;
    border: 1px solid #ccc;
    */
    border-left: 0;
    color: #08113A;
    box-shadow: none;
}
/*
.desktop .ButtonGroup .Button:first-child:hover {
    border: 1px solid #ccc;
}
*/
.ButtonGroup_button.Button.disabled,
.ButtonGroup_button.Button.disabled:hover {
    background: #ddd;
    color: #999;
}

/* override rule for active/selected option over hover state **************************/
/*.desktop .ButtonGroup_button.Button:active,
.tablet .ButtonGroup_button.Button:active,
.phone .ButtonGroup_button.Button:active {
    box-shadow: 0 2px 5px rgba(0, 0, 0, .1) inset;
}
*/

.desktop .ButtonGroup_button.Button.disabled:active,
.tablet .ButtonGroup_button.Button.disabled:active,
.phone .ButtonGroup_button.Button.disabled:active {
    box-shadow: none;
}

/* override rule active state over hover state **************************/
.desktop .ButtonGroup_button.Button.active,
.tablet .ButtonGroup_button.Button.active,
.phone .ButtonGroup_button.Button.active {
    background: transparent;
}

/* Responsive Context **************************/
.phone .ButtonGroup{
    box-shadow: none;
}
/*
.phone .ButtonGroup_button.Button {
    border-left: 1px solid #ccc;
}
*/

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

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

.phone .ButtonGroup_button.Button.active {
    border-right-width: 1px;
}

.ButtonGroup_button * {
    color: inherit;
}

/* Calendar **************************/
.Calendar-dayNames {
    border-top: 2px solid #5d012d;
    border-bottom: 0;
}

.Calendar-navBtn > div {
    color: #5d012d;
}

.Calendar-day-selected,
.Calendar-day-selected:hover {
    background: #5d012d;
    color: #fff;
}

.Calendar-time-down, 
.Calendar-time-up, 
.Calendar-time-am {
    color: #5d012d;
}

/* Calendar_deprecated **************************/
.calendar {
    font-size: 16px;
    z-index: 999;
}

.calendarPattern tr.daynames {
    border: none;
    border-top: 2px solid #5d012d;
}

.calendarPattern .TitleMonth,
.calendarPattern thead .name {
    font-weight: bold;
}

.calendarPattern thead .button {
    background: #fff;
    color: #5d012d;
    font-size: 30px;
    padding-bottom: 5px;
    vertical-align: middle;
}

.calendarPattern tbody td.selected {
    background: #5d012d;
    color: #fff;
}

.calendarPattern tbody td:not(.selected).hilite {
    background: #c2c2c2;
    color: #fff;
}

/* Dropdown **************************/
.DropdownMenu .PH > a {
    color: #a4a4a4;
}

.DropdownMenu .PH > a:hover {
    color: #5d012d;
}

.open > .DropdownMenu {
    border-radius: 4px;
}

/* Dropdown: ButtonDropdown **************************/
.ButtonDropdown_text,
.ButtonDropdown_icon {
    color: #fff;
    line-height: 30px;
    margin-left: 3px;
}

.tablet .ButtonDropdown_text,
.tablet .ButtonDropdown_icon,
.phone .ButtonDropdown_text,
.phone .ButtonDropdown_icon {
    line-height: 36px;
}

/* Dropdown: IconDropdown **************************/
.IconDropdown_button.Button {
    margin-left: 0;
    min-width: 35px;
    padding: 0 10px;
}


/* Select2 **************************/
.select2-container .select2-choice {
    box-shadow: none;
    height: 34px;
    line-height: 30px;
    border-radius: 4px;
}

.select2-container .select2-choice div {
    border-left: 1px solid #ddd;
}

.select2-search input[type="text"] {
    margin-top: 4px;
}

.select2-container .select2-choice div b {
    background: url("/SilkUIFramework/img/select2.png?2700&2712&4591&16841&13604&7417") no-repeat 0 3px;
}

 .select2-container-active .select2-choice {
    border: 1px solid #949494;
    box-shadow: inset 0 2px 3px 0 rgba(0,0,0,.06);
    border-radius: 0px;
} 
 
.select2-container-active.select2-dropdown-open .select2-choice {
    border-bottom: 2px solid #949494;
    border-left: 1px solid #949494;
    border-right: 1px solid #949494;
    border-top: 1px solid #949494;
    box-shadow: none;
    border-radius: 4px;
}

select:focus, input[type="text"]:focus {
     border: 1px solid #949494;
}

/* Toggle **************************/
.ToggleButton {
    border-color: #999;
    border-radius: 4px;
}

.ToggleButton.changed {
    border-color: #999;
}

.ToggleButton_label:after,
.ToggleButton_label.changed:after {
    border-radius: 4px;
    height: 20px;
    top: 3px;
    width: 20px;
}

.ToggleButton_label.changed:after {
    left: 26px;
}

/* Badge **************************/
.IconBadge_number {
    background-color: #e73d25;
    border: 2px solid #f2f2f2;
    text-shadow: 1px 1px #c0392b;
}

/*  Breadcrumbs **************************/
.Title .Breadcrumbs {
    color: #999;
    font-size: 12px;
    font-weight: normal;
    left: 0;
    margin-bottom: 0;
    position: absolute;
    top: -32px;
}

/* NavigationBar: Horizontal **************************/
.NavigationBar a,
.NavigationBar a:link,
.NavigationBar a:visited {
    color: #c7c7c7;
}

.NavigationBar a.Active {
    color: #3e5154;
}

.NavigationBar a:after,
.NavigationBar a:link:after {
    background-color: #c7c7c7;
    content: "";
}

.NavigationBar a.Active:after {
    background-color: #5d012d;
}

.NavigationBar a.Active:not(.IE8):before {
    border-bottom: 4px solid #5d012d;
    content: "";
}

/* Responsive Context */
.desktop .NavigationBar a:hover {
    text-decoration: none;
}

.desktop .NavigationBar a:hover,
.desktop .NavigationBar a:link:hover {
    color: #3e5154;
}

.desktop .NavigationBar a:hover:after,
.desktop .NavigationBar a:link:hover:after {
    background-color: #5d012d;
}

/* NavigationBar: Vertical **************************/
.NavigationBar.Vertical a.Active,
.NavigationBar.Vertical a:link.Active {
    border-color: #5d012d;
}

.NavigationBar.Vertical a.Active:not(.IE8):before {
    border-left: 4px solid #5d012d;
}

/* Responsive Context **************************/
.desktop .NavigationBar.Vertical a:hover,
.desktop .NavigationBar.Vertical a:link:hover {
    border-color: #5d012d;
    ;
}
.phone .NavigationBar .InlineDropdown:active:after,
.phone .NavigationBar .InlineDropdown:link:active:after,
.tablet .NavigationBar .InlineDropdown:active:after,
.tablet .NavigationBar .InlineDropdown:link:active:after,
.phone .NavigationBar a:active:after,
.phone .NavigationBar a:link:active:after,
.tablet .NavigationBar a:active:after,
.tablet .NavigationBar a:link:active:after {
    background-color: #5d012d;
}

/* SectionIndex **************************/
.SectionIndex.vertical a.active,
.SectionIndex.vertical a:hover {
    border-bottom: medium none;
    border-left-color: #5d012d;
}

.SectionIndex a.active,
.SectionIndex a:hover {
    border-bottom: 2px solid #5d012d;
    color: #5d012d;
    text-decoration: none;
}

/* TabsClient **************************/
.Tabs {
    background: #fff;
}

.Tabs_body {
    background-color: #fff;
}

.Tabs__tab {
    background-color: #e7edee;
    border-bottom-color: #ccc;
    line-height: 30px;
    color: #5d012d;
    font-weight: bold;
}

.Tabs__tab.active {
    background-color: #fff;
    border-bottom: none;
    border-top: 1px solid #ccc;
}

.Tabs__tab:hover {
    background-color: #fff;
}

.Tabs_body {
    padding: 20px;
}

.Tabs .PH:empty {
    display: none;
}

.Panel .Tabs__tab {
    border-top: none;
}

.TabsServer {
    border-color: #ccc;
}

.TabsServer a,
.TabsServer a:link,
.TabsServer a:visited {
    background-color: #e6e6e6;
    border-color: #ccc;
    color: #333;
    line-height: 30px;
}

.TabsServer a:hover,
.TabsServer a:active,
.TabsServer a.Active {
    background-color: #f2f2f2;
    border-bottom-color: #f2f2f2;
    color: #333;
}

.TabsServer a:hover {
    background-color: #f2f2f2;
    border-color: #ccc;
}

/* Wizard **************************/
.WizardStep {
    background-color: #c2c2c2;
}

.WizardStep:before {
    border-bottom-color: #c2c2c2;
    border-top-color: #c2c2c2;
}

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

.WizardStep.ActiveStep {
    background: #5d012d;
    font-weight: bold;
}

.WizardStep.ActiveStep:before {
    border-bottom-color: #5d012d;
    border-top-color: #5d012d;
}

.WizardStep.Past {
    background-color: #865e71;
}

.WizardStep.Past:before {
    border-color: #865e71;
}

.WizardStep.Past:after {
    border-right: 1px solid #5D012D;
    border-top: 1px solid #5D012D;
}

.WizardStep:after {
    border-right: 1px solid #efefef;
    border-top: 1px solid #efefef;
}

/* ExcludeFromPickers: Accordion, AccordionVertical, active, ActiveStep, Blank, Breadcrumbs, ButtonDropdown_icon, ButtonDropdown_text, ButtonGroup, 
ButtonGroup_button, Buttons, calendarPattern, Card, changed, day, daynames, desktop, disabled, DropdownMenu, hilite, IconBadge_number, 
IconDropdown_button, IE8, InlineDropdown, Is_Default, Loading, mini, name, NavigationBar, Neutral, open, Panel, Panel_content, Panel_footer, 
Past, PH, phone, Post, SectionIndex, select2-choice, select2-container, selected, tablet, Tabs, Tabs__tab, Tabs_body, TabsServer, Title,
TitleMonth, TitleYear, ToggleButton, ToggleButton_label, tooltip_style, Vertical, WizardStep

*/


.Search_wrapper input[type="text"] {
    height:32px;
    line-height:32px;
    background-color: white;
    border: 1px solid #b3c2c7;
    border-radius: 4px;
    box-shadow: none;
}

.tablet .Search_wrapper input,
.phone .Search_wrapper input {
    height: 38px;
    line-height :38px;
}


.Search_wrapper:after {
    left: 12px;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
            transform: translateY(-50%);
}

.DisplayStep.OSInline {
    height: 26px; 
    line-height: 26px;
    background-color: #e8dede; 
    color: #5d012d;
    border-radius: 6px;
    font-size: 12px;
    font-weight: bold;
    padding: 0 0 0 10px;
    white-space: nowrap;
}

span.DisplayStepLabel {
    color: #333;
}

.DisplayStepCount.OSInline {
    padding: 0 10px;  
    background-color: #d7cbcb; 
    border-radius: 0 6px 6px 0;
    text-align: center;
}

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

.select2-results .select2-highlighted {
    background: #5d012d;
}

.TableFilter {
    margin-left: 10px;
}

.TableFilter .IconNoFilter,
.TableFilter .IconNoFilte {
    
    
}

.StatusLabel {
    width: 20px;
    height: 20px;
    
    border-radius: 50%;
    margin-right: 10px;
}

.BalloonContainer {
    
    
}

.DisplayStep.OSInline {
    
}




/* OS PopUps **************************/

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: #5d012d;
}

.BottomMenu_wrapper {
    border-top: 2px solid #5d012d;
}

.BottomMenu_item.active {
    background-color: #5d012d;
    color: #fff;
    padding: 10px;
}

/**********************************************************************************************************************************************************************************************************************************************************************************************************************************/
body,
.Content,
.MainContent {
    background: rgba(255, 255, 255, 1);
}

a,
a:link,
a:visited {
    color: rgb(255, 255, 255);
}

body,
select,
textarea,
input,
.Heading1,
.Heading2,
.Heading3,
.Heading4 {
    color: rgba(0, 0, 0, 1);
}

.Header {
    background-color: rgba(255, 255, 255, 1);
    color: #08113A;
    font-weight: bold;
}

.Application_Title a,
.Application_Title a:link,
.Application_Title a:visited,
.Application_Title a:hover {
    color: #08113A;
}

.Title.Heading1 {
    color: #08113A;
}

.Login_Info,
.AppSwitcherContainer,
a.Login_Info_Username,
a.Login_Info_Username:link,
a.Login_Info_Username:visited {
    color: #08113A;
}

.Login_Info_Logout:before,
.Login_Info_Username:before,
.AppSwitcherContainer:before,
.AppSwitcherLink[disabled='disabled']:before {
    color: #08113A;
}



.Menu_DropDownPanel a,
.Menu_DropDownPanel a:link,
.Menu_DropDownPanel a:visited {
    color: rgba(255, 255, 255, 1);
}

.Menu_TopMenu a:link,
.Menu_TopMenu a:visited,
.Menu_TopMenu a {
    color: #08113A;
}



.Menu_TopMenu .Menu_DropDownArrow {
    border-top-color: rgba(255, 255, 255, 1);
}


.Menu_TopMenuActive a:link,
.Menu_TopMenuActive a:visited,
a.Menu_SubMenuItemActive:link,
a.Menu_SubMenuItemActive:visited,
a.Menu_SubMenuItem:hover {
    color: #08113A;
}

.tablet .MenuSlider_Toggler, 
.phone .MenuSlider_Toggler {
    color: #08113A;
}

.Menu_DropDownPanel {
    background-color: #08113A;
}

.Menu_DropDownPanel a.Menu_SubMenuItem:hover {
    background-color: #31769C;
}

.Menu_DropDownPanel a.Menu_SubMenuItem,
.Menu_DropDownPanel a.Menu_SubMenuItem:link,
.Menu_DropDownPanel a.Menu_SubMenuItem:visited {
    border-color: #31769C;
    color: rgba(255, 255, 255, 1);
    background-color: #08113A;
}

.ie8 .Menu_DropDownPanel a.Menu_SubMenuItem,
.ie8 .Menu_DropDownPanel a.Menu_SubMenuItem:link,
.ie8 .Menu_DropDownPanel a.Menu_SubMenuItem:visited {
    border-bottom: #31769C;
}

.Menu_DropDownPanel a.Menu_SubMenuItem:hover {
    background-color: #31769C;
}

.desktop .Menu_SubItemsPlaceholder a:hover,
.desktop .Menu_SubItemsPlaceholder a:link:hover,
.desktop .Menu_SubItemsPlaceholder a:visited:hover {
    color: #fff;
}

.Feedback_AjaxWait {
    color: #80ABC6
}

.Login_background + span .Feedback_Message_Wrapper span + .Feedback_Message_Error .Feedback_Message_Wrapper_Close:after {
    color: #08113A;
}

.DropdownMenu .PH > a:hover {
   color: rgba(149, 209, 250, 1);
}

.IconBadge_number {
    background-color: #80ABC6
}

.NavigationBar a.Active:after {
    background-color: #80ABC6
}

.NavigationBar a.Active:not(.IE8):before { /* Triangle indicator (:before) */
    border-bottom: 4px solid #80ABC6
}

.desktop .NavigationBar a:hover:after,
.desktop .NavigationBar a:link:hover:after {
    background-color: #80ABC6
}

.NavigationBar.Vertical a.Active,
.NavigationBar.Vertical a:link.Active {
  border-color: #80ABC6
}

.NavigationBar.Vertical a.Active:not(.IE8):before {
    border-left: 4px solid #80ABC6
}

.desktop .NavigationBar.Vertical a:hover,
.desktop .NavigationBar.Vertical a:link:hover {
    border-color: #80ABC6
}
.phone .NavigationBar .InlineDropdown:active:after,
.phone .NavigationBar .InlineDropdown:link:active:after,
.tablet .NavigationBar .InlineDropdown:active:after,
.tablet .NavigationBar .InlineDropdown:link:active:after,
.phone .NavigationBar a:active:after,
.phone .NavigationBar a:link:active:after,
.tablet .NavigationBar a:active:after,
.tablet .NavigationBar a:link:active:after {
    background-color: #80ABC6
}

.SectionIndex.vertical a.active,
.SectionIndex.vertical a:hover {
    border-left-color: rgba(149, 209, 250, 1);
}

.SectionIndex a.active,
.SectionIndex a:hover {
    border-bottom: 2px solid rgba(149, 209, 250, 1);
    color: rgba(149, 209, 250, 1);
}

.WizardStep.ActiveStep {
    background: #08113A;
}

.WizardStep.ActiveStep:before {
    border-top-color: #08113A;
    border-bottom-color: #08113A;
}

.WizardStep.Past {
    background-color: rgba(71, 169, 224, .8);
}

.WizardStep.Past:after {
    border-top: 1px solid #08113A;
    border-right: 1px solid #08113A;
}


.Button.Link {
    color: #80ABC6
}

.desktop .Button.Link:hover {
    border-color: #80ABC6
    color: #80ABC6
}

div.Application_Menu div.Menu_DropDownPanel a,
div.Application_Menu div.Menu_DropDownPanel a:link,
div.Application_Menu div.Menu_DropDownPanel a:visited {
    border-bottom: solid 1px #31769C;
}


div.calendarPattern tr.daynames {
    border-top: 2px solid #08113A;
}

div.calendarPattern thead .button {
    color: #08113A;
}

div.calendarPattern tbody td.selected {
    background:  #08113A;
}

.DropdownMenu .PH > a:hover {
   color: #31769C;
}

.SectionIndex.vertical a.active,
.SectionIndex.vertical a:hover {
    border-left-color: #31769C;
}

.SectionIndex a.active,
.SectionIndex a:hover {
    border-bottom: 2px solid #31769C;
    color: #31769C;
}

.WizardStep.Past {
    background-color: #31769C;
}

.WizardStep.Past:before{
    border-color: #31769C;
}

a.Header_ButtonMenu {
    color: #08113A;
}

.tablet .Menu_DropDownPanel,    
.phone .Menu_DropDownPanel {
    background-color: #999;
}

.tablet .Application_Menu, 
.phone .Application_Menu {
    background-image: none;
    background-color: #08113A;
}

a.ActionAdd,
a.ActionEdit,
a.ActionChange,
a.ActionDelete {
    background-color: #08113A;
    color: #FFF;
    border: 1px solid #08113A;
 }

a.ActionAdd:hover,
a.ActionEdit:hover,
a.ActionChange:hover,
a.ActionDelete:hover {
  background-color: #31769C;;
  border-color: #31769C;;
}


a.ListNavigation_PageNumber:link,
span.ListNavigation_CurrentPageNumber,
span.ListNavigation_Ellipsis,
a.ListNavigation_Previous:link,
a.ListNavigation_Next:link {
    background: #fcfcfc;
    border: 1px solid #CCCCCC;
    color: #2e3136;
}

a.ListNavigation_PageNumber:link:hover,
span.ListNavigation_Ellipsis:hover,
a.ListNavigation_Previous:link:hover,
a.ListNavigation_Next:link:hover {
    background-color: #E6E6E6;
    border-color: #4C4C4C;
}

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

.TableRecords_Header {
    color: #ffffff;
    background-color: #08113a;
    /*border-radius: 0px 20px 0px 20px;*/
    font-weight: bold;    
}

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

.TableRecords {
    background: none repeat scroll 0 0 #FFF;
    border-color: #d0d0d0;
}

.TableRecords_EvenLine {
    background-color: #F4F4F4;
}

.EditableTable thead td {
    color: #2e3136;
}

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

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

td.RowWithAddAction {
    background: none repeat scroll 0 0 #FFF;
}

.Login_Title {
    color:  #fff;
}

.Login_Text {
    color: #333;
}

.Login_background + span .Feedback_Message_Wrapper span + .Feedback_Message_Error .Feedback_Message_Wrapper_Close:after {
    color: #fff;
}

.Login_Footer {
   color: #999;
}

.Accordion {
    background-color: #fff;
    border: 1px solid #d0d0d0;
}

.Post {
    background: none repeat scroll 0 0 #fff;
    padding: 5px;
    border: 1px solid #d0d0d0;
}

.tooltip_style {
    background-color: #393939;
}

.ButtonGroup_button.Button {
    color: #08113A;
   /* background-color: #FCFCFC;
    border-color: #CCC;
    border-right: 1px solid #CBCBCB;*/
}

.ButtonGroup_button.Button:hover,
.ButtonGroup_button.Button.active,
.ButtonGroup_button.Button:active {
    border-color: transparent;
    background: transparent;
}
/*
.ButtonGroup_button.Button:first-child {
    border-left: 1px solid #CBCBCB;
}
*/
.desktop .ButtonGroup .Button:hover {
    background: #E6E6E6;
}
/*
.desktop .ButtonGroup .Button:first-child:hover {
    border: 1px solid #CCC;
}*/
.desktop .ButtonGroup_button.Button.disabled,
.desktop .ButtonGroup_button.Button.disabled:hover {
    color: #999;
    background-color: #F5F5F5;
}

.desktop .ButtonGroup_button.Button.active,
.tablet .ButtonGroup_button.Button.active,
.phone .ButtonGroup_button.Button.active {
   color:#08113A;
}
/*
.phone .ButtonGroup_button.Button,
.mini.tablet .ButtonGroup_button.Button {
    border-left: 1px solid #CCC;
} 
*/



.DropdownMenu .PH > a {
   color: #A4A4A4;
}

.DropdownMenu .PH > a:hover {
   color: #08113A;
}

.ButtonDropdown_text,
.ButtonDropdown_icon {
    color: #fff;
}

.IconBadge_number {
    border: 2px solid #F2F2F2;
    background-color: #08113A;
    text-shadow: 1px 1px rgba(0,0,0,0.5);
}

.NavigationBar a,
.NavigationBar a:link,
.NavigationBar a:visited {
    color: #c7c7c7;
}

.NavigationBar a.Active {
    color: #3e5154;
}

.NavigationBar a:after,
.NavigationBar a:link:after {
    background-color: #c7c7c7;
}

.NavigationBar a.Active:after {
    background-color: #08113A; 
}

.NavigationBar a.Active:not(.IE8):before {
    border-bottom: 4px solid #08113A;
}

.desktop .NavigationBar a:hover, 
.desktop .NavigationBar a:link:hover {
    color: #3e5154;
}

.desktop .NavigationBar a:hover:after, 
.desktop .NavigationBar a:link:hover:after {
    background-color: #08113A;
}

.NavigationBar.Vertical a.Active,
.NavigationBar.Vertical a:link.Active {
  border-color: #08113A;
}

.NavigationBar.Vertical a.Active:not(.IE8):before {
    border-left: 4px solid #08113A;
}

.desktop .NavigationBar.Vertical a:hover,
.desktop .NavigationBar.Vertical a:link:hover {;
    border-color: #08113A;
}
.phone .NavigationBar .InlineDropdown:active:after,
.phone .NavigationBar .InlineDropdown:link:active:after,
.tablet .NavigationBar .InlineDropdown:active:after,
.tablet .NavigationBar .InlineDropdown:link:active:after,
.phone .NavigationBar a:active:after, 
.phone .NavigationBar a:link:active:after,
.tablet .NavigationBar a:active:after, 
.tablet .NavigationBar a:link:active:after {
    background-color: #08113A;
}

.SectionIndex.vertical a.active,
.SectionIndex.vertical a:hover {
    border-left-color: #08113A;
}

.SectionIndex a.active,
.SectionIndex a:hover {
    border-bottom: 2px solid #08113A;
    color: #08113A;
}

.TabsServer a,
.TabsServer a:link,
.TabsServer a:visited {
    color: #333;
    background-color: #e6e6e6;
    border-color: #CCC;
}

.TabsServer a:hover,
.TabsServer a:active,
.TabsServer a.Active {
    color: #333;
    background-color: #F2F2F2;
    border-bottom-color: #F2F2F2;
}

.TabsServer a:hover {
    border-color: #CCC;
    background-color: #F2F2F2;
}

.Panel .Tabs__tab {
    border-left: 1px solid #CCC;
}

.WizardStep {
    background-color: #C2C2C2;
}

.WizardStep:before {
    border-top-color: #C2C2C2;
    border-bottom-color: #C2C2C2;
}

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

.WizardStep.ActiveStep {
    background: #08113A;
    font-weight: bold;
}

.WizardStep.ActiveStep:before {
    border-top-color: #08113A;
    border-bottom-color: #08113A;
}

.WizardStep.Past {
    background-color: #08113A;
}

.WizardStep.Past:before {
    border-color: #08113A;
}

.WizardStep.Past:after {
    border-top: 1px solid #31769C;
    border-right: 1px solid #31769C;
}

.WizardStep:after {
    border-top: 1px solid #EFEFEF;
    border-right: 1px solid #EFEFEF;
}

.Button,
a.Button {
   background-color: #80ABC6
}

.Button:visited,
.Button:link {
    color: #fff;
}

.Button.ButtonDefault,
.Button.Is_Default {
    background-color: #08113A;
    color: #FFF;
}



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

.Button.Cancel,
a.ActionDelete {
    border-color: #08113A;
    color: #08113A;
}

.Button.Neutral {
    background-color: #31769C;
}

.Button.Link {
    color: #08113A;
}

.desktop .Button:hover,
.desktop a.Button:hover {
    background-color: #80ABC6;
}

.desktop .Button[disabled]:hover {
    color: #FF0000;
}

.desktop .Button.Cancel:hover {
    background-color: #08113A;
    border-color: transparent;
    color: #fff;
}

.desktop .Button.Success:hover {
    background-color: #acc469;
}

.desktop .Button.Danger:hover {
    background-color: #9e5141;
    border-color: #9e5141;
}

.desktop .Button.Link:hover {
    border-color: #08113A;
    color: #08113A;
}

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: #08113A;
}

.Calendar-day-selected, 
.Calendar-day-selected:hover {
    background: #08113A; 
}

.Calendar-navDisabled > div, 
.topBar-navDisabled .Calendar-navBtn > div,
.Calendar-time-down, 
.Calendar-time-up, 
.Calendar-time-am {
    color: #08113A; 
}

.Calendar-dayNames {
    border-top: 2px solid #08113A; 
}

.AccordionVertical_item.open .AccordionVertical___icon > .fa {
    border: 1px solid #08113A; 
    color: #08113A;
}

.owl-theme .owl-controls .owl-buttons div,
.owl-theme .owl-controls .owl-page span {
    background: #08113A; 
}

.SectionExpandable.expanded .SectionExpandable__icon {
    color: #08113A;   
}

.select2-results .select2-highlighted {
    background: #08113A;   
}

.ToggleButton.changed {
    background-color: #08113A;   
}

.BottomMenu_item.active {
    background-color: #08113A;       
}

.BottomMenu_wrapper {
    border-top: 2px solid #08113A;       
}

.Tabs__tab {
    color: #08113A;
}

.EditableTable thead th {
    border-bottom: 1px solid #08113A;
    color: #08113A;
}

.EditableTable thead th.Mandatory:after {
    color: #08113A;
}

.TableRecords .fa, .EditRecord .fa, .EditableTable .fa {
    color: #08113A;
}

input[type='radio']:after {
    background: #08113A;
    border: 2px solid #08113A;
}

input[type='checkbox']:after {
    border: 3px solid #08113A;
    border-right: 0;
    border-top: 0;
}

.tablet.active .Login_Info_Logout, 
.phone.active .Login_Info_Logout {
    background-color: #08113A;
}


.tablet .Login_Info_Logout:before,
.phone .Login_Info_Logout:before {
    color: #fff;
}

.tablet .Button.Link:active,
.phone .Button.Link:active {
    border: 1px solid #08113A;
    line-height: 36px;
}

.DisplayStep.OSInline {
    color: #08113A;
    background-color: #FADF69;
}

.DisplayStepCount.OSInline {
   background-color: #80ABC6
}



/*------------------------------------*\
      $10 Custom Patterns
\*------------------------------------*/

/*------------------------------------------------------------*/
/* 10.1 Custom Patterns > Header Lines   **********************/
/*------------------------------------------------------------*/

.headerBorderTop{
    width: 50%;
    position: relative;
    display: inline-block;
    
    
}

.tablet .headerBorderTop {
    width: 50%;
}

.phone .headerBorderTop {
    width: 50%;
}

.headerBorderTop:after,
.headerBorderTop:before{
    height: 1px;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 50%;
    
    
}

.headerBorderTop:after{
    left: 50%;
}

.headerBorderTop.Left:before {
    background: #3898d7; /* Blue Color */
}

.headerBorderTop.Left:after {
    background: #62c348; /* Green Color */
}

.headerBorderTop.Right:before {
    background: #d9dc40; /* Yellow Color */  
}

.headerBorderTop.Right:after {
    background: #dc8036; /* Orange Color */
}

/*------------------------------------------------------------*/
/* 10.2 Custom Patterns > IconLabel   *************************/
/*------------------------------------------------------------*/

.IconLabel .IconLabel_Icon{
    font-size: 24px;
}

.IconLabel .IconLabel_Label{
    color: #3d4245;
    font-size: 14px;
}


.SeparatorDashed {
    border-bottom: 1px dashed #d2d9de;
    margin: 10px 0;
}

/*------------------------------------------------------------*/
/* 10.3 Custom Patterns > TableRecordRowBelow   ***************/
/*------------------------------------------------------------*/

.TableRecords tr.TableRecordRowBelow td {
    border-bottom: 1px solid #d2d9de;
}


.TableRecords.TableRecordRow tr:not(.TableRecordRowBelow) td {
    border-bottom: 0;
}

.TableRecords tr:last-child:not(.TableRecordRowBelow) td {
    border-bottom: 0;
}

.TableRecordRowBelow .TableRecordRowBelow_Content_Image .image {
    background-color: white;
    border: 1px solid #d1d9de;
    margin: 20px;
    padding: 5px;
    width: 90%;
}

.TableRecordRowBelow .TableRecordRowBelow_Content {
    color: #60707b;
    padding-top: 10px;
}

.TableRecordRowBelow_Content_Image,
.TableRecordRowBelow_Content {
    width: 100%;
    
    
    
}

tr.TableRecordRowBelow:nth-child(4n) {
    background-color: #f7fbff;
}

.tablet.portrait .TableRecords:not(.NoResponsive) > * > * > td.TableRecordRowBelow, 
.phone .TableRecords:not(.NoResponsive) > * > * > td.TableRecordRowBelow{
    display: none;
}

.tablet.portrait .TableRecords:not(.NoResponsive) tr.TableRecords_ExpandedRow td.TableRecordRowBelow, 
.phone .TableRecords:not(.NoResponsive) tr.TableRecords_ExpandedRow td.TableRecordRowBelow{
    display: block;
}

/*------------------------------------------------------------*/
/* 10.4 Custom Patterns > TagIdentification   *****************/
/*------------------------------------------------------------*/

.TagIdentification .TagIdentification_Title {
    color: #3d4245;
    font-weight: bold;
    text-transform: uppercase;
}

.TagIdentification .TagIdentification_Tag {
    height: 20px;
    width: 30px;

    
}

.TagIdentification .TagIdentification_Description {
    color: #98aab4;
    font-size: 12px;
    font-weight: 600;
    padding-top: 2px;
    text-transform: uppercase;
}

/*------------------------------------------------------------*/
/* 10.5 Custom Patterns > TagLabel   **************************/
/*------------------------------------------------------------*/

.TagLabel .TagLabel_Number{
    width: 30px;
    height: 20px;
    background: #fff;
    border: 1px solid #d8d8d8;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    padding-top: 2px;
}

.TagLabel .TagLabel_Label{
    color: #98aab4;
    font-size: 12px;
    font-weight: 600;
    padding-top: 3px;
    text-transform: uppercase;
}

/*------------------------------------------------------------*/
/* 10.6 Custom Patterns > TriggerExpandable   *****************/
/*------------------------------------------------------------*/

.TriggerExpandable_Wrapper {
    border: 1px solid #c3d4dd;
    display: none;
    margin: 10px 0 0;
    overflow: hidden;
    padding: 20px 110px;
    position: relative;

    
    
    
    
}

.phone .TriggerExpandable_Wrapper{
    padding: 20px;
}

.TriggerExpandable_Wrapper.open {
    display: none;
    overflow: visible !important;
}

.TriggerExpandable_Wrapper .arrow {
    border-color: transparent transparent #c3d4dd transparent;
    border-style: solid;
    border-width: 0 12px 10px 12px;
    content: "";
    height: 0;
    position: absolute;
    top: -10px;
    width: 0;
    
    
}

::-webkit-input-placeholder,
:-moz-placeholder,
::-moz-placeholder,
:-ms-input-placeholder {
    color: #98aab4;
}

::-webkit-input-placeholder {
    font-size: 14px;
}
/*------------------------------------------------------------*/
/* Filters_Wrapper   *****************/
/*------------------------------------------------------------*/
.Filters_Wrapper {
    background-color: #80ABC6;
    border: 1px solid #80ABC6;
    border-radius: 0px 20px;
}


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 {
    border: 1px solid #c3d4dd;
    border-radius: 2px;
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, .1);
    font-size: 16px;
    height: 40px;
}

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

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

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

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

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

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

/* Font OpenSans classes */

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

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

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

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

/* =================================================== */
.PortalLink{
    position: fixed;
    top: 75px;
    right: 0;
    padding: 13px 3px 13px 10px;
    background: #f4f4f4;
    border-radius: 18px 0px 0px 18px;
    box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.4);
    opacity: 0.9;
    -webkit-transition: all .3s ease-in-out !important;
  -moz-transition: all .3s ease-in-out !important;
  transition: all .3s ease-in-out !important; 
}
.PortalLink:hover{
    opacity: 1;
    box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.55);
}
.PortalLink img{
    width: 55px;
}
.phone .PortalLink img{
    width: 45px;
}

/*
    How to generate a theme for your company: 
    
        1 - Go to http://labs.outsystems.net/ThemeCustomizer/GenerateLiverpool.aspx
        2 - Copy the generated CSS
        3 - Replace the CSS for Primary Color Customization below with the Generated CSS

*/





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

    File: LiverpoolTheme

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


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

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

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

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

a,
a:link,
a:visited {
    color: #5d012d;
    -webkit-transition: color .2s ease-in;
       -moz-transition: color .2s ease-in;
         -o-transition: color .2s ease-in;
            transition: color .2s ease-in;
}

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

.desktop .Application_Menu a:hover,
.desktop .Application_Menu a:link:hover,
.desktop .Application_Menu a:visited:hover {
    color: #80ABC6;
}

.desktop .Menu_SubItemsPlaceholder a:hover,
.desktop .Menu_SubItemsPlaceholder a:link:hover,
.desktop .Menu_SubItemsPlaceholder a:visited:hover {
    color: #333;
}









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



/* Header **************************/
.Header {
    background-color: #fff;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 20;
     /* avoid adorners overlapping header */
}






.tablet .Header,
.phone .Header {
    box-shadow: 0 -2px 10px rgba(0,0,0,0.3);
}

.Header img {
    vertical-align: middle;
}

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


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

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

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

    padding-left: 3px;
}

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

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

.Application_Title img {
    /*max-height: 25px;*/
    padding-bottom: 4px;
}

/* User info **************************/
.Login_Info,
.AppSwitcherContainer,
a.Login_Info_Username,
a.Login_Info_Username:link,
a.Login_Info_Username:visited {
    font-size: 100%;
    font-weight: normal;
    margin-right: 10px;
}
.ProfileLink{display: inline; margin-right: 10px;}
.Login_Info {
    float: right;
    line-height: 50px;
}

.Login_Info_Logout {
    font-size: 0;
}

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

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

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



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




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

.tablet .Application_Menu,
.phone .Application_Menu {
    bottom: 0;
    display: block;
    height: auto;
    overflow: auto;
    position: fixed;
    right: -270px;
    top: 51px;
    background-color: #fff;
    background-image: url(/ATCGlobalTheme/img/bluebg.jpg?7417); /* set the Application_Menu background color, applied when on slide mode */
    background-size: cover;
    /* Enable hardware acceleration */
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
            transform: translateZ(0);
    /* Animate the menu when opening and closing */
    -webkit-transition: all .3s ease-out;
       -moz-transition: all .3s ease-out;
        -ms-transition: all .3s ease-out;
         -o-transition: all .3s ease-out;
            transition: all .3s ease-out;
    width: 260px;
    /* reduce animation flickering */

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



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

/* .Menu_DropDownButton **************************/
.tablet .Application_Menu .Menu_DropDownButton,
.phone .Application_Menu .Menu_DropDownButton {
    display: block;
    position: relative;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

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

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

/* .Menu_TopMenu **************************/
.Menu_TopMenu {
    position: relative;
    opacity: 0.8;
}

.desktop .Menu_TopMenu {
    transition: color 200ms ease;
}


.Menu_TopMenu:hover,
.open .Menu_TopMenu {
    opacity: 1;
}

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


.Menu_TopMenuActive,
.Menu_DropDownButton.open .Menu_TopMenu {    
    opacity: 1;
}

.Menu_TopMenu a:link,
.Menu_TopMenu a:visited,
.Menu_TopMenu a {
    color: #08113A;
    display: inline-block;
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
    text-decoration: none;
    text-transform: uppercase;
    text-shadow: none;
}

.tablet .Menu_TopMenu a:link,
.tablet .Menu_TopMenu a:visited,
.tablet .Menu_TopMenu a,
.phone .Menu_TopMenu a:link,
.phone .Menu_TopMenu a:visited,
.phone .Menu_TopMenu a {
    width: 100%;
}

.Menu_TopMenuActive a:link,
.Menu_TopMenuActive a:visited,
a.Menu_SubMenuItemActive:link,
a.Menu_SubMenuItemActive:visited,
a.Menu_SubMenuItem:hover {
    color: #08113A;
}

/* .Menu_DropDownPanel */
.Menu_DropDownPanel {
    border: none;
    margin-top: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

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

.tablet .Menu_DropDownPanel,
.phone .Menu_DropDownPanel {
    /* border: 0; */
    box-shadow: none;
    margin: 0;
    padding: 0;
    position: static;
}

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

/* Menu_SubMenuItem */
.Menu_DropDownPanel a.Menu_SubMenuItem {
    background-color: #F9E9EF;
    border-bottom: 1px solid rgba(0, 0, 0, .15);
    color: #333;
    padding: 5px 10px;
}

.tablet .Menu_DropDownPanel a.Menu_SubMenuItem,
.phone .Menu_DropDownPanel a.Menu_SubMenuItem {
    padding: 8px 20px;
}

.Menu_DropDownPanel a.Menu_SubMenuItem:last-child,
.Menu_DropDownPanel a.Menu_SubMenuItem:link:last-child,
.Menu_DropDownPanel a.Menu_SubMenuItem:visited:last-child {
    border-bottom: none;
}

.ie8 .Menu_DropDownPanel a.Menu_SubMenuItem,
.ie8 .Menu_DropDownPanel a.Menu_SubMenuItem:link,
.ie8 .Menu_DropDownPanel a.Menu_SubMenuItem:visited {
    border-bottom: 1px solid #a90002;
}

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

/* Page Title **************************/
.Title {
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 60%;
}

.Title.Heading1 {
    color: #5d012d;
    line-height: 34px;
    margin-top: 0;
}

.Title.Heading1 .RequestStatus {
    color: #333;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    vertical-align: middle;
}

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


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

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

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

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

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

/* Intelliwarp generated actions **************************/
a.ActionAdd,
a.ActionEdit,
a.ActionChange,
a.ActionDelete {
    background-color: #865e71;
    border-radius: 4px;
    border: none;
    box-shadow: none;
    color: #fff;    
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    margin-left: 10px;
    padding: 0 15px;
    text-shadow: none;
}

a.ActionAdd:hover,
a.ActionEdit:hover,
a.ActionChange:hover,
a.ActionDelete:hover {
    background-color: #5c5357;
    color: #fff;
    box-shadow: none;
    text-decoration: none;
}

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

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

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

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

/* content **************************/
.Content {
    background-color: #f2f5f6;
    margin-bottom: -40px;
    min-height: 100%;
    padding-top: 102px;
}


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

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




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

/* Footer **************************/
.Footer {
    font-size: 12px;
    min-height: 40px;
    padding: 10px 0;
    position: absolute;
    text-align: center;
    width: 100%;
}

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

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

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

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

    padding-left: 10px;
}

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





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

textarea,
select,
input {    
    line-height:32px;
    background-color: white;
    border: 1px solid #b3c2c7;
    border-radius: 4px;
    box-shadow: none;
    font-size: 16px;
}

select,
input {
    height: 32px;
}

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

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

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

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


select:focus,
input:not([type="submit"]):focus {
    border: 1px solid #ccc;
}

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

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

.Form:not(.ReadOnly) input.ReadOnly,
.Form:not(.ReadOnly) textarea.ReadOnly,
.Form:not(.ReadOnly) {
    cursor: text;
}

select.ReadOnly {
    cursor: pointer;
}

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





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

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

    -webkit-appearance: none;
       -moz-appearance: none;
         -o-user-select: none;
    border-radius: 4px;
}

a.ListNavigation_PageNumber:link:hover,
span.ListNavigation_Ellipsis:hover,
a.ListNavigation_Previous:link:hover,
a.ListNavigation_Next:link:hover {
    background-color: #eee;
    color: #5d012d;
    box-shadow: none;
    text-decoration: none;
}

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

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

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

.TableRecords {
    background: transparent;
    border: none;
    padding: 0px 0 0;
}

.TableRecords_OddLine,
.TableRecords_EvenLine {
    border-bottom: 1px solid #b3c2c7;
    vertical-align: middle;
}

.TableRecords_OddLine, .TableRecords_EvenLine {
    padding: 15px 0 15px 10px;
}

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

.TableRecords_EvenLine {
    background-color: transparent;
}

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

.TableRecords_Header.SortColumns_Sortable {
    font-weight: bold;
}

.SortColumns_Sortable:hover {
    text-decoration: none;
}

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

.IconATC .fa {
    color: #5d012d;
}

/* .EditableTable **************************/
.EditableTable {
    border: none;
    background: transparent;
}

.EditableTable thead th {
    border-bottom: 1px solid #5d012d;    
    color: #5d012d;
    font-weight: normal;
}

td.RowWithAddAction {
    background: transparent;
    border: none;
}

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

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

.EditableTable thead th.Mandatory:after {
    color: #5d012d;
}

.EditableTable tr.Selected td,
.EditableTable tr.RowControlGroup .ControlActions, .EditableTable tr.RowControlGroup .ControlActions {
    background-color: #F2F5F6;
}

.EditableTable tr.RowControlGroup a {
    color: #5d012d;
}
/*------------------------------------*\
              $5. RichWidgets
\*-------------------------------------*/

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


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

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

div.Feedback_Message_Error,
div.Feedback_Message_Success,
div.Feedback_Message_Warning,
div.Feedback_Message_Info {
    min-width: 100px;
    top: -50px;
    height: 50px;
    position: relative;
    border-radius: 30px !important;
    border-bottom: 2px solid rgba(0,0,0,0.2);
    box-shadow: none;
    padding: 0 0 0 10px;
}

a.Feedback_Message_Wrapper_Close {
    font-size: 22px;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
}

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

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

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

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

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

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

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

div.Feedback_Message_Error {
    background-color: #c0392b;
}

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

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

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

/* Feedback messages **************************/
.Feedback_Message_Error:before,
.Feedback_Message_Warning:before,
.Feedback_Message_Success:before,
.Feedback_Message_Info:before {
    display: none;
}

Feedback_Message_Wrapper_Close,
span.Feedback_Message_Text {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.Feedback_Message_Wrapper_Close:after {
    color: rgba(255, 255, 255, .8);
}

/* Ajax Loading **************************/

.Feedback_AjaxWait {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .3);
    color: #333;
    font-size: 0;
    bottom: 30px;
    right: 30px;
    height: 50px;
    width: 50px;
    padding: 10px;
}

.Feedback_AjaxWait .Loader {
    background: url(/SilkUIFramework/img/PageOverlaySpinner.gif?13714&7417) no-repeat;
    background-size: 100%;
    width: 30px;
    height: 30px;
}





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

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

.Login_Box {
    margin-left: -150px;
    width: 300px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 4px 18px rgba(0,0,0,0.3);
}

.Login__Form {
    background-color: transparent;
}

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

.Login__Logo {
    color: #333;
}

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

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

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

.Login_Footer {
    color: #ccc;
}

.Login_Footer a,
.Login_Footer a:link,
.Login_Footer a:visited {
    color: #fff;
    font-weight: bold;
}

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

.phone .Login_Info_Username {
    display: none;
}

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

.tablet.active .Login_Info_Logout,
.phone.active .Login_Info_Logout {
    right: 15px;
    color: #F8F3F5;
    background-color: #6F133B;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    line-height: 30px;
    text-align: center;
}

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


/* Buttons **************************/


.Button,
a.Button {
    background-color: #865e71;
    border-radius: 4px;
    border: none;
    color: #fff;
    line-height: 32px;
}

.Button:visited,
.Button:link {
    color: #fff;
}


.Button.ButtonDefault,
.Button.Is_Default {
    background-color: #fff;
    border: none;
}

.Button.Cancel,
a.ActionDelete {
    background-color: transparent;
    border: 1px solid #5d012d;
    line-height: 30px;
    color: #5d012d;
}

.Button.Success {
    background-color: #9BC130;
}

.Button.Danger {
    background-color: #962610;
}

.Button.Link {    
    color: #5d012d;
}

.Button.Small:visited,
.Button.Small:link {
    font-size: 12px;
    line-height: 26px;
}

.phone .Button, 
.tablet .Button, 
.phone a.Button, 
.tablet a.Button {
    line-height: 38px;
}

/* Hover states in Desktop **************************/

.desktop .Button:hover,
.desktop a.Button:hover {
    color: #fff;  
    box-shadow: none;
}


.desktop .Button.Cancel:hover {
    background-color: #ddd;
    border-color: #666;
    color: #666;
}

.desktop .Button.Link:hover {
    background-color: transparent;
    border: 1px solid #5d012d;
    line-height: 30px;
    color: #5d012d;
}


.Button:active,
a.Button:active,
.desktop .Button:active,
.desktop a.Button:active {    
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.3);
}

/* Colors: Background and Text **************************/

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

.Page .Text_red {
    color: #c0392b;
}

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

.Page .Text_darkRed {
    color: #962610;
}

.Green {
    background-color: #9BC130;
    color: #fff;
}

.Page .Text_green {
    color: #9BC130;
}

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

.Page .Text_lightGreen {
    color: #B4DE3D;
}

.Plum {
    background-color: #9E2660;
    color: #fff;
}

.Page .Text_plum {
    color: #9b59b6;
}

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

.Page .Text_darkplum {
    color: #5d012d;
}

/* Patterns **************************/


/* Accordion **************************/
.Accordion {
    background-color: #fff;
    border: 1px solid #d0d0d0;
}

.AccordionVertical {
    background: #fff;
}

/* Accordion Harrow **************************/
.Accordion .fa-angle-down:before {
    padding-left: 1px;
}

/* Alerts **************************/
.Alert.Info {
    background-color: #80ABC6;
    border-color: #80ABC6;
    color: #fff;
}

.Alert.Success {
    background-color: #9BC130;
    border-color: #9BC130;
    color: #fff;
}

.Alert.Error {
    background-color: #c0392b;
    border-color: #c0392b;
    color: #fff;
}

.Alert.Warning {
    background-color: #f39c12;
    border-color: #f39c12;
    color: #fff;
}

/* BlankSlate **************************/
.Blank {
    background-color: #fff;
    padding-bottom: 20px;
}

/* Card **************************/
.Card {
    background-color: #fff;
    border: 1px solid #ccc;
}

/* Panel **************************/
.Panel {
    background-color: #fff;
}

.Panel_content {
    border: none;
}

.Panel_footer {
    background-color: #f7f7f7;
}

/* Post **************************/
.Post {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #d0d0d0;
    padding: 5px;
}

/* Tooltip **************************/
.tooltip_style {
    background-color: #393939;
}

/* ButtonGroup **************************/
.ButtonGroup_button.Button {
    background-color: transparent!important;
    /*border-color: #ccc;
    border: 1px solid #ccc;*/
    border-left: 0;
    color: #171717;
   /* height: 34px;*/
    line-height: 20px;
    padding: 0 10px;
}
/*
.ButtonGroup_button.Button:hover,
.ButtonGroup_button.Button.active,
.ButtonGroup_button.Button:active {
    background: #e6e6e6;
    border-color: #cbcbcb;
}
*/
/*
.ButtonGroup_button.Button:first-child {
    border-bottom-left-radius: 4px;
    border-left: 1px solid #cbcbcb;
    border-top-left-radius: 4px;
}
*/

.ButtonGroup_button.Button:last-child {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

/* override the border button rule on hover **************************/
.desktop .ButtonGroup .Button:hover {
    background: #e6e6e6;
    border-left: 0;
    color: #171717;
    box-shadow: none;
}

.desktop .ButtonGroup .Button:first-child:hover {
   
}

.ButtonGroup_button.Button.disabled,
.ButtonGroup_button.Button.disabled:hover {
    background: #ddd;
    color: #999;
}

/* override rule for active/selected option over hover state **************************/
/*
.desktop .ButtonGroup_button.Button:active,
.tablet .ButtonGroup_button.Button:active,
.phone .ButtonGroup_button.Button:active {
    box-shadow: 0 2px 5px rgba(0, 0, 0, .1) inset;
}
*/
.desktop .ButtonGroup_button.Button.disabled:active,
.tablet .ButtonGroup_button.Button.disabled:active,
.phone .ButtonGroup_button.Button.disabled:active {
    box-shadow: none;
}

/* override rule active state over hover state **************************/
.desktop .ButtonGroup_button.Button.active,
.tablet .ButtonGroup_button.Button.active,
.phone .ButtonGroup_button.Button.active {
    background: transparent!important;
    color: #08113A!important;
}

/* Responsive Context **************************/
.phone .ButtonGroup{
    box-shadow: none;
}

.phone .ButtonGroup_button.Button {
    border-left: 1px solid #ccc;
}

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

.phone .ButtonGroup_button.Button:first-child {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
/*
.phone .ButtonGroup_button.Button.active {
    border-right-width: 1px;
}*/

.ButtonGroup_button * {
    color: inherit;
}

/* Calendar **************************/
.Calendar-dayNames {
    border-top: 2px solid #5d012d;
    border-bottom: 0;
}

.Calendar-navBtn > div {
    color: #5d012d;
}

.Calendar-day-selected,
.Calendar-day-selected:hover {
    background: #5d012d;
    color: #fff;
}

.Calendar-time-down, 
.Calendar-time-up, 
.Calendar-time-am {
    color: #5d012d;
}

/* Calendar_deprecated **************************/
.calendar {
    font-size: 16px;
    z-index: 999;
}

.calendarPattern tr.daynames {
    border: none;
    border-top: 2px solid #5d012d;
}

.calendarPattern .TitleMonth,
.calendarPattern thead .name {
    font-weight: bold;
}

.calendarPattern thead .button {
    background: #fff;
    color: #5d012d;
    font-size: 30px;
    padding-bottom: 5px;
    vertical-align: middle;
}

.calendarPattern tbody td.selected {
    background: #5d012d;
    color: #fff;
}

.calendarPattern tbody td:not(.selected).hilite {
    background: #c2c2c2;
    color: #fff;
}

/* Dropdown **************************/
.DropdownMenu .PH > a {
    color: #a4a4a4;
}

.DropdownMenu .PH > a:hover {
    color: #5d012d;
}

.open > .DropdownMenu {
    border-radius: 4px;
}

/* Dropdown: ButtonDropdown **************************/
.ButtonDropdown_text,
.ButtonDropdown_icon {
    color: #fff;
    line-height: 30px;
    margin-left: 3px;
}

.tablet .ButtonDropdown_text,
.tablet .ButtonDropdown_icon,
.phone .ButtonDropdown_text,
.phone .ButtonDropdown_icon {
    line-height: 36px;
}

/* Dropdown: IconDropdown **************************/
.IconDropdown_button.Button {
    margin-left: 0;
    min-width: 35px;
    padding: 0 10px;
}


/* Select2 **************************/
.select2-container .select2-choice {
    box-shadow: none;
    height: 34px;
    line-height: 30px;
    border-radius: 4px;
}

.select2-container .select2-choice div {
    border-left: 1px solid #ddd;
}

.select2-search input[type="text"] {
    margin-top: 4px;
}

.select2-container .select2-choice div b {
    background: url("/SilkUIFramework/img/select2.png?2700&2712&4591&16841&13604&7417") no-repeat 0 3px;
}

 .select2-container-active .select2-choice {
    border: 1px solid #949494;
    box-shadow: inset 0 2px 3px 0 rgba(0,0,0,.06);
    border-radius: 0px;
} 
 
.select2-container-active.select2-dropdown-open .select2-choice {
    border-bottom: 2px solid #949494;
    border-left: 1px solid #949494;
    border-right: 1px solid #949494;
    border-top: 1px solid #949494;
    box-shadow: none;
    border-radius: 4px;
}

select:focus, input[type="text"]:focus {
     border: 1px solid #949494;
}

/* Toggle **************************/
.ToggleButton {
    border-color: #999;
    border-radius: 4px;
}

.ToggleButton.changed {
    border-color: #999;
}

.ToggleButton_label:after,
.ToggleButton_label.changed:after {
    border-radius: 4px;
    height: 20px;
    top: 3px;
    width: 20px;
}

.ToggleButton_label.changed:after {
    left: 26px;
}

/* Badge **************************/
.IconBadge_number {
    background-color: #e73d25;
    border: 2px solid #f2f2f2;
    text-shadow: 1px 1px #c0392b;
}

/*  Breadcrumbs **************************/
.Title .Breadcrumbs {
    color: #999;
    font-size: 12px;
    font-weight: normal;
    left: 0;
    margin-bottom: 0;
    position: absolute;
    top: -32px;
}

/* NavigationBar: Horizontal **************************/
.NavigationBar a,
.NavigationBar a:link,
.NavigationBar a:visited {
    color: #c7c7c7;
}

.NavigationBar a.Active {
    color: #3e5154;
}

.NavigationBar a:after,
.NavigationBar a:link:after {
    background-color: #c7c7c7;
    content: "";
}

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

.NavigationBar a.Active:not(.IE8):before {
    border-bottom: 4px solid #5d012d;
    content: "";
}

/* Responsive Context */
.desktop .NavigationBar a:hover {
    text-decoration: none;
}

.desktop .NavigationBar a:hover,
.desktop .NavigationBar a:link:hover {
    color: #3e5154;
}

.desktop .NavigationBar a:hover:after,
.desktop .NavigationBar a:link:hover:after {
    background-color: #fff;
}

/* NavigationBar: Vertical **************************/
.NavigationBar.Vertical a.Active,
.NavigationBar.Vertical a:link.Active {
    border-color: #5d012d;
}

.NavigationBar.Vertical a.Active:not(.IE8):before {
    border-left: 4px solid #5d012d;
}

/* Responsive Context **************************/
.desktop .NavigationBar.Vertical a:hover,
.desktop .NavigationBar.Vertical a:link:hover {
    border-color: #5d012d;
    ;
}
.phone .NavigationBar .InlineDropdown:active:after,
.phone .NavigationBar .InlineDropdown:link:active:after,
.tablet .NavigationBar .InlineDropdown:active:after,
.tablet .NavigationBar .InlineDropdown:link:active:after,
.phone .NavigationBar a:active:after,
.phone .NavigationBar a:link:active:after,
.tablet .NavigationBar a:active:after,
.tablet .NavigationBar a:link:active:after {
    background-color: #fff;
}

/* SectionIndex **************************/
.SectionIndex.vertical a.active,
.SectionIndex.vertical a:hover {
    border-bottom: medium none;
    border-left-color: #5d012d;
}

.SectionIndex a.active,
.SectionIndex a:hover {
    border-bottom: 2px solid #5d012d;
    color: #5d012d;
    text-decoration: none;
}

/* TabsClient **************************/
.Tabs {
    background: #fff;
}

.Tabs_body {
    background-color: #fff;
}

.Tabs__tab {
    background-color: #e7edee;
    border-bottom-color: #ccc;
    line-height: 30px;
    color: #5d012d;
    font-weight: bold;
}

.Tabs__tab.active {
    background-color: #fff;
    border-bottom: none;
    border-top: 1px solid #ccc;
}

.Tabs__tab:hover {
    background-color: #fff;
}

.Tabs_body {
    padding: 20px;
}

.Tabs .PH:empty {
    display: none;
}

.Panel .Tabs__tab {
    border-top: none;
}

.TabsServer {
    border-color: #ccc;
}

.TabsServer a,
.TabsServer a:link,
.TabsServer a:visited {
    background-color: #e6e6e6;
    border-color: #ccc;
    color: #333;
    line-height: 30px;
}

.TabsServer a:hover,
.TabsServer a:active,
.TabsServer a.Active {
    background-color: #f2f2f2;
    border-bottom-color: #f2f2f2;
    color: #333;
}

.TabsServer a:hover {
    background-color: #f2f2f2;
    border-color: #ccc;
}

/* Wizard **************************/
.WizardStep {
    background-color: #c2c2c2;
}

.WizardStep:before {
    border-bottom-color: #c2c2c2;
    border-top-color: #c2c2c2;
}

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

.WizardStep.ActiveStep {
    background: #5d012d;
    font-weight: bold;
}

.WizardStep.ActiveStep:before {
    border-bottom-color: #5d012d;
    border-top-color: #5d012d;
}

.WizardStep.Past {
    background-color: #865e71;
}

.WizardStep.Past:before {
    border-color: #865e71;
}

.WizardStep.Past:after {
    border-right: 1px solid #5D012D;
    border-top: 1px solid #5D012D;
}

.WizardStep:after {
    border-right: 1px solid #efefef;
    border-top: 1px solid #efefef;
}

/* ExcludeFromPickers: Accordion, AccordionVertical, active, ActiveStep, Blank, Breadcrumbs, ButtonDropdown_icon, ButtonDropdown_text, ButtonGroup, 
ButtonGroup_button, Buttons, calendarPattern, Card, changed, day, daynames, desktop, disabled, DropdownMenu, hilite, IconBadge_number, 
IconDropdown_button, IE8, InlineDropdown, Is_Default, Loading, mini, name, NavigationBar, Neutral, open, Panel, Panel_content, Panel_footer, 
Past, PH, phone, Post, SectionIndex, select2-choice, select2-container, selected, tablet, Tabs, Tabs__tab, Tabs_body, TabsServer, Title,
TitleMonth, TitleYear, ToggleButton, ToggleButton_label, tooltip_style, Vertical, WizardStep

*/


.Search_wrapper input[type="text"] {
    height:32px;
    line-height:32px;
    background-color: white;
    border: 1px solid #b3c2c7;
    border-radius: 4px;
    box-shadow: none;
}

.tablet .Search_wrapper input,
.phone .Search_wrapper input {
    height: 38px;
    line-height :38px;
}


.Search_wrapper:after {
    left: 12px;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
            transform: translateY(-50%);
}

.DisplayStep.OSInline {
    height: 26px; 
    line-height: 26px;
    background-color: #e8dede; 
    color: #5d012d;
    border-radius: 6px;
    font-size: 12px;
    font-weight: bold;
    padding: 0 0 0 10px;
    white-space: nowrap;
}

span.DisplayStepLabel {
    color: #333;
}

.DisplayStepCount.OSInline {
    padding: 0 10px;  
    background-color: #d7cbcb; 
    border-radius: 0 6px 6px 0;
    text-align: center;
}

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

.select2-results .select2-highlighted {
    background: #5d012d;
}

.TableFilter {
    margin-left: 10px;
}

.TableFilter .IconNoFilter,
.TableFilter .IconNoFilte {
    
    
}

.StatusLabel {
    width: 20px;
    height: 20px;
    
    border-radius: 50%;
    margin-right: 10px;
}

.BalloonContainer {
    
    
}

.DisplayStep.OSInline {
    
}




/* OS PopUps **************************/

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: #5d012d;
}

.BottomMenu_wrapper {
    border-top: 2px solid #5d012d;
}

.BottomMenu_item.active {
    background-color: #5d012d;
    color: #fff;
    padding: 10px;
}

/**********************************************************************************************************************************************************************************************************************************************************************************************************************************/
body,
.Content,
.MainContent {
    background: rgba(255, 255, 255, 1);
}

a,
a:link,
a:visited {
    color: #ffffff;
}

body,
select,
textarea,
input,
.Heading1,
.Heading2,
.Heading3,
.Heading4 {
    color: rgba(0, 0, 0, 1);
}

.Header {
    background-color: rgba(255, 255, 255, 1);
    color: #08113A;
}

.Application_Title a,
.Application_Title a:link,
.Application_Title a:visited,
.Application_Title a:hover {
    color: #08113A;
}

.Title.Heading1 {
    color: #08113A;
}

.Login_Info,
.AppSwitcherContainer,
a.Login_Info_Username,
a.Login_Info_Username:link,
a.Login_Info_Username:visited {
    color: #08113A;
}

.Login_Info_Logout:before,
.Login_Info_Username:before,
.AppSwitcherContainer:before,
.AppSwitcherLink[disabled='disabled']:before {
    color: #08113A;
}


.Header_Menu {
    background: #fff;
}

.ie8 .Header_Menu {
    border-bottom: #fff;
}

.Menu_DropDownPanel a,
.Menu_DropDownPanel a:link,
.Menu_DropDownPanel a:visited {
    color: rgba(255, 255, 255, 1);
}

.Menu_TopMenu a:link,
.Menu_TopMenu a:visited,
.Menu_TopMenu a {
    color: #08113A;
}
.Header_Menu{
    margin-right:0px!important;
    background: #fff!important;
}


.Menu_TopMenu .Menu_DropDownArrow {
    border-top-color: rgba(255, 255, 255, 1);
}


.Menu_TopMenuActive a:link,
.Menu_TopMenuActive a:visited,
a.Menu_SubMenuItemActive:link,
a.Menu_SubMenuItemActive:visited,
a.Menu_SubMenuItem:hover {
    color: #08113A;
}

.tablet .MenuSlider_Toggler, 
.phone .MenuSlider_Toggler {
    color: #08113A;
}

.Menu_DropDownPanel {
    background-color: #80ABC6;
}

.Menu_DropDownPanel a.Menu_SubMenuItem:hover {
    background-color: #31769C;
}

.Menu_DropDownPanel a.Menu_SubMenuItem,
.Menu_DropDownPanel a.Menu_SubMenuItem:link,
.Menu_DropDownPanel a.Menu_SubMenuItem:visited {
    border-color: #31769C;
    color: rgba(255, 255, 255, 1);
    background-color: #08113A;
}

.ie8 .Menu_DropDownPanel a.Menu_SubMenuItem,
.ie8 .Menu_DropDownPanel a.Menu_SubMenuItem:link,
.ie8 .Menu_DropDownPanel a.Menu_SubMenuItem:visited {
    border-bottom: #31769C;
}

.Menu_DropDownPanel a.Menu_SubMenuItem:hover {
    background-color: #31769C;
}

.desktop .Menu_SubItemsPlaceholder a:hover,
.desktop .Menu_SubItemsPlaceholder a:link:hover,
.desktop .Menu_SubItemsPlaceholder a:visited:hover {
    color: #fff;
}

.Feedback_AjaxWait {
    color: #80ABC6
}

.Login_background + span .Feedback_Message_Wrapper span + .Feedback_Message_Error .Feedback_Message_Wrapper_Close:after {
    color: #08113A;
}

.DropdownMenu .PH > a:hover {
   color: rgba(149, 209, 250, 1);
}

.IconBadge_number {
    background-color: #80ABC6
}

.NavigationBar a.Active:after {
    background-color: #80ABC6
}

.NavigationBar a.Active:not(.IE8):before { /* Triangle indicator (:before) */
    border-bottom: 4px solid #80ABC6
}

.desktop .NavigationBar a:hover:after,
.desktop .NavigationBar a:link:hover:after {
    background-color: #80ABC6
}

.NavigationBar.Vertical a.Active,
.NavigationBar.Vertical a:link.Active {
  border-color: #80ABC6
}

.NavigationBar.Vertical a.Active:not(.IE8):before {
    border-left: 4px solid #80ABC6
}

.desktop .NavigationBar.Vertical a:hover,
.desktop .NavigationBar.Vertical a:link:hover {;
    border-color: #80ABC6
}
.phone .NavigationBar .InlineDropdown:active:after,
.phone .NavigationBar .InlineDropdown:link:active:after,
.tablet .NavigationBar .InlineDropdown:active:after,
.tablet .NavigationBar .InlineDropdown:link:active:after,
.phone .NavigationBar a:active:after,
.phone .NavigationBar a:link:active:after,
.tablet .NavigationBar a:active:after,
.tablet .NavigationBar a:link:active:after {
    background-color: #80ABC6
}

.SectionIndex.vertical a.active,
.SectionIndex.vertical a:hover {
    border-left-color: rgba(149, 209, 250, 1);
}

.SectionIndex a.active,
.SectionIndex a:hover {
    border-bottom: 2px solid rgba(149, 209, 250, 1);
    color: rgba(149, 209, 250, 1);
}

.WizardStep.ActiveStep {
    background: #08113A;
}

.WizardStep.ActiveStep:before {
    border-top-color: #08113A;
    border-bottom-color: #08113A;
}

.WizardStep.Past {
    background-color: rgba(71, 169, 224, .8);
}

.WizardStep.Past:after {
    border-top: 1px solid #08113A;
    border-right: 1px solid #08113A;
}


.Button.Link {
    color: #80ABC6
}

.desktop .Button.Link:hover {
    border-color: #80ABC6
    color: #80ABC6
}

div.Application_Menu div.Menu_DropDownPanel a,
div.Application_Menu div.Menu_DropDownPanel a:link,
div.Application_Menu div.Menu_DropDownPanel a:visited {
    border-bottom:1px solid #08113A;
}


div.calendarPattern tr.daynames {
    border-top: 2px solid #08113A;
}

div.calendarPattern thead .button {
    color: #08113A;
}

div.calendarPattern tbody td.selected {
    background:  #08113A;
}

.DropdownMenu .PH > a:hover {
   color: #31769C;
}

.SectionIndex.vertical a.active,
.SectionIndex.vertical a:hover {
    border-left-color: #31769C;
}

.SectionIndex a.active,
.SectionIndex a:hover {
    border-bottom: 2px solid #31769C;
    color: #31769C;
}

.WizardStep.Past {
    background-color: #31769C;
}

.WizardStep.Past:before{
    border-color: #31769C;
}

a.Header_ButtonMenu {
    color: #08113A;
}

.tablet .Menu_DropDownPanel,    
.phone .Menu_DropDownPanel {
    background-color: #999;
}

.tablet .Application_Menu, 
.phone .Application_Menu {
    background-image: none;
    background-color: #fff;
}

a.ActionAdd,
a.ActionEdit,
a.ActionChange,
a.ActionDelete {
    background-color: #08113A;
    color: #FFF;
    border: 1px solid #08113A;
 }

a.ActionAdd:hover,
a.ActionEdit:hover,
a.ActionChange:hover,
a.ActionDelete:hover {
  background-color: #31769C;;
  border-color: #31769C;;
}


a.ListNavigation_PageNumber:link,
span.ListNavigation_CurrentPageNumber,
span.ListNavigation_Ellipsis,
a.ListNavigation_Previous:link,
a.ListNavigation_Next:link {
    background: #fcfcfc;
    border: 1px solid #CCCCCC;
    color: #2e3136;
}

a.ListNavigation_PageNumber:link:hover,
span.ListNavigation_Ellipsis:hover,
a.ListNavigation_Previous:link:hover,
a.ListNavigation_Next:link:hover {
    background-color: #E6E6E6;
    border-color: #4C4C4C;
}

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

.TableRecords_Header {
    color: #ffffff;
    background-color: #08113a;
    /*border-radius: 0px 20px 0px 20px;*/
    font-weight: bold;
}

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

.TableRecords {
    background: none repeat scroll 0 0 #FFF;
    border-color: #d0d0d0;
}

.TableRecords_EvenLine {
    background-color: #F4F4F4;
}

.EditableTable thead td {
    color: #2e3136;
}

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

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

td.RowWithAddAction {
    background: none repeat scroll 0 0 #FFF;
}

.Login_Title {
    color:  #fff;
}

.Login_Text {
    color: #333;
}

.Login_background + span .Feedback_Message_Wrapper span + .Feedback_Message_Error .Feedback_Message_Wrapper_Close:after {
    color: #fff;
}
.Footer{
    border-top:none!important;
}
.Login_Footer {
   color: #999;
}


.Accordion {
    background-color: #fff;
    border: 1px solid #d0d0d0;
}

.Post {
    background: none repeat scroll 0 0 #fff;
    padding: 5px;
    border: 1px solid #d0d0d0;
}

.tooltip_style {
    background-color: #393939;
}

.ButtonGroup_button.Button {
    color: #fff;
    background-color: transparent!important;
}

.ButtonGroup_button.Button:hover,
.ButtonGroup_button.Button.active,
.ButtonGroup_button.Button:active {

    background: transparent!important;
}
/*
.ButtonGroup_button.Button:first-child {
    border-left: 1px solid #CBCBCB;
}*/

.desktop .ButtonGroup .Button:hover {
    background: transparent!important;
    border:none!important;
}
.desktop .ButtonGroup .Button:first-child:hover {
    border: 1px solid #CCC;
}
.desktop .ButtonGroup_button.Button.disabled,
.desktop .ButtonGroup_button.Button.disabled:hover {
    color: #999;
    background-color: #F5F5F5;
}

.desktop .ButtonGroup_button.Button.active,
.tablet .ButtonGroup_button.Button.active,
.phone .ButtonGroup_button.Button.active {
    /*background: #80ABC6*/
    color:#08113A;
}
/*
.phone .ButtonGroup_button.Button,
.mini.tablet .ButtonGroup_button.Button {
    border-left: 1px solid #CCC;
} */



.DropdownMenu .PH > a {
   color: #A4A4A4;
}

.DropdownMenu .PH > a:hover {
   color: #08113A;
}

.ButtonDropdown_text,
.ButtonDropdown_icon {
    color: #fff;
}

.IconBadge_number {
    border: 2px solid #F2F2F2;
    background-color: #08113A;
    text-shadow: 1px 1px rgba(0,0,0,0.5);
}

.NavigationBar a,
.NavigationBar a:link,
.NavigationBar a:visited {
    color: #c7c7c7;
}

.NavigationBar a.Active {
    color: #3e5154;
}

.NavigationBar a:after,
.NavigationBar a:link:after {
    background-color: #c7c7c7;
}

.NavigationBar a.Active:after {
    background-color: #08113A; 
}

.NavigationBar a.Active:not(.IE8):before {
    border-bottom: 4px solid #08113A;
}

.desktop .NavigationBar a:hover, 
.desktop .NavigationBar a:link:hover {
    color: #3e5154;
}

.desktop .NavigationBar a:hover:after, 
.desktop .NavigationBar a:link:hover:after {
    background-color: #08113A;
}

.NavigationBar.Vertical a.Active,
.NavigationBar.Vertical a:link.Active {
  border-color: #08113A;
}

.NavigationBar.Vertical a.Active:not(.IE8):before {
    border-left: 4px solid #08113A;
}

.desktop .NavigationBar.Vertical a:hover,
.desktop .NavigationBar.Vertical a:link:hover {;
    border-color: #08113A;
}
.phone .NavigationBar .InlineDropdown:active:after,
.phone .NavigationBar .InlineDropdown:link:active:after,
.tablet .NavigationBar .InlineDropdown:active:after,
.tablet .NavigationBar .InlineDropdown:link:active:after,
.phone .NavigationBar a:active:after, 
.phone .NavigationBar a:link:active:after,
.tablet .NavigationBar a:active:after, 
.tablet .NavigationBar a:link:active:after {
    background-color: #08113A;
}

.SectionIndex.vertical a.active,
.SectionIndex.vertical a:hover {
    border-left-color: #08113A;
}

.SectionIndex a.active,
.SectionIndex a:hover {
    border-bottom: 2px solid #08113A;
    color: #08113A;
}

.TabsServer a,
.TabsServer a:link,
.TabsServer a:visited {
    color: #333;
    background-color: #e6e6e6;
    border-color: #CCC;
}

.TabsServer a:hover,
.TabsServer a:active,
.TabsServer a.Active {
    color: #333;
    background-color: #F2F2F2;
    border-bottom-color: #F2F2F2;
}

.TabsServer a:hover {
    border-color: #CCC;
    background-color: #F2F2F2;
}

.Panel .Tabs__tab {
    border-left: 1px solid #CCC;
}

.WizardStep {
    background-color: #C2C2C2;
}

.WizardStep:before {
    border-top-color: #C2C2C2;
    border-bottom-color: #C2C2C2;
}

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

.WizardStep.ActiveStep {
    background: #08113A;
    font-weight: bold;
}

.WizardStep.ActiveStep:before {
    border-top-color: #08113A;
    border-bottom-color: #08113A;
}

.WizardStep.Past {
    background-color: #08113A;
}

.WizardStep.Past:before {
    border-color: #08113A;
}

.WizardStep.Past:after {
    border-top: 1px solid #31769C;
    border-right: 1px solid #31769C;
}

.WizardStep:after {
    border-top: 1px solid #EFEFEF;
    border-right: 1px solid #EFEFEF;
}

.Button,
a.Button {
   background-color: #80ABC6
}

.Button:visited,
.Button:link {
    color: #fff;
}

.Button.ButtonDefault,
.Button.Is_Default {
    background-color: #08113A;
    color: #FFF;
}


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

.Button.Cancel,
a.ActionDelete {
    border-color: #08113A;
    color: #08113A;
}

.Button.Neutral {
    background-color: #31769C;
}

.Button.Link {
    color: #08113A;
}

.desktop .Button:hover,
.desktop a.Button:hover {
    background-color: #80ABC6;
}

.desktop .Button[disabled]:hover {
    color: #FF0000;
}

.desktop .Button.Cancel:hover {
    background-color: #08113A;
    border-color: transparent;
    color: #fff;
}

.desktop .Button.Success:hover {
    background-color: #acc469;
}

.desktop .Button.Danger:hover {
    background-color: #9e5141;
    border-color: #9e5141;
}

.desktop .Button.Link:hover {
    border-color: #08113A;
    color: #08113A;
}

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: #08113A;
}

.Calendar-day-selected, 
.Calendar-day-selected:hover {
    background: #08113A; 
}

.Calendar-navDisabled > div, 
.topBar-navDisabled .Calendar-navBtn > div,
.Calendar-time-down, 
.Calendar-time-up, 
.Calendar-time-am {
    color: #08113A; 
}

.Calendar-dayNames {
    border-top: 2px solid #08113A; 
}

.AccordionVertical_item.open .AccordionVertical___icon > .fa {
    border: 1px solid #08113A; 
    color: #08113A;
}

.owl-theme .owl-controls .owl-buttons div,
.owl-theme .owl-controls .owl-page span {
    background: #08113A; 
}

.SectionExpandable.expanded .SectionExpandable__icon {
    color: #08113A;   
}

.select2-results .select2-highlighted {
    background: #08113A;   
}

.ToggleButton.changed {
    background-color: #08113A;   
}

.BottomMenu_item.active {
    background-color: #08113A;       
}

.BottomMenu_wrapper {
    border-top: 2px solid #08113A;       
}

.Tabs__tab {
    color: #08113A;
}

.EditableTable thead th {
    border-bottom: 1px solid #08113A;
    color: #08113A;
}

.EditableTable thead th.Mandatory:after {
    color: #08113A;
}

.TableRecords .fa, .EditRecord .fa, .EditableTable .fa {
    color: #08113A;
}

input[type='radio']:after {
    background: #08113A;
    border: 2px solid #08113A;
}

input[type='checkbox']:after {
    border: 3px solid #08113A;
    border-right: 0;
    border-top: 0;
}

.tablet.active .Login_Info_Logout, 
.phone.active .Login_Info_Logout {
    background-color: #08113A;
}


.tablet .Login_Info_Logout:before,
.phone .Login_Info_Logout:before {
    color: #fff;
}

.tablet .Button.Link:active,
.phone .Button.Link:active {
    border: 1px solid #08113A;
    line-height: 36px;
}

.DisplayStep.OSInline {
    color: #08113A;
    background-color: #FADF69;
}

.DisplayStepCount.OSInline {
   background-color: #80ABC6
}



/*------------------------------------*\
      $10 Custom Patterns
\*------------------------------------*/

/*------------------------------------------------------------*/
/* 10.1 Custom Patterns > Header Lines   **********************/
/*------------------------------------------------------------*/

.headerBorderTop{
    width: 50%;
    position: relative;
    display: inline-block;
    
    
}

.tablet .headerBorderTop {
    width: 50%;
}

.phone .headerBorderTop {
    width: 50%;
}

.headerBorderTop:after,
.headerBorderTop:before{
    height: 1px;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 50%;
    
    
}

.headerBorderTop:after{
    left: 50%;
}

.headerBorderTop.Left:before {
    background: #3898d7; /* Blue Color */
}

.headerBorderTop.Left:after {
    background: #62c348; /* Green Color */
}

.headerBorderTop.Right:before {
    background: #d9dc40; /* Yellow Color */  
}

.headerBorderTop.Right:after {
    background: #dc8036; /* Orange Color */
}

/*------------------------------------------------------------*/
/* 10.2 Custom Patterns > IconLabel   *************************/
/*------------------------------------------------------------*/

.IconLabel .IconLabel_Icon{
    font-size: 24px;
}

.IconLabel .IconLabel_Label{
    color: #3d4245;
    font-size: 14px;
}


.SeparatorDashed {
    border-bottom: 1px dashed #d2d9de;
    margin: 10px 0;
}

/*------------------------------------------------------------*/
/* 10.3 Custom Patterns > TableRecordRowBelow   ***************/
/*------------------------------------------------------------*/

.TableRecords tr.TableRecordRowBelow td {
    border-bottom: 1px solid #d2d9de;
}


.TableRecords.TableRecordRow tr:not(.TableRecordRowBelow) td {
    border-bottom: 0;
}

.TableRecords tr:last-child:not(.TableRecordRowBelow) td {
    border-bottom: 0;
}

.TableRecordRowBelow .TableRecordRowBelow_Content_Image .image {
    background-color: white;
    border: 1px solid #d1d9de;
    margin: 20px;
    padding: 5px;
    width: 90%;
}

.TableRecordRowBelow .TableRecordRowBelow_Content {
    color: #60707b;
    padding-top: 10px;
}

.TableRecordRowBelow_Content_Image,
.TableRecordRowBelow_Content {
    width: 100%;
    
    
    
}

tr.TableRecordRowBelow:nth-child(4n) {
    background-color: #f7fbff;
}

.tablet.portrait .TableRecords:not(.NoResponsive) > * > * > td.TableRecordRowBelow, 
.phone .TableRecords:not(.NoResponsive) > * > * > td.TableRecordRowBelow{
    display: none;
}

.tablet.portrait .TableRecords:not(.NoResponsive) tr.TableRecords_ExpandedRow td.TableRecordRowBelow, 
.phone .TableRecords:not(.NoResponsive) tr.TableRecords_ExpandedRow td.TableRecordRowBelow{
    display: block;
}

/*------------------------------------------------------------*/
/* 10.4 Custom Patterns > TagIdentification   *****************/
/*------------------------------------------------------------*/

.TagIdentification .TagIdentification_Title {
    color: #3d4245;
    font-weight: bold;
    text-transform: uppercase;
}

.TagIdentification .TagIdentification_Tag {
    height: 20px;
    width: 30px;

    
}

.TagIdentification .TagIdentification_Description {
    color: #98aab4;
    font-size: 12px;
    font-weight: 600;
    padding-top: 2px;
    text-transform: uppercase;
}

/*------------------------------------------------------------*/
/* 10.5 Custom Patterns > TagLabel   **************************/
/*------------------------------------------------------------*/

.TagLabel .TagLabel_Number{
    width: 30px;
    height: 20px;
    background: #fff;
    border: 1px solid #d8d8d8;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    padding-top: 2px;
}

.TagLabel .TagLabel_Label{
    color: #98aab4;
    font-size: 12px;
    font-weight: 600;
    padding-top: 3px;
    text-transform: uppercase;
}

/*------------------------------------------------------------*/
/* 10.6 Custom Patterns > TriggerExpandable   *****************/
/*------------------------------------------------------------*/

.TriggerExpandable_Wrapper {
    border: 1px solid #c3d4dd;
    display: none;
    margin: 10px 0 0;
    overflow: hidden;
    padding: 20px 110px;
    position: relative;

    
    
    
    
}

.phone .TriggerExpandable_Wrapper{
    padding: 20px;
}

.TriggerExpandable_Wrapper.open {
    display: none;
    overflow: visible !important;
}

.TriggerExpandable_Wrapper .arrow {
    border-color: transparent transparent #c3d4dd transparent;
    border-style: solid;
    border-width: 0 12px 10px 12px;
    content: "";
    height: 0;
    position: absolute;
    top: -10px;
    width: 0;
    
    
}

::-webkit-input-placeholder,
:-moz-placeholder,
::-moz-placeholder,
:-ms-input-placeholder {
    color: #98aab4;
}

::-webkit-input-placeholder {
    font-size: 14px;
}
/*------------------------------------------------------------*/
/* Filters_Wrapper   *****************/
/*------------------------------------------------------------*/
.Filters_Wrapper {
    background-color: #80ABC6;
    border: 1px solid #80ABC6;
    border-radius: 0px 20px;
}


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 {
    border: 1px solid #c3d4dd;
    border-radius: 2px;
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, .1);
    font-size: 16px;
    height: 40px;
}

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

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

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

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

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

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

/* Font OpenSans classes */

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

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

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

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

/* =================================================== */
.PortalLink2{
    position: fixed;
    top: 150px;
    right: 0;
    padding: 13px 3px 13px 10px;
    background: #f4f4f4;
    border-radius: 18px 0px 0px 18px;
    box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.4);
    opacity: 0.9;
    -webkit-transition: all .3s ease-in-out !important;
  -moz-transition: all .3s ease-in-out !important;
  transition: all .3s ease-in-out !important; 
}

.PortalLink2:hover{
    opacity: 1;
    box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.55);
}
.PortalLink2 img{
    width: 55px;
}
.phone .PortalLink2 img{
    width: 45px;
}
.PortalLink3{
    position: fixed;
    top: 225px;
    right: 0;
    padding: 13px 3px 13px 10px;
    background: #f4f4f4;
    border-radius: 18px 0px 0px 18px;
    box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.4);
    opacity: 0.9;
    -webkit-transition: all .3s ease-in-out !important;
  -moz-transition: all .3s ease-in-out !important;
  transition: all .3s ease-in-out !important; 
}

.PortalLink3:hover{
    opacity: 1;
    box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.55);
}
.PortalLink3 img{
    width: 55px;
}
.phone .PortalLink3 img{
    width: 45px;
}