/* 
    Document   : main.qrcode.css
    Created on : May 22, 2013, 2:17:54 AM
    Author     : jeezer
    Description:
        Purpose of the stylesheet follows.
*/

.em-bg-code {
    background: linear-gradient(246deg, #097AE2 17.28%, #000 100.28%);
}

#navbarNav a.nav-link {
    color: #fff;
    font-weight: 600;
}

#navbarNav a.nav-link:hover,
.em-nav-subheader a.btn:hover {
    color: #ddd !important;
}

.em-nav-item {
    padding: 4px 4px 4px 8px;
}

.em-nav-item a.btn {
    border-radius: 50px;
    padding: 5px 12px 5px 15px;
    font-weight: 600;
}

.em-icon-arrow,
.em-icon-arrow .em-icon-a,
.em-icon-arrow .em-icon-b {
    transition: 250ms all ease;
}

.em-icon-arrow .em-icon-b {
    display: none;
}

.nav-item>a:hover .em-icon-arrow .em-icon-a,
.download-app-btns>a:hover .em-icon-arrow .em-icon-a {
    display: none;
}

.nav-item>a:hover .em-icon-arrow .em-icon-b,
.download-app-btns>a:hover .em-icon-arrow .em-icon-b {
    display: block;
}

#em-list-size {
    width: 14.8cm;
    margin: 0 auto;
    border: 1px solid #CCC;
}

.em-list-header {
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    line-height: 38px;
}

.em-list-unit {
    height: 3.3cm;
    width: 6.8cm;
    margin: 0.1cm;
    border: 1px solid rgb(15, 26, 107);
    border-radius: 3px;
    padding: 0.1cm;
    float: left;
}

.em-qrcode,.em-qrcode canvas {
    width: 3.3cm;
    height: 3.3cm;
}

.em-qrcode-desc {
    margin: -3.3cm 0 0 3.4cm;
    width: 3.4cm;
}

.em-qrcode-desc .logo {
    padding-top: 0.55cm;
}

.em-qrcode-desc .name {
    text-align: center;
    padding-top: 0.45cm;
    font-weight: bold;
    font-size: 15px;
    border-top: 1px solid rgb(61, 64, 87);
    margin-top: 0.45cm;
    color: rgb(243, 77, 35);
}

.em-list-footer {
    text-align: center;
    font-size: 12px;
    color: #444;
    margin-bottom: 15px;
    border-bottom: 1px solid #CCC;
    padding-bottom: 10px;
}

.em-list-line {
    overflow: hidden;
    margin: 0.3cm 0;
}

.em-break-line {
    width: 0.29cm;
    height: 3.5cm;
    float: left;
}

.em-logo-code {
    max-width: 60%;
    margin: 5% 20% 30px;
}

.em-logo-rb {
    max-width: 38%;
}

.em-logo-code img {
    width: 100%;
}

.rb-nav-toggler {
    border-color: transparent;
    padding: 0.25rem 0.5rem;
    color: #fff !important;
}

.em-search-code {
    border: 3px solid #172d41;
    border-radius: 100px;
    background: #fff;
    margin: 8% 0 8% !important;
}

.em-search-code-2 {
    border: 3px solid #000;
    border-radius: 100px;
    background: #fff;
    max-width: 80%;
}

#button-qr-code-search-2 {
    padding-left: 12px !important;
    padding-right: 12px !important;
}

.em-search-rb {
    margin-top: 2% !important
}

.em-search-code .input-group,
.em-search-code-2 .input-group {
    border-radius: 100px;
    padding: 2px;
    border: none;
}

.em-search-code .input-group .input-group-prepend,
.em-search-code .input-group .input-group-prepend .input-group-text,
.em-search-code-2 .input-group .input-group-prepend,
.em-search-code-2 .input-group .input-group-prepend .input-group-text {
    border-radius: 100px 0 0 100px;
    border: none;
    background: none;
}

.em-search-code .input-group .input-group-prepend .input-group-text,
.em-search-code-2 .input-group .input-group-prepend .input-group-text {
    padding-right: 3px;
}

.em-search-code .input-group .input-group-prepend .input-group-text svg,
.em-search-code-2 .input-group .input-group-prepend .input-group-text svg {
    width: 24px;
    height: 24px;
    fill: #858796;
}

.em-search-code .input-group .form-control,
.em-search-code-2 .input-group .form-control {
    border: none;
    box-shadow: none !important;
}

.em-search-code .input-group .input-group-append,
.em-search-code-2 .input-group .input-group-append {
    z-index: 5;
}

.em-search-code .input-group .input-group-append,
.em-search-code .input-group .input-group-append button,
.em-search-code-2 .input-group .input-group-append,
.em-search-code-2 .input-group .input-group-append button {
    border-radius: 100px;
    border: none;
}

.em-is-invalid {
    border-color: #e74a3a !important;
}

.em-card-bike-code {
    padding: 25px;
    border-radius: 40px;
    background: linear-gradient(180deg, #E7F3FD 0%, #BECDDA 100%);
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

.em-nav-subheader a.btn {
    box-shadow: none !important;
    text-decoration: none !important;
}

.em-nav-subheader .btn svg {
    margin-right: 6px;
}

.em-err-text {
    color: #d11a3a;
}

.em-card-err {
    margin: 25% 0 20%;
    text-align: center;
    font-size: 24px;
}

.em-err-btns {
    text-align: center;
}

.em-err-btns .btn {
    border-radius: 10px;
}

.carousel-control-next,
.carousel-control-prev {
    border: none;
    opacity: .1;
    background: #2b5177;
}

.carousel-control-prev {
    border-radius: 28px 0 0 28px;
}

.carousel-control-next {
    border-radius: 0 28px 28px 0;
}

.carousel-inner img {
    border-radius: 28px;
}

.carousel-indicators li {
    background-color: #2b5177;
}

#carouselBikeCodePhoto {
    border-radius: 30px;
    overflow: hidden;
    border: 2px solid #b5c7d7;
}

#carouselBikeCodePhoto .carousel-item a {
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 28px;
}

#carouselBikeCodePhoto .carousel-item img {
    width: 100%;
    max-width: 100%;
    max-height: 110%;
    object-fit: contain;
}

.em-status-code {
    margin: 15px 0;
    text-align: center;
    border: 3px solid #000;
    border-radius: 8px;
    padding: 10px;
    font-weight: 700;
    background: #fff;
    font-size: 18px;
}

.em-status-code.em-status-code-red {
    color: #EC0000;
    border-color: #EC0000;
}

.em-status-code.em-status-code-green {
    color: #22c769;
    border-color: #22c769;
}

.em-status-code.em-status-code-orange {
    color: #e0791f;
    border-color: #e0791f;
}

.em-bike-code-name {
    text-align: center;
    margin-top: 5px;
    color: #14243d;
    margin-bottom: 15px;
}

.em-bike-codes-label {
    font-weight: 600;
    color: #14243d;
    font-size: 15px;
}

.em-bike-codes-value {
    color: #14243D;
    font-weight: 300;
    margin-bottom: 8px;
    font-size: 13px;
}

.em-bike-codes-value.box {
    background: #ffffff40;
    padding: 10px;
    border-radius: 7px;
}

.em-btn-bike-codes {
    font-size: 16px;
    padding: 10px 30px;
    font-weight: 600;
}

.btn-dark {
    background: #101D32;
    border-color: #101D32;
}

.btn-dark:hover,
.btn-dark.disabled,
.btn-dark:disabled {
    background: #080e19;
    border-color: #080e19;
}

.inputMapStyle>div {
    border-color: #b5c7d7;
    border-width: 2px;
}

.btn-danger {
    background: #CD1939;
    border-color: #CD1939;
}

.btn-danger:hover {
    background: #E42043;
    border-color: #E42043;
}

.text-danger {
    color: #ec0001 !important;
}

.em-bike-codes-stolen {
    border-bottom: 2px solid #ec0001;
    text-align: center;
}

.em-bike-codes-stolen h3 {
    color: #ec0001 !important;
    font-size: 20px;
}

#sendMessageModal .modal-header,
#shareModal .modal-header {
    background: #096AC3;
    color: #fff;
}

.em-btn-rb-search {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
}

.em-btn-rb-search.btn-info {
    background-color: #01a9dc;
    border-color: #01a9dc;
    color: #001830;
}

.em-btn-rb-search.btn-info:hover {
    color: #FFFFFF;
    background-color: #001830;
    border-color: #001830;
}

.em-btn-rb-search.btn-info:focus,
.em-btn-rb-search.btn-info.focus {
    color: #FFFFFF;
    background-color: #001830;
    border-color: #001830;
}

.rb-ads-search-input {
    margin-bottom: -29px !important;
    z-index: 1;
}

.em-search-ads-data {
    background: #172d41;
    padding: 40px 20px 15px;
    box-shadow: inset 0 0 5px #082443;
    border-radius: 0 0 29px 29px;
    margin-bottom: 6% !important;
}

.em-search-ads-data-detail {
    background: #172d41;
    padding: 20px 20px 15px;
    box-shadow: inset 0 0 5px #082443;
    border-radius: 29px;
}

.bc-line-admin {
    border-top: 1px solid #b5c7d7;
    margin-top: 12px;
    padding-top: 10px;
}

.bc-line-admin p {
    margin-bottom: 0;
    font-size: 13px;
    text-align: center;
}

.bc-line-admin a {
    color: #14243d !important;
}

@media (max-width: 991px) {
    .rb-ads-search-input {
        margin-bottom: -24px !important;
    }
    .em-search-ads-data {
        border-radius: 0 0 24px 24px;
        padding: 34px 20px 15px;
    }
}

@media (max-width: 767px) {
    #navbarNav {
        text-align: center;
        border-top: 2px solid #fff;
        margin-top: 5px;
    }
    .em-bike-code-name {
        font-size: 28px;
    }
    .em-logo-rb {
        max-width: 60%;
    }
}

@media (max-width: 545px) {
    .em-nav-subheader h1 {
        font-size: 30px;
    }
    .em-bike-code-name {
        font-size: 25px;
    }
}

@media (max-width: 500px) {
    .em-err-btns .btn {
        width: 100% !important;
        margin-left: 0 !important;
    }
}

@media (max-width: 445px) {
    .em-nav-subheader .btn svg {
        display: none;
    }
    .em-nav-subheader h1 {
        font-size: 20px;
        padding-top: 5px;
    }
    .em-bike-code-name {
        font-size: 22px;
    }
}