form#views-exposed-form-statistik-pelawat-visitor-statistics {
    margin-bottom: 20px;
    display: inline-flex;
}

.views-field-screenPageViews, .views-field-totalUsers, .views-field-sessions {
    width: 15%;
}

.views-field-counter{
    width: 2%;
}

.visitor .button.js-form-submit.form-submit {
    height: 32px;
    padding: 5px 10px;
    margin: 0px 0px 8px 18px;
    border-radius: 3px;
    background-color: #21409a;
}

.statistic-info .tomorrow-medium {
    font-size: xx-large;
    color: #312a66;
}

.visitor table thead {
    background-color: #21409a;
    color: white;
}

.visitor .button.js-form-submit.form-submit:hover {
    background-color: #09aac8;
}

.visitor .form-select {
    width: 100%;
    height: 33px;
    margin: 8px 0px 0px 0px;
    border: solid 1px #767676 !important;
    border-radius: 3px;
    color: black;
    line-height: 1.3;
}

.form-item-start-date label, .form-item-end-date label{
display:none;
}

.form-item-start-date:after {
    content: "-";
    color: black;
    padding: 5px 8px 5px 5px;
    font-size: large;
    font-weight: bolder;
}

.container.statistic-user .row {
    background-color: #e0f7fa;
    padding: 10px;
    margin: 0px;
}

.container.statistic-health .row {
    background-color: #c5cae9;
    padding: 10px;
    margin: 0px;
}

.statistic-main-title {
    color: black;
    font-weight: bold;
    line-height: normal;
}

.statistic-sub-title {
    color: black;
    font-size: smaller;
    margin-bottom: 10px;
}


.statistic-info .statistic-item {
    text-align: center;
    background-color: white;
    border-radius: 5px;
    padding: 5px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.statistic-info .statistic-title {
    font-size: smaller;
    color: #2b2b5e;
}

.statistic-user .col, .statistic-health .col {
    padding: 3px;
}

.top-page-visit h2.title {
    margin-top: 30px;
}

@media (max-width: 480px) {

.fieldset-wrapper {
    display: block;
}

form#views-exposed-form-statistik-pelawat-visitor-statistics {
    margin-bottom: 20px;
    display: block;
}
	
.form-item-tarikh-min:after {
   content: "to";
}

html[lang="en"] .form-item-start-date:after {
      content: "to";
}

html[lang="ms"] .form-item-start-date:after  {
 content: "sehingga";
}

.visitor input,.visitor button,.visitor select,.visitor optgroup,.visitor textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    width: 100%;
    height: 40px;
}

.visitor .button.js-form-submit.form-submit {
    height: 40px;
    padding: 5px 10px;
    margin: 10px 0px;
    border-radius: 3px;
    background-color: #21409a;
}
}