.btn-primary:disabled {
    color: #fff;
    background-color: #c3c3c3;
    border-color: #919191;
}

.subBtn {
    border-radius: 5px;
    border-color: #919191;
    background-color: white;
    color: #212529;
}

#separator20px {
    height: 20px;
}

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

.bcRed {
    border-color: #dc3545 !important;
}

.loginBackGround {
    background-color: rgb(151 151 151 / 55%);
    width: 100%;
    position: absolute;
    height: 100vh;
    left: 0;
    top: 0;
}

input[type="checkbox"] {
    accent-color: #1b6ec2;
}

.loginDialog {
    height: 100vh;
    top: 0;
    right: 0;
    padding-top: 20px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    position: absolute;
    z-index: 1000;
    padding: .5rem 0;
    background-color: #fff;
    border: 1px solid rgb(0 0 0 / 37%);
    border-radius: 5px;
    overflow-y: auto; /* Enables vertical scrolling */
}

.Zoom {
    transition: transform .2s;
}

    .Zoom:hover {
        -ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari 3-8 */
    transform: scale(1.1);
}

.custom-file-input {
    border: #7F20D2 dashed 1px;
}
    .custom-file-input:hover {
        transform: scale(1.1);
    }


form input {
    font-size: 20px !important;
    padding: 10px !important;
}

    form input[type=checkbox] {
        transform: scale(2.5);
        margin-left: 30px;
    }

form select {
    font-size: 20px !important;
    padding: 10px !important;
}

select.form-control {
    -webkit-appearance: listbox;
    padding-top: 13px !important;
    padding-bottom: 13px !important;
    padding-left: 5px !important;
}

.formInputFieldLabel {
    /*font-size: x-small;*/
    font-size: small;
    z-index: 1;
    padding-top: 1px;
    padding-left: 6px;
    float:left !important;
}


.hon { /*honig*/
    opacity: 0;
    position: absolute;
    bottom: 0;/*top: 0;*/
    left: 0;/*right: 0; *//*left: 0;*/
    height: 0;
    width: 0;
    z-index: -1;
}

.loadingImage {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 600px;
    max-height: 150px;
    overflow: auto;
    display: flex;
    align-items: center;
    flex-direction: column;

    margin-top: 300px;
}

.centered-horizontally{
    justify-content: center;
}

@media (max-width: 600px) {
    .loading-text {
        display: none;
    }

    .loadingImage {
        display: block;
        margin-left: 40%;
    }
    form input[type=checkbox] {
        transform: scale(1.25);
    }

}

.surpressValid {
    outline: none !important;
}


body{
    /*background-color: #ebebeb;*/
    background-color: white;
    padding-top: 96px; /*always same as navbar height*/
}




footer {
    width: 100%;
    background-color: white;
    /*border-top: 1px solid;*/
/*    border-color: rgba(0,0,0, .075);*/
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    bottom: 0;
    position: absolute;
}
    .poweredText {
        font-size: 13px;
        color: lightgrey;
        margin-right: 20px;
    }

.prevent-select {
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}


.navBarItemSmallHidden {
    display: block;
}

.navBarItemSmallShow {
    display: none;
}


.display-block {
    display: block;
}

.display-none {
    display: none;
}

.responsiveCard {
    border-radius: 2px;
}

.Grid_ClickableRow {
}

    .Grid_ClickableRow:hover {
        background-color: rgb(217, 236, 255) !important;
        cursor: pointer;
    }



.Grid_RowEven {
    background-color: whitesmoke;
}

.Grid_RowOdd {
    background-color: white;
}


.Grid_Row_Red_Odd {
    background-color: rgb(255, 173, 173);
}

.Grid_Row_Red_Even {
    background-color: rgb(255, 155, 155);
}

.dynamicRowOverflow {
    width: unset;
    margin-left: calc(-.5* var(--bs-gutter-x));
}

@media(max-width:433px) {
    .dynamicRowOverflow {
        width: 140%;
        margin-left: -20%;
    }
}

.Disabled {
    pointer-events: none;
    opacity: 0.60;
}

.dropdown-divider{
    margin:3px;
}

.dropdown-item{
    padding-left: 5px;
    padding-right: 5px;
}



.hiddenOnMobile {
    display: block;
}

.removeArticlePadding {
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important;

    margin-bottom: -20px;
}

.removeArticleMargin {
    margin-bottom: -20px;
}



.removeContentTopPadding {
    margin-top: -1.1rem;
}



@media (min-width: 641px)  {
    .removeArticlePadding {
        margin-left: -2rem !important;
        margin-right: -1.5rem !important;
    }
}

@media(max-width:991px) { /*Hamburger Icon visible*/

    body {
        background-color: white;
        padding-top: 56px; /*always same as navbar height - 25px*/
    }

 

    .navBarItemSmallHidden {
        display: none;
    }

    .navBarItemSmallShow {
        display: block;
    }

    .hiddenOnMobile {
        display: none;
    }


    .responsiveCard {
        border: none !important;
        box-shadow: none !important;
    }

    .responsiveCardBody {
        background-color: white !important;
        padding: 2px 2px 2px 2px !important;
    }


    footer {
        font-size: 12px;
    }

    .poweredText {
        font-size: 10px;
    }
}

@media(max-width:991px) {
    .container-fluid .navbar-collapse .navbar-nav .nav-item {
        padding-top: 0px !important;
    }
    .container-fluid .navbar-collapse .navbar-nav .nav-item {
        padding-bottom: 0px !important;
    }

    .nav-link{
        height: 45px !important;
    }
}

    @media(min-width:992px) {
        .dropdown-menu {
            left: 50% !important;
            transform: translate(-50%, 0);
            width:400px;
        }

        .removeArticlePadding {
            margin-top: -1.1rem !important;
        }
    }
@media print{
    .noPrint{
        display: none !important;
    }
}


@media(max-width:430px) {
    .loginDialog {
        width: 100%;
    }
}

/*
.hiddenUnder1734 {
    display: none;
}
.showUnder1734 {
    display: block;
}

@media(min-width:1734px) {
    .hiddenUnder1734{
        display: block;
    }
    .showUnder1734 {
        display: none;
    }
}*/



/*from ModBookingManagement*/

.btn:focus, .btn:active {
    outline: none !important;
    box-shadow: none;
}

.ctrlButton:hover {
    color: black !important;
    background-color: #ebebeb !important;
}

.ctrlButton:active {
    background-color: #d9d9d9 !important;
}


.cancelBtn {
    color: var () !important;
}

    .cancelBtn:hover {
        color: black !important;
        background-color: #ebebeb !important;
    }

    .cancelBtn:active {
        background-color: #d9d9d9 !important;
    }

#ModBookingManagement_MudDateRangePicker .mud-picker-container.mud-paper-square {
    border: initial;
}

#ModBookingManagement_MudDateRangePicker .mud-toolbar.mud-toolbar-gutters.mud-picker-toolbar.mud-theme-primary.mud-picker-datepicker-toolbar {
    height: initial;
}

#ModBookingManagement_MudDateRangePicker .mud-button-root.mud-button.mud-button-text.mud-button-text-inherit.mud-button-text-size-medium.mud-ripple.mud-button-year {
    position: initial;
    left: initial;
    font-size: initial; /*2.125rem;*/
}

#ModBookingManagement_MudDateRangePicker.mud-button-root.mud-button.mud-button-text.mud-button-text-inherit.mud-button-text-size-medium.mud-ripple.mud-button-date {
    font-size: initial;
}

#ModBookingManagement_MudDateRangePicker .margin-div {
    margin-right: initial;
}



@media (min-width: 768px) {
    .edit-form-custom {
        flex-direction: row;
    }
}

@media (max-width: 767px) {
    .edit-form-custom {
        flex-direction: column;
        align-items: flex-start;
    }
}

/*form ModPlausch*/
.ModPlausch_ClickableRow {
}

    .ModPlausch_ClickableRow:hover {
        background-color: rgb(217, 236, 255) !important;
        cursor: pointer;
    }

.ModPlausch_RowEven {
    background-color: whitesmoke;
}

.ModPlausch_RowOdd {
    background-color: white;
}


/*Red colored backgrounds*/
.ModPlausch_BackgroundRedGradient {
    background: linear-gradient(to bottom, rgb(255, 217, 217) 0%, rgb(255, 200, 200) 100%)
}


.ModPlausch_RowRedOdd {
    background-color: rgb(255, 173, 173);
}

.ModPlausch_RowRedEven {
    background-color: rgb(255, 155, 155);
}


/*Yellow colored backgrounds*/
.ModPlausch_BackgroundYellowGradient {
    background: linear-gradient(to bottom, rgb(255, 252, 214) 0%, rgb(255, 250, 196) 100%)
}


.ModPlausch_RowYellowOdd {
    background-color: rgb(255, 244, 189);
}

.ModPlausch_RowYellowEven {
    background-color: rgb(255, 240, 170);
}


/*Green colored backgrounds*/
.ModPlausch_BackgroundGreenGradient {
    background: linear-gradient(to bottom, rgb(217,255,217) 0%, rgb(200, 255, 200) 100%)
}


.ModPlausch_RowGreenOdd {
    background-color: rgb(173,255,173);
}

.ModPlausch_RowGreenEven {
    background-color: rgb(155, 255, 155);
}

/*Workaround: DxGrid: Vertikale Scrollbar wird angezeigt, obwohl nur minim zu wenig Platz vorhanden*/
#ModPlausch_EventInstructorGrid .dxbs-scroll-viewer-vert-scroll-bar {
    display: none;
}

#ModPlausch_EventInstructorGrid .dxbs-scroll-viewer-content {
    overflow-y: hidden;
}

.ModPlausch_Zoom {
    transition: transform .2s;
}

    .ModPlausch_Zoom:hover {
        -ms-transform: scale(1.1); /* IE 9 */
        -webkit-transform: scale(1.1); /* Safari 3-8 */
        transform: scale(1.1);
    }

/*from ModAuthentication*/
.ModAuthentication_ClickableRow {
}

    .ModAuthentication_ClickableRow:hover {
        background-color: rgb(217, 236, 255) !important;
        cursor: pointer;
    }

.ModAuthentication_RowEven {
    background-color: whitesmoke;
}

.ModAuthentication_RowOdd {
    background-color: white;
}



/*Workaround: DxGrid: Vertikale Scrollbar wird angezeigt, obwohl nur minim zu wenig Platz vorhanden*/
#ModAuthentication_AccountsGrid .dxbs-scroll-viewer-vert-scroll-bar {
    display: none;
}

#ModAuthentication_AccountsGrid .dxbs-scroll-viewer-content {
    overflow-y: hidden;
}

/*from ModBookingBase*/
#ModBookingBase_MudDateRangePicker .mud-picker-container.mud-paper-square {
    border: initial;
}

#ModBookingBase_MudDateRangePicker .mud-toolbar.mud-toolbar-gutters.mud-picker-toolbar.mud-theme-primary.mud-picker-datepicker-toolbar {
    height: initial;
}

#ModBookingBase_MudDateRangePicker .mud-button-root.mud-button.mud-button-text.mud-button-text-inherit.mud-button-text-size-medium.mud-ripple.mud-button-year {
    position: initial;
    left: initial;
    font-size: initial; /*2.125rem;*/
}

#ModBookingBase_MudDateRangePicker.mud-button-root.mud-button.mud-button-text.mud-button-text-inherit.mud-button-text-size-medium.mud-ripple.mud-button-date {
    font-size: initial;
}

#ModBookingBase_MudDateRangePicker .margin-div {
    margin-right: initial;
}


/*from ModOrder*/
#ModOrder_CartEntriesGrid {
    margin-left: unset;
    margin-right: unset;
    width: 100%
}

.mud-picker-container.mud-paper-square {
    border: 1px solid #D9D9D9;
}

.mud-toolbar.mud-toolbar-gutters.mud-picker-toolbar.mud-theme-primary.mud-picker-datepicker-toolbar {
    height: 50px;
}

.mud-button-root.mud-button.mud-button-text.mud-button-text-inherit.mud-button-text-size-medium.mud-ripple.mud-button-year {
    position: absolute;
    left: 70%;
    font-size: x-large; /*2.125rem;*/
}

.mud-button-root.mud-button.mud-button-text.mud-button-text-inherit.mud-button-text-size-medium.mud-ripple.mud-button-date {
    font-size: x-large;
}

#termsNConditionsCB_Cart_Desk {
    transform: scale(1.6);
    /*margin-left: -100%;*/
    margin-left: unset;
}


#ModOrder_CartEntriesGrid .dxbl-align-right {
    overflow: visible;
}

#ModOrder_CartEntriesGrid div[dxbl-grid-summary-item] {
    margin-right: -15%;
    margin-left: 15%;
    min-width: 140px;
}

.ModOrder_DynamicOverflowLeft {
    margin-left: 0px;
}

@media(max-width:1693px) {
    #termsNConditionsCB_Cart_Desk {
        margin-left: 0px;
    }
}

@media(max-width:395px) {
    #ModOrder_CartEntriesGrid {
        margin-left: -20px;
        margin-right: -20px;
        width: 112%
    }

    .ModOrder_DynamicOverflowLeft {
        margin-left: -20px;
    }
}

@media(max-width:360px) {
    #ModOrder_CartEntriesGrid div[dxbl-grid-summary-item] {
        min-width: 130px;
    }
}