html, body {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    min-width: 1008px; /*1280*/
}

html {
    overflow-y: scroll;
}

body {
    background-color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    margin: 0;
}
a {
	color: #008ba8;
}
body #container #header .fr {
    margin-right: 10px;
}

#companyLogo {
    background: url(/scripts/sds/ui/gfx/sprite.png) no-repeat 0 -26px;
    float: left;
    height: 52px;
    margin: 15px 0 0 15px;
    width: 163px;
    text-align: right;
    font-size: 36px;
    position: relative;
}

#companyLogo .version {
    x-color: #1E3057;
    color: #306E91;
    position: absolute;
    left: 100%;
    top: 6px;
}
#companyLogo .branch {
    font-size: 0.5em;
    font-weight: 200;
    padding-left: 0.5em;
    text-transform: uppercase;
    white-space: nowrap;
}
#companyLogo .branch[title='master'] {
    display: none;
}

#companyLogo span {
}

#companyLogo span:first-child {
    font-weight: bold;
}

.loginForm {
    display: none;
    top: 50%;
    left: 50%;
    white-space: nowrap;
    position: fixed;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

body.login #loginWrapper {
    display: block;
}

body.login.forgotPsw #loginWrapper {
    display: none;
}

body.login.forgotPsw #forgotPswWrapper {
    display: block;
}

body.login #header {
    height: 85px;
    display: block !important;
}

body.login #header .fr,
body.login #topDivider,
body.login #showHideHeader,
body.login #modules,
body.login #mainToolbarWrapper {
    display: none;
}

.loginForm .loginError {
    background: #EC5250 url(/scripts/sds/ui/gfx/sprite.png) no-repeat -465px -206px;
    color: #fff;
    height: 33px;
    line-height: 33px;
    margin-bottom: 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding-left: 40px;
    font-weight: bold;
    font-size: 18px;
    display: none;
}

.loginForm .loginContent {
    position: relative;
    background-color: #eee;
    border: 1px solid #dcdcdc;
    padding: 0px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    min-height: 180px;
}

.loginForm .locker {
    display: inline-block;
    margin: 50px 80px;
    background: url(/scripts/sds/ui/gfx/sprite.png) no-repeat -373px -206px;
    font-weight: bold;
    font-size: 30px;
    color: #b2b2b2;
    height: 150px;
    width: 90px;
}

.loginForm form {
    white-space: normal;
    display: inline-block;
    width: 300px;
    overflow: hidden;
    margin: 30px 15px;
}

.loginForm .field {
    margin-bottom: 10px;
    padding: 0;
}

.loginForm .field input {
    margin-left: 0;
}

.loginForm .field label {
    color: #5e5e5e;
    text-align: left;
    padding-left: 2px;
    float: left;
    line-height: 20px;
    margin-right: 8px;
    width: 150px;
}

.loginForm [type="text"],
.loginForm [type="password"] {
    background: url(/scripts/sds/ui/gfx/sprite.png) no-repeat -100px -206px;
    border: none;
    width: 258px;
    height: 28px;
    line-height: 28px;
    font-size: 24px;
    padding: 4px 7px;
    box-shadow: none;
}

.loginForm label[for="rememberme"] {
    display: inline;
    float: none;
}

.loginForm .control {
    height: 29px;
    line-height: 29px;
}

.loginForm .control #fgtPswd,
.loginForm .control #btnShowLoginForm {
    x-color: #284169;
	color: #306e91;
    margin-left: 20px;
}

/* chosen */
.chzn-container {
    vertical-align: middle;
    min-width: 150px;
}

.chzn-container-multi .chzn-choices {
    border: 1px solid #bbb;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: inset 1px 1px 2px 0 #ebebeb;
    -moz-box-shadow: inset 1px 1px 2px 0 #ebebeb;
    -webkit-box-shadow: inset 1px 1px 2px 0 #ebebeb;
    vertical-align: middle;
    background: #fff url("/scripts/sds/ui/gfx/dot-icon.png") no-repeat right top;
    padding-right: 26px;
}

.chzn-container-active .chzn-choices {
    outline: 0;
    border-color: rgba(82, 168, 236, 0.8);
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
}

.chzn-container-multi .chzn-choices .search-cwidgetTagsSuggestListhoice {
    padding-top: 2px;
    padding-bottom: 2px;
}

.chzn-container-multi .chzn-choices .search-choice .search-choice-close {
    top: 2px;
}

.chzn-container-multi .chzn-choices .search-field input {
    padding: 5px 5px 3px 5px;
}

/* When multienum data type is sortable - sorting == 3 */
.chzn-container.sorting .chzn-drop {
    display: none !important;
}
.chzn-choices.ui-sortable {
    background: none;
}
.chzn-choices.ui-sortable .search-choice {
    cursor: grab;
    float: none;
}
.chzn-choices.ui-sortable .search-choice::before {
    content: url("/scripts/sds/ui/gfx/grippy.png");
    padding-right: 0.5em;
}
.chzn-choices.ui-sortable .search-choice.sortable-dummy { /* sortable placeholder */
    visibility: hidden;
}
.chzn-choices.ui-sortable .search-field {
    display: flex;
    align-items: center;
    flex-direction: row;
    width: 100%;
}
.chzn-choices.ui-sortable .search-field input {
    flex-grow: 1;
}
.chzn-choices.ui-sortable .search-field::after {
    content: '\f067';
    font-family: FontAwesome;
    color: #58cc85;
    padding: 0px 0.5em;
    pointer: cursor;
}

/* end: chosen */

/* timeEntry */
.timeEntry_control {
    margin: 0 0 2px 2px;
    vertical-align: middle;
}

* html .timeEntry_control {
    margin-top: -4px;
}

.timeEntry_wrap {
    margin-right: 7px;
}

/* end: timeEntry */

/* dhtmlx */
.dhx_tabbar_zone_orange .dhx_tabbar_row .dhx_tab_element_inactive {
    background: transparent !important;
}

.dhx_tabbar_zone_orange .dhx_tabbar_row .dhx_tab_element_inactive > div {
    background-image: none !important;
}

/* end: dhtmlx */

/* common */
body.module {
    overflow: hidden;
}

input[type=text],
input[type=search],
input[type=datetime] {
    height: 20px;
    border: 1px solid #bbb;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: inset 1px 1px 2px 0 #ebebeb;
    -moz-box-shadow: inset 1px 1px 2px 0 #ebebeb;
    -webkit-box-shadow: inset 1px 1px 2px 0 #ebebeb;
    font-size: 13px;
    padding-left: 5px;
}

textarea {
    width: 300px;
    height: 60px;
}

textarea,
.textarea {
    outline: 0;
    border: 1px solid #bbb;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: inset 1px 1px 2px 0 #ebebeb;
    -moz-box-shadow: inset 1px 1px 2px 0 #ebebeb;
    -webkit-box-shadow: inset 1px 1px 2px 0 #ebebeb;
    padding: 5px;
}

input[type=text],
input[type=search],
input[type=datetime],
textarea,
.textarea {
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}

input[type=text]:focus,
input[type=search]:focus,
input[type=datetime]:focus,
textarea:focus,
.textarea:focus,
.fed-curr_editable_area {
    outline: 0;
    border-color: rgba(82, 168, 236, 0.8);
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
}

select {
    border: 1px solid #bbb;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: inset 1px 1px 2px 0 #ebebeb;
    -moz-box-shadow: inset 1px 1px 2px 0 #ebebeb;
    -webkit-box-shadow: inset 1px 1px 2px 0 #ebebeb;
    margin-left: 0;
    padding: 2px;
}

input[readonly] {
    opacity: 0.5;
}

.fr {
    float: right;
    width: auto;
}

.fl {
    float: left;
    width: auto;
}

.relative {
    position: relative;
}

ul:not(.list):not(.standard) {
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-position: outside;
    list-style-type: none;
}

img {
    border: none;
}

input,
input[type="text"],
input[type="search"],
input[type="datetime"],
textarea,
select {
    font-family: inherit;
    font-size: inherit;
}

optgroup {
    font: normal 14px Arial, Tahoma, Helvetica, sans-serif;
    margin: 8px 0;
}

optgroup option {
    background-color: #fff;
    color: #000;
}

.clearFix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.commingSoon {
    color: red !important;
}

.centerBtn {
    margin: 0 auto 10px;
    text-align: center;
}

.dhtmlx_wins_body_inner.loading {
    background: url(/scripts/sds/ui/gfx/loader.gif) no-repeat center center !important;
    display: block !important;
}

.dhtmlx_wins_body_inner.loading iframe,
.loading .windowContentWrapper {
    visibility: hidden;
}

.dhtmlx_wins_body_outer .loading,
.minLoading {
    background: url(/scripts/sds/ui/gfx/loader.gif) no-repeat center center !important;
}
.dhx_tabcontent_zone > * {
    background-color: white; /* taskId.16810295 */
}
.dhx_tabcontent_zone .loading {
    visibility: hidden;
    background: url(/scripts/sds/ui/gfx/loader.gif) no-repeat center center !important;
}

.iconsList {
    padding: 10px;
}

.iconsList li {
    background: none;
    cursor: pointer;
    display: block;
    float: left;
    height: 120px;
    padding: 0 10px;
    text-align: center;
    width: 92px;
	transition: all 0.6s;
}
.iconsList li img {
	z-index: 2;
    transition: all 0.4s;
	x-transform: scale(1);
	position: relative;
}
.iconsList li:hover img {
    x-transform: scale(1.1);
	transition: all 0.6s;
	margin-top: -5px;
	margin-bottom: 20px;
}
.iconsList li div {
	position: relative;
	z-index: 1;
	font-size: 13px;
}
.iconsList li div::before {
	content: '';
	width: 76px;
	height: 12px;
	display: block;
	position: absolute;
	left: 10px;
	bottom: 100%;
	opacity: 0;
	transition: all 0.4s;
	transform: scale(0);
	background: #dddddd;
	background: -moz-radial-gradient(center, ellipse cover, #dddddd 1%, #ffffff 75%);
	background: -webkit-radial-gradient(center, ellipse cover, #dddddd 1%,#ffffff 75%);
	background: radial-gradient(ellipse at center, #dddddd 1%,#ffffff 75%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#ffffff',GradientType=1 );
}
.iconsList li:hover div::before {
	transition: all 0.6s;
	opacity: 1;
	transform: scale(1);
}

.iconsList li:hover {
    color: #3881AA;
}

.iconsList li img {
    margin: 10px 0 5px;
    width: 76px;
    height: 76px;
}

.tabMenu {
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
    margin-bottom: 23px;
}

.left_nav {
    float: left;
    width: 222px;
    margin: 0;
    padding: 0;
    background-color: #f1f1f1;
    border: 1px solid #c7c7c7;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding-bottom: 50px;
}

.left_nav a {
    display: block;
    color: #323232;
    height: 38px;
    line-height: 38px;
    padding-left: 10px;
    text-decoration: none;
    border-bottom: 1px solid #DCDDDE;
}

.left_nav li.selected a {
    font-weight: bold;
}

.left_nav a:hover {
    text-decoration: underline;
}

.left_nav_content {
    margin-left: 255px;
}

.left_nav_content .field:after {
    clear: none;
}

.window h4 {
    margin-left: 10px;
    font-size: 14px;
}

.hint,
.hint a {
    color: #666;
}

a.btn_green {
    display: inline-block;
    background: url(/scripts/sds/ui/gfx/sprite.png) no-repeat left -146px;
    height: 29px;
    line-height: 29px;
    text-decoration: none;
    text-align: center;
    padding: 0 20px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

a.btn_green span {
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
    white-space: nowrap;
}

a.btn_green:hover {
    background-position: right -175px;
}

a.btn_green.disabled {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

a.btn_green.disabled:hover {
    background-position: left -146px;
}

a.btn_green.disabled span {
    cursor: default;
}

a.btn_red {
    background: url(/scripts/sds/ui/gfx/button_red_right.gif) no-repeat left top;
    /*cursor:wait;*/
}

a.btn_red:hover {
    background-position: left top;
}
a.btn_join {
    border-radius: 0px 5px 5px 0px;
    border-left: 1px solid white;
    margin-left: -15px !important;
    padding-left: 10px !important;
}

body a.fa.btn_green,
body a.fa.btn_red {
    color: white;
}

/*help*/
a.help {
    background: url(/scripts/sds/ui/gfx/sprite.png) no-repeat -480px 0px;
    color: #525252;
    display: block;
    font-size: 12px;
    font-weight: 700;
    height: 22px;
    line-height: 22px;
    padding-left: 24px;
    text-decoration: none;
}

.dhtmlx_window_active a.help,
.dhtmlx_window_inactive a.help {
    color: #fff;
    position: absolute;
    right: 70px;
    top: 4px;
    z-index: 2;
}

/*
.helpContent {
    padding:23px 40px 10px;
    box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.2);
}
*/
.new_btn_help {
    background: url(/scripts/sds/ui/gfx/sprite.png) no-repeat 4px -206px;
	background-color: transparent;
    height: 39px;
    width: 39px;
    background-color: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    float: left;
    position: relative;
    right: 1px;
    top: 1px;
}

.window .new_btn_help {
    float: right;
    right: 1px;
}

/* Widget Help */
.icnHelp {
    background: url("/scripts/sds/ui/gfx/help-icon.png") no-repeat 0 0;
    cursor: pointer;
    display: inline-block;
    height: 15px;
    width: 15px;
    margin-left: 5px;
    vertical-align: middle;
}
.field label .icnHelp {
    position: absolute;
    top: 4px;
}

.field label .labelIconTip {
    position: static;
}

.tabbar_help {
    position: absolute;
    right: 20px;
    top: 15px;
    cursor: pointer;
    z-index: 1;
}

/* ICONS */
a.edit,
a.icn_edit {
    background: url(/scripts/sds/ui/gfx/edit.gif) no-repeat left center;
    color: #525252;
    display: block;
    font-weight: 700;
    height: 28px;
    line-height: 28px;
    padding-left: 20px;
    text-decoration: none;
}

a.icn_edit {
    display: inline;
    line-height: inherit;
    font-weight: normal;
}

.fed_menu a.btnEdit {
    background: url(/scripts/sds/ui/gfx/icn_grid_context.png) no-repeat left center;
}

a.btnAdd,
a.btnEdit,
a.btnEditVersion,
span.btnEdit,
input.btnEdit,
a.btnView,
a.btnUnlink {
    display: block;
    background: url(/scripts/sds/ui/gfx/sprite.png) no-repeat scroll -403px 0 transparent;
    border: 0 none;
    cursor: pointer;
    vertical-align: middle;
    height: 20px;
    width: 20px;
}

a.btnAdd {
    background: url("/scripts/sds/ui/gfx/sprite.png") no-repeat scroll -480px -59px;
    height: 19px;
}

a.btnView {
    background: url(/scripts/sds/ui/gfx/magnifyingglass.gif) no-repeat 0 0;
}

a.btnUnlink {
    background: url(/scripts/sds/ui/gfx/unlink.gif) no-repeat 0 0;
}

input.btnEdit {
    display: inline;
}

.btnPlus {
    background: url(/scripts/sds/ui/gfx/sprite.png) no-repeat -480px -59px;
    border: 0;
    cursor: pointer;
    height: 19px;
    width: 20px;
    outline: 0
}

.btnMinus {
    background: url(/scripts/sds/ui/gfx/sprite.png) no-repeat -460px -59px;
    border: 0;
    cursor: pointer;
    height: 19px;
    width: 20px;
    outline: 0
}

.btnMinus.disabled {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

a.btnRemove,
input.btnRemove {
    display: block;
    background: url(/scripts/sds/ui/gfx/sprite.png) no-repeat scroll -423px 0 transparent;
    border: 0 none;
    cursor: pointer;
    height: 20px;
    width: 20px;
}

input.btnRemove {
    display: inline;
}

a.btnExport {
    display: block;
    background: url(/scripts/sds/ui/gfx/sprite.png) no-repeat scroll -443px 0 transparent;
    border: 0 none;
    cursor: pointer;
    height: 20px;
    width: 20px;
}

.icn_export, .icn_import {
    background: url(/scripts/sds/ui/gfx/sprite.png) no-repeat scroll -480px -320px transparent;
    padding-left: 21px;
    text-decoration: none;
    color: #000;
}

a.btnRemove.disabled {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

a.btnJump {
    display: block;
    background: url(/scripts/sds/ui/gfx/sprite.png) no-repeat scroll -136px 0 transparent;
    border: 0 none;
    cursor: pointer;
    height: 22px;
    width: 22px;
}

a.remove {
    background: url(/scripts/sds/ui/gfx/sprite.png) no-repeat -480px -356px;
    color: #525252;
    display: block;
    font-weight: 700;
    height: 28px;
    line-height: 28px;
    padding-left: 20px;
    text-decoration: none;
}

a.icn_remove {
    background: url(/scripts/sds/ui/gfx/sprite.png) no-repeat -480px -356px;
    padding-left: 20px;
    text-decoration: none;
    color: #000;
}

a.autoSave {
    background: url(/scripts/sds/ui/gfx/sprite.png) no-repeat -482px -338px;
    color: #000;
    display: block;
    font-weight: 700;
    height: 22px;
    line-height: 22px;
    padding-left: 21px;
    text-decoration: none;
}

a.icn_autosave {
    background: url(/scripts/sds/ui/gfx/sprite.png) no-repeat -482px -338px;
    padding-left: 21px;
    text-decoration: none;
    color: #000;
    padding-top: 1px;
    font-weight: normal;
}

.addNew,
.columns,
.collapseAll,
.expandAll,
.phone,
.email,
.lock,
.unlock,
.reorganizeColumns,
.showHideColumns,
.icnGear,
.multipleSorting {
    color: #000;
    padding-left: 22px;
    text-decoration: none;
}

.lock, .unlock {
    background: url(/scripts/sds/ui/gfx/icon_table.gif) no-repeat left center;
    margin: 0 5px;
}

.addNew {
    background: url(/scripts/sds/ui/gfx/sprite.png) no-repeat -480px -62px;
}

.columns {
    background: url(/scripts/sds/ui/gfx/icon_table.gif) no-repeat left center;
}

.collapseAll {
    background: url(/scripts/sds/ui/gfx/sprite.png) no-repeat -480px -25px;
    margin: 0 5px;
}

.expandAll {
    background: url(/scripts/sds/ui/gfx/sprite.png) no-repeat -480px -43px;
    margin: 0 5px;
}

.showHideColumns {
    background: url(/scripts/sds/ui/gfx/sprite.png) no-repeat -480px -43px;
    margin: 0 5px;
}

.multipleSorting {
    background: url(/scripts/sds/ui/gfx/sprite.png) no-repeat -480px -43px;
    margin: 0 5px;
}

.phone {
    background: url(/scripts/sds/ui/gfx/icn-phone.png) no-repeat 3px center;
}

.email {
    background: url(/scripts/sds/ui/gfx/icn_email.gif) no-repeat left center;
}

.icnGear {
    background: url("/scripts/sds/ui/gfx/gear16.png") no-repeat left center;
}

.icn_primary_address {
    font-size: 11px;
    position: relative;
    top: -5px;
    background: url(/scripts/sds/ui/gfx/icn_primary_address.png) no-repeat left center;
    padding-left: 15px;
}

.reorganizeColumns {
    background: url(/scripts/sds/ui/gfx/sprite.png) no-repeat -480px -43px;
    margin: 0 5px;
}

input.btn_browseTree {
    background: url(/scripts/sds/ui/gfx/sprite.png) no-repeat -136px 0;
    width: 22px;
    height: 22px;
    vertical-align: middle;
    cursor: pointer;
    margin-left: 5px !important;
    border: 0;
}

input.btn_choose {
    background: url(/scripts/sds/ui/gfx/icn_choose.png) no-repeat 0 0;
    width: 21px;
    height: 18px;
    vertical-align: middle;
    cursor: pointer;
    margin-left: 5px !important;
    border: 0;
}

.icn_trash {
    background: url(/scripts/sds/ui/gfx/sprite.png) no-repeat -480px -300px;
    padding-left: 20px;
    text-decoration: none;
    font-style: normal;
    color: #000;
    margin-right: 5px;
    position: relative;
    right: 5px;
}

.icn_context_menu {
    vertical-align: top;
}

/* GRID */
.gridWrapper {
    position: relative;
}

.grid a {
    color: #000;
}

.grid a[href] {
    color: #346D8E;
}

.grid.nomargin {
    margin-top: 0px;
}

div.gridbox div.ftr {
    height: 30px;
    line-height: 30px;
}

.separatedBlockRight {
    background: url(../../../news/ui/gfx/filter_field_separator.gif) no-repeat right center;
    margin-right: 7px;
    padding-right: 10px;
}

.grid.intoPart {
    padding: 5px 0 5px 15px;
}

.grid .control {
    background: url(/scripts/sds/ui/gfx/bg_header.png) repeat-x left -757px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    -moz-border-radius: 7px 7px 0 0;
    -webkit-border-radius: 7px 7px 0 0;
    border-radius: 7px 7px 0 0;
    border: 1px solid #9FB9D5;
    border-bottom: 0;
}

.grid .control .fl {
    /*background:url(/scripts/sds/ui/gfx/bg_header.png) no-repeat left -785px;*/
    padding-left: 10px;
    text-align: left;
}

.grid .control .fr {
    /*background:url(/scripts/sds/ui/gfx/bg_header.png) no-repeat right -727px;*/
    padding-right: 10px;
    text-align: right;
}

div.gridbox_dhx_skyblue {
    border: 1px solid #aec6dd;
    border-top: 1px solid #b8b8b8;
}

div.gridbox_dhx_skyblue table.hdr td {
    border-color: #FDFDFD #d0d0d0 #d0d0d0 #FDFDFD;
}

div.gridbox_dhx_skyblue table.hdr td div.hdrcell {
    padding: 0 4px;
}

div.gridbox_dhx_skyblue .odd_dhx_skyblue {
    background-color: #fff;
}

div.gridbox_dhx_skyblue .rowmoving {
    background-color: #fcc;
}

div.gridbox_dhx_skyblue table.obj tr td {
    border-bottom: 1px solid #dedfe1;
}

div.gridbox_dhx_skyblue table.hdr td,
div.gridbox_dhx_skyblue table.obj tr td,
.dhx_combo_select,
.gridbox_dhx_skyblue .dhx_combo_edit,
.gridbox_dhx_skyblue .dhx_textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}

.gridbox_dhx_skyblue .dhx_combo_edit {
    height: 16px !important;
}

div.gridbox table.obj tr td {
    height: 30px;
}

div.gridPreloader {
    display: none;
    /*
    background:url(/scripts/sds/ui/gfx/grid_preloader.gif) no-repeat left top;
    height:64px;
    left:50%;
    margin:-32px 0 0 -32px;
    position:absolute;
    top:50%;
    width:64px;
    */
}

div.noResults {
    x-background-color: #2C4877;
	background-color: #306E91;
    color: #fff;
    display: none;
    height: 24px;
    left: 50%;
    line-height: 24px;
    margin: -12px 0 0 -110px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 220px;
}

div.gridMessage {
    background-color: #2C4877;
    color: #fff;
    display: none;
    left: 50%;
    margin: 0 0 0 -110px;
    position: absolute;
    text-align: center;
    top: 40%;
    padding: 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 220px;
}

.gridbox td div.treegrid_cell span {
    background: url(/scripts/sds/ui/gfx/sprite.png) no-repeat -480px -281px;
    padding-left: 22px;
}

.gridbox tr.site_name td div.treegrid_cell span {
    background-image: none;
    font-weight: bold;
    padding-left: 0;
}

.gridbox tr.site_name td div.treegrid_cell img {
    width: 5px;
    height: 22px;
}

td.link div.treegrid_cell span {
    background: url(/scripts/sds/ui/gfx/sprite.png) no-repeat -480px -262px;
}

tr.folder div.treegrid_cell span {
    background: url(/scripts/sds/ui/gfx/icn_folder.gif) no-repeat left center;
}

tr.disc div.treegrid_cell span {
    background: url(/scripts/sds/ui/gfx/drive.png) no-repeat left center;
}

td.http div.treegrid_cell span {
    background: url(/scripts/sds/ui/gfx/icon_forcehttp.png);
    background-repeat: no-repeat;
}

td.https div.treegrid_cell span {
    background: url(/scripts/sds/ui/gfx/sprite.png) no-repeat -480px -243px;
}

td.trashBin div.treegrid_cell span {
    background: url(/scripts/sds/ui/gfx/sprite.png) no-repeat -480px -300px;
}

.grippyGrid .objbox tr td:first-child {
    background: url(/scripts/sds/ui/gfx/grippy.png) no-repeat 3px center;
    padding-left: 15px;
}

.grippyGrid .objbox tr.noGrippy td:first-child {
    background: transparent;
    padding-left: inherit;
}

.gridCell {
    height: 30px;
    overflow: hidden;
}

/* WINDOW */
.window {
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.window .dhx_tabcontent_zone {
    border-width: 2px;
}

.window .tabContent {
    padding-top: 20px;
}

.dhtmlx_window_active .dhtmlx_wins_body_outer,
.dhtmlx_window_inactive .dhtmlx_wins_body_outer {
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-radius-topleft: 3px;
    border-radius-topright: 3px;
}

.window .bottomControl {
    height: 29px;
    line-height: 29px;
    margin: 10px auto;
    text-align: center;
    width: auto !important;
}

.window .bottomControl a {
    x-color: #4d6aa0;
	color: #008ba8;
    font-size: 13px;
    font-weight: 700;
    margin: 0 7px;
}

.window .part {
    border-top: 1px solid #ccc;
    padding: 15px 0 0;
    margin-top: 15px;
}

.window .part.first {
    padding-top: 0;
    border-top: 0;
}

.window .part div.title {
    /*
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    background: #e5e5e5;
    background: -moz-linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#e5e5e5));
    background: -webkit-linear-gradient(top, #f5f5f5 0%,#e5e5e5 100%);
    background: -o-linear-gradient(top, #f5f5f5 0%,#e5e5e5 100%);
    background: -ms-linear-gradient(top, #f5f5f5 0%,#e5e5e5 100%);
    background: linear-gradient(top, #f5f5f5 0%,#e5e5e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e5e5e5',GradientType=0 );
    font-weight:700;
    */
    color: #242b2b; /*#375689;*/
    cursor: pointer;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    padding-left: 35px;
    position: relative;
}

.window .part div.title {
    background: url("/scripts/sds/ui/gfx/btn_down.png") no-repeat 15px center;
}

.window .part.collapsed div.title {
    background-image: url("/scripts/sds/ui/gfx/btn_right.png");
}

.window .part.empty div.title {
    background-image: url("/scripts/sds/ui/gfx/btn_right_disabled.png");
}

.window .part .title .arrow {
    display: none;
}

.window .part div.title .label {
    display: inline-block;
    margin-right: 21px;
    text-align: right;
    width: 135px;
    white-space: nowrap;
}

.window .part .title .arrow {
    background: url(/scripts/sds/ui/gfx/sprite.png) no-repeat -162px 0;
    float: left;
    height: 8px;
    margin: 11px 10px 0 0;
    width: 13px;
}

.window .part.collapsed .title .arrow {
    background-position: -162px -8px;
}

.window .part .title select {
    margin-left: 15px;
}

.window .part .title .fr {
    margin-right: 15px;
}

.window .part .title .fw_normal {
    font-weight: normal;
    color: #000;
}

.window .part .content {
    margin: 15px 0;
}

.partMargin {
    margin-bottom: 15px;
}

.part.collapsed .content {
    display: none;
}

.window .part.empty .title .arrow {
    background: url(/scripts/sds/ui/gfx/arrows_gray.gif) no-repeat left bottom;
}

.window .part.empty.collapsed .title .arrow {
    background-position: left bottom;
}

.window .part.empty .content {
    margin: 0;
}

.window .errors {
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    x-background-color: #FF808C;
	background-color: #EC5250;
	color: #fff;
	font-weight: bold;
    margin: 0 30px;
    padding: 1em;
    display: none;
}

.window .errors {
    margin-bottom: 10px;
}

.window .errors p {
    margin: 0;
    padding-left: 10px;
}

.window .windowContentWrapper {
    x-border-bottom: 1px solid #999;
    x-border-top: 1px solid #999;
	border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    bottom: 50px;
    overflow: auto;
    position: absolute;
    top: 62px;
    width: 100%;
}

.window.withoutHeader .windowContentWrapper {
    border-top: 0;
    top: 0;
}

.window .windowContent {
    padding: 10px;
    position: relative;
}

.window .windowContent .grid {
    margin-top: 10px;
}

.window .windowContent .dhx_tabcontent_zone .grid {
    margin-top: 0;
}

.window .bottomControlWrapper {
    x-background-color: #eee;
	background-color: #f2f2f2;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
}

/* FORM */
.mainTip {
    background: url(/scripts/sds/ui/gfx/icon_tips.gif) no-repeat 30px center;
    padding-left: 196px;
    min-height: 90px;
}

/* Adding display: flex everywhere was a problem - selectively */
.formmanager_enum_add .field {
    display: flex;
}
.formmanager_enum_add .field > input[type="text"],
.formmanager_enum_add .field > input[type="search"],
.formmanager_enum_add .field > input[type="textarea"] {
    flex-grow: 1;
}

.field {
    padding: 5px 0;
    /* Danny */
    /* display: flex; */
}

/* .field > input[type="text"], */
/* .field > input[type="textarea"] { */
/*     flex-grow: 1; */
/* } */

.field:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.field.hidden {
    padding: 0;
}

.field.hint {
    font-size: 12px;
    padding-top: 0;
}

.field label {
    float: left;
    line-height: 20px;
    width: 150px;
    text-align: right;
    margin-right: 25px;
    padding-left: 20px;
    text-overflow: elipsis;
    overflow: hidden;
}
.field label.withHelp {
    width: 130px;
    margin-right: 45px;
    position: relative;
}

.field .input label,
.field label.default {
    margin: 0 8px 0 3px;
    float: none;
    line-height: normal;
    width: auto;
    text-align: left;
    padding-left: 0;
}

.field label.text {
    line-height: 16px;
}

.field .input {
    padding: 0 20px 0 254px;
    padding: 0 20px 0 195px;
}

.field .input .fullSizeField {
    width: 98%;
}

.field .input .halfSizeField {
    width: 50%;
}

.field .input .input {
    display: inline;
    padding: 0;
}

.field .labelIconTip {
    margin-left: 5px;
    vertical-align: middle;
    cursor: pointer;
}

form .xmlEditorWrapper {
    padding-right: 30px;
}

.stdInput {
    margin-left: 8px;
}

.mrgInput {
    /* margin-left: 196px; */
    margin-left: 255px; /* in xforms multilingual field labels it was too much on left... */
}

input[type="text"].errorInField,
input[type="search"].errorInField,
textarea.errorInField {
    border-color: red;
}

p.fieldError {
    margin: 3px 0 0;
    color: red;
}

.field input {
    margin-left: 0;
}

.field .grid input[type=checkbox] {
    margin-left: 4px;
}

.field .input .field:first-child {
    padding-top: 0;
}

.field .input select {
    margin: 0 3px;
}

.field .input select:first-child {
    margin-left: 0;
}

.field .fileUploadType {
    margin-bottom: 5px;
}

.field .imgPreview {
    margin-top: 5px;
    height: 200px; /* Sometimes image gets loaded late and Andrew determines scrollable box height incorrectly */
}
.field .imgPreview img[src] {
    max-height: 200px;
    max-width: 100%;
    cursor: hand;
}
.field .textField {
    width: 300px;
}

.field .doubleTextField {
    width: 600px;
}

.field .dateField {
    margin-right: 7px;
}

.field .timeField {
    width: 80px;
}

.field .def_label {
    display: inline;
    float: none;
    width: auto;
    padding-left: 0;
}

.dblMultiSelect div {
    float: left;
}

.dblMultiSelect div.control {
    width: 48px;
    padding: 60px 5px 0 5px;
}

.dblMultiSelect div.control input:first-child {
    margin-bottom: 5px;
}

.dblMultiSelect select {
    width: 220px;
    height: 150px;
}

.dblMultiSelect p {
    margin: 0 0 3px 0;
}

.field .tree_categories .select_categories {
    color: grey;
    text-decoration: none;
}

.field .tree_categories .select_categories:hover {
    text-decoration: underline;
}

.field .tree_categories span {
    display: inline-block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #e4e4e4;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
    background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    -webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    color: #333;
    border: 1px solid #aaaaaa;
    line-height: 13px;
    padding: 2px 20px 2px 5px;
    position: relative;
    cursor: default;
    white-space: nowrap;
}

.field .tree_categories span a.btn_remove_category {
    background: url("/scripts/sds/ui/js/chosen/chosen-sprite.png") no-repeat scroll right top transparent;
    display: block;
    font-size: 1px;
    height: 13px;
    position: absolute;
    right: 3px;
    top: 3px;
    width: 12px;
}

/* end sds and common */

/* VERSION */
.window a.autoSave {
    color: #fff;
    position: absolute;
    right: 20px;
    top: 20px;
}

.version .hint {
    margin-left: 7px;
}

/* NEW Header */
.pageHeader {
    background: url(/scripts/sds/ui/gfx/bg_header.png) repeat-x left -451px;
    height: 41px;
    border-radius: 5px;
    margin-bottom: 20px;
}

.pageHeader h4.title {
    color: #FFF;
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    background: url(/scripts/sds/ui/gfx/sprite.png) no-repeat -460px -75px;
    margin: 0 0 0 7px;
    padding: 0 0 0 45px;
}

.pageHeader .grid_search {
    float: right;
    position: relative;
}

.grid_search .search_btn_clear {
    right: 50px;
}

.winHeader {
    background: url(/scripts/sds/ui/gfx/bg_header.png) repeat-x left -574px;
    height: 41px;
    border-radius: 5px;
    margin: 10px;
}

.winHeader .windowTitle {
    color: #FFF;
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    margin: 0;
    padding-left: 20px;
}

.blockContent {
    x-background-color: #effafd;
	background-color: #eaf1f5;
    x-border: 3px solid #233960;
	border: 3px solid #306E91;
    border-top: 0;
    margin: 0 10px;
    position: relative;
    padding-bottom: 10px;
	-webkit-border-bottom-right-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-moz-border-radius-bottomright: 7px;
	-moz-border-radius-bottomleft: 7px;
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
}

.blockContent.withTabs {
    x-border-top: 3px solid #233960;
	border-top: 3px solid #306e91;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-topright: 15px;
    -webkit-border-top-left-radius: 15px;
    -webkit-border-top-right-radius: 15px;
    padding-top: 10px;
}

.blockContent form {
    width: 100%;
}

.fldCalendar {
    background: #fff url(/scripts/sds/ui/gfx/icon_minicalendar.gif) no-repeat 138px center;
    border: 1px solid #7F9DB9;
    color: #000000;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    padding-right: 20px;
    width: 136px;
}

.fmFileRemove {
    margin-top: 5px;
}

.fmFileRemove span{
    margin-right: 10px;
}

/* Search */
input[type=search].input_search,
input[type=text].input_search {
    float: left;
    color: gray;
    height: 25px;
    line-height: 25px;
    margin: 8px 5px 0 0;
    padding: 0 23px 0 8px;
    width: 155px;
    border-radius: 5px;
	border: 0 none;
}

.search_btn_clear {
    background: url("/scripts/sds/ui/gfx/icn_close.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    display: none;
    height: 16px;
    position: absolute;
    right: 88px;
    top: 13px;
    width: 16px;
}

.search_btn {
    background: url(/scripts/sds/ui/gfx/sprite.png) no-repeat -213px -28px;
    cursor: pointer;
    float: left;
    height: 25px;
    margin: 8px 10px 0 0;
    width: 29px;
    border: none;
}

.search_btn:hover {
    background-position: -213px -53px;
}

.advancedSearch {
    background: url(/scripts/sds/ui/gfx/advansed_search.gif) no-repeat right bottom;
    color: #fff;
    cursor: pointer;
    font-size: 11px;
    height: 19px;
    line-height: 17px;
    padding-right: 22px;
    margin-right: 35px;
    text-align: right;
    position: relative;
    top: -20px;
}

.advancedSearch.collapsed {
    background-position: right top;
}

.btn_adv_search {
    margin-right: 10px;
}

.lnk_clear_search {
    position: relative;
    top: 5px;
}

.save_filter_box {
    color: #505050;
    margin: 5px 0;
}

.blockColumn {
    float: left;
    padding-top: 10px;
    padding-right: 10px;
}

.cell {
    margin-bottom: 10px;
}

.cell label {
    display: inline-block;
    margin-right: 5px;
    text-align: right;
    vertical-align: baseline;
    width: 110px; /*60*/
}

.cell select {
    margin: 0 3px;
}

.cell .fldCalendar {
    width: 66px;
    background-position: 70px center;
}

#col1 select,
.col1 select {
    margin-right: 0;
    width: 291px;
}

select#date_type,
select.date_type {
    margin-right: 3px;
    width: 100px;
}

#col2 input,
.col2 input {
    margin-left: 3px;
    width: 272px;
}

#col2 input.criteria,
.col2 input.criteria {
    margin: 0;
    width: 150px;
}

select.criteria {
    width: 100px;
}

.advancedFilter {
    display: none;
    position: relative;
    top: -20px;
}

.advancedFilter .tabs {
    margin-top: 26px;
    height: 26px;
}

.advancedFilter .tabs a {
    margin-left: 7px;
    padding: 0 40px;
    display: block;
    float: left;
    height: 26px;
    line-height: 26px;
    -moz-border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
    background-color: #f3f1f2;
    color: #000;
    text-decoration: none;
}

.advancedFilter .tabs a:first-child {
    margin-left: 50px;
}

.advancedFilter .tabs a.selected {
    x-background-color: #365689;
	background-color: #306E91;
    color: #fff;
}

.advancedFilterContentControl {
    border-left: 1px solid #a4cfde;
    float: left;
    margin: 15px 0 0;
    padding: 10px;
}

.advancedFilterContentControl a {
    color: #505050;
}

.advancedFilterContentControl .fr {
    padding-top: 10px;
}

.add_criteria,
.remove_criteria {
    vertical-align: -4px;
}

.previewParagraph {
    height: 80px;
    width: 800px;
}

/* Tooltip */
.tooltip {
    display: none;
    opacity: 0.8;
    filter: alpha(opacity=80);
    overflow: hidden;
    position: absolute;
    text-align: left;
}

.tooltip div {
    x-background-color: #F5F5B5;
	background-color: #68C1D4;
	color: #fff;
    font-size: 0.8em;
    overflow: hidden;
    padding: 3px 1em;
    position: relative;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}

.fld_tip {
    color: red;
    font-size: 12px;
    margin-top: 0;
    padding: 0 10px 0 38px;
    display: none;
}

.yellow_message,
.win_message {
    display: none;
    x-background-color: #283F74;
	background-color: #29b8d7;
    border: 4px solid #fff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    padding: 40px 40px 40px 20px;
    position: absolute;
    top: 18px;
    z-index: 1000;
    font-size: 13px;
    color: #fff;
    overflow: hidden;

    left: 0px;
    right: 0px;
    min-width: 400px;
    max-width: 90%;
    width: 640px;
    margin-left: auto;
    margin-right: auto;
}

.yellow_message.typeError,
.win_message.typeError {
    x-background-color: #A60010;
	background-color: #EC5250;
}

.yellow_message .btn_close,
.win_message .btn_close {
    background: url(/scripts/sds/ui/gfx/btn_message_close.png) no-repeat left top;
    border: medium none;
    cursor: pointer;
    height: 18px;
    position: absolute;
    right: 5px;
    top: 6px;
    width: 17px;
}

.win_message .btn_close {
    display: none;
}

.win_message.typeError .btn_close,
.win_message.closable .btn_close {
    display: block;
}

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

.win_message a {
    color: #fff;
}

.contentTabs {
    padding: 10px 0 10px 195px;
}

.contentTabs a {
    margin-right: 5px;
    text-decoration: none;
    color: #999;
    padding: 5px 15px;
}

.contentTabs a.selected {
    background-color: #999;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #fff;
    cursor: pointer;
}
table.categories tr td:first-child {
    border-left: 1px solid #ccc;
}
table.categories tr td:nth-child(2) {
    border-right: 1px solid #ccc;
}
table.categories tr td {
    padding: 5px 7px;
    text-align: left;
    border-bottom: 1px solid #ccc;
}

table.categories td.tac {
    text-align: center;
}

table.categories th {
    font-weight: normal;
    padding: 5px 7px;
}

.fieldRights .input label {
    display: inline-block;
    line-height: 20px;
    margin-right: 25px;
    padding-left: 5px;
    text-align: left;
    width: 90px;
}

.fieldRights .change_groups {
    background: url(/scripts/sds/ui/gfx/edit.gif) no-repeat center center;
    border: 1px solid #aaaaaa;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    cursor: pointer;
}

.fieldRights .change_groups:hover {
    background-color: #ccc;
}

.fieldRights span.item {
    display: inline-block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #e4e4e4;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
    background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    -webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    color: #333;
    border: 1px solid #aaaaaa;
    line-height: 13px;
    padding: 2px 20px 2px 5px;
    position: relative;
    cursor: default;
    white-space: nowrap;
}

.fieldRights span.item a.btn_remove_item {
    background: url("/scripts/sds/ui/js/chosen/chosen-sprite.png") no-repeat scroll right top transparent;
    display: block;
    font-size: 1px;
    height: 13px;
    position: absolute;
    right: 3px;
    top: 3px;
    width: 12px;
}
.widgetCategoriesSelected {
    color: #999;
}
.widgetCategories {
    border: 1px solid #BBBBBB;
    border-radius: 3px;
    box-shadow: 1px 1px 2px 0 #EBEBEB inset;
    padding: 3px 26px 0 4px;
    min-width: 275px;
    max-width: 600px;
    position: relative;
    min-height: 21px;
    display: inline-block;
}
.widgetCategories .btn_choose {
    position: absolute;
    top: 3px;
    right: 4px;
}
.widgetCategories span {
    margin: 0 0 3px 3px;
}
.fmDateSearchSepar:after {
    content: '-'
}
/* Comments module */
body a.fa:not(.btn_green):not(.btn_red):empty {
    color: #346D8E;
    text-decoration: none;
    opacity: 1;
}

.warning {
    color: red;
}

/* START: Drag & drop home module icons */
.ui-sortable-helper, .ui-draggable-dragging {
    transition: none !Important;
}
.iconsList.all-modules, .iconsList.favorite-modules {
    box-sizing: border-box;
    display: block;
    overflow: hidden;
    float: none;
    width: 100%;
}
.iconsList.all-modules:before,
.iconsList.favorite-modules:before {
    display: inline-block;
    clear: both;
    color: gray;
    font-size: 1.2em;
    width: 100%;
    margin: 0px;
    padding-right: 4em;
}
.iconsList.favorite-modules:before {
    content: "My Modules";
}
.iconsList.all-modules:before {
    content: "All Modules";
}
.iconsList.favorite-modules.target:before {
    content: "Drag & drop and reorder your favorite modules here.";
}
.iconsList.favorite-modules:not(.target):empty:before {
    font-family: FontAwesome;
    content: "\f006";
    text-align: right;
    font-size: 1.5rem;
    cursor: pointer;
}

.iconsList.favorite-modules:not(.target):empty:hover:before {
    content: "\f005";
    color: gold;
    text-shadow:
    -1px -1px 0 gray,
    1px -1px 0 gray,
    -1px 1px 0 gray,
    1px 1px 0 gray,
    -2px 0 0 gray,
    2px 0 0 gray,
    0 2px 0 gray,
    0 -2px 0 gray;
}
.iconsList.favorite-modules.target {
    border: 1px dashed silver;
    border-radius: 15px;
}

/* END: Drag & drop home module icons */

*[hidden] {
    display: none !important;
}

pre, code {
    font-family: fixed;
    color: green;
}

var {
    color: brown;
    font-style: normal;
}

var:before {
    content: '{';
    opacity: 0.5;
}

var:after {
    content: '}';
    opacity: 0.5;
}

key, .key {
    background: none repeat scroll 0 0 #fafafa;
    border: 1px solid #aaa;
    border-radius: 0.4em;
    margin: 0;
    padding: 0.2em 0.4em;
    vertical-align: middle;
    white-space: nowrap;
    font-weight: normal;
    font-size: 0.8em;
    color: #444;
    margin: 0em 0.2em;
    font-family: tahoma, sans-serif;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
    text-shadow:
       -0.1em -0.1em 0.05em rgba(255,255,255,0.5),
       0.1em 0.1em 0.05em rgba(0,0,0,0.2);
}

.comma-separated + .comma-separated::before {
    content: ",";
}

.app-message-stack {
    position: fixed;
    top: 10px;
    left: 0px;
    width: 100%;
    overflow: visible;
    display: flex;
    justify-content: end;
    flex-direction: column;
    z-index: 1000;
    pointer-events: none;
}
.app-message {
    pointer-events: auto;
    margin: 2px auto;
    background-color: #CBE1F3;
    color: black;
    padding: 0.5em 2em 0.5em 0;
    cursor: pointer;
    border: 2px solid white;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.app-message[role="message-error"] {
    background-color: darkred;
    color: white;
}

.app-message[role="message-warning"] {
    background-color: orange;
}

.app-message::before {
    font-family: "FontAwesome";
    content: "\f05a";
    font-size: 2rem;
    color: white;
    padding: 0em 0.5rem;
}

#workingWrapper {
    opacity: 0.8;
    pointer-events: none;
}

/* Display "Copied" toolbar on .copy elements that has been copied by JS - automatic feature */
html body .copied:before {
    position: absolute;
    transform: translateY(-1.5em);
    background: green;
    padding: 0.1em 0.5em;
    border: 1px solid white;
    border-radius: 5px;
    font-size: 0.7rem;
    color: white;
    content: "📋 Copied";
}