input, 
select, 
textarea {
	background-color: #fff;
    font-size: initial;
}

#si_quicksearch {
    font-size: 12px;
}

.little { font-size:13px }
.si_listmode { font-size:14px }
.si_form_post,
.si_form_sub,
.si_form_right {
	font-size:12px
}
.error { color: red }

.lightgrey { background-color: lightgrey }

.si-back-red   { background-color: #FF9999!important }
.si-back-green { background-color: #99FF99!important }


.heading1 { font-size:150% }
.heading2 { font-size:125% }

A:link.noul    { text-decoration: none }
A:visited.noul { text-decoration: none }
A:hover.noul   { text-decoration: none }

.sitemenu    { font-size:13px }
A:link.sitemenu    { text-decoration: none; color: #000000 }
A:visited.sitemenu { text-decoration: none; color: #000000 }
A:hover.sitemenu   { text-decoration: none; color: #000000; background: none }


a img {
	border: none;
}


a.rhs_button {
	text-decoration:none;
	color:#fff;
}
div.rhs_button {
	font-size:14px;
	margin:5px 0 5px 0;
	text-align:left;
	padding:3px 3px 3px 5px;
	background-color:#FFFFCC;
	border:solid #999999;
	border-width:0 1px 1px 0;
	margin-bottom:0px;
}

div.rhs_button_off {
	background-color:#CCCCCC;
}
div.rhs_button_off a {
	color:#666666;
}
div.rhs_button_off a:hover {
	color:#000000;
}

tr.jone {
	background: #EAFAFF;
}

tr.jtwo {
	background:white;
}

tr.jover {
	background:#99CCFF;
}

tr.jlatched {
	background: #99CCFF;
}

tr.jlastedited {
	background: #CCDDEE;
}

.strength_bar_container{display:block;float:left;margin-right:12px;height:16px;}
.strength_bar{display:inline-block;margin:4px 0;height:8px;}
.strength0 .strength_bar{width:5%;background-color:#ff0000;}
.strength1 .strength_bar{width:24%;background-color:#ff0000;}
.strength2 .strength_bar{width:43%;background-color:#ff5f5f;}
.strength3 .strength_bar{width:62%;background-color:#56e500;}
.strength4 .strength_bar{width:81%;background-color:#4dcd00;}
.strength5 .strength_bar{width:100%;background-color:#399800;}
.password_strength .description { font-weight:bold; }

ul.si_tab li{
	padding:4px 10px;
}

/** si overrides **/

.si_options_heading {
	display: block;
	padding-bottom: 5px;
	color: #666;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
}

span.icon_override {
	text-decoration: none;
	color: #fff;
	display: inline-block;
	width: auto;
}

span.icon_override_off {
	text-decoration: none;
	color: #444;
	display: inline-block;
	width: auto;
}

span.icon_override, span.icon_override_off{
	font-size:20px;
	padding:0px 5px;
	margin:0;
}

.qnpl-nav, .ilist-nav {
	background: #666666;
	color: #fff;
    display:table;
    width:100%;
}

.qnpl-nav .qnpl-nav-item {
    display:flex;
    float:left;
    height:35px;
    line-height:35px;
}

@media (max-width: 1000px) {
	.section{
		padding:0.5rem;
	}
    .qnpl-nav {
        justify-content:normal;
        display:table;
        width:100%;
    }
    .qnpl-nav .qnpl-nav-item {
        float:left;
    }
}

.qnpl-nav #si_toolbar_recordcount, .qnpl-nav .text, .qnpl-nav a {
	color: #fff;
}

.qnpl-nav a, .ilist-nav a {
	text-decoration: none;
}

.qnpl-nav a:hover, span.icon_override:hover {
	color: #ccc;
}
.qnpl-nav select {
	margin: 1px 2px 1px 2px;
}

a.navimg {
	width: auto;
}

/** form overrides **/

.si_listmode th {
	padding: 4px 5px 4px 5px;
	line-height: 16px;
	vertical-align: top;
	background : #ededed;
}

.si_listmode {
}

.qnpl-display {
	font-family: 'Arial', 'Helvetica', sans-serif;
	margin:auto;
	width:100%;
	text-align:center;
}

input.white_bkg {
	background: #FFF;
}

#main input:focus, 
#main textarea:focus, 
#main select:focus {
	background : #ffffff;
}

#main .si_toolbar select, #main .si_toolbar input {
	padding: 0;
}
.si_toolbar select, .si_toolbar input {
	padding: 0;
    width:initial;
    display:inline-block;
    appearance: menu-list;
    box-sizing: border-box;
    height:initial;
    background: #ffffff;
    line-height:initial;
    padding:0 2em;
}

.si_toolbar {
    font-size:11px;
}

td.little {
	padding-bottom: 3px;
}

.little.si_form_prompt label,
.si_form_input label,
.si_form_prompt label {
	padding-top: 4px;
	padding-bottom: 4px;
	font-family: 'Arial', 'Helvetica', sans-serif;
	display: inline-block;
	color: #666;
}

h3.si_heading {
	background: #eeeeee;
	color: #333;
	padding: 4px;
	font-size: 14px;
	margin: 10px 0 5px 0;
}

ul.si_tab li.tabselected {
	color: #fff;
	background-color: #666 !important;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
}

#main input.si_submitbutton {
	padding: 6px 10px 6px 10px;
    /*
	background: #666;
    */
	border: none;
	color: #fff !important;
	font-size: 13px;
	font-weight: bold;
	cursor: pointer;
	text-transform: uppercase;
}

#main input.si_submitbutton:hover {
	color: #66CCFF;
}

#main input.si_submitbutton.si_changed {
	background: #38d130 !important; 
}

#main input.si_submitbutton.si_changed:hover {
	color: #fff !important;
}

#main input.si_cancelbutton {
	padding: 6px 10px 6px 10px;
	border: none;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	cursor: pointer;
	background: #999;
	text-transform: uppercase;
}

.report_print {
	margin-top:10px;
}

.search_options {
	float:right;
	width:100%;
	background:#EDEDED;
	padding:0px 6px 10px 6px;
	margin-bottom: 10px;
}

.search_options .si_options_heading {
	margin-top:5px;
}


form.but_right input, form.but_right select{
	background:#fff;
	font-size:12px;
	padding:0;
	text-indent:1em;
	height:20px;
	border:1px solid #aaa;
}
form.but_right input:hover, form.but_right select:hover{
	background:#eee;
}

form.but_right input[type="submit"],form.but_right input[type="button"]{
	text-align:center;
	text-indent:0;
	padding:0 8px;
}
form.but_right input[type="submit"]:hover,form.but_right input[type="button"]:hover{
	background:#eee;
}


.si_listmode th{
	background:#333;
	/*color:#fff;*/
	text-align: left;
	text-indent:1em;
	font-weight:normal;
}
.si_listmode th a{
	background:#333;
	color:#fff;
	text-align:left;
	width:100%;
	display:block;
}
.si_listmode th a img{
	float:right;
	width:0;
}

.si_listmode th a img[alt="v"]{
	width:0px;
	height:0px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #fff;
	margin-right:5px;
	margin-top:5px;
	transition:all 0.1s ease-out;
	transition:transform 0.3s ease;
}
.si_listmode th a img[alt="^"]{
	width:0px;
	height:0px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #fff;
	margin-right:5px;
	margin-top:5px;
	margin-left:5px;
	transition:all 0.1s ease-out;
	transition:transform 0.3s ease;
}
.si_listmode th a:hover img[alt="^"]{
	border-bottom-color:#aaa;
	transform:rotate(-180deg);
}
.si_listmode th a:hover img[alt="v"]{
	border-top-color:#aaa;
	transform:rotate(180deg);
}

table.qnpl-list{
	border-spacing:0;
	padding:0;
	margin:0;
	border:none;
}
table.qnpl-list{
	border:1px solid #333;
}
table.qnpl-list tr{
	background:rgba(255,255,255,0);
	transition:background 0.5s ease-out;
}
table.qnpl-list td{
	/*background:#fff;*/
	box-shadow:-3px -3px 0px -2px #ccc inset;
	padding:2px 2px;
}
table.qnpl-list td{
	background:rgba(255,255,255,0);
	box-shadow:-3px -3px 0px -2px #ccc inset;
}


table.qnpl-list td a span,table.qnpl-list td b, .si_mcb_colours, .si_listmode b{
	border-radius:14px 2px;
	padding:1px 4px;
	transition:all 0.1s ease-out;
}
table.qnpl-list td a span:hover,table.qnpl-list td b:hover{
	color:#fff;
}

tr th:not(:nth-of-type(1)):after{
	content:"";
	background:#fff;
	height:12px;
	width:1px;
	display:block;
	position:absolute;
	margin-top:-14px;
	margin-left:-6px;
}

.si_toolbar {
    /* Andrew 20/03/2019
    float: left;
    background:#666;
    */
}

.si_toolbar div.text{
	line-height:23px;
    font-size:14px;
}
.qnpl-nav select{
	margin: 2px 2px 1px 2px;
}

table.qnpl-list tr:hover{
	background:#eaeaea;
	transition: background 0s ease-out;
}


.multi-checkbox .checkbox-wrapper.moveable .remove{display:none;float:right;margin-right:0px;vertical-align:middle;cursor:pointer;}
.multi-checkbox .checkbox-wrapper.moveable:hover .handle, .multi-checkbox .checkbox-wrapper.moveable:hover .remove, .multi-checkbox .checkbox-wrapper.moveable:hover .edit{display:block;}

@media (max-width: 991px) {
	.wrapper{
		margin-left: 0px;
	}
}

tr.user_customer {
}
tr.user_partner td.si_listmode {
     background-color:#9BC2CF;
}
tr.user_partner a {
     color:#555;
}
tr.user_admin td.si_listmode {
    background:#8FBC8F;
}

tr.is-selected.row_status_withdrawn td.si_listmode {
    background:#587f8a;
}


@media screen and (max-width: 768px) {
  .si_listmode {
    font-size: 1rem;
  }
  ul.si_tabpanel li,
  ul.si_tab li,
  div.si_form_prompt,
  span.si_form_right {
    font-size: 1.1rem;
  }
  .field {
    font-size: 1.2rem;
  }
}