.schedulManager {

}

.cardList {
    white-space:nowrap;
    height: calc(100vh - 100px);
    margin: 65px 2.5% 0 2.5%;
    padding-bottom: 10px;
    overflow-x:hidden;
    overflow-y:hidden;
}

.cardHelper {
    display:inline-block;
    height: 100%;
    vertical-align: bottom;
}

.card {
	display:inline-block;
    width:300px;
	text-align:left;
    padding: 0 5px 0 5px;
}

.card .header {
	background:#ddd;
    margin-bottom:-1px;
    padding:6px 6px 7px 6px;
    border-radius:3px 3px 0 0;
}

.card .header a {
	margin:3px 3px 3px 3px;
    padding:3px;
    border-radius:3px;
	display:block;
    font-size:10pt;
    cursor:pointer;
}

.card .header a:hover {
	background:#ccc;
}

.card .main {
	background:#ddd;
}

.card .list {
    padding:0 6px 0 6px;
    margin-right:4px;
    max-height: calc(100vh - 225px);
    overflow:auto;
}

.card .item {
	background:white;
	border-radius:3px;
	padding:5px 5px 5px 12px;
	margin:0px 2.5px 7.5px 2.5px;
}

.card .item h1 {
	font-size:18pt;
	font-weight:500;
	color:black;
    word-wrap:break-word;
    white-space:normal;
}

.card .item p {
	font-size:12pt;
	padding-left:5px;
	font-weight:500;
	color:black;
}

.card .footer {
	text-align:center;
    
	background:#ddd;
    margin-top:-1px;
    padding:4px 6px 3px 6px;
    
    border-radius:0 0 3px 3px;
}

#todoToday .date {
    width: 100%;
    margin-top:30px;
    text-align: center;
    color: white;
    font-size: 16pt;
}

#todoToday .title {
    padding: 5vh 5% 0 5%;
    color: white;
    font-size: 48pt;
}

#todoToday .description {
    padding: 2vh 10% 0 10%;
    color: white;
    font-size: 20pt;
}

/* Wallpaper Engine */
@media screen and (device-width: 100vw) and (device-height: 100vh) {

}

/* Tablet */
@media screen and (min-width: 960px) {
    
}

/* Mobile */
@media screen and (max-width: 480px) {
    #todoToday .date {
        width: 100%;
        margin-top: 30px;
        text-align: center;
        color: white;
        font-size: 16pt;
    }

    #todoToday .title {
        padding: 5vh 5% 0 5%;
        color: white;
        font-size: 48pt;
    }

    #todoToday .description {
        padding: 2vh 10% 0 10%;
        color: white;
        font-size: 20pt;
    }
}