/*
  Global
*/
/* * {
  font-family: 'Roboto', sans-serif;
} */

/* Links */
a {
  text-decoration: none;
}



/* The Icons */
i {
  padding-right: .4em;
}

/* #logo_img {
  height: 1.5em;
  width: auto;
} */

#side_navbar {
  width: 250px;
  min-height: 100vh;
  max-height: 100vmax;
  overflow: hidden;
  font-size: 1.1em;
  border-right: 1px solid #000;
  /* background-color: rgba(0, 0, 0, .3); */
}

#side_navbar > ul > li > a {
  border-radius: 10px;
}

#side_navbar > ul > li > a:hover {
  border-radius: 10px;
  background-color: #2196f3;
  color:#fff;
  text-decoration: none;
}


.view-links {
    color: black;
}

.view-links:hover {
    color:#2196f3 !important;
    text-decoration: underline !important;  
    cursor: pointer;  
}

#upload_msg, #upload_warning {
    font-size: .75em;
}

input[type="file"]::file-selector-button {
    margin-right: 10px;
    padding: 10px;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.082)
}

@media (max-width: 768px) {
    /* #side_navbar {
        margin-left: -250px;
    }
    #side_navbar.active {
        margin-left: 0;
    }
    #sidebarCollapse span {
        display: none;
    } */
}




/*
  Bootstrap Select Overrides
*/
/* .bootstrap-select .no-results {
  padding: 3px;
  background: #272b30;
  margin: 0 5px;
  white-space: nowrap;
} */
/* 
input.form-control,
select.form-control,
input.form-control:focus,
.input-group > .form-select {
  background-color: #272b30 !important;
  color: #fff;
  border-color: #000;
} */

#wrapper {
    overflow-x: auto;
    width: 100%;
    min-height: 100vh;
    transition: all 0.3s;
  }

/*
  Nav Bar Stuff



#sidebar-wrapper {
  min-height: 100vh;
  margin-left: -15rem;
  -webkit-transition: margin 0.25s ease-out;
  -moz-transition: margin 0.25s ease-out;
  -o-transition: margin 0.25s ease-out;
  transition: margin 0.25s ease-out;
}

li a {
  font-size: 0.9em;
}

#sidebar-wrapper .sidebar-heading {
  padding: 0.875rem 1.25rem;
  font-size: 1.5rem;
}

#sidebar-wrapper .list-group {
  width: 15rem;
}

#page-content-wrapper {
  min-width: 100vw;
}

#wrapper.toggled #sidebar-wrapper {
  margin-left: 0;
}

@media (min-width: 768px) {
  #sidebar-wrapper {
    margin-left: 0;
  }

  #page-content-wrapper {
    min-width: 0;
    width: 100%;
  }

  #wrapper.toggled #sidebar-wrapper {
    margin-left: -15rem;
  }
}
*/

/* Tablet */
@media (min-width: 990px) {
    #navbarColor01 {
        visibility: hidden;
    }  
}


@media (max-width: 1024px) {
  #side_navbar {
    font-size: 1em;
    width: 20vw;
  }

 

}

@media (max-width: 991px) {
  #side_navbar {
    visibility: hidden;
    width: 0px;
  }


/* 
  #profile_dd {
    visibility: collapse;
    width: 50px;
  } */

  /* .dataTables_filter { display: inline; }

  .dataTables_paginate { display: none; } */
}

@media (max-width: 600px) {

  /* #side_navbar {
    visibility: hidden;
    width: 0px;
  }

  #gravatar_img {
    visibility: collapse;
    width: 50px;
  } */
/* 
  #profile_dd {
    visibility: hidden;
    width: 0%;
  } */

  /* .dataTables_filter { display: none; }

  .dataTables_paginate { display: none; } */

}