.messages{
	overflow: auto;
	height: 340px;
}

.controls{
	padding-top: 5px;
}


.fades-leave-to {
  transition: opacity .5s
}

/* Enter and leave animations can use different */
/* durations and timing functions.              */
.slide-fade-enter-active {
  transition: all .8s ease;
}
.slide-fade-leave-active {
  transition: all .8s cubic-bezier(1.0, 0.5, 0.8, 1.0);
}
.slide-fade-enter, .slide-fade-leave-to
/* .slide-fade-leave-active below version 2.1.8 */ {
  transform: translateX(10px);
  opacity: 0;
}

::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-thumb {
    background: #00bbf1 !important;
    border-radius: 10px;
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 2px grey;
    border-radius: 10px;
}

.notification.is-primary {
    background-color: #fff;
    color: #606060;
}

input {
    width: 100%;
    border-bottom: 1px solid #c4c4c4 !important;
    border-top: unset !important;
    border-right: unset !important;
    border-left: unset !important;
    height: 40px;
    text-indent: 10px;
    background-color: #fff;
    padding-right: 30px;
    font-size: 13px !important;
    border: unset;
    border-radius: unset !important;
    box-shadow: unset !important;
    margin-top: 7px;
}

.content p {
    font-size: 13px !important;
    padding-bottom: 5px !important;
}

.button.is-primary[disabled] {
    background-color: #00bbf1 !important;
}

.button.is-primary {
    background-color: #00a5d5 !important;
}

.input:focus, .input:hover
 {
    z-index: 0 !important;
}

.box {
    -webkit-box-shadow: 0 10px 18px 0 rgba(94,108,132,.22) !important;
    box-shadow: 0 10px 18px 0 rgba(94,108,132,.22) !important;
}