.alert-info{margin:0 10px 10px}.blue{background:linear-gradient(#849bb2,#315373);min-height:60vh;position:relative}#completion-header{color:#fff;font-size:2em;padding-top:100px}#completion-spinner{height:100px;margin:0 auto;width:100px}#error-saving-status{margin:10px auto;max-width:500px}#fake-warning{margin-top:10px;padding:5px;text-align:left}#fail-warning{color:#000;margin:0 auto 10px;text-align:center;width:90%;z-index:102}#holder{position:relative;min-height:100vh}#incomplete-warning,#still-saving-warning{padding:1em;text-align:center}#initial-spinner{height:100px;margin:30px auto;width:100px}#instructions{background:0 0;margin:0 auto;min-height:100vh;padding-top:100px;text-align:center}#instructions p{padding:.5em 0}#instructions .quote{color:#585858;display:inline-block;font-size:1.1em;margin:20vh 2em 3em;padding:20px}#instructions .quote span{display:block;font-size:.8em}.jumbotron li{font-size:21px}#my-personality{font-size:1.4em;padding-bottom:10px}#my-personality h1{font-size:16pt;padding:2em}.padded{padding-top:2em}#previous,#skip{padding:0 30px}#progress{border-radius:0;float:none;bottom:0;height:50px;margin:0;padding:0;position:absolute;white-space:nowrap;width:100%}#progress .leftborder{border-left:1px solid #CCC}#progress span{display:block;font-size:.8em}#progress .step{display:inline-block;height:50px;font-size:1.2em;line-height:1.2em;margin:0;padding:5px;position:relative;text-align:center;z-index:3}#progress-bar{background-image:-webkit-linear-gradient(top,#849bb2 0,#D3D7DC 100%);background-image:-o-linear-gradient(top,#849bb2 0,#D3D7DC 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#849bb2),to(#D3D7DC));background-image:linear-gradient(to bottom,#849bb2 0,#D3D7DC 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff286090', GradientType=0);height:50px;position:absolute;z-index:2}#progress1{width:38%}#progress2{width:20%}#progress3{width:17%}#progress4{width:25%}.strength{display:inline-block;width:250px;max-width:28vw;margin:0 1.6vw}.strength .pic{background:url(../img/personality-sprites.jpg) 0 0/50% no-repeat;height:125px;max-width:31vw;max-height:15vw}.strength .public_name{color:gray;font-weight:700;text-align:center}#survey{overflow:visible;padding-top:100px;position:relative;overflow-x:hidden;width:100%;text-align:center}#survey .btn-group-vertical{display:table-cell;margin:-1px}#survey .btn-group-vertical>.btn{border-right:0}#survey .btn-group-vertical>.btn:first-child:not(:last-child){margin-top:-1px;border-top-left-radius:0}#survey .btn-group-vertical>.btn:last-child:not(:first-child){margin-bottom:-1px;border-bottom-left-radius:0}#survey fieldset{background-color:#fff;border:1px solid #ccc;border-radius:4px;display:table;margin:15vh auto 0;min-height:100px;position:relative;width:480px}#survey .item{display:table-cell;padding:30px 10px;margin-bottom:-2px;text-align:center;vertical-align:middle}#survey legend{background:#FFC;border-radius:6px;border:1px solid #f5e79e;box-shadow:2px 2px 6px #999;font-size:1.1em;font-weight:700;left:15px;line-height:1.5em;max-width:280px;padding:4px 10px;position:absolute;text-align:left;top:-15px;width:auto;z-index:1}#survey .nav{padding-top:5vh;padding-bottom:60px}#survey .nav a{color:#94aabf}#survey .select{display:table-cell;padding-right:10px;width:390px;vertical-align:middle}#take-your-time{margin-left:-200px;width:400px;position:absolute;bottom:60px;left:50%;text-align:center;z-index:4}#time-remaining{color:#94aabf;padding-bottom:10px;text-align:right;margin:10px auto 0;width:480px}@media only screen and (max-width:600px){#my-personality h1{padding:0}#progress{font-size:.8em;height:40px}#progress span{font-size:.9em}#progress .step,#progress-bar{height:40px}#survey .btn-group-vertical{display:block;margin:0}#survey .item{padding-top:50px}#survey .select{display:block;margin:0;padding:0 10px 10px;width:auto}}@media only screen and (max-height:750px){#survey fieldset{margin-top:0}}@media only screen and (max-height:600px){.blue{min-height:100vh}}@media only screen and (max-width:500px){#instructions .quote{margin-top:0}#survey fieldset{width:400px}#take-your-time{bottom:40px}}@media only screen and (max-width:400px){#progress{font-size:.7em}#survey fieldset{width:300px}#take-your-time{bottom:20px;margin-left:-45vw;width:90vw}}