.b-db-table .e-grouped-first {
    text-align: center;
    vertical-align: middle;
}

.b-db-table .e-table-head {
    vertical-align: middle;
}

.b-db-table .e-table-head img {
    vertical-align: baseline;
}

.b-db-table .f-filters {
    display: table-header-group;
}

.b-db-table .e-filter input[type="text"],
.b-db-table .e-filter select {
    width:100%;
}

.b-db-table .e-filter {
    vertical-align: middle;
}

.b-db-table .e-filter .e-dgs-field-filter-range:first-child {
    margin-bottom:2px;
}

.db-submiter {
    display:none;
}

.required input {
    background-image: url('../images/required.gif');
    background-repeat: no-repeat;
    background-position: right center;
}

.label-required span {
	background-image: url('../images/required.gif');
    background-repeat: no-repeat;
    background-position: right top;
    padding-right:17px;
}

.f-db-form {
    margin-top:10px;
}

.m-loading {
    background-image: url('../images/loading-small.gif');
    background-repeat: no-repeat;
    background-position: right center;
}

.db-pager-loader {
    text-align:center;
}

input.e-dgs-field-filter {
    border:1px solid #ccc;
}

.control-label img {
    vertical-align: top;
}

.input-group .input-group-btn .btn {
    width: 50px;   
    height: 32px;
}

.input-group {
	width:100%;
}

.btn:active {
    left: 0;
    top: 0;
	}

.f-db-form header {
    display: block;
    padding: 8px 0;
    border-bottom: 1px dashed rgba(0,0,0,.2);
    background: #fff;
    font-size: 16px;
    font-weight: 300;
    color: #232323;
    margin: 10px 14px 14px 0px;
}

/** DATETIME PICKER OVERLOAD STYLE **/
.bootstrap-datetimepicker-widget th {
	color: gray;
}
.bootstrap-datetimepicker-widget td.today:before {
	content: "";
	border: none !important;
}

.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled.disabled:hover,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active[disabled]:hover,
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled[disabled]:hover {
    background: #ebebeb;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-radius: 0;
    color: #333;    
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover, 
.datepicker table tr td.today.disabled, 
.datepicker table tr td.today.disabled:hover ,
 
.datepicker table tr td.today:active, 
.datepicker table tr td.today:hover:active, 
.datepicker table tr td.today.disabled:active, 
.datepicker table tr td.today.disabled:hover:active, 
.datepicker table tr td.today.active, 
.datepicker table tr td.today.active:hover, 
.datepicker table tr td.today.disabled.active, 
.datepicker table tr td.today.disabled.active:hover, 
.datepicker table tr td.today.disabled, 
.datepicker table tr td.today.disabled:hover, 
.datepicker table tr td.today.disabled.disabled, 
.datepicker table tr td.today.disabled.disabled:hover, 
.datepicker table tr td.today[disabled], 
.datepicker table tr td.today[disabled]:hover, 
.datepicker table tr td.today.disabled[disabled], 
.datepicker table tr td.today.disabled[disabled]:hover
{
    background: #a90329;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-radius: 0;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);	
}

.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active.active:hover,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled.disabled:hover,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active[disabled]:hover,
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled[disabled]:hover {
    background: #a90329;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-radius: 0;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);  
	}
.datepicker table tr td span,
.bootstrap-datetimepicker-widget td, 
.bootstrap-datetimepicker-widget th {
    border-radius: 0 !important;	
}

.f-db-form .e-item .row.serialize-inputs {
    margin-top: 10px !important;	
}
.f-db-form .e-item .row.serialize-inputs:first-child {
	margin-top: 0 !important;
}

.input-group.audio-input audio.form-control {
	margin: 0;
	padding: 0;
	height: 30px;
}
.input-group.audio-input .input-group-btn button.btn,
.input-group.file-input .input-group-btn button.btn {
	height: 30px;
    line-height: 17px;
    width: 1%;
}
.input-group.file-input {
    line-height: 30px;	
}
.input-group.file-input > a {
	margin-left: 10px;
}

.audio-view-table {
    width: 100%;	
}

.f-db-form .e-dgs-field-many2many .e-row-odd td {
    background-color: #ecf3f8;
}

.page-title, .page-title span {
    font-size:14px;
}

.fa-percent:before {
    content: "%";
}

.b-db-table .m-row-green td {
    background-color:LightGreen !important;
}

.b-db-table .m-row-yellow td {
    background-color:LightGoldenRodYellow !important;
}

.b-db-table .m-row-red td {
    background-color:LightSalmon !important;
}

.b-db-table .m-row-beige td {
    background-color:Beige !important;
}


.b-db-table .m-row-gray td {
    background-color:#F5F5F5 !important;
}

form.f-db-form textarea.form-control {
	height:100px;
}

.field-invalid-value-message {
    color: #FF0000;
    font-size: 10px;    
}

.e-dgs-row-item-price, .e-dgs-row-item-number {
	text-align: right;
}

.db-fast-form textarea.e-dgs-field-textarea {
    height:100px;
}

.form-dgs-top-filters .e-dgs-filter-datetime-range-label {
	display: none;
}

.b-dgs-filter-datetime-range {
	width: 100%;
	 border-spacing: 0px;
    border-collapse: collapse;
}

.b-dgs-filter-datetime-range td {
	padding: 0px;
	margin: 0px;
}

.e-dgs-row-item-price, .e-db-table-total-item-price {
	text-align: right;
}

.e-db-table-totals td {
    font-weight: bold;
    background-color: #C5C5C5;
}


.e-db-table-row-actions .btn-group-vertical {
    width:100%;
}

.b-db-fast-form {
    background: #fff;
}