@charset "utf-8";
/* CSS Document */
HTML { height:100%;}
/* Import fonts */
/*
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700|Roboto+Condensed:300italic,400italic,700italic,400,700,300&subset=latin,latin-ext);
*/

BODY { color: #797979;  background: #f1f2f7;  font-family: 'Open Sans', sans-serif;  padding: 0px !important;  margin: 0px !important; height:100%; }
a, a:hover, a:focus { text-decoration: none;  outline: none; font-weight:normal; } 
::selection {  background: #428bca;  color: #fff; } 
::-moz-selection { background: #428bca;  color: #fff; }
.clear { clear:both;}

.btn { text-decoration:none; cursor:pointer; }
.btn I { display:inline-block; margin:0em 0.4em 0em 0em; text-decoration:none; }
.btn:hover { text-decoration:none; }
.btn.btn-primary { background:#223770; font-size: 14px; }
.btn.btn-primary:hover, .btn-primary:focus { background:#2a6496; border-color:#2a6496; }
.row:after, row:before { content: normal; display:run-in;}
H2 .badge { vertical-align:top; font-size:0.8em;}
UL LI { list-style-type:none; }

.help-block, .help-inline { display:block; clear:both; background:#f8dedf; border:1px solid #d2383e; color:#d2383e; text-align:left; padding:0.2em 0.4em;
-webkit-border-radius: 0.3em;
-moz-border-radius: 0.3em;
border-radius: 0.3em; 
behavior: url(../behavior/PIE.htc); }
.help-block:before, .help-inline:before { display:inline-block; padding:0em 0.4em 0em 0em; font-family:"icomoon"; font-size:1.2em; color:#d2383e; }
.help-block:before, .help-inline:before { content:"\e6f4"; }
.noWrap  { white-space:nowrap; }
.ui-tabs { position:relative; z-index:3;}
#role_selected  { position:relative; z-index:3;}
.roleSelected-item {  position:relative; z-index:10; display:inline-block; background:#ddd; height:auto; margin:0.2em 0.5em 0em 0em; padding:0.3em 1em;
box-shadow:0 0 15px #aaa inset, 0 0 6px rgba(50, 50, 50, 0.4); border:1px solid #aaa !important;
-webkit-border-radius: 0.3em;
-moz-border-radius:0.3em;
border-radius:0.3em;
behavior: url(../css/behavior/PIE.htc); }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { height:16px; overflow:hidden; line-height:18px; }
.ui-autocomplete { position:relative; z-index:5; width:250px !important; }
.ui-menu-item .ui-state-focus { background:#59b437 !important; }
.roleSelected-item-add { position:absolute; left:31%; top:0.4em; z-index:10; }
.bs-form { position:relative; }
FORM.viewWrapper .view-cont { margin:-6px 3px; }
FORM.viewWrapper .view-cont .view H3 { margin:0em; }
.responsiveTable-cont TABLE.responsiveTable THEAD > TR:first-child > TH .icheckbox_flat, .icheckbox_flat { position:relative; border:0px solid #999 !important; background-color:rgba(0,0,0,0.1) !important;
-webkit-border-radius: 0.3em;
-moz-border-radius:0.3em;
border-radius:0.3em;
behavior: url(../css/behavior/PIE.htc);}

#backtimer.backtimer-icon { float:right; font-size:1em; font-weight:bold; text-align:right; margin:0; padding:0; }
#backtimer.backtimer-icon:before { display:inline-block; padding:0em 0.4em 0em 0em; font-family:"icomoon"; font-size:1em;  }
#backtimer.backtimer-icon:before { content:"\e64a"; }

.pager-cnt-container { display:inline-block; vertical-align:top; margin:1.2em 1em 1em 0; float:left; text-align:left;}
.pager-cnt-container .pager-cnt-label { display:inline-block; padding:0.2em 0.2em; vertical-align:top; margin:0em 0.5em 0em 0em; font-weight:bold; }
.pager-cnt-container .select-cont { float:none; display:inline-block; }
.mce-container, .mce-container-body { border-right:1px solid #f00;}


/* Calendar widget testreszabésa*/
#calendarTitle { cursor:default;}
#calendar { width:95% !important; margin-left:5% !important;}
.cal-month-box { -webkit-border-radius: 0em;
-moz-border-radius:0em;
border-radius:0em;
behavior: url(../css/behavior/PIE.htc); }
.cal-month-box, .cal-year-box, .cal-week-box { border-width:5px; }
.cal-year-box [class*="span"], .cal-month-box [class*="cal-cell"] { min-height:50px;}
.cal-month-day { position:relative; height:50px; box-shadow:0 0 10px #eee inset, 0 0 6px rgba(50, 50, 50, 0.1); }
span[data-cal-date] { display:block; float:none !important; text-align:center; margin:0em; text-align:center; }
.cal-month-box .cal-day-today span[data-cal-date] { font-size:1.2em;}
.event { position:absolute; left:0; top:0; z-index:12;  display:inline-block; width:7px; height:7px; margin-right:0; margin-bottom:0px; border:0; color:#223770; background:#223770 !important; box-shadow:none; 
-webkit-border-radius: 50%;
-moz-border-radius:50%;
border-radius:50%;
behavior: url(../css/behavior/PIE.htc); }
.unstyled.list-unstyled .event { width:20px; margin-top:10px; display:none; }
.cal-row-head [class*="cal-cell"]:first-child, .cal-row-head [class*="cal-cell"] { font-size:0.8em; background:#223770; color:#fff; font-weight:normal; }
.events-list { position:absolute; left:2px; bottom:2px; z-index:11; width: 98%; height:11px; padding:0%; margin:0 1%; }
span[data-cal-date] {  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100"; filter: alpha(opacity=100); opacity:1;	 }
.cal-day-weekend span[data-cal-date] { color:#f00;}
.cal-day-today {  box-shadow:none; } 
.cal-day-today span[data-cal-date] { color:#000;}
.calendarNavs .btn { padding:0.4em 0.3em; font-size:0.8em;}
#cal-slide-content a.event-item { font-size:0.8em; color:#223770;}
#cal-day-tick { bottom:-19px; }
#cal-slide-content { background:none; padding:10px; box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.2) inset; }
#cal-week-box { left:-75px; }


/****************************************************************
	SIGN IN PAGE
****************************************************************/
#bgSlider-caption { font-family: 'Lato','Open Sans', sans-serif; text-transform:uppercase; text-align:center; font-size:4em; margin:0.3em 0; color:#fff; height:1.2em; font-weight:400; text-shadow:1px 2px 2px #000; overflow:hidden;  } 
.bgSlider-text { position:relative; top:-100px;}
#gaussian-source 	{ position:fixed; z-index:1;  min-width:100%; }
@media (orientation: portrait){
	#gaussian-source 	{  min-width:none; min-height:100%; }
}
.sign-in-table 		{ position:relative; display:table; width:100%; height:100%; z-index:2; padding-bottom:42px;   } 
.sign-in-tr 		{ display:table-row; }
.sign-in-td 		{ display:table-cell; vertical-align:middle; text-align:center; }
.sign-in			{ display: table; overflow:visible; margin:0px auto 2em auto; z-index:1; position:relative; }
.container-inner { 
-webkit-border-radius: 1.5em 1.5em 0.3em 0.3em;
-khtml-border-radius: 1.5em 1.5em 0.3em 0.3em;
-moz-border-radius:1.5em 1.5em 0.3em 0.3em;
border-radius:1.5em 1.5em 0.3em 0.3em; 
-webkit-box-shadow:0 5px 20px 2px #555;
-moz-box-shadow:0 5px 20px 2px #555; 
box-shadow:0 5px 20px 2px #555; 
behavior: url(../css/behavior/PIE.htc);}

.sign-in-cont, .sign-in-head, .regPage .form-button-row {
background:#ffffff; }
.sign-in-cont { padding-bottom:1em; }
.regPage .sign-in-cont { padding:0em 1em 0.5em 1em;}
.regPage .form, .regPage .bs-form { background:none; padding:0; border:0;}
.regPage .form-group, .regPage .form-button-row { margin:0; }
.form-button-row  { background:none;}
.sign-in { width:300px; }
.guestPage .message_success { margin:0em;}


/****************************************************************
	TERMS PAGE
****************************************************************/
.terms { padding: 0 1em !important;}
.terms .container-wrapper { position:relative; z-index:10; margin-bottom:70px; padding-top: 10px; }
.terms .container-wrapper .container-inner, .terms .footerBlock, .terms .header { border: 1px solid #bbb;
-webkit-box-shadow:0 0px 10px 0px #aaa;
-moz-box-shadow:0 0px 10px 0px #aaa; 
box-shadow:0 0px 10px 0px #aaa;}
.terms .container-wrapper .container-inner {  margin:0; padding:2em; background:#fff;
-webkit-border-radius:  0;
-khtml-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;   }
.terms .header { position:relative; text-align:center; margin-top:20px; }
.terms A.logo { float:none; }
.terms .header IMG { margin:0 auto; height:auto; }
.terms .footerBlock { margin-top: -60px; height:auto; }


.container-inner { margin:1em; background:#fff;}
.guestPage { padding:1em 1.5em;  }
.regPage { text-align:left; max-width:400px; }
.regPage H3:nth-child(1) { background:#223770; margin:0em 0em 1em 0em; font-size:1.5em; padding:0.5em 0em; text-align:center; text-transform:uppercase; color:#fff;  }
.regPage H3 { background:#6d6e71;  font-size:1.4em; padding:0.3em 0em; text-align:center; text-transform:normal; color:#fff; 
word-wrap: break-word;   }
.sign-in:before		 { bottom: -30px; content: ""; height:60px; left: -15px;   position: absolute; width: 115%; z-index: -1;}
.sign-in-head 		{ display:block; width: 100%; overflow:hidden; text-align:center;  border-top:0em solid #555; 
-webkit-border-radius: 1.5em 1.5em	0em 0em;
-khtml-border-radius: 1.5em 1.5em 0em 0em;
-moz-border-radius:1.5em 1.5em 0em 0em;
border-radius:1.5em 1.5em 0em 0em; 
behavior: url(../css/behavior/PIE.htc);
} 
.sign-in-head IMG 	{ margin:0em auto; width:auto;}

/* SIGN IN/LOGIN FORM	*/
.sign-in-form					{ text-align:center;  width: 100%; } 
.sign-in-form .form-group 		{ margin-bottom: 0.3em;  width: 78%; float:left; } 
.sign-in-form BUTTON.loginBtn	{ position:relative; top:0px; display:block; clear:both; width:100%; padding:0.6em 0em;  font-size:1.8em; 
text-align:center; text-transform:uppercase; color:#fff; font-weight:bold; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9); border:1px solid #223770;
-webkit-border-radius: 0px;
-moz-border-radius:0px;
border-radius:0px; 
background:#2e4480;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#2e4480), to(#1b2d5d));
background: -webkit-linear-gradient(#2e4480, #1b2d5d);
background: -moz-linear-gradient(#2e4480, #1b2d5d);
background: -ms-linear-gradient(#2e4480, #1b2d5d);
background: -o-linear-gradient(#2e4480, #1b2d5d);
background: linear-gradient(#2e4480, #1b2d5d);
-pie-background: linear-gradient(#2e4480, #1b2d5d);

behavior: url(../behavior/PIE.htc);}
.sign-in-form BUTTON.loginBtn:hover { border:1px solid #6d6e71;
background:#828385;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#828385), to(#555));
background: -webkit-linear-gradient(#828385, #555);
background: -moz-linear-gradient(#828385, #555);
background: -ms-linear-gradient(#828385, #555);
background: -o-linear-gradient(#828385, #555);
background: linear-gradient(#828385, #555);
-pie-background: linear-gradient(#828385, #555);}
.sign-in-form I 				{ clear:left;  background: none repeat scroll 0 0 #6d6e71;  color: #FFFFFF;  float: left;  height: 50px;  line-height: 50px;  margin-left: 19px;  margin-right: 1px;  text-align: center;  width: 14%; font-size:1.5em;
-webkit-border-radius: 3px;
-moz-border-radius:3px;
border-radius:3px; 
behavior: url(../behavior/PIE.htc); } 
.sign-in-form  LABEL 			{ display: none; font-weight: bold; margin-bottom: 5px;}
.sign-in-form INPUT 			{ background:#c8c8ca;  border: medium none; color: #000 !important;  float: left;  font-size: 12px;  height: 50px;  letter-spacing: 0.3px;  padding-left: 8px; margin-left:-2px;  width: 94%;  text-shadow:1px 1px 0px rgba(255, 255, 255, 0.5);
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius:0 3px 3px 0;
border-radius:0 3px 3px 0; 
behavior: url(../behavior/PIE.htc); } 
.sign-in-form .btn-group 		{ display:block; clear: both; height:35px; margin:0em 0em 0.7em 0.1em; padding:0.5em 0 0em 0; text-align:center;}
.sign-in-form .btn-default  	{ clear:both; text-decoration:none; color:#6d6e71; }
.sign-in-form .btn-group .btn-default { display:inline-block; margin-left:-5px; width:44.2%; float:none;  }
.sign-in-form .btn-group .btn { font-size:0.9em; padding:0.5em 0;  }

/****************************************************************
	BS-FORM DESIGN DETAILS
****************************************************************/
.form-title { display:block; margin:0em 0em 0.3em 0em; padding:0.8em 1em 0.5em  1em; color:#fff; font-weight:bold; text-align:left;
-webkit-border-radius: 0.3em 0.3em 0 0;
-moz-border-radius: 0.3em 0.3em 0 0;
border-radius: 0.3em 0.3em 0 0;
background:#223770;
behavior: url(../css/behavior/PIE.htc); }
.form-title:before { display: inline-block; margin:0em 0.5em 0em 0em; font-family: 'icomoon'; content: "\e691"; font-weight:normal; }
.form-info { padding:0.5em 1em; text-align:left; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9); border-top:3px solid #428bca; font-weight:bold; 
background:#e2e2e2;
background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e2e2e2));
background: -moz-linear-gradient(top, #f7f7f7,  #e2e2e2 );
background: -o-linear-gradient(#f7f7f7, #e2e2e2 );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f7f7f7", endColorstr="#e2e2e2"); 
zoom:1; }
.form { position:relative; z-index:11; background:#fff; border-collapse:collapse; border:1px solid #ddd;  margin:0px 0px 0px 0px; padding:1em;  }
.form-control, .hasDatepicker { color:#444; border:1px solid #ccc; 
box-shadow: 0 4px 5px #DDDDDD inset, 0 1px 2px rgba(255, 255, 255, 0.6); }
.hasDatepicker {  display: block; background-color: #ffffff; border: 1px solid #cccccc; color: #555555; font-size: 14px; height: 32px; line-height: 1.42857; padding: 6px 12px; width: 100%;
-webkit-border-radius: 0.3em;
-moz-border-radius: 0.3em;
border-radius: 0.3em; 
behavior: url(../css/behavior/PIE.htc);}
.form-group { margin-bottom:0.5em;}
.bs-form { margin:0em 0em; padding:0.3em 0.3em; border:1px solid #ddd;
-webkit-border-radius: 0.3em;
-moz-border-radius:0.3em;
border-radius:0.3em;
background:#ffffff;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#eeeeee), to(#ffffff));
background: -webkit-linear-gradient(#eeeeee, #ffffff);
background: -moz-linear-gradient(#eeeeee, #ffffff);
background: -ms-linear-gradient(#eeeeee, #ffffff);
background: -o-linear-gradient(#eeeeee, #ffffff);
background: linear-gradient(#eeeeee, #ffffff);
-pie-background: linear-gradient(#eeeeee, #ffffff);
behavior: url(../css/behavior/PIE.htc); }
.form-button-row{ margin:0.5em 0em -1em 0em; padding:0.3em; 
background:#e2e2e2;
background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e2e2e2));
background: -moz-linear-gradient(top, #f7f7f7,  #e2e2e2 );
background: -o-linear-gradient(#f7f7f7, #e2e2e2 );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f7f7f7", endColorstr="#e2e2e2"); 
zoom:1; }
.radio label.control-label, .checkbox label.control-label { padding:0em; }
.radio label.control-label > DIV, .checkbox label.control-label > DIV { margin-right:0.5em; }
.select2-container { margin-bottom:0.7em;}
.responsiveTable-cont { clear:both; }
.responsiveTable-cont TABLE.responsiveTable .select2-container { margin:0; }
.checkboxColumnHide input { display: none; }
DIV.form .input-row-loop .input-group INPUT { margin:0; }
.taskChoiseTable { width: auto;  border-collapse:separate;}
.taskChoiseTable TD { padding:0.3em 1em 0.3em 0; }
.taskChoiseTable TD:nth-child(2), .taskChoiseTable TD:nth-child(3) { width:120px; }

#vallalat-attekintes-form .select2-offscreen + #role_selected { margin-bottom:0.75em; }
#vallalat-attekintes-form > DIV.icheckbox_flat { margin-left:1em;  }

/****************************************************************
	Layout design 
****************************************************************/
#container { width: 100%;  } 
#main-content { margin-left: 210px; position:relative; z-index:10; }

.header, .footer { min-height: 60px;  padding: 0 15px; }
.header { position: fixed;  left: 0;  right: 0;  z-index: 1002; background:#fff;  border-bottom: 1px solid #aaa; 
-webkit-box-shadow:0 0px 10px 0px #aaa;
-moz-box-shadow:0 0px 10px 0px #aaa; 
box-shadow:0 0px 10px 0px #aaa; 
background:#ffffff;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ddd), to(#ffffff));
background: -webkit-linear-gradient(#ddd, #ffffff);
background: -moz-linear-gradient(#ddd, #ffffff);
background: -ms-linear-gradient(#ddd, #ffffff);
background: -o-linear-gradient(#ddd, #ffffff);
background: LInear-gradient(#ddd, #ffffff);
-pie-background: LInear-gradient(#ddd, #ffffff); 
behavior: url(../css/behavior/PIE.htc); }

a.logo { font-size: 21px;  color: #2e2e2e;  float: left;  margin-top: 0px;  text-transform: uppercase; } 
a.logo:hover, a.logo:focus { text-decoration: none;  outline: none; } 
a.logo IMG {  height:60px; width:auto; margin:0em 0.5em 0em 0em; } 

/*--sidebar toggle---*/
.sidebar-toggle-box { float: left;  padding-right: 5px;  margin-top: 12px; }
.sidebar-toggle-box .icon-reorder { cursor: pointer;  display: inline-block;  font-size:35px; } 
.sidebar-closed > #sidebar > ul { display: none; }
.sidebar-closed #main-content { margin-left: 0px; }
.sidebar-closed #sidebar { margin-left: -180px; } 

.welcome-box { float:right; margin-top:-47px;}

.wrapper { display: block;  margin-top: 0px;  padding: 75px 15px 50px 15px;  width: 100%; background:#fff; } 
#main-content > .wrapper > PRE, #main-content > .wrapper > DIV > PRE { font-family: 'Open Sans', sans-serif; }

.footerBlock { position:relative; width:100%; z-index:10; background: rgba(255,255,255,0.7); padding: 0.5em 0; height:42px; margin-top:-42px; text-align:center;  }
.footerBlock .footerBlock-menu, .footerBlock .footerBlock-copyright { display:inline-block; vertical-align:top; color:#777; padding:0.3em 1.5em; 
border-left:1px  solid #828282;  }
.footerBlock .footerBlock-copyright { border:0; }
.footerBlock .footerBlock-menu:hover, .footerBlock .footerBlock-menu:focus { color:#000; text-decoration:none; }

.site-footer, .site-footer-reg { position:absolute;  left:0px; top:0px; z-index:11; background: #428bca; width:100%;  color: #fff;  padding: 10px 10px; }
.site-footer-reg { position:relative;}
.go-top { margin-right: 1%;  float: right;  background: rgba(255,255,255,0.5);  width: 20px;  height: 20px;  
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
behavior: url(../css/behavior/PIE.htc);  }
.go-top i { color: #2A3542; }
.go-top:hover { text-decoration:none; background:#fff; }

.wrapper .page-header { margin:0; border:0; }

/****************************************************************
	Feladat oldal
****************************************************************/
#feladat-form .radio LABEL{ font-weight:normal; display:block; padding-top: 3px; }
#feladat-form .radio LABEL > INPUT { margin-top:2px;}
.questionText { font-weight:bold;}
.examIcon { margin:0.1em;  display:inline-block; color:#fff; font-size:1em; text-align:center; text-decoration:none; background:#223770;
height:1.8em; width:1.8em; padding:0.4em;
-webkit-border-radius: 1.8em;
-moz-border-radius:1.8em;
border-radius:1.8em;
behavior: url(../css/behavior/PIE.htc); }
.highlightedIcon, .responsiveTable-cont TABLE.responsiveTable TD A I.highlightedIcon { background:#e60217;}
.highlightedIcon:hover { background:#a50111;}
.successIcon, .responsiveTable-cont TABLE.responsiveTable TD A I.successIcon { background:#48cc20;}
.successIcon:hover { background:#3cb916 !important;}
.table .btn.startBtn { text-transform:uppercase; font-weight:bold; font-size:1.4em; line-height:2em; padding:0em 0.5em 0.1em 0.1em; border:0px; }
.table .btn.startBtn:hover, .table .btn.startBtn:hover I,  .table .btn.startBtn:focus I  { background:#2a6496;}
.table .btn.startBtn I { margin:0em;  }

.resultItem { position:relative; margin:2em 0em 0em 1em; padding:0.5em 1em 0.5em 2em; border:1px solid #ddd;
-webkit-border-radius: 0.3em;
-moz-border-radius:0.3em;
border-radius:0.3em;
background:#ffffff;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#eeeeee), to(#ffffff));
background: -webkit-linear-gradient(#eeeeee, #ffffff);
background: -moz-linear-gradient(#eeeeee, #ffffff);
background: -ms-linear-gradient(#eeeeee, #ffffff);
background: -o-linear-gradient(#eeeeee, #ffffff);
background: linear-gradient(#eeeeee, #ffffff);
-pie-background: linear-gradient(#eeeeee, #ffffff);
behavior: url(../css/behavior/PIE.htc); }
.resultItem .resultItem-cnt { position: absolute; top:-1.5em; left:-1em; z-index:10; display:inline-block; margin:0em 0em 0em 0em; padding:0.4em 0.8em 0.4em  0.8em; color:#fff; font-weight:bold; text-align:left;
-webkit-border-radius: 1.5em;
-moz-border-radius:1.5em;
border-radius:1.5em;
background:#223770;
behavior: url(../css/behavior/PIE.htc);
}
.imgTask-cont { position:relative; }

.resultItem .resultItem-cnt-right,  .resultItem.resultItem-cnt-right .resultItem-cnt  { background:#48cc20 ; }
.resultItem .resultItem-cnt-wrong,  .resultItem.resultItem-cnt-wrong .resultItem-cnt  { background:#e60217; }
.resultItem .resultItem-cnt-empty,  .resultItem.resultItem-cnt-empty .resultItem-cnt  { background:#777 !important; }
.resultItem P { margin:0em;}
#backtimer { display:block; padding:0em 0.4em 0em 0em; font-size:2.2em; margin:0em 0em 0.5em 0; }
.ctimer { display:block; position:absolute; right:0px; top:82px; z-index:10;  }
.ctimer-text {background:#eee; color:#000; }
.backtimer-Tpart {  color:#fff; background:#223770;
behavior: url(../css/behavior/PIE.htc); }
/*
#backtimer:before { content:"\e700"; font-family:"icomoon"; }
*/
.autoGeneratedFormItems  TD { vertical-align:top;}

.examResultChart { width: 100%; }
.examResultChart DIV { display:block; text-align:center; }
.examResultChart DIV TABLE, .examResultChart DIV THEAD, .examResultChart DIV TBODY, .examResultChart DIV TR, 
.examResultChart DIV TH, .examResultChart DIV TD { display:block !important; text-align:center ! !important; width:100% !important; }
.examResultChart DIV[dir=ltr] { margin:0 auto; }
.examResultChart H3 { text-align:center; font-size:1.5em; }


/****************************************************************
	Slidebar menu 
****************************************************************/
#sidebar { width: 210px;  height: 100%;  position: fixed;  background: #545557; padding:0px; z-index:12; }
#sidebar ul LI { position: relative; }
#sidebar .sub-menu > .sub LI  { padding-left: 45px; }
#sidebar .sub-menu > .sub LI:last-child { padding-bottom: 10px; } 

/*LEFT NAVIGATION ICON*/
.dcjq-icon { height:17px;  width:17px;  display:inline-block;  background: url(../images/default/nav-expand.png) no-repeat top;  
border-radius:3px;  -moz-border-radius:3px;  -webkit-border-radius:3px;  position:absolute;  right:10px;  top:6px; } 
.active .dcjq-icon { background: url(../images/default/nav-expand.png) no-repeat bottom;  
border-radius:3px;  -moz-border-radius:3px;  -webkit-border-radius:3px; } 

.nav-collapse.collapse { display: inline; } 
ul.sidebar-menu , ul.sidebar-menu LI ul.sub{ margin: -2px 0 0;  padding: 0; } 
ul.sidebar-menu { margin-top: 75px; }
#sidebar > ul > LI > ul.sub { display: none; }
#sidebar > ul > LI.active > ul.sub, #sidebar > ul > LI > ul.sub > LI > a { display: block; } 
ul.sidebar-menu LI ul.sub LI{ background: #414246;  margin-bottom: 0;  margin-left: 0;  margin-right: 0; } 
ul.sidebar-menu LI ul.sub LI:last-child{ border-radius: 0 0 4px 4px;  -webkit-border-radius: 0 0 4px 4px; } 
ul.sidebar-menu LI ul.sub LI a { position:relative; font-size: 12px;  padding: 7px 0 7px 0;  
-webkit-transition: all 0.3s ease;  
-moz-transition: all 0.3s ease;  
-o-transition: all 0.3s ease;  
-ms-transition: all 0.3s ease;  
transition: all 0.3s ease;  color: #aeb2b7; } 
ul.sidebar-menu LI ul.sub LI a I { position:absolute; padding:0; top:5px; left:-20px; z-index:10; }
ul.sidebar-menu LI ul.sub LI a:hover, ul.sidebar-menu LI ul.sub LI.current a { display: block;  
-webkit-transition: all 0.3s ease;  
-moz-transition: all 0.3s ease;  
-o-transition: all 0.3s ease;  
-ms-transition: all 0.3s ease; 
 transition: all 0.3s ease;  } 
 ul.sidebar-menu LI ul.sub LI.active a { color: #428bca; }
ul.sidebar-menu LI{ /*line-height: 20px !important;*/
    margin-bottom: 5px;  margin-left:10px;  margin-right:10px; } 
ul.sidebar-menu LI.sub-menu{ LIne-height: 15px; } 
ul.sidebar-menu LI a span{ display: inline-block; } 
ul.sidebar-menu LI a { position:relative; color: #fff;  text-decoration: none;  display: block;  
padding: 6px 0 6px 23px;  font-size: 12px;  outline: none;  
-webkit-transition: all 0.3s ease;  
-moz-transition: all 0.3s ease;  
-o-transition: all 0.3s ease;  
-ms-transition: all 0.3s ease;   
transition: all 0.3s ease; } 
ul.sidebar-menu > LI > a.active, ul.sidebar-menu > LI > a:hover, ul.sidebar-menu > LI > a:focus { background: #414246; color: #fff; display: block; border-radius: 4px;
-webkit-border-radius: 4px;
-webkit-transition: all 0.3s ease;  
-moz-transition: all 0.3s ease;  
-o-transition: all 0.3s ease;  
-ms-transition: all 0.3s ease;  
transition: all 0.3s ease; } 
ul.sidebar-menu > LI > a > I { position:absolute; left:5px; top:5px; z-index:10; }
ul.sidebar-menu LI a i { font-size: 15px;  padding-right: 6px; } 
ul.sidebar-menu LI a.active i, ul.sidebar-menu LI a:hover i, ul.sidebar-menu LI a:focus i, 
ul.sidebar-menu LI a.active SPAN, ul.sidebar-menu LI a.active:hover SPAN, ul.sidebar-menu LI a.active:focus,
ul.sidebar-menu LI ul.sub LI a:hover, ul.sidebar-menu LI ul.sub LI.current a,
ul.sidebar-menu LI a:hover SPAN, ul.sidebar-menu LI a:focus,
ul.sidebar-menu LI.current > a,
ul.sidebar-menu LI a.active { color: #428bca !important; } 




/****************************************************************
	BS3 tabs custom design 
****************************************************************/
.ui-tabs .ui-tabs-nav { position:relative; z-index:10; background:#fff; height:auto; margin-bottom:-8px !important; box-shadow:0 0 15px #aaa inset, 0 0 6px rgba(50, 50, 50, 0.4); border:1px solid #aaa !important; border-bottom:3px solid #428bca !important; 
-webkit-border-radius: 0.3em;
-moz-border-radius:0.3em;
border-radius:0.3em;
behavior: url(../css/behavior/PIE.htc); }
.ui-tabs .ui-tabs-nav LI { border:1px solid #ddd !important; }
.ui-tabs .ui-tabs-nav LI A { text-shadow:none !important; }
.ui-tabs .ui-tabs-nav LI A.ui-tabs-anchor.ui-image { padding:0em 0.5em 0em 0em;}
.ui-tabs .ui-tabs-panel > A.btn.btn-primary.btn-md { 
position:absolute; z-index:10; top:-3em; right:0; margin-right:0.3em; float:none; color:#fff; cursor:pointer;  }
.ui-tabs .ui-tabs-panel > A.btn.btn-primary.btn-md I { display: none; }
.ui-tabs .ui-tabs-nav LI.ui-tabs-active, .ui-tabs .ui-tabs-nav LI:hover { 
margin-bottom:0 !important;  background:#428bca !important; border:1px solid #428bca !important; color:#fff !important;}
.ui-tabs .ui-tabs-nav LI.ui-tabs-active A { color:#fff !important; }
.ui-tabs .ui-tabs-nav LI.ui-tabs-active A I { background:#fff !important; color:#428bca !important;}
.ui-tabs .ui-tabs-nav LI:hover A { color:#fff !important; }
.ui-tabs .ui-tabs-nav LI:hover A I { background:#fff !important; color:#428bca !important;}
.ui-tabs .ui-tabs-panel .ui-tabs .form-info { border-top:0; }
UL.ui-tabs-nav LI .ui-image I { display:inline-block; margin-top:0.3em; color:#fff; font-size:1em; text-align:center; text-decoration:none; background:
#428bca;
height:1.8em; width:1.8em; padding:0.4em;
-webkit-border-radius: 1.8em;
-moz-border-radius:1.8em;
border-radius:1.8em;
behavior: url(../css/behavior/PIE.htc); }
UL.ui-tabs-nav LI .ui-image I:hover { background:#223770; }


/****************************************************************
	Nézet oldal design 
****************************************************************/
.view-cont { margin:0.5em 0em; padding:0.3em 0.3em; border:1px solid #ddd;
-webkit-border-radius: 0.3em;
-moz-border-radius:0.3em;
border-radius:0.3em;
background:#ffffff;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#eeeeee), to(#ffffff));
background: -webkit-linear-gradient(#eeeeee, #ffffff);
background: -moz-linear-gradient(#eeeeee, #ffffff);
background: -ms-linear-gradient(#eeeeee, #ffffff);
background: -o-linear-gradient(#eeeeee, #ffffff);
background: LInear-gradient(#eeeeee, #ffffff);
-pie-background: LInear-gradient(#eeeeee, #ffffff);
behavior: url(../css/behavior/PIE.htc); }
.view-cont .summary { display:block; margin:0em 0em 0em 0em; padding:0.8em 1em 0.5em  1em; color:#fff; font-weight:bold; text-align:left;
-webkit-border-radius: 0.3em 0.3em 0 0;
-moz-border-radius: 0.3em 0.3em 0 0;
border-radius: 0.3em 0.3em 0 0;
background:#223770;
behavior: url(../css/behavior/PIE.htc);
}
.view-cont .summary:before { display: inline-block; margin:0em 0.5em 0em 0em; font-family: 'icomoon'; content: "\e657"; }
.view {  border: 1px solid #aaa; border-top:3px solid #428bca; margin:4px 0px 0px 0px; box-shadow: 0 0 15px #aaa inset, 0 0 6px rgba(50, 50, 50, 0.4);  padding: 1em;}
.view IMG { max-width:100%; }

/*notification*/
.top-menu { margin-top:14px; height:2em; float:left;  }
#top_menu .nav > LI, ul.top-menu > LI { float: left; }
ul.top-menu > LI > a {
color: #555; text-decoration:none; font-size: 0.8em; text-transform:uppercase; border:1px solid #ddd; padding: 6px 4px; margin-right: 0.5em;
border-radius: 4px;
-moz-border-radius:4px;
-webkit-border-radius: 4px;
behavior: url(../css/behavior/PIE.htc);
}
ul.top-menu > LI > a:hover, ul.top-menu > LI > a:focus,  ul.top-menu > LI.open > a  { 
border:1px solid #6d6e71; text-decoration:none; background-color: #6d6e71; text-decoration: none; color: #fff; }
.top-menu .active A{ background-color: #223770;  border-color: #223770; color: #fff; }

.welcome-box UL.top-menu { margin-top:0; }
.welcome-box UL.top-menu > LI > A { text-transform: none; padding:7px 6px; margin-right:0; }
.welcome-box UL.top-menu > LI > A:hover, .welcome-box UL.top-menu > LI > A:focus, .welcome-box UL.top-menu > LI.open > A {
border:1px solid #6d6e71; background-color: #6d6e71; color: #fff;}
.welcome-box UL.top-menu .lang-select { display:block; margin:0.2em 0.5em; height:28px; }
.welcome-box UL.top-menu .lang-select A { background:#eee; padding:3px 0; text-align:center; 
-webkit-border-radius: 0.3em;
-moz-border-radius:0.3em;
border-radius:0.3em;
behavior: url(../css/behavior/PIE.htc);}
.welcome-box UL.top-menu .lang-select A:hover, 
.welcome-box UL.top-menu .lang-select A:focus, 
.welcome-box UL.top-menu .lang-select.active A { background:#223770; color:#fff; border:1px solid #223770; }
.welcome-box .dropdown-menu { left:auto; right:0;}
.welcome-box .dropdown-menu .btn { margin:0 0.5em;}
.notSmallLangSelect { display:block !important;}
.smallLangSelect  { display:none !important;}
.bs-form .list-group-item > .badge { float:none;}
.bs-form .well { padding-top:0.4em; padding-bottom:0.4em; margin:0.1em 0em;}

/****************************************************************
	Media queries
****************************************************************/
@media only screen and (max-width: 980px) { 
	.ui-tabs .ui-tabs-nav LI { width:100%; }
	.ui-tabs .ui-tabs-panel > A.btn.btn-primary.btn-md { top:0; width:100%; margin:0.7em 0em 0em 0em; float:none; }
	.ui-dialog.ui-widget.ui-widget-content { width:60% !important; left:20% !important;}
	/*
	#calendarTitle { display:block; width:95%; margin-left:5%; }
	*/
	.calendarNavs BUTTON { font-size:10px;}
}
@media (min-width: 980px) { 
    .custom-bar-chart {     margin-bottom: 40px;  }		
	#bgSlider-caption { font-size:3.5em; }	
}

@media (min-width: 768px) and (max-width: 979px) {
    .custom-bar-chart {     margin-bottom: 40px;  }
}
@media (min-width: 768px) and (max-width: 850px) {
	#calendarTitle { display:block; margin-bottom:0.3em; width:100%; }
	.calendarNavs { float:none !important; display:block;  } 
}
@media (max-width: 767px) {
	#calendarTitle { display:inline-block; width:auto; }
	#calendar, .calendarNavs  {  width:100% !important; margin-left:0% !important; margin-right:0% !important;  }
	.calendarNavs .btn { font-size:0.8em;}
	#cal-week-box { display:none !important;   }	
}


@media (max-width: 768px) {
    .header { position: fixed;  }
	
	#sidebar { height: auto; overflow: hidden; position: absolute; width: 100%; height:auto; z-index: 1001;  }
	.ui-dialog.ui-widget.ui-widget-content { width:90% !important; left:5% !important;}
	#bgSlider-caption { font-size:2.5em; }

    /* body container */
    #main-content { margin: 0px!important; position: none !important;  }
	
	/* sidebar */
    #sidebar {     margin: 0px !important;  }   
    #sidebar > ul > LI { margin: 0 10px 5px 10px;  }
    #sidebar > ul > LI > a {  text-align: left;  }
    #sidebar > ul > LI > a i{   }
    #sidebar ul > LI > a .arrow, #sidebar > ul > LI > a .arrow.open {     margin-right: 10px; margin-top: 15px;  }
    #sidebar ul > LI.active > a .arrow, #sidebar ul > LI > a:hover .arrow, #sidebar ul > LI > a:focus .arrow,
    #sidebar > ul > LI.active > a .arrow.open, #sidebar > ul > LI > a:hover .arrow.open, #sidebar > ul > LI > a:focus .arrow.open{     margin-top: 15px;  }
    #sidebar > ul > LI > a, #sidebar > ul > LI > ul.sub > LI {     width: 100%;  }
    #sidebar > ul > LI > ul.sub > LI > a {     background: transparent !important ;  }
    #sidebar > ul > LI > ul.sub > LI > a:hover { }
    /* sidebar collabler */
    #sidebar .btn-navbar.collapsed .arrow { display: none;  }
    #sidebar .btn-navbar .arrow { position: absolute; right: 35px; width: 0; height: 0; top:48px; 
	border-bottom: 15px solid #282e36; border-left: 15px solid transparent; border-right: 15px solid transparent;  }

    .top-nav { position: absolute; right: 10px; top: 0px;  }
    .horizontal-menu .navbar-nav > LI > a {     padding-bottom: 10px; padding-top: 10px;  }
	.custom-bar-chart { margin-bottom: 40px;  }
	.wrapper { padding-bottom:90px;}
	.regPage H3:nth-child(1) { font-size:1.4em; }
	.regPage H3 { font-size:1.2em;}
	
	SECTION > H2 { float:none; clear:both; }
	.ctimer { position:relative; right:auto; top:auto; float:right;}
	
	.go-top { float:none; margin:0.5em auto 0 auto; display:inline-block; }
	.ui-tabs .ui-tabs-nav li.ui-tabs-active a { text-align:center; }

    /*menu icon plus minus*/
    .dcjq-icon { top: 10px;  }
    ul.sidebar-menu LI ul.sub LI a {     padding: 0.5em 0;  }

    .img-responsive { width: 100%;  }
	
	.roleSelected-item-add { left:auto; left:92%; }
	#vallalat-attekintes-form .form-control.ui-autocomplete-input { width:92% !important;}
	
	.footerBlock { height:auto; }
	.footerBlock .footerBlock-menu, .footerBlock .footerBlock-copyright { border:0; display:block;  }
	
}

@media (max-width: 480px) {
	BODY { }
	.sign-in {/* width:250px; */}
	#bgSlider-caption { font-size:1.5em; }

    #top_menu .nav > LI, ul.top-menu > LI {     float: right;  }
   
    .chart-position {    margin-top: 0px;   }
    /*--horizontal menu--*/
    .full-width .navbar-toggle {     border: 1px solid #eaeaea;  }
    .full-width .navbar-toggle .icon-bar {     background: #c7c7c7;  }
    .full-width .navbar-toggle {     float: left; margin-top: 12px;  }
	
	#top_menu { float:right; margin:6px -8px 4px 0px;  }
	#top_menu .nav > LI, ul.top-menu > LI { display:block;  float: right; height:1.8em;  }
	.top-menu { display:block; margin-top:0; clear:both; }
	.welcome-box { /*position: absolute;*/ right:15px; top:0; float:none; float:right; margin-top:13px; font-size:0.8em; /*font-weight:bold;*/ }
	.welcome-box .dropdown-menu { margin-top:11px; }
	.welcome-box UL.top-menu > LI > A { background:#fff;}
	.sidebar-toggle-box { margin-top:10px;}
	a.logo IMG { height:35px; margin-top:10px; margin-right:0;  }
	#container { overflow:hidden;}
	#calendar { width:100% !important; margin-left:0% !important;}
	
	/*.notSmallLangSelect { display:none !important;}*/
	.smallLangSelect  { display:block !important;}
	
	.ui-tabs { padding:0em; margin:0.3em 0; }
	.ui-tabs .ui-tabs-nav { position:relative; overflow:hidden; 
	-webkit-border-radius: 0.3em !important;
	-moz-border-radius:0.3em !important;
	border-radius:0.3em !important;
	behavior: url(../css/behavior/PIE.htc); }
	.ui-tabs .ui-tabs-nav LI { position:relative; z-index:10; margin:0.2em 0em;
	-webkit-border-radius: 0.3em;
	-moz-border-radius:0.3em;
	border-radius:0.3em;
	behavior: url(../css/behavior/PIE.htc);
	}
	.ui-tabs .ui-tabs-nav li a { float:none; display:block;}
	.ui-tabs .ui-tabs-nav LI, .ui-tabs .ui-tabs-nav LI.ui-tabs-active, .ui-tabs .ui-tabs-nav LI:hover { margin:0.2em 0em !important; }
	FORM.viewWrapper .view-cont { margin:13px 0 0 0 !important;}
	FORM.viewWrapper .view-cont .view .btn { display:block; width:100%; }
	.form-button-row { padding:0em 0;}
	.form-button-row .btn { display:block; float: none; width:100%; }
	.view-cont .view .span6 { border:1px solid #ddd; }
	.analitycs-date { font-size:0.8em; font-weight:bold; display:block; margin:0.4em 0em; text-align:left;}
	
}

@media (max-width:320px) { 
   
}


/*
 * DOLPHINET
 */

.sign-in-head img {
    max-width: 272px;
}

a label {
    cursor: pointer;
}

#main-content,
.responsiveTable-wrapper {
    position: initial !important;
}

.responsiveTable-cont TABLE.responsiveTable TD A I.icomoon.icomoon-remove2 {
    background: #e60217;
}

.responsiveTable-cont TABLE.responsiveTable TD A I.icomoon.icomoon-remove2:hover {
    background: #a50111;
}

.responsiveTable-cont TABLE.responsiveTable TD A I.glyphicon-folder-open {
    padding: 0.35rem;
}

#main-content .ui-tabs .view table td {
    padding-right: 10px;
}

/*
header .welcome-box .dropdown .dropdown-menu {
    display: none !important;
}

header .welcome-box .dropdown.open .dropdown-menu {
    display: block !important;
}
*/

header .welcome-box {
    font-size: 0.8em;
    line-height: 30px;
}

header a#info {
    float: right;
    color: #223770;
    font-size: 24px;
    padding: 1px 4px 5px;
    margin-right: 0.5em;
    margin-top: 13px;
}

#role_selected {
    margin-bottom: 10px;
}

header .nav.notSmallLangSelect {
    float: right;
}

header .welcome-box {
    margin-top: 13px;
    margin-right: 10px;
}

header ul.top-menu > li {
    float: left;
}

@media (max-width: 480px) {
    header .nav.notSmallLangSelect {
        margin-top: 13px;
    }
    
    #sidebar ul.sidebar-menu {
        margin-top: 95px;
    }
}

@media (max-width: 767px) {
    .wrapper {
        padding-top: 95px;
    }

    .table .btn.startBtn {
        font-size: 1em;
    }
}