﻿.school-paper {
    background-color: #fff;
    background-image: linear-gradient(rgb(246, 171, 202) 1px, transparent 1px), linear-gradient(rgb(246, 171, 202) 1px, transparent 1px), linear-gradient(rgb(232, 232, 232) 1px, transparent 1px);
    background-size: 1px 1px, 1px 1px, 25px 25px;
    background-repeat: repeat-y, repeat-y, repeat;
    background-position: 20px 0, 25px 0, 0 -1px;
    padding: 0;
    margin-right: 0;
    margin-left: 0;
    line-height: 25px;
    position: relative;
}

    .school-paper > input[type=checkbox] {
        margin-top: 2px;
        margin-left: 0 !important;
        margin-right: 0 !important;
        position: absolute;
        left: 0;
    }

        .school-paper > input[type=checkbox]:after,
        body[dir=rtl] .school-paper > input[type=checkbox]:before {
            color: #f075a8 !important;
        }

body[dir=rtl] .school-paper > input[type=checkbox] {
    position: absolute;
    margin-left: 0 !important;
    margin-right: 0 !important;
    right: 0;
    left: auto;
}

body[dir=rtl] .school-paper {
    background-position: calc(100% - 25px) 0, calc(100% - 20px) 0, 0 -1px;
}

.school-paper input:not([type=checkbox]) {
    height: 25px;
    border-top: 0;
    border-right: 0;
    border-left: 0;
    background: transparent;
    border-bottom-color: #f075a8;
    border-radius: 0;
    border-width: 1px;
    padding: 0;
}

.school-paper input:focus:not([type=checkbox]) {
    border-width: 2px;
}

/*tile-default*/
.tile.tile-default {
    color: #616f77;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

    .tile.tile-default > .tile-header, .tile.tile-default > .tile-footer {
        border-color: rgba(0, 0, 0, .1);
        border-style: solid;
    }

        .tile.tile-default > .tile-header > .tile-controls:not(.tile-controls-tabs) > * {
            color: #95a2a9;
        }

body[dir=ltr] .tile.tile-default > .tile-header > .tile-controls:not(.tile-controls-tabs) > * {
    border-left: 1px solid rgba(0,0,0,.1);
}

body[dir=rtl] .tile.tile-default > .tile-header > .tile-controls:not(.tile-controls-tabs) > * {
    border-right: 1px solid rgba(0,0,0,.1);
}

.tile.tile-default > .tile-header > .tile-controls a,
.tile.tile-default > .tile-header > .dropdown > a {
    color: #a0a0a0;
}

    .tile.tile-default > .tile-header > .tile-controls a:hover,
    .tile.tile-default > .tile-header > .tile-controls a.active,
    .tile.tile-default > .tile-header > .dropdown > a:hover {
        color: #00ad95;
    }

.tile.tile-default > .tile-header > .tile-controls.tile-controls-toggle:not(.tile-controls-tabs) > .active {
    border-top-color: #00ad95;
}

.tile.tile-default > .tile-header > .tile-controls.tile-controls-toggle:not(.tile-controls-tabs) > *:hover:not(.active) {
    border-top-color: #aed6d1;
}

.tile.tile-default > .tile-header > .tile-controls.tile-controls-toggle.tile-controls-tabs > .active {
    border-bottom-color: #00ad95;
}

.tile.tile-default > .tile-header > .tile-controls.tile-controls-toggle.tile-controls-tabs > *:hover:not(.active) {
    border-bottom-color: #aed6d1;
}


/*tile-green*/
.tile.tile-green {
    color: rgba(255, 255, 255, 0.9);
    background-color: #089783;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

    .tile.tile-green > .tile-header {
        border-color: rgba(0, 0, 0, .1);
        border-style: solid;
    }

        .tile.tile-green > .tile-header > .tile-controls > * {
            color: #95a2a9;
        }

body[dir=ltr] .tile.tile-daily-message > .tile-header > .tile-controls:not(.tile-controls-tabs) > * {
    border-left: 1px solid rgba(0,0,0,.1);
}

body[dir=rtl] .tile.tile-daily-message > .tile-header > .tile-controls:not(.tile-controls-tabs) > * {
    border-right: 1px solid rgba(0,0,0,.1);
}

.tile.tile-green > .tile-header a,
.tile.tile-green .actions a {
    color: #eee;
}

    .tile.tile-green .actions a:hover {
        color: #555;
    }

.tile.tile-green > .tile-header > .tile-controls a:hover {
    color: #fff;
}

.tile.tile-green > .tile-header > .tile-controls.tile-controls-toggle > .active,
.tile.tile-green > .tile-header > .tile-controls.tile-controls-toggle > *:hover {
    border-top-color: #089783;
}

.tile.tile-green > .tile-body hr {
    border-top: 1px solid rgba(255,255,255,.4);
    margin-bottom: 10px;
    margin-top: 10px;
}

/*tile-red*/
.tile.tile-red {
    color: rgba(255, 255, 255, 0.9);
    background-color: #cf595b;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

    .tile.tile-red > .tile-header {
        border-color: rgba(0, 0, 0, .1);
        border-style: solid;
    }

        .tile.tile-red > .tile-header > .tile-controls > * {
            color: #95a2a9;
        }

body[dir=ltr] .tile.tile-daily-message > .tile-header > .tile-controls:not(.tile-controls-tabs) > * {
    border-left: 1px solid rgba(0,0,0,.1);
}

body[dir=rtl] .tile.tile-daily-message > .tile-header > .tile-controls:not(.tile-controls-tabs) > * {
    border-right: 1px solid rgba(0,0,0,.1);
}

.tile.tile-red > .tile-header a,
.tile.tile-red .actions a {
    color: #eee;
}

    .tile.tile-red .actions a:hover {
        color: #555;
    }

.tile.tile-red > .tile-header > .tile-controls a:hover {
    color: #fff;
}

.tile.tile-red > .tile-header > .tile-controls.tile-controls-toggle > .active,
.tile.tile-red > .tile-header > .tile-controls.tile-controls-toggle > *:hover {
    border-top-color: #089783;
}

.tile.tile-red > .tile-body hr {
    border-top: 1px solid rgba(255,255,255,.4);
    margin-bottom: 10px;
    margin-top: 10px;
}

/*tile-navy*/
.tile.tile-navy {
    color: rgba(255, 255, 255, 0.9);
    background-color: #3f4e62;
    box-shadow: 0 1px 2px rgba(255, 255, 255, 0.2);
}

    .tile.tile-navy > .tile-header {
        border-color: rgba(255, 255, 255, .1);
        border-style: solid;
    }

        .tile.tile-navy > .tile-header > .tile-controls > * {
            color: #95a2a9;
        }

body[dir=ltr] .tile.tile-daily-message > .tile-header > .tile-controls:not(.tile-controls-tabs) > * {
    border-left: 1px solid rgba(255,255,255,.1);
}

body[dir=rtl] .tile.tile-daily-message > .tile-header > .tile-controls:not(.tile-controls-tabs) > * {
    border-right: 1px solid rgba(255,255,255,.1);
}

.tile.tile-navy > .tile-header a,
.tile.tile-navy .actions a {
    color: #eee;
}

    .tile.tile-navy .actions a:hover {
        color: #555;
    }

.tile.tile-navy > .tile-header > .tile-controls a:hover {
    color: #fff;
}

.tile.tile-navy > .tile-header > .tile-controls.tile-controls-toggle > .active,
.tile.tile-navy > .tile-header > .tile-controls.tile-controls-toggle > *:hover {
    border-top-color: #089783;
}

.tile.tile-navy > .tile-body hr {
    border-top: 1px solid rgba(255,255,255,.4);
    margin-bottom: 10px;
    margin-top: 10px;
}

/*tile-grey*/
.tile.tile-grey {
    color: rgba(255, 255, 255, 0.9);
    background-color: #6a7a84;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

    .tile.tile-grey > .tile-header {
        border-color: rgba(0, 0, 0, .1);
        border-style: solid;
    }

        .tile.tile-grey > .tile-header > .tile-controls > * {
            color: #95a2a9;
        }

body[dir=ltr] .tile.tile-daily-message > .tile-header > .tile-controls:not(.tile-controls-tabs) > * {
    border-left: 1px solid rgba(0,0,0,.1);
}

body[dir=rtl] .tile.tile-daily-message > .tile-header > .tile-controls:not(.tile-controls-tabs) > * {
    border-right: 1px solid rgba(0,0,0,.1);
}

.tile.tile-grey > .tile-header a,
.tile.tile-grey .actions a {
    color: #eee;
}

    .tile.tile-grey .actions a:hover {
        color: #555;
    }

.tile.tile-grey > .tile-header > .tile-controls a:hover {
    color: #fff;
}

.tile.tile-grey > .tile-header > .tile-controls.tile-controls-toggle > .active,
.tile.tile-grey > .tile-header > .tile-controls.tile-controls-toggle > *:hover {
    border-top-color: #089783;
}

.tile.tile-grey > .tile-body hr {
    border-top: 1px solid rgba(255,255,255,.4);
    margin-bottom: 10px;
    margin-top: 10px;
}

/*tile-daily-message*/
.tile.tile-daily-message {
    color: #fff;
    background-color: #fff;
    background: url('/Content/images/daily-message.jpeg');
    background-position: 50% 0;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-repeat: no-repeat;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

    .tile.tile-daily-message > .tile-header, .tile.tile-daily-message > .tile-footer {
        border-color: rgba(255, 255, 255, 1);
        border-style: solid;
    }

        .tile.tile-daily-message > .tile-header > .tile-controls:not(.tile-controls-tabs) > * {
            color: #fff;
        }

body[dir=ltr] .tile.tile-daily-message > .tile-header > .tile-controls:not(.tile-controls-tabs) > * {
    border-left: 1px solid rgba(255, 255, 255, 1);
}

body[dir=rtl] .tile.tile-daily-message > .tile-header > .tile-controls:not(.tile-controls-tabs) > * {
    border-right: 1px solid rgba(255, 255, 255, 1);
}

.tile.tile-daily-message > .tile-header a,
.tile.tile-daily-message .actions a {
    color: #fff;
}

    .tile.tile-daily-message .actions a:hover {
        color: #d0d0d0;
    }

.tile.tile-daily-message > .tile-header > .tile-controls a:hover {
    color: #d0d0d0;
}

.tile.tile-daily-message > .tile-header > .tile-controls.tile-controls-toggle:not(.tile-controls-tabs) > .active {
    border-top-color: #00ad95;
}

.tile.tile-daily-message > .tile-header > .tile-controls.tile-controls-toggle:not(.tile-controls-tabs) > *:hover:not(.active) {
    border-top-color: #aed6d1;
}

.tile.tile-daily-message > .tile-header > .tile-controls.tile-controls-toggle.tile-controls-tabs > .active {
    border-bottom-color: #00ad95;
}

.tile.tile-daily-message > .tile-header > .tile-controls.tile-controls-toggle.tile-controls-tabs > *:hover:not(.active) {
    border-bottom-color: #aed6d1;
}

/*tile-transparent*/
.tile.tile-transparent {
    color: #616f77;
    background-color: #fff;
}

    .tile.tile-transparent > .tile-header, .tile.tile-transparent > .tile-footer {
        border-color: rgba(0, 0, 0, .1);
        border-style: solid;
    }

        .tile.tile-transparent > .tile-header > .tile-controls:not(.tile-controls-tabs) > * {
            color: #95a2a9;
        }

body[dir=ltr] .tile.tile-transparent > .tile-header > .tile-controls:not(.tile-controls-tabs) > * {
    border-left: 1px solid rgba(0,0,0,.1);
}

body[dir=rtl] .tile.tile-transparent > .tile-header > .tile-controls:not(.tile-controls-tabs) > * {
    border-right: 1px solid rgba(0,0,0,.1);
}

.tile.tile-transparent > .tile-header > .tile-controls a {
    color: #a0a0a0;
}

    .tile.tile-transparent > .tile-header > .tile-controls a:hover {
        color: #00ad95;
    }

.tile.tile-transparent > .tile-header > .tile-controls.tile-controls-toggle:not(.tile-controls-tabs) > .active {
    border-top-color: #00ad95;
}

.tile.tile-transparent > .tile-header > .tile-controls.tile-controls-toggle:not(.tile-controls-tabs) > *:hover:not(.active) {
    border-top-color: #aed6d1;
}

.tile.tile-transparent > .tile-header > .tile-controls.tile-controls-toggle.tile-controls-tabs > .active {
    border-bottom-color: #00ad95;
}

.tile.tile-transparent > .tile-header > .tile-controls.tile-controls-toggle.tile-controls-tabs > *:hover:not(.active) {
    border-bottom-color: #aed6d1;
}
