.modal-backdrop {
    z-index: 1039;
    width: 100%;
    height: 1000% !important;
}

.badge.badge-warning {
    color: #212529;
    background-color: #ffc107;
    font-size: 10px;
}

.badge.badge-info {
    color: #fff;
    background-color: #17a2b8;
    font-size: 10px;
}

.dropdown-menu {
    padding: 5px;
}

.changed_date.btn, td.changed_date {
    border-color: red !important;
    border:1px solid red !important;
}

#dropdownMenuSmallScreenContent .btn {
    width: 100%;
    margin-bottom: 5px;
    display: inline-block;
}

#dropdownMenuSmallScreenContent {
    left: -64px;
    margin-top: 10px;
}

#area_bb {
    margin-bottom: 5px;
    display: inline-block;
}

.areas_select .span {
    margin-bottom: 4px;
}

#areaMenuDropDown {
    left: -78px;
    margin-top: 23px;
    width: 100%
}

.wsyDominionProductMenu {
    width: auto !important;
}

.wsyDominionProductMenu .btn-circle {
    width: 35px !important;
    float: right;
}

.settings textarea {
    height: 90px;
}

.input-group-addon img {
    height: 16px;
}

.not_today {
    background-color: #efa9a9 !important;
}

.alarm {
    background-color: #fb4747 !important;
}

.css_class-green, .green {
    background-color: #5cb85c !important;
    border-radius: 2px !important;
    padding: 2px !important;
    color: white !important;
}

.css_class-yellow, .yellow {
    background-color: #d9534f !important;
    border-radius: 2px !important;
    padding: 2px !important;
    color: white !important;
}

.css_class-red, .red {
    background-color: #f0ad4e !important;
    border-radius: 2px !important;
    padding: 2px !important;
    color: white !important;
}

#new_div {
    display: none;
}

.alert h3 {
    margin-top: 0;
}

.navbar.navbar-fixed-bottom {
    min-height: 25px;
    padding-top: 4px;
}

.navbar.navbar-fixed-bottom .container {
    padding-top: 0px;
}

body {
    padding-bottom: 25px;
}

.booking_buttons .btn {
    width: 32%;
    margin-bottom: 5px;
}

.inline {
    display: inline-block;
}

.print_only {
    display: none;
}

@media print {
    .print_only {
        display: inline-block;
    }

    .no_print {
        display: none;
    }
}

.nowrap {
    white-space: nowrap;
}



.btn-default {
    background-color: #f1f0f0;
}

/*
.modal-backdrop{
	bottom:0;
	z-index:1030;
	position:fixed;	
}
#bigModal iframe, #bigModal .modal-content, #bigModal .modal-body{
	width:100%;
	height:100%;
}
*/
.navbar.navbar-inverse.navbar-static-top {
    margin-bottom: 0;
    position: fixed;
    height: 90px;
    width: 100%;
}

.container-fluid {
    padding-top: 90px;
}

.copy_page_question_selectpicker {    padding: 6px 12px;}

.form-control-sm {
    height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem !important;
    font-size: .875rem !important;
    line-height: 1.5;
    border-radius: .2rem;}

@media only screen and (max-width: 800px) {
    .container-fluid {
        padding-top: 0px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .bs-searchbox>input {
        font-size: 18px;
    }
    
}

.container {
    /* width:100%;*/
    padding-top: 90px;
    /*-webkit-transition: padding-right 0.2s ease-in-out;
    -moz-transition: padding-right 0.2s ease-in-out;
    -o-transition: padding-right 0.2s ease-in-out;
    transition: padding-right 0.2s ease-in-out;*/
}

.area {
    padding: 3px;
    margin-bottom: 0;
}

.endtime_accepted {
    padding: 3px;
}

.icon {
    font-size: 18px;
    margin: 0 2px 0 2px;
}

#main_content, #sidebar {
    padding-top: 13px;
}

#sidebar {
    z-index: 1005 !important;
    display: none;
    position: fixed;
    top: 90px;
/*    height: 100%;*/
    bottom:40px;

    right: 0px;
    width: 0px;
    /* overflow:hidden; */
    background-color: #e2e2e2;
    z-index: 900;
    /*padding-bottom: 120px;*/
    /*-webkit-transition: width 0.2s ease-in-out;
    -moz-transition: width 0.2s ease-in-out;
    -o-transition: width 0.2s ease-in-out;
    transition: width 0.2s ease-in-out;*/
    padding-left: 0;
    padding-right: 0;
    display: none;
}

#sidebar.visible {
    width: 400px;
    padding-left: 10px;
    padding-right: 10px;
    display: block;
}

#sidebar .content {
    overflow-y: auto;
    height: 100%;
    width: 100%;
}

#sidebar .nav-tabs>li.active>a, #sidebar .nav-tabs>li.active>a:hover, #sidebar .nav-tabs>li.active>a:focus {
    background-color: #eee;
}

#sidebar .tab-content {
    background-color: #eee;
}

@media only screen and (max-width: 1000px) {
    #sidebar.visible {
        position: fixed;
        width: 100%;
        left: 0;
        top: 0;
        padding-bottom: 0;
    }
}

.wsyDominionProductMenu .dropdown-menu {
    z-index: 1010;
}


.loading-icon {
    font-size: 40px;
}

.gold {
    color: #D9A441;
}

.silver {
    color: #A8A8A8;
}

.bronze {
    color: #965A38;
}

.color-success {
    color: #3c763d;
}

.color-danger {
    color: #a94442;
}

.color-danger {
    color: #8a6d3b;
}

.input-group-addon {
    padding: 5px 12px;
}

/* bordplans css */
#table_grid_div {
    width: 100%;
    height: 100%;
    position: relative;
}

#table_grid_div>div {
    margin-bottom: 30px;
}

#table_grid_div div.table_type_1, #table_grid_div div.table_type_2, #table_grid_div div.table_type_3 {
    background: none;
    overflow: hidden;
}

.table_type_1.ui-widget-content, .table_type_2.ui-widget-content, .table_type_3.ui-widget-content {
    border: 2px solid #000;
    overflow-y: hidden;
}

.table_type_2 .table_no, .table_type_1 .table_no, .table_type_3 .table_no {
    height: 100%;
    width: 100%;
    /* display: table-cell; */
    vertical-align: top;
    text-align: center;
    font-size: 13px;
    overflow: hidden;
    display: block;
}

.dynamicTableTableNo {
    font-size: 15px;
    display: inline-block;
    height: 60%;
    width: 100%;
    vertical-align: middle;
    border-bottom: 1px solid black;
}

.dynamicTableTableNo a {
    font-size: 9px;
    color: #000;
    display: inline-block;
}

.dynamicTableTableNo a.btn {
    font-size: 11px;
    display: inline-block;
    color: #fff;
}

.nextBooking {
    font-size: 18px;
    color: #000;
    float: left;
    font-weight: normal;
    display: inline-block;
    width: 50%;
    height: 50%;
    /*padding-top: 6%;*/
    padding-top: 0;
}

.current_booking {
    float: right;
    width: 50%;
    height: 100%;
    font-weight: normal;
    font-size: 9px;
    display: inline-block;
}

.current_booking div {
    padding-top: 6%;
    width: 100%;
    border-left: 1px solid black;
    height: 100%;
}

.pax {
    float: right;
    width: 50%;
    height: 100%;
    font-weight: normal;
    font-size: 9px;
    padding-top: 6%;
}

.pax div {
    padding-top: 6%;
    width: 100%;
    border-left: 1px solid black;
    height: 100%;
}

.table_type_3 {
    position: relative;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    border: 2px solid #000;
    text-align: center;
    font-weight: bold;
}

.dots {
    max-width: 100px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.table-condensed {
    white-space: nowrap;
}

.table-condensed td {
    padding-left: 2px;
    padding-right: 2px;
}

.td_checks img, .icon_image, .lang_col img {
    vertical-align: top;
    height: 17px;
    border: 1px solid #555;
    background-color: #dad8d8;
    border-radius: 2px;
    margin-right: 2px;
}

.lang_col {
    margin-bottom: 5px;
    margin-top: 5px;
}

/* Bordplan slut */


.fa-question-circle {
    color: #000;
    font-size: 14px;
    margin-left: 5px;
}

.navbar-form {
    border: 0;
    box-shadow: none;
}

.datepicker table tr td.today {
    color: #fff !important;
    background-color: #d2d2d2 !important;
    ;
    border-color: #4cae4c !important;
    ;
}

.datepicker table tr td.active.active.active {
    color: inherit;
    background-color: inherit;
    border-color: inherit;
}

.timepicker {
    min-width: 120px;
}

@media (max-width: 1000px) {
    .remove_under_1000px {
        display: none !important;
    }

    .navbar-static-top {
        position: absolute !important;
    }
}

@media (max-width: 451px) {
    .remove_under_451px {
        display: none !important;
    }
}

@media (min-width: 451px) {
    .remove_over_451px {
        display: none !important;
    }
}

@media (max-width: 991px) {
    .btn-circle {
        margin-top: 2px !important;
        margin-bottom: 2px !important;
        height: 26px !important;
        font-size: 16px !important;
    }

    .navbar-form.wsy-top-menu {
        margin-top: 2px;
        margin-bottom: 2px;
    }

    .navbar-brand {
        float: left;
        padding: 0;
        height: 32px;
        padding-top: 8px;
        padding-left: 15px;
    }

    .navbar-brand img {
        /* Skalering af logo */
        margin-top: -4px !important;
        height: 100%;
    }
    .navbar-brand .package_name{
        display:none;
    }
}

@media (max-width: 788px) {
    .remove_under_788px {
        display: none !important;
    }

    .modal-content {
        overflow-x: scroll;
    }

    .max_pers, .min_pers, .booking_length, .table_area, .show_endtime {
        display: none;
    }

    .daysettab a {
        padding: 5px 10px !important;
    }

    .mobile_friendly_save_btn {
        float: none !important;
        margin-bottom: 10px;
    }

    .daysettings_heading {
        font-size: 18px;
    }

    .blockedtimeslist {
        float: left;
    }
}


#big_comment {

    height: 100%;
    width: 200px;
    position: absolute;
    background-color: black;
    z-index: 1000;
}

.boxSearchName .btn {
    background-color: white !important;
}

.boxSearchName {
    width: 100% !important;
    display: none;
    top: -45px;
}

.boxSearchName button {
    display: none;
}

.bootstrap-select.boxSearchName {
    display: block !important;
}

@media (max-width: 767px) {
    .remove_under_768px {
        display: none !important;
    }

    .dominion_menu.btn-circle div {
        border-radius: 100% !important;
        height: 32px !important;
    }
}

@media (min-width: 768px) {
    .remove_over_768px {
        display: none !important;
    }

}

@media (max-width: 799px) {
    .remove_under_800px {
        display: none !important;
    }

    .bootstrap-select>.btn span {
        font-size: 15px;
    }

    .mobile-header-menu>.bootstrap-select {
        top: -5px;
    }

    .mobile-header-menu > .select2-container {width:180px;}
    
}

@media (min-width: 799px) {
    .remove_over_800px {
        display: none !important;
    }

}

@media (max-width: 420px) {
    .mobile-header-menu .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        width: 130px;
    }
}

@media (max-width: 768px) {
    .navbar-form.wsy-top-menu {
        float: left !important;
    }

    .dropdown-menu-settings {
        left: 0;
        min-width: 190px;
    }
}

.modal-backdrop.fade.in {
    width: 100%;
    height: 100%;
}

.show_on_mobile {
    display: none;
}

@media (max-width: 1200px) {
    .show_on_mobile {
        display: inline;
    }

    .hide_on_mobile {
        display: none;
    }
}

.quick_start.not_answered {
    background-color: #E83B3B;
    padding: 5px;
    border-radius: 4px;
    color: #fff;
}

.daysettingform-control {
    height: auto;
}



/* nav-menu */

.a_link.newNav {
    padding-top: 7px;
    text-decoration: none;
    color: #1E1E23 !important;
    opacity: 1;
    font-family: 'arial', arial;
    font-size: 1.5em;
    font-weight: 400;
    transition: 200ms;
    list-style-type: none;
}

.remove_a_color {
    color: #1E1E23;
    text-decoration: none;
}

.remove_a_color:hover {
    color: #1E1E23;
    /* text-decoration:none; 
	cursor:pointer;   */
}

div.newNav {
    padding: 0;
    list-style-type: none;

}



.newNav.container {
    margin-top: 50px;
    Display: flex;
    justify-content: center;
    align-items: center;
}

.newNav.content {
    border: 1px solid #36383F;
    border-radius: 20px;
    width: 94%;
    height: 91%;
    background-color: #F5F6FA;
    overflow: hidden;
}

nav.newNav {
    background-color: #1E1E23;
    height: 65px;
}


#menuToggle {

    z-index: 100 !important;
    display: flex;
    flex-direction: column;
    position: relative;
    top: 25px;
    left: 25px;
    max-width: 50px;
    -webkit-user-select: none;
    user-select: none;
}

.mobilemenuCheckBox {
    display: flex;
    width: 40px;
    height: 32px;
    position: absolute;
    cursor: pointer;
    opacity: 0;
    z-index: 2;
}

#menuToggle>span {
    display: flex;
    width: 29px;
    height: 2px;
    margin-bottom: 5px;
    position: relative;
    background: #ffffff;
    border-radius: 3px;
    z-index: 1;
    transform-origin: 5px 0px;
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
        background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
        opacity 0.55s ease;
}

#menuToggle span:first-child {
    transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2) {
    transform-origin: 0% 100%;
}

#menuToggle input:checked~span {
    opacity: 1;
    transform: rotate(45deg) translate(-3px, -1px);
    background: #ffffff;
}

#menuToggle input:checked~span:nth-last-child(3) {
    opacity: 0;
    transform: rotate(0deg) scale(0.2, 0.2);
}

#menuToggle input:checked~span:nth-last-child(2) {
    transform: rotate(-45deg) translate(0, -1px);
}

#menu {
    position: absolute;
    /* width: 94%; */
    z-index: 1500000000 !important;
    margin-top: 40px !important;
    max-width: 400px;
    box-shadow: 0 0 10px #85888C;
    margin: -50px 0 0 -50px;
    padding-right: 100px;
    padding-bottom: 50px;
    padding-left: 25px;
    padding-top: -40px;
    background-color: #F5F6FA;
    -webkit-font-smoothing: Arial;
    transform-origin: 0% 0%;
    transform: translate(-100%, 0);
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
}

#calendar_scroller {
    z-index: 0;
    overflow-x: scroll;
}

.month_table td {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;

}



.tableIndex5 .dropdown .areas_select {
    left: -10px;
}

.tableIndex6 .dropdown .areas_select {
    left: -65px;
}

.tableIndex7 .dropdown .areas_select {
    left: -120px;
}

.calender_day p {
    margin-bottom: 0px;
}

.area_select_month {
    top: 25px;
}

.dropDownMenuMonth {
    padding: 0px;
}

@media (min-width: 410px) {
    .calender_day button {
        width: 40px;
        text-align: center;
        padding-right: auto;
        padding-left: auto;
        background-color: transparent;
        display: block;
        margin: auto;
        margin-bottom: 4px;
    }

    .tableIndex5 .dropdown .areas_select {
        left: -10px;
        top: 25px;
    }

    .tableIndex6 .dropdown .areas_select {
        top: 25px;
        left: -65px;
    }

    .tableIndex7 .dropdown .areas_select {
        top: 25px;
        left: -120px;
    }
}

@media (max-width: 410px) {
    .calender_day button {
        width: 32px;
        text-align: center;
        background-color: transparent;
        margin-bottom: 4px;
    }
}

#mobileMenuOverlay {

    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.0);
    z-index: 1;
    cursor: pointer;
}

/* #menu li
{
padding: 10px 0;
transition-delay: 2s;
} */

#menuToggle input:checked~div {
    transform: none;
}

/* nav-menu */


.float-left {
    float: left;
}

.more-btn-day_header {
    margin-left: 10px;
}

.bookingTables td {
    font-size: 20px;
}

.bookingTables td:nth-child(2) {
    font-size: 15px;

    ;
}

.area_button {
    margin-top: 4px;
    margin-bottom: 4px;
}

@media (max-width: 768px) {
    .day_header_top {
        margin-bottom: 10px;
    }

    .table_group {
        width: 100%;
    }

    .grouped_tables {
        width: 100% !important;
    }

    .mobile_search_btn_list {
        width: 37px;
        height: 37px;
        font-size: 20px;

    }

    .reset_btn_plan_list {
        height: 37px;
        font-size: 16px;

    }

    #dropdownMenuGrafs span {
        width: 100%;
        margin-top: 4px;
    }

    #dropdownMenuGrafs {
        left: 32vw;
        top: auto;
    }

    #areaDropDownTime span {
        margin-bottom: 5px;
    }

}

@media (max-width:320px) {
    #dropdownMenuGrafs {
        left: 17vw;
        top: auto;
    }
}

@media (max-width:375px) {
    #dropdownMenuGrafs {
        left: 21vw;
        top: auto;
    }
}

@media (max-width:425px) {
    #dropdownMenuGrafs {
        left: 24.5vw;
        top: auto;
    }

}


@media (min-width: 768px) {


    .day_header_bottom {
        margin-top: 5px
    }

    .area_button {
        margin-top: 4px;
        margin-bottom: 4px;
    }
}

/* comment box sidebar popup */

@media (min-width:768px) {
    .comment_TextBox {
        position: absolute;
        left: -410px;
        top: 1px;
        /* bottom: 821px; */
        width: 400px;
        /* height: auto; */
        background-color: #e2e2e2;
        padding: 15px;
        padding-top: 25px;

    }

    #comment {
        max-height: 81vh;
    }
}

@media (min-width:999px) {
    .remove_over_1000px {
        display: none;
    }
}

#table_dropdown {
    overflow: auto;
    width: 100%;
    margin-bottom: 50px;
}

.nav_tabs_lang {
    border-bottom-width: 0px;
    margin-left: 5px;
    margin-right: 5px;
}

.lang_text_box {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
    min-height:100px;
}

.lang_text_box:focus {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
}

.nav_tabs_lang>li.active>a, .nav_tabs_lang>li.active>a:hover, .nav_tabs_lang>li.active>a:focus {
    border: 1px solid #ccc;
    border-bottom-color: transparent;
}

ul.ks-cboxtags li {
    display: inline;
}

.ks-cboxtags {
    padding-left: 0px;
}

ul.ks-cboxtags li label {
    display: inline-block;
    background-color: rgba(255, 255, 255, .9);
    border: 2px solid rgba(139, 139, 139, .3);
    border-radius: 4px;

    color: rgb(100, 100, 100);
    ;
    white-space: nowrap;
    margin: 0px 0px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    transition: all .2s;
}

ul.ks-cboxtags li label {
    padding: 7px 5px;
    cursor: pointer;
}

ul.ks-cboxtags li label::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: 900;
    padding: 2px 4px 2px 2px;
    width: 18px;
    content: "\f067";
    transition: transform .3s ease-in-out;
}

ul.ks-cboxtags li input[type="checkbox"]:checked+label::before {
    width: 18px;
    content: "\f00c";
    transition: transform .3s ease-in-out;
}

ul.ks-cboxtags li input[type="checkbox"]:checked+label {
    border: 2px solid darkgray;
    background-color: #337ab7;
    color: #fff;
    transition: all .2s;
}

ul.ks-cboxtags li input[type="checkbox"] {
    display: absolute;
}

ul.ks-cboxtags li input[type="checkbox"] {
    position: absolute;
    opacity: 0;
}

ul.ks-cboxtags li input[type="checkbox"]:focus+label {
    border: 2px solid darkgray;
}

.cboxtag_Inline {
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.cboxtag_blocked_times {
    display: inline;
    margin-bottom: 0px !important;
}

ul.cboxtag_blocked_times li label {
    padding: 3px 38px;
    cursor: pointer;
}

ul.cboxtag_Inline li label {
    padding: 3px 5px;
    cursor: pointer;
}

ul.cboxtag_Inline li label {
    display: inline-block;
    background-color: rgba(255, 255, 255);
    border: 2px solid rgba(139, 139, 139, .3);
    border-radius: 0px;

    color: rgba(90, 90, 90);
    white-space: nowrap;
    margin: 0px 0px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    transition: all .2s;
}

ul.end_time_accepted li label::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: 900;
    padding: 2px 4px 2px 2px;
    width: 18px;
    content: "\f096";
    transition: transform .3s ease-in-out;
}

#toast-container>div {
    opacity: 1;
}

.subtextBlockedStartTimes {
    height: 40px;
}

.blockedtimeslist_left_btn {
    padding-left: 40px;
}

.blockedtimeslist_top_btn {
    padding-left: 2%;
    padding-right: 2%;
}

ul.blockedtimeslist_left_btn li label {
    background-color: ghostwhite;
}

ul.blockedtimeslist_top_btn li label {
    background-color: ghostwhite;
}

ul.blockedtimeslist_top_btn li input[type="checkbox"]:checked+label::before {
    content: "\f063";
}

ul.blockedtimeslist_left_btn li input[type="checkbox"]:checked+label::before {
    content: "\f061";
}


@media (min-width:1000px) {
    .modal-lg.selectBlockedTimesModal {
        max-width: 80%;
    }

    #dayTableSettingsModal {
        overflow-y: scroll;
    }
}

@media(max-width:1000px) {

    .modal-lg.selectBlockedTimesModal {
        width: 97% !important;
    }

    .col-md-3.cboxtag_blocked_times {
        width: 25% !important;
    }

    .col-md-2.cboxtag_blocked_times {
        width: 16.66666667% !important;
    }

    .col-md-1.cboxtag_blocked_times, .col-md-2.cboxtag_blocked_times, .col-md-3.cboxtag_blocked_times, .col-md-4.cboxtag_blocked_times, .col-md-5.cboxtag_blocked_times, .col-md-6.cboxtag_blocked_times, .col-md-7.cboxtag_blocked_times, .col-md-8.cboxtag_blocked_times, .col-md-9.cboxtag_blocked_times, .col-md-10.cboxtag_blocked_times, .col-md-11.cboxtag_blocked_times, .col-md-12.cboxtag_blocked_times {
        float: left;
    }

    ul.cboxtag_blocked_times li label {
        padding: 2.5% 5%;
        cursor: pointer;
    }

}

@media(max-width:928px) {
    ul.cboxtag_blocked_times li label {
        padding: 2.5% 14%;
        cursor: pointer;
    }

    .blockedtimeslist_left_btn {
        padding-left: 8%;
    }
}

@media(max-width:600px) {
    .cboxtag_blocked_times {
        padding: 0px;
    }

    .blockedtimeslist_left_btn {
        padding-left: 5px;
    }
}

@media(max-width:400px) {
    .cboxtag_blocked_times {
        padding: 0px;
    }

    .blockedtimeslist_left_btn {
        padding-left: 5px;
    }

    .col-md-3.cboxtag_blocked_times {
        width: 17% !important;
    }

    .col-md-2.cboxtag_blocked_times {
        width: 20.666667% !important;
    }
}

.toast-top-right {
    top: 100px;
}

ul.adminCboxtags li label {
    padding: 7px 7px;
    margin-left: 1%;
    margin-right: auto;
    width: 23%;
    min-width: 115px;
    font-size:12px;
}

#dateForUseChecked {
    padding: 7px 9px;
}


@media (min-width:1000px) {
    .editBookingOptionModal {
        max-width: 80%;
    }
}

.booking_option_datepicker {
    width: 115px;
}

.display_inline {
    display: inline;
}

.display_inline_flex {
    display: inline-flex;
}

.display_flex {
    display: flex;
}

.dateTimesRange input {
    width: 100%;
}

.dateTimesRange {
    margin-left: 30px;
    margin-top: 20px;
}

@media (max-width:600px) {
    ul.top_buttons_bookingOptions li label {
        min-width: 80px;
        padding: 7px 0px;
    }

}

/* loading icon and the backdrop */
.loader,
.loader:after {
    border-radius: 50%;
    width: 10em;
    height: 10em;
}

.loader {
    transform: translate(-50%, -50%) !important;
    text-indent: -9999em;
    border-top: 1.1em solid rgba(0, 0, 0, 0.2);
    border-right: 1.1em solid rgba(0, 0, 0, 0.2);
    border-bottom: 1.1em solid rgba(0, 0, 0, 0.2);
    border-left: 1.1em solid #ffffff;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
    z-index: 1042;
    position: fixed;
    top: -100%;
    right: -100%;
    left: -100%;
    bottom: -100%;
    margin: auto;
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* overlay to loading icon */
.loading_overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1041;
    cursor: pointer;
}

.bs_progess_bar {
    z-index: 1042;
    position: absolute;
    left: 50%;
    top: 62vh;
    width: 60%;
    transform: translate(-50%, -50%);
}

.lock_screen {
    margin: 0;
    height: 100%;
    overflow: hidden
}

.bigger_input_arrows[type=number]:hover::-webkit-inner-spin-button {
    height: 30px;
}

.border {
    border-color: red;
}

.danger-important {
    color: #fff !important;
    background-color: #d9534f !important;
    border-color: #d43f3a !important;
}

.success-important {
    color: #fff !important;
    background-color: #5cb85c !important;
    border-color: #4cae4c !important;
}

.detail_table_parties td {
    border-top: none !important;
}

.function_table_parties td {
    padding: 4px !important;
}

.master_table_parties th:not(:last-child), .master_table_parties td:not(:last-child) {
    border-right: 1px solid lightgray;
}

a {
    cursor: pointer;
}

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked+.slider {
    background-color: #2196F3;
}

input:focus+.slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.center {
    text-align: center;
}

.tmid {
    margin: 0px auto;
}

/* week days css */
.select-size input {
    display: none;
}

.week_buttons span {
    display: inline-block;
    width: 23px;
    height: 23px;
    text-align: center;
    border: 1px solid #ddd;
    line-height: 23px;
    cursor: pointer
}

.week_buttons input:checked+span {
    color: #fff;
    background-color: #337ab7
}

/*  */
@media only screen and (max-width: 761px) {
    .dropdown-menu>li>a {
        padding: 15px 20px;
        font-size: 15px;
    }
}

.grid {
    display: grid;
}

.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.booking_datepicker{
    background: white;
    padding: 5px;
    border: 1px #ccc solid;
    display:inline-block;
}


.ticket-black{
    color:black;
}
.ticket-red{
    color:red;
}
.ticket-blue{
    color:blue;
}

.btn.holiday, .day.holiday{
    background-color: #b1c9e7;
}

.mobile-header-menu > .select2-container {
    width:170px;
}

.select2-results .select2-result-label {
    font-size:14px;
    padding-bottom:6px !important;
}
.hidden_in_pdf{
    color: red;
}
.shown_in_pdf{
    color: green;
}

.copy-down {color:#fff;background-color:#337ab7;}
.copy-down .fa {font-size:16px;}

#event_table_info {display:none;}

.note-editor .note-editable {
    min-height: 100px !important;
    overflow-y: auto;
    border:1px solid #ccc;
    border-radius:4px;
    padding:10px;resize: vertical !important;  
    overflow: auto !important;
}

.settings_section_heading {
    font-weight:700;
    background-color:#f5f5f5;
    border:1px solid #ccc;
    padding:10px 15px;
    border-radius:10px;
    margin-bottom:15px;
}
#basicSettings label, .external_notification label, #editBookingOptionForm label, #editBookingConceptForm label{
    font-weight:500;
    font-size:14px;
}

.extra_space {
    margin-top:30px;
    margin-bottom:30px;
}
.external_notification hr {
    margin-top:10px;
    margin-bottom:30px;
}

/* The switch container */
.switch {
    position: relative;
    display: inline-block;
    width: 39px;
    height: 19px;
    padding-right:5px;
  }
  
  /* Hide default checkbox */
 .switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  /* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
    border-radius: 25px;
  }
  
  /* The circle inside the slider */
.slider:before {
    position: absolute;
    content: "";
    height: 12px;
    width: 12px;
    left: 4px;
    bottom: 3.5px;
    background-color: white;
    transition: .4s;
    border-radius: 50%;
  }
  
  /* Change color when checked */
input:checked + .slider {
    background-color: #4CAF50;
  }
input:checked + .slider:before {
    transform: translateX(20px);
  }

  /* flex-column */
.flex-column {
    flex-direction: column !important;
  }
  
  /* flex-sm-row */
  @media (min-width: 576px) {
    .flex-sm-row {
      flex-direction: row !important;
    }
  }
  
  /* flex-sm-fill */
  @media (min-width: 576px) {
    .flex-sm-fill {
      flex: 1 1 auto !important;
    }
  }
  
  /* text-sm-center */
  @media (min-width: 576px) {
    .text-sm-center {
      text-align: center !important;
    }
  }

  .external_notification .nav {display:flex;flex-wrap:wrap;}
  .external_notification .nav-link {    
    background-color: #f6f6f6;
    margin-bottom: 4px;
    margin-right: 4px;
}
.external_notification .nav-link a { 
    color: #000;
}

.wsy-admin-only {color:#e88610;}
.btn-group-pretty label {
    position: relative;
}

.btn-group-pretty input[type="radio"] {
    display: none; /* Hide default radio button */
}

.btn-group-pretty .fa-check {
   
    visibility:hidden;
}

.btn-group-pretty .checked {
    padding-left:13px;
}
.btn-group-pretty .active, .btn-group-pretty label:has(input[type="radio"]:checked) {
    background-color: #337ab7;
    color: #fff;
    padding-left:13px;
}
.btn-group-pretty label:has(input[type="radio"]:checked) .fa-check {
    visibility: visible;
    position: absolute;
    left: 10px; /* Adjust position */
    top: 50%;
    transform: translateY(-50%);
}
.btn-group-pretty label:has(input[type="radio"]:checked) span {padding-left:13px;}
#booking_list .fa-print, #booking_list .fa-user {line-height:1.5;}
.day_settings .fa-pen-to-square {font-size:16px;}