/*
------------------------------------
   Drivible Custom Styling
------------------------------------
*/
body {
    background-color: black;
    background: url('/drivible_web.jpg') no-repeat 50%;
    background-size: cover;
    background-attachment: fixed;
}

label {
    cursor: pointer;
}

nav {
    background-color: black !important;
}

nav.navbar {
    min-height: 30px;
    border: 0px;
    border-radius: 0px;
}

.container {
    border-radius: 4px;
}

nav .container {
    background-color: black;
}

nav .navbar-brand {
    background-image: url('/drivible_nav_banner_white.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 80px;
    margin-top: 10px;
}

.navbar-default .navbar-nav > li > a {
    color: white;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.nav > li > a {
    padding-left: 10px;
    padding-right: 10px;
}

.navbar-default .navbar-nav > li > a:hover {
    color: #ccc;
}

.navbar-default .navbar-nav > li > a:link {
    color: white;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #1a1a1a;
    color: #aaa;
}

.dropdown-menu, .dropdown-menu > li > a {
    background-color: #1a1a1a;
    color: #aaa;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: #1a1a1a;
    color: #999;
}

.navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
    color: #999;
    text-decoration: none;
}

.table thead {
    background-color: #f5f5f5;
}

.table-striped > tbody > tr:nth-of-type(even) {
    background-color: #fff;
}

.widget-model-subpanels-subpanel-header-heading h2 {
    color: #fff;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    /* Reset the colours to default */
    background-color: #3a3a3a;
    color: #fff;
    font-weight: bold;
    cursor: default;
}

.site-index, .user-login {
    background-color: #fff;
    padding: 20px;
    border-radius: 15px;
    max-width: 600px;
    margin: 0 auto;
}

.user-login label {
    min-width: 115px;
}

.user-login input {
    min-width: 200px;
}


/* always show hamburger menu */

.navbar > .container {
    position: relative;
    max-height: 500px;
}

.navbar-header {
    float: none;
}

.navbar-toggle {
    display: block;
}

.navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.navbar-collapse.collapse {
    display: none !important;
}

.navbar-nav {
    float: none !important;
    height: 100%;
    overflow: auto;
}

.navbar-nav > li {
    float: none;
}

.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
}

.navbar-collapse.collapse.in {
    display: block !important;
    height: 50vh !important;
}

/* Client Create Modals - Using the Contextual backgrounds inside a modal doesn't seem to include the padding as expected */
.bg-success, .bg-primary, .bg-info, .bg-warning, .bg-danger {
    padding: 10px;
}

.bg-danger {
    border: 1px solid #cc7e7e;
    border-radius: 6px;
}

/* Another form of .hidden but for multi-layered hiding like on the Deals page */
.hiding {
    display: none !important;
}

/*
   Processing Spinner
*/

.is-processing {
    cursor: wait;
}

.processing-icon {
    cursor: wait;
    color: #0d3349;
    margin-top: 10px;
    -webkit-animation: spin 2s linear infinite;
    -moz-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

.btn-danger .processing-icon {
    color: whitesmoke;
}

.btn .processing-icon {
    margin-top: 0;
}

.widget-model-create label {
    cursor: pointer;
}

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


.timedout {
    color: red;
}

/* The View page subheadings can be on a white background when you scroll down far enough, so adding shadowing */
.widget-model-subpanels-subpanel-header-heading h2 {
    text-shadow: 1px 1px 4px #222;
}

.navbar-nav {
    background-color: black;
    max-height: 436px;
}


.stocklist-expired-exclamation {
    color: #a94442;
}

.drivible-link-client, a.drivible-link-client {
    color: #1b6d85;
}

.drivible-link-company, a.drivible-link-company {
    color: #5E740B;
}

.drivible-billing-plan-purchase-button .processing-icon {
    /* Add some spacing */
    margin-left: 1rem;
}

.drivible-thumbnail-list-preview {
    max-height: 150px;
    max-width: 150px;
}