.mobile
{
    display: none;
}

.nomobile
{
    display: block;
}

*
{
    margin: 0;
    padding: 0;
}

img
{
    border: 0;
    max-width: 100%;
    height: auto !important;
}

.mobile
{
    display: none;
}

.nomobile
{
    display: block;
}

*
{
    margin: 0;
    padding: 0;
}

img
{
    border: 0;
    max-width: 100%;
    height: auto !important;
}

html, body, form, #page-outer, #page-inner
{
    height: 100%;
}

body
{
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    position: relative;
}

.user-menu, .dropdown-menu
{
    -webkit-box-shadow: 0 7px 5px 5px rgba(0,0,0,0.1);
    box-shadow: 0 7px 5px 5px rgba(0,0,0,0.1);
}

.disablebox
{
    opacity: 0.5;
    pointer-events: none;
}

.card-header span
{
    font-style: italic;
    font-size: 85%;
}

#map
{
    height: 400px;
}

.dropdown-menu.open.show
{
    z-index: 99999;
}

.navbar-header
{
    padding: 20px 0;
}

.bottom-message
{
    text-align: right;
    display: block;
    padding: 5px;
    font-style: italic;
    font-size: 11px;
}

.bg-flat-color-1, .bg-flat-color-1 p
{
    color: #fff !important;
}

    .bg-flat-color-1:hover, .bg-flat-color-1 p:hover
    {
        color: #323232 !important;
    }




/*FILER*/
.fileitem
{
    text-align: center;
    margin-bottom: 10px;
}

    .fileitem img
    {
        width: 100%;
    }

.thrashcontainer
{
    margin: 30px;
    color: #fff;
    background: #e40202;
    padding: 20px;
    text-align: center;
}

    .thrashcontainer i
    {
        font-size: 2rem;
    }

    .thrashcontainer span
    {
        font-size: 1.5rem;
        font-style: italic;
    }




/*NYHETER*/
.newsitem h2
{
}

.newsitem .newsdate
{
    font-size: 14px;
    font-family: 'Open Sans' sans-serif;
    font-weight: 400;
    line-height: 24px;
    color: #878787;
    display: block;
    margin-bottom: 25px;
}



/*FORMULÄR*/
.button
{
    font-size: 1.6rem;
    margin: 30px 0;
}

.cancelbutton
{
    background: #ff3c3c;
    border-color: #e01212;
}

.missingfield
{
    border-bottom: 2px solid red !important;
}

.textbox
{
    width: 100%;
}

.btn-block
{
    margin: 20px 0;
}

.form-control.numberbox
{
    width: 150px;
}

div.summary
{
    background: #f2f2f2;
    padding: 20px;
    margin-bottom: 20px;
}

    div.summary p
    {
        padding: 0;
        margin: 0;
    }

    div.summary .edititem
    {
        margin-left: 10px;
        font-style: italic;
        font-size: 90%;
        cursor: pointer;
    }



/*KALENDER*/
.fullwidthcal .xdsoft_datetimepicker
{
    width: 100%;
}

.fullwidthcal .xdsoft_datepicker
{
    width: 100% !important;
}

.fullwidthcal .xdsoft_calendar table td div
{
    text-align: center;
    font-size: 2rem;
    padding: 20px;
}

@media only screen and (max-width: 1024px)
{
    .fullwidthcal .xdsoft_calendar table td div
    {
        font-size: 1.5em;
    }
}

@media only screen and (max-width: 750px)
{
    .fullwidthcal .xdsoft_calendar table td div
    {
        font-size: 1.2em;
        padding: 10px;
    }
}

.glyphicon-chevron-right:before
{
    font-family: 'Font Awesome 5 Pro';
    content: "\f061";
}

.glyphicon-chevron-left:before
{
    font-family: 'Font Awesome 5 Pro';
    content: "\f060";
}

.have-registered-time
{
    background: #0e94c0;
}

.event-clickable
{
    background-color: red !important;
    color: #fff !important;
    pointer-events: none !important;
}

    .event-clickable span
    {
        color: #fff !important;
    }

.glyphicon .fas.fa-arrow-circle-left, .glyphicon .fas.fa-arrow-circle-right
{
    display: none;
}



/*TABELLER*/
td i.fa, td i.far
{
    font-size: 1.3rem;
    margin-right: 10px;
}

td i.fa-pencil-square-o
{
    color: #976c10;
    cursor: pointer;
}

td i.fa-trash-alt
{
    color: #ff0000;
    cursor: pointer;
}

td i.fa-times
{
    color: #ff0000;
    cursor: pointer;
}

td i.fa-floppy-o
{
    color: #11ad01;
    cursor: pointer;
}

td i.fa-eye
{
    color: #0e94c0;
    cursor: pointer;
}




/*TYPOGRAFI*/
.card-body h4
{
    margin-bottom: 30px;
}






/*KNAPPAR*/
.addnew
{
    font-size: 1.1em;
    float: right;
    color: #fff;
    background: #e74c3c;
    padding: 5px 10px;
    margin: 0 -20px -12px 0;
    -webkit-border-radius: 10px 0 0 0;
    border-radius: 10px 0 0 0;
}

    .addnew i
    {
        margin: 0 10px 0 0;
        -webkit-transition: all .5s ease .0s;
        -moz-transition: all .5s ease .0s;
        -o-transition: all .5s ease .0s;
        transition: all .5s ease .0s;
        -webkit-transform-origin: 50% 50%;
        transform-origin: center center 0;
    }

    .addnew:hover
    {
        color: #fff;
    }

        .addnew:hover > i
        {
            color: #fff;
            -webkit-transform: rotate(-90deg);
            -moz-transform: rotate(-90deg);
            -o-transform: rotate(3-90deg);
            -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
        }






.dropdown-toggle.btn-default
{
    color: #292b2c;
    background-color: #fff;
    border-color: #ccc;
}

.bootstrap-select.show > .dropdown-menu > .dropdown-menu
{
    display: block;
}

.bootstrap-select > .dropdown-menu > .dropdown-menu li.hidden
{
    display: none;
}

.bootstrap-select > .dropdown-menu > .dropdown-menu li a
{
    display: block;
    width: 100%;
    padding: 3px 1.5rem;
    clear: both;
    font-weight: 400;
    color: #292b2c;
    text-align: inherit;
    white-space: nowrap;
    background: 0 0;
    border: 0;
}

.dropdown-menu > li.active > a
{
    color: #fff !important;
    background-color: #337ab7 !important;
}

.bootstrap-select .check-mark::after
{
    content: "✓";
}

.bootstrap-select button
{
    overflow: hidden;
    text-overflow: ellipsis;
}


/* Make filled out selects be the same size as empty selects */
.bootstrap-select.btn-group .dropdown-toggle .filter-option
{
    display: inline !important;
}


.row
{
    width: 95%;
    max-width: 95%;
}

.menucolumn
{
    min-height: 100%;
    background: #2f323a;
    width: 15%;
    float: left;
    position: fixed;
}

    .menucolumn .logotype
    {
        text-align: center;
        margin: 30px 0;
    }

    .menucolumn .menu ul
    {
        list-style: none;
    }

        .menucolumn .menu ul li
        {
            list-style: none;
            border-bottom: 1px solid #373a42;
        }

            .menucolumn .menu ul li a
            {
                color: #fff;
            }


.maincolumn
{
    min-height: 100%;
    background: #fff;
    float: left;
    width: 85%;
    padding-top: 30px;
    padding-bottom: 75px;
    position: absolute;
    left: 15%;
}

.xdsoft_datetimepicker
{
    z-index: 999999 !important;
}

.center
{
    text-align: center;
}


/*MENY*/
nav
{
    display: none;
}

.mm-menu
{
    display: none;
}

#hamburger-menu-button
{
    display: none;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    left: 10px;
}










/*KALENDER*/
.notcomplete
{
    border-bottom: 4px solid #ff0000;
}

.complete
{
    border-bottom: 4px solid #00b823;
}

.status50
{
    border-bottom: 4px solid #e29707;
}

.status75
{
    border-bottom: 4px solid #cad108;
}

.change-view
{
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    padding: 7px 13px;
    display: inline-block;
    margin: 30px 0;
    background: #f0f0f0;
    border: 1px solid #a6a6a6;
    float: right;
}

    .change-view span
    {
        display: inline-block;
        margin: 0 5px;
        cursor: pointer;
        border-bottom: 2px solid transparent;
    }

        .change-view span:hover
        {
            border-bottom: 2px solid #323232;
        }

        .change-view span.active
        {
            border-bottom: 2px solid #323232;
        }

        .change-view span i
        {
            margin-right: 5px;
        }






/*TABELLER*/
.styletable
{
    border-collapse: collapse;
    margin: 1.25em 0 0;
    width: 100%;
}

    .styletable tr,
    .styletable th,
    .styletable td
    {
        border: none;
        border-bottom: 1px solid #e4ebeb;
    }

    .styletable th,
    .styletable td
    {
        padding: 10px 12px;
        text-align: left;
    }

table.editable tbody tr
{
    cursor: pointer;
}

.styletable th
{
    background: #2db4e9;
    color: #ffffff;
    text-transform: uppercase;
}

.styletable tr td
{
    background: #e1e1e1;
    color: #5b5b5b;
}

.styletable tr:nth-of-type(2n+2) td
{
    background: #ffffff;
}

.styletable.bt tfoot th,
.styletable.bt tfoot td,
.styletable.bt tbody td
{
    font-size: .8125rem;
    padding: 0;
}

    .styletable.bt tfoot th:before,
    .styletable.bt tfoot td:before,
    .styletable.bt tbody td:before
    {
        background: #56a2cf;
        color: white;
        margin-right: 10px;
        padding: 2px 10px;
    }

    .styletable.bt tfoot th .bt-content,
    .styletable.bt tfoot td .bt-content,
    .styletable.bt tbody td .bt-content
    {
        display: inline-block;
        padding: 2px 5px;
    }

    .styletable.bt tfoot th:first-of-type:before,
    .styletable.bt tfoot th:first-of-type .bt-content,
    .styletable.bt tfoot td:first-of-type:before,
    .styletable.bt tfoot td:first-of-type .bt-content,
    .styletable.bt tbody td:first-of-type:before,
    .styletable.bt tbody td:first-of-type .bt-content
    {
        padding-top: 10px;
    }

    .styletable.bt tfoot th:last-of-type:before,
    .styletable.bt tfoot th:last-of-type .bt-content,
    .styletable.bt tfoot td:last-of-type:before,
    .styletable.bt tfoot td:last-of-type .bt-content,
    .styletable.bt tbody td:last-of-type:before,
    .styletable.bt tbody td:last-of-type .bt-content
    {
        padding-bottom: 10px;
    }

.styletable .register
{
    color: #fff;
    background: #2db4e9;
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block;
    padding: 10px 20px;
    cursor: pointer;
}

.styletable .confirm
{
    color: #fff;
    background: #3abd07;
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block;
    padding: 10px 20px;
    cursor: pointer;
}

.styletable .isregistred
{
    color: #fff;
    background: #3abd07;
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block;
    padding: 10px 20px;
    cursor: pointer;
}

.styletable .registercancel, .styletable .bookingcancel
{
    color: #fff;
    background: #ff0000;
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block;
    padding: 10px 20px;
    cursor: pointer;
}

.styletable .fullybooked
{
    color: #fff;
    background: #ff0000;
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block;
    padding: 10px 20px;
}


.register i, .confirm i, .isregistred i
{
    margin-right: 10px;
}









/*FORMULÄR*/
.textbox
{
    padding: 10px;
    border: 1px solid #777777;
    font-size: 1.5rem;
}

.form-control.datepicker
{
    background: url(/Img/icon-calendar.png) no-repeat;
    background-position: 5px 5px;
    padding-left: 50px;
}

.form-control.datetimepicker
{
    background: url(/Img/icon-calendar.png) no-repeat;
    background-position: 5px 5px;
    padding-left: 50px;
}

.form-control.timepicker
{
    background: url(/Img/icon-clock.png) no-repeat;
    background-position: 5px 5px;
    padding-left: 50px;
}

.form-control.numberbox
{
    background: url(/Img/icon-hashtag.png) no-repeat;
    background-position: 5px 5px;
    padding-left: 50px;
}

.form-control.userbox
{
    background: url(/Img/icon-user.png) no-repeat;
    background-position: 5px 5px;
    padding-left: 50px;
}

.form-control.editdate
{
    background: none !important;
    border: 0;
    padding: 0;
    width: 150px;
}

.form-control.edittime
{
    background: none !important;
    border: 0;
    padding: 0;
    width: 75px;
}

    .form-control.editdate:focus, .form-control.edittime:focus
    {
        outline: none;
    }

.form-control.bigbox
{
    width: 100%;
    height: 75px;
}

.form-control.notebox
{
    background: url(/Img/icon-notes.png) no-repeat;
    background-position: 5px 5px;
    padding-left: 50px;
}

.saveiconbutton
{
    color: #3eca27;
    cursor: pointer;
}

.missingfield
{
    border-bottom: 1px solid #ff0000 !important;
}

.button
{
    font-size: 1.3rem;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
}

    .button i
    {
        margin-right: 5px;
        -webkit-transition: all .5s ease .0s;
        -moz-transition: all .5s ease .0s;
        -o-transition: all .5s ease .0s;
        transition: all .5s ease .0s;
        -webkit-transform-origin: 50% 50%;
        transform-origin: center center 0;
    }

    .button.update
    {
    }

    .button:hover > i
    {
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -o-transform: rotate(3-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }












/*FILUPPLADDNING*/
.filelists
{
    margin: 20px 0;
}

    .filelists h5
    {
        margin: 10px 0 0;
    }

    .filelists .cancel_all
    {
        color: red;
        cursor: pointer;
        clear: both;
        font-size: 10px;
        margin: 0;
        text-transform: uppercase;
    }

.filelist
{
    margin: 0;
    padding: 10px 0;
}

    .filelist li
    {
        background: #fff;
        border-bottom: 1px solid #ECEFF1;
        font-size: 14px;
        list-style: none;
        padding: 5px;
        position: relative;
    }

        .filelist li:before
        {
            display: none !important;
        }

        .filelist li .bar
        {
            background: #eceff1;
            content: '';
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            width: 0;
            z-index: 0;
            -webkit-transition: width 0.1s linear;
            transition: width 0.1s linear;
        }

        .filelist li .content
        {
            display: block;
            overflow: hidden;
            position: relative;
            z-index: 1;
        }

        .filelist li .file
        {
            color: #455A64;
            float: left;
            display: block;
            overflow: hidden;
            text-overflow: ellipsis;
            max-width: 50%;
            white-space: nowrap;
        }

        .filelist li .progress
        {
            color: #B0BEC5;
            display: block;
            float: right;
            font-size: 10px;
            text-transform: uppercase;
        }

        .filelist li .cancel
        {
            color: red;
            cursor: pointer;
            display: block;
            float: right;
            font-size: 10px;
            margin: 0 0 0 10px;
            text-transform: uppercase;
        }

        .filelist li.error .file
        {
            color: red;
        }

        .filelist li.error .progress
        {
            color: red;
        }

        .filelist li.error .cancel
        {
            display: none;
        }




/*BILDGALLERI*/
.image-edit-item
{
    margin-bottom: 20px;
    position: relative;
}

    .image-edit-item span
    {
        position: absolute;
        top: 10px;
        right: 20px;
        background: red;
        padding: 7px 10px;
        cursor: pointer;
        color: #fff;
        z-index: 9999;
        font-size: 30px;
        display: none;
    }

    .image-edit-item:hover span
    {
        display: block;
    }

    .image-edit-item img
    {
        width: 100%;
    }