/* Add here all your CSS customizations */
#body-content {
    background-color: #070F13 !important
}

.navbar-nav.nav-pills > li > span.user-name {
    display: block;
    font-size: 13px;
    color: #ffffff;
    margin-left: 10px;
    margin-right: 10px;
}

@media (max-width: 992px) {
    .navbar-collapse .navbar-nav > li > span.user-name {
        margin: 0 !important;
        padding: 12px 20px !important;
    }
}

.navbar-nav.nav-pills > li > form > button {
    background: none !important;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
    cursor: pointer;
}

.navbar-nav.nav-pills > li > form:hover {
    color: #ffffff;
    background-color: #3078B3 !important;
}

.navbar-nav.nav-pills > li > form {
    background-color: rgba(134, 134, 134, 0.13);
    border-bottom-color: rgba(195, 195, 195, 0.06);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0px;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-left-color: rgba(195, 195, 195, 0.06);
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: rgba(195, 195, 195, 0.06);
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: rgba(195, 195, 195, 0.06);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-top-style: solid;
    border-top-width: 1px;
    color: rgb(255, 255, 255);
    cursor: auto;
    font-size: 13px;
    font-weight: 500;
    height: 29px;
    line-height: 21px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 24px 3px 24px 3px;
    outline-color: rgb(255, 255, 255);
    outline-style: none;
    outline-width: 0px;
    padding: 3px 8px 3px 8px;
    position: relative;
    text-align: left;
    text-decoration-color: rgb(255, 255, 255);
    text-decoration-line: none;
    text-decoration-style: solid;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    transition-delay: 0s;
    transition-duration: 0.2s;
    transition-property: all;
    transition-timing-function: ease-in-out;
}

footer .ltrllogo {
    height: 15px;
}

footer a {
    line-height: 22px;
    vertical-align: text-bottom;
}

.about-section {
    background-color: #fff;
}

input[type=checkbox], input[type=radio] {
    margin: 7px 0 0;
}

.text-danger {
    color: rgba(255, 54, 51, 1);
}

::selection {
    color: #000;
    text-shadow: none;
    background: #47acff;
}

::-moz-selection {
    color: #000;
    text-shadow: none;
    background: #47acff; /* Firefox */
}

::-webkit-selection {
    color: #000;
    text-shadow: none;
    background: #47acff; /* Safari */
}

.dataTables_length, .dataTables_filter, .dataTables_info, .dataTables_paginate {
    color: white !important;
}

.dataTables_length option {
    background-color: #262626;
}

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

.pagination > li > a {
    background-color: #262626;
}

.pagination > li > a:focus, .pagination > li > a:hover {
    background-color: #333333;
    color: #47acff;
}

.pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
    background-color: #262626;
}

.jumbotron {
    margin-top: 50px;
    background-color: rgba(238, 238, 238, 0.5);
}

.alert-warning {
    background-color: rgba(252, 227, 227, 0.56);
    border: none;
    color: #ffaea9;
}

.modal-content {
    background-color: #777777;
}

.modal-header, .modal-footer {
    border-color: #777777;
}

.img-gift-11 {
    height: 300px;
}

.field-validation-error {
    display: inline-block;   
}