.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.hide-hover {
    display: none;
}

.hover-plato:hover > div.hide-hover {
    display: block;
}

.green-font {
    color: green;
}

.right-border {
    border-right: 2px solid #dee2e6;
}

.indigo-200 {
    color: #c29ffa;
}

.indigo-600 {
    color: #520dc2;
}

.red-font {
    color: red;
}

.p-grabbing {
    cursor: grabbing;
}

.p-grab {
    cursor: grab;
}

.room-recording {
    border: 1px solid #ddd;
    margin: 10px;
    border-radius: 5px;
    padding: 4px 10px;
}

.user-item {
    margin-right: 5px;
    display: inline-block;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 4px 10px;
    background-color: #e6ffdc;
    font-size: 8pt;
    vertical-align: top;
}

.group-item {
    margin-right: 5px;
    display: inline-block;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 4px 10px;
    background-color: #dfeffb;
    font-size: 8pt;
    vertical-align: top;
}



.active-case {
    background-color: #ddd;
}

.pointer {
    cursor: pointer;
}

.ng-invalid {
    border-color: #FA787E;
}

.hovering-cell {
    background-color: #ddd;
}

.schedule {
    /*color: white;*/
    border-radius: 5px;
    /*padding: 0px 2px !important;*/
    vertical-align: unset !important;
}

.schedule_color1 {
    background-color: #b71c1c
}

.stripes {
    background: repeating-linear-gradient( 45deg, #606dbc, #606dbc 10px, #465298 10px, #465298 20px );
}

.schedule_color2 {
    background-color: #880e4f
}

.schedule_color3 {
    background-color: #4a148c
}

.schedule_color4 {
    background-color: #311b92
}

.schedule_color5 {
    background-color: #1a237e
}

.schedule_color6 {
    background-color: #0d47a1
}

.schedule_color7 {
    background-color: #01579b
}

.schedule_color8 {
    background-color: #006064
}

.schedule_color9 {
    background-color: #1b5e20
}

.schedule_color10 {
    background-color: #33691e
}

.schedule_color11 {
    background-color: #827717
}

.schedule_color12 {
    background-color: #bf360c
}

.schedule_color13 {
    background-color: #3e2723
}

.schedule_color14 {
    background-color: #212121
}

.schedule_color15 {
    background-color: #263238
}

.schedule_color16 {
    background-color: #1c2331
}

.no-border {
    border-top: 0px !important;
}

.cell-popup {
    position: relative;
    display: inline-block;
}

.cell-popup-text {
    background-color: rgba(85, 85, 85, 0.8);
    position: absolute;
    z-index: 1;
    color: #fff;
    border-width: 5px;
    border-color: #555 transparent transparent transparent;
    border-radius: 6px;
    padding: 12px;
    min-width: 250px;
}

.participant_hovered {
    margin-left: 40px;
}

.checkbox label:after {
    content: '';
    display: table;
    clear: both;
}

.checkbox .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .5em;
}


    .checkbox .cr .cr-icon {
        position: absolute;
        font-size: .8em;
        line-height: 0;
        top: 20%;
        left: 15%;
    }

.checkbox label input[type="checkbox"] {
    display: none;
}

    .checkbox label input[type="checkbox"] + .cr > .cr-icon {
        transform: scale(3);
        opacity: 0;
        transition: all .2s ease-in;
    }

    .checkbox label input[type="checkbox"]:checked + .cr > .cr-icon {
        transform: scale(1);
        opacity: 1;
    }

    .checkbox label input[type="checkbox"]:disabled + .cr {
        opacity: .5;
    }

.btn-day {
    height: 40px;
}

.btn-day-width {
    width: 85px;
    margin: .25rem;
}

.btn-day.move {
    width: 60px;
    margin: 0.25em;
}

.dashed {
    border-style: dashed !important;
}

.drop-zone {
    min-height: 48px;
}

.file-size {
    min-width: 100px;
}

.file-progress-text {
    min-width: 45px;
}

.file-progress {
    min-width: 250px;
}

.total-count {
    min-width: 100px;
}