body {
    background-image: url('../images/background.png');
    background-position: top center;
    font-family: 'Open Sans', sans-serif;
    color: #4b4a4a;
    background-color: #ebebeb;
    font-size: 14px;
    background-repeat: repeat-x;
}

a,
a:active,
a:visited,
a:focus,
a:hover {
    color: #9bd234;
    text-decoration: none;
    font-weight: 600;
}

h1, h2, h3 {
    margin: 0;
    padding: 0;
    font-weight: 300;
    margin-bottom: 35px;
}

h1.no-padding,
h2.no-padding,
h3.no-padding {
    margin-bottom: 0px;
}

h1 {
    font-size: 30px;
}

h2 {
    font-size: 28px;
}

h3 {
    font-size: 26px;
    line-height: 32px;
    padding-bottom: 0;
    margin-bottom: 17px;
}

b, strong {
    font-weight: 600;
}

.no-top-margin {
    margin-top: 0;
}
.no-bottom-margin {
    margin-bottom: 0;
}

#page {
    position: relative;
    min-width: 490px;
}

#page.page-public {
    min-width: 320px;
}

.right {
    float: right;
}

.left {
    float: left;
}

img.right {
    float: right;
    margin-left: 20px;
    margin-bottom: 10px;
}

img.left {
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
}

/*header*/

header {
    height: 106px;
    box-shadow: 0px 0px 10px #dddddd;
}

header.margin-bottom {
    margin-bottom: 30px;
}

.header-logo a {
    position: absolute;
    top: 0;
    background-color: #a2d636;
    width: 184px;
    height: 120px;
    z-index: 1;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    padding-top: 16px;
    display: block;
}

.header-logo a .footer {
    width: 185px;
    height: 12px;
    background-color: #8cc63f;
    -ms-transform: rotate(4deg);
    -webkit-transform: rotate(4deg);
    transform: rotate(-4deg);
    top: 114px;
    position: absolute;
    left: 0px;
}

.header-content {
    position: absolute;
    top: 0;
    width: 100%;
}

.header-top {
    background-color: #323232;
    border-bottom: 3px solid #1d1d1d;
    height: 43px;
    overflow: hidden;
}

.header-bottom {
    background-color: #ffffff;
    overflow: hidden;
    height: 63px;
}

.header-content .content {
    margin-left: 184px;
}

.header-content .user-info {
    color: #9c9c9c;
    font-size: 13px;
    width: calc(100% - 375px);
    line-height: 14px;
    display: flex;
    align-items: center;
    float: left;
    height: 40px;
    padding-left: 25px;
}

#user-menu-open {
    display: none;
    width: 40px;
    height: 40px;
    background-position: 9px 10px;
    background-image: url(../images/icons/properties.png);
    background-repeat: no-repeat;
}

.header-top ul {
    float: right;
    margin: 0;
    padding: 0;
    width: 375px;
    text-align: right;
}

.header-top ul li {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.header-top ul li a {
    color: #ffffff;
    padding: 11px 14px;
    line-height: 40px;
    border-left: 1px solid #464646;
    margin: 0;
    font-size: 13px;
    text-decoration: none;
}

#user-menu-close {
    display: none;
    width: 100%;
    clear: both;
    background-color: #4b4b4b;
    height: 41px;
    background-image: url('../images/icons/user-menu-close.png');
    background-repeat: no-repeat;
    background-position: center center;
}

@media all and (max-width: 1039px) {

    #user-menu-open {
        display: block;
    }

    #user-menu {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        background-color: #323232;
        width: 100%;
        z-index: 50;
    }

    #user-menu.open {
        display: block;
    }

    .header-content .user-info {
        display: block;
        margin: 0;
        float: none;
        padding: 0;
        width: 100%;
        height: auto;
    }

    .header-content .user-info::content {
        content: ' ';
        display: block;
        clear: both;
    }

    .header-content .user-info span {
        display: block;
        margin: 0 20px;
        padding: 20px 0;
        font-size: 18px;
        color: #ffffff;
        border-bottom: 1px solid #5b5b5b;
        line-height: 24px;
        padding-right: 70px;
    }

    .header-content .user-info span a {
        display: block;
        position: absolute;
        top: 20px;
        right: 20px;
        font-weight: 400;
    }

    .header-top ul {
        float: none;
        margin: 0 20px;
        width: auto;
    }

    .header-top ul li {

    }

    .header-top ul li a {
        border-left: 0;
        color: #8cc63f;
        font-size: 18px;
        line-height: 46px;
        padding: 0;
        margin-right: 30px;
        font-weight: 500;
    }

    #user-menu-close {
        display: block;
    }
}

/**/

.header-bottom ul {
    margin: 0;
    padding: 0;
    display: block;
    font-size: 14px;
}

.header-bottom ul li {
    display: block;
    list-style: none;
    border-right: 1px solid #e7e7e7;
    float: left;
    height: 63px;
}

.header-bottom ul li:nth-child(4n + 1) {
    background-color: #8cc63f;
}

.header-bottom ul li:nth-child(4n + 1):hover a,
.header-bottom ul li:nth-child(4n + 1).current a {
    background-color: #8cc63f;
}

.header-bottom ul li:nth-child(4n + 2) {
    background-color: #fdb913;
}

.header-bottom ul li:nth-child(4n + 2):hover a,
.header-bottom ul li:nth-child(4n + 2).current a {
    background-color: #fdb913;
}

.header-bottom ul li:nth-child(4n + 3) {
    background-color: #c1d82f;
}

.header-bottom ul li:nth-child(4n + 3):hover a,
.header-bottom ul li:nth-child(4n + 3).current a {
    background-color: #c1d82f;
}

.header-bottom ul li:nth-child(4n + 4) {
    background-color: #ffe513;
}

.header-bottom ul li:nth-child(4n + 4):hover a,
.header-bottom ul li:nth-child(4n + 4).current a {
    background-color: #ffe513;
}

.header-bottom ul li a {
    background-color: #ffffff;
    padding: 0px 11px;
    margin-bottom: 5px;
    display: table-cell;
    color: #7f7f7f;
    text-decoration: none;
    font-weight: 100;
    height: 58px;
    text-align: center;
    vertical-align: middle;
}

.header-bottom ul li:hover a,
.header-bottom ul li.current a {
    color: #ffffff;
}

/*form*/

.form-horizontal .control-label {
    text-align: left;
}

/*login-form*/

.login-logo {
    margin: 65px 0 53px 0;
}

.login-form:after {
    content: ' ';
    clear: both;
    display: block;
}

.login-form-control {
    display: inline-block;
}

.login-form label {
    padding: 0 10px;
}

.login-form input {
    background-color: #d7d7d7;
    border: 0;
    padding: 7px;
    width: 26%;
}

.login-form button {
    background-color: #a1d636;
    border: 0;
    padding: 5px 12px;
    color: #ffffff;
    text-transform: uppercase;
    margin-left: 10px;
}

.login-form-left {
    width: calc(100% - 110px);
    float: left;
}

.login-form-left label {
    width: 90px;
    padding-left: 0;
}

.login-form-right {
    width: 110px;
    float: left;
    text-align: right;
    padding-top: 25px;
}

header .login-form {
    padding: 14px 5px;
}

#content .login-form {
    padding-top: 30px;
    border-bottom: 1px solid #d7d7d7;
    margin-bottom: 10px;
}

#content .login-form input {
    width: calc(100% - 95px);
    margin-bottom: 10px;
}

.login-form.has-error label {
    color: #ff0000;
}

.login-form.has-error input[type="email"],
.login-form.has-error input[type="password"] {
    border: 1px solid #ff0000;
}

.login-box {
    width: 520px;
    margin: 0 auto;
}

/*openable*/

.box-openable .opener-container {
    background-color: #9bd234;
    position: relative;
}

ul.permissions {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
}

ul.permissions li {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
}

.box-openable .box-openable .opener-container {
    background-color: #eafec5;
}

.opener-container::content {
    content: ' ';
    display: block;
    clear: both;
}

.opener-container h3,
.opener-container h4,
ul.permissions li label {
    display: block;
    padding: 10px;
    margin: 0;
    line-height: 17px;
    font-size: 14px;
    border-bottom: 1px solid #e1e1e1;
}

.opener-container .opener {
    background-image: url('../images/icons/vertical-menu-icon.png');
    background-repeat: no-repeat;
    background-position: calc(100% - 35px) 14px;
    padding-right: 50px;
}

.opener-container .opener.open {
    background-image: url('../images/icons/vertical-menu-open-icon.png');
}

ul.permissions label {
    padding: 0;
    margin: 0;
}

.opener-container input,
ul.permissions li input {
    position: absolute;
    top: 12px;
    right: 10px;
    margin: 0;
    padding: 0;
}

/*
.openable-box .item {

}

.openable-box .item .title {
    padding: 0;
    box-shadow: none;
    background-color: #e3e3e3;
    border-bottom: 1px solid #e1e1e1;
}

.openable-box .item.openable > .title {
    background-image: url('../images/icons/vertical-menu-icon.png');
    background-repeat: no-repeat;
    background-position: calc(100% - 50px) 25px;
}

.openable-box .item.openable .title {
    background-color: #9bd234;
}

.openable-box .item.openable .item .title {
    background-color: #eafec5;
}

.openable-box .item.openable .item .item .title {
    background-color: #ffffff;
}

.openable-box .item.openable.open > .title {
    background-image: url('../images/icons/vertical-menu-open-icon.png');
}

.openable-box .item .title h4 {
    padding: 20px;
    margin: 0;
    float: left;
}

.openable-box .title input {
    float: right;
    margin: 23px 20px;
}

.openable-box .item .content {
    display: none;
}

.openable-box .item.open > .content {
    display: block;
}

*/

/*menu-container*/

.main-menu-container {
    display: block;
}

#search-open {
    color: #ffffff;
    background-color: #a0d535;
    border: 0;
    display: block;
    font-size: 20px;
    padding: 8px 8px 3px 8px;
    margin: 12px 2px 0 0;
    float: right;
}

#main-menu-open {
    float: right;
    border: 0;
    color: #323232;
    font-size: 24px;
    height: 63px;
    width: 138px;
    background-image: url(../images/icons/menu-open.png);
    background-repeat: no-repeat;
    background-position: 93px;
    outline: 0 none;
    text-transform: uppercase;
    line-height: 62px;
    padding-left: 13px;
}

#main-menu-open.open {
    background-image: url('../images/icons/menu-close.png');
    background-color: #323232;
    color: #ffffff;
}

/*search-container*/

#search-close,
.search-container input,
.search-container button {
    color: #ffffff;
    background-color: #a0d535;
    border: 0;
    display: block;
    float: left;
}

.search-container button {
    font-size: 20px;
    margin: 10px 0;
}

.search-container {
    display: none;
}

.search-container input {
    font-size: 18px;
    line-height: 26px;
}

.search-container input {
    width: calc(100% - 60px);
    margin: 0px 0 0px 10px;
    padding: 11px 10px 11px 10px;
}

.search-container input {
    width: calc(100% - 85px);
    margin: 12px 0 10px 0px;
    padding: 7px 10px 6px 10px;
    float: left;
}

#search-close,
.search-container button {
    margin: 12px 0;
    float: left;
    font-size: 19px;
    padding: 8px 9px 4px 10px;
}

#search-close {
    padding: 9px 8px 3px 8px;
    margin: 12px 0 10px 10px;
}

/*caousel*/

.carousel {
    margin-bottom: 30px;
}

.carousel.welcome {
    margin-bottom: 0;
}

.carousel-caption {
    left: 0;
    right: 0;
}

.carousel-control {
    background-color: #8cc63f;
    width: 41px;
    height: 61px;
    top: 70px;
    opacity: 1;
    line-height: 56px;
}

.carousel-control.left,
.carousel-control.right {
    background-image: none;
}

.carousel-inner .image {
    height: 218px;
    background-repeat: no-repeat;
    background-size: cover;
}

.carousel.welcome .carousel-inner .image {
    height: 465px;
    background-position: center;
    background-size: cover;
}

.carousel-indicators {
    text-align: left;
    margin: 0 0 0 15px;
    left: 0;
    top: 180px;
}

.carousel.welcome .carousel-indicators {
    top: 430px;
}

.carousel-indicators li {
    width: 12px;
    height: 12px;
}

.carousel-indicators .active {
    border: 0;
    background-color: #8cc63f;
    width: 10px;
    height: 10px;
    margin: 2px;
}

.carousel .item .content {
    height: 218px;
    position: relative;
}

.carousel.welcome .item .content {
    height: 465px;
}

.carousel.welcome .info-box {
    right: 25px;
}

.carousel-title {
    width: calc(100% - 310px);
    text-align: left;
    height: 136px;
    display: block;
    overflow: hidden;
    position: absolute;
    top: 37px;
}

.carousel-title h2 {
    background-color: #8cc63f;
    line-height: 45px;
    display: inline;
    padding: 0 10px;
}

.carousel-title h2 a {
    color: #ffffff;
    font-weight: 100;
}

.carousel .info-box {
    background-color: rgba(0, 0, 0, 0.64);
    width: 306px;
    height: 179px;
    position: absolute;
    bottom: 0;
    right: 0;
}

.carousel .info-box-title {
    background-color: #a0d535;
    margin: 0;
    padding: 13px 16px;
    font-size: 16px;
}

.carousel .info-box-title a {
    color: #ffffff;
    font-weight: 500;
}

.carousel .info-box-title a img {
    margin-right: 10px;
}

.carousel .info-box-content {
    color: #ffffff;
    font-size: 14px;
    padding: 15px;
    line-height: 18px;
}

.carousel .info-box-content p {
}

.carousel a.info-box-next {
    background-image: url("../images/icons/next-link-icon.png");
    background-repeat: no-repeat;
    background-position: right center;
    font-weight: 500;
    padding-right: 15px;

}

/*aside*/

aside .big-button {
    background-color: #a0d535;
    font-size: 18px;
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
    padding: 19px;
    display: block;
    margin-bottom: 25px;
    font-weight: 900;
    text-shadow: 1px 1px #80b025;
    line-height: 26px;
    border: 1px solid #9ad134;
}

aside .big-button.has-sugo {
    position: relative;
}

aside .big-button img {
    margin-right: 8px;
}

aside .box:last-child {
    margin-bottom: 105px;
}

@media all and (max-width: 1040px) {
    aside .box:last-child {
        margin-bottom: 20px;
    }
}

aside .box time {
    color: #a8a8a8;
    font-size: 12px;
    margin-bottom: 20px;
    display: block;
    line-height: 10px;
}

aside .bigamount {
    font-size: 24px;
    color: #9bd234;
    font-weight: 900;
    line-height: 25px;
}

aside .banner img {
    width: 100%;
}

/*footer*/

footer {
    border-top: 1px solid #e3e3e3;
    background-color: #ffffff;
    padding-bottom: 30px;
}

footer .footer-block-line {
    border-bottom: 1px solid #e3e3e3;
    position: relative;
    top: 50px;
}

footer h2 {
    font-size: 16px;
    margin: 0;
    line-height: 49px;
    padding: 0;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 10px;
    overflow: hidden;
    height: 48px;
}

footer h2 a,
footer h2 span {
    color: #a3d736;

}

footer ul {
    margin: 0;
    padding: 0;
}

footer ul li {
    list-style: none;
}

footer ul li a,
footer ul li a:active,
footer ul li a:focus,
footer ul li a:visited,
footer ul li a:hover {
    color: #a6a6a6;
    font-size: 13px;
    font-weight: 100;
}

footer .mobile-mode ul {
    border-bottom: 1px solid #e3e3e3;
}

footer .mobile-mode ul li {
    display: inline-block;
    padding: 12px 37px 11px 0;
}

footer .mobile-mode ul li a,
footer .mobile-mode ul li a:active,
footer .mobile-mode ul li a:focus,
footer .mobile-mode ul li a:visited,
footer .mobile-mode ul li a:hover {
    color: #9cd335;
    font-size: 13px;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
}

footer a.error {
    background-color: #ffc22c;
    padding: 20px 25px;
    display: inline-block;
    text-align: center;
    color: #ffffff;
    text-transform: uppercase;
    margin-top: 20px;
}

/*box*/

.box {
    background-color: #ffffff;
    border: 1px solid #e3e3e3;
    margin-bottom: 20px;
}

.box:after {
    content: ' ';
    display: block;
    clear: both;
}

.box .title {
    padding: 16px 18px;
    margin: 0;
    background-color: #c0c0c0;
    -webkit-box-shadow: inset 0px 0px 40px -12px rgba(0, 0, 0, 0.68);
    -moz-box-shadow: inset 0px 0px 40px -12px rgba(0, 0, 0, 0.68);
    box-shadow: inset 0px 0px 40px -12px rgba(0, 0, 0, 0.68);
}

.box .title::after {
    content: ' ';
    display: block;
    clear: both;
}

.box .title.simple {
    background-color: transparent;
    box-shadow: none;
    padding-bottom: 0;
    height: auto;
    padding-top: 0;
}

.box .title span.glyphicon,
.box .title i.fa,
.box .title img {
    float: left;
    color: #ffffff;
    font-size: 20px;
    margin-right: 13px;
    margin-top: 3px;
}

.box .title i.glyphicon {
    margin-right: 13px;
}

.tippmix-header-image {
    margin-top: 0px !important;
    height: 20px;
}

.box .title h1,
.box .title h2 {
    color: #fff;
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0;
    padding: 0;
    float: left;
    line-height: 20px;
}

.box .title.simple h1,
.box .title.simple h2 {
    color: #000000;
    font-weight: 100;
    text-transform: none;
    font-size: 30px;
    line-height: 30px;
}

.box .title a {
    color: #ffffff;
    line-height: 20px;
    text-decoration: none;
}

.box .title.simple a.pager-button {
    background-color: #9fd435;
    display: inline-block;
    text-align: center;
    margin-top: 3px;
}

.box .title.simple a.pager-button img {
    margin: 5px 8px;
}

.box .part {
    display: block;
    border-bottom: 1px solid #e1e1e1;
}

.box .part:after {
    content: ' ';
    display: block;
    clear: both;
}

.box .padding {
    padding: 23px;
}

.box .padding:after {
    content: ' ';
    display: block;
    clear: both;
}

.box .padding-narrow {
    padding: 10px;
}

.box .part article {
    padding: 29px 22px;
}

.box .part article.highlight {
    background-color: #f1fadf;
}

.box.footer {
    overflow: hidden;
    position: relative;
}

.box.footer:after {
    content: ' ';
    display: block;
    clear: both;
    height: 20px;
    background-color: #bfbfbf;
    transform: rotate(-2deg);
    position: absolute;
    bottom: -15px;
    left: 0px;
    width: 102%;
}

.box time {
    color: #a8a8a8;
    font-size: 12px;
}

.box time span {
    margin-left: 5px;
}

.box .box-title {
    margin-top: 23px;
    margin-left: 23px;
}

/*box-dark*/

.box.dark {
    background-color: #323232;
    color: #ffffff;
}

.box.dark dl {

}

.box.dark dt {
    width: 35%;
    padding: 2px;
    border: 0;
}

.box.dark dd {
    width: 65%;
    padding: 2px;
    border: 0;
}

/*box tab-menu*/

.box ul.tab-menu {
    margin: 0;
    padding: 5px;
    display: block;
}

.box ul.tab-menu li {
    display: inline-block;
    line-height: 37px;
}

.box ul.tab-menu li a {
    background-color: #323232;
    color: #ffffff;
    font-weight: 100;
    padding: 8px;
}

.box ul.tab-menu li.active a {
    background-color: #9fd435;
}

.box ul.tab-menu li.cart a {
    background-image: url("../images/icons/cart.png");
    background-repeat: no-repeat;
    background-position: 7px center;
    padding-left: 33px;
}

.box ul.tab-menu.orders-menu li a {
    position: relative;
}

/*box menu*/

.box ul.menu {
    margin: 0;
    padding: 0px;
    display: block;
    font-size: 16px;
}

.box ul.menu:after {
    content: ' ';
    display: block;
    clear: both;
}

.box ul.menu li {
    display: block;
    line-height: 37px;
    border-bottom: 1px solid #e1e1e1;

    background-repeat: no-repeat;
    background-position: calc(100% - 15px) 17px;
}

.box ul.menu li.current {
    background-color: #d7d7d7;
    color: #505050;
}

.box ul.menu li.opening {
    background-image: url('../images/icons/vertical-menu-icon.png');
}

.box ul.menu li.open {
    background-image: url('../images/icons/vertical-menu-open-icon.png');
}

.box ul.menu li.open .header a {
    color: #ffffff;
    margin: 0;
    font-size: 14px;
    padding: 0;
}

.box ul.menu li:after {
    content: ' ';
    display: block;
    clear: both;
}

.box ul.menu li a {
    color: #7a7a7a;
    font-weight: 100;
    line-height: 20px;
    padding: 10px 25px 10px 20px;
    font-size: 16px;
    display: block;
}

.box ul.menu li a img {
    margin-right: 10px;
}

.box ul.menu li.active a {
    background-color: #9fd435;
}

.box ul.menu.edit li a {
    width: 20px;
    float: left;
    padding: 10px 0 10px 0px;
    text-align: center;
}

.box ul.menu.edit li a:first-child {
    width: calc(100% - 65px);
    background-image: none;
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
}

.box ul.menu li .content {
    display: none;
    background-color: #595959;
}

.box ul.menu li .content .header {
    margin: 0;
    padding: 20px 20px 10px 20px;
}

.box ul.menu li.open .content {
    display: block;
}

.box ul.menu li.open .content ul {
    margin: 0;
    padding: 0;
}

.box ul.menu li.open .content ul.scroll {
    overflow-y: scroll;
    height: 250px;
    margin-right: 13px;
}

.box ul.menu li a.checklist {
    position: relative;
    padding-right: 65px;
}
/*Adatok*/

.box dl {
    display: block;
}

.box dl:after {
    content: ' ';
    display: block;
    clear: both;
}

.box dt {
    width: 50%;
    float: left;
    border-bottom: 1px solid #e1e1e1;
    padding: 20px;
    font-weight: 300;
}

.box dt a {
    font-weight: 300;
}

.box dd {
    width: 50%;
    float: right;
    border-bottom: 1px solid #e1e1e1;
    padding: 20px;
    font-weight: 300;
}

.box dd a {
    font-weight: 300;
    color: #4b4a4a;
    text-decoration: underline;
}

.box table dl {
    border-top: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    margin-bottom: 0;
}

.box table dt {
    padding: 5px;
    overflow: hidden;
}

.box table dd {
    padding: 5px;
    overflow: hidden;
}

/**/

.scroll {
    overflow-y: scroll;
    overflow-x: hidden;
}

.scroll::-webkit-scrollbar {
    width: 8px;
}

.scroll::-webkit-scrollbar-thumb {
    background-color: #9dd335;
}

.scroll::-webkit-scrollbar-button:vertical:increment {
    display: none;
}

.scroll::-webkit-scrollbar-button:vertical:decrement {
    display: none;
}

.box ul.menu li.open .content ul li {
    margin: 0;
    padding: 0;
    background-image: none;
    border-bottom: 0;
}

.box ul.menu li.open .content ul li a,
.box ul.menu li.open .content ul li span {
    padding: 0;
    margin: 5px 20px;
    color: #cacaca;
    font-size: 14px;
    display: block;
    line-height: 20px;
    font-weight: 100;
}

/*box.highlight*/

.box.highlight {
    background-color: #9cd234;
    text-shadow: 1px 1px 0px rgba(128, 176, 37, 0.6);
    border: 0;
}

.box.highlight .part {
    border: 0;
    border-bottom: 1px solid #b4e74c;
}

.box.highlight img.icon {
    float: left;
}

.box.highlight h2 {
    color: #ffffff;
    margin: 0;
    padding: 0;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 900;
    margin-bottom: 15px;
    margin-left: 35px;
}

.box.highlight p {
    color: #ffffff;
    margin-left: 35px;
    margin-bottom: 0;
}

/*news*/

article.news h2 {
    font-size: 22px;
    margin: 0 0 20px 0;
    padding: 0;
}

article.news h2 a {
    color: #4b4a4a;
}

article.news p {
    margin-bottom: 15px;
}

a.next {
    background-color: #9bd234;
    text-transform: uppercase;
    padding: 4px 10px;
    color: #ffffff;
    text-decoration: none;
    line-height: 28px;
    font-weight: 100;
}

article.news:after {
    content: ' ';
    clear: both;
    display: block;
}

article.news .news-top {
    display: block;
    clear: both;
    height: 30px;
}

article.news .news-left {
    float: left;
    width: 260px;
}

article.news .news-left img {
    margin-bottom: 24px;
}

article.news .news-right {
    float: left;
    width: calc(100% - 260px);
}

article.news .news-right.no-image {
    float: none;
    width: 100%;
}

article.news .news-bottom {
    clear: both;
}

.info {
    color: #b0b1b3;
    font-size: 12px;
    line-height: 17px;
    text-transform: uppercase;
    padding-top: 6px;
    display: block;
    padding: 20px;
}

.info .info-label {
    margin-right: 10px;
    margin-left: 5px;
    color: #b0b1b3;
    text-decoration: none;
}

.info .right .info-label {
    text-transform: none;
}

.info .right .info-label:last-child {
    margin-right: 0;
}

.info i {
    color: #fdbb19;
}

.order-info {
    font-size: 14px;
    padding: 13px;
}

.order-info a {
    color: #000000;
    font-weight: 400;
    padding-left: 12px;
    background-position: 0 center;
}

article.news .info {
    color: #b0b1b3;
    font-size: 12px;
    line-height: 17px;
    text-transform: uppercase;
    float: left;
    padding: 6px 0 0 0;
}

article.news .info span,
article.news .info a {
    margin-right: 10px;
    margin-left: 0px;
}

article.news .info .fa-clock-o,
article.news .info .fa-chevron-right {
    margin-right: 5px;
}

.box .markers {
    clear: both;
    font-size: 12px;
    color: #b0b1b3;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.box .markers i {
    color: #fdbb19;
    font-size: 10px;
}

.box .markers a,
.box .markers span {
    margin-left: 0px;
    margin-right: 6px;
}

span.tag-color-1,
a.tag-color-1 {
    color: #d19607;
}

span.tag-color-2,
a.tag-color-2 {
    color: #7eb534;
}

span.tag-color-3,
a.tag-color-3 {
    color: #40aa7c;
}

span.tag-color-4,
a.tag-color-4 {
    color: #bb0000;
}

span.tag-color-5,
a.tag-color-5 {
    color: #d03b00;
}

span.tag-color-6,
a.tag-color-6 {
    color: #0010ae;
}

span.tag-color-7,
a.tag-color-7 {
    color: #0084c9;
}

span.tag-color-8,
a.tag-color-8 {
    color: #6d00a5;
}

span.tag-color-9,
a.tag-color-9 {
    color: #bb00b4;
}

span.tag-color-10,
a.tag-color-10 {
    color: #00379c;
}

span.tag-color-11,
a.tag-color-11 {
    color: #636363;
}

span.tag-color-12,
a.tag-color-12 {
    color: #1e1e1e;
}

span.tag-color-13,
a.tag-color-13 {
    color: #1b486f;
}

span.tag-color-14,
a.tag-color-14 {
    color: #6f400e;
}

span.tag-color-15,
a.tag-color-15 {
    color: #2e1301;
}

span.tag-color-16,
a.tag-color-16 {
    color: #727106;
}

a.tag-color-1:hover,
a.tag-color-1.active {
    background-color: #d19607;
    color: #ffffff;
}

a.tag-color-2:hover,
a.tag-color-2.active {
    background-color: #7eb534;
    color: #ffffff;
}

a.tag-color-3:hover,
a.tag-color-3.active {
    background-color: #40aa7c;
    color: #ffffff;
}

a.tag-color-4:hover,
a.tag-color-4.active {
    background-color: #bb0000;
    color: #ffffff;
}

a.tag-color-5:hover,
a.tag-color-5.active {
    background-color: #d03b00;
    color: #ffffff;
}

a.tag-color-6:hover,
a.tag-color-6.active {
    background-color: #0010ae;
    color: #ffffff;
}

a.tag-color-7:hover,
a.tag-color-7.active {
    background-color: #0084c9;
    color: #ffffff;
}

a.tag-color-8:hover,
a.tag-color-8.active {
    background-color: #6d00a5;
    color: #ffffff;
}

a.tag-color-9:hover,
a.tag-color-9.active {
    background-color: #bb00b4;
    color: #ffffff;
}

a.tag-color-10:hover,
a.tag-color-10.active {
    background-color: #00379c;
    color: #ffffff;
}

a.tag-color-11:hover,
a.tag-color-11.active {
    background-color: #636363;
    color: #ffffff;
}

a.tag-color-12:hover,
a.tag-color-12.active {
    background-color: #1e1e1e;
    color: #ffffff;
}

a.tag-color-13:hover,
a.tag-color-13.active {
    background-color: #1b486f;
    color: #ffffff;
}

a.tag-color-14:hover,
a.tag-color-14.active {
    background-color: #6f400e;
    color: #ffffff;
}

a.tag-color-15:hover,
a.tag-color-15.active {
    background-color: #2e1301;
    color: #ffffff;
}

a.tag-color-16:hover,
a.tag-color-16.active {
    background-color: #727106;
    color: #ffffff;
}

article.news .info i {
    color: #fdbb19;
}

article.news .info i.fa-chevron-left,
article.news .info i.fa-chevron-right {
    font-size: 10px;
}

@media all and (max-width: 630px) {
    article.news .news-left {
        float: right;
        text-align: right;
    }

    article.news .news-right {
        float: none;
        width: 100%;
    }

    article.news a.next {
        float: right;
    }
}

/*main-breadcrumb*/

#main-breadcrumb {
    height: 68px;
}

#main-breadcrumb .breadcrumb {
    background-color: transparent;
    color: #8b8b8b;
    font-size: 12px;
    margin: 35px 0 0px 0;
    padding: 0;
}

#main-breadcrumb .breadcrumb a {
    color: #8b8b8b;
}

#main-breadcrumb .breadcrumb > li + li:before {
    content: '>';
    font-weight: 900;
}

#main-breadcrumb .breadcrumb > .active {
    color: #323232;
}

#main-breadcrumb .back {
    background-color: #323232;
    color: #ffffff;
    padding: 11px;
    text-transform: uppercase;
    text-decoration: none;
    background-image: url('../images/icons/back.png');
    background-repeat: no-repeat;
    background-position: 10px center;
    padding-left: 30px;
    font-size: 13px;
    display: block;
    margin-top: 20px;
    line-height: 20px;
}

/*pagination*/

.pagination {
    margin: 0;
    padding: 0;
    display: block;
    height: 34px;
    border-radius: 0;
}

.pagination > li:first-child > a, .pagination > li:first-child > span,
.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-radius: 0;
}

.pagination li a {
    font-weight: 100;
    color: #555555;
    border: 1px solid #e1e1e1;
    font-size: 12px;
}

.pagination li {
    margin-right: 4px;
    display: inline-block;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #a2d636;
    border: 1px solid #a2d636;
}

/*form*/

form.form-inline {
    padding: 6px;
}

label {
    font-weight: 400;
}

span.label a {
    color: #FFF;
}

span.label-default {
    background-color: #a0d535;
    font-weight: 600;
    border-radius: 0;
}

.form-control {
    background-color: #d7d7d7;
    border: 0;
    border-radius: 0;
    color: #505050;
    box-shadow: none;
}

img.captcha {

}

input.captcha {
    background-color: #d7d7d7;
    border: 0;
    border-radius: 0;
    color: #505050;
    box-shadow: none;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    margin-left: 12px;
}

.form-control:focus {
    outline: 0 none;
    box-shadow: none;
}

.input-group-addon {
    border: 0;
    background-color: #d7d7d7;
}

.has-error .control-label {
    color: #dd0000;
}

.has-error .form-control, .filter-openable-box .has-error .form-control {
    background-color: #dd0000;
    color: #ffffff;
    box-shadow: none;
    outline: 0;
}

.has-error .form-control:focus {
    box-shadow: none;
    outline: 0;
}

.form-horizontal .form-group.inline .form-control {
    display: inline-block;
    width: auto;
}

.has-error .input-group-addon {
    color: #ffffff;
    background-color: #dd0000;
    border-radius: 0;
}

a.btn,
button.btn,
input.btn,
a.btn:active,
button.btn:active,
input.btn:active {
    border: 0;
    background-image: none;
    text-shadow: none;
    color: #000000;
    border-radius: 0;
    text-transform: uppercase;
    box-shadow: none;
    font-weight: 200;
    box-shadow: none;
}

a.btn-primary,
button.btn-primary,
input.btn-primary,
a.btn-primary:hover,
button.btn-primary:hover,
input.btn-primary:hover,
a.btn-primary:active,
button.btn-primary:active,
input.btn-primary:active,
a.btn-primary:focus,
button.btn-primary:focus,
input.btn-primary:focus,
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus, .btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
    background-color: #a2d636;
    color: #ffffff;
    border: 1px solid #a2d636;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    background-color: #a2d636;
    border: 1px solid #a2d636;
}

a.btn-default,
button.btn-default,
input.btn-default,
a.btn-default:hover,
button.btn-default:hover,
input.btn-default:hover,
a.btn-default:active,
button.btn-default:active,
input.btn-default:active,
a.btn-default:focus,
button.btn-default:focus,
input.btn-default:focus {
    background-color: #ffffff;
    color: #a7a7a7;
    border: 1px solid #eaeaea;
}

a.btn-warning,
button.btn-warning,
input.btn-warning,
a.btn-warning:hover,
button.btn-warning:hover,
input.btn-warning:hover,
a.btn-warning:active,
button.btn-warning:active,
input.btn-warning:active,
a.btn-warning:focus,
button.btn-warning:focus,
input.btn-warning:focus {
    background-color: #fdb913;
    color: #ffffff;
}

a.btn-danger,
button.btn-danger,
input.btn-danger,
a.btn-danger:hover,
button.btn-danger:hover,
input.btn-danger:hover,
a.btn-danger:active,
button.btn-danger:active,
input.btn-danger:active,
a.btn-danger:focus,
button.btn-danger:focus,
input.btn-danger:focus {
    background-color: #c12e2a;
    color: #ffffff;
}

.text-danger {
    color: #c12e2a;
}

a.btn.tematika-letoltese {
    background-image: url('../images/icons/pdf.png');
    background-repeat: no-repeat;
    background-position: 10px center;
    text-align: left;
    padding-left: 45px;
    padding-right: 25px;
    margin-bottom: 15px;
}

/*cart*/

.cart .name {
    font-size: 18px;
    color: #4b4a4a;
    display: block;
    padding-top: 8px;
}

.cart input[type="number"] {
    width: 80px;
    display: inline;
    margin-right: 10px;
}

/*products*/

.products .product {
    background-color: #f1fade;
}

.products .product .left {
    float: left;
    width: 60%;
    background-color: #ffffff;
    min-height: 190px;
}

.products .product .right {
    float: left;
    width: 40%;
}

.products .product h2 {
    margin: 0;
    padding: 0;
    font-size: 30px;
    font-weight: 100;
    padding-bottom: 20px;
}

.products .product h2 a {
    color: #000000;
    font-weight: 100;
}

.products .product .price {
    font-size: 14px;
    color: #8cc63f;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 20px;
    font-weight: 600;
}

.products .product form {
    text-align: center;
}

.products .product .price b {
    font-size: 24px;
}

.products .product input[type="number"] {
    width: 40px;
    background-color: #d7d7d7;
    border: 0;
    padding: 0px;
    text-align: center;
    display: inline-block;
    height: 32px;
}

.products .product input[type="submit"] {
    background-color: #9bd234;
    border: 0;
    color: #ffffff;
    padding: 6px 8px;
    text-transform: uppercase;
}

.price {
    font-size: 14px;
    font-weight: 700;
    color: #8cc63f;
    font-size: 20px;
}

.price b {
    font-size: 24px;
    font-weight: 700;
    color: #8cc63f;
}

@media all and (max-width: 839px) {
    .products .product .left {
        float: none;
        width: auto;
    }

    .products .product .right {
        float: none;
        width: auto;
    }
}

/*comment*/

.comment-title {
    background-color: #a0d535;
    font-size: 14px;
    font-weight: 900;
    color: #fff;
    padding: 15px;
    margin-bottom: 23px;
}

.comment-title time {
    float: right;
    color: #ffffff;
    font-weight: 500;
    line-height: 21px;
}

.comment-title a {
    color: #fff;
    text-decoration: underline;
}

/*mobile-menu*/

#mobile-menu {
    position: absolute;
    top: 106px;
    z-index: 40;
    width: 100%;
    display: none;
}

#mobile-menu.open {
    display: block;
}

#mobile-menu ul {
    background-color: #323232;
    margin: 0;
    padding: 0;
}

#mobile-menu ul li {
    display: block;
    list-style: none;
    border-bottom: 1px solid #e7e7e7;
    padding: 0px;
}

#mobile-menu ul li:nth-child(4n + 1) {
    border-left: 4px solid #8cc63f;
}

#mobile-menu ul li:nth-child(4n + 2) {
    border-left: 4px solid #fdb913;
}

#mobile-menu ul li:nth-child(4n + 3) {
    border-left: 4px solid #c1d82f;
}

#mobile-menu ul li:nth-child(4n + 4) {
    border-left: 4px solid #ffe513;
}

#mobile-menu ul li a {
    font-size: 24px;
    color: #cbcbcb;
    text-decoration: none;
    text-transform: uppercase;
    padding: 20px;
    display: block;
}
#mobile-menu ul li a br {
    display: none;
}

/*udvozlo-oldal*/

.udvozlo-oldal-content {
    width: 100%;
    position: relative;
}

.udvozlo-oldal-left {
    width: 300px;
    float: left;
    margin-right: 30px;
}

.udvozlo-oldal-right {
    width: calc(100% - 330px);
    float: left;
}

.udvozlo-oldal-content .box.highlight .part {
    height: 155px;
}

@media all and (max-width: 1040px) {
    .udvozlo-oldal-content {
        height: 887px;
    }

    .udvozlo-oldal-left {
        position: absolute;
        top: 487px;
        width: 100%;
        margin: 0;
    }

    .udvozlo-oldal-right {
        position: absolute;
        top: 0;
        width: 100%;
        margin: 0;
    }

    .udvozlo-oldal-content .box.highlight .part {
        height: auto;
    }
}

#menu2 {
    z-index: 30;
    position: fixed;
    top: 126px;
    left: -315px;
    height:43px;
}

#menu2.open {
    left: 0;
}

#menu2 .content {
    padding: 6px 6px 6px 0;
    background-color: #323232;
    display: inline-block;
}

#menu2 ul {
    height: 500px;
    overflow-x: hidden;
    overflow-y: scroll;
    display: block;
    padding: 0 25px 0 15px;
    margin: 0;
    width: 309px;
}

#menu2 ul li {
    list-style: none;
    display: block;
    font-size: 20px;
    border-bottom: 1px solid #464646;
}

#menu2 ul li a {
    display: block;
    padding: 15px;
    color: #ffffff;
    font-weight: 100;
}

#menu2 ul li.current a {
    font-weight: 600;
}

#menu2 .button {
    vertical-align: top;
    padding: 11px 10px 11px 40px;
    background-color: #323232;
    display: inline-block;
    background-image: url("../images/icons/menu2-open.png");
    background-repeat: no-repeat;
    background-position: 20px center;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
}

#menu2.open .button {
    background-image: url("../images/icons/menu2-close.png");
    width: 33px;
    overflow: hidden;
    height: 33px;
    padding: 0;
    background-position: 10px center;
    text-indent: -9999px;
}

.menu2-default {
    display: block;
}

.menu2-mobile {
    display: none;
}

@media all and (max-width: 1039px) {
    .menu2-default {
        display: none;
    }

    .menu2-mobile {
        display: block;
    }
}

/*scroll-top*/

.scroll-top a {
    width: 62px;
    height: 62px;
    background-color: #cccccc;
    display: block;
    background-image: url("../images/icons/scroll-top.png");
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 20px;
}

/*categories*/

ul.categories {
    margin: 6px;
    padding: 0;
    text-transform: uppercase;
}

ul.categories li {
    margin: 0;
    display: inline-block;
}

ul.categories li a {
    font-weight: 400;
    padding: 8px;
    line-height: 35px;
}

.saved-categories {
    padding: 14px;
}

.saved-categories a {
    color: #000000;
    font-weight: 400;
    padding: 10px;
}

/*messages*/

.alert {
    padding: 20px;
    color: #ffffff;
    margin-bottom: 20px;
    border-radius: 0;
    background-image: none;
    border: 0;
}

.alert a {
    color: #ffffff;
    text-decoration: underline;
}

.alert.alert-success {
    background-color: #a2d636;
}

.alert.alert-info {
    background-color: #9acfea;
}

.alert.alert-danger {
    background-color: #de0000;
}

.alert.alert-warning {
    background-color: #fdb913;
}

.alert .help-block {
    display: inline;
    color: #ffffff;
    margin: 0;
}

/*table*/

table.table thead th {
    padding: 10px;
    background-color: #9dd335;
    color: #ffffff;
    font-weight: 100;
    vertical-align: middle;
}

table.table tbody td {
    padding: 20px;
    vertical-align: middle;
    color: #4b4a4a;
}

table td .order,
table th .order {
    position: relative;
    top: 3px;
    display: inline-block;
    width: 9px;
    height: 14px;
    margin-left: 2px;
}

table td.orderable a {
    color: #4b4a4a;
    font-weight: 400;
}

table th.orderable a {
    color: #ffffff;
    font-weight: 400;
}

table td .order .order-asc,
table th .order .order-asc {
    position: absolute;
    top: 0;
    display: block;
    width: 9px;
    height: 6px;
    cursor: pointer;
}

table td .order .order-asc {
    background: url('../images/icons/order-asc.png') no-repeat center;
}

table th .order .order-asc {
    background: url('../images/icons/order-asc-th.png') no-repeat center;
}

table td .order .order-desc,
table th .order .order-desc {
    position: absolute;
    bottom: 0;
    display: block;
    width: 9px;
    height: 6px;
    cursor: pointer;
}

table td .order .order-desc {
    background: url('../images/icons/order-desc.png') no-repeat center;
}

table th .order .order-desc {
    background: url('../images/icons/order-desc-th.png') no-repeat center;
}

table td .btn {
    min-width: 110px;
}

table.nyitvatartas-table > tbody > tr > td,
table.nyitvatartas-table > tbody > tr > th {
    padding: 5px;
}

table.nyitvatartas-table .time input {
    width: 25px;
    text-align: center;
    background-color: #d7d7d7;
    border: 0;
}

table.nyitvatartas-table-number-inputs .time input {
    width: 35px;
}

table.nyitvatartas-table input[type="checkbox"], table.nyitvatartas-table label {
    margin-bottom: 0;
}

table.nyitvatartas-table .ebedido_valtozo_container {
    text-align: left;
}

table.nyitvatartas-table .ebedido_valtozo_container label {
    font-style: italic;
    margin-top: 3px;
}

table.nyitvatartas-table .ebedido_valtozo_container input {
    vertical-align: top;
}

table.auto-width {
    width: auto;
}

@media all and (max-width: 1039px) {
    table.table tbody td.rendeles-evaluation-muvelet {
        padding-right: 40px;
    }
}

/*role-selector*/

.role-selector {
}

.role-selector .part {
    margin-bottom: 10px;
    padding-bottom: 6px;
    text-align: center;
}

.role-selector .part:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

.role-selector-left,
.role-selector-right {
    display: inline-block;
    width: 49.5%;
    vertical-align: middle;
}

.role-selector .role {
    padding: 10px;
    display: block;
    margin-bottom: 4px;
    font-weight: 300;
}

.role-selector-left .role,
.role-selector-left .role b {
    color: #6a6a6a;
    font-size: 18px;
    font-style: italic;
    font-weight: 400;
}

.role-selector-right .role {
    color: #ffffff;
    font-size: 14px;
    background-color: #9cd234;
    text-align: left;
    font-weight: 500;
}

.role-selector-right .role b {
    color: #ffe513;
    font-weight: 500;
}

.role-selector-left .role.leader,
.role-selector-left .role.leader b {
    background-color: #9cd234;
    color: #ffffff;
    font-weight: 500;
    font-size: 14px;
}

/*filter-openable-box*/

.filter-openable-box {
    background-color: #ffc22e;
    margin-bottom: 18px;
}

.filter-openable-box h2 {
    color: #ffffff;
    font-size: 18px;
    text-transform: uppercase;
    padding: 10px;
    margin: 0;
    background-image: url('../images/icons/box-openable.png');
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) center;
}

.filter-openable-box.open h2 {
    background-image: url('../images/icons/box-openable-open.png');
}

.filter-openable-box .filter-opened {
    display: none;
    margin: 0 10px 0 10px;
    padding-bottom: 1px;
    padding-top: 10px;
}

.filter-openable-box.open .filter-opened {
    display: block;
}

.filter-openable-box .form-control {
    background-color: #ffffff;
    border: 0;
}

.filter-openable-box .control-label,
.filter-openable-box .checkbox label {
    color: #ffffff;
}

.filter-openable-box a.btn,
.filter-openable-box a.btn:active {
    color: #ffffff;
    text-transform: none;
}

/*tabs*/

.nav-tabs {
    border-bottom: 0;
}

.nav-tabs > li > a {
    background-color: #f2f2f2;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
    margin-right: 5px;
}

/*gyik*/

.gyik .part h2 {
    padding: 0;
    font-size: 18px;
    margin: 0;
    margin-bottom: 20px;
    background-image: url('../images/icons/plus.png');
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 40px;
}

.gyik .part.open h2 {
    background-image: url('../images/icons/minus.png');
}

/* custom */
.key-val-list .row {
    margin-bottom: 15px;
}

tr.unread td {
    font-weight: 600;
}

.list-openable-big .opened-content {
    display: none;
}

.list-openable-big .opener {
    cursor: pointer;
}

.list-openable-big .open .opened-content {
    display: block;
}

.top-title {
    margin-top: 0;
    margin-bottom: 20px;
}

ul li.preview-label {
    color: red;
    padding: 10px;
    text-transform: uppercase;
    font-weight: 600;
}

.header-bottom ul li.preview-label {
    background-color: #FFF;
    padding: 0px 14px;
    font-size: 24px;
    line-height: 63px;
}

/* graph */

.graph-container {
    position: relative;
}

table.line-graph {
    border-collapse: collapse;
    color: #000;
}

table.table-fullwidth {
    width: 100%;
}

table.line-graph td span {
    display: block;
    height: 15px;
    padding: 3px 0;
    color: #fff;
    font-weight: 600;
    text-indent: 10px;
}

.graph-container td.graph-year {
    font-weight: 600;
}

table.line-graph td, table.line-graph th {
    padding: 3px 0;
}

table.line-graph td.week {
    width: 50px;
}

table.line-graph td.sum {
    width: 85px;
    padding-right: 5px;
    text-align: right;
}

table.line-graph td.graph {
    border-left: 1px solid #000;
}

.graph-container .plan-container {
    position: absolute;
    left: 25px;
    right: 115px;
    top: 0;
    height: 100%;
}

.graph-container .plan {
    position: absolute;
    top: 0;
    width: 115px;
    height: 100%;
    color: #de0000;
    border-right: 1px solid #de0000;
    text-align: right;
}

/*modile-mode*/
.mobile-mode {
    display: none;
}

.default-mode {
    display: block;
}

@media all and (max-width: 1040px) {

    .mobile-mode {
        display: block;
    }

    .default-mode {
        display: none;
    }

    body {
        background-image: none;
        background-color: #ffffff;
    }

    body.login {
        background-image: url('../images/background.png');
        color: #4b4a4a;
    }

    header .container {
        padding-left: 0;
        padding-right: 0;
    }

    .header-bottom {
        width: calc(100% - 150px);
        float: left;
    }

    .header-bottom ul {
        margin: 0;
        padding: 0;
        width: calc(100% - 50px);
        float: left;
    }

    .header-bottom ul li {
        display: inline;
        margin: 0;
        padding: 0;
        border: 0;
    }

    .header-bottom ul li a {
        color: #323232;
        padding: 0px 14px;
        line-height: 63px;
        margin: 0;
        font-size: 24px;
        text-decoration: none;
        font-weight: 500;
    }

    .header-bottom ul li a:hover {
        font-weight: 500;
    }

    .udvozlo-oldal-content {
        margin-top: 0;
    }

    /*rendelheto termekek*/
    .products .product .price {
        display: inline;
        line-height: 32px;
        float: right;
        margin: 13px;
    }

    .products .product form {
        float: left;
        margin: 15px;
    }

    /*carousel*/
    .carousel.welcome .carousel-indicators {
        top: 20px;
    }

    .carousel.welcome .info-box {
        right: auto;
        left: 0;
        width: 90%
    }

    .search-container {
        padding-left: 80px;
    }
}

/*felhasznalo select start*/
#kivalasztottak .kivalaszt, .kivalasztott .kivalaszt {
    display: none;
}

#kivalasztottak .torol {
    display: block;
}

.selectable .torol {
    display: none;
}

#kivalasztottak .error_list {
    margin-left: 15px
}

#kivalasztottak .error td {
    color: red;
}

.selectable .td-actions {
    width: 120px
}

.selectable .dyn_table_container table {
    border-spacing: 0px;
}

.selectable .dyn_table_container table tbody td {
    cursor: pointer;
}

.selectable .dyn_table_container table tbody tr.kivalasztott td {
    cursor: default;
    color: #bbb;
}

.selectable .dyn_table_container table tbody tr.kivalasztott td * {
    opacity: .3;
}

.selectable .dyn_table_container table tbody tr.kivalasztott:hover td {
    background-color: #fff;
}

.selectable .dyn_table_container table tbody tr:hover td {
    background-color: #F1FFDB;
}

#kivalasztottak tr:hover td {
    background-color: #F1FFDB;
    cursor: pointer
}

/*felhasznalo select end*/

.nyitvatartas-lead {
    line-height: 30px;
    margin-bottom: 15px;
}

/* próbavásárlás */
.probavasarlas-reszletek {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    font-size: 13px;
}

.probavasarlas-radio {
    display: inline-block;
    width: 25px;
}

p.probavasarlas-labjegyzet {
    font-weight: 600;
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
}

.probavasarlas-reszletek table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 30px;
}

.probavasarlas-reszletek td, .probavasarlas-reszletek th {
    border: 1px solid #AAA;
    padding: 10px;
}

.probavasarlas-reszletek thead th, .probavasarlas-reszletek tfoot td, .probavasarlas-yellow {
    background-color: #fefecc;
}

.probavasarlas-reszletek tbody td {
    text-align: center;
}

.probavasarlas-reszletek td.left, .probavasarlas-reszletek th.left {
    float: none;
    text-align: left;
}

.probavasarlas-reszletek span.eredmeny-oszlop {
    margin-left: 250px;
}

td.probavasarlas-szurke {
    background-color: #d8d8d8;
}

.probavasarlas-reszletek h2 {
    padding: 0px;
    text-align: center;
    border: 1px solid #AAA;
    font-size: 1.5em;
    margin: 0 0 5px;
    font-weight: 600;
}

.probavasarlas-reszletek h2:after {
    content: ' ';
    display: block;
    clear: both;
}

.probavasarlas-reszletek h2 img {
    float: left;
}

.probavasarlas-reszletek h2 p {
    margin-top: 15px;
    font-size: 20px;
}

.probavasarlas-reszletek h3 {
    padding: 5px;
    text-align: center;
    border: 1px solid #AAA;
    font-size: 20px;
    font-weight: 600;
    margin: 1em 0 5px 0;
}

table.probavasarlas-left-table td {
    text-align: left;
}

.probavasarlas-reszletek tfoot {
    font-weight: 600;
}

th.probavasarlas-igen-nem {
    width: 85px;
}

th.probavasarlas-ures {
    width: 110px;
}

div.probavasarlas-egyeb {
    border: 1px solid #AAA;
    padding: 3px 10px;
    margin-bottom: 20px;
}

div.probavasarlas-egyeb p {
    min-height: 100px;
}

div.probavasarlas-egyeb h3 {
    border: 0;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 15px;
}

div.probavasarlas-egyeb h4 {
    text-align: center;
    font-weight: 600;
}

/* próbavásárlás end */

.thumbs {
    margin-right: 20px;
}

.thumbs ul.thumbs {
    margin: 0 20px 0 0;
    width: 275px;
    padding: 0;
}

.thumbs ul.thumbs li {
    display: block;
    float: left;
    width: 131px;
    margin-right: 13px;
}

.thumbs img {
    border: 1px solid #c3c3c3;
    margin-bottom: 11px;
}

.thumbs ul.thumbs li:nth-child(2n+0) {
    margin-right: 0;
}

/**/

.sticky.sticky-fix {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    display: block;
}

/*modal*/

.modal .modal-content {
    box-shadow: none;
    border-radius: 0;
}

.modal .modal-header {
    background-color: #323232;
    border-bottom: 4px solid #a0d535;
}

.modal .bootstrap-dialog-title {
    color: #ffffff;
    font-size: 17px;
    text-transform: uppercase;
}

.modal .modal-header .close {
    color: #ffffff;
    text-shadow: none;
    font-weight: 400;
    opacity: 1;
}

.modal ul {
    font-size: 14px;
    margin: 0;
    padding: 15px 0;
}

.modal ul li {
    list-style: none;
    display: inline-block;
    position: relative;
}

.modal ul.checklist-action li {
    background-repeat: no-repeat;
    list-style: none;
    padding-left: 30px;
    margin-bottom: 3px;
}

.modal ul.checklist-action li.download {
    background-image: url('../images/icons/li-download.png');
}

.modal ul.checklist-action li.product {
    background-image: url('../images/icons/li-product.png');
}

.modal ul.checklist-action li.url {
    background-image: url('../images/icons/li-url.png');
}

.modal ul.checklist-properties li, .modal ul.checklist-action li {
    display: block;
}

.modal ul li:before {
    content: ' ';
    width: 4px;
    height: 4px;
    background-color: #9bd234;
    display: inline-block;
    top: 8px;
    position: absolute;
}

.modal ul.checklist-action li:before {
    display: none;
}

.modal ul li a {
    color: #4b4a4a;
    font-style: italic;
    font-weight: 400;
    display: inline-block;
    padding-left: 13px;
}

.modal ul.checklist-action li a {
    padding-left: 0;
}

.modal .checklist-image {
    margin-bottom: 15px;
}

.modal ul li a span {
    color: #888888;
    font-weight: 300;
}

.print-hide {
    display: block;
}

.print-show {
    display: none;
}

form.uzletetnyitnek-form .has-error input, form.input-errors-form .has-error input {
    background-color: #dd0000;
    color: #ffffff;
    box-shadow: none;
    outline: 0;
}

#pmt-popup-content ul {
    padding-left: 50px;
    list-style-type: circle;
}

#pmt-popup-content ul li {
    margin-bottom: 10px;
    display: block;
}

#pmt-popup-content ul li:before {
    left: -10px;
    top: 8px;
}

#pmt-popup-close {
    margin: 0 auto;
    width: 200px;
    display:block;
    height: 50px;
}

.remove-embedded-form {
    float: right;
}

.ws-prewrap {
    white-space: pre-wrap;
}

h1 {
    margin-bottom: 25px;
}

.margin-bottom-10 {
    margin-bottom: 10px !important;
}

.margin-bottom-25 {
    margin-bottom: 25px !important;
}

a.black-link {
    color: #4b4a4a;
}

td.muveletek {
    text-align: center;
}

td.muveletek ul {
    list-style: none;
    margin: 0;
}

.probavasarlas-nyilatkozat p {
    margin-bottom: 20px;
}

.probavasarlas-nyilatkozat p.form-control-static {
    margin-bottom: 0;
}

.probavasarlas-nyilatkozat form, .probavasarlas-nyilatkozat .after-form {
    margin-top: 30px;
}

.probavasarlas-nyilatkozat form .form-bottom-buttons {
    margin-top: 50px;
}

.faq-question {
    background: url('../images/icons/qm.png') center no-repeat;
    width: 25px;
    height: 25px;
    cursor: pointer;
    position: absolute;
    z-index: 2;
}

.faq-question-box {
    position: absolute;
    z-index: 100;
}

.faq-question-box.right_arrow:after, .faq-question-box.right_arrow:before,
.faq-question-box.left_arrow:after, .faq-question-box.left_arrow:before {
    top: 35px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.faq-question-box.right_arrow:after, .faq-question-box.right_arrow:before {
    left: 100%;
}

.faq-question-box.right_arrow:after {
    border-color: rgba(255, 246, 182, 0);
    border-left-color: #fff6b6;
    border-width: 12px;
    margin-top: -12px;
    margin-left: -1px;
}

.faq-question-box.right_arrow:before {
    border-color: rgba(137, 155, 217, 0);
    border-left-color: #d9cc74;
    border-width: 13px;
    margin-top: -13px;
    margin-left: -1px;
}


.faq-question-box.left_arrow:after, .faq-question-box.left_arrow:before {
    right: 100%;
}

.faq-question-box.left_arrow:after {
    border-color: rgba(255, 246, 182, 0);
    border-right-color: #fff6b6;
    border-width: 12px;
    margin-top: -12px;
    margin-right: -1px;
}


.faq-question-box.left_arrow:before {
    border-color: rgba(137, 155, 217, 0);
    border-right-color: #d9cc74;
    border-width: 13px;
    margin-top: -13px;
    margin-right: -1px;
}

.faq-question-box .faq-content {
    width: 230px;
    height: auto;
    padding: 25px;
    background-color: #fff6b6;
    border: 1px solid #d9cc74;
    color: #8a855e;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.faq-question-box .close-faq {
    height: 26px;
    width: 26px;
    background: url('../images/icons/close-qm.png') center no-repeat;
    cursor: pointer;
    top: -13px;
    left: 95px;
    position: relative;
}

.faq-question.sugo-1 {
    left: 10px;
    top: 10px;
    position: relative;
}

@media all and (min-width: 1040px) {
    .faq-question.sugo-2 {
        left: 10px;
        position: relative;
    }
}

@media all and (max-width: 1039px) {
    .faq-question.sugo-2 {
        top: 20px;
        right: 80px;
    }
}

.faq-question.sugo-3 {
    left: 120px;
    top: 14px;
}

.faq-question.sugo-4 {
    left: 130px;
    top: 14px;
}

.faq-question.sugo-5, .faq-question.sugo-6 {
    top: 20px;
    right: 20px;
}

.faq-question.sugo-7, .faq-question.sugo-11, .faq-question.sugo-13, .faq-question.sugo-18, .faq-question.sugo-20 {
    right: 20px;
    top: 14px;
}

.faq-question.sugo-8 {
    left: 165px;
    top: 18px;
    position: relative;
    float: left;
}

.faq-question.sugo-9 {
    right: 126px;
    top: 18px;
    position: relative;
    float: right;
}

.faq-question.sugo-10 {
    position: relative;
    float: right;
}

.faq-question.sugo-12, .faq-question.sugo-21, .faq-question.sugo-23 {
    top: 4px;
    right: -40px;
}

.faq-question.sugo-14, .faq-question.sugo-15, .faq-question.sugo-16, .faq-question.sugo-17 {
    top: -16px;
    right: -3px;
}
@media (min-width: 1040px)
{
    .faq-question.sugo-19 {
        top: 5px;
        right: 15px;
    }
}
@media (max-width: 1039px)
{
    .faq-question.sugo-19 {
        top: 5px;
        right: -30px;
    }
}

.faq-question.sugo-22 {
    top: 27px;
    right: 30px;
}

.faq-question.sugo-23 {
    top: 13px;
    right: -40px;
}

.faq-question.sugo-24 {
    top: 4px;
    left: 120px;
}

.faq-question.sugo-25 {
    top: -3px;
    left: 120px;
}

.faq-question.sugo-26 {
    top: 3px;
    left: 120px;
}

.faq-question.sugo-33 {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-left: 3px;
}

.faq-question.sugo-34 {
    position: relative;
}

@media (max-width: 1039px)
{
    .faq-question.sugo-27, .faq-question.sugo-28, .faq-question.sugo-29, .faq-question.sugo-30 {
        top: -4px;
        right: 0px;
    }
}

@media (min-width: 1040px)
{
    .faq-question.sugo-27, .faq-question.sugo-28, .faq-question.sugo-29, .faq-question.sugo-30 {
        top: 4px;
        left: 117px;
    }
}

@media (min-width: 1250px)
{
    .faq-question.sugo-27, .faq-question.sugo-28, .faq-question.sugo-29, .faq-question.sugo-30 {
        top: 4px;
        left: 150px;
    }
}

@media (max-width: 1039px)
{
    .faq-question.sugo-31, .faq-question.sugo-32 {
        bottom: 15px;
        left: 325px;
    }
}

@media (min-width: 1040px)
{
    .faq-question.sugo-31, .faq-question.sugo-32 {
        bottom: 15px;
        left: 475px;
    }
}

.faq-question.sugo-checklist {
    top: 7px;
    right: 30px;
}

.jatekoskartya-prefix {
    display: inline-block;
    width: 25px;
    vertical-align: middle;
}

.jatekoskartya-input {
    display: inline-block;
    width: calc(100% - 25px);
}

.bootstrap-dialog-footer {
    text-align: center;
}

.jatekoskartya-inputgroup .input-group-addon {
    background: none;
    padding-right: 0;
    color: #4b4a4a;
}

a.checklist-kitoltes-action {
    margin-left: 5px;
}

table.table tbody td.checklist-status {
    width: 60px;
    padding-right: 0;
}

td.checklist-status .checklist-status-ok {
    color: #9dd335;
}

td.checklist-status .checklist-status-warning {
    color: #fdb913;
}

td.checklist-status .checklist-status-error {
    color: #de0000;
}

.checklist-group-label {
    font-size: 16px;
    font-weight: bold;
}

.checklist-filter-row {
    margin-bottom: 20px;
    margin-top: 20px;
}

.checklist-kitoltes-info {
    display: none;
    margin-top: 20px;
}

.checklist-naptar-nap {
    margin-top: 10px;
}

a.checklist-naptar-bevonando {
    color: #de0000;
}

p.checklist-naptar-bevonando {
    color: #de0000;
    font-weight: bold;
}

p.checklist-naptar-uj {
    color: #9bd234;
    font-weight: bold;
}

.checklist-row-divider {
    border-top: 1px solid #e1e1e1;
}

.checklist-row-week {
    margin-top: 15px;;
}

.show-group-checklist {
    margin-top: 10px;;
}

.show-row-checklist {
    margin-top: 5px;;
}

.form-bottom-buttons {
    margin-top: 25px;
}

.box.kiemelt-palyazat-box .title {
    background-color: #fdb913;
    box-shadow: none;
}

.ajanlomondat .part h2 {
    padding: 0;
    font-size: 18px;
    margin: 0;
    padding-left: 0px;
}

.ajanlomondat .part .label-container {
    margin-top: 20px;
}

.nowrap {
    white-space: nowrap;
}

table.table tbody td.tervteljesites-fail, .tervteljesites-fail {
    color: #de0000;
    font-weight: bold;
}

table.table tbody td.tervteljesites-success, .tervteljesites-success {
    color: #9dd335;
    font-weight: bold;
}

table.table tbody td.subheader {
    font-weight: bold;
    padding: 10px;
}

table.table.forgalmiadat tbody td {
    padding: 20px 12px;
}

form.sorsjegy-igeny .checkbox {
    margin-top: 4px;
}

ul.ui-autocomplete.ui-menu {
    z-index: 5 !important;
}

form.osztonzo-termkez-form {
    margin-top: 25px;
}

@media all and (min-width: 1040px) {
    form.osztonzo-termkez-form input[type=checkbox] {
        margin-top: 15px;
    }
}

table.table tbody td.osztonzoprogram-fail, .osztonzoprogram-fail {
    color: #de0000;
}

table.table tbody td.osztonzoprogram-success, .osztonzoprogram-success {
    color: #9dd335;
}

.osztonzoprogram-szumma {
    font-size: 18px;
}

.szuperbrutto-osszeg {
    min-width: 110px;
}

.forgalmi-adat-row {
    /* ezektől ugyanolyan magasak lesznek a dobozok */
    display: flex;
    flex-wrap: wrap;
}

.forgalmi-adat-row .forgalmi-adat-title {
    color: #FFF;
    display:flex;
    justify-content: space-between;
    padding: 15px;
}

.forgalmi-adat-row .forgalmi-adat-nodata {
    font-size: 18px;
    padding: 50px 0;
}

.forgalmi-adat-row .forgalmi-adat-nodata i {
    font-size: 25px;
    margin-bottom: 5px;
    color: #ffc22e;
}

.forgalmi-adat-row .forgalmi-adat-total {
    flex-grow: 1;
}

.forgalmi-adat-row dl {
    margin-bottom: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.forgalmi-adat-row dd {
    min-width: 40%;
}

.forgalmi-adat-row dt, .forgalmi-adat-row dd {
    padding: 10px 15px;
}

.forgalmi-adat-sort {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.forgalmi-adat-sort label {
    margin-right: 5px;
}

.forgalmi-adat-row .forgalmi-adat-title {
    color: #FFF;
    display:flex;
    justify-content: space-between;
    padding: 15px;
}

.panel-footer {
    background-color: #fff;
}

.openable-container .openable-opener {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    margin-bottom: 20px;
}

.openable-container.box .openable-opener {
    padding: 23px;
    margin-bottom: 0;
}

.openable-container .openable-opener .openable-icon:before {
    font-family: 'Glyphicons Halflings';
    font-size: 20px;
    font-style: normal;
    content: "\2212";
}

.openable-container .openable-opener.collapsed .openable-icon:before {
    content: "\002b";
}

.openable-container h2, .openable-container table {
    margin-bottom: 0;
}

.openable-container.box .openable-content {
    padding: 0 23px;
}

table.table.tervadat {
    width: auto;
    display: block;
    overflow-x: auto;
    white-space: nowrap;
}

table.table.tervadat td, table.table.tervadat th {
    border-top: 0;
    padding: 5px 20px;
}

table.table.tervadat th {
    font-size: 16px;
}

.notification-box {
    padding: 14px 26px;
    color: #fff;
    margin-bottom: 20px;
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.notification-box-header {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #FFFFFF4D;
    padding-bottom: 10px;
    width: 100%;
}

.notification-box-header.no-border {
    border: none;
    padding-top: 16px;
    padding-bottom: 16px;
}

.notification-box.success {
    background: radial-gradient(44.55% 430.94% at 50.41% 58.9%, #8BDD53 0%, #77BE46 100%), #77BE46;
}

.notification-box.error {
    background: radial-gradient(44.55% 430.94% at 50.41% 58.9%, #EA3636 0%, #C71818 100%), #77BE46;
}

.notification-box.info {
    background: radial-gradient(44.55% 430.94% at 50.41% 58.9%, #AFAFAF 0%, #8C8C8C 100%);
}

.notification-box .notification-box-title {
    font-size: 20px;
    line-height: 27px;
    font-weight: 600;
}

.notification-box .notification-box-icon {
    width: 30px;
    height: 30px;
    margin-right: 16px;
    display: flex;
    align-items: center;
}

.notification-box .notification-box-body {
    width: 100%;
}

.notification-box .notification-box-body ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.notification-box .notification-box-body ul li {
    border-bottom: 1px solid #FFFFFF4D;
    padding: 8px 0;
}

.notification-box .notification-box-body ul li:last-child {
    border: none;

}

.notification-box .notification-box-body .nyilatkozat-elements {
    list-style: initial;
    margin-left: 25px;
}

.notification-box .notification-box-body .nyilatkozat-elements li {
    border-bottom: none;
    padding: 0;
}

.notification-box a {
    color: #FFF;
    font-weight: bold;
}

.notification-box.checklist-notification-box .notification-box-title {
    font-weight: 600;
    font-size: 16px;
}