@media only screen and (max-width : 1024px) {
	.vibrate-icon {
		padding-top: 6px;
	}
    .vibrate-icon img {
		width:22px;
	}
 }
 
 @media only screen and (min-width : 1025px) {
	.vibrate-icon {
		padding-top: 8px;
	}
     .vibrate-icon img {
		width:24px;
	}
 }
 
 @media only screen and (min-width : 2500px) {
	.vibrate-icon{
		padding-top: 8px;
	}
     .vibrate-icon img{
         width:24px;
	}
 }


.element-margin-top {
    margin-top:40px;
}
.element-margin-bottom {
    margin-bottom: 40px;
}


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


.defaults-edit-user {
    display: inline-block;
    width:100%;
    padding-bottom: 15px;
}


#avatars_dialog .modal-body{
    text-align: center;
}

#avatars_dialog ul{
    margin-bottom:0;padding-left: 0;
}

.options-andorid-note {
    margin: 5px 0;
    color:#ff9999;
}


.options-avatar {
    border-radius: 100%;
    margin:8px;
    cursor: pointer;
    box-shadow: black -2px 1px 4px 1px;
    position:relative;
    width:65px;
    height: 65px;
}

.options-avatar-main {
    background-color: white;
}

.options-avatar-dialog {
    background-color: rgb(125, 125, 125);
    display: inline-block;
}
.options-avatar-dialog img{
    position:absolute;
    top:0;
    left:0;
}

.options-avatar img{
    border-radius: 100%;
    padding: 3px;
    height: 65px;

}

.options-avatar span {
    position: absolute;
    bottom: -10px;
    color: white;
    background-color: #1d8ca1;
    padding: 0 4px;
    border-radius: 5px;
    font-weight: bold;
    font-size: 14px;
}


.premium-avatar-label {
    background-color: #a19033 !important;
}
.purchased-avatar-label {
    background-color: #268013 !important;
}
.basic-avatar-label {
    background-color: #1d8ca1 !important;
}


.options-avatar-selected {
    border: none !important;
}
.options-avatar-selected img {
    background-color: white;
}


.options-choose-avatar-img {
    -webkit-animation-name: show_avatar; /* Chrome, Safari, Opera */
    -webkit-animation-duration: .5s; /* Chrome, Safari, Opera */
    animation-name: show_avatar;
    animation-duration: .5s;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes show_avatar {
    from {opacity: 0;}
    to {opacity: 1;}
}

/* Standard syntax */
@keyframes show_avatar {
    from {opacity: 0;}
    to {opacity: 1;}
}