/* here you can put your own css to customize and override the theme */
:root {
	--green: #2EAE42;
	--brown: #724012;
}

.btn-green {
	background-color: var(--green);
	color: #ffffff;
}

.btn-green:hover {
	color: #ffffff;
}

body {
	background-color: white !important;
}

div.ket-progress {

	font-size: 13px !important;

}
.card-tugas {
	padding: 20px !important;
}

.card-tugas-border {
	border-radius: 5px;
}

.card-tugas-body {

}

div.card-welcome {
	padding: 50px;
}

.card-progress-keterangan {
	padding: 20px 10% 20px 15%;
}

/* BUTTON */

.btn-santos-radius {

}

.modal-tugas-content {
	border-radius: 5px !important; 
}

.modal-tugas-body {
	padding: 20px;
}

p.description {
	font-size: 12px;
	line-height: 2.0;
}

p.description-welcome {
	font-size: 12px;
	line-height: 1.5;
}

p.tugas-judul {
	font-size:20px !important; 
	margin-top: -20px !important;
	color: #858585 !important;
	font-weight: 600;
}

p.tugas-keterangan {
	font-size: 12px !important;
	line-height: 2;
}

p.kop-judul {
	font-size: 25px !important; 
	color: #555555;
	font-weight: 600 !important; 
	margin-bottom: -3px !important;
	color: #fff;
	padding: 50px 15% 50px 45%;
}

p.profile-judul {
	font-size: 25px !important; 
	color: #555555;
	font-weight: 600 !important; 
	margin-bottom: -3px !important;
}

p.profile-judul-institusi {
	margin: 0px 0px -8px 10px; 
	font-weight: 600 !important;
    color: #757575 !important;
    font-size: 14px !important;
}

p.profile-subjudul-institusi {
	margin: 0px 0px 5px 10px; 
    color: #757575 !important;
    font-size: 14px !important;
}

p.profile-deskripsi-institusi {
	margin: 0px 0px 0px 10px; 
    color: #757575 !important;
    font-size: 12px !important;
}

a.delete {
	color: #F2666F;
	font-size: 12px;
	font-weight: bold;
}

label.label-form {
	font-weight: 600 !important;
	color: #858585;
	font-size: 13px;

}

.radius-5 {
	border-radius: 5px;

}

.btn-block {
	width: 100%
}

.btn-default-radius {
	border-radius: 5px !important;
}

div.edit-profile{
	padding: 20px 15px 15px 15px !important;
}

div.list-institusi {
	border:none !important;
}

div.list-institusi-thumb {
	background: #c2e1f0 !important;
}

i.list-institusi-icon {
	font-size: 45px !important; margin: 30px 20px 20px 13px !important; color: #fff !important;
}

 {
	color: #000 !important;
}
.mt-element-step .step-line .done .mt-step-number {
	border-color: var(--brown) !important;
	color: var(--brown) !important;
}

.mt-element-step .step-line .active .mt-step-number {
	color: #ffffff !important;
	border: 5px solid var(--brown) !important;
}

.mt-step-col {
	color: #fff;
}

.mt-step-col.first .mt-step-number, .mt-element-step .step-line .done .mt-step-title:after, .mt-element-step .step-line .done .mt-step-title:before {
	background-color: var(--brown) !important;
}

.mt-element-step .step-line .active .mt-step-title:after, .mt-element-step .step-line .active .mt-step-title:before {
	background-color: var(--brown) !important;
}

.mt-element-step .step-line .done .mt-step-content, .mt-element-step .step-line .done .mt-step-title,
.mt-element-step .step-line .active .mt-step-content, .mt-element-step .step-line .active .mt-step-title,
.mt-step-title.ket-progress {
	color: #000 !important;
}


.top-header {
	background: #ffa813 !important;
}


span.brand {
	vertical-align: middle; font-size: 15pt; color: #fff; font-weight: 600;
}

.page-sidebar-menu, .page-content-wrapper {
	background: #fed780 !important;
}

.item-sidebar {
	background: white !important;
}

.btn-warning {
	background: #ffc561!important;
	border:none;
}

.btn-primary {
	background-color: #00a9f6 !important;
}

.btn.blue:not(.btn-outline) {
	color: #FFF;
	background-color: #00a9f6 !important;
	border-color: #00a9f6 !important;
}

.btn.yellow:not(.btn-outline) {
	color: #FFF;
	background-color: #fea912 !important;
	border-color: #fea912!important;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a, .page-sidebar .page-sidebar-menu > li.active > a, .page-sidebar .page-sidebar-menu > li.active.open > a {
	background: #00a9f6 !important;
}

div.light {
	border-radius:8px !important;
}

.no-padding {
	padding: 0px !important;
}

.kop-tracking-tes {
  background: #A61400 !important; 
  border-top-right-radius:8px !important; 
  border-top-left-radius:8px !important; 
/*  background-size: 400px !important; ;*/
  background-position: left !important; 
  background-repeat: no-repeat !important;
  background-image: url(/img/logo-step.png) !important;
}

.kop-tracking-interview {
  background: #A61400 !important; 
  border-top-right-radius:8px !important; 
  border-top-left-radius:8px !important; 
/*  background-size: 400px !important; ;*/
  background-position: left !important; 
  background-repeat: no-repeat !important;
  background-image: url(/img/logo-step.png) !important;
}

.kop-tracking-offering {
  background: #A61400 !important; 
  border-top-right-radius:8px !important; 
  border-top-left-radius:8px !important; 
/*  background-size: 400px !important; ;*/
  background-position: left !important; 
  background-repeat: no-repeat !important;
  background-image: url(/img/logo-step.png) !important;
}

.kop-tracking-medical {
  background: #A61400 !important; 
  border-top-right-radius:8px !important; 
  border-top-left-radius:8px !important; 
/*  background-size: 400px !important; ;*/
  background-position: left !important; 
  background-repeat: no-repeat !important;
  background-image: url(/img/logo-step.png) !important;
}

.judul-signup {
	padding-left:25px;
	padding-bottom:20px;
}

.link-signin {
	color: #a0a9b4;
	font-size: 15px;
}

.grey-text {
	color: #a0a9b4 !important;
}

.login-content {
	margin-top: 75px !important;
}

.font-blue-sja {
	color: #11cbe1 !important;

}