/**
 * @package    com_geekformbuilder
 * @version    1.1.1
 *
 * @copyright  Copyright (C) 2015 JoomlaGeek. All Rights Reserved.
 * @license    GNU General Public License version 2 or later; see LICENSE.txt
 * @author     JoomlaGeek <admin@joomlageek.com>
 * @link       http://www.joomlageek.com
 */

.form-name {

}

.form-description {

}

.geek-form {
	padding: 20px 0 0 0;
}

.geek-form .control-group {

}

.geek-form .control-group .control-label {

}

.geek-form .control-group .control-label span.optional {
	display: inline-block;
	text-indent: 9999px;
}

.geek-form .control-group .controls {

}
.geek-form .control-group .controls fieldset {
	margin: 0;
	padding: 0;
}

.geek-form .control-group .controls .input-group {
	float: left;
	margin-right: 10px;
}
/*textbox*/
.geek-form .control-group .controls .input-append input {
	display: inline-block;
}
.geek-form .control-group .controls .input-large {
	width: 400px;
}
.geek-form .control-group .controls .input-medium {
	width: 200px;
}
.geek-form .control-group .controls .input-small {
	width: 100px;
}
.geek-form .control-group .controls textarea {
	width: 100%;
	height: 300px;
}

/*calendar*/
.geek-form .control-group .controls .icon-calendar {
	display: inline-block;
	width: 14px;
	height: 14px;
	background: url("images/fa-calendar.png") center center no-repeat;
}

/*radio*/
.geek-form .control-group .controls fieldset.radio {

}
.geek-form .control-group .controls fieldset.radio > input {
	width: 20px;
	margin: 5px 0;
	position: relative;
	float: left;
}
.geek-form .control-group .controls fieldset.radio > label {
	float: left;
	display: inline-block;
	margin: 5px 0 5px -20px;
	padding: 0;
	text-indent: 20px;
	width: 100%;
	line-height: normal;
}
.geek-form .control-group .controls fieldset.radio.one-column > label {
	width: 100%;
}
.geek-form .control-group .controls fieldset.radio.two-columns > label {
	width: 50%;
}
.geek-form .control-group .controls fieldset.radio.three-columns > label {
	width: 33.3333%;
}
/*checkboxes*/
.geek-form .control-group .controls fieldset.checkboxes > ul{
	margin: 0;
	padding: 0;
}

.geek-form .control-group .controls fieldset.checkboxes > ul > li {
	list-style: none;
	list-style-type: none;
	float: left;
	width: 100%;
	margin: 5px 0;
}
.geek-form .control-group .controls fieldset.checkboxes.one-column > ul > li {
	width: 100%;
}
.geek-form .control-group .controls fieldset.checkboxes.two-columns > ul > li {
	width: 50%;
}
.geek-form .control-group .controls fieldset.checkboxes.three-columns > ul > li {
	width: 33.3333%;
}

.geek-form .control-group .controls fieldset.checkboxes > ul > li > input {
	margin: 0;
}
.geek-form .control-group .controls fieldset.checkboxes > ul > li > label {
	display: inline-block;
	font-weight: normal;
	margin: 0 0 0 10px;
}
/*grid*/
.geek-form .control-group .controls fieldset.grid {

}
.geek-form .control-group .controls fieldset.grid > table th {
	font-weight: normal;
}
.geek-form .control-group .controls fieldset.grid > table .col-value {
	text-align: center;
}

/*label on top*/
.geek-form.top-label .control-group .control-label {
	width: 100%;
	text-align: left;
}
.geek-form.top-label .control-group .controls {
	margin-left: 0;
	float: left;
	width: 100%;
}
/*label align left*/
.geek-form.left-label .control-group .control-label {
	float: left;
	width: 160px;
	text-align: left;
}
.geek-form.left-label .control-group .controls {
	margin-left: 180px;
}
/*label align right*/
.geek-form.right-label .control-group .control-label {
	float: left;
	width: 160px;
	text-align: right;
}
.geek-form.right-label .control-group .controls {
	margin-left: 180px;
}

#sbox-window.shadow {
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
}

.geek-form-chart {
	width: 98%;
	height: 300px;
}

/*responsive*/

@media only screen and (min-width: 768px) {
	/* tablets and desktop */
}

@media only screen and (max-width: 767px) {
	/* phones */
	/*@todo grid*/
	/*radios*/
	.geek-form .control-group .controls fieldset.radio.one-column > label {
		width: 100%;
	}
	.geek-form .control-group .controls fieldset.radio.two-columns > label {
		width: 100%;
	}
	.geek-form .control-group .controls fieldset.radio.three-columns > label {
		width: 100%;
	}
	/*checkboxes*/
	.geek-form .control-group .controls fieldset.checkboxes.one-column > ul > li {
		width: 100%;
	}
	.geek-form .control-group .controls fieldset.checkboxes.two-columns > ul > li {
		width: 100%;
	}
	.geek-form .control-group .controls fieldset.checkboxes.three-columns > ul > li {
		width: 100%;
	}
}