@charset "utf-8";
/*
Theme Name: SixEightBlue
Theme URI: https://www.sixeightblue.com
Author: MrHOG
Author URI: https://www.sixeightblue.com
Description: A highly flexible and mobile first theme with strong front and back-end editor areas so users without development knowledge can create their own website. It has WP Customizer functions to show, hide, reorder or add new areas in the main and inside pages.
Tags: multiple-stylesheets, custom-css, custom-background, custom-header, custom-logo, custom-menu, editor-style, featured-images, post-formats, threaded-comments, translation-ready, customizer-support, widget-support
Text Domain: sixeightblue
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.htm
Version: 1.5.3
*/


/*
==========================================
  Font Styles
==========================================
*/
@import url('https://fonts.googleapis.com/css2?family=Cormorant:wght@300;400;500;600;700&display=swap');
@font-face {
  font-family: 'open_sanslight';
  src: url('fonts/OpenSans-Light-webfont.eot');
  src: url('fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/OpenSans-Light-webfont.woff') format('woff'),
       url('fonts/OpenSans-Light-webfont.ttf') format('truetype'),
       url('fonts/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'open_sansregular';
  src: url('fonts/OpenSans-Regular-webfont.eot');
  src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
       url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
       url('fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'open_sanssemibold';
  src: url('fonts/OpenSans-Semibold-webfont.eot');
  src: url('fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/OpenSans-Semibold-webfont.woff') format('woff'),
       url('fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
       url('fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
  font-weight: normal;
  font-style: normal;

}
@font-face {
  font-family: 'open_sansbold';
  src: url('fonts/OpenSans-Bold-webfont.eot');
  src: url('fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/OpenSans-Bold-webfont.woff') format('woff'),
       url('fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
       url('fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'open_sansextrabold';
  src: url('fonts/OpenSans-ExtraBold-webfont.eot');
  src: url('fonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/OpenSans-ExtraBold-webfont.woff') format('woff'),
       url('fonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
       url('fonts/OpenSans-ExtraBold-webfont.svg#open_sansextrabold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ralewaybold';
  src: url('fonts/raleway-bold-webfont.eot');
  src: url('fonts/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/raleway-bold-webfont.woff2') format('woff2'),
       url('fonts/raleway-bold-webfont.woff') format('woff'),
       url('fonts/raleway-bold-webfont.ttf') format('truetype'),
       url('fonts/raleway-bold-webfont.svg#ralewaybold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ralewaysemibold';
  src: url('fonts/raleway-semibold-webfont.eot');
  src: url('fonts/raleway-semibold-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/raleway-semibold-webfont.woff2') format('woff2'),
       url('fonts/raleway-semibold-webfont.woff') format('woff'),
       url('fonts/raleway-semibold-webfont.ttf') format('truetype'),
       url('fonts/raleway-semibold-webfont.svg#ralewaysemibold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ralewaymedium';
  src: url('fonts/raleway-medium-webfont.eot');
  src: url('fonts/raleway-medium-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/raleway-medium-webfont.woff2') format('woff2'),
       url('fonts/raleway-medium-webfont.woff') format('woff'),
       url('fonts/raleway-medium-webfont.ttf') format('truetype'),
       url('fonts/raleway-medium-webfont.svg#ralewaymedium') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ralewayregular';
  src: url('fonts/raleway-regular-webfont.eot');
  src: url('fonts/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/raleway-regular-webfont.woff2') format('woff2'),
       url('fonts/raleway-regular-webfont.woff') format('woff'),
       url('fonts/raleway-regular-webfont.ttf') format('truetype'),
       url('fonts/raleway-regular-webfont.svg#ralewayregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ralewaylight';
  src: url('fonts/raleway-light-webfont.eot');
  src: url('fonts/raleway-light-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/raleway-light-webfont.woff2') format('woff2'),
       url('fonts/raleway-light-webfont.woff') format('woff'),
       url('fonts/raleway-light-webfont.ttf') format('truetype'),
       url('fonts/raleway-light-webfont.svg#ralewaylight') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ralewayextralight';
  src: url('fonts/raleway-extralight-webfont.eot');
  src: url('fonts/raleway-extralight-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/raleway-extralight-webfont.woff2') format('woff2'),
       url('fonts/raleway-extralight-webfont.woff') format('woff'),
       url('fonts/raleway-extralight-webfont.ttf') format('truetype'),
       url('fonts/raleway-extralight-webfont.svg#ralewayextralight') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ralewaythin';
  src: url('fonts/raleway-thin-webfont.eot');
  src: url('fonts/raleway-thin-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/raleway-thin-webfont.woff2') format('woff2'),
       url('fonts/raleway-thin-webfont.woff') format('woff'),
       url('fonts/raleway-thin-webfont.ttf') format('truetype'),
       url('fonts/raleway-thin-webfont.svg#ralewaythin') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*
==========================================
  Base Styles
==========================================
*/
* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  text-decoration: none;
  outline: none;
}
*:focus {
  outline: none;
}
header, div, aside, footer, article {
  
}
html {
  height: 100%;
}
body {
  height: 100%;
  font-family: 'ralewayregular', Arial, sans-serif;
  color: #333;
}
h1, h2, h3, h4, h5, h6 {
  width: 100%;
  font-family: Arial, sans-serif;
  font-weight: normal;
}
a:link {
  color: #147A00;
}
a:visited {
  color: #147A00;
}
a:hover {
  color: #147A00;
}
a:active {
  color: #147A00;
}
p {
  margin-bottom: 15px;
  line-height: 140%;
  letter-spacing: 0.5px;
}
hr {
  margin: 50px 0;
}
table {
  border: 1px solid #ddd;
}

table tbody tr td, table thead tr th {
  padding: 8px !important;
  border: 1px solid #ddd !important;
}

/*
==========================================
  Helper Classes
==========================================
*/
.font-opensans-light {
  font-family: 'open_sanslight', Arial, Helvetica, sans-serif;
}
.fontOpenSans {
  font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
}
.font-opensans-sb {
  font-family: 'open_sanssemibold', Arial, Helvetica, sans-serif;
}
.font-opensans-b {
  font-family: 'open_sansbold', Arial, Helvetica, sans-serif;
}
.font-opensans-xb {
  font-family: 'open_sansextrabold', Arial, Helvetica, sans-serif;
}
.font-raleway-light {
  font-family: 'ralewayextralight', Arial, sans-serif;
}
.font-raleway {
  font-family: 'ralewayregular', Arial, sans-serif;
}
.font-raleway-sb {
  font-family: 'ralewaysemibold', Arial, sans-serif;
}
.font-raleway-b {
  font-family: 'ralewaybold', Arial, sans-serif;
}
.btn-wrap {
  padding: 40px 10px;
}
.no-space {
  padding: 0 !important;
  margin: 0 !important;
}
.bb-title-mid {
  font-size: 2em;
  color: #999;
}
.wb-title-mid {
  font-size: 2em !important;
  color: #111;
}
.title-decor {
  padding: 0 0 7px 0;
  margin: auto;
  margin-bottom: 20px;
  position: relative;
}
.title-decor::after {
  content: "";
  height: 1px;
  width: 100px;
  position: absolute;
  left: 0;
  bottom: -1px;
  background-color: #147A00;
}
a.tip-dark {
  color: #141414;
}
a.tip, a.tip-mid {
  text-decoration: none;
}
a.tip-mid {
  font-size: 18px;
}
a.tip:hover, a.tip-mid:hover {
  cursor: help;
  position: relative
}
a.tip span, a.tip-mid span {
  display: none
}
a.tip:hover span, a.tip-mid:hover span {
  display: block;
  width: 250px;
  line-height: 110%;
  padding: 5px 5px 7px 5px;
  margin: 5px;
  border: 1px solid #ddd;
  border-radius: 6px;
  overflow: hidden;
  background-color: #141414;
  position: absolute;
  top: 10px;
  left: 0px;
  z-index: 100;
  font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
  font-size: 12px !important;
  font-weight: normal;
  color: #fff;
}
.border-box {
  padding: 15px 10px 10px;
  border: 1px solid #bbbbbb;
	border-radius: 3px;
}
.main-title {
	font-size: 24px !important;
}


/*
==========================================
  WP Styles Overwrite
==========================================
*/
.wp-block-separator {
  border-top: 1px solid #ddd;
  border-bottom: none;
}
.wp-block-image img {
  max-width: 100%;
  height: auto;
}
.wp-block-table .has-fixed-layout {
  table-layout: fixed;
  width: auto;
}
.wp-block-table table {
  border-collapse: collapse;
  width: auto;
  min-width: 40%;
}
.wp-block-table.is-style-stripes {
  border-bottom: none;
}
.is-style-regular tbody tr td {
  background-color: #eee;
}
.wp-block-quote {
  margin-bottom: 15px;
}
.wp-block-quote p::before {
  content: '\201C';
  margin-right: 4px;
  margin-left: -8px;
}
.wp-block-quote p::after {
  content: '\201D';
  margin-left: 4px;
  margin-right: -8px;
}
.wp-block-quote p::before, .wp-block-quote p::after {
  display: inline-block;
  vertical-align: top;
  height: 20px;
  line-height: 48px;
  font-family: Georgia, serif;
  font-size: 50px;
  opacity: .2;
}
.wp-block-preformatted {
  white-space: pre-wrap;
  line-height: 130%;
  padding: 10px;
  margin-bottom: 20px;
  border: 1px solid #ddd;
  background-color: #f6f6f6;
  font-size: 16px;
  font-family: Arial;   
}


/*
==========================================
  Main Structure Styles
==========================================
*/
/* ===================================== Main Wrap ===================================== */
#main-wrap {
  min-height: 100%;
}
#no-script-msg {
  width: 100%;
  line-height: 40px;
  text-align: center;
  background-color: #f00;
  font-size: 16px;
  color: #fff;
}

/* ===================================== Header ===================================== */
#main-header {
  width: 100%;
  position: fixed;
  z-index: 100;
	border-bottom: 1px solid #ccc;
  background-color: #fff;
	box-shadow: 0 0 15px 10px rgba(0,0,0,0.15);
  transition: background-color 0.3s linear;
}
#head-content {
  padding: 10px 0 0 0;
  box-sizing: border-box;
}
#logo-wrap {
	flex-basis: 30%;
	width: 30%;
  padding: 10px;
  margin-bottom: 0;
  position: relative;
  transition: 0.6s linear;
}
#logo-wrap img {
  max-width: 250px;
  height: auto; 
  transition: 0.3s linear;
}
.head-bg-active #logo-wrap img {
  max-width: 150px;
}
.head-bg-active #logo-wrap {
  padding: 5px;
  background-color: rgba(255,255,255,0.9);
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

#login-wrap {
	flex-basis: 30%;
	width: 30%;
  padding: 10px;
}
#login-box {
	width: 70%;
	text-align: right;
	padding: 23px 20px 20px;
	transition: 0.3s linear;
}
.log-box span {
	font-size: 14px;
}
.head-bg-active #login-box {
	padding: 10px 20px 5px;
	font-size: 13px !important;
}

/* ===================================== Content ===================================== */
#main-content {
  padding: 0 0 132px 0;
  display: flex;
  flex-direction: column;
}
#inside-pages {
	margin-top: 150px;
}
#main-content-left {
	flex-basis: 100%;
	max-width: 100%;
	padding-right: 0;
	font-family: Helvetica, Arial, "sans-serif";
}
#main-content-right {
	flex-basis: 100%;
	max-width: 100%;
	padding-left: 0;
}
#main-content-right .title-side {
	padding: 10px;
	margin-bottom: 15px;
	border-radius: 2px;
	background-color: #333;
	font-size: 20px;
	color: #FFFFFF
}
.sidabar-button {
	padding: 25px 0;
}
.sidabar-button a {
	display: block;
	width: 100%;
	border-radius: 2px;
  background-color: #E19300;
	text-align:  center;
  color: #451700 !important;
}

/* ===================================== Footer ===================================== */
#main-footer {
  min-height: 78px;
  margin-top: -78px;
  background-color: #fff;
  border-top: 1px solid #ddd;
}

#footer-bar {
  padding: 15px;
  background-color: #141414;
  font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #fff;
}
#site-info {
  text-align: center;
  font-size: 18px;
}
#design-info {
  text-align: center;
}
#design-info a {
  color: #cca352;
}

/*
==========================================
  Specific Page Styles
==========================================
*/
/* ===================================== Home ===================================== */

/* ===================================== Inside Pages ===================================== */
#page-description {
	font-family: Arial, "sans-serif" !important;
}
.content-search {
	padding: 20px 0;
}
.content-search form input[type="text"] {
	min-width: 40%;
	height: 30px;
	padding: 2px 10px;
	margin-bottom: 15px;
	border: 1px solid #bbb;
	border-radius: 3px;
	font-size: 14px;
}
.content-search form input[type="submit"] {
	padding: 10px 15px;
	margin-right: 7px;
	border: none;
	border-radius: 3px;
	background-color: #111;
	color: #fff;
	transition: 0.3s linear;
}
.content-search form input[type="submit"]:hover {
	background-color: #aaa;
	color: #222;
}
#inventory-images {
  padding: 20px 15px 0 0;
}
#inventory-details {
	padding: 20px 0 0 15px;
}
#inventory-specs, #inventory-status {
	font-size: 13px;
	font-weight: 700;
}
#inventory-specs span, #inventory-status span {
	font-size: 18px;
	font-weight: 400;
}
#inventory-specs {
	padding: 0 10px 0 0;
}
#inventory-status {
	padding: 0 0 0 10px;
}
.inventory-comments {
	padding-top: 20px;
	margin-top: 20px;
	border-top: 1px solid #ccc;
}
.inventory-comments-title {
	margin-bottom: 0;
	font-size: 13px;
}
.inventory-comments {
	font-size: 16px;
}

/* ===================================== Customer Lead Pages ===================================== */
#lead-customer, #lead-product, #lead-comments, #lead-total-quote {
	font-family: Arial, "sans-serif" !important;
}
#lead-customer {
  padding: 10px 10px 10px 10px;
}
#lead-product {
  padding: 10px 10px 10px 10px;
}
.lead-desc-txt {
	margin-bottom: 0;
	font-size: 13px;
}
.lead-main-txt {
	font-size: 17px;
	font-weight: 700;
	letter-spacing: -0px !important;
}
.title-focus {
  margin-bottom: 20px;
	font-size: 26px;
}
#lead-total-quote {
	padding: 10px 0 20px 0;
	font-size: 20px;
	font-weight: 700;
}
#lead-total-quote .border-box:nth-of-type(2n) {
	text-align: right;
	font-size: 26px;
	padding: 10px;
}
.sale-not-closed a {
	color: #0083D7;
}



/* ===================================== & Form Pages ===================================== */

#rate-confirmation-wrap .acf-field-wysiwyg, #off-hire-wrap .acf-field-wysiwyg {
  display: none;
}
#off-hire-wrap .acf-form .acf-fields {
	display: flex;
	flex-wrap: wrap;
}
#off-hire-wrap .acf-form .acf-fields .acf-field--post-title {
	width: 70%;
	flex-basis: 70%;
}
#off-hire-wrap .acf-form .acf-fields .acf-field-623363aa1b257 {
	width: 30%;
	flex-basis: 30%;
}
#off-hire-wrap .acf-form .acf-fields .acf-field-623262ba18423 {
	width: 100%;
	flex-basis: 100%;
}
#off-hire-wrap .acf-form .acf-fields .acf-field-623393d9fdcbb {
	width: 100%;
	flex-basis: 100%;
}
#off-hire-wrap .acf-form .acf-fields .acf-field-623393d9fdcbb .acf-input {
	width: 30%;
	flex-basis: 30%;
}
#off-hire-wrap .acf-form .acf-fields .acf-field-6234beb28ca89 {
	width: 100%;
	flex-basis: 100%;
}

.soh-notification {
	margin: 10px 0 20px;
}
.offhire-part-1 {
	margin: 0 0 15px;
}

/*#off-hire-wrap .acf-form .acf-fields .acf-field-623366c740748 {
	width: 70%;
	flex-basis: 70%;
}
#off-hire-wrap .acf-form .acf-fields .acf-field-623366c740748 .acf-input {
	width: 40%;
	flex-basis: 40%;
}*/
.acf-field input[type=text], .acf-field input[type=password], .acf-field input[type=date], .acf-field input[type=datetime], .acf-field input[type=datetime-local], .acf-field input[type=email], .acf-field input[type=month], .acf-field input[type=number], .acf-field input[type=search], .acf-field input[type=tel], .acf-field input[type=time], .acf-field input[type=url], .acf-field input[type=week], .acf-field textarea, .acf-field select {
  border: 1px solid #999;
}
.acf-form-submit .acf-button {
	padding: 15px 30px;
	border: none;
  border-radius: 2px;
  background-color: #147A00;
  font-size: 18px;
  color: #FFFFFF !important;
	cursor: pointer;
  transition: 0.3s linear;
}
.acf-form-submit .acf-button:hover {
  background-color: #E19300;
  color: #451700 !important;
}
.ratec-list {
  list-style: none;
}
.ratec-list li {
  margin-bottom: 5px;
  font-family: Arial, Helvetica, sans-serif;
}
.ratec-list li a {
  display: block;
  padding: 10px;
  border-radius: 2px;
  background-color: #147A00;
  color: #fff;
	transition: 0.3s linear;
}
.ratec-list li a:hover {
  background-color: #E19300;
  color: #451700 !important;
}




.out-of-stock a {
  color: #800002 !important;
}




.single-title {
  font-weight: bold;
}
.pre-title {
  margin-bottom: 0;
	font-size: 13px;
}
.soh-notification {
	padding: 10px;
	margin-bottom: 15px;
	border-radius: 3px;
	background-color: #111;
	color: #FFF;
}
.soh-notification p {
	margin-bottom: 0;
}
.soh-vendor, .soh-id, .soh-reference, .soh-location, .soh-eta, .soh-gatein, .soh-damage, .soh-gateout {
	font-size: 20px;
	font-weight: bold;
}
.offhire-part-1 .pre-field, .offhire-part-2 .pre-field {
	margin-bottom: 0;
	font-size: 13px;
	font-weight: normal;
}
.offhire-part-2 {
	margin: 20px 0 0 0;
	padding: 20px 0 20px 0;
	border-top: 1px solid #ddd;
}
.offhire-part-3 {
	padding: 15px;
	border: 1px solid #999999;
	border-radius: 3px;
}
.off-hire-totals p, .off-hire-total p {
	margin-bottom: 0;
}
.off-hire-totals {
	font-size: 18px;
	font-weight: bold;
}
.off-hire-total {
	text-align: right;
	font-size: 24px;
	font-weight: bold;
}
.off-hire-totals span {
	font-size: 13px;
	font-weight: normal;
}
.off-hire-total span {
	font-size: 13px;
	font-weight: normal;
}

/* ===================================== Inside Pages ===================================== */
.edit-area {
	padding: 50px 0;
}
#confirmation-rate-wrap p {
	margin-bottom: 0;
}
#confirmation-rate-wrap, #confirmation-rate-wrap h2, #confirmation-rate-wrap h3, #confirmation-rate-wrap h4, #confirmation-rate-wrap h5 {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif !important;
}
.release-date {
	text-align: right;
	padding-top: 25px;
	font-weight: 700;
}
#rt-left, #rt-right {
	padding: 0 5px;
}
.rt-box {
	margin-bottom: 10px;
}
.release-box-header {
	padding: 10px;
	background-color: #333;
	color: #fff;
}
.release-box-header h3 {
	padding: 0;
	margin: 0;
}
.release-box-subheader {
	padding: 5px;
	background-color: #333;
	font-size: 15px;
	color: #fff;
}
.rt-box-wrap {
	border: 1px solid #333;
	text-align: center;
}
.release-box-body {
  padding: 10px;
}
.release-box-body .release-title {
  font-size: 30px;
	font-weight: 700;
}
.mc-usdot {
  border-bottom: 1px solid #333;
  font-size: 12px;
}
.mc-usdot .box50 {
  padding: 0 10px;
}
.mc-usdot .box50:last-of-type {
  border-left: 1px solid #333;
}
.context-box {
  padding: 10px;
}
.release-box-body .release-title span {
	vertical-align: bottom;
    font-size: 14px;
	font-weight: 700;
}
.release-box-body h4 {
	margin: 0;
	font-weight: bold;
}
#release-box-rate {
	line-height: 200%;
	position: relative;
	font-size: 30px;
	font-weight: bold;
}
#release-box-rate img {
	width: 100%;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.cargo-info {
	font-size: 20px;
	font-weight: 700;
}
.subheader-green {
	background-color: #046800 !important;
}
.subheader-red {
	background-color: #C00003 !important;
}
.cargo-details {
	line-height: 110%;
	font-size: 13px;
	font-weight: 700;
	color: #046800;
}
.cargo-warning {
	line-height: 110%;
	font-size: 13px;
	font-weight: 700;
	color: #C00003;
}
.box-notice {
	line-height: 110%;
	padding: 10px 0 0;
	font-size: 13px;
	font-weight: bold;
	color: #C00003;
}
.signdate-box {
	padding: 0 5px;
	text-align: center;
}
.signature-box, .date-box {
	margin-top: 50px;
	padding-top: 5px;
	border-top: 1px solid #333;
}
.disclaimer-box {
	padding: 50px 0 20px;
	text-align: center;
	font-size: 13px;
	font-style: italic;
	font-weight: 700;
}
.rc-contact-box {
	padding: 5px 0;
	text-align: center;
	font-size: 14px;
	font-weight: 700;
}
#print-wrap {
	width: 100%;
	padding: 20px;
	text-align: center;
}
#print-wrap button {
	border: none;
	cursor: pointer;
}
.edit-btn .btn-primary {
	display: block;
	max-width: 240px;
	margin: auto;
}

/*====== List ======*/
#rate-list-wrap #rate-list, #rate-list, .rate-list-wrap {
	width: 100%;
	margin-bottom: 30px;
}

 /* Style the tab */
.area-tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */
.area-tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
}

/* Change background color of buttons on hover */
.area-tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.area-tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tab-content {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
} 
#tab-one {
  display: block;
}

/* ===================================== Archives ===================================== */


/* ===================================== Single ===================================== */
.filter-container {
	padding: 10px;
	margin: 20px 0;
	border: 1px solid #ccc;
	border-radius: 3px;
}
.filter-container a {
	display: inline-block;
	padding: 10px;
	border-radius: 3px;
	background-color: #111;
	color: #aaa;
}


/* ===================================== Sidebar ===================================== */
.widget-area .widget {
  margin-bottom: 40px;
}

/* ===================================== Forms ===================================== */
.form-radio {
	display: inline-block;
	margin: 10px;
}
#login-wrap {
	width: 100%;
	padding: 20px 120px;
	margin: 50px 0;
}
#login-wrap h2 {
	margin-bottom: 5px;
}
.login-form {
	padding: 40px;
	border: 1px solid #BBBBBB;
	border-radius: 3px;
}
#loginform label {
	display: block;
}
.login-form input[type="text"], .login-form input[type="email"], .login-form input[type="password"] {
	width:100%;
	height: 42px;
	border: 1px solid #bbbbbb;
	border-radius: 3px;
}
.login-form input[type="submit"] {
	padding: 15px 35px;
	border: none;
	border-radius: 3px;
	background-color: #222;
	font-size: 18px;
	color: #ffffff;
}
.home-box-wrap {
	padding: 5px;
}
.home-box {
	padding: 20px 10px;
	border-radius: 3px;
	text-align: center;
	background-color: #111;
	color: #fff;
}
.home-box .btn-primary {
	display: block;
	padding: 5px 10px;
	margin-top: 10px;
	border-radius: 3px;
	font-size: 14px;
}
.home-icon {
	margin-bottom: 10px;
	font-size: 28px;
}
.home-box h3 {
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: bold;
	text-transform:  uppercase;
}

/* ===================================== Search ===================================== */
#search-container {
  margin-bottom: 30px;
}
#search-box {
  width: 100%;
  min-height: 50px;
  padding: 10px 0;
  overflow: auto;
}
#form-search {
  width: 100%;
}
#form-search #s {
  width: 77%;
  height: 40px;
  padding: 2px 10px;
  border: none;
  border-bottom: 1px solid #666;
  float: left;
  background-color: transparent;
  font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #999;
}
#form-search #searchsubmit {
  width: 23%;
  height: 40px;
  padding-right: 10px;
  border: none;
  border-bottom: 1px solid #666;
  float: left;
  background-color: transparent;
  text-align: right;
  color: #666;
  cursor: pointer;
}
#form-search #searchsubmit i {
  font-size: 1.7em;
}
#form-search ::placeholder {
  color: #444;
  opacity: 1; /* Firefox */
}
#form-search :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #444;
}

#form-search ::-ms-input-placeholder { /* Microsoft Edge */
  color: #444;
}


/*
==========================================
  Scripts and Plugins Styles
==========================================
*/
/* ----------------- Bx Slider ----------------- */
.bx-wrapper .bx-viewport {
  box-shadow: none;
  border: none;
  left: 0;
}
.bxslider li {
  position: relative;
}
.bxslider li .slide-wrap {
  width: 100%;
  height: 100%;
  position: absolute;
}
.bxslider li .slide-wrap .container {
  height: 100%;
  position: relative;
}
.bxslider li .slide-wrap .container .slide-container {
  width: 93%;
  position: absolute;
  top: 15%;
  letter-spacing: 0px;
  color: #fff;
}
.bx-wrapper {
  position: relative;
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -13px;
  outline: 0;
  width: 38px;
  height: 76px;
  text-indent: -9999px;
  z-index: 99 !important;
  display: none;
}
.bx-wrapper .bx-prev {
  left: 20px;
  background: url(images/slider/controls.png) no-repeat 0 0;
}
.bx-wrapper .bx-next {
  right: 20px;
  background: url(images/slider/controls.png) no-repeat -38px 0;
}
.bx-wrapper .bx-prev:hover {
  background: url(images/slider/controls.png) no-repeat 0 -76px;
}
.bx-wrapper .bx-next:hover {
  background: url(images/slider/controls.png) no-repeat -38px -76px;
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
  position: absolute;
  width: 100%;
  margin-top: -50px;
  z-index: 99;
}
.bx-wrapper .bx-pager {
  display: none;
}
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  width: 10px;
  height: 10px;
  background: rgba(255,255,255,0.5);
  text-indent: -9999px;
  display: block;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: rgba(255,255,255,1);
}




/*
====================================================================================================================================================-----
  Responsive Styles
  -This styles are a complement or overwrite of the sixeightblue.css file
====================================================================================================================================================-----
*/
@media(min-width: 620px) {

}
@media(min-width: 720px) {
  #main-content-left {
    flex-basis: 75%;
    max-width: 75%;
    padding-right: 20px;
  }
  #main-content-right {
    flex-basis: 25%;
    max-width: 25%;
    padding-left: 20px;
  }
}
@media(min-width: 860px) {
  #lead-customer {
    padding: 10px 10px 10px 0;
  }
  #lead-product {
    padding: 10px 0 10px 10px;
  }
}
@media(min-width: 960px) {

}
@media(min-width: 1090px) {

}
@media(min-width: 1220px) {
	
}
@media(min-width: 1300px) {

}
@media(min-width: 1600px) {

}