/*
Downloadio admin access code style.
Contain all admin access code style of the plugin.

Since: 1.0.0

Table of contents:
==================
1. Post table
2. Short description metabox
3. Settings metabox
4. Responsive
*/

/* 1. Post table
======================================================= */
/* 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;
}

/* 2. Short description metabox
======================================================= */
.downloadio-access-code-desc {
	background-color: transparent;
	border: none;
	box-shadow: none;
}
.downloadio-access-code-desc .postbox-header {
	display: none;
}
.downloadio-access-code-desc .downloadio-ac-desc {
	padding: 0;
}
.downloadio-access-code-desc .downloadio-ac-desc .csf-title {
    float: none;
    width: 100%;
    margin-bottom: 10px;
}
.downloadio-access-code-desc .downloadio-ac-desc .csf-fieldset {
    float: none;
    width: 100%;
}
.downloadio-access-code-desc .downloadio-ac-desc textarea {
	min-height: auto;
}
.downloadio-copy-link-from-list-success,
.downloadio-copy-link-from-list-success:hover,
.downloadio-copy-link-from-list-success:focus {
	color: #4fb845;
}
.downloadio-copy-link-from-list-error,
.downloadio-copy-link-from-list-error:hover,
.downloadio-copy-link-from-list-error:focus {
	color: #ed6f6f;
}

/* 3. Settings metabox
======================================================= */
.downloadio-field-desc-notice {
	margin-top: 15px;
}
.downloadio-access-code-settings .expiry-input .csf--input .csf--icon {
    display:  none !important;
    visibility: hidden;
    opacity: 0;
}
.downloadio-access-code-settings .expiry-input .csf--input input.csf-input-number {
    width: 100px;
    border-radius: 4px;
    text-align: inherit;
}

/* Proceed form link and direct proceed link */
.downloadio-direct-proceed-link-input,
.downloadio-proceed-form-link-input {
	position: relative;
	width: 50%;
}
.downloadio-direct-proceed-link-input input,
.downloadio-proceed-form-link-input input {
	width: 100%;
}
.downloadio-copy-link {
	position: absolute;
	top: 0;
	left: 100%;
	font-size: 16px;
	line-height: 30px;
	background: #2271b1;
	color: #fff;
	border: none;
	border-radius: 3px;
	padding: 0 10px;
	margin: 0 0 0 10px;
	cursor: pointer;
}
.downloadio-copy-link-success {
	background: #4fb845;
	color: #fff;
}
.downloadio-copy-link-error {
	background: #ed6f6f;
	color: #fff;
}
.downloadio-copy-link:hover {
	background: #135e96;
	color: #fff;
}
.downloadio-copy-link-success:hover {
	background: #4fb845;
	color: #fff;
}

/* 4. Responsive
======================================================= */
/* Min width: 1px and Max width: 782px */
@media only screen and (max-width: 782px) {
	/* Settings metabox */
    .downloadio-copy-link {
    	line-height: 40px;
    	padding: 0 15px;
    }
}