.dtp div.dtp-date, .dtp div.dtp-time {
    background-color: rgba(104, 200, 183, 1);
}

.dtp > .dtp-content > .dtp-date-view > header.dtp-header {
    background-color: #27B199;
}

.dtp table.dtp-picker-days tr > td > a.selected {
    background-color: rgba(104, 200, 183, 1);
}

.dtp div.dtp-actual-year {
    color : #FFF6A4;
}

.dtp .p10 > a {
    color : #27B199;
}

.dtp > .dtp-content {
    max-height: none;
}

.dtp-buttons > .btn-flat {
    margin-left: 8px;
    padding: 8px 16px;
    border-radius: 16px;
    cursor : pointer;
    -webkit-transition : all 0.32s ease-out;
    -o-transition : all 0.32s ease-out;
    transition : all 0.32s ease-out;
    background-color : transparent;
    border : 0;
    color : #979797;
}
.dtp-buttons > .dtp-btn-cancel:hover {
    color : #ff5959;
}

.dtp-buttons > .dtp-btn-ok {
    background-color: rgba(104, 200, 183, 1);
    border: 1px solid rgba(104, 200, 183, 1);
    color: #fff;
}

.dtp-buttons > .dtp-btn-ok:hover{
    background-color: #27B199;
    border: 1px solid #27B199;
}

.app-chat-area .qcw-user-status.qcw-user-status--group {
    max-width: 185px;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
}
.d-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.flex {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
}
.no-padding {
    padding: 0 !important;
}
.radius {
    border-radius: 5px !important;
}
.cta-button {
    background: #27B199;
    -webkit-box-shadow: 0px 7px 17px rgba(51, 51, 51, 0.07);
            box-shadow: 0px 7px 17px rgba(51, 51, 51, 0.07);
    border: 0;
    border-radius: 6px;
    padding: 10px 32px;
    color: #FFFFFF;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-decoration: none;
}

.modal-container.radius {
    border-radius: 16px !important;
}