/* #cboxClose {
	position: relative !important;
	z-index:999 !important;
	top: 0px !important;
	right:0px !important;
}
 */
/* 
#cboxClose button in core /inc/hcms/headcsscolorbox.php
*/

#multiDisplayOpenDisplay2Button {
	display: none !important;
}

.ui-multiselect.ui-state-disabled {
    /*background: #BBBBBB !important;*/
    background: none !important;
    color: #000000;
    border: none !important;
    margin-top: -3px;
}

.ui-multiselect.ui-state-disabled .ui-icon.ui-icon-triangle-2-n-s {
	display: none !important;
}


a.mainTabs-dairyfeederherd, a.mainTabs-dairyfeederingredients {	
	padding-top: 3px !important;
	padding-bottom: 4px !important;
}

input[Type="button"], button, .btnsEditMain, #btnHcmsHelpJoyrideStartTour, #btnHcmsHelpJoyrideClose, .userAccountRegisterFormSubmitButton, #btnNewUserAccountPrepare {
	background: rgb(120, 69, 146) !important;
	color: #FFFFFF;
}

input[Type="submit"]{
	background: rgb(120, 69, 146) !important;
	color: #FFFFFF !important;
	border: none;
}

input[Type="button"]:hover, button:hover, .btnsEditMain:hover {
	background: #977BB5 !important;
	color: #FFFFFF;
}

button i, button.ui-multiselect {
	color: #FFFFFF;
}

.ui-dialog button, .ui-dialog button span, span.ui-icon-closethick  {
	/* background: transparent !important; */
	color: #FFFFFF !important;
}

.ui-dialog button.ui-dialog-titlebar-close {
	background: #EDEDED !important;
	margin-top: -18px !important;
	width: 33px !important;
}

hr.rationHr {
	margin-top: 25px;
	border: 1px solid #CCCCCC;
}

button#userAccountLicenseRightsOpener {
	color: #FFFFFF !important;
}

table.hcmsRationIngredientAndHerd  tbody {
	border: none;
}

iframe #multiDisplayOpenButton {
	margin-top: 150px;
}

.hcmsNotValid div {
	min-width: 550px;
}

.ui-datepicker-buttonpane button {
	color: #FFFFFF !important;
}


.btnsStoreClose {
	border: 3px solid rgb(120, 69, 146); 
	color: rgb(120, 69, 146) !important;
	background: #FFFFFF;
}

.btnsStoreClose:hover {
	background: rgb(120, 69, 146) !important;
	color: #FFFFFF !important;
} 

.btnsCopyAndLog .button {
	background: rgb(120, 69, 146) !important;
	color: #FFFFFF;
}

.btnsCopyAndLog .button:hover {
	background: #977BB5 !important;
	color: #FFFFFF;
}

.btnsCopyAndLog i, .btnsEditMain i {
    font-size:125%;
}

.nobr {
	white-space: nowrap;
}

#hcms {
	padding-top: 60px;
}


#hcms.grid-x {
	padding-top: 10px;
}


.cboxIframe {
	padding-top: 0px;
}



@media screen and (min-width: 40em) {
	#multiDisplayOpenButton  {
		z-index: 999;
	}
	
	#multiDisplayOpenButton  {
		position: realtive !important;
		text-align: right !important;
		margin-top:-55px;
		padding-top: 5px;
	}
	
	#multiDisplayOpenButton button, #multiDisplayOpenButton input {
		top: 60px;
		/*float:right;*/
		right: 5px;
	} 

	.hcmsForm {
		padding-top: 10px;
	}

	.hcmsFormPaddingSmall {
		padding-right: 50px;
	}

	.btnsCopyLogAndSaveButtons {
		max-width: 400px;
	}
	
	.btnsCopyLogAndSaveButtons .button, #btnSubmitClose, #btnClose, #btnSubmit, .btnClose2 {
		min-width: 250px !important;
	}

	.btnsEditMain {
		margin-right: 10px;
	}

}
/* Small only */
@media screen and (max-width: 39.9375em) {
	
	#hcmsHelpButton  {
		margin-top: 10px !important;
		margin-right: 10px !important;
	}
	
	input[type=checkbox] {
	    transform: scale(1.5);
	}
	
	input[type=checkbox] + label {
	    margin-left: 15px;
	}
	
 	.hcmsForm {
		padding-top: 20px;
	} 
	
	.btnsCopyLogAndSaveButtons {
		margin-top: 30px !important;
	}
	
	.btnsCopyLogAndSaveButtons hr {
		margin-bottom: 25px !important;
		margin-top: -20px !important;
	}
	
	.btnsCopyLogAndSaveButtons .button, #btnSubmitClose, #btnClose, #btnSubmit, .btnClose2 {
		width: 100% !important;
	}
	
	.btnsEditMain {
		width: 100% !important;
	}
	
	#cboxWrapper {
		border: none !important;
	}
	
	.btnsEditMainArrows {
		width: 50% !important;
	}
	
	input[Type=text].hcmsInput, textarea.hcmsInput {
		width: 100% !important;
		max-width: 100% !important;
		text-align: left;
		margin-bottom: 10px;
	}
	
	button.ui-multiselect, input[Type=checkbox].hcmsInput + label {
		margin-bottom: 10px;
		margin-top: 10px;
	}
	
	.showHeadlineForSmall {
		font-weight: bold !important;
	}
	
	.showHeadlineForSmall b {
		font-weight: normal !important;
	}
	
}


.hcmsForm label {
	color: #000000 !important;
}

#cboxTitle {
	color: rgb(120, 69, 146) !important;
}

