@import url(https://fonts.googleapis.com/css?family=Exo+2:300,400,700);

@font-face {
  font-family: 'saxmonoregular';
  src: url('../../makeup/fonts/saxmono-webfont.eot');
  src: url('../../makeup/fonts/saxmono-webfont.eot?#iefix') format('embedded-opentype'),
       url('../../makeup/fonts/saxmono-webfont.woff2') format('woff2'),
       url('../../makeup/fonts/saxmono-webfont.woff') format('woff'),
       url('../../makeup/fonts/saxmono-webfont.ttf') format('truetype'),
       url('../../makeup/fonts/saxmono-webfont.svg#saxmonoregular') format('svg');
  font-weight: normal;
  font-style: normal;

}

@font-face 
{
  font-family: Roboto;
  src: url("../../makeup/fonts/Roboto-Regular.woff2?v=2.137") format("woff2"), url("../../makeup/fonts/Roboto-Regular.woff?v=2.137") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face 
{
  font-family: Roboto;
  src: url("../../makeup/fonts/Roboto-Regular.woff2?v=2.137") format("woff2"), url("../../makeup/fonts/Roboto-Regular.woff?v=2.137") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face 
{
  font-family: Roboto;
  src: url("../../makeup/fonts/Roboto-Italic.woff2?v=2.137") format("woff2"), url("../../makeup/fonts/Roboto-Italic.woff?v=2.137") format("woff");
  font-weight: 400;
  font-style: italic;
}

@font-face 
{
  font-family: Roboto;
  src: url("../../makeup/fonts/Roboto-Italic.woff2?v=2.137") format("woff2"), url("../../makeup/fonts/Roboto-Italic.woff?v=2.137") format("woff");
  font-weight: normal;
  font-style: italic;
}

@font-face 
{
  font-family: Roboto;
  src: url("../../makeup/fonts/Roboto-Bold.woff2?v=2.137") format("woff2"), url("../../makeup/fonts/Roboto-Bold.woff?v=2.137") format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face 
{
  font-family: Roboto;
  src: url("../../makeup/fonts/Roboto-Bold.woff2?v=2.137") format("woff2"), url("../../makeup/fonts/Roboto-Bold.woff?v=2.137") format("woff");
  font-weight: bold;
  font-style: normal;
}

@font-face 
{
  font-family: 'Material Icons Outlined';
  font-style: normal;
  font-weight: 400;
  src: url("../../makeup/fonts/MaterialIconsOutlined-Regular.woff2") format('woff2');
}

@font-face 
{
  font-family: 'digitall';
  font-style: normal;
  font-weight: 400;
  src: url("../../makeup/fonts/01-Digitall.woff") format('woff');
}

:root
{
  --gt-border-color: var(--gt-secondary-bg-subtle);
  --gt-warranty: #ffa500;
  --gt-warranty-border-subtle: #ffe5b2;
  --gt-warranty-bg-subtle: #fff6e5;
  --gt-warranty-rgb: 255, 165, 0;
}

.material-icons-outlined 
{
  font-family: 'Material Icons Outlined';
  font-weight: normal;
  font-style: normal;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: 'liga';
  -moz-osx-font-smoothing: grayscale;
}

body 
{
  min-height: 100vh;
  min-width: 100vw;
  max-width: 100vw;
  display: flex;
  flex-flow: column nowrap;
}

main
{
  flex: 1 1 auto;
  display: flex;
  flex-flow: column nowrap;
}

.text-justify
{
  text-align: justify;
}

.flex-0 { flex: 0 0 auto !important; }
.lh-0 { line-height: 0 !important; }

.toast-container
{
  z-index: 65530;
}

.modal-backdrop
{
  z-index: 65534;

}

.modal-container
{
  z-index: 65535;
}

* {
  scrollbar-width: thick; /* lehet auto | thin | none | thick */
  scrollbar-color: #888 #ccc; /* hüvelykujj színe, sáv színe */
}

.flex-break 
{
  flex-basis: 100%;
  height: 0;
}

.navbar-top
{
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  height: 70px;
}

.gt-logo
{
  font-family: 'digitall';
  font-size: 32px;
  text-decoration: underline;
  text-decoration-color: #80f228;
  text-decoration-thickness: 3px;
  color: var(--gt-gray-800);
}

.gt-logo > i
{
  margin-left: -6px;
}

.gt-logo > img
{
  height: 48px;
  display: inline-block;
  margin-right: -30px;
}

#gt-notification a.nav-link
{
  position: relative;
  text-decoration: none;
  display: flex;
}

#gt-notification .badge
{
  position: absolute;
  right: 7px;
  top: 4px;
}

#gt-notification > div
{
  position: absolute;
  padding: 0.5rem 0;
  top: 100%;
  right: 0;
  z-index: 65530;
  background-color: #434343;
  border: var(--gt-border-width) solid var(--gt-border-color);
  border-radius: var(--gt-border-radius);
  overflow: hidden;
  min-width: 280px;
  width: 100%;
}

#gt-notification > div li
{
  padding: 0.25rem 1rem;
  color: #fff;
}

#gt-notification > div li > div
{
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  overflow: hidden;
}

#gt-notification > div li a
{
  color: inherit;
  line-height: 21px;
  font-size: 14px;
  text-decoration: none;
  text-align: left;
}

#gt-notification > div li:hover
{
  background-color: var(--gt-gt-primary);
  color: #000;
}


#gt-notification.notifycollapsed > div
{
  display: none !important;
}


#gt-navbar .dropdown-menu
{
  background: #434343;
  margin: 0;
  z-index: 65065;
}

#gt-navbar .dropdown-item
{
  color: #fff;
}

#gt-navbar .dropdown-item:hover
{
  background: var(--gt-gt-primary);
  color: #000;
}


#gt-navbar-avatar
{
  height: 2rem;
  width: 2rem;
}

#gt-navbar-user
{
  background: #fafafb;
  border-left: 1px solid #eef2f7;
  border-right: 1px solid #eef2f7;
  height: 4.25rem;
}

#top-search, #top-search:focus
{
  border: none;
}

.avatar-sm {
  width: 2rem;
  height: 2rem;
}

.avatar-md {
  width: 2.5rem;
  height: 2.5rem;
}

.avatar-48 {
  width: 3rem;
  height: 3rem;
}

.avatar-lg {
  width: 6rem;
  height: 6rem;
}

.avatar-lg .material-icons-outlined
{
  font-size: 6rem;
  line-height: 1;
}


.focus-ring-off:focus
{
  outline: 0;
  box-shadow: none;
}

.gt-topmenu
{
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
}

.btn-gt-primary
{
  --gt-btn-color: #fff;
  --gt-btn-hover-color: #fff;
  --gt-btn-disabled-color: #fff;
  --gt-btn-active-color: #fff;
}

 /* Let's get this party started */
::-webkit-scrollbar 
{
    width: 8px;
    height: 8px;
}

/* Track */
::-webkit-scrollbar-track 
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background : rgba(0,0,0,.25);
}

/* Handle */
::-webkit-scrollbar-thumb 
{
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background: rgba(0,0,0,.5);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

.disabled
{
  pointer-events: none;
}

.clear
{
  float:none;
  height:0px;
  line-height:0px;
  overflow:hidden;
  clear:both;
  display:block;
}

/* left menu */
#menu a{
  background-size: 16px 16px !important; background-position: 10px center !important;
  display:block;
  height:20px;
  line-height:20px;
  color:#fff;
  text-decoration:none;
  margin-top:5px;
  padding: 3px 3px 3px 40px;
}

#menu .materialsubmenu a{
  margin-top:0px;
  padding:0 0 0 40px;
}

#menu a.activeMainMenu, #menu a.activeMainMenu:hover {background-color: #A7C942 !important;}

#menu{
  overflow-x:hidden;
  padding-top:10px;
}

#menu a.menulessons{
  background: url(../imgcore/icons/menuicons/lessons.png) no-repeat 4px center;
}

#menu a.tools{
  background: url(../imgcore/icons/menuicons/tools.png) no-repeat 4px center;
}

#menu a.packages{
  background: url(../imgcore/icons/menuicons/packages.png) no-repeat 4px center;
}

#menu a.minta{
  background: url(../imgcore/icons/menuicons/minta.png) no-repeat 4px center;
}

#menu a.mintamozgas{
  background: url(../imgcore/icons/menuicons/mintamozgas.png) no-repeat 4px center;
}

#menu a.subjects{
  background: url(../imgcore/icons/menuicons/subjects.png) no-repeat 4px center;
}

#menu a.teachers{
  background: url(../imgcore/icons/menuicons/teachers.png) no-repeat 4px center;
}

#menu a.stats{
  background: url(../imgcore/icons/menuicons/stats.png) no-repeat 4px center;
}

#menu a.records{
  background: url(../imgcore/icons/menuicons/records.png) no-repeat 4px center;
}

#menu a.promo{
  background: url(../imgcore/icons/menuicons/promo.png) no-repeat 4px center;
}

#menu a.creditpaks{
  background: url(../imgcore/icons/menuicons/shopingbag.png) no-repeat 4px center;
}

#menu a.ordersandinvoices{
  background: url(../imgcore/icons/menuicons/ordersandinvoices.png) no-repeat 4px center;
}

#menu a.revordersandinvoices{
  background: url(../imgcore/icons/menuicons/revordersandinvoices.png) no-repeat 4px center;
}

#menu a.coupons{
  background: url(../imgcore/icons/menuicons/coupons.png) no-repeat 4px center;
}

#menu a.seo{
  background: url(../imgcore/icons/menuicons/seo.png) no-repeat 4px center;
}

#menu a.prodcats{
  background: url(../imgcore/icons/menuicons/prodcatsicon.png) no-repeat 4px center;
}

#menu a.revprodcats{
  background: url(../imgcore/icons/menuicons/revprodcatsicon.png) no-repeat 4px center;
}

#menu a.products{
  background: url(../imgcore/icons/menuicons/productsicon.png) no-repeat 4px center;
}

#menu a.orders{
  background: url(../imgcore/icons/menuicons/ordersicon.png) no-repeat 4px center;
}

#menu a.bannereditor{
  background: url(../imgcore/icons/menuicons/bannereditoricon.png) no-repeat 4px center;
}

#menu a.students{
  background: url(../imgcore/icons/menuicons/students.png) no-repeat 4px center;
}

#menu a.settings{
  background: url(../imgcore/icons/menuicons/settings.png) no-repeat 4px center;
}

#menu a.stockok{
  background: url(../imgcore/icons/menuicons/stockok.png) no-repeat 4px center;
}

#menu a.stockalarm{
  background: url(../imgcore/icons/menuicons/stockalarm.png) no-repeat 4px center;
}

#menu a.revstockok{
  background: url(../imgcore/icons/menuicons/revstockok.png) no-repeat 4px center;
}

#menu a.revstockalarm{
  background: url(../imgcore/icons/menuicons/revstockalarm.png) no-repeat 4px center;
}

#menu a.faqs{
  background: url(../imgcore/icons/menuicons/faqs.png) no-repeat 4px center;
}

#menu a.egyebtetelek{
  background: url(../imgcore/icons/menuicons/egyebtetelek.png) no-repeat 4px center;
}

#menu a.partnerlogos{
  background: url(../imgcore/icons/menuicons/partnerlogos.png) no-repeat 4px center;
}

#menu a.news{
  background: url(../imgcore/icons/menuicons/news.png) no-repeat 4px center;
}

#menu a.staticpages{
  background: url(../imgcore/icons/menuicons/staticpages.png) no-repeat 4px center;
}

#menu a:hover, #menu a.active{
  background-color:#0E6390;
}

/* left menu end */

/* header */

#header{
  background-color: #58b1fc !important;
  height:40px;
}

.defaultformtableerrorholder{
  color: var(--gt-danger);
}

#logo{
  background: url(../imgcore/griftoolslogo.png) no-repeat !important;
  width: 177px;
  height:28px;
  margin-top:6px;
  margin-left:0px;
  float:left;
}

#activitypanel{
  float:left;
}

#userpanel{
  float:right;
}

#languagepanel{
  float:right;
}

/* header end */

#menu{
  background: #248dc1;
  width:40px;
  height:100%;
  position:fixed;
  top:40px;
  padding-bottom:20px;
  left:0px;
}

#content .navbar
{
  background:#fff;
}

#menu.menuOpen{
  width:215px;
  overflow:auto !important;
}

.admin-login .box {
  /*background:#f8fafc;*/
  background:#fff;
  padding:10px;
}

#preloader {
  z-index: 65534;
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  display: flex;
}

#content .title{
  background:#b6d1f2 !important;
  /*margin-top:10px;
  line-height:50px;
  font-size:30px;*/
  margin-top:5px;
  line-height:20px;
  font-size:15px;
  color:#fff;
}

#content.menuOpen{
  margin-left:200px;
}

.fs-13 {
  font-size: 0.8125rem !important;
}

.bulls > *:not(:last-child)::after {
  content: " \25CB";
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.bulls span > img, .bulls span > svg {
  width: 14px;
  height: 14px;
  margin-top: -2px;
}

.systemeditorwindow
{
  display: flex;
  flex-direction: column;
}

/* grid */

.gridlimiter{
  margin-top:10px;
}

.dropbutitems.gridpagerselector{
  max-height:150px;
  overflow-y:auto;
}

.gridlimiter .gridlimiterinfo{
  line-height:30px;
  height:30px;
  display:block;
  float:left;
}

.gridlimiter .levelsbutton{
  float:left;
  margin-right:5px;
}

.gridlimiter .gridpager{
  line-height:30px;
  height:30px;
  float:right;
}

.gridlimiter .gridpager a{
  margin:0 5px 0 5px;
  color:#A5939A;
  text-decoration:none;
}

.gridlimiter .gridpager a:hover{
  text-decoration:underline;
}



.gridlimiter .levelsbutton{
 background:transparent;
}

.sorteritemholder a{
  display:inline-block;
  float:right;
  width:16px;
  height:16px;
  line-height:16px;
  background-color:none;
}

.sorteritemholder{
  padding:5px;
  line-height:16px;
  cursor:auto;
}

.sorteritemholder span{
  line-height:26px;
}

.sorteritemholder.active{
  font-weight:bold;
}

.gridsorterdesc{
  background: url(../imgcore/icons/gray_light/arrow_up_alt1_16x16.png) no-repeat center center #fff !important;
}

.gridsorterdesc.shorteron, .gridsorterdesc:hover{
  background: url(../imgcore/icons/gray_dark/arrow_up_alt1_16x16.png) no-repeat center center #fff !important;
}

.gridsorterasc{
  background: url(../imgcore/icons/gray_light/arrow_down_alt1_16x16.png) no-repeat center center #fff !important;
}

.gridsorterasc.shorteron, .gridsorterasc:hover{
  background: url(../imgcore/icons/gray_dark/arrow_down_alt1_16x16.png) no-repeat center center #fff !important;
}

.levelsbutton.actionbutton .resetcol{
  padding-left:35px !important;
  padding-right:5px;
  background: url(../imgcore/icons/white/transfer_24x18.png) no-repeat 5px center;
}

.levelsbutton.actionbutton .printicon{
  padding-left:45px !important;
  padding-right:5px;
  background: url(../imgcore/icons/printicon.png) no-repeat 5px center;
}

.levelsbutton.actionbutton .delfilters
{
  padding-left:35px !important;
  padding-right:5px;
  background: url(../imgcore/icons/white/x_21x21.png) no-repeat 5px center;
}

.levelsbutton.gridsorter .dropbutitems{
  width:220px;
}

.levelsbutton.gridsorter{
  float:right;
  background: url(../imgcore/icons/gray_dark/layers_12x11.png) no-repeat left center #fff !important;
  padding-left:15px;
}

.levelsbutton.gridmarkerselector{
  float:right;
  background: url(../imgcore/icons/gray_dark/pin_12x12.png) no-repeat left center #fff !important;
  padding-left:15px;
  margin-right:15px;
}

.levelsbutton.gray .dropbut, .levelsbutton.gridmarkerselector .dropbut, .levelsbutton.gridsorter .dropbut{
  background: url(../imgcore/icons/gray_dark/rolldown.png) no-repeat center center transparent;
}

.levelsbutton.gray .dropbut, .levelsbutton.gridmarkerselector .dropbut, .levelsbutton.gridsorter .dropbut .white {
  background: url(../imgcore/icons/white/rolldown.png) no-repeat center center transparent !important;
}

.levelsbutton.gray .dropbut:hover, .levelsbutton.gray .dropbut.activedropbut, .levelsbutton.gridmarkerselector .dropbut:hover, .levelsbutton.gridmarkerselector .dropbut.activedropbut, .levelsbutton.gridsorter .dropbut.activedropbut, .levelsbutton.gridsorter .dropbut:hover{
  background-color: #DEDEDE;
}

.levelsbutton.actionbutton .buttonlink{
  display:inline-block;
  margin:0px;
  height:30px;
  line-height:30px;
  padding-left:5px;
  padding-right:5px;
  cursor:pointer;
  text-decoration:none;
}

/* akcio gombok */
.levelsbutton.actionbutton .add{
  padding-left:25px;
  padding-right:5px;
  background: url(../imgcore/icons/white/plus_16x16.png) no-repeat 5px center;
}
.levelsbutton.actionbutton .validity{
  padding-left:25px;
  padding-right:5px;
  background: url(../imgcore/icons/white/calendar_16x16.png) no-repeat 5px center;
}
.levelsbutton.actionbutton .download{
  padding-left:25px;
  padding-right:5px;
  background: url(../imgcore/icons/white/download_12x16.png) no-repeat 5px center;
}


.levelsbutton.actionbutton .start{
  padding-left:25px;
  padding-right:5px;
  background: url(../imgcore/icons/white/play_12x16.png) no-repeat 9px center;
}

.levelsbutton.actionbutton .lime, .lime{
  color:#fff;
  background-color: #8CBF26;
}

.lime-text
{
  color: #8CBF26;
}

.lime-text:hover
{
  color: #749f1f;
}

.levelsbutton.actionbutton .lime:hover, .lime:hover
{
  background-color: #749f1f;
  border-color: #749f1f;
}

.levelsbutton.actionbutton .blue{
  background-color: #0090FF !important;
  color: #fff;
}

.levelsbutton.actionbutton .blue:hover{
  background-color:#017cdb !important;
}

.levelsbutton.actionbutton .red{
  background-color: #f00 !important;
  color: #fff;
}

.levelsbutton.actionbutton .red:hover{
  background-color:#e22 !important;
}


.levelsbutton.actionbutton.gray{
  background-color: #EFEFEF !important;
}

.levelsbutton.actionbutton.gridmultifuncselector{
  padding-left:25px;
  background: url(../imgcore/icons/gray_dark/target_16x16.png) no-repeat 5px center;
}
.levelsbutton.actionbutton.linkoptions{
  padding-left:25px;
  background: url(../imgcore/icons/gray_dark/paperclip_14x16.png) no-repeat 5px center;
}


/* header levelsbutton */
.levelsbutton.headerbutton .buttontext{
  height:40px;
  line-height:40px;
  color:#fff;
}

.levelsbutton.headerbutton .dropbut{
  height:40px;
  background-color:#58B1FC;
}

.levelsbutton.headerbutton .dropbut.activedropbut, .levelsbutton.headerbutton .dropbut:hover{
  height:40px;
  background-color:#2597f7;
}

.levelsbutton.headerbutton{
  /*background-color: #2597f7 !important; */
}

.levelsbutton.headerbutton .dropbutitems{
  margin-top:40px;
}

.levelsbutton.headerbutton .dropbutitems a:hover{
  background:#EFEFEF;
  color:#000;
}

.levelsbutton.headerbutton.profilebutton{
  padding-left:25px;
  background: url(../imgcore/icons/white/user_12x16.png) no-repeat 9px center;
}

.levelsbutton.headerbutton.languagebutton{
  padding-left:25px;
  background: url(../imgcore/icons/white/home_16x16.png) no-repeat 5px center;
  margin-right:30px;
}


/* header levelsbutton end */

.levelsbutton.actionbutton{
  float:left;
  margin-right:10px;
}

.gridchkboxholder{
  line-height: 1;
}

.gridrowchkboxdiv{
  border:2px solid transparent;
  display:inline-block;
}

.gridchkboxholder.on .gridrowchkboxdiv{
  border:2px solid #017cdb;
}

.gridsearchbut{
  border:0;
  padding:0;
  margin:0;
  line-height:30px;
  color:#fff;
  padding-left:25px;
  padding-right:5px;
  height:30px;
  background: url(../imgcore/icons/white/magnifying_glass_16x16.png) no-repeat 5px center #FF863D;
  cursor:pointer;
}

.gridsearchbut:hover{
  background-color:#fe6c14;
}

.gridmover{
  position:fixed;
  right:37px;
  bottom:20px;
  background:red;
  height:30px;
  width:60px;/*150px;*/
  overflow:hidden;
  opacity:0.2;
  filter:alpha(opacity=20);
}

.gridmover:hover{
  opacity:1;
  filter:alpha(opacity=100);
}

.gridmover a{
  float:left;
}

.gridmover a:hover{
  background-color: #017cdb;
}

.gridtablewordwrapset{
  margin:0px;
  padding:0px;
  display:block;
  width:30px;
  height:30px;
  background: url(../imgcore/icons/white/article_12x12.png) no-repeat center center #0090FF;
}

.gridtablewordwrapset.on{
  background: url(../imgcore/icons/white/articleon_12x12.png) no-repeat center center #0090FF;
}

.gridtabledownload{
  margin:0px;
  padding:0px;
  display:block;
  width:30px;
  height:30px;
  background: url(../imgcore/icons/white/download_12x16.png) no-repeat center center #0090FF;
}

.gridtablereload{
  margin:0px;
  padding:0px;
  display:block;
  width:30px;
  height:30px;
  background: url(../imgcore/icons/white/reload_12x14.png) no-repeat center center #0090FF;
}

.gridtablerightmover{
  margin:0px;
  padding:0px;
  display:block;
  width:30px;
  height:30px;
  background: url(../imgcore/icons/white/arrow_right_12x12.png) no-repeat center center #0090FF;
}

.gridtableleftmover{
  margin:0px;
  padding:0px;
  display:block;
  width:30px;
  height:30px;
  background: url(../imgcore/icons/white/arrow_left_12x12.png) no-repeat center center #0090FF;
}

.gridtable .row:hover{
  background:#efefef;
  cursor:pointer;
}

.gridtable .gridsorticon
{
  text-decoration: none;
  color: #000;
  margin-left: 2px;
}

.gridtable .gridsorticon.active
{
  background-color: #59BB0A;
}


.gridtable.wordwrapon .row td
{
  white-space:normal !important;
}

.gridtable .gridwordsearchpanel{
  background:#dedede;
}

.gridtable .row td{
  border-bottom:1px solid #dddddd;
}

.gridtable > tbody > tr:nth-child(even)
{
  background:#EFFFDF;
}

.gridtable > tbody > tr:nth-child(odd)
{
  background:#FFF;
}

.gridtable > tbody > tr:hover
{
  background:#e6e2e2 !important;
}

.gridlb{
  margin-right:8px;
}

.gridrowdropbut.activedropbut .dropbutitems{
  left:-30px !important;
}

.gridrowbutton{
  float:left;
}

.gridrowbutton{
  display:block;
  width:30px;
  height:20px;

}

.gridrowbutton.blue{
  background-color: #0090FF !important;
}

.gridrowbutton.blue:hover{
  background-color:#017cdb !important;
}

.gridrowbutton.lime{
  background-color: #8CBF26 !important;
}

.gridrowbutton.lime:hover{
  background-color: #749f1f !important;
}

.gridrowbutton.edit{
  background: url(../imgcore/icons/white/pen_12x12.png) no-repeat center center;
}

.gridrowbutton.view{
  background: url(../imgcore/icons/white/eye_12x9.png) no-repeat center center;
}

.gridrowbutton.download{
  background: url(../imgcore/icons/white/download_12x16.png) no-repeat center center;
}

.gridrowbutton.statmore{
  background: url(../imgcore/icons/white/chart_12x12.png) no-repeat center center;
}

.gridrowbutton.start{
  background: url(../imgcore/icons/white/play_12x16.png) no-repeat center center;
}

.gridrowbutton.moresettings{
  cursor:auto;
  display:block;
  width:30px;
  height:30px;
  background: url(../imgcore/icons/white/cog_12x12.png) no-repeat center center #AAAAAA;
}

/* grid end */

/* inputok */
input[type=text], select
{
  border: 1px solid #b6d1f2;
  background: #fff;
  min-width: 0;
  padding: 0px 3px;
  height: 26px;
  line-height: 26px;
}

.input_currency, .input_int, .quantitytxtbox 
{
  text-align: right;
}

/* layer */
.layer 
{
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0;
  right: 0;
  background: url(../imgcore/layerbg.png);
  overflow: auto;
  z-index: 65533;
  /*display:none;*/
}

/* popup */
.popup
{
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  margin: auto;
  min-width: 80%;
  max-width: 100%;
  background:#ffffff;
  overflow: hidden;
}

.popup.admin-login
{
  min-width: 50% !important;
}

.popupclose{
  display:block;
  width:20px;
  height:20px;
  line-height:20px;
  text-align:center;
  padding:0px;
  font-size:16px;
  background:#000;
  color:#fff;
  text-decoration:none;
  float:right;
}

/* default form */
.defaultform
{
  flex: 1 1 auto;
}
.defaultform .defaultformtable
{
  width:100%;
}

.defaultform .defaultformtablecaptiontd
{
  text-align:right;
  width:30%;
  color:#888888;
  font-weight:bold;
  vertical-align: top;
  padding: 10px 0px;
  line-height: 30px;
}

.defaultform .defaultformtablecaptiontd > *
{
  line-height: 31px;
}


.defaultform .fieldtd
{
  padding: 10px 0px 10px 10px;
}

.defaultform input[type=text], .defaultform input[type=password], .defaultform select, .defaultform textarea, .defaultform .ui-multiselect
{
  border: 1px solid #CCCCCC !important;
  padding: 0 5px;
  background:#fff;
  width: 95%;
  color: #555555;
  font-weight: normal;
}

.defaultform .ui-multiselect
{
  width: 95% !important;
  font-size: 14px;
}

.defaultform textarea
{
  height: auto;
}

.defaultform input[type=text], .defaultform input[type=password], .defaultform select, .defaultform .ui-multiselect
{
  line-height: 30px;
  height: 30px;
}

.defaultform .readonly, .defaultform .disabled, .defaultform input[type="text"]:read-only, input[type="password"]:read-only, input[type="email"]:read-only, .defaultform textarea:read-only, .defaultform select:disabled
{
  background-color: #d3d3d3 !important;
}

.defaultform .imgsholder:hover
{
  background-color: #efefef;
  cursor:move;
}

.defaultform .intervalinput{
  width:100px !important;
  display:inline-block !important;
}

.defaultform .defaulttimefielddate{
  width:100px !important;
  display:inline-block !important;
}

.defaultform .defaulttimefieldhour{
  width:100px !important;
  display:inline-block !important;
  margin-left:10px;
  margin-right:10px;
}

.defaultform .defaulttimefieldmin{
  width:100px !important;
  display:inline-block !important;
}

/* default form end */

/* default form tabs */

.formTabsHolder
{
  --gt-nav-tabs-link-active-bg: #efefef;
  --gt-nav-tabs-link-active-border-color: var(--gt-border-color) var(--gt-border-color) #efefef;
  --gt-nav-tabs-link-hover-border-color: var(--gt-secondary-bg) var(--gt-secondary-bg) var(--gt-border-color);
  margin-top: 5px;
}

.defaultformtab
{
  cursor: pointer;
}

.defaultformtabcontent.inactivetab{
  display: none;
}

.defaultformtabcontent.activetab{
  visibility: visible;
  position: satic;
}

.defaultformtab.taberror{
  background: var(--gt-danger) !important;
}

/* default form tabs end */

/* kategorialistak */
.catlistitemmenu{
  float:left;
  width:220px;
}
.catlistitemtitle{
  float:left;
}

.catlistitemmenu a{
  display:block;
  float:left;
  padding:0px;
  width:20px;
  height:20px;
  margin-right:10px;
}

.catlistlevel{
  padding:10px;
  margin-bottom:2px;
  line-height:16px;
}

.level1{
  background:#DEDEDE;
  font-size:16px;
}

.level2{
  background:#EFEFEF;
  font-size:14px;
}

.catlistitemmenu .blue{
  background-color: #0090FF !important;
}

.catlistitemmenu .blue:hover{
  background-color:#017cdb !important;
}

.catlistitemmenu .lime{
  background-color: #8CBF26 !important;
}

.catlistitemmenu .lime:hover{
  background-color: #749f1f !important;
}

.catlistitemmenu .gray{
  background-color: #AAAAAA !important;
}

.catlistitemmenu .gray:hover{
  background-color: #888 !important;
}

.catlistitemmenu .magenta{
  background-color: #a200ff !important;
}

.catlistitemmenu .magenta:hover{
  background-color: #8701d4 !important;
}

.gridrowbutton.orange{
  color:#fff;
  background-color: #FF863D;
}

.gridrowbutton.orange:hover{
  background-color: #fe6c14;
}

.catlistitemmenu .orange{
  background-color: #FF863D !important;
}

.catlistitemmenu .orange:hover{
  background-color: #fe6c14 !important;
}

.catlistitemmenu .red{
  background-color: #fb3838 !important;
}

.catlistitemmenu .red:hover{
  background-color: #dc2a2a !important;
}

.catlistitemmenu .edit{
  background: url(../imgcore/icons/white/pen_12x12.png) no-repeat center center;
}

.catlistitemmenu .seo{
  background: url(../imgcore/icons/white/seo_12x12.png) no-repeat center center;
}

.catlistitemmenu .open{
  background: url(../imgcore/icons/white/folder_fill_12x12.png) no-repeat center center;
}

.catlistitemmenu .delete{
  background: url(../imgcore/icons/white/trash_stroke_12x12.png) no-repeat center center;
}

.catlistitemmenu .moveup{
  background: url(../imgcore/icons/white/arrow_up_12x12.png) no-repeat center center;
}

.catlistitemmenu .movedown{
  background: url(../imgcore/icons/white/arrow_down_12x12.png) no-repeat center center;
}

.catlistitemmenu .replace{
  background: url(../imgcore/icons/white/move_12x12.png) no-repeat center center;
}

.catlist .addsubcat{
  width:20px;
  height:20px;
  margin-top:10px;
  background: #8CBF26 url(../imgcore/icons/white/plus_12x12.png) no-repeat center center;
  display:block;
  float:left;
}

.catlist .addsubcat:hover{
  background-color: #749f1f;
}

.catlist .subcatclose{
  width:20px;
  height:20px;
  margin-top:10px;
  background: #FF863D url(../imgcore/icons/white/x_11x11.png) no-repeat center center;
  display:block;
  float:left;
}

.catlist .subcatclose:hover{
  background-color: #fe6c14;
}

/* dropdown */
.levelsbutton{
  display:inline-block;
  background:yellow;
  /*padding:3px;*/
  padding:0px;
}

.levelsbutton .buttontext{
  display:block;
  height:30px;
  line-height:30px;
  float:left;
  margin: 0 5px 0 5px;
  cursor:pointer;
}

.levelsbutton .buttontext:hover{
  text-decoration:underline;
}

.dropbutholder{
  position:relative;
  width:15px;
  float:right;
  z-index: 65010;

}

.dropbut{
  background: url(../imgcore/icons/white/rolldown.png) no-repeat center center #5AB4DA;
  height:30px;
  width:15px;
  overflow:hidden;
  display: flex;
  flex-flow: column nowrap;
  cursor:pointer;
}

.dropbut:hover, .dropbut.activedropbut{
  background-color: #50a1c3;
}

.dropbutitems{
  margin-top:30px;
}

.dropbut.activedropbut .dropbutitems{
  display:block;
  position:absolute;
  right:0px;
}

.dropbutitems{
  border:#B6D1F2 solid 1px;
  box-shadow: 1px 2px 5px #DEDEDE;
  width:130px;
  background:#fff;
  z-index:100;
  /*text-align:right;*/
}

.dropbutitems a{
  display:block;
  padding:5px;
  text-decoration:none;
  color:#a5939a;
}

.dropbutitems a:hover{
  background:#B6D1F2;
  color:#fff;
}

/* rendszeruzenetek */
.systemmsg.alertmsg{
  padding-left:40px;
  background: url(../imgcore/icons/gray_light/denied_32x32.png) left top no-repeat;
  /*line-height:32px;*/
}

.systemmsg.confirmmsg{
  padding-left:40px;
  background: url(../imgcore/icons/gray_light/question_mark_16x32.png) 16px top no-repeat;
  /*line-height:32px;*/
}

.systemmsg.infomsg{
  padding-left:40px;
  background: url(../imgcore/icons/gray_light/info_16x32.png) 16px top no-repeat;
  /*line-height:32px;*/
}

.systemmsg .systemmsgbuttons{
  margin-top:30px;
}

.systemmsg .systemmsgbuttons a, .systemmsg .systemmsgbuttons .confirmmsgsubmit{
  display:inline-block;
  margin:0px;
  height:30px;
  line-height:30px;
  padding-left:5px;
  padding-right:5px;
  cursor:pointer;
  text-decoration:none;
  border:0px;
  float:left;
  margin-right:10px;
  color:#fff;
}

.systemmsg .systemmsgbuttons a{
  background-color: #FF863D !important;
}

.systemmsg .systemmsgbuttons a:hover{
  background-color: #fe6c14 !important;
}

.systemmsg .systemmsgbuttons .confirmmsgsubmit{
  background-color: #fb3838 !important;
}

.systemmsg .systemmsgbuttons .confirmmsgsubmit:hover{
  background-color: #dc2a2a !important;
}

/* rendszeruzenetek end */

/* system editorwindow */
.systemeditorwindow .popuptitle
{
  flex: 0 0 auto;
  background:#B6D1F2 !important;
  font-size: 1rem;
  color:#fff;
  display: flex;
  align-items: center;
  line-height: 1.5;
}

.systemeditorwindow .popupbody
{
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  background: #EFEFEF;
  overflow: hidden;
}

.systemeditorwindow .popupbody .formpopup
{
  flex: 1 1 auto;
  display: flex;
  overflow: hidden;

}

/* system editorwindow end*/

.systemtable th{
  background:#dedede;
  text-align:left;
}

.systemtable .lightth th{
  background:#efefef;
  text-align:left;
}

.systemtable td, .systemtable th{
  padding: 3px;
}

.systemtablesum{
  padding:3px;
  font-weight:bold;
  background:#efefef;
  margin-top:10px;
}

#header{
  background-color:#A7C942 !important;
}
#menu{
  background:#5b5b5b !important;
  overflow:hidden;
}
#content .title {
  background:#A7C942 !important;
}

.systemeditorwindow .popuptitle{
  background:#5b5b5b !important;
}

.levelsbutton.headerbutton .dropbut{
  height:40px;
  background-color:#A7C942;
}

.levelsbutton.headerbutton .dropbut.activedropbut, .levelsbutton.headerbutton .dropbut:hover{
  height:40px;
  background-color:#5fa02b;
}

#menu a, #menu a.active{
  color:#fff !important;
}

#menu a:hover, #menu a.active{
  background-color:#6d6d6d !important;
}

/*.levelsbutton.headerbutton .buttontext {
  color:#000 !important;
}*/

.levelsbutton.headerbutton.languagebutton {
  background-image:url(../imgcore/icons/black/home_16x16.png) !important;
}

.levelsbutton.headerbutton.profilebutton {
  background-image:url(../imgcore/icons/white/user_12x16.png) !important;
}

.levelsbutton.headerbutton .dropbut {
  background-image:url(../imgcore/icons/white/rolldown.png) !important;
}

.tablegroupcheckbox th{
  background: #e1e1e1;
  text-align: left;
}

.tablegroupcheckbox th, .tablegroupcheckbox td{
  padding:2px;
}

.viewedit {
 background: url(../imgcore/views/edit-16.png) no-repeat 4px center;
 display: inline;
}
.viewtrash {
 background: url(../imgcore/views/trash-16.png) no-repeat 4px center;
 display: inline;
}
.viewnew {
 background: url(../imgcore/icons/gray_dark/plus_alt_16x16.png) no-repeat 80px center;
 display: inline;

 display: inline;
}

.ui-resizable-handle { z-index: auto !important; }

/* menuikonok */
#menu a.ugyfelekmenu{
  background: url(../imgcore/icons/menuicons/ugyfelekikon.png) no-repeat 4px center;

}
#menu a.certikmenu{
  background: url(../imgcore/icons/menuicons/certikikon.png) no-repeat 4px center;

}

#menu a.inspekciokmenu{
  background: url(../imgcore/icons/menuicons/inspekciokikon.png) no-repeat 4px center;
}

#menu a.regiokmenu{
  background: url(../imgcore/icons/menuicons/regiokmenu.png) no-repeat 4px center;
}

#menu a.felhasznalokmenu{
  background: url(../imgcore/icons/menuicons/felhasznalokmenu.png) no-repeat 4px center;
}

#menu a.szamlaasszistensmenu{
  background: url(../imgcore/icons/menuicons/szamlaasszistensmenu.png) no-repeat 4px center;
}

#menu a.analizistablamenu{
  background: url(../imgcore/icons/menuicons/analizistablamenu.png) no-repeat 4px center;
}

#menu a.inspekciotablamenu{
  background: url(../imgcore/icons/menuicons/inspekciotablamenu.png) no-repeat 4px center;
}

#menu a.mintakuldestabla{
  background: url(../imgcore/icons/menuicons/mintakuldestabla.png) no-repeat 4px center;
}

#menu a.koltsbevnyermenu{
  background: url(../imgcore/icons/menuicons/koltsbevnyermenu.png) no-repeat 4px center;
}

#menu a.euroarfolyammenu{
  background: url(../imgcore/icons/menuicons/euroarfolyammenu.png) no-repeat 4px center;
}

#menu a.kulturakmenu{
  background: url(../imgcore/icons/menuicons/kulturakmenu.png) no-repeat 4px center;
}

#menu a.exceltablamenu{
  background: url(../imgcore/icons/menuicons/exceltablamenu.png) no-repeat 4px center;
}

#menu a.awimenu{
  background: url(../imgcore/icons/menuicons/awimenu.png) no-repeat 4px center;
}

#menu a.awistatmenu{
  background: url(../imgcore/icons/menuicons/awistatmenu.png) no-repeat 4px center;
}

#menu a.analizisekmenu{
  background: url(../imgcore/icons/menuicons/analizisattekintomenu.png) no-repeat 4px center;
}

#menu a.laborokmenu{
  background: url(../imgcore/icons/menuicons/laborokikon.png) no-repeat 4px center;
}

#menu a.telephelyekmenu{
  background: url(../imgcore/icons/menuicons/telephelyekikon.png) no-repeat 4px center;
}
#menu a.kontaktmenu{
  background: url(../imgcore/icons/menuicons/kontaktokikon.png) no-repeat 4px center;
}
#menu a.ellenorokmenu{
  background: url(../imgcore/icons/menuicons/ellenorokikon.png) no-repeat 4px center;
}
#menu a.alvallalkozocegekmenu{
  background: url(../imgcore/icons/menuicons/alvallalkozokikon.png) no-repeat 4px center;
}
#menu a.szamlazottmenu{
  background: url(../imgcore/icons/menuicons/coins32.png) no-repeat 4px center;
}
#menu a.ellenorarlistakmenu{
  background: url(../imgcore/icons/menuicons/ellenorarlistakikon.png) no-repeat 4px center;
}
#menu a.analizisarlistakmenu{
  background: url(../imgcore/icons/menuicons/analizisarlistakikon.png) no-repeat 4px center;
}
#menu a.inspekcioarlistamenu{
  background: url(../imgcore/icons/menuicons/inspekciosarakikon.png) no-repeat 4px center;
}
#menu a.egyebarakmenu{
  background: url(../imgcore/icons/menuicons/egyebarakikon.png) no-repeat 4px center;
}
#menu a.naplomenu{
  background: url(../imgcore/icons/menuicons/naplozasikon.png) no-repeat 4px center;
}
#menu a.jobs{
  background: url(../imgcore/icons/menuicons/jobs.png) no-repeat 4px center;
}

.marginbottom40px {
  margin-bottom: 40px;
}

/* jquery ui multiseect */
.ui-multiselect 
{
    background:#fff !important;
    border-radius: 0 !important;
    height: 26px;
    line-height: 26px;
    font-weight: normal;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
    padding: 0 3px;
    color: #000;
    font-family: roboto;
    font-size: 12px;
}


.gridtable
{
  border-collapse: separate;
  border-spacing: 0;
}

.gridtable .rbc
{
  padding: 0.25rem 0.25rem 0.5rem 0.25rem;
  height: 30px !important;
  min-width: 50px;
}

.gridtable td.fixed, .gridtable th.fixed
{
  position: sticky;
  left: 0;
  overflow: hidden;
  z-index: 65004;
}

.gridtable > thead.fixed, .gridtable > * > tr.fixed
{
  position: sticky;
  overflow: hidden;
  top: 0;
  z-index: 65005;
}

.gridtable > * > tr > th
{
  white-space: nowrap;
  background: #A7C942;
  color: #fff;
  text-align: left;
  font-family: roboto;
  font-size: 0.75rem;
  padding: 0;
  overflow: hidden;
}

.gridtable > * > tr > th > *
{

}

.gridtable > thead > tr > th
{
  border-right: 1px solid #5B5B5B;
  font-weight: bold;
}

.gridtable > * > tr > th a
{
  color: inherit;
  font-weight: normal;
}

.gridtable > tbody > tr > td
{
  color: #1c273c;
  border-bottom: 1px solid #98BF21 !important;
  border-right: 1px solid #98BF21 !important;
  padding: 0rem;
  overflow: hidden;
  position: relative;
  height: 20px;
}

.gridtable > tbody > tr > td > *
{
  height: 20px;
  line-height: 20px;
}


.gridtable > * > tr > td > *
{
  font-family: roboto;
  font-size: 0.75rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 1;
  overflow: hidden;
  padding: 0 4px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.gridtable > tbody > tr > th.fixed
{
  border-bottom: 1px solid #5B5B5B;
}

.gridtable > tbody > tr > th.fixed > div > a
{
  border-right: 1px solid #5B5B5B;
}

.gridtable .ui-resizable-handle 
{
  bottom: -2px; right: -2px;
}

.gridtable td a
{
  color:#A7C942;
  display:block;
  text-decoration: none;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.gridtable td a:hover
{
  text-decoration:none;
  background-color:#496dd5;
  color:#fff;
}

.gridtable .gridwordsearchpanel > *
{
  border-top: 2px solid #5B5B5B;
  border-bottom: 2px solid #5B5B5B;
  border-right: 1px solid #5B5B5B;
  height: 36px;
  position: relative;
}

.gridwordsearchpanel .ui-multiselect
{
  flex: 1 1 auto;
}

.gridrowmoremenuitem
{
  display: inline;
}


.gridrowdropbutspecko.activedropbut .dropbutitems{
  left:15px !important;
  top:-30px !important;
  width:200px;
}

.gridmenubar .dropbutitems{
  z-index:25;
}

.gridtablecontainer{
  padding-bottom:0px;
}


.gridlimiter{
  background: var(--gt-gt-primary) !important;
  color:#fff;
  padding: 0 5px 0 5px;
}


.gridlimiter .levelsbutton .buttontext{
  color:#fff;
}

.gridlimiter .gridpager a{
  color:#fff;
}

.viewonoff{
  background: url(core/imgcore/icons/gray_light/eye_16x12.png) 50% 50% no-repeat #FFFFFF !important;
}

.viewonoff:hover, .active .viewonoff{
  background: url(../imgcore/icons/gray_dark/eye_16x12.png) 50% 50% no-repeat #FFFFFF !important;
}

.viewdelete{
  background: url(../imgcore/icons/gray_light/trash_stroke_16x16.png) 50% 50% no-repeat #FFFFFF !important;
}

.viewdelete:hover{
  background: url(../imgcore/icons/gray_dark/trash_stroke_16x16.png) 50% 50% no-repeat #FFFFFF !important;
}

.viewmodify{
  background: url(../imgcore/icons/gray_light/brush_16x16.png) 50% 50% no-repeat #FFFFFF !important;
}

.viewmodify:hover{
  background: url(../imgcore/icons/gray_dark/brush_16x16.png) 50% 50% no-repeat #FFFFFF !important;
}

.viewadd{
  background: url(../imgcore/icons/gray_light/plus_alt_16x16.png) 50% 50% no-repeat #FFFFFF !important;
}

.viewadd:hover{
  background: url(../imgcore/icons/gray_dark/plus_alt_16x16.png) 50% 50% no-repeat #FFFFFF !important;
}

.levelsbutton.gridsorter.viewselector{
  background-image: url(../imgcore/icons/gray_dark/eye_16x12.png) !important;
  margin-left:20px;
}


.gridtable.gridhead .ui-resizable.rbc {
  height: 30px !important;
  overflow: visible !important;
}
.gridtable.gridhead .ui-resizable.rbc p {
  margin: 0;
  padding-top: 0.20rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.defaultformtabcontent {
  overflow-y: auto;
}

.systemeditorwindow td.td {
  height: 100%;
}
.systemeditorwindow td.td .popup {
  box-sizing: border-box;
}

.systemeditorwindow #formcontainer 
{
  overflow: auto;
}

.systemeditorwindow form > #formcontainer 
{
  flex: 1 1 auto;
}

.systemeditorwindow form
{
  display: flex;
  flex-flow: column nowrap;
  flex: 1 1 auto;
}

.editorwindowfooter 
{
  padding: 10px;
  background: #5b5b5b;
  min-height: 46px;
  display: flex;
  align-items: center;
}

.messageline {
  background: rgba(140,191,38,0.8);
  bottom: 0;
  color: black;
  font-weight: bold;
  position: fixed;
  text-align: center;
  width: 100%; line-height: 30px;
  z-index: 10;
}

.statusbox{ 
  max-width:400px;
  display:inline-block;
  margin-bottom:5px;
}

.statusbox.left{
  margin-right:20px;
  float:left;
}

.statusbox.right{
  float:right;
}

.textright{
  text-align:right;
}

.kotltscalc b{
  float:right;
}

.buttonlinks a{
  color:#fff;
  background-color: #8CBF26;
  border-radius:10px;
  cursor:pointer;
  display:inline-block;
  margin-left:5px;
  padding:3px 10px;
  text-decoration:none;
}

.buttonlinks a:hover{
  background-color: #749f1f;
}

.gridlightcont{
  background:#baafa6;
  border:0px solid #ffefdf;
  border-left:0px;
  border-right:0px;
}

.box.subtitle{
  color:#fff;
  font-size:15px !important;
  line-height:16px !important;
  padding:5px !important;
  margin: 5px 0 0px 0;
  background: #A7C942 !important;
}

.viewsection{
  padding:5px 0px 10px 0px;
  background:#EFEFEF;
  margin-bottom:15px;
}

.viewsection .statusrow{
  padding-left:5px;
}

.gridlighttable th{
  background:#dedede !important;
}

.box.title a{
  color:#fff;
  text-decoration:underline;  
}

.box.title a:hover{
  text-decoration:none;  
}

.gridlightcont .gridbvrov{
  cursor:auto !important; 
}

.newstyleformfield{
  width:225px;
  float:left;
  height:55px;
  padding-right:15px;
  overflow:hidden; 
  white-space:nowrap; 
  text-overflow: ellipsis;
}

.newstyleformcontainer{
  padding:15px;
}

.newstyleformcontainer .newstyleformerror{
  font-size:10px;
  color:red;
}

.newsstyleform .jquery-ui-singleselect, .newsstyleform .ui-multiselect{
  max-width:220px !important;
  overflow:hidden !important;
}

.newsstyleform input[type="text"], .newsstyleform input[type="password"], .newsstyleform select, .newsstyleform textarea {
  padding:3px !important;
  border-radius:5px !important;
}

.newsstyleform select{
  padding:2px !important;
}

.newsstyleform .ui-multiselect span{
  max-width:200px;
  display:block;
  overflow:hidden; 
  white-space:nowrap; 
  text-overflow: ellipsis;   
}

.statusrow select{
  width:150px;
}


/* 2015/02/11 Bálint hack, hogy az "inline editor" ne kerüljön a grid fejléce alá */
#ui-datepicker-div 
{
 z-index: 10000 !important;
}

/* fasteditor jeloloszinek */

.fasteditoractive{
  background: #FFE39F !important;
}

.fasteditorwasactive{
  background: #8CBF26 !important;
}

.fasteditorhover{
  background: #fff;
}

/*forint nem letiltottnal*/
.placeholderhuf, .newsstyleform input[type="text"].placeholderhuf{
  background: url(../imgcore/placeholderhuf.png) no-repeat right center #fff !important;
  padding-right:30px !important;
  /* Firefox */
  width: -moz-calc(95% - 27px) !important;
  /* WebKit */
  width: -webkit-calc(95% - 27px) !important;
  /* Opera */
  width: -o-calc(95% - 27px) !important;
  /* Standard */
  width: calc(95% - 27px) !important;
}
/*forint letiltottnal*/
.input_readonly.placeholderhuf, .newsstyleform input[type="text"].placeholderhuf.input_readonly{
  background: url(../imgcore/placeholderhuf.png) no-repeat right center #d3d3d3 !important;
  padding-right:30px !important;
  /* Firefox */
  width: -moz-calc(95% - 27px) !important;
  /* WebKit */
  width: -webkit-calc(95% - 27px) !important;
  /* Opera */
  width: -o-calc(95% - 27px) !important;
  /* Standard */
  width: calc(95% - 27px) !important;
}

/*euro nem letiltottnal*/
.placeholdereur, .newsstyleform input[type="text"].placeholdereur{
  background: url(../imgcore/placeholdereur.png) no-repeat right center #fff !important;
  padding-right:30px !important;
  /* Firefox */
  width: -moz-calc(95% - 27px) !important;
  /* WebKit */
  width: -webkit-calc(95% - 27px) !important;
  /* Opera */
  width: -o-calc(95% - 27px) !important;
  /* Standard */
  width: calc(95% - 27px) !important;
}

/*euro letiltottnal*/
.input_readonly.placeholdereur, .newsstyleform input[type="text"].placeholdereur.input_readonly{
  background: url(../imgcore/placeholdereur.png) no-repeat right center #d3d3d3 !important;
  padding-right:30px !important;
  /* Firefox */
  width: -moz-calc(95% - 27px) !important;
  /* WebKit */
  width: -webkit-calc(95% - 27px) !important;
  /* Opera */
  width: -o-calc(95% - 27px) !important;
  /* Standard */
  width: calc(95% - 27px) !important;
}

.riasztas-100{color:#660a48; font-size:18px; margin:3px;}
.riasztas-101{color:#866c12; font-size:18px; margin:3px;}
.riasztas-102{color:#862e12; font-size:18px; margin:3px;}
.riasztas-103{color:#d14ef2; font-size:18px; margin:3px;}
.riasztas-104{color:#f24e9b; font-size:18px; margin:3px;}
.riasztas-105{color:#d10317; font-size:18px; margin:3px;}

.riasztas-200{color:#660a48; font-size:18px; margin:3px;}
.riasztas-201{color:#866c12; font-size:18px; margin:3px;}
.riasztas-202{color:#862e12; font-size:18px; margin:3px;}
.riasztas-203{color:#d14ef2; font-size:18px; margin:3px;}
.riasztas-204{color:#f24e9b; font-size:18px; margin:3px;}

.riasztas-300{color:#660a48; font-size:18px; margin:3px;}
.riasztas-301{color:#866c12; font-size:18px; margin:3px;}
.riasztas-302{color:#862e12; font-size:18px; margin:3px;}
.riasztas-303{color:#d14ef2; font-size:18px; margin:3px;}

.billgenerator{
  margin-top:0px !important;
  padding-top:0px !important;
}

.billgeneratortable{
  width:100%;
}

.billgeneratortable th{
  background:#dedede;
  text-align:left;
}

.billgeneratortable th, .billgeneratortable td{
  padding:3px;
  border:1px solid #000;
}

.billgeneratortablerow {background: #ffe2e2}
.billgeneratortablerow:nth-child(odd) {background: #fdd4d4}

.billgenbutt{
  border:0px;
  cursor:pointer;
  padding:10px;
  width:200px;
  margin: 10px;
  color:#fff;
  background-color: #8CBF26; 
}

.billgenbutt:hover{
  background-color: #749f1f;
}

.billinfo1{
  color:#1313dc;
}

.billinfo2{
  color:#a407bb;
}

.billinfo3{
  color:#dc7b13;
}

.canvasjs-chart-credit{
  display:none;
}

/* upper hack menu */
#menuhack
{
  font-size: 0.75rem;
  color: #000;
}
#menuhack .levelsbutton { position: relative; vertical-align: top;  }
#menuhack .dropbut { display: none; }
#menuhack .dropbut.activedropbut { display: block; }
#menuhack .dropbutitems { margin-top: 0; top: 39px;}
#menuhack .levelsbutton:hover .dropbut {display: block;}
#menuhack .levelsbutton:hover .dropbutitems {position: absolute; right: auto; left: 0; }
#menuhack .levelsbutton .buttontext {height: auto; line-height: 40px;}
#menuhack .dropbutholder {float: none;}

#menuhack .dropbutitems a:hover{
  background:#A7C942;
  color:#000;
}
#menuhack .dropbutitems {
  border: 1px solid #A7C942;
  background-color: #434343;
}
#menuhack .dropbutitems a {
  color: #fff;
}
#menuhack .levelsbutton:not(:last-child) { border-right: 1px solid #a5939a;  }

.gridmenubar
{
  font-size: 0.75rem;
}

.gridmenubar .buttonlink svg
{
  width: 24px;
}

.btn.btn-icon
{
  line-height: 0;
  font-size: 1.5rem;
  --gt-btn-padding-y: 0.41rem;
  --gt-btn-padding-x: 0.41rem;
}

.btn.btn-sm.btn-icon
{
  font-size: 1.25rem;
  --gt-btn-padding-y: 0.33rem;
  --gt-btn-padding-x: 0.33rem;
}

.btn.btn-xs.btn-icon
{
  font-size: 1rem;
  --gt-btn-padding-y: 0.25rem;
  --gt-btn-padding-x: 0.25rem;
}

.btn.btn-lg.btn-icon
{
  font-size: 1.75rem;
  --gt-btn-padding-y: 0.5rem;
  --gt-btn-padding-x: 0.5rem;
}

.btn.btn-icon .material-icons-outlined
{
  line-height: 1;
}

.orange>span 
{
  background-image: linear-gradient(#f1a165, #f36d0a);
}

.red>span 
{
  background-image: linear-gradient(#f0a3a3, #f42323);
}

.nostripes>span>span,
.nostripes>span::after 
{
  background-image: none;
}

.infoform
{
  display: flex;
  flex-flow: column nowrap;
  flex: 1 1 auto;
  overflow: auto;
}

.infoform > div, .infoform .flex > div
{
  flex: 1 1 auto;
}

.infoform > span, .infoform .flex > span
{
  flex: 0 0 auto;
}

.infoform .info-title
{
  justify-content: center;
  align-items: center;
  flex-flow: column;
  display: flex;
}

.infoform .info-title > span
{
  font-family: "Exo 2";
  font-family: 'Ubuntu Mono';
  font-family: 'saxmonoregular';
  font-family: "Roboto";
  font-size: 24px;
  text-transform: uppercase;
  text-align: center;
}

.infoform .info-title > *:first-child
{
  font-size: 32px;
} 

.infoform .info-title > *:last-child 
{
  font-size: 20px;
}

.infoform .info-body
{
  flex-flow: column nowrap;
  overflow: hidden;
}

.infoform .stat
{
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
}

.infoform .w666
{
  display: flex;
  flex: 1 1 50%;
  flex-flow: row wrap;
}

.infoform .panel
{
  display: flex;
  flex-flow: column nowrap;
  padding: 1em 2em;
  margin: 0.875em;
  flex: 1 1 0;
  min-width: 255px;
  border: 1px solid var(--gt-gray-300);
}

.infoform .label
{
  display: block;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 16px;
  letter-spacing: 1px;
  color: #75787a;
  font-family: "Exo 2";
  font-family: 'Ubuntu Mono';
  font-family: 'saxmonoregular';
  font-family: "Roboto";
}

.infoform .value
{
  display: block;
  font-weight: 700;
  font-size: 21px;
  font-family: "Exo 2";
  font-family: 'Ubuntu Mono';
  font-family: 'saxmonoregular';
  font-family: "Roboto";
}

.infoform .panel > .value
{
  margin-left: 1em;
}

.attributes 
{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(10ch, 1fr));	 
	grid-gap: 1em;
}

.attributes dt 
{
  grid-column-start: 1;
  margin: 0;
}

.attributes dd 
{
  grid-column-start: span 2;
  margin: 0;
}

.alert-icon
{
  font-size: 3rem;
}

.state-icon
{
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  margin: 2px auto 0 auto;
  text-decoration: none;
}

.todo-0, .state-icon-default
{
  background-color: #999;
  border: 1.5px solid #999;
}

.todo-1, .state-icon-danger
{
  background-color: #ff0000;
  border: 1.5px solid #666;
}

.todo-2, .state-icon-warning
{
  background-color: #ffd800;
  border: 1.5px solid #666;
}

.todo-3, .state-icon-success
{
  background-color: #4cff00;
  border: 1.5px solid #666;
}

.state-icon-info
{
  background-color: #4169E1;
  border: 1.5px solid #666;
}

.ui-multiselect-menu
{
  z-index: 65533 !important;
}

.todo-8
{
  background-color: #8300ce;
  border: 1.5px solid #666;
}

.todo-9
{
  background-color: #666;
  border: 1.5px solid #666;
}

input[name=demandeditorform_hucolor]
{
  display: none;
}

input[name=demandeditorform_hucolor] + label
{
  display: block;
  cursor: pointer;
  appearance: none;
  height: 3rem;
  width: 3rem;
  transition: all 0.15s ease-out 0s;    
  outline: none;
  float: left;
  margin-right: 1rem;
  content: "";
}

input[name=demandeditorform_hucolor] + label:focus
{
  border: 3px dotted brown;
}

input[name=demandeditorform_hucolor]:first-child + label
{
  background-color: var(--gt-danger);
}

input[name=demandeditorform_hucolor]:nth-child(3) + label
{
  background-color: var(--gt-warning);
}

input[name=demandeditorform_hucolor]:nth-child(5) + label
{
  background-color: var(--gt-success);
}

input[name=demandeditorform_hucolor]:checked + label
{
   border: 2px solid var(--gt-primary);
}

.nav-item.dropdown:hover .dropdown-menu 
{
  display: block;
  margin-top: 0; /* remove the gap so it doesn't close */
}

.nav-item.dropdown:not(:hover) .dropdown-menu 
{
  display: none;
}

@media screen and (max-width: 1920px) 
{
  .popups
  {
    min-width: 100%;
  }
}

.w2em { width: 2em }
.w3em { width: 3em }
.w4em { width: 4em }
.w5em { width: 5em }
.w6em { width: 6em }
.w7em { width: 7em }
.w8em { width: 8em }
.w9em { width: 9em }
.w10em { width: 10em }

.gauge { width: 250px; height: 250px; margin: 0px auto; }

.table-middle > * > tr > *
{
  vertical-align: middle;
}

.gt-project-2 .gt-mtbox
{
  display: none;
  border-left: 1px solid var(--gt-project-header-item-color);
  position: relative;
}

.gt-project-2 .tab-content
{
  border-top: 2px solid var(--gt-border-color);
}

.gt-mtbox::after
{
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  font-family: 'Material Icons Outlined';
  content: '\e8b5';
  font-size: 6rem;
  color: var(--gt-mtbox-color);
  display: flex;
  align-items: center;
  justify-content: center;
}
.gt-mtbox > div
{
  position: relative;
  z-index: 10000;
}

.gt-mtbox > div:after
{
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: var(--gt-gt-primaryy);
  z-index: -1;
  rotate: 0deg;
}

.gt-project-2
{
  --gt-mtbox-color: rgba(var(--gt-light-rgb), 1);
  --gt-project-header-item-color: rgba(var(--gt-light-rgb), 1);
  --gt-border-color: rgba(var(--gt-light-rgb), 1);
  --gt-project-header-background: var(--gt-light-bg-subtle);
  --gt-project-nav-link-active-bg: var(--gt-light);
  --gt-project-nav-link-active-color: var(--gt-gt-primary);
  --gt-project-nav-link-color: var(--gt-gt-primary);
  --gt-header-item-heading-color: var(--gt-dark);
  --gt-header-item-muted-color: var(--gt-secondary);
  --gt-project-nav-link-color: var(--gt-dark);
  --gt-project-nav-link-muted-color: var(--gt-secondary);
}

.gt-project-2.active
{
  --gt-mtbox-color: rgba(var(--gt-gt-primary-rgb), 0.2);
  --gt-project-header-item-color: rgba(var(--gt-gt-primary-rgb), 0.2);
  --gt-border-color: rgba(var(--gt-gt-primary-rgb), 1);
  --gt-project-header-background: var(--gt-gt-primary-bg-subtle);
  --gt-project-nav-link-active-bg: var(--gt-gt-primary);
  --gt-project-nav-link-active-color: #fff;
  --gt-header-item-heading-color: var(--gt-gt-primary);
  --gt-header-item-muted-color: var(--gt-gt-primary);
  --gt-project-nav-link-color: var(--gt-gt-primary);
  --gt-project-nav-link-muted-color: var(--gt-gt-primary);

  --gt-mtbox-color: rgba(var(--gt-primary-rgb), 0.2);
  --gt-project-header-item-color: rgba(var(--gt-primary-rgb), 0.2);
  --gt-border-color: rgba(var(--gt-primary-rgb), 1);
  --gt-project-header-background: var(--gt-primary-bg-subtle);
  --gt-project-nav-link-active-bg: var(--gt-primary);
  --gt-project-nav-link-active-color: #fff;
  --gt-header-item-heading-color: var(--gt-primary);
  --gt-header-item-muted-color: var(--gt-primary);
  --gt-project-nav-link-color: var(--gt-primary);
  --gt-project-nav-link-muted-color: var(--gt-primary);

  --gt-border-color: var(--gt-project-header-item-color);
}

.gt-project-2.deleted
{
  --gt-mtbox-color: var(--gt-danger-border-subtle);
  --gt-project-header-item-color: var(--gt-danger-border-subtle);
  --gt-border-color: rgba(var(--gt-danger-rgb), 1);
  --gt-project-header-background: var(--gt-danger-bg-subtle);
  --gt-project-nav-link-active-bg: var(--gt-danger);
  --gt-project-nav-link-active-color: var(--gt-white);
  --gt-project-nav-link-color: var(--gt-danger);
  --gt-project-nav-link-muted-color: var(--gt-danger);
  --gt-header-item-heading-color: var(--gt-danger);
  --gt-header-item-muted-color: var(--gt-danger);

  --gt-border-color: var(--gt-project-header-item-color);
}

.gt-project-2.warranty
{
  --gt-mtbox-color: var(--gt-warranty-border-subtle);
  --gt-project-header-item-color: var(--gt-warranty-border-subtle);
  --gt-border-color: rgba(var(--gt-warranty-rgb), 1);
  --gt-project-header-background: var(--gt-warranty-bg-subtle);
  --gt-project-nav-link-active-bg: var(--gt-warranty);
  --gt-project-nav-link-active-color: var(--gt-white);
  --gt-project-nav-link-color: var(--gt-warranty);
  --gt-project-nav-link-muted-color: var(--gt-warranty);
  --gt-header-item-heading-color: var(--gt-warranty);
  --gt-header-item-muted-color: var(--gt-warranty);

  --gt-border-color: var(--gt-project-header-item-color);
}

.gt-project-2 .gt-project-header
{
  background-color: var(--gt-project-header-background);
}
.gt-project-2 .gt-project-header .nav .nav-link .material-icons-outlined
{
  line-height: 1;
  display: inline-block; 
  font-size: 2rem;
  padding: 0.1rem 0;
  margin: 0;
}

.gt-project-2 .gt-project-header .nav .nav-link
{
  text-transform: uppercase;
  font-size: 0.75rem;
  --gt-nav-link-padding-y: 0.25rem;
  --gt-nav-link-padding-x: 0;
}

.gt-project-header-row
{
}

.gt-project-2 .gt-project-header-item
{
  padding: 0.375rem;
  min-width: 125px;
  text-align: center;
  flex: 1 1 auto;
}

.gt-project-2 .gt-project-header .nav-item
{
  min-width: 99px;
  --gt-nav-pills-link-active-bg: var(--gt-project-nav-link-active-bg);
  --gt-nav-pills-link-active-color: var(--gt-project-nav-link-active-color);
  --gt-nav-link-color: var(--gt-project-nav-link-color);

}

.gt-project-2 .gt-project-header-row .gt-project-header-item,
.gt-project-2 .gt-project-header .nav-item
{
  border-top: 1px solid var(--gt-project-header-item-color);
}

.gt-project-2 .gt-project-header-row .gt-project-header-item + .gt-project-header-item,
.gt-project-2 .gt-project-header .nav-item + .nav-item
{
  border-left: 1px solid var(--gt-project-header-item-color);
}

.gt-project-2 .table
{
  --gt-table-color: var(--gt-project-nav-link-color);
}

.gt-project-2 .text-muted
{
  color: var(--gt-header-item-muted-color) !important;
}

.gt-project-2 .table > thead
{
  --gt-table-bg: var(--gt-project-header-item-color);
}


.gt-project-2 .nav-link > h3
{
  font-size: 1.5rem;
  margin-bottom: 0;
  color: var(--gt-project-nav-link-color);
}

.gt-project-2 .nav-link.active > h3
{
  color: var(--gt-project-nav-link-active-color);
}

.gt-project-2 .gt-project-header-item > h3
{
  font-size: 1.5rem;
  margin-bottom: 0;
}

.gt-project-2 .gt-project-header-item > h3, .gt-project-2 h3 > span, .gt-project-2 .tab-pane h4 > span
{
  color: var(--gt-header-item-heading-color);
}

.gt-project-2 .nav-link > p
{
  color: var(--gt-project-nav-link-muted-color);
  margin-bottom: 0;
}

.gt-project-2 .nav-link.active > p
{
  color: var(--gt-nav-pills-link-active-color);
}

.gt-project-2 .gt-project-header-item > p
{
  color: var(--gt-header-item-muted-color);
  margin-bottom: 0;
}

.asmitem
{
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin: 0.5rem;
  width: 3rem;
  height: 3rem;
}

.asmitem-status-0
{
  background-color: var(--gt-light-bg-subtle);
  border: 2px solid var(--gt-light);
}

.asmitem-status-1
{
  background-color: var(--gt-warning-bg-subtle);
  border: 2px solid var(--gt-warning);

}

.asmitem-status-2
{
  background-color: var(--gt-success-bg-subtle);
  border: 2px solid var(--gt-success);
}

.asmitem .sequence
{
}

h3.material-icons-outlined .badge
{
  position: absolute;
  top: 20%;
  left: 100%;
  transform: translate(-33%, -33%);
  font-size: 11px;
  font-family: 'Nunito';
}

.gt-correction 
{
  background-color: var(--gt-orange);
  color: #000;
  min-width: 44px;
  display: inline-block;
}

.border-warranty
{
  border-color: #ffa500 !important;
}
.bg-warranty
{
  background-color: #ffa500 !important;
}

.bg-warranty-subtle
{
  background-color: #fff6e5 !important;
}

.gt-todolist
{
  max-width: 600px;
}

.gt-todo-reply
{
  background-color: var(--gt-project-header-background);
}

span[type=button]
{
  transition: .3s transform ease-in-out;
}

span[type=button]:not(.collapsed)
{
  transform: rotate(90deg);
}

.gt-th-admin {
    width: 100px;
}

.text-middle span {
    vertical-align: middle;
}

.gt-correction {
    background-color: var(--gt-orange);
    color: #000;
    min-width: 44px;
    display: inline-block;
}

input[name="uploadprojectfiles"], input[name="uploaddocuments"] {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    right:0;
    bottom: 0;
    opacity: 0.0;
    z-index: 33;
}

.gt-file {
    font-size: 0.75rem;
}

.gt-file a {
    text-decoration: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.gt-file .gt-file-admin, .gt-file .gt-file-avatar, .gt-file .gt-file-link {
    overflow: hidden;
    position: relative;
    z-index: 35;
}

.gt-file-avatar {
    width: 3.6rem;
    height: 3.6rem;
}

.gt-project-files {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(10rem, 15rem));
    justify-content: space-evenly;
    grid-gap: 0.5rem;
}

.gt-file-version {
    position: absolute;
    top: 0;
    right: 0;
    padding: 2px 6px;
    background-color: var(--gt-light);
    color: var(--gt-body-color);
}

.avatar-upload {
  position: relative;
  width: 128px;
  height: 128px;
  border: 1px solid #ccc;
  border-radius: 8px;
  overflow: hidden;
}

.avatar-upload > input[type="file"] {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
}

.avatar-upload > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.nav-tabs.nav-line .nav-link.active {
  margin-bottom: -1px;
  border-bottom-color: var(--gt-gt-primary);
}