a, button, h1, h2, h3, h4, h5, h6, img, input, p, select { -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s }
img, img a { border: 0 }
body, html { height: 100% }
body { font-family: 'Poppins', sans-serif; line-height: normal; overflow-x: hidden; ont-weight: 300; background-color: #000; background-image: url(../images/bg-login.jpg); background-size:cover; }
a, div, h1, h2, h3, h4, h5, h6, img, input, li, p, select, ul { margin: 0; padding: 0; outline: 0!important; box-shadow: none; border: 0; list-style: none; font-weight: normal }
a, button, h1, h2, h3, h4, h5, h6, img, input, p, select { transition: all .5s ease 0s }
img { max-width: 100% }
a:hover{text-decoration: none}

.stride_login_form {padding-top:100px}
.stride_login_form .container {max-width:1170px;}
/*.container.student_login{max-width:1170px;}*/
.stride_login_form .form_box .well {background:none; border: 0; box-shadow: none!important;}
.stride_login_form .form_box .left_box{padding: 0 50px;}
.stride_login_form .form_box h1{font-family: 'Poppins', sans-serif; font-size: 24px; font-weight: 800; text-align: left; margin-bottom: 25px; color: #000;}
.stride_login_form .form_box label{font-family: 'Poppins', sans-serif; font-size: 15px; font-weight: 600; text-align: left}
.stride_login_form .form_box .pull-right a {font-family: 'Poppins', sans-serif; font-size: 12px; text-decoration: underline; font-weight: 600; text-align: left; color: #67bec9}
.stride_login_form .form_box input{width: 100%; border-radius: 5px; padding: 5px 10px; border: 1px solid #acacac; margin: 0 0 20px; font-family:'Source Sans Pro', 'Poppins',sans-serif; font-size:19px}
.stride_login_form .form_box .nav-tabs {border-bottom:none}
.stride_login_form .form_box .nav-tabs li {border-bottom:solid 1px #fff}
.stride_login_form .form_box .nav-tabs > li.active > a {border-radius: 10px 10px 0 0; boborder-bottom-color: transparent; color: #000; font-family: 'Poppins', sans-serif; font-size: 18px; font-weight: 800; background: #fff; padding: 10px 20px; color:#000}
.stride_login_form .form_box .nav-tabs > li > a { border-radius: 10px 10px 0 0; color: #fff; font-family: 'Poppins', sans-serif; font-size: 18px; font-weight: 800; background: #008498; padding: 10px 20px; margin-right: 7px;}
.stride_login_form .form_box .tab-content{/*border: 1px solid #a9a9a9;*/ border-top-color: transparent; background: #fff; padding: 35px 25px 50px; border-radius:0 10px 10px 10px;}
.stride_login_form .container.ta_login .form_box .tab-content {/*width:850px;*/}
.stride_login_form .container.student_login .form_box .tab-content{border:none;}
.stride_login_form .form_box .tab-content .btn-primary {color: #fff; background-color: #01a0b9;  border-radius: 50px; font-size: 20px; font-weight: 600; padding: 6px 25px;
border-top: 0; border-left: 0; border-right: 0;}
.stride_login_form .stride-student {margin-right:50px;}
.stride_login_form .k12-student {padding: 20px 50px 30px; background: #f7f7f7}
.stride_login_form .k12-student .tab-content {background:#f7f7f7; padding:15px 0}
h1.heading{font-family: 'Poppins', sans-serif; font-size: 25px; font-weight: 800; text-align: left; margin:20px 0 5px 4px; color: #000;}
.copyright-text { font-size: 12px;  font-family: 'Poppins'; color: #767676; padding:10px 0px;}
.copyright-text a {color:#B9EBEF; text-decoration: underline;}
.copyright-text a:visited{color:#B9EBEF}
.copyright-text a:hover {color:#B9EBEF}
.sub-text { color: #fff; opacity:.8}
.logo{padding:10px 0 0}
.logo img{width:150px}
.footer_link span{margin-right:10px;}
#loader{position:absolute;left:10%;top:28%;right:10%;bottom:0;text-align:center;z-index:1}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.animate-bottom{position:relative;animation-duration:1s}@-webkit-keyframes animatebottom{from{bottom:-100px;opacity:0}to{bottom:0;opacity:1}}@keyframes animatebottom{from{bottom:-100px;opacity:0}to{bottom:0;opacity:1}}#loader-overlay{background:#fff;position:absolute;top:0;right:0;bottom:0;left:0;display:none}#loader-msz{margin-top:-15px;text-align:center;z-index:999999999;color:#000;font-size:16px;font-weight:700}
.student_div{width:100%; max-height:200px; border:1px solid #ddd; overflow-y:scroll; padding:10px 0px; margin-bottom:20px;}
.student_div ul{margin:0px; padding:0px;}
.student_div ul li{margin:0px; padding:0px 25px; line-height:30px; display:block; font-size:16px; cursor:pointer;}
.go_back{margin-left: 30px; font-size: 18px;}
.select_name{font-size: 22px !important; font-weight: bold !important;}
.alert{margin:20px 40px;}
.activeli, .activeclassli{background:#ddd;}

.btn {
  font-size: 16px;
  border-radius: 20px;
  border-width: 0 0 4px 0;
  padding: 8px 20px;
  font-weight: bold;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out; }
  .btn.primary {
    background-image: linear-gradient(-180deg, #02B3CE 5%, #02879C 100%);
    background-color: #01879C;
    border-color: rgba(17, 80, 95, 0.7);
    color: #fff;
    text-shadow: none; transition: all 0.3s ease-in-out;}
    .btn.primary:visited {
      color: #fff; }
    .btn.primary:hover {
      color: #fff; /* Rectangle 11 Copy 17: */
      background-image: linear-gradient(-180deg, #02B3CE 5%, #02879C 50%);
      transition: all 0.3s ease-in-out;
}
    .btn.primary:focus {
      box-shadow: 0 #000000 50%; }

/* ajax loader starts */
#divLoading{display : none;}
#divLoading.hide{display : none;}
#divLoading.show { display : block; position : fixed; z-index: 100; background-image : url('../images/StarLoader.gif'); background-color:#000; opacity : 0.8; background-repeat : no-repeat; background-position : center; left : 0; bottom : 0; right : 0; top : 0; }
/* ajax loader ends */
.alert.custom{margin: 0 0 10px 0; width: 100%;}
.display-none{display: none;}
@media only screen and (max-width: 768px) {
   .stride_login_form .form_box .nav-tabs > li.active > a, .stride_login_form .form_box .nav-tabs > li > a{ font-size:11px;}

   .stride_login_form .form_box .left_box{padding: 0px !important;}
}
@media only screen and (max-width: 767px) {
.student_div ul li{font-size:12px;}
}

.forgot_password, .help_logging {
	font-size: 16px;
	text-decoration: underline;
	margin-left: 38px;
}
.forgot_password:hover, .help_logging:hover {text-decoration:underline;}

@media screen and (max-width: 480px) {
    .forgot_password, .help_logging {
        font-size:12px;
		margin-left: 9px;
    }
    .stride_login_form .form_box .nav-tabs > li.active > a, .stride_login_form .form_box .nav-tabs > li > a{ font-size:10px;padding: 10px 4px;}
}

.select-style  select {
  font: 400 12px/1.3 sans-serif;
  -webkit-appearance: none;
  appearance: none;
  color: var(--baseFg);
  border: 1px solid var(--baseFg);
  line-height: 1;
  outline: 0;
  padding: 0.65em 2.5em 0.55em 0.75em;
  border-radius: var(--radius);
  background-color: var(--baseBg);
  background-image: linear-gradient(var(--baseFg), var(--baseFg)),
  linear-gradient(-135deg, transparent 52%, var(--accentBg) 52%),
  linear-gradient(-225deg, transparent 52%, var(--accentBg) 52%),
  linear-gradient(var(--accentBg) 44%, var(--accentFg) 44%);
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
  background-size: 1px 100%, 20px 22px, 20px 22px, 20px 100%;
  background-position: right 20px center, right bottom, right bottom, right bottom;  
  height: 40px;
	margin: 14px 0;
width: 225px;
}

.theme-construction {
  --radius: 0;
  --baseFg: #000;
  --baseBg: #fff;
  --accentFg: #fff;
  --accentBg: #000;
}
.family-edition-h1{margin-bottom: 5px !important;}
.signup-btn-family-edition{font-weight: bold;font-size: 15px;text-decoration: underline;color:#01879C;}
.btn.family-login {margin-top: 15px;padding:8px 30px;}
.stride_login_form .stride-student.family-edition{padding:0px 25px 150px;}

.ing {font-weight: bold; font-style: italic; font-size: 16px;}
.panel-answer{display: inline; font-weight: 500; font-size: 16px;}
.panel-text{display: inline; font-weight: 100; font-size: 15px;}

/*Hem 3/12/20*/
.ftr-logo { width: 110px;  margin-bottom: 10px;}
.footer-logo .ftr-logo { float: left; margin-right: 15px;}
.copyright-text p {clear: both;font-size: 14px;}
.footer-logo a { font-size: 15px; position: relative; top: 0px;display: table;	}
body {  background-image: url(../images/bg-login.jpg);}
.footer-logo a img { width: 14px; margin-left: 5px;    margin-top: 3px;}
.footer_link span img { width: 14px; float: right;margin-left: 5px;    margin-top: 3px;}
.footer_link span {    display: inline-block;}
.footer_link { margin-top: 8px;}
.footer_link a { font-size: 14px;}
p.sub-text img { width: 14px;  margin-left: 5px;}
/*End*/

.logo-v img{width:300px}