/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

/*Override forms input object styles*/
input[type=number] {
    width: 50px;
}

.input-numbersize_Eric {
    width: 150em;
}

.reporttext {
    word-break: break-all;
    text-align: left;
    font-size:small;  
}

.reportheading{
    text-align:left;
    text-decoration:underline;
    font-weight:bold;
}

/*Remove rounded corners*/
.form-control {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.btn-primary {
    color: #fff;
    background-color: #005EAD;
    border-color: #005EAD;
}

.btn-outline-primary {
    color: #007bff;
    border-color: #007bff;
    font-size:.75em;
    min-width:70px; 
}

.heading_format {
    color: #fff;
    background-color: #005EAD;
    border-color: #005EAD;
   
}

/*Set the opacity of the box-shadows to 0 ( no shadow )*/
.btn-outline-dark:focus, .btn-outline-dark.focus {
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.0);
}

.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.0);
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.0);
}

.opaque_card {
    background-color: rgba(245, 245, 245, 0.5);
    opacity: .5;
}


/* Override navbar styles
-------------------------------------------------- */
.navbar-dark .navbar-brand {
    color: #fff;
}

.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
    color: #fff;
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.85);
}

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
    color: rgba(255, 255, 255, 1);
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, 0.25);
}

.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
    color: #fff;
}

.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, 0.5);
    border-color: rgba(255, 255, 255, 0.1);
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.85)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, 0.5);
}

.navbar-dark .navbar-text a {
    color: #fff;
}

.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
    color: #fff;
}

/*New styles derived from Bootstrap*/
.border-gray {
    border-color: #cccccc !important;
}

/*New styles derived from Bootstrap*/
.calendar-day {
    color : #cccccc !important;
    font-size : .75em; 
}
.calendar-date {
    color: #005EAD;
    font-size: .75em;
}


/* Sticky footer styles
-------------------------------------------------- */
html {
    font-size: 14px;
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.border-top {
  border-top: 1px solid #e5e5e5;
}
.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  /* Set the fixed height of the footer here */
  height: 60px;
  line-height: 60px; /* Vertically center the text there */
}

img {
    opacity: 1;
}

/*Adjust text size as veiwport size changes*/
.text-responsive {
    font-size: calc(100% + 1vw + 1vh);
}

/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Bootstrap 4 breakpoints

    Default text sizes
    Display 1 (6rem = 90px)
Display 2 (5.5rem = 82.5px)
Display 3 (4.5rem = 67.5px)
Display 4 (3.5rem = 52.5px)
h1 (2.5rem = 40px)
h2 (2rem = 32px)
h3 (1.75rem = 28px)
h4 (1.5rem = 24px)
h5 (1.25rem = 20px)
h6 (1rem = 16px)
p (1rem = 16px)
*/
/* Small devices (landscape phones, 544px and up) */
@media (min-width: 544px) {
    h1 {
        font-size: 1.5rem;
    }
    /*1rem = 16px*/
}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {
    h1 {
        font-size: 2rem;
    }
    /*1rem = 16px*/
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    h1 {
        font-size: 2.5rem;
    }
    /*1rem = 16px*/
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    h1 {
        font-size: 3rem;
    }
    /*1rem = 16px*/
}



/* Small devices (landscape phones, 544px and up) */
@media (min-width: 1px) {
    h2 {
        font-size: 1.5rem;
    }
    /*1rem = 16px*/
}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {
    h2 {
        font-size: 1.75rem;
    }
    /*1rem = 16px*/
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    h2 {
        font-size: 2rem;
    }
    /*1rem = 16px*/
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    h2 {
        font-size: 2rem;
    }
    /*1rem = 16px*/
}

/* Small devices (landscape phones, 544px and up) */
@media (min-width: 1px) {
    h5 {
        font-size: 1rem;
    }
    /*1rem = 16px*/
}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {
    h5 {
        font-size: 1rem;
    }
    /*1rem = 16px*/
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    h5 {
        font-size: 1.25rem;
    }
    /*1rem = 16px*/
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    h5 {
        font-size: 1.5rem;
    }
    /*1rem = 16px*/
}

/*Add padding to columns*/
.calPadding {
    padding-left: 100px;
}

@media (max-width: 33.9em) {
    /*this is for mobile layout where columns stack - use the Bootstrap default value*/
    .calPadding {
        padding-left: 15px;
    }
}

.row [class^="col-"]:first-child > .calPadding {
    /*this is so the first column has no margin so it will not be "indented"*/
    padding-left: 0px;
}

/*For the dot that indicates selectable items in the calendar*/
.dot-selectable {
    height: 25px;
    width: 25px;
    background-color: #005EAD;
    border-radius: 50%;
    align-items:center;
    display:inline-grid;
    text-align:center;
    color:white;
    font:bold;
}

/*Remove all padding from a cell*/
.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}

/*For buttons with less text that would normally be thinner
    than buttons next to it.
*/
@media (max-width: 33.9em) {
    .btn-height-small {
        min-height:55px; 
    }
}


/*Change visibility of a div  when the device changes size*/
@media (min-width: 34em) {
    .hidePC {
        display: none;
    }
}

@media (max-width: 33.9em) {
    .hideMobile {
        display: none;
    }
    /*1rem = 16px*/
}

@media (max-width: 33.9em) {
    .textForMobile {
        text-decoration-line:underline;    
    }
    /*1rem = 16px*/
}