@font-face {
    font-family: 'Cairo-Bold';
    src: url('../Cairo/Cairo-Bold.ttf') format('truetype');
}
* {
    font-family: 'Cairo-Bold' !important;
    color:#fff;
}
body {
    background-color: rgb(56,42,78);
}
#DirModal {
    direction:rtl;
}
.btn{
    color:#fff;
    margin:10px;
}
.btn:hover{
    color:#fff;
}
#MainImage{
    width:100%;
    height:auto;
}

#NoteModal #Note{
    width:100%;
}

.modal-footer .btn + .btn {
    margin-left: 5px;
    margin-bottom: 10px !important;
}

#SearchModal table{
    border-color:#fff;
    width:100%;
    margin:20px 0px;
    direction:rtl;
}
#SearchModal table td,
#SearchModal table th{
    text-align:right;
    padding:5px;
}
.jstree-default .jstree-clicked,
.jstree-hovered {
    background-color: unset !important;
}

.Control-Icon{
    width:60px;
    height:60px;
    margin:10px;
}
.jstree-anchor {
    /*enable wrapping*/
    white-space: normal !important;
    /*ensure lower nodes move down*/
    height: auto !important;
}

.jstree-default.jstree-rtl .jstree-node{
    width:93%;
}

#Video {
    display: none;
    width: 100%;
    height: 500px;
}

.bootbox-body{
    color:#000 !important;
}

.FullScreen {
    position: absolute;
    width: 100%;
    left: 0px;
    z-index: 1;
}
#FullScreenClose {
    display: none;
    position: fixed;
    top: 10px;
    left: 10px;
    z-index: 2;
    cursor: pointer;
    color: #f00;
    border: 2px solid #f00;
    border-radius: 25px !important;
    padding: 0px 5px;
}
.PNFullScreen {
    font-size:12px;
    position: fixed;
    top: 40px;
    right: 40px;
    z-index: 2;
}