:root {
    --brand-color: #013755;
}

.content {
    margin: 50px;
}

body {
    background-color: #f4f6f9;
    font-family: Nunito,sans-serif;
}


.btn-egv {
    background-color: #84b4bd;
    color: #fff;    
}

.navbar {
    background-color: var(--brand-color);

}

.btn-egv:hover {
    color: #fff;
    background-color: #5a9ba7;
}


.btn-primary {
    background-color: var(--brand-color);
    border-color: var(--brand-color);
}

.side-wrapper {
    position: relative;
    height: calc(100vh);
    overflow: auto;
    width: 200px;
    z-index: 4;
    float: left;
    background-color: #343a40;
   
    box-shadow: 0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22) !important
}

.box {
    background-color: #fff; 
    padding: 25px;
}


.no-padding-box, .box {
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);
    margin-bottom: 25px;
    z-index: 10;
}

.headline {
    font-size: 19px;
    padding-bottom: 20px;
}

.main-container {
    padding-top: 65px;
    float: left;
    width: calc(100% - 200px); 
    padding: 50px 50px 0 50px;
}

#ImportForm {
    width: 100%;
}


.navbar-nav {
    margin: 0 auto;
    padding-top: 155px;
    
}
.navbar-nav li {
    padding-bottom: 25px;
}


.navbar-nav a {
    color: #fff;
    font-size: 13px;
}

.hide-btn {
    height: 40px;
    width: 15px;
    float: left;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 191px;
    background-color: #343a40;
    border-radius: 0 3px 3px 0;
    color: #fff;
}


.hide-btn i {
    padding-top: 12px;
}

.nav-title {
     font-size: 12px;
}

.padding-btm {
    margin-bottom: 15px;
}

/** Searchbar**/
.searchbar-center, .searchbar-left, .searchbar-right {
   /* padding-left: 0px;
    padding-right: 0px;*/
}


#SearchForm .category-select {
    border-radius: 0;
}


select {
      background: url(/img/arrow_down.png) no-repeat right #b5b5b5;
      background-position-x: 95%;
      -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    
}

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

.radius-right {
    border-radius: 0 5px 5px 0 !important;
}



.wrapper {
    display: flex;
    align-items: stretch;
}



/* Shrinking the sidebar from 250px to 80px and center aligining its content*/
#sidebar.active {
  //  min-width: 80px;
  //  max-width: 80px;
    text-align: center;
}

/* Toggling the sidebar header content, hide the big heading [h3] and showing the small heading [strong] and vice versa*/
#sidebar .sidebar-header strong {
    display: none;
}
#sidebar.active .sidebar-header h3 {
    display: none;
}
#sidebar.active .sidebar-header strong {
    display: block;
}

#sidebar ul li a {
    text-align: left;
}

#sidebar.active ul li a {
    padding: 20px 10px;
    text-align: center;
    font-size: 0.85em;
}

#sidebar.active ul li a i {
    margin-right:  0;
    display: block;
    font-size: 1.8em;
    margin-bottom: 5px;
}

/* Same dropdown links padding*/
#sidebar.active ul ul a {
    padding: 10px !important;
}

/* Changing the arrow position to bottom center position, 
   translateX(50%) works with right: 50% 
   to accurately  center the arrow */
#sidebar.active .dropdown-toggle::after {
    top: auto;
    bottom: 10px;
    right: 50%;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
}


@media (max-width: 768px) {
    /* 80px and its content aligned to centre. Pushing it off the screen with the
       negative left margin
    */
    #sidebar.active {
        min-width: 80px;
        max-width: 80px;
        text-align: center;
        margin-left: -80px !important;
    }


    /* Reappearing the sidebar on toggle button click */
    #sidebar {
        margin-left: 0; 
    }


    /* Toggling the sidebar header content, 
       hide the big heading [h3] and showing the small heading [strong] and vice versa
    */
    #sidebar .sidebar-header strong {
        display: none;
    }
    #sidebar.active .sidebar-header h3 {
        display: none;
    }
    #sidebar.active .sidebar-header strong {
        display: block;
    }

    /* Downsize the navigation links font size */
    #sidebar.active ul li a {
        padding: 20px 10px;
        font-size: 0.85em;
    }

    #sidebar.active ul li a i {
        margin-right:  0;
        display: block;
        font-size: 1.8em;
        margin-bottom: 5px;
    }

    /* Adjust the dropdown links padding*/
    #sidebar.active ul ul a {
        padding: 10px !important;
    }

    /* Changing the arrow position to bottom center position, 
      translateX(50%) works with right: 50% 
      to accurately  center the arrow */
    .dropdown-toggle::after {
        top: auto;
        bottom: 10px;
        right: 50%;
        -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
        transform: translateX(50%);
    }
}

#mapid {
    height: calc(100vh - 226px);
    width: 100%;
    z-index: 10;
}


.ui-menu {
    z-index: 100;
}

.ui.icon {
    width: 100%;
}

.ui.category.search .results, .ui.search .results {
    width: 100%;
}

.ui.category.search .results .content, .ui.search .results .content {
    margin: 5px !important;
}

.map-box {
    padding-left: 0px;
}


/***   HEALTHREGISTER-RESULTS   ***/


.healthregister-header-image {
    width: 100%;
}



.result-info {
    color: #6c757d;
    font-size: 14px;   

}



.no-result {
    font-style: italic;
    text-align: center;
    padding-top: 50%;
}

.legend i {
    width: 18px;
    height: 18px;
    float: left;
    margin-right: 8px;
    opacity: 0.7;
}

.ui.input > input {
    flex: 1 !important;
}



.result-services .badge {
    font-size: 12px;
}


.chart-box {
    background-color: #fff;
    padding: 10px;
}


/*** FADE IN ***/
.fade-in {
  animation: fadeIn ease 3s;
  -webkit-animation: fadeIn ease 3s;
  -moz-animation: fadeIn ease 3s;
  -o-animation: fadeIn ease 3s;
  -ms-animation: fadeIn ease 3s;
}@keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-o-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-ms-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
}