/*Theme*/

body {
    color: #333;
    font-size: 13px;
    line-height: 1.6;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

body {
    background: url(/images/15.png) repeat;
    /*padding-top: 60px;*/
}

    body > .container {
        background: #fff;
        box-shadow: 0 0 5px #ccc;
        padding-top: 20px;
    }

    @media print {
        body > .container {
            background: #fff;
            box-shadow: none;
            padding-top: 0;
            width:100%;
            max-width: 100%!important;
        }
        .card-header {
            color: black !important;
        }


    }

@media (max-width: 1000px) {
    /*Don't add side padding on smaller screens*/
    .container {
        max-width: 100%;
    }
}

.navbar-nav > li > a:hover {
    background: none;
    border-bottom: solid 2px #3498db;
}

.navbar-nav > li > a {
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    margin-left: 12px;
    border-bottom: solid 2px #FFFFFF;
}

.navbar .navbar-nav > li > a {
    color: #777;
}

.navbar-brand {
    font-weight: bold;
}


h1, h2, h3, h4, h5, h6 {
    color: #555;
    margin-top: 5px;
    text-shadow: none;
    font-weight: normal;
    font-family: "Open Sans", Arial, sans-serif;
}

h1 {
    font-size: 22px;
}

h2 {
    font-size: 18px;
    line-height: 33px;
}

h3 {
    font-size: 16px;
    line-height: 27px;
}

h4 {
    font-size: 12px;
}

.table th {
    background-color: #3498db;
    color: #fff;
    font-weight: Bold;
}

.headline h1, .headline h2, .headline h3 {
    border-bottom: 2px solid #3498db;
    margin: 0 0 -2px 0;
    padding-bottom: 5px;
    display: inline-block;
}

.headline {
    display: block;
    margin: 10px 0 25px 0;
    border-bottom: 1px dotted #e4e9f0;
}

a:not(.btn) {
  
    text-decoration: underline;
}

/* Cards */
.card > .card-header {
    background: #3498db;
}

.card-header {
    color: #fff;
    padding: 5px 15px;
}

.card, .card-header {
    border-radius: 0;
}

    .card-header:first-child {
        border-radius: 0;
    }

.card-footer {
    padding: 10px 15px;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    background-color: #f5f5f5;
}

/* Buttons */
.btn {
    padding: 5px 25px;
    border-radius: 5px;
    border-style: outset;
    border-width: 2px;
}

.btn-primary {
    background-color: #3498db;
    border-color: #3498db;
}

/* Validation */
.validation-summary-valid {
    display: none;
}

/* Input validation styles */
.input-validation-error {
    border: 2px solid #dc3545 !important; /* Bootstrap danger color */
    /* background-color: #fff8f8;  Light red background */
}

    .input-validation-error:focus {
        box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25) !important;
        border-color: #dc3545 !important;
    }

.form-control {
    border-radius: 0;
}

.form-select {
    border-radius: 0;
}

.form-check input[type='checkbox']:checked + label, .form-check input[type='radio']:checked + label {
    color: #0069b3;
}

.select2-container--bootstrap .select2-selection {
    border-radius: 0;
}
/*Larger Screens*/
@media (min-width: 768px) {
    .col-form-label {
        text-align: right;
    }

    .form-label {
        text-align: right;
    }
}

/*Smaller Screens*/
@media (max-width: 768px) {
    .form-control-plaintext {
        padding-top: 1px;
    }
}

label {
    font-weight: 700;
}



tr.group-header td {
    background-color: #aaa;
    color: white;
    font-weight: bold;
}

/* Switch order of striped row*/
.table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-bg-type: transparent;
}
.table-striped tbody tr:nth-of-type(even) > * {
    --bs-table-accent-bg: var(--bs-table-striped-bg);
}

p,
li > a,
label {
    color: #555;
}

.breadcrumb-item {
    color: #555;
}

.form-select, .form-control {
    color: #555;
}
 
