/*
Company : koperasi karyawan bsm
Project : mykopkarbsm 1.0
Created Date : June 23, 2020
Creator : IT kopkar bsm
*/
/*
f9f9f2 : bg abu2 tipis (dcdcd6) - eafdf1
3f736f : hijau background
79a3a0 : hijau garis (e1f0e1)
fcd400 : orange
009488 : hijau bg atas
e98f7a : border focus
*/
body {
font-size: 14px;
font-family: verdana, Arial, Helvetica, sans-serif;
color: #333333;
background-color: #FFFFFF;
margin: 0 auto;
}
@font-face {
font-family: 'menu';
src:
url('../fonts/PatrickHand-Regular.ttf') format('truetype');
}
@font-face {
font-family: 'title';
src:
url('../fonts/SquadaOne-Regular.ttf') format('truetype');
}
@font-face {
font-family: 'poppins';
src:
url('../fonts/Poppins-Regular.ttf') format('truetype');
}
@font-face {
font-family: 'button';
src:
url('../fonts/Poppins-Regular.ttf') format('truetype');
}
.mandatory {
font-size: 15px;
color: #FF0000;
padding-right: 3px;
}
a,a:hover { text-decoration:none; }
#loading {
overflow:hidden;
position:fixed;
top: 0;
left: 0;
z-index: 999999100;
width: 100%;
height: 100%;
text-indent:100%;
background-color: #FFFFFF;
background-image: url("../img/loading_new_2.0.gif");
background-repeat: no-repeat;
background-position: center;
}
#rewrite_bg {
display:none;
position:fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-indent:100%;
background-repeat: no-repeat;
background-position: center;
background-color: #FFFFFF;
opacity: 0.9;
z-index:999;
/*z-index:29999999;*/
}
#rewrite_bg_2 {
display:none;
position:fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-indent:100%;
background-repeat: no-repeat;
background-position: center;
background-color: #FFFFFF;
opacity: 0.9;
z-index:9999;
/*z-index:39999999;*/
}
#rewrite_bg_new {
display:none;
position:fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-indent:100%;
background-repeat: no-repeat;
background-position: center;
background-color: #FFFFFF;
/*opacity: 0.9;*/
z-index: 99999999100;
}
/* main */
#main {
/*display: none;*/
width: 100%;
}
/* message */
#main #message_gagal {
z-index:99999; display:inline-block; position:fixed;
top:45px;
right:5px;
font-family: 'poppins',verdana,helvetica,sans-serif;
font-size: 14px;
color: #FF0000;
text-align: left;
background-color: #faeaea;
border: 1px solid #FF0000;
padding: 10px 10px 10px 10px;
margin: 10px 10px 10px 10px;
border-radius: 4px;
}
#main #message_berhasil {
z-index:99999; display:inline-block; position:fixed;
top:45px;
right:5px;
font-family: 'poppins',verdana,helvetica,sans-serif;
font-size: 14px;
color: #0000FF;
text-align: left;
background-color: #ebfaea;
border: 1px solid #2CE408;
padding: 10px 10px 10px 10px;
margin: 10px 10px 10px 10px;
border-radius: 4px;
}
#main #message_info_daftar {
z-index:999; display:inline-block; position:fixed;
top:45px;
right:5px;
font-family: 'poppins',verdana,helvetica,sans-serif;
font-size: 13px;
color: #0000FF;
text-align: left;
background-color: #ebfaea;
border: 1px solid #2CE408;
padding: 10px 10px 10px 10px;
margin: 10px 10px 10px 10px;
border-radius: 4px;
}
#main #message_info_daftar .button_info {
border:none;
cursor: pointer;
text-decoration:none;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #FFFFFF;
font-size: 14px;
text-align: left;
background-color:#3f736f;
padding: 8px 10px 8px 10px;
border-radius:6px;
}
/* tooltip */
#main #message_tooltip_info {
display:none;
right:5px;z-index:99999; position:fixed;
background-color: #ebfaea;
border: 1px solid #2CE408;
padding: 10px 10px 10px 10px;
margin: 10px 10px 10px 10px;
border-radius: 4px;
width:75%;
top:100px;
}
#main #message_tooltip_info .frame_flex {
display:flex;
width:100%;
margin:2px 0px 2px 0px;
}
#main #message_tooltip_info .frame_flex .close {
width:15%;
text-align:left;
}
#main #message_tooltip_info .frame_flex .close .img {
border:0;
width:15px;
cursor:pointer;
}
#main #message_tooltip_info .frame_flex .judul {
width:85%;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 14px;
text-align:left;
font-weight:bold;
}
#main #message_tooltip_info .isi {
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 13px;
text-align:justify;
padding:4px 4px 4px 4px;
}
/* space */
#main #space_top {
/*margin-top:30px; margin-bottom:10px;*/
}
#main #space {
/*margin-top:10px; margin-bottom:10px;*/
}
/* end - space */
/* back to top */
#main #backtotop {
z-index:9999999;
position:fixed;
display:inline-block;
background-color:#3f736f;
visibility:hidden;
bottom:50px;
right:10px;
width:36px;
height:36px;
line-height:36px;
opacity:.2;
border-radius:5px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color:#FFFFFF;
font-size:18px;
text-align:center;
}
#main #backtotop.visible{
visibility:visible;
opacity:.7;
}
/* close webview */
#main #backtohome_ppob {
z-index:9999999; position:absolute; top:4px; right:8px; border-radius:50px; cursor:pointer; background-color:#FFFFFF; padding:4px;
}
#main #backtohome_ppob .close {
background-color:#3f736f; border-radius:50px; color:#FFFFFF; padding:4px; font-size:14px;
}
/* end */
#main #page_frame_atas {
position:fixed !important;
padding: 2px 0px 2px 0px;
margin: 0px 0px 5px -7px;
top:0px;
z-index: 999;
width: 100%;
background-color: #f3f1f1;
border-bottom:2px solid #e6e4e4;
/* background-color: #f0eeee; */
}
#main #page_frame_atas .header_kiri_atas {
position:fixed;
top:0px;
background: url("../img/header_kiri_atas.png") no-repeat;
height:188px;
width:100px;
}
#main .header_kanan_bawah {
position:relative;
bottom:0;
right:-20px;
float:right;
background: url("../img/header_kanan_bawah.png") no-repeat;
height:140px;
width:120px;
}
#main #page_frame_atas .apps {
float:left;
padding: 0px 0px 0px 0px;
margin-top:2px;
border-radius: 2px;
height:48px;
width:48%;
background: url("../img/logo.png") no-repeat left;
background-position: 10px 0px;
background-size: 64px 45px;
}
#main #page_frame_atas .menu_atas {
float:right;
text-align:right;
padding: 7px 0px 0px 0px;
margin: 0px 15px 0px 0px;
margin-top:2px;
border-radius: 2px;
height:40px;
width:45%;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #FF0000;
font-size: 12px;
font-weight:bold;
vertical-align:top;
}
#main #page_frame_atas .menu_atas .sub_menu_lonceng, #main #page_frame_atas .menu_atas .sub_menu_m_vertical {
text-decoration:none;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #FF0000;
font-size: 12px;
font-weight:bold;
vertical-align:middle;
}
#main #page_frame_atas .menu_atas .sub_menu_lonceng .lonceng {
height:20px;
padding: 0px 0px 0px 0px;
}
#main #page_frame_atas .menu_atas .sub_menu_m_vertical .m_vertical {
height:35px;
padding: 0px 2px 0px 20px;
}
#main #page_frame_atas .menu_atas .menu_hide {
position:fixed;
top:55px;
right:-160px;
background-color:#f3f1f1;
width:150px;
border-radius:4px;
-webkit-transition: 0.5s;
transition: 0.5s;
}
#main #page_frame_atas .menu_atas .menu_show {
position:fixed;
top:55px;
right:15px;
background-color:#f3f1f1;
width:150px;
border-radius:8px;
}
/* content menu atas */
#main #page_frame_atas .menu_atas .menu_hide .content_menu_hide_home, #main #page_frame_atas .menu_atas .menu_show .content_menu_hide_home {
display:flex;
text-decoration:none;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 15px;
font-weight:normal;
border-radius:2px;
border:1px solid #dbd9d9;
height:35px;
padding:10px 10px 0px 50px;
background: url("../img/menu_atas_home.png") #FFFFFF 5px no-repeat;
background-size: 30px 30px;
}
#main #page_frame_atas .menu_atas .menu_hide .content_menu_hide_share, #main #page_frame_atas .menu_atas .menu_show .content_menu_hide_share {
display:flex;
text-decoration:none;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 15px;
font-weight:normal;
border:1px solid #dbd9d9;
border-radius:2px;
/* justify-content:flex-end; */
height:35px;
padding:10px 10px 0px 50px;
background: url("../img/menu_atas_share.png") #FFFFFF 5px no-repeat;
background-size: 30px 29px;
}
#main #page_frame_atas .menu_atas .menu_hide .content_menu_hide_rateus, #main #page_frame_atas .menu_atas .menu_show .content_menu_hide_share_rateus {
display:flex;
text-decoration:none;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 15px;
font-weight:normal;
border:1px solid #dbd9d9;
border-radius:2px;
/* justify-content:flex-end; */
height:35px;
padding:10px 10px 0px 50px;
background: url("../img/menu_atas_rate_us.png") #FFFFFF 5px no-repeat;
background-size: 30px 20px;
}
#main #page_frame_atas .menu_atas .menu_hide .content_menu_hide_logout, #main #page_frame_atas .menu_atas .menu_show .content_menu_hide_share_logout {
display:flex;
text-decoration:none;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 15px;
font-weight:normal;
border:1px solid #dbd9d9;
border-radius:2px;
/* justify-content:flex-end; */
height:35px;
padding:10px 10px 0px 50px;
background: url("../img/menu_atas_logout.png") #FFFFFF 5px no-repeat;
background-size: 26px 30px;
}
/* popup share */
#main #page_frame_atas #popup_share {
z-index:999;
position:fixed;
top:50px;
right:35px;
text-align: center;
background-color: #ebfaea;
border: 2px solid #3f736f;
padding: 5px 5px 5px 5px;
margin: 5px 5px 5px 5px;
border-radius: 8px;
display:none;
}
#main #page_frame_atas #popup_share .share_desc {
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 13px;
text-align:left;
}
#main #page_frame_atas #popup_share .share_sub {
display:flex;
margin-bottom:18px;
}
#main #page_frame_atas #popup_share .share_sub .share_link_a {
padding: 2px 15px 2px 15px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 9px;
text-align:center;
}
#main #page_frame_atas #popup_share .share_sub .share_link_a img {
width: 40px;
}
/* slider */
#main #page_frame_slider {
margin-top:2px;
padding: 2px 2px 2px 2px;
text-align:center;
}
#main #page_frame_slider .hello_user {
padding:5px 5px 5px 5px;
margin-top:5px;
margin-bottom:5px;
font-family: 'menu',arial,helvetica,sans-serif;
color: #000000;
font-size: 17px;
text-align: center;
}
#main #page_frame_slider .container {
max-width: 900px;
padding: 5px;
background-color: #fff;
margin-left: auto;
margin-right: auto;
}
#main #page_frame_slider .container .slider .slick-slide img {
width: 100%;
border-radius:6px;
}
#main #page_frame_slider .slider_temp {
margin: auto;
text-align:center;
margin-top:15px;
margin-bottom:32px;
}
#main #page_frame_slider .slider_temp img {
width: 325px;
margin: auto;
border-radius:6px;
}
/* header */
#main #page_frame_wallet {
margin-top:2px; padding: 2px; text-align:center;
}
#main #page_frame_wallet .frame_head_pg {
display:flex; padding:5px; margin-top:5px;
/*border:1px solid #79a3a0; border-radius:6px; box-shadow: 4px 6px #d4d0d0;*/
}
#main #page_frame_wallet .frame_head_pg a {
text-decoration:none; color:#000000;
}
#main #page_frame_wallet .frame_head_pg .isi_head_pg_left {
display:flex; width:50%;
}
#main #page_frame_wallet .frame_head_pg .isi_head_pg_left .nominal {
width:79%;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
font-size: 13px;
color:#000000;
text-align:left;
}
#main #page_frame_wallet .frame_head_pg .isi_head_pg_left .fr_img {
width:19%; padding: 2px;
}
#main #page_frame_wallet .frame_head_pg .isi_head_pg_left .fr_img .img {
/*
border:0;
width:35px;
height:35px;
margin-right:10px;
background-color:#3f736f;
border-radius:6px;
padding: 7px 6px 7px 6px;
*/
border:0; margin-right:10px; padding: 2px; width:30px;
}
#main #page_frame_wallet .frame_head_pg .isi_head_pg_right {
margin-left: auto;
margin-right: 0;
width:20%;
}
#main #page_frame_wallet .frame_head_pg .isi_head_pg_right .img {
border:0; width:30px;
}
#main #page_frame_wallet .frame_head_pg .isi_head_pg_right #keranjang_nilai {
color:#FFFFFF;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
font-size: 10px;
vertical-align:top;
background-color:#FF0000;
border-radius:6px;
padding: 2px 4px 2px 4px;
}
/* end slider ----- */
/* paylater butuh konfirmasi */
#main #frame_paylater_konfirmasi {
padding: 1px 1px 1px 1px;
}
#main #frame_paylater_konfirmasi .paylater_konfirmasi {
padding:12px 12px 12px 12px;
margin:3px 0px 3px 0px;
border:2px solid #3f736f;
border-radius:15px;
}
#main #frame_paylater_konfirmasi .paylater_konfirmasi .link {
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
font-size: 13px;
color:#000000;
text-decoration:none;
}
/* end */
#main #page_frame_menu {
/* margin-top:1px; padding: 2px 2px 2px 2px; */
}
#main #page_frame_menu .title {
font-family: 'title',verdana,helvetica,sans-serif;
color: #000000;
font-size: 20px;
text-align: left;
}
/* menu */
#main #page_frame_menu #menu {
padding: 2px;
display:flex;
flex-wrap: wrap;
flex-direction: row;
/*justify-content: center;*/
}
#main #page_frame_menu #menu .menu_list {
padding: 2px 2px 2px 2px;
border-radius:4px;
text-align: center;
margin:0px 0px 6px 2px;
}
#main #page_frame_menu #menu .menu_list .menu_a {
text-decoration:none;
font-family: 'menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 15px;
text-align: center;
}
#main #page_frame_menu #menu .menu_list .menu_a img {
width: 75px;
border:0;
border-radius:4px;
}
/* end menu ----------- */
/* info terbaru */
#main #page_frame_info_terbaru {
margin-top:25px;
padding: 10px 2px 2px 5px;
border-radius:4px;
}
#main #page_frame_info_terbaru .title {
float:left;
font-family: 'title',verdana,helvetica,sans-serif;
color: #000000;
font-size: 20px;
text-align: left;
}
#main #page_frame_info_terbaru .lihat_semua {
float:right;
padding-right:5px;
}
#main #page_frame_info_terbaru .lihat_semua .button_home_inf_terbaru {
text-decoration:none;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #FFFFFF;
font-size: 14px;
text-align: left;
background-color:#3f736f;
padding: 3px 6px 3px 6px;
border-radius:4px;
}
#main #page_frame_info_terbaru .desc {
margin-top:30px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 13px;
text-align: left;
}
/* scroll info terbaru home */
#main #page_frame_info_terbaru .bingkai_artikel {
width: 96%;
padding: 5px;
background-color: #fff;
margin-left: auto;
margin-right: auto;
}
#main #page_frame_info_terbaru .bingkai_artikel .bingkai_artikel_slider .slick-slide a img {
width:230px;
border-radius:8px;
}
#main #page_frame_info_terbaru .bingkai_artikel .bingkai_artikel_slider .slick-slide .space {
margin: 0px 15px 0px 15px;
}
#main #page_frame_info_terbaru .bingkai_artikel .bingkai_artikel_slider .slick-slide a .judul_artikel { /* responsive */
width:230px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 12px;
text-align: left;
font-weight:bold;
}
#main #page_frame_info_terbaru .bingkai_artikel .bingkai_artikel_slider .slick-slide a .isi_artikel { /* responsive */
width:230px;
font-family: 'poppins', arial,helvetica,sans-serif;
color: #000000;
font-size: 11px;
text-align: left;
}
/* end */
/* info terbaru lihat semua */
#main #info_terbaru_lihat_semua {
margin-top:10px;
padding: 2px 2px 2px 2px;
}
#main #info_terbaru_lihat_semua .navigate_menu,
#main #helpdesk .navigate_menu,
#main #edit_profil .navigate_menu,
#main #info .navigate_menu {
width:100%;
padding: 10px;
font-family: 'poppins','menu',verdana, times new roman, sans-serif;
color: #FFFFFF;
font-size: 16px;
text-align: left;
background-color: #3f736f;
margin-bottom:10px;
}
#main #info_terbaru_lihat_semua .container {
max-width: 900px;
padding: 5px;
background-color: #fff;
margin-left: auto;
margin-right: auto;
margin-top:10px;
}
#main #info_terbaru_lihat_semua .slider .slick-slide img {
width: 100%;
border-radius:6px;
}
#main #info_terbaru_lihat_semua .search {
padding: 15px 1px 1px 1px;
/*
position: -webkit-sticky;
position: sticky;
top: 60px;
*/
/* border:1px solid #FF0000; */
}
#main #info_terbaru_lihat_semua .search form .field {
padding: 4px 4px 4px 4px;
text-align: center;
width: 100%;
vertical-align:top;
}
#main #info_terbaru_lihat_semua .search form .field .left {
float:left;
}
#main #info_terbaru_lihat_semua .search form .field .left a {
text-decoration:none;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #FFFFFF;
font-size: 24px;
text-align: left;
background-color:#3f736f;
padding: 0px 6px 0px 6px;
border-radius:4px;
}
#main #info_terbaru_lihat_semua .search form .field input, #main #info_terbaru_lihat_semua .search form .field input:focus {
-moz-appearance: none;
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
border-radius: 6px;
border: 4px solid #3f736f;
box-shadow: 5px 10px #888888;
text-decoration: none;
width: 75%;
font-family: 'poppins',verdana,arial,helvetica;
font-size: 14px;
height: 30px;
outline: 0;
}
#main #info_terbaru_lihat_semua .bingkai_artikel_semua {
margin-top:1px;
padding: 1px 1px 1px 1px;
}
#main #info_terbaru_lihat_semua .bingkai_artikel_semua .info_terbaru_bottom {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#main #info_terbaru_lihat_semua .bingkai_artikel_semua ul {
padding: 2px 2px 2px 2px;
border-radius:4px;
}
#main #info_terbaru_lihat_semua .bingkai_artikel_semua ul li {
display:inline-block;
margin-top:10px;
margin-bottom:10px;
margin-right:10px;
padding: 2px 2px 2px 2px;
text-align: center;
border-bottom: 2px solid #e1f0e1;
height:450px;
width:330px;
vertical-align:top;
}
#main #info_terbaru_lihat_semua .bingkai_artikel_semua ul .li_no_data {
display:inline-block;
margin-top:10px;
margin-bottom:10px;
margin-right:10px;
padding: 2px 2px 2px 2px;
text-align: center;
border-bottom: 2px solid #e1f0e1;
height:185px;
width:330px;
vertical-align:top;
}
#main #info_terbaru_lihat_semua .bingkai_artikel_semua ul li a {
text-decoration:none;
}
#main #info_terbaru_lihat_semua .bingkai_artikel_semua ul li a img {
width:330px;
border-radius:8px;
}
#main #info_terbaru_lihat_semua .bingkai_artikel_semua ul li a .judul_artikel {
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 13px;
text-align: left;
font-weight:bold;
}
#main #info_terbaru_lihat_semua .bingkai_artikel_semua ul li a .isi_artikel {
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 12px;
text-align: left;
}
#main #info_terbaru_lihat_semua .bingkai_artikel_semua ul li.loading {
list-style-type: none;
padding: 2px 2px 2px 2px;
margin-top:4px;
color: #000000;
font-size: 11px;
font-family: 'poppins','menu',verdana;
text-align:center;
display:none;
font-weight:bold;
height:10px;
width:330px;
border:none;
}
#main #info_terbaru_lihat_semua .bingkai_artikel_semua ul li.remove {
list-style-type: none;
padding: 0px 0px 0px 0px;
margin-top:0px;
height:1px;
width:330px;
border:none;
}
/* loading scroll */
#main #info_terbaru_lihat_semua #loader_message {
padding:2px 2px 2px 2px;
}
#main #info_terbaru_lihat_semua #loader_message_inside {
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 13px;
border:1px solid #3f736f;
border-radius:4px;
height:35px;
padding:15px 10px 0px 35px;
}
#main #info_terbaru_lihat_semua #loader_message_inside_img {
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 13px;
border:1px solid #3f736f;
border-radius:4px;
height:35px;
padding:15px 10px 0px 35px;
background: url("../img/loader_scroll.gif") #FFFFFF 5px no-repeat;
background-size: 24px 24px;
}
/* end */
/* button group */
#main #info_terbaru_lihat_semua .bingkai_artikel_semua .button,
#main #page_registrasi .bingkai_registrasi form .field .button,
#main #page_registrasi .bingkai_registrasi .button,
#main #page_registrasi .bingkai_registrasi_aktivasi form .field_noborder .button,
#main #page_registrasi .bingkai_registrasi_aktivasi form .field .button,
#main #page_registrasi .bingkai_registrasi_reset form .field_noborder .button,
#main #page_frame_isi .bingkai_pembiayaan form .sub_2 .field .button,
#main #page_frame_isi .space .button, #main #setting .space .button,
#main #setting .bingkai_ganti_password form .field .button, #main #setting .bingkai_ganti_password form .field_noborder .button,
#main #helpdesk .space .button, #main #helpdesk .bingkai_helpdesk form .field .button, #main #helpdesk .bingkai_helpdesk .button,
#main #helpdesk .space .button, #main #edit_profil .space .button,
#main #helpdesk .bingkai_helpdesk .hd_clear .button,
#main #edit_profil .bingkai_edit_profil form .field .button, #main #edit_profil .bingkai_edit_profil .button,
#main #info .space .button, #main #info .bingkai_info .bingkai_info_isi .button, #main #info .bingkai_info .button,
#main #info_terbaru_lihat_semua .bingkai_artikel_isi .button,
#main #info_terbaru_lihat_semua .bingkai_artikel_semua .info_terbaru_bottom .button,
#main #page_registrasi .bingkai_lupa_front .desc .button,
#main #page_registrasi .bingkai_lupa_front form .field .button
{
border:none;
cursor: pointer;
text-decoration:none;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
font-size: 15px;
color: #FFFFFF;
text-align: left;
background-color:#3f736f;
padding: 10px 30px 10px 30px;
border-radius:6px;
}
/* end */
#main #info_terbaru_lihat_semua .bingkai_artikel_isi {
margin-top:1px;
padding: 1px 1px 1px 5px;
}
#main #info_terbaru_lihat_semua .bingkai_artikel_isi img {
width:340px;
border-radius:6px;
}
#main #info_terbaru_lihat_semua .bingkai_artikel_isi .frame_img {
padding: 1px 1px 1px 1px;
}
#main #info_terbaru_lihat_semua .bingkai_artikel_isi .frame_img .img {
width: 325px;
border-radius:6px;
border:0;
}
#main #info_terbaru_lihat_semua .bingkai_artikel_isi .judul_artikel { /* responsive */
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 14px;
text-align: left;
font-weight:bold;
}
#main #info_terbaru_lihat_semua .bingkai_artikel_isi .isi_artikel { /* responsive */
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 13px;
text-align: justify;
}
#main #info_terbaru_lihat_semua .bingkai_artikel_isi .frame_video {
padding: 10px 10px 10px 10px;
}
#main #info_terbaru_lihat_semua .bingkai_artikel_isi .frame_video .video_youtube_responsive {
overflow:hidden;
padding-bottom:56.25%;
position:relative;
height:0;
}
#main #info_terbaru_lihat_semua .bingkai_artikel_isi .frame_video .video_youtube_responsive iframe {
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}
/* end info terbaru --------------- */
/* first */
#main #page_frame_first {
margin-top:70px;
padding: 10px 2px 2px 5px;
background-color:#f9f9f2;
border-radius:4px;
}
#main #page_frame_first .desc {
margin-top:30px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 13px;
text-align: center;
}
#main #page_frame_first .bingkai_first {
margin-top:5px;
padding: 2px 1px 2px 1px;
width:100%;
text-align:center;
}
#main #page_frame_first .bingkai_first ul {
padding: 2px 2px 2px 2px;
border-radius:4px;
}
#main #page_frame_first .bingkai_first ul li {
display:inline-block;
margin-top:10px;
margin-right:10px;
padding: 2px 2px 2px 2px;
text-align: center;
border: 5px solid #FFFFFF;
background-color:#FFFFFF;
border-radius:8px;
height:150px;
}
#main #page_frame_first .bingkai_first ul li img {
width:130px;
border-radius:8px;
vertical-align:middle;
}
/* end - first */
/* registrasi */
#main #page_registrasi {
margin-top:1px;
padding: 5px 2px 2px 5px;
border-radius:4px;
}
#main #page_registrasi .bingkai_registrasi_top .frame_img {
padding: 2px 2px 2px 2px;
text-align:center;
}
#main #page_registrasi .bingkai_registrasi_top .frame_img .img {
width:340px; border:0;
}
#main #page_registrasi .bingkai_registrasi_top .frame_left {
padding: 2px 2px 2px 2px;
text-align:left;
}
#main #page_registrasi .bingkai_registrasi,
#main #page_registrasi .bingkai_registrasi_top,
#main #page_registrasi .bingkai_lupa_front {
padding: 2px 1px 2px 1px;
text-align:left;
border-radius:4px;
}
#main #page_registrasi .bingkai_registrasi form .field_noborder,
#main #page_registrasi .bingkai_registrasi_aktivasi form .field_noborder,
#main #page_registrasi .bingkai_registrasi_reset form .field_noborder {
padding: 4px 2px 4px 2px;
margin-top: 4px;
font-size: 15px;
font-family: 'poppins',verdana,arial,helvetica;
color: #000000;
}
#main #page_registrasi .bingkai_registrasi form .field,
#main #page_registrasi .bingkai_registrasi_aktivasi form .field,
#main #page_registrasi .bingkai_registrasi_reset form .field {
padding: 4px 2px 4px 2px;
margin-top: 4px;
font-size: 15px;
font-family: 'poppins',verdana,arial,helvetica;
color: #000000;
text-align:left;
}
#main #page_registrasi .bingkai_registrasi form .field .judul_field,
#main #page_registrasi .bingkai_registrasi_aktivasi form .field .judul_field,
#main #page_registrasi .bingkai_registrasi_reset form .field .judul_field {
font-size: 15px;
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #80776a;
padding-left: 5px;
}
/* check box style */
#main #page_registrasi .bingkai_registrasi form .field .judul_field .frame_checkbox,
#paylater form .akad_setuju_disclaimer .frame_checkbox,
#main #mystore #mp_isi form .akad_setuju_disclaimer .frame_checkbox,
#popup_rating .frame .frame_checkbox,
#mystore #mp_isi #frame_bingkai_scroll .frame_data .mp_frame_produk .row_isi .frame_checkbox,
#main #kantin .keranjang form .frame_no_flex .frame_checkbox {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 12px;
cursor: pointer;
font-size: 22px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 13px;
text-align: left;
}
/* Hide the browser's default checkbox */
#main #page_registrasi .bingkai_registrasi form .field .judul_field .frame_checkbox input[type="checkbox"],
#paylater form .akad_setuju_disclaimer .frame_checkbox input[type="checkbox"],
#main #mystore #mp_isi form .akad_setuju_disclaimer .frame_checkbox input[type="checkbox"],
#popup_rating .frame .frame_checkbox input[type="checkbox"],
#mystore #mp_isi #frame_bingkai_scroll .frame_data .mp_frame_produk .row_isi .frame_checkbox input[type="checkbox"],
#main #kantin .keranjang form .frame_no_flex .frame_checkbox input[type="checkbox"] {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
/* Create a custom checkbox */
#main #page_registrasi .bingkai_registrasi form .field .judul_field .frame_checkbox .checkmark,
#paylater form .akad_setuju_disclaimer .frame_checkbox .checkmark,
#main #mystore #mp_isi form .akad_setuju_disclaimer .frame_checkbox .checkmark,
#popup_rating .frame .frame_checkbox .checkmark,
#mystore #mp_isi #frame_bingkai_scroll .frame_data .mp_frame_produk .row_isi .frame_checkbox .checkmark,
#main #kantin .keranjang form .frame_no_flex .frame_checkbox .checkmark {
position: absolute; top: 0; left: 0; height: 25px; width: 25px;
background-color: #eee; border:1px solid #3f736f; border-radius:4px;
}
/* On mouse-over, add a grey background color */
#main #page_registrasi .bingkai_registrasi form .field .judul_field .frame_checkbox:hover input[type="checkbox"] ~ .checkmark,
#paylater form .akad_setuju_disclaimer .frame_checkbox:hover input[type="checkbox"] ~ .checkmark,
#main #mystore #mp_isi form .akad_setuju_disclaimer .frame_checkbox:hover input[type="checkbox"] ~ .checkmark,
#popup_rating .frame .frame_checkbox:hover input[type="checkbox"] ~ .checkmark,
#mystore #mp_isi #frame_bingkai_scroll .frame_data .mp_frame_produk .row_isi .frame_checkbox:hover input[type="checkbox"] ~ .checkmark,
#main #kantin .keranjang form .frame_no_flex .frame_checkbox:hover input[type="checkbox"] ~ .checkmark {
background-color: #ccc;
}
/* When the checkbox is checked, add a blue background */
#main #page_registrasi .bingkai_registrasi form .field .judul_field .frame_checkbox input[type="checkbox"]:checked ~ .checkmark,
#paylater form .akad_setuju_disclaimer .frame_checkbox input[type="checkbox"]:checked ~ .checkmark,
#main #mystore #mp_isi form .akad_setuju_disclaimer .frame_checkbox input[type="checkbox"]:checked ~ .checkmark,
#popup_rating .frame .frame_checkbox input[type="checkbox"]:checked ~ .checkmark,
#mystore #mp_isi #frame_bingkai_scroll .frame_data .mp_frame_produk .row_isi .frame_checkbox input[type="checkbox"]:checked ~ .checkmark,
#main #kantin .keranjang form .frame_no_flex .frame_checkbox input[type="checkbox"]:checked ~ .checkmark {
background-color: #3f736f;
}
/* Create the checkmark/indicator (hidden when not checked) */
#main #page_registrasi .bingkai_registrasi form .field .judul_field .frame_checkbox .checkmark:after,
#paylater form .akad_setuju_disclaimer .frame_checkbox .checkmark:after,
#main #mystore #mp_isi form .akad_setuju_disclaimer .frame_checkbox .checkmark:after,
#popup_rating .frame .frame_checkbox .checkmark:after,
#mystore #mp_isi #frame_bingkai_scroll .frame_data .mp_frame_produk .row_isi .frame_checkbox .checkmark:after,
#main #kantin .keranjang form .frame_no_flex .frame_checkbox .checkmark:after {
content: "";
position: absolute;
display: none;
}
/* Show the checkmark when checked */
#main #page_registrasi .bingkai_registrasi form .field .judul_field .frame_checkbox input[type="checkbox"]:checked ~ .checkmark:after,
#paylater form .akad_setuju_disclaimer .frame_checkbox input[type="checkbox"]:checked ~ .checkmark:after,
#main #mystore #mp_isi form .akad_setuju_disclaimer .frame_checkbox input[type="checkbox"]:checked ~ .checkmark:after,
#popup_rating .frame .frame_checkbox input[type="checkbox"]:checked ~ .checkmark:after,
#mystore #mp_isi #frame_bingkai_scroll .frame_data .mp_frame_produk .row_isi .frame_checkbox input[type="checkbox"]:checked ~ .checkmark:after,
#main #kantin .keranjang form .frame_no_flex .frame_checkbox input[type="checkbox"]:checked ~ .checkmark:after {
display: block;
}
/* Style the checkmark/indicator */
#main #page_registrasi .bingkai_registrasi form .field .judul_field .frame_checkbox .checkmark:after,
#paylater form .akad_setuju_disclaimer .frame_checkbox .checkmark:after,
#main #mystore #mp_isi form .akad_setuju_disclaimer .frame_checkbox .checkmark:after,
#popup_rating .frame .frame_checkbox .checkmark:after,
#mystore #mp_isi #frame_bingkai_scroll .frame_data .mp_frame_produk .row_isi .frame_checkbox .checkmark:after,
#main #kantin .keranjang form .frame_no_flex .frame_checkbox .checkmark:after {
left: 9px;
top: 5px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
/* end */
#main #page_registrasi .bingkai_registrasi form .field .file_foto,
#paylater form .akad_foto .file_foto,
#main #mystore #mp_isi form .akad_setuju_disclaimer .file_foto {
text-decoration:none;
cursor: pointer;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 13px;
text-align: left;
padding: 10px 6px 10px 40px;
background: url("../img/browse_foto.png") #FFFFFF 2px no-repeat;
background-size: 35px 35px;
height:30px;
border-radius:6px;
border:1px solid #79a3a0;
}
#main #page_registrasi .bingkai_registrasi form .field_noborder .b_left {
float:left;
width:48%;
height:100px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 12px;
text-align: left;
}
#main #page_registrasi .bingkai_registrasi form .field_noborder .b_left .button_first_left {
border:none;
cursor: pointer;
text-decoration:none;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #FFFFFF;
font-size: 12px;
text-align: left;
background-color:#3f736f;
padding: 8px 10px 8px 10px;
border-radius:6px;
}
#main #page_registrasi .bingkai_registrasi form .field_noborder .b_left #tampil_detik {
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 11px;
text-align: left;
}
#main #page_registrasi .bingkai_registrasi form .field_noborder .b_right {
float:right;
width:48%;
height:100px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 12px;
text-align: left;
}
#main #page_registrasi .bingkai_registrasi form .field_noborder .b_right .button_first_right {
border:none;
cursor: pointer;
text-decoration:none;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 12px;
text-align: left;
background-color:#e7b82b;
padding: 8px 10px 8px 10px;
border-radius:6px;
}
/* browse file */
#main #page_registrasi .bingkai_registrasi form .field .show_file_name, #main #helpdesk .bingkai_helpdesk form .field_noborder .show_file_name_1,
,#main #helpdesk .bingkai_helpdesk form .field_noborder .show_file_name_2,
#main #page_frame_isi .bingkai_pembiayaan form .sub_2 .list_sub_2 .left .show_file_name_1,
#main #page_frame_isi .bingkai_pembiayaan form .sub_2 .list_sub_2 .left .show_file_name_2,
#main #page_frame_isi .bingkai_pembiayaan form .sub_2 .list_sub_2 .left .show_file_name_3,
#main #page_frame_isi .bingkai_pembiayaan form .sub_2 .list_sub_2 .left .show_file_name_4
{
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 11px;
text-align: left;
font-style:italic;
}
#main #page_registrasi .bingkai_registrasi_aktivasi, #main #page_registrasi .bingkai_registrasi_reset {
padding: 2px 1px 2px 1px;
width:100%;
text-align:left;
border-radius:4px;
display:none;
}
#main #page_registrasi .bingkai_registrasi_aktivasi form .field_noborder #tampil_detik,
#main #page_registrasi .bingkai_registrasi_reset form .field_noborder #tampil_detik {
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 11px;
text-align: left;
}
#main #page_registrasi .bingkai_lupa_front .desc {
margin-top:10px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 15px;
text-align: left;
}
#main #page_registrasi .bingkai_lupa_front .desc .img {
width: 250px; border:0;
}
#main #page_registrasi .bingkai_lupa_front .lupa_front {
display: flex;
padding: 4px;
margin-top:10px;
}
#main #page_registrasi .bingkai_lupa_front .lupa_front .list_lupa_front {
width:45%;
padding: 8px;
margin-right:10px;
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #000000;
font-size: 14px;
text-align: center;
cursor:pointer;
border:1px solid #79a3a0;
border-radius:4px;
}
#main #page_registrasi .bingkai_lupa_front .lupa_front .list_lupa_front .img {
width: 145px; border:0; border-radius:8px;
}
#main #page_registrasi .bingkai_lupa_front form .field {
padding: 4px 2px 4px 2px;
margin-top: 4px;
font-size: 12px;
font-family: 'poppins',verdana,arial,helvetica;
color: #000000;
text-align:left;
}
/* display:none; end - registrasi */
/* page isi */
#main #page_frame_isi {
padding: 2px;
}
#main #page_frame_isi .navigate_menu {
padding: 10px;
font-family: 'poppins','menu',verdana, times new roman, sans-serif;
color: #FFFFFF;
font-size: 16px;
text-align: left;
background-color: #3f736f;
margin-bottom:10px;
}
#main #page_frame_isi .navigate_menu .desc {
padding: 2px 2px 2px 2px;
font-family: 'poppins','menu',verdana, times new roman, sans-serif;
font-size: 14px;
color: #000000;
text-align: left;
}
#main #page_frame_isi .bingkai_simpanan {
padding: 2px 1px 2px 1px;
width:100%;
text-align:center;
border-radius:4px;
}
#main #page_frame_isi .bingkai_simpanan ul {
padding: 2px 2px 2px 5px;
}
#main #page_frame_isi .bingkai_simpanan ul li {
list-style-type: none;
margin-top:20px;
margin-right:10px;
padding: 10px 2px 10px 2px;
text-align: left;
border: 2px solid #e1f0e1;
border-radius:4px;
}
#main #page_frame_isi .bingkai_simpanan ul li a {
text-decoration:none;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 14px;
}
#main #page_frame_isi .bingkai_simpanan ul li a .right {
float:right;
}
#main #page_frame_isi .bingkai_simpanan ul li.detail {
list-style-type: none;
margin-top:5px;
margin-right:10px;
padding: 5px 2px 5px 2px;
border: 2px solid #e1f0e1;
border-radius:4px;
height:27px;
}
#main #page_frame_isi .bingkai_simpanan ul li.detail_no_data {
list-style-type: none;
margin-top:5px;
margin-right:10px;
padding: 5px 2px 5px 2px;
border: 2px solid #e1f0e1;
border-radius:4px;
height:240px;
}
#main #page_frame_isi .bingkai_simpanan ul li.detail .left {
float:left;
width:50%;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 14px;
text-align: left;
}
#main #page_frame_isi .bingkai_simpanan ul li.detail .right {
float:right;
width:50%;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 14px;
text-align: right;
}
#main #page_frame_isi .bingkai_simpanan ul li.detail_title {
list-style-type: none;
margin-top:5px;
margin-right:10px;
padding: 5px 2px 5px 10px;
text-align: left;
border: 2px solid #e6f2e9;
border-radius:4px;
background-color:#3f736f;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #FFFFFF;
font-size: 14px;
}
#main #page_frame_isi .bingkai_simpanan ul li.detail_title_grandtotal {
list-style-type: none;
margin-top:20px;
padding: 12px 10px 12px 10px;
border: 2px solid #04701f;
border-radius:4px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 14px;
text-align: left;
font-weight:bold;
}
#main #page_frame_isi .bingkai_simpanan ul li.detail_title .right, #main #page_frame_isi .bingkai_simpanan ul li.detail_title_grandtotal .right {
float:right;
}
/* outstanding */
#main #page_frame_isi .bingkai_simpanan ul li.detail_outstanding {
list-style-type: none;
margin-top:5px;
margin-right:10px;
padding: 5px 2px 5px 2px;
border: none;
height:180px;
border-bottom: 2px solid #e1f0e1;
border-radius:0px;
}
#main #page_frame_isi .bingkai_simpanan ul li.detail_outstanding .detail_outstanding_isi {
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 10px;
text-align: left;
}
#main #page_frame_isi .bingkai_simpanan ul li.detail_outstanding .left {
float:left;
width:70%;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 14px;
text-align: left;
}
#main #page_frame_isi .bingkai_simpanan ul li.detail_outstanding .right {
float:right;
width:30%;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 14px;
text-align: right;
}
#main #page_frame_isi .bingkai_simpanan ul.bingkai_transaksi_terakhir {
padding-left:2px;
}
#main #page_frame_isi .bingkai_simpanan ul.bingkai_transaksi_terakhir li.list_transaksi_terakhir {
list-style-type: none;
padding: 2px 2px 2px 2px;
margin-top:4px;
border:none;
}
#main #page_frame_isi .bingkai_simpanan ul.bingkai_transaksi_terakhir li.list_transaksi_terakhir a {
display:block;
width:270px;
height:30px;
padding: 14px 20px 2px 25px;
margin: 2px 2px 2px 2px;
color: #000000;
font-size: 15px;
font-family: 'poppins','menu',verdana;
text-align: left;
text-decoration:none;
background: url("../img/minus.png") #FFFFFF 2px no-repeat;
background-size: 15px 35px;
border-bottom:2px solid #79a3a0;
}
/* end - simpanan */
/* pembiayaan */
#main #page_frame_isi .bingkai_pembiayaan {
padding: 2px;
border-radius:4px;
text-align:center;
}
/* menu simulasi & ajukan pembiayaan */
#main #page_frame_isi .bingkai_pembiayaan .simulasi_ajukan {
display:flex;
padding: 4px;
}
#main #page_frame_isi .bingkai_pembiayaan .simulasi_ajukan .list_simlasi_ajukan {
width:50%;
margin-right:5px; margin-bottom: 10px; margin-top: 10px;
background-color:#f9f9f2;
border: 5px solid #f9f9f2;
border-radius:8px;
font-family: 'poppins',verdana,helvetica,sans-serif;
font-size: 14px;
color: #000000;
text-align: center;
cursor:pointer;
}
#main #page_frame_isi .bingkai_pembiayaan .simulasi_ajukan .list_simlasi_ajukan img {
border:0; width: 130px;
}
/* end */
#main #page_frame_isi .bingkai_pembiayaan .frame_list_pembiayaan {
display:flex;
padding:2px;
margin-bottom: 10px;
}
#main #page_frame_isi .bingkai_pembiayaan .frame_list_pembiayaan .combine {
padding:4px;
font-family: 'poppins','menu',verdana;
font-size: 13px;
color: #000000;
text-align: left;
}
#main #page_frame_isi .bingkai_pembiayaan .frame_list_pembiayaan .left {
width:55%;
padding: 0px 0px 0px 52px;
font-family: 'poppins','menu',verdana;
font-size: 13px;
color: #000000;
text-align: left;
background: url("../img/list_pembiayaan.png") #FFFFFF 2px no-repeat;
background-size: 45px 45px;
}
#main #page_frame_isi .bingkai_pembiayaan .frame_list_pembiayaan .right {
width:45%;
font-family: 'poppins','menu',verdana;
font-size: 13px;
color: #000000;
text-align:center;
}
#main #page_frame_isi .bingkai_pembiayaan .frame_list_pembiayaan .right .status {
padding: 6px 2px 6px 2px;
font-family: 'poppins','menu',verdana;
font-size: 13px;
color: #000000;
text-align: center;
font-weight:bold;
font-style:italic;
}
#main #page_frame_isi .bingkai_pembiayaan form .judul {
padding: 5px 20px 2px 25px;
margin-top: 5px; margin-bottom: 5px;
font-family: 'poppins','menu',verdana;
font-size: 14px;
color: #000000;
text-align: left;
background: url("../img/minus.png") #FFFFFF 2px no-repeat;
background-size: 15px 35px;
}
#main #page_frame_isi .bingkai_pembiayaan form .sub_2 {
padding: 2px;
}
#main #page_frame_isi .bingkai_pembiayaan form .sub_2 .list_sub_2 {
padding:4px;
display:flex;
border:1px solid #3f736f;
border-radius:4px;
margin-bottom:10px;
}
#main #page_frame_isi .bingkai_pembiayaan form .sub_2 .list_sub_2 .left {
width:50%;
padding: 4px;
font-family: 'poppins','menu',verdana;
font-size: 13px;
color: #000000;
text-align: left;
}
#main #page_frame_isi .bingkai_pembiayaan form .sub_2 .list_sub_2 .left .download_file {
width:100px;
margin-left: 10px;
padding: 6px;
font-family: 'poppins','menu',verdana;
font-size: 13px;
color: #FFFFFF;
text-align: center;
background-color:#3f736f;
border-radius:4px;
cursor: pointer;
text-decoration:none;
display:none;
}
#main #page_frame_isi .bingkai_pembiayaan form .sub_2 .list_sub_2 .left .img {
width:170px;
}
#main #page_frame_isi .bingkai_pembiayaan form .sub_2 .list_sub_2 .left_center {
width:50%;
padding: 4px;
font-family: 'poppins','menu',verdana;
font-size: 13px;
color: #000000;
text-align: center;
border-right:1px solid #e1f0e1;
}
#main #page_frame_isi .bingkai_pembiayaan form .sub_2 .list_sub_2 .right_center {
width:50%;
padding: 4px;
font-family: 'poppins','menu',verdana;
font-size: 13px;
color: #000000;
text-align:center;
border-left:1px solid #e1f0e1;
}
#main #page_frame_isi .bingkai_pembiayaan form .sub_2 .list_sub_2 .left_center_bg {
width:50%;
padding: 4px;
font-family: 'poppins','menu',verdana;
font-size: 13px;
color: #000000;
text-align:center;
border-right:1px solid #e1f0e1;
background-color:#abd7ab;
}
#main #page_frame_isi .bingkai_pembiayaan form .sub_2 .list_sub_2 .right_center_bg {
width:50%;
padding: 4px;
font-family: 'poppins','menu',verdana;
font-size: 13px;
color: #000000;
text-align:center;
border-right:1px solid #e1f0e1;
background-color:#abd7ab;
}
#main #page_frame_isi .bingkai_pembiayaan form .sub_2 .list_alert {
display:none;
font-family: 'poppins','menu',verdana;
font-size: 13px;
color: #FF0000;
text-align:left;
}
#main #page_frame_isi .bingkai_pembiayaan form .sub_2 .list_sub_2 .right {
width:50%;
padding: 4px;
font-family: 'poppins','menu',verdana;
font-size: 13px;
color: #000000;
text-align:right;
}
/* ajukan sekarang */
#main #page_frame_isi .bingkai_pembiayaan form .sub_2 .list_sub_2 .right .button {
border:none;
cursor: pointer;
text-decoration:none;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
font-size: 13px;
color: #FFFFFF;
text-align: left;
background-color:#3f736f;
padding: 4px 7px 4px 7px;
border-radius:6px;
}
#main #page_frame_isi .bingkai_pembiayaan form .sub_2 .list_sub_2 .right input[type="text"],
#main #page_frame_isi .bingkai_pembiayaan form .sub_2 .list_sub_2 .right select,
#main #page_frame_isi .bingkai_pembiayaan form .sub_2 .list_sub_2 .right input[type="tel"] {
width: 98%;
-moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; appearance: none;
background-color: #e1f0e1; border-radius: 4px; border: none; display: block; outline: 0;
padding: 6px;
font-family: 'poppins',arial,verdana,helvetica;
font-size: 13px;
text-decoration: none;
}
#main #page_frame_isi .bingkai_pembiayaan form .sub_2 .list_sub_2 .right input[type="text"]:focus,
#main #page_frame_isi .bingkai_pembiayaan form .sub_2 .list_sub_2 .right select:focus,
#main #page_frame_isi .bingkai_pembiayaan form .sub_2 .list_sub_2 .right input[type="tel"]:focus {
background-color: #abd7ab;
}
#main #page_frame_isi .bingkai_pembiayaan form .sub_2 .list_sub_2 .right .dok_pemb {
height:30px;
padding: 10px 6px 10px 40px;
border:1px solid #79a3a0;
border-radius:6px;
background: url("../img/file.png") #FFFFFF 2px no-repeat;
background-size: 35px 35px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 13px;
text-align: left;
cursor: pointer;
}
#main #page_frame_isi .bingkai_pembiayaan form .sub_2 .field {
padding: 4px;
vertical-align:top;
text-align: center;
}
/* end - pembiayaan */
#main #page_frame_isi .space {
padding-left:5px; margin-top:5px; margin-bottom:5px;
}
/* end - page isi */
/* setting */
#main #setting {
padding: 2px;
}
#main #setting .navigate_menu {
padding: 10px;
font-family: 'poppins','menu',verdana, times new roman, sans-serif;
color: #FFFFFF;
font-size: 16px;
text-align: left;
background-color: #3f736f;
margin-bottom:5px;
}
#main #setting .space {
padding-left:5px; margin-top:5px; margin-bottom:5px;
}
#main #setting .bingkai_setting {
margin-top:2px;
}
#main #setting .bingkai_setting ul {
padding-left:2px;
}
#main #setting .bingkai_setting ul li {
list-style-type: none;
padding: 2px;
margin-top:4px;
}
#main #setting .bingkai_setting ul li .s_edit_profil {
display:block;
height:30px;
padding: 14px 20px 2px 45px;
margin: 2px;
color: #000000;
font-size: 15px;
font-family: 'poppins','menu',verdana;
text-align: left;
text-decoration:none;
background: url("../img/setting_edit_profil.png") #FFFFFF 2px no-repeat;
background-size: 35px 35px;
}
#main #setting .bingkai_setting ul li .s_dok_pemb {
display:block;
height:30px;
padding: 14px 20px 2px 45px;
margin: 2px;
color: #000000;
font-size: 15px;
font-family: 'poppins','menu',verdana;
text-align: left;
text-decoration:none;
background: url("../img/setting_dokumen_pembiayaan.png") #FFFFFF 2px no-repeat;
background-size: 35px 35px;
}
#main #setting .bingkai_setting ul li .s_password {
display:block;
height:30px;
padding: 14px 20px 2px 45px;
margin: 2px;
color: #000000;
font-size: 15px;
font-family: 'poppins','menu',verdana;
text-align: left;
text-decoration:none;
background: url("../img/setting_edit_password.png") #FFFFFF 2px no-repeat;
background-size: 35px 35px;
}
#main #setting .bingkai_setting ul li .s_faq {
display:block;
height:30px;
padding: 14px 20px 2px 45px;
margin: 2px;
color: #000000;
font-size: 15px;
font-family: 'poppins','menu',verdana;
text-align: left;
text-decoration:none;
background: url("../img/setting_faq.png") #FFFFFF 2px no-repeat;
background-size: 35px 35px;
}
#main #setting .bingkai_setting ul li .s_lokasi {
display:block;
height:30px;
padding: 14px 20px 2px 45px;
margin: 2px;
color: #000000;
font-size: 15px;
font-family: 'poppins','menu',verdana;
text-align: left;
text-decoration:none;
background: url("../img/setting_lokasi.png") #FFFFFF 2px no-repeat;
background-size: 35px 35px;
}
#main #setting .bingkai_setting ul li .s_keluar_anggota {
display:block;
height:30px;
padding: 14px 20px 2px 45px;
margin: 2px;
color: #000000;
font-size: 15px;
font-family: 'poppins','menu',verdana;
text-align: left;
text-decoration:none;
background: url("../img/setting_keluar_anggota.png") #FFFFFF 2px no-repeat;
background-size: 35px 35px;
}
#main #setting .bingkai_setting ul li .s_paylater_pin {
display:block;
height:30px;
padding: 14px 20px 2px 45px;
margin: 2px;
color: #000000;
font-size: 15px;
font-family: 'poppins','menu',verdana;
text-align: left;
text-decoration:none;
background: url("../img/setting_paylater_pin.png") #FFFFFF 2px no-repeat;
background-size: 35px 35px;
}
#main #setting .bingkai_setting .err_404 {
margin:5px 0px 20px 0px;
padding: 6px 4px 6px 4px;
border:2px solid #79a3a0;
border-radius:8px;
text-align:center;
}
#main #setting .bingkai_setting .err_404 .err_404_desc {
margin:15px 0px 20px 0px;
color: #000000;
font-size: 28px;
font-family: 'menu',verdana;
text-align: center;
}
#main #setting .bingkai_setting .img_qrcode {
border:0;
width:335px;
}
#main #setting .bingkai_setting_2 {
margin-top:40px;
}
#main #setting .bingkai_setting_2 ol {
color: #0000FF;
font-size: 14px;
font-family: 'poppins','menu',verdana;
font-weight:bold;
}
#main #setting .bingkai_setting_2 ol li a {
color: #000000;
font-size: 12px;
font-family: 'poppins','menu',verdana;
text-align: left;
text-decoration:none;
}
#main #setting .bingkai_faq ul.list_faq {
padding-left:2px;
}
#main #setting .bingkai_faq ul.list_faq li.list_faq {
list-style-type: none; padding: 2px; margin-top:4px;
}
#main #setting .bingkai_faq ul.list_faq li.list_faq .isi,
#main #setting .bingkai_faq ul.list_faq li.list_faq .isi_show {
color: #000000;
font-size: 12px;
font-family: 'poppins','menu',verdana;
text-align: justify;
padding: 2px 5px 2px 20px;
line-height:25px;
text-indent: 30px;
display:none;
}
#main #setting .bingkai_faq ul.list_faq li.list_faq a {
display:block;
padding: 4px 20px 2px 38px;
margin: 2px 2px 2px 2px;
color: #000000;
font-size: 13px;
font-family: 'poppins','menu',verdana;
text-align: left;
text-decoration:none;
background: url("../img/list_faq.png") #FFFFFF 2px no-repeat;
background-size: 35px 35px;
}
#main #setting .search {
padding: 15px 1px 1px 1px;
}
#main #setting .search form .field {
padding: 4px; text-align: center; vertical-align:top;
}
#main #setting .search form .field input, #main #setting .search form .field input:focus {
-moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; appearance: none;
border-radius: 4px; border: 2px solid #3f736f; text-decoration: none;
width: 75%; font-family: 'poppins',verdana,arial,helvetica; font-size: 14px; height: 30px; outline: 0;
}
#main #setting .bingkai_ganti_password {
padding: 2px;
}
#main #setting .bingkai_ganti_password form .field {
padding: 2px; margin-top: 2px;
font-family: 'poppins',verdana,arial,helvetica; color: #000000; font-size: 15px;
}
#main #setting .bingkai_ganti_password form .field_noborder {
padding: 4px 2px 4px 2px; margin-top: 4px;
font-family: 'poppins',verdana,arial,helvetica; color: #000000; font-size: 15px;
}
#main #setting .bingkai_ganti_password form .field .judul_field {
font-family: 'poppins',verdana,helvetica,sans-serif; color: #80776a; font-size: 15px; padding-left: 5px;
}
#main #setting .bingkai_dokumen_pembiayaan ul {
padding-left:2px;
}
#main #setting .bingkai_dokumen_pembiayaan ul li {
list-style-type: none;
padding: 2px;
margin-top:4px;
padding: 14px 20px 2px 25px;
margin: 2px 2px 2px 2px;
color: #000000;
font-size: 13px;
font-family: 'poppins','menu',verdana;
text-align: left;
background: url("../img/sub_2.png") #FFFFFF 2px no-repeat;
background-size: 10px 30px;
background-position: left top;
border-bottom:2px solid #79a3a0;
display:flex;
}
#main #setting .bingkai_dokumen_pembiayaan ul li .img_dok {
width: 150px;
border-radius:6px;
border:0;
}
#main #setting .bingkai_dokumen_pembiayaan ul li .right form label {
text-decoration:none;
cursor: pointer;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 17px;
text-align: left;
padding: 10px 6px 10px 40px;
background: url("../img/browse_foto.png") #FFFFFF 2px no-repeat;
background-size: 35px 35px;
height:30px;
border-radius:6px;
border:1px solid #79a3a0;
}
/* end - setting */
/* helpdesk */
#main #helpdesk {
padding: 2px;
}
#main #helpdesk .space {
padding-left:5px; margin-top:5px; margin-bottom:5px;
}
#main #helpdesk .bingkai_helpdesk {
padding: 2px 2px 2px 2px;
}
#main #helpdesk .bingkai_helpdesk form .field {
padding: 4px 2px 4px 2px;
margin-top: 4px;
font-size: 15px;
font-family: 'poppins',verdana,arial,helvetica;
color: #000000;
}
#main #helpdesk .bingkai_helpdesk form .field_noborder {
padding: 4px 2px 4px 2px;
margin-top: 4px;
font-size: 15px;
font-family: 'poppins',verdana,arial,helvetica;
color: #000000;
}
#main #helpdesk .bingkai_helpdesk form .field .judul_field {
font-size: 15px;
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #80776a;
padding-left: 5px;
}
/* ---------- begin for form manipulation ---------- */
/* textaera */
#main #helpdesk .bingkai_helpdesk .field textarea,
#main #edit_profil .bingkai_edit_profil .field textarea
{
width: 98%; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; appearance: none; background: transparent; outline: 0;
text-decoration: none; border: none; padding: 3px 3px 3px 3px; margin: 2px 2px 2px 2px; box-sizing: border-box; border-bottom: 1px solid #79a3a0;
font-family: 'poppins',arial,verdana,helvetica; color:#000000; overflow: hidden; resize: none;
font-size: 15px;
}
#main #helpdesk .bingkai_helpdesk .field textarea:focus,
#main #edit_profil .bingkai_edit_profil .field textarea:focus
{
background-color: #e1f0e1; border-radius:6px;
}
/* group text, select */
#main #helpdesk .bingkai_helpdesk .field input[type="text"],
#main #helpdesk .bingkai_helpdesk .field select,
#main #edit_profil .bingkai_edit_profil .field input[type="text"],
#main #edit_profil .bingkai_edit_profil .field input[type="tel"],
#main #edit_profil .bingkai_edit_profil .field select,
#main #setting .bingkai_ganti_password .field input[type="password"],
#main #setting .bingkai_ganti_password .field input[type="text"],
#main #page_registrasi .bingkai_registrasi form .field input[type="text"],
#main #page_registrasi .bingkai_registrasi form .field input[type="password"],
#main #page_registrasi .bingkai_registrasi form .field select,
#main #page_registrasi .bingkai_registrasi_aktivasi form .field input[type="text"],
#main #page_registrasi .bingkai_registrasi_reset form .field input[type="password"],
#main #page_registrasi .bingkai_lupa_front form .field input[type="text"],
#main #mystore #mp_isi form .akad_setuju_disclaimer select,
#main #mystore #mp_isi form .akad_setuju_disclaimer input[type="text"],
#main #mystore #mp_isi form .akad_setuju_disclaimer input[type="tel"],
#main #mystore #mp_isi form .akad_setuju_disclaimer input[type="password"]
{
width: 98%; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; appearance: none; background: transparent;
outline: 0; text-decoration: none; border: none; padding: 3px 3px 3px 3px; margin: 2px 2px 2px 2px; box-sizing: border-box;
border-bottom: 1px solid #79a3a0; font-family: 'poppins',arial,verdana,helvetica; color:#000000;
font-size: 15px;
}
#main #helpdesk .bingkai_helpdesk .field input[type="text"]:focus,
#main #helpdesk .bingkai_helpdesk .field select:focus,
#main #edit_profil .bingkai_edit_profil .field input[type="text"]:focus,
#main #edit_profil .bingkai_edit_profil .field select:focus,
#main #setting .bingkai_ganti_password .field input[type="password"]:focus,
#main #page_registrasi .bingkai_registrasi form .field input[type="text"]:focus,
#main #page_registrasi .bingkai_registrasi form .field input[type="password"]:focus,
#main #page_registrasi .bingkai_registrasi form .field select:focus,
#main #page_registrasi .bingkai_registrasi_aktivasi form .field input[type="text"]:focus,
#main #page_registrasi .bingkai_registrasi_reset form .field input[type="password"]:focus,
#main #page_registrasi .bingkai_lupa_front form .field input[type="text"]:focus,
#main #mystore #mp_isi form .akad_setuju_disclaimer select:focus,
#main #mystore #mp_isi form .akad_setuju_disclaimer input[type="tel"]:focus,
#main #mystore #mp_isi form .akad_setuju_disclaimer input[type="text"]:focus,
#main #mystore #mp_isi form .akad_setuju_disclaimer input[type="password"]:focus
{
background-color: #e1f0e1; border-radius:6px;
}
/* ---------- end ---------- */
#main #helpdesk .bingkai_helpdesk form .field_noborder label {
text-decoration:none;
cursor: pointer;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 13px;
text-align: left;
padding: 10px 6px 10px 40px;
background: url("../img/file.png") #FFFFFF 2px no-repeat;
background-size: 35px 35px;
height:30px;
border-radius:6px;
border:1px solid #79a3a0;
}
#main #helpdesk .bingkai_helpdesk form .space {
margin-top:5px;
margin-bottom:5px;
border-bottom: 2px solid #e1f0e1;
}
#main #helpdesk .space {
margin-top:10px;
margin-bottom:5px;
}
#main #helpdesk .bingkai_helpdesk ul.list_helpdesk {
padding-left:2px;
}
#main #helpdesk .bingkai_helpdesk ul.list_helpdesk li.list_helpdesk {
list-style-type: none;
padding: 2px 2px 2px 2px;
margin-top:4px;
height:115px;
border-bottom:2px solid #79a3a0;
}
#main #helpdesk .bingkai_helpdesk ul.list_helpdesk li.list_helpdesk .left {
float:left;
width:67%;
height:100%;
vertical-align:top;
}
#main #helpdesk .bingkai_helpdesk ul.list_helpdesk li.list_helpdesk .left a {
display:block;
padding: 14px 20px 2px 52px;
margin: 2px 2px 2px 2px;
color: #3f736f;
font-size: 11px;
font-family: 'poppins','menu',verdana;
text-align: left;
text-decoration:none;
background: url("../img/list_helpdesk.png") #FFFFFF 2px no-repeat;
background-size: 45px 45px;
}
#main #helpdesk .bingkai_helpdesk ul.list_helpdesk li.list_helpdesk .left .kategori {
color: #000000;
font-size: 11px;
font-family: 'poppins','menu',verdana;
text-align: left;
padding: 2px 2px 2px 2px;
}
#main #helpdesk .bingkai_helpdesk ul.list_helpdesk li.list_helpdesk .left .judul {
color: #000000;
font-size: 14px;
font-family: 'menu',verdana;
text-align: left;
padding: 2px 2px 2px 2px;
}
#main #helpdesk .bingkai_helpdesk ul.list_helpdesk li.list_helpdesk .right {
float:right;
width:30%;
height:90%;
text-align:center;
color: #000000;
font-size: 12px;
font-family: 'poppins','menu',verdana;
}
#main #helpdesk .bingkai_helpdesk ul.list_helpdesk li.list_helpdesk .right .status {
color: #000000;
font-size: 11px;
font-family: 'poppins','menu',verdana;
text-align: center;
padding: 6px 2px 6px 2px;
font-style:italic;
font-weight:bold;
}
#main #helpdesk .bingkai_helpdesk ul.list_helpdesk li.list_helpdesk .right .status .merah {
color: #FF0000;
}
#main #helpdesk .bingkai_helpdesk ul.list_helpdesk li.list_helpdesk .right .status .hijau {
color: #3f736f;
}
#main #helpdesk .bingkai_helpdesk ul.list_helpdesk li.list_helpdesk .right .status .grey {
color: #b9b0b0;
}
#main #helpdesk .bingkai_helpdesk ul.list_helpdesk li.list_helpdesk .right .status .hitam {
color: #000000;
}
/* history */
#main #helpdesk .bingkai_helpdesk .hd_left {
float:left;
color: #000000;
font-size: 11px;
font-family: 'poppins','menu',verdana;
text-align: left;
height:70px;
width:48%;
}
#main #helpdesk .bingkai_helpdesk .hd_left .span_status {
color: #000000;
font-style:italic;
font-weight:bold;
}
#main #helpdesk .bingkai_helpdesk .hd_right {
float:right;
color: #000000;
font-size: 11px;
font-family: 'poppins','menu',verdana;
text-align: right;
height:70px;
width:48%;
}
#main #helpdesk .bingkai_helpdesk .hd_judul {
padding: 2px 2px 2px 2px;
color: #000000;
font-size: 11px;
font-family: 'poppins','menu',verdana;
text-align: justify;
}
#main #helpdesk .bingkai_helpdesk .hd_tipe_kotak {
padding: 2px 2px 2px 2px;
}
#main #helpdesk .bingkai_helpdesk .hd_tipe_kotak_left {
float:left;
color: #000000;
font-size: 11px;
font-family: 'poppins','menu',verdana;
text-align:right;
height:25px;
width:17%;
}
#main #helpdesk .bingkai_helpdesk .hd_tipe_kotak_right {
float:right;
color: #000000;
font-size: 11px;
font-family: 'poppins','menu',verdana;
text-align: left;
height:25px;
width:80%;
}
#main #helpdesk .bingkai_helpdesk .hd_isi {
color: #000000;
font-size: 12px;
font-family: 'poppins','menu',verdana;
text-align: left;
}
#main #helpdesk .bingkai_helpdesk .helpdesk_history_left {
padding: 4px 4px 4px 4px;
color: #000000;
font-size: 12px;
font-family: 'poppins','menu',verdana;
text-align: left;
background:#e4f3e8;
border-radius:4px;
margin-top:10px;
margin-right:40px;
width:90%;
}
#main #helpdesk .bingkai_helpdesk .helpdesk_history_right {
padding: 4px 4px 4px 4px;
color: #000000;
font-size: 12px;
font-family: 'poppins','menu',verdana;
text-align: right;
background:#f3ebe4;
border-radius:4px;
margin-top:10px;
margin-left:40px;
width:90%;
}
#main #helpdesk .bingkai_helpdesk .helpdesk_history_left .tanggal, #main #helpdesk .bingkai_helpdesk .helpdesk_history_right .tanggal {
color: #000000;
font-size: 10px;
font-family: 'poppins','menu',verdana;
font-weight:bold;
}
#main #helpdesk .bingkai_helpdesk .helpdesk_history_left .img_hd, #main #helpdesk .bingkai_helpdesk .helpdesk_history_right .img_hd {
width:285px;
border-radius:6px;
}
#main #helpdesk .bingkai_helpdesk .helpdesk_history_left .a_hd, #main #helpdesk .bingkai_helpdesk .helpdesk_history_right .a_hd {
border:none;
cursor: pointer;
text-decoration:none;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #FFFFFF;
font-size: 14px;
text-align: left;
background-color:#3f736f;
padding: 8px 10px 8px 10px;
border-radius:6px;
}
#main #helpdesk .bingkai_helpdesk .hd_border {
border:1px solid #79a3a0;
}
#main #helpdesk .bingkai_helpdesk .hd_clear {
padding: 2px 2px 2px 2px;
}
/* end - helpdesk border:1px solid #FF0000; */
/* edit profil */
#main #edit_profil {
margin-top:15px;
padding: 2px 2px 2px 2px;
}
#main #edit_profil .space {
padding-left:5px;
margin-top:5px;
margin-bottom:5px;
}
#main #edit_profil .bingkai_edit_profil {
padding: 2px 2px 2px 2px;
}
#main #edit_profil .bingkai_edit_profil form .field {
padding: 4px 2px 4px 2px;
margin-top: 4px;
font-size: 15px;
font-family: 'poppins',verdana,arial,helvetica;
color: #000000;
/* border-bottom:1px solid #79a3a0; */
}
#main #edit_profil .bingkai_edit_profil form .field_noborder {
padding: 4px 2px 4px 2px;
margin-top: 4px;
font-size: 15px;
font-family: 'poppins',verdana,arial,helvetica;
color: #000000;
}
#main #edit_profil .bingkai_edit_profil form .field .judul_field {
font-size: 15px;
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #80776a;
padding-left: 5px;
}
/* end */
/* info */
#main #info {
padding: 2px 2px 2px 2px;
}
#main #info .space {
margin: 5px 5px 5px 0px;
}
#main #info .info_frame {
padding: 6px 6px 6px 6px;
margin: 4px 0px 10px 0px;
border:1px solid #79a3a0;
border-radius:4px;
display:flex;
cursor:pointer;
}
#main #info .info_frame_unread {
padding: 6px 6px 6px 6px;
margin: 4px 0px 10px 0px;
border:1px solid #79a3a0;
border-radius:4px;
display:flex;
cursor:pointer;
background-color:#e1f0e1;
font-weight:bold;
}
#main #info .info_frame .left,
#main #info .info_frame_unread .left {
width:18%;
padding: 2px 2px 2px 2px;
text-align:center;
}
#main #info .info_frame .left .img_icon,
#main #info .info_frame_unread .left .img_icon {
border:0;
width:50px;
border-radius:4px;
}
#main #info .info_frame .right,
#main #info .info_frame_unread .right {
width:82%;
padding: 2px 2px 2px 2px;
text-align:justify;
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #000000;
font-size: 12px;
color:#000000;
}
#main #info .info_frame .combine {
width:100%;
padding: 2px 2px 2px 2px;
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #000000;
font-size: 12px;
color:#000000;
}
/* end */
/* login */
#main #page_login {
margin-top:40px;
padding: 10px 2px 2px 5px;
border-radius:4px;
}
#main #page_login .bingkai_login_top .frame_img {
margin-top:30px;
padding: 2px 2px 2px 2px;
text-align:center;
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #000000;
font-size: 14px;
}
#main #page_login .bingkai_login_top .frame_img .img {
width:220px;
border:0;
}
#main #page_login .bingkai_login_top .frame_left {
padding: 2px 2px 2px 2px;
text-align:left;
}
#main #page_login .bingkai_login form .field {
padding: 4px 2px 4px 2px;
margin-top: 4px;
font-size: 12px;
font-family: 'poppins',verdana,arial,helvetica;
color: #000000;
text-align:left;
}
#main #page_login .bingkai_login form .field_center {
padding: 4px 2px 4px 2px;
margin-top: 4px;
font-size: 12px;
font-family: 'poppins',verdana,arial,helvetica;
color: #000000;
text-align:left;
}
#main #page_login .bingkai_login form .field .judul_field {
font-size: 12px;
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #80776a;
padding-left: 5px;
}
#main #page_login .bingkai_login form .field input[type="text"],
#main #page_login .bingkai_login form .field input[type="password"] {
-moz-appearance: none;
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
background: transparent;
border-radius: 3px;
border: solid 1px;
color: inherit;
display: block;
outline: 0;
padding: 3px 3px 3px 3px;
margin: 2px 2px 2px 2px;
text-decoration: none;
width: 98%;
font-size: 12px;
font-family: 'poppins',arial,verdana,helvetica;
}
#main #page_login .bingkai_login form .field input[type="text"]:focus, #main #page_login .bingkai_login form .field input[type="password"]:focus {
-moz-appearance: none;
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
background-color: #e1f0e1;
border-radius: 3px;
border: solid 1px;
color: inherit;
display: block;
outline: 0;
padding: 3px 3px 3px 3px;
margin: 2px 2px 2px 2px;
text-decoration: none;
width: 98%;
font-size: 12px;
font-family: 'poppins',arial,verdana,helvetica;
}
#main #page_login .bingkai_login form .field_center .button_login {
border:none;
cursor: pointer;
text-decoration:none;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #FFFFFF;
font-size: 15px;
text-align: center;
background-color:#3f736f;
padding: 8px 0px 8px 0px;
border-radius:6px;
width: 100%;
}
#main #page_login .bingkai_login form .field_flex {
display:flex;
padding: 4px 2px 4px 2px;
margin-top: 8px;
font-size: 12px;
font-family: 'poppins',verdana,arial,helvetica;
color: #000000;
text-align:left;
}
#main #page_login .bingkai_login form .field_flex .button_login_reg {
cursor: pointer;
text-decoration:none;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #3f736f;
font-size: 14px;
text-align: center;
background-color:#FFFFFF;
padding: 5px 12px 5px 12px;
border-radius:8px;
border:2px solid #3f736f;
}
#main #page_login .bingkai_login form .field_flex .button_login_lupa {
cursor: pointer;
text-decoration:none;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 14px;
text-align: center;
}
#main #page_login .bingkai_login form .field_flex .spasi {
padding-left:15px;
padding-right:15px;
}
/* end */
/* signature */
.kbw-signature {
display: inline-block;
border: 2px solid #3f736f;
border-radius:4px;
-ms-touch-action: none;
width: 330px;
height: 200px;
}
.kbw-signature-disabled {
opacity: 0.35;
}
#sig canvas{
width: 100% !important;
height: auto;
}
/* end */
/* popup ulasan lihat semua */
#main #popup_ulasan_lihat_semua,
#main .popup_toko_catatan {
display:none;
position:fixed;
width:95%;
height:100%;
top:25px;
padding: 4px 4px 4px 4px;
border-top: 2px solid #3f736f;
background-color:#FFFFFF;
z-index:19999999;
overflow-y:auto;
}
#main #popup_ulasan_lihat_semua::-webkit-scrollbar, #main #popup_ulasan_lihat_semua::-moz-scrollbar, #main #popup_ulasan_lihat_semua::-ms-scrollbar,
#main .popup_toko_catatan::-webkit-scrollbar, #main .popup_toko_catatan::-moz-scrollbar, #main .popup_toko_catatan::-ms-scrollbar{
width:0;
}
#main #popup_ulasan_lihat_semua .space_frame,
#main .popup_toko_catatan .space_frame {
height:160px;
}
#main #popup_ulasan_lihat_semua .frame_flex,
#main .popup_toko_catatan .frame_flex {
display:flex;
margin-top:10px;
margin-bottom:5px;
width:97%;
padding: 2px 2px 7px 2px;
}
#main #popup_ulasan_lihat_semua .frame_flex .left,
#main .popup_toko_catatan .frame_flex .left {
width:65%;
margin-right: auto;
margin-left: 0;
padding: 2px 2px 2px 10px;
text-align: left;
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #000000;
font-size: 14px;
font-weight:bold;
}
#main #popup_ulasan_lihat_semua .frame_flex .frame_flex_close,
#main .popup_toko_catatan .frame_flex .frame_flex_close {
width:15%;
margin-left: auto;
margin-right: 0;
padding: 3px 4px 3px 4px;
text-align: center;
font-family: 'poppins',verdana,helvetica,sans-serif;
color:#FFFFFF;
font-size: 14px;
background-color:#FF0000;
border-radius:5px;
cursor:pointer;
}
#main #popup_ulasan_lihat_semua .frame_isi,
#main .popup_toko_catatan .frame_isi {
padding: 3px 4px 3px 4px;
margin-top:5px;
margin-bottom:5px;
width:98%;
}
#main #popup_ulasan_lihat_semua #frame_isi_ulasan_lihat_semua_db {
padding: 2px 2px 2px 2px;
border:1px solid #e6e6e2;
border-radius:4px;
margin-bottom:10px;
}
#main #popup_ulasan_lihat_semua #frame_isi_ulasan_lihat_semua_db .row_flex_1 {
display:flex;
margin:2px 0px 2px 0px;
padding: 5px 5px 5px 5px;
}
#main #popup_ulasan_lihat_semua #frame_isi_ulasan_lihat_semua_db .row_flex_1 .combine {
width: 98%;
padding: 5px 5px 5px 5px;
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #000000;
font-size: 13px;
text-align: justify;
}
#main #popup_ulasan_lihat_semua #frame_isi_ulasan_lihat_semua_db .row_flex_1 .combine .nama {
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #000000;
font-size: 14px;
text-align: left;
font-weight:bold;
}
#main #popup_ulasan_lihat_semua #frame_isi_ulasan_lihat_semua_db .row_flex_1 .combine .tgl {
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #000000;
font-size: 12px;
text-align: left;
font-weight:normal;
}
#main #popup_ulasan_lihat_semua #frame_isi_ulasan_lihat_semua_db .row_flex_1 .left_new {
width:15%;
padding: 6px 6px 6px 6px;
}
#main #popup_ulasan_lihat_semua #frame_isi_ulasan_lihat_semua_db .row_flex_1 .left_new .img {
border:0;
width:35px;
border-radius:4px;
}
#main #popup_ulasan_lihat_semua #frame_isi_ulasan_lihat_semua_db .row_flex_1 .right_new {
width:85%;
padding: 6px 6px 6px 6px;
text-align:justify;
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #000000;
font-size: 12px;
cursor:pointer;
}
#main #popup_ulasan_lihat_semua #frame_isi_ulasan_lihat_semua_db .row_flex_1 .combine .img,
#main #popup_ulasan_lihat_semua #frame_isi_ulasan_lihat_semua_db .row_flex_2 .right .img {
border:0;
width:70px;
border-radius:4px;
}
#main #popup_ulasan_lihat_semua #frame_isi_ulasan_lihat_semua_db .row_flex_1 .combine .img_2 {
border:0;
padding: 2px 0px 0px 0px;
width:13px;
}
#main #popup_ulasan_lihat_semua #frame_isi_ulasan_lihat_semua_db .row_flex_2 {
display:flex;
padding: 2px 2px 2px 2px;
}
#main #popup_ulasan_lihat_semua #frame_isi_ulasan_lihat_semua_db .row_flex_2 .left_border {
border-right:2px solid #e6e6e2;
width:5%;
padding: 2px 2px 2px 2px;
}
#main #popup_ulasan_lihat_semua #frame_isi_ulasan_lihat_semua_db .row_flex_2 .right {
width:95%;
padding: 6px 6px 6px 6px;
text-align:justify;
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #000000;
font-size: 13px;
}
#main #popup_ulasan_lihat_semua #frame_isi_ulasan_lihat_semua_db .row_flex_2 .right .nama_admin {
font-family: 'poppins',verdana,helvetica,sans-serif;
color:#3f736f;
font-size: 13px;
text-align: left;
background:#c5f6c6;
padding: 4px 4px 4px 4px;
border-radius:4px;
}
#main #popup_ulasan_lihat_semua #frame_isi_ulasan_lihat_semua_db .row_flex_2 .right .tgl {
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #000000;
font-size: 13px;
text-align: left;
}
/* end */
/* popup foto zoom */
#main #popup_foto_zoom {
display:none;
position:fixed;
width:93%;
height:100%;
top:25px;
padding: 4px 4px 4px 4px;
border-top: 2px solid #FFFFFF;
background-color:#FFFFFF;
z-index:29999999;
overflow-y:auto;
}
#main #popup_foto_zoom::-webkit-scrollbar, #main #popup_foto_zoom::-moz-scrollbar, #main #popup_foto_zoom::-ms-scrollbar{
width:0;
}
#main #popup_foto_zoom .frame_flex {
display:flex;
margin-top:10px;
margin-bottom:5px;
width:97%;
padding: 2px 2px 7px 2px;
}
#main #popup_foto_zoom .frame_flex .frame_flex_close {
width:15%;
margin-left: auto;
margin-right: 0;
padding: 3px 4px 3px 4px;
text-align: center;
font-family: 'poppins',verdana,helvetica,sans-serif;
color:#FFFFFF;
font-size: 14px;
background-color:#FF0000;
border-radius:5px;
cursor:pointer;
}
#main #popup_foto_zoom .frame_isi {
padding: 3px 4px 3px 4px;
margin-top:5px;
margin-bottom:5px;
width:96%;
}
#main #popup_foto_zoom #frame_foto_zoom {
padding: 4px 4px 4px 4px;
width:96%;
}
#main #popup_foto_zoom #frame_foto_zoom .img_zoom {
border:0;
width:330px;
border-radius:8px;
}
#popup_foto_zoom .frame_isi .sliderx #img_zoom {
border-radius:6px;
}
#main #popup_foto_zoom .label {
margin-top:6px;
font-family: 'poppins',verdana,helvetica,sans-serif;
color:#000000;
font-size: 15px;
text-align: center;
}
/* end */
/* popup transaksi status pesanan */
#main #popup_tr_st_pesanan {
display:none;
position:fixed;
width:93%;
height:480px;
top:100px;
padding: 4px 4px 4px 4px;
background-color:#FFFFFF;
z-index:19999;
overflow-y:auto;
}
#main #popup_tr_st_pesanan::-webkit-scrollbar, #main #popup_tr_st_pesanan::-moz-scrollbar, #main #popup_tr_st_pesanan::-ms-scrollbar{
width:0;
}
#main #popup_tr_st_pesanan .space_frame {
height:80px;
}
#main #popup_tr_st_pesanan .frame_flex {
display:flex;
margin-top:10px;
margin-bottom:5px;
width:97%;
padding: 2px 2px 7px 2px;
}
#main #popup_tr_st_pesanan .frame_flex .frame_flex_close {
width:15%;
margin-left: auto;
margin-right: 0;
padding: 3px 4px 3px 4px;
text-align: center;
font-family: 'poppins',verdana,helvetica,sans-serif;
color:#FFFFFF;
font-size: 14px;
background-color:#FF0000;
border-radius:5px;
cursor:pointer;
}
#main #popup_tr_st_pesanan .frame_flex .left {
width:65%;
margin-right: auto;
margin-left: 0;
padding: 2px 2px 2px 10px;
text-align: left;
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #000000;
font-size: 14px;
font-weight:bold;
}
#main #popup_tr_st_pesanan .frame_isi {
padding: 4px 4px 4px 4px;
width:98%;
background-color: #dbf2db;
font-family: Helvetica, sans-serif;
box-sizing: border-box;
border-radius:5px;
}
.timelinex {
position: relative; max-width: 1200px; margin: 0 auto; box-sizing: border-box;
}
.timelinex::after {
content: ''; position: absolute; width: 6px; background-color: white; top: 0; bottom: 0;
left: 50%; margin-left: -3px; box-sizing: border-box;
}
.containerx {
padding: 10px 40px; position: relative; background-color: inherit; width: 50%; box-sizing: border-box;
}
.containerx::after {
content: ''; position: absolute; width: 25px; height: 25px; right: -17px; background-color: white; border: 4px solid #3f736f;
top: 15px; border-radius: 50%; z-index: 1; box-sizing: border-box;
}
.leftx {
left: 0; box-sizing: border-box;
}
.rightx {
left: 50%; box-sizing: border-box;
}
.leftx::before {
content: " "; height: 0; position: absolute; top: 22px; width: 0; z-index: 1;
right: 30px; border: medium solid white; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent white;
box-sizing: border-box;
}
.rightx::before {
content: " "; height: 0; position: absolute; top: 22px; width: 0; z-index: 1;
left: 30px; border: medium solid white; border-width: 10px 10px 10px 0; border-color: transparent white transparent transparent;
box-sizing: border-box;
}
.rightx::after {
left: -16px; box-sizing: border-box;
}
.contentx {
padding: 15px 15px 15px 15px;
background-color: #FFFFFF;
position: relative;
border-radius: 6px;
box-sizing: border-box;
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #000000;
font-size: 14px;
}
.contentx_done {
padding: 15px 15px 15px 15px;
background-color: #54d174;
position: relative;
border-radius: 6px;
box-sizing: border-box;
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #FFFFFF;
font-size: 14px;
/*font-weight:bold;*/
}
/* mp pesanan */
.content_mp {
padding: 10px 10px 10px 10px;
background-color: #FFFFFF;
position: relative;
border-radius: 6px;
box-sizing: border-box;
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #000000;
font-size: 11px;
}
.content_mp_done {
padding: 10px 10px 10px 10px;
background-color: #54d174;
position: relative;
border-radius: 6px;
box-sizing: border-box;
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #FFFFFF;
font-size: 11px;
}
/* end */
@media screen and (max-width: 600px) {
.timelinex::after {
left: 31px; box-sizing: border-box;
}
.containerx {
width: 100%; padding-left: 70px; padding-right: 25px; box-sizing: border-box;
}
.containerx::before {
left: 60px; border: medium solid white; border-width: 10px 10px 10px 0; border-color: transparent white transparent transparent; box-sizing: border-box;
}
.leftx::after, .rightx::after {
left: 17px; box-sizing: border-box;
}
.rightx {
left: 0%; box-sizing: border-box;
}
}
/* end */
/* popup show diskon */
#main #popup_show_diskon {
display:none;
position:fixed;
width:93%;
height:480px;
top:100px;
padding: 4px 4px 4px 4px;
border-top: 2px solid #3f736f;
background-color:#FFFFFF;
z-index:19999;
overflow-y:auto;
}
#main #popup_show_diskon::-webkit-scrollbar, #main #popup_show_diskon::-moz-scrollbar, #main #popup_show_diskon::-ms-scrollbar{
width:0;
}
#main #popup_show_diskon .space_frame {
height:80px;
}
#main #popup_show_diskon .frame_flex {
display:flex;
margin:10px 0px 5px 0px;
width:97%;
padding: 2px 2px 7px 2px;
}
#main #popup_show_diskon .frame_flex .frame_flex_close {
width:15%;
margin-left: auto;
margin-right: 0;
padding: 3px 4px 3px 4px;
text-align: center;
font-family: 'poppins',verdana,helvetica,sans-serif;
color:#FFFFFF;
font-size: 14px;
background-color:#FF0000;
border-radius:5px;
cursor:pointer;
}
#main #popup_show_diskon .frame_flex .left {
width:65%;
margin-right: auto;
margin-left: 0;
padding: 2px 2px 2px 10px;
text-align: left;
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #000000;
font-size: 14px;
font-weight:bold;
}
#main #popup_show_diskon #frame_show_diskon {
padding: 4px 4px 4px 4px;
width:98%;
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #000000;
font-size: 14px;
}
#main #popup_show_diskon #frame_show_diskon .diskon {
padding:2px 2px 2px 2px;
margin:5px 0px 10px 0px;
border:1px solid #79a3a0;
border-radius:6px;
box-shadow: 4px 6px #d4d0d0;
text-align:center;
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #000000;
font-size: 13px;
cursor:pointer;
}
#main #popup_show_diskon #frame_show_diskon .diskon .img,
#main #popup_show_diskon #frame_show_diskon .diskon_current .img {
border:0;
width:280px;
}
#main #popup_show_diskon #frame_show_diskon .diskon_current {
padding:2px 2px 2px 2px;
margin:5px 0px 10px 0px;
border:1px solid #79a3a0;
border-radius:6px;
box-shadow: 4px 6px #d4d0d0;
text-align:center;
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #000000;
font-size: 13px;
cursor:pointer;
background:#79a3a0;
}
#main #popup_show_diskon #frame_show_diskon .diskon .judul,
#main #popup_show_diskon #frame_show_diskon .diskon_current .judul {
padding:3px 8px 3px 8px;
background:#3f736f;
text-align:center;
border-radius:4px;
display:flex;
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #FFFFFF;
font-size: 12px;
}
#main #popup_show_diskon #frame_show_diskon .diskon .judul .left,
#main #popup_show_diskon #frame_show_diskon .diskon_current .judul .left {
width:50%;
text-align:left;
}
#main #popup_show_diskon #frame_show_diskon .diskon .judul .right,
#main #popup_show_diskon #frame_show_diskon .diskon_current .judul .right {
width:50%;
text-align:right;
}
/* end */
/* PAYLATER */
#main #paylater {
margin-top:10px; margin-bottom:10px;
}
#main #paylater .header {
padding: 10px 2px 10px 10px;
margin: 10px 0px 10px 0px;
font-family: 'poppins','menu',verdana, times new roman, sans-serif;
font-size: 16px;
color: #FFFFFF;
background:#3f736f;
letter-spacing:2px;
}
/* splash */
#main #paylater .splash {
display:none;
padding: 4px 4px 4px 4px;
}
#main #paylater .splash .frame_img {
text-align:center;
}
#main #paylater .splash .frame_img .img {
border:none;
border-radius:8px;
width:330px;
}
#main #paylater .splash .judul {
margin:8px 0px 8px 0px;
font-family: 'poppins','menu',verdana, times new roman, sans-serif;
font-size: 17px;
color: #057722;
text-align:left;
font-weight:bold;
}
#main #paylater .splash .desc {
font-family: 'poppins','menu',verdana, times new roman, sans-serif;
font-size: 14px;
color: #000000;
text-align:justify;
}
#main #paylater .splash .arrow {
margin-top:15px;
margin-bottom:15px;
display:flex;
}
#main #paylater .splash .arrow .left {
font-family: 'poppins','menu',verdana, times new roman, sans-serif;
font-size: 18px;
color: #FFFFFF;
text-align:left;
background:#3f736f;
border-radius:4px;
box-shadow: 5px 5px #d4d0d0;
letter-spacing:2px;
padding:10px 20px 10px 20px;
margin-right: auto;
margin-left: 0;
cursor:pointer;
}
#main #paylater .splash .arrow .right {
font-family: 'poppins','menu',verdana, times new roman, sans-serif;
font-size: 18px;
color: #FFFFFF;
text-align:right;
background:#3f736f;
border-radius:4px;
box-shadow: 5px 5px #d4d0d0;
letter-spacing:2px;
padding:10px 20px 10px 20px;
margin-left: auto;
margin-right: 0;
cursor:pointer;
}
#main #paylater .desc {
margin:8px 0px 8px 0px;
font-family: 'poppins','menu',verdana, times new roman, sans-serif;
font-size: 14px;
color: #000000;
text-align:left;
}
#main #paylater .main_menu {
margin-top:5px; margin-right:auto; margin-left:auto; padding: 2px;
}
#main #paylater .main_menu ul.main_menu {
padding: 2px;
display:table;
margin-bottom:10px;
}
#main #paylater .main_menu ul.main_menu li.main_menu_li {
display: inline;
list-style: none;
padding: 3px;
margin: 0px 4px 20px 12px;
text-align:center;
border:1px solid #3f736f;
border-radius:6px;
float: left;
box-shadow: 2px 5px #d4d0d0;
width:140px;
}
#main #paylater .main_menu ul.main_menu li.main_menu_li .link {
font-family: 'poppins','menu',verdana, times new roman, sans-serif;
font-size: 16px;
color: #000000;
text-decoration:none;
}
#main #paylater .main_menu ul.main_menu li.main_menu_li .link .img {
border:none;
border-radius:4px;
width:140px;
}
#main #paylater .paylater_frame_dompet {
padding:5px 5px 5px 5px;
margin-top:5px;
margin-bottom:5px;
border:1px solid #79a3a0;
border-radius:6px;
box-shadow: 1px 2px #d4d0d0;
display:flex;
cursor:pointer;
}
#main #paylater .paylater_frame_dompet .fr_img {
width:13%;
padding: 2px 2px 2px 2px;
}
#main #paylater .paylater_frame_dompet .fr_img .img {
border:0;
width:35px;
height:35px;
margin-right:10px;
background-color:#3f736f;
border-radius:6px;
padding: 7px 6px 7px 6px;
}
#main #paylater .paylater_frame_dompet .nominal {
width:86%;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
font-size: 13px;
color:#000000;
padding-top:4px;
text-align:left;
}
/* pick limit */
#main #paylater .akad_pick_limit {
margin: 10px 0px 55px 0px;
padding: 4px 4px 30px 4px;
border-bottom:2px solid #e6e4e4;
}
#main #paylater .akad_pick_limit .slider {
margin: auto;
outline: none;
padding: 0;
width: 100%;
height: 10px;
background-color: #dedede;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3f736f), color-stop(100%, #3f736f));
background-size: 50% 100%;
background-repeat: no-repeat;
border-radius: 10px;
cursor: pointer;
-webkit-appearance: none;
}
#main #paylater .akad_pick_limit .slider::-webkit-slider-runnable-track {
box-shadow: none;
border: none;
background: transparent;
-webkit-appearance: none;
}
#main #paylater .akad_pick_limit .slider::-webkit-slider-thumb {
height: 45px;
width: 28px;
border: 0;
background: #3f736f;
border: 1px solid #777;
border-radius: 8px;
box-shadow: 0 0 1px 0px rgba(0,0,0,0.1);
-webkit-appearance: none;
}
#main #paylater .akad_pick_limit .pick_limit_flex {
display:flex;
margin: 8px 0px 5px 0px;
padding: 4px 4px 4px 4px;
}
#main #paylater .akad_pick_limit .pick_limit_flex .left {
width: 50%;
margin-right: auto;
margin-left: 0;
text-align:left;
padding: 2px 2px 2px 2px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
font-size: 14px;
color:#000000;
}
#main #paylater .akad_pick_limit .pick_limit_flex .right {
width: 50%;
margin-left: auto;
margin-right: 0;
text-align:right;
padding: 2px 2px 2px 2px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
font-size: 14px;
color:#000000;
}
/* end */
#main #paylater .akad_disclaimer_desc {
margin-top:10px;
padding: 4px 4px 4px 4px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
font-size: 14px;
color:#000000;
text-align:justify;
}
#main #paylater .akad_disclaimer_desc .proyeksi_approved {
padding:12px 12px 12px 12px;
margin:3px 0px 3px 0px;
border:2px solid #3f736f;
border-radius:15px;
}
#main #paylater .akad_disclaimer_desc .hasil {
margin: 8px 0px 5px 0px;
padding: 4px 4px 4px 4px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
font-size: 24px;
color:#000000;
font-weight:bold;
}
#main #paylater .akad_disclaimer_frame {
margin-top:10px;
height:250px;
padding: 6px 6px 6px 6px;
overflow-y:auto;
border:1px solid #79a3a0;
border-radius:4px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
font-size: 13px;
color:#000000;
text-align:justify;
}
#main #paylater .akad_signature_pad_judul {
margin: 55px 0px 5px 0px;
padding: 4px 4px 4px 4px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
font-size: 15px;
color:#000000;
text-align:justify;
font-weight:bold;
}
#main #paylater form .akad_signature_pad_frame {
margin-top:0px;
padding: 6px 6px 6px 6px;
}
#main #paylater form .akad_signature_pad_frame .clear_pad {
margin-top:5px;
margin-bottom:5px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #FFFFFF;
font-size: 14px;
text-align: center;
background-color:#3f736f;
padding: 5px 6px 5px 6px;
border-radius:4px;
width:60%;
cursor:pointer;
}
#main #paylater form .akad_sign_bt_flex {
display:flex;
padding:2px 2px 2px 2px;
justify-content: center;
margin-top:10px;
}
#main #paylater .akad_sign_bt_flex_left {
display:flex;
padding:2px 2px 2px 2px;
justify-content: left;
margin-top:10px;
}
#main #paylater form .akad_sign_bt_flex .bt_cancel,
#main #paylater .akad_sign_bt_flex_left .bt_cancel,
#main #mystore .tarik_dana_frame .frame_flex .bt_cancel {
padding: 6px 20px 6px 20px;
margin:2px 5px 4px 5px;
border-radius:6px;
background-color:#FF0000;
cursor: pointer;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #FFFFFF;
font-size: 15px;
text-align:center;
width:50%;
height:25px;
}
#main #paylater form .akad_sign_bt_flex .bt_ok,
#main #paylater .akad_sign_bt_flex_left .bt_ok,
#main #mp_popup_pengiriman fieldset .frame_list .list_combine .button,
#main #mystore .tarik_dana_frame .combine .button,
#main #mystore .tarik_dana_frame .frame_flex .button {
padding: 6px 20px 6px 20px;
margin:2px 5px 4px 5px;
border-radius:6px;
background-color:#3f736f;
cursor: pointer;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #FFFFFF;
font-size: 15px;
text-align:center;
width:50%;
height:25px;
}
#main #paylater form .akad_setuju_disclaimer,
#main #mystore #mp_isi form .akad_setuju_disclaimer {
padding:2px 2px 2px 2px;
margin:5px 0px 5px 0px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 14px;
text-align:left;
}
#main #paylater form .akad_foto {
padding:2px 2px 2px 2px;
margin:5px 0px 5px 0px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 14px;
text-align:left;
}
#main #paylater form .akad_foto .show_file_name,
#main #mystore #mp_isi form .akad_setuju_disclaimer .show_file_name {
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 11px;
text-align: left;
font-style:italic;
}
/* rev grab */
#main #paylater form .akad_foto input[type="text"],
#main #paylater form .akad_foto input[type="tel"] {
width: 98%; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; appearance: none;
background: transparent; outline: 0; text-decoration: none;
border: none; box-sizing: border-box;
padding: 3px 3px 3px 3px;
margin: 2px 2px 2px 2px;
border-bottom: 1px solid #79a3a0;
font-family: 'poppins',arial,verdana,helvetica;
color:#000000;
font-size: 14px;
}
#main #paylater form .akad_foto input[type="text"]:focus,
#main #paylater form .akad_foto input[type="tel"]:focus {
border-bottom: 1px solid #e98f7a;
}
#main #paylater form .akad_foto input[type="text"].kd_verifikasi {
width: 10%; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; appearance: none;
background: transparent; outline: 0; text-decoration: none;
border: none; box-sizing: border-box;
padding: 3px 3px 3px 3px;
margin: 2px 2px 2px 2px;
border: 1px solid #79a3a0;
border-radius:4px;
font-family: 'poppins',arial,verdana,helvetica;
color:#000000;
font-size: 18px;
text-align:center;
}
#main #paylater form .akad_foto input[type="text"].kd_verifikasi:focus {
border: 4px solid #e98f7a;
}
/* end */
#main #paylater .bingkai_frame_data_p_outstanding {
padding: 2px 2px 2px 2px;
}
#main #paylater .bingkai_frame_data_p_outstanding .frame_data_p_outstanding {
border:2px solid #3f736f;
border-radius:5px;
box-shadow: 6px 6px #d4d0d0;
padding: 5px 5px 5px 5px;
margin:0px 0px 15px 0px;
cursor:pointer;
}
#main #paylater .bingkai_frame_data_p_outstanding .frame_data_p_outstanding .row_flex_1 {
display:flex;
border-bottom:1px solid #e6e6e2;
margin:2px 0px 2px 0px;
padding: 5px 5px 5px 5px;
}
#main #paylater .bingkai_frame_data_p_outstanding .frame_data_p_outstanding .row_flex_2 {
display:flex;
margin:2px 0px 2px 0px;
padding: 5px 5px 5px 5px;
}
#main #paylater .bingkai_frame_data_p_outstanding .frame_data_p_outstanding .row_flex_1 .combine,
#main #paylater .bingkai_frame_data_p_outstanding .frame_data_p_outstanding .row_flex_2 .combine {
width: 100%;
margin-right: auto;
margin-left: 0;
padding: 5px 5px 5px 5px;
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #000000;
font-size: 13px;
text-align: left;
}
#main #paylater .bingkai_frame_data_p_outstanding .bt_tr {
padding: 8px 3px 8px 3px;
margin:5px 0px 5px 0px;
border:1px solid #3f736f;
border-radius:6px;
background:#3f736f;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #FFFFFF;
font-size: 13px;
text-align:center;
cursor: pointer;
}
/* popup paylater outstanding detail */
#main #paylater #popup_paylater_outstanding_detail {
display:none;
position:fixed;
width:93%;
height:550px;
top:25px;
padding: 4px 4px 4px 4px;
border-top: 2px solid #3f736f;
background-color:#FFFFFF;
z-index:999;
overflow-y:auto;
}
#main #paylater #popup_paylater_outstanding_detail::-webkit-scrollbar, #main #paylater #popup_paylater_outstanding_detail::-moz-scrollbar, #main #paylater #popup_paylater_outstanding_detail::-ms-scrollbar{
width:0;
}
#main #paylater #popup_paylater_outstanding_detail .frame_flex {
display:flex;
margin-top:10px;
margin-bottom:5px;
width:97%;
}
#main #paylater #popup_paylater_outstanding_detail .space_frame {
height:70px;
}
#main #paylater #popup_paylater_outstanding_detail .frame_flex .left {
width:65%;
margin-right: auto;
margin-left: 0;
padding: 2px 2px 2px 10px;
text-align: left;
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #000000;
font-size: 17px;
font-weight:bold;
}
#main #paylater #popup_paylater_outstanding_detail .frame_flex .frame_flex_close {
width:15%;
margin-left: auto;
margin-right: 0;
padding: 3px 4px 3px 4px;
text-align: center;
font-family: 'poppins',verdana,helvetica,sans-serif;
color:#FFFFFF;
font-size: 14px;
background-color:#FF0000;
border-radius:5px;
cursor:pointer;
}
#main #paylater #popup_paylater_outstanding_detail .frame_isi {
padding: 3px 4px 3px 4px;
margin-top:10px;
margin-bottom:5px;
width:98%;
}
#main #paylater #popup_paylater_outstanding_detail #frame_data_outstanding,
#main #paylater #frame_data_outstanding {
border-bottom:1px solid #3f736f;
padding: 5px 5px 5px 5px;
margin:0px 0px 25px 0px;
}
#main #paylater #popup_paylater_outstanding_detail #frame_data_outstanding .row_flex_1,
#main #paylater #frame_data_outstanding .row_flex_1 {
display:flex;
border-bottom:1px solid #e6e6e2;
margin:2px 0px 2px 0px;
padding: 5px 5px 5px 5px;
}
#main #paylater #popup_paylater_outstanding_detail #frame_data_outstanding .row_flex_1 .combine,
#main #paylater #frame_data_outstanding .row_flex_1 .combine {
width: 98%;
margin-right: auto;
margin-left: 0;
padding: 5px 5px 5px 5px;
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #000000;
font-size: 13px;
text-align: left;
}
#main #paylater #popup_paylater_outstanding_detail #frame_data_outstanding .row_flex_1 .left,
#main #paylater #frame_data_outstanding .row_flex_1 .left {
width: 40%;
margin-right: auto;
margin-left: 0;
padding: 5px 5px 5px 5px;
text-align: left;
}
#main #paylater #popup_paylater_outstanding_detail #frame_data_outstanding .row_flex_1 .left .tgl,
#main #paylater #frame_data_outstanding .row_flex_1 .left .tgl {
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #000000;
font-size: 12px;
text-align: left;
}
#main #paylater #popup_paylater_outstanding_detail #frame_data_outstanding .row_flex_1 .left .item_lainnya,
#main #paylater #frame_data_outstanding .row_flex_1 .left .item_lainnya {
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #000000;
font-size: 13px;
text-align: left;
}
#main #paylater #popup_paylater_outstanding_detail #frame_data_outstanding .row_flex_1 .right,
#main #paylater #frame_data_outstanding .row_flex_1 .right {
width:58%;
margin-left: auto;
margin-right: 0;
padding: 5px 5px 5px 5px;
font-family: 'poppins',verdana,helvetica,sans-serif;
font-size: 13px;
color:#000000;
text-align:right;
}
#main #paylater #popup_paylater_outstanding_detail #frame_data_outstanding .row_flex_1 .right .st_orange,
#main #paylater #frame_data_outstanding .row_flex_1 .right .st_orange,
#main #paylater #popup_paylater_outstanding_detail #frame_data_outstanding .row_flex_1 .combine .st_orange,
#main #paylater #frame_data_outstanding .row_flex_1 .combine .st_orange,
#main #mystore .tarik_dana_frame .frame_flex .left .st_orange,
#main #mystore .tarik_dana_frame .combine .st_orange {
color:#f66313;
background:#f6eec5;
padding: 4px 4px 4px 4px;
border-radius:4px;
}
#main #paylater #popup_paylater_outstanding_detail #frame_data_outstanding .row_flex_1 .right .st_merah,
#main #paylater #frame_data_outstanding .row_flex_1 .right .st_merah,
#main #mystore .tarik_dana_frame .frame_flex .left .st_merah,
#main #kantin .keranjang .frame_dikirim_ke .st_merah,
#main #mystore .tarik_dana_frame .combine .st_merah {
color:#ff0000;
background:#f6c5ce;
padding: 4px 4px 4px 4px;
border-radius:4px;
}
#main #paylater #popup_paylater_outstanding_detail #frame_data_outstanding .row_flex_1 .right .st_biru,
#main #paylater #frame_data_outstanding .row_flex_1 .right .st_biru,
#main #paylater #popup_paylater_outstanding_detail #frame_data_outstanding .row_flex_1 .combine .st_biru,
#main #paylater #frame_data_outstanding .row_flex_1 .combine .st_biru,
#main #mystore .tarik_dana_frame .frame_flex .left .st_biru,
#main #kantin .keranjang .frame_dikirim_ke .st_biru,
#main #mystore .tarik_dana_frame .frame_flex .right .st_biru,
#main #mystore .tarik_dana_frame .combine .st_biru {
color:#0000ff;
background:#c5d6f6;
padding: 3px 6px 3px 6px;
border-radius:4px;
}
#main #paylater #popup_paylater_outstanding_detail #frame_data_outstanding .row_flex_1 .right .st_hijau,
#main #paylater #frame_data_outstanding .row_flex_1 .right .st_hijau,
#main #paylater #popup_paylater_outstanding_detail #frame_data_outstanding .row_flex_1 .combine .st_hijau,
#main #paylater #frame_data_outstanding .row_flex_1 .combine .st_hijau,
#main #mystore .tarik_dana_frame .frame_flex .left .st_hijau,
#main #mystore .tarik_dana_frame .combine .st_hijau {
color:#3f736f;
background:#c5f6c6;
padding: 4px 4px 4px 4px;
border-radius:4px;
}
#main #paylater #popup_paylater_outstanding_detail #frame_data_outstanding .row_flex_1 .right .st_hitam,
#main #paylater #frame_data_outstanding .row_flex_1 .right .st_hitam,
#main #paylater #popup_paylater_outstanding_detail #frame_data_outstanding .row_flex_1 .combine .st_hitam,
#main #paylater #frame_data_outstanding .row_flex_1 .combine .st_hitam,
#main #mystore .tarik_dana_frame .frame_flex .left .st_hitam,
#main #mystore .tarik_dana_frame .combine .st_hitam {
color:#000000;
background:#f5f6c5;
padding: 4px 4px 4px 4px;
border-radius:4px;
}
#main #paylater #popup_paylater_outstanding_detail #frame_data_outstanding .row_flex_2,
#main #paylater #frame_data_outstanding .row_flex_2 {
display:flex;
margin:2px 0px 2px 0px;
padding: 5px 5px 5px 5px;
}
#main #paylater #popup_paylater_outstanding_detail #frame_data_outstanding .row_flex_2 .left,
#main #paylater #frame_data_outstanding .row_flex_2 .left {
width: 25%;
margin-right: auto;
margin-left: 0;
padding: 5px 5px 5px 5px;
text-align: left;
}
#main #paylater #popup_paylater_outstanding_detail #frame_data_outstanding .row_flex_2 .left .img,
#main #paylater #frame_data_outstanding .row_flex_2 .left .img {
border:0;
width:70px;
border-radius:4px;
}
#main #paylater #popup_paylater_outstanding_detail #frame_data_outstanding .row_flex_2 .right,
#main #paylater #frame_data_outstanding .row_flex_2 .right {
width:73%;
margin-left: auto;
margin-right: 0;
padding: 5px 5px 5px 5px;
text-align:justify;
}
#main #paylater #popup_paylater_outstanding_detail #frame_data_outstanding .row_flex_2 .right .desc,
#main #paylater #frame_data_outstanding .row_flex_2 .right .desc {
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #000000;
font-size: 13px;
font-weight:bold;
text-align: left;
}
#main #paylater #popup_paylater_outstanding_detail #frame_data_outstanding .row_flex_3,
#main #paylater #frame_data_outstanding .row_flex_3 {
display:flex;
margin:2px 0px 2px 0px;
padding: 5px 5px 5px 5px;
}
#main #paylater #popup_paylater_outstanding_detail #frame_data_outstanding .row_flex_3 .left,
#main #paylater #frame_data_outstanding .row_flex_3 .left {
width: 50%;
margin-right: auto;
margin-left: 0;
padding: 5px 5px 5px 5px;
text-align: left;
}
#main #paylater #popup_paylater_outstanding_detail #frame_data_outstanding .row_flex_3 .right,
#main #paylater #frame_data_outstanding .row_flex_3 .right {
width:48%;
margin-left: auto;
margin-right: 0;
padding: 5px 5px 5px 5px;
text-align:center;
}
#main #paylater #popup_paylater_outstanding_detail #frame_data_outstanding .row_flex_3 .right .total_harga,
#main #paylater #frame_data_outstanding .row_flex_3 .right .total_harga {
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #000000;
font-size: 13px;
font-weight:bold;
text-align: left;
}
#main #paylater #popup_paylater_outstanding_detail #frame_data_outstanding .row_flex_3 .combine,
#main #paylater #frame_data_outstanding .row_flex_3 .combine {
width: 98%;
padding: 5px 5px 5px 5px;
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #000000;
font-size: 12px;
text-align: left;
}
#main #paylater .outstanding_header {
width:15%;
padding: 8px;
margin-top:10px;
background-color:#3f736f;
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #FFFFFF;
font-size: 16px;
text-align: center;
border-radius:4px;
}
#main #paylater .outstanding_data_frame {
display:flex;
padding: 4px;
margin:10px 0px 10px 0px;
border-top:1px solid #3f736f;
border-bottom:1px solid #3f736f;
cursor:pointer;
}
#main #paylater .outstanding_data_frame .left {
width:48%;
padding: 8px 0px 8px 0px;
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #000000;
font-size: 14px;
text-align: left;
font-weight:bold;
}
#main #paylater .outstanding_data_frame .right {
width:48%;
padding: 8px 0px 8px 0px;
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #000000;
font-size: 14px;
text-align: right;
font-weight:bold;
}
/* end */
/* END PAYLATER */
.ui-effects-transfer {
border: 5px dotted #3f736f;
}
/* popup delete */
#main .popup_delete,
#main .popup_delete_pin,
#main .popup_pesanan {
display:none;
position:fixed;
width:95%;
height:180px;
top:300px;
padding: 6px 6px 6px 6px;
background-color:#FFFFFF;
/*z-index:999;*/
z-index:19999999;
border-top: 2px solid #3f736f;
}
#main .popup_delete .judul,
#main .popup_delete_pin .judul {
padding:2px 2px 2px 2px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 14px;
font-weight:bold;
text-align:center;
}
#main .popup_delete .frame_flex,
#main .popup_delete_pin .frame_flex {
display:flex; width:100%;
}
#main .popup_delete .frame_flex .close,
#main .popup_delete_pin .frame_flex .close {
width:10%;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 35px;
text-align:left;
vertical-align:top;
}
#main .popup_delete .frame_flex .judul,
#main .popup_delete_pin .frame_flex .judul {
width:90%;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 17px;
text-align:left;
font-weight:bold;
padding-top:15px;
}
#main .popup_delete .tanya,
#main .popup_delete_pin .tanya,
#main .popup_pesanan .tanya {
padding:2px 2px 2px 2px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 13px;
text-align:justify;
}
#main .popup_delete .isi,
#main .popup_delete_pin .isi,
#main .popup_pesanan .isi {
height:50px;
padding:2px 2px 2px 2px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 13px;
font-weight:bold;
text-align:justify;
}
#main .popup_delete .row_3,
#main .popup_delete_pin .row_3,
#main .popup_pesanan .row_3 {
display:flex;
padding:2px 2px 2px 2px;
justify-content: center;
}
#main .popup_delete .row_3 .button_cancel,
#main .popup_delete_pin .row_3 .button_cancel,
#main .popup_pesanan .row_3 .button_cancel {
padding: 6px 20px 6px 20px;
margin:2px 5px 4px 5px;
border-radius:6px;
background-color:#FF0000;
cursor: pointer;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #FFFFFF;
font-size: 14px;
/*font-weight:bold;*/
text-align:center;
width:50%;
height:20px;
}
#main .popup_delete .row_3 .button_ok,
#main .popup_delete_pin .row_3 .button_ok,
#main .popup_pesanan .row_3 .button_ok {
padding: 6px 20px 6px 20px;
margin:2px 5px 4px 5px;
border-radius:6px;
background-color:#3f736f;
cursor: pointer;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #FFFFFF;
font-size: 14px;
/*font-weight:bold;*/
text-align:center;
width:50%;
height:20px;
}
#main .popup_delete_pin .tanya input[type="tel"] {
width: 50%; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; appearance: none; background: transparent;
outline: 0; text-decoration: none; border: none; padding: 4px; margin: 4px; box-sizing: border-box;
font-family: 'poppins',arial,verdana,helvetica; color:#000000; font-size: 22px;
border: 1px solid #79a3a0; border-radius:10px; text-align:center;
}
/* end */
/* popup keranjang clear */
#main #popup_jam_buka {
display:none;
position:fixed;
width:95%;
height:480px;
top:300px;
padding: 6px 6px 6px 6px;
background-color:#FFFFFF;
z-index:9999999;
border-top: 2px solid #3f736f;
overflow-y:auto;
}
#main #popup_clear_cart {
display:none;
position:fixed;
width:95%;
height:280px;
top:300px;
padding: 6px 6px 6px 6px;
background-color:#FFFFFF;
z-index:999;
border-top: 2px solid #3f736f;
overflow-y:auto;
}
#main #popup_clear_cart .judul_clear_cart, #main #popup_jam_buka .judul_clear_cart {
margin:3px 0px 10px 0px;
padding:2px 2px 2px 2px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 15px;
text-align:center;
font-weight:bold;
}
#main #popup_clear_cart .isi_clear_cart, #main #popup_jam_buka .isi_clear_cart {
margin:5px 0px 5px 0px;
padding:2px 2px 2px 2px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 14px;
text-align:justify;
font-weight:normal;
}
#main #popup_jam_buka .isi_clear_cart .space_toko_tutup {
margin-right:50px;
float:right;
}
#main #popup_jam_buka .isi_clear_cart .hr_toko_tutup {
border:1px solid #79a3a0;
}
#main #popup_clear_cart .row_flex, #main #popup_jam_buka .row_flex {
display:flex;
padding:2px 2px 2px 2px;
justify-content: center;
}
#main #popup_clear_cart .row_flex .button_cancel {
padding: 6px 20px 6px 20px;
margin:2px 5px 4px 5px;
border-radius:6px;
background-color:#FF0000;
cursor: pointer;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #FFFFFF;
font-size: 14px;
font-weight:bold;
text-align:center;
width:50%;
height:20px;
}
#main #popup_clear_cart .row_flex .button_ok, #main #popup_jam_buka .row_flex .button_ok {
padding: 6px 20px 6px 20px;
margin:2px 5px 4px 5px;
border-radius:6px;
background-color:#3f736f;
cursor: pointer;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #FFFFFF;
font-size: 14px;
font-weight:bold;
text-align:center;
width:50%;
height:20px;
}
/* end */
/* KANTIN */
#main #kantin {
margin-top:10px;
margin-bottom:5px;
padding: 2px 2px 2px 2px;
border-radius:4px;
}
#main #kantin .satu_baris {
display:flex;
}
#main #kantin .satu_baris .title {
width: 68%;
margin-right: auto;
margin-left: 0;
padding: 2px 2px 2px 2px;
font-family: 'title',verdana,helvetica,sans-serif;
color: #000000;
font-size: 18px;
text-align: left;
}
#main #kantin .satu_baris .right {
width:32%;
margin-left: auto;
margin-right: 0;
padding: 2px 2px 2px 2px;
text-align:right;
}
#main #kantin .satu_baris .right .button {
text-decoration:none;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #FFFFFF;
font-size: 13px;
text-align: left;
background-color:#3f736f;
padding: 3px 6px 3px 6px;
border-radius:4px;
}
#main #kantin .desc {
margin-top:5px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 13px;
text-align: left;
}
#main #kantin #katalog_frame_home {
margin-top:5px;
padding: 2px 2px 2px 2px;
overflow-x:auto;
width:100%;
}
#main #kantin #katalog_frame_home .katalog_sub_frame_home {
padding: 2px 2px 2px 2px;
display:flex;
margin-bottom:10px;
}
#main #kantin #katalog_frame_home .katalog_sub_frame_home .katalog_home {
margin-right:5px;
padding: 3px 3px 3px 3px;
text-align:center;
border:1px solid #d4d0d0;
border-radius:6px;
box-shadow: 2px 5px #d4d0d0;
}
#main #kantin #katalog_frame_home .katalog_sub_frame_home .katalog_home .katalog_link,
#main #kantin #kategori .kategori_flex .kategori_list .katalog_link {
text-decoration:none;
}
#main #kantin #katalog_frame_home .katalog_sub_frame_home .katalog_home .katalog_link .katalog_home_img {
width:110px;
border-radius:5px;
}
#main #kantin #katalog_frame_home .katalog_sub_frame_home .katalog_home .katalog_link .katalog_see_more_img {
margin-top:70px;
width:50px;
border-radius:5px;
}
#main #kantin #katalog_frame_home .katalog_sub_frame_home .katalog_home .katalog_link .judul_see_more {
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 12px;
text-align:center;
}
#main #kantin #katalog_frame_home .katalog_sub_frame_home .katalog_home .katalog_link .judul {
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 11px;
text-align:left;
height:35px;
}
#main #kantin #katalog_frame_home .katalog_sub_frame_home .katalog_home .katalog_link .harga {
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 11px;
text-align:left;
font-weight:bold;
}
#main #kantin #katalog_frame_home .katalog_sub_frame_home .katalog_home .katalog_link .desc_menu {
margin:5px 0px 5px 0px;
padding: 1px 1px 1px 1px;
text-align:left;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 11px;
height:35px;
}
#main #kantin #katalog_frame_home .katalog_sub_frame_home .katalog_home .katalog_link .desc_terjual {
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #a29c9c;
font-size: 11px;
text-align:left;
padding: 0px 0px 0px 0px;
}
#main #kantin #katalog_frame_home .katalog_sub_frame_home .katalog_home .katalog_link .desc_terjual .desc_terjual_img {
border:0;
padding: 2px 0px 0px 0px;
width:15px;
}
#main #kantin #katalog_frame_home .katalog_sub_frame_home .katalog_home .bt_keranjang {
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #3f736f;
font-size: 13px;
text-align:center;
padding: 3px 3px 3px 3px;
margin:5px 0px 5px 0px;
border:1px solid #3f736f;
border-radius:6px;
cursor: pointer;
}
/* produk kantin all */
#main #kantin #kantin_frame_alone {
margin-top:5px;
padding: 2px 2px 0px 2px;
}
#main #kantin #kantin_frame_alone ul.katalog_sub_frame_alone {
padding: 0px 2px 2px 2px;
display:table;
margin-bottom:10px;
}
#main #kantin #kantin_frame_alone ul.katalog_sub_frame_alone li.katalog_alone {
display: inline;
list-style: none;
padding: 3px 3px 3px 3px;
margin: 0px 4px 20px 4px;
text-align:center;
border:1px solid #d4d0d0;
border-radius:6px;
float: left;
box-shadow: 2px 5px #d4d0d0;
width:140px;
height:320px;
}
#main #kantin #kantin_frame_alone ul.katalog_sub_frame_alone li.katalog_alone .katalog_link {
text-decoration:none;
}
#main #kantin #kantin_frame_alone ul.katalog_sub_frame_alone li.katalog_alone .katalog_link .katalog_alone_img {
width:144px;
border-radius:5px;
}
#main #kantin #kantin_frame_alone ul.katalog_sub_frame_alone li.katalog_alone .katalog_link .judul {
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 11px;
text-align:left;
height:35px;
}
#main #kantin #kantin_frame_alone ul.katalog_sub_frame_alone li.katalog_alone .katalog_link .harga {
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 11px;
text-align:left;
font-weight:bold;
}
#main #kantin #kantin_frame_alone ul.katalog_sub_frame_alone li.katalog_alone .katalog_link .desc_terjual {
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #a29c9c;
font-size: 11px;
text-align:left;
padding: 0px 0px 0px 0px;
}
#main #kantin #kantin_frame_alone ul.katalog_sub_frame_alone li.katalog_alone .katalog_link .desc_terjual .desc_terjual_img {
border:0;
padding: 2px 0px 0px 0px;
width:15px;
}
#main #kantin #kantin_frame_alone ul.katalog_sub_frame_alone li.katalog_alone .katalog_link .desc_menu {
margin:5px 0px 5px 0px;
padding: 1px 1px 1px 1px;
text-align:left;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 11px;
height:35px;
}
#main #kantin #kantin_frame_alone ul.katalog_sub_frame_alone li.katalog_alone .bt_keranjang {
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #3f736f;
font-size: 12px;
text-align:center;
padding: 3px 3px 3px 3px;
margin:5px 0px 5px 0px;
border:1px solid #3f736f;
border-radius:6px;
cursor: pointer;
}
/* end */
/* search */
#main #kantin .search_frame,
#main #mystore #mp_isi .search_frame {
display:flex;
align-items:center;
padding: 0px 0px 2px 2px;
}
#main #kantin .search_frame .search_center,
#main #mystore #mp_isi .search_frame .search_center {
padding: 0px 0px 2px 2px;
width: 90%;
margin-right:2px;
}
#main #kantin .search_frame .search_center form .field,
#main #mystore #mp_isi .search_frame .search_center form .field {
text-align: center;
width: 100%;
vertical-align:top;
}
#main #kantin .search_frame .search_center form .field input,
#mystore #mp_isi .search_frame .search_center form .field input,
#main #kantin .search_frame .search_center form .field input:focus,
#main #mystore #mp_isi .search_frame .search_center form .field input:focus {
width: 75%; padding: 12px 20px 12px 40px; margin-bottom: 5px;
background-image: url('https://cdn1.iconfinder.com/data/icons/hawcons/32/698627-icon-111-search-512.png');
background-repeat: no-repeat; background-position: left center;
border: 2px solid #3f736f; border-radius: 4px; font-family: 'poppins',verdana,arial,helvetica;
background-size: 30px;
font-size: 14px; color:#000000; cursor:pointer;
}
#main #kantin .search_frame .search_right {
padding: 0px 2px 2px 2px;
width: 10%;
}
#main #kantin .search_frame .search_right .link {
padding-top:5px;
cursor:pointer;
}
#main #kantin .search_frame .search_right .link .img {
border:0;
width:35px;
}
/* end */
#main #kantin .header {
padding: 10px 2px 10px 10px;
margin-bottom: 10px;
font-family: 'poppins','menu',verdana, times new roman, sans-serif;
font-size: 17px;
color: #FFFFFF;
background:#3f736f;
border-radius:4px;
box-shadow: 5px 5px #d4d0d0;
letter-spacing:2px;
}
#main #kantin .keranjang {
padding: 2px 2px 2px 2px;
min-height: 680px; /* for disabled refresh */
}
#main #kantin .keranjang .frame_dikirim_ke {
padding: 10px 6px 6px 30px;
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #000000;
font-size: 13px;
text-align:left;
font-weight:bold;
background: #f9f9f2 url("../img/setting_lokasi.png") no-repeat left 5px;
background-size: 30px 30px;
height:65px;
border-radius:4px;
}
#main #kantin .keranjang form .frame_border_bottom {
border-bottom:1px solid #e6e6e2;
padding: 2px 2px 2px 2px;
}
#main #kantin .keranjang form .frame_no_flex {
margin: 10px 0px 10px 0px;
padding: 2px 2px 2px 2px;
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #000000;
font-size: 14px;
}
#main #kantin .keranjang form .frame_no_flex .img_ppob {
border:0;
width:140px;
}
#main #kantin .keranjang form .frame_no_flex .combine {
padding: 6px 6px 6px 6px;
background-color:#e1f0e1;
border-radius:5px;
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #000000;
font-size: 14px;
text-align:left;
}
#main #kantin .keranjang form .frame_no_flex .judul {
padding: 6px 6px 6px 6px;
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #000000;
font-size: 15px;
text-align:left;
font-weight:bold;
}
#main #kantin .keranjang form .frame {
display:flex;
margin: 10px 0px 10px 0px;
padding: 2px 2px 2px 2px;
}
#main #kantin .keranjang form .frame .left {
width: 30%;
margin-right: auto;
margin-left: 0;
padding: 2px 2px 2px 2px;
text-align: center;
}
#main #kantin .keranjang form .frame .left .img {
border:0;
width:80px;
border-radius:4px;
}
#main #kantin .keranjang form .frame .right {
width:70%;
margin-left: auto;
margin-right: 0;
padding: 2px 2px 2px 2px;
text-align:left;
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #000000;
font-size: 13px;
color:#000000;
}
#main #kantin .keranjang form .frame .right .harga {
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #000000;
font-size: 13px;
font-weight:bold;
text-align:left;
}
#main #kantin .keranjang form .frame .right .jumlah_select {
padding: 2px 2px 2px 2px;
}
#main #kantin .keranjang form .frame .right .jumlah_select .img {
border:0;
width:25px;
margin-right:10px;
cursor:pointer;
}
#main #kantin .keranjang form .frame .right .jumlah_select select,
.keranjang form .frame_pengiriman select,
#main #transaksi #frame_data .row_flex_3 .combine form select,
#main #popup_rating form .frame select,
#paylater form select,
#main #kantin .keranjang form .frame_no_flex select {
-webkit-appearance: none; -moz-appearance: none; background: transparent;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat; background-position-x: 100%; background-position-y: 5px;
border: 1px solid #dfdfdf; border-radius: 2px; margin-right: 2rem; padding: 1rem; padding-right: 2rem;
font-family: 'poppins',arial,verdana,helvetica; color:#000000;
}
#main #kantin .keranjang form .frame_no_flex select.kurir {
-webkit-appearance: none; -moz-appearance: none; background: transparent;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat; background-position-x: 100%; background-position-y: 5px;
border: 1px solid #dfdfdf; border-radius: 2px; margin-right: 2rem; padding: 1rem; padding-right: 2rem;
font-family: 'poppins',arial,verdana,helvetica; color:#000000;
width: 310px;
}
#main #kantin .keranjang form .frame_no_flex select.kurir option {
white-space: nowrap;
}
/*
#main #kantin .keranjang form .frame_no_flex select optgroup {
font-weight:bold;
background-color: #dcdcd6;
}
*/
#main #kantin .keranjang form .frame_no_flex textarea {
width: 98%; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; appearance: none;
background: transparent; outline: 0; text-decoration: none;
border: none; box-sizing: border-box;
padding: 3px 3px 3px 3px;
margin: 2px 2px 2px 2px;
border: 1px solid #79a3a0;
border-radius:4px;
font-family: 'poppins',arial,verdana,helvetica;
color:#000000;
font-size: 14px;
resize: none;
}
#main #kantin .keranjang form .subtotal {
background-color:#f9f9f2;
padding: 4px 4px 4px 4px;
margin: 1px 0px 1px 0px;
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #000000;
font-size: 12px;
text-align:left;
}
#main #kantin .keranjang .total_harga,
#main #transaksi #frame_bingkai .bingkai_frame_data #frame_data .total_hargax {
padding: 8px 8px 8px 8px;
margin: 5px 0px 10px 0px;
border:2px solid #3f736f;
border-radius:4px;
box-shadow: 2px 5px #d4d0d0;
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #000000;
font-size: 16px;
font-weight:normal;
}
#main #kantin .keranjang .total_harga .hr,
#main #transaksi #frame_bingkai .bingkai_frame_data #frame_data .total_hargax .hr {
border:1px solid #d4d0d0;
margin:8px 0px 8px 0px;
}
#main #kantin .keranjang .total_harga .label_harga,
#main #transaksi #frame_bingkai .bingkai_frame_data #frame_data .total_hargax .label_harga,
#main #kantin .keranjang form .subtotal .label_harga {
float:right;
}
#main #kantin .keranjang .bt_keranjang_flex_left {
display:flex;
padding:2px 2px 2px 2px;
justify-content: left;
margin-top:10px;
}
#main #kantin .keranjang .bt_keranjang_flex {
display:flex;
padding:2px 2px 2px 2px;
justify-content: center;
margin-top:10px;
}
#main #kantin .keranjang .bt_keranjang_flex .bt_cancel,
#main #kantin .keranjang .bt_keranjang_flex_left .bt_cancel {
padding: 6px 20px 6px 20px;
margin:2px 5px 4px 5px;
border-radius:6px;
background-color:#FF0000;
cursor: pointer;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #FFFFFF;
font-size: 15px;
text-align:center;
width:50%;
height:25px;
}
#main #kantin .keranjang .bt_keranjang_flex .bt_ok,
#main #kantin .keranjang .bt_ok {
padding: 6px 20px 6px 20px;
margin:2px 5px 4px 5px;
border-radius:6px;
background-color:#3f736f;
cursor: pointer;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #FFFFFF;
font-size: 15px;
text-align:center;
width:50%;
height:25px;
}
#main #kantin .keranjang .frame_pengiriman_flex {
display:flex;
padding:2px 2px 2px 2px;
justify-content: center;
border-bottom:1px solid #e6e6e2;
}
#main #kantin .keranjang .frame_pengiriman_flex .combine {
width: 100%;
padding: 2px 2px 2px 2px;
text-align: left;
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #000000;
font-size: 13px;
font-weight:bold;
}
#main #kantin .keranjang .frame_pengiriman_flex .combine .link {
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #3f736f;
font-size: 13px;
text-align:center;
padding: 6px 6px 6px 6px;
border:1px solid #3f736f;
border-radius:4px;
cursor: pointer;
}
#main #kantin .keranjang .frame_pengiriman_flex .left {
width: 50%;
margin-right: auto;
margin-left: 0;
padding: 2px 2px 2px 2px;
text-align: left;
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #000000;
font-size: 13px;
font-weight:bold;
}
#main #kantin .keranjang .frame_pengiriman_flex .right {
width:50%;
margin-left: auto;
margin-right: 0;
padding: 2px 2px 2px 2px;
text-align:right;
}
#main #kantin .keranjang .frame_pengiriman_flex .right .link {
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #3f736f;
font-size: 13px;
text-decoration:none;
}
#main #kantin .keranjang .frame_pengiriman {
margin:8px 0px 8px 0px;
padding:6px 6px 6px 6px;
border-bottom:4px solid #e6e6e2;
font-family: 'poppins',arial,verdana,helvetica;
font-size: 13px;
color:#000000;
text-align:left;
}
#main #kantin .keranjang .frame_pengiriman .img {
border:0;
width:65px;
border:2px solid #3f736f;
border-radius:4px;
padding: 5px 5px 5px 5px;
}
#main #kantin .keranjang .frame_pengiriman .judul {
font-family: 'poppins',arial,verdana,helvetica;
font-size: 14px;
color:#000000;
text-align:left;
font-weight:bold;
}
#main #kantin .keranjang .frame_pengiriman textarea {
width: 100%;
-moz-appearance: none;
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
background: transparent;
outline: 0;
text-decoration: none;
border: none;
padding: 3px 3px 3px 3px;
margin: 2px 2px 2px 2px;
box-sizing: border-box;
border: 1px solid #79a3a0;
border-radius:4px;
font-size: 14px;
font-family: 'poppins',arial,verdana,helvetica;
color:#000000;
overflow: hidden;
resize: none;
}
#main #kantin .keranjang .frame_diskon,
#main #transaksi #frame_bingkai .bingkai_frame_data #frame_data .frame_diskon {
padding:2px 2px 2px 2px;
margin:4px 0px 8px 0px;
border:2px solid #e6e6e2;
border-radius:6px;
display:flex;
cursor:pointer;
}
#main #kantin .keranjang .frame_diskon .fr_img ,
#main #transaksi #frame_bingkai .bingkai_frame_data #frame_data .frame_diskon .fr_img {
width:15%;
margin-right:auto;
margin-left: 0;
text-align:left;
padding:2px 2px 2px 2px;
}
#main #kantin .keranjang .frame_diskon .fr_img .img ,
#main #transaksi #frame_bingkai .bingkai_frame_data #frame_data .frame_diskon .fr_img .img {
border:0;
width:45px;
}
#main #kantin .keranjang .frame_diskon .desc ,
#main #transaksi #frame_bingkai .bingkai_frame_data #frame_data .frame_diskon .desc {
width:70%;
margin:8px 0px 8px 0px;
padding:6px 6px 6px 6px;
font-family: 'poppins',arial,verdana,helvetica;
font-size: 14px;
color:#000000;
text-align:left;
font-weight:bold;
}
#main #kantin .keranjang .frame_diskon .fr_img_panah ,
#main #transaksi #frame_bingkai .bingkai_frame_data #frame_data .frame_diskon .fr_img_panah {
width:10%;
margin-right:0;
margin-left: auto;
text-align:right;
padding:12px 2px 2px 2px;
}
#main #kantin .keranjang .frame_diskon .fr_img_panah .img ,
#main #transaksi #frame_bingkai .bingkai_frame_data #frame_data .frame_diskon .fr_img_panah .img {
border:0;
width:15px;
}
/* kantin produk detail */
#main #kantin #kantin_produk_detail {
padding: 2px 2px 2px 2px;
}
#main #kantin #kantin_produk_detail .container {
max-width: 900px;
padding: 5px;
background-color: #fff;
margin-left: auto;
margin-right: auto;
margin-top:10px;
}
#main #kantin #kantin_produk_detail .slider .slick-slide img {
width: 310px;
margin: auto;
border-radius:6px;
}
#main #kantin #kantin_produk_detail .slider_temp {
margin: auto;
text-align:center;
margin-top:15px;
margin-bottom:32px;
}
#main #kantin #kantin_produk_detail .slider_temp img {
width: 310px;
margin: auto;
border-radius:6px;
}
#main #kantin #kantin_produk_detail .produk_baris_harga {
display:flex;
}
#main #kantin #kantin_produk_detail .produk_baris_harga .produk_harga {
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 22px;
margin-right: auto;
margin-left: 0;
padding: 2px 2px 2px 2px;
text-align: left;
font-weight:bold;
width:67%;
}
#main #kantin #kantin_produk_detail .produk_baris_harga .produk_whistlist {
margin-left: auto;
margin-right: 0;
padding: 6px 2px 2px 2px;
text-align:right;
width:32%;
}
#main #kantin #kantin_produk_detail .produk_baris_harga .produk_whistlist .img {
width:20px;
border:0;
cursor:pointer;
}
#main #kantin #kantin_produk_detail .produk_nama {
margin: 5px 0px 5px 0px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 13px;
text-align:left;
}
#main #kantin #kantin_produk_detail .produk_belum_ppnx {
margin: 5px 0px 5px 0px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 9px;
text-align:left;
}
#main #kantin #kantin_produk_detail .produk_suka {
margin: 5px 0px 5px 0px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 11px;
text-align:left;
}
#main #kantin #kantin_produk_detail .produk_star {
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #a29c9c;
font-size: 11px;
text-align:left;
padding: 0px 0px 0px 0px;
}
#main #kantin #kantin_produk_detail .produk_star .img {
border:0;
padding: 2px 0px 0px 0px;
width:15px;
}
#main #kantin #kantin_produk_detail .produk_hr {
margin: 5px 0px 5px 0px;
border:3px solid #eeeee9;
}
#main #kantin #kantin_produk_detail .produk_desc {
padding: 4px 4px 4px 4px;
}
#main #kantin #kantin_produk_detail .produk_desc .judul {
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 14px;
text-align:left;
font-weight:bold;
}
#main #kantin #kantin_produk_detail .produk_desc .frame {
display:table;
padding: 2px 2px 2px 2px;
text-align:left;
border-spacing: 5px;
border-bottom:1px solid #e6e6e2;
width:100%;
}
#main #kantin #kantin_produk_detail .produk_desc .frame .sub_1 {
display:table-cell;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 14px;
text-align:left;
width:120px;
padding: 2px 2px 2px 2px;
}
#main #kantin #kantin_produk_detail .produk_desc .frame .sub_1_link {
display:table-cell;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #3f736f;
font-size: 14px;
text-align:left;
width:120px;
padding: 2px 2px 2px 2px;
cursor:pointer;
}
#main #kantin #kantin_produk_detail .produk_desc .desc_lengkap {
margin: 5px 0px 5px 0px;
padding: 4px 4px 4px 4px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 13px;
text-align:left;
}
#main #kantin #kantin_produk_detail .produk_ulasan {
padding: 2px 2px 2px 2px;
}
#main #kantin #kantin_produk_detail .produk_ulasan .produk_ulasan_frame {
display:flex;
}
#main #kantin #kantin_produk_detail .produk_ulasan .produk_ulasan_frame .left {
margin-right: auto;
margin-left: 0;
padding: 2px 2px 2px 2px;
text-align: left;
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #000000;
font-size: 14px;
font-weight:bold;
}
#main #kantin #kantin_produk_detail .produk_ulasan .produk_ulasan_frame .right {
margin-left: auto;
margin-right: 0;
padding: 2px 2px 2px 2px;
text-align: right;
}
#main #kantin #kantin_produk_detail .produk_ulasan .produk_ulasan_frame .right .link {
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #3f736f;
font-size: 12px;
text-align:left;
cursor: pointer;
font-weight:bold;
}
#main #kantin #kantin_produk_detail .produk_ulasan .produk_ulasan_frame .img_ulasan {
border:0;
margin-right:5px;
width:60px;
border-radius:5px;
}
#main #kantin #kantin_produk_detail .produk_ulasan .produk_ulasan_frame .link_img {
padding-top:10px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #FFFFFF;
font-size: 12px;
text-align:center;
cursor: pointer;
border-radius:5px;
background-color:#676767;
}
#main #kantin #kantin_produk_detail .produk_ulasan .produk_ulasan_judul {
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 14px;
text-align:left;
font-weight:bold;
}
#main #kantin #kantin_produk_detail .produk_ulasan .produk_ulasan_judul .img {
border:0;
padding: 2px 0px 0px 0px;
width:25px;
}
#main #kantin #kantin_produk_detail .produk_ulasan .produk_ulasan_judul .img_2 {
border:0;
padding: 2px 0px 0px 0px;
width:13px;
}
#main #kantin #kantin_produk_detail .produk_ulasan .produk_ulasan_judul .judul_2 {
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #a29c9c;
font-size: 12px;
text-align:left;
font-weight:normal;
}
#main #kantin #kantin_produk_detail .produk_ulasan .produk_ulasan_judul .judul_3 {
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 12px;
text-align:left;
font-weight:normal;
}
#main #kantin #kantin_produk_detail .produk_ulasan .desc {
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 12px;
text-align:left;
}
#main #kantin #kantin_produk_detail .produk_laporkan {
margin: 8px 0px 8px 0px;
padding: 0px 0px 0px 0px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 12px;
text-align:left;
display:flex;
align-items:center;
}
#main #kantin #kantin_produk_detail .produk_laporkan .img {
border:0;
width:40px;
}
#main #kantin #kantin_produk_detail .produk_laporkan .link {
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #3f736f;
font-size: 12px;
text-align:left;
cursor: pointer;
}
#main #kantin #kantin_produk_detail .space_bottom {
height:40px;
}
/* wishlist */
#main #kantin .frame_jumlah_wishlist {
padding: 2px 2px 2px 2px;
margin:5px 0px 5px 0px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 14px;
text-align:left;
font-weight:bold;
}
#main #kantin #frame_bingkai_wishlist {
padding: 0px 0px 0px 0px;
}
#main #kantin #frame_bingkai_wishlist .bingkai_frame_data_wishlist {
padding: 2px 1px 2px 1px;
}
#main #kantin #frame_bingkai_wishlist .bingkai_frame_data_wishlist .frame_data_wishlist {
border:2px solid #3f736f;
border-radius:5px;
box-shadow: 6px 6px #d4d0d0;
padding: 5px 5px 5px 5px;
margin:0px 0px 15px 0px;
}
#main #kantin #frame_bingkai_wishlist .bingkai_frame_data_wishlist .frame_data_wishlist .row_flex_1 {
display:flex;
border-bottom:1px solid #e6e6e2;
margin:2px 0px 2px 0px;
padding: 5px 5px 5px 5px;
}
#main #kantin #frame_bingkai_wishlist .bingkai_frame_data_wishlist .frame_data_wishlist .row_flex_1 .combine {
width: 100%;
margin-right: auto;
margin-left: 0;
padding: 5px 5px 5px 5px;
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #000000;
font-size: 13px;
text-align: left;
}
#main #kantin #frame_bingkai_wishlist .bingkai_frame_data_wishlist .frame_data_wishlist .row_flex_1 .left {
width: 40%;
margin-right: auto;
margin-left: 0;
padding: 5px 5px 5px 5px;
text-align: left;
}
#main #kantin #frame_bingkai_wishlist .bingkai_frame_data_wishlist .frame_data_wishlist .row_flex_1 .left .tgl {
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #000000;
font-size: 12px;
text-align: left;
}
#main #kantin #frame_bingkai_wishlist .bingkai_frame_data_wishlist .frame_data_wishlist .row_flex_1 .right {
width:60%;
margin-left: auto;
margin-right: 0;
padding: 5px 5px 5px 5px;
font-family: 'poppins',verdana,helvetica,sans-serif;
font-size: 13px;
color:#000000;
text-align:right;
}
#main #kantin #frame_bingkai_wishlist .bingkai_frame_data_wishlist .frame_data_wishlist .row_flex_2 {
display:flex;
margin:2px 0px 2px 0px;
padding: 5px 5px 5px 5px;
}
#main #kantin #frame_bingkai_wishlist .bingkai_frame_data_wishlist .frame_data_wishlist .row_flex_2 .left {
width: 25%;
margin-right: auto;
margin-left: 0;
padding: 5px 5px 5px 5px;
text-align: left;
}
#main #kantin #frame_bingkai_wishlist .bingkai_frame_data_wishlist .frame_data_wishlist .row_flex_2 .left .img {
border:0;
width:70px;
border-radius:4px;
}
#main #kantin #frame_bingkai_wishlist .bingkai_frame_data_wishlist .frame_data_wishlist .row_flex_2 .left .img_hapus {
border:0;
width:25px;
margin-right:10px;
cursor:pointer;
}
#main #kantin #frame_bingkai_wishlist .bingkai_frame_data_wishlist .frame_data_wishlist .row_flex_2 .right {
width:75%;
margin-left: auto;
margin-right: 0;
padding: 5px 5px 5px 5px;
text-align:justify;
}
#main #kantin #frame_bingkai_wishlist .bingkai_frame_data_wishlist .frame_data_wishlist .row_flex_2 .right .desc,
#main #kantin #frame_bingkai_wishlist .bingkai_frame_data_wishlist .frame_data_wishlist .row_flex_2 .right .desc .link {
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #000000;
font-size: 13px;
text-align: left;
}
#main #kantin #frame_bingkai_wishlist .bingkai_frame_data_wishlist .frame_data_wishlist .row_flex_2 .right .bt_keranjang {
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #3f736f;
font-size: 14px;
text-align:center;
padding: 3px 3px 3px 3px;
margin:5px 0px 5px 0px;
border:1px solid #3f736f;
border-radius:6px;
cursor: pointer;
}
/* button bottom kantin */
#main #produk_bottom_frame_kantin {
padding: 0px 0px 0px 0px;
position:fixed;
bottom: 0;
z-index: 100;
width: 96%;
height: 44px;
border-top:3px solid #e6e6e2;
background-color:#FFFFFF;
}
#main #produk_bottom_frame_kantin .frame_flex {
display:flex;
align-items:center;
padding: 4px 4px 4px 4px;
}
#main #produk_bottom_frame_kantin .frame_flex .bottom_bt_wishlist {
cursor: pointer;
text-decoration:none;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #3f736f;
font-size: 14px;
text-align: center;
padding: 6px 35px 6px 35px;
border-radius:6px;
margin-left: auto;
margin-right: 0;
border:1px solid #3f736f;
background-color:#def0de;
text-decoration:none;
background: url("../img/pegemart_sample/wishlist_cur.png") #FFFFFF 4px no-repeat;
background-size: 20px 20px;
width:40%;
margin-right:10px;
}
#main #produk_bottom_frame_kantin .frame_flex .bottom_bt_keranjang {
border:none;
cursor: pointer;
text-decoration:none;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #FFFFFF;
font-size: 14px;
text-align: center;
padding: 6px 20px 6px 20px;
border-radius:6px;
margin-left: auto;
margin-right: 0;
background-color:#3f736f;
width:40%;
}
#main #produk_bottom_frame_kantin .frame_flex .bottom_bt_transaksi {
cursor: pointer;
text-decoration:none;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #3f736f;
font-size: 14px;
text-align: center;
padding: 6px 35px 6px 35px;
border-radius:6px;
margin-left: auto;
margin-right: 0;
border:1px solid #3f736f;
background-color:#def0de;
text-decoration:none;
background: url("../img/pegemart_sample/transaksi_cur.png") #FFFFFF 4px no-repeat;
background-size: 20px 20px;
width:40%;
}
/* end */
/* popup filter */
#main #popup_fliter_kantin {
display:none;
position:fixed;
width:93%;
height:400px;
top:75px;
padding: 4px 4px 4px 4px;
background-color:#FFFFFF;
z-index:999;
}
#main #popup_fliter_kantin::-webkit-scrollbar, #main #popup_fliter_kantin::-moz-scrollbar, #main #popup_fliter_kantin::-ms-scrollbar{
width:0;
}
#main #popup_fliter_kantin .filter_frame_flex {
display:flex;
margin-top:10px;
margin-bottom:5px;
width:97%;
}
#main #popup_fliter_kantin .filter_frame_flex .left {
width:65%;
margin-right: auto;
margin-left: 0;
padding: 2px 2px 2px 10px;
text-align: left;
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #000000;
font-size: 17px;
font-weight:bold;
}
#main #popup_fliter_kantin .filter_frame_flex .frame_flex_reset {
width:15%;
margin-left: 20px;
margin-right: 20px;
padding: 3px 4px 3px 4px;
text-align: center;
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #3f736f;
font-size: 14px;
border:1px solid #3f736f;
background-color:#def0de;
border-radius:5px;
cursor:pointer;
}
#main #popup_fliter_kantin .filter_frame_flex .frame_flex_close {
width:15%;
margin-left: auto;
margin-right: 0;
padding: 3px 4px 3px 4px;
text-align: center;
font-family: 'poppins',verdana,helvetica,sans-serif;
color:#FFFFFF;
font-size: 14px;
background-color:#FF0000;
border-radius:5px;
cursor:pointer;
}
#main #popup_fliter_kantin .frame {
padding: 2px 2px 2px 2px;
margin-bottom:10px;
}
#main #popup_fliter_kantin .frame .judul {
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #000000;
font-size: 13px;
text-align: left;
font-weight:bold;
}
#main #popup_fliter_kantin .frame .isi {
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #80776a;
font-size: 12px;
text-align: left;
}
#main #popup_fliter_kantin .frame .isi .search_select,#main #popup_fliter_kantin .frame .isi .search_select:focus {
-webkit-appearance: none;
-moz-appearance: none;
background: transparent;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position-x: 100%;
background-position-y: 5px;
border: 1px solid #dfdfdf;
border-radius: 2px;
margin-right: 2rem;
padding: 1rem;
padding-right: 2rem;
}
#main #popup_fliter_kantin .frame .text_cari {
width: 95%; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; appearance: none; background: transparent; outline: 0;
border: none;
padding: 3px 3px 3px 3px;
margin: 2px 2px 2px 2px;
box-sizing: border-box;
border-bottom: 1px solid #79a3a0;
font-family: 'poppins',arial,verdana,helvetica;
font-size: 13px;
color: #80776a;
text-decoration: none;
}
#main #popup_fliter_kantin .frame .text_cari:focus {
background-color: #e1f0e1;
}
#main #popup_fliter_kantin .frame .bt_terapkan {
padding: 9px 20px 9px 20px;
margin:2px 0px 4px 0px;
border-radius:6px;
background-color:#3f736f;
cursor: pointer;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #FFFFFF;
font-size: 15px;
font-weight:bold;
text-align:center;
}
/* end */
/* rating */
#main #popup_rating {
display:none;
position:fixed;
width:95%;
height:100%;
top:10px;
padding: 4px 4px 4px 4px;
background-color:#FFFFFF;
z-index:19999999;
overflow-y:auto;
}
#main #popup_rating::-webkit-scrollbar, #main #popup_rating::-moz-scrollbar, #main #popup_rating::-ms-scrollbar{
width:0;
}
#main #popup_rating .filter_frame_flex {
display:flex;
margin-top:10px;
margin-bottom:5px;
width:97%;
}
#main #popup_rating .filter_frame_flex .left {
width:65%;
margin-right: auto;
margin-left: 0;
padding: 2px 2px 2px 10px;
text-align: left;
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #000000;
font-size: 15px;
font-weight:bold;
}
#main #popup_rating .filter_frame_flex .frame_flex_reset {
width:15%;
margin-left: 20px;
margin-right: 20px;
padding: 3px 4px 3px 4px;
text-align: center;
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #3f736f;
font-size: 14px;
border:1px solid #3f736f;
background-color:#def0de;
border-radius:5px;
cursor:pointer;
}
#main #popup_rating .filter_frame_flex .frame_flex_close {
width:15%;
margin-left: auto;
margin-right: 0;
padding: 3px 4px 3px 4px;
text-align: center;
font-family: 'poppins',verdana,helvetica,sans-serif;
color:#FFFFFF;
font-size: 14px;
background-color:#FF0000;
border-radius:5px;
cursor:pointer;
}
#main #popup_rating .row_flex {
display:flex;
margin:2px 0px 2px 0px;
padding: 5px 5px 5px 5px;
}
#main #popup_rating .row_flex .left {
width: 25%;
margin-right: auto;
margin-left: 0;
padding: 5px 5px 5px 5px;
text-align: left;
}
#main #popup_rating .row_flex .left .img {
border:0;
width:70px;
border-radius:4px;
}
#main #popup_rating .row_flex .right {
width:75%;
margin-left: auto;
margin-right: 0;
padding: 5px 5px 5px 5px;
text-align:justify;
}
#main #popup_rating .row_flex .right .desc_rating {
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #000000;
font-size: 13px;
text-align: left;
}
#main #popup_rating .frame_center {
padding: 2px 2px 2px 2px;
margin-bottom:10px;
text-align:center;
}
#main #popup_rating .frame_title {
padding: 2px 2px 2px 2px;
margin:2px 0px 4px 0px;
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #000000;
font-size: 13px;
font-weight:bold;
text-align: left;
}
#main #popup_rating form .frame {
padding: 2px 2px 2px 2px;
margin:2px 0px 4px 0px;
}
#main #popup_rating form .frame textarea,
#paylater form textarea,
#main .popup_pesanan .isi textarea {
width: 95%; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; appearance: none; background: transparent;
outline: 0; text-decoration: none; border: none; padding: 3px 3px 3px 3px; margin: 2px 2px 2px 2px;
box-sizing: border-box; border: 1px solid #79a3a0; border-radius:4px;
font-family: 'poppins',arial,verdana,helvetica; color:#000000; overflow: hidden; resize: none;
font-size: 14px;
}
#main #popup_rating form .frame_foto {
padding: 2px 2px 2px 2px;
margin:15px 0px 15px 0px;
text-align:center;
}
#main #popup_rating form .frame_foto label,
#main #mystore #tab .tab form .form_frame .label_file {
text-decoration:none;
cursor: pointer;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 14px;
text-align: left;
padding: 10px 6px 10px 40px;
background: url("../img/browse_foto.png") #FFFFFF 2px no-repeat;
background-size: 35px 35px;
height:30px;
border-radius:6px;
border:1px solid #79a3a0;
}
#main #popup_rating form .frame .bt_rating {
width:85%;
padding: 9px 20px 9px 20px;
margin:2px 0px 4px 0px;
border-radius:6px;
background-color:#3f736f;
cursor: pointer;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #FFFFFF;
font-size: 15px;
text-align:center;
}
#main #popup_rating .space_frame {
height:80px;
}
/* end */
/* END KANTIN */
/* TRANSAKSI */
#main #transaksi {
margin: 2px 0px 10px 0px;
padding: 2px 2px 2px 2px;
border-radius:4px;
}
#main #transaksi .frame_ulasan {
padding: 2px 2px 2px 2px;
}
#main #transaksi .frame_ulasan .list_ulasan {
width:140px;
padding: 5px 3px 5px 3px;
border:2px solid #3f736f;
border-radius:6px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 13px;
text-align:center;
cursor: pointer;
}
#main #transaksi .frame_ulasan .frame_flex {
padding: 2px 2px 2px 2px;
display: flex;
}
#main #transaksi .frame_ulasan .frame_flex .left {
width: 10%;
padding: 2px 2px 2px 0px;
margin-right: 5px;
}
#main #transaksi .frame_ulasan .frame_flex .left .img_back {
border: 0;
width: 25px;
cursor:pointer;
padding: 6px 6px 6px 6px;
}
#main #transaksi .frame_ulasan .frame_flex .right {
width: 90%;
padding: 4px 2px 2px 2px;
}
#main #transaksi .frame_ulasan .frame_flex .right .judul_ulasan_current {
/*width:125px;*/
padding: 0px 3px 5px 3px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #3f736f;
font-size: 17px;
text-align:left;
}
#main #transaksi #frame_bingkai {
padding: 0px 0px 0px 0px;
}
#main #transaksi #frame_bingkai .bingkai_frame_data {
padding: 2px 1px 2px 1px;
}
#main #transaksi #frame_bingkai .bingkai_frame_data #frame_data {
border:2px solid #3f736f;
border-radius:5px;
box-shadow: 6px 6px #d4d0d0;
padding: 5px 5px 5px 5px;
margin:0px 0px 15px 0px;
}
#main #transaksi #frame_bingkai .bingkai_frame_data #frame_data .row_flex_1 {
display:flex;
border-bottom:1px solid #e6e6e2;
margin:2px 0px 2px 0px;
padding: 5px 5px 5px 5px;
}
#main #transaksi #frame_bingkai .bingkai_frame_data #frame_data .row_flex_1 .combine {
width: 100%;
margin-right: auto;
margin-left: 0;
padding: 5px 5px 5px 5px;
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #000000;
font-size: 13px;
text-align: left;
}
#main #transaksi #frame_bingkai .bingkai_frame_data #frame_data .row_flex_1 .combine .frame_img_rating {
padding: 5px 5px 5px 5px;
border:1px solid #3f736f;
border-radius:4px;
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #000000;
font-size: 13px;
text-align: left;
}
#main #transaksi #frame_bingkai .bingkai_frame_data #frame_data .row_flex_1 .combine .frame_img_rating .img_rating {
border:0;
width:30px;
}
#main #transaksi #frame_bingkai .bingkai_frame_data #frame_data .row_flex_1 .combine .frame_img_rating .img_rating_db {
border:0;
width:70px;
border-radius:4px;
}
#main #transaksi #frame_bingkai .bingkai_frame_data #frame_data .row_flex_1 .left {
width: 40%;
margin-right: auto;
margin-left: 0;
padding: 5px 5px 5px 5px;
font-family: 'poppins',verdana,helvetica,sans-serif;
font-size: 13px;
color:#000000;
text-align: left;
}
#main #transaksi #frame_bingkai .bingkai_frame_data #frame_data .row_flex_1 .left .tgl {
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #000000;
font-size: 12px;
text-align: left;
}
#main #transaksi #frame_bingkai .bingkai_frame_data #frame_data .row_flex_1 .left .item_lainnya {
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #000000;
font-size: 13px;
text-align: left;
}
#main #transaksi #frame_bingkai .bingkai_frame_data #frame_data .row_flex_1 .right {
width:60%;
margin-left: auto;
margin-right: 0;
padding: 5px 5px 5px 5px;
font-family: 'poppins',verdana,helvetica,sans-serif;
font-size: 13px;
color:#000000;
text-align:right;
}
#main #transaksi #frame_bingkai .bingkai_frame_data #frame_data .row_flex_1 .right .st_orange,
#main #transaksi #frame_bingkai .bingkai_frame_data #frame_data .row_flex_1 .combine .st_orange,
#main #transaksi #frame_bingkai .bingkai_frame_data #frame_data .row_flex_3 .right .st_orange {
color:#f66313;
background:#f6eec5;
padding: 4px 4px 4px 4px;
border-radius:4px;
}
#main #transaksi #frame_bingkai .bingkai_frame_data #frame_data .row_flex_1 .right .st_merah,
#main #transaksi #frame_bingkai .bingkai_frame_data #frame_data .row_flex_1 .combine .st_merah {
color:#ff0000;
background:#f6c5ce;
padding: 4px 4px 4px 4px;
border-radius:4px;
}
#main #transaksi #frame_bingkai .bingkai_frame_data #frame_data .row_flex_1 .left .st_biru,
#main #transaksi #frame_bingkai .bingkai_frame_data #frame_data .row_flex_1 .right .st_biru,
#main #transaksi #frame_bingkai .bingkai_frame_data #frame_data .row_flex_1 .combine .st_biru {
color:#0000ff;
background:#c5d6f6;
padding: 4px 4px 4px 4px;
border-radius:4px;
}
#main #transaksi #frame_bingkai .bingkai_frame_data #frame_data .row_flex_1 .left .st_hijau,
#main #transaksi #frame_bingkai .bingkai_frame_data #frame_data .row_flex_1 .right .st_hijau,
#main #transaksi #frame_bingkai .bingkai_frame_data #frame_data .row_flex_1 .combine .st_hijau,
#main #transaksi #frame_bingkai .bingkai_frame_data #frame_data .row_flex_3 .right .st_hijau {
color:#3f736f;
background:#c5f6c6;
padding: 4px 4px 4px 4px;
border-radius:4px;
}
#main #transaksi #frame_bingkai .bingkai_frame_data #frame_data .row_flex_1 .right .st_hitam,
#main #transaksi #frame_bingkai .bingkai_frame_data #frame_data .row_flex_1 .combine .st_hitam {
color:#000000;
background:#f5f6c5;
padding: 4px 4px 4px 4px;
border-radius:4px;
}
#main #transaksi #frame_bingkai .bingkai_frame_data #frame_data .row_flex_2 {
display:flex;
margin:2px 0px 2px 0px;
padding: 5px 5px 5px 5px;
}
#main #transaksi #frame_bingkai .bingkai_frame_data #frame_data .row_flex_2 .left {
width: 25%;
margin-right: auto;
margin-left: 0;
padding: 5px 5px 5px 5px;
text-align: left;
/*border-bottom:1px solid #e6e6e2;*/
}
#main #transaksi #frame_bingkai .bingkai_frame_data #frame_data .row_flex_2 .left .img {
border:0;
width:70px;
border-radius:10px;
}
#main #transaksi #frame_bingkai .bingkai_frame_data #frame_data .row_flex_2 .left .link .img {
border:0;
width:70px;
border-radius:4px;
text-decoration:none;
}
#main #transaksi #frame_bingkai .bingkai_frame_data #frame_data .row_flex_2 .right {
width:75%;
margin-left: auto;
margin-right: 0;
padding: 5px 5px 5px 5px;
text-align:justify;
}
#main #transaksi #frame_bingkai .bingkai_frame_data #frame_data .row_flex_2 .right .desc {
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #000000;
font-size: 13px;
text-align: left;
}
#main #transaksi #frame_bingkai .bingkai_frame_data #frame_data .row_flex_2 .right .desc_2 {
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #000000;
font-size: 13px;
text-align: left;
}
#main #transaksi #frame_bingkai .bingkai_frame_data #frame_data .row_flex_2 .right .desc .link {
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #000000;
font-size: 13px;
font-weight:bold;
text-align: left;
text-decoration:none;
}
#main #transaksi #frame_bingkai .bingkai_frame_data #frame_data .row_flex_3 {
display:flex;
margin:2px 0px 2px 0px;
padding: 5px 5px 5px 5px;
}
#main #transaksi #frame_bingkai .bingkai_frame_data #frame_data .row_flex_3_border {
display:flex;
margin:2px 0px 2px 0px;
padding: 5px 5px 5px 5px;
border-bottom:1px solid #e6e6e2;
}
#main #transaksi #frame_bingkai .bingkai_frame_data #frame_data .row_flex_3_border_all {
display:flex;
margin:2px 0px 2px 0px;
padding: 5px 5px 5px 5px;
border:1px solid #e6e6e2;
border-radius:5px;
}
#main #transaksi #frame_bingkai .bingkai_frame_data #frame_data .row_flex_3 .left,
#main #transaksi #frame_bingkai .bingkai_frame_data #frame_data .row_flex_3_border .left {
width: 50%;
margin-right: auto;
margin-left: 0;
padding: 5px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 14px;
text-align: left;
}
#main #transaksi #frame_bingkai .bingkai_frame_data #frame_data .row_flex_3 .left .total_harga,
#main #transaksi #frame_bingkai .bingkai_frame_data #frame_data .row_flex_3 .right_left .total_harga,
#main #transaksi #frame_bingkai .bingkai_frame_data #frame_data .row_flex_3_border .total_harga {
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #000000;
font-size: 13px;
font-weight:bold;
text-align: left;
}
#main #transaksi #frame_bingkai .bingkai_frame_data #frame_data .row_flex_3 .right {
width:50%;
margin-left: auto;
margin-right: 0;
padding: 5px 5px 5px 5px;
text-align:center;
}
#main #transaksi #frame_bingkai .bingkai_frame_data #frame_data .row_flex_3 .right_left,
#main #transaksi #frame_bingkai .bingkai_frame_data #frame_data .row_flex_3_border .right_left {
width:50%;
margin-left: auto;
margin-right: 0;
padding: 5px 5px 5px 5px;
text-align:left;
}
#main #transaksi #frame_bingkai .bingkai_frame_data #frame_data .row_flex_3 .left .bt_tr,
#main #transaksi #frame_bingkai .bingkai_frame_data #frame_data .row_flex_3 .right .bt_tr,
#main #transaksi #frame_bingkai .bt_tr,
#main #transaksi .bt_tr {
padding: 8px 3px 8px 3px;
margin:5px 0px 5px 0px;
border-radius:6px;
background:#3f736f;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #FFFFFF;
font-size: 13px;
text-align:center;
cursor: pointer;
}
#main #transaksi #frame_bingkai .bingkai_frame_data #frame_data .row_flex_3 .left .bt_cancel {
padding: 6px 20px 6px 20px;
margin:2px 5px 4px 5px;
border-radius:6px;
background-color:#FF0000;
cursor: pointer;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #FFFFFF;
font-size: 15px;
text-align:center;
width:50%;
height:25px;
}
#main #transaksi #frame_bingkai .bingkai_frame_data #frame_data .row_flex_3 .right .bt_ok,
#main #transaksi #frame_bingkai .bingkai_frame_data #frame_data .row_flex_3 .right_left .bt_ok {
padding: 6px 20px 6px 20px;
margin:2px 5px 4px 5px;
border-radius:6px;
background-color:#3f736f;
cursor: pointer;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #FFFFFF;
font-size: 15px;
text-align:center;
width:60%;
height:25px;
}
#main #transaksi #frame_bingkai .bingkai_frame_data #frame_data .row_flex_3 .combine,
#main #transaksi #frame_bingkai .bingkai_frame_data #frame_data .row_flex_3_border_all .combine {
width: 100%;
padding: 5px 5px 5px 5px;
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #000000;
font-size: 12px;
text-align: left;
}
/* loading scroll */
#main #transaksi #loader_message,
#main #kantin #loader_message,
#main #mystore #mp_isi #loader_message,
#main #marketplace #loader_message,
#mp_chat .frame_chat_mirror #loader_message {
padding:2px 2px 2px 2px;
}
#main #transaksi #loader_message_inside,
#main #mystore #mp_isi #loader_message_inside,
#main #kantin #loader_message_inside,
#main #marketplace #loader_message_inside,
#mp_chat .frame_chat_mirror #loader_message_inside {
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 13px;
border:1px solid #3f736f;
border-radius:4px;
height:35px;
padding:15px 10px 0px 35px;
}
#main #transaksi #loader_message_inside_img,
#main #mystore #mp_isi #loader_message_inside_img,
#main #kantin #loader_message_inside_img,
#main #marketplace #loader_message_inside_img,
#mp_chat .frame_chat_mirror #loader_message_inside_img {
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 13px;
border:1px solid #3f736f;
border-radius:4px;
height:35px;
padding:15px 10px 0px 35px;
background: url("../img/loader_scroll.gif") #FFFFFF 5px no-repeat;
background-size: 24px 24px;
}
/* END TRANSAKSI */
/*-----------------------------
News Ticker
------------------------------*/
.acme-news-ticker {
background: #fff;
position: relative;
height: 45px;
border: 1px solid #1974d2;
/*margin-top: 45px; */
}
@media (min-width: 768px) {
.acme-news-ticker {
margin-top: 0;
}
}
.acme-news-ticker-label {
background: #1974d2;
padding: 10px;
float: left;
margin-right: 15px;
line-height: normal;
height: 100%;
color: #fff;
}
@media (max-width: 575px) {
.acme-news-ticker-label {
position: absolute;
/*top: -45px;*/
}
}
.acme-news-ticker-box {
height: 100%;
/*padding-top: 10px;*/
overflow: hidden;
}
@media (max-width: 575px) {
.acme-news-ticker-box {
padding-left: 10px;
padding-right: 10px;
}
}
.acme-news-ticker-box ul {
width: 100%;
list-style-type: none !important;
padding: 0;
margin: 0;
}
.acme-news-ticker-box ul li a {
text-decoration: none;
color:#000000;
}
.acme-news-ticker-controls {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
height: 100%;
right: 0;
top: 0;
}
/* end news ticker */
/* MARKETPLACE */
/* menu top */
#main #page_frame_menu .sidenav {
height: 100%;
width: 0;
position: fixed;
z-index: 29999999;
top: 0;
left: 0;
background-color: #FFFFFF;
overflow-x: hidden;
transition: 0.5s;
padding-top: 2px;
border-radius:5px;
}
#main #page_frame_menu .sidenav .sidenav_top {
display:flex;
padding: 5px 5px 5px 5px;
}
#main #page_frame_menu .sidenav .sidenav_top .left {
padding-top:12px;
width:70%;
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #000000;
font-size: 14px;
font-weight:bold;
}
#main #page_frame_menu .sidenav .sidenav_top .right {
width:30%;
text-align:right;
font-size: 40px;
color:#000000;
}
#main #page_frame_menu .sidenav .link {
display:flex;
flex-direction: column;
transition: 0.3s;
text-decoration: none;
padding: 5px 0px 5px 10px;
margin: 0px 20px 8px 10px;
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #000000;
font-size: 14px;
text-align:left;
font-weight:bold;
}
#main #page_frame_menu .sidenav .link_sub {
display:flex;
flex-direction: column;
transition: 0.3s;
text-decoration: none;
padding: 5px 0px 5px 10px;
margin: 0px 20px 8px 30px;
}
#main #page_frame_menu .sidenav .link_sub img {
position: absolute;
border:0;
width:30px;
}
#main #page_frame_menu .sidenav .link_sub .label {
padding-top:2px;
padding-left:35px;
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #000000;
font-size: 14px;
text-align:left;
}
#main #page_frame_menu .sidenav .space_bottom {
margin-bottom:40px;
}
/* end */
#main #mystore {
padding: 0px; margin: 0px;
}
/* data wajib mp */
#main #mystore .frame_mp_dt_wajib {
padding: 6px;
border: 1px solid #000000;
border-radius: 4px;
margin: 10px 0px 10px 0px;
background-color: #eafdf1;
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #FF0000;
font-size: 14px;
text-align:left;
}
/* menu & judul */
#main #mystore .menu_top {
display:flex; background-color:#3f736f; margin-bottom:10px; padding:4px;
}
#main #mystore .menu_top .left {
width:10%;
text-align:left;
padding-left:7px;
font-size:30px;
cursor:pointer;
color: #FFFFFF;
}
#main #mystore .menu_top .left .img {
border:0; width:25px;
}
#main #mystore .menu_top .right {
width:90%;
padding-top:10px;
padding-left:2px;
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #FFFFFF;
font-size: 14px;
text-align:left;
}
/* submenu top */
#main #mystore #mp_sub_menu,
#main #info #mp_sub_menu {
padding: 2px; display:flex; overflow-x:auto;
}
#main #mystore #mp_sub_menu .sub_menu,
#main #info #mp_sub_menu .sub_menu {
white-space:nowrap;
margin-right:5px;
cursor:pointer;
border:1px solid #009488;
border-radius:4px;
padding: 6px 12px 6px 12px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
font-size: 14px;
color:#000000;
text-align:center;
}
#main #mystore #mp_sub_menu .sub_menu_current,
#main #info #mp_sub_menu .sub_menu_current {
white-space:nowrap;
margin-right:5px;
cursor:pointer;
border:1px solid #009488;
border-radius:4px;
padding: 6px 12px 6px 12px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
font-size: 14px;
color:#000000;
text-align:center;
color: #FFFFFF;
background-color:#3f736f;
}
/* mp intro */
#main .mp_show_timer {
width:15%;
padding:8px 8px 8px 8px;
margin: auto;
border:2px solid #3f736f;
border-radius:8px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
font-size:16px;
color:#FFFFFF;
text-align:center;
background-color:#3f736f;
}
#main .mp_intro_timeline {
margin-top:5px;
padding:4px 4px 4px 4px;
}
#main .mp_intro_timeline .mp_intro {
display:none;
min-height:220px;
border-radius:8px;
padding:8px;
text-align:center;
}
#main .mp_intro_timeline .mp_intro .img {
border:0;
width:325px;
border-radius:8px;
}
/* sub menu tab */
#main #mystore #tab {
margin:5px 0px 2px 0px;
text-align:center;
min-height:200px;
}
#main #mystore #tab .tab {
padding: 2px 2px 2px 2px;
}
#main #mystore #tab .tab .add {
border-radius: 5px;
background-color:#3f736f;
color:#FFFFFF;
cursor:pointer;
padding: 5px;
font-size:20px;
width:30px;
}
#main #mystore #tab .tab .add_kembali {
cursor:pointer;
border:1px solid #009488;
border-radius:4px;
padding: 6px 12px 6px 12px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
font-size: 14px;
color:#000000;
text-align:center;
width:80px;
}
#main #mystore #mp_isi .add_kembali {
cursor:pointer;
border:1px solid #009488;
border-radius:4px;
padding: 6px 12px 6px 12px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
font-size: 14px;
color:#FFFFFF;
background-color:#3f736f;
text-align:left;
width:150px;
}
#main #mystore #tab .tab form .form_frame {
padding: 4px; text-align: left;
}
#main #mystore #tab .tab form .form_frame .label {
font-family: 'poppins',arial,verdana,helvetica;
color: #80776a;
font-size: 14px;
text-align:left;
}
#main #mystore #tab .tab form .form_frame .label .tooltip_info {
color:#ff0000;
background:#f6c5ce;
padding: 1px 4px 1px 4px;
border-radius:4px;
vertical-align: super;
font-size: smaller;
cursor:pointer;
}
/* ppob opsi */
#main #mystore #tab .tab form .form_frame .frame_ppob_opsi {
padding: 2px;
display:flex;
flex-wrap: wrap;
flex-direction: row;
}
#main #mystore #tab .tab form .form_frame .frame_ppob_opsi .frame_data_diskon {
cursor:pointer;
width:100px;
padding: 15px;
margin: 10px;
border:1px solid #3f736f;
border-radius:5px;
font-family: 'poppins',arial,verdana,helvetica;
color:#000000;
font-size: 16px;
text-align:left;
}
#main #mystore #tab .tab form .form_frame .frame_ppob_opsi .frame_data_diskon .img_logo,
#main #mystore #tab .tab form .form_frame .frame_ppob_opsi .frame_data_diskon_current .img_logo {
border:0; width: 95px;
}
#main #mystore #tab .tab form .form_frame .frame_ppob_opsi .frame_data_diskon_current {
cursor:pointer;
width:100px;
padding: 15px;
margin: 10px;
border:3px solid #3f736f;
border-radius:5px;
font-family: 'poppins',arial,verdana,helvetica;
color:#000000;
font-size: 16px;
text-align:left;
background: url("../img/checklist.png") #f0fcf4 right 0px no-repeat; /* f0fcf4 */
background-size: 28px 21px;
background-position: right 1% top 5px;
}
#main #mystore #tab .tab form .form_frame .frame_ppob_opsi .frame_data_diskon .desc,
#main #mystore #tab .tab form .form_frame .frame_ppob_opsi .frame_data_diskon_current .desc {
font-family: 'poppins',arial,verdana,helvetica;
color:#000000;
font-size: 10px;
}
/* ppob pembelian terakhir */
#main #mystore #tab .tab form .form_frame fieldset legend {
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 14px;
text-align:left;
font-weight:bold;
padding: 4px;
}
#main #mystore #tab .tab form .form_frame fieldset .pembelian_terakhir {
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 14px;
text-align:left;
padding: 6px;
width: 80%;
margin-bottom: 10px;
border: 1px solid #3f736f;
border-radius: 4px;
cursor:pointer;
letter-spacing: 2px;
}
#main #mystore #mp_isi form #frame_bingkai_scroll .frame_data .mp_frame_produk .row_isi .alasan_flashsale {
width: 98%; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; appearance: none;
background: transparent; outline: 0; text-decoration: none;
border: none; box-sizing: border-box;
padding: 3px 3px 3px 3px;
margin: 2px 2px 2px 2px;
border: 1px solid #79a3a0;
border-radius:5px;
font-family: 'poppins',arial,verdana,helvetica;
color:#000000;
font-size: 14px;
}
#main #mystore #mp_isi #frame_bingkai_scroll .frame_data .mp_frame_produk .row_isi .alasan_flashsale:focus {
border: 1px solid #e98f7a;
}
#main #mystore #tab .tab form .form_frame input[type="text"],
#main #mystore #tab .tab form .form_frame input[type="tel"],
#main #mystore #tab .tab form .form_frame textarea,
#main #mystore #mp_isi form .akad_setuju_disclaimer textarea {
width: 98%; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; appearance: none;
background: transparent; outline: 0; text-decoration: none; resize: none;
border: none; box-sizing: border-box;
padding: 3px 3px 3px 3px;
margin: 2px 2px 2px 2px;
border-bottom: 1px solid #79a3a0;
font-family: 'poppins',arial,verdana,helvetica;
color:#000000;
font-size: 14px;
}
#main #mystore #tab .tab form .form_frame input[type="text"]:focus,
#main #mystore #tab .tab form .form_frame input[type="tel"]:focus,
#main #mystore #tab .tab form .form_frame textarea:focus,
#main #mystore #mp_isi form .akad_setuju_disclaimer textarea:focus {
border-bottom: 1px solid #e98f7a;
}
/* select */
#main #mystore #tab .tab form .form_frame select,
#main #popup_rating form .frame select {
-webkit-appearance: none;-moz-appearance: none;background: transparent;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat; background-position-x: 100%; background-position-y: 5px;
border: 1px solid #dfdfdf;
border-radius: 4px;margin-right: 2rem;padding: 1rem;padding-right: 2rem;
font-family: 'poppins',arial,verdana,helvetica;
color:#000000;
font-size: 13px;
}
#main #mystore #tab .tab form .form_frame select:focus {
border-bottom: 1px solid #e98f7a;
}
/* timepicker */
#main #mystore #tab .tab form .form_frame input[type="text"].my_timepicker,
#main #mystore #mp_isi .search_frame .search_center form input[type="text"].my_timepicker,
#main #mystore #mp_isi form .akad_setuju_disclaimer input[type="text"].my_timepicker {
width: 40%; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; appearance: none;
background: transparent; outline: 0; text-decoration: none;
border: none; box-sizing: border-box;
padding: 3px 3px 3px 3px;
margin: 2px 2px 2px 2px;
border: 1px solid #79a3a0;
border-radius:4px;
font-family: 'poppins',arial,verdana,helvetica;
color:#000000;
font-size: 16px;
text-align:left;
background: url("../img/date.png") #FFFFFF right 2px no-repeat;
background-size: 28px 28px;
}
#main #mystore #tab .tab form .form_frame input[type="tel"].my_timepicker {
width: 40%; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; appearance: none;
background: transparent; outline: 0; text-decoration: none;
border: none; box-sizing: border-box;
padding: 3px 3px 3px 3px;
margin: 2px 2px 2px 2px;
border: 1px solid #79a3a0;
border-radius:4px;
font-family: 'poppins',arial,verdana,helvetica;
color:#000000;
font-size: 16px;
text-align:left;
background-size: 28px 28px;
}
#main #mystore #tab .tab form .form_frame input[type="text"].my_timepicker:focus,
#main #mystore #tab .tab form .form_frame input[type="tel"].my_timepicker:focus,
#main #mystore #mp_isi form .akad_setuju_disclaimer input[type="text"].my_timepicker:focus {
background-color: #abd7ab;
}
#main #mystore #tab .tab form .form_frame .hr {
margin:8px 0px 4px 0px;
border-bottom: 1px solid #e1f0e1;
width:98%;
}
#main #mystore #tab .tab form .form_frame .show_file_name,
#popup_rating form .frame_foto .show_file_name {
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 11px;
text-align: left;
font-style:italic;
margin-top:10px;
}
#main #mystore #tab .tab .img,
#main #mystore #tab .tab form .form_frame .img,
#main #mystore #tab .tab form .form_frame fieldset .img,
#popup_rating form .frame_foto fieldset .img {
border:0;
width:150px;
border-radius:5px;
}
#main #mystore #tab .tab form .form_frame fieldset {
border: 1px solid #3f736f;
border-radius:5px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 13px;
width:90%;
}
/* togle switch */
#main #kantin .keranjang form .frame_no_flex .togle_switch_label {
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 14px;
}
#main #mystore #tab .tab form .form_frame .togle_switch_label {
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 14px;
}
#main #mystore #tab .tab form .form_frame .switch,
#main #kantin .keranjang form .frame_no_flex .switch {
position: relative;
display: inline-block;
width: 60px;
height: 34px;
}
#main #mystore #tab .tab form .form_frame .switch input,
#main #kantin .keranjang form .frame_no_flex .switch input {
opacity: 0;
width: 0;
height: 0;
}
#main #mystore #tab .tab form .form_frame .slider,
#main #kantin .keranjang form .frame_no_flex .slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}
#main #mystore #tab .tab form .form_frame .slider:before,
#main #kantin .keranjang form .frame_no_flex .slider:before {
position: absolute;
content: "";
height: 26px;
width: 26px;
left: 4px;
bottom: 4px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}
#main #mystore #tab .tab form .form_frame input:checked + .slider,
#main #kantin .keranjang form .frame_no_flex input:checked + .slider {
background-color: #2196F3;
}
#main #mystore #tab .tab form .form_frame input:focus + .slider,
#main #kantin .keranjang form .frame_no_flex input:focus + .slider {
box-shadow: 0 0 1px #2196F3;
}
#main #mystore #tab .tab form .form_frame input:checked + .slider:before,
#main #kantin .keranjang form .frame_no_flex input:checked + .slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
}
#main #mystore #tab .tab form .form_frame .slider.round,
#main #kantin .keranjang form .frame_no_flex .slider.round {
border-radius: 34px;
}
#main #mystore #tab .tab form .form_frame .slider.round:before,
#main #kantin .keranjang form .frame_no_flex .slider.round:before {
border-radius: 50%;
}
/* end */
#main #mystore #tab .tab form .form_frame .bt_ok,
#main #mystore #mp_isi .search_frame .search_center form .bt_ok,
#main #mystore #mp_isi .search_frame .search_center form .frame_flex .bt_ok {
padding: 6px 20px 6px 20px;
margin-left:auto; margin-right:auto;
border-radius:6px;
background-color:#3f736f;
cursor: pointer;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #FFFFFF;
font-size: 14px;
text-align:center;
width:80%;
height:25px;
}
#main #mystore #mp_isi .search_frame .search_center form .frame_flex {
display:flex;
padding: 4px;
}
#main #mystore #mp_isi .search_frame .search_center form .frame_flex .bt_generate_excel {
width:60%; padding: 10px 0px 0px 38px;
font-family: 'poppins','menu',verdana, times new roman, sans-serif;
font-size: 14px; color: #000000; text-align: left; cursor:pointer;
background: url("../img/excel.png") no-repeat left; background-size: 30px 30px; background-position: 2px 50%; border:1px solid #3f736f; border-radius:4px;
}
#main #mystore #mp_isi .search_frame .search_center form .frame_flex .bt_download_excel {
width:60%; padding: 10px 0px 0px 38px;
font-family: 'poppins','menu',verdana, times new roman, sans-serif;
font-size: 14px; color: #000000; text-align: left; cursor:pointer;
background: url("../img/download.png") no-repeat left; background-size: 30px 30px; background-position: 2px 50%; border:1px solid #3f736f; border-radius:4px;
}
/* tarik dana */
#main #mystore .tarik_dana_frame {
padding: 6px 6px 6px 6px;
margin: 4px 0px 10px 0px;
border:1px solid #79a3a0;
border-radius:4px;
cursor:pointer;
}
#main #mystore .tarik_dana_frame .frame_flex {
padding: 2px 2px 2px 2px;
display:flex;
}
#main #mystore .tarik_dana_frame .frame_flex .left {
width:20%;
padding: 2px 2px 2px 2px;
text-align:center;
}
#main #mystore .tarik_dana_frame .frame_flex .left .img_icon {
border:0;
width:50px;
border-radius:4px;
}
#main #mystore .tarik_dana_frame .frame_flex .left .img_produk {
border:0;
width:80px;
border-radius:4px;
}
#main #mystore .tarik_dana_frame .frame_flex .right {
width:80%;
padding: 2px 2px 2px 2px;
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #000000;
font-size: 12px;
text-align:justify;
}
#main #mystore .tarik_dana_frame .frame_flex .right .border {
padding: 4px 4px 4px 4px;
margin: 4px 0px 4px 0px;
border:1px solid #79a3a0;
border-radius:4px;
width:80%;
font-weight:bold;
}
#main #mystore .tarik_dana_frame .combine {
margin: 5px 0px 5px 0px;
padding: 2px 2px 2px 2px;
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #000000;
font-size: 12px;
text-align:justify;
}
#main #mystore .tarik_dana_frame .combine .judul {
margin: 5px 0px 5px 0px;
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #000000;
font-size: 14px;
text-align:left;
font-weight:bold;
}
#main #mystore .desc {
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #000000;
font-size: 12px;
text-align:justify;
}
/* popup mp - pilihan lainnya */
#main #popup_setup_lokasi_pilihan_lain {
display:none;
position:fixed;
width:95%;
height:180px;
top:300px;
padding: 6px 6px 6px 6px;
background-color:#FFFFFF;
z-index:19999999;
border-top: 2px solid #3f736f;
}
#main #popup_setup_lokasi_pilihan_lain .frame_flex {
display:flex;
width:100%;
}
#main #popup_setup_lokasi_pilihan_lain .frame_flex .close {
width:10%;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 35px;
text-align:left;
vertical-align:top;
}
#main #popup_setup_lokasi_pilihan_lain .frame_flex .judul {
width:90%;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 17px;
text-align:left;
font-weight:bold;
padding-top:15px;
}
#main #popup_setup_lokasi_pilihan_lain .list {
border-bottom:1px solid #79a3a0;
padding: 15px 15px 15px 15px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 14px;
text-align:left;
font-weight:bold;
cursor:pointer;
width:90%
}
#main #popup_setup_lokasi_pilihan_lain .button_judul {
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 17px;
text-align:center;
margin:10px 0px 5px 0px;
}
#main #popup_setup_lokasi_pilihan_lain .frame_flex .button_cancel {
padding: 6px 20px 6px 20px;
margin:2px 5px 4px 5px;
border-radius:6px;
background-color:#FF0000;
cursor: pointer;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #FFFFFF;
font-size: 14px;
font-weight:bold;
text-align:center;
width:50%;
height:20px;
}
#main #popup_setup_lokasi_pilihan_lain .frame_flex .button_ok {
padding: 6px 20px 6px 20px;
margin:2px 5px 4px 5px;
border-radius:6px;
background-color:#3f736f;
cursor: pointer;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #FFFFFF;
font-size: 14px;
font-weight:bold;
text-align:center;
width:50%;
height:20px;
}
#main #popup_setup_lokasi_pilihan_lain .space_white {
height:80px;
background-color:#FFFFFF;
}
/* isi */
#main #mystore #mp_isi {
padding: 2px 2px 2px 2px;
}
/* search */
#main #mystore #mp_isi .search_frame,
#main #mystore .search_frame,
#main #info .search_frame {
display:flex;
align-items:center;
padding: 0px 0px 2px 2px;
}
#main #mystore #mp_isi .search_frame .search_center,
#main #mystore .search_frame .search_center,
#main #info .search_frame .search_center {
padding: 0px 0px 2px 2px;
width: 100%;
margin-right:2px;
}
#main #mystore #mp_isi .search_frame .search_center form .field,
#main #mystore .search_frame .search_center form .field,
#main #info .search_frame .search_center form .field {
text-align: center;
width: 98%;
vertical-align:top;
}
#main #mystore #mp_isi .search_frame .search_center form .field input,
#main #mystore #mp_isi .search_frame .search_center form .field input:focus,
#main #mystore .search_frame .search_center form .field input,
#main #mystore .search_frame .search_center form .field input:focus,
#main #info .search_frame .search_center form .field input,
#main #info .search_frame .search_center form .field input:focus {
width: 82%;
padding: 12px 20px 12px 40px;
margin-bottom: 5px;
background-image: url('https://cdn1.iconfinder.com/data/icons/hawcons/32/698627-icon-111-search-512.png');
background-repeat: no-repeat;
background-position: left center;
background-size: 30px;
border: 2px solid #3f736f;
border-radius: 4px;
font-family: 'poppins',verdana,arial,helvetica;
font-size: 13px;
color:#000000;
cursor:pointer;
}
/* frame data */
#main #mystore #mp_isi .mp_frame_data_utama {
border:1px solid #009488;
border-radius:4px;
padding: 8px 8px 8px 8px;
margin:10px 0px 10px 0px;
background-color:#e1f0e1;
}
#main #mystore #mp_isi .mp_frame_data {
border:1px solid #009488;
border-radius:4px;
padding: 8px 8px 8px 8px;
margin:10px 0px 10px 0px;
}
#main #mystore #mp_isi .mp_frame_data .row_flex {
display:flex;
}
#main #mystore #mp_isi .mp_frame_data .row_flex .left {
padding: 2px 2px 2px 2px;
margin-right:2px;
width:35%;
}
#main #mystore #mp_isi .mp_frame_data .row_flex .right {
padding: 2px 2px 2px 2px;
width:63%;
text-align:justify;
}
#main #mystore #mp_isi .mp_frame_data .judul,
#main #mystore #mp_isi .mp_frame_data_utama .judul,
#main #mystore #mp_isi .mp_frame_data .row_flex .right .judul {
margin:5px 0px 5px 0px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
font-size: 14px;
color:#000000;
font-weight:bold;
}
#main #mystore #mp_isi .mp_frame_data .isi,
#main #mystore #mp_isi .mp_frame_data_utama .isi,
#main #mystore #mp_isi .mp_frame_data .row_flex .right .isi {
margin:5px 0px 5px 0px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
font-size: 12px;
color:#000000;
}
#main #mystore #mp_isi .mp_frame_data .frame_bt, #main #mystore #mp_isi .mp_frame_data_utama .frame_bt {
display:flex;
width:98%;
text-align:center;
}
#main #mystore #mp_isi .mp_frame_data .frame_bt .bt_left,
#main #mystore #mp_isi .mp_frame_data_utama .frame_bt .bt_left {
padding: 6px 20px 6px 20px;
margin:2px 5px 4px 5px;
border-radius:6px;
background-color:#3f736f;
cursor: pointer;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #FFFFFF;
font-size: 14px;
text-align:center;
width:95%;
height:25px;
}
#main #mystore #mp_isi .mp_frame_data .frame_bt .bt_right,
#main #mystore #mp_isi .mp_frame_data_utama .frame_bt .bt_right {
padding: 6px 20px 6px 20px;
margin:2px 5px 4px 5px;
border-radius:6px;
background-color:#3f736f;
cursor: pointer;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #FFFFFF;
font-size: 14px;
text-align:center;
width:5%;
height:25px;
font-weight:bold;
}
/* atur lain foto */
#main #mystore #mp_isi .frame_foto_flex {
padding: 2px 2px 2px 2px;
margin-bottom:10px;
display:flex;
flex-wrap: wrap;
flex-direction: row;
}
#main #mystore #mp_isi .frame_foto_flex .frame_foto_flex_data {
display:flex;
padding: 5px 5px 5px 5px;
border: 1px solid #79a3a0;
border-radius: 5px;
margin-right:5px;
margin-bottom:10px;
}
#main #mystore #mp_isi .frame_foto_flex .frame_foto_flex_data .left {
width:70%;
margin-right:5px;
}
#main #mystore #mp_isi .frame_foto_flex .frame_foto_flex_data .left .img {
border:0;
width:100px;
}
#main #mystore #mp_isi .frame_foto_flex .frame_foto_flex_data .right {
width:30%
}
#main #mystore #mp_isi .frame_foto_flex .frame_foto_flex_data .right .img_delete {
border:0;
width:30px;
cursor:pointer;
}
/* frame scroll - produk */
#main #mystore #mp_isi #frame_bingkai_scroll .frame_data .mp_frame_produk {
border:1px solid #009488;
border-radius:4px;
padding: 4px 4px 4px 4px;
margin:10px 0px 10px 0px;
}
#main #mystore #tab .tab .frame_produk_detail {
padding: 4px 4px 4px 4px;
margin:5px 0px 10px 0px;
border:1px solid #79a3a0;
border-radius:4px;
background-color:#e1f0e1;
}
#main #mystore #mp_isi #frame_bingkai_scroll .frame_data .mp_frame_produk .row_flex,
#main #mystore #tab .tab .frame_produk_detail .row_flex {
display:flex;
padding: 2px 2px 2px 2px;
width:98%;
}
#main #mystore #mp_isi #frame_bingkai_scroll .frame_data .mp_frame_produk .row_flex .left,
#main #mystore #tab .tab .frame_produk_detail .left {
padding: 2px 2px 2px 2px;
margin-right:2px;
width:35%;
}
#main #mystore #mp_isi #frame_bingkai_scroll .frame_data .mp_frame_produk .row_flex .left .img,
#main #mystore #mp_isi .mp_frame_data .row_flex .left .img,
#main #mystore #tab .tab .frame_produk_detail .row_flex .left .img {
width:100px;
border:0;
border-radius:5px;
}
#main #mystore #mp_isi #frame_bingkai_scroll .frame_data .mp_frame_produk .row_flex .right,
#main #mystore #tab .tab .frame_produk_detail .row_flex .right {
padding: 2px 2px 2px 2px;
width:63%;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 12px;
text-align:justify;
}
#main #mystore #mp_isi #frame_bingkai_scroll .frame_data .mp_frame_produk .row_flex .right .judul,
#main #mystore #tab .tab .frame_produk_detail .row_flex .right .judul {
border:1px solid #79a3a0;
border-radius:4px;
padding: 4px 4px 4px 4px;
margin: 4px 0px 4px 0px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 12px;
text-align:justify;
}
#main #mystore #mp_isi #frame_bingkai_scroll .frame_data .mp_frame_produk .row_flex .bt_left {
padding: 6px 20px 6px 20px;
margin: 4px 2px 4px 2px;
border-radius:6px;
background-color:#3f736f;
cursor: pointer;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #FFFFFF;
font-size: 14px;
text-align:center;
width:45%;
height:25px;
}
#main #mystore #mp_isi #frame_bingkai_scroll .frame_data .mp_frame_produk .row_flex .bt_right {
padding: 6px 20px 6px 20px;
margin: 4px 2px 4px 2px;
border-radius:6px;
background-color:#3f736f;
cursor: pointer;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #FFFFFF;
font-size: 14px;
text-align:center;
width:5%;
height:25px;
font-weight:bold;
}
#main #mystore #mp_isi #frame_bingkai_scroll .frame_data .mp_frame_produk .row_isi,
#main #mystore #tab .tab .frame_produk_detail .row_isi {
padding: 2px 2px 2px 2px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 12px;
text-align:left;
}
#main #mystore #mp_isi #frame_bingkai_scroll .frame_data .mp_frame_produk .hr {
background-color:#79a3a0;
padding: 1px 1px 1px 1px;
}
/* chat , diskusi, ulasan */
#main #mystore #mp_isi #frame_bingkai_scroll .frame_data .mp_frame_chat {
border:1px solid #009488;
border-radius:4px;
padding: 4px 4px 4px 4px;
margin:10px 0px 10px 0px;
}
#main #mystore #mp_isi #frame_bingkai_scroll .frame_data .mp_frame_chat .flex_store_chat {
padding: 2px 2px 2px 2px;
display: flex;
cursor:pointer;
}
#main #mystore #mp_isi #frame_bingkai_scroll .frame_data .mp_frame_chat .flex_store_chat .left {
width:15%;
text-align:center;
padding: 2px 2px 2px 2px;
}
#main #mystore #mp_isi #frame_bingkai_scroll .frame_data .mp_frame_chat .flex_store_chat .left img {
border:0;
width:40px;
border-radius:10px;
}
#main #mystore #mp_isi #frame_bingkai_scroll .frame_data .mp_frame_chat .flex_store_chat .right {
width:85%;
text-align:left;
padding: 2px 2px 2px 2px;
}
#main #mystore #mp_isi #frame_bingkai_scroll .frame_data .mp_frame_chat .flex_store_chat .right .nama_toko {
padding: 2px 2px 2px 2px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
font-size: 13px;
color:#000000;
font-weight:bold;
}
#main #mystore #mp_isi #frame_bingkai_scroll .frame_data .mp_frame_chat .flex_store_chat .right .pesan {
padding: 2px 2px 2px 2px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
font-size: 11px;
color:#000000;
}
/* form tos */
#main #mystore .akad_disclaimer_desc,
#main #mystore #mp_isi .akad_disclaimer_desc {
margin-top:10px;
padding: 4px 4px 4px 4px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
font-size: 14px;
color:#000000;
text-align:justify;
}
#main #mystore .akad_disclaimer_desc .img {
border:0; width:250px;
}
#main #mystore #mp_isi .akad_disclaimer_frame {
margin-top:10px;
height:250px;
padding: 6px 6px 6px 6px;
overflow-y:auto;
border:1px solid #79a3a0;
border-radius:4px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
font-size: 13px;
color:#000000;
text-align:justify;
}
#main #mystore #mp_isi .akad_signature_pad_judul {
margin: 55px 0px 5px 0px;
padding: 4px 4px 4px 4px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
font-size: 15px;
color:#000000;
text-align:justify;
font-weight:bold;
}
#main #mystore #mp_isi form .akad_signature_pad_frame {
margin-top:0px;
padding: 6px 6px 6px 6px;
}
#main #mystore #mp_isi form .akad_signature_pad_frame .clear_pad {
margin-top:5px;
margin-bottom:5px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #FFFFFF;
font-size: 14px;
text-align: center;
background-color:#3f736f;
padding: 5px 6px 5px 6px;
border-radius:4px;
width:60%;
cursor:pointer;
}
#main #mystore #mp_isi form .akad_sign_bt_flex {
display:flex;
padding:2px 2px 2px 2px;
justify-content: center;
margin-top:10px;
}
#main #mystore #mp_isi form .akad_sign_bt_flex .bt_cancel,
#main #mystore #mp_isi form .frame_button_absolute .bt_cancel {
padding: 6px 20px 6px 20px;
margin:2px 5px 4px 5px;
border-radius:6px;
background-color:#FF0000;
cursor: pointer;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #FFFFFF;
font-size: 14px;
text-align:center;
width:45%;
height:25px;
}
#main #mystore #mp_isi form .akad_sign_bt_flex .bt_ok,
#main #mystore #mp_isi form .frame_button_absolute .bt_ok {
padding: 6px 20px 6px 20px;
margin:2px 5px 4px 5px;
border-radius:6px;
background-color:#3f736f;
cursor: pointer;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #FFFFFF;
font-size: 14px;
text-align:center;
width:55%;
height:25px;
}
/* end */
/* ikut flashsale */
#main #mystore #mp_isi form .frame_button_absolute {
display:flex;
padding:2px 2px 2px 2px;
justify-content: center;
margin-top:10px;
position:fixed;
bottom:0px;
width:95%;
background-color:#FFFFFF;
}
/* end */
/* MARKETPLACE UTAMA */
/* popup filter */
#main #mp_popup_fliter {
display:none;
position:fixed;
width:96%;
height:100%;
top:30px;
padding: 4px 4px 4px 4px;
background-color:#FFFFFF;
z-index:99999999;
}
#main #mp_popup_fliter::-webkit-scrollbar, #main #mp_popup_fliter::-moz-scrollbar, #main #mp_popup_fliter::-ms-scrollbar{
width:0;
}
#main #mp_popup_fliter .filter_frame_flex {
display:flex;
margin-top:10px;
margin-bottom:5px;
width:97%;
}
#main #mp_popup_fliter .filter_frame_flex .left {
width:65%;
margin-right: auto;
margin-left: 0;
padding: 2px 2px 2px 10px;
text-align: left;
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #000000;
font-size: 17px;
font-weight:bold;
}
#main #mp_popup_fliter .filter_frame_flex .frame_flex_reset {
width:15%;
margin-left: 20px;
margin-right: 20px;
padding: 3px 4px 3px 4px;
text-align: center;
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #3f736f;
font-size: 14px;
border:1px solid #3f736f;
background-color:#def0de;
border-radius:5px;
cursor:pointer;
}
#main #mp_popup_fliter .filter_frame_flex .frame_flex_close {
width:15%;
margin-left: auto;
margin-right: 0;
padding: 3px 4px 3px 4px;
text-align: center;
font-family: 'poppins',verdana,helvetica,sans-serif;
color:#FFFFFF;
font-size: 14px;
background-color:#FF0000;
border-radius:5px;
cursor:pointer;
}
#main #mp_popup_fliter .frame_scroll {
overflow-y:auto;
padding: 2px 2px 2px 2px;
height:75%;
background-color:#FFFFFF;
}
#main #mp_popup_fliter .frame_scroll .frame {
padding: 2px 2px 2px 2px;
margin-bottom:10px;
}
#main #mp_popup_fliter .frame_scroll .frame .judul {
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #000000;
font-size: 13px;
text-align: left;
font-weight:bold;
}
#main #mp_popup_fliter .frame_scroll .frame .isi {
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #80776a;
font-size: 12px;
text-align: left;
}
#main #mp_popup_fliter .frame_scroll .frame .isi .mp_search_select,
#main #mp_popup_fliter .frame_scroll .frame .isi .mp_search_select:focus {
width: 75%;
padding: 12px 20px 12px 40px;
margin-bottom: 5px;
background-image: url('https://cdn1.iconfinder.com/data/icons/hawcons/32/698627-icon-111-search-512.png');
background-repeat: no-repeat;
background-position: left center;
background-size: 30px;
border: 1px solid #3f736f;
border-radius: 4px;
font-family: 'poppins',verdana,arial,helvetica;
font-size: 13px;
color:#000000;
cursor:pointer;
}
#main #mp_popup_fliter .frame_scroll .frame .isi .text_harga {
width: 35%; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; appearance: none; background: transparent; outline: 0;
border: none;
padding: 3px 3px 3px 3px;
margin: 2px 2px 2px 20px;
box-sizing: border-box;
border-bottom: 1px solid #79a3a0;
font-family: 'poppins',arial,verdana,helvetica;
font-size: 13px;
color: #80776a;
text-decoration: none;
}
#main #mp_popup_fliter .frame_scroll .frame .isi .text_harga:focus {
background-color: #e1f0e1;
}
#main #mp_popup_fliter .frame_scroll .frame .text_cari {
width: 95%; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; appearance: none; background: transparent; outline: 0;
border: none;
padding: 3px 3px 3px 3px;
margin: 2px 2px 2px 2px;
box-sizing: border-box;
border-bottom: 1px solid #79a3a0;
font-family: 'poppins',arial,verdana,helvetica;
font-size: 13px;
color: #80776a;
text-decoration: none;
}
#main #mp_popup_fliter .frame_scroll .frame .text_cari:focus {
background-color: #e1f0e1;
}
#main #mp_popup_fliter .frame_scroll .frame .isi_frame {
display:flex;
}
#main #mp_popup_fliter .frame_scroll .frame .isi_frame .judul_rating {
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #000000;
font-size: 14px;
text-align: left;
margin-top:5px;
margin-left:5px;
}
#main #mp_popup_fliter .frame_scroll .frame .isi_frame .img {
border:0;
padding: 2px 0px 0px 0px;
width:30px;
}
/* check box style */
#main #mp_popup_fliter .frame_scroll .frame .isi_frame .frame_checkbox {
display: block;
position: relative;
margin-left: 20px;
padding-left: 35px;
margin-bottom: 12px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 22px;
text-align: left;
}
#main #mp_popup_fliter .frame_scroll .frame .isi_frame .frame_checkbox input[type="checkbox"] {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
#main #mp_popup_fliter .frame_scroll .frame .isi_frame .frame_checkbox .checkmark {
position: absolute;
top: 0;
left: 0;
height: 25px;
width: 25px;
background-color: #eee;
}
#main #mp_popup_fliter .frame_scroll .frame .isi_frame .frame_checkbox:hover input[type="checkbox"] ~ .checkmark {
background-color: #ccc;
}
#main #mp_popup_fliter .frame_scroll .frame .isi_frame .frame_checkbox input[type="checkbox"]:checked ~ .checkmark {
background-color: #3f736f;
}
#main #mp_popup_fliter .frame_scroll .frame .isi_frame .frame_checkbox .checkmark:after {
content: "";
position: absolute;
display: none;
}
#main #mp_popup_fliter .frame_scroll .frame .isi_frame .frame_checkbox input[type="checkbox"]:checked ~ .checkmark:after {
display: block;
}
#main #mp_popup_fliter .frame_scroll .frame .isi_frame .frame_checkbox .checkmark:after {
left: 9px;
top: 5px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
#main #mp_popup_fliter .frame_non_sc {
padding: 2px 2px 2px 2px;
margin-bottom:10px;
}
#main #mp_popup_fliter .frame_non_sc .bt_terapkan {
padding: 8px 20px 8px 20px;
margin:2px 0px 4px 0px;
border-radius:6px;
background-color:#3f736f;
cursor: pointer;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #FFFFFF;
font-size: 14px;
font-weight:bold;
text-align:center;
}
/* end */
/* marketplace begin */
#main #marketplace {
margin:2px 0px 10px 0px; padding: 2px;
}
#main #marketplace .title {
font-family: 'title',verdana,helvetica,sans-serif;
color: #000000;
font-size: 18px;
padding: 2px 2px 2px 2px;
text-align: left;
}
/* kategori */
#main #marketplace #kategori {
margin-top:5px;
padding: 2px 2px 2px 2px;
overflow-x:auto;
}
#main #marketplace #kategori .kategori_flex {
padding: 2px 2px 2px 2px;
margin-bottom:10px;
display:flex;
flex-wrap: wrap;
flex-direction: row;
width:650px;
}
#main #marketplace #kategori .kategori_flex .kategori_list {
margin:0px 0px 10px 5px;
padding: 3px 3px 3px 3px;
text-align:center;
border:1px solid #d4d0d0;
border-radius:6px;
box-shadow: 2px 5px #d4d0d0;
width:80px;
}
#main #marketplace #kategori .kategori_flex .kategori_list .katalog_link .kategori_img {
width:80px;
border-radius:5px;
}
#main #marketplace #kategori .kategori_flex .kategori_list .katalog_link .judul {
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 12px;
text-align:center;
}
/* satu baris */
#main #marketplace .satu_baris {
display:flex;
}
#main #marketplace .satu_baris .left {
width: 68%;
margin-right: auto;
margin-left: 0;
padding: 2px 2px 2px 2px;
text-align: left;
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #000000;
font-size: 12px;
}
/* countdown */
#main #marketplace .satu_baris .left #counting_frame {
width:190px;
height:20px;
padding: 4px 0px 2px 20px;
background: url("../img/clock_countdown.png") #FF0000 4px no-repeat;
background-size: 18px 18px;
font-size: 12px;
font-family: poppins, times new roman, sans-serif;
color: #FFFFFF;
border-radius: 10px;
}
#main #marketplace #katalog_frame_home .katalog_sub_frame_home .katalog_home .frame_countdown #counting_frame_days {
width:240px;
height:20px;
padding: 4px 0px 2px 20px;
background: url("../img/clock_countdown.png") #FF0000 4px no-repeat;
background-size: 18px 18px;
font-size: 12px;
font-family: poppins, times new roman, sans-serif;
color: #FFFFFF;
border-radius: 10px;
}
#main #marketplace .satu_baris .left #counting_frame .angka,
#main #marketplace #katalog_frame_home .katalog_sub_frame_home .katalog_home .frame_countdown #counting_frame_days .angka {
font-family: poppins, times new roman, sans-serif;
font-size: 12px;
color: #FFFFFF;
text-align: center;
padding: 4px 4px 4px 4px;
}
/* end */
#main #marketplace .satu_baris .right {
width:32%;
margin-left: auto;
margin-right: 0;
padding: 2px 2px 2px 2px;
text-align:right;
}
#main #marketplace .satu_baris .right .button {
text-decoration:none;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #FFFFFF;
font-size: 13px;
text-align: left;
background-color:#3f736f;
padding: 3px 6px 3px 6px;
border-radius:4px;
}
#main #marketplace .desc {
margin-top:5px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 13px;
text-align: left;
}
/* produk home */
#main #marketplace #katalog_frame_home {
margin-top:5px;
padding: 2px 2px 2px 2px;
overflow-x:auto;
}
#main #marketplace #katalog_frame_home .katalog_sub_frame_home {
padding: 2px 2px 2px 2px;
display:flex;
margin-bottom:10px;
}
#main #marketplace #katalog_frame_home .katalog_sub_frame_home .katalog_home {
margin-right:10px;
padding: 3px 3px 3px 3px;
text-align:center;
border:1px solid #d4d0d0;
border-radius:6px;
box-shadow: 2px 5px #d4d0d0;
}
#main #marketplace #katalog_frame_home .katalog_sub_frame_home .katalog_home .katalog_link,
#main #marketplace #kategori .kategori_flex .kategori_list .katalog_link,
#main #marketplace #produk_scroll_show .produk_frame .katalog_home .katalog_link {
text-decoration:none;
}
#main #marketplace #katalog_frame_home .katalog_sub_frame_home .katalog_home .katalog_link .katalog_home_img,
#main #marketplace #produk_scroll_show .produk_frame .katalog_home .katalog_link .katalog_home_img {
width:140px;
border-radius:5px;
}
#main #marketplace #katalog_frame_home .katalog_sub_frame_home .katalog_home .katalog_link .flashsale_preview_img {
width:190px;
border-radius:5px;
}
#main #marketplace #katalog_frame_home .katalog_sub_frame_home .katalog_home .katalog_link .katalog_see_more_img,
#main #marketplace #produk_scroll_show .produk_frame .katalog_home .katalog_link .katalog_see_more_img {
margin-top:60px;
width:50px;
border-radius:5px;
}
#main #marketplace #katalog_frame_home .katalog_sub_frame_home .katalog_home .katalog_link .judul_see_more,
#main #marketplace #produk_scroll_show .produk_frame .katalog_home .katalog_link .judul_see_more {
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 12px;
text-align:center;
}
#main #marketplace #katalog_frame_home .katalog_sub_frame_home .katalog_home .katalog_link .judul,
#main #marketplace #produk_scroll_show .produk_frame .katalog_home .katalog_link .judul {
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 11px;
text-align:left;
height:50px;
}
#main #marketplace #katalog_frame_home .katalog_sub_frame_home .katalog_home .katalog_link .frame_harga,
#main #marketplace #produk_scroll_show .produk_frame .katalog_home .katalog_link .frame_harga {
height: 55px;
}
#main #marketplace #katalog_frame_home .katalog_sub_frame_home .katalog_home .katalog_link .frame_harga .harga,
#main #marketplace #produk_scroll_show .produk_frame .katalog_home .katalog_link .frame_harga .harga {
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 11px;
text-align:left;
font-weight:bold;
}
#main #marketplace #katalog_frame_home .katalog_sub_frame_home .katalog_home .katalog_link .frame_harga .harga_coret,
#main #marketplace #produk_scroll_show .produk_frame .katalog_home .katalog_link .frame_harga .harga_coret {
margin:5px 0px 5px 0px;
padding: 1px 1px 1px 1px;
text-align:left;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 11px;
}
#main #marketplace #katalog_frame_home .katalog_sub_frame_home .katalog_home .katalog_link .frame_harga .harga_coret .diskon_persen,
#main #marketplace #produk_scroll_show .produk_frame .katalog_home .katalog_link .frame_harga .harga_coret .diskon_persen,
#main #kantin #frame_bingkai_wishlist .bingkai_frame_data_wishlist .frame_data_wishlist .row_flex_2 .right .desc .diskon_persen {
background-color:#fcdbdb;
color:#FF0000;
text-align:left;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
font-size: 11px;
padding: 3px 3px 3px 3px;
border-radius:5px;
}
#main #marketplace #katalog_frame_home .katalog_sub_frame_home .katalog_home .katalog_link .frame_harga .harga_coret .diskon_h_coret,
#main #marketplace #produk_scroll_show .produk_frame .katalog_home .katalog_link .frame_harga .harga_coret .diskon_h_coret,
#main #kantin #frame_bingkai_wishlist .bingkai_frame_data_wishlist .frame_data_wishlist .row_flex_2 .right .desc .diskon_h_coret {
color:#a29c9c;
text-align:left;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
font-size: 11px;
text-decoration: line-through;
}
#main #marketplace #katalog_frame_home .katalog_sub_frame_home .katalog_home .katalog_link .desc_terjual,
#main #marketplace #produk_scroll_show .produk_frame .katalog_home .katalog_link .desc_terjual {
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #a29c9c;
font-size: 11px;
text-align:left;
padding: 0px 0px 0px 0px;
}
#main #marketplace #katalog_frame_home .katalog_sub_frame_home .katalog_home .katalog_link .desc_terjual .desc_terjual_img,
#main #marketplace #produk_scroll_show .produk_frame .katalog_home .katalog_link .desc_terjual .desc_terjual_img {
border:0;
padding: 2px 0px 0px 0px;
width:15px;
}
#main #marketplace #katalog_frame_home .katalog_sub_frame_home .katalog_home .katalog_link .judul_flashsale_preview {
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 11px;
text-align:justify;
}
#main #marketplace #katalog_frame_home .katalog_sub_frame_home .katalog_home .frame_countdown {
padding: 2px 2px 2px 2px;
text-align:left;
}
#main #marketplace #katalog_frame_home .katalog_sub_frame_home .katalog_home .bt_keranjang {
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #3f736f;
font-size: 12px;
text-align:center;
padding: 3px 3px 3px 3px;
margin:5px 0px 5px 0px;
border:1px solid #3f736f;
border-radius:6px;
cursor: pointer;
}
/* mp produk all */
#main #marketplace #produk_scroll_show {
padding: 2px 2px 2px 2px;
}
#main #marketplace #produk_scroll_show .produk_frame {
padding: 2px 2px 2px 2px;
display:flex;
margin-bottom:5px;
flex-wrap: wrap;
flex-direction: row;
}
#main #marketplace #produk_scroll_show .produk_frame .katalog_home {
width:147px;
margin:0px 0px 12px 5px;
padding: 3px 3px 3px 3px;
text-align:center;
border:1px solid #d4d0d0;
border-radius:6px;
box-shadow: 2px 5px #d4d0d0;
}
#main #marketplace .space_bottom {
height:40px;
}
/* produk detail */
#main #marketplace #produk_detail {
padding: 2px;
}
/* slider */
#main #marketplace #produk_detail .container {
max-width: 900px;
padding: 5px;
background-color: #fff;
margin-left: auto;
margin-right: auto;
margin-top:10px;
}
#main #marketplace #produk_detail .slider .slick-slide img {
width: 310px;
margin: auto;
border-radius:6px;
}
#main #marketplace #produk_detail .slider_temp {
margin: auto;
text-align:center;
margin-top:15px;
margin-bottom:32px;
}
#main #marketplace #produk_detail .slider_temp img {
width: 310px;
margin: auto;
border-radius:6px;
}
/* end */
#main #marketplace #produk_detail .produk_baris_harga {
display:flex;
}
#main #marketplace #produk_detail .produk_baris_harga .produk_harga {
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 22px;
margin-right: auto;
margin-left: 0;
padding: 2px 2px 2px 2px;
text-align: left;
font-weight:bold;
width:80%;
}
#main #marketplace #produk_detail .produk_baris_harga .produk_harga .diskon_persen {
background-color:#fcdbdb;
color:#FF0000;
text-align:left;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
font-size: 16px;
padding: 3px 3px 3px 3px;
border-radius:5px;
}
#main #marketplace #produk_detail .produk_baris_harga .produk_harga .diskon_h_coret {
color:#a29c9c;
text-align:left;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
font-size: 22px;
text-decoration: line-through;
}
#main #marketplace #produk_detail .produk_baris_harga .produk_whistlist {
margin-left: auto;
margin-right: 0;
padding: 6px 2px 2px 2px;
text-align:right;
width:19%;
}
#main #marketplace #produk_detail .produk_baris_harga .produk_whistlist .img {
width:20px;
border:0;
cursor:pointer;
}
#main #marketplace #produk_detail .produk_nama {
margin: 5px 0px 5px 0px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 13px;
text-align:left;
}
#main #marketplace #produk_detail .produk_suka {
margin: 5px 0px 5px 0px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 11px;
text-align:left;
}
#main #marketplace #produk_detail .produk_star {
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #a29c9c;
font-size: 11px;
text-align:left;
padding: 0px 0px 0px 0px;
}
#main #marketplace #produk_detail .produk_star .img {
border:0;
padding: 2px 0px 0px 0px;
width:15px;
}
#main #marketplace #produk_detail .produk_hr {
margin: 5px 0px 5px 0px;
border: 3px solid #eeeee9;
}
#main #marketplace #produk_detail .produk_varian {
margin: 5px 0px 5px 0px;
padding: 4px 4px 4px 4px;
}
#main #marketplace #produk_detail .produk_varian .produk_varian_judul {
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 14px;
text-align:left;
font-weight:bold;
}
#main #marketplace #produk_detail .produk_varian .produk_varian_judul_hasil {
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 13px;
text-align:left;
}
#main #marketplace #produk_detail .produk_varian .produk_varian_opsi_frame {
display: flex;
flex-wrap: wrap;
}
#main #marketplace #produk_detail .produk_varian .produk_varian_opsi_frame .produk_varian_opsi {
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 13px;
text-align:left;
margin-right:5px;
border:1px solid #3f736f;
padding: 8px 10px 8px 10px;
margin: 5px 5px 5px 5px;
border-radius:15px;
cursor:pointer;
}
#main #marketplace #produk_detail .produk_varian .produk_varian_opsi_frame .produk_varian_opsi_selected {
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #FFFFFF;
font-size: 13px;
text-align:left;
margin-right:5px;
background-color:#3f736f;
padding: 8px 10px 8px 10px;
margin: 5px 5px 5px 5px;
border-radius:15px;
cursor:pointer;
}
#main #marketplace #produk_detail .produk_toko {
padding: 4px 4px 4px 4px;
}
#main #marketplace #produk_detail .produk_toko .produk_toko_flex {
display: flex;
}
#main #marketplace #produk_detail .produk_toko .produk_toko_flex .pt_left_left {
width:25%;
padding: 2px 2px 2px 2px;
}
#main #marketplace #produk_detail .produk_toko .produk_toko_flex .pt_left_left .img {
border:0;
border-radius: 6px;
width:80px;
}
#main #marketplace #produk_detail .produk_toko .produk_toko_flex .pt_left_right {
width:75%;
padding: 25px 2px 2px 2px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 12px;
text-align:left;
}
#main #marketplace #produk_detail .produk_toko .produk_toko_flex .pt_left_left_2 {
width:75%;
padding: 7px 2px 2px 25px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 12px;
text-align:left;
background: url("../img/star.png") no-repeat left 5px;
background-size: 20px 20px;
}
#main #marketplace #produk_detail .produk_toko .produk_toko_flex .pt_left_right_2 {
width:25%;
padding: 2px 2px 2px 2px;
}
#main #marketplace #produk_detail .produk_toko .produk_toko_flex .pt_left_right_2 .pt_left_right_2_bt {
padding: 5px 8px 5px 8px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #3f736f;
border: 1px solid #3f736f;
border-radius:5px;
font-size: 13px;
text-align:center;
cursor: pointer;
}
#main #marketplace #produk_detail .produk_kurir {
padding: 4px 4px 4px 4px;
}
#main #marketplace #produk_detail .produk_kurir .produk_kurir_frame {
display:flex;
}
#main #marketplace #produk_detail .produk_kurir .produk_kurir_frame .img {
border:0;
width:35px;
}
#main #marketplace #produk_detail .produk_kurir .produk_kurir_frame .judul {
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 13px;
text-align:left;
font-weight:bold;
}
#main #marketplace #produk_detail .produk_kurir .produk_kurir_desc {
margin:5px 0px 5px 0px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 12px;
text-align:left;
}
#main #marketplace #produk_detail .produk_kurir .produk_kurir_desc .link {
margin:5px 0px 5px 0px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #3f736f;
font-size: 14px;
text-align:left;
font-weight:bold;
cursor: pointer;
}
#main #marketplace #produk_detail .produk_desc {
padding: 4px 4px 4px 4px;
}
#main #marketplace #produk_detail .produk_desc .judul {
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 14px;
text-align:left;
font-weight:bold;
}
#main #marketplace #produk_detail .produk_desc .frame {
display:table;
padding: 2px 2px 2px 2px;
text-align:left;
border-spacing: 5px;
border-bottom:1px solid #e6e6e2;
/*width:100%;*/
}
#main #marketplace #produk_detail .produk_desc .frame .sub_1 {
display:table-cell;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 14px;
text-align:left;
width:120px;
padding: 2px 2px 2px 2px;
}
#main #marketplace #produk_detail .produk_desc .frame .sub_1_link {
display:table-cell;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #3f736f;
font-size: 14px;
text-align:left;
width:120px;
padding: 2px 2px 2px 2px;
cursor:pointer;
}
#main #marketplace #produk_detail .produk_desc .desc_lengkap {
margin: 5px 0px 5px 0px;
padding: 4px 4px 4px 4px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 13px;
text-align:left;
}
#main #marketplace #produk_detail .produk_tanya {
display:flex;
padding: 2px 2px 2px 2px;
align-items:center;
}
#main #marketplace #produk_detail .produk_tanya .produk_tanya_sub {
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 13px;
text-align:left;
padding: 2px 2px 2px 2px;
margin-right:15px;
}
#main #marketplace #produk_detail .produk_tanya .produk_tanya_sub .judul {
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 14px;
text-align:left;
font-weight:bold;
}
#main #marketplace #produk_detail .produk_tanya .produk_tanya_sub .produk_tanya_sub_bt {
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #3f736f;
font-size: 12px;
text-align:center;
cursor: pointer;
border:1px solid #3f736f;
padding: 4px 4px 4px 4px;
border-radius:6px;
font-weight:bold;
}
#main #marketplace #produk_detail .produk_tanya .produk_tanya_sub .img {
border:0;
width:80px;
text-align:center;
}
#main #marketplace #produk_detail .produk_ulasan {
padding: 2px 2px 2px 2px;
}
#main #marketplace #produk_detail .produk_ulasan .produk_ulasan_frame {
display:flex;
}
#main #marketplace #produk_detail .produk_ulasan .produk_ulasan_frame .left {
margin-right: auto;
margin-left: 0;
padding: 2px 2px 2px 2px;
text-align: left;
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #000000;
font-size: 14px;
font-weight:bold;
}
#main #marketplace #produk_detail .produk_ulasan .produk_ulasan_frame .right {
margin-left: auto;
margin-right: 0;
padding: 2px 2px 2px 2px;
text-align: right;
}
#main #marketplace #produk_detail .produk_ulasan .produk_ulasan_frame .right .link {
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #3f736f;
font-size: 12px;
text-align:left;
cursor: pointer;
font-weight:bold;
}
#main #marketplace #produk_detail .produk_ulasan .produk_ulasan_frame .img {
border:0;
margin-right:5px;
width:60px;
border-radius:5px;
}
#main #marketplace #produk_detail .produk_ulasan .produk_ulasan_frame .link_img {
padding-top:10px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #FFFFFF;
font-size: 12px;
text-align:center;
cursor: pointer;
border-radius:5px;
background-color:#676767;
}
#main #marketplace #produk_detail .produk_ulasan .produk_ulasan_judul {
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 14px;
text-align:left;
font-weight:bold;
}
#main #marketplace #produk_detail .produk_ulasan .produk_ulasan_judul .img {
border:0;
padding: 2px 0px 0px 0px;
width:25px;
}
#main #marketplace #produk_detail .produk_ulasan .produk_ulasan_judul .img_2 {
border:0;
padding: 2px 0px 0px 0px;
width:13px;
}
#main #marketplace #produk_detail .produk_ulasan .produk_ulasan_judul .judul_2 {
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #a29c9c;
font-size: 12px;
text-align:left;
font-weight:normal;
}
#main #marketplace #produk_detail .produk_ulasan .produk_ulasan_judul .judul_3 {
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 12px;
text-align:left;
font-weight:normal;
}
#main #marketplace #produk_detail .produk_ulasan .desc {
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 12px;
text-align:left;
}
#main #marketplace #produk_detail .produk_diskusi {
padding:2px 2px 2px 2px;
}
#main #marketplace #produk_detail .produk_diskusi .judul {
margin:5px 0px 5px 0px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 14px;
text-align:left;
font-weight:bold;
}
#main #marketplace #produk_detail .produk_diskusi .isi_frame,
#main #mp_popup_new .frame_isi .isi_frame {
padding:2px 2px 10px 2px;
margin-bottom:10px;
border-bottom:1px solid #e1f0e1;
}
#main #marketplace #produk_detail .produk_diskusi .isi_frame .isi_frame_header,
#main #mp_popup_new .frame_isi .isi_frame .isi_frame_header {
padding:2px 2px 2px 2px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #888888;
font-size: 13px;
text-align:left;
}
#main #marketplace #produk_detail .produk_diskusi .isi_frame .desc,
#main #mp_popup_new .frame_isi .isi_frame .desc {
padding:2px 2px 2px 2px;
margin:2px 0px 5px 0px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 12px;
text-align:left;
}
#main #marketplace #produk_detail .produk_diskusi .isi_frame .isi_frame_detail,
#main #mp_popup_new .frame_isi .isi_frame .isi_frame_detail {
margin-left:25px;
padding:4px 4px 4px 4px;
border:1px solid #e6e6e2;
border-radius:5px;
box-shadow: 1px 2px #d4d0d0;
}
#main #marketplace #produk_detail .produk_diskusi .isi_frame .isi_frame_detail .isi_frame_detail_header,
#main #mp_popup_new .frame_isi .isi_frame .isi_frame_detail .isi_frame_detail_header {
padding:2px 2px 2px 2px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #888888;
font-size: 13px;
text-align:left;
}
#main #marketplace #produk_detail .produk_diskusi .isi_frame .isi_frame_detail .isi_frame_detail_header .penjual,
#main #mp_popup_new .frame_isi .isi_frame .isi_frame_detail .isi_frame_detail_header .penjual {
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 13px;
text-align:left;
background-color:#cfeccf;
border-radius:6px;
padding:2px 7px 2px 7px;
}
#main #marketplace #produk_detail .produk_diskusi .isi_frame .isi_frame_detail .detail_desc,
#main #mp_popup_new .frame_isi .isi_frame .isi_frame_detail .detail_desc {
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 12px;
text-align:left;
padding: 4px 0px 4px 0px;
margin-bottom:10px;
border-bottom:1px solid #e1f0e1;
}
#main #marketplace #produk_detail .produk_diskusi .bt_lihat_semua {
margin-top:5px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #3f736f;
font-size: 12px;
text-align:left;
cursor: pointer;
padding: 4px 0px 4px 4px;
font-weight:bold;
}
#main #marketplace #produk_detail .produk_laporkan {
margin: 8px 0px 8px 0px;
padding: 0px 0px 0px 0px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 12px;
text-align:left;
display:flex;
align-items:center;
}
#main #marketplace #produk_detail .produk_laporkan .img {
border:0;
width:40px;
}
#main #marketplace #produk_detail .produk_laporkan .link {
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #3f736f;
font-size: 12px;
text-align:left;
cursor: pointer;
}
#main #marketplace #produk_detail .space_bottom {
height:10px;
}
/* zoom ver 2 frame */
#main .frame_zoom {
position:fixed;
top:10px;
z-index:19999999;
width:96%;
height:100%;
background-color:#FFFFFF;
}
#main .frame_zoom .frame_flex {
display:flex;
width:97%;
margin: 10px 0px 5px 0px;
padding: 2px 2px 7px 2px;
}
#main .frame_zoom .frame_flex .left {
width:25%;
}
#main .frame_zoom .frame_flex .left .bt_tutup {
margin: 8px 0px 0px 0px;
padding: 6px 4px 3px 4px;
font-family: 'poppins',verdana,helvetica,sans-serif;
color:#FFFFFF;
text-align: center;
font-size: 14px;
background-color:#FF0000;
border-radius:5px;
cursor:pointer;
}
#main .frame_zoom .frame_flex .right {
width:75%;
text-align:right;
}
#main .frame_zoom .right .img {
border:0;
height:40px;
}
#main .frame_zoom .zoomHolder {
border: 2px solid #3f736f;
border-radius:6px;
}
#main .frame_zoom .isi {
margin: 10px 0px 5px 0px;
font-family: 'poppins',verdana,helvetica,sans-serif;
color:#000000;
text-align: center;
font-size: 14px;
}
#main .frame_zoom .isi .bt_pilih {
margin: 5px 0px 0px 0px;
padding: 8px 4px 8px 4px;
font-family: 'poppins',verdana,helvetica,sans-serif;
color:#FFFFFF;
text-align: center;
font-size: 15px;
background-color:#3f736f;
border-radius:5px;
cursor:pointer;
}
/* frame bottom keranjang */
#main #produk_bottom_frame {
padding: 0px 0px 0px 0px;
position:fixed;
bottom: 0;
z-index: 100;
width: 96%;
height: 44px;
border-top:3px solid #e6e6e2;
background-color:#FFFFFF;
}
#main #produk_bottom_frame .frame_flex {
display:flex;
align-items:center;
padding: 4px 4px 4px 4px;
}
#main #produk_bottom_frame .frame_flex .bottom_bt_pesan {
cursor: pointer;
width:40%;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #3f736f;
font-size: 14px;
text-align: center;
background-color:#def0de;
border-radius:6px;
padding: 6px 20px 6px 20px;
border:1px solid #3f736f;
margin-right: 5px;
}
#main #produk_bottom_frame .frame_flex .bottom_bt_keranjang {
cursor: pointer;
width:40%;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #FFFFFF;
font-size: 14px;
text-align: center;
background-color:#3f736f;
border-radius:6px;
padding: 6px 20px 6px 20px;
}
#main #produk_bottom_frame .frame_flex .bottom_bt_wishlist {
cursor: pointer;
width:40%;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #3f736f;
font-size: 14px;
text-align: center;
border:1px solid #3f736f;
border-radius:6px;
padding: 6px 20px 6px 20px;
background: url("../img/pegemart_sample/wishlist_cur.png") #FFFFFF 4px no-repeat;
background-size: 20px 20px;
margin-right: 5px;
}
#main #produk_bottom_frame .frame_flex .bottom_bt_transaksi {
cursor: pointer;
width:40%;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #3f736f;
font-size: 14px;
text-align: center;
border:1px solid #3f736f;
border-radius:6px;
padding: 6px 20px 6px 20px;
background: url("../img/pegemart_sample/transaksi_cur.png") #FFFFFF 4px no-repeat;
background-size: 20px 20px;
}
/* popup pengiriman */
#main #mp_popup_pengiriman {
display:none;
position:fixed;
width:95%;
height:100%;
top:20px;
padding: 6px 6px 6px 6px;
background-color:#FFFFFF;
z-index:19999999;
border-top: 2px solid #FFFFFF;
overflow-x: auto;
}
#main #mp_popup_pengiriman .frame_flex {
display:flex;
/*width:100%;*/
}
#main #mp_popup_pengiriman .frame_flex .close {
width:15%;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 40px;
text-align:left;
vertical-align:top;
}
#main #mp_popup_pengiriman .frame_flex .judul {
width:85%;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 14px;
text-align:left;
font-weight:bold;
padding-top:25px;
}
#main #mp_popup_pengiriman .frame_lokasi {
border:1px solid #79a3a0;
border-radius:4px;
padding: 15px 15px 15px 15px;
}
#main #mp_popup_pengiriman .frame_lokasi .lokasi {
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 12px;
text-align:left;
background: url("../img/my_lokasi.png") #FFFFFF 5px no-repeat;
background-size: 15px 15px;
padding: 10px 10px 0px 25px;
height:25px;
}
#main #mp_popup_pengiriman .frame_lokasi .lokasi_arrow {
background: url("../img/arrow_down.png") #FFFFFF 5px no-repeat;
background-size: 11px 16px;
height:20px;
}
#main #mp_popup_pengiriman .isi_judul {
margin: 12px 0px 12px 0px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 12px;
text-align:left;
font-weight:bold;
}
#main #mp_popup_pengiriman .isi {
margin: 12px 0px 12px 0px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 11px;
text-align:left;
}
#main #mp_popup_pengiriman .isi_detail_info {
margin: 12px 0px 12px 0px;
padding: 4px 4px 4px 4px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 14px;
text-align:justify;
}
#main #mp_popup_pengiriman .hr {
padding: 1px 1px 1px 1px;
margin: 2px 0px 2px 0px;
}
#main #mp_popup_pengiriman fieldset {
margin: 10px 0px 10px 0px;
border: 1px solid #e1f0e1;
border-radius:6px;
padding: 4px 4px 4px 4px;
}
#main #mp_popup_pengiriman fieldset legend {
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 12px;
text-align:left;
font-weight:bold;
}
#main #mp_popup_pengiriman fieldset .frame_list {
display: flex;
margin: 3px 0px 3px 0px;
}
#main #mp_popup_pengiriman fieldset .frame_list .list_left {
width: 50%;
padding: 4px 4px 4px 4px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 11px;
text-align: left;
}
#main #mp_popup_pengiriman fieldset .frame_list .list_right {
width: 50%;
padding: 4px 4px 4px 4px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 11px;
text-align: right;
}
#main #mp_popup_pengiriman fieldset .frame_list .list_combine {
width: 100%;
padding: 4px 4px 4px 4px;
margin-left:20px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 11px;
text-align: left;
font-style:italic;
}
#main #mp_popup_pengiriman fieldset .frame_list .list_combine .button {
padding: 6px 20px 6px 20px;
margin:2px 5px 4px 5px;
border-radius:6px;
background-color:#3f736f;
cursor: pointer;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #FFFFFF;
font-size: 15px;
text-align:center;
width:50%;
height:25px;
}
#main #mp_popup_pengiriman .space_white {
height:30px;
background-color:#FFFFFF;
}
/* popup mp chat */
#main #mp_chat {
display:none;
position:fixed;
width:95%;
height:100%;
top:10px;
padding: 0px 2px 2px 2px;
background-color:#FFFFFF;
z-index:19999999;
overflow-x: auto;
}
#main #mp_chat .frame_flex {
display:flex;
/*width:100%;*/
padding: 0px 1px 0px 1px;
position: -webkit-sticky;
position: sticky;
top: 0;
background-color:#FFFFFF;
}
#main #mp_chat .frame_flex .close {
width:8%;
padding: 2px 2px 2px 2px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 35px;
text-align:left;
vertical-align:top;
}
#main #mp_chat .frame_flex .toko_img {
width:14%;
padding: 8px 2px 2px 2px;
text-align:center;
}
#main #mp_chat .frame_flex .toko_img img {
border:0;
width:38px;
border-radius:12px;
}
#main #mp_chat .frame_flex .judul {
width:70%;
padding: 8px 2px 2px 2px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 14px;
text-align:left;
}
#main #mp_chat .frame_flex .menu_kanan {
width:8%;
padding: 8px 2px 2px 2px;
text-align:center;
}
#main #mp_chat .frame_flex .menu_kanan img {
border:0;
width:10px;
}
#main #mp_chat .frame_chat_mirror {
/*max-height:400px;*/
overflow: auto;
transform: rotate(180deg);
}
#main #mp_chat .frame_chat_mirror .frame_chat {
transform: rotate(-180deg);
}
#main #mp_chat .frame_chat_mirror .frame_chat .end_chat_history {
width:80%;
padding:8px 8px 8px 8px;
margin-left: auto; margin-right: auto; margin-top:10px; margin-bottom:10px;
background-color:#fcd400;
border-radius:8px;
font-family: 'poppins',arial,verdana,helvetica;
color:#000000;
font-size: 13px;
text-align:center;
}
#main #mp_chat .frame_chat_mirror .frame_chat .load_more {
width:80%;
padding:8px 8px 8px 8px;
margin-left: auto; margin-right: auto; margin-top:10px; margin-bottom:10px;
background-color:#e1f0e1;
border:1px solid #79a3a0;
border-radius:8px;
font-family: 'poppins',arial,verdana,helvetica;
color:#000000;
font-size: 13px;
text-align:center;
cursor:pointer;
}
#main #mp_chat .frame_chat_mirror .frame_chat .chat_me {
width:70%;
padding:8px 8px 8px 8px;
margin-left: auto; margin-right: 0; margin-top:10px; margin-bottom:10px;
border:1px solid #79a3a0;
border-radius:8px;
font-family: 'poppins',arial,verdana,helvetica;
color:#000000;
font-size: 13px;
text-align:right;
word-wrap: break-word;
}
#main #mp_chat .frame_chat_mirror .frame_chat .chat_them {
width:70%;
padding:8px 8px 8px 8px;
margin-left: 0; margin-right: auto; margin-top:10px; margin-bottom:10px;
border:1px solid #fcd400;
border-radius:8px;
font-family: 'poppins',arial,verdana,helvetica;
color:#000000;
font-size: 13px;
text-align:left;
word-wrap: break-word;
}
#main #mp_chat .frame_chat_mirror .frame_chat .chat_me .jam,
#main #mp_chat .frame_chat_mirror .frame_chat .chat_them .jam {
font-family: 'poppins',arial,verdana,helvetica;
color:#79a3a0;
font-size: 11px;
}
#main #mp_chat .frame_chat_mirror .frame_chat .chat_me .img_attach,
#main #mp_chat .frame_chat_mirror .frame_chat .chat_them .img_attach {
font-family: 'poppins',arial,verdana,helvetica;
color:#000000;
font-size: 11px;
text-align:right;
padding: 2px 2px 2px 2px;
}
#main #mp_chat .frame_chat_mirror .frame_chat .chat_me .img_attach img,
#main #mp_chat .frame_chat_mirror .frame_chat .chat_them .img_attach img {
border:0;
width:60px;
border-radius:5px;
border:3px solid #3f736f;
padding: 5px 5px 5px 5px;
}
/* attach img */
#main #mp_chat .frame_attach_img {
position:fixed;
bottom:50px;
left:10px;
background-color:#FFFFFF;
padding: 5px 5px 5px 5px;
border-radius:5px;
display:flex;
}
#main #mp_chat .frame_attach_img .left {
width:90%;
padding: 2px 2px 2px 2px;
}
#main #mp_chat .frame_attach_img .left .img_attc {
border:0;
width:80px;
border-radius:5px;
border:3px solid #3f736f;
padding: 10px 10px 10px 10px;
}
#main #mp_chat .frame_attach_img .left .attach_nama {
font-family: 'poppins',arial,verdana,helvetica;
font-size: 11px;
color:#000000;
text-align:left;
padding: 1px 1px 1px 1px;
}
#main #mp_chat .frame_attach_img .left .attach_harga {
font-family: 'poppins',arial,verdana,helvetica;
font-size: 11px;
color:#000000;
text-align:left;
padding: 1px 1px 1px 1px;
font-weight:bold;
}
#main #mp_chat .frame_attach_img .right {
width:10%;
padding: 2px 2px 2px 2px;
font-family: 'poppins',arial,verdana,helvetica;
color:#000000;
font-size: 30px;
vertical-align:top;
cursor:pointer;
}
/* end */
#main #mp_chat .frame_form {
display:flex;
/*width:100%;*/
padding: 1px 1px 1px 1px;
position:fixed;
bottom:0px;
right:1px;
background-color:#FFFFFF;
}
#main #mp_chat .frame_form .frame_text {
width:98%;
padding: 2px 2px 2px 2px;
text-align:center;
}
#main #mp_chat .frame_form .frame_text input[type="text"] {
height:28px; width: 95%; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; appearance: none;
background: transparent; outline: 0; text-decoration: none; border: none; overflow: hidden; resize: none;
padding: 3px 3px 3px 3px;
margin: 2px 2px 2px 2px;
border: 1px solid #79a3a0;
border-radius:4px;
font-family: 'poppins',arial,verdana,helvetica;
color:#000000;
font-size: 12px;
}
#main #mp_chat .frame_form .frame_button {
width:10%;
padding: 2px 2px 2px 2px;
text-align:center;
}
#main #mp_chat .frame_form .frame_button img {
border:0;
width:40px;
cursor:pointer;
}
#main #mp_chat .space_top {
height:10px;
background-color:#FFFFFF;
}
#main #mp_chat .space_white {
height:90px;
background-color:#FFFFFF;
}
/* popup menu chat */
#main #mp_chat .chat_menu_kanan {
height: 40px; width: 0; position: fixed;
z-index: 1; top: 65px; right: 0; background-color: #FFFFFF; overflow-x: hidden;
transition: 0.5s; padding-top: 60px; border:1px solid #3f736f; border-radius:10px;
}
#main #mp_chat .chat_menu_kanan .close_menu {
position: absolute; top: 5px; right: 10px; font-size: 40px; margin-left: 50px; color:#000000;
}
#main #mp_chat .chat_menu_kanan .link {
padding: 5px 0px 5px 10px;
margin: 0px 20px 8px 10px;
transition: 0.3s; text-decoration: none;
font-family: 'poppins',verdana,helvetica,sans-serif; color: #000000;
background-color:#FFFFFF; font-size: 14px; text-align:left;
border:2px solid #FFFFFF; border-radius:4px; display:flex; flex-direction: column;
}
/* toko */
#main #marketplace #toko {
padding: 4px 4px 4px 4px;
}
#main #marketplace #toko .toko_flex {
display: flex;
}
#main #marketplace #toko .toko_flex .pt_left_left {
width:25%;
padding: 2px 2px 2px 2px;
}
#main #marketplace #toko .toko_flex .pt_left_left .img {
border:0;
border-radius: 6px;
width:80px;
}
#main #marketplace #toko .toko_flex .pt_left_right {
width:75%;
padding: 25px 2px 2px 2px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 12px;
text-align:left;
}
#main #marketplace #toko .toko_flex .pt_left_left_2 {
width:75%;
padding: 7px 2px 2px 25px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 12px;
text-align:left;
background: url("../img/star.png") no-repeat left 5px;
background-size: 20px 20px;
}
#main #marketplace #toko .toko_flex .pt_left_right_2 {
width:25%;
padding: 2px 2px 2px 2px;
}
#main #marketplace #toko .toko_flex .pt_left_right_2 .pt_left_right_2_bt,
#main #marketplace #toko .toko_flex .frame_50 .pt_left_right_2_bt {
padding: 5px 8px 5px 8px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #3f736f;
border: 1px solid #3f736f;
border-radius:5px;
font-size: 13px;
text-align:center;
cursor: pointer;
}
#main #marketplace #toko .toko_flex .frame_50 .pt_left_right_2_bt_current,
#main #marketplace #produk_detail .produk_toko .produk_toko_flex .pt_left_right_2 .pt_left_right_2_bt_current {
padding: 5px 8px 5px 8px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #FFFFFF;
border: 1px solid #3f736f;
border-radius:5px;
font-size: 13px;
text-align:center;
cursor: pointer;
background-color:#3f736f;
}
#main #marketplace #toko .toko_flex .frame_50 {
width:50%;
text-align:center;
margin:4px 0px 4px 10px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 12px;
}
#main #marketplace #toko .toko_flex .frame_50 .img_small {
border:0;
width:20px;
}
/* etalase toko */
#main #marketplace #toko .etalase_judul {
background-color:#3f736f;
padding: 6px 4px 6px 10px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
font-size: 14px;
text-align:left;
color:#FFFFFF;
border-radius: 4px;
}
#main #marketplace #toko .toko_etalase_frame {
display:flex;
padding: 4px 4px 4px 4px;
margin-top:5px;
overflow-x:auto;
/*width:100%;*/
}
#main #marketplace #toko .toko_etalase_frame .toko_etalase {
padding: 4px 4px 4px 4px;
margin: 0px 0px 4px 4px;
border: 1px solid #3f736f;
border-radius:6px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 12px;
text-align:center;
width:150px;
cursor:pointer;
}
#main #marketplace #toko .toko_etalase_frame .toko_etalase_current {
padding: 4px 4px 4px 4px;
margin: 0px 0px 4px 4px;
border: 1px solid #3f736f;
border-radius:6px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000;
font-size: 12px;
text-align:center;
width:150px;
cursor:pointer;
background-color:#e1f0e1;
}
#main #marketplace #toko .toko_etalase_frame .toko_etalase .img,
#main #marketplace #toko .toko_etalase_frame .toko_etalase_current .img {
border:0;
width:60px;
border-radius:6px;
}
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* search */
#main #marketplace .search_frame {
display:flex;
align-items:center;
padding: 0px 0px 2px 2px;
}
#main #marketplace .search_frame .search_center {
padding: 0px 0px 2px 2px;
width: 90%;
margin-right:2px;
}
#main #marketplace .search_frame .search_center form .field {
text-align: center;
width: 100%;
vertical-align:top;
}
#main #marketplace .search_frame .search_center form .field input,
#main #marketplace .search_frame .search_center form .field input:focus {
width: 80%; cursor:pointer;
padding: 6px 20px 6px 30px;
background-image: url('https://cdn1.iconfinder.com/data/icons/hawcons/32/698627-icon-111-search-512.png');
background-repeat: no-repeat; background-position: left center; background-size: 25px;
border: 2px solid #3f736f; border-radius: 4px;
font-family: 'poppins',verdana,arial,helvetica;
font-size: 14px;
color:#000000;
}
#main #marketplace .search_frame .search_right {
padding: 0px 2px 2px 2px;
width: 10%;
}
#main #marketplace .search_frame .search_right .link {
padding-top:5px;
cursor:pointer;
}
#main #marketplace .search_frame .search_right .link .img {
border:0;
width:35px;
}
/* popup general mp */
#main #mp_popup_new {
display:none; position:fixed; width:95%;
height:100%; top:25px;
padding: 4px 4px 4px 4px;
border-top: 2px solid #3f736f;
background-color:#FFFFFF;
z-index:19999999;
overflow-y:auto;
}
#main #mp_popup_new::-webkit-scrollbar, #main #mp_popup_new::-moz-scrollbar, #main #mp_popup_new::-ms-scrollbar{
width:0;
}
#main #mp_popup_new .space_frame {
height:150px;
}
#main #mp_popup_new .frame_flex {
display:flex; width:97%;
margin:10px 0px 5px 0px;
padding: 2px 2px 7px 2px;
position:sticky; top:15px;
background-color:#FFFFFF;
border-radius:4px;
}
#main #mp_popup_new .frame_flex .left {
width:65%; margin-right: auto; margin-left: 0;
padding: 2px 2px 2px 10px;
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #000000; font-size: 13px;
font-weight:bold; text-align: left;
}
#main #mp_popup_new .frame_flex .frame_flex_close {
width:15%; margin-left: auto; margin-right: 0;
padding: 3px 4px 3px 4px;
font-family: 'poppins',verdana,helvetica,sans-serif;
color:#FFFFFF; font-size: 13px; text-align: center;
background-color:#FF0000; border-radius:5px; cursor:pointer;
}
#main #mp_popup_new .frame_isi {
width:98%;
padding: 4px 4px 4px 4px;
margin:5px 0px 5px 0px;
}
#main #mp_popup_new .bt_tambah {
position:fixed; display:inline-block;
background-color:#3f736f; bottom:50px;
right:10px; width:40px; height:40px;
line-height:40px; border-radius:5px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color:#FFFFFF; font-size:22px; text-align:center; cursor:pointer;
}
#main #mp_popup_new .frame_isi .isi_frame .frame_button,
#main #popup_ulasan_lihat_semua #frame_isi_ulasan_lihat_semua_db .frame_button {
padding: 8px 8px 8px 8px;
}
#main #mp_popup_new .frame_isi .isi_frame .frame_button .button,
#main #popup_ulasan_lihat_semua #frame_isi_ulasan_lihat_semua_db .frame_button .button {
display:inline-block;
background-color:#3f736f;
border-radius:5px;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color:#FFFFFF; font-size:14px; text-align:center; cursor:pointer;
padding: 8px 8px 8px 8px;
}
/* popup show diskon - marketplace */
#main #popup_show_diskon_mp,
#main #popup_show_diskon_detail_mp {
display:none;
top:4px;
padding: 4px 4px 4px 4px;
position:fixed;
width:93%;
height:100%;
background-color:#FFFFFF;
z-index:19999999;
overflow-y:auto;
}
#main #popup_show_diskon_mp::-webkit-scrollbar,
#main #popup_show_diskon_mp::-moz-scrollbar,
#main #popup_show_diskon_mp::-ms-scrollbar,
#main #popup_show_diskon_detail_mp::-webkit-scrollbar,
#main #popup_show_diskon_detail_mp::-moz-scrollbar,
#main #popup_show_diskon_detail_mp::-ms-scrollbar {
width:0;
}
#main #popup_show_diskon_mp .space_frame,
#main #popup_show_diskon_detail_mp .space_frame {
height:80px;
}
#main #popup_show_diskon_mp .frame_flex,
#main #popup_show_diskon_mp .frame_flex_kode,
#main #popup_show_diskon_detail_mp .frame_flex {
display:flex;
width:98%;
margin:10px 0px 5px 0px;
padding: 2px 2px 7px 2px;
}
#main #popup_show_diskon_mp .frame_flex .close,
#main #popup_show_diskon_detail_mp .frame_flex .close {
width:6%;
text-align: left;
}
#main #popup_show_diskon_mp .frame_flex .close .img,
#main #popup_show_diskon_detail_mp .frame_flex .close .img {
border:0;
width:16px;
cursor:pointer;
}
#main #popup_show_diskon_mp .frame_flex .judul,
#main #popup_show_diskon_detail_mp .frame_flex .judul {
width:55%;
padding: 2px 2px 2px 10px;
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #000000;
font-size: 14px;
text-align: left;
font-weight:bold;
}
#main #popup_show_diskon_mp .frame_flex .button {
width:35%;
padding: 8px 4px 8px 4px;
font-family: 'poppins',verdana,helvetica,sans-serif;
color:#FFFFFF;
font-size: 13px;
text-align: center;
background-color:#FF0000;
border-radius:5px;
cursor:pointer;
}
#main #popup_show_diskon_mp .frame_flex_kode .left {
width:70%;
padding: 2px 2px 2px 2px;
}
#main #popup_show_diskon_mp .frame_flex_kode .left input[type="text"] {
height:28px; width: 95%; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; appearance: none;
background: transparent; outline: 0; text-decoration: none; border: none; overflow: hidden; resize: none;
padding: 3px 3px 3px 3px;
margin: 2px 2px 2px 2px;
border: 1px solid #79a3a0;
border-radius:4px;
font-family: 'poppins',arial,verdana,helvetica;
color:#000000;
font-size: 12px;
}
#main #popup_show_diskon_mp .frame_flex_kode .left input[type="text"]:focus {
border: 1px solid #e98f7a;
background-color:#f9f9f2;
}
#main #popup_show_diskon_mp .frame_flex_kode .right {
width:30%;
padding: 2px 2px 2px 2px;
}
#main #popup_show_diskon_mp .frame_isi {
padding: 2px 2px 2px 2px;
}
#main #popup_show_diskon_mp .frame_isi .frame_data_diskon_current {
padding: 8px 8px 8px 8px;
margin: 5px 0px 15px 0px;
text-align: center;
background: url("../img/checklist.png") #f0fcf4 right 0px no-repeat; /* f0fcf4 */
background-size: 28px 21px;
background-position: right 1% top 5px;
cursor:pointer;
}
#main #popup_show_diskon_mp .frame_isi .frame_data_diskon_current_ppob {
padding: 8px 8px 8px 8px;
margin: 5px 0px 15px 0px;
text-align: center;
background: url("../img/checklist.png") #f0fcf4 right 0px no-repeat;
background-size: 28px 21px;
background-position: right 1% top 5px;
border:3px solid #3f736f;
border-radius:5px;
cursor:pointer;
}
#main #popup_show_diskon_mp .frame_isi .frame_data_diskon_disabled {
padding: 8px 8px 8px 8px;
margin: 5px 0px 15px 0px;
border:1px solid #dcdcd6;
border-radius:5px;
text-align: center;
background-color:#dcdcd6;
}
#main #popup_show_diskon_mp .frame_isi .frame_data_diskon {
padding: 8px 8px 8px 8px;
margin:5px 0px 15px 0px;
border:1px solid #dcdcd6;
border-radius:5px;
text-align: center;
cursor:pointer;
}
#main #popup_show_diskon_mp .frame_isi .frame_data_diskon .judul,
#main #popup_show_diskon_mp .frame_isi .frame_data_diskon_current .judul,
#main #popup_show_diskon_mp .frame_isi .frame_data_diskon_disabled .judul {
margin:2px 0px 10px 0px;
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #000000;
font-size: 13px;
text-align: left;
font-weight:bold;
}
#main #popup_show_diskon_mp .frame_isi .frame_data_diskon .detail,
#main #popup_show_diskon_mp .frame_isi .frame_data_diskon_current .detail,
#main #popup_show_diskon_mp .frame_isi .frame_data_diskon_disabled .detail {
padding:2px 2px 2px 2px;
margin:2px 0px 2px 0px;
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #92928e;
font-size: 12px;
text-align: left;
}
#main #popup_show_diskon_mp .frame_isi .frame_data_diskon .detail .jam,
#main #popup_show_diskon_mp .frame_isi .frame_data_diskon_current .detail .jam,
#main #popup_show_diskon_mp .frame_isi .frame_data_diskon_disabled .detail .jam {
height:30px;
padding:5px 5px 0px 35px;
background: url("../img/jam.png") 5px no-repeat;
background-size: 25px 25px;
}
#main #popup_show_diskon_mp .frame_isi .frame_data_diskon .detail .jam .lihat_detail,
#main #popup_show_diskon_mp .frame_isi .frame_data_diskon_current .detail .jam .lihat_detail,
#main #popup_show_diskon_mp .frame_isi .frame_data_diskon_disabled .detail .jam .lihat_detail {
color: #3f736f;
padding-left:10px;
cursor:pointer;
}
/* metode_pembayaran */
#main #popup_show_diskon_mp .frame_isi .frame_data_diskon_disabled .metode_pembayaran,
#main #popup_show_diskon_mp .frame_isi .frame_data_diskon_current_ppob .metode_pembayaran,
#main #popup_show_diskon_mp .frame_isi .frame_data_diskon .metode_pembayaran {
display:flex; padding:2px;
}
#main #popup_show_diskon_mp .frame_isi .frame_data_diskon_disabled .metode_pembayaran .left,
#main #popup_show_diskon_mp .frame_isi .frame_data_diskon_current_ppob .metode_pembayaran .left,
#main #popup_show_diskon_mp .frame_isi .frame_data_diskon .metode_pembayaran .left {
width:32%; margin-right:5px;
}
#main #popup_show_diskon_mp .frame_isi .frame_data_diskon_disabled .metode_pembayaran .left .img,
#main #popup_show_diskon_mp .frame_isi .frame_data_diskon_current_ppob .metode_pembayaran .left .img,
#main #popup_show_diskon_mp .frame_isi .frame_data_diskon .metode_pembayaran .left .img {
border:0; width:100px;
}
#main #popup_show_diskon_mp .frame_isi .frame_data_diskon_disabled .metode_pembayaran .right,
#main #popup_show_diskon_mp .frame_isi .frame_data_diskon_current_ppob .metode_pembayaran .right,
#main #popup_show_diskon_mp .frame_isi .frame_data_diskon .metode_pembayaran .right {
width:68%;
padding-top:8px;
font-family: 'poppins',verdana,helvetica,sans-serif;
color:#000000;
font-size: 16px;
text-align: left;
}
/* end */
#main #popup_show_diskon_mp .frame_flex_bottom {
display:flex;
width:98%;
margin:5px 0px 5px 0px;
padding: 2px 2px 7px 2px;
position:fixed;
bottom:0px;
background-color:#FFFFFF;
}
#main #popup_show_diskon_mp .frame_flex_bottom .combine {
width:98%;
padding: 4px 4px 4px 4px;
text-align:center;
}
#main #popup_show_diskon_mp .frame_flex_bottom .left {
width:50%;
padding: 4px 4px 4px 4px;
}
#main #popup_show_diskon_mp .frame_flex_bottom .left .left_judul {
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #80776a;
font-size: 13px;
text-align: left;
}
#main #popup_show_diskon_mp .frame_flex_bottom .left .left_rupiah {
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #000000;
font-size: 14px;
text-align: left;
font-weight:bold;
}
#main #popup_show_diskon_mp .frame_flex_bottom .right {
width:50%;
padding: 4px 4px 4px 4px;
}
#main #popup_show_diskon_mp .frame_flex_bottom .right .bt_pakai,
#main #popup_show_diskon_mp .frame_flex_kode .right .bt_pakai,
#main #popup_show_diskon_mp .frame_flex_bottom .combine .bt_pakai {
width:90%;
padding: 8px 4px 8px 4px;
font-family: 'poppins',verdana,helvetica,sans-serif;
color:#FFFFFF;
font-size: 14px;
text-align: center;
background-color:#3f736f;
border-radius:5px;
cursor:pointer;
}
/* popup_show_diskon_detail_mp */
#main #popup_show_diskon_detail_mp .banner_img {
padding: 4px 4px 4px 4px;
text-align:center;
}
#main #popup_show_diskon_detail_mp .banner_img .img {
border:0;
width:350px;
border-radius:5px;
}
#main #popup_show_diskon_detail_mp .isi {
padding: 2px 2px 2px 2px;
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #000000;
font-size: 13px;
text-align: justify;
}
/* popup ajakan marketplace */
#main .popup_mp_ajakan {
/*display:none;*/
position:fixed; top:100px; left:20px; width:250px; padding: 4px 4px 4px 4px; overflow-y:auto; border: 4px solid #3f736f; border-radius: 10px; background-color: #FFFFFF;
z-index: 999999099;
}
#main .popup_mp_ajakan::-webkit-scrollbar, #main .popup_mp_ajakan::-moz-scrollbar, #main .popup_mp_ajakan::-ms-scrollbar{
width:0;
}
#main .popup_mp_ajakan .frame_img {
padding: 4px; margin: 0px 0px 2px 0px; cursor: pointer; text-align: center; margin-left: auto; margin-right: auto;
}
#main .popup_mp_ajakan .frame_img .img {
border: 0; width: 220px; border-radius: 5px;
}
#main .popup_mp_ajakan .frame_img_close {
margin-left: 0; margin-right: auto; text-align: right;
}
#main .popup_mp_ajakan .frame_img_close .img_close {
border: 0; width: 15px; padding: 6px; cursor: pointer;
}
#main .popup_mp_ajakan .desc {
padding: 4px; margin: 2px 0px 2px 0px;
font-family: 'poppins',verdana,helvetica,sans-serif;
color: #000000;
font-size: 15px;
text-align: center;
}
/* registrasi new */
#main #transaksi #frame_bingkai .bingkai_frame_data .desc,
#main #transaksi #frame_bingkai .bingkai_frame_data form .my_form_input,
#main #page_registrasi .bingkai_registrasi form .my_form_input {
text-align:left; margin-bottom:20px; font-family: 'poppins',verdana,helvetica,sans-serif; color: #000000; text-align: left; font-size: 14px;
}
#main #transaksi #frame_bingkai .bingkai_frame_data form .my_form_input .mandatory,
#main #page_registrasi .bingkai_registrasi form .my_form_input .mandatory {
font-size: 15px; color: #FF0000; padding-right: 3px;
}
#main #transaksi #frame_bingkai .bingkai_frame_data form .my_form_input .my_judul,
#main #page_registrasi .bingkai_registrasi form .my_form_input .my_judul {
font-family: 'poppins',arial,verdana,helvetica;
font-size: 15px;
color:#000000;
text-align:left;
margin-bottom:5px;
}
#main #transaksi #frame_bingkai .bingkai_frame_data form .my_form_input input[type="text"],
#main #transaksi #frame_bingkai .bingkai_frame_data form .my_form_input input[type="tel"],
#main #page_registrasi .bingkai_registrasi form .my_form_input input[type="text"],
#main #page_registrasi .bingkai_registrasi form .my_form_input input[type="tel"],
#main #page_registrasi .bingkai_registrasi form .my_form_input textarea,
#main #page_registrasi .bingkai_registrasi form .my_form_input input[type="password"] {
width: 98%; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; appearance: none;
background: transparent; outline: 0; text-decoration: none; border: none; cursor: pointer;
padding: 3px 3px 3px 3px; margin: 2px 2px 2px 2px; box-sizing: border-box; border-bottom: 1px solid #79a3a0;
font-family: 'poppins',arial,verdana,helvetica;
color:#000000;
font-size: 14px;
}
#main #transaksi #frame_bingkai .bingkai_frame_data form .my_form_input input[type="text"]:focus,
#main #transaksi #frame_bingkai .bingkai_frame_data form .my_form_input input[type="tel"]:focus,
#main #page_registrasi .bingkai_registrasi form .my_form_input input[type="text"]:focus,
#main #page_registrasi .bingkai_registrasi form .my_form_input input[type="tel"]:focus,
#main #page_registrasi .bingkai_registrasi form .my_form_input textarea:focus,
#main #page_registrasi .bingkai_registrasi form .my_form_input input[type="password"]:focus {
background-color: #abd7ab; border-radius: 3px; border: none;
}
#main #page_registrasi .bingkai_registrasi form .my_form_input input[type="text"].my_timepicker {
width: 37%; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; appearance: none;
background: transparent; outline: 0; text-decoration: none;
border: none; box-sizing: border-box;
padding: 3px 3px 3px 3px; margin: 2px 2px 2px 2px; border: 1px solid #79a3a0; border-radius:4px;
color:#000000; text-align:center;
font-family: 'poppins',arial,verdana,helvetica;
font-size: 14px;
}
#main #page_registrasi .bingkai_registrasi form .my_form_input select {
-webkit-appearance: none; -moz-appearance: none; background: transparent;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat; background-position-x: 100%; background-position-y: 5px;
border: 1px solid #dfdfdf; border-radius: 2px; margin-right: 2rem; padding: 1rem; padding-right: 2rem; cursor: pointer;
font-family: 'poppins',verdana,helvetica,sans-serif;
font-size: 14px;
}
#main #page_registrasi .bingkai_registrasi form .my_form_input .label_foto {
text-decoration:none; cursor: pointer; font-family: 'poppins',verdana,helvetica,sans-serif;
color: #000000; text-align: left;
padding: 10px 10px 10px 40px;
background: url("../img/browse_foto.png") #FFFFFF 2px no-repeat;
background-size: 30px 30px; height:50px; border-radius:6px; border:1px solid #79a3a0;
font-size: 14px;
}
#main #page_registrasi .bingkai_registrasi form .my_form_input .show_file_name {
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #000000; text-align: left; font-style: italic;
font-size: 11px;
}
#main #page_registrasi .bingkai_registrasi form .my_form_input .img {
border:0; border-radius:5px; border: 2px solid #3f736f;
width:120px;
}
#main #page_registrasi .bingkai_registrasi form .my_form_input_center {
text-align:center;
align-items:center;
display:flex;
margin:7px 0px 7px 0px;
}
#main #transaksi #frame_bingkai .bingkai_frame_data form .my_form_input .button,
#main #transaksi #frame_bingkai .bingkai_frame_data form .my_form_input_center .button,
#main #page_registrasi .bingkai_registrasi form .my_form_input .button,
#main #page_registrasi .bingkai_registrasi form .my_form_input_center .button {
width:45%; border:none; cursor: pointer; text-decoration:none;
font-family: 'poppins','menu',verdana,helvetica,sans-serif;
color: #FFFFFF; text-align: center; background-color:#3f736f; border-radius:6px;
padding: 11px 0px 11px 0px; margin-right:10px;
font-size: 14px;
}
#main #page_registrasi .bingkai_registrasi form .my_form_input_center .button_sebelum {
border:1px solid #000000; cursor: pointer; text-decoration:none;
font-family: 'poppins','menu',verdana,helvetica,sans-serif; color: #000000; text-align: center;
background-color:#e1f0e1; border-radius:6px; width:45%; padding: 11px 0px 11px 0px; margin-right:10px;
font-size: 14px;
}
#main #page_registrasi .bingkai_registrasi form .my_form_input .frame_checkbox {
display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer;
-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
font-family: 'poppins','menu',verdana,helvetica,sans-serif; text-align: left;
color: #000000;
font-size: 16px;
}
#main #page_registrasi .bingkai_registrasi form .my_form_input .frame_checkbox input[type="checkbox"] {
position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;
}
#main #page_registrasi .bingkai_registrasi form .my_form_input .frame_checkbox .checkmark {
position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #eee;
}
#main #page_registrasi .bingkai_registrasi form .my_form_input .frame_checkbox:hover input[type="checkbox"] ~ .checkmark {
background-color: #ccc;
}
#main #page_registrasi .bingkai_registrasi form .my_form_input .frame_checkbox input[type="checkbox"]:checked ~ .checkmark {
background-color: #3f736f;
}
#main #page_registrasi .bingkai_registrasi form .my_form_input .frame_checkbox .checkmark:after {
content: ""; position: absolute; display: none;
}
#main #page_registrasi .bingkai_registrasi form .my_form_input .frame_checkbox input[type="checkbox"]:checked ~ .checkmark:after {
display: block;
}
#main #page_registrasi .bingkai_registrasi form .my_form_input .frame_checkbox .checkmark:after {
left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);
}
#main #transaksi #frame_bingkai .bingkai_frame_data .my_form_input .img,
#main #transaksi #frame_bingkai .bingkai_frame_data form .my_form_input .img {
border:0; width:340px; border-radius:8px;
}