@font-face {
  font-family: 'TH SarabunPSK';
  src: 
    url('../Fonts/TH_SarabunPSK.eot');
  src: 
    url('../Fonts/THSarabun.eot?') format('embedded-opentype'),
    url('../Fonts/THSarabun.woff') format('woff'),
    url('../Fonts/THSarabun.ttf') format('truetype');
  src: url('../Fonts/THSarabun.ttf') format('truetype');
  font-style:normal;
}
 @font-face {
    font-family: 'TH SarabunPSK';
    src: url('../Fonts/THSarabun Bold.ttf');
    font-weight: bold;
}
@font-face {
    font-family: 'TH SarabunPSK';
    src: url('../Fonts/THSarabun Italic.ttf');
    font-style: italic;
}
@font-face {
    font-family: 'TH SarabunPSK';
    src: url('../Fonts/THSarabun Bold Italic.ttf');
    font-style: italic;
    font-weight: bold;
}

@font-face {
    font-family: 'Kanit';
    src: url('../Fonts/Kanit-Regular.woff2') format('woff2'), 
         url('../Fonts/Kanit-Regular.woff') format('woff'), 
         url('../Fonts/Kanit-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kanit';
    src: url('../Fonts/Kanit-Medium.woff2') format('woff2'), url('/Fonts/Kanit-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kanit';
    src: url('../Fonts/Kanit-Thin.woff2') format('woff2'), url('/Fonts/Kanit-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
/* SemiBold */
@font-face {
    font-family: 'Kanit';
    src: url('../Fonts/Kanit-SemiBold.woff2') format('woff2'), url('/Fonts/Kanit-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* Regular Italic */
@font-face {
    font-family: 'Kanit';
    src: url('../Fonts/Kanit-LightItalic.woff2') format('woff2'), url('/Fonts/Kanit-LightItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

/* Medium Italic */
@font-face {
    font-family: 'Kanit';
    src: url('../Fonts/Kanit-MediumItalic.woff2') format('woff2'), url('/Fonts/Kanit-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

/* Thin Italic */
@font-face {
    font-family: 'Kanit';
    src: url('../Fonts/Kanit-ThinItalic.woff2') format('woff2'), url('/Fonts/Kanit-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

/* SemiBold Italic */
@font-face {
    font-family: 'Kanit';
    src: url('../Fonts/Kanit-SemiBoldItalic.woff2') format('woff2'), url('/Fonts/Kanit-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

/* Report Viewer Specific Styles */
#ReportViewerProjectSummaryInfo,
#ReportViewerProjectSummaryInfo iframe,
#ReportViewerProjectSummaryInfo iframe *,
div[id*="ReportViewer"],
div[id*="ReportViewer"] *,
.rdlc-report,
.rdlc-report *,
.aspNetHidden[style*="ReportViewer"],
.aspNetHidden[style*="ReportViewer"] *,
[id*="Reserved_AsyncWait"],
[id*="Reserved_AsyncWait"] * {
    font-family: 'TH SarabunPSK' !important;
    font-size: 16px !important;
    font-weight: normal !important;
}

/* ส่วนของ CSS เดิม */
html, body, form, th, td, a, label, span, button {
    /*height:100%;*/
    font-family: 'Kanit', sans-serif !important;
    font-size: 14px;
}

h1, h2, h3, h4, h5, p, div {
    font-family: 'Kanit', sans-serif !important;
    font-weight: 600 !important;
}



input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}

.form-horizontal.custom-padd .col-sm-1, .form-horizontal.custom-padd .col-sm-2, .form-horizontal.custom-padd .col-sm-3,
.form-horizontal.custom-padd .col-sm-4, .form-horizontal.custom-padd .col-sm-5, .form-horizontal.custom-padd .col-sm-6,
.form-horizontal.custom-padd .col-sm-7, .form-horizontal.custom-padd .col-sm-8, .form-horizontal.custom-padd .col-sm-9,
.form-horizontal.custom-padd .col-sm-10, .form-horizontal.custom-padd .col-sm-11, .form-horizontal.custom-padd .col-sm-12{
    padding-right:3px;
    padding-left:3px;
}

.form-group-sm .form-control, .btn {
    font-size:14px;
}

.alert-folloup-desc, .alert-reject-desc {
    color:red !important;
}

.report-viewer {
    font-family: "TH SarabunPSK";
}

.site, wrapper, .site-content-custom , #content,
form, .main-content{
    overflow-y:auto;
}



#loader {
    z-index:12600322;
    background-color:#808080;
    opacity:.4;
    position:absolute;
    top:0;
    left:0;
    width:100%;           
}

#loader img{
    opacity:.8;
    z-index:12600323; 
}

/* -------------------------------------------------------------------- */
/* For Waiting ModalPopup
/* -------------------------------------------------------------------- */
.modal-popup-bg
{
    background-color: #B9C4C4;
    filter: alpha(opacity=50);
    opacity: 0.1;
}
.ajax-modal-popup-bg
{
    background-color: #FFFFFF;
    filter: alpha(opacity=100);
    opacity: 0.0;
}

/* -------------------------------------------------------------------- */
/* For Ajax ComboBox
/* -------------------------------------------------------------------- */

th:last-child {
    border-spacing:0px;
}
.label-total-row {
    float:right;
    margin-top:6px;
}

.report-viewer > table{
    margin-left:auto;
    margin-right:auto;
}

.main-content {
    overflow-y:auto;
    overflow-x:hidden;
}


.report-viewer {
    overflow-x:auto;
}

.modal-panel {
    padding:20px 20px 10px 20px;
    border-radius:4px;
    background-color:#fff;
    border:1px solid #ccc;
    box-shadow:0 0 6px #999;
}

.modal-panel.hide-scoll {
     overflow:hidden;
}


.modal-panel.hide-scoll > div {
    height: 100%;
    width: 100%;
    overflow: scroll;
    padding-right: 22px;
    padding-bottom:25px;
    position:absolute;
}

.modal-bg {
    background-color:#000;
    opacity:.2;
}

.alert-followup-desc {
    color:red;
}

.alert-cancelcontract-desc {
    color:red;
}

.aspNetDisabled {

}

.fileupload-inline {
    display:inline-block;
    padding-top:3px;
    margin-left:5px;
}

.display-block {
    clear:both;
    display:block !important;
}

.fileupload-inline .file-name {
    /*width:220px;*/
    display:inline-block;
    white-space: nowrap;
    overflow:hidden !important;
    text-overflow: ellipsis;
    position:absolute;
}

/*.input-file-container{
	position: relative;
	background-image: url(../Images/icon/browse-default.jpg);
    background-repeat: no-repeat;
    /*cursor: pointer !important;*/
    /*display:inline-block;
}*/

/*.input-file-container:hover {	
	background-image: url(../Images/icon/browse-hover.jpg);
    background-repeat: no-repeat;   
}*/

/*.input-file-container:active {	
	background-image: url(../Images/icon/browse-focus.jpg);
    background-repeat: no-repeat;   
}*/

/*.input-file-container > input:hover[type='file']{
	cursor: pointer !important;
}

.input-file-container > input[type='file']{
	width: 76px;
	height: 24px;
	filter: alpha(opacity=0);
	opacity: 0;
    cursor: !important;
}*/

.fileupload-block{
    clear:left;
    padding-top:5px;
}

.fileupload-block div {
    margin-top:7px;
}

.fileupload-block span {
    display:inline-block;
    margin-bottom:2px;
}
.icon-delete {   
    box-shadow:none;
   
    width:16px;
    height:16px;
    opacity:.6;
    margin-right:5px;
    margin-bottom:-2px;
    text-indent:1000px;

    border:0px none !important;
    outline:none !important;

}

.icon-delete:focus {
    outline:none !important;
}

.icon-delete:hover {
    opacity:1;
    cursor:pointer;
}

.icon-pdf {
    background-image:url(../Images/icon/pdf_small.jpg);
    display:inline-block;
    width:16px;
    height:16px;
    
}

.icon-word {
    background-image:url(../Images/icon/document-word-text.png);
    display:inline-block;
    width:16px;
    height:16px;
    
}

.count-alert-followup {
    width:900px;
    margin-left:auto;
    margin-right:auto;
    /*margin-top: -19px;*/
    padding-bottom: 5px;
    text-align: right;
    font-size: 14px;
    color: red;
}

.current-user {
    float: right;
    margin-right: 20px;
    margin-top: 60px;
    font-size: 16px;
    color: #808080;
}

.site{
   /*background-image:url(../Images/header-bg.png);*/
   background-color:#ffffff;
   background-position:top center;
   background-repeat:no-repeat;
}

div.control-block {
    position:relative;
}

.control-label.text-bold,
.text-bold{
    font-weight:bold;
}

div.control-block > .form-control {
    display:inline-block;
    
}
.form-control.no-padding {
    padding-left:3px;
    padding-right:3px;
}

.radio-button-group label{
    font-weight:normal;
    display:inline;
    margin-left:5px;
}

.radio-button-group > div {
    position:relative;
    margin-bottom:5px;
}

.radio-button-group > div:first-child {
    margin-top:4px;
}


div.radio-block {
    position:relative;    
}
div.radio-block .left-desc {
    margin-top:7px;
    display:inline-block;
    float:left;
}

div.radio-block input.form-control {
    position:absolute;
}

div.radio-block .right-desc {
    margin-top:7px;
    display:inline-block;
    float:left;
    margin-left:3px;
}

span.datepicker-span {
    display:block;
    /*position:relative;*/
}

.asp-top-button {
    margin-bottom:7px;
}

table {
    /**border-collapse: collapse;*/ /* IE7 and lower */
    border-collapse: separate !important;
    border-spacing: 0;   
}

.asp-grid {
    width:100%;
       
    border: solid #ccc 1px;    
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc; 
    -moz-box-shadow: 0 1px 1px #ccc; 
    box-shadow: 0 1px 1px #ccc;   
    font-family:inherit;    
    font-size:14px;
}

.asp-grid tr:hover,
.k-grid-content > table > tbody > tr:hover{
    background: #fbf8e9;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;    
}

.asp-grid .sort-asc:after {
    font-family:'Glyphicons Halflings';
    content:"\00a0\e253";
    font-size:8px;
}

.asp-grid .sort-desc:after {
    font-family:'Glyphicons Halflings';
    content:"\00a0\e252";
    font-size:8px;
}


    .asp-grid th, .k-grid-header th.k-header {
        /*background-color:#f1f1f1;  
    font-weight:bold; 
    padding:7px 10px !important;
    text-transform:uppercase;
    color:#636363; 
    line-height:24px;*/
        /* ebf3fc, dce9f9*/
        background-color: #dce9f9;
        /*    background-image: -webkit-gradient(linear, left top, left bottom, from(#FCF6FA), to(#F1E2E9));
    background-image: -webkit-linear-gradient(top, #FCF6FA, #F1E2E9);*/
        background-image: -webkit-gradient(linear, left top, left bottom, from(#EEF0FF), to(#EEF0FF));
        background-image: -webkit-linear-gradient(top, #EEF0FF, #EEF0FF);

        background-image: -ms-linear-gradient(top, #FCF6FA, #F1E2E9);
        background-image: -ms-linear-gradient(top, #FCF6FA, #F1E2E9);
        background-image: -o-linear-gradient(top, #FCF6FA, #F1E2E9);
        background-image: linear-gradient(top, #FCF6FA, #F1E2E9);
        -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
        -moz-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
        box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
        border-top: none;
        text-shadow: 0 1px 0 rgba(255,255,255,.5);
        font-family: inherit;
        font-weight: bold;
        text-align: center;
    }


table,  th, td{
    margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}

.asp-grid th, .asp-grid td, 
/*.k-grid-header th.k-header,*/ .k-grid-content td {
    /*padding:5px 10px;*/
    font-family:inherit;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 6px;
}

.asp-grid th a{
    font-family:inherit;
    font-size:14px;
}

.asp-grid th, .asp-grid th a,  
.asp-grid th a:visited, .asp-grid th a:active, .asp-grid th a:focus,
.k-grid-header th.k-header, .k-grid-header th.k-header a,
.k-grid-header th.k-header a:visited, .k-grid-header th.k-header a:active,.k-grid-header th.k-header a:focus  {
    color:#636363;
    text-decoration:none;
}

.asp-grid th a:hover, .k-grid-header th.k-header a:hover {
    color:#636363;
    text-decoration:underline;
}

.asp-grid td, .k-grid-content td  {
    /*border-top:1px solid #ededed; 
    border-left:1px solid #ededed;*/ 
    /*color:#757575;*/
    line-height:1.62em;
    vertical-align:top;
}

.asp-grid td:last-child {
    /*border-right:1px solid #ededed;*/
}

.asp-grid th {
    /*border-top:1px solid #DCD9D9; 
    border-left:1px solid #DCD9D9;*/
}

.asp-grid th:last-child {
    /*border-right:1px solid #DCD9D9;*/
}

.asp-grid td.custom-command{
    padding-left:5px;
    padding-right:5px;
    padding-top:6px;
}

.k-grid td .k-button {
    margin-left:0px;
    margin-right:2px;
    min-width:16px;
    display:inline-block;
    padding:0px;
    border:0px none;
}

.k-grid td .k-button > span{
    margin-left:0px;
    margin-right:0px;
}

.asp-grid td.custom-command input,
.k-grid td.k-button{
    margin-right:2px;
    opacity:.6;
}

.asp-grid td.custom-command input:hover,
.k-grid td .k-button:hover {
    opacity:1;
}


.asp-grid tr:last-child td {
    /*border-bottom:1px solid #ededed;*/    
}

table.asp-grid {
    margin-bottom:0px !important;
}

.k-grid-header th,
.k-grid td{
    border-left-color:#ccc;
}

.k-grid-header th{
    border-bottom-color:#ccc;
}

.k-grid tbody tr:first-child td{
    border-top-color:none;
}

.k-grid tbody tr td{   
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
   
}

.k-grid tbody tr:first-child td{
     border-top:0px none;
}

.asp-grid > tbody > tr > td:first-child, .asp-grid  > tbody > tr > th:first-child {
    border-left: none;
}

.asp-grid > tbody > tr:first-child > th:first-child,
.k-grid-header > .k-grid-header-wrap > table > thead > tr:first-child > th:first-child,
.k-grid-header > tr:first-child > th:first-child{
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}

.asp-grid > tbody > tr:first-child th {
    border-top:0px none;
}


.asp-grid  > tbody > tr:first-child > th:last-child,
.k-grid-header > .k-grid-header-wrap > table > thead > tr:first-child > th:last-child,
.k-grid-header > tr:first-child > th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

.asp-grid th:only-child,
.k-grid-header > .k-grid-header-wrap > table > thead > tr:first-child > th:only-child,
.k-grid-header > tr:first-child > th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.k-grid{
    border-radius:6px;
    border-color:#ccc;
}

.asp-grid tr:last-child td:first-child,
.k-grid-content >  table > tbody > tr:last-child > td:first-child,
.k-grid >  table > tbody > tr:last-child > td:first-child
 {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}

.asp-grid tr:last-child td:last-child,
.k-grid-content >  table > tbody > tr:last-child > td:last-child,
.k-grid >  table > tbody > tr:last-child > td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}

.form-group-sm .form-control, .btn {
    border-radius:0px;
}


.form-group-sm .form-control.form-control-desc {
    margin-right:60px;
}

.form-group-sm span.form-control-desc {
    position:absolute;
    top:5px;
    right:-18px;
}

.form-group-sm span.form-control-desc.desc-bath {
    right:-24px;  
} 

.btn {
    /*width:65px;*/

    
}

.btn-primary{
    /*background-image: -ms-linear-gradient(top, #FFFFFF 0%, #8a6d3b 100%);
    background-image: -moz-linear-gradient(top, #FFFFFF 0%, #8a6d3b 100%);
    background-image: -o-linear-gradient(top, #FFFFFF 0%, #8a6d3b 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #8a6d3b));
    background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #8a6d3b 100%);
    background-image: linear-gradient(top, #FFFFFF 0%, #D2CECE 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#8a6d3b');
    border: 1px solid #8a6d3b;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    -moz-box-shadow: inset 0 1px 0 0 white;
    -webkit-box-shadow: inset 0 1px 0 0 white;
    -o-box-shadow: inset 0 1px 0 0 white;
    box-shadow: inset 0 1px 0 0 white;
    color: #333333;
    text-shadow: 0 1px 0 #C3C3C1;
    position: relative;
    font-weight: bold;
    padding: 4px 1em 4px 1em;*/

    /*-moz-box-shadow: inset 0px 0px 0px 0px #DC3A7E;
    -webkit-box-shadow: inset 0px 0px 0px 0px #DC3A7E;
    box-shadow: inset 0px 0px 0px 0px #157fdb;   
    background-color: #ccc ;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    display: inline-block;
    cursor: pointer;
    color: #ffffff  !important;
    font-family: inherit;
    font-size: 13px;
    font-weight: bold;
    padding: 3px 20px;
    text-decoration: none;      
    border:1px solid #D583A6 !important;*/

    
    background-color:#8a6d3b;
    border: 1px solid #6B4402;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;    
    color: #fff;
    text-shadow: 0 1px 0 #333;
    position: relative;
    /*font-weight: bold;*/
    padding: 4px 1em 4px 1em;

         
}




.btn-default, .k-upload-button > span {
    background-color: #5C67F7;
   
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    color: #fff;
    /*text-shadow: 0 1px 0 #fff;*/
    position: relative;
    /*font-weight: bold;*/
    padding: 4px 1em 4px 1em;
}

/*.btn-primary {
    border-color:none  !important;
}*/

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color:#b97706 !important;
    cursor: pointer;
}

.btn-primary[disabled]{
    background-color:#8a6d3b;
}

.btn-secondary {
    background-color: #8898aa;
    border: 1px solid #6c757d;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    color: #fff;
    text-shadow: 0 1px 0 #333;
    position: relative;
    font-weight: bold;
    padding: 4px 1em 4px 1em;
}

    .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
        background-color: #8898aa !important;
        cursor: pointer;
    }

    .btn-secondary[disabled] {
        background-color: #FFFFFF;
    }

.btn-default:hover, .k-upload-button > span:hover,
.btn-default:focus, .k-upload-button > span:focus {
    /*background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff));
	background:-moz-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:-webkit-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:-o-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:-ms-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:linear-gradient(to bottom, #378de5 5%, #79bbff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff',GradientType=0);
	background-color:#378de5;*/
    /*background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #EA94C4), color-stop(1, #F9E1EE));
	background:-moz-linear-gradient(top, #EA94C4 5%, #F9E1EE 100%);
	background:-webkit-linear-gradient(top, #EA94C4 5%, #F9E1EE 100%);
	background:-o-linear-gradient(top, #EA94C4 5%, #F9E1EE 100%);
	background:-ms-linear-gradient(top, #EA94C4 5%, #F9E1EE 100%);
	background:linear-gradient(to bottom, #EA94C4 5%, #F9E1EE 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#EA94C4', endColorstr='#F9E1EE',GradientType=0);
	background-color:#EA94C4;*/

    background-color: #3298F2;
    cursor: pointer;
}



input[type="submit"]:focus, button {
   
    outline: none !important;
}

.btn-default:active, .btn-primary:active, .k-upload-button > span:active {
    
    position:relative;
	top:1px;
    
}

.k-upload-button > input {
    cursor : pointer !important;
}

.k-upload-button {
    border:0px;
}

.btn.btn-medium {
    /*width:90px;*/
}

/*.btn-primary {
    background-color:#00A1E0;
    border-color:#adadad;   

}*/

/*.btn-primary:hover {
    background-color:#31b0d5;
    border-color:#269abc;
}*/


.btn-green {
	/*-moz-box-shadow:inset 0px 0px 0px 0px #3e7327;
	-webkit-box-shadow:inset 0px 0px 0px 0px #3e7327;
	box-shadow:inset 0px 0px 0px 0px #3e7327;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #8a6d3b), color-stop(1, #8a6d3b));
	background:-moz-linear-gradient(top, #8a6d3b 5%, #8a6d3b 100%);
	background:-webkit-linear-gradient(top, #99f069 5%, #65c734 100%);
	background:-o-linear-gradient(top, #99f069 5%, #65c734 100%);
	background:-ms-linear-gradient(top, #99f069 5%, #65c734 100%);
	background:linear-gradient(to bottom, #99f069 5%, #65c734 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#99f069', endColorstr='#65c734',GradientType=0);
	background-color:#99f069;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff !important;
	font-family:inherit;
	font-size:13px;
	font-weight:bold;
	padding:3px 20px;
	text-decoration:none;
	text-shadow:0px 2px 1px #5b8a3c;
    border:0px none !important;*/

     background-color:#F1F1F1;
    border: 1px solid #A5A5A9;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
   
    color: #404040;
    text-shadow: 0 1px 0 #fff;
    position: relative;
    font-weight: bold;
    padding: 4px 1em 4px 1em;
    cursor:pointer;

   
	
	/*background-color:#8a6d3b;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff !important;
	font-family:inherit;
	font-size:13px;
	font-weight:bold;
	padding:3px 20px;
	text-decoration:none;	
    border:1px solid #654205 !important;*/
    
}
.btn-green:hover,.btn-green:active  {
	/*background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #65c734), color-stop(1, #99f069));
	background:-moz-linear-gradient(top, #65c734 5%, #99f069 100%);
	background:-webkit-linear-gradient(top, #65c734 5%, #99f069 100%);
	background:-o-linear-gradient(top, #65c734 5%, #99f069 100%);
	background:-ms-linear-gradient(top, #65c734 5%, #99f069 100%);
	background:linear-gradient(to bottom, #65c734 5%, #99f069 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#65c734', endColorstr='#99f069',GradientType=0);
	background-color:#65c734;*/

    background-color:#ccc;
    cursor: pointer;
}


.btn-red {
	/*-moz-box-shadow:inset 0px 0px 0px 0px #cf866c;
	-webkit-box-shadow:inset 0px 0px 0px 0px #cf866c;
	box-shadow:inset 0px 0px 0px 0px #cf866c;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #eb7250), color-stop(1, #d43c1e));
	background:-moz-linear-gradient(top, #eb7250 5%, #d43c1e 100%);
	background:-webkit-linear-gradient(top, #eb7250 5%, #d43c1e 100%);
	background:-o-linear-gradient(top, #eb7250 5%, #d43c1e 100%);
	background:-ms-linear-gradient(top, #eb7250 5%, #d43c1e 100%);
	background:linear-gradient(to bottom, #eb7250 5%, #d43c1e 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eb7250', endColorstr='#d43c1e',GradientType=0);
	background-color:#eb7250;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff !important;
	font-family:inherit;
	font-size:13px;
	font-weight:bold;
	padding:3px 20px;
	text-decoration:none;
	text-shadow:0px 2px 1px #854629;
     border:0px none !important;*/

	background-color:#F1F1F1;
    border: 1px solid #A5A5A9;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
   
    color: red;
    text-shadow: 0 1px 0 #fff;
    position: relative;
    font-weight: bold;
    padding: 4px 1em 4px 1em;
    cursor:pointer;
}
.btn-red:hover, .btn-red:active  {
	/*background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d43c1e), color-stop(1, #eb7250));
	background:-moz-linear-gradient(top, #d43c1e 5%, #eb7250 100%);
	background:-webkit-linear-gradient(top, #d43c1e 5%, #eb7250 100%);
	background:-o-linear-gradient(top, #d43c1e 5%, #eb7250 100%);
	background:-ms-linear-gradient(top, #d43c1e 5%, #eb7250 100%);
	background:linear-gradient(to bottom, #d43c1e 5%, #eb7250 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d43c1e', endColorstr='#eb7250',GradientType=0);
	background-color:#d43c1e;*/
    background-color:#ccc;
    color:red;
    cursor: pointer;
}


tr.asp-pagination:hover ,
tr.asp-pagination table tr:hover{
    background-color:inherit;
}

tr.asp-pagination table {
    margin-top:5px;
    margin-bottom:5px;
    width:auto;
}

.asp-pagination table td a, .asp-pagination table td span{
    display:block;
    padding:2px 0px;
    width:30px;
    text-align:center;
    text-decoration:none;
}

.asp-pagination table td a:hover {
    background-color:#fbf8e9;
}

 .asp-pagination table td span{
    background-color:#eee;
}

.asp-pagination table td {
    border-left:1px solid #ccc;
    border-bottom:1px solid #ccc;
    padding:0px;
    border-radius:0px !important;
}

.asp-pagination table td:last-child {
    border-right:1px solid #ccc;
}

tr.asp-pagination > td {
    padding:0px 14px;
}

.form-search {
    margin-bottom:15px;
}

.form-group-sm textarea.form-control, 
.form-group-sm select[multiple].form-control {
     height:85px
}

textarea.form-control.textarea-height {
    height:150px;
}

textarea.form-control, input.form-control {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    font-family:inherit;
    font-size:14px;
}

textarea.form-control:focus,
input.form-control:focus
 {
    box-shadow:none;
}

span.form-control.form-control-checkbox {
    border:0px none;
    box-shadow:none;
    padding-left:0px;
}

.form-control-checkbox label{
    font-weight:normal;
}

.form-control-checkbox input[type="checkbox"], input[type="checkbox"], input[type="radio"] {
    margin-right:5px;
}

.ui-widget {
    font-family:Arial, Tahoma;
    font-size:12px;
}

.ui-datepicker-calendar th{
    font-size:12px; 
}

.ui-datepicker-calendar td {
    font-size:11px; 
}

div.alert > h4 {
    margin:0px;
    font-size:16px;
    font-weight:normal;
    line-height:normal;
    display:inline;
}

div.alert {
    border-radius:0px;
    /*box-shadow: rgba(0, 0, 0, 0.0980392) 0px 0px 10px 0px;*/
}

div.alert > br {
    display:none;
}

div.alert > button.close:active,
div.alert > button.close:active span {
    border:0px none;
}

div.hide {
    display:none;
}


/*div.alert-container-message > ul{
	list-style-type: square;
    padding:0px;
	margin: 5px 0px 0px 0px;
}


div.alert-info > div.alert-container-message > ul {
    margin:0px 0px 0px -20px;
}

*/
.form-group-sm > div[class*="col-"].control-value{
	font-weight: normal;
	font-family: inherit;
	margin-top:4px;
	font-size: 12px;
	
}

.form-group-sm .form-control-left-desc {
    padding-top:4px;
    padding-right:5px;
    display:inline-block;
    float:left;
    text-align:left;
}

.form-group-sm .form-control-left {
     padding-top:6px;
     text-align:left;
}

.control-label.control-label-left {
      text-align:left;
      
}

.container-fluid {
  padding-right: 7px;
  padding-left: 7px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  margin-right: -7px;
  margin-left: -7px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  padding-right: 7px;
  padding-left: 7px;
}

.form-horizontal .form-group {
  margin-right: -7px;
  margin-left: -7px;
}

.form-group {
  margin-bottom: 7px;
}
.alert.alert-danger ul, .alert.alert-info ul{
    padding-bottom:0px;
    margin-bottom:0px;
}

.error-text {
    margin-top: 2%;
    font-size: 15px !important;
    color:red;
    display:inline-block;   
}

.error-text[style="visibility:hidden;"], 
.error-text[style="visibility: hidden;"] {
    position:absolute;
}



div.required-block {
    position:relative;
}

div.required-block label {
    font-weight:normal;
}

div.required-block > span.required {
    position:absolute;
    right:-7px;
    top:2px;
}

span.required::after, input.form-control.required::after{    
    color:red;
    content:"\00a0\002A";
}

.label-no {
    display:inline-block;
    width:20px;
    text-align:left;
    float:left;
}
.comittee-list .position-desc {
    display:inline-block;
    float:left;
}

.comittee-list .label-no, .comittee-list .position-desc {
    padding-top:4px;
}

.control-label {
    /*font-weight:bold;*/
    text-align:right;
}

.control-label-left {
    text-align:left;
    font-size:14px;
}

label.control-label, label.control-label-left {
    font-weight:normal;
}

.control-label::after {
    content:"\00a0\003A";
}

.control-label.without-delimit::after,
.control-label.control-label-left.without-delimit::after {
    content:"\00a0";
}


.field-desc {
    margin-right:10px;
}
.field-desc::after {
    content:"\00a0\003A";
}

.form-control-radio label.control-label-radio-other{
  display:inline-block;
  float:left;
  margin-top: 0px;
  margin-left: 2px;
  width:270px;
}

.form-control-radio-horizontal .control-label-radio-block {
    position:relative;
}

.form-control-radio .control-label-radio-other + input.form-control,
.form-control-radio-horizontal .control-label-radio-block input.form-control{
      width: 200px;
      margin-top: -10px;
      position: absolute;
      top: 10px;
      left: 75px;
}

.form-control-radio-horizontal label {
    font-weight:normal;
}

.panel, .panel-heading {
    border-radius:0px;
    border-left: 0px none;
    border-top: 0px none;
    border-right: 0px none;
    box-shadow:none;
}

.panel-heading {
    border-bottom: 0px none;
    margin-bottom:5px;
}

.panel .panel-heading {
    padding-top:5px;
    padding-bottom:5px;
}

.panel .panel-heading h3.panel-title{
    padding-top:5px;
    padding-bottom:5px;
    margin-top:0px;
    margin-bottom:0px;
}

.panel-default > .panel-heading {
    background-color: #EEF0FF;
}

.card-title {
    background-color: #EEF0FF;
    padding: 10px;
}

.form-group-title {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 7px;
}

 .form-group-title-line {
    margin-top:15px;
    padding-top:7px;
    border-top:1px solid;
    margin-left:0px;
    margin-right:0px;
}

.form-horizontal  .form-group-title-line {
    border-color:#E9E9E9;
}

div[class*="col-"] > input[type="file"] {
    margin-top:0px;
    padding-left:0px;
    box-shadow:none;
    border:0px;
}

div[class*="col-"] > table.form-control-radio,
div[class*="col-"] > .form-control-radio-horizontal,
div[class*="col-"] > .form-control-checkbox-horizontal{
    display:block;
    margin-bottom:0px;
    padding-top:0px;
    padding-bottom:0px;
}

/*table.form-control-radio > tbody > tr {    
    display:inline-block;
    float:left;
}*/

/*table.form-control-radio > tbody > tr > td {
    display:inline-block;
    float:left;
}*/

div[class*="col-"] > .form-control-checkbox-horizontal > tbody > tr > td > label label.control-label-radio {
    display:inline-block;
    float:left;
}

div[class*="col-"] > table.form-control-radio,
table.form-control-radio > tbody > tr > td{
     border:0px none;
}

table.form-control-radio > tbody > tr > td{
    margin:0px;
    padding-top:3px;
    padding-left:2px;
    padding-bottom:0px;
    padding-right:10px;

    position:relative;
}

table.form-control-radio label {
    display:block;
    margin-left:17px;    
    font-weight:normal;
    margin-top:-18px;
}

table.form-control-radio input[type="radio"] {
    margin: 5px 0 0 0;
    -webkit-appearance: none; /* Removes default styling */
    -moz-appearance: none;
    appearance: none;
    width: 13px;
    height: 13px;
    border: 2px solid #5F6AF7;
    border-radius: 50%;
    outline: none;
    cursor: pointer;
}

    table.form-control-radio input[type="radio"]:checked::before {
        content: "";
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background-color: #5F6AF7;
        position: absolute;
        top: 11px;
        left: 5px;
    }


table.form-control-checkbox td {
    padding-top:4px;
}

table.form-control-checkbox > tbody > tr:first-child > td {
    padding-top:0px;
}

table.form-control-checkbox td > label{   
    display:inline;
}

.form-control-radio-horizontal input[type="radio"],
.form-control-checkbox-horizontal input[type="checkbox"] {
    margin:5px 7px 5px 0;
}

div[class*="col-"] > .form-control-radio-horizontal  label,
div[class*="col-"] > .form-control-checkbox-horizontal  label{
    font-weight:normal;
    display:inline-block;  
    padding-left:5px;   
       
}

div[class*="col-"] > .form-control-radio-horizontal tr ,
div[class*="col-"] > .form-control-checkbox-horizontal tr{
    padding-bottom:4px;
    display:block;
}

div[class*="col-"] > .form-control-radio-horizontal tr {
    display:block;
}

.form-group-sm .form-control.form-control-datepicker {
    /*padding-right:28px;*/    
    float:left;
}

.col-sm-10 > span > span > input.form-control.form-control-datepicker {
    width:92%;
}

.col-sm-8 > span > span > input.form-control.form-control-datepicker {
    width:95%;
}

.col-sm-4 > span > span > input.form-control.form-control-datepicker {
    width:93%;
}

.col-sm-2 > span > span > input.form-control.form-control-datepicker {
    width:85%;
}

.col-sm-1 > span > span > input.form-control.form-control-datepicker {
    width:72%;
}

.form-group-sm .form-control-datepicker + input[type="image"]{
    /*position:absolute;   
    top:8px;
    right:5px;*/

    margin-top:8px;
    margin-left:3px;
}

a.btn.btn-block {
  width: 100%;
}

.approved-checked {
    background-image:url(../Images/icon/checked.gif);
    display:inline-block;
    width:20px;
    height:20px;
}

.not-approved {
    background-image:url(../Images/icon/cross_icon.gif);
    display:inline-block;
    width:20px;
    height:20px;
}

.asp-grid input.form-control {
    line-height:1.5;
}

.asp-grid .form-control-combobox input{
    padding-top:2px !important;
    padding-bottom:2px !important;
}

.form-control-combobox {
    display:block !important;
    /*position:relative;*/
}

.form-control-combobox > table {
    top:0px  !important;
    display:block !important;
    border-spacing:0px;
    border:0px;
}

.form-control-combobox > table td {
    vertical-align:top;
    border:0px;
    padding:0px;
}

.form-control-combobox > table tr td:first-child,
 .form-control-combobox > table tr td:first-child input{
    width:100%;
}

.form-control-combobox > table tr td:first-child input {
    
    font-family:inherit;
    font-size:14px;
}

.form-control-combobox > table tr td:nth-child(2) {
    width:25px;
}

.form-control-combobox > table tr td:nth-child(2) button {
    margin-top:0px !important;
    width:18px !important;
}

.combobox-block {
    position:relative;
}


.form-control-combobox ul{
    /*top:27px  !important;
    left:7px !important;*/
    border-color:#3f8bfa;
}

.combobox-block .form-control-combobox ul {
     left:0px !important;
}

.form-control-combobox ul li:hover,
.form-control-combobox ul li:focus {
    background-color:#3f8bfa !important;
    color:#fff !important;
}

/*.nep-calendar .ajax__calendar td.ajax__calendar_other > div.ajax__calendar_day,
.nep-calendar .ajax__calendar td.ajax__calendar_other > div.ajax__calendar_year {
    color:#ccc;
}*/

/*--------------New Style--------------*/

body,
.form-horizontal .form-group-sm .control-label, 
.form-horizontal .form-group-sm .control-label::after,
.form-group-sm > div[class*="col-"].control-value,
.form-group-sm .form-control {
    font-size:14px;
    color:#444;
}

body .site, #page {
    padding:0px;
}

.site-header {
    box-shadow: none !important;
    padding-left: 300px;
    margin-bottom: 0px !important;
    border: 0px !important;
    transition: padding-left 0.4s ease;
}

.site-content-custom {
    /*padding:20px 30px 20px 30px !important;*/
    padding-left: 300px !important;
    background-color: #fff;
}

.entry-header .entry-title {
    margin-bottom:0px !important;
}

body.sidebar-collapsed .site-header,
body.sidebar-collapsed .card-body {
    padding-left: 60px !important;
}


.panel-default.panel-search {
    width: 900px;
    border: solid #ccc 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc;
    -moz-box-shadow: 0 1px 1px #ccc;
    box-shadow: 0 1px 1px #ccc;
    padding: 3px;
    /*background-color: #F4F8FD;*/
    background-color: #EEF0FF;
    margin-left: auto;
    margin-right: auto;
}

.panel-default.panel-search .panel-heading {
    font-size:15px;
    font-weight:bold;
    color:#444;
    /*border-bottom:2px solid #A0C0EF;*/
    border-bottom:2px solid #BF6196;

    background-image:url(../Images/icon/serchicon.png);
    background-repeat:no-repeat;
    padding-top:15px;
    padding-left:36px;
    padding-bottom:1px;
    margin-top:2px;
}

.panel-default.panel-search .panel-body {
    padding:0px;
}


    .panel-default.panel-search .panel-heading,
    .panel-default.panel-search .panel-body {
        /*background-color:#F4F8FD;*/
        background-color: #EEF0FF;
    }

.panel-default.panel-search .panel-body .form-horizontal {
    margin-left:7px;
    margin-right:7px;
}

.panel-default.panel-search .panel-body .form-horizontal .form-group{
    /*border-bottom:1px solid #A0C0EF;*/
    border-bottom:1px solid #E4CFEB;
    padding-bottom:5px;
    margin-top:5px;
    margin-bottom:0px;
}

.panel-default.panel-search .panel-body .form-horizontal .button {
    padding:7px 15px 0px 15px;
    text-align:center;
}


.panel-default.panel-search .panel-body .form-horizontal .form-group .form-group-title {
    border-color:#A0C0EF;
}

.panel-default.panel-search .panel-body .form-horizontal .form-group.noline {
    border-bottom:0px none;
}

.panel-default.noline {
    border-bottom:0px none;
}

.form-group-sm .form-control, input.form-control,
textarea.form-control,
.form-control-combobox > table tr td:first-child input {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    /*padding: 2px 3px;*/
    outline: none;
    border: 1px solid #B0CFE0;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 6px;
    /*height:auto;*/
    font-family: inherit;
    font-size: 14px;
    line-height: 1.3;
    padding-left: 5px;
}


.form-control-combobox input,.form-control-combobox button,
.combobox-block input,.combobox-block button,
.form-group-sm select.form-control,
.asp-grid input.form-control {
    height:30px;
}

/*input.form-control {
    height:27px;
}*/


/*.form-group-sm select.form-control {
    height:auto;
}*/

.no-bottom-border {
    border-bottom:0px;
}

/*--kendo Updload--*/
.k-upload-action {
    margin-right:5px;
    background-color:#fff;
}
.k-state-disabled .k-upload-button, 
.k-state-disabled .k-upload-files .file-wrapper .k-button{  

    display:none !important;
}

.single-file .k-dropzone {
    display:inline-block;
    float:left;
    
}

.k-upload-files {
    line-height:2 !important;
}
.single-file .k-upload-files {
    display:inline-block;
    float:left;
    /*margin-top:2px;*/
    /*margin-left:10px;*/
    margin-left:5px;
}

.multi-file .k-upload-files {
    margin-top:5px;
}

.k-button {
    display:inline-block;
    position:relative;
}
.k-dropzone, .k-file {
    position:relative;
}

.k-grid .k-button:focus > span.k-icon{
   opacity:1;    
}

.k-upload-button input {
    position:absolute;
    top:0;
    right:0;
    z-index:1;
    opacity:0;
    margin:0;
    padding:0;
    cursor:pointer;
    width:95px;
    height:27px;
}


.k-file.k-file-error .file-link {
    display:none
}

.k-file.k-file-success .file-name{
    display:none;
}

span.extension-validate {
    clear :both;
    display : block;
}

.input-file-container .k-upload-button {
    /*width: 76px;
	height: 24px;*/
}
.k-upload {
    border:0px none  !important;
}
.k-upload .k-dropzone {
    border:0 none !important;
    padding:0 !important;
}

.k-upload .k-dropzone em, strong.k-upload-status{
    display:none;
}

.k-upload-files{
    border:0px none !important;
    margin:0px !important;
}

.k-upload-files li{
    padding:0px !important;
    border:0px none !important;
}

.k-upload-files .k-button {
    padding: 0;
    background-color:inherit;
    vertical-align:middle;
}
.k-button-bare {
    background-color:none !important;
    border-width:0;
    color:inherit;
}

.k-icon {
    display:inline-block;
    width:16px;
    height:16px;
    overflow:hidden;
    font-size:0;
    line-height:0;
    background-repeat:no-repeat;
    text-align:center;
    opacity:.6;
}

.k-icon:hover {
    opacity:1;
}

.k-file .k-icon {
    position:relative;
}

.k-icon.k-i-refresh.k-retry {
    background-image:url(../Images/icon/reload_icon_16.png);
    background-position:0px 0px !important;
}

.k-icon.k-i-close.k-delete {
    background-image:url(../Images/icon/round_delete_icon_16.png);
    background-position:0px 0px !important;
}
/*--\kendo Updload--*/

.k-icon {
    display: inline-block;
    background-image:url(./themes/base/images/ui-icons_222222_256x240.png);
}

/*--kendo Combobox--*/
.k-dropdown-wrap .k-icon.k-i-arrow-s {
    opacity:1;
    background-position:-64px -16px;
    margin-top:0px;
    height:19px;
}

.k-dropdown-wrap .k-icon.k-loading {
    background-image:url(../Images/icon/loading.gif) !important;
    background-position:0px 0px;
    opacity:1;
}

.k-dropdown-wrap.k-state-default input,
.k-dropdown-wrap.k-state-disabled input {
    /*height:30px;
    line-height:30px;*/
    /*margin-top:2px;*/
    padding-top: 0px;
    padding-bottom: 0px;
}

.k-dropdown-wrap.k-state-focused input {
   box-shadow:none;
   outline-style:none;

}


.k-dropdown .k-dropdown-wrap .k-input{
    margin-top:1.05px;
    padding-bottom:.1em;
}

span.k-combobox, span.k-dropdown {
    background-image:none;
}
.k-combobox, .k-dropdown, .k-selectbox {
    position:relative;
	display:inline-block;
	width:12.4em;
	overflow:visible;
	border-width:0;
	vertical-align:middle
}
.k-filter-menu .k-combobox,.k-filter-menu .k-dropdown {
    width:13.2em;
}

.k-combobox {
    width:100%;
}
.k-combobox, .k-dropdown, .k-selectbox{
    white-space:nowrap;
}



.k-combobox .k-dropdown-wrap{
 border: 1px solid #B0CFE0;
 padding-right:0px;
 height:28px;
}

.col-sm-1 > .k-dropdown > .k-dropdown-wrap {
    width: 75%;
    padding-right: 18px;
    border-radius : 6px;
}

.col-sm-4 > .k-combobox >.k-dropdown-wrap {
    width: 92%;
}

.col-sm-8 > .k-combobox >.k-dropdown-wrap {
    width: 97.3%;
}
.col-sm-7 > .k-combobox >.k-dropdown-wrap, .col-sm-7 > div > .k-combobox >.k-dropdown-wrap {
    width: 95%;
}

.col-sm-3 > .k-combobox >.k-dropdown-wrap, .col-sm-3 > div> .k-combobox >.k-dropdown-wrap {
    width: 92%;
}

/*.k-dropdown[aria-disabled='true'] {
    background-color:rgb(238, 238, 238);
}*/

.k-dropdown{
    padding:0px;
    margin:0px;
}

.k-dropdown-wrap {
    border: 1px solid #B0CFE0;
    padding-top: 0px;
    /*height:30px;*/
    padding-left: 0px;
    background-color: #EEF0FF;
    border-radius: 6px;
}


.k-dropdown-wrap.k-state-disabled{
    background-color:#eee;
}

.k-dropdown-wrap.k-state-default,
.k-dropdown-wrap.k-state-disabled {
    display:inline-block;
}

.k-dropdown > .k-state-default > .k-select,
.k-dropdown > .k-state-disabled > .k-select {
    position:absolute;
    right:3px;
    top:0px;
    text-align:left;
    width:16px;
    position:absolute;

}

.k-dropdown .k-state-disabled > span.k-input {
    color:#898383;
}
 

.k-list-container.k-popup ul {
    padding-left:0px;
    padding-bottom:0px;
    margin-bottom:0px;
    border-color:none !important;
    border:none !important;
}

.k-list-container.k-popup ul li{
    padding-left:0px;
    padding-right:0px;
    margin-left:0px;
    margin-right:0px;
}

.k-list-container{
    margin:0px;
    border-color:#B0CFE0;
    background-color:#fff;
    padding:0px;
}

.k-virtual-item.k-item{
    padding-bottom:0px;
    padding-top:0px;
    margin-top:0px;
    margin-bottom:0px;
}



.k-list-container.k-popup > ul > li:last-child {
    padding-bottom:0px;
}

.k-list-container.k-popup > div.continue{
    border:1px solid #177EE5;
    color:rgb(68, 68, 68);
    background-color:#eee;
    margin-top:-1px;
    font-size:13px;
}


.k-ie7 .k-combobox .k-input{
	margin:-1px 0

}

.k-combobox .k-select {
    position:relative;
    border-style:solid;
	border-width:2px;
    border-left-width:0px;
    border-left-color:none;
	border-color:rgb(221, 221, 221);
    border-style:outset;
    height:26px;
    width:16px;
    background-color:rgb(221, 221, 221);
    /*border-bottom-style:outset;
    border-right-style:outset;*/
    display:inline-block;
    right:-1px;
    margin-top:-1px;

}

.k-webkit .k-combobox .k-dropdown-wrap:before {
    content:"\a0";display:inline-block;
	width:0;
	height:1.65em;
	padding-bottom:.4em
}

.k-combobox .k-input{
    display:inline
}

.k-combobox .k-icon,
.k-dropdown,
.k-selectbox .k-icon{
	cursor:pointer
}
.k-ie7 .k-combobox {
    display:inline;
	zoom:1;
}
.k-combobox .k-input {
    /*height:30px;*/
}


/*--\kendo Combobox--*/

.k-animation-container .k-item {
    background-color:#fff;
    /*border-left:1px solid #3F8BFA;
    border-right:1px solid #3F8BFA;*/
}

.k-animation-container .k-item:first-child {   
    
    /*border-top:1px solid #3F8BFA;*/   
}

.k-animation-container .k-item:last-child {    
    /*border-bottom:1px solid #3F8BFA;*/   
}

.k-animation-container .k-item.k-state-hover,
.k-animation-container .k-item.k-state-focused,
.k-animation-container .k-item.k-state-selected
 {
    background-color:#3F8BFA;
    color:#fff;
    cursor:default; 
    border-radius:0px;
}
/*--kendo grid--*/

.k-grid-custom-edit span,
.k-grid-custom-delete span {
    display:inline-block;
    width:16px;
    height:16px;
}

.k-grid-edit span.k-icon.k-edit,
.k-grid-delete span.k-icon.k-delete,
.k-grid-update span.k-icon.k-update,
.k-grid-cancel span.k-icon.k-cancel,
.k-grid-custom-edit span,
.k-grid-custom-delete span
 {
   background-position:0px 0px !important;
    opacity:.6;
}

.k-grid-edit span.k-icon.k-edit:hover,
.k-grid-delete span.k-icon.k-delete:hover,
.k-grid-update span.k-icon.k-update:hover,
.k-grid-cancel span.k-icon.k-cancel:hover,
.k-grid-custom-edit span:hover,
.k-grid-custom-delete span:hover
 {   
    opacity:1;
}

.k-grid-edit span.k-icon.k-edit,
.k-grid-custom-edit span {
    background-image:url(../../Images/icon/doc_edit_icon_16.png);   
    margin-right:5px;
}

.k-grid-delete span.k-icon.k-delete,
.k-grid-custom-delete span {
    background-image:url(../../Images/icon/round_delete_icon_16.png);
}

.k-grid-update span.k-icon.k-update {
    background-image:url(../../Images/icon/save_icon_16.png);
    margin-right:5px;
}

.k-grid-cancel span.k-icon.k-cancel {
    background-image:url(../../Images/icon/cancel_icon_16.png);
}


.k-grid-pager > .k-pager-numbers {
    display: inline-block;
    padding-left:14px;
    margin-top:5px;
}
.k-grid-pager > .k-pager-numbers > li{
    border-left:1px solid rgb(204, 204, 204);
    border-top:1px solid rgb(204, 204, 204);
    border-bottom:1px solid rgb(204, 204, 204);
    width:30px;   
    float:left;
}
.k-grid-pager > .k-pager-numbers > li > span, 
.k-grid-pager > .k-pager-numbers > li > a.k-link {
    display:block;
    /*padding:0px 2px;*/
    text-align:center;
    border:0px none;
    border-radius:0px;
    line-height:2em;
}

.k-grid-pager > .k-pager-numbers > li > span.k-state-selected{
    background-color:#eee;
}

.k-grid-pager > .k-pager-numbers > li:last-child {
     border-right:1px solid rgb(204, 204, 204);
}

.k-grid-pager > .k-pager-info.k-label {
    float:right;
    margin-right:14px;
    padding-top:8px;
}


.k-grid-with-pager .k-grid-pager {               
    border-top:1px solid #ccc;
    /*border-bottom-left-radius:6px;
    border-bottom-right-radius:6px;*/

}           

.k-grid-with-pager .k-grid-content > table > tbody > tr:last-child > td{
    border-radius:0px;
    border-bottom:0px;
}

.k-grid-with-pager .k-pager-numbers {
    padding-bottom:0px;
    margin-bottom:0px;
}


/*--\kendo grid--*/


/*--Loading--*/
.k-loading-mask,.k-loading-image,.k-loading-text{
    position:absolute
}
.k-loading-mask{z-index:100}.k-loading-text{text-indent:-4000px;text-align:center}
.k-loading-image,.k-loading-color{
    width:100%;height:100%

}
.k-loading-image{
    /*top:0;left:0;*/
    z-index:2;
    background-image:url(../Images/icon/loading.gif);
    background-repeat:no-repeat;
    background-position:center center;
}
.k-loading-color{
    background-color: #000000;
    opacity:.3
}

#loader {
     position:absolute;
}

/*--\Loading--*/

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

/*--UI Dialog--*/
.ui-dialog-title {
    font-size:14px;
    font-weight:normal;
}
/*--\UI Dialog--**/

.comittee-list tr {
    padding:0px;
    margin:0px;
}

.comittee-list td{
    padding-top:0px;
    padding-bottom:7px;
    vertical-align:top;
    margin-top:0px;

}

@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 4px;
    font-size: 14px;
  }


}



@media screen and (min-width: 768px) {
    .site {      
        max-width:1132px !important;
    }
}


.card {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.header-card-stay {
    /*max-width: auto;*/ /* Adjust this value to match your content width */
    width: 100%;
    box-sizing: border-box; /* Include padding in the width calculation */
    background-color: #FFF;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.header-card-sticky {
    top:0 ;
    position: fixed;
    width: 100%; /* Fill the viewport width */
    z-index: 100000;
    transition: width 0.3s ease; /* Optional for smooth transition */
    margin: 0 auto;
}


.card-header {
    padding: 20px;
}

.card-body {
    padding: 20px;
    padding-left: 300px;
    transition: padding-left 0.4s ease;
}

.header-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.system-info {
    text-align: left;
}

.card-title {
    font-size: 1.5em;
    margin: 0;
    color: #333;
}

.card-subtitle {
    font-size: 1em;
    margin: 5px 0 0;
    color: #666;
}

.user-info {
    display: flex;
    align-items: center;
}

.user-name {
    margin-right: 10px;
    font-size: 0.9em;
    color: #333;
    padding-left: 30px;
}

.user-icon {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}


.custom-report-input {
    border-radius: 12px;
    background-color: #EEF0FF;
    color: #5C67F7 !important; /* This sets the text color */
    border-radius: 12px !important;
    height: 50px; /* Adjust this value as needed */
    padding-top: 12px; /* Adjust vertical padding as needed */
    padding-bottom: 12px;
}

.custom-report-input::placeholder {
    color: #5C67F7;
    opacity: 1; /* Firefox */

}

.custom-report-input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #5C67F7;
}

.custom-report-input::-ms-input-placeholder { /* Microsoft Edge */
    color: #5C67F7;
}


.btn-custom {
    background-color: #D9DDFF;
    color: black;
    border-color: #D9DDFF;
    border-radius: 12px;
    padding: 10px;

}

    .btn-custom i {
        color: black; /* สีไอคอนปกติเป็นสีดำ */
        transition: color 0.3s ease; /* เพิ่ม transition เพื่อให้การเปลี่ยนสีดูนุ่มนวลขึ้น */
    }

    .btn-custom:hover {
        background-color: #707CD2;
        color: #EEF0FF;
        border-color: #C5CCFF;
    }

        .btn-custom:hover i {
            color: white; /* สีไอคอนเมื่อ hover เป็นสีขาว */
        }

    .btn-custom:focus, .btn-custom:active {
        background-color: #C5CCFF;
        color: #000;
        border-color: #B1BBFF;
        box-shadow: 0 0 0 0.25rem rgba(238, 240, 255, 0.5);
    }

        .btn-custom:focus i, .btn-custom:active i {
            color: black; /* สีไอคอนเมื่อ focus หรือ active (ถ้าคุณต้องการให้กลับเป็นสีดำ) */
        }

.btn-whole-web {
    background-color: #5C67F7;
    border-radius : 12px;
}

.form-control {
    background-color: #EEF0FF !important;
    border-radius: 6px !important;
}


/*-------------------------------------*/