@charset "utf-8";
/* CSS Document */

/**************************** orderportal CSS *****************************/
#statusContainer
{
	position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 300px; /* Stel de gewenste breedte in */
    background-color: #f0f0f0;
    border-bottom: 1px solid #ccc;
    z-index: 9999;
	border: 1px solid gainsboro;
    box-shadow: 1px 1px 1px grey;
    border-radius: 5px;
    padding: 10px;
    font-size: 15px;
    font-family: monospace;
}
#statusContainer #statusMessage
{
	padding: 10px;
	margin-bottom:10px;
}
#statusContainer #statusProgressBar
{
	height: 4px;
    background-color: #007bff;
    width: 0;
	animation: progressAnimation 2s linear infinite; /* Heen en weer animatie */
}
@keyframes progressAnimation {
    0% {
        width: 0;
    }
    50% {
        width: 100%;
    }
    100% {
        width: 0;
    }
}
#overviewEnitySelect option[value="4723"]
{
	/*display: none;*/
}
#op_Reports_table[data-type='Employees'] thead th:first-child, #op_Reports_table[data-type='FormerEmployees'] thead th:first-child{
	position: sticky;
	left: 0;
	width:110px;
	min-width:110px;
	z-index: 2;
}
#op_Reports_table[data-type='Employees'] tbody td:first-child,#op_Reports_table[data-type='FormerEmployees'] tbody td:first-child {
	position: sticky;
	left: 0;
	background: silver !important;
	z-index: 1;
	font-weight: bold !important;
	padding: 0px 5px;
}
#op_Reports_table[data-type='Employees'] thead th:nth-of-type(2),#op_Reports_table[data-type='FormerEmployees'] thead th:nth-of-type(2) {
	position: sticky;
	left: 110px;
	width:80px;
	min-width:80px;	
	z-index: 2;
}
 #op_Reports_table[data-type='Employees'] tbody td:nth-of-type(2), #op_Reports_table[data-type='FormerEmployees'] tbody td:nth-of-type(2) {
	position: sticky;
	left: 110px;	 
	background: silver !important;
	z-index: 1;
	font-weight: bold !important;
	padding: 0px 5px;
}
#op_Reports_table[data-type='Employees'] thead th:nth-of-type(3),#op_Reports_table[data-type='FormerEmployees'] thead th:nth-of-type(3) {
	position: sticky;
	left: 190px;
	z-index: 2;
}
#op_Reports_table[data-type='Employees'] tbody td:nth-of-type(3),#op_Reports_table[data-type='FormerEmployees'] tbody td:nth-of-type(3) {
	position: sticky;
	left: 190px;
	background: silver !important;
	z-index: 1;
	font-weight: bold !important;
	padding: 0px 5px;
}
#op_Reports_table[data-type='staff'][data-custom='Function evolution DB'] thead td:first-child
{
	position: sticky;
	left: 0;
	width:400px;
	min-width:400px;
	max-width:400px;
	z-index: 2;
}
#op_Reports_table[data-type='staff'][data-custom='Staff Overview'] thead th:first-child, #op_Reports_table[data-type='staff'][data-custom='Function evolution DB'] thead th:first-child{
	position: sticky;
	left: 0;
	width:45px;
	min-width:45px;
	max-width:45px;
	z-index: 2;
}
#op_Reports_table[data-type='staff'][data-custom='Staff Overview'] tbody td:first-child, #op_Reports_table[data-type='staff'][data-custom='Function evolution DB'] tbody td:first-child {
	position: sticky;
	left: 0;
	background: silver !important;
	z-index: 1;
	font-weight: bold !important;
	padding: 0px 5px;
}
#op_Reports_table[data-type='staff'][data-custom='Staff Overview'] thead th:nth-of-type(2), #op_Reports_table[data-type='staff'][data-custom='Function evolution DB'] thead th:nth-of-type(2) {
	position: sticky;
	left: 45px;
	width:85px;
	min-width:85px;
	max-width:85px;
	z-index: 2;
}
 #op_Reports_table[data-type='staff'][data-custom='Staff Overview'] tbody td:nth-of-type(2), #op_Reports_table[data-type='staff'][data-custom='Function evolution DB'] tbody td:nth-of-type(2) {
	position: sticky;
	left: 45px;	 
	background: silver !important;
	z-index: 1;
	font-weight: bold !important;
	padding: 0px 5px;
}
#op_Reports_table[data-type='staff'][data-custom='Staff Overview'] thead th:nth-of-type(3),#op_Reports_table[data-type='staff'][data-custom='Function evolution DB'] thead th:nth-of-type(3) {
	position: sticky;
	left: 130px;
	width:60px;
	min-width:60px;	
	z-index: 2;
}
 #op_Reports_table[data-type='staff'][data-custom='Staff Overview'] tbody td:nth-of-type(3),  #op_Reports_table[data-type='staff'][data-custom='Function evolution DB'] tbody td:nth-of-type(3) {
	position: sticky;
	left: 130px;	 
	background: silver !important;
	z-index: 1;
	font-weight: bold !important;
	padding: 0px 5px;
}
#op_Reports_table[data-type='staff'][data-custom='Staff Overview'] thead th:nth-of-type(4),#op_Reports_table[data-type='staff'][data-custom='Function evolution DB'] thead th:nth-of-type(4) {
	position: sticky;
	left: 190px;
	width:95px;
	min-width:95px;	
	z-index: 2;
}
 #op_Reports_table[data-type='staff'][data-custom='Staff Overview'] tbody td:nth-of-type(4),  #op_Reports_table[data-type='staff'][data-custom='Function evolution DB'] tbody td:nth-of-type(4) {
	position: sticky;
	left: 190px;	 
	background: silver !important;
	z-index: 1;
	font-weight: bold !important;
	padding: 0px 5px;
}
#op_Reports_table[data-type='staff'][data-custom='Staff Overview'] thead th:nth-of-type(5),#op_Reports_table[data-type='staff'][data-custom='Function evolution DB'] thead th:nth-of-type(5) {
	position: sticky;
	left: 285px;
	width:15px;
	min-width:15px;	
	max-width:15px;	
	z-index: 2;
}
#op_Reports_table[data-type='staff'][data-custom='Function evolution DB'] thead th:nth-of-type(5) {
	width:110px;
	min-width:110px;	
	max-width:110px;	
}
 #op_Reports_table[data-type='staff'][data-custom='Staff Overview'] tbody td:nth-of-type(5), #op_Reports_table[data-type='staff'][data-custom='Function evolution DB'] tbody td:nth-of-type(5) {
	position: sticky;
	left: 285px;
	z-index: 1;
	font-weight: bold !important;
	padding: 0px 5px;
}
#op_Reports_table[data-type='staff'][data-custom='Function evolution DB'] tbody td:nth-of-type(5) {
	background: silver !important;
}
#op_Reports_table[data-type='staff'][data-custom='Staff Overview'] thead th:nth-of-type(6) {
	position: sticky;
	left: 300px;
	width:95px;
	min-width:95px;	
	z-index: 2;
}

 #op_Reports_table[data-type='staff'][data-custom='Staff Overview'] tbody td:nth-of-type(6) {
	position: sticky;
	left: 300px;	 
	background: silver !important;
	z-index: 1;
	font-weight: bold !important;
	padding: 0px 5px;
}

#function_evolution_table, .report_action_table
{
	width: 100%;
    max-width: 1000px;
    border-collapse: collapse;
    background: whitesmoke;
	font-size:12px;
}
#function_evolution_table input, #function_evolution_table select, #function_evolution_table textarea, .report_action_table input, .report_action_table select, .report_action_table textarea
{
	width: 90%;
	margin:auto;
}
#function_evolution_table tr td, .report_action_table  tr td
{
	padding: 2px 8px;
    width: calc( 50% - 150px );
    border-bottom: 1px solid silver;
    border: 1px solid gainsboro;
}
#function_evolution_table tr[data-changeable='yes'] td, .report_action_table tr[data-changeable='yes'] td
{
	
}
#function_evolution_table tr td[colspan='2']
{
	
	
}
#function_evolution_table tr td[colspan='2'] input, #function_evolution_table tr td[colspan='2'] select, .report_action_table tr td[colspan='2'] input, .report_action_table tr td[colspan='2'] select
{
	max-width:500px;
}
#function_evolution_table tr td:first-of-type, .report_action_table tr td:first-of-type
{
	width:160px;
	text-align: right;
	font-weight: bold;
}
#function_evolution_table .fe_tit, .report_action_table .fe_tit
{
	font-weight: bold;
    background: silver;
    text-align: left !important;
	border-top: 15px solid white !important;
    border: 1px solid gainsboro;
}
.custom_action_submitbutton
{
	width: 100%;
    border: 1px solid #3B83D2;
}
.currentFunctionValue
{
	width:calc( 50% - 150px );
}
.table_action
{
	margin-top: 15px;
    background: lightgreen;
    border: 1px solid white;
    box-shadow: 1px 1px 1px black;
    padding: 5px;
    cursor: pointer;
    font-weight: bold;
	margin-left: 10px;
}
#tableActions
{
	text-align: center;
	margin-bottom: -20px;
}
.eg_table td
{
	border: 1px solid transparent;
}
.eg_table
{
	min-width:280px;
	width:100%;
}
.eg_param
{
	font-style: italic;
	width: 100px;
}
.orderportal_partitions
{
	/*border: 1px solid #071d37;*/
}
#op_Reports_table[data-type="WIP"] td[data-value="hs"], #op_Reports_table[data-type="WIP"] th[data-value="hs"], #op_Reports_table[data-type="WIP"] td[data-value="Region"], #op_Reports_table[data-type="WIP"] th[data-value="Region"], #op_Reports_table[data-type="WIP"] td[data-value="tp"], #op_Reports_table[data-type="WIP"] th[data-value="tp"], #op_Reports_table[data-type="WIP"] td[data-value="sv"], #op_Reports_table[data-type="WIP"] th[data-value="sv"],#op_Reports_table[data-type="WIP"] td[data-value="Closed"], #op_Reports_table[data-type="WIP"] th[data-value="Closed"], #op_Reports_table[data-type="WIP"] td[data-value="Order Backlog Status"], #op_Reports_table[data-type="WIP"] th[data-value="Order Backlog Status"],#op_Reports_table[data-type="WIP"] td[data-value="recieved"], #op_Reports_table[data-type="WIP"] th[data-value="recieved"], #op_Reports_table[data-type="staffcount"] td[data-value^="members on "], #op_Reports_table[data-type="staffcount"] th[data-value^="members on "]
{
	display:none;
}
#op_Reports_table[data-type="WIP_v2023"] td[data-value="Licensesamount"],#op_Reports_table[data-type="WIP_v2023"] th[data-value="Licensesamount"]
{
	display:none;
}
#op_Reports_table[data-type='OrderStatus'] th[data-value^='Software'], #op_Reports_table[data-type='OrderStatus'] th[data-value='Maintenance'], #op_Reports_table[data-type='OrderStatus'] th[data-value='Services'], #op_Reports_table[data-type='OrderStatus'] th[data-value='Other'], #op_Reports_table[data-type='OrderStatus'] th[data-value='Discount'], #op_Reports_table[data-type='OrderStatus'] th[data-value='Total'], .blackbackground
{
	color: white !important;
	background: black !important;
}
.notfilter999
{
	display:none !important;
}
#op_Reports_table td[data-value="reports"],#op_Reports_table td[data-value="standard reports"]
{
	width:110px;
	min-width:110px;
}
#op_Reports_table td[data-value] ul
{
	padding-left:15px;
	font-size:10px;
}

#selectReportingTable
{
	/*background: lightblue;*/
}

#reportsContainerDiv
{
	border-bottom:1px solid gainsboro;
}
#reportTableDescription
{
	/*margin-top: 30px;*/
    font-size: 11px;
    padding: 10px;
	/*border:1px solid grey;
	background: gainsboro;*/
	max-width:60%;
	text-align: justify;
	display: none;
}

#reportTableDescription table
{
	width: 70%;
	border-collapse: collapse;
	margin-top: 10px;
}
#reportTableDescription table tr td:nth-child(1)
{
	width: 200px;
}
#reportTableDescription table td, #reportTableDescription table th
{
	border:1px solid grey !important;
	background-image: none !important;
}
#reportTableDescription table td{
	
	padding: 5px;
}
#reportTableDescription table th
{
	background:gainsboro;
}
#reportTableDescription span
{
	font-weight: bold;
	text-decoration: underline;
}
.showHideColumn
{
	vertical-align: bottom;
    display: inline-block;
    /* border: 5px solid lightblue; */
    padding: 5px 2px 5px 0px;
    min-width: 30px;
    background: silver;
    font-size: 10px;
    font-family: monospace;
    /*border-top-left-radius: 10px;
    border-top-right-radius: 10px;*/
    margin-left: 2px;
   /* box-shadow: 1px 1px;*/
    font-stretch: ultra-condensed;
    margin-top: 3px;
}

.hideColumnsCheck
{
	height: 0px;
	width: 0px;
	visibility:hidden;
	margin-left: 0px;
}
.showHideColumn[data-checked='checked']
{
	/*background: lightgreen;*/
	font-weight:bold;
	color: black;
	cursor:pointer;

}
.showHideColumn[data-checked='']
{
	background: white;
    box-shadow: none;
	color: grey;
	cursor:pointer;
	border:5px solid white;
}
#showHideColumsDiv
{
	font-size:12px;
	display:none;
	
}
#showHideColumsDiv b
{
	margin-right:10px;
}
.reportsSelectButtons[data-checked='0']
{
	/*color:#888;*/
}
.commercial_team_select
{
	/*display:none;*/
}
#showHideColumns
{
	color: blue;
    text-decoration: underline;
    font-size: 12px;
    /*background: white;*/
    padding: 4px;
    cursor: pointer;
	margin-top:50px; 
	text-align:right;
}
.shownItemsDiv
{
	margin-left: 15px;
    font-size: 12px;
    /*background: black;
    color: white;*/
	font-style: italic;
	font-weight:bold;
    padding: 4px;
    border-radius: 5px;
}
	
.filterInTableInput
{
	/*position: absolute;*/
	/*bottom: 3px;
	left: 1.5%;
	width:90%;*/
}
#op_Reports_table .filterInTable th
{
	position: sticky;
	top:-3px;
	/*height: auto !important;*/
	/*vertical-align: text;*/
	padding-bottom:30px !important;
	padding-right: 12px;
	border: 1px solid white !important;
	background-color: silver;
	background-repeat: no-repeat;
	background-position: center right;
    cursor: pointer;
	border-top:none !important;
	
}

#selectReportingTable
{
	/*display:none;*/
}
#clickReportingTable
{
	/*background: rgba( 0,122,187,1 );*/
    /*width: 100%;*/
	padding: 5px/* 50px 15px 50px*/;
    /*text-align: center;*/
}
#clickReportingTable button
{
	/*font-size: 14px;*/
    margin-bottom: 5px;
    /*color: white;
    
	background: rgb( 0,122,187 );
	padding: 6px;*/
	cursor: pointer;
	/*border: 1px solid black;*/
	margin-left: 3px;
	/*border-radius: 5px;*/
}
#clickReportingTable button[data-selected='yes']
{
    border: 1px solid black;
    box-shadow: none;
	color: white;
	/*background: rgb( 0,122,187 );*/
	background:black;

}
.deliverydateHidden
{
	display:none;
}
.NetsuiteBookAction
{
	padding:20px;
}
.NetsuiteBookAction div
{
	display: none;
}

#netsuiteIntegrationTable button
{
	min-width:150px;
}
#netsuiteIntegrationTable, #bookingTable
{
	border-collaps:collapse;
	margin-top: 20px;
	margin-bottom:20px;
}
#netsuiteIntegrationTable td, #bookingTable td
{
	font-family: monospace;
	font-size: 11px;
	border-bottom: 1px solid silver;
		padding: 5px 2px;
}
#bookingTable
{
	background: black;
	color:white;
}
#bookingTable td, #bookingTable th
{
	vertical-align: top;
	border: 1px solid grey;
	padding: 5px 2px;
}
#bookingTable table td
{
	border: 1px solid gainsboro;
	border-collapse: collapse;
}
#bookingTable table
{
	border-collapse:collapse;
	margin-top: 7px;
}
#netsuiteIntegrationTable th
{
	text-align: left;
	background: gainsboro;
	border: 1px solid silver;
}
#bookingTable th
{
	text-align: left;
}
#netsuiteIntegrationTable input,#netsuiteIntegrationTable select
{
	width:80%;
}
.set_maintenance_in_key
{
	vertical-align: bottom; 
	margin-left: 20px; 
	height: 12px; 
	padding: 2px; 
	cursor: pointer; 
	box-shadow: inset 0px 0px 4px grey; 
	background: whitesmoke;
}
.set_maintenance_in_key[data-value='on']
{
	box-shadow: 1px 1px 1px black; 
	background: green;
}
#orderportalbody
{
	margin: -8px 0px 0px 0px !important;	
	overflow-x: hidden;
	background:#071d37;
}
.pdfDeleteButton:hover
{
	background: rgba( 0,122,187,0.3 );
}
.pdfDeleteButton
{
	cursor: pointer;
	padding:1px;
	background: rgba( 0,122,187,0.0 );

}
.closeTable .bundleTr td
{
	background: white !important;
}
.closeTable .bundleTr td:first-of-type
{
	border-left: 5px solid rgba( 0,122,187,0.5 );
}
.closeTable .bundleTrMain td
{
	background: rgba( 0,122,187,0.5 ) !important;
}

.onlyForCertainProducts, .onlyForCertainProductsDetail
{
	display:none;
}

#op_maintenancedialog h3
{
	text-decoration:underline;
}
#op_maintenancedialog h3:not(:first-child) 
{
	margin-top:60px;
}
#expiring_actions_table, #expiring_history_table, #licensestabledv table
{
	margin-left:25px;
}
#expiring_actions_table
{
	width: 80%;
    font-weight: bold;
    border: 1px solid silver;
    background: whitesmoke;
	border-collapse:collapse;
}
#expiring_history_table
{
	font-size:8pt;
	font-family: arial;
	min-width: 80%;
}
#expiring_history_table th
{
	font-weigth: bold;
}
#expiring_actions_table tr td:first-of-type
{
	width:150px;
	text-align: right;
	padding-right: 25px;
}

#expiring_actions_table tr td:last-of-type
{
	text-align:left;
	padding-right:50px;
}
#expiring_actions_table tr td
{
	vertical-align:top;
	padding-top:15px;
}

#expiring_actions_table input,#expiring_actions_table textarea,#expiring_actions_table select
{
	font-weight:normal;
	color: black;
	width:100%;
}
#expiring_actions_table select
{
	width: auto;
}
#expiring_actions_table button
{
	/*background: white;
	border:1px solid black;
	color: rgba( 0,122,187,1 );
	font-weight: bold;
	box-shadow:1px 1px 1px black;
	width: 100%;*/
    margin-bottom: 15px;
    background: rgb( 0,122,187 );
    color: white;
    border: 1px solid white;
    box-shadow: 1px 1px 1px black;
    padding: 5px 25px;
	margin-top:50px;
}
#expiring_actions_table button:hover 
{
	background: rgba( 0,122,187,0.2 );
}
#expiring_actions_table button:active 
{
	box-shadow:none;
}
#licensestabledv table
{
	width: calc( 100% - 25px );
}
#op_Reports_table td[data-value='Maintenance Status']
{
	cursor:pointer;	
}
#op_Reports_table td[data-value='Maintenance Status'][data-status='FULLY EXPIRED']
{
	background:red !important;
	color: white;
	font-weight:bold;
}
#op_Reports_table td[data-value='Maintenance Status'][data-status='PARTIALLY EXPIRED']
{
	background:rgb(0,122,187) !important;
	color:white;
	font-weight:bold;
}
#op_Reports_table td[data-value='Maintenance Status'][data-status='UNDER MAINTENANCE']
{
	background:green !important;
	font-weight:bold;
	color: white;
}

#op_Reports_table td[data-value='Maintenance Status'][data-status='MAINTENANCE REFUSAL']
{
	background:orange !important;
	font-weight:bold;
	color: black;
}

#maintenance_refusal_select
{
	background: white;
    border: 1px solid silver;
    width: 100%;
	font-size: 10px;
	font-weight: normal;
	font-family:arial;
	color:black;
}

#maintenance_refusal_select thead
{
	background: silver;
}
#maintenance_refusal_select tr td
{
	padding: 0px !important;
    vertical-align: middle;
    border-bottom: 1px solid gainsboro;
}
#maintenance_refusal_select tr td:first-of-type
{
	width: 25px;
}

#NS_orderform
{
	position: relative;
    background: whitesmoke;
    width: calc( 90% - 50px );
    margin-bottom: 20px;
    margin-top: 20px;
    border: 1px solid grey;
    box-shadow: 0px 3px 3px -2px black;
    padding: 50px;
}
#NS_ordertable::before
{
	display: block;
    width: 0;
    content: "";
    position: absolute;
    top: -1px;
    right: -1px;
    border-style: solid;
    border-width: 32px 0 0 32px;
    border-color: white silver;
    box-shadow: -1px 1px 0 0 grey;
}
#NS_ordertable
{
	width: calc( 100%);
   /* margin: 20px;*/
    border-collapse: collapse;
  	/*border: 1px solid rgba( 0,122,187,0.5 );
	background:rgba( 0,122,187,0.1);*/
}
#NS_ordertable tr td:first-child
{
	width: 100px;
}
#NS_ordertable input, #NS_ordertable select, #NS_ordertable textarea
{
	width: calc( 100% - 40px) ; 
	margin-left:20px;
}
#NS_ordertable td
{
	padding:5px;
	vertical-align:top;;
	/*border-bottom:1px solid gainsboro;*/
}
#NS_ordertable th
{
	background: gainsboro;
    color: black;
    font-weight: bold;
    text-align: left;
    padding: 5px;
    border: 1px solid grey;
	text-indent: 30px;
}
#NS_ordertable .NS_producttr td
{
	border:1px solid grey;
}
	
#help_div
{	
    color: white;
    padding: 2px 20px;
    text-decoration: none;
    text-decoration: none !important;
  	margin-left: -20px;
	font-size:12px;
	float:left;
	position:absolute;
	margin-top:20px;
}
#help_div div
{	
    display: inline-block;
    padding: 0px 3px;
    color: rgb( 0,122,187 );
    border-radius: 50px;
    margin-left: 5px;
    font-size: 11px;
    background: white;
    font-weight: bold;
}
.changeItemTD
{
	background: white !important;
    border-left: 50px solid rgba( 59, 131, 210, 0.1 ) !important;
    border-right: 50px solid rgba( 59, 131, 210, 0.1 ) !important;
    box-shadow: inset 0px 0px 3px #3B83D2 !important;
    padding: 0px 50px !important;
}
.changeItemTD p
{
	font-style:italic;
	text-indent: 15px;	
	font-weight:normal;
}
.changeItemTD p::before
{
	content: "- ";	
}

.changeItemTD input
{
	background: green;
	color:white;
}
.reportingCurrencyMessage td
{
    /*border-bottom: 10px solid white;*/
    background: silver;
    text-align: center;
    font-weight: bold;
	background-image: none !important;
	padding:5px;
}
.reportingGroupsTr td,.reportingGroupsTr th
{
	padding: 5px !important;
}
.reportingCurrencyMessage td:first-of-type
{
    background: white;
}
#op_Reports_table tfoot td
{
	padding:10px 0px !important;
	background: rgba( 0,122,187,0.9 );
	border: 1px solid rgba( 59, 131, 210, 0.9 ) !important;
    position: sticky;
    bottom: 0px;
    color: white;
}

#op_Reports_table tfoot td[data-value]
{
	/*text-align: center;*/
    font-weight: bold;
    
	border: 1px solid rgba( 59, 131, 210, 0.9 ) !important;
   	
	/*background: white;*/
	
}
#op_InvoiceHistory_table
{
	zoom: 0.85;
}

#op_Reports_table tbody td[data-value='Paid'], #op_InvoiceHistory_table tbody td[data-value='Invoice Amount ( ex. VAT )']
{
	border-left:2px solid silver !important;
}
#op_Reports_table tbody td[data-value='Open'], #op_Reports_table tbody td[data-value='Open '],  #op_Reports_table tbody td[data-value='Overdue'], #op_InvoiceHistory_table tbody td[data-value='Currency exchange rate']
{
	border-right:2px solid silver !important;
}
/*#op_Reports_table td[data-value='Commercial Team'], #op_Reports_table th[data-value='Commercial Team'], #op_Reports_table td[data-value='Commercial Entity'], #op_Reports_table th[data-value='Commercial Entity'], #op_Reports_table td[data-value='Sales Manager'], #op_Reports_table th[data-value='Sales Manager']
{
	display:none;
}*/
/*#op_Reports_table[data-type='FollowUpMaintenance'] td[data-value='Sales Manager'], #op_Reports_table[data-type='FollowUpMaintenance'] th[data-value='Sales Manager']
{
	display: table-cell !important
}
*/

#op_Reports_table[data-type='OrderStatus'] td[data-value='Commercial Entity'], #op_Reports_table[data-type='OrderStatus'] th[data-value='Commercial Entity'],#op_Reports_table[data-type="OrderStatus"] td[data-value="Hybrid Sales Rep"], #op_Reports_table[data-type="OrderStatus"] th[data-value="Hybrid Sales Rep"],#op_Reports_table[data-type="OrderStatus"] td[data-value="Manager"], #op_Reports_table[data-type="OrderStatus"] th[data-value="Manager"], #op_Reports_table[data-type="WIP_v2023"] th[data-value="products"], #op_Reports_table[data-type="WIP_v2023"] th[data-value="TEST INV SW"], #op_Reports_table[data-type="WIP_v2023"] th[data-value="TEST SW"], #op_Reports_table[data-type="WIP_v2023"] th[data-value="tot"], #op_Reports_table[data-type="WIP_v2023"] th[data-value="Country"]
{
	display:none;
}
#op_Reports_table[data-type='FollowUpMaintenance'] td[data-value='Comment'], #op_Reports_table[data-type='FollowUpMaintenance'] th[data-value='Comment']
{
	display: none;
}

/*#op_Reports_table[data-type='InvoiceHistory'] td[data-value='Commercial Team'], op_Reports_table[data-type='InvoiceHistory'] th[data-value='Commercial Team']
{
	display: table-cell;
}*/
.closeOrder
{
	float: right;
    font-weight: bold;
    font-size: 9px;
    margin-right: 5px;
}
.closeFrame
{
	box-shadow: black 10px 10px 20px;
    border: 1px solid grey;
}
.closeTable, .closeFrame
{
    float: right;
    width: 80%;
    clear: both;
    margin-right: 50px;
    /*background: rgba( 59, 131, 210, 0.1 );*/
	backgound: white;
    color: black!important;
    font-weight: bold;
}
.closeTable td
{
    text-align: left;
}
.closeTable tr td:first-of-type
{
    text-align: right;
	padding-right:25px;
}
.closeTable tr:first-of-type td
{
	background:#3B83D2 !important;
	border:2px solid white;
	text-align:center;
	font-size:16px;
	color:white;
}
.closeTable tr:last-of-type td
{
	height:50px;
	vertical-align:bottom;
	text-align:right;
}
#closingAmount
{
	/*background:red;
	color: white;
	font-weight: bold;
	font-size:16px;*/
}
.closingAmountTR td
{
	padding-right:5px; 
	font-size:16px; 
	/*text-decoration: underline; */
	font-weight: bold;
	background: white; 
	border:1px solid white;
	padding-top:30px !important;
}
.closingTableOverview td
{
	background: rgba( 59, 131, 210, 0.1 );
	border: 1px solid gainsboro;
	text-align:left;
	text-indent:5px;
}
.closingTableOverviewTitle td
{
	background: silver;
	font-weight: bold;
	text-align: left;
	border:1px solid black;
	text-indent:5px;	
}

.closingTableOverview td:first-of-type, .closingTableOverviewTitle td:first-of-type
{
    text-align: left !important;
}


.filterInTable input
{
	width: 0px;
    background: #eee;
    color: black;
    font-size: 11px;
    margin-top: -3px;
    /*height: 8px;*/
    /*max-width: 200px;*/
    /* display: table-cell; */
    width: 90%;
    /*max-width: 150px;*/
    border: 1px inset silver;
    padding:5px;
    border-radius: 5px;
	
}
.filterInTable th
{
	/*border-top: 2px solid transparent !important;*/
	height:10px !important;
	padding-bottom:5px;
	padding-top: 10px;
}
#op_Reports_table tr:first-of-type th
{
	border-bottom:1px solid #bbb;
	padding:0px;
}
#orderportal_content_container
{
    border:none !important;
}
#fullscreen img
{
	display:none;
	width: 16px;
    padding: 2px;
    margin-top: -50px;
    margin-right: 20px;
    box-shadow: 1px 1px 1px black;
    float: right;
    background: white;	
}
#fullscreen img:hover
{
	background:gainsboro;	
}
#fullscreen img:active
{
	box-shadow: none;	
}
#op_Reports_table th[class='tablesorter-header']
{
	/*background-image:linear-gradient(315deg, #b8b8b8 0%, #ccc 74%) !important;*/
	
	
}
#op_Reports_table th
{
	background-image: unset;
	background: silver;
}


/*#op_Reports_table th[data-value='Commercial Entity'] , #op_Reports_table td[data-value='Commercial Entity'] 
{
	display:none;
}*/
.reportingGeneralFilters
{
	/*margin-left: -12px;*/
}
.reportingGeneralFilters .reportingDates
{
	width: 70px;
	margin-left: 7px;
}
.reportingGeneralFilters div
{
	display:inline;
}
.reportingGeneralFilters select
{
    margin-left: 7px;
    max-width: 15%;
    margin-bottom:10px;
    /*background: #ccc;
     border-radius: 15px; 
    border: 1px solid #aaa;
    font-size: 11px;
    box-shadow: 1px 1px 1px black;*/
}
.reportingGeneralFilters button
{
	/*margin-left: 15px;*/
}
.ReportingExportToExcel
{
    text-align: right;
    color: white;
    margin-top: 20px;
}
.generalReportingFilter
{
    display: inline-block;
}
#op_Reports_table
{
	border-collapse:collapse;
	width:100%;
	margin-top:35px !important;
}
#op_Reports_table
{
	margin-top:0px !important;
	width:100% !important;
	margin: 0px;
	

}
#op_Reports_table thead th
{
	border: 1px solid gainsboro;
	text-align: center;
}
#op_Reports_table tbody td
{
    border: 1px solid gainsboro;
    vertical-align: top;
	text-align: left;
	padding-left: 4px;
    /*height: 50px;	*/
}
#op_Reports_table .even
{
	/*background: rgba( 59, 131, 210, 0.1 ) !important;*/
}
#op_Reports_table .odd
{
	background: white;
}
#op_Reports_table tbody tr:nth-child(even) td
{
    /*background: rgba( 59, 131, 210, 0.1 );*/
}
.overviewButtonDIV
{
	vertical-align:bottom;
}
.iswaiting:hover
{
	cursor:wait !important;
}
.iswaiting
{
	cursor:wait !important;
}
.paymentsTable
{
	width: calc( 100% - 6px );
	border: 1px solid silver;
    /*box-shadow: 1px 1px 5px grey;*/
    background: #e6e6e6 !important;
    margin-top: -20px;
	margin-bottom:20px;	
	padding: 5 px;
}
.paymentlist
{
	list-style: none;
    margin-left: 0px;
    padding-left: 0px;
    width: 100%;
	margin: 0px;
	margin-bottom:15px;
	font-size:11px;
	padding:15px;
	text-align:left;
}
.paymentlist input
{
	font-size:11px;
	border:none;
	padding: 0px;
}
.paymentlist img
{
	margin-left:60px;
}
.paymenttable_overview div
{
	background:gainsboro;
}
.paymentlist li
{
    width: 100%;
}
.paymentlist button
{
	float:right;
	font-size:11px;
	/*font-weight:bold;*/
	font-family:"Lucida Console", Monaco, monospace;
}

.paymentlist li[data-payment_id]  div
{
	min-height: 19px;
}
.paymentlist li div
{
    display: inline-block;
	width: 10%;
	border:2px solid white;
	text-align:center;
}

.paymentlist li div.paymenttable_statusdiv
{
	border-left:25px solid white;
}

.payment_date
{
	
}
.disabledpaymentdate
{
	border: 1px solid gainsboro;
    background: gainsboro;
}

.paymentsTable th, .paymentsTable td
{
	text-align: center;
}

.paymentsTable input
{
	width: 80% !important;
}
.removePayment
{
	float: left;
    font-weight: bold;
    font-stretch: extra-expanded;
}

.addPayment
{
	margin-right: 3px;
}

#orderportal_overview_table_mainBody .op_invoicebutton
{
	/*display:none;*/
}
.orderportal_invoicedetail_table tfoot td
{
	background-color:white !important;
}
.outstandingAmount
{
	 /*padding:2px 0px;*/
	 /*text-indent:18px;*/
	 width: 100%;
	 color: white;
	 font-weight: bold;
	 text-align:center;
}
.outstandingAmount[data-outstanding='0']
{
	background: green;
}
.outstandingAmount:not([data-outstanding='0'])
{
	background: red;
}
.invoice_operations
{
	font-size: 10px !important;
   /* border: 1px solid #3B83D2;
    box-shadow: 1px 2px 2px 1px black;
	cursor:pointer;
	background: #3B83D2;
	color:white;
	font-weight:bold;*/
	
}
.setInvoiceTable.notEditable input, .setInvoiceTable.notEditable textarea
{
	border:none;
}
.setInvoiceTable.notEditable .invoiceTopTable input, .setInvoiceTable.notEditable .invoiceTopTable textarea
{
	background: gainsboro;
}
.setInvoiceTable.notEditable  .invoice_checkboxTD input 
{
	visibility:hidden;
}
.setInvoiceTable.notEditable ::-webkit-input-placeholder
{
	color:transparent;
}
.setInvoiceTable.notEditable .invoiceTopTable tr td:nth-child(1)
{
	display:none;
}
.setInvoiceTable.notEditable .invoicing_set_General_Detail  .prTD
{
	visibility:hidden;
}

.setInvoiceTable.notEditable .invoiceTopTable tr:nth-child(1) td:nth-child(2)
{
	display:none;
}

.setInvoiceTable.notEditable .setExtraInvoiceData
{
	display:none;
}
/*.setInvoiceTable.notEditable .invoiceTopTable::before
{
  display: block;
  width: 0;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  border-style: solid;
  border-width: 24px 0 0 24px;
  border-color: white gainsboro;
  box-shadow: -2px 2px 0 0 hsla(0, 0%, 0%, 0.3);
}*/
.setExtraInvoiceData
{
	vertical-align: top;
    font-weight: normal;
}
.setExtraInvoiceData input
{
	margin-left:0px;
	vertical-align:middle;
	width:auto !important;
}

.setInvoiceForOrder
{
   /* background: #3B83D2 !important;
    color: white!important;
    border: 1px solid grey;
    box-shadow: 2px 2px 1px black;*/
    margin: 0px;
    margin-top: -25px;
    /* border-radius: 5px; */
    /*position: absolute;*/
}
.setInvoiceForOrder:active
{
	box-shadow:none;
	margin-top:-20px;
	margin-left:5px;
}
.SI_totaltable 
{
	position:absolute;
	width:50%; 
	float:right; 
	clear:both; 
	top:10px;
	left: calc( 50% - 20px );
	/*background:#3B83D2; 
	color:white; border:1px solid grey; 
	margin-top:-30px; 
	margin-bottom:30px;*/
}
.SI_totaltable tr td:first-child
{
	text-align: right;
	padding-right:45px;
}
.SI_totaltable tr td:last-child
{
	text-align: right;
	padding-right:45px;
	text-indent:25px;
}
.SI_totaltable tr:last-child td:last-child
{
	background: orange;
	font-weight:bold;
}
.SI_totaltable tr td:first-child::after
{
	content: ": ";
}
.SI_totaltable tr td
{
	border-bottom: 1px solid silver;
}
/*.invoiceButtonUL
{
	list-style: none;
    margin-top: 0px !important;
    padding-left: 0px !important;
    text-align: center;	
}
.invoiceButtonUL li 
{
    font-size: 11px;
    width: 95%;
	margin-bottom: 10px;
}
.invoice_actions[data-action='delete'], .invoice_actions[data-action='previous_status']
{
    color: red;
    font-weight: bold;
	margin-top: 20px;
}
.orderportal_invoicedetail_table button.invoice_actions
{
	font-size: 11px;
    width: 95%;
	border: 1px solid;
    box-shadow: 1px 1px;
}
.orderportal_invoicedetail_table button.invoice_actions[data-action='next_status']
{
    color: green;
    font-weight: bold;
	width: 80%;
    max-width: calc( 100% - 20px );
}

.orderportal_invoicedetail_table button.invoice_actions[data-action='next_status']
{
    color: green;
    font-weight: bold;
	width: 80%;
    max-width: calc( 100% - 20px );
}

.orderportal_invoicedetail_table button.invoice_actions:active
{
	box-shadow:none;
	border:gainsboro;
}*/
.invoice_reopen_invoice
{
	border: 1px solid transparent !important;
    background: transparent !important;
    width: 30px !important;
    clear: both;
    vertical-align: bottom;
    box-shadow: none !important;
    margin-top: 0px !important;
    float: right;	
}
.invoice_reopen_invoice img
{
	height: 12px;
}

.invoice_actions[data-action='previous_status'] 
{
	height:0px !important;
	width:0px !important;
	font-size:0px !important;
	border:0px transparent !important;
	visibility:hidden !important;
	margin:0px !important;
	padding:0px !important;
}
.invoice_actions[data-action='previous_status']
{
	/*display:none;
    font-size: 9px !important;
    border: 1px solid tomato !important;
    background: transparent !important;
    border-radius: 20px !important;
	margin-top:0px !important;
	width:auto !important;	
	margin-top:5px !important;*/
	
   /* border: 1px solid transparent !important;
    background: transparent !important;
    width: 30px !important;
    clear: both;
    vertical-align: bottom;
    box-shadow: none !important;
    margin-top: 0px !important;
    float: right;	*/
	
	
}
.setInvoiceNumber, .setRecievedAmount
{
    /*background: green;
    color: white;
    border: 1px solid white;
    box-shadow: 1px 1px 1px black;*/
    margin-left: 20px;
	cursor:pointer;
}
.orderportal_invoicedetail_table input
{
	width:70px;
}
.orderportal_invoicedetail_table
{
	width: 97%;
	float:right;
	margin-right:20px;
	/*border-collapse:collapse;*/
	background: #f0f5fb;
}
.orderportal_invoicedetail_table th
{
	padding: 0px !important;
    border-bottom: 1px solid gainsboro !important;
    padding-top: 5px;
    padding-top: 10px !important;
	background: #3B83D2 !important;
    color: white!important/*{fcHeader}*/;
	
}
.orderportal_invoicedetail_table td
{
	padding: 0px !important;
	border-bottom:1px solid gainsboro !important;
	/*border-bottom:1px solid silver !important;*/
	padding-top:10px !important;
}
.orderportal_invoicedetail_table tr:nth-child(even) td
{
	/*background: whitesmoke !important;*/
	background:rgba(59,131,210, 0.1) !important;
}
.invoicing_set_General_Detail_TOP td
{
	/*border-top: 1px solid silver;*/
	padding-top:10px;
	font-weight: bold;
	font-size:11px;
}
.invoicing_set_General_Detail_BOTTOM td
{
	border-bottom: 1px solid silver;
	padding-top:5px;
	padding-bottom:10px;
}
.invoicing_set_General_Detail td
{
	/*background: #eee;*/
	
}

.total_invoicePrice
{
	/*border:none;
	background:none;
	font-weight:bold;*/
}
.setInvoiceTable
{
	width: 100%;
    margin-top: 100px;
    border: 20px solid gainsboro;
    border-collapse: collapse;
    box-shadow: 1px 1px 1px 1px black;
}
.invoice_checkboxTD
{
	width: 30px;
}
.emptyTR
{
	height:25px;
}
.prTD
{
	width: 40%;
}
.invoiceSettings td
{
	background: gainsboro;
    padding: 0px 0px;
   /* text-align: center;*/
    font-weight: bold;
   /* box-shadow: 0px 2px 5px 1px;*/
   border-bottom:1px solid grey;
   vertical-align:top;
	
}
.invoiceSettings h3
{
	display:inline !important;
}
.invoiceSettings select, .invoiceSettings input
{
	display:inline;
	/*margin: 0px 7px;*/
}
.invoiceSettings textarea
{
	width:100%;
}
.invoiceSettings .productTypeSelect
{
	display:inline;
	/*margin-left:40px;*/
}
.invoiceTopTable
{
	width:100%;
}
.invoiceTopTable input, .invoiceTopTable textarea, .invoiceTopTable select
{
	width: calc( 100% - 10px );
}
.invoiceTopTable td
{
	border-bottom:none !important;
	padding-bottom:7px;
}
.bottomTR > td
{
    border-bottom: 1px solid black !important;
    padding-bottom: 30px !important;
}
.topTR
{
	/*border-bottom: 2px solid white;*/
}
.topTR td
{
   /* border-bottom: 1px solid grey !important;*/
	/*background: gainsboro;*/
}
.current_maintenance_top td
{
	padding: 0px 10px 0px 40px; 
	padding-bottom:25px;
	font-size:14px;
	font-weight:bold;
	
}
@media only screen and (max-device-width: 1200px) 
{
	#orderportal_content_container
	{
		width: 80%;
		left: 10%;
		background-color: white;
		margin-left: 0;	
	}
}

#op_CM_end
{
}
.op_CM
{
	font-size:11px;
	margin-left:20px;
}
.op_CM input, .op_CM select
{
	font-size:11px;
	margin-left:5px;
	margin-right:5px;
}
#op_CM_months
{
	display:none;
}
#op_CM_end input
{
	width:70px;
}

#orderportal_customer_table  tr[data-edit='false'] ul li[data-name='contact_email'], #orderportal_customer_table  tr[data-edit='false'] ul li[data-name='commercial_email'], #orderportal_customer_table  tr[data-edit='false'] ul li[data-name='technical_email'], #orderportal_customer_table  tr[data-edit='false'] ul li[data-name='contact_phone']
{
	text-indent: 18px;
}
.op_extraInfo
{
	display:none;
}
#orderportal_customer_table 
{
	border-collapse:collapse;
}
#orderportal_customer_table tr td
{
	border-bottom:1px solid silver;
}
#orderportal_customer_table tr th
{
	border:1px solid white;
}
/**************************** orderportal CSS *****************************/
.uniqueEmailAdressInCustomerlist::before
{
	content: ", ";	
}
#orderportal_customer_table tr[data-edit='false'] ul li[data-info='email']
{
	background-image:url(../Images/email.png);
	background-position-x:0%;
	background-position-y:30%;
	background-repeat:no-repeat;
	background-size:12px;
	min-height:20px;
	padding-left: 18px;
}
#orderportal_customer_table tr[data-edit='false'] ul li[data-name='contact_phone']
{
	background-image:url(../Images/phone_handset.png);
	background-position-x:0%;
	background-position-y:30%;
	background-repeat:no-repeat;
	background-size:12px;
	min-height:20px;
}
#orderportal_customer_table  tr[data-edit='false'] ul li[data-info='contactname']
{
	text-indent: 18px;
	padding-bottom:12px;
	/*background-image:url(../Images/user.png);
	background-position-x:0%;
	background-position-y:40%;
	background-repeat:no-repeat;
	background-size:12px;*/
}
.op_customerlist_edit_label::after
{
	
	/*background:green;
	width:250px !important;*/
}
.op_customerlist_edit_label
{
	min-width:110px;;
	/*background:green;
	width:250px !important;*/
}
span > span.op_customerlist_edit_label
{
	text-indent:opx !important;
}
#orderportal_customer_table ul
{
	list-style:none;
	margin-left:-40px;

}
.op_edituserdata_undo
{
	margin-left:30px;
}
.op_edituserdata_undo, .op_edituserdata_save
{
	display:none;
	cursor:pointer;
	margin-top:290px;
	margin-bottom:5px;
	width:100px;
	padding:4px;
	/*box-shadow:1px 1px 1px #333;*/
	font-weigth:bold;
	/*cursor:pointer;
	width:18px;
	height:18px;*/
}
.op_edituserdata_undo:hover, .op_edituserdata_save:hover
{
	/*box-shadow:2px 2px 2px black;*/
}
.op_edituserdata_undo:active, .op_edituserdata_save:active
{
	/*background:grey;
	color:white;
	box-shadow:none;*/
}
#orderportal_customer_table ul li
{
}
#orderportal_customer_table input
{
	margin-bottom:15px;
}
.tbodyOrderMaintenance
{
	background:beige;
}
.tbodyOrderMaintenanceExtend
{
	background: silver;	
}
.tbodyOrderRentalExtend
{
	background: lightgreen;	
	font-weight:bold;
}
.dialog_orderoverview
{
	text-align: left !important;
    padding: 5px 0px !important;
    border-top: 25px solid white;
}
#emergencyTr td
{
	color:red !important;
}
#emergencyTr
{
	display:none;	
	height: 200px;
	color:red ;
	font-weight:bold;
}
#emergencyTr input[type='number']
{
  width: 40px;
  margin-right: 20px;
}	
#floatingTr
{
	vertical-align: bottom;
}
#op_warningdialog h5
{
	font-size: 12px;
	font-weight: normal;
}

#productTableInDialog td, #productTableInDialog th
{
	padding: 0px 10px;
	text-align:right;
}
#productTableInDialog tr th
{
	border-bottom: 1px solid grey;
}
#productTableInDialog tr td:first-of-type, #productTableInDialog tr th:fist-of type	
{
	text-align:left;
}
#productTableInDialog_totalTr td
{
	border-top:1px solid grey;
	padding-top:10px;
	font-weight:bold;
}

#totalTableInDialog tr>td:first-of-type
{
	
	
}
#orderportal_printing_container
{
	position:relative;
	width:850px;
	background-color: white;
	min-height:950px;
	padding:50px;
}
#orderportal_neworderbutton_div
{
	width: auto;
	display: inline-block;
	top:0;
	position: sticky;
    z-index: 500000;
}
#orderportal_neworderbutton_div button
{
  	background: #071d37;
	/*padding: 5px !important;*/
	font-weight: bold;
	color: white;
	border: none;
	border-left-color: currentcolor;
	border-left-style: none;
	border-left-width: medium;
	border-left: 2px solid rgb(0,122,187);
	margin-top: 5px;
	box-shadow:none;
}
#orderportal_neworderbutton_div button.current
{
	/*background: rgb(240, 236, 236);*/
	background: white;
	color:#071d37;
	border-top:1px solid black;
	box-shadow: none;
}
orderportal_neworderbutton_div button:hover
{
	background:silver;	
}
.orderportal_labeltd
{
	padding:0px 10px 0px 40px;
	color:#333;		
}
.sub_fieldset_orderportal_tab
{
	border:1px solid grey !important;
}
.orderportal_tabcontent .orderportal_labeltd
{
	min-width:400px;
}
#orderportal_neworder_table_totalTable .orderportal_labeltd, #ExtraSalesDiscount .orderportal_labeltd
{
	min-width:390px;
}
#orderportal_neworder_table_totalTable .orderportal_labeltd, #orderportal_neworder_table_totalTable .orderportal_inputtd, #ExtraSalesDiscount .orderportal_inputtd, #ExtraSalesDiscount .orderportal_inputtd
{
	border-bottom: 1px solid grey;
	border-top: 1px solid grey;
	font-size:11px;
}
#orderportal_neworder_table_totalTable input
{
	font-size:11px;
}
#orderportal_neworder_table_totalTable tr:last-of-type,#orderportal_neworder_table_totalTable tr:last-of-type .orderportal_labeltd, #orderportal_neworder_table_totalTable tr:last-of-type input
{
	background:gainsboro;
	font-weight:bold;
	font-size:12px;
}
#orderportal_neworder_table_totalTable tr:first-of-type th, #orderportal_neworder_table_totalTable tr:first-of-type input
{
	background:gainsboro;
	font-size:12px;	
	font-weight:bold;
}

#orderportal_neworder_table_totalTable .orderportal_labeltd
{
} 
#orderportal_neworder_table_totalTable th, #orderportal_neworder_table_totalTable td
{
	border: 1px dotted gainsboro;
	font-weight: normal;
}
	
#orderportal_neworder_table_extend_maintenance, #orderportal_neworder_table_extend_rental, #orderportal_neworder_table_current_maintenance
{
	border-collapse: collapse;
}
#orderportal_neworder_table_extend_maintenance tr:nth-of-type( n+2 ) td, #orderportal_neworder_table_extend_maintenance  th
{
}
#orderportal_neworder_table_extend_maintenance tr:nth-of-type( n+2 ) td:nth-of-type( n+2 ), #orderportal_neworder_table_extend_maintenance tr:nth-of-type( n+2 ) th:nth-of-type( n+2 ), #orderportal_neworder_table_extend_rental tr:nth-of-type( n+2 ) td:nth-of-type( n+2 ), #orderportal_neworder_table_extend_rental tr:nth-of-type( n+2 ) th:nth-of-type( n+2 )
{
	width:123px;
	max-width:163px; 
	text-align:center !important;
	/*overflow:hidden; 
	text-overflow:ellipsis; 
	white-space:nowrap;*/
	padding:10px 0px;
	border-left:1px solid grey;

}
#orderportal_neworder_table_current_maintenance tr:nth-of-type( n+2 ) td:nth-of-type( n+2 ), #orderportal_neworder_table_current_maintenance tr:nth-of-type( n+2 ) th:nth-of-type( n+2 ),#orderportal_neworder_table_extend_rental tr:nth-of-type( n+2 ) td:nth-of-type( n+2 ), #orderportal_neworder_table_extend_rental tr:nth-of-type( n+2 ) th:nth-of-type( n+2 )
{
	padding:10px 0px;
}

#orderportal_neworder_table_extend_maintenance .orderportal_labeltd, #orderportal_neworder_table_extend_rental .orderportal_labeltd
{
	min-width:100px;
}
#orderportal_customer_fieldset .orderportal_labeltd
{
	min-width:180px;
}
#orderportal_neworder_table_comment
{
	margin:30px 0px;
}
#orderportal_neworder_table_comment .orderportal_labeltd
{
	min-width:220px;
	width: 440px;;
}
#orderportal_neworder_table_dealerinfo
{
	margin-top:-20px;
}
#orderportal_neworder_table_dealerinfo .orderportal_labeltd, #orderportal_neworder_table_comment .orderportal_labeltd
{
	width:372px;
}
	
#orderportal_neworder_table_dealerinfo, #orderportal_neworder_table_comment
{
	width:92% !important;
}
/*#orderportal_order_fieldset_packz .orderportal_labeltd, #orderportal_neworder_table_trial .orderportal_labeltd, #orderportal_trainingtable .orderportal_labeltd
{
	min-width:320px;
}*/
#orderportal_order_fieldset_packz
{
	border:none !important;
}
/*.orderportal_labeltd
{
	min-width:500px;
}*/
#orderportal_neworder_table_cloudflow img, #orderportal_neworder_table_bundles img, .informationboardimagebutton
{
	float:right;
	cursor:pointer;
}
.orderportal_labeltd img, #add_other_product, #cost_info
{
	/*box-shadow: 1px 1px;*/
}
#add_other_product, #cost_info
{
	width:12px;
	height:12px;
}
.orderportal_labeltd img:hover
{
	border-radius: 50px;
	border: 2px solid white;
}
#add_other_product:hover, #cost_info:hover
{
	box-shadow: none;
	border: 1px solid white;
}
.informationbuttonclicked
{
	border:2px solid gainsboro !important;
	box-shadow:none !important;
}

.orderportal_amount_input, .orderportal_maintenance_amount_input
{
	width:40px;	
	margin-right:20px;
}
.trialoptions
{
	text-indent:145px;
	font-style:italic;
	font-size:12px;
}
.orderportal_small_select
{
	border:1px solid grey;
	margin-left: 5px !important;
	margin-right: 5px !important;
}

#orderportal_neworder_table_customer .orderportal_inputtd select
{	
	width:90.7%;
	border: 1px solid silver;
	max-width:600px;
}
#orderportal_customer_fieldset .orderportal_inputtd input[type='text'], #orderportal_neworder_table_dealerinfo .orderportal_inputtd input[type='text'], #orderportal_neworder_table_comment .orderportal_inputtd input[type='text']
{
	width: 90%;
	max-width: 600px;
	border: 1px solid silver;
}
#orderportal_neworder_table_dealerinfo select, #orderportal_neworder_table_customerselect select
{
	width: 90.7%;
	max-width:600px;
	border: 1px solid silver;
}
#trainer_select, #mandatory_language_select, #preferred_language_select
{
	width: 117px;
}
.orderportal_listpriceinput, .orderportal_transferpriceinput, .small_amountinput_readonly
{
	border:1px solid grey;
	background:gainsboro;
	color: black;
	text-align:right;
	padding-right:4px;
}
.small_amountinput_readonly
{
	width: 35px;
}

.orderportal_listpriceinput, .orderportal_transferpriceinput, .orderportal_salespriceinput, #orderportal_neworder_table_totalTable input, #ExtraSalesDiscount input
{
	width: 110px;
} 
#ExtraSalesDiscount .orderportal_labeltd
{
	padding-right: 27px;
}
#ExtraSalesDiscount td 
{
	background:gainsboro;
	border-top:1px solid grey;
	border-bottom: 1px solid grey;
}
#ExtraSalesDiscount td input
{
	background: white !important;
	border: 2px inset !important;
	/*height:13px;*/
	padding-right:4px;
}

.orderportal_salespriceinput
{
	text-align: right;
	padding-right:4px;
}
.orderportal_transferpriceinput, #orderportal_neworder_table_totalTable tr td:eq(2) input
{
	margin-right:80px;
}
#orderportal_totallistprice
{
	border: none;
}

	
.orderportal_inputtd textarea
{
	width: 90%;
	max-width:1050px;
}
.mainlegend
{
	background:white;
	font-weight:bold;
	color:#300;
	border:1px solid grey;
	padding: 4px 10px;
	text-align:right;
}
.orderportal_main_fieldset
{
	border: 1px outset transparent !important;
	padding: 30px 15px;
	/*box-shadow: 5px 5px 20px grey;*/
	/*margin: 30px;*/
	margin-top:0px;
	width:96%;
	width: calc( 100% - 40px );
	min-height:calc( 100vh - 220px );
}
#new_orderportal_main_fieldset th
{
	text-align:left !important;

	padding: 10px 3px !important;
	position:sticky;
	top:0px;
}
#new_orderportal_main_fieldset
{

}
#orderportal_neworder_form 
{
	/*margin-top:40px;*/
}
#orderportal_neworder_form table
{
	width:100%;
	border-collapse:collapse !important;
	
}
#orderportal_neworder_form fieldset
{
	border:none;
	padding:30px 0px;
}
#new_orderportal_main_fieldset fieldset
{
	/*max-height: 70vh;*/
	overflow-y:auto;
	padding:20px;
}
#orderportal_customer_fieldset
{
	padding: 30px 0px !important;
	background: gainsboro !important;
}
#new_orderportal_main_fieldset fieldset table
{
	background: gainsboro !important;
	
}
#orderportal_order_fieldset .orderportal_inputtd input[type='text']
{
	border: 1px solid grey;
}
#orderportal_order_fieldset .orderportal_inputtd textarea
{
	border: 1px solid grey;
}
.orderportal_rightalign
{
	text-indent:64px;
}
#orderportal_neworderbutton_div
{
	margin-top: -30px;
	text-align: right;
	background: rgb(0,122,187);
	width:100%;
	margin-left: 0px;
	margin-bottom:0px;
}
#orderportal_buttonDiv
{
	float:right;
	margin-right:40px;
}
#orderportal_overview_table, #orderportal_invoicing_table
{
	border-collapse:collapse;
	width: 100%;
	margin: 10px 0px;
}
#orderportal_invoicing_table tfoot td
{
	padding-top: 50px;
}
#orderportal_invoicing_table tfoot td div
{
	font-size: 18px;
}
#orderportal_invoicing_table td
{
	text-indent:5px;
}
#orderportal_invoicing_table th
{
	/*border:2px solid white;*/
	text-indent: 5px;
}
.orderportal_detail_table 
{
	width:95%;
	margin-left: 30px;
	margin-bottom: 30px;
	/*box-shadow: inset 0px 0px 500px 500px grey, 5px 5px 5px #555;*/
	border-spacing: 1px;
	font-size:11px;
	border-collapse:collapse;

}
.orderportal_detail_table td
{ 
	padding: 0px !important;
	text-align: left; 
	text-indent:20px;
	border:1px solid silver !important;
}
/*.orderportal_detail_table tbody[data-maint='1'] tr {background: gainsboro !important; color: black;  }
.orderportal_detail_table tbody[data-maint='2'] tr {background: silver !important; color: black; }
.orderportal_overview_table  tbody[data-maint='0'] tr:nth-child(odd) {background: #FFF !important; font-weight: bold;}
.orderportal_detail_table tbody[data-maint='0'] tr {background: lightblue !important; font-weight: bold;}
.orderportal_detail_table tbody[data-maint='0'] tr:nth-child( 1 ) {background: #b8b8b8 !important; color: black; font-weight: bold;}
.orderportal_detail_table tbody[data-maint='0'] tr:nth-child( 2 ) {background: #b8b8b8 !important; color: black; font-weight: bold;}*/
/*
.orderportal_overview_table tr:nth-child(odd) {background: #FFF !important; font-weight: bold;}
.orderportal_detail_table tbody tr {background: white !important; }
.orderportal_detail_table tbody[data-maint='0'] tr td{background: white !important;}
.orderportal_detail_table tbody[data-maint='1'] tr td {background: beige !important; color: black;  }
.orderportal_detail_table tbody[data-maint='2'] tr td{background: lightblue !important; color: black; }
.orderportal_detail_table tbody[data-maint='3'] tr td{background: lightgreen !important; color: black; }
.orderportal_detail_table tbody[data-maint='0'] tr:nth-child( n+3 ) td {color:black; }
.orderportal_detail_table tbody[data-maint='1'] tr td {color:#333; }
.orderportal_detail_table tbody[data-maint='2'] tr td {color:#333;  }
.orderportal_detail_table tbody[data-maint='3'] tr td {color:#333;  }*/

/*#orderportal_overview_table_mainBody tr:nth-child(odd), #orderportal_invoicing_table_mainBody tr:nth-child(odd) {background: #FFF}
#orderportal_overview_table_mainBody tr:nth-child(even), #orderportal_invoicing_table_mainBody tr:nth-child(even) {background: #F0F0F6}*/


#orderportal_overview_table tbody
{
	width: 100% !important;
	text-align:center;
}
#orderportal_overview_table > tbody
{
	/*box-shadow: inset 0px 0px 31px 1px lavender;*/
}
#orderportal_overview_table .filterInTable th
{
	/*border:1px solid white;*/
	/*background-image:none !important;*/
	text-align: center;
}
#orderportal_overview_table th[data-column='6']
{
	min-width:80px;
}
#orderportal_overview_table img
{
	cursor:pointer;
}
#orderportal_overview_table td, #orderportal_invoicing_table td
{
	/*padding:5px 0px;*/
	/*padding: 25px 0px 10px 0px;*/
	padding: 10px 0px 10px 0px;
    /* border-top: 2px solid black; */
    /* border: 1px solid gainsboro; */
}
#orderportal_invoicing_table td
{
	min-width:110px;
}
#orderportal_invoicing_table th:nth-of-type( 2 )
{
	width: 140px;
}

#orderportal_orders_div, #orderportal_invoicing_div
{
	clear:both;
}
#formsubmiterror
{
	color:red;
}
.redtext
{
	color:red;
}
#provisional_orderportal_messagediv
{
	 float:right;
	 padding-top:20px;
	 padding-right:20px;	
}
#dc_header_content
{
	background:white;
	min-height:calc( 100vh - 220px );
}
#orderportal_header
{
	height: 100px;
	/*background-color:#c70061;*/
	background-color: rgba( 0,122,187,1 );
	padding: 25px 0 0 20px;
	/*height: 107px;*/
	min-height:107px;	
	-webkit-box-shadow: none;
	box-shadow: none;
}
#orderportal_header_content span[name='headertitle']
{
    font-variant: small-caps;
    font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	text-shadow: 1px 1px 1px black;
	padding: 0px 80px;
	color:white;
}

#orderportal_header_content img
{
	padding-bottom:20px
}
#orderportal_header_content img[name='packzlogo']
{
	padding-right: 70px;
}

#orderportal_header_content img[name='hybridlogo']
{
	clear:both;
	float:right;
}
#orderportal_content
{
	margin-top:20px;
	min-height:calc( 100vh - 220px );
}
#content
{
	
	min-height:calc( 100vh - 220px );
}
#dc_content
{
	margin-top:0px;
	min-height:calc( 100vh - 220px );
}
#wait
{
	display: inline-block;
	margin-left: 45%;
	margin-top: -80px;
}
footer
{
	background-color: #071d37;
	position: relative;
	box-shadow: none !important;
	z-index: 100;
	text-align: left;
	color: white;
	font-size: 10px;
	padding: 5px;
	margin-bottom: 10px !important;
}

#dc_login table {
	/*margin: 100px;*/
	border: 1px solid grey;
	box-shadow: none;
	background: #CCC;
	padding: 20px;
}
#orderportal_new
{
	margin:0;	
	
}
.orderportal_detailtable_title td
{
	font-style: italic;	
}
/********************** tabs *************************/

#orderportal_tabdiv
{
	margin-left:18px;	
}
.orderportal_tabcontent th
{
	font-weight: normal;
	font-size:12px;
	padding: 5px 0px;
}
#orderportal_tabdiv
{
	width: 99%;
	margin-left: 5%;
	margin-bottom:1px;
}
.orderportal_tabcontent
{
	border: 1px solid grey;
	margin-top: -4px;
	background:gainsboro;
	min-height:350px;
	width: 92%;
	margin-left: 4%;
}
.orderportal_tabcontent td
{
	vertical-align: top !important;
	border-bottom: 1px solid #ddd;
	border-bottom: 1px dotted white;
}
.orderportal_tabcontent tr[data-productid]:nth-child(even) td
{
	background-color: rgba( 255,255,255,0.3 );
}
/*{
  overflow: hidden;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  cursor:pointer;
  margin-top:40px;
  font-size:14px;
}
#orderportal_tabs li{
}
#orderportal_tabs a{
 position: relative;
	background: gainsboro;
	float: left;
	text-decoration: none;
	color: #444;
	box-shadow: 1px 2px 2px rgba(0, 0, 0, .8);
	margin: 2px;
	border: 1px solid grey;
	padding: 6px 3px;
}
#orderportal_tabs a:hover
{
	background:white;
}
#orderportal_tabs a:hover,
#orderportal_tabs a:hover::after,
#orderportal_tabs a:focus,
#orderportal_tabs a:focus::after{
  	color:black;
}
#orderportal_tabs a:focus{
  outline: 0;
}
#orderportal_tabs a::after{
  content:'';
  position:absolute;
  z-index: 1;
  bottom: 0;
  width: 1em;
  background: #ccc;;
  background-image: linear-gradient(to bottom, #fff, #ddd);  
  box-shadow: 2px 2px 2px rgba(0,0,0,.8);
  transform: skew(10deg);
  border-radius: 0 5px 0 0;  
}
#orderportal_tabs #current a,
#orderportal_tabs #current a::after{
  background: gainsboro;
  color:black;
  border-bottom:none;
  box-shadow:none;
  z-index: 3;
}
.disabledtab
{
	background: white !important;
	color: silver !important;
	cursor:default;
}*/
/*.op_approvebutton, .op_submitbutton, .op_deletebutton, .op_paidbutton, .op_confirmbutton, .op_invoicebutton
{
	border: 1px solid gainsboro;
	border-radius: 100px;
	box-shadow: 2px 3px 2px #555;
	cursor: pointer;
	color: black;
	font-size: 12px;
	font-family: arial;
	width: 85%;
	height:auto;
	margin-left:10%;
}
.op_approvebutton
{
	background: rgb(125, 211, 16);
}
.op_approvebutton, .op_confirmbutton
{
	width: 85%;
	height:auto;
	margin-left:10%;
}	
.op_confirmbutton
{
	background: #78ECD3;
}
.op_approvebutton[title='Approve order financially']
{
	background: yellow;
}
.op_approvebutton:hover, .op_submitbutton:hover, .op_paidbutton:hover, .op_confirmbutton:hover, .op_invoicebutton:hover
{
	background:rgb(125, 180, 10);
}*/
.op_approvebutton:active, .op_submitbutton:active, .op_paidbutton:active, .op_confirmbutton:active, op_invoicebutton:active
{
	box-shadow: 2px 3px 2px white;
	 user-select: none; /* CSS3 (little to no support) */
	-ms-user-select: none; /* IE 10+ */
	-moz-user-select: none; /* Gecko (Firefox) */
	-webkit-user-select: none; /* Webkit (Safari, Chrome) */	
}
/*.op_submitbutton
{
	background: grey;
	width: 70%;
	margin-left:10%;
}
.op_deletebutton
{
	background: tomato;
	width: 25px;
	text-align: center;
	display:inline-block;
	color: white;
    font-weight: bold;
    margin-right: 20px;
}
.op_paidbutton
{
	background: rgb(16, 137, 210);
	color:white;
}
.op_invoicebutton
{
	background: green;
	color:white;
}
.op_deletebutton:hover
{
	background:red;
}*/
.hiddenUI
{
	display:none;
}
.orderportal_transferpriceinput, .transferpriceUI
{
}

#orderportal_maintenance_tranferprice, #orderportal_Cloudflowmaintenance_transferprice
{
	display:block;
}

dd
{
	margin-left:25px;
	font-size:11px;
	font-style:italic;
}

.ui-dialog 
{
	position:fixed !important;
}
#dealerslist
{
	width:400px;
	display:none;
	position:absolute;
	border:1px solid silver;
	background:white;
	z-index:100;
	margin-top:1px;
	font-size:13px;
	padding:5px 50px 20px 20px;
	min-height:50px;
}
#dealerslist li
{
	list-style:none;
}
#saleschanneltop
{
	border:1px solid grey;	
}
#saleschanneltop:hover
{
	background:none !important;
}
#dealerslist li:hover
{
	background:lightblue;
	cursor:pointer;
}
#selectedDealerTextDiv
{
	height: 18px;
	width: 90%;
	border: 1px solid #aaa;
	font-size:13px;
	background-image:url(../Images/select.png);
	background-repeat:no-repeat;
	background-position:right center;
	display:none;
}
#maintenanceExtend_resultlist li
{

}
#maintenanceExtend_resultlist li:before
{
}

#maintenanceExtend_resultlist, #floatingMessageUl
{
	font-size:12px;
	color:rgba(20, 171, 20, 1);;
	font-style:italic;
	margin-left:100px;
}
.current_maintenance_product_title, .extend_maintenance_product_title, .extend_rental_product_title
{
	background: #aaa;
	border: 1px solid grey;
	font-weight: bold;
	font-size: 14px;
}
#orderportal_neworder_table_current_maintenance input[type='checkbox']
{
	-webkit-appearance:none;
    width:12px;
    height:12px;
	/*border-radius:15px;*/
    background:white;
    border:2px solid #555;
	vertical-align: bottom;
	margin-right:10px;
}
#orderportal_neworder_table_extend_maintenance tr input[type='checkbox'], #orderportal_neworder_table_extend_rental tr input[type='checkbox']
{
	-webkit-appearance:none;
    width:12px;
    height:12px;
	/*border-radius:15px;*/
    background:white;
    border:1px solid #555;
	vertical-align: bottom;
}

#orderportal_neworder_table_extend_maintenance tr .orderportal_amount_input, #orderportal_neworder_table_extend_rental tr .orderportal_amount_input
{
	visibility: hidden;	
	width:0px;
	margin-right: 0px;
}
#orderportal_neworder_table_current_maintenance tr .orderportal_amount_input
{
	border:none;
	background:inherit;	
}
#orderportal_neworder_table_current_maintenance input[type='checkbox']:checked, #orderportal_neworder_table_extend_maintenance tr input[type='checkbox']:checked, #orderportal_neworder_table_extend_rental tr input[type='checkbox']:checked
{
	 background: lime;
}
/*#orderportal_neworder_table_current_maintenance .orderportal_labeltd
{
	color:grey;
	font-size:10px;
}*/
#orderportal_neworder_table_current_maintenance tr:nth-of-type(n+1)
{
	display:none;
}
#orderportal_neworder_table_extend_maintenance input[type='text'], #orderportal_neworder_table_extend_rental input[type='text']
{
	width:75px;	
}
#orderportalbody button.ui-datepicker-current { display: none; }
#orderportalbody .ui-widget-header
{
	background: black !important;
	color: white !important;/*{fcHeader}*/
	font-weight: bold !important;
	border: 1px solid black !important;
}

#orderportalbody .ui-progressbar-value
{
	background: rgb( 0,122,187 ) !important;
}
#orderportalbody .ui-widget-content
{
	
}

#orderportalbody .ui-dialog
{
	/*box-shadow: none !important;*/

}
.companyselectbox
{
	min-height:100px;
}
#orderportalbody .ui-datepicker-calendar
{
   /* display: none;*/
}
#orderportalbody .ui-dialog-buttonset button {
   /* border: 1px solid grey !important;
    font-weight: bold;
    box-shadow: 2px 2px 1px black !important;
    padding: 2px !important;
    margin-left: 10px !important;
    background: #3B83D2 !important;
    color: white !important;
    font-size: 12px !important;
    border-radius: 5px !important;*/
	margin-left: 10px;
    padding: 2px 20px;
	border: 1px solid #3B83D2;
   /* background: silver;
     color: black; */
    /*font-weight: bold;
    font-size: 11px;
    border-radius: 5px;*/
}
.op_invoice_overview_dealertitle td div
{
	background: gainsboro !important;
	box-shadow: 0px 2px 2px #222;
}

.op_invoice_overview_dealertitle td
{
	
	text-indent: 50px;
	font-weight: bold;
  	padding: 20px 0px !important;
}

.correctionTR
{
	/*background: grey;*/
	height:40px;
    color: black;
	/*font-weight:bold;*/
	font-style:italic;
}

.correctionTR td:first-of-type
{
	background-image:url(../Images/correction.png);
	background-repeat:no-repeat;
	background-position:center;
}
.correctionTR td
{
	padding-top: 0px !important;
	/*font-size: 12px;*/
	vertical-align: middle;
	border-bottom: 2px solid #3B83D2!important; 
}
#orderportal_content_container
{
	border:1px solid grey;
}
#op_Reports_table  td[data-value='BORDER'], #op_Reports_table th[data-value='BORDER'], #op_Reports_table  td[data-value='BORDER '], #op_Reports_table th[data-value='BORDER '], #op_Reports_table  td[data-value='BORDER  '], #op_Reports_table th[data-value='BORDER  '], #op_Reports_table  td[data-value='BORDER   '], #op_Reports_table th[data-value='BORDER   '], #op_Reports_table  td[data-value='BORDER    '], #op_Reports_table th[data-value='BORDER    '], #op_Reports_table  td[data-value='BORDER     '], #op_Reports_table th[data-value='BORDER     '], #op_Reports_table  td[data-value='BORDER      '], #op_Reports_table th[data-value='BORDER      '], #op_Reports_table  td[data-value='BORDER       '], #op_Reports_table th[data-value='BORDER       '], #op_Reports_table  td[data-value='BORDER        '], #op_Reports_table th[data-value='BORDER        '], #op_Reports_table  td[data-value='BORDER         '], #op_Reports_table th[data-value='BORDER         '], #op_Reports_table  td[data-value='BORDER          '], #op_Reports_table th[data-value='BORDER          '], #op_Reports_table  td[data-value='-BORDER'], #op_Reports_table th[data-value='-BORDER']
{
	background: white !important;
	background-image:none !important;
	border-bottom:none !important;
	border-top:none !important;
	min-width:10px;
}
@media only screen and (max-device-width: 1200px) 
{
	#orderportal_content_container
	{
		width: 98%;
		background-color: white;
		margin-left: 0;	
		padding:1%;
		left:0;
	}
	#orderportal_content #dc_login
	{
		width:50%;
		margin-left:25%;
		left:0;
	}
}
#op_Reports_table tbody tr:hover
{
	background:whitesmoke;
}
#periodRelatedItems th
{
	background: silver;
}
#periodRelatedItems td
{
	padding:2px 5px;
	border-bottom:1px dotted gainsboro;;
	
}
#periodRelatedItems
{
	margin: 20px;
	width:90%;
	font-size: 10px;
	background: whitesmoke;
	border-right: 1px solid gainsboro;
	border-bottom:1px solid gainsboro;
}


#op_Reports_table .editableValue, #op_Reports_table[data-type="Employees"] td[data-value="teams"], #op_Reports_table[data-type="PeriodIncome_new"] td[data-value="Start Date"][data-editable="yes"], #op_Reports_table[data-type="PeriodIncome_new"] td[data-value="End Date"][data-editable="yes"]
{
	background: rgba( 0,122,187,0.02 ) !important;
    box-shadow: inset 0px 0px 0px 1px rgba( 0,122,187,0.2 ) !important;
    border: 1px solid transparent !important;
}

.editableValue select, .editableValue input, .editableValue textarea
{
	border: 1px solid rgba( 0,122,187,0.8 ) !important;
	width: auto !important;
}
.editableValue textarea
{
	width: calc( 100% - 10px ) !important;
}
#op_Reports_table .reportingTableAllSelection
{
	background:aqua !important;
	outline: 1px solid aqua;
}