/**
 * public styles w/ Extjs neptune theme
 */
:root {
	--main-col: #2F4858; /* menu background #f9b74a*/

	--col-company-green: #009A93; /* green */
	--col-black: #000;
	--col-white: #fff;
	--col-red: #cc0000;

	--col-primary: #A0BD51; /* new */
	--col-secondary: #4FA66B; /* save, edit */
	--col-info: #FDC84A; /* info, print */
	--col-warning: #D32F2F; /* warn */
}

body{}
h1{color:#009c92;font-size:3.6rem;line-height:4.3rem;font-weight:500;}
h2{color:#009c92;font-size:2.2rem;line-height:110%;font-family:'Helvetica Neue PRO', 'Helvetica';font-weight:normal;}
h3{color:#009c92;font-size:2.2rem;line-height:110%;font-family:'Helvetica Neue PRO', 'Helvetica';font-weight:normal;}
h1 a, h3 a{color:#009c92;}
h2 a{color:#8b8a8f;}
p, ol, ul, h1, h2, h3, h4{padding-bottom:2rem;font-weight:300;}
a{color: #cc0000;}
/* common shared*/
.ac{text-align: center;}
.df{display: flex;}
#content{
	font-family:'Helvetica Neue PRO', 'Helvetica';-ms-text-size-adjust:12px;-webkit-text-size-adjust:12px;
	margin: 1em auto;
	width: 90%;
}

.green{color: var(--col-secondary);}
.compColor{color: var(--col-company-green);}

.btn {
	display: inline-block;
	margin-left: 5px; padding: .3rem 1rem;
	min-width: 3rem; height: 2rem;
	font-size: 18px; line-height: 2rem;
	text-align: center; vertical-align: middle;
	white-space: nowrap;
	border-radius: 3px;
}
a.btn {text-decoration: none;}

.new {
	background-color: #78CD51;
	border-color: #78CD51;
	color: #FFFFFF;
}

.edit {
	background-color: #41cac0;
	border-color: #41cac0;
	color: #FFFFFF;
}

.danger {
	background-color: #ff6c60;
	border-color: #ff6c60;
	color: #fff;
}

.print {
	background-color: #58c9f3;
	border-color: #58c9f3;
	color: #FFFFFF;
}

.tool {
	background-color: #f1c500;
	border-color: #f1c500;
	color: #FFFFFF;
}

.icoBtn {
	margin-left: 5px; padding: .3rem 1rem;
	min-width: 3rem; height: 2rem;
	font-size: 18px; line-height: 1.5rem;
	text-align: center; vertical-align: middle;
	border-radius: 3px;
}

.icoNone {
	display: none;
}

/* Ext 7 theme overriding */

.ext-grid-row-open, .ext-grid-row-ok{background: #ccff99; color:#000;}
.ext-grid-row-closed{background-color: silver;}

.ext-grid-row-folder{}
.ext-grid-row-active-folder{background: #ccff99;}

.x-panel-header-default {
	background-image: none;
	background-color: var(--col-company-green);
}
.x-panel-header-default .x-tool-tool-el, .x-window-header-default .x-tool-img {
	background-color: var(--col-company-green);
}
.x-window-default, .x-window-header-default {
	border-color: var(--col-company-green);
}
.x-window-header-default-top {
	background-color: var(--col-company-green);
}