@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
* {
    font-family: 'Roboto', sans-serif;
}

body {
    margin: 0;
    padding: 0;
    background-image: url("../img/background.jpg");
    background-repeat: none;
    background-size: cover;
    background-position-x: center;
    background-position-y: center;
    min-width: 100vw;
    max-width: 100vw;
    overflow-x: hidden;
    overflow-y: hidden;
}

main>div>div {
    overflow-y: auto;
    overflow-x: hidden;
    padding: 15px !important;
}


/* width */

#scroller::-webkit-scrollbar,
main>div>div::-webkit-scrollbar {
    width: 5px;
}


/* Track */

#scroller::-webkit-scrollbar-track,
main>div>div::-webkit-scrollbar-track {
    background: #f1f1f1;
}


/* Handle */

#scroller::-webkit-scrollbar-thumb,
main>div>div::-webkit-scrollbar-thumb {
    background: #1888c7;
    border-radius: 5px;
}


/* Handle on hover */

#scroller::-webkit-scrollbar-thumb:hover,
main>div>div::-webkit-scrollbar-thumb:hover {
    background: #1b98de;
}

.parcelImage {
    background-image: url("https://via.placeholder.com/500");
    max-width: 100%;
    max-height: 500px;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    border: none;
    outline: none;
}

a {
    color: #09344c;
    text-decoration: underline;
    transition: all 0.1s ease-in-out;
}

a:hover {
    color: #1888c7;
    text-decoration: none;
    transition: all 0.1s ease-in-out;
}

a.text-breadcrumb,
li.text-breadcrumb,
footer a {
    color: #fff !important;
    text-decoration: none !important;
    transition: all 0.1s ease-in-out !important;
}

a.text-breadcrumb:hover,
footer a:hover {
    color: #fff !important;
    text-decoration: underline !important;
    transition: all 0.1s ease-in-out !important;
}

footer a.pptos {
    color: #cfcfcf !important;
    text-decoration: none !important;
    transition: all 0.1s ease-in-out !important;
}

footer a.pptos:hover {
    color: #cfcfcf !important;
    text-decoration: underline !important;
    transition: all 0.1s ease-in-out !important;
}

.text-breadcrumb.active {
    color: #cfcfcf;
}

.navbar {
    padding: 10px;
}

.bg-lti3,
.bg-lti3-1 {
    background-color: #1888c7;
}

.bg-lti3-2 {
    background-color: #c71888;
}

.bg-lti3-3 {
    background-color: #efefef;
}

.bg-lti3-4 {
    background-color: #c75718;
}

.bg-lti3-5 {
    background-color: #09344c;
}

.text-lti3,
.text-lti3-1 {
    color: #1888c7;
}

.text-lti3-2 {
    color: #c71888;
}

.text-lti3-3 {
    color: #efefef;
}

.text-lti3-4 {
    color: #c75718;
}

.text-lti3-5 {
    color: #09344c;
}

.border-bottom {
    border-bottom: 1px;
    border-bottom-color: #cfcfcf;
    border-bottom-style: solid;
}

.border-dark {
    border-color: #09344c;
}

.disclaimer {
    font-size: 75%;
}

.disclaimer>* {
    padding: 0;
    margin: 0;
    text-align: center;
}

.tabResult {
    display: none;
}

a.red-color,
.red-color {
    color: #EE0000 !important;
}

a.blue-color,
.blue-color {
    color: #006699;
}

.table tr td,
.table tr th {
    padding: 3px;
}

.column p {
    margin-bottom: 5px;
}

.modal-btn:hover {
    cursor: help;
}