@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');

.asset-app-icon-header {
    background-image: url("../img/index-logo-32.svg");
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.asset-index-welcome-image-large {
    background-image: url( '../img/index-welcome-image-desktop.svg' ); 
    background-size : contain; 
    background-repeat:no-repeat;
    background-position:right;
    max-height: 500px;
}

.asset-index-welcome-image-small {
    background-image: url( '../img/index-welcome-image-mobile.svg' ); 
    background-size : contain; 
    background-repeat:no-repeat;
    background-position:right;
}

.asset-profile-default-image {
    background-image: url( '../img/profile-user-default-image.svg' ); 
    background-size : contain; 
    background-repeat:no-repeat;
    background-position:center;
    max-width: 128px;
    min-width: 128px;
    max-height: 128px;
    min-height: 128px;
    width:128px;
    height:128px;
}
.asset-profile-default-image i {
    display:none;
    right: -96px;
    bottom: -96px;
    position: relative;
    cursor: pointer;
}
.asset-profile-default-image:hover i{
    display:block;
    cursor: pointer;
}
.asset-profile-avatar-image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 128px;
    height: 128px;
    border-radius: 50%;
}
.asset-profile-avatar-image i {
    display:none;
    right: -96px;
    bottom: -96px;
    position: relative;
    cursor: pointer;
}
.asset-profile-avatar-image:hover i{
    display:block;
    cursor: pointer;
}

.asset-profile-default-male-image {
    background-image: url( '../img/profile-user-default-image-male.svg' ); 
    background-size : contain; 
    background-repeat:no-repeat;
    background-position:center;
    max-width: 128px;
    min-width: 128px;
    max-height: 128px;
    min-height: 128px;
    width:128px;
    height:128px;
}

.asset-profile-default-male-image-small {
    background-image: url( '../img/profile-user-default-image-male.svg' ); 
    background-size : contain; 
    background-repeat:no-repeat;
    background-position:center; 
    max-width: 32px;
    min-width: 32px;
    max-height: 32px;
    min-height: 32px;
    width:32px;
    height:32px;
}

.asset-profile-default-female-image {
    background-image: url( '../img/profile-user-default-image-female.svg' ); 
    background-size : contain; 
    background-repeat:no-repeat;
    background-position:center;
    min-width: 128px;
    min-width: 128px;
    max-height: 128px;
    min-height: 128px;
    width:128px;
    height:128px;
}

.asset-profile-default-female-image-small {
    background-image: url( '../img/profile-user-default-image-female.svg' ); 
    background-size : contain; 
    background-repeat:no-repeat;
    background-position:center;
    max-height: 128px;
    min-height: 128px;
    width:32px;
    height:32px;
}