.btn-green{
  background-color: #065844;
  color: white;
}

/* input:required {
  background-color: red;
} */

.footer {
  width: 100%;
  height: 5%;
  background: ;
  position: relative;
  bottom: 0;
}

@media print {
  .no-printme {
    display: none;
  }

  .printableArea {
    display: block;
  }
}


body,
html {
  height: 100%
}

body {
  -ms-overflow-style: none;
  /* Hide scrollbar for IE and Edge */
}

/* Hide scrollbar for Chrome, Safari and Opera */
body::-webkit-scrollbar {
  display: none;
}

html {
  font-size: 1rem;
  scroll-behavior: smooth;
}

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

/* a:hover { */
  /* text-decoration: underline; */
  /* color: white; */
/* } */

i {
  padding: 5px;
  color: #C0C0C0;
}

@media only screen and (max-width: 600px) {
  .footer {
    ;
    font-size: 65%;
  }
}

/* // Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
  html{
    font-size: 65%
  }
}

/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px)  {
  html{
    font-size: 65%
  }
}

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px)  {
  html{
    font-size: 75%
  }
}

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px)  {
  html{
    font-size: 85%
  }
}

/* // Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px)  {
  html{
    font-size: 95%
  }
}

body {
  overflow-x: hidden;
}

#wrapper {
  max-width: 100vw;
}

#sidebar-wrapper {
  min-height: 100vh;
  margin-left: 0rem;
  -webkit-transition: margin .25s ease;
  -moz-transition: margin .25s ease;
  -o-transition: margin .25s ease;
  transition: margin .25s ease;
}

/* #sidebar-wrapper .sidebar-heading {
  padding: 0.875rem 1rem;
  font-size: 1.2rem;
} */

#sidebar-wrapper .list-group {
  /* transition: .05s ease; */
  width: 15rem;

}

#sidebar-wrapper .list-group span {
  display: inline;
  color: #C0C0C0;
  transition: .25s ease;
}

#page-content-wrapper {
  min-width: 0vw;
  width: 100%;
  /* background-color: #484848; */
  /* background-color: #f7f7f7; */
  background-color: #C2D2CA;
  /* background: url('./img/eye.png')no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; */
}

.center_div{
    margin: 0 auto;
    width:80% /* value of your choice which suits your alignment */
}

.card {
  /* background-color: #292b2c; */
  /* color: 	#f7f7f7; */
  overflow: visible;
  min-height: 100%
}

.card.border{
  background: blue;
}

table {
  /* color: #f7f7f7; */
  transition: .25s ease;
}

.btn-group {
  /* color: #f7f7f7; */
  transition: .25s ease;
}

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

#pageSubmenu a {
    /* padding: 20px 10px; */
    padding-left: 2rem;
    /* text-align: center; */
    font-size: 0.75em;
}
/* EVERYTIME YOU ADD A NEW FUCKING DROPDOWN TO MAKE SURE ITS SMALL AS FUCK LIKE THE OTHERS YOU DO THIS SHIT BELOW  */
/* .WHATEVERTHEFUCK IS CLASSES AND #WHATEVERTHEFUCK IS IDS DEALS WITH THE DOM - MANIPULATE THAT SHIT */
.submenu a {
    /* padding: 20px 10px; */
    padding-left: 2rem;
    /* text-align: center; */
    font-size: 0.75em;
}


  #wrapper.toggled #page-content-wrapper {
    /* min-width: 100vw; */
    width: 100%;
  }

  #wrapper.toggled #sidebar-wrapper {
    /* margin-left: -15rem; */
    margin-left: 0rem;
    -webkit-transition: margin .25s ease;
    -moz-transition: margin .25s ease;
    -o-transition: margin .25s ease;
    transition: margin .25s ease;
  }

  #wrapper.toggled #sidebar-wrapper .list-group {
    transition: .25s ease;
    width: 5rem;
    /* padding: 0rem; */
    text-align: center;
  }

  #wrapper.toggled #sidebar-wrapper .list-group-item {
    /* padding: .5rem .25rem; */
    text-align: center;
  }

  /* #wrapper.toggled #sidebar-wrapper form {
    transition: .25s ease;
    display: none;
  } */

  #wrapper.toggled #sidebar-wrapper .sidebar-heading {
    /* transition: margin .25s ease; */
    /* height: 3.55rem; */
    width: 5rem;
    /* text-align: center; */
    /* padding: 15px; */
  }

  #sidebar-wrapper .sidebar-heading {
    /* transition: margin .25s ease; */
    height: 3.55rem;
    text-align: center;
    padding: 5px;
  }

  #wrapper.toggled #sidebar-wrapper .list-group span {
    display: none;
  }
/* } */


/*!
 * Start Bootstrap - Simple Sidebar (https://startbootstrap.com/template-overviews/simple-sidebar)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-simple-sidebar/blob/master/LICENSE)
 */

 /* connorsshit */
 .fade-in {
     /* margin-top: 25px; */
     /* font-size: 21px; */
     /* text-align: center; */

     -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
        -moz-animation: fadein 2s; /* Firefox < 16 */
         -ms-animation: fadein 2s; /* Internet Explorer */
          -o-animation: fadein 2s; /* Opera < 12.1 */
             animation: fadein 2s;
 }

 .fade-in-fast {
     /* margin-top: 25px; */
     /* font-size: 21px; */
     /* text-align: center; */

     -webkit-animation: fadein 0.5s; /* Safari, Chrome and Opera > 12.1 */
        -moz-animation: fadein 0.5s; /* Firefox < 16 */
         -ms-animation: fadein 0.5s; /* Internet Explorer */
          -o-animation: fadein 0.5s; /* Opera < 12.1 */
             animation: fadein 0.5s;
 }

 @keyframes fadein {
     from { opacity: 0; }
     to   { opacity: 1; }
 }

 /* Firefox < 16 */
 @-moz-keyframes fadein {
     from { opacity: 0; }
     to   { opacity: 1; }
 }

 /* Safari, Chrome and Opera > 12.1 */
 @-webkit-keyframes fadein {
     from { opacity: 0; }
     to   { opacity: 1; }
 }

 /* Internet Explorer */
 @-ms-keyframes fadein {
     from { opacity: 0; }
     to   { opacity: 1; }
 }

 .fade-in-report {
     /* margin-top: 25px; */
     /* font-size: 21px; */
     /* text-align: center; */

     -webkit-animation: fadein 3s; /* Safari, Chrome and Opera > 12.1 */
        -moz-animation: fadein 3s; /* Firefox < 16 */
         -ms-animation: fadein 3s; /* Internet Explorer */
          -o-animation: fadein 3s; /* Opera < 12.1 */
             animation: fadein 3s;
 }

 @keyframes fadein {
     from { opacity: 0; }
     to   { opacity: 1; }
 }

 /* Firefox < 16 */
 @-moz-keyframes fadein {
     from { opacity: 0; }
     to   { opacity: 1; }
 }

 /* Safari, Chrome and Opera > 12.1 */
 @-webkit-keyframes fadein {
     from { opacity: 0; }
     to   { opacity: 1; }
 }

 /* Internet Explorer */
 @-ms-keyframes fadein {
     from { opacity: 0; }
     to   { opacity: 1; }
 }