/***********************************
############## PANEL ###############
***********************************/

/*PANEL HEADER*/
.panel_header{
    padding: 20px;
    background: #FFF;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
    border-radius: 8px 8px 0 0;
}

.panel_header h1, .panel_header h2, .panel_header h3, .panel_header h4, .panel_header h5, .panel_header h6, .panel_header p{color: #333;}
.panel_header h4, .panel_header h5, .panel_header h6{margin: 10px 0;}

.panel_header > h2 {
    font-size: 1.6em;
    font-weight: 600;
}

.panel_header > p{
    font-size: 0.95em;
    color: #666;
    font-weight: 400;
    margin: 8px 0;
    line-height: 1.5;
}

.panel_header mark{
    padding: 2px 8px;
    border-radius: 4px;
    background: #fff3cd;
    color: #856404;
}

.panel_header > p.subtitle{
    margin-left: 0;
    margin-top: 5px;
    font-style: italic;
    color: #888;
}

.panel_header > ul{
    list-style: disc;
    margin: 20px 0 20px 40px;
    font-size: 0.95em;
    color: #555;
}

.panel_header > ol{
    margin: 20px 0 20px 40px;
    font-size: 0.95em;
    color: #555;
}

.panel_header > span{
    float: right;
    margin-top: 4px;
    font-size: 0.85em;
    color: #999;
}

/* PANEL HEADER DEFAULT WHITE */
.panel_header.default{background: #FFF !important; border-top: 4px solid #ddd !important; border-bottom: 1px solid #eee !important; color: #555;}
.panel_header.default > h2{font-size: 1em; font-weight: 600; color: #333; padding-bottom: 5px;}
.panel_header.default > span{position: relative; right: 0; top: -5px;}

/* PANEL HEADER SUCCESS GREEN */
.panel_header.success{background: linear-gradient(45deg, #28a745 0%, #218838 100%) !important; color: #FFF;}
.panel_header.success > h2{font-size: 1em; font-weight: 600; color: #FFF; padding-bottom: 5px;}
.panel_header.success > span{position: relative; right: 0; top: -5px; color: rgba(255,255,255,0.8);}

/* PANEL HEADER ALERT YELLOW */
.panel_header.alert{background: linear-gradient(45deg, #ffc107 0%, #e0a800 100%) !important; color: #FFF;}
.panel_header.alert > h2{font-size: 1em; font-weight: 600; color: #FFF; padding-bottom: 5px;}
.panel_header.alert > span{position: relative; right: 0; top: -5px; color: rgba(255,255,255,0.8);}

/* PANEL HEADER INFO BLUE */
.panel_header.info{background: linear-gradient(45deg, #17a2b8 0%, #138496 100%) !important; color: #FFF;}
.panel_header.info > h2{font-size: 1em; font-weight: 600; color: #FFF; padding-bottom: 5px;}
.panel_header.info > span{position: relative; right: 0; top: -5px; color: rgba(255,255,255,0.8);}

/* PANEL HEADER WARNING RED */
.panel_header.warning{background: linear-gradient(45deg, #dc3545 0%, #c82333 100%) !important; color: #FFF;}
.panel_header.warning > h2{font-size: 1em; font-weight: 600; color: #FFF; padding-bottom: 5px;}
.panel_header.warning > span{position: relative; right: 0; top: -5px; color: rgba(255,255,255,0.8);}

/*PANEL*/
.panel{
    padding: 25px;
    font-weight: 400;
    background: #fff;
    font-size: 0.95em;
    line-height: 1.6;
    color: #555;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p{color: #333;}
.panel h4, .panel h5, .panel h6{margin: 12px 0;}

.panel h2{
    font-size: 1.6em;
    font-weight: 600;
    margin-bottom: 15px;
}

.panel > p{
    font-size: 1em;
    color: #444;
    font-weight: 400;
    margin: 15px 0;
}

.panel mark{
    padding: 2px 8px;
    border-radius: 4px;
    background: #fff3cd;
    color: #856404;
}

.panel > ul{
    list-style: disc;
    margin: 20px 0 20px 40px;
    font-size: 1em;
    color: #555;
}

.panel > ol{
    margin: 20px 0 20px 40px;
    font-size: 1em;
    color: #555;
}

.panel > span{
    float: right;
    position: relative;
    right: 0;
    top: 0;
    font-size: 0.85em;
    color: #999;
}

/*PANEL FOOTER*/
.panel_footer{
    padding: 15px 20px;
    border-top: 1px solid #eee;
    color: #666;
    font-size: 0.85em;
    text-align: right;
    font-weight: 400;
    background: #f9f9f9;
    border-radius: 0 0 8px 8px;
}

.panel_footer_external{
    padding: 15px 0;
    border-top: 1px solid #eee;
    color: #666;
    font-size: 0.85em;
    text-align: right;
    font-weight: 400;
}

.panel_footer > span, .panel_footer_external > span {
    float: right;
    position: relative;
    top: 0;
    right: 0;
    padding-left: 15px;
    font-weight: 600;
}