.TableMenuHeader {
    font-weight: bold;
}

.busy {
}

*,
*:active {
    outline: none !important;
}


.desk1 {
    background: url(images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 100%;
    background-image: url("/DW2/include/resources/images/SeatingCharts/Arrow11.png");
    width: 120px;
    height: 130px;
    background-repeat: no-repeat;
}

.desk2 {
    background: url(images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 100%;
    background-image: url("/DW2/include/resources/images/SeatingCharts/Arrow22.png");
    width: 120px;
    height: 130px;
    background-repeat: no-repeat;
}

.desk3 {
    background-image: url("/DW2/include/resources/images/SeatingCharts/Arrow33.png");
    width: 120px;
    height: 130px;
    background-repeat: no-repeat;
}

.desk4 {
    background-image: url("/DW2/include/resources/images/SeatingCharts/Arrow44.png");
    width: 120px;
    height: 130px;
    background-repeat: no-repeat;
}

.desk {
    width: 120px;
    height: 130px;
    background-repeat: no-repeat;
}


.free {
}

.draggable {
    /*width: 110px;*/
    height: 100px;
    padding: 5px;
    float: left;
    font-size: .9em;
    border: 0;
    cursor: grab;
}

/*margin: 0 10px 10px 0;*/
.ui-widget-header p {
    background-color: blue;
}

.myColor {
    background-color: #EEEEEE;
    border-color: #cccccc;
}

.myBorder {
    border: 2px solid red;
}

.noBorder {
    border-color: #cccccc;
}

.ui-widget-content p {
    margin: 0;
}

.studno {
    background-color: transparent;
}

#divStudnos {
    padding: .75em 1em;
    resize: vertical;
    height: 156px;
    min-height: 140px;
    max-height: 50vh;
    /*border-bottom: 1px solid #9acfea;*/
}

    #divStudnos div[studno][seat] {
        margin-right: 1em;
    }

    #divStudnos div[studno][seat],
    .snapTarget {
        height: 100px;
        width: 120px;
        float: left;
        /*margin: 0 10px 10px 0;*/
        font-size: .9em;
        /*padding: 5px;*/
        background: transparent !important;
        border: 1px solid #cccccc;
        border-radius: .33333em;
        -moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.2); /*FF 3.5+*/
        -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.2); /*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
        box-shadow: 2px 2px 2px rgba(0,0,0,0.2); /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
    }


.room { /*background-color:#EEEEEE;*/
    width: 100%;
    min-height: 18em;
    padding: .75em 1em;
    border-left: 1px solid #337ab7;
    border-right: 1px solid #337ab7;
    border-top: none;
    border-bottom: none;
}

.autoScroll {
    overflow: scroll;
    width: auto;
    height: 120px;
}

.ui-icon {
    background-color: Gray;
}

.ui-autocomplete {
    max-height: 100px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}

.floatingLeft {
    float: left;
    width: 60%;
    height: 80px;
}

.floatingRight {
    float: right;
    width: 40%;
    height: 100px;
}
/* 
            * IE 6 doesn't support max-height
            * we use height instead, but this forces the menu to always be this tall
            * Nobody uses Internet Explorer anymore and Microsoft no longer supports IE - 2022-11-29
        */

.circle-container {
    position: relative;
    width: <%=circleSizeWidth%>px;
    height: <%=circleSizeHeight%>px;
    padding: 60px;
    border: dashed 1px;
    border-radius: 50%;
    margin: 1.75em auto 0;
}

    .circle-container div {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -55px;
    }

.Empty {
    display: inline-block;
    margin: 0;
}

.back {
    border: none !important;
    background: transparent !important;
}

.kundregister_grid_1 {
    width: 140px;
}

.container-box {
    display: block;
    background-color: #dfeffc !important;
    padding: .75em 1em;
    border: 1px solid #337ab7;
}

.container-box-front {
    border-radius: .3333em .3333em 0 0 !important;
}

.container-box-back {
    border-radius: 0 0 .3333em .3333em !important;
}

.mytable {
    border-spacing: 10px;
    border-collapse: separate;
}
/* force a height so the tabs don't jump as content height changes */
#tabs .tabs-spacer {
    float: left;
    height: 100px;
}

.tabs-bottom .ui-tabs-nav {
    clear: left;
    padding: 0 .2em .2em .2em;
}

    .tabs-bottom .ui-tabs-nav li {
        top: auto;
        bottom: 0;
        margin: 0 .2em 1px 0;
        border-bottom: auto;
        border-top: 0;
    }

        .tabs-bottom .ui-tabs-nav li.ui-tabs-active {
            margin-top: -1px;
            padding-top: 1px;
        }

.form-horizontal {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: flex-end;
}

    .form-horizontal > label {
        margin-bottom: 0;
    }

#rblsession {
    margin-bottom: 1em !important;
    width: auto !important;
}

    #rblsession > tbody > tr > td {
        vertical-align: middle !important;
        border-color: transparent;
        border-right: 1px solid #cccccc;
    }

        #rblsession > tbody > tr > td:last-child {
            border-right: none;
        }

        #rblsession > tbody > tr > td > label {
            margin-bottom: 0;
            margin-left: .5em;
        }

#tabs > div:nth-child(2) > input[type=image] {
    border-radius: 5px;
    transition: all .2s ease-in-out;
    /*opacity: .7;*/
    filter: brightness(90%);
    /*filter:grayscale(50%);*/
}

    #tabs > div:nth-child(2) > input[type=image]:hover {
        opacity: 1;
        filter: brightness(125%);
        /*filter: grayscale(0%);*/
    }

#unassignedStudentsContainer .container_rounded_content {
    padding: 0 !important;
}


#divRoom > table {
    margin-left: auto;
    margin-right: auto;
}

    #divRoom > table > tbody > tr > td {
        padding: .5em;
    }

.form-flex,
.form-flex-sm {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: flex-start;
}

    .form-flex > * {
        margin-left: 1em;
    }


        .form-flex > *:first-child {
            margin-left: 0;
        }

    .form-flex-sm > * {
        margin-left: .5em;
    }

        .form-flex-sm > *:first-child {
            margin-left: 0;
        }

.d-inline-block {
    display: inline-block !important;
    width: auto;
}

.checkbox-List label,
.radio-button-list label {
    font-weight: normal !important;
}

table.checkbox-List label {
    display: inline-block;
    margin-left: .333333em;
}

.scroll-y110 {
    max-height: 110px;
    overflow-y: scroll;
    min-height: 34px;
}