.msl_admin_page {
    max-width: 1400px;
    /*width: %;*/
    margin: auto;
    border-radius: 2rem;
    background-color: #ffffff;
    overflow:hidden;
    overflow-x: scroll;
    box-shadow: 4px 4px 14px 0 rgb(0,0,0,20%);
    }


/* WYSIWYG editor */
#admin_page_content {
    max-width: 1200px;
    width: 95%;
    margin: auto;
    padding: 0 0 0 0;
    border-radius: 2rem;
    background-color: #ffffff;
    overflow:hidden;
    box-shadow: 4px 4px 14px 0 rgb(0,0,0,20%);
    }
/*@media(min-width:992px){*/
/*    #admin_page_content {*/
/*        margin-top: -16rem;*/
/*        padding-top: 18rem;*/
/*    }*/
/*}*/

#edit_page_buttons {
    padding: 5px;
    margin: 0;
    overflow:auto;
}

#edit_body {
    padding: 15px;
}

#admin_page_content #edit_page_buttons ul,
#edit_page_buttons ul {
    /*background: var(--union-navy);*/
    padding: 5px 5px 5px 0;
    border-radius: 0;
    /*margin: 0 0 20px 0;*/
    }
    
#admin_page_content #edit_page_buttons li,
#edit_page_buttons ul li {
    /*padding: 5px 10px;*/
    display: inline-block;
    border-right: 1px solid #ffffff3d;
    background: var(--union-navy);
    /*border-radius: 0.2rem;*/
}

#admin_page_content #edit_page_buttons li a,
#edit_page_buttons ul li a {
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    background-size: 16px;
    padding-left: 25px;
    text-decoration: none;
    }

#admin_page_content #edit_page_buttons li:before,
#edit_page_buttons ul li:before,
#pnlTabs li:before {
    content: "";}


#panel_wrapper .cke_chrome {box-shadow: none;}

#panel_wrapper .cke_top {
    box-shadow: none;
    background: #f0f0f0;
    background-image: none;
    padding: 0;}

#panel_wrapper .cke_bottom {
    box-shadow: none;
    background: #f0f0f0;
    background-image: none;}
    
#panel_wrapper .cke_toolgroup {
    border: 0px solid #a6a6a6;
    border-radius: 0;
    box-shadow: none;
    background: #fff;
    background-image: none;
    padding: 10px;}
    
#panel_wrapper #cke_33.cke_toolbar {clear: both;}  
#panel_wrapper #cke_33 .cke_toolgroup {background: #f0f0f0;}  

#panel_wrapper .cke_toolbar a.cke_button_on,
a.cke_button_off:hover, a.cke_button_off:focus, a.cke_button_off:active, a.cke_button_disabled:hover, a.cke_button_disabled:focus, a.cke_button_disabled:active {
    box-shadow: none !important;
    background: #cae2df !important;
    background-image: none !important;}    
    
#panel_wrapper #cke_11 a.cke_combo_button,
#panel_wrapper #cke_12 a.cke_combo_button,
#panel_wrapper #cke_13 a.cke_combo_button {
    margin: 4px 6px 5px 0;
    border: 1px solid #b6b6b6;
    border-bottom-color: #b6b6b6;
    box-shadow: none;
    background: white;
    background-image: none;
    padding: 5px;} 
    
#panel_wrapper .cke_combo_off a.cke_combo_button:hover, 
#panel_wrapper .cke_combo_off a.cke_combo_button:focus,
#panel_wrapper .cke_combo_off a.cke_combo_button:active, 
#panel_wrapper .cke_combo_on a.cke_combo_button {
    background: white;
    background-image: none;}   
    
.cke_combo_on a.cke_combo_button:hover, .cke_combo_off a.cke_combo_button:hover, .cke_combo_on a.cke_combo_button:focus, .cke_combo_on a.cke_combo_button:active {
    box-shadow: none !important;
    border: 1px solid #00b099 !important;}    
    
#pnlTabs {
    background: #f0f0f0;
    /*border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;*/}  
    
#pnlTabs a {
    background: #f0f0f0;
    width: auto;
    font-size: 13px;
    height: 54px;
    margin-left: 0;
    line-height: 30px;
    text-transform: uppercase;
    padding: 10px 20px;
    font-weight: bold;
    border-right: 1px solid #d8d8d8;
    border-top: 4px solid #f0f0f0;}  

#pnlTabs a.vt_on, 
#pnlTabs a.vt_on:hover,
#pnlTabs a:hover {
    background: #fff;
    border-top: 4px solid #fac020;}
    
#edit_body label,
#edit_body .draft_saved { 
    font-weight: normal;
    font-size: 15px;}

#edit_body .draft_saved a { 
    border-bottom: 1px dashed #fac020b0;
    margin-left: 10px;}

.list_controls a {
    height: 10em !important;
}

/* Notifications */
.msl_notification {
    background-color: #ccdfeb;
    font-size: 1rem;
    line-height: normal;
    display: block;
    width: 100%;
    
    --bs-alert-bg: #ccdfeb;
    --bs-alert-padding-x: 0.3125rem;
    --bs-alert-padding-y: 0.3125rem;
    --bs-alert-margin-bottom: 1rem;
    --bs-alert-color: inherit;
    --bs-alert-border-color: transparent;
    --bs-alert-border: 1px solid var(--bs-alert-border-color);
    --bs-alert-border-radius: 0.6rem;
    position: relative;
    padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
    margin-bottom: var(--bs-alert-margin-bottom);
    color: var(--bs-alert-color);
    background-color: var(--bs-alert-bg);
    border: var(--bs-alert-border);
    border-radius: var(--bs-alert-border-radius);

}


.msl_notification>span {
    padding: 10px;
    border: none;
    margin: 0;
    border-width: 0;
    color: #343434;
    font-weight: 400;
    background: 0 0;
    font-size: 14px;
    line-height: 24px
}

.msl_notification .msl_warning,
.warning {
    padding: 10px;
    border: none;
    margin: 0;
    border-width: 0;
    background: var(--union-pink);
    color: var(--union-white);
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
} 

#errorMessage,
.error,
.msl_warning {
    display: block;
    margin: .2em;
    padding: 10px;
    color: #343434;
    background: #f5d9db;
    border: 0 solid #c60;
    border-width: 0;
    font-size: 14px;
    line-height: 24px
}

.error h4 {
    text-align: left;
}

#errorMessage {
    text-align: center;
    font-family: "Open Sans", Arial, sans-serif!important;
    font-size: 18px;
    line-height: 32px;
    color: #343434!important;
    font-weight: 400;
    margin: 30px 0;
    font-size: 14px;
    line-height: 24px
}

.error strong,
.msl_warning strong {
    background: 0 0!important
}
.vp_form .vpFormSubmit {
    background: transparent;
    margin-top: 0;
    border: 0px solid;
}
.product_box h2 {
    font-size: 21px;
    font-weight: bold;
    margin: -1em -1em 1em -1em;
    padding: 15px;
    background-color: transparent;
    border-bottom: 0px solid #ccc; 
}
.checkoutpage .msl_table tr:last-child td {
    border-bottom: 0px solid #ccc;
}
div#msl_toolbar ul li {
    padding: 5px;
}
/*Volunteering*/
.wrapper > label {
    float: left;
    width: 100%;
}

/* Data Tables Formatting*/

table.msl_table th {
    background: var(--union-navy);
    color: #fff;
}