/* bootstrap overwrite */
input[type="text"]:disabled, input[type="number"]:disabled, textarea:disabled, .form-select:disabled {
    background: #ffffee;
}
.input-group-text /* label on form */
{
    font-size: 8pt;
    min-height: 23pt;
    border-radius: .25rem 0 0 .25rem;
}

.floatinglabel {
    color: grey;
    font-style: italic;
}

.btn-sm {
    padding:1px .5rem;
}

/* telerik kendo (grid) overwrite */
.k-grid .k-grid-header .k-header .k-link {
    height: auto !important;
}
  
.k-grid .k-grid-header .k-header {
    white-space: normal !important;
}

.k-grid tbody .k-button {
    min-width: 0 !important;
}

.k-i-calendar { /* fix datepicker icon */
    position: unset !important;
}

.dialogButtonPrimary{ /* primary button in kendo dialog */
    background-color: green !important;
}
.dialogButtonDanger {
    background-color: red !important;
}
/* general */

.siapgawelogo
{
    /*font-family: Poppins;*/
    font-style: normal;
    font-weight: 800;
    font-size: 30px;
    color: #FFFFFF;
    margin: 0px 25px;
}

.blink { animation: blinker 0.5s cubic-bezier(.5, 0, 1, 1) infinite alternate; }
@keyframes blinker { from { opacity: 1; } to { opacity: 0; } }

.footer-sg{padding-top:27px; padding-bottom:27px; font-size: 12px;}
.id-footer-sg {padding-top:25px; padding-right:25px;}
.job-minat-sg {line-height:inherit; margin:3px;}
.comp-desc-sg {height: 135px; overflow-y: auto; font-size:12px;scrollbar-width:none;}
.comp-desc-sg::-webkit-scrollbar {display: none;}
#search-form .btn {background: #0d6efd;width: 90%;margin-left: 10px;color: white;font-size: 1pt;font-weight: 600;}
.kontak-cs {padding: 50px; font-size: 15px; font-weight: 600;}
.kontak-cs a {text-decoration: none; font-size:20px}
.gratis-member {transform: rotate(-15deg);}
.icon-siapgawe {padding: 15px 4px;}
h5.ct {font-size: 18px; font-weight: 600;}
.icon-siapgawe {text-align: right;}
.btn-kand {background: white;border:3px solid #0F6A9C;border-radius: 3px;text-decoration: none;padding: 10px 40px;color: #0F6A9C;font-weight: 600;text-transform:uppercase;width: 100%;}
.btn-kand:hover {background: linear-gradient(lightgray, white 70%);}
.btn-pemkej {background: linear-gradient(#0F6A9C, #1C95D9 70%);border:3px solid #0F6A9C;border-radius: 3px;text-decoration: none;padding: 10px 40px;color: white;font-weight: 600;text-transform:uppercase;width: 100%;}
.btn-pemkej:hover {background: linear-gradient(#0F6A9C, #1C95D9 97%); color:white;}
.footer-sg a:hover {font-weight: 600; color: white;}
.lulussmagradu {width: 100%;height: auto;margin: 0px;padding: 0px;}
.logo-siapgawe {width: 70px;}
.congrats-sg {font-size: 32px;font-weight: 700;color: #403D3D;font-style: italic;}
.program-sg {font-size: 32px;font-weight: 700;color: white;font-style: italic;}
.congrats-sg1 {font-size: 64px;font-weight: 700;color: #FFE713;font-style: italic; text-shadow: 2px 4px 3px rgb(0 0 0 / 30%);}
.desk1-p {text-align: center;font-size: 24px;padding: 20px;font-weight: 600;}
.hr-sg {display: flex; justify-content: center;}
.hr-sg hr {width: 283px;border-width: 3px;border-color: var(--blue);}
.vip-t-pmkej {display: flex; justify-content: center;font-size: 24px; font-weight:600;}
.sg-minat {padding-top:50px;padding-bottom:50px;}
.minat-sg {font-weight: 600;font-size: 24px;height: inherit;line-height: 30px;}
.jobminat {padding: 5px 20px; font-size: 14px; color: rgb(255, 255, 255); font-weight: 600; background: #000000; border-radius: 5px;}
#iklan,#program-iklan {cursor:pointer; width:100% !important;}
.vre-main {background:white;}
.vre-t {font-size: 35px;text-align: center;font-weight: 600;padding-bottom: 50px;padding-top: inherit;}
.vre-kand {text-align: center;padding: 23px;background: #4B5277;color: rgb(255,255,255);border-radius: 20px;}
.vre-kand-1 {text-align: center;margin-bottom: 40px;font-weight: 600;font-size: 18px;}
.vre-kand-2 {text-align: center;margin-bottom: 40px;font-weight: 600;font-size: 24px;}
.vre-kand-3 {text-align: center;font-size: 36px;font-weight: 600;opacity: 0.2;}
.vre-kand-pr {font-size: 20px;}
.vre-kand-gr {font-size: 32px;font-weight: 600;top:-55px;position:relative;background: rgba(255,0,0,0.5);}
.vre-kand-btn {color: #4a4a4a;background: #FFF50C;padding-bottom: 10px;padding-top: 10px;padding-right: 70px;padding-left: 70px;font-weight: 500;text-align: center;text-decoration:none;}
.vre-pemkej {padding: 23px;background: #4C63B6;color: rgb(255,255,255);border-radius: 20px;}
.vre-pemkej-1 {text-align: center;margin-bottom: 40px;font-weight: 600;font-size: 18px;}
.vre-pemkej-2 {text-align: center;margin-bottom: 40px;font-weight: 600;font-size: 24px;}
.vre-pemkej-3 {text-align: center;font-size: 18px;font-weight: 600;}
.vre-pemkej-pr {text-align: center;font-size: 36px;font-weight: 600;margin-bottom: 40px;}
.vre-pemkej-pk {font-size: 20px;}
.vre-pemkej-btn {text-align: center;height: auto;width: 100%;}
.vre-pemkej-btn2 {color: #4a4a4a;background: #FFF50C;padding-bottom: 10px;padding-top: 10px;padding-right: 70px;padding-left: 70px;font-weight: 500;text-align: center;text-decoration:none;}
.logo-footer-n {width: 230px;}
.footer-main-l {background: linear-gradient(180deg, #009EFF 0%, #1C95D9 100%);}
.footer-main-0 {padding-top:10px;color:white;font-size:10pt;}
.footer-main-1 {text-align:inherit;}
.footer-main-2 {background: #ffffff;border-radius: 10px;}
.link-footer-mo {display:none;}
.navbar-nav .nav-link-sg {float:left; margin-right:20px;}
a#dropdown03 {display: flex; align-items: center;}
.top-car {max-width:80px; max-height:80px; margin:20px;}
span.cari-job {
    display: none;
}
.form-login-sg {display: flex; align-items: center;justify-content: start; height:inherit; min-height:630px;font-size:12px;}
.form-register-sg {display: flex; align-items: center;justify-content: start; height:inherit; min-height:630px; font-size:12px;}
.mulaikarirmu-sg {width:100%;margin-left:-25px;}
.log-pemkej h2 {color: white; font-weight: 600; text-align: center;}
.log-pemkej-desk {text-align:center;}
.miring {font-style:italic;}
.content-siapgawe {min-height:600px; padding-bottom: 50px;}
.content-siapgawe1 {padding-top: 50px; padding-bottom: 50px;}
.judul-halaman {padding:0px;position: absolute;z-index: 10;}
.promo-home {margin-bottom:60px; background: #f3f3f3; border-radius:5px; padding:10px 0px}

.footerlink
{
    text-decoration: none;
    color: white;
}

body {
    background:#fff;
    font-family:Poppins, sans-serif;
}

.defaultcontent {
    min-height: 300px;
}

.notificationbagde {
    position: relative;
    top: -14px;
    left: -4px;
    font-weight: normal;
    font-size: 6pt;
}

.detaillogo {
    max-height: 150px;
    max-width: 150px;
}

.search-form {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background-color: #dcdcdc;
    height: auto;
    z-index: 999;
    padding-top:15px;
    padding-bottom:15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer-comp-list {
    padding-top: 15px;
}

.log-pemkej-desk {padding-bottom:40px;}
.login-tengah-sg {display:flex; align-items:center;}
.mobile {display:none !important;}
.desktop {display: block !important;}
.btn-login-sg {width: 100%;padding:10px 25px;}
.btn-loker-sg {padding:5px 20px;}
.username-sg {color:white;}

#toTopBtn {text-align: center;position: fixed;bottom: 26px;right: 39px;z-index: 98;background-color: #1C95D9;display:none;border-radius:50%;color:white;line-height: 37px;width:40px;height:40px; border:3px solid rgba(255,255,255,0.5);}

.js .cd-top--fade-out {
   opacity: .5;
}

.js .cd-top--is-visible {
   visibility: visible;
   opacity: 1;
}

.js .cd-top {
   visibility: hidden;
   opacity: 0;
   transition: opacity .3s,visibility .3s,background-color .3s;
}

.cd-top {
   position: fixed;
   bottom: 20px;
   bottom: var(--cd-back-to-top-margin);
   right: 20px;
   right: var(--cd-back-to-top-margin);
   display: inline-block;
   height: 40px;
   height: var(--cd-back-to-top-size);
   width: 40px;
   width: var(--cd-back-to-top-size);
   box-shadow: 0 0 10px rgba(0,0,0,.05) !important;
   background-color: hsla(5,76%,62%,.8);
   background-color: hsla(var(--cd-color-3-h),var(--cd-color-3-s),var(--cd-color-3-l),0.8);
}

.desk1-main {display:flex; align-items: center;justify-content: center;}
.desk1-p {width:70%;}
img.logo-siapgawe-m {width: 45px;}
.iklan-home {padding-top:10px;padding-bottom:10px;}
.iklan-home-main {background: linear-gradient(#ffffff, #fefefe 97%);}
.judul-daftar {
    font-weight: 600;
    text-align: center;
    font-size:15px;
    border-left: thick solid #0d6efd;
    line-height:30px;
    margin-bottom:20px;
}
.ucapan-sg{color:white;font-size:20px;font-weight:600; text-align:center;}
.judul-help {font-size:20px; font-weight:600}
.sesi-bantuan {padding-bottom:40px; border:2px}
.status-font {font-size:14px;}
.ic-sosmed {
    font-size: 15px;
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.footer-main-2 a {text-decoration: none;}
.menu-pintas-footer {border-bottom-style:solid;border-bottom-color:rgba(255,255,255,0.39);padding-bottom:1rem;}
.menu-pintas-footer1 {border-top-style:solid;border-bottom-color:rgba(255,255,255,0.39);padding-top:1rem;}
.menu-bantuan{position:sticky;top:0;background: white; z-index:9;}
.menu-bantuan-1{position:sticky;top:160px;}
.home-youtube {height:420px;}
.icon-faq-small{height:32px;margin-bottom:3px;}
.icon-faq{height:70px;margin-bottom:30px;}
.faq-card{height:230px; transition:all .2s ease;text-align: center;font-weight: 600; font-size:14pt;}
.faq-card-small{height:80px; transition:all .2s ease;text-align: center;font-size:8pt;min-width:80px;}
.judul-help-m {text-align: center;font-weight: bold;}
.subjudul-help-m {text-align: center;}
#akun-cara-login, #akun-daftar-akun, #akun-lupa-pass, #akun-ubah-pass, #akun-signin, #akun-loginfb, #akun-login-google, #akun-daftar,  #akun-lupa, #loker-postloker, #akun-belipaket, #loker-createloker, #loker-create, #loker-belipaket, #loker-tayangpost, #loker-prosesloker, #loker-notif, #loker-seleksi {scroll-margin-top: 150px;}
.rpf-kand-pop {font-size:12px;}
.judul-kand {font-weight:600;}
.home1-s {height: 550px;}
.grp-lulus {padding:0px;}
#sidebarsc .faq-link {font-size:12px;}
#sidebarsc .judul-help {font-size:14px;}
.mobile-home {display: none !important;}
.pemberikerja-img {width:100%;}
.pencarikerja-img {width:100%;}
.pemker-sl {font-style: italic;font-weight: 600;font-size: 36px;line-height: 42px;text-align: center;color: white; text-shadow:2px 4px 3px rgb(0 0 0 / 30%);}
.penker-sl {font-style: italic;font-weight: 600;font-size: 36px;line-height: 42px;text-align: center;color: black; text-shadow:2px 4px 3px rgb(0 0 0 / 30%);}
.judul-pemker {font-weight:600; text-align:center; color:white;}
.judul-penker {font-weight:600; text-align:center; color:black;}

.scaleupgbr {
	-webkit-animation: scaleupgbr 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: scaleupgbr 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
.diskon-training {
    transform:rotate(-10deg) scale(1.8); margin-left:-15px; transition:all .3s ease;
}
.diskon-training:hover {
    transform:rotate(0deg) scale(2);
}
@-webkit-keyframes scaleupgbr {
    0% {
      -webkit-transform: scale(0.5);
              transform: scale(0.5);
      -webkit-transform-origin: 100% 100%;
              transform-origin: 100% 100%;
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
      -webkit-transform-origin: 100% 100%;
              transform-origin: 100% 100%;
    }
}
@keyframes scaleupgbr {
    0% {
      -webkit-transform: scale(0.5);
              transform: scale(0.5);
      -webkit-transform-origin: 100% 100%;
              transform-origin: 100% 100%;
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
      -webkit-transform-origin: 100% 100%;
              transform-origin: 100% 100%;
    }
}
.k-primary {border:none !important;}
.log-pemkej {color:white;font-size:17px;font-weight:600; text-align:center;}
.join-sg {color:white; text-align:center; font-weight:600;}
.grad-info {font-size:50px;color:white;font-weight:700;text-align:left;}
.grad-info-date {font-size:20px;color:white;font-weight:600;text-align:left;}
.training-sg {color:white; text-align:center; font-weight:600;}
.loginform {
    border-radius: 3px !important;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
    padding: 24px 40px 32px;
    background:white;
    color: #000;
}
.registerform {
    border-radius: 3px !important;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
    padding: 24px 40px 32px;
    background: white;
}

.daftar-btn {font-weight:600; background:#ffe713; color:#403D3D; border:none; padding:10px 40px; font-size:20px;}
.daftar-btn:hover {background:#ffe713; color:#403D3D;}

.eid-mubarak {width:100%;height:100%;background:#009EFF;}
.ic-cert {font-size:12px; color:purple;}
.menu-desktop {margin-right:40px;}
.button-cert {z-index:999}
.banner-program-cert {background: linear-gradient(180deg, #009EFF 0%, #0029FF 100%);}
.judul-banner {font-size:2em; font-weight:600;}
.btn-cert {text-decoration:none;}
.excerpt-banner {font-size:20px;}

@media only screen and (max-width: 600px){
    .daftar-per-logo {
        min-height: 220px;
        max-height: 220px;
    }
    .judul-banner {font-size:25px;}
    .excerpt-banner {font-size:14px;}
    .btn-cert {font-size:15px;}
    .lulussmagradu {
        height: auto;
        margin: 0px;
        padding: 0px;
        margin-left: inherit;
        z-index:1;
    }
    .menu-desktop {margin-right:0;margin-bottom:20px;}
    .diskon-training {
        transform:rotate(-10deg) scale(0.8); margin-left:-44px; transition:all .3s ease;
        position:absolute; margin-top: 34px;
    }
    .diskon-training:hover {
        transform:rotate(0deg) scale(0.9);
    }
    .eid-mubarak {width:100%;height:100%;background:#000;background-image:url('http://localhost/siapgawe/public/assets/images/eidmubarakbg.png');background-size: cover; background-repeat: no-repeat;background-position: center center;}
    .menu-bantuan{position:sticky !important;}
    .home-youtube {height:250px;}
    .menu-pintas-footer {border:none;padding-bottom:0px;padding-top: 30px;}
    .status-font {font-size:12px;}
    .content-siapgawe {min-height:inherit;}
    .desk1-p {width:100%;}
    #toTopBtn{line-height: 27px;width:30px;height:30px;bottom: 10px;right: 15px;}
    .content-siapgawe1 {min-height:600px;padding-top: 15px; padding-bottom: 50px;}
    .logo-siapgawe {width: 140px;border-radius: 0;}
    .form-home-sg {font-size:12px;}
    .desk1-p {text-align: center;font-size: 15px;padding: 0px 44px;font-weight: 600;}
    .congrats {z-index: auto;}
    .iklan-sg2 {display: flex; justify-content: center;}
    .jobminat {font-size: 10px;}
    .minat-sg {font-size: 16px;}
    .iklan-sg2 {display: flex; justify-content: center; margin-bottom: 30px;text-align: center;}
    .iklan-main-sg {display: flex;justify-content: center;}
    #iklan {cursor:pointer; width:300px;}
    .vre-t {font-size: 21px;text-align: center;font-weight: 600;padding: 20px;padding-bottom: 50px;padding-top: inherit;}
    .vre-kand, .vre-pemkej {padding: 23px;;border-radius: 10px; margin-bottom:20px;}
    .vre-kand-1, .vre-pemkej-1 {font-size: 14px;}
    .vre-kand-2, .vre-pemkej-2 {font-size: 17px;}
    .vre-kand-3, .vre-pemkej-3 {font-size: 30px;}
    .vre-kand-gr, .vre-pemkej-pr {font-size: 25px;}
    .vre-kand-btn, .vre-pemkej-btn2 {font-size:12px;}
    .vre-pemkej-3 {font-size: 14px;}
    .logo-footer-n {width: 152px;}
    .footer-main-2 {padding-right: inherit;padding-left: inherit;}
    .link-footer-de {display:none;}
    .link-footer-mo {display:block;}
    .navbar-collapse {text-align:center;}
    .dropdown {display: flex; justify-content: center;}
    .navbar-nav .dropdown-menu {position: absolute !important;}
    .top-car {max-width:58px; max-height:58px; margin:20px;}
    .id-footer-sg {padding-top:25px;}
    .congrats-sg1 {font-size: 24px;font-weight: 700;color: #FFE713;font-style: italic;}
    .promo-home {margin-right:10px; margin-left:10px;}
    .grad-info {font-size:30px;color:white;font-weight:700;text-align:center;}
    .grad-info-date {font-size:13px;color:white;font-weight:600;text-align:center;}

    .search-form {
        width: 100%;
        margin-bottom: 30px;
    }
    #search-form .btn {background: #0d6efd;width: 100%;margin-left: 0px; display: flex; justify-content: center; align-items: center;margin-top:20px;}
    span.cari-job {
        display: block !important;
        font-size: 20px;
        margin-right: 10px;
    }
    .form-login-sg {min-height: 500px !important; justify-content: center; align-items:center;}
    .form-register-sg {min-height: 500px !important; justify-content: center; align-items:center;}
    .masuk-dengan {font-size:15px;}
    .container-fluid.login-siapgawe-m {
        /**background: linear-gradient(180deg, #0F6A9C 0%, #1C95D9 100%) !important;**/
        background:white !important;
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .log-pemkej-main {padding-top:30px;}
    .log-pemkej h2 {font-size:18px;}
    .log-pemkej-desk {padding-bottom:20px;}
    .top-car {margin:10px;}
    .link-footer-de {display:none;}
    .link-footer-mo-amt {display: block;padding-bottom: 20px;}
    .pemberikerja-img {width:50%;}
    .pencarikerja-img {width:50%;}
    .pemker-sl {font-size:25px; line-height:29px; margin-bottom:50px;}
    .penker-sl {font-size:25px; line-height:29px; margin-bottom:50px;}
    .daftar-pemker {background: white; padding:20px; border-radius:10px;}
    .daftar-penker {background: #009EFF; padding:20px; border-radius:10px;}
    .judul-pemker {color:#403D3D; font-size:25px; font-weight:700;}
    .judul-penker {color:white; font-size:25px; font-weight:700;}
    .log-pemkej{color:black}
    .log-pemkej h2 {color:black}
    .ucapan-sg{color:black;}
}

@media only screen and (max-width: 767px){
    .banner-program-cert {background: #051669; background-image:url('http://localhost/siapgawe/public/assets/images/certbanner-mobile.png'); background-size: cover; background-repeat: no-repeat; background-position:center left;}
    .lulussmagradu {
        height: auto;
        margin: 0px;
        padding: 0px;
        margin-left: inherit;
        z-index:auto;
    }
    .desk1-p {width:100%;}
    .jobminat {font-size:12px;}
    .minat-sg {font-size:18px;}
    .iklan-home {padding:0px;}
    .iklan-home img{z-index:10;}
    .ucapan-sg{font-size:12px;font-weight:400; text-align:center;}
    .tombol-m {border-radius: inherit !important;}
    .congrats-sg1 {font-size: 25px !important;}
    .congrats-sg {font-size: 20px !important;}
    .promo-home {margin-bottom:50px;}
    .home1-s {height:600px !important;
        display: flex;
        justify-content: center;
        align-items: center;}
    .mobile {display:block !important;}
    .desktop {display: none !important;}
    .desktop-home {display: none !important;}
    .mobile-home {display: block !important;}
    .lulussmagradu {width:50%;}
    .congrats-sg1 {position: absolute; z-index: auto; margin-top: -20px;}
    .join-sg {font-size:17px;}
    .training-sg {font-size:12px;}
    .registerform {padding: 24px 25px 32px;}
    .loginform {padding: 24px 25px 32px;}
    .daftar-btn {font-size:13px;}
}

@media only screen and (max-width: 899px){
    .lulussmagradu {
        height: auto;
        margin: 0px;
        padding: 0px;
        margin-left: inherit;
    }
    .desk1-p {width:100%;}
    .logo-siapgawe {width: 57px;border-radius: 0;}
    .form-home-sg {font-size:12px;}
    .hr-sg hr {width: 138px;border-width: 3px;border-color: var(--blue);}
    .vip-t-pmkej {font-size: 17px; font-weight:600;}
    .btn-kand {width: 80%;}
    .btn-pemkej {width: 80%;}
    span.cari-job {
        display: none;
    }
    .judul-help-m {font-size:20px;}
    .faq-card-small {height:40px; line-height:12px;}
    .icon-faq{height:30px;margin-bottom:0px !important;}
    .faq-card {font-size:12px; height:100px;}
    .icon-faq-small{margin:0px !important;display: none;}
    .congrats-sg1 {font-size: 25px !important;}
    .congrats-sg {font-size: 18px !important;}

}

@media only screen and (max-width: 991px){
    .menu-bantuan{position:inherit;}
    .promo-home {margin-bottom:50px;}
}

@media only screen and (max-width: 1326px){
    .form-login-sg {min-height:690px;}
    .form-register-sg {min-height:690px;}
}

@media only screen and (max-width: 1199px){
}

@media only screen and (max-width: 1399px){
    .congrats-sg1 {font-size: 40px;}
    .congrats-sg {font-size: 20px;}
    .home1-s {height: 560px;}
}

@media only screen and (min-width: 1400px){
    .congrats-sg1 {font-size: 30px;}
    .congrats-sg {font-size: 20px;}
    .home1-s {height: 650px;}
}