/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */


/*like and dislike counter css*/



.cpm-count {
    background-color: #fafafa;
    border: 2px solid #c6c6c6;
    padding-top: 13px;
    padding-bottom: 6px;
    width: auto;
    padding-left: 5px;
    height: 39px;
    font-size: 20px;
    font-family: Arial;
    font-weight: normal;
    color: rgb(85, 85, 85);
}

.voteup {
    cursor: pointer;
}

.voteup:hover {
    color: blue;
}

.votedown {
    cursor: pointer;
}

.votedown:hover {
    color: red;
}

.faq-submit-query {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
}

.faqdisplayvote {
    padding: 7px 5px 2px 6px;
    border-radius: 0px;
    text-align: center;
    background: #eee;
}

.rating {
    margin: 10px;
}

.disabled {
    cursor: not-allowed;
}

.confirm-mail {
    font-weight: 900;
    margin: 8px 0 10px 0;
}

.suggested-faq {
    font-weight: 500;
    margin: 0px 0px 7px 10px;
}


.avatar-message .panel-image img.avatar {
    border-radius: 50%;
    width: 45px;
    margin-top: 10px;
}

.avatar-message .panel-heading span.date {
    position: absolute;
    right: 20px;
    color: #444444;
}

.avatar-message.user-message .panel-reply.user {
    padding-top: 0px;
    border: none;
}

.avatar-message.user-message .panel-heading.user {
    border: none;
    background-color: transparent;
}

.avatar-message.user-message .panel-heading.user h6 {
    color: #444444;
}

.avatar-message.user-message:before {
    display: none;
}

.avatar-message.user-message .panel-reply.user p {
    margin: 2px;
}


.avatar-message.user-message {
    width: 50%;
    border-bottom: 1px solid rgb(184, 183, 183);
    left: 20%;
}


.avatar-message.user-message .panel-image.user {
    left: -60px;
}


form.registered_form .form-group {
    width: 56%;
    left: 24%;
}

form.registered_form {
    margin-top: 50px
}

form.registered_form h3 {
    margin-left: 24%;
}

.ck.ck-sticky-panel__content .ck.ck-toolbar.ck-toolbar_grouping {
    background-color: transparent;
}

.ck.ck-dropdown.ck-heading-dropdown .ck-dropdown__button .ck-button__label {
    color: #444444;
}

svg.ck.ck-icon {
    color: #444444;
}

.form-group button.btn {
    padding: 8px;
    margin-top: 8px;
    font-size: 14px;
    border-radius: 4px;
}

.form-group .button-bottom a.btn {
    padding: 12px;
    font-size: 14px;

}

.form-group .button-bottom {}


.ck.ck-dropdown.ck-heading-dropdown .ck-dropdown__panel .ck-list__item {
    min-width: 50% !important;
}

.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_ne,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_se {
    width: 50%;
}

.ck.ck-button span.ck-button__label {
    color: #444444;
}




.ticket-info .single-ticket-block {
    background: #FFFFFF;
    border: none;
    border-radius: 20px;
    filter: drop-shadow(0px 4px 30px rgba(0, 0, 0, 0.08));
}

.ticket-info .single-ticket-block h5 {
    border-bottom: 1px solid #cccccc;
    background-color: transparent;
    padding-top: 20px;
}

.ticket-info .single-ticket-block .ticket-table tr {
    margin-bottom: 6px;
}

/* ----------- Design ----------------------- */


/* --declaring varaiable-- */
:root {
    --purple: #8f71d4;
}


.chat .chat-header {
    background: var(--purple);
}

.chat .search-bar-box #fab_send {
    background: var(--purple);
}

#fabs #robodesk_title a {
    color: var(--purple);
}

/* ------------------------- design-changes --------------------- */
/* 
.chat #chat_converse{
    overflow-x: hidden;
    width:unset;
    padding: 30px 0 ;    
}

 

.chat{
    padding: 0 20px;
}

.chat .chat-header{
    right: 20px;
}


.fab_field .search-bar-box #fab_send{
    height: 41px;
}

.chat .fab_field.robodesk_card {
    padding: 10px 0 10px 0 ;
}

.search-header-text{  
  padding-left: 30px;  
}

.search-header-text p{
    margin-top: 0;
}

.search-bar-box .chat_field.chat_message {
    padding: 0;
}

#fabs span.chat_msg_item{
    padding: 20px 30px !important;
}

 .search-bar-box{
    width: 100%;
    max-width: 340px !important;
    padding-left: 30px;
}


.chat .chat_converse .chat_msg_item.chat_msg_item_admin{
    max-width: 340px !important;
}

.chat_converse .fab_field.robodesk_card{
    margin-bottom: 30px;
}

@media (max-width:1023px){
  
    .search-bar-box{
        max-width: 260px !important;
        padding-left: 20px;
    }

    .search-header-text{
        padding-left: 20px;  
    }

    #robodesk_title .chat_msg_item.chat_msg_item_admin{
        max-width: 260px !important;
        padding-left: 20px !important;
    }

    .faq-ask-question textarea{
        padding: 20px  !important;
    }

}

@media (max-width:479px){
  
    .search-bar-box{
        max-width: 220px !important;
        padding-left: 15px;
    }

    .search-header-text{
        padding-left: 15px;  
    }

    #robodesk_title .chat_msg_item.chat_msg_item_admin{
        max-width: 220px !important;
        padding-left: 15px !important;
    }

    .faq-ask-question textarea{
        padding: 20px 30px 20px 15px !important;
    }

}

 */


/* #tabs-wrap .title-input-grp, #tabs-wrap .col-md-8.title-input-grp label {
	display: none !important;
} */