@font-face {
    font-family: "corbelbold";
    src: url("./../fonts/OpenSans/corbelbold.ttf");
}

@font-face {
    font-family: "bebasBold2";
    src: url("./../fonts/bebas/bebas400.ttf");
}

@font-face {
    font-family: "bebasBold";
    src: url("./../fonts/bebas/Bebas-bold-700.otf");
}


@font-face {
    font-family: "bebasLight";
    src: url("./../fonts/bebas/bebasThin200.otf");
}

@font-face {
    font-family: "bebasLight2";
    src: url("./../fonts/bebas/bebaslight200.otf");
}


@font-face {
    font-family: "nexaBold";
    src: url("./../fonts/bebas/NexaBold.otf");
}


@font-face {
    font-family: "nexaLight";
    src: url("./../fonts/bebas/NexaLight.otf");
}

@font-face {
    font-family: "nexaReg";
    src: url("./../fonts/bebas/NexaRegular.otf");
}

.mainbody {
    width: 95% !important;
    /* height: 70vh;*/
    margin: 5px auto;
    display: flex;
    justify-content: center;
}

.search-input {
    min-width: 85%;
    /*border: 1px solid #000;*/
    display: inline-block;
    vertical-align: top;
    position: absolute;
    padding: 12px 0px 30px 40px;
    display: flex;
    justify-content: space-between;
}

.align1,
.align2 {
   /* background: #e8e7e3;
    border: 1px solid #8a8a8a;*/
}

#searchInput {
    background-image: url('../imgs/search-icon.png');
    background-position: 10px 12px;
    background-repeat: no-repeat;
    width: 350px;
    font-size: 16px;
    padding: 12px 20px 12px 40px;
    border: 1px solid #ddd;
    margin-bottom: 12px;    
}


.reportheader {
    margin: auto;
    font-family: bebasBold2;
    padding: 20px 0px 10px 0px;
    text-align: center;
}


.styled-table {
    border-collapse: collapse;
    margin: 70px 0;
    font-size: 0.9em;
    font-family: sans-serif;
    min-width: 90%;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    justify-items: center;
    position: relative;
    border: solid 1px #eee;
}

    .styled-table thead tr {
        background-color: #246D38;
        color: #ffffff;
        text-align: left;
    }

    .styled-table th,
    .styled-table td {
        padding: 12px 15px;
        border: solid 1px #eee;
    }

        .styled-table th:last-child,
        .styled-table td:last-child {
            text-align: center;
        }


    .styled-table tbody tr {
        border-bottom: 1px solid #dddddd;
    }

        .styled-table tbody tr:nth-of-type(even) {
            background-color: #f3f3f3;
        }

        .styled-table tbody tr:last-of-type {
            border-bottom: 2px solid #246D38;
        }


        .styled-table tbody tr.active-row {
            font-weight: bold;
            color: rgb(158, 159, 163);
        }


.btn-download {
    content: url('../imgs/cloud-download.svg');
    width: 20px;
    float: left;
    margin-right: 5px;
    margin-top: -2px;
}

.btn-blue {
    background-color: DodgerBlue;
    border: none;
    color: white;
    padding: 5px 30px;
    cursor: pointer;
    font-size: 15px;
    width: 150px;
}

    .btn-blue:hover {
        background-color: RoyalBlue;
    }

.btn-green {
    background-color: green;
    border: none;
    color: white;
    padding: 5px 30px;
    cursor: pointer;
    font-size: 15px;
    width: 150px;
}

    .btn-green:hover {
        background-color: forestgreen;
    }


.pdfobject-container {
    height: 30rem;
    border: 1rem solid rgba(0,0,0,.1);
}

.modal-pdf {
    width: 100% !important;
    height: 80vh;
}

.modal-lg {
    width: 1000px !important;
    margin: auto;
}

/*div:first-child {
    width: 55px;
}*/