/* CSS Reset */
*{margin:0; padding:0;}
:active, :focus { outline: none; -moz-outline-style: none; }
img{border:0;}
.clear {
	clear:both;
}

/* CSS Document */
html, body{ height: 100%; }

body {
	background:#f5f5f5;
	font: normal 12px/1 "Tahoma", Arial, Helvetica, sans-serif;
	color: #333;
}

/* LOGIN */
.headerLogin{
    min-width: 970px;
    height: 330px;
    background: #262930 url(/images/logo.jpg) center 90% no-repeat;
}
.contentLogin{
    position: relative;
    width: 600px; margin:0 auto; padding-top: 20px;
    text-align: left;
}
.contentLogin input{
    border: 1px solid #D3D3D3;
    padding: 4px; height: 26px;
    color: #555;
    background: transparent;

    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.contentLogin label{
    margin-right: 10px;
    font-size: 13px; color: #262930;
}
.contentLogin input:focus {
    border-color: #999;
    color: #262930;
}

.loginBtn{
    width: 110px; float: right;
    margin: 0 !important;

    -moz-border-radius: 0;
    -moz-box-shadow: none;
}
.loginBtn .icon{
    background-image: url(/images/sign-key.png);
}

/* APPLICATION */
.x-border-layout-ct{ background: #f5f5f5; }
.contentDummy{
    position: absolute; top: 0; left: 0;
    width: 100%; height: 100%; display: none;
}

.headerWide{
	background: #262930;
    padding: 0 10px;
}
.footerWide{
    padding: 20px 20px 0 20px;
    border-top: 4px solid #9398A2;
    color: #9398A2; text-align: center;
    background: #f5f5f5;
}
.contentWide{
    background: #f5f5f5;
}
.contentWide ul.x-tab-strip-top{
    background-color: #F5F5F5;
    background-image: none;
}
.contentWide .x-tab-panel-header{
    border-color: #efefef;
}
.contentWide .x-tab-panel-header-noborder{
   border-width: 0 0 3px;
}

.logo{
	float:left; width: 216px; height: 50px; display: inline; margin-top: 10px;
	background: transparent url(/images/logo.jpg) left top no-repeat;
}
.loggedAs {
	float: right; width: 170px; height: 40px; display: inline; margin-top: 20px; padding: 2px 0 0 40px;
	color: #DCDCDC;
	background: transparent url(/images/bg-logged.jpg) left top no-repeat;
}
.msgAlert {
    float: right; width: 75px; height: 40px; display: inline; margin-top: 20px; padding: 2px 0 0 0px;
    color: #DCDCDC;
}

.logo a{ display: block; width: 100%; height: 100%; }
.loggedAs a{ color: #00B6FF; text-decoration: none; }
.loggedAs a:hover{ color: #fff; }
.footerWide a{ color: #9398a2; font-size: 12px; text-decoration: none; }
.footerWide a:hover { text-decoration: underline; }

.sidebarMenu-title{
	margin-bottom: 10px; padding: 10px !important;
	color: #3C3C3C; font-size: 14px;
	background: #eee;

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

/* LOADING MASK */
.loadingMask{
    position: absolute; top: 0; left: 0;
    width: 100%; height: 100%; opacity: 0.5;
    background: #3D424D url("/images/loader.gif") center no-repeat;
    z-index: 1;
    display: none;
}
.loading-indicator, .loading-indicator div{ display: none; }

/* TOP MENU */
.topMenu{
    background: transparent; border: 0;
}
.topMenu .x-btn-mc{
    background: url("/images/button_highlighter.png") repeat-x scroll left top #3D424D;

    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
}
.topMenu .x-btn-mc em{
    display: block;
    padding: 5px;
}
.topMenu .x-btn-mc em.x-btn-split,
.topMenu .x-btn-mc em.x-btn-arrow{
    padding-right: 14px;
    background: transparent url("/images/toggle.gif") no-repeat scroll right 14px;
}

.topMenu .x-btn-text
{
    color: #fff; font: 11px Tahoma,sans-serif;
}
.topMenu .x-btn-over .x-btn-mc{
    background-color: #5B6069;
}
.topMenu .x-btn-over .x-btn-bc,
.topMenu .x-btn-click .x-btn-bc,
.topMenu .x-btn-click .x-btn-mc,
.topMenu .x-btn-menu-active .x-btn-bc,
.topMenu .x-btn-menu-active .x-btn-mc,
.topMenu .x-btn-pressed .x-btn-bc,
.topMenu .x-btn-pressed .x-btn-mc{
    background: #5B6069;
}
.topMenu .x-btn-over .x-btn-mc em.x-btn-split{
    /*background-image: url("/images/s-arrow-noline.gif");*/
}

.topMenu .x-btn-tc, .topMenu .x-btn-tl, .topMenu .x-btn-tr,
.topMenu .x-btn-ml, .topMenu .x-btn-mr,
.topMenu .x-btn-bl, .topMenu .x-btn-br{
    display: none;
}
.topMenu .x-btn-bc {background-color: #3D424D;}

.topMenu .x-btn-over .x-btn-tc,
.topMenu .x-btn-over .x-btn-tl,
.topMenu .x-btn-over .x-btn-tr,
.topMenu .x-btn-over .x-btn-ml,
.topMenu .x-btn-over .x-btn-mr,
.topMenu .x-btn-over .x-btn-bl,
.topMenu .x-btn-over .x-btn-br{
    background: transparent;
}

/* button icon */
.topMenu .x-btn-text-icon .x-btn-icon-small-left .x-btn-text{
    background-position: 0 2px;
}

.x-menu-item-text,
.homeBtn em
{
    cursor: pointer;
}

.x-menu-floating{ border-color: transparent; }
.x-menu{
    background: #5b6069;
}
a.x-menu-item{color: #fff;}
.x-menu-item-active {
    background: #3D424D;
    border-color: #3D424D;
}
.x-menu-item-active a.x-menu-item{
    border-color: #3D424D;
}
.x-menu-list{padding: 0;}
a.x-btn-text{ padding-left: 10px; }
.x-btn-text img{ display: none; }

.homeBtn .x-btn-mc{
    width: 28px;
    background: transparent url("/images/icons/icon-home.png") left 5px no-repeat;
}
.homeBtn.x-btn-over .x-btn-mc{
    background: url("/images/icons/icon-home-hover.png") left 5px no-repeat;
}
.homeBtn .x-btn-bc,
.homeBtn.x-btn-over .x-btn-bc{
    background: transparent;
}

/* content wide */
.contentWide h1, .contentWide h3 {
	font-size: 16px; font-weight: bold; line-height: 1.4em;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.contentWide .pageDesc{
	font-size: 13px; margin-bottom: 20px;
}

/* EXTJS SIDEBAR BTN */
.tsBtn{ width: 100% !important; }
.tsBtn .x-btn-mc{
    background: transparent url("/images/bg-ts-btn.jpg") left top no-repeat;
}
.tsBtn .x-btn-mc em{
    background: transparent url("/images/bg-ts-btn-right.jpg") right top no-repeat;
    display: block;
    padding: 6px 7px;
}
.tsBtn .x-btn-text
{
    color: #fff; font: 11px Tahoma,sans-serif;
}
.tsBtn td {background: transparent;}
.tsBtn .x-btn-small .x-btn-text{
    height: auto; display: block;
}

.tsBtn.x-btn-over .x-btn-text{
    color: #dcdcdc;
}

.tsBtn .x-btn-tl, .tsBtn .x-btn-tr, .tsBtn .x-btn-tc,
.tsBtn .x-btn-ml, .tsBtn .x-btn-mr, .tsBtn .x-btn-bl,
.tsBtn .x-btn-br, .tsBtn .x-btn-bc{
    display: none;
}

.tsBtn-desc {
	margin: 0 0 10px 13px; padding-left: 13px;
	color: #666666; font-size: 11px; line-height: 1.2;
	background: transparent url(/images/ts-btn-desc-arrow.gif) 0 2px no-repeat;
}

.addBtn { background-image: url(/images/sign-plus.png); }
.editBtn { background-image: url(/images/sign-edit.png); }
.delBtn { background-image: url(/images/sign-minus.png); }
.printBtn { background-image: url(/images/sign-print.png); }
.lockBtn { background-image: url(/images/sign-lock.png); }

/* HTML SIDEBAR BTN */
.ts-btn{
	-moz-box-shadow: 0 1px 2px #CCCCCC;
	-webkit-box-shadow: 0 1px 2px #CCCCCC;
	color: #FFFFFF;	 font-size: 12px;
	text-decoration: none;
	background: transparent url(/images/bg-ts-btn.jpg) left top no-repeat;
	margin: 5px 0;
}
.ts-btn a{
	display: block; padding: 7px;
	color: #FFFFFF;	 font-size: 12px;
	text-decoration: none;
	background: transparent url(/images/bg-ts-btn-right.jpg) right top no-repeat;
}
.ts-btn a:hover{
	color: #dcdcdc;
}
.ts-btn .icon{
	display: block; float: left; width: 13px; height: 13px;
	margin-right: 5px;
	background-color: transparent; background-position: left top; background-repeat: no-repeat;
}

/* EXTJS button icons */
.ts-icon-home { background:url(/images/icons/icon-home-small.png) no-repeat; }
.ts-icon-lunalucru { background:url(/images/icons/icon-calendar.png) no-repeat; }
.ts-icon-admin { background:url(/images/icons/icon-admin.png) no-repeat; }
.ts-icon-nomenclatoare { background:url(/images/icons/icon-grid.png) no-repeat; }
.ts-icon-cupiuri { background:url(/images/icons/icon-coins.png) no-repeat; }
.ts-icon-furnizori { background:url(/images/icons/icon-furnizori.png) no-repeat; }
.ts-icon-help { background:url(/images/icons/icon-help.png) no-repeat; }
.ts-icon-servicii { background:url(/images/icons/icon-servicii.png) no-repeat; }
.ts-icon-ac { background:url(/images/icons/icon-servicii.png) no-repeat; }
.ts-icon-blocuri { background:url(/images/icons/icon-blocuri.png) no-repeat; }
.ts-icon-scari { background:url(/images/icons/icon-scari.png) no-repeat; }
.ts-icon-apartamente { background:url(/images/icons/icon-apartamente.png) no-repeat; }
.ts-icon-companie { background:url(/images/icons/icon-company.png) no-repeat; }
.ts-icon-parametri { background:url(/images/icons/icon-settings.png) no-repeat; }
.ts-icon-utilizatori { background:url(/images/icons/icon-user.png) no-repeat; }
.ts-icon-usergroups { background:url(/images/icons/icon-usergroup.png) no-repeat; }
.ts-icon-cupoane { background:url(/images/icons/icon-cupoane.png) no-repeat; }
.ts-icon-scariTarife { background:url(/images/icons/icon-scariTarife.png) no-repeat; }
.ts-icon-rapoarte { background:url(/images/icons/icon-rapoarte.png) no-repeat; }
.ts-icon-gigacalorii { background:url(/images/icons/icon-counter.png) no-repeat; }
.ts-icon-asociatii { background:url(/images/icons/icon-asociatii.png) no-repeat; }
.ts-icon-calcul-final { background:url(/images/icons/icon-calcul-final.png) no-repeat; }
.ts-icon-acm { background:url(/images/icons/icon-acm.png) no-repeat; }
.ts-icon-logMsg { background:url(/images/icons/icon-logMsg.png) no-repeat; }
.ts-icon-logActions{ background:url(/images/icons/icon-logs.png) no-repeat; }

.ts-icon-search { background: url(/images/icons/icon-search.png) no-repeat; }
.ts-icon-ok { background:url(/images/icons/icon-ok.png) no-repeat; }
.ts-icon-warning{ background:url(/images/icons/icon-warning.png) no-repeat; }
.ts-icon-cancel{ background:url(/images/icons/icon-cancel.png) no-repeat; }
.ts-icon-info{ background:url(/images/icons/icon-info.png) no-repeat; }
.ts-icon-refresh{ background:url(/images/icons/icon-refresh.gif) no-repeat; }
.ts-icon-print{ background:url(/images/icons/icon-print.png) no-repeat; }
.ts-icon-add{ background:url(/images/icons/icon-add.png) no-repeat; }
.ts-icon-edit{ background:url(/images/icons/icon-edit.png) no-repeat; }
.ts-icon-delete{ background:url(/images/icons/icon-delete.png) no-repeat; }
.ts-icon-actionColumn-del{ background:url(/images/icons/icon-delete.png) no-repeat; width: 16px; }
.ts-icon-actionColumn-calcul{ background:url(/images/icons/icon-refresh.gif) no-repeat; width: 16px; }
.ts-icon-actionColumn-istoric{ background:url(/images/icons/doc.png) no-repeat; width: 16px; }
.ts-icon-actionColumn-formulare{ background:url(/images/icons/icon-formulare.png) no-repeat; width: 13px; height: 13px; cursor: pointer; }
.ts-icon-actionColumn-ok { background:url(/images/icons/icon-ok-small.png) no-repeat; width: 13px; height: 13px; cursor: pointer; }
.ts-icon-actionColumn-error { background:url(/images/icons/icon-error.png) no-repeat; width: 13px; height: 13px; cursor: pointer; }
.ts-icon-actionColumn-download { background:url(/images/icons/icon-download.png) no-repeat; width: 13px; height: 13px; cursor: pointer; }
.ts-icon-indecsi{ background:url(/images/icons/icon-meter.png) no-repeat; }
.ts-icon-chitante{ background:url(/images/icons/icon-chitante.png) no-repeat; }
.ts-icon-facturi{ background:url(/images/icons/icon-facturi.png) no-repeat; }
.ts-icon-facturirate{ background:url(/images/icons/icon-facturirate.png) no-repeat; }
.ts-icon-listeplati{ background:url(/images/icons/icon-listeplati.png) no-repeat; }
.ts-icon-plati{ background:url(/images/icons/icon-plati.png) no-repeat; }
.icon-help{ background-image: url(/images/icons/docs.gif) !important; }
.icon-doc{ background-image: url(/images/icons/doc.png) !important; }

.icon-expand-all{
    background-image: url(/images/icons/icon-expand-all.gif) !important;
}
.icon-collapse-all{
    background-image: url(/images/icons/icon-collapse-all.gif) !important;
}

.icon-files {
    background: url(/images/icons/files.png);
}

/* EXTJS form notifications */
.msgError
{
    display: block; margin-top: 10px; padding: 4px 5px 4px 25px !important;
    color:#665252; line-height: 1.3;
    border:1px solid #DF8F8F;
    background: #FFCECE url(/images/icons/icon-error.png) 3px 3px no-repeat;
}
.msgSuccess
{
    display: block; margin-top: 10px; padding: 4px 5px 4px 25px !important;
    color: #556652; line-height: 1.3;
	border: 1px solid #9ADF8F;
    background: #D5FFCE url(/images/icons/icon-ok.png) 3px 3px no-repeat;
}
.msgInfo
{
    display: block; margin-top: 10px; padding: 4px 5px 4px 25px !important;
    color: #585B66; line-height: 1.3;
	border: 1px solid #A2B4EE;
    background: #DBE3FF url(/images/icons/icon-info.png) 3px 3px no-repeat;
}
.msgWarn
{
    display: block; margin-top: 10px; padding: 4px 5px 4px 25px !important;
    color: #585B66; line-height: 1.3;
	border: 1px solid #E6DB55;
    background: #FFFBCC url(/images/icons/icon-warning.png) 3px 3px no-repeat;
}

/* HTML notifications */
.notification, .notification-noIcon
{
    padding: 10px 10px 10px 36px;
    margin-bottom: 15px;
    border: 1px solid; color: #665252;
    font-size: 12px;
    background: #eee 10px 8px no-repeat;
    background-position: 10px 8px;

    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}
.notification-noIcon{
    padding: 10px;
    background-image: none !important;
}
.notification-error{
    border-color: #DF8F8F;
    background-color: #FFCECE;
    background-image: url(/images/icons/icon-error.png);
}
.notification-success{
    color: #556652;
    border-color: #9ADF8F;
    background-color: #D5FFCE;
    background-image: url(/images/icons/icon-ok.png);
}
.notification-info{
    color: #585B66;
    border-color: #A2B4EE;
    background-color: #DBE3FF;
    background-image: url(/images/icons/icon-info.png);
}
.notification-warning{
    color: #666452;
    border-color: #E6DB55;
    background-color: #FFFBCC;
    background-image: url(/images/icons/icon-warning.png);
}

/* MODAL background */
.ext-el-mask{ background-color: #3D424D; }


.x-window-plain .x-window-mc{
    background-color: #ececec !important;
}
.x-grid3-body .x-grid3-td-rowNumberer{
    background-image: url("/images/grid3-special-col-bg.gif");
    background-repeat: repeat-y;
    background-position: top right;
    text-align: right;
}
.x-grid3-body .x-grid3-td-editableFalse{ background-color: #F1F2F4; }
.x-grid3-body .x-grid3-td-editableTrue{ background-color: #DBE3FF; }

.editable-column {
    background-color: #DBE3FF;
}

.okText{ color: #00cc33; } /* only for spans - or text styles */
.errorText{ color: #CC3300; } /* only for spans - or text styles */
.warnText{ color: #ff00cc; } /* only for spans - or text styles */
.infoText{ color: #3399ff; } /* only for spans - or text styles */
.errorInput{ border-color: #CC3300; }
.errorInputText{ border-color: #CC3300; color: #CC3300; }
.okInputText{ border-color: #00cc33; color: #00cc33; }

.totalsRow{
    padding: 2px 20px 2px 30px;
}
.totalTitle{
    font-weight: bold;
    float: left;
}
.totalCol{
    float: right; width: 80px;
    padding: 0 5px;
    font-weight: bold;
}

/* group checkbox in ecranul de adaugare factura */
.grpCheckbox{
    float: right;
}

/* row class for row old & row deleted */
.row-old .x-grid3-cell-inner,
.row-old .x-grid3-row-body{
    color: gray; font-style: italic;
}

.row-deleted,
.row-deleted .x-grid3-cell-inner,
.row-deleted .x-grid3-row-body{
    color: red;
}

.row-facturi,
.row-facturi .x-grid3-row-table {
    height: 32px;
}
.row-facturi .x-grid3-cell-inner {
    overflow: auto;
    white-space: normal;
    height: calc(100% - 6px);
    display: flex;
    align-items: center;
}
.row-facturi .x-grid3-cell-inner.x-grid3-col-numberer {
    justify-content: end;
}

.row-bold,
.row-bold .x-grid3-cell-inner,
.row-bold .x-grid3-row-body{
    font-weight: bold;
}

.node-hidden .x-tree-node-anchor span {
    text-decoration: line-through;
}

/* OVERWRITES */
.x-window-plain .x-window-mc {
    background-color: #f4f4f4 !important;
}
.x-grid-group-hd div.x-grid-group-title{
    padding-right: 3px;
}


.clearFilters{
    background: url("/images/icons/icon-clearFilters.png") no-repeat center;
    cursor: pointer;
}
.clearFilters:hover{
    background: url("/images/icons/icon-clearFilters-over.png") no-repeat center;
}

.hiddenVisual,
.hiddenVisual2{
    font-weight: bold;
    color: blue;
}
.hiddenVisual2{
    color: green;
}
.msg-success{
    background: transparent url(/images/icons/msg-success.png) no-repeat top left;
}
.msg-error{
    background: transparent url(/images/icons/msg-error.png) no-repeat top left;
}

.x-grid3-hd-expander{
    padding: 0;
}

.gridBodyNotifyOver {
    border-color: #00cc33 !important;
}
.gridRowInsertBottomLine {
    border-bottom:1px dashed #00cc33;
}
.gridRowInsertTopLine {
    border-top:1px dashed #00cc33;
}
.no-icon {
    display : none;
}
.readOnly{
    color: gray; opacity: 0.6;
}
.floatLeft{
    float: left;
}
.floatRight{
    float: right;
}
.calculfinal_valid_1{
    color: red;
}