body {
    font-family: poppins, helvetica, arial, sans-serif !important
}

.font-weight-bold {
    font-weight: 700 !important
}

.row {
    margin-left: -5px;
    margin-right: -5px
}

.col, [class*=col-], .container, .container-fluid {
    padding-left: 5px;
    padding-right: 5px
}

.box-shadow {
    -webkit-box-shadow: 0 3px 9px 0 #d0d5e3;
    box-shadow: 0 3px 9px 0 #d0d5e3
}

.text-primary {
    color: #3498db !important
}

.text-alizarin {
    color: #e74c3c !important
}

a.text-alizarin:focus, a.text-white:hover {
    color: #c0392b !important
}

.text-ballerina {
    color: #b2bec3 !important
}

a.text-ballerina:focus, a.text-white:hover {
    color: #d0d5e3 !important
}

.bg-primary {
    background-color: #007fc5 !important
}

.bg-secondary {
    background-color: #6c757d !important
}

.bg-success {
    background-color: #4caf50 !important
}

.bg-info {
    background-color: #00bcd4 !important
}

.bg-warning {
    background-color: #ffeb3b !important
}

.bg-danger {
    background-color: #f44336 !important
}

.bg-light {
    background-color: #f8f9fa !important
}

.bg-dark {
    background-color: #343a40 !important
}

.bg-white {
    background-color: #fff !important
}

.bg-alizarin {
    color: #fff;
    background-color: #e74c3c !important
}

.bg-pink {
    color: #fff;
    background-color: #e91e63 !important
}

.bg-purple {
    color: #fff;
    background-color: #9c27b0 !important
}

.bg-deep-purple {
    color: #fff;
    background-color: #673ab7 !important
}

.bg-indigo {
    color: #fff;
    background-color: #3f51b5 !important
}

.bg-light-blue {
    color: #fff;
    background-color: #03a9f4 !important
}

.bg-teal {
    color: #fff;
    background-color: #009688 !important
}

.bg-light-green {
    color: #fff;
    background-color: #8bc34a !important
}

.bg-lime {
    color: #fff;
    background-color: #cddc39 !important
}

.bg-amber {
    color: #fff;
    background-color: #ffc107 !important
}

.bg-orange {
    color: #fff;
    background-color: #ff9800 !important
}

.bg-deep-orange {
    color: #fff;
    background-color: #ff5722 !important
}

.bg-brown {
    color: #fff;
    background-color: #795548 !important
}

.bg-grey {
    color: #fff;
    background-color: #9e9e9e !important
}

.bg-blue-grey {
    color: #fff;
    background-color: #607d8b !important
}

.bg-ballerina {
    color: #777 !important;
    background-color: #e9e9e9 !important
}

[data-color=primary] .nav-pills .nav-item .nav-link.active {
    background-color: #007fc5 !important
}

[data-color=secondary] .nav-pills .nav-item .nav-link.active {
    background-color: #6c757d !important
}

[data-color=success] .nav-pills .nav-item .nav-link.active {
    background-color: #4caf50 !important
}

[data-color=info] .nav-pills .nav-item .nav-link.active {
    background-color: #00bcd4 !important
}

[data-color=warning] .nav-pills .nav-item .nav-link.active {
    background-color: #ffeb3b !important
}

[data-color=danger] .nav-pills .nav-item .nav-link.active {
    background-color: #f44336 !important
}

[data-color=light] .nav-pills .nav-item .nav-link.active {
    background-color: #f8f9fa !important
}

[data-color=dark] .nav-pills .nav-item .nav-link.active {
    background-color: #343a40 !important
}

[data-color=white] .nav-pills .nav-item .nav-link.active {
    background-color: #fff !important
}

[data-color=alizarin] .nav-pills .nav-item .nav-link.active {
    color: #fff;
    background-color: #e74c3c !important
}

[data-color=pink] .nav-pills .nav-item .nav-link.active {
    color: #fff;
    background-color: #e91e63 !important
}

[data-color=purple] .nav-pills .nav-item .nav-link.active {
    color: #fff;
    background-color: #9c27b0 !important
}

[data-color=deep-purple] .nav-pills .nav-item .nav-link.active {
    color: #fff;
    background-color: #673ab7 !important
}

[data-color=indigo] .nav-pills .nav-item .nav-link.active {
    color: #fff;
    background-color: #3f51b5 !important
}

[data-color=light-blue] .nav-pills .nav-item .nav-link.active {
    color: #fff;
    background-color: #03a9f4 !important
}

[data-color=teal] .nav-pills .nav-item .nav-link.active {
    color: #fff;
    background-color: #009688 !important
}

[data-color=light-green] .nav-pills .nav-item .nav-link.active {
    color: #fff;
    background-color: #8bc34a !important
}

[data-color=lime] .nav-pills .nav-item .nav-link.active {
    color: #fff;
    background-color: #cddc39 !important
}

[data-color=amber] .nav-pills .nav-item .nav-link.active {
    color: #fff;
    background-color: #ffc107 !important
}

[data-color=orange] .nav-pills .nav-item .nav-link.active {
    color: #fff;
    background-color: #ff9800 !important
}

[data-color=deep-orange] .nav-pills .nav-item .nav-link.active {
    color: #fff;
    background-color: #ff5722 !important
}

[data-color=brown] .nav-pills .nav-item .nav-link.active {
    color: #fff;
    background-color: #795548 !important
}

[data-color=grey] .nav-pills .nav-item .nav-link.active {
    color: #fff;
    background-color: #9e9e9e !important
}

[data-color=blue-grey] .nav-pills .nav-item .nav-link.active {
    color: #fff;
    background-color: #607d8b !important
}

[data-color=ballerina] .nav-pills .nav-item .nav-link.active {
    color: #777 !important;
    background-color: #e9e9e9 !important
}

[data-color=primary] .dropdown-menu .dropdown-item:hover, [data-color=primary] .dropdown-menu .dropdown-item:focus, [data-color=primary] .dropdown-menu a:hover, [data-color=primary] .dropdown-menu a:focus, [data-color=primary] .dropdown-menu a:active {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(0, 0, 0, .2);
    background-color: #007fc5 !important
}

[data-color=secondary] .dropdown-menu .dropdown-item:hover, [data-color=secondary] .dropdown-menu .dropdown-item:focus, [data-color=secondary] .dropdown-menu a:hover, [data-color=secondary] .dropdown-menu a:focus, [data-color=secondary] .dropdown-menu a:active {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(0, 0, 0, .2);
    background-color: #6c757d !important
}

[data-color=success] .dropdown-menu .dropdown-item:hover, [data-color=success] .dropdown-menu .dropdown-item:focus, [data-color=success] .dropdown-menu a:hover, [data-color=success] .dropdown-menu a:focus, [data-color=success] .dropdown-menu a:active {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(0, 0, 0, .2);
    background-color: #4caf50 !important
}

[data-color=info] .dropdown-menu .dropdown-item:hover, [data-color=info] .dropdown-menu .dropdown-item:focus, [data-color=info] .dropdown-menu a:hover, [data-color=info] .dropdown-menu a:focus, [data-color=info] .dropdown-menu a:active {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(0, 0, 0, .2);
    background-color: #00bcd4 !important
}

[data-color=warning] .dropdown-menu .dropdown-item:hover, [data-color=warning] .dropdown-menu .dropdown-item:focus, [data-color=warning] .dropdown-menu a:hover, [data-color=warning] .dropdown-menu a:focus, [data-color=warning] .dropdown-menu a:active {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(0, 0, 0, .2);
    background-color: #ffeb3b !important
}

[data-color=danger] .dropdown-menu .dropdown-item:hover, [data-color=danger] .dropdown-menu .dropdown-item:focus, [data-color=danger] .dropdown-menu a:hover, [data-color=danger] .dropdown-menu a:focus, [data-color=danger] .dropdown-menu a:active {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(0, 0, 0, .2);
    background-color: #f44336 !important
}

[data-color=light] .dropdown-menu .dropdown-item:hover, [data-color=light] .dropdown-menu .dropdown-item:focus, [data-color=light] .dropdown-menu a:hover, [data-color=light] .dropdown-menu a:focus, [data-color=light] .dropdown-menu a:active {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(0, 0, 0, .2);
    background-color: #f8f9fa !important
}

[data-color=dark] .dropdown-menu .dropdown-item:hover, [data-color=dark] .dropdown-menu .dropdown-item:focus, [data-color=dark] .dropdown-menu a:hover, [data-color=dark] .dropdown-menu a:focus, [data-color=dark] .dropdown-menu a:active {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(0, 0, 0, .2);
    background-color: #343a40 !important
}

[data-color=white] .dropdown-menu .dropdown-item:hover, [data-color=white] .dropdown-menu .dropdown-item:focus, [data-color=white] .dropdown-menu a:hover, [data-color=white] .dropdown-menu a:focus, [data-color=light] .dropdown-menu a:active {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(0, 0, 0, .2);
    background-color: #fff !important
}

[data-color=alizarin] .dropdown-menu .dropdown-item:hover, [data-color=alizarin] .dropdown-menu .dropdown-item:focus, [data-color=alizarin] .dropdown-menu a:hover, [data-color=alizarin] .dropdown-menu a:focus, [data-color=alizarin] .dropdown-menu a:active {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(0, 0, 0, .2);
    color: #fff;
    background-color: #e74c3c !important
}

[data-color=pink] .dropdown-menu .dropdown-item:hover, [data-color=pink] .dropdown-menu .dropdown-item:focus, [data-color=pink] .dropdown-menu a:hover, [data-color=pink] .dropdown-menu a:focus, [data-color=pink] .dropdown-menu a:active {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(0, 0, 0, .2);
    color: #fff;
    background-color: #e91e63 !important
}

[data-color=purple] .dropdown-menu .dropdown-item:hover, [data-color=purple] .dropdown-menu .dropdown-item:focus, [data-color=purple] .dropdown-menu a:hover, [data-color=purple] .dropdown-menu a:focus, [data-color=purple] .dropdown-menu a:active {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(0, 0, 0, .2);
    color: #fff;
    background-color: #9c27b0 !important
}

[data-color=deep-purple] .dropdown-menu .dropdown-item:hover, [data-color=deep-purple] .dropdown-menu .dropdown-item:focus, [data-color=deep-purple] .dropdown-menu a:hover, [data-color=deep-purple] .dropdown-menu a:focus, [data-color=deep-purple] .dropdown-menu a:active {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(0, 0, 0, .2);
    color: #fff;
    background-color: #673ab7 !important
}

[data-color=indigo] .dropdown-menu .dropdown-item:hover, [data-color=indigo] .dropdown-menu .dropdown-item:focus, [data-color=indigo] .dropdown-menu a:hover, [data-color=indigo] .dropdown-menu a:focus, [data-color=indigo] .dropdown-menu a:active {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(0, 0, 0, .2);
    color: #fff;
    background-color: #3f51b5 !important
}

[data-color=light-blue] .dropdown-menu .dropdown-item:hover, [data-color=light-blue] .dropdown-menu .dropdown-item:focus, [data-color=light-blue] .dropdown-menu a:hover, [data-color=light-blue] .dropdown-menu a:focus, [data-color=light-blue] .dropdown-menu a:active {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(0, 0, 0, .2);
    color: #fff;
    background-color: #03a9f4 !important
}

[data-color=teal] .dropdown-menu .dropdown-item:hover, [data-color=teal] .dropdown-menu .dropdown-item:focus, [data-color=teal] .dropdown-menu a:hover, [data-color=teal] .dropdown-menu a:focus, [data-color=teal] .dropdown-menu a:active {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(0, 0, 0, .2);
    color: #fff;
    background-color: #009688 !important
}

[data-color=light-green] .dropdown-menu .dropdown-item:hover, [data-color=light-green] .dropdown-menu .dropdown-item:focus, [data-color=light-green] .dropdown-menu a:hover, [data-color=light-green] .dropdown-menu a:focus, [data-color=light-green] .dropdown-menu a:active {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(0, 0, 0, .2);
    color: #fff;
    background-color: #8bc34a !important
}

[data-color=lime] .dropdown-menu .dropdown-item:hover, [data-color=lime] .dropdown-menu .dropdown-item:focus, [data-color=lime] .dropdown-menu a:hover, [data-color=lime] .dropdown-menu a:focus, [data-color=lime] .dropdown-menu a:active {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(0, 0, 0, .2);
    color: #fff;
    background-color: #cddc39 !important
}

[data-color=amber] .dropdown-menu .dropdown-item:hover, [data-color=amber] .dropdown-menu .dropdown-item:focus, [data-color=amber] .dropdown-menu a:hover, [data-color=amber] .dropdown-menu a:focus, [data-color=amber] .dropdown-menu a:active {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(0, 0, 0, .2);
    color: #fff;
    background-color: #ffc107 !important
}

[data-color=orange] .dropdown-menu .dropdown-item:hover, [data-color=orange] .dropdown-menu .dropdown-item:focus, [data-color=orange] .dropdown-menu a:hover, [data-color=orange] .dropdown-menu a:focus, [data-color=orange] .dropdown-menu a:active {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(0, 0, 0, .2);
    color: #fff;
    background-color: #ff9800 !important
}

[data-color=deep-orange] .dropdown-menu .dropdown-item:hover, [data-color=deep-orange] .dropdown-menu .dropdown-item:focus, [data-color=deep-orange] .dropdown-menu a:hover, [data-color=deep-orange] .dropdown-menu a:focus, [data-color=deep-orange] .dropdown-menu a:active {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(0, 0, 0, .2);
    color: #fff;
    background-color: #ff5722 !important
}

[data-color=brown] .dropdown-menu .dropdown-item:hover, [data-color=brown] .dropdown-menu .dropdown-item:focus, [data-color=brown] .dropdown-menu a:hover, [data-color=brown] .dropdown-menu a:focus, [data-color=brown] .dropdown-menu a:active {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(0, 0, 0, .2);
    color: #fff;
    background-color: #795548 !important
}

[data-color=grey] .dropdown-menu .dropdown-item:hover, [data-color=grey] .dropdown-menu .dropdown-item:focus, [data-color=grey] .dropdown-menu a:hover, [data-color=grey] .dropdown-menu a:focus, [data-color=grey] .dropdown-menu a:active {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(0, 0, 0, .2);
    color: #fff;
    background-color: #9e9e9e !important
}

[data-color=blue-grey] .dropdown-menu .dropdown-item:hover, [data-color=blue-grey] .dropdown-menu .dropdown-item:focus, [data-color=blue-grey] .dropdown-menu a:hover, [data-color=blue-grey] .dropdown-menu a:focus, [data-color=blue-grey] .dropdown-menu a:active {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(0, 0, 0, .2);
    color: #fff;
    background-color: #607d8b !important
}

[data-color=ballerina] .dropdown-menu .dropdown-item:hover, [data-color=ballerina] .dropdown-menu .dropdown-item:focus, [data-color=ballerina] .dropdown-menu a:hover, [data-color=ballerina] .dropdown-menu a:focus, [data-color=ballerina] .dropdown-menu a:active {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(0, 0, 0, .2);
    color: #777 !important;
    background-color: #e9e9e9 !important
}

a {
    color: #555
}

a:hover {
    color: #e74c3c
}

.border-bottom-dotted {
    border-bottom: 2px #999 dotted
}

.table {
    font-size: 13px;
    line-height: 15px
}

.table td {
    vertical-align: middle !important
}

.navbar .navbar-nav .nav-item .nav-link {
    font-weight: 500;
    font-size: 16px
}

.navbar.bg-danger {
    background-color: #e74c3c !important
}

.navbar {
    padding: .2rem 0 !important;
    border-radius: 0
}

.navbar .navbar-brand {
    height: auto !important;
    padding: .2rem 0 !important
}

.dropdown-menu .dropdown-item, .dropdown-menu li > a {
    line-height: 1
}

.nav-pills .nav-item .nav-link.active {
    background-color: #e74c3c;
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .2), 0 13px 24px -11px rgba(197, 200, 199, .6)
}

.nav-pills .nav-item .nav-link {
    border-radius: 20px;
    padding: 5px 15px
}

#statistic .inner {
    position: relative;
    padding-left: 70px;
    min-height: 60px
}

#statistic .inner .icon-box {
    position: absolute;
    left: 0;
    width: 60px;
    height: 60px;
    color: #fff;
    font-size: 28px;
    line-height: 60px;
    text-align: center;
    border-radius: 50%
}

#statistic .inner h3 {
    position: relative;
    font-size: 20px;
    font-weight: 500
}

#statistic .inner h4 {
    font-size: 12px;
    font-weight: 600
}

.opening-rate {
    width: 45%;
    height: auto;
    position: relative;
    margin-left: auto;
    margin-right: auto
}

.rate-number {
    font-size: 12px !important;
    line-height: 15px !important
}


#region img {
    margin-bottom: 10px
}

#region .region-name {
    margin-bottom: 5px;
    margin-top: 5px;
    font-size: 13px
}



#city-results .custom-select, #district-results .custom-select {
    height: 25px !important;
    padding: 0 5px !important;
    width: 160px;
    font-size: 13px
}

#city-list .list-inline-item {
    width: 115px;
    font-size: 15px
}


.footer {
    font-size: 13px
}

@media only screen and (max-width: 480px) {

    #statistic .inner {
        padding: 10px !important;
        min-height: auto;
        text-align: center;
        border-radius: 6px;
        background-color: #f4f4f4
    }

    #statistic .inner .icon-box {
        display: none
    }

    #statistic .inner h3 {
        color: #00bcd4
    }
}

.tb-block {
    margin: 10px 0;
    text-align: center
}

#mayor-candidate-box .table tr td img {
    width: 35px !important;
    height: 35px !important
}

[data-name=colorHTML] {
    font-size: 14px
}

.navbar-brand img {
    max-height: 50px
}

.modal-dialog .modal-header{
    padding-top: 1rem;
}
.modal-header h4{
    margin-top: 0px;
}


.istatistik-secim img {
    max-width: 80px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.istatistik-secim h5 {
    margin-bottom: 2px;
    margin-top: 15px!important;
    text-align: center;
}

.istatistik-secim .box {
    background-color: white;
    padding: 10px;
    min-height: 100px;
    margin-bottom: 5px;
    text-align: center;
    border-radius: 5px;
}
.modal .modal-dialog{
    margin-top: 70px;
}