.hcpn-main-container{
    width: 50%;
    margin-left: 25%;
}
.hcpn-main-container .hcpn-notification-form{
    width: 100%;
    display: flex;
    flex-direction: column;
}
.hcpn-main-container .hcpn-notification-form > input, .hcpn-main-container .hcpn-notification-form > textarea{
    width: 100%;
    margin: 5px 0px 5px 0px;
}
.hcpn-main-container .hcpn-notification-form fieldset{
    display: flex;
    flex-direction: column;
}
.hcpn-main-container .hcpn-notification-form .notif_per_user{
    max-height: 300px;
    overflow: auto;
}
.hcpn-main-container .acf-label{
    display: none;
}
.hcpn-main-container .errorMessage{
    color: red !important;
}
.hcpn-main-container .message{
    width: 100%;
    background-color: green;
    color: #ffffff;
    border-radius: 5px;
    padding: 10px 5px 10px 5px;
    text-align: center;
    opacity: 0;
}
.hcpn-main-container .per_user_roles_title{
    margin: 10px 0 0 0;
    border-bottom: 1px solid #393e4b;
}
.hcpn-main-container .per_user_roles_title:first-of-type{
    margin: 0;
}
.hcpn-main-container .per_user_choices_container{
    /*display:flex;*/
    display: inline-block;
    width: 48%;
    margin-right: 10px;
    align-items: center;
}
.hcpn-main-container .per_user_choices{
    margin-top: 0;
    margin-right: 10px;
}
.hcpn-main-container .warning{
    margin-top: 25px;
    background: rgba(0,0,0,.15);
    border-left: 2px solid #393e4b;
    padding: 15px 20px;
}



/* MOBILE */
@media (max-width: 768px) {
    .hcpn-main-container{
        width: 90%;
        margin-left: 5%;
    }
    .hcpn-main-container .per_user_choices_container{
        width: 90%;
    }
}