﻿/*** CGridRowEditor styles ***/

tr.grid-row-editor {
}
tr.grid-row-editor > td {
	padding: 0 !important;
}

tr.grid-row-editor > td > .container {
	box-sizing:border-box;
	border:none;
	min-height:1.75em;
}
tr.grid-row-editor .container.checkbox-container {
	line-height: 1.75em;
	text-align: center;
}
tr.grid-row-editor .container.toggle-container {
	line-height: 1.75em;
	padding: 2px 8px;
}
/* datepicker hacks */
tr.grid-row-editor .container .datepicker {
	box-sizing: border-box;
	border-radius: 0;
	border: none;
	padding: 1px !important;
}
tr.grid-row-editor .container .datepicker,
tr.grid-row-editor .container .datepicker > table.datepicker-layout-tbl {
	width: 100%;
}

/* generic controls, note the timepicker directive */
tr.grid-row-editor .container > input[type=text],
tr.grid-row-editor .container > input[type=search],
tr.grid-row-editor .container > input[type=password],
tr.grid-row-editor .container > input[type=number],
tr.grid-row-editor .container > input[type=color],
tr.grid-row-editor .container > textarea,
tr.grid-row-editor .container .timepicker .input-cell input,
tr.grid-row-editor .container > select {

	border-radius: 0;
	border: 1px solid #a9a9a9;
	padding: 5px 7px;
	line-height: normal;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}
tr.grid-row-editor .container > textarea {
}
tr.grid-row-editor .container .timepicker {
	border-radius: 0;
}
tr.grid-row-editor .container .timepicker .input-cell input {
	border: none;
	width:100%;
	min-width: 75px;
}
tr.grid-row-editor .container .timepicker.spinner-layout .spinbtn-cell .timepicker-spinbtn.timepicker-spinup, 
tr.grid-row-editor .container .timepicker.spinner-layout .spinbtn-cell .timepicker-spinbtn.timepicker-spindn,
tr.grid-row-editor .container .timepicker.thumb-layout .spinbtn-cell .timepicker-spinbtn.timepicker-spinup,
tr.grid-row-editor .container .timepicker.thumb-layout .spinbtn-cell .timepicker-spinbtn.timepicker-spindn {
	border-radius: 0;
}
tr.grid-row-editor .container > textarea {
	line-height: normal;
}
tr.grid-row-editor .container > select {
	padding: 4px 3px;
	box-sizing: border-box;
}
/* toolbar styles */
	tr.grid-row-editor > td.tb-cell {
		overflow: visible !important;
	}
	tr.grid-row-editor > td.tb-cell > .tb-panel-holder {
		height: 0;
		position: relative;
		overflow: visible;
	}
		tr.grid-row-editor > td.tb-cell > .tb-panel-holder > .tb-panel {
			background-color: #fff;
			border-bottom-left-radius: 4px;
			border-bottom-right-radius: 4px;
			box-sizing: border-box;
			border-top: none;
			text-align: left;
			border: none;
			margin: 0px;
			padding: 4px;
			display: block;
			position: absolute;
			right: 0;
			white-space:nowrap;
			margin-top:0px;

			-webkit-box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
			   -moz-box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
					box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);

		}

		tr.grid-row-editor > td.tb-cell > .tb-panel-holder > .tb-panel > .tb-button {
    		box-sizing: border-box;
    		margin: 0;
    		min-width: 80px;
			height: 2em;
		}

tr.grid-row-editor .container > .app-form-combobox {
	display: block;
	border-radius: 0;
}
	tr.grid-row-editor .container > .app-form-combobox > table.cb-layout-table > tbody > tr.cb-layout-row > td.cb-input-cell > input {
		padding-top: 5px;
		padding-bottom: 5px;
		line-height: normal;
	}

	tr.grid-row-editor .container > .app-form-combobox > div.cb-droplist {
		z-index: 500;
	}


tr.grid-row-editor .container > .colorpicker {
	border-radius: 0;
}
	tr.grid-row-editor .container > .colorpicker > table > tbody > tr > td.colorpicker-textvalue-cell > input {
		padding-top: 5px;
		padding-bottom: 5px;
		line-height: normal;
	}
