/* Custom page CSS
-------------------------------------------------- */
/*external fonts*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');
/*external fonts*/

/*for adding bootstrap icons*/
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.3/font/bootstrap-icons.css");
/*for adding bootstrap icons*/


body {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 400;
    background-color: #E5F8FF;
}

main {
    margin-top: 123px;
}

.container-fluid {
    padding-left: 30px;
    padding-right: 30px;
}

main>.container-fluid {
    padding: 0 30px 30px;
}


.navbar-brand img {
    width: 196px;
}

.navbar {
    min-height: 70px;
    padding: 11px 0 5px;
}

.navbar-toggler {
    height: 48px;
    padding-right: 0;
}

.navbar-toggler:focus {
    box-shadow: none;
}

.navbar-nav {
    font-weight: 600;
}

.navbar-light .navbar-nav .nav-link {
    color: #162860;
}

.img-profile {
    width: 32px;
    height: 32px;
    background-color: #ccc;
}

.light-blue-txt {
    color: #00A1E4 !important;
}

.light-blue-txt:hover {
    color: #162860 !important;
}

.profile-name {
    color: #4D6078;
    font-weight: 300;

}

.profile-name b {
    color: #162860;
    font-weight: 600;
    margin-left: 4px;
}

.nav-link.dropdown-toggle:after {
    display: none;
}

.blue-header {
    background-color: #162860;
    height: 53px;
    top: 70px;
    display: flex;
    align-items: center;
    position: fixed;
    z-index: 100;
}

.navbar-nav .dropdown-menu {
    position: absolute;
    border-color: #4BCAFF;
    min-width: 163px;
    padding: 15px 0;
    margin-top: -5px;
    margin-left: 5px;

}

.dropdown-item.active,
.dropdown-item:active {
    background-color: #e9ecef;
}

.navbar-nav .dropdown-menu .dropdown-item {
    font-size: 13px;
    color: #000;
    padding: 10px 25px;
}

/*.navbar-light .navbar-nav .nav-link.dropdown-toggle {
    max-width: 170px;
    min-width: 170px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}*/

.navbar-nav .dropdown-menu:before {
    content: "";
    position: absolute;
    border-color: rgba(194, 225, 245, 0);
    border: solid transparent;
    border-bottom-color: white;
    border-width: 6px;
    margin-left: -10px;
    top: -10px;
    left: 20px;
    z-index: 1;
}

.navbar-nav .dropdown-menu:after {
    content: "";
    position: absolute;
    left: 10px;
    top: -12px;
    width: 0;
    height: 0;
    border: solid transparent;
    border-width: 6px;
    border-bottom-color: #4BCAFF;
    z-index: 0;
}

.menu-icon {
    color: #162860;
    font-weight: 600;
    font-size: 16px;
}


/*offcanvas styles*/

.offcanvas-start {
    width: 285px;
}

.offcanvas-title {
    font-size: 17px;
    font-weight: 700;
    color: #162860;
    margin-left: 35px;
}

.offcanvas-backdrop.show {
    opacity: 0;
}


.offcanvas {
    background-color: #F1FBFF;
    -webkit-box-shadow: 0px 3px 62px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 3px 62px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 3px 62px 0px rgba(0, 0, 0, 0.16);
    border: 0;
    top: 70px;
}

.offcanvas-body {
    margin-top: 40px;
    padding: 16px 24px;
}

.offcanvas-header {
    min-height: 85px;
    /*background: linear-gradient(180deg, rgba(183, 223, 241, 1) 0%, rgba(227, 237, 241, 1) 50%, rgba(255, 255, 255, 1) 100%);*/
    border-top: 3px solid #162860;

}

.offcanvas-header .btn-close {
    width: 30px;
    height: 30px;
    padding: 0;
    background-color: #00A1E4;
    border-radius: 3px;
    background-image: none;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
}

/*offcanvas styles*/

/*slide menu icons*/
@font-face {
    font-family: 'slidemenu';
    src: url('../fonts/slidemenu.eot?aaq88n');
    src: url('../fonts/slidemenu.eot?aaq88n#iefix') format('embedded-opentype'),
        url('../fonts/slidemenu.ttf?aaq88n') format('truetype'),
        url('../fonts/slidemenu.woff?aaq88n') format('woff'),
        url('../fonts/slidemenu.svg?aaq88n#slidemenu') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"],
[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'slidemenu' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 20px;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slidemenu-icon {
    color: #8e969f;
}

.icon-rinks_ico:before {
    content: "\e90b";

}

.icon-dashboard_ico:before {
    content: "\e90a";
}


.icon-commissions_ico:before {
    content: "\e900";

}

.icon-facilities_ico:before {
    content: "\e901";

}

.icon-home_ico:before {
    content: "\e902";

}

.icon-invoices_ico:before {
    content: "\e903";

}

.icon-notifications_ico:before {
    content: "\e904";

}

.icon-schedules_ico:before {
    content: "\e905";

}

.icon-transactions_ico:before {
    content: "\e906";

}

.icon-users_ico:before {
    content: "\e907";

}

.icon-draft_schedules_ico:before {
    content: "\e908";

}

.icon-program_types_ico:before {
    content: "\e909";

}

.slidemenu .nav-link {
    display: flex;
    align-items: center;
    font-size: 15px;
    font-weight: 500;
    color: #000;
    padding: 10px 25px;
    margin: 6px 0;
    border-radius: 3px;
}

.slidemenu .nav-link.active,
.slidemenu .nav-link:hover {
    color: #fff;
    background-color: #00A1E4;
}

.slidemenu .nav-link.active .slidemenu-icon,
.slidemenu .nav-link:hover .slidemenu-icon {
    color: #ffffff;
}

.app-version {
    color: #8E969F;
    font-size: 12px;
    padding: 30px;
}

/*slide menu icons*/


.main-content-area {
    /* padding: 20px;*/
    border-radius: 10px;
}

.menu-blocks {
    max-width: 960px;
    width: 100%;
    margin: auto;
    /*padding-top: 98px;*/
}

.menu-blocks h1 {
    font-family: 'Montserrat', sans-serif;
    color: #162860;
    font-size: 32px;
    font-weight: 600;
}

.menu-block-item {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    background: #fff;
    border-radius: 10px;
    padding: 45px 20px 35px;
    min-height: 265px;
    text-decoration: none;
    margin: 15px 5px;
    transition: .6s cubic-bezier(.165, .84, .44, 1);
}

.menu-block-item span {

    color: #162860;
    font-size: 18px;
    font-weight: 600;
}

.menu-block-item:hover {
    transform: translateY(-3px) scale(1.02);
    -webkit-box-shadow: 0px 3px 62px 0px #78C4FF;
    -moz-box-shadow: 0px 3px 62px 0px #78C4FF;
    box-shadow: 0px 3px 62px 0px #78C4FF;

}


.search-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: url(../images/wh_shadow.png) no-repeat center -50px, url(../images/search-bg.webp) no-repeat center center;
    background-size: 100% 100%, cover;
    min-height: 320px;
    padding-left: 30px;
    padding-right: 30px;
    margin-right: -30px;
    margin-left: -30px;
}

.search-section .logo {
    padding: 10px;
}

.search-bar {
    max-width: 840px;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

.search-bar .input-group {
    height: 60px;
}

.search-bar .input-group-append .btn {
    height: 60px;
    padding: .375rem 1.5rem
}

.search-bar input {
    border-top-left-radius: 50px !important;
    border-bottom-left-radius: 50px !important;
    padding: .375rem 1.5rem;
    color: #162860;
    font-size: 18px;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.11);

}

.search-bar .btn {
    border-top-right-radius: 50px !important;
    border-bottom-right-radius: 50px !important;
}


/*breadcrumb*/
.breadcrumb {
    justify-content: end;
}

.breadcrumb-item {
    display: flex;
    align-items: center;
}

.breadcrumb-item a {
    text-decoration: none;
    color: #707070;
    font-weight: 500;

}

.breadcrumb-item a:hover {
    color: #162860;
}

.breadcrumb-item.active {
    font-weight: 600;
    color: #162860;
}


.breadcrumb-item+.breadcrumb-item::before {
    content: "";
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 6px solid #4BCAFF;
}

/*breadcrumb*/

/*
.filter-section span img{
    transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
}*/

/*.filter-section span img{
    transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
}

*/
.filter-header {
    color: #162860 !important;
    font-size: 17px;
    font-weight: 700;
    text-decoration: none;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #E3EDF8;
}

.filter-header span:after {
    background-image: url(../images/filter-arrow.svg);
    background-repeat: no-repeat;
    position: relative;
    margin-left: 10px;
    width: 22px;
    height: 22px;
    content: "";
    transition: transform .2s ease-in-out;
}

.filter-header span:not(.collapsed)::after {
    background-image: url(../images/filter-arrow.svg);
    transform: rotate(-180deg);

}


.filter-header span::before {
    content: "Show";
    margin-right: 5px;
}

.filter-header span:not(.collapsed)::before {
    content: "Hide";
}


.advanced-filter-header {
    color: #162860 !important;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #E3EDF8;
}

.advanced-filter-header span:after {
    background-image: url(../images/filter-arrow.svg);
    background-repeat: no-repeat;
    position: relative;
    margin-left: 10px;
    width: 22px;
    height: 22px;
    content: "";
    transition: transform .2s ease-in-out;


}

.advanced-filter-header span:not(.collapsed)::after {
    background-image: url(../images/filter-arrow.svg);
    transform: rotate(-180deg);

}


.filter-section-items,
.advanced-filter-items {
    border: 0;
    border-radius: 0;
}


.date.form-control {
    background-image: url(../images/calendar-date.svg);
    background-repeat: no-repeat;
    background-position: right .75rem center;
    padding-right: 30px;
}


.datepicker-dropdown {
    z-index: 9999 !important;
}

.datepicker td,
.datepicker th {
    text-align: center;
    padding: 8px 12px;
    font-size: 14px;
}

.datepicker .prev,
.datepicker .next {
    font-size: 0;
}

.datepicker .prev:after {
    content: "";
    background-image: url(../images/icon-arrow-left.svg);
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    width: 14px;
    height: 11px;
    margin: auto;
}

.datepicker .next:after {
    content: "";
    background-image: url(../images/icon-arrow-left.svg);
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    width: 14px;
    height: 11px;
    margin: auto;
    transform: rotate(-180deg);
}

.datepicker .dow {
    color: #9FA0A4;
    font-weight: normal;
    text-transform: uppercase;
}

.datepicker table tr td.active.active,
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover.active {
    background-color: #4BCAFF;
    background-image: none;
}

.datepicker table tr td span.active.active,
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover.active {
    background-color: #4BCAFF;
    background-image: none;
}

/*date picker ends*/


.btn-primary {
    background-color: #162860;
    border-color: #162860;
}


.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {

    background-color: #00A1E4;
    border-color: #00A1E4;
}


.btn-secondary {
    background-color: #8E969F;
    border-color: #8E969F;
}

.btn-info {
    color: #ffffff;
    background-color: #4BCAFF;
    border-color: #4BCAFF;
}

.btn-info:hover {
    background-color: #009BDC;
    border-color: #009BDC;
    color: #ffffff;
}

.btn-check:focus+.btn-info,
.btn-info:focus {
    color: #ffffff;
}


.bg-success {
    background-color: #00C67B !important;
    border-color: #00C67B;
}

.bg-secondary {
    background-color: #8E969F !important;
    border-color: #8E969F;
}


.badge {
    padding: 10px 25px;
    font-size: 14px;
    font-weight: 500;
}


textarea.form-control {
    min-height: 125px;
}

.form-label {
    color: #162860;
    font-weight: 500;
    font-size: 13px;
    width: 100%;

}

.form-control,
.form-select,
.input-group-text {
    border-color: #B9C1C9;
    font-size: 14px;
}

.form-control[readonly] {
    background-color: #ffffff;
}

.form-select {
    background-image: url(../images/select.svg);
    background-repeat: no-repeat;
    background-size: 10px 8px;
}

.form-select:disabled,
.form-control:disabled {
    background-color: transparent;
    opacity: 0.5;
}


.filter-buttons {
    display: flex;
    justify-content: end;
    padding: 25px 20px;
    flex-wrap: wrap;
}

.sign-up-buttons {
    display: flex;
    justify-content: end;
    flex-wrap: wrap;
}


.btn {
    border-radius: 50px;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 30px;
}

hr {
    background-color: #E3EDF8;
    opacity: 1;
}


.day-week-container {}

.day-week-header {
    margin-top: -1px;
    padding: 8px 20px;
    border-top: 1px solid #E3EDF8;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.08);
}

.tab-content {
    padding: 0 20px 20px;
}

.list-grid-header {
    margin-top: -68px;
}


.grid-btn,
.list-btn {
    padding: 12px 10px;
    border-radius: 6px !important;
    border: none !important;
    display: flex;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
}

.grid-btn.active,
.list-btn.active {
    background-color: #E3EDF8 !important;


}


.nav-pills .nav-link {
    border-radius: 50px;
    border: 1px solid #B9C1C9;
    color: #8E969F;
    margin-right: 8px;
    font-weight: 500;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    border: 1px solid #00A1E4;
    background-color: #00A1E4;
    font-weight: 500;
}

.slot-booking {
    display: flex;
    flex-wrap: wrap;

}

.slot-checkbox-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.date-change-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.date-change-header .day-date {
    color: #162860;
    min-width: 260px;
}

img.date-slot {
    width: 20px;
    cursor: pointer;
}

.date-nav-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.date-nav-btn .prev {
    background: url(../images/prev.svg) no-repeat center center;
    width: 20px;
    height: 20px;
}

.date-nav-btn .next {
    background: url(../images/next.svg) no-repeat center center;
    width: 20px;
    height: 20px;
}

.slot-checkbox-group .form-check {
    display: flex;
    align-items: center;
    padding-left: 0;
    margin-right: 1.5rem;
}

.slot-checkbox-group .form-check .form-check-input {
    margin-top: 0;
    margin-left: 10px;

}

.form-check {
    display: flex;
    font-family: 'Inter', sans-serif;

}

.form-check .form-check-input {
    border-color: #8E969F;
    width: 22px;
    height: 22px;
    margin-top: 0;
    margin-right: 8px;
    flex-shrink: 0;
}

.slot-checkbox-group .form-check .form-check-label {
    font-size: 13px;
    color: #162860;
    font-weight: 700;
    line-height: normal;
    white-space: nowrap;
}

.book-status {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 4px;
}

.book-status.available-status {
    background-color: #00C67B;
}

.book-status.booked-status {
    background-color: #EE4566;
}

.book-status.myslots-status {
    background-color: #162860;
}

.form-check-input:checked {
    background-color: #fff;
}

.form-check-input:checked[type="checkbox"] {
    background: url(../images/checkbox.svg) no-repeat center center #ffffff;
}

.form-check-input:checked[type="radio"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3.2' fill='%2300a1e4'/%3E%3C/svg%3E%0A");

}


.gradient-btn {
    background-image: linear-gradient(to right, #FFBA00, #FF1200, #FF1200, #FFBA00);
    background-size: 250% 100%;
    transition: all .4s ease-in-out;
    font-size: 16px;
    font-weight: 600;
    color: #ffffff !important;

}

.gradient-btn:hover {
    background-position: 100% 0;
    transition: all .4s ease-in-out;

}

.booking-table.table {
    border-spacing: 0px;
    border-collapse: separate;
    border: 1px solid #E3EDF8;
    border-radius: 3px;


}

.booking-table.table tbody {
    border-collapse: separate;
    border-spacing: 15px;

}

.table-striped>tbody>tr:nth-of-type(2n+1) {
    background-color: #FCFCFC;
}

.booking-table.table> :not(caption)>*>* {
    box-shadow: none;
}

.table.booking-table th,
.table.booking-table td {
    padding: 14px;
    vertical-align: middle;
}

.booking-table thead th {
    border-bottom: 1px solid #E3EDF8 !important;
    font-size: 14px;
    font-weight: 600;
    color: #162860;
}

.booking-table tbody {
    outline: 5px solid white;
    outline-offset: -5px;
}

.booking-table tbody td {
    border-bottom: 0;
}


.cursor-pointer {
    cursor: pointer;
}


.grid-column {
    border: 1px solid #E3EDF8;
    border-radius: 3px;
    margin-bottom: 1rem;
    display: inline-table;
    width: 100%;


}

.grid-column header,
.grid-column .row-col {
    display: flex;
    border-bottom: 1px solid #E3EDF8;
}

.grid-column .col {
    flex: 1;

}

.grid-column header .col {
    padding: 13px 20px;
    text-align: center;
    min-width: 180px;
    font-size: 14px;
    font-weight: 600;
    color: #162860;

}

.grid-column header .col:first-child,
.grid-column .row-col .col:first-child {
    min-width: 120px !important;
    flex: 0;
    text-align: left;
}

.grid-column .row-col .col {
    min-width: 180px;
    padding: 0 20px;
    align-items: end;
    display: flex;
    height: 60px;
    position: relative;
}

.grid-book-section {
    width: 100%;
    min-width: 180px;
    /*min-height: 204px;*/
    /*background-color: #FBFBFB;*/
    align-self: flex-start;
    margin-top: 60px;
    position: relative;
    z-index: 90;
    /* border-radius: 3px;
    border: 1px solid #B2E8FF;
    border-top: 3px solid #657BC1;
    text-align: center;
    padding: 8px;
    padding-bottom: 15px;*/
}

.grid-book-section .form-check {
    display: flex;
}

.maintenance-link {
    position: absolute;
    padding: 8px;
    color: #5B5B5B;
    background-color: #fff;
    font-size: 15px;
    /*margin-top: 20px;*/
    width: 100%;
    margin-left: -8px;
    border-bottom: 3px solid #FFBC57;
}

.grid-book-section .maintenance.dropdown-menu {
    margin-top: 50px !important;
    margin-left: 90px !important;
}


.program-info-over {
    display: block;
    text-align: center;
    border-radius: 50px;
    border: 1px solid #4BCAFF;
    padding: 5px 20px;
    width: 100%;
    margin: 10px 0;
}


.grid-book-section-tooltip.tooltip {
    margin-top: -12px !important;
}


.grid-book-section-tooltip .tooltip-inner {
    background-color: #ffffff;
    border: 1px solid #4BCAFF;
    border-radius: 3px;
    color: #000;
    box-shadow: 0px 3px 40px 0px rgba(0, 0, 0, .27);
    text-align: left;
    padding: 10px 20px;
    max-width: 150px;
}

/*
.grid-book-section-tooltip .tooltip-arrow {
    transform: translate(13px) !important;

}
*/


.grid-book-section-tooltip.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: #4BCAFF;
    bottom: 0;
}

.grid-book-section-tooltip.bs-tooltip-bottom .tooltip-arrow::after {
    position: absolute;
    content: "";
    border: solid transparent;
    border-bottom-color: white;
    border-width: 6px;
    top: -5px;
    left: 0;

}

.grid-book-section-tooltip.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: #4BCAFF !important;
    top: 0;
}

.grid-book-section-tooltip.bs-tooltip-top .tooltip-arrow::after {
    position: absolute;
    content: "";
    border: solid transparent;
    border-top-color: white;
    border-width: 6px;
    top: -1px;
    left: 0;

}

.grid-book-section .dropdown-menu {
    position: absolute;
    top: inherit;
    border-color: #4BCAFF;
    min-width: 157px;
    padding: 10px 5px;
    /*    margin-top: 30px !important;*/
    margin-left: -75px !important;

}

.grid-book-section .dropdown-menu .dropdown-item:focus,
.grid-book-section .dropdown-menu .dropdown-item:hover {
    color: #ffffff;
    background-color: #00A1E4;
    border-radius: 3px;
}


.grid-book-section .dropdown-menu .dropdown-item {
    font-size: 13px;
    color: #000;
    padding: 8px 10px;
}

.grid-book-section .dropdown-menu:before {
    content: "";
    position: absolute;
    border-color: rgba(194, 225, 245, 0);
    border: solid transparent;
    border-bottom-color: white;
    border-width: 6px;
    margin-left: -10px;
    top: -11px;
    left: 20px;
    z-index: 1;
}

.grid-book-section .dropdown-menu:after {
    content: "";
    position: absolute;
    left: 10px;
    top: -12px;
    width: 0;
    height: 0;
    border: solid transparent;
    border-width: 6px;
    border-bottom-color: #4BCAFF;
    z-index: 0;
}

.click-over {
    z-index: 99 !important;
}

.time-slot {
    color: #00A1E4;
}

.spots-info {
    color: #707070;
}

.grid-book-section .btn {
    background-color: #00A1E4;
    border-color: #00A1E4;
    padding: 4px 20px;
    color: #fff;
    font-weight: 600;
    margin-top: 10px;
}

.grid-book-section .btn:hover {
    background-color: #162860;
    border-color: #162860;
}

.accordion.week-list-view .accordion-button {
    background-color: #B2EAFF;
    color: #162860;
    font-weight: 500;
    font-size: 13px;
    border-radius: 3px;
}

.accordion.week-list-view .accordion-item {
    border-color: #E3EDF8;
    margin-bottom: 15px;
    border-radius: 3px;
    border: 0;
}

.accordion.week-list-view .accordion-item:not(:first-of-type) {
    /*border-top: 1px solid #E3EDF8;*/
    border: 0;
}

.accordion.week-list-view .accordion-button:not(.collapsed) {
    box-shadow: none;
}

.accordion.week-list-view .accordion-body {}


.accordion.week-list-view .accordion-button::after {
    background-image: url(../images/accordion-arrow.svg);
    background-size: 15px 8px;
    background-position: center center;
}

/*modal-styles*/

.modal-title {
    font-weight: 700;
    color: #162860;
    font-size: 22px;
}

.modal-header {
    border-width: 2px;
    border-color: #E3EDF8;
    padding-right: 30px;
    padding-left: 30px;
}

.modal-footer {
    padding-right: 30px;
    padding-left: 30px;
    padding-bottom: 30px;
}

.modal-content {
    border-radius: 8px;
}

.modal-body {
    padding-right: 30px;
    padding-left: 30px;
}

/*.modal .btn-primary {
    background-color: #002A3B;
    border-color: #002A3B;
}

.modal .btn-primary:hover {
    background-color: #162860;
    border-color: #162860;
}*/

.modal .modal-content h2 {
    font-size: 22px;
    color: #162860;
}

.modal .modal-content p {
    color: #000;
    font-size: 16px;
}

.modal .modal-content p a {
    color: #00A1E4;
    text-decoration: none;
}

.modal .modal-content p a:hover {
    color: #000;
}

.modal .modal-content .phone-text {
    color: #00A1E4;
}

.fw-semibold {
    font-weight: 600;
}

.fw-medium {
    font-weight: 500;
}

.rink-images {
    flex-basis: 100%;
    height: 100%;
}

.rink-images img {
    border-radius: 10px;
}

.modal h6 {
    font-size: 18px;
}


.card-number {
    background: url(../images/visa.png) no-repeat center right 4px;
    padding-right: 60px;
}

.success-msg {
    font-size: 26px;
    color: #00A1E4;
    font-weight: 500;
}


/*modal-styles*/

.mobile-responsive-table {}

.mobile-responsive-table table {
    /*  border: 1px solid #ccc;*/
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
    table-layout: fixed;
}

.mobile-responsive-table table caption {
    font-size: 1.5em;
    margin: .5em 0 .75em;
}

.mobile-responsive-table table tr {
    background-color: transparent;
    /*border: 1px solid #ddd;
  padding: .35em;*/
}

.mobile-responsive-table table th,
.mobile-responsive-table table td {
    padding: 12px 12px;
    text-align: center;
    border: 1px solid #D5E2F0;
    margin-top: -1px;
    vertical-align: middle;
}

.mobile-responsive-table table th {
    background-color: #E5F8FF;
    color: #162860;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

.mobile-responsive-table table td {
    color: #000;
    font-size: 15px;
    font-weight: 400;
}

.mobile-responsive-table table td span.light-grey {
    color: #969696;
}


.mobile-responsive-table .table> :not(:first-child) {
    border: none;
}

.mobile-responsive-table .table-bordered> :not(caption)>* {
    border-width: 0;
}


.spot-book-input {
    max-width: 100px;
}


.social-icons img {
    transition: .6s cubic-bezier(.165, .84, .44, 1);
    border-radius: 50%;
}

.social-icons img:hover {
    transform: translateY(-3px) scale(1.02);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.4);

}

.primary-font-color {
    color: #162860 !important;

}

.secondary-font-color {
    color: #00A1E4 !important;
}


.grey-font-color {
    color: #8E969F !important;
}

.light-blue-font-color {
    color: #4BCAFF !important;
}


.mobile-responsive-table .close {
    margin-top: -10px;
    margin-right: -10px;
}

.fs-10 {
    font-size: 10px !important;
}

.fs-11 {
    font-size: 11px !important;
}

.fs-12 {
    font-size: 12px !important;
}

.fs-14 {
    font-size: 14px !important;
}

.fs-15 {
    font-size: 15px !important;
}

.fs-16 {
    font-size: 16px !important;
}


footer {
    color: #8E969F;
    font-size: 12px;
    align-items: center;
    display: flex;
}


.page-header {
    font-family: 'Montserrat', sans-serif;
    color: #162860 !important;
    font-size: 17px;
    font-weight: 700;
    text-decoration: none;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #E3EDF8;
}


/*signup styles*/

.sign-up-section {
    max-width: 600px;
    margin: 0 auto;
    width: 100%;
}

.sign-up-section.user-profile {
    max-width: 880px;
}


.sign-up-section .page-header {
    color: #162860;
    font-size: 17px;
    font-weight: 700;
    text-align: left;
}


.sign-up-container {
    background: #fff;
    border-radius: 10px;
    padding: 20px 30px;
    text-decoration: none;
    width: 100%;
}

.sign-up-link {
    color: #707070;
}

.sign-up-link a {
    color: #00A1E4;
}

.sign-up-link a:hover {
    color: #000;
}

.user-img-upload {
    width: 86px;
    height: 86px;
    border-radius: 50%;
}


.sheet-img img {
    width: 42px;
    height: 42px;
    border: 1px solid #B9C1C9;
    padding: 3px;
}

/*file upload start*/

.custom-file-button input[type=file] {}

.custom-file-button input[type=file]::-webkit-file-upload-button,
.custom-file-button input[type=file]::file-selector-button {
    display: none;
}

.custom-file-button:hover label {
    cursor: pointer;
}

.custom-file-button .input-group-text {
    border-color: transparent;
}


/*file upload end*/


/*dropzone styles start*/
.dropzone {
    min-height: 110px;
    border-radius: 3px;
    border: 1px solid #B9C1C9;
    max-height: 200px;
    overflow: auto;

}

.dz-default.dz-message {
    margin: 10px 0;
}

.dz-default.dz-message .dz-button {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: auto;
    color: #162860;
    font-size: 14px;
}


.dz-default.dz-message .dz-button:after {

    content: "Browse";
    border-radius: 50px;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 30px;
    margin: auto;
    background-color: #8E969F;
    border-color: #8E969F;
    color: #fff;
    margin-top: 10px;

}

.dropzone .dz-preview .dz-remove {
    font-size: 0;
    position: absolute;
    right: 4px;
    bottom: 4px;
    z-index: 999;
    background-image: url(../images/close.svg);
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
}

/*dropzone styles end*/

/*signup styles*/


.min-container {
    max-width: 910px;
    margin: auto;
    width: 100%;
}


.btn-outline-secondary {
    border-color: #162860;
    border-width: 2px;
    color: #162860;
}


.btn-outline-secondary:hover {
    color: #fff;
    background-color: #162860;
    border-color: #162860;
}


.week-grid-view.grid-column .row-col .col {
    height: auto;
    min-height: 150px;
}


.week-grid-view.grid-column header .col:first-child,
.week-grid-view.grid-column .row-col .col:first-child {
    align-items: center;
}

.week-grid-view.grid-column .grid-book-section {
    margin-top: 0;
    min-width: 250px;
    padding: 8px 12px;
}


.week-grid-view.grid-column header .col,
.week-grid-view.grid-column .row-col .col {
    padding-left: 10px;
    padding-right: 10px;
    min-width: 320px;
    max-width: 320px;
}

.week-grid-list-items {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    padding: 10px 0;
    border-bottom: 1px solid #B9C1C9;
    flex-wrap: wrap;
}

.week-grid-list-items .form-check {
    margin-bottom: 0;
}


.hide {
    display: none;
}


/*create schedules */

.schedule-section {
    max-width: 550px;
    margin: auto;
    margin-top: 40px;
    width: 100%;

}

.schedule-section .nav.nav-pills {
    justify-content: center;

}

.schedule-section .nav-pills .nav-item {
    flex-grow: 1;
    flex-basis: 0;
}

.schedule-section .nav-pills .nav-link {
    font-family: 'Montserrat', sans-serif;
    color: #8E969F;
    font-size: 15px;
    font-weight: 600;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 0;
    border-color: #4BCAFF;
    margin: 0;
    width: 100%;


}

.schedule-section .nav-pills .nav-item:first-child .nav-link {
    border-radius: 30px 0 0 30px;


}

.schedule-section .nav-pills .nav-item:last-child .nav-link {
    border-radius: 0 30px 30px 0;

}


.schedule-section .nav-pills .nav-item .nav-link.active {
    background-color: #4BCAFF;
    border-color: #4BCAFF;
    color: #fff;
    position: relative;

}


.manual-schedule-items .nav.nav-tabs {
    justify-content: center;
    border-bottom: 1px solid #E3EDF8;

}

.manual-schedule-items .nav-tabs .nav-link {
    border-color: transparent transparent #fff;
    border-bottom-width: 2px;
    color: #8E969F;
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 0;

}

.manual-schedule-items .nav-tabs .nav-link.active {
    border-color: transparent transparent #00A1E4;
    border-bottom-width: 2px;
    color: #162860;
}

.manual-schedule-items .nav.nav-tabs .nav-item {

    display: flex;
    flex-grow: 1;
    flex-basis: 0;
}

.manual-schedule-items .nav-tabs .nav-link {
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;

}


.schedule-section label.form-check {
    display: flex;
    padding-left: 0;
    font-weight: 500;
    position: relative;
    overflow: hidden;
    margin-bottom: 0.375em;
}

.schedule-section label.form-check input {
    position: absolute;
    left: -9999px;
}

.schedule-section label.form-check input:checked+span {
    background-color: #E5F8FF;
}

.schedule-section label.form-check input:checked+span:before {

    border: 3px solid #fff;
    background-color: #00A1E4;
}

.schedule-section label.form-check span {
    display: flex;
    align-items: center;
    padding: 12px 15px 12px 15px;
    margin-right: 20px;
    border-radius: 50px;
    font-size: 13px;
    color: #162860;
    font-weight: 700;
    line-height: normal;
    white-space: nowrap;
    cursor: pointer;
}

.schedule-section label.form-check input:disabled+span {
    pointer-events: none;
}

.schedule-section label.form-check span:hover {
    background-color: #E5F8FF;
}

.schedule-section label.form-check span:before {
    display: flex;
    flex-shrink: 0;
    content: "";
    background-color: #fff;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-right: 7px;
    border: 1px solid #162860;

}


/*time picker start*/

.timepicker .form-control {
    background-image: url(../images/clock.svg);
    background-repeat: no-repeat;
    background-position: right .75rem center;
    padding-right: 30px;

}

.bootstrap-timepicker-widget table td {
    height: auto;
}

.bootstrap-timepicker-widget .separator {
    display: block;
    margin-bottom: 8px;
}

.bootstrap-timepicker-widget table td input {
    text-align: center;
    width: 30px;
    font-size: 14px;
    border: 1px solid #ced4da;
    margin-bottom: 8px;
}

.bootstrap-timepicker-widget table td span {

    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    width: 15px;
    height: 15px;
    margin: auto;
}

.bootstrap-timepicker-widget table td span.chevron-up {
    background-image: url(../images/next.svg);
    transform: rotate(-90deg);
}

.bootstrap-timepicker-widget table td span.chevron-down {
    background-image: url(../images/next.svg);
    transform: rotate(90deg);
}

/*time picker ends*/


.program-ice-container .input-group .form-select {
    width: 120px;
}

.program-ice-container .input-group input.date {

    min-width: 70px;
    max-width: 95px;
}

.program-ice-container .input-group select.date {
    min-width: 70px;
    max-width: 95px;
}


.upload-schedule-download {
    border-bottom: 1px solid #E3EDF8;

}

.upload-schedule .browse-btn {
    color: #fff;
    background-color: #ffffff;
    border-color: #B9C1C9;
    display: flex;
    color: #162860;
    font-weight: 700;
    text-decoration: underline;
    border-radius: 0 .25rem .25rem 0;
    position: absolute;
    right: 0;
    height: 100%;
}

.upload-schedule .browse-btn:hover {
    background-color: #e9ecef;
}

.upload-schedule input[type=file] {
    padding-right: 120px;
}



/*create schedules */


/*facilities*/

.search-section-min {
    min-height: 210px;
    background: url(../images/search-bg.webp) no-repeat center center;
    background-size: auto;
    background-size: cover;
}

.upload-f-logo {
    width: 50px;
    height: 50px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;

}

.upload-f-logo img {
    max-width: 100%;
}

/*facilities*/


/*invoice details*/
.invoice-container {

    max-width: 960px;
    margin: auto;
    width: 100%;
}

.invoice-details {
    border: 1px solid #4BCAFF;
    border-radius: 10px;
}


.invoice-content {
    padding: 40px 40px 25px;
    font-size: 15px;

}

.invoice-header {
    background-color: #00A1E4;
    padding: 10px 40px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    margin: 0;

}


/*invoice details*/


/*notifications*/

.notification-list {
    background-color: #F8F8F8;
    border-radius: 6px;
    display: flex;
    align-items: center;
    padding: 15px 25px;
    margin-bottom: 4px;
    font-size: 15px;
}

.notification-list p {
    margin: 0;
}

.notification-list .icon {
    background-color: #4BCAFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
}

.notification-list .date-posted {
    color: #8E969F;
    font-size: 14px;

}

.notification-list .unread {
    background-color: #4BCAFF;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: block;
    flex-shrink: 0;

}


.book-terms-m .modal-title {
    font-size: 17px;
    border-bottom: 2px solid #E3EDF8;
}


#read-more-module .card-body {
    padding-bottom: 0 !important;
}

#read-more-module .card {
    border: 0;
}

#read-more-module p.collapse:not(.show)[aria-expanded="false"] {
    display: block;
    height: 40px;
    overflow: hidden;
}

#read-more-module p.collapsing:not(.show)[aria-expanded="false"] {
    height: 40px;
}

#read-more-module a.collapsed:after {
    content: 'Read More';
    float: right;
    margin-right: 20px;
    text-decoration: underline;
}

#read-more-module a:not(.collapsed):after {
    content: 'Read Less';
    float: right;
    margin-right: 20px;
    text-decoration: underline;

}

/*Profile Pic Start*/
.picture-container {
    max-width: 96px;
    position: relative;
    cursor: pointer;
    text-align: center;
    margin: auto;
}

.picture {
    width: 86px;
    height: 86px;
    background-color: #ffffff;
    color: #FFFFFF;
    border-radius: 50%;
    margin: 0px auto;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
}

.picture input[type="file"] {
    cursor: pointer;
    display: block;
    height: 100%;
    left: 0;
    opacity: 0 !important;
    position: absolute;
    top: 0;
    width: 100%;
}

.picture-src {
    width: 100%;

}

.add-img {
    position: absolute;
    bottom: 5px;
    right: 5px;
    border: 3px solid #fff;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
}

/*Profile Pic End*/

/*users menu*/
.reset-password-dropdown.dropdown-menu {
    border-color: #4BCAFF;
    min-width: 163px;
    padding: 0;
    margin-top: -5px;
}

.reset-password-dropdown.dropdown-menu .dropdown-item {
    font-size: 13px;
    color: #000;
    padding: 8px 10px;
}


.reset-password-dropdown.dropdown-menu:before {
    content: "";
    position: absolute;
    border-color: rgba(194, 225, 245, 0);
    border: solid transparent;
    border-bottom-color: white;
    border-width: 6px;
    margin-left: -10px;
    top: -11px;
    right: 9px;
    left: auto;
    z-index: 1;
}

.reset-password-dropdown.dropdown-menu:after {
    content: "";
    position: absolute;
    top: -12px;
    right: 9px;
    left: auto;
    width: 0;
    height: 0;
    border: solid transparent;
    border-width: 6px;
    border-bottom-color: #4BCAFF;
    z-index: 0;
}

.reset-password-dropdown.dropdown-menu[data-popper-placement="top-end"]::after {
    border-top-color: #4BCAFF;
    border-bottom-color: transparent;
    bottom: -12px;
    top: inherit;
}

.reset-password-dropdown.dropdown-menu[data-popper-placement="top-end"]::before {
    border-top-color: white;
    border-bottom-color: transparent;
    bottom: -11px;
    top: inherit;
}


/*users menu*/


/*application settings*/

.application-settings .card {
    border: 0;
    border-radius: 10px;
}

.application-settings .card-header {
    border-radius: 6px;
    padding: .8rem 1rem;
    background-color: #4BCAFF;
    font-weight: 600;
    font-size: 17px;
    color: #ffffff;
    border: 0;
}

.application-settings p {
    margin: 10px 0;
}

.application-settings .card-body {
    background-color: #F9F9F9;
    border-radius: 0 0 10px 10px;

}

.application-settings .card-title {
    font-size: 16px;
    font-weight: 600;
    color: #162860;
    border-bottom: 1px solid #EFEFEF;
}

.program-type-list {
    padding: 25px 0 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    list-style: none;
    margin: 0;
}

.program-type-list .program-type-list-item {
    background-color: #ffffff;
    font-weight: 600;
    color: #162860;
    padding: 15px 30px;
    border-radius: 3px;
    margin: 15px 30px 15px 0;
    position: relative;
    text-align: center;

}

.program-type-list .program-type-list-item .remove-btn {
    position: absolute;
    top: -15px;
    right: -15px;
}

.application-settings .settings-timeset {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 10px 20px;
    background-color: #ffffff;
    border-radius: 6px;
    border: 1px solid #B9C1C9;
    margin-bottom: 10px;
}

.application-settings .settings-timeset input {
    max-width: 55px;
}


.application-settings .notification-settings-list {
    border-bottom: 1px solid #E7E7E7;
    padding: 10px 0;
}


.application-settings .notification-settings-checkbox-group {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.application-settings .notification-settings-checkbox-group .form-check {
    display: flex;
    align-items: center;
    padding-left: 0;
    margin-right: 1.0rem;
}

.application-settings .notification-settings-checkbox-group .form-check .form-check-label {
    font-size: 14px;
    color: #000;
    font-weight: 500;
    line-height: normal;
    white-space: nowrap;
}

.application-settings .notification-settings-checkbox-group .form-check .form-check-input {
    margin-top: 0;
    margin-left: 10px;
}

.notification-settings-list input,
.notification-settings-list .form-select {
    max-width: 60px;
    margin: 0 5px;
    flex-shrink: 0;
}

.notification-settings-list .form-select {
    padding-right: 15px;
}

/*application settings*/


/*user, facility, organization profile styles*/

/*Profile Pic2 Start*/
.picture-container-profile {
    max-width: 89px;
    position: relative;
    cursor: pointer;
    text-align: center;
    margin: auto;

}

.picture-profile {
    width: 89px;
    height: 89px;
    border: 3px solid #007FE2;
    color: #FFFFFF;
    border-radius: 50%;
    margin: 0px auto;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;

}

.picture-profile input[type="file"] {
    cursor: pointer;
    display: block;
    height: 100%;
    left: 0;
    opacity: 0 !important;
    position: absolute;
    top: 0;
    width: 100%;
}

.picture-src-profile {
    width: 100%;

}

.add-img-profile {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -10px;
}

/*Profile Pic2 End*/

/*user, facility, organization profile styles*/


.rink-image-list {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    padding: 0;

}

.rink-img {
    border: 2px solid #162860;
    border-radius: 10px;
    width: 90px;
    height: 60px;
    overflow: hidden;
    margin-right: 20px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rink-img img {
    max-width: 100%
}

.carousel-inner {
    border-radius: 10px;
}

.mw-300 {
    max-width: 300px !important;
}

.mw-100 {
    max-width: 100px !important;
}

.mw-120 {
    max-width: 120px !important;
}

.transform-none {
    transform: none !important;
}


.page-header-small {
    font-family: 'Montserrat', sans-serif;
}


.facility-type-img-item {
    display: block;
}

.facility-type-img-item>input {
    /* HIDE RADIO */
    visibility: hidden;
    /* Makes input not-clickable */
    position: absolute;
    /* Remove input from document flow */
}

.facility-type-img-item>input+.facility-type-img {
    /* DIV STYLES */
    cursor: pointer;

}

.facility-type-img-item>input:checked+.facility-type-img {
    /* (RADIO CHECKED) DIV STYLES */

    outline: 5px solid #29ABE2;
    outline-offset: -4px;
}

.facility-type-img {
    border-radius: 10px;
    /*    max-height: 200px;
    min-height: 200px;*/
    overflow: hidden;
    position: relative;
    margin-bottom: 25px;
}

.facility-type-img-name {
    padding: 12px;
    background-color: #29ABE2;
    font-weight: 600;
    font-size: 16px;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.facility-type-img img {
    max-width: 100%;
}


/*calendar styles*/

.day-view-calendar,
.year-view-calendar,
.month-view-calendar {
    border: 1px solid #E3EDF8;
    border-radius: 3px;
}

.day-view-calendar .grid-column {
    border-width: 0 1px 0 0;
    border-radius: 0;
}

.day-view-calendar .grid-column .row-col {
    position: relative;
}

.day-view-calendar .grid-column .row-col:nth-child(even) {
    border-bottom: 0;
}


.day-view-calendar .grid-column .row-col:last-child {
    border-bottom: 0;

}

.day-view-calendar .grid-column header .col {
    min-width: inherit;
}

.day-view-calendar .grid-column .row-col .col {
    height: 30px;
    position: initial;
    min-width: inherit;
}


.month-compact-view {
    padding: 35px 15px 30px;
    box-shadow: 0px 4px 32px 0px rgba(204, 204, 204, 0.24);
}


.month-compact-view .month-indicator {
    color: #000;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 16px;
    padding: 0 20px 20px;

}

.month-compact-view .day-of-week,
.month-compact-view .date-grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
}

.month-compact-view .day-of-week div time {

    padding: 5px;

}

.month-compact-view .day-of-week {
    font-size: 12px;
    color: #9FA0A4;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 5px;
}

/* Dates */
.month-compact-view .date-grid {
    margin-top: 0.5em;
}

.month-compact-view .date-grid button {
    position: relative;
    border: 0;
    background-color: transparent;
    color: #212B36;
    font-size: 14px;
    padding: 20px 5px;
}

.month-compact-view .date-grid button time {
    padding: 5px;

}

.month-compact-view .date-grid button time.active {
    background-color: #4BCAFF;
    color: #fff;
}

.month-compact-view .date-grid button time:hover,
.month-compact-view .date-grid button time:focus {
    /*    outline: none;
    background-color: #4BCAFF;
    color: #FFF;*/
}

.month-compact-view .date-grid button:active,
.month-compact-view .date-grid button.is-selected {
    background-color: var(--teal-100);
    color: var(--teal-900);
}


.event-note {
    width: auto;
    font-size: 20px;
    position: absolute;
    background-color: #B2EAFF;
    align-self: flex-start;
    margin-top: 30px;
    z-index: 90;
    text-align: center;
    padding: 10px;
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    left: 100px;


}

.month-large-view {
    font-size: 14px;
    box-shadow: none;
    padding: 0;
}

.month-large-view .day-of-week {
    border: 1px solid #E3EDF8;
    font-size: 14px;
    color: #162860;
    font-weight: 600;
}

.month-large-view .date-grid time {
    position: absolute;
    top: 5px;
    right: 5px;
}

.month-large-view .date-grid span b {
    color: #00A1E4;
    display: block;
    margin-bottom: 20px;
}

.month-large-view .date-grid button {
    border: 1px solid #E3EDF8;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 180px;
    padding: 20px;
    height: 100%;
    margin-left: -1px;
    margin-top: -1px;
}

.month-large-view .date-grid button.event {
    background-color: #FBFBFB;
}

.month-large-view .day-of-week {
    padding: 0;
    margin-left: -1px;

}

.month-large-view .day-of-week div {
    padding: 10px 20px;
}


.week-view-calendar .grid-column .row-col .col {
    height: 60px;
    border-right: 1px solid #E3EDF8;
    margin-right: -1px;
    min-width: 180px;
    position: relative;
}

.week-view-calendar .grid-column header .col {
    min-width: 180px;
}

.week-view-calendar .grid-column .col .event {
    background-color: #FBFBFB;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 120px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-top: 60px;
    flex-direction: column;
    top: 1px;
    left: 1px;
    z-index: 99;

}

.week-view-calendar .grid-column .col .event b {
    color: #00A1E4;
}

/*******page loader******/
.myspinner {
    position: fixed;
    background-color: rgba(0, 0, 0, .6);
    height: 100vh;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    color: #fff;
    overflow: hidden;
}

.spinner-border {
    border-color: #4BCAFF;
    border-right-color: transparent;
}

/*******page loader******/

.tooltip-inner {
    background-color: #162860;
    color: #fff;
    text-align: left;
    border-radius: 10px;
    font-size: 12px;
    line-height: 15px;
}

.tooltip.show {
    opacity: 1;
}

.tooltip.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: #162860;
}

.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: #162860;
}

.tooltip.bs-tooltip-start .tooltip-arrow::before {
    border-left-color: #162860;
}

.tooltip.bs-tooltip-end .tooltip-arrow::before {
    border-right-color: #162860;
}

.text-editor {
    min-height: 210px;
}

/*modified styles*/
.form-select {
    padding: 10px 2.25rem 10px .75rem;
}

.form-control {
    padding: 10px .75rem;
}

.btn {
    padding: 10px 30px
}

.sign-up-container {
    padding: 30px 40px;
}


.g-2,
.gx-2 {
    --bs-gutter-x: 15px;
}

.mt-70 {
    margin-top: 70px !important;
}

/*modified styles*/


/*confirm popups styles*/

.alert-modal .modal-dialog {
    max-width: 425px;
}

.alert-modal .modal-content {
    box-shadow: 0px 3px 39px 0px rgba(0, 0, 0, 0.21);
}

.alert-modal .modal-body {
    padding: 25px;
}

.alert-modal .modal-header {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-width: 0;
    padding-top: 11px;
    padding-bottom: 11px;
}

.alert-modal .modal-header.blue {
    background-color: #00A1E4;
}

.alert-modal .modal-title {
    color: #fff;
    font-size: 19px;

}

.alert-modal .confirm-text {
    font-size: 18px;
}

.alert-modal .confirm-icon {
    height: 70px;
    width: 70px;
    border-radius: 50%;
    border: 2px solid #9EE5FF;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*confirm popups styles*/


.selection2 {
    display: none;
}


.dowPicker {
    padding: 20px 0 0;
}

.dowPicker .dowPickerOption {
    display: inline-block;
    margin-right: 18px;
    margin-bottom: 10px;
}

.dowPicker .dowPickerOption label {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 1px solid #707070;
    background-color: #fff;
    font-size: 20px;
    color: #707070;
    font-weight: 300;
    padding: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
}

.dowPicker .dowPickerOption input[type=radio]:checked~label,
.dowPicker .dowPickerOption input[type=checkbox]:checked~label {
    background-color: #00A1E4;
    color: #fff;
    border-color: #00A1E4;
}


.maintenance-container .form-check-label {
    font-size: 15px;
    color: #162860;
    font-weight: 500;
}

/*owl carousel */

.owl-carousel .owl-stage {
    margin: auto;
}

.owl-prev,
.owl-next {
    width: 20px;
    height: 100px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: block !important;
    margin-top: -15px;

}

.owl-prev {
    left: -23px;
}

.owl-next {
    right: -15px;
}

.owl-prev i,
.owl-next i {
    transform: scale(2, 5);
    color: #162860;
    font-size: 28px;
}

.owl-prev:hover i,
.owl-next:hover i {}

.owl-prev.disabled,
.owl-next.disabled {
    opacity: 0.2;
}


.owl-carousel .owl-stage {
    display: flex;
}

.owl-carousel .owl-item img {
    width: auto;
    height: 100%;
    object-fit: cover;
    max-width: initial;
}


/*owl carousel */

.nav-pills .nav-link {
    min-width: 70px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.btn-primary,
.btn-secondary,
.btn-info,
.gradient-btn {
    padding: 10px 20px;
    min-width: 105px;
}

.blue-header .btn-primary,
.navbar.navbar-expand .btn-primary,
.list-grid-header.nav-pills .nav-link,
.today-btn {
    min-width: inherit;
}

.btn {
    font-family: 'Inter', sans-serif;
}


/*blazor time picker styles*/


.flatpickr-time .flatpickr-am-pm {
    width: 28%;
}

.flatpickr-calendar.hasTime {
    width: 170px;
}

.flatpickr-time .numInputWrapper {
    width: 35%;
}

/*blazor time picker styles*/


.date-outline-icon {
    background-image: url(../images/calendar.svg) !important;
    font-size: 0 !important;
    box-shadow: none !important;
    border: none !important;
}


.maintenance-container .form-check-input:disabled {
    opacity: 1;
}

.maintenance-container .form-check-input:disabled~.form-check-label,
.maintenance-container .form-check-input[disabled]~.form-check-label {
    opacity: 1;
}

.dowPicker .dowPickerOption input:disabled+label {
    cursor: inherit;
}


/*new styles added for home page modifications [25-8-22]*/


.time-slot {
    text-align: center;
    display: block;
}

.maintenance-link {

    padding: 1px 9px;
    line-height: 16px;
    text-align: center;
    margin-left: 0;
    background-color: #FFBC57;
    font-size: 10px;
    font-weight: 500;
    border-radius: 3px;
    border: 0;
    color: #000;
}

.grid-book-section {
    margin-top: 60px;

}

.grid-book-section-inner {
    background-color: #FBFBFB;
    align-self: flex-start;
    border-radius: 3px;
    border: 1px solid #B2E8FF;
    border-top: 3px solid #657BC1;
    text-align: center;
    padding: 6px 8px;

}


.grid-book-section .maintenance.dropdown-menu {
    margin-top: 5px !important;
    margin-left: 50px !important;
}


.maintenance.dropdown-menu[data-popper-placement="top-start"]:before {
    border-top-color: white;
    border-bottom-color: transparent;
    bottom: -12px;
    top: inherit;
}

.maintenance.dropdown-menu[data-popper-placement="top-start"]:after {
    border-top-color: #4BCAFF;
    border-bottom-color: transparent;
    bottom: -13px;
    top: inherit;
}


.grid-book-section .dropdown-menu[data-popper-placement="top-start"]:before {
    border-top-color: white;
    border-bottom-color: transparent;
    bottom: -10px;
    top: inherit;
}

.grid-book-section .dropdown-menu[data-popper-placement="top-start"]:after {
    border-top-color: #4BCAFF;
    border-bottom-color: transparent;
    bottom: -11px;
    top: inherit;
}

.grid-book-section .dropdown-menu {
    margin-top: 10px !important;
}


.grid-book-section-tooltip .tooltip-inner {
    font-size: 14px;
    font-family: 'Inter', sans-serif;
    max-width: inherit;
    box-shadow: 0px 3px 14px 0px rgba(0, 0, 0, .25);
    border-color: transparent;
    max-width: 250px;
}

.grid-book-section-tooltip.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: #fff !important;
}

.grid-book-section-tooltip.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: #fff !important;
}

.grid-book-section-tooltip.bs-tooltip-start .tooltip-arrow::before {
    border-left-color: #fff !important;
}

.grid-book-section-tooltip.bs-tooltip-end .tooltip-arrow::before {
    border-right-color: #fff !important;
}


/*
.grid-book-section-tooltip.bs-tooltip-start .tooltip-arrow {
    top: 10px !important;
    right: 12px !important;
}

.grid-book-section-tooltip.bs-tooltip-end .tooltip-arrow {
    top: 10px !important;
    left: -14px !important;
}
*/


.grid-book-section-tooltip .tooltip-arrow::after {
    display: none;
}


.grid-column header,
.grid-column .row-col {

    margin-top: -1px;
}

.program-info-over {

    margin: 4px 0;

}

.grid-column header .col {
    min-width: 250px;
}


/*.white-tooltip.tooltip .tooltip-arrow {
    transform: translate(10px) !important;
}
*/

.white-tooltip .tooltip-inner {
    background-color: #ffffff;
    border: 1px solid #4BCAFF;
    border-radius: 3px;
    color: #000;
    font-size: 13px;
    text-align: left;
    padding: 10px 20px;
    max-width: 150px;
}

.white-tooltip.tooltip.bs-tooltip-bottom .tooltip-arrow:before {
    border-bottom-color: white;
    z-index: 2;
}

.white-tooltip.tooltip.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: white;
    z-index: 2;
}

.white-tooltip.tooltip.bs-tooltip-bottom .tooltip-arrow:after {
    border-width: 0 .4rem .4rem;
    border-bottom-color: #4BCAFF;
    border-style: solid;
    z-index: 1;
}

.white-tooltip.tooltip.bs-tooltip-bottom .tooltip-arrow:after {
    border-width: 0 .4rem .4rem;
    border-top-color: #4BCAFF;
    border-style: solid;
    z-index: 1;
}


.white-tooltip.tooltip .tooltip-arrow::after {
    position: absolute;
    content: "";
    border-color: transparent;

}


.white-tooltip.tooltip.bs-tooltip-top .tooltip-arrow::after {
    border-width: .4rem .4rem 0;
    border-style: solid;
    border-top-color: #4BCAFF;
}

.calendar-container .date-change-header .day-date {
    text-align: right;
}

.calendar-container .nav.nav-pills {
    padding: 15px;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 5px !important;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.08);
}

.table.booking-table td {
    padding: 5px 14px;
    vertical-align: middle;
    line-height: normal;
    height: 52px;
}

.table.booking-table th {
    height: 47px;
    padding: 10px 14px;
}


/*new styles added for home page modifications [25-8-22]*/


/*new styles added for home page modifications [29-8-22]*/

.slot-checkbox-group .form-check.active {
    /*  background-color: #E5F8FF;*/
    padding: 12px 15px 12px 15px;
    border-radius: 50px;
}

.slot-checkbox-group .book-status {
    width: 12px;
    height: 12px;
}

.slot-checkbox-group .form-check .form-check-input {
    margin-right: 0;
}


.grid-book-section .dropdown-menu::after,
.grid-book-section .dropdown-menu::before {
    right: 20px;
    left: auto;
}

.gradient-btn {
    align-self: center;
}


.week-list .dropdown-menu {
    position: absolute;
    top: inherit;
    border-color: #4BCAFF;
    min-width: 157px;
    padding: 10px 5px;

}

.week-list .dropdown-menu .dropdown-item:focus,
.week-list .dropdown-menu .dropdown-item:hover {
    color: #ffffff;
    background-color: #00A1E4;
    border-radius: 3px;
}

.week-list .dropdown-menu .dropdown-item {
    font-size: 13px;
    color: #000;
    padding: 8px 10px;
}

.week-list .dropdown-menu::before,
.week-list .dropdown-menu::after {
    content: "";
    position: absolute;
    border: solid transparent;
    border-bottom-color: white;
    border-width: 6px;
    margin-left: -10px;
    border-width: 6px;
    top: -11px;
    left: 20px;
    z-index: 1;


}

.week-list .dropdown-menu::after {

    left: 10px;
    top: -12px;
    border-bottom-color: #4BCAFF;
    z-index: 0;

}

.week-list .dropdown-menu[data-popper-placement="top-end"]::before {
    border-top-color: white;
    border-bottom-color: transparent;
    bottom: -11px;
    top: inherit;
}

.week-list .dropdown-menu[data-popper-placement="top-end"]::after {
    border-top-color: #4BCAFF;
    border-bottom-color: transparent;
    bottom: -12px;
    top: inherit;
}


.week-list .dropdown-menu::after,
.week-list .dropdown-menu::before {
    right: 10px;
    left: auto;
}


.delete-btn {

    border-color: #8E969F;
    border-width: 1px;
    color: #8E969F;

}

.delete-btn:hover {
    color: #fff;
    background-color: #8E969F;
    border-color: #8E969F;

}


/*new styles added for home page modifications [29-8-22]*/


/*new styles added for home page modifications [05-09-22]*/

.grid-book-section-tooltip.decription.tooltip {
    max-width: 190px;
    margin-top: 0 !important;
}

.grid-book-section-tooltip.decription .tooltip-inner {
    font-size: 13px;
    line-height: 22px;
}

.modal-content {
    border: 0;
}

/*new styles added for home page modifications [05-09-22]*/


/*new styles added for home page modifications [14-09-22]*/

.slot-checkbox-group .form-check .form-check-input {
    border-color: #000000;
}

.slot-checkbox-group .form-check .form-check-input:checked[type="radio"] {
    border-color: #fff;
}

.slot-checkbox-group .form-check .form-check-input {
    margin-left: 0;
    margin-right: 0;
    height: 20px;
    width: 20px;
    box-shadow: none;
}


.slot-checkbox-group .form-check label {
    font-size: 13px;
    color: #162860;
    font-weight: 700;
    line-height: normal;
    white-space: nowrap;
    padding-left: 7px;

}

.slot-checkbox-group .form-check.active label {
    color: #fff;
}

.slot-checkbox-group .form-check.available.active {
    background-color: #DAFCEF;
}

.slot-checkbox-group .form-check.available.active label {
    color: #00C67B !important;
}

.slot-checkbox-group .form-check.booked.active {
    background-color: #FABFCB;
}

.slot-checkbox-group .form-check.booked.active label {
    color: #EE4566 !important;
}

.slot-checkbox-group .form-check.myslots.active {
    background-color: #A1B7F9;
}

.slot-checkbox-group .form-check.myslots.active label {
    color: #162860 !important;
}


.slot-checkbox-group .form-check.available .form-check-input:checked[type="radio"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3.2' fill='%2300C67B'/%3E%3C/svg%3E%0A");
}

.slot-checkbox-group .form-check.booked .form-check-input:checked[type="radio"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3.2' fill='%23EE4566'/%3E%3C/svg%3E%0A");
}

.slot-checkbox-group .form-check.myslots .form-check-input:checked[type="radio"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3.2' fill='%23162860'/%3E%3C/svg%3E%0A");
}


.slot-checkbox-group .form-check.active .form-check-label {
    color: #fff !important;
}

.slot-checkbox-group .form-check {
    padding: 12px 15px 12px 15px;
    margin-right: 15px;
    margin-bottom: 0;
}

.alert-count {
    position: absolute;
    top: 0px;
    left: 15px;
    min-width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    background: #EC0010;
    padding: 3px;
}

/*new styles added for home page modifications [14-09-22]*/


/*new styles added  [26-09-22]*/
.white-shadow-tooltip .tooltip-inner {
    background-color: #ffffff;
    border-radius: 3px;
    color: #000;
    font-size: 14px;
    line-height: 22px;
    box-shadow: 0px 3px 14px 0px rgba(0, 0, 0, .25);
    border-color: transparent;
    text-align: left;
    padding: 10px;
}

.white-shadow-tooltip.tooltip.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: #ffffff;
}

.white-shadow-tooltip.tooltip.bs-tooltip-end .tooltip-arrow::before {
    border-right-color: #ffffff;
}

.white-shadow-tooltip.tooltip.bs-tooltip-start .tooltip-arrow::before {
    border-left-color: #ffffff;
}

.white-shadow-tooltip.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: #ffffff;
}

@media (max-width:767px) {

    .facility-type-img-name b img {
        width: 80%;
    }


    .accordion.week-list-view .accordion-button.week-details-view::after {
        display: none;
    }

}

/*new styles added  [26-09-22]*/


/*pagination styles*/

.page-link {
    color: #162860;
    padding: 10px 15px;
}

.page-link:hover {
    color: #000;
}

.page-item.active .page-link {

    background-color: #8E969F;
    border-color: #8E969F;
}

/*pagination styles*/


.invite-people .close {
    margin-top: 15px;
    margin-right: -10px;
}


.schedule-table-btn .btn {
    min-width: inherit;
    font-size: 11px;
    padding: 2px 7px !important;
}

.bg-position-center {
    background-position: center center !important;
}

.b-table.table {
    position: inherit !important;
}


/*toast styles*/

.toast {
    background-color: #fff;
    border-radius: 8px;
    border: 0;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
}

.toast .btn-close {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 12px;
}

.toast-body {
    font-size: 17px;
    padding: 25px;
}

/*toast styles*/

.new-grid-book-section .form-check {
    margin-top: 5px;
    margin-left: 5px;
    position: absolute;
    width: 20px;
}

.ms-hub-logo {
    min-height: inherit;
}


.verify-btn {
    border-radius: 8px !important;
    min-width: inherit;
}


.btn-success {
    background-color: #00C67B !important;
    border-color: #00C67B !important;
}



.otp-inputs .form-control {
    max-width: 90px;
    height: 57px;
    font-size: 24px;
    color: #162860;
    box-shadow: none;
    margin-left: -1px;
}

.otp-inputs .form-control:focus {
    border-color: #B9C1C9;
}

@media (max-width:767px) {
    .otp-inputs .form-control {
        max-width: 50px;
        height: 47px;
        font-size: 18px;
    }

}

.alert-info {
    background-color: #E5F8FF;
    color: #000;
}

.white-shadow-tooltip.m-w-100 .tooltip-inner {
    max-width: 100%;
}



/*dashboard style starts*/


.dashboard-stats {
    border-radius: 10px;
}

.dashboard-table.table {
    border-color: #FCFCFC;
}

.dashboard-table thead th {
    background-color: #162860;
    color: #fff;
}

.dashboard-table td {
    background-color: #E5F8FF;
}

.dashboard-table.table-striped>tbody>tr:nth-of-type(2n+1)>* {
    background-color: #FCFCFC;
}

.dashboard-table tbody {
    outline: none;
    outline-offset: 0;
}


.dashboard-total td {
    font-size: 17px;
    font-weight: 600;
    color: ;
}

/*dashboard style ends*/


.btn-create-schedule {
    display: flex;
    align-items: center;
    color: #ffffff;
    background-color: #00A1E4;
    border-color: #00A1E4;
    font-size: 17px;
    font-weight: 700;
    border-radius: 50px !important;
}


.btn-create-schedule:hover {
    background-color: #0082C5;
    border-color: #0082C5;
    color: #ffffff;
}


.pick-dates {
    background-color: #F9F9F9;
    padding: 20px;
}

.custom-date-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 15px;
    padding: 25px 0 0;
    align-items: center;
    list-style: none;
    margin: 0;

}

.custom-date-list.view {
    grid-gap: 6px;

}

.custom-date-list .custom-date-list-item {
    background-color: #ffffff;
    font-weight: 600;
    color: #162860;
    border-radius: 3px;
    position: relative;
    text-align: center;
}

.custom-date-list .custom-date-list-item .remove-btn {
    position: absolute;
    top: -15px;
    right: -10px;
}


.custom-date-list.view .custom-date-list-item {
    background-color: #f9f9f9;
}



.custom-date-list.view .custom-date-list-item,
.custom-date-list .custom-date-list-item {
    margin: 0;
    padding: 7px 3px;
}

.custom-date-list .custom-date-list-item {
    margin-bottom: 10px;
}


.edit-recurring-radio-group {
    background-color: #FCFCFC;
    max-width: 550px;
    margin: auto;
    width: 100%;
}

.edit-recurring-radio-group .form-check {
    display: flex;
    align-items: center;
    padding: 12px 15px 12px 15px;
    margin-right: 15px;
    margin-bottom: 0;
}

.edit-recurring-radio-group .form-check.active {
    background-color: #E5F8FF;
    padding: 12px 15px 12px 15px;
    border-radius: 50px;
}

.edit-recurring-radio-group .form-check.active .form-check-label {
    color: #162860 !important;
}

.edit-recurring-radio-group .form-check .form-check-input:checked[type="radio"] {
    border-color: #fff;
}

.edit-recurring-radio-group .form-check .form-check-input {
    margin-left: 0;
    margin-right: 0;
    height: 20px;
    width: 20px;
    box-shadow: none;
    border-color: #162860;
}

.edit-recurring-radio-group .form-check .form-check-label {
    font-size: 13px;
    color: #162860;
    font-weight: 700;
    line-height: normal;
    white-space: nowrap;
    padding-left: 7px;
}


/*terms of service*/

.accordion.terms-of-service .accordion-button {
    background-color: #B2EAFF;
    color: #162860;
    font-weight: 500;
    font-size: 13px;
    border-radius: 3px;
}

.accordion.terms-of-service .accordion-item {
    border-color: #E3EDF8;
    margin-bottom: 15px;
    border-radius: 3px;
    border: 0;
}

.accordion.terms-of-service .accordion-body {
    border: 1px solid #E3EDF8;
    border-top: 0;
    border-radius: 0 0 3px 3px;
}

.accordion.terms-of-service .accordion-body p:last-child {
    margin-bottom: 0;
}

.accordion.terms-of-service .accordion-item:not(:first-of-type) {
    border: 0;
}

.accordion.terms-of-service .accordion-button:not(.collapsed) {
    box-shadow: none;
}

.accordion.terms-of-service .accordion-button::after {
    background-image: url(../images/accordion-arrow.svg);
    background-size: 15px 8px;
    background-position: center center;
}


/*terms of service*/




@media (max-width:991px) {
    .book-confirm-m .modal-dialog {
        max-width: 100%;
    }

    .book-terms-m .form-check {
        width: 100%;
        justify-content: flex-end;

    }

    .book-terms-m .form-check input {
        flex-shrink: 0;
    }

    .custom-date-list,
    .custom-date-list.view {
        grid-template-columns: repeat(2, 1fr);
    }

}




/*new schedule details styles starts 26-07-23*/


.new-schedule-view {}

.new-schedule-view .schedule-list-img img {
    border-radius: 20px;
}

.new-schedule-view .schedule-list-img p {
    /*    font-size: 18px;*/
}

.new-schedule-view .schedule-list-items {
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.16);
    border-radius: 10px;
}

.new-schedule-view .schedule-list-items hr {
    margin: 25px 0;
}

.new-schedule-view .schedule-list-items label {
    /*    font-size: 20px;*/
    font-size: 15px;
    font-weight: 300;
}

.new-schedule-view .schedule-list-items p {
    margin: 0;
    /*    font-size: 25px;*/

    font-size: 17px;
    font-weight: 700;

}


.new-schedule-view .page-header {
    /*    font-size: 20px;*/
}

.new-schedule-view .table.booking-table {
    /*    font-size: 20px !important;*/
    font-size: 15px !important;
}

.new-schedule-view .table.booking-table th {
    font-size: 15px;
    font-weight: 300;
}

.new-schedule-view .table.booking-table td {
    font-weight: 700;
}

.new-schedule-view .table.booking-table td,
.new-schedule-view .table.booking-table th {
    height: 75px;
}

/*.fs-20 {
    font-size: 20px;
}*/


.new-schedule-view .btn {
    /*    font-size: 22px;
    font-weight: 500;
    padding: 10px 30px;*/
}

.new-schedule-view .gradient-btn {
    font-size: 14px;
}

.schedule-image img {
    border-radius: 10px;
}


@media (max-width:767px) {


    .new-schedule-view .schedule-list-items {
        box-shadow: none;
        border-radius: 24px;
        background-color: #D8F3FF;
    }

    .new-schedule-view .schedule-list-items label {
        font-size: 13px;
        color: #116692;
    }

    .new-schedule-view .schedule-list-items p {
        /*        font-size: 17px;*/
        font-size: 14px;
        color: #116692;
    }


    .new-schedule-view .page-header {
        font-size: 13px;
        color: #116692 !important;
    }

    .new-schedule-view .table.booking-table {
        font-size: 14px !important;
    }

    .new-schedule-view .table.booking-table th {
        font-size: 14px;
        font-weight: 600;
    }

    .new-schedule-view .table.booking-table td {
        font-weight: 400;
    }

    .new-schedule-view .table.booking-table td,
    .new-schedule-view .table.booking-table th {
        height: 50px;
    }

    .new-schedule-view hr {
        background-color: #A9D2E6;
    }

    .new-schedule-view .schedule-list-img p {
        /*        font-size: 14px;*/
    }

    .new-schedule-view .schedule-section label.form-check input:checked+span {
        background-color: #fff;
    }


    .new-schedule-view .btn {
        /*font-size: 15px;
        font-weight: 500;
        padding: 10px 20px;
        border-radius: 50px;*/
    }

    .new-schedule-view .gradient-btn {
        font-size: 13px;
        border-radius: 50px;
    }

    .new-schedule-view .schedule-list-items hr {
        margin: 18px 0;
    }

}


/*new schedule details styles ends 26-07-23*/




/********************mobile view starts*************************/

@media (max-width:767px) {

    body {
        background: linear-gradient(90deg, rgba(19, 91, 138, 1) 0%, rgba(25, 48, 102, 1) 100%);
        font-size: 12px;
        font-weight: 400;
    }

    main>.container-fluid {
        padding: 0 0;
        padding-top: 0px;
    }

    .container-fluid {
        padding-left: 20px;
        padding-right: 20px;
    }

    main {
        margin-top: 170px;
    }

    header {
        min-height: 110px;
        padding-top: 40px;
        background: linear-gradient(90deg, rgba(19, 91, 138, 1) 0%, rgba(25, 48, 102, 1) 100%);
        /*border-radius: 0 0 20px 20px;*/
        z-index: 99;
    }

    .mt-120 {
        margin-top: 120px !important;
    }


    .btn {
        font-size: 13px;
        padding: .25rem .60rem;
    }

    .sign-up-buttons .btn {
        margin-bottom: 5px;
    }

    .profile-name b {
        font-size: 12px;
        max-width: 60px;
    }

    .page-name {
        position: absolute;
        text-transform: uppercase;
        font-size: 16px;
        font-weight: 400;
        margin-top: 25px;
        font-family: 'Montserrat', sans-serif;
        /*max-width: 160px;*/
        max-width: 100%;
        padding: 0 25px;
        width: 55% !important;
    }

    .main-content-area {

        border-radius: 20px 20px 0 0;
    }

    .search-bar {
        padding-left: 20px;
        padding-right: 20px;
    }

    .search-bar input {
        background-color: transparent;
        border-color: #ffffff;
        color: #ffffff !important;
        box-shadow: none;
        font-size: 10px;
        padding-left: 15px;
    }


    .search-bar .input-group {
        height: 42px;
        border: 1px solid #ffffff;
        border-radius: 50px;
    }

    .search-bar .input-group-append .btn {
        height: 40px;
        background-color: transparent !important;
        padding: .375rem 0.9rem;
    }


    .search-bar .form-control:focus {
        background-color: transparent;
    }

    .search-bar .form-control::placeholder {
        color: #fff;
        opacity: 0.8;

    }

    .offcanvas {
        top: 0;
    }


    .day-week-header {
        box-shadow: none;
        border-top: 0;
        border-bottom: 1px solid #C7DBE6;
    }

    .navbar-nav .dropdown-menu::after,
    .navbar-nav .dropdown-menu::before {
        right: 9px;
        left: auto;
    }

    .day-week-header {
        padding: 15px;
        align-items: center;
    }


    .nav-pills .nav-link.active,
    .nav-pills .show>.nav-link {
        border: 1px solid #116692;
        background-color: #116692;
        font-weight: 500;

    }

    .nav-pills .nav-link {
        padding: .3rem .7rem;
        border: 1px solid #116692;
        background-color: #fff;
        color: #116692;
        min-width: inherit;
        margin-right: 5px;

    }

    .filter-btn {

        right: 20px;
        top: 10px;

    }

    .date-slot {
        display: flex;
        align-items: center;
        cursor: pointer;

    }

    .date-nav-btn {
        position: inherit;
    }

    .date-nav-btn button {
        display: flex;
        align-items: center;
    }

    .date-change-header .day-date {
        color: #116692;
        font-weight: 600;
        min-width: inherit;
        text-align: center;
    }

    .today-btn {
        padding: .2rem 1.0rem;
        border: 1px solid #116692;
        background-color: #fff;
        color: #116692;
    }

    .date-change-header {
        padding-left: 10px;
        padding-right: 15px;
    }

    .slot-checkbox-group {
        padding: 10px;
        background-color: transparent;
        border: 1px solid #C7DBE6;
        border-width: 1px 0 0 0;
        justify-content: space-around;
        box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.08);

    }

    .slot-checkbox-group .form-check.active {
        padding: 8px;
    }

    .book-status {
        width: 10px;
        height: 10px;
    }


    .slot-checkbox-group .form-check .form-check-label {

        font-weight: 600;
    }

    .slot-checkbox-group .form-check {
        margin-right: 5px;
    }

    .slot-checkbox-group .form-check .form-check-input {
        margin-right: 0;
    }

    .datepicker td,
    .datepicker th {
        text-align: center;
        padding: 8px;
        font-size: 12px;

    }

    .accordion.week-list-view .accordion-item {
        margin-bottom: 0;
    }

    .accordion.week-list-view .accordion-item {
        border: 0;
    }

    .accordion.week-list-view .accordion-button {
        font-size: 13px;
        font-weight: 700;
        text-transform: uppercase;
        border-radius: 0;
        border-bottom: 1px solid #C7DBE6;
        background-color: #fff;
        padding: 15px 12px;
        color: #116692;
    }

    .day-list-mobile {
        padding: 15px;
    }

    .accordion.week-list-view .accordion-item:not(:first-of-type) {
        border-top: 0;
    }

    .accordion.week-list-view .accordion-button::after {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Group_9043' data-name='Group 9043' xmlns='http://www.w3.org/2000/svg' width='12.21' height='7.545' viewBox='0 0 12.21 7.545'%3e%3cpath id='Path_3284' data-name='Path 3284' d='M18.105,23.545,12,17.44,13.44,16l4.665,4.665L22.77,16l1.44,1.44Z' transform='translate(-12 -16)' fill='%23116692'/%3e%3c/svg%3e ");
    }

    .rink-item-list {
        background-color: #D8F3FF;
        border-radius: 24px;
        padding: 20px;
        padding-bottom: 10px;
        margin-bottom: 10px;
        font-weight: 600;

    }

    .rink-item-list p {
        margin-bottom: 5px;
        color: #116692;
        text-decoration: none;

    }

    .rink-item-list p span {
        color: #02131C;
        margin-right: 3px;
    }

    hr {
        background-color: #E3EDF8;
    }

    .advanced-filter-header span::after {
        margin-left: auto;
    }

    .modal-content {
        border-radius: 24px;
    }


    .modal .btn-primary {
        background-color: #162860;
        border-color: #162860;
    }

    .advanced-filter-header span::after {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Group_9043' data-name='Group 9043' xmlns='http://www.w3.org/2000/svg' width='12.21' height='7.545' viewBox='0 0 12.21 7.545'%3e%3cpath id='Path_3284' data-name='Path 3284' d='M18.105,23.545,12,17.44,13.44,16l4.665,4.665L22.77,16l1.44,1.44Z' transform='translate(-12 -16)' fill='%23116692'/%3e%3c/svg%3e ");
        background-size: 15px 8px;
        background-position: center center;

    }

    .advanced-filter-header span:not(.collapsed)::after {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Group_9043' data-name='Group 9043' xmlns='http://www.w3.org/2000/svg' width='12.21' height='7.545' viewBox='0 0 12.21 7.545'%3e%3cpath id='Path_3284' data-name='Path 3284' d='M18.105,23.545,12,17.44,13.44,16l4.665,4.665L22.77,16l1.44,1.44Z' transform='translate(-12 -16)' fill='%23116692'/%3e%3c/svg%3e ");
        transform: rotate(-180deg);
    }


    .advanced-filter-header {
        color: #116692 !important;
    }


    /*booking confirm table styles start*/

    .mobile-responsive-table table {
        border: 0;

    }


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

    .mobile-responsive-table table tr {

        display: block;
        background-color: #D8F3FF;
        margin-bottom: 10px;
        border-radius: 24px;
        padding: 10px 20px;
    }

    .mobile-responsive-table table td {
        font-weight: 600;
        color: #116692;
        border-bottom: 1px solid #A9D2E6;
        display: block;
        font-size: 12px;
        text-align: right;
    }

    .mobile-responsive-table table td::before {

        content: attr(data-label);
        float: left;
        color: #02131C;
        margin-right: 10px;
    }

    .mobile-responsive-table table th,
    .mobile-responsive-table table td {
        border-width: 0 0 1px 0;
        padding: 10px 0;
    }

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

    .mobile-responsive-table .table .btn:last-child {
        margin-right: 0 !important;
    }


    /*booking confirm table styles end*/


    .top-header-mobile {
        display: flex;
        align-items: center;
        padding: 15px 20px;
        border-bottom: 1px solid #C7DBE6;
    }

    .form-check {
        min-height: inherit;
    }

    .form-check-label {
        color: #116692;
        font-weight: 600;
    }

    .form-check .form-check-input {
        width: 18px;
        height: 18px;
    }

    .dz-default.dz-message .dz-button::after {
        font-size: 13px;
        padding: .25rem 1.0rem;
    }


    /*index page*/
    .menu-block-item {
        flex-direction: row;
        justify-content: flex-start;
        margin: 10px 5px;
        padding: 20px;
        min-height: inherit;
    }

    .menu-block-item img {
        width: 50px;
        height: 50px;
    }

    .menu-block-item span {
        font-size: 15px;
        margin-left: 25px;
        text-align: left;
    }

    .bg-light-blue {
        background-color: #E5F8FF;
    }

    /*index page*/


    .facility-type-img-name {
        padding: 7px;
        font-size: 12px;

    }


    .menu-blocks.single {
        padding-left: 15px;
        padding-right: 15px;
    }

    .single .menu-block-item {
        flex-direction: column;
        min-height: 250px;
        justify-content: center;
        align-items: center;

    }

    .single .menu-block-item img {
        width: inherit;
        height: inherit;

    }

    .single .menu-block-item span {

        font-size: 18px;
        margin-left: 0;

    }

    .schedule-section .nav-pills .nav-link {
        font-size: 12px;
        font-weight: 600;
    }

    .manual-schedule-items .nav-tabs .nav-link {
        font-size: 12px;
    }

    .schedule-section {
        max-width: 100%;
    }

    .schedule-section label.form-check span {
        padding: 10px 12px;
        margin-right: 6px;
    }


    .sign-up-container,
    .notification-list,
    .invoice-details {
        border-radius: 24px;
    }

    .invoice-content {
        padding: 20px 20px 0;
        font-size: 12px;
    }

    .invoice-header {
        padding: 10px 20px;
        font-size: 14px;
    }

    .day-view-calendar header {
        background: transparent;
        border-radius: 0;
        padding: 0;
    }

    .day-view-calendar,
    .year-view-calendar,
    .month-view-calendar {
        border: 0;
    }

    .primary-font-color-mobile {
        color: #116692 !important;
    }

    .month-compact-view .date-grid button {
        padding: 15px 5px;
    }

    .calendar-container-mobile .nav-pills .nav-link {

        border: 1px solid #B9C1C9;
        color: #8E969F;
    }

    .calendar-container-mobile .nav-pills .nav-link.active,
    .calendar-container-mobile .nav-pills .show>.nav-link {
        border: 1px solid #00A1E4;
        background-color: #00A1E4;
        color: #fff;

    }

    .modal-title {
        font-size: 18px;
    }

    .success-msg {
        font-size: 25px;
    }

    .sign-up-container {
        padding: 15px;

    }

    .rink-item-list hr {
        background-color: #C2E3F3;

    }

    .application-settings .card {
        border-radius: 24px;
    }

    .application-settings .card-header {
        border-radius: 24px 24px 0 0;
        font-size: 13px;
    }

    .application-settings .card-body {
        border-radius: 0 0 24px 24px;
    }

    .application-settings .card-title {
        font-size: 12px;
        color: #116692;
    }

    .program-type-list .program-type-list-item {
        padding: 10px;
        margin: 15px 20px 20px 0;
    }

    .program-type-list .program-type-list-item .remove-btn img {
        width: 18px;
    }

    .application-settings .settings-timeset {
        background-color: transparent;
        border-radius: 0;
        border-width: 0 0 1px 0;
        border-color: #C3D7E2;
        padding: 10px 0;
    }

    .application-settings .notification-settings-checkbox-group {
        justify-content: flex-start;
    }

    .application-settings .notification-settings-checkbox-group .form-check .form-check-label {
        font-size: 12px;
        font-weight: 500;
    }

    .application-settings p {
        font-weight: 600;
    }

    .program-type-container .btn img {
        width: 18px;
    }

    .badge {
        padding: 5px 10px;
        font-size: 12px;
        font-weight: 500;
    }

    .mobile-view header .navbar .btn {
        border-radius: 0;
    }

    .btn {
        border-radius: 0;
    }

    .btn-primary,
    .btn-secondary,
    .btn-info,
    .btn-outline-secondary,
    .browse-btn {
        border-radius: 50px;
    }

    .alert-modal .modal-header {
        border-top-left-radius: 24px;
        border-top-right-radius: 24px;
    }

    .dowPicker .dowPickerOption {

        margin-right: 10px;
        margin-bottom: 10px;
    }

    .dowPicker .dowPickerOption label {
        font-size: 15px;
        width: 33px;
        height: 33px;
    }

    .maintenance-container .form-check-label {
        font-size: 13px;
    }

    .form-control {
        padding: 8px .75rem;
    }

    .form-control[type="file"] {
        height: 39px;
    }

    .form-select {
        padding: 8px 2.25rem 8px .75rem;
    }

    .btn:focus {
        box-shadow: none;
        outline: 0;
    }

    .btn-primary,
    .btn-secondary,
    .btn-info,
    .gradient-btn {
        min-width: inherit;
    }

    .filter-buttons {
        padding: 20px;
    }

    .modal-header,
    .modal-body,
    .modal-footer {

        padding-right: 20px;
        padding-left: 20px;
    }

    .modal-footer {
        padding-bottom: 20px;

    }

    .month-compact-view {
        padding: 25px 15px 20px;
    }

    .page-name {
        width: inherit !important;
        line-height: 15px;
    }

    .mobile-view header .navbar .btn {
        margin-top: -10px;
    }

    main {
        margin-top: 115px;
    }

    .profile-name {
        line-height: 15px;
        margin-bottom: 5px;
    }


    .slot-checkbox-group .form-check .form-check-input {
        /* margin-right: 5px;*/
    }

    .slot-checkbox-group .form-check {
        padding: 8px;
    }

    .navbar-brand {
        border-radius: 0 0 20px 20px;
        min-height: 50px;
    }

    .alert-count {
        left: auto;
        right: -8px;
    }

    .dashboard-total td {
        font-size: 14px !important;
        font-weight: bold !important;
    }

    .upload-schedule input[type=file] {
        padding-right: 80px;
    }

    .btn-create-schedule {
        font-size: 12px;
        height: 30px;
    }

    .btn-create-schedule img {
        width: 23px;
        height: 23px;

    }

}

@media (max-width:575px) {

    .contact-links li {
        font-size: 11px !important;
        white-space: nowrap;
    }

    .contact-links li img {
        margin-right: 5px !important;
    }

}

/********************mobile view ends*************************/


/********************for print starts*************************/
@media print {


    *,
    *::before,
    *::after {
        text-shadow: none !important;
        box-shadow: none !important;
    }

    a:not(.btn) {
        text-decoration: underline;
    }

    abbr[title]::after {
        content: " ("attr(title) ")";
    }

    pre {
        white-space: pre-wrap !important;
    }

    pre,
    blockquote {
        border: 1px solid #adb5bd;
        page-break-inside: avoid;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    @page {
        size: a3;
    }

    body {
        min-width: 992px !important;
    }

    .container {
        min-width: 992px !important;
    }

    .badge {
        border: 1px solid #000;
    }

    .table {
        border-collapse: collapse !important;
    }

    .table td,
    .table th {
        background-color: #fff !important;
    }

    .table-bordered th,
    .table-bordered td {
        border: 1px solid #dee2e6 !important;
    }

    .table-dark {
        color: inherit;
    }

    .table-dark th,
    .table-dark td,
    .table-dark thead th,
    .table-dark tbody+tbody {
        border-color: #dee2e6;
    }

    footer,
    .breadcrumb,
    .btn {
        display: none;
    }


}

/********************for print style end*************************/

/*---Copy Alert styles started  [08/09/2023]---*/

.copied-alert {
    position: fixed;
    right: 10px;
    top: 10px;
    text-align: center;
    z-index: 9999;
    padding: 15px 25px !important;
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    border: 0;
    border-radius: 3px;
}

/*---Copy Alert styles ended  [08/09/2023]-----*/


/*---Search Section modified started [08/22/2023]-----*/

.search-section {
    min-height: 200px;
}

.search-section .search-bar {
    margin-top: 0 !important;
}

/*---Search Section modified ended [08/22/2023]-----*/


/* styles for modified file upload UI started */

.rink-image-list .rink-img {
    overflow: inherit;
    border: 0;
    width: auto;
    height: auto;
}

.rink-image-list .rink-img img {
    border-radius: 10px;
}

.rink-image-list .rink-img .close {
    width: 24px;
    height: 24px;
}


.marketing-upload-pic {
    width: 100px;
    height: 60px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;

}

.rink-image-list-img {
    width: 90px;
    height: 60px;
    overflow: hidden;
}

.rink-image-list-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
    border: 2px solid #162860;
}


/*styles for modified file upload UI ended */