﻿/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 20px;
    margin: 0;
    font-family: Poppins,sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.7;
    background: #eff3f6;
    color: #2d3b48
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
    max-width: 280px;
}


/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }

    .body-content {
        padding: 0;
    }
}

.eLogoSiyah {
    color: #101820;
}

.eLogoKirmizi {
    color: #cd1332;
}

.topbar {
    background-color: #cd1332;
}

.sidebar .sidebar-nav li.has-child.active > a {
    background-color: rgba(205, 19, 50, 0.15);
    color: #cd1332;
}

.sidebar .sidebar-nav li.has-child.active > a, .sidebar .sidebar-nav li.active > a {
    background-color: rgba(205, 19, 50, 0.15);
    color: #cd1332;
}



.sidebar .sidebar-nav li a:hover {
    color: #cd1332;
}

.btn.btn-primary {
    background-color: #cd1332;
}

    .btn.btn-primary:hover {
        background-color: #101820;
    }

.sidebar .sidebar-nav li.has-child > a {
    color: #cd1332;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: #cd1332;
    border-bottom: 2px solid #101820;
}

.nav-tabs > li > a:hover {
    color: #cd1332;
}

.waitReadingInv, .incomingWaitAppRespInv, .outgoinWaitAppRespInv, .errInv, .draftInv {
    color: #cd1332 !important;
}


.row h4 {
    color: #cd1332;
}

.form-control:focus, .select2-container--bootstrap .select2-dropdown, .select2-container--bootstrap.select2-container--focus .select2-selection, .select2-container--bootstrap.select2-container--open .select2-selection {
    border-color: #cd1332
}

.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
    background-color: #cd1332
}

.radio input[type="radio"]:checked + label::before {
    border-color: #101820;
}

.radio input[type="radio"]:checked + label::after {
    color: #101820;
}

.validation-summary-errors {
    border: 2px solid red;
    color: red;
    font-weight: bold;
    margin: 6px;
    width: 90%;
}

.field-validation-error {
    color: red;
    font-weight: bold;
    background-color: yellow;
}

.input-validation-error {
    color: red;
    font-weight: bold;
    background-color: pink;
}