/* CCCControls.css*/


span.CCCValidator {
	color: Red;
}

.CCCDateSelector {
	width: 100px;
}

.CCCTimeSelector {
	width: 65px;
}

.CCCDecimal {
	width: 65px;
}

#ui-datepicker-div {
	z-index: 20000 !important;
}

/*Override the default jquery, we are hiding the close button and making the today button work correct*/
button.ui-datepicker-close {
	display: none;
}

button.ui-datepicker-current {
	font-weight: bold !important;
	opacity: 1 !important;
}

.ui-widget-content {
	border: 1px solid #ccc /*{borderColorContent}*/;
}

.ui-spinner-input {
	padding-left: .4em;
	margin: -1px;
}


span.CCCFloatValidator {
	position: absolute;
	background-color: White;
	border: solid 1px red;
	padding: 5px;
	margin-left: 5px;
	z-index: 2;
	border-radius: 4px;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
	box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
	text-shadow: 0 1px 0 rgba(255,255,255,.4);
}

span.CCCCharCounter {
	padding-bottom: 5px;
	padding-left: 5px;
}

/* #region Inactive textbox, used with CCCHint */
.CCCInactive {
	color: #b9b9b9;
}
/* #endregion */

/* #region Pop Ups */
div.CCCModalBackground {
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	position: fixed;
	z-index: 1040;
	filter: Alpha(Opacity=40);
	-moz-opacity: 0.7;
	opacity: 0.7;
	background-color: #999999;
}

div.CCCPopup {
	cursor: default;
	display: none;
	z-index: 10000;
	-webkit-box-shadow: 1px 1px 1px 1px rgba(10, 10, 10, 0.2);
	box-shadow: 1px 1px 1px 1px rgba(10, 10, 10, 0.2);
	position: absolute;
}

.CCCPopupheader {
	min-height: 30px;
}

.CCCPopScroller {
	overflow-y: scroll;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	position: fixed;
	z-index: 10001;
}

.CCCPopupCloseButton {
	cursor: pointer;
	padding-right: 10px;
	padding-top: 5px;
}

.CCCPopupHeaderText {
	padding-left: 10px;
	padding-top: 5px;
}

.CCCPopupContent {
	overflow: auto;
}
/* #endregion */

/* #region Update Progress */
.CCCCentreUpdateProgress {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.8;
	background-color: whitesmoke;
	z-index: 1;
}

	.CCCCentreUpdateProgress img {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -15px;
		margin-top: -15px;
		opacity: 1;
	}
/* #endregion */

/* #region Multi Select DropDown */

.CCCLookupMultiSelect {
	padding: 0;
	box-shadow: initial;
}

.CCCMultiSelectGroup {
	display: table;
	border-collapse: separate;
}

	.CCCMultiSelectGroup .input-group-addon .caret {
		/*Centre caret*/
		margin: 0;
	}

.CCCMultiDropDownContents {
	position: absolute;
	min-height: 100px;
	min-width: 100px;
	display: none;
	background-color: white;
	margin-top: -2px;
	margin-left: -1px;
	border: 1px solid lightgrey;
	z-index: 1050;
}

.CCCMultiDropDownTextBox {
	border: 0;
	padding-top: 0;
	padding-bottom: 0;
	background-color: transparent !important;
	cursor: pointer !important;
}

.CCCMultiDropDownOkay {
	float: right;
	margin-right: 10px;
}

.CCCMultiDropDownRowCount {
	padding-left: 2px;
}

/* #endregion */

/* #region Full Screen */
html:-ms-fullscreen {
	width: 100%; /* needed to center contents in IE when click full screen (chrome/firefox don't have this issue)*/
}
/* #endregion*/


/* #region DetailsForms */

.CCCDFButton {
	width: 80px;
	margin-right: 4px;
}

/* #endregion*/

/*This should only be used when thead bootstrap equivilent does not work*/
.CCCDisabled {
	cursor: not-allowed !important;
	opacity: 0.6;
}

.CCCAboutBox {
	max-width: 800px;
	margin: 0 auto;
}

.CCCLabel {
	font-weight: 700;
	text-align: right;
}

.CCCUserAccount {
	max-width: 600px;
	margin: 0 auto;
}

.CCCHelpButton {
	font-size: 20px;
	line-height: 22px;
	padding: 3px;
}

.CCCWebField {
	padding-top : 2px;
    padding-bottom: 2px;
}

.CCCWebField_Label {
	padding-top : 5px;
}