.member-form{width: 650px;max-width: 100%;padding: 0;margin: 0 auto;margin-bottom: 40px;font-size: 14px;}.member-form-login{width: 400px;}.member-form-change{margin-left: 0;margin-right: 0;width: 100%}.member-form-pass{margin-left: 0;margin-right: 0;}
.member-tab-ct{padding: 20px;border-top: none;background: #fff;color: #000;}.member-tab{padding: 0;list-style: none;margin-bottom: 0}.member-tab li{float: left;font-size: 16px;text-transform: uppercase;}.member-tab li:first-child{border-right: none;}.member-tab li a{display:block;padding: 0 20px;height: 40px;line-height: 40px;background:#ededed;color:#000;font-weight:700;}.member-tab li.active a{background:#fff;color:#000}
.member-form label:not(.lbl-sex){font-weight: normal;display: block;clear: both;}.member-form label:not(.lbl-sex) span{color: #f00}.member-form .form-control{margin-bottom: 15px}.input-group.date{margin-bottom: 15px}.input-group.date .form-control{margin-bottom: 0}.datepicker,.datepicker table,.table{color:#000;}
.lbl-sex{padding-left:22px;position:relative;line-height:22px;margin-bottom:15px;font-weight: normal;margin-right: 25px;margin-top: 8px}.lbl-sex input[type=checkbox],.lbl-sex input[type=radio]{opacity:0;height:0;width:0}.lbl-sex:before{content:'';display: inline-block;width:16px;height:16px;position:absolute;top:2px;left:0;border:1px solid #999;}.lbl-sex span:after{font-family:'FontAwesome';content:"";position:absolute;width:16px;height:16px;line-height:16px;top:2px;left:0;text-align:center;font-size:12px;color:#3b3b3b;}.lbl-sex input:checked + span:after{content:"\f00c";}
.btn-primary{padding:7px 35px 6px 35px;font-weight: 500;text-transform: uppercase;}.login-button-list .btn{padding:7px 15px 6px 15px;margin-right: 5px;margin-bottom: 5px;font-weight: 500;text-transform: uppercase;}
.member-action{text-align: center;font-size: 13px;margin-bottom: 20px;background: #fff;padding: 20px;color: #000;font-weight: 500;}
.member-avatar{width: 100px;height: 100px;overflow: hidden;border-radius: 50%;display: block;margin: 0 auto;margin-bottom: 15px;background: #f3f3f3;}.member-avatar img{width: 100%;min-height: 100%;}
.member-name{display: block;font-size: 14px;margin-bottom: 15px;}
.member-menu{list-style-position: inside;padding:15px 20px 10px 20px;margin: 0;font-size: 14px;background: #f6f6f6;border: 1px solid #e8e8e8;text-align: left;margin: -20px;margin-top: 0;}.member-menu li{margin-bottom: 5px;font-weight: normal;}.member-menu li a{color: #262626;}.member-menu li a:hover,.member-menu li.active a{font-weight: 500;color: #0384c0}
.table-member{background: #fff;color: #000;font-size: 14px;margin-bottom: 30px;}.table-member>thead>tr>th:first-child{text-align: center}.table-member a{color: #000;}
.table-member .pagination{margin: 0;margin-top: 5px}.table-member .pagination>li{vertical-align: top;}.table-member .pagination>li>a,.table-member .pagination>li>span {margin:inherit;margin-left: -1px;color: #000;padding: 6px 10px;background-color: transparent;border-color: #ccc;border-radius: 0;min-width: inherit;line-height: 18px}
.table-member .pagination>li:first-child>a,.table-member .pagination>li:first-child>span,.table-member .pagination>li:last-child>a,.table-member .pagination>li:last-child>span{border-radius: 0}
.table-member .pagination>li>a:hover,.table-member .pagination>li>span:hover,.table-member .pagination>li>a:focus,.table-member  .pagination>li>span:focus,.table-member .pagination>.active>a,.table-member .pagination>.active>span,.table-member .pagination>.active>a:hover,.table-member .pagination>.active>span:hover, .pagination>.active>a:focus,.table-member  .pagination>.active>span:focus{background-color: #e4e4e4;color: #000;}
.member-title-form{margin-top: 5px;margin-bottom: 20px;}.member-button{display: inline-block;background: #000;color:#fff !important;font-weight: 500;text-transform: uppercase;border-radius:4px;height: 35px;line-height: 35px;padding: 0 25px;border:none;outline:none;vertical-align: top;}
.table-manager td,.table-manager th{text-align: left;}
#member-photo + label.member-photo{background: #efefef;font-style: italic;padding: 5px;padding-top: 7px;border-radius:4px;border:1px solid #ddd;margin-bottom: 20px;}
.members-r-button{ height: 40px;line-height: 41px;border:none;color: #fff;font-weight: 700;font-size: 16px;padding: 0 25px;text-transform: uppercase;background: #000;margin-top: 20px; }
.member-link{ color: #333;font-weight: 500; }.member-link:hover{ color: #000; }
.members-f-div-captcha .members-f-input{width: calc(100% - 130px);float: left;margin-right: 10px;}.captcha-img{float: right;}#svdm_captcha{border: 1px solid #000;}
.verify-code-btn{float: right;height: 32px;line-height: 32px;border: 1px solid #000;background: none;padding:0 15px;font-weight: 700;}
@media only screen and (max-width: 767px){
  .member-form{padding: 0;}
}
@media only screen and (max-width: 570px){
  .col-w-12{width: 100%;float: none;clear: both;}.member-tab li{font-size: 15px;}.hidden-xss{display: none;}
}

/* register */
.members-form{background: #cdcdcd;padding: 20px 30px;color: #000;font-size: 14px;width: 1010px;margin: 0 auto;margin-bottom: 40px;max-width: 100%}.members-header-logo{margin-bottom: 20px;}.members-header-logo img{max-width: 100%;}.members-header-title{margin-top: 0;margin-bottom: 30px;font-family: 'Merriweather', serif;text-transform: uppercase;}body.lang_vi .members-header-title{font-family: "NotoSerif Bold";}.members-section{padding: 20px 30px;border: 2px solid #000;margin-bottom: 30px;}
.members-column{margin-bottom: 8px;}.members-f-label{margin-bottom: 0;margin-top: 10px;float: left;width: 23%;padding-left: 15px;padding-right: 0;line-height: 20px;font-weight: normal;position: relative;}.members-f-label span{position: absolute;right:0;top:0}.members-f-label strong{color: #f00;font-weight: normal;}.members-begin{font-size: 17px;line-height: 20px;display: inline-block;margin-top:10px;}
.members-f-div{float: left;width: 27%;padding-left: 10px;padding-right: 15px;margin-bottom: 20px;}.members-f-div-full{width: 77%;}
.members-f-select,.members-f-input{width: 100%;padding:0;height:28px;line-height:30px;outline:none;background:none;border:none;border-bottom:1px solid #000;font-size:14px;}.members-f-select{border:none;border-bottom:1px solid #000;}
.members-f-div-add{padding-right: 35px;position: relative;}.members-f-div-add>span{position: absolute;right:15px;top:4px;line-height: 30px;cursor: pointer;font-size: 18px;}.members-larger-fee{font-size: 22px;margin-left: 10px;margin-bottom: 20px;}.members-header-stitle{text-transform: uppercase;font-size: 26px;margin-top: 10px;margin-bottom: 20px;font-weight: 700;}.policy-section{max-height: 400px;overflow-y: auto;}.members-section .pn-content{margin-bottom: 10px;}
.accept-policy{margin-bottom: 20px;display: inline-block}.accept-policy>label{padding-left:22px;position:relative;line-height:22px;margin-bottom:0;font-weight: normal;}.accept-policy>label input[type=checkbox],.accept-policy>label input[type=radio]{opacity:0;height:0;width:0}.accept-policy>label:before{content:'';display: inline-block;width:16px;height:16px;position:absolute;top:2px;left:0;border:1px solid #999;background:#cdcdcd;}.accept-policy>label span:after{font-family:'FontAwesome';content:"";position:absolute;width:16px;height:16px;line-height:16px;top:2px;left:0;text-align:center;font-size:12px;color:#3b3b3b;}.accept-policy>label input:checked + span:after{content:"\f00c";}
.members-f-button{padding: 0 35px;height: 40px;line-height: 41px;border-radius:20px;font-size: 16px;font-weight: 700;text-transform: uppercase;border: none;outline: none;background: #e9e9e9;}.members-f-button:hover{-webkit-box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.4);-moz-box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.4);box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.4);}
.form-after-report{margin-bottom: 20px;margin-top: -10px;color: #f00;font-style: italic;}
.members-subtitle{margin-top: 0;margin-bottom: 15px;font-weight: 600;font-size: 16px;padding: 0 15px;}
.datepicker,.datepicker table{color: #000}.members-f-input.datepicker{border-radius: 0}.members-f-div .input-group-addon{background: none;cursor: pointer;}
.payment-sub-method{margin: 0;list-style: none;padding-left: 40px;}.payment-sub-method .accept-policy>label:before{border-radius: 50%;border:1px solid #000;}.payment-sub-method .accept-policy>label span:after{font-family: initial;border-radius: 50%;width:10px;height:10px;left:3px;top:5px;}.payment-sub-method .accept-policy>label input:checked + span:after{background: #000;text-indent:-9999px;content:""}
.table{color:#000;}
.members-f-input-hidden{width: 0.1px;height: 0.1px;opacity: 0;overflow: hidden;position: absolute;z-index: -1;}
.members-f-input-hidden + label{cursor: pointer; display: block;font-weight:400;line-height:20px;padding-top:10px;margin:0;}
/* calendar */
.pn-calendar-register { width: 100%; font-family: "NotoSerif Bold"; background-color: #000; border: 2px solid #fff; margin-bottom: 30px;text-align: center; color: #fff; letter-spacing: 3px}
.pn-calendar-register h2{margin:20px 10px;font-size: 35px;line-height: 40px;}
.pn-calendar-register ul{border-top: 2px solid #fff;margin-bottom: 0}
.pn-calendar-register ul li{list-style: none;float: left;width: calc(92% / 7);border-right: 2px solid #fff;overflow: hidden;position: relative;}
.schedule-table td{position: relative;padding:7px;border-bottom: 2px solid #fff;}
.schedule-table tr:last-child td{border-bottom: none}
.pn-calendar-register ul li:first-child{width: 8%;}
.pn-calendar-register ul li:nth-child(8){border-right: 0}
.pn-calendar-register ul li label{margin-bottom: 0;color: #fff;letter-spacing: 0.8px;font-size: 11px;line-height: 16px;border-bottom: 2px solid #fff;cursor: pointer;width: 100%}
.pn-calendar-register ul li label span:after{position: absolute;opacity: 0;visibility: hidden;font-family: "FontAwesome";content: "\f00c";right:2px;top: 0;color: #67bd57;}
.pn-calendar-register ul li label span:before{position: absolute;width: 100%;height: 100%;opacity: 0;cursor: pointer;content: "";left: 0;top:0}
.pn-calendar-register ul li label input[type="checkbox"]{opacity: 0;height: 0;width: 0;}
.pn-calendar-register ul li label input:checked + span:after{opacity: 1;visibility: visible}
.pn-calendar-register ul li label input:checked + span:before,.pn-calendar-register ul li label.pn-disible span:before{background-color: rgba(255,255,255,.25);opacity: 1}
.pn-calendar-register ul li label:last-child{}
.pn-calendar-register ul li label:last-child{border-bottom: 0}
.pn-calendar-register ul li label.pn-disible span:after{content: "\f00d";color: #c00;opacity: 1;visibility: visible}
.pn-calendar-register ul.pn-everyday li{padding:5px 10px}
.staff-view { display: inline-block; height: 40px; line-height: 40px; padding: 0 40px; background-color: rgba(107,107,107,0.5); border:none;margin-bottom: 30px;text-transform: uppercase}
.staff-view:focus{outline: none}
.staff-view:hover{background-color:rgba(107,107,107,1)}
.myModal_Sche .modal-footer{margin-top: 0}.myModal_Sche p{margin-bottom: 0;color: #000}.myModal_Sche .modal-footer .staff-view{margin-bottom: 0;background-color: #000;border-radius: 4px}
.pn-everyday-day{margin: -5px -10px 5px -10px;padding:3px 10px;background:#fff;color:#000;font-size:17px;letter-spacing:1px;position:relative;}.pn-everyday-day.no-bg{background:none;}
.pn-everyday-day:after{content:"";height:calc(100% + 2px);width:2px;right:-2px;top:-2px;background:#000;position:absolute;}ul.pn-everyday li{overflow:inherit;}
ul.pn-everyday li:first-child .pn-everyday-day:after,ul.pn-everyday li:last-child .pn-everyday-day:after{display:none;}
/* staff */
.pn-wrapper-staff{text-align: center}
.staff-item{border: 4px solid #949494;margin-bottom: 15px}
.staff-image { display: block; overflow: hidden;}.staff-image img{width: 100%}
.staff-item p{padding: 10px;background-color: #000;margin-bottom: 0;text-align: left}
.staff-item p strong{font-weight: normal;text-transform: uppercase;color: #aaa;font-size: 14px;line-height: 19px;}
.staff-name{display: block;font-size: 18px;line-height: 23px;}
.pn-wrapper-staff [class*='col-']{margin-bottom: 30px;}
.pn-wrapper-staff [class*='col-']:nth-child(3n + 1){clear: both}
.mobile-show{display: none;}.members-f-div-captcha{width: 46%;}

@media only screen and (min-width: 992px){
  .pn-calendar-register.pn-calendar-mobile{display: none}
  .pn-calendar-register ul:not(.pn-everyday) li strong{font-size: 20px;text-transform: uppercase;line-height: 28px;position: absolute;left: 0;top:50%;width: 100%;transform: translateY(-50%);}
}
@media only screen and (max-width: 991px){
  .pn-calendar-register:not(.pn-calendar-mobile){display: none}
  .pn-calendar-register.pn-calendar-mobile ul:nth-child(even):not(.pn-everyday){background-color: #0e0e0e}
  .pn-calendar-register.pn-calendar-mobile ul li:first-child{width: 20%}
  .pn-calendar-register.pn-calendar-mobile ul li{width: 40%}
  .pn-calendar-register.pn-calendar-mobile ul li:last-child{border-right: 0}
  .pn-calendar-register ul li label{padding: 10px}
  .mobile-show{display: block;}.hidden-sm{display: none;}
}
@media only screen and (max-width: 767px){
  .members-f-label{width: 35%;clear: both;}.members-f-div,.members-f-div-full{width: 65%;}.members-f-button-div{text-align: center;}.members-form,.members-section{padding: 20px;}
  .pn-wrapper-staff [class*='col-']:nth-child(3n + 1){clear: inherit}
  .pn-wrapper-staff [class*='col-']:nth-child(2n + 1){clear: both}.members-f-div-captcha{width: 65%;}
}
@media only screen and (max-width: 480px){
  .members-f-label{float: none;width: auto;}.members-f-div,.members-f-div-full{float: none;width: 100%;padding: 0 15px;}.members-f-label span{float: none;display: inline-block;;margin-left: 5px;}
  .pn-calendar-register h2{font-size: 25px;line-height: 30px}
  .pn-calendar-register ul li strong{font-size: 15px;line-height: 20px}
  .staff-view.pn-delete-choose{display: none}
  .pn-wrapper-staff{margin: 0 -5px}
  .pn-wrapper-staff [class*='col-']{padding: 0 5px}
}
@media only screen and (max-width: 370px){
  .members-section{padding: 0;padding-bottom: 20px;border: none;border-bottom: 2px solid #000;}
  .pn-wrapper-staff [class*='col-']{width: 100%}
}