/*
orange: #fb8c00
lightorange: #ffe0b2
yellow: #ffca28
lightblue: #64b5f6
darkblue: #0073AE
*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select,
    textarea,
    input {
        font-size: 16px !important;
    }
}

.side-nav .user-view, .side-nav .userView {
    height:130px;
    background-color: rgba(0,0,0,.40);
    padding-top:80px;
}
#page-top-nav-stub  {
    height: 64px;
}
#page-top-nav-stub.nav-extended {
    height: 120px;
}

@media only screen and (max-width: 992px) {
    .page-footer-mobile-stub {
        margin-bottom: 64px;
    }

    #page-top-nav{
        position:fixed;
        left:0px;
        top:0px;
        width:100%;
        z-index: 998;
    }
}

@media only screen and (max-width: 600px) {
    .modal.full {
        width:100%;
        top: 0 !important;
        max-height:100%
    }

    #list-events .date, #list-events .suggestion-block-title {font-size: 1.5rem;}
    #list-events .title {font-size: 1.15rem}

    #page-top-nav-stub  {
        height: 56px;
    }
    #page-top-nav-stub.nav-extended {
        height: 108px;
    }
}

.page-footer-mobile-stub {
    margin-bottom: 56px;
}

.s-full, .full-width {
    width: 100%;
    display:inline-block;
}
.create-account-link {
    padding-top:1rem;
    display:inline-block;
}
@media only screen and (min-width: 600px) and (max-width: 992px) {
    #login-register.modal {
        width:55%;
    }
}
@media only screen and (min-width: 993px) {
    #login-register.modal {
        width:35%;
    }
}
#logo-container {color: #fb8c00; font-size: 2rem;letter-spacing:-1px;}

@media only screen and (max-width: 320px) {
    #logo-container {
        font-size:1.4rem;
    }
}

.form-error-message, .message-error { background-color: red;}
.message-error {padding: 5px}
nav {
    background-color: rgba(255, 255, 255, 0.98);
    color: rgba(0, 0, 0, 0.7);
}

@media only screen and (min-width: 993px) {
    nav a.button-collapse {
        display:inline-block;
    }
}

i.material-fa {
    font-size: 24px;
    height: 56px;
    line-height: 56px;
    color: inherit}

nav ul a {color: rgba(0, 0, 0, 0.7);}
nav a {color: rgba(0, 0, 0, 0.7);}
nav.top-nav-desktop ul a {color: rgba(0, 0, 0, 0.7); font-size: 1.1rem}
.tabs.tabs-transparent .tab a, .tabs.tabs-transparent .tab.disabled a, .tabs.tabs-transparent .tab.disabled a:hover {
    color: rgba(0, 0, 0, 0.7);
    letter-spacing: 0.1rem;
}
nav .dropdown-button i {
    font-size:2rem;
}
.tabs.tabs-transparent .tab a:hover, .tabs.tabs-transparent .tab a.active {
    color: #fb8c00;
}
.tabs.tabs-transparent .indicator {
    background-color: #fb8c00;
}

.alpha {color: #fb8c00; font-size: 0.8rem}
footer.page-footer {background-color: white !important; margin-top:0px;border-top:1px solid lightgrey}
footer.page-footer a {color: rgba(0, 0, 0, 0.60);}
.page-footer-mobile{
    position:fixed;
    left:0px;
    bottom:0px;
    width:100%;
    z-index: 998;
}

.input-field-spacing, .choices.input-field-spacing {
    margin-bottom: 20px;
}
.page-footer-mobile li {width:33%;text-align: center;}

body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

main {
    flex: 1 0 auto;
    margin-top: 2rem;
}


.card-panel.success {background-color: #66bb6a;color: white;}
.card-panel.info {background-color: #38a6fd;color: white;}
.card-panel.error {background-color: #ef5350;color: white;}

.choices {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
    height: 48px;
    margin: 0 auto;
    width: 100%;
    white-space: nowrap;
    align-items: center;
}

.choices .choice {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    float: left;
    text-align: center;
    line-height: 48px;
    height: 48px;
    padding: 0;
    margin: 0;
    text-transform: uppercase;
    text-overflow: ellipsis;
    overflow: hidden;
    letter-spacing: .8px;
    width: 15%;
    min-width: 80px;
    cursor: pointer;
    display: flex;
    align-items: center;
    border-bottom:2px solid transparent;
    flex-direction: column; /* direction d'affichage verticale */
    justify-content: center; /* alignement vertical */

}
.choices .choice a.active, .choices .choice.active a, .choices .choice.active {
    color: #fff;
    cursor: pointer;
    background-color: #058ffd;
}

.choices .choice a {
    color: rgba(0, 0, 0, 0.7);;
    display: block;
    width: 100%;
    height: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
    background-color: #F2F2F2;
}

.choices .choice a:hover {
    filter: brightness(95%);
}

.choices .choice.disabled a {
    color: #f9c9cb;
    cursor: default;
}

.choices {
    margin-bottom: 2px;
}

.choices.feedback_follow .choice a.active, .choices.feedback_follow .choice.active {
    border-bottom:2px solid transparent;
}
.required {color: #F44336   }
label.error {color: #F44336}
.list-block-event .card{
    border: 1px solid #efefef;
    border-left: 5px solid #ffe0b2;
    box-shadow: none;
}
.list-block-event.alternate .card{
    border: 1px solid #efefef;
    border-left: 5px solid #ffca28;
    box-shadow: none;
}
#list-events .detail-link {color: rgba(0, 0, 0, 0.7);}
#list-events .date {font-size: 1.8rem;margin-bottom:0.9rem; display:block; clear:both}
#list-events .suggestion-block-title{font-size: 1rem;margin-bottom:0.9rem; display:block; clear:both}
#list-events .date {font-variant: all-petite-caps;}
#list-events .title {font-size: 1.5rem;  margin: 0 0 7px 0;display:inline-block;font-weight:500}
#list-events .address {font-weight:300}
.input-field label {width:100%}

#list-events h1 {
    border-bottom: 2px solid rgba(0,0,0,0.3);
    padding-bottom:1rem;
    text-align:center;
}

#list-events .events-empty-block img {
    max-width: 100%;
    height:auto;
}

h1, h2{margin-top: 0px; }
h1 {font-size: 2.2rem}

@media only screen and (min-width: 993px) {
   #homepage h1{
       margin-bottom:0;font-size: 4rem;
   }
    #show-event h1{
        font-size: 2rem;
    }
}
@media only screen and (max-width: 600px) {
    h1, h2{
        font-size: 2.2rem;
    }
}
#homepage h1{color:white}
#homepage-values h2 {color: #fb8c00}

#footer-nav li {display: inline-block; margin-right: 2rem}
body {color: rgba(0, 0, 0, 0.7);background-color: #fafafa;}
h4{font-size: 1.7rem}

.collection_participants {
    overflow: hidden;
    position: relative;
}

.collection_participants .collection-item {
    background-color: #fff;
    line-height: 1.5rem;
    margin: 0;
    border-top:none;
    display: flex;
    margin-top:0.5rem;
}

.collection_participants .main-actions {
     width:15%;
 }
.collection_participants .user-name {
    flex: 1;
    display: flex;
    position: relative;
    height:inherit;
    margin-left: 5px;
}
.collection_participants .user-name a{
    flex: 1;
}
.collection_participants .collection-title {
    text-transform: uppercase;
    font-weight:500;
}
.avatar-block {
    width:50px;
}
.avatar-block .commitment-avatar {
    margin-bottom: 3px;
}
.commitment-avatar .flag {
    vertical-align: middle;
    margin-left: 28%;
    margin-top: 52%;
    width:50%;
    opacity:0.8;
    border-radius: 100%;
}

.commitment-avatar {
    width:50px;
    height:50px;
    display:inline-block;
    background-size:cover;
}
.commitment-avatar-0 {
    background-image: url('/images/commitment/commitment0.svg');
}
.commitment-avatar-1 {
    background-image: url('/images/commitment/commitment1.svg');
}
.commitment-avatar-2 {
    background-image: url('/images/commitment/commitment2.svg');
}
.commitment-avatar-3 {
    background-image: url('/images/commitment/commitment3.svg');
}
.commitment-avatar-4 {
    background-image: url('/images/commitment/commitment4.svg');
}
.commitment-avatar-5 {
    background-image: url('/images/commitment/commitment5.svg');
}

.register-presentation-block .value-description {margin-bottom:0.5rem}

#list-events .suggestion {
    margin-bottom: 10px;
    display: block;
    text-transform: uppercase;
}
#list-events .suggestion a{
    height:55px;
    padding: 5px;
    border: 1px solid #efefef;
    display: flex;
    align-items: center;
    background-color: white;
    color: rgba(0, 0, 0, 0.7);

}
#list-events .suggestion .fa {
    color: #fb8c00;
    margin-right: 1em;
}

nav, main, footer {min-width: 320px}
.message {border-top: 1px solid #e0e0e0;padding:12px;}
.message .row {margin-top:5px; margin-bottom: 5px;}
.share-text {font-size:1.5rem;font-variant:all-small-caps}
.share_icon {width: 1.5rem; height:1.5rem; display:inline-block;border-radius:2px}
.share_facebook {background: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%233B5998%22%20d%3D%22M0%200h32v32H0z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M17.78%2027.5V17.008h3.522l.527-4.09h-4.05v-2.61c0-1.182.33-1.99%202.026-1.99h2.166V4.66c-.375-.05-1.66-.16-3.155-.16-3.123%200-5.26%201.905-5.26%205.405v3.016h-3.53v4.09h3.53V27.5h4.223z%22%2F%3E%3C%2Fsvg%3E');}
.share_twitter {background: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%2355ACEE%22%20d%3D%22M0%200h32v32H0z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M28%208.557c-.884.39-1.833.656-2.828.775%201.017-.608%201.798-1.573%202.166-2.725-.953.567-2.006.976-3.13%201.194-.896-.956-2.176-1.554-3.593-1.554-2.72%200-4.924%202.206-4.924%204.925%200%20.387.045.763.13%201.125-4.094-.208-7.724-2.168-10.15-5.147-.423.726-.667%201.573-.667%202.476%200%201.71.87%203.214%202.19%204.1-.806-.027-1.564-.25-2.23-.616v.06c0%202.39%201.7%204.378%203.952%204.83-.414.113-.85.172-1.297.172-.317%200-.625-.03-.927-.086.63%201.956%202.447%203.38%204.6%203.42-1.685%201.318-3.808%202.107-6.114%202.107-.398%200-.79-.023-1.175-.068%202.18%201.396%204.768%202.213%207.55%202.213%209.056%200%2014.01-7.506%2014.01-14.012%200-.213-.005-.426-.015-.637.96-.694%201.795-1.56%202.455-2.55z%22%2F%3E%3C%2Fsvg%3E');}
.share_gmail {background: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23E5E5E5%22%20d%3D%22M0%200h32v32H0z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M2.902%206.223h26.195v19.554H2.902z%22%2F%3E%3Cpath%20fill%3D%22%23E14C41%22%20d%3D%22M2.902%2025.777h26.195V6.223H2.902v19.554zm22.44-4.007v3.806H6.955v-3.6h.032l.093-.034%206.9-5.558%202.09%201.77%201.854-1.63%207.42%205.246zm0-.672l-7.027-4.917%207.028-6.09v11.008zm-1.17-14.67l-.947.905c-2.356%202.284-4.693%204.75-7.17%206.876l-.078.06-7.915-7.876%2016.11.033zm-10.597%209.61l-6.62%205.294.016-10.914%206.605%205.62%22%2F%3E%3C%2Fsvg%3E');}
.share_outlook {background: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%230072C6%22%20d%3D%22M0%200h32v32H0z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M19.52%208.29v5.5l1.92%201.208c.053.016.163.016.212%200l8.27-5.574c0-.66-.613-1.134-.962-1.134h-9.44z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M19.52%2015.84l1.755%201.204c.246.183.543%200%20.543%200-.297.183%208.104-5.397%208.104-5.397V21.75c0%201.102-.704%201.562-1.496%201.562H19.52V15.84z%22%2F%3E%3Cg%20fill%3D%22%23FFF%22%3E%3Cpath%20d%3D%22M10.445%2013.305c-.6%200-1.073.282-1.426.842-.354.56-.53%201.305-.53%202.23%200%20.936.176%201.677.53%202.22.348.546.814.82%201.382.82.588%200%201.054-.266%201.4-.795.343-.53.516-1.266.516-2.206%200-.984-.17-1.744-.502-2.288-.333-.55-.79-.823-1.37-.823z%22%2F%3E%3Cpath%20d%3D%22M2.123%205.5v21.51l16.362%203.428V2.33L2.123%205.5zm10.95%2014.387c-.693.91-1.594%201.367-2.706%201.367-1.082%200-1.967-.442-2.65-1.324-.68-.88-1.02-2.03-1.02-3.448%200-1.496.343-2.707%201.037-3.63.693-.926%201.614-1.388%202.754-1.388%201.08%200%201.955.438%202.62%201.324.667.885%201%202.05%201%203.495.004%201.496-.345%202.695-1.034%203.604z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');}
.register-presentation-block {background-color: #0073AE;padding:24px;color:white}
.register-presentation-block h2{color: #fff}
.row.no-margin-bot {margin-bottom: 0}
#messages time, #feedbacks time{font-size:0.8rem;color: #AFAFAF;margin-bottom:5px;}
#messages .content {margin-top:1rem}
#messages {border:1px solid #e0e0e0;background-color: white;margin-top:0}
#messages .message.private-comment {
    background: #cbd9ef52;
}
#messages .message.private-comment time{
    color: #707070;
}
#messages .avatar {
    margin:auto;
}
.event-owner-action{border:1px solid #fb8c00; color: #fb8c00;}
.private-comment-tag {font-size:0.8rem;background-color: #64b5f6;color:#fff;padding: 0.2rem}
.event-data .col {/* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;
    /* Instead use this non-standard one: */
    word-break: break-word;
    overflow-wrap: break-word;
    width: 100%;

    }
a.block-link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-decoration: none;
    /* Makes sure the link doesn't get underlined */
    z-index: 10;
    /* raises anchor tag above everything else in div */
    background-color: white;
    /*workaround to make clickable in IE */
    opacity: 0;
    /*workaround to make clickable in IE */
    filter: alpha(opacity=0);
    /*workaround to make clickable in IE */
}
#list-events .time {display:inline-block;}
#list-events .event-category-icon {width: 30px;display:inline-block;}
#list-events .subtitle {color: rgba(0, 0, 0, 0.7);font-size: 15px}

#list-events .main-bg {
    background-image: url('/images/banner_list_events.jpeg');
    background-position: right bottom;
    height: 150px;
    padding: 10px;
    margin-bottom: 20px;
}
.btn_connect {
    cursor: pointer;
}
.btn_connect .fa-stack-1x{
    color: limegreen;
    top: -7px;
    left: 5px;
}
.collection_participants .collection-item {
    padding: 5px;
}

.collection_participants .main-actions {
    margin-left:auto;
    padding-right:5px;
}
#pricing .name {
    font-size:2rem;
    text-transform: uppercase;
    font-weight: 300;
    padding:10px;
}
#pricing .plan {
    text-align: center;
}
#pricing .plan .name, #pricing .plan .plan-footer {
    background-color: #455a64;
    color: #fff;
    padding:10px;
}
#pricing .plan-standard .name, #pricing .plan-standard .plan-footer {
    padding:10px;
}
#pricing .plan .plan-footer .btn {
    width:100%;
}
#pricing .plan-standard .name {
    background-color: #fb8c00;
    color: #fff;
}
#pricing .price {
    font-size:3rem;

}
#pricing .billing-period {
    color: #888;
}
#pricing .fa-check {
    color: green;
}
#pricing .fa-times {
    color: red;
}
.invite-promotion {
    padding:5px 0;
    background-color: #eee;
}
nav .button-collapse {
    margin-left: 0px;
}
span.badge.connection-paused{
    background-color: darkorange;
    color: rgba(0, 0, 0, 0.7);
}
.profile-event-stat {
    font-size:24px;
    color: #fb8c00;
}
#motto-text {
    margin: 0 10px;
}
.events-list-collection {
    border:none;
}
.events-list-collection li.collection-item, .events-list-collection li.collection-item:last-child {
    margin-top: 5px;
    border: 1px solid #e0e0e0;
    border-left: 5px solid #ffe0b2;
}
.events-list-collection li.collection-item.alternate, .events-list-collection li.collection-item.alternate:last-child {
    border-left: 5px solid #ffca28;
}
#events-list .title {
    color: rgba(0, 0, 0, 0.7);
    font-size:1.2em;
    font-weight:bold;
}
.events-list-collection .collection-item:hover{
    cursor: pointer;
}

#profile-menu li a {
    height:55px;
    padding: 5px;
    display: flex;
    align-items: center;
    background-color: white;
    color: rgba(0, 0, 0, 0.7);
}
#profile-menu {
    background-color: #fff;
}
.anchor {
    margin-top: -110px;
    padding-top: 110px;
}
.anchor.active {
    background-color: red;
}
.past-event-date {
    display:block;
    color: rgba(0, 0, 0, 0.6);
    font-size:1rem;
}

#nav-mobile .active, #nav-mobile .active i.material-fa {
    color: #fb8c00;
}
#nav-mobile {
    line-height:16px;
    height:16px;
    text-align:center;
}
nav ul#nav-mobile a {
    padding: 5px;
}
#nav-mobile i.material-fa{
    line-height:30px;
    height:30px;
}
.top-nav-invite-icon {
    margin-right: 0.5rem;
}

input:not([type]).validate + label, input[type=text]:not(.browser-default).validate + label, input[type=password]:not(.browser-default).validate + label, input[type=email]:not(.browser-default).validate + label, input[type=url]:not(.browser-default).validate + label, input[type=time]:not(.browser-default).validate + label, input[type=date]:not(.browser-default).validate + label, input[type=datetime]:not(.browser-default).validate + label, input[type=datetime-local]:not(.browser-default).validate + label, input[type=tel]:not(.browser-default).validate + label, input[type=number]:not(.browser-default).validate + label, input[type=search]:not(.browser-default).validate + label, textarea.materialize-textarea.validate + label {
    width:100%;
}
#homepage-description {/*background-color: #fb8c00;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='hexagons' fill='%23007575' fill-opacity='0.4' fill-rule='nonzero'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    */
    background-color: #0073AE;
    color:white;padding:3rem 0}

#homepage-explanation {
    padding:3rem 0;
}
#homepage-explanation hr {
    border:2px #fb8c00 solid;
    width:40px;
}
#homepage-explanation h2 {
    color: #fb8c00;
    text-align:center;
}
#homepage-description h2 {color:white;text-align: center;}
.homepage-description-icon {margin:1.67rem 0 10px 0}
.homepage-description-link {color:white;
    text-decoration: underline;}

#homepage-values {
    padding:3rem 0;
}
#homepage-description hr {
    border:2px white solid;
    width:40px;
}
#homepage-values hr {
    border:2px #FB8C00 solid;
    width:40px;
}
#homepage-hero {
    background-image: linear-gradient(             rgba(255, 224, 178, 0),             #512d00     ),url(/images/home_bg.jpg);
    background-position: 50% 50%;
    background-size: cover;
    min-height: 300px;
    padding:3rem 0;
}
@media only screen and (min-width: 993px) {
    #homepage-hero, #homepage-hero>div {
        min-height: 500px;
    }
}
main#homepage {
    margin-top: 0px;
}
.btn, .btn-large {
    background-color: #fb8c00;
}
.btn:hover, .btn-large:hover {
    background-color: #ffab40;
}
.loader{
    height:100px;
    width:100px;

    background-image:url('data:image/svg+xml;utf8,<svg width="200px"  height="200px"  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" class="lds-flickr" style="background: none;"><circle ng-attr-cx="{{config.cx1}}" cy="50" ng-attr-fill="{{config.c1}}" ng-attr-r="{{config.radius}}" cx="34" fill="#fb8c00" r="20"><animate attributeName="cx" calcMode="linear" values="30;70;30" keyTimes="0;0.5;1" dur="1" begin="-0.5s" repeatCount="indefinite"></animate></circle><circle ng-attr-cx="{{config.cx2}}" cy="50" ng-attr-fill="{{config.c2}}" ng-attr-r="{{config.radius}}" cx="66" fill="#ffe0b2" r="20"><animate attributeName="cx" calcMode="linear" values="30;70;30" keyTimes="0;0.5;1" dur="1" begin="0s" repeatCount="indefinite"></animate></circle><circle ng-attr-cx="{{config.cx1}}" cy="50" ng-attr-fill="{{config.c1}}" ng-attr-r="{{config.radius}}" cx="34" fill="#fb8c00" r="20"><animate attributeName="cx" calcMode="linear" values="30;70;30" keyTimes="0;0.5;1" dur="1" begin="-0.5s" repeatCount="indefinite"></animate><animate attributeName="fill-opacity" values="0;0;1;1" calcMode="discrete" keyTimes="0;0.499;0.5;1" ng-attr-dur="{{config.speed}}s" repeatCount="indefinite" dur="1s"></animate></circle></svg>');

    background-size:cover;

}
.list-block-event .card .divider {margin: 24px 0}
.section-title {
    font-variant:all-small-caps;
    font-weight:500;
    font-size:2rem;
    padding:1rem;
    letter-spacing: 0.1rem;
    background-color: #EFEFEF;
}
.event-section {background:white;padding:1.5rem;border:1px solid #efefef}
.event-description {background:#f1f9ff;padding:1rem;border:1px solid #efefef}
.user-name {font-weight:500;color: #016abd}
.registration-chip{background-color:#01579b}
.feedback-title{
    width: 70%;
    overflow: hidden;
    white-space: nowrap;}
.choice-card-panel {margin:0}
label {display:block;
    margin-bottom:1rem;font-size:1rem}
/* Remove native desktop date picker but keep mobile one */
::-webkit-calendar-picker-indicator {
    display: none;
}
#feedback-request {
    border-bottom: 1px solid #efefef;
    margin-bottom: 1rem;
}
#appNotificationEnablerBlock{
    text-align: center;
    background-color: #eeeeee;
    padding: 1rem ;
}
.list-block-event .commitment-avatar {
    vertical-align: top;
    margin-top: -15px;
    width:35px;
    height:35px;
}
#share_mobile {
    cursor: pointer;
}
.events-empty-block {
    text-align: center;
    border: 1px solid #eeeeee;
    margin-bottom: 1rem;
    background: white;
    padding: 1rem;
}
.event_user_motto {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 16px;     /* fallback */
    max-height: 32px;      /* fallback */
    -webkit-line-clamp: 2; /* number of lines to show */
    -webkit-box-orient: vertical;
    margin-left:5px;
    color: #9e9e9e;
    margin-top:5px;
}
.user-name-block {
    width:60%;
}

.stacked-bar-graph {
    width: 100%;
    height: 4px;
/ / background: #eee;
    color: #414042;
}
.stacked-bar-graph span {
    display: inline-block;
    height:100%;
    box-sizing: border-box;
    float: left;
//  color: #fff;
    font-weight: bold;
    font-family: arial, sans-serif;
    border-left:1px solid lightgrey;
}

.stacked-bar-graph.commitment {
margin-bottom:2px;
}

.stacked-bar-graph.commitment.level-1 .bar-2,.stacked-bar-graph.commitment.level-1 .bar-3, .stacked-bar-graph.commitment.level-1 .bar-4, .stacked-bar-graph.commitment.level-1 .bar-5,
.stacked-bar-graph.commitment.level-2 .bar-3, .stacked-bar-graph.commitment.level-2 .bar-4,.stacked-bar-graph.commitment.level-2 .bar-5,
.stacked-bar-graph.commitment.level-3 .bar-4, .stacked-bar-graph.commitment.level-3 .bar-5,
.stacked-bar-graph.commitment.level-4 .bar-5
{
    background: #A7A9AC;
}

.stacked-bar-graph.commitment.level-1 .bar-1,
.stacked-bar-graph.commitment.level-2 .bar-1, .stacked-bar-graph.commitment.level-2 .bar-2,
.stacked-bar-graph.commitment.level-3 .bar-1, .stacked-bar-graph.commitment.level-3 .bar-2,
.stacked-bar-graph.commitment.level-3 .bar-3,
.stacked-bar-graph.commitment.level-4 .bar-1, .stacked-bar-graph.commitment.level-4 .bar-2,
.stacked-bar-graph.commitment.level-4 .bar-3, .stacked-bar-graph.commitment.level-4 .bar-4,
.stacked-bar-graph.commitment.level-5 .bar-1, .stacked-bar-graph.commitment.level-5 .bar-2,
.stacked-bar-graph.commitment.level-5 .bar-3, .stacked-bar-graph.commitment.level-5 .bar-4,
.stacked-bar-graph.commitment.level-5 .bar-5{
    background: #016abd;
}

.stacked-bar-graph.participation.level-1 .bar-2,.stacked-bar-graph.participation.level-1 .bar-3, .stacked-bar-graph.participation.level-1 .bar-4,
.stacked-bar-graph.participation.level-2 .bar-3, .stacked-bar-graph.participation.level-2 .bar-4,
.stacked-bar-graph.participation.level-3 .bar-4
{
    background: #A7A9AC;
}

.stacked-bar-graph.participation.level-1 .bar-1,
.stacked-bar-graph.participation.level-2 .bar-1, .stacked-bar-graph.participation.level-2 .bar-2,
.stacked-bar-graph.participation.level-3 .bar-1, .stacked-bar-graph.participation.level-3 .bar-2,
.stacked-bar-graph.participation.level-3 .bar-3,
.stacked-bar-graph.participation.level-4 .bar-1, .stacked-bar-graph.participation.level-4 .bar-2,
.stacked-bar-graph.participation.level-4 .bar-3, .stacked-bar-graph.participation.level-4 .bar-4{
    background: #F7B334;
}

#profile #name {
    text-align:center;
    text-transform: capitalize;
    font-weight:300;
}

#profile #avatar {
    text-align:center;
}
#profile #avatar .commitment-avatar {
    text-align:initial;
}
#profile #main-details {
    text-align:center;
    margin-top: 1rem;
}
#profile #top, #show-event #title {
    background: rgb(131,58,180);
    background: linear-gradient(90deg, rgba(131,58,180,1) 0%, rgba(253,29,29,0.8) 0%, rgba(252,176,69,1) 100%);
    padding-top:2rem;
    color: white;
    text-align:center;
}

#show-event #title.private-title {
    background: rgb(131,58,180);
    background: linear-gradient(90deg, rgb(1, 87, 155) 0%, rgba(1, 135, 205, 0.8) 0%, rgb(1, 146, 238) 100%);
    padding-top:2rem;
    color:white;
    text-align:center;
}
#show-event .private-title-info {
    background-color: #efefef;
    opacity:0.9;
    margin-bottom:2rem;
    color:rgba(0,0,0,0.7);
}
#show-event .chip.private-title-info i {
    margin-right:0.5rem;
}
main#profile, main#show-event {
    margin-top:0px;
}
#profile #motto-text {
    font-weight:500;
}
#profile #creationDate {
    margin-top: 1rem;
    text-align:center;
}
#profile #stats {
    background: rgba(0,0,0,0.1);
    text-align:center;
}
#show-event #title {
    margin-bottom: 0;
}
[v-cloak] .v-cloak--block {
    display: block;
}
[v-cloak] .v-cloak--inline {
    display: inline;
}
[v-cloak] .v-cloak--inlineBlock {
    display: inline-block;
}
[v-cloak] .v-cloak--hidden {
    display: none;
}
[v-cloak] .v-cloak--invisible {
    visibility: hidden;
}
.v-cloak--block,
.v-cloak--inline,
.v-cloak--inlineBlock {
    display: none;
}

hr {
    border-bottom:none;
    border-top:1px solid #efefef;
}