@font-face
{
font-family: Rockwell;
src: url('../fonts/Rockwell.eot'),
url('../fonts/Rockwell.ttf');
}
/*
* altered by Karuna
* added display : none
*/
.overlay{
position: fixed;
top: 0px;
left: 0px;
right: 0px;
opacity: 0.6;
z-index: 10;
height: 100%;
width: 100%;
background-color: white;
display: none;
}
/*
* altered by Karuna
* Commented top and left
* added display : none
*/
.createprofile-heading{
display: inline-block;
font-family: rockwell;
color: #c0303a;
height: 45px;
width: 70%;
font-size: 1.25em;
line-height: 25px;
margin-top: 30px;
}
.notification-area{
font-family: arial;
font-size: 1.05em;
margin-left: 1%;
}
.modal-title{
height: 41%;
width: 100%;
margin-left: 6%;
}
.username {
display: block;
font-family: arial;
font-size: 1em;
margin-left: 1%;
color: #5d5d5d;
margin-top: 6px;
}
/* .email {
display: block;
margin-top: 15px;
margin-left: 1%;
width: 400px;
font-family: rockwell;
font-size: 1.5em;
color: #c02f3c;
height: 200px;
} */
/*
* `input-group` has been replaced by `#user-profile-modal .form-item`
*/
#user-profile-modal .form-item{
height:20%;
}
#user-profile-modal .form-item label{
font-size: .9em;
/* display:inline-block; */
font-family: arial;
}
#user-profile-modal .form-item input{
background: #ece9e3;
border: 1px solid #d0c8ba;
width: 100%;
padding: 10px 15px;
}
/*
* New styles
*/
#account-user-welcome-form, #account-user-welcome-form > div{
height: 100%;
}
#account-user-welcome-form .form-required {
display:inline;
}
.input button
{
display:block;
margin:0px auto;
}
.createprofile-section{
width: 90%;
height: 80%;
float: left;
margin-left: 7%;
}
.profile-submit-button{
/* 	position: relative;
height: 12%;
width: 30%;
color: white;
font-size: 1.25em;
background-color: #75a0d5;
font-family: arial;
border: 0px;
border-radius: 3px;
margin-right: 2%;
cursor: pointer;
display: block;
margin: 0px auto;
margin-top: 0px;
margin-left: 67%; */
}
/* .close-modal{
display: inline-block;
width: 41px;
height: 39px;
background-image: url('../images/close.png');
float: right;
margin-top: -4%;
margin-right: 2%;
background-position: -837px -2px;
} */
/**Styles for second modal**/
.close-modal-profile{
display: inline-block;
width: 45px;
height: 45px;
background-image: url('../images/close.png');
float: right;
margin-top: -4%;
margin-right: -5%;
background-position: -834px -43px;
}
.profile-title{
height: 23%;
border-bottom: solid 2px #dce8f6;
width: 96%;
margin: 0px auto;
}
.profile-photo{
position: relative;
top: 18px;
width: 71px;
height: 70px;
border-radius: 98px;
background-image: url('../images/default_profile_pic.png');
float: left;
}
.profile-message{
float: left;
width: 35%;
height: 75%;
margin-left: 1%;
margin-top: 10px;
}
.profile-instructions{
float: left;
width: 45%;
height: 75%;
margin-left: 2%;
}
.message1{
display: block;
font-family: rockwell;
color: #bf313d;
margin-top: 20px;
font-size: 1.8em;
}
.message2{
font-family: arial;
font-size: 0.9em;
color: #626262;
}
.instruction1{
display: block;
font-family: arial;
font-size: 1em;
color: #626262;
margin-top: 36px;
}
.instruction2{
font-family: arial;
font-size: 1em;
color: #626262;
}
.profile-form-heading{
display: block;
font-family: rockwell;
color: #bf313d;
margin-top: 13px;
font-size: 19px;
margin-left: 2%;
}
.profile-form{
/* height:70%; */
height:475px;
margin-top: 10px;
}
.form-block{
height: 80%;
width: 47%;
float: left;
margin-left: 2%;
}
/*.input-group-profile{
margin-top:3%;
height:20%;
}
.input-group-profile select{
font-size: 1em;
font-family: arial;
height:50%;
width:100%;
border:solid 2px #bababa;
background-color: #f7f7f7;
}
.input-group-profile label{
font-size: 1em;
display:inline-block;
font-family: arial;
font-size: 15px;
}
.input-group-profile input{
height: 45%;
margin-top: 0.5%;
width: 98.5%;
border: solid 2px #d7d7d7;
background-color: #f7f7f7;
}*/
.modal-button {
position: relative;
float: right;
height: 10%;
width: 22%;
color: white;
font-size: 1em;
background-color: #75a0d5;
font-family: arial;
border: 0px;
border-radius: 3px;
margin-right: 2%;
cursor: pointer;
font-weight: bold;
margin-top: 0px;
}
.modal-button-later{
position: relative;
float: right;
height: 10%;
width: 22%;
color: #2679bb;
font-size: 1em;
background-color: #ffffff;
font-family: arial;
border: 0px;
border-radius: 3px;
margin-right: 2%;
cursor: pointer;
border: solid 2px #74a2d4 !important;
font-weight: bold;
margin-top: 50px;
}
@media only screen and (max-width : 1110px){
.instruction1{
font-size:.8em;
}
.instruction2{
font-size:.8em;
}
}
@media only screen and (max-width : 1100px){
.message1{
font-size: 1.3em;
}
.message2{
font-size:.8em;
}
}
@media only screen and (max-width : 1020px){
.profile-instructions{
width:44%;
}
.instruction1{
font-size: .7em;
}
.instruction2{
font-size: .7em;
}
.input-group-profile label{
font-size:.95em;
}
.modal-button{
font-size:.85em;
}
.modal-button-later{
font-size:.85em;
}
}
@media only screen and (max-width : 990px){
.message1{
font-size: 1em;
}
.message2{
font-size:.6em;
}
.profile-instructions{
width:40%;
}
.input-group-profile label{
font-size:.80em;
}
.profile-form-heading{
font-size:.85em;
}
}
@media only screen and (max-width : 900px){
.instruction1{
font-size: .6em;
}
.instruction2{
font-size: .6em;
}
.modal-button{
font-size:.80em;
}
.modal-button-later{
font-size:.80em;
}
.profile-form-heading{
font-size:.80em;
}
}
@media only screen and (max-width : 850px){
.modal-button{
font-size:.70em;
}
.modal-button-later{
font-size:.70em;
}
}
@media only screen and (max-width : 780px){
.profile-instructions{
width:38%;
}
.modal-button{
font-size:.55em;
}
.modal-button-later{
font-size:.55em;
}
}
/*New styles*/
#account-mentoring-preference-form, #account-mentoring-preference-form > div, #account-mentoring-preference-form .fieldset-wrapper {
height:100%
}
#account-mentoring-preference-form .form-required {
display:inline;
}
#account-mentoring-preference-form fieldset {
padding:0;
margin-right:0;
border:0;
height:70%;
}
#account-mentoring-preference-form .form-item select{
width:100%;
background: #ece9e3;
height:45px;
border: 1px solid #d0c8ba;
padding: 9px 10px 9px 10px;
display: block;
cursor: pointer;
color: #666464;
line-height: normal;
-webkit-appearance: none;
border-radius: 3px;
-webkit-transition: 200ms cubic-bezier(.19,1,.22,1);
transition: 200ms cubic-bezier(.19,1,.22,1);
}
#account-mentoring-preference-form .form-item label{
font-size: 1em;
display:inline-block;
font-family: arial;
font-size: 13px;
}
#account-mentoring-preference-form .form-item input{
background: #ece9e3;
width: 100%;
}
#account-mentoring-preference-form input[type=text]{
padding: 10px 15px;
border: 1px solid #d0c8ba;
}
#account-mentoring-preference-form .form-checkbox {
height:auto !important;
width:auto !important;
margin-right:0;
}
#account-mentoring-preference-form .form-type-checkbox {
display:inline-block;
}
#account-mentoring-preference-form .form-type-checkbox  label{
font-size:12px;
}
#s2id_edit-mentoring-days.select2-container-multi .select2-choices .select2-search-choice,#s2id_edit-mentoring-interests.select2-container-multi .select2-choices .select2-search-choice {
border: 1px solid #A5DCF3;
background: #F2F7FD;
line-height: 21px;
font-size: 0.8em;
}
#s2id_edit-mentoring-days ul,#s2id_edit-mentoring-interests ul{
/* height: 45%; */
margin-top: 0.5%;
width: 98.5%;
border: solid 2px #d7d7d7;
/* background-color: #f7f7f7; */
background: #FFF;
}
#s2id_edit-mentoring-interests.select2-container-multi .select2-search-choice-close,#s2id_edit-mentoring-days.select2-container-multi .select2-search-choice-close{
top:7px;
}
.form-item-other-employer, .form-item-other-city, .specify-city-group, .specify-employer-group {
display: none;
}
#user-profile-modal{
top: 23%;
left: 30%;
width: 40%;
height: 54%;
}
@-moz-document url-prefix() {
#user-profile-modal{
top: 19%;
left: 30%;
width: 40%;
height: 62%;
}
}
#user-profile-modal .form-item .error {
background: rgba(255,28,56,.2) !important;
}
#user-profile-modal .form-submit{
float:right;
margin-top: 5px;
margin-bottom: 5px;
}
#user-profile-modal .welcome-msg{
color: #c1313b;
line-height: normal;
font-size: 1.6em;
font-weight: 700;
}
#user-profile-modal .mail_part{
color: #c1313b;
line-height: normal;
font-size: 1.3em;
font-weight: 600;
}
#user-profile-modal .info-msg{
line-height: 3.5;
font-size: 1.2em;
font-weight: 500;
}
#user-profile-modal .modal-close{
right: 30.5%;
top: 23.5%;
}
#user-profile-modal-complete .form-header{
color: #c1313b;
line-height: normal;
font-size: 1.2em;
font-weight: 600;
}
#user-profile-modal-complete .form-header{
margin-top:5px;
}
#user-profile-modal-complete .child-left-block{
width:100%;
float:left;
}
#user-profile-modal-complete .child-right-block{
width:100%;
float:left;
}
#user-profile-modal-complete .instruction{
font-size: 1em;
font-weight: 700;
color: #626262;
margin-top:5px;
}
#user-profile-modal-complete .form-submit{
float: right;
margin-top: 5px;
margin-bottom: 5px;
}
#user-profile-modal-complete .profile-image{
float: left;
width: 80px;
height: 80px;
padding: 5px;
margin-bottom: 10px;
}
#user-profile-modal-complete .profile-image .image{
width:100%;
height:100%;
}
#user-profile-modal-complete .profile-image .image img{
width:100%;
height:100%;
}
#user-profile-modal-complete .success-message{
float: left;
}
#user-profile-modal-complete .message-first{
color: #c1313b;
line-height: normal;
font-size: 1.6em;
font-weight: 800;
}
#user-profile-modal-complete .success-message{
margin-left:12px;
margin-top:16px;
}
#account-mentoring-preference-form .form-item{
margin-top:1%;
margin-bottom:1%;
}
#account-mentoring-preference-form .error{
background: rgba(255,28,56,.2) !important;
color: #8c2e0b !important;
}
@media (max-width: 875px){
#user-profile-modal{
top: 23%;
left: 10%;
width: 80%;
height: 54%;
}
#user-profile-modal .welcome-msg{
font-size: 1.3em;
}
#user-profile-modal .mail_part{
font-size: 1.1em;
}
#user-profile-modal .info-msg{
font-size: 1.2em;
line-height: 2.5;
}
#user-profile-modal .modal-close{
right: 12%;
}
#user-profile-modal-complete .child-left-block{
width:100%;
float:left;
}
#user-profile-modal-complete .child-right-block{
width:100%;
float:left;
margin-left:auto;
}
}