@charset "UTF-8";
@import
	url("https://fonts.googleapis.com/css?family=Material+Icons");

#profileCreate .q-field__messages {
  color: #FF676B !important;
  font-size: 13px !important;
}

#profileEdit .q-field__messages {
  color: #FF676B !important;
  font-size: 13px !important;
}


#profileEdit .q-toggle__track {
	height: 0.50em;
    border-radius: 0.25em;
    top: -3px;
    position: relative;
}

.child_bg{
    background-image: url(./profile_child_bg.svg);
    background-repeat: no-repeat;
    background-size: cover;	
}

.normal_bg{
    background-color: #181818;
}
#profileCreate .q-toggle__track {
	height: 0.50em;
    border-radius: 0.25em;
    top: -3px;
    position: relative;
}

#profileCreate *,#profileCreate *:before,#profileCreate *:after {
    box-sizing: inherit;
    -webkit-tap-highlight-color: transparent;
    -moz-tap-highlight-color: transparent
}
#profileEdit  *, #profileEdit *:before, #profileEdit *:after {
    box-sizing: inherit;
    -webkit-tap-highlight-color: transparent;
    -moz-tap-highlight-color: transparent
}
/*for add profile tab*/
.edit_tab{
	background:url(add_profile_step1.svg) no-repeat center center; 
}
.parental_tab{
	background:url(add_profile_step2.svg) no-repeat center center; 
}
.like_tab{
	background:url(add_profile_step3.svg) no-repeat center center; 
}


.password_privacy {
    letter-spacing: 10px;
    text-align:center;
    font-size: 24px;
    font-family: Courier;
    font-weight: 600;
    width: 200px;
    height: 40px;
}

.switchInputType{
  text-decoration-line: underline;
  line-height:70px;
  height:56px;
  vertical-align:bottom;
  padding-left:10px;
  display:table-cell;
  cursor: pointer;	
}



.password_parental {
    letter-spacing: 10px;
    text-align:center;
    font-size: 24px;
    font-family: Courier;
    font-weight: 600;
    width: 172px;
    height: 40px;
}

.popup_private {
    letter-spacing: 10px;
    text-align:center;
    border: 0;
    font-size: 35px;
    font-family: Courier;
    font-weight: 600;
    width: 290px;
    height: 60px;
    box-sizing: border-box;  
}

.popup_parental {
    letter-spacing: 10px;
    text-align:center;
    border: 0;
    font-size: 35px;
    font-family: Courier;
    font-weight: 600;
    width: 290px;
    height:60px;
    box-sizing: border-box;
}

.parental_0, .parental_1{
	background:url(parental_0.svg) no-repeat center center; 
}

.parental_2{
	background:url(parental_6.svg) no-repeat center center; 
}
.parental_3{
	background:url(parental_12.svg) no-repeat center center; 
}
.parental_6{
	background:url(parental_15.svg) no-repeat center center; 
}
.parental_4{
	background:url(parental_18.svg) no-repeat center center; 
}

.portraitBounce-enter-active {
  animation: bounce-in 0.2s;
}
.portraitBounce-leave-active {
  animation: bounce-in 0.2s reverse;
}
@keyframes bounce-in {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}

@media screen and (max-width: 1023px) {
	.parental_0, .parental_1{
		background:url(parental_0_s.svg) no-repeat center center; 
	}
	
	.parental_2{
		background:url(parental_6_s.svg) no-repeat center center; 
	}
	.parental_3{
		background:url(parental_12_s.svg) no-repeat center center; 
	}
	.parental_6{
		background:url(parental_15_s.svg) no-repeat center center; 
	}
	.parental_4{
		background:url(parental_18_s.svg) no-repeat center center; 
	}	
}

@media screen and (max-width: 768px) {

	.popup_private {
        padding-left: 15px;
        letter-spacing: 15px;
        font-size: 35px;
        width: 240px;
        height: 60px;
	}
	.popup_parental {
	    padding-left: 15px;
	    letter-spacing: 15px;
	    font-size: 35px;
	    width: 240px;
	    height: 60px;
	}	
	.parental_0, .parental_1{
		background:url(parental_0_s.svg) no-repeat center center; 
	}
	
	.parental_2{
		background:url(parental_6_s.svg) no-repeat center center; 
	}
	.parental_3{
		background:url(parental_12_s.svg) no-repeat center center; 
	}
	.parental_6{
		background:url(parental_15_s.svg) no-repeat center center; 
	}
	.parental_4{
		background:url(parental_18_s.svg) no-repeat center center; 
	}
		
}