/**
* Description   : Custom CSS for the system's templates.
* Author        : Nadz Mangandog Jr.
* Date Created  : Apr. 14, 2021
* Date Modified : Sep. 13, 2021
* Revised By    : Nadz Mangandog Jr.    
*/


.col-optimized {
    width: 1% !important;
    white-space: nowrap !important;
}

.bold {
   font-weight: bold;
}

.underline {
    text-decoration:underline;
}

.text-dark {
  color: black;
}

hr.style-one {
    height: 12px;
    border: 0;
    box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);
}

.embossed-light {
    border: 1px solid rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.7);
}

.embossed-heavy {
    border: 1px solid rgba(0,0,0,0.1);
    box-shadow: 
    inset 0 2px 3px rgba(255,255,255,0.3),
    inset 0 -2px 3px rgba(0,0,0,0.3),
    0 1px 1px rgba(255,255,255,0.9);
}

.emphasize-dark {
    box-shadow: 0 0 5px 2px rgba(0,0,0,.35);
}

.select2-results__option { 
    color: black ;
}

.em8 {

    font-size: 0.8em;

}

.text-grey {

    color: gray;

}

.font-1 {
    font-size: 1.1em;
}

.font-2 {
    font-size: 1.2em;
}

.font-3 {
    font-size: 1.3em;
}

.font-4 {
    font-size: 1.4em;
}

.font-5 {
    font-size: 1.5em;
}

.font-6 {
    font-size: 1.6em;
}

.font-7 {
    font-size: 1.7em;
}

.font-8 {
    font-size: 1.8em;
}

.font-9 {
    font-size: 1.9em;
}

.font-10 {
    font-size: 2em;
}

.savings-box {
    background: #e2a03f !important;
    background: linear-gradient(to right, #820061 0%, #F95339 100%) !important;
}

.shared-capital-box {
    background: #e2a03f !important;
    background: linear-gradient(to right, #380036 0%, #18B5B7 100%) !important;
}

#announcement > li > pre {
    font:menu;
    color: #1B1C39;
    margin-left: -20px;
}

#report {
    font:inherit;
    white-space: pre-wrap;
}

.message-border {
    border-radius: 15px;
    border: 1px solid gray;
    padding: 7px;
    width: max-content;
    max-width: 75%;
}

.message-sender {
    font-size: 0.8em;
}

.message-date {
    font-size: 0.8em;
}