#file_manager .offcanvas-body .row i:before {
    font-size: 100px;
    color: grey
}

#file_manager .col-2 {
    padding: 10px
}

.file_clicked {
    background: #e0e0e0;
}

#menu-right-click-file a {
    cursor: pointer;
}

#menu-right-click a {
    cursor: pointer;
}


.selectable .ui-selecting {
    background: #e0e0e0;
}

.selectable .ui-selected {
    background: #e0e0e0;
    /*color: white;*/
}

.selectable {
    list-style-type: none;
}

.file_area a {
    width: 100%;
    height: 100%;
    display: inline-block;
}

.file_area .editable {
    padding-top: 5px;
    display: inline-block
}

.folder .badge {
    left: 90% !important;
    top: 15% !important;
}

.dropdown-menu li {
    position: relative;
}

.dropdown-menu .dropdown-submenu {
    display: none;
    position: absolute;
    left: 100%;
    top: -7px;
}

.dropdown-menu .dropdown-submenu-left {
    right: 100%;
    left: auto;
}

.dropdown-menu>li:hover>.dropdown-submenu {
    display: block;
}

.row.selectable {padding-left:0;}

.row.selectable .editable {font-size:16px;}

.file_area {padding-left:10px;padding-right:10px}

.project_del {font-size:20px;}
.project_del:hover {color:red;cursor:pointer;}

.row.active_projects > *,.row.under_support > *, .row.older_projects > * {padding-right:0px}
#file_viewer .modal-dialog {width:98%;max-width:98%;min-height: 98%;height:98%}

#file_viewer .canvas__container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 auto;
}

#file_viewer .zoom {
    color: #005bac;
    outline: #fff;
    border: 1px solid #005bac;
    border-radius: 10%;
    padding: 12px 12px;
    text-align: center;
    transition: all 0.3s ease;
    font-size: 1rem;
}

#file_viewer input[type='number'] {
    -moz-appearance: textfield;
    appearance: textfield;
    margin: 0;
    text-align: center;
    width: 20%;
    height: 2rem;
    font-size: 1rem;
}

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

#file_viewer .navigation {
    color: #000;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin:0px;
    margin-left:40px;
}

#file_viewer .nextprev i {
    font-size:1.5rem;
}

#the-canvas,#the-txt-canvas {
border: 1px solid black;
direction: ltr;
}

#the-txt-canvas {
    min-height:70vh;
    direction:left;
}

#file_viewer .btn-close {
 font-size:1rem;   
}

.smartphoto {z-index:999999999!important;}

.btn-download {margin-left:50px;font-size: 1rem;padding:5px; position:absolute;right:60px;}

#file_viewer .modal-header {position:relative;}
.project_client_footer {padding-left:2px;padding-right:2px;padding-bottom:5px;}
.project_del {margin-top:2px;}
.pbottom .col {padding-top:10px;}
.project_financials {font-size:90%}
.project_url a {font-size:100%;}

.full-projects .card-actions {margin-bottom:0.1rem;}
.full-projects .project_deadline {margin-bottom:0.3rem;padding-left:5px;}
#no_support_default {margin-top:5px;}

@media (min-width:801px) {
.full-projects .card-footer {padding-left:3px!important;padding-right:5px!important;}
.full-projects .card-footer i {border-radius: 0px!important;}
}