

/*** AA Slice invoices customer calendar ***/

.divBorderFrame {
    width: 100%;
    display: block;
    height: 100% !important;
    border: 1px solid #000;
    padding: 0px;
    background-color: transparent;
    margin: 0px;
    line-Height: 26px;
}

.divTable {
    width: 100%;
    display: block;
    height: 100% !important;
    border: 1px solid #000;
    padding: 0px;
    background-color: transparent;
    margin: 0px;
    line-Height: 26px;
}

.divHeaderRow {
    width: 100%;
    position: relative;
}

.divHeaderCellName {
    border: 1px solid #868585;
    width: 22%;
    position: relative;
    font-family: 'arial, helvetica, sans-serif';
    color: #fff;
    font-size: 10px;
    font-style: bold;    
    text-align: center;
    background-color: #000000;
    float: left;
}

.divHeaderCell {
    border: 1px solid #747373;
    width: 6.5%;
    position: relative;
    font-family: 'arial, helvetica, sans-serif';  
    color: #fff;
    font-size: 12px;
    font-style: bold;    
    text-align: center;
    background-color: #000000;
    float: left;
}

.divRow {
    width: 100%;
    display: table;
    position: relative;
    color: #000000;
}

.divCellName {
    border: 1px solid #000;
    width: 22%;
    display: block;
    position: relative;
    background-color: #cecece;
    color: #000000;
    font-size: 9px;
    float: left;
    text-transform: '';
    font-variant: '';
    text-align: left;
    vertical-align: middle;
    letter-spacing: 0px;
    word-spacing: 0px;
}


.divCell {
    border: 1px solid #000;
    width: 6.5%;
    display: block;
    position: relative;
    background-color: #cecece;
    color: #000000;
    font-size: 3px;
    float: left;
    text-transform: '';
    font-variant: '';
    text-align: center;
    vertical-align: middle;
    letter-spacing: 0px;
    word-spacing: 0px;
}

.divCell_recurring {
    border: 1px solid rgb(7, 119, 224);
    background-color: #6ba6fd;    
    font-size: 10px;
}

.divCell_onetime {
    border: 1px solid rgb(1, 82, 44);
    background-color: #ece579; 
    font-size: 10px;
}

.selected_month {
    border: 1px solid rgb(49, 49, 49);
    background-color: #9ebe9e;
}


.payment_overdue {
    border: 1px solid rgb(1, 82, 44);
    background-color: #dd3737;
    font-size: 10px;
}

.payment_cancelled {
    border: 1px solid rgb(1, 82, 44);
    background-color: #888a6e;
    font-size: 10px;

}

.invoice_expired {
    border: 1px solid rgb(1, 82, 44);
    background-color: #dd8737;
    font-size: 10px;
}


.invoice_sent {
    border: 1px solid rgb(1, 82, 44);
    background-color: #37dd5b;
    font-size: 10px;
}


.invoice_accepted {
    border: 1px solid rgb(7, 119, 224);
    background-color: #6ba6fd;   
    font-size: 10px; 
}


/* Color glossary items */

.glossary_draft {
    border: 0px;
    color: black;
    background-color: #ece579; 
    font-size: 14px;
}

.glossary_sent {
    border: 0px;
    color: black;
    background-color: #37dd5b;
    font-size: 14px;
}

.glossary_accepted {
    border: 0px;
    color: black;
    background-color: #6ba6fd;   
    font-size: 14px;
}

.glossary_declined {
    border: 0px;
    color: black;
    background-color: #dd3737;
    font-size: 14px;
}

.glossary_expired {
    border: 0px;
    color: black;
    background-color: #dd8737;
    font-size: 14px;
}

.glossary_cancelled {
    border: 0px;
    color: black;
    background-color: #888a6e;
    font-size: 14px;
}



/* create buttons on schedule */

.aa_btn_adder {
    padding: 5px;
    margin: 10px;
}


/* misc span classes */

.super_maroon {
    color:maroon;
    font-size:2.5em;
    font-weight:bold;
  }

.enlarge_maroon {
    color:maroon;
    font-size:1.5em;
    font-weight:bold;
}
  
  
  .bold_maroon {
    color:maroon;
    font-weight:bold;
  }

  .bold_blue {
    color:rgb(35, 59, 192);
    font-weight:bold;
  }
  
  .just_maroon {
    color:maroon;
  }

  
  .just_blue {
    color:rgb(35, 59, 192);
  }

  .enlarge_blue {
    color:rgb(35, 59, 192);
    font-size:1.5em;
  }

  .just_bold {
    font-weight:bold;
  }


  @media print
    {    
        .aa_no_print, .aa_no_print *
        {
            display: none !important;
        }
    }

    .awaiting-mod2 {
        display: inline-block;
        vertical-align: top;
        box-sizing: border-box;
        margin: 1px 2px -1px 0;
        padding: 0 5px;
        min-width: 18px;
        height: 18px;
        border-radius: 9px;
        background-color: #d63638;
        color: #fff;
        font-size: 11px;
        line-height: 1.6;
        text-align: center;
        z-index: 26;
    }