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

/**************************** orderportal CSS *****************************/
#floatingInfo td
{
    color: white !important;
}
.informationboardimagebutton_next
{
    margin-left: 15px;
    vertical-align: top;
    padding: 0px 6px;
    background: white;
    border-radius: 50px;
    box-shadow: 1px 1px grey;
    margin-top: -3px;
}
#pricelist_priceselect
{
    height: 150px;
    border: 1px solid gainsboro;
    background: whitesmoke;
    margin-bottom: 20px;
}
select, input:not( [type='checkbox'] ), textarea
{
    border-radius: 5px;
    padding: 5px;
    border: 1px solid grey;
    background: whitesmoke;
    margin-right: 2px;
}
select[readonly], input[readonly]:not( [type='checkbox'] ), textarea[readonly]
{
    border: 0px solid white !important;
    background: transparent !important;
}

.productDescriptionRightFloated, .orderportal_amount_input[name='36_maintenance'] 
{
    resize:none;
    border-radius: 5px;
    background: rgba( 255,255,255,0.6);
}
#orderportal_neworder_table_extend_maintenance .maintenaceInfoTDtable
{
    background: whitesmoke !important;
}
#orderportal_neworder_table_extend_maintenance .maintenaceInfoTDtable td
{
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    border-bottom:1px solid gainsboro !important;
    border-left:none !important;
    border-right:none !important;
    font-size: 12px;
}
#orderportal_neworder_table_extend_maintenance .maintenaceInfoTDtable td:nth-child(2)
{
    font-weight: normal;
    text-align: left !important;
    padding-left: 4px;
}
#orderportal_neworder_table_extend_maintenance .maintenaceInfoTDtable td:first-child
{
    font-weight: bold;
    text-align: right;
    padding-right: 4px;
}
#orderportal_neworder_table_extend_maintenance .maintenaceInfoTDtable
{

}
#orderportal_neworder_table_extend_maintenance .maintenaceInfoTDtableParentTD
{
    min-width:200px;
}
#addMyclAm
{
    width: 40px !important;
}
.stdlextendGB
{
    display: inline-block;
    padding: 5px;
    background: rgba(0, 122, 187, 0.9);
    border-radius: 5px;
    font-weight: bold;
    color: white;
}
.stdlextendGB input
{
    border: none;
    max-width: 70px;
}
#additional_mycloudflowStorageOrDownload
{
    border-bottom: 50px solid gainsboro;
    background: rgba(0, 0, 0, 0.3);
}
.disabledStorage
{
   color: silver !important; 
}
.disabledStorage .mycl_add
{
    background: silver !important;
}
#mycl_usage td
{
    padding: 5px;
    border: 1px solid whitesmoke;
}
#mycl_usagetable th
{
    border-bottom: 1px solid gainsboro;
    text-align: left;
    padding: 5px;
    background: whitesmoke;
}
#mycl_usagetable
{
    width: 100%;
    border-collapse: collapse;
}
#addMyclTable
{
    display: none;
    border-collapse: collapse;
    background: whitesmoke;
    border-radius: 5px;
    padding: 50px !important;
    /*box-shadow: 1px 1px 1px silver;*/
}
#addMyclTable  tr > td:first-of-type
{
    padding-right: 25px;
    padding-left: 10px;
    
}
#addMyclTable input
{
    width: 120px;
    border: 1px solid silver;
    background: rgba( 255,255,255,0.8);
}
#addMyclTable  tr > td
{
    padding: 8px;
}
#orderportal_extend_rental_fieldset th
{
    top:50px !important;
}
.expiredSubscription td
{
    color: grey !important;
}
.onlyForItalyAndIberia
{
    display: none;
}
#overviewEnitySelect option[value="4723"]
{
	/*display: none;*/
}
#orderportalbody div, #orderportalbody button
{
	font-weight: normal;
}
#orderportalbody button
{
    font-weight: normal;
    border-radius: 5px;
    border: 1px solid grey;
    padding: 5px;

}
.licTD, .descrTD, .partTD
{
	display:none;
}
.addProd
{
	border:0px solid white;
	background:rgb( 0,122,187 );
	color:white;
}
#resultTableDIV
{
	max-height:150px;
	overflow-y: auto;
	margin: 0px 0px 8px 0px;
	background: rgba( 0,122,187,0.2);
	border: 5px solid white
}
#resultTableDIV table
{
	border-collapse: collapse;
	width: 100%;
    font-size: 12px;
    font-family: monespace;
}
#resultTableDIV table td
{
	border-bottom: 1px solid silver;
	vertical-align: top;
	padding: 2px !important;
}
#resultTableDIV table tr td:first-of-type
{
	width:35px;
}
#resultTableDIV table th
{
	background: #071d37;
    border: 1px solid white;
    top: -1px;
    position: sticky;
    text-align: left;
    padding: 2px !important;
    /*height: 20px;*/
}
.productSelectBoxes:not( #category_select )
{
	display:none;
}
.op_maintables, #add_neworder_products
{
	max-width:1100px !important;
	width:100% !important;
	font-size: 12px !important;
	margin: auto;
}

#add_neworder_products
{
	
	margin-top:20px;
	font-weight: bold;
	margin-bottom:20px;
	padding: 10px;
}
#addSign
{
	display: inline-block;
    font-weight: bold;
    font-size: 15px;
    padding: 0px 8px 0px 8px;
    margin-top: -2px;
    margin-left: 20px;
   /* box-shadow: 1px 1px 1px black;*/
    cursor: pointer;
	background:rgb( 0,122,187);
	color: white;
	
}
.productSelectBoxes
{
	margin-left:10px;
	width: 160px;
	height:28px;
}
#searchProduct
{
	height:24px;
	margin-left: 10px;
}
#addProducts
{
	margin-left: 10px;
}
.op_maintables td
{
	padding: 3px 5px 3px 10px;
}
.op_maintables tr:hover {
	background: rgba( 59, 131, 210, 0.1 ) !important;
}

.op_maintables .orderportal_labeltd
{
	width: 300px;
	max-width: 300px;
	font-weight: bold;
	border-bottom:1px solid white;
}
.op_maintables input[type='text']
{
	width: 80% !important;
	max-width: 500px;
	font-size:12px;
}

.productamountinputTR[data-typeid='323'] td
{
	padding-top:20px;
}
#quicksearch
{
	margin-bottom: -30px;
	margin-top:30px;
}

.quicksearchbutton
{
	border: none !important;
	margin-right:20px;
	font-size: 11px;
	cursor: pointer;
}
.quicksearchbutton:hover
{
	background: rgba( 0,0,0,0.2 );
}
.reportingDates
{
	width:85px !important;
}
.orderedAmountInTab
{
	font-size: 10px;
    font-weight: bold;
    color: black;
    padding: 0px 3px;
    background: lime;
    vertical-align: super;
    border: 1px solid grey;
    position: absolute;
    display: inline-block;
    margin-top: -11px;
    margin-left: -30px;
}
.CL_serialTable
{
	margin: 20px;
	background: white;
	font-size:11px;
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
	border: 1px solid silver;
}
.CL_serialTable .CL_serial_label
{
	width:100px;
	CL_serial_label
}
.CL_serialTable td
{
	border-bottom: 1px solid silver !important;
	box-shadow: inset 0px 0px 100px 100px whitesmoke;
	color: black !important;
		
}

.CL_table_container td
{
	background:white !important;
	vertical-align:middle!important;
}
.CL_serialTable input
{
	
	font-size:10px;
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
	margin:3px;
}
.CL_serialTable .CL_serial_amInput
{
	width:calc( 100% - 16px ) !important;
}
.CL_serialTable .CL_serial_main
{
	width:calc( 100% - 16px ) !important;
}
.cl_addprducttable input,.cl_addprducttable textarea,.cl_addprducttable select
{
	width:100%;
	max-width: 500px;
	
}
.cl_add, .mycl_add
{
	margin-right: 50px;
    border: 1px solid white;
    background: black;
    padding: 0px 5px;
	color:white;

}
.cl_add:hover, .mycl_add:hover
{
	cursor:pointer;
	background:grey;
}
#tracResultTable td 
{
}
.op_edit_td
{
	padding-right:7px !important;
}
.waitingTab
{
	color: silver !important;
}
#goToReports
{
	display: none;
}
#selectReportingTable 
{
	display:none;
}
#specialdealerPriceTr
{
	display:none;
}
#fujiRoyaltyDiv
{
	text-align: right;
	font-size:12px;
	font-weight:bold;
}
#fujiRoyaltyDiv span
{
	
    margin-left: 15px;
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
    padding: 4px;
    border-radius: 5px;
	border:1px solid grey;

}
.notForMiraclon, .dontShow
{
	background: transparent !important;
	visibility:hidden  !important;
	font-size:0px  !important;
	color: transparent  !important;
}
.notForMiraclon input, .dontShow input, .dontShow select, .dontShow textarea
{
	height:0px !important;
	border:0px solid transparent  !important;
	visibility: hidden !important;
	padding: 0px !important;
}
.notForMiraclon td, .dontShow td
{
	padding:0px !important;
	font-size:0px  !important;
	visibility: hidden  !important;
	border:none !important;
}

.miraclonCustomerTable tr:first-of-type > td
{
	padding-bottom:40px !important;
}
.miraclonMachineDiv
{
	width:80%;
	margin-left:20%;
}

#postsales_info_board #pdffileContainer  div
{
	
}
#postsales_info_board #pdffileContainer button
{
	background: transparent;
	border:none;
	float: right;
	margin-bottom: 3px;
	margin-top: -10px;
}
.history_table_in_infoboard
{
	max-height:200px;
	overflow-y: auto;
	background: white;
	color:black;
}
.history_table_in_infoboard table
{
	font-family:Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
	border-collapse: collapse;
	width:100%;
}
.history_table_in_infoboard table td
{
	font-size:9px;
	border-bottom:1px solid grey;
}
.changePostSales, .changeOrderValue
{
	display: block;
	width:100%;
	min-height:14px;
	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;
}

/*.showpdfdocument[data-type='quotation']
{
	text-decoration: none;
	color: white;
	font-weight: bold;
	background:rgb( 0,122,187 );
	font-size: 15px;
	box-shadow:1px 1px 1px black;
	padding:0px 2px;
	margin-left: 5px;
}*/
#adjustmentRequest
{
	display: inline-block;
    vertical-align: middle;
	margin-left: 150px;
}
.op_switch {
  position: relative;
  display: inline-block;
  width: 36px;
  height: 18px;
	vertical-align: middle;
}

/* Hide default HTML checkbox */
.op_switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.op_slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: .4s;
  transition: .4s;
	border: 1px solid grey;
	border-radius: 20px;
}

.op_slider:before {
  position: absolute;
  content: " ";
  height: 10px;
  width: 10px;
  left: 2px;
  bottom: 2px;
  /*background-color: silver;*/
  -webkit-transition: .4s;
  transition: .4s;
 
  border:1px solid grey;
  color:black;
  font-weight: bold;
  text-align:center;
	border-radius: 12px;
	vertical-align: middle;
  
}

input:checked + .op_slider {
}

input:focus + .op_slider {
  /*box-shadow: 0 0 1px rgba( 0,122,187,1 );*/
}

input:checked + .op_slider:before {
  -webkit-transform: translateX(15px);
  -ms-transform: translateX(15px);
  transform: translateX(15px);
  content:' ';
	 box-shadow: inset 0px 5px 5px white;
	background: grey;
}

/* Rounded sliders */
.op_slider.round {
  border-radius: 34px;
}

.op_slider.round:before {
  border-radius: 50%;
}
#ordertypeTR td
{
	padding-top: 30px !important;
}

#NegativeSymbol
{
	font-size: 15px;
    padding-right: 5px;
	font-weight: bold;
}
#DiscountSymbol
{
	padding-left: 5px;
	font-weight: bold;
}
#global_discount_td
{
	padding-left: 40px;
}
#global_discount
{
	width: 50px !important;
}
#ExtendDialogTable tr td:eq(1)
{
	font-weight: bold;
}
#ExtendDialogTabel td
{
	/*border-bottom: 1px solid silver;*/
}
#ExtendDialogTabel 
{
	/*border: 1px solid grey;*/
    background: gainsboro;
    width: 60%;
    padding: 10px;
   /* border-radius: 10px;*/
}
.ExtendDialogInput
{
	width: 100%;
	border: 1px solid grey;
	background: silver;
}
#ExtendDialogTabel textarea
{
	width:calc( 100% - 6px);
}
.other_product_tr td
{
	padding-top: 20px !important;
    padding-bottom: 20px !important;
   /* box-shadow: inset 0px 15px 39px -15px white;*/
    border-bottom: 1px solid #999 !important;
	box-shadow: none;
	/*background: whitesmoke;*/
	font-size: 12px;
	border: 1px solid silver;
}
.other_product_tr td select, .other_product_tr td input, .other_product_tr td textarea
{
	font-size: 12px;
}
.otherMaitenanceYes td
{
	background: #ccc;
    padding-bottom: 10px !important;
    padding-top: 10px !important;
    box-shadow: inset 0px 2px 1px silver, inset 0px -2px 1px silver;
    border-right: 1px solid transparent;

}
.hiddenvisibility
{
	visibility: hidden !important;
}
.otherproduct_titlediv
{
	display: inline-block;
    font-weight: bold;
    /* text-decoration: underline; */
    background: #666;
   /* padding: 10px 0px;
   height: 12px;*/
    /* border-radius: 5px; */
    margin: 1px;
    color: white;
}
.otherproduct_contentdiv
{
	display: inherit;
	text-align: center;
	
}
.otherproduct_contentdiv textarea,.otherproduct_contentdiv select,.otherproduct_contentdiv input:not([type='number'])
{
	vertical-align: top !important;
	margin-bottom: 3px;
	border: 1px solid grey;
	font-size:11px;
	
}
.otherproduct_contentdiv select
{
	background: silver;
}
.otherproduct_contentdiv select, ,.otherproduct_contentdiv input:not([type='number'])
{
	height:15px;
}
.overviewuploadicon:hover, #search_for_customer:hover
{
	background-color: silver;
}
 #search_for_customer:hover
{
	/*background-image: url(images/ui-icons_444444_256x240.png);*/
	cursor:pointer;

}
.uploadBoard
{
	position: absolute;
    padding: 0px 25px;
    width: 300px;
    height: auto;
    border: 2px solid white;
    box-shadow: 1px 1px 10px black;
    background-color: white;
    background-image: url(../Images/cancel_border_grey2.png) !important;
    background-position: right top;
    background-repeat: no-repeat;
    z-index: 100;
    font-size: 12px;
}
.uploadBoard .uploadSubmitFile
{
	margin-top:80px;
}
/*.uploadBoard input[type='submit']
{
	margin-top: 70px;

}*/
.uploadBoard iframe
{
	height:70px;
	width:300px;
	color: green;
	margin-top:-100px;
	border:none;
	position:absolute;
}
.uploadBoard body
{
	color: green;
}
.uploadBoard .inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.uploadBoard .inputfile:focus + label {
	outline: 1px dotted #000;
	outline: -webkit-focus-ring-color auto 5px;
}
.uploadBoard .inputfile + label {
	cursor: pointer; /* "hand" cursor */
}
.uploadBoard .inputfile + label {
    max-width: 100%;
    font-size: 12px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 8px;
	/*color:white;*/
	/*background-color: rgb( 0,122,187 );*/
	box-shadow: 1px 1px 1px black;
	/*margin-bottom:20px;*/
}
.uploadBoard .inputfile + label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -0.25em;
    margin-right: 0.25em;
}

.uploadBoard .fileselected
{
	box-shadow: none !important;
	/*color: white !important;*/
	font-size:12px;
	font-weight: bold;
	
}
.maintenance_extend_productTR .hasDatepicker
{
	background: gainsboro;
	min-width:110px;
	text-align: right;
}
.gg_subdealerselect_button
{
	margin:10px;
}
.gg_subdealerselect_button:hover
{
	background:gainsboro;
}
.gg_subdealerselect_button:active
{
	background:rgba( 0,122,187,0.3 );
}
.gg_subdealerselect_button[data-active='true']
{
	border:1px solid black !important;
	background:rgba( 0,122,187,0.3) !important;
}
.productamountinputTR[data-typeid='45']
{
	visibility:hidden;
}
.productamountinputTR[data-typeid='156'] td
{
	padding-bottom:20px !important;
	
}
.productamountinputTR[data-typeid='360']
{
	display: none;
}
.productamountinputTR[data-typeid='156']
{
	/*display: none;*/
}
input[name='ExtraDiscount_Transfer']
{
	visibility: hidden;
}
#travelAndLodginWarning{
	font-size: 12px;
    font-style: italic;
    padding-left: 135px;
    padding-top: 20px;
    font-weight: bold;
    color: green;
}
	
div[aria-describedby="op_warningdialog"]
{
	border: 1px solid black !important;
    box-shadow: 5px 5px 10px black;
	border: 2px groove whitesmoke !important;
}
#pipedrivelist, #simular_companytable
{
	border:1px solid silver;
	width: 100%;
	font-size:12px;
	border-collapse:collapse;
} 
#simular_companytable
{
	margin-bottom:15px;
	font-weight: bold;  
	padding:10px;
}
#pipedrivelist tbody tr:nth-child(even) td, #simular_companytable tr:nth-child(even) td
{
	background: rgba( 0,122,187,0.1 );
}
#pipedrivelist tbody td , #simular_companytable td
{
	border-bottom: 1px solid silver;
    cursor: pointer;
    vertical-align: top;
    height: 30px;
    min-height: 40px;
    padding: 5px;
}
#simular_companytable td
{
	height: auto;
	min-height: inherit;
}
#pipedrivelist tbody .pipedrive_selected td, #simular_companytable .customer_selected td, #user_select_id tr[name='selected']
{
	background: rgba( 0,122,187,1 ) !important;
	color:white;
}
#pipedrivelist  th 
{
	text-align: left;
	background: silver;
	 padding: 5px;
	 border:1px solid grey;
}
#direct_sale_label_tr
{
	/*display:none !important;	*/
}
#orderportal_neworder_table_dealerinfo tr:nth-child(even) td 
{ 
	/*background: rgba( 0,122,187,0.08 ) !important;*/
}
#orderportal_neworder_table_dealerinfo tr:nth-child(even) 
{ 
	/*border-bottom: 1px solid rgba( 0,122,187,0.2 ) !important;
    border-top: 1px solid rgba( 0,122,187,0.2 ) !important; */
}
/*#orderportal_neworder_table_dealerinfo input:read-only
{
	border:1px solid transparent !important;
	background:  transparent !important;
}*/
#orderportal_neworder_table_dealerinfo, #orderportal_neworder_table_customerselect
{
	border-left:70px solid white;
}
#orderportal_neworder_table_dealerinfo tr td, #orderportal_neworder_table_customerselect tr td
{
	padding-top: 3px;
    padding-bottom: 3px;
}
.orderportal_salespriceinput[data-name="CommissionForDealer"]
{
	visibility: hidden !important;	
}
.targetTotalTR td
{
	font-weight: bold;
	background: rgba( 0, 122, 187, 0.5 ) !important;
	
}
.generalTargetTotalTR td
{
	background: rgba( 0, 122, 187, 1 ) !important;
    color: white !important;
    border-top: 2px solid black !important;
    border-bottom: 2px solid black !important;
    font-size: 15px;
}

.externalSoftwarePurchase
{
	width: 80%;	
	border:1px solid rgba( 0,122,187,0.2 );
	background: rgba( 0,122,187,0.1 );
}
.externalSoftwarePurchase[data-changeAll]
{
	background: rgba( 0,122,187,1 ) !important;
}
#createGGLicensTable
{
	background: rgba( 0,122,187,1 );
    width: 80%;
    color: white;
    padding: 20px;
    border: 2px solid 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;	
	}
}

#fullscreen img
{
	width: 16px;
    padding: 2px;
    margin-top: -50px;
    margin-left: 20px;
    box-shadow: 1px 1px 1px black;
	/*border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;*/	
	background: white;
}
#fullscreen img:hover
{
	background:gainsboro;	
}
#fullscreen img:active
{
	box-shadow: none;	
}
#ordertypeinformation
{
	width: 50px;
}
#ordertypeinformation img
{
	visibility:hidden;
}
#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 !important;
}
#op_CM_end input
{
	width:60px;
}

#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-name='website']
{
	background-image:url(../../Images/www_page2.png);
	background-position-x:0%;
	background-position-y:30%;
	background-repeat:no-repeat;
	background-size:16px;
	min-height:20px;
	text-indent: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: lightblue;	
}
.tbodyOrderRentalExtend
{
	background: lightgreen;	
}
.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;
}
#op_warningdialog
{
	margin-top:5px;
}
#productTableInDialog
{
	border-collapse: collapse;
	background: gainsboro;
}
#productTableInDialog td, #productTableInDialog th
{
	border-right: 1px solid black !important;
	border-bottom: 1px solid silver;
}
#productTableInDialog td, #productTableInDialog th
{
	padding: 3px 10px;
	text-align:right;
	vertical-align: top;
}
#productTableInDialog tr th
{
	border-bottom: 1px solid black;
}
#productTableInDialog tr td:first-of-type, #productTableInDialog tr th:fist-of-type	
{
	text-align:left;
}
#productTableInDialog tr td:last-of-type, #productTableInDialog tr th:last-of-type	
{
	border-right: 1px solid transparent !important;
}
#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;
	background: #071d37 !important;
	
}
#orderportal_neworderbutton_div button
{
    background: gainsboro;
    font-weight: bold;
    color: #300;
    margin-top: 5px;
    box-shadow: none;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    padding: 15px 5px 15px 5px !important;
    border-left: 1px solid white !important;
    border-top: 1px solid white !important;
    margin-right: 5px;
}
#orderportal_neworderbutton_div button.current
{
	/*background: rgb(240, 236, 236);*/
	background: white;
	box-shadow: inset 1px 1px 2px 0px black;
}
orderportal_neworderbutton_div button:hover
{
	background:silver;	
}
.orderportal_labeltd
{
	padding:0px 10px 0px 40px;
	color:#333;
	font-size: 13px !important;
}
.sub_fieldset_orderportal_tab
{
	border:1px solid grey !important;
}
.orderportal_tabcontent .orderportal_labeltd
{
	min-width:400px;
	width:50%;
}
#orderportal_neworder_table_customer .orderportal_labeltd
{
	width:200px;
	min-width:200px;;
}
.orderportal_tabcontent tbody tr:first-of-type > td
{
	padding-top:20px !important;
}
#orderportal_neworder_table_totalTable .orderportal_labeltd, #ExtraSalesDiscount .orderportal_labeltd
{
	min-width: 400px;
    width: 50%;
}
#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;
	text-align: right;
}
#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 ), #orderportal_neworder_table_convert_rental tr:nth-of-type( n+2 ) td:nth-of-type( n+2 ), #orderportal_neworder_table_convert_rental tr:nth-of-type( n+2 ) th:nth-of-type( n+2 )
{
	width:123px;
	max-width:123px; 
	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 ),#orderportal_neworder_table_convert_rental tr:nth-of-type( n+2 ) td:nth-of-type( n+2 ), #orderportal_neworder_table_convert_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,  #orderportal_neworder_table_convert_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_customerselect
{
    margin-bottom: 60px;
}
#orderportal_neworder_table_dealerinfo .orderportal_labeltd, #orderportal_neworder_table_comment .orderportal_labeltd, #orderportal_neworder_table_customerselect .orderportal_labeltd
{
	width:372px;
}
	
#orderportal_neworder_table_dealerinfo, #orderportal_neworder_table_comment, #orderportal_neworder_table_customerselect
{
	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 tr[data-typeid="101"] span::after
{
	content:' ( All options included )';
}
#orderportal_neworder_table_cloudflow img, #orderportal_neworder_table_bundles img, .informationboardimagebutton
{
	float:right;
	cursor:pointer;
}
.orderportal_labeltd img, #add_other_product, #cost_info, #add_travel_product, #TravelandLodging_info, #annual_maintenance_info, .delete_other_item
{
	/*width: 12px;
    height: 12px;
    border: 1px solid white;
    background: white;
    padding: 1px;*/
    border-radius: 50px;
	background: white;
    /*box-shadow: 1px 1px 1px black;*/
}
.orderportal_labeltd img:hover
{
	/*border-radius: 50px;
	border: 2px solid white;*/
}
.orderportal_tabcontent .orderportal_inputtd, .orderportal_tabcontent .orderportal_labeltd 
{
	/*border-bottom: 1px solid white;*/
	padding: 5px 10px 5px 40px;
    color: #333;
	vertical-align: top;
}
#add_other_product:hover, #cost_info:hover, #annual_maintenance_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:65px !important;	
	margin-right:20px;
    padding-right: 0px !important;
}
.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:91%;
	/*border: 1px solid grey;*/
}
#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%;
}
#orderportal_neworder_table_dealerinfo select
{
	width: 90.7%;
}
#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
{
	min-width: 110px;
	width:90%
} 
#ExtraSalesDiscount .orderportal_labeltd

{
	padding-right: 27px;
}
#ExtraSalesDiscount tr
{
	height: 40px;
}
#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%;
}
.mainlegend
{
	background:white;
	font-weight:bold;
	color:#300;
	border:1px solid grey;
	padding: 4px 10px;
	text-align:right;
}
.orderportal_main_fieldset, .ggorderportal_newOrders
{
	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:600px;
}
#new_orderportal_main_fieldset th
{
	/*text-align:left !important;*/
}
#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;
}
#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-left: 20px;
	margin-bottom:-1px;
}
#orderportal_buttonDiv
{
	text-align: right;
    padding-right: 50px;
    padding-top: 20px;

}
#orderportal_buttonDiv button
{
	height:30px;
	margin-left:30px;
	min-width:95px;
}
#orderportal_overview_table, #orderportal_invoicing_table
{
	border-collapse:collapse;
	width: 100%;
	margin: 10px 0px;
}
#orderportal_overview_table
{
	margin-top: 0px !important;
}
#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 pre
{
	white-space: normal;
}
.orderportal_detail_table 
{
	width:95%;
	margin-left: 30px;
	margin-bottom: 30px;
	/*box-shadow: inset 0px 0px 500px 500px grey, 1px 1px 1px black;*/
    box-shadow: none !important;
	border-spacing: 1px;
	font-size:11px;
	border-collapse: collapse;

}
.orderportal_detail_table td
{ 
	padding: 0px !important;
	text-align: left; 
	text-indent:20px;
	background-color:white !important;
	border:1px solid grey !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; /*font-weight: bold;*/}
.orderportal_detail_table tbody[data-maint='0'] tr td{background: white !important;/* font-weight: bold;*/}
.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: rgba( 59, 131, 210, 0.1 )*/
}
.shownItemsDiv {
    margin-left: 15px;
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
    padding: 4px;
    border-radius: 5px;
	display: inline-block;
}
.approval_warning
{
	text-indent: 25px;
	font-weight: bold;
    color: white;
    padding: 5px;
	background-color: red;
	background-image: url(../Images/warning.png);
	background-repeat: no-repeat;
	background-position: 5px;
}
#orderportal_overview_table_mainBody select[name='sold_by']
{
	max-width: 100px;	
}
#orderportal_overview_table tbody
{
	width: 100% !important;
	text-align:center;
}
#orderportal_overview_table th
{
	border:1px solid white;
	/*background-image:none !important;*/
	text-align: center;
}

#orderportal_overview_table th
{
	border:1px solid white;
	/*background-image:none !important;*/
	text-align: center;
	background-position: center right;
}
#orderportal_overview_table th
{
	position: sticky;
	top:0px;
}
#orderportal_overview_table th[data-column='6']
{
	min-width:80px;
}
#orderportal_overview_table img
{
	cursor:pointer;
}
#orderportal_overview_table_mainBody > tr > td, #orderportal_invoicing_table td
{
	padding:10px 2px !important;
}
#orderportal_overview_table>tbody>tr>td, #orderportal_invoicing_table td
{
	height: 50px !important;
}
#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:600px;
}
#orderportal_header
{
	margin-top: 7px;
	/*border: 2px solid grey;
	background-color: #CCC;*/
	background-color: #071d37 !important;
	padding: 25px;
	height: auto;
	/*-webkit-box-shadow: 0px 3px 5px 0px #222;
	-moz-box-shadow: 0px 3px 5px 0px #222;
	box-shadow: 0px 3px 5px 0px #222;*/
	-webkit-box-shadow: 0px 2px 2px 0px black;
	box-shadow: 0px 2px 2px 0px black;
}
#orderportal_header_content span[name='headertitle']
{
	/*font-family: monospace;
	font-size: 35px;
	font-variant: small-caps;
	color: grey;
	padding: 0px 20px;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
	letter-spacing: 3px;*/
	/*font-style: oblique;
	text-shadow: 1px 1px 1px black;
	box-shadow: 1px 1px 1px 1px grey;*/
   /* 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: 600px;
}
#content
{
	margin-top:1px;
	min-height: 600px;

}
footer {
	background: rgba( 0,122,187,1 );
	color:white;
	position: relative;
	z-index: 100;
	text-align: center;
	/*color: #222;
	background: #CCC;*/
	font-size: 12px;
	padding: 5px;
	/*border: 1px solid grey;*/
	/*box-shadow: 0 -3px 5px 0px #222;*/
	box-shadow: 0 -2px 2px 0px black !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-style: italic;*/
	font-size:12px;
	padding: 5px;
	background: #666;
    color: white;
    /*font-weight: bold;*/
    border: 1px solid gainsboro;
}
#orderportal_tabdiv
{
	width: 99%;
	margin-left: 5%;
}
.orderportal_tabcontent
{
	border: 1px solid silver !important;
	margin-top: -4px;
	background:gainsboro;
	min-height:350px;
	width: 92%;
	margin-left: 4%;
    border-radius: 5px;
}
.orderportal_tabcontent > fieldset > table > tbody > tr:hover, #orderportal_neworder_table_customer > tr:hover
{
	background: rgba( 0,0,0,0.03 );
	font-weight: bold;
}
#orderportal_tabs{
  overflow: hidden;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  cursor:pointer;
  margin-top:30px;
  font-size:14px;
  font-family:arial nova;
}
#orderportal_tabs li{
}

#orderportal_tabs a{
    position: relative;
    background: gainsboro;
    float: left;
    text-decoration: none;
    color: #444;
    margin: 2px;
    border-top: 1px solid silver;
    padding: 10px 5px 0px 5px;
    font-stretch: extra-condensed;
    text-align: justify;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    border-left: 1px solid silver;
    border-right: 1px solid silver;
    min-height: 45px;
    width: min-content;
    max-width: 7%;
    min-width: 40px;
}
#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: rgb( 0,122,187 );
  color:white;
  border-bottom:none;
  box-shadow:none;
  z-index: 3;
    border:none;
}
.disabledtab
{
	background: white !important;
    border-left: 1px solid gainsboro !important;
    border-right: 1px solid gainsboro !important;
    border-top: 1px solid gainsboro !important;
	color: silver !important;
	cursor:default;
}
.op_approvebutton, .op_submitbutton, .op_deletebutton, .op_paidbutton, .op_confirmbutton, .op_invoicebutton
{
	/*border: 1px solid silver;*/
	/*height: 12px;*/
	border-radius: 5px;
	box-shadow: 1px 1px 1px grey;
	cursor: pointer;
	color: black;
	font-size: 12px;
	font-family: arial;
	width: 85%;
	height:auto;
	margin-left:10%;
    padding: 4px 2px;
}
.op_deletebutton
{
	border-radius: 100px;
}
.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
{
    text-align: center;
    color: red;
    font-weight: bold;
    margin-right: 10px;
    border: none;
    display: inline;
    padding: 0px 4px;
    /* border-radius: 5px !important; */
    background: white;
}
.op_paidbutton
{
	background: rgb(16, 137, 210);
	color:white;
}
.op_invoicebutton
{
	background: green;
	color:white;
}
.op_deletebutton:hover
{
	background:red;
	color:white;
}
.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, .RentalConvert_product_title
{
	background: #aaa;
	border: 1px solid grey;
	font-weight: bold;
	font-size: 14px;
    padding: 5px;
    border-top: 10px solid gainsboro !important;
}
.extend_rental_product_title
{
    position: sticky;
    top: 82px;
}
#orderportal_neworder_table_extend_maintenance .extend_maintenance_product_title
{
    position: sticky;
    top: 32px;
}
.cloudflowExtendLicenseTitle
{
    position: sticky;
    top: 120px;
    background: rgba(0, 122, 187,1); 
    text-decoration: underline; 
    color: white;
    font-weight: bold;
    text-indent: 35px;
}
#orderportal_neworder_table_extend_maintenance .cloudflowExtendLicenseTitle
{
    display:none;
}
.cloudflowExtendLicenseTitle input[type='checkbox']
{
    margin-right: 15px;
}
#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'], #directSaleCheckbox
{
	-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, #orderportal_neworder_table_convert_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, #directSaleCheckbox: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:85px !important;	
}
#orderportalbody button.ui-datepicker-current { display: none; }
#orderportalbody .ui-widget-header
{
	background: #cccccc/*{bgColorHeader}*/ url(../../Images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/ !important;
	color: #222222 !important/*{fcHeader}*/;
	font-weight: bold !important;
}

#orderportalbody .ui-button
{
	background: #cccccc/*{bgColorHeader}*/ url(../../Images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/ !important;
	
}
#orderportalbody .ui-button-icon-only
{
	background: white !important;
	
}
#orderportalbody .ui-widget-header
{
	background: black !important;
	color: white !important;/*{fcHeader}*/
	font-weight: bold !important;
	border: 1px solid black !important;
}
#orderportalbody .ui-dialog
{
	box-shadow: 1px 1px 1px black !important;
	border: 1px solid black !important;	
}
#orderportalbody .ui-datepicker-calendar
{
   /* display: none;*/
}
.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;
}
/*.reportingCurrencyMessage td
{
    border-bottom: 10px solid white;
    background: rgba( 59, 131, 210, 0.3 );
    text-align: center;
    font-weight: bold;
}
.reportingCurrencyMessage td:first-of-type
{
    background: white;
}
.reportingTable tfoot td
{
	padding:10px 0px;
}

.reportingTable tfoot td[data-value]
{
	text-align: center;
    font-weight: bold;
    border: 2px solid rgba( 59, 131, 210, 0.9 );
    background: rgba( 59, 131, 210, 0.3 );
}


.reportingTable tr:first-of-type th
{
	border-bottom:1px solid #bbb;
	padding:0px;
}	
.reportingTable  td[data-value='BORDER'], .reportingTable th[data-value='BORDER']
{
	background: white !important;
	border-bottom:none !important;
	border-top:none !important;
	min-width:10px;
}
.reportingTable tbody td[data-value='Paid'], #op_InvoiceHistory_table tbody td[data-value='Invoice Amount ( ex. VAT )']
{
	border-left:2px solid silver !important;
}
.reportingTable tbody td[data-value='Open'], .reportingTable tbody td[data-value='Open '],  .reportingTable tbody td[data-value='Overdue'], #op_InvoiceHistory_table tbody td[data-value='Currency exchange rate']
{
	border-right:2px solid silver !important;
}
.reportingTable td[data-value='Commercial Team'], .reportingTable th[data-value='Commercial Team'], .reportingTable td[data-value='Commercial Entity'], .reportingTable th[data-value='Commercial Entity'], .reportingTable td[data-value='Sales Manager'], .reportingTable th[data-value='Sales Manager']
{
	display:none !important;
}
.reportingGeneralFilters div
{
	display:inline;
}
.reportingGeneralFilters select
{
    margin-left: 10px;
    max-width: 160px;
    background: #ccc;
    border: 1px solid #aaa;
    font-size: 11px;
    box-shadow: 1px 1px 1px black;
}
.ReportingExportToExcel
{
	float:right;
}
.reportingTable
{
	border-collapse:collapse;
	width:100%;
	margin-top:35px !important;
}
.reportingTable thead th
{
	border: 1px solid white;
	text-align: center;
}
.reportingTable tbody td
{
    border: 1px solid gainsboro;
    text-align: center;
    vertical-align: middle;
    height: 50px;	
}
.reportingTable .even, .switchedToFilterTable .even
{
	background: rgba( 59, 131, 210, 0.1 ) !important;
}
.reportingTable .odd, .switchedToFilterTable .odd
{
	background: white !important;
}
.reportingTable tbody tr:nth-child(even) td
{
    background: rgba( 59, 131, 210, 0.1 );
}
.reportingTable tbody tr:nth-child(odd) td
{
    background: white;
}
.reportingTable tbody td
{
    border: 1px solid gainsboro;
    text-align: center;
}
*/
@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;
	}
}
#orderportal_new .discountItemField
{
	max-width: 20px !important;
    width: 20px !important;
	font-size: 11px;
	padding: 2px;
    
}