.btninfo { color:#FFF; font-size:18px; background-color:#2A9FD8; padding:4px 15px 0; border-radius:5px; border:none; box-sizing:border-box; }
.btninfo .fa { font-size:14px; }

.dynamic-table .btn { padding:2px 0 0; width:24px; height:24px; }
.dynamic-table .btn .fa { font-size:14px; }

.text-left { text-align:left; }
.text-center { text-align:center; }
.text-right { text-align:right; }

.modal-header { padding:10px 15px 0; background-color:#FFF; }
.modal-title { font-size:22px; font-weight:bold !important; color:#444; }
.modal-body { background-color:#FAFAFA; margin:0 15px; }
.modal-body label { font-size:19px; font-family:THSarabunNew; font-weight:normal; }
.modal-footer { border:none; justify-content:center; }



ul.steporder { display:flex; width:100%; padding:0 0 0 15px; background-color:#FFF; border-radius:4px; color:#2A9FD8; overflow-x:auto; white-space:nowrap; }
ul.steporder[data-steporder="create"],
ul.steporder[data-steporder="done"] { display:none; }
ul.steporder > * { display:inline-flex; font-size:22px; font-weight:bold; padding:0 15px 0 15px; }
ul.steporder > *:not(:last-child):after { content:""; display:inline-block; width:23px; height:23px; margin-left:15px; border-top:1px solid #F4F6F9; border-right:1px solid #F4F6F9; transform:rotate(45deg); position:relative; top:5px; }
ul.steporder .active ~ * { color:#999; font-weight:normal; }
ul.steporder [data-steporder="1"] a { color:#2A9FD8; }
ul.steporder [data-steporder="1"] ~ *,
ul.steporder [data-steporder="1"] ~ a,
ul.steporder [data-steporder="1"] ~ a:visited { color:#999; font-weight:normal; }
ul.steporder [data-stepmenu="0"],
ul.steporder [data-stepmenu=""] { display:none; }


ul.stepmenu { display:flex; width:100%; padding:0 0 0 15px; background-color:#FFF; border-radius:4px; color:#EEE; }
ul.stepmenu > * { display:inline-flex; font-size:22px; font-weight:bold; padding:0 15px 0 15px; }
ul.stepmenu > *:not(:last-child):after { content:""; display:inline-block; width:23px; height:23px; margin-left:15px; border-top:1px solid #F4F6F9; border-right:1px solid #F4F6F9; transform:rotate(45deg); position:relative; top:5px; }
ul.stepmenu .active { color:#2A9FD8; font-weight:normal; }



ul.tabsorder { display:flex; width:100%; padding:0; margin:0 -15px; }
ul.tabsorder li { display:inline-flex; font-size:19px; font-weight:bold; padding:5px 30px 0; background-color:#FFF; box-shadow:0 0 4px 0 rgba(0,0,0,0.2); color:#2A9FD8; }
ul.tabsorder li:first-child { border-top-left-radius:8px; }
ul.tabsorder li:last-child { border-top-right-radius:8px; }
ul.tabsorder .active { box-shadow:0 -2px 0 0 #2A9FD8; color:#FFF; background-color:#2A9FD8; border-top-left-radius:4px; border-top-right-radius:4px; }


#budgetplan { padding-top:10px; }

.input-group input + i { position:absolute; right:0; line-height:35px; padding-right:10px; font-size:19px; font-style:normal; }

.select2-container .select2-selection--single { height:30px !important; }
.select2-container--default .select2-selection--single .select2-selection__arrow { top:0 !important; right:0 !important; border-top-right-radius:4px; border-bottom-right-radius:4px; }

hr { margin:15px -15px; }

tfoot { font-size:19px; }
tfoot th { padding:10px 5px !important; font-weight:bold; }

[data-toggle="tabs"]:hover { cursor:pointer; }
[data-tabbody]:not(.active) { display:none; }

.select2-close-mask{
    z-index: 2099;
}
.select2-dropdown{
    z-index: 3051;
}
.modal span.select2-container {
    z-index:10050;
}
.select2-container--open{
	z-index:9999999         
}
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top { z-index:2000 !important; }

.btninfo { cursor:pointer; }
@media print
{    
	.wrapper { padding:0; }
    .no-print, .no-print *,
	.dt-buttons,
	label span,
	[data-toggle="tabs"][data-target="quarter"],
	#DataTables_Table_0_filter
    {
        display: none !important;
    }
	
	[data-tabbody="quarter"][data-tab] { display:block; }
	
	#main-content { width:100% !important; margin:0 !important; }
}

input.has-error, select.has-error { border-color:red !important; }