/***********************************************************************
* Global font settings
************************************************************************/
body, html, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6,
.content-header h4, .main-header, input, textarea {
    font-family: "Lexend", "Inter", "Karla", "Roboto", "Arial", sans-serif;
!important;
    color: #3d3d3d;
    font-weight: 400;

}

body, .form-control, .btn, table, tr, th, td, thead, tbody, .dropdown-menu,
.skin-blue-light .sidebar-menu > li > a,
.skin-blue .sidebar-menu > li > a {
    font-size: 13px;
    font-weight: inherit;
}

.main-header .logo, .logo, .logo-mini, .logo-lg, .login-logo, .register-logo, .page-title,
.cta-block .btn,
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: "Lexend", "Inter", "Roboto", "Arial", sans-serif;

}


b, strong, .bold, .strong, .b {
    font-weight: 600;
}


.main-header, .skin-blue .main-header .navbar {
    /*background-image: none;*/
    /*background: royalblue;*/
}

.login-page {
    /*background-image: url('../images/header2.jpg');*/
    background-repeat: no-repeat;
    background-size: cover;
    background-color: white;
}

.main-header {
    /*background-image: none;*/
    /*background-color: black;*/
    background: rgb(238, 53, 93);
    background: linear-gradient(90deg, rgba(238, 53, 93, 1) 0%, rgba(239, 68, 92, 1) 100%);
}

/*
|--------------------------------------------------------------------------
| Right side content background light grey
|--------------------------------------------------------------------------
*/

/** >> Content background: start */
.content-wrapper, .right-side, .wrapper, .cta-block {
    background-color: #f4f4f4;
}

.content {
    background-color: inherit;
}

.nav-tabs-custom {
    background-color: transparent;
}

.nav-tabs-custom > .nav-tabs > li {
    border: 0;
}

/** << Content background: end */


.round {
    border-radius: 25px;
    font-size: .9em;
    text-transform: uppercase;

}

/** >>> Left menu style: start */
.skin-blue-light .main-sidebar,
.skin-blue-light .left-side,
.skin-blue-light .sidebar-menu > li > .treeview-menu,
.skin-blue-light .treeview-menu > li > a {
    background-color: #1b1e21;
    color: lightgrey;
}

.skin-blue-light .sidebar-menu > li:hover > a, .skin-blue-light .sidebar-menu > li.active > a {
    background-color: #333333;
}

.skin-blue-light .treeview-menu > li > a:hover {
    text-decoration: underline;
}

.skin-blue-light .treeview-menu > li.active > a {
    color: grey;
}

/** <<< Left menu style: end */

.sidebar-menu .treeview-menu {
    padding-left: 10px;
    padding-bottom: 10px;
    border-left: 4px solid #0f202f;
}

.dashboard-tile {
    padding: 15px;
}

.content-header h2 {
    font-weight: 600;
    color: #3f3f3f;
}

.login-page {
    background-image: url(../images/login-bg-1.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: #ffffff;
}

.login-page .btn.btn-success, .btn.btn-primary {
    background-color: #ff235a;
    border-color: #ff235a;
    color: white;
}

.login-page .btn.btn-success:hover, .btn.btn-primary:hover {
    background-color: #000;
    border-color: #000;
}

.login-page .btn.btn-default {
    background-color: #777777;
    border-color: #777777;
    color: #fff
}

.login-page .btn.btn-default:hover {
    background-color: #000;
    border-color: #000;
}

.login-logo, .register-logo {
    font-family: "Quicksand", sans-serif;
    padding-top: 20px;
    margin-bottom: 5px;
    font-weight: 100;
}

.login-logo {
    color: #000;
    font-weight: 600;
    padding: 30px;
}

.login-page .login-box-body a {
    color: #333;
}

.login-box-body {
    padding-top: 0px;
}

.login-box-body h4 {
    text-align: center;
    color: #000;
}

.main-header .logo, .logo, .logo-mini, .logo-lg {
    font-family: "Quicksand", sans-serif;
!important;
    font-weight: 600;
}

.panel-default > .panel-heading {
    color: #fff;
    background-color: #001c3c;
    border-color: #001c3c;
}

div.form-group span.readonly {
    padding-left: 10px;
}

h3 {
    color: #333;
    font-weight: 600;
    text-transform: capitalize;
}

#tableQuoteItems th {
    background-color: #ccecff;
    color: #333;
    font-weight: 600;
    border: none;
}

#tableQuoteItems td a {
    color: #125799;
}

#tableQuoteItems td a:hover {
    text-decoration: underline;
}

#tableQuoteItems td {
    background-color: #f5f5f6;
    border-color: #fff;
    color: #333;
}

#ordersGrid th {
    background-color: #001c3c;
    color: #fff;
    font-weight: 600
}

.content-header h2 {
    margin-bottom: 15px;
}

.btn-group.pull-right .dropdown-menu {
    left: auto;
    right: 0;
}

/*-------22-5-2020-------*/

.info-box {
    display: block;
    min-height: 90px;
    /* background: #fff; */
    width: 100%;
    box-shadow: 0 4px 13px rgb(0 0 0 / 10%);
    border-radius: 6px;
    margin-bottom: 15px;
}

.info-box-icon {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    background: transparent;
}

.bg-artemis-red-flare {
    background-color: #ff235a;
    color: white;
}

.bg-artemis-orange-flare {
    background-color: #ff5c4d;
    color: white;
}

.bg-artemis-yellow {
    background-color: #ffc000;
    color: white;
}

.bg-artemis-dark-yellow {
    background-color: #ff9636;
    color: white !important;
}

.btn
.shop-newsletter .newsletter-inner .btn {
    background-color: #ff325a;
    color: white;
}

/****************************************
* Artemis pod styles
*****************************************/
.artemis-cyan {
    background-color: #59ffff;
}

.artemis-orange {
    background-color: #ff9636;
}

.artemis-red {
    background-color: #ff325a;
}

.text-artemis-red {
    color: #ff325a;
}

.artemis-sunshine {
    background-color: #ffc000;
}

.artemis-tangerine {
    background-color: #ff5c4d;
}

.artemis-yellow {
    background-color: #ffcd58;
}

.artemis-black {
    background-color: #000000;
}

.artemis-white {
    background-color: #ffffff;
}

table.dataTable td a.bg-smart-blue {
    color: white;
}

/*
|--------------------------------------------------------------------------
| Input border style
|--------------------------------------------------------------------------
*/

/*label {*/
/*    margin-bottom: 0;*/
/*}*/

/*.form-control {*/
/*    padding: 0 12px;*/
/*    border-top: 0;*/
/*    border-right: 0;*/
/*}*/

/*div.form-control {*/
/*    background-color: inherit;*/
/*}*/

/*div.form-group span.readonly {*/
/*    padding: 5px;*/
/*}*/

/*.select2-container .select2-choice {*/
/*    padding: 3px 0 5px 0;*/
/*}*/

/*.select2-container-disabled {*/
/*    background-color: #fbfbfb;*/
/*}*/

/*
|--------------------------------------------------------------------------
|
|--------------------------------------------------------------------------
|
|
*/

.product-block-container {
    margin: 0 auto;

}

.product-block {
    min-height: 300px;
    height: auto;
    overflow: hidden;
    margin-bottom: 20px;
}

.product-name {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1.2em;
}

.product-price {
    display: block;
}

.product-grid {
    margin-top: 15px;
}

.pagination-container {
    margin: 15px 0;
}

.pagination {
    margin: 15px 0;
    float: left;
}

.page-item.active .page-link {
    background-color: #ff325a;
    border-color: #ff325a;
}

.sub-category-block {
    margin: 5px 5px 0px 0;
    padding: 10px;
    border: 1px #ff325a solid;
    background-color: white;
    color: #ff325a;
}

.no-pad-t {
    padding-top: 0;
}

.no-margin-t {
    margin-top: 0;
}

.product-details-main-image {
    margin-top: 20px;
}

.product-details h1,
.product-details h2,
.product-details h3,
.product-details h4 {
    margin: 10px 0 10px 0;
}

.product-details h1 {
    font-size: 30px;
    font-weight: bold;
}

.colour-selector {
    width: 35px;
    height: 35px;
    float: left;
    border: 1px lightgrey solid;
    margin: 4px 4px 0 0;
    border-radius: 50%;
}

.colour-selector.colour-selected {
    border: 4px lightgrey dotted;
}

.variant-selector {
    font-size: 14px;
}

.header.shop .nav li:hover a {
    background-color: black;
}

.header.shop .nav .dropdown li:hover {

}

.modal-footer {
    border-top: none;
}

.shopping-cart .table td {
    padding: 10px;
}

.buy-now-btn {
    padding: 15px;
    margin-top: 15px;
    font-weight: bold;
    text-transform: uppercase;
}

.buy-now-btn, .btn-bordered-smart-red {
    border: 2px #ff325a solid;
    background-color: white;
    color: #ff325a;
}

.buy-now-btn:hover, .btn-bordered-smart-red:hover, .sub-category-block:hover {
    background-color: #ff325a;
    border-color: #ff325a;
    color: white;
}


.product-block .product-name {
    font-family: "Inter", "Karla", "Roboto", "Arial", sans-serif;;
    font-size: 16px;
}


.product-grid .product-price {
    font-size: 14px;
}

.also-available-on-tile {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}