/* COUNTRY PROFILE SPECIFIC STYLES*/

h3.country-name {
    font-size: 20px;
    float: left;
    margin-top: 0;
}

.country-profile-flag {
    width: 45px;
}

span.glyphicon.glyphicon-download{
    color: #666666;
    float: left;
    margin-right: 5px;
}

.country-summary {
  margin-bottom: 20px;
}

.country-summary div{
  /*overflow: hidden;*/
}

.country-summary img{
  border:1px solid #cccccc;
}

.countryProfile img {
        width:70px;
        margin-right: 20px;
}
.countryProfile p{

    margin-bottom: 0;
    height: 102px;
}

.btn-group.country-profile {
  width: 30%;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.btn.country-select-button {
  width:100px;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.btn-group.country-profile .form-control select{
  box-shadow: none;
  font-size: 15px;
}

.country-profile-header-button{
    margin-top: 22px;
  margin-bottom: 22px;
}

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

    .active > #eric-tab {
        background: #ffffff !important;
    }

    .active > #note-tab {
        background: #ffffff !important;
    }

    .active > #category-tab {
        background: #ffffff !important;
    }

    .active > #elements-tab {
        background: #ffffff !important;
    }

    .country-profile-header {
        /*text-align: center;*/
        max-height: 300px;
        float: none;
    }

    .country-profile-tables {
        font-size: 8pt !important;
    }

    .country-profile-tables-adjust {
        margin-left: -10px !important;
    }

    .country-profile-table-headers {
        font-size: 14pt !important;
    }

    .country-summary {
        margin-left: 15px !important;
        margin-right: 15px !important;
    }


    .country-profile-header-button {
        float: none !important;
        margin-top: 0 !important;
    }

    .country-profile-tab-content {
        border: hidden !important;
        padding-top: 0 !important;
        margin-left: 0 !important;
    }

    .country-profile-inner-tab-content {
        border: hidden !important;
        padding-left: 0 !important;
        margin-left: -20px !important;
        margin-top: 70px !important;
    }

    .country-profile-header,  
    .country-profile-header-view-button {
        text-align: center !important;
    }
}


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

        .active > #eric-tab {
        background: #ffffff !important;
    }

    .active > #note-tab {
        background: #ffffff !important;
    }

    .active > #category-tab {
        background: #ffffff !important;
    }

    .active > #elements-tab {
        background: #ffffff !important;
    }

    .country-profile-view-button {
        /*margin-top: -168px;*/
    }

    .country-profile-header-buttons {
        margin-top: -60px;
    }

    .country-profile-legend {
        margin-right: -24px !important;
    }

    .country-profile-tabs {
        margin-left: -20px !important;
    }

    .country-profile-tab-content {
        border: hidden !important;
        padding-top: 0 !important;
    }

    .country-profile-inner-tab-content {
        border: hidden !important;
        padding-left: 0 !important;
        margin-left: -15px !important;
    }
}

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

        .active > #eric-tab {
        background: #ffffff !important;
    }

    .active > #note-tab {
        background: #ffffff !important;
    }

    .active > #category-tab {
        background: #ffffff !important;
    }

    .active > #elements-tab {
        background: #ffffff !important;
    }

    .country-profile-country-name {
            margin-left: -120px !important;  
    }

    .country-profile-legend {
        margin-right: -14px !important;
    }

    .country-profile-header {
        max-height: 50px;
    }

    .country-profile-tabs {
        margin-left: -20px !important;
    }

    .country-profile-tab-content {
        margin-top: -46px !important;
        margin-left: -5px;
    }
}

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

}