.modal-body-ajax {
 padding: 1rem;
}

th, tr, table, p, li {
color: black!important;
}

label {
font-weight: 400;
}

/*
.bg-gradient-primary {
    background-color: #000000;
    background-image: -webkit-gradient(linear,left top,left
    bottom,color-stop(10%,#000000),to(#000000));
    background-image: linear-gradient(180deg,#000000 10%,#000000 100%);
    background-size: cover;
}

.bg-gradient-info { 
    background-color:#32A9A5 !important;
    background-image:-webkit-gradient(linear,left top,left bottom,color-stop(10%,#32A9A5),to(#258391)) !important;
    background-image:linear-gradient(180deg,#32A9A5 10%,#258391 100%) !important;
    background-size:cover !important;
}
*/
.simplebar-content-wrapper-info {
    #background-color:#32A9A5;
    #background-image:-webkit-gradient(linear,left top,left bottom,color-stop(10%,#32A9A5),to(#258391));
    #background-image:linear-gradient(180deg,#32A9A5 10%,#258391 100%);

    background-size: cover;
    color: rgba(255,255,255,.8);
}



.btn-blue {
    color: #fff;
    background-color: #045E86;
    border-color: #045E86;
}
.btn-blue:hover {
    color: #fff;
    background-color: #034866;
    border-color: #034866;
}

.btn-ihg {
    color: #fff;
    background-color: #2EA9A4;
    border-color: #2EA9A4;
}

.btn-ihg:hover {
    color: #fff;
    background-color: #268d89;
    border-color: #268d89;
}

.btn-info{
    box-shadow: 0 0px 0px 0 rgba(250, 92, 124, .5);

}

.responsive {
  width: 100%;
  height: auto;
}

.bg-login-image {
  background:url(https://phr2.mywellnessfile.ca/img/mywellnessfile.png);
  background-position:center;
  background-repeat:no-repeat;
  background-size:200px;
}

.simplebar-content{
    background-color: #000000;

}
.simplebar-mask {
    background-color: #000000;

}

.simplebar-content-wrapper {
    background-color: #000000;
    background-size: cover;
    color: rgba(255, 255, 255, .8);
}

.sidebar-divider {
    margin: 1rem 0;
    color: inherit;
    background-color: #B68E4D;
    border: 0;
    opacity: .70;
}

.nav-user .account-user-avatar {
    top: calc(48px * .5);
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    padding-top: 25px;
}

.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: #f8f9fc;
    border-bottom: 1px solid #e3e6f0;
}


.text-primary {
    color: #045E86!important;
}

.text-info {
    color: #32A9A5!important;
}

body {
    margin: 0;
    font-family: Montserrat;
    //font-family: Nunito,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #858796;
    text-align: left;
    background-color: #fff;
}

.shadow {
    -webkit-box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15)!important;
    box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15)!important;
}

.videoWrapper {
        position: relative;
        padding-bottom: 56.25%; /* 16:9 */
        padding-top: 25px;
        height: 0;
}
.videoWrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        //max-width: 800px;
        //max-height: 400px;
}
a.fill-div {
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
}

@media screen and (max-width: 820px) {

  table .dt {
    border: 0;
  }

  table caption {
    font-size: 1.3em;
  }

  table thead .dt {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

  table tr.dt {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
    word-wrap:break-word;
  }

  table td.dt {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: 12px;
    text-align: right;
    word-break:break-all;
  }

  table td::before{
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    margin-bottom: 10px;
  }

  table td:last-child {
    border-bottom: 0;
  }

  .table-bordered {
    border: 0px solid #e3e6f0;
  }

  .navbar-nav {
  display: hidden;
  }

}
/* end of mobile */

.greyband {
display:block;
background-color: #F3F3F3;
padding: 20px 20px 20px 20px;

}
@media (max-width:629px) {
  img#optionalstuff {
    display: none;
  }
}

.custom {
    width: 150px !important;
}
.responsive {
  width: 100%;
  height: auto;
}
.img-responsive {
    max-width: 100%;
    height: auto;
}
.float-left {
    float: left!important;
}
.pr-3, .px-3 {
    padding-right: 1rem!important;
}

#wrapper #content-wrapper {
    background-color: #f8f9fc;
    width: 100%;
    overflow-x: hidden;
}
.border-left-info {
    border-left: 0.75rem solid #32A9A5!important;
}
.border-left-success {
    border-left: 0.75rem solid green!important;
}
.border-left-primary {
    border-left: 0.75rem solid #045E86!important;
}
.border-left-warning {
    border-left: 0.75rem solid #f49d2a!important;
}
.border-left-danger {
    border-left: 0.75rem solid #aa0a0a!important;
}

.border-left-secondary {
    border-left: 0.75rem solid #a4a5a5!important;
}

.text-success {
    color: #8CC640!important;
}

.text-danger {
    color: #aa0a0a!important;
}
.text-xs {
    font-size: .7rem;
}
.font-weight-bold {
    font-weight: 700!important;
}
.text-gray-300 {
    color: #dddfeb!important;
}
.h4, h4 {
    font-size: 1rem;
}
.text-gray-800 {
    color: #5a5c69!important;
}
.footer {
padding-top: 0px;
}

.navbar-custom {
    padding-right: 0px;
    }
    
.btn-block {
    display: block;
    width: 100%;
}    

.side-nav  {
    background-color: black;
}

.side-nav .side-nav-link {
    background-color: black;
    padding: 10px 15px;
    font-size: .8775rem;
}

.side-nav li {
color: white!important;
}

.sidebar .nav-item .collapse .collapse-inner, .sidebar .nav-item .collapsing .collapse-inner {
    padding: 0.5rem 0;
    min-width: 10rem;
    font-size: .85rem;
    margin: 0 0 1rem 0;
}

.side-nav .menuitem-active>a {
    color: #B68E4D!important;
    font-weight: 800;

}

body[data-leftbar-theme=dark] .side-nav .menuitem-active>a {
    color: #B68E4D!important;

}
body[data-leftbar-theme=dark] .side-nav .side-nav-title {
    color: white;
}
.side-nav-forth-level li.active>a, .side-nav-second-level li.active>a, .side-nav-third-level li.active>a {
    color: #B68E4D!important;
    font-weight: 800;
}

.border-top-warning {
    border-top: 0.75rem solid #f49d2a!important;
}
.border-top-success {
    border-top: 0.75rem solid #8CC640!important;
}
.border-top-danger {
    border-top: 0.75rem solid #aa0a0a!important;
}


body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) .side-nav .side-nav-item:hover>.collapse>ul, body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) .side-nav .side-nav-item:hover>.collapsing>ul {
    background-color: #000000;
    color: #b7904f;
    //background: var(--ct-bg-leftbar-gradient);
}

body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) .side-nav .side-nav-item:hover .side-nav-link {
    //background: var(--ct-bg-leftbar-gradient);
    color: #b7904f;
    background-color: #000000;

}


.logo-lg {
    background-color: black;
}

.sidebar .sidebar-heading
{
color: rgba(255,255,255,.4);
}

body[data-leftbar-theme=dark] {
    --ct-bg-leftbar: #313a46;
    --ct-dark-menu-item: rgba(255,255,255,.8);
    --ct-dark-menu-item-hover: #fff;
    --ct-dark-menu-item-active: #fff;
    --ct-link-color: #fff;
}

.form-check-input:checked {
    background-color: #045E86;
    border-color: #045E86;
}

.text-gray-500 {
    color: #b7b9cc!important;
    font-weight: 500;
}

.card-body {
    padding: 1rem 1rem;
}

.card {
border: 1px solid #e3e6f0;
    border-radius: 0rem;
}

.card-header {
background-color: #F4F4F4;
border-bottom: 2px solid #B68E4D;
}

.table-row {
font-size: 0.9rem;
cursor:pointer;
}

.table .td {
border: 1px solid;

}
.thead .tr {
background-color: #F9F9F9!important;
}

td, th, tbody, tfooter, thead, tr {
  //background-color: #F9F9F9;
  //color: #000000;
  //font-size: 0.8rem;
}

table.table-striped tbody tr:nth-of-type(odd)>* {
    --ct-table-accent-bg: #FFFFFF;
}

.page-item.active .page-link {
    z-index: 3;
    color: var(--ct-component-active-color);
    background-color: #B68E4D;
    border-color: var(--ct-component-active-bg);
}

div.dataTables_wrapper div.dataTables_info {
    font-size: 0.65em;
}


body[data-leftbar-theme=dark] .leftside-menu .logo {
    background-color: #000000!important;;

}

table.dataTable tbody td.focus, table.dataTable tbody th.focus {
    outline: 0px solid #F9F9F9!important;
    outline-offset: 0px;
}
table.dataTable tbody th, table.dataTable tbody td {
    padding: 8px 10px;
}
table.dataTable.nowrap th, table.dataTable.nowrap td {
    white-space: normal;
}

table a {
color: inherit;
}

.dropdown-toggle {
    color: inherit;
}

.tab-content {
width: 98%;
padding:0px;
margin:0px;
border: 0px;
}

table.dataTable tbody tr.overdue{
background-color:#f2d0d1;
color: red;
font-size: 13px;
}

table.dataTable tbody td.overdue{
background-color:#f2d0d1;
color: red;
font-size: 13px;
}

table.dataTable tbody td.disabled{
background-color:#f2d0d1;
color: red;
font-size: 13px;
}

table.dataTable tbody tr.completed{
  color: green;
}

table.dataTable tbody tr.completed::before{
  border-color: #fff;
  border-style: solid;
  border-width: 0 2px 2px 0;
  top: 10px;
}


.img-container {
  justify-content: center;
  display: flex;
  flex-direction: row;
  overflow: hidden;
  
}
.img-container .img-to-fit {
  flex: 1;
  height: 80%;
}

.cover {
   object-fit: cover;
   width: 100%;
   /*height: 300px;  optional, you can remove it, but in my case it was good */
}

.small, small {
    font-size: .85rem;
}


 .bg-gradient-secondary{background-color:#858796;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(10%,#858796),to(#60616f));background-image:linear-gradient(180deg,#858796 10%,#60616f 100%);background-size:cover}

 .bg-gradient-success{background-color:#8CC640;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(10%,#8CC640),to(#13855c));background-image:linear-gradient(180deg,#8CC640 10%,#13855c 100%);background-size:cover}

 .bg-gradient-warning{background-color:#f6c23e;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(10%,#f6c23e),to(#dda20a));background-image:linear-gradient(180deg,#f6c23e 10%,#dda20a 100%);background-size:cover}

 .bg-gradient-danger{background-color:#e74a3b;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(10%,#e74a3b),to(#be2617));background-image:linear-gradient(180deg,#e74a3b 10%,#be2617 100%);background-size:cover}

 .bg-gradient-light{background-color:#f8f9fc;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(10%,#f8f9fc),to(#c2cbe5));background-image:linear-gradient(180deg,#f8f9fc 10%,#c2cbe5 100%);background-size:cover}

 .bg-gradient-dark{background-color:#5a5c69;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(10%,#5a5c69),to(#373840));background-image:linear-gradient(180deg,#5a5c69 10%,#373840 100%);background-size:cover}

 .bg-register-image{background:url(https://phr2.mywellnessfile.ca/img/mwf-sc.png);background-position:center;background-size:cover;background-size: 400px; background-repeat: no-repeat;}
 .bg-password-image{background:url(https://phr2.mywellnessfile.ca/img/mwf-sc.png);background-position:center;background-size:cover}

.form-check-label {
font-weight: 400;
}

table.dataTable thead {background-color:#F8F9FC;}

#btn-back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
  background-color:black;
  opacity: 0.5;
}

.row-subsection {
 background-color: #F1F3FA;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: white;
    background-color: #b8904e;
}

.nav-tabs.nav-bordered li a.active {
    border-bottom: 3px solid #B68E4D;
    background-color: #F8F9FC;
}

.border-left-secondary {
    border-left: 0.75rem solid #E4E6E8 !important;
}

@media (max-width: 767.98px) {
    li.paginate_button.next, li.paginate_button.previous {
        display: inline-block;
        font-size: 1.0rem;
    }
}

.form-check-input-custom:disabled {
    pointer-events: none;
    -webkit-filter: none;
    /* filter: none; */
    opacity: 1.5; 
}


    .multicolored-bar {
      position: relative;
      height: 20px;
      background: linear-gradient(to right,
        #F58370 0%,
        #F58370 15%,

        #FBDF69 20%,
        #FBDF69 35%,

        #6CA4D0 40%,
        #6CA4D0 55%,

        #FBDF69 60%,
        #FBDF69 80%,


        #F58370 85%,
        #F58370 100%
      );
    }


    .legend {
      margin-top: 10px;
    }

    .legend-item {
      display: inline-block;
      margin-right: 10px;
    }

    .legend-color {
      display: inline-block;
      width: 20px;
      height: 10px;
      margin-right: 5px;
    }


.indicator {
    position: absolute;
    top: 50%;
    left: 50%; /* Ensure it's positioned in the middle horizontally */
    transform: translate(-50%, -50%);
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: white; /* White inside */
    border: 3px solid var(--bar-color, black); /* Border color matches progress bar */
    display: flex; /* Enables centering for pseudo-element */
    align-items: center; /* Vertical centering */
    justify-content: center; /* Horizontal centering */
}

.indicator::after {
    content: '';
    width: 8px; /* Adjust dot size */
    height: 8px; /* Adjust dot size */
    background-color: black; /* Black dot color */
    border-radius: 50%; /* Make it circular */
    display: block; /* Ensure the pseudo-element is displayed */
}

    .bubble {
      position: absolute;
      top: -40px;
      left: -50%;
      display: none;
      width: 100px;
      padding: 8px;
      background-color: rgba(0, 0, 0, 0.7);
      color: #fff;
      border-radius: 4px;
      font-size: 14px;
      text-align: center;
    }

    .indicator:hover .bubble {
      display: block;
    }

    .tick-mark {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 1px;
      height: 10px;
      background-color: black;
    }


    .tick-value {
      position: absolute;
      //top: 30px;
      text-align: center;
      font-size: 12px;
    }
a {
    color: black var(--ct-link-color); 
    text-decoration: none;
}

div.tabletest {border: 0px solid #e3ebf3; padding: 0.75rem 1rem; display: table; }
div.trtest {border-bottom: 1px solid #e3ebf3; padding: 0.75rem 1rem; display: table-row; }
div.tdtest {border-bottom: 1px solid #e3ebf3; padding: 0.75rem 1rem; display: table-cell; }

.text-gold {
color: #B68E4D;
}


.form-check-input:checked {
  background-color: #B68E4D;
  border-color: #B68E4D;
}
.form-check-input[type=checkbox] {
  border-radius: 0rem;
}

.btn-primary {
  color: #fff;
  background-color: #B68E4D;
  border-color: #B68E4D;
  -webkit-box-shadow: 0 0px 0px 0 rgba(114, 124, 245, .5); 
  box-shadow: 0 0px 0px 0 rgba(114, 124, 245, .5); 
}

.btn-primary:hover {
  background-color: #9a773f;
  border-color: #9a773f;
  box-shadow: 0 0px 0px 0 rgba(114, 124, 245, .5); 
}

.btn-primary:focus {
  background-color: #9a773f;
  border-color: #9a773f;
  box-shadow: 0 0px 0px 0 rgba(114, 124, 245, .5); 
}

.btn-primary:active {
  background-color: #9a773f;
  border-color: #9a773f;
  box-shadow: 0 0px 0px 0 rgba(114, 124, 245, .5); 
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #9a773f;
    border-color: #9a773f;
}

.btn-dark {
  box-shadow: 0 0px 0px 0 rgba(114, 124, 245, .5); 
}


.auth-fluid {
  background: url(../images/login-page-image.png) center;
}

.auth-user-header {
  position: absolute;
  margin: 0 auto;
  padding: 0 1.75rem;
  top: 3rem;
  left: 0;
  right: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.auth-fluid .auth-fluid-left, .auth-fluid .auth-fluid-right {
  background-color: rgba(0, 0, 0, 0); 
}

.bg-success {
    background-color: #008000!important;
}

.bg-danger {
    background-color: #aa0a0a!important;
}

.bg-primary {
  background-color: #B68E4D!important;
}

.bg-black {
  background-color: black!important;
}

body.authentication-bg {
    background-image: url(../images/login-page-image.png);
}
.border-left-black {
    border-left: 0.35rem solid #000000 !important;
}

.btn-danger {
    background-color: #aa0a0a;
    -webkit-box-shadow: 0 0px 0px 0 rgba(250, 92, 124, .5);
    box-shadow: 0 0px 0px 0 rgba(250, 92, 124, .5);
    border: 1px solid #820808;
}

.btn-warning {
    background-color: #f49d2a;
    color: white;
    -webkit-box-shadow: 0 0px 0px 0 rgba(250, 92, 124, .5);
    box-shadow: 0 0px 0px 0 rgba(250, 92, 124, .5);
    border: 1px solid #E2A025;
}

.btn-success {
    background-color: green;
    -webkit-box-shadow: 0 0px 0px 0 rgba(250, 92, 124, .5);
    box-shadow: 0 0px 0px 0 rgba(250, 92, 124, .5);
    border: 1px solid green;
}

.btn-success:hover {
    background-color: #034C0A;
    -webkit-box-shadow: 0 0px 0px 0 rgba(250, 92, 124, .5);
    box-shadow: 0 0px 0px 0 rgba(250, 92, 124, .5);
    border: 1px solid #034C0A;
}

.btn-purple {
    color: #ffffff;
    background-color: #48135E;
    -webkit-box-shadow: 0 0px 0px 0 rgba(250, 92, 124, .5);
    box-shadow: 0 0px 0px 0 rgba(250, 92, 124, .5);
    border: 1px solid #48135E;

}

.alert-gold {
    color: #B68E4D;
    background-color: rgba(182, 142, 77, .18);
    border-color: rgba(182, 142, 77, .25);
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
    box-shadow: 0 0px 0px 0 rgba(108, 117, 125, .5);
}

input[data-switch=success]:checked+label {
    background-color: #B68E4D;
}

.nav-link:hover {
color: #B68E4D;
}

.nav-link:active {
color: #B68E4D;
}

.text-success{
color: green!important;
}

.text-warning {
color: #f49d2a!important;
}

a:hover {
color: #B68E4D;

}
.breadcrumb {
    padding: 0.5rem 0;
}
.nav-tabs .nav-link {
color: black!important;

}

.text-purple {
color: #A020F0!important;
}