.wrapper-content {
    padding: 20px;
}

.containers {
    margin-bottom: 15px;
}

.ibox {
    margin-bottom: 20px;
}

.infocenter, .timechang {
    background: #fff;
    border: 1px solid #ccc;
    padding: 15px;
    overflow: hidden;
    position: relative;
}

.box, .info {
    display: inline-block;
    width: 50%;
    float: left
}

.box > div {
    width: 100%;
    height: 360px;
}

.top {
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
}

.jnst {
    display: inline-grid;
    width: 49%;
    font-size: 14px;
}

.jnst dt {
    color: #999;
    font-weight: normal;
}

.jnst dd {
    color: rgba(0, 0, 0, .85);
    font-size: 16px;
    line-height: 30px;
}

.jnst dd span {
    color: #999
}

.spa {
    width: 32%;
}

.timechang, .gstte {
    height: 423px;
}

.timejnst {
    position: absolute;
    right: 15px;
    top: 15px;
}

.input-group-btn .btn-primary {
    background: #4091d7;
    border-color: #4091d7;
}

.nav > li.active {
    border-left: 4px solid #4091d7;
}

.nbhst {
    height: 375px;
}

.nbhst canvas:first-child {
    top: -23% !important;
}

.bttt canvas:first-child {
    top: 0% !important;
}

.tooa canvas:first-child {
    top: 10% !important;
}

.nbhst canvas:nth-child(2) {
    top: -5% !important;
}

.nbhst #jiu3 canvas:nth-child(2) {
    top: -14% !important;
}

.nbhst #jiu4 canvas:nth-child(2) {
    top: -22.5% !important;
}

#shuo canvas:first-child {
    top: -20% !important;
}

.ntont canvas:first-child {
    top: -8% !important;
}

.hide { display: block !important}

.sex_age_charts {
    height: 360px;
}

.sex_age_charts .sac-item {
    width: 100%;
    margin-top: 15px;
    height: 50%;
}

.sex_age_charts .sac-item .sac-title {
    color: #8a93a5;
    margin-top: 10px;
    font-size: .8rem;
    font-weight: bolder;
    text-shadow: 0 0 0.8rem rgb(138 147 165 / 60%);
}

.sex_age_charts .sac-item .sac-chart {
    width: 90%;
    margin: 20px auto;
    height: 30px;
    border: 4px solid #fff;
    -webkit-box-shadow: 0 0 10px rgb(0 0 0 / 60%);
    box-shadow: 0 0 10px rgb(0 0 0 / 60%);
    border-radius: 50px;
    overflow: hidden;
}

.sex_age_charts .sac-item .sac-chart .sacc-item {
    height: 100%;
    float: left;
}

.sex_age_charts .sac-item .sac-legend {
    margin-top: 10px;
}

.sex_age_charts .sac-item .sac-legend .sacl-item {
    clear: both;
    margin: 5px 0;
    display: -ms-flexbox;
    display: flex;
    padding: 2px 0;
    -ms-flex-align: center;
    align-items: center;
}

.sex_age_charts .sac-item .sac-legend .sacl-item .sacl-icon {
    width: 14px;
    height: 14px;
    border-radius: 50px;
    -webkit-box-shadow: 0 0 10px rgb(0 0 0 / 60%);
    box-shadow: 0 0 10px rgb(0 0 0 / 60%);
}

.sex_age_charts .sac-item .sac-legend .sacl-item .sacl-text {
    font-size: 12px;
    margin-left: 10px;
    vertical-align: top;
}

.nav-header {padding: 0;}
.content-tabs { height: 80px; background: rgb(63, 137, 193)}
nav.page-tabs { height: 80px; margin-left: 140px;}
.content-tabs { line-height: 80px;}
.page-tabs a { padding: 0 35px; color: #fff; border: none;font-size: 16px;}
.page-tabs a:hover { background: rgb(63, 137, 193); color: #fff; }
.content-tabs { border: none}
.nhsets {position: absolute; color: #fff; font-size: 16px; width: 225px; line-height: 80px; left: 100px;}
.content-tabs { position: relative;}
.userinfo { position: absolute; right: 3%; top: 0px; width: 300px; text-align: right}
.userinfo a {color: #fff; font-size: 16px; margin: 0 5%}

/*.btn-primary.btn-outline { color: #fff;}*/
.nhatwww li a { background: none; color: #4091d7;}

.thumbnail { margin-bottom: 0; margin-right: 10px}
.file-item { position: relative;}
.dwlse { position: absolute; bottom: 0; left: 0; width: 100%; background: #000; opacity: 0.8; color: #fff; text-align: center; line-height: 24px; display: none}
.file-item:hover .dwlse {display: block}