.combar {text-align: center; font-weight: bold; color:#fff; position: fixed; height: 40px; line-height: 40px; top: -40px; left:0; width: 100%; transition: top .5s; z-index: 100000;}
.combar::after {content: "X"; float: right; margin-right: 10px;}
.combar:hover {cursor: pointer;}
.nyit {top: 0;}
.aktiv:hover {cursor: pointer;}
.ok, .bg-zold {background-color: #2b9f38; }
.hiba, .bg-piros {background-color: #c31919;}

a {text-decoration:none; color: #d67804;}
a:hover { color: #d67804;}

html, body {font-family: 'Raleway', sans-serif;}
body {color:#333; background-color: #ECF0F1; line-height: normal;}
header {height: 46px; margin-bottom: 46px;}
.tart {height: calc(100% - 46px); margin-top: 46px;}
.bg {background-color: #F5951D; background-image: url('/kepelemek/bg-logo.jpg'); background-repeat: no-repeat; background-position: top center;}

.color-zold { color: #2b9f38; }
.color-piros {color: #c31919 !important;}
.bg-vsz {background-color: #eee;}
.bg-n {background-color: #F5951D !important;}
.bg-ll {background-color: #ffedd8;}
.bg-l, .bg-l-hover:hover {background-color: #F1BB75 !important;}
.bg-d2 {background-color: #d67804 !important;}
.bg-d3 {background-color: #854A01; color: #fff;}
button.bg-d3 {background-color: #854A01; color: #fff;}
button.bg-d3:hover, a.bg-d3:hover, button.bg-d3:active {background-color: #ac6610 !important; color: #fff !important;}
button.bg-piros:hover {background-color: #860404;}
.bg-grad {background-image: linear-gradient(#FFD098,#F5951D);}
.bg-dark {background-color: #242C36; color: #fff;}
.bg-hok {background-color: #2b9f38; color: #fff;}
.bg-hhiany {background-color: #c31919; color: #fff;}
li.bg-d3 a:hover {background-color: #ac6610;}
.lp1 {letter-spacing:2px;}
.bsz {border-color:#9caab2 !important;}
.form-control, .form-select {background-color: #fbfbfb; border-color: #d67804;}
.form-control:focus, .form-select:focus  { color: #222; background-color: #fff; border-color: #d67804; outline: 0; box-shadow: 0 0 0 .25rem rgba(214, 120, 4, 0.6);}
.form-check-input {border-color: #F5951D;}
.form-check-input:focus {background-color: #fff; border-color: #d67804; outline: 0; box-shadow: none;}
.hibasinputmezo.form-control:focus, .hibasinputmezo.form-select {box-shadow: 0 0 0 .25rem rgba(168, 0, 0, 0.4);}
.hibastablacella {background-color:  rgba(168, 0, 0, 0.4) !important;}
.form-control.hibasinputmezo, .form-select.hibasinputmezo, input[type="checkbox"].form-control.hibasinputmezo+.checkmark, input[type="radio"].form-control.hibasinputmezo+.radiocheckmark {border-color: #a80000 !important; border-width: 2px !important; background-color: rgba(249, 29, 29, 0.2);}
.shadow {box-shadow: 0 .5rem 1rem rgba(0, 0, 0, 0.64) !important;}
#szerkform .row:last-child .border-bottom {border:0 !important;}
.text-justify {text-align: justify;}
header .proj {font-family: 'Philosopher', sans-serif;}
.logo {height: 40px;}
.hedtexteff {color: #aaa; transform: translateY(-40%) rotateX(180deg); line-height: 34px;}
.fo {background-image: linear-gradient(rgba(255,255,255,1),rgba(255,255,255,0.9), rgba(255,255,255,0));height: 24px;}
.form-check-input:checked {background-color: #F5951D; border-color: #F5951D;}


.loader {position: fixed; top:0px; left:0px; width: 100%; height:100%; background-color: rgba(255,255,255,0.6); z-index:100000; }
.loader div {perspective: 325px; height: 225px; width: 225px; position: relative; top: calc(50% - 112px); left: calc(50% - 150px);}
.loader img {width: 225px; height: 225px; transform: rotateY(0deg); animation: loader 4s linear infinite;}
@keyframes loader {
    from {transform: rotateY(0deg);}
	to {transform: rotateY(360deg);}
}

.dnd {height: 100px; background: #fff url('../kepelemek/drag-and-drop-icon.png') no-repeat center;}
.z-100 {z-index: 100;}
.z-2000 {z-index: 2000;}
/*.offcanvas-backdrop {z-index: 1999;}*/

.szerktextarea, .nocketextarea { min-height: 200px !important; }
#szerkform .container-fluid .row:last-child textarea {margin-bottom: 1rem;}
.meglevok_tabla tbody tr td:first-child:hover {cursor: pointer;}

.backiconcolor {color:rgba(0,0,0,0.3); font-size:144px; line-height: 110px;}
.felv {font-size: 115px; padding: 9px 0 20px;}
.fomodulok a {transition: all .2s;}
.fomodulok a:hover {transform: scale(1.05); box-shadow: 0 .5rem 2rem rgba(0, 0, 0, 0.44) !important;}

.chkcon {display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer;
  -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.chkcon input {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.checkmark {position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #a80000; border-radius: 3px;border:1px solid #ababab; }
.chkcon input:checked ~ .checkmark {background-color: #00a847;}
.checkmark:after { content: ""; position: absolute; display: none;}
.chkcon input:checked ~ .checkmark:after { display: block; }
.chkcon .checkmark:after { left: 9px; top: 5px; width: 6px; height: 12px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
option:checked {background-color: #F1BB75;}

.digisztervj {top:50%;}
.digisztervj > div {font-family: 'Philosopher', sans-serif; color: rgba(0,0,0,0.4); font-size: 20vw;}
.digisztervj > div > span {animation: dvjspananim 1s ease-in-out; animation-fill-mode: forwards;opacity: 0; transform: scale(2) translateY(100%);}
@keyframes dvjspananim {
    from {opacity: 0; transform: scale(2) translateY(100%);}
	to {opacity: 1; transform: scale(1) translateY(0%);}
}
.digisztervj > div > span:nth-child(1) {animation-delay: 0s;}
.digisztervj > div > span:nth-child(2) {animation-delay: 0.1s;}
.digisztervj > div > span:nth-child(3) {animation-delay: 0.2s;}
.digisztervj > div > span:nth-child(4) {animation-delay: 0.3s;}
.digisztervj > div > span:nth-child(5) {animation-delay: 0.4s;}
.digisztervj > div > span:nth-child(6) {animation-delay: 0.5s;}
.digisztervj > div > span:nth-child(7) {animation-delay: 0.6s;}
.digisztervj > div > span:nth-child(8) {animation-delay: 0.7s;}
.digisztervj > div > span:nth-child(9) {animation-delay: 0.8s;}

.dataTables_length {display: none;}

.btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {border-color: transparent;}

.invert {filter:invert(100%);}

.fs-sm {font-size: .9rem;}
.hetattekinto > div {transition: all .2s; box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);}
.hetattekinto > div:hover {transform: scale(1.05); box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.45);}
.hetattekinto > div.kivnapi {transform: scale(1.1); box-shadow: 0px 0px 11px 4px rgb(255, 255, 255);}
.mainap::before {content: ""; width: 80%; margin: 0 auto; border-top: 3px solid #F5951D; display: block; transform: translateY(+1.4rem); z-index: 0; position: relative;}
.lgi-hover:hover, .lgi-kivalaszt {background-color: #ffedd8 !important;}
.hianyzokivalasztva, .orakivalasztva {background-color: #F5951D !important;}
.flex-1 {flex:1;}
.w40px {width: 40px;}
.t1r {top: 1rem !important;}
option:disabled {color:#ddd;}
.osztalyorarend  {font-size: 14px;}
.fajltorlesre {text-decoration: line-through;}