body {
    font-size: 11px ;
	background-color:#F1F1F2;
}

.grid-view {
    font-size: 11px ;
}

.error {
    color: red ;
    margin-bottom: 0px ;
}

input.error {
    color: red ;
    border: 1px solid red ;
    background: #FEE ;
}

.errorMessage {
    color: red;
	margin-left: 201px;
    font-size: 10px;
}

#page {
    min-width: 1000px;
    margin: 0;
    padding: 0;
}

#header {
	top:0;
	left:0;
    z-index: 100;
    background:#1ab394;
    width: 100%;
	height: 68px;
    min-width: 1000px;
	box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
	margin-bottom:5px;
	position:fixed;
}

#footer {
    height: 70px;
    line-height: 70px;
    text-align: center;
    vertical-align: middle;
	color:#598;
	font-style:italic;
}

#header-overlay {
    height: 80px;
}

#content {
	margin-left:0;
	margin-top:68px;
	padding:0;
    height:750px; 
    overflow: auto; 
    background-color: inherit;
	transition:margin-left 0.2s linear;
}

#content.pinned-sidebar-size{
	margin-left: 146px;
}

.wrapper_icons {
    min-width: 1000px;
    height: 60px;
    margin: 0;
    padding: 0;
}

.logo {
	position:absolute;
	left:0;
	top:0;
    width: 184px;
    height: 50px;
    margin: 5px 15px 0 10px;
    padding: 0;
}

.logo img{
	max-height:100%;
}

.wrapper_breadcrumbs {
    height:24px;
	margin:6px 10px 0 10px;
	line-height:24px;
    /*background: white;
    padding: 4px 0 0 10px;
    border-bottom: 1px solid #5151A3;
    border-top: 1px solid #5151A3;*/
}

.g-control {
    float: right;
    margin-top: 3px; 
    margin-left:52px; 
    position: absolute;
    
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border: 1px solid #999;
    background: #F3F3F3;
    border-radius: 5px;
    
    opacity:0.8;
    filter:alpha(opacity=80); /* For IE8 and earlier */    
        
}


.dragbox{
	margin: 0 12px 15px 0;
	position:relative;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
        
        border: 1px solid #999;
        background: #F3F3F3;
        border-radius: 5px;
        -moz-box-shadow: 0px 0px 16px #888;
        -webkit-box-shadow: 0px 0px 16px #888;
        box-shadow: 0px 0px 16px #888; 
}

.dragbox h1{
        background-color: #BBB;
        padding: 0.3em 0.5em;
        margin-top: 0;
        color: white;
        font-size: 1.1em;
        font-weight: normal;
        -moz-box-shadow: 1px 1px 15px #999 inset;
        -webkit-box-shadow: 1px 1px 15px #999 inset;
        box-shadow: 1px 1px 15px #999 inset;
}

.dragbox .content{
	min-height:40px; 
        margin:5px;
        font-size:1.0em; 
        line-height:1.0em;
}

.placeholder{
	background: #f0f0f0;
	border:1px dashed #ddd;
}

.dragbox h2 .configure{
	font-size:11px; font-weight:normal;
	margin-right:30px; float:right;
}

.dragbox .control {
        float: right;
        margin-top: 5px;
        margin-right: 3px;
}

.dragbox .control .collapse{
	cursor:pointer;
}
.dragbox .control .close{
	cursor:pointer;
}
.dragbox .control .refresh{
	cursor:pointer;
}
.dragbox .control .settings{
	cursor:pointer;
}
.dragbox .control .help{
	cursor:pointer;
}

.progress {
    height: 70px;
    width: 70px;
    margin: 0 auto;
    background: url('../img/loading.green.gif') no-repeat ;
}

.debug-info {
    position: absolute;
    border: 1px solid #52711F;
    display: inline;
    background-color: rgba(152, 191, 33,0.9);
    color: black;
    font-size: 10px;
    font-family: verdana;
    margin: 5px 0 0 5px;
}


.control a {
    margin: 2px 2px 0 1px;
}



/* ICONS */

.icon-16 {
    background-image: url('../img/icons.png');
    width: 16px;
    height: 16px;
    float: left;
    margin: 3px 0 0 0;
}

.icon-32 {
    background-image: url('../img/icons.png');
    width: 32px;
    height: 32px;
    float: left;
    margin: 0;
    padding: 0;
}

.icon-20 {
    background-image: url('../img/icons.png');
    width: 20px;
    height: 20px;
    float: left;
    margin: 0;
}

.icon-50 {
    background-image: url('../img/icons.png');
    width: 50px;
    height: 50px;
    float: left;
    margin: 0;
    padding: 0;
}

.icon-config {background-position:-64px 0px;}
.icon-refresh {background-position:-112px 0px;}
.icon-toggle {background-position:-480px 0px;}
.icon-close {background-position:-384px 0px;}


.arrow-up {
    background-position: -32px -1856px;
    width:16px;
    height:16px;
    background-image: url('../img/icons.png');
}

.arrow-down {
    background-position:-16px -1856px;
    background-image: url('../img/icons.png');
    width:16px;
    height:16px;
}

fieldset {
    margin: 8px;
    border: 1px solid silver;
    padding: 8px;    
}

legend  {
    padding: 2px;    
}


#ajax-loading {
    display: none;
    position: fixed;
    width:100px;
    height: 40px;
	line-height:40px;
    top: 10px;
    right: 20px;
	padding:0 20px 0 70px;
    background-color: #d9edf7;
    border:1px solid #bce8f1;
	border-radius: 4px;
    font-size:16px;
	font-weight:bold;
	color: #31708f;
    z-index: 101;
	/*color: #8a6d3b;
    background-color: #fcf8e3;
    border:1px solid #faebcc;*/
}

#ajax-loading .message{
	float:right;
    height: 40px;
	line-height:40px;
}

#ajax-loading .loader{
	position:absolute;
	left:10px;
	top:0;
	width:100px;
	height:40px;
}

#ajax-loading .loader span{
	position:relative;
	float:left;
	top:15px;
	height:0;
	width:10px;
	margin-top:5px;
	margin-right:4px;
	background-color:#31708f;
	animation:anim-ajax-loader 1s infinite;
}

#ajax-loading .loader span.a1{animation-delay:0.1s;}
#ajax-loading .loader span.a2{animation-delay:0.2s;}
#ajax-loading .loader span.a3{animation-delay:0.3s;}
#ajax-loading .loader span.a4{animation-delay:0.4s;}
#ajax-loading .loader span.a5{animation-delay:0.5s;}

@keyframes anim-ajax-loader {
    0% {height:0;top:15px;}
    50% {height:30px;top:0px;}
    100% {height:0;top:15px;}
}

#footer-copyright {
	text-align: center;
	color:#598;
	font-style:italic;
}

a.anchor{
    display: block; 
    position: relative; 
    top: -100px; 
    visibility: hidden;
}


/*
 *   BOOTSTRAP MOD!
 */

.filter-container{
	height:inherit;
	width:auto !important;
	overflow:hidden;
}

.filter-container select.gridview-date-filter-dropdown,
.filter-container input[type="text"].gridview-date-filter{
	box-sizing:border-box;
	margin:0;
	padding:0;
	height:50%;
	font-size:10px;
	line-height:14px;
	color:#555555;
    text-align:center;
    text-align-last:center;
}

.filter-container select.gridview-date-filter-dropdown{
	width:100%;
}

.filter-container input[type="text"].gridview-date-filter{
	width:50%;
	border-style:solid;
	border-color:#EEE;
	border-top-width:1px;
}

.filter-container input[type="text"].gridview-date-filter:first-of-type{
	border-right-width:1px;
}

.filter-container input[type="text"],
.filter-container select {
    box-sizing: border-box;
	/*max-width:150px;*/
    width:100%;
    height:inherit;
	line-height:inherit;
	border:0;
	font-size:inherit;
	background:inherit;
}

.filter-container input[type="text"]{
	padding:0 2px 0 2px;
}

.filter-container select{
	position:relative;
	padding:0 2px 0 2px;
    border:0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	color:#000;
}
.filter-container div.single-select{
	position:relative;
}
.filter-container div.single-select::before{
	position:absolute;
	right:6px;
	top:50%;
	margin-top:-15px;
	content:"\f0d7";
	font-family:FontAwesome;
	font-size:10px;
	color:#888;
}
.filter-container div.single-select:hover::before{
	color:#555;
}

.filter-container div.single-select select.none-selected{
	color:#999;
}

.filter-container div.single-select select option{
	color:#333;
}

.filter-container div.single-select select option[value=""]{
	color:#999;
}

.grid-view table.table.items .filtered td{
    color: #a94442;
    background: #f2dede;
	border-width:1px;
	border-style:double solid double solid;
	border-color:#ebccd1;
}

.grid-view .table .filtered td:first-child{
	border-left-style:double;
}

.grid-view .table .filtered td:last-child{
	border-right-style:double;
}

.grid-view .table .filtered input[type="text"],
.grid-view .table .filtered .ui-multiselect,
.grid-view .table .filtered .filter-container,
.grid-view .table .filtered select{
	background-color: inherit;
	border-color:inherit;
	color: inherit;
}

.grid-view .table .filtered select option{
	background-color:#FFF;
	color:#555555
}

label {
  font-size: 11px ;
}

.sortable-list-container .pagination ul{
  margin:8px 0 8px 0;
}

.container-fluid {
    padding-right: 10px ;
}

.table tbody th, .table tbody td {
   padding: 1px 4px 1px 1px ;
   vertical-align: middle;
   border: 1px solid #E7E7E7;
   background:inherit;
}

.grid-view .gv-pager{
	float:right;
	margin:0 0 0 0;
}

.grid-view .gv-content{
	margin:14px 7px 14px 7px;
}

.grid-view .table th > .sort-link {
   font-size: 11px;
   color: #0a9354;
}

.grid-view .table th > .sort-link::after{
	float: right;
	margin-right: 5px;
	content:"\f160";
	font-family:FontAwesome;
	color:#DDD;
}

.grid-view .table th .sort-link.asc::after, .grid-view .table th .sort-link.desc::after {
	color:#777;
}

.grid-view .table th .sort-link.asc::after{
	content:"\f160";
}

.grid-view .table th .sort-link.desc::after{
	content:"\f161";
}

.grid-view .table th {
	min-width:0 !important;
	font-size:11px;
	color:#888;
}

.grid-view .table td.action-menu-column{
	text-align:center;
}

.grid-view .table td.action-menu-column .btn-group{
	margin:0;
	padding:0;
}

.grid-view .table td.action-menu-column .btn-group a{
	width:14px;
	padding:0 0 0 2px;
	margin:0;
	border:none;
	background:transparent;
	color:#079;
	font-size:12px;
}

.grid-view .table td.action-menu-column .btn-group a:hover{
	font-size:14px;
	color:#246;
}

.grid-view .table td.action-menu-column .btn-group a i{
	margin:0;
}

.grid-view .table td.action-menu-column .btn-group a.dropdown-toggle::after{
	content:"\f0ad";
	font-family:FontAwesome;
}

.grid-view .table td.action-menu-column .btn-group a .caret{
	display:none;
}

.grid-view .ui-multiselect{
	box-sizing:border-box;
	position:relative;
	top: 50%;
	width:100% !important;
	height:20px;
    margin-top: -10px;
	overflow:hidden;
	line-height:20px;
	padding:0 2px 0 2px;
	border:0;
	font-size:11px;
}

.grid-view .ui-multiselect .ui-icon{
	position:absolute;
	top:0;
	right:0;
	margin-top:2px;
}

.grid-view .ui-multiselect span.none-selected{
	color:#999;
}

.grid-view th.table-check-box-all,
.grid-view td.table-check-box{
	padding:0;
	text-align:center;
	vertical-align:middle;
}

.grid-view th.table-check-box-all input,
.grid-view td.table-check-box input{
    position: relative;
    float: none;
    margin: auto;
}

table tbody td:focus {
    background-color: #99CDFF !important;
    color: black !important;
}

.table {
    margin-bottom: 0 ;
}

table.table thead {
    position: relative;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-background-clip: padding-box;
}

table.table thead tr{
    background: #FFF;
}

table.table thead tr.filters{
    background: #FFF;
}

table.table thead tr.filters td{
}

.table thead th, .table thead td {
	height: 30px;
	padding:0;
	vertical-align: middle;
	line-height: 30px;
	border: 1px solid #EEE;
}

.table thead th{
	padding: 0 2px 0 2px;
}

.grid-view table.table.items thead tr th,
.grid-view table.table.items thead tr td{ /*bootstrap...*/
	border-top: 1px solid #EEE;
}


table tr.odd {
    background: #FFF;
}

table tr.even {
    background: #F9F9F9;
}

table tr.deleted-record {
    font-style: italic;
    text-decoration: line-through;
    color: #9c9c9c !important;
}

table tr.deleted-record a{
    color: #9c9c9c !important;
}


/*
 *   JQUERY UI MOD!
 */


ul.ui-multiselect-checkboxes li label span {
    font-size: 12px ;
    font-weight: normal ;
    line-height: 15px ;
    margin-left: 4px ;
}

ul.ui-multiselect-checkboxes li label input {
    top: 0 ;
    margin: 0 ;
}

.ui-accordion-header a {
    padding-left: 30px ;
}

.ui-tooltip {
    z-index: 1060 ;
}

.owner-rel-mod-info {
    padding: 2px;
    margin: 1px 0 2px 0;
}

.owner-rel-mod-info-green {
    border: 1px solid green;
    color: green;
    background-color: #f0fff0;
}

.owner-rel-mod-info-red {
    border: 1px solid red;
    color: red;
    background-color: #fff0f0;
}

.owner-rel-mod-info .edit{
    float: left;
    width: 30px;
    text-align: center;
}

.owner-rel-mod-info .left{
    float: left;
    width: 300px;
}

.owner-rel-mod-info .icon{
    float: left;
    width: 40px;
    text-align: center;
}

.owner-rel-mod-info .right{
    float: left;
    width: 300px;
}

.required-star {
    color: red;
	position: absolute;
}

select, input[type="file"] {

}

textarea {
    width: 215px;
}

table .empty {
    padding-left: 10px;
}

.breadcrumbs{
	font-size:13px;
}

.breadcrumbs a,
.breadcrumbs span{
	/*color:#555;*/
	color: #1ab394;
    /*font-size: 12px;*/
}

.breadcrumbs span{
	font-weight:bold;
}

legend {
 font-size: 16px ;
}

fieldset {
    padding: 5px ;
}

.ui-autocomplete { 
    z-index:1060 ;
}  

.filter-items {
    padding: 0;
    margin: 0;
}

.filter-items .filter-item {
    margin: 2px 15px 2px 2px;
    border-bottom: 1px solid #ccc;
    padding: 5px 5px 3px 0;
}

.filter-items .filter-item .buttons{
    float: right;
}

.filter-items .filter-item ul{
    float: left;
}

.filter-items .filter-item ul li {
    float: left;
    margin: 0 2px;
}

.filter-items .filter-item ul li.filterTitle {
    width: 300px;
}

.filter-items .filter-item ul li::after{
	font-family:FontAwesome;
	font-size:14px;
	color:#002A80;
}

.filter-items .filter-item ul li.shared::after{
	content:"\f1e1";
    width: 20px;
    height: 20px;
}

.filter-items .filter-item ul li.calendar::after{
	content:"\f133";
    width: 20px;
    height: 20px;
}

.filter-items .filter-item ul li.own::after{
    content:"\f015";
    width: 20px;
    height: 20px;
}

.filter-item-details {
    margin: 0;
    padding: 0;
}

.filter-item-details ul {
    margin: 0;
    padding: 0;
}

.filter-item-details ul li {
    padding: 5px 5px;
    margin: 0;
}

.filter-item-details ul li:hover {
    background: #EFEFEF;
}

.filter-item-details ul li .delete{
    float: right;
    background-image: url('../img/icons.png');
    width: 16px;
    height: 16px;
    background-position: -48px -1552px;
    margin: 2px 2px 0 0;
    padding: 0;
    cursor:pointer;
}

.disabled-item a{
    color: #c0c0c0 ;
}

ul.update-order-list {
    width: 400px
    
}

ul.update-order-list li {
    padding: 5px;
    margin: 5px 0px 10px 0px;
    width: 100%;
    border: 1px solid #888;
    cursor: move;
}

.active-file{
	
}

.active-file .af-progress{
	position:relative;
	float:left;
	display:inline;
	width:60px;
	height:7px;
	margin:6px 5px 2px 2px;
	border-radius:2px;
	overflow:hidden;
	box-shadow:1px 1px 1px #777 inset;
}

.active-file .af-progress .af-bar{
	position:relative;
	float:left;
	height:100%;
	background-color:#5A5;
}
               
/*ficegő
.filter-container{
    transform-origin:0 0 0;
    -webkit-animation: ficego 3s linear 1s 1 forwards;
    -webkit-animation-play-state: paused;
}

body:hover .filters td:nth-child(6) .filter-container{
    -webkit-animation-play-state: running;
}

@-webkit-keyframes ficego {
    0%    {transform: rotateZ(0deg);}
    10%   {transform: rotateZ(120deg);}
    20%   {transform: rotateZ(60deg);}

    30%   {transform: rotateZ(110deg);}
    40%   {transform: rotateZ(70deg);}

    50%   {transform: rotateZ(100deg);}
    60%   {transform: rotateZ(80deg);}

    70%   {transform: rotateZ(95deg);}
    80%   {transform: rotateZ(85deg);}

    90%   {transform: rotateZ(91deg);}
    95%   {transform: rotateZ(89deg);}
    100%  {transform: rotateZ(90deg);}
}*/


/* JQuery UI javítás*/

.ui-front {
    z-index: 10000;
}

.ui-dialog {
    z-index: 10001;
	animation-name: example;
	animation-duration: 0.2s;
}

@keyframes example {
    0% {transform: scale(1,1);opacity:0;}
    10% {transform: scale(0,0);opacity:0;}
    100% {transform: scale(1,1);opacity:1;}
}

/*-----code area-----*/
@font-face {
    font-family: 'CodeFont'; /*a name to be used later*/
    src: url('/themes/default/fonts/luximr.ttf'); /*URL to font*/
}

textarea.code-area{
	position:relative;
	font-size:12px;
	font-family:'CodeFont';
	font-weight:normal;
	tab-size:3;
}

.code-area-edit{
	position:absolute;
	top:0;
	margin-left:-15px;
	margin-top:-15px;
	width:15px;
	height:15px;
	background-size:15px 15px;
	background-repeat:no-repeat;
	background-image:url('/themes/default/img/full-screen.png');
	background-color:white;
	z-index:10;
	cursor:pointer;
}

/* BOOTSTRAP 2.x extend */

.panel {
    padding: 15px;
    margin-bottom: 20px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-heading {
    padding: 10px 15px;
    margin: -15px -15px 15px;
    font-size: 17.5px;
    font-weight: 500;
    background-color: #f5f5f5;
    border-bottom: 1px solid #dddddd;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.panel-footer {
    padding: 10px 15px;
    margin: 15px -15px -15px;
    background-color: #f5f5f5;
    border-top: 1px solid #dddddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel-primary {
    border-color: #428bca;
}

.panel-primary .panel-heading {
    color: #ffffff;
    background-color: #428bca;
    border-color: #428bca;
}

.panel-success {
    border-color: #d6e9c6;
}

.panel-success .panel-heading {
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.panel-warning {
    border-color: #fbeed5;
}

.panel-warning .panel-heading {
    color: #c09853;
    background-color: #fcf8e3;
    border-color: #fbeed5;
}

.panel-danger {
    border-color: #eed3d7;
}

.panel-danger .panel-heading {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
}

.panel-info {
    border-color: #bce8f1;
}

.panel-info .panel-heading {
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.image-gallery img {
    border: 2px dotted transparent;
}

.image-gallery img.marked {
    border: 2px dotted red;
}


.other-function-icon .caret{
	display:none;
}

.other-function-icon::before{
	content:"\f0ad";
	color:#079;
	font-family:FontAwesome;
}

.grip{
    width:10px;
    height:15px;
    margin:-15px 0 0 -1px;
    /*background-image:url('../img/grip.png');*/
    position:relative;
    z-index:88;
    cursor:e-resize;
}

.grip::after{
	font-family:FontAwesome;
	content:'\f0d9\00a0\f0da';
}

.grip:hover{
    background-position-x:-20px;
}
.JCLRLastGrip .grip{
    background-position-y:-18px;
    left:-2px;
}

.dragging .grip{
    background-position-x:-40px;
}

.dotted{
    background-image:url('../img/dotted.png');
    background-repeat:repeat-y;
}

.gv-content table.items {
	width:100% !important;
    table-layout: fixed;
}

.gv-content table.items tbody td {
	padding:0 2px 0 2px;
    z-index:98;
    position:relative;
}

.gv-content table.items tbody td.number{
	text-align:right;
}

.gv-content table.items.JColResizer tbody td{
	border-right: dotted 1px #ccc;
}

.gv-content table.items tbody td span {
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
    display:block;
}

.gv-content table.items tbody td:hover {
    z-index:100;
}

.gv-content table.items tbody td:hover span:not(.empty) {
	left:0;
    overflow: visible;
    z-index:100;
    background-color: inherit;
    position:absolute;
    top:0;
    padding:0 10px 0 2px;
    margin-top: 0px;
}

.gv-content table.items tbody td.number:hover span:not(.empty) {
	left:initial;
	right:0;
    padding:0 2px 0 10px;
}

.btn .fa,
.dropdown-menu .fa{
	margin:0 8px 0 0px;
}

.btn.btn-small .fa{
	position:relative;
}
.btn.btn-small .fa.fa-file-o{font-size:12px;top:-1px;}
.btn.btn-small .fa.fa-check-square-o{font-size:14px;top:1px;}
.btn.btn-small .fa.fa-arrow-circle-o-up{font-size:15px;top:1px;}
.btn.btn-small .fa.fa-list-ol{font-size:15px;top:1px;}
.btn.btn-small .fa.fa-floppy-o{font-size:15px;top:1px;}
.btn.btn-small .fa.fa-pencil-square-o{font-size:14px;top:1px;}

#ui-datepicker-div{
	z-index:10000 !important;
}

.ui-spinner .ui-icon.ui-icon-triangle-1-n,
.ui-spinner .ui-icon.ui-icon-triangle-1-s{
    left:0;
    top:50%;
	height:12px;
    margin-top:-6px;
	background:none;
    line-height:12px;
	text-indent:initial;
}

.ui-spinner .ui-icon.ui-icon-triangle-1-n::after,
.ui-spinner .ui-icon.ui-icon-triangle-1-s::after{
	position:relative;
	font-family:FontAwesome;
	font-size:12px;
}

.ui-spinner .ui-icon.ui-icon-triangle-1-n::after{
	content:'\f0d8';
	top:-1px;
}

.ui-spinner .ui-icon.ui-icon-triangle-1-s::after{
	content:'\f0dd';
	top:-2px;
}