@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@600&display=swap');

/* 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. */

.pointer {
    cursor: pointer;
}

.default-cursor {
    cursor: default;
}

a.navbar-brand {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

.nav-item, .card-title, .modal-title {
    letter-spacing: 2px;
    font-weight: 600;
    line-height: 2rem;
    font-family: Dosis;
}

input.input-validation-error, select.input-validation-error {
    border-color: red;
}

#toasts {
    z-index:1100;
}

.invalid-feedback.field-validation-error {
    display: block;
}

/* Provide sufficient contrast against white background */
a {
  color: #0366d6;
}

.btn-primary {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.bg-fhah-purple, .btn-primary{
    background-color: #41294A;
}

.btn-outline-primary {
    border-color: #41294A;
    color: #41294A;
}

    .btn-outline-primary:focus, .btn-outline-primary:hover {
        background-color: #41294A;
        color: #ffffff;
    }

.bg-fhah-green, .btn-primary:hover, .btn-primary:focus {
    background-color: #55BDB4;
}

.bg-success, .btn-success {
    background-color: #55BDB4 !important;
}

.accordion-button:not(.collapsed) {
    background-color: #55BDB4;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}

.btn-success:hover {
    opacity: 0.9;
}

.border-fhah-green {
    border-color: #55BDB4 !important;
}

.border-fhah-purple {
    border-color: #41294A !important;
}

.navbar-light .navbar-nav .nav-link,
.text-fhah-purple, .text-fhah-green:hover {
    color: #3C276C;
}
    .navbar-light .navbar-nav .nav-link:hover,
    .text-fhah-green, .text-fhah-purple:hover, a {
        color: #55BDB4;
    }

.tabulator .tabulator-footer .tabulator-page.active, .form-check-input:checked {
    background-color: #55BDB4;
    border-color: #55BDB4;
}

.card-header h1,
.card-header h2,
.card-header h3,
.card-header h4,
.card-header h5 {
    font-weight: 200;
}

.inlineColVertAlTop {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
}

.btnHeaderBar {
    margin: 0;
    padding: 0;
    margin: 0px;
    height: 100%;
    border: 0px;
}

.fa-card-toggle::before {
    font-family: "Font Awesome 5 pro";
    font-weight: 900;
    display: inline-block;
    content: "\f077";
    transform: rotate( 0deg );
    -moz-transform: rotate( 0deg );
    -ms-transform: rotate( 0deg );
    -o-transform: rotate( 0deg );
    -webkit-transform: rotate( 0deg );
    transform: rotate( 0deg );
    -moz-transition: -moz-transform 550ms ease;
    -ms-transition: -ms-transform 550ms ease;
    -o-transition: -o-transform 550ms ease;
    -webkit-transition: -webkit-transform 550ms ease;
    transition: -webkit-transform 550ms ease;
}

.collapsed .fa-card-toggle::before {
    font-family: "Font Awesome 5 pro";
    font-weight: 900;
    content: "\f077";
    transform: rotate( -180deg );
    -moz-transform: rotate( -180deg );
    -ms-transform: rotate( -180deg );
    -o-transform: rotate( -180deg );
    -webkit-transform: rotate( -180deg );
    transform: rotate( -180deg );
    -moz-transition: -moz-transform 550ms ease;
    -ms-transition: -ms-transform 550ms ease;
    -o-transition: -o-transform 550ms ease;
    -webkit-transition: -webkit-transform 550ms ease;
    transition: -webkit-transform 550ms ease;
}
/*AutoComplete
 -------------------------------------------------- */
.autocomplete {
    position: relative;
}
.autocomplete-items {
    background: white;
    position: absolute;
    z-index: 1100;
    max-height: 150px;
    overflow-y: scroll;
    width: 100%;
    border-left: 1px black solid;
    border-right: 1px black solid;
    border-bottom: 1px black solid;
    border-top: 1px gray solid;
}
    .autocomplete-items div {
        padding: 4px 14px;
        min-width: 100%
    }
.autocomplete-items div:hover, .autocomplete-active {
    background: #625581;
    cursor: pointer;
    color: white;
}
/*overiding styles to allow floating lable input to use form-control lables
 -------------------------------------------------- */
.form-floating.form-control {
    padding: 0;
}

    .form-floating.form-control.rounded-end input {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .form-floating.form-control.rounded-start input {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

.form-floating.form-control, input {
    border: 0;
}

/* 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 {
    letter-spacing: 1px;
    background-color: #F9FAFB;
    /* Margin bottom by footer height */
    margin-bottom: 60px;
    font-family: 'Nunito', sans-serif;
}

.card-body, .modal-body {
    background-color: #F9FAFB;
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px; /* Vertically center the text there */
}

main {
    padding-bottom: 1rem;
}

.requirements-warning {
    border-left: 5px solid #FF4D39;
}

.timesheet-warning {
    border-left: 5px solid #FFC107;
}

#selected-care-requirements .care-difficulty, #carer-can-address-care-requirements .care-difficulty {
    padding: 1rem;
    width: 5rem;
}

#carer-can-address-care-requirements .Green, #selected-care-requirements .Green {
    background-color: #84C341;
}

#carer-can-address-care-requirements .Amber, #selected-care-requirements .Amber {
    background-color: #FF8734;
}

#carer-can-address-care-requirements .Red, #selected-care-requirements .Red {
    background-color: #DD2025;
}

@media all and (max-width : 768px) {
    footer {
        text-align: center;
        font-size: .8em;
    }

    footer .float-end {
        float: none !important;
    }

    main {
        padding-bottom: 100px;
    }
}

@media screen and (max-width: 455px) {
    .footer-privacy {
        font-size: 0.8rem;
    }

    .card-header h4 {
        font-size: 1rem;
    }
}

/* Homepage syles
-------------------------------------------------- */

.notifications-list {
    height:400px
}

@media (max-width: 767px) {
    .notifications-list {
        height: initial
    }
}

/* Components */
.selectable-list-group {
    cursor: pointer;
    user-select:none;
}

/* Report Styles
-------------------------------------------------- */

@media screen and (max-width: 455px) {
    .chart-date-select-btn-group .btn {
        font-size:0.8rem!important;
    }
}