/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 1 Mar, 2019, 9:36:08 AM
    Author     : Jawahar
*/

.activity
{
    color:#1b6003;    
}

.holiday
{
    color:red;
}

.important-day
{
    color:#0e68cd;
}

.holiday
{
    color:#ff0000;
}

.activity-div
{
    border:solid 1px #035d22;
    border-radius: 10px;      
    margin-bottom: 10px;
    background-color: #ccded2;
}

.activity-heading
{
    background-color: #035d22;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;

    height:30px;
    font-family: verdana;
    font-size: 10pt;
    line-height: 30px;
    color:white;       
}

.activity-date
{
    width:50px !important;
    color:#035d22;
    font-family: verdana;
    font-size:9pt;
    vertical-align: top;
    padding-left: 5px;
}

.activity-description
{
    width:300px;
    color:#035d22;
    font-family: verdana;
    font-size:9pt;
    vertical-align: top;        
}

.holiday-div
{
    border:solid 1px #ff0000;
    border-radius: 10px;    
    margin-bottom: 10px;
    background-color: #ffcccc;
}

.holiday-heading
{
    background-color: #ff0000;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;

    height:30px;
    font-family: verdana;
    font-size: 10pt;
    line-height: 30px;
    color:white;       
}

.holiday-date
{
    width:50px;
    color:#ff0000;
    font-family: verdana;
    font-size:9pt;
    vertical-align: top;
    padding-left: 5px;
}

.holiday-description
{
    width:300px;
    color:#ff0000;
    font-family: verdana;
    font-size:9pt;
    vertical-align: top;        
}


.important-day-div
{
    border:solid 1px #3a81d3;
    border-radius: 10px;    
    margin-bottom: 10px;
    background-color: #d7e5f6;
}

.important-day-heading
{
    background-color: #3a81d3;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;

    height:30px;
    font-family: verdana;
    font-size: 10pt;
    line-height: 30px;
    color:white;       
}

.important-day-date
{
    width:50px;
    color:#3a81d3;
    font-family: verdana;
    font-size:9pt;
    vertical-align: top;
    padding-left: 5px;
}

.important-day-description
{
    width:300px;
    color:#3a81d3;
    font-family: verdana;
    font-size:9pt;
    vertical-align: top;     
}

.calendar-image-container{
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.calendar-image-div{
    margin:20px;
    padding:10px;
}