/* 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. */


dt {
  //  min-width: 240px;
  //  text-overflow: ellipsis;
    word-wrap:normal !important;
    white-space:normal !important;
}
.dl-horizontal dd {
   // margin-left: 260px;
}
    
/* 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;
    }
    .page-top {
        font-size: 24px !important;
    }
}
    .form-control {
        min-width:280px;
    }

.navbar {
    margin-bottom: 0px;
}

/* Colors */
.camouflageGreen {
    background-color: #678E61;
}

.lightCarminePink {
    background-color: #EC6274;
}

.indianYellow {
    background-color: #DEB74D;
}

.terraCotta {
    background-color: #D9715B;
}

.fuzzyWuzzy {
    background-color: #C37B64;
}

.whiteSmoke {
    background-color: #F5F5F5;
}

.coolGrey {
    background-color: #7C98B3;
}

.asparagus {
    background-color: #7E9F79;
    color:whitesmoke;
}

.operaMauve {
    background-color: #AD7BA4;
}

.timberwolf {
    background-color: #D8D8D8;
}
 .davysGrey {
    background-color: #595959;
 }

 .active {
     background-color: #7E9F79;
     box-shadow: inset 0 4px 8px 1px rgba(0,0,0,0.1);
 }

.sidebar .nav-link {
    font-size: 24px;
}

 .sidebar {
     line-height: 24px;
     font-family: Simple-Line-Icons;
     font-size:24px;
     color: #FFFFFF;
 }
    .sidebar .nav-item .nav-link span, .sidebar a.dropdown-item {
        font-family: 'Source Sans Pro', sans-serif; 
        font-size:20px;
    }
     .sidebar a.dropdown-item {
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 15px;
    }
.page-top {
    background: #F6F6F6;
    box-shadow: 0 3px 6px 3px rgba(0,0,0,0.05);
    Height: 120px;
    border-bottom: 1px solid #979797;
    padding: 24px 24px 24px 48px;
    font-family: BebasNeueRegular;
    font-size: 36px;
    color: #595959;
    margin-bottom:24px;
    position:relative;
}

.subpage {
    margin:32px;
}

.subpage * {
    font-family: "Source Sans Pro" !important;
}

.table tr {
    border-top: hidden;
}

.table  tr:nth-child(2n+1) {
    background-color: #F6F6F6;
}

.table > thead > tr > th {
    border-bottom: 1px solid #7E9f79;
    border-bottom-width: medium;
    border-collapse:separate;
}
table {
    border-collapse: separate;
}
.table > tbody {
    font-family: 'Source Sans Pro';
}

.form-group input {
    display: block;
    background: none;
    padding: 0.175rem 0.175rem 0.0875rem;
    font-size: 1.4rem;
    border-width: 0;
    border-color: transparent;
    line-height: 1.9;
    width: 100%;
    color: black;
    transition: all 0.28s ease;
    box-shadow: none;
    border-bottom: solid 1px black;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    border-color: #979797;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0) inset, 0 0 8px rgba(126, 239, 104, 0);
    outline: 0 none;
}

.form-group input {
    border-radius: 0;
    border-color: #444;
 
}

.form-group input {
    padding: 5px;
    margin-bottom: 8px;
}
    .form-group {
        position: relative;
        padding-top: 25px;
    }

    .form-group > label {
        position: absolute;
        font-weight: 400;
    }

    
    
    .form-group > label {
            position: absolute;
            top: 37px;
            bottom: 0;
            left: 0;
            width: 100%;
            transition: 0.2s;
            color: #858585;
        }

        .form-group > input:not(:placeholder-shown) + label {
            top: 0px;
            font-size: 0.9em;
        }



        .form-group > input:focus + label {
            font-size: 0.9em;
            color: #a5a5a5;
            top: 0px;
        }


/* Customize the label (the container) */
.container {
    display: block;
    position: relative;
    padding-left: 25px !important;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default checkbox */
    .container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: transparent;
    border: solid 2px #999;
    border-radius: 3px;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
    background-color: #eee;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
    background-color: transparent;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
    left: 6px;
    top: 2px;
    width: 6px;
    height: 10px;
    border: solid #333;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);

}

/* The container must be positioned relative: */
.lind-custom-select {
    position: relative;
    font-family: Arial;
}

    .lind-custom-select select {
        display: none; /*hide original SELECT element: */
    }

    .select-selected {
    background-color: transparent;
    }

    /* Style the arrow inside the select element: */
    .select-selected:after {
        position: absolute;
        content: "";
        top: 14px;
        right: 10px;
        width: 0;
        height: 0;
        border: 6px solid transparent;
        border-color: #999 transparent transparent transparent;
    }

    /* Point the arrow upwards when the select box is open (active): */
    .select-selected.select-arrow-active:after {
        border-color: transparent transparent #999 transparent;
        top: 7px;
    }

/* style the items (options), including the selected item: */
.select-items div, .select-selected {
    color: #333;
    padding: 8px 16px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
}

/* Style items (options): */
.select-items {
    position: absolute;
    background-color: white;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
}


.select-upward > .select-items {
    top: auto;
    bottom: 100%;
}
    /* Hide the items when the select box is closed: */
    .select-hide {
    display: none;
}

.select-items div:hover, .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
}

@font-face {
    font-family: "BebasNeueRegular";
    src: url("/font/BebasNeueRegular.otf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

.form-check-label {
    margin-left:15px;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

label {
    z-index: -1;
}