/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification\ 
for details on configuring this project to bundle and minify static web assets. */
/*body {
    padding-top: 50px;
    padding-bottom: 20px;
}*/

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
/*.body-content {
    padding-left: 15px;
    padding-right: 15px;
}*/

/* Carousel */
/*.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}*/

/* Make .svg files in the carousel display properly in older browsers */
/*.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}*/

/* QR code generator */
/*#qrCode {
    margin: 15px;
}*/

/* Hide/rearrange for smaller screens */
/*@media screen and (max-width: 767px) {*/
    /* Hide captions */
    /*.carousel-caption {
        display: none;
    }
}*/

/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */
.box-header-boss {
    background: url(../images/bg-gray.png);
    background-repeat: repeat-x;
    border-bottom: 1px solid #ccc;
    color: Gray;
    line-height: 35px;
    margin-bottom: 0;
    padding: 0 0;
    position: relative;
}


a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

/* Provide sufficient contrast against white background */
a {
    color: #0366d6;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */

.custom-form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    /* font-size: 1rem; */
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.custom-fonts-xxsmall {
    font-size: xx-small;
}

.bg-custom-1 {
    background-color: #ffc107;
    font-size: xx-small;
    font-weight: bold;
}

.bg-custom-2 {
    background-color: #e9ecef;
    font-size: xx-small;
}

#popup {
    background: none !important;
}

.popup-detail {
    background: white;
    border: 1px solid #C2C3C4;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    display: none;
    /*left:20%;*/
    margin-left: -315px;
    position: absolute;
    /* top: 50%; */
    width: 500px;
    z-index: 9999;
}

.gradient-scooter {
    background: linear-gradient(45deg, #4facfe 0%, #00f2fe 100%) !important;
}

.gradient-blooker {
    background: linear-gradient(45deg, #fa709a 0%, #fee140 100%) !important;
}

.gradient-quepal {
    background: linear-gradient(45deg, #11998e, #38ef7d) !important;
}

.gradient-purpink {
    background: linear-gradient(45deg, #7f00ff, #e100ff) !important;
}

.gradient-ibiza {
    background: linear-gradient(45deg, #ee0979, #ff6a00) !important;
}

.gradient-deepblue {
    background: linear-gradient(45deg, #6a11cb, #2575fc) !important;
}

.gradient-branding {
    background: linear-gradient(180deg, #2af598, #009efd) !important;
}

.gradient-ohhappiness {
    background: linear-gradient(45deg, #00b09b, #96c93d) !important;
}

.gradient-dusk {
    background: linear-gradient(45deg, #2c3e50, #fd746c) !important;
}

.gradient-meridian {
    background: linear-gradient(45deg, #283c86, #45a247) !important;
}

.gradient-violet {
    background: linear-gradient(45deg, #4776e6, #8e54e9) !important;
}

.gradient-titanium {
    background: linear-gradient(45deg, #283048, #859398) !important;
}

.gradient-shifter {
    background: linear-gradient(45deg, #bc4e9c, #f80759) !important;
}

.gradient-army {
    background: linear-gradient(45deg, #414d0b, #727a17) !important;
}

.gradient-orange {
    background: linear-gradient(45deg, #fc4a1a, #f7b733) !important;
}

.gradient-yoda {
    background: linear-gradient(45deg, #ff0099, #493240) !important;
}

.gradient-royal {
    background: linear-gradient(45deg, #141e30, #2c527d) !important;
}

.gradient-knight {
    background: linear-gradient(45deg, #ba8b02, #181818) !important;
}

.gradient-forest {
    background: linear-gradient(45deg, #000428, #004e92) !important;
}

.gradient-redmist {
    background: linear-gradient(45deg, #353434, #e74c3c) !important;
}

.gradient-steelgray {
    background: linear-gradient(45deg, #1f1c2c, #928dab) !important;
}

.gradient-influenza {
    background: linear-gradient(45deg, #c04848, #480048) !important;
}

.gradient-sylvia {
    background: linear-gradient(45deg, #ff4b1f, #ff9068) !important;
}

.gradient-jshine {
    background: linear-gradient(45deg, #12c2e9, #c471ed, #f64f59) !important;
}

.gradient-lovekiss {
    background: linear-gradient(45deg, #ff0844 0%, #ffb199 100%) !important;
}

.gradient-hossein {
    background: linear-gradient(45deg, #f7ff00, #db36a4) !important;
}

* {
    box-sizing: border-box;
}

body {
    font: 16px Arial;
}

.autocomplete {
    /*the container must be positioned relative:*/
    position: relative;
    display: inline-block;
}

/*input {
    border: 1px solid transparent;
    background-color: #f1f1f1;
    padding: 10px;
    font-size: 16px;
}

    input[type=text] {
        background-color: #f1f1f1;
        width: 100%;
    }

    input[type=submit] {
        background-color: DodgerBlue;
        color: #fff;
    }*/

.autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    left: 0;
    right: 0;
}

    .autocomplete-items div {
        padding: 10px;
        cursor: pointer;
        background-color: #fff;
        border-bottom: 1px solid #d4d4d4;
    }

        .autocomplete-items div:hover {
            /*when hovering an item:*/
            background-color: #e9e9e9;
        }

.autocomplete-active {
    /*when navigating through the items using the arrow keys:*/
    background-color: DodgerBlue !important;
    color: #ffffff;
}

.wait-block {
    cursor: wait;
}