.as_table_top {
    background-color: #ffffff;
    padding: 0px 0px 0px;
    margin-top: 20px;
    position: relative;    
    z-index: 1;
    transition: all 0.3s linear;
    }
    .as_table_content {
    background-color: #ffffff;
    padding: 0px 0px 0px;
    font-size:14px;    
    position: relative;    
    border-radius: 10px;
    z-index: 1;
    transition: all 0.3s linear;
    }
    .header-bg{
    background-color: #ffcc33;
    color: #000000;
    min-height:20px;
    padding:2px;
    font-weight:bold;
    }
    .content-bg{
    background-color:#fcf8e3;color:#fff;
    }
    
    .content-bg-alt{
    background-color:#646421;color:#fff;
    }
    .row-border{border:1px solid #c6c6c6;}
    .row-content{padding: 0px 12px 0px;}
    .col-border{border:10px solid #f0e57ec9;}
    .col-border-right{border-right:1px solid #424c07;}
    .table-section-title{background-color:#ff7010}
    .left-title-width {width:50%;}
    .right-title-width {width:40%;}
    .left-content-width {width:50%;}
    .right-content-width {width:60%;}
    .single-left-title-width {width:30%;}
    .single-left-content-width {width:70%;}
    .title-style{
    background-color: #5e3700;
    color: #fff;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 4px;
    padding-bottom: 2px;
    margin-right: 10px;
    }
    .title-style-alt{
    background-color: #660689a8;
    color: #fff;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 4px;
    padding-bottom: 2px;
    margin-right: 10px;
    }
    .day-pnch {
        width:100%;float:left;margin-bottom:2%;
    }
    .day-pnch center {    font-size: 30px;
        margin-top: 3%;
        color: #866E25;
        background: rgba(71, 135, 181, 0.23);
        border: solid 1px #A2A2A2;}
    .day-pnch header {padding-bottom:2%}
    .day-pnch h2 {width:100%;text-align:center;float:left}
    
    .Venus-Beneficial{background-color:#ffffff !important;color:#000000 !important; }
    .Mercury-Quick{background-color:#557a10 !important;color:#ffffff !important; }
    .Moon-Gentle{background-color:#ffffff !important;color:#000000 !important; }
    .Saturn-Sluggish{background-color:#505050 !important;color:#ffffff !important; }
    .Jupiter-Fruitful{background-color:#e0c92b !important;color:#000000 !important; }
    .Mars-Aggressive{background-color:#a21010 !important;color:#ffffff !important; }
    .Sun-Vigorous{background-color:#b23814 !important;color:#ffffff !important; }
    
    .Udvega-Bad{
        background-color:#b23814;
        color: #ffffff !important;
        }
        .Chara-Neutral{
        background-color:#505050;
        color: #ffffff !important;
        }
        .Labha-Gain{
        background-color:#839626;
        color: #ffffff !important;
        }
        .Amrita-Best{
        background-color:#557a10;
        color: #ffffff !important;
        }
        .Kala-Loss{
        background-color:#b23814;
        color: #ffffff !important;
        }
        .Shuba-Good{
        background-color:#839626;
        color: #ffffff !important;
        }
        .Roga-Evil{
        background-color:#b23814;
        color: #ffffff !important;
        }
        .Udvega-Bad{
        background-color:#b23814;
        color: #ffffff !important;
        }
        
    
    .muh-title{padding-top:10px;padding-bottom:10px; background-color:#759700;}
    .muh-val{padding-top:10px;padding-bottom:10px;}
    
    .m_heading{font-size:14px;padding:10px 0px 10px 0px;border:1px solid #c6c6c6;color:#ffffff; background-color:#ff0808c9;}
    .m_det_first{font-size:14px;padding:10px 0px 10px 0px;border:1px solid #c6c6c6;color:#000; background-color:#e9d8a3;}

    .m_det_1{font-size:14px;padding:10px 0px 10px 0px;border:1px solid #c6c6c6; background-color:#fcf8e3;}
    .m_det_2{font-size:14px;padding:10px 0px 10px 0px;border:1px solid #c6c6c6;background-color:#f0e57ec9;}
    
    .current-background{background-color:#2eab06;}
    .e_h_button{
        width:200px;padding-bottom:5px;padding-top:5px;background-color:#ff7010;text-align:center;
    }
    
    .details-section-chog {
        background-color: #ffcc33;
        color: #000;
        min-height: 0px;
        padding: 20px;
        border-radius:10px;
        text-align: center;
    }
    .content-bg-chog{
        background-color:#ff0808c9;color:#fff;
        }
       
    .details-section {
        background-color: #f0e57ec9;
        color: #ffffff;
        min-height: 0px;
        padding: 20px;
        border-radius:10px;
        text-align: center;
    }
    .details-box-style {
        font-size: 20px;
        box-shadow: 0 .5rem 1rem rgba(0,0,0,.75)!important;
    }
    .i_box{
        padding:22px; border-radius:10px; background-color:#fcf8e3; border:1px solid red;
    }
    .i_box_title{
        font-size:15px;line-height:3.1em;
    }
    
    .i_box_image{
        border:1px solid red; border-radius:50%
    }

    .i_box_timing{
        font-size:15px;line-height:3.1em;
    }
    .i_box_day{
        font-weight:normal;font-size:15px;line-height:1.3em;
        }
        .i_box_duration{
            font-weight:normal;font-size:13px;line-height:1.3em;
        }

    .top-20 {
        padding-top: 20px;
    }
    
    @media only screen and (max-width: 768px) {
    .hide-on-m{display:none;}
    }
   
    @media only screen and (max-width: 768px) {
    .as_table_content {
        font-size:11px;
    }
}