/*#region ************** JQUERY UI ************** */


/*#region ************** UI WIDGET ************** */

.ui-widget-content a {
    color: #4c535c;
}

/*#endregion */


/*#region ************** UI DIALOG ************** */
.ui-dialog-buttonset button {
    padding: 0.4em 0.8em;
}
/*#endregion */


/*#region ************** UI STATE ************** */

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
  background-color: #F0F0F0 !important;
  cursor: default;
  opacity: .9;
}
.ui-state-disabled.button, .ui-button-disabled {
    cursor: not-allowed !important;
}
.ui-state-inputerror 
{
    color: #CD0A0A;
}
td.ui-state-inputerror > div > input.ui-state-inputerror, td.ui-state-inputerror > div > input.ui-state-inputerror:hover, .ui-state-inputerror .ui-multiselect, td.ui-state-inputerror .wijmo-wijinput-input:not(.ui-input-trigger-right):not(.ser-input-date):not(.ser-input-textnumbox):not(.ser-input-number), .ui-state-inputerror .wijmo-wijinput
{
    border: 1px solid #CD0A0A !important;
}
.ui-state-inputerror[readonly], .ui-state-inputerror[readonly]:hover, .ui-state-inputerror[readonly]:focus {
    border: 0px !important;
}
.ui-state-inputerror small 
{
    font-weight: normal;
}
.ser-input-dropzone.ui-state-inputerror 
{
    border: 2px dashed #CD0A0A !important;
}
.ui-state-inputwarning 
{
    color: #e68e13;
    font-weight: bold;
}


/*#region ************** SERENATA SPECIFIC ************** */

.ui-state-info 
{
    color: #358515; 
    padding-left: 10px; 
    border-top: 1px solid #358515; 
    padding-top: 5px;
    padding-bottom: 5px;
}
.ui-state-warning 
{
    color: #eb8a0c; 
    font-weight: bold;
    padding-left: 10px; 
    border-top: 1px solid #eb8a0c; 
    padding-top: 5px;
    padding-bottom: 5px;
}
.ui-state-mandatory {
    font-weight: bold;
} 
.ui-state-error 
{
    color: #CD0A0A;
    font-weight:bold;
}
.ui-state-wrapper .ui-state-error 
{
    padding: 5px;
    margin-top: 5px;
}

/*#endregion */

/*#endregion */


/*#region ************** UI MULTISELECT ************** */
/* MultiSelect fixes */
.ui-multiselect {
    padding: 5px 0px 5px 4px; 
    /*height: 28px;*/
    }
.ui-multiselect-menu.ser-input-dropdown {
    cursor: default;
}
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a {
    cursor: default;
}
button.ui-multiselect.ui-widget { 
    background-image: url("dropdown.png") !important; 
    background-repeat: repeat-y !important; 
    background-color: #FCFBF9;
    background-position: right top !important; 
}
.ui-multiselect-disabled label.ui-corner-all.ui-state-disabled {
    background: #ffffff !important;
    opacity: 0.7;
}
/* trying to show EmptyItemText different than normal options -> does not work without JavaScript */ /*
.ser-input-dropdown.ser-dropdown-single.ser-dropdown-mandatory ul li:first-of-type {
font-style: italic;
}*/
.ser-dropdown-emptytext 
{
    font-style: italic;
}
li.ser-dropdown-emptytext span {
    height: 1.3em;
    display: inline-block;
}
.ui-multiselect1 span.ui-icon { 
    background-image: none; 
}
.ui-multiselect .ui-icon-triangle-2-n-s {
    background-image: none;
    background-position: right top;
}
.ui-multiselect span:not(.ui-icon) {
    width: 90%;
    display: inline-block;
    overflow: hidden;
}
.ui-multiselect-filter {
    margin: 4px;
}
.ui-multiselect-filter input {
    width: 130px;
    border: none;
}
.ui-multiselect-header li:not(.ui-multiselect-close):hover {
    border: 1px solid #cdcdcd;
    border-radius: 3px;
    background-color: #fff;
}
.ui-multiselect-header ul li:empty {
    display: none;
}
.ui-multiselect-header ul li {
    /*padding: 2px 8px 2px 2px;*/
    border: 1px solid #f0f0f0;
    margin: 4px 2px;
}
.ui-multiselect-header li.ui-multiselect-close {
    padding-right: 6px;
}
.ui-multiselect-header a:hover {
    text-decoration: none;
}
.ui-multiselect-header span.ui-icon {
    margin-top: -1px;
}


.ui-multiselect-checkboxes label {
    overflow: hidden;
}
/*#endregion */


/*#region ************** UI BUTTON ************** */
.ui-button-text-only .ui-button-text {
    padding: 0;
}
/*#endregion */


/*#region ************** UI TABS ************** */

.ui-tabs 
{
    border-top: none;
    padding: 0;
}
.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: 0;
    border-width: 1px;
    border-radius: 0;
    border-right: none;
    border-left: none;
}
.ui-tabs .ui-tabs-nav li {
    margin: 0;
    margin-left: -1px;
    margin-top: -1px;
    border-radius: 0;
    border-bottom: 1px solid #a7abb0;
}
div.ui-tabs ul.ui-tabs-nav li {
    border: solid 1px #a7abb0;
    padding-bottom: 0;
    margin-bottom: -1px;
}
.ui-tabs .ui-tabs-nav li a {
    padding: 5px 15px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    padding-bottom: 0;
    margin-bottom: -1px;
}
.ui-tabs-panel .ui-tabs-top {
    margin: 10px;
    border: 1px solid #a7abb0;
    border-top: none;
}
.ui-tabs-panel1 table {
    width: 100%;
    border: 0 none;
}
.ui-tabs-panel1 table1 td:last-child {
    padding-right: 1000px;
}
.ui-tabs ul.ui-tabs-nav li:focus, .ui-tabs ul.ui-tabs-nav li a:focus, .wijmo-wijdialog:focus
{
    outline: none !important;   
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a
{
    cursor: default !important;
}

/*#endregion */


/*#region ************** UI EXPANDER ************** */

.ui-expander-header {
    padding-top: 0;
    padding-bottom: 0;
}
.ui-expander .ui-expander-content-active {
    padding: 0;
}
.ui-expander-noicon .ui-expander-header > a {
    padding-left: 0.7em;
}
.ui-expander-noicon h2 .ui-icon {
    display: none;
}

/*#endregion */


/*#region ************** UI HELPER ************** */
/* date input fixes */
td .ui-helper-clearfix:before, td .ui-helper-clearfix:after  {
    content: none;
}
/*#endregion */


/*#region ************** UI RESIZABLE ************** */
/* copied from sterling/jquery-wijmo.css */

/*
 * jQuery UI Resizable 1.8.10
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Resizable#theming
 */
.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    z-index: 99999;
    display: block;
}

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}
/*#endregion */


/*#endregion */



/*#region ************** WIJMO ************** */


/*#region ************** WIJMO GRID ************** */

/* allow horizontal scrolling in data grid */
.wijmo-wijgrid 
{
    overflow-x: auto;
}
.wijmo-wijgrid {
    overflow-x: auto;
    border: none;
    margin: 10px;
    border: 1px solid #afafaf;
}
.wijmo-wijgrid-fixedview {
    position: relative;
}
.wijmo-wijgrid tr.wijmo-wijgrid-row td:last-of-type, .wijmo-wijgrid tr.wijmo-wijgrid-row th:last-of-type, .wijmo-wijgrid .wijmo-wijgrid-headerrow .wijmo-c1basefield:last-of-type
{
    border-right: none;
}
.wijmo-wijgrid .wijmo-wijgrid-headerrow .wijmo-c1basefield {
    border-right: 1px solid #afafaf;
    border-bottom: 1px solid #afafaf;
}
.wijmo-wijgrid .wijmo-wijgrid-headerrow .wijmo-wijgrid-headertext
{
    padding: 4px 5px;
}
.wijmo-wijgrid .wijmo-wijgrid-innercell {
    padding: 3px 5px;
}
.wijmo-wijgrid .wijmo-wijgrid-footer {
    border-top: 1px solid #C6CED2 !important; 
}
.wijgrid-datarow 
{
    vertical-align: top;
}
/* use bottom border instead of top border (last line has now a border) */
 .wijmo-wijgrid tr.wijmo-wijgrid-row {
    border-bottom: inherit;
    }
    
.wijmo-wijgrid tr.wijmo-wijgrid-row td, .wijmo-wijgrid tr.wijmo-wijgrid-row th {
    border-top-style: none;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: inherit;
}
/* needed for "No Results" image */
.wijmo-wijsuperpanel-vbarcontainer .ui-state-default
{
    background-size: cover;
}


/*#region ************** PROGRESS BAR ************** */
table.wijmo-wijgrid-table .wijmo-wijgrid-row .wijmo-wijgrid-innercell .wijmo-wijprogressbar {
    margin-top: -2px;
    margin-left: -2px;
}
.wijmo-wijgrid .ser-grid-progressbar .wijmo-wijgrid-innercell {
    padding: 0;
}
table.wijmo-wijgrid-table .wijmo-wijgrid-row .ser-grid-progressbar .wijmo-wijgrid-innercell .wijmo-wijprogressbar {
    height: 100%;
    height: 1.7em;
    width: 100% !important;
    margin: 0;
    border: none;
    background: rgba(255,255,255,0.5);
    background: rgba(220,220,220,0.2);
    white-space: nowrap;
    border-radius: 0;
}
table.wijmo-wijgrid-table .wijmo-wijgrid-row .ser-grid-progressbar .wijmo-wijgrid-innercell .wijmo-wijprogressbar .ui-progressbar-label {
    line-height: 1.7em !important;
    line-height: 2.1em !important;
    font-size: 0.8em;
    font-weight: 600;
    color: #000000;
}
/*#endregion */


/*#region ************** CURSORS ************** */
td.wijgridtd.wijdata-type-string[headers='Action'] .wijmo-wijgrid-innercell {
    cursor: default;
}
/* show standard cursor for normal table rows */
tr.wijmo-wijgrid-datarow td.wijgridtd > div {
    cursor: default;
}
tr.wijmo-wijgrid-datarow.ser-grid-selectable td.wijgridtd > div, .ser-input-dropdown, 
.ser-input-checkbox:not([readonly]), .ser-input-checkbox:not([readonly]) input, .ser-input-checkbox:not([readonly]) label {
    cursor: pointer;
}
/*#endregion */



/*#region ************** HTML EDITOR ************** */

/* HTML Editor (wijeditor) fixes */
.ui-widget div.wijmo-wijribbon-simple {
    padding: 0px;
}
.wijmo-wijeditor .wijmo-wijeditor-header {
    border: none;
}
.wijmo-wijeditor-header div.wijmo-wijribbon-simple, .wijmo-wijeditor-header div.wijmo-wijribbon-disabled {
    height: 24px;
    border: 1px solid #b2b7bd;
    border-bottom: none;
    cursor: default;
}
.wijmo-wijeditor .wijmo-wijsplitter-h-panel2-content {    
    background-repeat: repeat;
    background-color: #EBEBEB !important;
    background-image: url('SourceViewBackground.png') !important;
}
.wijmo-wijeditor .wijmo-wijeditor-content textarea {
    font-family: 'Courier New', serif;
    /*background-color: #EBEBEB !important;
    background-image: url('SourceViewBackground.png') !important;*/
    background: transparent !important;
    background-image: url('SourceCodeLines.png') !important;
    background-repeat: no-repeat !important;
    background-position: left top !important;
    background-attachment: local !important;
    box-sizing: border-box !important;
    color: #195893;
    font-weight: bold;
    padding-left: 40px;
    line-height: 15px;
}
.wijmo-wijeditor-header [title="Redo"], .wijmo-wijeditor-header [title="Superscript"], .wijmo-wijeditor-header [title="Insert Special Character"], .wijmo-wijeditor-header [title="RemoveFormat"] {
    border-right: 1px solid #999999 !important;
    border-radius: 0px;
}
.wijmo-wijeditor-footer button[title="Wordwrap"], .wijmo-wijeditor-footer button[title="Fullscreen"] {
    display: none;
}
/* disable context menu (doesn't work anyway) */
.wijmo-wijeditor .wijmo-wijmenu {
    z-index: 99;
    display: none !important;
}

/*#endregion */


/*#endregion */


/*#region ************** WIJMO MENU ************** */

.wijmo-wijmenu-list li 
{
    cursor: pointer;
}
.wijmo-wijmenu .wijmo-wijmenu-parent .wijmo-wijmenu-child 
{
    width: auto;
}
.wijmo-wijmenu-horizontal .wijmo-wijmenu-child .wijmo-wijmenu-item {
    width: 180px;
}
.wijmo-wijmenu .wijmo-wijmenu-parent .wijmo-wijmenu-item .wijmo-wijmenu-text {
    width: 148px;
}

.wijmo-wijmenu-horizontal .wijmo-wijmenu-parent .ui-icon {
    float: right;
}

/*#endregion */


/*#region ************** WIJMO PAGER ************** */

.wijmo-wijpager .ui-list .wijmo-wijpager-button {
  margin: 2px 3px;
  padding: 2px 3px;
}

/*#endregion */


/*#region ************** WIJMO TOOLTIP ************** */

/* .wijmo-wijtooltip  fixes (max length, wordwrap)  */
.wijmo-wijtooltip .wijmo-wijtooltip-title {
    font-weight: bold;
}
.wijmo-wijtooltip .wijmo-wijtooltip-container {
    max-width: 400px;
    word-wrap: normal;
    padding: 15px;
}
.wijmo-wijtooltip .wijmo-wijtooltip-close {
    height: 100%;
    right: 0;
    top: 0;
}

/*#endregion */


/*#region ************** WIJMO INPUTS ************** */

.wijmo-wijinput .wijmo-wijinput-input {
    color: inherit;
    padding: 5px;
    font-weight: normal;
}
.wijmo-wijinput .wijmo-wijinput-input:not(.ui-state-inputerror) {
    border: 1px solid #d8dadb;
}
.wijmo-wijinput-wrapper {
    padding: 0;
    overflow: visible !important;
}
.wijmo-wijinput-wrapper input {
    padding-top: 5px;
    padding-bottom: 5px;
}
.wijmo-wijinput, .ui-state-default.wijmo-wijinput:not(.ui-input-trigger-right) {
    width: 223px;
    border: none;
    overflow: visible !important;
}
.ui-input-trigger-right .wijmo-wijinput-wrapper, .ui-input-spinner-right .wijmo-wijinput-wrapper {
    padding-right: 25px;
}
.wijmo-wijinput .wijmo-wijinput-trigger {
    padding: 0 3px;
}
.ui-state-default .wijmo-wijinput-date {
    padding: 5px;
    border: 0 !important;
    color: #404040;
}

/*#endregion */


/*#region ************** WIJMO DIALOG ************** */

.wijmo-wijdialog {
    z-index: 100;
    -webkit-box-shadow: 0px 0px 150px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 150px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 150px rgba(0, 0, 0, 0.4);
    border: none;
}

/*#endregion */


/*#region ************** WIJMO EXPANDER ************** */
.wijmo-wijexpander {
    border: none;
}
/*#endregion */

/*#region ************** WIJMO WIJTREE ************** */
.wijmo-wijtree .wijmo-wijtree-item span {
    float: left;
}
/*#endregion */

/*#endregion */



/*#region ************** FONT AWESOME ************** */


/*#region ************** FONT AWESOME ANTIALIASING ************** */
.fa 
{
    font-smooth: always;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
    text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
/*#endregion */



/*#region ************** FONT AWESOME: SER ACTIONS & SER GRID ACTIONS ************** */
.ser-grid-action-controlcontainer {
    float: left;
}

    .ser-grid-action-controlcontainer input, .ser-grid-action-controlcontainer button {
        float: left;
        margin-top: 5px;
        margin-right: 10px;
    }

.ser-actions .fa, .ser-grid-actions .fa, .ser-button .fa
{  
    font-size: 1.3em;
   /* margin-top: -2px !important;*/
}
.ser-actions a > i.fa, .ser-grid-actions a > i.fa, .ser-button span > i.fa {
    margin-top: -6px !important;
}
.ser-actions .fa , .ser-actions .fa-stack, .ser-grid-actions .fa, .ser-grid-actions .fa-stack, .ser-button .fa, .ser-button .fa-stack {
    vertical-align: middle;
    margin-top: 2px; 
    margin-bottom: -5px;
}
.ser-actions .ser-actions .fa, .ser-actions .ser-actions .fa-stack, .ser-grid-actions .fa, .ser-grid-actions .fa-stack, .ser-button .fa, .ser-button .fa-stack, .ser-header-links UL LI A .fa, .ser-header-links UL LI A .fa-stack {
    cursor: pointer;
}
.ser-actions .fa-stack, .ser-button .fa-stack
{
    margin-top: -2px;
}
.ser-actions .fa-stack .fa:first-of-type 
{    
    margin-top: -4px;
}
.ser-grid-actions .fa-stack
{
    margin-top: -8px;
}
/*#endregion */



/*#region ************** FONT AWESOME STACK ************** */

.fa, .fa-stack {
    margin-right: 0.2em;
    /*cursor: default;*/
    cursor: inherit;
}
.fa-stack {
    width: 2.6em;
    height: 1.4em;
    margin-left: -0.5em;
}
.fa-stack-2x {
    font-size: 1.3em !important;
}
.fa-stack-1x.ser-icon-overlay 
{
    font-size: 1.1em;
}

/*#endregion */


/*#endregion */



/*#region ************** ASPOSE ************** */

div#tblWebGrid table tbody tr td div:not([style*="display: none"])  /* [bug #1376] & allow to hide the loading screen from aspose.cells */
{
    display: inline !important;
}

/*#endregion */



/*#region ************** SERENATA ************** */


/*#region ************** SER LAYOUT ************** */
.initial-hide 
{
    display:none
}

.vertical-align {
    height: 100%;
    white-space: nowrap;
}
.vertical-align:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;                 
}

/*#endregion */


/*#region ************** SER INPUTS ************** */

input:-ms-input-placeholder {  
   color: #c5c5c5;
}
input::placeholder {  
   color: #c5c5c5;
}
input:placeholder-shown {  
   color: #c5c5c5;
}
::-moz-placeholder {  
   color: #c5c5c5;
}
:-ms-input-placeholder {  
   color: #c5c5c5;
}
::-webkit-input-placeholder {  
   color: #c5c5c5;
}


.ser-input-textnumbox { 
    text-align: right;
}
/* disabled and readonly inputs */
[disabled="disabled"], [disabled="disabled"] label
{
  /*color: #afafaf !important;*/
  opacity: .9 !important;
  cursor: default !important;
}
input[disabled="disabled"] , input[readonly] 
{
  /*color: #afafaf !important;*/
  opacity: 1;
  cursor: default !important;
  background-color: #F0F0F0 !important;
}

[readonly] {
  opacity: .9;
  cursor: default !important;
}
[readonly]:not(.ser-input-checkbox), [readonly]:not(.ser-input-checkbox):focus, [readonly]:not(.ser-input-checkbox):hover {
  opacity: .9 !important;
  cursor: default !important;
  border: 1px solid #d8dadb !important;
  background-color: #F0F0F0 !important;
}
span.ser-input-checkbox[readonly] input {
    opacity: 0.5;
    cursor: default;
}
.ser-input-section {
    padding-right: 5px;
    padding-top: 5px;
    vertical-align:top;
    border-top: 1px solid #A8A8A8;
    font-weight: bold;
    padding-bottom: 10px;
}        
.ser-input-input {
    padding-right: 0px;
    padding-top: 0px;
    vertical-align:middle;
    width:225px;
    min-width:225px;
    /*max-width:225px;*/
}        
.ser-input-textbox
{
    width: 213px;
}        
.ser-input-dropdown 
{
    height: auto;
}  

/*#endregion */


/*#region ************** SER BUTTON ************** */
.ser-button-success 
{
    color: #008000 !important;
    background: #DAF7DF !important;
    border: 1px solid #008000 !important;
}
/*#endregion */


/*#region ************** SER INPUT DROPZONE ************** */
.ser-input-dropzone 
{
    position: relative;
    overflow: hidden;
    margin: 10px;
    border-radius: 10px;
    padding: 10px;
    border: 2px dashed #afafaf;
    background-color: #F4F4F4;
    text-align: center;
    cursor: pointer;
}
.ser-input-dropzone .ser-input-dropcaption {
    margin: 10px auto;
    padding: 0; 
    font-weight: bold;
    font-size: medium;
    color: gray;
}    
.ser-input-dropzone .ser-input-dropbutton {
    margin: 10px auto;
}    
.ser-input-dropzone input.ser-input-uploadbutton {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    height: 100%;
    width: 100%;
    opacity: 0;
    -moz-opacity:0 ;
    filter: alpha(opacity=0);
} 
/*#endregion */


/*#region ************** SER DRAGOVER ************** */

.ser-dragover 
{
    background-color: #ebebeb !important;
    border: 1px dashed #afafaf !important;
    color: #c6ced2 !important;
    font-size: xx-large;
}

/*#endregion */


/*#region ************** SER HTML EDITOR / SOURCE CODE ************** */

.ser-html-image {
    margin: 10px auto;
    /*margin-right:auto; 
    margin-left:auto;
    margin-bottom: 10px;
    margin-top: 10px;*/
    text-align:center;
    max-height: 100px;
    max-width: 220px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.81);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.81);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.81);
}

.ser-sourcecode 
{
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px;
}
/* textarea for sourcecode view (e.g. for edit template code) */
textarea.ser-textarea-sourcecode, .ser-input-textbox.ser-monospace 
{    
    font-family: "Courier New", Courier, monospace;
}
textarea.ser-textarea-sourcecode {
    color: #000000;
    background-color: #F8F8F3 !important;
    tab-size: 4;
    -moz-tab-size: 4;
    -o-tab-size:  4;
}

/*#endregion */


/*#region ************** SER CONTENT EDITOR ************** */
/* Content Editor */
#ctl00_pnlPreview .wijmo-wijsplitter-v-panel2 table tr td, #ctl00_pnlPreview .wijmo-wijsplitter-v-panel2 table tr td div {
    width: initial !important;
    max-width: 600px;
    height: initial !important;
    max-height: initial !important;
}

A.ser-textblockedit, A.ser-labeledit, A.ser-linkedit, A.ser-imageedit { 
    text-decoration: none;
}
A.ser-textblockedit > DIV, A.ser-labeledit > DIV, A.ser-linkedit > DIV 
{
    background-color: #DEDEDE;
    font-size: 12px;
    font-weight: normal;
}
A.ser-textblockedit > DIV  
{
    border: 1px solid #4e5154;
    color: #4e5154;
}
A.ser-labeledit > DIV   
{
    border: 1px solid #72ac58;
    color: #444444;
}
A.ser-linkedit > DIV  
{
    border: 1px solid #788ce2;
    overflow: hidden;
    color: #444444;
}
A.ser-imageedit > DIV  
{
     border: 1px solid #d47a7a;
     color: #444444;
}
A.ser-inactive DIV  
{
    background-color:  #EBB0B0;
    text-decoration: line-through;
}
/*#endregion */


/*#region ************** SER IMAGE PREVIEW ************** */
.ser-image-preview iframe {
    background-image: url('grid.png');
}
.wijmo-wijtooltip .wijmo-wijtooltip-container img {
    background-image: url('grid.png');
}
/*#endregion */


/*#region ************** SER IMAGE UPLOAD PLACEHOLDER ************** */
.ser-placeholder {
    color: #afafaf;
    font-size: 0.85em;
    margin-top: 5px;
    display: inline-block;
}
/*#endregion */


/*#region ************** SER LABELS ************** */
/* Serenata overview table label */
.ser-label-gray 
{
    color: #909090;
}

/* Serenata input table */
.ser-input-label {
    display: block;
    min-width: 150px;
    max-width: 150px;
    width: 150px;
    text-align: right;
    padding-right: 5px;
    /*padding-top: 5px;*/
    /*vertical-align: top;*/
}
td.ser-input-label 
{
    vertical-align: middle; 
    display: table-cell;
}
/*#endregion */


/*#region ************** SER DATA GRID / SER DATA TABLE ************** */  

.ser-grid-center
{
    margin-right:auto; 
    margin-left:auto;
    text-align:center;
}
span.ser-grid-center, a.ser-grid-center, img.ser-grid-center
{
    display:block;
}
.ser-grid-right
{
    text-align: right;
}

/* fix for actions of single rows */
.ser-grid-inactive:not([headers='Action']), .ser-grid-inactive:not([headers='Action']) a {
    color: #bcbcbc;
    text-decoration: line-through;
}
.ser-grid-paused, .ser-grid-warn {
    background-color: #efdad1; 
    color: #b65454;
}
.ui-state-hover .ser-grid-warn, .ui-state-hover .ser-grid-paused {
    background-color: #e6c5b6;
    color: #a94949; 
}
.ser-grid-outstanding[headers='Valid%20From'] 
{
    font-weight: bold;
    color: #6770b1;
}
.ser-grid-outofdate[headers='Valid%20To'] 
{
    font-weight: bold;
    color: #6770b1;
}
.ser-outofdate, .ser-outstanding, .ser-grid-outofdate, .ser-grid-outstanding {
    color: #969696;
}
.ser-grid-outofdate, .ser-grid-outstanding {
    background-color: #eaeaea;
}
.ser-grid-selected, .ser-grid-highlight {
    background-color: #E2E2E2;
}
.ser-grid-selectable, .ser-grid-selectable .fa, .ser-grid-selectable .fa-stack
{
    cursor: pointer;
}
.ser-grid-idcolumn .wijmo-wijgrid-innercell
{
    white-space: nowrap;
    text-align: right;
}
.ser-empty-grid .wijmo-wijsuperpanel-contentwrapper {
    background: url('NoResults.png') 50% 50% no-repeat
}


/*#endregion */


/*#region ************** SER TEXT STYLES ************** */
     
.ser-headline
{
     font-weight: bold;
}
#SerLogin h2 
{
    font-size: 1.2em;
    font-weight: 600;
}
.ser-italic 
{
    font-style: italic;
}

/*#endregion */


/*#region ************** SER COPY CLIPBOARD SUCCESS ************** */

.copy-success-message 
{
    font-weight: bold;
    padding: 2px 4px;
    font-size: 80%;
    color: #46b305;
    background-color: #f2f9f2;
    border-radius: 4px;
    margin-left: 5px;
}

/*#endregion */


/*#region ************** SER LOGIN ************** */
/* Serenata Login */
.ser-login 
{
    margin-top:100px;
}
/*#endregion */


/*#region ************** SER ACTIONS / SER GRID ACTIONS / SER GRID COLUMN ACTIONS ************** */


/*#region ************** SER ACTIONS ************** */

.ser-actions
{    
    background: #FFFFFF;
    padding: 5px 0px;
}

.ser-action-disabled i.fa, .ser-action-disabled i.fa-stack {
    cursor: not-allowed;
}

/*#endregion */


/*#region ************** SER GRID ACTIONS ************** */

.ser-grid-actions
{   
    padding: 0;
    padding-left: 5px;
    border-width: 1px;    
    padding: 10px 5px 10px 15px;
    border-color: #B9B9B9;
    background: #FFFFFF;
    border-top: none;
    border-left: none;
    border-right: none;
}

/*#endregion */


/*#region ************** SER GRID COLUMN ACTIONS ************** */
.ser-grid-column-action
{
    margin: 2px;
    margin-right: 4px;
    padding: 4px;
    height: 15px;
    border: 1px solid #EFEFEF;
    border-radius: 2px;
    cursor: pointer;
    display: inline-block;
    background: #f0f0f0;
    white-space: nowrap;
    text-decoration: none;
}
.ser-move-up 
{
    float: left;
    margin-left: 7px;
}
.ser-move-down 
{
    float: right;
    margin-right: 7px;
}
.ser-move-down .fa, .ser-move-up .fa
{
    margin-right: 0em;   
    cursor: pointer;
}
/*#endregion */


/*#region ************** SER ACTIONS + SER GRID ACTIONS ************** */

.ser-action-hidden {
    display: none !important;
}

.ser-actions a, .ser-grid-actions a
{
    float: left;
    padding: 0;
    border: none;
    color: inherit;
}

.ser-action-disabled, .ser-grid-actions-disabled {
    cursor: not-allowed !important;
    opacity: 0.7;
}
.ser-actions a:hover, .ser-grid-actions a:hover 
{
    color: inherit;
}

.ser-actions UL, .ser-grid-actions UL
{
    padding: 0;
    margin: 0;
    white-space: nowrap;
    list-style-type: none;
}
.ser-actions UL li, .ser-grid-actions UL li, .ui-state-default.ser-button
{
    text-decoration: none;
    font-weight: 700;
    display: inline-block;
    /*float: left;*/
    padding: 8px 10px;
    margin: 0;
    margin-right: 5px;
    border-radius: 2px;
    cursor: pointer;
    color: #4c535c;
    border: 1px solid #d6d6d6;
    background: #f6f6f6;
}

/*#endregion */

/*#endregion */


/*#region ************** SER MAIN MENU ************** */

.ser-mainmenu-frame 
{
    padding-bottom: 5px;
}

/*#endregion */


/*#region ************** SER TAB CONTROL ************** */
.ser-tab-control-singletab 
{
    border-top: 1px solid #a7abb0;
}
/* DO NOT SHOW TAB CONTROL PANEL WHEN THERE IS ONLY ONE TAB AVAILABLE */
.ser-tab-control-singletab > ul 
{
    display: none;
}
/*#endregion */


/*#region ************** SER HEADER ************** */

/* used for Navigation Header (top) */
.ser-header
{
    padding: 10px;
    margin-bottom: 10px;
}
.ser-header-logo
{		
    vertical-align: top;
    float: left;
    padding-left: 10px;
    cursor: pointer;
}
.ser-header-caption P:first-of-type {
    margin-bottom: 0px;
    margin-top: 0;
}
.ser-header-caption {
    font-weight: 100;
    font-size: x-large;
    color: #4c5866;
    text-align: left;
    width: inherit;
    margin-left: 320px;
}
.ser-header-caption P
{   
    margin-bottom: 0px;
}
.ser-header-appname 
{   
    font-weight: 600;
}
.ser-header-location 
{   
    font-weight: 200;
    font-size: x-large;
    color: #999898;
}
.ser-header-subtitle i {
    margin: 0 0.5em 0 0.5em;
}
P.ser-header-subtitle
{   
    font-size: large;
    color: #999898;
    margin-top: 10px;
    margin-bottom: 0;
}
.ser-header-expirywarning {
    font-size: 15px;
    margin-top: 10px;
    padding: 5px;
}


/*#region ************** SER HEADER LINKS + EXPERT MODE ************** */
.ser-header-links
{
    text-align: right;
    float: right;
    height: 100px;
    padding-top: 5px;
}

.ser-header-links UL {
    list-style-type: none;
    margin: 0;
    white-space: nowrap;
    display: inline-block;
    padding-left:0px;
    /*float: left;*/
    /*border-left: solid 1px black;*/
}
.ser-header-links UL LI
{
    display: inline;
}
.ser-header-links UL LI SPAN
{  
    color:#999999;
    text-decoration: none;
    padding: 8px 15px;
    border: 1px solid transparent;
    cursor: default;
    border-radius: 2px;
}
.ser-header-links UL LI A
{  
    color:#171715;
    text-decoration: none;
    padding: 8px 15px;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 2px;
}
/* expert mode select */
#expertmodeselect 
{
    background-color: #F8F8F9;
    border: 1px solid #E0E0E0;
    border-radius: 2px;
    padding: 7px 15px;
    margin-top: -9px;
    margin-right: 15px;
}
/*#endregion */


/*#endregion */


/*#region ************** SER LOGO TOOLTIP (BROWSER INFO) ************** */
.ser-logotooltip 
{
    background: none !important;
    background-color: #FFFFFF !important;
    border: none;
    z-index: 1 !important;
    cursor: pointer;
    opacity: 0.95;
    border: 1px solid #d4d4d4;
    border-radius: 10px;
}
/*#endregion */


/*#region ************** SER WAIT MESSAGE ************** */
.ser-waitmessage
{
    display: none; 
    cursor: wait; 
    z-index: 9999; 
    position: fixed; 
    top: 0; 
    left: 0; 
    height: 100%; 
    width: 100%; 
    background-color: #ffffff;
    opacity: 0.8;
    filter: alpha(opacity = 80);
}
.ser-waitmessage DIV
{
    position: relative;
    margin-left:auto;
    margin-right:auto;
    padding-top:40vh;
    text-align:center;
    opacity: 0.6;
}

.ser-waitmessage DIV P
{
    font-size: 2em;
    text-align: center;
    color: #ffffff;
    font-weight: 600;
    margin: 10px;
    font-style: italic;
 }
.ser-waitmessage DIV P, .ser-waitmessage DIV .fa-inverse
{
    color: #000000;
}
/*#endregion */


/*#region ************** SER ICONS ************** */

.ser-icon-overlay {
    text-align: right;
    line-height: 1.2em;
    font-size: 1.1em;
    text-shadow: 1px 1px 0 #FFFFFF, 1px -1px 0 #FFFFFF, -1px 1px 0 #FFFFFF, -1px -1px 0 #FFFFFF;
}
.ser-icon-green , .ser-icon-info, .ser-icon-success, .ser-icon-overlay.fa-plus, .ser-icon-overlay.fa-check, .ser-actions .fa-check-circle, .ser-grid-actions .fa-check-circle, .ser-button .fa-check-circle, .ser-actions .fa-plus-circle, .ser-grid-actions .fa-plus-circle, .ser-button .fa-plus-circle {
    color: #2d7e2d;
}
.ser-icon-info-circle{
	color: #077DB4;
}
.ser-icon-red, .ser-icon-overlay.fa-times, .ser-icon-error {
    color: #b04f4f;
}
.ser-icon-orange, .ser-icon-warn, ser-icon-warning
{
    color: #f0a22d;
}
.ser-margin-reset 
{
    margin: 0;   
}

/*#endregion */


/*#region ************** SER CPR DASHBOARD ************** */

#pnlDashboard 
{
    padding-right: 10px;
}
.ser-cpr-dashboard
{
    display: block;
    width: 100%;
    padding: 10px;
    padding-right: 0px;
    float: left;
    box-sizing: border-box;
}
.ser-cpr-dashboard table {
    border-spacing: 0px;
}
.ser-cpr-dashboard .wijmo-wijexpander .ui-expander-header 
{
    border: none;
}
.ser-cpr-dashboard > div {
    margin-bottom: 10px;
}
.ser-cpr-dashboard .ser-highlight 
{
    font-weight: 500;
    padding-right:5px;
}
.ser-cpr-dashboard .ser-majorinfo 
{
    font-size: 1.4em;
}
.ser-cpr-dashboard .ser-minorinfo
{
    color: #808080;
}
.ser-cpr-dashboard .ser-invalid
{
    text-decoration: line-through;
    cursor: not-allowed;
}
.ser-cpr-dashboard .ser-notice
{
    padding-left:10px;
    padding-right:10px;
}
.ser-cpr-dashboard .ser-optout
{
    color: #808080;
    cursor:not-allowed;
}
@media screen and (min-width: 1000px) 
{
    .ser-cpr-dashboard
    {
        width: 50%;
    }
} 

/*#endregion */


/*#region ************** SER RATING ************** */

.ser-rating .fa 
{
    margin-right: -0.2em;
    padding-top: 5px;
}
.ser-rating 
{
    white-space: nowrap;
    cursor: default;
    display: inline;
}

/*#endregion */


/*#region ************** SER FLIPCARD ************** */

.ser-flipcard-container {
    vertical-align: top;
    padding-right: 10px;
    display: inline-block;
    margin-bottom: 10px;
}
.ui-widget .ser-flipcard {
    border-radius: 5px;
    text-align: center;
}
.ui-widget .ser-flipcard.wijmo-wijflipcard .ser-flipcard-front.wijmo-wijflipcard-panel {
    font-size: 1.2em;
    padding-top: 50px;
}
.ui-widget .ser-flipcard.wijmo-wijflipcard .ser-flipcard-front .ser-flipcard-icon {
    margin-top: -10px;
}
.ui-widget .ser-flipcard.wijmo-wijflipcard .wijmo-wijflipcard-panel {
    border: 1px solid #b7b7b7;
    background: #f6f6f6;
    box-sizing: border-box;
    padding: 10px;
    overflow: auto;
}
.ui-widget .ser-flipcard.wijmo-wijflipcard .wijmo-wijflipcard-panel .ser-flipcard-value 
{
    margin-top: 10px;
    font-size: 2em;
}
.ui-widget .ser-flipcard.wijmo-wijflipcard .wijmo-wijflipcard-panel .ser-flipcard-value small
{
    font-size: smaller;
}
.ser-flipcard table {
    border-spacing: 0;
    width: 100%;
}
.ser-flipcard td {
    border-top: 1px solid #5c5c5c;
}
.ser-flipcard tr:first-of-type td {
    border-top: none;
}
.ser-flipcard tr.ser-flipcard-title td {
    font-weight: bold;
}
.ser-flipcard tr.ser-flipcard-sum td {
    border-top: 3px double #5c5c5c;
    font-weight: bold;
	white-space: nowrap;
}
/* order of left / right align is important (in case only label exists) */
.ser-flipcard td:last-of-type {
    text-align: right;
}    
.ser-flipcard td:first-of-type {
    text-align: left;
}
.ser-flipcard[ser-trigger='click']:not([ser-disabled='true'])
{
    cursor: pointer;
}

/*#endregion */


/*#region ************** SER INFO BOX ************** */

.ser-infobox 
{
    display: -ms-flex; 
    display: -webkit-flex; 
    display: flex; 
}
.ser-infobox-icon {
    padding: 5px 20px;
    flex: 1;
    margin-left: -5px;
    align-self: center;
}
.ser-infobox-content 
{
    width: 100%;    
}

.ser-upload-info, .ser-infobox
{
    border: 1px solid #D9D9D9;
    background-color: #F4F4F4;
    padding: 5px;
    line-height: 130%;
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
}   
.ser-infobox .ser-infobox-title {
    font-weight: bold;
}
.ser-infobox .ser-infobox-description, .ser-upload-info {
    font-size: smaller;
}

/*#endregion */


/*#region ************** SER PROGRESSBAR ************** */


/*#region ************** SER THIN PROGRESSBAR ************** */

.ser-thinprogressbar.wijmo-wijprogressbar {
    height: 5px;
    border: 0px none;
    background: rgb(206, 206, 206) none repeat scroll 0% 0%;
    border-radius: 3px;
}
.ser-thinprogressbar.wijmo-wijprogressbar > .ui-progressbar-label {
    line-height: 0;
    font-size: 0px;
    content: "";
}

/*#endregion */


/*#region ************** SER PROGRESSBAR STATUS ************** */

.ser-status-error.wijmo-wijprogressbar > .ui-progressbar-value {
    background: #CD0A0A;
}

.ser-status-warning.wijmo-wijprogressbar > .ui-progressbar-value {
    background: #f0a22d;
}

.ser-status-success.wijmo-wijprogressbar > .ui-progressbar-value {
    background: #2d7e2d;
}

.ser-status-success.wijmo-wijprogressbar > .ui-progressbar-label {
    color: #ffffff;
}

/*#endregion */


/*#endregion */

/*#region ************** SER LICENSE TREE ************** */

.ser-licensetree {
    border-spacing: 0px;
}

.ser-licensetree-propertyvalue {
    font-style: italic;
}

.ser-licensetree-propertyname {
    font-weight: 500 !important;
    padding-right: 5px;
}
/*#endregion */

/*#endregion */



/*#region ************** HTML ELEMENTS ************** */

[role="tabpanel"] > table {
    padding-left: 10px;
    padding-right: 10px;
    border-spacing: 5px;
    margin-bottom: 15px;
    margin-top: 10px;
}
iframe 
{
     width: 100% !important;   
}

/*#endregion */

/*#region **************Color Picker ************** */
.ser-colorpicker {
    position: relative;
}


.ser-colorpicker .ser-colorpicker__dropdown {
    position: absolute;
    /* left: 0; */
    width: 100%;
    z-index: 1000;
    border: 1px solid #D9D9D9;
    margin-top: 5px;
    margin-left: 1px;
    height: 205px;
    background-color: #ffffff;
}

.ser-colorpicker .ser-colorpicker__dropdown.ser-colorpicker__dropdown--is-collapsed {
    left: -8000px;
}

.ser-colorpicker .farbtastic {
    /* display: inline; */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/*#endregion */

/*#region **************Combobox ************** */
.ser-combobox {
    position: relative;
}

.ser-combobox .ser-combobox__dropdown {
    list-style: none;
    position: absolute;
    /* left: 0; */
    width: 100%;
    z-index: 1000;
    border: 1px solid #D9D9D9 !important;
    height: 175px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0;
    background-color: #FFFFFF;
}

.ser-combobox .ser-combobox__dropdown .ser-combobox__dropdown-item {
    margin: 0px !important;
    padding: 5px !important;
    font-size: 0.9em !important;
    color: #000!important;
    cursor: default!important;
}


.ser-combobox .ser-combobox__dropdown .ser-combobox__dropdown-item:hover {
    margin: 0px !important;
    padding: 5px !important;
    font-size: 0.9em !important;
    background: #d8d8d8;
    cursor: default!important;
}

.ui-helper-hidden-accessible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
}
/*#endregion */