@font-face {
	font-family: 'Oswald';
	src: url(../fonts/Oswald-Regular.ttf);
}
@font-face {
	font-family: 'JuanitaBrushSmooth';
	src: url(../fonts/JuanitaBrushSmooth.ttf);
}
@media (min-width: 576px){
	.container{
		max-width: 650px
	}
}
@media (min-width: 768px){
	.container{
		max-width: 830px
	}
}
@media (min-width: 992px){
	.container{
		max-width: 1070px
	}
}
@media (min-width: 1200px){
	.container{
		max-width: 1250px
	}
}
body {
	font-family: "Oswald";
	font-size: 1rem;
	color: #545454;
}
.popover {
	font-family: "Oswald";
}
.bg-dark {
	background-color: #ef5550 !important;
	box-shadow: #505050 0px 1px 10px;
}
.navbar-dark .navbar-brand {
	color: #fff;
	font-weight: 900;
	font-size: 25px;
}
/* .navbar-dark img {
	max-width: 28px;
	margin-right: 10px;
} */
.navbar-dark .navbar-nav .nav-link {
	color: #fff;
}
.navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
	color: #fff;
}
.navbar-brand {
	padding-top: 0;
	padding-bottom: 0;
}
.dropdown-menu {
	top: 113%;
	padding: .3rem 0;
	border-radius: 0;
}
.dropdown-item {
	color: #545454;
}
/* .btn {
	border-radius: 0;
} */
.popover {
	border-radius: 0;
	box-shadow: #77777761 0px 0px 10px;
}
.popover-header {
	text-align: center;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
	padding-right: 8px;
	padding-left: 8px;
}

/* custom button */
.btn-success {
	color: #fff;
	background-color: #53af34;
	border-color: #53af34;
}

.btn-success:hover {
	color: #fff;
	background-color: #218838;
	border-color: #1e7e34;
}

.btn-success:focus, .btn-success.focus {
	box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-success.disabled, .btn-success:disabled {
	color: #fff;
	background-color: #53af34;
	border-color: #53af34;
}

.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
	color: #fff;
	background-color: #1e7e34;
	border-color: #1c7430;
}

.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-info {
	color: #fff;
	background-color: #17a2b8;
	border-color: #17a2b8;
}

.btn-info:hover {
	color: #fff;
	background-color: #138496;
	border-color: #117a8b;
}

.btn-info:focus, .btn-info.focus {
	box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-info.disabled, .btn-info:disabled {
	color: #fff;
	background-color: #17a2b8;
	border-color: #17a2b8;
}

.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
	color: #fff;
	background-color: #117a8b;
	border-color: #10707f;
}

.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-warning {
	color: #212529;
	background-color: #ffc107;
	border-color: #ffc107;
}

.btn-warning:hover {
	color: #212529;
	background-color: #e0a800;
	border-color: #d39e00;
}

.btn-warning:focus, .btn-warning.focus {
	box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-warning.disabled, .btn-warning:disabled {
	color: #212529;
	background-color: #ffc107;
	border-color: #ffc107;
}

.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
	color: #212529;
	background-color: #d39e00;
	border-color: #c69500;
}

.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-warning.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-danger {
	color: #fff;
	background-color: #e2416a;
	border-color: #e2416a;
}

.btn-danger:hover {
	color: #fff;
	background-color: #c82333;
	border-color: #bd2130;
}

.btn-danger:focus, .btn-danger.focus {
	box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-danger.disabled, .btn-danger:disabled {
	color: #fff;
	background-color: #e2416a;
	border-color: #e2416a;
}

.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
	color: #fff;
	background-color: #bd2130;
	border-color: #b21f2d;
}

.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
/* custom button */

/* index_v css */
#msg_maklumbalas {
	color: #dc3545;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
#msg_maklumbalas a {
	color: #dc3545;
	text-decoration: underline;
}
.card {
	/* background-color: #51608a; */
	background: #788ec9 ; /*Old browsers*/
	background: -moz-linear-gradient(left, #788ec9  0%, #d4afc6  100%); /*FF3.6-15*/
	background: -webkit-linear-gradient(left, #788ec9  0%,#d4afc6  100%); /*Chrome10-25,Safari5.1-6*/
	background: linear-gradient(to right, #788ec9  0%,#d4afc6  100%); /*W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+*/
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#788ec9 ', endColorstr='#d4afc6 ',GradientType=1 ); /*IE6-9*/
}
.card-body {
	background-color: #fff;
	color: #545454;
	border-bottom: 1px solid #51608a;
}
.card-body a:hover {
	/* color: #f44336; */
	color: #51608a;
}
.accordion a {
	color: #757575;
}
.card-header a {
	color: #fff;
}
.accordion [data-toggle="collapse"]:after {
	color: #fff;
}
/* index_v css */

/* profil_v css */
.profil.card {
	/* background-color: #8c759f; */
	background: #8c759f; /* Old browsers */
	background: -moz-linear-gradient(left, #8c759f 0%, #b89ece 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #8c759f 0%,#b89ece 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #8c759f 0%,#b89ece 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c759f', endColorstr='#b89ece',GradientType=1 ); /* IE6-9 */
}
.profil .card-body {
	border-bottom: 1px solid #8c759f;
}
#profil {
	color: #8c759f;
}
.profil-top {
	padding: 5px 20px;
	background-color: #8c759f;
	color: #fff;
}
.profil-top h5 {
	margin-bottom: 0;
}
.profil-top hr {
	background-color: #fff;
	margin-top: 10px;
	margin-bottom: 10px;
}
.profil-bottom {
	padding: 5px 13px;
	background-color: #8c759f;
	color: #fff;
}
.profil-bottom h5 {
	margin-bottom: 0;
}
.profil-bottom .badge {
	position: relative;
	background-color: #fff;
	color: #8c759f;
	border-radius: 50%;
	width: 28px;
	height: 28px;
	padding-top: 8px;
	top: -3px;
}
.profil-bottom h5>.badge {
	width: 32px;
	height: 32px;
	top: -4px;
}
.profil-bottom .row {
	margin: 0 -8px;
}
.profil-bottom.penerbitan .row {
	margin: 3px -8px;
}
#penerbitan td, #penerbitan th {
	padding: 3px 15px;
}
#ewarga .table-light td, #ewarga .table-light th, #penerbitan .table-light td, #penerbitan .table-light th {
	background-color: #f5f5f5;
}
/* profil_v css */

/* sen_fav_v css */
.fungsi_fav .badge {
	color: #ff8660;
}
.fav.card {
	/* background-color: #00887a; */
	background: #788ec9 ; /*Old browsers*/
	background: -moz-linear-gradient(left, #788ec9  0%, #d4afc6  100%); /*FF3.6-15*/
	background: -webkit-linear-gradient(left, #788ec9  0%,#d4afc6  100%); /*Chrome10-25,Safari5.1-6*/
	background: linear-gradient(to right, #788ec9  0%,#d4afc6  100%); /*W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+*/
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#788ec9 ', endColorstr='#d4afc6 ',GradientType=1 ); /*IE6-9*/
}
.fav .card-body {
	border-bottom: 1px solid #788ec9;
}
/* sen_fav_v css */

/* sen_sistem_v css */
.fungsi .badge {
	color: #ff8660;
}
/* sen_sistem_v css */