/**
 * CSS styles for forms generated by yiic.
 *
 * The styles can be applied to the following form structure:
 *
 * <div class="form">
 *     <div class="row">
 *         <label for="inputid">xyz</label>
 *         <input name="inputid" id="inputid" type="text" />
 *         <p class="hint">hint text</p>
 *     </div>
 *     <div class="row">
 *         <label for="inputid">xyz</label>
 *         <input name="inputid" id="inputid" type="text" />
 *         <p class="hint">hint text</p>
 *     </div>
 *     <div class="row buttons">
 *         <label for="inputid">xyz</label>
 *         <input name="inputid" id="inputid" type="text" />
 *         <p class="hint">hint text</p>
 *     </div>
 * </div>
 *
 * The above code will render the labels and input fields in separate lines.
 * In order to render them in the same line, please use the "wide" form as follows,
 *
 * <div class="wide form">
 *     ......
 * </div>
 *
 * @author Qiang Xue <qiang.xue@gmail.com>
 * @link http://www.yiiframework.com/
 * @copyright 2008-2010 Yii Software LLC
 * @license http://www.yiiframework.com/license/
 */

div.form
{
}

div.form input,
div.form textarea,
div.form select,
div.form .select2-container
{
	margin: 0.2em 0 0.5em 0;
}

div.form fieldset
{
	border: 1px solid #DDD;
	padding: 10px;
	margin: 0 0 10px 0;
    -moz-border-radius:7px;
}

div.form label
{
	font-weight: bold;
	font-size: 0.9em;
	display: block;
}

div.form .row
{
	margin: 5px 0;
}

div.form .hint
{
	margin: 0;
	padding: 0;
	color: #999;
}

div.form .note
{
	font-style: italic;
}

div.form span.required
{
	color: red;
}

div.form div.error label:first-child,
div.form label.error,
div.form span.error
{
	color: #C00;
}

div.form div.error input,
div.form div.error textarea,
div.form div.error select,
div.form input.error,
div.form input.select2-input.error,
div.form textarea.error,
div.form select.error
{
	background: #FEE!important;
	border-color: #C00!important;
}
div.form input.select2-input.error {
	border-style: solid!important;
	border-width: 1px!important;
}

div.form div.success input,
div.form div.success textarea,
div.form div.success select,
div.form input.success,
div.form textarea.success,
div.form select.success
{
	background: #E6EFC2;
	border-color: #C6D880;
}

div.form div.success label
{
	color: inherit;
}

div.form .errorSummary
{
	border: 2px solid #C00;
	padding: 7px 7px 12px 7px;
	margin: 0 0 20px 0;
	background: #FEE;
	font-size: 0.9em;
}

div.form .errorMessage
{
	color: red;
	font-size: 0.9em;
}

div.form .errorSummary p
{
	margin: 0;
	padding: 5px;
}

div.form .errorSummary ul
{
	margin: 0;
	padding: 0 0 0 20px;
}

div.wide.form label
{
	float: left;
	margin-right: 10px;
	position: relative;
	text-align: right;
	width: 100px;
}

div.wide.form .row
{
	clear: left;
}

div.wide.form .buttons, div.wide.form .hint, div.wide.form .errorMessage
{
	clear: left;
	padding-left: 110px;
}









/* Custom styles */

input.ct-form-control {
	min-width: inherit;
}
fieldset > legend {
	display: inline;
	width:auto;
	border: none;
	margin:0 auto;
	padding:0 10px;
	font-weight:normal;
	font-size:16px;
	/*text-transform: uppercase;*/
}
fieldset.well > legend {
	display: block;
	background:#ddd;
	color:#fff;
	border-radius: 0.4em;
	border:1px solid #ddd;
}

textarea {
	resize:vertical;
}
.editable-input textarea {
	resize:both;
}

.btn-group label.btn {
	font-weight:normal;
}

.objectEstimateSectionData .form-group {
	width:100%;
	margin:0;
	padding:0;
}
.objectEstimateSectionData .form-group input.form-control {
	width:100%;
	margin:0 0 2px 0;
}





/* Переключатели */
.switcher-container span {
	display: block;
	margin:5px 2px 0 0;
	padding:0;
	position:relative;
	height:24px;
	overflow: hidden;
}
.switcher-container > span {
	border-radius:5px;
}
.switcher-container span > label {
	background: none;
	color:#fff;
	margin:0;
	padding:5px;
	line-height:14px;
	font-size:12px;
	font-weight:normal;
	cursor: pointer;
	font-family: Arial;
	width:25%;
	text-align: center;
	top:0;
	position: absolute;
	left:0;
	height:100%;
}
.switcher-container span > label:nth-of-type(2) {
	left:25%;
}
.switcher-container span > label:nth-of-type(3) {
	left:50%;
}
.switcher-container span > label:last-of-type {
	right:0;
	left:auto;
	/*width:43%;*/
}
.switcher-container span > input[type=radio] {
	position: absolute;
	margin:0;
	top:0;
	left:0;
	padding:0;
	width:25%;
	height:100%;
	display:block;
	-webkit-appearance: none;
	-khtml-appearance: none;
	-moz-appearance: none;
	-ie-appearance: none;
	-o-appearance: none;
	appearance: none;
	background: #aaa;
	box-shadow: inset 0 0 10px 1px rgba(0, 0, 0, 0.65);
	outline: none;
	cursor: pointer;
}
.switcher-container span > input[type=radio]:first-of-type {
	border-radius:4px 0 0 4px;
	display: none;
	/*width:57%;*/
}
.switcher-container span > input[type=radio]:nth-of-type(2) {
	left:25%;
	/*width:57%;*/
}
.switcher-container span > input[type=radio]:nth-of-type(3) {
	left:50%;
	/*width:57%;*/
}
.switcher-container span > input[type=radio]:last-of-type {
	right:0;
	left:auto;
	border-radius:0 4px 4px 0;
	/*width:43%;*/
}
.switcher-container span > input[type=radio]:checked {
	background: #1c5ba0;
	-o-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-khtml-background-size: 100% 100%;
	background-size: 100% 100%;
	background: -moz-linear-gradient(top, #2996ff, #1c5ba0);
	background: -webkit-gradient(linear, left top, left bottom, from(#2996ff), to(#1c5ba0));
	filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr=#2996ff, endColorstr=#1c5ba0, GradientType=0); zoom: 1;
	background: linear-gradient(top, #2996ff, #1c5ba0);
	background-clip: border-box;
	-moz-background-clip: border;
	-webkit-background-clip: border-box;
	background-origin: border-box;
	-moz-background-origin: border;
	-webkit-background-origin: border-box;

	box-shadow: none;
}



/* Отменить выделение текста на элементах */
.unselectable,
.unselectable * {
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}




/* Диалог подтверждения */
.dialog-confirm button.left {
	float:left;
}
.dialog-confirm button.right {
	float:right;
}





.object-estimate-section-data-product-title.select2-container-multi .select2-choices .select2-search-choice,
.object-estimate-section-data-work-title.select2-container-multi .select2-choices .select2-search-choice {
	border:none!important;
}
.object-estimate-section-data-product-title.select2-container-multi ul.select2-choices li,
.object-estimate-section-data-work-title.select2-container-multi ul.select2-choices li {
	display:none!important;
}
.object-estimate-section-data-product-title.select2-container-multi ul.select2-choices li:first-of-type,
.object-estimate-section-data-work-title.select2-container-multi ul.select2-choices li:first-of-type {
	display:block!important;
}


.text-normal,
.text-normal * {
	font-weight: normal!important;
}


.form-inline .form-control {
	width: 100%!important;
}
.form-inline button.form-control,
.form-inline input[type=checkbox].form-control {
	width: auto!important;
}




.form-inline .btn-xs.deleteObjectEstimateSectionData {
	width: auto;
	padding:0 0.1em;
	line-height:0.8em;
	font-size:20px;
	text-align:center;
}


.form-inline .input-group-sm .form-control,
.form-inline .input-group-sm .input-group-addon,
.form-inline .input-group-sm .input-group-btn>.btn,
.form-inline .select2-container-multi.input-sm .select2-choices .select2-search-field input,
.form-inline .input-group-sm .select2-container-multi .select2-choices .select2-search-field input {
	height: 26px;
}





/*** custom checkboxes ***/
/*input[type=checkbox].fa-icon { display:none; }*/
input[type=checkbox].icon {
	display: none;
}
input[type=checkbox].icon + label {
	display: inline-block;
	margin: 5px 0 0 0;
}
input[type=checkbox].icon + label:after {
	font-family: FontAwesome;
	display: inline-block;
	cursor:pointer;
	color: #bababa;
}
.form-inline .input-group-sm input[type=checkbox].icon + label:after {
	font-size: 23px;
	margin-right: 10px;
	font-weight: 300;
}
input[type=checkbox].icon.checked + label:after,
input[type=checkbox].icon:checked + label:after {
	color:#000;
}


input[type=checkbox].icon.eye + label:after {
	content: "\f06e";
}
input[type=checkbox].icon.eye.checked + label:after,
input[type=checkbox].icon.eye:checked + label:after {
	content: "\f070";
}


input[type=checkbox].icon.hand + label:after {
	content: "\f255";
	letter-spacing: 3px;
}
input[type=checkbox].icon.hand.checked + label:after,
input[type=checkbox].icon.hand:checked + label:after {
	content: "\f256";
	letter-spacing: 0;
}

.form-inline .input-group-sm > select.form-control {
	padding: 0 10px;
}



.modal .form .row {
	margin-left: -15px;
	margin-right: -15px;
}
.modal .row .form-group,
.modal .form-inline .form-group {
	width:100%;
}


.select2-container.object-estimate-section-data-product-title.input-sm .select2-choice,
.input-group-sm .select2-container.object-estimate-section-data-product-title .select2-choice {
    height:25px;
    line-height:1.2em;
}




.col.hoverable:hover,
.col.changed {
    background: rgba(255, 253, 0, 0.25);
}

[type=checkbox].icon-checkbox { display: none; }
label { cursor: pointer; }
label.icon-checkbox:hover {
    color: #086aff;
}
label.icon-checkbox.text-red:hover {
    color: #ff0000;
}

.col.pre-delete.changed {
    background: none;
}
.col.pre-delete > * {
    opacity:0.2;
}
.col.pre-delete {
    position: relative;
}
.col.pre-delete > .overlay {
    line-height: 45px;
    position: absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    display: block!important;
    opacity:1;
    z-index:30;
    background: rgba(255,255,255,0.7);
}




a.link-dashed,
a.link-dashed:hover {
    text-decoration: none;
    border-bottom:1px dashed;
    cursor: pointer;
}


.grid-view table.items th select {
    color:#000;
}

.draggable {
    cursor: hand;
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}
.ui-sortable-helper,
.grabbing {
    cursor: move;
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}