/* school logo */
.custom-school-logo {
    margin-top: 5px !important;
}

/* tooltips */
.tooltip-inner {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #222;
    background-color: #efefef;
    width: 200px;
}
.tooltip-arrow {
    border-bottom-color: #efefef !important;
}

/* central vertical align for all tables */
.table > thead > tr > th {
    vertical-align: middle;
    text-align: center;
}
.table > tbody > tr td {
    vertical-align: middle;
    text-align: center;
}

/* Цвят на текста в логин формата */
.login .content h3, .login .content h4 {
    color: #888;
}
.login .content label, .login .content p {
    color: #888;
}

/* admin profile (teacher, student/parent) buttons - background */
.tabbable-line > .nav-tabs {
    background-color: #fff;
}

.form-group.required .control-label:after { 
    content: "*";
    color: #e7505a;
}

.alert{
    font-size: 20px;
    text-align: center;
    font-weight: bold;
}

/* fixes metronic bootstrap bootbox design */
.modal {
    width: auto;
}
.modal-dialog {
    margin: 0;
}
/* Прави курсора на мишката на ръчичка в дадения ред от таблицата */
tbody tr.selectable td {
    cursor: pointer;
}
tbody tr td.selectable {
    cursor: pointer;
}
.profile-userpic-not-round img{
    float:none;
    margin:0 auto;
    padding: 0 10px;
}

.badge {
    padding: 2px 6px 2px;   
}

.cursor-disabled {
    cursor: not-allowed;
}

.uploadifive-custom-select {
    height: auto !important;
    line-height: initial !important;
}

.uploadifive-custom-upload {
    margin-left: 10px;
}

.dataTables_filter{
    float:left !important;
}

.dataTables_length{
    float:right !important;
}

.dataTables_paginate {
    clear:both !important;
    width: 100% !important;
    text-align: center !important;
}

/* Преви хедъра на таблиците със сив фон и сиви букви (използваме го ако в таблицата се разпъва таблица)*/
.grey-header th {
    background-color: #444D58;
    color: #BCC2CB; width: 5%;
}

/* Задаваме лимит на ширина на колона в таблицата */
.width_limit_70 {
    word-wrap: break-word;
    max-width: 70px;
}

/* Таблици със вътрешен скрол и статичен хед */
@media (min-width: 768px) {
    /* Таблица със скрол 195px */
    .scrollable_table_195 tbody {
        display: block;
        height: 195px;
        overflow-y: auto;
        scrollbar-gutter: stable;
    }

    .scrollable_table_195 thead, .scrollable_table_195 tbody tr {
        display: table;
        width: 100%;
        table-layout: fixed;
    }
    .scrollable_table_195 thead {
        width: calc(100% - var(--scrollbar-w, 0px));
    }
    /* Край таблица със скрол 195px */

    /* Таблица със скрол 395px */
    .scrollable_table_395 tbody {
        display: block;
        height: 395px;
        overflow-y: auto;
        scrollbar-gutter: stable;
    }

    .scrollable_table_395 thead, .scrollable_table_395 tbody tr {
        display: table;
        width: 100%;
        table-layout: fixed;
    }
    .scrollable_table_395 thead {
        width: calc(100% - var(--scrollbar-w, 0px));
    }
    /* Таблица със скрол 395px */

    /* Таблица със скрол max height 280px */
    .scrollable_table_280_max tbody {
        display: block;
        max-height: 280px;
        overflow-y: auto;
        scrollbar-gutter: stable;
    }

    .scrollable_table_280_max thead, .scrollable_table_280_max tbody tr {
        display: table;
        width: 100%;
        table-layout: fixed;
    }
    .scrollable_table_280_max thead {
        width: calc(100% - var(--scrollbar-w, 0px));
    }

    .scrollable_table_280_max thead td {
        font-weight: bold;
        text-align: center;
        vertical-align: middle;
    }
    /* Таблица със скрол max 280px */
}

/* Отделителна линия ползва се в курсист в бялата лента */

.separator_line {
    float: right;
    border-left: 1px solid #E3E8EC;
    height: 40px; 
    display: inline-block;
    width: 1px;
    margin-left: 5px;
    margin-top: 12px;
}

/* В курсове в студенти премества бутона вход в ляво */
.mt-widget-2 .mt-head .mt-head-label {
    left: 8px;
}

.mt-widget-2 .mt-head .mt-head-user .mt-head-user-img::after{
    display: none;
}

/* Login формата */
.social-icon.facebook {
    background: url(../images/facebook.png) no-repeat;
}

.social-icons li .facebook {
    background: url(../images/facebook.png) no-repeat;
}

.social-icons li > a {
    width: 75px;
}

.login .content .form-actions {
    border-bottom: 1px solid #eee;
}
/* END Login формата */

/* Табовете в админа в профила на курсиста да са с по малък падинг */
.tabbable-line > .padding10 > li > a {
    padding-left: 10px;
    padding-right: 10px;
}
/* END Табовете в админа в профила на курсиста да са с по малък падинг */

/* Default height of CKeditor 5 */
.ck-editor__editable_inline {
    min-height: 250px !important;
}
/* END Default height of CKeditor 5 */

/**v. ...*/
.vDrop{
    background: url(../../assets/global/img/portlet-expand-icon-white.png) center center no-repeat;
    width: 16px;
    cursor: pointer;
    height: 16px;
    margin-left: 5px;
    display: inline-block;
    transition: all .3s;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.vDrop.down{
    transform: rotateZ(180deg);
}

.vRemove{
    background: url(../../assets/global/img/portlet-remove-icon-white.png) center center no-repeat;
    width: 16px;
    cursor: pointer;
    height: 16px;
    margin-left: 5px;
    display: inline-block;
    transition: all .3s;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.vRemove.disabled{
    opacity: 0.5;
    cursor: no-drop;
}

.cke_dialog_background_cover { 
    z-index: 10999 !important 
}

.cke_dialog { 
    z-index: 11000 !important 
}

.ui-datepicker{ 
    z-index: 11001 !important;
}

#cke_task_comment_ck{
    z-index: 11002 !important;
}

.cke_editable_inline{
    border:1px solid #ccd;
    padding:10px;
    border-radius:4px;
    font-size:13px;
}

.cke_editable_inline p{
    margin-bottom:5px;
    margin-top:0px;
}

.notAllowed{
    cursor:not-allowed;
}

#v-multiselect-container .multiselect-container{
    z-index: 10060;
}

.admin-multiselect-container .multiselect-container{
    padding:5px 15px;
}

#v-multiselect-container .multiselect-selected-text{
    font-size:14px;
    font-weight:400;
    text-transform: capitalize;
    color:#333;
}

#v-multiselect-container .caret{
    border-top: 6px dashed;
    border-right: 3px solid transparent;
    border-left: 3px solid transparent;
    float: right;
    margin-top: 8px;
}

#v-multiselect-container .multiselect{
    text-align:left;
    padding: 6px 6px 6px 15px;
    box-shadow: none;
    border-radius: 4px;
}

#v-multiselect-container .multiselect:hover{
    background:#eee;
}

#v-multiselect-container .btn-group, 
#v-multiselect-container .multiselect, 
#v-multiselect-container .multiselect-container{
    width:100%;
}

#f-container{
    display:flex;
    flex-direction: row;
}

#f-income-container{
    padding:15px;
    width:25%;
    box-sizing: border-box;
}

#f-cost-container{
    padding:15px;
    width:25%;
    box-sizing: border-box;
}

#f-result-container{
    padding:15px;
    width:50%;
    box-sizing: border-box;
}

@media screen and (max-width: 992px) {
    #f-container {
        flex-direction: column;
    }

    #f-result-container{
        order: 1;
        width:100%;
    }

    #f-income-container{
        order: 2;
        width:100%;
    }

    #f-cost-container{
        order: 3;
        width:100%;
    }
}
/**v. ...*/