/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.ikm-stat .ikm-stat-header,
.ikm-stat .nilai-ikm {
    text-align: center;
}
.ikm-stat .nilai-ikm {
    border: 10px solid #C7D0D9;
    border-radius: 30px;
    width: 400px;
    margin: 0 auto;
}
.ikm-stat .nilai-ikm p {
    line-height: 50px;
	font-size: 5.25rem;
	font-weight: 900;
	color: #E8090A;
    margin: 0;
    padding-top: 20px;
}
 .ikm-stat .nilai-ikm p span {
     display: block;
     font-size: 28px;
     text-transform: uppercase;
     color: #000;
     margin-bottom: 5px;
 }
.ikm-stat .jumlah-responden {
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 19px;
	color: #000;
}
.ikm-stat .chart-grid .pure-u-1 {
    text-align: center;
}
.ikm-stat .chart-grid .pure-u-1 h4 {
    text-transform: uppercase;
}

.ikm-logo-kiri, .ikm-logo-kanan {
    max-width: 150px !important;
}
.ikm-logo-kiri {
    max-width: 118px !important;
}
 
 #statistic .logo-polda-sumbar img {
     width: 150px;
 }
 #statistic .logo-ikm img {
     width: 230px;
 }
 #data-responden-2 .pendidikan-terakhir .elementor-widget.elementor-widget-icon-list {
     margin-bottom: 0 !important;
 }
 
 .jc-bs3-container.container {
     width: 500px;
     margin:  0 auto;
 }
 .modal {
     display: none; /* Hidden by default */
     position: fixed; /* Stay in place */
     z-index: 1; /* Sit on top */
     left: 0;
     top: 0;
     width: 100%; /* Full width */
     height: 100%; /* Full height */
     overflow: auto; /* Enable scroll if needed */
     background-color: rgb(0,0,0); /* Fallback color */
     background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
 }
 .close {
     color: #aaa;
     float: right;
     font-size: 28px;
     font-weight: bold;
 }
 .close:hover,
 .close:focus {
     color: black;
     text-decoration: none;
     cursor: pointer;
 } 
 .modal-content {
     position: relative;
     background-color: #fefefe;
     /* margin: auto; */
     margin: 15% auto; /* 15% from the top and centered */
     padding: 0;
     /* border: 1px solid #888; */
     width: 80%;
     box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
     animation-name: animatetop;
     animation-duration: 0.4s;
 }
 .modal-header {
     padding: .5rem 1rem;
 }
 .modal-body {
     margin: 0 auto;
     width: 60%;
     padding: .5rem 1rem;
 }
 .modal-footer {
     padding: .5rem 1rem;
 }
 /* Add Animation */
 @keyframes animatetop {
     from {top: -300px; opacity: 0}
     to {top: 0; opacity: 1}
 } 
 
 .wizard-content {
     /* text-align: center; */
     border: none;
 }
 .wizard-content .wizard-pane {
     padding: 100px 0 80px;
 }
 .wizard-content .wizard-pane label {
     margin-right: 1rem;
 }
 .wizard-content .wizard-pane .iradio_square {
     margin-right: .5rem;
 }
 .wizard-buttons {
     text-align: center;
     margin: 1.5rem;
}

#footer-outer {
    z-index: -1 !important;
}