/*
body { margin: 0px; background-color: #C8D7C6; font-family: Arial, Tahoma, Verdana; font-size: 14px; background-image: none; }

body a:link {
 color: #006600;
 font-weight: bold;
 text-decoration: underline;
}

body a:visited {
 color: #006600;
 font-weight: bold;
 text-decoration: underline;
}

body a:hover {
 color: #006600;
 font-weight: bold;
 text-decoration: underline;
}

.Box {
 background-position: #FCFCFC;
 -webkit-border-radius: 8px;
 -moz-border-radius: 8px;
 border-radius: 8px;
 background: #FCFCFC;
 border: 1px solid #aaa;
 padding: 10px 10px 10px 10px;
 font-family: Arial, Tahoma, Verdana;
 font-size: 14px;
 width: 100%;
 behavior: url(PIE.htc);
}

.Login {
 font-family: Arial, Tahoma, Verdana;
 font-weight: bold;
 color: #FF0000;
}

.pinbox {
 font-size: 35px;
 text-align: center;
 width: 150px;
 padding-bottom: 8px;
}

.tekstbox {
 font-size: 15px;
 width: 150px;
 padding-bottom: 5px;
 padding-top: 5px;
}

.hr {
 border-style: none;
 border-color: inherit;
 border-width: 0;
 width: 100%;
 color: #aaa;
 background-color: #aaa;
 height: 1px;
}

h1 {
 font-size: 30px;
 color: #326b2d;
}

h2 {
 font-size: 20px;
 color: #326b2d;
}

h3 {
 font-size: 16px;
 color: #326b2d;
}

h1, h2, h3, h4, h5, h6 {
 font-family: Arial, Tahoma, Verdana;
}*/

#Main_Container { height: 100%; margin: 0 auto; position: relative; max-width: 1024px; }
.menu-container.picklist {background-image:url('images/menuback.png'); padding:10px 0px 10px 0px; text-transform:uppercase; }
.menu-container.picklist a,.menu-container.picklist a:hover,.menu-container.picklist a,.menu-container.picklist a:visited {text-decoration:none; color:white; text-shadow:0px 0px 0px 0px #fff; font-weight:normal;}
.menu-container.picklist .divider {background-image:url('images/divider.png'); background-repeat:repeat-y; }
.Error, .centix-error { color: #FF0000; font-weight: bold; }
/*#Top_Menu_Container {
 height: 35px;
 background-color: #326b2d;
}

#Top_Menu_spacer {
 height: 1px;
 background-color: #CCC;
}
.Top_menu_button_container_left {
 width: 20%;
 cursor: pointer;
 float: left;
}

.Top_menu_button_container_right {
 width: 20%;
 cursor: pointer;
 float: right;
}

.Top_menu_button_point_left {
 background-color: #326b2d;
 text-transform: uppercase;
 background-position: left;
 background-image: url('../Content/images/TopMenu_buton_point_left.png' );
 background-repeat: no-repeat;
 height: 28px;
 width: 14px;
 float: left;
}

.Top_menu_button_left_center {
 background-color: #326b2d;
 background-image: url('../Content/images/TopMenu_buton_center.png' );
 background-repeat: repeat-x;
 height: 28px;
 line-height: 26px;
 margin-right: 7px;
 margin-left: 12px;
 font-family: Arial, Tahoma, Verdana;
 font-size: 12px;
 font-weight: bold;
 cursor: pointer;
 color: #454545;
 text-align: center;
}

.Top_menu_button_right_center {
 background-color: #326b2d;
 background-image: url('../Content/images/TopMenu_buton_center.png' );
 background-repeat: repeat-x;
 line-height: 26px;
 height: 28px;
 margin-right: 7px;
 margin-left: 7px;
 font-family: Arial, Tahoma, Verdana;
 font-size: 12px;
 font-weight: bold;
 cursor: pointer;
 color: #454545;
 text-align: center;
}

.Top_menu_button_right {
 background-color: #326b2d;
 background-image: url('../Content/images/TopMenu_buton_right.png' );
 background-repeat: no-repeat;
 background-position: right;
 height: 28px;
 width: 8px;
 float: right;
}

.Top_menu_button_left {
 background-color: #326b2d;
 background-image: url('../Content/images/TopMenu_buton_left.png' );
 background-repeat: no-repeat;
 background-position: right;
 height: 28px;
 width: 8px;
 float: left;
}

.App_Title {
 font-family: Arial, Tahoma, Verdana;
 text-transform: uppercase;
 color: #FFF;
 background-color: #326b2d;
 font-weight: bold;
 font-size: 16px;
 line-height: 26px;
 margin-right: auto;
 margin-left: auto;
 text-align: center;
}

#Content_Container {
 font: #E3E3E3;
 font-family: Arial, Tahoma, Verdana;
 font-size: 14px;
 color: #000;
 min-height: 400px;
 padding-bottom: 15px;
 background-color: #c8d7c6;	
}

#Menu_Container {
 background-image: url('../content/images/menuback.png');
 background-repeat: repeat-x;
 width: 100%;
 font-family: Arial, Tahoma, Verdana;
 text-transform: uppercase;
}

#Menu_Container a:link, a:visited {
 text-decoration: none;
 color: #FFF;
 width: 100%;
 height: 100%;
}

#Menu_Container a:visited {
    color: #FFF;
    text-decoration: none;
}

#Menu_Container a:hover {
 color: #FFF;
}

#Topic_Bar {
 background-image: url('../content/images/topic_bar_back.png');
 background-repeat: repeat-x;
 font-family: Arial, Tahoma, Verdana;
 color: #FFF;
 font-size: 14px;
 text-align: center;
 padding-top: 8px;
 padding-bottom: 8px;
 font-weight: bold;
}

.Button {
 background-color: #474745;
 color: #FFF;
 font-weight: bold;
 padding-top: 5px;
 padding-bottom: 5px;
 width: 100%;
}
.Button:hover { background-color: #7d7d7d; }
.Button_Remove { background-image: url('../content/images/button_red.png'); background-repeat: repeat; font-family: Arial, Tahoma, Verdana; color: #FFF; font-weight: bold; padding-top: 5px; padding-bottom: 5px; }
.Title { text-align: center; }
.fieldset { border: 1px solid; }
fieldset { border: 1px solid; }
legend { color: #666; font-weight: bold; font-size: 20px; } 
.legend { color: #666; font-weight: bold; font-size: 20px; }
.listButton { border: 0 none; background-repeat: no-repeat; background-color: #474745; }
.toggleOpen { background-image: url('../content/images/seplist.png'); background-color: Transparent; }
.toggleClose { background-image: url('../content/images/seplistBack.png'); background-color: Transparent; }
.pickButton { width: 100%; }
.pickerButton { width: 100%; }
.sepButton { float: right; margin-top: -29px; padding-right: 15px; position: relative; }
.fieldSearch { padding-top: 5px; border: 2px solid #3e965c; border-radius: 4px; }*/
/******************************************************************************************************************************************
                                                                 OBJECT BOX 
******************************************************************************************************************************************/
.NewObjectFirstKolomWidth { width: 100px; }
/******************************************************************************************************************************************
                                                                 STOCK BOX 
******************************************************************************************************************************************/
.StockFirstKolomWidth { width: 85px; }
/******************************************************************************************************************************************
                                                                 OI BOX 
******************************************************************************************************************************************/
.MIHeaderText { line-height: 30px; }
.MIQuestionRemarkbox {
 width: 15px;
}
.MICheckBox_NoAnswer {
 width: 30px;
 text-align: center;
}
.MICheckBox_NotApplicable {
 width: 30px;
 text-align: center;
}

.MICheckBox_OK {
 width: 30px;
 text-align: center;
 background-color: #090;
}

.MICheckBox_Failed {
 width: 30px;
 text-align: center;
 background-color: #F00;
}

.MIRadioSize {
 width: 30px;
 height: 30px;
}

.MIGoToQuestionlistBox {
 width: 15px;
 line-height: 30px;
}

.MIBoxAlign {
 text-align: center;
}

.MIDeviationRow {
 padding-left: 10px;
 padding-right: 10px;
}
	
.MIDeviationRowAlternating {
 padding-left: 10px;
 padding-right: 10px;
}	
.MIDeviationBox1 {
 width: 30px;
 line-height: 30px;
 vertical-align: middle;
}

.MIDeviationBox2 {
 line-height: 30px;
 vertical-align: middle;
}
	
.MIDeviationAlternatingBox1 {
 width: 30px;
 line-height: 30px;
 vertical-align: middle;
}
	
.MIDeviationAlternatingBox2 {
 line-height: 30px;
 vertical-align: middle;
}

.MIMainRowColor {
 background-color: #FFF;
}
	
.MIMainRowAlternatingColor {
 background-color: #C6E496;
}
		
.MIRowColor {
 background-color: #FFF;
}
	
.MIRowAlternatingColor {
 background-color: #E3E3E3;
}

.MIMeasurementsInputBox {
 width: 80px;
}
/******************************************************************************************************************************************
                                                               MI BOX
******************************************************************************************************************************************/
.NewMiFirstKolomWidth {
 width: 100px;
}
/******************************************************************************************************************************************
                                                                 POPUP BOX 
******************************************************************************************************************************************/
#PopupWrapper {
 border: 1px solid #000;
 padding: 0px;
 margin: 0px;
 width: 300px;
 height: auto;
}

#ListHeaderContainer {
 width: 100%;
 height: 30px;
 background-color: #5D9506;
 border-bottom-style: solid;
 border-bottom-width: 1px;
 border-bottom-color: #000;
}

#ListHeaderTitle {
 float: left;
 text-align: center;
 font-weight: bold;
 width: 90%;
 line-height: 30px;
 color: #FFF;
}

#ListCloseButonBox {
 float: right;
}

.CloseButton {
 width: 30px;
 height: 30px;
}

.ListItem {
 text-align: center;
 background-color: #e2e2e2;
 width: 100%;
 margin: 0;
 height: 100%;
}

.ListAlternatingItem {
 text-align: center;
 width: 100%;
 background-color: #FFF;
 margin: 0;
  height: 100%;
}

#ListContentBox {
 width: 100%;
 overflow: auto;
 height: 200px;
}

.ListHr {
 border-style: none;
 border-color: inherit;
 border-width: 0;
 width: 100%;
 color: #aaa;
 background-color: #aaa;
 height: 1px;
}

.itemListRow {
 padding-left: 2px;
}

.itemListLeft {
 float: left;
 width: 70px;
 padding-top: 5px;
 padding-bottom: 5px;
 min-height: 33px;
}

.itemListRight {
 width: 210px;
 float: left;
 padding-top: 5px;
 padding-bottom: 5px;
 min-height: 33px;
}

.itemListID {
 float: left;
 width: 70px;
 padding-top: 5px;
}

.itemListDescription {
 width: 210px;
 float: left;
 padding-top: 5px;
}

#ListFooter {
}

/******************************************************************************************************************************************
                                                                PICK OBJECTS
******************************************************************************************************************************************/
/*Default style clickable div*/
.ClickableDiv {
 cursor: pointer;
 padding: 0;
 margin: 0;
 width: 100%;
 height: 100%;
  padding-top: 25px;
 padding-bottom: 25px;
 }

/*Non stock composed article confirm style when all parts where picked*/
.ClickableDiv_Complete {
 cursor: pointer;
 color: Green;
 
}

/*Non stock composed article confirm style when one or more parts where not (completely) picked*/
.ClickableDiv_InComplete {
 cursor: pointer;
 color: Red;
}

/*Non stock composed article confirm style when more parts where picked then needed*/
.ClickableDiv_OverComplete {
 cursor: pointer;
 color: Orange;
}

/*Default selected item style clickable div*/
.ClickableDiv_Selected {
 font-weight: bold;
 cursor: pointer;
 padding: 0;
 margin: 0;
 padding-top: 25px;
 padding-bottom: 25px;
}

/*Non stock composed article confirm selected item style when all parts where picked*/
.ClickableDiv_Selected_Complete {
 font-weight: bold;
 cursor: pointer;
 color: Green;
}

/*Non stock composed article confirm selected item style when one or more parts where not (completely) picked*/
.ClickableDiv_Selected_InComplete {
 font-weight: bold;
 cursor: pointer;
 color: Red;
}

/*Non stock composed article confirm selected item style when more parts where picked then needed*/
.ClickableDiv_Selected_OverComplete {
 font-weight: bold;
 cursor: pointer;
 color: Orange;
}

.Row_Normal {
 font-weight: normal;
}

.Row_Composed {
 font-weight: bold;
}
.ok, .green { padding: 1px 2px 1px 2px; background-color: Green; color: #FFF; }
.failed, .red { padding: 1px 2px 1px 2px; background-color: Red; color: #FFF; }
.expires, .orange { padding: 1px 2px 1px 2px; background-color: orange; color: #FFF; }


.Page_Title {
 font-size: 20px;
 color: #585858;
}

.InspectionQuestion_Button_Down_Default {
 width: 20px;
 height: 20px;
 background-image: url('../Content/images/ButtonDown.png');
 background-repeat: no-repeat;
}

.InspectionQuestion_Button_Down_Other {
 width: 20px;
 height: 20px;
 background-image: url('../Content/images/OtherButtonDown.png');
 background-repeat: no-repeat;
}

.InspectionQuestion_Button_Up_Default {
 width: 20px;
 height: 20px;
 background-image: url('../Content/images/ButtonUp.png');
 background-repeat: no-repeat;
}

.InspectionQuestion_Button_Up_Other {
 width: 20px;
 height: 20px;
 background-image: url('../Content/images/OtherButtonUp.png');
 background-repeat: no-repeat;
}

.InspectionQuestion_Deviations_Other {
 width: 20px;
 height: 20px;
 background-image: url('../Content/images/OtherButtonRight.png');
 background-repeat: no-repeat;
}

.InspectionQuestion_Deviations_Default {
 width: 20px;
 height: 20px;
 background-image: url('../Content/images/ButtonRight.png');
 background-repeat: no-repeat;
}
/************************************************************************************************************************************
                        SHARED CONTROLS
************************************************************************************************************************************/
/*.Field {
}

.Required {
 width: 16px;
 height: 16px;
 background-image: url('http://localhost/CentixWeb/App_Themes/default/images/icon_required_valid.gif');
 background-repeat: no-repeat;
 background-position: right center;
 margin-left: 5px;
 float: left;
}

.Field .FieldDescr {
 float: left;
 width: 100%;
}

.Field .FieldDescr .Label {
 float: left;
}

.Field .FieldInput {
 float: left;
 margin-left: 10px;
 margin-right: 10px;
}

.Field .FieldButton {
 float: left;
}
 */
/*.Field .FieldValue {*/
 /*float: left;*/
 /*width: 100%;*/
 /*margin-left: 10px;*/
/*}*/

.List {
 margin: 0;
 padding: 0;
}

.claplist 
{
 background-image: url('../Content/images/seplist.png');
 background-repeat: no-repeat;
 float: right;   
}

h2.sub-title.ui-title{font-size:75%;}
/*.Field input.aspNetDisabled {
    margin-left: 10px;
}*/

/* Space centix default buttons*/
.centix-mobile.default { margin-top: 10px; }

.centix-controlgroup.clickable-items { }
.centix-clickable-item { position: relative; width: 198px; min-height: 200px; float: left; margin: 0px 10px 0px 10px; font-family: Arial,sans-serif; border: none !important; }
.centix-clickable-item-image { /*height/width/background image (default)*/ }
/*.centix-clickable-item-image.[module] {background-image: url('content/images/button_oi.png'); }*/
/*.centix-clickable-item-image.[module] {background-image: url('content/images/button_oi.png'); }*/
.centix-clickable-item-image .mi {background-image: url('content/images/button_oi.png'); }
.centix-clickable-item-text p, .centix-clickable-item-text h3 { padding: 4px; color: #505050; }
.centix-clickable-item-text ::after { clear: both; content: "\0020"; display: block; }
.centix-clickable-item-link { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; text-indent: -9999em; }
.centix-clickable-item:hover h3 { color: #f25d00; }

.combinepopup { width: 100%; }
.nine-columns { width: 100%; }
.nine-columns .column1 { float: left; width: 17%; }
.nine-columns .column2 { float: left; width: 3%; }
.nine-columns .column3 { float: left; width: 17%; }
.nine-columns .column4 { float: left; width: 3%; }
.nine-columns .column5 { float: left; width: 17%; }
.nine-columns .column6 { float: left; width: 3%; }
.nine-columns .column7 { float: left; width: 17%; }
.nine-columns .column8 { float: left; width: 3%; }
.nine-columns .column9 { float: left; width: 20%; }
/*.nine-columns .column9::after { clear: both; }*/
/*.column9::after { clear: both; }*/
.columnclear { clear: both; }
#combine-popup { width: 60%; }

.picklistjobs_colorcolumn { width: 20px; }
.picklistjobs_personcolumn { width: 15%; }
.picklistjobs_messagecolumn { width: 70%; }
.picklistjobs_rightcolumn { width: 15%; }
.createpicklistjob .column_left { width: 150px; float: left; }
.createpicklistjob .column_right { float: left; }
.createpicklistjob .row { clear: both; }
.checkbox { margin: 5px 0px 0px 0px; }

.jquery-mobile-tekstbox-label { margin: .5em 0; }
.dropdownlist { width: 100% !important; }
.signature .ui-controlgroup-controls { width: 900px; }