@font-face{
    font-family:'untash';
    src:url(../fonts/untash.eot);
    src:url(../fonts/untash.woff) format("woff"),url(../fonts/untash.ttf) format("ttf")
}

*, .btn, .swal-button{
    font-family: untash;
}

body{
    direction: rtl;
    background-color: #f4f3ef;
}

.login-container{
    max-width: 600px;
    margin: 100px auto 0 auto;
}

.login-container .login-form{
    margin: 50px 0 0 30px;
}

.login-container input{
    direction: ltr;
    width: auto;
    display: inline-block;
    margin-bottom: 5px;
}

.login-container img{
    float: right;
}

.alert{
    text-align: right;
}

.main-panel{
    float: left;
    width: calc(100% - 255px);
}

.sidebar{
    left: auto;
    right: 0;
    width: 245px;
    border-left: 1px solid #ddd;
    border-right: none;
}

.dropdown-menu-right{
    left: 10px;
    right: auto;
}

.card-just-text .dropdown .dropdown-menu:after, .card.card-just-text .dropdown .dropdown-menu:after, .dropdown-btn .dropdown-menu:after, .dropdown .dropdown-menu[x-placement=bottom-end]:after, .dropdown .dropdown-menu[x-placement=bottom-start]:after, .navbar-nav .dropdown-menu:after{
    left: 18px;
    right: auto;
}

.sidebar .sidebar-wrapper li.active>[data-toggle=collapse]+div .nav li:after, .sidebar .sidebar-wrapper li.active>a:not([data-toggle=collapse]):after{
    border-left: 17px solid #f4f3ef;
    border-right: none;
    left: -40px;
}

.sidebar .sidebar-wrapper li.active>[data-toggle=collapse]+div .nav li:before, .sidebar .sidebar-wrapper li.active>a:not([data-toggle=collapse]):before{
    border-left: 17px solid #ddd;
    left: -39px;
    border-right: none;
}

.sidebar .nav a p{
    font-size: 16px;
}

.sidebar .nav a{
    text-align: right;
    padding-right: 0 !important;
}

.sidebar .nav a i{
    margin-left: 10px;
    margin-right: 0;
}

.off-canvas-sidebar .nav, .sidebar .nav{
    padding: 0 0 0 35px
}

.off-canvas-sidebar .sidebar-wrapper, .sidebar .sidebar-wrapper{
    width: 255px;
    padding: 0;
    overflow: hidden;
}

.off-canvas-sidebar .nav i, .sidebar .nav i{
    float: right;
}

@media screen and (max-width: 991px){
    .bootstrap-navbar, .sidebar{
        transform: translate3d(245px,0,0);
    }

    .main-panel{
        width: 100%;
    }

    .nav-open .main-panel{
        transform: translate3d(-245px,0,0);
    }
}

a.card, a.card .card-category{
    color: #777777;
    text-decoration: none;
    transition: all 200ms;
}

a.card:hover, a.card:hover .card-category{
    color: #51cbce !important;
}

.card-stats .card-footer .stats{
    text-align: right;
}

.card-title{
    text-align: right;
    float: right;
}

.table{
    text-align: right;
}

.th-actions{
    width: 120px;
}

.th-users-actions{
    width: 180px;
}

.table .btn{
    color: #fff;
    width: 52px !important;
    padding-right: 5px;
    padding-left: 5px;
}

.table-responsive{
    overflow: auto;
}

.swal-footer{
    text-align: center;
}

.swal-footer .swal-button{
    width: 100px;
}

.btn-add-record{
    float: right;
    font-family: untash;
    font-size: 16px;
    margin-top: 0;
    padding-top: 9px;
    padding-bottom: 9px;
}

.modal .close{
    position: absolute;
    left: 0;
}

.modal-body{
    text-align: right;
}

.modal input{
    font-family: untash;
}

.search-inplace{
    font-family: untash;
}

.settings-container{
    padding: 15px;
    text-align: right;
}

.left{
    text-align: left;
}

.max-500{
    max-width: 500px;
}

select.form-control{
    height: 39px;
}

.table-search{
    float: left;
    width: auto;
    margin-right: 10px;
}

.table-search input{
    font-family: untash;
    padding: 0 10px !important;
}

.table-search .nc-icon{
    margin-left: 10px;
}

.select2-container{
    display: block;
    width: 100% !important;
    max-width: none;
}

.select2-container .select2-selection{
    border:1px solid #ced4da;
    height: 38px;
}

.select2-container .select2-results__option{
    text-align: right !important;
}

.select2-selection{
    direction: rtl;
}

.select2-selection__rendered{
    margin-top: 5px;
}

.select2-selection__arrow{
    margin-top: 5px;
    left: 5px;
}

input.error, .select2-selection.error{
    border-color:#ef8157 !important;
}

.pagination-container .pagination{
    margin-left: 20px;
    margin-top: 20px;
    float: left;
}

.page-item.active .page-link{
    background-color: #51adce;
    border-color: #5193ce;
}

.page-link{
    color: #5193ce;
    transition: all 200ms;
}

.page-item:first-child .page-link{
    border-radius: 0;
    border-top-right-radius: .25em;
    border-bottom-right-radius: .25em;
}

.page-item:last-child .page-link{
    border-radius: 0;
    border-top-left-radius: .25em;
    border-bottom-left-radius: .25em;
}

.empty-list{
    text-align: center;
}

.empty-list img{
    max-width: 250px;
    width: 100%;
    margin: 20px 0;
}

.input-group{
    direction: ltr 
}

.input-group input{
    direction: rtl;
}

.table-search input{
    max-width: 150px;
}

.search-form{
    float: left;
}

.search-form .input-group{
    float: right;
}

.date-control{
    width: 100px;
    direction: ltr !important;
    text-align: right;
}

.datepicker-plot-area{
    border-radius: 10px;
    border-color: #dfdfdf;
}

.datepicker-grid-view td span{
    border-radius: 50% !important;
    transition: all 100ms;
}

.table-btn{
    margin: 0 10px 0 0;
    padding: 5px 10px;
    background: hsla(0,0%,87%,.3);
}

.table-btn:hover{
    background-color:  hsl(206deg 100% 81% / 30%) !important;
}

.table-btn i{
    font-size: 24px;
    color: #51cbce;
}

.dashboard-form{
    margin: 10px 0 0 10px;
}

.dashboard-form .select{
    display: inline-block;
    width: calc(100% - 310px);
}

.dashboard-form .select .select2-selection__rendered{
    text-align: right;
}

.select2-container{
    outline: red !important;
}

.card-title{
    margin: 10px 10px 0 0;
}

.card-desc{
    text-align: right;
    margin-right: 10px;
    color: #9a9a9a;
}

.settings-container .card-category{
    font-size: 20px !important;
    margin-top: 15px;
}

.off-canvas-sidebar .nav li>a, .sidebar .nav li>a{
    margin-top: 5px;
    padding-top: 5px;
    padding-bottom: 0;
    margin-bottom: 0;
}

.off-canvas-sidebar .nav i, .sidebar .nav i{
    font-size: 20px;
}

.sidebar .sidebar-wrapper li.active>[data-toggle=collapse]+div .nav li:after, .sidebar .sidebar-wrapper li.active>a:not([data-toggle=collapse]):after{
    top: 5px;
}

.sidebar .sidebar-wrapper li.active>[data-toggle=collapse]+div .nav li:before, .sidebar .sidebar-wrapper li.active>a:not([data-toggle=collapse]):before{
    top: 5px;
}

.folder{
    text-align: center;
    width: 100%;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    border-radius: 10px;
    transition: all 200ms;
    text-decoration: none !important;
    color: #66615b;
    position: relative;
}

@media(min-width: 300px){
    .folder{
        width: 50%;
    }
}

@media(min-width: 500px){
    .folder{
        width: 33.3%;
    }
}

@media(min-width: 600px){
    .folder{
        width: 25%;
    }
}

@media(min-width: 800px){
    .folder{
        width: 20%;
    }
}

@media(min-width: 1200px){
    .folder{
        width: 16.66%;
    }
}

@media(min-width: 1400px){
    .folder{
        width: 12.5%;
    }
}

@media(min-width: 1700px){
    .folder{
        width: 10%;
    }
}

.folder img{
    display: block;
    margin: auto;
    padding: 10px;
}

.folder-contents{
    padding: 20px;
}

.folder:hover{
    background-color: #cdeeef;
    color: black;
}

.search-container{
    padding: 10px 10px 0 10px;;
}

.folders-container{
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    text-align: right;
}

.files-container{
    padding-left :10px;
    padding-right: 10px;
}

.files-container .btn{
    width: 80px !important;
    float: left;
}

.files-container .btn .fa{
    font-size: 16px;
    vertical-align: middle;
}

.files-container tr .btn:first-child .fa{
    margin-left: 8px;
}

.files-container tr .btn:last-child .fa{
    margin-right: 8px;
}

.files-container .table thead th:last-child{
    width: 180px;
}

.files-container .td-filename a{
    display: inline-block;
    width: calc(100% - 30px);
}

.search-container .btn-success, .search-container .btn-primary{
    margin: 0 10px 0 0;
}

.modal-header .close{
    padding-top: 5px;
    padding-left: 10px;
}

.folder .fa{
    font-size: 20px;
    position: absolute;
    left: 35px;
    top: 60px;
    color: #02ab02;
    transition: all 200ms;
    display: none;
    padding: 4px 0px;
    border-radius: 5px;
    background-color: #ffffff55;
    width: 35px;
}

.folder .fa:last-child{
    top: 90px;
    color: red;
}

.folder .fa:hover{
    background-color: #ffffff99;
}

.folder.contextmenu .fa{
    display: block;
}

.files-container .table tbody tr td:nth-child(2), .files-container .table tbody tr td:nth-child(3){
    font-family: arial !important;
    font-weight: bold;
}

.ltr{
    direction: ltr;
    text-align: right;
    font-family: arial !important;
    font-weight: bold;
    font-size: 20px;
}

.table tr td{
    position: relative;
}

.table .dropdown{
    background-color: #fff;
    box-shadow: 0 0 4px #666;
    border-radius: 5px;
    margin-top: 5px;
    position: absolute;
    z-index: 1000;
    width: 165px;
    display: none;
}

.table .dropdown a{
    display: block;
    padding: 5px 10px;
    color: #66615b;
    text-decoration: none;
}

.table .dropdown a .fa{
    margin-left: 10px;
}

.table .dropdown a:hover{
    background-color: #51cbce;
    color: #fff;
}

.files-container img{
    width: 40px;
}

.search-container .btn .fa{
    font-size: 16px;
    margin-left: 5px;
}

.files-container tr td:first-child a:not(.link){
    text-decoration: none;
    color: #212529;
}

.btn-dropdown{
    margin-right: 5px !important;
}

.tree-view{
    padding: 0;
    list-style: none;
    text-align: right;
}

.tree-view li{
    display: inline-block;
    padding: 0 5px;
}

.tree-view li:after{
    content: "/";
    margin-right: 5px;
    color: #aaa;
}

.tree-view li:last-child:after{
    display: none;
}

.table-padding{
    margin: auto;
    margin: 0 5px;
}

#tree .fa{
    font-size: 18px;
    margin-left: 0px;
    color: #bbb;
    cursor: pointer;
    transition: all 200ms;
    display: inline-block;
    vertical-align: middle;    
}

#tree .fa:hover{
    color: #09a71c;
}

#tree .fa.active{
    color: #09a71c;
    animation-name: heartbeat;
    animation-duration: 200ms;
}

@keyframes heartbeat{
    0%{
        transform: scale(1);
    }

    90%{
        transform: scale(1.5);
    }

    100%{
        transform: scale(1);
    }
}

.table-history{
    text-align: center;
}


.table-history tbody tr td:nth-child(5){
    color: red;
}

.table-history tbody tr td:nth-child(5).confirmed{
    color: green;
}

.table-history .ltr{
    font-size: 12px;
    text-align: center;
}

.table-revisions{
    text-align: center;
}

.table-backups .ltr{
    font-size: 14px;
}

.swal-modal.notify{
    height: 100px;
    width: 100px;
    border-radius: 100%;
    overflow: hidden;
    position: absolute;
    left: 10px;
    bottom: 5px;
}

.swal-modal.notify .swal-icon{
    margin-top: 6px;
}

div.permissions{
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
}

.main-search-container{
    width: 100%;
    max-width: 400px;
    position: absolute;
    left: 140px;
}

.main-search-container .fa{
    font-size: 18px;
    position: absolute;
    color: #aaa;
    left: 15px;
    top: 10px;
}

.main-search-container input{
    height: 40px;
    font-family: untash;
    border: none;
}

@media(max-width:991px){
    .main-search-container{
        width: 50%;
        margin-right: 10px;
    }
}

@media(max-width:400px){
    .main-search-container{
        position: absolute;
        margin-top: 80px;
        left: 10px;
        right: 10px;
        width: auto;
    }
}

.table input[type=checkbox]{
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
}

.path-row td{
    border-top: none;
    margin-top: 0px !important;
    padding-top: 0px !important;
}