body {
	    font-family: 'gotham-light';
	}
	.auth .login-half-bg{
		background: url(https://disposisi.smktexmacokarawang.sch.id/assets/admin/images/bg-login.png) !important;
	}
	.breadcrumb.breadcrumb-custom .breadcrumb-item {
	    background: #205373;
	}
	
	.breadcrumb.breadcrumb-custom .breadcrumb-item a {
	    border: 1px solid #205373;
	    color: #fff;
	}
	
	.breadcrumb.breadcrumb-custom .breadcrumb-item a:before {
	    border-left-color: #25668f;
	    right: -23px;
	}
	
	.breadcrumb.breadcrumb-custom .breadcrumb-item a:after {
	    border-left: #25668f;
	}
	
	.navbar.default-layout-navbar .navbar-brand-wrapper .navbar-brand img {
	    height: 100%;
	}
	
	.navbar.default-layout-navbar .navbar-brand-wrapper {
	    background: #205373;
	}
	
	.navbar.default-layout-navbar.navbar-info .navbar-menu-wrapper {
	    background: #25668f;
	}
	
	.form-control {
	    padding: 10px !important;
	    border: 2px solid #eee;
	}
	
	.select2-container--default .select2-selection--single {
	    min-height: 40px;
	    border: 2px solid #eee;
	    padding: 11px;
	}
	
	.select2-container--default .select2-selection--single .select2-selection__arrow {
	    top: 7px;
	}
	
	.navbar.default-layout-navbar .navbar-brand-wrapper .navbar-brand img {
	    height: 100%;
	}
	
	.jarak-menu {
	    padding: 10px 15px;
	}
	
	a {
	    color: #205373;
	    transition-property: border, background, color;
	    transition-duration: .05s;
	    transition-timing-function: ease-in-out;
	    text-decoration: none !important;
	}
	
	.form-group label {
	    margin-bottom: 10px;
	}
	
	.dataTables_wrapper .dataTable .btn,
	.dataTables_wrapper .dataTable .fc button,
	.fc .dataTables_wrapper .dataTable button,
	.dataTables_wrapper .dataTable .ajax-upload-dragdrop .ajax-file-upload,
	.ajax-upload-dragdrop .dataTables_wrapper .dataTable .ajax-file-upload,
	.dataTables_wrapper .dataTable .swal2-modal .swal2-buttonswrapper .swal2-styled,
	.swal2-modal .swal2-buttonswrapper .dataTables_wrapper .dataTable .swal2-styled,
	.dataTables_wrapper .dataTable .wizard>.actions a,
	.wizard>.actions .dataTables_wrapper .dataTable a {
	    padding: 8px 10px 8px 10px;
	}
	
	.over-height {
	    overflow-y: scroll;
	    height: 214px;
	}
	
	#style-3::-webkit-scrollbar-track {
	    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	    background-color: #F5F5F5;
	}
	
	#style-3::-webkit-scrollbar {
	    width: 6px;
	    background-color: #F5F5F5;
	}
	
	#style-3::-webkit-scrollbar-thumb {
	    background-color: #000000;
	}
	
	.card-body-0 {
	    padding: 0px;
	}
	
	.font-18 {
	    font-size: 16px;
	    color: #82878c;
	    speak: none;
	    display: inline-block;
	    position: relative;
	    -webkit-font-smoothing: antialiased;
	    -moz-osx-font-smoothing: grayscale;
	    text-decoration: none!important;
	    vertical-align: top;
	}
	
	.font-14 {
	    font-size: 14px;
	}
	
	.auth form .auth-form-btn {
	    line-height: 1;
	}
	
	.font-menu {
	    font-size: 1rem !important;
	    color: #9b9b9b !important;
	}
	
	.accordion .card {
	    background: #eee;
	    border-radius: 5px;
	}
	
	.accordion-width {
	    width: 400px;
	}
	
	.text-none {
	    text-decoration: none !important;
	}
	
	.modalDialog {
	    position: fixed;
	    top: 0;
	    right: 0;
	    bottom: 0;
	    left: 0;
	    background: rgba(0, 0, 0, 0.8);
	    z-index: 99;
	    opacity: 0;
	    -webkit-transition: opacity 100ms ease-in;
	    -moz-transition: opacity 100ms ease-in;
	    transition: opacity 100ms ease-in;
	    pointer-events: none;
	}
	/* font */
	
	.mb-20 {
	    margin-bottom: 20px;
	}
	
	.wizard>.steps .current a:active {
	    background: #a61f23;
	}
	
	.wizard>.steps .done a:hover {
	    background: #a61f23;
	}
	
	#scrool {
	    height: 100%;
	    padding: 1em;
	    overflow-y: scroll;
	}
	
	.modalDialog:target {
	    opacity: 1;
	    pointer-events: auto;
	}
	
	.wizard>.content>.body {
	    height: 345px;
	}
	
	.modalDialog>div {
	    max-width: 70%;
	    width: 100%;
	    position: relative;
	    margin: 10% auto;
	    padding: 20px;
	    border-radius: 3px;
	    background: #fff;
	    margin-top: 10px;
	    overflow: scroll;
	}
	
	.close {
	    background: #a61f22;
	    color: #fff;
	    line-height: 25px;
	    position: absolute;
	    right: -10px;
	    text-align: center;
	    top: -10px;
	    width: 34px;
	    height: 34px;
	    text-decoration: none;
	    font-weight: bold;
	    -webkit-border-radius: 50%;
	    -moz-border-radius: 50%;
	    border-radius: 50%;
	    -moz-box-shadow: 1px 1px 3px #000;
	    -webkit-box-shadow: 1px 1px 3px #000;
	    box-shadow: 1px 1px 3px #000;
	    padding-top: 5px;
	}
	
	.close:hover {
	    background: #fa3f6f;
	}
	
	.aktif {
	    border-radius: 50%;
	}
	
	.tombol {
	    color: #fff;
	    background-color: #535961;
	}
	
	.tombol:hover {
	    background-color: #101010;
	}
	
	.color-login {
	    color: #535961;
	}
	
	.color-daftar {
	    color: #a61f23;
	    font-weight: 100;
	}
	
	.navbar.default-layout-navbar.navbar-info .navbar-menu-wrapper {
	    background: #25668f;
	}
	
	.wizard>.content>.body {
	    width: 98% !important;
	}
	
	.button-agenda {
	    border-radius: .625rem;
	    padding: .6875rem 1.25rem;
	    padding-right: 1.25rem;
	    padding-left: 1.25rem;
	    letter-spacing: .0375rem;
	    text-align: center;
	    font-style: normal;
	    background: #a61f23;
	    color: #fafafa;
	    text-transform: uppercase;
	    width: 100%;
	}
	
	.button-agenda:hover {
	    border: 1px solid #a61f23;
	    color: #a61f23;
	    background: none;
	}
	
	.wizard>.content {
	    overflow: none !important;
	    height: auto !important;
	    padding: 10px !important;
	    border: none !important;
	}
	
	.font-member {
	    max-height: 100px;
	    cursor: pointer;
	}
	
	.wizard>.steps .current a {
	    background: #a61f23;
	    color: #ffffff;
	    cursor: default;
	}
	
	.btn-primary,
	.navbar.default-layout-navbar.navbar-primary .navbar-menu-wrapper .navbar-nav .nav-item .nav-link .btn-primary,
	.wizard>.actions a {
	    background: #a61f23;
	    color: #ffffff;
	}
	
	.btn-primary:hover,
	.navbar.default-layout-navbar.navbar-primary .navbar-menu-wrapper .navbar-nav .nav-item .nav-link .btn-primary:hover,
	.wizard>.actions a:hover {
	    background: #0C4061;
	    color: #ffffff;
	}
	
	.wizard>.steps .current a:hover {
	    background: #e74c3c;
	    color: #ffffff;
	    cursor: default;
	}
	
	.wizard>.steps .done a {
	    background: #e74c3c;
	    color: #ffffff;
	}
	
	.sidebar .nav .nav-item.active>.nav-link i,
	.sidebar .nav .nav-item.active>.nav-link .menu-title,
	.sidebar .nav .nav-item.active>.nav-link .menu-arrow {
	    color: #205373;
	}
	
	.btn-primary {
	    background: #205373;
	}
	
	.text-primary {
	    color: #205373 !important;
	}
	
	@media only screen and (max-width: 600px) {
	    .res-angka {
	        margin-top: 0px !important;
	    }
	    .text-respon {
	        font-size: 11px;
	    }
	    .modalDialog>div {
	        width: 100% !important;
	        max-width: 100% !important;
	    }
	    .wizard>.content>.body {
	        position: relative !important;
	    }
	    .text-font {
	        font-size: 12px !important;
	        max-width: 150px;
	    }
	    .button-agenda {
	        font-size: 14px;
	        max-width: 200px;
	    }
	    .wizard>.content>.body {
	        height: 500px;
	    }
	    .text-icon {
	        font-size: 40px !important;
	    }
	    .wizard>.steps a {
	        width: 98%;
	        margin: 1px;
	        padding: 10px;
	    }
	}
	
	.text-black-50 {
	    font-size: 14px;
	}
	
	.font-weight-bold {
	    font-weight: 700!important;
	}
	
	.display-4 {
	    font-size: 1.7rem;
	}
	
	.btn-outline-success:hover {
	    background: #ffffff;
	    border: 2px solid #FFFF;
	    color: #205373 !important;
	}
	
	.btn-outline-success {
	    color: #fff !important;
	    font-weight: bold;
	    border: 2px solid #fff;
	}
	
	.card.card.card-menu {
	    background: linear-gradient(85deg, #205373, #2f6c93)!important;
	    color: #fff !important;
	}
	
	.font-white {
	    color: #fff !important;
	}
	
	.font-menu-icon {
	    font-size: 16px;
	    color: #fff !important;
	    speak: none;
	    display: inline-block;
	    position: relative;
	    -webkit-font-smoothing: antialiased;
	    -moz-osx-font-smoothing: grayscale;
	    text-decoration: none!important;
	    vertical-align: top;
	}
	
	.card.card-statistics {
	    background: linear-gradient(85deg, #205373, #4a85a9)!important;
	}