﻿html body {
    height: 100vh;
    overflow: auto;
}

div {
    outline: none;
}

label {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 80%;
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    background-color:black;
    border:1px solid;
    border-radius:30px;
    opacity:.5
}

.gradientSeparator {
    background: hsla(209, 84%, 95%, 1);
    background: radial-gradient(circle, hsla(209, 84%, 95%, 1) 0%, hsla(209, 54%, 85%, 1) 100%);
    background: -moz-radial-gradient(circle, hsla(209, 84%, 95%, 1) 0%, hsla(209, 54%, 85%, 1) 100%);
    background: -webkit-radial-gradient(circle, hsla(209, 84%, 95%, 1) 0%, hsla(209, 54%, 85%, 1) 100%);
}

.label {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 80%;
}

.icon-flipped {
    transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
}

.helpTitle {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.25rem;
    color:#3366cc;
    text-align:center;
}

.helpHdrMain {
    font-weight: 600;
    font-size: 1.25rem;
    color: #3366cc;
}

.helpHdr2 {
    font-weight: 600;
    color: #3366cc;
    font-style:italic;
}

.helpTitleRow {

}
.helpHdrMainRow {

}
.helpHdr2Row {

}

.colHdr {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 80%;
}

.rptData {
    font-weight: 300;
    padding-left: 5px;
}

.container {
    width: 100%;
    max-width: initial;
    padding: 0px;
}

    .container > .row {
        margin: 0;
        padding: 0px;
    }

    .container > .row-span {
        margin: 0;
        padding: 0px;
    }

.row-span > .col {
    padding: 0px;
}

td {
    padding: 0px;
    padding-left: 20px
}

tr {
    border: none;
}

.bi-arrows-move {
    cursor: grab;
}

.hoverable tr:hover {
    border: none;
    background-color:lightgrey;
}

.inputSmall {
    font-size: .8rem;
}

thead th {
    font-weight: 600;
    padding-left: 15px;
    position: sticky;
    top: 0;
    background-color: whitesmoke;
    font-size: .75rem;
    color: dimgrey;
    text-transform: uppercase;
}

table tbody tr td {
    font-size: .8rem;
}

label sup {
    font-size: .8rem;
    color: red;
}

.fldRequired {
    border-left: 5px solid red;
}

.fldRecommended {
    border-left: 5px solid yellow;
}

.fldValidated {
    border-left: 5px solid green;
}

.helpBullet {
    font-weight: 600;
}

/* width */
::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #555;
    }
