//
// Forms
// --------------------------------------------------





// Inline
// -------------------------

.form-inline.small {
	input,select { margin: 0 5px 0 0; .rounded(); padding: 1px 5px; border-color: #d8d9da; color: #a7a7a7; }
	select { padding: 1px 0; height: 23px; &:last-child { margin-right: 0; } }
	label { float: left; margin: 0 5px 0 0; display: block; }
	.input-append 
	{
		&.block { display: block; }
		input { margin: 0; width: 85%; }
		.input-group-addon {
			padding: 1px 3px;
			margin: 0 0 0 -1px;
			.rounded();
			background: #fff;
			color: #d8d9da;
			border-color: #d8d9da;
			i:before { top: 4px; left: 4px; font-size: 14px; color: #d0d1d1; }
		}
	}
}

.friends-search {
	border:1px solid #efefef;
	.form-control {
		border: none;
		font-style: italic;
		color:#000;
	}
	.btn { 
		border: none; 
		background: none;
		color:#ccc;	
		&:active {color:@primaryColor;}
	}
}

// General
// -------------------------

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
	border-color: @contentBorder;
  	#reset .boxShadow();
}
select, 
textarea, 
input[type="text"], 
input[type="password"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="week"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
input[type="tel"], 
input[type="color"], 
.uneditable-input { 
	font-size: 13px;
	#reset .boxShadow();
	.rounded();
	border-color: @contentBorder;
}
.uniformjs .radio .disabled input[type="radio"], 
.uniformjs .checkbox .disabled input[type="checkbox"] { margin-left: 0; }
.uniformjs .radio, .uniformjs .checkbox { padding-left: 0; }
.uniformjs .radio { height: auto; }
.radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline { margin-left: 3px; }
.uniformjs label.radio { margin-bottom: 0; }
.uniformjs label.radio.inline { margin: 0; }
.checkbox.inline { padding-bottom: 1px; }
.uniformjs .radio span { margin: 2px 0 0; }
.uniformjs .checkbox span { margin: -2px 0 0; }
label, input, button, select, textarea { font-size: 13px; }
.input-full input { width: 83%; height: 17px; }
legend {
	line-height: normal;
	height: auto;
	font-size: 18px;
	margin: 0 0 6px;
	text-align: left;
	padding: 0;
	border: 0;
	color: #797979;
}
.strong { font-weight: bold; }
input[type=text],
input[type=password],
select, textarea { 
	border-color: @contentBorder;
	color: #2F2F2F;
}

.control-label.center { text-align: center; }
.form-actions { background: none; border: none; margin: 0; }
.form-horizontal {
	.form-actions { margin-top: 0; padding: 0; }
	.controls { margin-left: 145px; }
	/*.control-label { width: 125px; }*/
	.control-group:last-child { margin: 0; }
}
.input-group .input-group-addon,
.input-append .input-group-addon {
	background: #fff;
	border-color: @contentBorder;
	i:before { color: #D0D1D1; }
	icon { margin-top: 0; }
}
.input-group.input-append .input-group-addon:first-child, .input-group.input-append .btn:first-child,
.input-group.input-append .input-group-addon:last-child, .input-group.input-append .btn:last-child,
.input-group .input-group-addon:first-child, .input-group .btn:first-child,
.input-append input, .input-append select, .input-append .uneditable-input,
.fileupload-new .input-append .btn-file,
.btn-group > .btn:first-child,
.btn-group > .btn:last-child, .btn-group > .dropdown-toggle,
.input-append .input-group-addon:last-child, .input-append .btn:last-child, .input-append .btn-group:last-child > .dropdown-toggle {
	.rounded();
}
.input-group .input-group-addon,
.input-append .input-group-addon {
	&.glyphicons , &.glyphicons-social {
	background: #fff;
	display:table-cell;
	
	padding-left:  18px;
	i:before { font-size: 14px; left: 7px; top: 7px; color: #D0D1D1; }
	}
}
.input-append .input-group-addon.glyphicons i:before { left: 6px; }

// Multiselect
// -------------------------

.ms-container .ms-selectable li.ms-hover, .ms-container .ms-selection li.ms-hover {
	background: @primaryColor;
}
.ms-container {
	.custom-header {
		height: 30px; 
		line-height: 30px; 
		#gradient > .vertical(@contentGradient1, @contentGradient2);
		padding: 0 @spacing;
		font-weight: 600;
		border: 1px solid @contentBorder;
		&:not(.custom-footer) { border-bottom: none; }
		&.custom-footer { border-top: none; } 
	}
} 

// Select2 Templating
// -------------------------

img.flag {
	height: 10px;
	width: 15px;
	padding-right: 10px;
	z-index: 99999;
}
.select2-results .select2-highlighted {
	background: @primaryColor;
}
.select2-container {
	background: @widgetBgGray;
	border-color: #fff;
}
.select2-container .select2-choice {
	//border-color: @contentBorder;
	border-color: #fff;
	//background: #fff;
	background: @widgetBgGray;
	.rounded();
}
.select2-container-multi .select2-choices {
	border-color: @contentBorder;
	background: #fff;	
}
.select2-container .select2-choice div {
	//border-color: @containerBorder;
	border-color: #fff;
	background: @widgetBgGray;
	.rounded();
}
.select2-search input {
	background: #fff;
}
.select2-drop {
	//border-color: @containerBorder;
	border-color: #fff;
	background: @widgetBgGray;
	#reset .boxShadow();
	z-index: 99999;
}
.select2-container-multi .select2-choices .select2-search-choice {
	margin: 5px 0 3px 5px;
	border-color: @containerBorder;
}

// DateTimePicker
// -------------------------

.datetimepicker table tr td span.active:hover, .datetimepicker table tr td span.active:hover:hover, .datetimepicker table tr td span.active.disabled:hover, .datetimepicker table tr td span.active.disabled:hover:hover, .datetimepicker table tr td span.active:active, .datetimepicker table tr td span.active:hover:active, .datetimepicker table tr td span.active.disabled:active, .datetimepicker table tr td span.active.disabled:hover:active, .datetimepicker table tr td span.active.active, .datetimepicker table tr td span.active:hover.active, .datetimepicker table tr td span.active.disabled.active, .datetimepicker table tr td span.active.disabled:hover.active, .datetimepicker table tr td span.active.disabled, .datetimepicker table tr td span.active:hover.disabled, .datetimepicker table tr td span.active.disabled.disabled, .datetimepicker table tr td span.active.disabled:hover.disabled, .datetimepicker table tr td span.active[disabled], .datetimepicker table tr td span.active:hover[disabled], .datetimepicker table tr td span.active.disabled[disabled], .datetimepicker table tr td span.active.disabled:hover[disabled],
.datetimepicker table tr td.active:hover, .datetimepicker table tr td.active:hover:hover, .datetimepicker table tr td.active.disabled:hover, .datetimepicker table tr td.active.disabled:hover:hover, .datetimepicker table tr td.active:active, .datetimepicker table tr td.active:hover:active, .datetimepicker table tr td.active.disabled:active, .datetimepicker table tr td.active.disabled:hover:active, .datetimepicker table tr td.active.active, .datetimepicker table tr td.active:hover.active, .datetimepicker table tr td.active.disabled.active, .datetimepicker table tr td.active.disabled:hover.active, .datetimepicker table tr td.active.disabled, .datetimepicker table tr td.active:hover.disabled, .datetimepicker table tr td.active.disabled.disabled, .datetimepicker table tr td.active.disabled:hover.disabled, .datetimepicker table tr td.active[disabled], .datetimepicker table tr td.active:hover[disabled], .datetimepicker table tr td.active.disabled[disabled], .datetimepicker table tr td.active.disabled:hover[disabled] {
	background: @primaryColor;
}

// Bootstrap TimePicker
.bootstrap-timepicker-widget table td { font-size: 13px; }
.bootstrap-timepicker {
	> [class*="icon-"] { vertical-align: text-top; margin: 0 0 0 -22.5px; pointer-events: none; position: relative; cursor: pointer; }
}

// Toggle Buttons
.has-switch {
	vertical-align: middle;
	border-color: #bebebe;
	.rounded();

	span.switch-left { .rounded(); }
	span { #reset #gradient(); } 
	label {
		#reset #gradient();
		background: #fff;
		.box-shadow(0 0 5px 0 rgba(0,0,0,.3));
	}

	// Borders
	&[data-on*="primary"] { border-color: @primaryColor; }
	&[data-on*="danger"] { border-color: @dangerColor; }
	&[data-on*="warning"] { border-color: @warningColor; }
	&[data-on*="success"] { border-color: @successColor; }
	&[data-on*="inverse"] { border-color: @inverseColor; }

	// Backgrounds
	span.switch-primary { background: @primaryColor; }
	span.switch-danger { background: @dangerColor; }
	span.switch-warning { background: @warningColor; }
	span.switch-success { background: @successColor; }
	span.switch-inverse { background: @inverseColor; }
	span.switch-default { background: #ccc; color: #444; }
}

.form-control { .rounded(); border-color:#efefef;}