/*
	DEFAULT STYLE SHEET FLEXXWARE
*/

* { margin: 0; padding: 0; }
html { overflow-y: scroll; height:100%; width:100%; }
img { border: none; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.hidden { display: none; }   
a { color: inherit; text-decoration: none; }
a.link-button { color: #38A7C7; }
a.external {background: url('../Images/Static/FlexxWare-base/external-link-black.png') center right no-repeat; padding-right: 13px; }
*:focus { outline: none; }
input { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body {
    font-size: 13px;
    font-family: 'Open Sans', Verdana, Helvetica, sans-serif;
    color: #303030;
    background-color: #FFFFFF;
	/*margin-top: 3px;  space for fixed header */
	margin-bottom: 43px; /* space for fixed footer */
    padding-bottom: 100px;
}
button, input, textarea, select, a.button { font-family: 'Open Sans', Verdana, Helvetica, sans-serif !important; }
header, footer, nav, section {
    display: block;
}

table th { text-align: left; }
.align-right, 
.align-right input,
table th.align-right { text-align: right; }

table.data-table-dump { width: 100%; border-collapse: collapse; }
table.data-table-dump th { border-bottom: 1px solid #000; }
table.data-table-dump tr:nth-child(even) { background-color: #F9F9F9;}
table.data-table-dump th, table.data-table-dump td {padding:3px; }

.corner-left { border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.corner-right { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }

.loader-image { display: none; background: url('../Images/Static/FlexxWare-base/ajax-loader-black.gif') center no-repeat; height: 16px; width:16px; }
.loading .loader-image { display: inline-block;}
.field .loader-image { height:32px; position: absolute; }

.check-image { background: url('../Images/Static/FlexxWare-base/check-black.png') center no-repeat; height: 16px; width: 16px; }
.check-image.inline { display:inline-block; vertical-align:middle;}
.cross-image { background: url('../Images/Static/FlexxWare-base/cross-black.png') center no-repeat; height:12px; width:12px; }
.cross-image.inline { display:inline-block; vertical-align:middle;}
.cross-image.white { background-image: url('../Images/Static/FlexxWare-base/cross-white.png'); }
.cross-image.grey { background-image: url('../Images/Static/FlexxWare-base/cross-grey.png'); }

/*
	Top status bar, Basic Header, Content and Footer
*/
.top-body-border { width: 100%; height: 3px; position: fixed; z-index: 100; background-color: #222222; }

#status-bar { position: fixed; z-index: 100; width: 1180px; left: 50%; margin-left: -590px; }
#status-bar #status-bar-content { width: 400px; margin-left: auto; margin-right: auto; background-color: #222222; border-radius: 0 0 3px 3px; color: #FFFFFF; display: none; }
#status-bar .status-bar-item { line-height: 22px; text-align: center; white-space: nowrap;  }
#status-bar .status-bar-item img { vertical-align: middle; margin-right: 5px; margin-bottom: 3px; }

header { border-bottom: 1px solid #D6D6D6; background-color: #F3F3F3; }
header .header-content { width: 1180px; height: 80px; margin-left: auto; margin-right: auto; position: relative;  }
header .header-content .logo { height: 80px; background-position: left center; background-repeat: no-repeat; background-image: url('../Images/Static/FlexxWare-base/logo.png'); }
header .header-content .top-menu-buttons {
	position: absolute;
	top: 0; right: 0;
	height: 22px; 
	line-height: 19px; 
	font-size: 12px;
}
header .header-content .top-menu-buttons .top-menu-button {
	float: right; 
	text-align: center;
	background-color: #222222; color: #FFFFFF;
	padding-left: 10px; padding-right: 10px;
	margin-left: 5px;
	border-radius: 0 0 5px 5px;
}
header .header-content .top-menu-buttons .top-menu-dropdown {
	float: right; 
	text-align: center;
	background-color: #222222; color: #FFFFFF;
	padding-left: 10px; padding-right: 10px;
	margin-left: 5px;
	border-radius: 0 0 5px 5px;
    position: relative;
    z-index: 1;
}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
    header .header-content .top-menu-buttons .top-menu-dropdown .top-menu-dropdown-list {
        display: none;
        cursor: pointer;
        list-style: none;
        position: relative;
        z-index: 2;
    }
    header .header-content .top-menu-buttons .top-menu-dropdown:hover ul {
        display: block;
        cursor: pointer;

    }
    header .header-content .top-menu-buttons .top-menu-dropdown ul li:hover {
        display: block;
        position: relative;
        cursor: pointer;
    }
    header .header-content .top-menu-buttons .top-menu-dropdown ul li:hover {
        background-color: darkgray;
        display: block;
        border-radius: 2px;
        cursor: pointer;
        position: relative;
    }

header .header-content nav { position: absolute; bottom: 0; right: 0; }
header .header-content nav ul { list-style: none; margin: 0px; padding: 0px; }
header .header-content nav ul li { 
	display: inline-block; 
	padding: 13px;
	height: 18px; 
	border: none; 
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
	text-transform: uppercase;
	font-size: 14px; 
	font-weight: bold;
	position: relative;
}
header .header-content nav ul li.active { 
    color: #38A7C7; 
    background-color: #FFFFFF; 
    border: 1px solid #D6D6D6;
    border-bottom: none;
    bottom: -1px; 
    height: 19px; 
}

section#main-section { width: 1180px; margin: 18px auto; padding-bottom:55px; }

footer { width: 100%; position: fixed; bottom: 0; z-index: 10; font-size: 11px; }
.option-bar { width: 100%; background-color: #F3F3F3; border-top: 1px solid #D6D6D6; padding-top: 5px; padding-bottom: 5px; }
footer #footer-option-bar { margin-bottom: 43px; }
footer #footer-option-bar .footer-option-bar-content { margin-left: auto; margin-right: auto; width: 1180px; }
footer #footer-option-bar .footer-option-bar-info { float: left; color: #999999; margin-right: 10px; }
footer #footer-option-bar .footer-option-bar-info .entity-system-info { line-height: 17px; font-size: 10px; }
footer #footer-option-bar .footer-option-bar-button-container .additional-buttons { float: left; }
.option-bar .default-buttons { float: right; }
.option-bar.form-has-validation-message button[type="submit"] { background-color: #e1142c; border-color: #b90f0f; }
.footer { position:absolute; bottom:0; width: 100%; background-color: #222222; font-size: 11px; }
.footer .footer-content { color: #616161; width: 1180px; margin-left: auto; margin-right: auto; text-align: right; line-height: 43px; }

span.powered-by-flexx { float: left; display: block; width: 76px; height: 40px; background-image: url('../Images/Static/FlexxWare-base/powered-by-logo-grey.png'); background-repeat: no-repeat; background-position-y: 50%;}
span.powered-by-flexx:hover { background-image: url('../Images/Static/FlexxWare-base/powered-by-logo.png'); }
.footer-content span.text { float: right; }
.footer-content span.text a:hover { color: #FFFFFF; }

/*
	Fonts & Styles
*/
h1, h2, h3, h4 { margin: 0; padding: 0; }
h1 { font-size: 20px; font-weight: normal; margin: 10px 0; }

/*
	Forms
*/
.ui-dialog.flexxware-dialog { 
	border: 1px solid #D6D6D6; 
    border-radius: 10px;
	-moz-box-shadow: 0px 2px 52px 5px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0px 2px 52px 5px rgba(0,0,0,0.15);
	box-shadow: 0px 2px 52px 5px rgba(0,0,0,0.15);
	font-family: 'Open Sans', Verdana, Helvetica, sans-serif;
}
.ui-dialog.flexxware-dialog .ui-dialog-content { padding: 0; margin: 0; }
.ui-dialog.flexxware-dialog .ui-dialog-titlebar { display: none; }
.ui-dialog.flexxware-dialog .dialog-top { 
	margin-left: 20px; 
	margin-right: 20px; 
	border-bottom: 1px solid #D6D6D6;
	height: 60px;
}
.ui-dialog.flexxware-dialog .dialog-top .dialog-title { float: left; line-height: 60px; }
.ui-dialog.flexxware-dialog .dialog-top .dialog-close { cursor: pointer; float: right; margin-top: 22px; }
.ui-dialog.flexxware-dialog .dialog-top .dialog-delete { cursor: pointer; float: right; margin-top: 21px; margin-right: 10px;  }
.ui-dialog.flexxware-dialog .dialog-content { margin: 20px; }

.ui-dialog.flexxware-dialog .confirm-dialog,
.ui-dialog.flexxware-dialog .fail-dialog { text-align: center; }
.ui-dialog.flexxware-dialog .fail-dialog .dialog-title { color: #D00000; }
.ui-dialog.flexxware-dialog .info-dialog .dialog-title { color: #222222; }
.ui-dialog.flexxware-dialog .fail-dialog .details-toggler { font-size: 11px; display:none; }
.ui-dialog.flexxware-dialog .fail-dialog .fail-dialog-details { margin-top: 10px; padding-top: 10px; display: none; text-align: left; max-height: 400px; overflow: auto; border-top: 1px solid #CCCCCC; }
.ui-dialog.flexxware-dialog .fail-dialog .fail-dialog-details code { font-size: 90%; display:inline-block; }

.form-content { }
.form-buttons { margin-top: 30px; margin-bottom: 20px; text-align:right; }
.form-content .default-field-column { float: left; width: 65%; /*width: 650px;*/ }
.form-content .custom-field-column { float: right; width: 30%; /*width: 300px;*/ }

.ui-state-default, 
.ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default { background: none; border: none; background-color: none; }
.ui-widget button { font-size: inherit; }

.ui-widget { font-size: inherit; font-family: inherit; }
.ui-widget-content a { color: inherit; }
.ui-datepicker th { font-weight: normal; font-size: 10px; text-transform: uppercase; }
.ui-datepicker td a
{
	background-color: transparent !important;
	font-weight: bold !important;
}
.ui-datepicker td span, .ui-datepicker td a { text-align: center; font-weight: bold; }
.ui-datepicker table { border-collapse: collapse; }
.ui-datepicker .ui-datepicker-header { background: none; background-color: #4C4C4C; border: 1px solid #222222; }
/*
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover { width: 30px; height: 30px; background: none; }
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev span.ui-icon { background-image: url('../Images/Static/FlexxWare-base/arrow-left-white.png'); width: 30px; height: 30px; }
.ui-datepicker .ui-datepicker-header .ui-datepicker-next span.ui-icon { background-image: url('../Images/Static/FlexxWare-base/arrow-right-white.png'); width: 7px; height: 10px; }*/
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next-hover { width: 20px; height: 10px; cursor: pointer; left: 10px; top: 14px; text-align: center; }
.ui-datepicker .ui-datepicker-header .ui-datepicker-next,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next-hover { left: inherit; right: 10px; top: 14px; }
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev span.ui-icon { background-image: url('../Images/Static/FlexxWare-base/arrow-left-white.png'); background-position: 0; margin: 0; width: 7px; height: 10px; left: 6px; top: 0; }
.ui-datepicker .ui-datepicker-header .ui-datepicker-next span.ui-icon { background-image: url('../Images/Static/FlexxWare-base/arrow-right-white.png'); background-position: 0; margin: 0; width: 7px; height: 10px; right: 6px; top: 0; }
.ui-datepicker .ui-datepicker-header .ui-state-hover { background: transparent; border: none; }
.ui-datepicker .ui-datepicker-header .ui-datepicker-title { color: #FFFFFF; text-transform: uppercase; font-family: 'Open Sans', Verdana, Helvetica, sans-serif; font-size: 14px; font-weight: bold; line-height: 35px; }
.ui-datepicker td { padding: 0; border: 1px solid #D6D6D6; width: 30px; height: 30px; background-color: #F3F3F3; font-weight: bold; }
.ui-datepicker td.ui-datepicker-unselectable { border: none; background-color: transparent; }
.ui-datepicker td.ui-datepicker-today { background-color: #D3D3D3; }
.ui-datepicker td.ui-datepicker-current-day { border: 1px solid #E11428; background-color: #FFD9DE; border-style: double; }

.default-border { border-radius:3px; border: 1px solid #D6D6D6; }

button + button, a.button + a.button { margin: 0 0 0 10px; }
button, a.button
{
	display: inline-block;
	padding: 0 10px;
	cursor: pointer;
	border-radius: 3px;
	height: 32px;
	line-height: 32px;
	background-color: #4C4C4C;
	border: 1px solid #222222;
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: bold;
}
button.disabled, a.button.disabled { color: #CCCCCC; border-color: #A0A0A0; background-color: #A0A0A0; }
/*button img { vertical-align: middle; }*/
button img.pre-icon, a.button img.pre-icon { margin-right: 10px; }
/*button.light-grey { background-color: #696969; }*/
button.light-grey, a.button.light-grey { background-color: #B9B9B9; border-color: #A0A0A0; }
button.blue, a.button.blue { background-color: #38A7C7; border-color: #2585A1; }
button.icon-button, a.button.icon-button { width: 32px; height: 32px; padding: 0; background-position: center center; background-repeat: no-repeat; }
button.light, a.button.light { background-color: #F3F3F3; color: #000000; border-color: #D6D6D6; }
button.light.disabled, a.button.light.disabled { color: #CCCCCC; }
button.small, a.button.small { height: 27px; line-height: 27px; font-size: 14px; text-transform:none; }

button.icon-button.search-button { background-image: url('../Images/Static/FlexxWare-base/search-white.png'); }
button.icon-button.pick-list-button { background-image: url('../Images/Static/FlexxWare-base/list-icon.png'); }
button.icon-button.pick-date-button { background-image: url('../Images/Static/FlexxWare-base/calendar-icon-white.png'); }
button.icon-button.pick-time-button { background-image: url('../Images/Static/FlexxWare-base/clock-icon-white.png'); }
button.icon-button.pick-position-button { background-image: url('../Images/Static/FlexxWare-base/marker-icon-white.png'); }

.context-menu { position: absolute; background-color: #FFFFFF; border: 1px solid #e5e5e5; border-radius: 3px; }
.context-menu ul { list-style: none; }
.context-menu ul li { padding-left: 10px; padding-right: 10px; cursor: pointer; line-height: 30px; }
.context-menu ul li:hover { background-color: #E5E5E5; }

.selectboxit-btn * { font-family: 'Open Sans', Verdana, Helvetica, sans-serif; font-size: 13px; font-weight: normal; }
.selectboxit-btn { background-color: #FFFFFF; background-image: none; border-color: #D6D6D6;}
.selectboxit-container .selectboxit { border-radius: 3px; }
.selectboxit-text { margin-left: 2px; margin-right: 10px; }
.selectboxit-arrow-container { background-color: #F3F3F3; border-left: 1px solid #CCCCCC; outline: none; }
.selectboxit-option-anchor { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.selectboxit-container .selectboxit-options { max-height: 240px; }

entity-list-wrapper .selectboxit-list, .selectboxit-list > .selectboxit-focus > a, .selectboxit-list > .selectboxit-focus > a:hover {
  border-top: 1px solid #88c4d5;
  border-bottom: 1px solid #88c4d5;
  background-image: none !important;
  color: #000000;
  outline: 1px solid #88c4d5;
  background: #daeff5;
  display: block;
}

.entity-list-wrapper .selectboxit-container span { height: 30px; line-height: 30px; }

.field { margin-bottom: 5px; }
.field label { font-size: 11px; font-weight: bold; color: #222222; /*line-height: 25px;*/ }
.field .input { border: 1px solid #D6D6D6; border-radius: 3px; min-height: 30px; line-height: 30px; background-color: white; position: relative; padding: 0 5px; }
.field .input.wysiwyg-input { border: none; }
.field .input.multi-line-input { padding: 0 5px; }
.field.validation-error .input.numeric-input input { padding-right: 24px; }
.field .input.numeric-input input { text-align:right; }
.field .input input,
.field .input select,
.field .input textarea { border: none; background-color: transparent; width: 100%; z-index: 1; font-size:13px; }
.field .input textarea { resize: vertical; }
.field .input input[type="checkbox"] { vertical-align: middle; width: auto; margin-left: 5px; }
.field .input.seperate-time-input { text-align:right; }
.field .input.seperate-time-input input { text-align:right; width: 35px; }
.field .input.coordinates-input input { width: 40%; }

.field .field-wrapper button { float: right; }
.field .field-wrapper .input { margin-right: 35px; }
.field .delete { position: absolute; right:0; z-index: 2; width: 32px; height: 32px; background: url('../Images/Static/FlexxWare-base/cross-grey.png') 50% no-repeat; cursor: pointer; }
.field .delete:hover { background-image: url('../Images/Static/FlexxWare-base/cross-black.png'); }
.field .input.disabled {
    background: #efefef;
}

.field.read-only .input { border-style: dashed; }
.field.read-only .field-wrapper button { opacity: 0.5; }

.field .partial-file-download .file-download { display: block; width: 128px; height: 128px; }
.field .partial-file-download .file-download:hover { cursor:pointer; }

.field .reference-field-entry { margin-top: 5px; }

.field .list-source { }
.field .list-source-horizontal input:first-child { margin-left: 10px; }
.field .list-source-vertical { line-height: 22px; }
.field .list-source input,
.field .list-source label { display: inline-block; width: auto; vertical-align: middle; margin: 0 5px; }
.field .list-source label { font-weight: normal; }


.field .validation-message { color: #FF0000; } /* TODO */
.field .validation-box
{
	display: none;
	width: 22px;
	height: 30px;
	background-color: #f04242;
	background-image: url('../Images/Static/FlexxWare-base/error-icon.png');
	background-position: 50%;
	background-repeat: no-repeat;
	border: 1px solid #b90f0f;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
	line-height: 30px;
	text-align: center;
	color: #FFFFFF;
	position: absolute;
	right: -1px;
	top: -1px;
}
.field.validation-error .validation-box { display: block; }
.field.validation-error .input { border-color: #b90f0f; position: relative; }
.field.validation-error .input .delete { right: 16px; }

.date-selector { width: 120px; height: 30px; display: inline-block; border: 1px solid #D6D6D6; border-radius: 3px; line-height: 30px; }
.date-selector input { width: 84px; padding: 0 10px; height: 30px; line-height: 30px; border: none; background-color: transparent; float: left; }
.date-selector .right-block { cursor: pointer; float:right; width: 30px; height: 30px; background-color: #F3F3F3; border-left: 1px solid #D6D6D6; text-align: center; }
.date-selector .right-block img { vertical-align: middle; }

.qtip-shadow {
    -webkit-box-shadow: 17px 13px 92px -9px rgba(0,0,0,0.63);
    -moz-box-shadow: 17px 13px 92px -9px rgba(0,0,0,0.63);
    box-shadow: 17px 13px 92px -9px rgba(0,0,0,0.63);
}
.qtip-flexxware-light-table {
    border-color: #777; 
}
.qtip-flexxware-light-table .qtip-content table {width:100%; border-collapse:collapse;}
.qtip-flexxware-light-table .qtip-content table td { padding:10px; }
.qtip-flexxware-grey
{
	background-color: #4C4C4C;
	border-color: #222222;
	color: #FFFFFF;
}
.qtip-flexxware-grey span.tip-label { font-weight: bold; }

.qtip-flexxware-error
{
	background-color:#f04242;
	border-color: #b90f0f;
}


/*
	Tabs
*/
div.flexx-tabs { border-bottom: 1px solid #D6D6D6; }
div.flexx-tabs ul { list-style: none; margin: 0px; padding: 0px; position:relative; top:1px; }
div.flexx-tabs ul li {
	display: inline-block; 
	padding: 8px;
	margin-right: 10px;
	height: 18px;
	border: 1px solid #D6D6D6;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	border-bottom: none;
	font-size: 13px;
	font-weight: normal;
	position: relative;
	background-color: #F3F3F3;
	text-transform: lowercase;
}
div.flexx-tabs ul li.active { color: #38A7C7; background-color: #FFFFFF; height: 19px; border-bottom: none; font-weight: bold; }
div.flexx-tabs.translation-tabs li { text-transform: capitalize; }
div.flexx-tabs ul li input[type="checkbox"] { vertical-align:middle; margin: 0 5px 0 0; }

div.flexx-tabs.vertical-tabs { border-bottom:none; border-right: 1px solid #D6D6D6; height: auto; }
div.flexx-tabs.vertical-tabs ul li {
    display:block;
    border-top-right-radius:0;
    border-bottom-left-radius:3px;
    border-bottom:1px solid #D6D6D6;
    border-right:none;
    margin-right:0;
    margin-bottom: 5px;
    width:100%;
    height:auto;
    box-sizing: border-box;
}
div.flexx-tabs.vertical-tabs ul li.active { width: calc((100%) + 1px); }

div.flexx-tab { padding-top: 20px; }

/*
	Page and -containers
*/
div.page-header { line-height: 40px; }
.with-side-menu div.page-header { padding-left: 180px; }
div.page-header .bread-crumbs { height: 40px; }
div.page-header .bread-crumbs ul { list-style: none; margin: 0px; padding: 0px; }
div.page-header .bread-crumbs ul li { display: inline-block; text-transform: lowercase; font-size: 13px; line-height: 20px; max-width: 130px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
div.page-header .bread-crumbs ul li span:hover { text-decoration: underline; cursor: pointer; }
div.page-header .bread-crumbs ul li.current span { text-decoration: none; cursor:default; }
div.side-menu { width: 140px; float: left; margin-right: 40px; }
div.side-menu ul { list-style: none; margin: 0px; padding: 0px; }
div.side-menu ul li { display: block; font-size: 12px; line-height: 1.5; padding: 10px 13px; text-transform: lowercase; }
div.side-menu ul li.active { background-color: #DAEFF5; border: 1px solid #88C4D5; border-radius: 3px; }
div.page-content, div.sliding-container { float: left; width: 100%; overflow: hidden; position: relative; white-space: nowrap; }
.with-side-menu div.page-content { width: 1000px; }
div.page-content .page-content-container, div.sliding-container .page-content-container { position: relative; width: 100%; display: inline-block; vertical-align: top; left: 0px; white-space: normal; }


.columnized { float:left; }
.columnized.by-2 { width:49%; }
.columnized.by-3 { width:32%; }
.columnized.by-4 { width:23.5%; }
.columnized.spacer { width:2%; }

/*
	List / table
*/

.entity-list-wrapper { min-height: 545px; }
.entity-list { position: relative; }
.entity-list .options-bar { display: table; margin-bottom: 10px; width: 100%; }
.entity-list .options-bar .options-bar-item .quick-filter-fields { margin-right: 10px; }
.entity-list .options-bar .options-bar-item { display: table-cell; white-space: nowrap; vertical-align:bottom;  }
.entity-list .options-bar .options-bar-item.entity-buttons button {margin-left: 10px; }
/* a little different field styling to match rendered BaseFields to search input */
.entity-list .options-bar .options-bar-item .field { margin-bottom:0; float:none; display:inline-block;}
.entity-list .options-bar .options-bar-item .field .input { height: 32px; line-height: 32px; }
.entity-list .options-bar .keyword-search { position: relative; height:30px; line-height:30px; border-radius: 3px; padding-left: 10px; padding-right: 38px; border: 1px solid #DFDFDF; }
.entity-list .options-bar .keyword-search input { width: 100%; border: none; }
.entity-list .options-bar .keyword-search button.search-button { position: absolute; top: 0; right: 0; height: 31px; }

.entity-list .list-table table { width: 100%; table-layout: fixed; line-height: 38px; color: #222222; border-spacing: 0 0px; border-collapse: separate; }
.entity-list .list-table table thead th { 
	padding-left: 15px;
	padding-right: 15px;
	background-color: #F3F3F3;
	border: 1px solid #D6D6D6;
}
.entity-list .list-table table thead th:not(:first-child) { border-left: none; }
.entity-list .list-table table tbody tr img.notification-icon { visibility: hidden; }
.entity-list .list-table table tbody tr.alert-row { color: #E11428; }
.entity-list .list-table table tbody tr.alert-row img.notification-icon { visibility: visible; }
.entity-list .list-table table tbody tr:hover { cursor: pointer; outline: 1px solid #88c4d5; background: #daeff5 }
.entity-list .list-table table tbody tr:hover td { border-bottom:1px solid transparent; }
.entity-list .list-table table tbody tr td,
.entity-list .list-table table tbody tr th { 
	border-bottom: 1px solid #D6D6D6;
	padding-left: 15px;
	padding-right: 15px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.entity-list .list-table table tbody tr tr {
    background: #ffffff;
}
.delete-row { background: url('../Images/Static/FlexxWare-base/cross-grey.png') 50% 50% no-repeat; cursor: pointer; }
.delete-row:hover { background: url('../Images/Static/FlexxWare-base/cross-black.png') 50% 50% no-repeat; }
table tr td.loading-row { background: url('../Images/Static/FlexxWare-base/ajax-loader-black.gif') 50% 50% no-repeat; }
.entity-list .list-table table tbody tr td.field .input { width: 100px; }
.entity-list .list-table table tbody tr td.checkbox-column { text-align: center; }
.entity-list .list-table table tbody tr td.checkbox-column input { vertical-align: middle; }
.entity-list .list-table table tbody tr.checkbox-checked { background: #ffc; }
.entity-list .list-table table tbody tr.checkbox-checked:hover { background: #daeff5; }

.entity-list .inline-field-in-table-wrapper { display: inline-block; vertical-align: middle; }
.entity-list .inline-field-in-table-wrapper .field > label {display:none;}

.entity-list .pager { margin: 15px 0px 5px 0px; color: #222222; text-align: center; min-height: 32px; }
.entity-list .pager .pager-button { 
	width: 34px; 
	height: 34px; 
	line-height: 34px; 
	display: inline-block; 
	cursor: pointer; 
	text-align: center; 
	background-color: #F3F3F3; 
	border-color: #D6D6D6;
	border-style: solid;
	border-width: 1px 0px 1px 1px;
}
.entity-list .pager .pager-button:last-of-type { border-width: 1px; }
.entity-list .pager .pager-button.current-page + .pager-button { border-left: none; }
.entity-list .pager .pager-button.current-page { border: 1px solid #88c4d5; background-color: #daeff5; }
.entity-list .pager .pager-button.previous-page,
.entity-list .pager .pager-button.next-page { width: inherit; padding-left: 15px; padding-right: 15px; }
.entity-list .pager .pager-button.next-page { border-right-width: 1px; }
.entity-list .pager .pager-button.previous-page img,
.entity-list .pager .pager-button.next-page img { vertical-align: middle; }
.entity-list .pager .pager-button.previous-page img { margin-right: 15px; }
.entity-list .pager .pager-button.next-page img { margin-left: 15px; }
.entity-list .list-info { position:absolute; right: 0; bottom: 0; height: 32px; text-align: right; line-height: 32px; color: #A9A9A9; }

.entity-list .image-preview img { margin: 10px 0; vertical-align:middle; }

.entity-list td .pay-invoice-button { background: url('../Images/Static/FlexxWare-base/coins-grey.png') 50% 50% no-repeat; }
.entity-list td .pay-invoice-button:hover { cursor:pointer; background: url('../Images/Static/FlexxWare-base/coins-black.png') 50% 50% no-repeat; }
.entity-list td .mark-as-done-button { background: url('../Images/Static/FlexxWare-base/check-black.png') 50% 50% no-repeat; opacity:0.4; height:20px; position:relative; }
.entity-list td .mark-as-done-button.done,
.entity-list td .mark-as-done-button:hover { background: url('../Images/Static/FlexxWare-base/check-black.png') 50% 50% no-repeat; opacity:1; }
.entity-list td .mark-as-done-button:hover { cursor:pointer; }

.number-of-records-picker ul.selectboxit-options { bottom: 100%; }

div.list-info p span { margin-top: 40px; }

.list-bottom-left { position:absolute; left: 0; bottom: 0; height: 32px; line-height: 32px; color: #000; }
.list-bottom-left .number-of-records-picker { display: inline; }
.list-bottom-left .export-button { vertical-align: middle; cursor: pointer; }

.list-selection-info { 
    width: 100%; 
    background: #ffc; 
    margin-bottom: 10px;
    border-bottom: 1px #e5e5e5 solid;
    border-top: 1px #e5e5e5 solid;
    height: 22px;
    line-height: 22px;
    display:none;
}
.list-selection-info > span { margin-left: 15px;} 
.list-selection-info span.number { font-weight:bold; }
.list-selection-info a.deselect-all-link { float:right; margin-right: 15px; }

.action-buttons { position: relative; padding-right: 10px }
.action-buttons div.action-list { display: none; position: absolute; top: 32px; }
.action-buttons:hover .action-list { display: block; }
.action-list ul { 
	list-style: none; padding: 0; margin: 0;
	border-radius: 3px;background-color: #4C4C4C;
    border: 1px solid #222222;
}
.action-list ul li.action { 
	display: block; 
	color: #FFFFFF;
	height: 26px; line-height: 26px; padding-left: 10px;
	border-bottom: 1px solid #333333; min-width: 80px; padding-right: 10px;
	cursor: pointer; font-size: 13px;
}
.action-list ul li.action:hover { background-color: #daeff5;color: #303030; }

.key-value-table { line-height: 24px; border-collapse: separate; border-spacing: 5px; }
.key-value-table tr:not(:first-child) td { border-top: 1px solid #CCCCCC; }
.key-value-table tr td:first-child { font-weight: bold; vertical-align: top; }

/*
    List actions
*/
.selection-action .selection-item { border-radius: 5px; border: 1px solid #ccc; padding:10px; margin-top: 10px; }
.selection-action .selection-item.selected .check-image { display:inline-block; }
.selection-action .selection-item table { width: 100%; }
.selection-action .selection-item table tr td:first-child { width:65px;text-align:right;padding-right:5px; }
.selection-action.selectable .selection-item { cursor: pointer; }
.selection-action.selectable .selection-item:hover{ background-color: #f0f0f0; }
.selection-action .selection-item .check-image { display:none; }


/*
    Entity tree
*/
.entity-tree { position: relative; }
.entity-tree .tree-view { width:100%; list-style-type:none }
.entity-tree .tree-view ol {  list-style-type:none }
.entity-tree .tree-view li { clear:both }
.entity-tree .tree-view .tree-row { background-color: #fff; }
.entity-tree .tree-node-row { width:100%; border-bottom: 1px solid #D6D6D6; height:40px }
.entity-tree .tree-view .tree-row .tree-node-row .expand-button { float:left; width:30px; height:40px; cursor:pointer; 
                                                              background: url('../Images/Static/FlexxWare-base/expand-grey.png') 50% 50% no-repeat;}
.entity-tree .tree-view .tree-row .tree-node-row .expand-button:hover { background: url('../Images/Static/FlexxWare-base/expand-black.png') 50% 50% no-repeat; }
.entity-tree .tree-view .tree-row .tree-node-row .collapse-button { float:left; width:30px; height:40px; cursor:pointer; 
                                                              background: url('../Images/Static/FlexxWare-base/collapse-grey.png') 50% 50% no-repeat;}
.entity-tree .no-button {  float:left; width:30px; height:40px; }
.entity-tree .tree-view .tree-row .tree-node-row .collapse-button:hover { background: url('../Images/Static/FlexxWare-base/collapse-black.png') 50% 50% no-repeat; }
.entity-tree .tree-node-label { float:left; line-height:40px; cursor:pointer; }
.entity-tree .tree-view .tree-row .tree-node-row .delete-row { float:right; height:40px; width:30px; }
.entity-tree .tree-view .tree-row .tree-node-row .tree-node-columns { float:right; line-height:40px; }

.entity-tree .tree-view .tree-row.empty { display:none; height:0px; }
.entity-tree .tree-node-expandable { padding-left: 30px; }
.entity-tree .tree-node-buttons { padding-top:5px; padding-bottom:5px; margin-left:30px; }
.entity-tree .tree-button { float:left; height:40px; width:30px; position:relative; }
.entity-tree .tree-button.expand { cursor:pointer; background: url('../Images/Static/FlexxWare-base/expand-grey.png') 50% 50% no-repeat; transition: all 0.5s; }
.entity-tree .tree-button.expand:hover { background-image: url('../Images/Static/FlexxWare-base/expand-black.png'); }
.entity-tree .tree-button.expand.expanded { transform: rotate(90deg); }
.entity-tree .tree-button .tree-line { position: absolute; right:0;top:0;}
.entity-tree .tree-button .tree-line.straight { height: 100%; width:50%; border-left:1px dotted #666666; }
.entity-tree .tree-button .tree-line.corner { height: 50%; width:50%; border-left:1px dotted #666666; border-bottom:1px dotted #666666; }

.entity-list .placeholder, .entity-tree .placeholder { border: 1px dotted #CCCCCC; width:100%; height:40px; }
.entity-list .placeholder td {background-color: #DAEFF5; }
.entity-tree .tree-view.sorting-state .tree-row.empty { display: block; height:40px; }
.entity-tree .tree-view.sorting-state .tree-node-buttons {display:none;}


/*
    Listed entities form
*/
.listed-entity-partial .lines-table th { font-size: 11px; }
.listed-entity-partial .lines-table td { vertical-align: top; }
.listed-entity-partial .lines-table td label { display:none; }
.listed-entity-partial .lines-table td.delete-row { background-position-y:12px; }
.listed-entity-partial .lines-table tr.new-row td.delete-row { display: none; }
.listed-entity-partial .lines-table tr.prefab-row { display: none; }
.listed-entity-partial .lines-table tr.horizontal-line hr { border:0; border-top: 2px solid #000000; padding-top:2px;padding-bottom:2px; }

/*
	File upload (partial views)
*/
.upload-form .cancel-upload-button { margin:0 10px; display:none; }
.upload-form .restrictions-info { font-size: 10px; }
.upload-form .progress-bar {
    display: none;
    float: left;
    width: 250px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border: 1px solid #88C4D5;
    border-radius: 3px;
    color: #000000;
    position: relative;
}
.upload-form .progress-bar .bar { height: 35px; width: 0%; background-color: #DAEFF5; position: absolute; z-index: 1; }
.upload-form .progress-bar .text { position: relative; z-index: 1; }

.upload-form.uploading .cancel-upload-button { display:inline-block; }
.upload-form.uploading .select-files-button { display:none; }
.upload-form.uploading .restrictions-info { display:none; }
.upload-form.uploading .progress-bar { display:block; }


/*
    Free Text form
*/
.free-text-form .expandable label { display: none; }

/*
    Flexx expandable container
*/
.flexx-expandable .expandable.collapsed { display: none; }
.flexx-expandable .expand-button { cursor: pointer; }
.flexx-expandable .expand-button .expand { display: inline-block; width: 12px; height: 12px; vertical-align:middle; background: url('../Images/Static/FlexxWare-base/expand-grey.png') 50% 50% no-repeat; transition-duration: 0.2s; }
.flexx-expandable .expand-button:hover .expand { background-image: url('../Images/Static/FlexxWare-base/expand-black.png'); }
.flexx-expandable .expand-button.expanded .expand { transform: rotate(90deg); }


.trainingblock .expand-button {
    display:inline-block;
    width:12px; height:12px; cursor:pointer; 
    background: url('../Images/Static/FlexxWare-base/expand-grey.png') 50% 50% no-repeat;
}
.trainingblock .expand-button:hover {
    background: url('../Images/Static/FlexxWare-base/expand-black.png') 50% 50% no-repeat;
}
.trainingblock .collapse-button {
    display:inline-block;
    width:12px; height:12px; cursor:pointer; 
    background: url('../Images/Static/FlexxWare-base/collapse-grey.png') 50% 50% no-repeat;
}
/*
    Flexx servant progress
*/
.flexxservant-progress-container { border-radius: 5px; border: 2px solid #CCCCCC; padding: 10px; }

/*
    Mailing views
*/
.mailjob-view-container { padding:5px; }
.mailjob-view-container .message-headers { border: 1px solid #D6D6D6; border-bottom: 0; background-color: #F3F3F3; padding: 5px; }
.mailjob-view-container .message-headers .annotation { font-size:80%; opacity:0.8; }
.mailjob-view-container .message-body { border: 1px solid #D6D6D6; padding: 5px; }
.mailjob-view-container .message-body .body-parts { padding-top: 10px; padding-bottom: 15px; border-bottom: 1px solid #D6D6D6; }
.mailjob-view-container .message-body .body-part-switch { color: #FFF; background-color: #000; padding: 5px; cursor:pointer; opacity:0.7; }
.mailjob-view-container .message-body .body-part-switch:hover,
.mailjob-view-container .message-body .body-part-switch.active { opacity: 1;}
.mailjob-view-container .message-body iframe { border: 0; width: 100%; height: 100%; min-height: 400px; }
.mailjob-view-container .message-body .plain-text-body { white-space: pre-line; padding-bottom: 50px; }

/*
	Order partial views
*/
.order-partial { margin-top: 20px; margin-bottom: 20px; }
.order-partial table { width: 100%; table-layout: fixed; border-collapse: collapse; }
.order-partial table th,
.order-partial table td { padding: 2px; }
.order-partial table td.total-border { border-top: 1px solid #222222; }
.order-partial tr.order-line-type-shipping:not(.has-line-total) { color: #e1142c; }

.order-lines-form table tr.horizontal-line.sub-total hr { border-top-style: dashed; border-top-color:#999; }
.order-lines-form table td.total-label-column { text-align:right; line-height: 34px; padding-right:10px; }

/*
	Invoice partial views
*/
.invoice-partial table.invoice-lines-table { border-collapse: collapse; }
.invoice-partial table.invoice-lines-table th,
.invoice-partial table.invoice-lines-table td { vertical-align: top; padding: 5px; }
.invoice-partial table.invoice-lines-table td .field-wrapper { margin-bottom: 5px; }
.invoice-partial table.invoice-lines-table td .field label { display: none; }
.invoice-partial table.invoice-lines-table td .field textarea { position: relative; top: 5px; line-height: 16px; resize:none; }
.invoice-partial table.invoice-lines-table td.delete-row { background-position-y:12px; }
.invoice-partial table.invoice-lines-table tr.prefab-row { display: none; }
.invoice-partial table.invoice-lines-table tr.new-row td.delete-row { background: none; }

/*
	Bookkeeping
*/
.period-selector-container { line-height: 32px; }
.period-selector-container .period-selector { width: 300px; }
.vattype-overview { min-height: 400px; }
.vattype-overview .period-selector-container .selectboxit-container .selectboxit-options { width: 300px; max-height: 300px; }
table.bookkeeping-infomation { width: 100%; border-spacing: 0px;}
table.bookkeeping-infomation td,
table.bookkeeping-infomation th { text-align: right; padding:2px; }
table.bookkeeping-infomation td.label,
table.bookkeeping-infomation th.label { text-align: left; }
table.bookkeeping-infomation th {border-bottom: 1px solid #222222; padding-bottom: 5px;}
table.bookkeeping-infomation tr.total-row td { border-top: 2px solid #222222; padding-top: 5px; }


/*
    Specifications
*/
.specification-group .row .col {float:left; width: 20%; }
.specification-group .row .col .field > label { display: none; }
.specification-group.level-2 h3 { font-style: italic; }
.specification-group .row .col.label-col { line-height: 32px; width: 20%; }
.specification-group .row .inner-col { margin-right:5px; }

/*
    External shipping partner forms
*/
div.external-shipping-partner { width: 1000px; margin-top: 20px; }
div.external-shipping-partner .button-container { width: 14%; float: left; text-align: center; }
div.external-shipping-partner .form-container { width: 80%; float: left; border-left: 2px solid #CCCCCC; padding-left: 20px; margin-left: 20px; display: none; }
div.external-shipping-partner .show-form-button { margin-bottom: 5px; line-height: 45px; cursor: pointer; border-radius: 15px; background-color: #CCCCCC; padding: 5px; }
div.external-shipping-partner .show-form-button.active { cursor: default; }
div.external-shipping-partner.send-cloud .show-form-button.active { background-color: #0DA0C1; }
div.external-shipping-partner.pakket-mail .show-form-button.active { background-color: #F0B192; }
/*
    Filter group 
*/
.filter-row.prefab-row { display: none; }
.filter-row .filter-item.prefab-item { display:none; }
.filter-row .field label { display:none; }
.filter-row .and-display { width: 100%; text-align: center; height: 37px; line-height: 32px; }
.or-display { width: 100%; height: 20px; }
.or-display-stripe { border-top: 1px solid black; width: 45%; margin-top: 8px; }
.or-display-center { width: 10%; float: left; text-align: center; }
.filter-row .filter-value { float:left; width:30%; }
.filter-row .filter-operatortype { float:left; width:25%; }
.filter-row .filter-fieldkey-wrap { float:left; width:35%; }
.filter-row .filter-item-box { width:70%; float:left; }
.filter-row .relation-group { width:30%; float:left; }
.filter-row .delete-filter { height:30px; width:5%; float:left; }
.filter-row.new-row { opacity: 0.8; }
.filter-item.new-item { opacity:0.7; }
.filter-item.new-item .delete-filter { display:none; }

/*
    WebContexts
*/
.partial-webcontext-form .active-urls.invalidated { opacity: 0.6; }

/* 
    Localisation management
*/
.manage-localisation .row { padding-top:3px; padding-bottom: 3px; }
.manage-localisation .row-header { width:340px; text-wrap:normal; overflow:hidden; word-break:break-all;  float:left; }
.manage-localisation .row-contents { margin-left:350px; position:relative; width:auto; }
.manage-localisation .columns { float:left; height:auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.manage-localisation .edit-row td { white-space:inherit; }
.manage-localisation .edit-show { display:none; }
.manage-localisation .edit .edit-show{ display:block; }
.manage-localisation .edit .edit-hide{ display:none; } 
.manage-localisation table { table-layout:fixed; border-collapse:collapse ;}
.manage-localisation table td { line-height:20px;vertical-align:top; text-overflow: ellipsis; overflow:hidden; white-space: nowrap; border-bottom:1pt solid #D6D6D6; }
.manage-localisation table td span { display:block; overflow: hidden; text-overflow:ellipsis; }
.manage-localisation td .key { font-size:9px; font-weight:bold; }
.manage-localisation table tbody tr:hover {outline: 1px solid #E11428; background: #FFDBDF; }
.manage-localisation .edit .input { margin-right:3px; margin-top:3px; }


/*
    User management
*/
.user-group-mapping-tab .customer-row .customer-title { padding-top: 10px; min-width: 300px; float: left; }
.user-group-mapping-tab .customer-row .customer-groups { padding: 10px; padding-left: 20px; float: left; border-left: 1px solid #CCC; line-height: 1.5; }

/* Generic option horizontal switcher */
.option-switcher { }
.option-switcher .option-switch { 
    width: 14px; height: 30px; 
    float: left; line-height: 30px; 
    background-color: #F3F3F3; 
    color: #D6D6D6; 
    border-top: 1px solid #D6D6D6; 
    border-bottom: 1px solid #D6D6D6; 
    display: inline-block; 
    cursor: pointer;
    text-align: center; 
    font-weight:bold;
    padding: 0 10px; 
    background-repeat: no-repeat; 
    background-position: center center; }
.option-switcher .option-switch:hover,
.option-switcher .option-switch.active { color: #231F20; }
.option-switcher .option-switch.option-switch-left { border-left: 1px solid #D6D6D6; border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
.option-switcher .option-switch.option-switch-middle { border-left: 1px solid #D6D6D6; border-right: 1px solid #D6D6D6; }
.option-switcher .option-switch.option-switch-right { border-right: 1px solid #D6D6D6; border-top-right-radius: 3px; border-bottom-right-radius: 3px; }

/*
	Agenda
*/
.agenda .list-layout .rowheader { width:45px; float:left; font-size: 11px; }
.agenda .list-layout .rowdata { margin-left:45px; width:auto; }

.agenda .cell { padding-right:5px; float:left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.agenda .week .cell { width:14.2%;}
.agenda .workweek .cell { width:20%; }
.agenda .day .cell { width:100%; }
.agenda .cell-contents { width:100%; height:100px; border: 1px solid #e5e5e5; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }  
.agenda .header-contents { width:100%; background-color: #F0F0F0; border: 1px solid #D6D6D6; border-top-left-radius: 3px; border-top-right-radius: 3px; float: left; min-height: 30px; line-height: 30px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; white-space: nowrap; }
.agenda .header-contents .day-display { float:right; margin-right:3px; }

.agenda .event.outside-working-hours{ background-color:#F7F7F7; border-color:#888888;color:#888888; }
.agenda .event.working-hours{ background-color:#FFFFFF; border-color:#909090; color:#909090; }

.agenda .outside-working-hours{ background-color:#F7F7F7;}
.agenda .working-hours{ background-color:#FFFFFF; }

.agenda .event.outside-working-hours { background-color:#F7F7F7; border-color:#C5C5C5; }
.agenda .event.working-hours { background-color:#FFFFFF; border-color:#CDCDCD; }

.agenda .clickable:hover { cursor: pointer !important; background-color: #E9e9e9; }
.agenda .event.clickable:hover { cursor: pointer !important; }

/*BlockLayout specific*/
.agenda .block-layout .cell-contents { min-height:100px;}
.agenda .block-layout .cell.selected .cell-contents { border-color: #a6a6a6; border-style:dashed; background-color: #D7D7D7; }
.agenda .block-layout .event { min-height:40px; }
.agenda .block-layout .block-layout-row .week-header { text-align:right; padding:5px; }

.agenda .block-layout .block-layout-row .rowheader { min-height:100px; display: flex; flex-direction: column; align-items:center; justify-content:space-between; }
.agenda .block-layout .block-layout-row .rowheader > div { flex: 1 1 auto; width:100%; box-sizing:border-box; padding: 5px 5px 0; }
.agenda .block-layout .block-layout-row .rowheader > div.week-header { align-self: flex-start; font-weight:bold;}

/* ListLayout specific: */
.agenda .list-layout .cell-contents { height: auto; border: 1px solid #BBBBBB; border-bottom: none; }
.agenda .list-layout .cell-row { height: 38px; border-bottom: 1px solid #BBBBBB; width:100%; box-sizing: border-box; -webkit-box-sizing: border-box;	-moz-box-sizing: border-box; }
.agenda .list-layout .cell-row:not([data-half-hour]) { border-bottom: 1px solid #e5e5e5; width:100%; }
.agenda .list-layout .cell-row.selected-by-drag { background-color: #E9e9e9; }
.agenda .list-layout .column-headers .event { height: 20px; }
.agenda .list-layout .cell-row.selected { background-color: #E9e9e9; }

.agenda .options-row { width:100%; margin: 10px 0; font-size:13px; height:80px; line-height: 35px; border-radius: 5px; }
.agenda .options-row .option { float:left; }
.agenda .options-row .option + .option { margin-left:20px; }
.agenda .options-row .option span.option-title { margin-right:15px; font-weight:bold; }
.agenda .options-row .date-selector { width:138px; }
.agenda .options-row .date-selector input { width:105px; } 
.agenda .column-headers .column-header { float: left; height: 30px; line-height: 30px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; white-space: nowrap;}
.agenda .column-headers .column-header.week-header { width:45px;text-align:left;overflow:visible; }

.agenda .event { box-sizing:border-box; position:absolute; border-radius:3px; background-color:#FFFFFF; border:1px solid #303030; color:black; font-size: 11px; line-height:17px; }
.agenda .event:hover { cursor : pointer; }
.agenda .event .event-header { position:relative;top:-1px; background-color: rgba(255,255,255,0.3); padding:3px; line-height:8px; }
.agenda .event .event-time { float:right; }
.agenda .event .event-inner { position:relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 100%; padding: 2px 3px 3px; }
.agenda .event span.minutes { vertical-align: super; font-size:9px; }

.agenda .select-box-it { position:relative; display: inline-block; vertical-align:top; width:250px; height:32px; }
.agenda .select-box-it .filter-users { width:100%; border-radius:3px; cursor:pointer; overflow:hidden; height:30px; background-color:#FFFFFF; border:1px solid #D6D6D6; position:relative; display:inline-block; }
.agenda .select-box-it .filter-users span { display:block; height:30px; line-height:30px; }
.agenda .select-box-it .select-box-it-text {  margin-left:2px; margin-right:10px; text-indent: 5px; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; float:left; width:215px;}
.agenda .select-box-it .select-box-it-arrow-container { background-color:#F3F3F3; border-left:1px solid #CCCCCC; width:30px; position:absolute; right:0;}
.agenda .select-box-it .select-box-it-arrow-container i{ margin:0 auto; width: 0; height: 0; border-top: 4px solid #000000; border-right: 4px solid transparent; border-left: 4px solid transparent; top:50%; position:absolute; right:0; left:0;}
.agenda .select-box-it .user-select-list { position:relative; display:none; top:-10px;  padding: 2px 5px; overflow: auto;border: 1px solid #D6D6D6; z-index:10; background:#FFFFFF; border-radius:3px;}
.agenda .select-box-it .user-select-list .user-option { line-height:20px; text-align:left; width:100%; border:1px solid #D6D6D6; border-radius:3px; margin-top:2px; margin-bottom:2px;}
.agenda .select-box-it .user-select-list .user-option input[type="checkbox"] { vertical-align: middle; margin-left: 5px; }

.agenda .option-switcher .option-switch.view-option { background-image: url('../../Images/Static/FlexxWare-base/calendar-week-icon-grey.png'); }

.agenda .option-switcher .option-switch.view-option.view-option-day { background-image: url('../../Images/Static/FlexxWare-base/calendar-day-icon-grey.png'); }
.agenda .option-switcher .option-switch.view-option.view-option-day.active,
.agenda .option-switcher .option-switch.view-option.view-option-day:hover { background-image: url('../../Images/Static/FlexxWare-base/calendar-day-icon-black.png'); }

.agenda .option-switcher .option-switch.view-option.view-option-week { background-image: url('../../Images/Static/FlexxWare-base/calendar-week-icon-grey.png'); }
.agenda .option-switcher .option-switch.view-option.view-option-week.active,
.agenda .option-switcher .option-switch.view-option.view-option-week:hover { background-image: url('../../Images/Static/FlexxWare-base/calendar-week-icon-black.png'); }

.agenda .option-switcher .option-switch.view-option.view-option-workweek { background-image: url('../../Images/Static/FlexxWare-base/calendar-workweek-icon-grey.png'); }
.agenda .option-switcher .option-switch.view-option.view-option-workweek.active,
.agenda .option-switcher .option-switch.view-option.view-option-workweek:hover { background-image: url('../../Images/Static/FlexxWare-base/calendar-workweek-icon-black.png'); }

.agenda .option-switcher .option-switch.view-option.view-option-2weeks { background-image: url('../../Images/Static/FlexxWare-base/calendar-2weeks-icon-grey.png'); }
.agenda .option-switcher .option-switch.view-option.view-option-2weeks.active,
.agenda .option-switcher .option-switch.view-option.view-option-2weeks:hover { background-image: url('../../Images/Static/FlexxWare-base/calendar-2weeks-icon-black.png'); }

.agenda .option-switcher .option-switch.view-option.view-option-4weeks { background-image: url('../../Images/Static/FlexxWare-base/calendar-4weeks-icon-grey.png'); }
.agenda .option-switcher .option-switch.view-option.view-option-4weeks.active,
.agenda .option-switcher .option-switch.view-option.view-option-4weeks:hover { background-image: url('../../Images/Static/FlexxWare-base/calendar-4weeks-icon-black.png'); }

.agenda .option-switcher .option-switch.view-option.view-option-freeselection { background-image: url('../../Images/Static/FlexxWare-base/calendar-freeselection-icon-grey.png'); }
.agenda .option-switcher .option-switch.view-option.view-option-freeselection.active,
.agenda .option-switcher .option-switch.view-option.view-option-freeselection:hover { background-image: url('../../Images/Static/FlexxWare-base/calendar-freeselection-icon-black.png'); }

.agenda .option .date-selector { line-height:29px; }

.agenda .column-headers .column-header-day { background-color:#F0F0F0; border-top:1px solid #D6D6D6; border-left:1px solid #D6D6D6; border-right:1px solid #D6D6D6; border-top-left-radius:3px; border-top-right-radius:3px;}
.agenda .column-headers .column-header-day span {overflow:hidden; text-overflow:ellipsis; }
.agenda .column-headers .column-header-day span.date-display { float:left; padding-left: 5px; font-weight:bold; }
.agenda .column-headers .column-header-day span.day-display{ float:right; padding-right: 5px; }
.agenda .column-headers .column-header-day span span {color:#BDBDBD; font-weight:normal; }
.agenda .whole-day { margin-bottom:5px; width: 100%;position:relative; }
.agenda .whole-day .all-day-area { width:100%;margin-bottom:5px;height:20px; }
.agenda .whole-day .lower-header-day { background-color:#F0F0F0; border-bottom:1px solid #D6D6D6; border-left:1px solid #D6D6D6; border-right:1px solid #D6D6D6; position:absolute; height:100%;}

.agenda .calendar-navigator {  float: left; padding-left: 5px; width: 115px;	height: 30px;background-color: #4C4C4C;	border: 1px solid #222222; border-radius: 5px;}
.agenda .calendar-navigator .button { width: 22px; height:30px; float: left; cursor: pointer; }
.agenda .calendar-navigator .button.disabled { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; opacity: 0.3;  }
.agenda .calendar-navigator .button.previous.two-step { background: url('../../Images/Static/FlexxWare-base/double-arrow-left-white.png') no-repeat center center; }
.agenda .calendar-navigator .button.previous.one-step { background: url('../../Images/Static/FlexxWare-base/arrow-left-white.png') no-repeat center center; }
.agenda .calendar-navigator .button.current { background: url('../../Images/Static/FlexxWare-base/circle-white.png') no-repeat center center; }
.agenda .calendar-navigator .button.next.one-step { background: url('../../Images/Static/FlexxWare-base/arrow-right-white.png') no-repeat center center; }
.agenda .calendar-navigator .button.next.two-step { background: url('../../Images/Static/FlexxWare-base/double-arrow-right-white.png') no-repeat center center; }

.agenda .event.conflicted {
	border: 1px dashed #FFFFFF; background-color: #e1142c; color:white;
	background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0, #ccc), color-stop(0.25, #ccc), color-stop(0.25, #E1142C), color-stop(0.5, #E1142C), color-stop(0.5, #ccc), color-stop(0.75, #ccc), color-stop(0.75, #E1142C));
	background-image: -webkit-linear-gradient(left bottom, #ccc 0%, #ccc 25%, #E1142C 25%, #E1142C 50%, #ccc 50%, #ccc 75%, #E1142C 75%);
	background-image: -moz-linear-gradient(left bottom, #ccc 0%, #ccc 25%, #E1142C 25%, #E1142C 50%, #ccc 50%, #ccc 75%, #E1142C 75%);
	background-image: -ms-linear-gradient(left bottom, #ccc 0%, #ccc 25%, #E1142C 25%, #E1142C 50%, #ccc 50%, #ccc 75%, #E1142C 75%);
	background-image: -o-linear-gradient(left bottom, #ccc 0%, #ccc 25%, #E1142C 25%, #E1142C 50%, #ccc 50%, #ccc 75%, #E1142C 75%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#E1142C',GradientType=0 ); /* IE6-8 */
	background-image: linear-gradient(left bottom, #ccc 0%, #ccc 25%, #E1142C 25%, #E1142C 50%, #ccc 50%, #ccc 75%, #E1142C 75%);
	background-size: 30px 30px;
}


.slider-host {
    margin-top:6px;
    padding-left:10px;
    padding-right:10px;
}
.field .input .slider-host {
    line-height:normal;
    padding-top:6px;
    padding-left:10px;
    padding-right:10px;
    padding-bottom: 3px;
}
.slider-ticks {
    border: 1px solid transparent;
    width: 100%;
    position: relative;
    height: 30px;
}
.slider-ticks .tick {
    font-size:11px;
    position: absolute;
    width: 1.2em;
    margin-left: -.6em;
    text-align:center;
    left: 0;
}
a.ui-slider-handle.ui-state-default.ui-corner-all {
    /* Taken from original theme, placed here to undo override on default components.*/
    background: #d8d8d8/*{bgColorDefault}*/ url(themes/base/images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/;
    border: 1px solid #8b8b8b/*{borderColorDefault}*/;
}

/*
	Widgets
*/
.widget-container { display: flex; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; }
.widget-container > .widget-column { flex: 1 1 calc((33.33333%) - 22px); padding-left: 10px; padding-right: 12px; }

.widget { border: 1px solid #222222; border-radius: 5px; width: 100%; margin-bottom: 20px; padding-bottom: 10px; }
.widget.single { width: auto; }
.widget .widget-title { background-color: #222222; color: #FFFFFF; text-align: center; line-height: 30px; font-size: 14px; }
.widget .widget-content { padding: 10px; }

/*
	To fit iPad
*/
@media only screen and (max-width: 1024px)
{
	#status-bar { width: 1000px; margin-left: -500px; }
	header .header-content { width: 1000px; }
	section#main-section { width: 1000px; }
	footer .footer-content { width: 1000px; }

	.with-side-menu div.page-content { width: 820px; }
}



pre {
    background: #f4f4f4;
    border: 1px solid #ddd;
    border-left: 3px solid #88C4D5;
    color: #222;
    page-break-inside: avoid;
    font-family: monospace;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1em 1.5em;
    display: block;
    word-wrap: break-word;
}