﻿/* COUNTRY COMPARISON SPECIFIC STYLES*/


.country-comparison-col {
    padding-right: 0 !important; 
    padding-left: 0 !important;
    overflow-x: hidden !important;
    margin-bottom: 10px;
}

.country-comparison-table td {
    height: 51px;
}

.country-comparison-legend {
    width: 200px;
    float: right;
}


/* Extra Small Devices, Phones */
@media(max-width : 480px) {
   
    /*
    body {
        overflow-x: hidden;
    }
    */

    .country-comparison-header {
        text-align: center; 
    }

    .country-comparison-header-row {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .country-comparison-col  {
        max-width: 337px !important;
        min-width: 337px !important;
        margin-left: 20px !important;         
    }

    .country-comparison-table {
        max-width: 337px !important;
        min-width: 337px !important;
    }

    .country-comparison-table th {
        border-right: none !important;
    }

    .country-comparison-table td {
        width: 25% !important;
        text-align: center;
        white-space: pre-wrap !important;
    }

    .country-comparison-legend {
        position: relative;
        left: 24px;
        bottom: 4px;
    }
}


/* Small - Tablets / Large Phones (Phablet) */
@media (max-width: 767px) and (min-width: 481px) {


    .country-comparison-col  {
        margin-left: 20px !important;         
    }

    .country-comparison-view-button {
        /*margin-top: -176px;*/
    }

    .country-comparison-table th {
        border-right: none !important;
    }

    .country-comparison-table td {
        width: 25% !important;
        text-align: center;
        white-space: pre-wrap !important;
    }

    .country-comparison-legend {
        position: relative;
        left: 24px;
        bottom: 4px;
    }

}

/* Med */
@media (max-width: 992px) and (min-width: 768px) {
    
    .country-comparison-view-button {
        margin-left: 46px !important;
    }

    .country-comparison-table th {
        border-right: none !important;
    }

    .country-comparison-table td {
        width: 125px !important;
    }

    .country-comparison-legend {
        position: relative;
        left: 24px;
    }
}

/* LARGE */
@media(min-width: 993px) {

    .country-comparison-menu-container {
        padding-left: 60px;
    }

    .country-comparison-subregion-dropdown {
        margin-left: 40px;
    }

    .country-comparison-table td {
        min-width: 80px !important;
        width: 125px !important;
    }

    .country-comparison-legend {
        position: relative;
        top: 40px;
        left: 24px;
    }
}