/* custom style starts here*/
:root {
    /* Colors: */
    --main-bg-color: #68246d;
    --main-color: #002a41;

    /* Font/text values */
    --main-font-family-open-sans: Open Sans, Arial, sans-serif;
    --main-font-style-normal: normal;
    --main-font-weight-600: 600px;
    --main-font-weight-400: 400px;
    --main-font-weight-500: 500px;
    --main-font-size-16: 16px;
    --main-character-spacing-0-16: 0.16px;
    --main-line-spacing-42: 42px;
}

/* Character Styles */
.main-character-style-1 {
    font-family: var(--main-font-family-open-sans);
    font-style: var(--main-font-style-normal);
    font-weight: var(--main-font-weight-600);
    font-size: var(--main-font-size-16);
    line-height: var(--main-line-spacing-42);
    letter-spacing: var(--main-character-spacing-0-16);
    color: var(--main-color);
}
a{
    cursor: pointer;
}
header{
    height: 155px;
}
hr{
    border-top: 1px solid #002A4133 !important; 
    opacity: 1;
}
body {
    font-family: var(--main-font-family-open-sans);
    font-style: var(--main-font-style-normal);
    font-weight: var(--main-font-weight-600);
    font-size: var(--main-font-size-16);
    letter-spacing: var(--main-character-spacing-0-16);
    color: var(--main-color);
}
::placeholder {
    font-size: 14px !important;
}
::-moz-selection { /* Code for Firefox */
    color: #fff;
    background: #68246d;
  }
  
  ::selection {
    color: #fff;
    background: #68246d;
  }
p {
    font-family: var(--main-font-family-open-sans);
    font-size: var(--main-font-size-16);
    font-style: var(--main-font-style-normal);
    color: var(--main-color);
    font-weight: var(--main-font-weight-400);
}
a{
    font-size: 16px;
}
.modal-md {
    max-width: 45% !important;
}
.modal-sm {
    max-width: 25% !important;
}
.common-header{
    font-size: 16px;
    color: #68246D;
    font-weight: bold;
    margin-bottom: 16px;
}
.w-300{
width: 300px !important;
}
.w-600{
width: 600px !important;
}
.common-sub-header{
font-size: 20px;
color: #002A41;
font-weight: bold;
margin-bottom: 16px;
}
.form-hide{
    display: none;
}
:focus-visible {
    outline:0 !important
  }
.cursor-pointer{
    cursor: pointer !important;
}
/* .mb-3 {
    margin-bottom: 1.5rem !important;
} */
button:disabled,a:disabled, button.disabled,a.disabled {
    pointer-events: none !important;
  }
.brand_link {
    text-decoration: underline !important;
}

.wrap-word {
    white-space: break-spaces !important;
}

.v-align-middle {
    vertical-align: middle !important;
}

p {
    font-weight: 400;
    letter-spacing: 0.16px;
}
.text-green{
color: green !important;
}


.border-bottom-brand {
    border-bottom: 1px solid #68246d !important;
}

.border-bottom-brand-2 {
    border-bottom: 1px solid #002a41 !important;
}

.border-top-brand {
    border-top: 1px solid #68246d !important;
}

.border-top-brand-2 {
    border-top: 1px solid #002a41 !important;
}

.border-radius-none {
    border-radius: 0 !important;
}

.form-checkbox-default .form-control-input:checked~.form-control-label::before {
    background-color: #fff;
    border: 1px solid #002a41;
    border-radius: 4px;
}

.form-checkbox-default .form-control-input:checked~.form-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='black' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.form-checkbox-default .form-control-input:active~.form-control-label::before {
    background-color: #fff;
}
.form-checkbox-default .form-control-label::after{
    background-color: #fff;
    border: 1px solid #002a41;
    border-radius: 4px;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    opacity: 1 !important;
    padding-bottom: 5px;
    margin-left: 16px;
}

.pl-44 {
    padding-left: 44px;
}

.border-right-brand {
    border-right: 1px solid #002a41 !important;
}

.border-left-brand {
    border-left: 1px solid #002a41 !important;
}

.add-focus a:focus {
    box-shadow: 0 0 0 0.2rem rgba(105, 136, 228, 0.5) !important;
}

.add-focus input:focus {
    box-shadow: 0 0 0 0.2rem rgba(105, 136, 228, 0.5) !important;
}

.add-focus .btn:focus {
    box-shadow: 0 0 0 0.2rem rgba(105, 136, 228, 0.5) !important;
}

.p-r-62 {
    padding-right: 62px;
}

p {
    font-size: 16px;
}

label {
    font-size: 16px;
    color: #002a41;
}

label.error {
    font-size: 14px;
    color: #cc0000;
}

.w-15 {
    width: 15%;
}

ul li {
    font-size: 1rem;
}

.form-control {
    height: 40px;
    border-radius: 0;
    font-size: 1rem;
    color: #002a41 !important;
    border: 1px solid #002a41;
}

::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-size: 0.75rem;
}

::-moz-placeholder {
    /* Firefox 19+ */
    font-size: 0.75rem;
}

:-ms-input-placeholder {
    /* IE 10+ */
    font-size: 0.75rem;
}

:-moz-placeholder {
    /* Firefox 18- */
    font-size: 0.75rem;
}

.other-form-class {
    border-radius: 0 !important;
    padding: 0.6rem !important;
}


.menu-bar .dropdown-submenu {
    position: relative;
}

.menu-bar .dropdown-menu.submenu-right {
    left: 100% !important;
    top: -2%;
}

.menu-bar .dropdown-menu > li > a:after {
    display: none;
}
.brand-bg-color{
    background-color: #68246d !important;
}
.color-maroon,
.color-maroon:hover {
    color: #68246d !important;
    text-decoration: none;
}

.form-border {
    border: 1px solid #aaa;
}

.color-text {
    color: #002a41 !important;
}

.no-decorate {
    text-decoration: none !important;
}

.btn-maroon-dark {
    background-color: #68246d ;
}

.btn.btn-user:hover,
.btn.btn-user:focus {
    background-color: #68246d;
}

.maroon-dark {
    background-color: #68246d !important;
}

.btn-common-default {
    background-color: #fff;
}

.navbar-brand.sidebar-brand img {
    background: #fff;
    padding: 0.6rem;
    border-radius: 5px;
    margin-top: 1rem;
    height: 68px;
    width: 10em;
}

.navbar-brand.sidebar-brand {
    padding: 0 1rem;
    text-align: left;
}

.header-siderbar {
    color: #fff;
    font-size: 0.8rem;
    padding-left: 1rem;
    font-weight: bold;
}

.sidebar.left-nav .nav-item .nav-link {
    padding: 0rem 2rem 1rem;
    line-height: 20px;
    position: relative;
}

.sidebar.left-nav .nav-item .nav-link[data-toggle="collapse"]::after {
    position: absolute;
    right: 10px;
    top: 0;
}

.sidebar.left-nav {
    background-color: #68246d;
    z-index: 1111;
    position: fixed;
    top: 0;
}

form.user .form-control-user {
    padding: 1.2rem 1rem;
}

.header-wc {
    font-size: 1.2rem;
}

.login-wrapper {
    padding: 2rem 2rem 3rem 1rem;
}

/* @media (min-width:1200px){.container.login-container{max-width:1000px;}
 } */
.sidebar-toggled .sidebar.left-nav {
    width: 8rem !important;
    position: relative;
    top: 0;
    flex-shrink: 0 !important;
    transition: width 0.15s ease-in-out !important;
    height: 100%;
}

/* .sidebar.left-nav{transform:translateX(0);}
  */
.sidebar.left-nav {
    width: 15rem !important;
    flex-shrink: 0 !important;
    transition: width 0.15s ease-in-out !important;
    background-color: #68246d;
    z-index: 1111;
    position: relative;
    top: 0;
    height: 100%;
}

.sidebar-toggled .navbar-brand.sidebar-brand img {
    height: 50px;
    width: 6em;
}

.sidebar-menu-icons {
    justify-content: start;
    position: relative;
}

.sidebar-menu-icons i {
    display: none;
}

.sidebar-toggled .sidebar-menu-icons i {
    display: block !important;
    font-size: 1.5rem !important;
    text-align: center;
}

.sidebar-menu-icons span {
    margin-left: 0.5rem;
    text-align: left;
    font-size: 0.8rem;
}

.sidebar.left-nav .nav-item {
    margin-bottom: 0.6rem;
}

.sidebar-menu-icons i:before {
    position: absolute;
    top: 15%;
    left: -14px;
    display: block;
}

.sidebar-toggled .sidebar.toggled .nav-item .nav-link span {
    display: none;
}

.sidebar-toggled .sidebar-menu-icons i:before {
    left: 50%;
}

.sidebar-toggled .sidebar.left-nav .nav-item .nav-link {
    padding: 2rem 2rem 1rem;
}

.sidebar-toggled .hide-on-toggle {
    display: none !important;
}

.sidebar-toggled #sidebarToggle {
    margin-top: 2rem !important;
}

.sidebar-toggled .dashboard-naming {
    display: none !important;
}

.section-right {
    padding-top: 5.2rem;
}

.msg {
    display: none;
}

.error {
    color: red;
}

.success {
    color: green;
}

.scrollbar {
    height: 150px;
    width: auto;
    background: #f5f5f5;
    overflow-y: scroll;
    margin-bottom: 25px;
    min-height: 450px;
}

.style-1::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #f5f5f5;
}

.style-1::-webkit-scrollbar {
    width: 6px;
    background-color: #f5f5f5;
}

.style-1::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #555;
}

/* .homepage-header{padding:2rem 6rem 2rem 6rem;} */
.homepage-header h1 {
    color: #68246d;
    font-weight: bold;
    padding-bottom: 1rem;
    font-size: 1.8rem;
}

.homepage-header p {
    font-size: 18px;
    /* padding-left:4rem;padding-right:4rem;*/
}

.homepage-header h1::after {
    display: block;
    content: "";
    border-top: 0.3rem solid #68246d;
    width: 5rem;
    transform: translateY(-1rem);
    margin: 0px auto;
    margin-top: 2rem;
}

.carousel-item {
    height: 400px;
    background-color: #777;
}

.carousel.carousel-homepage .carousel-caption {
    top: 6%;
    left: 5%;
    height: 160px;
}

.carousel.carousel-homepage .carousel-caption.no_break {
    top: 12% !important;
}

.carousel.carousel-homepage .carousel-caption p {
    font-size: 18px;
}

.carousel.carousel-homepage .carousel-indicators {
    top: 85%;
    bottom: 0;
    padding-top: 5rem;
}

.carousel.carousel-homepage .carousel-indicators li {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #fff;
    border: 2px solid#68246D;
}

.carousel.carousel-homepage .carousel-indicators li.active {
    background-color: #68246d;
}

.carousel.carousel-homepage .carousel-caption .caption-heading {
    font-weight: bold;
    font-size: 34px;
    padding-bottom: 0.5rem;
    line-height: 40px;
}

.carousel.carousel-homepage .carousel-caption {
    padding-bottom: 0rem;
    padding-top: 0 !important;
}

.small-icon {
    font-size: 14px;
}

.horizontal_line {
    border-top: 1px solid #002a41 !important;
}

.btn.btn-more,
.btn.btn-more:focus {
    background-color: #fff !important;
    color: #68246d;
    font-weight: bold;
    font-size: 18px;
    border: 1px solid #68246d;
    text-transform: capitalize;
    width: 180px;
    border-radius: 0px 0px 40px 0px;
    height: 45px;
    text-align: left;
    padding: 8px 15px;
    margin-top: 12px;
    -webkit-transition: ease-out 0.4s;
    -moz-transition: ease-out 0.4s;
    transition: ease-out 0.4s;
}
.menu-bar .navbar-nav li:hover > ul.dropdown-menu{
display: block;
}
.btn.btn-more:hover {
    background-color: #68246d !important;
    color: #fff;
    font-weight: bold;
    border: 1px solid #fff !important;
    font-size: 18px;
    border: 0;
    text-transform: capitalize;
    width: 180px;
    border-radius: 0px 0px 40px 0px;
    height: 45px;
    text-align: left;
    padding: 8px 15px;
    margin-top: 12px;
}

.btn.btn-view,
.btn.btn-view:focus {
    background-color: #68246d;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    width: 190px;
    margin-top: 1rem;
    border: 0;
    border-radius: 0px 0px 40px 0px;
    padding: 0.8rem 1.5rem 0.8rem 0;
    text-transform: capitalize;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: linear;
    box-shadow: 0px 0 0 rgb(104 36 109 / 82%) inset;
}
.btn.submit-abstract:hover {
    background-color: #68246dd1 !important;
    box-shadow: 235px 0 0 rgb(104 36 109 / 82%) inset;
}

.btn.submit-abstract,
.btn.submit-abstract:focus {
    background-color: #68246d;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    width: 235px;
    margin-top: 1rem;
    border: 0;
    border-radius: 0px 0px 40px 0px;
    padding: 12px;
    height: 50px;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: linear;
    box-shadow: 0px 0 0 rgb(104 36 109 / 82%) inset;
}
.btn.submit-abstract-details:hover {
    background-color: #68246dd1 !important;
    box-shadow: 235px 0 0 rgb(104 36 109 / 82%) inset;
}

.btn.submit-abstract-details,
.btn.submit-abstract-details:focus {
    background-color: #68246d;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    width: 235px;
    height: 50px;
    margin-top: 1rem;
    border: 0;
    border-radius: 0px 0px 40px 0px;
    padding: 12px;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: linear;
    box-shadow: 0px 0 0 rgb(104 36 109 / 82%) inset;
}

.btn.btn-view i {
    font-size: 14px;
}

.btn.btn-faqs,
.btn.btn-faqs:hover,
.btn.btn-faqs:focus {
    background-color: #fff;
    color: #68246d;
    font-weight: 800;
    font-size: 18px;
    width: 145px;
    height: 40px;
    border: 0;
    margin-top: 1rem;
    border-radius: 0px 0px 37px 0;
    text-transform: capitalize;
}

.btn.btn-faqs i {
    font-size: 12px;
}

.btn.btn-contact,
.btn.btn-contact:hover,
.btn.contact:focus {
    background-color: #68246d;
    color: #fff;
    font-weight: bold;
    font-size: 0.8rem;
    margin-top: 1rem;
    border: 0;
    border-radius: 0;
    border-bottom-right-radius: 26px;
    padding: 0.4rem 1.5rem;
}

.btn.btn-submit:hover{
    background-color: rgba(104,36,109,.8196078431372549)!important;
    box-shadow: inset 150px 0 0 rgb(104 36 109 / 82%);
}
.btn.btn-submit,
.btn.submit:focus {
    background-color: #68246d !important;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    border: 0;
    border-radius: 0 0 37px 0;
    outline: 0;
    width: 150px;
    height: 50px;
    text-align: center;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: linear;
    box-shadow: 0px 0 0 rgb(104 36 109 / 82%) inset;
}
.btn.btn-qna-submit,
.btn.btn-qna-submit:hover,
.btn.btn-qna-submit:focus {
    background-color: #68246d !important;
    color: #fff !important;
    font-weight: bold;
    font-size: 18px;
    border: 1px solid #68246d;
    border-radius: 0 0 37px 0;
    width: 130px;
    outline: 0;
    height: 50px;
    padding: 10px 20px;
    text-align: left;
}

.btn.btn-submit i {
    font-size: 12px;
}
.height-100{
    height: 100px;
}
.btn.statement-period:hover{
    background-color: rgba(104,36,109,.8196078431372549)!important;
    box-shadow: inset 220px 0 0 rgb(104 36 109 / 82%);
}

.btn.statement-period,
.btn.statement-period:focus {
    width: 220px;
    background-color: #68246d !important;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    height: 50px;
    margin-top: 1rem;
    border: 0;
    border-radius: 0 0 40px 0;
    text-transform: capitalize;
    -webkit-transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    box-shadow: inset 0 0 0 rgb(104 36 109 / 82%);
}

.btn.btn-submit.btn-bank-ac:hover{
    background-color: rgba(104,36,109,.8196078431372549)!important;
    box-shadow: inset 320px 0 0 rgb(104 36 109 / 82%);
}
.btn.btn-submit.btn-bank-ac,
.btn.btn-submit.btn-bank-ac:focus {
    height: 50px;
    font-size: 18px;
    width: 320px;
    border-radius: 0px 0px 37px 0px;
    text-align: left;
    padding-left: 20px;
    -webkit-transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    box-shadow: inset 0 0 0 rgb(104 36 109 / 82%);
}

.bb-border {
    border-bottom: 1px solid #002a414d;
}

.page-item.active .page-link {
    background-color: #68246d !important;
    color: #fff !important;
    font-weight: bold;
}

.page-item:last-child .page-link {
    color: #68246d !important;
}

.page-item .page-link {
    color: #68246d;
    font-weight: bold;
}

.btn-add-address,
.btn-add-address:hover,
.btn-add-address:focus {
    height: 50px;
    font-weight: bold;
    font-size: 18px;
    width: 200px;
    border-radius: 0px 0px 37px 0px;
    background-color: #68246d !important;
    color: #fff;
    padding: 10px 20px;
    text-align: left;
}

.btn-register-now,
.btn-register-now:hover,
.btn-register-now:focus {
    height: 50px;
    font-weight: bold;
    font-size: 18px;
    width: 200px;
    border-radius: 0px 0px 37px 0px;
    background-color: #68246d !important;
    color: #fff;
    padding: 10px 20px;
    text-align: left;
}

.btn-add-del-address,
.btn-add-del-address:hover,
.btn-add-del-address:focus {
    height: 50px;
    font-weight: bold;
    font-size: 18px;
    width: 270px;
    border-radius: 0px 0px 37px 0px;
    background-color: #68246d !important;
    color: #fff;
    padding: 10px 20px;
    text-align: left;
}

.btn-add-collection,
.btn-add-collection:focus,
.btn-add-collection:hover {
    height: 50px;
    font-weight: bold;
    font-size: 18px;
    width: 220px;
    border-radius: 0px 0px 37px 0px;
    background-color: #68246d !important;
    color: #fff;
    padding: 10px 20px;
    text-align: left;
}

.btn-order-now:hover{
    background-color: rgba(104, 36, 109, .8196078431372549) !important;
    box-shadow: inset 170px 0 0 rgb(104 36 109 / 82%);
}
.btn-order-now,
.btn-order-now:focus{
    height: 50px;
    font-weight: 700;
    font-size: 18px;
    width: 170px;
    border-radius: 0 0 37px 0;
    background-color: #68246d;
    color: #fff;
    padding: 10px 20px;
    text-align: left;
    -webkit-transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    box-shadow: inset 0 0 0 rgb(104 36 109 / 82%);
}

.btn.btn-submit.btn-login,
.btn.btn-submit.btn-login:hover,
.btn.btn-submit.btn-login:focus {
    height: 50px;
    font-size: 18px;
    width: 150px;
    border-radius: 0px 0px 37px 0px;
    text-align: left;
    padding-left: 20px;
}

.btn.btn-proceed.btn-begin:hover{
    background-color: rgba(104, 36, 109, .8196078431372549) !important;
    box-shadow: inset 170px 0 0 rgb(104 36 109 / 82%)
}
.btn.btn-proceed.btn-begin,
.btn.btn-proceed.btn-begin:focus{
    height: 50px;
    font-size: 16px;
    width: 170px;
    border-radius: 0 0 37px 0;
    -webkit-transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    box-shadow: inset 0 0 0 rgb(104 36 109 / 82%)
}

.bar-code-form {
    border: 1px solid #002a4180;
    border-radius: 0px 0px 150px 0px;
}

.lp-form {
    border-radius: 0px 0px 150px 0px;
}

.btn.btn-go,
.btn.btn-go:hover,
.btn.btn-go:focus {
    height: 50px;
    font-size: 18px;
    width: 100px;
    background-color: #68246d !important;
    border-radius: 0px 0px 37px 0px;
    text-align: left;
    padding-left: 20px;
}

.btn.view-statement:hover{
    background-color: rgba(104,36,109,.8196078431372549)!important;
    box-shadow: inset 340px 0 0 rgb(104 36 109 / 82%);
}
.btn.view-statement,
.btn.view-statement:focus {
    width: 340px;
    background-color: #68246d !important;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    height: 50px;
    margin-top: 1rem;
    border: 0;
    border-radius: 0 0 40px 0;
    text-transform: capitalize;
    -webkit-transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    box-shadow: inset 0 0 0 rgb(104 36 109 / 82%);
}

.btn.btn-proceed.add-credits,
.btn.btn-proceed.add-credits:hover,
.btn.btn-proceed.add-credits:focus {
    height: 50px;
    font-size: 18px;
    width: 180px;
    border-radius: 0px 0px 37px 0px;
    text-align: left;
    padding-left: 20px;
}

.btn.btn-order-replacement:hover{
    background-color: rgba(104, 36, 109, .8196078431372549) !important;
    box-shadow: inset 250px 0 0 rgb(104 36 109 / 82%)
}
.btn.btn-order-replacement,
.btn.btn-order-replacement:focus {
    background-color: #68246d !important;
    color: #fff;
    font-weight: 700;
    width: 250px;
    font-size: 18px;
    height: 50px;
    border-radius: 0 0 37px 0;
    text-align: left;
    padding-left: 20px;
    -webkit-transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    box-shadow: inset 0 0 0 rgb(104 36 109 / 82%)
}


.btn.btn-cont-to-pay:hover{
    background-color: rgba(104,36,109,.8196078431372549)!important;
    box-shadow: inset 275px 0 0 rgb(104 36 109 / 82%);
}
.btn.btn-cont-to-pay,
.btn.btn-cont-to-pay:focus {
    background-color: #68246d !important;
    color: #fff;
    height: 50px;
    font-size: 18px;
    font-weight: bold;
    width: 275px;
    border-radius: 0px 0px 37px 0px;
    text-align: center;
    -webkit-transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    box-shadow: inset 0 0 0 rgb(104 36 109 / 82%);
}


.btn.btn-continue-pay:hover{
    background-color: rgba(104,36,109,.8196078431372549)!important;
    box-shadow: inset 265px 0 0 rgb(104 36 109 / 82%);
}
.btn.btn-continue-pay,
.btn.btn-continue-pay:focus {
    background-color: #68246d !important;
    color: #fff;
    height: 50px;
    font-size: 18px;
    font-weight: bold;
    width: 265px;
    border-radius: 0px 0px 37px 0px;
    -webkit-transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    box-shadow: inset 0 0 0 rgb(104 36 109 / 82%);
}


.btn.btn-payment-confirm:hover{
    background-color: rgba(104,36,109,.8196078431372549)!important;
    box-shadow: inset 260px 0 0 rgb(104 36 109 / 82%);
}
.btn.btn-payment-confirm,
.btn.btn-payment-confirm:focus {
    height: 50px;
    font-size: 18px;
    width: 260px;
    border-radius: 0px 0px 37px 0px;
    text-align: left;
    padding: 10px 15px;
    background: #68246d;
    color: #fff;
    font-weight: bold;
    -webkit-transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    box-shadow: inset 0 0 0 rgb(104 36 109 / 82%);
}

.btn.btn-payment-confirm.submit-order:hover {
    background-color: rgba(104, 36, 109, .8196078431372549) !important;
    box-shadow: inset 190px 0 0 rgb(104 36 109 / 82%)
}

.btn.btn-payment-confirm.submit-order,
.btn.btn-payment-confirm.submit-order:focus {
    height: 50px;
    font-size: 18px;
    width: 190px;
    border-radius: 0 0 37px 0;
    text-align: left;
    padding: 10px 15px;
    background: #68246d;
    color: #fff;
    font-weight: 700;
    -webkit-transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    box-shadow: inset 0 0 0 rgb(104 36 109 / 82%)
}
.btn.btn-edit-order:hover{
    background-color: rgba(104,36,109,.8196078431372549)!important;
    box-shadow: inset 160px 0 0 rgb(104 36 109 / 82%);
}
.btn.btn-edit-order,
.btn.edit-order:focus {
    height: 50px;
    font-size: 18px;
    width: 160px;
    border-radius: 0px 0px 37px 0px;
    text-align: left;
    padding: 10px 15px;
    background: #68246d;
    color: #fff;
    font-weight: bold;
    -webkit-transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    box-shadow: inset 0 0 0 rgb(104 36 109 / 82%);
}

.btn.btn-payment-submit:hover{
    background-color: rgba(104,36,109,.8196078431372549)!important;
    box-shadow: inset 140px 0 0 rgb(104 36 109 / 82%);
}
.btn.btn-payment-submit,
.btn.btn-payment-submit:focus {
    height: 50px;
    font-size: 18px;
    width: 140px;
    border-radius: 0 0 37px 0;
    text-align: left;
    padding: 10px 15px;
    background: #68246d;
    color: #fff;
    font-weight: 700;
    -webkit-transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    box-shadow: inset 0 0 0 rgb(104 36 109 / 82%);
}


/* .btn.btn-back,.btn.btn-back:hover,.btn.back:focus{background-color:#fff;color:#68246D;font-weight:700;font-size:.8rem;border:1px solid #68246D;border-radius:0;border-bottom-right-radius:26px;padding:.4rem 1.5rem;margin-top:2rem;}
  */
.btn.btn-back i {
    font-size: 12px;
}

.btn.btn-back:hover{
    background-color: #68246d !important;
    color: #fff !important;
    box-shadow: inset 140px 0 0 rgb(104 36 109 / 82%)
}
.btn.btn-back,
.btn.btn-back:focus {
    background-color: #fff !important;
    color: #68246d !important;
    font-weight: 700;
    font-size: 18px;
    border: 2px solid #68246d;
    border-radius: 0 0 37px 0;
    height: 50px;
    text-align: center;
    outline: 0;
    width:120px;
    -webkit-transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    box-shadow: inset 0 0 0 rgb(104 36 109 / 82%);
}



.btn.btn-next:hover{
    background-color: rgba(104,36,109,.8196078431372549)!important;
    box-shadow: inset 120px 0 0 rgb(104 36 109 / 82%);
}
.btn.btn-next,
.btn.btn-next:focus {
    background-color: #68246d !important;
    font-weight: 700;
    color: #fff !important;
    font-size: 18px;
    border: 1px solid #68246d;
    border-radius: 0 0 37px 0;
    height: 50px;
    padding: 10px 20px;
    text-align: left;
    width: 120px;
    outline: 0;
    -webkit-transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    box-shadow: inset 0 0 0 rgb(104 36 109 / 82%)
}

.btn.btn-next i {
    font-size: 12px;
}
.btn.btn-next i {
    font-size: 12px;
}

.btn.btn-submit.btn-back-to-home:hover{
    background-color: #68246d !important;
    color: #fff !important;
    box-shadow: inset 200px 0 0 rgb(104 36 109 / 82%)
}

.btn.btn-submit.btn-back-to-home,
.btn.btn-submit.btn-back-to-home:focus {
    background-color: #fff !important;
    color: #68246d !important;
    font-weight: bold;
    font-size: 18px;
    border: 2px solid #68246d;
    border-radius: 0 0 37px 0;
    height: 50px;
    padding: 10px 20px;
    text-align: left;
    outline: 0;
    width:200px;
    -webkit-transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    box-shadow: inset 0 0 0 rgb(104 36 109 / 82%);
}

.btn.btn-submit.btn-retry:hover{
    background-color: rgba(104,36,109,.8196078431372549)!important;
    box-shadow: inset 130px 0 0 rgb(104 36 109 / 82%);
}

.btn.btn-submit.btn-retry,
.btn.btn-submit.btn-retry:focus {
    background-color: #68246d !important;
    font-weight: 700;
    color: #fff !important;
    font-size: 18px;
    border: 1px solid #68246d;
    border-radius: 0 0 37px 0;
    height: 50px;
    padding: 10px 20px;
    text-align: left;
    width: 130px;
    outline: 0;
    -webkit-transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    box-shadow: inset 0 0 0 rgb(104 36 109 / 82%)
}

.btn.btn-submit.library-catalouge:hover{
    background-color: #68246d !important;
    color: #fff !important;
    box-shadow: inset 240px 0 0 rgb(104 36 109 / 82%)
}

.btn.btn-submit.library-catalouge,
.btn.btn-submit.library-catalouge:focus {
    background-color: #fff !important;
    color: #68246d !important;
    font-weight: bold;
    font-size: 18px;
    border: 2px solid #68246d;
    border-radius: 0 0 37px 0;
    height: 50px;
    padding: 10px 20px;
    text-align: left;
    outline: 0;
    width:240px;
    -webkit-transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    box-shadow: inset 0 0 0 rgb(104 36 109 / 82%);
}

.btn.btn-submit.btn-change-password:hover{
    background-color: rgba(104,36,109,.8196078431372549)!important;
    box-shadow: inset 220px 0 0 rgb(104 36 109 / 82%);
}
.btn.btn-submit.btn-change-password,
.btn.btn-submit.btn-change-password:focus {
    background-color: #68246d;
    color: #fff;
    font-weight: bold;
    padding: 10px 20px;
    text-align: left;
    font-size: 18px;
    border: 1px solid #68246d;
    border-radius: 0 0 37px 0;
    width: 220px;
    margin-top: 2rem;
    height: 50px;
    -webkit-transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    box-shadow: inset 0 0 0 rgb(104 36 109 / 82%)
}

.btn.btn-submit.btn-back-to-process,
.btn.btn-submit.btn-back-to-process:hover,
.btn.btn-submit.btn-back-to-process:focus {
    background-color: #fff;
    color: #68246d;
    font-weight: bold;
    padding-left: 20px;
    text-align: left;
    font-size: 18px;
    border: 1px solid #68246d;
    border-radius: 0 0 37px 0;
    width: 220px;
    margin-top: 2rem;
    height: 50px;
}


.btn.btn-submit.btn-cnf-detail:hover{
    background-color: #68246dd1 !important;
    box-shadow: 525px 0 0 rgb(104 36 109 / 82%) inset;
}
.btn.btn-submit.btn-cnf-detail,
.btn.btn-submit.btn-cnf-detail:focus {
    background-color: #68246d;
    color: #fff;
    font-weight: bold;
    padding-left: 20px;
    text-align: left;
    font-size: 18px;
    border: 1px solid #68246d;
    border-radius: 0 0 37px 0;
    width: 525px;
    margin-top: 2rem;
    height: 50px;
    -webkit-transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    box-shadow: inset 0 0 0 rgb(104 36 109 / 82%)
}

.btn.btn-view:hover {
    background-color: #68246dd1 !important;
    box-shadow: 200px 0 0 rgb(104 36 109 / 82%) inset;
}

.carousel.carousel-homepage .carousel .carousel-item {
    height: 300px;
}

.carousel.carousel-homepage .carousel-item img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    object-fit: cover;
    height: 400px;
}

.carousel.carousel-homepage .carousel-control-prev-icon {
    background-size: 10px;
    height: 40px;
    width: 40px;
    border: 1px solid #aaa;
    background-color: #a3a3bf;
    border-radius: 50%;
}

.carousel.carousel-homepage .carousel-control-next-icon {
    background-size: 10px;
    height: 40px;
    width: 40px;
    border: 1px solid #aaa;
    background-color: #a3a3bf;
    border-radius: 50%;
}

.carousel.carousel-homepage .carousel-control-next,
.carousel-control-prev {
    position: absolute;
    top: 0%;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 9%;
    color: #fff;
    text-align: center;
    opacity: 0.5;
    transition: opacity 0.15s ease;
}

.card.form-card-list {
    border: 0;
    margin-top: 2rem;
    transition: 0.3s transform cubic-bezier(0.155, 1.105, 0.295, 1.12),
        0.3s box-shadow,
        0.3s -webkit-transform cubic-bezier(0.155, 1.105, 0.295, 1.12);

    cursor: pointer;
}

.card.form-card-list:hover {
    box-shadow: 0 0 10px #aaa;
}

/* .card.form-card-list:hover .card-body{
      border:0px;
    } */
/* .card.form-card-list:hover{
    transform: scale(1.05);
    box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
 }
 .card.form-card-list:hover .card-body{
     border:0px !important;
 } */
.card.form-card-list .card-body {
    border: 1px solid #bababa;
    padding: 20px;
}

.card.form-card-list .card-header {
    padding: 0;
    margin-bottom: -1px;
}

.card.form-card-list .card-header img {
    width: 100%;
}

.card.form-card-list .card-body h2 {
    font-size: 22px;
    padding-bottom: 0.5rem;
    color: #002a41;
    font-weight: bold;
}

.card.form-card-list .card-body p {
    color: #002a41;
    font-size: 1rem;
}

.footer-menu-list li a:hover {
    color: #68246d;
}

.copyrights .copyright-list a:hover {
    color: #68246d;
}

.error {
    color: #BE1E2D;
    font-size: 1rem;
    width: 100%;
}
label.error {
font-size: 14px !important;
}
.form-control.error {
    color: #BE1E2D;
    border: 1px solid #BE1E2D;
}

/* .datepicker-dropdown {
    margin-top: 1rem;
} */

footer {
    background-color: #f8f4f8;
}

.footer-menu-list {
    list-style-type: none;
    color: #000;
    font-size: 14px;
    padding-left: 0;
}

.footer-menu-list li {
    padding-bottom: 0.5rem;
}

.footer-policies a.border-right-white::after {
    content: "";
    color: #000;
    border-right: 1px solid #fff;
    font-size: 9px;
    margin-right: 0.6rem;
    padding-right: 0.6rem;
}

.menu-bar {
    padding: 0rem 1.5rem 0 1.5rem;
}

.menu-bar .navbar-nav .nav-link {
    color: #002a41;
    font: var(--main-font-style-normal) normal bold var(--main-font-size-16) /
        22px var(--main-font-family-open-sans);
    opacity: 1;

    font: normal normal bold 16px/22px Open Sans;
    padding: 1rem;
}

.menu-bar .navbar-nav .nav-link.active {
    color: #68246d;
    font-size: 1rem;
    padding: 1rem;
}

.faq-heading {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 1rem;
}

.faq-section p {
    font-size: 16px;
}

.faq-section {
    background: url("/img/FAQ_new.jpg") no-repeat center center;
    background-size: cover;
    padding-top: 3rem;
    padding-bottom: 3rem;
    background-position: 100%;
}

.connect-us {
    background-color: #68246d;
    margin-top: 10rem;
    position: relative;
}

.connect-us .comment {
    border: 1px solid #68246d;
    padding: 1rem;
    background-color: #fff;
    position: absolute;
    top: -84px;
}

.connect-us .comment .comment-form {
    padding: 1rem;
}

.connect-us .comment .comment-header h3 {
    font-size: 1.6rem;
    font-weight: bold;
    color: #000;
    margin-bottom: 1rem;
}

.connect-us .comment .comment-form .form-control {
    background-color: #f9f7fa;
    height: 35px;
}

.connect-us .social-icons img {
    height: 40px;
    width: 40px;
    margin-right: 1rem;
}

.connect-us .social-icons {
    justify-content: center;
    margin-top: 5rem;
}

.connect-us .social-icons h3 {
    font-size: 1.8rem;
    font-weight: 600;
    color: #fff;
}

footer .footer-sub-menu-header {
    font-size: 14px;
    color: #002a41;
    font-weight: bold;
    padding-bottom: 0.5rem;
}

.footer-menu-list li {
    /* font-size: 0.8rem; */
    padding-bottom: 1rem;
}

.contact-list li {
    font-size: 14px;
    padding-bottom: 0.3rem;
    line-height: 24px;
    color: #002a41;
}

/* .contact-list li a{text-decoration:none;color:#000;}
 .contact-list li a.active{color:#000;font-weight:bold;} */
.contact-list {
    list-style-type: none;
    color: #002a41;
    font-size: 14px;
    padding-left: 0;
}

.footer-menu-list li a {
    font-size: 14px;
    border-bottom: 1px solid #aaa;
    padding-bottom: 0.4rem;
    text-decoration: none;
    white-space: nowrap;
    color: #002a41;
}

.copyrights {
    display: flex;
    justify-content: center;
    padding: 1rem;
    background-color: #efe8ef;
    margin-bottom: 0px;
    font-size: 0.7rem;
}

.copyrights .copyright-list a {
    color: #002a41;
    font-size: 16px;
    text-decoration: none;
    border-right: 1px solid #aaa;
    padding-right: 0.8rem;
    padding-left: 0.8rem;
}

.copyrights .copyright-list a.active {
    color: #002a41;
    border-right: 1px solid #002a41;
    font-size: 16px;
    font-weight: bold;
}

.border-right-0 {
    border-right: 0 !important;
}

.top-bar form .input-group {
    border: 1px solid #aaa;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    border-radius: 5px;
    width: 100%;
    border: 1px solid #fff;
}

.top-bar form .input-group:focus {
    box-shadow: none;
}

.top-bar form .input-group .form-control:focus {
    box-shadow: none;
}

.top-bar form .input-group .form-control::placeholder {
    color: #707070;
    font-size: 14px;
}

.navbar-expand-md .navbar-collapse {
    position: relative;
}

.top-bar {
    position: absolute;
    right: 0%;
    list-style-type: none;
    top: -30px;
}

.btn-search,
.btn-search:hover,
.btn-search:focus {
    background-color: #95a7b1;
    border: 0 !important;
    padding: 1px 2px;
    border-radius: 0;
    border-bottom-right-radius: 30px;
    height: 20px;
}

button.btn.btn-primary.btn-search {
    height: 36px;
    width: 42px;
}

.btn-search i {
    font-size: 16px;
    padding: 12px;
    position: relative;
    top: -5px;
    left: -4px;
}

.top-bar form .input-group .form-control {
    background: transparent;
    border-radius: 0;
    font-size: 10px;
    border: 1px solid #aaa;
    color: #000;
    width: 170px;
    padding-left: 10px;
    height: 26px;
    z-index: 1111;
}

.top-bar li a {
    color: #000;
    padding-right: 0.8rem;
    border-right: 1px solid #aaa;
    margin-left: 0.8rem;
    font-size: 0.8rem;
    text-decoration: none;
}

.navbar-brand.form-brand {
    position: absolute;
    top: -65%;
}

.footer-subs {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

/* .footer-subs img {
    max-height: 150px;
} */

/* .table-responsive {
    display: inline-table;
} */


table.table-fit {
    table-layout: fixed !important;
}
table.table-fit tbody td{
    width: auto !important;
}

/* custom width classes */
.w-8{
    width: 8%;
}
.w-6{
    width: 6%;
}
.w-12{
    width: 12% !important;
}

/* end custom width classes */

.print-button:focus {
    display: block;
}

.lang-header {
    margin-bottom: 2rem;
    border-bottom: 1px solid #002a414d;
}
.data_policy_sm{
display: none;
}
.form-checkbox-default{
    display: block;
}
@media (max-width: 667px) {
    .direct-debit-header.ed-abstract h2::after {
        transform: translateY(6.3rem) !important;
    }
    .ed-current-event .btn.current-event, .btn.current-event:focus{
        margin-right: 0 !important;
    }
    .btn.submit-abstract-details, .btn.submit-abstract-details:focus{
        width: 100% !important;
    }
    .abstract-submit .sorting-row{
        display: block !important;
    }
    .abstract-submit form{
        margin-right: 0 !important;
    }
    .abstract-submit .search-bar-row {
        padding-top: 0;
    }
    .btn.submit-abstract,
    .btn.submit-abstract:focus {
        width: 100%;
        margin-left: 0 !important;
        margin-top: 1rem !important;
    }
    .ed-event-header.ed-abstract{
        margin-bottom: 0 !important;
    }
    .direct-debit-header.sdrsf-event-header h2::after {
        transform: translateY(7.3rem) !important;
    }
    .ed-event-header.lfa-event-header h2::after {
        transform: translateY(1.7rem) !important;
    }

    .ed-event-header.ed-header{
        display: block !important;
    }
    .modal-sm.modal-res-sm {
        max-width: 100% !important;
    }
    .direct-debit-header.abstract-border h2::after {
        transform: translateY(7.8rem) !important;
    }
    .direct-debit-header.ocp-cart-detail h2::after {
        transform: translateY(7.4rem) !important;
    }
    .res-prchase-credit{
        display: block !important;
    }
    #begin_purchase{
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }
    .btn.btn-continue-pay, .btn.btn-continue-pay:focus{
        width: 100% !important;
    }
    .btn.btn-submit.btn-back-to-home.lp-back-btn,
     .btn.btn-submit.btn-back-to-home.lp-back-btn:hover, 
    .btn.btn-submit.btn-back-to-home.lp-back-btn:focus{
        width: 100% !important;
        margin-bottom: 0 !important;
    }
    .bar-code-form{
        display: block !important;
        border-radius: 0 !important;
        padding-bottom: 3rem !important;
    }
    .btn.btn-submit.btn-cnf-detail, .btn.btn-submit.btn-cnf-detail:focus{
        width: 100% !important;
        font-size: 10px;
    }
    .guarantee-section{
        padding: 24px !important;
    }
    .qurey-section .query-text-left{
        padding-left: 0 !important;
    }
    .qurey-section .query-text-right{
        padding-left: 0 !important;
    }
    .event-booking-header h2.ocp_header{
        width: 70%;
        font-size: 18px !important;
    }
    .direct-debit-header.ocp-event-header h2::after {
        transform: translateY(6.9rem) !important;
    }    
    .btn.btn-subscribe-now,
    .btn.btn-subscribe-now:focus {
        width: 100% !important;
        margin-top: 1rem !important;
    }
    .ed_btn_booking_full{
        margin-top: 1rem !important;
    }
    .cncr_btn_booking_full{
        margin-top: 1rem !important;
    }
    .cncr_button_group{
        display: block !important;
    }
    .cncr_mem_button_group{
        display: block !important;
    }
    .ed_btn_group{
        display: block !important;
    }
    .booker_sign_in{
        margin-right: 0 !important;
    }
    .btn-login{
        width: 100% !important;
        margin-bottom: 1rem !important;
        height: 40px !important;
        font-size: 16px !important;
    }
    .ocp_booking_status span{
        font-size: 16px !important;
    }
    .ed_booking_status span{
        font-size: 16px !important;
        font-weight: bold !important;
    }
    .cncr_mem_booking_status span{
        font-size: 16px !important;
        font-weight: bold !important;
    }
    .not-allowed{
        margin-top: 1rem !important;
        width: 100% !important;
    }
    .res_ocp_detail_btn{
        display: block !important;
    }
    .event .event-period{
        display: block !important;
    }
    .event-period img{
        display: none !important;
    }
    header {
        height: auto !important;
    }
    .modal-lg {
        max-width: 100% !important;
    }
    .btn.btn-add-wl-list, .btn.btn-add-wl-list:hover, .btn.btn-add-wl-list:focus{
        margin-left: 0 !important;
    margin-top: 1rem !important;
    width: 100% !important;
    }
    
.modal-delete-delegate{
    max-width: 100% !important;
}
    .image-wrapper img{
        height: 150px !important;
        padding: 1rem !important;
    }
   .course_box_wrapper{
    white-space: nowrap;
    width: 100%;
    overflow: auto;
    }
    .email_help_text br{
display: none !important;
    }
    .number_quantity{
        padding-bottom: 0 !important;
    }
    .type-of-user-group{
    display: block !important;
    }
    .type-of-user-group .type-of-user-checkboxes{
        margin-bottom: 1rem !important;
    }
    .form-checkbox-default{
        display: flex !important;
    }
    .terms_and_cond.form-checkbox-default{
        display: block !important;
    }
    .lfa-details p img {
        display: block !important;
        padding-top: 2rem !important;
        width: 100% !important;
    }
    .terms_cond .form-control-label {
        margin-left: 1rem !important;
        margin-bottom: 1rem !important;
    }
    .data_secure_box .form-control-label {
        margin-left: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .lfa_sec .form-control-label {
        margin-left: 1rem !important;
        margin-bottom: 1rem !important;
    }
    .lfa_course_amount{
        margin-left: 1.5rem;
        margin-top: 1rem;
    }
    .lfa_actions{
        margin-top: 1rem;
    }
    .ed_details .booking-full{
        text-align: center;
    }
    .frntend_courses_list .pagination{
        margin-top: 1rem !important;
    }
    .terms_and_cond .terms_and_cond_label{
        margin-left: 1rem !important;
    }
    .lfa-btn-group {
        display: block !important;
    }
    .lfa-btn-group a{
        margin-right: 0 !important;
    }
    .radio_group{
        margin-bottom: 1rem !important;
    }
    .radio_group .mb-3{
        margin-bottom: 0 !important;

    }
    .number_quantity.step_2{
        margin-bottom: 0 !important;
    }
    .number_quantity {
       margin-bottom: 4rem !important;
    }
    .end_points:after{
        position: static !important;

    }
    .left-review {
        font-size: 1rem !important;
    }
    .left-review div{
        display: block !important;
    }
    .right-review {
        font-size: 1rem !important;
    }
    .right-review div{
        display: block !important;
    }
    .ed_details .booking-will-start{
        font-size: 14px !important;
    }

    .other-form-class {
        z-index: 1111;
    }
    .res-word-break{
        word-wrap: break-word !important;
    }
    .ed_details .booking-will-start{
        margin-top: 1rem !important;
    width: 100% !important;
    text-align: center !important;
    }
    .search-bar-row{
        display: flex !important;
    /* margin-top: 2rem !important; */
    /* margin-bottom: 1rem !important; */
    }
    .common_ed::after{
        transform: translateY(-11.4rem) !important;
    }
    /* .common_ed.cncr_hor_bar::after{
        transform: translateY(-11.4rem) !important;
    } */
    .sorting-row{
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
        /* display: block !important; */
    }
    .rw-100{
        width: 100%;
    }
    .btn-block-group{
        display: block !important;
    }
    .btn.btn-order-now, .btn.btn-order-now:hover, .btn.btn-order-now:focus{
        margin-bottom: 1rem !important;
        width: 100% !important;
        text-align: center !important;
    }
    .order_header {
        font-size: 20px !important;
    }
    table.table-basf tbody tr td {
        font-weight: 600 !important;
        font-size: 14px !important;
    }
    .btn.btn-edit-order,
    .btn.btn-edit-order:hover,
    .btn.edit-order:focus {
        margin-right: 0 !important;
    }
    .data_policy_lg{
        display: none !important;
    }
    .data_policy_sm{
        display: block !important;
    }
    .btn.btn-add-to-cart, .btn.btn-add-to-cart:hover, .btn.btn-add-to-cart:focus{
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
        width: 100% !important;
    }
    .btn.btn-add-to-cart.added, .btn.btn-add-to-cart.added:hover, .btn.btn-add-to-cart.added:focus{
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
        width: 100% !important;
    }
    .action_groups_helptext {
        margin-bottom: 1rem !important;
    }
    .product-cover{
        display: block !important;
    }
    .action_groups {
        display: block !important;
    }

    .select-box{
        width: 100% !important;
    }
    .direct-debit-header.ed-event-header.cart.d-flex.justify-content-between {
        display: flex !important;
    }
    .top-bar-menu{
        display: block !important;
        width: 100% !important;
        margin-top: 0 !important;
    }
    .log-activity{
        text-align: end !important;
    }
    .purchase_creedits{
        padding: 0 !important;
        margin: 0 !important;
    }
    .payment-wrapper{
        padding: 0 !important;
        background-color: transparent !important;
    }
    .date_grups{
        display: block !important;
    }
    .date_divider{
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .navbar-breedcrumbs span{
        font-size: 16px !important;
    }
    /* .lang-header.after_line h2::after {
        transform: translateY(6.4rem)!important;
    } */

    .lang-header.lfa-detail h2::after {
        transform: translateY(6.8rem)!important;
    }
    .lang-header.lfa-registration h2::after {
        transform: translateY(6.4rem)!important;
    }
    .lang-header.lfa-event-header h2::after {
        transform: translateY(1.7rem);
    }

    .lang-header {
        display: flex !important;
        flex-flow: wrap;
    }

    .lang-header h2 {
        padding-bottom: 0 !important;
    }

    .move_div {
        display: block !important;
        margin-top: 20px !important;
    }

    /* .search-bar-row {
        display: block !important;
    } */

    .search-bar-row input {
        width: 100% !important;
    }

    .btn-search-abs,
    .btn-search-abs:hover,
    .btn-search-abs:focus {
        left: 78% !important;
        padding: 0px 6px !important;
        top: 38% !important;
    }

    .btn.btn-more,
    .btn.btn-more:focus {
        margin-top: 0px !important;
    }

    .btn_play_pause {
        display: none !important;
    }

    .carousel-overlay {
        display: none !important;
    }

    .btn.btn-edit-order,
    .btn.btn-edit-order:hover,
    .btn.edit-order:focus {
        width: 100% !important;
        text-align: center !important;
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .accordion.form-accordion > .card > .card-header em {
        height: 0px !important;
        width: 0px !important;
        border: 0 !important;
    }

    .sdrs-event-header {
        display: flex !important;
    }

    .wrapper-order-list {
        margin-top: 0 !important;
    }

    #srs_order_table .input-group {
        display: block !important;
    }

    .input-group .qty {
        padding: 5px !important;
    }

    .menu-bar .navbar-nav .dropdown-menu {
        width: 100% !important;
    }

    .menu-bar .dropdown-item {
        text-transform: uppercase !important;
    }

    .menu-bar .navbar-nav .nav-link {
        text-transform: uppercase !important;
        padding: 1rem 1rem !important;
        background: #68246d !important;
        color: #fff !important;
    }

    #consent-popup {
        display: block !important;
        padding: 28px !important;
    }

    #consent-popup p {
        font-size: 14px !important;
    }

    .btn-accept-cookies {
        margin-top: 16px !important;
    }

    .cat-group-date {
        display: block !important;
        margin-right: 0 !important;
    }

    .talk-date {
        display: block !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .talk-detail {
        padding: 1rem !important;
    }

    .single-group {
        display: block !important;
    }

    .pipe-line {
        display: none;
    }

    .review-service {
        display: block !important;
    }

    .review-service-remain {
        max-width: 100%;
    }

    .talk-grid {
        display: grid;
    }

    .review-block {
        display: block !important;
    }

    .inclued-ml-0 {
        margin-left: 0 !important;
        margin-top: 10px !important;
    }

    .cat-price {
        margin-top: 10px;
    }

    .nav-tabs.review-tabs li {
        width: 100% !important;
    }

    .cncr-event-booking-banner h1 {
        font-size: 22px !important;
    }

    .cncr-event-booking-banner .navbar-breedcrumbs span {
        font-size: 12px !important;
    }

    .event-details {
        padding-top: 1rem !important;
    }

    .btn.book-event,
    .btn.book-event:hover {
        margin-top: 1rem !important;
    }

    .cat-group-title {
        margin-left: 0 !important;
        display: block !important;
        margin-bottom: 10px !important;
        margin-top: 10px !important;
    }

    .badge.booking_available {
        margin-top: 5px !important;
        margin-bottom: 12px !important;
        display: block !important;
        width: max-content !important;
    }

    .badge.included {
        position: static !important;
    }

    .badge.options {
        position: static !important;
    }

    .bg-full-booking {
        width: 100% !important;
        margin-bottom: 1rem;
    }

    .res-w-25 {
        width: 25% !important;
        margin-bottom: auto;
        margin-top: 1rem !important;
    }

    .ed-event-header {
        display: flex !important;
        border-bottom: 1px solid #002a41 !important;
    }
    .ed-event-header.sdrsf-event-header{
        display: flex !important;
        border-bottom: 1px solid #002a41 !important;
    }

    .search-bar-row {
        padding-bottom: 2rem;
        padding-top: 2rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .badge.booking_available {
        margin-left: 0 !important;
    }

    .block-item {
        display: block !important;
    }

    .block-food-item {
        margin-left: 0 !important;
        margin-bottom: 1rem !important;
        display: block !important;
        margin-right: 0 !important;
    }

    .privacy_policy .form-check-input {
        display: block !important;
        margin-bottom: auto !important;
        margin-top: 10px !important;
        width: 120px !important;
    }

    .btn.btn-confirm,
    .btn.btn-confirm:hover,
    .btn.btn-confirm:focus {
        width: 100% !important;
        font-size: 16px !important;
        text-align: center !important;
    }

    .pagination_wrapper {
        padding-left: 1rem !important;
    }

    /* .pagination_wrapper .pagination {
        display: contents !important;
    } */

    .event-booking-subs {
        font-size: 12px !important;
    }

    .service_row.pkg {
        display: block !important;
    }

    .service_row .pkg_block {
        max-width: 100% !important;
    }

    .service_row .talks_block {
        display: block !important;
    }

    .service_row .talks_time {
        margin-left: 0 !important;
    }

    .form-nav-tabs.boooking_tab li {
        width: 100% !important;
    }

    .form-nav-tabs.boooking_tab {
        display: block !important;
    }

    .booking_status {
        display: block !important;
    }

    .booking_status span {
        width: 100% !important;
        text-align: center !important;
        margin: 0px !important;
    }

    .btn.current-event {
        margin-top: 1rem !important;
        width: 100% !important;
        text-align: center !important;
        margin-bottom: 1rem !important;
    }

    .bst-form {
        padding: 1rem !important;
    }

    .bst-form div {
        display: block !important;
    }

    .bst-form .bst-input {
        padding: 0 !important;
    }

    .bst-form .bst-label {
        margin-bottom: 0 !important;
    }

    .bst-banner h3 {
        font-size: 1rem !important;
    }

    .bst-banner span {
        font-size: 0.8rem !important;
    }

    .btn.book-event,
    .btn.book-event:hover {
        width: 100% !important;
        box-shadow: none !important;
    }

    .carousel.carousel-homepage .carousel-control-prev-icon {
        height: 36px !important;
        width: 36px !important;
    }

    .carousel.carousel-homepage .carousel-control-next-icon {
        height: 36px !important;
        width: 36px !important;
    }

    .carousel-control-prev {
        left: 22px !important;
    }

    .carousel-control-next {
        right: 22px !important;
    }

    .modal-login {
        width: auto !important;
    }

    /* css for event booking start*/
    .log-activity .dropdown-menu {
        left: 175px !important;
        max-width: 180px;
        z-index: 2222;
    }
    .badge.included {
        top: 11px;
    }

    .badge.options {
        top: 11px;
    }

    /* .event-info {
    margin-top: 2rem;
  } */
    .badge.booking_available {
        display: block;
    }

    .event {
        padding: 0 !important;
        margin-top: 1rem;
        box-shadow: 0px 6px 24px #00000029;
        transition: 0.3s transform cubic-bezier(0.155, 1.105, 0.295, 1.12),
            0.3s box-shadow,
            0.3s -webkit-transform cubic-bezier(0.155, 1.105, 0.295, 1.12);
    }

    .event_row {
        display: flex !important;
    }

    .date_time {
        font-size: 12px;
        margin-right: 0 !important;
    }

    
    .event_row .card-body {
        padding: 0 1rem 1rem 0 !important;
        margin-top: 2rem;
    }
    .event-icon{
        display: none !important;
    }

    .event-order-1 {
        order: 1;
    }

    .event-order-2 {
        order: 2;
    }

    .image-wrapper {
        width: 100% !important;
    }

    .talks-wrapper {
        display: block !important;
    }

    .right-review {
        padding-left: 1rem !important;
    }

    .border-right-review {
        border: 0 !important;
    }

    .talks-wrapper span {
        margin-bottom: 10px;
    }

    .eb-common-wrapper .form-check {
        text-align: left !important;
        padding-left: 0.8rem;
    }

    .eb-common-wrapper .form-check-input {
        margin-left: 0 !important;
    }

    .detail_image {
        /* height: 100px !important; */
        margin-bottom: 1rem;
    }

    .event-header-wrapper {
        display: block !important;
        margin-bottom: 1rem;
        border-bottom: 0px !important;
        padding-bottom: 0 !important;
    }

    .event-booking-header {
        margin-bottom: 2rem;
        border-bottom: 1px solid #ddd;
        padding-bottom: 1rem;
    }

    .event-booking-header div {
        margin-bottom:.5rem !important ;
    }
    /* .event-booking-header div h2{
        display: inline-block !important;
        width: 210px !important;
    } */
    .event-header-wrapper.eb_info_detail::after {
        transform: translateY(-7.3rem) !important;
    }

    .event-header-wrapper::after {
        transform: translateY(-10.4rem) !important;
    }

    .btn.btn-proceed-save,
    .btn.btn-proceed-save:hover,
    .btn.btn-proceed-save:focus {
        width: 100%;
        margin-top: 1rem;
    }

    .btn.btn-visitor {
        width: 100% !important;
        text-align: center !important;
        margin-right: 0 !important;
    }

    .form-nav-tabs {
        white-space: nowrap;
        flex-wrap: nowrap;
        max-width: 100%;
        overflow-x: scroll;
        overflow-y: hidden;
    }

    .form-payment-tabs {
        display: block;
    }

    .payment-method-helptext {
        text-align: left;
        margin-bottom: 1rem !important;
        margin-top: 1rem !important;
        padding-left: 0 !important;
    }

    .btn.btn-payment-confirm,
    .btn.btn-payment-confirm:hover,
    .btn.btn-payment-confirm:focus {
        text-align: center;
        width: 100% !important;
    }

    .btn.btn-payment-submit,
    .btn.btn-payment-submit:hover,
    .btn.btn-payment-submit:focus {
        width: 100%;
        margin-top: 1rem;
        text-align: center;
    }

    /* css for event booking end*/
    .p-r-62 {
        padding-right: 0;
    }

    .btn.btn-proceed,
    .btn.btn-proceed:hover,
    .btn.btn-proceed:focus {
        width: 100% !important;
        text-align: center !important;
    }

    .campus-card-form {
        padding: 2rem 2rem 3rem !important;
    }

    .btn.btn-submit.btn-back-to-process,
    .btn.btn-submit.btn-back-to-process:hover,
    .btn.btn-submit.btn-back-to-process:focus {
        width: 100%;
        text-align: center;
    }

    .btn.btn-submit.btn-back-to-home,
    .btn.btn-submit.btn-back-to-home:hover,
    .btn.btn-submit.btn-back-to-home:focus {
        /* width: 100%; */
        text-align: center;
    }

    .table-responsive {
        display: block;
    }

    .success-content h3.sub-headings {
        font-size: 18px !important;
    }

    .btn.btn-cont-to-pay,
    .btn.btn-cont-to-pay:hover,
    .btn.btn-cont-to-pay:focus {
        font-size: 16px;
        width: 100%;
        text-align: center;
        margin-top: 1rem !important;
    }

    /* print credit css start */
    .btn.btn-back,
    .btn.btn-back:hover,
    .btn.btn-back:focus {
        width: 100%;
        text-align: center;
    }

    .btn.btn-next,
    .btn.btn-next:hover,
    .btn.btn-next:focus {
        width: 100%;
        text-align: center;
        margin-top: 1rem !important;
    }

    .btn.btn-make-deposite,
    .btn.btn-make-deposite:hover,
    .btn.btn-make-deposite:focus {
        width: 100% !important;
        font-size: 16px !important;
        height: 50px;
        border-radius: 0 0 37px 0;
        text-align: center;
    }

    .btn.btn-proceed.btn-begin,
    .btn.btn-proceed.btn-begin:hover,
    .btn.btn-proceed.btn-begin:focus {
        margin-top: 0px !important;
        margin-left: 0px !important;
        text-align: center;
    }

    .success-content {
        border-radius: 0 0 165px 0 !important;
    }

    .carousel.carousel-homepage .carousel-item img {
        width: 100%;
        object-position: center;
        height: 300px !important;
        object-fit: cover;
    }

    .carousel.carousel-homepage .carousel-caption {
        left: 20%;
        top: 10%;
    }

    .carousel-item {
        height: 300px;
    }

    .rounded-numbers {
       display: none !important;
    }

    .dd-blade-two .rounded-numbers {
        padding: 1px !important;
    }

    .tab-section .nav-pills .nav-item {
        width: 100% !important;
    }

    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button {
        opacity: 1 !important;
        padding-bottom: 5px;
    }

    .btn.btn-submit.statement-period,
    .btn.btn-submit.statement-period:hover,
    .btn.btn-submit.statement-period:focus {
        height: 50px;
        font-size: 18px;
        width: 265px;
        border-radius: 0px 0px 37px 0px;
        text-align: center;
        padding-left: 20px;

        margin-top: 2rem !important;
    }

    .print-history h4 {
        font-size: 14px !important;
    }

    .top-image.print-banner {
        background-position: 35% !important;
    }

    .btn.btn-proceed.btn-begin,
    .btn.btn-proceed.btn-begin:hover,
    .btn.btn-proceed.btn-begin:focus {
        width: 265px;
    }

    /* .tab-section .nav-pills{
    display: flex;
    white-space: nowrap;
    overflow-y: auto;
  } */
    /* .tab-section .nav-pills {
    overflow-x: auto;
    overflow-y:hidden;
    flex-wrap: nowrap;
 } */
    .tab-section.print-tab .nav-pills .nav-link {
        font-size: 13px !important;
        width: 100% !important;
        padding-right: 0rem !important;
    }

    .tab-section .nav-pills .nav-link {
        margin-right: 0 !important;
    }

    .tab-section .nav-pills .nav-link {
        white-space: nowrap;
    }

    .top-bar-menu li a {

        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
        text-align: end;
    }

    .btn.view-statement,
    .btn.view-statement:hover,
    .btn.view-statement:focus {
        height: 50px;
        width: 100% !important;
        border-radius: 0px 0px 37px 0px;
        text-align: left;
        background-color: #fff;
        margin-right: 0 !important;
        color: #68246d;
        border: 1px solid #68246d;
        padding-left: 20px;
    }

    .res-ml-0 {
        margin-left: 0 !important;
    }

    .res-pl-1 {
        padding-left: 1rem !important;
    }

    .address-box {
    }

    .btn.btn-proceed.btn-begin,
    .btn.btn-proceed.btn-begin:hover,
    .btn.btn-proceed.btn-begin:focus {
        margin-top: 0rem !important;
    }

    .campus-card-form {
        margin-top: 2rem;
    }

    .bb-border {
        border: 0;
    }

    .btn.btn-submit.btn-login {
        margin-top: 2rem !important;
    }

    .left-section {
        padding-left: 1rem !important;
    }

    .right-section {
        padding-right: 1rem !important;
    }

    .help-text {
        margin-top: 2rem;
    }

    /* print credit css end*/
    .campus-thank {
        width: 200px !important;
    }
    .input-wrapper{
        display: block !important;
    }
    .input-wrapper label {
        height: 60px!important;
        font-size: 14px;
        padding: 12px;
        border: 0;
    }

    .input-wrapper input {
        height: 40px !important;
    }

    #masthead.sticky .topbar-hide {
        display: none !important;
    }

    #masthead.sticky .navbar.menu-bar {
        padding-top: 1rem;
    }

    .error {
        font-size: 0.8rem !important;
    }

    .top-image-new img {
        height: 12rem;
        object-fit: cover;
    }

    .menu-bar .dropdown-item {
        font-size: 1rem;
    }

    /* .menu-bar .navbar-nav .nav-link{

  } */
    .btn.btn-submit,
    .btn.btn-submit:hover,
    .btn.submit:focus {
        display: block;
        width: 100%;
        margin-top: 1rem;
    }

    .btn.btn-back,
    .btn.btn-back:hover,
    .btn.back:focus {
        display: block;
        width: 100%;
        margin-top: 1rem;
    }
    .btn.btn-back.btn-cancel,
    .btn.btn-back.btn-cancel:hover,
    .btn.back.btn-cancel:focus {
        display: block;
        width: 100% !important;
        margin-top: 1rem !important;
    }

    .student-db-form .datepicker-dropdown {
        top: 48% !important;
        left: 22% !important;
    }

    .db-form .datepicker-dropdown {
        top: 44% !important;
        left: 19% !important;
    }

    .address-confirmation {
        margin-bottom: 1rem !important;
    }

    .payer-confirmation {
        margin-bottom: 0rem !important;
        padding-top: 2rem !important;
    }

    /* responsive css for BASF login page start */
    .student-stp-1 .qurey-section .query-section-header::after {
        display: none;
    }

    .student-stp-1 .qurey-section .query-section-header {
        border-bottom: 1px solid #002a41 !important;
        margin-bottom: 1rem !important;
        padding-bottom: 0.4rem !important;
        font-size: 0.7rem !important;
    }

    .query-text-right {
        margin-left: 0 !important;
    }

    .help-text p {
        margin-bottom: 1rem !important;
    }

    .direct-debit-header h2 {
        font-size: 1rem !important;
    }

    .form-modal .modal-header .close,
    .form-modal .modal-header .close:hover {
        top: 10px !important;
    }

    .modal {
        top: 5%;
    }


    /* responsive css for BASF login page end */
    /* responsive css for student depost login page start */
    .res-no-wrap {
        white-space: nowrap;
    }

    .student-db-form p {
        padding-top: 0 !important;
        margin-bottom: 1rem !important;
    }

    .student-db-form .options img {
        left: 100% !important;
        top: -15px !important;
    }

    /* responsive css for student depost login page end */

    /* responsive css for student depost steps page start */
    /* .table-wrapper {
        padding: 1rem !important;
    } */

    #no-more-tables tr {
        border: 0px !important;
    }

    .student-stp-1 .qurey-section .query-section-header::after {
        width: 80% !important;
        left: 9% !important;
        top: 26% !important;
    }

    /* responsive css for student depost steps page end */

    .guarantee-section h3 br {
        display: block !important;
    }

    .guarantee-section .sub-heading {
        font-size: 0.6rem !important;
    }

    .confirm-details {
        position: relative !important;
    }

    .print-section {
        position: absolute !important;
        right: 0 !important;
        top: -5px !important;
    }

    .print-button img {
        max-height: 55px !important;
        position: absolute;
        right: 20px;
        bottom: 91%;
    }

    .comman-db-headings {
        margin-bottom: 1rem;
        font-size: 18px !important;
    }

    .logos-section {
        display: block !important;
    }

    .logos-section p {
        text-align: left !important;
        margin-top: 1rem !important;
    }

    /* .for-mob-hidden{display: none;}
  .for-desk-hidden{display: block !important;}
.menu-bar.sticky-top .navbar-brand.form-brand {
    position: absolute !important;
    top: 6px !important;
} */
    /* br {
        display: none;
    } */

    .navbar-breedcrumbs {
        padding-top: 4.5rem;
        display: block !important;
        text-align: center;
    }

    .navbar-nav {
        margin-top: 1rem;
    }

    .menu-bar .navbar-nav .dropdown-menu {
        border: 1px solid #aaa !important;
    }

    .menu-bar .navbar-nav br {
        display: none;
    }

    .top-image h1 {
        font-size: 1rem !important;
    }

    .carousel-item {
        height: 210px !important;
    }

    /* .carousel.carousel-homepage .carousel-item img {
        height: 330px !important;
    } */

    #pills-three form div {
        display: block !important;
        padding: 0;
        margin-left: 0 !important;
        margin-top: 10px !important;
    }

    body {
        font-size: 87%;
    }

    /* .top-bar-menu form .input-group .form-control.manage-width{width: 60px !important;} */
    .top-bar-menu form .input-group .form-control {
        width: 145px !important;
    }

    .menu-bar.sticky-top {
        padding: 1.5rem !important;
    }

    /* .print-button{display: none;} */
    /* homepage comman responsive css start */
    .card.form-card-list {
        margin-bottom: 0rem;
    }

    .faq-section {
        margin-top: 2rem;
    }

    .homepage-header {
        padding: 1rem;
    }

    .homepage-header h1 {
        font-size: 1.3rem;
    }

    .ecom-portal {
        padding-bottom: 0 !important;
    }

    .ecom-portal .row {
        margin-bottom: 0 !important;
    }

    /* homepage comman responsive css end */
    /* footer responsive css start */
    .copyrights {
        display: block !important;
    }

    .footer-subs {
        display: block !important;
    }

    .footer-subs img {
        max-height: 250px;
        width: 100%;
        margin-bottom: 2rem;
    }

    .footer-subs {
        text-align: center;
    }

    .invisible {
        display: none !important;
        visibility: hidden !important;
    }

    .copyright-list {
        display: inline-block;
    }

    /* footer responsive css end */
    /* slider responsive css Start */
    .carousel.carousel-homepage .carousel-caption .caption-heading {
        font-size: 1.3rem;
    }

    .carousel.carousel-homepage .carousel-caption p {
        font-size: 1rem !important;
    }

    .carousel.carousel-homepage .carousel-item img {
        height: 60vh;
    }

    .carousel.carousel-homepage .carousel-caption {
        left: 26%;
    }

    .carousel.carousel-homepage .carousel-caption {
        padding-top: 0rem;
    }

    .carousel-homepage {
        padding: 0;
    }

    /* slider responsive css end */
    /* css for navbar and topbar start */
    .form-toggler.navbar-toggler {
        border: 1px solid #68246d;
    }

    .navbar-brand.form-brand {
        position: relative;
        top: 0;
    }

    .menu-bar {
        padding: 1rem;
    }

    .top-bar-res {
        display: flex !important;
        list-style-type: none;
        padding: 1rem 0 0;
    }

    .top-bar-desk {
        display: none !important;
    }

    .navbar-brand.form-brand img {
        max-height: 50px !important;
    }

    .top-bar-res form .input-group .form-control {
        width: 104px;
        background: transparent;
        border-radius: 0;
        font-size: 10px;
        border: 1px solid #aaa;
        color: #000;
        height: 26px;
        z-index: 1111;
    }

    .top-bar-res li a {
        color: #000;
        padding-right: 0.8rem;
        border-right: 1px solid #aaa;
        margin-left: 0.8rem;
        font-size: 0.8rem;
        text-decoration: none;
    }

    .top-bar-res form .input-group {
        border: 1px solid #aaa;
        position: relative;
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        border-radius: 5px;
        width: 100%;
        border: 1px solid #fff;
    }

    .top-bar-res form .input-group:focus {
        box-shadow: none;
    }

    .top-bar-res form .input-group .form-control:focus {
        box-shadow: none;
    }

    .top-bar-res form .input-group .form-control::placeholder {
        color: #000;
        font-size: 12px;
    }

    /* css for navbar and topbar end */
    /* resposive css direct debit step begining page start */
    .form-navigation {
        top: 50% !important;
        padding: 2rem 2rem !important;
    }

    .form-navigation h3 {
        font-size: 1rem;
    }

    .form-navigation span {
        margin-right: 0 !important;
    }

    .db-stage-header {
        font-size: 0.6rem !important;
        line-height: 1rem !important;
    }

    .db-form {
        margin-top: 2rem !important;
        border-bottom-right-radius: 0rem !important;
    }

    .marketing .row {
        margin-bottom: 0 !important;
    }

    .db-form .tips {
        font-size: 0.6rem !important;
    }

    /* resposive css direct debit step begining page end */
    /* resposive css direct debit step page 2 start */
    .tab-section .nav-pills .nav-link {
        font-size: 13px;
        padding: 0.45rem 0.5rem !important;
    }

    .tab-section .tab-content .bg-db-setting-up {
        display: block !important;
    }

    .tab-section {
        padding: 0 !important;
        margin-top: 1rem;
    }

    .qurey-section {
        padding: 1rem;
    }

    .qurey-section .query-section-header {
        font-size: 0.7rem !important;
    }

    .container.db-steps-res {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }

    .qurey-section div {
        display: block !important;
        margin-bottom: 5px !important;
    }

    .account-details div {
        display: block !important;
    }

    .account-details .mb-3 {
        padding: 0 !important;
    }

    .account-details div.left-frm {
        padding-left: 1rem !important;
    }

    .account-details div.right-frm {
        padding-left: 0rem !important;
    }

    .tab-section .tab-content .bg-db-setting-up {
        padding: 1rem !important;
    }

    .guarantee-section h3 {
        font-size: 0.8rem !important;
    }

    .guarantee-header img {
        max-height: 34px !important;
        top: 22px !important;
        right: 10px !important;
    }

    .notification-section {
        display: block !important;
    }

    .notification-section div {
        /* padding: 0 !important; */
        /* margin-top: 20px !important; */
    }

    .radio-section [type="radio"]:checked + label:before,
    .radio-section [type="radio"]:not(:checked) + label:before {
        left: 17px !important;
        top: 23px !important;
    }

    .radio-section [type="radio"]:checked + label:after,
    .radio-section [type="radio"]:not(:checked) + label:after {
        top: 29px !important;
        right: 21px !important;
    }

    .guarantee-header2 img {
        max-height: 25px !important;
    }

    /* resposive css direct debit step page 2 end */
}

/* Direct Debit css start */
.checked .perm-addr {
    color: #68246d;
    font-size: 18px;
    margin-bottom: 25px;
    display: block;
}
.form-perm-addr{
    color: rgb(106, 35, 111);
    font-weight: bold;
}
.perm-addr {
    font-size: 18px;
    margin-bottom: 25px;
    display: block;
    padding-left: 2rem;
}

.banner-section {
    /* background-image: url("/assets/img/banner.jpg"); */
    width: 100%;
    padding: 0 7%;
    display: table;
    margin: 0;
    max-width: none;
    min-height: 300px;
    position: relative;
    background-repeat: no-repeat;
    background-position: 100% 106%;
    background-size: cover;
}

.form-navigation {
    position: absolute;
    top: 45%;
    display: flex;
    justify-content: space-between;
    width: 100%;
    left: 0;
    right: 0;
    padding: 3rem 9rem;
}

.form-navigation h3 {
    color: #fff;
    font-weight: bold;
}

.form-navigation span {
    font-size: 0.8rem;
}

.btn {
    letter-spacing: 0.5px;
}


.btn.btn-proceed:hover {
    background-color: rgba(104, 36, 109, .8196078431372549) !important;
    box-shadow: inset 140px 0 0 rgb(104 36 109 / 82%)
}

.btn.btn-proceed,
.btn.btn-proceed:focus {
    background-color: #68246d;
    color: #fff !important;
    font-weight: 700;
    font-size: 18px;
    height: 50px;
    width: 140px;
    border: 0;
    border-radius: 0 0 37px 0;
    padding-left: 18px;
    padding-top: 12px;
    padding-bottom: 14px;
    text-align: left;
    -webkit-transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    box-shadow: inset 0 0 0 rgb(104 36 109 / 82%)
}



.btn.btn-make-deposite:hover{
    background-color: rgba(104,36,109,.8196078431372549)!important;
    box-shadow: inset 280px 0 0 rgb(104 36 109 / 82%);
}
.btn.btn-make-deposite,
.btn.btn-make-deposite:focus {
    background-color: #68246d !important;
    color: #fff;
    font-weight: 700;
    width: 280px;
    font-size: 18px;
    height: 50px;
    margin-top: 1rem;
    border: 0;
    border-radius: 0 0 40px 0;
    text-transform: capitalize;
    -webkit-transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    box-shadow: inset 0 0 0 rgb(104 36 109 / 82%);
}

.marketing .col- {
    padding: 0 !important;
}

.direct-debit-header h2 {
    color: #68246d;
    font-weight: bold;
    padding-bottom: 40px;
    font-size: 28px;
}

.direct-debit-header h3 {
    color: #002a41;
    font-weight: bold;
    padding-bottom: 2rem;
    font-size: 28px;
}

.direct-debit-header h3.heading {
    color: #002a41;
    font-weight: bold;
    padding-bottom: 2rem;
    font-size: 16px;
}

.instruction-headings {
    color: #002a41;
    font-weight: bold;
    margin-top: 1rem;
    font-size: 20px;
    margin-bottom: 40px;
}

.print-history h4 {
    color: #002a41;
    font-weight: bold;
    padding-bottom: 2rem;
    font-size: 22px;
}

.direct-debit-header h2::after {
    display: block;
    content: "";
    border-top: 0.3rem solid #68246d;
    width: 5rem;
    transform: translateY(1.2rem);
    margin: 0px;
    text-align: left;
}
.direct-debit-header.sdrsf-event-header h2::after {
    transform: translateY(2.2rem);
}



.small-header-db {
    color: #002a41;
    font-weight: bold;
    font-size: 1rem;
    padding-bottom: 0rem;
    padding-top: 1rem;
}

.accessible-link {
    font-weight: 600;
    color: #002a41;
}

.accessible-link:hover{
    text-decoration: underline !important;
    color: #68246d !important;
}
em.fas.fa-calendar-alt:hover{
    color: #68246d !important;
}
.print-button img {
    max-height: 55px !important;
    
}
.duo-link {
    padding-bottom: 0.1rem;
    border-bottom: 1px solid #000;
}

.db-form {
    padding: 2rem;
    background-color: #efe8ef;
    margin-top: 5rem;
    border-bottom-right-radius: 12rem;
}

.db-form .form-control {
    border-radius: 0;
}

.db-form .tips {
    font-size: 14px;
    padding: 0.5rem 0;
}

.calender-dob {
    position: relative;
}

.calender-dob .calender-icon img {
    position: absolute;
    top: 40px;
    right: 5px;
    margin-right: 6px;
    width: 22px;
    height: 24px;
}

/* Direct Debit css end */
/* Direct Debit step 1 start */
.db-stage-header {
    text-align: center;
    font-style: italic;
    color: #68246d;
    font-size: 20px;
    font-weight: 600;
    line-height: 2rem;
}

.db-stage-header-bg {
    background-color: #efe8ef;
    padding: 1rem;
    border-radius: 0 0 200px 0;
}

.tab-section {
    padding-top: 6px;
}

.tab-section .nav-pills {
    border-bottom: 2px solid #68246d;
}

.tab-section .nav-pills .nav-item {
    width: 25%;
    text-align: center;
}

.tab-section .nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: #fff;
    background-color: #68246d;
}

.tab-section .nav-pills .nav-link i {
    margin-left: 0.5rem;
}

.tab-section .nav-pills .nav-link {
    background-color: #d1bcd3;
    color: #fff;
    border-radius: 0;
    margin-right: 0.3rem;
    font-weight: bold;
    padding: 0.45rem 0.6rem;
}

.tab-section .tab-content .bg-db-setting-up {
    padding: 1rem;
    margin-top: 2rem;
    background: #f2f4f5;
}

.tab-section .tab-content {
    padding-top: 1rem;
}

.qurey-section .query-section-header {
    font-size: 1rem;
    font-weight: bold;
    color: #002a41;
}

.qurey-section .query-text-left {
    font-size: 1rem;
}

.width-settle {
    width: 100px;
    padding-left: 10px;
}

.width-settle-post {
    width: 60px;
    padding-left: 10px;
}

.width-settle-post-90 {
    width: 85px;
}

.width-settle-tel {
    width: 126px;
    padding-left: 10px;
}

.qurey-section .query-text-right {
    font-size: 1rem;
    font-weight: bold;
    color: #002a41;
}

.qurey-section .query-text-right a {
    color: #002a41;
    word-break: break-all;
}
.qurey-section .query-text-right a:hover{
    color: #68246d
}
.qurey-section .query-text-end {
    font-size: 1rem;
    font-weight: bold;
    color: #002a41;
    padding-right: 15px;
    padding-left: 15px;
}

.qurey-section .query-text-end a {
    color: #002a41;
    word-break: break-all;
}
.qurey-section .query-text-end a:hover{
    color: #68246d
}
.account-details .form-control {
    background-color: #fff;
}

.account-details .form-control:disabled,
.form-control[readonly] {
    background-color: #eeeeee;
}

.account-details .mb-3 label {
    font-size: 1rem;
}

.guarantee-section {
    background-color: #f2f4f5;
    padding: 1rem 2rem;
    position: relative;
    margin-top: 1rem;
    border: 1px solid #002a41;
}

.guarantee-section h3 {
    font-size: 1.2rem;
    font-weight: bold;
    color: #002a41;
}

.guarantee-section .sub-heading {
    font-size: 0.8rem;
    color: #002a41;
    display: block;
}

.guarantee-header {
    border-bottom: 1px solid #002a41;
    padding: 0.5rem 0;
}

.guarantee-header2 {
    border-bottom: 1px solid #002a41;
    padding: 0.5rem 0;
}

.guarantee-header3 {
    border-bottom: 1px solid #002a41;
    padding: 0.5rem 0;
}

.guarantee-header img {
    max-height: 50px;
    position: absolute;
    top: 5px;
    right: 35px;
}

.guarantee-header2 img {
    max-height: 50px;
    position: absolute;
    top: 15px;
    right: 35px;
}

.guarantee-header3 img {
    max-height: 50px;
    position: absolute;
    top: 15px;
    right: 35px;
}

.guarantee-list {
    padding-left: 1rem;
}

.guarantee-list li {
    font-size: 1rem;
    color: #002a41;
    font-weight: 500;
    padding-bottom: 1rem;
}

.notification.check {
    border: 1px solid #002a41;
    color: #002a41;
}

.notification.check p {
    padding: 20px;
}

.logos-section img {
    max-height: 60px;
}

.logo2 {
    border-left: 1px solid #000;
}

.logos-section {
    background-color: #f2f4f5;
}

.comman-db-headings {
    font-size: 28px;
    /* margin-top: 1rem; */
    font-weight: bold;
}
.comman-db-headings.thanks-msg{
    font-size: 22px !important;
}
.comman-db-headings.thanks-msg a{
    font-size: 22px !important;
}

.instructions {
    font-size: 24px;
    font-weight: bold;
    color: #002a41;
}

/* Direct Debit step 1 end */
/* radio button css */
.radio-section [type="radio"]:checked + label.checked,
.radio-section [type="radio"]:not(:checked) + label.checked {
    border: 1px solid#68246D;
}

.radio-section [type="radio"]:checked,
.radio-section [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.radio-section [type="radio"]:checked + label,
.radio-section [type="radio"]:not(:checked) + label {
    position: relative;
    padding: 1.2rem;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #002a41;
    font-weight: bold;
    font-size: 0.8rem;
    border: 1px solid #002a41;
}

.radio-section [type="radio"]:checked + label:before,
.radio-section [type="radio"]:not(:checked) + label:before {
    content: "";
    position: absolute;
    left: 3%;
    top: 21px;
    width: 22px;
    height: 22px;
    border: 1px solid #002a41;
    border-radius: 100%;
    background: #fff;
}
.radio-section [type="radio"]:checked + label:after, .radio-section [type="radio"]:not(:checked) + label:after {
    left: 23px;
    top: 26px;
    padding: 4px;
}

.radio-section [type="radio"]:checked + label:after,
.radio-section [type="radio"]:not(:checked) + label:after {
    content: "";
    width: 9px;
    height: 9px;
    background: #68246d;
    border: 1px solid #002a41;
    position: absolute;
    top: 27px;
    right: 62px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.radio-section [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.radio-section [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.radio-section p {
    font-size: 1rem;
    color: #002a41;
    margin-bottom: 0.5rem;
    margin-left: 30px;
}

.radio-section label {
    margin-bottom: 1rem;
    width: 100%;
}

/* print css */
.container.print-container {
    border: 2px solid #002a41;
}

/* .print-button img{padding:1rem 0;max-height:70px;} */
/* @media (min-width:1200px){.container.print-container{max-width:1000px;}
 } */
.address-confirmation {
    border: 1px solid #68246d;
    padding: 1rem;
    margin-top: 1rem;
    margin-bottom: 2rem;
    height: 250px;
}

.address-confirmation p {
    margin-bottom: 0.5rem !important;
}
.address-confirmation.final_address p{
 padding-left: 16px;
}
.address-confirmation.final_address .perm-addr{
padding-left: 1rem!important;
/* padding-top: 1rem!important; */
margin-bottom: .3rem!important;
}
/* .payer-confirmation{border:1px solid #68246D;padding:1rem;margin-top:1rem;margin-bottom:2rem;height: 180px;}
  */
.payer-confirmation p {
    margin-bottom: 0.5rem !important;
}

.success-content {
    padding: 2rem;
    background-color: #efe8ef;
    border-radius: 0 0 300px 0;
}

.success-content h2.comman-db-headings {
    font-size: 22px;
    color: #68246d;
    font-weight: bold;
}

.success-content h3.sub-headings {
    font-size: 22px;
}

.error-heading {
    font-size: 4em;
    color: #68246d;
    font-weight: bold;
    margin-bottom: 1rem;
}

.error-heading-subs {
    font-size: 1.2rem;
    color: #002a41;
}

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

    .top-bar-menu form .input-group .form-control {
        width: 130px !important;
    }

    .radio-section [type="radio"]:checked + label:after,
    .radio-section [type="radio"]:not(:checked) + label:after {
        top: 29px !important;
        right: 19px !important;
    }

    /* responsive css for student depost login page start */
    .student-db-form .datepicker-dropdown {
        top: 48% !important;
        left: 18% !important;
    }

    .db-form .datepicker-dropdown {
        top: 44% !important;
        left: 15% !important;
    }

    .student-db-form p {
        padding-top: 0 !important;
        margin-bottom: 1rem !important;
    }

    .student-db-form .options img {
        left: 100% !important;
        top: -15px !important;
    }

    /* responsive css for student depost login page end */

    .guarantee-header img {
        max-height: 28px !important;
    }

    .carousel.carousel-homepage .carousel-item img {
        height: 65vh;
    }

    .carousel.carousel-homepage .carousel-caption p {
        font-size: 0.8rem !important;
    }

    .top-bar-res form .input-group .form-control {
        width: 80px !important;
    }
}

/* @media only screen and (min-width:736px){.copyrights{padding-bottom:1rem !important;}
  .copyrights .copyright-list a{padding-right:1.1rem !important;padding-left:1.1rem !important;font-size:.7rem !important;}
  } */
header .navbar.menu-bar {
    padding-top: 0;
}
.direct-debit-header.ed-abstract h2::after {
    transform: translateY(2rem);
}
@media (min-width: 1366px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1170px;
    }

    .survey-container{
        max-width: 970px !important;
    }
}

@media only screen and (min-width: 992px) {
    .sd-blade-one br {
        display: none;
    }

    .carousel.carousel-homepage .carousel-caption p br {
        display: block !important;
    }

    .homepage-header h1 {
        font-size: 1.6rem !important;
    }

    .query-text-right br {
        display: none;
    }

    .ccr-blade-one br {
        display: none;
    }

    .dd-blade-one br {
        display: none;
    }

    .dd-blade-two br {
        display: none;
    }

    .success-content h3.sub-headings {
        font-size: 22px !important;
    }

    .tab-section .nav-pills .nav-link {
        /* font-size: 15px !important; */
    }

    .radio-section [type="radio"]:checked + label:after,
    .radio-section [type="radio"]:not(:checked) + label:after {
        right: 48px !important;
    }

    .rounded-numbers {
        /* padding: 3px !important; */
    }

    .copyrights .copyright-list a {
        font-size: 13px !important;
    }

    .carousel.carousel-homepage .carousel-caption br {
        display: none !important;
    }
}

.modal-dialog.error-popup {
    max-width: 75%;
}

@media (min-width: 1200px) {
    .modal-dialog.error-popup {
        max-width: 75% !important;
    }

    .homepage-header h1 {
        font-size: 1.8rem !important;
    }

    .carousel.carousel-homepage .carousel-caption br {
        display: block !important;
    }

    .ccr-blade-one br {
        display: block !important;
    }

    .query-text-right br {
        display: block !important;
    }

    /* .dd-blade-one br{
      display: block !important;
    } */
    .dd-blade-two br {
        display: block !important;
    }

    .tab-section .nav-pills .nav-link {
        font-size: 18px !important;
    }

    .copyrights .copyright-list a {
        font-size: 16px !important;
    }

    .rounded-numbers {
        padding: 1px !important;
    }

    .radio-section [type="radio"]:checked + label:after,
    .radio-section [type="radio"]:not(:checked) + label:after {
        right: 66px !important;
    }

    .success-content h3.sub-headings {
        font-size: 22px !important;
        margin-bottom: 2rem;
    }

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1170px;
        padding: 0;
    }

    .print-cc-form .student-db-form .datepicker-dropdown.from {
        top: 70% !important;
        left: 51% !important;
    }

    .calender-to {
        position: relative;
    }

    .calender-from {
        position: relative;
    }

    .print-cc-form .student-db-form .datepicker-dropdown.to {
        top: 65% !important;
        left: 51% !important;
    }

    .db-form .datepicker-dropdown {
        top: 52% !important;
        left: 58% !important;
    }

    .student-db-form .datepicker-dropdown {
        top: 52% !important;
        left: 60% !important;
    }
}

@media (min-width: 1920px) {
    .modal-dialog.error-popup {
        max-width: 52% !important;
    }
}

/* dropdown css start */
.menu-bar .dropdown-item {
    padding: 0.3rem 1rem;
    color: #000;
    font: var(--main-font-style-normal) normal normal var(--main-font-size-16) /
        22px var(--main-font-family-open-sans);
    font: normal normal normal 16px/22px Open Sans;
    letter-spacing: 0.4px;
}

.menu-bar .dropdown-item:hover {
    color: #68246d;
    background: #f3f5f6;
}

.menu-bar .dropdown-menu {
    width: 12.6em;
    margin: 0;
    border-top: 3px solid #68246d;
    border-radius: 0px;
    border: 0px;
}

.menu-bar .dropdown-menu-right {
    top: 93%;
}

.menu-bar .navbar-nav .dropdown-menu {
    padding: 0;
    border-top: 3px solid #68246d !important;
    left: 20px;
    border: 1px solid#bababa;
    box-shadow: rgb(186 186 186 / 12%) 0px 1px 3px, rgb(186 186 186 / 24%) 0px 1px 2px;
}

/* dropdown css end */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
    .booking_status {
        display: flex !important;
    }
    .ocp_payment_tab.form-payment-tabs {
        display: flex !important;
    }
    .ocp_payment_tab.form-payment-tabs .nav-link {
        height: 100% !important;
        padding: 15px !important;
    }

    .btn.current-event{
        margin-left: 0 !important;
        margin-top: 1rem !important;
        width: 100% !important;
    }
    .event-header-wrapper {
        display: flex !important;
    }
    .footer-menu-list li a{
        font-size: 1rem !important;
    }
    #footer_for_desktop{
        display: none !important;
    }
    #footer_for_tabs{
        display: block !important;
    }
    .res-width-10 {
        width: 5% !important;
        height: 25px !important;
    }

    #consent-popup {
        padding: 2rem 4rem !important;
    }

    .form-payment-tabs {
        display: block !important;
    }

    .form-payment-tabs li {
        width: 100% !important;
    }

    .payment-method-helptext {
        padding-bottom: 1rem;
        padding-top: 1rem;
    }

    .bst-banner h3 {
        font-size: 18px !important;
    }

    .bst-banner span {
        font-size: 1rem !important;
    }

    .contact-list li br {
        display: block !important;
    }

    .tab-student-dp .nav-pills {
        white-space: nowrap;
        flex-wrap: nowrap;
        max-width: 100%;
        overflow-x: scroll;
        overflow-y: hidden;
    }

    .form-breadcrumbs .navbar-breedcrumbs {
        padding-top: 3rem !important;
    }

    .right-review {
        padding-left: 1rem !important;
    }

    .border-right-review {
        border: 0 !important;
    }

    .form-nav-tabs {
        white-space: nowrap;
        flex-wrap: nowrap;
        max-width: 100%;
        overflow-x: scroll;
        overflow-y: hidden;
    }

    .dropdown-item {
        white-space: pre-wrap;
    }

    .width-settle-post {
        width: 64px !important;
    }

    .width-settle {
        width: 100px !important;
    }

    .tab-section.print-tab .nav-pills .nav-link {
        font-size: 13px !important;
    }

    .rounded-numbers {
        /* padding: 5px !important; */
    }

    .btn.btn-proceed.btn-begin,
    .btn.btn-proceed.btn-begin:hover,
    .btn.btn-proceed.btn-begin:focus {
        margin-top: 2.5rem !important;
    }

    /* .qurey-section .query-text-left {
    width: 55px !important;
} */
    .student-db-form .datepicker-dropdown {
        top: 48% !important;
        left: 49% !important;
    }

    .db-form .datepicker-dropdown {
        top: 44% !important;
        left: 44% !important;
    }

    /* br {
        display: none;
    } */

    /* footer .footer-sub-menu-header{
      font-size: .8rem;
    } */
    .navbar-brand.form-brand {
        position: absolute;
        top: -46%;
        left: 5%;
    }

    /* responsive css for student depost login page start */
    .menu-bar .dropdown-menu-right {
        top: 90% !important;
    }

    .card.form-card-list .card-body h2 {
        font-size: 0.9rem !important;
    }

    .card.form-card-list {
        margin-bottom: 2rem !important;
    }

    .menu-bar .navbar-nav .nav-link {
        padding: 1rem 0 0;
    }

    .menu-bar .navbar-nav .nav-link.active {
        padding: 1rem 0 0;
    }

    /* .menu-bar.sticky-top {
 padding: 2rem 0 1rem;
} */
    .navbar-brand.form-brand img {
        max-height: 45px !important;
    }

    .top-bar-res {
        display: none !important;
    }

    .top-bar-desk {
        display: flex !important;
    }

    .menu-bar .navbar-nav .nav-link {
        padding: 1rem 0 1rem;
        margin-left: 2rem;
    }

    .menu-bar .navbar-nav .nav-link.active {
        padding: 1rem 0 1rem;
    }

    /* .menu-bar{padding:0rem 0 1rem;} */
    .top-bar {
        right: 4%;
    }

    .top-bar-menu form .input-group .form-control {
        width: 170px !important;
    }

    .menu-bar .dropdown-menu-right {
        top: 120%;
    }

    /* .carousel.carousel-homepage .carousel-item img{height:55vh;} */
    .radio-section [type="radio"]:checked + label:after,
    .radio-section [type="radio"]:not(:checked) + label:after {
        top: 15%;
        right: 44px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    .card.form-card-list .card-header .contact_us_img {
        height: 410px;
    }
    .tab-section .nav-pills {
        border-bottom: 2px solid #68246d;
        overflow-x: auto;
        overflow-y: hidden;
        flex-wrap: nowrap;
    }
    .tab-section .nav-pills .nav-item{
        width: 100% !important;
    }
    .tab-section .nav-pills .nav-link{
        white-space: nowrap !important;
    }

    .radio-section [type="radio"]:checked + label:before, .radio-section [type="radio"]:not(:checked) + label:before{
        left: 17px !important;
        top: 21px !important;
    }
    .tab-section .nav-pills .nav-link{
        /* font-size: 13px !important; */
    }
    .radio-section [type="radio"]:checked + label:after, .radio-section [type="radio"]:not(:checked) + label:after{
        top: 27px !important;
    }
    .btn.current-event{
        /* margin-left: auto !important; */
        margin-top: 0rem !important;
        width: auto !important;
    }
    #courses_front_list.table.dataTable thead .sorting:before,
    #courses_front_list.table.dataTable thead .sorting:after{
        top: 25px !important;
    }
    .email_help_text br{
        display: none !important;
    }
    .data_secure_box .form-checkbox-default{
        display: flex !important;
    }
    .menu-bar .dropdown-menu-right {
        top: 90% !important;
    }

    .tab-section.print-tab .nav-pills .nav-link {
        font-size: 15px !important;
    }



    .tab-section .nav-pills .nav-link .rounded-numbers {
        /* padding: 6px !important; */
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    
    .ed-current-event .btn.current-event,
    .ed-current-event .btn.current-event:focus{
        margin-right: 0 !important;
        width: 100% !important;
    }
    .ed-current-event .btn.submit-abstract-details,
    .ed-current-event .btn.submit-abstract-details:focus{
        width: 100% !important;
        margin-top: 1rem!important;
        font-size: 18px !important;
    }
    .ed-event-header.ed-abstract h2{
        font-size: 22px !important;
    }
    .ed-event-header.ed-abstract h2::after {
        transform: translateY(2.4rem) !important;
    }
    .card.form-card-list .card-header .contact_us_img {
        height: 435px;
    }
    .tab-section .nav-pills {
        border-bottom: 2px solid #68246d;
        overflow-x: auto;
        overflow-y: hidden;
        flex-wrap: nowrap;
    }
    .tab-section .nav-pills .nav-item{
        width: 100% !important;
    }
    .tab-section .nav-pills .nav-link{
        white-space: nowrap !important;
    }

    .radio-section [type="radio"]:checked + label:before, .radio-section [type="radio"]:not(:checked) + label:before {
        left: 17px !important;
        top: 18px !important;
    }
    .cncr_clg_name{
        display: block !important;
    }
    .booking_status{
        display: block !important;
    }
    /* .btn.current-event{
        margin-left: 0 !important;
        margin-top: 1rem !important;
        width: 100% !important;
    } */
    .btn.btn-add-wl-list, .btn.btn-add-wl-list:hover, .btn.btn-add-wl-list:focus{
        margin-top: 0 !important;
    }
    .modal-delete-delegate{
        max-width: 40% !important;
    }
    .tab-section .nav-pills .nav-link .rounded-numbers{
        padding-top: 2px !important;
    }
    #courses_front_list.table.dataTable thead .sorting:before,
    #courses_front_list.table.dataTable thead .sorting:after{
        top: 35px !important;
    }
    .btn.btn-add-to-cart, .btn.btn-add-to-cart:hover, .btn.btn-add-to-cart:focus{
        margin-top: 0 !important;
    }
    .type-of-user-group{
        display: block !important;
    }
    .form-checkbox-default{
        display: flex !important;
    }
    .data_secure_box .form-checkbox-default{
        display: flex !important;
    }
    .terms_and_cond.form-checkbox-default{
        display: block !important;
    }
    .btn.btn-add-to-cart.lfa, .btn.btn-add-to-cart.lfa:hover, .btn.btn-add-to-cart.lfa:focus{
    margin-top: 0 !important;
    }
    .res-word-break{
        word-wrap: break-word !important;
    }
    .booking_status span{
     margin-right: 1rem !important;
     width: 100% !important;
    }
    .top-image h1 {
        font-size: 19px !important;
    }
    .top-image-new h1 {
        font-size: 19px !important;
    }
    .top-image-new .navbar-breedcrumbs span{
        font-size: 12px !important;
    }
    .top-image .navbar-breedcrumbs span{
        font-size: 12px !important;
    }

    .res_margin{
        margin-right: 2rem !important;
    }
    .footer-menu-list li a{
        font-size: 14px !important;
    }
    #footer_for_desktop{
        display: none !important;
    }
    #footer_for_tabs{
        display: block !important;
    }
    .tab-section.sdrs-tab-section.tab-student-dp .nav-pills .nav-link {
        font-size: 15px !important;
    }

    .badge.booking_available {
        /* display: block !important; */
        margin-top: 2px !important;
        margin-bottom: 10px !important;
        width: fit-content;
        margin-left: 0 !important;
    }

    .menu-bar .navbar-nav .nav-link {
        padding: 1rem 0 1rem !important;
    }



    .badge.booking_full {
        display: block !important;
        width: fit-content;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
        margin-left: 0 !important;
    }

    .res-width-10 {
        width: 10% !important;
        height: 25px !important;
    }

    #consent-popup {
        display: block !important;
        padding: 2rem 3rem !important;
    }

    .btn-accept-cookies {
        margin-top: 16px !important;
    }

    .form-payment-tabs {
        display: block !important;
    }

    .form-payment-tabs li {
        width: 100% !important;
    }

    .payment-method-helptext {
        padding-bottom: 1rem;
        padding-top: 1rem;
    }

    .privacy_policy .form-check-input {
        width: 50px !important;
    }

    .event-header-wrapper {
        display: flex !important;
    }

    .booking_status a {
        margin-left: 0 !important;
    }

    .event-booking-header {
        padding-bottom: 1rem !important;
    }

    .event-header-wrapper::after {
        transform: translateY(1.2rem) !important;
    }

    .btn_group {
        display: flex !important;
    }

    .btn_group a {
        margin-right: 1rem !important;
    }

    .btn.btn-proceed.btn-begin,
    .btn.btn-proceed.btn-begin:hover,
    .btn.btn-proceed.btn-begin:focus {
        margin-top: 40px !important;
        margin-left: 26px;
    }

    .tab-section.print-tab .nav-pills .nav-link {
        font-size: 13px !important;
    }

    .form-breadcrumbs .navbar-breedcrumbs {
        padding-top: 2rem !important;
    }

    .qurey-section .query-text-left {
        width: 100px !important;
    }

    .student-db-form .datepicker-dropdown {
        top: 48% !important;
        left: 29% !important;
    }

    .db-form .datepicker-dropdown {
        top: 44% !important;
        left: 19% !important;
    }

    .db-stage-header {
        font-size: 1rem !important;
    }

    .student-stp-1 .qurey-section .query-section-header::after {
        width: 50% !important;
        left: 45% !important;
    }

    .menu-bar .navbar-nav .nav-link {
        margin-left: 1rem !important;
    }

    .menu-bar .navbar-nav .nav-link.active {
    }

    .navbar-brand.form-brand {
        top: -75% !important;
        left: 6% !important;
    }

    .menu-bar.sticky-top .navbar-brand.form-brand {
        top: 6px !important;
    }

    .student-db-form p {
        padding-top: 2rem !important;
        margin-bottom: 1rem !important;
    }

    .student-db-form .options img {
        left: 50% !important;
        top: -15px !important;
    }

    /* responsive css for student depost login page end */

    .card.form-card-list .card-body h2 {
        font-size: 1rem !important;
    }

    .card.form-card-list {
        margin-bottom: 2rem !important;
    }

    .menu-bar .navbar-nav .nav-link {
        padding: 1rem 0 0;
    }

    .menu-bar .navbar-nav .nav-link.active {
        padding: 1rem 0 0;
    }

    .copyrights .copyright-list a {
        padding-right: 0.8rem !important;
        padding-left: 0.8rem !important;
        font-size: 1rem !important;
    }

    /* .carousel.carousel-homepage .carousel-item img{height:35vh;} */

    .card.form-card-list {
        margin-top: 0rem;
    }

    .tab-section .tab-content .bg-db-setting-up {
        /* display: flex !important; */
    }

    /* .qurey-section div{display:flex !important;} */
    .qurey-section {
        padding-top: 0rem;
    }

    .qurey-section .query-section-header {
        font-size: 0.8rem !important;
    }

    .account-details div {
        /* display: flex !important; */
    }

    .account-details div.left-frm {
        display: block !important;
        padding-left: 0rem !important;
    }

    .account-details div.right-frm {
        display: block !important;
        padding-left: 1rem !important;
    }

    .account-details div.left-frm .mb-3 {
        padding: 1rem !important;
    }

    .account-details .mb-3 {
        /* padding:1rem !important;*/
        display: block !important;
    }

    .account-details .mb-3:nth-of-type(odd) {
        padding-left: 0rem !important;
    }

    .account-details .mb-3:nth-of-type(even) {
        padding-left: 1rem !important;
    }

    .notification-section {
        /* display: flex !important; */
    }

    .notification-section div {
        /* margin-right: 1rem !important; */
    }

    .radio-section [type="radio"]:checked + label:after,
    .radio-section [type="radio"]:not(:checked) + label:after {
        top: 24px !important;
        right: 24px !important;
    }

    /* .radio-section [type="radio"]:checked + label:before,
    .radio-section [type="radio"]:not(:checked) + label:before {
        left: 88% !important;
        top: 8% !important;
    } */

    .footer-subs img {
        max-height: 100px !important;
        width: auto !important;
    }

    .footer-menu-list li a {
        /* font-size: 0.6rem; */
    }

    .invisible {
        display: block !important;
        visibility: hidden !important;
    }

    /* footer .footer-sub-menu-header{font-size:.8rem;} */
    .footer-subs {
        display: flex !important;
        text-align: left;
    }

    /* .footer-subs div{margin-right:1rem;} */
}

/* .error-banner{background-image:url("/assets/img/404.png");width:100%;padding:0 7%;display:table;margin:0;max-width:none;min-height:330px;position:relative;background-repeat:no-repeat;background-position:100% 58%;background-size:contain;}
   */
.top-image.error-banner {
    background-image: url("/img/404.jpg");
    background-size: cover;
    background-position: top;
    height: 150px;
    background-repeat: no-repeat;
}
.csp-error-banner {
    background-image: url("/img/404.jpg");
    background-size: cover;
    background-position: top;
    height: 150px;
    background-repeat: no-repeat;
}

.top-bar-menu {
    /* position: relative;
    top: 0;
    justify-content: flex-end; */
    display: flex;
    z-index: 1111;
    flex-direction: row;
}

.top-bar-menu li a {
    color: #002a41;
    padding-right: 0.8rem;
    /* border-right: 1px solid #aaa; */
    margin-left: 0.8rem;
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;
    padding-right: 1rem !important;
}

.top-bar-menu form .input-group {
    border: 1px solid #aaa;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    border-radius: 5px;
    width: 100%;
    border: 1px solid #fff;
}

.top-bar-menu form .input-group:focus {
    box-shadow: none;
}

.top-bar-menu form .input-group .form-control:focus {
    box-shadow: none;
}

.top-bar-menu form .input-group .form-control::placeholder {
    color: #707070;
    font-size: 14px;
}

.top-bar-menu form .input-group .form-control {
    background: transparent;
    opacity: 0.5;
    border-radius: 0;
    font-size: 16px;
    border: 1px solid #aaa;
    color: #000;
    width: 260px;
    padding-left: 10px;
    height: 36px;
    z-index: 1111;
}

#masthead {
    background-color: #fff;
    transition: 0.5s ease top;
    top: -105px;
}

#masthead.sticky {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.8);
    height: auto;
    z-index: 1030;
}

@keyframes smoothScroll {
    0% {
        transform: translateY(-40px);
    }

    100% {
        transform: translateY(0px);
    }
}

.menu-bar.sticky-top .navbar-brand.form-brand {
    position: absolute;
    top: 6px;
}

.navbar-brand.form-brand img {
    max-height: 65px;
}

.menu-bar.sticky-top .navbar-brand.form-brand img {
    max-height: 50px;
}

.menu-bar.sticky-top {
    box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
    margin-top: -1px;
}

header .navbar {
    padding-top: 2rem;
    padding-bottom: 1rem;
}

.top-image {
    background-image: url("/img/dd-banner.jpg");
    background-size: cover;
    background-position: bottom;
    height: 120px;
    box-shadow: inset 0 0 0 2000px rgb(0 0 0 / 20%);
}
.top-image.lp-banner{
    box-shadow: inset 0 0 0 2000px rgb(0 0 0 / 30%);
}

.navbar-breedcrumbs {
    padding-top: 2.5rem;
}

.navbar-breedcrumbs span {
    font-size: 18px;
    margin-top: auto;
    margin-bottom: auto;
}

.navbar-breedcrumbs span span:nth-child(1) {
    font-style: italic;
    opacity: 0.8;
}

.navbar-brand.form-brand {
    z-index: 1;
}

.menu-bar.sticky-top .navbar-brand.form-brand {
    z-index: 1;
}

/* css for student deposite start*/

.student-db-form {
    padding: 2rem;
    background-color: #eeeeee;
}

.student-db-form p {
    padding-top: 2rem;
    margin-bottom: 0;
    font-size: 14px;
    color: #002a41;
}
.student-db-form p a{
    font-size: 14px;
}
.student-db-form .tips {
    font-size: 14px;
    margin-top: 0.6rem;
}

.student-db-form .calender-dob .calender-icon img {
    position: absolute;
    top: 40px;
    right: 5px;
    height: 22px;
    width: 24px;
    margin-right: 19px;
}

.student-db-form.prefilled .form-control:disabled,
.form-control[readonly] {
    background-color: #eeeeee;
    color: #002a41;
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #eeeeee;
    opacity: 1;
}

.student-db-form .options {
    position: relative;
    width: 50%;
}

.student-db-form .options img {
    position: absolute;
    left: 85%;
    top: -9px;
    max-height: 40px;
}

.student-db-form .form-control {
    border-radius: 0;
}

/* css for student deposite end*/

/* css for student deposite tab panel start */
.student-stp-1 .qurey-section .query-section-header::after {
    content: "";
    position: absolute;
    width: 72%;
    background-color: #002a41;
    height: 1px;
    left: 26%;
    top: 26%;
}

.tab-section .nav-pills .nav-link {
    font-size: 18px;
}

.tab-section.tab-student-dp .nav-pills .nav-link {
    margin-right: 0.6rem;
    font-size: 18px;
    color: #fff;
}

.student-stp-1 .qurey-section .query-section-header {
    font-size: 0.8rem;
    font-weight: bold;
    padding-bottom: 0.8rem;
    color: #002a41;
    border-bottom: 0px;
    margin-bottom: 0rem;
}

.student-stp-1 .qurey-section {
    background-color: #fff;
    padding: 1.5rem;
}

.table-wrapper {
    padding: 0rem;
    margin-top: 2rem;
    overflow: hidden;
}

.table-bordered.table-step-2 td,
.table-bordered.table-step-2 th {
    border: 1px solid #002a41 !important;
}

.table-wrapper-child .table.table-step-2 th {
    border-right: 1px solid #fff !important;
}

.table-responsive > .table-bordered.table.table-payment {
    border: 1px solid #002a41;
}

table.table-payment th {
    border-bottom-width: 0;
}

table.table-payment tr:last-child {
    background: #efe8ef;
}

table.table-payment tr td {
    border: 1px solid #002a41;
}

.table-wrapper-child {
    overflow-x: auto;
    display: block;
    border: 1px solid #002a41;
}

.table-wrapper-child table {
    background-color: #fff;
    color: #002a41;
    margin-bottom: 0;
}

.table-wrapper-child table thead th {
    background-color: #002a41;
    color: #fff;
    vertical-align: top;
    font-weight: bold;
}

.table-wrapper-child .table th {
    border-right: 1px solid #fff !important;
}

.w-60-px {
    width: 60px;
}

.w-100-px {
    width: 100px;
}

.top-image.student-banner {
    background-image: url("/img/student-deposite-banner.jpg");
    background-size: cover;
    background-position: top;
    height: 120px;
    background-repeat: no-repeat;
}

.top-image.lfa-banner {
    background-image: url("/img/lfa-banner.jpg");
    background-size: cover;
    background-position: top;
    height: 120px;
    background-repeat: no-repeat;
}
.top-image.opt-college-pay-banner {
    background-image: url("/img/Optional_Payments_InnerBanner.jpg");
    background-size: cover;
    background-position: top;
    height: 120px;
    background-repeat: no-repeat;
}

/* css for student deposite tab panel end*/

/* table responsive css start */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    .tab-section .nav-pills {
        display: block !important;
    }
}

@media only screen and (max-width: 667px) {
    /* Force table to not be like tables anymore */
    #no-more-tables table,
    #no-more-tables thead,
    #no-more-tables tbody,
    #no-more-tables th,
    #no-more-tables td,
    #no-more-tables tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    #no-more-tables thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    #no-more-tables tr {
        border: 1px solid #828485;
    }

    #no-more-tables td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #828485 !important;
        position: relative;
        padding-left: 50%;
        white-space: normal;
        text-align: left;
    }

    #no-more-tables td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
    }

    #no-more-tables td:before {
        content: attr(data-title);
    }
}

/* table responsive css end */
#footer_for_tabs{
display: none;
}
@media only screen and (max-width: 1023px) {
    .action_groups_helptext {
        width: 25%;
    }
}
/* css for ipad  start */
@media only screen and (max-width: 768px) {
    .date_grups{
        display: block !important;
    }
    .date_divider{
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }
    /* .btn.btn-add-to-cart, .btn.btn-add-to-cart:hover, .btn.btn-add-to-cart:focus{
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
        width: 100% !important;
    } */
    .btn.btn-add-to-cart.added, .btn.btn-add-to-cart.added:hover, .btn.btn-add-to-cart.added:focus{
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
        width: 100% !important;
    }
    .action_groups_helptext {
        margin-bottom: 1rem !important;
        width: 100% !important;
    }
    .action_groups {
        display: block !important;
    }
    .select-box{
        width: 100% !important;
    }
    .contact-list li br {
        display: block !important;
    }

    /* .contact-list li {
        font-size: 9px !important;
    } */

    .tab-student-dp .nav-pills .nav-item {
        width: 100% !important;
    }

    .carousel-control-next {
        right: 30px !important;
    }

    .carousel-control-prev {
        left: 30px !important;
    }

    .form-nav-tabs {
        white-space: nowrap;
        flex-wrap: nowrap;
        max-width: 100%;
        overflow-x: scroll;
        overflow-y: hidden;
    }

    .dropdown-item {
        white-space: pre-wrap;
    }

    .qurey-section {
        /* padding-top: 0rem;
        padding: 1rem; */
    }

    .res-ml-0 {
        margin-left: 0 !important;
    }

    /* br {
        display: none;
    } */

    .db-stage-header {
        font-size: 14px !important;
    }

    .student-stp-1 .qurey-section .query-section-header::after {
        width: 50% !important;
        left: 45% !important;
    }

    footer .footer-sub-menu-header {
        /* font-size: .6rem !important; */
        padding-bottom: 0 !important;
    }

    .copyrights {
        padding-bottom: 1rem !important;
    }

    .copyrights .copyright-list a {
        padding-right: 1.1rem !important;
        padding-left: 1.1rem !important;
        /* font-size: .5rem !important; */
    }

    /* .menu-bar .navbar-nav .nav-link{padding: .8rem .5rem !important;} */
    .menu-bar .navbar-nav .nav-link.active {
    }

    .navbar-brand.form-brand {
        top: -35% !important;
        left: 6% !important;
    }

    .menu-bar.sticky-top .navbar-brand.form-brand {
        top: 6px !important;
    }
}

/* modal close icon css start*/
.modal-backdrop {
    z-index: 100000 !important;
}

.modal {
    z-index: 100001 !important;
}

.modal-login {
    color: #002a41;
    width: 400px;
}

.modal-login .modal-body {
    padding: 24px;
}

.modal-login .modal-content {
    padding: 0px;
    border-radius: 4px;
    border: none;
}

.modal-login .modal-header {
    border-bottom: none;
    position: relative;
    justify-content: center;
    display: block;
    padding: 1rem;
    background-color: #f0e8ef;
}

.vl:after {
    content: "";
    border: 1px solid #aaa;
    height: 54px;
    display: inline-block;
    position: absolute;
    top: -3px;
    left: 98%;
}

.modal-login .modal-header .modal-logo-header {
    justify-content: space-around;
}

.modal-login h4 {
    text-align: left;
    font-size: 18px;
    font-weight: bold;
    color: #002a41;
}

.modal-login h4 span {
    font-size: 14px;
    font-weight: normal;
}

.modal-login .mb-3 {
    position: relative;
    margin-bottom: 26px;
}

.modal-login .mb-3 img {
    position: absolute;
    left: 0;
    top: 0px;
    font-size: 16px;
    background: #eeeeee;
    height: 35px;
    padding: 9px;
    width: 35px;
    border: 1px solid #002a414d;
    border-right: 0;
    z-index: 1;
}

.modal-login .form-control {
    padding-left: 40px;
    border: 1px solid #002a414d;
}

/* .modal-login .form-control:focus {
	border-color: #00ce81;
} */
.modal-login .form-control,
.modal-login .btn {
    height: 35px;
    border-radius: 3px;
    font-size: 14px;
}

.modal-login .hint-text {
    text-align: center;
    padding-top: 10px;
}

.modal-login .close {
    position: absolute;
    top: -5px;
    right: -5px;
}

.modal-login .btn.btn-login {
    border: none;
    background: #68246d;
    line-height: normal;
    font-weight: bold;
}

.modal-login .btn.btn-azure {
    border: none;
    background: #0072c6;
    line-height: normal;
    font-weight: bold;
}

.btn.btn-azure-ad:hover {
    background-color: rgba(104, 36, 109, .8196078431372549) !important;
    box-shadow: inset 120px 0 0 rgb(104 36 109 / 82%)
}

.btn.btn-azure-ad,
.btn.btn-azure-ad:focus {
    border: none;
    background: #68246d;
    line-height: normal;
    height: 50px;
    border-radius: 0 0 37px 0;
    font-weight: 700;
    width: 120px;
    -webkit-transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    box-shadow: inset 0 0 0 rgb(104 36 109 / 82%)
}

/* .modal-login .btn:hover, .modal-login .btn:focus {
	background: #00bf78 !important;
} */
.modal-login .modal-footer {
    background: #ecf0f1;
    border-color: #dee4e7;
    text-align: center;
    margin: 0 -20px -20px;
    border-radius: 5px;
    font-size: 13px;
    justify-content: center;
}

.modal-login .modal-footer a {
    color: #999;
}

/* .trigger-btn {
	display: inline-block;
	margin: 100px auto;
} */

.form-modal .modal-header {
    position: relative;
}

.form-modal .modal-header .close,
.form-modal .modal-header .close:hover {
    position: absolute;
    /* top: 5px;*/
    right: -20px;
    background: rgb(106, 35, 111);
    padding: 0px;
    border-radius: 50%;
    height: 30px;
    opacity: 1;
    width: 30px;
    z-index: 1111;
    outline: 0;
    border: 2px solid #fff;
    box-shadow: 1px 2px 3px #fff;
}

.form-modal .modal-header .close span {
    color: #fff;
}

.form-modal .modal-body {
    padding: 2rem;
}

/* modal close icon css end*/

/* nexus 9-10  start*/
@media (max-width: 800px) {
    /* .menu-bar .navbar-nav .nav-link {
    padding: 1rem .5rem !important;
} */
    .menu-bar .navbar-nav .nav-link.active {
        padding: 1rem 0 0;
    }

    .db-form .tips {
        font-size: 0.6rem;
    }

    .menu-bar.sticky-top {
        box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
        /* padding: 2rem 0 1rem; */
    }

    footer .container {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .db-form {
        border-bottom-right-radius: 0rem;
    }
}

/* css for BASF start */
.top-image.basf-banner {
    background-image: url(/img/BASF.jpg);
    background-size: cover;
    background-position: center;
    height: 120px;
    background-repeat: no-repeat;
}
.top-image.basf-banner h1 {
    font-size: 28px;
}
table.table-payment-basf {
    border: 1px solid #002a41 !important;
    color: #002a41;
}

table.table-payment-basf td,
.table-bordered.table-payment-basf th {
    border: 1px solid #002a41;
}

table.table-payment-basf tr:last-child {
    background: #efe8ef;
}

.border-right-single {
    border-right: 1px solid #aaa !important;
}

table.table-payment-basf.table-review-booking tr:last-child {
    background: #002a41;
    color: #fff;
}

table.table-payment-basf thead th {
    border-right: 1px solid #aaa !important;
    background-color: #002a41;
    color: #fff;
    font-weight: bold;
}

table.table-basf {
    border: 1px solid #002a41 !important;
    color: #002a41;
}

table.table-basf td,
.table-bordered.table-payment-basf th {
    /* border: 1px solid #002a41; */
}
.table-bordered td, .table-bordered th {
    border: 1px solid #002a41;
}
table.table-basf thead th:last-child {
    border-right: 0 !important;
}

table.table-basf tbody tr td {
    vertical-align: middle;
}

table.table-basf thead th {
    border-right: 1px solid #aaa !important;
    background-color: #002a41;
    color: #fff;
    font-weight: bold;
}

/* css for BASF end */
/*confirmation address start*/
.payer-confirmation .prefix-sm:after {
    content: ": ";
    position: absolute;
    right: 0;
}

.address-value {
    font-weight: bold;
    color: #002a41;
}

.payer-confirmation {
    border: 1px solid #68246d;
    padding: 1rem;
    margin-top: 1rem;
    margin-bottom: 2rem;
    height: 250px;
    padding-top: 24px;
}

.payer-confirmation p {
    margin-bottom: 0.5rem !important;
}

/*confirmation address end*/

/* css for campus card start*/
.campus-card-form {
    padding: 2rem;
    background-color: #eeeeee;
    border-bottom-right-radius: 8rem;
}

.capmus-form-heading {
    font-size: 16px;
    margin-top: 40px;
    margin-bottom: 25px;
}

.top-image.campus-banner {
    background-image: url(/img/campus-banner-step.jpg);
    background-size: cover;
    background-position: top;
    height: 120px;
    background-repeat: no-repeat;
}

.table-campus tbody tr td {
    width: auto;
    color: #002a41;
    border: 1px solid #002a41;
    padding: .75rem;
}

.refertxt{
    background:#EEEEEE;
    border:1px solid #002a41;
    padding-top:10px;
    padding-left:15px;
    border-right:0;
    height: 45px;
}
.refernum{
    font-size:1rem;
    height: 45px;
    border:1px solid #002A41
}

.student-db-form .datepicker-dropdown {
    top: 48%;
    left: 51%;
}

.db-form .datepicker-dropdown {
    top: 44%;
    left: 47%;
}

/* css for campus card end*/

.menu-bar .navbar-nav .nav-item.selected .nav-link,
#max_delegate_reached,
#cncr_max_delegate_reached {
    color: #68246d;
}

.menu-bar .navbar-nav .nav-item.selected .dropdown-item.active {
    background-color: #eeeeee;
    color: #68246d;
    cursor: not-allowed;
    pointer-events: none;
}

.top-image-new .form-breadcrumbs {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.top-image-new {
    position: relative;
}

.top-image-new img {
    object-fit: cover;
    height: 120px;
    width: 100%;
    filter: brightness(80%);
}

.hide-tel-for-safari {
    word-spacing: -2px;
}

/* css for print credits start */
/* .scroll-manage {
  height: 300px;
  overflow-y: scroll;
} */

.scroll-manage::-webkit-scrollbar {
    width: 18px;
    height: 12px;
}

.scroll-manage::-webkit-scrollbar-track {
    background: none;
}

.scroll-manage::-webkit-scrollbar-thumb {
    border-radius: 12px;
    border: 4px solid rgba(255, 255, 255, 0);
    background-clip: content-box;
    background-color: #aaa;
}

.scroll-manage::-webkit-scrollbar-thumb:hover {
    background-color: #888;
}

.student-db-form.calender-pc .calender-icon img {
    position: absolute;
    top: 44px;
    right: 5px;
    height: 22px;
    width: 24px;
    margin-right: 19px;
}

.print-cc-form {
    padding: 2rem;
    background-color: #eeeeee;
}

.print-credit-blade .heading {
    font-size: 1rem;
}

.top-image.print-banner {
    background-image: url(/img/print-credit-banner.jpg);
    background-size: cover;
    background-position: top;
    height: 120px;
    background-repeat: no-repeat;
}

.tab-section .nav-pills .nav-link .rounded-numbers {
    color: #68246d73;
}

.tab-section .nav-pills .nav-link.active .rounded-numbers {
    color: #68246d;
}

.payment-wrapper {
    padding: 1.5rem;
    background-color: #eeeeee;
}

.payment-wrapper .heading {
    font-size: 1rem;
}

.statement .heading {
    font-size: 1rem;
    padding-top: 2rem;
}

.border-box {
    border: 1px solid #002a41;
    padding: 1rem;
    background-color: #fff;
}

.address-box {
    border: 1px solid #002a41;
}

.address-box .message {
    padding: 0.6rem;
    background-color: #eeeeee;
}

.tab-section.print-tab .nav-pills .nav-link {
    font-size: 18px;
}

.rounded-numbers {
    height: 28px;
    width: 28px;
    background-color: #fff;
    border-radius: 50%;
    display: inline-block;
    padding: 1px;
    text-align: center;
    color: #000;
    margin-right: 11px;
}

.form-check .form-check-label {
    margin-top: 0.2rem;
}
input[type='radio'] {
    width: 20px;
    height: 20px;
    vertical-align: sub;
}

input[type='radio']:before {
    content: '';
    display: block;
    width: 60%;
    height: 60%;
    margin: 20% auto;
    border-radius: 50%;
}
input[type="radio"]:checked:before {
    background: #002a41;
    
}
input[type="radio"]:checked {
  border-color:#002a41;
}

.form-check input[type="checkbox"],
.form-check input[type="radio"] {
    width: 20px;
    height: 20px;
}
.form-check input[type="radio"]:checked {
    background-color: transparent;
    border-color: #0d6efd;
}
.form-check.approved input[type="checkbox"] {
    width: 20px !important;
}

/* .table thead tr th {
    padding-right: 30px !important;
} */

.left-section {
    padding-left: 1rem;
}

.right-section {
    padding-right: 1rem;
}

/* css for print credits end */

/* animation start */
.top-image-new h1 {
    font-size: 28px;
    animation: fadeInUp;
    /* referring directly to the animation's @keyframe declaration */
    animation-duration: 2s;
    /* don't forget to set a duration! */
}

.navbar-breedcrumbs span {
    animation: fadeInUp;
    /* referring directly to the animation's @keyframe declaration */
    animation-duration: 2s;
    /* don't forget to set a duration! */
}

.carousel-caption p {
    animation: fadeInUp;
    /* referring directly to the animation's @keyframe declaration */
    animation-duration: 2s;
    /* don't forget to set a duration! */
}

.faq-section h2,
.faq-section p {
    animation: fadeInUp;
    /* referring directly to the animation's @keyframe declaration */
    animation-duration: 2s;
    /* don't forget to set a duration! */
}

.top-image h1 {
    font-size: 32px;
    animation: fadeInUp;
    /* referring directly to the animation's @keyframe declaration */
    animation-duration: 2s;
    /* don't forget to set a duration! */
}

@-webkit-keyframes zoom {
    from {
        -webkit-transform: scale(1, 1);
    }

    to {
        -webkit-transform: scale(1.5, 1.5);
    }
}

@keyframes zoom {
    from {
        transform: scale(1, 1);
    }

    to {
        transform: scale(1.5, 1.5);
    }
}

/* animation end */

/* css for datatables start*/
/* table.dataTable thead tr {
  background-color:#002a41;
  color: #fff;
  height: 40px;
  font-size: 16px;
} */
table.display thead th {
    border: 1px solid #aaa;
}

table.dataTable td {
    padding-right: 20px !important;
    height: 40px;
    font-size: 16px;
}

/* table.dataTable,
table.dataTable td:nth-child(2) {
    text-align: end !important;
}

table.dataTable,
table.dataTable td:nth-child(3) {
    text-align: end !important;
}

table.dataTable,
table.dataTable td:nth-child(1) {
    text-align: center !important;
}

table.dataTable,
table.dataTable td:nth-child(4) {
    text-align: center !important;
}

table.dataTable,
table.dataTable td:nth-child(5) {
    text-align: end !important;
}

table.dataTable,
table.dataTable td:nth-child(6) {
    text-align: end !important;
}

table.dataTable,
table.dataTable td:nth-child(7) {
    text-align: end !important;
} */

/* css for datatables start*/
.isDisabled {
    color: #68246d !important;
    /* cursor: not-allowed; */
    text-decoration: none;
    font-weight: bold;
    /* pointer-events: none; */
}

.isDisabled-header {
    color: #68246d !important;
    /* cursor: not-allowed; */
    text-decoration: none;
    /* pointer-events: none; */
    background-color: #f3f5f6 !important;
}

/* css for sticky container start */
.element-invisible.element-focusable:active,
.element-invisible.element-focusable:focus {
    position: static !important;
    clip: auto;
    overflow: visible;
    height: auto;
    color: #002a41;
}

.element-invisible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    height: 1px;
    color: transparent;
}

.sticky-container {
    padding: 0px;
    margin: 0px;
    position: fixed;
    right: -170px;
    top: 50%;
    width: 250px;
    z-index: 1100;
}

.disability-sticky li {
    list-style-type: none;
    background-color: #fff;
    color: #96523f;
    height: 43px;
    padding: 0px;
    margin: 0px 0px 1px 0px;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    cursor: pointer;
}

.disability-sticky li img {
    float: left;
    margin: 5px 4px;
    margin-right: 5px;
}

.disability-sticky li p {
    padding-top: 5px;
    margin: 0px;
    line-height: 16px;
    font-size: 11px;
}

.disability-sticky li p a {
    text-decoration: none;
    color: #8a0d01;
}

.disability-sticky li:hover {
    margin-left: -115px;
}

.tooltip-inner {
    background-color: #68246d !important;
    color: #fff;
    border-radius: .25rem;
}
.tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, 
.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: #68246d!important;
}
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, 
.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: #68246d !important;
}
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, 
.bs-tooltip-start .tooltip-arrow::before {
    border-left-color: #68246d!important;
}
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, 
.bs-tooltip-end .tooltip-arrow::before {
    border-right-color: #68246d!important;
}
/* css for sticky container end */
.info-icon {
    font-size: 10px;
    font-style: italic;
    border: 1px solid #fff;
    height: 20px;
    width: 20px;
    text-align: center;
    border-radius: 50%;
    padding: 4px;
}

.text-prewrap {
    white-space: pre-wrap;
}

/*Css for accessibility tool */
.color-white-to-black .modal-content{
    background-color: #000 !important;
    box-shadow: 1px 0px 5px #fff !important;
}
.color-white-to-black .modal-header h4{
    color: #fff !important;
}

.color-white-to-black-yellow .modal-content{
    background-color: #000 !important;
    box-shadow: 1px 0px 5px #fff000 !important;
}
.color-white-to-black-yellow .modal-header h4{
    color: #fff000 !important;
}
.color-white-to-black  .btn.btn-visitor,
 .color-white-to-black .btn.btn-visitor:focus,
 .color-white-to-black .btn.btn-visitor:hover{
    background-color: #000 !important;
    color: #fff !important;
    border: 1px solid #fff !important;
}
.color-white-to-black-yellow  .btn.btn-visitor,
 .color-white-to-black-yellow .btn.btn-visitor:focus,
 .color-white-to-black-yellow .btn.btn-visitor:hover{
    background-color: #000 !important;
    color: #fff000 !important;
    border: 1px solid #fff000 !important;
}
.color-white-to-black  .btn.btn-confirm,
 .color-white-to-black .btn.btn-confirm:focus,
 .color-white-to-black .btn.btn-confirm:hover{
    background-color: #000 !important;
    color: #fff !important;
    border: 1px solid #fff !important;
}
.color-white-to-black-yellow  .btn.btn-confirm,
 .color-white-to-black-yellow .btn.btn-confirm:focus,
 .color-white-to-black-yellow .btn.btn-confirm:hover{
    background-color: #000 !important;
    color: #fff000 !important;
    border: 1px solid #fff000 !important;
}
.color-white-to-black .group-details{
    background-color: #000 !important;
    color: #fff !important;
    border: 1px solid #fff !important;
}
.color-white-to-black-yellow .group-details{
    background-color: #000 !important;
    color: #fff000 !important;
    border: 1px solid #fff000 !important;
}
.color-white-to-black .form-control {
    background-color: #000 !important;
    color: #fff !important;
    border: 1px solid #fff !important;
}
.color-white-to-black-yellow .form-control {
    background-color: #000 !important;
    color: #fff000 !important;
    border: 1px solid #fff000 !important;
}
.color-white-to-black .accordion.form-accordion > .card > .card-header{
    background-color: #000 !important;
    color: #fff !important;
}
.color-white-to-black-yellow .accordion.form-accordion > .card > .card-header{
    background-color: #000 !important;
    color: #fff000 !important;
}
.color-white-to-black label{
    background-color: #000 !important;
    color: #fff !important;
}
.color-white-to-black .modal-login .modal-header {
    background-color: #000 !important;
    color: #fff !important;
}

.color-white-to-black .bst-table-wrapper,.color-white-to-black-yellow .bst-table-wrapper{
    background-color: #000 !important;
}

.color-white-to-black-yellow .modal-login .modal-header {
    background-color: #000 !important;
    color: #fff000 !important;
}

.color-white-to-black .modal-login .modal-body,
.color-white-to-black-yellow .modal-login .modal-body {
    background-color: #000 !important;
}

.color-white-to-black .modal-login form,
.color-white-to-black-yellow .modal-login form {
    border: 0px !important;
}

.color-white-to-black #consent-popup {
    background-color: #000 !important;
    color: #fff !important;
    box-shadow: 0 0 10px #aaa;
}

.color-white-to-black .ed_details .booking-full {
    background-color: #000 !important;
    color: #fff !important;
    border: 1px solid #fff !important;
}

.color-white-to-black .btn-accept-cookies {
    background-color: #000 !important;
    color: #fff !important;
    border: 1px solid #fff !important;
}

.color-white-to-black #consent-popup p a {
    color: #fff000 !important;
}

.color-white-to-black-yellow #consent-popup {
    background-color: #000 !important;
    color: #fff000 !important;
    box-shadow: 0 0 10px #fff000;
}

.color-white-to-black-yellow label {
    background-color: #000 !important;
    color: #fff000 !important;
}

.color-white-to-black-yellow .ed_details .booking-full {
    background-color: #000 !important;
    color: #fff000 !important;
    border: 1px solid #fff000 !important;
}

.color-white-to-black-yellow .btn-accept-cookies {
    background-color: #000 !important;
    color: #fff000 !important;
    border: 1px solid #fff000 !important;
}

.color-white-to-black-yellow #consent-popup p a {
    color: #fff !important;
}

.color-white-to-black-yellow .form-search,
.color-white-to-black .form-search {
    border: 0px !important;
}

.color-white-to-black .date_time {
    color: #fff !important;
}

.color-white-to-black-yellow .date_time {
    color: #fff000 !important;
}

.color-white-to-black .event .booking-full:hover,
.color-white-to-black .btn-view-details:hover {
    color: #fff000 !important;
}

.color-white-to-black-yellow .event .booking-full:hover,
.color-white-to-black-yellow .btn-view-details:hover {
    color: #fff !important;
}
.color-white-to-black .switch-toggle label {
    background-color: #000 !important;
    border: 1px solid #fff !important;
}
.color-white-to-black-yellow .switch-toggle label {
    background-color: #000 !important;
    border: 1px solid #fff000 !important;
}

.color-white-to-black .switch-toggle label:after {
    background-color: #000 !important;
    border: 1px solid #fff !important;
}

.color-white-to-black-yellow .switch-toggle label:after {
    background-color: #000 !important;
    border: 1px solid #fff000 !important;
}

.color-white-to-black .menu-bar .dropdown-item.active,
.color-white-to-black .menu-bar .dropdown-item:focus {
    background-color: transparent !important;
    border: 1px solid #fff !important;
}

.color-white-to-black-yellow .menu-bar .dropdown-item.active,
.color-white-to-black-yellow .menu-bar .dropdown-item:focus {
    background-color: transparent !important;
    border: 1px solid #fff000 !important;
}

.color-white-to-black .accessible-link {
    color: #fff000 !important;
    text-decoration: underline !important;
}

.color-white-to-black-yellow .accessible-link {
    color: #fff !important;
    text-decoration: underline !important;
}

.color-white-to-black {
    background: #000 !important;
    color: #fff !important;
}

.color-white-to-black #masthead {
    background: #000 !important;
    color: #fff !important;
}

.color-white-to-black .menu-bar {
    background: #000 !important;
    color: #fff !important;
}

.color-white-to-black-yellow #masthead {
    background: #000 !important;
    color: #fff000 !important;
}

.color-white-to-black-yellow .menu-bar {
    background: #000 !important;
    color: #fff000 !important;
}

.color-white-to-black .card {
    background: #000 !important;
    color: #fff !important;
}

.color-white-to-black-yellow .card {
    background: #000 !important;
    color: #fff000 !important;
}

.color-white-to-black .accessible-menu .dropdown-item img {
    border: 1px solid #fff !important;
}

.color-white-to-black-yellow .accessible-menu .dropdown-item img {
    border: 1px solid #fff000 !important;
}

.color-white-to-black-yellow .accessible-menu .dropdown-item {
    border-bottom: 1px solid #fff000 !important;
}

.color-white-to-black .btn-handicap.dropdown-toggle::after {
    color: #fff !important;
}

.color-white-to-black-yellow .btn-handicap.dropdown-toggle::after {
    color: #fff000 !important;
}

.color-white-to-black .btn-handicap i {
    color: #fff !important;
}

.color-white-to-black-yellow .btn-handicap i {
    color: #fff000 !important;
}

.color-white-to-black .btn.btn-handicap,
.color-white-to-black .btn.btn-handicap:hover {
    border: 0 !important;
}

.color-white-to-black-yellow .btn.btn-handicap,
.color-white-to-black-yellow .btn.btn-handicap:hover {
    border: 0 !important;
}

.color-white-to-black .btn,
.color-white-to-black .btn:hover {
    background: #000 !important;
    color: #fff !important;
    border: 1px solid #fff !important;
}

.color-white-to-black-yellow .btn,
.color-white-to-black-yellow .btn:hover {
    background: #000 !important;
    color: #fff000 !important;
    border: 1px solid #fff000 !important;
}

.color-white-to-black footer {
    background: #000 !important;
    color: #fff !important;
}

.color-white-to-black-yellow footer {
    background: #000 !important;
    color: #fff000 !important;
}

.color-white-to-black .copyrights {
    background: #000 !important;
    color: #fff !important;
}

.color-white-to-black-yellow .copyrights {
    background: #000 !important;
    color: #fff000 !important;
}

.color-white-to-black .copyrights .copyright-list a.active {
    border-right: 1px solid #fff000 !important;
}

.color-white-to-black-yellow .copyrights .copyright-list a.active {
    border-right: 1px solid #fff !important;
}

.color-white-to-black-yellow {
    background: #000 !important;
    color: #fff000 !important;
}
.color-white-to-black .billing-box .addr-header {
    background-color: #000;
}
.color-white-to-black-yellow .billing-box .addr-header {
    background-color: #000;
}
.color-white-to-black .gray-box,.color-white-to-black .red-box{
    background-color: #000 !important;
    border: 1px solid #fff !important;
}
.color-white-to-black-yellow .gray-box,.color-white-to-black-yellow .red-box{
    background-color: #000 !important;
    border: 1px solid #fff000 !important;
}
.color-white-to-black .srs-product-item {
    border: 1px solid #fff !important;
}
.color-white-to-black-yellow .srs-product-item {
    border: 1px solid #fff000 !important;
}
.color-white-to-black .price_structure .price_structure_price span {
    color: #fff !important;
}
.color-white-to-black-yellow .price_structure .price_structure_price span {
    color: #fff000 !important;
}
.color-white-to-black .product-details .product-price{
    color: #fff !important;
}
.color-white-to-black-yellow .product-details .product-price{
    color: #fff000 !important;
}
.color-white-to-black .btn.btn-add-to-cart, .color-white-to-black .btn.btn-add-to-cart:hover, .color-white-to-black .btn.btn-add-to-cart:focus{
    background-color: #000 !important;
    color: #fff !important;
}
.color-white-to-black-yellow .btn.btn-add-to-cart, .color-white-to-black-yellow .btn.btn-add-to-cart:hover, .color-white-to-black-yellow .btn.btn-add-to-cart:focus{
    background-color: #000 !important;
    color: #fff000 !important;
}
.color-white-to-black .product-details .card .card-header{
    background-color: #000 !important;
}
.color-white-to-black-yellow .product-details .card .card-header{
    background-color: #000 !important;
}
.color-white-to-black  .helptext_cart{
    background-color: #000 !important;
    border: 1px solid #fff !important;
}
.color-white-to-black-yellow  .helptext_cart{
    background-color: #000 !important;
    border: 1px solid #fff000 !important;
}
.color-white-to-black .page-item.disabled .page-link{
    background-color: #000 !important;
    color: #fff !important;
}
.color-white-to-black-yellow .page-item.disabled .page-link{
    background-color: #000 !important;
    color: #fff000 !important;
}
.color-white-to-black .page-link{
    background-color: #000 !important;
    color: #fff !important;
}
.color-white-to-black-yellow .page-link{
    background-color: #000 !important;
    color: #fff000 !important;
}

.color-white-to-black .show-content{
    background-color: #000 !important;
    color: #fff !important;
    border-top: 1px solid #fff;
}
.color-white-to-black-yellow .show-content{
    background-color: #000 !important;
    color: #fff000 !important;
    border-top: 1px solid #fff000;
}
.color-white-to-black .form-modal .modal-body{
    background: #000 !important;
    border: 1px solid #fff !important;
}
.color-white-to-black-yellow .form-modal .modal-body{
    background: #000 !important;
    border: 1px solid #fff000 !important;
}
.color-white-to-black .btn.btn-add-to-cart.added,
.color-white-to-black .btn.btn-add-to-cart.added:hover,
.color-white-to-black .btn.btn-add-to-cart.added:focus {
    background-color: #000 !important;
}
.color-white-to-black-yellow .btn.btn-add-to-cart.added,
.color-white-to-black-yellow .btn.btn-add-to-cart.added:hover,
.color-white-to-black-yellow .btn.btn-add-to-cart.added:focus {
    background-color: #000 !important;
}
.color-white-to-black .event .booking-full {
color: #fff !important;
}
.color-white-to-black-yellow .event .booking-full {
    color: #fff000 !important;
    }

.color-white-to-black .form-nav-tabs .nav-link.active{
    background-color: #000 !important;
    border: 1px solid #fff !important;
}
.color-white-to-black-yellow .form-nav-tabs .nav-link.active{
    background-color: #000 !important;
    border: 1px solid #fff000 !important;
}
.color-white-to-black .nav-tabs .nav-item .nav-link.active{
    background-color: #000 !important;
    border-color:#fff !important;
    color: #fff !important;
}
.color-white-to-black-yellow .nav-tabs .nav-item .nav-link.active{
    background-color: #000 !important;
    color: #fff000 !important;
    border-color:#fff000 !important;
}
.color-white-to-black .review-footer{
    color: #fff !important;
}
.color-white-to-black-yellow .review-footer{
    color: #fff000 !important;
}
.color-white-to-black .package_content .card-header{
    background-color: #000 !important;
    border: 1px solid #fff !important;
}
.color-white-to-black-yellow .package_content .card-header{
    background-color: #000 !important;
    border: 1px solid #fff000 !important;
}
.color-white-to-black .badge{
    background-color: #000 !important;
    color: #fff !important;
    border: 1px solid #fff !important;
}
.color-white-to-black-yellow .badge{
    background-color: #000 !important;
    color: #fff000 !important;
    border: 1px solid #fff000 !important;
}
.color-white-to-black-yellow .form-check,.color-white-to-black .form-check{
    background-color: #000 !important;
}

.color-white-to-black .catering-info span{
    color: #fff !important;
}
.color-white-to-black-yellow .catering-info span{
    color: #fff000 !important;
}
.color-white-to-black .catering-info{
    border: 1px solid #fff !important;
}
.color-white-to-black-yellow .catering-info{
    border: 1px solid #fff000 !important;
}
.color-white-to-black .event .text-success-custom{
    color: #fff !important;
}
.color-white-to-black-yellow .event .text-success-custom{
    color: #fff000 !important;
}
.color-white-to-black .ed_details .text-success-custom{
    color: #fff !important;
    border: 1px solid #fff !important;
}
.color-white-to-black-yellow .ed_details .text-success-custom{
    color: #fff000 !important;
    border: 1px solid #fff000 !important;
}
/* .color-white-to-black form {
    background: #000 !important;
    color: #fff !important;
    border: 1px solid #fff !important;
}

.color-white-to-black-yellow form {
    background: #000 !important;
    color: #fff000 !important;
    border: 1px solid #fff000 !important;
} */

.color-white-to-black input,
.color-white-to-black textarea {
    background: #000 !important;
    color: #fff !important;
    border: 1px solid #fff !important;
}

.color-white-to-black-yellow input,
.color-white-to-black-yellow textarea {
    background: #000 !important;
    color: #fff000 !important;
    border: 1px solid #fff000 !important;
}

.color-white-to-black
    .menu-bar
    .navbar-nav
    .nav-item.selected
    .dropdown-item.active {
    background: #000 !important;
    color: #fff !important;
    border: 1px solid #fff !important;
}

.color-white-to-black-yellow
    .menu-bar
    .navbar-nav
    .nav-item.selected
    .dropdown-item.active {
    background: #000 !important;
    color: #fff000 !important;
    border: 1px solid #fff000 !important;
}

.color-white-to-black .menu-bar .navbar-nav .dropdown-menu {
    border: 1px solid #fff !important;
}

.color-white-to-black-yellow .menu-bar .navbar-nav .dropdown-menu {
    border: 1px solid #fff000 !important;
}

.color-white-to-black-yellow .navbar-breedcrumbs span span {
    color: #fff000 !important;
}

.color-white-to-black .dropdown-menu {
    background: #000 !important;
    color: #fff !important;
}

.color-white-to-black-yellow .dropdown-menu {
    background: #000 !important;
    color: #fff000 !important;
}

.color-white-to-black .menu-bar .dropdown-item:hover {
    background: #000 !important;
    color: #fff !important;
}

.color-white-to-black-yellow .menu-bar .dropdown-item:hover {
    background: #000 !important;
    color: #fff000 !important;
}

.color-white-to-black-yellow .direct-debit-header h2::after {
    border-top: 0.3rem solid #fff000 !important;
}

.color-white-to-black .direct-debit-header h2::after {
    border-top: 0.3rem solid #fff !important;
}

.color-white-to-black-yellow .homepage-header h1::after {
    border-top: 0.3rem solid #fff000 !important;
}

.color-white-to-black .homepage-header h1::after {
    border-top: 0.3rem solid #fff !important;
}

.color-white-to-black .accessibility-tool-wrap .item a.skip-content {
    background: #000 !important;
    color: #fff !important;
}

.color-white-to-black-yellow .accessibility-tool-wrap .item a.skip-content {
    background: #000 !important;
    color: #fff000 !important;
}

.color-white-to-black .contact-list li {
    color: #fff !important;
}

.color-white-to-black-yellow .contact-list li {
    color: #fff000 !important;
}

.color-white-to-black,
.color-white-to-black h1,
.color-white-to-black h2,
.color-white-to-black h3,
.color-white-to-black h4,
.color-white-to-black h5,
.color-white-to-black p,
.color-white-to-black a {
    color: #fff !important;
}

.color-white-to-black-yellow,
.color-white-to-black-yellow h1,
.color-white-to-black-yellow h2,
.color-white-to-black-yellow h3,
.color-white-to-black-yellow h4,
.color-white-to-black-yellow h5,
.color-white-to-black-yellow p,
.color-white-to-black-yellow a {
    color: #fff000 !important;
}

.color-white-to-black .db-stage-header-bg {
    background-color: #000 !important;
    color: #fff !important;
    border: 1px solid #fff !important;
}

.color-white-to-black-yellow .db-stage-header-bg {
    background-color: #000 !important;
    color: #fff000 !important;
    border: 1px solid #fff000 !important;
}

.color-white-to-black-yellow form.account-details,
.color-white-to-black form.account-details {
    border: 0px !important;
}

.color-white-to-black .tab-section .tab-content .bg-db-setting-up {
    background-color: #000 !important;
    color: #fff !important;
    border: 1px solid #fff !important;
}

.color-white-to-black-yellow .tab-section .tab-content .bg-db-setting-up {
    background-color: #000 !important;
    color: #fff000 !important;
    border: 1px solid #fff000 !important;
}

.color-white-to-black .notification.check {
    color: #fff !important;
    border: 1px solid #fff !important;
}

.color-white-to-black-yellow .notification.check {
    color: #fff000 !important;
    border: 1px solid #fff000 !important;
}

.color-white-to-black .guarantee-section {
    background-color: #000 !important;
    color: #fff !important;
    border: 1px solid #fff !important;
}

.color-white-to-black-yellow .guarantee-section {
    background-color: #000 !important;
    color: #fff000 !important;
    border: 1px solid #fff000 !important;
}

.color-white-to-black .guarantee-list li {
    color: #fff !important;
}

.color-white-to-black-yellow .guarantee-list li {
    color: #fff000 !important;
}

.color-white-to-black .guarantee-header {
    border-bottom: #fff !important;
}

.color-white-to-black-yellow .guarantee-header {
    border-bottom: #fff000 !important;
}

.color-white-to-black .tab-section .nav-pills .nav-link {
    background-color: #000 !important;
    border: 1px solid #fff !important;
}

.color-white-to-black-yellow .tab-section .nav-pills .nav-link {
    background-color: #000 !important;
    border: 1px solid #fff000 !important;
}

.color-white-to-black .rounded-numbers {
    background-color: #000 !important;
    color: #fff !important;
    border: 1px solid #fff !important;
}

.color-white-to-black-yellow .rounded-numbers {
    background-color: #000 !important;
    color: #fff000 !important;
    border: 1px solid #fff000 !important;
}

.color-white-to-black-yellow .tab-section .nav-pills .nav-link.active,
.color-white-to-black .tab-section .nav-pills .nav-link.active {
    box-shadow: 0 0 0 0.2rem rgba(105, 136, 228, 0.5) !important;
}

.color-white-to-black .logos-section {
    background-color: #000 !important;
    border: 1px solid #fff !important;
}

.color-white-to-black-yellow .logos-section {
    background-color: #000 !important;
    border: 1px solid #fff000 !important;
}

.color-white-to-black .form-search {
    border: 0px !important;
}

.color-white-to-black-yellow .form-search {
    border: 0px !important;
}

.color-white-to-black-yellow .top-bar-menu form .input-group {
    border: 0px !important;
}

.color-white-to-black .top-bar-menu form .input-group {
    border: 0px !important;
}

.color-white-to-black #address_tab,
.color-white-to-black-yellow #address_tab {
    border: 0px !important;
}

.color-white-to-black .radio-section [type="radio"]:checked + label.checked,
.radio-section [type="radio"]:not(:checked) + label.checked {
    border: 1px solid #fff !important;
}

.color-white-to-black-yellow
    .radio-section
    [type="radio"]:checked
    + label.checked,
.radio-section [type="radio"]:not(:checked) + label.checked {
    border: 1px solid #fff000 !important;
}

.color-white-to-black
    .carousel.carousel-homepage
    .carousel-indicators
    li.active {
    background-color: #fff !important;
}

.color-white-to-black-yellow
    .carousel.carousel-homepage
    .carousel-indicators
    li.active {
    background-color: #fff000 !important;
}

.color-white-to-black .carousel.carousel-homepage .carousel-indicators li {
    border: 2px solid#fff;
}

.color-white-to-black-yellow
    .carousel.carousel-homepage
    .carousel-indicators
    li {
    border: 2px solid #fff000;
}

.color-white-to-black .checked .perm-addr,
.color-white-to-black .address-confirmation .perm-addr {
    color: #fff !important;
}

.color-white-to-black-yellow .checked .perm-addr,
.color-white-to-black-yellow .address-confirmation .perm-addr {
    color: #fff000 !important;
}

.color-white-to-black .radio-section p,
.color-white-to-black-yellow .radio-section p {
    outline: 0px !important;
}

.color-white-to-black .payer-confirmation,
.color-white-to-black .address-confirmation {
    border: 1px solid #fff !important;
}

.color-white-to-black-yellow .payer-confirmation,
.color-white-to-black-yellow .address-confirmation {
    border: 1px solid #fff000 !important;
}

.color-white-to-black .success-content {
    background-color: #000 !important;
    border: 1px solid #fff !important;
}

.color-white-to-black-yellow .success-content {
    background-color: #000 !important;
    border: 1px solid #fff000 !important;
}

.color-white-to-black #masthead.sticky {
    box-shadow: 0 0 20px -10px #fff;
}

.color-white-to-black-yellow #masthead.sticky {
    box-shadow: 0 0 20px -10px #fff000;
}

.color-white-to-black .student-db-form {
    border: 0px !important;
}

.color-white-to-black-yellow .student-db-form {
    border: 0px !important;
}

.color-white-to-black .student-db-form.std-form {
    border: 1px solid #fff !important;
}

.color-white-to-black-yellow .student-db-form.std-form {
    border: 1px solid #fff000 !important;
}

.color-white-to-black .student-db-form.basf-form {
    border: 1px solid #fff !important;
}

.color-white-to-black-yellow .student-db-form.basf-form {
    border: 1px solid #fff000 !important;
}

.color-white-to-black .address-box {
    border: 1px solid #fff !important;
}

.color-white-to-black-yellow .address-box {
    border: 1px solid #fff000 !important;
}

.color-white-to-black .address-box .message {
    background-color: #000 !important;
    border-bottom: 1px solid #fff !important;
}

.color-white-to-black-yellow .address-box .message {
    background-color: #000 !important;
    border-bottom: 1px solid #fff000 !important;
}

.color-white-to-black .qurey-section .query-text-right {
    color: #fff !important;
}

.color-white-to-black-yellow .qurey-section .query-text-right {
    color: #fff000 !important;
}

.color-white-to-black
    .tab-section
    .nav-pills
    .nav-link.active
    .rounded-numbers {
    color: #fff !important;
}

.color-white-to-black-yellow
    .tab-section
    .nav-pills
    .nav-link.active
    .rounded-numbers {
    color: #fff000 !important;
}

.color-white-to-black .student_deposit_order,
.color-white-to-black-yellow .student_deposit_order {
    border: 0px !important;
}

.color-white-to-black .campus_cardorder,
.color-white-to-black-yellow .campus_cardorder {
    border: 0px !important;
}

.color-white-to-black .campus-form,
.color-white-to-black-yellow .campus-form {
    background-color: #000 !important;
    border: 0px !important;
}

.color-white-to-black #printCreditsLogin,
.color-white-to-black-yellow #printCreditsLogin,
.color-white-to-black .purchase_creedits,
.color-white-to-black-yellow .purchase_creedits,
.color-white-to-black .print_credit_purchase,
.color-white-to-black-yellow .print_credit_purchase,
.color-white-to-black .business_application_order,
.color-white-to-black-yellow .business_application_order,
.color-white-to-black .print-add-credit,
.color-white-to-black-yellow .print-add-credit {
    border: 0px !important;
}

.color-white-to-black .payment-wrapper {
    background-color: #000 !important;
    border: 1px solid #fff !important;
}

.color-white-to-black-yellow .payment-wrapper {
    background-color: #000 !important;
    border: 1px solid #fff000 !important;
}

.color-white-to-black .border-box {
    border: 1px solid #fff !important;
    background-color: #000 !important;
}

.color-white-to-black-yellow .border-box {
    border: 1px solid #fff000 !important;
    background-color: #000 !important;
}

.color-white-to-black .print-cc-form {
    background-color: #000 !important;
    border: 1px solid #fff !important;
}

.color-white-to-black-yellow .print-cc-form {
    background-color: #000 !important;
    border: 1px solid #fff000 !important;
}

.color-white-to-black table thead th,
.color-white-to-black table tbody tr td {
    background-color: #000 !important;
    color: #fff !important;
    border: 1px solid #fff !important;
}

.color-white-to-black-yellow table thead th,
.color-white-to-black-yellow table tbody tr td {
    background-color: #000 !important;
    color: #fff000 !important;
    border: 1px solid #fff000 !important;
}

.color-white-to-black .refertxt {
    background: #000 !important;
    border: 1px solid #fff !important;
}

.color-white-to-black-yellow .refertxt {
    background: #000 !important;
    border: 1px solid #fff000 !important;
}

.color-white-to-black .refernum {
    background: #000 !important;
    border: 1px solid #fff !important;
}

.color-white-to-black-yellow .refernum {
    background: #000 !important;
    border: 1px solid #fff000 !important;
}

.color-white-to-black-yellow
    .top-bar-menu
    form
    .input-group
    .form-control::placeholder {
    color: #fff000 !important;
    opacity: 1 !important;
}

.color-white-to-black
    .top-bar-menu
    form
    .input-group
    .form-control::placeholder {
    color: #fff !important;
    opacity: 1 !important;
}

.color-white-to-black .event:hover {
    box-shadow: 0 0 10px #aaa;
}

.color-white-to-black-yellow .event:hover {
    box-shadow: 0 0 10px #aaa;
}

.color-white-to-black .event-booking-subs {
    color: #fff !important;
}

.color-white-to-black-yellow .event-booking-subs {
    color: #fff000 !important;
}

.btn-handicap {
    padding: 0;
    border-radius: 0;
    background-color: transparent !important;
    margin-right: 20px;
    border: 0px !important;
}

.btn-handicap.dropdown-toggle::after {
    color: #68246d;
}

.accessible-menu .dropdown-item:focus,
.dropdown-item:hover {
    background-color: transparent;
}

.accessible-menu .dropdown-item img {
    border: 1px solid #aaa;
}

.btn-handicap i {
    color: #68246d;
}

.accessible-menu.dropdown-menu {
    min-width: 0 !important;
    padding: 0;
    margin: 0;
    border-radius: 0;
    left: -3px;
    border: 1px solid #aaa;
}

.accessible-menu .dropdown-item:hover {
    background-color: transparent;
}

.accessible-menu .dropdown-item {
    padding: 0.25rem 0.6rem;
    border-bottom: 1px solid #aaa;
    text-align: center;
    font-weight: 800;
}

.accessibility-tool-wrap {
    display: flex;
    justify-content: end;
    padding-top: 0.5rem;
}

.accessibility-tool-wrap ul {
    margin: 0;
    list-style-type: none;
    padding: 0px;
}

.accessibility-tool-wrap .default {
    padding: 0px 5px;
    width: 10px;
    font-size: 11px;
    height: 15px;
}

.accessibility-tool-wrap .default:hover {
    /* color:orangered; */
    text-decoration: none;
}

.accessibility-tool-wrap .item a {
    color: #002a41 !important;
    text-decoration: none;
    background-color: transparent;
    font-size: 14px;
    border: 1px solid #000;
    margin-right: 5px;
    font-weight: bold;
    background: #fff !important;
}

.accessibility-tool-wrap .textsize:hover {
    /* color:orangered; */
    text-decoration: none;
}

.log-activity {
    position: relative;
}

.log-activity .dropdown-menu {
    min-width: 120px;
    padding: 0;
    position: absolute;
    right: 12px;
    left: auto;
}
.log-activity.with_user .dropdown-menu {
    min-width: 135px;
    padding: 0;
    position: absolute;
    right: 12px;
    left: auto;
}

.log-activity .dropdown-menu a {
    border-right: 0;
    display: flex;
    justify-content: space-around;
    padding: 5px 15px;
    margin: 0;
    font-size: 14px;
}

.log-activity .dropdown-menu a:hover {
    background-color: #eeeeee !important;
    color: #68246d !important;
}

#button,
#button:hover {
    display: inline-block;
    background-color: #68246d;
    width: 40px;
    height: 40px;
    text-align: center;
    cursor: pointer;
    border-radius: 4px;
    position: fixed;
    bottom: 30px;
    right: 10px;
    transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
    opacity: 0;
    border-radius: 50%;
    visibility: hidden;
    z-index: 1000;
}

#button .fa-arrow-up {
    text-align: center;
    display: block;
    margin-top: 10px;
    font-size: 22px;
    color: #fff;
}

#button.show {
    opacity: 1;
    visibility: visible;
    text-decoration: none;
}

/* css for event booking  start*/

.top-image.cncr-event-booking-banner {
    background-image: url(/img/crcr-banner.jpg);
    background-size: cover;
    background-position: top;
    height: 120px;
    background-repeat: no-repeat;
}

.top-image.sdrs-banner {
    background-image: url(/img/sdrs-banner.jpg);
    background-size: cover;
    background-position: top;
    height: 120px;
    background-repeat: no-repeat;
}

.top-image.event-booking-banner {
    background-image: url(/img/event-booking.jpg);
    background-size: cover;
    background-position: top;
    height: 120px;
    background-repeat: no-repeat;
}

.sorting-row {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

.switch-toggle input {
    display: none;
}

.switch-toggle label {
    cursor: pointer;
    display: block;
    border-radius: 50px;
    background-color: #68246d1a;
    width: 34px;
    height: 14px;
    position: relative;
    transition: all 0.2s;
    margin-top: 6px;
}

.switch-toggle label:after {
    content: "";
    background-color: #68246d;
    border: 1px solid #999;
    border-radius: 10px;
    width: 14px;
    height: 14px;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.2s;
}

.child-radio{
    display: none;
}

/* .switch-toggle input:checked + label {
  background-color: #68246D;
  border-color: #68246D;
} */
.switch-toggle input:checked + label:after {
    left: 20px;
    border-color: #68246d;
}

.event .booking-full {
    color: #cc0000;
    font-size: 14px;
    font-weight: bold;
}

.event .text-danger-custom {
    color: #cc0000;
    font-size: 14px;
    font-weight: bold;
}

.event .booking-full {
    color: #cc0000;
    font-size: 14px;
    font-weight: bold;
}

.event .booking-will-start {
    color: green;
    font-size: 14px;
    font-weight: bold;
}

.event .text-success-custom {
    color: #68246d;
    font-size: 14px;
    font-weight: bold;
}

.event .text-success-custom em {
    font-size: 1.2rem;
    vertical-align: text-top;
}

.text-danger-custom {
    color: #cc0000;
    font-size: 14px;
    font-weight: bold;
}

.ed_details .booking-full {
    color: #cc0000;
    font-size: 18px;
    font-weight: bold;
    border: 2px solid #cc0000;
    display: block;
    margin-top: 0;
    height: 50px;
    padding: 10px;
    border-radius: 0 0 30px;
}

.ed-booking-full {
    color: #cc0000;
    font-size: 18px;
    font-weight: bold;
    border: 2px solid #cc0000;
    display: block;
    /* margin-top: 0 !important; */
    text-align: center;
    height: 50px;
    padding: 10px 20px;
    border-radius: 0 0 37px 0;
}

.ed_details .booking-will-start {
    color: green;
    font-size: 16px;
    font-weight: bold;
    border: 2px solid green;
    display: inline-block !important;
    height: 50px;
    padding: 10px;
    border-radius: 0 0 30px;
}

.ed_details .text-success-custom {
    color: #68246d;
    font-size: 18px;
    font-weight: bold;
    border: 2px solid #68246d;
    display: inline-block !important;
    margin-top: 0 !important;
    height: 50px;
    padding: 10px;
    border-radius: 0 0 30px;
}

.text-success-custom em {
    font-size: 1.2rem;
    vertical-align: text-top;
}

.event {
    border-bottom: 1px solid #ddd !important;
    border: 0;
    border-radius: 0;
    margin-bottom: 30px;
}

.event:hover {
    box-shadow: 0px 6px 24px #00000029;
    transition: 0.3s transform cubic-bezier(0.155, 1.105, 0.295, 1.12),
        0.3s box-shadow,
        0.3s -webkit-transform cubic-bezier(0.155, 1.105, 0.295, 1.12);
}

.event-icon {
    width: 60px;
    height: 60px;
    background-color: #68246d;
    border-radius: 0 0 40px 0;
    padding: 10px;
    margin-top: 6px;
}

.event .event-title {
    font-size: 22px;
    color: #002a41;
    font-weight: bold;
    text-transform: capitalize;
}

.event .event-period {
    /* font-size: 14px; */
}

.btn-view-details {
    text-decoration: none;
    color: #002a41;
    font-size: 16px;
    font-weight: bold;
}

.btn-view-details:hover {
    text-decoration: none;
    color: #68246d;
}

.event-booking-header h2 {
    font-size: 28px;
    font-weight: bold;
    color: #68246d;
    text-transform: capitalize;
}

.event-booking-subs {
    font-size: 16px;
    font-weight: bold;
    color: #68246d;
    padding-top: 10px;
    padding-bottom: 10px;
}

.btn.book-event:hover{
    background-color: rgba(104,36,109,.8196078431372549)!important;
    box-shadow: inset 180px 0 0 rgb(104 36 109 / 82%);
}
.btn.book-event,
.btn.book-event:focus {
    background-color: #68246d;
    color: #fff;
    border-radius: 0px 0px 37px 0px;
    height: 50px;
    width: 180px;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 20px;
    -webkit-transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    box-shadow: inset 0 0 0 rgb(104 36 109 / 82%);
}

.btn.book-event.external-login:hover{
    background-color: rgba(104,36,109,.8196078431372549)!important;
    box-shadow: inset 200px 0 0 rgb(104 36 109 / 82%);
}
.btn.book-event.external-login,
.btn.book-event.external-login:focus {
    background-color: #68246d;
    color: #fff;
    border-radius: 0px 0px 37px 0px;
    height: 50px;
    width: 200px;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 20px;
    -webkit-transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    box-shadow: inset 0 0 0 rgb(104 36 109 / 82%);
}

.btn.btn-azure-ad.du-login:hover{
    background-color: rgba(104,36,109,.8196078431372549)!important;
    box-shadow: inset 145px 0 0 rgb(104 36 109 / 82%);
}
.btn.btn-azure-ad.du-login,
.btn.btn-azure-ad.du-login:focus {
    background-color: #68246d;
    color: #fff;
    border-radius: 0px 0px 37px 0px;
    height: 50px;
    width: 145px;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 20px;
    -webkit-transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    box-shadow: inset 0 0 0 rgb(104 36 109 / 82%);
}

.btn.btn-subscribe-now:hover{
    background-color: rgba(104,36,109,.8196078431372549)!important;
    box-shadow: inset 210px 0 0 rgb(104 36 109 / 82%);
}
.btn.btn-subscribe-now,
.btn.btn-subscribe-now:focus {
    background-color: #68246d;
    color: #fff;
    border-radius: 0px 0px 37px 0px;
    height: 50px;
    width: 210px;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 20px;
    -webkit-transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    box-shadow: inset 0 0 0 rgb(104 36 109 / 82%);
}

.event-details {
    padding-bottom: 1rem;
}

.event-details p img {
    height: 100% !important;
    display: block;
    padding-top: 2rem;
    width: 100% !important;
}

.lfa-details img {
    display: block;
    padding-top: 2rem;
    padding-bottom: 2rem;
    height: 250px;
    width: 450px;
}

.event-details h3 {
    font-size: 18px;
    color: #002a41;
    font-weight: bold;
}

.event-details ul {
    padding-left: 18px;
}

.booking-status {
    border-radius: 0px 0px 30px 0px;
    height: 50px;
    background-color: #cc00001a;
    color: #cc0000;
    width: 170px;
    font-size: 16px;
    font-weight: bold;
    padding: 0.8rem;
    text-align: center;
}
.btn.current-event:hover{
    background-color: #68246d !important;
    color: #fff !important;
    box-shadow: inset 195px 0 0 rgb(104 36 109 / 82%)
}

.btn.current-event,
.btn.current-event:focus {
    background-color: #fff;
    color: #68246d;
    font-weight: bold;
    font-size: 18px;
    padding: 10px;
    border: 2px solid #68246d;
    height: 50px;
    width: 195px;
    border-radius: 0px 0px 37px 0px;
    -webkit-transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    box-shadow: inset 0 0 0 rgb(104 36 109 / 82%);
}


.btn.current-membership:hover{
    background-color: #68246d !important;
    color: #fff !important;
    box-shadow: inset 265px 0 0 rgb(104 36 109 / 82%)
}

.btn.current-membership,
.btn.current-membership:focus {
    background-color: #fff;
    color: #68246d;
    font-weight: bold;
    font-size: 18px;
    padding: 10px;
    border: 2px solid #68246d;
    height: 50px;
    width: 265px;
    border-radius: 0px 0px 37px 0px;
    -webkit-transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    box-shadow: inset 0 0 0 rgb(104 36 109 / 82%);
}

.btn.current-event.form-payment:hover{
    background-color: #68246d !important;
    color: #fff !important;
    box-shadow: inset 240px 0 0 rgb(104 36 109 / 82%)
}

.btn.current-event.form-payment,
.btn.current-event.form-payment:focus {
    background-color: #fff;
    color: #68246d;
    font-weight: bold;
    font-size: 18px;
    padding: 10px;
    border: 2px solid #68246d;
    height: 50px;
    width: 240px;
    border-radius: 0px 0px 37px 0px;
    -webkit-transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    box-shadow: inset 0 0 0 rgb(104 36 109 / 82%);
}

.event-header-wrapper {
    border-bottom: 1px solid #002A4133;
    padding-bottom: 20px;
    position: relative;
}

/* .ed_details::after {
    transform: translateY(-0.1rem);
} */

.common_ed::after {
    display: block;
    content: "";
    border-top: 0.3rem solid #68246d;
    width: 5rem;
    transform: translateY(-0.1rem);
    margin: 0px;
    position: absolute;
}

.form-nav-tabs .nav-link {
    padding: 0.5rem 1.3rem;
    color: #002a41;
    font-size: 16px;
    font-weight: bold;
}

.form-nav-tabs .nav-link.active {
    background-color: #efe8f0;
    color: #68246d;
    font-weight: bold;
    border-radius: 3px 3px 0px 0px;
}
.form-login-tabs.form-nav-tabs .nav-link.active{
    background-color: #68246d !important;
    color: #fff;
}
.form-login-tabs.form-nav-tabs .nav-link{
    background-color: #efe8f0;
   
}

.btn-proceed-save:hover{
    background-color: rgba(104,36,109,.8196078431372549)!important;
    box-shadow: inset 230px 0 0 rgb(104 36 109 / 82%);
}
.btn-proceed-save,
.btn-proceed-save:focus {
    background-color: #68246d;
    color: #fff !important;
    font-size: 18px;
    height: 50px;
    padding: 10px;
    font-weight: bold;
    width: 230px;
    border-radius: 0px 0px 37px 0px;
    -webkit-transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    box-shadow: inset 0 0 0 rgb(104 36 109 / 82%);
}

.package_content .card-header {
    background-color: #fff;
}

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

.eb-common-wrapper .form-check {
    display: block;
    text-align: center;
    background-color: #002a4133;
    margin-right: 0;
    padding-left: 0.8rem;
    margin-bottom: 0;
}
.eb-common-wrapper .form-check-input {
    margin-left: 7px;
    margin-top: 1rem;
}

.eb-common-wrapper {
    display: flex;
    border: 1px solid #002a41;
}

.catering-info {
    position: relative;
}

.catering-info .amount {
    text-decoration: line-through;
}

.btn.bg-full-booking,
.btn.bg-full-booking:hover,
.btn.bg-full-booking:focus {
    border-radius: 0px 0px 30px 0px;
    height: 50px;
    font-size: 16px;
    margin-top: 10px;
    font-weight: bold;
    padding: 10px 20px;
    background: #cc00001a !important;
    color: #cc0000 !important;
    border: 0;
    margin-top: 0;
}

.badge.included {
    border-radius: 4px;
    width: 86px;
    height: 26px;
    padding-top: 6px;
    background-color: #68246d;
    color: #fff;
    position: absolute;
    right: 30px;
    font-size: 14px;
}

.badge.options {
    border-radius: 4px;
    width: 86px;
    height: 26px;
    padding-top: 6px;
    background-color: #00aeef;
    color: #fff;
    position: absolute;
    right: 30px;
    font-size: 14px;
}

.catering-info span {
    padding-top: 3px;
    font-weight: 800;
    font-size: 16px;
    color: #002a41;
}

.catering-info p {
    font-size: 16px;
}

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

.lunch-wrapper {
    border-bottom: 1px solid #bababa;
}

.common-eb-header {
    color: #68246d;
    font-size: 18px;
    font-weight: bold;
}

.talks-wrapper {
    border-bottom: 1px solid #bababa;
}

.talks-wrapper .form-check .form-check-label {
    vertical-align: top;
    font-weight: 800;
    font-size: 16px;
    color: #002a41;
}

.modal-dialog.w-390 {
    max-width: 390px !important;
}

/* .image-wrapper {
    width: 310px;
} */

/* .detail_image {
    width: 540px;
    height: 360px;
} */

.detail_image img {
    width: 540px;
    object-fit: cover;
    /* height: 350px; */
}

.image-wrapper img {
    border-radius: 0;
    object-fit: cover;
    width: 310px !important;
    height: 160px;
}

.group-details {
    background: #dadada80;
    padding: 2rem;
}

.event-details a {
    color: #68246d;
    font-weight: bold;
    font-size: 16px;
    text-decoration: underline !important;
}

.group-details .event-details ul {
    padding-left: 0;
}

.group-details .event-details ul li {
    padding-bottom: 0.4rem;
}

.aggreed_data {
    border-top: 1px solid #002a41;
}

.group-details .event-details ul {
    list-style-type: disc;
}

.review-tabs {
    background: #002a41;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
}

.review-tabs li a {
    color: #fff;
    font-weight: bold;
}

.review-tabs li a.active {
    color: #002a41 !important;
    font-weight: bold;
}

.review-footer {
    background-color: #002a41;
    color: #fff;
    font-weight: bold;
}

.review-tab-content {
    border: 1px solid #002a41;
}

.service_row {
    border-bottom: 1px solid #002a41;
    padding: 1rem;
}

.edit_button,
.delete_button {
    position: relative;
    width: auto;
}

.edit_button button {
    background: #002a41;
    color: #fff;
    /* position: absolute;
  top: 10px;
  right: 108px; */
    font-size: 14px;
    width: 74px;
    height: 34px;
    padding: 6px 10px;
    border-radius: 4px;
    z-index: 1;
    text-decoration: none;
    cursor: pointer;
}
.edit_button button:hover {
    background: #002a41;
    color: #fff;
    background-color: #002a41;
    border-color: #002a41;
}
.delete_button button {
    background: #002a41;
    color: #fff;
    /* position: absolute;
  top: -38px;
  right: 10px; */
    font-size: 14px;
    width: 90px;
    height: 34px;
    padding: 6px 10px;
    border-radius: 4px;
    z-index: 1;
    text-decoration: none;
    cursor: pointer;
}
.delete_button button:hover {
    background: #002a41;
    color: #fff;
    background-color: #002a41;
    border-color: #002a41;
}
.edit_button a em,
.delete_button a em {
    background: #fff;
    color: #002a41;
    border-radius: 3px;
    padding: 3px;
    margin-left: 7px;
    font-size: 10px;
}

.delete_button a {
    width: 90px;
}

.btn.btn-visitor:hover{
    background-color: rgba(104,36,109,.8196078431372549)!important;
    box-shadow: inset 200px 0 0 rgb(104 36 109 / 82%);
}
.btn.btn-visitor,
.btn.btn-visitor:focus{
    height: 50px;
    font-size: 18px;
    font-weight: 700;
    width: 200px;
    background: #68246d;
    color: #fff !important;
    border-radius: 0 0 37px 0;
    text-align: left;
    padding: 10px 20px;
    -webkit-transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    box-shadow: inset 0 0 0 rgb(104 36 109 / 82%);
}

.btn.btn-confirm-data,
.btn.btn-confirm-data:hover,
.btn.btn-confirm-data:focus {
    height: 50px;
    font-size: 18px;
    font-weight: bold;
    width: 300px;
    background: #68246d;
    color: #fff;
    border-radius: 0px 0px 37px 0px;
    text-align: left;
    padding: 10px 20px;
}

.btn.btn-confirm:hover{
    background-color: rgba(104,36,109,.8196078431372549)!important;
    box-shadow: inset 340px 0 0 rgb(104 36 109 / 82%);
}

.btn.btn-confirm,
.btn.btn-confirm:focus{
    height: 50px;
    font-size: 18px;
    font-weight: 700;
    width: 340px;
    background: #68246d;
    color: #fff !important;
    border-radius: 0 0 37px 0;
    text-align: left;
    padding: 10px 20px;
    -webkit-transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    box-shadow: inset 0 0 0 rgb(104 36 109 / 82%);
}

.end_points:after {
    content: ": ";
    position: absolute;
    right: 0;
}

.start_points:after {
    content: ": ";
    position: absolute;
    left: 0;
    top:0
}
.right-review {
    line-height: 30px;
}
.left-review {
    line-height: 30px;
}

.border-right-review {
    border-right: 1px solid #002a41;
}

.table.table-confirm tr th {
    border: 1px solid #002a41;
    background: #002a41;
    color: #fff;
    border-right: 1px solid #aaa;
}

.table.table-confirm tr td {
    border: 1px solid #002a41;
    color: #002a41;
}

.table.table-confirm tr:last-child td {
    background: #002a41;
    color: #fff;
    border-right: 1px solid #aaa;
}

/* css for event booking  end*/

/*  css for study tours start */
.top-image.bst-banner {
    background-image: url("/img/modules/business-study-tours/BST-banner.png");
    background-size: cover;
    background-position: top;
    height: 120px;
    background-repeat: no-repeat;
}

.bst-form {
    background-color: #eeeeee;
    padding: 2rem;
}

.bst-header h4 {
    color: #002a41;
    font-weight: bold;
    padding-bottom: 0rem;
    font-size: 22px;
}

.bst-table-wrapper {
    padding: 2rem;
    background-color: #eeeeee;
}

/*  css for study tours end */
.text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* number of lines to show */
    -webkit-box-orient: vertical;
}
.text-pgaf{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* number of lines to show */
    -webkit-box-orient: vertical;
}
.text-lfa{
    padding-right: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* number of lines to show */
    -webkit-box-orient: vertical;
}
.text-ed {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* number of lines to show */
    -webkit-box-orient: vertical;
}
.text-dd {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* number of lines to show */
    -webkit-box-orient: vertical;
}
.text-cc {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* number of lines to show */
    -webkit-box-orient: vertical;
}
.text-cncr {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* number of lines to show */
    -webkit-box-orient: vertical;
}
.text-povd {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* number of lines to show */
    -webkit-box-orient: vertical;
}

.text-bsst{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* number of lines to show */
    -webkit-box-orient: vertical;
    padding-right: 15px;
}
.text-lp {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* number of lines to show */
    -webkit-box-orient: vertical;
    padding-right: 25px;
}
.text-opt {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* number of lines to show */
    -webkit-box-orient: vertical;
    padding-right: 15px;
}
.text-sd {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* number of lines to show */
    -webkit-box-orient: vertical;
}
.text-sdrs {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* number of lines to show */
    -webkit-box-orient: vertical;
}
.text-pcp {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* number of lines to show */
    -webkit-box-orient: vertical;
}

.form-payment-tabs {
    border: 1px solid #ccd4d9;
    border-left: 0;
    border-right: 0;
    justify-content: space-around;
}

.form-payment-tabs .nav-link {
    color: #002a41;
    font-weight: bold;
    border-radius: 0px;
    border: 0;
    text-align: left;
}

.form-payment-tabs .nav-link.active {
    background-color: #ccd4d9;
    color: #002a41;
    font-weight: bold;
    border: 0;
    text-align: left;
}

.form-payment-tabs .nav-link em {
    color: #fff;
    border: 2px solid #002a41;
    border-radius: 50%;
}

.form-payment-tabs .nav-link.active em {
    background-color: #002a41;
    border: 2px solid #002a41;
    border-radius: 50%;
}

.order_info {
    color: #002a41;
    font-weight: bold;
    font-size: 18px;
}

/* css for event booking  end*/
.input-group-append {
    position: relative;
}
.calender-dob .calender-icon img.filed-calender {
    position: absolute;
    top: 9px;
    right: 5px;
    margin-right: 6px;
    width: 22px;
    height: 24px;
}

.disabled_lp_tab {
    pointer-events: none;
}

.is_disabled {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.5;
}

.badge.booking_full {
    border-radius: 4px;
    height: 26px;
    padding-top: 6px;
    background-color: #e55353;
    color: #fff;
}

.badge.booking_available {
    border-radius: 4px;
    height: 26px;
    padding-top: 6px;
    background-color: #68246d;
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
}

.calender-dob .calender-icon img.payment_date {
    position: absolute;
    top: 7px;
    right: 14px;
    margin-right: 6px;
    width: 22px;
    height: 24px;
}

.form-addon {
    position: absolute;
    right: 8px;
    top: 7px;
    border: 1px solid #002a410d;
    border-radius: 4px;
    width: 26px;
    height: 26px;
    background-color: #eeeeee;
    color: #002a41;
    text-align: center;
    padding: 0;
    display: block;
}

.badge.optional {
    border-radius: 4px;
    width: 86px;
    height: 26px;
    padding-top: 6px;
    background-color: #00aeef;
    color: #fff;
    margin-left: 1rem;
}

.badge.include {
    border-radius: 4px;
    width: 86px;
    height: 26px;
    padding-top: 6px;
    background-color: #68246d;
    color: #fff;
    margin-left: 1rem;
    font-size: 14px;
}

.pagination_wrapper .pagination {
    margin: 0px auto;
}

.pagination_wrapper .pagination li a {
    font-weight: bold;
    color: #002a41;
}

.pagination_wrapper .pagination li.active {
    color: #68246d;
    font-weight: bold;
}

.top-image.lp-banner {
    background-image: url("/img/modules/library-payments/lp-banner.png");
    background-size: cover;
    background-position: top;
    height: 120px;
    background-repeat: no-repeat;
}

.input-holder-clock:after {
    content: "GMT";
    position: absolute;
    right: 52px;
    top: 6px;
}

.disabled_booking {
    pointer-events: none;
}

.disabled_dd_tab {
    pointer-events: none;
}

.disabled_lp_tab {
    pointer-events: none;
}

.data_sec_box.form-check-input.error {
    width: 0 !important;
}

.timepicker-addon {
    position: absolute;
    right: 11px;
    z-index: 999;
    top: 6px;
    height: 22px;
    background-color: #eeeeee;
    width: 22px;
    text-align: center;
    border-radius: 4px;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    width: 12em !important;
    position: absolute;
    top: -116px !important;
}

.bootstrap-datetimepicker-widget table td {
    height: 0px !important;
    line-height: 0px !important;
    width: 0px !important;
    font-size: 10px;
}

.bootstrap-datetimepicker-widget table td span,
.bootstrap-datetimepicker-widget table td i {
    height: 0px !important;
    line-height: 0px !important;
    font-size: 10px !important;
}

.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
    height: 16px !important;
}

.bootstrap-datetimepicker-widget table td.minute {
    height: 32px !important;
}

.bootstrap-datetimepicker-widget.dropdown-menu:before,
.bootstrap-datetimepicker-widget.dropdown-menu:after {
    top: 104px !important;
    transform: rotate(180deg);
}

.row-disabled-for-lp {
    background-color: #d4d4dd;
}

.serach_college.form-control {
    height: 34px;
    border: 1px solid #002a414d;
}

.serach_college::placeholder {
    color: #002a41;
    opacity: 0.5;
}

.btn-membership,
.btn-membership:hover,
.btn-membership:focus {
    background-color: #68246d !important;
    color: #fff !important;
    font-size: 18px;
    width: 270px;
    height: 50px;
    padding: 10px 20px;
    border: 0px;
    border-radius: 0px 0px 37px 0px;
}

.icon_college {
    font-size: 18px;
}

#consent-popup {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 2rem 8rem;
    background-color: #fff;
    transition: visibility 1s, opacity 1s ease;
    z-index: 1050;
}

.hidden {
    opacity: 0;
    visibility: hidden;
}

.btn-accept-cookies,
.btn-accept-cookies:hover,
.btn-accept-cookies:focus {
    background-color: #68246d !important;
    color: #fff;
}

/* .content {
  display:none;
  } */

.product-details .product-title {
    font-size: 22px;
    font-weight: bold;
}

.product-details .product-price {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 1rem;
}

.product-description-title {
    font-size: 16px;
    color: #002a41;
    font-weight: bold;
}

.price_structure {
    border: 1px solid #002a41;
}

.price_structure .price_structure_header,
.price_structure .price_structure_header:hover,
.price_structure .price_structure_header:focus {
    background-color: #002a41 !important;
    color: #fff;
    text-align: center;
    padding: 0px;
    border-radius: 0;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    border: 0;
    box-shadow: none;
    height: 30px;
    outline: 0;
}

.price_structure .price_structure_price {
    text-align: center;
}
.price_structure .price_structure_price .list-pricing {
    list-style-type: none;
}

.price_structure .price_structure_price span {
    color: #002a41;
    display: block;
    font-weight: 600;
    line-height: 24px;
}

/* .product-figure img{
  width: 325px;
  height: 185px;
} */
.show-content {
    box-shadow: 0px 6px 24px #00000029;
    background-color: #ececec;
    border-top: 1px solid #002a4133;
}

.registry-shop-list-item {
    margin-bottom: 3rem;
}

.product_note {
    color: #cc0000;
}

.btn.btn-add-to-cart:hover{
    background-color: rgba(104,36,109,.8196078431372549)!important;
    box-shadow: inset 165px 0 0 rgb(104 36 109 / 82%);
}
.btn.btn-add-to-cart,
.btn.btn-add-to-cart:focus {
    height: 40px;
    width: 165px;
    border-radius: 0 0 25px 0;
    background-color: #68246d !important;
    color: #fff;
    padding: 6px 10px;
    font-size: 18px;
    font-weight: 700;
    -webkit-transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    box-shadow: inset 0 0 0 rgb(104 36 109 / 82%);
}

.btn.btn-add-wl-list:hover{
    background-color: rgba(104, 36, 109, .8196078431372549) !important;
    box-shadow: inset 250px 0 0 rgb(104 36 109 / 82%)
}
.btn.btn-add-wl-list,
.btn.btn-add-wl-list:focus {
    height: 50px;
    width: 250px;
    border-radius: 0 0 37px 0;
    background-color: #68246d !important;
    color: #fff;
    padding: 6px 10px;
    border: 0;
    font-size: 18px;
    font-weight: 700;
    -webkit-transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    box-shadow: inset 0 0 0 rgb(104 36 109 / 82%)
}
.btn-wl-cancel,
.btn.btn-add-wl-cancel:hover,
.btn.btn-add-wl-cancel:focus{
background-color: #fff!important;
color: #68246D !important;
border: 1px solid #68246D;
font-weight: bold;
}

.btn-wl-save,
.btn.btn-add-wl-save:hover,
.btn.btn-add-wl-save:focus{
background-color: #68246D!important;
color: #fff !important;
border: 1px solid #68246D;
font-weight: bold;
}

.btn.btn-add-to-cart.added,
.btn.btn-add-to-cart.added:hover,
.btn.btn-add-to-cart.added:focus {
    height: 40px;
    width: 130px;
    border-radius: 0px 0px 25px 0px;
    background-color: #68246d !important;
    color: #fff;
    padding: 6px 10px;
    font-size: 18px;
    font-weight: bold;
}
.btn.btn-add-to-cart.lfa, .btn.btn-add-to-cart.lfa:hover, .btn.btn-add-to-cart.lfa:focus{
    height: 50px;
    font-size: 16px;
    border: 0;
    border-radius: 0 0 37px;
}
.btn.btn-add-to-cart.lfa-added, .btn.btn-add-to-cart.lfa-added:hover, .btn.btn-add-to-cart.lfa-added:focus{
    height: 50px;
    font-size: 16px;
    width: 130px;
    border: 0;
    border-radius: 0 0 37px;
}

.srs-header {
    position: relative;
}

.action_groups_helptext {
    font-size: 14px;
}

.srs-product-item {
    border: 1px solid #002a4180;
    margin-bottom: 2rem;
    transition: all 0.3s ease-in-out;
}

.read-more {
    text-decoration: underline !important;
}

.srs-product-item:hover {
    border: 1px solid #fff;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid #002a4180;
    transition: all 0.3s ease-in-out;
}

.icon_double_angle {
    width: 30px;
    height: 30px;
    font-size: 14px;
    padding: 3px 6px;
    border-radius: 0px 0px 20px 0px;
    background-color: #fff;
    color: #68246d;
}

.form-file label {
    display: block;
    margin-top: 3px;
}

.form-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    margin: 0;
    opacity: 0;
}

.form-control-label::before,
.form-file-label,
.form-select {
    transition: background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
}

.form-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.5em + 0.75rem);
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    color: #fff;
    content: "Browse..";
    background-color: #002a41;
    border-left: inherit;
}

.helptext_cart {
    background-color: #eeeeee;
}

.btn.qtyplus,
.btn.qtyminus {
    background-color: #fff !important;
    color: #002a41;
    border: 1px solid #002a41;
    border-radius: 0px !important;
    padding: 15px;
    line-height: 0;
    height: 100%;
}

.qty {
    width: 60px;
    text-align: center;
    border: 1px solid #002a41;
}

.badge.cart_counter {
    width: 30px;
    height: 30px;
    background-color: #68246d;
    color: #fff;
    border-radius: 50%;
    padding: 9px;
    position: relative;
    top: -21px;
    right: 15px;
}

.event-header-wrapper.srs-header::after {
    display: block;
    content: "";
    border-top: 0.3rem solid #68246d;
    width: 5rem;
    transform: translateY(4.3rem);
    margin: 0px;
    position: absolute;
}

.order_header {
    font-size: 22px;
    font-weight: bold;
}
.wrapper-order-list  .btn-action {
    background-color: #002a4133;
    color: #fff;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    padding: 2px 4px;
}
.btn-action {
    background-color: #002A41;
    color: #fff;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    padding: 0px 4px;
}

.btn-action:hover {
    background-color: #68246d;
}

.btn.update_cart,
.btn.update_cart:hover,
.btn.update_cart:focus {
    background-color: #68246d;
    color: #fff;
    border-radius: 0px 0px 30px 0px;
    height: 40px;
    width: 180px;
    font-weight: bold;
}

.form-accordion {
    padding: 0;
}

.form-accordion .card {
    /* border:0; */
    box-shadow: none !important;
    border-bottom: 1px solid #000;
}

.accordion.form-accordion > .card > .card-header {
    padding-left: 0;
    background-color: #fff;
    padding-bottom: 1rem;
    border-color: #002a41;
    margin-bottom: 3rem;
    border-width: 2px;
}

.accordion.form-accordion .card-body {
    padding: 0;
}

.accordion.form-accordion > .card > .card-header em {
    font-size: 22px;
    border: 1px solid #002a41;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    padding: 3px;
    text-align: center;
    border-width: 2px;
}
.accordion.form-accordion > .card > .card-header em.fa-angle-up{
    padding: 2px;
}
/* .accordion.form-accordion > .card > .card-header a span{
    padding-top: .5rem!important;
} */

.accordion.form-accordion > .card > .card-header a {
    color: #002a41;
    text-decoration: none;
    font-size: 16px;
}

.third_party_box {
    border: 1px solid #002a41;
    margin-bottom: 2rem;
}

.third_party_box_content_one {
    padding: 1rem;
    border-bottom: 1px solid #002a41;
}

.third_party_box_content_two {
    padding: 1rem;
    background-color: #002a410d;
}

table.delivery-address tr th,
table.delivery-address tr td {
    border: 1px solid #002a41 !important;
    color: #002a41;
}

table.delivery-address tr th {
    background-color: #e5e9eb;
    color: #002a41;
    font-weight: bold;
}

.deliveryCount{
    width: 0px; 
    height:0px; 
    padding: 0; 
    margin: 0; 
    border: 0;
}

.del_address_header {
    font-size: 16px;
}

.billing-box {
    border: 1px solid #002a41;
}

.billing-box .addr-header h2 {
    font-size: 16px;
    margin-bottom: 0;
    color: #002a41;
    font-weight: bold;
}

.billing-box .addr-header {
    background-color: #ececec;
    border-bottom: 1px solid #002a41;
    padding: 10px;
}

.billing-box .addresses {
    padding: 10px;
}

table.order_vreview_table tr:last-child {
    background-color: #002a41;
    color: #fff;
    font-weight: bold;
}

.gray-box {
    background-color: #ececec;
    padding: 1rem;
}

.red-box {
    background-color: #fff;
    color: #cc0000;
    border: 1px solid #cc0000;
    padding: 1rem;
}
.red-box p{
    color: #cc0000;
}

.ed-event-header {
    border-bottom: 1px solid #002a414d;
    margin-bottom: 3rem;
}

.search-bar-row {
    position: relative;
}
.search-bar-row ::placeholder{
    font-size: 14px;
}

.btn-search-abs em {
    font-size: 12px;
    padding: 2px;
    color: #000;
}

.btn-search-abs,
.btn-search-abs:hover,
.btn-search-abs:focus {
    position: absolute;
    left: 174px;
    padding: 1px 3px;
    top: 7px;
    background-color: #eee !important;
    color: #002a41 !important;
    border: 0;
    border-radius: 4px;
}

table.dataTable.course_front_table {
    border: 1px solid #002a41 !important;
}

table.dataTable.course_front_table tr th,
table.dataTable.course_front_table tr td {
    border: 1px solid #002a414d !important;
    vertical-align: middle;
    color: #002a41;
    text-align: left;
}
table.dataTable.course_front_table tr td:last-child {
text-align: right;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting:before {
    opacity: 1 !important;
}

table.course_front_table tr th {
    background-color: #002a410d !important;
    color: #002a41;
    font-weight: bold;
}

.details_link {
    text-decoration: underline;
}

.details_link:hover {
    color: #002a41;
}

.direct-debit-header.after_line h2::after {
    transform: translateY(2.2rem);
}

.course_header {
    font-size: 22px;
    color: #002a41;
    font-weight: bold;
    text-transform: capitalize;
}

.course_box_wrapper {
    border: 1px solid #707070;
}

.course_box_wrapper .timetable_left {
    background-color: #002a410d;
    padding: 1rem;
    line-height: 30px;
}

.course_box_wrapper .timetable_right {
    padding: 1rem;
    line-height: 30px;
}

.btn_play_pause,
.btn_play_pause:hover,
.btn_play_pause:focus {
    margin: 0px auto;
    position: absolute;
    left: 94%;
    top: 86%;
    display: block;
    z-index: 222;
    box-shadow: none;
    background-color: #68246d !important;
    border: 0px;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    padding: 4px;
}

.btn_play_pause em {
    padding: 4px 10px;
}

/* Chrome, Safari, Edge, Opera */
input.qty::-webkit-outer-spin-button,
input.qty::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input.qty[type="number"] {
    -moz-appearance: textfield;
}

.carousel-control-next:focus, .carousel-control-next:hover,
 .carousel-control-prev:focus, .carousel-control-prev:hover{
    opacity: .9 !important;
}

.carousel-homepage .carousel-overlay {
    background-image: url("/img/tapestry-overlay-large.png");
    width: 100%;
    height: 100%;
    position: absolute;
    background-repeat: no-repeat;
    background-position: top left;
    bottom: 0;
    left: 0;
    background-size: initial;
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-duration: 1s;
    transition-property: opacity;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
    opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    opacity: 0;
}

.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
    transform: translateX(0);
    transform: translate3d(0, 0, 0);
}

/* datepicker css start */
.datepicker {
    padding: 0 !important;
    margin-top: -1px !important;
}
.datepicker table tbody {
    padding: 14px !important;
}
.datepicker table thead tr:nth-child(2) th {
    border: 1px solid #aaaaaa;
    color: #222222;
    font-weight: bold;
    padding: 5px;
    border: 0;
    border-radius: 0;
}
.datepicker table tr th,
.datepicker-days table tr td {
    font-size: 14px;
}
.datepicker table tr td.new,
.datepicker table tr td {
    padding: 4px !important;
    padding-left: 6px;
    padding-right: 6px;
}
.datepicker table tr td.active.day {
    font-size: 14px;
    background-color: #68246d !important;
}
.datepicker table tr td.old.day {
    background-color: #fff;
}
.datepicker table thead tr:nth-child(2) th:nth-child(1) {
    background-color: #002a41;
    color: #fff;
}
.datepicker table thead tr:nth-child(2) th:nth-child(2) {
    background-color: #68246d;
    color: #fff;
}
.datepicker table thead tr:nth-child(2) th:nth-child(3) {
    background-color: #002a41;
    color: #fff;
    }


/* datepicker css end */
.btn.btn-primary.btn-custom,.btn.btn-primary.btn-custom:hover,.btn.btn-primary.btn-custom:focus{
    background-color: #68246D;
    border: 0;
    font-size: 14px;
    font-weight: bold;
    }
    .btn.btn-secondary.btn-close,.btn.btn-secondary.btn-close:hover,.btn.btn-secondary.btn-close:focus {
        background-color: #fff;
        font-size: 14px;
        border: 1px solid #68246D;
        color: #68246D;
        font-weight: bold;
        margin-right: 15px;
    }
    table.table_statement tr th {
        background-color: #002a41 !important;
        color: #fff;
        font-weight: bold;
        border: 1px solid #aaa;
    }
    table.table_statement tr td {
     border: 1px solid #002a41;
    }
    table.table_statement tr td:nth-child(2),table.table_statement tr td:nth-child(3),
    table.table_statement tr td:nth-child(5),table.table_statement tr td:nth-child(6),
    table.table_statement tr td:nth-child(7) {
    text-align: right;
    }
    .pagination .page-item.next.disabled .page-link{
        color: #6c757d !important;
    }

    /* custom increment and decrement for responsive purpose */
    .number_quantity {
        position: relative;
      }

      input[type=number]::-webkit-inner-spin-button,
      input[type=number]::-webkit-outer-spin-button
      {
        -webkit-appearance: none;
        margin: 0;
      }

      input[type=number]
      {
        -moz-appearance: textfield;
      }

      .number_quantity input {
          margin-bottom: 2rem;
         line-height: 1.65;
        float: left;
        display: block;
        padding: 0;
        margin: 0;
        padding-right: 30px !important;
        height: 50px;
      }

      .number_quantity input:focus {
        outline: 0;
      }

      .quantity-nav {
        float: left;
        position: relative;
        height: 54px;
      }

      .quantity-button {
        position: relative;
        cursor: pointer;
        border-left: 1px solid #002a41;
        width: 20px;
        text-align: center;
        color: #002a41;
        font-size: 16px;
        line-height: 1.7;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none;
      }

      .quantity-button.quantity-up {
        position: absolute;
        height: 54%;
        top: 0;
        border-bottom: 1px solid #002a41;
      }

      .quantity-button.quantity-down {
        position: absolute;
        bottom: 5px;
        height: 45%;
      }
.frntend_courses_list select.form-control{
    height: 30px !important;
    font-size: 14px;
    padding: 0px 18px;
    margin-left: 10px;
    margin-right: 10px;
}
.frntend_courses_list div.dataTables_wrapper div.dataTables_filter input{
    margin-left: 0 !important;
}
.frntend_courses_list div.dataTables_wrapper div.dataTables_length label{
    font-size: 14px;
}
.imp_notes{
    color :#68246D;
    font-size: 16px;
    font-weight: bold;
}
.imp_ul{
    list-style-type: disc;
}
.section-lfa{
    padding-top: 3rem;
    padding-bottom: 6rem;
}
.modal-body{
    padding: 2rem;
}
.modal-body p{
    font-size: 14px;
}
.modal-body .form-control{
    height: 35px;
    color: #002A41;
    border: 1px solid #002A414D;
}
.modal-body label{
    font-size: 14px;
}
.wl-header{
    color: #68246D;
    font-size: 18px;
    font-weight: bold;
}
.footer-modal {
    padding: 1rem 2rem;
    background-color: #EFE8F0;
}
.comman-header {
    font-size: 18px;
    color: #68246D;
    font-weight: 600;
}

/*Hidden class for adding and removing*/
.display-none {
    display: none !important;
}

/*Add an overlay to the entire page blocking any further presses to buttons or other elements.*/
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,.8);
    z-index: 999;
    opacity: 1;
    transition: all 0.5s;
}

/*Spinner Styles*/
.lds-dual-ring {
    display: block;
}
.lds-dual-ring:after {
    content: " ";
    display: block;
    width: 64px;
    height: 64px;
    margin: 5% auto;
    border-radius: 50%;
    border: 6px solid #fff;
    border-color: #fff transparent #fff transparent;
    animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.survey-section{
    background-color: #68246D1A;
}
.card-header-survey{
    border-radius: 50px 50px 0px 0px !important;
    height: 15px;
    padding: 0;
}
.survey-card{
    border: 0;
    box-shadow: 0px 3px 6px #00000029;
    margin-bottom: 2rem;
}
.header-survey{
    color: #68246D;
    font-size: 20px;
    font-weight: bold;
}
.eval-detail-card{
    height: 90px;
    border: 0;
    border-radius: 6px;
    box-shadow: 0px 3px 6px #00000029 !important;
}
.conferences-detail-card{
    height: 90px;
    border: 0;
    border-radius: 6px;
    box-shadow: 0px 3px 6px #00000029 !important;
}
.data-protection-card{
    height: 60px;
    border: 0;
    border-radius: 6px;
    box-shadow: 0px 3px 6px #00000029 !important;
}
.personal-detail-card{
    height: 60px;
    border: 0;
    border-radius: 6px;
    box-shadow: 0px 3px 6px #00000029 !important;
}
.qna-card{
    border: 0;
    border-radius: 6px;
    box-shadow: 0px 3px 6px #00000029 !important;
}
.qna-header{
    color: #002A41;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 8px;
}
.qna-card .form-control{
    border-top:0;
    border-left:0;
    border-right:0;
}
.qna-card .form-control:focus{
box-shadow: none;
border-color: #002a41;
}
.btn.submit-attendace,
.btn.submit-attendace:focus,
.btn.submit-attendace:hover{
    background-color: #68246d;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    width: 145px;
    height: 45px;
    border: 0;
    margin-top: 1rem;
    border-radius: 0px 0px 37px 0;
    text-transform: capitalize;
}
.remove_text_widow{
    padding-right: 15px;
}

.select select {
    appearance: none;
  }
  .select:after {
    content: "▼";
    padding: 4px 5px;
    position: absolute;
    right: 25px;
    font-size: 10px;
    top: 7px;
    z-index: 1;
    text-align: center;
    width: 24px;
    height: 24px;
    pointer-events: none;
    border: 1px solid #EEEEEE;
    background-color: #EEEEEE;
    border-radius: 3px;
  }
  .select-box{
      position: relative;
  }
  .select-box.select:after {
    right: 15px;
  }

  .select__field {
    height: 40px;
    width: 100%;
    padding: 5px 15px;
    color: #616263;
    border: 1px solid #002A41;
    outline: none;
    font-size: 16px;
    -webkit-appearance: none;
    /* for webkit browsers */
    -moz-appearance: none;
    /* for firefox */
    appearance: none;
    /* for modern browsers */
  }

  .form-control-label::before{
    width: 20px !important;
    height: 20px !important;
  }
  .form-control-label::after{
    width: 20px !important;
    height: 20px !important;
  }
  .form-checkbox-default .form-control-label::after{
    border-radius: 0px !important;
}
.form-checkbox-default .form-control-input:checked~.form-control-label::before{
    border-radius: 0px !important;
}

#lfa_removeCartItemMOdal.modal.show,
#ocp_removeCartItemMOdal.modal.show,
#sdrs_removeCartItemMOdal.modal.show,
#exampleModal.modal.show{
    display:flex!important;
    flex-direction:column;
    justify-content:center;
    align-content:center;
    align-items: flex-start;
  }
  #bookerSignInModal.modal.show {
    /* display:flex!important; */
    flex-direction:column;
    justify-content:center;
    align-content:center;
    align-items: flex-start;
  }
  .page-item .page-link.active {
    background-color: #68246D;
    border-color: #68246D;
    color: #fff !important;
}
.sdrs_pagination .page-item.disabled .page-link{
    color: #6c757d !important;
}
.btn-search-keyword,
.btn-search-keyword:focus,
.btn-search-keyword:hover{
    background-color: #68246D !important;
    height: 40px;
    border: 1px solid #68246D;
    border-radius: 0;
}
.btn.btn-login {
    font-size: 14px;
    font-weight: bold;
    background-color: #68246D;
    border: 0
}
.bt-login,.bt-login:hover, .bt-login:active, .bt-login:focus {
    background-color: #68246d;
    color: #ffffff;
    padding-bottom: 10px;
    padding-top: 10px;
    height: 50px;
    transition: background-color 300ms linear 0s;
    font-size: 14px;
    font-weight: bold;
    border-radius: 0px 0px 30px 0px;
}


.login-tab {
	/* margin: 0 auto;
	max-width: 380px; */
}

.login-modal-header {
	background: #68246d1a;
    color: #68246D;

}

.login-modal-header .modal-title {
	font-size: 16px;
    font-weight: bold;
}

.login-modal-header .close {
	color: #fff;
}

.login-modal i {
	color: #002a41;
}
.login-modal .modal-body{
    padding: 0;
}
.login-modal .tab-content{
    padding: 0rem 2rem 2rem;
    border-bottom: 3px solid #68246D;
}
.login-modal .nav-tabs {
    border-bottom: 1px solid #68246d73;
}
.login-modal .modal-body .form-control::placeholder{
    font-size: 18px;
}
.login-modal .modal-body .form-control{
    background: #F2F4F5 0% 0% no-repeat;
    border: 1px solid #002A4180;
    border-radius: 5px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-left: 0;
    height: 50px;
}
/* .login-modal .modal-body .ed_booker_login_form .mb-3:nth-child(2){
    margin-bottom: 0 !important;
} */
.forgot_pass_link{
    font-size: 14px;
}
.login_with_ggl{
    font-size: 16px;
    background-color: #F2F4F5;
    height: 45px;
    padding: 10px;
    width: 240px;
    text-align: center;
    margin-right: 20px;
    color: #518EF8;
}
.modal-dialog.login-popup {
    min-height: 85vh !important;
}
.login_with_fb{
    font-size: 16px;
    background-color: #F2F4F5;
    height: 45px;
    padding: 10px;
    width: 240px;
    text-align: center;
    color: #3B5898;
    font-weight: 600;
}
.login_with_ggl img{
    width: 24px;
    height: 24px;
    vertical-align: middle;
}
.login_with_fb img{
    width: 24px;
    height: 24px;
    vertical-align: middle;
}

/* .tab-pane form {
	margin: 0 auto;
} */
.login-modal-footer{
	margin-top:15px;
	margin-bottom:15px;
}
.modal-dialog.login-popup {
    max-width: 500px;
    margin: 1.75rem auto;
}
/* .form-login-tabs.form-nav-tabs{
    width: fit-content;
} */
.form-login-tabs.form-nav-tabs .nav-link,
.form-login-tabs.form-nav-tabs .nav-link.active{
    padding:10px 20px;
    border: 1px solid transparent;
    font-size: 14px;
}
.login-modal .input-group-addon {
    padding: 17px 12px;
    font-size: 14px;
    width: 50px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #c2cbd1;
    border: 1px solid #002A4180;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;

}
.icon_eye_lash{
    height: 24px;
    width: 24px;
    position: absolute;
    right: 12px;
    top: 12px;
}
.login-modal .input-group-addon,.login-modal .input-group-btn {
    white-space: nowrap;
    vertical-align: middle;
}
.login-modal .input-group-addon, .login-modal .input-group-btn, .login-modal .input-group .form-control {
    display: table-cell;
}
.login-modal .input-group-addon:first-child {
    border-right: 0;
}
.login-modal-footer a{
    color: #68246d;
    font-weight: bold;
    font-size: 14px;
}

.bg-confirmed{
    background-color: #00AEEF;
    color: #fff;
    font-size: 14px;
    border-radius: 4px;
    padding: 8px 8px !important;
}
.bg-paid {
    background-color: green;
    color: #fff;
    font-size: 14px;
    border-radius: 4px;
    padding: 8px 8px !important;
}
.bg-failed {
    background-color: #cc0000;
    color: #fff;
    font-size: 14px;
    border-radius: 4px;
    padding: 8px 8px !important;
}
.bg-pending {
    background-color: #f1e201d9;
    color: #fff;
    font-size: 14px;
    border-radius: 4px;
    padding: 8px 8px !important;
}
.bg-cancelled{
    background-color:#BE1E2D;
    color: #fff;
    font-size: 14px;
    border-radius: 4px;
    padding: 8px 8px !important;
}
.file {
    visibility: hidden;
    position: absolute;
  }
  .browse,.browse:focus,.browse:hover{
      height: 40px;
      background-color: #002A41 !important;
      color: #fff;
      font-size: 16px;
      font-weight: bold;
      border: 0;
      border-top-left-radius: 0px;
      border-bottom-left-radius: 0px;
  }

.tr-info{
     background-color: #eeeeee !important;
}
/* Preloader */
.lds-dual-ring.hiddenloader { 
    display: none;
    }
    .lds-dual-ring {
      display: inline-block;
      width: 80px;
      height: 80px;
    }
    .lds-dual-ring:after {
      content: " ";
      display: block;
      width: 34px;
      height: 34px;
      margin: 18rem auto;
      border-radius: 50%;
      border: 3px solid #fff;
      border-color: #fff transparent #fff transparent;
      animation: lds-dual-ring 1.2s linear infinite;
    }
    @keyframes lds-dual-ring {
      0% {
        transform: rotate(0deg);
      }
      100% {
        transform: rotate(360deg);
      }
    }
    .overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background: rgba(0,0,0,.6);
        z-index: 9999;
        opacity: 1;
        transition: all 0.5s;
    }
    .lfa-helptext{
        color: #002a41;
        font-size: 16px;
        font-weight: normal;
        padding-left: 10px;
    }
    .table-bordered thead td, .table-bordered thead th {
        border-bottom-width: 0px;
    }
    .pace .pace-progress{
        background:#68246D !important
    }
    .pace {
        -webkit-pointer-events: none;
        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background: rgba(0,0,0,.6);
        z-index: 9999;
        opacity: 1;
        transition: all 0.5s;
    }
    
    .pace-inactive {
        display: none;
    }
    
    .pace .pace-progress {
        background: #68246d !important;
        position: fixed;
        z-index: 2000;
        top: 0;
        right: 100%;
        width: 100%;
        height: 2px;
    }
    
    .pace .pace-progress-inner {
        display: block;
        position: absolute;
        right: 0px;
        width: 100px;
        height: 100%;
        box-shadow: 0 0 10px #68246d, 0 0 5px #68246d;
        opacity: 1.0;
        -webkit-transform: rotate(3deg) translate(0px, -4px);
        -moz-transform: rotate(3deg) translate(0px, -4px);
        -ms-transform: rotate(3deg) translate(0px, -4px);
        -o-transform: rotate(3deg) translate(0px, -4px);
        transform: rotate(3deg) translate(0px, -4px);
    }
    
    .pace .pace-activity {
        -webkit-pointer-events: none;
        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        position: fixed;
         background: rgba(0,0,0,.6);
        background-image: url("/img/load.gif");
        background-repeat: no-repeat;
        background-position: center;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        z-index: 9999;
        opacity: 1;
        transition: all 0.5s;
    }
    .direct-debit-header.ocp-event-header h2::after{
        transform: translateY(6.3rem);
    }
    .direct-debit-header.ocp-cart-detail h2::after{
        transform: translateY(2.2rem);
    }

    .direct-debit-header.abstract-border h2::after{
        transform: translateY(2.7rem);
    }
    .form-list-item li{
        padding-bottom: 10px;
    }
    .form-list-item{
        margin-bottom: 33px;
    }
    .btn.btn-back.btn-cancel,
    .btn.back.btn-cancel:focus{
        width: 140px;
    }

    .bg-places-availble {
        border-radius: 4px;
        background-color: #68246D;
        color: #fff;
        padding: 10px;
        font-size: 14px;
    }

    .bg-wl-availble {
        border-radius: 4px;
        background-color: #006600;
        color: #fff;
        padding: 10px;
        font-size: 14px;
    }

    .bg-booking-full {
        border-radius: 4px;
        background-color: #BE1E2D;
        color: #fff;
        padding: 10px;
        font-size: 14px;
    }

    .bg-booking-closed {
        border-radius: 4px;
        background-color: #BE1E2D;
        color: #fff;
        padding: 10px;
        font-size: 14px;
    }
    .table-personal-details tr th{
        border-right: 0px !important;
    }
    .table-personal-details tr td{
        border-left: 0px !important;
        border: 1px solid #002A4199;
        padding-left: 2rem !important;
    }
    .table-personal-details tr th{
        width: 26%;
        background-color: #002A410D;
        font-weight: normal;
        border: 1px solid #002A4199;
    }
    .table-personal-details tr td{
        font-weight: bold;
    }
    .btn.btn-proceed.submit-review, .btn.btn-proceed.submit-review:focus{
        height: 40px;
        margin-top: 38px;
        padding: 0;
        text-align: center;
    }
    
    .btn.btn-submit-review,
    .btn.btn-submit-review:focus {
        background-color: #fff !important;
        color: #68246d !important;
        font-weight: bold;
        font-size: 14px;
        border: 2px solid #68246d;
        border-radius: 0px 0px 24px 0px;
        height: 30px;
        padding: 2px 20px;
        text-align: left;
        outline: 0;
        width:165px;
        -webkit-transition-duration: .5s;
        -webkit-transition-timing-function: linear;
        box-shadow: inset 0 0 0 rgb(104 36 109 / 82%);
    }

    .btn.btn-submit-review:hover{
        background-color: #68246d !important;
        color: #fff !important;
        box-shadow: inset 165px 0 0 rgb(104 36 109 / 82%)
    }
    

    .btn.btn-submitted:hover{
        background-color: rgba(104,36,109,.8196078431372549)!important;
        box-shadow: inset 125px 0 0 rgb(104 36 109 / 82%);
    }
    .btn.btn-submitted,
    .btn.btn-submitted:focus {
        background-color: #68246d !important;
        font-weight: bold;
        color: #fff !important;
        font-size: 14px;
        border: 1px solid #68246d;
        border-radius: 0px 0px 24px 0px;
        height: 30px;
        padding: 3px 14px;
        text-align: left;
        width: 125px;
        outline: 0;
        -webkit-transition-duration: .5s;
        -webkit-transition-timing-function: linear;
        box-shadow: inset 0 0 0 rgb(104 36 109 / 82%)
    }
    .btn.btn-submit-another-review:hover {
        background-color: rgba(104, 36, 109, .8196078431372549) !important;
        box-shadow: inset 280px 0 0 rgb(104 36 109 / 82%)
    }
    
    .btn.btn-submit-another-review,
    .btn.btn-submit-another-review:focus {
        background-color: #68246d;
        color: #fff !important;
        font-weight: 700;
        font-size: 18px;
        height: 50px;
        width: 280px;
        border: 0;
        border-radius: 0 0 37px 0;
        padding-left: 18px;
        padding-top: 12px;
        padding-bottom: 14px;
        text-align: left;
        -webkit-transition-duration: .5s;
        -webkit-transition-timing-function: linear;
        box-shadow: inset 0 0 0 rgb(104 36 109 / 82%)
    }

    .bg-full-refund {
        background-color:orange;
        color: #fff;
        font-size: 14px;
        border-radius: 4px;
        padding: 8px 8px !important;
    }
    .bg-partial-refund {
        background-color: #00AEEF;
        color: #fff;
        font-size: 14px;
        border-radius: 4px;
        padding: 8px 8px !important;
    }
    /* #ed_booking_history_table tr th{
        width: 11.11% !important;
    } */
    .common-scroll ::-webkit-scrollbar {
        width: 10px;
        height: 6px;
    }
    .common-scroll ::-webkit-scrollbar-thumb:horizontal{
        margin-top: 1rem;
        background: #888;
        border-radius: 10px;
    }
    /* css for boooking history dashboard */
    
    .booking-master-list{
        position: relative;
    }
    .booking-master-list li{
        margin-bottom: 10px;
    }
    .form-bg-circle{
        height: 25px;
        width: 25px;
        border-radius: 50%;
        background-color: #68246D;
        color: #fff;
        display: inline-block;
        text-align: center;
        font-size: 14px;
        font-weight: bold;
        padding: 1px;
        position: absolute;
        top:-10px;
        margin-left: 1px;
    }

    .info-box {
        box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);
        background-color: #fff;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        min-height: 80px;
        padding: .5rem;
        position: relative;
        width: 100%;
    }
    .info-box .info-box-icon {
        border-radius: .25rem;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        font-size: 1.875rem;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
        width: 70px;
    }
    .info-box .info-box-content {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        line-height: 1.8;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding: 0 10px;
    }
    .info-box .info-box-text, .info-box .progress-description {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: #68246d;
    }
    .info-box .info-box-number {
        display: block;
        margin-top: .25rem;
        font-weight: 700;
    }
    .info-box .progress {
        background-color: rgba(0,0,0,.125);
        height: 2px;
        margin: 5px 0;
    }
    .info-box .progress .progress-bar {
        background-color: #fff;
    }
    .info-box .progress-description {
        margin: 0;
    }
    .bg-custom, .bg-custom>a {
        color: #002a41!important;
    }
    .bg-custom{
        background-color: #fff;
    }
    .info-box-content .small-box-footer {
        color: rgba(255,255,255,.8);
        display: block;
        padding: 3px 0;
        position: relative;
        text-align: left;
        text-decoration: none;
        z-index: 10;
    }
    .info-footer {
        background-color: #E5E9EB;
        border: 0;
        padding: 1rem;
    }
    .form-card{
        box-shadow: 0px 2px 1px -1px rgb(0 0 0 / 20%), 0px 1px 1px 0px rgb(0 0 0 / 14%), 0px 1px 3px 0px rgb(0 0 0 / 12%);
        border: 1px solid #DADADA !important;
        border-radius: 4px !important;
        padding: 0;
    }
    .form-card .progress-bar{
        background-color: #68246d !important;
    }
    .form-card .progress .progress-bar {
        animation-name: animateBar;
        animation-iteration-count: 1;
        animation-timing-function: ease-in;
        animation-duration: .4s;
    }
    @keyframes animateBar {
        0% {transform: translateX(-100%);}
        100% {transform: translateX(0);}
    }
   
    .border-start {
        border-left: 2px solid #ffb300 !important;
    }
    .border-4 {
        border-left-width: 4px !important;
    }
    .height-0{
        height:100% !important;
    }
    .disabled-color,.disabled-color:hover,.disabled-color:active,.disabled-color:focus,
    .btn.disabled,.btn.disabled:hover,.btn.disabled:active,.btn.disabled:focus{
         opacity: .65 !important; 
         background-color: #002A41!important;
    }
    .hidefile{
        width:-1px!important;
        height:0px!important;
    }
    .form-file-upload {
        border: 1px solid #002a41;
        display: inline-block;
        padding: 6px 12px;
        cursor: pointer;
    }
    #recapchaWidget{
        width: 100%;
    }
    .login-popup .g-recaptcha{
        transform:scale(0.77);
        -webkit-transform:scale(1.44, .99);
        transform-origin:0 0;
        -webkit-transform-origin:0 0;
    }
   .g-recaptcha{
        transform:scale(0.77);
        transform-origin:0 0;
        -webkit-transform-origin:0 0;
    }
    .frntend_courses_list select.form-control.countrybilling{
        height: 40px !important;
        margin-left: -2px;
    }
    .beforeotp {
        display:none;
    }
    .afterotp {
        display:block;
    }
    .navbar-brand.form-brand.toplogo {
        position: absolute;
        top: -400%;
    }

    .accessibility-tool-wrap{
        z-index: 10;
    }
    header .top-bar-menu{
        z-index: 2;
    }
    header .top-bar-menu + .top-bar-menu{
        z-index: 1;
    }
    .carousel-homepage .carousel-overlay{
        z-index: 1;
    }
    .carousel.carousel-homepage .carousel-caption{
        z-index: 10;
    }
    .prefix-sm.w-fixed {
        max-width: 41.666667%;
        width: 100%;
    }
    @media (max-width: 667px) {
        .prefix-sm.w-fixed {
            max-width:36.666667%;
            width: 100%;
        }
    }
    
/*Language for all datatable*/
.section-lfa .frntend_courses_list select.form-control {
    display: inline-block;
    background: #fff url("/img/select-form-icon.svg") no-repeat right .75rem center;
    background-size: 8px 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.section-lfa .table.course_front_table td, 
.table.course_front_table th,
.table.table-confirm th,
.table.table-confirm td  {
    padding: .75rem;
}
.table-campus .form-check input[type="radio"] {
    float: none;
}
.badge-booking-closed,
.badge-booking-full {
    border-radius: 4px;
    background-color: #be1e2d;
    color: #fff;
    padding: 10px;
    font-size: 14px;
}
.badge-places-availble {
    border-radius: 4px;
    background-color: #68246d;
    color: #fff;
    padding: 10px;
    font-size: 14px;
}
.flfa_step1_form .form-check input[type=checkbox] {
    border-radius: 0;
    border: 1px solid;
}
.custom-perm-addr {
    color: #6a236f;
    font-weight: 700;
}
@media (max-width: 667px) {
    .qurey-section div {
        display: block !important;
        margin-bottom: 5px !important;
    }
}
@media (max-width: 667px) {
    .qurey-section .query-text-start {
        padding-left: 0;
    }
}
@media (max-width: 667px) {
    .qurey-section .query-text-end {
        padding-left: 0 !important;
    }
}
.table.table-basf>:not(caption)>*>*,
.delivery-address.table>:not(caption)>*>*,
.table-review-booking.table>:not(caption)>*>*,
.table-payment.table>:not(caption)>*>*,
.table.course_front_table:not(caption)>*>*,
.table-payment-basf:not(caption)>*>*,
.table.table-padding:not(caption)>*>* {
    padding: .75rem;
}
.select {
    position: relative;
}
.form-select {
    border-radius: 0;
    border: 1px solid #002a41;
}
.form-check-input {
    border-color: #000;
}
.form-check input[type=checkbox] {
    border-radius: 2px;
}
.tab-section .nav-justified .nav-item .nav-link {
    width: auto;
}
.form-check .form-check-input {
    margin-left: -1.25rem;
}
.eb-common-wrapper .form-check .form-check-input {
    margin-left: -10px;
}
input[type="radio"]:checked {
    background-color: transparent;
    border-color: #0d6efd;
}
.options-position {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem;
}
.product-details,
.product-figure {
    padding: 0 15px;
}
.letter-spacing {
    letter-spacing: normal;
}
.btn.btn-secondary.button-close,.btn.btn-secondary.button-close:hover,.btn.btn-secondary.button-close:focus {
    background-color: #fff;
    font-size: 14px;
    border: 1px solid #68246D;
    color: #68246D;
    font-weight: bold;
    margin-right: 15px;
}
.small {
    font-size: 80%;
}
.captcha-row {
    display: flex;
    padding-left: 30px;
}
@media only screen and (max-width: 768px) {
    .captcha-row {
        display: block;
    }
}
.check-input-custom{
    float: left;
    margin-left: -1.5em;
    border-radius: 0;
    margin-top: 3px;
    width: 20px;
    height: 20px;
    position: relative;
}
.check-input-custom::before{
    content: "";
    width: 20px;
    height: 20px;
    background-color: #fff;
    border: 1px solid;
    z-index: 2;
    position: absolute;
    left: 0;
    top: 0;
}
.check-input-custom:checked:after{
    content: "";
    background-image: url(../img/icon-tick-black.svg) !important;
    z-index: 4;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 10px;
    height: 10px;
    background-repeat: no-repeat;
    transform: translate(-50%, -50%);
}
.badge.cart_counter.position-absolute {
    right: -15px;
}
.table-custom,
.table-custom tr {
    border: none;
}
.table-custom td {
    padding: 0.75rem;
}
/*Custome Tab Panel Start*/
.custom-nav-tabs {
    white-space: nowrap;
    /* flex-wrap: nowrap; */
    max-width: 100%;
    overflow-y: hidden;
}
.custom-nav-tabs .nav-link {
    padding: 0.5rem 1.3rem;
    color: #002A41;
    font-size: 16px;
    font-weight: 700;
}
.custom-nav-tabs .nav-link.active {
    background-color: #EFE8F0;
    color: #68246D;
    border-radius: 3px 3px 0px 0px;
}
.custom-tab-content {
    margin-top: 2rem;
    padding: 0;
    background-color: #fff;
}
.custom-nav-tabs.common_rooms .nav-link {
    padding-right: 1rem;
    border: 1px solid #002A414D;
    border-bottom: 0px;
    background-color: #EFE8F0;
    color: #68246D;
}
.custom-nav-tabs.common_rooms .nav-link.active {
    background-color: #68246D;
    color: #fff;
}
.custom-nav-tabs.catering_map_tabs .nav-link {
    border: 1px solid #002A41 !important;
    margin-right: .1rem;
}

.custom-nav-tabs.catering_map_tabs .nav-link.active {
    background-color: #68246D;
    color: #fff;
}

.custom-nav-tabs.catering_map_tabs {
    display: flex;
    width: max-content;
}
.fa-dot-circle:before,
.fas.fa-circle:before {
    content: "\f192";
}
.color-white-to-black-yellow .radio-section [type=radio]:checked+label.checked, 
.radio-section [type=radio]:not(:checked)+label.checked {
    border: 1px solid #fff000 !important;
}
.color-white-to-black .radio-section [type=radio]:checked+label.checked, 
.radio-section [type=radio]:not(:checked)+label.checked {
    border: 1px solid #fff !important;
}
/*Custome Tab Panel End*/
/*DataTable Bootstrap5 style override*/
.cncr_booking_history .sorting,
.ed_booking_history .sorting,
.ocp_booking_history .sorting,
.membership_booking_history .sorting {
    position: relative;
}
.cncr_booking_history .sorting:before,
.ed_booking_history .sorting:before,
.ocp_booking_history .sorting:before,
.membership_booking_history .sorting:before {
    right: 1em;
    content: "\2191";
    position: absolute;
    bottom: 0.9em;
    display: block;
    opacity: 1 !important;
    cursor: pointer;
}
.cncr_booking_history .sorting:after,
.ed_booking_history .sorting:after,
.ocp_booking_history .sorting:after,
.membership_booking_history .sorting:after {
    right: 0.5em;
    content: "\2193";
    position: absolute;
    bottom: 0.9em;
    display: block;
    opacity: 1 !important;
    cursor: pointer;
}
.cncr_booking_history .badge-confirmed,
.ed_booking_history .badge-confirmed,
.ocp_booking_history .badge-confirmed,
.membership_booking_history .badge-confirmed {
    background-color: #00AEEF;
    color: #fff;
    font-size: 14px;
    border-radius: 4px;
    padding: 8px 8px !important;
}
.cncr_booking_history .badge-paid,
.ed_booking_history .badge-paid,
.ocp_booking_history .badge-paid,
.membership_booking_history .badge-paid {
    background-color: green;
    color: #fff;
    font-size: 14px;
    border-radius: 4px;
    padding: 8px 8px !important;
}
.cncr_booking_history .dataTables_length label,
.ed_booking_history .dataTables_length label,
.ocp_booking_history .dataTables_length label,
.membership_booking_history .dataTables_length label {
    display: inline-block;
    margin-bottom: .5rem;
}
.cncr_booking_history .custom-select,
.ed_booking_history .custom-select,
.ocp_booking_history .custom-select,
.membership_booking_history .custom-select {
    display: inline-block;
    background: #fff url("/img/select-form-icon.svg") no-repeat right .75rem center;
    background-size: 8px 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: auto;
    display: inline-block;
    min-width: 70px;
    height: calc(1.8125rem + 2px);
    margin-bottom: .5rem;
}
.cncr_booking_history  .dataTables_filter,
.ed_booking_history  .dataTables_filter,
.ocp_booking_history  .dataTables_filter,
.membership_booking_history  .dataTables_filter {
    display: flex;
}
.cncr_booking_history  .dataTables_filter label,
.ed_booking_history  .dataTables_filter label,
.ocp_booking_history  .dataTables_filter label,
.membership_booking_history  .dataTables_filter label {
    display: flex;
    align-items: center;
    margin-left: auto;
}
.cncr_booking_history  .dataTables_filter .form-control,
.ed_booking_history  .dataTables_filter .form-control,
.ocp_booking_history  .dataTables_filter .form-control,
.membership_booking_history  .dataTables_filter .form-control {
    margin-left: 0.5em;
    display: inline-block;
    width: auto;
}
.cncr_booking_history .dataTables_paginate,
.ed_booking_history .dataTables_paginate,
.ocp_booking_history .dataTables_paginate,
.membership_booking_history .dataTables_paginate {
    display: flex;
}
.cncr_booking_history .dataTables_paginate .pagination,
.ed_booking_history .dataTables_paginate .pagination,
.ocp_booking_history .dataTables_paginate .pagination,
.membership_booking_history .dataTables_paginate .pagination {
    margin-left: auto;
}
@media only screen and (max-width: 767px) {
    .cncr_booking_history .dataTables_length label,
    .ed_booking_history .dataTables_length label,
    .ocp_booking_history .dataTables_length label,
    .membership_booking_history .dataTables_length label {
        display: block;
        text-align: center;
    }
    .cncr_booking_history  .dataTables_filter label,
    .ed_booking_history .dataTables_filter label,
    .ocp_booking_history .dataTables_filter label,
    .membership_booking_history .dataTables_filter label{
        display: block;
    }
    .cncr_booking_history  .dataTables_filter label,
    .ed_booking_history .dataTables_filter label,
    .ocp_booking_history .dataTables_filter label,
    .membership_booking_history .dataTables_filter label {
        align-items: center;
        margin-left:0;
        justify-content: center;
    }
    div.dataTables_wrapper div.dataTables_info {
        text-align: center;
    }
}
.bg-info {
    background-color: #17a2b8 !important;
}
.table.no-padding:not(caption)>*>* {
    padding: 0rem;
}
.table.table-padding>:not(caption)>*>* {
    padding: .75rem .75rem;
}
.min-width {
    min-width: 28px;
}
.min-width .form-check-input {
    text-align: center;
    float: none;
    position: absolute;
    left: 50%;
    top: 1rem;
    transform: translateX(-50%);
    width: 20px;
    height: 20px;
    margin: 0 !important;
}
.cncr_booking_history .table>:not(caption)>*>*,
.ed_booking_history .table>:not(caption)>*>*,
.ocp_booking_history .table>:not(caption)>*>*,
.membership_booking_history .table>:not(caption)>*>* {
    padding: .75rem .75rem;
}
div.dataTables_wrapper div.dataTables_info {
    padding-top: 0.85em;
    white-space: nowrap;
}

.eb-personal-info label p,
.col-md-5.end_points.position-relative.px-3 p  {
    display: inline;
}
.tooltip-inner {
    background-color: #68246d;
    color: #fff;
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem;
}
.review-tabs .nav-link:focus, 
.review-tabs .nav-link:hover {
    color: #ffffff;
}
/*Carousel*/
.carousel-indicators li::before,
.carousel-indicators li::after {
    position: absolute;
    top: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: "";
}
.carousel-control-next-icon {
    background:url("/img/next-icon.svg") no-repeat center;
}
.carousel-control-prev-icon {
    background:url("/img/prev-icon.svg") no-repeat center;
}
/**/
.card.custom-card-list .card-body {
    padding: 1.25rem;
}
.form-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}