﻿body {
    font-family: 'Open Sans', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 11pt;
}

h1, h2, h3, h4, h5 {
    font-family: Raleway, 'Open Sans', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 500;
    /*color: #63666A;*/
}

.open-sans {
    font-family: 'Open Sans', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
}

.bg-map {
    background-image: url('../img/bg-map.jpg');
    background-attachment: scroll;
    background-size: cover;
    background-repeat: no-repeat;
}

.bg-map-gradient {
    background-image: url('../img/bg-map-grad.jpg');
    background-size: contain;
}


.no-input {
    border: 0px;
    width: 100%;
    text-align: center;
    padding: 0px;
}

.text-small {
    font-size: 0.8rem;
}

.one-line {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

input.mapy-icon {
    background: white url(https://api.mapy.com/img/api/logo.svg) no-repeat right;
}


.card-header-tabs {
    margin: 0px !important;
}

.card-header-tabs .nav-link {
    border: 0px !important;
    padding-top: 15px;
    padding-bottom: 15px;
}

.card-header {
    border-radius: .2rem .2rem 0 0 !important;
    -moz-border-radius-topleft: .29rem !important;
    background-color: rgba(0, 0, 0, .1);
}

.card-header .nav-tabs .nav-link {
    border-top-left-radius: .2rem;
    border-top-right-radius: .2rem;
}

.bg-light {
    background-color: rgba(0, 0, 0, .1) !important;
}

.card-header-tabs h2 {
    font-size: 0.95rem;
}

.table-border-top-0 th {
    border-top: 0px;
}

.navbar.navbar-mb {
    padding: 0px;
}

.navbar.navbar-mb .nav-item {
    padding: 8px;
}

.navbar.navbar-magazin .nav-item:hover {
    background-color: rgba(0, 151, 169, 0.2);
}

.navbar {
    text-transform: uppercase;
    font-family: Raleway, 'Open Sans', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.navbar.navbar-main {
    background-color: rgba(0, 0, 0, .00) !important;
}

.navbar.navbar-main .nav-item a {
    color: black;
}

.navbar.navbar-main .nav-item.active {
    /*background-color: rgba(0,151,169, 0.2);*/
    background-color: rgba(0, 0, 0, 0.1);
}

.navbar.navbar-main .nav-item:hover {
    /*background-color: #0097A9;*/
    background-color: rgba(0, 0, 0, 0.2);
}

.navbar.navbar-main .nav-item:hover a {
    color: white;
}


/* OTHER */
.btn-lg.dropdown-toggle {
    padding-right: 35px;
    height: 49.5px;
}

.btn-lg.dropdown-toggle::after {
    float: right;
    margin: 13px -20px;
}


.btn .btn.btn-icon div {
    line-height: 1;
    font-size: 1.35rem;
    min-height: 1rem;
}

.btn-lg.btn-icon {
    width: 60px;
    height: 49.5px;
}

.btn-lg.btn-icon div {
    line-height: 1.1;
    font-size: 1.8rem;
    min-width: 1.4rem;
}

.form-control {
    font-size: 0.95rem;
}

.form-control-lg {
    font-size: 1rem;
}

.form-control-sm {
    font-size: .85rem !important;
}


.form-group .text-muted {
    font-size: 0.8rem;
}


.map-overlay {
    position: absolute;
    width: 100%;
    z-index: 1;
    pointer-events: none;
    background: none;
}

.map-overlay input,
.map-overlay button,
.map-overlay select,
.map-overlay .form-group,
.map-overlay .btn,
.map-overlay .dropdown-menu a,
.map-overlay .card {
    pointer-events: auto;
}

.map-overlay .card {
    border-color: #C6C6C6;
}


.input-group input, .input-group .btn-outline-secondary {
    border-color: #DFDFDF;
    color: inherit;
}

.input-group input:hover, .input-group .btn-outline-secondary:hover {
    border-color: #C6C6C6;
}

.cost-view small {
    font-size: 50%;
}

/* COLUMNS */
.col-side {
    max-width: 330px;
    min-width: 330px;
}

@media (max-width: 1200px) {
    .col-side {
        display: none;
    }
}

.table-sm {
    font-size: 0.8rem;
}

.table tbody tr {
    background-color: #FCFCFC;
}

/*

  ICONS

*/

.icon-pump {
    background: url(../img/pump.png) no-repeat center;
    background-size: 100%;
    image-rendering: -webkit-optimize-contrast;
}

.icon-stk {
    background: url(../img/stk-icon.png) no-repeat center;
    background-size: 100%;
    image-rendering: -webkit-optimize-contrast;
}

/*.fa-map-marker {
  background: url(../img/pin.png) no-repeat center;
  background-size: 100%;
  image-rendering: -webkit-optimize-contrast;
}*/
