h1,h2,h3
{
font-family: verdana, arial, 'sans serif'; 
}

p,table,li
{
font-family: verdana, arial, 'sans serif'; 
}

ul
{
list-style: disc; 
font-family: verdana, arial, 'sans serif'; 
}

ol
{
list-style: decimal; 
font-family: verdana, arial, 'sans serif'; 
}

p,li,th,td
{
font-size: 80%;
font-family: verdana, arial, 'sans serif'; 
}

input
{
font-family: 'courier new';
}

body
{
background-color: #ffffff;
}

h1,h2,h3,hr 
{
color:black; 
}

tr.outline th {
    border: 1px solid black;
}

table.priceinfo {
	border-collapse: collapse;
}

.priceinfo td,th {
	border: 1 solid black;
	padding: 5 15 5 15;
}

table#new_price thead {
	background-color: #BDBDBD;
}

.priceinfo thead {
	background-color: #BDBDBD;
}

.current_price {
	background-color: #81F781;
}

.open_price {
	background-color: #F5F6CE;
}

#popups .forms {position:fixed;left:0;top:0;width:440px;height:200px;display:none;z-index:9999;padding:20px;}
#mask{position:absolute;left:0;top:0;z-index:9000;background-color:#000;display:none;}

.branch_unmapped {
	background-color: #F5A9A9;
}

.price_missing {
	background-color: #F5D0A9;
}

.shaded_bg {
	background-color: #D8D8D8;
}

.bland_link {
	text-decoration: none;
}

td.middle {
	text-align: center;
}

td.right {
    text-align: right;
}

table.list_info tr:nth-child(odd) td {
	background-color: #E6E6E6;
}

.shaded_bg {
	background-color: #E6E6E6;
}

a.selected {
  background-color:#1F75CC;
  color:white;
  z-index:100;
}

.messagepop {
  background-color:#FFFFFF;
  border:1px solid #999999;
  cursor:default;
  display:none;
  margin-top: 15px;
  position:absolute;
  text-align:left;
  width:500px;
  z-index:50;
  padding: 25px 25px 20px;
}

label {
  display: block;
  margin-bottom: 3px;
  padding-left: 15px;
  text-indent: -15px;
}

.messagepop p, .messagepop.div {
  border-bottom: 1px solid #EFEFEF;
  margin: 8px 0;
  padding-bottom: 8px;
}

div.f_title {
	width: 100px;
	float: left;
	margin-left: 50px;
}

div.f_title2 {
	width: 150px;
	float: left;
}

.messagepop hr {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.readonly {
	background-color:transparent;
	color:red;
}

.error {
	color: red;
}

div.sms {
    float: left;
    width: 70px;
}

span.small {
    font-size: 75%;
}

table#remittance_search th {
    text-align: center;
    font-weight: bold;
    font-size: 120%;
}

table#remittance_search td.title {
    text-align: right;
    font-weight: bold;
    background-color:#e6e6e6;
}

table#remittance_search td.header {
    text-align: center;
    font-weight: bold;
    background-color:#e6e6e6;
}

span.warn_them {
    font-size: 150%;
    font-weight: bold;
}

/* https://www.w3schools.com/css/css_inline-block.asp */
.floating-box-header {
    display: inline-block;
    width: 123px;
    height: 20px;
    border-bottom: 1px solid;  
}

.floating-box-body {
    display: inline-block;
    width: 131px;
    height: 20px;
    border: 0;  
}

.floating-box-body2 {
    width: 123px;
    border: 0;  
}

/* loader div */
#loading {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: fixed;
    display: block;
    opacity: 0.7;
    background-color: #fff;
    z-index: 99;
    text-align: center;
}

/* loading image */
#loading-image {
    position: absolute;
    top: 30%;
    left: 45%;
    z-index: 100;
}

/* The Modal (background) */
.modal {
  font-family: Verdana;
  font-size: 20px;
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 10px;
  border: 1px solid #888;
  min-width: 50%;
  min-height: 700px;
  position: fixed;
  top: 6%;
  left: 25%;
  z-index: 1;
  overflow: auto;
  max-height: calc(100vh - 200px);
}

/* Modal Content */
.sm-modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 10px;
  border: 1px solid #888;
  min-width: 50%;
  min-height: 100px;
  position: fixed;
  top: 6%;
  left: 25%;
  z-index: 1;
  overflow: auto;
  max-height: calc(100vh - 200px);
}

/* The Default Button */
.btn-default {
  padding: 2px 5px;
  background-color: #EFEFEF;
  border: 1px solid #666;
  color: #000000;
  text-decoration:none;
  cursor: default;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

/* bootstrap type info notice */
.notice {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
  width: 95%;
}
.breadcrum_title {
  font-size: 20px;
}
.poup_table {
  font-size: 17px;
  font-family: Verdana;
}
.field_label {
  font-size: 17px;
}
.cursor-pointer {
  cursor: pointer;
}
#master_code_input{
  width: 90%;
}

#branch_code_input{
  width: 90%;
}

#cust_code_noteline{
  width: 565px;
}

#menu-container-part > #ui-id-1 > .ui-menu-item > .ui-state-active, #menu-container-part > #ui-id-2656 > .ui-menu-item > .ui-state-active {
  background: #5897fb !important;
  color: #ffffff !important;
}

#menu-container-part > #ui-id-1, #menu-container-part > #ui-id-2656  {
  max-height: 200px;
  overflow-y: auto;
  overflow-x:hidden;
  font-size: 18px;
}


#menu-container-part > .ui-menu > .ui-menu-item > .ui-state-active {
  background: #5897fb !important;
  color: #ffffff !important;
}

#menu-container-part > .ui-menu  {
  max-height: 200px;
  overflow-y: auto;
  overflow-x:hidden;
  font-size: 18px;
}

/* Display auto complete loader */
.ui-autocomplete-loading {
  background:url(/shedmin3/assets/auto_complete_loader.gif) no-repeat right center
}

/* main index page css start */
.white-txt {
  text-decoration: none;
  color: white;
}

.header-row td {
  padding: 3px !important;
  font-size: 14px !important;
}

.main-index tr td {
  width: 10%;
  white-space: nowrap;
}
/* main index page css end */
.order_icon { 
  height: 15px;
  width: 15px;
  margin-right: 10px;
}

.text-center {
  text-align: center !important;
}

div.pay_rec {
  width: 150px;
  float: left;
  font-weight: bold;
}

div.container {
  padding-bottom: 5px;
  margin-bottom: 25px;  
}

div.rec_header {
  width: 550px;
  padding: 5px;
  display: inline;
  margin-bottom: 25px;
  height: 40px;
 } 

div.pay_rec_header_order {
  float: left;
  font-weight: bold;
  padding: 5px;
  width: 250px
}

div.header_order {
  float: left;
  font-weight: bold;
  padding: 5px;
  border:  1px solid black;
  width: 250px;
  margin-right: 5px;
}

div.check_a_b {
  float: left;
  padding: 5px;
  width: 300px;
  height: 40px;
}

div.pay_rec_header {
  float: left;
  padding: 5px;
  border:  1px solid black;
  width: 100px;
  display: inline;
  margin-right: 5px;
}

div.pay_check {
  float:  left;
  display: inline;
  width: 100px;
  text-align: center;
  vertical-align: middle;
}

.modal_excel {
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.clear{
  clear: both;
  padding: 3px;
}

.act_button{
  font: 11px Arial;
  text-decoration: none;
  background-color: #EEEEEE;
  color: #333333;
  padding: 2px 6px 2px 6px;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #CCCCCC;
}

.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front{
  max-height: 250px;
  overflow: scroll;
}

.tiny-notes{
  font-size: 10px;
  font-weight: bold;
}

.data_error, .file_error {
  display: block;
}

.hide_screen {
  display: none;
}

.show_buttons{
  display: flex;
}

.map_the_full_colour_range{
  margin-left: 25px;
}

.resize_div{
  min-width: 0;
  min-height: 0;
}
.excel_button {
  float: right;
}

.text_data{
  display: flex;
}

.error_text{
  margin: initial;
}

.width-80 {
  width: 80% !important;
}