@charset "UTF-8";
/* CSS Document */
body {
}
a {
	transition: 0.3s;
}
.navbar-logo {
	margin-top: 5px;
}
ul.header-link {
	float: right;
	padding: 0;
	margin: 0;
}
ul.header-link li {
	float: left;
	padding: 0;
	margin: 15px 0 15px 10px;
	list-style: none;
}
ul.header-link li img {
	width: 50px;
	height: 50px;
}
ul.header-link li a:hover img {
	opacity: 0.6;
}
@media only screen and (max-width: 576px) {
	ul.header-link {
	width: 38%;
	float: right;
	}
	ul.header-link li {
	float: left;
	padding: 0;
	margin: 15px 0 15px 10px;
	list-style: none;
}
ul.header-link li img {
	width: 35px;
	height: 35px;
}	
}
.user-zone {
	float: right;
	border-radius: 8px;
	box-shadow: 0 2px 10px rgba(0,0,0,.2);
	width: 50%;
	margin-top: 10px;
	margin-right: 10px;
}
.user-zone img {
	display: inline-block;
	float: left;
	padding: 0 5px;
}
.user-zone .user-info {
	float: left;
	padding: 4px 0 0 5px;
}
.user-info p {
	padding: 0;
	margin: 0;
	text-shadow: 0 2px 10px rgba(0,0,0,.2);
}
.user-title {
	color: #005fa2;
}
.user-name {
	color: #303030;
	font-size: 1.125em;
}
.user-zone .btn {
	float: right;
	margin: 14px 10px 0 0;
}
.user-zone .btn-logout {
	background-color: #da8891;
	border-radius: 10px;
	color: #FFF;
	font-size: .9rem;
	font-weight: normal;
	padding: 3px 10px;
	display: inline-block;
}
.user-zone .btn-logout:hover {
	background-color: #a32634;
	color: #FFF;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
	
.user-zone {
	width: 60%;
}
}
@media only screen and (max-width: 576px) {
	.user-zone {
	width: 62%;
		float: left;
		margin: 10px 0 0 0;
}
	.user-zone img {
		height: 45px;
	}
	.user-zone .user-info {
	padding: 2px 0 0 5px;
}
	.user-info p {
		font-size: .9em;
	}
	.user-zone .btn {
	float: right;
	margin: 8px 10px 0 0;
}
}
/*---------------- nav ------------------*/

.navbar {
	padding: 0 15px !important;
}
.navbar .nav-item a {
	padding: 15px 30px!important;
	display: inline-block;
	color: #FFF!important;
	font-weight: bold;
	font-size: 1.125em;
}
.navbar-bg-red {
	background: url("../Content/images/nav-bg-red.jpg") top left repeat;
}
.navbar-bg-red .nav-item a:hover,.navbar-bg-red .active a {
	background-color:rgba(250,40,50,.5);
	box-shadow: 0 2px 10px rgba(0,0,0,.2);
}

.navbar-bg-orange {
	background: url("../Content/images/nav-bg-orange.jpg") top left repeat;
}
.navbar-bg-orange .nav-item a:hover,.navbar-bg-orange .active a {
	background-color:rgba(255,204,50,.5);
	box-shadow: 0 2px 10px rgba(0,0,0,.2);
}

.navbar-bg-blue {
	background: url("../Content/images/nav-bg-blue.jpg") top left repeat;
}
.navbar-bg-blue .nav-item a:hover,.navbar-bg-blue .active a {
	background-color:rgba(0,255,204,.5);
	box-shadow: 0 2px 10px rgba(0,0,0,.2);
}

.navbar-bg-gray {
	background: url("../Content/images/nav-bg-gray.jpg") top left repeat;
}
.navbar-bg-gray .nav-item a:hover,.navbar-bg-gray .active a {
	background-color:rgba(250,0,0,.5);
	box-shadow: 0 2px 10px rgba(0,0,0,.2);
}
.navbar-bg-green {
	background: url("../Content/images/nav-bg-green.jpg") top left repeat;
}
.navbar-bg-green .nav-item a:hover,.navbar-bg-green .active a {
	background-color:rgba(0,216,255,.5);
	box-shadow: 0 2px 10px rgba(0,0,0,.2);
}
/*-----dropdown-menu------------*/

.navbar-bg-green .dropdown-menu,.navbar-bg-blue .dropdown-menu {
	padding: 0;
	margin: 0;
}
.dropdown-menu a {
	padding: 0px 30px!important;
	display: inline-block;
	background-color: #444444;
	font-weight: bold;
	font-size: 1.125em;
}
.navbar-bg-green .dropdown-menu a:hover,.navbar-bg-blue .dropdown-menu a:hover {
	background-color:#222222;
	box-shadow: 0 2px 10px rgba(0,0,0,.2);
}
.active .dropdown-menu a {
	display: inline-block;
	background-color: #222222;
	font-weight: bold;
	font-size: 1.125em;
}


.navbar-toggler-icon {
	color: #FFF!important;
}
@media only screen and (max-width: 768px) {
.navbar {
	padding: 0 !important;
}
.navbar .nav-item a {
	padding: 15px auto!important;
	color: #FFF!important;
	font-weight: bold;
	display: block;
	text-align: center;
	border-bottom: 1px solid rgba(255,255,255,0.5);
}
}
.ad-bg {
	/*background: url("../Content/images/banner-ad.jpg") top left no-repeat;*/
	background-image: linear-gradient(to top, #FFF, #d8dada);
	background-color: #d8dada;
	/*box-shadow: 0 0 10px rgba(0,0,0,.2);*/
	margin-bottom: 10px;
	overflow: auto;
	background-size: cover;
}
.ad-board {
	width: 66%;
	float: left;
}
.ad-board .ad-img {
	height: auto;
	width: 100%;
}
.carousel-item img {
	width: 100%;
}
.login-tab {
	width: 34%;
	float: left;
	padding: 10px 20px;
}
.login-tab .nav-item a {
	color: #FFF;
	background-color: #fe4200;
	padding: 12px 0;
	font-size: 1.125em;
	margin-bottom: 0px!important;
	border:none;
}
.login-tab .nav-item a:hover {
	border:none;
	background-color: #ff6c38;
	color: #FFF!important;
}
.login-tab .nav-item a.active {
	color: #fe4200;
}
.login-tab .tab-content {
	background-color: #FFF;
	box-shadow: 0 3px 18px rgba(0,0,0,.15);
	border-radius: 0 0 8px 8px;
	padding: 10px;
}
.login-tab .login-label {
	width: 25%;
	text-align: right;
	float: left;
	margin: 14px 0;
	color: #484848;
}
.login-tab .login-input {
	width: 73%;
	float: left;
	margin: 5px 0 5px 2%;
}
.login-tab .code {
	clear: both;
	margin:5px 0 5px 2%;
}
.login-tab .code img {
	padding: 0;
	margin-top: -3px;
}
.login-tab .code a {
	padding: 6px 8px;
	color: #7b7473;
	display: inline-block;
	margin-left: 5px;
	border-radius: 6px;
}
.login-tab .code a:hover {
	background-color: #ff6c38;
	color: #FFF;
}

.login-tab .form-group {
	clear: both;
	border-bottom: none;
	padding: 0;
}
.login-tab .form-control {
	border: none;
	background-color: #e0ebee;
}
.login-tab .btn-login {
	width: 33%;
}
.login-btnbar a {
	color: #f92814;
	width: 30%;
	display: inline-block;
	text-align: center;
	padding: 7px 0;
}
.login-btnbar a:hover {
	background-color: #ff6c38;
	border-radius: 4px;
	text-decoration: none;
	color: #FFF;
}
.login-btnbar {
	margin: 0px 0 10px 27%;
	color: #f92814;
}
.login-btnbar .btn-login {
	background-color: #0078b9;
	color: #FFF;
	margin-top: -4px;
}
.login-btnbar .btn-login:hover {
	background-color: #004d76;
	color: #FFF;
}
.member-login {
	background-image: linear-gradient(to right, #ffe8d0, #fff2f3);
	padding: 10px 10%;
	overflow: auto;
	margin-top: -6px;
	border-radius: 0 0 10px 10px;
}
.member-login .login-tab {
	width: 100%;
}
@media only screen and (max-width: 992px) {
	.ad-bg {
		/*padding-top: 45%;*/
		background-size: 150%;
	}
	.ad-board {
		width: 100%;
	}
	.login-tab {
		width: 100%;
	}
}
@media only screen and (max-width: 576px) {
	.login-tab .login-label {
	width: auto;
	text-align: left;
	float: none;
	margin: 5px;
	color: #484848;
}
.login-tab .login-input {
	width: 97%;
	float: none;
	margin: 5px;
}
	
.login-tab .code {
	clear: both;
	margin:5px;
}
	
.login-btnbar {
	margin: 0px 0 10px 5px;
	color: #f92814;
}
	.login-tab .btn-login {
	width: 100%;
}
.login-btnbar a {
	width: 45%;
	margin-top: 15px;
}	
}
/*------------  index-note ------------------*/
.index-note {
	margin: 10px 0;
}
h3.note-title {
	background-image:url("../Content/images/title-pic.png"), linear-gradient(to right, #ffc088, #fdc5cb);
	background-position: 90% 50%;
	background-repeat: no-repeat;
	border-radius: 10px 10px 0 0;
	color: #000;
	font-size: 1.25em;
	padding: 10px;
}
h3.note-title .btn-more a {
	float: right;
	background-color: #da8891;
	border-radius: 10px;
	color: #FFF;
	font-size: .9rem;
	font-weight: normal;
	padding: 6px 8px;
	display: inline-block;
	margin-top: -2px;
}
h3.note-title .btn-more a:hover {
	background-color: #cd3c4c;
	text-decoration: none;
}
.news-board .news-img {
	float: left;
	padding: 0;
	margin: 5px 15px 10px 0;
}
.news-group .date {
	color: #5c5c5c;
	font-size: .9em;
	padding: 4px 0;
}
.news-group h3 a {
	font-size: .9em;
	color: #754500;
	font-weight: normal;
}
.news-group p {
	color: #343434;
	line-height: 1.8em;
}
.news-group:hover {
	background-color: #fdf4de;
	
}
.table-newsList {
	border-bottom: 1px solid #d6d3cb;
}
.table-newsList tr {
	border-bottom: 1px solid #d6d3cb;
	
}
.table-newsList tr:hover {
	background-color: #fdf4de;
	box-shadow: 0 0 5px rgba(0,0,0,.1);
}
.table-newsList th {
	color: #FFF;
	background-color: #c13544;
	text-align: center;
}
.table-newsList td:first-child {
	color: #8a8a8a;
}
.table-newsList td a {
	color: #754500;
	padding: 10px 0;
}
.table-newsList a:hover {
	color: #62262c;
	text-decoration: underline;
}
.newsTag-news {
	font-size: .8em;
	background-color: #ff6c38;
	border-radius: 10px;
	padding: 1px 6px;
	color: #FFF;
	vertical-align:super;
	margin-left: 4px;
}
.newsTag-hot {
	font-size: .8em;
	background-color: #ff5b82;
	border-radius: 10px;
	padding: 1px 6px;
	color: #FFF;
	vertical-align:super;
	margin-left: 4px;
}
.apply-search {
	border: 1px solid #eeeeee;
	border-radius: 0 0 6px 6px;
	border-top: none;
	padding: 10px;
	margin-top: -10px;
	color: #333333;
}
.apply-search .form-group {
	border-bottom: none;
}
.apply-search label {
	display: none;
}
.apply-search .btnBar {
	padding: 5px;
}
.apply-result {
	background-color: #fec3b2;
	padding: 10px;
	margin-top: 10px;
	border-radius: 8px;
	color: #333333;
}
.apply-result span {
	font-weight: bold;
	color: #67000a;
}
/*---------------- news content ----------------------*/
.news-content {
	border-radius: 8px;
	border: 2px solid #f1f1f1;
	overflow: auto;
	padding: 10px;
	margin-bottom: 10px;
}
.news-content .news-img-left {
	float: left;
	padding: 0;
	margin: 5px 15px 10px 5px;
	width: 30%;
}
.img-note {
	padding: 10px 5px 10px 5px;
	color: #666666;
	font-size: .9em;
}
.news-content .news-img-right {
	float: right;
	padding: 0;
	margin: 5px 5px 10px 15px;
	width: 30%;
}
.news-content .data {
	color: #972300;
	font-size: .9em;
	padding: 4px 10px;
	background-color: #fec3b1;
	display: inline-block;
	border-radius: 10px;
}
.news-content h4 {
	font-size: 1.375em;
	color: #754500;
	padding: 10px 0;
	letter-spacing: 0.1em;
}
.news-content h5 {
	font-size: 1.125em;
	color: #4c3000;
	padding: 10px 0 0 0;
	margin: 0;
	letter-spacing: 0.1em;
}
.news-content p {
	color: #343434;
	line-height: 1.8em;
	padding: 5px 0;
}
.news-content ol {
	margin:-10px 0;
	padding:0 auto;
}
.news-content ol li {
	padding-bottom: 5px;
}
.news-content ol ul {
	margin-top: 10px;
}
.news-content ol ul > li {
	list-style: lower-alpha;
}
.news-content ol.list-style-cjk li {
	list-style-type:cjk-ideographic;
}
ul.news-download {
	clear: both;
	padding: 0;
	margin: 0;
}
ul.news-download li {
	list-style: none;
	padding: 0;
	margin: 0 0 5px 0;
}
ul.news-download li a {
	color: #333333;
	display: block;
	padding: 8px 5px 8px 10px;
	border-radius: 20px;
	background-color: #f6f8f8;
}
ul.news-download li a:hover {
	color: #0090af;
	background-color: #deeff3;
	border-radius: 20px;
}
ul.news-download li a i {
	color: #0090af;
	
}
@media only screen and (max-width: 576px) {
	.news-content .news-img-left {
	float: none;
	padding: 0;
	margin: 5px 10px 10px 10px;
	width: auto;
}
	.news-content .news-img-right {
	float: none;
	padding: 0;
	margin: 5px 10px 10px 10px;
	width: auto;
}
.img-note {
	font-size: 1em;
}
}



ul.download-list {
	padding: 0;
	margin: 0;
}
ul.download-list li {
	list-style: none;
	border-bottom: 1px solid #d6d3cb;
	padding: 15px 5px;
}
ul.download-list li a {
	color: #333333;
	background: url("../Content/images/icon-point.png") left top no-repeat;
	display: block;
	padding-left: 28px;
}
@media only screen and (max-width: 576px) {
	.news-board .news-img {
	float: none;
	padding: 0;
	margin: 5px 0px 10px 0;
}
	.news-board .news-img img {
		width: 100%;
	}
	
}
/*--------------- banner --------------------*/
.banner-zone {
	background-color: #f4eee7;
}
ul.banner-list {
	padding: 30px 0;
	margin: 0;
}
ul.banner-list li {
	width: 19.2%;
	float: left;
	padding: 0;
	margin: 0 1% 0 0;
	list-style: none;
}
ul.banner-list li:last-child {
	margin-right: 0;
}
ul.banner-list li a {
	display: block;
	border: 1px solid #a9a9a9;
}
ul.banner-list li img {
	width: 100%;
}
ul.banner-list li a:hover {
	border: 1px solid #575757;
	box-shadow: 0 0 10px rgba(0,0,0,.2);
}
.gotop {
	text-align: center;
}
.gotop a {
	color: #db7985;
	padding: 10px;
	display: inline-block;
}
@media only screen and (max-width: 576px) {
ul.banner-list {
	padding: 10px 0;
}
ul.banner-list li {
	width: 50%;
	margin: 0;
	padding: 5px;
}

ul.banner-list li:last-child {
	display: none;
}
}


/*--------------- footer --------------------*/
.footer-zone {
	background-color: #b84c59;
	padding: 35px 0;
}
ul.footer-nav {
	padding: 0;
	margin: 0;
	overflow: auto;
}
ul.footer-nav li {
	list-style: none;
	width: 19.2%;
	float: left;
	padding: 0;
	margin: 0 1% 0 0;
}
ul.footer-nav li:last-child {
	margin-right: 0;
}
ul.footer-nav li a {
	display: block;
	text-align: center;
	border:1px solid #FFF;
	border-radius: 4px;
	padding: 10px 4px;
	color: #FFF;
}
ul.footer-nav li a:hover {
	background-color: #FFF;
	color: #b21e30;
	text-decoration: none;
}

@media only screen and (max-width: 576px) {
	.footer-zone {
	padding: 15px 0;
}
	ul.footer-nav li {
	width: 32.667%;
	margin: 3px 1% 3px 0;
}
	
ul.footer-nav li:nth-child(3) {
	margin-right: 0;
}
}

.footer {
	background-color: #62262c;
	color: #FFF;
	padding: 30px 0;
	font-size: .9em;
}
.footer p {
	padding: 4px 0;
	margin: 0;
	font-weight: normal;
}
.footer-data a {
	text-decoration: underline;
	color: #FFF;
}
.footer-data a:hover {
	color: #ffc80b;
	text-decoration: none;
}
@media only screen and (max-width: 576px) {
	.footer {
	padding: 20px 0;
	font-size: 1em;
		text-align: center;
}
.footer-data a {
	text-decoration: underline;
	color: #FFF;
	display: inline-block;
}
	
}
/*---------- bread link ----------------------*/
.breadlink {
	color: #6a6a6a;
	margin-top: 10px;
}
.breadlink a {
	color: #6a6a6a;
}
.breadlink i {
	margin-right: 4px;
}

/*------------  main-note ------------------*/
.main-note {
	margin: 10px 0;
}
h3.main-title {
	border-radius: 10px 10px 0 0;
	color: #000;
	font-size: 1.25em;
	padding: 10px;
}
h3.main-title-clinic {
	background-image:linear-gradient(to right, #ffc088, #fdc5cb);
}
h3.main-title-gov {
	background-image:linear-gradient(to right, #78d4d3, #d0ec8d);
}
h3.main-title-org {
	background-image:linear-gradient(to right, #33c0ec, #4cd4b6);
}

h3.main-title-admin {
	background-image:linear-gradient(to right, #ffc437, #ff9494);
}
h3.main-title .btn-tag a {
	float: right;
	background-color: #FFF;
	border-radius: 10px 10px 0 0;
	color: #cc5600;
	font-size: 1rem;
	font-weight: normal;
	padding: 9px 12px;
	display: inline-block;
	margin-top: -3px;
	margin-left: 5px;
}
h3.main-title .btn-tag a:hover {
	background-color: #cd3c4c;
	color: #FFF;
	text-decoration: none;
}
h3.main-title .main-number {
	font-size: 1rem;
	margin-left: 10px;
	color: #a40010;
}
h4.second-title {
	font-size: 1.125em;
	padding: 6px 0 6px 6px;
	margin: 5px 0;
	border-left:5px solid #b84c59;
	font-weight: normal;
}
h4.second-title span {
	color: #b84c59;
	font-weight: bold;
}
.table-list tr:hover {
	background-color:#eaf5f4!important; 
}
.table-list tr:nth-child(even) {
	background-color:#f9f9f9; 
}
.table-list a {
	color: #005d88;
	text-decoration: underline;
}
.table-list th {
	background-color: #343434;
	color: #FFF;
	text-align: center;
}
.table-list td {
	text-align: center;
}
.btn-secondary {
	background-color: #cc5600!important;
	border:#FFF!important;
}
a.btn-set {
	border-radius: 4px;
	border:1px solid #a4a4a4;
	color: #343434;
	text-decoration: none;
	padding: 2px 6px;
	display:block;
	width: 100%;
	float: left;
	margin: 2px 0;
	background-color: #FFF;
}
a.btn-set:hover {
	background-color: #ffdcb3;
	text-decoration: none;
	color: #000;
}
a.btn-set-gov {
	border-radius: 4px;
	border:1px solid #a4a4a4;
	color: #343434;
	text-decoration: none;
	padding: 2px 6px;
	display:block;
	width: 100%;
	float: left;
	margin: 2px 0;
	background-color: #FFF;
}
a.btn-set-gov:hover {
	background-color: #ffdcb3;
	text-decoration: none;
	color: #000;
}

a.btn-planb {
	border-radius: 4px;
	border:1px solid #a4a4a4;
	color: #343434;
	text-decoration: none;
	padding: 2px 6px;
	display:block;
	width: 85%;
	float: left;
	margin: 2px 0;
	background-color: #FFF;
}
a.btn-planb:hover {
	background-color: #ffdcb3;
	text-decoration: none;
	color: #000;
}
.planb-i {
	margin-top: 5px;
}
a.btn-send {
	float: left;
	border-radius: 4px;
	border:1px solid #a4a4a4;
	color: #343434;
	text-decoration: none;
	padding: 2px 6px;
	display: inline-block;
	width: 30%;
	margin: 2px 0 2px 2%;
	background-color: #bff1e3;
	
}
a.btn-send:hover {
	background-color: #00a8a2;
	text-decoration: none;
	color: #FFF;
}
a.disabled {
	background: #dcdcdc;
	border:none;
}
.text-alert {
	color: #9726bc;
}
.review-note {
	font-size: .8em;
	padding: 4px 0 0;
}
.file-note {
	color: #b20012;
	font-size: .9em;
	padding: 5px 0 0 4px;
}
.survery-note {
	background-color: #fff5e1;
	padding: 15px;
	border-radius: 8px;
}
.tooth-pic {
	width: 25%;
	float: left;
	padding: 10px;
}
.tooth-pic img {
	width: 100%;
	border-radius: 8px;
}
.tooth-subtitle {
	padding: 5px 10px;
	background-color: #d0f5ea;
	border-radius: 6px;
	margin-bottom: 6px;
}


@media only screen and (max-width: 768px) {
	a.btn-set,a.btn-send {
		word-break: keep-all;
		width: 100%;
		float: none;
	}
	
.tooth-pic {
	width: 50%;
	float: left;
	padding: 5px;
}
}
@media only screen and (max-width: 576px) {
	h3.main-title .btn-tag {
		display: block;
	}
	h3.main-title .btn-tag a {
	background-color: #FFF;text-align: center;
		border:1px solid #cc5600;
	border-radius: 10px;
	color: #cc5600;
	font-size: 1rem;
	font-weight: normal;
	padding: 9px 12px;
	display: block;
	margin-top: 16px;
		margin-bottom: 6px;
	margin-left: 1%;
		margin-right: 1%;
		width: 48%;
	}	
}
/*-------------  tab nav ----------------*/
.tabNav {
	border-radius: 10px 10px 0 0;
	color: #000;
	font-size: 1.125em;
	padding: 6px 10px 0 10px;
	margin: 10px 0 0 0;
	
}
.tabNav-clinic {
	background-image:linear-gradient(to right, #ffc088, #fdc5cb);	
}
.tabNav-gov {
	background-image:linear-gradient(to right, #78d4d3, #d0ec8d);
}
.tabNav-org {
	background-image:linear-gradient(to right, #33c0ec, #4cd4b6);
}

.tabNav-admin {
	background-image:linear-gradient(to right, #ffc437, #ff9494);
}
.tabNav .nav-link {
	padding: 4px 20px;
	margin-right: 3px;
	border:none!important;
	background-color: rgba(255,255,255,.5);
	color: #000;
}
.tabNav .active {
	font-weight: bold;
}

h3.title-apply {
	border:1px solid #98c5d1;
	font-size: 1.125em;
	color: #0078b9;
	padding: 10px;
	margin: 0 0 10px 0;
}
h3.title-apply .btn-tag a {
	float: right;
	background-color: #bee3ed;
	border-radius: 4px;
	color: #004d62;
	font-size: 1rem;
	font-weight: normal;
	padding: 6px 12px;
	display: inline-block;
	margin-top: -5px;
	margin-left: 5px;
}
h3.title-apply .btn-tag a:hover {
	background-color: #cd3c4c;
	color: #FFF;
	text-decoration: none;
}
h3.title-apply .main-number {
	font-size: 1rem;
	margin-left: 10px;
	color: #a40010;
}


.tab-content {
	box-shadow: 0 3px 15px rgba(0,0,0,.2);
	padding: 10px;
	margin-top: 0;
	margin-bottom: 20px;
	border-radius: 0 0 8px 8px;
}
.tab-content input,.tab-content select,.tab-content textarea {
	background-color: #eff5f6;
}
.form-group {
	border-bottom: 1px solid #c9cecf;
	margin: 0!important;
	padding: 5px;
	overflow:hidden;
}
.form-group .form-label {
	margin: 0;
	padding: 7px;
	text-align: right;
	color: #484848;
	float: right;
}
.form-group .form-20 {
	width: 16.66%;
	float: left;
}
.form-group .form-40 {
	width: 33.33%;
	float: left;
}
.form-group .form-60 {
	width: 50%;
	float: left;
}
.form-group .form-100 {
	width: 83.33%;
	float: left;
}
.form-address select,.form-address input {
	margin-right: 5px;
}
.form-check {
	padding: 5px 0;
}
.form-check-inline {
	padding: 5px 0;
}
.btnBar {
	background-color: #e8e8e8;
	padding: 10px;
	text-align: center;
	border-radius: 0 0 8px 8px;
}
.up-btnBar {
	float: right;
	margin-bottom: 5px;
}
button.btn-blue {
	background-color: #0078b9;
	color: #FFF!important;
}
button.btn-blue:hover {
	background-color: #005989;
	color: #FFF!important;
}
.btn-add {
	padding: 2px 10px!important;
	
}
.searchBar {
	background-color: #f4eee7;
	border-radius: 8px;
	padding: 8px 0 0 8px;
	margin-bottom: 10px;
}
.searchBar .search-btnbar {
	text-align: center;
	padding: 5px;
}
.search-result ul {
	padding: 0;
	margin: 0 0 10px 0;
}
.search-result ul li {
	padding: 5px 15px;
	margin: 2px 0;
	list-style: none;
	background-color: #f3f8f8;
	border-radius: 15px;
}
.search-result ul li:hover {
	background-color: #caf1f1;
	color: #006aa4;
}
.search-result ul li i {
	color: #006aa4;
	
}
@media only screen and (max-width: 576px) {
	.tabNav .nav-item {
		width: 100%;
	}
	.tabNav .nav-link {
	padding: 4px 20px;
	margin-right: 3px;
	border:none!important;
	background-color: rgba(255,255,255,.5);
	color: #000;
}
	.form-group .form-label {
	margin: 0;
	padding: 7px;
	text-align: left;
	color: #484848;
	float: left;
		font-weight: bold;
}

.searchBar {
	background-color: #f4eee7;
	border-radius: 8px;
	padding: 8px 8px 4px 8px;
}
	.searchBar .btn {
		width: 100%;
	}
	
	h3.title-apply .btn-tag {
		display: block;
	}
	h3.title-apply .btn-tag a {
	background-color: #bee3ed;
		text-align: center;
		border:1px solid #bee3ed;
	border-radius: 10px;
	color: #003e4f;
	font-size: 1rem;
	font-weight: normal;
	padding: 9px 12px;
	display: block;
	margin-top: 16px;
		margin-bottom: 6px;
	margin-left: 1%;
		margin-right: 1%;
		width: 48%;
	}
}
/*-------- plan A -------------*/
h3.title-plan {
	font-size: 1.25em;
	color: #014469;
	padding: 10px;
	margin: 0 0 10px 0;
	text-align: center;
	line-height: 1.5em;
}
h4.title-type {
	border:1px solid #98c5d1;
	background-color: #e6fbff;
	font-size: 1.125em;
	color: #0078b9;
	padding: 10px;
	margin: 3px 0 1px 0;
}
ul.clinic-info {
	margin: 0;
	padding: 0;
}
ul.clinic-info li {
	list-style: none;
	padding: 0;
	margin: 0 0 10px 0;
	float: left;
	width: 25%;
}
ul.clinic-info li:last-child {
	width: 50%;
}
.info-title {
	background-color: #1dbbd7;
	border-radius: 4px;
	color: #FFF;
	padding: 4px 6px;
	margin-right: 10px;
}
.form-group .buttomline {
	border-bottom: 1px solid #c9cecf;
	padding: 5px 0;
}
.form-group .buttomline:first-child {
	padding-top: 0;
}
.form-group .buttomline:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.border-dr {
	border:2px solid #f3a763;
	margin: 2px 0!important;
}
.border-team {
	border:2px solid #3abb07;
	margin: 4px 0!important;
}
.border-gov {
	border:2px solid #5ebfd9;
	margin: 2px 0!important;
}

.form-normal {
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media only screen and (max-width: 576px) {
	ul.clinic-info li {
	list-style: none;
	padding: 0;
	margin: 0 0 10px 0;
	float: left;
	width: 100%;
}
ul.clinic-info li:last-child {
	width: 100%;
}
	.offset-2 {
		margin: 0!important;
	}
}

.table-btnBar {
	background-color: #e8e8e8;
	padding: 5px;
	text-align: center;
	border-radius: 0 0 8px 8px;
	overflow: auto;
	
}
.table-btnBar .pagination {
	margin: 0;
	padding: 0;
}
.table-btnBar a.page-link {
	color: #3190c1;
	border-radius: 30px!important;
	margin: 0 1px;
	padding: 2px 8px;
}
.table-btnBar a.page-link:hover {
	color: #FFF;
	background-color: #3190c1;
}

/*----------------- question -----------------------*/
.qna-group {
	border:#eeeeee 2px solid;
	margin-bottom: 5px;
}
.qna-group .question {
	background-color: #eeeeee;
	padding: 10px;
	font-weight: bold;
	color: #333333;
}
.question-mark {
	background-color: #00b3d1;
	border-radius: 20px;
	width: 35px;
	height: 35px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	color: #FFF;
	font-size: 1.375em;
	margin-right: 10px;
}
.qna-group .answer {
	padding: 10px;
	overflow: auto;
}

.answer-mark {
	background-color: #ff525d;
	border-radius: 20px;
	width: 35px;
	height: 35px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	color: #FFF;
	font-size: 1.375em;
	margin-right: 10px;
	font-weight: bold;
	float: left;
}
.answer-note {
	width: 95%;
	float: left;
	padding-top: 5px;
	
}
.contentUs {
	border:#eeeeee 2px solid;
	margin-bottom: 5px;
	padding: 20px;
	
}

/*------------- modal -----------------*/
.modal-header {
	background-image:linear-gradient(to right, #ffc088, #fdc5cb);
	color: #460002;
	
}
.forget-password {
	text-align: center;
	font-size: 1.25em;
	color: #333333;
}

/* bootstarp table pagination*/
.pagination-info {
    display: none;
}

.viewLabel {
    padding: 7px;
    margin-bottom: 0px;
}

.btn-file-input {
    opacity: 0 !important;
    width: 150px !important;
    position: absolute !important;
}
.elHide { 
	display:none;
}

.menubars {
	color: #fff;
	font-size: 28px;
}

.signature-pad {
	width: 600px;
	height: 130px;
	border: 1px solid black;
}

.SurgeryList {
	position: relative;
	display: inline-block;
	margin: 5px;
}

.BtnSurgeryList {
	position: absolute;
	top: 0;
	right: 0;
}

.alignleft {
	text-align: left
}