body, html {
    height: auto;
}

.wpsc-bootstrap-styles .panel-heading {
	cursor: pointer;
}

.wpsc_fullwidth {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
}

.wpsc_width10 { width: 10%; }
.wpsc_width20 { width: 20%; }
.wpsc_width25 { width: 25%; }
.wpsc_width30 { width: 30%; }
.wpsc_width35 { width: 35%; }
.wpsc_width40 { width: 40%; }
.wpsc_width50 { width: 50%; }
.wpsc_width60 { width: 60%; }
.wpsc_width65 { width: 65%; }
.wpsc_width70 { width: 70%; }
.wpsc_width80 { width: 80%; }
.wpsc_width90 { width: 90%; }

.wpsc-bootstrap-styles .tab-content {
    padding-top:25px;
    color:lightgoldenrod !important;
}

.wpsc_align_center {
    text-align: center;
}

.wpsc-bootstrap-styles .modal {
    text-align: center;
}

.wpsc-bootstrap-styles .panel-title input[type=checkbox] {
    margin:-4px 4px 0 0;
}

@media screen and (min-width: 768px) {
    .wpsc-bootstrap-styles .modal:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }
}
@media screen and (max-width: 768px) {
    .row-eq-height {
    	display: block !important;
    }
    .smallscreen-buttons {
    	display:block !important;
    }
    .largescreen-buttons {
    	display:none !important;
    }
    [data-dt-column="1"] {
    	display: none !important;
    }
    .wpsc-bootstrap-styles .modal-dialog {
    	top:10% !important;
    }
}

.smallscreen-buttons,
.wpsc_hidden,
.wpsc_admin_thread_create_as_other {
	display:none;
}

.largescreen-buttons {
	display:block;
}

.wpsc-bootstrap-styles .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.wpsc_field_error {
    border: solid 2px #FF0000 !important;
}

.sorting_disabled {
    text-align:center;
}

.has-attachments {
    float:right;
}

.thread_actions {
    vertical-align:top !important;
    padding:15px;
}

.thread_actions .glyphicon {
    cursor:pointer;
    padding:2px;
}

.wpsc_delete_status,
.wpsc_delete_imap,
.wpsc_delete_category,
.wpsc_save_status_colour,
.wpsc_save_priority_colour,
.wpsc_delete_priority,
.wpsc_help,
.wpsc_delete_attachment,
.wpsc_recurring_ticket_delete_attachment {
    cursor: pointer;
    vertical-align: middle;
}

tr, td,
.wpsc_delete_status img,
.wpsc_delete_imap img,
.wpsc_delete_category img,
.wpsc_save_status_colour img,
.wpsc_save_priority_colour img,
.wpsc_delete_attachment img,
.wpsc_delete_priority img {
    vertical-align: middle;
}

.wpsc_required {
    color: lightgoldenrodyellow;
}

.align_centre {
    text-align: center;
}

.valign_top {
    vertical-align: top !important;
}

.valign_middle {
    vertical-align: middle !important;
}

.wpsc_admin_ticket_row,
.wpsc_recurring_ticket_row,
.wpsc_template_row,
.wpsc_template_insert_row,
.wpsc_front_ticket_row,
.wpsc_front_tab_close,
.wpsc_tab_close,
.wpsc_user_tab_close,
.wpsc_tickets_refresh,
.wpsc_user_row {
    cursor: pointer;
}

#wpsc_admin_tabs li span { float: right; cursor: pointer; }
.wpsc_ticket_threads h3 span { float: right; cursor: pointer; }

.wpsc_thread_header {
    background-color: #eeeeee;
    padding: 10px;
    margin-bottom: 25px;
}

.wpsc_thread_header_author {
    font-size: 1.3em;
    font-weight: 600;
}

th.ui-state-default input[type='text'] {
    width:100%;
}

.ui-dialog .ui-dialog-titlebar-close span {
    margin: 0px;
    margin-left: -8px;
    position: relative;
}

.ui-widget-overlay {
    opacity: .80 !important;
    filter: Alpha(Opacity=80) !important;
    background-color: rgb(50, 50, 50) !important;
}

.wpsc_help {
    max-width:16px;
    max-height:16px;
}

.dataTables_filter {
    display: none;
}

.wpsc_datatables_search {
    width: 100%;
}

.wpsc-bootstrap-styles ul.nav.nav-tabs {
    margin:0;
}

.row {
    width: auto;
}

.wpsc-bootstrap-styles .form-horizontal .control-label{
    padding-top: 7px;
}

.wpsc_thread_header td {
    line-height: 1.2;
    vertical-align:middle;
}

.wpsc-bootstrap-styles .form-group .checkbox input[type=checkbox],
.wpsc-bootstrap-styles .form-group .checkbox-inline input[type=checkbox],
.wpsc-bootstrap-styles .form-group .radio input[type=radio],
.wpsc-bootstrap-styles .form-group .radio-inline input[type=radio] {
    position: inherit !important;
    margin-left: inherit !important;
}

.email_row {
    cursor: pointer;
}

.piping-modal {
    width:auto;
    max-width:80%;
    overflow: initial;
    max-height:90%;
}

.piping-modal-body {
    max-height: calc(100vh - 200px);
    overflow-x: hidden;
    overflow-y: auto;
}

.wpsc_thread_is_pinned {
    background-image: linear-gradient(to bottom,#ff9999,#ff0000 100%) !important;
}


.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.panel-body-wheat {
	background-color:#F5DEB3;
}

.panel-body-lightyellow {
	background-color:#FFFFE0;
}

table.dataTable {
	background-color:  #FFFFFF;
}

table.dataTable tr.odd {
	background-color:  #FFFFE0;
}

table.dataTable tr.even {
	background-color: #FFFACD;
}

p {
	font-size:inherit;
}

.wpsc_email_account {
	padding:5px;
	margin:3px;
	border-radius:5px;
}

.wpsc_thread_body {
	width: 100%;
	height:250px;
	overflow:scroll;
}

.wpsc_admin_datatable thead,
.wpsc_admin_datatable tfoot {
    background-color: #b8860b;
    color: #fff;
}

.wpsc-bootstrap-styles-admin .modal {
	left:90px;
}

.dataTables_wrapper {
	font-size:0.8em;
}

.wpsc-bootstrap-styles input,
.wpsc-bootstrap-styles optgroup,
.wpsc-bootstrap-styles select,
.wpsc-bootstrap-styles textarea {
	color:#000000 !important;
}

.wpsc-thread-header hr {
	margin-top:5px !important;
	margin-bottom:5px !important;
}

.wpsc-thread-header {
	display: table;
    background-color: #ccc;
    width: 100%;
    padding: 10px;
}

.wpsc-bootstrap-styles .panel-default > .panel-heading {
	background-color:#b8860b !important;
	color:#ffffff !impostant;
}

.wpsc-bootstrap-styles .modal {
	z-index:9999 !important;
}

.wpsc-bootstrap-styles .nav-tabs > li.active > a,
.wpsc-bootstrap-styles .nav-tabs > li.active > a:hover,
.wpsc-bootstrap-styles .nav-tabs > li.active > a:focus {
    background-color: #b8860b !important;
    color: #fff !important;
}

.wpsc-bootstrap-styles .nav-tabs > li > a {
    background-color: #fafad2 !important;
    color: #000 !important;
}

.container-fluid.wpsc-bootstrap-styles {
	padding-left: 0px !important;
    padding-right: 0px !important;
}