.top_menu {position: relative;height:100px;}
.top_menu .menu-list {width:100%;height:100px;display:none;position:absolute;background: transparent;zoom:1;}
.top_menu .menu-list-active {display:block;}
.top_menu .menu-item-col {display:block;float:left;padding:0;}
.top_menu .menu-item-row {padding: 0;}
.top_menu .menu-item {color:#FFFFFF;text-decoration:underline;display:block;zoom:1;width: 180px;line-height:28px;padding:0 7px;border-radius:3px;position:relative;behavior:url(pie.htc);-pie-watch-ancestors:true;cursor:pointer;*cursor:hand;}
.top_menu .menu-crumbs {padding:3px 7px;color:#FFFFFF;vertical-align: middle;line-height:22px;position: relative;zoom:1;}
.top_menu .menu-crumb {color:#FFFFFF;display:inline-block;*display:inline;border-radius:3px;text-decoration:none;cursor:pointer;*cursor:hand;position: relative;behavior:url(pie.htc);-pie-watch-ancestors:true;zoom:1;}
.top_menu .menu-crumb span {border-bottom: 1px dashed #FFF;margin: 4px 8px;}
.top_menu .menu-crumb-active span {border:0;}
.top_menu .menu-crumb:hover span {border-color:#048248;}

.top_menu .menu-item {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.top_menu .menu-item:hover {overflow:visible;text-overflow:clip;width:auto;}

.top_menu .menu-crumb:hover,
.top_menu .menu-crumb-active,
.top_menu .x-item-selected {background-color:#DDD; background-image:-moz-linear-gradient(#FFFFFF, #D0D0D0); background-image:-webkit-linear-gradient(#FFFFFF, #D0D0D0); background-image:-o-linear-gradient(#FFFFFF, #D0D0D0); background-image:linear-gradient(#FFFFFF, #D0D0D0); -pie-background:linear-gradient(#FFFFFF, #D0D0D0); color:#048248;}
.top_menu .menu-item:hover {background-color:#EEE; background-image:-moz-linear-gradient(#FFFFFF, #E5E5E5); background-image:-webkit-linear-gradient(#FFFFFF, #E5E5E5); background-image:-o-linear-gradient(#FFFFFF, #E5E5E5); background-image:linear-gradient(#FFFFFF, #E5E5E5); -pie-background:linear-gradient(#FFFFFF, #E5E5E5); z-index:1100; }
.top_menu .menu-item:hover,
.top_menu .x-item-selected {color:#048248;text-decoration:none;}
.top_menu .menu-item-back {float:right; background-color:#DDD; background-image:-moz-linear-gradient(#FFFFFF, #D0D0D0); background-image:-webkit-linear-gradient(#FFFFFF, #D0D0D0); background-image:-o-linear-gradient(#FFFFFF, #D0D0D0); background-image:linear-gradient(#FFFFFF, #D0D0D0); -pie-background:linear-gradient(#FFFFFF, #D0D0D0); cursor:pointer;*cursor:hand; color:#048248; } 

.top_menu .menu-sub {height:70px;margin:0 7px;padding:2px;border-radius:4px;background-color:#EEEEEE;background-image:-moz-linear-gradient(#FFFFFF, #EEEEEE);background-image:-webkit-linear-gradient(#FFFFFF, #EEEEEE); background-image:-o-linear-gradient(#FFFFFF, #EEEEEE); background-image:linear-gradient(#FFFFFF, #EEEEEE); -pie-background:linear-gradient(#FFFFFF, #EEEEEE);behavior:url(pie.htc);zoom:1;position:relative;}
.top_menu .menu-sub table {border-collapse: collapse;}
.top_menu .menu-sub td {position: relative;}
.top_menu .menu-sub .menu-item-empty {text-decoration:none;}
.top_menu .menu-sub .menu-item {display:block;color:#048248;line-height:22px;float:none;font-size: 12px;text-decoration:none;min-width: 200px;width: auto;}
.top_menu .menu-sub .menu-item:hover {color:#FFFFFF;background-color:#048248;background-image: none;-pie-background:#048248;}
.top_menu .menu-sub .x-item-selected {color:#FFFFFF;background-color:#189D4C;background-image: none;-pie-background:#189D4C;}

/*body {background: none;}*/
div.ibcenter { background: white; }
.x-accordion-hd {
	background-image: none;
	background-color: #D7D2D2;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f0f0), color-stop(100%, #d7d7d7));
	background-image: -webkit-linear-gradient(top, #f0f0f0,#d7d7d7);
	background-image: -moz-linear-gradient(top, #f0f0f0,#d7d7d7);
	background-image: -o-linear-gradient(top, #f0f0f0,#d7d7d7);
	background-image: -ms-linear-gradient(top, #f0f0f0,#d7d7d7);
	background-image: linear-gradient(top, #f0f0f0,#d7d7d7);
	-moz-box-shadow: #efeded 0 1px 0 0 inset;
	-webkit-box-shadow: #efeded 0 1px 0 0 inset;
	-o-box-shadow: #efeded 0 1px 0 0 inset;
	box-shadow: #efeded 0 1px 0 0 inset;
}

.panel-itemselect-wrap {margin: 0 0 0 40px;}
.panel-itemselect-wrap h2 {margin: 20px 0;font-weight: normal;}
.panel-itemselect {border: 1px solid #CCC;}
.panel-itemselect .x-panel-body {border: 0;}
.panel-itemselect .x-boundlist-item {line-height: 20px;}
.panel-itemselect .x-toolbar,
.panel-itemselect .x-panel-header {height: 36px;line-height: 26px;}
.panel-itemselect .x-panel-header-text { color: #FFFFFF; font-family: Arial; font-size: 12px; }
.panel-itemselect .x-btn {border: 1px solid #BBB;}
.panel-itemselect .x-btn span {color: #666;font-family: Arial;font-size: 12px;}
.panel-itemselect .x-btn-over {border: 1px solid #888;}
.panel-itemselect .x-btn-over span {color:#333;}
.panel-itemselect .x-icon-text-right .btn-is {background-image: url(ux/css/images/right2.gif)}
.panel-itemselect .x-icon-text-left  .btn-is {background-image: url(ux/css/images/left2.gif)}

.x-splitter {width:5px !important;margin-left:1px !important;background: #EEE;border: 1px solid #CCC;}
.x-splitter .x-collapse-el {width:14px !important;background-color: #EEE;background-image: url(../../media/images/splitter.png);left:3px;height:44px;}
.x-splitter-collapsed .x-collapse-el {width:14px !important;background-color: #EEE;background-image: url(../../media/images/splitter-m.png);left:-14px;}

#sidebar a {color: #0D5C9E;}
#sidebar .c-title a {color: black;}
#sidebar p {margin: 10px 0;}

.mb20 {margin-bottom: 20px;}

.field-text-fl {float: left;clear:left;}
.field-text-fl-boxlabel {float: left;margin-left: 20px;width:300px;line-height: 20px;color:#888;}

.bc-dock .x-panel-body, .bc-dock .bc-btn-medium {background: #D8EDDE;padding: 5px;}

.bc-panel {padding: 0;border:0;border-radius: 0;background: none;}
.bc-panel .x-panel-header {background: none;border:0;box-shadow: none;}
.bc-panel .x-panel-header-default-framed-horizontal {border-bottom: 3px solid #5BBF67 !important;}
.bc-panel .x-panel-body-default-framed {padding: 10px;border-color: #CCC;border-style:solid;border-width: 0 1px 1px !important;}
.bc-panel .x-grid-body {padding: 0;}

.bc-center .bc-panel .x-panel-header-text-container,
.bc-center .bc-panel .x-panel-header {height: 28px;}
.bc-center .bc-panel .x-panel-header-text {font-size: 16px;font-weight: normal;}

.bc-panel-grid .x-panel-body {border: 1px solid #CCC;}
.bc-panel-grid-lc .x-grid-cell {vertical-align: middle;line-height: 28px;}

.bc-dock-gray .x-panel-body {background-color: #EEE;padding: 5px 10px;}
.bc-dock-gray p {line-height: 20px;}

.x-grid-row-alt .x-grid-cell {background-color: #EEE;}
.x-grid-row-over .x-grid-cell {background-color: #DDD;}
/*.bc-grid-action { display: block; float: left; cursor: pointer; *cursor:hand; background-color: #FFF; border: 1px solid #BBB; border-radius: 3px; margin-right: 4px; width: 22px; height: 22px; }*/
/*.bc-grid-action:hover { border-color: #999; background-color: #E5E5E5; }*/
.x-action-col-button {margin-right: 4px;}
.x-action-col-cell .x-grid-cell-inner {text-overflow: clip;}
.bc-grid-action-details { background-image: url(../../media/images/view.png); background-position: -4px -3px; }
.bc-grid-eye { background-image: url(../../media/images/eye-show.png);}
.bc-grid-action-save { background-image: url(../../media/images/save.png);}
.bc-grid-action-context { background-image: url(../../media/images/action-arr-d-gray.gif); }
.x-btn-over .bc-grid-action-context { background-image: url(../../media/images/action-arr-d-green.gif); }

.bc-btn-icon-print {background-image: url(../../media/images/icon-print.png);}
.bc-btn-icon-add {background-image: url(../../media/images/icon-plus-gray.png);}
.bc-btn-icon-approve {background-image: url(../../media/images/icon-check-gray.png);}
.bc-btn-icon-delete {background-image: url(../../media/images/icon-cross-gray.png);}
.bc-btn-icon-send {background-image: url(../../media/images/icon-arrow-right-gray.png);}
.bc-btn-icon-withdraw {background-image: url(../../media/images/icon-arrow-left-gray.png);}
.bc-btn-icon-tree-leaf {background-image: url(../../media/images/icon-circle-gray.png);}
.bc-btn-icon-copy {background-image: url(../../media/images/icon-copy-gray.png);}

.bc-action-context {position: absolute;z-index: 10000;display:block !important;width:200px;height:100px !important;background: green;}

#center .x-box-inner {overflow-y: auto;}


.bc-panel-grid .x-column-header-inner {padding: 0 5px;margin-top: -8px;}
.bc-grid-column-selector .x-column-header-inner {width:34px;border: 1px solid #BBB;border-radius: 3px; height: 20px !important; padding: 0px;margin:0px;top: 1px;left: 1px;background-image: url(../../media/images/action-arr-d-gray.gif);background-repeat: no-repeat;background-position: right;}
.bc-grid-column-selector .x-column-header-over {background-color: #DDD;}
.bc-grid-column-selector .x-column-header-text {margin-top: 2px;margin-left: 3px;}

.bc-grid-context { position: absolute; z-index: 10000; display: block !important; background-image: none; background-color: #EAEAEA; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #F7F7F7), color-stop(100%, #E5E5E5)); background-image: -webkit-linear-gradient(top, #F7F7F7,#E5E5E5); background-image: -moz-linear-gradient(top, #F7F7F7,#E5E5E5); background-image: -o-linear-gradient(top, #F7F7F7,#E5E5E5); background-image: -ms-linear-gradient(top, #F7F7F7,#E5E5E5);background-image: linear-gradient(top, #F7F7F7,#E5E5E5);border: 1px solid #AAA;border-radius: 3px;line-height: 20px;padding: 5px 10px;}
.bc-grid-context-body {padding: 0;background: none !important;}
.bc-grid-context .x-panel-body { background: none;}
.bc-grid-context .x-menu-item {margin: 2px 0;}
.bc-grid-context .x-menu-item-icon {display: none;}
.bc-grid-context .x-menu-item-link {margin: 0;padding: 0;border:0;background: none;}
.bc-grid-context .x-menu-item-text {text-decoration: underline;color: #0F5B99;}
.bc-grid-context .x-menu-item-active .x-menu-item-text {text-decoration: none;}
.bc-grid-context .x-menu-icon-separator {display: none;}

.case-to-close-doc-type {  }
.case-to-close-doc-type select { width:186px; }
.message-unread { font-weight: bold !important; }
.state-system {font-size:12px; font-weight:bold; text-align:center;}
.state-system-text {font-size:12px; padding:3px 7px; line-height:13px;}
span.corr_descr { font-weight: bold !important; }
span.overdraft { color: red; font-weight: bold; }
span.enough { color: green; font-weight: bold; }

/* START -- Pay Upload */
.pay-import-attention { font-size:13px; font-weight:bold; text-align:center; }
.pay-import-show-details { text-decoration:underline; cursor:pointer; }
.pay-type-tool-tip .informan { font-size:12px; }
.pay-type-tool-tip .informan ul { margin:5px 0; }
.pay-type-tool-tip .informan ul li { margin:0 0 7px 5px; list-style:circle; }
/* END -- Pay Upload */
.x-fieldset {
	padding: 0 10px;
}

.warn-icon {
    width: 16px;
    height: 16px;
    background-image: url(../../media/images/icons/error.png);
}
/* .bc-grid-action-gpi{ 
	background-image: url(../../media/images/eye-show.png); 
} */
.eye-icon-enable{
	width: 20px;
    height: 20px;
	padding: 1px;
	background-position: center;
	background-repeat: no-repeat;
	border-color: #bbb;
	border-width: 1px 1px 1px 1px;
	background-size: contain;
	background-image: url(../../media/images/icons/gpi-icon-open.png);
}
.eye-icon-enable:hover{
	background-image: url(../../media/images/icons/gpi-icon-close.png);
}
.eye-icon-disable{
	width: 20px;
    height: 20px;
	padding: 1px;
	background-position: center;
	background-repeat: no-repeat;
	border-color: #bbb;
	border-width: 1px 1px 1px 1px;
	background-size: contain;
	background-image: url(../../media/images/icons/gpi-icon-disable.png);
}
.warn-btn-icon {
    width: 20px;
    height: 20px;
	padding: 1px;
	background-position: center;
	background-repeat: no-repeat;
	border-color: #bbb;
	border-width: 1px 1px 1px 1px;
	background-size: contain;
	background-image: url(../../media/images/icons/warn-icon-idn.png);
}
.warn-btn-icon:hover{
	background-size: contain;
	background-image: url(../../media/images/icons/warn-icon-idn-2.png);
}
.fz16{
	font-size: 16px;
	margin: 3px 0 0 0;
}
.fz14{
	font-size: 14px;
	margin: 3px 0 0 0;
}
.gpi-line{
	width: 80%;
	margin: 12px auto 16px;
	height: 4px !important;
}
.gpi-line .x-panel-body{
	background: #000;
	border-color: transparent;
	height: 100%;
}
.status-container{
	min-height: 145px;
	position: relative;
	margin-bottom: 20px;
}
.status-box{
	min-height: 145px;
	text-align: center;
}
.col{
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.first-col{
	bottom: 0;
}
.swift{
	display: flex;
    justify-content: center;
	cursor: pointer;
}
.swift .x-form-display-field{
	padding-right: 20px;
}
.swift.done .x-form-display-field{
	color: #078800;
	background: url(../images/icons/swift-done.png) center right/14px 14px no-repeat;
}
.swift.pending .x-form-display-field{
	color: #CC00FF;
	background: url(../images/icons/swift-pend.png) center right/14px 14px no-repeat;
}
.swift.error .x-form-display-field{
	color: #FF0000;
	background: url(../images/icons/swift-err.png) center right/14px 14px no-repeat;
}
.status-icon{
	width: 30px !important;
	height: 30px !important;
	position: absolute !important;
	z-index: 2;
}
.status-icon .x-panel-body{
	display: none;
}
.first-status{
	background: url(../images/icons/gpi-status-sender.png) center/cover no-repeat;
	right: auto;
	left: 95px !important;
	top: 50px !important;
}
.middle-status{
	background: url(../images/icons/gpi-status-corr.png) center/cover no-repeat;
	right: 0;
	left: 0 !important;
	top: 50px !important;
	transform: translate(315px, 0);
}
.middle-status.error{
	background: url(../images/icons/gpi-status-err.png) center/cover no-repeat;
}
.middle-status.done{
	background: url(../images/icons/gpi-status-sender.png) center/cover no-repeat;
}
.last-status{
	background: url(../images/icons/gpi-status-ben.png) center/cover no-repeat;
	right: 95px;
	left: auto !important;
	top: 50px !important;
}
.last-status.pending{
	background: url(../images/icons/gpi-status-corr.png) center/cover no-repeat;
}
.last-status.error{
	background: url(../images/icons/gpi-status-err.png) center/cover no-repeat;
}
.last-status.done{
	background: url(../images/icons/gpi-status-sender.png) center/cover no-repeat;
}
.first-status.without-corr{
	left: 150px !important;
}
.last-status.without-corr{
	right: 150px;
}
.first-line{
	z-index: 1;
	position: absolute !important;
	height: 10px !important;
	width: 200px !important;
	background: #078800;
	top: 60px !important;
	left: 120px !important;
}
.first-line .x-panel-body{
	display: none;
}
.second-line{
	z-index: 1;
	position: absolute !important;
	height: 10px !important;
	width: 200px !important;
	background: #BEBEBE;
	top: 60px !important;
	left: auto !important;
	right: 120px;
}
.second-line.done{
	background: #078800;
}
.second-line .x-panel-body{
	display: none;
}
.third-line{
	z-index: 1;
	position: absolute !important;
	height: 10px !important;
	width: 308px !important;
	background: #078800;
	top: 60px !important;
	left: 178px !important;
}
.third-line .x-panel-body{
	display: none;
}


.accept-icon {
    width: 16px;
    height: 16px;
    background-image: url(../../media/images/icons/accept.png);
}
.unread_message {
	color: red;
}

.plabel {font: 12px Arial}
.plabel-small {font: 10px Arial}
.plabelc {font: 12px Arial; text-align: center; }
.plabelr {font: 12px Arial; text-align: right; }
.plabelr-small {font: 10px Arial; text-align: right; }

div.otpdiv {padding:2px; border:1px solid #2E8B57;}
.gcell {background-color:#2E8B57; color:#FFFFFF; text-align: center; width: 20px; height: 20px; padding: 1px; margin: 1px; }
.wcell {background-color:#FFFFFF; padding: 1px; margin: 1px; }
span.overdraft {color:red; font-weight: bold;}

div#userIPpanel div#userHolidays {font: 11px Arial;color:black;}

.x-calendar table {width: 90%; height: 95%;}
.x-calendar-cell, .x-calendar-cell-holiday, .x-calendar-cell-disabled {border: 1px solid lightgray; text-align: center; vertical-align: middle;}
.x-calendar-cell div, .x-calendar-cell-disabled div, .x-calendar-cell-holiday div {border: none;}
.x-calendar-cell-holiday, .x-calendar-cell-holiday div {background-color: lightpink;}
.x-calendar-cell-holiday:hover, .x-calendar-cell-holiday:hover div {background-color: plum; cursor: pointer;}
.x-calendar-cell:hover, .x-calendar-cell:hover div {background-color: #f0f0f0; cursor: pointer;}
.x-calendar-header {padding: 7px; font-weight: bold;}

.x-dublicate-warn .x-dublicate-warn-cell {background-color: #ffd066;}