html {
	font-size: 14px !important; // override the bootstrap 3 style
}

html body {
	position: relative;
}

body {
	background:#EDF0F4 url(../img/header_background.png) repeat-x;
	color:#333333;
	font-family:arial,verdana,sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
	-ms-overflow-style: scrollbar;
}
h4 {
	font-size: 12px;
	font-weight: bold;
}
wbr:after { content: "\00200B"; }
img {
	border: none;
}
div, span, a, td, label, li {
	word-break: normal;
}
label {
	font-weight: normal;
}
table {
	font-size: inherit;
}
td {
	vertical-align: top;
}
th {
	vertical-align: middle;
}
textarea{
	resize: vertical;
	font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
	font-size: 1em;
}
button[disabled] {
	color: gray;
}
input[type=radio],
input[type=checkbox] {
	display: inline;
}
input {
	font-family:inherit;
	+font-size:12px;
	line-height: normal;
}
input.blur {
	color: #BFBFBF;
}
input[type=checkbox] {
	vertical-align: middle;
	margin: 0 2px 0 0;
	padding: 0;
}
label {
	margin: 2px 0;
	display: inline-block;
}
textarea:focus, button:focus, select:focus, input:focus {
	outline-color: #4d90fe;
	outline-style: solid;
	outline-width: 1px;
}
input[gray], textarea[gray] {
	background-color: #EEEEEE;
}
input[plugin='myClearInput']::-ms-clear {display: none; width:0; height:0;}
button {
	cursor:pointer;
}
select[multiple] {
	overflow-x:auto;
}
select:focus {
	width:auto;
	position:relative;
}
.case-list .row:before {
	content: unset; !important;
}
.row {
	margin-left:0;
	margin-right: 0;
}
table[cellspacing]:not(.table),
table[cellpadding]:not(.table) {
	border-collapse: separate;
}
table[cellspacing="1"] {
	border-spacing: 1px;
}
table[cellspacing="2"] {
	border-spacing: 2px;
}
table[cellspacing="3"] {
	border-spacing: 3px;
}
table[cellspacing="4"] {
	border-spacing: 4px;
}
table[cellspacing="5"] {
	border-spacing: 5px;
}
table[cellspacing="6"] {
	border-spacing: 6px;
}
table[cellspacing="7"] {
	border-spacing: 7px;
}
table[cellspacing="8"] {
	border-spacing: 8px;
}
table[cellspacing="9"] {
	border-spacing: 9px;
}
table[cellspacing="10"] {
	border-spacing: 10px;
}
table[cellpadding="1"] td {
	padding: 1px;
}
table[cellpadding="2"] td {
	padding: 2px;
}
table[cellpadding="3"] td {
	padding: 3px;
}
table[cellpadding="4"] td {
	padding: 4px;
}
table[cellpadding="5"] td {
	padding: 5px;
}
table[cellpadding="6"] td {
	padding: 6px;
}
table[cellpadding="7"] td {
	padding: 7px;
}
table[cellpadding="8"] td {
	padding: 8px;
}
table[cellpadding="9"] td {
	padding: 9px;
}
table[cellpadding="10"] td {
	padding: 10px;
}
tr[align=center] td,
td[align=center],
th[align=center] {
	text-align:center;
}
tr[valign=middle] td,
td[valign=middle],
th[valign=middle] {
	vertical-align:middle;
}
table.case-list td,
table.case-list th,
.case-list table:not(.table) td,
.case-list table:not(.table) th {
	vertical-align: middle;
}
table.case-list .row:before,
table.case-list .row:after,
.case-list table .row:before,
.case-list table .row:after {
	content: none;
}
#chat_sound_div {
	position:absolute;
	left:-5000px;
}
.required:after {
	content: " *";
}
.text-checked:before {
	content: "\221a ";
	margin-right: 10px;
	margin-left:2px;
}
.dash-divider {
	width:100%;
	height:1px;
	border-bottom:1px dashed #DDDDDD;
	margin-top:6px;
	margin-bottom:8px;
}
.buttonset label {
	border:1px solid #CCCCCC;
	background: #FFFFFF; /* Old browsers */
	background: -moz-linear-gradient(top, #FFFFFF 0%, #DDDDDD 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#DDDDDD)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #FFFFFF 0%,#DDDDDD 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #FFFFFF 0%,#DDDDDD 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #FFFFFF 0%,#DDDDDD 100%); /* IE10+ */
	background: linear-gradient(to bottom, #FFFFFF 0%,#DDDDDD 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#DDDDDD',GradientType=0 ); /* IE6-9 */
	padding:2px 5px;
}
.buttonset .disabled {
	color: gray;
	cursor: pointer;
}
.buttonset label:hover {
	border:1px solid #999999;
}
.buttonset .left {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
.buttonset .right {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

.dummy-input, .dummy-input:focus {
	width:0;height:0;border:0;margin:0;font-size:0;outline:none;
}
.text-holder {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	display: block;
	max-width: 95%;
	cursor: pointer;
}
.text-holder--cursor-auto {
	cursor: auto;
}
.error {
	clear:both;
	color:red;
}
.error li {
	list-style-type: none;
	padding:3px 0;
}
.errorMessage {
	color:red;
	font-size:100%;
	line-height:12px;
	margin:5px;
}
.disabled {
	color:#cccccc;
}
.linkdisabled {
	color:#DCDCDC;
	pointer-events: none;
	cursor: default;
}
.label,
.chat-for-case__label {
	color:#333;
	font-weight:bold;
	font-size:100%;
	border: none;
}

input, select, button, ul {
	font-size:100%;
	color:#444444;
}
a {
	text-decoration:none;
	color:#1E5EEE;
	cursor:pointer;
}
a.case-list__case-link {
	color: #333333;
	text-decoration: none !important;
}
.case-list__export {
	display: inline-block;
	margin-left: 5px;
	cursor: pointer;
}
.case-list__export--dashboard {
	color: #1E5EEE;
}
a.selected {
	color:#3653ab;
}
a:hover {
	text-decoration:underline;
}
ul {
	margin:5px 5px 5px 15px;
	padding-left:5px;
}
form {
	margin:0;
}
input.blur {
	color: #999;
}
img.shadow {
	background: url(../img/bg/shadow-1000x1000.gif) no-repeat right bottom;
	padding: 5px 10px 10px 5px;
}
.wysiwyg .toolbar {
	display:none;
}
.clear {
	clear:both;
	border:none;
	font-size:0;
	line-height:0;
	padding:0;
	margin:0;
}
.example {
	color: #666666;
}
.tab-button {
	line-height: 12px;
	font-size:85%;
	padding:0 4px;
	margin:0;
}
#user, #pass {
	width:200px;
}
#info, #saved-info {
	background:#FFF1A8;
	color:green;
	position:fixed;
	z-index:3000;
	top:3px;
	padding:2px 5px;
	border: 1px solid #F7B13E;
	font-size:110%;
	left:50%;
	margin-left:-155px;
}
#info a {
	text-decoration:none;
	color:red;
}
/*
DROPDOWN MENU
*/
.dropdown-menu {
	cursor:pointer;
}
.dropdown-menu a {
	display:block !important;
	font-weight:bolder;
	color:#333333;
	text-decoration:none;
}
.dropdown-menu .down-list {
	padding:0;
	background:#FFFFFF;
	border:1px solid #637D97;
	position:absolute;
	width:120px;
	list-style-type:none;
	margin:3px 0;
	z-index:1000;
	text-align:left;
}

.dropdown-menu .down-list li {
	margin:2px;
}
.dropdown-menu .down-list li a {
	padding:3px 6px 5px;
}
.dropdown-menu .down-list li a:hover {
	background:#3B5998;
	color:#FFFFFF;
}
#down-list-shadow {
	background:#000000;
	opacity:0.3;
	position:absolute;
	z-index:999;
}
#container,
#new-cost-window {
	padding:0.5em;
}
#header {
	border-bottom:4px solid #A6C9E2;
	margin-bottom:1em;
}
#header .content {
	max-width:1210px;
}
.container-fluid #header .content {
	padding:0 10px;
	max-width:unset;
}
@media (max-width: 1279px) {
	#header .content {
		width:940px;
	}
}

#header .logo {
	float:left;
}
#header .nav {
	margin-top:6px;
	text-align:right;
}
#header .nav a {
	font-size:95%;
	padding:0 3px;
}
#header .nav .selected a {
	background:#3B5998;
	color:#FFFFFF;
}
#header .menu {
	float:left;
	padding-left:20px;
	padding-top:8px;
}
#header .menu > ul {
	list-style-type:none;
	margin:0;
	padding:0;
	+position:relative;
	+top:1px;
}
#header .menu > ul > li {
	float:left;
	position:relative;
	padding:4px 16px;
}
#header .menu > ul > li > a {
	font-weight:bolder;
	color:#333333;
	text-decoration:none;
}
#header .menu > ul > .selected {
	background:#3B5998;
	padding:4px 18px;
}
#header .menu > ul > .selected > a {
	color:#FFFFFF;
}
#footer {
	text-align:center;
	margin-top:18px;
	border-top:1px dotted #B5B5B5;
	padding-top:1em;
}
.footer-pipe-separator {
	border-right:1px solid #666666;
	padding-right:8px;
	margin-right:8px;
}
#footer .content {
	width:1210px;
	text-align:left;
}
.container-fluid #footer .content {
	padding:0 10px;
	width:unset;
}
#context {
	width:1210px;
	text-align:left;
}

.container-fluid #context {
	width:unset;
}

@media (max-width: 1279px) {
	#footer .content {
		width:940px;
		text-align:left;
	}
	#context {
		width:940px;
		text-align:left;
	}
}

#context table:not([cellspacing]):not(.table):not(.contacts-table):not(.contacts-table__add-case) {
	border-collapse: separate;
	border-spacing:2px;
}
#context #costControlTable table:not([cellspacing]):not(.table),
#context #costControlBlockedTable table:not([cellspacing]):not(.table) {
	border-collapse: collapse;
}
#context #case-list table:not([cellspacing]):not(.table) {
	border-collapse: collapse;
}
#context table:not([cellpadding]):not(.table):not(.contacts-table):not(.contacts-table__add-case) td {
	padding:2px;
}
#context .nav {
	float:left;
	margin-bottom:100px;
	margin-left:8px;
}
#context .nav .nav-container {
	background:#FFFFFF;
	border-left:1px solid #C4C4C4;
	border-right:1px solid #C4C4C4;
	padding:10px;
	width:170px;
}
#context .content .content-content {
	border-left:1px solid #A6C9E2;
	border-right:1px solid #A6C9E2;
	background:#FFFFFF;
	min-height:500px;
	overflow:inherit;
}
#context .content .content_container {
	margin:0;
	padding:10px 30px;
}
.main-login {
	width:600px;
	background:#FFFFFF;
	border:1px solid #A6C9E2;
	margin-top:58px;
	font-size:12px;
}
.main-login .banner {
	padding:8px 10px;
	text-align:left;
}
.main-login .content {
	clear:both;
	padding:8px 10px;
	text-align:left;
}
.main-login .content .title {
	font-size:150%;
	text-align:center;
}
.bottom-padding {
	width:600px;border-bottom:1px solid #999999;
	border-left:1px solid #999999;background:#FFFFFF;
	border-right:1px solid #999999;padding-top:50px;
}
.main-login .content .login-form {
	line-height:28px;
	padding-left:200px;
	margin-top:20px;
}
.main-login .content .login-form .title-small {
	color:#FF6600;
	border-bottom:2px solid #7F7F7F;
	width:203px;
	font-size:16px;
}
.main-login .content .login-form .login-button {
	color:#FF6600;
	border:2px solid #FCA56B;
	margin-top:5px;
	cursor:pointer;
	background:#FFFFFF;
}
.notes {
	font-family:Tahoma,Verdana,Arial,sans-serif;
	font-size:90%;
	color:gray;
}
.project-list {
	border:1px solid #A6C9E2;
	background:#FFF;
	margin-bottom:6px;
}

.chat-room {
	border:2px solid #F7B54A;
	background:#FFF;
	margin-bottom:6px;
}

.internal-chat-room {
	border:2px solid #05225E;
	background:#FFF;
	margin-bottom:6px;
}

.chat-room .sub-header {
	background-color: #F7B54A;
	border: 2px solid #F7B54A;
	padding: 4px 6px;
	font-size:110%;
	font-weight:bolder;
	color:#FFF;
}

.internal-chat-room .sub-header {
	background-color: #05225E;
	border: 2px solid #05225E;
	padding: 4px 6px;
	font-size:110%;
	font-weight:bolder;
	color:#FFF;
}

.chat-message-icon {
	height: 10px;
	width: 10px;
	margin-right:3px;
}

.project-list > .header {
	padding:6px 16px;
}
.project-list > .sub {
	background: url("../img/bg/blue-box-s.png") repeat-x scroll 50% 50% #5C9CCC;
	border: 1px solid #E78F08;
	padding:6px 16px;
}
.project-list > .header > a {
	float:right;display:block;margin-top:3px;color:#FFF;
}
.project-list > .header > .button, #refresh-button, .project-list > .sub > .button {
	background: url("../img/bg/button_fade.png") repeat-x 100% 3px #FFFFFF;
	border: 1px solid #666666;
	color: black;
	margin-top:-3px;
	padding: 1px 6px;
	text-align: center;
}
.project-list .header > .button:hover, #refresh-button:hover, .project-list .sub > .button:hover {
	background:#FFFFFF;
	border-color:black;
}
.project-list > .header span, .project-list > .sub span {
	font-size:120%;font-weight:bolder;
}
.project-list > .header .note {
	font-size:80%;font-weight:normal;color:#555555;
}
.project-list .context {
	padding:8px 14px;
}
.project-list .context .header td {
	border-bottom:1px solid #BCBCBC;color:#808080;padding-left:1px;font-size:90%;
}
.project-list .context .filter td {
	background:#EFEFEF;padding:6px 8px;
}
.project-list .context .row > td {
	border-bottom:1px dashed #DDDDDD;padding:2px;cursor:pointer;
	/*background: url("../img/bg/box-bg.png") repeat-x scroll 0 0 transparent;*/
	background: #d1e0e3; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #d1e0e3 36%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(36%,#d1e0e3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#d1e0e3 36%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#d1e0e3 36%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#d1e0e3 36%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#d1e0e3 36%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d1e0e3',GradientType=0 ); /* IE6-9 */
}
/*
.project-list .context .row:hover {
	background:#FFE8BF;
}
*/
.project-list .context .pager {
	border-top:1px solid #BCBCBC;padding-top:6px;
}
.project-list .time {
	color:gray;font-size:95%;
}
.project-list .sub-header {
	background: url("../img/bg/blue-box-s.png") repeat-x scroll 50% 50% #5C9CCC;
	border: 1px solid #E78F08;
	padding: 4px 6px;
	font-size:110%;
	font-weight:bolder;
	color:#FFF;
}
.project-list .sub-header button{
	font-weight:normal;
}
.project-list .sub-header-gray {
	background: url("../img/bg/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #5C9CCC;
	border: 1px solid #D3D3D3;
	padding: 4px 6px;
	font-size:110%;
	font-weight:bolder;
	color:#666666;
}
.project-list .sub-header .button, .project-list .sub-header-gray .button {
	background: url("../img/bg/button_fade.png") repeat-x 100% 3px #FFFFFF;
	border: 1px solid #666666;
	color: black;
	margin-top:-2px;
	font-size:90%;
	padding: 1px 6px;
	text-align: center;
	margin-left:6px;
}
.project-list .sub-header .button:hover, .project-list .sub-header-gray .button:hover {
	background:#FFFFFF;
	border-color:black;
}
.project-list .sub-row {
	border: 1px solid;
	overflow: hidden;
	padding: 2px 4px;
	margin:4px 6px 0 6px;
}
.project-list .sub-titile {
	background: #D6DDE5;
	border-color: #B4B4CC;
}
.project-list .sub-state-even {
	border-color: #CCCCCC;
	background: #F5F5F5;
}
.project-list .sub-state-odd {
	border-color: #CCCCCC;
	background: #FFFFFF;
}
#task-list .sub-state-0 button, .project-list .sub-state-0 button {
	background: #EEEEEE;
}
#task-list .sub-state-1 button, .project-list .sub-state-1 button {
	background: #F8F56F;
}
#task-list .sub-state-2 button, .project-list .sub-state-2 button {
	background: #99FF99;
}
.project-list .sub-state-0, .project-list .sub-state-mc {
	background: #EEEEEE;
	border-color: #CCCCCC;
}
.project-list .sub-state-0 .divider, .project-list .sub-state-mc .divider {
	height:1px;
	background:#CCCCCC;
	background: -moz-linear-gradient(left, #EEE, #CCCCCC 20%);
	background: -webkit-gradient(linear, left bottom, right top, from(#EEE), color-stop(20%,#CCCCCC));
	background: linear-gradient(to left, #EEE, #CCCCCC 20%);
	background: -ms-linear-gradient(left, #EEE, #CCCCCC 20%);
	filter:
		progid:DXImageTransform.Microsoft.gradient( startColorstr='#EEEEEE', endColorstr='#CCCCCC', GradientType=1);
}
.project-list .sub-state-parent {
	background: #E9EEFF;
	border-color: #B4B4CC;
}
.project-list .cell-content {
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
#task-list .sub-state-0 button {
	background: #EEEEEE;
}
#task-list .box {
	border: 1px solid #BBBBBB;
	margin-right:2px;
	height:19px;
	padding:0 3px;
}
#task-list .box .box-content {
	margin-top:2px;
	text-align:center;
}
#task-list .sub-state-0 .box {
	background: #EEEEEE;
}
#task-list .sub-state-1 .box {
	background: #F8F56F;
}
#task-list .sub-state-2 .box {
	background: #99FF99;
}
#task-list .content {
	margin-top:4px;
}
#task-list .parent-container {
	background:#FCE4CC;
}
.report-dd-menu {
	font-weight:normal;
}
.project-list .list-content {
	padding:4px 6px;
	max-height:500px;
	overflow-y:auto;
}
/*
.project-list .sub-state-0 {
	background: #EEEEEE;
	border-color: #CCCCCC;
}
.project-list .sub-state-1 {
	background: #F8F56F;
	border-color: #F8D460;
}
.project-list .sub-state-2 {
	background: #99FF99;
	border-color: #6BB26B;
}
*/
#task-list button {
	width:98%;text-align:left;height:22px;margin:0;
}
#task-list a {
	margin-top:2px;display:block;
}
#task-list .container {
	background:#6FA7D1;padding:4px;width:100%;
}
#task-list .header {
	color:#FFF;
	font-weight:bolder;
}
#task-list .task-container {
	background:#EEEEEE;margin-bottom:6px;border:1px solid #FFF;padding:1px;
}
#task-list .separator {
	height:1px;border-top:1px solid #DCDCDC;margin-bottom:2px;
}
.profile-header {
	padding-left:181px;
}
.profile-header .mobile-link {
	text-decoration:underline;
	float:right;
	margin-top:10px;
}
.profile-holder {
	border:1px solid #DDDDDD;margin-top:-8px;background:#DBECF7;border-radius:5px 5px 5px 5px;

}
.profile-holder .profile-nav {
	float:left;width:181px;
}
.profile-holder .profile-nav .navigation {
	list-style-type:none;width:100%;margin:0;padding:0;
}
.profile-holder .profile-nav .navigation li img {
	margin-left:18px;
	margin-bottom:10px;
}
.profile-holder .profile-nav .navigation li > a {
	display:block;
	line-height:2.5em;
	padding-left:1.5em;
	font-size:110%;
}
.profile-holder .profile-nav .navigation .selected a {
	border-top:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
	background:#FFFFFF;
	color:#333333;
	font-weight:bolder;
}
.profile-holder .main {
	margin-left:180px;min-height:500px;border-left:1px solid #DDDDDD;padding:30px 20px;background:#FFF;font-size:120%;border-radius:0 5px 5px 0
}
.profile-holder .main h1 {
	font-size:22px;display:inline;position:absolute;margin-top:-65px;
}
.profile-holder .main .time {
	font-size:11px;color:#555555;
}
.profile-holder .feedback .input {
	width:280px;
}
.profile-holder .feedback .submit {
	margin-top:16px;
}
.profile-holder .feedback .title {
	font-size:105%;
	font-weight:bolder;
	margin-top:16px;
	display:block;
}
#police-button {
	background:url(../img/logo_poliisi_fin.png) no-repeat 10px 3px;
	height:25px;width:130px;
}
.call-history {
	border:1px solid #FFFFFF;margin-top:8px;font-size:95%;background:#FFFFFF;
}
.call-history tr {
	background:#FFFFFF;
}
.call-history .header {
	background:#303060;color:#FFFFFF;
}
.call-history td {
	background:#E8ECC8;
}
.round-border {
	display:block;
}
.round-border b {
	background:#F2F2F2;
	display:block;
	height:1px;
	overflow:hidden;
	border-left:1px solid #A6C9E2;
	border-right:1px solid #A6C9E2;
}
.round-border .layer1 {
	margin:0 1px;
}
.round-border .layer2 {
	margin:0 2px;
}
.round-border .layer3 {
	margin:0 3px;
	background:#A6C9E2;
}
#fetch {
	float:right;
	margin-bottom:10px;

}
#forgot_password {
	width:240px;
	+width:260px;
	font-size:12px;
	padding:10px;
	padding-top:0;
	font-family: Arial, Helvetica, sans-serif;
}

#forgot_password input {
	margin-top:10px;
}
#forgot_password form {
	margin:0;
}
.topic-row {
	padding:7px 0;
}
.topic-row .left-cell {
	float:left;
}
.topic-row .right-cell {
	padding-left:8px;
	margin-left:60px;
	min-height:29px;
}
.topic-row .right-cell.comment {
	margin-left:30px;
}
.topic-row .right-cell.comment .ui-icon {
	display: inline-block;
	margin-bottom: -3px;
}
.topic-row .time {
	float:right;
	color:gray;
	font-size:90%;
	font-family:Tahoma,Verdana,Arial,sans-serif;
}

/**begin case step box**/

.case-step {
	font-size:80%;
	border-collapse: separate;
	border-spacing: 2px;
}
.case-step td {
	vertical-align: middle;
	padding:1px;
}
.case-step .step {
	width:220px;
	border: 2px solid;
	padding:0;
}
.case-step .NONE {
	background: #EFEFEF;
	border-color: #CCCCCC;
}
.case-step .INITIAL {
	background: #DDECF7;
	border-color: #A6C9F6;
}
.case-step .DRAFT {
	background: #F8F56F;
	border-color: #F8D460;
}
.case-step .FINAL {
	background: #A6C9F6;
	border-color: #53647B;
}
.case-step .APPROVED {
	background: #99FF99;
	border-color: #6BB26B;
}
.case-step .step table {
	width:100%;height:100%;
}
.case-step .time-box {
	border:1px solid #CCCCCC;margin-right:1px;margin-top:1px;padding:0 2px;
	font-size:95%;background:#FFFFFF;position:relative;top:-3px;
}
/**end case step box**/

#my-status {
	font-size:13px;font-weight:normal;cursor:pointer;
}
#status-choice {
	position: absolute;margin-top:-15px;border:1px solid #BCBCBC;
	margin-left:0;line-height:25px;padding:0;background:#FFF;
}
#status-choice li {
	list-style: none;cursor:pointer;padding:0 8px;
}
#status-choice li img {
	margin-bottom:-2px;
	margin-right:6px;
}
#status-choice li:hover, .dd-menu li:hover, .dd-menu2 li:hover {
	background:#ECEFF5;
}
#dd-menu {
	position:absolute;
	z-index:9999;
}
.dd-menu {
	width:30px;
}
.dd-menu ul, .dd-menu2 ul {
	position: absolute;
	border:1px solid #BCBCBC;
	background:#FFF;
	padding:0;
	line-height:22px;
	margin:0;
	min-width:90px;
	z-index:1;
}
.dd-menu li, .dd-menu2 li {
	list-style: none;
	cursor:pointer;
	padding:0 4px;
	text-align:left;
	word-wrap:normal;
}
.popup-noti {
	cursor:pointer;border-top:1px dashed #DDDDDD; border-bottom:1px dashed #DDDDDD;padding:8px 15px;
}
.popup-noti:hover {
	background:#FFE8BF;
}
.popup-noti .time {
	color:gray;
	font-size:90%;
}
.reminder-buttons {
	padding-bottom: 10px;
}
.callsuccess
{
	color:red;
}
.sub-table {
	border-color:#F7B13E;
	border-spacing: 2px;
	border-collapse: separate;
}
.sub-table td,
.sub-table th {
	padding: 2px;
}
.sub-table th {
	text-align: center;
}
.sub-table .ui-widget-header {
	background: url("../img/bg/blue-box-s.png") repeat-x scroll 50% 50% #5C9CCC;
}
#report-title-text {
	font-size:130%;
	padding:3px 6px;
	border:1px solid #FFF;
}
#report-title-text:hover {
	border:1px solid #AAAAAA;background:#FFFFD6;
	cursor:pointer;
}
#case-menu {
	float: left;
	width: 20%;
	padding: 18px 0 18px 8px;
}
#case-content {
	float:left;
	width:80%;
	padding: 22px 0 18px 12px;
}
@media screen and (max-width: 1279px) {
	#case-menu {
		width: 160px;
	}
	#case-content {
		width:750px;
	}
}
#case-menu > ol {
	list-style:none;
	padding-left:0;
	margin-left:6px;
}
#case-menu div[id^=blink_] {
	margin-left: -32px;
	position: absolute;
}
#case-menu > ol > li {
	font-size:105%;
	line-height:40px;
	padding-left:13px;
	border:none;
	border-bottom:2px solid #DCDCDC;
	white-space:nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
}
#left_menu_ul_top > li > img {
	margin-top: -3px;
}
#case-menu .side-menu-button {
	padding:2px 1px;
	margin-bottom:6px;
}
#case-menu > ol > .selected {
	background:url(../img/icon/menu-arrow.png) no-repeat 0 15px;
}
#case-menu > ol > .small-selected {
	background:url(../img/icon/menu-arrow.png) no-repeat 0 8px;
}
#case-menu > ol > .selected a, #case-menu > ol > .small-selected a {
	color:#E74D00;
}
#case-menu > ol > .small {
	line-height:30px;
}
#case-map {
	position:relative;
}
#back-arrow {
	position:fixed;
	top: 50%;
	margin-left:-25px;
	margin-top:-25px;
}
#refresh-arrow {
	position:fixed;
	top: 50%;
	margin-left:1202px;
	margin-top:-25px;
}
@media (max-width: 1279px) {
	#refresh-arrow {
		margin-left:932px;
	}
}
#case-step {
	position:absolute;
}
.setting-area {
	font-size:120%;
	line-height:24px;
	width:360px;
	float:left;
}
#case-map {
	border:1px solid #DCDCDC;
	height:260px;
	width:360px;
}
#case-step {
	margin-left:456px;
	z-index:1000;
	margin-top:60px;
}
#case-content table:not([cellspacing]):not(.table) {
	border-spacing: 2px;
	border-colapse: separate;
}
#case-content table:not([cellpadding]):not(.table) td {
	padding: 2px;
}
#quick-report table {
	border: 1px solid gray;
	border-spacing: 0;
	border-collapse: separate;
}
#quick-report table td {
	padding: 2px;
	border: 1px solid gray;
}
.comment .media,
.topic-row .media {
	float:left;
	margin-right:10px;
}
#case-info .text-holder{
	width:200px;
	white-space: normal;
}
#case-filter select, #case-option select {
	width:160px;
}
#upper-common-container {
	background:#FFF;
	border-left:1px solid #A6C9E2;
	border-right:1px solid #A6C9E2;
	padding:6px 10px 0 10px;
	min-height:185px;
	word-wrap:break-word;
}
#upper-common-container .row,
#common-navi-container .row {
	padding:4px 0;
}
.fold-button {
	color:gray;
	cursor:pointer;
	margin-top:3px;
}
.fold-button-disabled {
	color:#CCCCCC;
	margin-top:3px;
}
.ui-dialog .nav {
	text-align:right;
	padding-top:6px;
	padding-bottom:2px;
}
.ui-dialog .ui-dialog-titlebar-close {
	outline:none;
}
.ui-dialog .nav .highlight {
	color:#333333;
}
.ui-dialog .nav a {
	padding: 0 3px;
}
.up .case-info img {
	margin-bottom:-3px;
}

.ui-dialog .labelCell {
	width:1%;
	white-space:nowrap;
}

#ajax-loading {
	position:fixed;background:red;color:#FFF;font-weight:bolder;padding:2px 8px;top:0;
}


#insurance-tab a,
.passedds-switch a {
	text-decoration:none;
	color:#333333;
	font-size:130%;
	margin-right:20px;
	line-height:30px;
	padding:3px 10px;
	border-radius: 5px 5px 5px 5px;
	background:#EEEEEE;
	white-space: nowrap;
	cursor: pointer;
}
#insurance-tab .selected,
.passedds-switch .selected {
	background:#F7B344;
	color:#FFF;
	font-weight:bolder;
	font-size:150%;
	border-radius: 5px 5px 5px 5px;
}
.fc-event-edit .link-right {
	float:right;
}
.fc-event-edit {
	border-top:1px solid #A6C9E2;margin-top:18px;
}
/* news */
.news-row {
	padding:8px;
	word-wrap:break-word;
}
.news-row:not(:last-child) {
}
.news-row .time {
	color: #aaaaaa;
	line-height:30px;
	float: right;
}
.news-row .title {
	font-weight: bolder;
	font-size:120%;
	line-height:30px;
}
.news-row .icon {
	width:20px;float:left;position:relative;top:8px;
}
#news-holder .nav-news {
	text-align:right;
	padding-top:6px;
	padding-bottom:2px;
}
#news-holder .nav-news .highlight {
	color:#333333;
}
#news-holder .nav-news a {
	padding: 0 3px;
}
#news-holder .nav-news {
	text-align: right;
	font-size: 11px;
}
/* end news*/
/* tooltip styling */
.tooltip {
	display:none;
	background:#FFF;
	font-size:11px;
	color:#222222;
	border: 1px solid #ACACAC;
	padding:6px;
	margin-top:30px;
	margin-left:-50px;
	z-index:2001;
}
/**begin chat**/
.chat-div .recipients {
	font-size:90%;
}
.chat-div .time {
	float:right;
	font-weight:normal;
	color:gray;
	font-size:90%;
}
.chat-div .unread {
	font-weight:bold;
}
.chat-div .sender {
	font-weight:bolder;
}
.chat-div textarea {
	width:99%;
	min-height: 40px;
	padding:0;
	border:none;
	outline:none;
	resize: none;
}
.chat-div .toolbar {
	padding:0 6px 0 6px;
	border-bottom: 1px solid darkgrey;
}
.chat-div .msgInput {
	border:1px solid darkgrey;
}
.chat-div .notification-menu {
	position: absolute;
	box-shadow: rgba(0,0,0,0.2) 0 2px 6px;
	max-width: 345px;
	max-height:300px;
	overflow-y:auto;
}
.chat-div .notification-menu label {
	display:block;
}
.chat-div .notification-menu .ui-state-focus {
	font-weight: normal;
	border: none;
	margin:0;
}
#project-info button, .setting-area button, .small-edit-button {
	padding:0 1px;
	font-size:90%;
	line-height:14px;
}
#project-info .edit, .small-edit-button{
	font-size:90%;
	margin:0;
}
.setting-area button {
	font-size:80%;
}
.calendar-loading {
	margin-top:160px;
	margin-bottom:180px;
}
/**end chat**/

/**begin mc**/
.bar-button-holder {
	float:left;
	width:200px;
}
.bar-button-holder .view-button {
	float:left;
	display: block;
	margin-left:4px;
	border-radius:2px;
	padding:0 1px;
}
.bar-button-holder .selected {
	background:#FFF;
	cursor:default;
}
.bar-button-holder .selected .icon-list {
	background-image: url(../js/libs/jquery-core/css/redmond/images/ui-icons_f9bd01_256x240.png);
}
.icon-list {
	width:16px;
	height:16px;
	display: block;
	background-image: url(../js/libs/jquery-core/css/redmond/images/ui-icons_ffffff_256x240.png);
	background-position: -96px -208px;
}
.icon-calendar {
	width:16px;
	height:16px;
	display: block;
	background-image: url(../js/libs/jquery-core/css/redmond/images/ui-icons_ffffff_256x240.png);
	background-position: -112px -208px;
}
.project-list .sub-state-mc {
	cursor:pointer;
}
.project-list .sub-state-mc:hover {
	background:#fbfaa3;
}
.mc-navi {
	line-height:50px;
	font-size:110%;
}
.mc-navi .title {
	font-size:130%;
	font-weight:bolder;
}
.mc-WORST, .mc-BAD, .mc-NORAML, .mc-GOOD, .mc-BEST {
	padding:1px 6px;
	border:1px solid #DDD;
}
.mc-WORST {
	background:red;
}
.mc-BAD {
	background:yellow;
}
.mc-NORAML {
	background:lightblue;
}
.mc-GOOD {
	background:lightgreen;
}
.mc-BEST {
	background:green;
}
/**end mc**/

/** override **/
.pp_title_container .pp_subject {
	width:380px;
}
.pp_title_container {
	width:635px;
}
.content_box {
	width:635px;
}
.pp_title_container .pp_last_update2 {
	width:133px;
}
.pp_portal_row2 .pp_subject {
	width:380px;
}
.pp_portal_row2 .pp_last_update2 {
	width:133px;
}
.pp_message_row2 span {
	display:block;
}
.pp-topic-container .pp-comments-container .footer{
	clear:both;padding-top:3px;border-bottom:1px solid #DDDDDD;
}
.pf_title_container .time {
	display:block;
	color:gray;
	font-family:Tahoma,Verdana,Arial,sans-serif;
	font-size:90%;
}
.pp-path .title {
	font-size:130%;margin-bottom:0;
}
.pp-topic-container #assign-info {
	margin-left:8px;
	padding:2px 6px;
	font-weight:bolder;
	background:#FFF1A8;
}
.ui-datepicker-trigger {
	margin-bottom:-6px;
	cursor: pointer;
}
#ui-datepicker-div {
	font-size:11px;
}
.pp_edit_container .time {
	color:gray;
	display:block;
	font-family:Tahoma,Verdana,Arial,sans-serif;
	font-size:85%;
	line-height:15px;
}
.pp_portal_row2 .pp_subject_text {
	text-align:left;
}
.ui-widget {

}
.content-f .ui-widget {
	border-collapse: collapse;
}
.content-f .ui-widget td, .content-f .ui-widget th {
	border: 1px solid #EEEEEE;
	padding: 0.6em 10px;
	text-align: left;
}
.ui-dialog {
	min-width:450px;
	z-index: 2000 !important ;
}
.add-remove-tasks {
	min-width:426px;
}
.case-message-header {
	color:gray;
}

.scroll-pane {
	height: 133px;
	width: 100%;
	overflow:auto;
}

option[rel=grey], .optionred, option.grey, select[rel=grey]
{
	color:#BBBBBB;
}

option[rel=normal]
{
	color:#444444;
}

.no-close .ui-dialog-titlebar-close {display: none }
.ui-menu .ui-menu-item a {
	color:#333333;
}

.task-not-start{
background:#A1E9E9;
border:1px solid #1167E8;
}

.task-started{
background:#FFFF00;
border:1px solid #E6E600;
}

.task-complete{
background:#99FF00;
border:1px solid #99CC00;
}

.task-empty{
background:white;
border:1px solid #F0F0F0;
}

.task-box{
height: 5px;min-width: 10px;
}

.task-grey-border{
border:1px solid grey;
}

#task-mode-holder {
	float:left;line-height:29px;
}

.subscribe-to-case-chat a {
	clear: both;
	text-align: center;
	color: #fff;
	background-color: #4AB471;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	padding: 7px 10px;
	margin: 5px auto;
	display: block;
	width: 30%;
	cursor: pointer;
	text-decoration: none;
}

.unsubscribe-from-case-chat a {
	clear: both;
	text-align: center;
	color: #fff;
	background-color: #CF5C60;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	padding: 7px 10px;
	margin: 5px auto;
	display: block;
	width: 30%;
	cursor: pointer;
	text-decoration: none;
}

.subscribe-to-internal-notes a {
	clear: both;
	text-align: center;
	color: #fff;
	background-color: #4AB471;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	padding: 7px 10px;
	margin: 5px auto;
	display: block;
	width: 60%;
	cursor: pointer;
	text-decoration: none;
}

.unsubscribe-from-internal-notes a {
	clear: both;
	text-align: center;
	color: #fff;
	background-color: #CF5C60;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	padding: 7px 10px;
	margin: 5px auto;
	display: block;
	width: 60%;
	cursor: pointer;
	text-decoration: none;
}

option.tratten
{
	background-color: #FFC057;
}

.padded-multiline {
	padding: 0 0 0 15px;
	display:inline-block;
}
.statistic_dashboard_search_div{
	background:#DEEBF4;
	padding:5px;
	border-width:2px;
	margin-top:4px;
	font-size:18px;
	box-shadow: 4px 4px 3px #888888;
}

.statistic_dashboard_div{
	background:#DEEBF4;
	padding:7px;
	padding-left:27px;
	border-style:solid;
	border-width:2px;
	margin-top:4px;
	font-size:18px;
	box-shadow: 4px 4px 3px #888888;
}


.statistic_dashboard_case_div{
	background:#DEEBF4;
	padding:7px;
	padding-left:27px;
	border-style:solid;
	border-width:2px;
	margin-top:4px;
	font-size:18px;
	box-shadow: 4px 4px 3px #888888;
}

.statistic_dashboard_task_div{
	background:#DEEBF4;
	padding:7px;
	width:450px;
	height:500px;
	overflow-y:scroll;
	float:left;
	border-style:solid;
	border-width:2px;
	margin-top:4px;
	font-size:18px;
	box-shadow: 4px 4px 3px #888888;
}

.statistic_dashboard_task_complete_div{
	background:#DEEBF4;
	padding:7px;
	width:450px;
	height:500px;
	float:right;
	border-style:solid;
	border-width:2px;
	margin-top:4px;
	font-size:18px;
	box-shadow: 4px 4px 3px #888888;
}

.statistic_dashboard_task_complete_div .target{
	background: #88f08a;
	width: 20%;
	border-style:solid;
	border-width:2px;
	text-align:center;
}

.statistic_dashboard_task_complete_div .yellow{
	background: #f0e088;
	width: 20%;
	border-style:solid;
	border-width:2px;
	text-align:center;
}

.statistic_dashboard_task_complete_div .red{
	background: #fa9595;
	width: 20%;
	border-style:solid;
	border-width:2px;
	text-align:center;
}

#quality-score .text {
	cursor:pointer;
}

.clickable{
	cursor: pointer;
	color: #2e6e9e;
}
.ui-widget-header a {
	color:#1E5EEE;
}

.highlight {
	border: 1px solid #fcefa1;
	background:#fbf9ee;
	padding: 3px 10px;
	margin-bottom:6px;
	border-radius: 5px;
}
#context .highlight > p {
	margin:auto;
	max-width: 500px;
	text-align: left;
	display: table-row;
}

.highlight a {
	color:#1E5EEE;
}

.search-highlight {
	background-color: yellow
}
.ui-dialog .header {
	margin-top:6px;
}

@media screen {

}

#case-info .column {
	float:left;width:50%;
}
#case-info .left {
	float:left;width:140px;
	padding:5px 0;
}
#case-info .column .right {
	margin-left:150px;
	padding:5px 0;
}

.highlighted-text {
	color:red;
}
.evalDiv {
	margin-top:8px;
}
.ui-dialog .small-button {
	padding: 0 4px;
	line-height: 17px;
}
.my-input-group {
	clear: both;
	display: block;
	margin-bottom: 0;
	min-height: 1.6em;
	padding: 0 0 4px 140px;
}
.my-input-group .input-text {
	width: 196px;
	height: 15px;
}
.my-input-group > select {
	width: 200px;
	height: 21px;
}
.my-input-group .label,
.my-input-group > label {
	float: left;
	display: block;
	left: -140px;
	line-height: 1;
	margin-right: -130px;
	padding-top: 1px;
	position: relative;
	width: 130px;
	text-align: left;
	word-wrap: break-word;
	font-weight:normal;
}
.ui-dialog .ui-dialog-titlebar-close {
	outline:none;
}
.grant-access__row {
	padding: 10px;
	margin: 1px;
	background: #F5F5F5;
}
.grant-access__input-container {
	display: inline-block;
}
.grant-access__input-container--email {
	width: 30%;
}
.grant-access__input-container--code {
	position: relative;
	width: 7%;
}
.grant-access__input-container--phone {
	width: 20%;
}
.grant-access__input-container--new-phone {
	width: 23%;
}
.grant-access__input--code.grant-access__input--code {
	width: calc(100% - 10px);
	margin-left: 10px;
}
.grant-access__plus {
	position: absolute;
	left: 0;
	top: 20%;
}
.grant-access__input-container--type {
	width: 10%;
}
.grant-access__input-container--contact-person-type {
	width: 17%;
}
.grant-access__btn-container {
	width: 20%;
	float: right;
}
.grant-access__input {
	width: 100%;
	border: 1px solid #EAEAEA;
	padding: 5px;
	border-radius: 2px;
}
.grant-access__input--disabled {
	background: #F5F5F5;
}
.grant-access__btn {
	width: 100%;
	padding: 5px;
	border: 1px solid #EAEAEA;
	background: #FFFFFF;
	border-radius: 2px;
	overflow: hidden;
}
.grant-access__btn--disabled.grant-access__btn--disabled {
	background: #F5F5F5;
	cursor: not-allowed;
}
#communication-container .input-container textarea {
	width: 99%;
}
#communication-container .header-container {
	border-bottom: 1px solid #ddd;
}
#communication-container .header-container h4 {
	margin-bottom:2px;
}
#communication-container .separator {
	border-top: 1px dotted #ddd;
	margin-bottom:8px;
}

.icc-table {
	width: 100%;
	border-collapse: unset;
	margin-bottom:10px;
	line-height: 22px;
	border-spacing: 1px;
	background: #a6c9e2;
}

.icc-table td{
	/*border: 1px solid #a6c9e2;*/
	position: relative;
	background: #FFF;
}

.icc-table th {
	position: relative;
	text-align: left;
	background: #FFF;
}


.icc-table .header th {
	background:#dfeffc ;
	color: #2e6e9e;
}
.icc-table td .text-holder,
.icc-table th .text-holder {
	padding: 2px 4px 1px 4px;
}
#icc-customer-settlement tr:hover{
	background-color:#f5f5f5;
}

.icc-table .ui-icon-triangle-1-ne {
	position:absolute;
	right:-5px;
	top:-5px;
}

.icc-table .ui-icon-triangle-1-ne {
	position:absolute;
	right:-4px;
	top:-5px;
}

.icc-table .number-input {
	text-align:right;
}

#icc-customer-settlement .short-input {
	width:70px;
}

#icc-customer-settlement .long-input {
	width:80%;
}

#icc-customer-settlement .ui-icon-trash {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 5px;
	margin-right: -20px;
}

#icc-customer-settlement .ui-icon-plus {
	position: absolute;
	cursor: pointer;
	left: 0;
	top: -23px;
	margin-left: -20px;
}

#multiple_office_assignment_select::-webkit-scrollbar{width:1px;background-color:transparent}
.notification-menu {
	overflow:hidden;
}

.edit-container .title {
	clear:both;
	padding:0 10px;
	line-height:24px;
}
.edit-container .title label {
	line-height:12px;
}
.edit-container .odd,
.title-container .odd {
	background: #efefef;
}
.edit-container .title > .title-label {
	width:250px;
	display:block;
	float:left;
	line-height:24px;
}
.edit-container .title .title-text {
	display:block;
	float:left;
}

.case-list tr td {
	word-break: normal;
}

.case-list tr td .case-list-icons {
	padding: 6px;
}


.MicrosoftMap .NavBar_Container {
	/* prevent Bing Maps navbar from showing on top of jQuery Dialogs */
	z-index: auto !important;
}

.text-align-right {
	text-align:right;
}

.option-box label, .profile-holder label {
	font-weight: normal;
}

.project-list #insurance-tab {
	clear: both;
}

.login-form input {
	line-height: normal; !important;
}

form input {
	line-height: normal; !important;
}

#icc-task-repair-plan-input-holder .menu-holder .search-input,
#icc-repair-plan-input-holder .menu-holder .search-input {
	width: 100%;
	background-image: url('../img/icon/search-icon.png');
	background-repeat: no-repeat;
	padding: 5px 3px;
	background-position: 4px 3px;
	border: 1px solid #ddd;
	text-indent: 22px;
	color: #5d5d5d;
}

#icc-task-repair-plan-input-holder .menu-holder .subAccordion ul li.filteredList,
#icc-repair-plan-input-holder .menu-holder .subAccordion ul li.filteredList {
	list-style: none;
}

#grandLog .topic-rowx {
	padding: 2px;
}

#grandLog .topic-rowx .content span.grandLogDescription {
	 display: block;
	 margin-left: 125px;
}

#grandLog .topic-rowx .content span.grandLogDescription::first-letter {
	text-transform: uppercase;
}
.task-status-icons #add-buget-button {
	float: right;
}

#task-info #add-budget-button {
	float: left;
}

#case-list .case-list img.blink {
	position: absolute;
	top: 32px;
	transform: translateY(-50%);
	left: -25px;
}

#responsible-dialog .tag-list-holder .editAssigneesBox .responsible {
	vertical-align: unset;
}

#responsible-dialog .tag-list-holder .editAssigneesBox .responsible li {
	margin: 7px 0 0 0;
}

#responsible-dialog .tag-list-holder .editAssigneesBox .task {
	padding-top: 4px;
}

#responsible-dialog .tag-list-holder .editAssigneesBox .task div {
	margin: 0 !important;
	line-height: 30px !important;
}

#responsible-dialog .tag-list-holder .editAssigneesBox .task div input[type="checkbox"] {
	vertical-align: unset;
}

#case-content #basic-info #case-info .taskInformationNotes {
	width: 320px;
	overflow-wrap: break-word;
	overflow: auto;
}

#map-snapshot-container {
	border: 1px solid #DCDCDC;
	margin-bottom:6px;
	display:inline-block;
	padding:2px;
	min-height:350px;
	min-width:350px;
}
#document-container .glyphicon,
.case-app-container .top-container .glyphicon {
	color: #666666;
}
#document-container .red-lock {
	color: #ec5353;
}
.case-app-container .top-container {
	border-bottom: 1px solid #DDD;
	padding-bottom: 10px;
}
.case-app-container .top-container >div {
	padding: 0;
}
.case-app-container .header-container h3 {
	font-size: 18px;
	font-weight: bold;
	margin: 0 3px;
	line-height: 30px;
}
.case-app-container .top-container .btn {
	font-size: 14px;
	padding: 4px 20px;
}
.modal-header h4 {
	font-size: 18px;
}
.form-group label {
	font-size: 14px;
	font-weight: bold;
	display: block;
}
.form-group label > span {
	margin-bottom: 5px;
	display: inline-block;
}
.ui-autocomplete {
	max-height: 200px !important;
	overflow-y: auto; /* prevent horizontal scrollbar */
	overflow-x: hidden; /* add padding to account for vertical scrollbar */
	z-index:10000 !important;
}
#assign-multiple-tasks-modal .modal-dialog {
	width: 800px;
}
#assign-multiple-tasks-modal .alert {
	padding: 10px 15px;
	margin-bottom: 10px;
}
#assign-multiple-tasks-modal .column {
	max-height: 380px;
	overflow-y: auto;
	position: initial;
}
#assign-multiple-tasks-modal .list-group .selected,
#assign-bidding-modal .members-holder .list-group .selected {
	color: #FFF;
	background: #337ab7;
	border-color: #2e6da4;
}
#assign-multiple-tasks-modal .list-group {
	border-radius: 4px;
	border: 1px solid #ddd;
}
#assign-bidding-modal .modal-dialog {
	width: 700px;
}
#assign-bidding-modal .members-holder .column {
	padding-left:0;
}
#assign-bidding-modal .members-holder .list-holder {
	height: 160px;
	overflow:auto;
	border-radius: 4px;
	border: 1px solid #ddd;
	margin-bottom: 0;
}
#assign-bidding-modal .members-holder .list-holder .list-group-item,
#assign-multiple-tasks-modal .list-group .list-group-item {
	border:0;
	border-right:0;
	border-left:0;
	margin-bottom: 0;
	padding: 6px 10px;
}
#assign-bidding-modal .members-holder .list-holder .list-group-item:not(:last-child),
#assign-multiple-tasks-modal .list-group .list-group-item:not(:last-child) {
	border-bottom: 1px dashed #ddd;
}
#assign-bidding-modal .members-holder .list-holder .alert {
	padding: 6px 10px;
	margin: 0 15px 3px 0;
}
#assign-bidding-modal .members-holder .list-holder .alert-dismissable .close, .alert-dismissible .close {
	top: -3px;
	right: 0;
}
#assign-bidding-modal .members-holder .list-group .glyphicon {
	margin-top: -8px;
}
#assign-bidding-modal .members-holder .search-input {
	width: 120px;
}
.modal-body{
	max-height: calc(100vh - 140px);
	overflow-y: auto;
}

.customer-profile-list-in-dialog tbody tr {
	display: none;
}

.customer-profile-list-in-dialog tbody tr.available {
	display: table-row;
}

.customer-profile-list-in-dialog tbody tr.available:nth-child(n + 11) {
	display: none;
}

.customer-profile-list-in-dialog .pagination {
	display: inline-block;
}

.customer-profile-list-in-dialog .pagination-container {
	text-align: center;
}

.customer-profile-list-in-dialog table tr.active td {
	background-color: #4BCA81;
}

.customer-profile-list-in-dialog .customer-profile-identifier {
	display: none;
}

#contractor-icc-cost-holder .table {
	border: 1px solid #ddd;
}

#contractor-icc-cost-holder .table > tbody > tr > td {
	border: 1px solid #ddd;
	padding: 2px;
}

#contractor-icc-cost-holder .table tr:nth-child(2n) {
	background: #F8F8F8;
}

#contractor-icc-cost-holder .table > thead > tr > th {
	padding: 7px;
}

.iccTheadTextOverflowContainer {
	position: relative;
	min-width: 100%;
	display: flex;
	align-items: center;
	height: 17px;
}

.iccTheadTextOverflowEllipsis {
	position: absolute;
	white-space: nowrap;
	overflow-y: visible;
	overflow-x: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
	min-width: 0;
	width:100%;
	top: 0;
	left: 0;
}

.tooltip__max-number {
	position: absolute;
	padding: 5px 8px;
	right: 0;
	color: #fff;
	font-size: 12px;
	border-radius: 5px;
	background-color: #000;
	z-index: 1;
	white-space: nowrap;
	line-height: normal;
	transform: translate(0%, calc(-100% - 5px));
 }

.tooltip__max-number:before {
	position: absolute;
	width: 0;
	height: 0;
	bottom: -5px;
	left: 50%;
	margin-left: -5px;
	content: '';
	border-color: transparent;
	border-style: solid;
	border-width: 5px 5px 0;
	border-top-color: #000;
}

.message-container .separator {
	border-top: 1px dotted #ddd;
	margin-bottom:8px;
}
.message-container .header-container {
	margin-bottom:8px;
}
.message-container .header-container h4 {
	font-size: 16px;
}
.header-container__mark-read-btn {
	float: right;
	margin-right: 7px;
}
.message-container a>img {
	cursor:pointer;
}
.message-container .textarea-container {
	border: 1px solid #ccc;
	border-radius: 4px;
}
.message-container .textarea-container textarea {
	border: 0;
}
.message-container .input-group {
	width: 100%;
}
.message-container .textarea-container .upload-container {
	border-top: 1px solid #eee;
	padding: 6px;
	width: 100%;
}
.message-container .btn-file {
	position: relative;
	overflow: hidden;
}
.message-container .btn-file input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	min-width: 100%;
	min-height: 100%;
	font-size: 100px;
	text-align: right;
	filter: alpha(opacity=0);
	opacity: 0;
	outline: none;
	background: white;
	cursor: inherit;
	display: block;
}
.message-container .send-comment {
	display: table-cell;
	width: 1%;
	margin-left: 18px;
}
.message-container .textarea-container .empty-cell {
	width: 28px;
	display: table-cell;
}
.message-container .upload-container .form-control {
	height: 30px;
}
.message-container a .ui-icon {
	display: inline-block;
	margin-bottom: -4px;
}
.gallery .gal-item {
	position: relative;
	display: inline-block;
	cursor: pointer;
}
.gallery .gal-item a:focus{
	outline: none;
}
.gallery .gal-item a:after{
	content:"\e003";
	font-family: 'Glyphicons Halflings';
	opacity: 0;
	background-color: rgba(0, 0, 0, 0.75);
	position: absolute;
	right: 0;
	left: 0;
	top: 0;
	bottom: 0;
	text-align: center;
	line-height: 210px;
	font-size: 30px;
	color: #fff;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
.gallery .gal-item a:hover:after{
	opacity: 0.5;
}
.gallery .modal{
	background-color: rgba(0,0,0,0.4);
}
.gallery .modal-body{
	padding: 0;
}
.gallery .modal-body img {
	height: 100%;
	width: 100%;
	object-fit:cover;
	-o-object-fit:cover;
}
.gallery .modal button.close{
	position: absolute;
	width: 25px;
	height: 25px;
	background-color: #000;
	opacity: 1;
	color: #fff;
	z-index: 999;
	right: -12px;
	top: -12px;
	border-radius: 50%;
	font-size: 15px;
	border: 2px solid #fff;
	line-height: 25px;
	-webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,0.35);
	box-shadow: 0 0 1px 1px rgba(0,0,0,0.35);
}
.gallery .modal button.close:focus{
	outline: none;
}
.gallery .modal button.close span{
	position: relative;
	top: -3px;
	font-weight: lighter;
	text-shadow:none;
}
.gallery .modal.fade .modal-dialog {
	-webkit-transform: scale(0.1);
	-moz-transform: scale(0.1);
	-ms-transform: scale(0.1);
	transform: scale(0.1);
	top: 100px;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.gallery .modal.fade.in .modal-dialog {
	-webkit-transform: translate3d(0, -100px, 0);
	transform: translate3d(0, -100px, 0);
	opacity: 1;
}
@media (min-width: 768px) {
.gallery .modal .modal-dialog {
	width: 55%;
	margin: 50% auto;
}
}
@media (max-width: 768px) {
.gallery .modal .modal-content{
		height:250px;
	}
}
.chat-container .left,
.chat-container .right {
	border: 1px solid #ddd;
	margin-bottom: 8px;
	border-radius: 4px;
	padding: 8px;
	width: 90%;
	box-shadow:0 1px 1px 0 rgba(0,0,0,0.16),0 1px 1px 0 rgba(0,0,0,0.12) !important;
}
.chat-container .left .date {
	float: right;
}
.chat-container .right,
.chat-container .right .sender {
	float: right;
}
.chat-container .right .date {
	float: left;
}

#web-report textarea {
	width: 100%;
}

#web-report .glyphicon-exclamation-sign {
	color: red;
}

#web-report .glyphicon-ok {
	color: green;
}

.document-download-a {
	display: inline-block;
	max-width: 225px;
	word-break: break-all;
}

.document-download-a span {
	word-break: break-all;
}


/* Components */
.token {
	width: 100%;
}

.token__key {
	width: 40%;
	float: left;
	margin-right: 20px;
	vertical-align: top;
}

.token__value {
	float: left;
	width: calc(60% - 20px);
	word-break: break-word;
	word-wrap: break-word;
}

.task-info__table {
	table-layout: fixed;
	width: 100%;
}

.task-info__table td {
	word-wrap: break-word;
}

.profile-header__status {
	white-space: nowrap;
}

.chat-for-case__tasks {
	padding-right: 10px;
}

.site-visit-pic--empty {
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
}

.floor-planer-pic--empty {
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
}

.report-pic--empty {
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
}

.workplan-template-dialog__input {
	width: 100%;
	padding: 6px 12px;
	font-size: 14px !important;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	margin: 15px 0 0;
}

.workplan-template-dialog__select {
	width: 100%;
	padding: 6px 12px;
	font-size: 14px !important;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	margin: 15px 0 0;
}

.workplan-template-dialog__list {
	width: 100%;
	margin: 15px 0 0;
	height: 250px;
	padding: 0;
	overflow-y: scroll;
	overflow-x: auto;
}

.workplan-template-dialog__item {
	cursor: pointer;
	padding: 7px;
	margin: 0;
	border-bottom: 1px solid #77ACD5;
}

.workplan-template-dialog__item--selected {
	background-color: #e9e9f1;
}

.workplan-template-dialog__buttons-container {
	margin: 15px 0;
	text-align: right;
}

.workplan-template-dialog__item:hover {
	background-color: #e9e9f1;
}

.workplan-template-dialog__ok-icon {
	display: inline-block;
	width: 15px;
	color: #A2D500;
	vertical-align: middle;
}

.workplan-template-dialog__ok-icon--hidden {
	visibility: hidden;
}

.workplan-template-dialog__list-header {
	font-weight: bold;
	margin: 15px 0 0;
	padding: 0;
}

.workplan-template-dialog__options-container {
	margin: 15px 0 0;
}

.workplan-template-dialog__option-container {
	margin: 5px 0 0;
}

.workplan-template-dialog__button {
	margin: 0;
	cursor: pointer;
	border: 1px solid #c5dbec;
	background: #dfeffc url(images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x;
	font-weight: bold;
	color: #2e6e9e;
	padding: 5px 12px;
	border-radius: 5px;
}

.workplan-template-dialog__button--disabled {
	opacity: .35;
	background-image: none;
	cursor: not-allowed;
}

.workplan-template-dialog__button--cancel {
	background: #ffffff;
}

.workplan-template-dialog__template-name {
	display: inline-block;
	width: calc(70% - 80px);
	overflow: hidden;
	vertical-align: middle;
}

.workplan-template-dialog__template-owner {
	display: inline-block;
	border-left: 1px solid #77ACD5;
	width: 15%;
	padding-left: 15px;
	overflow: hidden;
	vertical-align: middle;
}

.workplan-template-dialog__template-room-name {
	display: inline-block;
	border-left: 1px solid #77ACD5;
	width: 15%;
	padding-left: 15px;
	overflow: hidden;
	vertical-align: middle;
}

.workplan-template-dialog__remove-template {
	display: inline-block;
	width: 45px;
	color: rgba(255, 0, 0, 0.7);
	vertical-align: middle;
	border-left: 1px solid #77ACD5;
	padding-left: 15px;
}

.workplan-template-dialog__remove-template:hover {
	color: rgba(255, 0, 0);
}

.workplan-template-dialog__remove-template--hidden {
	visibility: hidden;
}

.workplan-template-dialog__logs-container {
	max-height: 400px;
	overflow: auto;
}

.update-workplan-container {
	margin-left: 2px;
	float: left;
}

.workplan-template-menu-container {
	float: left;
	margin-left: 3px;
}

.workplan-template-menu-container--inside-popup {
	margin-left: 20px;
}

.workplan-template-menu {
	position: relative;
}

.workplan-template-menu__error {
	position: absolute;
	top: -15px;
	color: #FF0000;
}

.workplan-search-container {
	float: left;
}

.workplan-search {
	position: relative;
}

.workplan-search__clear-btn {
	position: absolute;
	right: 7px;
	top: 10px;
	cursor: pointer;
}

.workplan-template-menu__input-container {
	display: inline-block;
	vertical-align: middle;
}

.workplan-template-menu__buttons-container {
	display: inline-block;
	vertical-align: middle;
}

.workplan-template-menu__button {
	max-width: 150px;
	overflow: hidden;
}

.external-material-table__row--selected {
	background: #f5f5f5;
}

.external-material-table__amount-input {
	width: 100%;
	text-align: center;
}

.external-material-table__cell {
	text-align: center;
}

.external-material-table__cell--name {
	text-align: left;
}

.external-material-table__cell--amount {
	position: relative;
	overflow: hidden;
}

.external-material-table__amount-holder {
	/* workaround to to make it take whole height of the td */
	margin: -1000px;
	padding: 1000px;
	cursor: pointer;
}

.external-material-table__amount-holder--empty {
	color: #a94442;
}

.external-material-table__amount-holder--disabled {
	cursor: auto;
	background: #ececec;
}

.external-material-table__amount-edit-icon {
	position: absolute;
	top: -6px;
	right: -5px;
}

#icc-repair-plan-input-holder .workplan-ready-text{
	padding-left: 10px;
	padding-right: 5px;
}

.authenticated-devices__remove-btn {
	display: inline-block;
	color: rgba(255, 0, 0, 0.7);
	cursor: pointer;
}

/* END Components */

/*'weird' selectors are used to strengthen specifity without increasing location dependency*/
.alertify-notifier.alertify-notifier, .ajs-modal.ajs-modal.ajs-modal, .ajs-dimmer.ajs-dimmer.ajs-dimmer {
	z-index: 2000;
}

#dashboard-caseList > tbody > tr > td {
	padding: 0;
}

#dashboard-caseList.table > thead > tr > th,
#dashboard-caseList.table tbody tr td a table td {
	padding: 2px;
}

#dashboard-caseList.table td.dashboard-caseList-caseHandler {
	 word-break: break-all;
}
#generate-pdf-component-container {
	float: right;
}
#generate-custom-pdf-dialog {
	z-index: 9999;
}

.table.web-report-dynamic-table tbody > tr > td {
	padding: 4px;
}

.table.web-report-dynamic-table > tbody > tr > td > input.form-control {
	padding: 4px 4px;
}

.table.web-report-dynamic-table tbody > tr > td.web-report-dynamic-table__delete-column-td {
	text-align: center;
	vertical-align: middle;
}

.team-statistics__calendar .ui-datepicker {
	min-width: 220px;
	width: auto;
}

@media (min-width: 992px) {
	.web-report-modal.modal-lg {
		width: 970px;
	}
}

.table.web-report-dynamic-table tr > td.web-report-dynamic-table__td--clean-border-bottom {
	border-bottom: 2px solid transparent;
}

.clean-border-top {
	border-top: 2px solid transparent !important;
}

.table.web-report-dynamic-table .web-report-dynamic-table__th {
	min-width: 100px;
}

.web-report-modal__container-header-text p {
	padding: 0;
	margin: 0;
}

.web-report-modal__report-template-items ul, .web-report-modal__report-template-items ol {
	padding-left: 15px;
	margin: 0 0 10px 0;
}

.web-report-modal__report-template-items ul {
	list-style: inherit;
}

.web-report-modal__report-template-items ol {
	list-style: decimal;
}

.web-report-modal__report-template-items em, .web-report-modal__report-template-items blockquote {
	font-style: italic;
}

.web-report-modal__report-template-items blockquote {
	color: #666;
	margin: 0 0 10px 0;
}

.web-report-modal__report-template-items code {
	background-color: rgb(243, 243, 243);
	color: black;
}

.web-report__dynamic-table-picture {
	max-width: 200px;
	min-width: 100px;
	display: block;
	height: auto;
}

.web-report__dynamic-table-picture--placeholder {
	width: 100px;
}

.web-report__signature-picture-wrapper {
	text-align: center;
	margin-bottom: 10px;
}

.web-report__signature-picture {
	max-width: 200px;
}

.web-report__text {
	word-wrap: break-word;
	max-width: 100%;
	display: block;
}

.w100 {
	width: 100%;
}

.invoice-table__number {
	padding: 0 !important;
}

.invoice-table__column-header.asc > a::after {
	content: ' \25b2';
}

.invoice-table__column-header.desc > a::after {
	content: ' \25bc';
}

.invoice-log__th {
	border-width: 0 1px 1px 0 !important;
	border-style: solid !important;
}

.invoice-log__table-container {
	border-width: 0 !important;
}

.mt-20 {
	margin-top: 20px;
}

.mb-20 {
	margin-bottom: 20px;
}

div.datetime-input {
	display: flex;
}

.form-group div.datetime-input > span.timezone {
	padding: 7px;
}

.contacts-table {
	font-family:inherit;
	border-collapse: collapse;
	width: 720px !important;
	height: 120px;
}

.contacts-table__add-case {
	font-family:inherit;
	border-collapse: collapse;
	width: 540px !important;
	height: 120px;
}

.contacts-table__cell {
	border: 1px solid #2C3E50;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 7px;
	padding-bottom: 3px;
}

.contacts-table__cell--edit {
	border: 1px solid #2C3E50;
	padding: 4px;
}

.contacts-table__cell--header {
	padding-top: 6px;
	padding-bottom: 6px;
	text-align: center;
	background-color: #2C3E50;
	color: white;
}

.contacts-table__row {
	height: 30px;
}

.contacts-table__flag {
	border-left-style: hidden !important;
	color: #18BC9C;
}

.contacts-table__flag--radio-button {
	margin: 2px 0 0 5px !important;
}

.contacts-table__cell--input {
	height: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: left;
}

.contacts-table__cell--select {
	font-size: 12px;
	height: 20px;
}

.contacts-table__icon {
	height: 15px;
	width: 15px;
}

.contacts-table__icon--add {
	position:absolute;margin-left:-25px;margin-top:-10px;
	padding-bottom: 5px;
	color: #2C3E50;
}

.contacts-table__icon--remove {
	position:absolute;margin-left:-30px;margin-top:17px;
	padding-bottom: 5px;
	color: #FF4343;
}

.contacts-table__phone-icons {
	padding-right: 2px;
	padding-bottom: 2px;
}

.contacts-table__blank-row {
	height: 15px !important;
	background-color: #FFFFFF;
	border-left-style: hidden !important;
	border-right-style: hidden !important;
	border-bottom-style: hidden !important;
}

.row-no-padding [class*="col-"] {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.add-meeting-modal__picking-in-customer-tz-container {
	line-height: 20px;
}

.text-decoration-none {
	text-decoration: none !important;
}

.standard-form .label {
	font-weight:bold;
}

.naturedamagepool-logs .logentry {
	font-weight:bold;
}

#cost-control-header,
#cost-control-body,
#adminControlTable .headtable,
#adminControlTable .body,
#cost_statistics_div .headtable,
#cost_statistics_div .body,
#invoice-statistics-header,
#invoice-statistics-body,
#invoiceControlTable .headtable,
#invoiceControlTable .body {
	min-width: 100%;
}

#costControlTable.fps #cost-control-header,
#costControlTable.fps #cost-control-body {
	min-width: initial;
}

.assign-partner-logs .logentry, .assign-inspector-logs .logentry, .subcontractor-logs .logentry,
.task-allocated-logs .logentry, .task-office-update-log .logentry, #basic-info .label, #milestones .label,
#inspection-tabs .label, #upper-common-container .label, #quick-report .label {
	font-weight:bold;
}