/* __CSSRES */


/* ---------------> FORM ELEMENTS */
textarea {
    font-family: Source Sans Pro;
}

/* --------------> SEARCH BAR - Otázky a odpovědi */
.search-qa {
    box-sizing: border-box;
    /*padding: 8px;*/
    width: 360px;
    display: inline-flex;
    padding-left: 12px;
}

    .search-qa input {
        box-sizing: border-box;
        border: 1px solid #ABB9BF;
        background: #fff;
        width: 249px;
        padding: 0 6px;
        height: 32px;
        font-size: 14px;
        vertical-align: top;
        color: #566971;
        border-right: none;
        padding-right: 10px;
        border-radius: 3px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }

        .search-qa input:focus {
            border: 1px solid #00A2E2;
            box-shadow: 0 0 0 3px rgba(0,162,226,0.15);
            outline: none;
            color: #0090C9;
        }
        
        .search-qa input::-webkit-input-placeholder {
            color: #ABB9BF;
            font-style: italic;
        }
        .search-qa input::placeholder {
            color: #ABB9BF;
            font-style: italic;
        }
        .search-qa input:-ms-input-placeholder {
            color: #ABB9BF;
            font-style: italic;
        }

.search-qa button:disabled {
    background: #888;
    border: 0px solid #888;
    color: #fff;
    cursor: not-allowed;
}

.search-qa button:hover {
    cursor: pointer;
}

    .search-qa button.button_search {
        box-sizing: border-box;
        background: #00a2e2;
        border: 0px solid #00a2e2;
        color: #fff;
        height: 32px;
        padding: 0 3px;
        vertical-align: top;
        font-size: 14px;
        text-align: left;
        width: 100px;
        border-bottom-right-radius: 3px;
        border-top-right-radius: 3px;
    }

        .search-qa button.button_search:hover {
            background: #0090C9;
            border-color: #0090C9;
        }
        .search-qa button.button_search:focus {
            border: 1px solid #00A2E2;
            box-shadow: 0 0 0 3px rgba(0,162,226,0.15);
            outline: none;
        }
        .search-qa button.button_search:active {
            background: #007EB0;
            border-color: #007EB0;
        }

    .search-qa button.button_delete {
        box-sizing: border-box;
        background: #f7fdff;
        border: 1px solid #00a2e2;
        border-left: none;
        color: #fff;
        height: 32px;
        padding: 0 3px;
        vertical-align: top;
        font-size: 14px;
        text-align: left;
    }


    .search-qa button.button_search::before {
        content: "";
        width: 32px;
        height: 32px;
        display: inline-block;
        background-image: url('../../next/images/master/lupa.png');
        background-size: 20px;
        background-repeat: no-repeat;
        background-position: center;
        vertical-align: middle;
    }

    .search-qa button.button_delete::before {
        content: "";
        width: 32px;
        height: 32px;
        display: inline-block;
        background-image: url('../../next/images/shared/cross_red.png');
        background-repeat: no-repeat;
        background-position: center;
        vertical-align: middle;
    }

    .search-qa button > span {
        display: inline-block;
        vertical-align: middle;
        font-weight: 300;
        color: #fff;
        margin-left: 0px;
        font-size: 14px;
    }

/* ---------------> SEARCH BAR */
.search-bar{
    width: 100%;
    background-image: linear-gradient(-180deg, #f5f5f5 0%, #e5e5e5 100%);
    padding-bottom: 10px;
}

.lista .search-bar {
    width:302px;
}

.search-bar > div.search{
    margin:3px 0 3px 10px;
    background:#f7fdff;
    width:249px;
    height:24px;
    border:1px solid #00a2e2;
    position:relative;
    padding-left:30px;
    display:inline-block;
}

.search-bar > div.search > input{
    background:transparent;
    border:none;
    width:98%;
    height:100%;
    font-size:18px;
    color:#0090c9;
}

.search-bar > div.search > input:focus{
    outline:none;
}

/*
.search-bar .filters {
    background-image:url(../../next/images/komens/ico-32-filtr-hover.png);
    width:32px;
    height:32px;
}
*/

.search-bar > div.search .active-filter {
    position:absolute;
    top:0;
    right:0;
    background-color:#00A2E2;
    color:#fff;
    margin:2px 3px;
    padding:0px 5px;
    font-size:12px;
    line-height:20px;
    height:20px;
}

.search-bar > div.vybrane{
    display:inline-block;
    height:32px;
   /*padding-top:5px;
    vertical-align:top;*/
    box-sizing:border-box;
}

.search-bar > div.vybrane .modul, .search-bar > div.vybrane .tema{
    background-color:#fff;
    background-image:url('../../next/images/otazky/ico-16-odstranitTag.png');
    background-repeat:no-repeat;
    background-position:right center;
    color:#00a2e2;
    padding-right:20px;
}

.search-bar > div.vybrane .modul:hover, .search-bar > div.vybrane .tema:hover{
    background-color:#0090ca;
    background-image:url('../../next/images/otazky/ico-16-odstranitTag-hover.png');
    color:#fff;
}

.search-bar .search:before{
    content:"";
    display:inline-block;
    background-image:url('../../next/images/master/ico-16-inputHledat.png');
    background-size:16px;
    background-position:center;
    background-repeat:no-repeat;
    width:30px;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    opacity:.8;
}



/* ---------------> DROPDOWN MENU CUSTOM */
.dropdownmenu {
    margin:3px 8px;
}

.dropdownmenu-parent {
    width:100%;
}

.dropdownmenu-top span.filter {
    display:inline-block;
    background-image:url('../../next/images/komens/ico-32-filtr.png');
    background-position:center center;
    height:22px;
    width:24px;
}

.dropdownmenu-top span.user {
    width: 50px;
    height: 41px;
    font-size: 32px;
    text-align: center;
    color: #fff;
    padding-top: 7px;
}

.positionable {
    position:absolute;
    z-index:12000;
    right:0;
    top:0;
    border-spacing:0;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

div.dropdownmenu-box {
    display: none;
    background-color: #edf0f1;
    border: 1px solid #edf0f1;
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
}

div.dropdownmenu-box .dropdown-inner {
    margin:20px;
}

div.header_right div.dropdownmenu-box {
    display:none;
}



/* ----------------> pretizeni DX THEME */
.dxeCheckBoxList_NextBlueTheme {
    border:none;
}

.dropdownmenu-box .dxbButton_NextBlueTheme {
    margin:10px 14px;
}

.drop-down-edit input {
    visibility:hidden;
}

.dxeListBoxItem_NextBlueTheme {
    padding:8px 10px !important;
}



/* ---------------> FORM ELEMENTS */
textarea {
    font-family: Source Sans Pro;
}

span.label {
    padding:5px;
}

span[disabled] {
    pointer-events:none;
}



/* ---------------> CHECKBOX */
label:not(.dx-field-item-label) {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    margin-top: 10px;
    color: #566971;
    font-weight: 600 !important;
    font-size: 14px;
    padding-left: 5px;
}

input[type="checkbox"] ~ label {
    cursor: pointer;
    padding-left: 8px;
}

/* Base for label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
    display:none;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
    position:relative;
    padding-top:2px;
    padding-left:27px;
}

/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
    content:'';
    position:absolute;
    top:2px;
    left:0px;
    width:18px; 
    height:18px;
    background-color:#ffffff;
    box-sizing:border-box;
    margin-right:10px;
    border-radius: 3px;
}

    [type="checkbox"]:not(:checked) + label:before {
        border: 1px solid #00a2e2;
    }

[type="checkbox"]:hover:not(:checked) + label:before {
    border: 2px solid #0090C9;
}
 
[type="checkbox"]:active:not(:checked) + label:before {
    border: 2px solid #007EB0;
}

[type="checkbox"]:focus:not(:checked) + label:before {
    border: 2px solid #0090C9;
    box-shadow: 0 0 0 3px rgba(0,162,226,0.15);
}

[type="checkbox"][disabled]:checked + label:before,
[disabled] [type="checkbox"]:checked + label:before {
    border: 1px solid #E6E6E6;
    background-color: #E6E6E6;
}

[type="checkbox"][disabled]:not(:checked) + label:before,
[disabled] [type="checkbox"]:not(:checked) + label:before {
    background: #FFFFFF;
    border: 1px solid #D9D9D9;
}

[type="checkbox"]:hover:checked + label:before {
    border: 2px solid #0090C9;
    background-color: #0090C9;
}

[type="checkbox"]:active:checked + label:before {
    border: 2px solid #007EB0;
    background-color: #007EB0;
}

[type="checkbox"]:focus:checked + label:before {
    border: 2px solid #0090C9;
    box-shadow: 0 0 0 3px rgba(0,162,226,0.15);
}

[type="checkbox"][disabled]:not(:checked) + label,
[type="checkbox"][disabled]:checked + label {
    pointer-events: none;
    cursor: default;
}

[type="checkbox"]:hover:checked + label:after,
[type="checkbox"]:focus:checked + label:after,
[type="checkbox"]:active:checked + label:after {
    background: url(../../next/images/shared/checkbox-ano-white.png);
    background-repeat: no-repeat;
    background-position: center;
}

/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
    content: '';
    background: url(../../next/images/shared/checkbox-ano-blue.png);
    position: absolute;
    top: 2px;
    left: 0;
    height: 18px;
    width: 18px;
    background-repeat: no-repeat;
    background-position: center;
}

[type="checkbox"][disabled]:not(:checked) + label:after,
[type="checkbox"][disabled]:checked + label:after,
[disabled] [type="checkbox"]:not(:checked) + label:after,
[disabled] [type="checkbox"]:checked + label:after {
    background: url(../../next/images/shared/checkbox-ano-blue-disabled.png);
    background-repeat: no-repeat;
    background-position: center;
}

/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
    opacity:0;
}
[type="checkbox"]:checked + label:after {
    opacity:1;
}

.check-box {
    margin-left:7px;
}



/* ---------------> BUTTONS */
.bk-button {
    height: 32px;
    padding: 5px 20px;
    color: #ffffff;
    text-align: center;
    font-size: 13px;
    font-family: Source Sans Pro;
    cursor: pointer;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    text-decoration: none;
    box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.15);
    box-sizing: border-box;
    -webkit-appearance: none;
    border: 1px solid #00a2e2;
    border-radius: 3px;
    font-weight: 600;
    display: flex;
    align-items: center;
}

.bk-button.with-icon {
    padding: 0 15px 0 0;
}

.bk-button.with-icon span {
    padding-top: 0;
    padding-left: 10px;
    vertical-align: middle;
}

.bk-button.with-icon i {
    vertical-align: middle;
}

    .bk-button.with-icon i:before {
        font-size: 32px;
        text-align: center;
        display: table-cell;
        vertical-align: middle;
        font-family: 'baka-webicons';
    }

    .bk-button.with-icon i[class*="ico32-modul-"]:before {
        font-family: 'baka-webicons-modul';
    }

    .bk-button.blue:not(:disabled):hover {
        background: #0090C9;
        border-color: #0090C9;
        color: #fff;
    }

    .bk-button.blue:not(:disabled):active {
        background: #007EB0;
        border-color: #007EB0;
        outline: none;
    }

    .bk-button.blue:focus:not(:active):not(.disabled):not(:disabled) {
        background: #0090C9;
        border-color: #0090C9;
        box-shadow: 0 0 0 3px rgba(0,162,226,.15);
        outline: none;
    }

    .bk-button.disabled,
    .bk-button.blue.disabled {
        pointer-events: none;
        cursor: default;
        border: 1px solid #cecece;
        color: #cecece;
        background-color: #E6E6E6;
        box-shadow: none;
        opacity: 1;
    }

        .bk-button.disabled span,
        .bk-button.disabled p,
        .bk-button.disabled i,
        .bk-button.blue.disabled span,
        .bk-button.blue.disabled i,
        .bk-button.blue.disabled p {
            color: #c1c1c1;
        }

a.bk-button {
    height:24px;
    line-height:24px;
    padding:5px 2px;
}

.bk-button p {
    color:#ffffff;
    font-size: 13px;
}

.bk-button.blue {
    background: #00A2E2;
    font-size: 13px;
    font-family: Source Sans Pro;
    outline: none;
}

    .bk-button.blue.ghost {
        background: transparent;
        border-color: transparent;
        box-shadow: none;
        color: #00a2e2;
        font-size: 13px;
        font-family: Source Sans Pro;
    }
    
    .bk-button.blue.ghost:active,
    .bk-button.blue.ghost:focus {
        color: #fff;
    }

.bttn-close-small {
    background-image:url('../../next/images/komens/komens-16-odebrat-hover.png');
    width:16px;
    height:16px;
}

.button_Agree > input.bk-button.blue {
    border: 1px solid #ffffff;
    outline: none;
    background: rgba(0,162,226, 0.9);
}

.button_Agree > input.bk-button.blue:hover {
    background: #0090C9;
}

/* ---------------> MODAL SETTING */
.modal .scroll_box {
    max-height:550px;
    padding-right:5px;
}

.modal .editor-table {
    height: 250px !important;
}


/* ---------------> CONFIRM DIALOG */
.confirm-dialog .dxpc-contentWrapper {
	min-width:300px;
}

.confirm-dialog .controls {
    padding: 10px 0;
    margin-top: 15px;
}



/* ---------------> BAKA DIALOG PROPERTIES */
.baka-dialog {
    min-width:280px;
}

.baka-dialog label {
    float:left;
    margin-top:5px;
    width:70px;
}

.baka-dialog .label-warning {
    display:inline-block;
    line-height:18px;
    height:auto!important;
}

.baka-dialog > .dxpc-contentWrapper > .dxpc-content > table {
    margin-bottom:15px;
    width:100%;
}

.baka-dialog .textarea-fix {
    width:100%;
}

.baka-dialog .textarea-fix textarea {
    height:60px;
}



/* ---------------> CUSTOM UI BK-DIALOG */
.bk-custom-dialog.ui-widget-content {
    box-shadow: 0 2px 6px 0 rgb(0 0 0 / 20%);
    border: 0 !important;
    border-radius: 3px;
    padding: 0;
    background: #F7F8F9;
    z-index: 999 !important;
}

.bk-custom-dialog .ui-widget-header {
    border: none;
    background: transparent;
    padding: 15px 20px !important;
}

.bk-custom-dialog > table {
    width:100%!important;
}

.bk-custom-dialog .ui-dialog-titlebar-close {
    top: 4px;
    right: 4px;
    margin: 0;
    padding: 0;
    width: 32px;
    height: 32px;
}

.bk-custom-dialog .ui-button-icon-only .ui-icon {
    top:0;
    left:0;
    right:0;
    margin-top:0;
    margin-left:0;
}

.bk-custom-dialog .ui-widget-header .ui-button,
.bk-custom-dialog .ui-widget-header .ui-button:hover,
.bk-custom-dialog .ui-widget-header .ui-button:focus {
    border:none;
    background-color:transparent;
    outline:none;
}

.bk-custom-dialog .ui-widget-header .ui-button .ui-icon,
.bk-custom-dialog .ui-widget-header .ui-button:hover .ui-icon,
.bk-custom-dialog .ui-widget-header .ui-button:focus .ui-icon {
/*    background-image:url('../../next/images/shared/ico-32-zavrit.png');*/
    background-image: none;
    width:32px;
    height:32px;
    background-repeat:repeat;
}

.bk-custom-dialog .ui-dialog-buttonset .ui-button {
    border-radius:0;
    background:#00A2E2;
    color:#ffffff;
    border:1px solid #ffffff;
    padding:5px 20px;
    margin:0;
}

.bk-custom-dialog .ui-dialog-buttonset .ui-button:hover {
    background:#6c7c7c;
}

/* WITH CONFIRM CLASS */
.bk-custom-dialog.confirm.ui-dialog .ui-dialog-title {
    color: #566971;
}

.bk-custom-dialog.confirm.ui-dialog .ui-dialog-buttonpane {
    background: transparent;
    border: 0;
}

.bk-custom-dialog.confirm .ui-widget-content {
    padding: 10px 20px;
}

.bk-custom-dialog.confirm .ui-dialog-buttonpane .ui-dialog-buttonset {
    width:100%;
}

    .bk-custom-dialog.confirm .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button,
    .bk-custom-dialog.confirm .ui-dialog-buttonpane .ui-dialog-buttonset button {
        height: 32px;
        padding: 5px 20px;
        font-size: 13px;
        font-family: Source Sans Pro;
        cursor: pointer;
        transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        color: #fff;
        background-color: #00a2e2;
        border-color: #00a2e2;
        max-height: 32px;
        font-weight: 600;
        height: 32px;
        border-radius: 3px;
        font-size: 13px;
        border: 0;
    }

        .bk-custom-dialog.confirm .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:hover,
        .bk-custom-dialog.confirm .ui-dialog-buttonpane .ui-dialog-buttonset button:hover {
            color: #fff;
            background-color: #0090C9;
            border-color: #0090C9;
            box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15);
        }

        .bk-custom-dialog.confirm .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:focus,
        .bk-custom-dialog.confirm .ui-dialog-buttonpane .ui-dialog-buttonset button:focus {
            outline: 0;
            box-shadow: 0 0 0 3px rgba(0,162,226,0.15);
            background-color: #0090C9;
            border-color: #0090C9;
            color: #fff;
        }

.bk-custom-dialog.confirm .ui-dialog-buttonpane .ui-dialog-buttonset button:last-of-type {
    float:right;
}

.bk-custom-dialog.confirm #fileRename-content > div {
    margin: 10px 0;
}

.bk-custom-dialog.confirm #fileRename-content > div.oldname {
    font-size:14px;
    color:#777;
}

    .bk-custom-dialog.confirm #fileRename-content > div.rename input {
        background: #ffffff;
        border: 1px solid #abb9bf;
        font-size: 14px;
        border-radius: 3px;
        height: 32px;
        padding: 0 5px;
        min-width: 220px;
        color: #566971;
        display: inline-block;
    }

        .bk-custom-dialog.confirm #fileRename-content > div.rename input:focus {
            border-color: #00A2E2;
            box-shadow: 0 0 0 3px rgba(0,162,226,0.15);
            color: #00a2e2;
            outline: none;
        }

.bk-custom-dialog.confirm #fileRename-content > div.rename span {
    color:#0090ca;
}

/* ---------------> ICONS */
.baka-ico {
    float:left;
    width:32px;
    height:32px;
    background-repeat:no-repeat;
    background-position:center center;
}

.edit-pen {
    background-image:url(../../next/images/tk/editovat2.png);
    background-position:center center;
    width:32px;
    height:32px;
    margin-top:-10px;
    float:right;
}

.chooseAll {
    background-image: url('../../next/images/tk/vsechny.png');
    background-position: center center;
    background-size: contain;
    width: 24px;
    height: 24px;
    margin-top: -5px;
    margin-left: 5px;
    float: right;
    opacity: 0.4;
}

.delete-ico {
    background-image:url('../../next/images/shared/cross_red.png');
    background-repeat:no-repeat;
    background-position:center center;
    width:20px;
    height:20px;
}

.trash-ico {
    background-image:url('../../next/images/shared/smazat1.png');
    background-repeat:no-repeat;
    width:32px;
    height:32px;
}

.bk-button .trash-ico-white {
    margin-top:-1px;
}

.trash-ico-white {
    background-image:url('../../next/images/shared/smazat2.png');
    background-repeat:no-repeat;
    width:32px;
    height:32px;
}



/* ---------------> NOTIFICATIONS */
.notify.red-border {
    border:1px solid #C20E1A;
}

.notify > .mssg {
    color: #C20E1A;
    font-weight: 600;
    font-size: 14px;
    line-height: 15px;
    font-family: Source Sans Pro;
}

header .disclaimer {
    position:absolute;
    bottom:0;
    right:0;
    font-size:12px;
    margin:2px 10px;
    color:#79878d;
}

@media all and (max-width: 979px) {
    header .disclaimer {
        left:0;
        font-size: 10px;
        line-height: 9px;
    }
}



/* -----------------> SWITCH CONTROL */
.switch-control {
    list-style:none;
}

    .switch-control li {
        border: 1px solid #00A2E2;
        border-right: none;
        font-size: 14px;
        line-height: 17px;
        padding: 7px 20px 6px 20px;
        color: #00A2E2;
        text-align: center;
        transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        box-sizing: border-box;
        background: #fff;
    }

        .switch-control li:first-child {
            border-top-left-radius: 16px;
            border-bottom-left-radius: 16px;
        }
        
        .switch-control li:last-child {
            border-top-right-radius: 16px;
            border-bottom-right-radius: 16px;
        }

.switch-control li:last-of-type {
    border-right:1px solid #00A2E2;
}

.switch-control li.selected {
    background-color:#00A2E2;
    color:#ffffff;
}

    .switch-control li:hover {
        background-color: #0090c9;
        color: #ffffff;
    }
    
    .switch-control li:active {
        background-color: #007eb0;
        color: #ffffff;
    }

        .switch-control li:focus {
            background-color: #0090c9;
            box-shadow: 0 0 0 3px rgba(0,162,226,0.15);
            border: 1px solid #00A2E2;
            color: #ffffff;
            outline: none;
        }

/* -----------------> MESSENGER */
.mssngr-container {
    width:100%;
    min-height:150px;
}

.mssngr-box {
    width:100%;
    margin:5px 0;
    padding:20px 0 10px 0;
    position:relative;
    border-bottom:1px solid #dadada;
    box-shadow:0px 2px 1px #eaeaea;
}

.mssngr-box:nth-of-type(2n + 1) {
    background-color:#f3f3f3;
}

.mssngr-box > div {
    margin:0 10px;
}

.mssngr-box:after {
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:5px;
    height:100%;
}

.mssngr-content {
    overflow:hidden;
    padding-top:5px;
}

.mssngr-content * {
    background-color:transparent!important;
}

.mssngr-from {
    font-style:italic;
    color:gray;
    position: absolute;
    top: 5px;
    left: 0;
}

.mssngr-sentdate {
    position: absolute;
    top: 2px;
    right: 0px;
    font-size: 12px;
    color: gray;
}

.mssngr-attachment {
    padding-top:5px;
    color:gray;
    font-size:11px;
}

.mssngr-attachment a {
    color:#00a2e2;
}

.mssngr-control {
    margin:10px 0;
}

.mssngr-new-comment label {
    color:#9b9b9b;
    font-size:10px;
}

.mssngr-new-comment textarea {
    width:calc(100% - 13px);
    height:60px;
    padding:5px;
    margin-bottom:5px;
    background: #f7fdff;
    border:1px solid #00a2e2;
}



/* ---------------> BAKA BOXLIST */
.baka-boxlist {
    height: 450px;
    border: 1px solid #ABB9BF;
    background-color: #ffffff;
    background-color: var(--white-color);
    padding: 3px 0;
    overflow-y: auto;
    overflow-x: hidden;
    border-radius: 3px;
}

.baka-boxlist li {
    padding:6px 0 8px 10px;
    width:100%;
    box-sizing:border-box;
}

.baka-boxlist li:nth-of-type(2n + 1) {
    background-color:#f3f3f3;
}

.baka-boxlist li:hover {
    background-color:#cacaca;
    transition:background-color 0.15s ease-out;
}

.baka-boxlist li._not-assigned:hover .item-name {
    color:#ffffff;
}

.baka-boxlist ._not-assigned {
    border-top:1px solid #eaeaea;
}

.baka-boxlist li .fa-envelope, .baka-boxlist li .fa-envelope-open-o, .baka-boxlist li .fa-close {
    color:#0092cc;
    margin:3px 10px 3px 0px;
}

.baka-boxlist ._not-assigned .item-box {
    display:inline-block;
    padding:3px 0;
    vertical-align:middle;
    color:#cacaca;
}

.baka-boxlist ._not-assigned ~ ._not-assigned {
    border-top:none;
}

.baka-boxlist ._not-assigned .item-name {
    color:#cacaca;
}

.baka-boxlist ._not-assigned .item-checkbox {
    visibility:hidden;
    pointer-events:none;
}

.baka-boxlist ._not-assigned .fa.fa-close:before {
    content:'\f0e2';
    font-size:12px;
}

.baka-boxlist .item-checkbox, .baka-boxlist ._set-assigned {
    display:none;
    pointer-events:none;
}

._with-evid .item-checkbox, ._edit ._set-assigned {
    display:block;
    pointer-events:auto;
}

.baka-boxlist .item-box .fa-close {
    font-size:larger;
}

#cbHomeworkStudentEvid_selectedStudents > h3 > span:first-of-type {
    font-size:large;
    font-weight:500;
    line-height:13px;
}

.baka-boxlist ._unread .fa-envelope-open-o:before {
    content:'\f0e0';
}

    

/* --------------> NO DATA */
.no-data {
    margin: 30px;
    color: #ced6db;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    font-weight: bold;
}



/* --------------> TABLE DATAGRID */
table.datagrid {
    border-collapse:collapse;
    width:100%;
}

table.datagrid > thead > tr > th, table.datagrid > tbody > tr > td, table.datagrid > tfoot > tr > td {
    height:32px;
    box-sizing:border-box;
}

table.datagrid > thead > tr > th, table.datagrid > tbody > tr > td:not(.ico-padding), table.datagrid > tfoot > tr > td {
    padding:5px;
}

table.datagrid > thead > tr > th, table.datagrid > tbody > tr > td:not(.no-data) {
    color:#4F4F4F;
}

    table.datagrid > thead > tr > th {
        text-align: left;
        color: #758D96;
        font-weight: normal;
        font-size: 12px;
    }

    table.datagrid > tbody > tr {
        border-top: 1px solid #ECEFF0;
    }

/*table.datagrid > tbody > tr:nth-child(odd) {
    background-color:#f5f5f5;
}*/

table.datagrid > tbody > tr:hover {
    background-color:#0090c9;
    transition:background-color 0.15s ease-out;
}

table.datagrid > tbody > tr:hover > td,
table.datagrid > tbody > tr:hover > td span {
    color: #fff !important;
}

    table.datagrid > tfoot > tr > td {
        background-color: #ECEFF0;
    }

table.datagrid.custom-add > tfoot > tr > td {
    background-color:#f5f5f5;
}

table.datagrid > tfoot .table-cell {
    margin-right:35px;
}

table.datagrid input[type=text] {
    width:99%;
    padding:0 2px;
}

table.datagrid button, .bk-small-button {
    height:22px;
    padding:3px 5px;
}



/* --------------> INPUT TYPE NUMBER */
.bttn-number {
    position:relative;
    margin-right:10px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance:none;
    margin:0;
}

input[type=number] {
    -moz-appearance:textfield;
}

.bttn-number input {
    border: 1px solid #ABB9BF;
    padding: 6px;
    background-color: #ffffff;
    height: 30px;
    width: 65px;
    color: #566971;
    border-radius: 3px;
}

    .bttn-number input:focus {
        outline: 0;
        border: 1px solid #00A2E2;
        box-shadow: 0 0 0 3px rgba(0,162,226,0.15);
    }

.bttn-number p {
    padding:7px 5px 7px 0;
}

.bttn-number-nav {
    float:left;
    position:relative;
    height:30px;
}

.spinner {
    position:absolute;
    cursor:pointer;
    width:20px;
    text-align:center;
}

.spinner.inc {
    height:50%;
    top:0;
    right:0;
    background-image:url('Editors/btn-32x16-counterVice.png');
    width:32px;
    height:15px;
    background-position:0px -1px;
}

.spinner.inc:hover {
    background: url('Editors/btn-32x16-counterVice-hover.png');
}

.spinner.inc:not([disabled]):active {
    background: url('Editors/btn-32x16-counterVice-down.png');
}

.spinner.dec {
    bottom:0;
    right:0;
    height:50%;
    background-image:url('Editors/btn-32x16-counterMene.png');
    width:32px;
    height:15px!important;
    background-position:0px -1px;
}

.spinner.dec:hover {
    background: url('Editors/btn-32x16-counterMene-hover.png');
}

.spinner.dec:not([disabled]):active {
    background: url('Editors/btn-32x16-counterMene-down.png');
}