
/*Admin - Main*/
:root {
	--color-primary: #0073aa;
	--color-cancel: #a02;
	--color-accent: #27cc87;
	--color-white: #fff;
	--color-black: 0;
	--color-header: #383a46;
	--color-nav: #262932;
	--color-body-text: #3c3b59;
	--color-desc-text: #6e6d99;
	--color-panel-heading: #708aa4;
	--color-secondary-hover: rgba(0, 115, 170, .15);
	--color-secondary-focus: rgba(0, 115, 170, .4);
	--color-divider: #cad8ec;
	--color-divider-light: rgba(202, 216, 236, .5);
	--color-progress-bg: #57645e;
	--color-modal-background: rgba(47, 58, 74, .8);
	--spacer-xs: 8px;
	--spacer-sm: 16px;
	--spacer-md: 24px;
	--spacer-lg: 32px;
	--spacer-xl: 40px;
	--spacer-2xl: 48px;
	--spacer-3xl: 56px;
	--spacer-4xl: 64px;
	--spacer-5xl: 72px;
	--spacer-6xl: 80px;
	--panel-border-radius: 6px;
	--panel-shadow: 0px 2px 1px rgba(39, 45, 77, .05), 0px 2px 8px rgba(187, 187, 187, .2);
	--input-shadow: 0px 2px 2px rgba(182, 181, 204, .25);
}

.wpcb-panel {
	background: var(--color-white);
	box-shadow: var(--panel-shadow);
	border-radius: var(--panel-border-radius);
}

.wpcb-main-cont {
	width: 100%;
	text-align: center;
	min-height: 100px;
	max-width: 700px;
	position: relative;
	margin: 10px auto 10px auto;
	padding: 10px;
}

.wpcb-sect-cont {
	font-weight: bold;
	font-size: 1.3rem;
	background: #f7f7f7;
}

.wpcb-main-cont table {
	border-collapse: collapse;
	border-spacing: 0;
}

.wpcb-main-cont table, tr, td, th {
	padding: 10px;
	margin: auto;
	border: none;
}

.wpcb-main-cont .table {
	border-collapse: collapse;
	border-spacing: 0;
}

.wpcb-sect-label {
	width: 30%;
}

.wpcb-main-cont .table th, .table td {
	padding: .25rem;
	vertical-align: top;
	border-top: 1px solid #dee2e6;
	font-size: 1.2rem;
	border: none;
	text-wrap: auto;
}

.wpcb-main-cont table thead {
	border: none;
}

.wpcb-logo-top {
	text-align: center;
	padding: 10px;
}

.wpcb-main-cont table tr {
	padding-top: 5px;
	border-bottom: solid 1px #eaeaea;
}

.wp-comp-logo {
	max-width: 150px;
}

/* ------------------------------------------------------------------------- *

 *  Responsive Style

/* ------------------------------------------------------------------------- */

/************************************************************************************

MEDIA QUERIES

*************************************************************************************/

/* Large screens */
@media only screen and (min-width : 1680px) {}

/* Tablet Landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {}

/* for 980px or less */
@media screen and (max-width: 1000px) {}

/* Smaller than 960px */

/*@media only screen and (max-width: 959px) {

}*/

/* MAX 800px */
@media only screen and (max-width: 1000px) {}

/* for 750px or less */
@media only screen and (max-width: 750px) {}

@media only screen and (max-width: 620px) {}

/*  GO FULL WIDTH AT LESS THAN 580 PIXELS */
@media only screen and (max-width: 580px) {}

@media only screen and (max-width: 460px) {}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {}

/* MAX 1440px */
@media only screen and (max-width: 1440px) {}

/* MAX 1024px */
@media only screen and (max-width: 1024px) {}

/* MAX 360px */
@media only screen and (max-width: 320px) {}
