/*
	magicColors : {	    //main    ,border, active, activeBorder, inverzcolor
		"default" 	:  ["FFFFFF","cccccc","e6e6e6","adadad","1F2837"],
		"dark" 		:  ["1F2837","161c27","0d1016","000000","FFFFFF"],
		"primary" 	:  ["4E7FE1","386fdd","2560d7","1f53b9","FFFFFF"],
		"success" 	:  ["81CA80","6fc26e","5dbb5c","49ac48","FFFFFF"],
		"success2" 	:  ["99CC00","6fc26e","5dbb5c","49ac48","FFFFFF"],
		"info" 		:  ["6BBCD7","57b3d2","43aacc","3297b9","FFFFFF"],
		"warning" 	:  ["E9C842","e6c12b","deb71a","be9d16","FFFFFF"],
		"danger" 	:  ["E96562","e64f4c","e33935","d6221e","FFFFFF"],
		"danger2" 	:  ["800200","e64f4c","e33935","d6221e","FFFFFF"],
	},

.animate-spin {
	display: inline-block;
	animation-name: customspin;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-delay: 0.2s;  time|initial|inherit;
	animation-direction: reverse; normal|reverse|alternate|alternate-reverse|initial|inherit;
	animation-timing-function: linear; linear|ease|ease-in|ease-out|ease-in-out|step-start|step-end|steps(int,start|end)|cubic-bezier(n,n,n,n)|cubic-bezier(0, 1, 0.5, 1)|initial|inherit;
    animation-play-state: running;  running|paused|initial|inherit
}

*/

body {
	line-height: 1;
}

html {
	-ms-touch-action: manipulation;
	touch-action: manipulation;
}

.ax-main-logo-subtext{
	display: block;
	font-size: 11px;
	padding-top: 3px; 
	padding-right: 10px;
	text-align:right; 
	
}
.ax-modify-menu-size-small:not(.ax-modify-menu-position-top) .ax-main-container .ax-main-logo .ax-main-logo-subtext{
	display: none;
}

	
.ax-tbar-icon {
	line-height: 17px;
	color: white;
	font-size: 17px;

}


.ax-tbar-menu-text {
	padding-top: 3px;
	font-size: 20px;
	color: #1F2837;
	/*border-bottom: 3px solid rgba(107, 188, 215, .2);*/
	/*border-bottom: 3px solid rgba(78, 127, 225, .2);*/
	border-bottom: 1px dashed rgba(135, 135, 135, .8);
}

.ax-tbar-menu-text span {
	vertical-align: middle;

}


/*

	VaGy: 2015.06.05 a dashboardhoz

*/
.x-android-3 .x-surface-wrap,.x-android-3 .x-surface-wrap>*{-webkit-perspective:1}
.x-draw-container{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;-ms-user-select:none;cursor:default}
.x-draw-container .x-inner{overflow:hidden}
.x-surface-canvas{position:absolute}
.x-chart-watermark{opacity:.5;z-index:9;right:0;bottom:0;background:rgba(0,0,0,0.5);color:white;padding:4px 6px;font-family:"Helvetica";font-size:12px;position:absolute;white-space:nowrap;border-top-left-radius:4px;-webkit-border-top-left-radius:4px}
.x-chart-image{width:100%;height:auto}
.x-legend-container{display:inline-block;line-height:0;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;border:1px solid #ccc;background:white;-webkit-box-shadow:rgba(255,255,255,0.6) 0 1px 1px;-moz-box-shadow:rgba(255,255,255,0.6) 0 1px 1px;box-shadow:rgba(255,255,255,0.6) 0 1px 1px}
.x-legend-item{padding:.8em 1em .8em 1.8em;color:#333;background:rgba(255,255,255,0);max-width:16em;min-width:0;font-size:12px;font-family:tahoma,arial,verdana,sans-serif;line-height:12px;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative}
.x-legend-inactive{filter:alpha(opacity=30);opacity:.3}
.x-legend-item-marker{position:absolute;width:.8em;height:.8em;-webkit-border-radius:.4em;-moz-border-radius:.4em;-ms-border-radius:.4em;-o-border-radius:.4em;border-radius:.4em;-webkit-box-shadow:rgba(255,255,255,0.3) 0 1px 0,rgba(0,0,0,0.4) 0 1px 0 inset;-moz-box-shadow:rgba(255,255,255,0.3) 0 1px 0,rgba(0,0,0,0.4) 0 1px 0 inset;box-shadow:rgba(255,255,255,0.3) 0 1px 0,rgba(0,0,0,0.4) 0 1px 0 inset;left:.7em;top:.85em}
.x-rtl>*>.x-legend-item{padding:.8em 1.8em .8em 1em}
.x-rtl>*>*>.x-legend-item-marker{right:.7em}
.x-legend,.x-legend-panel{background:white;outline:0}
.x-legend.x-docked-top .x-legend-item,.x-legend.x-docked-bottom .x-legend-item,.x-legend-panel.x-docked-top .x-legend-item,.x-legend-panel.x-docked-bottom .x-legend-item{border-left:1px solid rgba(204,204,204,0.5)}
.x-legend.x-docked-top .x-legend-item:first-child,.x-legend.x-docked-bottom .x-legend-item:first-child,.x-legend-panel.x-docked-top .x-legend-item:first-child,.x-legend-panel.x-docked-bottom .x-legend-item:first-child{border-left:none}
.x-legend.x-docked-top.x-rtl .x-legend-item:first-child,.x-legend.x-docked-bottom.x-rtl .x-legend-item:first-child,.x-legend-panel.x-docked-top.x-rtl .x-legend-item:first-child,.x-legend-panel.x-docked-bottom.x-rtl .x-legend-item:first-child{border-left:1px solid rgba(204,204,204,0.5)}
.x-legend.x-docked-top.x-rtl .x-legend-item:last-child,.x-legend.x-docked-bottom.x-rtl .x-legend-item:last-child,.x-legend-panel.x-docked-top.x-rtl .x-legend-item:last-child,.x-legend-panel.x-docked-bottom.x-rtl .x-legend-item:last-child{border-left:none}
.x-legend.x-docked-left .x-legend-item,.x-legend.x-docked-right .x-legend-item,.x-legend-panel.x-docked-left .x-legend-item,.x-legend-panel.x-docked-right .x-legend-item{border-top:1px solid rgba(204,204,204,0.5)}
.x-legend.x-docked-left .x-legend-item:first-child,.x-legend.x-docked-right .x-legend-item:first-child,.x-legend-panel.x-docked-left .x-legend-item:first-child,.x-legend-panel.x-docked-right .x-legend-item:first-child{border-top:0}
.x-legend.x-docked-left .x-legend-inner,.x-legend.x-docked-right .x-legend-inner,.x-legend-panel.x-docked-left .x-legend-inner,.x-legend-panel.x-docked-right .x-legend-inner{display:-webkit-box;-webkit-box-align:center;-webkit-box-pack:center}
.x-legend.x-horizontal{white-space:nowrap}
.x-legend.x-horizontal .x-legend-item{display:inline-block}
.x-chart-toolbar{position:absolute;z-index:9;display:-webkit-box;display:-moz-box;display:-ms-box;display:box;padding:.6em}
.x-chart-toolbar .x-button{margin:.2em}
.x-chart-toolbar[data-side=left],.x-chart-toolbar[data-side=right]{top:0;-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-box-orient:vertical;box-orient:vertical}
.x-chart-toolbar[data-side=left]{left:0}
.x-chart-toolbar[data-side=right]{right:0}
.x-chart-toolbar[data-side=top],.x-chart-toolbar[data-side=bottom]{-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-ms-box-orient:horizontal;box-orient:horizontal;right:0}
.x-chart-toolbar[data-side=top]{top:0}
.x-chart-toolbar[data-side=bottom]{bottom:0;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-ms-box-orient:horizontal;box-orient:horizontal} 

/*VaGy: 2015.06.04.*/

.mini-box-verticalContainer {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.mini-box-horizontalContainer {
  width: 100%;
  height: 200px;
  display: -webkit-flex;
  display: flex;
  
}

.horizontal-flex, 
.flex-item,
.mini-box,
.mini-box-horizontalContainer {
  flex: 0.3;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  -webkit-transition: all 1s;
  transition: all 1s;
}

.mini-box {
	/* border: 1px solid red; */
	/* margin-top:10px; */
	color: #626262 !important;
}


.mini-box .btn-icon {
	height: 70px;
	line-height: 70px;
	width: 70px;
	border-radius: 50%;
	display: inline-block;
	background-color: #6BBCD7;
	color: #fff;
	font-size: 32px;
	margin: 0 15px 0 0;
}

.mini-box .btn-icon.green  {background-color: #99cc00 !important; /*#81CA80 !important;*/}
.mini-box .btn-icon.blue    {background-color: #00C0F0 !important;/* #6BBCD7 !important;*/}
.mini-box .btn-icon.green1  {background-color: #1BB7A0 !important;}
.mini-box .btn-icon.green2  {background-color: #39B5B9 !important;}
.mini-box .btn-icon.green3  {background-color: #800200 !important;/*#52A3BB !important;*/}
.mini-box .btn-icon.green4  {background-color: #619CC4 !important;}
.mini-box .btn-icon.green5  {background-color: #6D90C5 !important;}
.mini-box .btn-icon.yellow{background-color: #E9C842 !important;}
.mini-box .btn-icon.red      {background-color: #E96562 !important;}
.mini-box .btn-icon.grey      {background-color: #D4D0C8 !important;}
.mini-box .btn-icon.hidden   {display: none;}
.mini-box .btn-icon.invisible   {visibility: hidden;}

.insideMinibox.hidden{display:none;}
/*
z1: "#1BB7A0",
z2: "#39B5B9",
z3: "#52A3BB",
z4: "#619CC4",
z5: "#6D90C5",
*/


.mini-box .btn-icon-small {
	height: 50px;
	line-height: 50px;
	width: 50px;
	border-radius: 50%;
	display: inline-block;
	background-color: #6BBCD7;
	color: #fff;
	font-size: 28px;
	margin: 0 10px 0 0;
}


.mini-box .btn-icon-small.green  {background-color: #81CA80 !important;}
.mini-box .btn-icon-small.green1  {background-color: #1BB7A0 !important;}
.mini-box .btn-icon-small.green2  {background-color: #39B5B9 !important;}
.mini-box .btn-icon-small.green3  {background-color: #52A3BB !important;}
.mini-box .btn-icon-small.green4  {background-color: #619CC4 !important;}
.mini-box .btn-icon-small.green5  {background-color: #6D90C5 !important;}
.mini-box .btn-icon-small.blue    {background-color: #6BBCD7 !important;}
.mini-box .btn-icon-small.yellow{background-color: #E9C842 !important;}
.mini-box .btn-icon-small.red      {background-color: #E96562 !important;}
.mini-box .btn-icon-small.grey      {background-color: #D0D0D0 !important; /*#D4D0C8 !important;*/}
.mini-box .btn-icon-small.hidden   {display: none;}
.mini-box .btn-icon-small.invisible   {visibility: hidden;}




.dashBoardPanel {
	margin : 10px;
	padding : 0px;
	color: #626262 !important;
	height: inherit  !important;
	/* border: 0px solid red; */
}


.dashBoardContainer {
	margin : 0px !important;
	padding : 0px !important;
	background-color : #EAEAEA !important;
	border: 0px solid black !important; 
}
	.dashBoardContainer  .x-legend-item{
		white-space: normal;
	}


.dashBoardNoBoard{
	border: 0px solid black !important; 
}
.dashBoardGreyBg{
	background-color : #EAEAEA !important;
}

.gridColumnColored{
	padding: 0.5em 0.8em !important;
	border-radius: 3px !important;
	white-space:normal !important;
	color: white !important;
}

.x-form-readonly .x-form-item-body * {
	color: #4E7FE1;
	font-weight: bold;
}

/* GRID TEMPLATE IKONOK */
/*.x-grid-cell .ax-icon {*/
	/*display: block;*/
	/*margin: 1px;*/
	/*text-align: center;*/
	/*font-size: 1.2em;*/
	/*line-height: 1em;*/
	/*color: inherit;*/
	/*text-decoration: none;*/
/*}*/

.x-grid-cell .ax-icon:hover {
	/*color: #2560D7 !important;*/
}

/*.x-grid-cell .glyphicon-trash:hover {*/
	/*color: #E33935 !important;*/
/*}*/

/*.x-grid-cell .ax-icon:visited,*/
/*.x-grid-cell .ax-icon:link {*/
	/*color: inherit;*/
/*}*/



/*.ax-main-container-menu .ax-main-menu .ax-menu-item .ax-menu-item-link:hover {
	opacity: 0.8;
}
*/
.ax-main-container-menu .ax-main-menu .ax-menu-item .ax-menu-item-link .ax-menu-item-active {
	opacity: 0.3;
}


.ax-tile-loader {
	text-align: center;
}

.ax-tile-loader .ax-tile-loader-name {
	font-weight: bold;
	display: block;
	height : 1em;
}

.ax-tile-loader .ax-tile-loader-text {
	display: inline-block;
	height : 1em;
	width: 100%;
	min-width: 60px;
}

.ax-allow-blank .ax-label-required:after {

	content: '*' !important;
	color: red !important;
}
	
#DSP_MainContainer1_upper a,
#DSP_MainContainer1_upper a:link,
#DSP_MainContainer1_upper a:visited,
#DSP_MainContainer2 a,
#DSP_MainContainer2 a:link,
#DSP_MainContainer2 a:visited

{
	text-decoration: none;
	color: inherit;
}


/* Koltai féle RIBBON 
	Structure : 
	<div class="panel x-panel panel-default ui-ribbon-container">
		<div class="ui-ribbon-wrapper">
			<div class="ui-ribbon">30% Off</div>
		</div>
	</div>

*/


/*.ax-ribbon-hide {*/
	/*visibility: hidden;*/
/*}*/

.ax-ribbon___ {
	width: 160px;
	height: 160px;
	background: rgba(155,155,255,0.5);
	font-size: 12px;
	overflow: hidden;

}

.ax-ribbon___ .ax-ribbon___-wrapper {
	background: palegreen;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	bottom: 69px;
	transform: rotate(45deg);
	left: -25px;
	width: 246px;
	height: 56px;
	white-space: normal;
}

.ax-ribbon___.ui-ribbon-info .ax-ribbon___-wrapper{
	background: #b0ccf2 !important;
}
.ax-ribbon___.ui-ribbon-success .ax-ribbon___-wrapper{
	background: green !important;
}



.ax-ribbon___ .ax-ribbon___-text {
	/*transform: rotate(45deg);*/
	/*white-space : nowrap;*/
	/*width: 100%;*/
	/*text-overflow: ellipsis;*/
	/*padding: 0 51px;*/
	padding    : 0 60px;
	text-align : center;
}

.ax-ribbon___ .ax-ribbon___-text.text-no-wrap {
	white-space : nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}













/*.x-panel .ui-ribbon {*/
	/*border: 0 solid red;*/
    /*box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);*/
    /*color: #fff;*/
    /*display: block;*/
    /*font-size: 12px;*/
    /*font-weight: 700;*/
    /*height: 45px;*/
    /*left: -13px;*/
    /*line-height: 15px;*/
    /*padding: 6px 33px;*/
    /*position: relative;*/
    /*text-align: center;*/
    /*top: 18px;*/
    /*transform: rotate(45deg);*/
    /*width: 167px;*/
	/**/
	/*!*position: relative;*/
    /*display: block;*/
    /*text-align: center;*/
    /*font-size: 10px;*/
    /*font-weight: 700;*/
    /*color: #fff;*/
    /*-webkit-transform: rotate(45deg);*/
    /*-moz-transform: rotate(45deg);*/
    /*-ms-transform: rotate(45deg);*/
    /*-o-transform: rotate(45deg);*/
    /*transform: rotate(45deg);*/
    /*padding: 7px 0;*/
    /*left: -5px;*/
    /*top: 15px;*/
    /*width: 120px;*/
    /*line-height: 20px;*/
    /*box-shadow: 0 0 3px rgba(0,0,0,.3);*/
	/*border: 0px solid red;*/
	/**!*/
/*}*/



/*.x-panel .ui-ribbon:before {*/
    /*left: 0;*/
    /*bottom: -1px;*/
/*}*/
/*.x-panel .ui-ribbon:after, */
/*.x-panel .ui-ribbon:before {*/
    /*position: absolute;*/
    /*content: " ";*/
    /*line-height: 0;*/
    /*border-top: 2px solid #555;*/
    /*border-left: 2px solid transparent;*/
    /*border-right: 2px solid transparent;*/
    /*bottom: -2px;*/
/*}*/

/*.x-panel .ui-ribbon:after {*/
    /*right: 0;*/
/*}*/
/*.x-panel .ui-ribbon:after, */
/*.x-panel .ui-ribbon:before {*/
    /*position: absolute;*/
    /*content: " ";*/
    /*line-height: 0;*/
    /*border-top: 2px solid #555;*/
    /*border-left: 2px solid transparent;*/
    /*border-right: 2px solid transparent;*/
    /*bottom: -2px;*/
/*}*/


/*.ui-ribbon-container .ui-ribbon-wrapper ,*/
/*.x-panel  .ui-ribbon-wrapper {*/
    /*border: 0px solid red;*/
    /*height: 118px;*/
    /*margin: 0 !important;*/
    /*overflow: hidden;*/
    /*padding: 0 !important;*/
    /*position: absolute;*/
    /*right: 18px !important;*/
    /*!*top: 52px !important;*!*/
    /*top: 43px !important;*/
    /*width: 116px;*/
    /*z-index: 8;*/
	/*transition: all 0.25s ease-in-out .1s;*/
	/*opacity: .9;*/
/*}*/

/*.ui-ribbon-container .ui-ribbon-wrapper.hidden ,*/
/*.x-panel  .ui-ribbon-wrapper.hidden {*/
	/*opacity: 0;*/
	/*display: block;*/
	/*width: 0;*/
	/*height: 0;*/
	/*!*background: green !important;*!*/
	/*!*height: 0 !important;*!*/
/*}*/



/*.ui-ribbon-wrapper .null {*/
	/*display : none !important;  */
 /*}*/
/*!* Szürke - default *!*/
/*.x-panel.ui-ribbon-default .ui-ribbon,*/
/*.ui-ribbon.default*/
 /*{*/
    /*background-color: #ffffff !important;*/
	/*color: #555555 !important;*/
/*}*/
/*.x-panel.ui-ribbon-dark .ui-ribbon,*/
/*.ui-ribbon.dark*/
 /*{*/
    /*background-color: #555555 !important;*/
/*}*/
/*!* KÉK - primary *!*/
/*.x-panel.ui-ribbon-primary .ui-ribbon,*/
/*.ui-ribbon.primary*/
 /*{*/
    /*background-color: #4E7FE1 !important;*/
/*}*/
/*!* ZOD - success *!*/
/*.x-panel.ui-ribbon-success .ui-ribbon ,*/
/*.ui-ribbon.success{*/
    /*background-color: #81CA80 !important;*/
/*}*/
/*!* CYAN - info *!*/
/*.x-panel.ui-ribbon-info .ui-ribbon ,*/
/*.ui-ribbon.info{*/
    /*background-color: #6BBCD7 !important;*/
/*}*/
/*!* YELLOW - warning *!*/
/*.x-panel.ui-ribbon-warning .ui-ribbon ,*/
/*.ui-ribbon.warning{*/
    /*background-color: #E9C842 !important;*/
/*}*/
/*!* RED - danger *!*/
/*.x-panel.ui-ribbon-danger .ui-ribbon ,*/
/*.ui-ribbon.danger{*/
    /*background-color: #E96562 !important;*/
/*}*/
/*!* PURPLE - lila *!*/
/*.x-panel.ui-ribbon-purple .ui-ribbon ,*/
/*.ui-ribbon.purple{*/
    /*background-color: #7266BD !important;*/
/*}*/

/*!* Login kepernyohoz: *!	*/

/*.labelDown .x-form-trigger-wrap-focus {*/
 /*!* TODO *!*/
/*}*/

/*.color-success { background-color: #81CA80 !important; color: white;}*/
/*.color-info { background-color: #6BBCD7 !important; color: white;}*/
/*.color-warning { background-color: #E9C842 !important; color: black;}*/
/*.color-danger { background-color: #E96562 !important; color: white;}*/


/** ICON */
/*.ax-icon-container {*/
	/*padding: 0;*/
	/*margin: 0;*/
	/*cursor: default;*/
	/*display: inline-block;*/
	/*text-align: center;*/
	/*vertical-align: middle;*/
/*}*/

/*.ax-icon-container .ax-icon {*/
	/*color: inherit;*/
	/*background: inherit;*/
	/*font-size: 1.4em !important;*/
	/*line-height: 30px;*/
	/*padding: 0;*/
	/*margin: 0;*/
	/*cursor: default;*/
	/*display: inline-block;*/
	/*text-align: center;*/
	/*vertical-align: middle;*/
/*}*/

.ax-icon-container .ax-icon:not(first-child) {
	margin-left: 3px;
}

.ax-icon-container .ax-icon .ax-icon-circle {

}

/*
        TODO: x.btn
        A gombbal kapcsolatos szabályok beépítve a frameworkbe.
                {
                    xtype: 'button'
                    ui: 'primary' ---> ["primary"|"info"|"dark"|"success"|"warning"|"danger"]
                }
    */

/*.x-menu-item-link, .btn-link{color:#4E7FE1!important;font-weight:400!important;border-radius:0!important}*/
/*.x-menu-item-link, .btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent!important;-webkit-box-shadow:none!important;box-shadow:none!important}*/
/*.x-menu-item-link, .btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent!important}*/
/*.x-menu-item-link, .btn-link:focus,.btn-link:hover{color:#2156c2!important;text-decoration:underline!important;background-color:transparent!important}*/
/*.x-menu-item-link, .btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#777!important;text-decoration:none!important}*/
/*.x-menu-item-link, .btn-group-lg>.btn,.btn-lg{padding:10px 16px!important;font-size:18px!important;line-height:1.33!important;border-radius:3px!important;}*/
/*.x-menu-item-link, .btn-group-sm>.btn,.btn-sm{padding:5px 10px!important;font-size:12px!important;line-height:1.5!important;border-radius:2px!important;}*/
/*.x-menu-item-link, .btn-group-xs>.btn,.btn-xs{padding:1px 5px!important;font-size:12px!important;line-height:1.5!important;border-radius:2px!important;}*/


/*.x-menu-item-link{*/

	/*margin-left:10px !important;*/
	/*background-image: inherit !important;*/
	/*padding: 6px 12px !important;*/
	/*line-height: 25px !important;*/
	/*height: auto;*/

	/*color: inherit!important;*/

	/*background-color: inherit!important;*/
	/*border-color: inherit!important;*/

/*}*/


.ax-title.x-menu-item-cmp {
	margin-left: 20px !important;
	padding-left: 0px !important;
	
	padding-top: 20px !important;
	padding-bottom: 10px !important;
	
	font-weight: bold;
	font-size: 16px;
	
	color: #4E7FE1!important;
}



.btn-direction{position:relative!important;border:0!important;line-height:20px!important;}
.btn-up:before{content:" "!important;line-height:0!important;position:absolute!important;top:-16px!important;left:50%!important;margin-left:-8px!important;border:8px solid transparent!important;border-bottom:8px solid #fff!important;}
.btn-up:hover:before{border-bottom:8px solid #e6e6e6!important;}
.btn-up.btn-primary:before{border-bottom:8px solid #4E7FE1!important;}
.btn-up.btn-primary:hover:before{border-bottom:8px solid #2560d7!important;}
.btn-up.btn-success:before{border-bottom:8px solid #81CA80!important;}
.btn-up.btn-success:hover:before{border-bottom:8px solid #5dbb5c!important;}
.btn-up.btn-info:before{border-bottom:8px solid #6BBCD7!important;}
.btn-up.btn-info:hover:before{border-bottom:8px solid #43aacc!important;}
.btn-up.btn-warning:before{border-bottom:8px solid #E9C842!important;}
.btn-up.btn-warning:hover:before{border-bottom:8px solid #deb71a!important;}
.btn-up.btn-danger:before{border-bottom:8px solid #E96562!important;}
.btn-up.btn-danger:hover:before{border-bottom:8px solid #e33935!important;}
.btn-down:before{content:" "!important;line-height:0!important;position:absolute!important;bottom:-16px!important;left:50%!important;margin-left:-8px!important;border:8px solid transparent!important;border-top:8px solid #fff!important;}
.btn-down:hover:before{border-top:8px solid #e6e6e6!important;}
.btn-down.btn-primary:before{border-top:8px solid #4E7FE1!important;}
.btn-down.btn-primary:hover:before{border-top:8px solid #2560d7!important;}
.btn-down.btn-success:before{border-top:8px solid #81CA80!important;}
.btn-down.btn-success:hover:before{border-top:8px solid #5dbb5c!important;}
.btn-down.btn-info:before{border-top:8px solid #6BBCD7!important;}
.btn-down.btn-info:hover:before{border-top:8px solid #43aacc!important;}
.btn-down.btn-warning:before{border-top:8px solid #E9C842!important;}
.btn-down.btn-warning:hover:before{border-top:8px solid #deb71a!important;}
.btn-down.btn-danger:before{border-top:8px solid #E96562!important;}
.btn-down.btn-danger:hover:before{border-top:8px solid #e33935!important;}
.btn-w-xs{min-width:80px!important;}
.btn-w-sm{min-width:100px!important;}
.btn-w-md{min-width:120px!important;}
.btn-w-lg{min-width:150px!important;}
.btn-round{border-radius:2em!important;}


.btn-left {border-bottom-left-radius:0;border-top-left-radius:0}
.btn-left:before {border:16px solid transparent;border-right:10px solid #fff;content:" ";left:-26px;line-height:0;position:absolute;top:0}
.btn-left:hover:before {border-right:10px solid #e6e6e6}
.btn-left.btn-primary:before {border-right:10px solid #4E7FE1}
.btn-left.btn-primary:hover:before {border-right:10px solid #2560d7}
.btn-left.btn-success:before {border-right:10px solid #81CA80}
.btn-left.btn-success:hover:before {border-right:10px solid #5dbb5c}
.btn-left.btn-info:before {border-right:10px solid #6BBCD7}
.btn-left.btn-info:hover:before {border-right:10px solid #43aacc}
.btn-left.btn-warning:before {border-right:10px solid #E9C842}
.btn-left.btn-warning:hover:before {border-right:10px solid #deb71a}
.btn-left.btn-danger:before {border-right:10px solid #E96562}
.btn-left.btn-danger:hover:before {border-right:10px solid #e33935}
.btn-right {border-bottom-right-radius:0;border-top-right-radius:0}
.btn-right:before {border:16px solid transparent;border-left:10px solid #fff;content:" ";line-height:0;position:absolute;right:-26px;top:0}
.btn-right:hover:before {border-left:10px solid #e6e6e6}
.btn-right.btn-primary:before {border-left:10px solid #4E7FE1}
.btn-right.btn-primary:hover:before {border-left:10px solid #2560d7}
.btn-right.btn-success:before {border-left:10px solid #81CA80}
.btn-right.btn-success:hover:before {border-left:10px solid #5dbb5c}
.btn-right.btn-info:before {border-left:10px solid #6BBCD7}
.btn-right.btn-info:hover:before {border-left:10px solid #43aacc}
.btn-right.btn-warning:before {border-left:10px solid #E9C842}
.btn-right.btn-warning:hover:before {border-left:10px solid #deb71a}
.btn-right.btn-danger:before {border-left:10px solid #E96562}
.btn-right.btn-danger:hover:before {border-left:10px solid #e33935}
 

.btn-left, .btn-down, .btn-up, .btn-right, .btn-overflow , .x-box-visible {	overflow: visible !important; }
.x-box-visible-y {	overflow-y: visible !important; }
.x-box-visible-x {	overflow-x: visible !important; }
.x-box-visible-y>div {	overflow-y: visible !important; }
.x-box-visible-x>div {	overflow-x: visible !important; }
.x-box-visible>div {	overflow: visible !important; }

/*
	TODO: switch szabályok
	 A framework része!
*/

 .x-message-box .x-window-header  {
	background-color: inherit !important;
	color: inherit !important;
	border-bottom: 1px solid #aaa !important;
	
 }
 
 .x-window-header-title-default {
	line-height: 20px !important;	
 }
 
 .x-panel .popupInnerContainer {
	padding: 5px 5px 5px 5px !important;
	background-color: inherit !important;
 }
 

 
 .x-message-box .x-window-body  {
	padding: 20px !important; 
 }

 /*.separatorTitle{*/
	/*font-weight: bold !important;*/
	/*padding: 10px 10px 10px 0px !important;*/
	/*font-size: 16px !important;*/
 /*}*/
 /**/
 /*.separatorTitleDanger{*/
	/*font-weight: normal !important;*/
	/*padding: 10px 10px 10px 0px !important;*/
	/*font-size: 16px !important;*/
	/*color: #E96562;*/
 /*}*/

/*.ax-text-align-right{text-align: right;}*/
/*.ax-text-align-center{text-align: center;}*/
/*.ax-text-align-left{}*/


 
/*body, .x-panel-body-default, .x-form-item-label-default {*/
	/*color: #626262 !Important; */
/*}*/

/*body {color: darkgreen !important;}*/
/*.x-panel-body-default {color: magenta !important;}*/
/*.x-form-item-label-default {color: yellow !important;}*/

.x-accordion-item .x-accordion-hd {
    padding: 8px 10px 8px 0px !important;
}


.x-panel-header-title-default {
	line-height: 20px !important;
}

.field-tooltip {
	padding-bottom: 10px !important;
	margin-bottom: 10px !important;
}

.field-tooltip-content  {
	/*color: #81CA80 !important;*/
	/*color: #5dbb5c !important;*/
	color: green;
}
body>.x-mask {
	border-color: transparent !important;
}
.x-panel>.x-mask {
	border: 0px solid red !important;
}

.x-mask {
	transition-property: background-color !important;
    transition-duration: 2s !important;
    transition-timing-function: linear !important;
    transition-delay: 3.5s !important;
}
.x-boundlist-item {
	min-height: 25px !important;
}

/* slider */
#panel-1015-innerCt {
	overflow-x: hidden;
	max-width: inherit;
	transition-property: all;
	transition-duration: .5s;
	transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
	perspective: 1000;
	transform-style: preserve-3d;
		
}


#panel-1015-innerCt.front {
	z-index: 2;
	/* for firefox 31 */
	transform: rotateY(0deg);
	
}

/* back, initially hidden pane */
#panel-1015-innerCt.back {
	transform: rotateY(180deg);
}
.ax-text-icon {
	border-radius: 0.25em;
	display: inline-block;
    color: #fff;
    font-size: .9em;
    font-weight: 700;
    line-height: 1;
    padding: 0.6em 0.6em 0.6em 0.6em;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
}

.ax-text-icon.primary {
	background-color: #4E7FE1;
}

.ax-text-icon.info {
	background-color:  #6BBCD7;
}

.ax-text-icon.success {
	background-color: #81CA80;
}

.ax-text-icon.warning {
	background-color: #E9C842;
}

.ax-text-icon.danger {
	background-color: #E96562;
}

.ax-color-type-primary { color: #4E7FE1 !important; }
.ax-color-type-info { color:  #6BBCD7 !important; }
.ax-color-type-success { color: #81CA80 !important; }
.ax-color-type-warning { color: #E9C842 !important; }
.ax-color-type-danger { color: #E96562 !important; }

/* Reload gomb kikapcsolása */
#ax-tpl-main-check-dev,
#ax-tpl-main-reload,
#ax-tpl-main-translate {
		display: none;
}

#DocDashboard .x-panel-header ,
#DocDashboard .x-panel-header-default-docked-top {
	border: 1px solid #cfcfcf !important;
	
}

#DocDashboard .dashBoardPanelItem {
	float: left !important;
	min-width: 300px;
	width:47%;
	margin:10px !important; 
	padding: 0px !important;
}

.x-panel-body-default{
	border-width: 0px !important;
}

.x-toolbar-default{
	
}
.x-grid-body {
	border-left-width: 1px !important;
	border-right-width: 1px !important;
}

.hboxcard-ct {
	border-width: 0px !important;
}


.hboxcard-innerct > .x-toolbar{
		border-top-width: 0px !important;
		border-right-width: 0px !important;
		border-left-width: 0px !important;
		border-bottom-width: 1px !important;
}

/*
Fő cimben megejenő bottom border nem volt szép
De a DocDataSheet-ben a z Accordion elemeknél meg hiányzott
TODO
*/
.x-docked-top {
  border-bottom-width: 0px !important;
}
.x-grid-header-ct.x-docked {
	border-bottom-width: 1px !important;
	border-top-width: 1px !important;
}

.hboxcard-innerct {
	border: 1px solid #cfcfcf !important;
}
.hboxcard-innerct.x-splitter{
	border-width: 0px !important;
}

.x-grid-td {
	vertical-align: middle !important;
}

.ax-design-vboxgrid .ax-text.separatorTitle {
	padding: 20px 10px !important;
}

.ax-design-vboxgrid .ax-text.separatorTitleDanger {
	padding: 20px 10px !important;
}

.ax-text-label {
	line-height: 2em;
}

/*
GRID classek
.x-panel-body 
.x-grid-with-row-lines 
.x-grid-body 
.x-panel-body-default 
.x-layout-fit 
.x-panel-body-default-docked-top
*/
/*
GRID HEDAER 
x-grid-header-ct x-docked x-grid-header-ct-default x-docked-top x-grid-header-ct-docked-top x-grid-header-ct-default-docked-top x-box-layout-ct

*/
/*
PANEL
.x-panel-body
.x-panel-body-default
.x-box-layout-ct
.x-panel-body-default
.x-docked-noborder-right
.x-docked-noborder-bottom
.x-docked-noborder-left
*/

* ::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}

* ::-webkit-scrollbar-track {
	/*background-color: rgba(0,0,0,0.1);*/
	background-color: rgba(255,255,255,0.1);
	border-radius: 5px;
}

* ::-webkit-scrollbar-thumb {
	/*background-color: rgba(255,255,255,0.8);*/
	background-color: rgba(68, 68, 68,0.5);
	border: 1px solid rgba(255,255,255,0.2);
	border-radius: 5px;
}

* ::-webkit-scrollbar-corner {
}


#ax-tpl-main-docked-menu ::-webkit-scrollbar-track {
	/*background-color: rgba(0,0,0,0.1);*/
	background-color: rgba(255,255,255,0.1);
	margin: 2px;
	border-radius: 5px;
}

#ax-tpl-main-docked-menu ::-webkit-scrollbar-thumb {
	background-color: rgba(255, 255, 255,0.5);
	border: 1px solid rgba(255,255,255,0.2);
	border-radius: 5px;
}

.x-form-file-input {
    width: 100%;
	height : 100%;
}

/*Felso icon bekapcsolt szine */
/* DEPRECATED AS CREATED */
body.tooltip-enabled  #ax-tpl-main-info span{
	color: #81ca80 !important;
}
/* TODO 
.callout{
	display: none;
}
*/
body.description-enabled  .callout:not(.multi-mode-hide){
	display: table-caption !important;
}

.multi-mode-hide,
body.description-disabled  .callout,
body.description-disabled  .ax-text-callout-description{
	display: none !important;
}

.DownloadContainer  .loginInputRow{
	color: #fafafa;
}

.DownloadContainer  .fsLoginOptions a {
	color: #626262 !important;
	text-decoration: none;
}

/*
.DownloadContainer .loginInputButton {
    background-color: #00c0ff !important;
    border: 1px solid #00c0ff !important;
}
.DownloadContainer .loginInputButton {
    background-color: #81ca80 !important;
    background-image: none !important;
    border: 1px solid rgb(73, 172, 72) !important;
    color: white !important;
    opacity: 1;
    padding: 0 16px;
}

.DownloadContainer .loginInputButton.xbt-over {
    background-color: #009acc !important;
}
*/

	

.x-tip.x-tip-form-invalid{
	background-color: #E96562 !important;
	border-radius: 10px;
	padding: 10px;
	color: white !important;
	box-shadow: none;
}
.x-tip.x-tip-form-invalid .x-list-plain {
	/*color: #1f2837;*/
	color: white;
	font-size: 20px;
}
	
.noToolBarBorder .x-toolbar ,
.noToolBarBorder  .x-toolbar-default {
	border: 0px solid grey !important; 
}

/* This field is required-nek nem kell */
.x-css-shadow {
	display: none !important;
}

.x-tip-body-form-invalid {
    background: none !important;
	padding-left: 0px !important;
}


/*TOOLBAR*/
/*.ax-tile-toolbar:after {*/
	/*content : "";*/
	/*display : block;*/
	/*width   : 100%;*/
	/*!*height  : 1px;*!*/
	/*background: #e0e0e0;*/
	/*position: absolute;*/
	/*bottom: 0;*/
	/*z-index : -2;*/
/*}*/

/*.ax-tile-toolbar-header {*/
	/*overflow: hidden;*/
	/*white-space: nowrap;*/
	/*text-overflow: ellipsis;*/
/*}*/


/*.hboxcard-innerct {*/
	/*border: 1px solid #cfcfcf !important;*/
/*}*/

.x-window   .x-panel.x-window-item {
	padding-left : 2px !important;
	padding-right: 2px !important;
}

.disabledDownload .loginInputField {
	color: #474A50 !important;
	font-weight: normal !important;
}

.x-body {
	/*line-height: 1em !important; EZZEl szepen szukitheto*/ 
}
	
.x-form-text-default {
    /*height: auto !important;*/
    /*TODO: Próbából eltávolítva (NaVi) */
    /*line-height: 25px !important;*/
    /*min-height: 25px !important;*/
}

/*.x-form-trigger-wrap-default	{*/
	/*border-color: #afafaf; !* Ha importantra rakom, akkor a required piros kerete eltunik *!*/
/*}*/

/* LOADMASK 3.0 */

.x-mask-msg-text {
    background-image: none;
    background-position: inherit inherit;
    background-repeat: inherit;
    padding: 10px;
	/*
		min-width: 200px;
		min-height: 200px;
		border: 1px solid red;
	*/
}
.x-border-box, .x-border-box * {
    box-sizing: border-box;
}



.x-timeline {
	border-top: 1px solid #CFCFCF;
	border-bottom: 1px solid #CFCFCF;
	
	/* TODO: Tablet-en lenyulja a scrollt,es horizontalisan engedi magan belul.
	overflow-x : hidden !important;
	overflow-y : hidden!important;
	max-width: 100%!important;
	position:relative!important;
	*/
	
}

.x-timeline-view{
	/* border: 1px solid green; */
	
	/*overflow-x : hidden!important;
	overflow-y : hidden!important;
	max-width: 100%!important;
	position:relative!important;
	*/
}

.ui-timline-container {
    padding: 15px 15px 15px 30px;
	/*border: 1px solid red; */
	background-color: #EAEAEA !important;
	
}

	
	.ui-timeline::before {
		background-color: #d5d5d5;
		bottom: 0;
		content: "";
		left: 0;
		position: absolute;
		top: 30px;
		width: 1px;
		z-index: 0;
	}
	.ui-timeline {
		table-layout: fixed;
		border-collapse: collapse;
		border-spacing: 0;
		
		display: table;
		position: relative;
		width: 100%;
	}
		
		
		.ui-timeline .tl-item::before {
			content: "";
			display: none;
		}
		.ui-timeline .tl-item {
			display: table-row;
			margin-bottom: 5px;
		}	
			.ui-timeline .tl-item .tl-body {
				display: table-cell;
				vertical-align: top;
				width: 50%;
			}
				.ui-timeline .tl-item .tl-body .tl-entry {
					margin: 0 0 15px 36px;
					position: relative;
				}
					
					/* VEGPONT */
					.ui-timeline .tl-item .tl-caption  {
						margin-left: -55px;
					}
					.ui-timeline .tl-item .tl-caption a {
						text-decoration: none;	
						width: 150px;
						text-decoration: none;
						border-radius: 3px;
					}
					
					
					/* 3 min ago */
					.ui-timeline .tl-item .tl-body .tl-time {
						color: #777;
						left: auto;
						line-height: 35px;
						position: absolute;
						/* right: 15px; */
						text-align: right;
						top: 5px;
						/* width: 150px; */
						width: 100%;
						z-index: 1;
					}
					
					/* KOZEPSO ICON */
					.ui-timeline .tl-item .tl-body .btn-icon,  
					.ui-timeline .tl-item .tl-body .btn-icon-lined {
						border-radius: 2px;
						display: inline-block;
						height: 35px;
						text-align: center;
						width: 35px;
					}
					.ui-timeline .tl-item .tl-body .btn-icon-round {
						border-radius : 50%;
					}
					.ui-timeline .tl-item .tl-body .tl-icon {
						left: -53px;
						position: absolute;
						top: 5px;
					}
					
					.ui-timeline .btn-icon, 
					.ui-timeline .btn-icon i {
						line-height: 35px;
					}

					.tl-time>div {
						line-height: 12px;
						font-size: 12px;
						
					}
					.tl-time>div.levelInfo {
						padding-left: 8px;
						text-align: left;
						width: 50%;
					}
					.tl-time>div.warningDeadline {
						margin-top: -15px;
						padding-right: 2px;
						width: 100%;
						text-align: right;
					}
					.tl-time>div.delayDeadline {
						margin-top: 4px;
						padding-right: 2px;
						width: 100%;
						text-align: right;
					}
					
	/*
	display:inline-block;
    width:180px;
	*/
    
					/* tl-icon  btn-icon btn-icon-thin btn-info{ */
						
						
					
					/* BUBOREK */
					.ui-timeline .tl-item .tl-body .tl-content::after {
						-moz-border-bottom-colors: none;
						-moz-border-left-colors: none;
						-moz-border-right-colors: none;
						-moz-border-top-colors: none;
						border-color: transparent rgba(255, 255, 255, 0.9) transparent transparent;
						border-image: none;
						border-style: solid;
						border-width: 8px;
						content: " ";
						left: -16px;
						line-height: 0;
						position: absolute;
						top: 15px;
					}
					.ui-timeline .tl-item .tl-body .tl-content {
						background-color: rgba(255, 255, 255, 0.9);
						border-radius: 2px;
						padding: 15px 15px 15px 2px;
						position: relative;
					}
					
					.ui-timeline  .tl-content  h4 {
						padding: 18px 0px 0px 0px;
						/* margin: 10px 0px 0px 0px;*/
						margin: 0px;
						height: 41px;
						white-space: nowrap;
						overflow:hidden !important;
						text-overflow: ellipsis;
					}
					.ui-timeline  .tl-content  ul {
						margin: 0px;
						padding-left: 0px;
					}
					.ui-timeline  .tl-content  ul li {
						padding: 2px 2px 0px 2px;
					}
					.ui-timeline  .tl-content  h4 span.inside {
						display: inline;
						padding: 5px 5px;
					}
					.ui-timeline  .tl-content  ul li span.inside {
						display: inline;
						padding: 1px 5px;
					}
					.ui-timeline  .tl-content  h4 a {
						color: #4e7fe1 !important;
						text-decoration: none;
						font-size: 18px;
						
					}
					.ui-timeline  .tl-content  h4.selected span.inside{
						border-radius: 5px 5px;
						background-color: #6BBCD7;
					}
					
					.ui-timeline  .tl-content  ul li.selected span.inside{
						border-radius: 5px 5px;
						background-color: #6BBCD7;
					}

					.ui-timeline  .tl-content  h4 a:hover{
						color: #2560d7 !important;
					}
					
						
					.ui-timeline  .tl-content  ul li a {
						color: #626262;
						text-decoration: none;
						font-size: 14px;
						
						white-space: nowrap;
						overflow:hidden !important;
						text-overflow: ellipsis;

						
					}
					
					.ui-timeline  .tl-content  ul li a.required {
						color: #E96562 !important;
						/*color: #800200 !important;*/
					}
					.ui-timeline  .tl-content  ul li a:hover{
						/*color: #0d1016;*/
						color: #434343 !important;
					}
					.ui-timeline  .tl-content  ul li a.required:hover {
						color: #e33935 !important;
						/*color: #e33935 !important;*/
					}
					
					.ui-timeline  .tl-content  ul li {
						list-style: none;
					}
					
					

/* AIF -TEHEME - MAGIC módosítás 
*/						

.ax-navigator-tab-disksplitter {
    background: rgba(192, 192, 192, 0.1) none repeat scroll 0 0;
    border: 0px solid transparent; /* DEBUG */
    height: 40px;
    opacity: 1;
    right: -17px;
    width: 40px;
	
}

.ax-navigator-tab-disksplitter:after {
	background-color: #fff;
    border: 1px solid rgba(192, 192, 192, 0.9);
    border-radius: 50%;
    color: #666666;
    content: "";
    display: block;
    font-family: "Themify Icons","Helvetica Neue",Arial,sans-serif;
    font-size: 20px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    height: 10px;
    line-height: 29px;
    margin-left: 14px;
    margin-top: -17px;
    text-align: center;
    width: 10px;
}	

.ax-navigator-tab-disksplitter:before {
	background: rgba(192, 192, 192, 0.7) none repeat scroll 0 0;
    border: 1px solid rgba(192, 192, 192, 0.9);
    border-radius: 50%;
    color: #666666;
    content: "";
    display: block;
    font-family: "Themify Icons","Helvetica Neue",Arial,sans-serif;
    font-size: 20px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    height: 20px;
    line-height: 29px;
    margin-left: 9px;
    margin-top: 8px;
    text-align: center;
    width: 20px;
}	


.ax-navigator-tab-disksplitter.disk-confirm {


}

.ax-navigator-tab-disksplitter.disk-confirm:before{
	margin-top: 7px;
	
}
.ax-navigator-tab-disksplitter.disk-confirm:after{
	width: 30px;
	height: 30px;
	display: block;
	background-color: #FFFFFF;
	border-radius: 50%;
	border-width: 1px;
	text-align: center;
	line-height: 29px;
	margin-left: 3px;
	margin-top: -26px;
    
	content: "\e6d9";
	
	font-family: "Themify Icons", "Helvetica Neue", Arial, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 20px;
	color: #666666;
	
	
}

.ax-navigator-tab-bullet {
	background: rgba(0, 0, 128, 0.7) none repeat scroll 0 0;
    border: 1px solid rgba(0, 0, 128, 0.9);
    border-radius: 40px 0 0 40px;
    display: none;
    height: 40px;
    position: absolute;
    right: 0;
    top: 50%;
    width: 20px;
    z-index: 99;
	
}

.ax-navigator-tab-bullet:after {
	width: 30px;
	height: 30px;
	display: block;
	background-color: #FFFFFF;
	border-radius: 50%;
	border: 1px solid rgba(192, 192, 192, 0.9);
	text-align: center;
	line-height: 29px;
	margin-left: 3px;
	margin-top: 3px;
    content: "\e6da";
	font-family: "Themify Icons", "Helvetica Neue", Arial, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 20px;
	color: #666666;
}
					
/* Ez akkor jelenik meg, ha elegge szeles a hely
.ui-timeline::before {
	left: 50%;
}
.wide .ui-timeline .tl-item .tl-body .tl-time {
	color: #626262;
	left: -220px;
	right: auto;
}						
.ui-timeline .tl-item::before {
	display: block;
	width: 50%;
}					
.ui-timeline .tl-item .tl-caption {
	margin-left: -110px;
}
*/


/* 2016.01.18. */

.progress {
-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
background-color:#f5f5f5;
border-radius:2px;
box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
height:20px;
margin-bottom:20px;
overflow:hidden
}

.progress-bar {
-o-transition:width .6s ease;
-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);
-webkit-transition:width .6s ease;
background-color:#4E7FE1;
box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);
color:#fff;
float:left;
font-size:12px;
height:100%;
line-height:20px;
text-align:center;
transition:width .6s ease;
width:0
}


@keyframes barframe75 {
	0%  { width: 0%}
	10% { width: 10%}
	20% { width: 20%}
	30% { width: 25%}
	40% { width: 32%}
	50% { width: 40%}
	60% { width: 45%}
	70% { width: 55%}
	80% { width: 64%}
	90% { width: 70%}
	100% { width: 75%}
}

	


/* VaGy: 2016.09.05. DEPRECATED 
#loading-bar,#loading-bar-spinner {
	-moz-transition:1350ms linear all;
	-o-transition:1350ms linear all;
	-webkit-pointer-events:none;
	-webkit-transition:1350ms linear all;
	pointer-events:none;
	transition:1350ms linear all
}
*/

/*

#loading-bar,#loading-bar-spinner {
	-moz-transition:5000ms barframe75 all !important;
	-o-transition:5000ms barframe75 all !important;
	-webkit-pointer-events:none;
	-webkit-transition:5000ms barframe75 all !important;
	pointer-events:none;
	transition:5000ms barframe75 all !important ;
	
	transition-timing-function: cubic-bezier(0, .44, 0, 1) !important;
	
}
*/


/* xxx */
/*  transition-timing-function: cubic-bezier(0, 1, 0.5, 1); */

#loading-bar-spinner.ng-enter,#loading-bar-spinner.ng-leave.ng-leave-active,#loading-bar.ng-enter,#loading-bar.ng-leave.ng-leave-active {
opacity:0
}

#loading-bar-spinner.ng-enter.ng-enter-active,#loading-bar-spinner.ng-leave,#loading-bar.ng-enter.ng-enter-active,#loading-bar.ng-leave {
opacity:1
}



#loading-bar .bar {
-moz-transition:width 15000ms;
-o-transition:width 15000ms;
-webkit-transition:width 15000ms;
background-color:#4E7FE1;
border-bottom-right-radius:1px;
border-top-right-radius:1px;
height:5px;
left:0;
position:fixed;
top:0;
/*
transition:width 5000ms;
*/
transition-property: all;
transition-duration: 15000ms;
transition-timing-function: cubic-bezier(.08, .08, 0, 1) !important;

width:100%;
display:block;
z-index:10002;
}
/* TODO EZT ALLITSD BE */
#loading-bar .bar {
	transition-duration: 2000ms !important;
}


#loading-bar .peg {
-moz-border-radius:100%;
-webkit-border-radius:100%;
border-radius:10%;
box-shadow:#4E7FE1 1px 0 6px 1px;
height:4px;
opacity:.45;
position:absolute;
right:0;
top:0;
width:5px
}

#loading-bar-spinner {
display:block;
left:10px;
position:fixed;
top:10px;
z-index:10002
}

#loading-bar-spinner .spinner-icon {
-moz-animation:loading-bar-spinner 400ms linear infinite;
-ms-animation:loading-bar-spinner 400ms linear infinite;
-o-animation:loading-bar-spinner 400ms linear infinite;
-webkit-animation:loading-bar-spinner 400ms linear infinite;
animation:loading-bar-spinner 400ms linear infinite;
border:2px solid transparent;
border-left-color:#4E7FE1;
border-radius:10px;
border-top-color:#4E7FE1;
height:14px;
width:14px
}

					
/* MENUITEM */


.x-menu-item  .ti {
	font-size: 18px;
	border: 0px solid red;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 5px;
}

.userMenuTop ,
.userMenuTop  a,
.userMenuTop  .x-menu-item-text-default {
	cursor: unset  !important;	
}

.userMenuTop  .x-menu-icon-separator {
	z-index: 9999;
	display: none;
}
.userMenuTop  .x-menu-item-disabled {
    /*
	background-color: inherit !important; 
	*/
	opacity: 1 !important;
	cursor: unset !important;
}

.userMenuTop  .x-menu-item-link {
	cursor: unset  !important;
}
					
.userMenuTop   .userBackGroundInfo {
	
}

/*.userMenuTop   .userBackGroundInfo  , itt pont nem*/
.userMenuTop   .userBackGroundInfo  a ,
.userMenuTop   .userBackGroundInfo  span {
	color: inherit !important;	
}
.userMenuTop   .userBackGroundInfo  span {
	color: inherit !important;	
    font-size: 20px;
    line-height: 25px;
    margin-left: 13px;
    text-overflow: ellipsis;
}
.userMenuTop   .userBackGroundInfo  span span.email {
	font-size: 14px !important ;
	margin-left: 0px !important;
}
.userMenuTop   .userBackGroundInfo  span span.account {
	font-size: 14px !important ;
	font-weight: 700 !important;
	margin-left: 0px !important;
}


.userMenuTop   .x-menu-item-text-default.x-menu-item-indent {
}


.x-window-header-default .x-tool-img {
    opacity: 0;
	visibility: hidden;
	height: 1px;
}
.window-PalettePopUpMenu .x-tool-after-title:after,
.window-AboutPopUpMenu .x-tool-after-title:after,
.window-SettingsPopUpMenu .x-tool-after-title:after{
	/*
	font-family: "Themify Icons","Helvetica Neue",Arial,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
*/

	content:"\e65e";
    border: 0 solid red !important;
    color: 	rgb(21,​ 127,​ 204) !important;
    cursor: pointer !important;
    display: block !important;
    font-family: "Themify Icons","Helvetica Neue",Arial,sans-serif;
    font-size: 18px;
    font-weight: normal;
    height: 20px !important;
    position: relative;
    right: 6px;
    text-transform: none;
    top: 8px;
    width: 22px !important;
    z-index: 9999;

	-moz-transition:right 400ms;
	-o-transition:right 400ms;
	-webkit-transition:right 400ms;
	transition:right 400ms;
	
	
}
	
.window-PalettePopUpMenu .x-tool-after-title.x-tool-over:after,
.window-AboutPopUpMenu .x-tool-after-title.x-tool-over:after,
	.window-SettingsPopUpMenu .x-tool-after-title.x-tool-over:after{
	-moz-transition:right 400ms;
	-o-transition:right 400ms;
	-webkit-transition:right 400ms;
	transition:right 400ms;
	color: 	rgb(21,​ 127,​ 204) !important;	
	right: 12px;
}


.window-AboutPopUpMenu .x-tool-after-title:after,
.window-AboutPopUpMenu .x-tool-after-title.x-tool-over:after{
	content:"\e65d";	
	right: 0px;
}

.window-AboutPopUpMenu .aboutCls {
	border: 0px solid blue;
}

.window-AboutPopUpMenu .aboutCls h4 {
	 color: #626262 !important;  
	 font-family: "Open Sans","Helvetica Neue",Arial,sans-serif !important;
     font-size: 24px !important;
	 font-weight: 700;
	 margin-bottom: 10px;
	 width: 100%;
	 text-align: center;
	 line-height: 22px !important;
	 
	
}

.window-AboutPopUpMenu .aboutCls p.desc,
.window-AboutPopUpMenu .aboutCls p.version{
	color: #626262 !important;
	font-family: "Open Sans","Helvetica Neue",Arial,sans-serif !important;
    font-size: 13px !important;
	width: 100%;
	text-align: center;
}

.window-AboutPopUpMenu  .aboutBtn {
	opacity :1 !important;
	left:33% !important; 
	margin-top:10px !important; 
	width: 95px !important;
}



.pdf-text-layer {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    color: #000;
    font-family: sans-serif;
}

.pdf-text-layer > div {
    color: transparent;
    position: absolute;
    line-height:1.3;
}
.hidden { display: none; }


.f54 { font-size: 54px !important;}  .f30 { font-size: 30px !important;}	
.f52 { font-size: 52px !important;}  .f28 { font-size: 28px !important;}
.f50 { font-size: 50px !important;}  .f26 { font-size: 26px !important;}
.f48 { font-size: 48px !important;}  .f24 { font-size: 24px !important;}
.f46 { font-size: 46px !important;}  .f22 { font-size: 22px !important;}
.f44 { font-size: 44px !important;}  .f20 { font-size: 20px !important;}
.f42 { font-size: 42px !important;}  .f18 { font-size: 18px !important;}
.f40 { font-size: 40px !important;}  .f16 { font-size: 16px !important;}
.f38 { font-size: 38px !important;}  .f14 { font-size: 14px !important;}
.f36 { font-size: 36px !important;}  .f12 { font-size: 12px !important;}
.f34 { font-size: 34px !important;}  .f10 { font-size: 10px !important;}
.f32 { font-size: 32px !important;}  .f8 { font-size: 8px !important;}

.mt2 {margin-top: 2px !important;}		.pt2 {padding-top: 2px !important;}
.mt4   {margin-top: 4px !important;}    .pt4 {padding-top: 4px !important;}
.mt6   {margin-top: 6px !important;}    .pt6 {padding-top: 6px !important;}
.mt8   {margin-top: 8px !important;}    .pt8 {padding-top: 8px !important;}
.mt10 {margin-top: 10px !important;}    .pt10 {padding-top: 10px !important;}
.mt12 {margin-top: 12px !important;}    .pt12 {padding-top: 12px !important;}
.mt14 {margin-top: 14px !important;}    .pt14 {padding-top: 14px !important;}
.mt16 {margin-top: 16px !important;}    .pt16 {padding-top: 16px !important;}
.mt18 {margin-top: 18px !important;}    .pt18 {padding-top: 18px !important;}
.mt20 {margin-top: 20px !important;}    .pt20 {padding-top: 20px !important;}
.mt22 {margin-top: 22px !important;}    .pt22 {padding-top: 22px !important;}
.mt24 {margin-top: 24px !important;}    .pt24 {padding-top: 24px !important;}
.mt26 {margin-top: 26px !important;}    .pt26 {padding-top: 26px !important;}
.mt28 {margin-top: 28px !important;}    .pt28 {padding-top: 28px !important;}
.mt30 {margin-top: 30px !important;}    .pt30 {padding-top: 30px !important;}
.mt32 {margin-top: 32px !important;}    .pt32 {padding-top: 32px !important;}
.mt34 {margin-top: 34px !important;}    .pt34 {padding-top: 34px !important;}

.mr2 {margin-right: 2px !important;}	.pr2 {padding-right: 2px !important;}
.mr4  {margin-right: 4px !important;}   .pr4 {padding-right: 4px !important;}
.mr6  {margin-right: 6px !important;}   .pr6 {padding-right: 6px !important;}
.mr8  {margin-right: 8px !important;}   .pr8 {padding-right: 8px !important;}
.mr10 {margin-right: 10px !important;}  .pr10 {padding-right: 10px !important;}
.mr12 {margin-right: 12px !important;}  .pr12 {padding-right: 12px !important;}
.mr14 {margin-right: 14px !important;}  .pr14 {padding-right: 14px !important;}
.mr16 {margin-right: 16px !important;}  .pr16 {padding-right: 16px !important;}
.mr18 {margin-right: 18px !important;}  .pr18 {padding-right: 18px !important;}
.mr20 {margin-right: 20px !important;}  .pr20 {padding-right: 20px !important;}
.mr22 {margin-right: 22px !important;}  .pr22 {padding-right: 22px !important;}
.mr24 {margin-right: 24px !important;}  .pr24 {padding-right: 24px !important;}
.mr26 {margin-right: 26px !important;}  .pr26 {padding-right: 26px !important;}
.mr28 {margin-right: 28px !important;}  .pr28 {padding-right: 28px !important;}
.mr30 {margin-right: 30px !important;}  .pr30 {padding-right: 30px !important;}
.mr32 {margin-right: 32px !important;}  .pr32 {padding-right: 32px !important;}
.mr34 {margin-right: 34px !important;}  .pr34 {padding-right: 34px !important;}

.mb2  {margin-bottom: 2px !important;}	.pb2  {padding-bottom: 2px !important;}
.mb4  {margin-bottom: 4px !important;}  .pb4  {padding-bottom: 4px !important;}
.mb6  {margin-bottom: 6px !important;}  .pb6  {padding-bottom: 6px !important;}
.mb8  {margin-bottom: 8px !important;}  .pb8  {padding-bottom: 8px !important;}
.mb10 {margin-bottom: 10px !important;} .pb10 {padding-bottom: 10px !important;}
.mb12 {margin-bottom: 12px !important;} .pb12 {padding-bottom: 12px !important;}
.mb14 {margin-bottom: 14px !important;} .pb14 {padding-bottom: 14px !important;}
.mb16 {margin-bottom: 16px !important;} .pb16 {padding-bottom: 16px !important;}
.mb18 {margin-bottom: 18px !important;} .pb18 {padding-bottom: 18px !important;}
.mb20 {margin-bottom: 20px !important;} .pb20 {padding-bottom: 20px !important;}
.mb22 {margin-bottom: 22px !important;} .pb22 {padding-bottom: 22px !important;}
.mb24 {margin-bottom: 24px !important;} .pb24 {padding-bottom: 24px !important;}
.mb26 {margin-bottom: 26px !important;} .pb26 {padding-bottom: 26px !important;}
.mb28 {margin-bottom: 28px !important;} .pb28 {padding-bottom: 28px !important;}
.mb30 {margin-bottom: 30px !important;} .pb30 {padding-bottom: 30px !important;}
.mb32 {margin-bottom: 32px !important;} .pb32 {padding-bottom: 32px !important;}
.mb34 {margin-bottom: 34px !important;} .pb34 {padding-bottom: 34px !important;}

.ml2 {margin-left: 2px !important;}		.pl2 {padding-left: 2px !important;}
.ml4  {margin-left: 4px !important;}    .pl4 {padding-left: 4px !important;}
.ml6  {margin-left: 6px !important;}    .pl6 {padding-left: 6px !important;}
.ml8  {margin-left: 8px !important;}    .pl8 {padding-left: 8px !important;}
.ml10 {margin-left: 10px !important;}   .pl10 {padding-left: 10px !important;}
.ml12 {margin-left: 12px !important;}   .pl12 {padding-left: 12px !important;}
.ml14 {margin-left: 14px !important;}   .pl14 {padding-left: 14px !important;}
.ml16 {margin-left: 16px !important;}   .pl16 {padding-left: 16px !important;}
.ml18 {margin-left: 18px !important;}   .pl18 {padding-left: 18px !important;}
.ml20 {margin-left: 20px !important;}   .pl20 {padding-left: 20px !important;}
.ml22 {margin-left: 22px !important;}   .pl22 {padding-left: 22px !important;}
.ml24 {margin-left: 24px !important;}   .pl24 {padding-left: 24px !important;}
.ml26 {margin-left: 26px !important;}   .pl26 {padding-left: 26px !important;}
.ml28 {margin-left: 28px !important;}   .pl28 {padding-left: 28px !important;}
.ml30 {margin-left: 30px !important;}   .pl30 {padding-left: 30px !important;}
.ml32 {margin-left: 32px !important;}   .pl32 {padding-left: 32px !important;}
.ml34 {margin-left: 34px !important;}   .pl34 {padding-left: 34px !important;}

.w0{width: 0px !important;}   .h0{height: 0px !important;}
.w2{width: 2px !important;}   .h2{height: 2px !important;}
.w4{width: 4px !important;}   .h4{height: 4px !important;}
.w6{width: 6px !important;}   .h6{height: 6px !important;}
.w8{width: 8px !important;}   .h8{height: 8px !important;}
.w10{width:10px !important;}  .h10{height:10px !important;}
.w12{width:12px !important;}  .h12{height:12px !important;}
.w14{width:14px !important;}  .h14{height:14px !important;}
.w16{width:16px !important;}  .h16{height:16px !important;}
.w18{width:18px !important;}  .h18{height:18px !important;}
.w20{width:20px !important;}  .h20{height:20px !important;}
.w22{width:22px !important;}  .h22{height:22px !important;}
.w24{width:24px !important;}  .h24{height:24px !important;}
.w26{width:26px !important;}  .h26{height:26px !important;}
.w28{width:28px !important;}  .h28{height:28px !important;}
.w30{width:30px !important;}  .h30{height:30px !important;}
.w32{width:32px !important;}  .h32{height:32px !important;}
.w34{width:34px !important;}  .h34{height:34px !important;}
.w36{width:36px !important;}  .h36{height:36px !important;}
.w38{width:38px !important;}  .h38{height:38px !important;}
.w40{width:40px !important;}  .h40{height:40px !important;}
.w42{width:42px !important;}  .h42{height:42px !important;}
.w44{width:44px !important;}  .h44{height:44px !important;}
.w46{width:46px !important;}  .h46{height:46px !important;}
.w48{width:48px !important;}  .h48{height:48px !important;}
.w50{width:50px !important;}  .h50{height:50px !important;}
.w52{width:52px !important;}  .h52{height:52px !important;}
.w54{width:54px !important;}  .h54{height:54px !important;}
.w56{width:56px !important;}  .h56{height:56px !important;}
.w58{width:58px !important;}  .h58{height:58px !important;}
.w60{width:60px !important;}  .h60{height:60px !important;}
.w62{width:62px !important;}  .h62{height:62px !important;}
.w64{width:64px !important;}  .h64{height:64px !important;}
.w66{width:66px !important;}  .h66{height:66px !important;}
.w68{width:68px !important;}  .h68{height:68px !important;}
.w70{width:70px !important;}  .h70{height:70px !important;}
.w72{width:72px !important;}  .h72{height:72px !important;}
.w74{width:74px !important;}  .h74{height:74px !important;}
.w76{width:76px !important;}  .h76{height:76px !important;}
.w78{width:78px !important;}  .h78{height:78px !important;}
.w80{width:80px !important;}  .h80{height:80px !important;}
.w82{width:82px !important;}  .h82{height:82px !important;}
.w84{width:84px !important;}  .h84{height:84px !important;}
.w86{width:86px !important;}  .h86{height:86px !important;}
.w88{width:88px !important;}  .h88{height:88px !important;}
.w90{width:90px !important;}  .h90{height:90px !important;}
.w92{width:92px !important;}  .h92{height:92px !important;}
.w94{width:94px !important;}  .h94{height:94px !important;}
.w96{width:96px !important;}  .h96{height:96px !important;}
.w98{width:98px !important;}  .h98{height:98px !important;}
.w100{width: 100px !important;}.h100{height: 100px !important;}


.ax-main-options-menu .ax-menu-item:hover span.ax-icon{
	display: inline-block;
	animation-name: customspin;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-delay: 0.2s;
	animation-direction: reverse; 
	animation-timing-function: linear; 
    animation-play-state: paused; 
}

#PalettePopUpMenuContrastId {
	cursor: pointer !important;
	color : inherit;
}
#PalettePopUpMenuContrastId.enabled{
	color : #99CC00;
}
/*.DISPLAY-HIDE {*/
	/*width: 0 !important;*/
	/*height: 0 !important;*/
	/*visibility: hidden;*/
/*}*/

/*.preTextLoader:after {*/
	/*background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;*/
	/*border-radius: 5px;*/
	/*content: "AIF loading...";*/
	/*display: block;*/
	/*font-family: "Open Sans","Helvetica";*/
	/*margin: 10px auto;*/
	/*padding: 10px;*/
	/*text-align: center;*/
	/*width: 100px;*/
/*}*/


div.x-tab-bar {
	margin-bottom : 0px !important;
	margin-top: 0px !important;
	/* border-bottom: 1px solid #dddddd !important; */ 
	background-color: #f6f6f6 !important;
}
div.x-tab-bar:after  {
	content: " ";    
	display: table;
	clear: both;
}

div.x-tab-bar>div.x-tab-bar-body{
	margin: 0px !important;
	padding: 0px !important;
}

div.x-tab-bar  div.x-box-inner {
	display: block				 !important;    
	position: relative			 !important;
	border-right: 1px solid #dddddd !important;
}

div.x-tab-bar  div.x-box-inner > div.x-box-target{
	display: block				 !important;    
	position: relative			 !important;
	
	margin: 0px !important;
	padding: 0px !important;
	height: 100% !important;
	margin-bottom: 1px !important;
    border-bottom: 1px solid #dddddd !important;
}


div.x-tab-bar  div.x-box-inner a.x-tab{
    border-bottom: 1px solid #dddddd ;
	border-right: 1px solid #dddddd !important;
}

div.x-tab-bar  div.x-box-inner a.x-tab.x-tab-active {
	background: rgba(255, 255, 255, 1) none repeat scroll 0 0 !important;
    border-right: 1px solid #dddddd !important;
	display: block !important;
	margin-bottom: -1px !important;
    border-bottom: 0px solid #dddddd;
}


div.x-tab-bar  div.x-box-inner a {
	border: 0 none;    
	border-radius: 0;    
	font-weight: 700;    
	margin: 0;    
	padding: 15px;
}
div.x-tab-bar  div.x-box-inner a span{
	border: 0 none!important;
	border-radius: 0 !important;
	font-weight: 700 !important;
	margin: 0px !important;
	padding: 0px !important;
}
div.x-tab-bar  div.x-box-inner a span{color: #626262 !important;}
div.x-tab-bar  div.x-box-inner a.x-tab-active span{color: #626262 !important;}
div.x-tab-bar  div.x-box-inner a.x-tab-focus {
    /* original : box-shadow: 0 0px 0 0 #3892d4 inset, 0 0px 0 0 #3892d4 inset, 0px 0 0 0 #3892d4 inset, 0px 0 0 0 #3892d4 inset;*/ 
    box-shadow: none !important;
}


div.x-tab-bar  div.x-box-inner a>span {}
div.x-tab-bar  div.x-box-inner a>span>span {}
div.x-tab-bar  div.x-box-inner a>span>span>span {}

div.x-tab-bar  div.x-box-inner a.x-tab-active>span {}
div.x-tab-bar  div.x-box-inner a.x-tab-active>span>span {}
div.x-tab-bar  div.x-box-inner a.x-tab-active>span>span>span {}


div.x-tab-bar  div.x-box-inner > div.x-box-target a.x-tab:first-child{
	border-bottom: 2px solid #dddddd !important;
}
div.x-tab-bar  div.x-box-inner > div.x-box-target a.x-tab.x-tab-active:first-child{
	border-bottom: 0px solid #dddddd !important;
}
/*

DIV	x-tab-bar x-docked x-tab-bar-default x-horizontal x-tab-bar-horizontal x-tab-bar-default-horizontal x-top x-tab-bar-top x-tab-bar-default-top x-docked-top x-tab-bar-docked-top x-tab-bar-default-docked-top
	DIV x-tab-bar-body x-tab-bar-body-default  x-box-layout-ct
		DIV x-box-inner x-box-scroller-body-horizontal
			DIV x-box-target
				A x-tab x-unselectable x-tab-active x-box-item x-tab-default x-top x-tab-top x-tab-default-top x-focus x-tab-focus x-tab-default-focus
					SPAN x-tab-wrap x-tab-wrap-default 
						SPAN x-tab-button x-tab-button-default x-tab-text    x-tab-button-center 
							SPAN x-tab-inner x-tab-inner-default

							
UL nav nav-tabs
	LI ng-isolate-scope active
		A ng-binding

#1 UL

ol, ul {    margin-bottom: 10px;    margin-top: 0;}
.nav {    list-style: outside none none;    margin-bottom: 0;    padding-left: 0;}
.nav-tabs {    border-bottom: 1px solid #ddd;}
.ui-tab .nav-tabs {    margin-bottom: 15px;}
.ui-tab-container .nav-tabs {    margin-bottom: 0;}
.ui-tab-horizontal .nav-tabs {    background-color: #f6f6f6;}
.nav::after, .nav::before {    content: " ";    display: table;}
.nav::after {    clear: both;}
.nav::after, .nav::before {    content: " ";    display: table;}

#2 LI

.nav > li {    display: block;    position: relative;}
.nav-tabs > li {    float: left;    margin-bottom: -1px;}
.ui-tab-horizontal .nav-tabs > li {    border-right: 1px solid #ddd;}

#3 A

.ui-tab-container .nav-tabs > li > a {    border: 0 none;    border-radius: 0;    font-weight: 700;    margin: 0;    padding: 15px;}
.ui-tab .nav-tabs > li.active > a {    background-color: #fff;}
.ui-tab-container .nav-tabs > li.active > a {    color: #4e7fe1;}

----

a, a:active, a:hover {    text-decoration: none;}
.nav > li > a {   position: relative;}
.nav-tabs > li > a {    line-height: 1.42857;}
		
*/		

/* VaGy: 2016.05.20 : unqiue */

.x-field.unique > div {
	border: 2px solid #4e7fe1;
}

.ax-popupmenu-about-row .ax-popupmenu-about-title {
	margin: 0;
	padding: 30px 0 10px 0 ;
	color: #626262;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.1em;
	text-align: center;
}

.ax-popupmenu-about-row .ax-popupmenu-about-description {
	margin: 0;
	padding: 10px 0 5px;
	color: #626262;
	text-align: center;
}

.ax-popupmenu-about-row .ax-popupmenu-about-version {
	margin: 0;
	padding: 5px 0;
	color: #626262;
	text-align: center;
}


/*
	GOMB TEST
*/

.ax-navigator-tab-hidder {
	width: auto;
	background: white;
	color: inherit;
	border-color: silver;

}

.ax-navigator-tab-hidder .ax-icon {
	width: 17px;
	font-size: 17px;
	height: 17px;
}

/* VaGy: 2016.09.12. 
	translationWindow Close button
*/
.translationWindow  .x-tool-img ,
.translationWindow  .x-window-header-default .x-tool-img {
    height: 16px !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/*
.ax-main-logo .ax-main-logo-text {
    display: block;
    font-size: 20px;
    margin-left: 5px;
}
*/

#ax-main-logo-id{
    overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 200px;
	/*display: inline-block;*/
	/*margin-top: -14px;*/
	/*padding-top: 8px;*/
}

.x-toolbar-footer {
	background-color: transparent;
}


/* VaGy: #1 2016.10.05 4 coloring (* 2 by contrast )*/
/* #1 - simple label color  #000000 pl.: short title, stb...*/ 
.x-form-item-label-default { color: #000000;}
/*#2 - filled field text :  #000000 ,  textArea, textfield*/
.x-form-text-default { color: #000000; }
/*#3 - white bg  active button pl.: New, Delete , More label: #000000
     +  menuitem active esetén is #000000*/
.x-btn-default-toolbar-small { color: #000000;}
.x-btn-inner-default-toolbar-small {color: #000000;}
.x-menu-item-text-default, .ax-app-menu-list .menu-list-item {color: #000;}
/*#4- Main menu item set #ccc, the  #aaa;*/
.ax-main-menu .ax-menu-item .ax-menu-item-link { color: #ccc;}

/*#5-  contrastos nézet legyen ilyen. body.ax-high-contrast esetén*/
/*#5.1 */
.ax-high-contrast .x-form-item-label-default { color: #000000;}
/*#5.2 */
.ax-high-contrast .x-form-text-default {color: #000000;}
/*#5.3 */
.ax-high-contrast .x-btn-default-toolbar-small { color: #000000;}
.ax-high-contrast .x-btn-inner-default-toolbar-small {color: #000000;}
/*#5.4 */
.ax-high-contrast .ax-main-menu .ax-menu-item .ax-menu-item-link {color: #ccc;}




/* VaGy: #2 2016.10.05 8 coloring */
/* #1 - */ 
.ax-high-contrast  .ax-main-menu .ax-menu-item .ax-menu-item-link { color: #fff;}
/* .ax-high-contrast  .ax-menu-item  { color: #fff !important;} */ 
/* .ax-high-contrast  .ax-menu-item-link { color: #fff !important;} */
/* #2 */
.ax-high-contrast .ax-text.ax-text-separator-title { color: #000000;}
/* #3 */ 
.ax-high-contrast .ax-text.ax-text-callout-description { color:  #000000; }
/* #4 */ 
.ax-high-contrast [class^="x-btn"] { border-color: #000000 ;}  
/* #5 Mezők kerete szine */ 
.ax-high-contrast .x-form-trigger-wrap-default:not(.x-form-trigger-wrap-invalid) { border-color: #444; }
/* #6 */  
/*táblázatban sorok kerete, táblázat headerjének kerete legyen #444*/
.ax-high-contrast .x-grid-with-row-lines .x-grid-item:not(:first-child) { border-color: #444;}
.ax-high-contrast .x-grid  { border-color: #444;}
.ax-high-contrast  .x-grid-header-ct { border-color: #444;}
/* #7 */  
.ax-high-contrast .x-menu,
.ax-high-contrast .x-menu-default {border-color: #444;} 

/* #8  (#7+1)*/
/*.ax-high-contrast .x-panel-body-default {background-color: #f0f0f0;}*/

.x-form-empty-field {
	color: green !important;
	opacity:  0.6;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color:  green;
	opacity:  0.6;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color:    green;
	opacity:  0.6;
}
::-moz-placeholder{ /* Mozilla Firefox 19+ */
	color: green;
	opacity:  0.6;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color:    green;
	opacity:  0.6;
}

.loginForm .x-form-empty-field {
	color: #fafafa !important;
	opacity:  0.6;
}

.loginForm ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color: #fafafa;
	opacity:  0.6;
}
.loginForm :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #fafafa;
	opacity:  0.6;
}
.loginForm ::-moz-placeholder{ /* Mozilla Firefox 19+ */
	color: #fafafa;
	opacity:  0.6;
}
.loginForm :-ms-input-placeholder { /* Internet Explorer 10-11 */
	opacity:  0.6;
}


@keyframes combo {
	0% { transform: rotate(0deg);}
	100% { transform: rotate(360deg);}}

@-o-keyframes combo {
	0% {-o-transform: rotate(0deg);}
	100% {	-o-transform: rotate(360deg);}}

@-ms-keyframes combo {
	0% {-ms-transform: rotate(0deg);}
	100% {-ms-transform: rotate(360deg);}}

@-webkit-keyframes combo {
	0% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);}}

@-moz-keyframes combo {
	0% {  -moz-transform: rotate(0deg);}
	100% { -moz-transform: rotate(360deg);}
}

.testCMB {
	transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;

	animation: combo 11.4s linear infinite;
	-o-animation: combo 11.4s linear infinite;
	-ms-animation: combo 11.4s linear infinite;
	-webkit-animation: combo 11.4s linear infinite;
	-moz-animation: combo 11.4s linear infinite;

}

.x-form-trigger[data-update=true] {
	background-image: url('themes/magic-standard/images/loadmask/loading.gif') !important;
	background-position: center center !important;
}

/* VaGy: 2017.01.09. DOCUBANK-293 */
.ax-dataview-body .dataview-item-row .row-valueEl {
    overflow: hidden;
    text-overflow: ellipsis;
}

/* VaGy: 2017.01.10. SWITCH-disabled == ax-readonly */
/* disabled itt nem látszik, mert readonly-nak hiszi  */
.ax-form-readonly.x-form-type-checkbox  {
	opacity: 0.3;
}
/*
.ax-form-readonly.x-form-type-checkbox  span.ax-switch {}
.ax-form-readonly.x-form-type-checkbox  span.ax-switch input 	{}
.ax-form-readonly.x-form-type-checkbox  span.ax-switch i 	{}
.ax-form-readonly.x-form-type-checkbox.x-form-cb-checked  {}
.ax-form-readonly.x-form-type-checkbox.x-form-cb-checked  span.ax-switch {}
.ax-form-readonly.x-form-type-checkbox.x-form-cb-checked  span.ax-switch input 	{}
.ax-form-readonly.x-form-type-checkbox.x-form-cb-checked  span.ax-switch i 	{}
*/

.blinking {
	animation-name: blinkanim;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-delay: 0s; 
	animation-direction: normal;
	animation-timing-function: ease-in; 
}

@keyframes blinkanim {0% { opacity: 1;}        99% { opacity: 0.1;}100% { opacity: 1;}}
@-o-keyframes blinkanim {0% { opacity: 1;}     99% { opacity: 0.1;}100% { opacity: 1;}}
@-ms-keyframes blinkanim {0% { opacity: 1;}    99% { opacity: 0.1;}100% { opacity: 1;}}
@-webkit-keyframes blinkanim {0% { opacity: 1;}99% { opacity: 0.1;}100% { opacity: 1;}}
@-moz-keyframes blinkanim {0% { opacity: 1;}   99% { opacity: 0.1;}100% { opacity: 1;}}


/* Accordion panel border */
.x-accordion-layout-ct .x-panel .x-panel-header{
	/* border: 0px; */
}
.x-accordion-layout-ct .x-panel .x-toolbar-default{
	border: 0px;
}

/* line 29, ../../magic-standard/sass/src/ax/ribbon/Ribbon.scss */
.ax-ribbon.ui-ribbon-default .ax-ribbon-wrapper {
	color: black;
	background-color: #FFFFFF;
}
/* line 29, ../../magic-standard/sass/src/ax/ribbon/Ribbon.scss */
.ax-ribbon.ui-ribbon-primary .ax-ribbon-wrapper {
	color: #ffffff;
	background: #4E7FE1;
}
/* line 29, ../../magic-standard/sass/src/ax/ribbon/Ribbon.scss */
.ax-ribbon.ui-ribbon-info .ax-ribbon-wrapper {
	color: #ffffff;
	background-color: #6BBCD7;
}
/* line 29, ../../magic-standard/sass/src/ax/ribbon/Ribbon.scss */
.ax-ribbon.ui-ribbon-success .ax-ribbon-wrapper {
	color: #ffffff;
	background-color: #81CA80;
}
/* line 29, ../../magic-standard/sass/src/ax/ribbon/Ribbon.scss */
.ax-ribbon.ui-ribbon-warning .ax-ribbon-wrapper {
	color: #ffffff;
	background-color: #E9C842;
}
/* line 29, ../../magic-standard/sass/src/ax/ribbon/Ribbon.scss */
.ax-ribbon.ui-ribbon-danger .ax-ribbon-wrapper {
	color: #ffffff;
	background-color: #E96562;
}
/* line 29, ../../magic-standard/sass/src/ax/ribbon/Ribbon.scss */
.ax-ribbon.ui-ribbon-purple .ax-ribbon-wrapper {
	color: #ffffff;
	background-color: #7266BD;
}

/* Implementálni kellene */
.ax-text-separator-menu .ax-text-wrapper {
	margin-left: 32px;
}

/* Thumbnail column */
.ax-thumbnail-column {
	background: silver;
}

.ax-thumbnail-column img {
	display : block;
	width: 100%;
	height: 100%;
}

.ax-tile-header{
    line-height: 26px;
}



.ax-modify-menu-size-none #ax-tpl-main-docked-menu {
    
}