/* CSS RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}.paragraph ul {list-style: disc; margin-left: 20px;}

/* POSITION CLASSES */
.wrapper {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}
.wrapper.small {
    width: 700px;
}
.clear {
    clear: both;
}
.dpn {
    display: none!important;
}
.floatLeft {
    float: left;
}
.floatRight {
    float: right;
}
.floatRightI {
    float: right!important;
}
.mt5 {
    margin-top: 5px;
}
.mt10 {
    margin-top: 10px;
}
.mt20 {
    margin-top: 20px;
}
.mt30 {
    margin-top: 30px;
}
.mt40 {
    margin-top: 40px;
}
.mt80{
    margin-top: 80px;
}
.mb5 {
    margin-bottom: 5px;
}
.mb10 {
    margin-bottom: 10px;
}
.mb15 {
    margin-bottom: 15px;
}
.mb20 {
    margin-bottom: 20px;
}
.mb30 {
    margin-bottom: 30px;
}
.mb40 {
    margin-bottom: 40px;
}
.mb50 {
    margin-bottom: 50px;
}
.mb60 {
    margin-bottom: 60px;
}
.ml5 {
    margin-left: 5px;
}
.ml10 {
    margin-left: 10px;
}
.ml20 {
    margin-left: 20px;
}
.ml30 {
    margin-left: 30px;
}
.ml40 {
    margin-left: 40px;
}
.mr5 {
    margin-right: 5px;
}
.mr10 {
    margin-right: 10px;
}
.mr20 {
    margin-right: 20px;
}
.mr30 {
    margin-right: 30px;
}
.mr40 {
    margin-right: 40px;
}
.pb5{
    padding-bottom: 5px;
}
.p30-0{
    padding: 30px 0;
}
.p60-0{
    padding: 60px 0;
}
.pb60{
    padding-bottom: 60px;
}

/* FONT CLASSES */
.lightFont {
    font-family: 'open sans';
    font-weight: 300;
    font-style: normal;
}
.regularFont {
    font-family: 'open sans';
    font-weight: 400;
    font-style: normal;
}
.semiBoldFont {
    font-family: 'open sans';
    font-weight: 600;
    font-style: normal;
}
.boldFont {
    font-family: 'open sans';
    font-weight: 700;
    font-style: normal;
}
.uppercase {
    text-transform: uppercase;
}
.underline {
    text-decoration: underline;
}
strong {
    font-weight: bold;
}
.italic {
    font-style: italic;
}
em {
    font-style: italic;
}
.centerText {
    text-align: center;
}

.title-1{font-size: 26px; line-height: 1.5;}
.title-2{font-size: 24px; line-height: 1.5;}
.title-3{font-size: 20px; line-height: 1.5;}
.title-4{font-size: 18px; line-height: 1.5;}
.title-5{font-size: 16px; line-height: 1.5;}
.title-6{font-size: 14px; line-height: 1.5;}
.title-7{font-size: 12px; line-height: 1.5;}

/* GENERAL STYLING CLASSES */
.backgroundCover {
    -webkit-background-size: cover!important;
    -moz-background-size: cover!important;
    -o-background-size: cover!important;
    background-size: cover!important;
}
.centerBack{
    background-position: center;
}
.clearFix:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
.relative {
    position: relative;
}
.formshowerror {
    border: 1px solid red;
    background-color: #ffd0d0;
    color: red;
}

/* GENERAL ELEMENTS */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body {
    font-family: 'open sans';
    font-weight: 400;
    font-style: normal;
    margin: 0;
    background-color: #E9ECEF;
}
a {
    color: inherit;
}
.paragraph,
p {
    font-family: 'open sans';
    font-weight: 400;
    font-style: normal;
    line-height: 2;
    font-size: 14px;
}
.paragraph img,
p img {
    max-width: 100%;
    height: auto;
}
.paragraph.white,
p.white {
    color: white!important;
}
.paragraph.italic,
p.italic {
    font-style: italic;
}
.paragraph.small,
p.small {
    width: 70%;
    margin-left: 15%;
    margin-right: 15%;
}
.paragraph a,
p a {
    color: black;
    text-decoration: none;
}
.paragraph a:hover,
p a:hover {
    color: black;
}

/* COL */
.col-padding {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 15px;
}
.col-padding-right {
    padding-right: 15px;
}
.col-padding-left {
    padding-left: 15px;
}
.s-show,
.s-show-block {
    display: none;
}

input {
    outline: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'open sans';
    font-weight: 600;
    font-style: normal;
}
h1,
.h1 {
    font-size: 2.0rem;
}
h2,
.h2 {
    font-size: 1.8rem;
}
h3,
.h2 {
    font-size: 1.6rem;
}
h4,
.h4 {
    font-size: 1.4rem;
}
h5,
.h5 {
    font-size: 1.2rem;
}

/* PAGES */
.logo {
    position: fixed;
    font-family: 'open sans';
    font-weight: 600;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    top: 0;
    left: -230px;
    width: 230px;
    height: 60px;
    background-color: #fff;
    border-right: 1px solid rgba(0, 0, 0, 0.15);
    font-size: 13px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    z-index: 1030;
    transition: all 0.2s ease-in-out;
   
}
.logo img {
    width: 60%;
}
.logo a:hover{
    text-decoration: none;
    color: #14b665;
}
    
    /*BUTTONS*/
.btn-brand {
     background-color: #14b665;
     color: white;
     border-color: #129c53;
 }
.btn-brand:hover {
    background-color: #129c53;
}

.btn-grey {
    background-color: #e9ecef;
    color: black;
}
.btn-grey:hover {
    background-color: #dedede;
}
.btn-default{
    background-color: white;
    border: 1px solid #dee2e6;
}
.btn-default:hover{
    border: 1px solid #c2c6c9;
}

/*PANELS*/
.sideLeft {
    position: fixed;
    top: 60px;
    left: -230px;
    bottom: 0;
    z-index: 100;
    width: 230px;
    background-color: #212d36;
    padding-left: 10px;
    padding-right: 10px;
    transition: all 0.2s ease-in-out;
}
.mainPanel {
    margin-left: 0;
    margin-top: 60px;
    transition: all 0.2s ease-in-out;
	width: calc(100% - 230px);
}

/*SIDEBAR*/
.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.sidebarLabel {
    display: block;
    text-transform: uppercase;
    font-size: 10px;
    font-family: 'open sans';
    font-weight: 400;
    font-style: normal;
    color: #fff;
    letter-spacing: 1px;
    opacity: .3;
    white-space: nowrap;
}
.menuLink {
    color: #adb5bd;
    display: block;
    font-size: 14px;
    border-radius: 2px;
    transition: all 0.2s ease-in-out;
}
.menuLink:hover,
.menuLink:focus {
    color: #fff;
    background-color: #344757;
    text-decoration: none;
}
.menuLink:focus,
.menuLink:active {
    outline: none;
}
.menuLink.showSub {
    background-color: #19242f;
    color: #fff;
}
.menuLink#active {
    background-color: #19242f;
    color: #fff;
}
.menuItem {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 15px;
    height: 40px;
    letter-spacing: 0.2px;
    font-size: .85rem;
}
.menuItemIcon {
    width: 18px;
    transition: all 0.2s ease-in-out;
}
.menuItemLabel {
    white-space: nowrap;
    margin-left: 10px;
    margin-right: auto;
}
.menuItemLabel,
.menuItemArrow {
    transition: all 0.2s ease-in-out;
}
.menuSub {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 27px;
    background-color: #000000;
    display: none;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.menuSub .navLink {
    /*line-height: 1.5;*/
    font-size: 13px;
    color: #adb5bd;
    /*padding-top: 7px;*/
    /*padding-bottom: 7px;*/
    position: relative;
    transition: all 0.2s ease-in-out;
}
.menuSub .navLink:before {
    content: '';
    position: absolute;
    top: 50%;
    left: -5px;
    margin-top: -0.5px;
    width: 2px;
    height: 2px;
    background-color: #fff;
    opacity: .5;
    transition: all 0.2s ease-in-out;
}
.menuSub .navLink:hover,
.menuSub .navLink:focus {
    color: #528c8b;
    text-decoration: none;
}
.menuSub .navLink:hover:before,
.menuSub .navLink:focus:before {
    width: 4px;
    height: 4px;
    left: -6px;
    opacity: 1;
    background-color: #528c8b;
}
.menuSub .navLink.active {
    color: #528c8b;
}
.menuSub .navLink.active:before {
    width: 20px;
    left: -15px;
    opacity: 1;
    background-color: #528c8b;
}
.collapsed-menu .sideLeft {
    left: 0;
}
.collapsed-menu .mainPanel {
    width: calc(100% - 60px);
}
.navItem {
    margin-bottom: 0;
    width: 100%;
    display: flex;
    align-items: left;
    justify-content: left;
    position: relative;
}
.navLink {
    color: #868e96;
    border: 0;
    padding: 5px 10px;
    border-radius: 0;
}



/*HEADER*/
.header {
    height: 60px;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    background-color: #fff;
    box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.16);
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all 0.2s ease-in-out;
}
.header::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -4px;
    width: 3px;
    background-color: #fff;
    z-index: 1040;
}
.headerLeft {
    display: flex;
}
.headerRight {
    display: flex;
    align-items: flex-end;
}
.headerRight .form-control {
    border: 0;
    border-radius: 0;
    padding: 0 20px;
    outline: none;
    height: 60px;
}
.input-group{
    background-color: white;
}
.headerRight .input-group-btn {
    border-left: 1px solid rgba(0, 0, 0, 0.15);
}
.headerRight .input-group-btn .btn,
.headerRight .input-group-btn button {
    background-color: #fff;
    border-radius: 0;
    border: 0;
    color: #868e96;
    padding-left: 20px;
    padding-right: 20px;
}
.headerRight .input-group-btn .btn:hover,
.headerRight .input-group-btn button:hover,
.headerRight .input-group-btn .btn:focus,
.headerRight .input-group-btn button:focus {
    color: #343a40;
    box-shadow: none;
}
.headerRight a {
    color: #868e96;
}
.headerRight a:hover,
.headerRight a:focus {
    color: #343a40;
    text-decoration: none;
}
.counter {
    display: inline-block;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 15px;
    right: 10px;
    border-radius: 50%;
}
.mediaListLink {
    display: block;
    transition: all 0.2s ease-in-out;
}
.naviconLeft {
    width: 60px;
    height: 60px;
    border-right: 1px solid rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
}
.naviconLeft a {
    color: #868e96;
    font-size: 20px;
    width: 60px;
    text-align: center;
    padding: 20px 0;
    height: 60px;
    transition: all 0.2s ease-in-out;
}
.naviconLeft a:hover,
.naviconLeft a:focus {
    color: #343a40;
}
.naviconRight {
    display: flex;
    width: 60px;
    height: 60px;
    border-left: 1px solid rgba(0, 0, 0, 0.15);
    align-items: center;
    justify-content: center;
}
.pageHeader {
    display: flex;
    align-items: center;
    background-color: #dee2e6;
    padding-left: 20px;
    padding-right: 20px;
}
.pageHeader .breadcrumb {
    background-color: transparent;
}
.pageHeader .breadcrumbItem:not(.active) {
    color: #868e96;
}
.pageHeader .breadcrumbItem:not(.active):hover,
.pageHeader .breadcrumbItem:not(.active):focus {
    color: #495057;
}
.pageHeader .breadcrumbItem.active {
    color: #495057;
}
.pageHeader .breadcrumbItem:before {
    display: inline-block;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    color: #868e96;
    content: "/";
}
.pageHeader .breadcrumbItem:first-child:before {
    display: none;
}
.dropup, .dropdown {
    position: relative;
}
.profileLink {
    position: relative;
    color: #868e96;
    transition: all 0.2s ease-in-out;
    min-width: 150px;
    height: 60px;
    display: block;
    padding: 15px;
    border-left: 1px solid rgba(0, 0, 0, 0.15);
}
.profileName {
    display: inline-block;
    font-size: 13px;
    margin-right: 5px;
    text-decoration: none!important;
}
.profileLink img {
    opacity: .85;
    transition: all 0.2s ease-in-out;
    vertical-align: middle;
    border-style: none;
    width: 32px;
}

.onlineDot {
    position: absolute;
    border-radius: 100%;
    border: 2px solid #fff;
    display: inline-block;
    width: 10px;
    height: 10px;
}

.dropdown-menu-header {
    position: relative;
    border-top: 0;
    margin-top: 1px;
    padding: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    left: auto !important;
    right: -1px !important;
    top: 59px !important;
    transform: none !important;
    will-change: unset !important;
}

.user-profile-nav {
    margin: 0;
    font-size: 13px;
    text-decoration: none;
}
.user-profile-nav a {
    display: block;
    padding: 7px 10px;
    border-radius: 2px;
    transition: all 0.2s ease-in-out;
}
.user-profile-nav a:hover, .user-profile-nav a:focus {
    background-color: #dee2e6;
}
.user-profile-nav .icon {
    display: inline-block;
    width: 20px;
    line-height: 0;
    text-align: center;
    font-size: 20px;
    position: relative;
    color: #528c8b;
    top: 2px;
    margin-right: 5px;
}
.user-profile-nav .ion-ios-folder,
.user-profile-nav .ion-power {
    font-size: 18px;
}


/*CART*/
.shoppingCart {
    position: relative;
    color: #868e96;
    transition: all 0.2s ease-in-out;
    min-width: 150px;
    height: 60px;
    display: block;
    padding: 20px 15px;
    border-left: 1px solid rgba(0, 0, 0, 0.15);
}
.shoppingText{
    display: inline-block;
    font-size: 13px;
    margin-right: 5px;
    text-decoration: none!important;
}
.shoppingCartIcon{
    display: inline-block;
}


    
    /*EXTRA MENU*/
.subMenuLeft {
    position: fixed;
    overflow: scroll;
    top: 60px;
    bottom: 0;
    width: 230px;
    padding: 10px;
    z-index: 10;
    background-color: #dadde0;
}

.rightMenu{
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.rightMenu .navLink {
    /*line-height: 1.5;*/
    font-size: 13px;
    color: #60666d;
    /*padding-top: 7px;*/
    /*padding-bottom: 7px;*/
    position: relative;
    transition: all 0.2s ease-in-out;
}
.rightMenu .navLink:before {
    content: '';
    position: absolute;
    top: 50%;
    left: -5px;
    margin-top: -0.5px;
    width: 2px;
    height: 2px;
    background-color: #60666d;
    opacity: .5;
    transition: all 0.2s ease-in-out;
}
.rightMenu .navLink:hover,
.rightMenu .navLink:focus {
    color: black;
    text-decoration: none;
}
.rightMenu .navLink:hover:before,
.rightMenu .navLink:focus:before {
    width: 4px;
    height: 4px;
    left: -6px;
    opacity: 1;
    background-color: black;
}
.rightMenu .navLink.active {
    color: black;
}
.rightMenu .navLinkSite.active{
    color: black;
    font-weight: bold;
}
.rightMenu .navLink.active:before {
    width: 20px;
    left: -15px;
    opacity: 1;
    background-color: black;
}

.subProductRight{width: calc(100% - 230px); float: right;}

/*TABLES*/
table.dataTable {
    border: 1px solid #dee2e6;
    margin-bottom: 15px;
}
table.dataTable.no-footer {
    border-bottom-color: #dee2e6;
}
.form-control,
.dataTables_filter input {
    display: block;
    width: 100%;
    padding: 0.65rem 0.75rem;
    font-size: 0.8rem;
    color: #495057;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 3px;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.dataTables_filter {
    padding-bottom: 10px;
    padding-right: 5px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:focus {
    background-color: #ced4da;
    background-image: none;
    border-color: transparent;
    color: #343a40 !important;
}

/*FORM*/
form label {
    font-size: 0.8rem;
    margin-bottom: 10px;
}

/*CHECKBOX*/
.checkbox {
    font-weight: normal;
    position: relative;
    display: block;
    line-height: 18px;
}
.checkbox span {
    padding-left: 6px;
    font-size: 0.8rem;
}
.checkbox span:empty {
    float: left;
}
.checkbox span:before,
.checkbox span:after {
    line-height: 18px;
    position: absolute;
}
.checkbox span:before {
    content: '';
    width: 16px;
    height: 16px;
    background-color: #fff;
    border: 1px solid #adb5bd;
    border-radius: 2px;
    top: 1px;
    left: 0;
}
.checkbox span:after {
    top: 1px;
    left: 0;
    width: 16px;
    height: 16px;
    content: '\f00c';
    font-family: 'FontAwesome';
    font-size: 9px;
    text-align: center;
    color: #fff;
    background-color: #0866C6;
    line-height: 17px;
    border-radius: 2px;
    display: none;
}
.checkbox input[type='checkbox'] {
    opacity: 0;
    margin: 0 5px 0 0;
}
.checkbox input[type='checkbox']:checked + span:after {
    display: block;
}
.checkbox input[type='checkbox'][disabled] + span,
.checkbox input[type='checkbox'][disabled] + span:before,
.checkbox input[type='checkbox'][disabled] + span:after {
    opacity: .75;
}
.checkbox-inline {
    display: inline-block;
}
/* Checheckbox color variant */
.checkbox-brand span::after {
    background-color: #14b665;
}

/* Radio Box */
.radiobox {
    font-weight: normal;
    position: relative;
    display: block;
    line-height: 18px;
}
.radiobox span {
    padding-left: 6px;
    font-size: 0.8rem;
}
.radiobox span:before,
.radiobox span:after {
    line-height: 18px;
    position: absolute;
}
.radiobox span:before {
    content: '';
    width: 16px;
    height: 16px;
    background-color: #fff;
    border: 1px solid #adb5bd;
    border-radius: 50px;
    top: 2px;
    left: 0;
}
.radiobox span:after {
    content: '';
    width: 6px;
    height: 6px;
    background-color: #fff;
    border-radius: 50px;
    top: 7px;
    left: 5px;
    display: none;
}
.radiobox input[type='radio'] {
    opacity: 0;
    margin: 0 5px 0 0;
}
.radiobox input[type='radio']:checked + span:before {
    border-color: transparent;
    background-color: #0866C6;
}
.radiobox input[type='radio']:checked + span:after {
    display: block;
}
.radiobox input[type='radio'][disabled] + span,
.radiobox input[type='radio'][disabled] + span:before,
.radiobox input[type='radio'][disabled] + span:after {
    opacity: .75;
}
.radiobox-inline {
    display: inline-block;
}
/* Radiobox Color Variant */
.radiobox-brand input[type='radio']:checked + span:before {
    background-color: #14b665;
}


/*FOOTER*/
.footer {
 background-color: #181f24;
}
.footer a {
    color: #868e96;
}
.footer a:hover,
.footer a:focus {
    color: #343a40;
}
.footerMenu{
    float:left;
    margin-top: 20px;
    font-size: 14px;
    line-height: 1.8;
}
.footerMenu li{
    float: left;
    width: 100%;
}
.footerMenu li a{
    text-decoration: none;
}
.footerMenu li a:hover{
    color: white;
}
.footerMenuTitle{
    position: relative;
}
.footerMenuTitle:after{
    position: absolute;
    bottom: -10px;
    width: 50px;
    height: 3px;
    background-color: #636363;
    content: '';
    left: 0;
}
.centerDiv{
    display: table;
    margin: auto;
    
}
.max150{
    max-width: 150px;
}
.max200{
    max-width: 200px;
}
/*POSITIONS*/
.flex {
    display: flex !important;
}
.block {
    display: block !important;
}
.flexColumn {
    flex-direction: column !important;
}
.justifyContentCenter {
    justify-content: center !important;
}
.alignItemsCenter {
    align-items: center !important;
}
.alignItemsLeft {
    align-items: left !important;
}
.dtr-details{
    line-height: 1.5rem;
}

/*FONT*/
.fs10 {
    font-size: 10px;
}
.fs11 {
    font-size: 11px;
}
.fs12 {
    font-size: 12px;
}
.fs13 {
    font-size: 13px;
}
.fs14 {
    font-size: 14px;
}
.fs16 {
    font-size: 16px;
}
.fs18 {
    font-size: 18px;
}
.fs20 {
    font-size: 20px;
}
.fs22 {
    font-size: 22px;
}
.fs24 {
    font-size: 24px;
}
.fs26 {
    font-size: 26px;
}
.fs28 {
    font-size: 28px;
}
.fs30 {
    font-size: 30px;
}
.fs60 {
    font-size: 60px;
}

/*HEIGHTS*/
.h50 {
    height: 50px;
}
.h100 {
    height: 100px;
}
.h150 {
    height: 150px;
}
.h200 {
    height: 200px;
}
.h250 {
    height: 250px;
}
.h300 {
    height: 300px;
}
.h350 {
    height: 350px;
}
.h400 {
    height: 400px;
}
.h450 {
    height: 450px;
}
.h500 {
    height: 500px;
}
.h550 {
    height: 550px;
}
.h600 {
    height: 600px;
}
.h650 {
    height: 650px;
}
.h700 {
    height: 700px;
}
.h750 {
    height: 750px;
}
.h800 {
    height: 800px;
}
.h100v {
    height: 100vh;
}

/*WIDTHS*/
.w40 {
    width: 40px;
}
.w300 {
    width: 300px;
}
.w100v {
    width: 100vh;
}

/*PADDING*/
.p5 {
    padding: 5px;
}
.p10 {
    padding: 10px;
}
.p15 {
    padding: 15px;
}
.p20 {
    padding: 20px;
}
.p25 {
    padding: 25px;
}
.p30 {
    padding: 30px;
}
.p40{
    padding: 40px;
}
.pb30 {
    padding-bottom: 30px;
}
.pt30 {
    padding-top: 30px;
}
.pl20 {
    padding-left: 20px;
}
.px15 {
    padding-left: 15px;
    padding-right: 15px;
}
.px30 {
    padding-left: 30px;
    padding-right: 30px;
}
.noPad{
    padding: 0;
}
.col-padding-left-big{
    padding-left: 50px;
}
.col-padding-right-big{
    padding-right: 50px;
}

/*BACKGROUNDS*/
.backGreen {
    background-color: #62be26;
}
.backBlue {
    background-color: #26a2c2;
}
.backOrange {
    background-color: #f67207;
}
.backPrimary {
    background-color: #1D2939;
}
.backBrand {
    background-color: #14b665;
}
.backWhite {
    background-color: white;
}
.backGrey{
    background-color: #e9ecef;
}
.homeColorBack-1{
    background-color: #f4ebeb;
}

/*TEXTCOLOR*/
.colorPrimary {
    color: #0866C6;
}
.colorSuccess {
    color: #23BF08;
}
.colorWarning {
    color: #F49917;
}
.colorDanger {
    color: #dc3545;
}
.colorInfo {
    color: #17a2b8;
}
.colorDark {
    color: black;
}
.colorBrand {
    color: #14b665;
}
.colorWhite {
    color: white;
}
.colorGrey{
    color: #8a8a8a;
}
.yellowColor{
    color: #F49917;
}
.greyColor{
    color: #b8b8b8;
}
.whiteColor{
    color: white;
}

.table .btn-sm{
    font-size: 12px;
    padding: 0px 6px;
    margin-top: -2px;
}
.buttonTd{
    padding: 9px!important;
}
.border-bottom{
    border-bottom: 1px solid #eee;
}
.fullWidth{
    float: left;
    width: 100%;
}
.image{
	float: left;
	width: 100%;
}
.image img{
	float: left;
	max-width: 100%;
}
.detail-image{
    text-align: center;
}
.detail-image img{
    max-width: 100%;
}

/*PRODUCTS*/
.product{
    float: left;
    background-color: white;
    min-height:200px;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}
.productRow{
    float: left;
    background-color: white;
    width: 100%;
    border-bottom: 1px solid #e6e6e6;
}
.productRow .image{
    float: left;
    width: 250px;
}
.productRow .productInfo{
    float: left;
    width: calc(100% - 250px);
}
.productRow .image img {
    max-height: 200px;
}

.productRow .cartButtons{
    max-width: 100%;
    width: auto;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.productRow .buttonProduct.order{
    width: auto;
}
.productRow .buttonProduct.order i{
    margin-right: 10px;
}
.cartButtons{
    float: left;
    width: 100%;
    border: 1px solid #e6e6e6;
}
.buttonProduct{
    float: left;
    width: 50%;
    text-align: center;
    font-size: 14px;
    text-decoration: none;
    padding: 10px 12px;
}
.buttonProduct:hover{
    text-decoration: none;
}
.buttonProduct.order{
    background-color: #14b665;
    color: white;
    width: 45px;
}
.buttonProduct.order:hover{
    background-color: #129c53;
}
.buttonProduct.favorite{
    background-color: #f6f6f6;
    color: white;
    width: 45px;
}
.buttonProduct.favorite:hover{
     background-color: #e0e0e0;
}

.buttonProduct.order:hover{
    background-color: #129c53;
}
.buttonProduct.info{
    width: calc(100% - 90px);
    border-right: 1px solid #e6e6e6;
}
.buttonProduct.info:hover{
    background-color: #e6e6e6;
}

.buttonProduct.infoFull{
    width: 100%;
    text-align: center!important;
}

/*ORDER*/
.orderForm{
    margin-top: 20px;
    border: 1px solid #e9ecef;
    border-radius: 5px;
    background-color: #fdfdfd;
    font-size: 14px;
}
.quantity-left-minus, .quantity-right-plus{
    background-color: white;
    border-left: 1px solid #d7d7d7;
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    padding: 10px;
    color: #8e8e8e;
}
small{
    font-size: 14px;
    vertical-align: top;
}
.line1{
    line-height: 1!important;
}
.quantity-right-plus{
    border-left: 0;
    border-right: 1px solid #d7d7d7;
}
.custom-select{
    border: 1px solid #d7d7d7;
    border-radius: 0;
    height: auto;
    padding: 10px;
}
.custom-select:focus{
    border-color: #afafaf;
    outline: 0;
}
.btn-group-lg>.btn, .btn-lg{
    font-size: 16px;
}

#populair .item{
    float:left;
    border-right: 1px solid #e9ecef;
}
.fancyInner{
    max-width: 800px;
    float: left;
}
.leftFancy{
    width: 40%;
    float: left;
}

.rightFancy{
    width: 60%;
    float: left;
}

/*DASHBOARD*/
#slides{
    float:left;
    width: 100%;
}
#slides .item{
    float:left;
    width: 100%;
}
#slides .slide{
    height: 600px;
    position: relative;
    float:left;
    width: 100%;
}
.slideContainer{
    position: absolute;
    width: 60%;
    right: 0;
    top: 0;
    height: 100%;
}
.bookItem{
    width: 30%;
    float: left;
    height: 100%;
    padding-right: 40px;
}
.bookItem .center{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bookItem img{
    float: left;
    width: 100%;
}
.textSlide{
    padding: 40px;
    width: 70%;
    float: left;
    background-color: #e7f4f5;
    height: 100%;
}
.textSlide .center{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ranking{
    float: left;
    font-size: 13px;
}
.ranking.small{
    font-size: 12px;
}
.ranking li{
    float: left;
    margin-right: 3px;
}
#custom-search-input{
    padding: 3px;
    border: solid 1px #E4E4E4;
    border-radius: 6px;
    background-color: #fff;
}

#custom-search-input input{
    border: 0;
    box-shadow: none;
}

#custom-search-input button{
    margin: 2px 0 0 0;
    background: none;
    box-shadow: none;
    border: 0;
    color: #666666;
    padding: 0 14px 0 18px;
    border-left: solid 1px #ccc;
}

#custom-search-input button:hover{
    border: 0;
    box-shadow: none;
    border-left: solid 1px #ccc;
}

#custom-search-input .glyphicon-search{
    font-size: 23px;
}
.categories{
    float: left;
    width: 100%;
    margin-top: 20px;
    text-align: center;
}
.categories li{
    font-size: 15px;
    color: #7d6a6a;
    display:inline-block;
    *display:inline; /*IE7*/
    *zoom:1; /*IE7*/
    margin-right:10px;
    line-height: 2;
}
.categories li a:hover{
    text-decoration: none;
    color: #534545;
}
.count{
    width: 35px;
    height: 35px;
    position: absolute;
    right: -10px;
    top: -10px;
    background-color: #13a97d;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid white;
    color: white;
    line-height: 31px;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
}

/*CART*/
.table th{
    font-weight: bold;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 8px;
    line-height: 1.4;
    vertical-align: top;
    border-top: 1px solid #e5e5e5;
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.02);
}
.form-check-input{
    margin-left: 0;
}
.form-check-label{
    line-height: 1.9;
    font-size: 13px;
}
/*NEWS*/
.newsItem{
    padding: 20px;
    border-right: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
    float: left;
    width: 33.33%;
}
.newsItem:nth-child(3n+3){
    border-right: none;
}

/*PAGINATION CUSTOM*/
.pagination{
    font-size: 12px;
}
.page-link{
    color: black;
}
.page-link:focus, .page-link:hover{
    color: black;
}
/*FILTER*/
.filterLabel{
    font-size: 0.8rem;
    margin-right: 10px;
}
.dropdown-toggle{
    font-size: 0.8rem;
    text-align: left;
}
.dropdown-toggle::after{
    float: right;
    margin-top: 7px;
}
.dropdown-menu{
    float:left;
    padding: 0;
    font-size: 0.8rem;
}
.dropdown-menu li{
    float:left;
    width: 100%;
}
.dropdown-menu a{
    float:left;
    width: 100%;
    padding: 7px 10px;
    text-decoration: none;
}
.dropdown-menu a:hover{
    background-color: #eee;
}
/*CART NAVBAR*/
.alert{
    font-size: 13px;
    line-height: 1.4;
}
.shopping-cart {
    right: 20px;
    position: fixed;
    display: none;
    margin: 20px 0;
    float: right;
    background: white;
    width: 320px;
    border-radius: 3px;
    padding: 20px;
    z-index: 199;
}
.shopping-cart .shopping-cart-header {
    border-bottom: 1px solid #E8E8E8;
    padding-bottom: 15px;
    float: left;
    width: 100%;
}
.shopping-cart-items{
    float: left;
    width: 100%;
    max-height: 360px;
    overflow-y: scroll;
    padding-top: 10px;
}
.shopping-cart .shopping-cart-header .shopping-cart-total {
    float: right;
}

.shopping-cart .shopping-cart-items li {
    margin-bottom: 18px;
}
.shopping-cart .shopping-cart-items img {
    float: left;
    margin-right: 12px;
    max-width: 70px;
}
.item-name {
    display: block;
    padding-top: 10px;
    font-size: 14px;
    margin-bottom: 10px;
}
.item-price {
    font-size: 13px;
    color: black;
    margin-right: 8px;
}
.item-quantity {
    font-size: 13px;
    color: #ABB0BE;
}

.shopping-cart:after {
    bottom: 100%;
    left: 89%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: white;
    border-width: 8px;
    margin-left: -8px;
}

.cart-icon {
    color: #515783;
    font-size: 24px;
    margin-right: 7px;
    float: left;
}

.button {
    background: #6394F8;
    color: white;
    text-align: center;
    padding: 12px;
    text-decoration: none;
    display: block;
    border-radius: 3px;
    font-size: 16px;
    margin: 25px 0 15px 0;
}
.button:hover {
    background: #729ef9;
}



/*GENERAL*/
.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}
.borderDark {
    border: 1px solid rgba(0, 0, 0, 0.15);
}
.ls15 {
    letter-spacing: 1.5px;
}
.opacity7 {
    opacity: 0.7;
}
.rounded {
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    -ms-border-radius: 3px !important;
    -o-border-radius: 3px !important;
    border-radius: 3px !important;
}
.shadow {
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.21);
}
.overflowYAuto {
    overflow-y: auto;
}
.overflowXAuto {
    overflow-x: auto;
}
.overflowHidden {
    overflow: hidden;
}
.table{
    width: 100%!important;
}
.line14{
    line-height: 1.4;
}
.min150{
    min-width: 150px;
}

.productBlockTitle {
    min-height: 55px;
}
.productBlockImage {
    height: 350px;
}
.books-home-bestellen .productBlockImage{
    height: 280px;
}
.productBlockImage img {
    max-height: 100%;
}
.imgOverview img{
    position: relative;
    top: 100%;
    transform: translateY(-100%);
}

.cartImage {
    max-width: 50px;
    max-height: 50px;
}

/** AUTOCOMPLETE **/
.autocomplete-image{
    float: left;
}

.autocomplete-image img{
    max-width: 40px;
}

.autocomplete-label{
    float: left;
    margin: 5px 0 0 5px;
    max-width: 340px;
}

.ui-autocomplete { max-height: 300px; overflow-y: auto; overflow-x: hidden;}

.dialog-quantity{
    width: 80% !important;
    float: left;
}

.dialog-verpaktper{
    float: left;
    margin-top: 20px;
    margin-left: 10px;
}