/* REGIONAL PROFILE SPECIFIC STYLES*/
.regional-profile-table-row {
    background-color: #eeeeee !important;
}


/* regional profile table*/
.regional-profile-table {
    padding-right: 0; 
    padding-left: 0;
    font-size: 12px !important;
    margin-bottom: 20px !important;

}

.regional-profile-table-body {
    border-bottom: 2px solid #eeeeee;
    border-right: 2px solid #c7c7c7 !important;
}

.regional-profile-table .table > thead > tr > th {
    border-bottom: 2px solid #eeeeee;
}

.cntner.regional-comparison {
  width: 1024px;
}
.regional-profile-table {
  margin: 0;
  padding: 0;
}

.regional-profile-table table{

    border-right:2px solid #c7c7c7 !important;
}

.regional-profile-table table tr{

    border-right:2px solid #c7c7c7 !important;
}

.regional-profile-table table tr td {
    color: #7f7f7f;
}

.regional-profile-table table tr:nth-child(odd) {
     background-color:#eee;
}

.regional-profile-table table tr:nth-child(even) {
     background-color:#fff;
}

.regional-profile-table table tr td.region-label {
  background: #ffffff;
  font-weight: bold;
  color: #000000;
  border-bottom: 2px solid #c7c7c7 !important;
}

.regional-profile-end-region-row {
   border-bottom: 2px solid #c7c7c7 !important; 
}

/*.regional-profile-table table tr th:first-child{
  background: #ffffff;
}*/

.regional-profile-table .region-label {
  border-right: none;
}

.regional-profile-table table tr td.medianValue {
  background-color: #f7fdff;
  color: #cedbe2;
  font-size: 11px;
  text-align: center;
}

.regional-profile-table .header-cell {
  border-bottom: 2px solid #20b2e8 !important;
}



/* Extra Small Devices, Phones */
@media(max-width : 480px) {

    .regional-profile-header {
        margin-bottom: 20px;
    }

    .regional-profile-view-button {
        /*margin-top: -218px;*/
    }

    .regional-profile-table {
        max-width: 350px !important;
        min-width: 350px !important;
        border-top: 2px solid #c7c7c7 !important;
        border-bottom: 1px solid #c7c7c7 !important;
        font-size: 10px !important;
        margin-left: -10px;
    }

        .regional-profile-header
    {
        text-align: center;
        float: none;
        padding-left: 15px !important;
    }

    #sy > .btn-group {
        width: 170px !important;
    }

    #sr > .btn-group,
    #sc > .btn-group {
        width: 230px !important;
    }
}


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

    .regional-profile-table {
        max-width: 350px !important;
        min-width: 350px !important;
        border-top: 2px solid #c7c7c7 !important;
        border-bottom: 1px solid #c7c7c7 !important;
        font-size: 10px !important;
        margin-left: -10px;
    }

    .regional-profile-subregion-dropdown {
        /*margin-left: 20px !important;*/
    }
}

/* Med - iPad*/
@media (max-width: 992px) and (min-width: 768px) {

    .regional-profile-view-button {
        margin-left: -15px !important;
    }
    .country-comparison-subregion-dropdown {
        margin-left: -10px !important;
    }

    .select-region-dropdown {
        margin-left: -5px !important;
    }

    .regional-profile-table {
        max-width: 370px !important;
        min-width: 337px !important;
        border-top: 2px solid #c7c7c7 !important;
    }

    .regional-profile-table-header {
        border-left: 2px solid #c7c7c7;
        background-color: #c7c7c7;
    }

    .header-cell-region {

        border-left: 2px solid #c7c7c7;
    }

    .regional-profile-table .header-cell:first-child {

        border-left: 2px solid #c7c7c7;
    }

    .region-label {

        background-color: #fff;
        border-left: 2px solid #c7c7c7;
    }

    .regional-profile-subregion-dropdown {
        margin-left: -30px !important;
    }
}

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

    .regional-profile-subregion-dropdown {
        margin-left: 30px;
    }
}