body {font-family: "Poppins", Tahoma;}
.divlogo {position: fixed;top: 0;left: 0;background-color: #0177b9;height: 55px;box-shadow: 2px 3px 8px #e6b920;width: 100%;z-index: 6999;}
.logo {margin-top: 5px;margin-left: 10px;width: auto;height: 40px;}
.logowait {margin-top: 5px;margin-left: 10px;width: auto;height: 40px;}
.logoproduk {width: 90%;margin-top: 30px;}
.logoproduk1 {width: 80%;margin-top: 0px;margin-top: 10px;}
.divawal {padding: 5px 5px;margin-left: 0px;margin-right: 0px;}
.divawal2 {padding: 5px 25px;}
.divawal3 {padding: 5px 25px;display: none;}
.divawal4 {padding: 5px 25px;display: none;}
.divawal5 {padding: 5px 25px;display: none;}
.divawal6 {padding: 5px 25px;display: none;}
.divawal7 {padding: 5px 25px;display: none;}
.divarea {margin-top: 20px;border-radius: 8px;box-shadow: 2px 3px 8px #cbcbcb;height: 400px;padding: 20px 20px;font-family: "Poppins", Tahoma;}
.dropdown-menuX {width: 100%;box-shadow: 2px 3px 8px #cbcbcb;height: 350px;}
.dropdown-menuZ {width: 100%;box-shadow: 2px 3px 8px #cbcbcb;height: 350px;}
.dropdown-item {font-size: 13px;}
.form-controladd {padding: 0.175rem 0.45rem;font-size: 13px;}
.input-group-text {padding: 0.175rem 0.45rem;}
.divsearch {height: 290px;overflow-y: auto;overflow-x: hidden;padding: 0px 10px;font-size: 13px;}
.divsearchMerk {height: 290px;overflow-y: auto;overflow-x: hidden;padding: 0px 10px;font-size: 13px;}
.divsearchModel {height: 330px;overflow-y: auto;overflow-x: hidden;padding: 0px 10px;font-size: 13px;}
.divprop {height: 290px;overflow-y: auto;overflow-x: hidden;padding: 0px 10px;font-size: 13px;}
.divkabu {height: 290px;overflow-y: auto;overflow-x: hidden;padding: 0px 10px;font-size: 13px;}
.divcamat {height: 290px;overflow-y: auto;overflow-x: hidden;padding: 0px 10px;font-size: 13px;}
.divlurah {height: 290px;overflow-y: auto;overflow-x: hidden;padding: 0px 10px;font-size: 13px;}
.searchitem {cursor: pointer;}
.searchitem:hover {font-weight: bold;}
.searchitemmerk {cursor: pointer;}
.searchitemmerk:hover {font-weight: bold;}
.searchitemprop {cursor: pointer;}
.searchitemprop:hover {font-weight: bold;}
.searchitemkabu {cursor: pointer;}
.searchitemkabu:hover {font-weight: bold;}
.searchitemcamat {cursor: pointer;}
.searchitemcamat:hover {font-weight: bold;}
.searchitemlurah {cursor: pointer;}
.searchitemlurah:hover {font-weight: bold;}
.searchitemmodel {cursor: pointer;}
.searchitemmodel:hover {font-weight: bold;}
.newaddon {border-radius: 4px;font-size: 13px;padding: 3px 6px;}
.divdropmenu {border-bottom: 1px solid;height: 40px;margin-bottom: 5px;padding: 0px 10px;}
.marginbottom10px {margin-bottom: 10px;}
.divhubungi {position: fixed;top: 40px;left: 25%;width: 50%;height: calc(100% - 80px);background-color: #ffffff;display: none;box-shadow: 2px 3px 8px #cbcbcb;z-index: 99997;border-radius: 0.35rem;}
.col-input {height: 48px;margin-top: 5px;}
.col-Area {height: 84px;}
.divhubheader {position: absolute;top: 0px;left: 0px;background-color: #0177b9;height: 35px;width: 100%;}
.divhubbody {position: absolute;top: 35px;left: 0px;height: calc(100% - 35px);width: 100%;padding: 15px 15px;}
.group {position: relative;margin-top: 20px;}
.divpgwmain,.divregmain {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: #ffffff;display: none;z-index: 99997;}
.form-group input[type="checkbox"] {display: none;}
.form-group input[type="checkbox"] + .btn-group > label span {width: 20px;}
.form-group input[type="checkbox"] + .btn-group > label span:first-child {display: none;}
.form-group input[type="checkbox"] + .btn-group > label span:last-child {display: inline-block;}
.form-group input[type="checkbox"]:checked + .btn-group > label span:first-child {display: inline-block;}
.form-group input[type="checkbox"]:checked + .btn-group > label span:last-child {display: none;}
.inputgroupnormal {display: block;}
.css055 {color: #0061ae;}
.css072 {width: 20px;height: auto;}
.inputMaterial {font-size: 13px;padding: 5px 5px 2px 2px;display: block;width: 100%;border: none;border-bottom: 1px solid #e65100;background-color: Transparent;text-transform: uppercase;border-radius: 0px 0px;box-shadow: none;}
.inputMaterial:read-only {background-color: transparent;}
.btn {margin-bottom: 10px;}
.overlay2 {/* full screen */width: 100vw;height: 100vh;/* transparent black */background: rgba(0, 0, 0, 0.6);position: fixed;top: 0;left: 0;display: none;/* middle layer, i.e. appears below the sidebar */z-index: 99996;}
.overlay1 {/* full screen */width: 100vw;height: 100vh;/* transparent black */background: rgba(0, 0, 0, 0.6);position: fixed;top: 0;left: 0;display: none;/* middle layer, i.e. appears below the sidebar */z-index: 199999;}
/*input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="password"] {font-size: 14px;padding: 6px 7px 7px 2px;padding-bottom: 2px;display: block;width: 100%;border: none;border-bottom: 1px solid #b7b9fd;background-color: Transparent;}*/
.inputMaterial:focus {outline: none;border-bottom: 2px solid #ffa000;}
.inputMaterial[disabled] {background-color: #eee;}
/* LABEL ======================================= */
.labelanimated {position: absolute;color: #000000;font-size: 13px;font-weight: 400;pointer-events: none;left: 0;top: 8px;transition: 0.2s ease all;-moz-transition: 0.2s ease all;-webkit-transition: 0.2s ease all;}
.labelanimatedArea {position: absolute;color: #000000;font-size: 13px;font-weight: 400;pointer-events: none;left: 0;top: 42px;transition: 0.2s ease all;-moz-transition: 0.2s ease all;-webkit-transition: 0.2s ease all;}
/* active state */
.inputMaterial:focus ~ .labelanimated {top: -16px;font-size: 12px;color: #e65100;left: 0;}
.inputMaterial:valid ~ .labelanimated {top: -16px;font-size: 12px;color: #e65100;left: 0;}
.inputMaterial:focus ~ .labelanimatedArea {top: -16px;font-size: 12px;color: #e65100;left: 0;}
.inputMaterial:valid ~ .labelanimatedArea {top: -16px;font-size: 12px;color: #e65100;left: 0;}
.labeldropdown {top: -16px;font-size: 12px;color: #e65100;left: 0;}
/* active state */
.inputMaterial:focus ~ .bar:after,
.inputMaterial:focus ~ .bar:before {width: 50%;}
/* active state */
.inputMaterial:focus ~ .highlight {-webkit-animation: inputHighlighter 0.3s ease;-moz-animation: inputHighlighter 0.3s ease;animation: inputHighlighter 0.3s ease;}
.hubungiheader {padding-left: 10px;padding-top: 5px;color: #ffffff;font-size: 14px;font-weight: bold;}
.css001 {margin-bottom: 15px;margin-top: 20px;}
.imgcaptcha {border-radius: 5px;}
.btncaptcha {float: center;font-size: 18px;margin-bottom: -5px;padding-top: 5px;margin-left: 3px;}
.font11 {font-size: 11px;}
.margintop05px {margin-top: 5px;}
.marginbott0px {margin-bottom: 0px;}
.marginbott05px {margin-bottom: 5px;}
.marginbott10px {margin-bottom: 10px;}
.marginbott20px {margin-bottom: 20px;}
.margintop150px {margin-top: 150px;}
.myalert {position: fixed;top: 35px;width: 260px;left: calc(50% - 130px);background-color: rgb(169, 68, 66, 0.9);height: 48px;padding-top: 5px;color: #ffffff;border-radius: 6px;text-align: center;padding-left: 5px;padding-right: 5px;display: none;z-index: 100009;}
.jdldiv {height: 28px;font-size: 16px;padding-top: 7;font-weight: bold;background: #0177b9;color: #ffffff;margin-bottom: 10px;}
.fixcol {padding-top: 10px;}
.fixcol0 {margin-bottom: 0px;}
.fixcol2 {padding-top: 10px;margin-bottom: 10px;}
.fixcol3 {padding-top: 10px;margin-bottom: 0px;}
.fixcol4 {padding-top: 10px;margin-bottom: 0px;}
.fixcol5 {padding-top: 20px;}
.fixcol6 {margin-bottom: 10px;}
.fixcol7 {margin-bottom: 10px;}
.nopol {padding: 0px 0px;color: #000000;background-color: #ffffff;padding-right: 5px;height: 30px;border: none;width: 30px;}
.nopol2 {padding: 0px 0px;color: #000000;background-color: #ffffff;padding-left: 5px;height: 30px;border: none;width: 36px;}
.textaddon {width: 30px;}
.textaddon2 {width: 36px;}
.padleftright0 {padding-left: 0px;padding-right: 0px;}
.padleftright5 {padding-left: 5px;padding-right: 5px;}
.padright5 {padding-left: 0px;padding-right: 5px;}
.rowhitung {background-color: #0177b9;color: #ffffff;}
.bgmerah {background-color: rgb(169, 68, 66, 0.2);}
.bgmerah[readonly] {background-color: rgb(169, 68, 66, 0.2);}
.bgmerah[disabled] {background-color: rgb(169, 68, 66, 0.2);}
.disclaim {width: 100%;height: calc(100% - 280px);padding: 10px 10px;overflow-y: auto;border-style: inset;overflow-x: hidden;}
.item {white-space: nowrap;display: inline;}
.ui-autocomplete {
    max-height: 250px;
    width: auto;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    padding-right: 20px;
    font-size: 13px;
    z-index: 30000;
    text-align: left;
    font-family: "Poppins";
    src: url("components/fonts/poppins.ttf");
    font-weight: normal;
    font-style: normal;
}
.ui-menu-item {
    padding-bottom: 10px !important;
    padding-top: 10px !important;
    width: 100%;
}

.ui-menu-item:hover {
    background-color: #ffebc7;
}

.ui-menu-item .ui-menu-item-wrapper.ui-state-active {
    background-color: #ffebc7;
}

* html .ui-autocomplete {
    height: 250px;
}

ol li {
    padding-left: 15px;
}

@media (max-width: 970px) {
    .divarea {
        font-size: 12px;
        margin-top: 10px;
        height: 420px;
    }
}

@media (max-width: 576px) {
    .logoproduk {
        width: 40%;
        margin-top: 0px;
        margin-top: 10px;
    }
    .logoproduk1 {
        width: 45%;
        margin-top: 0px;
        margin-top: 10px;
    }
    .col-hide {
        display: none;
    }
    .divawal2 {
        padding: 5px 10px;
    }
    .divarea {
        font-size: 12px;
        margin-top: 10px;
        height: 420px;
    }
    .dropdown-menuX {
        width: 100%;
        box-shadow: 2px 3px 8px #cbcbcb;
        height: 220px;
    }
    .divsearch {
        height: 160px;
        overflow-y: auto;
        overflow-x: hidden;
        padding: 0px 10px;
        font-size: 13px;
    }
    .divsearchMerk {
        height: 160px;
        overflow-y: auto;
        overflow-x: hidden;
        padding: 0px 10px;
        font-size: 13px;
    }
    .divprop {
        height: 160px;
        overflow-y: auto;
        overflow-x: hidden;
        padding: 0px 10px;
        font-size: 13px;
    }
    .divcamat {
        height: 160px;
        overflow-y: auto;
        overflow-x: hidden;
        padding: 0px 10px;
        font-size: 13px;
    }
    .divlurah {
        height: 160px;
        overflow-y: auto;
        overflow-x: hidden;
        padding: 0px 10px;
        font-size: 13px;
    }
    .divhubungi {
        position: fixed;
        top: 30px;
        left: 15px;
        width: calc(100% - 30px);
        height: calc(100% - 60px);
        background-color: #ffffff;
        display: none;
        box-shadow: 2px 3px 8px #cbcbcb;
        z-index: 99997;
        border-radius: 0.25rem;
    }
    .fixcol {
        padding-top: 10px;
        margin-bottom: 10px;
    }
    .fixcol2 {
        padding-top: 10px;
    }
    .fixcol5 {
        padding-top: 20px;
    }
    .fixcol0 {
        margin-bottom: 10px;
    }
    .fixcol4 {
        margin-bottom: 10px;
    }
    .fixcol7 {
        margin-bottom: 0px;
    }
    .textaddon {
        width: 30px;
    }
}
.bgreadonly[readonly] {
    background-color: rgb(238, 238, 238, 0.6);
}
.css075 {
    margin-top: 30px;
}
.css076 {
    margin-bottom: 15px;
}
.css077 {
    background-color: white;
}
.fontmerahbold {
    color: #ff0000;
    font-weight: bold;
}

/* 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;
}
/* Start Blu By BCA Digital */
.logoblu {
    margin-top: 10px;
    width: auto;
    height: 33px;
}

.cssimagestatus {
    text-align: center;
}

.csschangeimagestatus {
    width: 50px;
    text-align: center;
}

.divcekstatus {
    margin-bottom: 15px;
}

#linkpembayaranid {
    width: 150px;
}

#cekstatus {
    width: 150px;
}
.NewTextTransform {
    text-transform: none;
}
.divawal7blu {
    padding: 5px 25px;
    display: none;
}
/** End Blu By BCA Digital */

/* <!-- wina penambahan deklarasi non EV, AGT 2024 --> */
.css013{
    width: 30px;height: auto;margin-right: 10px
}

#divinfo {
	padding-left: 5px;padding-right:5px;display: block;margin-top: 35px;margin-bottom: 35px;
}

#divattention{
    display: none;
}

.divawal7skpr {
    padding: 5px 25px;
    display: none;
}