@import url(/RichWidgets/Theme.FontAwesome.css?1804);

/*

    0. Resets
    1. General Properties
    2. Text formating
    3. Forms
    4. Built-in widgets
    5. Validation
    6. Patterns
    6.1 Patterns > Content
    6.2 Patterns > Controls
    6.3 Patterns > Data
    6.4 Patterns > Mobile
    6.5 Patterns > Navigation
    6.6 Patterns > Responsive
    6.7 Patterns > Structure
    6.8 Patterns > Utilities
    7. RichWidgets
    8. Responsive Classes
    9. Additional Classes
    
/*

/*------------------------------------*\
      $0. Resets
\*-------------------------------------*/

html, body, div, span, 
a, img,  ul, li, form, 
table, tbody, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    box-sizing: border-box;
    -webkit-text-size-adjust: 100%; 
}

/* default page settings */
.Page {
    opacity: 1;
    -webkit-transition: all 300ms ease-in-out;
       -moz-transition: all 300ms ease-in-out;
        -ms-transition: all 300ms ease-in-out;
         -o-transition: all 300ms ease-in-out;
            transition: all 300ms ease-in-out;
}

/* hide page on resize */
.PageHide {
    filter: alpha(opacity=0.1);
    opacity: 0.1;
    -webkit-filter: blur(2px);
       -moz-filter: blur(2px);
        -ms-filter: blur(2px);
         -o-filter: blur(2px);
            filter: blur(2px);
}

/* set page overlay */
.PageOverlay {
    z-index: 9999;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0);
    opacity: 0;
    -webkit-transition: opacity 300ms ease-in-out;
       -moz-transition: opacity 300ms ease-in-out;
        -ms-transition: opacity 300ms ease-in-out;
         -o-transition: opacity 300ms ease-in-out;
            transition: opacity 300ms ease-in-out;
}

.PageOverlayShow {    
    opacity: 1;
}

.PageOverlayLoader {    
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-image: url(/SilkUIFramework/img/PageOverlaySpinner.gif?2195);
    background-size: 50px 50px;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
}
 
table[cellSpacing] {
    border-collapse: separate;
}

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

img {
    border-width: 0;
}

th {
    text-align: left;
}

*:focus {
    outline: none;
}

*{
    box-sizing: border-box;
}

.ListRecords > ul {
    padding-left: 40px; /*Default from issue #2014-2*/
}

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

body {
    font-size: 14px;
    font-weight: normal;
    color: #151515;
    padding: 0;
    margin: 0;
}

a,
a:link,
a:visited {
    color: #125F90;     
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

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

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

/*------------------------------------*\
        $2. Text formating
\*-------------------------------------*/

.Text_NoWrap {
    white-space: nowrap;
}

.Text_overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.Text_left {
    text-align: left;
}
.Text_center {
    text-align: center;
}
.Text_right {
    text-align: right;
}
.Text_justify {
    text-align: justify;
}

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

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

textarea,
select,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
    background-color: #ffffff;
    border: 1px solid #CCCCCC;
    vertical-align: middle;
}

input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
    padding: 0 12px;
    height: 32px;
}


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


input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
    padding: 0 12px;
    height: 32px;
}


/* force padding to center vertically on Firefox */
select {
    padding: 0 8px;
    height: 32px;
    line-height: 30px;
}

textarea {
    padding: 10px 12px;
}

input,
textarea {
    margin: 0;
}

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

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

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

/* Checkboxes */
input[type="checkbox"] {
    position: relative;
    width: 20px;
    height: 20px;
    display: inline-block;
    border: 0;
    background: transparent;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
}

input[type="checkbox"]:before {
    display: table;
    width: 100%;
    height: 100%;
    border-width: 1px;
    border-style: solid;
    border-color: #ccc;
    border-radius: 4px; 
    background: #fff;
    content: ' ';
    -webkit-box-shadow: inset 0 0 5px #ccc;
       -moz-box-shadow: inset 0 0 5px #ccc;
            box-shadow: inset 0 0 5px #ccc;
}

input[type="checkbox"]:checked:after {
    opacity: 1;    
}

input[type="checkbox"]:after {
    position: absolute;
    top: 20%;
    left: 20%;
    display: table;
    width: 12px;
    height: 6px;
    border: 2px solid #111;
    border-top: 0;
    border-right: 0;
    content: ' ';
    opacity: 0;
    -webkit-transform: rotate(-45deg);
       -moz-transform: rotate(-45deg);
            transform: rotate(-45deg);
}

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

input[type="checkbox"]:disabled:before {
    -webkit-box-shadow: inset 0 0 5px #ccc;
       -moz-box-shadow: inset 0 0 5px #ccc;
            box-shadow: inset 0 0 5px #ccc;
}

/* Radio Buttons */
input[type="radio"] {
    position: relative;
    width: 20px;
    height: 20px;
    display: inline-block;
    border: 0;
    background: transparent;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
}

input[type="radio"]:before {
    display: table;
    width: 100%;
    height: 100%;
    border-width: 1px;
    border-style: solid;
    border-color: #ccc;
    border-radius: 20px; 
    background: #fff;
    content: ' ';
    -webkit-box-shadow: inset 0 0 5px #ccc;
       -moz-box-shadow: inset 0 0 5px #ccc;
            box-shadow: inset 0 0 5px #ccc;
}

input[type="radio"]:checked:after {
    opacity: 1;    
}

input[type="radio"]:after {
    position: absolute;
    top: 20%;
    left: 25%;
    display: table;
    width: 8px;
    height: 8px;
    background: #111;
    border-radius: 8px;
    border: 2px solid #111;
    content: ' ';
    opacity: 0;
}

/* Disabled */
input[type="radio"]:disabled:checked:after {
    background: #ccc;
    border-color: #ccc;
}

input[type="radio"]:disabled:before {    
    -webkit-box-shadow: inset 0 0 5px #ccc;
       -moz-box-shadow: inset 0 0 5px #ccc;
            box-shadow: inset 0 0 5px #ccc;
}

input[type="radio"]:disabled,
input[type=checkbox]:disabled {
    cursor: not-allowed;
}

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

.ie7 select,
.ie8 select,
.ie9 select {
    background-image: none;
}

select[multiple="multiple"] {
    background-image: none;
    padding: 0;
}

.ios select {
    line-height: 30px;
}

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

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

textarea {
    overflow: auto;
}

input[type="submit"] {
    -webkit-appearance: none;
}

.Search_wrapper {
    position: relative;    
    /* Font-awesome */
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.Search_wrapper:after {
    content: "\f002";
    position: absolute;
    left: 15px;
    top: 11px;
    color: #ccc;
}

.Search_wrapper input[type="text"] {
    height: 35px;
    line-height: 34px;
    border-width: 1px;
    border-style: solid;
    border-radius: 20px;
    padding-left: 35px;
    border-radius: 25px;
    border-color: #ccc;
    webkit-box-shadow: inset 0 5px 10px 0 rgba(0,0,0,0.1);
      -moz-box-shadow: inset 0 5px 10px 0 rgba(0,0,0,0.1);
           box-shadow: inset 0 5px 10px 0 rgba(0,0,0,0.1);
}

.SearchNavigation_frame {
    z-index: 1;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;   
    padding: 10px;
    background-color: #7FB809;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate3d(0, -60px,0);
            transform: translate3d(0, -60px,0);
}

@-webkit-keyframes openSearch {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate3d(0, 41px,0);
            transform: translate3d(0, 41px,0);
  }
  50% {
    opacity: 0.8;
    filter: alpha(opacity=80);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}

@keyframes openSearch {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate3d(0, 41px,0);
            transform: translate3d(0, 41px,0);
  }
  50% {
    opacity: 0.8;
    filter: alpha(opacity=80);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}

.IconTrigger.js_open .fa {
    color: #FFF;
}

.js_open + .SearchNavigation_frame {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-animation: openSearch .4s;
            animation: openSearch .4s;
    -webkit-transform: translate3d(0, 41px,0);
            transform: translate3d(0, 41px,0);
}

.SearchNavigation_frame .Search_wrapper input[type="text"] {
    height: 40px;
    border-width: 1px;
    border-style: solid;
    padding-left: 35px;
    color: #ccc;
    border-color: rgba(0, 0, 0, 0.3);
}

.SearchNavigation_frame .Search_wrapper:after {
    top: 14px;
}

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

.Filters_Wrapper {
    background: rgb(230, 230, 230);
    padding: 10px;
    border-radius: 2px;
    line-height: 34px;
}

table.EditRecord tr td,
table.ShowRecord tr td{
    padding-right: 20px;
}

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

.EditRecord_Caption {
    color: #666;
    padding: 7px 10px 0 0;
    vertical-align: top;
}

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

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

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

.ShowRecord_Caption {
    color: #999;
    padding: 4px 10px 4px 0;
}

.ShowRecord_Value {
    padding: 4px 0;
}

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

.TableRecords_Header {
    color: #999;
    border-bottom: 2px solid #C2C2C2;
    padding: 5px 0 10px 10px;
}

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

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

.ie7 .EditableTable td:before,
.ie8 .EditableTable td:before,
.ie9 .EditableTable td:before {
    display: none;
}

.TableRecords {
    background: white;
    padding: 5px 0 0 0;
    margin-top: 20px;
    border-bottom: 1px solid #C2C2C2;
    border-top: 2px solid #C2C2C2;
}

/* If is inside a Panel_content without padding */
.Panel_content.nopadding .TableRecords {
    border: 0;
}


.TableRecords_OddLine, .TableRecords_EvenLine {
    border-bottom: 1px solid #C2C2C2;
    padding: 7px 0 7px 10px;
}

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

.TableRecords_TopNavigation {
    padding: 5px 0;   
}

.TableRecords_BottomNavigation {
    margin-top: 15px;   
}

/* Responsive */

/* removing....
.phone .TableRecords,
.mini.tablet .TableRecords {
  border: 1px solid #dcddde;
  padding-top: 0;
}

.phone .TableRecords td, 
.mini.tablet .TableRecords td {
  display: block;
  position: relative;
  padding-left: 100px;
  padding-right: 10px;
}

.phone .TableRecords tr td div, 
.mini.tablet .TableRecords tr td div {
  text-align: left;
  font-size: 14px;
}

.phone .silkui_TableRecords_Label, 
.mini.tablet .silkui_TableRecords_Label {
  position: absolute;
  left: 15px;
  width: 80px;
  word-wrap: break-word;
  font-weight: 600;
  font-size: 12px;
}

.phone .TableRecords_OddRow, 
.mini.tablet .TableRecords_OddRow {
    background-color: #f4f4f4;
}

.phone .TableRecords_OddLine, 
.phone .TableRecords_EvenLine,
.mini.tablet .TableRecords_OddLine, 
.mini.tablet .TableRecords_EvenLine {
  border: none;
}

*/


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

.RecordPicture_Wrapper {
    max-width: 138px;
}

.RecordPicture_Wrapper .RecordPicture {
    display: block;
}

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



/* TableRecordsResponsiveExpandable */
.TableRecords:not(.NoResponsive) div.TableRecords_Label {
    display: none;   
}

.tablet.portrait .TableRecords:not(.NoResponsive) .TableRecords_Label,
.mini.tablet .TableRecords:not(.NoResponsive) .TableRecords_Label,
.phone .TableRecords:not(.NoResponsive) .TableRecords_Label {
    display: block;
    color: #999; 
}

.tablet.portrait .TableRecords:not(.NoResponsive) td:first-child .TableRecords_Label,
.mini.tablet .TableRecords:not(.NoResponsive) td:first-child .TableRecords_Label, 
.phone .TableRecords:not(.NoResponsive) td:first-child .TableRecords_Label {
    display:inline-block; /* for master details with checkboxes*/
}

.tablet.portrait .TableRecords:not(.NoResponsive) td:first-child .TableRecords_Label:first-child,
.mini.tablet .TableRecords:not(.NoResponsive) td:first-child .TableRecords_Label:first-child, 
.phone .TableRecords:not(.NoResponsive) td:first-child .TableRecords_Label:first-child {
    display:none;
}

.tablet.portrait .TableRecords:not(.NoResponsive),
.mini.tablet .TableRecords:not(.NoResponsive),
.phone .TableRecords:not(.NoResponsive){
    padding: 0px;
}

.tablet.portrait .TableRecords:not(.NoResponsive) td.TableRecords_OddLine, 
.tablet.portrait .TableRecords:not(.NoResponsive) td.TableRecords_EvenLine,
.mini.tablet .TableRecords:not(.NoResponsive) td.TableRecords_OddLine, 
.mini.tablet .TableRecords:not(.NoResponsive) td.TableRecords_EvenLine, 
.phone .TableRecords:not(.NoResponsive) td.TableRecords_OddLine, 
.phone .TableRecords:not(.NoResponsive) td.TableRecords_EvenLine {
    width: 100%;
    float: left;
    display: block;
    padding: 5px;
    box-sizing: border-box;
    border-bottom: none;
    display:none;
    
}

/* no hidden for .ResponsiveTableRecords */
.tablet.portrait .TableRecordsResponsive > .TableRecords td.TableRecords_OddLine, 
.tablet.portrait .TableRecordsResponsive > .TableRecords td.TableRecords_EvenLine,
.mini.tablet .TableRecordsResponsive > .TableRecord td.TableRecords_OddLine, 
.mini.tablet .TableRecordsResponsive > .TableRecords td.TableRecords_EvenLine, 
.phone .TableRecordsResponsive > .TableRecords td.TableRecords_OddLine, 
.phone .TableRecordsResponsive > .TableRecords td.TableRecords_EvenLine {
    display: block;
}


.tablet.portrait .TableRecords:not(.NoResponsive) td.TableRecords_OddLine:first-child, 
.tablet.portrait .TableRecords:not(.NoResponsive) td.TableRecords_EvenLine:first-child,
.mini.tablet .TableRecords:not(.NoResponsive) td.TableRecords_OddLine:first-child, 
.mini.tablet .TableRecords:not(.NoResponsive) td.TableRecords_EvenLine:first-child,
.phone .TableRecords:not(.NoResponsive) td.TableRecords_OddLine:first-child, 
.phone .TableRecords:not(.NoResponsive) td.TableRecords_EvenLine:first-child {
    border-top: 1px dotted #CCC;
    display:block;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor:pointer;
    
}

/* no pointer for .TableRecordsResponsive */
.tablet.portrait .TableRecordsResponsive > .TableRecords td.TableRecords_OddLine:first-child, 
.tablet.portrait .TableRecordsResponsive > .TableRecords td.TableRecords_EvenLine:first-child,
.mini.tablet .TableRecordsResponsive > .TableRecords td.TableRecords_OddLine:first-child, 
.mini.tablet .TableRecordsResponsive > .TableRecords td.TableRecords_EvenLine:first-child,
.phone .TableRecordsResponsive > .TableRecords td.TableRecords_OddLine:first-child, 
.phone .TableRecordsResponsive > .TableRecords td.TableRecords_EvenLine:first-child {
    cursor: default;
}

.tablet.portrait .TableRecords:not(.NoResponsive) tr:first-child td.TableRecords_OddLine:first-child, 
.tablet.portrait .TableRecords:not(.NoResponsive) tr:first-child td.TableRecords_EvenLine:first-child,
.mini.tablet .TableRecords:not(.NoResponsive) tr:first-child td.TableRecords_OddLine:first-child, 
.mini.tablet .TableRecords:not(.NoResponsive) tr:first-child td.TableRecords_EvenLine:first-child,
.phone .TableRecords:not(.NoResponsive) tr:first-child td.TableRecords_OddLine:first-child, 
.phone .TableRecords:not(.NoResponsive) tr:first-child td.TableRecords_EvenLine:first-child {
    border:  none;
}

.tablet.portrait .TableRecords:not(.NoResponsive) thead,
.mini.tablet .TableRecords:not(.NoResponsive) thead,
.phone .TableRecords:not(.NoResponsive) thead {
    display: none;
    
}

.tablet.portrait .TableRecords:not(.NoResponsive) td *,
.mini.tablet .TableRecords:not(.NoResponsive) td *,
.phone .TableRecords:not(.NoResponsive) td * {
    text-align: left;
}

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

.tablet.portrait .TableRecords:not(.NoResponsive) td:first-child:before,
.mini.tablet .TableRecords:not(.NoResponsive) td:first-child:before,
.phone .TableRecords:not(.NoResponsive) td:first-child:before {
    content: "\f0dd";
    float: right;
    font-family: FontAwesome;
    color: #AAA;
    margin-right:5px;
}

.tablet.portrait .TableRecords:not(.NoResponsive) td:last-child:before,
.mini.tablet .TableRecords:not(.NoResponsive) td:last-child:before,
.phone .TableRecords:not(.NoResponsive) td:last-child:before {
    content: ""; /* hide the icon there is only one column (first and last child are the same) */
}

.tablet.portrait .TableRecords:not(.NoResponsive) td[colspan]:first-child:before,
.mini.tablet .TableRecords:not(.NoResponsive) td[colspan]:first-child:before,
.phone .TableRecords:not(.NoResponsive) td[colspan]:first-child:before {
    content: "";
}

.tablet.portrait .TableRecords:not(.NoResponsive) tr.TableRecords_ExpandedRow td:first-child:before,
.mini.tablet .TableRecords:not(.NoResponsive) tr.TableRecords_ExpandedRow td:first-child:before,
.phone .TableRecords:not(.NoResponsive) tr.TableRecords_ExpandedRow td:first-child:before {
    content: "\f0de";
}

.tablet.portrait .TableRecords:not(.NoResponsive) tr.TableRecords_ExpandedRow td:last-child:before,
.mini.tablet .TableRecords:not(.NoResponsive) tr.TableRecords_ExpandedRow td:last-child:before, 
.phone .TableRecords:not(.NoResponsive) tr.TableRecords_ExpandedRow td:last-child:before {
    content: ""; /* hide the icon there is only one column (first and last child are the same) */
}

.tablet.portrait .TableRecords:not(.NoResponsive).Expanded td.TableRecords_OddLine, 
.tablet.portrait .TableRecords:not(.NoResponsive).Expanded td.TableRecords_EvenLine,
.mini.tablet .TableRecords:not(.NoResponsive).Expanded td.TableRecords_OddLine, 
.mini.tablet .TableRecords:not(.NoResponsive).Expanded td.TableRecords_EvenLine,
.phone .TableRecords:not(.NoResponsive).Expanded td.TableRecords_OddLine, 
.phone .TableRecords:not(.NoResponsive).Expanded td.TableRecords_EvenLine {
    display:table-cell;
    
 }

.tablet.portrait .TableRecords:not(.NoResponsive).Expanded td:first-child:before,
.mini.tablet .TableRecords:not(.NoResponsive).Expanded td:first-child:before,
.phone .TableRecords:not(.NoResponsive).Expanded td:first-child:before {
    display:none;
    
}
.tablet.portrait .TableRecords:not(.NoResponsive).Expanded td:first-child .TableRecords_Label:first-child,
.mini.tablet .TableRecords:not(.NoResponsive).Expanded td:first-child .TableRecords_Label:first-child,
.phone .TableRecords:not(.NoResponsive).Expanded td:first-child .TableRecords_Label:first-child {
    display:table-cell;
}

/*------------------------------------*\
        $5. Validation
\*-------------------------------------*/

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

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

.Prompt {
    color: #bbb;
}

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

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

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


/*------------------------------------*\
        $6.1 Patterns > Content
\*------------------------------------*/

/* AccordionVertical */
.AccordionVertical {
    border: 1px solid #ddd;
}
 
.AccordionVertical_item {
    border-top: 1px solid #ddd;
}

.AccordionVertical_item:first-child {
    border-top: 0;
}

.AccordionVertical_item.open .AccordionVertical__header {
    font-weight: 600;
}
 
.AccordionVertical__header:hover {
    cursor: pointer
}
 
.AccordionVertical__header {
    padding: 12px 14px;    
    width: 100%;
    display: table;
}
 
.AccordionVertical___title {
    font-size: 14px;
    color: #253b4a;
    line-height: 22px;
    display: table-cell;
    width: 100%;
}
 
.AccordionVertical___title > div{
    display: inline-block;
    margin-right: 5px;
} 
 
.AccordionVertical___icon {
    display: table-cell;
    border-left: 1px solid #CCC;
    padding-left: 10px;      
    
    vertical-align: middle; 
}
  
.AccordionVertical___icon > .fa {
    color: #999;
    background-color: transparent;
    border: 1px solid #CCC;
    border-radius: 22px;
    height: 22px;
    width: 22px;
    font-size: 20px;
}

.AccordionVertical_item.open .AccordionVertical___icon > .fa {
    color: 666;
    background-color: transparent;
    border: 1px solid #666;
    border-radius: 22px;
    height: 22px;
    width: 22px;
    -webkit-transform: rotate(-180deg);
       -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
         -o-transform: rotate(-180deg);    
}

.ie7 .AccordionVertical_item.open .AccordionVertical___icon > .fa:before,
.ie8 .AccordionVertical_item.open .AccordionVertical___icon > .fa:before {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=6);
}
 
.AccordionVertical__content {
    border-top: 1px solid #ddd;
    padding: 17px;
}

/* Alert */
.Alert {
    padding: 10px 10px 10px 35px;
    width: 100%;
    border: 1px solid #CCC;
    position: relative;
    color: #FFF;
    
    margin-bottom: 20px;
}

.Alert span.fa {
    position: absolute;
    left: 10px;
    top: 12px;
    font-size: 16px;
}

.Alert.Info {
    background-color: #62b6d1;
    border-color: #009BD0;
}

.Alert.Success {
    background-color: #a9c264;
    border-color: #97AE58;
}

.Alert.Error {
    background-color: #e09d90;
    border-color: #D87C69;
}

.Alert.Warning {
    background-color: #f5c459;
    border-color: #C78E10;
}

/* Balloon */
@-webkit-keyframes balloon {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translade3d(0, -5px, 0);
  }
  50% {
    opacity: 0.8;
    filter: alpha(opacity=80);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0, 0, 0);
            transform: translade3d(0, 0, 0);
  }
}

@keyframes balloon {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translade3d(0, -5px, 0);
  }
  50% {
    opacity: 0.8;
    filter: alpha(opacity=80);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0, 0, 0);
            transform: translade3d(0, 0, 0);
  }
}

.Balloon {
    
    
    
    position: absolute;
    z-index: -1;
    border: 1px solid #CCC;
    background-color: #fff;
    font-size: 14px;
    line-height: 20px;
    opacity: 0;
    filter: alpha(opacity=0);
    top 0;
}

.Balloon:after, .Balloon:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.Balloon:after {
    border-bottom-color: #fff;
    border-width: 8px;
    margin-left: -8px;
    
}

.Balloon:before {
    border-bottom-color: #CCC;
    border-width: 9px;
    margin-left: -9px;
    
}

/*
.Balloon_arrow{
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    top: -11px;
}

.Balloon_arrow:after {
    content: "";
    border-style: solid;
    border-width: 0px 8px 8px 8px;
    border-color: transparent transparent #ffffff transparent;
    width: 0;
    height: 0;
    position: absolute;
    
   
}


.Balloon_arrow:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent rgba(204, 204, 204, 0.3) transparent;
    position: absolute;
    top: -2px;
    left: -2px;
    

}
*/

.Balloon_content {
    padding: 8px 10px;
    overflow: hidden;
    
}

.Balloon_footer {
    padding: 10px;
    border-top: 1px solid #CCC;
}

.Balloon__heading.Heading3 {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
}

.js_open.Balloon {
    z-index: 21;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-animation: balloon .2s ease-in;   
            animation: balloon .2s ease-in;
}

/* BlankSlate */
.Blank {
    width: 100%;
    display: table;
    border-radius: 4px;
    padding-bottom: 10px;
    border: 1px solid #d0d0d0;
    height: 200px;
}

.Blank.FullHeight {
    height: 100%;
    min-height: 200px;
}

.Blank_row {
    display: table-row;
}

.Blank_wrapper {
    display: table-cell;
    text-align: center;
    vertical-align: top;
}

.Blank_icon {
    display: table-cell;
    text-align: center;
    vertical-align: bottom;
    font-size: 80px;
    color: #D0D0D0;
}

.Blank_desc {
    margin-top: 10px;
}

.Blank_action {
    margin-top: 20px;
}

.Blank_action .Button {
    margin-left: 0;
}

/* Box */
.Box {
    padding: 20px;
    margin: 20px 0;
    background-color: #E4E4E4;
}

.phone .Box {
    padding: 10px;
}

.Section .Box {
    padding: 10px;
    margin: 20px 0;  
}

.Box:first-child {
    margin-top: 0;
}

.Box .Columns:last-child .Column {
    margin-bottom: 0;
}

/* Bullets */
ol.List,
ul.List {
    margin-top: 10px;
    padding-left: 26px;
}

ol.List li,
ul.List li {
    padding-bottom: 10px;
}

/* ButtonsArea */
.Buttons {
    display: table;
    vertical-align: middle;
    width: 100%;
    margin-top: 30px;
    padding: 10px 0;
}

.Buttons_Left {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    width: 50%;
}

.Buttons_Right {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    width: 50%;
}

/* Cards */
.Card {
    padding: 10px;
    width: 100%;
}

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

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

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

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

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

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

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

.CardLeftImage .Left .Card_Image {
    
}

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

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

/* Carousel*/

.owl-theme .owl-controls{
    margin-top: 10px;
    text-align: center;
}

/* Naigation buttons */
.owl-theme .owl-controls .owl-buttons div{
    color: #FFF;
    display: inline-block;
    *display: inline;/*IE7 life-saver */
    margin: 5px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    border-radius: 50%;
    background: #aaa;
    filter: Alpha(Opacity=50);/*IE7 fix*/
    opacity: 0.5;
}

.owl-theme .owl-controls.clickable .owl-buttons div:hover{
    filter: Alpha(Opacity=100);/*IE7 fix*/
    opacity: 1;
    text-decoration: none;
}


/* Pagination buttons */
.owl-theme .owl-controls .owl-page{
    display: inline-block;
    zoom: 1;
    *display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
    display: block;
    width: 10px;
    height: 10px;
    margin: 10px 10px;
    filter: Alpha(Opacity=50);/*IE7 fix*/
    opacity: 0.5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #aaa;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
    filter: Alpha(Opacity=100);/*IE7 fix*/
    opacity: 1;
}

.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl-carousel{
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
    overflow: hidden;
    position: relative;
    width: 100%;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.owl-carousel .owl-wrapper-outer.autoHeight{
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}
    
.owl-carousel .owl-item{
    float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
    cursor: pointer;
}
.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.owl-prev.fa.fa-fw.fa-angle-left {
    left:  10px;
    position: absolute;
}

.owl-next.fa.fa-fw.fa-angle-right {
    right: 10px;  
    position: absolute;
}

/* Info */
.InfoTooltip {
    
    margin: 0 10px;
}

/* Modal */
.Modal {
    z-index: 100;
    display: none;
    
}

.ModalBackground {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99;
    color: #252525;
    background-image: -webkit-radial-gradient(50% 100%,  circle cover, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.2));
    background-image: radial-gradient( circle  at 50% 100%, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.2));
    
    -webkit-transition: all 0.14s ease;
       -moz-transition: all 0.14s ease;
            transition: all 0.14s ease;
}

.ie9 .ModalBackground {
    background: rgba(0, 0, 0, 0.2);
}

.ie7 .ModalBackground,
.ie8 .ModalBackground {
    background: #000;
    filter: alpha(opacity=20);
}


.ModalContainer {
    z-index: 101;
    text-align: center;
    overflow-y: auto;
    position: fixed;
    bottom: 0;
    left: 50%;
    width: 100%;
    max-width: 800px;
    padding: 30px 20px;
    background: white;
    border: 1px solid #e4e4e4;
    display: none;
    box-shadow: 0 1px 5px 2px rgba(50, 50, 50, 0.1);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border: 1px solid #dddedf;    
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);    
    
    
    
}


.ie7 .ModalContainer,
.ie8 .ModalContainer {
    margin-left: -400px;
}

.ModalContainer table.EditRecord,
.ModalContainer table.ShowRecord {
    border: 0; 
    text-align: left;
}

.ModalContainer.done {
    bottom: 0;
}

.ModalContainer .Heading1 {
    margin-bottom: 20px;
    margin-top: 0;
}

.ModalMessage {
    font-size: 14px;
    margin-bottom: 20px;
}

.ModalOpened {
    overflow: hidden;
}

.ModalOpened .calendar,
.ModalOpened .calendarPattern {
    z-index: 9999;
}

/* Responsive Context */
.phone .ModalContainer {
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; 
}

/* Panel */
.Panel {
    min-height: 100px;
    border: 1px solid #CCCCCC;
}

.Panel.Auto {
    height: auto;
}

.Panel.Small {
    height: 250px;
}

.Panel.Medium {
    height: 350px;
}

.Panel.Large {
    height: 500px;
}

.Panel_header,
.Panel_footer {
    display: table;
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid #CCC;
}
.Panel_header > div {
    width: 60%;
}

.Panel_header > .Panel__actions {
    width: 100%;
}

.Panel_content {
    padding: 10px;
    
}

.Panel_footer {
    border-bottom: 0;
    border-top: 1px solid #CCC;
}

.Panel__title.Heading3 {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    font-style: normal;
}

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

/* Post */
.Post {
    width: 100%;
    display: table;
    margin-bottom: 15px;
}

.Post_icon {
    width: 50px;
    display: table-cell;
    vertical-align: top;
    text-align: center;
}

.Post_content {    
    display: table-cell;
    padding-left: 15px;
}

.Post__date {
    float: right;
}

.Post__description {
    margin-top: 2px;
}

/* Section */
.Section {
    margin: 20px 0 0;
}

.Section:first-child {
    margin-top: 0;
}

.Section_header {
    border-bottom: 1px solid #CCC;
    padding-bottom: 5px;
    display: table;
    width: 100%;
    margin-top:0;
}

.Section__title.Heading2 {
    min-width: 100px;
    display: table-cell;
    vertical-align: middle;
    margin-top: 0;
}

.Section__title.Heading2 span.fa {
    margin-right: 5px;
}

.Section__actions {
    min-width: 100px;
    text-align: right;
    display: table-cell;
    vertical-align: middle;
}

.Section__actions > * {
    float: right;
    margin-left: 10px;
}

.Section_content {
    padding-top: 10px;
}

/* SectionExpandable */
.SectionExpandable.expanded .SectionExpandable_content {
    overflow: visible;
}

.Panel .SectionExpandable {
   margin-top: 0;
}

.Panel_content.nopadding {
    padding: 0;
}

.SectionExpandable_header {
    border-bottom: 1px solid #DDD;
    display: table;
    padding: 0 0 5px 0;
    cursor: pointer;
    width: 100%;
    margin-top:0;
}

.SectionExpandable.expanded .SectionExpandable_header {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.SectionExpandable__title.Heading2 {
    min-width: 100px;
    display: table-cell;
    text-align: left;
    vertical-align: middle;
}

.SectionExpandable__title.Heading2 span.fa {
    margin-right: 5px;
}

.SectionExpandable__icon.Heading2 {
    display: table-cell;
    text-align: right;
    vertical-align: middle;
    width: 16px;
}

.SectionExpandable.expanded .SectionExpandable__icon {
    -webkit-transform: rotate(-180deg);
       -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
         -o-transform: rotate(-180deg);
}

.ie7 .SectionExpandable.expanded .SectionExpandable__icon,
.ie8 .SectionExpandable.expanded .SectionExpandable__icon {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=6);
}

.SectionExpandable_content {
    overflow: hidden;
    display: none;
    padding: 10px 0;
    margin-top:0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top: none;
}

.SectionExpandable.expanded .SectionExpandable_content {
    display: block;
}

/* Separator */
.Separator {
    border-bottom: 1px solid #DFDFDF;
    margin: 10px 0;
}

.DropdownMenu .Separator {
    margin: 0;
}

/* ie8 compatibility syntax : instead of :: */
.ie7 .Separator:before,
.ie8 .Separator:before {
    /* Add line for inset effect */
    content: '';
    display: block;
    position: relative;
    width: 100%;
    height: 1px;
}

.ie7 .Separator:before,
.ie8 .Separator:before {
    border-bottom: 1px solid #C9C9C9;
}

/* Tooltip */
.tooltipstered {
    cursor: help;
}

.tooltipstered.balloon {
    cursor: pointer;
}

.tooltip_style {
    border-radius: 0; 
    border: 0;
    background-color: #2a2a2a;
    color: #fff;
}

.tooltip_style .tooltipster-content {
    font-size: 14px;
    line-height: 16px;
    padding: 8px 10px;
    overflow: hidden;
}

.tooltip-content {
    
}

.tooltipster-arrow-bottom span,
.tooltipster-arrow-bottom-right span,
.tooltipster-arrow-bottom-left span {
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-bottom: 8px solid;
    top: -8px;
}

.tooltipster-arrow-bottom .tooltipster-arrow-border,
.tooltipster-arrow-bottom-right .tooltipster-arrow-border,
.tooltipster-arrow-bottom-left .tooltipster-arrow-border {
    border-left: 9px solid transparent !important;
    border-right: 9px solid transparent !important;
    border-bottom: 9px solid;
    top: -9px;
}

/*------------------------------------*\
        $6.2 Patterns > Controls
\*------------------------------------*/

/* ButtonGroup */
.ButtonGroup {
    width: 100%;
    outline: 1px solid transparent;
    -webkit-transition: outline-color .3s ease-out;
       -moz-transition: outline-color .3s ease-out;
         -o-transition: outline-color .3s ease-out;
            transition: outline-color .3s ease-out;
}

.ie7 .ButtonGroup,
.ie8 .ButtonGroup {
    border-right: 1px solid #dcdcdc;
}

.ButtonGroup_button.Button {
    border-color: #dcdcdc;
    background-color: #FFF;
    margin: 0;
    border-radius: 0;
    margin-right: 0;
    border-right-width: 0;
}

.ButtonGroup_button * {
    color: #2a2a2a;
}

.ButtonGroup_button.active {
    background-color: #eeeeee;
    background-image: none;
    background: -webkit-gradient(linear,left top,left bottom,from(#eeeeee),to(#e0e0e0));
    background: linear-gradient(top,#eeeeee,#e0e0e0);
    border-color: #ccc;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}

.ButtonGroup_button.Button:last-child {
    border-right-width: 1px;
}

.ButtonGroup_button input[type=radio] {   
    position: absolute;
    z-index: -1;
    opacity: 0;
    filter: alpha(opacity=0);
    
    
    
}

.ButtonGroup_button.Button.disabled, .ButtonGroup_button.Button.disabled:hover {
    cursor: default;
    color: #999;
    background-color: #F5F5F5;
}

.Form:not(.form-top) .ButtonGroup_button {
    padding-top: 0;
}

/* Responsive Context */
.phone .ButtonGroup_button.Button, 
.phone .ButtonGroup_button a.Button,
.mini.tablet .ButtonGroup_button.Button, 
.mini.tablet .ButtonGroup_button a.Button {
    border-right-width: 1px;
    box-shadow: none;
}

.phone .ButtonGroup_button.Button,
.mini.tablet .ButtonGroup_button.Button {
    width: 100%;
    border-right-width: 1px;
    border-bottom-width: 0;
}

.phone .ButtonGroup_button.Button:last-child,
.mini.tablet .ButtonGroup_button.Button:last-child {
    width: 100%;
    border-bottom-width: 1px;
}

/* Dropdown */
.DropdownMenu {
    display: none;
    position: absolute;
    z-index: 1000;
    top: 115%;
    left: 0;
    text-align: left;
    border-radius: 2px;
    border-style: solid;
    border-width: 1px;
    min-width: 120px;
    border-color: #c6c6c6;
    background-color: #FFF;
    box-shadow: 1px 1px 3px #c6c6c6;
}

.DropdownMenu .PH > a {
    white-space: nowrap;
    line-height: 32px;   
    padding-left: 10px;
    padding-right: 10px;
    display: block;
    color:  #125f90;
    font-weight: 700;
}

.DropdownMenu .PH > a:hover {
    background-color:  #efefef;
    text-decoration: none;
    color:  #499acd;
}

.open > .DropdownMenu {
    display: block;
}

.DropdownMenu.arrangeHorizontal {
    right: 0;
    left: auto;
}

.DropdownMenu.arrangeVertical {
    bottom: 102%;
    top: auto;
}

/* Dropdown: ButtonDropdown */
.ButtonDropdown {
    position: relative;
}

.ButtonDropdown_button.Button {
    min-width: 50px;
    margin-left: 0;
    padding: 0 10px;
}

.ButtonDropdown_text {
    
}

/* Dropdown: InlineDropdown */
.InlineDropdown {
    position: relative;
}

.InlineDropdown_label {
    min-width: 50px;
    cursor: pointer;
}

.InlineDropdown + .InlineDropdown {
    margin-left: 20px;
}

/* Dropdown: IconDropdown */
.IconDropdown {
    position: relative;
}

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

.IconDropdown_button.Button span.fa {
    margin-left: 0;
}

.IconDropdown.open .Button{
    background-color: #499acd;
    border-color: #125f90;
}

/* Range */
.Slider {
    
    
    
}
.SliderContainer {
    padding: 0 11px;
}
/* Range: Slider values */
.Slider_values {
    display: table;
    width: 100%;
    margin-top: 10px;
}
.tablet .Slider_values,
.phone .Slider_values {
    margin-top: 15px;
}
.Slider_minvalue {
    display: table-cell;
    width: 25%;
    text-align: left;
}
.Slider_maxvalue {
    display: table-cell;
    width: 25%;
    text-align: right;
}
.LabelValues {
    height: 35px;
    margin-top: 0px;
    
    
}
.LabelValues * {
    float: left;
    vertical-align: bottom;
    margin-right: 5px;
}
.LabelValues label {
    margin-right: 10px;
}
.Slider_minvalue,
.Slider_maxvalue,
.Slider_currentvalue,
.Slider_currentvalue2 {
    color: #666;
    font-size: 12px;
    margin-top: 2px;
}
.Page .Slider_InputNumber > input,
.Page .Slider_InputNumber2 > input {
    display: none;
}
/* Range: Slider bar */
.SliderRange {
    position: relative;
    text-align: left;
    display: table;
    width: 100%;
    background: #fafafa;
    height: 8px;
    -webkit-appearance: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 4px 0 rgba(0,0,0,0.15);
    
    
    
    z-index: 2;
    cursor: default;
    cursor: pointer;
    border: 1px solid #cccccc;
    border-radius: 3px;
    height: 22px;
    width: 22px;
    top: -9px;
    margin-left: -11px;
    box-shadow: 0px 1px 3px 0.00px rgba(0, 0, 0, 0.15);
    background: -webkit-linear-gradient(-90deg, #ffffff 9%, #e0e0e0 100%);
    background:    -moz-linear-gradient(-90deg, #ffffff 9%, #e0e0e0 100%);
    background:     -ms-linear-gradient(-90deg, #ffffff 9%, #e0e0e0 100%);
    background:      -o-linear-gradient(-90deg, #ffffff 9%, #e0e0e0 100%);
    background:         linear-gradient(180deg, #ffffff 9%, #e0e0e0 100%);
    -ms-touch-action: none;
        touch-action: none;
}

.ie7 .SliderRange .ui-slider-handle,
.ie8 .SliderRange .ui-slider-handle,
.ie9 .SliderRange .ui-slider-handle {
    background: #e0e0e0;
}

.SliderRange .ui-slider-handle:hover {
    background: -webkit-linear-gradient(90deg, #ffffff 29%, #f2f2f2 100%);
    background:    -moz-linear-gradient(90deg, #ffffff 29%, #f2f2f2 100%);
    background:     -ms-linear-gradient(90deg, #ffffff 29%, #f2f2f2 100%);
    background:      -o-linear-gradient(90deg, #ffffff 29%, #f2f2f2 100%);
    background:         linear-gradient(0deg, #ffffff 29%, #f2f2f2 100%);
}
.SliderRange .ui-state-active:focus {
    background: #fff;
    outline-width: 0 !important;
}
.tablet .SliderRange .ui-slider-handle,
.phone .SliderRange .ui-slider-handle {
    top: -14px;
    margin-left: -17px;
    width: 35px;
    height: 35px;
}
.SliderRange .ui-slider-handle:after {
    content: "";
    position: absolute;
    top: 7px;
    left: 9px;
    width: 1px;
    height: 7px;
    border-right: 2px solid #cccccc;
    border-left: 2px solid #cccccc;
}
.tablet .SliderRange .ui-slider-handle:after,
.phone .SliderRange .ui-slider-handle:after {
    left: 15px;
    width: 2px;
    height: 18px;
}
.SliderRange .ui-slider-handle:before {
    content: "";
    position: absolute;
    top: 7px;
    left: 6px;
    width: 1px;
    height: 7px;
    border-left: 2px solid #cccccc;
}
.tablet .SliderRange .ui-slider-handle:before,
.phone .SliderRange .ui-slider-handle:before {
    left: 11px;
    height: 18px;
}
/* Range: two values range */
.SliderRange .ui-slider-range {
    position: absolute;
    z-index: 1;
    display: block;
    background-position: 0 0;
    background: #e6e6e6 ;
    top: 0;
    height: 100%;
}
.ie .SliderRange .ui-slider-range,
.firefox .SliderRange .ui-slider-range {
    border: 1px solid #ccc;
}

.LabelValues > div,
.Slider_InputNumber,
.Slider_InputNumber2 {
    
    
}
.Slider_InputNumber,
.Slider_InputNumber2 {
    
    
    
}
.Slider_InputNumber2 {
    
}
.Slider_InputNumber input,
.Slider_InputNumber2 input {
    
    
    
}

/* ToggleButton */
.ToggleButton {
    background-color: #cfcfcf;
    border-color: #ddd;    
    width: 54px;
    height: 30px;
    border-width: 1px;
    border-style: solid;
    outline: 1px solid transparent;
    -webkit-transition: outline-color .3s ease-out;
       -moz-transition: outline-color .3s ease-out;
         -o-transition: outline-color .3s ease-out;
            transition: outline-color .3s ease-out;    
}

.ToggleButton_label {
    display: block;
    position: relative;
    color: transparent;
    width: 50px;
    height: 30px;
    cursor: pointer;
    transition: left 0.15s ease-out;
}

.ToggleButton_label:after {
    content: "";
    display: block;
    position: absolute;
    width: 15px;
    height: 15px;
    border-width: 1px;
    border-style: solid;
    top: 5px;
    left: 5px;
    transition: left 0.15s ease-out;
    color: #444;
    border-color: #dcdcdc;
    background-color: #fff;    
}

.ToggleButton_label.changed:after {
    content: "";
    display: block;
    position: absolute;
    width: 15px;
    height: 15px;
    background-color: #fff;
    top: 5px;
    left: 22px;
    transition: left 0.15s ease-out;
    background-color: #fff;    
}

.ToggleButton_label input {
    position: absolute;
    opacity: 0;
    z-index: -1;
    
    
    
        
}

.ie7 .ToggleButton_label input,
.ie8 .ToggleButton_label input {
    z-index: -1;  
}

.ToggleButton.changed {
    color: #444;
    border-color: #dcdcdc;
    background-image: none;
    background-color: #a9c264;
}

/* Calendar */

.CalendarWrapper {
    width: 100%;
    height: 100%;
}

div.calendarPattern,
div.calendarPattern table {
    width: 100%;
    height: 100%;    
}

.calendarPattern.CalendarPopup {
    width: 250px;
    height: 250px;
}

div.calendarPattern tbody {
    background-color: #fff;
}

div.calendarPattern tr.daynames {
    background-color: #fff;
    color: #333;
    height: 40px;
    line-height: 40px;
    border: 1px solid #ccc;
}

div.calendarPattern table {    
    border-collapse: collapse;
    border: 1px solid #ccc;
}

div.calendarPattern .button {
    text-align: center;
    border: 1px solid #ccc;
}

div.calendarPattern thead .button {
    background: #fff;
    color: #333;
    font-size: 18px;
    vertical-align: middle;
    height: 30px;
    cursor: pointer;
}

div.calendarPattern thead .title {
    background: #fff;
    padding: 5px;
    color: #333;
    text-align: center;
    font-size: 18px;
}

div.calendarPattern thead td[colspan="3"] {
    opacity: 1;
    font-size: 12px;
}

div.calendarPattern thead .name {
    font-weight: normal;
    text-align: center;
    font-size: 12px;
}

div.calendarPattern thead .button.notclose.hilite {
    color: #ccc;
}

div.calendarPattern thead .active {
     color: #333;
}

div.calendarPattern tbody .day {    
    color: #333;
    vertical-align: middle;
    text-align: center;
    font-size: 12px;
    
     /* enable days */
    pointer-events: visible;
    cursor: pointer;
}

div.calendarPattern td.off,
div.calendarPattern th.off {
    color: #ccc;
    vertical-align: middle;
    text-align: center;
    font-size: 12px;
    
    /* disable days */
    pointer-events: none;
    cursor: not-allowed;
}

div.calendarPattern tbody .day.othermonth.oweekend {
    background: #fff;
    color: #333;
}

div.calendarPattern tbody td.active.day.othermonth,
div.calendarPattern tbody th.active.day.othermonth {
    background: #666;
}

div.calendarPattern tbody .rowhilite td.hilite.day.othermonth,
div.calendarPattern tbody .rowhilite th.hilite.day.othermonth {
    background: #fff;
}

div.calendarPattern tbody td.active,
div.calendarPattern tbody th.active {
    background: #666;
    color: #fff;
}
 
div.calendarPattern tbody td.weekend,
div.calendarPattern tbody th.weekend {
    /* color: #a0a0a0; */
}

div.calendarPattern tbody td.selected {
    background: #666;
    color: #fff;
}

div.calendarPattern tbody td:not(.selected).hilite {
    background:  #ddd;
}

div.calendarPattern tbody .disabled {
}

div.calendarPattern tbody .emptycell {
    /* background: #fff; */
}

div.calendarPattern tbody .emptyrow {
    display: none;
}

div.calendarPattern td.time,
div.calendarPattern th.time {
    text-align: center;
    color: #666;
    padding: 3px 0 1px;
}

div.calendarPattern td.time[colspan="2"] {
    text-align: right;
}

div.calendarPattern td.time .hour,
div.calendarPattern th.time .hour,
div.calendarPattern td.time .minute,
div.calendarPattern th.time .minute,
div.calendarPattern td.time .ampm,
div.calendarPattern th.time .ampm {
    font-weight: bold;
    color: #666;
    padding: 0 5px 0 6px;
}

div.calendarPattern td.time .ampm,
div.calendarPattern th.time .ampm {
    text-align: center;
}

div.calendarPattern td.time .colon,
div.calendarPattern th.time .colon {
    font-weight: 700;
    padding: 0 2px 0 3px;
}

div.calendarPattern td.time span.hilite,
div.calendarPattern th.time span.hilite {
    background: #fff;
    color: #666;
}

div.calendarPattern td.time span.active,
div.calendarPattern th.time span.active {
    background: #666;
    color: white;
}

.TitleYear {
    color: #333;
    font-size: 12px;
}

.TitleMonth {
    font-size: 16px;    
    font-weight: bold;
}

div.calendarPattern tfoot {
   display: none;
}

div.calendarPattern tbody .day {width: 14.28%;}
div.calendarPattern tbody .day.colSpan8 {width: 12.5%;}

/*------------------------------------*\
      $6.3 Patterns > Data
\*------------------------------------*/

/* Badge */
.Badge {
    display: inline-block;
    position: relative;
    border-radius: 25px;
    min-width: 20px;
    margin-left: 10px;
    padding: 1px 5px;
    text-align: center;
    line-height: 16px;
    font-size: 12px;    
}

.Button .Badge {
    top: -1px;
}

.IconBadge {
    position: relative;
    display: inline-block;
    margin-top: 5px;
}

.IconBadge_number {
    text-align: center;
    font-size: 10px;
    min-width: 18px;
    padding: 1px 5px;
    position: absolute;
    right: -10px;
    top: -12px;
    border-radius: 25px;
    border: 2px solid #fff;
    background-color: #499acd;
    color: #fff;
    text-shadow: 1px 1px #336699;
    letter-spacing: 1px;
}

.IconBadge span.fa {
    font-size: 20px;
}

/* Counter */
.Counter {
    text-align: center;
    /* Default is Medium enable this on preview */
    
    
    
    
    
}

.Counter_row {
    position: relative;
    height: 50%;
    width: 100%;
}

.Counter_number {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.Counter_label {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.Counter.Auto {
    min-width: 80px;
    max-width: 160px;
    height: 80px;
}

.Counter.Auto .Counter_number {
    font-size: 24px;
}


/* Counter: Small */
.Counter.Small {
    min-width: 50px;
    max-width: 100px;
    height: 50px;
}

.Counter.Small .Counter_number {
    font-size: 18px;
}


/* Counter: Medium */
.Counter.Medium {
    min-width: 80px;
    max-width: 160px;
    height: 80px;
}

.Counter.Medium .Counter_number {
    font-size: 24px;
}


/* Counter: Large */
.Counter.Large {
    min-width: 160px;
    max-width: 320px;
    height: 160px;
}

.Counter.Large .Counter_number {
    font-size: 42px;
}



/* ProgressBar */
.Progress {
    overflow: hidden;
    background-color: #f5f5f5;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
            box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    text-align: left;
}

.Progress.Small {
    height: 8px;
}

.Progress.Medium {
    height: 16px;
    font-size: 10px;
}

.Progress.Large {
    height: 32px;
    font-size: 20px;
}

.Progress_bar {
    display: table;
    height: 100%;
    text-align: center;
    color: #fff;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
            box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-transition: width .6s ease;
         -o-transition: width .6s ease;
            transition: width .6s ease;
    
}

.Progress span {
    
    display: table-cell;
    vertical-align: middle;
    margin-left: 10px;
}

/* ProgressBar: Tooltipster Context */
.tooltipster-content .Counter {
    padding: 10px 5px;
}

.tooltipster-content .Counter_number {
    line-height: 45px;
}

/* Tile */
.Tile {
    width: 100%;
    height: 100%;
    text-align: center;
    position: relative;
    margin: 0 auto;
    display: table;
}
.firefox .Tile {
    display: -moz-deck;
}

.Tile .Row {
    display: table-row;
}

a .Tile {
    text-decoration: none;
}

.Tile.Small {
    min-height: 80px;
    line-height: 20px;
}

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

.Tile.Large {
    min-height: 280px;
}

/* Tile: InfoTooltip */
.Tile .InfoTooltip {
    position: absolute;
    right: 5px;
    top: 5px;
    margin: 0;
}

/* Tile: InfoTooltip IF Small */
.Tile.Small .InfoTooltip {
    font-size: 10px;
    top: 2px;
    right: 2px;
}

/* Tile: TileIcon */
.Tile.TileIcon {
    padding: 10px 0 10px;    
}

.TileIcon_icon {
    display: table-cell;
    vertical-align: middle;
    font-size: 48px;
}

.TileIcon_text {
    display: table-cell;
    vertical-align: middle;
    font-size: 16px;
}

/* TileIcon IF Small */
.Tile.Small .TileIcon_icon {
    font-size: 30px;
}

.Tile.Small .TileIcon_text {
    font-size: 16px;
}

/* TileIcon IF Medium */
.Tile.Medium .TileIcon_icon {
    font-size: 60px;
}

.Tile.Medium .TileIcon_text {
    font-size: 22px;
}

/* TileIcon IF Large */
.Tile.Large .TileIcon_icon {
    font-size: 70px;
}

.Tile.Large .TileIcon_text {
    font-size: 28px;
}

/* Tile: TileIconText */
.TileIconText_icon {
    display: table-cell;
    width: 120px;
    vertical-align: middle;
    font-size: 60px;
}

.TileIconText_right {
    display: table-cell;
    vertical-align: middle;
    padding-right: 20px;
    font-size: 16px;
}

/* Tile: TileIconText_icon IF Small */
.Tile.Small .TileIconText_icon {
    font-size: 36px;
}

.Tile.Small .TileIconText_right {
    font-size: 16px;
}

/* Tile: TileIconText_icon IF Medium */
.Tile.Medium .TileIconText_icon {
    font-size: 72px;
}

.Tile.Medium .TileIconText_right {
    font-size: 22px;
}

/* Tile: TileIconText_icon IF Large */
.Tile.Large .TileIconText_icon {
    font-size: 88px;
}

.Tile.Large .TileIconText_right {
    font-size: 28px;
}

/* Tile: TileNumber */
.TileNumber_number {
    display: table-cell;
    vertical-align: bottom;
    font-size: 45px;
    font-weight: 700;
}

.TileNumber_text {
    margin: 0;
    display: table-cell;
    vertical-align: top;
}

/* Tile: TileNumber IF Small */
.Small .TileNumber_number {
    font-size: 18px;
}

.Tile.Small .TileNumber_text {
    font-size: 14px;
}

/* Tile: TileNumber IF Medium */
.Tile.Medium .TileNumber_number {
    font-size: 48px;
}

.Tile.Medium .TileNumber_text {
    font-size: 20px;
}

/* Tile: TileNumber IF Large */
.Tile.Large .TileNumber_number {
    font-size: 62px;
}

.Tile.Large .TileNumber_text {
    font-size: 20px;
}

/* UserInitials */
.UserInitials,
.UserInitials.Small {
    width: 22px;
    height: 22px;
    border-radius: 50%;
}
.UserInitials span,
.UserInitials.Small span {
    font-size: 10px;
}
/* UserInitials: Medium */
.UserInitials.Medium {
    width: 40px;
    height: 40px;
}
.UserInitials.Medium span {
    font-size: 16px;
    font-weight: bold;
    line-height: 2.6em;
}
/* UserInitials: Large */
.UserInitials.Large {
    width: 80px;
    height: 80px;
}
.UserInitials.Large span {
    font-size: 34px;
    font-weight: bold;
    line-height: 2.4em;
}

/*------------------------------------*\
      $6.4 Patterns > Mobile
\*------------------------------------*/

/* ListItem */
.ListItem {
    padding: 15px 20px;
    line-height: 1;
    border-bottom: 1px solid #CCC;
    display: table;
    width: 100%;
}

.ListItem span.fa {
    margin-right: 10px;
}

a .ListItem {
    padding-right: 40px;
    position: relative;
}

a .ListItem:after {
    content: "\f105";
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -9px;
    font-family: FontAwesome;
    font-size: 18px;
}

a:hover > .ListItem {
    background-color: #EFEFEF;
}

a > .ListItem.active,
a:active > .ListItem {
    background-color: #CCC;
}

/* ListItemGroup */
.ListItemGroup {    
    background-color: #FFF;
    border: 1px solid #CCC;
}

.ListItemGroup a:last-child > .ListItem, 
.ListItemGroup > .ListItem:last-child {
    border-bottom: none;
}

.ListItemGroup a {
    text-decoration: none;
}

.Panel .ListItemGroup {
    border-left: none;
    border-right: none;
    border: none;
    background-color: transparent;
}

/* ListItemToggle */
.ListItemToggle .ListItemContent {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}

.ListItemToggle .ToggleButton {
    display: inline-block;
    float: right;
}

/*------------------------------------*\
      $6.5 Patterns > Navigation
\*------------------------------------*/

/* Breadcrumbs */
.Breadcrumbs {
    font-size: 0.8em;
    margin-bottom: 15px;
}

.Breadcrumbs div {
    
}

.ie7 .Breadcrumbs a,
.ie8 .Breadcrumbs a {
    width: 100%;
}

.phone .Breadcrumbs div:first-child span {
    display: none;
}

/* NavigationBar: Horizontal */
.NavigationBar .InlineDropdown .InlineDropdown_icon {
    display: inline;
}

.NavigationBar a,
.NavigationBar a:link,
.NavigationBar a:visited {
    position: relative;
    display: inline-block;
    border-bottom: transparent;
    padding: 10px 15px;
    margin-bottom: -1px;
    color: #999;
}

.NavigationBar a.InlineDropdown {
    cursor: pointer;
}

.NavigationBar a.Active {
    color: #151515;
    font-weight: 600;
    background: transparent;
}

.NavigationBar a:after,
.NavigationBar a:link:after { /* Border (:after) */
    content: '';
    position: absolute;
    width: 98%;
    height: 2px;
    background-color: #c7c7c7;
    bottom: 0;
    left: 1%;
    right: 1%;
}

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

.NavigationBar a.Active:not(.ie7):before,
.NavigationBar a.Active:not(.ie8):before { /* Triangle indicator (:before) */
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    bottom: 2px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #125f90;
    left: 50%;
    margin-left: -6px;
}

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

/* Responsive Context */
.desktop .NavigationBar a:hover, 
.desktop .NavigationBar a:link:hover {
    color: #151515;
}

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


.phone .NavigationBar a:active, 
.phone .NavigationBar a:link:active,
.tablet .NavigationBar a:active, 
.tablet .NavigationBar a:link:active {
    color: #3e5154;
}

.phone .NavigationBar a:active:after, 
.phone .NavigationBar a:link:active:after,
.tablet .NavigationBar a:active:after, 
.tablet .NavigationBar a:link:active:after {
    background-color: #125f90;
}

.phone .NavigationBar .InlineDropdown .DropdownMenu a:after,
.tablet .NavigationBar .InlineDropdown .DropdownMenu a:after,
.phone .NavigationBar .InlineDropdown .DropdownMenu a:active:after, 
.tablet .NavigationBar .InlineDropdown .DropdownMenu a:active:after {
    background-color: transparent;
}

.phone .NavigationBar .InlineDropdown .DropdownMenu a,
.tablet .NavigationBar .InlineDropdown .DropdownMenu a {
    width: 100%;
}

.phone .NavigationBar .InlineDropdown .DropdownMenu .Active:not(.ie7):before,
.tablet .NavigationBar .InlineDropdown .DropdownMenu .Active:not(.ie7):before,
.phone .NavigationBar .InlineDropdown .DropdownMenu .Active:not(.ie8):before,
.tablet .NavigationBar .InlineDropdown .DropdownMenu .Active:not(.ie8):before {
    border: none;
}

/* NavigationBar: Vertical */
.NavigationBar.Vertical a,
.NavigationBar.Vertical a:link {
    display: block;
    padding: 10px 10px;
    border-left: 2px solid #c7c7c7;
    margin-top: 2px;
}

.NavigationBar.Vertical a.Active,
.NavigationBar.Vertical a:link.Active {
  border-color: #125f90;
}

.NavigationBar.Vertical a:after,
.NavigationBar.Vertical a:link:after {
    content: none;
}

.NavigationBar.Vertical a.Active:not(.ie7):before,
.NavigationBar.Vertical a.Active:not(.ie8):before {
    bottom: calc(50% - 6px);
    left: 0;
    border-right: 0;
    border-left: 4px solid #125f90;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
}

/* Responsive Context */
.desktop .NavigationBar.Vertical a:hover,
.desktop .NavigationBar.Vertical a:link:hover {
  border-color: #125f90;
}

.phone .NavigationBar.Vertical .InlineDropdown:after,
.phone .NavigationBar.Vertical .InlineDropdown:link:after,
.tablet .NavigationBar.Vertical .InlineDropdown:after,
.tablet .NavigationBar.Vertical .InlineDropdown:link:after {
    content: '';
    background-color: #c7c7c7;
}

.phone .NavigationBar.Vertical .InlineDropdown,
.phone .NavigationBar.Vertical .InlineDropdown:link, 
.tablet .NavigationBar.Vertical .InlineDropdown,
.tablet .NavigationBar.Vertical .InlineDropdown:link {
    padding: 8px 6px;
    border: none;
}

.phone .NavigationBar.Vertical,
.phone .NavigationBar.Vertical, 
.tablet .NavigationBar.Vertical,
.tablet .NavigationBar.Vertical,
.phone .NavigationBar.Vertical .InlineDropdown .InlineDropdown_label,
.tablet .NavigationBar.Vertical .InlineDropdown .InlineDropdown_label {
    min-width: 60px;
}

.phone .NavigationBar.Vertical .InlineDropdown .DropdownMenu a,
.tablet .NavigationBar.Vertical .InlineDropdown .DropdownMenu a {
    border: none;
}

/* SectionIndex */
.phone .SectionIndex {
    
}

/* TabsClient */
.Tabs {
    min-height: 80px;
    border: 1px solid #ccc;
}

.Tabs_header {
    display: block;
    width: 100%;
    overflow-x: auto;
    background: #efefef;
    white-space: nowrap;
    overflow-y: hidden;
}

.desktop .Tabs_header,
.tablet .Tabs_header {
    display: table;
}

.Tabs__tab {
    display: table-cell;
    cursor: pointer;
    padding: 5px 10px;
    text-align: center;
    vertical-align: middle;
    background: #e4e4e4;
    border-top: 0;
    border-right: 0;
    border-left: 1px solid #ccc;  
        
}

.Tabs__tab:hover {
    background: #FFFFFF;
}

.Tabs__tab.active {
    background: #FFF;
    cursor: default;
    border-top: 0px;
    border-bottom-color: #FFF;
}

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

.Tabs_body {
    border: 0;
    border-top:0;
    padding: 10px;
    z-index: 0;
    position: relative;
    margin-top: 0;
}

.Tabs__content {
    display: block;
    opacity: 0;
    height: 0;
    overflow: hidden;
    margin-top:0;
    
    
    
}

.Tabs__content.active {
    opacity: 1;
    height: auto;
}

.Tabs__Loading {
    padding: 25px 40px;
}


/* Wizard */
.WizardParent {
    display: table;
    width: 100%;
    border: 1px solid #e2e2e2;
    overflow: hidden;
}

.WizardStep {    
    background: #fff;   
    position: relative;
    display: table-cell;
    
    
}

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

.WizardStep.Past {
    background: #fff;
}

.WizardStep a,
.WizardStep a:link {
    display: block;
    line-height: 38px;
    text-align: center;
    padding-right: 20px;
}

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

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

 /* !important needed to override in all themes */
.ie7 .WizardStep:after,
.ie8 .WizardStep:after {
    border: 0!important;
}

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

/* before: left "inverted" arrow on wizard step */
.WizardStep:before {
    content: "";
    left: -20px;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-top: 20px solid #fff;
    border-bottom: 20px solid #fff;
    top: 0;
    position: absolute;
}

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

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

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

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

/*------------------------------------*\
      $6.6 Patterns > Responsive
\*------------------------------------*/

/* TableRecordsResponsive */
.phone .TableRecordsResponsive .TableRecords,
.mini.tablet .TableRecordsResponsive .TableRecords {
  border: 1px solid #dcddde;
  padding-top: 0;
}

.phone .TableRecordsResponsive .TableRecords td, 
.mini.tablet .TableRecordsResponsive .TableRecords td {
  display: block;
  position: relative;
  padding-left: 100px;
  padding-right: 10px;
}

.phone .TableRecordsResponsive .TableRecords tr td div, 
.mini.tablet .TableRecordsResponsive .TableRecords tr td div {
  text-align: left;
  font-size: 14px;
}

.phone .TableRecordsResponsive .TableRecords .silkui_TableRecords_Label, 
.mini.tablet .TableRecordsResponsive .TableRecords .silkui_TableRecords_Label {
  position: absolute;
  left: 15px;
  width: 80px;
  word-wrap: break-word;
  font-weight: 600;
  font-size: 12px;
}

.phone .TableRecordsResponsive .TableRecords .TableRecords_OddRow, 
.mini.tablet .TableRecordsResponsive .TableRecords .TableRecords_OddRow {
    background-color: #f4f4f4;
}

.phone .TableRecordsResponsive .TableRecords .TableRecords_OddLine, 
.phone .TableRecordsResponsive .TableRecords .TableRecords_EvenLine,
.mini.tablet .TableRecordsResponsive .TableRecords .TableRecords_OddLine, 
.mini.tablet .TableRecordsResponsive .TableRecords .TableRecords_EvenLine {
  border: none;
}

.mini.tablet .TableRecordsResponsive .TableRecords td, 
.phone .TableRecordsResponsive .TableRecords td {
    padding: 10px;
}
.TableRecordsResponsive .TableRecords td:before {
    display: none;
}
.mini.tablet .TableRecordsResponsive .TableRecords td.TableRecords_OddLine,
.mini.tablet .TableRecordsResponsive .TableRecords td.TableRecords_EvenLine,
.phone .TableRecordsResponsive .TableRecords td.TableRecords_OddLine,
.phone .TableRecordsResponsive .TableRecords td.TableRecords_EvenLine {
    cursor: default;
}

/*------------------------------------*\
      $6.7 Patterns > Structure
\*------------------------------------*/
.Page.phone .mob_BreakAll > .Column {
    
}

/*------------------------------------*\
      $6.8 Patterns > Utilities
\*------------------------------------*/

/* Text Classes */
.Heading1 {
    font-size: 30px;   
    line-height: 30px;
    font-weight: 700;
}

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

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

.Heading4 {
    font-size: 15px;
    line-height: 15px;
    font-size: 700;
}

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


 /* Table */
.TableVerticalAlign .Cell1,
.TableVerticalAlign .Cell2 {
    padding: 3px;
}




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

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

.Text_Error {
    color: #c7331f;
}

.Label {
    font-size: 12px;
    font-weight: normal;
    padding: 2px 5px;
    background-color: #cfcfcf;
    white-space: nowrap;
    color: #666666; 
    margin: 0 10px;
    vertical-align: middle;
}

/* Buttons */
.Button,
a.Button {
    cursor: pointer;
    display: inline-block;
    height: 32px;
    padding: 0 15px;
    margin-left: 10px;
    line-height: 30px;
    border: 1px solid #999;
    text-decoration: none;
    text-align: center;
    color: #999;
    background-color: #CFCFCF;
    font-weight: 700;
    font-size: 14px;
    min-width: 80px;
}

/* margin icon on button */
a.Button span.fa{
    margin-right: 5px;
}

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

.Button.FullWidth {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    display: block;
}

.Button[disabled],
.Button:disable {
    border: 1px solid #CCC;
    background-color: #FFF;
    color: #CCC;
}

/* Default Action Button */
.Button.ButtonDefault,
.Button.Is_Default {
    background-color: #125f90;
    color: #FFF;
    text-shadow: none;
    border-color: #0D4D75;
}

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

.Button.Cancel {
    border-color: #0D4D75;
    background-color: #FFFFFF;
    color: #125f90;
}

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

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

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

.Button.Danger {
    background-color: #e09d90;
    color: #FFF;
    border-color: #DF3A01;
}

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

.Button.Link {
    background-color: #FFF;
    border-color: #FFF;
    color: #336699;
}

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

.Button.Small,
.Panel__Actions .Button,
.Section_Actions .Button {
    height: 26px;
    line-height: 24px;
    font-size: 11px;
    padding-left: 10px;
    padding-right: 10px; 
    min-width: 60px;
}

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

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

.Button.Loading:before,
.Button.Loading[disabled]:before,
.Button.Loading:disabled:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 5px; 
    margin-top: -2px;
    background-image: url(/SilkUIFramework/img/loading.GIF?3232&3236&3244&3247&3259&3260&3263&2195);
    background-size: 16px 16px;
}

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

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

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

/* Responsive Context */
.phone .Button, 
.mini.tablet .Button, 
.tablet .Button,
.phone a.Button, 
.mini.tablet a.Button, 
.tablet a.Button {
    height: 38px;
    line-height: 36px;
    text-decoration: none;
}

.phone .Button.Small, 
.mini.tablet .Button.Small, 
.tablet .Button.Small {
    height: 30px;
    line-height: 28px;
}

/* Colors: Background and Text */
.Transparent {
    background-color: transparent;
    color: #666;
}

.White {
    background-color: #fff;
    color: #333;
}
.Text_white {
    color: #fff;
}

.Red {
    background-color: #e74c3c;
    color: #fff;
}
.Page .Text_red {
    color: #e74c3c;
}

.DarkRed {
    background-color: #c0392b;
    color: #fff;
}
.Page .Text_darkRed {
    color: #c0392b;
}

.Green {
    background-color: #27ae60;
    color: #fff;
}
.Page .Text_green {
    color: #27ae60;
}

.LightGreen {
    background-color: #2ecc71;
    color: #fff;
}
.Page .Text_lightGreen {
    color: #2ecc71;
}

.Blue {
    background-color: #2980b9;
    color: #fff;
}
.Page .Text_blue {
    color: #2980b9;
}

.DarkBlue {
    background-color: #2c3e50;
    color: #fff;
}
.Page .Text_darkblue {
    color: #2c3e50;
}

.Plum {
    background-color: #9b59b6;
    color: #fff;
}
.Page .Text_plum {
    color: #9b59b6;
}

.DarkPlum {
    background-color: #8e44ad;
    color: #fff;
}
.Page .Text_darkplum {
    color: #8e44ad;
}

.Orange {
    background-color: #f39c12;
    color: #fff;
}
.Page .Text_orange {
    color: #f39c12;
}

.Yellow {
    background-color: #f1c40f;
    color: #fff;
}
.Page .Text_yellow {
    color: #f1c40f;
}

.Silver {
    background-color: #ECF0F1;
    color: #666;
}
.Page .Text_silver {
    color: #bdc3c7;
}

.Gray {
    background-color: #7f8c8d;
    color: #fff;
}
.Page .Text_gray {
    color: #7f8c8d;
}

.Black {
    background-color: #333;
    color: #fff;
}
.Page .Text_black {
    color: #333;
}

.Turquoise{
    background-color: #1abc9c;
    color: #FFF;
}
.Page .Text_turquoise{
    color: #1abc9c;
}

/* ImageStyle */
img.Image_circle {
    border-radius: 50%;
}

img.Image_rounded {
    border-radius: 6px;
}

img.Image_thumb {
    display: inline-block;
    max-width: 100%;
    height: auto;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
         -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
}

/*------------------------------------*\
      $7. RichWidgets
\*-------------------------------------*/

/* Popup Iframe */
.os-internal-Popup.os-internal-ui-dialog iframe {
    border-radius: 4px;
}

/* Popups */
.os-internal-Popup .os-internal-ui-dialog,
.os-internal-Popup.os-internal-ui-dialog {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4) !important;
    overflow: visible !important;
    border: 0;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}

div.os-internal-Popup .os-internal-ui-dialog .os-internal-ui-dialog-title,
div.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-title {
    margin: 0;
    color: #fff;
    font-weight: 600;
    top: 10px;
    left: 20px;
}

div.os-internal-Popup .os-internal-ui-dialog .os-internal-ui-dialog-titlebar-close-hover,
div.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-titlebar-close-hover,
div.os-internal-Popup .os-internal-ui-dialog .os-internal-ui-dialog-titlebar-close,
div.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-titlebar-close {
    background: url(/SilkUIFramework/img/PopupCloseWhite.png?12626&2195) no-repeat;
    position:absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
}

div.os-internal-Popup .os-internal-ui-dialog, 
div.os-internal-Popup.os-internal-ui-dialog {
  background-color: white;
  border: none;
  border-radius: 4px;
}

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 {
    border-bottom: none;
    background: #333;
    height: 40px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

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

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

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

div.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-titlebar-close-no-title {
    background: url(/SilkUIFramework/img/PopupCloseDark.png?12626&2195) no-repeat;
    width: 20px;
    height: 20px;
    right: 5px;
    top: 5px;
}

div.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-titlebar-close-no-title:hover {
    background: url(/SilkUIFramework/img/PopupCloseDarkHover.png?2195) no-repeat;
}

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

div.Feedback_Message_Error,
div.Feedback_Message_Success,
div.Feedback_Message_Warning, 
div.Feedback_Message_Info {
    color: white;    
    max-width: 700px;
    min-width: 400px;
    padding: 10px 30px 10px 25px;    
    line-height: normal;
    border-radius: 0;
    font-size: 14px;
    word-break: break-word;
    -webkit-backface-visibility: hidden;
    -webkit-box-shadow: 0 1px 2px 0 rgba(50, 50, 50, 0.5);
       -moz-box-shadow: 0 1px 2px 0 rgba(50, 50, 50, 0.5);
            box-shadow: 0 1px 2px 0 rgba(50, 50, 50, 0.5);
}

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

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

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

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

.Feedback_Message_Wrapper_Close:after {
    content: "\f00d"; /* fa-times at http://fortawesome.github.io/Font-Awesome/icons/ */
    font-family: FontAwesome;
    margin-top: 0;   
    margin-left: 3px;
    color: #fff;
}

.Feedback_Message_Error {
    background-color:  #e09d90;
    border-color: #D87C69;   
}

.Feedback_Message_Error:before {
    content: "\f057";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    left: 12px;
    font-size: 16px;
    top: 12px;
}

.Feedback_Message_Success {
    background-color: #a9c264;
    border-color: #97AE58;
}

.Feedback_Message_Success:before {
    content: "\f058";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    left: 12px;
    font-size: 16px;
    top: 12px;
}

.Feedback_Message_Warning {
    background-color:  #f5c459;
    border-color: #C78E10; 
}

.Feedback_Message_Warning:before {
    content: "\f071";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    left: 12px;
    font-size: 16px;
    top: 12px;
}

.Feedback_Message_Info {
    background-color: #62b6d1;
    border-color: #009BD0;    
}

.Feedback_Message_Info:before {
    content: "\f05a";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    left: 12px;
    font-size: 16px;
    top: 12px;
}

.Tabs_Wrapper {
    border: 1px solid transparent;
}

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

ul.Tabs_Header {
    height: 43px;
}

.Tabs_TabOn,
li.Tabs_TabOn,
.Tabs_TabOff,
li.Tabs_TabOff {
    padding: 10px;
}

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

.Tabs_TabBody {
    padding: 20px;   
}

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

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

/* Feedback Ajax Wait */
@-webkit-keyframes pulse {
    0% { -webkit-transform: scale(0.8); }
    15% { -webkit-transform: scale(1); }
    30% { -webkit-transform: scale(0.8); }
    45% { -webkit-transform: scale(1); }
    60% { -webkit-transform: scale(0.8); }
    100% { -webkit-transform: scale(0.8); }
}
@-moz-keyframes pulse {
    0% { -moz-transform: scale(0.8); }
    15% { -moz-transform: scale(1); }
    30% { -moz-transform: scale(0.8); }
    45% { -moz-transform: scale(1); }
    60% { -moz-transform: scale(0.8); }
    100% { -moz-transform: scale(0.8); }
}
@-o-keyframes pulse {
    0% { -o-transform: scale(0.8); }
    15% { -o-transform: scale(1); }
    30% { -o-transform: scale(0.8); }
    45% { -o-transform: scale(1); }
    60% { -o-transform: scale(0.8); }
    100% { -o-transform: scale(0.8); }
}
@keyframes pulse {
    0% { transform: scale(0.8); }
    15% { transform: scale(1); }
    30% { transform: scale(0.8); }
    45% { transform: scale(1); }
    60% { transform: scale(0.8); }
    100% { transform: scale(0.8); }
}

.Feedback_AjaxWait {
    color: black;
    font-size: 9px;
    background-image: none;
    background-color: #EBECEC;
    padding: 10px;
    position: fixed;
    bottom: 5px;
    right: 56px;
    z-index: 10000;
    
    
}

.Feedback_AjaxWait img {
    display: block;
    vertical-align: bottom;
    text-align: middle;
    width: 36px;
    margin-bottom: 5px;
    -webkit-animation-name: pulse;
       -moz-animation-name: pulse;
            animation-name: pulse;
    -webkit-animation-duration: 1000ms;
       -moz-animation-duration: 1000ms;
            animation-duration: 1000ms;
    -webkit-animation-timing-function: ease;
       -moz-animation-timing-function: ease;
            animation-timing-function: ease;
    -webkit-animation-iteration-count: infinite;
       -moz-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
}

.Feedback_AjaxWait_CursorProgress,
.Feedback_AjaxWait_CursorProgress a,
.Feedback_AjaxWait_CursorProgress input {
    cursor: progress;
}

/* Popups */
.os-internal-Popup .os-internal-ui-dialog,
.os-internal-Popup.os-internal-ui-dialog {
    border: 1px solid #999;
}
.os-internal-Popup .os-internal-ui-dialog .os-internal-ui-dialog-titlebar,
.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-titlebar {
    background: #888;
}

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

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

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

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

/* Responsive Context */
.phone a.ListNavigation_PageNumber:link,
.phone span.ListNavigation_CurrentPageNumber,
.phone span.ListNavigation_Ellipsis,
.tablet a.ListNavigation_PageNumber:link,
.tablet span.ListNavigation_CurrentPageNumber,
.tablet span.ListNavigation_Ellipsis {
    display: none;
}

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

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

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

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

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

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

.desktop .HiddenOnDesktop,
.tablet .HiddenOnTablet,
.phone .HiddenOnPhone {
   display: none; 
}

/*------------------------------------*\
      $9. Additional Classes
\*------------------------------------*/

fieldset {
    border: 1px solid #000;
    padding: 5px 10px 10px;
}

@-webkit-keyframes hideRwd_Debug{
    0% {opacity: 1;filter: alpha(opacity=100);right: 0;}
    85% {opacity: 0.75;filter: alpha(opacity=75);right: 0;}
    90% {opacity: 0.5;filter: alpha(opacity=50);right: 0;}
    95% {opacity: 0.25;filter: alpha(opacity=25);right: 0;}
    100% {opacity: 0;filter: alpha(opacity=0);right: 0;}
}
@-moz-keyframes hideRwd_Debug{
    0% {opacity: 1;filter: alpha(opacity=100);right: 0;}
    85% {opacity: 0.75;filter: alpha(opacity=75);right: 0;}
    90% {opacity: 0.5;filter: alpha(opacity=50);right: 0;}
    95% {opacity: 0.25;filter: alpha(opacity=25);right: 0;}
    100% {opacity: 0;filter: alpha(opacity=0);right: 0;}
}
@-o-keyframes hideRwd_Debug{
    0% {opacity: 1;filter: alpha(opacity=100);right: 0;}
    85% {opacity: 0.75;filter: alpha(opacity=75);right: 0;}
    90% {opacity: 0.5;filter: alpha(opacity=50);right: 0;}
    95% {opacity: 0.25;filter: alpha(opacity=25);right: 0;}
    100% {opacity: 0;filter: alpha(opacity=0);right: 0;}
}
@keyframes hideRwd_Debug {
    0% {opacity: 1;filter: alpha(opacity=100);right: 0;}
    85% {opacity: 0.75;filter: alpha(opacity=75);right: 0;}
    90% {opacity: 0.5;filter: alpha(opacity=50);right: 0;}
    95% {opacity: 0.25;filter: alpha(opacity=25);right: 0;}
    100% {opacity: 0;filter: alpha(opacity=0);right: 0;}
}

.rwd_debug {
    background: #333;
    color: #fff;
    padding: 5px 10px;
    position: fixed;
    
    right: 0;
    bottom: 0;
    border-top-left-radius: 5px;
    font-size: 20px;
    font-family: Arial;
    opacity: 0;
    
    right: -600px;
    -webkit-animation-name: hideRwd_Debug;
       -moz-animation-name: hideRwd_Debug;
            animation-name: hideRwd_Debug;
    -webkit-animation-duration: 4000ms;
       -moz-animation-duration: 4000ms;
            animation-duration: 4000ms;
    -webkit-animation-timing-function: ease;
       -moz-animation-timing-function: ease;
            animation-timing-function: ease;
}

.PH:empty,
.Hidden,
.Print_visible {
    display: none;
}

@media print {
    .Print_hidden {
        display: none;
    }
}

.Float_right {
    float: right;
}

.Float_left {
    float: left;
}

/* nicolasgallagher.com/micro-clearfix-hack */
.Clearfix:before,
.Clearfix:after {
    content: " ";
    display: table;
}
.Clearfix:after {
    clear: both;
}

.Clearfix { /* IE 6/7 only */
    *zoom: 1;
}

.Note {
    color: #888;
}
.Bold{
    font-weight: bold;
}


.Text_small {
    font-size: .8em!important;
}

.Text_uppercase {
    text-transform: uppercase!important;
}

.Text_large {
    font-size: 1.2em!important;
}

.Code {
    font-size: 0.9em;
    font-family: monospace;
}

.First {
    margin-left: 0!important;
}

.Last {
    margin-right: 0!important;
}

/* Colors - flat Vanilla colors */
/* Chart Colors */
.Chart_Color1 {
    color: #E83E26;
}

.Chart_Color2 {
    color: #00A8C4;
}

.Chart_Color3 {
    color: #e68a00;
}

.Chart_Color4 {
    color: #f3da61;
}

.Chart_Color5 {
    color: #88B23A;
}

.Chart_Color6 {
    color: #a5d38e;
}

.Chart_Color7 {
    color: #cc1439;
}

.Chart_Color8 {
    color: #e68c7c;
}

.Chart_Color9 {
    color: #976bb3;
}

.Chart_Color10 {
    color: #ccb8cc;
}

.Align_top {
    vertical-align: top;
}

.Align_bottom {
    vertical-align: bottom;
}

.Align_middle {
    vertical-align: middle;
}

/* BottomMenu */
.BottomMenu_wrapper {
    display: table;
    width: 100%;
    border-top-style: solid;
    border-top-width: 1px;
    table-layout: fixed;
    border-color: #ddd;
    background-color: #fff;
}

.BottomMenu_wrapper a,
.BottomMenu_item {
    display: table-cell;
    width: 1%;
    height: 50px;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    color: #111;
}

.BottomMenu_wrapper a:hover {
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
}

.BottomMenu_item.active {
    background-color: black;
    color: white;
}

.BottomMenu__text {
    display: block;
    font-size: 12px;
    line-height: 21px;
}

.BottomMenu_item .fa {
    position: relative;
    top: 3px;
}

.PH_Preview {
    
}


/* ExcludeFromPickers: AccordionVertical, AccordionVertical___icon, AccordionVertical___title, AccordionVertical__content, 
AccordionVertical__header, AccordionVertical_item, active, Active, ActiveStep, ActiveStep:before, ampm, arrangeHorizontal, arrangeVertical, 
Auto, autoHeight, Badge, Balloon, Balloon__heading, Balloon_content, Balloon_footer, Blank, Blank_action, Blank_desc, Blank_icon, Blank_row, 
Blank_wrapper, BottomMenu__text, BottomMenu_item, BottomMenu_wrapper, Box, Breadcrumbs, ButtonDropdown, ButtonDropdown_button, ButtonDropdown_text, 
ButtonGroup, ButtonGroup_button, Buttons, Buttons_Left, Buttons_Right, calendar, calendarPattern, CalendarPopup, CalendarWrapper, Card, Card_Actions, 
Card_Image, Card_Text, Card_Title, CardLeftImage, CardSimple, CardSimpleImage, Cell1, Cell2, changed, colon, colSpan8, Column, Columns, Counter, 
Counter_label, Counter_number, Counter_row, day, desktop, disabled, done, DropdownMenu, EditableTable, EditRecord, EditRecord_Buttons, EditRecord_Caption, 
EditRecord_Value, emptycell, emptyrow, Error, fa, fa-angle-left, fa-angle-right, fa-fw, Feedback_AjaxWait, Feedback_AjaxWait_CursorProgress, Feedback_Message_Error, 
Feedback_Message_Info, Feedback_Message_Success, Feedback_Message_Warning, Feedback_Message_Wrapper_Close, Filters_Wrapper, firefox, Form, form-top, hilite, hour, Icon, 
IconBadge, IconBadge_number, IconDropdown, IconDropdown_button, IconTrigger, ie, ie8, ie9, InfoTooltip, InlineDropdown, InlineDropdown_icon, InlineDropdown_label, 
InputMandatorySymbol, ios, Is_Default, js_open, Label, LabelValues, LastStep, ListItem, ListItemContent, ListItemGroup, ListItemToggle, ListNavigation_DisabledNext, 
ListNavigation_DisabledPrevious:before, ListNavigation_Next, ListNavigation_Previous:before, ListRecords, Loading, MandatoryCaption, mini, minute, mob_BreakAll, Modal, 
ModalBackground, ModalContainer, ModalMessage, ModalOpened, name, NavigationBar, nopadding, notclose, open, OSAutoMarginTop, os-internal-Popup, os-internal-ui-dialog, 
os-internal-ui-dialog-title, os-internal-ui-dialog-titlebar, othermonth, oweekend, owl-buttons, owl-carousel, owl-controls, owl-item, owl-next, owl-page, owl-prev, 
owl-theme, owl-wrapper, owl-wrapper-outer, Page, PageHide, PageOverlay, PageOverlayLoader, PageOverlayShow, Panel, Panel__actions, Panel__title, Panel_content, Panel_footer,
Panel_header, Past, PH, PH_Preview, phone, portrait, Post, Post__date, Post__description, Post_content, Post_icon, Progress, Progress_bar, Prompt, silkui_TableRecords_Label, 
RecordPicture, RecordPicture_Wrapper, Row, rowhilite, rwd_debug, Search_wrapper, SearchNavigation_frame, Section, Section__actions, Section__title, Section_Actions, 
Section_content, Section_header, SectionExpandable, SectionExpandable__icon, SectionExpandable__title, SectionExpandable_content, SectionExpandable_header, SectionIndex, 
Separator, ShowRecord, ShowRecord_Caption, ShowRecord_Value, Slider, Slider_currentvalue, Slider_currentvalue2, Slider_InputNumber, Slider_InputNumber2, Slider_maxvalue, 
Slider_minvalue, Slider_values, SliderContainer, SliderRange, TableRecords, TableRecords_BottomNavigation, TableRecords_EvenLine, TableRecords_Header, TableRecords_Label, 
TableRecords_OddLine, TableRecords_OddRow, TableRecords_TopNavigation, TableRecordsResponsive, tablet, TableVerticalAlign, Tabs, Tabs__content, Tabs__Loading, Tabs__tab, 
Tabs_body, Tabs_header, Tabs_TabBody, Tabs_TabOff, Tabs_TabOn, Tabs_Wrapper, Tile, TileIcon, TileIcon_icon, TileIcon_text, TileIconText_icon, TileIconText_right, TileNumber_number, 
TileNumber_text, title, TitleMonth, TitleYear, ToggleButton, ToggleButton_label, tooltip_style, tooltip-content, tooltipster-arrow-border, tooltipster-arrow-bottom, tooltipster-arrow-bottom-left, 
tooltipster-arrow-bottom-right, tooltipster-content, tooltipstered, ui-slider-handle, ui-slider-handle:before, ui-slider-range, ui-state-active, UserInitials, ValidationMessage, 
Vertical, WizardParent, WizardStep, os-internal-ui-autocomplete, active, balloon, Expanded, ListNavigation_CurrentPageNumber, ListNavigation_DisabledPrevious,
ListNavigation_Ellipsis, ListNavigation_PageNumber, ListNavigation_Previous, os-internal-ui-state-hover, weekend, Panel__Actions, TableRecords_ExpandedRow, time, off, on*/
/*

    1. Imports
    2. Patterns
    2.1 Patterns > Content
    2.2 Patterns > Controls
    2.3 Patterns > Data
    2.4 Patterns > Navigation
    2.5 Patterns > Utilities
    
*/

/*------------------------------------*\
              $1. Imports
\*-------------------------------------*/

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

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

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

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

/*------------------------------------*\
      $1.1 Patterns > Content
\*------------------------------------*/

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

.AccordionVertical {
    background: white;
}    
    
/* Alerts */
.Alert.Info {
    background-color: #AABDCF;
    color: #333;
    border-color: #AABDCF;
}

.Alert.Success {
    background-color: #ACC965;
    color: #333;
    border-color: #ACC965;
}

.Alert.Error {
    background-color: #990000;
    color: white;
    border-color: #990000;
}

.Alert.Warning {
    background-color: #F2C94E;   
    color: #333;
    border-color: #F2C94E; 
}

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

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

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

.Panel_content {
    border:none;
}

.Panel_footer {
     background-color: #f7f7f7;
}

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

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

/*------------------------------------*\
      $1.2 Patterns > Controls
\*------------------------------------*/

/* ButtonGroup */
.ButtonGroup_button.Button {
    line-height: 32px;
    height: 34px;
    padding:0 10px;
    border-left: 0;
    color: #171717;
    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: #CBCBCB;
    background: #E6E6E6;
}

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

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

/* override the border button rule on hover */
.desktop .ButtonGroup .Button:hover {
    border: 1px solid #CCC;
    border-left: 0;
    background: #E6E6E6;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}
.desktop .ButtonGroup .Button:first-child:hover {
    border: 1px solid #CCC;
}
.desktop .ButtonGroup_button.Button.disabled,
.desktop .ButtonGroup_button.Button.disabled:hover {
    cursor: default;
    color: #999;
    background-color: #F5F5F5;
}

/* 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 0 20px 5px rgba(0, 0, 0, 0.25) inset;
}
/* override rule active state over hover state */
.desktop .ButtonGroup_button.Button.active,
.tablet .ButtonGroup_button.Button.active,
.phone .ButtonGroup_button.Button.active {
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    background: #ccc;
}

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

.phone .ButtonGroup_button.Button,
.mini.tablet .ButtonGroup_button.Button{
    border-left: 1px solid #CCC;
} 

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

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

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

/* Calendar */

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

div.calendarPattern .TitleMonth {
    font-weight: bold;
    font-size: 16px;
}

div.calendarPattern .TitleYear {
    font-size: 14px;
}

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

div.calendarPattern thead .name {
    font-weight: bold;
    font-size: 14px;
}

div.calendarPattern tbody .day {    
    font-size: 16px;
}

div.calendarPattern tbody td.selected {
    color: #fff;
    background:  #ca081e;
}

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

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

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

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

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

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

/* Select2 */
.select2-container .select2-choice {
    height: 34px;
    line-height: 30px;
}

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

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

/*------------------------------------*\
      $1.3 Patterns > Data
\*------------------------------------*/

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

/*------------------------------------*\
      $1.4 Patterns > Navigation
\*------------------------------------*/

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

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

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

.NavigationBar a:after,
.NavigationBar a:link:after { /* Border (:after) */
    content: '';
    background-color: #c7c7c7;
}

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

.NavigationBar a.Active:not(.IE8):before { /* Triangle indicator (:before) */
    content: '';
    border-bottom: 4px solid #E83E26;
}

/* 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: #E83E26;
}

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

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

/* Responsive Context */
.desktop .NavigationBar.Vertical a:hover,
.desktop .NavigationBar.Vertical a:link:hover {;
    border-color: #E83E26;
}
.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: #E83E26;
}

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

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

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

.Tabs__tab {
    background-color: #F4F4F4;;
    border-bottom-color: #CCC;
    line-height: 30px;
}

.Tabs__tab.active {
    background-color: #FCFCFC;
    border-bottom-color: none;
}

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

.Tabs_body {
    padding: 20px;
}

.TabsServer{
    border-color: #CCC;
}

.TabsServer a,
.TabsServer a:link,
.TabsServer a:visited {
    color: #333;
    line-height: 30px;
    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 */
.Panel .Tabs_body {
    border: none;
}

.Panel .Tabs__tab:first-child {
    border-left: none;
}

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

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

/* Wizard */
.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: #E83E26;
    font-weight: bold;
}

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

.WizardStep.Past {
    background-color: #D43E27;
}

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

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

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

/*------------------------------------*\
      $1.5 Patterns > Utilities
\*------------------------------------*/

/* Buttons */
.Buttons {
    margin-top:0;
    padding: 0;
    box-shadow: 0;
    text-decoration: none;
}

.Button,
a.Button {
   background-color: #FCFCFC;
   border: 1px solid #CCCCCC;
   color: #2e3136;
   box-shadow: none;
}

.Button:hover,
a.Button:hover {
    box-shadow: 0;
}

.Button:visited,
.Button:link {
    color: #2e3136;
    font-weight: 600;
    font-size: 14px;
}

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

.Button.ButtonDefault,
.Button.Is_Default {
    background-color: #E73D25;
    color: #FFF;
    border-color: #E73D25;
    border: 1px solid #D43E27;
    text-shadow: none;
    font-weight: 600;
}

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

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

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

.Button.Cancel {
    border-color: #999;
    background-color: transparent;
    color: #4c4c4c;
}

.Button.Success {
    background-color:  #819744;
    color: #FFF;
}

.Button.Neutral {
    background-color:  #FCFCFC;
}

.Button.Danger {
    background-color: #623f38;
    border-color: #623f38;
    color: #FFF;
}

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

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

.Button.Loading:before,
.Button.Loading[disabled]:before,
.Button.Loading:disabled:before {
    background-image: url(/SilkUIFramework/img/loading_liverpool_white.gif?2195);
    background-size: 16px 16px;
}

/* Responsive Context */
.desktop .Button:hover,
.desktop a.Button:hover{
    background-color: #E6E6E6;
    -webkit-box-shadow: 0 0 1px 0 rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0 0 1px 0 rgba(50, 50, 50, 0.75);
    box-shadow:         0 0 1px0 rgba(50, 50, 50, 0.75);
    border-color: #4C4C4C;
}

.desktop .Button:active,
.desktop a.Button:active {
    box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.25) inset;
}

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

.desktop .Button.Cancel:hover {
    background-color:  #e0e1e3;
    border-color: #999999;
    color: #4c4c4c;
}

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

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

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

.phone .Button, 
.mini.tablet .Button, 
.tablet .Button, 
.phone a.Button, 
.mini.tablet a.Button,
.tablet a.Button {
    padding-top: 0;
}

/* Text Classes */
.Heading1 {
    font-size: 26px;   
    line-height: 1.2;
}

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

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

.Bold,
.Italic {
    font-family:  'Open-Sans', sans-serif;
}

.Italic {
    font-style: italic;    
}

.Bold{
    font-weight: 600;
}


.Label {
    border-radius:0;
    margin: 0 5px;
}

/* font 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;
}

/* 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: #ca081e;
}

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

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

    1. General Properties
    2. Structure
    3. Text formating
    4. Forms
    5. Built-in widgets
    6. RichWidgets
    7. Login
    
*/






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

body {
    background: #ECECEC;
}

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

body,
select,
textarea,
input {
    font-family:  'Open-Sans', sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.43;
    color: #333;
}

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






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

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

.Header img {
    vertical-align: middle;   
}

.Header_LeftSection {
    margin-right: 28px;
}

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


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

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



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

/* Responsive Context */
.tablet .Application_Title,
.phone .Application_Title {
    padding:0;
}

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

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



/* User */
.Login_Info,
.AppSwitcherContainer,
a.Login_Info_Username, 
a.Login_Info_Username:link, 
a.Login_Info_Username:visited {
    color: #FFFFFF;
    font-weight: normal;
    font-size: 100%;
    margin-right: 10px;
}

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

.Login_Info_Logout {
    font-size:0;
}

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

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

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

.AppSwitcherContainer:before {
    content: "\f074"; /* fa-random at http://fortawesome.github.io/Font-Awesome/icons/ */
}

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

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

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

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

.AppSwitcherDownArrow {
    display: none;
}

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

.Menu_TopMenus {
    height: 51px;
}

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

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

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

.Actions {
    width: 30%;
    text-align: right;
    line-height: 34px;
    font-size: 16px;  
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.Content,
.MainContent {
    background: #EFEFEF;   
}

.Content {
    padding-top: 105px;
    min-height: 100%;
    margin-bottom: -50px;
}

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

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

.Footer {
    position: absolute;
    color: #999;
    font-size: 12px;   
    text-align: center; 
    min-height: 50px;
    width: 100%;
    padding: 10px 0;
    background: #2D3035;
}

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

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

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

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

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



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






/*------------------------------------*\
              $3. Text formatting
\*-------------------------------------*/



/* Menu Styles */
/* menu colors */
.Header_Menu,
.Application_Menu {
    background-color: #CA081E; /* set the Application_Menu background color, applied when on slide mode */
    white-space: nowrap;
    box-shadow: 0 -2px 0 0 rgba(0, 0, 0, 0.25) inset;
}

.ie8 .Header_Menu {
    border-bottom: 2px solid #A90002;
}

/* item menu */
.Menu_TopMenu {
    position: relative;
}



/* link/button menu */
.Menu_TopMenu a:link,
.Menu_TopMenu a:visited,
.Menu_TopMenu a {
    color: #FFFFFF;
    text-decoration: none; 
    text-shadow: none;
    padding: 15px 20px;
    display: inline-block;
}

/* hover menu */
.Menu_TopMenu a:hover,
.Menu_TopMenu:hover {
    background-color: #A90002;
    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.25) inset;
}

/* pointer */
.Menu_TopMenu .Menu_DropDownArrow {
    border-top-color: #FFF;
    position: absolute;
    right: 8px;
    top: 50%;
}

/* active menu */
.Menu_TopMenuActive,
.Menu_DropDownButton.open .Menu_TopMenu  {
    border-bottom: none;  
    background-color: #A90002;
    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.25) inset;
}

/* active menus */
.Menu_TopMenuActive a:link,
.Menu_TopMenuActive a:visited,
a.Menu_SubMenuItemActive:link, 
a.Menu_SubMenuItemActive:visited,
a.Menu_SubMenuItem:hover {
    color: white;
}

/* submenu item */
.Menu_DropDownPanel {
    background-color: #ca081e;
    border: none;
    margin-top: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

}

/* reset any inherit styles (e.g.: ChicagoMobile -> Chicago) */
div.Menu_DropDownPanel a, 
div.Menu_DropDownPanel a:link, 
div.Menu_DropDownPanel a:visited {
    height: auto;
}

div.Application_Menu div.Menu_DropDownPanel a,
div.Application_Menu div.Menu_DropDownPanel a:link,
div.Application_Menu div.Menu_DropDownPanel a:visited {
    display: block;
    border-bottom: solid 1px #AA061B;
}


/* submenu */
.Menu_DropDownPanel a.Menu_SubMenuItem,
.Menu_DropDownPanel a.Menu_SubMenuItem:link,
.Menu_DropDownPanel a.Menu_SubMenuItem:visited {
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    color: #FFFFFF;
    padding: 3px 30px;
    background-color: #ca081e;
}

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

/* hover submenu item */
.Menu_DropDownPanel a.Menu_SubMenuItem:hover {
    background-color: #A90002;
}

.tablet.portrait .Menu_TopMenus,
.phone .Menu_TopMenus {
    width: 100%;
}





/*------------------------------------*\
              $4. Forms
\*-------------------------------------*/

textarea,
select,
input {
    font-size: 16px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.075);
       -moz-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.075);
            box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.075);
    -moz-box-sizing: border-box;
         box-sizing: border-box;
}

html input {
    height: 34px;
}

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

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

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

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

select:focus,
input:focus {
    border: 2px solid #cccccc;
}

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

textarea:focus {
    border: 2px solid #cccccc;
    padding: 9px 11px;
}

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





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

a.ListNavigation_PageNumber:link,
span.ListNavigation_CurrentPageNumber,
span.ListNavigation_Ellipsis,
a.ListNavigation_Previous:link,
a.ListNavigation_Next:link {
    background: #fcfcfc;
    border: 1px solid #888888;
    color: #2e3136;
    text-shadow: none;
    vertical-align: middle;
    display: inline-block;
    padding: 6px 20px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 0;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
         -o-user-select: none;
            user-select: none;
    filter: none;
    -webkit-appearance:none;
       -moz-appearance:none;
    /* Add Touch States to Your Buttons: Remove the tap highlight color, we want to use active state css instead */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent; /* For some Androids */
}

.TableRecords_Header {
    color: #2e3136;   
    padding: 5px 0 10px 10px;
    font-size: 14px;
    font-weight: 700;
    border-bottom: 1px solid #d0d0d0;
}

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

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

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

.TableRecords_EvenLine {
    background-color: #F4F4F4;
}

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

.EditableTable thead td {
    color: #2e3136;
    font-weight: bold;
}

/*body .EditableTable input:not(.InEditMode),
body .EditableTable textarea:not(.InEditMode),
body .EditableTable select:not(.InEditMode) {
    border: 1px solid #ccc;
}*/

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

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

td.RowWithAddAction {
    background: none repeat scroll 0 0 #FFF;
    border-bottom: none;
    padding: 0;
}

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


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



/*------------------------------------*\
              $6. RichWidgets
\*-------------------------------------*/

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

/* Feedback Message*/
.Feedback_Message_Wrapper {
    margin-top: 102px; 
}

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



/* Menu tablet and phone */
.tablet .Application_Menu, 
.phone .Application_Menu {
    bottom: 0; 
    height: auto;
    display: block;        
    position: fixed;

    right: -270px;
    top: 50px;

    width: 260px;
    height: 100%;
    overflow: auto;
    box-shadow: 0px 3px 5px #888;
    
    /* 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;            
    
    /* Enable hardware acceleration */
    -webkit-transform: translateZ(0);
   -moz-transform: translateZ(0);
   -ms-transform: translateZ(0);
   -o-transform: translateZ(0);
   transform: translateZ(0);
   
   /* 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;  
    
}

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



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


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


.tablet .Application_Menu .Menu_DropDownButton,
.phone .Application_Menu .Menu_DropDownButton {        
    display: block;
    position: relative;
}
    
.tablet .Application_Menu a,
.phone .Application_Menu a,
.tablet .Application_Menu a:link,
.phone .Application_Menu a:link,
.phone Application_Menu a:visited,
.phone Application_Menu a:visited{
        display: inline-block;
        width: 100%;
        border: 0px;
        border-bottom: 1px solid #AA061B;
        box-sizing: border-box;
    }
    
    
.tablet .Application_Menu .Menu_DropDownPanel,    
.phone .Application_Menu .Menu_DropDownPanel {
        position: static; 
        border: 0px;
        margin: 0px;
        padding: 0px;
        background-color: #999;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

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









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

a.Feedback_Message_Wrapper_Close {
    top: 5px;
    font-size: 19px;
}

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

.Feedback_Message_Error {
    background-color: #BB5858;
}
    
.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";
}

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

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

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

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

/* Ajax Loading */
.Feedback_AjaxWait {
    height: 70px;
    padding: 0 15px;
    background-color: white;
    color: #e73d25;
    font-size: 12px;
    border-radius: 0;
    box-shadow: 1px 2px 8px 0 rgba(73, 70, 70, 0.48);
}

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

/* Burguer */
.fa-bars {
    cursor: pointer;
}

.MenuSlider_IsOpen .LoginInfo {
    font-size: 30px;
}




/*------------------------------------*\
              $7. Login
\*-------------------------------------*/

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

.Login_Box {
    margin-left: -150px;
    width: 300px;
}

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

.Login_background + span .Feedback_Message_Wrapper {
    margin-top: 0;
    left: 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: #FFFFFF;
    line-height: 30px;
}


.Login_Footer {
   color: #999;
}



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

.phone .Login_Info_Username {
    display: none;
}

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

.tablet.active .Login_Info_Logout,
.phone.active .Login_Info_Logout {
    right: 15px;
}

form#samlform {
    display: none;
}*/

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