@import "public.css";
@import "../vendor/datepicker/bootstrap-datepicker3.min.css";

.fromTo{
	display:inline-block;
	width:calc(50% - 10px);
}

.invdate{
	display:inline-block;
	width:calc(50% - 3px);
}

.well {
	font-size:12px;
}
.well .form-control{
	height:auto;
	margin:2px 0;
	padding:1px 2px;
	font-size:inherit;
}
.well .form-group {
    margin-bottom: 0;
}
.well .btmBtnGroup {
    margin-bottom:0;
}

.note{
	font-size:12px;
	padding:5px 0;
}

.dataTable.cart {
	margin-bottom:5px;
}
.dataTable.cart th,
.dataTable.order th {
	white-space:nowrap;
    padding:8px 4px;
}
.dataTable.cart td,
.dataTable.order td {
    padding:2px 4px 0;
}
.dataTable.cart th:last-child,
.dataTable.cart td:last-child {
    text-align:right;
}

.dataTable.order td .btn-xs{
    padding: 1px 2px;
    line-height: 0;
}

.mainNum{
	font-weight:bold;
	color:#000;
}
.nw{
	white-space:nowrap;
}
.att,
a.att:hover{
	color:#F00;
}
.done{
	color:#5cb85c;
}

.toggleBtn.checked{
	background-color: #286090;
    border-color: #204d74;
	color:#FFF;
}
.toggleBtn.checked:hover,
.toggleBtn.checked:active{
	background-color: #204d74;
    border-color: #122b40;
	color:#FFF;
}

.orderEditTable{
	font-size:14px;
	width:100%;
}
.orderEditTable tr{
	border-bottom:1px solid #CCC;
}
.orderEditTable th,
.orderEditTable td{
	padding-left:0.2em;
	vertical-align:top;
}
.orderEditTable th{
	background:#EEE;
	white-space:nowrap;
}

input.s,
textarea.s,
select.s{
	margin:2px 0;
	padding:1px 2px;
	font-size:inherit;
}
input.s,
select.s{
	height:auto;
}
textarea.s{
	height:3em;
}
input.s.price{
	width:5em;
}
input.s.amount{
	width:3em;
}

.dataTable .fa-trash-o{
	vertical-align:text-top;
}
.dataTable input.s{
    margin:0;
}

.row.group{
	margin-top:1em;
}

.detailGroupBlock{
	margin-top:1em;
	padding-top:1em;
	border-top:2px solid #999;
}
*+.detailGroup{
	margin-top:1.5em;
}
.detailGroup .addBtnBlock{
	overflow:hidden;
}
.detailGroup h3{
	text-align:center;
	padding:0.6em;
	color:#FFF;
	background:#666;
	font-size:1em;
	margin:0;
}
.detailGroup .btmBtnGroup{
	margin-top:0;
	padding-top:0;
	border-top:none;
}

.partition h4{
	text-align:center;
	padding:0.5em;
	color:#FFF;
	background-color: #666;
	font-size:1em;
	margin:10px;
}

.show h4{
	background-color: #337ab7;
    border-color: #2e6da4;
}

/**
 *     Angular invalid style
 */
input.ng-invalid.ng-dirty {
    border-color: #a94442;
    box-shadow: 0 0 3px #a94442;
    outline: 0 none;
}

input.invalid {
    border-color: #a94442;
    box-shadow: 0 0 3px #a94442;
    outline: 0 none;
}

select.ng-invalid.ng-dirty {
    border-color: #a94442;
    box-shadow: 0 0 3px #a94442;
    outline: 0 none;
}

select.invalid {
    border-color: #a94442;
    box-shadow: 0 0 3px #a94442;
    outline: 0 none;
}

textarea.ng-invalid.ng-dirty {
    border-color: #a94442;
    box-shadow: 0 0 3px #a94442;
    outline: 0 none;
}

textarea.invalid {
    border-color: #a94442;
    box-shadow: 0 0 3px #a94442;
    outline: 0 none;
}

div.ng-invalid.ng-dirty {
    border-color: #a94442;
    box-shadow: 0 0 6px #a94442;
    outline: 0 none;
}

div.invalid {
    border-color: #a94442;
    box-shadow: 0 0 6px #a94442;
    outline: 0 none;
}

span.invalid {
    color: red;
}

/*fixed sb-admin-2 */
.huge{
	font-size: 28px;
}