.bb-shadow {
    border-bottom: 1px solid #DDDDDD;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.04);
}

body {
     /* padding-bottom : 30px; */
     color: #555;
     font-weight: 300;
}
h1 {
     color: #444;
}
p {
     color: #444;
}

.bg-gray {
    background-color: #f4f7fe;
    color: #444;
}

.menu-icon {
   /* align-self: center;*/
    position: relative;
}
.menu-icon:after, .menu-icon:before {
     position: absolute;
}
.menu-icon, .menu-icon:after, .menu-icon:before {
    background: #495057;
    border-radius: 1px;
    content: "";
    cursor: pointer;
    display: block;
    height: 3px;
   /* transition: background .1s ease-in-out, color .1s ease-in-out, width .1s ease-in-out;*/
    width: 24px;
    margin: auto;
    left: 0px;
    right: 0px;
}
.menu-icon:before {
    top: -7.5px;
    transition: width .2s ease-in-out;
 }
.menu-icon:after {
    bottom: -7.5px;
    transition: width .2s ease-in-out .1s;
 }
 .menu-toggle {
      cursor: pointer;
      height: 26px;
      width: 26px;
      display: flex;
}
/*.menu-toggle:hover .menu-icon, .menu-toggle:hover .menu-icon:before, .menu-toggle:hover .menu-icon:after  {
      background: #0cc2aa;
}*/
.menu-toggle:hover .menu-icon:before, .menu-toggle:hover .menu-icon:after {
     width: 50%;
}



/* testing icon plus */
.plus-toggle {
     cursor: pointer;
     height: 24px;
     width: 24px;
     display: flex;
}
.plus-icon, .plus-icon:after {
    border-radius: 1px;
    content: "";
    cursor: pointer;
    display: block;
    height: 2px;
   /* transition: background .1s ease-in-out, color .1s ease-in-out, width .1s ease-in-out;*/
    width: 14px;
    margin: auto;
    left: 0px;
    right: 0px;
}
.plus-icon {
     background: #495057;
    position: relative;
}
 .plus-icon:after {
     background: inherit;
     position: absolute;
     transition: transform .2s ease-in-out .1s;
 }
 .collapsed .plus-toggle .plus-icon:after {
      transform: rotate(90deg);
}
.bg-primary .plus-toggle .plus-icon,
.bg-secondary .plus-toggle .plus-icon,
.bg-danger .plus-toggle .plus-icon {
     background: #fffc !important;
}


.bg-primary {
     background-color: hsl(210, 90%, 70%) !important; /* #6eb2f7 */
}
.btn-primary {
     background-color: hsl(210, 90%, 65%); /* #55a6f6 */
}
/*.btn {
     border-color: #0000001a;
}*/

.btn-group-xs > .btn, .btn-xs {
    padding: .25rem .35rem;
    font-size: .575rem;
    line-height: 1.4;
}


.custom-file-input:lang(en) ~ .custom-file-label::after {
    content: "Pilih file";
}
.custom-file-label {
     overflow: hidden;
}

.inside {
     list-style-position: inside;
}

#map-canvas {
     height: 400px;
}

.row-list {
     border-top: 1px solid #d8d8d8;
     padding: 1em 0;
}
.row-list:hover {
     background-color: #f7f7f7;
}
.row-list:first-child {
    border-top-color: #00000000;
}
.row-list:last-child {
    border-bottom: 1px solid #00000000;
}
.row-list:first-child:hover, .row-list:last-child:hover {
    border-color: #d8d8d8;
}

.nav-link {
     outline: none;
}

.peserta:nth-child(2n+1) {
    background: #f0f0f0;
}

.kontrolku input[type="button"], .kontrolku input[type="text"], .kontrolku select {
	font-size: 12px;
	height: 32px;
	padding: 5px 10px;
	border-radius: 0px;
	border: 1px solid gray;
	vertical-align: bottom;
}
.kontrolku select {
	background-color: white;
}
.cekku label {
  font-size: 14px;
}
.cekku input[type="checkbox"] {
	margin-left: 5px;
}
.diterima {
	background-color: #f5fff5
}

.kartu {
  min-width: 200px;
  background-color: black;
  border-radius: 5px;
  overflow: hidden;
  text-align: center;
	border: 1px solid black;
}
input[type="color"] {
	vertical-align: middle;
}