@font-face {
    font-family: 'CrayonCrumble';
    src: url('/fonts/DK Crayon Crumble.ttf'), url('/fonts/DK Crayon Crumble.eot');
}

.chalkbg {
    background-color:black !important;
    background-image:url('/images/chalkboard.png') !important;
    padding: 30px !important;
    border-bottom: 0 !important;
}

.heading {
    font-size:32px !important;
    color:#b4b3b2 !important;
    font-weight:800 !important;
    padding:0 !important;
}

.loginheader {
    background-color:#eaeaea !important;
}

.loginbg {
    background-color:#f4f4f4 !important;
}

.heading {
    font-size:35px;
    color:#b4b3b2 !important;
}

.form-container {
    padding-bottom:20px;
}

.formsheader {
    color:#e4292f !important;
    font-size:25px;
    font-weight: 300;
}

.fixed-size-square {
    width: 100%;
    color: #666666;
    background: #eaeaea;
    margin: 15px 0 0 0;
    padding: 0; 
    text-align:center;
    vertical-align:middle;
}

    .fixed-size-square span {
        display: block;
        text-align:center;
        vertical-align:middle;
        color:black;
        font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;  
    }

.select-style {
    width: 40%;
    overflow: hidden;
    background-color: #fff;
}

.select-style select {
    width: 130%;
    border: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
       -moz-appearance: none;

    font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;  
    font-size:medium; 
    color:black; 
    text-align:left;
    height:26px;
    padding:1px 2px;
}

.select-style select:focus {
    outline: none;
}

.gold {
    border: 1px solid #b77d17 !important;
    background-color: #f7f1e7 !important;
    box-shadow: 0 !important;
}

    .gold:after{
	    background-color: #b77d17 !important;	
    }

.goldbutton {
    background-color:#b77d17 !important;
}

.goldcheck {
    background-color:#f7f1e7 !important;
    border: 1px solid #b77d17 !important;
}

    .goldcheck:after {
        color:#b77d17 !important;
    }

.green {
    border: 1px solid #add6b5 !important;
    background-color: #f7faf6 !important;
    box-shadow: 0 !important;
}
    .green:after {
        background-color: #add6b5 !important;
    }

.greenbutton {
    background-color:#add6b5 !important;
}

.greencheck {
    border: 1px solid #add6b5 !important;
    background-color: #f7faf6 !important;
}
    .greencheck:after {
        color:#add6b5 !important;
    }

.blue {
    border: 1px solid #69aac6 !important;
    background-color: #eaf2f7 !important;
    box-shadow: 0 !important;
}
    .blue:after {
        background-color: #69aac6 !important;
    }

.bluebutton {
    background-color:#69aac6 !important;
}

.bluecheck {
    border: 1px solid #69aac6 !important;
    background-color: #eaf2f7 !important;
}
    .bluecheck:after {
        color:#69aac6 !important;
    }

.orange {
    border: 1px solid #f7aa50 !important;
    background-color: #fef2e5 !important;
    box-shadow: 0 !important;
}
    .orange:after {
        background-color: #f7aa50 !important;
    }

.orangebutton {
    background-color:#f7aa50 !important;
}

.orangecheck {
    border: 1px solid #f7aa50 !important;
    background-color: #fef2e5 !important;
}
    .orangecheck:after {
        color:#f7aa50 !important;
    }

.deepblue {
    border: 1px solid #98a5d4 !important;
    background-color: #eef0f8 !important;
    box-shadow: 0 !important;
}
    .deepblue:after {
        background-color: #98a5d4 !important;
    }

.deepbluebutton {
    background-color:#98a5d4 !important;
}

.deepbluecheck {
    border: 1px solid #98a5d4 !important;
    background-color: #eef0f8 !important;
}
    .deepblue:after {
        color:#98a5d4 !important;
    }

.darkgreen {
    border: 1px solid #228b22 !important;
    background-color: #ebfeeb !important;
    box-shadow: 0 !important;
}
    .darkgreen:after {
        background-color: #228b22 !important;
    }

.darkgreenbutton {
    background-color:#228b22 !important;
}

.darkgreencheck {
    border: 1px solid #228b22 !important;
    background-color: #ebfeeb !important;
}
    .darkgreencheck:after {
        color:#228b22 !important;
    }

.label-left {
    color: #7f8080 !important; 
    font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;  
    font-size:16px; 
    text-align:left;
    top: 0px;
    left: 0px;
    font-weight:bold;
}

.chalk {
    font-size: 62px;
    font-family:CrayonCrumble;
    font-weight: normal;
}
    .go {
        color:#b77d17 !important;
    }
    .gr {
        color:#add6b5 !important;
    }
    .bl {
        color:#69aac6 !important;
    }
    .or {
        color:#f7aa50 !important;
    }
    .db {
        color:#98a5d4 !important;
    }
    .dg {
        color:#228b22 !important;
    }

.chalktitle {
    font-size: 48px;
    font-family:CrayonCrumble;
    font-weight: normal;
}

.shared-left {
    padding-left:0px !important;
}

.shared {
    padding-left:0px !important;
    padding-right:0px !important;
}

.error {
    color:red;
}

.select-gold {
    box-shadow: 0 0 0 13px #f7f1e7 !important;
}

.select-green {
    box-shadow: 0 0 0 13px #f7faf6 !important;
}

.select-blue {
    box-shadow: 0 0 0 13px #eaf2f7 !important;
}

.select-orange {
    box-shadow: 0 0 0 13px #fef2e5 !important;
}

.select-deepblue {
    box-shadow: 0 0 0 13px #eef0f8 !important;
}

.select-darkgreen {
    box-shadow: 0 0 0 13px #ebfeeb !important;
}