/**
 * All of the CSS for your admin-specific functionality should be
 * included in this file.
 */

/* ------------------------ */
/* ----- ADMIN STYLES ----- */
/* ------------------------ */

.diggr-button {
	display: inline-block;
	padding: .75rem 1.4rem;
	border-radius: .25rem;
	border: 0 none;
	text-decoration: none;
	font-weight: 700;
}

.diggr-button,
.diggr-button:hover,
.diggr-button:focus,
.diggr-button:active {
	text-decoration: none;
}

.diggr-button-primary,
.diggr-button-primary:hover,
.diggr-button-primary:focus,
.diggr-button-primary:active {
	background-color: #3c1053 !important;
	color: #fff !important;
}

.diggr-button-success,
.diggr-button-success:hover,
.diggr-button-success:focus,
.diggr-button-success:active {
	background-color: #28a745 !important;
	color: #fff !important;
}

.diggr-button-light,
.diggr-button-light:hover,
.diggr-button-light:focus,
.diggr-button-light:active {
	background-color: #f0f0f1 !important;
	color: #1d2327 !important;
}

/* ------------------ */
/* ----- COLORS ----- */
/* ------------------ */

.diggr-bg-primary { background-color: #3c1053; color: #fff; }
.diggr-bg-primary > * { color: #fff; }
.diggr-bg-primary a { color: #fff; }

.diggr-bg-white { background-color: #fff; }

.diggr-bg-success { background-color: #28a745; color: #fff; }
.diggr-bg-success > * { color: #fff; }
.diggr-bg-success a { color: #fff; }

.diggr-bg-danger { background-color: #dc3546; color: #fff; }
.diggr-bg-danger > * { color: #fff; }
.diggr-bg-danger a { color: #fff; }

.diggr-underline { border-bottom: 2px solid #fff; }
.diggr-bg-white .diggr-underline { border-color: #1d2327; }

/* ------------------ */
/* ----- HEADER ----- */
/* ------------------ */

body.toplevel_page_diggr-dashboard #wpcontent {
	padding-left: 0;
}

body.toplevel_page_diggr-dashboard #wpcontent .wrap {
	margin: 20px 20px 20px 20px;
}

.diggr-admin-wrapper .diggr-admin-header {
	padding: 3rem;
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}

.diggr-admin-wrapper .diggr-admin-header .diggr-logo {
	margin-right: 1.5rem;
}

.diggr-admin-wrapper .diggr-admin-header h1,
.diggr-admin-wrapper .diggr-admin-header .h1 {
	color: #fff;
	margin-top: 0;
}

.diggr-admin-wrapper .diggr-admin-header .subtitle {
	color: #fff;
	padding-left: 0;
}

/* ------------------- */
/* ----- COLUMNS ----- */
/* ------------------- */

.diggr-admin-row {
	display: flex;
	flex-wrap: wrap;
	margin-left: 20px;
}

.diggr-admin-row .diggr-admin-column {
	box-sizing: border-box;
	padding: 1.5rem;
	margin-right: 20px;
	margin-bottom: 20px;

	flex: 0 0 100%;
	flex: 0 0 calc(100% - 20px);
	max-width: 100%;
	max-width: calc(100% - 20px);
}

.diggr-admin-row a.diggr-admin-column {
	text-decoration: none;
	-webkit-transition: opacity .3s ease;
	transition: opacity .3s ease;
}

.diggr-admin-row a.diggr-admin-column:hover {
	opacity: .75;
}

@media (min-width: 992px) {

	.diggr-admin-row .diggr-admin-column {
		flex: 0 0 50%;
		flex: 0 0 calc(50% - 20px);
		max-width: 50%;
		max-width: calc(50% - 20px);
	}

}

@media (min-width: 1400px) {

	.diggr-admin-row .diggr-admin-column {
		flex: 0 0 33.3333%;
		flex: 0 0 calc(33.3333% - 20px);
		max-width: 33.3333%;
		max-width: calc(33.3333% - 20px);
	}

}



.diggr-admin-lang-img {
	display: inline-block;
	margin-right: 10px;
	width: 18px;
	height: auto;
}




.diggr-admin-wrapper .wrap {
	background-color: #fff;
	padding: 1.5rem 1.5rem 1px;
	margin: 20px 20px 20px 0;
}

.diggr-admin-wrapper nav.nav-tab-wrapper {
	border: 0 none;
    padding: 0;
    margin: 1.5rem 0 2rem;
}

.diggr-admin-wrapper nav.nav-tab-wrapper .nav-tab {
	margin: 0;
    border: 0 none;
    padding: 0.75rem 1.25rem;
    background-color: #f0f0f1;
    color: #50575e;
}

.diggr-admin-wrapper nav.nav-tab-wrapper .nav-tab.nav-tab-active {
	background-color: #3c1053;
	color: #fff;
}

.diggr-admin-wrapper nav.nav-tab-wrapper .nav-tab:focus {
	outline: none;
	box-shadow: none;
}

.diggr-admin-wrapper p:not(.description) {
	margin-bottom: 1.5rem;
}

.diggr-admin-wrapper .notice p {
	margin-bottom: .25rem;
}

.diggr-admin-wrapper .button-wrapper {
	display: block;
	margin: 1.5rem 0;
}

.diggr-admin-wrapper .button-wrapper .button {
	margin-right: .5rem;
}

/* ----------------------- */
/* ----- WP NAV MENU ----- */
/* ----------------------- */

#adminmenu .toplevel_page_diggr-settings .wp-menu-image img,
#adminmenu .toplevel_page_diggr-dashboard .wp-menu-image img {
	height: 20px;
	width: 20px;
}

/* -------------------- */
/* ----- SETTINGS ----- */
/* -------------------- */

.diggr_settings_label_wrapper {
	display: flex;
	margin-bottom: 10px;
}

.diggr_settings_label_wrapper > label {
	display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    padding: 15px;
    text-align: center;
    font-weight: 700;
    margin-right: 15px;
}

.diggr_settings_label_wrapper > label > * {
	flex: 0 0 100%;
	text-align: center;
}

.diggr_settings_label_wrapper > label > input[type="radio"] {
	display: none;
	visibility: hidden;
	height: 0px;
	width: 0px;
}

.diggr_settings_label_wrapper > label > input[type="radio"]:checked+span {
	border-color: #28a745;
}

.diggr_settings_label_wrapper > label > span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 2px solid #f6f6f6;
	border-radius: .25rem;
}

.diggr_settings_label_wrapper > label > img {
	margin-top: 15px;
	opacity: .15;
}

.diggr_settings_label_wrapper > label > input[type="radio"]:checked+span+img {
	opacity: 1;
}

.diggr_row_field_layout {
	border-top: 2px solid #eee;
	border-bottom: 2px solid #eee;
}

/* --------------------- */
/* ----- AJAX FORM ----- */
/* --------------------- */

.diggr_calculate_cid_ajax_form label {
	font-weight: 700;
	display: block;
	margin-bottom: .75rem;
}

.diggr_calculate_cid_ajax_form input {
	display: block;
	width: 100%;
	margin-bottom: .75rem;
}

.diggr_calculate_cid_ajax_form button {
	display: inline-block;
	margin-bottom: .75rem;
}

#diggr_client_calculated_cid {
	display: none;
}

#diggr_client_calculated_cid > span {
	display: block;
	width: 100%;
	box-sizing: border-box;
	margin-top: 1.5rem;
	background-color: #f0f0f1;
	padding: 1.5rem;
	font-size: 1.3rem;
	font-weight: 700;
	-webkit-transition: color .3s ease;
	transition: color .3s ease;
}

#diggr_client_calculated_cid > span.copied {
	color: green;
}

.thickbox-loading img {
	max-width: 100%;
	width: auto;
	height: auto;
	margin-bottom: 1.5rem;
	display: block;
}