html, body {  
  height: 100%; 
  padding: 0;  
  margin: 0;  
  background:#e9f0f9;
  color:#a5939a;
  font-size:12px;
  font-family: 'Open Sans', sans-serif;
  overflow:hidden; 
}  

/* 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); 
}

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

/* left menu */
#menu a{
  display:block;
  height:30px;
  line-height:30px;
  color:#fff;
  text-decoration:none;
  margin-top:10px;
  padding: 3px 3px 3px 40px;
}

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

#menu a.menulessons{
  background: url(../imgcore/icons/menuicons/lessons.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.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.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.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.faqs{
  background: url(../imgcore/icons/menuicons/faqs.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;
  position:fixed;
  top:0px;
  left:0px;
  right:0px;     
}

#logo{
  background: url(../imgcore/cloudadminlogo.png) no-repeat !important;
  width: 126px;
  height:19px;
  margin-top:10px;
  margin-left:6px;    
  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{
  margin-left:40px;
  margin-top:40px;
  padding:10px 20px 20px 20px; 
  height: 100%;
  overflow-y:scroll;       
}                              

#content .navbar{
  background:#fff;          
}

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

#content .box{
  /*background:#f8fafc;*/
  background:#fff;
  padding:10px;            
}

#loading{
  display:none;
  z-index:200;
  position:absolute;
  top:0px;
  bottom:0px;
  left:0px;
  right:0px;
  background: url(../imgcore/loading.png) no-repeat center center !important;
}

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

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

/* 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.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: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 .start{
  padding-left:25px;
  padding-right:5px;
  background: url(../imgcore/icons/white/play_12x16.png) no-repeat 9px center;
} 

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

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

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

.levelsbutton.actionbutton .blue:hover{
  background-color:#017cdb !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;  
}


/* 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;
}

.gridtablecontainer{
  overflow:hidden;
  padding-bottom:150px;
  min-height:100%;
}

.gridchkboxholder{
  width:30px;
  height:30px;
  overflow:hidden;
  line-height:30px;
  text-align:center;
  float:left;
}

.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: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 th{
  background:#efefef;
  text-align:left;
  color:#888888;
  font-weight:bold;             
}

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

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

.gridtable th, .gridtable td{
  padding:8px;  
  white-space: nowrap;           
}

.gridtable .gridwordsearchpanel{
  background:#dedede;                               
}

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

.gridlb{
  margin-right:8px;
}

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

.gridrowbutton{
  float:left;
}

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

.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.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]{
  border:1px solid #b6d1f2;
  padding:3px;
  background:#fff;          
}

select{
  border:1px solid #b6d1f2;
  padding:2px;
  background:#fff;          
}

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

.docpopup{
  margin:auto;
  width:80%;
  background:#ffffff;
  padding:10px 20px 20px 20px;     
  z-index: 5000;
}

/* popup */
.popup{
  margin:auto;
  width:50%;
  background:#ffffff;
  padding:10px 20px 20px 20px;     
}

.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 .defaultformtable{
  width:100%;
}
                             
.defaultform .defaultformtablecaptiontd{
  text-align:right;
  width:20%;
  padding-top:17px !important;
  color:#888888;
  font-weight:bold;                                      
}

.defaultform td{
  padding:10px;               
}

.defaultform input[type=text], .defaultform input[type=password], .defaultform select, .defaultform textarea{
  border:1px solid #CCCCCC !important;
  padding:5px;
  background:#fff;          
  width:95%;
  display:block;
  color:#555555;
}

.defaultform textarea{
  min-height:150px;                     
}

.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 */

.defaultformtabcontent.inactivetab{
  visibility:hidden;
  position:absolute;          
  height:0px !important;
  margin:0px !important;
  padding:0px !important;
  overflow:hidden !important;
}

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

.defaultformtab{
  background: #000;
  color: #fff;
  padding:3px;
  float:left; 
  cursor:pointer;
}

.defaultformtab.activetab{
  border-bottom:3px solid blue;
  background:gray; 
}

.defaultformtab.taberror{
  background:red !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;
}

.dropbut{
  background: url(../imgcore/icons/white/rolldown.png) no-repeat center center #5AB4DA;
  height:30px;
  width:15px;
  overflow:hidden;
  display:block;
  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:10;
  /*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{
  background:#B6D1F2 !important;
  font-size:14px;
  color:#fff;
  padding:10px;
  margin-top:10px;                               
}
.systemeditorwindow .popupbody{
  background: #EFEFEF;
}

.systemeditorwindow .defaultformtablesubmit{
  display:block;
  margin:0px;
  height:30px;
  line-height:30px;
  padding-left:5px;
  padding-right:5px;
  cursor:pointer;
  text-decoration:none;
  border:0px;
  margin-right:10px;                                                                            
  color:#fff;
  background-color: #8CBF26;                                           
}

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

.systemeditorwindow .popupclose, .systemmessage .popupclose{
  display:block;
  width:16px;
  height:16px;
  padding:0px;
  text-decoration:none;
  float:right;
  cursor:pointer;
  background: url(../imgcore/icons/gray_light/x_alt_16x16.png) center center no-repeat;
}

.systemeditorwindow .popupclose:hover, .systemmessage .popupclose:hover{
  display:block;
  width:16px;
  height:16px;
  padding:0px;
  text-decoration:none;
  float:right;
  cursor:pointer;
  background: url(../imgcore/icons/gray_dark/x_alt_16x16.png) center center no-repeat;
}

/* 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;
}