/*
    Created on : Oct 16, 2017, 9:51:35 AM
    Author     : hendrie van betmen
*/

#tombole {
    position:relative;
    //border:1px solid #cccccc;
    padding:10px;
    //background:#D0D0D0;
    height: 32px;
    z-index: 200;
}

#tombole a#pg_print, #tombole a#pg_pdf {
    //width: 32px;
    //height:32px;
    //overflow:hidden;
    margin-left: 10px;
}

#tombole button {
    padding:8px;
    border:2px solid #FF0000;
    background:#FFFF00;
    width:100px;
    margin-right: 10px;
}

/**** css cak *******/

body {
    //font-family: inherit;
}

div#bungkuse-resep {
    //font-family: "Open Sans", sans-serif;
    position:relative;
    max-width: 590px;
    max-height:840px;    
    //border:1px solid #cccccc;
}

#tombol-print {
    position:relative;
    margin-top: 4px;
    margin-bottom:10px;
}

#tombol-print button {
    width:100%;
    border:2px solid #cccccc;
    padding:10px;
}

#photo-resep {
    text-align: center;
    max-width: 590px;
    max-height:300px; 
    overflow: hidden;
}

#photo-resep img {
    
}

#nama-resep h1 {
    font-family:raleway;
    font-weight: bold;
    font-size:18px;
    text-align: center;
    margin-top:10px;
}

#garis {
    color:#bf9764;
    //height: 2px;
    border:solid 1px #bf9764;
    //border-color:#bf9764;
}

div#intro-resep {
    font-family: "Open Sans", sans-serif;
    text-align: center;
    margin-bottom: 20px;
}

#bahan-resep , #cara-resep{
    width:45%;
    //border:1px solid #cccccc;
    float:left;
}

#bahan-resep h2, #cara-resep h2 {
    font-family: "open sans", sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin-left: -15px;
}

#cara-resep h2 {
    margin-left:-20px;
}

#bahan-resep {
    margin-left: 20px;
}

#cara-resep {
    margin-left:30px;
}

#www {
    clear: both;
    font-size: 11px;
}



/********************** inline */
#in_bungkus {
    width:308px;
    height:50px;
    background:#ffffff;
    margin:auto;
}

#in_bungkus button {
    width:50%;
    height:100%;
    border:2px solid #FF0000;
    font-size: 14px;
    font-weight: bold;
    background:#FFFF00;
}

#in_bungkus #in_pdf {
}


/***** cak tombol *******/
#cak_tombol_wrap {
    width:100%;
    height:100%;
    display:none;
    position:fixed;
    top:0px;
    left:0px;
    background:rgba(0,0,0,0.8);
    z-index: 1000;
}

#cak_kotak button {
    //border:2px solid #FF0000;
    //background: #FFFF00;
    padding:8px;
    width:100px;
    z-index: 2001;
}

#cak_pdf {
    margin-left: 10px;
}

#cak_kotak {
    width:210px;
    height: 60px;
    position:absolute;
    padding:10px;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    //background: #ffffff;
    z-index: 2000;
    overflow: hidden;
}

#cak_iframe {
    position: relative;
    margin-top:100px;
}

 a#cak_close {
    padding-top:4px;
    display:inline-block;
    position:absolute;
    top:0px;
    right:0px;
    -webkit-transform:translate(50%, -50%);
    transform:translate(50%, -50%);
    border-radius:1000px;
    background:rgba(0,0,0,0.8);
    font-family:Arial, Sans-Serif;
    font-size:20px;
    line-height:100%;
    color:#fff;
}

/**cak admin**/
#cak_admin {
    font-family: "Open Sans";
}

#cak_admin th {
    border-bottom: 1px solid #cccccc;
}

#cak_admin h1 {
    font-size:18px;
}

#cak_admin tr {
    font-size: 12px;
    background:#fff;
}

#cak_admin td {
    padding:4px;
}

#cak_admin td.pid {
    text-align: right;
}

#cak_admin td.goprint, #cak_admin td.gopdf {
    text-align: center;
}