/*
Downloadio admin logs style.
Contain all admin logs style of the plugin.

Since: 1.0.0

Table of contents:
==================
1. Post table
2. Popup
3. Add user
4. Remove user
5. Remove bulk users
6. Assign downloads
7. Edit log
8. Delete log
9. Delete bulk logs
10. Responsive
*/

/* 1. Post table
======================================================= */
/* Columns */
table.wp-list-table .column-downloaded .dashicons {
    width: 14px;
    height: 20px;
    font-size: 14px;
    line-height: 20px;
}

/* Check column */
.check-column {
    border-left: 3px solid transparent;
}
.check-column.latest {
    border-left-color: #00a32a;
}

/* Status columns */
.column-status div {
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
}
.column-status .icon {
    margin-right: 5px;
}
.column-status .active {
	color: #198754;
}
.column-status .inactive {
	color: #a52834;
}
.column-status .pending {
    color: #0dcaf0;
}

/* Row actions */
table.wp-list-table .row-actions span.id > span {
    color: #999;
}
table.wp-list-table .row-actions .remove a,
table.wp-list-table .row-actions .remove a:hover,
table.wp-list-table .row-actions .remove a:focus,
table.wp-list-table .row-actions .delete a,
table.wp-list-table .row-actions .delete a:hover,
table.wp-list-table .row-actions .delete a:focus {
    color: #b32d2e;
}

/* 2. Popup
======================================================= */
body.modal-open.downloadio-admin-popup-open {
    overflow: hidden auto;
}

#TB_overlay {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    opacity: 0;
}
#TB_overlay.TB_overlay_ready {
    opacity: 0.8;
}
#TB_window #TB_ajaxContent {
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
    opacity:  0;
}
#TB_window.TB_window_ready #TB_ajaxContent {
    opacity: 1;
}
#TB_overlay.downloadio-admin-popup-overlay {
    background: #0b0b0b;
}
#TB_window.downloadio-admin-popup-window {
    width: 630px !important;
    max-width: calc( 100% - 100px ) !important;
    height: auto !important;
    max-height: 80vh !important;
    background-color: transparent;
    top: 50% !important;
    left: 50% !important;
    padding: 0 !important;
    margin: 0 !important;
    transform: translate(-50%, -50%);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
#TB_window.downloadio-admin-popup-window,
#TB_window.downloadio-admin-popup-window::before,
#TB_window.downloadio-admin-popup-window::after,
#TB_window.downloadio-admin-popup-window *,
#TB_window.downloadio-admin-popup-window *::before,
#TB_window.downloadio-admin-popup-window *::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#TB_window.downloadio-admin-popup-window #TB_title {
    background: transparent;
    border-bottom: none;
    height: 0;
}
#TB_window.downloadio-admin-popup-window #TB_ajaxContent {
    background-color: #fff;
    width: 100% !important;
    height: auto !important;
    max-height: 80vh !important;
    overflow: hidden auto;
    padding: 0;
}
#TB_window.downloadio-admin-popup-window #TB_ajaxContent,
#TB_window.downloadio-admin-popup-window #TB_ajaxContent *,
#TB_window.downloadio-admin-popup-window #TB_ajaxContent *::before,
#TB_window.downloadio-admin-popup-window #TB_ajaxContent *::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#TB_window.downloadio-admin-popup-window #TB_closeAjaxWindow,
#TB_window.downloadio-admin-popup-window #TB_closeWindow {
    position: absolute;
    top: 0;
    left: 100%;
    right: auto;
    font-size: 24px;
    line-height: 29px;
    color: rgba( 255, 255, 255, 0.65 );
    height: 29px;
    width: 29px;
    padding: 0;
    margin: 0 0 0 6px;
    float: none;
}
#TB_window.downloadio-admin-popup-window #TB_closeAjaxWindow #TB_closeWindowButton .tb-close-icon,
#TB_window.downloadio-admin-popup-window #TB_closeWindow #TB_closeWindowButton .tb-close-icon {
    color: rgba( 255, 255, 255, 0.65 );
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    outline: 0;
}
#TB_window.downloadio-admin-popup-window #TB_closeAjaxWindow #TB_closeWindowButton .tb-close-icon::before,
#TB_window.downloadio-admin-popup-window #TB_closeWindow #TB_closeWindowButton .tb-close-icon::before {
    font-size: 24px;
}
#TB_window.downloadio-admin-popup-window #TB_closeAjaxWindow #TB_closeWindowButton .tb-close-icon:hover,
#TB_window.downloadio-admin-popup-window #TB_closeAjaxWindow #TB_closeWindowButton .tb-close-icon:focus,
#TB_window.downloadio-admin-popup-window #TB_closeWindow #TB_closeWindowButton .tb-close-icon:hover,
#TB_window.downloadio-admin-popup-window #TB_closeWindow #TB_closeWindowButton .tb-close-icon:focus {
    color: #fff;
    text-decoration: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    outline: 0;
}

/* Popup content */
#downloadio-admin-popup-content {
    padding: 25px;
}

/* 3. Add user
======================================================= */
.downloadio-add-user-notice {
    background: #fff;
    border-left: 4px solid #0dcaf0;
    box-shadow: 0 10px 20px 0 rgba( 98, 98, 98, 0.15 );
    padding: 1px 12px;
    margin: 0 0 20px 0;
}
.downloadio-add-user-notice.downloadio-info {
    border-left-color: #0dcaf0;
}
.downloadio-add-user-notice.downloadio-success {
    border-left-color: #00a32a;
}
.downloadio-add-user-notice.downloadio-warning {
    border-left-color: #ffc107;
}
.downloadio-add-user-notice.downloadio-error {
    border-left-color: #d63638;
}
.downloadio-add-user-notice p {
    padding: 2px;
    margin: 0.5em 0;
}
.downloadio-add-user-input-group + .downloadio-add-user-input-group {
    margin-top: 15px;
}
.downloadio-add-user-input-group label {
    display: inline-block;
    margin-bottom: 10px;
}

/* Dynamic select */
.downloadio-add-user-input .downloadio-add-user-id,
.downloadio-add-user-input .downloadio-add-user-download-id {
    width: 100%;
    max-width: 100%;
}

/* Dynamic files */
.downloadio-add-user-download-files {
    display: none;
    visibility: hidden;
    opacity: 0;
    margin-top: 10px;
}
.downloadio-add-user-download-files.downloadio-active {
    display: block;
    visibility: visible;
    opacity: 1;
}
.downloadio-add-user-download-files label {
    margin: 0;
}
.downloadio-add-user-download-file + .downloadio-add-user-download-file {
    margin-top: 10px;
}
.downloadio-add-user-download-files-group {
    margin-top: 15px;
}
.downloadio-add-user-download-files-group-title {
    margin-bottom: 10px;
}

/* 4. Remove user
======================================================= */
.downloadio-remove-user-notice {
    background: #fff;
    border-left: 4px solid #0dcaf0;
    box-shadow: 0 10px 20px 0 rgba( 98, 98, 98, 0.15 );
    padding: 1px 12px;
    margin: 0 0 20px 0;
}
.downloadio-remove-user-notice.downloadio-info {
    border-left-color: #0dcaf0;
}
.downloadio-remove-user-notice.downloadio-success {
    border-left-color: #00a32a;
}
.downloadio-remove-user-notice.downloadio-warning {
    border-left-color: #ffc107;
}
.downloadio-remove-user-notice.downloadio-error {
    border-left-color: #d63638;
}
.downloadio-remove-user-notice p {
    padding: 2px;
    margin: 0.5em 0;
}

/* 5. Remove bulk user
======================================================= */
.downloadio-remove-bulk-users-notice {
    background: #fff;
    border-left: 4px solid #0dcaf0;
    box-shadow: 0 10px 20px 0 rgba( 98, 98, 98, 0.15 );
    padding: 1px 12px;
    margin: 0 0 20px 0;
}
.downloadio-remove-bulk-users-notice.downloadio-info {
    border-left-color: #0dcaf0;
}
.downloadio-remove-bulk-users-notice.downloadio-success {
    border-left-color: #00a32a;
}
.downloadio-remove-bulk-users-notice.downloadio-warning {
    border-left-color: #ffc107;
}
.downloadio-remove-bulk-users-notice.downloadio-error {
    border-left-color: #d63638;
}
.downloadio-remove-bulk-users-notice p {
    padding: 2px;
    margin: 0.5em 0;
}

/* 6. Assign downloads
======================================================= */
.downloadio-assign-download-notice {
    background: #fff;
    border-left: 4px solid #0dcaf0;
    box-shadow: 0 10px 20px 0 rgba( 98, 98, 98, 0.15 );
    padding: 1px 12px;
    margin: 0 0 20px 0;
}
.downloadio-assign-download-notice.downloadio-info {
    border-left-color: #0dcaf0;
}
.downloadio-assign-download-notice.downloadio-success {
    border-left-color: #00a32a;
}
.downloadio-assign-download-notice.downloadio-warning {
    border-left-color: #ffc107;
}
.downloadio-assign-download-notice.downloadio-error {
    border-left-color: #d63638;
}
.downloadio-assign-download-notice p {
    padding: 2px;
    margin: 0.5em 0;
}
.downloadio-assign-download-input-group + .downloadio-assign-download-input-group {
    margin-top: 15px;
}
.downloadio-assign-download-input-group label {
    display: inline-block;
    margin-bottom: 10px;
}

/* Dynamic select */
.downloadio-assign-download-input .downloadio-assign-download-id {
    width: 100%;
    max-width: 100%;
}

/* Dynamic files */
.downloadio-assign-download-files {
    display: none;
    visibility: hidden;
    opacity: 0;
    margin-top: 10px;
}
.downloadio-assign-download-files.downloadio-active {
    display: block;
    visibility: visible;
    opacity: 1;
}
.downloadio-assign-download-files label {
    margin: 0;
}
.downloadio-assign-download-file + .downloadio-assign-download-file {
    margin-top: 10px;
}
.downloadio-assign-download-files-group {
    margin-top: 15px;
}
.downloadio-assign-download-files-group-title {
    margin-bottom: 10px;
}

/* 7. Edit log
======================================================= */
.downloadio-edit-log-notice {
    background: #fff;
    border-left: 4px solid #0dcaf0;
    box-shadow: 0 10px 20px 0 rgba( 98, 98, 98, 0.15 );
    padding: 1px 12px;
    margin: 0 0 20px 0;
}
.downloadio-edit-log-notice.downloadio-info {
    border-left-color: #0dcaf0;
}
.downloadio-edit-log-notice.downloadio-success {
    border-left-color: #00a32a;
}
.downloadio-edit-log-notice.downloadio-warning {
    border-left-color: #ffc107;
}
.downloadio-edit-log-notice.downloadio-error {
    border-left-color: #d63638;
}
.downloadio-edit-log-notice p {
    padding: 2px;
    margin: 0.5em 0;
}
.downloadio-edit-log-input-group + .downloadio-edit-log-input-group {
    margin-top: 15px;
}
.downloadio-edit-log-input-group label {
    display: inline-block;
    margin-bottom: 10px;
}
.downloadio-edit-log-input-group .downloadio-edit-log-download-limit,
.downloadio-edit-log-input-group .downloadio-edit-log-download-expiry-time-hour,
.downloadio-edit-log-input-group .downloadio-edit-log-download-expiry-time-minute,
.downloadio-edit-log-input-group .downloadio-edit-log-download-expiry-time-am-pm,
.downloadio-edit-log-input-group .downloadio-edit-log-download-expiry-date {
    width: 100%;
    max-width: 100%;
    margin: 0;
}

/* Expiry input */
.downloadio-edit-log-input-group .downloadio-edit-log-download-expiry-input .downloadio-edit-log-input {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    margin-right: -5px;
    margin-left: -5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.downloadio-edit-log-input-group .downloadio-edit-log-download-expiry-input .downloadio-edit-log-input-item {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 100%;
    max-width: 100%;
    padding-right: 5px;
    padding-left: 5px;
}
.downloadio-edit-log-input-group .downloadio-edit-log-download-expiry-input .downloadio-edit-log-download-expiry-date-time-separator,
.downloadio-edit-log-input-group .downloadio-edit-log-download-expiry-input .downloadio-edit-log-download-expiry-time-input-group {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
    padding-right: 5px;
    padding-left: 5px;
}
.downloadio-edit-log-input-group .downloadio-edit-log-download-expiry-input .downloadio-edit-log-download-expiry-time-input-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    margin-right: -5px;
    margin-left: -5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.downloadio-edit-log-input-group .downloadio-edit-log-download-expiry-input .downloadio-edit-log-download-expiry-time-input-item {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
    padding-right: 5px;
    padding-left: 5px;
}
.downloadio-edit-log-input-group .downloadio-edit-log-download-expiry-input .downloadio-edit-log-lifetime-input {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    padding-right: 5px;
    padding-left: 5px;
}
.downloadio-edit-log-input-group .downloadio-edit-log-input .downloadio-edit-log-lifetime-input {
    margin-top: 10px;
}
.downloadio-edit-log-input-group .downloadio-edit-log-input .downloadio-edit-log-lifetime-input label {
    margin: 0;
}

/* Dynamic files */
.downloadio-edit-log-files {
    display: none;
    visibility: hidden;
    opacity: 0;
    margin-top: 10px;
}
.downloadio-edit-log-files.downloadio-active {
    display: block;
    visibility: visible;
    opacity: 1;
}
.downloadio-edit-log-files label {
    margin: 0;
}
.downloadio-edit-log-file + .downloadio-edit-log-file {
    margin-top: 10px;
}
.downloadio-edit-log-files-group {
    margin-top: 15px;
}
.downloadio-edit-log-files-group-title {
    margin-bottom: 10px;
}

/* 8. Delete log
======================================================= */
.downloadio-delete-log-notice {
    background: #fff;
    border-left: 4px solid #0dcaf0;
    box-shadow: 0 10px 20px 0 rgba( 98, 98, 98, 0.15 );
    padding: 1px 12px;
    margin: 0 0 20px 0;
}
.downloadio-delete-log-notice.downloadio-info {
    border-left-color: #0dcaf0;
}
.downloadio-delete-log-notice.downloadio-success {
    border-left-color: #00a32a;
}
.downloadio-delete-log-notice.downloadio-warning {
    border-left-color: #ffc107;
}
.downloadio-delete-log-notice.downloadio-error {
    border-left-color: #d63638;
}
.downloadio-delete-log-notice p {
    padding: 2px;
    margin: 0.5em 0;
}

/* 9. Delete bulk logs
======================================================= */
.downloadio-delete-bulk-logs-notice {
    background: #fff;
    border-left: 4px solid #0dcaf0;
    box-shadow: 0 10px 20px 0 rgba( 98, 98, 98, 0.15 );
    padding: 1px 12px;
    margin: 0 0 20px 0;
}
.downloadio-delete-bulk-logs-notice.downloadio-info {
    border-left-color: #0dcaf0;
}
.downloadio-delete-bulk-logs-notice.downloadio-success {
    border-left-color: #00a32a;
}
.downloadio-delete-bulk-logs-notice.downloadio-warning {
    border-left-color: #ffc107;
}
.downloadio-delete-bulk-logs-notice.downloadio-error {
    border-left-color: #d63638;
}
.downloadio-delete-bulk-logs-notice p {
    padding: 2px;
    margin: 0.5em 0;
}

/* 10. Responsive
======================================================= */
/* Min width: 1px and Max width: 782px */
@media only screen and (max-width: 782px) {
    /* Post table */
    table.wp-list-table .row-actions span.id > span {
        display: inline-block;
        padding: 4px 8px;
        line-height: 1.5;
    }

    /* Edit log */
    .downloadio-edit-log-input-group .downloadio-edit-log-download-expiry-input .downloadio-edit-log-download-expiry-date-time-separator {
        display: none;
    }
    .downloadio-edit-log-input-group .downloadio-edit-log-download-expiry-input .downloadio-edit-log-download-expiry-time-input-group {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%;
        margin-top: 5px;
    }
    .downloadio-edit-log-input-group .downloadio-edit-log-download-expiry-input .downloadio-edit-log-download-expiry-time-input-item {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .downloadio-edit-log-input-group .downloadio-edit-log-input .downloadio-edit-log-lifetime-input {
        margin-top: 15px
    }
    .downloadio-edit-log-input-group .downloadio-edit-log-download-expiry-time-input-group + .downloadio-edit-log-input .downloadio-edit-log-lifetime-input {
        margin-top: 10px
    }
}