#wpsc_tickets_container,
.wpsc-shortcode-container {
    background-color: transparent !important;
    border: 0px solid black !important;
}

.wpsc-link,
.wpsc-link:hover {
    color: black !important;
}

#wpsc_tickets_container h2 {
    font: normal 800 var(--tertiaryHead) aktiv-grotesk, sans-serif !important;
    color:var(--primaryColor) !important;
}

#wpsc_tickets_container button {
    border: 0px !important;
    border-radius: 0px !important;
}

#wpsc_tickets_container input[type="checkbox"] {
    border: 3px solid var(--darkColor) !important;
}

#wpsc_tickets_container .checkbox label p {
    font-size: 0.875rem !important;
    margin: 0px 0px 0px 10px !important;
}

#wpsc_tickets_container .captcha_container {
    background-color: var(--primaryColor) !important;
}

#wpsc_tickets_container .create_ticket_fields_container p {
    font-size: 0.875rem !important;
    margin: 0px 0px 20px 3px !important
}

.wpsc_tl_action_bar, #wpsc_tickets_container {
    width: 100% !important;
    padding: 15px 10px;
}

.wpsc_tl_action_bar {
    background-color: var(--primaryColor) !important;
}

#wpsc_tickets_container .wpsc_search_btn {margin-top: -43px !important;}

#wpsc_tickets_container .visible-sm, #wpsc_tickets_container #wpsc_load_list_reset_filters_btn {
    display: none !important;
}

#create_ticket_body p a {
    color: var(--darkColor) !important;
}

#wpsc_tickets_container #wpsc_frm_tkt_reply {
    width: 100%;
}

#wpsc_tickets_container .row {
    width: 100% !important
}


/*MF*/

#wpsc_tickets_container .table-responsive{
    background-color: var(--lightColor);
}

.page-tickets .container-fluid:not(.intro-section) .row.sectionPadding_ultrasmall{
    position: relative;
}

.page-tickets footer{
    overflow: hidden;
}

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

    footer .col-12{
        padding-left: 30px;
    }
    
}

.page-tickets .container-fluid:not(.intro-section)  .row.sectionPadding_ultrasmall:after{
    content: "";
    position: absolute;
    z-index: -1;
    width: calc(100% - 30px);
    height:100%;
    background-color: var(--lightColor);
    top:0;
    left: 15px;
}

#wpsc_tickets_container input, #wpsc_tickets_container .captcha_container{
    border:none !important;
    border-radius: 0px !important;
    outline: none !important;
}

#wpsc_tickets_container select{
    border-radius: 0px !important;
    box-shadow: 0px 0px 0px var(--lightColor) !important;
}

#wpsc_tickets_container input[type="text"], #wpsc_tickets_container input[type="password"]{
    border: 1px solid #ccc !important;
}

#wpsc_tickets_container, #wpsc_tickets_container .row.wpsc_tl_action_bar, .wpsp_admin_label  {
    background-color: var(--lightColor) !important;
    border-radius: 0px !important;
}

.page-tickets #contact a{
    color: var(--lightColor) !important;
}

.page-tickets #contact .tab-container input, .page-tickets #contact .tab-container textarea, .page-tickets #contact small, .page-tickets #contact .cta-tabs, .page-tickets form span.form-inner-head {
    border-color: var(--lightColor) !important;
    color: var(--lightColor) !important;
}

.page-tickets #contact ::placeholder{
    color: var(--lightColor) !important;
}

.page-tickets #contact .nav-tabs .cta-tabs.active, .page-tickets #contact .cta-tabs:hover{
    border-color: var(--tertiaryColor) !important;
    color: var(--tertiaryColor) !important;
}

.page-tickets #contact input:focus, .page-tickets #contact textarea:focus{
    color: var(--darkColor) !important
}


.page-tickets input#wpsc_ticket_search{
    border-top:1px solid var(--lightColor) !important;
    border-left:1px solid var(--lightColor)  !important;
    border-right:1px solid var(--lightColor)  !important;
    border-bottom: 1px solid #ccc !important;
    box-shadow: 0px 0px 0px var(--lightColor) !important;
}

.page-tickets #wpsc_tickets_container input.form-control:focus, .page-tickets #wpsc_tickets_container input:focus{
    box-shadow: 0px 0px 0px var(--lightColor) !important;
}



.page-tickets .col-xl-8{
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
}


.page-tickets #wpsc_md_filters .row,
.page-tickets .row.assigned_agent,
.page-tickets .row#wpsc_status_widget
.page-tickets .row#wwpsc_raised_by_widget,
.page-tickets .wpsc_thread,
.wpsc_sidebar .row {
    border-radius: 0px !important;
}

.page-tickets  #wpsc_tickets_container p, 
.page-tickets  #wpsc_tickets_container a,
.page-tickets  #wpsc_tickets_container strong{
    color: var(--darkColor) !important;
}

.wpsp_sidebar_labels:not(.all){
    margin: 0 5px !important;
}

.thread_avatar img, .assigned_agent img{
    border-radius: 50% !important;
    height: 40px !important;
    width: 40px !important;
}

.page-tickets #wpsc_tickets_container .wpsc_thread_log, .page-tickets .wpsc_thread.raised_by_div{
    background-color:var(--tertiaryColor) !important;
    border-radius: 0px !important;

}
.page-tickets #wpsc_tickets_container .wpsc_thread_log{
width: 100% !important;
margin-left: 0px !important;
flex: 0 0 100% !important;
max-width: 100% !important;
background-image: linear-gradient( var(--tertiaryColor) , var(--tertiaryColor) ) !important;


}

.page-tickets #wpsc_tickets_container .btn-default, .page-tickets #wpsc_tickets_container .btn-default:hover{
    background-image: none !important;
    background-color: var(--primaryColor) !important;
    border-bottom: 0px solid transparent !important;
    color: var(--lightColor) !important;
    margin-bottom: 5px !important;
    margin-top: 5px !important;
}

.wpsc_loading_icon img{
    display: none !important;
}

#wpsc_popup {
    height: auto !important;
}

.wpsc_loading_icon{
    width:100%;
    height: 100%;
    text-align: center;
    animation-name: pulse;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    transform-origin: 50% 50%;
    position: absolute;
    top:0;
    right:0;
    left:0;
    bottom:0;
    margin: auto;height:40px;
}

.wpsc_loading_icon:before{
    content:"F";
    text-align: center;
    color:var(--lightColor);
    padding: 12.5px 25px;
    background-color: var(--primaryColor);
    font: normal 800 var(--tertiaryHead) aktiv-grotesk, sans-serif !important;
}

@keyframes pulse {
    from { transform: rotate(0deg) scale(0.75); }
    50% { transform: rotate(180deg) scale(0.75); }
    to { transform: rotate(360deg) scale(0.75); }
  }

#wpsc_popup_body .form-control{
    border-radius: 0px !important;
}

#wpsc_popup_body .form-group .form-control{
    padding-left: 3px !important;
}

.page-tickets #wpsc_tickets_container *:not(i){
    font-family: 'aktiv-grotesk', sans-serif !important;
}

.page-tickets .wpsc_ticket_thread_expander {
    margin: 10px 0 !important;
    color:var(--darkColor) !important;
    text-decoration: underline !important;
}

.page-tickets .row.attachment_link span{
    color:var(--darkColor) !important;
    text-decoration: underline !important;
}

.wpsp_admin_label{
    color: var(--darkColor) !important;
}

/*Safari Fix Floatimn*/
@media not all and (min-resolution:.001dpcm) { 
    @media {
        .bootstrap-iso .clearfix:before, .bootstrap-iso .clearfix:after, .bootstrap-iso .dl-horizontal dd:before, .bootstrap-iso .dl-horizontal dd:after, .bootstrap-iso .container:before, .bootstrap-iso .container:after, .bootstrap-iso .container-fluid:before, .bootstrap-iso .container-fluid:after, .bootstrap-iso .row:before, .bootstrap-iso .row:after, .bootstrap-iso .form-horizontal .form-group:before, .bootstrap-iso .form-horizontal .form-group:after, .bootstrap-iso .btn-toolbar:before, .bootstrap-iso .btn-toolbar:after, .bootstrap-iso .btn-group-vertical > .btn-group:before, .bootstrap-iso .btn-group-vertical > .btn-group:after, .bootstrap-iso .nav:before, .bootstrap-iso .nav:after, .bootstrap-iso .navbar:before, .bootstrap-iso .navbar:after, .bootstrap-iso .navbar-header:before, .bootstrap-iso .navbar-header:after, .bootstrap-iso .navbar-collapse:before, .bootstrap-iso .navbar-collapse:after, .bootstrap-iso .pager:before, .bootstrap-iso .pager:after, .bootstrap-iso .panel-body:before, .bootstrap-iso .panel-body:after, .bootstrap-iso .modal-footer:before, .bootstrap-iso .modal-footer:after {
            content: " ";
            display: none !important;
            } 
    }
}

.page-tickets #wpsc-container{
    width: calc(100% - 60px) !important;
    margin-left: 30px !important;
    margin-right: 30px !important;

}

.page-tickets .wpsc-widget-header{
    background-color: #eee !important;

}

.page-tickets .wpsc-widget-body{
    background-color: #f7f7f7 !important;

}

.page-tickets .user-list-item img{
    width: 50px !important;
    height: 50px !important;
    border-radius: 50% !important;
}

.page-tickets .thread-text *,
.page-tickets .thread-text,
.page-tickets .wpsc-body p{
    color: var(--darkColor) !important;
}

.page-tickets .checkbox-container p{
    color: var(--darkColor) !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
}

.page-tickets .gdpr .checkbox-container p:after{
    color: var(--darkColor) !important;
    content: "*";
    display: inline-block;
    color: #ff0000 !important;
margin-left: 5px;

}

.page-tickets #wpsc-container h2{
    color: var(--darkColor) !important;
    font-size: 20px !important;

}

.page-tickets .thread-text p{
    font-size:18px !important;
    line-height: 1.5 !important;
    margin: 15px 0 !important;
}

.page-tickets .thread-header *{color: var(--darkColor) !important;
}