.mar-bot-10 {margin-bottom: 10px !important;}
.mar-bot-20 {margin-bottom: 20px !important;}
.mar-bot-30 {margin-bottom: 30px !important;}
.mar-top-10 {margin-top: 10px !important;}
.mar-top-20 {margin-top: 20px !important;}
.mar-top-30 {margin-top: 30px !important;}
.pad-hor-10 {padding: 0 10px !important;}
.pad-hor-15 {padding: 0 15px !important;}
.no-mar-pad {margin: 0 !important;padding: 0 !important;}
.no-mar-bot {margin-bottom: 0 !important;}
.pad-top-10 {padding-top: 10px !important;}
.pad-top-20 {padding-top: 20px !important;}
.pad-top-30 {padding-top: 30px !important;}
.pad-bot-10 {padding-bottom: 10px !important;}
.pad-lef-10 {padding-left: 10px !important;}
.pad-lef-20 {padding-left: 20px !important;}

.bold { font-weight: bold;}
.light { font-weight: 300;}
.italic { font-style: italic;}

.relative { position: relative;}

.block { display: block;}
.inline-block { display: inline-block;}

.secim-ctr {
    margin: 0 0 30px 0;
    float: left;
    width: 100%;
    overflow-x: hidden !important;
    /*display: none;*/
}
.secim-ctr > .head {
    float: left;
    width: 100%;
    height: 44px;
    line-height: 44px;
    background-color: #F0F0F1;
    border-bottom: 1px solid #DFDFDF;
    font-size: 16px;
    color: black;
    padding: 0 10px;
    font-weight: bold;
}
.secim-ctr > .status {
    float: left;
    width: 100%;
    height: 24px;
    line-height: 24px;
    /* border-bottom: 1px solid #DFDFDF; */
    padding: 0 10px;
    background: #ffffff; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ffffff 0%, #f5f5f5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f5f5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#f5f5f5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-8 */
    font-size: 13px;
}
.secim-ctr > .status > .master {
    float: left;
    /* font-weight: bold; */
    /* font-size: 14px; */
}
.secim-ctr > .status > .detail {
    float: right;
    /* font-size: 14px; */
    /* color: #777; */
}

.chart-ctr {
    width: 100%;
    float: left;
    /*border: 1px solid #DFDFDF;*/
    /*background: url("/secim/images/bg-aday-pattern.png");*/
    overflow-x: initial;
    /* border-bottom: 1px solid #DFDFDF; */
}
.chart-ctr > .parti-ctr {
    width: 20.0%;
    float: left;
    /* border-right: 1px solid #DFDFDF; */
    /*padding: 20px 0 0px 0;*/
    height: auto;
    /* max-height: 100%; */
    /* min-height: 290px; */;
}
.chart-ctr > .parti-ctr:last-child {
    /*border-right: 0;*/
}
.chart-ctr > .parti-ctr > .oran-bar-ctr {
    height: 250px;
    width: 100%;
    /* padding: 0 10%; */
    position: relative;
    float: left;
    background-color: #f5f5f5;
}
.chart-ctr > .parti-ctr > .oran-bar-ctr > .oran-bar {
    width: 60%;
    padding-left: 9%;
    height: 1%;
    position: absolute;
    bottom: 20px;
    left: 10%;
    transition: all 2.5s;
}
.chart-ctr > .parti-ctr > .oran-bar-ctr > .oran-bar > .oran-text { text-align: center;height: 20px; font-size:9px; font-weight: 700; position: relative; left: -3%;}
.chart-ctr > .parti-ctr > .oran-bar-ctr > .oran-bar > .bar {
    width: 100%;
    height: 100%;
    /*border: 1px solid #DFDFDF;*/
    background: #35a2ee; /* Old browsers */
}
.chart-ctr > .parti-ctr .parti-tanim {
    float: left;
    width: 100%;
    /* margin-top: 20px; */
    text-align: center;
    color: rgb(116, 116, 116);
    background-color: rgb(229, 229, 229);
    /* border-top: 1px solid #DFDFDF; */
    padding-bottom: 10px;
    height: auto;
    min-height: 85px; 
    padding-top:5px;
}
.chart-ctr > .parti-ctr  .parti-tanim > img {
    margin: 5px auto 5px auto;
    /* height: auto; */
    /* border: 1px solid #DFDFDF; */
    /* border-top: 0; */
    display: block;
    max-width: 53px;
}
.chart-ctr > .parti-ctr  .parti-tanim > span {
    text-align: center;
    font-weight: bold;
    font-size: 13px;
    padding: 0 6px;
    display: block;
    line-height:115%;
}

h1.secim {
    /* float: left; */
    width: 100%;
    min-height: 44px;
    line-height: 22px;
    background-color: #F0F0F1;
    border-bottom: 1px solid #DFDFDF;
    font-size: 16px;
    color: black;
    padding: 10px  10px;
    margin: 0 0 20px 0;
    font-weight: bold;
}
@media only screen and (max-width: 450px) {
    .chart-ctr {
        background-color: #e5e5e5;
    }
    .chart-ctr > .parti-ctr .parti-tanim {
        min-height: 50px;
        padding: 0;
    }
        .chart-ctr > .parti-ctr .parti-tanim > span {
            font-size: 10px;
        }
}