/* ================================================================================================================= */
/* ===== PANEL ===================================================================================================== */
/* ================================================================================================================= */
is-report-panel {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.9);
    opacity: 0;
    visibility: hidden;
}
is-report-panel.showed {
    animation-name: is_report_panel_fadein;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
}
is-report-panel.hidden {
    animation-name: is_report_panel_fadeout;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
}

is-report-panel .report_panel_valign {
    display: inline-flex;
    flex-direction: column;
    justify-content: space-around;	
    width: 100%;
    height: 100%;
}

is-report-panel .report_panel {
    background-color: whitesmoke;
    margin: auto;
/*     margin-top: 100px; */
    width: 600px;
}
is-report-panel .report_panel.small {
    width: 400px;
    height: 275px;
    margin-top: auto;
}
is-report-panel .report_panel.medium {
    width: 600px;
    height: 350px;
    margin-top: auto;
}
is-report-panel .report_panel.large {
    width: 800px;
    height: 500px;
    margin-top: auto;
}
is-report-panel.showed .report_panel {
    animation-name: is_report_panel_growin;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
}
is-report-panel.hidden .report_panel {
    animation-name: is_report_panel_growout;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
}



/* ================================================================================================================= */
/* ===== Content =================================================================================================== */
/* ================================================================================================================= */

is-report-panel .report_panel .report_header_section {
    display: flex;
    height: 60px;
    border-bottom: 3px solid #00c5d9;
    background-color: #dddddd;
}
is-report-panel .report_panel .report_header_section .report_header {
    font-size: 22px;
    margin: auto 10px;
    font-weight: bold;
    color: #444444;
    text-transform: uppercase;
    height: 20px;
}

is-report-panel .report_panel .report_title_section {
    display: flex;
    height: 35px;
    border-top: 1px solid darkgray;
    border-bottom: 1px solid darkgray;
}
is-report-panel .report_panel .report_title_section .report_title {
    font-size: 20px;
    margin: auto auto 0 10px;
    display: inline-block;  
}

is-report-panel .report_panel .report_body_section {
    overflow: auto;
    text-align: justify;
    background-color: white;
}
is-report-panel .report_panel.small .report_body_section {
    height: 163px;
}
is-report-panel .report_panel.medium .report_body_section {
    height: 238px;
}
is-report-panel .report_panel.large .report_body_section {
    height: 387px;
}
is-report-panel .report_panel .report_body_section .report_body {
    margin: 0;
}
is-report-panel .report_panel .report_body_section .report_body .report_body_line {
	display: table;
	width: 100%;
    margin: 10px 0;
    font-size: 16px;
    line-height: 20px;
    color: #555555;
}
is-report-panel .report_panel .report_body_section .report_body .report_body_line .msg_type {
	display: table-cell;
    color: white;
    width: 100px;
    text-align: center;
    vertical-align: middle;
    padding: 5px;
}
is-report-panel .report_panel .report_body_section .report_body .report_body_line .msg_type.msg_important {
	background-color: #b94a48;
}
is-report-panel .report_panel .report_body_section .report_body .report_body_line .msg_type.msg_warning {
    background-color: #f89406;
}
is-report-panel .report_panel .report_body_section .report_body .report_body_line .msg_type.msg_success {
    background-color: #468847;
}
is-report-panel .report_panel .report_body_section .report_body .report_body_line .msg_type.msg_info {
    background-color: #3a87ad;
}
is-report-panel .report_panel .report_body_section .report_body .report_body_line .msg_message {
    display: table-cell;
    padding: 0 10px 0 10px;
    vertical-align: middle;
}

is-report-panel .report_panel .report_buttons_section {
    display: flex;
    justify-content: space-between;	
    border-top: 1px solid #dddddd;
    padding: 10px;
}
is-report-panel .report_panel .report_buttons_section .left_buttons {
    text-align: left;
    display: inline-flex;
}
is-report-panel .report_panel .report_buttons_section .center_buttons {
    text-align: center;
    display: inline-flex;
}
is-report-panel .report_panel .report_buttons_section .right_buttons {
    text-align: right;
    display: inline-flex;
}
is-report-panel .report_panel .report_buttons_section .button {
    padding: 5px;
    width: 100px;
    margin-left: 10px;
}
is-report-panel .report_panel .report_buttons_section .button.hidden {
    display: none;
}


/* ================================================================================================================= */
/* ===== Animations ================================================================================================ */
/* ================================================================================================================= */
@keyframes is_report_panel_fadein {
	from    {opacity: 0;    visibility: hidden;}
    to      {opacity: 1;    visibility: visible;}    
}
@keyframes is_report_panel_fadeout {
    from    {opacity: 1;    visibility: visible;}
    to      {opacity: 0;    visibility: hidden;}
}

@keyframes is_report_panel_growin {
    from    {transform: scale(0, 0);}
    to      {transform: scale(1, 1);}    
}
@keyframes is_report_panel_growout {
    from    {transform: scale(1, 1);}
    to      {transform: scale(0, 0);}
}