body {
overflow-x: hidden;
position: relative;
font-family: "Poppins", Sans-serif;
font-weight: 300;
}
textarea {
color: #77797B;
font-family: "Poppins", Sans-serif;
position: relative;
overflow-x: hidden;
}
.container {
max-width: 1195px;
margin: auto;
}
a {
color: #fff;
}
li {
list-style-type: none;
}
h1, h2 {
color: #FFF;
font-size: 30px;
font-weight: 700;
text-align: center;
}
.ver_intro_sub input[type=text], .ver_intro_sub input[type=select] {
color: #000;
font-family: "Poppins", Sans-serif;
background-color: #ffffff;
}
input[type=text], input[type=select] {
color: #fff;
font-family: "Poppins", Sans-serif;
}
.home input[type=text], .home input[type=select] {
color: #071A37;
font-family: "Poppins", Sans-serif;
}
.biodata_page input[type=text], .biodata_page input[type=select] {
color: #fff;
font-family: "Poppins", Sans-serif;
}
.container_medium {
width: 68%;
margin: auto
}
@media(max-width:1050px) {
.container_medium {
width: calc(100% - 20px);
margin: auto
}
}
.pad20 {
padding: 0 20px
}
.pad60 {
padding: 0 60px
}
.form_ver {
width: 100%;
max-width: 300px;
margin: auto
}
.modal-body .form_ver {
max-width: 500px;
}
h1 {
color: #fff;
}
.home h1 {
padding: 0 20px;
font-size: 50px;
font-weight: 300;
line-height: 300px;
}
@media(max-width: 360px) {
.home h1 {
font-size: 2rem;
}
}
@media screen and (max-width: 500px) and (orientation:landscape) {
.home h1 {
font-size: 2rem;
}
}
form h3 {
margin-top: 20px;
font-size: 25px;
font-weight: 500;
color: #fff;
}
.pad_right {
padding-right: 20px
}
.judul_atur_jadwal {
padding: 0 20px;
font-size: 16px;
font-weight: normal;
}
.selesai_top {
display: inline-grid
}
.selesai {
display: inline-flex;
margin-bottom: 10px;
}
.selesai>.cabang {
margin: 0 0 0 10px;
line-height: 63px;
color: #fff
}
.selesai>.notelp {
margin: 0 0 0 10px;
line-height: 43px;
color: #fff
}
.selesai>.nowa {
margin: 0 0 0 10px;
line-height: 63px;
color: #fff
}
.terima_kasih {
color: #FFF;
font-size: 30px;
font-weight: 700;
}
.terima_kasih>span {
color: #FFF;
font-size: 30px;
font-weight: 700;
}
h1 .terima_kasih {
color: #000;
font-size: 30px;
font-weight: 700;
}
.kirim_ulang>a {
color: #fff
}
h2 {
margin: 0;
}
.logout_dasboard a {
color: white;
text-decoration: none
}
select {
background: #333;
color: #fff;
padding: 10px 20px;
border-radius: 10px;
border: solid 2px #fff;
width: 100%;
margin-top: 20px;
line-height: 2;
font-size: 16px;
}
select:hover {
cursor: pointer
}
#jenis_sekolah, #kategori_sekolah {
padding: 10px 20px;
min-height: 56px;
}
.intro {
position: relative;
background: url('../images/bg-section-blue-pattern.png') repeat center;
background-size: cover;
height: calc(100vh - 75px);
z-index: -1;
}
.intro_sub {
display: table;
width: 100%;
position: absolute;
top: 0;
left: 0
}
.intro_sub_sub {
display: table-cell;
vertical-align: middle;
height: calc(100vh - 120px);
position: relative;
text-align: center;
}
.tbg {
position: absolute;
bottom: 0;
width: 100%;
left: 0;
}
.jaring {
position: absolute;
top: 0;
width: 100%;
max-width: 100%;
}
a:hover {
color: #0FF
}
h3 {
margin-bottom: 0;
font-size: 1.17em;
}
.sec1 {
min-height: 75px;
background: #000a17;
padding: 0 60px;
z-index: 232;
color: #fff;
}
.sec1-logo {
float: left;
width: 70px;
display: table;
}
.sec1-logo-sub {
vertical-align: middle;
display: table-cell;
height: 75px;
}
.logo-utama {
max-width: 50px;
}
.sec1-menu {
float: left;
}
.sec2 {
color: white;
width: calc(100% - 70px - 34.234%);
float: left;
line-height: 75px;
}
.sec3 {
color: white;
width: 34.234%;
float: left;
display: table
}
.daftar_online_sub {
font-size: 15px;
color: #0FF;
padding: 12px 24px;
margin: 0 0 0 0;
border-style: solid;
border-width: 1px;
border-color: #0FF;
border-radius: 13px 13px 13px 13px;
box-shadow: 0 0 8px 0 #0FF;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
}
.daftar_online_sub:hover {
color: #fff;
margin: 0 0 0 0;
border-style: solid;
border-color: #fff;
border-radius: 13px 13px 13px 13px;
box-shadow: 0 0 8px 0 #fff;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
margin-top: 10px;
}
.sec3-sub {
display: table-cell;
vertical-align: middle;
height: 75px;
}
.sec3-sub-sub {
float: right;
}
@media(max-width:1350px) {
.sec1-logo {
width: 70px
}
.sec2 {
width: calc(100% - 70px - 34.234%);
}
.sec3 {
width: auto
}
}
.menu-btn {
display: none
}
/*mobile and tablet menu*/
@media(max-width:1235px) {
.menu-btn {
display: block;
}
.sec1 {
min-height: 75px;
background: black;
padding: 0;
z-index: 232;
}
.sec1-logo {
float: left;
display: table;
padding-left: 20px;
}
.sec2 {
color: white;
width: calc(100% - 70px - 34.234%);
float: left;
}
.sec3 {
color: white;
float: left;
display: table;
width: auto;
position: absolute;
right: 70px;
}
.sec3-sub {
display: table-cell;
vertical-align: middle;
}
.daftar_online_sub {
color: #0FF;
padding: 12px 24px;
margin: 0 0 0 0;
border-style: solid;
border-width: 1px;
border-color: #0FF;
border-radius: 13px 13px 13px 13px;
box-shadow: 0 0 8px 0 #0FF;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
}
.daftar_online_sub:hover {
color: #fff;
padding: 5px;
margin: 0 0 0 0;
border-style: solid;
border-width: 3px 3px 3px 3px;
border-color: #fff;
border-radius: 13px 13px 13px 13px;
box-shadow: 0 0 8px 0 #0FF;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
}
.sec1-logo-sub {
vertical-align: middle;
display: table-cell;
}
.logo-utama {
max-height: 40px;
}
.logo-nav {
max-width: 40px;
margin-left: 20px;
margin-top: -40px;
}
/*batas mobile 1235*/
}
img.logo-nav {
max-height: 40px;
max-width: 60px;
margin-left: 20px;
}
@media(max-width:400px) {
.logo-utama {
width: auto;
}
.sec3 {
color: white;
width: 29%;
float: left;
}
}
.fa-whatsapp {
color: #000;
}
.wa_top_style {
border-radius: 8px;
height: 30px;
width: 30px;
line-height: inherit;
padding: 0;
display: inline-block;
text-align: center;
box-shadow: 0 0 0 1px #fff;
}
.wa_top_style_sub {
height: 24px;
width: 24px;
line-height: 24px !important;
color: #333 !important;
text-align: center;
border-radius: 24px;
background: #fff;
font-size: 15px !important;
margin-top: 2px;
margin-left: 3px;
}
.dropstyle {
position: absolute;
font-size: 16px;
line-height: 1;
padding: 10px 0 10px 10px;
margin-top: -4px;
margin-bottom: -10px;
}
.mobile .dropstyle {
position: absolute;
font-size: 16px;
line-height: 1.8;
padding: 0;
transform: scale(1.2);
right: 20px;
}
.dropstyle_right {
position: absolute;
font-size: 16px;
line-height: 1;
padding: 10px 0 10px 10px;
right: 10px;
bottom: 7px;
}
.mobile .dropstyle_right {
position: absolute;
font-size: 16px;
line-height: 1.8;
padding: 10px 0 10px 10px;
right: 10px;
bottom: 7px;
}
.fa-chevron-down, .fa-chevron-right {
font-size: 10px
}
nav {
z-index: 2;
}
.main-navigation {
display: table;
font-size: 17px;
font-weight: 300;
letter-spacing: .5px;
}
/*tempat menu CSS*/
.sec12 {
min-height: 500px;
background: #fff;
width: 100%;
}
.foo-bg {
background: #000a17
}
.sec-footer {
z-index: 1;
min-height: 523px;
height: 523px;
color: #fff;
display: table;
width: 100%;
}
.sec-footer-in {
display: table-cell;
vertical-align: middle;
padding: 10px;
}
.sec-footer-in-in {
display: flex
}
.sec-footer-row-1 {
width: 29%;
float: left;
}
.sec-footer-row-2 {
width: 40%;
float: left;
padding: 10px;
}
.sec-footer-row-3 {
width: 31%;
float: left;
text-align: right;
padding: 10px;
}
.footer-col-1 {
width: 50%;
float: left;
display: flex
}
.footer-col-2 {
width: 50%;
float: left;
display: flex
}
@media(max-width:600px) {
.sec-footer-row-1, .sec-footer-row-2, .sec-footer-row-3 {
width: 100%;
float: none;
padding: 0;
text-align: left;
}
.sec-footer-in {
padding: 20px;
}
.sec-footer-in-in {
display: grid
}
.footer-col-1, .footer-col-2 {
width: 100%;
float: none;
display: block;
padding: 20px 0;
text-align: center;
}
}
.logo-footer {
width: 94px;
}
@media (max-width: 600px) {
.logo-footer {
margin-bottom: 20px;
}
}
.img-footer {
max-width: 100%
}
.lingkar {
text-align: center;
font-size: 15px;
border-style: solid;
border-width: 2px 2px 2px 2px;
border-color: #FFF;
border-radius: 50%;
margin-right: 9px;
width: 35px;
height: 35px;
padding: 8px 5px;
}
.lingkar:hover {
background: white;
color: #0b243d;
cursor: pointer;
}
.fa-youtube {
padding: 8px 5px;
}
.line {
margin-top: 120px;
margin-bottom: 20px;
}
.inline {
border: 1px solid white;
display: flex
}
.footer-copy {
text-align: right;
font-size: 12px;
font-weight: 300;
}
.form_input_biodata {
background: transparent;
border: 0;
width: 100%;
height: 100%;
color: #fff
}
.form_input_login_password {
background: transparent;
border: 0;
width: 100%;
height: 100%;
color: #000
}
.nopad {
padding-right: 20px;
font-size: 16px
}
* {
box-sizing: border-box
}
/* slideshow css top*/
/* Slideshow container */
.slideshow-container {
max-width: 1000px;
position: relative;
margin: auto;
}
/* Hide the images by default */
.mySlides {
display: none;
}
/* Next & previous buttons */
.prev, .next {
cursor: pointer;
position: absolute;
top: 50%;
width: auto;
margin-top: -22px;
padding: 16px;
color: white;
font-weight: bold;
font-size: 18px;
transition: 0.6s ease;
border-radius: 0 3px 3px 0;
user-select: none;
}
/* Position the "next button" to the right */
.next {
right: 0;
border-radius: 3px 0 0 3px;
}
/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
background-color: rgba(0, 0, 0, 0.8);
}
/* Caption text */
.text {
color: #f2f2f2;
font-size: 15px;
padding: 8px 12px;
position: absolute;
bottom: 8px;
width: 100%;
text-align: center;
}
/* Number text (1/3 etc) */
.numbertext {
color: #f2f2f2;
font-size: 12px;
padding: 8px 12px;
position: absolute;
top: 0;
}
/* The dots/bullets/indicators */
.dot {
cursor: pointer;
height: 15px;
width: 15px;
margin: 0 2px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}
.active, .dot:hover {
background-color: #717171;
}
/* Fading animation */
.w3-animate-fading {
animation: fading 3s infinite;
}
.mySlides {
display: none
}
.slides_size {
width: 250px
}
.anim_container_sub {
display: table
}
.anim_container_sub_sub {
display: table-cell;
vertical-align: middle;
}
@media(max-width:900px) {
.anim_container {
position: relative;
}
.slides_size {
width: 150px
}
.anim_container_sub {
margin: auto
}
}
@media screen and (max-width:1200px) and (orientation:landscape) {
.anim_container {
position: relative;
}
.slides_size {
width: 150px
}
.anim_container_sub {
margin: auto
}
}
.w3-animate-fading {
animation: fading 10s infinite
}
@keyframes fading {
0% {
opacity: 0
}
50% {
opacity: 1
}
100% {
opacity: 0
}
}
.w3-animate-opacity {
animation: opac 0.8s
}
@keyframes opac {
from {
opacity: 0
}
to {
opacity: 1
}
}
@-webkit-keyframes fade {
from {
opacity: .4
}
to {
opacity: 1
}
}
@keyframes fade {
from {
opacity: .4
}
to {
opacity: 1
}
}
/* slideshow css bottom*/
.flow {
height: auto;
overflow: hidden;
}
.flow_title {
color: #071A37;
font-size: 30px;
font-weight: 700;
text-align: center;
padding: 70px 0 50px 0;
}
.flow_col {
background: #fff;
float: left;
width: calc(100% / 3);
text-align: center;
padding-bottom: 60px;
height: auto;
}
@media(max-width:600px) {
.flow {
padding-bottom: 70px
}
.flow_title {
color: #fff;
text-align: center;
padding: 70px 0 50px 0;
}
.flow_col {
float: none;
width: 100%;
text-align: center;
padding-bottom: 20px;
height: auto;
display: block;
}
}
@media(max-width:400px) {
.flow {
padding: 0px
}
}
.flow_col>p {
color: #071A37;
padding-top: 10px;
}
.form {
padding: 100px 0;
min-height: 300px;
overflow: hidden;
background-color: #FFFFFF;
background-image: url(../images/line-3poly2.png);
}
.form_style {
width: 100%;
}
.judul_form {
color: #fff;
padding: 50px 0px 20px 0px;
text-align: center;
font-size: 30px;
font-weight: 700;
text-align: center;
}
input, select {
font-family: Poppins;
}
@media screen and (max-width:500px) {
input, select {
padding-left: 10px;
}
}
.form_style_input {
background: #ffffff;
color: #071A37;
padding: 10px 20px;
border-radius: 10px;
border: solid 2px #071A37;
width: 100%;
margin-top: 20px;
line-height: 2;
font-size: 16px;
}
.submit_button2 {
background: #333333;
color: #0FF;
padding: 20px;
margin: 0 0 0 0;
border-style: solid;
border-width: 3px 3px 3px 3px;
border-color: #0FF;
border-radius: 13px 13px 13px 13px;
box-shadow: 0 0 8px 0 #0FF;
cursor: pointer;
float: right
}
.submit_button_daftar {
width: 100%;
background: #00FFFF;
color: #000000;
padding: 20px 40px;
margin: 0 0 0 0;
border-style: solid;
border-width: 3px 3px 3px 3px;
border-color: #00FFFF;
border-radius: 13px 13px 13px 13px;
box-shadow: 0 0 8px 0 #00FFFF;
cursor: pointer;
float: right;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
}
.submit_button_daftar:hover {
width: 100%;
background: #029292;
color: #071A37;
padding: 20px 40px;
margin: 0 0 0 0;
border-style: solid;
border-width: 3px 3px 3px 3px;
border-color: #071A37;
border-radius: 13px 13px 13px 13px;
box-shadow: 0 0 8px 0 #029292;
cursor: pointer;
float: right;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
}
.endform {
width: 50%;
background: #333333;
float: right;
margin-top: 20px;
}
.endform_sub_1 {
width: 50%;
float: left;
background: white;
border-radius: 13px;
margin-left: 10px;
height: 61px;
display: none
}
.endform_sub_2 {
width: calc(50% - 30px);
float: right;
margin-left: 20px;
}
@media(max-width:600px) {
.endform {
width: 100%;
background: #333333;
float: right;
margin-top: 20px;
}
.endform_sub_1 {
width: 100%;
float: none;
background: white;
border-radius: 13px;
margin: 0;
height: 61px
}
.endform_sub_2 {
width: 100%;
float: none;
margin: 0;
padding-top: 20px
}
}
.logo_partner {
padding: 300px 0 50px;
min-height: 300px;
overflow: hidden;
background: #071a37;
}
.logo_partner>h2 {
text-align: center;
color: #fff;
padding: 0 100px;
font-size: 16px
}
.img_footer {
max-width: 70%;
display: block;
margin-left: auto;
margin-right: auto;
padding: 0 20px 20px 20px;
}
.img_footer_mobile {
max-width: 100%;
display: none;
margin-left: auto;
margin-right: auto;
padding-bottom: 40px;
}
@media(max-width:600px) {
.img_footer {
max-width: 100%;
display: none;
margin-left: auto;
margin-right: auto;
}
.img_footer_mobile {
max-width: 100%;
display: block;
margin-left: auto;
margin-right: auto;
}
}
form>h3 {
color: #fff
}
.form_width {
width: 50%;
margin: auto;
max-width: 1195px;
background-color: #071a37;
border: solid 2px #fff;
border-radius: 10px;
display: grid;
position: relative;
padding: 0px 40px;
}
@media(max-width:1050px) {
.form_width {
width: calc(80% - 40px);
margin: auto
}
}
@media(max-width:768px) {
.form_width {
width: calc(100% - 40px);
margin: auto
}
}
@media(max-width:360px) {
.form_width {
width: calc(100% - 40px);
margin: auto;
padding: 0px 20px;
}
}
.form_50 {
width: 100%;
display: flex
}
.form_50_sub_1, .form_50_sub_3 {
width: calc(50% - 5px);
float: left;
padding-right: 0;
}
.form_50_sub_2 {
width: 10px;
float: left
}
@media(max-width:800px) {
.form_50 {
width: 100%;
display: block
}
.form_50_sub_1, .form_50_sub_3 {
width: 100%;
float: none;
padding-right: 0;
}
.form_50_sub_2 {
width: 10px;
float: left;
display: none
}
}
.form_style_input_50 {
font-size: 16px;
background: #ffffff;
color: #071A37;
padding: 10px 20px;
border-radius: 10px;
border: solid 2px #071A37;
width: 100%;
margin-top: 20px;
line-height: 2;
}
.captcha {
max-width: 100%;
float: right;
padding-right: 30px;
}
.captcha_0 {
width: 100%;
position: relative;
}
.captcha_1 {
width: 10%;
float: left
}
.captcha_2 {
position: absolute;
float: left;
font-size: 11px;
left: 40px;
top: 20px;
}
.captcha_3 {
width: 20%;
float: right;
}
.relog {
max-width: 40px;
margin-top: 10px;
margin-left: -10px;
}
input.ckbox {
transform: scale(2);
margin-top: 24px;
margin-left: 20px;
}
.intro_profile {
position: relative;
background: #333333 url(line-3poly2.png);
}
/* ---------------------------------hal verifikasi CSS ---------------------------------*/
.home_icon {
width: 16px;
margin-right: 15px;
}
.intro_ver {
position: relative;
background: #ffffff;
min-height: calc(100vh - 75px);
margin-top: 75px;
}
.ver_intro_background {
background-color: #071A37;
width: 100%;
height: 100%;
position: absolute;
}
.profile_intro_background {
background: url(line-3poly2.png);
width: 100%;
height: 100%;
}
.tbg_page_verivikasi {
position: absolute;
max-width: 100%;
opacity: 0.08
}
.ver_intro_sub {
display: table;
width: 100%;
top: 44px;
left: 0
}
.ver_intro_sub_sub {
display: table-cell;
vertical-align: middle;
height: calc(100vh - 120px);
position: relative;
text-align: center;
padding: 100px 20px;
}
.login_intro_sub_sub {
display: table-cell;
vertical-align: middle;
height: calc(100vh - 120px);
position: relative;
text-align: center;
padding: 100px 20px;
}
.selesai_intro_sub_sub {
display: table-cell;
vertical-align: middle;
height: calc(100vh - 120px);
position: relative;
text-align: center;
padding: 100px 20px;
}
@media(max-width:700px) {
.selesai_intro_sub_sub {
display: table-cell;
vertical-align: middle;
height: auto;
position: relative;
text-align: center;
padding: 150px 20px;
}
}
.schedjule_intro_sub_sub {
display: table-cell;
vertical-align: middle;
height: auto;
position: relative;
text-align: center;
padding: 150px 20px;
}
.atur_jadwal_sub {
/* width: 60%;
*/
margin: auto;
}
.pembayaran_intro_sub {
display: table;
width: 100%;
top: 44px;
left: 0 ;
margin-bottom: 40px;
}
.pembayaran_intro_sub {
vertical-align: middle;
height: auto;
position: relative;
text-align: center;
padding: 100px 20px;
}
.pembayaran_intro_sub_sub {
width: 50%;
margin: auto
}
@media(max-width:1650px) {
.pembayaran_intro_sub_sub {
width: 90%;
margin: auto
}
}
@media(max-width:900px) {
.pembayaran_intro_sub_sub {
width: 100%;
margin: auto
}
}
.ver_intro_sub_sub>p {
color: #fff;
}
.ver_button {
margin: 0;
color: #000000;
background: #00FFFF;
padding: 20px 40px;
border-style: none;
border-width: 3px 3px 3px 3px;
border-radius: 13px 13px 13px 13px;
box-shadow: 0 0 8px 0 #0FF;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
width: 100%;
max-width: 300px
}
.ver_button:hover {
margin: 0;
color: #ffffff;
background: #029292;
padding: 20px 40px;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #ffffff;
border-radius: 13px 13px 13px 13px;
box-shadow: 0 0 8px 0 #0FF;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
cursor: pointer;
width: 100%;
}
.modal-body .ver_button {
max-width: 500px
}
.ver_img {
margin: 20px;
}
.holder_ver {
padding: 20px 10px;
background: #fff;
width: 100%;
max-width: 300px;
border-radius: 13px;
margin-bottom: 20px;
text-align: center;
font-size: 18px;
max-height: 66px
}
.modal-body .holder_ver {
max-width: 500px;
}
::-webkit-input-placeholder {
/* Edge */
padding: 0 10px;
text-align: center
}
:-ms-input-placeholder {
/* Internet Explorer 10-11 */
padding: 0 10px;
text-align: center
}
::placeholder {
padding: 0 10px;
text-align: center
}
.form_pendaftaran> ::-webkit-input-placeholder {
padding: 0 10px;
text-align: left;
}
.form_pendaftaran> :-ms-input-placeholder {
/* Internet Explorer 10-11 */
padding: 0 10px;
text-align: left
}
.form_pendaftaran> ::placeholder {
padding: 0 10px;
text-align: left
}
.form_ver> ::-webkit-input-placeholder {
text-align: center;
}
.form_ver> :-ms-input-placeholder {
/* Internet Explorer 10-11 */
text-align: center
}
.form_ver> ::placeholder {
text-align: center
}
.kirim_ulang {
color: #fff;
margin-top: 20px;
text-decoration: underline;
font-size: 12px;
}
.atur_jadwal {
width: 100%;
margin: auto;
display: flex;
}
.tanggal {
width: 300px;
margin: auto;
border-radius: 13px 13px 0 0;
transition: all ease 10s;
}
.tanggal_sub {
background-image: linear-gradient(30deg, #2d5e6f, #003b4f);
border-radius: 13px 13px 0 0;
}
.waktu {
background: #003B4F;
border-radius: 0 0 13px 13px;
display: none
}
.waktu select {
background: #003B4F;
margin-top: 0
}
.jenis_sekolah {
margin-top: 0
}
.tanggal_sub>h2 {
font-size: 18px;
font-weight: 700;
color: #fff;
padding: 20px 20px 0 20px;
}
.waktu h2 {
font-size: 18px;
color: #fff;
font-weight: 700;
padding-bottom: 10px;
}
.metode_wawancara {
width: auto;
float: left;
background-image: linear-gradient(30deg, #003B4F, #003B4F);
border-radius: 13px;
padding: 20px 10px;
display: none;
transition: all ease 2s;
}
.metode_wawancara>h2 {
color: #fff;
padding-bottom: 20px;
font-size: 18px;
font-weight: 700;
}
.metode_wawancara>h3 {
color: #fff;
padding-bottom: 20px;
font-size: 18px;
font-weight: 700;
}
#button_metode_wawancara_container {
padding: 0 20px 20px 20px;
}
.metode_wawancara_button {
width: 100%;
padding: 20px;
display: flex;
margin-bottom: 10px;
}
@media(max-width:600px) {
.atur_jadwal {
width: 100%;
margin: auto;
}
.metode_wawancara {
width: auto;
float: left;
background-image: linear-gradient(30deg, #000000, #3e3e3e);
border-radius: 13px;
padding: 20px 10px;
display: none;
transition: all ease 2s;
}
}
@media(max-width:769px) {
.schedjule_intro_sub_sub {
display: table-cell;
vertical-align: middle;
height: auto;
position: relative;
text-align: center;
padding: 100px 20px;
}
.tanggal {
margin: auto;
float: none;
width: 100%;
margin-bottom: 20px
}
.tanggal-sub {
width: fit-content
}
.atur_jadwal_sub {
margin: auto;
display: grid;
width: 300px
}
}
@media(max-width:360px) {
.schedjule_intro_sub_sub {
padding: 100px 0;
}
.tanggal {
margin: auto;
float: none;
width: 100%;
margin-bottom: 20px
}
.judul_atur_jadwal {
padding: 0;
}
.atur_jadwal_sub {
margin: auto;
display: grid;
width: 100%
}
}
.topvie label {
display: block;
}
.active, .metode_wawancara_button:hover {
background-color: #376979;
color: white;
border-radius: 13px;
margin: auto;
margin-bottom: 10px;
cursor: pointer;
}
/* Style the active class, and buttons on mouse-over brarti butuh active sama */
.metode_wawancara_button_sub_1 {
width: 50px;
float: left
}
.metode_wawancara_logo1 {
width: 50px;
}
.metode_wawancara_logo2 {
width: 40px;
}
.metode_wawancara_logo3 {
width: 50px;
}
.metode_wawancara_button_sub_2 {
width: calc(100% - 50px);
float: left;
color: #fff;
}
.metode_wawancara_button_sub_2>h3 {
line-height: 2.5;
margin: 0
}
/* ------------------------Hal VERIVIKASI CSS ----------------------*/
/* BREADCUMB*/
.breadcumb {
width: 100%;
margin-bottom: -40px;
z-index: 2;
position: absolute;
}
.breadcumb_sub {
padding: 0 60px;
}
.breadcumb_sub_sub {
width: 68%;
padding-top: 20px;
padding-bottom: 10px;
margin: auto;
}
@media(max-width:1235px) {
.breadcumb_sub {
padding: 0 20px;
}
.breadcumb_sub_sub {
padding-left: 0;
padding-top: 10px;
padding-bottom: 10px;
}
}
.breadcrumb>li {
background: transparent;
display: inline-block;
}
.breadcrumb>li>a {
padding: 0 20px 0 0;
}
.breadcrumb>li>a:hover {
background: transparent
}
.brc {
padding-left: 20px
}
/* BREADCUMB*/
/* hide number arrow field*/
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input[type=number] {
-moz-appearance: textfield;
}
.form_ulasan {
width: 77%;
margin: auto;
}
.form_ulasan_sub {
background: #071A37;
color: #fff;
position: relative;
border: 1px;
width: 100%;
margin: auto;
border: solid 2px #77797B;
border-radius: 10px;
padding: 40px 40px 60px 40px;
display: grid
}
.view_ulasan_payment_sub {
background: #333;
color: #fff;
position: relative;
border: 1px;
width: 100%;
margin: auto;
border: solid 2px #77797B;
border-radius: 10px;
padding: 20px;
display: grid
}
.form_biodata {
width: 900px;
margin: auto;
}
.form_biodata_sub {
background: #333;
color: #fff;
position: relative;
border: 1px;
width: 900px;
margin: auto;
border: solid 2px #77797B;
border-radius: 10px;
padding: 20px;
display: grid
}
@media(max-width:950px) {
.form_biodata {
width: 100%;
margin: auto;
}
.form_biodata_sub {
background: #333;
color: #fff;
position: relative;
border: 1px;
width: 100%;
margin: auto;
border: solid 2px #77797B;
border-radius: 10px;
padding: 20px;
display: contents
}
}
.form_online {
width: auto;
margin: auto;
max-width: 430px;
}
.form_online h2 {
color: #fff
}
.form_online_sub {
background: #071A37;
color: #fff;
position: relative;
border: 1px;
width: auto;
margin: auto;
border: solid 2px #77797B;
border-radius: 10px;
padding: 20px;
display: grid
}
/*test*/
.form_online_sub_sub {
background: #ffffff;
color: #000000;
padding: 10px 20px;
border-radius: 10px;
border: solid 2px #77797B;
width: 100%;
margin-top: 20px;
line-height: 2;
font-size: 16px;
display: inline-flex;
text-align: left;
}
.form_online_sub_sub> ::-webkit-input-placeholder {
/* Edge */
text-align: left
}
.form_online_sub_sub> :-ms-input-placeholder {
/* Internet Explorer 10-11 */
text-align: left
}
.form_online_sub_sub> ::placeholder {
text-align: left
}
.form_online_sub_sub> ::-webkit-input-placeholder {
/* Edge */
text-align: left
}
.form_online_sub_sub> :-ms-input-placeholder {
/* Internet Explorer 10-11 */
text-align: left
}
.form_online_sub_sub> ::placeholder {
text-align: left
}
.form_ulasan_sub_sub {
background: #fff;
color: #000;
padding: 10px 20px;
border-radius: 10px;
border: solid 2px #77797B;
width: 100%;
margin-top: 20px;
line-height: 2;
font-size: 16px;
display: inline-flex;
text-align: left;
overflow:hidden;
}
.form_ulasan_v2_sub_sub {
background: #333;
color: #fff;
padding: 10px 20px;
border-radius: 10px;
border: none;
width: 100%;
margin-top: 20px;
line-height: 2;
font-size: 16px;
display: block;
text-align: left;
}
.form_ulasan_v3_sub_sub {
background: transparent;
color: #fff;
border-radius: 10px;
border: none;
width: 100%;
margin-top: 10px;
line-height: 2;
font-size: 16px;
display: inline-flex;
text-align: left;
}
.end_text_ulasan {
margin-top: 20px
}
.form_ulasan_title {
width: 40%;
float: left;
}
.form_ulasan_divider {
width: 20px;
float: left;
}
.form_ulasan_view {
width: calc(60% - 20px);
float: left;
}
.form_ulasan_view>select {
margin: 0;
border: 0;
padding: 0;
}
@media(max-width:600px) {
.form_ulasan {
width: auto;
margin: auto;
}
.form_ulasan_sub {
display: block
}
.form_ulasan_sub_sub {
background: #fff;
color: #000;
padding: 10px 20px;
border-radius: 10px;
border: solid 2px #77797B;
width: 100%;
margin-top: 20px;
line-height: 2;
font-size: 16px;
display: block;
text-align: left;
}
.form_ulasan_title {
width: calc(100% - 20px);
float: left;
}
.form_ulasan_divider {
width: 20px;
float: left;
}
.form_ulasan_view {
width: 100%;
float: none;
}
}
@media(max-width:350px) {
.form_ulasan_title {
width: 100%;
text-align: center
}
.form_ulasan_divider {
display: none
}
.form_ulasan_view {
text-align: center;
}
}
.judul_ulasan_informasi {
color: #000;
font-size: 16px;
margin-bottom: 50px;
}
.lupa_kata_sandi {
margin-top: 20px;
}
.lupa_kata_sandi>a {
color: #585858
}
.lupa_kata_sandi>a:hover {
color: #0FF;
}
/*HOVER BTN*/
.toggle.btn {
float: left;
}
.btn {
color: #000;
padding: 10px 20px;
border-style: solid;
border-width: 3px 3px 3px 3px;
border-color: #0FF;
border-radius: 13px 13px 13px 13px;
box-shadow: 0 0 8px 0 #0FF;
background: #00ffff;
float: right;
box-shadow: 0 0 8px 0 #0FF;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
cursor: pointer;
}
.btn:hover {
/* margin: 20px 0 0 0;
*/
color: #fff;
background: #029292;
padding: 10px 20px;
border-style: solid;
border-width: 3px 3px 3px 3px;
border-color: #fff;
border-radius: 13px 13px 13px 13px;
box-shadow: 0 0 8px 0 #0FF;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
cursor: pointer;
}
.toggle-handle {
position: relative;
margin: 0 auto;
padding-top: 0;
padding-bottom: 0;
height: 100%;
width: 0;
border-width: 0 1px;
background: #445252;
padding: 5px 10px;
border: 0;
box-shadow: 0 0 0px 0 #0FF;
float: none;
}
.toggle-handle:hover {
position: relative;
margin: 0 auto;
padding-top: 0;
padding-bottom: 0;
height: 100%;
width: 0;
border-width: 0 1px;
background: #445252;
padding: 5px 10px;
border: 0;
box-shadow: 0 0 0px 0 #0FF;
}
.btn_full {
color: #000000;
padding: 10px 20px;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #0FF;
border-radius: 13px 13px 13px 13px;
box-shadow: 0 0 8px 0 #0FF;
background: #00FFFF;
float: right;
box-shadow: 0 0 8px 0 #0FF;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
cursor: pointer;
width: 100%;
margin-top: 20px;
}
.btn_full:hover {
color: #ffffff;
background: #029292;
padding: 10px 20px;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #fff;
border-radius: 13px 13px 13px 13px;
box-shadow: 0 0 8px 0 #0FF;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
cursor: pointer;
width: 100%
}
.button_ulasan {
color: #0FF;
padding: 10px 20px;
margin: 0 0 0 0;
border-style: solid;
border-width: 3px 3px 3px 3px;
border-color: #0FF;
border-radius: 13px 13px 13px 13px;
box-shadow: 0 0 8px 0 #0FF;
width: 30%;
background: #333;
float: right
}
.end_text_biodata {
margin-top: 20px;
}
.last_messages {
margin-top: 10px;
text-align: left;
color: #fff;
}
.ending_text_ulasan {
color: #fff;
text-align: left;
}
.pilihan_pembayaran {
margin-bottom: 20px
}
.judul_pembayaran {
background: #071a37;
color: #fff;
margin-bottom: 10px;
border-radius: 10px;
text-align: left;
padding: 10px 20px
}
.content_pembayaran {
background: #d7dce2;
border-radius: 10px;
text-align: left;
padding: 10px 20px;
}
.pilihan_merchant {
margin-top: 10px;
}
.judul_merchant {
background: #071a37;
color: #fff;
margin-bottom: 10px;
border-radius: 10px;
text-align: left;
padding: 10px 20px
}
.content_merchant {
background: #d7dce2;
border-radius: 10px;
text-align: left;
padding: 10px 20px;
}
.installment_table {
width: 100%;
display: inline-block;
padding-left: 35px;
}
.installment_table_title {
float: left;
min-width: 150px
}
.installment_table_content {
float: left;
min-width: 200px
}
.full_payment_sub {
display: block
}
.full_payment_sub_content {
display: contents;
}
@media(max-width:600px) {
.installment_table {
padding-left: 15px;
}
.installment_table_title {
min-width: 0;
width: 100px;
}
.installment_table_content {
float: left;
min-width: 0;
width: auto
}
.full_payment_sub_content {
display: block;
padding-left: 15px;
}
}
.bni_logo {
max-width: 100px
}
.gopay_logo {
max-width: 100px
}
.visa_master {
max-width: 100px
}
.radio_label {
display: inline-block;
vertical-align: middle;
margin-right: 3%;
padding-top: 10px;
}
.radio_input {
display: inline-block;
vertical-align: middle;
}
.radio_divide {
margin-bottom: 20px;
}
.upload-btn-wrapper {
position: relative;
overflow: hidden;
display: inline-block;
}
.btn_upload {
border: 2px solid gray;
color: gray;
background-color: white;
padding: 8px 20px;
border-radius: 8px;
font-size: 20px;
font-weight: bold;
}
.upload-btn-wrapper input[type=file] {
font-size: 100px;
position: absolute;
left: 0;
top: 0;
opacity: 0;
}
.ui-datepicker-month, .ui-datepicker-year {
background: transparent;
padding: 5px;
color: black;
border: 0;
}
.ui-state-default, .ui-widget-content .ui-state-default {
border: 0
}
.tanggal_sub #datepicker_atur_jadwal {
margin: auto;
}
.tanggal_sub>#datepicker_atur_jadwal>.ui-datepicker-inline {
background: transparent;
margin: auto;
border: 0;
}
.tanggal_sub .ui-datepicker-inline {
display: content
}
.tanggal_sub .ui-datepicker table {
color: #fff;
margin-bottom: 20px;
}
.tanggal_sub .ui-widget-header {
border: 0
}
.tanggal_sub .ui-datepicker-header {
background: transparent
}
.tanggal_sub .ui-datepicker-month, .tanggal_sub .ui-datepicker-year {
color: #fff;
}
.tanggal_sub a.ui-state-default {
color: #fff;
background: transparent;
border-radius: 50%;
height: 30px;
width: 30px
}
.tanggal_sub a.ui-state-default:hover {
color: #fff;
background: transparent;
border-radius: 50%;
height: 30px;
width: 30px
}
.tanggal_sub .ui-datepicker table {
width: 30px;
height: 30px;
margin-left: auto;
margin-right: auto;
}
.tanggal_sub .ui-state-highlight {
border: 1px solid white;
border-radius: 50%
}
.tanggal_sub .ui-datepicker-current-day {
background: #12262d;
width: 30px;
height: 30px;
border-radius: 50%
}
.tanggal_sub .ui-widget {
font-family: poppins;
}
.choose-payment-method {
border: 1px solid black;
border-radius: 13px;
padding: 12px;
cursor: not-allowed;
}
#show_me_bni, #show_me_gopay, #show_me_visa_master {
display: none;
}
.show_me_bni_sub, .show_me_gopay_sub, .show_me_visa_master_sub {
padding: 0 25px;
background: #f6faff;
min-height: 150px;
border-radius: 13px;
text-align: center;
}
.content_pembayaran_sub {
margin-bottom: 10px
}
/* dashboard css*/
.dashboard_menu {
width: 30%;
float: left
}
.dashboard_content {
width: 70%;
float: left
}
.board1 {
width: calc(100% / 3);
float: left;
overflow: hidden;
min-height: 300px
}
.board1_sub {
padding: 20px;
border: 2px solid #77797B;
min-height: 300px;
margin: 10px;
border-radius: 13px
}
.dashboard_menu_sub {
border: 2px solid #77797B;
border-radius: 13px;
height: 400px;
padding: 20px;
margin: 10px;
position: relative;
background: #211f1f
}
.alt3 .dashboard_menu_sub {
border: 0;
height: 400px;
padding: 20px;
margin: 10px;
position: relative;
background: transparent;
}
@media(max-width:1050px) {
.dashboard_menu_sub {
border: 2px solid #77797B;
border-radius: 13px;
height: auto;
padding: 20px;
margin: 10px;
position: relative;
background: #211f1f
}
.alt3 .dashboard_menu_sub {
height: auto;
padding: 20px;
margin: 10px;
position: relative;
background: transparent
}
}
/*Mobile*/
@media(max-width:768px) {
.dashboard_menu {
width: 100%;
float: none;
margin-top: 50px;
}
.dashboard_content {
width: 100%;
float: none
}
.board1 {
width: 100%;
float: none;
overflow: hidden;
min-height: 300px
}
}
/* dashboard css*/
.judul_pembayaran>h2, .judul_merchant>h2 {
font-size: 24px;
text-align: left
}
/*page atur jadwa*/
.mw1 {
line-height: 3.2;
}
.mw2 {
line-height: 3.2;
}
.wtop {
display: inline-flex;
margin-left: -300px
}
@media(max-width: 1350px) {
.wtop {
display: block;
margin-left: 0;
}
.home h1 {
line-height: 1
}
.anim_container_sub {
margin: auto;
}
}
/* Style the tab */
.tab {
overflow: hidden;
margin-bottom: -1px
}
/* Style the buttons that are used to open the tab content */
.tab button {
display: inline-flex;
color: #fff;
background-color: inherit;
float: left;
outline: none;
cursor: pointer;
padding: 14px 16px;
transition: 0.3s;
border-bottom: none;
border-radius: 13px 13px 0 0;
}
.alt3 .tab button {
display: inline-flex;
color: #fff;
background-color: inherit;
float: left;
outline: none;
cursor: pointer;
padding: 14px 16px;
transition: 0.3s;
border-radius: 0;
border: 0;
border-bottom: 4px solid transparent;
}
/* Change background color of buttons on hover */
.tab button:hover {
background-color: #ddd;
color: #a5a5a5;
}
/* Create an active/current tablink class */
.tab button.active2 {
background-color: #211f1f;
}
.alt3 .tab button.active2 {
background-color: transparent;
border-bottom: 4px solid white;
}
/* Style the tab content */
.tabcontent {
display: none;
padding: 20px;
background: #071a37;
min-height: 300px;
border-radius: 13px;
}
.alt3 .tabcontent {
display: none;
padding: 20px;
background: transparent;
min-height: 300px;
border-radius: 0;
border: 0;
border-top: 1px solid #ccc;
}
.info_pay {
display: block;
}
.photo-profile {
padding-bottom: 20px;
}
.img_profile {
max-width: 28px;
padding-right: 10px
}
#biodata>.form_ulasan_sub_sub {
background: transparent;
}
#biodata>.form_ulasan_v2_sub_sub {
background: transparent;
}
#biodata {
display: flow-root;
}
/* Animation */
@keyframes fadeInUp {
from {
transform: translate3d(0, 40px, 0)
}
to {
transform: translate3d(0, 0, 0);
opacity: 1
}
}
@-webkit-keyframes fadeInUp {
from {
transform: translate3d(0, 40px, 0)
}
to {
transform: translate3d(0, 0, 0);
opacity: 1
}
}
.animated {
animation-duration: 1s;
animation-fill-mode: both;
-webkit-animation-duration: 1s;
-webkit-animation-fill-mode: both
}
.animatedFadeInUp {
opacity: 0
}
.fadeInUp {
opacity: 0;
animation-name: fadeInUp;
-webkit-animation-name: fadeInUp;
}
.footer-col-1>a {
color: #fff;
}
.profile-pic {
min-width: 102%;
display: block;
}
.file-upload {
display: none;
}
.circle {
overflow: hidden;
width: 100%;
border: 2px solid #fff;
border-radius: 50%;
height: 120px;
/* padding-bottom: 56.25%;*/
/* 16:9 */
position: relative;
}
.alt3 .circle {
overflow: hidden;
width: 100%;
border: none;
border-radius: 13px;
margin-bottom: 20px;
height: 0;
padding-bottom: 100%;
/* 16:9 */
position: relative;
}
.circle>img {
max-width: 100%;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.p-image {
position: absolute;
bottom: -20px;
right: -20px;
color: #666666;
transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}
.p-image:hover {
transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
cursor: pointer;
}
.upload-button {
font-size: 1.2em;
}
.upload-button:hover {
transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
color: #999;
}
.lebar {
width: 100%;
height: 100%;
}
.fa-camera {
color: #bdbdbd;
}
.fa-camera:hover {
color: #fff;
}
.fa-camera:before {
font-size: 40px;
padding-right: 20px;
}
.pro-content {
padding-left: 10px
}
.info_pay_sub_2 {
padding-left: 20px;
margin-bottom: 20px;
}
.pro_sub {
padding-left: 10px
}
.dashboard_menu h3 {
display: flex;
flex-direction: row;
}
.dashboard_menu h3:after {
content: "";
flex: 1 1;
border-bottom: 2px solid #77797B;
margin: auto;
margin-left: 10px;
}
.name_mobile {
display: none;
}
@media(max-width:768px) {
.name_mobile {
display: block;
}
.alt3 .xx {
display: none;
}
}
.actionButtons {
margin: 5px 5px 0;
}
.cancelButton {
margin-top: 20px;
padding: 10px 20px;
background: #071a37;
float: right;
border-style: solid;
border-width: 3px 3px 3px 3px;
border-color: #071a37;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
cursor: pointer;
color: #fff
}
.saveButton {
margin-top: 20px;
color: #000;
padding: 10px 20px;
border-style: solid;
border-width: 3px 3px 3px 3px;
border-color: #0FF;
border-radius: 13px 13px 13px 13px;
box-shadow: 0 0 8px 0 #0FF;
background: #0ff;
float: right;
box-shadow: 0 0 8px 0 #0FF;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
cursor: pointer;
}
.saveButton:hover {
margin: 20px 0 0 0;
color: #fff;
background: #029292;
padding: 10px 20px;
border-style: solid;
border-width: 3px 3px 3px 3px;
border-color: #fff;
border-radius: 13px 13px 13px 13px;
box-shadow: 0 0 8px 0 #0FF;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
cursor: pointer;
}
.editButton {
display: none;
margin-top: 20px;
color: #000;
padding: 10px 20px;
border-style: solid;
border-width: 3px 3px 3px 3px;
border-color: #0FF;
border-radius: 13px 13px 13px 13px;
box-shadow: 0 0 8px 0 #0FF;
background: #00ffff;
float: right;
box-shadow: 0 0 8px 0 #0FF;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
cursor: pointer;
}
.editButton:hover {
display: none;
margin: 20px 0 0 0;
color: #fff;
background: #029292;
padding: 10px 20px;
border-style: solid;
border-width: 3px 3px 3px 3px;
border-color: #fff;
border-radius: 13px 13px 13px 13px;
box-shadow: 0 0 8px 0 #0FF;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
cursor: pointer;
}
input[disabled] {
color: #6b6868;
border-color: transparent;
}
.readOnly .actionButtons {
display: none;
}
.readOnly .editButton {
display: block;
cursor: pointer;
}
.formSection.disabled * {
opacity: .5;
}
.disabled .editButton {
display: block;
cursor: default;
}
.disabled .editButton:hover {
background: #029292;
}
.topvie {
color: #fff;
}
.myClass1, .myClass2, .myClass3 {
border-radius: 13px;
cursor: pointer;
}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus {
-webkit-text-fill-color: #071A37;
transition: background-color 5000s ease-in-out 0s;
font-family: Poppins;
}
#myProgress {
width: 84%;
margin-left: calc(100% / 16);
border-radius: 10px;
background-color: #292929;
}
#myBar {
width: 10%;
height: 6px;
background-color: #000;
border-radius: 10px;
}
.con_tent {
width: calc(100% / 8);
float: left;
display: block
}
.progress_container {
width: 100%;
margin-bottom: 0;
height: 20px;
padding-left: calc(100% / 16);
}
.proggress_num {
height: 30px;
width: 30px;
border-radius: 50%;
display: block;
float: left;
margin-right: -15px;
margin-top: 6px;
border: 4px solid #000;
color: #fff
}
.proggress_num_sub {
text-align: center
}
.active_progress {
background: #000;
border: 4px solid #000;
color: white;
box-shadow: 0 0 30px 0 #0FF;
}
.pass_progress {
background: #000;
}
.unstep_progress {
background: #333;
border: 4px solid #292929;
color: #777777;
}
.proggress_text_active {
color: #fff;
margin-top: 5px;
margin-left: -100%;
margin-right: -100%;
text-align: center;
font-size: 10px;
}
.progress_text_core {
margin-top: 5px;
margin-left: -100%;
margin-right: -100%;
text-align: center;
font-size: 10px;
}
.proggress_text_after {
color: #fff;
}
.proggress_text_before {
color: #808080;
}
@media screen and (max-width: 970px) {
.proggress_text_before, .proggress_text_after {
display: none;
}
}
.expad {
padding-top: 150px;
}
@media screen and (max-width: 450px) {
.expad {
padding-top: 0;
}
}
.procon {
color: #fff;
min-height: 300px;
overflow: hidden;
padding: 100px 0
}
.payment_review .ver_intro_sub_sub {
padding-top: 150px;
}
.newline_respon {
display: block;
}
@media screen and (max-width: 1024px) {
.newline_respon {
display: none;
}
}
.ver_br {
display: block
}
@media screen and (max-width: 400px) {
.ver_br {
display: none;
}
}
.jadwal_br {
display: block
}
@media screen and (max-width: 500px) {
.jadwal_br {
display: none;
}
}
.biodata_br {
display: block
}
@media screen and (max-width: 1100px) {
.biodata_br {
display: none;
}
}
a.but_style {
text-decoration: none;
}
.footer-col-1>a {
text-decoration: none;
}
#info, #info_content {
cursor: pointer;
}
.hideinfo {
display: none;
background: #fff;
border-radius: 13px;
padding: 20px 40px 20px 20px;
transition: all ease 2s;
position: relative;
margin-top: 10px;
}
.hideinfo_sub>p {
margin-bottom: 0
}
#close_info {
right: 20px;
top: 20px;
position: absolute;
}
.pre-biodata {
margin-bottom: 20px;
color: #FFF;
}
.modal-title {
text-align: center;
width: 100%;
}
.modal-header {
color: #fff;
text-align: center;
border-bottom: 0;
border-top-left-radius: 13px;
border-top-right-radius: 13px;
}
.modal-header, .modal-body, .modal-footer {
background: #071a37;
}
.modal-content {
border: 0;
}
.modal-footer {
border-radius: 0 0 13px 13px;
border-top: 0px solid #e9ecef;
}
.modal-content {
background: none;
}
.close:not(:disabled):not(.disabled) {
color: #fff;
}
.content_pembayaran_sub label, .content_pembayaran label {
cursor: pointer;
display: inline
}
.expad30 {
padding-right: 30px;
}
input:focus {
outline: none !important;
}
*:focus {
outline: none;
}
.home-info {
color: #fff;
text-align: center;
padding: 0 50px;
}
@media(max-width: 360px) {
.home-info {
color: #fff;
text-align: center;
padding: 0 10px;
}
}
.topvie p {
margin: 1rem 0;
}
option:hover {
background:#c4c7cd;
}
#opid:hover {
background-color: red;
}
input[type=radio]:hover, .radio_label {
cursor: pointer;
}
.toggle.btn {
min-width: 59px;
min-height: 34px;
margin-top: 0;
margin-left: 20px;
}
/* webkit solution */
::-webkit-input-placeholder {
text-align: left;
}
/* mozilla solution */
input:-moz-placeholder {
text-align: left;
}
.form-error {
color: #fff;
padding: 10px 20px;
background: #943434;
border-radius: 10px;
margin-top: 10px;
}
.main-menu {
list-style-type: none;
cursor: pointer;
margin-bottom: 20px;
}
.main-menu img {
width: 15px;
margin-right: 5px;
}
#ic-ds {
size: 24px;
}
textarea:focus, input:focus {
outline: none;
}
input#identitas_pendaftar:hover, input#identitas_ortu:hover, input#file-upload-button:hover {
cursor: pointer;
}
.opt-cara-bayar {
padding: 10px 0;
}
.form_ulasan_view .form_input_biodata {
color: #000;
font-family: "Poppins", Sans-serif;
}
#tulis_lainnya_biodata input[type=text], #tulis_lainnya_biodata input[type=select] {
color: #000;
padding: 20px 0;
border: none;
}
.link_ubah_pembayaran{
text-align: center;
background: 0;
border: 0;
text-decoration: underline;
margin-top: 20px;
}
.link_ubah_pembayaran:hover{
cursor: pointer;
}
@media(max-width: 360px) {
select option, select optgroup{
font-size:9px;
}
}
/*
test*/