.notificationBar {
    width: 100%;
    background: inherit;
    color: white;
    padding: 12px 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
 }
.show-on {
	display: flex !important;
}
#red-notification-bar {
    background: #d76868;
    z-index: 11;
}
#green-notification-bar{
    background-color: #2e7d32;
    z-index: 11;
}
#blue-notification-bar{
    background-color: #14c5d8;
    z-index: 11;
}
#notification-bar-container{
    display: flex;
    position: fixed;
    flex-direction: column;
    align-items: center;
    width: 100%;
    z-index: 10;
    top: 80px;
}
#red-notification-bar, #green-notification-bar, #blue-notification-bar {
	width: 100%;
}
.upgrade-button {
    text-decoration: underline;
}
.upgrade-button:hover {
   cursor: pointer;
}
.notification-bar-buttons{
    display: flex;
}
.notification-bar-buttons > div, .notification-bar-buttons > div > div {
    padding: 0 4px;
}
.animation-bar {
	-moz-animation: slide-up 0.8s ease 0s forwards;
   -webkit-animation: slide-up 0.8s ease 0s forwards;
   -o-animation: slide-up 0.8s ease 0s forwards;
   -ms-animation: slide-up 0.8s ease 0s forwards;
    animation: slide-up 0.8s ease 0s forwards;
}
#reachedTours > span > a {
    color: #ffffff!important;
}

.close-cb {
    margin-left: 30px!important;
    cursor: pointer;
    height: 100%;
    margin: auto auto;
}

.checkbox-cb {
	display: none;
}

@keyframes slide-down {
    from {top: 80px; opacity: 1;}
    to {top: 0px; opacity: 0;}
}

@-webkit-keyframes slide-down /* Safari and Chrome */ {
    from {top: 80px; opacity: 1;}
    to {top: 0px; opacity: 0;}
}

@-o-keyframes slide-down /* Opera */ {
    from {top: 80px; opacity: 1;}
    to {top: 0px; opacity: 0;}
}
@-ms-keyframes slide-down /* IE10 */ {
    from {top: 80px; opacity: 1;}
    to {top: 0px; opacity: 0;}
}

@keyframes slide-up {
    from {top: 0px; opacity: 0;}
    to {top: 80px; opacity: 1;}
}

@-webkit-keyframes slide-up /* Safari and Chrome */ {
    from {top: 0px; opacity: 0;}
    to {top: 80px;opacity: 1;}
}

@-o-keyframes slide-up /* Opera */ {
    from {top: 0px; opacity: 0;}
    to {top: 80px; opacity: 1;}
}
@-ms-keyframes slide-up /* IE10 */ {
    from {top: 0px; opacity: 0;}
    to {top: 80px; opacity: 1;}
}