:root {
--cb-white: #ffffff;
--cb-light-grey-1: #d9d9d9;
--cb-light-grey-2: #f6f7f7;
--cb-blueberry-1: #3858e9;
--cb-blueberry-2: #eff2ff;
--cb-deep-blueberry: #213fd4;
--cb-big-title: 24px;
--cb-small-title: 18px;
--cb-normal-text: 13px;
--cb-small-text: 12px;
--cb-bold-text: 500;
--cb-shadow: 0px 2px 6px rgba(35, 40, 45, .07);
}

.wrap h1 {
font-size: var(--cb-big-title);
font-weight: var(--cb-bold-text);
margin-bottom: 20px;
}

.wrap span {
font-size: var(--cb-small-text);
font-weight: 400;
}

.cbedp-section {
background-color: var(--cb-white);
padding: 24px;
box-shadow: var(--cb-shadow);
border-radius: 4px;
flex: 1 1 40%;
box-sizing: border-box;
}

.wp-core-ui select,
.wp-core-ui input[type=text] {	
width: 100%;
max-width: 200px;
}

input[type="checkbox"] {
border: 1px solid var(--cb-light-grey-1);
border-radius: 2px;
background: var(--cb-white);
color: var(--cb-white);   
margin: 0 5px 15px 0;    
text-align: center;
vertical-align: top;
width: 18px;
height: 18px;
-webkit-appearance: none;
box-shadow: 0 0 0 transparent;
}

input[type="checkbox"]:checked {
background: var(--cb-blueberry-1);
border-color: var(--cb-blueberry-1);
}

input[type=checkbox]:checked::before {
content: url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23FFFFFF%27%2F%3E%3C%2Fsvg%3E);
}

.form-table td p.cbedp-description {
font-size: var(--cb-small-text);
}

.form-table td p.cbedp-warning {
font-size: var(--cb-small-text);
color: #a00;
}

.form-table td th {
padding: 25px 0 0 0;
}

/* Buttons Styles */
.wp-core-ui .button-primary {
background: var(--cb-blueberry-1);
border-color: var(--cb-blueberry-1);
color: var(--cb-white);
margin-right: 10px;
}

.wp-core-ui .button-primary:hover {
background: var(--cb-deep-blueberry);
border-color: var(--cb-deep-blueberry);
color: var(--cb-white);
}

/* Tab styles */
.nav-tab-wrapper {
margin-bottom: 20px;
border: none !important;
}

.nav-tab {
display: inline-block;
padding: 10px 20px;
background: var(--cb-light-grey-1);
text-decoration: none;
border: none;
border-radius: 8px 8px 0 0;
}

.nav-tab:hover {   
background: var(--cb-blueberry-2);
}

.nav-tab-active {
background: var(--cb-white);
}

.cbedp-tab-content {
display: none;
}

.cbedp-tab-content:first-of-type {
display: block;
}