/* Reset */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a,
abbr, acronym, address,
big, cite, code, del,
dfn, em, font, img, ins,
kbd, q, s, samp, small,
strike, strong, sub, tt
,var, b, u, i, center, dl,
dt, dd, ol, ul, li, fieldset,
form, label, legend, table,
caption, tbody, tfoot, thead,
tr, th, td {
	background: none repeat scroll 0 0 transparent;
	border: 0 none;
	font-size: 100%;
	margin: 0;
	outline: 0 none;
	padding: 0;
	vertical-align: baseline;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none outside none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: none;
}

:focus {
	outline: 0 none;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size:12px;
	width:100%;
}

td,
th {
	vertical-align: middle;
}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on September 21, 2011 04:01:12 AM America/New_York */

@font-face {
	font-family: 'OpenSans';
	src: url('../font/opensans_normal.eot');
	src: url('../font/opensans_normal.eot?#iefix') format('embedded-opentype'),
		 url('../font/opensans_normal.woff') format('woff'),
		 url('../font/opensans_normal.ttf') format('truetype'),
		 url('../font/opensans_normal.svg#OpenSans') format('svg');
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: 'OpenSansBold';
	src: url('../font/opensans_bold.eot');
	src: url('../font/opensans_bold.eot?#iefix') format('embedded-opentype'),
		 url('../font/opensans_bold.woff') format('woff'),
		 url('../font/opensans_bold.ttf') format('truetype'),
		 url('../font/opensans_bold.svg#OpenSansBold') format('svg');
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: 'OpenSansSemiBold';
	src: url('../font/opensans_semibold.eot');
	src: url('../font/opensans_semibold.eot?#iefix') format('embedded-opentype'),
		 url('../font/opensans_semibold.woff') format('woff'),
		 url('../font/opensans_semibold.ttf') format('truetype'),
		 url('../font/opensans_semibold.svg#OpenSansSemiBold') format('svg');
	font-weight: normal;
	font-style: normal;
}


html {
	background-color:#333;
}

html.cweb,
html.clean_index {
	background-color:#FFF;
}

.tooltip {
	position: absolute;
	padding: 5px 10px;
	background-color:#666;
	color:#FFF;
	font-size:11px;
	z-index:99999;
	text-align:left;
	width:auto;
}

.clearfix {
	clear:both;
}

.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	font-size: 0;
}

.important {
	font-family: 'OpenSansSemiBold';
	color:red;
}

.notUrl {
	cursor: default;
}

.accepted {
	font-family: 'OpenSansSemiBold';
	font-size:16px;
	float:left;
	margin-right:10px;
}

/* jQuery UI related */
.ui-dialog-buttonset button {
	margin-left:5px;
}

.ui-autocomplete {
	position: absolute;
	cursor: default;
	background-color:#FFF;
	max-height: 160px;
	overflow-y:auto;
	overflow-x:hidden;
}

* html .ui-autocomplete {
	width:1px;
} /* without this, the menu expands to 100% in IE6 */

.ui-menu {
	list-style:none;
	margin: 0;
	display:block;
	float: left;
	text-align:left;
	border:1px solid #CCC;
	border-top:none;
}

.ui-menu .ui-menu {
	margin:0;
}

.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
	border-bottom:1px solid #eee;
}

.ui-menu .ui-menu-item a,
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	text-decoration:none;
	display:block;
	margin:0;
	line-height:30px;
	zoom:1;
	padding: 1px 4px;
	font-size:16px;
	color:#333;
}

.ui-menu .ui-menu-item a.ui-state-hover {
	background-color:#eee;
}

.wait-msg {
	margin: 30px auto;
	width: 250px;
	display: block;
}

.wait-msg span {
	display: block;
	float: left;
	margin-left: 20px;
	padding-top: 6px;
}

#article_auto_wrapper_hack {
	float:left;
	position:absolute;
	clear:both;
}

#login_userxid {
	border: 3px solid #105ea3;
}

table.ui-datepicker-calendar {
	width:200px;
}

.ui-datepicker {
	border: none;
	color:#FFF;
	background-color:#30678F;
	padding: 9px;
	display: none;
	z-index: 1000 !important;
}

.ui-datepicker .ui-datepicker-prev {
	position:absolute;
	z-index:20;
	top: 7px;
	height: 17px;
	font-size:11px;
	display:block;
	left:8px;
	background-color: #FFFFFF;
	padding-left: 3px;
	padding-right: 3px;
}

.ui-datepicker .ui-datepicker-next {
	position:absolute;
	z-index:20;
	top: 7px;
	height: 17px;
	font-size:11px;
	display:block;
	background-color: #FFFFFF;
	right:8px;
	padding-left: 3px;
	padding-right: 3px;
}

.ui-datepicker .ui-datepicker-prev:hover ,
.ui-datepicker .ui-datepicker-next:hover {
	color:#FFF;
	background-color:#13527F;
}

.ui-datepicker-header {
	background-color:#13527F;
	width:100%;
	position: relative;
	padding: 5px 0;
}

.ui-datepicker a.ui-state-default {
	background-color: #13527F;
	color: #FFFFFF;
	display: block;
	padding: 2px 4px;
	text-decoration: none;
}

.ui-datepicker-title {
	color:#FFF;
	font-size:14px;
	font-family:'OpenSansSemiBold';
	line-height:24px;
	width:200px;
}

.ui-datepicker td {
	padding:1px;
}

.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 40%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; }

.ui-dialog {
	position: absolute;
	padding:10px 20px 25px;
	width:600px;
	background-color:#FFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
}

.ui-dialog .ui-dialog-titlebar {
	position: relative;
}

.ui-dialog .ui-dialog-title {
	display: none;
}

.ui-dialog .ui-dialog-titlebar-close {
	background-color: #333333;
	color: #FFFFFF;
	font-family: OpenSansBold;
	font-size: 17px;
	height: 16px;
	padding: 7px 10px;
	position: absolute;
	right: -33px;
	text-decoration: none;
	top: -23px;
	z-index: 9999;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius:15px;
}

.ui-dialog .ui-dialog-titlebar-close span {
	display: block;
	margin: 0;
}

.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	background: none;
	overflow: auto;
	zoom: 1;
	text-align:left;
}

.ui-dialog .ui-resizable-se {
	width: 14px;
	height: 14px;
	right: 3px;
	bottom: 3px;
}

.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}

.order_template_ul {
	width:100%;
	position: relative;
	margin-top:4px;
	padding-bottom:5px;
}

.order_template_ul li {
	width:96%;
	line-height: 20px;
	padding:0 2%;
}

.order_template_ul li label {
	float:left;
	font-weight:400;
	font-family:"OpenSansSemiBold";
	font-size:13px;
}

.order_template_ul li span {
	float:right;
	font-size:13px;
}

.ui-widget-overlay {
	background: #000;
	opacity: .50;
	filter:Alpha(Opacity=50);
	position: absolute;
	top:0;
	left:0;
}

#dialog-confirm {
	display: none;
}

.search-nav {
	line-height:40px;
}

/* Form */
form {
	width:100%;
	clear: both;
	float: left;
	padding-bottom: 20px;
	position: relative;
}

label {
	clear: both;
	float: left;
	font-size: 13px;
	font-family:'OpenSansSemiBold';
	font-weight:400;
	line-height: 22px;
	padding-bottom: 1px;
}

span.mandatory_after {
	color: #006699;
	padding-left:5px;
	font-weight:700;
}

#article_form span.mandatory_after {
	float: right;
}

.frontpage_index span.mandatory_after {
	color: #FFF;
}

.big label, label.big {
	font-size: 16px;
	line-height: 25px;
	margin-top: 10px;
	padding-bottom: 3px;
	font-family:'OpenSansBold';
}

.big li a {
	white-space: nowrap;
}

ul.big li{
	width:100%;
}

p.desc, label .desc{
	color:#999;
	font-size:12px;
	font-family:'OpenSansSemiBold';
	padding-bottom: 2px;
}

.big p.desc {
	font-size:14px;
	line-height: 20px;
	padding-bottom: 6px;
}
input[type="radio"],.radio {
	float:left;
	clear:none;
}

.field,
.fake_field,
.error_field {
	position: relative;
	background-color:#F7F7F7;
	border: 1px solid #CCC;
	color: #333333;
	float: right;
	font-size: 13px;
	line-height:22px;
	height: 20px;
	width:60%;
	padding:0 1px;
	word-wrap: break-word;
}

.fake_field {
	background-color: #fff;
	border: none;
	height: auto;
}

.big .field,
.field_big {
	font-size: 16px;
	height: 35px;
	line-height:35px;
	clear: both;
	width:97%;
	padding-left: 1%;
	padding-right: 1%;
	position: relative;
	border: 1px solid #CCC;
	color: #333333;
}

.field:focus,
.field_big:focus {
	border:1px solid #aaa;
}

.error_field {
	background-color:#EDBEBE !important;
	border:1px solid #FA4848 !important;
}

.error_msg {
	float:left;
	clear:left;
	color:red;
	line-height:18px;
	font-size:11px;
	padding-left:2px;
}

.error_button {
	color:red !important;
}

.unread-msg {
	font-family: 'OpenSansBold';
	font-size:11px;
}

/* This is taken from old bluefront.css.. added in order to have consistency for error handling in
old and new version of reg_customer.xsl */
input.error,
button.error,
textarea.error {
	border-color: red;
}

textarea.field,
textarea.field_small {
	height: 99%;
	min-height:75px;
}

span.option {
	float:left;
	margin:0 20px 0 3px;
	font-size: 13px;
	font-family:'OpenSansSemiBold';
	font-weight:400;
	line-height: 22px;
}

span.dropdown_arrow {
	display:block;
	position: absolute;
	right:12px;
	top:37%;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 10px solid #666;
	border-bottom:0;
}

.input_div {
	position:relative;
	width:100%;
	overflow:hidden;
	clear: both;
	padding-bottom:6px;
}

.tooltip-balloon {
	display: none;
	padding: 10px;
	z-index: 100;
}

.tooltip-field {
	position: relative !important;
}

.tooltip-field input:focus~.tooltip-balloon {
	background: #666;
	border-radius: 3px;
	bottom: -52px;
	color: white;
	display: inline;
	min-height: 15px;
	max-width: 500px;
	left: 31%;
	line-height: 15px;
	position: absolute;
}

.tooltip-field .intl-tel-input input:focus~.tooltip-balloon {
	left: 4%;
	min-height: 25px;
	line-height: 15px;
	bottom: -55px;
	position: absolute;
}

.tooltip-field input:focus~.tooltip-balloon:before {
	display: block;
	content: "";
	position: absolute;
	top: -5px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #666;
}

.col_2,
.col_1 {
	padding:2px 0;
	position: relative;
}

.col_2 {
	float:left;
	width:48%;
	clear:left;
}

.col_1 {
	float:left;
	width:100%;
	clear:both;
}

.col_1 .field,
.col_1 .fake_field,
.col_1 .error_field {
	width:683px;
}

.col_1  select.field,
.col_1 select.fake_field {
	width:687px;
}

.col_2 .field,
.col_2 .fake_field,
.col_2 .error_field {
	width:260px;
}

.col_2 .fake_field input[type="checkbox"] {
	margin-left:-4px;
}

.col_2 .date_field {
	width:234px;
}

.col_2 select.field,
.col_2 select.fake_field {
	width:264px;
}

.col_1 label {
	width:231px;
}

.col_1 .with_select {
	width:140px !important;
	float:right;
	margin-right:2px !important;
	margin-left:32px !important;
}

/* Override width, but only in order form. **/
#order_page_container .col_1 label {
	width:180px;
}

.col_2 label {
	width:170px;
}

.b_col_3 label {
	width:170px;
}

.b_col_3 input {
	width:40px;
}

.fake_field .checkbox_div {
	margin-left:0 !important;
	float:left;
}

fieldset {
	border-top:1px solid #CCC;
	margin-top:5px;
	clear:both;
	float:left;
	width:100%;
}

fieldset .col_2,
fieldset .col_1 {
	padding:0;
}

fieldset .section_content {
	margin-top:4px;
}

legend {
	background-color:#FFF;
	font-size:18px;
	line-height:36px;
	font-family:'OpenSansBold';
	font-weight:400;
	padding:0 10px 0 2px;
}

:disabled,
.disabled {
	background-color:#CCC;
	border:1px solid #CCC;
	cursor: default;
}

/* Override needed due to :disabled above. Otherwise selects with error do NOT show red background if they are disabled. */
select.error_field {
	background-color:#EDBEBE !important;
	border:1px solid #FA4848 !important;
}

input.error_field {
	background-color:#EDBEBE !important;
	border:1px solid #FA4848 !important;
}

.button:disabled {
	border:none !important;
	background-color:#CCC !important;
	color:#AAA !important;
}

.readonly {
	background-color:#FFF !important;
	border:none !important;
}


.buttons-left{
	clear:left;
	float:left;
	position: relative;
}

.buttons-left .button{
	margin-right:5px;
	float:left;
}

.buttons-right{
	clear:right;
	float:right;
	position: relative;
}

.buttons-right .button{
	float:right;
	margin-left:5px;
}

.button,
.ui-dialog-buttonset button {
	cursor:pointer;
	display: inline-block;
	line-height:20px;
	background-color: #006699;
	border: none;
	color: #FFFFFF;
	float: right;
	font-family:'OpenSansBold';
	font-weight:400;
	font-size: 13px;
	margin-top: 20px;
	overflow: visible;
	padding: 1px 8px;
	height:24px;
	text-transform: uppercase;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius:4px;
	position: relative;
}


.hidden_table .checkbox_div {
	margin-left:0 !important;
}

.hidden_table td {
	height:35px;
}

.button:hover,
.button:active {
	background-color: #4C94B7;
}

a.button,
a.back,
a.close,
a.copy {
	text-decoration:none;
	height:22px;
}

.error {
	clear: both;
	color: red;
	display: block;
	float: left;
	font-size: 11px;
	margin-top: 8px;
}

.error_no_clear {
	color: red;
	display: block;
	float: left;
	font-size: 11px;
	margin-top: 8px;
}

.checkbox_error {
	color: red;
	float: left;
	font-size: 11px;
	margin-left: 5px;
	line-height: 23px;
}

.back,
.close,
.back_step{
	background-color:#AAA !important;
	text-decoration:none;

}

.copy {
	background-color: green;
	text-decoration:none;
}

.delete {
	background-color:red !important;
	text-decoration:none;
}

.trash {
	background:red url("../img/icon_trash.png") no-repeat 4px 3px !important;
	text-indent:-999px;
	width:7px;
	height:21px;
}

.back:hover,
.close:hover,
.copy:hover {
	background-color:#BBB;
}

.icon {
	background-color:#069;
}

/* Commom */
html {
	overflow: auto;
}

body {
	position:relative;
	color: #444;
	font-family: 'OpenSans',
	sans-serif;
	font-size: 12px;
	line-height: 18px;
	text-align: center;
	background-color: #FFFFFF;
	clear: both;
	overflow: visible;
}

a {
	color: #006699;
	cursor: pointer;
}

h1,
h2 {
	clear: both;
	float: left;
	font-size: 22px;
	font-family:'OpenSansBold';
	font-weight:400;
	letter-spacing: -1px;
	line-height: 34px;
	padding-bottom: 8px;
}

h1 div {
	float: left;
}

h2 {
	font-family:'OpenSansSemiBold';
	margin-bottom:3px;
	margin-top:8px;
	float:none;
	background-color: #EEE;
	border-left: 10px solid #006699;
	font-size: 15px;
	line-height:24px;
	letter-spacing: 0;
	padding:0 10px;
	-moz-border-radius: 0 3px 3px 0 ;
	-webkit-border-radius:0 3px 3px 0 ;
	border-radius:0 3px 3px 0 ;
	position: relative;
}

h2.plain {
	border:none;
	background-color:#FFF;
	padding:0;
}

h3 {
	font-size:18px;
	font-family:'OpenSansBold';
	clear:both;
	padding:10px 0 3px;
	font-weight:400;
}

p {
	width:100%;
	clear: both;
	float: left;
	margin-bottom: 5px;
	text-align: left;
}

div.hr {
	border-bottom: 1px solid #E8E8E8;
	clear: both;
	height: 3px;
	width: 100%;
	float:left;
	margin:10px 0;
}

.arrow_down,
.arrow_up {
	background-image: url("../img/arrow.png");
	background-position:0 0;
	display: block;
	height: 15px;
	position: absolute;
	right: 6px;
	top: 4px;
	width: 15px !important;
}

.arrow_up {
	background-image: url("../img/arrow.png");
	background-position:0 15px;
}

.boldfont {
	font-weight: bold;
}

.section_content,
.fake_section_content {
	margin:6px 1% 0;
	overflow:hidden;
	padding-bottom:2px;
	width:98%;
}

.defaultText {
	color: #444 !important;
}

.defaultTextActive {
	color: #999 !important;
}

textarea,input,select {
	font-family: "OpenSans", sans-serif;
}

input[type="password"] {
	font-family: Arial, Verdana, sans-serif !important;
}

textarea {
	resize: vertical;
}

.copy_arrow_left,
.copy_arrow_right {
	margin-left:17px;
	background-image:url("../img/copy_arrow.png");
	background-position:24px 0;
	width:24px;
	height:24px;
	display:block;
	float:left;
}

.copy_arrow_right {
	background-position:0 0;
	margin-left:3px;
}

#order_info_form {
	padding-bottom:0;
}

#article_form .checkbox_div,
#order_info_form .checkbox_div {
	float:left;
	font-family: 'OpenSansSemiBold';
	font-size: 14px;
	margin: 5px 0 0 13px;
	position:relative;
}

#article_form .checkbox_div {
	clear:both;
	margin:8px 0 0 -3px;
}

.checkbox_div input {
	float:left;
}

.checkbox_div div,
.checkbox_div span {
	float:left;
}

.checkbox_div.unavailable_flow {
	margin-left: 20px;
	color: #A9A9A9;
	list-style: circle;
	text-indent: -2px;
}

.barring_errormsg {
	margin-left:18px;
	margin-top:-10px;
	font-size:10px !important;
	color:red;
}

.big .checkbox_div span {
	position:relative;
	top:2px;
}

.big .indicator_error {
	margin: 3px 0 0 3px;
	float:left;
	color:red;
	position: relative;
	background: none;
	width:auto;
	height:28px;
	line-height:30px;
}

.big .indicator_ok {
	margin: 3px 0 0 15px;
	float:left;
	position: relative;
	background: transparent url("../img/form_icon_big.png") no-repeat 0 -29px;
	width:28px;
	height:28px;
	line-height:15px;
}

.big .indicator_loading {
	margin: 3px 0 0 15px;
	float:left;
	position: relative;
	background: transparent url("../img/icon_loading_big.gif") 0 -28px;
	width:28px;
	height:28px;
}

.big .icon {
	background-color: #006699;
	float: left;
	height: 30px;
	margin-right: 8px;
	width: 30px;
}


.icon_calendar {
       background: #006699 url("../img/form_icon_cal.png") -10px -9px;
       width:20px;
       height:20px;
       margin: 0 0 0 6px;
       float:right;
       cursor:pointer;

 }

.big .icon_calendar {
	   background-image: url("../img/form_big_icon_cal.png");
	   background-position: -11px -10px;
       width:28px;
       height:28px;
       margin: 3px 0 0 10px;
       float:left;
}



#icon_customer {
	background-image: url("../img/icon_customer.png");
}

#icon_customer {
	background: transparent url("../img/icons_green.png") -47px 6px;
	width:25px;
	height:20px;
}

#icon_order {
	background-image: url("../img/icon_order.png");
}

#loading_box {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius:3px;
	position: relative;
	z-index: 9999;
	font-size:10px;
	color:#FFF;
	background:#333;
	line-height:30px;
	width: 120px;
	height: 30px;
	text-indent: 20px;
	position: absolute;
	margin-left: -60px;
	margin-top: -15px;
	left: 50%;
	top: 50%;
	z-index:99999;
	display: none;
}

#grey_screen {
	position: absolute;
	left: 0;
	top: 0;
	background: #000;
	z-index: 9999;
}

ul,
ul li {
	float:left;
	clear:both;
}

	#view-customer_access-viewNew ul,
	#view-customer_access-viewNew ul li,
	#view-customer_access-viewNew a {
		width: 100%;
	}

input.searchbox {
	width: 100%;
	border:none;
	background: inherit;
	font-size: 16px;
	color: #333333;
}

div.fieldset_custom_div{
	width:100% !important;
}

input.fieldset_custom_input{
	float: left !important;
	margin-left: 86.5px !important;
}

span.fieldset_custom_span {
	margin-top: 0px !important;
}

/* Steps */
.step_list {
	padding:6px 0 10px;
	line-height:20px;
	display: inline;
}

.step_list li {
	display:inline-block;
	float:left;
	clear:none;
	font-size: 14px;
	font-family:"OpenSansBold";
	color: #CCC;
	padding-right:23px;
	background:transparent url("../img/step.png") no-repeat 97% 50%;
	margin-bottom: 5px;
}

.step_list li:last-child {
	background:transparent none;
}

.step_list li.active {
	color:#006699;
}

.step_list li div {
	float:left;
	position:relative;
	margin-right:3px;
}

.step_list li label {
	line-height:20px;
	font-size: 15px;
	float: left;
	clear:none;
}

.step_list li.active span.nr {
	background-color:#006699;
}

.step_list li span.nr {
	background-color:#CCC;
	padding:1px 6px;
	color:#FFF;
	margin-right:2px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
}

#claim_type_ul {
	margin-top: 3px;
	width: 100%;
}

#claim_type_ul li {
	line-height:40px;
	font-size:16px;
	line-height:32px;
	position:relative;
	font-family:'OpenSansSemiBold';
	clear:both;
	width:100%;
}

#claim_type_ul li input {
	margin:0 5px 0 0;
	position:relative;
	top:5px;
}

#claim_type_ul .checklist_ul li {
	font-size:13px;
	line-height:22px;
	font-family:'OpenSans';
	margin-top:5px;
}

#claim_type_ul .checklist_ul {
	margin:2px 0 0 0px;
	padding: 8px 3%;
	width: 94%;
	background-color:#e8e8e8;
	color: #333;
}

#claim_type_ul .checklist_ul li input {
	top:0;
}

#claim_type_ul .checklist_ul li div {
	width:596px;
}

#prev_order_table {
	top: 10px;
	position: relative;
	width:100%;
	font-size:14px;
}

#prev_order_table th {
	background-color:#e8e8e8;
	padding: 0 8px;
}

#prev_order_table td {
	padding: 0 8px;
}

#prev_order_table tr {
	border-bottom: 1px solid #E8E8E8;
	line-height:34px;
}

#org_confirm {
	font-family:"OpenSansBold";
	font-size:14px;
	float: right;
}

.dropdown_base {
	margin-bottom: 11px;
	position: relative;
}

.base_dropdown {
	width:938px;
	position: absolute;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	background-color:#FFF;
	max-height:185px;
	overflow-y:auto;
}

.base_dropdown li {
	line-height:35px;
	border-bottom:1px solid #CCC;
	padding:0 1%;
	width:98%;
	text-align:left;
	font-size:14px;
}

.base_dropdown li:hover,
.base_dropdown li.hover {
	background-color:#eee;
}

.base_dropdown li .xid,
.base_data .xid {
	display: none;
}

.base_dropdown li .action,
.base_data .action {
	font-family:"OpenSansBold";
	color:#006699;
	margin-left: 8px;
}

.base_dropdown li .street,
.base_data .street {
	font-family:"OpenSansBold";
	width:770px;
	float:left;
}

/* Person droptown uses 'firstname' and 'surname', but contact dropdown uses 'first_name' and 'last_name'. */
.base_dropdown li .first_name,
.base_data .first_name {
	font-family:"OpenSansBold";
}

.base_dropdown li .firstname,
.base_data .firstname {
	font-family:"OpenSansBold";
}

.base_dropdown li .last_name,
.base_data .last_name {
	font-family:"OpenSansBold";
	margin-left:5px;
}

.base_dropdown li .surname,
.base_data .surname {
	font-family:"OpenSansBold";
	margin-left:5px;
}

.base_dropdown li .email,
.base_data .email {
	font-family:"OpenSans";
	color:#999;
	padding-left: 9px;
	font-size:12px;
}

.base_dropdown li .zipcode,
.base_data .zipcode {
	font-family:"OpenSans";
	font-size:12px;
}

.base_dropdown li .city,
.base_data .city {
	padding-left:12px;
	font-family:"OpenSans";
	font-size:12px;
}

.base_dropdown li .area,
.base_data .area {
	padding-left:12px;
	font-family:"OpenSans";
	font-size:12px;
}

.base_dropdown li .street,
.base_data .street {
	padding-left:12px;
	font-family:"OpenSans";
	font-size:12px;
}

.base_dropdown li .c_o,
.base_data .c_o {
	padding-left:12px;
	font-family:"OpenSans";
	font-size:12px;
}

.base_dropdown li .cost_centre,
.base_data .cost_centre {
	padding-left:12px;
	font-family:"OpenSans";
	font-size:12px;
}

.base_dropdown li .country,
.base_data .country {
	float:right;
	font-family:"OpenSans";
	color:#999;
	font-size:12px;
}

.base_dropdown li .phone,
.base_data .phone {
	font-family:"OpenSansBold";
	float:right;
}

/* Person droptown uses 'firstname' and 'surname', but contact dropdown uses 'first_name' and 'last_name'. */
#person_base_dropdown .firstname,
#person_base_dropdown .surname,
#person_base_dropdown .firstname,
#person_base_dropdown .surname {
	float:left;
}

#person_base_dropdown .customer_number,
#person_base_dropdown .street,
#person_base_dropdown .city,
#person_base_data .street,
#person_base_data .city,
#person_base_data .customer_number {
	float:right;
	width:auto;
	padding-left:10px;
}

#person_base_dropdown .country,
#person_base_dropdown .zipcode,
#person_base_data .country,
#person_base_data .uid,
#person_base_data .zipcode {
	display: none;
}

#person_base_dropdown .uid,
#person_base_dropdown .phone_landline,
#person_base_dropdown .phone_mobile,
#person_base_data .phone_landline,
#person_base_data .phone_mobile,
#person_base_dropdown .phone_landline_country,
#person_base_dropdown .phone_mobile_country,
#person_base_data .phone_landline_country,
#person_base_data .phone_mobile_country {
	display: none;
}

#person_base_dropdown .contact_by_email,
#person_base_dropdown .contact_by_letter,
#person_base_dropdown .contact_by_phone,
#person_base_dropdown .contact_by_sms,
#person_base_data .contact_by_email,
#person_base_data .contact_by_letter,
#person_base_data .contact_by_phone,
#person_base_data .contact_by_sms {
	display: none;
}

#person_base_data .customer_custom_field {
	padding-left: 10px
}

#person_base_dropdown .email {
	float:left;
}

#customer_form, #person_phone_mobile,
#customer_form #contact_phone_mobile,
#customer_form #person_phone_landline {
	border: none
}

#organisation_base_dropdown {
	width:885px;
}

#organisation_base_dropdown .contact_by_email,
#organisation_base_dropdown .contact_by_letter,
#organisation_base_dropdown .contact_by_phone,
#organisation_base_dropdown .contact_by_sms,
#organisation_base_data .contact_by_email,
#organisation_base_data .contact_by_letter,
#organisation_base_data .contact_by_phone,
#organisation_base_data .contact_by_sms {
	display: none;
}

#organisation_base .name,
#organisation_base .vat,
#organisation_base .customer_number,
#organisation_base .phone_number,
#organisation_base_dropdown .cost_centre {
	float:left;
	padding-left:10px;
}

#organisation_base .name {
	font-family:"OpenSansBold";
}

#organisation_base_dropdown .name,
#organisation_base_dropdown .vat,
#organisation_base_dropdown .customer_number,
#organisation_base_dropdown .phone_number,
#organisation_base_dropdown .cost_centre {
	float:left;
	padding-left:10px;
}

#organisation_base .street,
#organisation_base .city,
#organisation_base .c_o,
#organisation_base .area,
#organisation_base .zipcode,
#organisation_base .land {
	float:right;
	width:auto;
	padding-left:10px;
}

#organisation_base_dropdown .name {
	font-family:"OpenSansBold";
}

#organisation_base_dropdown .street,
#organisation_base_dropdown .city,
#organisation_base_dropdown .c_o,
#organisation_base_dropdown .area,
#organisation_base_dropdown .zipcode,
#organisation_base_dropdown .land {
	float:right;
	width:auto;
	padding-left:10px;
}

#organisation_number_div {
	margin:5px 0 25px 5px
}

#delivery_base_dropdown {
	width:885px;
}

#delivery_base_dropdown .street,
#delivery_base_dropdown .city,
#delivery_base_dropdown .c_o,
#delivery_base_dropdown .area,
#delivery_base_dropdown .zipcode,
#delivery_base_dropdown .country,
#delivery_base_dropdown .land {
	float:left;
	width:auto;
	padding-left:10px;
}

#delivery_base_data .street,
#delivery_base_data .city,
#delivery_base_data .c_o,
#delivery_base_data .area,
#delivery_base_data .zipcode,
#delivery_base_data .land {
	float:left;
	width:auto;
	padding-left:10px;
}

#invoice_base_dropdown {
	width:885px;
}

#invoice_base_dropdown .street,
#invoice_base_dropdown .city,
#invoice_base_dropdown .c_o,
#invoice_base_dropdown .area,
#invoice_base_dropdown .zipcode,
#invoice_base_dropdown .country,
#invoice_base_dropdown .land {
	float:left;
	width:auto;
	padding-left:10px;
}

#invoice_base_data .street,
#invoice_base_data .city,
#invoice_base_data .c_o,
#invoice_base_data .area,
#invoice_base_data .zipcode,
#invoice_base_data .land {
	float:left;
	width:auto;
	padding-left:10px;
}

#tdc_delivery_addresses,
#tdc_customer_choice {
	height: 35px !important;
	margin-bottom: 5px !important;
	font-size: 16px !important;
	font-weight: bold !important;
	font-family: "OpenSansBold" !important;
}

#tdc_delivery_addresses .choose,
#tdc_customer_choice .choose {
	font-family: "OpenSansBold" !important;
	color: #006699 !important;
	font-weight: bold !important;
}

#insurance_store {
	height: 35px !important;
	margin-bottom: 5px !important;
	font-size: 16px !important;
	font-weight: bold !important;
	font-family: "OpenSansBold" !important;
}

#insurance_store .choose {
	font-family: "OpenSansBold" !important;
	color: #006699 !important;
	font-weight: bold !important;
}

#phone_number_div {
	margin:5px 0 0 5px
}

#organisation_number_div {
	margin:5px 0 25px 5px
}

#phone_number_div .buttons-left,
#organisation_number_div .buttons-left {
	clear:none;
	margin-left:12px;
	margin-top:6px;
}

#pers_new,
#org_new {
	margin-top:0;
	line-height: 24px;
}

input.base_frame {
	background-color:transparent;
	position:absolute;
	left:0;
	top:0;
	width:936px;
	height:35px;
	z-index:9999;
}

input.base_frame:focus {
	background-color:transparent;
}

#organisation_base_frame,
#person_base_frame {
	width:947px;
}

.base_data {
	width:98% !important;
}

.section_content_neg #delivery_base,
.section_content_neg #invoice_base {
	margin-left:4%;
}

#organisation_search,
#phone_number,
#article_form #IMEI,
#article_form #article,
#article_form #phone_no,
#article_form #hardware_type,
#article_form #replacement_request_description,
#article_form #unitspec_id,
#article_form #organisation_number{
	width:400px;
}

#IMEI_div p.desc {
	width: 500px;
}

#article_form #hardware_type {
	float: left;
	margin-right: 21px;
}

#additional_imei_info{
	float:none;
	display: inline-block;
}

#newsim_div div {
	width: 400px;
	margin-left: 5px;
	line-height: 1.0;
}
#newsim_div div span {
	float: none;
	display: inline-block;
}
#article_form #new_sim_card {
	width: 30px;
}

#article_form #purchase_date, #article_form #insurance_claim_date {
	width:362px;
}

#article_form #no_insurance_found,
#article_form #no_unitspec_data_found {
	width: 450px;
	color: red;
	display: none;
	clear: left;
}

#article_form #insurance_found {
	display: none;
	color: #0A0;
	clear: left;
}

#article_form #imei_validation_errors {
	width: 450px;
	color: red;
	clear: left;
}


/* Easy helper */
.hide {
	display: none;
}

.hide_cursor {
	cursor: none;
}

.chosen {
	background-color: #F7F7DF;
}

.clearFloatForLabel {
	clear: none;
	float:left;
	line-height:30px;
}

.breakword {
	word-break: break-all;
}

.bg_transparent {
	background-color:transparent;
}

.clear_fix {
	float:left;
	width:100%;
	clear:both;
}

/* Layout */
#logo_front {
	background: transparent url('../img/logo_front.png') repeat 0 0;
	float:left;
	margin:20px;
	height:188px;
	width:197px;
	display: block;
}

#not_stable {
	background-color: red;
	color: #FFFFFF;
}

#logo_img {
	width:35%;
}

#header_wrapper,
#main_wrapper,
#footer_wrapper {
	clear:both;
	width:100%;
	position: relative;
	overflow:hidden;
	z-index: 0;
}

#main_wrapper{
	overflow:visible;
	z-index: 1;
}

#footer_wrapper{
	background-color:#333333;
}

#header_wrapper{
	background-color: #13527F;
}

#login_header_wrapper {
	background-color: #064357;
	min-height: calc(100vh - 80px);
	display:flex;
	align-items: center;
	justify-contents: center;
}

#header_left {
	flex: 0 1 49%;
	align-items: center;
	justify-contents: center;
	border-right: 2px solid #437383;
	margin-top:30px;
}

#header_right {
	flex: 0 1 50%;
	align-items: center;
	justify-contents: center;
	margin-top:50px;
}

 #header,
 #footer {
	clear: both;
	width: 960px;
	margin: 0 auto;
}

 #header_main {
	float:left;
	position: relative;
	width:100%;
}

  #branding_logo {
	float: left;
	padding:8px 0 10px 2px;
}

  #branding_logo_replace {
	float: left;
	display:none;
}

#menu {
	clear:none;
	font-family: 'OpenSansBold';
	font-size: 16px;
	bottom:6px;
	right:0;
	position:absolute;
}

  #menu li {
	position: relative;
	cursor:pointer;
	clear:none;
	float:left;
	padding:9px 12px;
	text-align:left;
	margin-left:30px;
	border:none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius:3px;
}

	.portal #menu li {
		margin-left:16px;
	}

#menu li:hover {
	background-color: #345571;
}

#menu li a {
	text-decoration: none;
}

#menu li i{
	font-size:18px;
	float:left;
	margin-right:6px;
}

#menu li *{
	color: #FFF;
}

#menu li i.switch-fa{
	padding:2px 5px 5px !important;
}

#menu li#menu_search,
#menu li#menu_search:hover {
	width:150px;
	padding: 4px 0 0;
	background: transparent;
	position: relative;
}

#header_sub_main li#menu_search,
#header_sub_main li#menu_search:hover {
	width:auto;
	margin-top:0;
	padding:0;
	background: transparent;
	position: relative;
}

#menu_search form {
	padding-bottom: 0;
}

#menu_search input{
	width:143px;
	font-size:12px;
	height:20px;
	padding:4px;
	border:none;
	position: relative;
	z-index: 999;
}

#menu_search #menu_search_input{
	background-color:#e8e8e8;
}

#menu_search button.button {
	border:none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius:3px;
	display: block;
	width:26px;
	height:26px;
	position: absolute;
	top:1px;
	right:1px;
	z-index:999;
	color:#FFF;
	font-size:18px;
	margin-top:0;
}

#menu_search button.button i{
	margin:-3px;
	color:#FFF !important;
}

#header_sub_main #menu_search #menu_search_input {
	height: 16px;
	width: 106px;
	line-height:16px;
}

#header_sub_main  #menu_search button.button {

}

.notification {
	background-color: red;
	font-family: OpenSansBold;
	font-size:11px;
	left:23px;
	line-height: 11px;
	padding:1px 3px 0;
	position: absolute;
	top: 4px;
	color:#FFF;
}

#menu_user {}

   #menu_user a div.pure_text {
	float:left;
	background-image: none !important;
	margin-top: 0;
	}

   #menu_user a {
	float:left;
	}

#header_sub {
	clear:both;
	background-color:#13527F;
}

#header_sub_main {
	width:960px;
	margin: 0 auto;
	overflow: hidden;
}

#header_bottom {
	height:8px;
	clear: both;
	float: left;
	width: 100%;
	background-color:transparent;
}

#quick_side_bar {
	position: absolute;
	left:0;
	top: 20px;
	background:transparent url('../img/bf_bg.png') repeat 0 0;
	width:52px;
	moz-border-radius: 0 5px 0 0;
	-webkit-border-radius: 0 5px 0 0;
	border-radius: 0 5px 0 0 ;
	z-index: 999;
}

#quick_side_bar ul {
	background-color:#13527f;
	margin:10px 10px 10px 6px;
}

#quick_side_bar li a{
	display:block;
	float:left;
	box-sizing: border-box;
    padding:7px 0 0px 8px;
    width:34px;
    height:36px;
    color:#FFF;
}

#quick_side_bar li a i{
    font-size: 22px;
    display:block;
    float:left;
}

	#quick_side_bar  li#quick_search a i{
		font-size:20px;
	}

#quick_side_bar li a:hover {
	background-color: #45769a;
}

#quick_side_bar li#quick_new a{
	padding-top:8px;
}

	#quick_side_bar li#quick_inbox a, #quick_side_bar li#quick_user a {
		position: relative;
		padding-right:8px;
		text-decoration: none;
		font-size: 13px;
		font-family: OpenSansSemiBold;
		width: auto;
		float: left;
		line-height: 30px;
	}

	#quick_side_bar li#quick_inbox a i, #quick_side_bar li#quick_user a i{
		font-size: 18px;
    	padding: 2px 0 0;
	}


	#quick_side_bar li a .pure_text {
		float: left;
	    line-height: 22px;
	    margin-left: 8px;
	}

	i.fa-chevron-down, i.fa-chevron-up {
		margin: 0 0 0 5px !important;
		font-size: 12px !important;
    	padding: 5px !important;
	}

	li#quick_inbox li:hover {
		background-color: #45769A;
	}

#header_sub_main #quick_side_bar {
	position:relative;
	float:right;
	clear:none;
	background: transparent none;
	width:auto;
	top:0;
}

#header_sub_main  #quick_side_bar ul {
	width:auto;
	margin:-1px;
	clear:none;
	background-color:transparent;
}

ul#att_files_list {
    margin-left: 222px;
    margin-top: 10px;
    list-style-type: disc;
}

ul#cust_att_files_list {
    margin-left: 12px;
    margin-top: 3px;
    list-style-type: disc;
}

.att_files_inline {
    margin-left: 5px;
}

#header_sub_main  #quick_side_bar ul li {
	float:left;
	clear:none;
}

#side_bar_switch {
	clear:both;
	height:20px;
	float:left;
	display:block;
	width:100%;
	background-color:#13527f;
}

.close #side_bar_switch{
	height:48px;
}

#side_bar_switch i{
    display: block;
    margin-top: 5px;
    color:#FFF;
}

.close #side_bar_switch i{
    display: block;
    margin-top: 17px;
}

#quick_side_bar.close  ul {
	display: none;
}

#header_sub_main #quick_side_bar #menu_search,
#header_sub_main #quick_side_bar #quick_new,
#header_sub_main #quick_side_bar #quick_follow,
#header_sub_main #quick_side_bar #quick_search,
#header_sub_main #quick_side_bar #quick_inbox,
#header_sub_main #quick_side_bar #quick_user {
	border-left:1px solid #346087;
}

#quick_side_bar.close {
	width:15px;
}

#main {
	clear: both;
	width:960px;
	margin:0 auto;
	padding:40px 0;
	position: relative;
	text-align:left;
	overflow: visible;
}

#loginBox {
	display:none;
	width: 240px;
	padding:8px 0 0 20px;
	top:0;
	right:0;
	position: absolute;
	background: transparent url('../img/bf_bg.png') repeat 0 0;
	moz-border-radius: 0 0 4px 4px;
	-webkit-border-radius:0 0 4px 4px;
	border-radius:0 0 4px 4px;
	z-index: 1000;
	}

  #loginBox.sub_bottom {
	background:#13527f none;
	}

  #loginBox .button {
	clear:none;
	float:left;
	line-height:20px;
	color:#30678F;
	background-color:#FFF;
	font-size: 13px;
	height:26px;
	padding:4px 8px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius:3px;
	}

  #loginBox .field {
	height:26px;
	width:100px;
	}

  #loginBox label,
  #logoutLink {
	color: #FFF;
	line-height: 24px;
	}

  #logoutLink {
	color: #FFF;
	float:left;
	margin:12px 20px 0 0;
	padding: 0;
	white-space: nowrap;
	overflow: hidden;
	text-decoration: none;
	font-family:'OpenSansBold';
	}

	#logoutLink:hover {
		text-decoration: underline;
	}

#language {
	float: right;
	margin: 0 0 0;
}

#main_content {
	clear: both;
	float: left;
	margin: 20px 1% 0;
	text-align: left;
	width:98%;
}

#footer {
	width:960px;
	padding:0 0 15px;
	clear: both;
	color: #ddd;
	font-size: 11px;
	margin: 20px auto 0;
	overflow: hidden;
}

#footer_narrow {
	text-align:left;
	border-top: 1px solid #E8E8E8;
	clear: both;
	color: #ddd;
	float: left;
	font-size: 10px;
	margin-top: 20px;
	padding: 5px 0 20px;
	width: 100%;
}

#powered_by {
	line-height:20px;
	float:left;
	text-align: left;
}

#footer_menu {
	line-height:20px;
	clear:none;
	float: right;
	text-align: left;
}

#footer_menu li {
	margin-left:20px;
	font-size: 14px;
	clear:none;
	font-family: 'OpenSansBold';
}

	#footer_menu li a {
		color:#ddd;
		text-decoration: none;
	}

	#footer_menu li a:hover {
		text-decoration: underline;
	}

#system_info {
	clear: both;
	float: left;
	margin:5px 0 0;
}

#language a {
	display:block;
	float:left;
	width:16px;
	height:11px;
	margin-right:9px;
}

#lang_se {
	background:transparent url('../img/language/se.gif') no-repeat 0 0;
}

#lang_gb {
	background:transparent url('../img/language/gb.gif') no-repeat 0 0;
}

#lang_no {
	background:transparent url('../img/language/no.gif') no-repeat 0 0;
}

#lang_dk {
	background:transparent url('../img/language/dk.gif') no-repeat 0 0;
}

#lang_de {
	background:transparent url('../img/language/de.gif') no-repeat 0 0;
}

#lang_fi {
	background:transparent url('../img/language/fi.gif') no-repeat 0 0;
}

#lang_nl {
	background:transparent url('../img/language/nl.gif') no-repeat 0 0;
}


#wrapper {
	background-color: #FFFFFF;
	clear: both;
	margin: 0 auto;
}

#wrapper #header {
	width:100%;
	background: transparent url('../img/bf_bg.png') repeat 0 0;
	clear:both;
	float:left;
}

#wrapper #header #branding_logo {
	padding-left:16px;
}

#wrapper #main {
	margin: 20px 1% 0;
	text-align: left;
	width:98%;
	padding:20px 0;
}

#wrapper #footer {
	text-align:left;
	border-top: 1px solid #E8E8E8;
	clear: both;
	color: #777777;
	float: left;
	font-size: 10px;
	margin-top: 20px;
	padding: 5px 1% 20px;
	width: 98%;
}

#wrapper #powered-by {
	clear: both;
	float: left;
	width:100%;
}
#wrapper #system-info {
	clear: both;
	float: left;
	width:100%;
}

/*comment*/
#comment_area {
	float: left;
	margin-top: 20px;
	padding: 4px 1%;
	width: 98%;
}

#commentsContainer {
	margin-top:10px;
	width:100%;
}

#commentsContainer li {
	border-top: 1px solid #E8E8E8;
	padding: 5px 1%;
	width: 98%;
}

.commentOwner,
.commentContent {
	float:left;
	width:98%;
	clear:both;
	padding:3px 1%;
}

.commentContent .caption {
	color:#AAA;
}

.commentOwner span.signature {
	float: left;
	font-family: 'OpenSansBold';
	font-size: 14px;
}

.commentOwner span.timestamp {
	float:right;
	color:#999;
	font-size:11px;
}


.commentMeta {
	float:right;
	clear:both;
}


.commentDelete {
	float:left;
}

#order_page_container #comment_area{padding:4px;width:99%;}
#order_page_container #commentsContainer li{padding:5px 0;width:100%;}
#order_page_container .commentOwner, #order_page_container .commentContent{padding:3px 0;width:100%;}

#select_comment_receiver label,#select_comment_receiver input{float:left;margin-right:5px;clear:none;}


/*price display*/
#price_display fieldset{border:1px solid #CCC;width:430px;padding: 0 10px;margin: 0 0 0 3px;}
#price_display .field_input label{width:160px;float:left;font-size:12px;}
#price_display .caption label{width:420px;font-size:14px;background-color:#EEE;margin-bottom:10px;}
#price_display .field_input{clear:both;}
#price_display .field_cost{float:left;width:120px;}
#price_display .field_input input{width:80px;background-color: #eee;border: 1px solid #CCC;color: #333333;font-size:12px;line-height:20px;padding:4px;float:left;}
#price_display .field_input input.checkbox{width:14px;margin-top:10px;}

#cost_final_info, #cost_estimate_info{border:1px solid #CCC;padding:4px 12px;width:435px;margin-left: 3px;}

#copy_to_final {
	cursor:pointer;
	display: inline-block;
	background-color: #006699;
	border: none;
	color: #FFFFFF;
	float:left;
	overflow: visible;
	padding:6px;
	height:15px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius:20px;
	position: relative;
	z-index: 999;
}

#copy_to_final span {
	background:transparent url('../img/icons.png') no-repeat -74px 2px;
	display: block;
	height: 14px;
	width: 14px;
}

#section-printouts .button {
	float:left;
	margin-top:5px;
}

#section-printouts .checkbox_div {
	margin: 5px 14px 0 0;
}

/*maintenance page*/
ul#nav_mt {
	width:100%;
}

ul#nav_mt li {
	float:left;
	width:165px;
	margin-right:37px;
	clear:none;
	font-family:'OpenSansSemiBold';
	margin-bottom:5px;
	margin-top:10px;
	background-color: #EEE;
	border-left: 10px solid #006699;
	font-size: 15px;
	line-height:28px;
	letter-spacing: 0;
	padding:0 12px;
	-moz-border-radius: 0 3px 3px 0 ;
	-webkit-border-radius:0 3px 3px 0 ;
	border-radius:0 3px 3px 0 ;
	position: relative;
	z-index: 999;
}

ul#nav_mt_account,
ul#nav_mt_general,
ul#nav_mt_rma,
ul#nav_mt_service,
ul#nav_mt_debug,
ul#nav_mt_super,
ul#nav_mt_debug {
	list-style-type:disc;
	display:none;
	clear:none;
	width:237px;
	float:left;
	list-style-position:inside;
	line-height:25px;
	font-size:14px;
	line-height:28px;
}

ul#nav_mt_account li,
ul#nav_mt_general li,
ul#nav_mt_rma li,
ul#nav_mt_service li,
ul#nav_mt_debug li,
ul#nav_mt_super li,
ul#nav_mt_debug li {
	width:100%;
	clear:both;
}

ul#nav_mt_account a,
ul#nav_mt_general a,
ul#nav_mt_rma a,
ul#nav_mt_service a,
ul#nav_mt_debug a,
ul#nav_mt_super a,
ul#nav_mt_debug a {
	text-decoration:none;
	border-bottom:1px solid #ddd;
}

ul.big {
	font-size: 14px;
	line-height: 28px;
	list-style-position: inside;
	list-style-type: disc;
}

ol {
	list-style:decimal outside none;
}

ol li {
	float:left;
}

table.presentation {
	line-height:28px;
	font-size:11px;
	clear:both;
	float:left;
	width:100%;
}

table.presentation select {
	width:100%;
}

/* Override for 100% width selects where needed.
See in new_xsl/maintenance/customer/exit.xsl, and new_xsl/util/search_customer.xsl,
 which invoke new_xsl/maintenance/customer/reg_customer.xsl */

div.override_default_layout table.presentation select {
	width:auto;
}

table.presentation .field,table.presentation label {
	font-size:11px;
}

table.presentation select.field,
table.presentation input.field {
	height:18px;
}

table.presentation th,
table.presentation td {
	padding:1px 4px;
}

table.presentation .listhead,
table.presentation th {
	font-size:13px;
	background-color:#069;
	color:#FFF;
	line-height:30px;
	height:30px;
}

table.presentation tr.list-item-even,
table.presentation .item-even {
	background-color:#e8e8e8;
}

table.presentation .propagate-section,
table.presentation .permission-section {
	padding-top: 10px;
	background-color: transparent;
	text-align: left;
	font-style: italic;
	color: black;
}

table.ts-propagation-errors {
	float:right;
	width: 80%;
}

#targets-list {
	max-height: 400px;
	overflow-y: scroll;
	overflow-x: hidden;
	margin: inherit;
}

#targets-list .target-store {
	margin-bottom: 20px;
}

.prop-success {
	font-weight: bold;
	color: #66CC33;
}

.prop-error {
	font-weight: bold;
	color: #FF0000;
}

#progressbar-container {
	margin: 50px 0;
}

#progressData {
	margin: 20px 0;
	text-align: center;
}

#progressData .target-counter {
	font-weight: bold;
	font-size: x-large;
}

#progressData .target-counter span {
	margin-top: 5px;
}

#progressData span.target-propagator {
	font-weight: bold;
	font-style: italic;
}

#progressBar {
	margin-left: 100px;
	height: 22px;
	background: #292929;
	border: 1px solid #111;
	border-radius: 5px;
	overflow: hidden;
	box-shadow: 0 0 5px #333;
}

#progressBar div {
	height: 100%;
	width: 0;
	color: white;
	text-align: right;
	font-size: 12px;
	line-height: 22px;
	font-weight: bold;
	background-color: #1a82f7;
}

.info_span {
	background:transparent url('../img/if_small.png') no-repeat 0 100%;
	cursor: pointer;
	width:17px;
	height:17px;
	float:left;
	margin:3px 0 0 5px;
}

.col_2 .info_span{margin:3px 0 0 -4px;}

.workshop_communication_span {
	background:transparent url('../img/ecc.png') no-repeat 0 100%;
	width:17px;
	height:17px;
	float:left;
	margin:3px 0 0 5px;
}

.question_span {
	background:transparent url('../img/q_small.png') no-repeat 0 100%;
	cursor: pointer;
	width:17px;
	height:17px;
	float:left;
	margin:3px 0 0 5px;
}

.question_span_in_label{
	position: absolute;
	right:0;
	top:0;
}

.warning_span {
	background:transparent url('../img/warn_small.png') no-repeat 0 100%;
	cursor: pointer;
	width:17px;
	height:17px;
	float:left;
	margin:3px 0 0 5px;
}

.error_span {
	background:transparent url('../img/err_small.png') no-repeat 0 100%;
	cursor: pointer;
	width:17px;
	height:17px;
	float:left;
	margin:3px 0 0 5px;
}

#changelog ul.entries li ul {
	list-style: disc inside url("../img/check-small.gif");
}

.static_info {
	border: 1px solid #999;
	float: left;
	padding: 1px 8px;
	margin-top: 6px;
}

/* inbox */
#detailed_msg .message,.reply_to_msg {
	clear:both;
	float:left;
	width:80%;
	border:1px solid #CCC;
	padding:1% 2%;
}

.reply_to_msg {
	margin-top:10px;
}

/* tab */
.tab_menu {
	float:left;
	clear:both;
	padding-bottom:15px;
	font-size:14px;
}

.tab_menu ul li {
	float:left;
	padding: 6px 10px;
	border:1px solid #EEE;
	margin-right:6px;
}

.tab_menu ul li.current_tab {
	background-color:#006699;
}

.tab_menu ul li.current_tab a {
	color:#FFF;
}

.tab_menu ul,
.tab_menu ul li {
	clear:none;
}

.search-msg {
	font-size:16px;
}

#view-order-follow_up td {
	vertical-align: top;
}

#view-order-follow_up tr a.url {
	line-height:24px;
}

#view-order-follow_up .listhead th {
	font-weight:400;
	font-family:'OpenSansSemiBold';
	font-size:14px;
	line-height:30px;
}

.arrow_next {
	background:transparent url('../img/arrow_right.png') no-repeat -8px 49%;
}

/* main */
.nav_ul {
	width:560px;
	border-right: 1px solid #CCC;
	margin-top:10px;
}

.nav_ul a {
	text-decoration:none;
}

.nav_ul div.arrow_next {
	width:58px;
	float:left;
	height:100px;
	background-position: 10px 88px !important;
	background-image:url('../img/arrow_right.png') !important;
}

.nav_ul li {
	clear:none;
	float:left;
}

.nav_ul li i{
	font-size:80px;
}

.nav_ul li div{
	height:80px;
	width:80px;
	line-height:1;
}

.nav_ul li a {
	width:80px;
	float:left;
	color: #AAA !important;
}

.nav_ul li span {
	text-transform: capitalize;
	color:#aaa;
	width:80px;
	float:left;
	display:block;
	line-height:22px;
	font-size:17px;
	font-family:'OpenSansBold';
	margin-top:8px;
	text-align: center;
}

.nav_ul li a:hover span {
	color:#006699;
}

.nav_ul li div i.fa-stack-1x{
	color:#CCC;
}
.nav_ul li div i.fa-stack-2x{
	font-size:50px;
	bottom:8px;
}


.nav_ul li#nav_new i,.nav_ul li#nav_close i,.nav_ul li#nav_organisation i{margin-left:10px;}
.nav_ul li#nav_system_status i,.nav_ul li#nav_follow_up{margin-left:5px;}


/* SS2 template */
#entry h1,
#entry ul,
#entry li,
#entry ol {
	width:100%;
}

#entry ul {
	list-style:disc none inside;
}

#entry br {
	clear:both;
	width:100%;
}

/* order edit */
#order_switch, #propagate_type_switch {
	border-bottom:1px solid #CCC;
	width:100%;
	float:left;
	clear:both;
	margin-bottom:20px;
}

#order_switch h1, #propagate_type_switch h1 {
	float:left;
	clear:none;
	padding-bottom:0;
	margin-top:6px;
}

/*
#order_switch h1 .form, #order_switch h1 .order_customer_data, #order_switch h1 .comments, #order_switch h1 .printouts,#order_switch h1 .history,#order_switch h1 .costs {background-image:url('../img/order_edit_icons_small.png'); width:28px; height:28px;float: left;display: block;margin-right: 4px;margin-top:2px;}
*/
#order_switch_icon, #order_switch_icon_i,
#propagate_type_switch_icon, #propagate_type_switch_icon_i {
	margin-top: 4px;
	margin-right:5px;
}

#order_switch_icon_i,
#propagate_type_switch_icon_i{
	font-size:27px;
	background-color: #FFF;
	float:left;
}

#order_switch h1 .form,
#order_switch h1 .customer,
#order_switch h1 .comments,
#order_switch h1 .printouts,
#order_switch h1 .history,
#order_switch h1 .costs,
#propagate_type_switch h1 .account,
#propagate_type_switch h1 .user {
	background-image:url('../img/order_edit_icons_small.png');
	width:28px;
	height:28px;
	float: left;
	display: block;
	margin-right: 4px;
	margin-top:2px;
}

#order_switch_ul, #propagate_type_switch_ul {
	float:right;
	width:auto;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	clear:none;
}

#order_switch_ul li, #propagate_type_switch_ul li {
	border-left:1px solid #CCC;
	clear:none;
	width:40px;
	height:40px;
	display: inline-block;
	vertical-align: top;
	float:left;
}

#order_switch_ul li.current a, #propagate_type_switch_ul li.current a {
	background-color:#CCC;
	color:#CCC;
}

#order_switch_ul li a, #propagate_type_switch_ul li a {
	background-repeat:no-repeat;
	clear:none;
	background-color:#336699;
	background-image:url('../img/order_edit_icons_small.png');
	width:28px;
	height:28px;
	margin:7px;
	display: block;
	float:left;
}

#order_switch_ul li.fa_li a, #order_switch_icon_i,
#propagate_type_switch_ul li.fa_li a, #propagate_type_switch_icon_i, {
	color:#336699;
}

#order_switch_ul li.fa_li a, #order_switch_icon_i i,
#propagate_type_switch_ul li.fa_li a, #propagate_type_switch_icon_i i {
	font-size: 27px;
	padding: 0px 1px 2px;
}

#order_switch_ul li.current.fa_li a,
#propagate_type_switch_ul li.current.fa_li a {
	background-color:transparent;
	color:#CCC;
}

#order_switch_ul #li_form a, #order_switch h1 .form,
#propagate_type_switch_ul #li_account a, #propagate_type_switch h1 .account {
	background-position: -102px -30px;
}

#order_switch_ul #li_history a,#order_switch h1 .history {
	background-position: -138px -30px;
}

#order_switch_ul #li_comments a,
#order_switch h1 .comments {
	background-position: -311px -30px;
}

#order_switch_ul #li_printouts a,
#order_switch h1 .printouts {
	background-position: -209px -30px;
}

#order_switch_ul #li_costs a,
#order_switch h1 .costs {
	background-position: -242px -30px;
}

#order_switch_ul #li_customer a,
#order_switch h1 .customer,
#propagate_type_switch_ul #li_user a,
#propagate_type_switch h1 .user {
	background-position: -273px -30px;
}

#order_switch_ul #li_comments {
	position:relative;
}

#order_switch_ul #li_comments span {
	top: 2px;
	background-color: red;
	position: absolute;
	right: 2px;
	padding: 0px 3px;
	font-size: 11px;
	color: #FFF;
}

#propagate_type_switch_title {
	float: left;
	font-size: large;
}

/* Special for rendering customer header and tab, uses font awesome classes, instead of setting a background image
#order_switch h1 .customer {width:28px; height:28px;float: left;display: block;margin-right: 4px;margin-top:2px; color: #336699;}
*/


#order_page_container {
	float:left;
	position:relative;
	width:960px;
	clear:both;
	margin-top:8px;
}

iframe {
	height:0;
}

#symptoms_fields ul li,
#symptoms_fields ul {
	width:100%;
}

#symptoms_choice select {
	float:left;
	margin:4px 0 4px 4%;
	width:96%;
}

#selfs_customer_search_button,
#selfs_customer_clear_button {
	margin-top:4px;
	margin-bottom:3px;
}

#accapply .col_2 {
	width:465px;
}

.section_content_neg {
	margin:6px 1% 6px -3%;
	width:102%;
	overflow: visible;
	float:left;
}

.section_content_neg .buttons-left {
	margin-left:4%;
	clear:none;
}

.section_content_neg .col_2 {
	width:46%;
	margin-left:4%;
	clear:none;
}

.section_content_neg .b_col_3 { /* used in branding cration*/
	width:29%;
	margin-left:4%;
	clear:none;
	float: left;
	padding-bottom: 5px;
}

.section_content_neg .col_1 {
	width:96%;
	margin-left:4%;
	clear:none;
}

.section_content_neg .col_1 .field,
.section_content_neg .col_1 .fake_field,
.section_content_neg .col_1 .error_field {
	width:750px;
}

.section_content_neg .col_1 label {
	width:170px;
}

#estimates_table .cal_sign {
	font-size: 18px;
	float: left;
	margin-left: 18px;
	color:#CCC;
	display:none;
}

#estimates_table input:disabled,
#estimates_table input.disabled {
	background-color:#FFF !important;
	border:none !important;
}

.section_content_neg b {
    margin-left: 40px;
}

#fieldset\.custom_fields .col_1 label {
    width: 20px;
}
#fieldset\.custom_fields .col_2 {
    width: 350px;
}

#fieldset\.custom_fields .col_2 {
    width: 450px;
}

#fieldset\.custom_fields .col_2 label {
    width: 100px;
}

.emroxMultiSelect, .emroxSingleSelect {
	max-height: 200px;
	max-width: 750px;
	position: absolute;
	visibility: hidden;
	z-index: 10000;
	overflow-x: hidden;
	overflow-y: auto;
	white-space: nowrap;
	font-family: 'OpenSans',sans-serif;
	background-color: #f7f7f7;
	border: 1px solid #aaa;
	color: #333333;
}

.emroxMultiSelectChecker {
	border-bottom: 1px solid #aaa;
	background-color: #ddd;
	padding-left: 5px;
	display: block;
	height: 25px;
	line-height: 25px;
}

.emroxMultiSelectChecker a {
	color: black;
	text-decoration: underline;
}

.emroxMultiSelectOption:hover, .emroxSingleSelectOption:hover {
	background-color: #eee;
}

.emroxMultiSelectArrow, .emroxSingleSelectArrow {
	width: 0;
	height: 0;
	border-top: 6px solid black;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	position: absolute;
	right: 7px;
	cursor: pointer;
	z-index: 1;
}

#order_info_form .emroxMultiSelectArrow,  #order_info_form .emroxSingleSelectArrow{
	right: 8px;
}

.inline_button {
	float: none;
	margin-top: 0;
}

.fieldsetFirstSelect {
	color: lightgray;
}

p.missingArticle {
	min-height: 200px;
	max-height: 400px;
	overflow-y: scroll;
}

div.missingArticleWrapper {
	height: auto !important;
}

sup.mandatoryNumbered {
	font-size: 0.8em;
	padding-left: 2px;
}

span.label_info {
	font-size: 0.7em;
	color: gray;
}

.no_float {
	float: none !important;
}

.no_height {
	height: auto !important;
}

.no_break {
	display: inline-block;
}

#article_div .indicator_error {
	line-height: 40px;
	margin-left: 10px;
	font-size: 14px;
}

div.checkbox_div .check {
	padding-left:5px;
}

.setting_checkbox_div {
	width: 690px;
	float: right
}

.setting_checkbox_div input {
	float: left;
	width: initial !important;

}

#article_div .indicator_error {
	line-height: 40px;
	margin-left: 10px;
	font-size: 14px;
}

.base_info_box {
	position: fixed;
	z-index: 1000;
	background-color: #F3F3ED;
	font-size: 13px;
	display: none;
	font-family: 'OpenSansSemiBold';
	font-weight: 400;
	line-height: 22px;
	padding-bottom: 1px;
	opacity: 1;
	border: 1px solid #999;
	padding: 0.5em;
}

.base_info_line {
	position: fixed;
	z-index: 1000;
	background-color: #F3F3ED;
	font-size: 13px;
	display: none;
	font-family: 'OpenSansSemiBold';
	font-weight: 400;
	line-height: 22px;
	padding-bottom: 1px;
	opacity: 1;
	border: 1px solid #999;
	padding: 0.5em;
}

@media screen and (max-device-width: 1024px), screen and (-webkit-min-device-pixel-ratio: 2) and (orientation:portrait) {
	h2 {
		font-size: 30px;
		line-height: 40px;
		cursor: pointer;
	}

	.arrow_down,
	.arrow_up {
		height: 15px;
		right: 10px;
		top: 15px;
		width: 15px;
	}

	.section_content {
		font-size: 15px;
	}
	.section_content dt{
		font-size: 25px;
		width: 50%;
	}
	strong{
		font-size: inherit;
	}
	h1 div{
		font-size: 60px;
	}
}

.section_content_neg_sub label, .section_content_neg_sub .fake_field {
	font-size:12px;
}

#view-customer_access-view .section_content_neg_sub label {
	width:100px;
}

#view-customer_access-view .section_content_neg_sub .col_2 {
	width:96%;
}

#view-customer_access-view .section_content_neg_sub .fake_field {
	width:320px;
}

#display_all_fields_div {
	float:right;
	margin-right:9px;
	font-weight: 900;
	line-height:30px;
}

#display_all_fields {
	margin-left:5px;
}

.float_left_button {
	margin:0 0 10px 0;
	float:left;
}

.duplicates_criteria_contents {
	clear: both;
	margin-top: 25px;
}

.dup_type_search_label {
	font-size: 16px;
}

.duplicates_type_label {
	margin: 10px 0;
}

.checkbox.select_all {
	border: 1px solid black;
	width: 18px;
	height: 18px;
}

.original_cust {
	background-color: #FECED8 !important;
}

.whitespace {
	height:18px;
}

.bold {
	font-weight: bold;
}

.text_right {
	text-align: right;
}

.text_center {
	text-align: center;
}

.text_left {
	text-align: left;
}

.top_buttons input[type="button"] {
	margin-bottom: 20px;
	margin-top: -20px !important;
}

th.nowrap {
	text-align: left;
}

/* Customer access payment solution popup START-------------*/

#payment_solution_state_screen p.info {
    font-family: 'OpenSansBold';
    font-size: 20px;
    float: left;
    clear: none;
    line-height:27px;
    margin-top: 16px;
    text-align: center;
}

#payment_solution_state_screen .list {
    clear: both;
	float: left;
	width: 100%;
}

#payment_solution_state_screen .list .box {
    clear: both;
    position: relative;
    margin-top: 20px;
}

#payment_solution_state_screen .list .box_right {
    float: left;
    width: 330px;
    margin-left: 45px;
    color:#eee;
}

#payment_solution_state_screen .list .pass .box_right {
    color:#666;
}

#payment_solution_state_screen .list .box_right>p.header {
    font-family: 'OpenSansBold';
    font-size:18px;
}

#payment_solution_state_screen .list .box_right>p {
}

#payment_solution_state_screen .list .box_right>input.button {
    margin: 0;
    clear: left;
    float: right;
}

.float_left_button {
	margin:0 0 10px 0;
	float:left;
}


.ps_stage{
	background:transparent url("../img/payment.png") no-repeat 0 0;
	width:90px;
	height:80px;
	float:left;
	display: block;
	margin-bottom: 20px;
	margin-left:20px;
	position:relative;
}

#ps_auth{background-position: -118px -11px;}
#ps_workshop{background-position: -118px -99px;}
#ps_capture{background-position: -114px -185px;}

.pass #ps_auth{background-position: -7px -11px;}
.pass #ps_workshop{background-position: -7px -99px;}
.pass #ps_capture{background-position: -3px -185px;}


.ps_stage div{
	position: absolute;
	right: -14px;
	bottom: -2px;
	width:50px;
	height:50px;
}

.ps_stage .success{
	background:transparent url("../img/payment.png") no-repeat -213px -10px;

}

.ps_stage .fail{
	background:transparent url("../img/payment.png") no-repeat -213px -63px;
}

/* Customer access payment solution popup END-------------*/

#fileinput{
	float:left;
	margin-left: -3px;
}

#claim_type_form #order_template {
	margin-top: 10px;
	float: left;
	width: 100%;
}

#view-order-order_flow-order_data_form.inner_view,
#view-order-order_flow-order_data_customer.inner_view,
#view-order-order_flow-order_data_costs.inner_view,
#view-order-order_flow-order_data_history.inner_view,
#view-order-order_flow-order_data_comments.inner_view,
#view-order-order_flow-order_data_printouts.inner_view,
#view-order-order_flow-order_data_insurance_claim.inner_view{background: #FFF none !important;}


.customer_plus_checkbox_div{width:240px;float:left;}
.customer_plus_checkbox_div strong{padding-right:10px;}
.customer_plus_login_div{width:400px;float:right;}
.customer_plus_login_div div{margin-left:10px;float:left;}
.customer_plus_login_div div input{width:100px;margin-left: 8px;}
.customer_plus_login_div div label{line-height: 26px;}
.ssplus_customer_div{float:left;width:auto;clear:both;margin-bottom: 0;padding: 10px 0;}

#store_container .store_name:disabled {
	background-color: transparent !important;
	border: 1px inset transparent !important;
	padding: 0 1px !important;
}

#store_container .store_name {
	background-color: #FFFFFF !important;
	border: 1px inset !important;
	width: 280px;
	height: 25px;
	padding: 0 1px !important;
}

#store_container .error_field,
#store_container .error_field:disabled {
	background-color: #EDBEBE !important;
	border: 1px inset #FA4848 !important;
}

#customer_custom_fields{float:left; width:630px;}



form#insurance_claim .step_list li {
    margin-bottom: 20px;
    cursor:pointer;
    font-size: 16px;
    padding-right: 25px;
}

form#insurance_claim .step_list {
    padding-bottom:10px;
}

form#insurance_claim .section_content_neg .col_1 label {
    width:450px;
}

form#insurance_claim .section_content_neg .col_2 label{
    width:180px;
}

form#insurance_claim .section_content_neg .col_2 .field{
    width:240px;
}

form#insurance_claim .section_content_neg .col_1 .field,form#insurance_claim  .section_content_neg  .col_1 .fake_field,
form#insurance_claim .section_content_neg .col_1 .error_field
{
    width:450px;
    height: auto;
}

form#insurance_claim .section_content_neg .col_1 select.field
{
    width:453px;
}

form#insurance_claim .fake_field .checkbox_div {
    margin-left: -8px !important;
}

form#insurance_claim .step_list li span.nr {
    padding: 1px 5px;
    margin-right:5px;
}

form#insurance_claim span.tip {
    width: 16px;
    height: 16px;
    border-radius: 12px;
    background-color: #666;
    font-weight: bold;
    display: inline-block;
    margin-left: 5px;
    text-align: center;
    color: #FFF;
    font-family: serif;
    cursor: default;
    font-size: 8pt;
    line-height: 16px;
}

form#insurance_claim span.tip:before {
    content: 'i';
}

form#insurance_claim input.hasDatepicker {
	width:424px !important;
}

#org_details_container {
	margin-left: 30px;
}

#org_details_container label{
	width:80px;
}

#org_details_container #stores{
	margin-top: 10px;
	display: none;
}

#store_area{
	text-transform:uppercase;
	padding: 0
}

#store_select_form p{
	font-size:1.12em;
	line-height: 1.4em;
}

#link_box{
	position: relative;
	z-index: 1000;
	width:100%;
	clear:both;
	float:left;
	height:21px;
	background-color: #FFF !important;
}

.top_notification{
	width: 96%;
	clear: both;
	float: left;
	background-color: #fff7b7;
	padding: 10px 2%;
	font-size: 13px;
	line-height: 24px;
	margin: 12px 0;
}

.top_notification a.button{
	margin:0;
}

#save_notifier{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	min-height: 40px;
	display: none;
}

.bluecolor {
	color: blue !important;
}

div.filter-field {
	margin: 0 auto -4em auto;
}

div.langedit-message {
	float:  left;
	margin: 0 auto 0 17em
}

div.smartsearch div.input input {
    float: none;
    font-size: 14pt;
    margin: 0;
    padding: 0;
    width: 99%;
    padding: 5px;
}

div.smartsearch div.filterlist {

}

div.smartsearch div.filterlist div.popup_container_content {
    border: solid #AAA;
    border-width: 0 1px 1px 1px;
    background-color: #FFF;
    padding: 10px;
    font-size: 9pt;
    box-shadow: 2px 8px 8px rgba(0, 0, 0, 0.1);
}

div.smartsearch div.filterlist div.item {
    cursor: pointer;
    white-space: nowrap;
    line-height: 12pt;
    height: 18px;
    max-width: 150px;
    overflow: hidden;
    border: solid #CCC;
    border-width: 1px;
    padding: 0 5px;
    margin: 1px 2px;
    font-size: 8pt;
    opacity: 0.6;
}

div.smartsearch div.filterlist div.item.active {
    font-weight: bold;
    opacity: 1;
}

div.smartsearch div.filterlist div.item.open {
    background-color: #DDD;
}

div.smartsearch div.filterlist div.item:hover {
    background-color: #DDD;
}

div.smartsearch div.filterlist label.bucket {
    font-size: 8pt;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    float: none;
}

div.smartsearch div.resultlist div.row {
    line-height: 14px;
}

div.smartsearch div.resultlist div.row.expanded {
    border: 1px solid grey;
    margin-bottom: 4px;
}

div.smartsearch div.resultlist div.row > div.line {
    cursor: pointer;
}

div.smartsearch div.resultlist div.row > div.line:hover {
    background-color: #EEE;
}

div.smartsearch div.resultlist div.row div.column {
    float: left;
    min-height: 10px;
    overflow: hidden;
    white-space: nowrap;
    padding: 0 5px;
    font-size: 8pt;
}

#loan_comment_return{
	float: right;
	width : 54%;
}
#loan_comment_return #loan_comment{
	float: left;
	width: 35%;
}
#loan_comment_return #loan_return{
	float: right;
	width :19%;
}
#loan_obj{
	float:left;
	width:46%;
	padding:5px;
}

.col_loan_comment {
	float: left;
	width: 36%;
	padding-left: 9px;
}

.col_loan_comment .field,
.col_loan_comment .error_field {
	width:240px;
}

.col_loan_return .fake_field{
	width:20px;
}

.col_loan_return {
	float: right;
	width: 8%;
	margin-right: 20px;
	clear: both;
	margin-top: -25px;
}

.col_loan_comment label {
	width:50px;
	margin-left: 30px;
}

.col_loan_return label {
	width:50px;
}
.clear{
	clear: both;
}

#ca_hand_out_print_receipt{
	margin-left:8px;
	float:left;
	clear: both;
}

.cost_spec, .cost_spec_corner, .cost_spec td {
	background: white !important;
}

.cost_spec, .cost_spec th, .cost_spec td {
	padding: 2px !important;
}

.cost_spec h3 {
	text-indent: 10px;
	font-size: 15px;
}

.cost_spec_header {
	text-align: right !important;
	width: 15%;
}

.cost_spec_header div {
	overflow: hidden !important;
	white-space: nowrap;
}

.cost_spec_corner {
	border: 0 !important;
	text-align: right !important;
}

.cost_spec_money {
	text-align: right !important;
}

.cost_spec_total {
	border-top: 2px solid black !important;
}

.acc_login_pass{
	width: 260px;
}

.warning{
	color: red;
}

#ps_visa{
	background-image:url('../img/visa.gif');
	width: 52px;
}

#ps_mastercard{
	background-image:url('../img/mastercard.gif');
	width: 52px;
}

#ps_after_pay{
	background-image:url('../img/after_pay.gif');
	width: 92px;
}

#ps_mestro{
	background-image:url('../img/maestro.gif');
	width: 50px;
}

#ps_american_express{
	background-image:url('../img/american_express.gif');
	width: 58px;
}

#ps_diners_club_card{
	background-image:url('../img/diners_club_card.gif');
	width: 43px;
}

#ps_resurs_bank{
	background-image:url('../img/resurs_bank.gif');
	width: 90px;

}
.ps_method{
	float : left;
	height: 31px;
	margin-right: 10px;
	display:block;
}
.ps_method_div{
	padding:10px 0 15px;
	overflow: hidden;
}

#lost_replacement_info{
	float:none;
	display:inline-block;
}

.hide_ws_price{
	display:none;
}


/* Debug start */

.debug_switch {
	position: fixed;
	top: 0;
	left: 0;
	background: red;
	z-index: 99999;
}

.debug_switch a {
	text-decoration: none;
	color: white;
	font-weight: bold;
}

.debugger {
	text-align: left;
	line-height: 14px;
	max-height: 800px;
	overflow-y: scroll;
}

.debugger div.header_line {
	padding: 3px;
}

.debugger pre, .query_execution_time {
	border-bottom: 1px dashed red;
}

.query > div > span {
	font-size: 1.1em;
	padding: 0 5px;
	margin: 0;
}

.debugger hr {
	border: 0;
	padding: 0;
	margin: 0;
	background-color: black;
	height: 5px;
}

.query span.query_count,
.query span.file_name,
.query span.method {
	font-weight: bold;
}

.query div.stack {
	display: none;
	background-color: #E1E1E1;
	color: black;
	padding: 5px;
	font-size: 0.85em;
}


.debugger span.query_count {
	color: #C00;
}

.debug_red {
	background-color: #F00;
}

.debug_orange {
	background-color: #FFBB00;
}

a.debugger_redirect_url {
	color: blue;
	background: white;
}

/* Debug end */

.success {
	font-weight: bold;
	color: #66CC33;
}

#checkbox_collection_mapping{
	float: right;
}

.address_error_field {
	width:260px;
	background-color:#EDBEBE !important;
	border:1px solid #FA4848 !important;
}

.eTooltip {
    display: none;
    color: rgba(255, 255, 255, 1);
    font-size: 0.9em;
    font-weight: normal;
    text-align: center;
    position: absolute;
    white-space: pre-wrap;
    z-index: 4;
    padding: 0 6px;
    background: rgba(250, 72, 72, 0.92);
    border-radius: 5px;
    box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.3);
    max-width: 200px;
}

.eTooltip:after {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    pointer-events: none;
    border: solid transparent;
}

.eTooltip:after {
    top: 100%;
    border-color: transparent;
    border-top-color: rgba(250, 72, 72, 0.92);
    border-width: 5px;
    left: 5px;
    margin-left: 5px;
}

.missing_article_label {
	margin-top: 15px;
	margin-left: 2px;

}

.tele2_sms_table {
	width : 25%;
}
.product_type_list {
	display: block;
	clear: both;
	width: 100%;
}
.product_type_option {
	float: left;
	display: block;
	height: 36px;
	width: 31%;
	padding:1%;
	clear: none;
	overflow: hidden;
	white-space: nowrap;
}

.product_type_option i {
	vertical-align: middle;
    margin-right: 2%;
}

.item_option i{color:#AAA;}

.item_option:hover, .item_selected,.item_option:hover i, .item_selected i{
	color:#FFF;
	cursor: pointer;
}

.item_option:hover {
	background-color:#13527F;
	cursor: pointer;
}

.item_selected {
	background-color:#13527F;
}

.ca_logout {
	float: right;
}

.grecaptcha-badge {
	display: none
}

#lang_div div textarea{
	display:block;
	width: 380px;
	background-color: #F7F7F7;
    border: 1px solid #CCC;
}

#lang_select {
	margin-top: 11px;
    width: 167px;
}

#add_lang {
	margin-top:10px;
}

.screening_question {
	display:inline-block;
	position:relative;
}

.screening_question a {
	color: gray;
}

.screening_question i {
	position:	absolute;
	top:  		0.35em;
	right:		0.35em;
	font-size: 	1.25em;
}

tr.spaceBetween > td {
	padding-bottom: 0.5em;
}

tr.spaceBetween > th {
	padding-bottom: 1em;
}

label.actionLabel{
	height:50px;
	width:184px;
}

/* styles used in order_flow_booking.xsl */
div.booking-container {
    float:left;
    display:block;
    margin-top:20px;
    width:100%;
}

div.booking-div {
    display: block;
    clear:both;
    height:50px;
    margin-bottom:10px;
}

div.booking-label-div {
    display: block;
    clear:both;
}

div.booking-label-div label {
    font-size:15px;
    font-weight: 700
}

div.booking-div.btn-group button {
    float:left;
}

div.booking-div select
div.booking-div div.btn-group
div.booking-div div.btn-group button{
    height:50px;
}

button.btn.btn-default.selected {
    background: #006699;
    color: white;
}

div.booking-div div.btn-group ul {
    background:#f0f0f0;
}

div.booking-div div.btn-group ul li a {
    color:black;
}

div.booking-div div.btn-group ul li {
    margin-left:5px;
}

div.start-hidden {
    display:none;
}

a.selected {
    font-weight:700;
    color:#006699 !important;
}

#booking-back {
    color: white;
    padding-top: 2px;
    height: 24px;
}

.booking-infotext {
	color: #13527F;
	margin-top: -10px;
}

/*GDPR background container */
.gdpr_container {
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* GDPR Content */
.gdpr_content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 40%;
	height: 50%;
}
/* GDPR text area */
.gdpr_text {
	height: calc(100% - 30px);
    overflow-y: scroll;
}

.gdpr_ol {
	list-style-type:decimal;
	margin: 2%;
	padding: 2%;
}

div.walkin_list {
padding: 20pt;
}

div.walkin_list > div.item {
height: 200px;
float: left;
width: 400px;
opacity: 0.5;
margin-top: 10px;
cursor: pointer;
}

div.walkin_list > div.item.selected {
opacity: 1;
}

div.walkin_list > div.item > div.radio {
position: relative;
float: left;
width: 10%;
height: 100%;
background-color: #EAEAEA;
text-align: center;
}

div.walkin_list > div.item > div.content {
background-color: #EEE;
float: left;
width: 80%;
height: 100%;
}

div.walkin_list > div.item > div.content > div {
padding: 20px;
}

div.walkin_list > div.item > div.content > div > div.title {
font-size: 16pt;
}

div.walkin_list > div.item > div.content > div > div.address {
font-size: 10pt;
}

div.walkin_list > div.item > div.radio > input {
position: relative;
top: 45%;
}