﻿.form-select {
    color: #333333 !important;
    background-color: rgba(255, 255, 255, 0.9) !important;
    border: 0 !important;
    padding: .72rem 2.25rem .72rem .75rem;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    border-radius: 10px !important;
}

.form-control-step::placeholder, .select2-container--bootstrap-5 .select2-selection::placeholder {
    color: #BDBDBD !important;
}

.form-control-step:-ms-input-placeholder, .form-select-custom:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #BDBDBD;
}

.form-control-step::-ms-input-placeholder, .form-select-custom::-ms-input-placeholder { /* Microsoft Edge */
    color: #BDBDBD;
}
.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
    line-height: 32px !important;
}

.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
    color: #5f5f5f !important;
}

.tracuuhoso-crumb {
    height: 422px;
}

.hoso-formthongke {
    display: block;
    width: 100%;
    box-shadow: 0px 0px 10px rgb(0,0,0, 10%);
    border-radius: 10px;
    padding: 53px 62px 45px 62px;
    margin-top: -200px;
    background: #fff;
}


.head_thongtinhoso{
    margin-top:30px;
    margin-bottom:0;
}
.tracuuhoso-title2{ margin-bottom:25px;}
.thongke-left {
    border: 1px solid #DDDDDD;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    padding:29px 31px;
}

.thongke-right {
    border: 1px solid #DDDDDD;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
    padding: 32px 27px 10px 27px;
}




.thongke-title {
    font-family: 'Quicksand-Bold';
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    color: #333333;
}
.thongke-tiepnhan {
    background: #EFEFEF;
    border-radius: 30px;
    color: #000000;
    line-height:35px;
    padding:0 22px;width:100%;
}
.chart-dunghan {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: #44BCD7;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    margin-right: 15px;
}

.chart-trehan {
    background: #E075C9;
}
.chart-truochan {
    background: #8331DE;
}

    .table-thongke tbody tr td {
        font-size: 13px;
        font-family: Quicksand-Medium;
        color: #000000;
    }
.table-thongke{ margin-bottom:0;}
.thongke-desc {
    font-size: 10px;
    font-weight: 400;
    color: #000000;
    font-family: Quicksand-Medium;
}

.chart-main {
    position: relative;
    width: 160px;
    height: 160px;
    display: block;
    margin:0px auto;
}
.chart-main-1 {
    text-align: center;
    position: absolute;
    width: 100px;
    height: 100px;
    top: 42px;
    left: 30px;
    right: 30px;
    bottom: 30px;
    z-index: 2;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    color: #CD1125;
}
    .chart-main-1 span.ty-le {
        display:inline-block;
        color: #CD1125;
        font-size: 24px;
        font-weight: bold;
    }
    .chart-main-1 span.phantram {
        color: #CD1125;
        display: inline-block;
        font-size: 24px;
    }
.chart-main-2 {
    position: absolute;
    width: 160px;
    height: 160px;
    z-index: 1;
}


.thongke-main {
    border: 1px solid #DDDDDD;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    padding: 16px 16px;
}
.thongke-title2 {
    color: #333333;
    font-weight: 500;
    font-size: 24px;
    display:inline-block; padding:30px 0;
}
.table-thongke2{ margin-bottom:0;}
.table-thongke2 thead tr {
    border-bottom: 1px solid rgba(0, 0, 0, 0.16);
    padding-bottom: 8px;
}

    .table-thongke2 thead tr th {
        color: #000000;
    }

   
        .table-thongke2 thead tr th span {
            color: #000000;
            font-weight: normal;
        }

.table-thongke2 tbody tr td {
    color: #000000;
    font-size: 13px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.table-thongke2 tbody tr:first-child td{
  padding-top:22px;
}