.well {
	margin-bottom: 0px;	
	border-radius: 0;
}

.navbar {
	border-radius: 0px;
	margin-bottom:0px;
	
}

.test .well {
	max-width:1000px;
	margin: 0 auto;	
}

.test, .home {
	margin-top: 50px;
	padding-top: 0px;
}
@media(max-width:767px) {
	.test, .home {
		margin-top: 40px;
	}
}


.home {
	padding-top: 15px;
}


.navigator, .test {
	/*height: calc(100vh - 50px);
    overflow: auto;*/
	border: 0px;
}

.default-nav a {
	/*color: #337ab7 !important;*/
	background-color: #f8f8f8 !important;
}
.default-nav a:hover {
	background-color: #ededed !important;
	/*color: #337ab7 !important;*/
}


.exam-data, .exam-textsize {
	float: right;
}
.test-nav-container {
	padding-right:0px;
}
.test-nav-div {
	width: 100%;
}
.test-nav-div  .btn-danger, .test-nav-div  .btn-primary, .test-nav-div  .btn-group {
	margin: 10px;
	position: relative;
    vertical-align: middle;
}

.progress-container {
	position: fixed;
	bottom: 0px;
	left: 0px;
	z-index: 1000;
	background-color: #FFFFFF;
}

.progress {
	margin-top: 10px;
	margin-bottom: 10px;
}

/* képmegmutogató modal img */

.modal-dialog {
    min-height: calc(100vh - 60px);
    display: flex;
    align-items: center;
    width: 90% !important;
    margin: 0 auto;
}

.modal-body button.close {
	position: absolute;
	right: 5px;
    font-size: 40px;
	opacity: .4;
    color: #fff;
    text-shadow: 1px 1px 2px #000;
}

.modal-body button.close:hover {	
	opacity: .6;
    color: #fff;
    text-shadow: 1px 1px 2px #000;
}

.modal-dialog button.before, .modal-dialog button.after {
	opacity: .4;
	font-size: 40px;
    color: #fff;
    text-shadow: 1px 1px 2px #000;
    cursor: pointer;
	background: 0 0;
	border: 0;
}

.modal-dialog button.before:hover, .modal-dialog button.after:hover {
	font-size: 40px;
	opacity: .6;
    color: #fff;
    text-shadow: 1px 1px 2px #000;
}



.modal-body {
	padding: 0px;
}

.img-responsive {
	margin: 0 auto; /* 300 */
	display: inline;
	cursor: pointer;
}
.img-col {
	text-align: center;
}

@media (min-width: 444px) {
	.answer-row .img-responsive {
		max-width: 250px;
		max-height: 200px;
	}
	.question-row .img-responsive {
		width: 250px;
	}
}
@media (max-width: 767px){
	.test {
		padding: 10px ;
	}
	.question {
		padding: 10px;
	}
}
@media (max-width: 444px){
	.hidden-phone {
		display: none!important;
	}
	.test {
		padding: 0 ;
	}
	.question {
		padding: 5px;
	}
	.answer .well {
		padding: 5px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.answer .col-xs-12 {
		padding: 5px;
	}
}


.question-row .img-responsive {
    margin: 0 ;
}

input[type="radio"] {
    height: 19px;
    width: 19px;
}

hr {
	border-top: 2px solid #c1c1c1;
}

.question {
	text-align: left;
}
.question-row {
	margin-bottom: 20px;
}

@media (min-width: 767px) {
	.answer-row {
		display: flex;
		display: -webkit-flex;
		display: -moz-flex;
	}
}
.answer {
	padding: 5px;
	float: none;
    display: flex;
	display: -webkit-flex;
	display: -moz-flex;
    vertical-align: top;
	position:relative;
}
.answer .well {
	float: left;
	width: 100%;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
    flex-direction: column;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	align-content: flex-start;	
	-webkit-align-content:flex-end;
	-moz-align-content:flex-end;
	justify-content: space-between;
	position: relative;
}
.answer  .well .button-div {
	align-self:flex-end;
	-webkit-align-self:flex-end;
	-moz-align-self:flex-end;
}

.answer-text{
	padding-top: 5px;
	padding-bottom: 10px;
}

.bg-green {
	background-color: #dff0d8;
}

.bg-blue {
	background-color: #d9edf7;
}

.bg-yellow {
	background-color: #ede7c9;
}

.bg-red {
	background-color: #f2dede;
}

.bg-red-dark {
	background-color: #f2dede;
}

.vertical-center-full {
  min-height: 100%;
  min-height: 100vh;

  display: flex;
  /*align-items: center;*/
}

.vertical-center {

  display: flex;
  align-items: center;
}

.csempe-container {
	padding: 5px;
	
}
.csempe {
	padding: 0px;
}
.csempe .label {
	font-size: 11px;
}
.csempe-img {
	width:64px;
	height: 64px;
	margin-right: 10px;
}
/* Image is from pixabay
https://pixabay.com/en/users/ProSmile-3307648/
Free for commercial use 
No attribution required */

.csempe .table td {
    vertical-align:middle;
}
.csempe .table .column-value {
	text-align:right; 
}
.csempe-row .bg-red  {
	border-color: #f1cccc;
}
.csempe-row .bg-blue  {
	border-color: #ccd9f1;
}

.csempe-row  {
	max-width: 1000px;
	margin: 0 auto;
	min-height: 64px;
}

.csempe .panel-heading {
	font-size: 14px;
	font-weight: bold;
}
.bg-red .panel-heading {
	color: #aa4040;
	border-color: #f1cccc;
}
.bg-blue .panel-heading {
	color: #4065aa;
	border-color: #ccd9f1;
}

.csempe .table {
	font-size: 12px;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	background-color:#fff;
	border: 0px solid;
	border-collapse: collapse;
}
.bg-red .table {
	border-color: #f1cccc;
}

.csempe .table>tbody>tr>td,
.csempe .table>tbody>tr>th, 
.csempe .table>tfoot>tr>td,
.csempe .table>tfoot>tr>th,
.csempe .table>thead>tr>td, 
.csempe .table>thead>tr>th {
	border: 0px solid #e7e7e7;
	padding: 2px;
	
}

.csempe .table {
	background: transparent;
	width: 100%;
	margin: 0;
}

.btn-container {
	padding: 10px;
}

.padding-10 {
	padding-left: 10px;
	padding-right: 10px;
}

.csempe.well {
	margin-bottom: 20px;
}

.dropdown-menu {
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: transparent;
}

.answer .btn-primary:active, .answer  .btn-primary:focus, .answer  .btn-selected, .questionScrollButton.btn-selected {
    background-color: #e79b33;
    border-color: #dc8f26;
}

.questionScrollButton.btn-selected {
	color: #FFFFFF;
}

/* újdizájn */

@media(max-width:965px) {
	.home .vertical-center-full {

		padding-left: 0;
		padding-right: 0;	

	}
}

@media(max-width:768px) {
	.vertical-center-full .col {

		padding-left: 0;
		padding-right: 0;	

	}
}

.csempe {
	overflow:hidden;
	cursor: pointer;
}

.child {
	margin-left: 64px;
}

.clear {
  content: "";
  display: block;
  clear: both;
}


.clicker {
	width: 64px;
	height: 64px;
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
}

.opened .clicker {
	background-image: url("../img/minus.png");
}

.closed .clicker {
	background-image: url("../img/plus.png");
}

.bg-orange-big.opened .clicker {
	background-image: url("../img/minus-orange.png");
}

.bg-orange-big.closed .clicker {
	background-image: url("../img/plus-orange.png");
}

.opened {
	margin-bottom: 10px;
}

.child {
	margin-bottom: 10px;
}

.children {
	padding-bottom: 10px;
}

.group-name {
	height: 64px;
	float: left;
	display: table;
	margin-top: 5px;
	margin-bottom: 5px;
}

.group-data {
	float: right;
	display: table;
	margin: 5px;
	margin-right: 10px;
	margin-left: 10px;	
	position: relative;
	min-height:64px;
}

.group-data-content {
	display: table-cell;
    vertical-align: middle;
    color: #000000;
}

.group-image {
	float: right;
	margin-top: 5px;
	margin-bottom: 5px;
}

.group-icon {
	float: right;
	margin-top: 5px;
	margin-bottom: 5px;	
	margin-right: 5px;
	display: table;
}

.group-state {
	float: right;
	height: 32px;
	width: 32px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.okstate {
	background: url("../img/icon-flat-ok.png") no-repeat center;
}

.nokstate {
	background: url("../img/icon-flat-nok.png") no-repeat center;
}

.eyestate {
	background: url("../img/icon-eye.png") no-repeat center;
}

.lockstate {
	background: url("../img/icon-lock.png") no-repeat center;
}

.group-name p {
	display: table-cell;
    vertical-align: middle;
	font-size: 14px;
    font-weight: bold;
}

.csempe .group-name p {
	font-size: 16px;
}
.child .group-name p {
	font-size: 14px;
}

.bg-green p {
	color: #125d11;
}

.bg-red p {
	color: #aa4040;
}

.bg-blue p {
	color: #4065aa;
}
.bg-orange p {
	color: #894a06;
}

.bg-gray {
	background-color: #ececec !important;
	border-color: #d9d9d9 !important;
}

.bg-green-big {
	background-color: #8fcbb0  !important;
	border-color: #41874a !important;
}

.bg-blue-big {
	background-color: #c0dcea !important;
}
.bg-blue-big-archive {
	background-color: #2d7598 !important;
}

.bg-orange-big {
	background-color: #dfae65 !important;
}
.bg-orange-big-archive {
	background-color: #a96500 !important;
}

.bg-red-big {
	background-color: #eacece !important;
}
.bg-red-big-archive {
	background-color: #7b3333 !important;
}

.bg-blue-big-archive p, .bg-blue-big-archive .group-data-content, .bg-red-big-archive p, .bg-red-big-archive .group-data-content, .bg-orange-big-archive p, .bg-orange-big-archive .group-data-content {
	color: #ffffff !important;
}

.bg-red-big  {
	border-color: #e5b6b6 !important;
}
.bg-blue-big  {
	border-color: #aebfde !important;
}
.bg-orange-big  {
	border-color: #d58e22 !important;
}

.child .group-name {
	height: 32px;
	margin-left: 10px;
}

.group-icon div {
	height: 32px;
	width: 32px;
	border-radius: 16px;	
}

.group-icon .lessonicon {
	background-color: #337ab7;
	display: table-cell;
    vertical-align: middle;
	color: #fff;	
	text-align: center;
	margin-right: 5px;
}

.group-icon .examicon {
	background-color: #d9534f;
	display: table-cell;
    vertical-align: middle;
	color: #fff;
	text-align: center;
}


/* div table */

.divTable{
	display: table;	
	float: right;
}
.divTableRow {
	display: table-row;
}

.divTableCell {
	border: 0px solid #999999;
	display: table-cell;
	padding: 1px 1px;
	padding-right: 10px;
	font-size: 12px;
}

.divTableBody {
	display: table-row-group;
}


/* Toggle Styles */

#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper {
    padding-right: 220px;
}
#wrapper.toggled {
    padding-right: 0;
}

#sidebar-wrapper {
    z-index: 1000;
    position: fixed;
    right: 220px;
    width: 0;
    height: 100%;
    margin-right: -220px;
    overflow-y: auto;
    background: #f8f8f8;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	box-shadow: 0px 0px 10px #aaaaaa;
}

#wrapper.toggled #sidebar-wrapper {
    width: 220px;
}

#page-content-wrapper {
    width: 100%;
    position: absolute;
    padding: 15px; 
}
@media (max-width: 444px){
	#page-content-wrapper {
		width: 100%;
		position: absolute;
		padding: 0; 
	}
}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: 220px;
}

/* Sidebar Styles */

.sidebar-row {
    margin: 5px;
}
.sidebar-row a {
    margin: 0px;
}

.sidebar-nav {
    position: absolute;
    top: 0;
    width: 220px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-nav li {
    text-indent: 20px;
    line-height: 40px;
}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #999999;
}

.sidebar-nav li a:hover {
    text-decoration: none;
    color: #000;
    background: rgba(255,255,255,0.2);
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
    height: 65px;
    font-size: 18px;
    line-height: 60px;
}

.sidebar-nav > .sidebar-brand a {
    color: #999999;
}

.sidebar-nav > .sidebar-brand a:hover {
    color: #000;
    background: none;
}

@media(min-width:965px) {
    #wrapper {
        padding-left: 0;
    }

    #wrapper.toggled {
        padding-left: 0;
    }

    #sidebar-wrapper {
        width: 220px;
    }

    #wrapper.toggled #sidebar-wrapper {
        width: 0;
    }

    #page-content-wrapper {
        padding: 20px;
        position: relative;
    }

    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
    }
}


















/*circle progress*/
.progress{
    width: 80px;
    height: 80px;
    line-height: 150px;
    background: none;
    margin: 0 auto;
    box-shadow: none;
    position: relative;
}
.progress:after{
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 12px solid #fff;
    position: absolute;
    top: 0;
    left: 0;
}
.progress > span{
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1;
}
.progress .progress-left{
    left: 0;
}
.progress .progress-bar{
    width: 100%;
    height: 100%;
    background: none;
    border-width: 12px;
    border-style: solid;
    position: absolute;
    top: 0;
}
.progress .progress-left .progress-bar{
    left: 100%;
    border-top-right-radius: 80px;
    border-bottom-right-radius: 80px;
    border-left: 0;
    -webkit-transform-origin: center left;
    transform-origin: center left;
}
.progress .progress-right{
    right: 0;
}
.progress .progress-right .progress-bar{
    left: -100%;
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px;
    border-right: 0;
    -webkit-transform-origin: center right;
    transform-origin: center right;
    animation: loading-1 1.8s linear forwards;
}
.progress .progress-value{
    width: 90%;
    height: 90%;
    border-radius: 50%;
    background: #44484b;
    font-size: 18px;
    color: #fff;
    line-height: 77px;
    text-align: center;
    position: absolute;
    top: 5%;
    left: 5%;
}
.progress.blue .progress-bar{
    border-color: #049dff;
}
.progress.blue .progress-left .progress-bar{
    animation: loading-2 1.5s linear forwards 1.8s;
}
.progress.yellow .progress-bar{
    border-color: #fdba04;
}
.progress.yellow .progress-left .progress-bar{
    animation: loading-3 1s linear forwards 1.8s;
}
.progress.pink .progress-bar{
    border-color: #ed687c;
}
.progress.pink .progress-left .progress-bar{
    animation: loading-4 0.4s linear forwards 1.8s;
}
.progress.green .progress-bar{
    border-color: #1abc9c;
}
.progress.green .progress-left .progress-bar{
    animation: loading-5 1.2s linear forwards 1.8s;
}
@keyframes loading-1{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}
@keyframes loading-2{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(144deg);
        transform: rotate(144deg);
    }
}
@keyframes loading-3{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}
@keyframes loading-4{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(36deg);
        transform: rotate(36deg);
    }
}
@keyframes loading-5{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(126deg);
        transform: rotate(126deg);
    }
}
@media only screen and (max-width: 990px){
    .progress{ margin-bottom: 20px; }
}
/*circle progress*/

.bg-dark-green {
    background-color: #5cb85c;
}

.bg-dark-yellow {
    background-color: #f0ad4e;
}

.bg-dark-red {
    background-color: #d9534f;
}

/* extes cuccokhoz */
.redGridRow td{ background: #F4EBEB !important; }
.redGridRow div{ color: #C61414 !important; }

/* lecke.php */
.lecke-sor-success {
	color: #5cb85c;
}

.lecke-sor-primary {
	color: #4065aa;
}

.lecke-tomb {
	margin-left: 20px;
}

.radio-container {
    display: inline-block;
    text-align: center;
    margin-right: 10px;
}