@charset "utf-8";

/* CSS Document */

a {
    color: #39F;
    text-decoration: none;
    font: 100 12px/24px Tahoma, Geneva, sans-serif;
}


/*--font-weight:100; font-size:12px;/line-height:24px; font-family:Tahoma, Geneva, sans-serif;--*/

a:hover {
    text-decoration: underline;
    color: #F60;
    position: relative;
    top: 1px;
    cursor: pointer;
}

a:visited {
    text-decoration: none;
    color: #F63;
}

input {
    height: auto;
    /* SHOULD ASSIGN THE SUBMIT BUTTON HIGHT style="height:32px;"  */
    padding: 0px 3px; 
    font: normal 12px/18px Tahoma, Geneva, sans-serif;
    border: 1px solid #9CF;
    /* #cccccc; */
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #FFF;
}

select {
    height: 24px;
    padding: 0px 0px;
    font: normal 12px/18px Tahoma, Geneva, sans-serif;
    border: 1px solid #9CF;
    /* #cccccc; */
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #FFF;
}

textarea {
    padding: 0px 8px;
    font: normal 12px/18px Tahoma, Geneva, sans-serif;
    border: 1px solid #9CF;
    /* #cccccc; */
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #FFF;
}

table {
    text-indent: 4px;
    padding: 4px 12px;
    font: normal 12px/18px Tahoma, Geneva, sans-serif;
    border: dotted #063 1px;
    border-collapse: collapse;
   /* word-break: break-all; word-wrap: break-word;*/ 
}

.ACBi_Button {
    font: 600 12px/24px Tahoma, Geneva, sans-serif;
    color: #FFFFFF;
    padding: 2px 5px 3px 5px;
    /* background:url(overlay.png) repeat-x center #a7dd32; */
    background-color: rgba(91, 173, 255, 1);
    border: 1px solid #aaa;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border-bottom: 1px solid #aaa;
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
    cursor: pointer;
}

.ACBi_Button:hover {
    background-color: rgba(91, 173, 255, 0.6);
    color: #F60;
    cursor: pointer;
}

.ACBi_Button:active {
    position: relative;
    top: 2px;
}

.ACBi_Button_Small {
    font: 100 12px/18px Tahoma, Geneva, sans-serif;
    color: #FFFFFF;
    padding: 1px 5px 2px 5px;
    /* background:url(overlay.png) repeat-x center #a7dd32; */
    background-color: rgba(91, 173, 255, 1);
    border: 1px solid #aaa;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border-bottom: 1px solid #aaa;
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
    cursor: pointer;
}

.ACBi_Button_Small:hover {
    background-color: rgba(91, 173, 255, 0.6);
    color: #F60;
    cursor: pointer;
}

.ACBi_Button_Small:active {
    position: relative;
    top: 1px;
}

.ACBi_Border {
    border: solid thin #C0C0C0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 5px 10px 10px -5px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 5px 10px 10px -5px rgba(0, 0, 0, 0.4);
    box-shadow: 5px 10px 10px -5px rgba(0, 0, 0, 0.4);
}


/* Enquiry Quote */

.list-table {
    width: 1180px;
    border: solid #15B4FF 1px;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    line-height: 17px;
    text-indent: 5px;
}

.list-table tr td {
    padding: 5px 2px;
}

.list-table tr.table-header {
    background: url(images/tr_b.png) repeat-x;
}

.list-table tr.table-header td {
    padding: 0;
}

.list-table tr.table-header-line {
    line-height: 3px;
    background-color: #CCFFCC;
}

.list-table tr.table-header-line td {
    padding: 0;
}

.list-table tr.table-subject {
    color: #066;
    background-color: #E7FDFE;
    border-top: solid #C0C0C0 1px;
    border-bottom: solid #C0C0C0 1px;
}

.list-table tr.table-subject td {
    border-right: solid #C0C0C0 1px;
    text-align: center;
}

.list-table tr.table-subject td:last-child {
    border-right: none;
}

.list-table tr.item-row td {
    padding: 5px 2px;
    border-bottom: dotted #093 1px;
    border-right: dotted #093 1px;
}

.list-table tr.item-row td:last-child {
    border-right: none;
    text-align: center;
}

.list-table tr.item-row td:last-child img {
    height: 14px;
    margin: 0px 5px;
    padding-top: 1px;
    cursor: hand;
}
/* table.dataTable tbody tr td{
	word-break: break-word;
} */

table.dataTable tbody tr td {
	font-size:11px;
	line-height: 14px;

}
table.dataTable tbody tr td img {
    height: 14px;
    margin: 0px 5px;
    padding-top: 1px;
    cursor: hand;
}
.inline-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}

.inline-wrapper input {
    margin-left: 5px;
}
table.dataTable thead th, table.dataTable thead td {

    font-size: 10px ;
	text-align: center;
}
table.dataTable tbody td  {  font-size: 10px ;}
label.error { color: #ff0000;}
 .Notes{
	font-weight: bold;
	font-size: 13px;
	margin: 10px;
}
.text_center {text-align: center !important;}

.help-tip{   top: 18px; right: 18px;  text-align: center;  background-color: #BCDBEA;  border-radius: 50%;  width: 24px;  height: 24px;
    font-size: 14px;  line-height: 26px;  cursor: default;padding: 0px 6px;}

.help-tip:before{ content:'?';  font-weight: bold;  color:#fff;}

.help-tip:hover p{ display:block; transform-origin: 100% 0%;   -webkit-animation: fadeIn 0.3s ease-in-out;   animation: fadeIn 0.3s ease-in-out;}

.help-tip p{    /* The tooltip */
    display: none; text-align: left; background-color: #1E2021; padding: 20px; width: 500px; position: absolute; border-radius: 3px; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); color: #FFF; font-size: 13px; line-height: 1.4;}

.help-tip p:before{ /* The pointer of the tooltip */
    position: absolute; content: ''; width:0;  height: 0;  border:6px solid transparent; border-bottom-color:#1E2021; left:115px; top:-12px;}

.help-tip p:after{ /* Prevents the tooltip from being hidden */
    width:100%; height:40px; content:''; position: absolute; top:-40px; left:0;}
	
	
.Note-Popup{   top: 18px; right: 18px;  text-align: center;    font-size: 14px;  line-height: 26px;  cursor: default;padding: 0px 6px;}



.Note-Popup:hover p{ display:block; transform-origin: 100% 0%;   -webkit-animation: fadeIn 0.3s ease-in-out;   animation: fadeIn 0.3s ease-in-out;}

.Note-Popup p{    /* The tooltip */
    display: none; text-align: left; background-color: #1E2021; padding: 20px; width: 500px; position: absolute; border-radius: 3px; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); color: #FFF; font-size: 13px; line-height: 1.4; z-index:999}

.Note-Popup p:before{ /* The pointer of the tooltip */
    position: absolute; content: ''; width:0;  height: 0;  border:6px solid transparent; border-bottom-color:#1E2021; left:115px; top:-12px;}

.Note-Popup p:after{ /* Prevents the tooltip from being hidden */
    width:100%; height:40px; content:''; position: absolute; top:-40px; left:0;}

/* CSS animation */

@-webkit-keyframes fadeIn {  0% {  opacity:0;  transform: scale(0.6);  }  100% {  opacity:100%;  transform: scale(1);   }}
@keyframes fadeIn {    0% { opacity:0; }    100% { opacity:100%; }}

/* Popup */

.popup-table {
    width: 100%;
    border: solid #15b4ff 1px;
    font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
    font-size: 14px;
    line-height: 26px;
}

.popup-table tr.top-header {
    line-height: 27px;
    background: url(../images/tr_b.png) repeat-x;
}

.popup-table tr.top-header td {
    font-size: 14px;
    font-weight: 600;
}

.popup-table .image-cell {
    background-color: #eafeff;
    border-right: double 1px #ccffcc;
    border-bottom: thin 1px #093;
    padding-right: 6px;
    text-indent: 0px;
    text-align: center;
}

.popup-table .image-cell img {
    border: 0px solid #090;
    height: 180px;
}

.popup-table td {
    font-weight: 500;
    color: #066;
}

.popup-table td.cat_id {
    font-weight: 600;
    color: #f60;
}

.popup-table tr td:first-child {
    padding-left: 10px;
}

.popup-table select,
.popup-table input[type="text"] {
    width: 90%;
}

.popup-table-scroll {
    display: flex;
    width: 1078px;
    height: auto;
    margin: 0 auto;
    border: 1px solid #15b4ff;
}

.popup-sub-table {
    border: none;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    text-indent: 6px;
    line-height: 26px;
    border: 0;
    margin: 0;
}

.popup-sub-table td {
    text-align: center;
}
.product-info-custom {  line-height: 25px;  font-size: 15px;  color: #333;  margin-bottom: 20px; font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;}
.product-info-main .page-title-wrapper h1 {  font-size: 24px;  color: #333;  line-height: 30px;}
.product-info-custom .value {  color: #900;}
.action.primary {  background: #a90000;  border: 1px solid #a90000;  border-radius: 5px;  color: #fff;  cursor: pointer;  font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;  font-weight: 400; padding: 7px 15px; display: inline-block; font-size: 0.85rem;box-sizing: border-box;vertical-align: middle;}


.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 250px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  top:10px;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}
table.dataTable tbody tr td {
  border-right: 1px solid #ccc;
}
.dt-column-title {text-wrap: nowrap;}
div.dt-buttons > .dt-button, div.dt-buttons > div.dt-button-split .dt-button {line-height:1.4em !important;}
div.dt-buttons > .dt-button, div.dt-buttons > div.dt-button-split .dt-button {padding: .2em 1em !important;}
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  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/Box */
.modal-content {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 440px; /* Could be more or less, depending on screen size */
  height:110px
}

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

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