.sidebar-fixed, .sidebar {
  height: 100%;
  position:fixed;
  overflow-y:scroll;
  width: 280px;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  z-index: 1050;
  background-color: #fff;
  padding: 1.5rem;
  padding-top: 0; }
  .sidebar-fixed .list-group .active {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -webkit-border-radius: 5px;
    border-radius: 5px;
   }
    
    .sidebar-fixed .list-group ul li a.active, .sidebar-fixed .list-group ul li.active
    {
        -webkit-box-shadow:none;
    box-shadow: none;
    -webkit-border-radius: 3px;
    border-radius:3px;
   
    background-color:#29648a !important;
    color:#fff;
     }
  
  .sidebar-fixed .logo-wrapper {
    padding: 1.15rem; }
    .sidebar-fixed .logo-wrapper img {
      max-height: 90px;
}

/*.submenu {display:none;}*/
	  
.lightblue {background-color:#29648a;}
.border-lighterblue {background-color:#bbdefb;}
.lighterblue {background-color:#bbdefb;}
	  
	.blue-text {
    color: #2e9cca!important;
	}
	
	.purple {background-color:#464866;}
	
	.unique-color-dark {
    background-color: #1c2331!important;
}

.breadcrumb {background-color:transparent !important}
.breadcrumb a {color:#29648a;}
.breadcrumb a.disabled:hover,.breadcrumb a:disabled:hover {
    color: #1c2331!important;
}
	  
	  .navbar.navbar-light .breadcrumb .nav-item .nav-link, .navbar.navbar-light .navbar-nav .nav-item .nav-link {
    color: #fff;
    -webkit-transition: .35s;
    -o-transition: .35s;
    transition: .35s;
    text-decoration:none;
}
.navbar.navbar-light .breadcrumb .nav-item.active>.nav-link, .navbar.navbar-light .navbar-nav .nav-item.active>.nav-link {
    background-color: transparent;
    text-decoration:none;
}

.navbar-light.navbar .breadcrumb .nav-item .nav-link:hover, .navbar-light.navbar .navbar-nav .nav-item .nav-link:hover {
    color: #bbb;
    text-decoration:none;
}

.navbar-light .navbar-brand, .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
    color: rgba(0, 0, 0, 0.9);
    text-decoration:none;
}

.navbar .dropdown-menu a {
    padding: 3px 10px 3px 10px;
    text-decoration:none;
    font-size:.85rem;
}

.navbar .dropdown-menu a:hover {
    padding: 3px 10px 3px 10px;
    text-decoration:none;
    color:#29648a;
}


.dropdown-menu {min-width:3rem;}

.list-group :first-child.list-group-item {
    text-decoration:none;
}

.list-group-flush .list-group-item {
    text-decoration:none;
}
	  
.list-group-item.active {
   z-index: 2;
   color: #fff;
   background-color: #29648a !important;
   border-color: #29648a !important;
   text-decoration:none;
}

a {
    color: #29648a;
    text-decoration:underline;
}

a:hover {color: #333;text-decoration:underline;}

a, a.disabled:hover, a:disabled:hover {
    color:#333;
}



/* cards */
.card .card-body .card-text {
    color: #333;
    font-size: 0.9rem;
    font-weight: 400;
}

.card-text  a.card-link {color:#29648a;}
.card-text  a.card-link:hover {color:#999;}

/*.card-body {padding:1.75rem !important;}*/

.card-body li {font-weight:400;font-size:0.9rem;color: #333;}

/* labels  */
.custom-control-label {
    font-size:0.9rem;
}

/* forms */
.custom-control-label::before {
    border: 1px solid #777;    
}

.form-control 
{
    font-size:.95rem;
}

label[for=enrollments] {
    margin-left: 0px !important;
    font-size: .95em;
    padding-left:5px;
}

.font-small 
{ font-size:.8rem;
  color:#333;
}

/* modals */

.modal-info.modal-notify.modal-dialog .badge, .modal-info.modal-notify.modal-dialog .modal-header {
    background-color:#bbdefb;
}

.modal-notify.modal-dialog .heading {
    margin: 0;
    padding: .3rem;
    font-size: 1.3rem;
    color:#000;
}


/* modal tables */

#myModal table.table tbody tr td, #myModal1 table.table tbody tr td, #myModal2 table.table tbody tr td, #dentalModal table.table tbody tr td, #visionModal table.table tbody tr td, #stdModal table.table tbody tr td, #volModal table.table tbody tr td, #chModal table.table tbody tr td {
    border-left: 1px solid #4b515d;
    border-right: 1px solid #4b515d;
}

#myModal .table td, #myModal1 .table td, #myModal2 .table td, #dentalModal .table td, #visionModal .table td, #stdModal .table td, #ltdModal .table td, #volModal .table td, #spModal .table td, #chModal .table td {
    border-top: none;
}

#volModal .table td {
    border-right:1px solid #4b515d;
}

#stdModal table.table thead tr th.transparent-back, #ltdModal table.table thead tr th.transparent-back
{
    background:#fff !important;
}


#myModal table.table thead tr th, #myModal1 table.table thead tr th, #myModal2 table.table thead tr th, #dentalModal table.table thead tr th, #visionModal table.table thead tr th, #stdModal table.table thead tr th, #volModal table.table thead tr th, #spModal table.table thead tr th, #chModal table.table thead tr th  {
    border-left: 1px solid #4b515d;
    border-right: 1px solid #4b515d;
}

#myModal table.table thead tr th.first, #myModal1 table.table thead tr th.first, #myModal2 table.table thead tr th.first, #dentalModal table.table thead tr th.first, #visionModal table.table thead tr th.first, #stdModal table.table thead tr th.first, #ltdModal table.table thead tr th.first, #volModal table.table thead tr th.first, #spModal table.table thead tr th.first, #chModal table.table thead tr th.first   {
    border-left: 1px solid  #4b515d;
    border-right: 1px solid  #4b515d;
    font-size:1.2rem;
}

#myModal table.table thead, #myModal1 table.table thead, #myModal2 table.table thead, #dentalModal table.table thead, #visionModal table.table thead, #stdModal table.table thead, #ltdModal table.table thead, #volModal table.table thead, #spModal table.table thead, #chModal table.table thead {
    border-left: 1px solid #4b515d;
    border-right: 1px solid #4b515d;
    border-top:1px solid #4b515d;
    text-align:center;
    border-bottom:none;
}

#myModal .table thead th, #myModal1 .table thead th, #myModal2 .table thead th, #dentalModal .table thead th, #visionModal .table thead th, #stdModal .table thead th, #ltdModal .table thead th, #volModal .table thead th, #spModal .table thead th, #chModal .table thead th {
    vertical-align:middle;
    border-bottom: none;
}

#myModal .table thead th.th-border, #myModal1 .table thead th.th-border, #myModal2 .table thead th.th-border, #dentalModal .table thead th.th-border, #visionModal .table thead th.th-border, #stdModal .table thead th.th-border, #ltdModal .table thead th.th-border, #volModal .table thead th.th-border, #spModal .table thead th.th-border, #chModal .table thead th.th-border {
    vertical-align: middle;
    border-bottom: 1px solid #4b515d;
}

#myModal .table tr.last, #myModal1 .table tr.last, #myModal2 .table tr.last, #dentalModal .table tr.last, #visionModal .table tr.last, #stdModal .table tr.last, #ltdModal .table tr.last, #volModal .table tr.last, #spModal .table tr.last, #chModal .table tr.last {
    border-bottom:1px solid #4b515d;
}

/* tables */

.table-header 
{
    font-size:1rem;
}

/* sidebar */

#sidebar ul {margin-top:5px;list-style:none;}
#sidebar ul li a {
    padding: 3px;
    display: block;
    text-decoration:none;
}

#sidebar ul li a {
    font-size: 0.85em !important;
    padding-left: 8px !important;
    margin-top:5px;
    padding-right:8px;
    margin-left:8px;
}

#sidebar ul.submenu li.active > a {
    color:#fff;
}


#sidebar ul li.active > a, a[aria-expanded="true"] {

}

.btn {text-decoration:none;}

.btn a {color:#fff;text-decoration:none;}

.btn-primary {
    background-color: #29648a !important;
    color: #fff!important;
}

.h1, h1 {padding-right:1rem;font-size:1.75rem;color:#29648a;margin-top:.5rem;}

.navbar-brand {margin-right:0!important;}

.navbar-brand span .d-sm-block, .navbar-brand span .d-md-block 
{
    font-size:.8rem;
}



.svg-icon path {
  fill: #ff0000;
}


.name { margin:0 auto;}


/* spacing */
.mb-6 {margin-bottom:6rem!important;}
.mb-8 {margin-bottom:8rem!important;}

.alert {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
}

/* datepicker arrows */

/* Step 1: Common Properties: All required to make icons render reliably */
.icon::before {
  display: inline-block;
  font-style:normal !important;
  font-variant:normal !important;
  -webkit-font-smoothing: antialiased;
}

.icon-arrow-left::before
{
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-style:normal !important;
  content: "\f104";
}

.icon-arrow-right::before 
{
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-style:normal !important;
  content: "\f105";
}

.datepicker thead tr:first-child th.prev, .datepicker thead tr:first-child th.next, .datepicker thead tr:first-child th.switch {
    background: #bbdefb;
}

.datepicker thead tr:first-child th:hover, .datepicker tfoot tr:first-child th:hover {
    background:#ddd
}

@media (min-width: 1200px) {
#login .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
}

@media (min-width: 768px) and (max-width: 1024px) {
#login .col-md-3 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50% !important;
}
}

@media all and (min-width:1200px) {
.navbar-expand-md .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}

#sidenav {
    max-width: 16rem;
}
}

@media (min-width: 1200px) {
.navbar.scrolling-navbar {
    -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
    -o-transition: background .5s ease-in-out,padding .5s ease-in-out;
    transition: background .5s ease-in-out,padding .5s ease-in-out;
    padding-top: 12px;
    padding-bottom: 12px;
}
}


@media (max-width: 992px) {
.navbar-expand-lg .navbar-toggler {
    display: block;
}
}



@media (min-width: 1200px) {
  .navbar,
  .page-footer,
  main {
    padding-left: 270px; }
    .h1, h1 {padding-right:1rem;font-size:2rem;}
}

@media (max-width: 1199.98px) {
  .sidebar-fixed {
    display: none; } 
    }
    
    
   
    
@media all and (min-width:1200px) {
.modal-dialog {
    max-width: 800px;
    margin: 1.75rem auto;
}
}