/*@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');*/
body {
    width: 100vw;
    overflow-x: hidden;
}

html {
    scroll-behavior: smooth;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
p,
a,
span {
    font-family: motiva-sans, sans-serif;
}


/*Colors*/

:root {
    --bg-1: #054630;
    --bg-2: #30A176;
    --bg-3: #3FD49B;
    --bg-4: #3FD49B;
    --bg-5: #F5F5F5;
    --gradient-1: linear-gradient(110.63deg, #154734 19.03%, #31735A 108.14%);
    --gradient-2: #30A176;
    --gradient-3: linear-gradient(110.63deg, #4E7C50 19.03%, #92B369 108.14%);
    --shadow-sm: 0px 50px 50px rgba(63, 67, 65, 0.05);
    --shadow: 0px 9px 55px rgba(0, 0, 0, 0.04), 0px 2.71324px 16.5809px rgba(0, 0, 0, 0.0260636), 0px 1.12694px 6.88685px rgba(0, 0, 0, 0.02), 0px 0.407592px 2.49084px rgba(0, 0, 0, 0.0139364);
    --shadow-lg: 0px 100px 80px rgba(0, 0, 0, 0.04), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0287542), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0238443), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.02), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0161557), 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0112458);
    --text-1: #154734;
    --text-2: #30A176;
    --text-3: #3FD49B;
    --text-4: #0D0D0D;
    --text-5: #4C4C4C;
    --text-6: #E3E8E6;
    --color: #84DBB9;
    --color-2: #A1A1A1;
    --white: #f5f5f5;
}


/*Brackground*/

.bg-1 {
    background: var(--bg-1) !important;
}

.bg-2 {
    background: var(--bg-2) !important;
}

.bg-3 {
    background: var(--bg-3) !important;
}

.bg-4 {
    background: var(--bg-4) !important;
}

.bg-5 {
    background: var(--bg-5) !important;
}

.bg-6 {
    background: var(--color) !important;
}


/*Gradients*/

.gradient-1 {
    background: var(--gradient-1) !important;
}

.gradient-2 {
    background: var(--gradient-2) !important;
}

.gradient-3 {
    background: var(--gradient-3) !important;
}


/*Shadows*/

.shadow-sm {
    box-shadow: var(--shadow-sm) !important;
}

.shadow {
    box-shadow: var(--shadow) !important;
}

.shadow-lg {
    box-shadow: var(--shadow-lg) !important;
}


/*Texts*/

.text-1 {
    color: var(--text-1) !important;
}

.text-2 {
    color: var(--text-2) !important;
}

.text-3 {
    color: var(--text-3) !important;
}

.text-4 {
    color: var(--text-4) !important;
}

.text-5 {
    color: var(--text-5) !important;
}

.text-6 {
    color: var(--text-6) !important;
}

.text-7 {
    color: var(--color) !important;
}

.text-8 {
    color: var(--color-2) !important;
}


/*Scrollbar*/

body::-webkit-scrollbar {
    width: 8px;
    /* width of the entire scrollbar */
}

body::-webkit-scrollbar-track {
    background: #5B615E;
    /* color of the tracking area */
}

body::-webkit-scrollbar-thumb {
    background-color: rgb(31, 31, 31);
    /* color of the scroll thumb */
    border-radius: 20px;
    /* roundness of the scroll thumb */
}


/*Varios*/

a,
a:hover {
    color: var(--text-2);
}

.fw-500 {
    font-weight: 500 !important;
}

.fw-bold {
    font-weight: bold !important;
}

@media(min-width:1400px) {
    .container {
        width: 1400px;
    }
}

.breadcrumb {
    background: transparent;
    margin-bottom: 0;
}

.breadcrumb li a {
    color: var(--text-5) !important;
}

@media(max-width:768px) {
    .breadcrumb li a,
    .breadcrumb li {
        font-size: 14px;
    }
}


/*Table*/

table {
    min-width: 500px;
    height: auto !important;
    max-height: 600px;
    border: none;
}

table tbody {
    width: 100%;
}

table tbody,
table tbody tr {
    width: 100%;
    background: #F1F3F3;
}

table tbody tr td {
    padding: 1rem;
    border: 1px solid #E3E8E6;
}

table .content-modal::-webkit-scrollbar {
    width: 8px !important;
    /* width of the entire scrollbar */
}

table .content-modal::-webkit-scrollbar-track {
    background: #5B615E !important;
    /* color of the tracking area */
}

table .content-modal::-webkit-scrollbar-thumb {
    background-color: rgb(31, 31, 31) !important;
    /* color of the scroll thumb */
    border-radius: 20px !important;
    /* roundness of the scroll thumb */
}

/*Table responsive*/
.table-responsive::-webkit-scrollbar {
    width: 2px !important;
    height: 2px !important;
    /* width of the entire scrollbar */
}

.table-responsive::-webkit-scrollbar-track {
    background: #5B615E !important;
    /* color of the tracking area */
}

.table-responsive::-webkit-scrollbar-thumb {
    background-color: transparent !important;
    /* color of the scroll thumb */
    border-radius: 10px !important;
    /* roundness of the scroll thumb */
}