@import url("glyphicon.css");
@import url("ch.css");
*,html, body {font-family: 'Rubik', sans-serif; }
h3, .h3 {
    font-size: 1.5rem;
}
.dropdown-toggle::after {display: none;}
@media (min-width: 992px)
{
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
}
}

.social-icon{width:46px;height:46px;}
.bold-text {font-weight:500;}
.flex-wrapper {
  display: flex;
  flex-flow: row nowrap;
}
@media (max-width: 767px)
{
h2, .h2 {
    font-size: 1.5rem !important;
    font-weight: 500 !important;
}
}
.single-chart {
  width: 100%;
  justify-content: space-around ;
  margin: auto;
  max-height:160px;
}

.circular-chart {
  display: block;
  
  max-width: 100%;
  max-height: 140px;
}

.circle-bg {
  fill: none;
  stroke: #369cbc;
  stroke-width: 5.8;
}

.circle {
  fill: none;
  stroke-width: 3.8;
  stroke-linecap: square;
  animation: progress 1s ease-out forwards;
}

@keyframes progress {
  0% {
    stroke-dasharray: 0 100;
  }
}

.circular-chart.orange .circle {
  stroke: #f9c84b;
}


.percentage {
  fill: #369cbc;
  font-family: sans-serif;
  font-size: 0.65em;
  text-anchor: middle;
}
.carousel-item {
  background: url("../../img/header_bg.jpg"); 
} 
.webp .carousel-item {
  background: url("../../img/header_bg.webp"); 
}

.close-bt {position:absolute;right:25px;}

p{color:#369cbc;}
.iskola {line-height:1rem;}
.lent {position:absolute;bottom:0;height:75px;}
.c-s {color:#f9c84b;}
.bg-s{background:#f9c84b;}

.c-k, .c-k strong, .price strong {color:#369cbc;}
.bg-k {background:#369cbc;transition: background-color 200ms linear;}

.bg-nvsz {background:#f8f8f8;}

.c-vsz {color:#ededed;}
.bg-vsz {background:#ededed;}

.c-ssz {color:#838383;}
.bg-ssz {background:#838383;}

.c-vk {color:#d0edf4;}
.bg-vk {background:#d0edf4;}

.bg-trans {transition: background-color 200ms linear;background:rgba(54, 156, 188, 0.75);;}
.b-r {border-radius:6px;}

.r-line {border-top:2px solid #d3d3d3;}
.r-line-1 {border-top:3px solid #d3d3d3;}
.r-line-2 {border-top:4px solid #d3d3d3;}
.r-line-3 {border-top:5px solid #d3d3d3;}
p a {
    color: #f9c84b;
    text-decoration: none;
    background-color: transparent;
}
p a:hover,p  a:focus,p  a:active
    {
    color:#369cbc;
    }
@media (min-width:768px)
{
.site_text{min-height: calc(100vh - 270px);}
.site_text_kereso{min-height: calc(100vh - 510px);}
}
@media (max-width:768px)
    {
    .site_text{min-height: calc(100vh - 365px);}
    .site_text_kereso{min-height: calc(100vh - 510px);}
    }

footer p a {
    color: #369cbc;
    text-decoration: none;
    background-color: transparent;
}
footer p a:hover,footer p  a:focus,footer p  a:active
    {
    color:#838383;
    }    

ul, ol {color:#369cbc;}
p strong {color: #838383;}
.btn-g {padding:22px;text-align:left;font-size:1.2rem;text-transform: uppercase;border-radius:6px;font-weight:500;width:100%;}

.col-lg-2  .r-keres {padding-top: 8px; padding-bottom: 8px;}

.btn-keres {padding-top: 22px ; padding-bottom: 22px ; border:2px solid #369cbc; background:#fff; color:#369cbc;}
.btn-r-keres {padding-top: 10px ; padding-bottom: 10px ; border:2px solid #f9c84b; background:#f9c84b; color:#369cbc; background-image:url(../../gfx/nyil-k.svg);background-repeat:no-repeat; background-position: right center;background-size:45px 45px;}
.btn-ar-keres {padding-top: 10px ; padding-bottom: 10px ; border:2px solid #f9c84b; background:#f9c84b; color:#369cbc; background-image:url(../../gfx/nyil-k.svg);background-repeat:no-repeat; background-position: right center;background-size:45px 45px;}

.site_text .btn-r-keres, .site_text_kereso .btn-r-keres {padding-top: 22px ; padding-bottom: 22px ; border:2px solid #f9c84b; background:#f9c84b; color:#369cbc; background-image:url(../../gfx/nyil-k.svg);background-repeat:no-repeat; background-position: right center;background-size:45px 45px;}
.site_text .btn-ar-keres, .site_text_kereso .btn-ar-keres {padding-top: 10px ; padding-bottom: 10px ; border:2px solid #f9c84b; background:#f9c84b; color:#369cbc; background-image:url(../../gfx/nyil-k.svg);background-repeat:no-repeat; background-position: right center;background-size:45px 45px;} 
.hol_keres {position:relative;height:76px;}
@media (min-width:768px)
{

.r-keres .hol_keres, .rkeres .btn-keres {padding-top: 22px!important; padding-bottom: 22px!important; border:2px solid #369cbc; background:#fff; color:#369cbc;line-height:1.5; }
} 
@media(min-width:1025px)
{

 .btn-keres {
 border:2px solid #369cbc; background:#fff; color:#369cbc;
 }
 
 .btn-keres_o {
 }
 
}
.r-keres .hol_keres, .rkeres .btn-keres {padding-top: 22px!important; padding-bottom: 22px!important; border:2px solid #369cbc; background:#fff; color:#369cbc;}
small, .small {
    font-weight: 500;
    color:#838383;
}
#telepules {
    width: 100%;
    background: #fff;
}

.col-md-6 .rkeres {
    padding-top: 22px;      
    padding-bottom: 22px;
}
@media (max-width:1366px)
{
.bg-trans {
    transition: background-color 200ms linear;
    background: #369cbc;
}
}
@media (min-height:901px)
{ .carousel-item {
height: 75vh;
background: url("../../img/header_bg.jpg") no-repeat center center scroll;
}
}

.carousel-item { 
  min-height: 350px;
  background: url("../../img/header_bg.jpg") no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}

.carousel-caption {
    right: 2%;
    left: 2%;
}

header {position:relative;}
.header {position:absolute;top:60%; z-index:91;width:100%}
@media (max-width:992px)
    {
    .header {
    position: unset;
    bottom: 45px;
    z-index: 91;
    width: 100%;
    }
    .carousel-item {
    height: 40vh;
    min-height: 150px;
    background: url("../../img/header_bg.jpg") no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    }
}
@media  (min-width:768px) and (max-height:900px)  {
.carousel-item {
  height: 80vh;
  max-height:450px;
  background: url("../../img/header_bg.jpg") no-repeat center center scroll;
  }
.header {
    position: unset;
    bottom: 0px;
    z-index: 91;
    width: 100%;
}
}

.scrolling-wrapper-flexbox {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
}
.scrolling-wrapper-flexbox .btn-kategoria {
  flex: 0 0 auto;
}

.scrolling-wrapper-flexbox {
  -webkit-overflow-scrolling: touch;
    padding-bottom: 15px !important;
}
.scrolling-wrapper-flexbox::-webkit-scrollbar {
  display: none;
}

.h-top {top:90px;}

@media (max-width:514px)
    {
    .h0 {font-size: 2.5rem; line-height: 0.9;font-weight:bold; }
    .h01 {font-size:1.75em;}
    .h-top {top:75px;}
    .carousel-caption {left:0px;right:0px;padding:15px;}
    }

@media (min-width:992px)
{
.h0 {font-size:6rem; line-height: 0.9;font-weight:bold; }
.h01 {font-size:5em;}
}
@media (min-width:515px) and (max-width:991px)
{
.h01 {font-size:3.5em;}
.h0 {font-size: 5.5rem; line-height: 0.9;font-weight:bold; }
}
.navbar-brand  {max-width:75%;}

.navbar-toggler {border:0px;}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus,
button:focus {
    outline: 0;
    outline: 0px auto -webkit-focus-ring-color;
}

.navbar-light .navbar-nav .nav-link {text-transform: uppercase;}
.navbar-light .navbar-nav .nav-link {color:#fff;}

@media (max-width: 1199px) {
.bg-mobil{background:#fff;}
.navbar-light .navbar-nav .nav-link {color:#369cbc;font-weight:bold;}
}

.hol_keres::before {content:'Válassz oktatási helyszínt!';}
.x_es::after {content: ' ...';}

.szolg_ikon{padding:0;text-align:center;}
.szolg_ikon .img, .szolg_ikon .img{width:38px;margin:auto;}

.p-10 {padding:10px;} 
.p-02 {padding:2px;}   
.btn-kategoria {height:65px;width:110px;margin:1px;padding:0px;position:relative; text-align: center;    border: 1px solid transparent;}

@media (max-width:768px)
{
.btn-kategoria {
    height: 65px;
    width: 75px;
    margin: 2px;
    padding: 0px;
}
}
.btn-kategoria p {
    position: absolute;
    bottom: -34px;
    font-size: 0.75rem;
    left: 10px;
    }

.rp {padding-left:22px;padding-right:22px;}
.btn-a-border {border:2px solid #369cbc;border-radius: 6px;width:100%;}

.btn-i-border {border:2px solid #ededed;background:url(../../gfx/nyil-sz.svg) #ededed;color:#adadad;border-radius: 6px; width:100%;background-repeat:no-repeat; background-position: right center;background-size:45px 45px;}
.btn-m-border {border:2px solid #369cbc;background:url(../../gfx/nyil-s.svg) #369cbc;color:#fff;border-radius: 6px;  background-repeat:no-repeat; background-position: right 11px;background-size:45px 45px;}    
.r-keres .btn-m-border,.rkeres .btn-m-border{background-image:url(../../gfx/nyil-k-le.svg);background-repeat:no-repeat; background-position: right center;background-size:45px 45px;}
.r-keres .budapest_keres, .r-keres .varos_keres, .r-keres .megye_keres {background:#369cbc url(../../gfx/nyil-s.svg);background-repeat:no-repeat; background-position: right 11px;background-size:45px 45px;}
.r-keres .btn-active {background:url(../../gfx/nyil-k-le.svg);background-repeat:no-repeat; background-position: right 11px;background-size:45px 45px;}

.site_text .btn-i-border, .site_text_kereso .btn-i-border {border:2px solid #ededed;background:url(../../gfx/nyil-sz.svg) #ededed;color:#adadad;border-radius: 6px; width:100%;background-repeat:no-repeat; background-position: right center;background-size:45px 45px;}
.site_text .btn-m-border, .site_text_kereso .btn-m-border {border:2px solid #369cbc;background:url(../../gfx/nyil-s.svg) #369cbc;color:#fff;border-radius: 6px;  background-repeat:no-repeat; background-position: right center;background-size:45px 45px;}
.site_text .r-keres .btn-m-border, .site_text_kereso .r-keres .btn-m-border,.site_text_kereso .rkeres .btn-m-border{background-image:url(../../gfx/nyil-k-le.svg);background-repeat:no-repeat; background-position: right center;background-size:45px 45px;}
.site_text .r-keres .budapest_keres, .site_text_kereso .r-keres .budapest_keres, .site_text_kereso .r-keres .varos_keres, .site_text_kereso .r-keres .megye_keres {background:#369cbc url(../../gfx/nyil-s.svg);background-repeat:no-repeat; background-position: right center;background-size:45px 45px;}
.site_text .r-keres .btn-active, .site_text_kereso .r-keres .btn-active {background:url(../../gfx/nyil-k-le.svg);background-repeat:no-repeat; background-position: right center;background-size:45px 45px;}

.btn-kategoria .btn-i-border, .hol .btn-m-border {background-image:none;}

.btn-g:hover, .btn-g:focus{color:#fff;}
.btn-a-border:hover, .btn-a-border:focus{color:#fff;}
.btn-i-border:hover, .btn-i-border:focus{color:#adadad;}
.btn-m-border:hover, .btn-m-border:focus{color:#f9c84b;}

.n-keres {display:none;}

.r-keres {
  width: -webkit-fill-available;
  display:flex;
}

.kat .btn-i-border {height:61px;}
.uncap {text-transform: uppercase;}

.btn-active {background:#fff;border:2px solid #369cbc;color:#369cbc;}

.t-n {color:#838383;font-size:0.8rem;}
.h3 .t-n {
    color: #838383;
    font-size: 1.1rem;
}

//.btn {line-height:1;} 

.kereso {border:1px solid #d3d3d3;border-radius:6px;margin-top:15px;margin-bottom:15px;}

.isk-logo {
    max-height:300px;
    max-width: 400px;
    width: 100%;
    margin:auto;
    background-size:contain !important;
    background-position:center !important;
    background-repeat:no-repeat !important;
    border-radius: 6px;
    border:1px solid #d3d3d3;
}

#budapest_ker .btn-kategoria {Width:120px;}

.isk_ikon-sor {
    
    }
.okt_kep
    {
    height: 128px;
    width: 128px;
    border-radius: 6px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    }

.isk_ikon
    {
    border-radius: 50%;
    display: inline-block;
    border:1px solid #369cbc;
    margin:2px;
    max-height:50px;
    max-width:50px;
    width:100%;
    height:100%;
    padding:5px;
    }   
    
.car-line
    {
    border: 1px solid #d3d3d3;
    margin-top: 0 !important;
    }
    
.bg_majdnem {background:#f4f4f4;    margin-top: -0.5rem !important;    margin-bottom: -0.5rem !important;}
.bg_nem {background:#e6e6e6;    margin-top: -0.5rem !important;    margin-bottom: -0.5rem !important;}      

.nyit-gomb .btn-nyit , .btn-nyit {border:2px solid #369cbc; color:#369cbc;line-height:1.5;     background:#fff url(../../gfx/nyil-k-le.svg) !important;
    background-repeat: no-repeat !important;
    background-position: right 11px !important;
    background-size: 45px 45px !important;}
.site_text .nyit-gomb .btn-nyit , .site_text .btn-nyit {border:2px solid #369cbc; color:#369cbc;line-height:1.5;     background:#fff url(../../gfx/nyil-k-le.svg) !important;
    background-repeat: no-repeat !important;
    background-position: right center !important;
    background-size: 45px 45px !important;}
    
    
.t-n th, .t-n td {width: 135px !important; text-align:center;}      

.hol .disabled {color:#adadad;background:#ededed;    border: 1px solid #ededed;}

.tooltip-main {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  font-weight: 700;
  background: #369cbc;
  border: 1px solid #369cbc;
  color: #fff;
  margin: 4px 121px 0 5px;
  float: right;
  text-align: left !important;
}

.tooltip-qm {
  float: left;
  margin: -2px 0px 3px 4px;
  font-size: 12px;
}

.tooltip-inner {
  max-width: 236px !important;
  font-size: 12px;
  padding: 10px;
  font-weight:500;
  background: #f2994a;
  color: #ffffff;
  border: 1px solid #f2994a;
  text-align: left;
}

.tooltip.show {
  opacity: 1;
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
  border-bottom-color: #369cbc;
}

.tabcontent {display:none;}

.table thead th, .table th, .table td {
    vertical-align: center;
    border-bottom: none;
    border:none;
}
.table th, .table td {
    padding: 0.5rem;
    min-width:75px;
}

@media (max-width:767px)
    {
    h2, .h2 {
    font-size: 1rem;
}
    }
    
header .video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100vh;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

@media (max-width:1366px)
    {
header .video {
    position: absolute;
    top: 50%;
    left: 50%%;
    min-width: 100%;
    min-height: 100vh;
    width: auto;
    height: auto;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}    
    }

    .video .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 85vh;
    z-index: 2;
    opacity: 0;
}
.video-wrapper {position: relative; padding-bottom: 56.25%; /* 16:9 */  padding-top: 25px;}
//.video-wrapper iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.video-outer {
  height: 100vh;
  overflow: hidden;
  position: relative;
}

.video-wrapper iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  max-width: 100%;
}
.carousel-item {background:transparent !important;}
.carousel-inner {background:#02a3c8;}

@media(max-width:767px)
    {
    .hol  {height:40px !important;}
    } 
    
 .no-before::before{
    display:none;
  }
  
.custom-radios .btn-nyit {background:#fff;background-image: none !important;}


#meret_demo{position:fixed; bottom:0px; left:0px; width:100%; height:35px; background:#fff; opacity:0.5; padding:5px;}

#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;                                                                                        
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}  

.hol {
    height: 40px !important;
}

.py-13 {
    padding-top:13px !important;
    padding-bottom:13px !important;
    } 
    
#hol .no-before
    {
    padding-top:22px !important;
    padding-bottom:22px !important;
    } 
@media (min-width:768px)
{
.py-md-22 {
    padding-top:22px !important;
    padding-bottom:22px !important;
    }
.r-keres .tag-this
    {
    padding-bottom:18px !important;
    }   
}

.tag-this .tag span {
    word-wrap: break-word;
    font-size: 1.2rem;
    text-transform: none;
}
 
footer .navbar-light .navbar-nav .nav-link {color:#369cbc;
text-transform: none;
}


#yimg {background-size: cover !important; background-position:center 150px  !important; background-repeat: no-repeat  !important; opacity:1  !important;}
#keres_ra{height:50px;}
.rr_gomb {max-width:247.5px;width:100%;}

@media (max-width:1024px)
    {
    #yimg {background-position:center 265px  !important;}
    .h0 {
        font-size: 3.5rem  !important;
        }    
    #keres_ra{height:76px;padding-top: 22px;padding-bottom: 22px;}
    .rr_gomb {max-width:247.5px;width:100%;}
    }
    
@media (max-width:512px)
    {
    #yimg {background-position:center 265px  !important; background-size: 200% !important;}
    .h0 {
        font-size: 2rem  !important;
        }    
    #keres_ra{height:76px;padding-top: 22px;padding-bottom: 22px;}
    .rr_gomb {min-width:100%;width:100%;}
    }  

@media (max-width: 991.98px) and (min-width:767px)
{
.navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid {
    padding-right: 0;
    padding-left: 15px !important;
}
}
  
  


#nav-icon, #nav-iconny {
  width: 32px;
  height: 18px;
  //position: absolute;
  right:20px;
  top:20px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  z-index:9999
}

#nav-icon span, #nav-iconny span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: #059BBC;
  border-radius: 4px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon span:nth-child(1), #nav-iconny span:nth-child(1) {
  top: 0px;
  width:30px;
}

#nav-icon span:nth-child(2),#nav-icon span:nth-child(3),#nav-icon span:nth-child(4),#nav-icon span:nth-child(5),
#nav-iconny span:nth-child(2),#nav-iconny span:nth-child(3),#nav-iconny span:nth-child(4),#nav-iconny span:nth-child(5) {
  top: 9px;
  width:20px;
  left:10px;
}

#nav-icon span:nth-child(6), #nav-iconny span:nth-child(6) {
  top: 18px;
  width:10px;
  left:20px;
}


#nav-icon.open span:nth-child(2), #nav-iconny.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  width:15px;
  left:0;
  top:0;
}

#nav-icon.open span:nth-child(4), #nav-iconny.open span:nth-child(4) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  width:15px;
  left:15px;
  top:15px;
}

#nav-icon.open span:nth-child(3), #nav-iconny.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width:15px;
  left:15px;
  top:0;
}
#nav-icon.open span:nth-child(1),#nav-icon.open span:nth-child(6), #nav-iconny.open span:nth-child(1),#nav-iconny.open span:nth-child(6) {
opacity:0;
top: 9px;
  width:20px;
  left:10px;
}

#nav-icon.open span:nth-child(5), #nav-iconny.open span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width:15px;
  left:0;
  top:15px;
}

.ekko-lightbox .modal-header {    display: block !important;
    margin-bottom: -55px;
    z-index: 2;
    position: absolute;
    right: 0;
    border: none;}
.ekko-lightbox .modal-header .modal-title{display:none !important;}

.okt_t_text{font-size:12px; color:#838383; font-weight:bold;}

.okt_t_progress {background:#aaa; border:2px solid #aaa; height:23px; border-radius:6px;}

.okt_t_bar {background:#f9c84b;}

.okt_t_nem {font-size:14px; color:#369cbc}

.btn:focus, .btn.focus {
    outline: 0;
    box-shadow: none;
}


#iskrendez, #oktrendez {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right:25px;
    border: none;
    background: transparent url("../../gfx/nyil-f-le.svg") no-repeat right center;
  }


.automarka select {-moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;}
.automarka select:focus {
    border: 2px solid #369cbc !important;
    color: #369cbc !important;
    line-height: 1.5;
    background: #fff url(../../gfx/nyil-k-le.svg) !important;
    background-repeat: no-repeat !important;
    background-position: right center !important;
    background-size: 45px 45px !important;
} 

.automarka .btn:focus,.automarka  .btn.focus {
    outline: 0 !important;
    box-shadow: none !important;
}


.automarka .bootstrap-select .bs-ok-default::after {
    width: 0.3em;
    height: 0.6em;
    border-width: 0 0.1em 0.1em 0;
    transform: rotate(45deg) translateY(0.5rem);
}

.automarka .btn.dropdown-toggle:focus {
    outline: none !important;
}

.mutato1 , .mutato2 , .mutato3 , .mutato4 
{
  min-height: 60px;
  padding: 5px;
}

.mutato1, .mutato3 {border-right: 1px solid #BDBDBD;  }
.keret1, .keret2 {border-bottom: 1px solid #BDBDBD;padding-bottom:5px;}


.mutato1 span, .mutato2 span, .mutato3 span, .mutato4 span
  {
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: 13px;
    text-align: center;
  }
.mutato-ikon
  {
    min-width: 24px;
    min-height: 24px;
  }
.mutato-szam
  {
    font-size: 32px;
    line-height: 38px;
    display: flex;
    align-items: flex-end;
    text-align: right;
    padding-left: 5px !important;
  }

.mutato-szam2 .span
  {
    font-size: 16px;
    line-height: 19px;
    display: flex;
    align-items: flex-end;
    text-align: right;
    color: #FCB61C;
    padding-bottom: 5px;
  }
.mutattext
  {
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: 13px;
    text-align: center;
  }

  .mutattext2
  {
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 20px;
    text-align: center;
  }
  .mutato-ikon2
  {
    min-width: 36px;
    min-height: 36px;
  }

  .italictext
  {
    font-style: italic;
  }

  .justify
  {
    text-align: justify;
  }

.mutatbg
{
  background: #f8f8f8 !important;
  padding: 1rem;
}

.mutatbg-2
{
  background: #fff !important;
  padding: 1rem;
}

.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #369cbc;
}
.dropdown-item:focus, .dropdown-item:hover {
  color: #fff;
  text-decoration: none;
  background-color: #369cbc;
}

.bootstrap-select .dropdown-toggle:before {
    content: '';
    display: inline-block;
    width: 0;
    height: 1.6rem;
}