/*
    Hunterz skin

    Common:
    - Content               o-content
    - Header                o-header
    - Header notification   o-header-notification
    - Header profil         o-header-profile
    - Portal                o-portal

    Pages:
    - Account               o-account
    - Dashbord              o-dashboard
    - Login                 o-login
    - Offers                o-offers
    - Referrals             o-referrals
    - New referral          o-referral-new
    - Shop                  o-shop

    Components:
    - Details               o-details
    - Dialog                o-dialog
    - Error                 o-error
    - New notification      o-new-notification
    - Notifications         o-notifications
    - Offer consult         o-offer-consult
    - Offer dashboard       o-offer-dashboard
    - Offer filter          o-offers-filter
    - Offer list            o-offers-list
    - Offer summary         o-offer-summary
    - Refferal dashboard    o-referral-dashboard
    - Refferal list         o-referrals-list
    - New referral          o-referral-new
    - Submit                o-submit-button
    - User summary          o-user-summary
*/

/* #region COMMON */
html, body {
    font-family: 'Montserrat', sans-serif;
    min-height: 100% !important;
    margin: 0;
}

#root {
    min-height: 100% !important;
}

/* #region Google */
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset;
}
/* #endregion Google */

/* #region Primereact */
.p-growl {
    width: 28rem !important;
}

@media screen and (orientation: portrait) and (max-width: 479px),
screen and (orientation: landscape) and (max-width: 959px) {
    .p-growl {
        width: 20rem !important;
    }

    .p-growl.p-growl-topright {
        right: 1rem !important;
    }
}
/* #endregion Primereact */

/* #region CONTENT */
.o-content {
    display: flex;
    flex-direction: row;
}

.o-content-aside {
    flex: 0 0 28%;
    padding: 2rem;
}

.o-content-main {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding: 2rem 0;
}

@media screen and (orientation: portrait) and (max-width: 479px),
screen and (orientation: landscape) and (max-width: 959px) {
    .o-content-aside, .o-content-main {
        padding: 1rem;
    }
}
/* #endregion CONTENT */

/* #region HEADER */
.o-header {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    height: 4rem;
    justify-content: space-between;
}

.o-header-item {
    align-items: center;
    color: #ffffff;
    display: flex;
    height: 100%;
    justify-content: center;
    min-width: 8rem;
    padding: 0 1rem;
    text-align: center;
}

.o-header-item.active {
    background-color: #1e1e21;
}

.o-header-logo {
    background-image: url('/templates/hunterz/media/logohunterz-mini.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 30%;
    cursor: pointer;
    flex: 0 0 6rem;
    text-align: center;
}

.o-header-menu {
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    flex-wrap: nowrap;
}

@media screen and (orientation: portrait) and (max-width: 479px),
    screen and (orientation: landscape) and (max-width: 959px) {
    .o-header {
        color: #ffffff;
        height: 2.5rem;
    }
}

/* #region HEADER NOTIFICATION */
.o-header-notification {
    height: 1.5rem;
    margin-right: .5rem;
    z-index: 100;
}

.o-header-notification-chevron {
    border-left: solid 15px transparent;
    border-right: solid 15px transparent;
    border-bottom: solid 10px #e9e9e9;
    position: absolute;
    height: 0;
    right: 11.5rem;
    top: -10px;
    width: 0;
}

.o-header-notification-chevron2 {
    border-left: solid 15px transparent;
    border-right: solid 15px transparent;
    border-bottom: solid 10px #fff;
    position: absolute;
    height: 0;
    right: 11.5rem;
    top: -8px;
    width: 0;
}

.o-header-notification-list {
    background-color: #fff;
    border: solid 1px #e9e9e9;
    box-shadow: 3px 3px 6px #e9e9e9;
    display: none;
    opacity: 0;
    position: absolute;
    right: 1em;
    top: 5rem;
    transition: opacity 1s linear 1s;
    width: 35rem;
}

.o-header-notification-list.active {
    display: block;
    opacity: 1;
    transition: opacity 1s linear 1s;
}

.o-header-notification-number {
    background-color: #8b3845;
    border-radius: .5rem;
    color: #8b3845;
    cursor: pointer;
    font-size: .7rem;
    font-weight: bold;
    height: .8rem;
    position: relative;
    left: 1.8rem;
    text-align: center;
    top: -1.6rem;
    width: .8rem;
}

.o-header-notification-picture {
    background-image: url('/templates/hunterz/media/notification.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    height: 1.5rem;
    width: 1.5rem;
    margin: 0 1rem;
}

@media screen and (orientation: portrait) and (max-width: 479px),
    screen and (orientation: landscape) and (max-width: 959px) {
    .o-header-notification {
        height: initial;
    }
    
    .o-header-notification-number {
        left: 1.2rem;
        top: -1.4rem;
        width: 1rem;
    }

    .o-header-notification-picture {
        height: 1.3rem;
        width: 1.3rem;
        margin: .8rem .5rem 0 .5rem;
    }

    .o-header-notification-list {
        background-color: #fff;
        border: solid 1px lightgray;
        box-shadow: 3px 3px 6px lightgray;
        display: none;
        opacity: 0;
        right: .5rem;
        top: 6rem;
        transition: opacity 1s linear 1s;
        width: 35rem;
    }
}
/* #endregion HEADER NOTIFICATION */

/* #region HEADER PROFILE */
.o-header-profile {
    align-items: center;
    border-left: solid 1px rgba(144, 147, 143, .2);
    cursor: pointer;
    display: flex;
    padding-left: .5rem;
    flex-direction: row;
    z-index: 100;
}

.o-header-profile-account {
    border-bottom: solid 1px rgba(144, 147, 143, .2);
}

.o-header-profile-account-picture {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    border-radius: 1rem;
    height: 2rem;
    margin: 0 1rem;
    width: 2rem;
}

.o-header-profile-account::before {
    content: '';
}

.o-header-profile-logout::before {
    content:url('/templates/talentsoft/media/logout.svg');
}

.o-header-profile-chevron {
    border-left: solid 15px transparent;
    border-right: solid 15px transparent;
    border-bottom: solid 10px lightgrey;
    position: absolute;
    height: 0;
    right: 3rem;
    top: -10px;
    width: 0;
}

.o-header-profile-chevron2 {
    border-left: solid 15px transparent;
    border-right: solid 15px transparent;
    border-bottom: solid 10px #fff;
    position: absolute;
    height: 0;
    right: 3rem;
    top: -8px;
    width: 0;
}

.o-header-profile-item {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-weight: bold;
    height: 4rem;
    text-align: left;
    flex-direction: row;
    width: 100%;
}

.o-header-profile-item::before {
    padding: 0 1rem;
    width: 2rem;
}

.o-header-profile-account::before {
    padding: 0;
    width: 0;
}

.o-header-profile-menu {
    align-items: flex-start;
    background-color: #fff;
    border: solid 1px lightgray;
    box-shadow: 3px 3px 6px lightgray;
    display: none;
    flex-direction: column;
    opacity: 0;
    padding: 0 1rem;
    position: absolute;
    right: 1rem;
    top: 5rem;
    transition: opacity 1s linear 1s;
    width: 16rem;
}

.o-header-profile-menu.active {
    display: flex;
    opacity: 1;
    transition: opacity 1s linear 1s;
}

.o-header-profile-name {
    color: #ffffff;
}

.o-header-profile-name i {
    font-size: .6rem;
    margin-left: .3rem;
}

.o-header-profile-picture {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-border-radius: 1.1rem;
    -moz-border-radius: 1.1rem;
    border-radius: 1.1rem;
    height: 2.2rem;
    margin: 0 1rem;
    width: 2.2rem;
}
/* #endregion HEADER PROFILE */

.o-header-various {
    align-items: center;
    display: flex;
    flex: 0 0 20rem;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    padding-right: 2rem;
}
/* #endregion HEADER */

/* #region PORTAL */
.o-portal-content {
	flex-grow: 1;
}

.o-portal-header {
    background-color: #333336;
    flex: 0 0 4rem;
}

.o-portal-page {
    background-color: #f7f7f7;
    display: flex;
    flex-direction: column;
}

.o-portal-smartmenu {
    background-color: #333336;
    color: #ffffff;
}

.o-portal-smartnotif {
    background-color: #f7f7f7;
}

@media screen and (orientation: portrait) and (max-width: 479px),
    screen and (orientation: landscape) and (max-width: 959px) {
    .o-portal-header {
        flex: 0 0 2rem;
    }
}
/* #endregion PORTAL */

/* #endregion COMMON */

/* #region PAGES */

/* #region ACCOUNT PAGE */
.o-account-content {
    margin: 0 2rem;
}

.o-account-form {
    background-color: #fff;
    box-shadow: 2px -2px 21px #ebebeb;
    padding: 2rem;
}

.o-account-form .o-input label {
    font-size: .8rem;
    margin-bottom: .5rem;
}

.o-account-form .o-input input,
.o-account-form .o-input select {
    font-size: 1rem;
}

.o-account-form .p-grid {
    margin-bottom: 1rem;
}

.o-account-grid-last {
    margin-bottom: 0;
}

.o-account-header {
    display: flex;
    flex-direction: row;
    margin-bottom: 2rem;
}

.o-account-name {
    color: #8C434E;
    font-size: 1.4rem;
    letter-spacing: .05rem;
    margin-bottom: .2rem;
}

.o-account-submit {
    text-align: right;
}

.o-account-subtitle {
    font-weight: bold;
    letter-spacing: .05rem;
}

.o-account-title {
    justify-content: center;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    margin-left: 2rem;
}

.o-account-picture {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    border-radius: 3rem;
    height: 6rem;
    width: 6rem;
}

.o-account-upload {
    padding-top: 2rem;
    position: absolute;
}

.o-account-upload .p-button {
    background-color: transparent;
    border: none;
    color: transparent;
}

.o-account-upload .p-fileupload-choose:not(.p-disabled):hover {
    background-color: transparent;
    border: none;
    color: transparent;
}

@media screen and (orientation: portrait) and (max-width: 479px),
screen and (orientation: landscape) and (max-width: 959px) {
    .o-account-content {
        flex-grow: 1;
        margin: 0;
    }

    .o-account-form {
        box-shadow: 2px -2px 21px lightgray;
        padding: 1rem;
    }

    .o-account-form .o-input select {
        min-width: 10rem;
    }

    .o-account-name {
        font-size: 1.2rem;
    }
    
    .o-account-side {
        display: none;
    }

    .o-account-submit {
        text-align: center;
    }

    .o-account-title {      
        margin-left: .2rem;
    }
}
/* #endregion ACCOUNT PAGE */

/* #region DASHBOARD PAGE */
.o-dashboard-content {
    display: inline-block;
    margin-left: 2rem;
    vertical-align: top;
    width: calc(50% - 3rem);
}

.o-dashboard-content .o-offers-list-item {
    align-items: flex-start;
}

.o-dashboard-side {
    display: inline-block;
    margin: 0 2rem;
    vertical-align: top;
    width: calc(50% - 3rem);
}

.o-dashboard-summary {
    margin: 2rem;
}

@media screen and (orientation: portrait) and (max-width: 479px),
screen and (orientation: landscape) and (max-width: 959px) {
    .o-dashboard {
        margin: 0 1rem;
    }

    .o-dashboard .o-page-children {
        display: flex;
        flex-direction: column;
    }

    .o-dashboard-content {
        order: 3;
        display: inline-block;
        margin: 1rem 0 0 0;
        vertical-align: top;
        width: 100%;
    }

    .o-dashboard-side {
        order: 2;
        margin: 0;
        width: 100%;
    }

    .o-dashboard-summary {
        order: 1;
        flex-grow: 1; 
        margin: 1rem 0;
    }
}
/* #endregion DASHBOARD PAGE */

/* #region LOGIN PAGE */
.o-login {
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-top: 8%;
}

.o-login-form, .o-login-logo, .o-login-welcome {
    margin: 0 auto;
    width: 30rem;
}

.o-login-form {
    margin-top: 2rem;
}

.o-login-logo {
    background-image: url('/templates/hunterz/media/logohunterz.svg');
    background-position: center;
    background-repeat: no-repeat;
    height: 10rem;
}

.o-login-welcome {
    margin-top: 3rem;
    text-align: center;
    font-size: 1.2rem;
}

.o-login-welcome::after {
    content: 'Hunterz';
    padding: .3rem;
}

.o-login-email, .o-login-password {
    display: flex;
    flex-direction: column;
    margin-top: 2rem;
}

.o-login-email input, .o-login-password input {
    background-color: #ffffff;
    border: none;
    border-bottom: solid 1px #ae8665;
    font-size: 1.1em;
    padding: .5rem 0 .3rem 0;
}

.o-login-email label, .o-login-password label {
    color: #90938f;
}

.o-login-submit {
    margin-top: 5rem;
}

.o-login-submit button {
    background-color: #8b3845;
    border: solid 1px #8b3845;
    border-radius: 2rem;
    color: #ffffff;
    font-family: 'Oswald', sans-serif;
    font-size: 1.4em;
    min-width: 18rem;
    padding: .3rem 0;
    text-transform: uppercase;
}

.o-login-submit button:hover {
    background-color: #612730;
    border: solid 1px #612730;
    transition: background-color .3s linear;
}

.o-login-link {
    color: #000;
    font-size: .9rem;
    position: relative;
    text-align: right;
    top: -7rem;
}

.o-login-link a {
    color: #000;
    padding: .5rem;
}

.o-login-link a:hover {
    color: #000;
}

.o-login-link-auth {
    margin-bottom: .5rem;
    text-align: center;
}

.o-login-link-auth-button {
    background-color: #ae8665;
    border: solid 1px #ae8665;
    border-radius: 2rem;
    color: #612730;
    font-size: 1.4em;
    min-width: 18rem;
    font-family: 'Oswald', sans-serif;
    padding: .3rem .5rem;
    text-transform: uppercase;
    cursor: pointer;
    
}

.o-login-form-auth .o-login-submit,
.o-login-form-forgot .o-login-submit {
    margin-top: 3rem;
}

.o-login-form-auth .o-login-link,
.o-login-form-forgot .o-login-link {
    margin-top: 3rem;
    position: initial;
    text-align: center;
    text-decoration: underline;
    top: initial;
}

@media screen and (orientation: portrait) and (max-width: 479px),
screen and (orientation: landscape) and (max-width: 959px) {
    .o-login {
        padding-top: 5%;
    }

    .o-login-form, .o-login-logo, .o-login-welcome {
        margin: 0;
        padding: 0 2rem;
        width: 100%;
    }

    .o-login-welcome {
        margin-top: 1.5rem;
    }

    .o-login-logo {
        height: 10rem;
    }
}
/* #endregion LOGIN PAGE */

/* #region OFFERS PAGE */
.o-offers .o-content {
    flex-direction: column;
}

.o-offers-find {
    padding: 2rem 2rem 0 2rem;
}

.o-offers-content {
    padding: 2rem;
}

.o-offers-not-found
{
    text-align: center;
}

@media screen and (orientation: portrait) and (max-width: 479px),
screen and (orientation: landscape) and (max-width: 959px)
{
    .o-offers-content, .o-offers-find {
        padding: 1rem 1rem 0 1rem;
    }
}
/* #endregion OFFERS PAGE */

/* #region OFFER CONSULT PAGE */
.o-offer-consult-side {
    display: none;
}

.o-offer-consult-content {
    box-shadow: 2px -2px 21px #ebebeb;
    margin: 2rem;
    padding: 0;
}

@media screen and (orientation: portrait) and (max-width: 479px),
screen and (orientation: landscape) and (max-width: 959px) {
    .o-offer-consult-content {
        flex-grow: 1;
    }
}
/* #endregion OFFER CONSULT PAGE */

/* #region REFERRALS PAGE */
.o-referrals .o-content {
    flex-direction: column;
}

.o-referrals-content {
    padding: 2rem;
}

.o-referrals-not-found
{
    text-align: center;
}

.o-referrals-summary
{
    padding: 2rem 2rem 0 2rem;
}

@media screen and (orientation: portrait) and (max-width: 479px),
screen and (orientation: landscape) and (max-width: 959px)
{
    .o-referrals-content {
        padding: 1rem;
        flex-grow: 1;
    }

    .o-referrals-summary
    {
        padding: 1rem 1rem 0 1rem;
    }
}
/* #endregion REFERRALS PAGE */

/* #region REFERRAL NEW PAGE */
.o-referral-new .o-content {
    background-color: #fff;
    box-shadow: 2px -2px 21px #ebebeb;
    flex-direction: column;
    padding: 0;
    margin: 2rem;
}

.o-referral-new .p-grid {
    margin: 0;
    margin-bottom: 1rem;
}

.o-referral-new .p-col:first-child,
.o-referral-new .p-col-8:first-child {
    padding-left: 0;
}

.o-referral-new .o-grid-line {
    border-bottom: solid 1px rgba(144, 147, 143, .2);
    margin-bottom: 0;
    padding-bottom: 2rem;
}

.o-referral-new .o-input input {
    font-size: 1rem;
}

.o-referral-new .o-input label,
.o-referral-new .o-input-multiselect-inline label {
    font-size: .8rem;
    margin-bottom: .5rem;
}

.o-referral-new-content {
    padding: 2rem 3rem 2rem 4rem;
}

.o-referral-new-side {
    padding: 0;
}

.o-referral-new-title {
    font-weight: bold;
    margin: 2rem 0;
}

.o-referral-new-title:first-child {
    margin-top: 0;
}

.o-referral-new-submit {
    text-align: right;
}

@media screen and (orientation: portrait) and (max-width: 479px),
screen and (orientation: landscape) and (max-width: 959px) {
    .o-referral-new .o-content {
        margin: 1rem;
    }

    .o-referral-new-content {
        flex-grow: 1;
        padding: 1rem;
    }

    .o-referral-new-title {
        font-size: 1rem;
        text-align: center;
    }

    .o-referral-new-title span {
        border-bottom: none;
    }

    .o-referral-new-submit {
        text-align: right;
    }
}
/* #endregion REFERRAL NEW PAGE */

/* #region SHOP PAGE */
.o-shop-content {
    flex-direction: row;
    flex-wrap: wrap;
    padding: 2rem;
}

.o-shop-item {
    background-color: #ffffff;
    box-shadow: 2px -2px 21px #ebebeb;
    height: 23rem;
    padding: 2rem;
    margin-bottom: 1rem;
    margin-right: 1rem;
    width: 27rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* .o-shop-item-available {
    height: 1.5rem;
} */

.o-shop-item-description {
    color: #90998f;
    font-size: .9rem;
    letter-spacing: .05rem;
    overflow-y: auto;
    flex-grow: 2;
}

.o-shop-item-info {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-grow: 0;
}

.o-shop-item-picture {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    flex: 0 0 10rem;
    height: 9rem;
    margin-right: 1rem;
}

.o-shop-item-points {
    flex-grow: 1;
}

.o-shop-item-points-content {
    align-items: center;
    border-left: solid 1px rgba(144, 147, 143, .2);
    display: flex;
    flex-direction: column;
}

.o-shop-item-points-label {
    font-weight: bold;
    font-size: .6rem;
    margin-bottom: 1rem;
    text-align: center;
    text-transform: uppercase;
}

.o-shop-item-points-value {
    font-size: 1.4rem;
}

.o-shop-item-submit {
    text-align: center;
}

.o-shop-item-title {
    font-weight: bold;
    letter-spacing: .05rem;
    margin-bottom: .3rem;
}

@media screen and (orientation: portrait) and (max-width: 479px),
screen and (orientation: landscape) and (max-width: 959px) {
    .o-shop-content {
        flex-grow: 1;
        padding: 1rem;
    }

    .o-shop-item {
        margin-bottom: 1rem;
        margin-right: 0;
        padding: 1rem;
        width: 100%;
    }
}
/* #endregion SHOP CONSULT PAGE */

/* #endregion PAGES */

/* #region COMPONENTS */

/* #region DETAILS */
.o-details {
    background-color: #fff;
    padding: 2rem;
}

.o-details-item {
    align-items: stretch;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.o-details-logo {
    background-image: url('/templates/talentsoft/media/offer-pic.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 4.5rem;
    margin-top: .2rem;
    margin-right: 1rem;
    width: 4.5rem;
}

.o-details-header {
    display: flex;
    flex-direction: column;
    margin-bottom: .5rem;
    width: calc(65% - 5.5rem);
}

.o-details-title {
    color: #8b3845;
    flex-grow: 1;
    font-size: 1.4rem;
}

.o-details-location
{
    font-weight: bold;
    margin-bottom: .3rem;
}

.o-details-submit {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    margin-top: 2rem;
}

.o-details-submit .o-submit-button {
    width: 12rem;
}

.o-details-gifts {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    width: 35%;
}

.o-details-post {
    margin-top: 2rem;
}

.o-details-post-label {
    font-weight: bold;
    font-style: italic;
}

.o-details-post, .o-details-submit {
    width: 100%;
}

@media screen and (orientation: portrait) and (max-width: 479px),
screen and (orientation: landscape) and (max-width: 959px) {
    .o-details {
        background-color: #fff;   
        margin: 0;
        padding: 1rem;
    }

    .o-details-logo {
        height: 3rem;
        margin-top: .5rem;
        margin-right: .5rem;
        width: 3rem;
    }

    .o-details-gifts
    {
        margin: 2rem 0 0 0;
        width: 100%;
    }

    .o-details-header
    {
        width: calc(100% - 3.5rem);
    }

    .o-details-submit { 
        flex-direction: column;
    }
}
/* #endregion DETAILS */

/* #region DIALOG */
.p-dialog {
    background-color: #ffffff !important;
}

.o-dialog .o-button-rounded {
    color: #ffffff !important;
    background-color: #8b3845 !important;
    border: solid 1px #8b3845 !important;
    border-radius: 0 !important;
}

.o-dialog .o-button-rounded-secondary {
    color: #8b3845 !important;
    background-color: #ffffff !important;
    border: solid 1px #8b3845 !important;
    border-radius: 2rem !important;
}

.o-dialog .o-button-rounded:hover {
    color: #ffffff !important;
    background-color: #612730 !important;
    border: solid 1px #612730 !important;
}

.o-dialog-article {
    margin-top: 1rem;
    font-weight: bold;
    font-size: 1.5rem;
}

.o-dialog-children {
    margin-top: 1rem;
}

.o-dialog-text {
    font-weight: bold;
    text-transform: uppercase;
}

@media screen and (orientation: portrait) and (max-width: 479px),
    screen and (orientation: landscape) and (max-width: 959px) {
        .p-dialog {
            padding: 1rem !important;
        }
}
/* #endregion DIALOG */

/* #region DIALOG CONGRAT */
.o-referrals .p-dialog-content {
    height: 100%;
    padding: 0 !important;
}

.o-referrals .p-dialog {
    height: 60%;
    padding: 0 !important;
    width: 60%;
}

.o-referrals .o-dialog {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.o-referrals .o-dialog-children {
    margin: 0;
}

.o-congrat {
    display: flex;
    flex-direction: row;
}

.o-congrat-message {
    align-items: flex-start;
    display: flex;
    flex: 0 0 50%;
    flex-direction: column;
    justify-content: center;
}

.o-congrat-picture {
    background-image: url('/templates/hunterz/media/newcoop.svg');
    background-position: -2rem center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 10rem;
    flex: 0 0 50%;
}

.o-congrat-subtitle {
    font-weight: bold;
}

.o-congrat-text {
    color: #90938f;
    text-align: left;
}

.o-congrat-title {
    color: #8b3845;
    font-family: 'Oswald', sans-serif;
    font-size: 1.4rem;
    text-transform: uppercase;
}

@media screen and (orientation: portrait) and (max-width: 479px),
    screen and (orientation: landscape) and (max-width: 959px) {
    .o-referrals .p-dialog {
        height: calc(100% - 1rem);
        width: calc(100% - 1rem);
    }

    .o-congrat {
        flex-direction: column;
    }

    .o-congrat-message {
        align-items: center;
        padding: 1rem;
    }

    .o-congrat-picture {
        height: 14rem;
        flex: initial;
    }

    .o-congrat-text {
        text-align: center;
    }
}
/* #region DIALOG CONGRAT */

/* #region DIALOG GDPR */
.o-portal-gdpr .p-dialog {
    height: 90%;
    width: 90%;
    padding: 2em 5em !important;
}

.o-portal-gdpr .p-dialog-content,
.o-portal-gdpr .o-dialog,
.o-portal-gdpr .o-dialog-children,
.o-portal-gdpr .o-gdpr,
.o-portal-gdpr .o-gdpr-message
{
    height: 100%;
}

.o-gdpr-message {
    display: flex;
    flex-direction: column;
    overflow: auto;
}

.o-gdpr-text-wrapper {
    align-items: center;
    display: flex;
    flex-grow: 1;
}

.o-gdpr-text {
    text-align: left;
}

.o-gdpr-button {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

@media screen and (orientation: portrait) and (max-width: 479px),
    screen and (orientation: landscape) and (max-width: 959px) {
}
/* #region DIALOG GDPR */

/* #region ERROR */
.o-error {
    color: #8b3845;
    font-weight: bold;
}

.o-error:before {
    content: '*';
}
/* #endregion ERROR */

/* #region GIFTS */
.o-gifts {
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.o-gifts-item {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    flex-grow: 1;
    text-transform: uppercase;  
}

.o-gifts-item:first-child {
    padding-left: 0;
}

.o-gifts-item-primes {
    border-left: solid 1px rgba(144, 147, 143, .2);
}

.o-gifts-label {
    font-weight: bold;
    font-size: .6rem;
    margin-bottom: .6rem;
    text-align: center;
    text-transform: uppercase;
}

.o-gifts-points,
.o-gifts-primes {
    font-size: 1.4rem;
}

.o-gifts-points span {
    color: #90938F;
    font-size: 1rem;
}

.o-gifts-primes span {
    font-size: .8rem;
    position: relative;
    top: -.5rem;
}
/* #endregion GIFTS */

/* #region GIFTS DASHBOARD */
.o-gifts-dashboard
{
    background-color: #fff;
    box-shadow: 2px -2px 21px #ebebeb;
    margin-top: 2rem;
    padding: 2rem 2rem 2.5rem 2rem;
}

.o-gifts-dashboard-description {
    color: #90998f;
    font-size: .9rem;
    letter-spacing: .05rem;
    margin-bottom: 2.5rem;
}

.o-gifts-dashboard-item {
    border-right: solid 1px rgba(144, 147, 143, .2);
    display: flex;
    flex-direction: column;
    text-align: center;
    width: 9rem;
}

.o-gifts-dashboard-item:last-child {
    border-right: 0;
}

.o-gifts-dashboard-items {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
}

.o-gifts-dashboard-label {
    font-weight: bold;
    font-size: .8rem;
    margin-bottom: .6rem;
    text-transform: uppercase;
}

.o-gifts-dashboard-title
{
    font-size: .9rem;
    font-weight: bold;
    letter-spacing: .05rem;
}

.o-gifts-dashboard-value {
    font-size: 1.4rem;
}

.o-gifts-dashboard-value span {
    font-size: .8rem;
    position: relative;
    top: -.5rem;
}

@media screen and (orientation: portrait) and (max-width: 479px),
    screen and (orientation: landscape) and (max-width: 959px) {
    .o-gifts-dashboard
    {
        margin-top: 1rem;
        padding: 1rem;
    }
}
/* #region GIFTS DASHBOARD */

/* #region NEW NOTIFICATION */
.o-new-notification-description {
    color: #90938F;
    padding: 0 1rem 0 1rem;
    text-transform: lowercase;
}

.o-new-notification-item {
    align-items: center;
    cursor: pointer;
    border-bottom: solid 1px #ebebeb;
    display: flex;
    flex-direction: row;
    height: 4rem;
}

.o-new-notification-items {
    display: flex;
    flex-direction: column;
    padding: 1rem 1rem 0 1rem;
}

.o-new-notification-text {
    flex-grow: 1;
}

.o-new-notification-title {
    font-weight: bold;
    padding: 1rem 1rem 0 1rem;
}

.o-new-notification-icon {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    flex: 0 0 6rem;
    height: 2rem;
    width: 2rem;
}

.o-new-notification-time {
    font-size: .8rem;
    flex: 0 0 6rem;
    text-align: right;
}

.o-new-notification-button {
    padding: 0 30% 1rem 30%;
}

@media screen and (orientation: portrait) and (max-width: 479px),
    screen and (orientation: landscape) and (max-width: 959px) {
    .o-new-notification-icon {
        flex: 0 0 3.5rem;
        height: 2rem;
        width: 2rem;
    }

    .o-new-notification-items {
        display: block;
        padding: .5rem;
    }

    .o-new-notification-time {
        flex: 0 0 3.5rem;
        text-align: center;
    }
}
/* #endregion NEW NOTIFICATION */

/* #region NOTIFICATIONS */
.o-notifications {
    background-color: #ffffff;
    box-shadow: 2px -2px 21px #ebebeb;
    margin: 2rem;
}

.o-notifications-description {
    color: #90938F;
    padding: 0 1rem 0 1rem;
}

.o-notifications-icon {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    flex: 0 0 6rem;
    height: 2rem;
    width: 2rem;
}

.o-notifications-item {
    align-items: center;
    cursor: pointer;
    border-bottom: solid 1px #ebebeb;
    display: flex;
    flex-direction: row;
    height: 4rem;
}

.o-notifications-items {
    display: flex;
    flex-direction: column;
    padding: 1rem 1rem 0 1rem;
}

.o-notifications-list {
    background-color: #fff;
    border: solid 1px lightgray;
    box-shadow: 3px 3px 6px lightgray;
    display: none;
    opacity: 0;
    right: .5rem;
    top: 6rem;
    transition: opacity 1s linear 1s;
    width: 35rem;
}

.o-notifications-list.active {
    display: block;
    opacity: 1;
    transition: opacity 1s linear 1s;
}

.o-notifications-picture {
    height: 2rem;
    width: 2rem;
    margin: 0 1.5rem;
}

.o-notifications-text {
    flex-grow: 1;
}

.o-notifications-title {
    font-weight: bold;
    padding: 1rem 0 0 1rem;
}

.o-notifications-time {
    font-size: .8rem;
    flex: 0 0 6rem;
    text-align: right;
}

@media screen and (orientation: portrait) and (max-width: 479px),
    screen and (orientation: landscape) and (max-width: 959px) {
    .o-notifications {
        margin: 1rem;
    }

    .o-notifications-icon {
        flex: 0 0 3rem;
        height: 2rem;
        width: 2rem;
    }

    .o-notifications-item {
        height: 6rem;
        padding: 0;
    }

    .o-notifications-text {
        flex-grow: 1;
    }

    .o-notifications-time {
        flex: 0 0 3rem;
        font-size: .8rem;
        text-align: center;
    }
}
/* #endregion NOTIFICATIONS */

/* #region OFFER FILTER */
.o-offers-filter {
    background-color: #ffffff;
    box-shadow: 2px -2px 21px #ebebeb;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    font-size: .9rem;
    padding: 1rem;
}

.o-offers-filter-title {
    font-weight: bold;
    letter-spacing: .05rem;
    margin-bottom: .3rem;
    width: 100%;
}

.o-offers-filter-finder,
.o-offers-filter-location,
.o-offers-filter-contract,
.o-offers-filter-department,
.o-offers-filter-seniority
{

    min-width: 10rem;
    padding-right: .5rem;
    width: 25%;
}

.o-offers-filter-finder {
    display: flex;
    flex-direction: row;
    order: 5;
    align-items: flex-start;
}

.o-offers-filter-finder::after {
    content:url('/templates/hunterz/media/loupe.svg');
    padding: .2rem;
}

.o-offers-filter-finder i {
    display: none;
}

.o-offers-filter-finder .o-input {
    margin: 0;
}

.o-offers-filter .o-input label {
    text-transform: none;
}

@media screen and (orientation: portrait) and (max-width: 479px),
    screen and (orientation: landscape) and (max-width: 959px) {
    .o-offers-filter {
        flex-direction: column;
        flex-wrap: nowrap;
    }

    .o-offers-filter-finder,
    .o-offers-filter-location,
    .o-offers-filter-contract,
    .o-offers-filter-department,
    .o-offers-filter-seniority
    {
        margin: 0 0 .5rem 0;
        width: 100%;
    }
}
/* #endregion OFFER FILTER */

/* #region OFFERS LIST */
.o-offers-list
{
    display: flex;
    flex-direction: column;
}

.o-offers-list-item
{
    align-items: stretch;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    background-color: #fff;
    box-shadow: 2px -2px 21px #ebebeb;
    margin-bottom: 2rem;
    padding: 2rem;
}

.o-offers-list-logo {
    display: none;
}

.o-offers-list-header
{
    display: flex;
    flex-direction: column;
    font-size: .9rem;
    margin-bottom: .5rem;
    width: 60%;
}

.o-offers-list-title
{
    color: #8b3845;
    flex-grow: 1;
    font-size: 1.2rem;
    letter-spacing: .05rem;
    margin-bottom: .5rem;
}

.o-offers-list-location
{
    font-weight: bold;
    letter-spacing: .05rem;
    margin-bottom: .3rem;
}

.o-offers-list-submit
{
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 2rem;
}

.o-offers-list-submit-shared button
{
    margin-left: .5rem;
}

.o-offers-list-submit-shared button:first-child
{
    margin-left: 0;
}

.o-offers-list-submit .o-submit-button
{
    margin-top: 0;
    width: 12rem;
}

.o-offers-list-submit-details
{
    display: none;
}

.o-offers-list-gifts
{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    width: 40%;
}

.o-offers-list-post {
    font-size: .9rem;
    margin-top: 1rem;
}

.o-offers-list-post, .o-offers-list-submit {
    width: 100%;
}

.o-offers-list-post-label {
    color: #90998f;
    margin-bottom: 1rem;
}

.o-offers-list-post-text span {
    font-weight: bold;
    margin-left: .5rem;
    text-decoration: underline;
    text-transform: lowercase;
    cursor: pointer;
}

@media screen and (orientation: portrait) and (max-width: 479px),
screen and (orientation: landscape) and (max-width: 959px)
{
    .o-offers-list-logo {
        height: 3rem;
        margin-top: .5rem;
        margin-right: .5rem;
        width: 3rem;
    }

    .o-offers-list-item
    {
        background-color: #fff;
        margin-bottom: 1rem;
        padding: 1rem;
    }

    .o-offers-list-gifts
    {
        margin: 2rem 0 0 0;
        width: 100%;
    }

    .o-offers-list-header
    {
        width: calc(100% - 3.5rem);
    }

    .o-offers-list-submit
    { 
        align-items: center;
        flex-direction: column;
        margin-top: 1rem;
    }

    .o-offers-list-submit-shared {
        align-self: flex-start;
    }

    .o-offers-list-submit-shared button
    {
        margin-left: .6rem;
    }

    .o-offers-list-submit-referral {
        margin-top: 1rem;
    }
}
/* #endregion OFFERS LIST */

/* #region OFFER SUMMARY */
.o-offer-summary {
    background-color: #fff;
    padding: 2rem 2rem 0 2rem;
}

.o-offer-summary-back {
    align-items: center;
    color: #8b3845;
    cursor: pointer;
    display: flex;
    font-size: 1.2rem;
    justify-content: center;
    width: 3rem;
}

.o-offer-summary-item
{
    align-items: stretch;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.o-offer-summary-logo {
    background-image: url('/templates/hunterz/media/offer-pic.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 4.5rem;
    margin-top: .2rem;
    margin-right: 1rem;
    width: 4.5rem;
}

.o-offer-summary-header {
    display: flex;
    flex-direction: column;
    margin-bottom: .5rem;
    width: calc(65% - 5.5rem);
}

.o-offer-summary-title {
    color: #8b3845;
    flex-grow: 1;
    font-size: 1.2rem;
    letter-spacing: .05rem;
    margin-bottom: .8rem;
}

.o-offer-summary-location
{
    font-weight: bold;
    letter-spacing: .05rem;
    margin-bottom: .3rem;
}

.o-offer-summary-gifts {
    width: calc(35% - 3rem);
}

.o-offer-summary-gifts .o-gifts-label {
    margin-bottom: .8rem;
}

@media screen and (orientation: portrait) and (max-width: 479px),
screen and (orientation: landscape) and (max-width: 959px)
{
    .o-offer-summary-gifts {
        margin: 2rem 0;
        width: 100%;
    }

    .o-offer-summary-header
    {
        flex-direction: column;
        width: calc(100% - 5.5rem);
    }

    .o-offer-summary-submit
    { 
        align-items: center;
        flex-direction: column;
    }
}
/* #endregion OFFER SUMMARY */

/* #regin REFERRALS FILTER */
.o-referrals-filter {
    background-color: #ffffff;
    box-shadow: 2px -2px 21px #ebebeb;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    font-size: .9rem;
    padding: 1rem;
}

.o-referrals-filter-title {
    font-weight: bold;
    letter-spacing: .05rem;
    margin-bottom: .3rem;
    width: 100%;
}

.o-referrals-filter-finder,
.o-referrals-filter-status,
.o-referrals-filter-step
{

    min-width: 10rem;
    margin-right: 1rem;
    width: 25%;
}

.o-referrals-filter-finder {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    margin-top: 1.4rem;
}

.o-referrals-filter-finder::after {
    content: url('/templates/hunterz/media/loupe.svg');
    padding: .3rem .2rem .2rem .2rem;
}

.o-referrals-filter-finder i {
    display: none;
}

.o-referrals-filter-finder input {
    margin: 0;
    padding: .3rem .3rem .4rem .3rem !important;
}

.o-referrals-filter-finder .o-input {
    margin: 0;
}

.o-referrals-filter .o-input label {
    text-transform: none;
}

@media screen and (orientation: portrait) and (max-width: 479px),
screen and (orientation: landscape) and (max-width: 959px)
{
    .o-referrals-filter {
        flex-direction: column;
        flex-wrap: nowrap;
    }

    .o-referrals-filter-finder,
    .o-referrals-filter-status,
    .o-referrals-filter-step
    {
        margin: 0 0 .5rem 0;
        width: 100%;
    }
}
/* #endregin REFERRALS FILTER */

/* #region REFERRALS LIST, REFERRAL DETAILS */
.o-referrals-list
{
    display: flex;
    flex-direction: column;
}

.o-referral-details
{
    background-color: #fff;
    box-shadow: 2px -2px 21px #ebebeb;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 2rem;
    padding: 2rem 4rem;
}

.o-referral-details-chevron
{
    opacity: .5;
    text-align: right;
    width: 100%;
}

.o-referral-details-top
{
    display: flex;
    flex-direction: row;
    width: 65%;
}

.o-referral-details-picture
{
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
    flex: 0 0 5.5rem;
    margin-right: .5rem;
}

.o-referral-details-header
{
    flex-grow: 1;
    font-size: .9rem;
}

.o-referral-details-progressbar
{
    margin: .5rem 0 0 0;
}

.o-referral-details-progressbar-label
{
    font-size: .6rem;
    font-weight: bold;
    margin-top: .2rem;
    text-transform: uppercase;
}

.o-referral-details-progressbar .p-progressbar
{
    background-color: #f0e0cb;
    border-radius: .25rem;
    height: .5rem;
}

.o-referral-details-progressbar .p-progressbar-value
{
    background-color: #8b3845 !important;
}

.o-referral-details-name
{
    color: #8b3845;
    flex-grow: 1;
    font-size: 1.2rem;
    letter-spacing: .05rem;
    margin-bottom: .5rem;
}

.o-referral-details-title {
    font-weight: bold;
    letter-spacing: .05rem;
    margin-bottom: .3rem;
}

.o-referral-details-gifts
{
    display: flex;
    flex-direction: row;
    width: calc(35% - 1.5rem);
}

.o-referral-details-steps {
    margin-top: 1rem;
    width: 65%;
}

.o-referral-details-step {
    border-bottom: solid 1px rgba(144, 147, 143, .2);
    display: flex;
    flex-direction: row;
    height: 4rem;
}

.o-referral-details-step:last-child {
    border-bottom: 0;
}

.o-referral-details-step .check {
    opacity: 1;
}

.o-referral-details-step .current {
    font-weight: bold;
    opacity: 1;
}

.o-referral-details-step-name {
    align-self: center;
    flex-grow: 1;
    opacity: .5;
}

.o-referral-details-step-points {
    align-self: center;
    flex: 0 0 4rem;
    font-size: 1.2rem;
    opacity: .5;
    text-align: right;
    text-transform: uppercase;
}

.o-referral-details-step-points span {
    font-size: .8rem;
    margin-left: .3rem;
}

.o-referral-details-step-pic {
    background-image: url('/templates/hunterz/media/step-uncheck.svg');
    background-position: center;
    background-repeat: no-repeat;
    flex: 0 0 4rem;
    order: -1;
}

.o-referral-details-step-pic.check {
    background-image: url('/templates/hunterz/media/step-check.svg');
}

@media screen and (orientation: portrait) and (max-width: 479px),
screen and (orientation: landscape) and (max-width: 959px)
{
    .o-referral-details
    {
        background-color: #fff;
        flex-direction: column;
        margin-bottom: 1rem;
        padding: 1rem;
    }

    .o-referral-details-gifts
    {
        margin: 2rem 0 0 0;
    }

    .o-referral-details-gifts, .o-referral-details-top
    {
        width: 100%;
    }

    .o-referral-details-header
    {
        flex-direction: column;
    }

    .o-referral-details-picture
    {
        flex: 0 0 3rem;
    }

	.o-referral-details-chevron
    {
        align-self: flex-end;
        margin-top: 1rem;
    }

    .o-referral-details-step-pic {
        flex: 0 0 3rem;
    }

    .o-referral-details-steps {
        margin-top: 1rem;
        padding-left: 0;
        width: 100%;
    }
}
/* #endregion REFERRALS LIST, REFERRAL DETAILS */

/* #region INPUT */
.o-input {
    display: flex;
    flex-direction: column;
    margin-bottom: .5rem;
    width: 100%;
}

.o-input input, .o-input select, .o-input textarea {
    border: solid 1px rgba(144, 147, 143, .2);
    opacity: .60;
    font-size: 1.2em;
    padding: .3rem 0;
}

.o-input textarea {
    width: 100%;
}

.o-input option {
    opacity: .60;
}

.o-input input {
    padding: .3rem .3rem;
}

.o-input label,
.o-input-multiselect-inline label {
    margin-bottom: .3rem;
    text-transform: uppercase;
}

.o-input-multiselect-inline {
    display: flex;
    flex-direction: column;
    margin-right: 1rem;
    margin-bottom: 1rem;
}

.o-input-multiselect-inline .p-button {
    padding: .3rem .5rem;
    background-color: #fff !important;
    color: #8b3845 !important;
    border-color: #8b3845 !important;
    box-shadow: unset !important;
    font-family: 'Montserrat', sans-serif;
    font-size: 1rem;
    font-weight: bold;
}

.o-input-multiselect-inline .p-highlight {
    background-color: #8b3845 !important;
    border-color: #8b3845 !important;
    border-width: 0.1em !important;
    color: #fff !important;
}

.o-input-multiselect-inline .p-highlight:hover {
    background-color: #8b3845 !important;
    border-color: #8b3845 !important;
}

.o-input-multiselect-inline .p-button:first-child {
    border-right: 0;
}

/*.o-input-multiselect-inline .p-button:last-child {
    border-top-right-radius: .5rem !important;
    border-bottom-right-radius: .5rem !important;
}*/

.o-input-select select {
    width: 100%;
}
/* #endregion INPUT */

/* #region REFERRAL DASHBOARD */
.o-referral-dashboard
{
    background-color: #fff;
    box-shadow: 2px -2px 21px #ebebeb;
    padding: 2rem 2rem 2.5rem 2rem;
}

.o-referral-dashboard-description {
    color: #90998f;
    font-size: .9rem;
    letter-spacing: .05rem;
    margin-bottom: 2.5rem;
}

.o-referral-dashboard-title
{
    font-size: .9rem;
    font-weight: bold;
    letter-spacing: .05rem;
}

.o-referral-dashboard-item
{
    border-right: solid 1px rgba(144, 147, 143, .2);
    display: flex;
    flex-direction: column-reverse;
    text-align: center;
    width: 33%;
}

.o-referral-dashboard-item:last-child
{
    border-right: 0;
}

.o-referral-dashboard-items
{
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
}

.o-referral-dashboard-item-label
{
    font-weight: bold;
    font-size: .8rem;
    margin-bottom: .6rem;
    text-transform: uppercase;
}

.o-referral-dashboard-item-value
{
    font-size: 1.4rem;
}

.o-referral-dashboard-submit
{
    display: none;
}
/* #endregion OFFER DASHBOARD */

/* #region SUBMIT BUTTON */
.o-submit-button {
    margin-top: 1rem;
    width: 100%;
}

.o-submit-button button {
    background-color: #8b3845;
    border: solid 1px #8b3845;
    border-radius: 2rem;
    color: #ffffff;
    font-family: 'Oswald', sans-serif;
    font-size: 1.4rem;
    min-width: 12rem;
    padding: .3rem;
    text-align: center;
    text-transform: uppercase;
}

.o-submit-button button:hover {
    background-color: #612730;
    border: solid 1px #612730;
    cursor: pointer;
    transition: background-color .3s linear;
}

.o-submit-button button:disabled {
    background-color: #90988f;
    border: solid 1px #90988f;
    color: #ffffff;
    transition: none;
}
/* #endregion SUBMIT BUTTON */

/* #region SMARTMENU */
.o-smartmenu {
    overflow-y: hidden;
}

.o-smartmenu-item {
    cursor: pointer;
    list-style: none;
    margin: .5rem 0;
    text-transform: uppercase;
}

.o-smartmenu-item.active span {
    color: #90938F;
    font-weight: bold;
}

.o-smartmenu-logo {
    background-image: url('/templates/hunterz/media/logo.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    margin-top: 1rem;
    height: 10rem;
}
/* #endregion SMARTMENU */

/* #region SMARTNOTIF */
.o-smartnotif-content {
    margin: 1rem;
    background-color: #ffffff;
    box-shadow: 2px -2px 21px #ebebeb;
}

.o-smartnotif-header {
    background-color: #333336;
    color: #ffffff;
}

.o-smartnotif-title {
    font-weight: bold;
    margin-right: 3rem;
}
/* #endregion SMARTNOTIF */

/* #region USER SUMMARY */
.o-user-summary {
    background-color: #fff;
    box-shadow: 2px -2px 21px #ebebeb;
    display: flex;
    flex-direction: row;
    padding: 2rem;
    width: 100%;
}

.o-user-summary-info {
    flex: 0 0 15rem;
}

.o-user-summary-picture {
    background-image: url('/templates/hunterz/media/lvl4.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    margin: 0 auto;
}

.o-user-summary-submit {
    display: flex;
    flex: 0 0 15rem;
    flex-direction: row;
    align-items: center;
    padding: .8rem 0;
    text-align: center;
}

.o-user-summary-submit .o-submit-button {
    margin: 0;
}

.o-user-summary-progressbar {
    flex-grow: 1;
    margin: 0 2rem;
}

.o-user-summary-progressbar-description {
    color: #90998f;
    font-size: .9rem;
    letter-spacing: .05rem;
    margin-bottom: 2rem;
}

.o-user-summary-progressbar-title {
    font-size: .9rem;
    font-weight: bold;
    letter-spacing: .05rem;
}

.o-user-summary-progressbar .p-progressbar {
    background-color: #f7f7f7;
    border-radius: .25rem;
    height: .5rem;
}

.o-user-summary-progressbar .p-progressbar-value {
    background-color: #8b3845 !important;
}

.o-user-summary-progressbar-value {
    display: flex;
    font-size: .6rem;
    font-weight: bold;
    flex-direction: row;
    justify-content: space-between;
    margin-top: .2rem;
}

.o-user-summary-progressbar-level {
    text-transform: uppercase;
}

@media screen and (orientation: portrait) and (max-width: 479px),
    screen and (orientation: landscape) and (max-width: 959px) {
    .o-user-summary {
        flex-direction: column;
        padding: 1rem;
    }
    
    .o-user-summary-info {
        flex: 0 0 12rem;
    }

    .o-user-summary-picture {
        height: 12rem;
    }

    .o-user-summary-points {
        flex: initial;
    }

    .o-user-summary-progressbar {
        margin: 0rem;
    }
}
/* #endregion USER SUMMARY */

/* #region LOADER */
.o-page-loader {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    opacity: .5;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999 !important;
}

.o-page-loader i {
    color: #000000;
    font-size: 15rem !important;
    z-index: 1001 !important;
}
/* #endregion LOADER */

/* #endregion COMPONENTS */