@import url("/SGSFramework/Theme.SGSLiverpool.css");

/*
    How to generate a theme for your company: 
    
        1 - Go to http://labs.outsystems.net/ThemeCustomizer/GenerateLiverpool.aspx
        2 - Copy the generated CSS
        3 - Paste it here

*/


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

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

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

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

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



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

html, body, a, select, fieldset, input, button, select, textarea, optgroup, option {
    font-family: 'Open-Sans', Meiryo, sans-serif;
}


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




/* Font OpenSans classes */

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

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

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

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




/* =================================================== */

/* Intelliwarp generated actions*/

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


a.ActionAdd:before,
a.ActionRefresh: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.ActionRefresh:before {
    content: "\f021"; /* 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.ActionRefresh: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: #FF4700;
    border-radius: 50%;
    display: inline-block;
}

a[disabled='disabled'].ActionAdd:before, 
a[disabled='disabled'].ActionRefresh: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.ActionRefresh: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 0px 0px 20px 5px rgba(0,0,0,0.25); 
}

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

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

.Actions a[disabled='disabled'] [class^=fa] {
    background: #CCC;
}
a.ActionAdd, 
a.ActionRefresh{
 background: none;
 border: none;
}

a.ActionAdd:hover,
a.ActionRefresh:hover,
a.ActionEdit:hover, 
a.ActionChange:hover, 
a.ActionDelete:hover{
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
}

/******************/

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

.CellFilter{
 padding-left:10px;
 vertical-align: middle;
}
.BackgroundStateDraft{
  background-color:#DCF3FC;
}
.BackgroundStateNotActive{
  background-color:#FDC8C2;
}
.BackgroundStateActive{
  background-color:#FDC8C2;
}

.FilterRightSpacer {
    vertical-align: middle;
    font-size: 11px;
    text-align: right;
    width: 100%;
    white-space: nowrap;
}

.FilterCell{
    white-space: nowrap;
}