body.page-jogjalib {
    position: relative;
    width: 100%;
    background-color:#f2f5f7;
    font-family: 'Roboto', Sans-serif;
}

body.page-jogjalib #content {
    width: 1170px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

body.page-jogjalib .template-dir-admin #content {
    margin-top: 20px;
}

body.page-jogjalib a {
    color: #009688;
}
body.page-jogjalib .record-tabs .tab-content {
    background: #fff;
    border: 1px solid #ddd;
    border-top: 0px;
    padding: 11px;
}
body.page-jogjalib .pagination > .active > a,
body.page-jogjalib .pagination > .active > span,
body.page-jogjalib .pagination > .active > a:hover,
body.page-jogjalib .pagination > .active > span:hover,
body.page-jogjalib .pagination > .active > a:focus,
body.page-jogjalib .pagination > .active > span:focus {
    background-color: #009688;
    border-color: #009688;
}

header.header-jogjalib {
    background:#384252;
    color: #ffffff;
}

header.header-jogjalib .navbar {
    margin-bottom: 0px;
} 
header.header-jogjalib a,
header.header-jogjalib .navbar nav a {
    color: #ffffff;
}

header.header-jogjalib a:hover {
    color: #ffffff;
}

header.header-jogjalib .breadcrumb {
    margin-top: 10px;
    background: #333c4b;
}

header.header-jogjalib .breadcrumb li {
    color: #ffffff;
}

 
header.header-jogjalib input,
header.header-jogjalib select {
    background: #333c4b;
    border-color: #333c4b;
    color: #ffffff;
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.21), 1px 1px 1px rgba(221, 221, 221, 0.16);
    -moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.21), 1px 1px 1px rgba(221, 221, 221, 0.16);
    -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.21), 1px 1px 1px rgba(221, 221, 221, 0.16);   
}

header.header-jogjalib .navbar nav a:hover,
header.header-jogjalib .nav .open > a,
header.header-jogjalib .nav .open > a:hover,
header.header-jogjalib .nav .open > a:focus {
    background: #333c4b;
}

header.header-jogjalib .dropdown-menu {
    background: #333c4b;
    max-height: 60vh;
    overflow: auto;
}

body.page-jogjalib button.btn-primary,
body.page-jogjalib input.btn-primary {
    background: #009688;
    border-color: #009688;
}
body.page-jogjalib input.btn-primary:hover,
body.page-jogjalib button.btn-primary:hover {
    color: #ffffff;
}

.logo-jogjalib {
    width: 170px;
    height: 50px;
    background: url('../images/logo.png')no-repeat center center;
    background-size: 90%;
}

.result-search, .box-search-home-jogjalib  {
    background: #eaeff7;
    color: #131313;
    padding:10px 0px;
    border: none;
    border-radius: 0px;
}

.result-search input,
.result-search select,
.box-search-home-jogjalib input,
.box-search-home-jogjalib select {
    border-color: #adb6c5;
}

.result-search form, .box-search-home-jogjalib form {
    width: 100%;
}

.result-search .searchForm_lookfor, .box-search-home-jogjalib  .searchForm_lookfor {
    width: 100%;
    max-width: 70%;
}

.view-result-search {
    clear: both;
    margin-bottom:5px;
    background: #dfe8f7;
    color: #384252;
    margin-bottom: 20px;
}

.view-result-search  ul.breadcrumb {
    margin: 0px;
    background: transparent;
}


.searchForm {
    padding: 0px;
}

body.page-jogjalib .slider-container .slider-handle {
    background: #009688;
    border: 1px solid #009688;
    border-radius: 100%;
}

body.page-jogjalib .result {
    padding:15px 0px;
}

body.page-jogjalib .list-group-item.active,
body.page-jogjalib .list-group-item.active:hover,
body.page-jogjalib .list-group-item.active:focus {
    background: #009688;
    border-color: #009688;
}

body.page-jogjalib .result:nth-of-type(even) {
    background: #eaeff7;
}

body.page-jogjalib .group {
    background: #ffffff;
    border: 1px solid #efeded;
    overflow: hidden;
    margin-bottom: 0px !important;
}

body.page-jogjalib .search {
    clear: both;
    overflow: hidden;
    
}
body.page-jogjalib .result a.title {
    color: #009688;
    font-weight: bold;
    
}

.block-groupPlaceHolder {
    width: 100%;
    background: #dfe8f7;
    display: block;
    margin-top: -4px;
    padding: 10px !important;
    z-index: 2;
    position: relative;
    margin-bottom: 13px;
    border: 1px solid #efeded;
    border-top: 0px;
    border-radius: 0px 0px 4px 4px;
}


table {
    border: 1px solid #ddd;
}

.box-clear {
    clear: both;
    overflow: hidden;
    width: 100%;
    height: 20px;
}

body.page-jogjalib .alert {
    max-width: 1140px;
    margin: 0 auto;
}

body.page-jogjalib .result .left {
    display: none;
}
body.page-jogjalib .result .middle{
    width: 100%;
}


body.page-jogjalib .record .row .col-sm-3 {
    display: none;
}
body.page-jogjalib .record .row .col-sm-9 {
    width: 100%;
}

body.page-jogjalib .btn-jl {
    color: #ffffff;
    margin-bottom: 20px;
}

body.page-jogjalib .btn-jl:hover {
    color:#265680
}

@media (max-width: 480px) {

    body.page-jogjalib form.searchForm  {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    body.page-jogjalib form.searchForm input,
    body.page-jogjalib form.searchForm select {
        margin-bottom: 15px;
        width: 100% !important;
        max-width: 100%;
    }
}