/*
@font-face {
    font-family: "Montserrat";
    src: url("xtra_src/font/Montserrat-Light.eot");

    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat";
    src: url("xtra_src/font/Montserrat-LightItalic.eot");

    font-weight: 300;
    font-style: italic;
}
*/


/* Mnteserat regular */
/*

@font-face {
    font-family: "Montserrat";
    src: url("xtra_src/font/Montserrat-Regular.eot");

    font-weight: 400;
    font-style: normal;
}
*/

/* Mnteserat italic */
/*

@font-face {
    font-family: "Montserrat";
    src: url('xtra_src/font/Montserrat-Italic.eot');

    font-weight: 400;
    font-style: italic;
}

 Mnteserat bold 
@font-face {
    font-family: "Montserrat";
    src: url('xtra_src/font/Montserrat-SemiBold.eot');

    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat";
    src: url('xtra_src/font/Montserrat-Bold.eot');

    font-weight: 600;
    font-style: normal;
}

*/

/*mobile css*/
@import url(maincss720.css);
/*mobile css*/
/*varian class container*/

.adapadding [class*="col-"] {
    padding: 4px;
    /* gak yakin bakal tidak bermasalah, tapi display inline block ini mengatasi masalah field tertutup ketika tampilan responsive di form pendaftaran. Kalau bermasalah bikin class baru di form yg membutuhkan */
    /* yes fix bermasalah 13 nov 2018 */
}

.inlineblock [class*="col-"] {
    display: inline-block;
}

.positioninitial [class*="col-"] {
    position: initial;
}

@media (max-width: 769px) {
    .width98 [class*="col-"] {
        width: 98%;
    }
}


/*end var*/

a.tandasilang {
    cursor: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='%23FFF' d='M20 1l-1-1-9 9-9-9-1 1 9 9-9 9 1 1 9-9 9 9 1-1-9-9'/%3E%3C/svg%3E"), pointer;
}

.hidemeplease {
    display: none !important
}

#displayedspin {
    position: fixed;
    background: transparent;
    text-align: center;
    margin: 0px;
    left: 0%;
    top: 50%;
    z-index: 100000000000;
    transform: translateY(-50%);
    width: 100vw;
}

.l {
    color: white;
}

.idweb {
    border-radius: 150px;
    color: white;
    height: auto;
    padding: 7px 29px;
    width: auto;
    left: 0px;
    background: white;
    margin: 13px;
    display: inline-block;
    position: relative;
}

.logweb {
    z-index: 100000000001;
}

.bgloader {
    width: 0px;
    height: 0px;
    position: absolute;
    z-index: -1;
    box-shadow: 0px 0px 0px 200vw rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: 0px 0px 0px 200vw rgba(0, 0, 0, 0.7);
}

.logweb img {
    margin: 0px auto;
    border-radius: 4px;
    padding: 5px 23px;
}

.btn-warning a.modal_link,
.btn-warning a.modal_link:link,
.btn-warning a.modal_link:hover,
.btn-warning a.modal_link:visited,
.btn-success a.modal_link,
.btn-success a.modal_link:link,
.btn-success a.modal_link:hover,
.btn-success a.modal_link:visited,
.btn-info a.modal_link,
.btn-info a.modal_link:link,
.btn-info a.modal_link:hover,
.btn-info a.modal_link:visited,
.btn-danger a.modal_link,
.btn-danger a.modal_link:link,
.btn-danger a.modal_link:hover,
.btn-danger a.modal_link:visited {
    color: white !important;
}

.actionbtnblock div.vertical,
.actionbtnblock div.cck_forms {
    margin-top: 7px !important;
    width: auto !important;
}

div.cck_forms.cck_search div.cck_form.cck_form_checkbox label {
    line-height: 125%;
}

#myspin {
    height: 100vh;
    background: rgba(0, 0, 0, 0.9);
    color: white;
    text-align: center;
    position: fixed;
    width: 100%;
    z-index: 25005;
    top: 0px;
    justify-content: center;
    align-items: center;
}

#myspin span {
    max-height: 35px;
    margin-top: 20vh;
}

#myspin2 {
    height: 100vh;
    background: rgba(255, 255, 255, 0.95);
    padding: 10px;
    text-align: center;
    position: absolute;
    width: 100%;
    margin-left: -2px;
    z-index: 25005;
}

#myspinflex {
    height: 100%;
    background: rgba(255, 255, 255, 0.95);
    color: black;
    width: auto;
    z-index: 25005;
    justify-content: center;
    align-items: center;
    position: absolute;
}

#myspinmodal {
    height: 100%;
    background: rgba(255, 255, 255, 0.95);
    color: black;
    width: 100%;
    z-index: 25005;
    justify-content: center;
    align-items: center;
    position: absolute;
    margin-left: -15px;
}

.formRed {
    color: white !important;
    padding: 15px;
    background-color: red !important;
}

.faqlist .panel {
    border-width: 0px 0px 1px 0px !important;
    border-style: solid !important;
    border-radius: 0px !important;
}

.faqlist .accordion-inner {
    background-color: #fbfbfb !important;
}

.faqlist .rl_sliders.accordion > .accordion-group > .accordion-heading > a.accordion-toggle:hover {
    border: none;
}

 

/*using flexbox*/

.parent-valign-flex {
    display: flex;
    height: inherit;
    /* Or whatever */
}

.valign-flex {
    margin: auto;
    /* Magic! */
}


/*end flex*/

.btn [class^="icon-"],
.btn [class*=" icon-"] {
    margin-right: 10px;
}

.well {
    border: 1px solid;
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
    border-radius: 3px;
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
}

.hr {
    width: 98%;
    height: 1px;
    border-bottom: 1px dashed #ccc;
    margin: 0px auto;
}

button,
input,
optgroup,
select,
textarea {
    border: 1px solid;
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
    border-radius: 0px !important;
    padding: 6px;
}

.input-group-addon,
.form-control {
    border: 1px solid;
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
    border-radius: 0px;
}

.staticsidebarwrap {
    display: block;
    position: fixed;
    min-width: 55px;
    padding: 0px;
    z-index: 30000;
    top: 50% !important;
    right: 0px !important;
    text-align: center;
    /* box-shadow: rgba(255, 255, 255, 0.1) -20px 0px 0px 0px;
     background-color: rgba(255, 255, 255, 0.2);*/
}

.parent-valign {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.valign {
    position: relative;
    top: 50%;
    transform: perspective(1px) translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.fotoside span {
    width: 100%;
}

.btn-righbar {
    background: rgba(0, 0, 0, 0.82);
    padding: 7px;
    display: block;
    margin: 0px;
}

a.btn-righbar {
    color: white !important;
}

a.btn-righbar:hover {
    background: rgba(0, 0, 0, 1)
}

.menu-i {
    font-size: 1.7em;
}

.menu-i,
.menu-text {
    display: block;
    width: 100%;
    text-align: center;
}

.paddr {
    padding: 5px;
    color: #fff;
}

.btn-long-sm {
    width: 100%;
}

input#user_username,
input#search_alias {
    text-transform: lowercase;
}

.headerform {
    background: red;
    display: block;
    width: 100%;
}

.login-greeting {
    text-align: center;
    font-weight: bold;
}

.logout-button {
    text-align: center;
    bottom: 0px;
    position: relative;
    margin: 0px auto;
    width: 100%;
    background: #f1f1f1;
    padding: 10px;
}

.logout-button:before {
    content: '\f011';
    font-family: 'FontAwesome';
    color: red;
}

.itemfield {
    display: flex;
    margin: 8px;
}

.btnsub {
    display: inline-block;
    margin-top: 36px;
    text-align: center;
    width: 100% !important;
}

.keterangan {
    font-size: 0.8em;
    margin-bottom: 21px;
    color: red;
}

.stt {
    padding: 5px;
    color: orange;
    background-color: #4f4b4b;
    margin: 5px 0px;
}

.btnsub button {
    padding: 17px !important;
    font-size: 19px;
    bottom: 35px;
    left: 5px;
    width: calc(100% - 10px);
}

.btnsub #button_submit_2:hover {
    background: #4c930e !important;
    color: #fff600 !important;
}

.dft-rslr {
    background-color: #44a311 !important;
    border-color: #1b9c00 !important;
}

.alert-nopup {
    border-width: 0px 0px 0px 5px;
    border-style: solid;
    display: inline-block;
    padding: 10px;
    border-radius: 0px;
    margin: 10px;
}

input#captcha_2:focus {
    width: auto !important;
}

input#captcha_2:focus + .focus-border {}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    border-color: rgba(255, 204, 0, 0.6);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 204, 0, 0.6);
    outline: 0 none;
}

.qswrap {
    background-color: #380000;
    color: white;
    font-size: .9em;
    padding: 8px;
}

.qslogo img {
    margin-right: 5px;
    border-radius: 25px;
    padding: 2px;
    width: 28px;
    transition: 0.3s;
}

.qslogo img:hover {
    background: rgba(255, 255, 255, 0.3);
    padding: 5px;
}

.header-strip a:link,
.header-strip a:hover,
.header-strip a:visited,
.qswrap a:link,
.qswrap a:hover,
.qswrap a:visited {
    border: 0px !important;
}

.header-st-int .header-strip {
    background-color: #f5f5f5;
}

.header-st-int h2 {
    margin: 13px 0px 12px 0px;
}

.logodsbrd {
    padding-top: 10px;
    padding-bottom: 10px;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.actionbtnblock {
    /*simplified*/
    border: 0px solid;
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
    box-shadow: 0px 0px rgba(0, 0, 0, .09);
    padding: 0px 12px;
    margin: 9px 9px 20px 9px;
    text-align: right;
}

.actionbtnblocknoborder {
    border: none !important;
    box-shadow: none !important;
}

.fappsmode {
    padding: 0px !important;
    bottom: 0px;
    position: fixed;
    width: 100%;
    background: transparent;

    z-index: 11000000;
}

.fappsmode p {
    margin: 0px;
}

.btn-signout {
    background: none;
    border: none;
    font-size: 0.8em;
    font-weight: lighter !important;
}

.btn-signout:hover {
    color: red;
}

.nav-tabs > li.active > a {
    font-weight: bold;
}

.nav-tabs > li.active > a:hover {
    color: dimgray !important;
}



.menuham {
    color: white;
    float: right;
    transition: 0.5s;
}

.menuham:hover {
    opacity: 0.8 !important;
}

.footspare {
    height: 100px;
}

.qswrap .nsbrand {
    border-radius: 0px !importnat;
    background: white;
}

.qswrap .nsbrand span {
    padding: 0px !important;
}

.aligner {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    overflow: hidden;
    position: absolute;
    top: 0px;
    width: 100vw;
}

.aligner-item {
    max-width: 70%;
    text-align: center
}

.myitem-desc {
    float: right;
}

.redicon {
    color: red;
    background: #f1f1f1;
    border: 1px solid #e6e6e6;
    border-radius: 50%;
    padding: 5px;
    width: 33px;
    height: 33px;
    text-align: center;
    font-size: 1.5em !important;
}

input#warna_bg_1,
input#warna_bg_2,
input#warna_btn {
    border-left: 34px solid;
}

.coklat {
    color: #005190 !important
}

.gold {
    color: #ff8400 !important;
    font-weight: bold;
}

.icom {
    font-size: 0.7em !important;
    color: white;
    margin-left: 5px;
    margin-right: -4px;
    background: #005190;
    padding: 0.2em 0.5em;
    border-radius: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mgbrand {
    background: #fbfbfb !important;
    padding: 0px 6.15px 0px 12px !important;
    border-radius: 1000px !important;
    font-size: 1em !important;
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-shadow: none !important;
    border: 1px solid #d6d6d6 !important;
    line-height: 1.5 !important;
    box-shadow: 0px 0px 8px 1px #cecece;
    margin-left: 3px;
}

.msbrandlite {
    border: 0px !important;
    padding: 0px 6px !important;
    font-size: 0.9em !important;
}

.ft-credits {
    font-size: 14px;
}

.lgnmod input {
    height: auto;
}

.lgnmod a:link,
.lgnmod a:visited {
    color: #fff !important;
}

.star {
    color: red;
}

#chars-short_desc_lp,
#chars-quote_member,
#chars-video_desc,
#chars-produk_short_desc {
    font-size: 0.8em;
    color: #777;
    float: left;
}

.pricestriped {
    color: #878787;
    text-decoration: line-through;
    font-size: 0.8em;
}

.itemwrap .itemprod {
    font-weight: bold;
}

.btnqv {
    height: 36px;
    border-radius: 3px;
}

.capitalize {
    text-transform: capitalize;
}

.pushmenulist li a {
    color: white !important;
}

.pushmenulist ul.menu {}


/*pagination*/

.pagination {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

p.counter {
    display: block;
    width: 100%;
}

.pagination ul > li > span {
    color: #ddd !important
}


/*pagination*/


/* normalisasi*/

input#user_username::-webkit-input-placeholder {
    text-transform: none !important;
}

input#user_email::-webkit-input-placeholder {
    text-transform: none;
}

::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #555 !important;
    font-size: 0.95em;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #111 !important;
    font-size: 0.95em;
}

:-ms-input-placeholder {
    /* IE 10+ */
    color: #555 !important;
    font-size: 0.95em;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #555 !important;
    font-size: 0.95em;
}

::placeholder {
    /* Firefox 18- */
    color: #555 !important;
    font-size: 0.95em;
}

div#cck1r_form_reseller_or_buyer {
    padding: 15px 0px 10px 0px;
    background: #fff;
}

.nopadding {
    padding: 0 !important;
}

.aright {
    text-align: right;
}

.namaprodt {
    text-transform: lowercase;
    text-transform: capitalize;
}

.mytable td,
.mytable th {
    border-left: 1px solid #ececec;
    border-top: none !important;
}

.mytable {
    border-width: 1px 1px 1px 1px !important;
    border-style: solid;
    margin: 0 auto;
}

.mytable th {
    vertical-align: middle !important;
    color: #fff;
    font-size: 0.9em;
    text-align: center;
}

.myreportpage {
    padding: 15px;
}

.mytable tr:hover {
    background-color: #fff1bc !important;
    transition: 0.5s;
}

.tableshoppingcart {
    min-height: 40vh;
}

.tableshoppingcart li {
    display: inline
}

.pricesub,
.priceh {
    text-align: right !important;
    display: block;
    margin-right: 30px;
}

.totalhrgbarang {
    text-align: right;
    margin-right: 30px;
    font-size: 1.5em;
    border-top: 1px solid #ccc;
    padding-top: 23px;
}

.imgthumbcart {
    width: 50px;
    height: 50px;
    display: block;
    border-radius: 100px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.summarycart {
    padding: 10px 16px;
    min-width: calc(100% * 0.25);
    border: 1px solid #fff;

    box-shadow: 0px 1px 6px #ccc;
    border-radius: 6px;
    display: inline-block;
    margin-bottom: 40px;
}

.totbold {
    font-weight: bold;
    font-size: 1.2em
}

.titpagecheck H3 {
    font-size: 31px;
    text-align: right;
    /* background: red;*/
    margin: 0px;
    height: 73px;
    display: flex;
    float: right;
    align-items: center;
}

.titpagecheck p {
    color: #6b6b6b
}

.subdetil {
    font-size: 0.85em;
    color: #4f4f4f
}

.lighter {
    font-weight: lighter;
}

.titleco {
    text-align: center;
}

.faseco {
    width: 100%;
}

.cobar {
    text-align: center;
    margin: 15px 0px;
}

.coprogres {
    margin: 5px 0px;
    padding: 12px 0px;
    background: #fff;
    color: #c4c4c4;
}

.titah {
    font-size: 1.5em;
}

.titah2 {
    font-size: 1.1em;
}

.completed {
    display: none;
}

.circled1,
.circled2,
.circled3 {
    width: 40px;
    height: 40px;
    border-radius: 50px;
    top: 0px;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 0.91em;
}

.summarycart .btn-primary {
    width: 100% !important;
    text-transform: uppercase;
    font-size: 1.2em;
}

.longfield {
    width: 500px !important;
    height: 45px;
}

.longfield2 {
    width: 500px !important;
}

.keteranganform {
    font-size: 95%;
    display: inline-block;
}

.red {
    color: red !important
}

.mybr {
    height: 0px;
    width: 100%;
    display: flex;
}

li .myal {
    display: block;
}

.trp {
    opacity: 0.7
}

.rightalign {
    text-align: right;
}

.cck_order_save,
button#visible_if_my_alamat_not_selected {
    margin-top: 20px;
}

.sumaryy {
    width: 100%;
}

.sumbo2 {
    margin-bottom: 20px;
    padding: 10px;
    text-align: right !important;
    display: inline-block;
    width: 100%;
}

.sum4 {
    width: 150px;
    display: inline-block;
    float: left
}

.sum3 {
    width: 150px;
    display: inline-block;
    float: left
}

.sum2 {
    width: 60px;
    display: inline-block;
    float: left;
    text-align: center;
}

.sum1 {
    width: calc(100% - 465px);
    display: inline-block;
    float: left
}

.sum0 {
    width: 100px;
    float: left;
}

.the {
    background: #f3f3f3;
    padding: 5px;
    text-align: center;
    font-weight: bold;
}

.tbou {
    list-style: none;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #DDDDDD;
}

.tbou li {
    padding: 10px;
    min-height: 71px;
}

.tbou li:nth-child(odd) {
    background-color: #F9F9F9;
    border-top: 1px solid #DDDDDD;
}

.tbou li:nth-child(even) {
    background-color: #fff;
    border-top: 1px solid #DDDDDD;
}

.tbo3,
.tbo4 {
    text-align: right !important;
}

.preview1 {
    margin: 20px 0px;
}

.imgthumbcart2 {
    width: 5opx;
    height: 50px;
    border-radius: 100px;
}

.imgthumbcart2 img {
    width: 5opx;
    height: 50px;
}

.fwd {
    margin: 10px 0px;
}

.albl {
    padding: 10px;
    background-color: #F9F9F9;
    font-size: 1.1em
}

.h4inform {
    text-align: left;
    margin-left: -5px;
    width: auto;
    display: inline-block;
    position: relative;
    margin-top: 15px;
}

.rsform-block-jmltrans-rs .formCaption2,
.rsform-block-pilihexp-rad-rs .formCaption2,
.rsform-block-tujtrans-rs .formCaption2 {
    display: none;
}

.rsform-block-useragree-rs .formCaption2 {
    margin-top: 20px;
    margin-top: 20px;
    margin-left: 36px;
    font-size: 0.8em;
    display: inline-block;
    position: relative;
}

input.displayasval {
    border: none;
    font-weight: bold;
}

input.displayasval:focus {
    box-shadow: none;
}


/*.rsform-block-hargatotal-rs .formBody::before {content: "Total Belanja : Rp";  }*/

.rsform-block-ongkir-rs .formBody::before {
    content: "Ongkir : Rp";
}

.rsform-block-kodeunik-rs .formBody::before {
    content: "Kode Unik : Rp";
}

.rsform-block-jmltrans-rs .formBody::before {
    content: "Total Transfer : Rp";
    font-size: 1.1em;
}

.rsform-block-jmltrans-rs input {
    width: 50%;
}

.rsform-block-jmltrans-rs input {
    font-size: 1.1em;
}

.rsform-block-hargatotal-rs .formBody,
.rsform-block-ongkir-rs .formBody,
.rsform-block-kodeunik-rs .formBody,
.rsform-block-jmltrans-rs .formBody {
    margin-left: 17px;
}

.rsform-block-ongkir-rs,
.rsform-block-kodeunik-rs,
.rsform-block-jmltrans-rs {
    padding: 0px !important;
}

.rsform-block-konfirmasi-pesanan button,
.rsform-block-disabled-btn button {
    margin-top: 15px;
}

.notvcbl {
    display: none
}

.rsform ol.formContainer .formBody label {
    margin-left: 17px;
}

.striped {
    text-decoration: line-through;
    color: #555;
    font-weight: normal;
    font-size: 0.8em;
}

.infoongkirkecil {
    font-size: 13px !important;
    font-weight: normal;
    color: red;
}

a.btn-primary:link,
a.btn-primary:visited {
    color: white !important;
 
}

.invwrap {
    border: 1px solid #ededed;
    box-shadow: 2px 2px #efefef;
    border-radius: 5px;
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}

.hijt {
    border-width: 1px 0px;
    border-style: solid;
    border-color: #ededed;
    padding: 10px 0px;
    background: #F9F9F9;
    font-size: 1.3em
}

.noclosealert {
    padding: 10px;
    border: 1px solid;
    border-radius: 6px;
}

.alert-message H4.alert-heading {
    display: none;
}

.myapps {
    margin: 10px;
}

.myappslist li {
    border: 1px solid #fff;
    display: inline-block;
    width: 100%;
    margin: 0px !important;
}

.myappslist li:hover {
    border: 1px solid #ddd !important;
    transition: 0.1s;
}

.myappslist {
    border-top: 1px solid #eaeaea;
    list-style: none;
    padding: 0;
}

.myappslist li:nth-child(odd) {
    background-color: #f7f7f7;
}

.myappslist li:nth-child(even) {
    background-color: #fff;
}

.fwbtn {
    width: 100%;
}

.titledetil {
    border-bottom: 1px solid #ededed;
    /*background: #F7F7F7;*/
}

.pricestripedit {
    text-decoration: line-through;
}

.prodhrgit {
    font-size: 1.2em;
    font-weight: bold;
}

.itembtn {
    width: 100%;
    margin: 15px 0px !important;
}

.sdesc {
    margin: 10px 0px 15px 0px;
}

.te1 {
    color: #7c7c7c;
}

.te2 {
    color: #ff0000;
    margin-bottom: 10px;
}

.itbtn {
    width: 100%;
    display: block;
    float: left;
    margin: 15px 4px;
}

.itbtn .btn-default {
    width: 100%;
    margin-bottom: 4px;
}

.itbtn .btn-primary {
    width: 100%;
    margin: 4px;
}

.addtocartbtn div.vertical div.cck_forms {
    padding-bottom: 0px !important
}

.artiordering {
    display: block;
    position: absolute;
    font-size: 10em;
    color: #f1f1f1;
    right: 37px;
}

.alamatbox,
.tiketlist {
    border-bottom: 1px solid #ededed;
    border-radius: 0px;
    display: block;
    padding: 5px;
}

.tiketlist {
    margin: 5px;
}

.icondel {
    font-weight: normal !important;
    float: right;
}

.alamatbox .jdl {
    text-align: left;
    width: 100%;
    background: #ededed;
    padding: 5px;
    font-size: 0.95em;
    font-weight: bold;
}

.alamatbox .bdy {
    padding: 5px;
    display: block;
}

.fw {
    width: 100%;
    display: block;
}

.fw input,
.fw select,
.fw button {
    width: 100% !important;

}


.lt {
    font-size: 0.85em;
}

.space {
    width: 100%;
    height: 5px;
    display: block;
}

.searchinside {
    float: left;
    text-align: left;
}

.searchinside .btn {
    margin: -4px 0px 0px -4px !important;
}

.searchinside #judul_alamat {
    width: 490px;
}

.incree {
    display: flex;
    position: absolute;
    left: -15px;
    top: 23px;
    font-size: 1.2em;
    z-index: 0;
    color: #555;
    height: 30px;
    width: 30px;
    background: #ededed;
    align-items: center;
    justify-content: center;
    border-radius: 60px;
}

.valignflex {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
}

.headering {
    text-align: center;
    line-height: 2em;
    font-weight: bold;
}

.padding10 {
    padding: 10px;
}

.increeinuser {
    font-size: 1.2em;
    z-index: 110;
    color: #555;
    height: 30px;
    width: 30px;
    background: #ededed;
    align-items: center;
    justify-content: center;
    display: flex;
    position: absolute;
}

.vers {
    margin: 5px;
    display: inline-block;
}

.banktit {
    border: 1px solid #ededed;
    border-radius: 4px;
    margin: 5px;
    margin-left: 25px;
    padding: 10px;
    background-color: #f4f4f4;
}

div.cck_forms div.cck_desc {
    color: darkgreen;
}

div.cck_forms input {
    height: 50px;
}

.nophoto {
    background-image: url("../images/nophoto.jpg");
}

.imgthumbphoto {
    display: block;
    width: 100px;
    height: 100px;
    background-position: center;
    background-size: cover;
    border-radius: 100px;
    margin: 0px auto
}

.imgthumbavt {
    display: block;
    width: 100px;
    height: 100px;
    background-position: center;
    background-size: cover;
    border-radius: 100px;
    margin: 0px auto;
    border: 5px solid #fff;
    margin-top: 13px;
}

a:link,
a:hover {
    text-decoration: none !important;
    border: 0px !important;
}

.pack_img img {
    width: 100%;
    border-left: 10px solid;
    border-bottom: 10px solid white;
    border-right: 10px solid white;
    border-top: 10px solid;
}

}

.pack_img {
    padding: 10px;
}

.iconart {
    display: block;
    float: left;
    margin-right: 14px;
}

.paketopsi {
    min-height: 150px
}

.mypaketlist ul {
    padding-left: 23px;
}

.mypaketlist .btn {
    margin: 2px 0px;
}

.aligncentre {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 29px;
}

.btn a:link {
    color: white !important
}

.str {
    font-weight: bold;
}

.btn-default a:link {
    color: #000 !important;
}

.actionbtnblock #load {
    transform: translateY(0px) translateX(-4px);
}

.actionbtnblock svg {
    display: inline-block !important;
    position: relative;
}

.fwwraper input,
.fwwraper textarea,
.fwwraper table {
    width: 100% !important;
    margin: 2px 0px;
}

.jeda {
    height: 25px;
    width: 100%;
    display: inline-block;
    position: relative;
}

.jeda2 {
    height: 34px;
    width: 100%;
    display: inline-block;
    position: relative;
}

.fwwraper select,
.fwwraper button {
    width: 100%;
    margin: 2px 0px
}

input #judul_alamat {
    height: 50px;
}

.col-nopadding .col-xs-1,
.col-nopadding .col-sm-1,
.col-nopadding .col-md-1,
.col-nopadding .col-lg-1,
.col-nopadding .col-xs-2,
.col-nopadding .col-sm-2,
.col-nopadding .col-md-2,
.col-nopadding .col-lg-2,
.col-nopadding .col-xs-3,
.col-nopadding .col-sm-3,
.col-nopadding .col-md-3,
.col-nopadding .col-lg-3,
.col-nopadding .col-xs-4,
.col-nopadding .col-sm-4,
.col-nopadding .col-md-4,
.col-nopadding .col-lg-4,
.col-nopadding .col-xs-5,
.col-nopadding .col-sm-5,
.col-nopadding .col-md-5,
.col-nopadding .col-lg-5,
.col-nopadding .col-xs-6,
.col-nopadding .col-sm-6,
.col-nopadding .col-md-6,
.col-nopadding .col-lg-6,
.col-nopadding .col-xs-7,
.col-nopadding .col-sm-7,
.col-nopadding .col-md-7,
.col-nopadding .col-lg-7,
.col-nopadding .col-xs-8,
.col-nopadding .col-sm-8,
.col-nopadding .col-md-8,
.col-nopadding .col-lg-8,
.col-nopadding .col-xs-9,
.col-nopadding .col-sm-9,
.col-nopadding .col-md-9,
.col-nopadding .col-lg-9,
.col-nopadding .col-xs-10,
.col-nopadding .col-sm-10,
.col-nopadding .col-md-10,
.col-nopadding .col-lg-10,
.col-nopadding .col-xs-11,
.col-nopadding .col-sm-11,
.col-nopadding .col-md-11,
.col-nopadding .col-lg-11,
.col-nopadding .col-xs-12,
.col-nopadding .col-sm-12,
.col-nopadding .col-md-12,
.col-nopadding .col-lg-12 {
    padding: 0px
}

.leftsidedb {
    width: 250px;
    border-right: 0px solid #eee;
    float: left;
    background: #000;
    color: white;
    left: 0px;
    z-index: 1200;
    height: 100vh;
    position: fixed;
}

.rightsidedb {
    width: calc(100% - 250px);
    float: right;
    padding-left: 5px;
}

.logodb {
    height: 37px;
    text-align: center;
    background: black;
}

.profava {
    margin: 5px;
    min-height: 100px;
    width: calc(100% - 9px);
}

.labelblockava {
    display: flex;
    justify-content: center;
    align-content: center;
}

.labelblockava .label {
    width: 83%;
    margin: 10px;
    display: inline-flex;
    text-align: center !important;
    font-size: 1.2em;
    font-weight: normal;
    border: 2px solid;
    padding: 7px;
    justify-content: center;
    align-items: center;
}

.labelblockava span {
    padding: 0.2em;
}

.rl_sliders.accordion > .accordion-group {
    border: 0px;
}

.mymenuslider .accordion-toggle {
    padding: 5px 10px !important;
    text-align: right;
    background: #000 !important;
    color: white !important;
    font-size: 0.85em;
}

.mymenuslider .panel-body {
    padding: 0px !important
}

.mymenuslider .rl_sliders.accordion,
.mymenuslider .accordion-group {
    border: 0px !important;
    border-radius: 0px !important
}

.mymenuslider a.accordion-toggle {}

.profilstatistik {
    padding: 15px;
    font-size: 0.85em;
}

.urlrep {
    text-align: center;
    font-size: 0.85em
}

.urlrep a,
.urlrep a:link,
.urlrep a:visited {
    color: white;
}

.pslbl {
    font-weight: bold;
    color: #f1f1f1;
}

.psv {
    text-align: right !important;
    margin-bottom: 7px;
}

.dbwrap {}

.panel-info .panel-body {
    background: #00afea;
    color: #fff
}

.panel-success .panel-body {
    background: #5CB85C;
    color: #fff
}

.panel-primary .panel-body {
    background: #845e00;
    color: #fff
}

.dbbalancer {
    padding-left: 0px
}

.panel-bg {
    display: block;
    position: absolute;
    top: 0px;
    right: 5px;
    font-size: 8em;
    color: rgba(255, 255, 255, 0.15)
}

.hidewhennoselected {
    display: none;
}

.mywarningslider .panel-heading {
    text-align: right !important;
    font-weight: normal;
}

.mywarningslider a.accordion-toggle {
    background-color: white !important;
    color: red !important;
}

.headerdb {
    background: #f0f0f0;
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
    top: 37px;
}

.headerdb H2 {
    margin: 5px !important
}

.centered400 {
    max-width: 450px;
    margin: 0px auto;
}

.fw .rsform table.formTableLayout {
    width: 100%;
}

.centered400 p {
    padding: 24px;
    text-align: center;
}

.iasmenu {
    margin-top: 8px;
    padding: 21px 2px;
    border-radius: 2px;
}

.menub .rl_tooltips-link {
    border-bottom: none !important
}

.menub .rl_tooltips-link a,
.menub .rl_tooltips-link a:link,
.menub .rl_tooltips-link a:visited {
    color: white !important
}

.rl_tooltips-link li:hover {
    margin-left: 5px;
    transition: 0.3s;
}

input.fieldpanjang {
    float: left;
    width: 70%;
}

.striptheh {
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #545454;
    margin-top: 34px;
    z-index: 100
}

H3.striptheh3 {
    background-color: #fff;
    display: inline-block;
    z-index: 1000;
    position: relative;
    margin-left: 0px;
    padding: 0px 20px
}

.classdummy {
    opacity: 0.2;
    color: #555
}

.btn:active {
    box-shadow: 0px 2px #ccc;
    transform: translateY(1px);
}

#cck1r_desc_home_reseller {
    margin-top: 0px;
    position: relative;
    margin-left: -23px;
}

.btnfat {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.btnfater {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

.ikonwrp {
    padding: 12px;
    display: inline-block;
}

div.cck_forms.cck_site div.cck_desc {
    left: 4px;
    margin-top: 3px;
}

table.acymailing_form {
    margin: 0px auto;
}

.acysubbuttons input {
    width: 100%;
}

fieldset#home_reseller {
    width: calc(100% - 50px);
    float: left;
}

.modnewsletter {
    color: #555;
}

.modnewsletter input {
    height: 45px;
    border-radius: 0px !important
}

@media (max-width: 997px) {

    .searchkatalogfilter input,
    .searchkatalogfilter .btn {
        display: none !important;
    }
}

select {
    -moz-appearance: none;
    /* text-indent: 0.01px;
    text-overflow: ''; */
}

.acymailing_module_form input {
    height: 32px;
}

.pagination ul {

    margin: 0px auto;
    width: 100%;
}

.cutLine {
    display: block;
    border-bottom: 1px dashed #9f9f9f;
    padding-left: 35px;
    background: white;
    color: #9f9f9f;
    font-size: 11px;
    margin-bottom: 25px;
}

.cutLineb {
    display: block;
    border-top: 1px dashed #9f9f9f;
    padding-left: 35px;
    color: #9f9f9f;
    font-size: 11px;
    background: white;
    margin-top: 35px;
}

.bigger {
    font-size: 130%;
}

.hidden {
    display: none;
}

@page {
    size: auto;
    /* auto is the initial value */

    margin: 10mm 10mm 20mm 10mm;
    /* this affects the margin in the printer settings */
}

.note {
    color: chocolate;
    background: blanchedalmond;
}

fieldset.formFieldset ol.formContainer li {
    padding: 0px !important;
    margin: 0px 0px !important;
}

.rsform-block .formBody input {
    height: auto !important;
}

.rsform-block-note-to-seller {
    margin-left: 18px
}

.rsform-block-note-to-seller .formBody {
    margin-bottom: 25px;
}

/* newline mitragove */
.gradgold {
    background: #fff;
    background: -moz-radial-gradient(center, ellipse cover, #fff 0%, #FF9700 47%, #FFA000 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #fff), color-stop(47%, #FF9700), color-stop(100%, #FFA000));
    background: -webkit-radial-gradient(center, ellipse cover, #fff 0%, #FF9700 47%, #FFA000 100%);
    background: -o-radial-gradient(center, ellipse cover, #fff 0%, #FF9700 47%, #FFA000 100%);
    background: -ms-radial-gradient(center, ellipse cover, #fff 0%, #FF9700 47%, #FFA000 100%);
    background: radial-gradient(ellipse at center, #fff 0%, #FF9700 47%, #FFA000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5c19f', endColorstr='#865231', GradientType=1);
}

.logobig {
    padding: 100px 25px;
}

.shadowfilter {
    -webkit-filter: drop-shadow(0px 0px 23px rgba(226, 190, 150, 0.5));
    filter: drop-shadow(0px 0px 23px rgba(226, 190, 150, 0.5));
}

.tepigosong {
    box-shadow: inset 0 0 200px rgba(0, 0, 0, 0.8);
}

.agakkecil {
    font-size: 0.8em;
    font-style: italic;
    color: grey;
}

.underline {
    border-width: 0px 0px 1px 0px;
    border-style: solid;
}



.iconwr {
    max-width: 56px;
}

.iconwr a {
    width: 56px;
}

.lr-padding {
    z-index: 1000;
}

.imgpktwrp {
    height: 110px;
    background-image: url(../../../images2/paket-img-small.png);
    background-repeat: no-repeat;
    width: 102%;
}

.imagepaket1 {
    background-position: 0px 0px;
}

.imagepaket2 {
    background-position: 0px -199px;
}

.imagepaket3 {
    background-position: 0px -404px;
}

.imagepaket4 {
    background-position: 0px -606px;
}

.imagepaket5 {
    background-position: 0px -813px;
}

.imgpktbgcolor {
    display: block;
    position: absolute;
    width: calc(100% - 45px);
    height: 95px;
    z-index: -5;
}

.paketprc {
    margin: 35px 0px;
}

.promoprc {
    font-size: 1.2em;
    font-weight: bolder;
}

.label-hemat {
    color: red;
    margin: 0px 0px 15px 0px;
    font-style: italic;
    font-weight: bold;
    animation: blinker 0.7s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

/*bootstrap same col height*/

/*tambahkan class sameheight di class container*/
.sameheight .row [class*="col-"] {
    margin-bottom: -99999px;
    padding-bottom: 99999px;
}

.sameheight .row {
    overflow: hidden;
}

.btncall {
    margin: 5px auto;
    font-size: 1em;
    border-radius: 100px;
    width: 100%;
    line-height: 1em;
    padding: 13px 8px;
}

.btncall i {
    margin-top: -6px;
    margin-left: 0px;
    font-size: 1.5em;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
}

a.btn-wa,
a.btn-wa:visited {
    background-color: #25D366 !important;
    color: white !important;
    border-color: white !important;
}

a.btn-wa:hover {
    color: #25D366 !important;
    border-color: #25D366 !important;
    border: 1px 1px 1px 1px solid !important;
    background-color: #fff !important;
}

/*change the color of navigation swipper*/
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev,
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: none;
}

/* bg ori hilang, di beri svg lain, diwarnain ndiri, di file css dinamic */
.atc-wrp {
    display: inline-block;
    height: 53px;
    width: 100px;
    float: right;
    margin-right: 0px;
}

.iconcart {
    font-size: 1em;
}

a.btncall .btn-default {
    border-width: 0px solid !important
}

.prolog_paket {
    font-size: 19px;
}

.hrg-coret {
    text-decoration: line-through;
}

._mb {
    margin-bottom: 20px;
}

.newsls1 .acymailing_form input {
    height: 38px;
}

.newsls1 .acymailing_form p {
    padding: 0px !important
}

.hargatotaldicart {
    display: inline-block;
    margin: 10px 0px;
}

div#cck1r_form_qty_item_cart::before {
    content: "Jumlah ";
    display: inherit;
    float: left;
    padding: 7px;
}

div#cck1r_form_hrg_total_cart::before {
    content: "Total Harga Barang Rp \00a0";
    display: inherit;
    float: left;
}

div#cck1r_form_hrg_total_cart::after {
    content: "\00a0 ,-";
    display: inherit;
    float: right;
}

.flashsalewrap {
    min-height: 300px;
    width: 100%;
}

.art_mng_item {
    border: 1px solid #ededed;
    border-radius: 4px;
    display: block;
    padding: 5px;
    padding-left: 50px;
    margin: 5px;
}

.art_mng_item .increeinuser {
    left: 5px;
}

.kontenprivat {
    display: block;
    font-style: italic;
    padding: 25px;
}

.faqmeta {
    background: #F5F5F5;
    color: grey;
    font-size: 0.9em;
    padding: 5px;
}

.header-strip {
    background: #f5f5f5;
}

.header-strip H1 {
    margin: 10px 0px;
}

.imagesp img {
    width: 100%;
}

.metadatalistv {
    font-style: italic;
    background: #f5f5f5;
    padding: 5px;
}

.art_item_v img {
    width: 100%;
}

.art_item_v i {
    margin-right: 10px;
}

.rl_sliders.accordion > .accordion-group.active > .accordion-heading > a.accordion-toggle {
    border-radius: 6px;
}

.accordion-inner a:link,
.accordion-inner a:visited {
    border-bottom: 1px dashed !important;
}

.accordion-inner a:hover {
    border-bottom: 1px solid !important;
}

.pushmenulist .accordion-inner a:link,
.pushmenulist .accordion-inner a:visited {
    border-bottom: 0px dashed !important;
}

.pushmenulist .rl_sliders.accordion > .accordion-group.active > .accordion-heading > a.accordion-toggle {
    border-radius: 0px;
}

.border_c {
    border: 2px solid;
    display: inline-block;
    position: absolute;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    margin: 10px;
    z-index: 10;
}

.qspdp {
    margin: 0px 12px;
}

.qsgreeting {
    margin-left: 25px;
}

.coret {
    text-decoration: line-through;
}

.prc_pkt_sb {
    display: inline-block;
    position: absolute;
    right: 0px;
    top: 22px;
    width: calc(100% - 30px);
    text-align: center;
    margin: 15px;
}

.hrg_jl_sb {
    position: absolute;
    padding: 0px;
    width: 100%;
    text-align: center;
    bottom: 15px;
    display: block;
    background: rgba(255, 255, 255, 0.5);
}

.gededikit {
    font-weight: bold;
    font-size: 1.2em
}

section#product {
    color: #111;
}

.aboutus-icon {
    width: 30px;
    height: 320px;
    text-align: center;
    float: left;
    margin-right: 20px;
    font-size: 2.1em;
}

.aboutus-title h4 {
    font-weight: normal;
    transition: all 0.2s ease-in-out;
    margin-top: 0;
    text-transform: capitalize;
}

.aboutus-box-inner {
    border: 1px solid;
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
    box-shadow: 3px 4px rgba(0, 0, 0, .09);
    padding: 12px;
    margin: 9px 9px 20px 9px;
    height: 292px;
    overflow: hidden;
    transition: all 0.2s ease-in-out;
}

/*.aboutus-box-inner:before {content: "\A";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 44px 44px 0 0;
    border-color: #f0f0f0 transparent transparent transparent;
    position: absolute;
    top: 10px;
    left: 25px;
    z-index: -1;}*/
.aboutus-descrip li {
    border-bottom: 1px solid #ccc;
    text-align: left;
    list-style: none;
    padding: 8px 5px;
}

.aboutus-descrip ul {
    padding: 0px;
}

.aboutus-descrip li:hover {
    background-color: #eee;
}

@media (max-width: 1199px) {
    .hide1199px {
        display: none;
    }
}

@media (max-width: 992px) {
    .hide992px {
        display: none;
    }
}

.paket-title h4 {
    font-weight: bold;
    transition: all 0.2s ease-in-out;
    margin-top: 0;
    text-transform: capitalize;
}

.tableprice-box-inner {
    border: 1px solid;
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
    box-shadow: 3px 4px rgba(0, 0, 0, .09);
    padding: 12px;
    margin: 9px 9px 20px 9px;
    /* height: 292px; */

    overflow: hidden;
    transition: all 0.2s ease-in-out;
}

.aboutus-descrip .rl_tooltips-link {
    width: 100%;
}

@media (max-width: 767px) {
    .border_c {
        border: none;
    }

    .topslider,
    .slideistimewa {
        padding: 0px !important;
    }

    .paketslide {
        min-height: 214px;
    }
}

@media (max-width: 300px) {

    .rightbanner,
    .mainbanner,
    .topslider,
    img.gvpile {
        display: none;
    }
}

.sdesc li:hover {
    background-color: #f4f4f4;
}

.angkaid {
    display: block;
    position: absolute;
    right: 0px;
    margin-right: 25px;
    font-size: 17em;
    font-weight: bold;
    color: #f1f1f1;
    z-index: -1;
    top: 50px;
}

.p_fs_str {
    text-decoration: line-through;
    margin: 10px 0px 5px 0px;
}

.p_fs {
    font-size: 1.3em;
    margin: 5px 0px;
}

.cttpenjual {
    background-color: #f5f5f5;
    padding: 16px !important;
    border-width: 1px 0px 1px 0px;
    border-style: dashed;
    border-color: #ccc;
}

.itemext a {
    width: calc(100% - 6px);
    margin-bottom: 10px;
}

#targetbanksamadgninv0 {
    margin: 10px 0px;
}

.subdetil i {
    width: 24px;
    text-align: center
}

.hrgprev {
    display: block;
    text-align: right;
    font-size: 1.1em;
    padding: 4px 0px;
    ;
    position: absolute;
    right: 0px;
}

.preview-wrap {
    display: block;
}

.wraperpreview {
    display: inline-block;
}

.wrp-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.label-gift {
    background-color: #9c2323;
    margin-left: -3px;
    border-left: 0px;
}

.label-gift-ext {
    background: -moz-linear-gradient(left, rgba(92, 184, 92, 1) 0%, rgba(92, 184, 92, 1) 81%, rgba(156, 35, 35, 1) 82%, rgba(156, 35, 35, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(92, 184, 92, 1)), color-stop(81%, rgba(92, 184, 92, 1)), color-stop(82%, rgba(156, 35, 35, 1)), color-stop(100%, rgba(156, 35, 35, 1)));
    background: -webkit-linear-gradient(left, rgba(92, 184, 92, 1) 0%, rgba(92, 184, 92, 1) 81%, rgba(156, 35, 35, 1) 82%, rgba(156, 35, 35, 1) 100%);
    background: -o-linear-gradient(left, rgba(92, 184, 92, 1) 0%, rgba(92, 184, 92, 1) 81%, rgba(156, 35, 35, 1) 82%, rgba(156, 35, 35, 1) 100%);
    background: -ms-linear-gradient(left, rgba(92, 184, 92, 1) 0%, rgba(92, 184, 92, 1) 81%, rgba(156, 35, 35, 1) 82%, rgba(156, 35, 35, 1) 100%);
    background: linear-gradient(to right, rgba(92, 184, 92, 1) 0%, rgba(92, 184, 92, 1) 81%, rgba(156, 35, 35, 1) 82%, rgba(156, 35, 35, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb85c', endColorstr='#9c2323', GradientType=1);
}

.label-gift-ext span {
    background-color: #9c2323;
    border-left: 0px;
    padding: 0.2em;
}

.labelblockava .label-gift-ext span {
    padding: 7px 0.2em;
}

.labelblockava .label-gift-ext {
    padding: 0px;
}

.little {
    margin-left: 50px;
    font-size: 0.8em;
    font-style: italic;
    color: red;
}

.cpc {
    display: inline-block;
    position: relative;
    margin: 28px auto;
    width: 99%;
    text-align: center;
    font-size: 27px;
}

.cpc .variation_value:before {
    content: 'Untuk mengindari SPAM, mohon hitung Soal Matematika Sederhana ini ';
    font-size: 0.6em;
    display: block;
    position: relative;
}

.label-diskon {
    color: red;
    font-size: 1.2em;
}

.swiperpag1 .swiper-pagination-bullet {
    height: 30px;
    width: 30px;
}

.spespag {
    height: 40px;
}

.spespag .swiper-button-prev,
.spespag .swiper-button-next {
    background-image: none !important;
}

.spespag .swiper-button-prev:before {
    content: "\f053  Geser Kiri";
    font-family: FontAwesome;
    left: -5px;
    position: absolute;
    top: 6px;
    width: 127px;
    color: white;
    border-radius: 30px;
    padding: 5px;
}

.spespag .swiper-button-next:before {
    content: "Geser Kanan  \f054 ";
    font-family: FontAwesome;
    right: -5px;
    position: absolute;
    top: 6px;
    width: 127px;
    color: white;
    border-radius: 30px;
    padding: 5px;
}

.descpktli li {
    padding-left: 15px !important;
    list-style: disc;
    margin-left: -15px;
    list-style-position: inside;
}

.rl_sliders.accordion > .accordion-group.active > .accordion-heading > a.accordion-toggle {
    border-radius: 0px;
}

.slidercustom {
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5);
}

.slidercustom .accordion-heading {
    text-align: right;
}

@media (max-width: 670px) {
    .slidercustom .accordion-heading {
        text-align: center;
        font-size: 0.8em;
    }

    .ask-res {

        width: 100%;
    }

    .r_cta .btn {
        position: relative;
        bottom: 0px;
    }
}

@media (max-width: 338px) {
    .slidercustom .accordion-heading {
        text-align: center;
        font-size: 0.6em;
    }
}

.slidercustom .panel-heading {
    font-weight: normal;
}

.slidercustom .rl_sliders.accordion > .accordion-group.active > .accordion-heading > a.accordion-toggle {
    background: none !important;
}

.slidercustom .rl_sliders.accordion > .accordion-group.active > .accordion-heading > a.accordion-toggle {
    color: white !important;
    display: block;
    z-index: 100;
}

.slidercustom .rl_sliders.accordion > .accordion-group > .accordion-heading > a.accordion-toggle span.rl_sliders-title-inactive {
    color: white !important;
    font-size: 1.7em;
}

.slidercustom .rl_sliders.accordion > .accordion-group > .accordion-body > .accordion-inner {
    padding: 0px !important;
}

.slidercustom .rl_sliders.accordion > .accordion-group > .accordion-heading > a.accordion-toggle:hover .rl_sliders-title-inactive .nn_sliders-title-inactive {
    color: red !important;
}

.notextshadow {
    text-shadow: none !important;
}

.tpbarnotif {
    z-index: 1100;
    display: inline-block;
    position: relative;
    width: 100%;
}

.warningvip {
    background: #2f6eb1 !important;
}

.reqdomain,
.pakettipe {
    background: lightsteelblue;
    color: #405b6b;
}

._vs {
    background: #fbffd0;
    color: #886b00;
}

.itemseq {
    display: inline-block;
    margin: 0px auto;
    width: 100%;
    text-align: center;
    margin-bottom: 1px;
}

.aboutus-title {
    width: calc(100% - 50px);
    float: right;
}

div.cck_forms.cck_site div.cck_form.cck_form_radio label {
    width: calc(99% - 5px) !important;
}

div.cck_forms.cck_site div.cck_form.cck_form_radio label:hover {
    border-radius: 50px;
    background-color: #f7f7f7 !important;
}

fieldset#starter_package {
    margin-left: 0px !important
}

fieldset#reseller_or_buyer label,
fieldset#starter_package label {
    display: inline-block;
    width: 100%;
    padding: 5px 0px 5px 32px;
    border-radius: 50px;
}

fieldset#starter_package div.cck_forms.cck_site div.cck_form.cck_form_radio label:hover,
fieldset#starter_package input[type="radio"]:checked + label,
fieldset#reseller_or_buyer div.cck_forms.cck_site div.cck_form.cck_form_radio label:hover,
fieldset#reseller_or_buyer input[type="radio"]:checked + label {
    background: #DFF0D8;
}

fieldset#starter_package .magic-radio:checked + label:before,
fieldset#reseller_or_buyer .magic-radio:checked + label:before {
    display: none;
}

fieldset#starter_package .magic-radio:checked + label:after,
fieldset#reseller_or_buyer .magic-radio:checked + label:after {
    top: 12px;
    left: 10px;
}

fieldset#starter_package .magic-radio + label:before,
fieldset#reseller_or_buyer .magic-radio + label:before {
    top: 5px;
    left: 6px;
}

#cck1r_form_reseller_id_explain {
    width: 95%;
}

.customplacementpopover div.cck_forms.cck_site div.cck_desc .hasPopover {
    margin-left: -23px;
}

div.cck_forms.cck_site div.cck_desc .hasPopover {
    padding: 8px 0 1px 5px !important;
}

.tipshihi {
    background: #000;
    color: white;
    font-size: 0.8em;
    padding: 10px;
    border-radius: 4px;
    font-weight: bold;
}

.clickabelhiddendiv {
    display: block;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
}

.clickabelhiddendiv:hover {
    border: 0px solid;
    background: rgba(255, 255, 255, 0.1)
}

.famargin i {
    margin-right: 4px;
}

li.rsform-block-useragree-rs .formBody label {
    margin-left: 17px;
    display: inline-block;
    position: absolute;
    left: 0px;
    width: 20px;
    margin-top: -22px;
}

/*custom radio logo bank */
.magic-radio + label[for="tujtrans_rs0"],
.magic-radio + label[for="tujtrans_rs1"] {
    margin: 0px 4px 21px 0px !important;
    display: inline-block;
    position: relative;
    padding-left: 0px !important;
    width: 75px;
    height: 42px;
    text-align: center;
    font-size: 0.9em;
}

.magic-radio + label[for="tujtrans_rs0"]:before,
.magic-radio + label[for="tujtrans_rs1"]:before {
    display: inline-block;
    width: 77px;
    height: 42px;
    border-radius: 2px;
    position: relative;
    background-image: url(../../../images2/logo-bank.png);
    background-repeat: no-repeat;
}

.magic-radio + label[for="tujtrans_rs0"]:before {
    background-position: 0px -2px;
}

.magic-radio + label[for="tujtrans_rs1"]:before {
    background-position: 0px -44px;
}

.rsform-block-tujtrans-rs .magic-radio + label:before {
    opacity: 0.5;
}

.rsform-block-tujtrans-rs .magic-radio:checked + label:before {
    border: 2px solid;
    opacity: 1;
}

.rsform-block-tujtrans-rs .magic-radio:checked + label:after {
    display: none;
}

.rsform-block-tujtrans-rs {
    left: 17px !important;
    display: inline-block;
    position: relative;
}

/*custom radio logo bank end*/
.width80 {
    max-width: 100% !important;
}

.preloadsign {
    position: absolute;
    bottom: 13px;
    width: calc(100% - 40px);
    background-color: #fff;
    opacity: 1;
    height: 48px;
    margin: 20px;
    padding-top: 0px;
    z-index: 100000 !important;
    border-radius: 50px;
}

.rl_tooltips.popover a,
.rl_tooltips.popover a:link,
.rl_tooltips.popover a:visited {
    color: white !important;
    display: inline-block !important;
    padding: 2px 5px;
    border-bottom: 1px dashed !important;
}

.rl_tooltips.popover a:hover {
    background-color: red !important;
}

.mypager ul {
    width: auto;
}

#mySidenav input[type="password"],
#mySidenav input[type="text"] {
    width: 100% !important;
}

.cpc input[type="text"] {
    width: auto !important;
}

/* minima katalog item view start*/
.itemwrap {
    display: inline-block;
    padding-top: 1px;
}

.itemwrap .itemprod {
    background: white;
    position: absolute;
    display: block;
    border: 1px solid;
    padding-bottom: 10px;
}

.itemwrap .qv {
    display: none;
    background: rgba(255, 255, 255, 0.2);
    position: absolute;
    width: 100%;
    top: 0px;
    z-index: -100;
    transition: 0.1s;
    vertical-align: middle;
}

.itemwrap:hover .qv {
    z-index: 100;
    width: 100%;
    display: block;
    top: -4px;
}

.itemwrap .itemext {
    display: block;
    background: #fff;
    position: relative;
    width: calc(100% + 2px);
    left: -1px !important;
    z-index: -100;
    transition: 0.2s;
}

.itemwrap:hover .itemext {
    top: calc(100% - 1px);
    display: block;
    z-index: 100;
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    padding-top: 10px;
    box-shadow: 0px 0px 6px 0 rgba(107, 107, 107, .15);
}

/* minima katalog item view end*/
.itemwrap .itemprod {
    border-color: white;
}

ul.unstyled li {
    list-style: none !important;
}

/* Splash Button */
.hvr-shutter-out-horizontal {
    display: inline-block;
    /* dont make display !important it will break conditional */

    vertical-align: middle !important;
    -webkit-transform: perspective(1px) translateZ(0) !important;
    transform: perspective(1px) translateZ(0) !important;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0) !important;
    position: relative !important;
    -webkit-transition-property: color !important;
    transition-property: color !important;
    -webkit-transition-duration: 0.3s !important;
    transition-duration: 0.3s !important;
}

.hvr-shutter-out-horizontal:before {
    content: "" !important;
    position: absolute !important;
    z-index: -1 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    -webkit-transform: scaleX(0) !important;
    transform: scaleX(0) !important;
    -webkit-transform-origin: 50% !important;
    transform-origin: 50% !important;
    -webkit-transition-property: transform !important;
    transition-property: transform !important;
    -webkit-transition-duration: 0.3s !important;
    transition-duration: 0.3s !important;
    -webkit-transition-timing-function: ease-out !important;
    transition-timing-function: ease-out !important;
}

.hvr-shutter-out-horizontal:hover,
.hvr-shutter-out-horizontal:focus,
.hvr-shutter-out-horizontal:active {
    color: white !important;
}

.hvr-shutter-out-horizontal:hover:before,
.hvr-shutter-out-horizontal:focus:before,
.hvr-shutter-out-horizontal:active:before {
    -webkit-transform: scaleX(1) !important;
    transform: scaleX(1) !important;
}

/* Splash Button end*/
.psec h3 {
    border-bottom: 1px solid #dedede;
    padding: 7px 21px;
    color: white;
    background: #2e2e2e;
    margin: 10px 0px;
}

.speech-bubble {
    position: relative;
    background: #ff8132;
    border-radius: .4em;
    padding: 30px;
    color: white;
}

.speech-bubble:after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 0;
    height: 0;
    border: 31px solid transparent;
    border-right-color: #ff8132;
    border-left: 0;
    border-bottom: 0;
    margin-top: -15.5px;
    margin-left: -31px;
}

.speech-bubble2 {
    position: relative;
    background: #19aae4;
    border-radius: .4em;
    padding: 30px;
    color: white;
    margin: 5px;
}

.speech-bubble2:after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    width: 0;
    height: 0;
    border: 31px solid transparent;
    border-left-color: #19aae4;
    border-right: 0;
    border-bottom: 0;
    margin-top: -15.5px;
    margin-right: -31px;
}

.btn svg {
    display: inline-block;
    /*  margin-left: -30px;*/

    margin-top: -2px;
    position: absolute;
}

.btn .textwait {
    padding-left: 30px;
}

.float-left {
    left: 0px;
    float: left;
}

.float-right {
    right: 0px;
    float: right;
}

.fwwraper .inputbox:focus + .focus-border {
    width: calc(100% - 4px) !important;
}

.footer-logo p {
    padding: 2px;
    font-size: 13px;
}

#myspin svg {
    margin-bottom: 93px;
}

#myspin div {
    width: 290px;
    display: block;
    position: absolute;
}

.searchinside input {
    width: 300px;
}


.dafkat li a:link,
.dafkat li a:visited {
    color: black;
}

.warnablm_aman {
    color: darkred;
}

.dafkat li a:link.warnablm_aman,
.dafkat li a:visited.warnablm_aman {
    color: red;
    font-style: italic;
}

i.iround {
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    margin-left: 5px;
    font-size: 0.8em;
    color: white;
}

.wr_cs_db {
    display: block;
    top: 40px;
    position: relative;
}

.balancer {
    display: block;
    height: 15px;
}

.footer-logo {
    display: inline-block;
    background: red;
    padding: 0px 15px;
    border-radius: 10px 10px 0px 0px;
}

/*animate burst */
i.burst {
    -webkit-animation-name: burst;
    /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 2s;
    /* Safari 4.0 - 8.0 */
    animation-name: burst;
    animation-delay: 0;
    animation-iteration-count: infinite;
    animation-direction: forward;
}

@keyframes burst {
    0% {
        opacity: .5;
    }

    50% {
        -webkit-transform: scale(1.8);
        transform: scale(1.8);
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

/*animate burst */
.titblock {
    text-align: center;
    display: inline-block;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    position: relative;
    padding: 0px 10px;
    bottom: -5px;
}

.titblock a {
    color: white !important;
}

.titblock H4 {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: white;
}

.art_item_v {
    border: 2px solid transparent;
    transition: 0.2s;
}

.art_item_v img {
    width: 100%;

}

.art_item_v i {
    margin-right: 10px;
}

.art_item_v .rl_tooltips-link {
    border: none !important
}

.art_item_v:hover {
    border: 2px solid rgba(0, 0, 0, 0.3);
    transition: 0.2s;
}

.searchcontainer {
    text-align: center;
    margin-bottom: 23px;
    margin-top: 10px;
}

.searchcontainer div {
    margin-bottom: 2px;
}

.searchcontainer select {
    width: 100%;
    min-height: 40px;
}

.searchcontainer .btn {
    min-height: 40px;
}

.searchcontainer input {
    min-height: 40px;
    font-size: 18px;
    padding: 0px 10px;
}

.widhcalc input {
    width: calc(100% - 220px);
}

.fixcalc {
    width: 220px !important;
    display: inline-block;
    margin-left: 0px !important;
    left: 0px;
    float: right;
}

.texttitle {
    text-align: left;
}

@media(max-width:768px) {
    .texttitle {
        text-align: center;
    }
}

.artikeltitle .fixed {

    z-index: 1000;
    width: 100%;
    left: 0px;
    text-align: center;
    height: 60px;

}

.artikeltitle .fixed h1 {
    font-size: 18px;
    color: white !important;
}

.artikeltitle .fixed h1 .coklat {
    color: white !important;
}

.btndetilinv {
    padding: 7px;
    margin-left: 30px;
    height: 30px;
    width: calc(100% - 30px) !important;
    background: #ededed;
}

.itemlistblock .btn {
    width: 100%;
}

.padding10 [class*="col-"] {
    padding: 10px;
}

.btn-chat-init {
    font-size: 0.8em;
    border-radius: 36px;
    box-shadow: 0px 4px 4px #ccc;
    border: 1px solid white;
    letter-spacing: 1px;
}

a.btn-chat-init {
    color: white !important;
}

.btn-chat-init i {
    margin-right: 10px;
}



.menu_page {
    background: #cef4ff;
    font-size: 14px;

    display: block;
    width: 100%;
    color: #00274e;
    font-weight: bold;

    float: left;
}

.menu_p_item {
    padding: 8px 4px;
    display: inline-block
}

.menu_p_item:hover {
    background: #00274e;
    color: white;
}

.conv_tit {
    font-size: 1.2em;
    font-weight: bold;
    text-transform: capitalize;
    background-color: #f77400;
    color: white;
    display: inline-block;
    width: 100%;
    padding: 5px;
    float: left;
}

.subm {
    width: 100%;
    display: inline-block;

    color: #cef4ff;
    background: #0c4d9b;
    font-weight: normal;
}

.subm a {
    padding: 5px;
    width: 100%;
    display: inline-block;
    color: white;

}

.subm:hover {
    background: #157fff;
}

.mp_7_block,
.mp_2_block,
.mp_3_block,
.mp_8_block {
    display: block;
    position: absolute;
    float: right;
    margin-top: 0px;
    z-index: 100 !important;
    width: 100%;
    left: -100%;
}

#mp_7:hover .mp_7_block,
#mp_2:hover .mp_2_block,
#mp_3:hover .mp_3_block,
#mp_8:hover .mp_8_block {
    left: 0;
}

.text_body {
    display: inline-block;
    margin-top: 10px;
}

.line_msg {
    display: block;
    margin-bottom: 4px;
    border: 1px solid #bed9be;
    margin-top: 0px;
    padding: 10px;
    border-radius: 7px;
    background: #e5ffeb;
    color: black;
    cursor: pointer;
}

.line_msg:hover {
    background: #076a74;
    color: white;
}

.section_tit {
    display: block;
    color: white;
    background: black;
    padding: 7px 15px;
    font-size: 14px;
    text-transform: capitalize;
}

.agakharsh {
    background: #ffbfbf;
}



.otb_list_item {
    border: 1px solid #e3e3e3;
    border-radius: 5px;
    margin: 10px;
    padding: 10px;
}

.unvalid {
    background: #ffdada;
}

.blocked_info {
    background: #009687;
    color: #fff;
    height: 100% !important;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding: 10px;
    text-align: center;
    font-size: 1.2em;
    justify-content: center;
    width: 100%;
    top: 0px;
    z-index: 100000;

    max-width: 480px;

    left: calc(-50vw + 50%);
    right: calc(-50vw + 50%);
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;

    position: fixed;
}

.hide_content_body {
    height: 100vh;
    display: block;

    background: #ffcbcb;
}

.item_block {
    width: 100%;
    display: flex;
    align-content: center;
    align-items: center;
    flex-direction: row;
}

.otp_ {
    float: left;
    width: 40%;
    font-size: 2.5em;
    text-align: center;
    display: flex;
    align-content: center;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
    flex-wrap: nowrap;
}

.info_ {
    width: 60%;
    float: right;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: stretch;
    font-size: 0.9em;
}



.orange {
    background: orange;
    color: white;
}

.biru {
    background: #a6a6ff;
    color: white;
}

.hijau {
    background: #549300;
    color: white;
}

.merah {
    background: #f14242;
    color: white;
}

.hitam {
    background: #0c0000;
    color: white;
}

.btn_set {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
    align-content: center;
}

.btn_set a {
    width: -webkit-fill-available;
    margin-bottom: 1px;
    font-size: 0.9em;
    margin-left: 1px;
}

.btn_set a:hover,
.btn_set a:focus {
    color: #ffffff;
    border: none;
    background: #ff8d00;
}

.content_page_title {
    font-size: 1.1em;
    cursor: pointer;
    padding: 5px 10px;
    background: #ededed;
    border: 1px solid white;
    text-transform: capitalize;
}

.item_content_page {
    padding: 10px;
    margin-bottom: 4px;
    border: 1px solid #d9d9d9;
}

.atri_page {
    font-size: 0.85em;
    padding: 5px 10px;
}

.item_content_page:hover {
    background: #ffd8c1;
    color: #bd4e00;

}

.item_content_page:hover .content_page_title {
    background: #fb6711;
    color: white;
    border-color: #fb6711;
}

.image_sequence {
    margin-top: 1px;
}

.forced_uvld_sign {
    background: #f74e4e;
    margin: 10px;
    border-radius: 34px;
    color: white;
    font-size: 0.3em;
    padding: 4px 10px;
}

.cck_otp_key {
    text-align: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
}

#otp_type {
    margin: 10px 0px;
}

#otp_key_on_cck_table {
    font-size: 1.5em;
    border: none;
    text-align: center;
}

/*radio  */

.radios label {
    font-size: 20px;
    line-height: 26px;
}

.radios input[type="radio"] + label {
    color: #5c5c5c;
    position: relative;
    display: inherit;
    cursor: pointer;
    font-size: 1em;
    padding: 0px 10px;
    margin-top: 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;

}

.radhorz input[type="radio"] + label {
    /*radio horizontal class*/
    float: left;
}

.radios input[type="radio"] + label:hover {
    background: #ededed;
}

.radios input[type="radio"] + label::before {

    border: 1px solid grey;
    content: ' ';
    display: inline-block;
    margin-right: 5px;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    transition: border 0.15s ease-in-out;
    transform: translateY(-1px);
}

.radios input[type="radio"] + label::after {

    border: 0px solid #ff8d00;
    content: ' ';
    background: transparent;
    display: inline-block;
    margin-right: 5px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    position: absolute;
    left: 47px;
    top: 7px;
    transition: border 0.15s ease-in-out;
}


input[type="radio"] {
    /* display: none;   this cause required error, so change with visibility */
    position: absolute;
    visibility: hidden;
}

/* When button is active  */
.radios input[type="radio"]:checked + label::after {
    display: none;
}

.radios input[type="radio"]:checked + label::before {
    border-color: #ff8d00;
    background: #ff8d00;
    box-shadow: inset 0px 0px 0px 3px #fff;
}

.radios input[type="radio"]:checked + label {
    color: #ff2f00;
    font-weight: bold;
}

/*radio*/


/*rADIO LOGO**/
.radlogo input[type="radio"] + label {
    /*radio horizontal class*/
    float: left;
    width: 80px;
    border: 1px solid !important;
    height: 50px;
    margin: 2px;
    font-size: 0em;
    opacity: 0.8;
    /* global bg*/
    background-image: url('../../../images2/logo-bank.png') !important;
}

.radlogo input[type="radio"] + label::before {

    display: none;
}

.radlogo input[type="radio"] + label::after {
    display: none;
}

.radlogo input[type="radio"]:checked + label,
.radlogo input[type="radio"]:hover + label {
    box-shadow: inset 0px 0px 0px 3px #ff2f00 !important;
    opacity: 1;
    background-position: inherit;
}

.radlogo label[for=ord_buyer_payment_from_bank_name0] {
    background-position: 2px 2px !important;
}

.radlogo label[for=ord_buyer_payment_from_bank_name1] {
    background-position: 2px -125px !important;
}

.radlogo label[for=ord_buyer_payment_from_bank_name2] {
    background-position: 2px -168px !important;
}

.radlogo label[for=ord_buyer_payment_from_bank_name3] {
    background-position: 2px 171px !important;
}

.radlogo label[for=ord_buyer_payment_from_bank_name4] {
    background-position: 2px -292px !important;
}

/*rADIO LOGO**/
.type_otp {
    font-size: 0.3em;
    background: #606060;
    border-radius: 100px;
    color: white !important;
    padding: 5px 12px;
    margin: 10px;
}

.type_otp:hover {

    opacity: 0.85;

}

.type_otp a,
.type_otp a:link,
.type_otp a:hover,
.type_otp a:focus {
    color: white;
    font-style: normal;
    border: none;
}

.otp_ a:link {
    border: none;
}

.search_box {
    background: #eee;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0px;
    font-weight: bold;
    width: 100%;
    transform: translateY(-38px);

    position: relative;
}

.cck_page_items {
    margin-top: -38px;
}

.fieldxfw {
    width: 100% !important;
}

.fieldxfw .collection-group-wrap .collection-group-button {
    float: right;
    width: 60px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 0px !important;
    height: 39px;
}

.fieldxfw .collection-group-wrap .collection-group-form {
    width: calc(100% - 70px);
}

.fieldxfw .collection-group-wrap input {
    direction: rtl;
    font-size: 0.8em;
    padding: 12px 5px;
    background: #4e4e4e;
    color: white;
    width: 100%;
    height: 40px;
}

.fieldxfw div.collection-group-wrap {
    border: none;
}

div.cck_forms.cck_site div.cck_form input {
    height: 36px;
}

.btn-border {
    background: rgba(255, 255, 255, 0.5);
    border: white;
    border: 1px solid;
    width: 100%;
}

.btn-border i {
    margin-right: 20px;
}

.visitor_who_req_newlink {
    display: inline-block;
    padding: 2px 10px;
    font-size: 0.8em;
    background: #058b78;
    margin: 1px;
    border-radius: 16px;
    color: white;
    cursor: pointer;
}

a.visitor_who_req_newlink:hover {
    border-bottom: none;
    color: white;
    background: #05a18b;
}

.item_wa {
    padding: 10px;
    border-bottom: 1px solid #dfdfdf;
    margin-bottom: 10px;
}

.item_wa a {

    color: white !important;
}

.item_wa_recorded {
    background: #00a797;
    padding: 5px 15px;
    border-radius: 30px;

}

.brpkali {
    background: #ffc800;
    padding: 5px 10px;
    color: #9d3c03;
    border-radius: 32px;
    font-size: 0.95em;
}

.urlterkait {
    display: inline-block;
    padding: 9px;
    font-size: 0.86em;
    width: 100%;
}

.sendlinkshrtct a {
    background: #026e64;
    padding: 5px 10px;
    border-radius: 16px;
    margin: 2px;
}

.but_toolbar {
    padding: 8px 15px;
    background: #e57f00;
    display: block;
    width: max-content;
    position: relative;
    float: right;
    top: -40px;
    color: white;
    right: 1px;
}

.but_toolbar i {
    margin-right: 15px;
}

a.but_toolbar:hover,
a.but_toolbar:focus {
    border-width: 0px !important;
    background: #990909 !important;
}

.biru {
    background-color: #0e82dd;
}

.hijau {
    background-color: #28dd0e;
}

.pink {
    background-color: #ff7dc2;
}

.ungu {
    background-color: #6000d3;
}

.oranye {
    background-color: #ff490b;
}

.merah {
    background-color: #ff0b0b;
}

.fucia {
    background-color: #ff0063;
}

.cck_page_search {
    margin-bottom: 38px;
}

.page_only {
    margin-bottom: -38px;
}

.title_pg_payment {
    width: calc(100% - 0px);
    height: 45px;
    background: transparent;
    display: flex;
    font-weight: bold;
    border-left:
        right: 0px;
    font-size: 1.22em;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    cursor: pointer;
    padding: 0px 15px;
    background: #ff8132;

}

.cck_page_desc {
    padding: 10px !important;
    color: #a33500;
    background: #fff5c5;
    line-height: 1.5em;
}

.cck_page_desc p {
    font-size: 17px;
    padding: 0px;
    margin-bottom: 0px;
}

.alias_hl {
    border-bottom: 1px solid #cecece;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.title_para {
    color: #00b9ff !important;
    padding: 8px 15px;

    font-size: 1em;
    font-weight: bold;
    border-bottom: 1px solid;
}

.as_p li {
    font-size: 16px !important;
    margin: 10px 5px;
}

.rsform-block div.formBody {
    width: 100%;
}

.rsform-block input,
.rsform-block select,
.rsform-block button {
    width: 100%;
}

.simple-warn {
    font-size: 0.85em;
    width: 100%;
    display: inline-block;
    text-align: center;
}

button[disabled],
button[disabled]:hover,
button[disabled]:focus {
    background: grey !important;
    color: white !important;
}

.ctcpy {
    font-size: 0.85em;
    cursor: pointer;
    background: #c8d3a5;
    padding: 3px 10px;
    color: #5f7222;
    border-radius: 6px;
}

.ctcpy:hover {

    background: #5f7222;

    color: white !important;

}

@keyframes blink {
    0% {
        background-color: rgba(255, 0, 0, 1)
    }

    50% {
        background-color: rgba(255, 0, 0, 0.5)
    }

    100% {
        background-color: rgba(255, 0, 0, 1)
    }
}

@-webkit-keyframes blink {
    0% {
        background-color: rgba(255, 0, 0, 1)
    }

    50% {
        background-color: rgba(255, 0, 0, 0.5)
    }

    100% {
        background-color: rgba(255, 0, 0, 1)
    }
}

.loinoutbtn {
    padding: 6px 10px 6px 13px;

    margin: 0px 10px 0px 0px;

    cursor: pointer;

}

.loinoutbtn:hover {
    opacity: 0.8;
}

.loinoutbtn a,
.loinoutbtn a:hover,
.loinoutbtn:hover a {
    text-decoration: none !important;
    color: white !important;
    border: none;
}

.calender_now {
    float: right;

    right: 0px;
    position: absolute;
}

.head_wrap .calender_now {
    margin-right: 15px;
}

.validity_0,
.validity_0 a,
.validity_0 a:link {
    color: red !important;
    opacity: 0.5;
    font-style: italic;
    text-decoration: line-through;
}

.center {
    text-align: center !important;
}