html, body, div, img, a, h5, h4, h3 {
    margin: 0;
    padding: 0;
    border: 0;
    text-decoration: none;
    color: #272727;
}

html, body {
    width: 100%;
    text-align: center;
    background-color: #fff;
}

a {
    text-decoration: none;
    color: #779A00;
}

html {
    font: 13px Arial, sans-serif;
    background: #EEE;
}

.badf {
    color: red;
    background: url(../img/msg/badf.png?n) left no-repeat;
    padding-left: 20px;
}

.gray {
    color: #8a8a8a
}

.ultragray {
    color: #B7B7B7
}

.red {
    color: #FF0000
}

.bold {
    font-weight: bolder
}

.small {
    font-size: 11px
}

.big {
    font-size: 14px
}

.biger {
    font-size: 17px
}

.bigest {
    font-size: 19px
}

.italic {
    font-style: italic
}

.belka, .boks {
    float: left;
    width: 100%;
}

.boks2 {
    float: left;
    width: 48%;
    margin: 0 1%;
}

.pad20 {
    padding: 20px
}

.pad020 {
    padding: 0 20px
}

h1, h2, h3, h4, h5 {
    float: left;
    width: 97%;
    margin: 4px 1% 5px 2%;
    padding-bottom: 4px;
    color: #1D1D1B /*#F37D00*/;
}

h1.orange, h3.orange, a.orange, .orange {
    color: #1D1D1B /*#F37D00*/
}

h1 .wiecej {
    float: right;
    margin: 5px 5px 0 10px;
    font: 11px Arial, sans-serif;
    letter-spacing: 0;
    color: #BF9758;
}

h1, h4 {
    font-weight: normal;
    font-family: Arial, sans-serif
}

h1 {
    font-size: 18px;
}

h2 {
    font-size: 16px;
    font-weight: normal
}

h3 {
    font-size: 13px;
}

h4 {
    font-size: 13px;
}

h5 {
    font-size: 12px;
}

h2+em {
    font-size: 11px;
    margin: -10px 0 20px 10px
}

p img.icon {
    float: left;
    margin-right: 5px
}

#top, #container, #stopka {
    text-align: left;
    width: 100%;
    position: relative;
}

#container, #stopka {
    overflow: hidden
}

#container {
    margin-top: -1px;
    background-color: #fff;
}

#top, #stopka {
    left: 0;
    z-index: 2;
    height: 44px;
}

#top {
    top: 0;
    background: #fff;
}

#stopka {
    bottom: -3px;
    background-color: #303031;
}

#logo {
    float: left;
    margin: 0 0 0 21px
}

#user_box {
    float: right;
    margin: 10px 10px 0 10px;
    line-height: 1.8em;
    color: #908F8F;
}

#user_box a {
    color: #908F8F;
}

#user_box a b {
    margin: 0 5px
}

#user_box img.r {
    margin-left: 5px;
    height: 20px;
    margin-top: 2px;
    margin-right: 5px;
}

#usermenu {
    position: absolute;
    right: 0;
    top: 43px;
    width: 120px;
    /*background: #2D2D2D;*/
    background: #ed3025;
    margin: 0;
    padding: 5px;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #272727;
    list-style-type: none;
    text-align: left;
    display: none;
}

#usermenu a {
    display: block;
    padding: 5px 13px;
    color: #FFF;
    font: bold 11px Arial, sans-serif;
}

#usermenu a:hover {
    color: #1D1D1B /*#F37D00*/;
}

#szukaj_box input[type="text"], .nform input[type="text"], .nform input[type="password"], .nform select, .nform textarea {
    float: left;
    padding: 4px;
}

.nform input[type="text"], .nform input[type="password"], .nform select, .nform textarea {
    border: 1px solid #EFEFEF;
    background-color: #EFEFEF;
    color: #5a5a5a;
    margin: 0 5px 0 0;
    width: 140px;
}

#container .nform input, #container .nform select, #container .nform textarea {
    color: #5a5a5a;
    width: auto;
}

#container .nform input:focus, #container .nform select:focus, #container .nform textarea:focus {
    outline: none;
}

#container .nform .submit input {
    color: #fff;
    transition: .2s ease-in-out;
}

.nform label {
    float: left;
    padding: 4px 10px;
}

.nform input[type="text"]:focus, .nform input[type="password"]:focus, .nform select:focus, .nform textarea:focus {
    border-color: #ED2E25;
    color: #A05216;
}

.aso .nform label {
    width: 90%
}

input[type="image"]:hover, input[type="submit"]:hover {
    opacity: 0.7;
    cursor: pointer;
}

#szukaj_box {
    float: right;
    margin: 10px 10px 0 0;
}

#szukaj_box input[type="text"] {
    width: 130px;
    height: 18px;
    margin: 0 4px 0 0;
    border: none;
    color: #fff;
    padding-left: 10px;
    background-color: #ED2E25/*#8a8a8a*/;
}

#szukaj_box input[type="text"]:focus {
    background: #fff;
    color: #212121;
    border: 1px solid #F37D00;
    outline: none;
    height: 16px;
}

#szukaj_box input[type="image"] {
    float: left;
    height: 16px;
    background-color: #ED2E25/*#F37D00*/;
    padding: 5px;
}

#koszyk_box {
    text-align: left;
    float: right;
    padding: 0 5px;
    width: 90px;
    margin: 20px 8px 0 0;
    color: #8a8a8a;
}

#koszyk_box small {
    font-size: 11px;
    line-height: 1.2em;
    float: left;
}

#menu_top {
    position: relative;
    float: left;
}

#menu_top ul {
    list-style-type: none;
    margin: 10px 0 0 29px;
    padding: 0;
}

#menu_top ul li {
    float: left;
    margin: 1px 1px 0 0;
    padding: 9px 7px 7px;
    width: 124px;
    position: relative;
    display: block;
    z-index: 100;
    text-align: left;
    height: 16px;
    overflow: hidden;
    background-color: #ED2E25/*#8a8a8a*/;
    transition: .2s ease-in-out;
}

#menu_top ul li a {
    transition: .2s ease-in-out;
}

#menu_top ul li:hover {
    background-color: #efefef;
}

#menu_top ul li:hover a {
    color: #1D1D1B /*#F37D00*/;
}

#menu_top ul li.active {
    /*background-image: url(../img/taba.jpg?n);*/
    border: none;
    width: 138px;
    margin-top: 1px;
    height: 16px;
    /*overflow: hidden;*/
    /*background-color: #fff;*/
    background-color: #efefef;
}

#menu_top ul li img {
    float: left;
    margin: 1px 5px 0 5px;
    opacity: .6;
}

#menu_top ul li.active img {
    opacity: 1;
}

#menu_top a {
    font: 13px Arial, sans-serif;
    display: block;
    color: #fff;
    white-space: nowrap;
}

#menu_top ul li.active a {
    color: #1D1D1B /*#FFCC79*//*#F37D00*/;
    font-weight: bolder;
}

#lewa {
    float: left;
    width: 210px;
    background-color: #ED2E25/*#5a5a5a*/;
}

#menu_lewa h1 {
    margin: 0 0 10px 0;
    width: 181px;
    padding: 12px 0 2px 10px;
}

#menu_lewa h1 span {
    float: right;
    margin: -2px 10px 0 0;
}

#menu_lewa ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#menu_lewa ul li {
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
    position: relative;
}

#menu_lewa ul li a {
    color: #1D1D1B/*#FFF*/;
    float: left;
    width: 90%;
    font-size: 12px;
    padding: 5px 5%;
    transition: .2s ease-in-out;
}

#menu_lewa ul li .expander {
    position: absolute;
    right: 5px;
    top: 11px;
    width: 7px;
    height: 7px;
    padding: 4px;
    z-index: 100;
    cursor: pointer;
}

#menu_lewa ul li.collapsed>.expander {
    background: url(../img/menu_l_r.png?n) no-repeat;
}

#menu_lewa ul li.expanded>.expander {
    background: url(../img/menu_l_d.png?n) no-repeat;
}

#menu_lewa ul li a:hover {
    color: #1D1D1B /*#F37D00*/;
    background-color: #efefef;
}

#menu_lewa ul li.active>a {
    background: #fff;
    color: #1D1D1B /*#F37D00*/;
}

#menu_lewa>ul>li {
    border-bottom: none;
}

#menu_lewa>ul>li>a {
    padding-top: 8px;
    padding-bottom: 8px;
}

#menu_lewa>ul>li>a:hover {
    background-position: -191px 22px;
}

#menu_lewa ul li ul {
    margin-left: 16px;
}

#menu_lewa ul li.collapsed>ul {
    display: none;
}

#srodek {
    padding: 0;
    position: relative;
    overflow: hidden;
    /*background: #FFF url(../img/gr-top.jpg?n) repeat-x;*/
    background-color: #fff;
    line-height: 170%;
    border: 1px solid #EFEFEF;
    padding: 10px 7px 25px;
    margin: 0 5px 10px 210px;
    font-size: 12px;
    box-shadow: none;
}

#srodek_bottom {
    /*background: url(../img/gr-bot.jpg?n) bottom repeat-x;*/
    position: absolute;
    left: 0;
    bottom: 0;
    height: 25px;
    width: 100%;
}


/* 
#srodek p{
text-indent:12px;
} */

.whitebox {
    position: relative;
    overflow: hidden;
    /*background: #FFF url(../img/whitebox.png?n) repeat-x;*/
    margin: 10px 0 10px 0;
    border: 1px solid #EFEFEF;
}

.wynik2 {
    width: 49%;
    margin-right: 1%;
}

.wiecej {
    float: right;
    margin: 1px 10px 1px 0;
}

.wiecej:hover {
    float: right;
    opacity: 0.7;
}

.wiecej:active {
    margin: 2px 9px 0 1px;
}

.wyniki.aso {
    width: 100%;
    padding: 3px 0;
    border-bottom: 1px solid #B6B6B6;
    transition: .2s ease-in-out;
}

.aso h3 {
    margin: 0;
    padding: 0;
}


/*form:nth-child(2n + 1) .aso {
    background: #EEE;
}*/

form .aso:hover {
    background: #e6e6e6;
}

.aso .lp {
    position: relative;
    width: 30px;
    padding-left: 5px;
    color: #888;
    font-size: 14px
}

.aso .fav {
    width: 20px
}

.aso .fav a {
    float: left;
    width: 16px;
    height: 16px;
    background: url(../img/fav.png?n) 0 0 no-repeat
}

.aso .fav a.a {
    background-position: 0 -16px
}

.aso .img {
    width: 100px
}

.aso .nazwa {
    width: 20%
}

.aso .prom {
    width: 120px;
}

.aso .prom img {
    color: #fff;
    padding: 5px 15px;
    text-align: center;
    min-width: 60px;
}

.aso .imgmin {
    margin: 0
}

.aso .szt {
    width: 70px
}

.aso input[type="text"] {
    text-align: center
}

.aso .submit {
    width: 80px;
    padding-top: 22px;
}

.aso .submit input:focus {
    outline: none;
}

.aso .konf .l {
    padding: 0 5px;
    height: 55px
}

.aso .konf label, .aso .szt label {
    color: #1D1D1B /*#F37D00*/;
    font-size: 11px;
    padding: 1px 0
}

.aso .konf select.colorselect, .aso .konf select.imgselect {
    padding-left: 70px;
}

.aso .ui-selectmenu, .ui-selectmenu-menu-dropdown li a {
    color: #5a5a5a;
    font: 12px Arial, sans-serif;
    text-align: left
}

.aso .ui-selectmenu {
    background: #F3F3F3 url(../img/input.jpg?n) bott repeat-x;
    border-color: #D5D5D5;
    height: 25px;
    transition: .2s ease-in-out;
}

.ui-selectmenu-item-icon {
    width: 70px;
    height: 70px
}

.aso .konf .ui-selectmenu-icon {
    background: url(../img/select-arrow.jpg?n) no-repeat;
    top: 0;
    right: 0;
    margin: 0;
    width: 25px;
    height: 25px
}

.aso .konf .ui-selectmenu-item-icon {
    width: 18px;
    height: 18px;
    background-position: center
}

.aso .konf .ui-selectmenu-status {
    text-align: center
}

.ui-selectmenu-menu-dropdown li:first-child a {
    color: #A7A7A7
}

.ui-selectmenu-menu-dropdown .coloroption, .ui-selectmenu-menu-dropdown .imgoption {
    height: 75px
}

.ui-selectmenu-menu-dropdown .imgoption.unex_img {
    height: auto
}

.ui-selectmenu-menu-dropdown .imgoption.unex_img .ui-selectmenu-item-icon {
    display: none
}

body .ui-selectmenu-menu-dropdown .coloroption a, body .ui-selectmenu-menu-dropdown .imgoption a {
    padding: 30px 0 0 70px;
    text-align: center
}

body .ui-selectmenu-menu-dropdown .imgoption.unex_img a {
    padding: 0.405em 2.1em 0.405em 1em;
    text-align: left
}

#szybki-kontakt {
    float: right;
    position: relative;
    width: 191px;
    padding: 12px 0 0 0;
    margin: 10px 0 0 0;
    height: 190px;
    background: url(../img/kontakt.png?n) no-repeat;
}

#szybki-kontakt h4, #stopka h1 {
    color: #FFF;
    text-shadow: -1px -1px 0 #2E811C;
}

#szybki-kontakt div {
    float: left;
    margin: 0 0 0 25px;
    width: 100px;
    text-align: left;
}

#szybki-kontakt p, #szybki-kontakt a {
    color: #D9FF87;
    padding: 0;
    margin: 4px 0;
    white-space: nowrap;
}

#szybki-kontakt p img {
    vertical-align: middle;
    margin-right: 5px;
}

#szybki-kontakt h4 {
    text-align: center;
}

#szybki-kontakt h4 big, #szybki-kontakt h4 small {
    clear: both;
    display: block;
}

#szybki-kontakt h4 big {
    font-size: 16px;
}

#szybki-kontakt h4 small {
    font-size: 13px;
    margin: 0 0 0 40px;
}

#szybki-kontakt .sl {
    position: absolute;
    left: -45px;
    top: 128px;
}

.l, #newsletter input, #facebook span, #facebook a {
    float: left
}

.r {
    float: right
}

.center, #top, .button, .porcjowanie, .good, .bad, .info {
    text-align: center
}

.right {
    text-align: right
}

.left {
    text-align: left
}

#stopka #klient {
    float: left;
    margin: 16px 0 0 10px;
    color: #fff;
}

#stopka #intellect {
    float: right;
    color: #908F8F;
    margin-right: 20px;
    margin-top: 20px;
    width: 160px;
}

.footer-logo {
    width: 90px;
    transform: translateY(-37%);
}

.good, .bad, .info {
    font-size: 13px;
    padding: 15px 20px 15px 70px;
    min-height: 20px;
    width: 71%;
    float: left;
    margin: 10px 9% 20px 9%;
}

.bad {
    color: red;
    border: 1px solid #FF5555;
    background: #FEE url(../img/msg/bad.png?n) 15px 50% no-repeat;
}

.good {
    color: Green;
    border: 1px solid #7C9B24;
    background: #EFE url(../img/msg/good.png?n) 15px 50% no-repeat;
}

.info {
    color: #272727;
    border: 1px solid #DDC18B;
    background: #FCF9F4 url(../img/msg/info.png?n) 15px 50% no-repeat;
}

.porcjowanie {
    width: 99%;
    float: left;
    margin-top: 20px;
    padding-top: 10px;
    color: #8a8a8a;
}

.porcjowanie a {
    color: #F77132
}

.powr {
    float: left;
    clear: both;
    color: #A05216;
    padding: 2px 0 2px 20px;
    background: url(../img/powrot.png?n) left no-repeat;
    font-size: 11px;
    margin: 0 10px 0 0;
}

.imgmin, .boxfiledit {
    float: left;
    margin: 5px;
    background: #FFF;
    border: 1px solid #1D1D1B/*#F37D00*/;
}

.imgmin img, .boxfiledit img {
    float: left;
    padding: 2px
}

.imgmin.big img {
    padding: 4px
}

.tresc_box {
    position: relative;
    margin: 0 auto
}

.tresc_box h2, h2.category_title {
    margin: 10px 0 10px;
    padding-bottom: 5px;
    width: 99%;
}

.tresc_box h2+em {
    float: left;
    width: 100%;
    margin-bottom: 15px;
    color: #8a8a8a;
}

.tresc_box .galeria {
    float: right;
    margin-left: 5px;
    border-left: 1px solid #DDD;
}

.tresc_box .galeria .imgmin {
    clear: both;
    margin-left: 10px
}

#galeria_szczeg {
    margin-bottom: 20px
}

#galeria_szczeg .boks {
    padding: 10px 0
}

.wal {
    font-size: inherit;
    color: inherit
}

.orangebox img.p {
    position: absolute;
    left: 0;
    top: -5px;
}

.orangebox img.p+img.p {
    top: auto;
    bottom: -10px
}

table.view, table.userview {
    float: left;
    width: 100%;
    line-height: 1.5em;
}

table.view th {
    text-align: center;
    border-bottom: 1px solid #EFEFEF;
    background-color: #ED2E25;
    padding: 8px 4px;
    color: #fff;
    line-height: 1em;
}

table.view tr:nth-child(2n + 3) td, table.userview tr:nth-child(2n + 3) td {
    background: #EEE;
}

table.view tr:last-child td {
    background: transparent;
    border-top: 1px solid #EFEFEF;
    padding: 8px 4px;
}

table.view td {
    padding: 3px 4px;
    font-size: 11px;
    min-height: 21px;
}

table.view td.big {
    font-size: 13px
}

table.view b {
    color: #1D1D1B;
    font-size: 12px;
}

table.view input[type="text"], table.view input[type="submit"] {
    padding: 2px;
}

table.view input[type="text"] {
    text-align: center;
    width: 25px;
    border: 1px solid #DDD;
    background: #F3F3F3 url(../img/input.jpg) bottom repeat-x;
    color: #5a5a5a;
}

table.view input[type="text"]:focus {
    background: #FFE;
    border-color: #FFC900;
}

table.view input[type="submit"] {
    margin-left: 4px;
    padding: 2px 4px;
    border: none;
    font-size: 13px;
    color: #FFF;
    text-shadow: none;
    /*background: url(../img/gradient-ziel.jpg?n) repeat-x;*/
    background-color: #8a8a8a;
}

table.view input[type="submit"].orange {
    text-shadow: none;
    /*background-image: url(../img/gradient-orange.jpg?n)*/
    margin-top: 1px;
    background-color: #ED2E25;
}

table.view input[type="submit"]:focus {
    outline: none;
}

table.userview {
    background: #FFF;
    text-align: center;
}

table.userview th {
    color: #FFF;
    text-shadow: none;
    background-color: #ED2E25;
    padding: 8px 4px;
    line-height: 1em;
}

table.view th:first-child, table.userview th:first-child{
    width: 30px;
    min-width: 30px;
}

table.userview td {
    padding: 5px;
    border-left: 1px dotted #EFEFEF;
    border-bottom: 1px dotted #EFEFEF;
    color: #272727;
}

/*
table.userview tr td:first-child {
    border-left: none;
}*/

.edit, .edit table {
    float: left;
    width: 100%;
    text-align: center;
}

.edit fieldset {
    margin: 10px auto;
    border: 1px solid #DDD;
}

.edit legend {
    border: 1px solid #DDD;
    color: #F77132;
    margin-bottom: 20px;
    font-family: sans-serif;
    padding: 4px 10px;
    background: #FFF;
}

.edit tr td:first-child {
    width: 35%
}

.edit td {
    text-align: left
}

.edit td label {
    float: right
}

.edit td .help {
    float: left;
    width: 100%;
    font-size: 10px;
    color: #8a8a8a;
}
#tekst
{
    float:left;
    pading:0!important;
}
label.checkbox {

    float: left;
    width: 98%;
    padding: 2px;
}

label.checkbox input {
    float: left

}

.dosnazwa {
    float: left;
    width: 200px
}

#container .edit input[type="submit"], .bt-ziel {
    float: right;
    margin: 10px 10px 0 0;
}

#container .edit input[type="submit"], .bt-ziel, .bt-orange {
    padding: 5px 25px;
    /*background: url(../img/gradient-ziel.jpg?n) repeat-x;*/
    color: #FFF;
    border: none;
    background-color: #ED2E25;
}

#container .edit input[type="submit"]:active, .bt-ziel:active, .bt-orange:active {
    opacity: .8;
}

.bt-ziel, .bt-orange {
    line-height: 1.4em
}

#container .edit input[type="submit"].orange, .bt-orange {
    float: left;
    padding: 5px 25px;
    margin: 10px 0 0 10px;
}

#container .highslide-active-anchor img {
    visibility: visible
}

#info_layer {
    position: absolute;
    margin: 0 auto;
    left: 50%;
    top: 50%;
    width: 700px;
    height: 400px;
    background: #FFF;
    border: 1px solid #F00;
}

.noty_text, .noty_message, .noty_bar {
    color: inherit
}

#waiting {
    margin: 16px 25px 0 0;
    display: none
}

#nawigacja_koszyk {
    color: #FFF;
    background: #8a8a8a;
    font-weight: bold;
    position: absolute;
    right: 400px;
    top: 17px;
    line-height: 22px;
    padding: 0 0 0 10px;
    font-size: 11px;
}

#nawigacja_koszyk_sum {
    background: #ED2E25;
    font-size: 13px;
    padding: 0 10px;
    margin-left: 10px;
    line-height: 24px;
    display: inline-block;
}

#nawigacja {
    position: absolute;
    top: 18px;
    right: 10px;
    color: #8a8a8a;
    font-size: 10px
}

#nawigacja select {
    padding: 2px;
    font-size: 11px;
    margin: 0 10px;
    border: 1px solid #D5D5D5;
    background: #EFEFEF;
    color: #8E8D8D;
}

#nawigacja a {
    padding: 0 5px;
    color: #674300
}

#nawigacja a.active {
    padding: 0 5px;
    color: #F77132;
    font-size: 12px
}

#nawigacja a+a {
    border-left: 1px solid #F7CA85
}

#menu_bottom {
    float: left;
    list-style-type: none;
    margin: 0
}

#menu_bottom li {
    float: left;
    padding-left: 3px
}

#menu_bottom a {
    height: 43px;
    padding: 0 20px;
    display: block;
    color: #FFF;
    line-height: 3.8em;
    font-size: 12px;
    transition: .2s ease-in-out;
}

#menu_bottom a img.l {
    margin: 18px 10px 0 0
}

#menu_bottom a.active {
    color: #F77132
}

#menu_bottom a:hover {
    background: #efefef;
    color: #1D1D1B /*#F37D00*/
}

#terminarz {
    position: relative;
    overflow: hidden;
    font-family: inherit;
    background: none;
    border: none;
    padding: 10px;
}

#terminarz ul {
    background: none;
    border: none;
}

#terminarz li {
    margin-top: 7px
}

#terminarz li a {
    width: 30px;
    padding: 2px 10px;
    text-align: center;
    color: #674300;
}

#terminarz li.ui-state-active {
    margin-top: 1px;
}

.ui-state-hover {
    background: #fff!important;
}

#terminarz li.ui-state-active a {
    padding: 5px 10px;
    color: #1D1D1B /*#F37D00*/;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #EFEFEF!important;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background: #fff!important;
    border: 1px solid #F37D00!important;
}

#terminarz>div {
    background: #FFF;
    padding: 10px;
    float: left;
    width: 640px;
    border: 1px solid #EFEFEF;
}

.calendar td, .calendar th {
    text-align: center;
    padding: 5px;
    width: 25px;
    height: 25px;
    border-right: 1px solid #EFEFEF;
    border-bottom: 1px solid #EFEFEF
}

.calendar tr:first-child td {
    border-top: 1px solid #EFEFEF;
    font-size: 10px;
    font-weight: bolder;
    background: #EFEFEF;
    padding: 0
}

.calendar th {
    font-size: 11px;
    background: #DADEDA
}

.calendar th:nth-child(6), .calendar td:nth-child(6) {
    color: #A7A7A7
}

.calendar th:nth-child(7), .calendar td:nth-child(7) {
    color: #F72020
}

.calendar td:empty {
    background: #EFEFEF;
}

.calendar td.marked {
    background: #84C351 url(../img/bar.jpg?n) 0 0 repeat-x;
    color: #FFF;
    border-color: #EFEFEF;
    font-weight: bolder
}

.calendar td:first-child, .calendar th:first-child {
    border-left: 1px solid #EFEFEF
}


/* @POPUP */

.popup-wrap {
    background: url(../img/black-50.png);
}

.popup-wrap .popup-content {
    display: none;
}

.popup-wrap .popup-content .popup-close {
    position: absolute;
    top: -32px;
    right: 0;
    display: block;
    width: 32px;
    height: 32px;
    background: url(../img/btn-close-1.png) no-repeat right;
}

.frame {
    max-height: 100px;
    border: 1px solid #EFEFEF;
    padding: 0 2%;
    width: 94%;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: scroll;
}

.ui-corner-all, .ui-corner-top, .ui-corner-bottom {
    border-radius: 0;
}

.loginButton {
    padding: 4px 15px;
    height: 20px;
    background-color: #ED2E25/*#F37D00*/;
    transition: .2s ease-in-out;
}

.login-page {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    border: 0 !important;
}
.login-page .category_title {
    display: inline-block;
    width: auto;
}
.login-page .login-form {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.login-page .boks {
    width: auto;
}
.login-page {}