Server : Apache System : Linux server2.corals.io 4.18.0-348.2.1.el8_5.x86_64 #1 SMP Mon Nov 15 09:17:08 EST 2021 x86_64 User : corals ( 1002) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory : /home/corals/mcoil.corals.io/public/css/ |
body {
margin-bottom: 0px;
}
.font-red {
color: #a9140f;
}
.font-black-main {
color: #000 !important;
}
.font-black {
color: #000;
}
.font-grey {
color: #bfbebe;
}
.font-white {
color: #fff;
}
.bg-black {
background-color: #000;
}
.bg-white {
background-color: #fff;
}
.bg-th-grey {
background-color: #ddd;
}
.font-badge {
font-size: 13px !important;
}
.font-14 {
font-size: 14px !important;
}
.font-16 {
font-size: 16px;
}
.font-18 {
font-size: 18px;
}
.font-20 {
font-size: 20px;
}
.font-21 {
font-size: 21px;
}
.font-26 {
font-size: 26px;
}
.font-28 {
font-size: 28px;
}
.font-32 {
font-size: 32px;
}
.font-150 {
font-size: 150px;
}
.light-redbg-input {
background-color: #f8d7da !important;
}
.border-left-pro {
border-left: 1px solid #ccc !important;
}
a.margin-left-10 {
margin-left: 10px;
}
.darker-colour {
background-color: rgba(221, 221, 221, 1);
padding-top:10px;
padding-bottom:10px;
}
.bg-whiteshade-color {
background-color:#F5F5F5 !important;
}
.bg-yellow-color {
background-color:#fff3cd !important;
}
table.dataTable tbody td.bold {
font-weight:900 !important;
}
.text-center {
text-align: center;
}
h3.out-of-stock {
text-align: center;
margin-bottom:0px;
}
a {
color: #a9140f;
cursor: pointer;
text-decoration: none;
transition: .3s;
}
a:hover {
color: #000000;
text-decoration: none;
}
a:hover img {
border: none;
}
.img-fluid {
max-width: 100%;
height: auto;
}
img#main-image {
min-height: 350px;
object-fit: cover;
}
.margin-top-10 {
margin-top:10px;
}
.margin-top-20 {
margin-top:20px;
}
.margin-top-30 {
margin-top:30px;
}
.margin-top-50 {
margin-top:50px;
}
.margin-bottom-30 {
margin-bottom:30px;
}
.margin-bottom-50 {
margin-bottom:50px;
}
.bg-success {
background-color: #dff0d8 !important;
}
input.bg-success, textarea.bg-success, select.bg-success {
background-color: rgba(223, 240, 216, 0.6) !important;
}
.bg-warning {
background-color: #fcf8e3 !important;
}
.bg-info {
color: #004085 !important;
background-color: #cce5ff !important;
border-color: #b8daff;
}
.col-md-full {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.table > tbody > tr > td.border-top-totw {
border-top:none;
}
.table > tbody > tr > td.border-top-tot {
border-top:1px solid #ccc;
}
.table > tbody > tr > td.border-left-tot {
border-left:1px solid #ccc;
}
@media screen and (min-width:992px) {
.col-md-full {
width: auto;
float: left;
}
}
.column-size-3 {
width:40%;
}
#thumbnails li a:hover img {
border: 1px solid rgba(169, 20, 15,1);
}
.badge {
display: inline-block;
padding: 0.40em 1em;
font-weight: 600;
line-height: 1;
text-align: center;
text-transform: uppercase;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25rem;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.badge-info {
color: #fff;
background-color: #007bff;
}
.badge-success {
color: #fff;
background-color: #28a745;
}
.badge-warning {
color: #212529;
background-color: #ffc107;
}
.badge-danger {
color: #fff;
background-color: #a9140f;
}
.badge-awaiting {
color: #fff;
background-color: #8E44AD;
}
.btn-purple {
color: #fff;
background-color: #8E44AD;
border-color: #783993;
}
.btn-purple:focus,
.btn-purple.focus {
color: #fff;
background-color: #ec971f;
border-color: #985f0d;
}
.btn-purple:hover {
color: #fff;
background-color: #783993;
border-color: #693281;
}
.btn-purple:active,
.btn-purple.active,
.open > .dropdown-toggle.btn-purple {
color: #fff;
background-color: #783993;
background-image: none;
border-color: #693281;
}
.btn-purple:active:hover,
.btn-purple.active:hover,
.open > .dropdown-toggle.btn-purple:hover,
.btn-purple:active:focus,
.btn-purple.active:focus,
.open > .dropdown-toggle.btn-purple:focus,
.btn-purple:active.focus,
.btn-purple.active.focus,
.open > .dropdown-toggle.btn-purple.focus {
color: #fff;
background-color: #783993;
border-color: #693281;
}
.btn-purple.disabled:hover,
.btn-purple[disabled]:hover,
fieldset[disabled] .btn-purple:hover,
.btn-purple.disabled:focus,
.btn-purple[disabled]:focus,
fieldset[disabled] .btn-purple:focus,
.btn-purple.disabled.focus,
.btn-purple[disabled].focus,
fieldset[disabled] .btn-purple.focus {
background-color: #f0ad4e;
border-color: #eea236;
}
.btn-with-icon > :first-child {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 32px;
line-height: 34px;
font-size: 16px;
text-align: center;
border-right: 1px solid rgba(0,0,0,0.2);
background: rgba(0,0,0,0.35);
}
.btn-with-icon {
position: relative;
padding-left: 44px;
text-align: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.btn-with-icon-bg > :first-child {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 42px;
line-height: 42px;
font-size: 20px;
text-align: center;
border-right: 1px solid rgba(0,0,0,0.2);
background: rgba(0,0,0,0.35);
}
.btn-with-icon-bg {
position: relative;
padding-left: 54px;
text-align: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.btn-margin-top {
margin-top: 2px;
}
.margin-bottom-20 {
margin-bottom: 20px;
}
.margin-inner-none {
margin-left: 0px;
margin-right: 0px;
}
.padding-inner {
padding-left: 15px;
padding-right: 15px;
}
.margin-top-40 {
margin-top: 40px;
}
.fa-shopping-cart:hover {
color: #a9140f;
}
.edit-btn {
float: right;
width: 50%;
}
.hero-home::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 170px;
width: 450px;
background-color: rgba(169, 20, 15,.6);
transform: skew(-30deg);
}
.hero::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 170px;
width: 450px;
background-color: rgba(169, 20, 15,.6);
transform: skew(-30deg);
}
.top-small-area {
background: #fff url('/public/images/home_heating_oil.jpg') no-repeat;
background-size: cover;
background-position: center;
height: 225px;
position: relative;
}
.top-about {
/*background: #fff url('/public/images/home_heating_oil.jpg') no-repeat;*/
background-size: cover;
background-position: center;
height: 225px;
position: relative;
}
.top-contact {
background: #fff url('/public/images/contact.jpg') no-repeat;
background-size: cover;
background-position: center;
height: 225px;
position: relative;
}
.top-oil {
background: #fff url('/public/images/oil-rig.jpg') no-repeat;
background-size: cover;
background-position: center;
height: 225px;
position: relative;
}
.top-small-area .hero-content, .top-about .hero-content, .top-contact .hero-content, .top-oil .hero-content {
position: relative;
padding: 0;
margin-top: 0px;
height: 225px;
padding-top:50px;
}
.red-banner {
background: url('/public/images/mcloughlins_logo_blurred.png') no-repeat;
background-size: 700px 700px;
background-position: right center;
background-color: #a9140f;
}
.red-banner-small {
background: url('/public/images/mcloughlins_logo_blurred.png') no-repeat;
background-size: 700px 700px;
background-position: right center;
background-color: #a9140f;
min-height: 100px;
margin-top: -55px;
border-radius: 15px;
padding: 20px;
-webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.45);
box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.45);
}
.red-banner-small .col-md-2 {
padding-left: 10px;
padding-right: 10px;
}
.red-banner-small img {
width: 42px;
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.red-banner-small p {
display: block;
margin-top: 10px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
text-align: center;
color: #fff;
font-weight: 900;
font-size: 24px;
}
.red-banner-small .form-group {
height: auto;
position: relative;
margin-top: 10px;
}
.red-banner-small select {
font-size: 16px;
/*color: #f4b540;*/
height: 40px;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
cursor: pointer;
}
.red-banner-small .select-side {
width: 40px;
position: absolute;
top: 0px;
height: 100%;
right: 0px;
pointer-events: none;
}
.red-banner-small .select-side::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
height: 100%;
width: 1px;
}
.red-banner-small .select-side i {
position: relative;
left: 30%;
top: 5px;
color: #f4b540;
}
.input-lg {
text-align: left;
}
.red-banner-small select.input-lg {
height: 40px;
line-height: 40px;
padding: 0px 12px;
border-color: #f4b540;
font-size: 14px;
font-weight: 500;
text-align: left;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
}
.red-banner-small select.input-lg {
line-height: 40px;
font-size: 14px;
font-weight: 500;
text-align: left;
}
.red-banner-small .btn-rounded, .btn-rounded {
border-radius: 10em !important;
box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
-webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}
.red-banner-small .btn-default {
color: #a9140f;
background-color: #f4b540;
border-color: #f4b540;
font-size: 14px;
font-weight: 600;
}
.red-banner-small .btn-default:hover {
color: #222;
background-color: #fff;
border-color: #d89522;
transition: .3s;
}
.section-title p {
color: #52575d;
}
.col-md-6.pservices-1 .overlay-dark:hover {
background-color: rgba(169, 20, 15, 0.8);
}
.col-md-6.pservices-2 .overlay-dark:hover {
background-color: rgba(0, 0, 0, 0.8);
}
.subscribe-section {
background-color: #e2e3e5;
position: relative;
border-top: 20px solid #dddddd;
border-bottom: 20px solid #dddddd;
margin-bottom: -50px;
}
.t100 {
margin-top: 30px;
padding-top: 50px;
padding-bottom: 50px;
}
.subscribe-section h3 {
font-size: 30px;
text-align: center;
font-weight: 900;
}
.subscribe-section p {
font-size: 15px;
padding: 10px 70px 0;
color: #000;
line-height: 25px;
text-align: center;
}
.footer {
background-color: #a9140f;
height: auto;
position: relative;
background: url('/public/images/mcloughlins_logo_blurred.png') no-repeat;
background-size: 700px 700px;
background-position: right center;
margin-top:50px;
}
input, input[type="text"], input[type="email"], input[type="password"], textarea, select {
border: 1px solid #d1d1d1;
color: #000;
text-align: left;
}
.btn {
border-radius: 3px;
}
.btn-dark {
color: #fff;
background-color: #343a40;
border-color: #343a40;
}
.btn-dark:hover, .btn-dark:focus {
color: #fff;
background-color: #23272b;
border-color: #1d2124;
}
.btn-default:hover {
color: #222;
background-color: #fff;
border-color: #a9140f;
transition: .3s;
}
.btn-send {
border-radius: 3px;
font-size: 18px;
height: auto;
background: #a9140f;
color: #fff;
transition: .3s;
}
.btn-send:hover {
background: #fff;
border: 1px solid #a9140f;
color: #222;
}
.btn-subscribe {
border-radius: 6px;
font-size: 18px;
height: auto;
width: auto;
background: #a9140f;
color: #fff;
margin-left: 0px;
transition: .3s;
}
.btn-subscribe:hover {
background: #fff;
border: 1px solid #a9140f;
color: #222;
}
.btn-outline-dark {
color: #343a40;
background-color: transparent;
background-image: none;
border-color: #343a40;
}
.btn-outline-dark:hover {
color: #fff;
background-color: #343a40;
border-color: #343a40;
}
.footer-section {
border-top: 20px solid rgba(130, 15, 9, 0.7);
background-color: #a9140f;
height: auto;
padding-top: 50px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 0px;
}
.footer-section img {
height: auto !important;
width: 100% !important;
}
.vertical-align {
height: 85px !important;
display: flex;
align-items: center;
justify-content: center;
float: right;
}
.darkred {
background-color: rgba(255,255,255, 0.1);
padding-top: 20px;
color: #eaeaea;
font-size: 13px;
}
.darkred p, .darkred p a {
color: #eaeaea;
font-size: 13px;
}
.darkerred {
background-color: rgba(130, 15, 9, 0.8);
padding-top: 20px;
color: #eaeaea;
font-size: 13px;
}
.darkerred p {
color: #eaeaea;
font-size: 13px;
}
.darkerred p a {
color: #aaaaaa;
font-size: 13px;
}
.darkerred p.grey-font, .darkerred p.grey-font a {
color: #aaaaaa;
font-size: 13px;
}
.darkerred p a:hover, .darkerred p.grey-font a:hover {
color: #fff;
font-size: 13px;
}
.footer-menu a:hover, .footer-social a:hover {
color: #bfbebe;
}
.footer-social {
float: right;
}
.col-md-12.banner2nd {
padding-right: 0 !important;
padding-left: 0 !important;
background-size:cover;
height:255px;
position: relative;
}
.col-md-12.banner2nd h1, .col-md-12.banner2nd h2, .col-md-12.banner2nd h3 {
color: #fff;
font-weight: 900;
}
.col-md-12.banner2nd p {
color: #fff;
}
.container-fluid.oil-boxes {
padding-right: 0 !important;
padding-left: 0 !important;
margin-top:30px;
margin-bottom:30px;
}
.row.oil-products {
margin-right: auto;
margin-left: auto;
}
.row.oil-products .col-md-6 .row{
margin-right: auto;
margin-left: auto;
}
.col-md-6.pservices-1{
padding-right: 0 !important;
padding-left: 0 !important;
/*border-right: 1px solid #fff !important;*/
height:475px;
position: relative;
}
.pservices-1 #oil-second, .pservices-2 #oil-second{
position: relative;
width: 90%;
height: 100%;
min-height: 50%;
margin: auto;
padding: 25px;
margin-top: 0%;
background: rgba(255,255,255,0.8);
}
#oil-second p {
color: #000;
text-align: left;
}
.col-md-6.pservices-2{
padding-right: 0 !important;
padding-left: 0 !important;
border-left: 1px solid #fff !important;
height:475px;
position: relative;
}
@media screen and (max-width: 991px) {
.col-md-6.pservices-1, .col-md-6.pservices-2{
border: none !important;
}
.red-banner {
background-position: center center;
}
.red-banner-small {
background-position: center center;
}
.vertical-align {
height: auto !important;
display: block;
align-items: unset;
justify-content: left;
float: left;
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.navbar-right {
margin-top: -60px;
}
}
@media screen and (max-width: 402px) {
.navbar-brand img {
max-width: 230px !important;
height: auto !important;
}
}
@media screen and (max-width: 767px) {
.hidden-xs {
display: visible !important;
}
.red-banner, .red-banner-small {
margin-left:15px;
margin-right:15px;
}
.col-md-6.pservices-1, .col-md-6.pservices-2 {
height: 275px;
}
.footer {
background-position: center center;
}
}
@media screen and (max-width: 991px) {
.navbar-toggle {
margin-top: 20px;
border: none;
display: block;
float:right;
z-index: 111111;
}
.navbar-default .navbar-toggle:hover {
background:none;
}
.navbar-default .navbar-toggle.open {
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #000;
height: 2.5px;
}
.navbar-default .navbar-toggle.open .icon-bar {
background-color: #fff;
height: 2.5px;
}
.hidden-xs {
display: none !important;
}
.navbar-default .navbar-toggle .icon-bar:nth-child(2) {
top: 11px;
}
.navbar-default .navbar-toggle.open .icon-bar:nth-child(2) {
opacity: 0;
}
.navbar-default .navbar-toggle .icon-bar:nth-child(3), .navbar-default .navbar-toggle .icon-bar:nth-child(4) {
top: 18px;
}
.navbar-default .navbar-toggle.open .icon-bar:nth-child(3) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
top: 30px;
position: fixed;
}
.navbar-default .navbar-toggle.open .icon-bar:nth-child(4) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 30px;
position: fixed;
}
}
@media screen and (min-width: 991px) {
.navbar-header {
float: left;
}
}
.wizard {
margin-top: 20px;
background: #fff;
}
.wizard h3 {
margin-top: 50px;
font-size: 30px;
font-weight: 900;
}
.wizard .nav-tabs {
position: relative;
display: block;
}
.wizard > div.wizard-inner {
position: relative;
}
.connecting-line {
border-bottom: 3px dotted #b2b2b2;
position: absolute;
width: 80%;
left: 0;
right: 0;
top: 75px;
z-index: 1;
}
.wizard .nav-tabs > li {
color: #fff;
cursor: default;
border: 0;
width: 25%;
margin-top: 20px;
margin-bottom:20px;
border-radius: 100%;
float: left;
padding-left: 0px;
}
span.round-tab {
width: 110px;
height: 110px;
line-height: 70px;
display: block;
border-radius: 100px;
background: #fff;
z-index: 2;
position: relative;
left: 0;
text-align: center;
font-size: 25px;
}
.wizard li span.round-tab {
background: #a9140f;
border: 20px solid #fff;
}
.wizard li span.round-tab i{
color: #5bc0de;
}
.wizard li h4 {
margin-bottom: 30px;
padding-left: 15px;
text-align: left;
color: #222;
font-weight: 600;
font-size: 20px;
}
.wizard li p{
margin-bottom: 30px;
padding-left: 15px;
text-align: left;
}
.wizard li p img{
height: 85px;
}
.wizard .nav-tabs > li:hover {
background: transparent;
}
.wizard-inner .nav-tabs {
border-bottom: none;
}
@media screen and (max-width: 610px) {
.wizard {
height: auto !important;
}
.connecting-line {
display: none;
}
.vertical-line:after {
content:"";
position: absolute;
height:80%;
z-index: 1;
top: 0;
bottom: 0;
left: 40px;
border-left: 3px dotted #b2b2b2;
transform: translate(-50%);
}
span.round-tab {
left:-15px;
}
.wizard li h4 {
position: inherit;
z-index: 3;
margin-top:-70px;
margin-bottom: 0px;
padding-left: 100px;
}
.wizard li p.stepmargin {
position: inherit;
z-index: 4;
margin-top:10px;
margin-bottom: 0px;
padding-left: 100px;
}
.wizard li p img {
position: inherit;
margin-top:10px;
margin-bottom: 0px;
padding-left: 100px;
z-index: 5;
}
.wizard .nav-tabs > li {
display: block;
color: #fff;
cursor: default;
border: 0;
width: 100%;
margin-top: 0px;
margin-bottom:0px;
border-radius: 100%;
float: left;
padding-left: 0px;
}
.wizard li:after {
content: " ";
position: absolute;
left: 35%;
}
}
.quote-card {
background: #fff;
color: #222222;
padding: 20px;
padding-left: 50px;
box-sizing: border-box;
box-shadow: 0 2px 4px rgba(34, 34, 34, 0.12);
position: relative;
overflow: hidden;
min-height: 120px;
}
.quote-card p {
font-size: 22px;
line-height: 1.5;
margin: 0;
max-width: 80%;
}
.quote-card cite {
font-size: 16px;
margin-top: 10px;
display: block;
font-weight: 200;
opacity: 0.8;
}
.quote-card:before {
font-family: Georgia, serif;
content: "“";
position: absolute;
top: 30px;
left: 10px;
font-size: 5em;
color: rgba(238, 238, 238, 0.8);
font-weight: normal;
}
.quote-card:after {
font-family: Georgia, serif;
content: "”";
position: absolute;
bottom: -110px;
line-height: 100px;
right: -32px;
font-size: 25em;
color: rgba(238, 238, 238, 0.8);
font-weight: normal;
}
@media (max-width: 640px) {
.quote-card:after {
font-size: 22em;
right: -25px;
}
}
.quote-card.blue-card {
background: #0078FF;
color: #ffffff;
box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24);
}
.quote-card.blue-card:before, .quote-card.blue-card:after {
color: #5FAAFF;
}
.quote-card.green-card {
background: #00970B;
color: #ffffff;
box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24);
}
.quote-card.green-card:before, .quote-card.green-card:after {
color:#59E063 ;
}
.quote-card.red-card {
background: #F61E32;
color: #ffffff;
box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24);
}
.quote-card.red-card:before, .quote-card.red-card:after {
color:#F65665 ;
}
.quote-card.yellow-card {
background: #F9A825;
color: #222222;
box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24);
}
.quote-card.yellow-card:before, .quote-card.yellow-card:after {
color: #FBC02D;
}
.mapouter{position:relative;text-align:right;height:500px;width:100%;}
.gmap_canvas {overflow:hidden;background:none!important;height:500px;width:100%;}
.oil-products .img-responsive {
display: block;
width: 100%;
max-width: 100%;
height: auto;
}
.navbar-products {
background-color: rgba(169, 20, 15,1);
border: none;
color:#fff;
margin-bottom:30px;
}
.navbar-products ul.navbar-nav li a {
color: #fff;
font-size:16px;
}
.navbar-products ul.navbar-nav li a:hover {
color: #bfbebe;
}
.navbar-products .navbar-right li a.active {
color: #bfbebe !important;
font-weight: 900;
}
.navbar-products .navbar-toggle .icon-bar {
background-color: #fff;
height: 2.5px;
}
.navbar-products .navbar-toggle {
margin-top: 8px;
border: none;
}
.navbar {
border-radius: 0px;
}
.product-cover-wrap {
border: 1px solid #eee;
padding-right: 0px;
padding-left: 0px;
}
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
display: block;
max-width: 100%;
width: 100%;
height: auto;
}
.totals .logincontainer {
margin-top:0px !important;
}
.logincontainer {
margin: 20px auto 20px auto !important;
padding: 20px !important;
background-color: #f6f6f6;
border: none;
}
.logincontainer {
margin: 40px auto 100px auto;
padding: 0 10px;
}
div.header-lined h1, div.header-lined h2, div.header-lined h3 {
margin-top: 0;
margin-bottom: 30px;
padding: 6px 0;
border-bottom: 1px solid #ccc;
font-weight: 400;
color: #a9140f;
}
.loginfooter {
margin: 36px -20px -8px;
border-top: 1px dashed #ccc;
padding: 12px 0 0;
}
.loginfooter-centered {
text-align: center;
}
.loginfooter-centered > * {
display: inline-block;
}
.loginfooter a {
padding: 0 15px;
}
.loginfooter > a:not(.btn) {
color: #a9140f;
}
.loginfooter a:first-of-type {
border-right: 1px dashed #ccc;
}
.order_quote_box{
background-color: #a9140f;
padding: 10px;
border-radius: 12px;
}
.quote_price_class{
font-size: 25px;
color: #fff;
}
.quote_label_class{
color: #fff;
}
input[type="radio"], input[type="checkbox"] {
margin: 0;
width: 20px;
line-height: normal;
display: inline-block;
height: 20px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}
input[type="checkbox"], input[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
.stepper-horizontal {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
ul.stepper {
padding: 0 1.5rem;
padding: 1.5rem;
margin: 1em -1.5rem;
overflow-x: hidden;
overflow-y: auto;
counter-reset: section;
}
.stepper-horizontal li {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: .5s;
transition: .5s;
}
.stepper-horizontal > li:not(:last-of-type) {
margin-bottom: 0 !important;
}
ul.stepper > li:not(:last-of-type) {
margin-bottom: .625rem;
-webkit-transition: margin-bottom .4s;
-o-transition: margin-bottom .4s;
transition: margin-bottom .4s;
}
ul.stepper li a {
padding: 1.5rem;
text-align: center;
}
ul.stepper li.active a {
background:none;
}
ul.stepper li a .circle {
display: inline-block;
width: 4.75rem;
height: 4.75rem;
margin-right: .5rem;
line-height: 4.7rem;
color: #fff;
text-align: center;
background: rgba(0,0,0,0.38);
background-color: rgba(0, 0, 0, 0.38);
border-radius: 50%;
}
ul.stepper li.active a .circle, ul.stepper li.completed a .circle {
background-color: #4285f4 !important;
}
.stepper-horizontal li a .label {
margin-top: .63rem;
}
ul.stepper li a .label {
display: inline-block;
color: rgba(0,0,0,0.38);
font-size: 16px;
font-weight: 500;
}
ul.stepper li.active a .label, ul.stepper li.completed a .label {
font-weight: 600;
color: rgba(0,0,0,0.87);
}
.stepper-horizontal li:not(:first-child)::before {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
height: 1px;
margin: .5rem 0 0 0;
content: "";
background-color: rgba(0,0,0,0.1);
}
.stepper-horizontal li:not(:last-child)::after {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
height: 1px;
margin: .5rem 0 0 0;
content: "";
background-color: rgba(0,0,0,0.1);
}
small.fill_tank_msg{
font-size: 12px;
font-weight:900;
}
small.fill_tank_msg_desc{
font-size: 12px;
}
div.dataTables_wrapper.dt-bootstrap .dataTables_paginate .paginate_button {
padding: 0;
margin-left: 0;
}
div.dataTables_wrapper ul li, div.dataTables_wrapper ol li {
padding: 0;
border: none !important;
}
table.dataTable tbody th, table.dataTable tbody td {
font-weight: 500;
}
@media screen and (min-width: 768px) {
.modal-dialog.invoice-modal {
width: auto;
min-width: 600px;
max-width: 1000px;
margin: 30px auto;
}
}
.row-flex {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.col {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.printinvoice-temp-outter {
clear: both;
}
.invoice-div {
min-width: 600px;
}
#invoice-temp{
padding: 30px;
max-width: 100%;
}
.invoice-temp {
position: relative;
background-color: #ffffff;
min-height: 680px;
padding: 15px;
}
.invoice-temp-logo img {
max-width: 100%;
height:auto;
}
.invoice-temp header {
padding: 10px 0;
margin-bottom: 20px;
}
.invoice-temp .company-details {
text-align: right;
}
.invoice-temp .company-details .name {
margin-top: 0;
margin-bottom: 0;
color: #000;
font-weight:900;
}
.invoice-temp .contacts {
margin-bottom: 20px;
}
.invoice-temp .invoice-temp-to {
text-align: left;
}
.invoice-temp .invoice-temp-to .to {
margin-top: 0;
margin-bottom: 0;
color: #000;
font-weight:900;
}
.invoice-temp .invoice-temp-details {
text-align: right;
}
.invoice-temp .invoice-temp-details .invoice-temp-id {
margin-top: 0;
color: #a9140f;
}
.invoice-temp .invoice-temp-details h1.invoice-temp-id {
font-size: 2.5rem;
text-align:right;
font-weight:900;
}
.invoice-temp .invoice-temp-details .invoice-temp-cancelled {
margin-top: 0;
color: #777777;
border: 2px solid #777777;
border-right: 60px solid #777777;
border-left: 60px solid #777777;
text-align: center;
font-size: 35px;
line-height: 1.2;
}
.invoice-temp .invoice-temp-details .invoice-temp-pending {
margin-top: 0;
color: #ffc107;
border: 2px solid #ffc107;
border-right: 60px solid #ffc107;
border-left: 60px solid #ffc107;
text-align: center;
font-size: 35px;
line-height: 1.2;
}
.invoice-temp .invoice-temp-details .invoice-temp-unpaid {
margin-top: 0;
color: #a9140f;
border: 2px solid #a9140f;
border-right: 60px solid #a9140f;
border-left: 60px solid #a9140f;
text-align: center;
font-size: 35px;
line-height: 1.2;
}
.invoice-temp .invoice-temp-details .invoice-temp-paid {
margin-top: 0;
color: #0d9737;
border: 2px solid #0d9737;
border-right: 60px solid #0d9737;
border-left: 60px solid #0d9737;
text-align: center;
font-size: 35px;
line-height: 1.2;
}
.invoice-temp .invoice-temp-details .invoice-temp-awaiting {
margin-top: 0;
color: #8E44AD;
border: 2px solid #8E44AD;
border-right: 60px solid #8E44AD;
border-left: 60px solid #8E44AD;
text-align: center;
font-size: 35px;
line-height: 1.2;
}
.invoice-temp main {
padding-bottom: 50px;
}
.invoice-temp .notices .invoice-delivery {
margin-top: 0;
color: #a9140f;
}
.invoice-temp .notices h1.invoice-delivery {
padding-top: 5px;
font-size: 2.5rem;
font-weight:900;
}
.invoice-temp main .notices {
padding-left: 6px;
border-left: 6px solid #a9140f;
margin-bottom: 30px;
}
.invoice-temp main .notices .notice {
font-size: 15px;
}
.invoice-temp table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
margin-bottom: 20px;
}
.invoice-temp table td,.invoice-temp table th {
padding: 15px;
background: #eeeeee;
border-bottom: 1px solid #fff;
}
.invoice-temp table th {
white-space: nowrap;
font-weight: 400;
font-size: 16px;
}
.invoice-temp table td h3 {
margin: 0;
font-weight: 400;
color: #a9140f;
font-size: 1.2em;
text-align:left;
}
.invoice-temp table .maintitle {
text-align: right;
font-size: 1.2em;
width: 60%;
}
.invoice-temp table .qty,.invoice-temp table .total,.invoice-temp table .unit {
text-align: right;
font-size: 1.2em;
width: 10%;
}
.invoice-temp table .no {
color: #000000;
font-size: 1.6em;
background: #dddddd;
width: 10%;
}
.invoice-temp table .unit {
background: #dddddd;
}
.invoice-temp table .total {
background: #dddddd;
color: #000000;
}
.invoice-temp table tbody tr:last-child td {
border: none;
}
.invoice-temp table tfoot td {
background: 0 0;
border-bottom: none;
white-space: nowrap;
text-align: right;
padding: 10px 20px;
font-size: 1.2em;
border-top: 1px solid #ffffff;
font-weight: 600;
}
.invoice-temp table tfoot tr:first-child td {
border-top: 1px solid #ffffff;
}
.invoice-temp table tfoot tr:last-child td {
color: #a9140f;
font-size: 1.4em;
border-top: 1px solid #a9140f;
}
.invoice-temp table tfoot tr td:first-child {
border: none;
}
.invoice-temp footer {
width: 100%;
text-align: center;
color: #777;
border-top: 1px solid #aaaaaa;
padding: 8px 0;
}
td.footertotal {
background-color: #f6f6f6 !important;
}
@media print {
* {
color-adjust: exact !important;
-webkit-print-color-adjust: exact !important;
print-color-adjust: exact !important;
}
body, table, thead, tbody {
width: 100%;
-webkit-print-color-adjust:exact !important;
color-adjust:exact !important;
print-color-adjust: exact !important;
}
body {
line-height: 17px !important;
}
th, tr, td, td.no, td.maintitle, td.unit, td.qty, td.total {
-webkit-print-color-adjust:exact !important;
color-adjust:exact !important;
print-color-adjust: exact !important;
}
.invoice-temp table td,.invoice-temp table th {
background: #eeeeee !important;
border-bottom: 1px solid #fff;
}
.invoice-temp table .no {
background: #dddddd !important;
width: 10% !important;
}
.invoice-temp table .unit, .invoice-temp table .total {
background: #dddddd !important;
}
.invoice-temp table tfoot td {
background: 0 0 !important;
}
.invoice-temp table tfoot td.footertotal {
background: #f6f6f6 !important;
}
.modal-dialog .modal-content, .modal-body {
padding: 0px !important;
margin: 0px !important;
}
.modal-dialog.invoice-modal {
width: 100%;
min-width: 100%;
max-width: 100%;
margin: 0px !important;
}
.modal-dialog {
margin: 0px !important;
}
.modal-content {
-webkit-box-shadow: 0 !important;
box-shadow: 0 !important;
position: relative;
background-color: #fff;
background-clip: padding-box;
border: 0px !important;
border-radius: 0px !important;
outline: 0;
}
head, section, footer, hr, .hidden-print {
display: none !important;
}
#invoice-temp{
padding: 0px;
max-width: 100%;
}
.invoice-temp {
font-size: 11px !important;
overflow: hidden !important;
}
.invoice-temp .invoice-temp-details .invoice-temp-id, .invoice-temp .notices h1.invoice-delivery, .invoice-temp table td h3, .invoice-temp table tfoot tr:last-child td {
color: #a9140f !important;
}
.invoice-temp footer {
position: absolute;
bottom: 10px;
page-break-after: always;
}
.invoice-temp>div:last-child {
page-break-before: always;
}
}
.pagination-prods {
margin-right: 15px;
margin-left: 15px;
}
.product-cat-big {
max-height:450px;
margin-bottom: 30px;
}
.product-cat-big .product img.img-responsive {
display: block;
max-width: 100%;
width: 100%;
height: 450px;
}
.product-cat-small {
max-height:209px;
display: table;
}
.product-cat-small .product img.img-responsive {
display: block;
max-width: 100%;
width: 100%;
height: 209px;
}
.product-cat-big .single-product, .product-cat-small .single-product {
margin-bottom: 30px;
border: 0;
border-radius: 5px;
}
.product-cat-big .product img.img-responsive, .product-cat-small .product img.img-responsive {
display: block;
max-width: 100%;
width: 100%;
border: 0;
background-size: cover;
border-radius:0;
object-fit: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
}
.product-overlay-cat {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
transition: opacity .8s ease, border .4s ease;
text-align: center;
color: #fff;
}
.product-cat-big .product-overlay-cat h2 {
color: #fff;
font-size: 40px;
font-weight:600;
}
.product-cat-small .product-overlay-cat h2 {
color: #fff;
font-size: 28px;
}
.product-cat-big .cat-position {
text-align:left;
margin: 0;
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
padding-left: 70px;
}
.cat-big-black-bg {
background-color: rgba(0,0,0,0.5);
padding-top: 20px;
padding-bottom: 20px;
padding-right: 30px;
}
.cat-big-white-bg {
background-color: rgba(255,255,255,0.5);
padding-top: 20px;
padding-bottom: 20px;
padding-right: 30px;
}
.product-cat-small .cat-position {
text-align:left;
margin: 0;
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
padding-left: 40px;
}
.cat-small-black-bg {
background-color: rgba(0,0,0,0.5);
padding-top: 10px;
padding-bottom: 10px;
padding-right: 20px;
}
.cat-small-white-bg {
background-color: rgba(255,255,255,0.5);
padding-top: 10px;
padding-bottom: 10px;
padding-right: 20px;
}
.single-product {
margin-bottom: 30px;
border: 1px solid #f2f2f2;
border-radius:5px;
}
.product-cat-big .product, .product-cat-small .product {
border-radius:0;
border:0;
}
.product {
border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom: 1px solid #f2f2f2;
}
.product img.img-responsive {
display: block;
max-width: 100%;
width: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
}
.product.other img.img-responsive {
display: block;
max-width: 100%;
width: 100%;
height: 250px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
background-size: cover;
object-fit: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
}
.product-text {
margin-bottom: 20px;
}
.product-text h4 {
font-size: 16px;
font-weight:500;
margin: 20px 0 5px;
text-align:left;
padding-left:15px;
padding-right:15px;
}
.product-text h4 a {
font-size: 16px;
font-weight:500;
text-align:left;
color:#222;
max-width: 100%;
overflow:hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: inline-block;
}
.product-text p {
font-size: 22px;
color: #838b8f;
margin: 0;
text-align:left;
padding-top:10px;
padding-left:15px;
padding-right:15px;
color: rgba(169, 20, 15,1);
}
.product-text p small {
color: #777777;
font-size: 70%;
}
@media screen and (max-width:767px) {
.cat-prods {
margin-bottom:15px;
}
.cat-prods .col-md-8, .cat-prods .col-md-4 {
padding-right: 0px;
padding-left: 0px;
}
.product-cat-big {
max-height:209px;
margin-bottom: 0px;
}
.product-cat-big .product img.img-responsive {
display: block;
max-width: 100%;
width: 100%;
height: 209px;
}
.product-cat-big .product-overlay-cat h2 {
color: #fff;
font-size: 28px;
font-weight:400;
}
.product-cat-big .cat-position {
text-align:left;
margin: 0;
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
padding-left: 40px;
}
.cat-big-black-bg {
background-color: rgba(0,0,0,0.5);
padding-top: 10px;
padding-bottom: 10px;
padding-right: 20px;
}
.cat-big-white-bg {
background-color: rgba(255,255,255,0.5);
padding-top: 10px;
padding-bottom: 10px;
padding-right: 20px;
}
.single-product {
margin-bottom: 0px;
border: 1px solid #f2f2f2;
border-radius:5px;
}
.product-cat-big .single-product, .product-cat-small .single-product {
margin-bottom: 0px;
border: 0;
border-radius: 5px;
}
.product-cat-small .product {
margin-bottom: 0px;
}
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
color: #000;
background: none;
border-bottom: 3px solid rgba(169, 20, 15,1);
border-radius: 0;
font-size: 19px;
font-weight:600;
}
.nav-pills > li > a, .nav-pills > li > a:focus {
color: #000;
background: none;
border-bottom: 0;
border-radius: 0;
font-size: 19px;
font-weight:600;
}
.nav-pills > li > a:hover {
color: #000;
background: none;
border-bottom: 3px solid rgba(169, 20, 15,1);
border-radius: 0;
font-size: 19px;
font-weight:600;
}
.list-unstyled {
padding-left: 0;
list-style: none;
margin-left: 0px !important;
margin-right: 0px !important;
padding-right: 0px;
}
.cart .cart-product-card-wrapper {
padding-right: 15px;
}
.card {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid transparent;
border-radius: .25rem;
}
.card {
margin-bottom: 1em;
border-radius: 0 !important;
}
.product-info {
margin-bottom: .313em;
padding: .625em;
border: 0;
border-bottom-color: currentcolor;
border-bottom-style: none;
border-bottom-width: 0px;
border-radius: 0;
border-bottom: 1px solid #ccc;
padding-top:30px;
}
.product-info:first-child {
border-top: 1px solid #ccc;
}
.bundled-line-item, .product-info {
position: relative;
border-bottom: 1px solid #ccc;
}
.product-info .item-image {
width: 120px;
height: auto;
margin-right: 1rem;
}
@media screen and (min-width:768px) {
.product-info {
height: auto;
}
.bundled-line-item, .product-info {
height: auto;
}
.product-info .item-image {
width: 120px;
}
}
.product-image {
height: auto;
width: 100%;
margin-right: .938em;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.product-info .item-image img {
max-height: none;
width: 100%;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
border:none;
}
.product-info .btn {
height: auto;
min-height: 55px;
letter-spacing: .3px;
padding: 0 40px;
text-transform: uppercase;
line-height: 1.75;
overflow-wrap: break-word;
}
.remove-btn-lg {
border: none;
border-radius: 0;
font-size: 1.625em;
position: absolute;
top: 0;
right: 0;
bottom: 0;
padding-left: .3125rem;
padding-right: .3125rem;
z-index: 1;
}
.close {
float: right;
font-size: 18px;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: .5;
}
.close {
opacity: 1 !important;
}
.product-info .remove-btn-lg {
z-index: 1;
line-height: 1rem;
height: auto;
top: .625em;
right: 0;
bottom: auto;
background: none;
padding: 0;
}
.totals {
margin-bottom:30px;
}
@media screen and (max-width:991px) {
.totals-quote .pull-right{
margin-top:-30px;
}
.totals .pull-right {
margin-top:-40px;
}
}
.d-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.flex-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.position-static {
position: static !important;
padding-left:5px;
padding-right:5px;
}
.item-attributes {
vertical-align: top;
padding-left: 0;
}
.item-attributes {
font-size: .813rem;
margin: 0;
}
.item-attributes {
display: inline-block;
vertical-align: top;
max-width: calc(100% - 120px - 1rem);
width: 100%;
}
@media screen and (min-width:768px) {
.item-attributes {
max-width: calc(100% - 120px - 1rem);
width: 100%;
}
}
.line-item-header {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: justify;
justify-content: space-between;
}
.line-item-header {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: justify;
justify-content: space-between;
}
.line-item-name {
font-weight: 700;
margin-bottom: .313em;
}
.cart .line-item-name {
text-overflow: clip;
text-transform: uppercase;
white-space: normal;
overflow: visible;
font-size: 15px;
color: #242424;
font-weight: 700;
margin-bottom: .625em;
width: 90%;
}
.item-number {
margin-bottom: .75rem;
font-size: 15px;
}
.item-number-label {
font-weight: 700;
}
.product-card-footer {
margin-top: 1rem;
/*margin-left: calc(120px + 1rem);*/
}
@media screen and (min-width:768px) {
.product-card-footer {
margin-top: 0;
/*margin-left: calc(120px + 1rem);*/
}
}
@media screen and (min-width:1024px) {
.product-card-footer {
margin-left: 0;
}
}
.product-card-footer .col-2, .product-card-footer .col-3 {
padding-right:10px;
width:25%;
}
.line-item-price-info {
font-weight: 400;
margin-bottom: .5rem;
color: rgba(0,0,0, 1);
margin-bottom: .25rem;
}
.price {
color: #242424;
}
.price .range, .price .sales, .price .starting {
font-weight: 700;
}
.col-4 {
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
@media screen and (min-width:1024px) {
.col-lg-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
}
.line-item-quantity, .line-item-total-price {
display: inline-block;
}
.product-card-footer .row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -10px;
margin-left: -10px;
}
.pricing {
font-size: 1em;
font-weight: bold;
}
.quantity-form {
margin-bottom: 0;
margin-top: -.313em;
}
.quantity-label {
color: rgba(0,0,0, 1);
font-weight: 400;
display: block;
}
.quantity-form .quantity-label {
margin-bottom: .75rem;
}
.cart-page .quantity-form .quantity-label {
margin-top: 4px;
}
.custom-select {
display: inline-block;
width: 100%;
height: 55px;
text-align:center;
/*1.875rem .75rem .875rem;*/
font-weight: 400;
line-height: 1.5;
color: #242424;
vertical-align: middle;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 0;
box-shadow: inset 0 1px 2px rgba(0,0,0,.075);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.custom-select {
transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.custom-select {
background-size: 13px 8px;
}
.quantity {
width: 100%;
}
.quantity-form .quantity {
height: 20px;
width: 50px !important;
line-height: 14px;
background-position-x: 28px;
padding: 20px 0px 0px;
text-align: center;
padding-top: 0;
margin-top: -15px;
}
@media screen and (max-width:767px) {
.quantity-form .quantity {
margin-top: -5px !important;
}
}
.cart-totals-wrapper {
background-color: #faf8f6;
padding: 1rem;
margin-top: 1rem;
}
.cart-totals-wrapper {
margin-top: 0;
}
.order-summary-title {
border-bottom: 1px solid #ccc;
padding-bottom: .75rem;
margin-bottom: 1.25rem;
}
.cart-totals-wrapper .row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -10px;
margin-left: -10px;
}
.cart-totals-wrapper .row {
margin: 0;
}
.attribute-label, .sub-total, .total-label {
font-weight: 700;
}
.col-8 {
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.cart-totals-wrapper .row > .col-8 {
padding-left: 0;
}
.cart-totals-wrapper .row > .col-4 {
padding-right: 0;
}
.attribute-label, .sub-total, .total-label {
font-weight: 700;
}
.grand-total-wrapper {
border-top: 1px solid #ccc;
padding-top: 1rem;
}
.cart-totals-wrapper .row {
margin: 0;
}
.grand-total {
font-size: 18px;
font-weight: 600;
margin-bottom: 0;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
z-index: 3;
color: #fff;
cursor: default;
background-color: rgba(169, 20, 15,1);
border-color: rgba(169, 20, 15,1);
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
z-index: 2;
color: rgba(169, 20, 15,1);
background-color: #eeeeee;
border-color: #ddd;
}
.pagination > li > a, .pagination > li > span {
position: relative;
float: left;
padding: 6px 12px;
margin-left: -1px;
line-height: 1.42857143;
color: rgba(169, 20, 15,1);
text-decoration: none;
background-color: #fff;
border: 1px solid #ddd;
}
.col-md-2-search {
padding-left: 0px;
padding-right: 0px;
}
.search-mobile {
display: none;
}
@media screen and (max-width: 991px) {
.search-mobile {
display: block;
}
}
form .inner-form {
display: -ms-flexbox;
display: flex;
width: 100%;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
color:#fff;
border: 1px solid #fff;
overflow: hidden;
margin-top: 5px;
border-radius:5px;
}
form .inner-form .input-field {
/*height: 68px;*/
}
form .inner-form .input-field.first-wrap {
-ms-flex-positive: 1;
flex-grow: 1;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
background: transparent;
}
form .inner-form .input-field.first-wrap .svg-wrapper {
min-width: 40px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
form .inner-form .input-field.first-wrap svg {
fill: currentColor;
}
form .inner-form .input-field input {
height: 100%;
background: transparent;
border: 0;
display: block;
width: 100%;
padding: 10px 0;
font-size: 16px;
color:#fff;
padding-right: 40px;
}
form .inner-form .input-field.first-wrap input {
-ms-flex-positive: 1;
flex-grow: 1;
}
.cart-number {
color: #fff;
background: rgba(169, 20, 15,1);
font-size: 10px;
font-weight: bold;
text-align: center;
width: 18px;
height: 18px;
line-height: 17px;
display: inline-block;
position: absolute;
top: 7px;
right: 6px;
border-radius: 10px;
}
/* Mobile Nav */
.mobile-brand-top {
top: 10px;
padding-left: 15px;
position: absolute;
}
.mobile-brand-top img {
width: 220px;
}
#menu .fa-shopping-cart.font-white {
color: #fff;
}
#menu a:hover i.fa-shopping-cart.font-white {
color: #212529;
}
#menu {
width: 100%;
height: 100%;
padding-top: 0px;
position: fixed;
top: 0px;
left: 0;
display: none;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
z-index: 99999;
background-color: rgba(24, 56, 113, .7);
overflow-y: scroll;
overflow-x: hidden;
}
#menu {
background-color: rgba(169, 20, 15, 0.9);
}
#menu.open {
right: 0;
display:block;
}
#menu .menu_inner_wrap {
top: 70px;
left: 35%;
position: relative;
display: flex;
padding-bottom: 70px;
}
.mobile_none > ul.menu {
display:none;
}
ul.menu {
list-style: none;
}
#menu ul {
padding: 15px 0px;
list-style: none;
margin-bottom: 0;
}
li.nav-item {
margin-right: 50px;
}
li.nav-item, #menu-main-menu li {
margin-right: 50px;
position: relative;
}
#menu ul li {
margin-bottom: 10px;
margin-right: 0;
}
#menu ul li:last-of-type {
margin-bottom: 0px;
}
.nav-link {
display: block;
padding: .5rem 1rem;
}
.menu a {
font-size: 13px;
text-transform: uppercase;
}
.menu_inner_wrap ul a {
white-space: nowrap;
}
.menu_inner_wrap span {
white-space: nowrap;
color:#fff;
font-size: 20px;
text-transform: uppercase;
cursor: pointer;
}
#menu .menu_inner_wrap span .nav-link {
white-space: nowrap;
color:#fff;
font-size: 16px;
text-transform: uppercase;
margin-left:20px;
}
#menu .menu_inner_wrap span ul {
padding-bottom: 0px;
}
ul.menu a {
text-decoration: none;
color:#fff;
text-align:center;
}
#menu ul li a, .nav-item a {
text-decoration: none;
position: relative;
padding-left: 0 !important;
padding-right: 0 !important;
}
#menu .nav-link {
padding: 0;
display: initial;
font-size: 20px;
}
.nav-item a::before {
bottom: 2px;
}
.nav-item a::before, ul.menu a::before {
bottom: -2px;
}
#menu ul li a::before, .nav-item a::before {
content: "";
position: absolute;
width: 100%;
height: 2px;
bottom: -4px;
left: 0;
background: #fff;
visibility: hidden;
border-radius: 5px;
transform: scaleX(0);
transition: .25s linear;
}
@media screen and (max-width:1200px) {
#menu .menu_inner_wrap ul.open {
max-height: 500px;
padding: 3px 20px 6px;
opacity: 1;
text-align: center;
margin-bottom: 0;
}
#menu .menu_inner_wrap span.open i {
transform: rotateX(180deg);
}
}
@media screen and (max-width:1200px) {
#menu ul li {
margin-bottom: 10px !important;
}
#menu .menu_inner_wrap ul.open, #menu .menu_inner_wrap section > div.open ul {
max-height: 500px;
padding: 3px 20px 6px;
opacity: 1;
text-align: center;
margin-bottom: 0;
}
}
.copyright.copy_menu {
position: absolute;
bottom: 15px;
max-width: 1599.9px !important;
width: 100%;
margin: 0 auto !important;
left: 50%;
transform: translateX(-50%);
}
.copyright p {
color: white;
font-size: 12px;
text-align: right;
padding-right: 50px;
margin: 150px 0px 20px;
}
.copyright p a {
color:#fff;
text-decoration:underline;
}
.copyright.copy_menu p {
margin: 0;
padding: 0;
}
.copyright.copy_menu p:first-of-type {
float: left;
}
.copyright.copy_menu p:last-of-type {
float: right;
font-weight: 700;
}
.alert-primary {
color: #004085;
background-color: #cce5ff;
border-color: #b8daff;
}
.alert-success {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb;
}
.alert-success hr {
border-top-color: #c9e2b3;
}
.alert-success .alert-link {
color: #2b542c;
}
.alert-info {
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1;
}
.alert-info hr {
border-top-color: #a6e1ec;
}
.alert-info .alert-link {
color: #245269;
}
.alert-warning {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc;
}
.alert-warning hr {
border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
color: #66512c;
}
.alert-danger, .alert-error {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}
.alert-danger hr, .alert-error hr {
border-top-color: #e4b9c0;
}
.alert-danger .alert-link, .alert-error .alert-link {
color: #843534;
}
/* COOKIE */
.alert.cookiealert.show{
bottom: 0;
z-index: 99999999999;
}
.alert.cookiealert{
position: relative;
padding: .75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: .25rem;
margin: 0;
position: fixed;
left: 0;
z-index: 2;
background-color: rgba(169, 20, 15, 0.8);
border-radius: 0;
width: 100%;
bottom: -100%;
-webkit-transition: .3s ease-in-out;
-moz-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.cookiealert-container{
color: white;
}
.alert.cookiealert a {
padding: 0 10px 0 0;
color:#fff;
text-decoration:underline;
}
.alert.cookiealert .btn-outline-dark{
color: white;
background-color: transparent;
border-color: white;
}
.alert.cookiealert .btn-outline-dark:hover {
color: black;
background-color: white;
border-color: white;
}
.custom-prod {
overflow:hidden;
height:110px;
text-align:center;
}
#thumbnails li {
margin-bottom: 10px;
display: inline-block;
overflow:hidden;
height:110px;
}
label.error { color: red; font-weight: 500; }
/*.carousel-control.left {background:none;}
.carousel-control.right {background:none;}*/
.gp_products_carousel_wrapper {
border-top: 2px solid #eee;
padding-top: 50px !important;
background:none !important;
}
@media screen and (max-width:580px) {
.gp_products_item {
padding-top: 10px;
padding-bottom: 0;
padding-left: 0px;
padding-right: 0px;
}
}
table.dataTable thead th, table.dataTable thead td {
border-bottom: none !important;
}
.table .thead-dark th {
color: #fff;
background-color: #343a40;
border-color: #454d55;
font-weight:500;
}
.table .thead-dark th:first-child {
border-top-left-radius: 5px;
}
.table .thead-dark th:last-child {
border-top-right-radius: 5px;
}
.table > tbody > tr > td:first-child {
border-left: 1px solid #ccc;
}
.table > tbody > tr > td:last-child {
border-right: 1px solid #ccc;
}
.border-bottomnone {
border-bottom:none;
}
.table.border-leftright > tbody > tr > td:first-child {
border-left:none;
}
.table.border-leftright > tbody > tr > td:last-child {
border-right:none;
}
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td.dtr-control, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th.dtr-control {
position: relative;
padding-left: 30px;
cursor: pointer;
}
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td.dtr-control::before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th.dtr-control::before {
left: 5px;
height: 14px;
width: 14px;
display: block;
position: absolute;
color: #fff;
border: 2px solid white;
border-radius: 14px;
box-shadow: 0 0 2px #444;
box-sizing: content-box;
text-align: center;
text-indent: 0 !important;
font-family: 'Courier New', Courier, monospace;
line-height: 14px;
content: '+';
background-color: #000;
}
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control::before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th.dtr-control::before {
content: '-';
background-color: #d33333;
}
ul {
list-style: none;
}
.dataTables_wrapper .child .dtr-details {
display: table !important;
}
table.dataTable > tbody > tr.child ul.dtr-details {
display: inline-block;
list-style-type: none;
margin: 0;
padding: 0;
}
table.dataTable > tbody > tr.child span.dtr-title {
display: inline-block;
min-width: 75px;
font-weight: bold;
}
.dataTables_wrapper .child .dtr-details > li .dtr-title {
display: table-cell;
vertical-align: top;
border-bottom: 1px dashed #efefef;
padding: 0.5rem 2rem 0.5rem 0;
}
.dataTables_wrapper .child .dtr-details > li .dtr-data {
display: table-cell;
vertical-align: top;
border-bottom: 1px dashed #efefef;
padding: 0.5rem 0;
}
table.dataTable.no-footer {
border-bottom: 1px solid #ccc !important;
}
.hero-content h1, .hero-content h2, .hero-content h3, .hero-content h4, .hero-content h5 {
font-size: 42px;
line-height: 42px;
font-weight: 900;
padding-bottom: 0px;
color: #fff;
}
.hero-content p {
font-size: 21px;
line-height: 30px;
color:#fff;
}
.fa-angle-left.gp_products_carousel_control_icons::before, .fa-angle-right.gp_products_carousel_control_icons::before {
top: 40%;
position: absolute;
font-weight:600;
}
@media screen and (max-width:650px) {
.box-body h3 small {
display:block;
}
}
.kt-badge {
padding: 0;
margin: 0;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 18px;
width: 18px;
border-radius: 50%;
font-size: 0.8rem;
}
.kt-badge.kt-badge--bold {
font-weight: 500;
}
.kt-badge.kt-badge--lg {
height: 35px;
width: 35px;
font-size: 1rem;
}
.kt-badge.kt-badge--unified-success {
color: rgba(169, 20, 15,1);
background: rgba(0, 0, 0,0.1);
}
.kt-badge.kt-badge--rounded {
border-radius: 4px;
}
.initialsadded .kt-badge.kt-badge--lg {
height: 240px;
width: 100%;
font-size: 140px;
}
.initialsadded {
width: 100%;
padding-right: 0px;
padding-left: 0px;
}
.kt-widget__media {
width: 100%;
}
.jumbotron {
margin-bottom: 15px;
color: #000;
background-color: #fff;
padding:0px;
}
.jumbotron p {
margin-top: 15px;
font-size: 16px;
font-weight: 400;
}
@media screen and (max-width:419px) {
.findzip {
display: block;
}
.findinmap {
display: block;
float: left;
margin-left: -100px;
position: relative;
white-space: nowrap;
width: 200px;
}
}
.container_action_edit_order a i, .container_action_update_order a i, .container_add_order_product a i, .container_action_edit_discount a i, .container_action_update_discount a i {
font-size: 16px;
font-weight: bold;
}
.swal2-popup {
font-size: 1.6rem !important;
}
.order-ref {
background: #f9f9f9;
padding: 15px;
border: 1px solid #ccc;
border-radius: 5px;
}
.driver-date {
background: #f9f9f9;
padding: 15px;
border: 1px solid #ccc;
border-radius: 5px;
}
.delivery-date {
margin-top:-34px;
}
@media screen and (max-width:1200px) {
.driver-date {
padding-bottom: 65px;
}
.delivery-address {
margin-top:10px;
}
.delivery-date {
float:left !important;
margin-top:10px;
}
}
@media screen and (max-width:528px) {
.driver-date {
padding-bottom: 85px;
}
}
#thumbnails li img {
width: 100px;
height: 100%;
object-fit: cover;
}
#thumbnails li div {
width: 100px;
height: 100%;
}
@media (max-width: 375px) {
.drift-zoom-pane.drift-open, .drift-zoom-pane {
display: none;
}
}
#buttons {
display: inline-block;
}
#displayedVideo {
position: fixed;
min-width: 100%;
min-height: 100%;
}
/* Website appearance classes */
.header_background_colour_black { background-color: #000000 !important; }
.header_background_colour_grey { background-color: #808080 !important; }
.header_background_colour_white { background-color: #FFFFFF !important; }
.header_background_colour_red { background-color: #9B0C07 !important; }
.header_background_colour_blue { background-color: #004085 !important; }
.header_background_colour_green { background-color: #155724 !important; }
.header_background_colour_purple { background-color: #8E44AD !important; }
.header_background_colour_brown { background-color: #AA7745 !important; }
.header_background_colour_yellow { background-color: #E5E513 !important; }
.header_colour_black { color: #000000 !important; }
.header_colour_grey { color: #808080 !important; }
.header_colour_white { color: #FFFFFF !important; }
.header_colour_red { color: #9B0C07 !important; }
.header_colour_blue { color: #004085 !important; }
.header_colour_green { color: #155724 !important; }
.header_colour_purple { color: #8E44AD !important; }
.header_colour_brown { color: #AA7745 !important; }
.header_colour_yellow { color: #E5E513 !important; }
.header_font_size_10px { font-size: 10px !important; }
.header_font_size_12px { font-size: 12px !important; }
.header_font_size_13px { font-size: 13px !important; }
.header_font_size_14px { font-size: 14px !important; }
.header_font_size_15px { font-size: 15px !important; }
.header_font_size_16px { font-size: 16px !important; }
.header_font_size_18px { font-size: 18px !important; }
.header_font_size_20px { font-size: 20px !important; }
.header_font_size_22px { font-size: 22px !important; }
.shop_navbar_background_colour_black { background-color: #000000 !important; }
.shop_navbar_background_colour_grey { background-color: #808080 !important; }
.shop_navbar_background_colour_white { background-color: #FFFFFF !important; }
.shop_navbar_background_colour_red { background-color: #9B0C07 !important; }
.shop_navbar_background_colour_blue { background-color: #004085 !important; }
.shop_navbar_background_colour_green { background-color: #155724 !important; }
.shop_navbar_background_colour_purple { background-color: #8E44AD !important; }
.shop_navbar_background_colour_brown { background-color: #AA7745 !important; }
.shop_navbar_background_colour_yellow { background-color: #E5E513 !important; }
.shop_navbar_colour_black { color: #000000 !important; }
.shop_navbar_colour_grey { color: #808080 !important; }
.shop_navbar_colour_white { color: #FFFFFF !important; }
.shop_navbar_colour_red { color: #9B0C07 !important; }
.shop_navbar_colour_blue { color: #004085 !important; }
.shop_navbar_colour_green { color: #155724 !important; }
.shop_navbar_colour_purple { color: #8E44AD !important; }
.shop_navbar_colour_brown { color: #AA7745 !important; }
.shop_navbar_colour_yellow { color: #E5E513 !important; }
.shop_navbar_border_black { border: 1px solid #000000 !important; }
.shop_navbar_border_grey { border: 1px solid #808080 !important; }
.shop_navbar_border_white { border: 1px solid #FFFFFF !important; }
.shop_navbar_border_red { border: 1px solid #9B0C07 !important; }
.shop_navbar_border_blue { border: 1px solid #004085 !important; }
.shop_navbar_border_green { border: 1px solid #155724 !important; }
.shop_navbar_border_purple { border: 1px solid #8E44AD !important; }
.shop_navbar_border_brown { border: 1px solid #AA7745 !important; }
.shop_navbar_border_yellow { border: 1px solid #E5E513 !important; }
.shop_navbar_svg_black svg path { fill: #000000 !important; }
.shop_navbar_svg_grey svg path { fill: #808080 !important; }
.shop_navbar_svg_white svg path { fill: #FFFFFF !important; }
.shop_navbar_svg_red svg path { fill: #9B0C07 !important; }
.shop_navbar_svg_blue svg path { fill: #004085 !important; }
.shop_navbar_svg_green svg path { fill: #155724 !important; }
.shop_navbar_svg_purple svg path { fill: #8E44AD !important; }
.shop_navbar_svg_brown svg path { fill: #AA7745 !important; }
.shop_navbar_svg_yellow svg path { fill: #E5E513 !important; }
.shop_navbar_font_size_10px { font-size: 10px !important; }
.shop_navbar_font_size_12px { font-size: 12px !important; }
.shop_navbar_font_size_13px { font-size: 13px !important; }
.shop_navbar_font_size_14px { font-size: 14px !important; }
.shop_navbar_font_size_15px { font-size: 15px !important; }
.shop_navbar_font_size_16px { font-size: 16px !important; }
.shop_navbar_font_size_18px { font-size: 18px !important; }
.shop_navbar_font_size_20px { font-size: 20px !important; }
.shop_navbar_font_size_22px { font-size: 22px !important; }
.edited_before_black::before { background-color: rgba(0, 0, 0, 0.6) !important; }
.edited_before_grey::before { background-color: rgba(79, 79, 79, 0.6) !important; }
.edited_before_white::before{ background-color: rgba(239, 239, 239, 0.6) !important; }
.edited_before_red::before { background-color: rgba(130, 15, 9, 0.6) !important; }
.edited_before_blue::before { background-color: rgba(0, 34, 71, 0.6) !important; }
.edited_before_green::before { background-color: rgba(8, 52, 18, 0.6) !important; }
.edited_before_purple::before { background-color: rgba(93, 24, 123, 0.6) !important; }
.edited_before_brown::before { background-color: rgba(170, 119, 69, 0.6) !important; }
.edited_before_yellow::before { background-color: rgba(229, 229, 19, 0.6) !important; }
.footer_background_colour_black { background-color: #000000 !important; }
.footer_background_colour_grey { background-color: #808080 !important; }
.footer_background_colour_white { background-color: #FFFFFF !important; }
.footer_background_colour_red { background-color: #9B0C07 !important; }
.footer_background_colour_blue { background-color: #004085 !important; }
.footer_background_colour_green { background-color: #155724 !important; }
.footer_background_colour_purple { background-color: #8E44AD !important; }
.footer_background_colour_brown { background-color: #AA7745 !important; }
.footer_background_colour_yellow { background-color: #E5E513 !important; }
.footer_border_dark_black { border-top: 20px solid rgba(0, 0, 0, 0.7) !important; }
.footer_border_dark_grey { border-top: 20px solid rgba(79, 79, 79, 0.7) !important; }
.footer_border_dark_white { border-top: 20px solid rgba(239, 239, 239, 0.7) !important; }
.footer_border_dark_red { border-top: 20px solid rgba(130, 15, 9, 0.7) !important; }
.footer_border_dark_blue { border-top: 20px solid rgba(0, 34, 71, 0.7) !important; }
.footer_border_dark_green { border-top: 20px solid rgba(8, 52, 18, 0.7) !important; }
.footer_border_dark_purple { border-top: 20px solid rgba(93, 24, 123, 0.7) !important; }
.footer_border_dark_brown { border-top: 20px solid rgba(170, 119, 69, 0.7) !important; }
.footer_border_dark_yellow { border-top: 20px solid rgba(229, 229, 19, 0.7) !important; }
.footer_background_dark_black { background-color: rgba(0, 0, 0, 0.8) !important; }
.footer_background_dark_grey { background-color: rgba(79, 79, 79, 0.8) !important; }
.footer_background_dark_white { background-color: rgba(239, 239, 239, 0.8) !important; }
.footer_background_dark_red { background-color: rgba(130, 15, 9, 0.8) !important; }
.footer_background_dark_blue { background-color: rgba(0, 34, 71, 0.8) !important; }
.footer_background_dark_green { background-color: rgba(8, 52, 18, 0.8) !important; }
.footer_background_dark_purple { background-color: rgba(93, 24, 123, 0.8) !important; }
.footer_background_dark_brown { background-color: rgba(170, 119, 69, 0.8) !important; }
.footer_background_dark_yellow { background-color: rgba(229, 229, 19, 0.8) !important; }
.footer_colour_black { color: #000000 !important; }
.footer_colour_grey { color: #808080 !important; }
.footer_colour_white { color: #FFFFFF !important; }
.footer_colour_red { color: #9B0C07 !important; }
.footer_colour_blue { color: #004085 !important; }
.footer_colour_green { color: #155724 !important; }
.footer_colour_purple { color: #8E44AD !important; }
.footer_colour_brown { color: #AA7745 !important; }
.footer_colour_yellow { color: #E5E513 !important; }
.footer_font_size_10px { font-size: 10px !important; }
.footer_font_size_12px { font-size: 12px !important; }
.footer_font_size_13px { font-size: 13px !important; }
.footer_font_size_14px { font-size: 14px !important; }
.footer_font_size_15px { font-size: 15px !important; }
.footer_font_size_16px { font-size: 16px !important; }
.footer_font_size_18px { font-size: 18px !important; }
.footer_font_size_20px { font-size: 20px !important; }
.footer_font_size_22px { font-size: 22px !important; }
.mobile_background_colour_black { background-color: #000000 !important; opacity: 0.9 !important; }
.mobile_background_colour_grey { background-color: #808080 !important; opacity: 0.9 !important; }
.mobile_background_colour_white { background-color: #FFFFFF !important; opacity: 0.9 !important; }
.mobile_background_colour_red { background-color: #9B0C07 !important; opacity: 0.9 !important; }
.mobile_background_colour_blue { background-color: #004085 !important; opacity: 0.9 !important; }
.mobile_background_colour_green { background-color: #155724 !important; opacity: 0.9 !important; }
.mobile_background_colour_purple { background-color: #8E44AD !important; opacity: 0.9 !important; }
.mobile_background_colour_brown { background-color: #AA7745 !important; opacity: 0.9 !important; }
.mobile_background_colour_yellow { background-color: #E5E513 !important; opacity: 0.9 !important; }
.mobile_colour_black { color: #000000 !important; }
.mobile_colour_grey { color: #808080 !important; }
.mobile_colour_white { color: #FFFFFF !important; }
.mobile_colour_red { color: #9B0C07 !important; }
.mobile_colour_blue { color: #004085 !important; }
.mobile_colour_green { color: #155724 !important; }
.mobile_colour_purple { color: #8E44AD !important; }
.mobile_colour_brown { color: #AA7745 !important; }
.mobile_colour_yellow { color: #E5E513 !important; }
.mobile_border_black { border: 1px solid #000000 !important; }
.mobile_border_grey { border: 1px solid #808080 !important; }
.mobile_border_white { border: 1px solid #FFFFFF !important; }
.mobile_border_red { border: 1px solid #9B0C07 !important; }
.mobile_border_blue { border: 1px solid #004085 !important; }
.mobile_border_green { border: 1px solid #155724 !important; }
.mobile_border_purple { border: 1px solid #8E44AD !important; }
.mobile_border_brown { border: 1px solid #AA7745 !important; }
.mobile_border_yellow { border: 1px solid #E5E513 !important; }
.mobile_font_size_10px { font-size: 10px !important; }
.mobile_font_size_12px { font-size: 12px !important; }
.mobile_font_size_13px { font-size: 13px !important; }
.mobile_font_size_14px { font-size: 14px !important; }
.mobile_font_size_15px { font-size: 15px !important; }
.mobile_font_size_16px { font-size: 16px !important; }
.mobile_font_size_18px { font-size: 18px !important; }
.mobile_font_size_20px { font-size: 20px !important; }
.mobile_font_size_22px { font-size: 22px !important; }
.footer_heading_colour_black { color: #000000 !important; }
.footer_heading_colour_grey { color: #CCCCCC !important; }
.footer_heading_colour_white { color: #FFFFFF !important; }
.footer_heading_colour_red { color: #9B0C07 !important; }
.footer_heading_colour_blue { color: #004085 !important; }
.footer_heading_colour_green { color: #155724 !important; }
.footer_heading_colour_purple { color: #8E44AD !important; }
.footer_heading_colour_brown { color: #AA7745 !important; }
.footer_heading_colour_yellow { color: #E5E513 !important; }
.footer_heading_font_size_10px { font-size: 10px !important; }
.footer_heading_font_size_12px { font-size: 12px !important; }
.footer_heading_font_size_13px { font-size: 13px !important; }
.footer_heading_font_size_14px { font-size: 14px !important; }
.footer_heading_font_size_15px { font-size: 15px !important; }
.footer_heading_font_size_16px { font-size: 16px !important; }
.footer_heading_font_size_18px { font-size: 18px !important; }
.footer_heading_font_size_20px { font-size: 20px !important; }
.footer_heading_font_size_22px { font-size: 22px !important; }
.footer_contact_colour_black { color: #000000 !important; }
.footer_contact_colour_grey { color: #CCCCCC !important; }
.footer_contact_colour_white { color: #FFFFFF !important; }
.footer_contact_colour_red { color: #9B0C07 !important; }
.footer_contact_colour_blue { color: #004085 !important; }
.footer_contact_colour_green { color: #155724 !important; }
.footer_contact_colour_purple { color: #8E44AD !important; }
.footer_contact_colour_brown { color: #AA7745 !important; }
.footer_contact_colour_yellow { color: #E5E513 !important; }
.footer_contact_font_size_10px { font-size: 10px !important; }
.footer_contact_font_size_12px { font-size: 12px !important; }
.footer_contact_font_size_13px { font-size: 13px !important; }
.footer_contact_font_size_14px { font-size: 14px !important; }
.footer_contact_font_size_15px { font-size: 15px !important; }
.footer_contact_font_size_16px { font-size: 16px !important; }
.footer_contact_font_size_18px { font-size: 18px !important; }
.footer_contact_font_size_20px { font-size: 20px !important; }
.footer_contact_font_size_22px { font-size: 22px !important; }
.footer_links_colour_black { color: #000000 !important;}
.footer_links_colour_grey { color: #CCCCCC !important;}
.footer_links_colour_white { color: #FFFFFF !important;;}
.footer_links_colour_red { color: #9B0C07 !important;}
.footer_links_colour_blue { color: #004085 !important;}
.footer_links_colour_green { color: #155724 !important; }
.footer_links_colour_purple { color: #8E44AD !important; }
.footer_links_colour_brown { color: #AA7745 !important; }
.footer_links_colour_yellow { color: #E5E513 !important; }
.menu_border_black { border: 0; border-top: 1px solid #000000 !important; }
.menu_border_grey { border: 0; border-top: 1px solid #808080 !important; }
.menu_border_white { border: 0; border-top: 1px solid #FFFFFF !important; }
.menu_border_red { border: 0; border-top: 1px solid #9B0C07 !important; }
.menu_border_blue { border: 0; border-top: 1px solid #004085 !important; }
.menu_border_green { border: 0; border-top: 1px solid #155724 !important; }
.menu_border_purple { border: 0; border-top: 1px solid #8E44AD !important; }
.menu_border_brown { border: 0; border-top: 1px solid #AA7745 !important; }
.menu_border_yellow { border: 0; border-top: 1px solid #E5E513 !important; }
a.header_colour_black:hover, a.header_colour_grey:hover, a.header_colour_white:hover, a.header_colour_red:hover, a.header_colour_blue:hover, a.header_colour_green:hover, a.header_colour_purple:hover, a.header_colour_brown:hover, a.header_colour_yellow:hover, a.footer_colour_black:hover, a.footer_colour_grey:hover, a.footer_colour_white:hover, a.footer_colour_red:hover, a.footer_colour_blue:hover, a.footer_colour_green:hover, a.footer_colour_purple:hover, a.footer_colour_brown:hover, a.footer_colour_yellow:hover, a.shop_navbar_colour_black:hover, a.shop_navbar_colour_grey:hover, a.shop_navbar_colour_white:hover, a.shop_navbar_colour_red:hover, a.shop_navbar_colour_blue:hover, a.shop_navbar_colour_green:hover, a.shop_navbar_colour_purple:hover, a.shop_navbar_colour_brown:hover, a.shop_navbar_colour_yellow:hover, a.mobile_colour_black:hover, a.mobile_colour_grey:hover, a.mobile_colour_white:hover, a.mobile_colour_red:hover, a.mobile_colour_blue:hover, a.mobile_colour_green:hover, a.mobile_colour_purple:hover, a.mobile_colour_brown:hover, a.mobile_colour_yellow:hover, a.footer_links_colour_black:hover, a.footer_links_colour_grey:hover, a.footer_links_colour_white:hover, a.footer_links_colour_red:hover, a.footer_links_colour_blue:hover, a.footer_links_colour_green:hover, a.footer_links_colour_purple:hover, a.footer_links_colour_brown:hover, a.footer_links_colour_yellow:hover { opacity: 0.5 !important; }
.main-content, .container.content{
/*min-height: 300px;*/
flex: 1 0 auto;
}
.main-content-350{
min-height: 350px;
flex: 1 0 auto;
}
/* Start Cookie CSS */
.cookies-section{
padding: 10px 200px;
}
.nav-tabs.flex-column {
border-bottom: 0;
border-right: 1px solid #dee2e6;
}
.nav-tabs.flex-column .nav-link {
border-bottom-left-radius: .25rem;
border-top-right-radius: 0;
margin-right: -1px;
}
.nav-tabs .nav-link {
border: 1px solid transparent;
border-top-left-radius: .25rem;
border-top-right-radius: .25rem;
}
.nav-link {
display: block;
padding: .5rem 1rem;
}
.nav-tabs.flex-column .nav-item.show .nav-link, .nav-tabs.flex-column .nav-link.active {
border-color: #dee2e6 transparent #dee2e6 #dee2e6;
}
.cookies-modal .modal-header, .cookies-modal .modal-footer, .cookies-modal .nav-tabs.flex-column .nav-item.show .nav-link, .cookies-modal .nav-tabs.flex-column .nav-link.active {
background: #0000ff;
color: #fff;
}
.cookies-modal .modal-footer .modal-footer-button{
background: #fff;
}
.cookies-modal .modal-header button{
color: #fff
}
.cookies-modal p, .cookies-modal a, .cookies-modal span, .cookies-modal label, .cookies-modal th, .cookies-modal td{
font-size: 14px;
}
#cookie-consent-show-again{
cursor: pointer;
width: auto;
background-color: #000000;
color: #fff;
font-family: inherit;
position: fixed;opacity: 1;
bottom: 0px;
right: 5%;
display: none;
z-index: 999;
padding: 5px 20px;
}
.visible{
display: block !important;
}
.hidden{
display: none !important;
}
@media (max-width: 768px) {
.cookies-section {
padding: 0;
}
.modal-lg.cookies-modal{
width: 96%;
}
}
@media (max-width: 500px) {
.acceptcookies, .declinecookies, .setting-button {
width: 100%;
margin-bottom: 10px;
}
}
[data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], [data-toggle="buttons"] > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none;
}
.btn-switch .btn-default {
background-color: #f4f4f4;
color: #444;
border-color: #ddd;
}
.btn-group.btn-switch > .btn, .btn-group-vertical > .btn {
position: relative;
float: left;
}
.btn-default.btn-on.active{background-color: #5BB75B;color: white;}
.btn-default.btn-off.active{background-color: #DA4F49;color: white;}
.btn-default.btn-on:focus, .btn-default.btn-off:focus{outline: none;}
.error{
color: red;
font-weight: normal;
}
#cookie-setting-modal{
z-index: 9999999;
}
.cookies-modal th, .cookies-modal td{
font-size: 10px;
}
#cookie-setting-modal p{
line-height: 1.5;
}
#cookie-setting-modal .modal-dialog .modal-content{
padding: 0;
}
/* End Cookie CSS */
.dataTables_wrapper .dataTables_paginate .paginate_button {
box-sizing: border-box;
display: inline-block;
min-width: 1.5em;
padding: 0;
margin-left: 0;
text-align: center;
text-decoration: none !important;
cursor: pointer;
*cursor: hand;
color: #333 !important;
border: 1px solid transparent;
border-radius: 2px;
}
.m-1{
margin: 1rem;
}
.w-50{
width: 50%;
}