@CHARSET "UTF-8";

:root {
  --gray: #999999;
  --bkg: #000000;
}

.x-eco-logo
{
	background-image: url(img/logo.svg) !important;
	background-size: 200px auto;
	background-position: 5px 0px;
	height: 70px;
	width: 230px;
	background-color: white;
}

.eco-login-logo
{
	background-image: url(img/logo.svg) !important;
	height: 120px;
	width: 300px;
}

.x-viewport > .x-body
{
	background-color: white;
	position: relative;
}

.eco-login-logo
{
	background-image: url(img/logo.svg) !important;
	background-repeat: no-repeat;
	background-position: center center;
	width: 320px
}


.x-toolbar.x-eco-topbar
{
	background-color: white;
	background-image: none;
}

.dip-header-logo
{
	background-image: url(img/logo.svg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-color: white;
	background-size: auto 100%;
	width: 190px;
	height: 65px;
}

.dip-header-toolbar
{
	background-color: var(--bkg);
	color: #fff;
	background-image: url(img/poly.png);
	background-position: 50% 50%;
}

.x-btn-default-small,
.x-btn-default-large
{
	background-color: var(--bkg);
	border-color: var(--bkg);
}

.x-btn-default-small.x-btn-over,
.x-btn-default-large.x-btn-over
{
	background-color: #e10049;
	border-color: var(--bkg);
}

.dip-header-toolbar .x-btn-icon-el
{ 
	vertical-align: middle;
   line-height: 24px;
   font-size: 18px;
   color: white;
}

.dip-footer
{
	height: 290px;
	box-shadow: 0px -5px 19px #f2f2f2;
	background-color: #f7f9fc;
	background-image: url(img/background_footer.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	vertical-align: top;
	margin-top: 20px;
}

.dip-footer .dip-footer-content
{
	width: 100%; 
	max-width: 1020px; 
	margin: 0px auto; 
	padding: 2px 0px 35px 0px;
	height: 100%;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 24px;
	font-size: 12px;
}

.dip-footer h4
{
	font: bold 18px/22px 'Helvetica', Arial, sans-serif;
	color: #125ea8;
}

.dip-frame-title
{
	font: bold 18px/22px 'Helvetica', Arial, sans-serif;
	color: #125ea8;
	padding: 7px 5px;
}

.dip-header-toolbar .x-btn-default-toolbar-small,
.dip-header-toolbar .x-btn.x-btn-default-toolbar-small.x-btn-menu-active,
.dip-header-toolbar .x-btn.x-btn-default-toolbar-small.x-btn-pressed
{
	background-image: none;
	background-color: transparent;
	border: 0px;
}

.dip-header-toolbar .x-btn-inner,
.dip-header-toolbar .x-btn-inner-default-toolbar-small
{
	color: white;
	font: normal 16px/20px helvetica,arial,sans-serif;
}

.dip-topbar-panel .x-panel-body-default,
.dip-topbar-panel .x-toolbar-default
{
	background-color: transparent;
}

.dip-topbar-item-user,
.dip-topbar-item-customer
{
	color: white;
	font-weight: bold;
}

.dip-icon-unselectcust
{
	background-image: url(img/removeCust.png);
}

.dip-icon-logout
{
	background-image: url(img/logout.png);
}

.dip-header-icon-spy
{
	background-image: url(img/spy32.png);
}

.dip-header-icon-spy-chart
{
	background-image: url(img/chart.png);
}

.x-eco-icon-bigcrm-entity-log
{
	background-image: url(img/history32.png) !important;
}



.dip-index-section-img
{
	height: 150px;
	box-shadow: 0px 3px 11px #8cc2e1;
	background-position: center top;
	background-repeat: no-repeat;
}

.dip-index-section-content
{
	padding: 2px 15px;	
}

.dip-index-section-dsc
{
	font: normal 12px/22px helvetica,arial,sans-serif;
	margin-bottom: 10px;
}

.dip-index-section-title
{
	font: bold 24px/26px 'Helvetica', Arial, sans-serif;
	color: #26b8eb;
}

.dip-index-section-button
{
	position: absolute;
	bottom: 20px;
	left: 0px;
	right: 0px;
	margin: 0px auto;
	background-color: #e10049;
	border-radius: 3px;
	box-shadow: 0 2px #660021;
	width: 136px;
	height: 42px;
	text-align: center;
	cursor: pointer;
	font: bold 16px/42px 'Helvetica', Arial, sans-serif;
	color: white;
}

.dip-index-section.blue
{
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc3MzUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNCOUVERkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGMEZCRkYiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0YwRkJGRiIgb2Zmc2V0PSIwLjciLz48c3RvcCBzdG9wLWNvbG9yPSIjQjlFREZGIiBvZmZzZXQ9IjEiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnNzM1KSIgLz4KPC9zdmc+);
}

.dip-index-section.green
{
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc4MDEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNBQ0ZGQjYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNFNEZGRTciIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0U0RkZFNyIgb2Zmc2V0PSIwLjciLz48c3RvcCBzdG9wLWNvbG9yPSIjQUNGRkI2IiBvZmZzZXQ9IjEiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnODAxKSIgLz4KPC9zdmc+);
}


/* Menu' */
.x-menu-plain {
    background-color: #ffffff !important;
    background-image: none;
}
.x-menu {
    background-color: #ffffff;
    background-image: url("../images/default/menu/menu.gif");
}
a.x-menu-item {
    color: #222;
    background-color: #ffffff;
    font: 13px/15px arial,tahoma,helvetica,sans-serif;
}
.x-eco-topbar .x-btn button {
	font: 13px/15px arial,tahoma,helvetica,sans-serif;
}


.eco-frame .x-panel-header {
	background-image: none !important;
    color: var(--bkg) !important;
    font: bold 18px/22px "Helvetica",Arial,sans-serif !important;
    padding: 7px 5px !important;
}

.eco-frame .x-panel-noborder .x-panel-header-noborder {
    border-bottom-color: #ffffff;
}

.eco-frame .x-panel-noborder .x-panel-tbar-noborder .x-toolbar {
    border-style: solid;
    border-width: 0 0 0px;
}

.eco-frame .x-panel-header-text h1 {
	color: #92003;
    font: bold 18px/22px "Helvetica",Arial,sans-serif;
    padding: 4px 4px;
}

.eco-frame .x-grid3-hd-row td {
//    color: #666 !important;
    font: bold 13px/15px helvetica,arial,verdana,sans-serif !important;
}

.eco-frame .x-grid3-row td, .x-grid3-summary-row td {
//    color: black !important;
    font: 13px/15px helvetica,arial,verdana,sans-serif !important;
}


.eco-frame .x-toolbar {
    background-color: white;
    background-image: none;
    border-color: #c1c1c1;
    border-style: solid;
    border-width: 0px;
}

.eco-frame .x-toolbar td, .x-toolbar span, .x-toolbar input, .x-toolbar div, .x-toolbar select, .x-toolbar label {
    font: 13px/15px arial,tahoma,helvetica,sans-serif;
	border-left-width: 0 !important;
    border-right-width: 0 !important;
    border-top-width: 0 !important;
}

.eco-frame .x-btn button {
    color: #666;
    font: bold 13px/15px arial,tahoma,helvetica,sans-serif;
    border-color: #e1e1e1;
    background-color: #f5f5f5;
//    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    padding: 3px;
}

.eco-frame .x-btn-text-icon .x-btn-icon-small-left .x-btn-text {
    height: auto;
}

/* Header griglia standard */
.x-grid3-header{
	background: rgba(0, 0, 0, 0) url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc4MjMiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiMwMEFFRUMiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMDVFQTkiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c4MjMpIiAvPgo8L3N2Zz4=") repeat scroll 0 0;
	color: #FFFFFF !important;
}

/* Header griglia over */
td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-asc .x-grid3-hd-inner, td.x-grid3-hd-menu-open .x-grid3-hd-inner {
    background-color:var(--bkg);
	background-image: url(img/grid3-hrow-over2.gif);
	color:#FFFFFF;
}

/* Header griglia con filtro*/
.x-ghf-highlight{
	background-color:#2ebaea;
	color:#000000;
}



.dip-art-manual
{
	width: 86px;
	height: 86px;
	background-image: url(img/doc64.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 68px;
	vertical-align: bottom;
	font-size: 16px;
	text-align: center;
	cursor: pointer;
}

.eco-linkednodeview
{
	white-space: nowrap;
}

.eco-linkednodeview-node
{
	display: inline-block;
	vertical-align: top;
	width: 96px;
	height: 96px;
	background-position: center 2px;
	background-size: auto 58px;
	background-repeat: no-repeat;
	font-size: 11px;
	text-align: center;
	line-height: 12px;
	padding: 62px 5px 2px 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
}

.eco-linkednodeview-node.hover
{
	background-color: #d6d4d4;
}

.dip-art-notes
{
	margin: 4px 0px;
	padding: 2px 0px;
}

.dip-art-notes h1
{
	font-size: inherit;
	font-weight: inherit;
	margin: 3px 0px;
}

.dip-art-notes pre
{
	margin: 0px;
   white-space: normal;
   text-align: justify;
   font-family: inherit;
   font-style: normal
}

.dip-portal-message
{
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	padding: 3px;
	color: var(--bkg)
}