html {
max-width: 1924px;
margin: auto;
position: relative
!important
}
.tabcontent {
display: none;
}

.bootstrap-select.btn-group .dropdown-menu li a:hover {
color: #fff !important;
background: #49c519 !important;
}
.judul {
font-weight: 800;
font-size: 24pt;
margin: 0 0 20px 40px;
color: #212225;
font-family: 'Lato', sans-serif;
}
.accordionxxx {
border-radius: 10px
!important
}
.judul-fax {
font-size: 24pt;
font-weight: 700;
color: #212225;
text-align: center;
margin: 60px 0 20px 0;
}
.line-fax {
background: #1a68d2;
width: 120px;
height: 4px;
margin: auto;
margin-top: -10px;
margin-bottom: 30px;
}
.fax-kon {
margin-top: -80px;
margin-bottom: 50px;
}
.accordion-body__contents ul {
list-style: disc
!important
}
.accordion-body__contents ol li {
margin-left: -20px
!important
}
.accordion-body__contents ul li {
margin-left: 20px
!important
}

.accordion-faqs {
background-color: #fff
!important;
color:#212225
!important;
font-weight: 700;
border-radius: 10px;
color: #1a68d2
!important;
margin:auto;
border: 1px solid #1a68d2
!important;
margin-bottom: 10px;
margin-top: 10px;
width: 98%;
}
.ava {
width: 42px;
height: 42px;
object-fit: cover
!important
}
.tombol-pad {
padding: 4px 15px;
margin-top: 10px
!important
}
turun {
margin: 1px;
position: relative;
}
a.dashboard-responsive-nav-trigger {
color: #fff
}
a.dashboard-responsive-nav-trigger:hover {
color: #fff
}
turun span {
cursor : pointer;
display: block;
line-height: 0.5;
}
.plus-x {
position: absolute;
display: block;
z-index: 5;
font-size: 20px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
-webkit-transition: .2s ease;
-moz-transition: .2s ease;
-o-transition: .2s ease;
transition: .2s ease;
margin-top: -26px;
margin-left: 200px;
}
.sliderey {
clear:both;
width:100%;
height:0px;
overflow: hidden;
text-align: left;
transition: height 0.3s ease;
}
ul.file {
list-style-type: number;
padding: 0;
margin: 0;
}
.sliderey li {
list-style:none;
}
turun label {
width: 100%;
z-index: 5;
}
#touch {position: absolute; opacity: 0; height: 0px;}

#touch:checked  + .plus-x + .sliderey {height: 55px;}

#touch2 {position: absolute; opacity: 0; height: 0px;}

#touch2:checked + .plus-x + .sliderey2 {height: 140px;}

#touch:checked  + .plus-x {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
#touch2:checked  + .plus-x {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
#touch {position: absolute; opacity: 0; height: 0px;}

#touch:checked  + .plus + .sliderey {height: 55px;}

#touch2 {position: absolute; opacity: 0; height: 0px;}

#touch2:checked + .plus2 + .sliderey2 {height: 140px;}

#touch:checked  + .plus {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
#touch2:checked  + .plus2 {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.sliderey2 {
clear:both;
width:100%;
height:0px;
overflow: hidden;
text-align: left;
transition: height 0.5s ease;
}

.sliderey2 li {
list-style:none;
}


.sempit{
width: 800px;
margin: auto;
background-color:#fff;
padding: 20px 0;
border: none
}	
.nav-head {
width: 1360px;
padding: 10px 0;
margin: auto
!important
}

.logo-cadcam {
margin-top: 40px;
margin-left: 100px
!important
}
.sisi-kiri {
float:left;

}
.sisi-kanan {
float:right;   
padding-top: 2px; 
}
.kanan-cadcam {
margin-top: 40px;
margin-right: -30px
!important
}
.kanan-cadcam-2 {
margin-right: 50px
!important
}
.kanan-cadcam-3 {
margin-top: 45px;
margin-right: -30px
!important
}
.padding-dasbor {
padding-left:50px
!important
}
.hide-pc {
display: none;
}
.hp-back {
display: block
}
.pc-back {
display: none;
padding: 20px 80px;
}
.konten-homepage {
padding: 0px 0 70px 0
}
.kiri-home-row {
padding: 0px 0px 10px 0px
}
.kanan-home-row {
padding: 80px 50px 0 50px
}
.jarak-a {
margin: 0 10px 10px 0;
color: #fff
!important
}
.konten-blog {
padding-top: 80px;
}
::-webkit-scrollbar {
width: 10px;
}
/* Track */
::-webkit-scrollbar-track {
background: #fff; 
}
/* Handle */
::-webkit-scrollbar-thumb {
background: #1a68d2;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #000; 
}
.show-tablet {
display: none
}
.accordion {
margin-bottom: 10px
!important
}
.navigasi-dashbor {
display: none;
width: 100%;
}
.link-postingan {
color: #212225;
display: block
!important
}
.link-postingan a {
color: #212225
!important
}
.box-biru{background-color:#fff; padding:15px 40px 0 40px;
box-shadow: 0px 0px 16px 8px rgba(234,234,234,0.5);
-webkit-box-shadow: 0px 0px 16px 8px rgba(234,234,234,0.5);
-moz-box-shadow: 0px 0px 16px 8px rgba(234,234,234,0.5);
}
.padding-dasbor-2 {
padding-left:10px
!important
}
.dashboard-container {
margin-top: 20px
!important
}
.avatar-dashboard {
object-fit: cover;
height: 80px
!important;
width: 80px
!important;
margin-top: 25px
!important
}
.dashboard-badge-2 {
display: block;
padding: 0 20px;
border-right: 1px solid #eaeaea;
text-align: center;
}
.data-transaksi {
background: #f8f8f8;
padding: 40px;
width: 100%;
}
.data-transaksi-iner {
width: 100%;
padding: 10px 0;
border-bottom: 1px solid #bbc9cc;
color: #212225;
clear: both;
font-weight: 600;
}
.data-transaksi-kiri {
width: 60%;
float: left;
}
.data-transaksi-kanan {
width: 40%;
float: right;
padding-left: 10px;
}
.fun-fact-icon {
background: #fff
!important
}
.favorit-teks {
font-size: 15px;
line-height: 2
!important
}
.favorit-judul {
line-height: 1;
}
.favorit-judul a{
font-size: 18px;
font-weight: 700;
}
.show-991px {
display: none;
}
.text-kanan {
text-align: right
!important
}
.hengpon {
border: 1px solid #bbc9cc;
border-radius: 4px;
padding: 10px 20px;
margin-top: 10px;
}
.hengpon-orange {
border: 1px solid orange;
border-radius: 4px;
padding: 10px 20px;
margin-top: 10px;
}
.huruf-kecil {
font-size: 12px
!important
}
.jdl-lowongan {
font-size: 20px;
margin-bottom: 10px;
display: block
}
.jdl-lowongan-2 a{
font-size: 20px;
font-weight: 700;
color:#212226;
}
.jdl-lowongan a{
font-size: 20px;
font-weight: 700;
color:#212226;
}
hide-991px {
display: block
}
.fav-user-low {
float: right;
margin-top: -10px
}
.pelamar {
margin-top: -20px
!important
}
.huruf-kanan-pc {
text-align: right;
} 
.show-hape {
display: none
!important
}
.perusahaan-pad {
display: none
}
.lamaran {
width: 1500px;
margin: auto;
}
.kartu {
border: 2px solid #bbc9cc;
border-radius: 30px;
padding: 20px;
width: 450px;
margin: auto;
-webkit-box-shadow: 2px 2px 4px 4px #f8f8f8;
-moz-box-shadow: 2px 2px 4px 4px #f8f8f8;
box-shadow: 2px 2px 4px 4px #f8f8f8;
margin-bottom: 30px;
font-size: 14px;
position: relative;
}
.intisari {
display: flex;
}
.intisari .konten-kiri {
flex: 7%;
}
.intisari .konten-tengah {
flex: 90%;
}
.intisari .konten-kanan {
flex: 3%;
}
.kartu .judul-kartu a {
font-size: 17px;
font-weight: 900
!important
}
.kartu .konten-kartu {
margin-bottom: 10px;
}
.footer-kartu a{
color: #1a68d2;
margin-right: 8px;
font-size: 13px;
text-decoration-line: underline
!important;
}
.footer-kartu a:hover{
color: #1a68d2;
text-decoration-line: underline
!important
}
.fav-sim .fav-icon {
position: relative;
width: 15px;
margin-top: -4px;
}

.hide-1400 {
display: block;
}
.show-1400 {
display: none;
}
.orange-pos-2 {
font-weight: 400
!important;
background-color: #f5bb4d
!important;
font-size: 16pt
!important
}
.tombol-resum:hover {
color: #1a68d2;
}
.pl-nav {
padding-left: 60px
!important
}
.pl-nav-2 {
padding-left: 80px
!important
}
.faq-content {
margin-bottom: 20px;
}
.faq-question {
padding: 0;
width: 100%;
position: relative;
}
.panel-title {
width: 100%;
position: relative;
margin: 0;
display: block;
cursor: pointer;
padding: 0;
}
.panel-content {
font-size: 18px;
height: 0;
width: 100%;
overflow: hidden;
z-index: 1;
position: relative;
opacity: 0;
-webkit-transition: .4s ease;
-moz-transition: .4s ease;
-o-transition: .4s ease;
transition: .4s ease;
}
.panel69:checked ~ .panel-content{
padding: 0 0 20px 0;
height: auto;
opacity: 1;
}
.plus {
position: absolute;
display: block;
z-index: 1;
font-size: 20px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
-webkit-transition: .2s ease;
-moz-transition: .2s ease;
-o-transition: .2s ease;
transition: .2s ease;
margin-left: 200px;
line-height: 0.2;
margin-top: -15px;
} 
.plus2 {
position: absolute;
display: block;
z-index: 1;
font-size: 20px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
-webkit-transition: .2s ease;
-moz-transition: .2s ease;
-o-transition: .2s ease;
transition: .2s ease;
margin-left: 200px;
line-height: 0.2;
margin-top: -19px;
}
.panel69:checked ~ .plus {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.panel69 {
display: none
!important
}
.kolom-leon {position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
float: left;
width: 33.33333%;
}
.tab button.active {
color: #1a68d2
}
.tab-but button.active {
font-weight: 700
}
.tab-but button::after {
font-weight: 300
}
.col-45 {
position: relative;
float: left;
width: 48%;
padding: 0 10px;
}
.col-90 {
position: relative;
float: left;
width: 4%;
padding: 10px 0px;
text-align: center;
align-items: center;
}
.bidang {
padding: 0
!important;
}
.bidang .row{
padding: 0 6px
!important;
text-align: center
!important
}
.sertifikasi-upload {
color: #1a68d2;
font-weight: 700;
cursor: pointer;
font-size: 16px;
padding: 20px 10px
}
.con-reysat-2 {
font-weight: 700;
}
.sertifikasi {
border: 1px solid #e0e0e0;
padding: 20px 40px;
border-radius: 20px;
margin-top: 10px;
}
.sertifikasi .row {
margin: 0
}
.sertifikasi .heading {
font-weight: 700;
font-size: 17pt;
line-height: 1.2;
}
.col-logo {
position: relative;
float: left;
width: 6%;
}
.col-isi {
position: relative;
float: left;
width: 47%;
}
.col-isi2 {
position: relative;
float: left;
width: 94%;
}
.col-isi3 {
position: relative;
float: left;
width: 47%;
}
.tt-kanan {
text-align: right
!important
}
.pengalaman {
padding: 20px;
width: 96%;
margin: auto;
border-bottom: 1px solid #d1d6d9;
}
.pengalaman:last-child {
border-bottom: none;
}
.pengalaman h3 {
font-weight: 900;
font-size: 21px;
}
.pengalaman .desk {
margin-top: 20px;
}
.desk h4{
color: #000;
font-weight: 700;
}
#more1, #more2, #more3, #more4, #more5, #more6, #more7, #more8, #more9, #more10, #more11, #more12, #more13, #more14, #more15, #more16, #more17, #more18, #more19, #more20 {display: none;}

.desk button{
color: #1a68d2
}
.serti {
padding: 30px
!important;
margin-bottom: -40px;
}
.pengalaman .col-logo {
padding-left: 15px;
}
.pengalaman .col-isi {
padding-left: 5px;
}
.pengalaman .col-isi2 {
padding-left: 5px;
}
.pengalaman .col-isi3 {
padding-right: 15px;
}
.heady {
padding: 10px 0 20px 0;
border-bottom: 1px solid #e4e4e4;
margin: auto;
width: 96%;
}
.kanan-pc {
text-align: right;
}
.konten-dashboard {
border-bottom: 1px solid #e4e4e4;
padding: 10px;
}
.konten-dashboard:last-child {
margin-bottom: 80px;
}
.konten-dashboard h3 {
font-weight: 900;
font-size: 20px;
margin-bottom: 0px;
}
.konten-dashboard button {
color: #1a68d2;
}
jark {
display: inline-block;
margin-left: 20px
}
.pro-img {
width: 100px;
height: 100px;
padding: 10px;
position: relative;
}
.ava-img {
width: 80px;
height: 80px;
object-fit: cover;
border-radius: 50%;
}
.veri-img {
position: absolute;
margin-left: 60px;
margin-top: 60px;
}
.deskripsi-pro {
position: relative;
padding: 10px 30px;
}
.deskripsi-pro p {
margin-bottom: 5px;
}
.deskripsi-pro h3 {
font-weight: 700;
}
.deskripsi-pro span {
font-weight: 400;
margin-left: 10px;
}
.pro-kon {
display: flex;
}
.margin-bawah-40 {
margin-top: 20px
!important;
margin-bottom: 40px
!important
}
.jarak-sisi {
padding: 40px 20px;
}
.leb-100 {
text-align: center;
}
.leb-100 h3 {
font-size: 20pt;
margin-bottom: 5px;
}
.col-col {
position: relative;
float: left;
width: 50%;
margin: 20px 0;
}
.col-col:nth-child(2){
border-left: 1px solid #a3b5b9;
}
.col-col:nth-child(4){
border-left: 1px solid #a3b5b9;
}
.verifikas p {
margin-bottom: 10px;
}
.verifikas .fa-check {
color: green;
margin-right: 4px;
}
.verifikas .fa-minus {
color: red;
margin-right: 4px;
}
.dilamar {
border-top: 1px solid #e4e4e4;
padding: 30px 10px 20px 10px
!important
}
.dilamar li{
display: inline-block;
margin-right: 10px;
}
.link-lamar {
color: #000;
}
.link-lamar:hover {
color: #000;
}
.garis {
background: #e4e4e4;
height: 1px;
}
.menu-lamar {
margin-left: -170px
!important
}
.judul-pop {
font-size: 20px;
text-align: center;
padding: 10px 0;
font-weight: 400;
}
artikel{
display: none;
}
artikel.on{
display: block;
}
.undang-interview {
padding: 10px;
}
.undang-interview h3{
font-size: 16px
!important;
font-weight: 700;
margin-left: 10px;
margin-top: 5px;
margin-bottom: 2px;
}
.undang-interview h3 span{
color: #eb1145;
}
.grup-konten {
padding-left: 10px;
margin: 20px 0;
}
.grup-konten input[type=radio]{
display: inline-block;
margin-right: 2px;
}
.grup-konten label{
margin-right: 20px;
}
.menu-lamar a {
font-size: 14px
!important;
color: #1a68d2
!important;
text-decoration: underline
!important
}
.menu-lamar a:hover {
background: transparent
!important;
text-decoration: underline
!important;
font-weight: 700
!important
}
.my-mfp-zoom-in.mfp-ready.mfp-bg {
opacity: 0.8;
z-index: 2001
!important
}
.reschedule {
background: #49c519;
margin-bottom: 5px;
padding: 10px 25px;
color: #fff;
border-radius: 20px;
font-size: 13px;
}
.reschedule judul {
font-size: 17px;
font-weight: 900;
display: block;
}
.reschedule a{
color: #fff;
text-decoration: underline
!important
}
.reschedule a:hover{
color: #fff;
text-decoration: underline
!important
}
.strip {
display: inline-block;
margin: 0 5px;
}
.headline2 {
border-bottom: 1px solid #e4e4e4;
padding: 20px 10px
}
.text-putih {
color: #fff
!important
}
.tt-satu {
width: 32%;
font-weight: 700;
}
.tt-dua {
display: flex;
}
.rey-table {
display: inline-block
!important;
padding-left: 10px
!important
}
.tt-dua::before {
content: ':';
}
.rey-tbl tr td{
padding: 0 !important;
margin: 0 !important;
}
.rey-tbl tr td:last-child{
margin-bottom: 10px !important;
}
#jadwal-wawancara {
background: #e4e4e4;
padding: 20px 20px 10px 20px;
border-radius: 10px;
margin-bottom: 20px;
}
#jadwal-baru {
background: #49c519;
padding: 30px 20px 5px 20px;
color: #fff;
border-radius: 20px;
}
.inter {
border-color: gold
!important;
}
.menu-status {
margin-left: -160px
!important;
min-width: 220px
!important
}
.menu-status button.active {
color: #1a68d2;
font-weight: 700;
}
.dede {
float: right;
}
.link-tema {
color: #1a68d2
!important
}
.tab-but {
margin-bottom: 40px;
border-bottom: 1px solid #eaeaea;
padding-bottom: 20px;
font-size: 15px;
}
.tab-but button::after {
content: '|';
margin: 0 5px;
}
.tab-but button:last-child::after {
content: '';
}
notif {
display: block;
width: 90%;
margin: auto;
text-align: center;
margin-top: 20px;
margin-bottom: 20px;
background: #eaeaea;
padding: 10px;
border-radius: 10px;
}
notif a {
font-weight: 700;
}
.otp-0 {
display: inline-block
!important;
border: 1px solid #a3b5b9
!important;
width: 50px
!important;
height: 50px
!important;
border-radius: 10px
!important;
padding: 0
!important;
text-align: center;
margin: 0 4px
!important;
margin-bottom: 20px
!important
}
.otp {
display: block;
width: 280px
!important;
border: 1px solid #a3b5b9
!important;
margin: auto
!important;
font-size: 20px
!important;
font-weight: 700
!important;
padding: 10 40px
!important;
text-align: center
!important;
margin-bottom: 20px
!important;
}
#otp {
padding: 50px 20px;
text-align: center;
border: 1px solid #a3b5b9;
border-radius: 15px;
width: 400px;
margin: auto;
background: #fff;
box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.1);
-webkit-box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.1);
}
.verif {
text-align: center;
padding: 80px 0;
}
.berhasil {
display: block;
color: #fff;
text-align: center;
padding: 10px;
background: #49c519;
margin-bottom: 20px;
border-radius: 10px;
font-weight: 600
!important
}
.gagal {
display: block;
color: #fff;
text-align: center;
padding: 10px;
background: red;
margin-bottom: 20px;
border-radius: 10px;
font-weight: 600
!important
}
h2.sks {
color: #fff;
font-weight: 700;
margin-bottom: 10px;
}
#otp h2 {
font-weight: 700
!important;
margin-bottom: 10px;
}
.vrb {
margin-top: -5px;
}
.form_verifi {
background-color: #eaeaea
!important;
}
.insatu {
display: inline-block
!important;
width: 495px
!important;
margin-right: 0
!important;
margin-bottom: 10px
!important
}
.indua {
display: inline-block
!important;
width: 300px
!important;
margin-bottom: 10px
!important
}
.intiga {
margin-top: -15px
!important;
}
#phone {
padding-left: 100px
!important
}
.iti__selected-flag {
background: #e0e0e0
!important;
}
.pl-18 {
padding-left: 18px
!important
}
.overview {
display: none;
}

@media (max-width: 1610px) {
.lamaran {
width: 1180px;
}
.orange-pos-2 {
font-size: 14pt
!important
}
.kartu {
width: 380px;
padding: 15px
}
.footer-kartu a{
margin-right: 6px;
}
.sempit{
width: 700px;
margin: auto;
background-color:#fff;
border: none
}

.insatu {
width: 452px
!important;
}

.indua {
width: 240px
!important
}

}


@media (max-width: 1499px) {
.lamaran {
width: 100%;
}
.orange-pos-2 {
font-size: 16pt
!important
}
.kartu {
width: 320px;
}

.intisari .konten-kiri {
flex: 8%;
}
.intisari .konten-tengah {
flex: 88%;
}
.intisari .konten-kanan {
flex: 4%;
}
.sempit{
width: 700px;
margin: auto;
background-color:#fff;
border: none
}	

}

@media (max-width: 1429px) {
.show-1400 {
display: block;
}
.hide-1400 {
display: none;
}

}

@media (max-width: 1399px) {
.nav-head {
width: 1200px;
padding: 10px 0
!important
}
.logo-cadcam {
margin-top: 40px;
margin-left: 80px
!important
}
.sisi-kiri {
float:left;
}
.sisi-kanan {
float:right; 
padding-top: 2px; 
}
.kanan-cadcam {
margin-top: 40px;
margin-right: -30px
!important
}
.kanan-cadcam-2 {
margin-right: 40px
!important
}
.kanan-cadcam-3 {
margin-top: 45px;
margin-right: -30px
!important
}
.konten-blog {
padding-top: 60px;
}
.blog-row {
padding-bottom: 40px
}
.favorit-teks {
font-size: 14px;
line-height: 1;
}
.lamaran {
width: 100%;
}
.orange-pos-2 {
font-size: 14pt
!important
}
.kartu {
width: 400px;
}
.kolom-leon {
width: 50%;
}
.sertifikasi {
padding: 20px 30px;
}
.leb-100 h3 {
font-size: 18pt;
margin-bottom: 5px;
}

}

@media (max-width: 1199px) {
h3 {
font-size: 18pt
!important;
line-height: 1.2
!important
}
.dashboard-container {
margin-top: 0px
!important
}
.avatar-dashboard {
object-fit: cover;
height: 80px
!important;
width:80px
!important;
margin-top: 20px
!important
}
.nav-head {
width: 980px;
padding: 10px 0
!important
}
.logo-cadcam {
margin-top: 40px;
margin-left: 40px
!important
}
.sisi-kiri {
float:left;
}
.sisi-kanan {
float:right; 
padding-top: 2px; 
}
.kanan-cadcam {
margin-top: 40px;
margin-right: -120px
!important
}
.kanan-cadcam-2 {
margin-right: 60px
!important
}
.kanan-cadcam-3 {
margin-top: 45px;
margin-right: -40px
!important
}
.d-xxx {
display: none
!important
}
.mmenu-trigger {
background-color: transparent;
}
.hide-tablet {
display: none
!important
}
.show-tablet {
display: block;
}
.dashboard-badge-2 {
display: block;
padding: 20px;
border-right: 0;
border-bottom: 1px solid #eaeaea;
margin-bottom: 20px;
}
.dashboard-avatar-box {
margin-top: -30px
!important
}
.rey-tran {
padding: 2px 10px;
margin-bottom: 5px;
}
.lamaran {
width: 100%;
}
.kartu {
width: 340px;
}
.kolom-leon {
width: 50%;
}
.sempit{
width: 600px;
margin: auto;
background-color:#fff;
border: none
}	

.deskripsi-pro {
position: relative;
padding: 10px 20px;
}
.tab {
font-size: 13px
!important;
padding-top: 4px
}
.insatu {
width: 391px
!important;
}

.indua {
width: 200px
!important
}

}

@media (max-width: 991px) {
#wrapper {
background: #f8f8f8
!important;
margin-bottom: 40px;
padding-bottom: 0
!important
}
.navigasi-dashbor {
display: block;
}
.link-postingan {
display: none
!important
}
.konten-homepage {
padding: 0px 0 40px 0
}
.nav-head {
width: 700px;
padding: 10px 0
!important
}
.s01 {
margin-top: -20px
!important;
padding: 20px 0 0px 0
!important
}
.logo-cadcam {
margin-top: 40px;
margin-left: 10px
!important
}
.sisi-kiri {
float:left;
}
.sisi-kanan {
float:right; 
padding-top: 2px; 
}
.kanan-cadcam {
margin-top: 40px;
margin-right: 0px
!important
}
.kanan-cadcam-2 {
margin-right: -60px
!important
}
.kanan-cadcam-3 {
margin-top: 45px;
margin-right: -30px
!important
}
.d-xxxx {
display: none
!important
}
.header-widget {
display: block
!important
}
.hide-pc {
display: block;
}
.header-notifications-dropdown {
max-width: 500px;
margin-right: 40px
!important
}
#titlebar {
margin-top: -60px
!important;
line-height: 1
!important;
margin-bottom: -40px
!important
}
.box-biru{background-color:#fff; padding:10px;}
i.pin-iko {
font-size: 14px;
margin-top: -4px
}
.padding-dasbor {
padding-left:10px
!important
}
.padding-dasbor-2 {
padding-left: 30px
!important
}
.hide-991px {
display: none
!important
}
.show-991px {
display: block;
}
#page.ltr {
background: #f8f8f8
!important
}
.hide-991 {
display: none
}

.judul {
font-size: 18pt;
margin: 0 0 10px 0;
}
.lamaran {
width: 640px;
}
.fax-kon {
margin-top: 0px;
margin-bottom: 40px;
}
.kartu {
width: 100%;
}
.kolom-leon {
width: 50%;
}
.sempit{
width: 650px;
padding: 20px 0;
}
.sertifikasi {
padding: 20px 20px;
}
.margin-bawah-40 {
margin-bottom: 30px
!important
}
.jarak-sisi {
padding: 40px 20px;
}
.undang-interview h3{
font-size: 16px
!important;
}
.reschedule {
padding: 10px 20px;
}
.tablet-mt {
margin-top: 20px
!important
}
.insatu {
width: 435px
!important;
}

.indua {
width: 210px
!important
}
.minusone {
margin-top: -10px
!important
}
td.tdmo {
border: none
!important;
padding: 10px
!important
}
td.tdmo::before {
display: block
!important;
width: 100%
!important;
margin-bottom: 5px;
}
.overview {
background-color: #f2f7f8;
padding: 10px;
display: block;
}
.pl-18 {
padding-left: 10px
!important
}
.pl-td {
padding-left: 10px
!important;
border: none
!important;
border-bottom: 1px solid #f2f7f8
!important;
margin-bottom: 20px
!important
}

}

@media (max-width: 767px) {
.hide-hape {
display: none
!important
}
.show-hape {
display: block
!important
}

.sempit{
width: 80%;
padding: 20px 0;
}
i.icon-cari {
font-size: 14px;
margin-top: -4px;
}
.nav-head {
width: 520px;
padding: 10px 0
!important
}
.logo-cadcam {
margin-top: 40px;
margin-left: -10px
!important
}
.header-notifications-dropdown  {
max-width: 400px;
margin-right: 40px
!important
}
.banner-headline {
margin-top: -20px
!important
}
.hp-back {
display: none
}
.pc-back {
display: block
}
.banner-headline h1, h1 strong{
font-size: 28pt
!important;
line-height: 1.4
!important
}
.kiri-home-row {
padding: 0px 0px 10px 0px
}
.kanan-home-row {
padding: 60px 10px 0 10px
}
.huruf-kanan-pc {
text-align: left;
}
.lamaran {
width: 100%;
}
.orange-pos-2 {
font-size: 11pt
!important
}
.pl-nav {
padding-left: 50px
!important
}
.pl-nav-2 {
padding-left: 70px
!important
}
.kolom-leon {
width: 50%;
}
.hide-hp {
display: none
}
.cariyu {
display: block
!important
}
.deskripsi-pro {
padding: 10px 10px;
}
.fav-sim .fav-icon {
width: 12px;
margin-top: -5px;
}
.popup-tab-content {
padding: 10px 20px
!important
}
.insatu {
width: 100%
!important;
margin-bottom: 0
!important
}

.indua {
width: 200px
!important;
display: block
!important;
margin-top: 10px
!important
}
.intiga {
margin-top: -25px
!important;
}

}

@media (max-width: 575px) {
.hidedihp {
display: none;
}
.fav-hp-v {
width: 20px
!important
}
.favorit-judul {
margin-top: -5px;
}
.dede {
float: left;
}
.menu-status {
margin-left: 0
!important
}

.favorit-judul a{
font-size: 14px;
color: #212225;
}
.favorit-teks {
font-size: 12px;
line-height: 2
!important
}
.padding-dasbor-2 {
padding-left: 0;
margin-left: -34px
}
.avatar-dashboard {
display: none
}
.freelancer-avatar {
width: 50px
!important
}
.freelancer-avatar img{
width: 50px;
height: 50px;
}
.verified-badge{transform:scale(.6);bottom: -4px !important;right:-4px!important}

table td {
text-align: left
!important;
padding: 20px 0
!important
}
.pc-back {
padding: 20px 40px;
}
.hamburger {
width: 60px;
margin-top: -10px;
padding: 0
!important
}
.nav-head {
width: 80%;
padding: 10px 0
!important
}
.logo-cadcam {
margin-top: 40px;
margin-left: -20px
!important
}
.s-phone {
width: 120px
!important
}
.kanan-cadcam-3 {
margin-top: 44px;
margin-right: -50px
!important
}
.header-notifications-dropdown  {
max-width: 300px;
margin-right: 47px
!important;
padding:0
!important
}
header-notifications-headline {
padding: 10px
!important;
margin: 0;
}
.kanan-cadcam {
display: none
!important
}
.banner-headline {
padding: 0
!important
}
.banner-headline h1, h1 strong{
font-size: 22pt
!important;
line-height: 1.4
!important
}
i.icon-cari {
font-size: 14px;
margin-top: -5px
!important;
margin-left: -5px
!important
}
.kiri-home-row {
padding: 0px 0px 10px 0px
}
.kanan-home-row {
padding: 60px 10px 0 10px
}
.putih-pos{
padding: 20px 12px
!important
}
.padi {
padding-left: 0
!important
}
.bawah-mar {
margin-bottom: 10px
!important
}
.mobile-bawah {
margin-top: 10px;
text-align: left
!important
}
.trigger-title {
padding-left: 0
!important;
margin-left: -20px
!important
}
.dashboard-badge {
display: block;
padding: 10px;
border-right: 0;
border-bottom: 1px solid #eaeaea;
margin-bottom: 0;
}
.dashboard-badge-2 {
display: block;
padding: 10px;
border-right: 0;
border-bottom: 1px solid #eaeaea;
margin-bottom: 0;
}
.data-transaksi {
padding: 30px 20px;
font-size: 14px;
}
.huruf-kecil {
font-size: 11px
!important;
padding: 4px 8px
!important
}
.huruf-kecil-2 {
font-size: 14px
!important
}
.huruf-kecil-3 {
font-size: 14px
!important
}
.jdl-lowongan {
font-size: 17px;
}
.jdl-lowongan-2 {
font-size: 17px;
}
.putih-das{
padding: 20px 10px 30px 10px
!important
}
.kotak-profil {
padding: 10px
!important
}
.perusahaan-pad {
display: inline-block;
color:#666666
}
.lamaran {
width: 100%;
}
.orange-pos-2 {
font-size: 11pt
!important
}
.judul-fax {
font-size: 20pt;
}
.line-fax {
width: 100px;
height: 3px;
}
.pl-nav {
padding-left: 40px
!important
}
.pl-nav-2 {
padding-left: 60px
!important
}
.kolom-leon {
width: 100%;
}
.sempit{
width: 100%;
padding: 20px 10px;
}
.sertifikasi {
padding: 20px 10px;
}
.col-isi {
position: relative;
float: left;
width: 90%;
}
.col-isi2 {
position: relative;
float: left;
width: 90%;
}
.col-isi3 {
position: relative;
float: left;
width: 100%;
}
.col-logo {
position: relative;
float: left;
width: 10%;
}
.tt-kanan {
text-align: left
!important
}
.pengalaman {
padding: 10px;
width: 96%;
margin: auto;
border-bottom: 1px solid #d1d6d9;
}
.serti {
padding: 30px
!important;
margin-bottom: -20px;
}
.kanan-pc {
text-align: left;
padding-top: 10px;
}
.pro-img {
width: 80px;
height: 80px;
padding: 10px;
display: none
}
.ava-img {
width: 60px;
height: 60px;
object-fit: cover;
border-radius: 50%;
}
.veri-img {
position: absolute;
margin-left: 40px;
margin-top: 40px;
}
.deskripsi-pro h3 {
font-size: 18px
!important
}
.margin-bawah-40 {
margin-bottom: 20px
!important
}
.jarak-sisi {
padding: 10px 10px;
}
.tt-satu {
width: 100%;
display: inline-table
!important
}
.tt-dua {
width: 100%;
display: inline-table
!important;
margin-bottom: 20px;
}

.rey-table {
padding-left: 0
!important
}
.tt-dua::before {
content: '';
}
.tt-satu::after {
content: ' :';
}
#jadwal-wawancara {
padding: 10px 10px 5px 10px
}
#jadwal-baru {
padding: 10px 10px 0 10px;
margin-bottom: 20px
}
.tab {
font-size: 11px
!important;
padding-top: 0px
}
.otp {
width: 40px
!important;
height: 40px
!important;
margin: 2px
!important
}
#otp {
padding: 40px 0;
width: 100%;
}


}

@media (max-width: 300px) {
.sempit{
padding: 20px 5px 20px 5px;
}
.header-notifications-dropdown  {
max-width: 240px;
margin-right: 30px
!important
}
.nav-head {
max-width: 280px;
padding: 0
!important
}
.hamburger {
width: 50px;
margin-top: -10px;
padding: 0
!important
}
.s-phone {
width: 80px
!important
}
.kanan-cadcam-3 {
margin-top: 45px;
margin-right: -60px
!important
}
.orange-pos-2 {
font-size: 8pt
!important
}
.otp {
width: 30px
!important;
height: 30px
!important
}
}
.note-pesan {
background: #f8f8f8;
text-align: center;
margin-top: -20px;
margin-bottom: -20px;
padding: 20px 0;
}
.konten-table h3 {
font-weight: 700
!important;
font-size: 20pt
!important
}
.konten-table {
padding: 40px 10px 60px 0;
background: #fff;
border-radius: 10px;
margin: 40px 0 30px 0;
}
.konten-table select{
border: 1px solid #e0e0e0
!important;
padding: 0 5px
!important;
max-height: 40px
!important;
}
.konten-table label{
display: none
!important
}
@media (max-width: 992px) {
.konten-table table tbody td {
display: inline-block
!important;
width: 40%;
}
.konten-table table tbody td:last-child {
width: 10%;
}
.konten-table table tbody  td.none {
display: none
!important
}
.konten-table tr {
border-bottom: 1px solid #666666
!important;
font-size: 16px
!important;
font-weight: 700
!important;
padding: 0
!important
}
.konten-table table tbody {
width: 100%
!important;
}
.konten-table {
padding: 20px 15px 60px 15px;
}
.konten-table h3 {
text-decoration: underline;
}
.konten-table thead {
display: none
!important
}

}
.header-notifications-headline {
padding: 10px 20px
!important
}
.header-notifications-headline h4 {
margin: 0
!important;
font-weight: 700
}