/**
 *	CLASSES FOR FILTER, FILTERTABLES, INPUTS
 *	ADDON TO STYLES.CSS, USED BY "NEW STYLE" ADMIN PAGES (built in 2012)
 */

/** 
 * General reset for all elements from the browser default (box-model:content-box) to a more natural box layout model (box-sizing:border-box). 
 * more info see: https://developer.mozilla.org/en-US/docs/Web/CSS/box-sizing
 */
html{
	box-sizing:border-box;
}
*,
*:before,
*:after{
	box-sizing:inherit;
}
/**/

body,
table,
tr,
th,
td,
input,
h1,
h2,
h3{
	color:#222;
	font-family:'Roboto',Verdana,Arial,Helvetica,sans-serif;
}

p,
td{
	font-size:12px;
	line-height:1.25;
}

h1{
	font-size:18px;
	font-weight:500;
}

h2{
	font-size:16px;
	font-weight:500;
}

h3{
	font-size:14px;
	font-weight:500;
}

strong{
	font-weight:500;
}

/** 
 *	FILTERBOX
 */
.filter-tools-container{
	width:100%;
}

.filterbox{
	margin-top:5px;
	font-size:13px;
	padding:10px;
	background-color:#f2f2f2;
	/* background-image:url("/clientfiles/images/1px-white-50.png"); */
	/* background-repeat:repeat-x; */
	/* background-position:top left; */
	border:1px solid #cdcdcd;
	width:47%;
	float:left;
	margin-right:10px;
}

.toolsbox{
	margin-top:5px;
	font-size:13px;
	padding:10px;
	background-color:#f2f2f2;
	/* background-image:url("/clientfiles/images/1px-white-50.png"); */
	/* background-repeat:repeat-x; */
	/* background-position:top left; */
	border:1px solid #cdcdcd;
	width:47%;
	float:left;
}

.filterbox h3,
.toolsbox h3{
	margin:0;
	padding-bottom:8px;
	color:black;
}

.filterbox-item label{
	margin-bottom:4px;
	display:inline-block;
}

.form-item label{
	display:block;
	clear:both;
	margin-bottom:4px;
}

.filterbox .filterbox-item{
	padding-right:12px;
	float:left;
}

.filterbox .filterbox-item-indent{
	padding-top:19px;
}

.ie .filterbox .filterbox-item-indent{
	padding-top:19px;
}

.gecko .filterbox .filterbox-item-indent{
	padding-top:18px;
}

.toolsbox .toolbox-indent-2rows{
	padding-top:21px;
}

.toolsbox .button{
	margin-right:10px;
}

/** 
 * (2020-08-18 LS) admin/posts.asp?id={7A7685C5-8800-431A-9815-2094D11590B5}
 * style for '/admin/resendbcNT.asp'
 * make label wider as the filter outer wrapper is set in css further up to be 47% wide (.filterbox) to be 
 */
.filterbox .inputdiv1{
	width:30%;
}
.filterbox .inputdiv2{
	width:70%;
}

/* 
 * FILTER TABLE
 */

.fitler-table-wrap{
	/* 
		display:inline;
		display:inline-block;
		EL commented 2014-12-16 because it messed up printing over several pages
	 */
	display:block;
}

table.filter-table{
	margin-top:12px;
	border-collapse:separate;
}

table.filter-table tr td{
	padding:7px 5px;
	font-size:13px;
	border-top:1px solid #cdcdcd;
}

table.filter-table-all-border tr td{
	border-collapse: collapse;
	padding:7px 5px;
	font-size:13px;
	border:1px solid #cdcdcd;
	
}

/** Color every odd row */
table.filter-table tr.odd{
	/* background-color:#e8edff; */
}

table.filter-table tr.even{
	/* background-color:#fff; */
}

/** Header row */
table.filter-table tr.header-row td{
	background-color:white;
	border-top:1px dashed #7f7f7f;
	border-bottom:1px solid transparent;
	font-size:13px;
	padding:7px 5px 7px 5px;
	font-weight:700;
	color:#333;
}

/** Totals row */
table.filter-table tr.filter-row-totals td{
	border-top:1px dashed #7f7f7f;
	padding:14px 7px 4px 7px;
}

/** Highlighted rows */
table.filter-table tr.filter-row-hover{
	background-color:#e5f7fd;
	/* background-image:url("/images/row-hilighted.png"); */
	/* background-repeat:repeat-x; */
	background-image:none;
}

/** Summary row */
table.filter-table tr.summary-row td{
	background-color:#f6fafc;
	border-top:1px dashed #7f7f7f;
	border-bottom:1px solid #7f7f7f;
	font-size:13px;
	padding:14px 7px 10px 7px;
	font-weight:700;
	/* box-shadow:inset 0 3px 3px 0 rgba(0,0,0,0.2); */
}

/** Notices and warnings */
table.filter-table td.warning-red{
	background-color:#ffbaba;
}

table.filter-table td.notice-yellow{
	background-color:#feefb3;
}

table.filter-table td.notice-green{
	background-color:#dff2bf;
}

/** Sortable header */
a.filter-table-header-sortable{
	color:#00a0d4;
	font-weight:500;
	text-decoration:none;
	/* white-space:nowrap; */
}

a.filter-table-header-sortable.active{
	text-decoration:underline;
}

.sort-arrow-box{
	background-repeat:no-repeat;
	background-position:left 3px;
	display:inline-block;
	height:19px;
}

.sort-arrow-box.arrow-up{
	background-image:url(/images/arrow-up.png);
	height:19px;
	width:18px;
	margin-left:6px;
}

.sort-arrow-box.arrow-down{
	background-image:url(/images/arrow-down.png);
	height:19px;
	width:18px;
	margin-left:6px;
}

/**/

.admin-pagination,
.admin-pagination-title{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

/* 
 *		Form-elements
 */

/** Input Text,Password */
.formtext,
/*input[type=text],input[type=password],*/
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=submit]):not([type=button]):not(.button),
textarea,
select{
	font-size:13px;
	border:1px solid #838283;
	background-color:#fff;
	color:#444444;
	padding:3px;
	margin-bottom:4px;
	border-radius:3px;
	outline:none;
	max-width: 100%;
}

.formtext:focus,
input[type=text]:focus,
input[type=password]:focus,
textarea:focus,
select:focus{
	background-color:#fafafa;
	border:1px solid #4D90FE;
	box-shadow:inset 0 1px 0 0 #cdcdcd;
}

/* 
		Buttons 
 */
.filterbox input[type=submit],
.filterbox input[type=button],
.filterbox input.button,
.toolsbox input[type=submit],
.toolsbox input[type=button],
.toolsbox input.button,
input.button-gen3,
.form-input-button,
.input-button,
.pagenumber-button{
	font-family:'Roboto',Verdana,Arial,Helvetica,sans-serif;
	letter-spacing:1px;
	text-decoration:none;
	font-size:13px;
	line-height:14px;
	color:#fff;
	font-weight:500;
	text-shadow:#975930 0 1px 0px;
	display:inline-block;
	margin:0 0 0 3px;
	padding:4px 7px 3px 7px;
	cursor:pointer;
	outline:none;
	border-radius:3px;
	border:1px solid #ce6000;
	box-shadow:inset 0 1px 0 0 #ffa537,0 0 0 0 transparent;
	background:#f28700;
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f28700),color-stop(100%,#ce6000));
	background:-webkit-linear-gradient(top,#f28700 0%,#ce6000 100%);
	background:linear-gradient(top,#f28700 0%,#ce6000 100%);
	/* filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f28700',endColorstr='#ce6000',GradientType=0); */
}

/** IE-specific */
.ie .filterbox input[type=submit],
.ie .filterbox input[type=button],
.ie .filterbox input.button,
.ie .toolsbox input[type=submit],
.ie .toolsbox input[type=button],
.ie .toolsbox input.button,
.ie input.button-gen3,
.ie .form-input-button,
.ie .input-button,
.ie .pagenumber-button{
	border:0 solid transparent;
	padding:3px 7px 2px 7px;
}

/** gecko-specific */
.gecko .filterbox input[type=submit],
.gecko .filterbox input[type=button],
.gecko .filterbox input.button,
.gecko .toolsbox input[type=submit],
.gecko .toolsbox input[type=button],
.gecko .toolsbox input.button,
.gecko input.button-gen3,
.gecko .form-input-button,
.gecko .input-button,
.gecko .pagenumber-button{
	padding:3px 7px 2px 7px;
}

.filterbox input[type=submit]:hover,
.filterbox input[type=submit]:focus,
.filterbox input[type=button]:hover,
.filterbox input[type=button]:focus,
.filterbox input.button:hover,
.filterbox input.button:focus,
.toolsbox input.button:hover,
.toolsbox input.button:focus,
input.button-gen3:hover,
input.button-gen3:focus,
.form-input-button:hover,
.form-input-button:focus,
.input-button:hover,
.input-button:focus,
.pagenumber-button:hover,
.pagenumber-button:focus{
	color:#fff;
	text-decoration:none;
	border:1px solid #a54d00;
	box-shadow:inset 0 1px 0 0 #f9951a,0 0 0 0 transparent;
	background:#e58000;
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#e58000),color-stop(100%,#a54d00));
	background:-webkit-linear-gradient(top,#e58000 0%,#a54d00 100%);
	background:linear-gradient(top,#e58000 0%,#a54d00 100%);
	/* filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e58000',endColorstr='#a54d00',GradientType=0 ); */
}

/* IE-specific */
.ie .filterbox input[type=submit]:hover,
.ie .filterbox input[type=submit]:focus,
.ie .filterbox input[type=button]:hover,
.ie .filterbox input[type=button]:focus,
.ie .filterbox input.button:hover,
.ie .filterbox input.button:focus,
.ie .toolsbox input.button:hover,
.ie .toolsbox input.button:focus,
.ie input.button-gen3:hover,
.ie input.button-gen3:focus .ie form-input-button:hover,
.ie form-input-button:focus,
.ie input-button:hover,
.ie input-button:focus{
	border:0 solid transparent;
}

.filterbox input[type=submit]:active,
.filterbox input[type=button]:active,
.filterbox input.button:active,
.toolsbox input.button:active,
input.button-gen3:active,
.form-input-button:active,
.input-button:active,
.pagenumber-button:active{
	text-shadow:transparent 0 1px 0px;
	color:#fff;
	text-decoration:none;
	background:#a54d00;
	box-shadow:0 1px 1px 0 #bbb;
}

.pagenumber-button.selected-page,
.pagenumber-button.selected-page:hover,
.pagenumber-button.selected-page:active,
.pagenumber-button.selected-page:focus{
	color:inherit!important;
	background:none transparent!important;
	box-shadow:none!important;
	border-color:inherit!important;
	text-shadow:none!important;
	cursor:default!important;
}

/* Links as buttons */
a.button,
.button{
	font-family:'Roboto',Verdana,Arial,Helvetica,sans-serif !important;
	letter-spacing:1px;
	text-decoration:none;
	font-size:11px;
	color:#fff;
	font-weight:500;
	text-shadow:#975930 0 1px 0px;
	display:inline-block;
	margin:0 0 0 3px;
	padding:3px 7px;
	cursor:pointer;
	outline:none;
	border-radius:3px;
	border:1px solid #ce6000;
	box-shadow:inset 0 1px 0 0 #ffa537,0 0 0 0 transparent;
	background:#f28700;
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f28700),color-stop(100%,#ce6000));
	background:-webkit-linear-gradient(top,#f28700 0%,#ce6000 100%);
	background:linear-gradient(top,#f28700 0%,#ce6000 100%);
	/* filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f28700',endColorstr='#ce6000',GradientType=0 ); */
	font-size:13px;
}

a.button:hover,
a.button:focus,
button:hover,
button:focus{
	color:#fff;
	text-decoration:none;
	border:1px solid #a54d00;
	box-shadow:inset 0 1px 0 0 #f9951a,0 0 0 0 transparent;
	background:#e58000;
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#e58000),color-stop(100%,#a54d00));
	background:-webkit-linear-gradient(top,#e58000 0%,#a54d00 100%);
	background:linear-gradient(top,#e58000 0%,#a54d00 100%);
	/* filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e58000',endColorstr='#a54d00',GradientType=0 ); */
}

a.button:active,
.button:active{
	color:#fff;
	text-decoration:none;
	background:#a54d00;
	box-shadow:0 1px 1px 0 #bbb;
}

/**
 * EDIT FORM	
 */
.class1{
	float:left;
	width:32%;
}

.class2{
	float:left;
	height:170px;
	padding-top:15px;
	padding-bottom:15px;
	padding-right:15px;
	padding-left:15px;
	background:#006699;
	color:#fff;
	width:64%;
}

.inputdiv1,
.inputdiv-title{
	display:inline-block;
	font-family:'Roboto',Verdana,Arial,Helvetica,sans-serif;
	font-weight:500;
	font-size:13px;
	margin-bottom:6px;
	color:#222;
}

.inputdiv1{
	/* box-sizing:border-box; */
	float:left;
	width:17%;
	padding-right:13px;
	text-align:right;
	clear:left;
	/* EL added 2015-02-23 */
}

.inputdiv2{
	/* box-sizing:border-box; */
	float:left;
	font-size:13px;
	/* width:70%; */
	width:83%;
	text-align:left;
	margin-bottom:6px;
}

/** Wrapper width replacing inputdiv1 and inputdiv2. width = .inputdiv1 (width: 25%) + .inputdiv2 (width: 75%) */
.inputdiv-full-width{
	/* box-sizing:border-box; */
	float:left;
	/* width:95%; */
	width:100%;
	margin-bottom: 10px;
}

/** CKE text editor*/
.inputdiv-full-width  .cke{
	box-sizing:border-box;
	max-width: 100%;
	/* width: 100%; */
	width: calc(25% + 300px);
}
.inputdiv-full-width .inputlarge{
	/* width: 100%; */
	width: calc(25% + 300px);
}
.ProdOverview .inputdiv-full-width table{
	/* width: 100%; */
	/* width: calc(25% + 300px); */
}
.inputdiv-full-width .prodoverview-additions-table{
	/* width: 100%; */
	width: calc(25% + 300px);
}
/**/
.inputbox1{
	background:#f2f2f2;
	border:1px solid #cdcdcd;
	clear:both;
	margin-bottom:10px;
	padding:5px 0;
}

.inputbox1 .inputdiv1{
	padding-left: 13px;
}

.inputbox1 .inputdiv2{
	padding-right: 13px;
}

.inputbox1 .inputdiv-full-width{
	padding-left: 13px;
	padding-right: 13px;
}

.standardinput{
	width:140px;
}

.td_int{
	text-align:right;
	white-space:nowrap;
}

.td_int_big{
	text-align:right;
	white-space:nowrap;
	font-size:16px !important;
}

.td_text{
	text-align:left;
}

.td_text_big{
	text-align:left;
	font-size:16px !important;
}

.table_horizontal_borders td{
	border-left:1px solid #cdcdcd;
}
.table_horizontal_borders{
	border-bottom:1px solid #cdcdcd;
}

.table_horizontal_borders td:last-child {
    border-right: 1px solid #cdcdcd;
}

.td_horizontal_borders{
	border-left:1px solid #cdcdcd;
}

.inputlarge{
	/* box-sizing: border-box; */
	width:300px;
	max-width: 100%;
}

/** (2020-08-12 LS) 
 *	target: '/admin/ProdOverview.asp'
 *	Make the tilval TABLE the same width as '.inputlarge'
 */
/*.ProdOverview .inputdiv2 table,*/
.inputdiv2 .prodoverview-additions-table,
.inputdiv-full-width .prodoverview-additions-table{
	width:300px;
	max-width: 100%;
}
.error,
.validationerror{
	color:red;
}

.form-item-error{
	border-color:red !important;
}

.indent2{
	margin-left:15px;
}

/* 
		ICONS
 */
/* Added 140423LS --- icons (copy,translate) for ADMIN */
/* updated 141021LS --- new icons:pdf,print,excel,word  */
.icon-copy span,
.icon-translate span,
.icon-print span,
.icon-file-pdf span,
.icon-file-excel span,
.icon-file-word span{
	display:none;
}

.icon-copy,
.icon-translate,
.icon-print,
.icon-file-pdf,
.icon-file-excel,
.icon-file-word{
	width:24px;
	height:24px;
	max-width:100%;
	display:block;
	display:inline-block;
	line-height:0;
	background-repeat:no-repeat;
	background-position:0 0;
	background-color:transparent;
	background-size:contain;
	text-decoration:none;
	opacity:0.65;
	overflow:hidden;
}

.icon-copy:hover,
.icon-translate:hover,
.icon-print:hover,
.icon-file-pdf:hover,
.icon-file-excel:hover,
.icon-file-word:hover{
	text-decoration:none;
	opacity:1;
}

.no-svg .icon-copy,
.no-svg .icon-translate,
.no-svg .icon-print,
.no-svg .icon-file-pdf,
.no-svg .icon-file-excel,
.no-svg .icon-file-word{
	max-width:32px;
	max-height:32px;
}

.lte8 .icon-copy,
.lte8 .icon-translate,
.lte8 .icon-print,
.lte8 .icon-file-pdf,
.lte8 .icon-file-excel,
.lte8 .icon-file-word{
	background-size:auto;
	max-width:none;
	width:16px;
	height:16px;
}

.icon-copy{
	background-image:url("../images/admin-copy.svg");
}

.no-svg .icon-copy{
	background-image:url("../images/admin-copy.png");
}

.lte8 .icon-copy{
	background-image:url("../images/admin-copy-16px.png");
}

.icon-translate{
	background-image:url("../images/admin-globe.svg");
}

.no-svg .icon-translate{
	background-image:url("../images/admin-globe.png");
}

.lte8 .icon-translate{
	background-image:url("../images/admin-globe-16px.png");
}

.icon-print{
	background-image:url("../images/admin-print.svg");
}

.no-svg .icon-print{
	background-image:url("../images/admin-print.png");
}

.lte8 .icon-print{
	background-image:url("../images/admin-print-16px.png");
}

.icon-file-pdf{
	background-image:url("../images/admin-file-pdf.svg");
}

.no-svg .icon-file-pdf{
	background-image:url("../images/admin-file-pdf.png");
}

.lte8 .icon-file-pdf{
	background-image:url("../images/admin-file-pdf-16px.png");
}

.icon-file-excel{
	background-image:url("../images/admin-file-excel.svg");
}

.no-svg .icon-file-excel{
	background-image:url("../images/admin-file-excel.png");
}

.lte8 .icon-file-excel{
	background-image:url("../images/admin-file-excel-16px.png");
}

.icon-file-word{
	background-image:url("../images/admin-file-word.svg");
}

.no-svg .icon-file-word{
	background-image:url("../images/admin-file-word.png");
}

.lte8 .icon-file-word{
	background-image:url("../images/admin-file-word-16px.png");
}

@media print{
	.do-not-print{
		display:none!important;
	}

	table.filter-table tr.header-row td{
		border-top:0 solid transparent;
	}

	.fitler-table-wrap{
		display:block;
	}

	.icon-copy,
	.icon-translate,
	.icon-print,
	.icon-file-pdf,
	.icon-file-excel,
	.icon-file-word,
	.icon-copy span,
	.icon-translate span,
	.icon-print span,
	.icon-file-pdf span,
	.icon-file-excel span,
	.icon-file-word span{
		background:none!important;
		width:auto!important;
		height:auto!important;
		display:inline!important;
		-webkit-opacity:1!important;
		-moz-opacity:1!important;
		opacity:1!important;
	}
}

.CprojQuick .edit-form{
	max-width:800px;
}

.CprojQuick h2.inputdiv2,
.CprojQuick h2.inputdiv-full-width{
	padding-bottom:5px;
	border-bottom:#ccc 1px solid;
}

/* MULTISELECT custom */
.ui-multiselect{
	padding:2px 0 2px 4px;
	text-align:left;
}

.ui-multiselect span.ui-icon{
	float:right;
}

.ui-multiselect-header{
	margin-bottom:0.375em;
	padding:0.375em 0.75em;
}

.ui-multiselect-header ul{
	font-size:0.9em;
}

.ui-multiselect-header ul li{
	float:left;
	padding:0 10px 0 0px;
}

.ui-multiselect-header a{
	text-decoration:none;
}

.ui-multiselect-header a:hover{
	text-decoration:underline;
}

.ui-multiselect-header span.ui-icon{
	float:left;
}

.ui-multiselect-header li.ui-multiselect-close{
	float:right;
	text-align:right;
	padding-right:0;
	background:#04a5dc;
}

.ui-multiselect-menu{
	display:none;
	padding:3px;
	position:absolute;
	z-index:10000;
	text-align:left;
}

.ui-multiselect-checkboxes{
	position:relative;
	overflow-y:auto;
	width:100%;
	padding:0;
	list-style:none outside none;
}

.ui-multiselect-checkboxes label{
	display:block;
	border:1px solid transparent;
	padding:0.5em 0.75em;
	font-size:1em;
	cursor:pointer;
}

.ui-multiselect-checkboxes label input{
	position:relative;
	top:1px;
	margin-right:4px;
}

.ui-multiselect-checkboxes li{
	clear:both;
	font-size:0.9em;
	padding-right:3px;
}

* html .ui-multiselect-checkboxes label{
	border:none;
}

button.ui-multiselect{
	width:320px!important;
}

.ui-multiselect-menu.ui-widget{
	border:1px solid #E3E4E6;
	border-radius:0 0 4px 4px;
	box-shadow:5px 5px 8px 0 rgba(0,0,0,0.15);
}

.ui-helper-reset{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	line-height:1.3;
	text-decoration:none;
	font-size:100%;
	list-style:none;
}

.ui-helper-clearfix::before,
.ui-helper-clearfix::after{
	content:"";
	display:table;
	border-collapse:collapse;
}

.ui-helper-clearfix::after{
	clear:both;
}

.ui-helper-clearfix{
	min-height:0;
}

.ui-widget{
	font-family:'Open Sans',Arial,Helvetica,sans-serif;
	font-size:0.8em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button{
	font-family:'Open Sans',Arial,Helvetica,sans-serif;
	font-size:1em;
}

.ui-widget-content{
	border:1px solid #E3E4E6;
	color:#595958;
	background-color:#f1f2f3;
}

.ui-widget-content a{
	color:#595958;
}

.ui-widget-header{
	border:1px solid transparent;
	font-weight:bold;
	background:transparent;
}

.ui-widget-header a{
	display:block;
	padding:0.375em;
	border-radius:3px;
}

.ui-widget-header,
.ui-widget-header a{
	color:#04a5dc;
	font-size:12px;
}

.ui-widget-header a.ui-multiselect-close:after{
	content:"X";
	font-weight:bold;
	color:#fff;
}

.ui-widget-header a:hover{
	color:#fff;
	background-color:#04a5dc;
	text-decoration:none;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default{
	border:1px solid #E3E4E6;
	color:#595958;
	background:#fff;
}

.ui-state-active,
.ui-state-active:hover{
	background-color:#E3E4E6!important;
	border-color:#E3E4E6!important;
	background-image:none!important;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
button.ui-state-hover{
	border:1px solid #737373;
	border:1px solid rgba(115,115,115,0.25);
	color:#1c1c1c;
	background:#fff;
	background-image:none;
	box-shadow:none;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl{
	border-top-left-radius:4px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr{
	border-top-right-radius:4px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl{
	border-bottom-left-radius:4px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br{
	border-bottom-right-radius:4px;
}

.ui-multiselect.ui-state-active,
.ui-multiselect.ui-state-active:hover{
	border-bottom-right-radius:0;
	border-bottom-left-radius:0;
}

/* 
	TOGGLER (trigger and panel / show hide toggle content)
	- (2017-09-19 LS) Originally created for: admin/SupportReport.asp
 */
a.toggler-trigger,
a.toggler-trigger:hover{
	text-decoration:none;
	border:none;
}

.toggler-trigger,
a.toggler-trigger:link,
a.toggler-trigger:visited{
	/* color:#333; */
	color:#222;
	opacity:0.7;
}

.toggler-trigger:hover,
a.toggler-trigger:hover{
	color:#00f;
	opacity:1;
}

.toggler-trigger{
	display:inline-block;
	padding-bottom:0.187em;
}

.toggler-panel{
	/* display:block; */
	padding-top:0.75em;
	padding-bottom:1.5em;
}

/** 
 *	FILTER BLOCK (.filter-block) 
 *	- (2017-09-19 LS) Originally created for: admin/SupportReport.asp
 *	- Created a block version of the table version FILTER TABLE used in e.g '/admin/users.asp'.
 *	- the FILTER TABLE and FILTER BLOCK should have the same theme and color scheme.
 */
/** clearfix */
.filter-block-item-row:after{
	content:"";
	display:table;
	clear:both;
}

.filter-block{
	margin-top:12px;
	border-collapse:collapse;
}

.filter-block-item{
	/* padding:7px 5px; */
	padding:7px 14px;
	font-size:13px;
	border-top:1px solid #cdcdcd;
}

.filter-block-item.clickable:hover{
	background-color:#e5f7fd;
}

.filter-block-item-title{
	font-size:1em;
}

.filter-block-item-title-inner,
a.filter-block-item-title-inner:link,
a.filter-block-item-title-inner:visited{
	color:#333;
	/* color:#222; */
}

a.filter-block-item-title-inner,
a.filter-block-item-title-inner:hover{
	text-decoration:none;
	border:none;
}

a.filter-block-item-title-inner:hover{
	color:#00f;
}

.filter-block-item-row{
	padding:0.375em;
	border-top:1px dashed rgba(0,0,0,0.12);
}

.filter-block-item-row:first-child{
	border-top:none;
}

.filter-block-item-row:nth-child(even){
	background-color:rgba(0,0,0,0.024);
}

.filter-block-item-row-desc,
.filter-block-item-row-desc:nth-child(1n){
	background:transparent;
}

.filter-block-item-col{
	display:inline-block;
	vertical-align:top;
	padding-right:20px;
}

.filter-block-item-col:last-child{
	padding-right:0;
}

/**/
.filter-block-item-title{
	max-width:100%;
	margin-top:0;
	padding-top:0;
}

.filter-block-item-row-title{
	padding-bottom:1em;
}

.filter-block-item-row-title .filter-block-item-title{
	padding-bottom:0;
	margin-bottom:0;
}

/**/
.filter-block-item-row-toggler .toggler-trigger{
	font-size:10px;
}

/* 
	.supportreport-item-date{
		font-size:10px;
		opacity:0.7;
	}
	
	
	.supportreport-item-col-date{
		float:right;
		clear:right;
		text-align:right;
	}
 */

/**/

.readmore{
	white-space:nowrap;
	-webkit-tap-highlight-color:transparent;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}

.readmore:after{
	content:" \00BB";
}

.clickable{
	cursor:pointer;
	-webkit-tap-highlight-color:transparent;
}

/*****
																	TEMPLATE Home (admin/home.asp)
**** */
body.admin-home h1{
	margin-bottom:2.25em;
}

/** 
 * @setDataToggle JS function
 * Toggeling content via trigger and panel
 * copied from:
 * 	- http://cm4dev.travelize24.com/clientfiles/cm-resource/archive/components/dataToggle/v1.asp) 
 */
.datatoggle-trigger,
.datatoggle-trigger:hover{
	text-decoration:none;
}

.datatoggle-trigger{
	position:relative;
	cursor:pointer;
	outline:0;
}

.datatoggle-trigger:after{
	content:'+';
	display:inline-block;
	font-size:1.2em;
	padding:0 0.5em;
	font-weight:bolder;
}

.datatoggle-trigger-expanded:after{
	content:'-';
}

.datatoggle-trigger-contracted,
.datatoggle-trigger:after{
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}

.icon-admin{
	display:inline-block;
	vertical-align:top;
	line-height:1;
	font-size:1.218em;
	width:1em;
	height:1em;
	stroke-width:0;
	stroke:currentColor;
	fill:currentColor;
}

/** 
 *	------ admin-alert-list ------ 
 * (2018-08-22 LS) copied colors that are already in use in this css file
 */
.admin-alert-item{
}

.admin-alert-list *{
	/* box-sizing:border-box; */
}

ul.admin-alert-list{
	list-style:none;
}

.admin-alert-list{
	display:block;
	width:900px;
	max-width:100%;
	padding:0;
	margin:0 0 1.5em 0;
	/* background-color:#f2f2f2; */
}

.admin-alert-item{
	display:block;
	position:relative;
	/* padding:0.5em 0.75em; */
	padding:0;
	margin:0.75em auto -1px auto;
	border:1px solid #cdcdcd;
	background-color:#f2f2f2;
}

.admin-alert-item:first-child{
	margin-top:0;
}

.admin-alert-item:nth-child(odd){
	/* background-color:rgba(242,242,242,0.5); */
}

.admin-alert-item:first-child{
	border-top-left-radius:4px;
	border-top-right-radius:4px;
}

.admin-alert-item:last-child{
	margin-bottom:0;
	border-bottom-right-radius:4px;
	border-bottom-left-radius:4px;
}

.admin-alert-item{
	padding:18px;
}

.admin-alert-item-inner{
	margin-top:-18px;
	margin-bottom:-18px;
}

.admin-alert-item-title{
	font-size:13px;
	line-height:1.5;
	margin:0;
	padding:0;
	font-weight:normal;
	padding:18px;
	margin:-18px;
	margin-bottom:0;
}

.admin-alert-item-title-inner{
	display:block;
	padding-left:27px;
	padding-right:100px;
	position:relative;
}

.admin-alert-item-title:after,
.admin-alert-title-arrow{
	font-size:14px;
	width:18px;
	height:18px;
	line-height:18px;
	text-align:center;
	padding:0;
	margin:-9px 0 0 0;
	position:absolute;
	z-index:+1;
	top:50%;
	left:18px;
}

.admin-alert-item-title-icon{
	width:24px;
	height:24px;
	margin:-12px 0 0 0;
	position:absolute;
	z-index:+1;
	top:50%;
	right:66px;
}

.admin-alert-title-arrow{
	font-size:16px;
	-webkit-transform:translateY(-2px);
	transform:translateY(-2px);
	/* color:#00f; */
}

.admin-alert-item-toggle-panel{
	margin:0 -18px;
	padding:0 18px;
	border-top:1px dashed rgba(0,0,0,0.08);
}

.admin-alert-item-desc,
.admin-alert-item-nav{
	padding-top:18px;
	padding-bottom:27px;
}

.admin-alert-item-desc + .admin-alert-item-nav{
	padding-top:9px;
	margin-top:-27px;
}

.admin-alert-item-nav{
	text-align:right;
}

.admin-alert-item-desc p:first-child{
	margin-top:0;
	padding-top:0;
}

.admin-alert-item-desc p:last-child{
	margin-bottom:0;
	padding-bottom:0;
}

.admin-alert-item-title a,
.admin-alert-item-title a:hover{
	text-decoration:none;
	color:inherit;
}

.admin-alert-item-badge{
	color:#fff;
	background-color:rgba(0,0,0,0.24);
	font-size:12px;
	/* font-weight:bolder; */
	font-weight:normal;
	text-align:center;
	white-space:nowrap;
	display:inline-block;
	vertical-align:middle;
	border-radius:10px;
	/* line-height:1; */
	line-height:24px;
	height:24px;
	width:52px;
	min-width:10px;
	margin:-12px 0 0 0;
	/* padding:3px 7px; */
	padding:0 6px;
	/* float:right; */
	position:absolute;
	z-index:+1;
	top:50%;
	right:0;
}

.admin-alert-item-intro{
	margin-bottom:3em;
}

.admin-alert-item-intro .admin-alert-item-title{
	font-size:1.6em;
	font-weight:500;
	padding-bottom:0;
	margin-bottom:0;
}

.icon-admin-action-required{
	/* color:#feefb3; */
	color:#EA4335;
}

.admin-alert-item-action-required{
	/* box-shadow:inset 2px 0 0 #f9c624; */
}

.admin-alert-item-action-required .admin-alert-item-badge{
	color:#fff;
	background-color:#EA4335;
}

.icon-admin-info{
	/* color:#d9edf7; */
	color:#1d8faf;
}

.admin-alert-item-info{
	/* box-shadow:inset 2px 0 0 #1d8faf; */
}

.admin-alert-item-info .admin-alert-item-badge{
	color:#fff;
	background-color:#1d8faf;
}

.leftalign .inputdiv1{
	text-align:left;
	/* width:20%; */
	margin-bottom:10px;
}

/** Wrapper width replacing inputdiv1 and inputdiv2. width = .inputdiv1 (width: 25%) + .inputdiv2 (width: 75%) */
.leftalign .inputdiv-full-width{
	/* width:90%; */
	/* width:100%; */
	/* margin-bottom:10px; */
}

.leftalign .updatetype{
	float:left;
	margin-left:10px;
}

.leftalign .inputdiv2 textarea,
.leftalign .inputdiv2 input:not([type=radio]),
.leftalign .inputdiv-full-width textarea,
.leftalign .inputdiv-full-width input{
	float:left;
}

/** 
 * (2020-08-18 LS) admin/posts.asp?id={7A7685C5-8800-431A-9815-2094D11590B5}
 * Style for '/admin/resendbcNT.asp'
 * Scenario input inline-block (date from and to) next to each other 
 */
.leftalign .inputdiv2 input.input-filter-date,
.leftalign .inputdiv-full-width input.input-filter-date{
	float:none;
}


a#show-changelogtable{
	font-size:13px;
}

.scheduler_default_main{
	font-family:'Roboto',Verdana,Arial,Helvetica,sans-serif !important;
}

/** (2020-04-07 LS) CSS to make '/admin/projectupdate.asp' more mobile friendly. FYI to target only this page use 'body.ProjectUpdate') */
@media screen and (max-width:719px){
	html{
		/* box-sizing:border-box; */
	}

	*,
	*:before,
	*:after{
		/* box-sizing:inherit; */
	}

	html,
	body{
		/* padding:0; */
		/* margin:0; */
	}

	select,
	input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=submit]):not([type=button]):not(.button),
	textarea{
		max-width:100%;
	}

	/**/

	body.ProjectUpdate{
	}

	.filterbox,
	.toolsbox{
		float:none!important;
		clear:both;
		width:auto;
		width:100%;
		margin-left:0;
		margin-right:0;
	}

	.inputdiv1,
	.inputdiv2,
	.inputdiv-full-width,
	.formheadline-div{
		width:100%!important;
		max-width:100%!important;
		margin-left:0!important;
		margin-right:0!important;
	}

	.inputdiv1,
	.inputdiv2,
	.inputdiv-full-width{
		overflow: auto;
	}

	.inputdiv-full-width .inputlarge,
	.inputdiv-full-width  .cke{
		width: 100%;
	}

	.leftalign .updatetype{
		margin-left:0;
	}

	.inputdiv1[for*='comment'] + .inputdiv2,
	.inputdiv1[for*='comment'] + .inputdiv-full-width{
		width:100%;
	}

	.leftalign .inputdiv2 textarea,
	.leftalign .inputdiv2 input,
	.leftalign .inputdiv2 select,
	.leftalign .inputdiv-full-width textarea,
	.leftalign .inputdiv-full-width input,
	.leftalign .inputdiv-full-width select{
		float:none!important;
		display:inline-block;
		vertical-align:top;
		margin-left:0;
		margin-right:0;
	}
}

.filterbox-item select{
	margin-bottom:0;
}

.formheadline,
.formheadline-div{
	border:1px solid #cdcdcd;
	background-color:#f2f2f2;
	width:100%!important;
	margin:0!important;
	padding:0 10px;
	float:none;
	max-width:98%;
}

.formheadline{
	margin-top:10px!important;
}

.formheadline-div{
	background-color:#fafcfd;
	border-top:0;
	padding:15px 10px;
	max-width:98%;
}

.opened .icon-admin-arrow-right{
	transform:rotate(90deg);
}

.opened .icon-admin-arrow-down{
	transform:rotate(-90deg);
}

.formheadline a:hover .icon-admin-arrow-right,
.formheadline a:hover .icon-admin-arrow-down{
	color:#ef8500;
}

.formheadline a,
.formheadline a:link,
.formheadline a:visited,
.formheadline a:hover{
	text-decoration:none;
}

.filterbox-item input{
	margin-bottom:0;
}

.filterbox .filterbox-item{
	margin-bottom:4px;
	min-height:50px;
}

.filterbox-item .help-bubble{
	height:16px;
	width:16px;
	background-size:cover;
	margin-left:5px;
	cursor:help;
}

.leftalign #weekday1,
.leftalign #weekday2,
.leftalign #weekday3,
.leftalign #weekday4,
.leftalign #weekday5,
.leftalign #weekday6,
.leftalign #weekday7{
	float:none;
}

/**
 * (2020-08-12 LS) Log In Form Style
 * Form style used on e.g the admin-, agents- and suppliers log in page.
 * Admin Link: posts.asp?id={6F6CC11E-23A5-4987-A8E7-542A77B95FE1}
 * 	e.g
 * 		http://test.travelize.se/admin/login.asp
 *		http://test.travelize.se/agents/login.asp
 *		http://test.travelize.se/suppliers/login.asp
 */
.login-form-wrap {
	/* font-size: 14px; */
	font-size: 0.875em;
	width: 33em;
	max-width: 100%;
	text-align: left;
	margin-left:auto;
	margin-right:auto;
}

.login-form-main-heading{
	font-size: 1.5em;
}

.login-form-row {
	padding: 0;
	margin: 0 0 0.25em 0;
	width: 100%;
}

.login-form-row-inner {
	display: inline-block;
	max-width: 100%;
}

.login-form-submit-row{
	padding:0.75em 0 0 0;
}

.login-form-submit-row-inner {
	width: 33em;
	max-width: 100%;
	text-align: right;
}

.login-form-key {
	display: inline-block;
	vertical-align: middle;
	font-size: 100%;
	line-height: 1;
	width: 10em;
	max-width: 100%;
	margin: 0;
	padding: 0.25em 0.375em 0.25em 0;
	text-align: left;
}

.login-form-value {
	display: inline-block;
	vertical-align: middle;
	width: 23em;
	min-width: calc(100% - 10em);
	max-width: 100%;
	padding: 0.25em 0;
}

.login-form-input {
	font-size: 100%!important;
	margin: 0!important;
	padding: 0.5em!important;
	width: 100%;
}

.login-form-button {
	display: inline-block;
	vertical-align: middle;
	font-size: 100%;
	margin: 0;
	padding: .6em .8em;
}

.login-form-warning{
	text-align: center;
	padding-top: 1.5em;
}

.login-form-warning-inner{
	opacity: .7;
}

.login-form-customhelp{
	text-align: center;
	padding-top: 0.5em;
}

@media screen and (max-width: 30em) {
	.login-form-wrap{
		width: 23em;
		margin-left:auto;
		margin-right:auto;
	}
}

/** 
 * Style for '/admin/TM_sendMessage.asp' 
 * (2021-01-22 LS) admin/posts.asp?id={4624F19A-9C5A-498D-A425-8E4C9AC48BF8}	
*/
.TM_sendMessage .inputdiv-full-width  .cke{
	width: 100%;
}
.TM_sendMessage .filterbox:only-child,
.TM_sendMessage .toolsbox:only-child{
	box-sizing:border-box;
	width: 80em;
	max-width: 100%;
	margin-left: 0;
	margin-right: 0;
}

/* EL 2021-03-26*/
.filter-table img {
    overflow: hidden;
    display: inline-block;
}

.crosswithextralabels .checkboxtextfield input,
.crosswithextralabels .checkboxlabel input {
    float: none!important;
}
.crosswithextralabels .checkboxlabel {
    display: inline-block!important;
    min-width: 120px;
    vertical-align: middle;
}
.crosswithextralabels .checkboxtextfield {
    display: inline-block!important;
}
.ui-button{
	outline: none;
}
.changebook1,
.changebook1TestNT {
    font-size: 12px;
}
.changebook1 .formheadline-div .inputdiv1,
.changebook1TestNT .formheadline-div .inputdiv1, 
.changebook1 .bookingbox-row .BookingLabel,
.changebook1TestNT .bookingbox-row .BookingLabel {
    max-width: 350px;
    width: 100%;
}
.changebook1 .formheadline-div .inputdiv2 ,
.changebook1TestNT .formheadline-div .inputdiv2 {
    max-width: calc(100% - 350px);
    width: 100%;
}


.changebook1 .bookingbox-row .BookingLabel, 
.changebook1TestNT .bookingbox-row .BookingLabel {
    text-align: left;
    margin-bottom: 10px;
    float: left;
    padding-right: 13px;
    clear: left;
    display: inline-block;
    font-family: 'Roboto', Verdana, Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 13px;
    margin-bottom: 6px;
    color: #222;
}

.changebook1 .bookingbox-row + .form-container-toggable + .bookingbox-row, 
.changebook1TestNT .bookingbox-row + .form-container-toggable + .bookingbox-row {
    margin-top: 10px;
}

label[for^="perpax_acccax"],
label[for^="perpax_TravelInsuranceID"] {
    float: left;
    margin-right: 3px;
    line-height: 1.5;
}
input[id^="perpax_acccax"],
input[id^="perpax_TravelInsuranceID"] {
    width: 126px;
}
.filter_producttypes {
    display: block;
    float: none;
    clear: both;
}
.filter_producttypes label {
    line-height: 1.5;
}
.filter-tools-container label[for^="includebox"] {
    margin-right: 10px;
}
.filter-tools-container input[id^="includebox"] {
    margin-right: 0;
}
.includebox-wrapper {
    display: inline-block;
}

body.pdf-print{
	padding:5mm 5mm;
}
input.button-gen3:disabled {
    background: #959595;
    box-shadow: none;
    border-color: #919191;
	color: #e5e5e5;
}
.infotext-h2-headline {
    color: #222;
    font-size: .8rem;
    margin-top: 4px;
    margin-left: 4px;
    font-weight: normal;
	max-width: 900px;
}

.filter-table .header-row .help-bubble {
    position: static;
    margin-left: 0;
    background-size: contain;
    height: 16px;
    width: 16px;
    vertical-align: middle;
}

input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=submit]):not([type=button]):not(.button):disabled, textarea:disabled, select:disabled {
    background: #e7e7e7;
    color: #a1a1a1;
    cursor: not-allowed;
}
.checkboxlabel label {
    padding-top: 2px;
    display: inline-block;
}
.crosswithextralabels input.HotelsAndContentNewsBanners_checkboxcross,
.crosswithextralabels input.NewHotelTypesCross_checkboxcross {
    float: left !important;
}
.changebook1 .form-container-toggable,
.changebook1TestNT .form-container-toggable {
    width: 100%;
    margin-top: 1em;
}
.changebook1 .form-container-toggable .bookingbox-row .BookingLabel,
.changebook1TestNT .form-container-toggable .bookingbox-row .BookingLabel {
    text-align: right;
}
.changebook1 .seatingajax,
.changebook1TestNT .seatingajax {
    max-width: 900px;
    padding-bottom: 3em;
}
.changebook1 .form-container-toggable select.narrow-select,
.changebook1TestNT .form-container-toggable select.narrow-select {
    min-width: 150px;
}

.changebook1 .seatingwithoutradio .form-container-toggable .bookingbox-row .BookingLabel,
.changebook1TestNT .seatingwithoutradio .form-container-toggable .bookingbox-row .BookingLabel {
    text-align: left;
}
table.filter-table tr td.td_nowrap {
    white-space: nowrap;
}
.ui-widget-content a {
    color: #00f!important;
}
table.checkboxcrossmultiple {
    border-collapse: collapse;
}
table.checkboxcrossmultiple tr th {
    font-size: 12px;
}
table.checkboxcrossmultiple tr th, 
table.checkboxcrossmultiple tr td {
    padding: 2px 5px;
}
table.checkboxcrossmultiple td.markallrow {
    border-top: 1px solid #ccc;
    padding-top: 12px;
    margin-top: 10px;
}