.bootstrap-iso{
  font-size: 13px !important;
}

#qcld_tickets_container {
  border-radius: 4px;
  /*border: 1px solid #718093;*/
  background-color: #fff;
  color: #2C3E50;
  min-height: 300px;
  width: 100%;
  box-shadow: 0 2px 3px 0 rgba(60, 64, 67, .30), 0 2px 3px 0px rgba(60, 64, 67, .15);
}

#qcld_tickets_container .qcld_loading_icon{
  margin-top: 118px;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.qcld_reply_widget .qcld_loading_icon{
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}

.qcld_tl_action_bar{
  padding: 10px 0;
  background-color: #718093;
}

.qcld_create_ticket_btn{
  background-color: #E74C3C;
  color: #fff !important;
  margin-bottom: 3px !important;
}

.qcld_action_btn{
  background-color: #FFF;
  color: #383333 !important;
  margin-bottom: 3px !important;
}

.qcld_search_btn{
  margin-top: -24px;
  cursor: pointer;
}

.qcld_search_btn_sarch{
  margin-left: 10px;
  float: left;
}

.qcld_search_btn_filter{
  margin-right: 10px;
  float: right;
  position: relative;
}

#qcld_ticket_search{
  padding: 0 30px !important;
}

.wpsp_custom_filter_container{
  width: 100%;
  background-color: #fff;
  border: 1px solid #cccccc !important;
  position: absolute;
  z-index: 999999;
  top: 32px;
  left: 0px;
}

.wpsp_filter_btn{
  margin: 3px 0 !important;
}

.wpsp_filter_body{
  max-height: 250px;
  overflow-y: auto;
  padding: 15px 0;
}

.wpsp_filter_footer{
  padding: 10px 0;
  background-color: #F3F3F7;
}

.qcld_sidebar, .qcld_it_body{
  padding-top: 20px;
}

.qcld_sidebar .row{
  background-color: #fff;
  padding: 0 15px;
  border-radius: 4px;
  margin-bottom: 15px;
  border: 1px solid #c3c3c3;
  min-width: 150px;
}

.wpsp_sidebar_labels{
  font-size: 15px;
  margin: 10px 0;
  cursor: pointer;
  overflow: hidden;
  width:100%;
  -webkit-transition: all 0.3s ease; 
  -moz-transition: all 0.3s ease; 
  -o-transition: all 0.3s ease; 
  transition: all 0.3s ease; 
}

#qcld_md_filters .wpsp_sidebar_labels.active, #qcld_md_filters .wpsp_sidebar_labels:hover{
  font-weight: bold;
  -webkit-transition: all 0.3s ease; 
  -moz-transition: all 0.3s ease; 
  -o-transition: all 0.3s ease; 
  transition: all 0.3s ease; 
}

@media (max-width: 991px) and (min-width: 768px){
  .bootstrap-iso .qcld_action_btn.visible-sm{
    display: inline !important;
  }
}

@media (max-width: 767px){
  .bootstrap-iso .qcld_action_btn.visible-xs{
    display: inline !important;
  }
}

.qcld_ticket_list_container{
  padding-top: 20px;
  min-height: 500px !important;
}

.qcld_ticket_list_container td,.qcld_ticket_list_container th,.qcld_ticket_list_container tr,.qcld_ticket_list_container table{
  border: none !important;
}

.qcld_ticket_list_container td,.qcld_ticket_list_container th{
  white-space: nowrap;
}

.qcld_ticket_list_container th{
  background-color: #424949;
  color: #ffffff;
}

.qcld_ticket_list_container tr:hover{
  cursor: pointer;
}

.qcld_ticket_list_container input[type=checkbox]{
  margin: 0 !important;
  vertical-align: middle !important;
}

.wpsp_admin_label{
  border-radius: 4px;
  font-weight: bold;
  padding: 5px 10px;
  font-size: 10px;
}

.qcld_thread{
  display: table;
  width: 100%;
  padding: 10px;
  background-color: #FFFFFF;
  border-radius: 5px;
  margin-bottom: 20px;
  border: 1px solid #c3c3c3;
}

.qcld_thread.note{
  background-color: #FEF9E7;
}

.thread_avatar, .thread_body{
  display: table-cell;
  vertical-align: top;
}

.thread_avatar{
  width: 40px;
}

.thread_avatar img{
  border-radius: 5px;
}

.thread_body{
  padding: 0 15px 5px 15px;
}

.thread_user_name{
  margin-bottom: 10px;
}

.thread_user_name strong{
  font-size: 16px;
}

.thread_user_name i {
  margin-left: 5px;
}

.thread_messege, .thread_messege p{
  font-size: 13px !important;
}

.thread_action_btn{
  float: right;
  cursor: pointer;
  margin-left: 10px;
  color: #a7a9ab;
  font-size: 14px;
}

.thread_action_btn:hover{
  color:black;
}

.qcld_raised_by_action:hover{
  color:black;
}

.qcld_thread_log{
  padding: 10px;
  margin-bottom: 20px;
  background-color: #D6EAF8;
  text-align: center;
  border-radius: 5px;
  overflow: hidden;
}

.qcld_reply_widget{
  margin-bottom: 20px;
}

.bootstrap-iso .attachment {
  text-align:left !important;
}

#qcld_frm_create_ticket .attachment{
  width: 100% !important;
}

.qcld_reply_widget .attachment, .qcld_reply_widget .submit{
  padding: 5px 0;
}

.attachment_link span{
  font-size: 13px;
  color: #0077AE;
  cursor: pointer;
  text-decoration-line: underline;
  text-decoration-style:dotted;
  padding-right: 10px;
}

.qcld_reply_widget button, .qcld_reply_widget .btn-group{
  float: right;
  margin-top: 5px;
}

.btn {
  margin-right: 2px !important;
}

.individual_ticket_widget .wpsp_sidebar_labels{
  font-size: 12px;
  cursor: auto;
}

.qcld_sf_del{
  padding: 1px 5px !important;
}

.raisedby_img{
  width: 100%
}

.raisedby_img img{
  border-radius: 5px;
}

.raisedby_name{
  width: 100%;
  font-size: 17px;
  margin: 15px 0;
}

.raised_by_div{
  margin-bottom: 10px;
  background-color: #D6DBDF;
  overflow: hidden;
  color: #000;
  border: none !important;
}

.raised_by_div div{
  vertical-align: middle;
}

.raised_by_div .thread_avatar{
  width: 20px;
}

.raised_by_div .thread_body{
  padding: 0 15px 0 15px;
}

.raised_by_div .thread_user_name{
  margin-bottom: 0;
}

.qcld_page_heading{
  margin-left: 30px;
  margin-bottom: 35px !important;
}

.qcld_ct_field_label{
  font-size: 15px;
}

.create_ticket_fields_container{
  padding: 0 20px;
  padding-top: 15px;
}

.create_ticket_frm_submit{
  padding: 0 30px;
  margin: 30px 0;
}

.assigned_agent{
  padding-bottom: 20px !important;
}

.attachment_container{
  margin-top: 10px;
}

.attachment_cancel{
    float: right;
    margin: -40px 0px 0 0;
    cursor: pointer;
}

.captcha_container{
  margin-bottom: 10px;
  display: flex;
  padding: 20px;
  margin-left: 15px;
  background-color: #B2BABB;
  color: #000;
  font-size: 15px;
  border-radius: 5px;
  font-weight: bold;
}

.widget_header{
  margin-bottom: 3px !important;
  font-size: 16px !important;
}

.widget_divider{
  margin-top: 4px !important;
  margin-bottom: 6px !important;
}

#qcld_message_login{
  padding: 5px;
  border-radius: 4px;
}

.qcld_attachment_tbl table, .qcld_attachment_tbl th, .qcld_attachment_tbl td{
      border: hidden !important;
      padding: 0px !important;
}

.qcld_ticket_thread_expander{
  margin-top: 10px;
  color: #003eff;
  cursor: pointer;
}

.thread_messege{
    overflow: hidden;
}

.qcld_ticket_thread_content img{
    cursor: pointer;
}

.qcld_textarea{
  height: 160px !important;
  width: 100%  !important;
}

#qcld_ticket_fields{
  margin: 10px 0;
}

#qcld_ticket_aof_fields{
  margin: 10px 0;
}

.qcld_tl_action_bar button{ 
  float: left !important; 
}

#qcld_register_email_error, #qcld_register_username_error{
  color: red;
}

.thread_messege ul{
  list-style-type:disc !important;
  padding-inline-start: 40px;
}

.qcld_seen_info{
  float:right;
  cursor:pointer;
}

#qcld_additional_users{
  margin: 10px 0;
}

#biographical_info{
  margin: 10px 0;
}

.bootstrap-iso .mce-tinymce{
  border: 1px solid #ccc;
}

#inputEmail{
  margin-bottom: 5px;
}

.thread_messege #qcld_timer_table {
  width: auto !important;
  border-collapse: collapse;
  border-top: 1px solid #ddd;
}

.thread_messege #qcld_timer_table td, .thread_messege #qcld_timer_table th {
  border: 1px solid #ddd;
  padding: 8px;
}

#qcld_frm_agent_setting, #qcld_popup_body form{
  width: 100% !important;
}

.qcld_tl_action_bar {
    width: 100%;
}

.bootstrap-iso .row {
    width: 100%;
}

.bootstrap-iso .btn-xs, .bootstrap-iso .btn-group-xs > .btn {
    padding: 2px 10px;
    margin-bottom: 2px;
}

p.form-signin-heading-text {
    padding: 5px;
    text-align: center;
    font-weight: bold;
    margin-top: 20px;
}

.qcld_register_pass_wrap,
.inputPassword_wrap{
  position: relative;
}

.qcld_register_pass_wrap .qcld-input-password,    
.inputPassword_wrap .qcld-input-password{    
  position: absolute;
  width: 1.25rem;
  height: 1.25rem;
  top: .25rem;
  right:5px;
  font-size: 20px;
  color: #2271b1;
  cursor: pointer;
}
.qcld_register_pass_wrap .qcld-input-password{       
  top: 2rem;
}

/*qcld-attachment-lightbox STYLE*/
.qcld-attachment-lightbox {
  display: none;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.qcld-attachment-lightbox .qcld-attachment-lightbox-video {
  width: 100%;
  padding-bottom: 56%;
  position: relative;
}
.qcld-attachment-lightbox iframe {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  right: 0;
}
.qcld-attachment-lightbox img {
  display: block;
  margin: 0 auto;
}
.qcld-attachment-lightbox .qcld-attachment-lightbox-close {
  position: absolute;
  display: block;
  top: -15px;
  right: -15px;
  color: indianred;
  font-size: 20px;
  height: 30px;
  width: 30px;
  background: rgba(255, 255, 255, 1);
  border: 3px solid indianred;
  border-radius: 50%;
  line-height: 30px;
  text-align: center;
  z-index: 9999;
  transition: 0.3s ease all;
}
.qcld-attachment-lightbox .qcld-attachment-lightbox-close:hover {
  text-decoration: none;
  transition: 0.3s ease all;
  color: #ff7c7c;
  border-color: #ff7c7c;
}
.qcld-attachment-lightbox .qcld-attachment-lightbox-container {
  max-width: 1024px;
  margin: 100px auto 25px;
  position: relative;
  background: #fff;
  box-shadow: 0 5px 15px rgba(0, 0, 0, .7);
  min-height: 350px;
}
.qcld-attachment-lightbox .qcld-attachment-lightbox-container .qcld-attachment-lightbox-column {
  width:100%;
  min-height: 350px;
  display: flex;
  justify-content: center;
  align-items: center;
}


.qcld_attachment_tr .qcld_attachment_link .dashicons  {
  line-height: 20px;
  width: 20px;
  height: 20px;
  font-size: 14px;
}

#qcld_frm_signup_user .reg_required label span{
  color: indianred;
}

@media screen and (max-width: 767px){ 

  .qcld_tickets_container .qcld_sidebar {
    width: 100% !important;
    min-width: 100% !important;
    float: none;
    display: block;
  }

}