@font-face {
    font-family: 'museo_sans500';
    src: url('../../fonts/museosans/museosans_500.eot');
    src: url('../../fonts/museosans/museosans_500.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/museosans/museosans_500.woff2') format('woff2'),
         url('../../fonts/museosans/museosans_500.woff') format('woff'),
         url('../../fonts/museosans/museosans_500.ttf') format('truetype'),
         url('../../fonts/museosans/museosans_500.svg#museo_sans500') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'museo_sans100';
    src: url('../../fonts/museosans/MuseoSans_100-webfont.eot');
    src: url('../../fonts/museosans/MuseoSans_100-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/museosans/MuseoSans_100-webfont.woff2') format('woff2'),
         url('../../fonts/museosans/MuseoSans_100-webfont.woff') format('woff'),
         url('../../fonts/museosans/MuseoSans_100-webfont.ttf') format('truetype'),
         url('../../fonts/museosans/MuseoSans_100-webfont.svg#museo_sans100') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'museo_sans300';
    src: url('../../fonts/museosans/museosans-300.eot');
    src: url('../../fonts/museosans/museosans-300.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/museosans/museosans-300.woff2') format('woff2'),
         url('../../fonts/museosans/museosans-300.woff') format('woff'),
         url('../../fonts/museosans/museosans-300.ttf') format('truetype'),
         url('../../fonts/museosans/museosans-300.svg#museo_sans300') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'museo_sans700';
    src: url('../../fonts/museosans/museosans-700.eot');
    src: url('../../fonts/museosans/museosans-700.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/museosans/museosans-700.woff') format('woff'),
         url('../../fonts/museosans/museosans-700.ttf') format('truetype'),
         url('../../fonts/museosans/museosans-700.svg#museo_sans700') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	background-color: #EFEFEF;
}

.fa-registered {
	vertical-align: super; 
	font-size: 5px;
	padding-left: 2px;
}

.tight-left {
	padding-left: 0px;
}

.tight-right {
	padding-right: 0px;
}

.white-row {
	background-color: white;
	padding-left: 80px;
	padding-right: 80px;
}

.white-row-50 {
	background-color: white;
	padding-left: 50px;
	padding-right: 50px;
}

.white-row-nopad {
	background-color: white;
}

.grey-row-nopad {
	background-color: #efefef;
}

.sep-line {
	border-top: 1px solid #CCC;
	left: -3%;
	position: relative;
	width: 106%;
	margin-top: 42px;
}
.sep-line-small {
	border-top: 1px solid #CCC;
	position: relative;
	margin-left: 30px;
	margin-right: 30px;
}

#studymate_header, #studymate_loggedin_header {
	color: white;
	background-color: #FA7D0F;
	font-family: 'museo_sans700';
	font-size: 20px;
	height: 48px;	
	padding-top: 10px;
	padding-bottom: 12px;
	text-align: center;
	display: block;	
	cursor: pointer;
}

.blueheader {
	color: white;
	background-color: #1C3F53;
	height: 48px;	
	display: block;
}

#login-question {
	font-family: 'museo_sans300';
	font-size: 14px;
	color: white;
	float: right;
	padding-top: 12px;
}

#mobile-navbar-text {
	font-family: 'museo_sans300';
	font-size: 14px;
	color: white;
	margin-right: 0px;
}

#register-user-button {
	font-family: 'museo_sans300';
	font-size: 14px;
	padding-top: 12px;
}

#login-user-button {
	font-family: 'museo_sans300';
	font-size: 14px;
	color: #FA7D0f;
	float: right;
	padding-top: 12px;
	padding-right: 24px;
	outline: 0;
}

.sm-general-link {
	font-family: 'museo_sans300';
	font-size: 14px;
	color: #FA7D0f;
}

.footer-link {
	font-family: 'museo_sans500';	
	font-size: 16px;
	color: #333!important;
	padding-left: 0px!important;
	outline: 0;
}

.footer-link:hover, .footer-link:active, .footer-link:focus, .footer-link:focus:active {
	outline:0;
}

.footer-link-divider {
	color: #CCC;
	padding-left: 15px;
}


.footer-row-top {
	padding-top: 24px;
}

.footer-row-bottom {
	padding-bottom: 60px;
}


.footer-row .navbar {
	margin-bottom: 0px;
}

.footer-link:hover {
	font-family: 'museo_sans500';	
	font-size: 16px;
	color: #333;
	float: left;
}

#copyright-line {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #666; 
}

#respondus-logo {
	float: right;
}

#studymate-footer-text {
	font-family: 'museo_sans300';	
	font-size: 16px;
	color: #666;
	float: right;
	padding-top: 5px;
}

.no-edge {
	padding-left: 0px;
	padding-right: 0px;
}

select.error, textarea.error, input.error, select.errorOnForm, textarea.errorOnForm, input.errorOnForm {
    border-style: solid;
    border-color: #861814;
    border-radius: 0px;
}

label.error, label.errorOnForm {
	color: #861814!important;
	background-color: #fef0f0;
	font-weight: 700;
}

#login-user .modal-dialog {
	width: 30%;
	min-width: 250px;
}



#login-footer-text {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #999; 
}

.login-footer-signup {
	clear: both;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #999; 
	text-decoration: underline;
	cursor: pointer;
}

#login-user .modal-header {
	border: none;
	padding-bottom: 0px;
}

#login-user .modal-footer {
	background-color: #efefef;
}



.login-modal-title {
	font-family: 'museo_sans500';	
	font-size: 16px;
	color: #333;
}

.btn-large-orange {
	background: #d57512;
	background-image: -webkit-linear-gradient(top, #d57512, #c35911);
	background-image: -moz-linear-gradient(top, #d57512, #c35911);
	background-image: -ms-linear-gradient(top, #d57512, #c35911);
	background-image: -o-linear-gradient(top, #d57512, #c35911);
	background-image: linear-gradient(to bottom, #d57512, #c35911); 
	-webkit-border-radius: 6; -moz-border-radius: 6; border-radius: 6px; 
	text-shadow: 1px 1px 1px #666666; 
	font-family: 'museo_sans500'; 
	color: #ffffff; 
	font-size: 14px; 
	padding: 13px 20px 13px 20px; 
	text-decoration: none; 
	outline: none;
	} 

.btn-large-orange:hover, .btn-large-orange:focus, .btn-large-orange:active, .btn-large-orange:active:focus { 
	background: #d57512; 
	text-decoration: none; 
	color: #ffffff; 
	outline: none
	}

.login-username-alert {
	clear: both;
	position: relative;
	top: 5px;
	color: #861814;
	background-color: #fef0f0;
	font-weight: 700;
	padding: 10px;
}

.userEmail {
	display:none;
}

.resend-email {
	text-decoration: underline;
	cursor: pointer;
}

.reset-button-group, .reset-username-button-group {
	display: none;
}

.reset-text, .reset-username-text {
	font-family: 'museo_sans500';	
	font-size: 12px;
	color: #666;	
	line-height: 1.5;
	display: block;
}

.reset-text-email, .reset-username-text-email {
	font-family: 'museo_sans500';	
	font-size: 12px;
	color: #666;
	line-height: 1.5;
	display: none;
}

.reset-button, .reset-username-button {
	margin-top: 15px;	
}

.cancel-forgot-password, .cancel-username-forgot-password {
	cursor: pointer;
	text-decoration: underline;
	float: right;
	margin-top: 25px;
	margin-right: 15px;
	color: #666;
}

#terms-close-button {
	cursor: pointer;
	text-decoration: underline;
	color: #666;
}


.spinner {
  margin: 50px;
  height: 18px;
  width: 18px;
  animation: rotate 0.8s infinite linear;
  border: 8px solid #999;
  border-right-color: transparent;
  border-radius: 50%;
}

.spinner-well {
	background: #efefef;
	border: solid 1px #ccc;
	padding: 10px;
	height: 50px;
	display: none;
}

.side-spinner {
  height: 18px;
  width: 18px;
  animation: rotate 0.8s infinite linear;
  border: 8px solid #999;
  border-right-color: transparent;
  border-radius: 50%;
  float: left;
}

.spinner-text {
	float: left;
	margin-left: 10px;
	margin-top: 5px;
	font-family: 'Open Sans', sans-serif;
	color: #333333; 
	font-size: 13px;		
}

@keyframes rotate {
  0%    { transform: rotate(0deg); }
  100%  { transform: rotate(360deg); }
}

#login-user {	
	margin-top: 2%;
	width: 300px;
	position: fixed;
	left: auto;
	right: 0.3%;
}

.form-control:focus {
  border-color: #ccc;
  box-shadow: none;
}

#login-user .modal-content {
	border-radius: 0px;
}

.form-group input {
	border-radius: 0px;
}

.modal {
	overflow: hidden;
}

.modal h4 {
		color: #333;
		font-family: 'museo_sans300';
		font-size: 28px;
		margin: 0; padding: 0;
		padding-top: 15px;
	}

.modal-open{
       margin-right:0px;
     }
     
.modal-open .modal {
	overflow-y: hidden;
}

.term-modal-header {
	background: #EFEFEF;
	color: #333;
	border-bottom: 1px solid #CCC;
	padding-left: 38px;
	padding-right: 16px;
}

.term-modal-header .close {
	opacity: 1;	
}

.term-modal-header .close span {
	text-shadow: none;
}


.term-modal-body {
	background: #fff;
	background-image:url(../../images/psm/bg_gradient.png);
	background-repeat: repeat-x;
	background-position: bottom;
	
	max-height: 60vh;
	overflow-y: auto;
	padding-left: 38px;
	padding-right: 38px;
	padding-bottom: 5px;
	padding-top: 20px;
}

.term-modal-footer {
	background: #ffffff;
	padding-left: 38px;
}

.term-modal-content {
	border-radius: 0;
}

.login-dropdown {
	font-family: 'museo_sans300';
	font-size: 14px;
	color: #FA7D0f!important;	
	/*padding-top: 12px!important;*/
	padding-right: 35px!important;
	outline: 0;
	cursor: pointer;
}

.login-dropdown:hover, .login-dropdown:focus, .login-dropdown:active, .login-dropdown:focus:active {
	background-color: #1C3F53!important;
	color: #FA7D0f;		
}

.nav .open > .login-dropdown {
	background-color: #1C3F53!important;
	color: #FA7D0f;		
}


.login-menu {
	width: 295px;
	border-radius: 0px;
	padding-bottom: 0px;
}

.login-body {
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 40px;	
}

.login-footer {
	background-color: #efefef;
	padding: 15px;
}

.forgot-password {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #333; 
	float: left;	
	text-decoration: underline;
	cursor: pointer;	
	padding-top: 15px;
}

#forgot-sep {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #333; 
	float: left;
	padding-top: 15px;	
	padding-left: 5px;
	padding-right: 5px;
}


.forgot-username {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #333; 
	float: left;	
	text-decoration: underline;
	cursor: pointer;	
	padding-top: 15px;
}

.login-button {
	margin-top: 25px;
	width: 110px;
}

#login-footer {
	background-color: #efefef;
}


.header-right {
	float: right;
	color: #1C3F53;
	padding: 14px 38px 0px 0px;	
}

.header-right .fa {
	margin-left: 5px;
}

.header-right a {
	color: white;
	padding-left: 26px;
	text-decoration: none;
	cursor: pointer;
}

.header-right a:hover {
	color: #ccc;
	text-decoration: none;
}

.header-right i {
	font-size: 16px;
	position: relative;
	top: 2px;
}

#project-user {
	display: inline;
}

#search-text {
	color: white!important;
	background-color: #1C3F53;
}

.user-info-btn {
	border: 0;
	color: white;
	padding-left: 26px;
	text-decoration: none;
	background-color: #1C3F53;
	font-family: 'museo_sans500';
	font-size: 13px;
	color: white;
}

#user-1:hover {
	color: #ccc;
}


.user-info-btn:focus {
	outline: none;
}

.user-info-btn[aria-expanded="true"] {
  text-decoration: none;
}

.user-info-item {
	text-decoration: underline;
	color: #c15317;
}

.user-dropdown-item {
	font-family: 'Open Sans', sans-serif!important;
	color: #666!important; 
	font-size: 12px!important;	
	padding-top: 8px!important;
	padding-bottom: 8px!important;	
	padding-left: 18px!important;	
	text-align: right;
}

.user-dropdown-item:hover {
	font-family: 'Open Sans', sans-serif!important;
	color: #666!important!important; 
	font-size: 12px!important;	
	padding-top: 8px!important;
	padding-bottom: 8px!important;	
	padding-left: 18px!important;	
}

.header-launch {
	font-family: 'museo_sans500';
	font-size: 13px;
	color: white;
}

#iframe-div {
	margin-top: 40px;
}

#logo-footer {
	display: grid;
}

#mobile-nav-header {
	background-color: #1C3F53;
}

#mobile-nav-brand {
	background-color: #FA7D0f;
	color: white;
	width: 150%;
	font-family: 'museo_sans700';
	font-size: 20px;
	text-align: center;
	display: block;	
	cursor: pointer;
	
}

#mobile-navbar-left {
	display: none;
}

.navbar {
	margin-bottom: 0px;
	border-radius: 0px;
	border: 0;
}

#header-desktop-div {
		display:none;
	}
	
#mobile-login {
	display: none;
}	

#mobile-larger-device-alert {
	background-color: #f2dede;
	color: #b40000;
	border: 1px solid #b40000;
}

#mobile-get-started {
	display: none;
}

/* --------------------------------------- */
/* MODAL CONTENT */

#abuse-header-text {
	color: #666;
	font-family: 'museo_sans500';
	font-size: 14px;
	text-align: left;
	font-weight: 500;
}

.modal-content label {
	color: #666;
	font-family: 'museo_sans500';
	font-size: 14px;
	text-align: left;
	font-weight: 500;
}

.modal-header {
	background: #EFEFEF;
	color: #333;
	border-bottom: 1px solid #CCC;
	padding-left: 38px;
	padding-right: 16px;
}

.modal-header .close {
	opacity: 1;	
}

.modal-header .close span {
	text-shadow: none;
}


.modal-body {
	background: #fff;
	background-image:url(../../images/psm/bg_gradient.png);
	background-repeat: repeat-x;
	background-position: bottom;
	
	max-height: 60vh;
	overflow-y: auto;
	padding-left: 38px;
	padding-right: 38px;
	padding-bottom: 5px;
	padding-top: 20px;
}

.modal-footer {
	background: #ffffff;
	padding-left: 38px;
}

.modal-content {
	border-radius: 0;
}

.modal-content .form-control {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.btn-cancel {
	border: none;
	color: #666!important;
	text-decoration: underline!important;	
	font-family: 'museo_sans700';
	font-size: 14px;
	margin-top: 3px; 
	margin-left: 38px!important;
}

.btn-cancel:hover, .btn-cancel:focus { background: transparent; text-decoration: none; color: #666; }

.btn-primary {
	background: #d57512!important;
	border-color: #d57512!important;
	background-image: -webkit-linear-gradient(top, #d57512, #c35911);
	background-image: -moz-linear-gradient(top, #d57512, #c35911);
	background-image: -ms-linear-gradient(top, #d57512, #c35911);
	background-image: -o-linear-gradient(top, #d57512, #c35911);
	background-image: linear-gradient(to bottom, #d57512, #c35911); 
	-webkit-border-radius: 6; 
	-moz-border-radius: 6; 
	border-radius: 6px; 
	text-shadow: 1px 1px 1px #666666; 
	font-family: 'museo_sans500'; 
	color: #ffffff; 
	font-size: 14px; 
	padding: 10px 20px 10px 20px; 
	text-decoration: none; 
	margin-left: 0px!important;
}

.btn-primary:hover, .btn-primary:focus { background: #d57512!important; text-decoration: none; color: #ffffff; }

.modal-footer .btn {float: left;}
	
.modal-footer .btn:first-of-type {margin-left: -4px; padding-left: 15px; padding-right: 15px;}

.modal textarea {
		width: 100%;
		resize: none;
		height: 100px;		
		color: #000000;
	}
	
.modal textarea:focus {
	outline: none !important;
   	border:1px solid #CCC;
   	box-shadow: 0 0 3px #CCC;
}

.modal input:focus {
	outline: none !important;
   	border:1px solid #CCC;
   	box-shadow: 0 0 3px #CCC;
}
	
.modal select {
	width: 89%;
	resize: none;		
	color: #000000;
	margin-bottom: 20px;
}

.modal select:focus {
	outline: none !important;
   	border:1px solid #CCC;
   	box-shadow: 0 0 3px #CCC;
}

.mobile-menu-option {
	color: white!important;	
	font-family: 'museo_sans300';
	font-size: 16px;
}

/* --------------------------------------- */

@media (max-width:991px) and (min-width:768px) {
	.white-row {
		padding-left: 10px;
		padding-right: 10px;	
	}
	
	.sep-line {
		left: 1%;
		width: 98%;
	}
}

@media (max-width: 767px) {
	
	.white-row {
		padding-left: 10px;
		padding-right: 10px;	
	}
	
	#login_header {
		display:none;
	}
	
	#mobile-login {
		display: block;
	}	
	#desktop-login {
		display: none;
	}	
	
	#mobile-nav-brand {
		color: #FA7D0f;
		background-color: transparent;
		width: inherit;
	}
	
	#mobile-navbar-text {
		display:none;
	}
	
	#mobile-navbar-left {
		display: block;
	}
	
	#header-desktop-div {
		display:none;
	}
	#mobile-nav-header {
		display: block;
	}
	
	#mobile-get-started {
		display: block;
	}
	
	#respondus-logo, #studymate-footer-text {
		float: left;
	}
	
	.mobile-menu-option {
		color: white!important;	
		font-family: 'museo_sans300';
		font-size: 20px;
	}
	
	.reset-text-email, .reset-username-text-email {
		font-size: 16px;
	}

	
}