@import url("../modules/mdbootstrap/css/compiled.min.css");
@import url("../modules/bootstrap/css/bootstrap_custom_last.css");
@import url("../modules/fontawesome/css/all.min.css");
@import url("fonts.css");
@import url("tebyan.css");
@import url("rtl.css");
@import url("../modules/bootstrap/css/datepicker/bootstrap-datepicker.min.css");
@import url("DataTables/datatables.min.css");

html, body {
    height: 100%;
}
.k-pager-wrap .k-link, .k-pager-wrap .k-state-selected {
    width: calc(1.4285714286em + 15px);
}
.ngb-tp, .ngb-dp-header {
    direction: ltr;
    text-align: right;
}
.k-multiselect-wrap {
    max-height: 200px;
    overflow:auto;
}
[_nghost-c10] > select[_ngcontent-c10] {
    padding: 0rem 0rem;
}
html, body {
    height: 100%
}

body {
    background: #f2f2f2
}

header {
    height: 55px;
    background: #4b7bec
}

header {
    background: #3867d6
}

main {
    height: calc(100% - 40px)
}

aside {
    width: 240px;
    top: 55px;
    right: 0;
    background: #f2f2f2
}

.MainMenu {
    top: 55px
}

.user-tools {
    top: 55px;
    min-width: 320px;
    max-width: 320px
}

.contetnt-user-tools {
    margin-right: 105px
}

.footer-user-tools {
    background: #f5f5f5
}

.fa-sort-up {
    line-height: 0;
    top: 2px
}

.arrow-top-1 {
    left: 8px
}

.arrow-top-2 {
    left: 5px;
    color: rgba(0,0,0,.1)
}

.arrow {
    top: 12px;
    left: 10px
}

.user-tools-item {
    word-wrap: break-word
}

.AsideLinkItem:hover {
    background: #e9e9e9
}

.checksize:checked + .MinimizeAside + header + .content aside .AsideLinkItem:hover {
    background: #ddd
}

.content {
    padding-top: 55px;
    min-height: 100%
}

.content-page {
    margin-right: 255px
}

.user-box:hover .user-tools {
    display: block
}

.checksize:checked + .MinimizeAside + header + .content aside {
    right: -240px
}

.checksize:checked + .MinimizeAside + header + .content .content-page {
    margin-right: 15px
}

.checksize {
    width: 17px;
    height: 17px
}

.AsideTitle {
    height: 25px
}

.AsideCheck {
    height: 41px
}

.checksize:checked + .MinimizeAside {
    opacity: .7
}

.AsideGroup:hover {
    background: #e7e7e7
}

.footer-user-item:hover {
    box-shadow: 0 1px 1px rgba(0,0,0,0.1)
}

@media (max-width: 768px) {
    .content-page {
        margin-right: 15px
    }

    aside {
        right: -240px
    }

    .checksize:checked + .MinimizeAside + header + .content aside {
        right: 0
    }
}
input[type=checkbox],
input[type=radio] {
    box-sizing: border-box !important;
    padding: 0 !important;
    pointer-events: all !important;
}
.btn input {
    width: 100% !important;
}
.overflow-y {
    overflow-y:auto;
}

.prettyprint {
    text-align: left;
    direction: ltr;
}