#students-view {
    padding: 20px 50px;


	#header-container {
		
		display: block;
		width: 100%;
		text-align: center;
		margin: 20px auto;

		ul {
			margin: 0;
			display: inline-block;
			list-style: none;

			li {
				border: 1px solid #ddd;
				display: inline-block;
				padding: 12px;
				width: 200px;
				margin-left: -1px;
				font-size: 18px;
				cursor: pointer;

				&.highlight {
					background-color: #f6f6f6;
				}
			}
		}
    }
    
    .lesson-title {
	    font-size: 22px;
	    border-bottom: 1px solid;
	    display: inline-block;
	    padding: 5px 0;
	    margin: 0 1%;
		width: 100%;	
		min-width: 800px;	
		margin-bottom: 16px;

		a {
			font-size: 20px;
			float: right;
		}

		.loading-spinner {
			width: 20px;
			margin-top: -5px;
			margin-right: 8px;
		}

	}

	.exercise-title {
		font-size: 18px;
		display: inline-block;
		padding: 5px 0;
		margin: 1% 2% 0 2%;
		width: 100%;
	}

	.saved-exercises-list {
		margin: 0;
		padding: 1% 3%;
		list-style: none;

		li {
			font-size: 20px;
			margin-bottom: 10px;

			&.not-started {
				color: #e74c3c;
			}

			&.started a{
				color: #f1c40f;
			}

			&.completed a{
				color: #16A085;
			}
		}		
	}


    .form-component {
        margin: 20px 0;

        label {
            font-size: 20px;
            font-weight: bold;
        }
        input {
            width: 500px;
        }
    }

    h2{
        font-size: 20px;
    }

    tr {
        td {
            font-size: 18px;
            padding: 10px;
        }
    }
}