.max-screen,.math-section .math-cont{max-width:1368px;
margin:auto}


.actuarial-circle{border-radius:50%}


.actuarial-rounded,input,select,button,a.link-btn{border-radius:40px}


.actuarial-squared-rounded,button.quiz-btn,a.link-btn.quiz-btn{border-radius:17px}


.actuarial-right-rounded,.interactive header{border-radius:0 3rem 3rem 0}


.kadwa,nav>a,nav .nav-item,.math-section header,.interactive header{font-family:'Kadwa', serif;
font-weight:bold;
text-transform:uppercase;
font-size:16px;}

@media (max-width: 1400px){
	
	.kadwa,nav>a,nav .nav-item,.math-section header,.interactive header{
		font-size:12px;
	}
}


.muli,body,input,select,button.quiz-btn,a.link-btn.quiz-btn{font-family:'Muli', sans-serif}


.inner-container,.login-screen,.math-lock{margin:auto;
max-width:1150px;
width:90%}


.flex{display:flex}


.flex-center,.inner-login{justify-content:center;
flex-wrap:wrap}


.clear{clear:both}


.clearfix:after{content:"";
display:table;
clear:both}


.half-flex,.score-holder{flex:0 1 50%}


.tri-flex{flex:0 1 33%}


.center{text-align:center}


.hide{display:none}


.invisible{visibility:hidden}


.disabled{opacity:0.5;
cursor:auto}


.half-flex label,.score-holder label,.tri-flex label{display:block;
margin:auto;
text-align:center}


.center-x,.dashboard-item button,.tab .tab-item:before{position:absolute;
left:50%;
width:auto;
transform:translateX(-50%)}


.flex-v-center{align-items:center}


.no-select,.work-area div:not(.smaller),#work-area div:not(.smaller),#dog-bandanas .work-area.color-37 div:not(:nth-child(2)):not(:nth-child(6)):not(:nth-child(10)):not(:nth-child(14)):not(:nth-child(18)):not(:nth-child(22)):not(:nth-child(26)):not(:nth-child(30)):not(:nth-child(34)):not(:nth-child(38)) article,#work-area div.smaller article,.work-area div.smaller article{color:transparent;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none}
body{letter-spacing:0.5}
html{font-size:17px}
body{font-size:1.17647rem;
line-height:1.5}
body,button{color:white}
a{color:inherit}


.bold{font-weight:bold}
a.bold{text-decoration:underline}


.error{color:#ed1c24}
h3{font-size:1.47059rem;
font-weight:bold;
margin-bottom:1.47059rem}


.smaller{font-size:70%}

input,select{border:0;
outline:none}
input,input[type="text"]{color:black;
font-size:1rem;
padding:0.5rem 1.5rem;
width:100%;
margin:1rem 0}
input[type="radio"]{display:none}
input[type="radio"]+label span:after{content:'';
background-color:white;
border:3px solid;
display:inline-block;
width:24px;
height:24px;
margin:-1px 4px 0 0;
vertical-align:middle;
cursor:pointer;
-moz-border-radius:50%;
border-radius:50%}
input[type="radio"]+label span:before{content:'';
display:block;
margin-top:9px}
input[type="radio"]:checked+label span:after{background:#3b2062}

/*
.radio-input input[type="radio"] {
	display:none;
}

.radio-input label {
	background-color:#FFF;
	width:250px;
	display:block;
	text-align:center;
	color:#000;
	border-radius:10px;
	padding:3px;
	border:solid;
	border-width:2px;
	border-color:#000;
	cursor:pointer;
}
*/

.geometry select.work-dropdown{background:#005359}


.geometry select.work-dropdown:selected{background:#0c6d74}
select.work-dropdown{color:white;
font-weight:bold;
background:#6990ff;
display:block;
padding:0.5rem 2rem;
margin:auto}
select.work-dropdown:selected{background:green}
button,a.link-btn{border:0;
color:white;
cursor:pointer;
font-size:1rem;
font-weight:bold;
padding:0.25rem;
position:relative;
outline:0;
text-align:center;
text-transform:uppercase;
text-decoration:none;
width:100%}
button.quiz-btn,a.link-btn.quiz-btn{border:3px solid white;
background:#ff572c;
display:inline-block;
padding:1rem 0.5rem;
width:13rem;
margin-left:2rem;
line-height:1}
button.quiz-btn:first-of-type,a.link-btn.quiz-btn:first-of-type{margin-left:0}
button.quiz-btn:hover,a.link-btn.quiz-btn:hover{text-decoration:none}
button.quiz-btn:hover:not(.disabled),a.link-btn.quiz-btn:hover:not(.disabled){transform:scale(1.2, 1.2);
text-decoration:none;
color:inherit}
button.quiz-btn.hint,a.link-btn.quiz-btn.hint{background:#ffc840;
margin-right:2rem}
button.quiz-btn.submit-answer,a.link-btn.quiz-btn.submit-answer{background:#1abd98}
button.quiz-btn.video-btn,a.link-btn.quiz-btn.video-btn{background:#239da5}
button.quiz-btn.home-btn,a.link-btn.quiz-btn.home-btn{background:#462446}
button.quiz-btn.skip-btn,a.link-btn.quiz-btn.skip-btn{background:#8e288f}
button.quiz-btn.skip-btn:not(:first-child),a.link-btn.quiz-btn.skip-btn:not(:first-child){margin-left:2rem}
button.quiz-btn.multi-line-btn,a.link-btn.quiz-btn.multi-line-btn{position:relative}
button.quiz-btn.multi-line-btn:before,a.link-btn.quiz-btn.multi-line-btn:before{content:"\00a0"}
button.quiz-btn.multi-line-btn article,a.link-btn.quiz-btn.multi-line-btn article{width:100%;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%)}
button.quiz-btn.teacher-btn,a.link-btn.quiz-btn.teacher-btn{cursor:pointer;
background:#f08933;
border-radius:10px;
box-shadow:0px 5px 14px rgba(0,0,0,0.4);
margin-left:1rem;
font-size:12.5px;
width:162px}
button.quiz-btn.teacher-btn:hover,a.link-btn.quiz-btn.teacher-btn:hover{color:white}
button.workshop,button.teacher-workshop,a.link-btn.workshop{background:#fb562b;
cursor:auto}


.ratios button,.dashboard #footer-wrapper-4o button,.ratios a.link-btn,.dashboard #footer-wrapper-4o a.link-btn{color:#fff !important}


.ratios button.hint,.dashboard #footer-wrapper-4o button.hint,.ratios a.link-btn.hint,.dashboard #footer-wrapper-4o a.link-btn.hint{background:#dab317}


.tooltip-cust{display:none;
padding:1rem 1rem;
position:absolute;
background:red;
color:white;
margin-top:8px;
margin-bottom:1rem;
top:100%;
left:0;
font-size:1rem;}


.tooltip-cust p{margin:0 !important}


.tooltip-cust:after{content:" ";
position:absolute;
bottom:100%;
left:0%;
margin-left:15px;
border-right:9px solid transparent;
border-bottom:16px solid #f09;
border-left:9px solid transparent}


.tooltip-cust.error{display:block}

.tooltip-cust.valid,.tooltip-cust.hint{display:block; min-width:460px;}


.tooltip-cust.hint{background:#229da5;
font-weight:bold;
margin-top:22px}


.tooltip-cust.hint:after{border-color:transparent transparent #229da5 transparent}


.tooltip-cust.error{background:#7a0026}


.tooltip-cust.error:before{content:""}


.tooltip-cust.error:after{border-color:transparent transparent #7a0026 transparent}


.tooltip-cust.valid{background:#bfd957;
color:#462446}


.tooltip-cust.valid:before{content:""}


.tooltip-cust.valid:after{border-color:transparent transparent #bfd957 transparent}


.ratios .tooltip-cust.error,.dashboard #footer-wrapper-4o .tooltip-cust.error{background:#ed1c24}


.ratios .tooltip-cust.error:after,.dashboard #footer-wrapper-4o .tooltip-cust.error:after{border-color:transparent transparent #ed1c24 transparent}


.ratios .tooltip-cust.valid,.dashboard #footer-wrapper-4o .tooltip-cust.valid{background:#389239;
color:white}


.ratios .tooltip-cust.valid:after,.dashboard #footer-wrapper-4o .tooltip-cust.valid:after{border-color:transparent transparent #389239 transparent}


.checkresult{display:inline-block;
position:relative;
padding-bottom:1rem;
margin-bottom:5rem}


.geometry .tooltip-cust.hint{background:#005359}


.geometry .tooltip-cust.hint:after{border-color:transparent transparent #005359 transparent}


.congrats{align-items:center;
font-weight:normal;
width:522px}


.congrats .answer-message{flex:0 1 60%}


.great-job{font-size:1.47059rem;
text-align:center;
font-weight:bold;
flex:0 1 40%}
body{margin:0;
padding:0}
img.sizetofit{max-width:100%;
width:100%}
body.login-body,.chalkboard{background:url("../images/chalkboard-marks.png") repeat-y center top #050505;
position:relative;
padding-bottom:30px}


.art-mask{background:url("../images/chalkboard-art.png") no-repeat center bottom transparent;
position:absolute;
width:100%;
height:100%;
opacity:0.5;
top:88px;
left:0;
background-size:100%; pointer-events:none;}


.hdr-hold{width:66%;
margin:auto}
header.hdr-welcome{background:url("../images/hdr-welcome-math-works.png") no-repeat center center transparent;
background-size:100%;
width:91%;
margin:1% auto;
padding:15% 0 0 0}


.dashboard header.hdr-welcome{background-image:url("../images/hdr-math-works.png")}


.login-screen{top:50px;
position:relative;
padding-bottom:77px}


.log-gutter{flex:0 0 50px}


.inner-login{display:flex;
flex-direction:row;
font-size:1rem;
align-items:stretch;
margin:auto;
max-width:893px}
@media (min-width: 980px){.inner-login{justify-content:space-between}
}


.inner-login .login-container,.inner-login .generated-name{flex:0 1 46%;
align-self:stretch;
padding:2rem 1rem;
min-width:431px}


.inner-login button{background:#fcaf17;}


.generated-name{background:#ffc840;
border-radius:2px;
color:#462446}


.generated-name button{background:#eb3447}
h3.great{font-size:2.05824rem;
margin-top:0;
text-align:center;
text-transform:uppercase}


.your-new-id{font-size:1.17588rem;
font-weight:bold;
margin-bottom:1rem}


.username-message{font-size:12px}


.role-message{color:white;
left:0;
position:absolute;
top:100%;
width:100%}


.role-message a:hover,.role-message a:active{color:white}
#us-states{margin:5px 0}


.logs-info{margin-top:1rem}


.chalk-arrow{background:url("../images/chalk-arrow.png") no-repeat center center transparent;
width:48px;
height:93px;
position:absolute;
opacity:0.5;
right:100%;
top:3.5rem}


.welcome-text{margin:0 auto 40px;
max-width:823px}


.welcome-text ul{margin:0;
padding:0.7rem 0 2rem;
font-size:17px;
font-weight:bold}


.welcome-text ul li{display:inline-block}


.welcome-text ul li:not(:first-child):before{content:'\2022';
display:inline-block;
width:24px}


.welcome-text p{font:italic 200 15px Muli}


.contact{margin-top:30px}


.contact a{font-weight:bold;
color:inherit !important}
nav{display:flex;
color:white;
font-size:1rem;
position:relative;
z-index:1;
background:#462446;
justify-content:start}
@media (max-width: 768px){nav{justify-content:space-between}
nav a.nav-x{display:none}
}
nav>a:hover{color:rgba(255,255,255,0.6);
text-decoration:none}
nav>a,nav .nav-item{flex:0 1 20%;
text-decoration:none}
nav>a.compass,nav .nav-item.compass{background:url("../images/compass.png") no-repeat center center #ff572c;
background-size:auto 60px;
max-width:122px;
padding:122px 0 0 0}
nav>a.logo,nav .nav-item.logo{flex:1 3 auto;
border:0;
padding:0}
nav>a.logo .logos,nav .nav-item.logo .logos{display:flex;
flex-wrap:wrap;
align-items:center;
max-width:170px;
position:absolute;
width:100%;
height:100%;
right:0}
nav>a.logo .logos img,nav .nav-item.logo .logos img{width:100%}
@media (max-width: 1435px){nav>a.logo .logos img,nav .nav-item.logo .logos img{opacity:0}
}
nav>a.logo .logos a,nav .nav-item.logo .logos a{cursor:default}
nav>a.logo .logos a:active,nav>a.logo .logos a:focus,nav .nav-item.logo .logos a:active,nav .nav-item.logo .logos a:focus{outline:none}
@media (min-width: 768px){nav>a.logo a,nav .nav-item.logo a{right:0px}
nav>a.logo a img,nav .nav-item.logo a img{padding:5px}
}
nav .nav-number-system{max-width:180px}
nav .nav-geometry{max-width:160px}
nav .nav-ratios,nav .nav-statistics{max-width:225px}
nav .nav-ratios section,nav .nav-statistics section{padding-left:10px;
text-align:left}
nav .nav-statistics{max-width:215px}
nav .final{border-right:1px solid #ff572c;
text-align:center}
nav>a,nav .nav-item{background:#462446;
border-left:1px solid #ff572c;
padding:1rem 1rem;
display:flex;
align-items:center;
justify-content:center}


.logged-in-banner{background:#f89e53;
color:#462446;
padding:1rem;
font-size:1rem;
margin-top:88px}


.logged-in-banner .interactive-body{justify-content:flex-end;
align-items:center}


.ident{flex:0 1 339px;
min-width:339px}


.ident.greet{padding-right:1rem;
flex:0 1 74%}


.ident.teacher-btns{flex:0 0 400px}


.navigation-path,.nav-title{display:flex;
align-items:center;
justify-content:center;
text-transform:uppercase}


.navigation-path{width:632px;
min-width:600px;
text-align:center;
font-size:0.88rem;
font-weight:bold}


.navigation-path article{flex:0 1 20%;
margin:2px;
font-size:0.76rem}
@media (max-width: 1225px){.navigation-path{width:600px}
}


.nav-title{padding:0 38px;
max-width:400px;
text-align:center;
letter-spacing:2px}


.nav-title h3{font-size:1.64rem}
@media (max-width: 1288px){.nav-title{padding:0 10px}
}
@media (max-width: 1225px){.nav-title h3{font-size:1.4rem}
}
a.square-nav{background:white;
border:1px solid;
display:inline-block;
height:25px;
margin:2px;
padding:0;
position:relative;
width:25px}
a.square-nav.past{background:#1abd98}


.connect-line{background:white;
height:2px;
left:11%;
position:absolute;
top:-webkit-calc(79% - 2px);
top:calc(79% - 2px);
width:70%}


.path-hold{width:100%}


.stickynav{position:fixed;
top:0px;
width:100%;
z-index:999}
#footer-wrapper-4o{bottom:0;
width:100%;
z-index:999;
text-align:center;
height:25px;
font-weight:bold;
padding:5px 0px;
}
#footer-wrapper-4o *{font-size:12px}


.login-body .stickyfooter{position:fixed;
background:#050505}


.math-section{position:relative}


.math-section header{text-align:center}


.math-section#number-system{background-image:-webkit-linear-gradient(top, #bc3745 0%, #cf2432 95%);
background-image:-o-linear-gradient(top, #bc3745 0%, #cf2432 95%);
background-image:linear-gradient(to bottom, #bc3745 0%, #cf2432 95%);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFBC3745', endColorstr='#FFCF2432', GradientType=0)}

.math-section#number-system:before{background:#bc3745}

.math-section#new-section{background: #7fc352;
background: linear-gradient(180deg, rgba(255,149,0,1) 0%, rgba(255,182,63,1) 100%);}

.math-section#new-section:before{background:#7fc352 !important;}

.new-section{background:#7fc352 !important}


.new-section .accent-color{background-color:#7fc352 !important}


.new-section .interactive header{background:#7fc352 !important}


.new-section .tab .tab-item::before{background:#7fc352 !important}

.new-section .tab .tab-item header:before{background-image:url("../spring2020/geometry-right.png")}


.new-section .tab .tab-item header:after{background-image:url("../spring2020/geometry-left.png")}



.general-section#general-section{background: #9659bd;}

.general-section#general-section:before{background:#9659bd !important;}

.general-section{background:#9659bd !important}


.general-section .accent-color{background-color:#9659bd !important}


.general-section .interactive header{background:#9659bd !important}


.general-section .tab .tab-item::before{background:#9659bd !important}

.general-section .tab .tab-item header:before{background-image:url("../fall2021/new-left.png")}


.general-section .tab .tab-item header:after{background-image:url("../fall2021/new-right.png")}


.math-section#one_variable_equations{background-image:-webkit-linear-gradient(top, #2c6e9b 0%, #2c6e9b 95%);
background-image:-o-linear-gradient(top, #2c6e9b 0%, #2c6e9b 95%);
background-image:linear-gradient(to bottom, #2c6e9b 0%, #2c6e9b 95%);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c6e9b', endColorstr='#2c6e9b', GradientType=0)}


.math-section#one_variable_equations:before{background:#2c6e9b}

.math-section#one_variable_equations .tab .tab-item::before{background:#2c6e9b}


.math-section#ratios_and_unit_rates{background-image:-webkit-linear-gradient(top, #53b3c6 0%, #53b3c6 95%);
background-image:-o-linear-gradient(top, #53b3c6 0%, #53b3c6 95%);
background-image:linear-gradient(to bottom, #53b3c6 0%, #53b3c6 95%);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#53b3c6', endColorstr='#53b3c6', GradientType=0)}


.math-section#ratios_and_unit_rates:before{background:#53b3c6}

.math-section#ratios_and_unit_rates .tab .tab-item::before{background:#53b3c6}



.interactive{padding-top:3rem}


.interactive header{box-shadow:5px 5px 19px rgba(0,0,0,0.5);
display:inline-block;
padding:1rem 2rem 1rem 122px;
font-size:2.35rem;
font-size:2.05882rem;
letter-spacing:3px;
max-width:90%;
min-width:70%}


.interactive header span{font-weight:normal}


.interactive .interactive-body{padding:2rem 1rem 2rem 122px}


.number-system{background:#bc3745 !important}


.number-system .accent-color{background-color:#a22139}


.number-system .interactive header{background:#ff4456}


.number-system .tab .tab-item::before{background:#bc3745}


.geometry{background:#229da5}


.geometry .accent-color{background:#0c6d74}


.geometry .interactive header{background:#005359}


.geometry .tab .tab-item::before{background:#229da5}


.geometry .tab .tab-item header{min-height:163px}


.geometry .tab .tab-item header:before{background-image:url("../images/geometry-left.png")}


.geometry .tab .tab-item header:after{background-image:url("../images/geometry-right.png")}


.geometry#geometry{background-image:-webkit-linear-gradient(top, #229da5 0%, #0eafba 95%);
background-image:-o-linear-gradient(top, #229da5 0%, #0eafba 95%);
background-image:linear-gradient(to bottom, #229da5 0%, #0eafba 95%);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF229DA5', endColorstr='#FF0EAFBA', GradientType=0)}


.ratios,.dashboard #footer-wrapper-4o{background:#ffc840;
}

.arrow-up {
	position:absolute;
	left:50%;
	margin-left:-24px;
	margin-top:-24px;
  width: 0; 
  height: 0; 
  border-left: 24px solid transparent;
  border-right: 24px solid transparent;
  
  border-bottom: 24px solid rgba(0,0,0,.5);
}


.ratios input[type="radio"]+label span::after,.dashboard #footer-wrapper-4o input[type="radio"]+label span::after{border-color:white}


.ratios button:hover,.dashboard #footer-wrapper-4o button:hover{color:white !important}


.ratios .interactive header,.dashboard #footer-wrapper-4o .interactive header{background:#fb562b;
color:white}


.ratios .tab .tab-item::before,.dashboard #footer-wrapper-4o .tab .tab-item::before{background:#ffc840}


.ratios .tab .tab-item header,.dashboard #footer-wrapper-4o .tab .tab-item header{min-height:146px}


.ratios .tab .tab-item header:before,.dashboard #footer-wrapper-4o .tab .tab-item header:before{background-image:url("../images/ratios-left.png")}


.ratios .tab .tab-item header:after,.dashboard #footer-wrapper-4o .tab .tab-item header:after{background-image:url("../images/ratios-right.png")}


.ratios#ratios{background-image:-webkit-linear-gradient(top, #ffc840 0%, #ffd350 95%);
background-image:-o-linear-gradient(top, #ffc840 0%, #ffd350 95%);
background-image:linear-gradient(to bottom, #ffc840 0%, #ffd350 95%);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFC840', endColorstr='#FFFFD350', GradientType=0)}


.samples{background:#46b29b}


.samples .dashboard-item{padding-bottom:0 !important}


.samples .tab .tab-item::before{background:#46b29b}


.samples .tab .tab-item header{min-height:141px}


.samples .tab .tab-item header:before{background-image:url("../images/samples-left.png")}


.samples .tab .tab-item header:after{background-image:url("../images/samples-right.png")}


.samples#samples{background-image:-webkit-linear-gradient(top, #46b29b 0%, #13c4b8 95%);
background-image:-o-linear-gradient(top, #46b29b 0%, #13c4b8 95%);
background-image:linear-gradient(to bottom, #46b29b 0%, #13c4b8 95%);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF46B29B', endColorstr='#FF13C4B8', GradientType=0)}


.rel{position:relative}


.career-info{padding-bottom:1rem}
ul.other-info{margin-left:5.35294rem;
margin-bottom:1rem}
ul.other-info li{margin:0 !important}


.max-content{max-width:778px}


.number-system .careers .question-number{display:none}


.key-terms{padding:0 1rem;
max-width:675px;
margin:auto}
#link-message{display:none}


.video-player{position:relative;
padding:50% 0 0 0}


.video-player .video-js{position:absolute;
left:0;
top:0;
width:100%;
height:100%}


.left-message{text-align:center;
font-weight:bold;
align-self:center}


.graph{margin:2rem 0}


.question-visual,.graph{max-width:630px; width:80%;}
#dog-food{background:url("../images/fractions/dog-food.png") no-repeat top left transparent;
background-size:100%;
padding-top:24%;
position:relative;
z-index:1;
margin-left:-54px;
max-width:832px}
#dog-food #work-area{width:52%;
top:13%;
left:17%;
max-width:438px}
#dog-bandanas,#dog-food{position:relative;
z-index:1}


.remainder-drop{position:absolute}
#birds{height:200px;
width:100%}
#birds .bird{background:url("../images/fractions/interactive_3/bird-cage.png") no-repeat bottom left transparent;
background-size:100%;
flex:0 1 143px}
#birds .bird.bird-full{background-image:url("../images/fractions/interactive_3/bird-cage-full.png")}
#birds .table-for-bird-holder{display:none;
flex:0 0 157px;
position:relative}
#birds .table-for-bird-holder .remainder-drop{width:100%;
height:50%;
top:15%;
left:0;
z-index:1}
#birds .table-for-bird-holder #table-for-bird{background:url("../images/fractions/interactive_2/table.png") no-repeat center center transparent;
background-size:100%;
bottom:0;
left:0;
width:100%;
position:absolute;
padding:57% 0 0 0}
#bird-houses{background:url("../images/fractions/interactive_3/bag.png") no-repeat top left transparent;
background-size:100%;
max-width:750px;
padding-top:21.8%;
margin-top:52px;
position:relative;
z-index:2}
#bird-houses .work-area{top:23%;
left:6%;
width:69%;
height:54%}
#bird-houses .work-area div{height:100%}
#bird-houses .group-0{background:#fe5800}
#bird-houses .group-1{background:#fe7a00}
#bird-houses .group-2{background:#fea600}
#bird-houses .group-3{background:#fecc00}
#bird-houses .group-4{background:#ffe000}


.work-area div:not(.smaller):not(#remainder),#work-area div:not(.smaller):not(#remainder){cursor:pointer}


.work-area div:not(.smaller),#work-area div:not(.smaller){color:white}
#dog-bandanas{background-size:100%;
max-width:746px;
padding-top:24.5%;
margin-top:52px}
#dog-bandanas #work-area-2{top:30%}
#dog-bandanas #work-area-2 div{border:1px solid}
#dog-bandanas #work-area-2 .smaller{width:10%}
#dog-bandanas .work-area{top:13%;
width:95%;
left:2.5%}
#dog-bandanas .work-area div{background:url("../images/fractions/interactive_2/color_scale.jpg") no-repeat 0 0 transparent}
#dog-bandanas .work-area div article:after{content:''}
#dog-bandanas .work-area .divide-cloth,#dog-bandanas .work-area.color-1 .group-0{background-size:100%}
#dog-bandanas .work-area.color-37 div{font-size:10px}
#dog-bandanas .work-area.color-37 div.group-0{background-position:0% 0}
#dog-bandanas .work-area.color-37 div.group-1{background-position:2.63% 0}
#dog-bandanas .work-area.color-37 div.group-2{background-position:5.26% 0}
#dog-bandanas .work-area.color-37 div.group-3{background-position:7.89% 0}
#dog-bandanas .work-area.color-37 div.group-4{background-position:10.52% 0}
#dog-bandanas .work-area.color-37 div.group-5{background-position:13.15% 0}
#dog-bandanas .work-area.color-37 div.group-6{background-position:15.78% 0}
#dog-bandanas .work-area.color-37 div.group-7{background-position:18.41% 0}
#dog-bandanas .work-area.color-37 div.group-8{background-position:21.04% 0}
#dog-bandanas .work-area.color-37 div.group-9{background-position:23.67% 0}
#dog-bandanas .work-area.color-37 div.group-10{background-position:26.3% 0}
#dog-bandanas .work-area.color-37 div.group-11{background-position:28.93% 0}
#dog-bandanas .work-area.color-37 div.group-12{background-position:31.56% 0}
#dog-bandanas .work-area.color-37 div.group-13{background-position:34.19% 0}
#dog-bandanas .work-area.color-37 div.group-14{background-position:36.82% 0}
#dog-bandanas .work-area.color-37 div.group-15{background-position:39.45% 0}
#dog-bandanas .work-area.color-37 div.group-16{background-position:42.08% 0}
#dog-bandanas .work-area.color-37 div.group-17{background-position:44.71% 0}
#dog-bandanas .work-area.color-37 div.group-18{background-position:47.34% 0}
#dog-bandanas .work-area.color-37 div.group-19{background-position:49.97% 0}
#dog-bandanas .work-area.color-37 div.group-20{background-position:52.6% 0}
#dog-bandanas .work-area.color-37 div.group-21{background-position:55.23% 0}
#dog-bandanas .work-area.color-37 div.group-22{background-position:57.86% 0}
#dog-bandanas .work-area.color-37 div.group-23{background-position:60.49% 0}
#dog-bandanas .work-area.color-37 div.group-24{background-position:63.12% 0}
#dog-bandanas .work-area.color-37 div.group-25{background-position:65.75% 0}
#dog-bandanas .work-area.color-37 div.group-26{background-position:68.38% 0}
#dog-bandanas .work-area.color-37 div.group-27{background-position:71.01% 0}
#dog-bandanas .work-area.color-37 div.group-28{background-position:73.64% 0}
#dog-bandanas .work-area.color-37 div.group-29{background-position:76.27% 0}
#dog-bandanas .work-area.color-37 div.group-30{background-position:78.9% 0}
#dog-bandanas .work-area.color-37 div.group-31{background-position:81.53% 0}
#dog-bandanas .work-area.color-37 div.group-32{background-position:84.16% 0}
#dog-bandanas .work-area.color-37 div.group-33{background-position:86.79% 0}
#dog-bandanas .work-area.color-37 div.group-34{background-position:89.42% 0}
#dog-bandanas .work-area.color-37 div.group-35{background-position:92.05% 0}
#dog-bandanas .work-area.color-37 div.group-36{background-position:94.68% 0}
#dog-bandanas .work-area.color-37 div.group-37{background-position:97.31% 0}
#dog-bandanas .work-area.color-37 div.group-38{background-position:99.94% 0}
#dog-bandanas .work-area.color-37 div.group-39{background-position:102.57% 0}
#dog-bandanas .work-area.color-37 div.group-40{background-position:105.2% 0}
#dog-bandanas .work-area.color-9 div.group-0{background-position:0% 0}
#dog-bandanas .work-area.color-9 div.group-1{background-position:12.5% 0}
#dog-bandanas .work-area.color-9 div.group-2{background-position:25% 0}
#dog-bandanas .work-area.color-9 div.group-3{background-position:37.5% 0}
#dog-bandanas .work-area.color-9 div.group-4{background-position:50% 0}
#dog-bandanas .work-area.color-9 div.group-5{background-position:62.5% 0}
#dog-bandanas .work-area.color-9 div.group-6{background-position:75% 0}
#dog-bandanas .work-area.color-9 div.group-7{background-position:87.5% 0}
#dog-bandanas .work-area.color-9 div.group-8{background-position:100% 0}
#dog-bandanas .work-area.color-9 div.group-9{background-position:112.5% 0}
#work-area,.work-area{display:flex;
position:absolute;
border:3px solid;
align-items:center}
#work-area div,.work-area div{border:3px solid;
flex:0 1 100%;
height:60px;
text-align:center;
display:flex;
justify-content:center;
align-items:center}
#work-area div article::after,.work-area div article::after{content:'lb'}
#work-area div.smaller,.work-area div.smaller{flex:0 5 100%}
#work-area div.group-1,.work-area div.group-1{background:#76c2e2}
#work-area div.group-2,.work-area div.group-2{background:#8e288f}
#work-area div.group-3,.work-area div.group-3{background:#e3be03}
#work-area div.group-4,.work-area div.group-4{background:#83c449}


.snapped-to{margin:1rem 0;
display:flex;
justify-content:space-evenly}


.snapped-to#dogs{justify-content:center;
flex-wrap:wrap-reverse}


.table-piece{display:none;
background:url("../images/fractions/interactive_2/table.png") no-repeat center center transparent}
#table .remainder-drop{width:100%;
height:50%;
top:15%;
left:0;
z-index:1}
#dogs{flex:0 1 68%}


.bowl-placeholder{background:url("../images/fractions/bowl-placeholder.png") no-repeat center center transparent}


.bowl,.dog,.bird{flex:0 1 110px;
background:url("../images/fractions/bowl-placeholder.png") no-repeat center center transparent;
position:relative;
background-size:100%;
height:200px;
position:relative}


.bowl div,.dog div,.bird div{position:absolute;
width:100%;
text-align:center}


.bowl div.mid-cent,.dog div.mid-cent,.bird div.mid-cent{top:41%}


.bowl div.mid-bottom-cent,.dog div.mid-bottom-cent,.bird div.mid-bottom-cent{font-size:13px;
top:60%}


.bowl div.bottom-cent,.dog div.bottom-cent,.bird div.bottom-cent{bottom:0}


.dog-placeholder,.dog{background:url("../images/fractions/interactive_2/dog.png") no-repeat top center transparent;
flex:0 1 104px}


.solved .checkresult{margin-top:1rem}


.solved #next_question{margin-left:2rem}


.question-number{position:absolute;
top:0;
left:-2rem;
font-weight:bold}


.question-number:after{content:'.'}


.radio-hold{margin-top:2rem;
justify-content:space-between;
font-size:1rem}



.radio-input{flex:0 1 20%;
text-align:center}

/*
.radio-input{
	display:block;
	width:100%;
}
*/


.radio-pics{flex-wrap:wrap}


.radio-pics img{max-width:100%}


.radio-pics .radio-input{
	margin-top:2rem;
	flex:0 1 48%
}


.question-content{flex:0 1 75%;
max-width:780px}


.question-content p{margin:1rem 2rem 1rem 0}


.question-picture{flex:0 1 25%}


.question-picture img{display:block;
margin:auto;
width:90%}


.btn-container{margin-top:3.5rem;
margin-bottom:3rem}


.next_question{margin-left:2rem}


.hint-hold{display:inline-block;
position:relative;
margin-right:2rem}


.hint-hold .submit-answer{margin-left:0}


.test-question{display:none}


.test-question.question-1{display:block}


.answer-image{display:block;
width:100%}
#shape3{max-width:425px;
margin:auto}


.inner-q-content{max-width:778px}


.quiz ul li{margin-bottom:1rem}
#hidden-answers .hidden-answer{display:none}


.notice{display:none}
#dog-bandanas .work-area.color-37 div:not(:nth-child(2)):not(:nth-child(6)):not(:nth-child(10)):not(:nth-child(14)):not(:nth-child(18)):not(:nth-child(22)):not(:nth-child(26)):not(:nth-child(30)):not(:nth-child(34)):not(:nth-child(38)) article{color:white}


.video-player{position:relative;
padding:55% 0 0 0}
#dog-bandanas #work-area div.smaller article,#remainder{border-color:white;
color:transparent}
#universal4o.unMain-dis{margin-bottom:0px !important;
padding-bottom:35px}
#universal4o.unMain-dis #universal{content:"";
display:table}


.answer-overlay{position:absolute;
top:0;
left:0;
height:100%;
width:100%;
background:transparent;
background-size:100%}
#universal4o #universal #universal-account{font-size:12px;
width:auto !important}
body.dashboard #universal4o.unMain-dis{position:fixed;
top:0;
z-index:999;
width:100%}
body.dashboard .nav-container{position:relative}
body.dashboard #navbar1,body.dashboard .stickynav{}


.login-body #navbar1.stickynav{position:relative !important;
top:auto !important}


.review-answers{flex-wrap:wrap;
margin-bottom:2.94118rem}


.review-answers h4{font-size:1.47059rem;
font-weight:bold}


.your-scores{font-size:1.17647rem}


.score-holder{display:flex;
align-items:center;
margin:1.2rem 0}


.score-holder .question-order-number{flex:0 1 25%;
color:black;
font-size:2.35rem;
text-align:center}


.score-holder .question-order-number div{border-radius:50%;
padding:5.5% 0;
background:url("../images/circle.png") no-repeat center center transparent;
position:relative}


.score-holder .question-order-number div.user-incorrect::after{background:url("../images/x.png") no-repeat center center #ed1c24}


.score-holder .question-order-number div.user-correct::after{background:url("../images/check.png") no-repeat center center #3cb878}


.score-holder .question-order-number div:after{position:absolute;
content:"";
display:block;
border-radius:4px;
font-size:1rem;
padding:0.8rem;
line-height:1.25;
right:1rem;
bottom:0rem}


.score-holder .question-stats{flex:0 1 75%}


.score-holder .question-stats .answer-image{width:75%}


.shape-examples{align-items:center;
display:flex;
font-weight:bold;
margin-top:40px}


.shape-example{flex:0 1 50%}


.shape-container{width:500px;
height:500px;
position:relative;
padding-top:100px;
perspective:1000px;
perspective-origin:50% 100px}
#box{width:100%;
height:100%;
position:absolute;
transform-style:preserve-3d;
transform-origin:0 0 0;
transform:rotateY(-45deg);
animation:spin 15s infinite linear}
#box figure{margin:0;
display:block;
position:absolute;
border:2px solid black}
#box .front,#box .back{width:96px;
height:96px;
background:rgba(241,105,0,0.5)}
#box .right,#box .left{width:46px;
height:96px;
left:25px;
background:rgba(241,105,0,0.5)}
#box .top,#box .bottom{width:96px;
height:46px;
top:25px;
background:rgba(241,105,0,0.5)}
#box .front{transform:rotateY(0deg) translateZ(25px)}
#box .back{transform:rotateX(180deg) translateZ(25px)}
#box .right{transform:rotateY(90deg) translateZ(50px)}
#box .left{transform:rotateY(-90deg) translateZ(50px)}
#box .top{transform:rotateX(90deg) translateZ(50px)}
#box .bottom{transform:rotateX(-90deg) translateZ(50px)}
#box.show-front{transform:translateZ(-25px) rotateY(0deg)}
#box.show-back{transform:translateZ(-25px) rotateX(-180deg)}
#box.show-right{transform:translateZ(-75px) rotateY(-90deg)}
#box.show-left{transform:translateZ(-75px) rotateY(90deg)}
#box.show-top{transform:translateZ(-50px) rotateX(-90deg)}
#box.show-bottom{transform:translateZ(-50px) rotateX(90deg)}


.dashboard .art-mask{background-image:url("../images/chalkboard-art-full.png");
top:0}


.chalkboard{padding:10%}


.math-lock{position:relative}


.math-section .inner-math{padding:0 0 3%}


.dashboard-item{margin:1.76471rem;
flex:0 1 33%;
font-size:1.65rem;
max-width:280px;
text-align:center;
position:relative;
padding-bottom:51px;display:block;}


.dashboard-item button{position:absolute;
bottom:0;
width:100%}


.badge-title{font-weight:bold;
margin-bottom:1rem;
letter-spacing:.1rem}


.badge{display:block;
width:100%;
margin-left:6.25%;
padding:92% 0 0 0;
background:url("../images/number-system-badge.png") no-repeat center center transparent;
background-size:100%}


.badge:hover{transform:rotate(12deg)}


.tab .tab-item{position:relative}


.tab .tab-item:before{content:'';
border-radius:40px 40px 0px 0px;
position:absolute;
width:62%;
height:2rem;
bottom:100%;
margin-bottom:-8px}


.tab .tab-item header{font-size:2.65rem;
position:relative;
display:flex;
width:100%;
display:flex;
justify-content:space-between}


.tab .tab-item header:before,.tab .tab-item header:after{content:'';
flex:0 2 30%;
background:url("../images/fractions-left.png") no-repeat right 10px top 13px transparent;
min-height:114px;
position:relative;
z-index:1}


.tab .tab-item header:after{background:url("../images/fractions-right.png") no-repeat left 13px transparent}


.tab .tab-item header div{line-height:1.2;
position:relative;
z-index:1;
flex:0 1 auto;
max-width:52%}
footer{background:#ffc840;
position:relative}
footer .cards{background:url("../images/footer-cards.png") no-repeat right center transparent;
background-size:20% auto;
padding:2.5rem 20% 4% 2rem}
footer .legal{position:absolute;
bottom:1rem}


.badge-surface-area{background-image:url("../images/badge-surface-area.png")}

.badge-ratios_and_unit_rates{background-image:url("../images/Ratios_Dashboard.png")}

.badge-probability{background-image:url("../spring2019/probability/probability_tog.png"); margin-left:0px;}

.badge-scatterplots{background-image:url("../spring2020/scatterplots/dashboard_scatter.png"); margin-left:0px;}

.badge-cuwp {background-image:url("../spring2020/cuwp/dashboard_cuwp.png"); margin-left:10px;}

.badge-rrt{background-image:url("../spring2019/rrt/rrt_tog.png")}

.badge-oci{background-image:url("../fall2019/oci/dashboard_oci.png")}

.badge-asnn{background-image:url("../fall2019/asnn/dashboard_asnn.png")}

.badge-one_variable_equations{background-image:url("../images/Equation_Dashboard.png")}


.badge-data-sampling{background-image:url("../images/badge-data-sampling.png")}


.badge-lab{background-image:url("../images/badge-lab.png")}


.badge-movie{background-image:url("../images/badge-movie.png")}


.badge-probabilities{background-image:url("../images/badge-probabilities.png")}


.badge-ratio-design{background-image:url("../images/badge-ratio-design.png")}


.badge-ratio-slopes{background-image:url("../images/badge-ratio-slopes.png")}


.badge-ratio-space{background-image:url("../images/badge-ratio-space.png")}


.student-scores{width:90%;
display:none; background-color:rgba(0,0,0,.5); padding-left:20px; padding-right:20px; box-sizing:border-box; min-height:50px;}


.student-scores .flex{margin-bottom:2px}


.title-cols{border-bottom:1px solid;
font-weight:bold;}


.name-col{flex:1}


.pre-col,.post-col{flex:0 1 20%}


.post-col{text-align:right}
button.teacher-workshop:after{content:"View Students' Scores"}
button.teacher-workshop.scores-activated{background:white;
color:#ff572c}
button.teacher-workshop.scores-activated:after{content:'Back to Modules'}


.legal{font-size:0.56rem}
#aem-kids-menu{position:absolute;
top:136px}
#aem-kids-menu{top:135px !important;
position:absolute !important}
#all-connections li{position:relative;
padding-right:1rem}
#all-connections li a{position:absolute;
right:0;
top:0}


.connecting-account{border:4px solid transparent}


.connecting-account.success{border-color:#bfd957}


.connecting-account.error{border-color:#7a0026}
#add-multiple-accounts{float:left}
#my-connections{float:right}
#link-my-account-btn{margin-top:10px}
body{background:#050505}

/*# sourceMappingURL=main.css.map */