/* 
    Document   : custom
    Created on : Mar 27, 2016, 2:21:38 AM
    Author     : Andi Susilo | https://www.facebook.com/andi.unpam
    Description:
        Purpose of the stylesheet follows.
*/

.product-img-box .gallery-besar-container {
    background: #F5F5F5;
    padding: 5px;
}

.gallery-besar-container {
    margin-bottom: 7px;
}

#gallery-zoom a {
    float: left;
    padding: 3px;
    background: #F5F5F5;
    display: table;
    margin-right: 3px;
}

#gallery-zoom a img {
    width: 50px;
}

.info {
    font-size: 13px;
    color: #3E5162;
    display: block;
    border: 2px solid #3E5162;
    padding: 10px;
    line-height: 12px;
    background: rgba(230, 230, 192, 0.88);
}

/* radio input */
input[type=radio].css-radio {
    display:none;
}

input[type=radio].css-radio + label.css-label-radio {
    padding-left: 27px;
    height: 17px; 
    display:inline-block;
    line-height:13px;
    background-repeat:no-repeat;
    background-position: 0 0;
    font-size:12px;
    vertical-align:middle;
    cursor:pointer;
    text-transform: none!important;

}

input[type=radio].css-radio:checked + label.css-label-radio {
    background-position: 0 -21px;
}
label.css-label-radio {
    background-image:url(../img/radio.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 70px;
}
/* radio input */


.error {
    color: #df280a;
    font-weight: normal;
    background: rgba(223, 40, 10, 0.12);
    padding: 10px;
    border: 1px solid #df280a;
    margin-bottom: 15px;
}
.error span.close {
    float: right;
    color: #000000;
    font-size: 16px;
    cursor: pointer;
}
.error h3 {
    text-transform: uppercase;
    letter-spacing: 5px !important;
    font-family: 'Montserrat', sans-serif;
    border-bottom: none;
}
.error p {
    margin:0 0 7px!important;
}

a.cancel {
    margin-left: 10px;
}

a.btn-uap button, a.btn-uad button {
    width: 304px!important;
}

a.btn-uap button {
    margin-bottom: 10px;
}

#catatan {
    margin-top: 10px;
}

#catatan textarea {
    display: inline-table;
    width: 98.7%;
}

fieldset.blocking select#select-bank {
    margin: 10px 0px 20px 0px;
    width: 200px;
    cursor: pointer;
}

ul.register {
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}

/*formSpan*/
.formSpan ol {
    padding: 0;
    overflow: hidden;
}

.formSpan li {
    margin: 0 0 15px;
    list-style-type: none;
    clear: both;
    display: table;
}
.formSpan li span.field {
    display: table;
    width: 130px;
    float: left;
}
.formSpan li span.value {
    display: table;
    width: 400px;
    float: left;
}
/*end formSpan*/


/* list alamat akunku */
.daftaralamat {
    margin-top: 10px;
}
.daftaralamat li {
    margin: 10px 0px;
    clear: both;
    border: 1px solid #9DCEB9;
    padding: 10px;
    line-height: 12px;
    background: rgba(170, 221, 221, 0.08);
    display: inline-block;
    width: 97.5%;
}
.daftaralamat li .left span {
    line-height: 16px;
}
.daftaralamat li .right a {
    text-decoration: underline;
}

li.checkbox input[type="checkbox"]{
    float: left;
}
li.checkbox label {
    float: left;
    clear: none!important;
    padding: 0px!important;
    line-height: 14px;
    cursor: pointer;
}

/* end list alamat akunku */

/* form custom */

.customform h3.cih {
    padding: 12px 10px 12px 30px;
    clear: both;
    text-transform: uppercase;
    text-align: left;
    background: #000000;
    color: #ffffff;
    font-size: 12px;
    zoom: 1;
    margin-bottom: 0px!important;
    letter-spacing: 5px !important;
    font-family: 'Montserrat', sans-serif;
}

.stdC {
    padding: 24px 30px;
    border: 1px solid #000000;
    background: #fff;
}

.stdC.dropship {
    padding: 24px 0px;
    border: none;
}

.stdForm ol {
    padding: 0;
    overflow: hidden;
}

.stdForm li {
    margin: 0 0 17px 15px;
    list-style-type: none;
    clear: both;
}

.stdForm label {
    clear: left;
    padding: 4px 5px 0 0;
    width: 200px;
    float: left;
    text-align: left;
    font-size: 10px;
    text-transform: uppercase;
}

.stdForm .radio.gender {
    display: inline-block;
}
.stdForm .radio.gender label.css-label-radio {
    width: 50px!important;
    clear: none;
}

.stdForm input {
    margin-right: 5px;
}
.stdForm label strong.wajib {
    color: red;
    font-weight: bold;
    padding-left: 2px;
    font-size: 13px;
}

.stdForm input[type="text"], .stdForm input[type="password"], .stdForm select {
    width: 200px;
    color: #000000;
    border: 1px solid #000000;
    background-color: #FFF;
    font-size: 13px;
    padding: 3px;
}
.stdForm input[type="text"]:disabled, .stdForm input[type="password"]:disabled, .stdForm select:disabled {
    background-color: #F2F2F2;
}

.stdForm select {
    width: 208px;
    cursor: pointer;
}

.stdForm ol.left {
    border-right: 1px solid #ccc;
    width: -moz-calc(49%);
    width: calc(49%);
    border: 1px solid #000;
    height: 385px;
}
.stdForm ol.right {
    width: -moz-calc(49%);
    width: calc(49%);
    border: 1px solid #000;
    height: 385px;
}
.stdForm ol li.judul h2 {
    margin: 0 -15px 12px;
    border-bottom: 1px solid #E4E4E4;
    padding: 10px 15px 10px;
    font-size: 13px;
    line-height: 1.25;
}

/*Choose adress*/
.chooseAddress li {
    margin: 0px 0px 20px 0px!important;
}
.chooseAddress li .radio {
    border: 1px solid #9DCEB9;
    padding: 10px;
    line-height: 12px;
    background: rgba(170, 221, 221, 0.08);
}
.chooseAddress li .radio label {
    font-weight: bold;
}
.chooseAddress li .radio .address{
    line-height: 16px;
    padding-left: 27px;
}
/* end form custom */


/* fieldset blocking*/
fieldset.blocking {
    border: 1px solid #000000;
    padding: 20px;
    margin-bottom: 10px;
}
fieldset.blocking h1.title {
    line-height: 22px;
    letter-spacing: 5px !important;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    display: table;
    background: #000;
    color: #fff;
    margin-top: -32px;
    font-size: 11px;
    padding: 0px 15px;
    margin-bottom: 20px;
}

/* end fieldset blocking*/

/* other blocking*/
.blocking-other h1.title {
    line-height: 22px;
    letter-spacing: 5px !important;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    display: table;
    background: #000;
    color: #fff;
    /* margin-bottom: -32px; */
    font-size: 11px;
    padding: 0px 15px;
    margin-left: 20px;
    margin-bottom: -11px;
    position: relative;
}

.blocking-other .content {
    padding: 35px 25px 25px 25px;
    border: 1px solid #000;
}

.blocking-other table.cart-table {
    padding-top: 20px;
}
/* end other blocking*/

/* custom image grid kategori list*/
/*.box-product-item {
    width: 227px;
}
.product-image-container {
    display: table;
    border: 1px solid #000;
    padding: 45px 0px;
    background: rgba(196, 211, 218, 0.2);
}
.box-product-item .box-line {
    margin-top: 332px;
}*/
/* end custom image grid kategori list*/

/* order history & detail table */
#order-detail-content table th {
    font-weight: bold;
}

#order-detail-content table td a, #order-detail-list-belanjaan table td a {
    color: #fc896c;
    text-decoration: underline;
}

table.table-order-history {
    width: 100%;
}
table.table-order-history tbody tr {
    width: 100%;
}
table.table-order-history tbody th {
    font-family: 'Montserrat', sans-serif !important;
    text-decoration: underline;
    line-height: 10px !important;
    font-size: 16px;
    padding-bottom: 8px;
}
table.table-order-history tbody td {
    line-height: 18px;
    width: 30%;
}

table.table-order-history.dua {
    margin-top: 20px;
}

#order-detail-list-belanjaan {
    margin-top: 20px;
}
#order-detail-list-belanjaan h5 {
    font-family: 'Montserrat', sans-serif !important;
    text-decoration: underline;
    line-height: 10px !important;
    font-size: 16px;
    margin-bottom: 10px;
}
#order-detail-list-belanjaan table.cart-table {
    padding-top: 0px!important; 
    border: 1px solid #F5F5F5!important;
}
#order-detail-list-belanjaan table.cart-table th {
    padding: 10px!important; 
    background: #F9F9F9;
}
#order-detail-list-belanjaan table.cart-table td {
    border-bottom: 1px solid #F5F5F5;
}
#order-detail-list-belanjaan table.cart-table tfoot td{
    border: 1px solid #fff!important;
}
#order-detail-list-belanjaan table.cart-table tfoot td.berat span {
    font-weight: bold;
}
/* end order history & detail table */

.custom-footer-contact .info {
    background: none;
    border: none;
    padding: 0;
    padding-top:2px;
    color: #000!important;
    line-height: 14px;
}

ul.social-footer {
    list-style: none;
}
ul.social-footer li {
    float: left;
    margin: 10px 20px 0px 15px;
}
ul.social-footer li.first {
    margin-right: 0px;
    margin-left: 90px;
}

ul.social-footer li img {
    width: 50px;
}

ul.share-buttons{
    list-style: none;
    padding: 0;
}

ul.share-buttons li{
    display: inline;
    margin: 0px 4px;
}

ul.share-buttons img{
    width: 32px;
}

.page-content {
    line-height: 20px;
}

/* testimonial */
#formTestimonial .button {
    margin-top: 10px;
}
#formTestimonial textarea.text-input {
    height: 60px;
    margin-bottom: 0px;
    border: 1px solid #ccc;
    font-size: 12px;
    color: #666;
}
#list-komentar {
    margin-top: 40px;
}
#list-komentar .row-komentar {
    display: inline-block;
    margin-bottom: 20px;
    width: 100%;
}
#list-komentar .row-komentar img {
    width: 40px;
    float: left;
    background: #E2E7EA;
    box-shadow: 0 0 5px #ccc;
}
#list-komentar .row-komentar .komentar-deskripsi {
    margin-left: 10px;
    width: 80%;
    float: left;
}
#list-komentar .row-komentar .komentar-deskripsi .orangnya strong {
    color: #333;
}
#list-komentar .row-komentar .komentar-deskripsi .orangnya span {
    color: #A0A0A0;
}
/* end testimonial */

.custom-footer-column .text p a {
    font-size: 13px;
}
.custom-footer-column p a:hover {
    color: #888;
}

.ui-effects-transfer { border: 2px solid black; }

.info-bawah-input {
    padding-top: 3px;
    color: #E43C77;
    display: table;
    padding-left: 205px;
}

.preview_logo {
    margin-top: 5px;
    border: 1px solid #888;
}

#shopping_cart {
    color: #3E5162;
}

select#selectPrductSort {
    cursor: pointer;
}

.product-collateral #more_info_sheets p {
    margin:0px!important;
    line-height: 1.6em!important;
}

.stokgudang {
    background: #fff;
    margin: 0;
    padding: 10px;
    font-family: 'Oswald', sans-serif !important;
}
.stokgudang .clear {
    clear: both;
}
.stokgudang #content {
    min-height: 500px;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #000000;
}
.stokgudang #content .error h3 {
    margin: 3px 0px;
}
.stokgudang #content .error p {
    margin: 0px!important;
    font-family: 'arial', sans-serif !important;
    font-size: 13px;
}
.stokgudang .title {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    text-align: center;
    padding: 10px 0px;
    text-transform: uppercase !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: bold;
    margin-bottom: 10px;
}
.stokgudang #content .error span.close {
    font-family: 'arial', sans-serif !important;
}

.stokgudang #content form input {
    width: 250px;
    border-radius: 3px;
    border: 1px solid #d2cfcf;
    height: 25px;
    padding: 0 5px;
}
.stokgudang #content form button {
    font-size: 14px;
    background: #000;
    color: #fff;
    border: 1px solid #000;
    border-radius: 3px;
    font-family: 'Oswald', sans-serif !important;
}

.stokgudang #content table {
    width: 100%;
    border: 1px solid #000;
    border-spacing: 0px;
}

.stokgudang #content table th {
    background: #3E5063;
    color: #fff;
}
.stokgudang #content table th.left,
.stokgudang #content table td.left {
    text-align: left;
    padding: 2px 5px;
}
.stokgudang #content table th.center,
.stokgudang #content table td.center {
    text-align: center;
}

.stokgudang #content table th {
    font-family: 'Oswald', sans-serif !important;
    padding: 2px 5px;
}
.stokgudang #content table td {
    font-family: 'arial', sans-serif !important;
    font-weight: normal;
    border-bottom: 1px solid #f3f3f3;
    font-size: 13px;
    padding: 6px 5px;
}

.stokgudang #content table tfoot td {
    background: #f3f3f3;
    font-weight: bold;
}