.tutor {
background-color: #f8f8f8;
}
.rounded-pill{border-radius:50rem!important}
.bg-primary{background-color:#0d6efd!important}
.bg-secondary{background-color:#6c757d!important}
.bg-success{background-color:#198754!important}
.bg-info{background-color:#0dcaf0!important}
.bg-warning{background-color:#ffc107!important}
.bg-danger{background-color:#dc3545!important}
.bg-light{background-color:#f8f9fa!important}
.bg-dark{background-color:#212529!important}
.bg-body{background-color:#fff!important}
.bg-white{background-color:#fff!important}
.bg-transparent{background-color:transparent!important}
.bg-gradient{background-image:var(--bs-gradient)!important}	
.bg-hijau{background-color:#f5bb4d!important}
.bg-merah{background-color:#ea1245!important}
.bg-biru{background-color:#1a68d2;color:#fff!important}
.bg-ungu{background-color:#c81ad3!important}
.bg-paket{background-color:#49c519!important}
.bg-project{background-color:#bacdd1!important}
.bg-app{background-color:#c167c1!important}
.bg-ijo{background-color:#49c519!important}
.bg-ijotua{background-color:#2fb62f!important}
.bg-tema{background-color:#1a68d2!important}
.bg-orange{background-color:orange!important}
.hijau {
background-color:#49c519;
justify-content: center; 
line-height: 1.4;
padding-left: 32px;
padding-top: 20px;
}
.peringatan {
margin:auto;
background: yellow;
padding: 20px;
border-radius: 15px;
font-size: 14pt;
font-weight: 700;
width: 95%;
}
.konten2 {
padding: 30px 10px;
margin: 20px 0;
}
.aa-rey-ganteng {
border: 1px solid #c6c7c9;
cursor: pointer;
padding: 18px 0;
width: 100%;
font-family: 'Nunito', sans-serif;
text-align: left;
outline: none;
font-size: 16px;
transition: 0.1s;
margin-bottom : -20px;
border-radius: 10px;
position: relative;
-webkit-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease;
transition: height 0.8s ease;
}
.aa-rey-ganteng-bgt {
border: 1px solid #1a68d2;
padding: 18px 0;
width: 100%;
font-family: 'Nunito', sans-serif;
text-align: left;
outline: none;
font-size: 16px;
transition: 0.1s;
margin-bottom : -20px;
border-radius: 10px;
position: relative;
-webkit-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease;
transition: height 0.8s ease;
background: #f8f8f8;
}
.tombol-project{
font-family: 'Nunito', sans-serif;
display: inline-block;
padding: 4px 15px;
cursor: pointer;
border-radius: 10px;
font-size: 16px;
color: #fff;
margin-right: 10px;
}
.active{
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
transition: 10ms;
transition: height 0.8s ease;
}
.detailfile{
border: 1px solid #c6c7c9;
display: none;
background-color: white;
overflow: hidden;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
margin-bottom: 10px;
margin-top: 20px;
padding-top: 20px;
padding-bottom: 20px;
border-top: none;
}
.detailfile2{
border: 1px solid #1a68d2;
display: none;
background-color: white;
overflow: hidden;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
margin-bottom: 10px;
margin-top: 20px;
padding-top: 20px;
padding-bottom: 20px;
border-top: none;
}
.rey-iframe {
width: 100%;
height: 100vh;
outline: none;
border: none;
transition: height 0.8s ease;
}

.rey-tags{display:block;margin:none}.rey-tags span{transition:.3s;font-size:12px;font-weight:700;border: solid 1px #1a68d2;border-radius:20px;background:#fff;color:#1a68d2;display:inline-block;padding:1px 16px 1px 16px;margin:0 4px 0 0;line-height:18px}
.komentar {
background: #f2f3f4;
margin:auto;
margin-top: 20px;
width: 90%;
padding: 20px 40px;
border-radius: 25px;
}
.konten {
width: 90%;
margin: auto;
}
.margin-minus {
margin-top: -60px;
}
.border-radius {
border-radius: 25px;
}
.ikon {
padding: 10px;
background: #f2f8f7;
color: #8b9ba8;
min-width: 50px;
text-align: center;
}
input[type=text].rey, select.rey{
width: 100%;
display: inline-block;
background: #f2f8f7;
}
.tombol-link{
color: #ffffff;
}
.tombol-link:hover{
color: #ffffff;
}
span.padi {
padding-left: 12px;
font-size:14px;
font-weight:700;
}
td.dasbor {
width: 550px;
}
td.dasbor2 {
width: 250px;
}
td.jarak {
padding-top: 60px;
}
td.rating {
display: flex;
padding-left: 80px;
}
p.peringatan {
background: #ea1245;
color : #ffffff;
border-radius: 8px;
font-weight: 500;
padding: 15px 80px;
}
.biru-border,input[type=password].biru-border,input[type=email].biru-border,input[type=text].biru-border,input[type=number].biru-border,textarea.biru-border,select.biru-border{border-radius:8px;background-color:#fff;border:solid 1px #ccd5dc;box-shadow:none}input.biru-border:focus,input[type=text].biru-border:focus,input[type=password].biru-border:focus,input[type=email].biru-border:focus,input[type=number].biru-border:focus,textarea.biru-border:focus{border:1px solid #ccd5dc;box-shadow:none}input[type=submit]{border:none;padding:11px 18px;width:auto}

.nganggo-border,input[type=password].nganggo-border,input[type=email].nganggo-border,input[type=text].nganggo-border,input[type=number].nganggo-border,textarea.nganggo-border,select.nganggo-border{height: 50px;border-radius:8px;background-color:#fff;border:solid 1px #ccd4dc;margin-bottom:1px;}input.nganggo-border:focus,input[type=text].nganggo-border:focus,input[type=password].nganggo-border:focus,input[type=email].nganggo-border:focus,input[type=number].nganggo-border:focus,textarea.nganggo-border:focus{border:1px solid #e0e0e0;box-shadow:0 1px 4px 0 rgba(0,0,0,.08)}input[type=submit]{border:none;padding:11px 18px;width:auto}
.pakai-border,input[type=password].pakai-border,input[type=email].pakai-border,input[type=text].pakai-border,input[type=number].pakai-border,textarea.pakai-border,select.pakai-border{height: 40px;border-radius:10px;background-color:#f2f8f8;border:solid 1px #1a69d2;box-shadow:0 1px 4px 0 rgba(0,0,0,.05)}input.pakai-border:focus,input[type=text].pakai-border:focus,input[type=password].pakai-border:focus,input[type=email].pakai-border:focus,input[type=number].pakai-border:focus,textarea.pakai-border:focus{border:1px solid #e0e0e0;box-shadow:0 1px 4px 0 rgba(0,0,0,.08)}input[type=submit]{border:none;padding:11px 18px;width:auto}
.putih-dasbor{
background-color:#fff;
border-radius: 8px;
padding: 20px;
}
.putih-das{
background-color:#fff;
border-radius: 8px;
padding: 20px 30px 30px 30px;
}
.cadcamcareer{display:block;border-radius:4px;box-shadow:0 2px 12px rgba(0,0,0,.12);margin-bottom:35px;background-color:#fff;transition:.3s;position:relative}
.cadcamcareer:hover{box-shadow:0 2px 18px rgba(0,0,0,.14);transform:translateY(-4px)}



.file{float:left;}
.delete_{
float:right;
margin-top: -62px;
}
.file_container p{clear:both;}

.upil::-webkit-file-upload-button {
outline: none;
border: none;
background: transparent;
cursor: pointer;
color: transparent;
width: 0px;
margin-right: 20px;
margin-left: -20px;
}
.upil::before {
content: 'Pilih File';
color: #fff;
display: inline-block;
background: #1a68d2;
border: none;
padding: 2px 40px 8px 40px;
outline: none;
white-space: nowrap;
--webkit-user-select: none;
cursor: pointer;
font-weight: 600;
font-size: 12pt;
outline: none;
margin-left: -20px;
}
.upil:hover::before {
background: #212529;
}
.upil:active {
outline: 0;
}
.upil:active::before {
background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9); 
padding: 0;
}

.putih-project{
background-color:#fff;
border-radius: 8px;
padding: 10px 20px 20px 20px;
}
.putih-das2{
background-color:#fff;
border: solid 1px #d1d6d9;
border-radius: 8px;
}
.biru-pos{
background-color:#1a69d2;
font-size:18px;
font-weight:900;
line-height:1;
color:#fff;
padding: 20px;
}
.orange-pos{
background-color:#f5bb4d;
font-size:18px;
font-weight:900;
line-height:1;
color:#fff;
padding: 20px;
}
.putih-pos{
background-color:#fff;
border: solid 1px #f2f8f8;
padding: 20px 40px;
}
.merah{background-color:#ea1245;}
.putih{background-color:#fff; padding: 20px;}
.tiga{
background: #f8f8f8;
}
.dua{background-color:#f8f8f8!important}
.box-putih{background-color:#fff; padding:10px 5px 10px 5px; box-shadow:0 2px 18px rgba(0,0,0,.08); border-radius: none;}

.biru{background-color:#4a62aa!important}
.kotak-profil{background-color:#fff; padding:20px 20px 20px 20px;; box-shadow:0 2px 18px rgba(0,0,0,.08); border-radius:none;}

p.das {
color: #212225;
line-height: 14px;
}
li.dasborr {
color: #212225;
list-style: none;
}
.head-reysat {
color: #212225;
font-size: 28px;
font-weight: 700;
}
.head-profil {
color: #212225;
font-size: 22px;
font-weight: 700;
}
.kiri-tengah {
display: flex;
align-items: center;
height: 100%;
}
.tengah-tengah {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.kanan-tengah {
display: flex;
align-items: right;
justify-content: center;
height: 100%;
}
.title-reysat {
color: #212225;
font-size: 18px;
font-weight: 700;
}
.reysat {
color: #666666;
font-size: 11pt;
}

.reysat:current{
color: #1a68d2;
font-size: 11pt;
}
.reysat2 {
color: #1a68d2;
font-size: 11pt;
}
.con-reysat {
color: #666666;
padding: 0 0 0 8px;
font-size: 16px;
font-weight: 550;
line-height: 2;
}
.tab-reysat {
color: #666666;
}
.invoice{display:inline-block;padding:8px;font-size:20px;font-weight:600;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:8px}

.tombol3{display:inline-block;padding:11px 50px 11px 50px;font-size:16px;font-weight:600;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:8px}

.tombol{display:inline-block;padding:14px 50px 14px 50px;font-size:16px;font-weight:600;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:8px}

.tombol2{display:inline-block;padding:12px 30px 12px 30px;font-size:16px;font-weight:600;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:8px}
.tombol2:hover{color: #fff !important;}
.bg-waktu{background-color:#9bb6bb!important}
.badge{display:inline-block;padding:.35em .65em;font-size:.75em;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem}
.badge:empty{display:none}.btn .badge{position:relative;top:-1px}
.paket{display:inline-block;padding:5px 30px 5px 30px;font-size:.70em;font-weight:600;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem}
.paket:empty{display:none}.btn .paket{position:relative;top:-1px}
.lowongan{display:inline-block;padding:5px 20px 5px 20px;font-size:.75em;font-weight:750;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem}
.lowongan:empty{display:none}.btn .lowongan{position:relative;top:-1px}
.rey-tran{display:inline-block;padding:12px 24px 12px 24px;font-size:14px;font-weight:500;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:8px}
.rey-tran:empty{display:none}.btn .rey-tran{position:relative;top:-1px}
.proyek{display:inline-block;padding:5px 20px 5px 20px;font-size:.75em;font-weight:500;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem}
.proyek:empty{display:none}.btn .proyek{position:relative;top:-1px}
.rey-putih{display:inline-block;padding:12px 24px 12px 24px;border:solid 1px #1a68d2;font-size:14px;font-weight:500;line-height:1;color:#1a68d2;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:8px}
.rey-putih:empty{display:none}.btn .rey-putih{position:relative;top:-1px}
.bg-putih{display:inline-block;padding:5px 20px 5px 20px;border:solid 1px #1a68d2;font-size:14px;font-weight:750;line-height:1;color:#1a68d2;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem}
.bg-putih:empty{display:none}.btn .bg-putih{position:relative;top:-1px}
.bg-highlight{display:inline-block;padding:5px 20px 5px 20px;border:solid 1px #f5bb4c;font-size:.75em;font-weight:750;line-height:1;color:#f5bb4c;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem}
.bg-highlight:empty{display:none}.btn .bg-highlight{position:relative;top:-1px}

.bitin{margin:0 0 0;padding:2px 8px;
color: #fff; border-radius: 5px;}

.cahayatinggi2 {
 border-top-width: 0;
 border-right-width: 0;
 border-bottom-width: 0;
 border-left-width: 10px; border-left-color: orange;
 border-style: solid;
 
}
.cahayatinggi {
 border-top-width: 1px; border-top-color: orange;
 border-right-width: 1px; border-right-color: orange;
 border-bottom-width: 1px; border-bottom-color: orange;
 border-left-width: 10px; border-left-color: orange;
 border-style: solid;
 
}

.diam {
width:100%; /*mengatur header supaya full width*/
z-index: 1001;
position: -webkit-sticky;
position: sticky;
top: 0;
background: transparent;
}

.luhur {
width:100%;
z-index: 3000;
}

.masuk {
background-color:transparent;
justify-content: center; 
line-height: 1.4;
padding-left: 32px;
padding-top: 20px;
padding-right: 32px;
padding-bottom: 20px;

}
.form_masuk{
/*membuat lebar form penuh*/
border: 1px solid #ccd3db;
width: 100%;
padding: 10px;
font-size: 11pt;
background: #f2f8f8;
margin-bottom: 20px;
border-radius: 10px;
}

.tombol-upload-biru {
display: inline-block;
padding: 8px 18px;
cursor: pointer;
border-radius: 8px;
font-size: 16px;
color: #1a68d2;
}
.tombol-upload-biru {
color: #1a68d2;
}
.tombol-upload-biru:hover {
color: #1a68d2;
}

.tombol-upload-hitam {
display: inline-block;
padding: 8px 18px;
cursor: pointer;
border-radius: 8px;
font-size: 16px;
color: #666666;
}
.tombol-upload-hitam {
color: #666666;
}
.tombol-upload-hitam:hover {
color: #666666;
}

.tombol-file {
display: inline-block;
padding: 8px 30px;
cursor: pointer;
border-radius: 8px;
font-size: 16px;
color: #fff;
}
.tombol-file {
color: #fff;
}
.tombol-file:hover {
color: #fff;
}

.tombol-upload {
display: inline-block;
padding: 8px 18px;
cursor: pointer;
border-radius: 8px;
font-size: 16px;
color: #fff;
}
.tombol-upload {
color: #fff;
}
.tombol-upload:hover {
color: #fff;
}

tr.anti-border td {
border: 0
!important
}
label{
font-size: 11pt;
color: #222224;
}
.posisi-kanan {
float: right;
}
.posisi-kiri {
float: left;
}
.huruf-kiri {
text-align: left;
}
.huruf-tengah {
text-align: center;
}
.huruf-kanan {
text-align: right;
}
.box-bodas{background-color:#fff; justify-content: center; padding-top: 0; padding-right: 10px; padding-bottom: 0; padding-left: 10px; margin-top: 0; margin-bottom: 30px; margin-right: 0; margin-left: 0; box-shadow:0 2px 18px rgba(0,0,0,.08); border-radius: 0;}
.box-cari{background-color:transparent; padding-top: 0; padding-right: 10px; padding-bottom: 0; padding-left: 10px; border-radius: 0;}
.kiri{float: left;}
.kanan{float: right;}

.div-rey {
position: relative;
background-color: transparant;
}

.div-tag {
background-color: transparant;
position: relative;
}

.s01 {
align-items: center;
padding: 15px 0 0 0;
}

.s01 form {
width: 100%;
max-width: 1290px;
}

.s01 form legend {
font-size: 72px;
line-height: 1;
color: #fff;
margin-bottom: 60px;
}

.s01 form .inner-form {
display: -ms-flexbox;
display: flex;
width: 100%;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
}

.s01 form .inner-form .input-field {
margin-right: 0;
height: 50px;
}

.s01 form .inner-form .input-field input {
height: 100%;
background: #f2f8f7;
display: block;
width: 100%;
padding: 10px 32px;
font-size: 15.4px;
}

.s01 form .inner-form .input-field input.placeholder {
font-size: 15.4px;
}

.s01 form .inner-form .input-field input:-moz-placeholder {
font-size: 15.4px;
}

.s01 form .inner-form .input-field input::-webkit-input-placeholder {
font-size: 15.4px;
}


.s01 form .inner-form .input-field.first-wrap {
-ms-flex-positive: 1;
flex-grow: 1;
border-style: solid;
border-color: #d7dadf;
border-width: 1px;
}

.s01 form .inner-form .input-field.second-wrap {
width: 35%;
min-width: 180px;
margin-right: 0;
margin-left: 0;
border-style: solid;
border-color: #d7dadf;
border-width: 1px;
}
.s01 form .inner-form .input-field.dua-wrap {
-ms-flex-positive: 1;
flex-grow: 1;
border-style: solid;
border-color: #d7dadf;
border-width: 1px;
}
.s01 form .inner-form .input-field.satu-wrap {
width: 35%;
min-width: 180px;
margin-right: 0;
margin-left: 0;
border-style: solid;
border-color: #d7dadf;
border-width: 1px;
}
.s01 form .inner-form .input-field.third-wrap {
width: 60px;
margin-right: 0;
margin-left: 0;
}

.s01 form .inner-form .input-field.third-wrap .btn-search {
height: 100%;
width: 100%;
background: #1a68d2;
white-space: nowrap;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
font-size: 20px;
color: #fff;
transition: all .2s ease-out, color .2s ease-out;
border: 0;
cursor: pointer;
margin-left: 0;
padding: 11px;
}

.s01 form .inner-form .input-field.third-wrap .btn-search:hover {
background: #2d62d3;
}

@media screen and (max-width: 992px) {
.s01 form legend {
font-size: 50px;
text-align: center;
margin-bottom: 50px;
}
.s01 form .inner-form {
padding: 30px 35px;
}
.s01 form .inner-form .input-field {
height: 50px;
}
}

@media screen and (max-width: 767px) {
.s01 form legend {
font-size: 40px;
margin-bottom: 40px;
margin-top: 20px;
}
.s01 form .inner-form {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0px;
margin-top: 20px;
}
.s01 form .inner-form .input-field {
margin-right: 0;
height: 40px;
}
.s01 form .inner-form .input-field input {
padding: 5px 8px;
font-size: 16px;
}
.s01 form .inner-form .input-field.first-wrap {
width: 50%;
}
.s01 form .inner-form .input-field.second-wrap {
width: 40%;
min-width: auto;
}
.s01 form .inner-form .input-field.satu-wrap {
width: 100%;
margin-bottom: 10px;
}
.s01 form .inner-form .input-field.dua-wrap {
width: 80%;
min-width: auto;
}
.s01 form .inner-form .input-field.third-wrap {
width: 10%;
}
.s01 form .inner-form .input-field.third-wrap .btn-search {
font-size: 14px;
margin-left: 0;
padding: 8px
}
}
.rey-border {
width: 120px;
height: 30px;
border: 1px solid #999;
font-size: 18px;
color: #000000;
background-color: #fff;
border-radius: 5px;
box-shadow: 4px 4px #ccc;
}

.rey-container {
width: 100%;
grid-template-columns: 10% 20% 20% 20% 20% 10%;
grid-gap: 10px;
}

.rey-container > div {
text-align: center;
font-size: 16px;
}



@media screen and (max-width: 767px) {

.rey-container {
display: grid;
grid-template-columns: auto auto auto;
grid-gap: 10px;
}


.rey-container > div {
text-align: center;
font-size: 16px;
}
}

@media(min-width:768px){.sembunyi-pc{display:none}}

@media screen and (max-width: 575px) {
.s01 form .inner-form .input-field {
margin-right: 0;
height: 40px;
font-size: 10px;
}
.s01 form .inner-form .input-field.first-wrap {
width: 100%;
margin-bottom: 5px
}
.s01 form .inner-form .input-field.second-wrap {
width: 80%;
min-width: auto;
}
.s01 form .inner-form .input-field.third-wrap {
width: 20%;
}
.s01 form .inner-form .input-field.third-wrap .btn-search {
font-size: 16px;
margin-left: 0;
padding: 6px;
}

}
@media screen and (max-width: 300px) {
.s01 form .inner-form .input-field {
margin-right: 0;
height: 35px;
font-size: 10px;
}
.s01 form .inner-form .input-field.first-wrap {
width: 100%;
}
.s01 form .inner-form .input-field.second-wrap {
width: 80%;
min-width: auto;
margin-top: 10px
}
.s01 form .inner-form .input-field.third-wrap {
width: 20%;
}
.s01 form .inner-form .input-field.third-wrap .btn-search {
font-size: 16px;
margin-left: 0;
padding: 6px;
margin-top: 5px
}

}