.text-circle-per span{font-weight: bold; font-size: 50px; width: 100%; line-height: 120px; cursor: pointer;}

.profile-topcard .card-left, .profile-topcard .card-right{height: 100%;}

.text-circle-per.p100 span,
.text-circle-per.p80 span{color: #3ec715;}
.text-circle-per.p100 .bar,
.text-circle-per.p100 .fill,
.text-circle-per.p80 .bar,
.text-circle-per.p80 .fill{border: 0.08em solid #43c81c  !important;}

.text-circle-per.p50 span,
.text-circle-per.p60 span{color: #91CC28;}
.text-circle-per.p50 .bar,
.text-circle-per.p60 .bar{border: 0.08em solid #91CC28;}

.text-circle-per.p30 span,
.text-circle-per.p40 span{color: #FFC935;}
.text-circle-per.p30 .bar,
.text-circle-per.p40 .bar{border: 0.08em solid #FFC935;}

.text-circle-per.p10 span,
.text-circle-per.p20 span{color: #FD3A3A;}
.text-circle-per.p10 .bar,
.text-circle-per.p20 .bar{border: 0.08em solid #FD3A3A;}

.c100:after{background-color: #ffffff;}

.b-card-right{text-align: center; padding-top: 56px;}
.btn-topcard{text-decoration: none; height: 70px; line-height: 1em; padding: 10px 0; border-radius: 5px;}
.btn-topcard:hover{text-decoration: none; color: #ffffff;}
.b-card-right .num-text{color: #006b39; font-weight: bold; font-size: 34px; margin: 0; padding-bottom: 40px;}
.b-card-right .num-text span{font-size: 186px;}

.dropdown-header-menu{
    display: none;
    background-clip: unset;
    border: none;
    border-radius: 0;
}
.dropdown-menu.dropdown-header-menu.show{
    display: block;
    top: 108px !important;
    /* top: 87px !important; */
    position: fixed !important;
    width: 550px;
    left: unset !important;
    right: 0;
    height: 100vh;
    transform: translate3d(0px, 0px, 0px) !important;
    padding: 0;
    box-shadow: 0rem 1rem 0.8rem rgba(0, 0, 0, 0.25);
}
.b-profile .dropdown-menu .dropdown-item{
    padding: 0px 40px;
    text-transform: uppercase;
    white-space: unset;
    border-bottom: 2px solid #D2D2D2;
}
.b-profile .dropdown-item .title-nofi{
    font-size: 26px;
    color: #006b39;
    font-weight: bold;
    margin: 0;
}
.b-profile .dropdown-item .detail{
    font-size: 20px;
    line-height: 1em;
	padding-top: 15px;
}
.b-profile .dropdown-item.active, .b-profile .dropdown-item:active{
    background-color: transparent;
    color: #000;
}
.b-profile .dropdown-menu .dropdown-item:hover .b-nofi-table{
    height: auto;
    /* transform: scale(1); */
}
.b-profile .nofication.dropdown.show, .b-profile .link-profile.dropdown.show{
    background: rgb(255,255,255);
    background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(217,217,217,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(217,217,217,1) 100%);
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(217,217,217,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#d9d9d9",GradientType=1);
}
.site-header .b-profile:before{left: 75px;}
.site-header .b-profile .profile{padding-left: 0;}
/* .site-header .b-profile .link-profile{padding: 20px;} */
.site-header .b-profile .link-profile{padding: 30px 20px;}
.site-header .b-profile .link-profile .list-profile{display: block;}
.site-header .b-profile .nofication{padding: 0 10px; width: auto;}
/* table */
.b-nofi-table{height: 0; /*transform: scale(0);*/ overflow: hidden; transition: all 400ms;}
.tbody-nofi{padding: 0; background-color: transparent; border: none; margin: 0;}
.tbody-nofi thead{display: none;}
.tbody-nofi .tr{display: block; margin-bottom: 0px; background-color: #ffffff; font-size: 18px;}
.tbody-nofi .tr .td{display: table; width: 100%; padding: 0; text-align: left;}
.tbody-nofi .tr .td > div{display: table-cell; padding: 10px; vertical-align: middle;}
.tbody-nofi .tr .head-xs{ width: 150px; text-align: center;}
.tbody-nofi .td.color-red .head-xs{ font-weight: normal;}
.tbody-nofi .tr .head-xs{background-color: #006B39; color: #ffffff;}

.tbody-nofi .tr .body-xs{width: calc(100% - 150px); background-color: #f5f5f5;}
.tbody-nofi .tr .td:after{content: ""; clear: both; display: block;}
.tbody-nofi .th{display: none;}
.table-bar table{border: unset;}
.tbody-nofi.table-bordered td, .tbody-nofi.table-bordered th{border: 1px solid #ffffff;}
/* end table */

.register-content.forgot-password .regis-card{margin-right: auto; margin-left: auto;}
.register-content.forgot-password .regis-1 .b-process{padding: 30px;}
.register-content.forgot-password .mt-forgot{margin-top: 48px;}

@media screen and (max-width: 1600px){
    .dropdown-menu.dropdown-header-menu.show{top: 87px !important;}
    .site-header .b-profile .link-profile{padding: 20px 20px 20px 0px;}
    .site-header .b-profile .link-profile .list-profile .item-link{font-size: 26px !important;}
	.top-login{padding-top: 5px;}
	.top-login .b-text{padding-top: 15px;}
	.top-login .b-text .text{font-size: 38px;}
	.top-login .b-text .sub-text{font-size: 34px;line-height: 1.7em;}
	.site-header .text-logo-header .text{font-size: 38px;}
	.site-header .text-logo-header .sub-text{font-size: 34px;line-height: 1.2em;}
	.site-header .logo-header .logo{padding-top: 5px;padding-bottom: 10px;}
	.b-success .text .t-2, .b-fail .text .t-2{font-weight:400;font-size: 30px;}
	.b-success .text .t-3, .b-fail .text .t-3{font-weight:400;font-size: 30px;}
	.bg-sectiontwo .back-header{
    position: absolute;
	top: 0;
    right: 0;
	padding: 20px 0;
	margin-right:20px;
	}
	.bg-sectiontwo .back-header .back-to-login{
    display: block;
    border-radius: 30px;
    padding: 10px 25px;
    font-size: 24px;
    font-weight: bold;
    background-color: #ffffff;
    color: #006B39;
    text-decoration: none;}
	.register-page .banner{margin-top: 95px;}
    /* .card-search{margin-top: -490px;} */
}
@media screen and (max-width: 1440px){
    /* .dropdown-menu.dropdown-header-menu.show{left: 890px !important;} */
	
    .profile-topcard{margin-top: -160px;}
    .card-search{margin-top: -490px;}
    .table-profile{font-size: 20px;}
	.top-login{padding-top: 5px;}
	.top-login .b-text{padding-top: 15px;}
	.top-login .image{width:93px; height:103px;}
	.top-login .image img{width:100%;}
	.top-login .b-text .text{font-size: 38px;}
	.top-login .b-text .sub-text{font-size: 34px;line-height: 1.7em;}
	.site-header .text-logo-header .text{font-size: 38px;}
	.site-header .text-logo-header .sub-text{font-size: 34px;line-height: 1.2em;}
	.site-header .logo-header .logo{padding-top: 5px;padding-bottom: 5px;}
	.b-success .text .t-2, .b-fail .text .t-2{font-weight:400;font-size: 30px;}
	.b-success .text .t-3, .b-fail .text .t-3{font-weight:400;font-size: 30px;}
	.bg-sectiontwo .back-header{
    position: absolute;
	top: 0;
    right: 0;
	padding: 20px 0;
	margin-right:20px;
	}
	.bg-sectiontwo .back-header .back-to-login{
    display: block;
    border-radius: 30px;
    padding: 10px 25px;
    font-size: 24px;
    font-weight: bold;
    background-color: #ffffff;
    color: #006B39;
    text-decoration: none;}
	.register-page .banner{margin-top: 95px;}
	
}
@media screen and (max-width: 1366px){
    /* .dropdown-menu.dropdown-header-menu.show{left: 820px !important;} */
}
@media screen and (max-width: 1199.98px){
    .register-page .banner .b-banner-text{top: 30px;}
    .b-menu-banner{display: none;}
    
}
@media screen and (max-width: 991.98px){
    .dropdown-menu.dropdown-header-menu.show{width: 60%; top: 78px !important;}
    .b-profile .dropdown-menu .dropdown-item .b-nofi-table{height: auto;}
    .card-search{margin-top: -240px;}
    .b-cardProfile .title{padding: 15px;}
    .site-header .b-profile:before{left: 65px;}
    .site-header .b-profile .link-profile .list-profile .item-link{font-size: 20px !important;}

    .register-content.forgot-password .mt-forgot{margin-top: 0;}
}
@media screen and (max-width: 767.98px){    
    .dropdown-menu.dropdown-header-menu.show{width: 100%; top: 73px !important;}
}
@media screen and (max-width: 575.98px){
    .site-header .b-profile .link-profile,.site-header .b-profile .link-profile{padding: 15px 5px;}
    .site-header .b-profile .link-profile, .site-header .b-profile .link-nofication{padding: 15px 5px;}
    .register-page .banner{margin-top: 60px;}
    .dropdown-menu.dropdown-header-menu.show{top: 62px !important; overflow: auto; height: calc(100% - 62px) !important;}
    .site-header .b-profile .nofication{padding: 0;}
    .b-profile .dropdown-menu .dropdown-item{padding: 10px 20px;}

    .card-search{margin-top: -280px;}
    .register-content-2 .card-search{margin-top: -180px;}

    .b-profile .dropdown-item .title-nofi{font-size: 20px;}
    .b-profile .dropdown-item .detail{font-size: 18px;}
    .table-profile{font-size: 18px;}
    .tbody-nofi .tr .head-xs{width: 140px;}

    .partic-list .slider .slick-slide .item, .partic-2-list .slider .slick-slide .item{padding-top: 10px;}

    .b-cardProfile .process .line-green:before, .process .line-yellow:before, .b-cardProfile .process .line-red:before, .process .line-blue:before{left: 120px !important;}
    
}
@media screen and (min-width: 992px){
}

.login-form .btn.btn-login.button-login{
    display: flex;
    align-items: center;
    justify-content: center;
}

.register-page .register-content .sub-title {
	text-transform: none !important;
	color: #666;
}
.register-page .register-content .title{
	text-transform: none !important;
}
.register-page .register-content .title{
	font-size: 32px;
}
.register-page .register-content .nameInput{
	text-transform: none !important;
}
.text-secondary{
	color: #666 !important;
}
.form-register .box-specify.active .b-specify .specify-label{
	text-transform: none !important;
	color: #666 !important;
}
.form-register .radio-check .radio-label{
	text-transform: none !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
	font-size: 22px!important;
	color: #333 !important;
}
.select2-results__option{
	font-size: 22px!important;
	color: #333 !important;
}
.form-register .radio-check input[type="radio"] + .radio-label:before{
	border: 2px solid #006B39 !important;
}
.alertCss{
	color:#FF0000;  
	width:100%; 
	text-align:left;
	margin-top:10px; 
	font-size: 20px;
}

.register-confirm .confirm-regis .b-success, .register-confirm .confirm-regis .b-fail{
	height: 600px !important;
}

.forgot-password .b-nameinput-regis .img-vertify{width: 150px;}

.forgot-password .b-nameinput-regis .refresh-regis{margin-left: 25px;}

.forgot-password .form-input-regis{
	font-size: 22px !important;
	border-radius: 10px !important;
}

.register-process .regis-card .pbox{
	padding-top: 30px;
    padding-bottom: 30px;
}
.login-form .form-input{
	font-size: 22px !important;
	border-radius: 10px !important;
	height: 50px !important;
}

.register-page .banner .b-banner-text{
	text-transform: none !important;
}

.site-header .b-profile .link-profile .text{
	font-size: 25px !important;
}

.site-header .b-profile .link-profile .list-profile .item-link{
	text-transform: none !important;
	font-size: 28px;
}

.register-process .profile {
	padding:30px;
}
.register-process .profile .b-laboratory-profile {
	padding-top:30px;
}
.txtViewProfile{
    font-size: 23px ;
	color: #666;
	line-height: 1em;
}

.register-page .register-content .nameInput.txtViewTitle{
    font-size: 23px;
	line-height: 1em;
}


.txtViewProfile span{
	padding-right:5px;
	color: #006B39 !important;
}

.register-page .banner .head-title{
	text-transform: none !important;
}

.register-page .banner .head-title span{
	font-weight:300;
}


.borderUnderTitle{
	border-top:1px solid #ced4da !important;
	padding-top:35px;
	
}
/*
.register-page .register-content .laboratory.profileNameLab{margin-top: -740px;}  Comment * 10/08/2021 by Murphy*/

/*.profileNameOrg{
	margin-top: 20px !important;
}*/
.endProfile{
	clear:both;
	height:40px;
}

.divInputShort{
	padding-left:0px;
}

.register-page .banner .b-banner-text{
    font-size: 24px !important;
}

#myFormPass .form-input-regis{
	font-size: 22px!important;
	color: #333 !important;
	border-radius: 10px !important;
	border: 1px solid #ccc;
}

.checkbox-check label{
	font-size:23px;
	padding-top:7px;
}
.checkbox-check input[type="checkbox"] + .checkbox-label:before {
    content: "";
    background-color: #ffffff;
    border-radius: 1px;
    border: 2px solid #006B39 !important;
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    top: 0;
    margin-right: 10px;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    -webkit-transform: all 400ms;
    transform: all 400ms;
}

.checkbox-check input[type="checkbox"]:checked + .checkbox-label:before{
	background-color: #00AA5A;
    -webkit-box-shadow: inset 0 0 0 2px #ffffff;
    box-shadow: inset 0 0 0 2px #ffffff;
	border: 2px solid #006B39 !important;
}


#myFormNonPayment .form-input-regis{
	font-size: 22px!important;
	color: #333 !important;
	border-radius: 10px !important;
	border: 1px solid #ccc;
}

#myFormNonPayment input[type="file"] {
    display: none;
}
#myFormNonPayment .custom-file-upload {
	font-family: "db_helvethaica";
    display: inline-block;
    padding-right: 20px;
    padding-left: 20px;
    cursor: pointer;
    overflow: visible;
    border-radius: 10px;
    line-height: 60px;
    border: none;
	font-size: 26px;
	color:#9ac7f2;
	width: 100%;
	background-color: rgba(0, 107, 57, 0.8);
	backdrop-filter: blur(10px) brightness(1.5);
}
#myFormNonPayment .custom-file-upload .icon{
	width: 40px;
    float: left;
}
#myFormNonPayment .custom-file-upload div.fa{
    margin-top: 17px;
	float:left;
}
#myFormNonPayment .txtFileUpload{
    padding-left: 5px;
	color:#333333;
	font-size: 22px;
}

#myFormNonPayment .item {
  padding-bottom:20px;
}
#myFormNonPayment .item .icon {
  width: 60px;
  height: 60px;
  background:#006b39 !important;
  float: left;
  color:#FFFFFF;
	border-radius: 10px !important;
}
#myFormNonPayment .item a img {
	width:50%;
	margin: 0 auto;
	margin-top: 10px;
  color:#FFFFFF;
}

#myFormNonPayment  .desc {
	width: 450px;
	float: left;
	height: 30px;
	box-sizing: border-box;
	margin-left: 20px;
	padding-top:5px;
	line-height: .9;
	font-size: 22px;
}

#myFormNonPayment  .info {
	width: 450px;
	float: left;
	height: 30px;
	box-sizing: border-box;
	margin-left: 20px;
	padding-top:5px;
	line-height: .9;
	font-size: 22px;
	border-top: solid 1px #9f9f9f;
}

#myFormNonPayment  .info div {
	float: left;
	color:#9f9f9f;
	font-size:18px;
	margin-right:20px;
}

#myFormNonPayment  .info div span{
	color: #666 !important;
}

#myFormNonPayment .endFildeUpload{
	clear:both;
	height:10px;
}
 /*
#myFormNonPayment .nodata{
	margin-top: -740px !important;
}
Comment code / 10/08/2021 By Murphy*/
.massagesDataRow{
	width:98%;
	margin: 0 auto;
	padding: 0px !important;
}

button.accordion {
    background-color: #fff;
    color: #000;
    cursor: pointer;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;
	margin:0;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.2s;
	border-bottom: 2px solid #D2D2D2;
}

button.accordion h1 {
	font-size: 25px;
    color: #006b39;
    font-weight: bold;
    margin: 0;	
	background:url(../img/icon/mail-msg.png?v=10001) no-repeat left top 2px;
    padding-left: 40px;
}
button.accordion h1:hover{
   /* color: #FFCC00;*/
	color:#006b39;
	
}

button.accordion.active, button.accordion:hover {
}
.startPeocess {
	float:right; 
	color:#FF0000; 
	font-size:25px;
}

.startPeocessMenu {
	color:#FF0000; 
	font-size:25px;
	float:right; 
	margin-top:-20px;
}



div.panel {
    padding: 0 18px;
    background-color: white;
	border-bottom:2px solid #D2D2D2;
	border-left:2px solid #D2D2D2;
	border-right:2px solid #D2D2D2;
    max-height: 0;
    overflow: hidden;
    transition: 0.2s ease-in-out;
    opacity: 0;
	background-color:#fff;
}

div.panel h1 {
   
	padding-left:40px;
}

div.panel.show {
    opacity: 1;
    max-height: 2000px;
}


.news-bottom {
  padding: 20px 0;
  margin-bottom: 67px;
}
.news-sum {
	font-size: 22px;
	color: #686868;
	float: left;
}

.news-sum strong {
  color: #006838;
}

.pagingPrev {
	float: right;
	text-align: center;
	font-size: 22px;
	padding-right:15px;
}

.pagingPrev a {
	display: inline-block;
	background: #EEE;
	border-radius: 5px;
	padding: 5px 15px;
	border-radius: 5px;
	color: #666;
	font-size: 22px;
	height:30px;
	width:45px;
}

.pagingPrev a + a {
	margin-left: 10px;
	font-size: 22px;
}

.pagingPrev a.current {
	background: #006838;
	color: #FFF;
	font-size: 22px;
}

.paging {
	float: right;
	text-align: center;
	font-size: 22px;
}

.paging a {
	display: inline-block;
	background: #EEE;
	border-radius: 5px;
	padding: 5px 15px;
	border-radius: 5px;
	color: #666;
	font-size: 22px;
	height:30px;
	width:45px;
}

.paging a + a {
	margin-left: 10px;
	font-size: 22px;
}

.paging a.current {
	background: #006838;
	color: #FFF;
	font-size: 22px;
}

.pagingNext a {
	display: inline-block;
	background: #EEE;
	border-radius: 5px;
	padding: 5px 15px;
	border-radius: 5px;
	color: #666;
	font-size: 22px;
	height:30px;
	width:45px;
}

.pagingNext {
	float: right;
	text-align: center;
	font-size: 22px;
	padding-left:15px;
}


.pagingNext a + a {
	margin-left: 10px;
	font-size: 22px;
}

.pagingNext a.current {
	background: #006838;
	color: #FFF;
	font-size: 22px;
}

.massagesBoxAuto{
	height:auto !important; 
}
.dropdown-item.backNotiYes{
	background-color: #e3e3e3;
}
.register-page .banner .b-banner-text span{
	font-weight:300;
}

.nodatainfo{
	padding:40px !important; 
}

.table-profile{
	text-transform: none !important;
}

.text-yellow{
	color: #000000 !important;
}

.btn-unregister {
    width: 80%;
    height: 50px;
    display: block;
    outline: 0;
    background-color: #ff1b00;
    border: none;
    color: #ffffff;
    font-size: 22px;
    font-weight: bold;
    text-transform: none;
    -webkit-box-shadow: 0rem 0.2rem 0.8rem rgb(0 0 0 / 25%);
    box-shadow: 0rem 0.2rem 0.8rem rgb(0 0 0 / 25%);
    border-radius: 5px;
	margin:15px;;
	padding:15px;
	text-align:center;
	float:right;
}

.boxModelCancel{
	max-width: 650px;
}

#forgot_password .contact-completebox{
	height: 450px;
}

#forgot_password .contact-completebox.cancel{
	background: url(../img/background/bg-regis-1.png) right;
    background-size: cover;
    width: 100%;
    height: 350px;
    padding: 200px 50px;
    box-sizing: border-box;
}

#forgot_password .contact-completebox #textTitleH4{
	color:#ff1b00;
	font-size: 35px;
	width:500px;
	text-align:center;
}
#forgot_password .contact-completebox #textDetailH4{
	color:#ff1b00;
	font-size: 35px;
	width:500px;
	text-align:center;
}
#forgot_password .contact-completebox #textBoxBtnH4{
	color:#ff1b00;
	font-size: 35px;
	width:500px;
	text-align:center;
}


#forgot_password .contact-completebox #textBoxBtnCalncel{
	width: 300px;
	margin:0 auto;
	text-align:center;
}
.btn-unregister-yes {
    width: 120px;
    height: 50px;
    display: block;
    outline: 0;
    background-color: #006B39;
    border: none;
    color: #ffffff;
    font-size: 22px;
    font-weight: bold;
    text-transform: none;
    -webkit-box-shadow: 0rem 0.2rem 0.8rem rgb(0 0 0 / 25%);
    box-shadow: 0rem 0.2rem 0.8rem rgb(0 0 0 / 25%);
    border-radius: 5px;
	margin:15px;;
	padding:15px;
	text-align:center;
	margin-left: 10px;
	float:left;
}


.btn-unregister-no {
    width: 120px;
    height: 50px;
    display: block;
    outline: 0;
    background-color: #ff1b00;
    border: none;
    color: #ffffff;
    font-size: 22px;
    font-weight: bold;
    text-transform: none;
    -webkit-box-shadow: 0rem 0.2rem 0.8rem rgb(0 0 0 / 25%);
    box-shadow: 0rem 0.2rem 0.8rem rgb(0 0 0 / 25%);
    border-radius: 5px;
	margin:15px;;
	padding:15px;
	text-align:center;
	margin-left: 20px;
	float:left;
}

.btn-unregister-home {
    width: 120px;
    height: 50px;
    display: block;
    outline: 0;
    background-color: #006B39;
    border: none;
    color: #ffffff;
    font-size: 22px;
    font-weight: bold;
    text-transform: none;
    -webkit-box-shadow: 0rem 0.2rem 0.8rem rgb(0 0 0 / 25%);
    box-shadow: 0rem 0.2rem 0.8rem rgb(0 0 0 / 25%);
    border-radius: 5px;
	margin:0 auto;
	padding:15px;
	text-align:center;
}

.txtGreenComplete{
   color: #006B39 !important;
}

.process .b-text .text{
	text-transform: none !important;
}

.cardProfile .image{
	margin-bottom:20px;
}
.cardProfile .line-green .image{
	margin-bottom:0px;
}

.cardProfile .image img{
	max-width: 80% !important;
}

.process .b-text .text{
font-weight: 600;
}
.process .line-yellow{
filter: grayscale(100%);
    opacity: 0.9;
}

.profile-topcard .text-title .detail{
 font-size:20px !important;
}
/*## Edit 17/072021 ############*/




/*-G Edit 20/07/2021- start -*/
.text-circle-per.p60 .fill{border-color:#91CC28;}
.text-circle-per.p70 span{color: #91CC28;}
.text-circle-per.p70 .bar,
.text-circle-per.p70 .fill{border-color:#91CC28;}
.text-circle-per.p90 span{color: #3ec715;}
.text-circle-per.p90 .bar,
.text-circle-per.p90 .fill{border-color:#43c81c;}

.forgot-password .b-nameinput-regis.captcha > img{width: 150px !important; height: 48px !important; object-fit: contain; object-position: center;}
.forgot-password .b-nameinput-regis .refresh-regis .img-fluid{height: 48px; transition: all 400ms ease-out;}
.forgot-password .b-nameinput-regis .refresh-regis:hover .img-fluid{transform: rotate(360deg);}

.register-page .register-content .b-verifyCode .refresh-regis .img-fluid{height: 48px; transition: all 400ms ease-out;}
.register-page .register-content .b-verifyCode .refresh-regis:hover .img-fluid{transform: rotate(360deg);}

#modal_register .modal-dialog-centered .close-regis {right: -25px;top: -27px;}

.register-page .register-content .privacy .checkbox-control input[type='checkbox']{width: 100%;}
.register-page .register-content .register-process.regis-cf{background-position: bottom center;}

.register-content.forgot-password .register-process {background-position: right top;}

.dropdown-menu.dropdown-header-menu.show{width: 420px;}

.site-header .b-profile .nofication .list-col{height: calc(100vh - 168px); overflow: auto; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb;}
.site-header .b-profile .nofication .action{text-align: center; padding-top: 15px;}
.site-header .b-profile .nofication .action .btn{height: 50px; margin-bottom: 0;}

.register-page .register-content.-background{background-repeat: no-repeat; background-position: bottom;}

.cardProfile .line-green .image{margin-bottom:20px;}

#myFormNonPayment .custom-file-upload {line-height: inherit;height: 47px;color: #fff;display: flex;align-items: center;
	transition: all 200ms ease-out;
}
#myFormNonPayment .custom-file-upload:hover{background-color: #084422;}
#myFormNonPayment .custom-file-upload .icon{width: auto; float: none;}
#myFormNonPayment .txtFileUpload{padding-left: 15px; color: #fff;}

#myFormNonPayment .item{width: 290px; border: 1px solid #f5f5f5; padding: 5px; border-radius: 5px; position: relative; padding-left: 50px;}
#myFormNonPayment .item:after{content: ''; display: table; clear: both;}
#myFormNonPayment .item > a{display: block; position: absolute; top: 5px; left: 5px;}
#myFormNonPayment .item > a:hover .icon{background-color: #084422 !important;}
#myFormNonPayment .item .icon {width: 40px; height: 40px; float: none; padding-top: 8px; transition: all 200ms ease-out;}
#myFormNonPayment .item .icon img {margin-top: 0;}
#myFormNonPayment .desc {width: auto; margin-left: 0; float: none; height: 1em; padding-top: 0; line-height: 1em; font-size: 20px; overflow: hidden;
    /*display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;*/
    text-overflow: ellipsis; max-width: 230px; white-space: nowrap;
}
#myFormNonPayment .info {width: auto; margin-left: 0; float: none; height: auto; padding-top: 2px; margin-top: 2px;line-height: 1; border-top: solid 1px #d2e0d9;}
#myFormNonPayment .info:after{content: ''; display: table; clear: both;}
#myFormNonPayment .info div {font-size: 16px; margin-right: 0px;}
#myFormNonPayment .info div + div{margin-left: 8px; padding-left: 8px; border-left: 1px solid #ebebeb;}
#myFormNonPayment .info div > a{background-color: #f00; padding: 0px 5px; display: block; border-radius: 4px;}
#myFormNonPayment .info div > a > span{color: #fff !important;}
#myFormNonPayment .info div > a:hover{text-decoration: none; background-color: #d20a0a;}

.datepicker{min-width: inherit; width: 288px; padding: 10px; border-color: #333; background-color: #fff; color: #333;}
.datepicker-dropdown:before{border-bottom-color: #333;}
.datepicker table{width: 100%;}
.datepicker thead tr:first-child th{color: #fff; background-color: #006B39;}
.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr:first-child th:hover {background: #084422;}
.datepicker td,
.datepicker th{height: 25px; border-radius: 0; border: 1px solid #ebebeb;}
.datepicker .dow{background-color: #7dd2aa; color: #033e22;}
.datepicker table tr td.old,
.datepicker table tr td.new{background-color: #f7f7f7; color: #d2d2d2;}
.datepicker .day{background-color: #fff; color: #033e22;}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover{background-image: -webkit-linear-gradient(top, #006B39, #084422);}

.b-success .image .img-fluid,
.b-fail .image .img-fluid{width: 160px;}

/*
.register-page .register-content .laboratory.profileNameLab{margin-top: -700px;} Comment 10/08/2021 by Murph*/


.massagesDataRow .-list+.-list{border-top: 2px solid #D2D2D2;}
.massagesDataRow .-list .accordion{border-bottom: 0;}
.massagesDataRow .-list .panel{border-top: 2px solid #D2D2D2; border-bottom: 0;}
.massagesDataRow .-list:last-child .panel{border-bottom: 2px solid #D2D2D2;}
.massagesDataRow .-list:last-child .panel.show{margin-bottom: 10px;}

.news-bottom:after{content: ''; display: table; clear: both;}
.news-sum{line-height: 1.4;}
.paging a{line-height: 20px;}
.pagingPrev a .fa,
.pagingNext a a .fa{line-height: 18px;}

.-col-payment{width: 310px;}

.register-page .register-content .nameInput{max-width: 210px; margin-bottom: 1rem;}

@media screen and (max-width: 1600px){
	.cardProfile .line-green .image{margin-bottom:0px;}
}
@media screen and (max-width: 1440px){
	.register-content.forgot-password .mt-forgot {margin-top: 43px;}

	.b-success .text .t-1,
	.b-fail .text .t-1{font-size: 30px;}
	.b-success .text .t-2, 
	.b-success .text .t-3, 
	.b-fail .text .t-2, 
	.b-fail .text .t-3 {font-size: 30px;}
/*
	.register-page .register-content .regis-card {margin-top: -130px;}
	Comment * 10/08/2021 by Murphy
*/
	.forgot-password .b-nameinput-regis .refresh-regis{margin-left: 15px;}
	.forgot-password .b-nameinput-regis .refresh-regis .img-fluid {height: 38px; margin-top: 5px;}

	.register-page .register-content .laboratory,
	.register-page .register-content .laboratory.profileNameLab {margin-top: -680px;}

}
@media screen and (max-width: 1199px){
	.register-page .register-content .title,
    .register-page .register-content .privacy {font-size: 28px;}

    .forgot-password .b-nameinput-regis .refresh-regis {margin-left: 5px;}
    .forgot-password .b-nameinput-regis .refresh-regis .img-fluid {height: 30px;margin-top: 10px;}

    .register-page .register-content .laboratory,
    .register-page .register-content .laboratory.profileNameLab {margin-top: -710px;}

}
@media screen and (max-width: 991px){
	.register-content.forgot-password .mt-forgot {margin-top: 20px;}

	.b-body-height {overflow: auto;height: 100%;}

	.register-page .register-content .b-verifyCode .b-nameinput-regis.captcha{padding-left: 210px;}

	.dropdown-menu.dropdown-header-menu.show {width: 300px;}

	.b-register .forgot-1,
	.b-register .forgot-password{text-align: center; display: block;}

	.forgot-password .b-nameinput-regis .refresh-regis {margin-left: 10px;}

	.b-success .image .img-fluid,
	.b-fail .image .img-fluid {width: 120px;}

	.register-page .register-content .laboratory.profileNameLab {margin-top: -580px;}

}
@media screen and (max-width: 767px){    
	#modal_register .modal-dialog-centered .close-regis {right: -5px;top: -21px;}

	.register-page .register-content .b-verifyCode .b-nameinput-regis.captcha{padding-left: 0px;}

	.site-header .b-profile .nofication .list-col {height: calc(100vh - 157px);}

	.register-confirm .confirm-regis .b-success,
	.register-confirm .confirm-regis .b-fail {height: 420px !important;}

	.b-success .image .img-fluid,
	.b-fail .image .img-fluid { width: 80px;}

	.b-success .text .t-1,
	.b-fail .text .t-1{font-size: 24px;}
	.b-success .text .t-2, 
	.b-success .text .t-3, 
	.b-fail .text .t-2, 
	.b-fail .text .t-3 {font-size: 20px;}

	.massagesDataRow{margin: 5px auto;}
	button.accordion h1 {font-size: 22px;line-height: 1;}

	.news-bottom {margin-bottom: 10px; position: relative; display: flex; justify-content: center; padding-top: 30px;}
	.news-sum {line-height: 1.2;float: none;text-align: center; position: absolute; top: 0; left: 0; right: 0;}
	.paging{float: none; order:2;}
	.paging a {padding: 5px 10px;font-size: 20px;height: 30px;width: 35px;vertical-align: middle;}
	.paging a + a { margin-left: 5px;font-size: 20px;}
	.pagingNext{padding-left: 10px; float: none; order:3;}
	.pagingNext a {padding: 5px 10px;font-size: 20px;height: 30px;width: 35px;vertical-align: middle; padding-left: 10px;}
	.pagingNext a + a {margin-left: 5px;font-size: 20px;}
	.pagingPrev{padding-right: 10px; float: none; order: 1;}
	.pagingPrev a {padding: 5px 10px;font-size: 20px;height: 30px;width: 35px;vertical-align: middle;}
	.pagingPrev a + a {margin-left: 5px;font-size: 20px;}

	.register-page .register-content .nameInput{max-width: inherit; margin-bottom: 0;}

	.register-page .register-content .laboratory.profileNameLab {margin-top: -520px;}

	div.panel h1 {padding-left: 0; display: block;width: 100%;overflow: auto;}

	#myFormNonPayment .item {padding-left: 52px; width: 100%;}
	#myFormNonPayment .desc{margin: 6px 0;}
	#myFormNonPayment .info{position: relative; padding-right: 75px;}
	#myFormNonPayment .info div {font-size: 18px;width: 100%; padding-right: 8px; padding-top: 6px; padding-bottom: 6px;}
	#myFormNonPayment .info div + div { margin-left: 0; padding-left: 0; border-left: 0;border-top: 1px solid #ebebeb;}
    #myFormNonPayment .info div:last-child{width: auto; border-top: 0; position: absolute; top: 0; right: 0; bottom: 0; padding: 0; margin: auto; height: 28px;}
    #myFormNonPayment .info div > a {padding: 5px 15px;display: inline-block;}

    .checkbox-check .checkbox-label{position: relative; padding-left: 28px; display: block; margin-bottom: 5px;}
    .checkbox-check input[type="checkbox"] + .checkbox-label:before{position: absolute; left: 0; top: 5px;}

    .profile-topcard .card-right{display: block;}
    .profile-topcard .card-right .text-title{display: block; text-align: center;}
    .profile-topcard .card-right .b-card-right {padding-top: 50px;}
    .profile-topcard .card-right .b-card-right .num-text:last-child{padding-bottom: 10px !important;}

    .btn-unregister{width: calc(100vw - 60px);}

}
@media screen and (max-width: 575px){
	.register-page .register-content .title{font-size: 26px;}
    .register-page .register-content .privacy {font-size: 26px;}
}
/*-G Edit 20/07/2021- end -*/






/* Edit 22/10/2021  */
.site-header .b-profile{display: block;}
.site-header .b-profile::before{display: none;}
.site-header .b-profile .d-flex{justify-content: end;}
.site-header .b-profile .icon{width: 46px; height: 46px;}
.site-header .b-profile .icon img{width: 26px;}
.site-header .b-profile .icon span{font-size: 20px; width: 24px; height: 24px; top: -6px;}
.site-header .b-profile .nofication{padding: 0; margin-left: 6px;}
.site-header .b-profile .link-nofication{padding: 15px 0 10px 0;}
.site-header .b-profile .link-profile{padding: 0;}
.site-header .b-profile .link-profile .text{padding-left: 0; padding-right: 25px; position: relative;}
.site-header .b-profile .link-profile .text .name{
	display: block;
	line-height: 1.2em;
	max-width: 640px;
	text-align: right;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.site-header .b-profile .link-profile .text span{position: absolute; top: 6px; right: 4px;}
.site-header .b-profile .link-profile .text span img{width: 14px;}
.site-header .b-profile .link-profile .b-item-link .image{width: 35px;}

.b-profile .link-profile.dropdown.show{background: none;}


.register-page .banner{height: 400px;}
.register-page .banner .head-title{margin-bottom: 0;}
.register-page .news-bottom{padding: 0; margin-bottom: 20px;}


.register-page .banner{align-items: start;}
/*.register-page .banner .head-title{margin-top: 50px;}  Comment* 08/10/2021 by Murphy
.register-page .register-content .regis-card{margin-top: -210px;} */ 
.register-page .register-content .register-process{height: auto;}
.register-page .register-content .laboratory{margin-top: 60px;}
.register-content.forgot-password .mt-forgot{margin-top: 63px;}

.register-page.dashboard .banner .head-title{margin-top: 100px;}
.register-page.dashboard .card-search{margin-top: 50px;}
.register-page.dashboard .profile-topcard{margin-top: -180px;}


.login-page{position: relative;}
.login-page:before{content: ''; position: absolute; z-index: 20; width: 100%; height: 115px; background-color: #fff; box-shadow: 0rem 0.2rem 0.8rem rgba(0, 0, 0, 0.25);}
.login-page .top-login{padding-top: 0; padding-left: 50px; position: relative; z-index: 30;}
.login-page .top-login .b-text .text{line-height: 1em;}
.login-page .top-login .b-text .sub-text{font-size: 27px; line-height: 0.7em;}
.login-page .back-header{position: absolute; z-index: 30; top: 0; right: 0; padding: 30px 50px 30px 0;}
.login-page .back-header .back-to-login{
	display: block;
	border-radius: 30px;
	padding: 10px 25px;
	font-size: 32px;
	font-weight: bold;
	background-color: #006B39;
	color: #ffffff;
	text-decoration: none;
	transition: all 200ms ease;
}
.login-page .back-header .back-to-login span{
	padding-left: 10px;
	line-height: 1em;
	vertical-align: middle;
}
.login-page .back-header .back-to-login:hover{background-color: #084422;}
.login-page .bg-sectiontwo{margin-top: 115px; position: static;}
.login-page .bg-sectiontwo .section-intro{display: none;}


.submit-form .b-submit{height: 90px;}


@media (min-width: 1200px) and (max-width: 1440px){
	.site-header .logo-header .logo img{height: 90px;}
	.site-header .text-logo-header .text{font-size: 34px;}
	.site-header .text-logo-header .sub-text{font-size: 30px; line-height: 1em;}
	.site-header .b-profile .link-nofication{padding: 12px 0 5px 0;}
	.site-header .b-profile .link-profile .b-item-link .image{width: 35px;}

	.b-card-right .num-text{padding-bottom: 20px;}

	.register-page{overflow: visible;}
	.register-page .banner{margin-top: 100px; height: 320px;}
	
	.register-page .banner .head-title{margin-bottom: 80px;} 
	.register-page .banner .b-menu-banner{top: 30px;}
	.register-page .card-search{margin-top: -470px;}
	.register-page .cardProfile{margin-top: 40px;}
	.register-page .b-search{margin-top: 10px;}
	.register-page .news-bottom{margin-bottom: 0;}
	.register-page .banner .b-banner-text{top: 20px;} 

	/*.register-page .banner .head-title{margin-bottom: 0; margin-top: 30px;}
	.register-page .register-content .regis-card{margin-top: -220px;} 
	Comment *10/08/2021 By Murphy
	*/
	.register-content.forgot-password .mt-forgot{margin-top: 59px;}

	.register-page.dashboard .banner .head-title{margin-top: 75px;}
	.register-page.dashboard .card-search{margin-top: 30px;}

	.top-login .b-text{padding-top: 0; padding-left: 0;}
	.top-login .b-text .text{font-size: 34px;}
	.top-login .image{width: auto; height: auto; padding: 5px 10px 5px 0;}
	.top-login .image img{height: 90px;}
	.login-page .bg-sectiontwo{margin-top: 100px;}
	.login-page .top-login .b-text .sub-text{font-size: 30px; line-height: 1em;}
	.login-page::before{height: 100px;}
	.login-page .top-login{padding-left: 20px;}
	.login-page .back-header{margin-right: 0; padding: 28px 20px 28px 0;}
	.login-page .back-header .back-to-login{font-size: 24px;}
	.login-page .top-login{padding-left: 20px;}
	.login-page .back-header{margin-right: 0; padding-right: 20px;}

	.submit-form .b-submit{height: 60px;}
}
@media (max-width: 991px){
	/*.site-header{position: sticky; top: auto;}*/
	.site-header{position: absolute;}
	.site-header .menu-header{display: block;}
	.site-header .text-logo-header .text{font-size: 5.4vw;}
	.site-header .text-logo-header .sub-text{font-size: 5vw;}
	.site-header .logo-header .logo{padding-right: 10px;}
	.site-header .logo-header .logo img{width: 13vw;}
	.site-header .b-profile{float: left; width: 100%; position: relative;}
	.site-header .b-profile .link-nofication{padding-top: 10px;}
	.site-header .b-profile .link-profile .text{display: block;}
	.site-header .b-profile .box .text .flip-arrows{display: block;}
	.site-header .b-profile .profile{position: absolute; bottom: 18px; left: 0;}
	.site-header .b-profile .link-profile .text .name{max-width: 180px; text-align: left;}
	.site-header .b-profile:after{content: ''; position: absolute; top: 0; left: -10px; right: -10px; height: 1px; background-color: #e1e1e1;}
	.site-header .back-header .back-to-login span{display: inline-block;}

	.site-header .b-profile .icon{width: 40px; height: 40px;}
	.site-header .b-profile .icon img{width: 22px;}
	.site-header .b-profile .icon span{width: 20px; height: 20px; font-size: 16px;}
	.site-header .b-profile .link-profile .text .name{font-size: 22px !important;}
	.site-header .b-profile .link-profile .text span{top: 4px;}
	.site-header .b-profile .profile{bottom: auto; top: 18px;}
	.site-header .b-profile .profile .box{display: block;}

	.site-header .profile .dropdown-menu.dropdown-header-menu.show{height: auto !important; top: 0 !important; position: absolute !important; left: 0 !important; margin-top: 42px;}

	.site-header .nofication .dropdown-menu.dropdown-header-menu.show{position: absolute !important; top: 100% !important; height: auto !important; margin: 0;}
	.site-header .b-profile .nofication .list-col{height: auto;}
	.site-header .b-profile .nofication .action{padding: 15px 0;}
	.site-header .b-profile .nofication .dropdown-item .detail{margin: 0; padding: 3px 0;}
	.site-header .b-profile .nofication .action .btn{height: 40px; line-height: 38px; font-size: 22px;}
	/*.global-container .site-container{}*/

	.register-page .banner{margin-top: 120px; height: 340px;}
	.register-page .banner .b-banner-text{top: 20px;}
	.register-page .banner .head-title{margin-bottom: 70px;}

	.submit-form .b-submit{height: 60px;}

	.login-page .top-login{padding-left: 10px; padding-right: 0;}
	.top-login .image{width: 13vw; height: auto; padding: 5px 10px 5px 0;}
	.top-login .b-text{padding-left: 0; padding-top: 0;}
	.login-page .top-login .b-text .text{font-size: 5.4vw;}
	.login-page .top-login .b-text .sub-text{font-size: 5vw;}
	.login-page .back-header{width: auto; padding: 0; top: 70px; left: 10px; right: 10px; margin-right: 0;}
	.login-page .back-header .back-to-login{font-size: 24px;}
	.login-page::before{display: none;}
	.login-page .bg-sectiontwo{margin-top: 0;}

	.frame-login{height: auto; margin-top: 70px;}

	.global-container.stk{overflow: hidden;}

	.site-header .back-header{padding: 10px 0;}  
}
/* Edit 22/10/2021  */




/* Edit 08/10/2021  */
.register-page .register-content .laboratory.profileNameLab{margin-top: 30px;}
.register-page .banner .head-title{margin-top: 100px;}  

#myFormNonPayment .nodata{
	margin-top: 0px;
}

.register-page .register-content .regis-card{margin-top: -180px;} 

@media screen and (max-width: 1440px){
	.register-page .banner .head-title{margin-top: 75px;} 
}

@media screen and (max-width: 768px){
	.site-header .b-profile .d-flex{justify-content: flex-end;}

	/*.register-page .banner .b-banner-text{top: 40px;}*/
	.register-page .banner .head-title{margin-top: 100px;} 

	.site-header .b-profile .box .flip-arrows{display: none;}
	.site-header .b-profile .profile{width: 70%;}
	.site-header .b-profile .link-profile{display: inline-block;}
}

.section-login{
	background-image: none;
}
/* Edit 08/10/2021  by Murphy*/




.b-body-height{
	padding: 30px;
	font-size: 20px;
	line-height: 1.3em;
}


/* 2023/02/09 */
@media screen and (min-width: 1367px) { .register-page .banner .b-banner-text { width: 65%; text-align: right; } .register-page .banner .b-menu-banner { width: 35%; } }
@media (min-width: 1200px) and (max-width: 1440px) {
	.register-page .banner .b-banner-text {
		top: 30px;
	}
}



/*pt-historyDetail: Edit by ohm2 06/07/2023*/
.site-header .menu-header {
	padding: 1rem 50px;
	transition: all 200ms ease-out;
}
.site-header.tiny .menu-header {
	padding: 0.5rem 50px;
}

.site-header .logo-header .logo {
	max-width: 100px;
	transition: all 200ms ease-out;
} 

.site-header.tiny .logo-header .logo   {
	max-width: 70px;
/*	transition: all 300ms ease-out;*/
}

figure.cover {
    position: relative;
    overflow: hidden;
    margin: 0;
}

figure.cover img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.register-page.dashboard .banner .head-title {
	position: relative;
	z-index: 2;
}

.register-page.dashboard .banner {
	position: relative;
	overflow: hidden;
	background-image: none !important;
}

.register-page.dashboard .banner.yellow {
	background-color: #CEC400;
}

.register-page.dashboard .banner.green {
	background-color: #27A844;
}


.register-page.dashboard .banner.red {
	background-color: #A12E35;
}

.register-page.dashboard .banner.blue {
	background-color: #2C5BA3;
}

.register-page.dashboard .banner::after {
	content: '';
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(-50%,-50%);
	width: 367px;
	height: 410px;
}

.register-page.dashboard .banner::before {
	content: '';
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(40%,-50%);
	width: 314px;
	height: 533px;
}

.register-page.dashboard .banner.yellow::after {
	background-image: url(https://bdn.go.th/pt/assets/img/static/banner-yellow-og-left.svg);
}

.register-page.dashboard .banner.yellow::before {
	background-image: url(https://bdn.go.th/pt/assets/img/static/banner-yellow-og-rightt.svg);
}

.register-page.dashboard .banner.green::after {
	background-image: url(https://bdn.go.th/pt/assets/img/static/banner-green-og-left.svg);
}

.register-page.dashboard .banner.green::before {
	background-image: url(https://bdn.go.th/pt/assets/img/static/banner-green-og-right.svg);
}

.register-page.dashboard .banner.red::after {
	background-image: url(https://bdn.go.th/pt/assets/img/static/banner-red-og-left.svg);
}

.register-page.dashboard .banner.red::before {
	background-image: url(https://bdn.go.th/pt/assets/img/static/banner-red-og-right.svg);
}

.register-page.dashboard .banner.blue::after {
	background-image: url(https://bdn.go.th/pt/assets/img/static/banner-blue-og-left.svg);
}

.register-page.dashboard .banner.blue::before {
	background-image: url(https://bdn.go.th/pt/assets/img/static/banner-blue-og-right.svg);
}

.register-page .banner {
	margin-top: 130px;
}
.register-page.dashboard .banner .head-title {
    margin-top: 120px;
}
.register-page .banner .b-banner-text {
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    max-height: 1.4em;
    -webkit-line-clamp: 1;
    width: 	30%;
    z-index: 2;
}

.register-page .banner .list-menu-banner {
	margin-bottom: 0;
}
.register-page .banner .list-menu-banner .link-menu-banner {
	position: relative;
	z-index: 2;
	border: 1px solid #ffffff54;
    background-color: #ffffff54;
}
.cardProfile .profile-topcard .image {
    display: block;
    margin-bottom: 1rem;

}

.cardProfile .profile-topcard .image img {
    max-width: 60% !important;
}
.cardProfile .profile-topcard .process {
	position: relative;
}


.cardProfile .profile-topcard .process .b-text {
	margin-top: 0;
	padding-top: 1rem;
}

.cardProfile .profile-topcard .process .line-yellow .b-process:first-of-type .b-text::before {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}


.cardProfile .profile-topcard .process .line-yellow .b-process:last-of-type .b-text::before {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.cardProfile .profile-topcard .process  .b-text .text {
	margin-bottom: 0;
}

.cardProfile .profile-topcard .process .line-yellow:before,
.cardProfile .profile-topcard .process .line-green:before,
.cardProfile .profile-topcard .process .line-red:before,
.cardProfile .profile-topcard .process .line-blue:before
  {
	display: none;
}

.cardProfile .profile-topcard .b-process .b-text {
	position: relative;
}

.cardProfile .profile-topcard .process .line-yellow .b-process .b-text::before,
.cardProfile .profile-topcard .process .line-green .b-process .b-text::before,
.cardProfile .profile-topcard .process .line-red .b-process .b-text::before,
.cardProfile .profile-topcard .process .line-blue .b-process .b-text::before {
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #333;
/*    border-left: 2px solid #FBD645;*/
    border-right: 2px solid #FBD645;
    height: 6px;
    margin-bottom: 0rem;
}

.cardProfile .profile-topcard .process .line-yellow .b-process .b-text::before {
	background-color: #FFE400;
/*	border-left: 2px solid #000000;*/
    border-right: 2px solid #000000;
}

.cardProfile .profile-topcard .process .line-green .b-process .b-text::before {
	background-color: #27A844;
}

.cardProfile .profile-topcard .process .line-red .b-process .b-text::before {
	background-color: #A12E35;
}

.cardProfile .profile-topcard .process .line-blue .b-process .b-text::before {
	background-color: #2C5BA3;
}

 .register-page .register-content .b-organization {
 	position: relative;
 	overflow: hidden;
 }

 .register-page .register-content .b-organization .pb-regis {
 	position: relative;
 	z-index: 2;
 }

 .register-page .register-content .b-organization::after {
 	content: '';
 	position: absolute;
 	/*background-image: url(https://bdn.go.th/pt/assets/img/static/organize-og-left.svg);*/
 	background-repeat: no-repeat;
    left: -40px;
    bottom: -30px;
    width: 290px;
    height: 225px;
    z-index: 0;
    background-size: 100%;
 }

 .register-page .register-content .b-organization::before {
 	content: '';
 	position: absolute;
 	background-image: url(https://bdn.go.th/pt/assets/img/static/organize-og-right.svg);
 	background-repeat: no-repeat;
    right: -120px;
    bottom: -50px;
    width: 290px;
    height: 195px;
    z-index: 0;
    background-size: 100%;
 }

.register-page .register-content .organization.step-infomation-file .b-organization .pb-regis .nameInput {
	margin-right: 1rem;
}

.iframe-container {
	position: relative;
	overflow: hidden;
	width: 60%;
    padding-top: 35% !important;
	margin: 0 auto;
	border-radius: 10px;
}

.iframe-container .responsive-iframe {
	 position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.register-page .register-content .organization .alert {
	border: none;
	box-shadow: 0rem 0.9rem 1.7rem rgba(0, 0, 0, 0.25);
	/* padding: 40px 30px; */
	padding: 24px 30px;
}

/* .register-page .register-content .organization .alert tr {
	display: flex;
	align-items: center;
} */

/*.register-page .register-content .organization .alert td {
	font-size: 23px;
	line-height: 1.1em;
}*/

/*.register-page .register-content .organization .alert td:last-child {
	padding-left: .75rem;
}*/

.register-page .register-content .organization.step-gallery-file .photo-gallery-slider {
	position: relative;
	z-index: 2;
	margin-bottom: 1rem;
}

.register-page .register-content .organization.step-gallery-file .slick-list {
	margin: 0 -.5rem;
}
.register-page .register-content .organization.step-gallery-file .item {
	padding: 0 .5rem;
}

.register-page .register-content .organization.step-gallery-file .b-organization a {
/*	width: 20%;*/
    overflow: hidden;
/*    padding: 0 0.5rem;*/
    height: auto;
    display: block;
}

.register-page .register-content .organization.step-gallery-file .b-organization a .cover {
	padding-bottom: 70%;
	border-radius: 10px;
}

.register-page .register-content .b-organization .pb-regis .col-md-6 {
	padding: 0 .5rem;
}

.register-page .register-content .organization.step-attached-file .item {
/*	padding: 0 0.5rem;*/
	padding-bottom:1rem;
}
.register-page .register-content .organization.step-attached-file .item a {
    padding: 1rem;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 10px;
    background-color: #fff;
    display: block;
}

/*.register-page .register-content .organization.step-attached-file .item:not(:last-child) {
	margin-bottom: 1rem;
}*/
.register-page .register-content .organization.step-attached-file a:hover {
	text-decoration: none;
}
.register-page .register-content .organization.step-attached-file .b-organization .title {
	font-size: 23px;
	margin-bottom: .5rem;
}

.register-page .register-content .organization.step-attached-file .icon {
	width: 45px;
	height: 45px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.register-page .register-content .organization.step-attached-file.line-yellow .icon  {
	background-image: url(https://bdn.go.th/pt/assets/img/static/icon-attached-yellow.svg);
}

.register-page .register-content .organization.step-attached-file.line-green .icon  {
	background-image: url(https://bdn.go.th/pt/assets/img/static/icon-attached-green.svg);
}

.register-page .register-content .organization.step-attached-file.line-red .icon  {
	background-image: url(https://bdn.go.th/pt/assets/img/static/icon-attached-red.svg);
}

.register-page .register-content .organization.step-attached-file.line-blue .icon  {
	background-image: url(https://bdn.go.th/pt/assets/img/static/icon-attached-blue.svg);
}

.register-page .register-content .organization.step-attached-file .info {
	display: flex;
}

.register-page .register-content .organization.step-attached-file .info .file-type {
	font-size: 18px;
	color: #4e4e4e;
}

.register-page .register-content .organization.step-attached-file .info .file-type:not(:last-child) {
	padding-right: .5rem;
	margin-right: .5rem;
	border-right: 1px solid gray;
}

.register-page.dashboard .submit-form .b-submit {
	display: block;
	height: auto;
    padding: 1rem 0;
}

.register-page.dashboard .b-submit .cancel {
	max-width: 185px;
}

.register-page .register-content .organization.step-infomation-file .b-organization .txtViewcert img {
	filter: brightness(0) invert(1);
}
.register-page .register-content .organization.step-infomation-file.line-yellow .b-organization .txtViewcert img {
	filter: brightness(0%);
}

.register-page .register-content .organization.step-infomation-file .b-organization .txtViewcert {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.register-page .register-content .organization.step-infomation-file .b-organization .txtViewcert::before {
	content: '';
    background-image: url(https://bdn.go.th/pt/assets/img/static/obj-certificate-download.svg);
    position: absolute;
    width: 255px;
    height: 153px;
    top: 43%;
    left: 2px;
    transform: translateY(-50%);
    z-index: -1;
    background-repeat: no-repeat;
    background-size: 50%;
}
.register-page .register-content .organization.step-infomation-file .b-organization .txtViewcert::after {
	content: '';
    background-image: url(https://bdn.go.th/pt/assets/img/static/obj-certificate-download-02.svg);
    position: absolute;
    width: 255px;
    height: 153px;
    top: 57%;
    right: -3.8rem;
    transform: translateY(-50%);
    z-index: -1;
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: bottom;
}

@media screen and (max-width: 1600px) {
	.register-page .banner {
	    margin-top: 140px;
	}
}
@media screen and (max-width: 1440px) {
	.register-page.dashboard .b-submit .cancel {
		    max-width: max-content;
	}
	.site-header .logo-header .logo img {
		height: auto;
	}
	.site-header .menu-header,
	.site-header.tiny .menu-header {
		padding: 0 50px;
	}
	.site-header.tiny .text-logo-header .text {
		font-size: 30px;
	}
	.site-header.tiny .text-logo-header .sub-text {
		font-size: 26px;
	}
	.register-page .register-content .organization .alert {
		padding: 20px;
	}
	.register-page .register-content .b-organization .pb-regis .col-md-6 {
		padding: 0 15px;
	}
	.register-page .banner {
	    margin-top: 110px;
	}

	.register-page.dashboard .banner .head-title {
	    margin-top: 100px;
	}
}



@media screen and (max-width: 1199px) {
	.cardProfile .profile-topcard .process {
		    padding: 20px 20px 15px 20px;
	}
	.site-header .menu-header, .site-header.tiny .menu-header {
	padding: 0 1rem;
	}
	/*.register-page .banner {
	    height: 320px;
	}*/

	.register-page.dashboard .banner .head-title {
	    margin-top: 130px;
	}
	.register-page .banner .b-banner-text {
		line-height: 1.4em;
	}
}

@media screen and (max-width: 991px) {
	.site-header {
		position: fixed;
	}
	.site-header .logo-header {
		padding: 0.25rem 0;
	}
	.site-header .logo-header .logo {
		max-width: 80px;
	}
	.site-header .text-logo-header .text {
		font-size: 2em;
	}
	.site-header .text-logo-header .sub-text {
		font-size: 1.5em;
	}
	.site-header.tiny .text-logo-header .text {
		font-size: 1.8em;
	}
	.site-header.tiny .text-logo-header .sub-text {
		font-size: 1.3em;
	}
	.site-header.tiny .b-profile {
		zoom: 90%;
	}
	.site-header .b-profile .box .flip-arrows {
		display: none;
	}
	.cardProfile .profile-topcard .process {
		width: 100%;
    	overflow: auto;
	}

	.register-page .banner .b-banner-text {
		width: 	80%;
	}

	.cardProfile .profile-topcard .process .line-yellow:before,
	.cardProfile .profile-topcard .process .line-green:before,
	.cardProfile .profile-topcard .process .line-red:before,
	.cardProfile .profile-topcard .process .line-blue:before {
		display: block;
	}

	.cardProfile .profile-topcard .process .line-yellow:first-child:before,
	.cardProfile .profile-topcard .process .line-green:first-child:before,
	.cardProfile .profile-topcard .process .line-red:first-child:before,
	.cardProfile .profile-topcard .process .line-blue:first-child:before {
		border-right: none;
	    border-top: none;
	    border-top-left-radius: 10px;
	    border-top-right-radius: 10px;
	    border-bottom-left-radius: 0;
	}

	.cardProfile .profile-topcard .process .line-yellow .b-process .b-text::before,
	.cardProfile .profile-topcard .process .line-green .b-process .b-text::before,
	.cardProfile .profile-topcard .process .line-red .b-process .b-text::before,
	.cardProfile .profile-topcard .process .line-blue .b-process .b-text::before  {
		display: none;
	}
	.cardProfile .profile-topcard .image img {
		max-width: 90% !important;
	}

	.cardProfile .profile-topcard .image {
		margin-bottom: 0;
	}
	.cardProfile .profile-topcard .process .b-text {
		padding-top: 0;
	}
	.register-page .register-content .organization.step-gallery-file .photo-gallery-slider {
    	margin-bottom: 1.75rem;
	} 
	.register-page .register-content .organization.step-gallery-file .photo-gallery-slider .slick-dots {
		bottom: -30px;
	}
	.register-page .banner {
	    margin-top: 155px;
	}
}

@media screen and (max-width: 767px) {
	.register-page .register-content .organization.step-attached-file .icon {
		width: 40px;
		height: 40px;
	}
	.register-page .register-content .organization.step-attached-file .b-organization .title {
		font-size: 20px;
		margin-bottom: 0.25rem;
	}
	.register-page .register-content .organization.step-attached-file .info .file-type {
		font-size: 16px;
	}
	.register-page .register-content .organization .iframe-container{
	    width: 80%;
		padding-top: 45% !important;
	}
	.register-page .register-content .organization .alert {
		padding: 15px;
	}
	.site-header .text-logo-header .text {
		font-size: 24px;
	}
	.site-header .text-logo-header .sub-text {
		font-size: 20px;
	}
	.site-header.tiny .text-logo-header .text {
		font-size: 20px;
	}
	.site-header.tiny .text-logo-header .sub-text {
		font-size: 18px;
	}
	.site-header .logo-header .logo {
		max-width: 60px;
	}
	.site-header.tiny .logo-header .logo {
		max-width: 50px;
	}
	.register-page .register-content .organization.step-gallery-file .b-organization a .cover {
		padding-bottom: 60%;
	}
	.register-page .banner {
	    margin-top: 130px;
	}
	.register-page .banner {
		height: 360px;
	}
	.register-page .register-content .organization.step-infomation-file.line-yellow .b-organization .txtViewcert {
		width: 100% !important;
	}
}

@media screen and (max-width: 575px) {
	.site-header .text-logo-header .text {
		font-size: 20px;
	}
	.site-header .text-logo-header .sub-text {
		font-size: 18px;
	}
	.site-header.tiny .text-logo-header .text {
		font-size: 18px;
	}
	.site-header.tiny .text-logo-header .sub-text {
		font-size: 15px;
	}

	.site-header.tiny .b-profile {
		zoom: 80%;
	}
	/*.register-page .register-content .organization.step-gallery-file .b-organization a .cover {
		padding-bottom: 50%;
	}*/
	.register-page .register-content .organization .iframe-container {
	    width: 100%;
	    padding-top: 56% !important;
	}
	.register-page .banner {
		height: 300px;
	}
	.register-page.dashboard .banner .head-title {
	    margin-top: 100px;
	}
}