.btn-primary:hover {
  background-color: #00a0c3 !important;
}

.btn-secondary:hover {
  background-color: #c5c5c5 !important;
}

@font-face {
  font-family: "Avenir";
  src: url("/Client/Content/fonts/AvenirLTS55td.otf") format("opentype"), url("/Client/Content/fonts/AvenirLTS55td.woff") format("woff"), url("/Client/Content/fonts/AvenirLTS55td.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Avenir";
  src: url("/Client/Content/fonts/AvenirLTS95td-Black.otf") format("opentype"), url("/Client/Content/fonts/AvenirLTS95td-Black.woff") format("woff"), url("/Client/Content/fonts/AvenirLTS95td-Black.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
}
.card-colour-override {
  color: #00bce5;
}

.sidebar {
  background-color: #000 !important;
}
.sidebar .b-example-divider {
  background-color: rgba(255, 255, 255, 0.1);
  border: solid rgba(255, 255, 255, 0.15);
}
.sidebar .btn-toggle, .sidebar .btn-sidebar {
  color: rgba(255, 255, 255, 0.65);
}
.sidebar .btn-sidebar.active, .sidebar .btn-toggle-nav a.active {
  color: rgba(255, 255, 255, 0.85);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.sidebar .btn-toggle:hover,
.sidebar .btn-toggle:focus,
.sidebar .btn-sidebar:hover,
.sidebar .btn-sidebar:focus {
  color: rgba(255, 255, 255, 0.85);
}
.sidebar .btn-toggle[aria-expanded=true] {
  color: rgba(255, 255, 255, 0.85);
}
.sidebar ul li, .sidebar ul li a {
  color: white !important;
}
.sidebar .btn-toggle::before {
  content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%28255,255,255,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
}

.EasyMDEContainer .editor-toolbar button {
  color: #fff !important;
}
.EasyMDEContainer .editor-toolbar button:hover {
  color: #000 !important;
}

.site-logged-out {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000), to(transparent)), url(/Client/content/images/loggedout/background.jpg) repeat !important;
  background: -webkit-linear-gradient(top, #000 0, transparent 100%), url(/Client/content/images/loggedout/background.jpg) repeat !important;
  background: -o-linear-gradient(top, #000 0, transparent 100%), url(/Client/content/images/loggedout/background.jpg) repeat !important;
  background: linear-gradient(180deg, #000 0, transparent 100%), url(/Client/content/images/loggedout/background.jpg) repeat !important;
  -webkit-background-size: inherit inherit !important;
          background-size: inherit !important;
  background-position: inherit !important;
  overflow-y: auto !important;
}
.site-logged-out .logged-out-header-wrap #site-header {
  background: none;
  padding-top: 1rem;
}
.site-logged-out .logged-out-header-wrap #site-header .container {
  border-bottom: none;
}
.site-logged-out .logged-out-header-wrap #site-header .programme-logo-wrap {
  text-align: center;
}
.site-logged-out .logged-out-header-wrap #site-header .programme-logo-wrap .programme-logo {
  display: none;
}
.site-logged-out .logged-out-header-wrap #site-header .programme-logo-wrap img.client-logo {
  display: block !important;
  height: 200px;
}
@media (min-width: 768px) {
  .site-logged-out .logged-out-header-wrap #site-header .programme-logo-wrap img.client-logo {
    height: 320px;
  }
}
.site-logged-out .content-panel, .site-logged-out .logged-out-header-wrap {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: -webkit-calc(var(--bs-gutter-x) * 0.5);
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: -webkit-calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
  background: none !important;
}
@media (min-width: 768px) {
  .site-logged-out .content-panel, .site-logged-out .logged-out-header-wrap {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
    margin-left: 25%;
  }
}
@media (min-width: 992px) {
  .site-logged-out .content-panel, .site-logged-out .logged-out-header-wrap {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.33333333%;
    margin-left: 33.33333333%;
  }
}
@media (min-width: 1200px) {
  .site-logged-out .content-panel, .site-logged-out .logged-out-header-wrap {
    margin-left: 0;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
    margin-right: auto !important;
    margin-left: auto !important;
  }
}

/*    #site-footer {
        position: relative;

        a:hover {
            color: $mira-color-white !important;
        }
    }
    // @include media-lg {
    //     background-image: url('/Client/content/images/loggedout/login-bg-lg.jpg');
    // }
    // @include media-sm {
    //     background-image: url('/Client/content/images/loggedout/login-bg-sm.jpg');
    // }
    // @include media-xs {
    //     background-image: url('/Client/content/images/loggedout/login-bg-xs.jpg');
    // }
    // Forms
    input.form-control {
        border-color: $mira-color-white;
        background: $mira-color-white;
        color: $mira-color-black !important;
    }

    .login-help-text {
        border-top-color: $mira-color-grey-dark;

        h4 {
            color: $mira-color-white;
        }

        a {
            color: $mira-color-blue;

            &:hover {
                color: $mira-color-green;
            }
        }
    }

    #site-header,
    .content-panel {
        position: relative;
        float: none;
        margin: 0 auto;
        padding: 0 25px !important;
        width: 100%;
        max-width: 400px;
        height: auto;
    }

    #site-header {
        background: transparent;

        .container {
            height: auto;

            .client-logo {
                display: block;
                height: auto !important;

                img {
                    height: auto;
                    width: 100%;
                }
            }

            .programme-logo {
                display: none !important;
            }
        }
    }

    .content-panel {
        background: transparent;

        .content-panel-content {
            padding-bottom: 10px !important;
        }

        .programme-logo-wrapper {
            display: none;
        }
    }

    #site-login .btn-link,
    #site-login .btn-link.forgotten-password {
        display: inline;
        border: 0 !important;
        background: none !important;
        color: $mira-color-blue !important;

        &:hover {
            color: $mira-color-green !important;
        }
    }
}

// Side by side
@media (min-width: 900px) {
    .site-logged-out {
        align-items: center;
        justify-content: center;
        height: 100%;
    }
}*/
.offcanvas .offcanvas-header .btn-close {
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}

.form-check-input {
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
}

/*label.control-label {
	color: #fff;
}

.form-control[disabled],
input[disabled] {
	color: $mira-color-white;
	border-color: $mira-color-grey-darker;
	// &::placeholder {
	//     color: $mira-color-grey-light !important;
	// }
}


// .form-control
input[name=searchText] {
	background-color: $mira-color-white;
}



.radio,
.checkbox,
.radio.selected,
.checkbox.selected {
	& > label {
		&::before {
			border: 2px solid $mira-color-blue;
		}
	}
}

.radio.selected,
.checkbox.selected {
	& > label {
		&::before {
			// @include box-shadow($mira-color-black 0 0 0 4px inset);
			box-shadow: none !important;
			background-color: $mira-color-blue;
			// content: '';
			color: $mira-color-black;
		}
	}
}



// .radio.selected > label::before {
//     background-color: $mira-color-blue;
//     border-color: $mira-color-blue;
// }

// .checkbox > label:before, .radio>label:before


a.input-group-addon,
.multiple-items-select-container a.multiple-items-item {
	border-color: $mira-color-blue;
	background: $mira-color-blue;
	color: $mira-color-black;
	.glyphicon {
		color: $mira-color-black;
	}
	&:hover {
		border-color: $mira-color-green;
		background: $mira-color-green;
		color: $mira-color-black;
		.glyphicon {
			color: $mira-color-black;
		}
	}
}

.two-digit-picker {
	min-width: 5em;
	max-width: 5em;
}

*/