#body {
	background-image: url('Images/body-bg.png');
    overflow: auto !important;

    -webkit-user-select: text;  /* Chrome all / Safari all */
	-moz-user-select: text;     /* Firefox all */
	-ms-user-select: text;      /* IE 10+ */

	/* No support for these yet, use at own risk */
	-o-user-select: text;
	user-select: text;
}

#body ::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}

#body ::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 6px;
}

#body ::-webkit-scrollbar-thumb {
	border-radius: 6px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

#popup-window-content-wrapper textarea:focus, #popup-window-content-wrapper input:focus, #popup-window-content-wrapper select:focus {
	background: #E8CB94;
	border-radius: 0.3em;
	/*padding-left: 7px;
	margin-left: -7px;*/
}

#popup-window-content-wrapper textarea:focus, #popup-window-content-wrapper input.search:focus {
	background: none;
}

/*jQuery mobile select control - #popup-window-content-wrapper select:focus*/
#popup-window-content-wrapper div.ui-select div.ui-focus {
	background: #E8CB94;
	border-radius: 0.3em;
	padding-left: 7px;
	margin-left: -7px;

	top: -2px;
}

/*jQuery checkbox control*/
#popup-window-content-wrapper div.ui-checkbox label.ui-focus {
	background: #E8CB94;

	border-radius: 0.3em;

	padding-left: 7px;
	margin-left: -7px;

	top: 0;
	height: 35px;
}


#device-wrapper-pc {
	width: 1221px;

	margin: 0 auto;
	margin-top: 10px;
	padding-top: 2px;

	background: #000;
	
	-webkit-border-radius: .6em .6em .6em .6em;
	border-radius: .6em .6em .6em .6em;

	-webkit-box-shadow: 4px 4px 5px rgba(95, 95, 95, 0.75);
	-moz-box-shadow:    4px 4px 5px rgba(95, 95, 95, 0.75);
	box-shadow:         4px 4px 5px rgba(95, 95, 95, 0.75);
}

#banner {
	width: 1219px !important;
	min-width: 1219px !important;
	max-width: 1219px !important;
	height: 120px !important;
	min-height: 120px !important;
	max-height: 120px !important;

	margin: 0 auto;

	background: #1F1F1F url('Images/banner.png') 0 0 no-repeat;
	overflow: hidden;

	position: relative;

	-webkit-border-radius: .6em .6em 0 0;
	border-radius: .6em .6em 0 0;
}

#footer {
	width: 1219px !important;
	min-width: 1219px !important;
	max-width: 1219px !important;
	height: 30px !important;
	min-height: 30px !important;
	max-height: 30px !important;

	margin: 0 auto;

	background: #000;
	overflow: hidden;

	position: relative;

	-webkit-border-radius: 0 0 .6em .6em;
	border-radius: 0 0 .6em .6em;
}

#device-wrapper {
	width: 1219px !important;
	min-width: 1219px !important;
	max-width: 1219px !important;
	height: 748px !important;
	min-height: 748px !important;
	max-height: 748px !important;

	margin: 0 auto;

	background: none;
	overflow: hidden;
	
	position: relative;
}

#device-wrapper .device-wrapper-item {
	position: absolute;
	
	width: 1219px;
	min-width: 1219px;
	max-width: 1219px;
	height: 748px;
	min-height: 748px;
	max-height: 748px;
	
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
	-ms-transition: all 0.6s;
}

#device-wrapper #system-message-page {
	position: absolute;
	width: 310px;
	height: 70px;
	right: 5px;
	bottom: 5px;

	text-align: right;

	border: 1px solid #fff;
	background: black url('Images/login-bg-v2-desktop.png') 95% 95% no-repeat;

	display: none;
	cursor: pointer;
}

#device-wrapper #system-message-page p {
	margin: 5px;
	max-width: 220px;

	float: left;

	color: #fff;

	font-weight: bold;
	text-align: justify;
	text-shadow: none;
}

#device-wrapper #system-message-page div.clock {
	margin: 5px 10px;
	float: right;
}

#device-wrapper #login-page {
	-webkit-transform: translate(0px, 0px);
	-moz-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
}

#device-wrapper #login-page.loggedin {
	-webkit-transform: translate(-1299px, 0px);
	-moz-transform: translate(-1299px, 0px);
	transform: translate(-1299px, 0px);
}

#device-wrapper #content-page {
	-webkit-transform: translate(1219px, 0px);
	-moz-transform: translate(1219px, 0px);
	transform: translate(1219px, 0px);
}

#device-wrapper #content-page.loggedin {
	-webkit-transform: translate(0px, 0px);
	-moz-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
}

#content {
	width: 1024px;
	height: 748px;
	overflow: hidden;
	position: absolute;
	padding: 0;
	
	z-index: 20;
	
	-webkit-transform: translate(195px, 0px);
	-moz-transform: translate(195px, 0px);
	transform: translate(195px, 0px);
	
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	-ms-transition: all 0.4s;
}

#content-popup-relative-wrapper {
	position: relative;
	
	overflow: hidden;
	
	width: 1219px;
	height: 748px;
}

#main-content {
	position: absolute;
	
	width: 1219px;
	height: 748px;
	
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	-ms-transition: all 0.4s;
	
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	transform: translate(0, 0);
}

#main-content.popup {
	-webkit-transform: translate(0, -748px);
	-moz-transform: translate(0, -748px);
	transform: translate(0, -748px);
}

#main-content.pdf-popup {
	-webkit-transform: translate(0, 748px);
	-moz-transform: translate(0, 748px);
	transform: translate(0, 748px);
}

#popup-content {
	position: absolute;
	
	background: transparent url('Images/login-bg-v2-desktop.png') 0 0 no-repeat;
	
	width: 1219px;
	height: 748px;
	
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	-ms-transition: all 0.4s;
	
	-webkit-transform: translate(0, 748px);
	-moz-transform: translate(0, 748px);
	transform: translate(0, 748px);
}

#popup-content.popup {
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	transform: translate(0, 0);
}

#pdf-viewer-content {
    position: absolute;
	
	width: 1219px;
	height: 748px;
	
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	-ms-transition: all 0.4s;
	
	-webkit-transform: translate(0, -748px);
	-moz-transform: translate(0, -748px);
	transform: translate(0, -748px);
}

#pdf-viewer-content.pdf-popup {
    -webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	transform: translate(0, 0);
}

#pdf-viewer-content .pdf-viewer-close-panel {
    width: 1219px;
    height: 62px;

    background: transparent url('Images/menu-down-icon.png') center center no-repeat;

    cursor: pointer;
}

#pdf-viewer-content #helios-pdf-viewer {
    background: white;
    
    border: 0;

    width: 1219px;
    height: 688px;
}

#pdf-viewer-content #helios-image-viewer {
    background-color: white;
    border: 0;

    width: 1219px;
    height: 688px;

    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}

#content-relative-wrapper {
	position: relative;
	
	overflow: hidden;
	
	width: 1219px;
	height: 748px;
}

/****************************************************************************************
	Login
****************************************************************************************/
#login-page {
	background: transparent url('Images/login-bg-v2-desktop.png') 0 0 no-repeat;
}

/****************************************************************************************
	Content side
****************************************************************************************/
#main-content-wrapper {
	width: 1024px;
	height: 748px;
	
	overflow-x: hidden;
	overflow-y: hidden;
	overflow: hidden;
	
	position: relative;
	
	z-index: 90;
}

#main-content-wrapper div.menu-left-activator {
	z-index: 10000;
	
	background: transparent url('Images/menu-left-activator.png') 0 0 no-repeat;
	width: 44px;
	height: 44px;
	
	cursor: pointer;

	/*https://redmine.brokernet-group.local/issues/219*/
	display: none;
}

#main-content-wrapper div.menu-right-activator {
	z-index: 10000;
	
	background: transparent url('Images/menu-right-activator.png') 0 0 no-repeat;
	width: 44px;
	height: 44px;
	
	cursor: pointer;
}

#main-content-wrapper div.menu-profile-activator {
	z-index: 10000;
	
	background: transparent url('Images/menu-profile-activator.png') 0 0 no-repeat;
	width: 44px;
	height: 44px;
	
	cursor: pointer;
}

#main-content-wrapper div.menu-prev-icon {
	z-index: 10000;
	
	background: transparent url('Images/menu-prev-icon.png') 0 0 no-repeat;
	width: 44px;
	height: 44px;
	
	cursor: pointer;
}

#main-content-wrapper div.menu-next-icon {
	z-index: 10000;
	
	background: transparent url('Images/menu-next-icon.png') 0 0 no-repeat;
	width: 44px;
	height: 44px;
	
	cursor: pointer;
}

#main-content-wrapper div.menu-up-icon {
	z-index: 10000;
	
	background: transparent url('Images/menu-up-icon.png') 0 0 no-repeat;
	width: 44px;
	height: 44px;
	
	cursor: pointer;
}

#main-content-wrapper div.menu-down-icon {
	z-index: 10000;
	
	background: transparent url('Images/menu-down-icon.png') 0 0 no-repeat;
	width: 44px;
	height: 44px;
	
	cursor: pointer;
}

#main-content-wrapper .main-content-box {
	position: absolute;
	
	width: 1024px;
	height: 748px;
	
	overflow-x: hidden;
	overflow-y: auto;
	
	-webkit-overflow-scrolling: touch;
	/*
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	-ms-transition: all 0.4s;
	*/
	-webkit-transform: translate(0px, 0px);
	-moz-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
}

#main-content-wrapper .main-content-box.hidden {
	-webkit-transform: translate(0px, -10000px);
	-moz-transform: translate(0px, -10000px);
	transform: translate(0px, -10000px);
}

#main-content-wrapper input[type="number"] {
	display: none;
}

#main-content-wrapper .main-content-box img.loading {
	position: relative;
	left: 50%;
	top: 50%;
	margin: -24px 0 0 -24px;
	display: block;
}

/****************************************************************************************
	Popup window
****************************************************************************************/
#device-wrapper div.ui-popup-screen {
	max-height: 748px;
	bottom: 0px;
}

#popup-window {
	width: 1100px;
	height: 650px;
	
	margin: 49px 0 0 60px;
	overflow: hidden;
}

#popup-window .ui-corner-top {
	-webkit-border-radius: .6em .6em 0 0;
	border-radius: .6em .6em 0 0;
}

#popup-window .ui-corner-bottom {
	-webkit-border-radius: 0 0 .5em .5em;
	border-radius: 0 0 .5em .5em;
}

#popup-window .popup-header {
	position: relative;
}

#popup-window .popup-close {
	margin-top: 15px;
	margin-right: 15px;
}

#popup-window #popup-close-button {
	position: absolute;
	
	top: 5px;
	left: 6px;
	
	cursor: pointer;
	
	width: 90px;
	height: 30px;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
	text-align: center;
	text-shadow: none;
}

#popup-window #popup-save-button {
	position: absolute;
	
	top: 5px;
	right: 6px;
	
	cursor: pointer;
	
	width: 90px;
	height: 30px;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
	text-align: center;
	text-shadow: none;
}

#popup-window #popup-close-button span, #popup-window #popup-save-button span {
	margin-top: 6px;
	display: block;
}

#popup-window #popup-window-content-wrapper {
	position: relative;
	/*background-color: #fff;*/
    background-color: #E7E7E7;

	width: 1100px;
	height: 592px;
	
	overflow-x: hidden;
	overflow-y: auto;

	padding: 0;
}

#popup-window #popup-window-content-wrapper div.loading-div {
	position: absolute;
	left: 0;
	top: 0;
	width: 1100px;
	height: 592px;

	z-index: 10;
}

#popup-window #popup-window-content-wrapper #popup-window-navigation {
	width: 1100px;
	height: 40px;

	overflow-x: hidden;
	overflow-y: hidden;

	border-bottom: 2px solid #009DE0;
	background-color: #EDF5F9;
}

#popup-window #popup-window-content-wrapper #popup-window-navigation #popup-window-navigation-wrapper {
	width: 1100px;
	height: 40px;

	overflow: hidden;
}

#popup-window #popup-window-content-wrapper #popup-window-navigation #popup-window-navigation-wrapper .navigation-item {
	height: 36px;
	position: relative;

	top: 40px;
	
	float: left;

	margin: 0 0 0 25px;
	padding: 0;
	border: 0;

	-webkit-transition: top .3s ease;
	-moz-transition: top .3s ease;
	-o-transition: top .3s ease;
	-ms-transition: top .3s ease;
	transition: top .3s ease;
}

#popup-window #popup-window-content-wrapper #popup-window-navigation #popup-window-navigation-wrapper .navigation-item:first-child {
	margin-left: 0;
}

#popup-window #popup-window-content-wrapper #popup-window-navigation #popup-window-navigation-wrapper .navigation-item.active {
	top: 0;
}

#popup-window #popup-window-content-wrapper #popup-window-navigation #popup-window-navigation-wrapper .navigation-item div.circle {
	border: 2px solid #FC5B04;
	
	border-radius: 100%;
	-webkit-border-radius: 100%;
    -moz-border-radius: 100%;

    height: 16px;
    width: 16px;

    text-align: center;

	margin-left: 9px;
	margin-top: 9px;

	float: left;
}

#popup-window #popup-window-content-wrapper #popup-window-navigation #popup-window-navigation-wrapper .navigation-item div.circle p {
    font-weight: bold;
    color: #000;
}

#popup-window #popup-window-content-wrapper #popup-window-navigation #popup-window-navigation-wrapper .navigation-item span {
	display: block;
	float: left;

	margin: 11px 0 0 10px;
	font-weight: bold;
}

#popup-window #popup-window-content-wrapper #popup-window-window-wrapper {
	position: relative;

	width: 1070px;
	height: 540px;

	overflow-x: hidden;
	overflow-y: hidden;

	margin: 7px 0 0 15px;

	z-index: 5;
}

#popup-window #popup-window-content-wrapper #popup-window-window-wrapper div.window {
	position: absolute;
	/*background-color: #fff;*/
    background-color: #E7E7E7;

	width: 1070px;
	height: 540px;

	-webkit-transition: -webkit-transform .4s ease;
	-moz-transition: -moz-transform .4s ease;
	-o-transition: transform .4s ease;
	-ms-transition: transform .4s ease;
	transition: transform .4s ease;

	-webkit-transform: translate3d(1100px, 0, 0);
	-moz-transform: translate3d(1100px, 0, 0);
	transform: translate3d(1100px, 0, 0);

	overflow-x: hidden;
	overflow-y: auto;

	z-index: 1;
}

#popup-window #popup-window-content-wrapper #popup-window-window-wrapper div.window.active {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);

    -webkit-transform: translateZ(0);
}

#popup-window #popup-window-content-wrapper #popup-window-window-wrapper div.window img.loading-white {
	margin: 246px 0 0 511px;
	width: 48px;
	height: 48px;
}

#popup-window #popup-window-content-wrapper div.key-value-list.error ul.validation-errors {
	width: 900px;
}

#popup-window #popup-window-content-wrapper div.key-value-list-legend {
	width: 1060px;
}

#popup-window #popup-window-content-wrapper div.key-value-list {
	width: 1060px;
}

#popup-window #popup-window-content-wrapper div.key-value-list-buttons {
	width: 762px;
}

#popup-window #popup-window-content-wrapper div.key-value-list-buttons .ui-btn-icon-right .ui-icon {
	right: 22px;
}

div.key-value-list .header .key, div.key-value-list-toggle .header .key {
    width: 180px;
}
div.key-value-list .header .key, div.key-value-list-toggle .header .key.task-recommender {
    width: 210px;
}

div.key-value-list .header .value {
    max-width: 230px;
}

div.key-value-list .header.allowance, div.key-value-list-toggle .header.allowance{
	height: 60px;
	position: relative;
}

div.key-value-list .header.allowance .key, div.key-value-list-toggle .header.allowance .key {
    font-size: 12px;
	font-weight: bold;
	color: #000;
    
    position: relative;
    float: left;
    padding-left: 30px;
    line-height: 60px;
    left:0;
    bottom:0;
    
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

div.key-value-list .header.allowance .value {
	font-size: 12px;
	font-weight: bold;
	color: #1680C6;
	
	position: relative;

    white-space: pre-wrap;
    text-overflow: ellipsis;
    top: 0px;
}


/* Old version needs testing
#popup-window #popup-window-content-wrapper div.key-value-list div.ui-input-text {
	position: absolute;
	left: 140px;
	bottom: 8px;
	
	width: 913px;
	height: 29px;
}
    */

#popup-window #popup-window-content-wrapper div.key-value-list div.ui-input-text a.ui-input-clear {
	right: 7px;
	top: 22px;
}

/* Old version needs testing
#popup-window #popup-window-content-wrapper div.key-value-list div.ui-checkbox {
	position: absolute;
	left: 140px;
	bottom: 8px;

	width: 913px;
	height: 29px;

	-webkit-border-radius: .3em;
	border-radius: .3em;
}
*/

#popup-window #popup-window-content-wrapper div.key-value-list div.ui-checkbox span.ui-btn-inner .ui-icon {
	left: 0;
	margin-top: -12px;
}

#popup-window #popup-window-content-wrapper div.key-value-list div.ui-checkbox input {
	width: 1px;
	height: 1px;
}
/*
#popup-window #popup-window-content-wrapper div.key-value-list div.ui-input-textarea {
	position: absolute;
	left: 140px;
	bottom: 7px;
	
	width: 900px;
}*/

#popup-window #popup-window-content-wrapper div.key-value-list div.ui-input-textarea textarea {
	/*width: 900px;
	min-width: 900px;
	max-width: 900px;*/
	
	height: 80px;
	min-height: 80px;
	max-height: 80px;
	
	resize: none;
}

/*Old version needs testing
#popup-window #popup-window-content-wrapper div.key-value-list div.ui-select {
	position: absolute;
	left: 140px;
	bottom: -1px;
	
	width: 913px;
}*/


#popup-window #popup-window-content-wrapper .delete-button.ui-btn-inline {
	/*min-width: 250px;*/
	min-width: 1050px;
}

#popup-window #popup-window-content-wrapper .ui-btn-inline {
	min-width: 517px;
}

#popup-window #popup-window-content-wrapper .ui-btn-inline.ui-btn-up-e, #popup-window #popup-window-content-wrapper .ui-btn-inline.ui-btn-hover-e {
	min-width: 250px;
}

/* Two column */
#popup-window #popup-window-content-wrapper div.key-value-list.two-column {
	width: 520px;
    float: left;
    margin-right: 10px;
}

#popup-window #popup-window-content-wrapper div.key-value-list.two-column div.ui-input-text {
	position: absolute;
	left: 140px;
	bottom: 8px;
	
	width: 375px;
	height: 29px;
}

#popup-window #popup-window-content-wrapper div.key-value-list.two-column div.ui-input-text a.ui-input-clear {
	right: 12px;
	top: 19px;
}

#popup-window #popup-window-content-wrapper div.key-value-list.two-column div.ui-input-checkbox {
	position: absolute;
	left: 125px;
	bottom: 7px;
	
	width: 375px;
}

#popup-window #popup-window-content-wrapper div.key-value-list.two-column div.ui-input-checkbox input {
	display: none;
}

#popup-window #popup-window-content-wrapper div.key-value-list.two-column div.ui-input-textarea {
	position: absolute;
	left: 140px;
	bottom: 7px;
	
	width: 375px;
}

#popup-window #popup-window-content-wrapper div.key-value-list.two-column div.ui-input-textarea textarea {
	width: 375px;
	min-width: 375px;
	max-width: 375px;
	
	height: 80px;
	min-height: 80px;
	max-height: 80px;
	
	resize: none;
}
/*Old version new version needs testing
#popup-window #popup-window-content-wrapper div.key-value-list.two-column div.ui-select {
	position: absolute;
	left: 140px;
	bottom: -1px;
	
	width: 375px;
}*/