/*! * Ninja Addons * Copyright 2017 btn.ninja */section
    {
        padding:0.5rem 0;
    }
    .page-header,.page-body
    {
        z-index:99;
    }
    .page-footer
    {
        z-index:99;
    }
    .page-nav
    {
        position:fixed;
        top:0;
        left:0;
        bottom:0;
        width:64px;
        height:100%;
        box-shadow:0 0 10px rgba(0, 0, 0, .1);
    }
    .page-nav::after
    {
        display:block;
        content:"";
        clear:both;
    }
    .page-logobar
    {
        position:relative;
        background-color:#fff;
    }
    .page-logobar::after
    {
        display:block;
        content:"";
        clear:both;
    }
    .page-logobar .toggler
    {
        display:block;
        float:left;
    }
    .toggler .material-icons
    {
        /* display:block;
        line-height:1.98958rem;
        width:2rem */
    }
    .nav-link.logo
    {
        display:block;
        line-height:3rem;
        text-align:center;
        opacity:1;
        background-color:rgba(0, 0, 0, .2);
    }
    .page-nav-wiki
    {
        position:fixed;
        left:64px;
        display:block;
        width:auto;
        top:0px;
        height:100vh;
        overflow-y:auto;
        line-height:30px;
        padding:5px;
    }
    .page-nav-wiki .nav-link
    {
        font-size:11px;
        text-transform:uppercase;
        font-weight:600;
        color:inherit;
        letter-spacing:0.5px;
    }
        @media (max-width:639px)
    {
    .page-nav-wiki
    {
        left:0;
        max-width:130px;
    }
    .page-nav-wiki .nav-link
    {
        padding-left:10px;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
        word-wrap:break-word;
    }
    
    }
    .page-container
    {
        min-height:100vh;
        display:flex;
        flex-direction:column;
        padding:0 0 0 64px;
    }
    .page-container.inset
    {
        padding-left:240px;
    }
        @media (max-width:639px)
    {
    .page-container.inset
    {
        padding-left:130px;
    }
    
    }
    .page-header::after
    {
        display:block;
        content:"";
        clear:both;
    }
    .page-header .nav
    {
        line-height:2rem;
    }
    .page-header .nav-link
    {
        text-transform:uppercase;
        font-size:12px;
        line-height:56px;
    }
    .page-header h1
    {
        padding:0 10px;
        line-height:2rem;
        float:left;
    }
    .page-header .nav.home
    {
        display:none;
    }
        @media (max-width:639px)
    {
    .page-header h1
    {
        display:none;
    }
    .page-header .nav.home
    {
        display:block;
        float:left;
    }
    
    }
    .page-body
    {
        min-height:calc(80vh);
        flex-grow:1;
    }
    .page-footer
    {
        padding:10px;
        font-size:12px;
    }
    .copyright
    {
        opacity:0.7;
    }
    .page-action
    {
        padding:10px;
    }
    .page-action::after
    {
        display:block;
        content:"";
        clear:both;
    }
    .page-action .btn-action
    {
        float:right;
    }
        @media (max-width:1024px)
    {
    .page-nav
    {
        display:none;
    }
    .page-container
    {
        padding:0;
    }
    .page-body
    {
        padding:10px 0;
    }
    .page-action .btn-action
    {
        top:-10px;
    }
    
    }
    .datepicker
    {

        font-size:11.6px;
        line-height:32px;
        border-radius:  1rem 1rem 1rem 1rem; /*calendar border radius*/
        background-color:#fff;
        overflow:hidden;
    }
    .datepicker-inline
    {
        width:220px;
    }
    .datepicker.dropdown-menu
    {
        position:absolute;
        top:100%;
        left:0;
        float:left;
        display:none;
        /* min-width:230px; */
        /* max-width:250px; */
        list-style:none;
        background-color:#fff;
        /* max-height:initial; */
        /* width:initial; */
        /* overflow-y:initial; */
        /* overflow-x:initial; */
        /* margin:1rem; */
        padding:0.5rem;
        /* border-radius:1rem 1rem 0rem 0rem; */
    }

    .dropdown-menu {

        padding: 0;
        width: auto;

        border:none;
        background-color: #fff;
        border: 1px solid #18214B20;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;

    }
    .datepicker th,.datepicker td,.datepicker .month,.datepicker .year
    {
        font-family:inherit;
    }
    .datepicker .cw
    {
        font-family:Inter !important
    }
    .datepicker .title
    {
        font-size:15px;
    }
    .datepicker .table-condensed
    {
        border-spacing:0;
        border-collapse:collapse;
        background-color: #fff;
        /* box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px; */
        /* border-radius: 1.5rem; */
        /* border-radius:  1rem 1rem 1rem 1rem;  */

        width: 18rem;
    }

    .datepicker-switch {
        /* Web/Bodylarge/Bold */
        font-family: Inter;
        font-size: 1rem;
        font-style: normal;
        font-weight: 600;
        line-height: 1.625rem;
        color:#18214B;

    }
    .datepicker thead th,.datepicker th.cw,.datepicker tfoot th
    {
        /* /* background-color:#fff; */
        color: #18214B;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        /* gap: 0.5rem; */
        /* width: 3rem; */

       

    }
    .datepicker tr:first-child td,.datepicker tfoot tr:first-child th
    {
        border-top:0.75px solid #d2d2d2;
    }
    .datepicker th,.datepicker .day,.datepicker .month,.datepicker .year
    {
        cursor:pointer;
    }
    .datepicker .disabled-date
    {
        pointer-events:none;
        opacity:0.5;
    }

    .datepicker .booking-closed
    {
        background-color: #F8663110;
        color:#F86631;
        border-radius: 1.5rem;
        pointer-events:none;
        cursor: not-allowed !important;
        /* opacity:0.1; */
    }
    .datepicker-dropdown:before
    {

        color: rgba(24, 33, 75, 0.40);
        text-align: center;
        /* Web/Bodylarge/Regular */
        font-family: Inter;
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 400;
        line-height: 1.625rem;

        content:'';
        display:inline-block;
        border:6px solid #F86631;
        border-left-color:transparent;
        border-right-color:transparent;
        border-top:0;
        position:absolute;
    }
    .datepicker-dropdown:after
    {
        content:'';
        display:block;
        width:100%;
        /* border-top:2px solid #F86631; */
        position:absolute;
        left:0;
    }
    .datepicker-dropdown.datepicker-orient-bottom:before
    {
        top:-6px;
    }
    .datepicker-dropdown.datepicker-orient-top:before
    {
        bottom:-6px;
        border-bottom:0;
        border-top:6px solid #F86631;
    }
    .datepicker-dropdown.datepicker-orient-top:after
    {
        top:auto;
        bottom:0;
    }
    .datepicker-dropdown.datepicker-orient-left:before
    {
        left:7px;
    }
    .datepicker-dropdown.datepicker-orient-right:before
    {
        right:7px;
    }
    .datepicker.days div.datepicker-days
    {
        display:block;
    }
    .datepicker.months div.datepicker-months
    {
        display:block;
    }
    .datepicker.years div.datepicker-years
    {
        display:block;
    }
    .datepicker table
    {
        -webkit-touch-callout:none;
        -webkit-user-select:none;
        -khtml-user-select:none;
        -moz-user-select:none;
        -ms-user-select:none;
        user-select:none;
        margin:0;
        border-spacing:0;
        border-collapse:collapse;
        width:100%;
    }
    .datepicker thead {
        margin:0.5rem;
    }
    .datepicker th
    {
        padding:0rem;

        text-align:center;
        /* padding:0 */
    }
    .datepicker td {
        padding:0.5rem 0.5rem;
        text-align:center;
    }

    .datepicker table {
        padding: 1rem;
    }


    .datepicker .day.active,.datepicker .day.active:hover,.datepicker .month.active,.datepicker .month.active:hover,.datepicker .year.active,.datepicker .year.active:hover,.week.active:hover .day,.week.active .day
    {
        color:#fff;
        background-color:#F86631;
        
    }
    .week {
        color: #18214B;
        text-align: center;
        /* Web/Bodylarge/Regular */
        font-family: Inter;
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 400;
        line-height: 1.625rem;
    }
    .week:hover .day
    {
        background-color:#c8e2ec;
    }
    .active .cw
    {
        background-color:transparent !important;
        border-color:transparent !important
    }
    .day.highlighted
    {
        background-color:#f8f8f8
    }
    .day.today
    {
        position:relative;
    }
    .day.today:after
    {
        content:"";
        position:absolute;
        bottom:5px;
        left:3px;
        right:3px;
        border-bottom:2px solid;
        opacity:0.9;
    }
    .datepicker-switch
    {
        line-height:40px;
        padding: 0.5rem 0.5rem;
        position: relative;
        text-align: left;
        left:-5rem;

    }
    .datepicker th.prev
    {
        position: relative;
        left:11rem;
        height: 0.5rem;
        width: 2rem;
        padding:0.5rem 0.5rem;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='32' viewBox='0 0 33 32' fill='none'%3E%3Crect x='32.5' y='32' width='32' height='32' rx='16' transform='rotate(-180 32.5 32)' fill='%23F86631' fill-opacity='0.1'/%3E%3Cpath d='M18.5 20.6673L13.8333 16.0007L18.5 11.334' stroke='%23F86631' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-size: contain;
    }

    .datepicker th.next{
        text-align: left;
        width:2rem;
        padding:0.5rem 0.5rem;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='32' viewBox='0 0 33 32' fill='none'%3E%3Crect x='0.5' width='32' height='32' rx='16' fill='%23F86631' fill-opacity='0.1'/%3E%3Cpath d='M14.5 11.3327L19.1667 15.9993L14.5 20.666' stroke='%23F86631' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-size: contain;
    }

   


    .datepicker .cw
    {
        cursor:default;
        webkit-user-select:none;
        -moz-user-select:none;
        -ms-user-select:none;
        user-select:none;
        border-right:0.75px solid #d2d2d2;
        font-style:italic;
        color:#a0a0a0;
    }
    .datepicker td.cw
    {
        
        background-color:#f8f8f8;
    }
    .datepicker th.cw
    {
        border-right:0;
    }
    .datepicker .dow
    {
        /* width:32px; */
        /* Web/Bodylarge/Regular */
        font-family: Inter;
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 400;
        line-height: 1.625rem;

        cursor:default;
    }
    .day
    {
        /* width:32px;
        font-weight:bold;
        color:#188fbb;
 */
        color: #18214B;
        text-align: center;
        /* Web/Bodylarge/Regular */
        font-family: Inter;
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 400;
        line-height: 1.625rem;
        

    }
    .day:hover
    {
        border-radius: 1.5rem;
        background: rgba(24, 33, 75, 0.20);

        /* background:#c8e2ec */
    }
    .day.old,.day.new
    {
        color:#a0a0a0
    }
    .datepicker .month,.datepicker .year
    {
        display:block;
        width:21%;
        margin:2%;
        line-height:50px;
        float:left;
        font-weight:bold;
        color:#18214B;
        font-family: Inter;
        font-size: 0.75rem;
        font-style: normal;
        font-weight: 400;
        line-height: 1.625rem;
    }
    .datepicker .month:hover,.datepicker .year:hover
    {
        border-radius: 1.5rem;
        background: rgba(24, 33, 75, 0.20);

        /* background-color:#F86631;
        border-radius: 1.5rem 1.5rem 1.5rem 1.5rem;
        color:#fff; */

    }
    .datepicker td.range-start
    {
        background-color:#F86631;
        color:#fff;
        border-radius: 1.5rem 0rem 0rem 1.5rem;
    
    }
    .datepicker td.range-end{
        background-color:#F86631;
        color:#fff;
        border-radius: 0rem 1.5rem 1.5rem 0rem;

    }


    /* .datepicker td.range-start,
    .datepicker td.range-end {
    background-color: #F86631;
    color: #fff;
    border-radius: 1.5rem;
    }

    .datepicker td.range-start + td.range-end {
    border-radius: 0rem 1.5rem 1.5rem 0rem;
    } */

    .datepicker td.range-start.same-day,
    .datepicker td.range-end.same-day {
    border-radius: 1.5rem;
    }



    .datepicker td.range
    {
        background-color:#F86631;
        color:#fff;


    }
    .datepicker td.range,.datepicker td.range:hover
    {
        border-radius:0;
    }
    .input-daterange
    {
        width:100%;
    }
    .input-daterange .dropdown-menu
    {
        margin-right:-0.75px;
        margin-top:0;
    }
    .input-group.date .input-group-addon i
    {
        cursor:pointer;
        width:16px;
        height:16px;
    }
    .input-datepicker,.input-daterange
    {
        position:relative;
    }
    .input-datepicker .form-control,.input-daterange .form-control
    {
        padding-left:1rem;
    }
    .input-datepicker:before,.input-daterange:before
    {
        letter-spacing:normal;
        text-transform:none;
        white-space:nowrap;
        word-wrap:normal;
        position:absolute;
        z-index:9;
        pointer-events:none;
    }
    .input-datepicker:before
    {
        top:9px;
        left:8px;
    }
    .input-daterange:before
    {
        top:9px;
        left:8px;
    }
    .input-daterange .input-group-addon:before
    {
        top:9px;
        left:100%;
        margin-left:8px;
    }
    .ellipsis
    {
        width:100%;
        overflow:hidden;
        white-space:nowrap;
        text-align:justify;
        text-overflow:ellipsis;
    }
    .ellipsis-multiline
    {
        display:block;
        max-width:100%;
        overflow:hidden;
        position:relative;
        line-height:1rem;
        text-align:justify;
        padding-right:1em;
        margin-right:-0.5em;
        max-height:6rem;
    }
    .ellipsis-multiline:before
    {
        /* 3 dots horizontal */
        content:'\2026';
        position:absolute;
        right:0em;
        bottom:0;
    }
    .ellipsis-multiline:after
    {
        content:'';
        position:absolute;
        right:0em;
        width:1em;
        height:1em;
        margin-top:0.2em;
        background:white;
    }
    .uploadContainer
    {
        position:relative;
    }
    .uploadDropzone
    {
        border:1px dashed #a0a0a0;
        padding:40px;
        text-align:center;
        border-radius:3px;
    }
    .uploadDropzone .cloud
    {
        font-size:48px;
        line-height:1;
        opacity:0.3;
    }
    .uploadMessage
    {
        margin-top:0.5rem;
    }
    .uploadProgress
    {
        margin-top:0.5rem;
        background-color:#fff;
        border:0.75px solid #aaa;
        border-radius:2px;
    }
    .uploadProgress:empty
    {
        background:none;
        margin:0;
        border:0;
    }
    .uploadProgress .wrapper
    {
        position:relative;
        background-color:#fff;
        white-space:nowrap;
        border-bottom:0.75px solid #d2d2d2;
        line-height:35px;
        padding:0 0 0 10px;
    }
    .uploadProgress .wrapper:last-child
    {
        border-bottom:0;
    }
    .uploadProgress .wrapper:after
    {
        content:"";
        display:table;
        clear:both;
    }
    .uploadProgress .name
    {
        display:block;
        float:left;
        white-space:nowrap;
        max-width:300px;
        overflow:hidden;
        text-overflow:ellipsis;
    }
    .uploadProgress .size
    {
        display:block;
        float:left;
        white-space:nowrap;
        color:#aaa;
        padding-left:5px;
    }
    .uploadProgress .size:before
    {
        content:"(";
    }
    .uploadProgress .size:after
    {
        content:")";
    }
    .uploadProgress .progress
    {
        display:block;
        float:right;
        width:180px;
        margin:5px 10px;
    }
    .uploadProgress .deleteAttachment
    {
        display:block;
        float:right;
        padding:0;
        background-color:transparent !important;
        border:0 !important;
        background-image:none;
        line-height:inherit;
    }
    .deleteAttachment:after
    {
        content:'\00D7';
        display:block;
        line-height:inherit;
        width:35px;
        text-align:center;
        color:rgba(0, 0, 0, .3);
        font-family:sans-serif;
        font-size:18px;
        font-weight:bold;
    }
    .uploadProgress .wrapper.success
    {
        color:#6dad21;
    }
    .uploadProgress .wrapper.error
    {
        color:#db4f4f;
    }
    .uploadProgress .error .progress
    {
        display:none;
    }
    .uploadProgress .success .progress
    {
        display:none;
    }
    .input-file aside
    {
        display:table-cell;
        vertical-align:top;
    }
    .input-file ul.input-file-list
    {
        display:table-cell;
        vertical-align:middle;
    }
        ul.input-file-list
    {
        width:100%;
        margin:0;
        list-style:none;
        padding:0 0 0 8px;
    }
    .input-file-list li
    {
        padding-bottom:5px;
        word-break:break-all;
    }
    .input-file-list li:only-child
    {
        padding-bottom:0;
    }
    .input-file-list li.placeholder
    {
        color:#989898;
    }
    .input-file-list li:not(.placeholder):before
    {
        /* window / vertical rectangle */
        content:"\e892";
        font-family:'Material Icons';
        font-size:12px;
        display:inline-block;
        line-height:inherit;
        padding-right:4px;
        position:relative;
        top:1px;
        color:#989898;
    }
    .list-lightbox
    {
        display:table;
        width:auto;
        list-style:none;
        padding:0;
        margin:0 auto;
        white-space:nowrap;
    }
    .list-lightbox::after
    {
        display:block;
        content:"";
        clear:both;
    }
    .list-lightbox li
    {
        display:block;
        float:left;
        margin:0 1px;
    }
    .list-lightbox img
    {
        border:0.75px solid #a0a0a0;
        height:60px;
        width:auto;
    }
    .modal.lightbox .modal-content
    {
        margin:0;
        border-radius:0;
        width:100%;
        max-width:100%;
    }
    .modal.lightbox .modal-body
    {
        height:80vh;
        width:100%;
        overflow:hidden;
    }
    .modal.lightbox .close
    {
        position:absolute;
        top:0;
        right:0;
        z-index:2;
    }
    .jLightbox
    {
        position:relative;
        width:100%;
    }
    .jLightbox .track
    {
        display:table;
        width:auto;
        margin:0 auto;
        height:70vh;
        text-align:center;
        overflow:hidden;
    }
    .jSlide
    {
        height:100%;
        position:relative;
        display:none;
        text-align:left;
    }
    .jSlide.active
    {
        display:table-cell;
        vertical-align:middle;
        height:70vh;
        width:auto;
        max-width:100%;
        /**/
    }
    .jSlide img
    {
        display:block;
        max-height:100%;
        max-width:100%;
        width:auto;
        margin:0 auto;
        z-index:0;
    }
    .modal.lightbox .jSlide summary
    {
        width:100%;
        font-style:normal;
        font-size:12.8px;
        background-color:rgba(50, 50, 50, .8);
        color:#fff;
        padding:0.5rem 0.75rem;
    }
    .modal.lightbox .jSlide summary + img
    {
        max-height:calc(100% - 2rem);
        /**/
    }
    .jPrevSlide,.jNextSlide
    {
        position:absolute;
        top:50%;
        width:40px;
        height:40px;
        margin-top:-20px;
        background:rgba(0, 0, 0, .5);
        color:#fff;
        border-radius:50%;
        padding:0;
        min-width:0;
    }
    .jNextSlide
    {
        right:0;
    }
    .jPrevSlide
    {
        left:0;
    }
    .jNextSlide i.material-icons,.jPrevSlide i.material-icons
    {
        display:block;
        width:40px;
        height:40px;
        line-height:40px;
        text-align:center;
        left:0;
        /**/
    }
    .light-pagination
    {
        display:table;
        width:auto;
        list-style:none;
        padding:0;
        margin:0 auto;
        z-index:11;
    }
    .light-pagination li
    {
        display:inline-block;
        width:20px;
        height:20px;
    }
        button.jDot
    {
        font-size:0;
        line-height:0;
        color:transparent;
        background:none;
        filter:none;
        border:none;
        display:block;
        width:20px;
        height:20px;
        cursor:pointer;
    }
        button.jDot i.dot
    {
        display:block;
        width:8px;
        height:8px;
        margin:0 auto;
        background-color:#fff;
        border-radius:50%;
        background-color:rgba(0, 0, 0, .11);
        box-shadow:inset 1px 1px 1px 0px rgba(0, 0, 0, 0.75);
    }
        button.jDot.active i.dot
    {
        background-color:#F86631;
    }
        button.jDot:focus
    {
        outline:0;
    }
        .datepicker input[type=range]
    {
        -webkit-appearance:none;
        width:100%;
        background-color:inherit;
        padding:0;
        cursor:pointer;
    }
        .datepicker input[type=range]:focus
    {
        outline:none;
        background-color:transparent;
    }
        .datepicker input[type=range]::-webkit-slider-runnable-track
    {
        width:100%;
        height:2px;
        cursor:pointer;
        animate:0.2s;
        background:#F86631;
        border:0;
        border-radius:1px;
    }
        .datepicker input[type=range]::-moz-range-track
    {
        width:100%;
        height:2px;
        cursor:pointer;
        animate:0.2s;
        background:#F86631;
        border:0;
        border-radius:1px;
    }
        .datepicker input[type=range]::-ms-track
    {
        width:100%;
        height:2px;
        cursor:pointer;
        animate:0.2s;
        background:transparent;
        border:0;
        border-radius:1px;
        color:transparent;
    }
        .datepicker input[type=range]::-ms-fill-lower
    {
        background:#F86631;
        border:0;
        border-radius:2px 0 0 2px;
    }
        .datepicker input[type=range]::-ms-fill-upper
    {
        background:rgba(0, 0, 0, .2);
        border:0;
        border-radius:0 2px 2px 0;
        /*.datepicker input[type=range]:focus::-ms-fill-lower 
    {
          background: $brand-primary;
    
    }
        .datepicker input[type=range]:focus::-ms-fill-upper 
    {
          background: rgba(0,0,0,.2);
    
    }
        */
    }
        .datepicker input[type=range]::-webkit-slider-thumb
    {
        height:14px;
        width:14px;
        border:2px solid #F86631;
        border-radius:50%;
        background:#fff;
        box-shadow:1px 1px 4px rgba(0, 0, 0, .2);
        -webkit-appearance:none;
        margin-top:-5px;
    }
        .datepicker input[type=range]::-moz-range-thumb
    {
        height:14px;
        width:14px;
        border:2px solid #F86631;
        border-radius:50%;
        background:#fff;
        box-shadow:1px 1px 4px rgba(0, 0, 0, .2);
        box-sizing:border-box;
    }
        .datepicker input[type=range]::-ms-thumb
    {
        height:14px;
        width:14px;
        border:2px solid #F86631;
        border-radius:50%;
        background:#fff;
        box-shadow:1px 1px 4px rgba(0, 0, 0, .2);
        box-sizing:border-box;
        margin-top:-1px;
    }
        .datepicker input[type=range]:focus::-ms-thumb
    {
        outline:0;
    }
    .range.with-icons
    {
        background-color:inherit;
    }
    .range.with-icons::after
    {
        display:block;
        content:"";
        clear:both;
    }
    .range.with-icons .material-icons
    {
        float:left;
        width:30px;
        line-height:35px;
        font-size:20px;
    }
    .range.with-icons .material-icons:first-child
    {
        text-align:left;
    }
    .range.with-icons .material-icons:last-child
    {
        text-align:right;
    }
    .range.with-icons input[type=range]
    {
        width:calc(100% - 60px);
        float:left;
    }
    .bg-primary input[type=range]::-webkit-slider-runnable-track,.bg-success input[type=range]::-webkit-slider-runnable-track,.bg-info input[type=range]::-webkit-slider-runnable-track,.bg-warning input[type=range]::-webkit-slider-runnable-track,.bg-danger input[type=range]::-webkit-slider-runnable-track
    {
        background:#fff;
    }
    .bg-primary input[type=range]::-moz-range-track,.bg-success input[type=range]::-moz-range-track,.bg-info input[type=range]::-moz-range-track,.bg-warning input[type=range]::-moz-range-track,.bg-danger input[type=range]::-moz-range-track
    {
        background:#fff;
    }
    .bg-primary input[type=range]::-webkit-slider-thumb,.bg-success input[type=range]::-webkit-slider-thumb,.bg-info input[type=range]::-webkit-slider-thumb,.bg-warning input[type=range]::-webkit-slider-thumb,.bg-danger input[type=range]::-webkit-slider-thumb
    {
        background-color:#333;
        border-color:#fff;
    }
    .bg-primary input[type=range]::-moz-range-thumb,.bg-success input[type=range]::-moz-range-thumb,.bg-info input[type=range]::-moz-range-thumb,.bg-warning input[type=range]::-moz-range-thumb,.bg-danger input[type=range]::-moz-range-thumb
    {
        background:#333;
        border-color:#fff;
    }
    .bg-primary input[type=range]::-ms-thumb,.bg-success input[type=range]::-ms-thumb,.bg-info input[type=range]::-ms-thumb,.bg-warning input[type=range]::-ms-thumb,.bg-danger input[type=range]::-ms-thumb
    {
        background:#333;
        border-color:#fff;
    }
    .bg-primary input[type=range]::-ms-fill-lower,.bg-success input[type=range]::-ms-fill-lower,.bg-info input[type=range]::-ms-fill-lower,.bg-warning input[type=range]::-ms-fill-lower,.bg-danger input[type=range]::-ms-fill-lower
    {
        background:#fff;
    }
    .bg-primary input[type=range]::-ms-fill-upper,.bg-success input[type=range]::-ms-fill-upper,.bg-info input[type=range]::-ms-fill-upper,.bg-warning input[type=range]::-ms-fill-upper,.bg-danger input[type=range]::-ms-fill-upper
    {
        background:#333;
    }
    .tile-picker
    {
        position:relative;
        background-color:#eaeaea;
        cursor:pointer;
        background-position:center center;
        background-size:cover;
        box-shadow:inset 0 0 10px rgba(0, 0, 0, .1);
        outline:2px solid #fff;
        outline-offset:-3px;
        border:1px solid #bbb;
        transition:border 0.2s ease-in-out;
    }
    .active.tile-picker
    {
        outline-color:#F86631;
    }
    .tile-picker input[type=checkbox]
    {
        opacity:0;
        position:absolute;
        left:-80px;
    }
    .tile-checked
    {
        display:block;
        font-style:normal;
        width:20px;
        height:20px;
        position:absolute;
        top:-2px;
        right:-4px;
    }
    .tile-checked:after
    {
        /* checkmark */
        content:'\2713'; 
        display:block;
        line-height:18px;
        width:18px;
        height:18px;
        background-color:#F86631;
        color:#fff;
        border-radius:2px;
        font-size:13px;
        text-align:center;
        font-weight:bold;
        opacity:0;
        transition:opacity 0.2s ease-in-out;
    }
        input[type=checkbox]:checked ~ .tile-checked:after
    {
        opacity:1;
    }
        #toast
    {
        width:100%;
        transition:opacity 0.5s, visibility 0s linear 0.5s;
        visibility:hidden;
        opacity:0;
        height:0;
        z-index:9999;
        position:fixed;
        bottom:0;
        left:0;
        right:0;
    }
        #toast.active
    {
        visibility:visible;
        opacity:1;
        height:auto;
        transition-delay:0s;
    }
        #toast .btn-toast
    {
        visibility:hidden;
        opacity:0;
        transition:opacity 0.5s, visibility 0s linear 0.5s;
    }
        #toast.active .btn-toast
    {
        visibility:visible;
        opacity:1;
        transition-delay:0s;
    }
        #toast
    {
        background-color:#333;
        color:#fff;
        box-shadow:0 0 7px rgba(125, 125, 125, .25);
    }
        #toast ins
    {
        display:block;
        padding:10px 20px;
    }
    .btn-toast
    {
        position:absolute;
        top:0;
        right:0;
        background-color:transparent;
        background-image:none !important;
        box-shadow:none;
        padding:10px 16px;
    }
    .btn-toast:empty
    {
        display:none;
    }
    .btn-toast span,.btn-toast .material-icons
    {
        display:block;
        float:right;
        margin-left:4px;
    }
    .btn-toast .material-icons
    {
        font-size:20px;
    }
        #toast.danger
    {
        background-color:#d42d2d;
    }
        #toast.warning
    {
        background-color:#dd7f10;
    }
        #toast.success
    {
        background-color:#578b1a;
    }
        #toast.info
    {
        background-color:#F86631;
    }
        #table
    {
        margin:0 auto;
        position:relative;
        z-index:0;
        white-space:nowrap;
    }
    .table-list
    {
        min-height:176px;
        background-color:#fff;
        border:0.75px solid #d2d2d2;
        box-shadow:2px 2px 4px rgba(0, 0, 0, .08);
        border-radius:2px;
    }
        @media (max-width:1024px)
    {
    .table-list
    {
        border-width:0.75px 0;
    }
    
    }
    .table-list td
    {
        white-space:nowrap;
        height:35px;
        line-height:35px;
        padding:0 0.5rem;
    }
    .table-list tr:last-child td
    {
        border-bottom:0;
    }
        th .sort
    {
        box-shadow:none;
        background-image:none;
        background-color:transparent;
        text-align:left;
        padding:0 0.5rem;
        line-height:2.25rem;
        border:none;
        display:block;
        width:100%;
        font-size:12px;
        border-bottom:1px solid transparent;
        user-select:none;
    }
        th .sort.textcenter,th button.sort.text-center
    {
        text-align:center;
    }
        th .sort.textright,th .sort.text-right
    {
        text-align:right;
    }
        th .sort:focus
    {
        box-shadow:none;
    }
    .table-list .caret:after
    {
        content:"";
    }
    .asc .caret:after
    {
        width:0;
        height:0;
        border-left:3px solid transparent;
        border-right:3px solid transparent;
        border-top:3px solid #808080;
        content:"";
        position:relative;
        top:-3px;
        right:-4px;
        font-size:0;
    }
    .desc .caret:after
    {
        width:0;
        height:0;
        border-left:3px solid transparent;
        border-right:3px solid transparent;
        border-bottom:3px solid #808080;
        content:"";
        position:relative;
        top:-4px;
        right:-4px;
        font-size:0;
    }
        button.sort .caret
    {
        display:none;
    }
        button.sort.asc .caret
    {
        display:inline-block;
        margin-bottom:-5px;
    }
        button.sort.desc .caret
    {
        display:inline-block;
        margin-bottom:-5px;
    }
    .paginate
    {
        padding:0;
        white-space:nowrap;
    }
    .paginate::after
    {
        display:block;
        content:"";
        clear:both;
    }
        div.paginate
    {
        display:table;
        margin:0 auto;
    }
    .paginate .pagination
    {
        margin:0;
        float:left;
    }
    .table-list .paginate
    {
        padding:0;
    }
    .paginateBack,.paginateNext
    {
        float:left;
    }
    .paginateBack,.paginateNext
    {
        line-height:35px;
        width:35px;
        text-align:center;
        user-select:none;
        color:#F86631;
    }
    .paginateBack:hover,.paginateNext:hover
    {
        background-color:#F86631;
        color:#fff;
    }
    .paginateBack .material-icons,.paginateNext .material-icons
    {
        display:block;
        font-size:1rem;
        line-height:inherit;
    }
        tr[data-status="success"] .sortbyTotal
    {
        color:#6dad21;
    }
        tr[data-status="error"] .sortbyTotal
    {
        color:#db4f4f;
    }
    .isEmpty:not(.active)
    {
        display:none;
    }
    .isEmpty td
    {
        height:200px;
        text-align:center;
        vertical-align:middle !important;
        opacity:0.5;
    }
    .table-record
    {
        width:100%;
        border-collapse:collapse;
        border:0.75px solid rgba(160, 160, 160, .5);
        box-shadow:2px 2px 4px rgba(0, 0, 0, .08);
        background-color:#fff;
        border-top:2px solid #525252;
    }
    .table-record th
    {
        padding:0 10px;
        line-height:35px;
        white-space:nowrap;
    }
    .table-record td
    {
        padding:0;
        vertical-align:top;
    }
    .table-record td.input
    {
        background-color:#fff;
    }
    .table-record input,.table-record textarea,.table-record button
    {
        background:transparent;
        border:0;
        box-shadow:none;
    }
    .table-record td.active
    {
        border-bottom:2px solid #F86631;
    }
    .table-record td.disabled
    {
        background-color:transparent;
    }
    .table-record textarea
    {
        resize:none;
    }
    .table-record button.jZapper
    {
        display:block;
        height:2rem;
        width:2rem;
        padding:0;
        min-width:0;
        border:none;
        background-color:transparent;
        background-image:none;
        filter:none;
        box-shadow:none;
        text-shadow:none;
        margin:0 auto;
    }
        button.jZapper .material-icons
    {
        display:block;
        width:16px;
        height:16px;
        line-height:16.5px;
        background-color:#cacaca;
        border-radius:50%;
        color:#fff;
        font-weight:bold;
        font-size:10px;
        margin:0 auto;
        text-align:center;
        position:static;
        left:0;
    }

    
  
      .booking-closed:before {
        content: attr(data-original-title);
        position: absolute;
        top: -30px;
        left: 0;
        width: 100%;
        text-align: center;
        color: #fff;
        background-color: #999;
        padding: 5px;
        border-radius: 4px;
        z-index: 999;
      }

      #input_from[readonly], #input_to[readonly] {
        background-color: #fff;
        cursor: pointer;
        color:#18214B;
      }

   

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