.amcharts-map-image-label tspan {
    font-weight: bold;
}

@media (min-width: 1200px) {
    .container {
        max-width: 100% !important;
    }
    .card {
        min-height: 30vh !important;
    }
}

@media (max-width: 1024px) {
    .navbar-custom .logo {
        display: block;
    }
    .left-side-menu-condensed .content-page {
        margin-left: 0px!important;
    }
}

th,
td {
    font-weight: unset;
    font-size: 14px;
    color: rgb(25, 25, 25);
    background: rgba(255, 255, 255, 0.632);
}

th {
    color: rgb(255, 255, 255);
}

table tr th {
    background: rgba(255, 255, 255, 0.5);
    width: 10%;
}

#datatable a {
    color: rgb(57, 57, 57);
}

#datatable th {
    background-color: #50AF99;
}

#datatable tr:hover {
    background-color: #C3E4DC;
}

#secondary-nav .navbar {
    font-size: 17px;
}

#secondary-nav .dropdown-item {
    font-size: 17px;
}

.display-area th {
    font-size: 18px;
}

.display-area td {
    font-size: 18px;
}

#secondary-nav .navbar-toggler {
    /* align-self: flex-end; */
}

#sector-select,
#material-select,
#year-select {
    margin-right: 30px;
}

@media only screen and (max-width: 767px) {
    #secondary-nav .navbar-collapse {
        background-color: #ffffff;
    }
    #secondary-nav .navbar-collapse .dropdown-toggle {
        color: black !important;
        background-color: #ffffff;
    }
}


/*----iphone 6/7/8----*/

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
    .fas.fa-expand {
        display: none;
    }
    #navbar-title {
        font-size: 12px;
        padding: 0px;
        display: flex;
    }
    .mr-auto {
        font-size: 18px;
        padding: 0px;
    }
    #content-title {
        font-size: 14px;
    }
    #map {
        width: 40%;
    }
    #datatable th {
        /* width: 50%; */
        font: 15px;
    }
    .display-area th {
        font-size: 13px;
    }
    .display-area td {
        font-size: 13px;
    }
    th,
    td {
        font-size: 15px;
    }
    table tr th {
        width: 80%;
    }
    .nav-link {
        font-size: 13px;
    }
    #first,
    #second,
    #third {
        font-size: 14px;
    }
}


/*----iphone 6/7/8 plus----*/

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 2) {
    .fas.fa-expand {
        display: none;
    }
    #navbar-title {
        font-size: 14px;
        padding: 0px;
        display: flex;
    }
    .mr-auto {
        font-size: 18px;
        padding: 0px;
    }
    #content-title {
        font-size: 15px;
    }
    #map {
        width: 40%;
    }
    #datatable th {
        /* width: 50%; */
        font: 15px;
    }
    .display-area th {
        font-size: 15px;
    }
    .display-area td {
        font-size: 15px;
    }
    th,
    td {
        font-size: 15px;
    }
    table tr th {
        width: 80%;
    }
    .nav-link {
        font-size: 13px;
    }
    #first,
    #second,
    #third {
        font-size: 12px;
    }
}


/*-------iphone 5/SE-----*/

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
    .fas.fa-expand {
        display: none;
    }
    #year-select {
        font-size: 12px;
    }
    #navbar-title {
        font-size: 14px;
        padding: 0px;
        display: flex;
    }
    .mr-auto {
        font-size: 15px;
        padding: 0px;
    }
    #content-title {
        font-size: 13px;
    }
    #map {
        width: 100%;
    }
    #datatable th {
        /* width: 50%; */
        font: 10px;
    }
    .display-area th {
        font-size: 10px;
    }
    .display-area td {
        font-size: 10px;
    }
    th,
    td {
        font-size: 10px;
    }
    table tr th {
        width: 50%;
    }
    .nav-link {
        font-size: 13px;
    }
    #first,
    #second,
    #third {
        font-size: 12px;
    }
}


/*---iPad----*/

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
    .fas.fa-expand {
        display: none;
    }
    #year-select {
        font-size: 14px;
    }
    #navbar-title {
        font-size: 20px;
        padding: 0px;
        display: flex;
    }
    .mr-auto {
        font-size: 20px;
        padding: 0px;
    }
    #content-title {
        font-size: 18px;
    }
    #map {
        width: 50%;
    }
    #datatable th {
        /* width: 50%; */
        font: 15px;
    }
    .display-area th {
        font-size: 15px;
    }
    .display-area td {
        font-size: 15px;
    }
    th,
    td {
        font-size: 15px;
    }
    table tr th {
        width: 80%;
    }
    .nav-link {
        font-size: 13px;
    }
    #first,
    #second,
    #third {
        font-size: 15px;
    }
}

.boldClass {
    font-weight: bold;
}

.content-page {
    margin-left: 0px !important;
    margin-right: 30px;
    width: 100% !important;
}

.btn-light:hover {
    color: #000;
    background-color: #ECA13D !important;
    border-color: #ECA13D !important;
}

.btn-light {
    color: #fff;
    background-color: #fff !important;
    border-color: #ffffff !important;
}