#inputarea .v-card .v-card__text{
    padding: 0 25px !important;
}

header, header > div{
    height: 43px !important;
}

main{
    padding-top: 43px !important;
}

.vue-sound-wrapper .icon-stop2{
    display: none !important;
}

.vue-sound-wrapper .vue-sound__extern-wrapper{
    display: none !important;
}

select.speed{
    display: block;
    border: 1px solid gray !important;
    padding: 5px 20px;
    border-radius: 3px;
    margin: auto;
}

video{
    width: 320px;
}

#msgTxtarea{
    max-height: 110px;
    overflow: hidden auto;
}

/*scrollbar*/
::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
}

/*image rotation*/
button.imageRotateIcon{
    position: absolute !important;
    left: -57px;
    top: 38px;
}

img.image{
    height: 200px;
    width: 100%;
    object-fit: cover;
}

#emojiPicker {
    position: absolute;
    z-index: 10;
    right: 0px;
    bottom: 88px;
    box-shadow: 0px 0px 12px -5px rgba(0, 0, 0, 0.75);
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}
#note{
    margin-top: -16px;
}

.active{
    color: red !important;
}

#ssNameNumber{
    text-align: center;
    margin-top: 21px;
    color: blue;
}

/*uploader*/
.e-btn.e-flat.e-primary, .e-css.e-btn.e-flat.e-primary{
    display: none !important;
}

/*vsnnack margin top*/
@media only screen and (max-width: 850px) {
    .v-snack.v-snack--active.v-snack--right.v-snack--top {
        margin-top: 44px;
    }
}

/*call success failed text*/
span.successTxt{
    color: lightseagreen;
}
span.failed{
    color: red;
}

/*recorder */
.ar {
    width: 98% !important;
}
.ar-recorder__records-limit,
.ar-records__record,
.ar-recorder__stop > svg
{
    display: none !important;
}
.ar-records {
    height: 0px !important;
}
.ar-icon.ar-icon__sm.ar-recorder__stop:before {
    content: '☑️';
    display: inline-block;
    vertical-align: top;
    width: 29px;
    text-align: center;
    color: #999;
}

/*for admin component*/
.v-tabs-slider-wrapper {
    display: none !important;
}

.container{
    padding: 0 !important;
}