/*
 *
 * START OF FILE
 *
 */

/*--------------------------------------------------------------------------------*/

body.ajax-running:before {
    content: 'please wait . . .';
    display: block;
    position: fixed;
    background: rgb(0 0 0 / 75%);
    z-index: 10000;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 50vw;
    font-size: 125%;
    font-weight: 700;
    color: #fff;
}

#osw-docmngr {
    margin-bottom: 50px;
}

#osw-docmngr .tab-content:not(.active),
#osw-docmngr .hide {
    display: none;
}

/*
 *
 * Authentication: Login and Register
 *
 */

/*--------------------------------------------------------------------------------*/

#osw-docmngr.login-register {
    display: flex;
    justify-content: center;
    align-content: center;
}

#tabs-nav {
    background: #eb6d15;
    padding: 20px 20px 0;
    margin: -40px -40px 40px -40px;
}
#tabs-nav button {
    padding: 10px 20px;
    border-radius: 0;
    border: none;
    margin: 0 6px 0 0px;
    font-weight: 600;
    color: #ffffff;
    background: #ffa261;
    cursor: pointer;
}
#tabs-nav button.active {
    background: #f3f3f3;
    color: #eb6d15;
}

#tabs-authentication {
    width: 100%;
    max-width: 600px;
    background: #f3f3f3;
    padding: 40px 40px 40px;
}
#tabs-authentication h1,
#tabs-authentication h2 {
    font-size: 20px;
    padding: 0;
    margin: 0 0 20px;
}

#tabs-authentication .msg-notif {
    margin-bottom: 10px;
}
#tabs-authentication .form-group {
    margin-bottom: 10px;
}
#tabs-authentication label {
    display: block;
    margin-bottom: 2px;
}
#tabs-authentication .form-control {
    width: 100%;
}
#tabs-authentication form button {
    background: #000;
    border: none;
    font-size: 15px;
    padding: 10px 30px;
    color: #fff;
    cursor: pointer;
    margin-top: 10px;
}

#tabs-authentication a.trigger-reset {
    margin-left: 20px;
    color: #000;
    cursor: pointer;
}
#tabs-authentication #reset-form {
    padding-top: 30px;
}

/*
 *
 * Dashboard
 *
 */

/*--------------------------------------------------------------------------------*/

#osw-docmngr .container {
    padding: 0 !important;
}

#osw-docmngr #folder-btns {
    margin-bottom: 30px;
}

#osw-docmngr #folder-btns a,
#osw-docmngr #folder-btns button {
    display: inline-block;
    vertical-align: middle;
    padding: 0px 15px;
    background: #333;
    border: none;
    color: #fff;
    text-decoration: none;
    margin: 0 6px 0 0;
    line-height: 35px;
    position: relative;
}

#osw-docmngr #folder-btns button[disabled] {
    background: #d8d8d8;
    cursor: not-allowed;
}

#osw-docmngr #folder-btns i {
    position: relative;
    margin-right: 4px;
}

#osw-docmngr #folder-btns a:hover,
#osw-docmngr #folder-btns button:not([disabled]):hover {
    background: #eb6d15;
}

#osw-docmngr #folder-btns #view-tasks .pending {
    display: none;
    position: absolute;
    top: -5px;
    right: -5px;
    background: #2196F3;
    width: 20px;
    height: 20px;
    border-radius: 100%;
}
#osw-docmngr #folder-btns #view-tasks .pending.warning {
    background: #ff9800;
}
#osw-docmngr #folder-btns #view-tasks .pending.danger {
    background: red;
}
#osw-docmngr #folder-btns #view-tasks .pending.show {
    display: block;
}
#osw-docmngr #folder-btns #view-tasks .pending i {
    font-size: 11px;
    position: relative;
    top: -9px;
    right: -1px;
}

#osw-docmngr .card.card-folders .d-inline-flex {
    position: relative;
}

#osw-docmngr .folder-container {
    text-align: center;
    margin: 0 15px 10px;
    width: 100px;
    padding: 0;
    align-self: start;
    background: none;
    border: none;
    outline-color: transparent !important;
    cursor: pointer;
}

#osw-docmngr .folder-container.file.error {
    cursor: not-allowed;
}

#osw-docmngr .folder-icon {
    font-size: 3em;
    line-height: 1.25em;
}
#osw-docmngr .folder-icon-color {
    color: #ffc107;
    text-shadow: 1px 1px 0px #e0a800;
}

#osw-docmngr .folder-name {
    overflow-wrap: break-word;
    word-wrap: break-word;
    hyphens: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
}

#osw-docmngr .flex-column .folder-container {
    display: flex;
    width: auto;
    min-width: 100px;
    text-align: left;
    margin: 0;
    margin-bottom: 1rem;
}
#osw-docmngr .flex-column .folder-icon,
#osw-docmngr .flex-column .folder-name {
    display: inline-flex;
}
#osw-docmngr .flex-column .folder-icon {
    font-size: 1.4em;
    margin-right: 1rem;
}
#osw-docmngr .file-icon-color {
    color: #999;
}

#osw-docmngr .card {
    border-radius: 0;
}

#osw-docmngr .card-header {
    padding: 10px 20px;
}

#osw-docmngr .card-header .btn {
    border-radius: 0;
    height: 35px;
    width: 35px;
    border: 1px solid #eb6d15;
}
#osw-docmngr .card-header .btn.active {
    background: #eb6d15;
}

#osw-docmngr .card-header .btn-group .btn:not(.active):not(:hover) i {
    color: #eb6d15;
}

#osw-docmngr .card-header .btn:hover {
    background: #ff9800;
}
#osw-docmngr .card-header .btn:hover i {
    color: #fff;
}

#osw-docmngr .card-body {
    border-radius: 0;
    padding: 20px;
}

#osw-docmngr input.form-control {
    border-radius: 0;
    padding: 0 10px;
    line-height: 33px;
    box-shadow: none;
}
#osw-docmngr input.form-control:focus {
    border-color: #eb6d15;
}

#osw-docmngr form#search-files.row {
    margin: 0;
}
#osw-docmngr form#search-files > .col {
    padding: 0;
    margin: 0;
}
#osw-docmngr form#search-files button {
    border-radius: 0;
    height: 35px;
    width: 35px;
    border: none;
    margin-left: 10px;
    background: #eb6d15;
}
#osw-docmngr form#search-files i {
    position: relative;
    top: -1px;
    left: -1px;
}

#osw-docmngr .breadcrumb {
    list-style: none;
    background: #f8f8f8;
    padding: 6px 15px 5px;
    margin: 0 0 15px;
}

#osw-docmngr .breadcrumb-item + .breadcrumb-item::before {
    content: ">";
    margin: 0 10px;
}

#osw-docmngr .breadcrumb i {
    position: relative;
    margin-right: 5px;
}
#osw-docmngr .breadcrumb li {
    font-size: 13px;
    line-height: normal;
}

#osw-docmngr .breadcrumb .active a {
    cursor: not-allowed;
    font-weight: 500;
    color: #999999;
}

#osw-docmngr .breadcrumb li:not(.active) a {
    cursor: pointer;
}
#osw-docmngr .breadcrumb li:not(.active) a:hover {
    color: #eb6d15;
}

#osw-docmngr #main-folders {
    margin-top: 25px;
}

#osw-docmngr #main-files {
    margin-top: 25px;
}

#osw-docmngr #filesGroup.loading {
    position: relative;
}
#osw-docmngr #filesGroup.loading:before {
    content: "loading...";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgb(0 0 0 / 50%);
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

#osw-docmngr .empty {
    margin: 0 0 5px;
    color: #999999;
}

#osw-docmngr .dropdown-menu {
    border-radius: 0;
}
#osw-docmngr .dropdown-item:active {
    background: #eb6d15;
}

/*
 *
 * Notification
 *
 */

/*--------------------------------------------------------------------------------*/

.msg-notif {
    border: 1px solid;
    background: #f8f8f8;
    color: #333;
    padding: 7px 15px 8px 10px;
    line-height: 145%;
    border-left: 5px solid #333333;
}
.msg-notif a {
    color: inherit;
    text-decoration: underline;
}

.success.msg-notif {
    background: rgb(145 205 147 / 50%);
    color: #28702b;
    border-color: #348537;
}
.error.msg-notif {
    border-color: #bd0b0b;
    background: rgb(255 126 126 / 50%);
    color: #870d0d;
}
.warning.msg-notif {
    border-color: #ffa907;
    color: #7c610e;
    background: rgb(255 193 7 / 50%);
}
.info.msg-notif {
    background: rgb(0 188 212 / 50%);
    color: #07545e;
    border-color: #1791a1;
}

/*
 *
 * Popup
 *
 */

/*--------------------------------------------------------------------------------*/

body.modal-open {
    overflow: hidden;
}

.modal {
    background: rgb(0 0 0 / 75%);
    display: none;
}

#oswModal .modal-content {
    border-radius: 0;
}
#oswModal .modal-header {
    border-radius: 0 !important;
}
#oswModal .modal-title {
    padding: 0;
}

#osw-modal .form-control {
    border-radius: 0;
    min-height: 35px;
    padding-left: 10px;
    padding-right: 10px;
}
#osw-modal .form-control:focus {
    box-shadow: none;
}

#osw-modal #addl-files .form-control {
    margin-top: 10px;
}

#osw-modal .form-group {
    margin-bottom: 15px;
}
#osw-modal .form-group label {
    display: block;
    margin-bottom: 5px;
}

#osw-modal form > div:last-child {
    text-align: right;
}

#osw-modal .ajax-message .msg-notif {
    margin-bottom: 15px;
}

#osw-modal select.form-select {
    border-radius: 0;
}
#osw-modal select.form-select:focus {
    box-shadow: none;
}

#osw-modal button {
    border-radius: 0;
}
#osw-modal button.btn.btn-primary {
    border-radius: 0px;
    background: #eb6d15;
    border-color: #eb6d15;
}
#osw-modal button.btn.btn-primary:hover {
    background: #ff9800;
    border-color: #ff9800;
}
#osw-modal button.btn.btn-link {
    color: #333;
    text-decoration: none;
}

#osw-modal #list-tasks.loading {
    position: relative;
}
#osw-modal #list-tasks.loading:before {
    content: "loading...";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgb(0 0 0 / 50%);
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

#osw-modal #list-tasks h2 {
    font-size: 19px;
    margin: 0 0 0;
}

#osw-modal #list-tasks .task {
    position: relative;
    background: #f3f3f3;
    padding: 10px 15px 10px 45px;
    margin-bottom: 15px;
}
#osw-modal #list-tasks .task:before {
    width: 20px;
    height: 20px;
    display: block;
    content: "";
    position: absolute;
    background: #ff9800;
    top: 11px;
    left: 12px;
    border-radius: 100%;
    border: 3px solid #ffffff;
}

#osw-modal #list-tasks .details .title {
    position: relative;
    cursor: pointer;
}

#osw-modal #list-tasks .meta {
    margin: 8px 0 3px;
}
#osw-modal #list-tasks .meta ul {
    margin: 0;
    padding: 0;
}
#osw-modal #list-tasks .meta li {
    font-size: 12px;
    display: inline-block;
    margin: 0 5px 5px 0;
}
#osw-modal #list-tasks .meta span {
    background: #ffffff;
    display: inline-block;
    padding: 3px 8px;
}
#osw-modal #list-tasks .meta span.today {
    background: #ff980087;
}
#osw-modal #list-tasks .meta span.expired {
    background: #ffa6a6;
}

#osw-modal #list-tasks .meta i {
    margin-right: 2px;
}
#osw-modal #list-tasks .details .desc {
    font-size: 14px;
}

#osw-modal #list-tasks .files ul {
    padding: 0;
    margin: 5px 0;
}
#osw-modal #list-tasks .files li {
    font-size: 12px;
}

#osw-modal #list-tasks #tasks-history .task:before {
    background: #03a9f4;
}
#osw-modal #list-tasks #tasks-history .details {
    color: grey;
}
#osw-modal #list-tasks #tasks-history .meta span {
    background: #03a9f414;
}

#osw-modal form.edit-task #attachments ul {
    padding: 0;
}
#osw-modal form.edit-task #attachments li {
    display: block;
    border: 1px solid #dee2e6;
    padding: 5.63px 10px;
    margin-top: 10px;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#osw-modal form.edit-task #attachments li a {
    text-decoration: none;
}
#osw-modal form.edit-task #attachments li .delete-attachment {
    background: red;
    position: absolute;
    top: 0;
    right: 0;
    padding: 6px 19.4px;
    color: #fff;
    cursor: pointer;
    display: none;
    z-index: 2;
}
#osw-modal form.edit-task #attachments li:hover .delete-attachment {
    display: block;
}

#osw-modal .dropdown-menu {
    border-radius: 0;
}
#osw-modal a.dropdown-item:active {
    background: #eb6d15;
}

/*--------------------------------------------------------------------------------*/

/*
 *
 * END OF FILE
 *
 */