@import url("fonts/DBHelvethaica/fontface.css");
/* Reset fancybox*/
.fancybox-margin { margin-right: 0 !important; }
.fancybox-lock, .fancybox-lock body { overflow: visible !important;font-family: 'thaisans_neueregular'; }
.fancybox-lock .fancybox-overlay { overflow-y: hidden; }
/* END Reset fancybox*/

body {
    /* background-color: #c9c9ca; */
	font-family: thaisans_neueregular;
    font-size: 16px;
	color: #353535;
}

div,span {
	font-family: 'thaisans_neueregular';
	font-size:23px;
}

.m-t-0{
	margin-top: 0em;
}
.m-t-1{
	margin-top: 5px;
}
.m-t-2{
	margin-top: 10px;
}
.m-t-3{
	margin-top: 15px;
}
.m-t-4{
	margin-top: 20px;
}
.m-t-5{
	margin-top: 25px;
}
.m-b-1{
	margin-bottom: 5px;
}
.m-b-2{
	margin-bottom: 10px;
}
.m-b-3{
	margin-bottom: 15px;
}
.m-b-4{
	margin-bottom: 20px;
}
.m-b-5{
	margin-bottom: 25px;
}

.m-l-1{
	margin-left: 5px !important;
}
.m-l-2{
	margin-left: 10px !important;
}
.m-l-3{
	margin-left: 15px !important;
}
.m-l-4{
	margin-left: 20px !important;
}
.m-l-5{
	margin-left: 25px !important;
}

.m-r-1{
	margin-right: 5px !important;
}
.m-r-2{
	margin-right: 10px !important;
}
.m-r-3{
	margin-right: 15px !important;
}
.m-r-4{
	margin-right: 20px !important;
}
.m-r-5{
	margin-right: 25px !important;
}

.m-f-1{
	/*margin-left: 1em;*/
}
.m-f-2{
	margin-left: 2em;
}
.m-f-3{
	margin-left: 3em;
}
.m-f-4{
	margin-left: 4em;
}
.m-f-5{
	margin-left: 5em;
}

/*
.m-r-1{
	margin-right: 1em;
}
.m-r-2{
	margin-right: 2em;
}
.m-r-3{
	margin-right: 3em;
}
.m-r-4{
	margin-right: 4em;
}
.m-r-5{
	margin-right: 5em;
}
*/
.m-auto{
	margin:auto;
}
.font-menu-main{
	/*margin-top: 1em;*/
	/*font-size: 14px;*/
	color: #757575 !important;
}
.p-f-r-0{
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.link-line-none{
	text-decoration: none !important;
}
.bt-add{
	 float: right;
    margin-bottom: 1em;
    /*font-size: 14px;*/
    margin-top: -1em;
	font-family: thaisans_neueregular;
	font-size: 18px;
    height: 41px;
	padding: 6px 12px !important;
	background-color: #467542;
    border-color: #467542;

	width: auto !important;
    height: auto !important;
}
.bt-add.focus,.bt-add:focus{background-color:#3a6336;border-color:#3a6336;color:#fff}
.bt-add:hover{background-color:#3a6336;border-color:#3a6336;color:#fff}
.bt-add.active,.bt-add:active,.open>.bt-add.dropdown-toggle{background-color:#3a6336;border-color:#3a6336;color:#fff}
.bt-add.active.focus,.bt-add.active:focus,.bt-add.active:hover,.bt-add:active.focus,.bt-add:active:focus,.bt-add:active:hover,.open>.bt-add.dropdown-toggle.focus,.open>.bt-add.dropdown-toggle:focus,.open>.bt-add.dropdown-toggle:hover{background-color:#3a6336;border-color:#3a6336;color:#fff}
.bt-add.disabled.focus,.bt-add.disabled:focus,.bt-add.disabled:hover,.bt-add[disabled].focus,.bt-add[disabled]:focus,.bt-add[disabled]:hover,fieldset[disabled] .bt-add.focus,fieldset[disabled] .bt-add:focus,fieldset[disabled] .bt-add:hover{background-color:#3a6336;border-color:#3a6336}
.bt-add .badge{background-color:#fff;color:#3a6336}

.bt-del{
	 float: right;
    margin-bottom: 1em;
    /*font-size: 14px;*/
    margin-top: -1em;
	font-family: thaisans_neueregular;
	font-size: 18px;
    height: 41px;
	padding: 6px 12px !important;
	background-color: #d50000;
    border-color: #d50000;

	width: auto !important;
    height: auto !important;
}
.bt-del.focus,.bt-del:focus{background-color:#d50000;border-color:#d50000;color:#fff}
.bt-del:hover{background-color:#d50000;border-color:#d50000;color:#fff}
.bt-del.active,.bt-del:active,.open>.bt-del.dropdown-toggle{background-color:#d50000;border-color:#d50000;color:#fff}
.bt-del.active.focus,.bt-del.active:focus,.bt-del.active:hover,.bt-del:active.focus,.bt-del:active:focus,.bt-del:active:hover,.open>.bt-del.dropdown-toggle.focus,.open>.bt-del.dropdown-toggle:focus,.open>.bt-del.dropdown-toggle:hover{background-color:#d50000;border-color:#d50000;color:#fff}
.bt-del.disabled.focus,.bt-del.disabled:focus,.bt-del.disabled:hover,.bt-del[disabled].focus,.bt-del[disabled]:focus,.bt-del[disabled]:hover,fieldset[disabled] .bt-del.focus,fieldset[disabled] .bt-del:focus,fieldset[disabled] .bt-del:hover{background-color:#d50000;border-color:#d50000}
.bt-del .badge{background-color:#fff;color:#d50000}

.btn{
	font-family: thaisans_neueregular;
	font-size: 18px;
	/*font-weight:bold;
	padding: 6px 12px;*/

	width: 110px;
    height: 34px;
    padding-top: 2px;
    font-weight: normal !important;
    border-radius: 3px !important;
}

/* .btn-info{
	background-color: #0a6ebd;
    border-color: #0a6ebd;
}

.btn-info.focus,.btn-info:focus{background-color:#e05121;border-color:#e05121;color:#fff}
.btn-info:hover{background-color:#e05121;border-color:#e05121;color:#fff}
.btn-info.active,.btn-info:active,.open>.btn-info.dropdown-toggle{background-color:#e05121;border-color:#e05121;color:#fff}
.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.btn-info.dropdown-toggle.focus,.open>.btn-info.dropdown-toggle:focus,.open>.btn-info.dropdown-toggle:hover{background-color:#e05121;border-color:#e05121;color:#fff}
.btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled].focus,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#e05121;border-color:#e05121}
.btn-info .badge{background-color:#fff;color:#e05121} */

.btn-primary{
	background-color: #467542;
    border-color: #467542;
}

.btn-primary.focus,.btn-primary:focus{background-color:#3a6336;border-color:#3a6336;color:#fff}
.btn-primary:hover{background-color:#3a6336;border-color:#3a6336;color:#fff}
.btn-primary.active,.btn-primary:active,.open>.btn-primary.dropdown-toggle{background-color:#3a6336;border-color:#3a6336;color:#fff}
.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.btn-primary.dropdown-toggle.focus,.open>.btn-primary.dropdown-toggle:focus,.open>.btn-primary.dropdown-toggle:hover{background-color:#3a6336;border-color:#3a6336;color:#fff}
.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#3a6336;border-color:#3a6336}
.btn-primary .badge{background-color:#fff;color:#3a6336}

.btn .icon{
	font-size: 14px;
}
.btn .fa{
	font-size: 14px;
}

.search box{
	padding: 1px 11px 4px;
	width:auto;
	border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
}
.btn-search .icon{
	vertical-align: middle;
}
.btn-after-input{
	/*padding: 0px 11px 4px;*/
	width: 110px;height: 34px;padding-top: 2px;
}

.btn-after-input span{
	vertical-align: middle;
}

.text_left{
	text-align: left !important;
}
.min-width-100{
	min-width: 100px !important;
}
.img_logo{
	height: 35px !important;
    margin-top: -7px !important;
}
.font_30{
	font-size: 30px;
}
.text-del{
	color: red;
	cursor: pointer;
}
.text-edit{
	color: #3a6336;
	cursor: pointer;
}

h1,h2,h3,h4,h5,h6{
	font-family: 'thaisans_neueregular';
}
.padding-l-r-0{
	padding-left: 0;
	padding-right: 0;
}
.pd-r-0{
	padding-right: 0;
}
.bg_calendar{
	background-color: red;
}
.set_left{
	text-align: left !important;
}
.bt_tabel{
	border-top: none !important;
    text-align: left !important;
    background-color: white !important;
}
.bt_tabel2{
	border: 1px solid #fff !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
.alert-success {
  background-color: #DBF6D3;
  border-color: #AED4A5;
  color: #569745;
  font-size:14px;
}
.alert {
  border-radius: 0;
  -webkit-border-radius: 0;
  box-shadow: 0 1px 2px rgba(0,0,0,0.11);
  display: table;
  width: 100%;
}

.toast {
	background-position: 13px 15px;
	background-repeat: no-repeat;
	-webkit-background-size: 24px 24px;
			background-size: 24px 24px;
	border-radius: 0;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
			box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
	color: #fff;
	margin-bottom: 6px;
	overflow: hidden;
	padding: 15px 15px 15px 50px;
	position: relative;
	width: 275px;
  }

.toast-success {
  background-color: #42b546;
  color: #fff;
}

.toast-top-right {
  right: 12px;
  top: 55px;
}


.modal-header-confirmSave {
	padding:9px 15px;
	border:1px solid #0288d1;
	background-color: #0288d1;
	color: #fff;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.modal-dialog-delete {
	margin:0 auto;
	width: 350px;
	margin-top: 8%;
}

.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    border: 1px solid #fff;
}

.modal.fade {
	  z-index: 5000 !important;
}
.modal-content{
	border: 0px;
	border-radius: 10px;
}
.title_top{
	margin-bottom: 0;
	margin-top: 0;
}
.breadcrump{
	margin-bottom: 5px;
}
h1{
	margin-bottom: 0;
	margin-top: 0;
}

.table>thead>tr>th{
	font-family: thaisans_neueregular;
    font-size: 18px;
    padding: 6px;
	font-weight: unset;
}

.bar-line {
    background-color: #767676 !important;
}

.sidenav-subnav>li>a{
	font-family: thaisans_neueregular;
    font-size: 18px;
}

/*css scrollbar*/
.scrollbar
{
	height: 470px;
    overflow: auto;
}

.force-overflow
{
	min-height: 450px;
}

.scrollbar::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

.scrollbar::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
}

.scrollbar::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #8c8888;
}

.navbar-default {
    background: #ffffff;
	box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
}
.navbar-default .navbar-search-collapsed {
    background-color: #0a6ebd;
    color: #fff;
}
.navbar-default .navbar-account-btn:focus,.navbar-default .navbar-account-btn:hover{background-color:#a8a8a8;color:#fff}
@media (min-width: 768px){
	.navbar-default .navbar-nav>li {
		border-left: 1px solid transparent;
	}
}

.navbar-default .sidenav-toggler.collapsed {
    background-color: #a8a8a8;
}

.navbar-default .open .navbar-account-btn, .navbar-default .open .user-account-btn:focus, .navbar-default .open .user-account-btn:hover {
    background-color: #a8a8a8;
    color: #fff;
}
.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#fff;background-color:#a8a8a8;}

.navbar-default .navbar-brand{
	color: #757575;
}
.navbar-default .navbar-account-btn{
	color: #757575;
}
.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover {
    color: #a8a8a8;
    background-color: transparent
}


.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{text-decoration:none;color:#fff;background-color:#a8a8a8;}
.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;outline:0;background-color:#a8a8a8;}

.sidenav>li.active>a {color: #0a6ebd;}
.sidenav-subnav>li.active>a {color: #0a6ebd;}
.sidenav-subnav>li.active>a:hover {color: #0a6ebd;}
.sidenav-subnav>li.hover>a,.sidenav-subnav>li:hover>a{color:#0a6ebd;}

.bg-primary {
    background-color: #ae63a6;
    border-color: #ae63a6;
    color: #fff;
}
a {
    /* color: #7a7a7a; */
    text-decoration: none;
	font-size: 20px !important;
}
a:hover {
    color: #7a7a7a;
    text-decoration: none;
}


.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    color: #fff;
    background-color: #0a6ebd;
    border-color: #0a6ebd;
}

.modal-header-info {
    padding: 9px 15px;
    border: 1px solid #467542;
    background-color: #467542;
    color: #fff;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.modal-header-deposit {
    padding: 9px 15px;
    border: 1px solid #467542;
    background-color: #467542;
    color: #fff;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.modal-header-confirmSave {
    padding: 9px 15px;
    border: 1px solid #467542;
    background-color: #467542;
    color: #fff;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.modal-header-alert {
	padding:9px 15px;
	border:1px solid #FF0033;
	background-color: #FF0033;
	color: #fff;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.modal-header-delete {
	padding:9px 15px;
	border:1px solid #d50000;
	background-color: #d50000;
	color: #fff;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

tfoot {
	background-color: #467542;
}

.text-status{
	background: #467542;
    color: #FFFFFF;
    padding: 5px 10px 5px 10px;
}

.f-normal { font-weight: normal; }
.text-left{text-align: left !important;}
.text-right{text-align: right !important;}
.text-center{ text-align:center !important;}
.vertical-align-top {
    vertical-align: top !important
}

/*css input type=file*/
.fileContainer {
	overflow: hidden;
	position: relative;
}

.fileContainer [type=file] {
	cursor: inherit;
	display: block;
	font-size: 999px;
	filter: alpha(opacity=0);
	min-height: 100%;
	min-width: 100%;
	opacity: 0;
	position: absolute;
	right: 0;
	text-align: right;
	top: 0;
}

.table-view>tbody>tr>td,
.table-view>tbody>tr>th,
.table-view>tfoot>tr>td,
.table-view>tfoot>tr>th,
.table-view>thead,
.table-view>thead>tr>td,
.table-view>thead>tr>th {
    border: 1px solid #000;
	padding: 5px 8px 5px 8px;
}
.table-view>thead{
	background:#eee;
}
.table-view>tfoot>tr>td{
	background-color: #fff;
	border: 0px;
}

.title_view {
	color:#000;
}

.btn-radius{
	font-family: thaisans_neueregular;
    font-size: 14px;
    font-weight: normal;
    padding: 6px 12px;
	margin-left: 5px;
    border-radius: 3px;
	cursor: pointer;
}

.btn-perview{
	width: 40px !important;
    font-weight: normal;
    padding-left: 0px;
    padding-right: 0px;
    border-radius: 3px;
    cursor: pointer;
	color: #757575;
}
.btn-perview:hover,.btn-perview:focus{
	color: #545353;
}

.form-group {
    margin-bottom: 5px;
}
.control-label{
	text-align:right;
	padding-top: 7px;
}

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

.form-control{
	border-radius: 4px;
	font-size:18px;
}

.form-in-tb{
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.sweet-alert button {
	background-color: #467542 !important;
    border-color: #467542 !important;
    font-family: thaisans_neueregular;
    font-size: 18px !important;
    /* width: 110px; */
    height: 40px;
    padding-top: 7px !important;
    font-weight: normal !important;
    border-radius: 3px !important;
}

.sweet-alert button.cancel {
	background-color: #d50000 !important;
}

.sweet-alert h2{
    color: #467542!important;
}
.sweet-alert p{
	font-size: 20px!important;
	font-family: thaisans_neueregular!important;
}

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

.footer-no-border{
	border-top: 0;
}

.btn-width-auto{
	width:auto;
}

.group-bank-left{
	border-radius: 4px 0px 0px 4px;
    border-color: #e0e0e0;
}
.group-bank-right{
	border-radius: 0px 4px 4px 0px;
    border-color: #e0e0e0;
}

.title-header{
	background-color: #ffffff;
	height: 120px;
}
.title-header-detail{
	margin-left: 220px;
	margin-right: 220px;
}
.slide-header{
	background-color: #848484;
	text-align: center;
}
.slide-header-detail{
	margin-left: 220px;
	margin-right: 220px;
	margin-top: 50px;
}

.font-title-header{
	font-family: 'thaisans_neueregular';
	font-size: 24px;
}

.slide-border-bottom{
	background-color: #ae63a6;
	height: 8px;
}
@media (max-width: 480px) {
	.title-header-detail{
		margin-left: 0px;
		margin-right: 0px;
	}
	.slide-header-detail{
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 52px;
	}

	div,span {
		font-size:18px;
	}
}
@media (min-width: 768px){
	.title-header-detail{
		margin-left: 0px;
		margin-right: 0px;
	}
	.slide-header-detail{
		margin-left: 0px;
		margin-right: 0px;
	}
}

/****search box***/

* {
  box-sizing: border-box;
}

.search-box-form{
	margin: auto;
    max-width: 300px;
}

.search-box input[type=text] {
	padding: 5px;
	font-size: 17px;
	border: 1px solid grey;
	float: left;
	width: 80%;
    border-radius: 5px 0px 0px 5px;
}

.search-box button {
	float: left;
	width: 20%;
	padding: 5px;
	background: transparent;
	font-size: 17px;
	border: 1px solid grey;
	border-left: none;
	cursor: pointer;
	border-radius: 0px 5px 5px 0px;
}

.search-box button:hover {
	background: #eceaea;
}

.search-box::after {
	content: "";
	clear: both;
	display: table;
}

@media (max-width: 480px) {
	.search-box-form{
		margin: 0px;
		max-width: none;
	}
}
/****search box***/


/**** top menu ***/
/*.top-menu-nav{
	margin-left: 220px;
	margin-right: 220px;
}
*/
.top-menu {
	overflow: hidden;
	/*background-color: #d49ace;*/
	border-radius: 5px 5px 5px 5px;
	margin: 38px 0px 0px 0px;
    /*margin-top: 10px;*/	
}

.top-menu a {
	float: left;
	display: block;
	color: black;
	text-align: center;
	padding: 0px 16px;
	text-decoration: none;
	font-size: 20px;
	color: #686868;
    /*border-right: 1px solid white;*/
}

.top-menu a:hover {
	background: linear-gradient(180deg, #0000008c 0%, #ffffff 100%);
	border-radius: 5px;
	color: white;
	height:30px;
}

.top-menu-mobile {
	background-color: #ae63a6;
}

.top-menu-mobile > li {
	border-bottom: 1px solid #ffffff;
}

.top-menu-mobile > li > a {
	color: #ffffff;
}

.top-menu-mobile > li > a:hover {
	background-color: #9e5a97;
	color: #ffffff;
}


.title-home{
	color: white;
	background: #539148;
	border-bottom: 2px solid #036C4D;
    transform: rotate(0.05deg);
	margin: 10px 10px 0px 10px;
    font-size: 30px;
    line-height: 45px;
}

.title-home-text{
	font-size: 30px !important;
}

.layout-content-main{
	margin-left: 260px;
	margin-right: 260px;
}

.layout-content-main .layout-content-body{
	background: #ffffff;
    padding-bottom: 100px;
	min-height: 89vh;
	box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
}

@media (max-width: 480px) {
	.layout-content-main{
		margin-left: 10px;
		margin-right: 10px;
	}
}

.icon-del{
	cursor: pointer;
}

.table>thead>tr>th{
 background: #0a6ebd;
 color: #ffffff;
}
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #e8e8e8;
}

.panel-title {
    font-size: 20px;
}

/****activity block black***/
.activity {padding: 10px 5px 10px 5px; }
.block {position:relative; }
.block .image{position:relative; }
/*.block .background{bottom:0;position: absolute;width: 100%;height: 100%;background-image: url('/assets/images/bg_black.png');background-repeat: repeat-x;background-position:bottom; }*/
.block .background{bottom:0;position: absolute;width: 100%;height: 100%;background-repeat: repeat-x;background-position:bottom;background-color: #000000;height: 25%;opacity: 0.7; }
.block .link{bottom:0;position: absolute;width: 100%;color:#FFF ; font-size : 18px; padding: 0px 10px; font-family: 'thaisans_neueregular';padding-bottom:10px; text-decoration:none;line-height:18px; }

.activity-list .item{
	margin-bottom: 15px;
}

.activity-header-line {
    font-family: 'thaisans_neueregular';
    border-bottom: 1px solid #dbdbdb;
    color: #777677;
}

.activity-header-line .item i{ font-size : 18px ; }
.activity-header-line .item{
	font-size: 20px;
	display : inline-block ;
	margin-right:20px;
}

.activity-header-detail {
    padding: 20px 0;
}

.activity-footer {
	border-top : 1px solid #dbdbdb ;

}

.activity-picture-item {
    padding-top: 20px;
}

/****css tender-new****/
.tab-1{
	background: #b6ad86;
    border-radius: 20px 20px 0px 0px;
	color: #000000;
    font-size: 18px;
    font-weight: bold;
	text-align: center;
}
.tab-1 > li:first-child > a {
    border-radius: 20px 0px 0px 0px;
	color: #000000;
    font-size: 18px;
    font-weight: bold;
}
.tab-1>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
	background: #e1dbc3;
	border: 1px solid #e1dbc3;
	color: #000000;
    font-size: 18px;
    font-weight: bold;
}
.tab-1>li{
	min-width: 10%;
}
.tab-1>li>a{
	color: #000000;
    font-size: 18px;
    font-weight: bold;
}
.tab-1>li:not(:first-child){
	border-right: 1px solid #e1dbc3;
}
.tab-content-1{
	height: 300px;
	background: #e1dbc3;
	border: 1px solid #e1dbc3;
	padding: 0px 0px 0px 10px;
	border-radius: 0px 0px 20px 20px;
}
.tab-content-1{
	color: #000000;
    font-size: 16px;
}

/****css book****/
.tab-2{
	background: #78787a;
    border-radius: 20px 20px 0px 0px;
	color: #000000;
    font-size: 18px;
    font-weight: bold;
	text-align: center;
}
.tab-2 > li:first-child > a {
    border-radius: 20px 0px 0px 0px;
	color: #000000;
    font-size: 18px;
    font-weight: bold;
}
.tab-2>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
	background: #bfbeba;
	border: 1px solid #bfbeba;
	color: #000000;
    font-size: 18px;
    font-weight: bold;
}
.tab-2>li{
	min-width: 10%;
}
.tab-2>li>a{
	color: #000000;
    font-size: 18px;
    font-weight: bold;
}
.tab-2>li:not(:first-child){
	border-right: 1px solid #bfbeba;
}
.tab-content-2{
	height: 450px;
	background: #bfbeba;
	border: 1px solid #bfbeba;
	padding: 0px 0px 0px 10px;
	border-radius: 0px 0px 20px 20px;
}
.tab-content-2{
	color: #000000;
    font-size: 16px;
}

.text-link_tab{
	color: #000000;
    font-size: 18px;
}

.main-body{
	background: #ffffff;
	min-height: 500px;
}

.title-book{
	font-size: 20px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
}

.book-line{
	border-top: 2px solid #757272;
    box-shadow: 3px 3px 5px 5px rgba(45, 45, 45, 0.4);
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
	margin-top: 20px;
    margin-bottom: 10px
}

/*******css faq*******/
.faq-line-top{
	border-top: 3px solid #d762a6;
    /*box-shadow: 0px 2px 1px -1px rgba(45, 45, 45, 0.4);*/
}

.faq-ask{
	background: #f5c5db;
	padding: 10px 10px 10px 30px;
	margin-top: 5px;
    font-size: 18px;
    color: #000000;
}

.faq-answer{
	background: #feeff6;
	padding: 10px 10px 10px 30px;
	margin-top: 5px;
    font-size: 18px;
    color: #000000;
}

/*******css con*******/
.con-line-top{
	border-top: 3px solid #0a6ebd;
    /*box-shadow: 0px 2px 1px -1px rgba(45, 45, 45, 0.4);*/
}

.con-title{
	padding-left: 30px;
}

.color-caret-right{
	color: #2d3e98;
}

.vtree a.vtree-leaf-label {
	font-size: 18px;
}

.logo-mobile {
	display: none;
}

.img-book-new{
	position: absolute;z-index: 2;width: 190px;text-align: right;padding-top: 10px;
}

.img-book-new-main{
	position: absolute;z-index: 2;width: 190px;text-align: right;padding-top: 10px;
}

@media (max-width: 480px) {
	.logo-mobile {
		display: block;
		float: left;
		width: 45px;
		margin-right: 10px;
		margin-top: 5px;
	}

	.font-title-header {
		font-size: 18px;
	}

	.title-home{
		
	}

	.tab-content-1{
		height: auto;
	}

	.img-book-new{
		width: 260px;
	}

	.img-book-new-main{
		position: absolute;z-index: 2;width: 80px;text-align: right;padding-top: 2px;
	}
}

.bt-language{
	max-width: 80px;
    cursor: pointer;
    padding-right: 14px;
    padding-top: 1px;
    width: 43px;
    height: 31px;
    top: 38px;
    background: linear-gradient(164.42deg, rgba(146, 210, 182, 0.6) 13.94%, rgba(23, 117, 50, 0.6) 72.6%);
    border-radius: 19px;
    color: white;
	font-weight: 100;
}

.bt-id{
	max-width: 80px;
    padding-right: 14px;
    padding-top: 1px;
    position: absolute;
    width: 43px;
    height: 31px;
    top: 38px;
    color: #C4C4C4;
	font-weight: 500;
	font-size: 18px;
}

.text-link-1{
	font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    color: #177532;
}
.text-date-1{
	font-style: normal;
    font-weight: 600;
    font-size: 20px;
    color: #000000;
}

.bt-link-1{
	color: #ffffff;
    background: linear-gradient(128.87deg, rgba(38, 222, 186, 0.5) 4.08%, #76AC00 112.87%, #FF7471 112.88%);
    box-shadow: 0px 5px 15px rgba(254, 138, 57, 0.4);
    border-radius: 15px;
    height: 30px;
    width: 73px;
	float:right;
}

.content-div-2{
	height: 460px;
	padding-left: 30px;
    padding-right: 30px;
}

.content-div-detail-2{
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
	text-align: center;
}

/*css home*/
.home-content-7{
	margin-left: 80px !important;
	margin-right: 80px !important;
}
.home-content-7-1{
	background: rgba(162, 194, 145, 0.7);
	padding-top: 10px;
}

/*start carousel*/
.carousel-indicators .active {
	width: 61.65px;
	height: 19px;
	left: 628px;
	top: 688px;
	background: linear-gradient(121.49deg, #22AF85 5.35%, rgba(9, 95, 69, 0.43125) 98.29%);
	border-radius: 15px;
	border: 0px solid transparent;
}

.carousel-indicators li {
	width: 36.99px;
	height: 19px;
	left: 706.91px;
	top: 688px;

	background: #E5E5E5;
	border-radius: 15px;
	border: 0px solid transparent;
}

.carousel-indicators .active .carousel-new {
	height: 10px;
}

.carousel-indicators.carousel-new li {
	height: 10px;
}

.fruitscarousel-chevron {
	height: 40px;
    width: 40px;
    line-height: 40px;
    color: #449C67;
    opacity: 1;
    background: #FFFFFF;
    box-shadow: 5px 20px 50px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    margin-top: 80px;
}
/*end carousel*/

.box-new {
    background: rgba(162, 194, 145, 0.6);
    border-radius: 15px;
    width: 48%;
    margin-left: 10px;
    margin-right: 10PX;
    height: 465px;
}

/*start css procurement*/
.box-procurement ul li:nth-child(1) { 
	border-radius: 15px 15px 0px 0px;
}

.box-procurement ul li:nth-child(odd) {  
	color: #000000;
	list-style: none;
	background: linear-gradient(180deg, #53914880 0%, rgba(83, 145, 72, 0.45) 100%);
	padding-left: 20px;
    margin-left: -45px;
	margin-right: -5px;
	height: 88px
}
.box-procurement ul li:nth-child(even) {
	color: #000000;
	list-style: none;
	background: rgba(116, 182, 46, 0.3);
	padding-left: 20px;
    margin-left: -45px;
	margin-right: -5px;
	height: 88px
}
.box-procurement ul li:hover {
	background-color: #bbbfff;  
}
/*end css procurement*/

/*start css contactinfo*/
.bg-contactinfo{
	min-height: 500px;
    padding-bottom: 100px;
    background: url(../../assets/images/bg_contactinfo.png);
	background-size: 100%;
}

.top-contactinfo{
	background: url(../../assets/images/top_contactinfo.png);
    height: 395px;
    background-size: 100%;
}

.top-menu-2{
	height: 57px;
    background: #A2C291;
    line-height: 57px;
    text-align: right;
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    padding-right: 245px;
}

.top-menu-2 a{
	color: #177532;
}

.contents-contactinfo-1 {
	background: rgba(162, 194, 145, 0.75);
    height: 263px;
    margin-left: 220px;
    margin-right: 220px;
}

.contactinfo-text-1 {
	margin-top: 40px;
    margin-left: 10px;
    color: #177532;
}

.contactinfo-text-2 {
    font-weight: 600;
}

.contents-contactinfo-2{
	margin-left: 220px;
    margin-right: 220px;
}

.border-right-contactinfo-2{
	border-right: 2px solid #000000;
	height: 150px;
}

.contents-contactinfo-3 {
	background: rgba(162, 194, 145, 0.75);
    height: 276px;
}

.box-contactinfo-1{
	margin: auto;
    text-align: center;
    font-style: normal;
    font-weight: normal;
}

.box-contactinfo-1 .p-1{
	font-size: 25px;
    color: #177532;
    font-style: normal;
    font-weight: 600;
    margin-bottom: -8px;
}
.box-contactinfo-1 .p-2{
	font-size: 20px;
	color: #4F4F4F;
	font-style: normal;
    font-weight: 600;
}

.line-contactinfo-1{
	border: 1px solid #177532;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.box-contactinfo-2{
	margin: auto;
    width: 264px;
    border: 4px solid #177532;
    box-sizing: border-box;
    border-radius: 10px;
    text-align: center;
    font-style: normal;
    font-weight: 700;
    font-size: 25px;
    line-height: 30px;
    color: #036C4D;
}

.text-contactinfo-2{
	color: #000000;
}

.text-contactinfo-3{
	font-weight: 600;
    font-size: 25px;
    color: #000000;
}

.text-contactinfo-3-2{
	font-weight: 600;
    font-size: 20px;
    color: #000000;
}
/*end css contactinfo*/

/*start css calendar*/
.contents-calendar-1 {
    height: 263px;
    margin-left: 220px;
    margin-right: 220px;
}

.title-calendar{
	color: white;
    background: #539148;
    border-bottom: 2px solid #036C4D;
    font-size: 30px;
    line-height: 45px;
    padding-left: 15px;
    width: 105%;
}

.box-calendar{
	background: linear-gradient(185.39deg, rgba(100, 156, 70, 0.88) 42.49%, rgba(143, 185, 120, 0) 167.19%);
    border: 3px solid #539148;
    box-sizing: border-box;
    border-radius: 54px;
    color: #000000;
    padding: 10px 10px 15px 10px;
    margin: 10px 0px 100px 0px;
}

.table-calendar {
    border: 3px solid #539148;
}

.table-calendar>thead>tr>th {
    background: #76ac4e;
	border: 3px solid #539148;
	font-size: 22px;
}

.table-calendar>tbody>tr:nth-of-type(odd) {
    background: rgba(162, 194, 145, 0.7);
    border: 3px solid #036C4D;
}
.table-calendar>tbody>tr {
    background: rgba(255, 255, 255, 0.5);
	border: 3px solid #036C4D;
}

.table-calendar>tbody>tr>td, .table-calendar>tbody>tr>th, .table-calendar>thead>tr>td, .table-calendar>thead>tr>th {
	border: 2px solid rgba(255, 255, 255, 0.49);
}
/*end css calendar*/


/*start css about as*/
.bg-about-as{
	
}

.top-about-as{
	background: url(../../assets/images/top_about_as.png);
    height: 395px;
    background-size: 100%;
}

.contents-about-as-1 {
    height: 500px;
    margin-left: 220px;
    margin-right: 220px;
}

.box-about-as-1 {
	margin-right: 30px;
}

.box-about-as-1 ul li:nth-child(1) { 
	background: linear-gradient(180deg, rgba(23, 117, 50, 0.6) 0%, rgba(255, 255, 255, 0) 100%), rgba(6, 84, 60, 0.35);
	font-style: normal;
	font-weight: normal;
	font-size: 25px;
	line-height: 114px;
	color: #177532;
	height: 114px;
	border-bottom: 2px solid #177532;
	padding-left: 35px;
}

.box-about-as-1 ul li {  
	list-style: none;
	background: rgba(162, 194, 145, 0.7);
	font-style: normal;
	font-weight: 300;
	font-size: 20px;
	line-height: 69px;
	color: #177532;
	height: 69px;
	border-bottom: 2px solid #177532;
	padding-left: 35px;
}
.box-about-as-1 ul li:hover {
	list-style: none;
	background: rgba(0, 149, 85, 0.2);
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
	line-height: 69px;
	color: #FFFFFF; 
	height: 69px;
	padding-left: 35px;
	
}
.box-about-as-1 ul li:nth-child(1):hover { 
	background: linear-gradient(180deg, rgba(23, 117, 50, 0.6) 0%, rgba(255, 255, 255, 0) 100%), rgba(6, 84, 60, 0.35);
	font-style: normal;
	font-weight: normal;
	font-size: 25px;
	line-height: 114px;
	color: #177532;
	height: 114px;
	border-bottom: 2px solid #177532;
	padding-left: 35px;
}

.box-about-as-1 ul li a{
	color: #177532;
	font-style: normal;
	font-weight: 300;
}
	
.box-about-as-1 ul li i{
	float: right;
    line-height: 69px;
    padding-right: 35px;
}

.box-about-as-2 {
	margin-right: 30px;
}

.box-about-as-3{
	background: #a2c291bd;
    min-height: 700px;
    margin-bottom: -30px;
}

.text-about-as-1{
	font-style: normal;
    font-weight: 500;
    font-size: 25px;
    line-height: 37px;
    color: #036C4D;
}

.text-about-as-2{
	font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 22px;
    color: #000000;
}

.text-about-as-3{
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
	line-height: 30px;
	text-align: center;
	color: #FFFFFF;
}

.text-about-as-4{
	font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 45px;
    color: #177532;
}

.box-about-as-4{
	background: #539148;
    margin: 5px 10px 10px 10px;
}
/*end css about as*/

.card {
	min-height: 84vh !important;
}

.text-add{
	color: green;
}

.icon-edit{
	color: green;
}

.icon-del{
	color: red;
}

.box-home {
	/* width: 200px;
    height: 200px; */
    border: 1px solid #868787;
    border-radius: 20px;
	margin: 20px;
	text-align: center;
}

/* .layout-main {
    padding-top: 80px;
} */

.layout-main-home{
	padding-top: 50px;
	background: #ffffff;
}

.text-box-dashboard{
	font-size: 20px;
}

.box-dashboard {
	/* border: 1px solid #868787; */
    border-radius: 10px;
	margin: 20px;
	text-align: center;
	padding-top: 20px;
    padding-bottom: 20px;
}

.box-dashboard-1 {
	text-align: center;
	color: #ffffff;
	background: linear-gradient(265deg, #1087d3 0%, #0e8ad9 100%);
	min-height: 140px;
	padding-top: 10px;
}
.box-dashboard-2 {
	text-align: center;
	color: #ffffff;
	background: linear-gradient(265deg, #169bcd 0%, #169bcd 100%);
	min-height: 140px;
	padding-top: 10px;
}
.box-dashboard-3 {
	text-align: center;
	color: #ffffff;
	background: linear-gradient(265deg, #2fb5d7  0%, #29b7dc 100%);
	min-height: 140px;
	padding-top: 10px;
}

.box-dashboard-4 {
	text-align: center;
	color: #ffffff;
	background: linear-gradient(265deg, #65c4d1 0%, #6fc2c6 100%);
	min-height: 140px;
	padding-top: 10px;
}


.box-dashboard-foot {
	font-size: 70px !important;
}
.box-dashboard-foot-text {
	background: #ffffff;
	text-align: center;
}

.icon-dashboard{
	width: 36px;
	margin-bottom: 25px;
}

.social {
	border-radius: 30px;
    color: #757575;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    width: 30px;
    font-size: 15px;
    text-align: center;
    border: 1px solid #868787;
}

input[type=checkbox], input[type=radio] {
    border: 0px;
	width: 22px;
    height: 1.3em;
}

.dot-blue {
    height: 15px;
    width: 15px;
    background-color: #275ce0;
    border-radius: 50%;
    display: inline-block;
}

.dot-pink {
    height: 15px;
    width: 15px;
    background-color: #fc68b4;
    border-radius: 50%;
    display: inline-block;
}

.dot-normal {
    height: 15px;
    width: 15px;
    border-radius: 50%;
    display: inline-block;
}

.box-ans-que-confirm {
	margin: 20px;
	text-align: center;
	padding-top: 20px;
    padding-bottom: 20px;
}

.box-ans-que-confirm-sub {
	background: #ffffff;
    box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
    padding-bottom: 30px;
}