/*body {
    font-family: "Roboto",
        -apple-system, 
        BlinkMacSystemFont, "Segoe UI", 
        Roboto, "Helvetica Neue", 
        Arial, "Noto Sans", 
        sans-serif, "Apple Color Emoji",
        "Segoe UI Emoji",
        "Segoe UI Symbol", 
        "Noto Color Emoji";
    background-color: #3c373e;
    font-weight: 300; 
}*/

p {
    /*color: rgba(255, 255, 255, 0.5);*/
    font-weight: 300; 
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Roboto",
        -apple-system,
        BlinkMacSystemFont, "Segoe UI",
        Roboto, "Helvetica Neue",
        Arial, "Noto Sans",
        sans-serif, "Apple Color Emoji",
        "Segoe UI Emoji",
        "Segoe UI Symbol",
        "Noto Color Emoji"; 
}

a {
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease; 
}

a, a:hover {
    text-decoration: none !important; 
}

.modal-dialog .content{
    padding: 0rem 0; 
}

h2 {
    font-size: 20px;
    /*color: #fff;*/ 
}

.custom-table {
    min-width: 452px; 
}

.custom-table thead tr, .custom-table thead th {
    /*    padding-bottom: 30px;*/
    border-top: none;
    border-bottom: none !important;
    /*color: #fff;*/
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .2rem; 
}

.custom-table tbody th, .custom-table tbody td {
    /*color: #777;*/
    font-weight: 400;
    padding-bottom: 20px;
    padding-top: 20px;
    font-weight: 300;
    border: none;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease; 
}

.custom-table tbody th small, .custom-table tbody td small {
    /*color: rgba(255, 255, 255, 0.3);*/
    font-weight: 300; 
}

.custom-table tbody th a, .custom-table tbody td a {
    /*color: rgba(255, 255, 255, 0.3);*/ 
}
.custom-table tbody th .more, .custom-table tbody td .more {
    /*color: rgba(255, 255, 255, 0.3);*/
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .2rem; 
}

.custom-table tbody tr {
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease; 
}

.custom-table tbody tr:hover td, .custom-table tbody tr:focus td {
    color: #003530; 
}

.custom-table tbody tr:hover td a, .custom-table tbody tr:focus td a {
    color: #a7bf30; 
}

.custom-table tbody tr:hover td .more, .custom-table tbody tr:focus td .more {
    color: #fdd114; 
}

@media (min-width: 576px){
    .modal-dialog {
        max-width: 650px !important;
        margin: 1.75rem auto;
    }
};

@media (min-width: 576px){
    .modal-dialog {
        max-width: 900px !important;
        margin: 1.75rem auto;
    }
};

.table td, .table th {
    padding: .75rem 0 0 .75rem !important;
}

.btn-primary {
    color: #fff;
    background-color: #003530;
    border-color: #155724;
    font-family: sans-serif;
}

.btn-primary:focus,
.btn-primary:hover,
.btn-primary:active
{
    color: #fff!important;
    background-color: #a7bf30!important;
    border-color: #a7bf30!important;
    box-shadow: none!important;
}

.modal .close{
    color: #155724!important;
}