* {font-family: Ubuntu, sans-serif; margin:0; padding:0; box-sizing: border-box;}

.showBorder {border:1px red solid;}

.rs-hide-large {display:none!important;}
.rs-head {height:45px; font-size:20px; position: fixed; top: 0; width: 100%}
.rs-left-container {position:fixed; top:45px;}
.rs-left-menu {background-color:#3a3a3a; color:white; font-size:18px;}
.rs-left-menu-width {width:13%;}
.rs-left-menu-text {display:inline;}
.rs-content-container {margin-top:45px; margin-left:13%;}
.rs-interior-content {width:100%;}
.rs-tests {height:280px; display:inline-block; width:55%; margin-top:15px; margin-right:0px; margin-bottom:5px; margin-left:20px;}
.rs-calendar {height:280px; display:inline-block; width:40%; margin-top:15px; margin-right:20px;	margin-bottom:5px; margin-left:0px; float:right;}
.rs-legendStyle {font-weight:bold; font-size:1.1em;	margin-left:25px; padding-left:5px;	padding-right:5px; color:#666666;}
.rs-history {height:300px; margin-left:20px; margin-right:20px;}
.rs-test-card-container {height:85%;}
.rs-card-grade-text {font-size:14px;}
.rs-card-grade-badge {border-radius:50%;	width:16px;}
.rs-card {margin-top:5px; margin-left:5px; margin-right:5px;	width:48%; display:inline-block; border-radius:4px;	box-shadow:4px 4px #D3D3D3;}
.rs-card-text-line1 {padding-top:15px; padding-left:20px; font-weight:bold;}
.rs-card-text-line2 {padding-left:20px;}
.rs-card-text-line3 {padding-left:20px; padding-bottom:15px;}
.rs-card-visible {visibility:hidden;}
.rs-modal-header {font-size:28px; background-color:#18A580; color:white;}    
.rs-modal {background-color:rgba(0,0,0,0);}
.rs-modal-width-1 {width:60%;}
.rs-modal-width-2 {width:30%;}
.rs-modal-width-3 {width:35%;}
.rs-modal-width-4 {width:40%;}
.rs-modal-width-5 {width:35%;}
.rs-modal-width-6 {width:50%;}
.rs-modal-arrow-up {float:right; font-size:30px; padding-top:7px; padding-right:20px;}
.rs-modal-arrow-left {font-size:30px; padding-top:7px;}
.rs-dropListRow {margin:70px 0px 30px 20px; border-radius:6px; border:none; text-decoration:none;}
.rs-drop-list-cell {border-radius:6px; height:45px; margin-right:25px; width:31%;}
.rs-drop-list-button {width:100%; font-size:18px; background-color:lightgray; border-radius:6px; height:50px; box-shadow:1px 1px 4px 2px #cccccc;}
.rs-drop-list-button:focus {outline:0;}
.rs-test-setup1 {margin-left:20px; margin-right:20px; border:2px #CCCCCC solid;}
.rs-test-setup2 {display:inline-block; background-color:#CCCCCC; font-weight:bold; text-align:right; padding:5px 20px 5px 0; border:1px #CCCCCC solid;}
.rs-test-setup3 {display:inline-block; padding:5px 0 5px 10px; border:1px #CCCCCC solid;}
.rs-test-setup4 {padding:15px 5px 15px 5px;}
.rs-cell {border-radius:5px; height:45px; margin-right:5px; margin-bottom:5px; width:25%;}
.rs-button {width:100%; font-size:18px; background-color:lightgray; border-radius:5px; height:45px; box-shadow:1px 1px 4px 2px #cccccc;}
.rs-button:focus {outline:0;}
.rs-question-cell {padding:5px 0 5px 10px; border:1px #CCCCCC solid; height:40px; border-left:none;}
.rs-question-cell-id {padding:5px 0 5px 10px; border:1px #CCCCCC solid; height:40px; border-left:none; background-color:#CCCCCC; cursor:pointer;}
.rs-question-cell-id:hover {background-color:#2D89EF; color:white; cursor:pointer;}
.rs-question-cell-top {border-top:1px white solid;}
.rs-question-cell-top2 {border-top:1px #CCCCCC solid;}

.rs-table-row-name {width:30%; background-color:#D6D6D6; font-weight:bold;}
.rs-table-row-border {border-bottom:1px white solid;}
#historyTab1 {background-color:#603CBA; vertical-align:bottom; border-top-left-radius:15px; border-top-right-radius:15px; color:white; 
				width:48%; margin-left:5px; margin-top:5px; border:1px gray solid;}
#historyTab1:hover {background-color:#603CBA !important; color:white !important;}
#historyTab2 {background-color:lightgray; vertical-align:bottom; border-top-left-radius:15px; border-top-right-radius:15px; color:white; 
				width:48%; margin-left:5px; margin-top:5px; border:1px gray solid;}
#historyTab2:hover {background-color:#1E7145 !important; color:white !important;}
#historyTabContent1 {border:1px darkgray solid; border-top:5px #603CBA solid; margin:0;}
#historyTabContent2 {border:1px darkgray solid; border-top:5px #1E7145 solid; margin:0;}
td img{display: block; margin-left: auto; margin-right: auto;}
.rs-button-black {min-width:90%; margin-top:20px; border-radius:5px; box-shadow:1px 1px 4px 2px #cccccc; outline:0;}
.rs-history-table-row:hover {background-color:#2D89EF; color:white; cursor:pointer;}
.dot {height:15px; width:15px; background-color:#eee; border-radius:50%; display:inline-block; border:1px gray solid; margin-left:10%;}
.rs-results-right-side {border:1.5px #D6D6D6 solid;}
.rs-results-left-side {width:50%;}
.rs-history-table-row {background-color:white; color:black; cursor:pointer;}
.rs-history-table-row-active {background-color:#2D89EF; color:white; cursor:pointer;}
.rs-results-picture {margin:0 auto; display:block;}
.rs-results-picture2 {margin:0 auto; display:none;}
.rs-results-picture3 {margin:0 auto; display:none;}
.rs-answerFieldset {margin-top:20px;}
.rs-answer-style {padding-left:12%;}
.rs-answer-green {color:#18A580}
.rs-background-green {border-color:#18A580}
.rs-answer-red {color:#E60000}
.rs-background-red {border-color:#E60000}
.rs-question-detail-header1 {background-color:#603CBA; color:white; height:40px; z-index:-1;}
.rs-question-detail-header2 {background-color:#1E7145; color:white; height:40px; z-index:-1;}

#modal-1 {transform: translate(0, 5%);}
#modal-user {transform: translate(32%, -4%);}
/*#modal-agenda {transform: translate(-21%, -4%);}*/
#modal-agenda {transform: translate(-20.5%, -6%);}
#modal-other {transform: translate(-21%, 0%);}
#modal-test-cards {transform: translate(-15%, 30%);}
#modal-cards-legend {transform: translate(6%, 34%);}
#modal-start-test {transform: translate(6%, 3%);}
#modal-test-done {transform: translate(-10%, 11%);}
#modal-view-history {transform: translate(18%, 45%);}
#modal-history-chart {transform: translate(-10%, 11%);}
#modal-grouped-questions {transform: translate(25%, 30%);}
#modal-question-select {transform: translate(25%, 45%);}
#modal-solutions {transform: translate(5%, 47%);}
#modal-goto-scorecard-page {transform: translate(-15%, 13%);}
#modal-history-grades {transform: translate(5%, -4%);}
#modal-history-courses {transform: translate(30%, -4%);}
#modal-history-graph {transform: translate(0%, 20%);}
#modal-test-bar {transform: translate(25%, 30%);}
#modal-scorecard-grades {transform: translate(5%, -4%);}
#modal-scorecard-strand {transform: translate(20%, 6%);}
#modal-scorecard-expectations {transform: translate(26%, 8%);}
#modal-demo-finished {transform: translate(0%, 0%);}
#modal-scorecard-carosel {transform: translate(0%, 0%);}
#modal-testSetup-grades {transform: translate(10%, 0%);}
#modal-testSetup-strands {transform: translate(-5%, 25%);}
#modal-testSetup-name {transform: translate(-5%, 0%);}
#modal-testSetup-start {transform: translate(0%, 13%);}
#modal-testSetup-step2 {transform: translate(17%, 23%);}
#modal-testSetup-step3 {transform: translate(10%, 35%);}
#modal-testSetup-step4 {transform: translate(0%, 0%);}
#modal-testSetup-tile {transform: translate(28%, 17%);}

.rs-animate-fading{animation:fading 1.5s infinite}@keyframes fading{0%{opacity:1}50%{opacity:0.3}100%{opacity:1}}
.rs-menu-button-color-animate {animation: colorChange 1s linear 0s infinite alternate;}
@-webkit-keyframes colorChange {0% {background-color:#18A580;} 50.0%  {background-color:black;} 100.0%  {background-color:#18A580;}}

/* Calendar */
ul {list-style-type:none;}
.weekdays {margin:0; padding-top:5px; padding-bottom:5px; font-weight:bold;}
.weekdays li {display:inline-block; width:14.2% !important; color:#666666; text-align:center;}
.days {padding:0; margin-left:8px;}
.days .active {background-color:#80AAFF;}
.days .active-2 {background-color:#A9A9A9;}
.days li {list-style-type: none; display: inline-block; width: 14.2%; text-align: center; margin-bottom: 10px; border:1px #A9A9A9 solid; background:#EEEEEE; padding-top:5px; padding-bottom:5px;}
.days li .active {background-color:#80AAFF; color:white !important; font-weight:bold;}
.days li .active-2 {background-color:#A9A9A9; color:white !important; font-weight:bold;}
.weekdays li, .days li {width: 13.5%;}

/* Test Pages */
.rs-test-container {margin-top:45px; margin-left:55px; display:none; padding:20px 20px 20px 20px;}
.rs-test-page-border {border:1px black solid; border-radius:20px; min-height:87vh;}
.rs-test-font-1 {font-family:Arial, Helvetica, sans-serif;}
.rs-cover-footer {margin-bottom:5%; position:absolute; bottom:0; width:93%;}
.rs-vl {border-right:1.5px black solid; margin-top:10px; margin-bottom:10px;}
.rs-vl-right {border-right:1px black solid;}
.rs-vl-left {border-left:1px black solid; min-height:70vh;}
.rs-quarter {height:60px; padding-top:10px; padding-right:20px;}
.rs-junior-division {font-weight:800; font-size:24px; padding-left:25px; padding-top:15px; padding-bottom:10px;}
.rs-assessment-of-reading {font-size:20px; margin:15px 0 250px 35px;}
.rs-cover-page-banner {height:60px; margin-left:25px;}
.rs-cover-cancel-btn {float:right; font-weight:bold; width:150px; display:block;}
.rs-cover-cancel-btn2 {display:none;}
.rs-cover-start-btn {font-weight:bold; width:100%; display:block;}
.rs-cover-start-btn2 {display:none;}
.rs-test-page-header {float:left; font-weight:bold; font-size:14px; padding-bottom:5px; padding-left:10px;}
.rs-test-pagination {font-size:12px; padding-bottom:5px; padding-right:10px;}
.rs-test-page-outside-fit {padding:10px 0 10px 0; margin-bottom:0 !important; min-height:76vh;}
.rs-test-one-side-xlarge {padding:0 10px 0 25px; font-size:16px; display:block;}
.rs-question-font-size {font-size:16px;}
.rs-magnify-size {font-size:30px; padding-top:5px; cursor:pointer;}
.rs-question-picture {margin:10px 0 10px 0; display:block;}
.rs-question-picture2 {margin:10px 0 10px 0; display:none;}
.rs-question-picture3 {margin:10px 0 10px 0; display:none;}
.rs-test-page-footer-left {height:60px; padding-top:10px; padding-left:20px; padding-bottom:0; margin-bottom:0;}
.rs-test-page-footer-right {height:60px; padding-top:10px; padding-right:20px; padding-bottom:0; margin-bottom:0;}
.rs-test-footer-btns {font-weight:bold; width:150px;}
.rs-no-stop-image {display:block;}
.rs-magnify-title-font {font-size:30px;}
.rs-magnify-content-font {font-size:36px;}
.rs-magnify-card {height: 100%; left: 0; position: fixed; top: 0; width: 100%;}
.rs-close-modal-btn {font-family:Arial, Helvetica, sans-serif; font-size:30px; font-weight:bold; border:1px black solid;}
.rs-green-scroller {float:right; z-index:100; padding-bottom:20px; padding-right:20px; cursor:pointer;}
#modal-anxiety {transform: translate(16%, 10%);}
#modal-amount-of-content {transform: translate(5%, 10%);}
#modal-see-and-hear {transform: translate(-15%, 10%);}
#modal-answer-qs12 {transform: translate(-5%, 32%);}
#modal-open-response {transform: translate(7%, 17%);}
#modal-complete-test {transform: translate(7%, 45%);}

.rs-scoreHeader1-outside {height:60px; border-top-left-radius:5px; border-top-right-radius:5px;}
.rs-scoreHeader1-inside {color:white; font-size:20px;}
.rs-scoreHeader2-left {background-color:#CCCCCC; height:35px; font-size:16px; font-weight:bold; border-left:2px #603CBA solid; border-right:2px #603CBA solid;}
.rs-scoreHeader2-right {background-color:#CCCCCC; height:35px; font-size:16px; font-weight:bold; border-left:2px #1E7145 solid; border-right:2px #1E7145 solid;}
.rs-specificExp-left {padding:10px 10px 10px 10px; border-left:2px #603CBA solid; border-right:2px #603CBA solid; border-bottom:1px #CCCCCC solid;}
.rs-specificExp-right {padding:10px 10px 10px 10px; border-left:2px #1E7145 solid; border-right:2px #1E7145 solid; border-bottom:1px #CCCCCC solid;}
.rs-specificExp-left-bottom {padding:10px 10px 10px 10px; border-left:2px #603CBA solid; border-right:2px #603CBA solid; border-bottom:2px #603CBA solid; 
								border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
.rs-specificExp-right-bottom {padding:10px 10px 10px 10px; border-left:2px #1E7145 solid; border-right:2px #1E7145 solid; border-bottom:2px #1E7145 solid; 
								border-bottom-left-radius:5px; border-bottom-right-radius:5px;}


/* Radio Buttons */
.rs-radio-group {display:block; position:relative; padding-left:30px; margin-top:16px; margin-bottom:16px; cursor:pointer; font-size:16px; 
	-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} /* The container */
.rs-radio-group input {position: absolute; opacity: 0; cursor: pointer;} /* Hide the browser's default radio button */ 
.rs-checkmark {position:absolute; top:0; left:0; height:20px; width:20px; background-color:#eee; border-radius:50%; border:1px gray solid;} /* Create a custom radio button */ 
.rs-radio-group:hover input ~ .rs-checkmark {background-color: #ccc;} /* On mouse-over, add a grey background color */
.rs-radio-group input:checked ~ .rs-checkmark {background-color: #2196F3;} /* When the radio button is checked, add a blue background */
.rs-radio-group input:checked ~ .rs-checkmark:after {display: block;} /* Show the indicator (dot/circle) when checked */
	/* Radio Button centre dot */
.rs-checkmark:after {content: ""; position: absolute; display: none;} /* Create the indicator (the dot/circle - hidden when not checked) */
.rs-radio-group input:checked ~ .rs-checkmark:after {display: block;} /* Show the indicator (dot/circle) when checked */
.rs-radio-group .rs-checkmark:after {top: 4.5px; left: 4.5px; width: 9px; height: 9px; border-radius: 50%; background: white;} /* Style the indicator (dot/circle) */

/* Radio Buttons for magnify */
.rs-radio-group2 {display:block; position:relative; padding-left:50px; margin-top:40px; margin-bottom:40px; cursor:pointer; font-size:36px; 
	-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} /* The container */
.rs-radio-group2 input {position: absolute; opacity: 0; cursor: pointer;} /* Hide the browser's default radio button */ 
.rs-checkmark2 {position:absolute; top:0; left:0; height:45px; width:45px; background-color:#eee; border-radius:50%; border:1px gray solid;} /* Create a custom radio button */ 
.rs-radio-group2:hover input ~ .rs-checkmark2 {background-color: #ccc;} /* On mouse-over, add a grey background color */
.rs-radio-group2 input:checked ~ .rs-checkmark2 {background-color: #2196F3;} /* When the radio button is checked, add a blue background */
.rs-radio-group2 input:checked ~ .rs-checkmark2:after {display: block;} /* Show the indicator (dot/circle) when checked */
	/* Radio Button centre dot */
.rs-checkmark2:after {content: ""; position: absolute; display: none;} /* Create the indicator (the dot/circle - hidden when not checked) */
.rs-radio-group2 input:checked ~ .rs-checkmark:after {display: block;} /* Show the indicator (dot/circle) when checked */
.rs-radio-group2 .rs-checkmark2:after {top: 9px; left: 9px; width: 25px; height: 25px; border-radius: 50%; background: white;} /* Style the indicator (dot/circle) */

.arrow_box_top {position: relative;	background: #18A580; border: 4px solid #18A580;}
.arrow_box_top:after, .arrow_box_top:before {bottom: 100%; left: 90%; border: solid transparent; content: " "; height: 0; width: 0;	position: absolute; pointer-events: none;}
.arrow_box_top:after {border-color: rgba(136, 183, 213, 0);	border-bottom-color: #18A580; border-width: 16px; margin-left: -16px;}
.arrow_box_top:before {border-color: rgba(194, 225, 245, 0); border-bottom-color: #18A580; border-width: 22px; margin-left: -22px;}

.arrow_box_top2{position: relative;	background: #18A580; border: 4px solid #18A580;}
.arrow_box_top2:after, .arrow_box_top2:before {bottom: 100%; left: 10%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;}
.arrow_box_top2:after {border-color: rgba(136, 183, 213, 0);	border-bottom-color: #18A580; border-width: 16px; margin-left: -16px;}
.arrow_box_top2:before {border-color: rgba(194, 225, 245, 0); border-bottom-color: #18A580; border-width: 22px; margin-left: -22px;}

.arrow_box_left {position: relative; background: #18A580; border: 4px solid #18A580;}
.arrow_box_left:after, .arrow_box_left:before {right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0;	position: absolute; pointer-events: none;}
.arrow_box_left:after {border-color: rgba(24, 165, 128, 0);	border-right-color: #18A580; border-width: 16px; margin-top: -16px;}
.arrow_box_left:before {border-color: rgba(24, 165, 128, 0); border-right-color: #18A580; border-width: 22px; margin-top: -22px;}

.arrow_box_right {position: relative; background: #18A580; border: 4px solid #18A580;}
.arrow_box_right:after, .arrow_box_right:before {left: 100%; top: 50%; border: solid transparent; content: " ";	height: 0; width: 0; position: absolute; pointer-events: none;}
.arrow_box_right:after {border-color: rgba(24, 165, 128, 0); border-left-color: #18A580; border-width: 16px; margin-top: -16px;}
.arrow_box_right:before {border-color: rgba(24, 165, 128, 0); border-left-color: #18A580; border-width: 22px; margin-top: -22px;}

.arrow_box_bottom {position: relative; background: white; border: none; height:60px;}
.arrow_box_bottom:after, .arrow_box_bottom:before {top: 100%; left: 50%; border: solid transparent;	content: " "; height: 0; width: 0; position: absolute; pointer-events: none;}
.arrow_box_bottom:after {border-color: rgba(0, 0, 0, 0); border-top-color: white; border-width: 16px; margin-left: -16px;}
.arrow_box_bottom:before {border-color: rgba(0, 0, 0, 0);	border-top-color: white; border-width: 22px; margin-left: -22px;}

.arrow_box_left-midway {position: relative; background: white; border: none;}
.arrow_box_left-midway:after, .arrow_box_left-midway:before {right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;}
.arrow_box_left-midway:after {border-color: rgba(0, 0, 0, 0); border-right-color: white; border-width: 16px; margin-top: -16px;}
.arrow_box_left-midway:before {border-color: rgba(0, 0, 0, 0); border-right-color: white; border-width: 22px; margin-top: -22px;}