@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');

.lookup-header {
    padding: .5em;
    font-size: large;
    color: black;
}


.halfWidth {
    display: flex;
    justify-content: space-between;
    margin: 0.5em;
}


.todo {
    text-align: center;
    margin-right: .3em;
    position: relative;
    font-size: medium;
}

    .todo span {
        font-size: larger;
        margin: 1em;
    }

    .todo h3 {
        font-size: larger;
    
    }
    .todo p {
        font-size: small;
    }

.first-child {
    padding: 1em 0 .5em 0;
    background: #203eb3;
    color: ghostwhite;
    display: inline-grid;
    width: 50%;
    height: 12vh;
}

.last-child {
    background: #F21E60;
}

.line {
    display: none;
    height: 2px;
    margin-top: 10px;
    background: rgba(255, 255, 255, 0.3);
}

.monthly_description {
    display: inline-block;
    /* justify-content: space-around; */
    position: relative;
    text-align: left;
    margin: 3.3em;
    color: black;
}

.halfWidth_description {
    font-size: large;
    text-align: center;
    /* border: solid 2px #DBEAEF; */
    border-top-color: #afc0c4;
    border-bottom: 0;
    padding-top: 2em;
    /* height: 10%; */
    width: 100%;
    display: inline-block;
    color: black;
}

.boxes {
    position: relative;
    width: 100%;
    font-size: 11px;
    padding-top: 2em;
}

.box {
    width: 50%;
    position: relative;
}


    .box ul li {
        display: block;
        padding-bottom: 5px;
    }


.one {
    margin-left: 5em;
    margin-bottom: 2em;
}

.four {
    margin-right: 5em;
    margin-bottom: 2em;
}
/*School Reports button and details*/
.description {
    font-size: 12px;
    line-height: 1.5;
    font-weight: bold;
}

.btn {
    display: inline-block;
    text-decoration: none;
    margin-bottom: 0.5em;
    margin-right: 1.5em;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.btn-group-xs > .btn, .btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 2.1;
    border-radius: 2px;
}

.btn-danger {
    color: #fff;
    background-color: #e63935;
    border-color: #e3231e;
}

.btn-success {
    color: #fff;
    background-color: #43a046;
    border-color: #3b8e3e;
}

.hvr-grow {
    margin: .4em;
    padding: .4em;
    cursor: pointer;
    background: #e1e1e1;
    text-decoration: none;
    color: #666;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    display: inline-block;
    width: 20%;
    text-align: center;    
}

.clearfix {
    overflow: auto;
}

.volunteercolor {
    background: #058ed9;
}

.swmscolor {
    background: #f665c6;
}

.facilitycolor {
    background: #fea82f;
}

.keyregister {
    background: #05c793;
}

.roundbutton {
    background-color: #3872e0;
    border: none;
    color: white;  
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    border-radius: 12px;
}

.close {
    cursor: pointer;
    position: absolute;
    top: 70%;
    right: 0%;
    padding: 12px 16px;
    transform: translate(1%, -50%);
    font-size: larger;
}

    /* Darker background on mouse-over */
    .close:hover {
        background-color: white;
    }

.lookup-header ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}


    /* Style the list items */
    .lookup-header ul li {
        padding: .1em;
        text-decoration: none;
        font-size: 18px;
        color: black;
        display: block;
        position: relative;
    }

* {
    /* box-sizing: border-box;*/
}

/* @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700'); */

/* .lookup-header { */
    /* padding: .5em; */
    /* font-size: large; */
    /* color: black; */
/* } */


/* .halfWidth { */
    /* display: flex; */
    /* justify-content: space-between; */
    /* margin: 0.5em; */
/* } */


/* .todo { */
    /* text-align: center; */
    /* margin-right: .3em; */
    /* position: relative; */
    /* font-size: medium; */
/* } */

    /* .todo span { */
        /* font-size: larger; */
        /* margin: 1em; */
    /* } */

    /* .todo h3 { */
        /* font-size: larger; */
    
    /* } */
    /* .todo p { */
        /* font-size: small; */
    /* } */

/* .first-child { */
    /* padding: 1em 0 .5em 0; */
    /* background: #000080; */
    /* color: ghostwhite; */
    /* display: inline-grid; */
    /* width: 50%; */
    /* height: 16vh; */
/* } */

/* .last-child { */
    /* background: #F21E60; */
/* } */

/* .line { */
    /* display: none; */
    /* height: 2px; */
    /* margin-top: 10px; */
    /* background: rgba(255, 255, 255, 0.3); */
/* } */

/* .monthly_description { */
    /* display: inline-block; */
    /* /* justify-content: space-around; */ */
    /* position: relative; */
    /* text-align: left; */
    /* margin: 1.3em; */
    /* color: black; */
/* } */

/* .halfWidth_description { */
    /* font-size: large; */
    /* text-align: center; */
    /* /* border: solid 2px #DBEAEF; */ */
    /* border-top-color: #afc0c4; */
    /* border-bottom: 0; */
    /* padding-top: 2em; */
    /* /* height: 10%; */ */
    /* width: 100%; */
    /* display: inline-block; */
    /* color: black; */
/* } */

/* .boxes { */
    /* position: relative; */
    /* width: 100%; */
    /* font-size: 11px; */
    /* padding-top: 2em; */
/* } */

/* .box { */
    /* width: 50%; */
    /* position: relative; */
/* } */


    /* .box ul li { */
        /* display: block; */
        /* padding-bottom: 5px; */
    /* } */


/* .one { */
    /* margin-left: 5em; */
    /* margin-bottom: 2em; */
/* } */

/* .four { */
    /* margin-right: 5em; */
    /* margin-bottom: 2em; */
/* } */
/* /*School Reports button and details*/ */
/* .description { */
    /* font-size: 12px; */
    /* line-height: 1.5; */
    /* font-weight: bold; */
/* } */

/* .btn { */
    /* display: inline-block; */
    /* text-decoration: none; */
    /* margin-bottom: 0.5em; */
    /* margin-right: 1.5em; */
    /* font-weight: 400; */
    /* text-align: center; */
    /* white-space: nowrap; */
    /* vertical-align: middle; */
    /* -ms-touch-action: manipulation; */
    /* touch-action: manipulation; */
    /* cursor: pointer; */
    /* background-image: none; */
    /* border: 1px solid transparent; */
    /* padding: 6px 12px; */
    /* font-size: 14px; */
    /* line-height: 1.428571429; */
    /* border-radius: 2px; */
    /* -webkit-user-select: none; */
    /* -moz-user-select: none; */
    /* -ms-user-select: none; */
    /* user-select: none; */
/* } */

/* .btn-group-xs > .btn, .btn-xs { */
    /* padding: 1px 5px; */
    /* font-size: 12px; */
    /* line-height: 2.1; */
    /* border-radius: 2px; */
/* } */

/* .btn-danger { */
    /* color: #fff; */
    /* background-color: #e63935; */
    /* border-color: #e3231e; */
/* } */

/* .btn-success { */
    /* color: #fff; */
    /* background-color: #43a046; */
    /* border-color: #3b8e3e; */
/* } */

/* .hvr-grow { */
    /* margin: .4em; */
    /* padding: .4em; */
    /* cursor: pointer; */
    /* background: #e1e1e1; */
    /* text-decoration: none; */
    /* color: #666; */
    /* -webkit-tap-highlight-color: rgba(0,0,0,0); */
    /* display: inline-block; */
    /* width: 20%; */
    /* text-align: center;     */
/* } */

/* .clearfix { */
    /* overflow: auto; */
/* } */

/* .volunteercolor { */
    /* background: #1e90ff; */
/* } */

/* .swmscolor { */
    /* background: #A0A2E2; */
/* } */

/* .facilitycolor { */
    /* background: #ffc56d; */
/* } */

/* .keyregister { */
    /* background: #8db111; */
/* } */

/* .close { */
    /* cursor: pointer; */
    /* position: absolute; */
    /* top: 70%; */
    /* right: 0%; */
    /* padding: 12px 16px; */
    /* transform: translate(1%, -50%); */
    /* font-size: larger; */
/* } */

    /* /* Darker background on mouse-over */ */
    /* .close:hover { */
        /* background-color: white; */
    /* } */

/* .lookup-header ul { */
    /* list-style-type: none; */
    /* padding: 0; */
    /* margin: 0; */
/* } */


    /* /* Style the list items */ */
    /* .lookup-header ul li { */
        /* padding: .1em; */
        /* text-decoration: none; */
        /* font-size: 18px; */
        /* color: black; */
        /* display: block; */
        /* position: relative; */
    /* } */

/* * { */
    /* /* box-sizing: border-box;*/ */
/* } */