.collapsed i.fa-plus {
    display: inline-block;
}
.collapsed i.fa-times {
    display: none;
}
i.fa-plus {
    display: none;
}
i.fa-times {
    display: inline-block;
}
.collapse ul.left-side-navbar {
    padding-left: 0 !important;
}
.collapse ul.left-side-navbar li {
    padding-left: 2rem !important;
}
.collapse .left-side-navbar li:active {
    background-color: #243C7D;
}
.collapse .left-side-navbar a:active {
    color: white !important;
}

.download-btn {
    height: 35px;
    width: 150px;
    transition: 0.3s;
}
.download-btn:hover {
    font-size: 16px;
    background-color: #AF6C29;
}

a.badge.text-kayumanggi:hover {
    cursor: pointer;
    color: #AF6C29;
}
a.badge.bg-kayumanggi:hover {
    cursor: pointer;
    color: white;
}

.map-tab {
  overflow: hidden;
}
.map-tab button {
  color: #222930;
  background-color: #d9d9d9;
  width: 200px;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
}
.map-tab button:hover {
  background-color: #bbb;
}
.map-tab button.active {
  background-color: #243C7D;
  color: white;
}
.tabcontent {
  display: none;
}

.tabcontent li a {
    color: #AF6C29 !important;
    text-decoration: underline;
}
.tabcontent li a:hover,
.tabcontent li a:active {
    color: #243C7D !important;
}

.map { height: 600px; }
.marker-pin {
  width: 20px;
  height: 20px;
  border-radius: 50% 50% 50% 0;
  background: #AF6C29;
  position: absolute;
  transform: rotate(-45deg);
  left: 50%;
  top: 50%;
  margin: -15px 0 0 -15px;
}
.marker-pin::after {
    content: '';
    width: 10px;
    height: 10px;
    margin: 4.5px 0 0 4.5px;
    background: #fff;
    position: absolute;
    border-radius: 50%;
 }

 .map-tab-justify {
    justify-content: space-evenly;
}
.map-results-col {
    flex: 0 0 auto;
    width: 41.66666667%;
}
.map-col {
    flex: 0 0 auto;
    width: 58.33333333%;
}
.map-my {
    margin-top: 3rem;
    margin-bottom: 3rem;
}


#awardees-main-my {
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.search-bar-col {
    flex: 0 0 auto;
    width: 75%;
}


.awardee-thumb-col, .awardee-detail-col {
    flex: 0 0 auto;
    width: 50%;
}
.video-catalog-col {
    flex: 0 0 auto;
    width: 50%;
}

@media (max-width: 425px) {
    .map-my {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
    .map-tab-justify {
        flex-direction: column;
        width: 100%;
    }
    .map-tab-justify .tablinks {
        width: 100%;
        margin-bottom: 1em;
    }
    .mobile-direction-reverse {
        flex-direction: column-reverse;
    }
    .map-results-col {
        flex: 0 0 auto;
        width: 100%;
    }
    .map-col {
        flex: 0 0 auto;
        width: 100%;
        padding: 0;
    }
    .map-results {
        margin-top: 1.5rem;
        height: 100%;
    }

    #awardees-main-my {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    .search-bar-col {
        flex: 0 0 auto;
        width: 95%;
        flex-direction: column;
    }
    .catalog-search {
        width: 100%;
        margin: 0;
        padding: 0;
    }
    #search-bar {
        width: 100%;
    }
    
    .awardee-thumb-col, .awardee-detail-col {
        flex: 0 0 auto;
        width: 100%;
    }

    .video-catalog-col {
        flex: 0 0 auto;
        width: 100%;
    }
}