@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');

#sfs_ticket_form { 
font-family: 'Montserrat', sans-serif; 
}


/* ----------------------- 6FS SUPPORT HELP DESK PLUGIN ----------------------------------------*/

#sfs_item_wrapper .major_ticket_items label {
  padding-top: 0px !important;
}

#sfs-article-results ul {
    margin-top:20px;
    list-style-type: disc !important;
}

#sfs-article-results ul li{
  margin-bottom:20px;
}


 #sfs_ticket_form_wrap input:focus, input[type="text"]:focus,  input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="reset"]:focus, input[type="search"]:focus, textarea:focus {
   
    border: 1px solid #ffffff !important ;
    box-shadow: 0 2px 8px 0 rgb(0 0 0 / 25%) !important;
    outline: 0px !important;
}

 #sfs_ticket_form_wrap input:focus-visible, input[type="text"]:focus-visible, input[type="email"]:focus-visible, input[type="url"]:focus-visible, input[type="password"]:focus-visible, input[type="reset"]:focus-visible, input[type="search"]:focus-visible, textarea:focus-visible {

   border: 1px solid #ffffff !important ;
   box-shadow: 0 2px 8px 0 rgb(0 0 0 / 25%) !important;
   outline: 0px !important;
}

#sfs_ticket_form_wrap .sfs-attach-a-file input:focus {

   border: none !important ;
   box-shadow: none !important;
   outline: none !important;
}

#sfs-confirm-email input:focus-visible, input:focus{
  border:1px solid #ccc !important;
  
}

#sfs_ticket_form_wrap input[type="email"]:focus,input[type="email"]:focus-visible {
  background:#fff !important;
}

 #sfs_ticket_form_wrap select{
    
    outline: 0px !important;
}


#sfs_ticket_wrap input::placeholder {
    color:#636363 !important;
  font-size:13px !important;
  font-weight:400 !important

}

#sfs_ticket_wrap textarea::placeholder {
    color:#636363 !important;
  font-size:13px !important;
  font-weight:400 !important
}


#sfs_ticket_form_wrap select::placeholder {
  
    color:#636363 !important;
  font-size:13px !important;
  font-weight:400 !important

}


#sfs_ticket_form_wrap input[type=email], input[type=number], 
input[type=text], input[type=url],input[type=search], select, textarea {
  
    background: #f4f4f4;
    border-radius: 4px;

}



.main-desc{
  min-height: 260px !important;
  border-left: 2px solid #f72585 !important;
  border-radius: 4px;
  background-color: #f4f4f4;
  width:100%

}

.ticket_agent span {
	color: #000;
}



#sfs_ticket_form_wrap fieldset {
    border: none !important;
    padding:0em !important;
    margin: 0 0 0px;
}

#sfs_ticket_form_fields p{
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.ticket_content p {
	padding-left: 0px !important;
	padding-right: 0px !important;
	margin-bottom: 1em !important;
}


.reply_files {
	margin-top:25px !important;
}

label.attach {
	margin: 0 0 15px !important;
}

#sfs_ticket_form_wrap .sfs-select-chosen, #sfs_ticket_form_wrap input.sfs-input, #sfs_ticket_form_wrap select, #sfs_ticket_wrap input.sfs-input {
   
    width: 100%;
}


.reply_files input.sfs-input {
	
	  border: none !important;
    -webkit-transition: .07s ease-in-out;
    transition: .07s ease-in-out;
    color: #4a545a !important;
    border-radius: 3px;
    background:#f6f6f6 !important;
    box-shadow: none !important;
	  box-sizing: border-box;
	  padding: 13px 17px !important;
}



.sfs-attach-a-file {
  max-width: 500px;
  margin-top:25px !important;
}


.sfs-attach-a-file input {
    border: none !important;
    //height: 2.5em;
    -webkit-transition: .07s ease-in-out;
    transition: .07s ease-in-out;
    color: #4a545a;
    border-radius: 3px;
    //background:#f4f9fd;
    background:#f4f4f4;
    box-shadow: none;
	  box-sizing: border-box;
	  padding: 13px 17px;
}



input#sfs_reply_submit.button{
	
	font-size: 20px;
  font-weight: 700 !important;
  padding: 10px 30px;
	width: 250px;
    border-bottom: 3px solid #00000026;
}

#sfs_item_wrapper {
    font-size: 100%;
    font-family: 'Montserrat',sans-serif;
}



.sfs_item_info ticket_info {
	font-size:100% !important;
}

.sfs_alert_warn {
    color: #000000;
   background-color: #fff4f4;
    border-color: #fbd4e6;
	font-size: 15px;
}

.sfs_alert_success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #025103;
    padding: 20px !important;
    font-family: 'Montserrat' !important;
    //max-width: 900px;
    //margin: 60px auto 10px;
  
}





.sfs_alert {
    
    padding: 20px 20px 10px;
   
}

#sfs_ticket_wrap fieldset legend {
	display: none;
}


//#tinymce #sfs-description{
	font-family: "Lato" !important;
}

#sfs_ticket_form_submit .button {
	
    background-color: #f72585;
    border: none;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    font-size: 21px;
    font-weight: 800;
    padding: 18px 24px;
    white-space: normal;
    max-width: 300px;
    border-bottom: 4px solid #00000026;
    width: 100%;
}


#sfs_ticket_form_submit  .button:hover {
	
	background-color:#5B2062 ;
    border-bottom: 4px solid #00000026;
   
}


#sfs_register_submit .button{
	
	background-color:#f72585  !important;
   
}



#sfs_register_submit .button:hover {
	
	background-color:#5B2062 ;
   
}



#sfs_login_submit .button{
	
	background-color:#f72585;
   
}

#sfs_login_submit .button:hover {
	
	background-color:#5B2062 ;
   
}

#sfs_item_wrapper fieldset {
    border: 1px solid #e2e2e2;
}



#sfs_ticket_form_wrap fieldset {
  
    margin: 0 0 0px;
}

.sfs-replies-row-actions .toggle-view-reply-option-section:hover {
    color: #1e97e1;
    font-size: 13px;
	  font-weight: 700;
}

.sfs-replies-row-actions .toggle-view-reply-option-section {
    color: #1e97e1;
    font-weight: 700;
	   font-size: 13px;
}

.sfs-replies-row-actions {
    
    font-size: 13px;
    font-weight: 700;

}

.reply_close 	{
    display: none;
}

#sfs_ticket_form_wrap .sfs-select-chosen, #sfs_ticket_form_wrap input.sfs-input, #sfs_ticket_form_wrap select, #sfs_ticket_wrap input.sfs-input{
	
	border-left: 2px solid #f72585 ;
}

#sfs_ticket_rating_wrapper {
    background: #fafafa;
    max-width: 600px;
    padding: 5%;
    margin-bottom: 30px;
    border: 1px solid #eee;
}

#sfs_ticket_rating_wrapper h3 {
	
    color: #ce3535;
}





.sfs-challenge {
	margin-bottom: 2px !important;
}

.sfs-captcha-wrap {
	background: #ffefef;
    width: 100%;
    max-width: 300px;
    padding: 20px;

}

.sfs-captcha-answer {
	max-width: 50px;
    max-height: 40px;
	background: #ffffff;
}
	

.sfs-captcha-refresh {
    background: #5b2062;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 4px 6px;
    line-height: 1;
    cursor: pointer;
}


.sfs-captcha-refresh:hover {
    background: #f72585;

}

.star_label {
    color: #3f548f;
}


#submit-ticket-rating {
    margin-top: 15px;
    padding: 12px 20px;
}

//p.sfs-last-name-2	{
    display: none;
}


/* ----------------------- 6FS SUPPORT HELP DESK ACCESS FORM ----------------------------------------*/

 

.sfs-input.popup-first {
    display: flex !important;
    width: 48% !important;
    float: left !important;
    margin-right: 13px !important;
    padding: 3px 10px;
    border-radius: 4px;
    background-color: #f4f4f4;

}



.sfs-input.popup-last { 
    display: flex !important;
    width: 48% !important;
    margin-top: -24px !important;
    padding: 3px 10px;
    border-radius: 4px;
    background-color: #f4f4f4;
    margin-bottom:-10px !important;

}

.sfs-input.popup-email {
    display: flex !important;
    width: 48% !important;
    float: left !important;
    margin-right: 13px !important;
    padding: 3px 10px;
    border-radius: 4px;
    background-color: #f4f4f4;

  
}



.sfs-input.popup-subject { 
    display: flex !important;
    width: 48% !important;
    padding: 3px 10px;
    border-radius: 4px;
    background-color: #f4f4f4;
    margin-bottom:-10px !important;
}
  

.sfs-lesson-course-and-title .sfs-input { 
    padding: 3px 10px !important;
    border-radius: 4px !important;
    background-color: #f4f4f4 !important;
} 


.sfs-lesson-course-and-title .sfs-input[type=text]:focus {
  background-color: #fff !important;
} 


.popup-desc{
  min-height: 160px !important;
  border-left: 2px solid #f72585 !important;
  border-radius: 4px;
  background-color: #f4f4f4;
  margin-top:-10px !important;
  margin-bottom: 5px;

}


.access-attach {
  margin-bottom: 10px;
  border-left: none !important;
  margin-bottom: -10px !important;
  font-size: 14px;
  font-weight: 400;
}

.sfs-attach-a-file-2 input {
   padding: 7px 15px;
    background: #f4f4f4;
    max-width: 315px !important;
    border-radius: 4px;
}

p.sfs-description-2{
  margin-bottom:10px !important;
  margin-top:15px;
}

p.sfs-attach-a-file-2  {
  margin-bottom: 0px !important;
}

 #sfs_ticket_form_wrap .sfs-attach-a-file-2 input:focus{
  border: none ;
   box-shadow: none;
   outline: 0px;
}

.access-attach-label {
  
    display: none !important;
  
}


/* 6FS SUPPORT TICKET PAGE wysiwyg ADD LINK
 * --------------------------------------------- */

#wp-link-close {
   
    top: 3px !important;
    right: 40px !important;
    
}

.search-panel {
	
	display: none !important
}

.howto{
	
	display: none !important
}

.link-search-wrapper{
	
	display: none !important
}

#most-recent-results{
	
	display: none !important
}

#wp-link-close:before {
    font: normal 17px/27px dashicons;
}



/* iPhone (portrait and landscape)
--------------------------------------------- */
@media only screen and (max-width: 767px) {
  
 
  
  /* 6FS SUPPORT 
 * --------------------------------------------- */ 
  
 select{
    
    height: 50px !important;
}
  
  
  .sfs-attach-a-file input {
    max-width:320px;
  }

  
 .sfs_ticket_wrapper .ticket_info_wrapper {
    padding: 0px !important;
  }
  
  #sfs_item_wrapper input.sfs-input {
    
    width: 100%;
    
}
  
 #sfs_ticket_wrap {
   //max-width:300px !important;
  }
  	
#sfs_ticket_form_wrap .sfs-select-chosen, #sfs_ticket_form_wrap input.sfs-input, #sfs_ticket_form_wrap select, #sfs_ticket_wrap input.sfs-input {
    display: inline-block;
    width: 100% ;
}
  
  #wp-sfs-description-wrap{
  width: 100% !important;
}
  
 
  

  #sfs_ticket_form_submit  .button {
   width: 100%;
    
}
  
  .wtcuploadinput {

    cursor: pointer;
    float: left;
    width: 62px;
    margin-top: -40px !important;
    opacity: 0;
    clear: both;

}
		
	
	.star_label {
    width: 100% !important;
}
	
	.sfs_rating>label.full {
    
    float: left !important;
}



}