/* Gremese.CSS v.6.00.00 */
/* Basics&Bootstrap */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic);
@import url(bootstrap.min.css);

/*basics*/
body {min-width: 360px !important;min-height:100%;font-family: "Open Sans", sans-serif;font-size: 13px;color: #4C4C4C; margin-top:66px;}/*35%gray*/

a {color: #d9534f;text-decoration: none;}
a:hover,a:focus{color:#d9534f;text-decoration:none;}
.btn-link {color: #505050;text-decoration: none;}
.btn-link:hover{color:#d9534f;text-decoration:none;}
.btn-danger.focus, .btn-danger:focus {color: #fff;box-shadow: 0 0 0 0.2rem rgba(225,83,97,.4);}

.form-control:focus {border-color: #d9534f;box-shadow: 0 0 0 0.2rem rgba(217,83,79,.25);}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {"Open Sans", sans-serif;font-weight: 600 !important;line-height: 1.1em;margin: 0 0 .8em;}
h1, .h1 {font-size: 2.3em;}
h2, .h2 {font-size: 1.8em;}
h3, .h3 {font-size: 1.4em;}
h4, .h4 {font-size: 1.2em;}
h5, .h5 {font-size: 1em;}
h6, .h6 {font-size: 1em;}
h1 small, h2 small, h3 small, h1 .small, h2 .small, h3 .small {font-weight: 400 !important;}

/*szinek*/
.sienna {color: #BF4E19!important;}
.green {color: #88AF0C!important;}
.concrete {color: #95A5A6 !important;}
.asbestos {color: #7F8C8d !important;}
.crete {color: #7D8A2E !important;}
.pewter {color: #91AA9D !important;}
.white {color: #FFF !important;}
.dark, .dark p {color: #505050 !important;}
.red {color: #dc3545 !important;}

.bg-crete {background-color: #7D8A2E !important;}
.bg-wheat {background-color: #f4ecd6 !important;}
.bg-offwhite {background-color: #F5F5F5 !important;}
.bg-clouds {background-color: #ECF0F1 !important;}
.bg-message {background-color: #acc86e;}

.fagreen {font-size:150%;color:#28a745;}
.fared {font-size:150%;color:#dc3545;}
.faorange {font-size:150%;color:#ffc107;}
.fablue {font-size:150%;color:#17a2b8;}
.fablank {font-size:150%;}
.fablank2 {font-size:130%;}

.entrydate {color: #8D8D8D;text-align: center;width: 115px;}
.entryday {border-right: 1px solid #cacaca;font-size: 30px;font-weight: bold;line-height:1em;display: inline;float:left;width:50%;}
.entrymonth {display: inline;float: left;font-size: 14px;line-height: 1em;text-transform: uppercase;width:50%;padding-top: 3px;}
.entryyear {display: inline;float: left;font-size: 10px;font-weight: bold;letter-spacing: 2px;line-height: 1em;width:50%;}
.entryhour {display: inline;clear: both;float: left;border-top: 1px solid #cacaca;font-size: 14px;font-weight: bold;padding-top:3px;line-height: 1em;text-align:center;width: 50%;}
.entryadmin {display: inline;float: right;border-top: 1px solid #cacaca;font-size: 14px;font-weight: bold;padding-top:3px;line-height: 1em;text-align:center;width: 50%;}

.form-inline .form-group {width:100%;margin-bottom:3px;}
.form-inline .control-label {width:25%;text-align:left !important;-ms-flex-pack: flex-start;justify-content: flex-start;}
.form-inline .form-control {width:66%;}

/*header'n navbar*/
#navbar {font-size:14px;}

#navbar-brand {width:0px;transition: width .4s ease;-webkit-transition: width .4s ease;}
#navbar-brand img {width:1px;height:40px;opacity: 0;transition: opacity .2s ease;-webkit-transition: opacity .2s ease;}
.dropdown-menu {font-size:14px;}
.dropdown-item.active, .dropdown-item:active {color: #fff;text-decoration: none;background-color: #6c757d;}

.page-link {color: #6c757d;background-color: #fff;}
.page-link:hover {color: #6c757d;}
.page-link:focus {box-shadow: 0 0 0 0.2rem rgba(0,0,0,.2);}
.page-item.active .page-link {background-color: #6c757d;border-color: #6c757d;}

.modal-header {border-top-left-radius: .2rem;border-top-right-radius: .2rem;}

.profilelinks span {padding: 8px;margin: 0.5rem 0.25rem;}
.profilelinks .img-thumbnail {height:48px;min-width:48px;text-align:center;display:inline-block;}
.profilelinks .img-thumbnail:hover, .profilelinks .img-thumbnail:focus {box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important;}

.btn-warning.focus, .btn-warning:focus {color: #212529!important;}

/*.card {height: 100%;}*/
/*.card p {font-size:95%;color: #999;}*/
.card-body {padding: .8rem;}
.card-title {position: relative;}

.card-header a {color:#fff;}
.card-header a:hover {color:#fff;}
.card-header a.btn {margin-top:-0.3rem;margin-bottom:-0.5rem;}
.card-header-tabs {margin-top: -0.22rem;}

.badge {border-radius: .15rem;}
.badge-lg {font-size:110%;}
.small, small {font-size: 90%;}
label {font-weight: 700;}
.badge-pill {padding-right: .6em;padding-left: .6em;border-radius: 10rem !important;}
.table-responsive {overflow-y:hidden;}
.table {border-bottom: 1px solid #dee2e6;color: #4C4C4C;}
.table td, .table th {padding: .45rem;vertical-align: middle;}
#itemztable2 td {vertical-align: top !important;}                      
.table-hover tbody tr:hover { /*color: #212529;*/background-color: rgba(255,193,7,.3);}
.table-hover tbody tr:hover .text-warning {color:#E98707 !important;}
.sorrender {width:120px;}
.eszkozok {min-width:120px;}

.flowxscroll {overflow-x:scroll;}
.chartcontent {min-width:1200px;height:600px;}
.chartcontent2 {min-width:1200px;height:400px;}

.thumbnail {display: block;padding: 4px;margin-bottom: 20px;line-height: 1.42857143;background-color: #fff;border: 1px solid #ddd;border-radius: 4px;-webkit-transition: border .2s ease-in-out;-o-transition: border .2s ease-in-out;transition: border .2s ease-in-out;}
.thumbnail .caption {padding: 9px;color: #333;}
.thumbnail a>img, .thumbnail>img {display: block;max-width: 100%;height: auto;margin-right: auto;margin-left: auto;}

/* main items */
img.medialogo {max-height: 56px;max-width: 140px;margin: .2rem .5rem !important;}

.separator { height: 1px;background-color: #e1e1e1;width: 50%;margin-left: 25%;margin-top: 25px;margin-bottom: 25px;}
.separator-style {background-color: #FCFCFC;-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;
    border-style: solid;border-color: #e1e1e1;border-width: 2px;display: block;
    height: 9px;left: 50%;margin-left: -5px;margin-top: -4px;position: absolute;width: 9px;}
.seperator-dark {height: 0px;max-width: 1170px;margin: auto;border-top: 1px solid rgba(0,0,0,0.1);border-bottom: 1px solid rgba(255,255,255,1);}

blockquote {border-left: 5px solid #333;margin: 0;font-size: 15px !important;padding: 10px 20px;}

.error-404 {font-size: 6em;margin: 50px;}
.mhbox {box-shadow: inset 0 8px 8px -8px rgba(0, 0, 0, 0.2);-moz-box-shadow: inset 0 8px 8px -8px rgba(0, 0, 0, 0.2);-webkit-box-shadow: inset 0 8px 8px -8px rgba(0, 0, 0, 0.2);}
.mhbox .brded {border-left: 1px solid rgba(127,140,141,0.6);}

.mythumbnail {border-left: 1px solid #e1e1e1;border-right: 1px solid #e1e1e1;}

.has-error .form-control {border-color: #a94442;}
.has-error .form-control:focus {box-shadow: 0 0 0 0.2rem rgba(169,68,66,.25);}
.has-success .form-control {border-color: #98CA00;}
.has-success .form-control:focus {box-shadow: 0 0 0 0.2rem rgba(152,202,0,.25);}


/* nav tabs */
.nav-tabs .nav-link {color: #495057;}
.nav-tabs .nav-link:hover {background-color: #f8f9fa; color: #495057;}


/* kluser stats */

#meg-nem-aktivalt-link {text-decoration: underline; cursor: pointer;}
#meg-nem-aktivalt {display: none;}

#meg-nem-aktivalt-hirlevel-link {text-decoration: underline; cursor: pointer;}
#meg-nem-aktivalt-hirlevel {display: none;}


/*footer'n copyright*/
body.bg-dark footer p {color: rgba(250,250,250,0.6);font-size: 94%;padding: .8rem 0;}
body.bg-dark footer a:link, body.bg-dark footer a:visited {text-decoration: none;color: #fff;}
body.bg-dark footer a:hover {color:#fff;border-bottom: 1px dotted #fff;}
body.bg-light footer p {color: rgba(0,0,0,0.6);font-size: 94%;padding: .8rem 0;}
body.bg-light footer a:link, body.bg-light footer a:visited {text-decoration: none;color: #000;}
body.bg-light footer a:hover {color:#fff;border-bottom: 1px dotted #000;}


/* ÉSAKKOR RESPONSIVE */
@media (min-width: 1100px) {
  .navbar-nav .nav-link {padding-right: 1rem !important;padding-left: 1rem !important;}
}
@media (max-width: 1200px) {
  #carouselHome.carousel, #carouselHome .carousel-inner, #carouselHome .carousel-item {height:435px;}
  .carousel-caption {left:5%;}
  
  .groupimgdiv {text-align: center;}
  .gal-row {height:20rem;}
}
@media (max-width: 992px) {
  
  .navbar-collapse {border-top: 1px solid #272c30;box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
  .navbar-nav {margin-top: 7.5px;margin-bottom: 7.5px;}
  .dropdown-menu {background:#3d4348;border:0;border-radius:0;color:#f8f9fa;}
  .dropdown-menu a:link, .dropdown-menu a:visited {color: #D7D7D7;}
  .dropdown-header {font-size:1.08rem;padding-left:1rem;}
  .dropdown-item:focus, .dropdown-item:hover {color: #D7D7D7;text-decoration: none;background-color: #505559;}
  
  #carouselHome.carousel, #carouselHome .carousel-inner, #carouselHome .carousel-item {height:370px;}
  #carouselHome h5 {font-size:1.4rem;line-height:1.4rem;padding:7px 12px 9px;}
  #carouselHome p, #carouselHome .btn {line-height:1rem;font-size:1rem;padding:7px 12px 9px;}
  
  .gal-row {height:16rem;}
}
@media (min-width: 768px) {
  .modal-dialog {max-width: 600px;}
  
  .sharedGultra span.whoo {display:block;margin:-110px 12% 0;padding:125px 26px 20px;}
  
  .sharedG div:first-child {padding-right: 0;padding-left: 30px;}
  .sharedG div:nth-child(2) {padding-right: 30px;padding-left: 0px;}
  .sharedG div:first-child img {margin-right: -20px;margin-left: 0px;}
  .sharedG div:nth-child(2) img {margin-right: 0px;margin-left: -20px;z-index:40 !important;}
  
  .sharedGultra div:first-child {padding-right: 0;padding-left: 30px;}
  .sharedGultra div:nth-child(2) {padding-right: 0;padding-left: 0px;}
  .sharedGultra div:nth-child(3) {padding-right: 30px;padding-left: 0px;}
  .sharedGultra div:first-child img {margin-right: -30px;margin-left: 0px;}
  .sharedGultra div:nth-child(2) img {margin-right: 0px;margin-left: 0px;z-index:100 !important;}
  .sharedGultra div:nth-child(3) img {margin-right: 0px;margin-left: -30px;}
  
  td.mobile-view {display:none;}
  td.desktop-view {display:table-cell;}
  thead.desktop-view {display:table-header-group;}
}
@media (max-width: 768px) {
  header {display: none;}
  navbar {justify-content: none;}

  #carouselHome.carousel, #carouselHome .carousel-inner, #carouselHome .carousel-item {height:305px;}
  
  .gal-row {height:14rem;}
  
  .c-brc {display:none;}
  .card-footer .btn:first-child {margin-left:-0.5rem;}
  .card-footer .btn:last-child {margin-right:-0.5rem;}

  .sharedGultra span.whoo {display:block;margin:-140px 12% 0;padding:165px 26px 20px;}
  .sharedG div:first-child img {margin-bottom: -20px;}
  .sharedG div:nth-child(2) img {margin-top: -20px;z-index:60 !important;}
  
  .sharedGultra div:first-child img {margin-bottom: -20px;}
  .sharedGultra div:nth-child(2) img {margin-top: -20px;margin-bottom: -20px;z-index:60 !important;}
  .sharedGultra div:nth-child(3) img {margin-top: -20px;margin-bottom: -0;z-index:65 !important;}
  
}
@media (max-width: 767px) {
  td.mobile-view {display:table-cell;}
  .desktop-view {display:none;}
}
@media (min-width: 575px) {
  /*.orderform label {width: 40%;font-weight: lighter;text-align:left !important;justify-content: start !important;}
  .orderform .input-group {margin-bottom:.5em;}*/
}
@media (max-width: 575px) {
  #carouselHome.carousel, #carouselHome .carousel-inner, #carouselHome .carousel-item {}
  #carouselHome .carousel-inner, #carouselHome.carousel {height:auto;}
  #carouselHome .carousel-item {margin-top:4rem;}
  #carouselHome .carousel-caption {left:0;right:0;top:0;padding-top:0;margin-top:-4rem;}
  #carouselHome h5, #carouselHome p {width:100%;text-align:left;}
  #carouselHome .btn {display:none;}
  
  .gal-row {height:12rem;}
  /*.gal-row {height:auto;} .gal-item .box {padding-top:60%;} } -- alternatív, teljes szélességhez -- */
  
  .priceplate .input-group:first-child {margin-bottom: 6px;padding-right:0;}
  .pricetag {padding-right: 0;}
  .mhbox .container {width: auto !important;}
  
  .mhbox .brded {border-left:none;padding-top:30px;}
  
  .row.raki div.col-6 {text-align:center;}
  .row.raki div.col-6 div {text-align:center;display:block;float:none !important;margin: 5px auto;}

  .groupimgdivwide {height:280px;}
}


@media (min-width: 480px) {
	#cookie #wrapper{max-width:900px;margin-left:auto;margin-right:auto;}
	#cookie h2{margin-top:0;margin-right:2%;float:left;text-align:right;}
	#cookie p {margin:0 1%;float:left;}
	#cookie #close{float:right;}
}

@media (max-width: 500px) {
	#cookie p, #cookie #close {float:none;display:block;width:auto}
}