.login-page {
    margin: 7% auto!important;
}
.daftar-login {
    
    margin-bottom: 5px!important;
}
.body-form {
    padding: 10px 20px!important;
    /*overflow-y: scroll;
    height: 305px;*/
}
.card .body {
    padding: 10px 40px;
}
.card .header {
	background-color: #4c95af;
    padding: 5px 20px!important;
}

.card .header h2,
.card .header.header-right h2 {
	color: white;
    font-size: 17px;
    padding-top: 10px;
    font-weight: 700;
}

.card .header.header-right h2 {
    float: right;
}

.block-header h2 {
    font-size: 18px!important;
    font-weight: 700;
    letter-spacing: 1px;
}

.header small {
    color: #000;
    font-size: 17px;
    font-weight: 600;
    margin-top: 10px;
}

.header button.btn.bg-teal,
.header button.btn.bg-light-blue,
.header button.btn.bg-green {
    margin-right: 8px;
    transition: .3s all;
    font-weight: 600;
    letter-spacing: .5px;
}

.header button.btn.bg-teal:hover {
    background-color: #f1f1f1!important;
    color: #4c95af !important;

}

.header button.btn.bg-light-blue:hover{
    color: #03A9F4 !important;
    background-color: #f1f1f1!important;
}

.header button.btn.bg-teal:hover > i.material-icons,
.header button.btn.bg-light-blue:hover > i.material-icons,
.header.psb button.psb.btn.bg-green:hover > i.material-icons {
    color: #f77a71!important;
}

.sidebar .user-info {
    padding: 13px 15px 12px 15px;
    /*text-align: center;*/
    white-space: nowrap;
    position: relative;
    border-bottom: 1px solid #e9e9e9;
    background: url("../images/images.jpg") no-repeat 50%;
    background-size: contain;
    height: 135px; 
}

.sidebar .user-info .image img {
    height: 0px;
}

.sidebar .menu .list a {
    color: #03a9f4;
    position: relative;
    display: inline-flex;
    vertical-align: middle;
    width: 100%;
    padding: 5px 13px!important;
}

.sidebar .menu .list a:hover > span {
    color: #f44336;
}

.sidebar .menu .list a span {
    font-size: 14px!important;
}

.sidebar.psb .menu .list a {
    color: #8BC34A !important;
}

.theme-teal .navbar.psb {
    background-color: #8BC34A !important;
}

.info-box-3.bg-green {
    background-color: #8BC34A !important;
}

.card .header.psb {
    background-color: #fff !important;
}

.header.psb button.btn.bg-green:hover {
    color: #8BC34A !important;
    background-color: #fff!important;
}

.header.psb button.psb.btn.bg-green:hover > i.material-icons {
    color: #8BC34A !important;
}

.psb.btn.bg-green {
    background-color: #8BC34A !important;
}

.psb.btn.bg-light-blue {
    background-color: #F4A461!important;
}

.header button.psb.btn.bg-light-blue:hover {
    color: #F4A461!important;
}

.nav-tabs.psb > li > a::before,
.form-group .form-line.psb::after {
    border-bottom: 2px solid #8BC34A;
}

.theme-teal .nav li a {
	color: #f44336!important;
}

.dt-buttons {
    margin-top: 10px;
}

.dataTables_wrapper .dt-buttons a.dt-button {
    margin-right: 10px;
    background-color: #4c95af;
    font-weight: 700;
    transition: .3s all;
}

.dataTables_wrapper .dt-buttons a.dt-button:hover {
    color: #4c95af;
    background-color: #f1f1f1;
}

thead {
    background-color: #4c95af;
    color: #f1f1f1;
}

th.sorting,
th.sorting_asc,
th.sorting_desc {
    text-align: center;
}

th.sorting::after {
    color: #f77a71!important;
    opacity: 1!important;
    bottom: 10px!important;
}

th.sorting_asc::after,
th.sorting_desc::after {
    bottom: 10px!important;
}

tr.odd td.sorting_1,
tr.even td.sorting_1 {
    text-align: center;
}

table.table-bordered.dataTable tbody td {
    vertical-align: 10px;
    padding: 5px 10px;

}

.modal-body b {
    letter-spacing: .5px;
}

.modal .modal-header {
    padding: 20px;
    background-color: #4c95af;
    color: #f1f1f1;
}

.modal-title {
    letter-spacing: 1px;
}

button#beli.btn.btn-link.waves-effect,
button#cari.btn.btn-link.waves-effect {
    border-color: #03a9f4;
    border-radius: 3px;
    color: #03a9f4;
}

button#beli.btn.btn-link.waves-effect:hover,
button#cari.btn.btn-link.waves-effect:hover {
    border-color: white;
    color: white;
    background-color: #03a9f4;
}

button.btn.btn-link.waves-effect {
    border-color: #f44336;
    border-radius: 3px;
    color: #f44336;
}

button.btn.btn-link.waves-effect:hover {
    border-color: white;
    color: white;
    background-color: #f44336;
}

.btn {
    padding: 4px 12px!important;
}
.form-daftar,
.form-login {
    margin-bottom: 0px!important;
}

.form-float {
    margin-bottom: 20px!important;
}

.login-page .login-box .logo {
    padding: 20px 40px;
    margin-bottom: 0px!important
}

.login-page .login-box .logo a {
    font-size: 30px;
    color: #212121;
    margin-bottom: 5px;
}

.login-page .login-box .logo small {
    color: #555;
}

.rc-anchor-normal {
    height: 74px;
    width: 280px!important;
}

.rc-anchor-logo-portrait {
    margin: 10px 0 0 8px!important;
}

.rc-anchor-normal .rc-anchor-pt {
    padding-right: 20px!important;
}

.btn:not(.btn-link):not(.btn-circle) {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1px;
}

.card .logo .link {
    font-size: 14px!important;
    display: inline!important;
    color: #3897f0!important;
}

section.konfig-daftar {
    margin: 90px 50px!important;
}