/* support_ticket_addon Admin */

.qcld_padding_space{
  padding-top: 20px;
}

.qcld_setting_col1{
  
}

.qcld_setting_col2{
  background-color: #e5e5e5;
  width:  65% !important;
  padding: 20px;
  border-radius: 5px;
}

.qcld_setting_pills > li > a {
  color: #333333;
  border-width: 0.5px;
  border-style: solid;

}

.qcld_setting_pills > li.active > a, .qcld_setting_pills > li.active > a:hover, .qcld_setting_pills > li.active > a:focus {
  color: #ffffff;
}

.qcld_setting_pills > li > a:hover, .qcld_setting_pills > li > a:focus{
  color: #333333;
}

.qcld_loading_icon img{
  margin-left:  auto;
  margin-right:  auto;
  display:  block;
}

.qcld_submit_wait, .qcld_submit_wait_1{
  width: 30px;
  margin-left: -70px;
}

.qcld_alert{
  position: fixed;
  top: 50px;
  right: 50px;
  font-size: 15px;
  font-weight: bold;
}

.qcld-flex-container {
  display: flex;
  border-radius: 4px;
  max-width: inherit;
}

.qcld-flex-container > div {
  margin: 5px 0 5px 5px;
  padding: 3px;
  font-size: 12px;
}

.qcld-sortable-handle,.qcld-sortable-edit,.qcld-sortable-delete,.qcld-sortable-clone{
  cursor: pointer;
  width: 25px;
}

.qcld-sortable-label{
  width: 90%;
}

.bootstrap-iso .qcld_setting_col2 h4, .bootstrap-iso .qcld_setting_col2 .h4 {
    font-size: 18px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin: 0;
    padding: 0;
}

.bootstrap-iso .qcld_setting_col2 h4 button, .bootstrap-iso .qcld_setting_col2 .h4 button{
  margin-left: 0 !important;
}


.qcld_tag_td:hover{
  color: blue;
  cursor: pointer;
}

/***
 * Filter display css start
 */
.wpsp_filter_display_container{
  list-style-type: none !important;
  width: 100% !important;
  margin: 0 !important;
  float: left;
}
.wpsp_filter_display_element{
  max-width: 300px !important;
  float: left;
  margin: 3px 3px 3px 0 !important;
}
.wpsp_filter_display_element .flex-container{
  display: flex;
  border-radius: 4px;
  background-color:#747d8c;
  color:#fff;
  font-size: 10px;
}
.wpsp_filter_display_text{
  max-width: 280px !important;
  padding: 5px;
}
.wpsp_filter_display_remove{
  width: 20px !important;
  padding: 5px;
  cursor: pointer;
}
/* Filter display end */

.qcld_flex {
  display: flex !important;
}

.bootstrap-iso .ui-state-default{
  background-color: transparent !important;
  border: none !important;
  background : none !important;
}

.thread_messege p img{
  max-width: 100%;
  height: auto;
}

.mce-window.mce-in, .mce-menu.mce-in.mce-animate{
  z-index: 900000000001 !important;
}

#qcld_thankyou_html, #qcld_en_body, #qcld_agent_signature,#qcld_sf_email_body,#qcld_ct_warn_email_body,#qcld_close_user_warn_email_body,#qcld_atc_email_body{
	height: 200px !important;
}

.wp-admin .bootstrap-iso select{
  max-width:100% !important;
}

.qcld_ticket_open_new_tab{
  display: none;
}

span.qcld_range_slider_label {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-weight: bold;
    padding:0px 0px;
    margin:0px 0px;
}

.qcld_kbx_checkbox_list .form-check-inline{
  display: inline-flex;
  padding:5px 5px;
}
.qcld_kbx_checkbox_list .form-check-label{
  padding: 0px 5px;
  text-transform: capitalize;
  line-height: 24px;
}

#qcld_tickets_container {
    box-shadow: none !important;
}
#qcld_tickets_container {
    width: 99% !important;
}

.bootstrap-iso .table > thead > tr > th, .bootstrap-iso .table > tbody > tr > th, .bootstrap-iso .table > tfoot > tr > th, .bootstrap-iso .table > thead > tr > td, .bootstrap-iso .table > tbody > tr > td, .bootstrap-iso .table > tfoot > tr > td {
    padding: 14px !important;
}


body.kbx-support-167_page_qcld-settings, body.kbx-support-167_page_qcld-ticket-list, body.kbx-support-167_page_qcld-appearance, body.kbx-support-167_page_qcld-email-notifications, body.kbx-support-167_page_qcld-ticket-list, body.kbx-support-167_page_qcld-custom-fields, body.kbx-support-167_page_qcld-kbx-support-agents, body.toplevel_page_qcld-kbx-support-tickets {
    background: linear-gradient(260deg, #d4a5b6, #9dbbd4);
}
.qcld_setting_col2 {
    background-color: #e5e5e5;
    width: 65% !important;
    padding: 20px;
    border-radius: 5px;
    border: 1px solid hsla(247, 57%, 91%, 1);
    padding: 1.5rem;
    border-radius: 1rem;
    width: 100%;
    box-shadow: inset 0 0 1.25rem hsla(247, 57%, 91%, 1), 0rem 0rem 2rem rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(0.1rem);
    background: hsl(247deg 57% 91%);
}


.qcld_setting_pills > li.active > a, .qcld_setting_pills > li.active > a:hover, .qcld_setting_pills > li.active > a:focus {
    color: #ffffff;
    border: none;
    outline: none;
    box-shadow: none;
        border: 1px solid hsla(247, 57%, 91%, 1);
}




.qcld_setting_pills > li > a {
    border: 1px solid hsla(247, 57%, 91%, 1);
    padding: 2.5rem;
    border-radius: 1rem;
    width: 100%;
    backdrop-filter: blur(0.1rem);
    background: hsl(247deg 57% 91%);
}
.bootstrap-iso h3 {
    border: 1px solid hsla(247, 57%, 91%, 1);
    padding: 18px 15px;
    border-radius: 1rem;
    width: 98.5%;
    box-shadow: inset 0 0 1.25rem hsla(247, 57%, 91%, 1), 0rem 0rem 2rem rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(0.1rem);
    background: hsl(247deg 57% 91%);
}
.qcld_setting_col1 {
    padding-left: 0 !important;
}

.bootstrap-iso .btn-success {
    border-style: solid;
    background-color: #ddd !important;
    border-color: #ddd;
   box-shadow: inset -5px 20px 2px -20px #fff, inset 5px -20px 2px -20px #fff, inset -19px 1px 2px -20px #000, inset 19px 1px 2px -20px #000, inset 19px 1px 2px -20px #000, inset -15px -26px 3px -30px #000;
    border-radius: 6px;
    box-shadow: inset 0 0 1.25rem hsla(247, 57%, 91%, 1), 0rem 0rem 2rem rgba(255, 255, 255, 0.3);
    position: relative;
        color: #222;
    font-size: 15px;
    font-weight: bold;
    padding: 10px 25px;
    background: linear-gradient(45deg, #f86b2d4f, #de54c217, #ba6ac93d, #7a9ed254, #85d5e757);
    border: 1px solid hsla(247, 57%, 91%, 1);
    background-color: #eeeeee !important;
     box-shadow: rgb(50 50 93 / 16%) 0px 13px 27px -5px, rgb(0 0 0 / 10%) 0px 8px 16px -8px;     

}
.bootstrap-iso .btn-success:hover {
    border-color: #fff;
 background: linear-gradient(45deg, #85d5e757, #7a9ed254, #ba6ac93d, #de54c217, #f86b2d4f);
     color: #222;
         border: 1px solid hsla(247, 57%, 91%, 1);
   
}


.qcld_setting_pills > li > a:hover {

    background: linear-gradient(45deg, #f86b2d4f, #de54c217, #ba6ac93d, #7a9ed254, #85d5e757);
    border: 1px solid hsla(247, 57%, 91%, 1);
}

.qcld_setting_pills > li.active > a{
    background: linear-gradient(45deg, #f86b2d4f, #de54c217, #ba6ac93d, #7a9ed254, #85d5e757);
    border: 1px solid hsla(247, 57%, 91%, 1);
    background-color: #eeeeee !important;
}

.bootstrap-iso .nav-pills > li.active > a, .bootstrap-iso .nav-pills > li.active > a:hover, .bootstrap-iso .nav-pills > li.active > a:focus {
     color: #222 !important;
}