@font-face {
    font-family: RobotoLight;
    src: url(/fonts/Roboto/Roboto-Light.ttf);
}
@font-face {
    font-family: RobotoMedium;
    src: url(/fonts/Roboto/Roboto-Medium.ttf);
}
@font-face {
    font-family: RobotoRegular;
    src: url(/fonts/Roboto/Roboto-Regular.ttf);
}
@font-face {
    font-family: RobotoBold;
    src: url(/fonts/Roboto/Roboto-Bold.ttf);
}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
html{
    height: 100%;
}
body {
    font-family: 'RobotoLight', sans-serif;
    font-size: 14px;
    height: 100%;
    position: relative;
    color: #1b1a1b;
    background: #fff;
    line-height: 1.3;
    width: 100%;
    min-width: 320px;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
    position: relative;
}
ul {
    list-style: disc;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0;
    margin-left: 15px;
}
table ul{
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    text-decoration: none;
    color: #2f2f2f;
    transition: all 0.3s ease;
}
a:hover{
    color: #1780b1;
}
sup {
    vertical-align: super;
    font-size: smaller;
}
/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse: separate;
    border-spacing: 3px;
    width: 100%;
}
td{
    border: 0px solid #ddd;
    padding: 10px;
    vertical-align: top;
    text-align: center;
}
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select, button {
    vertical-align:middle;
    font-size: 15px;
    font-family: 'RobotoMedium', 'sans-serif';
}
p{
    display: block;
    margin: 0;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
pad{
    font-family: 'RobotoMedium', sans-serif;
    font-style: normal;
    font-weight: normal;
}
.Loader{
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 99999;
    background: #fff;
    text-align: center;
    line-height: 100vh;
}
.LoaderInner{
    display: inline-block;
    width: 300px;
    max-width: 100%;
    vertical-align: middle;
    line-height: 1;
    text-align: center;
}
.Loader img{
    width: 150px;
    max-width: 100%;
    margin: 0 auto;
    display: block;
}
/* GENERAL */
.Col1x2{
    display: inline-block;
    width: 50%;
}
.Col1x3{
    display: inline-block;
    width: 33.33%;
}
.Col1x4{
    display: inline-block;
    width: 25%;
}
.Col1x5{
    display: inline-block;
    width: 20%;
}
.ShrinkContainer{
    display: block;
    margin: 0 auto;
    width: 1200px;
    max-width: 100%;
}
/* GENERAL END */
/* LOGIN */
.Login{
    display: block;
    position: relative;
    width: 100%;
    height: 100vh;
    line-height: 100vh;
    overflow: auto;
    text-align: center;
    font-size: 0;
}
.LoginInner{
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    width: 80%;
    max-width: 1200px;
}
.LoginLeft, .LoginRight{
    display: inline-block;
    width: calc(50% - 43px);
    padding: 20px;
    vertical-align: middle;
}
.LoginRight{
    text-align: left;
}
.LoginLeft{
    border-right: 1px solid #1780b1;
}
.LoginLeft img{
    display: block;
    width: 100%;
}
.ForgotForm{
    display: none;
}
.LoginLabel{
    display: block;
    position: relative;
    margin: 10px 0;
}
.LoginLabel input{
    display: block;
    padding: 10px;
    border-radius: 3px;
    background: #d6d4d4;
    color: #1b1a1b;
    border: 1px solid #8b8a8a;
}
.LoginRight button{
    display: block;
    padding: 10px 20px;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    background: #fc0612;
    border: 1px solid #fc0612;
    margin: 10px 0;
    cursor: pointer;
    transition: all 0.4s ease;
    border-radius: 3px;
}
.LoginRight button:hover{
    background: #2f2f2f;
}
.LoginRight a{
    color: #1780b1;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.4s ease;
    font-size: 14px;
}
.LoginRight a:hover{
    text-decoration: underline;
}
.LoginTitle{
    font-family: "RobotoLight", sans-serif;
    font-size: 32px;
    line-height: 1.3;
    margin: 10px 0;
}
.LoginResponse, .ForgotResponse{
    font-size: 14px;
    display: block;
}
.RedText{
    color: #fc0612;
}
.BlueText{
    color: #1780b1;
}
/* LOGIN END */
/* FOOTER */
footer{
    display: block;
    position: relative;
    font-size: 0;
    background: #2f2f2f;
    color: #fff;
}
.FooterContainer{
    padding: 15px;
    font-size: 12px;
}
.AlignRight{
    text-align: right;
}
footer a{
    color: #f1f1f2;
}
footer .Col1x2{
    vertical-align: middle;
}
/* FOOTER END */
/* HEADER */
header{
    display: block;
    position: relative;
    font-size: 0;
    line-height: 0;
}
.TopHeader{
    display: block;
    position: relative;
    background: #2f2f2f;
    color: #fff;
    line-height: 1;
}
.Valuta{
    font-family: "RobotoBold", sans-serif;
    font-size: 15px;
    /* padding: 10px 0; */
    text-transform: uppercase;
    margin-left: 5px;
    display: inline-block;
}
.BoughtBefore{
    font-size: 14px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    border-radius: 50%;
    margin: 5px 0;
    color: #fff;
    background: #12a059;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    transition: all 0.5s ease;
}
.BoughtBefore:hover{
    background: #fff;
    color: #12a059;
}
.LogoutContainer{
    text-align: right;
}
.LogoutContainer a{
    display: block;
    color: #fff;
    font-size: 14px;
    margin-right: 5px;
}
.LogoutContainer a:hover{
    color: #fc0612;
}
header .Col1x3,
header .Col1x4,
header .Col1x2{
    vertical-align: middle;
}
.BottomHeader{
    background: #f1f1f6;
}
.BottomHeader img{
    display: block;
    width: calc(100% - 20px);
    margin: 10px;
    margin-left: 0;
}
.PretragaHeader{
    width: 70%;
    display: inline-block;
    vertical-align: middle;
}
.BottomHeader input{
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 50px);
    border: 1px solid #2f2f2f;
    padding: 10px;
    border-right: 0;
    border-radius: 3px;
    margin-right: -40px;
}
.BottomHeader button{
    width: 42px;
    height: 42px;
    line-height: 32px;
    font-size: 18px;
    border: 1px solid #2f2f2f;
    background: #1780b1;
    color: #fff;
    border-radius: 3px;
    cursor: pointer;
    transition: all 0.4s ease;
}
.BottomHeader button:hover{
    background: #1b1a1b;
}
.HeaderProfile{
    display: block;
    text-align: right;
    padding: 5px;
}
.HeaderProfileInner{
    display: inline-block;
    vertical-align: middle;
}
.HeaderProfileInner i{
    display: inline-block;
    font-size: 30px;
    width: 30px;
    vertical-align: middle;
}
.UserContainer{
    display: inline-block;
    max-width: calc(100% - 40px);
    vertical-align: middle;
    font-size: 14px;
    line-height: 1;
    text-align: left;
    margin-left: 10px;
}
.UserContainer a{
    display: block;
    position: relative;
    margin: 5px 0;
    color: #fc0612;
    font-family: "RobotoMedium", sans-serif;
    text-transform: uppercase;
    font-size: 12px;
}
.UserContainer a:hover{
    color: #2f2f2f;
}
.Basket{
    display: inline-block;
    padding: 5px;
    position: relative;
    width: calc(30% - 10px);
    vertical-align: middle;
    text-align: right;
    white-space: nowrap;
}
.Basket a{
    position: relative;
    display: inline-block;
}
.Basket i{
    font-size: 35px;
    color: #2f2f2f;
    vertical-align: middle;
}
.Basket span{
    font-size: 14px;
    font-family: "RobotoMedium", sans-serif;
    vertical-align: middle;
    padding: 5px;
}
.Basket small{
    font-size: 10px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 20px;
    height: 20px;
    background: red;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
}
.MenuHeader{
    display: block;
    position: relative;
    font-size: 0;
    line-height: 0;
    border-bottom: 1px solid #d6d4d4
}
.MenuActivator{
    background: #2f2f2f;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    padding: 15px 0;
    width: 320px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    font-family: "RobotoMedium", sans-serif;
    vertical-align: middle;
    transition: all 0.4s ease;
}
.MenuActivator:hover{
    background: #1780b1;
    box-shadow: 0 0 3px #2f2f2f;
}
.Filters{
    display: inline-block;
    vertical-align: middle;
    text-align: right;
    width: calc(100% - 320px);
}
.ShowType{
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    padding: 5px;
    cursor: pointer;
}
.SortTypes{
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 130px;
}
.FilterName{
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    margin-left: 10px;
}
.SortTypesInner{
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 3px;
    background: #fff;
    z-index: 1;
}
.ActiveShow{
    color: #1780b1;
}
.SortType{
    line-height: 1;
    font-size: 11px;
    display: none;
    cursor: pointer;
    padding: 5px;
    text-align: left;
}
.ActiveSort,
.SortTypes:hover .SortType{
    display: block;
}
.ActiveSort{
    color: #1780b1;
}
/* HEADER END */
/* MAIN */
main{
    display: block;
    position: relative;
    font-size: 0;
    min-height: calc(100vh - 245px);
}
main .ShrinkContainer{
    position: relative;
}
.MainLeft{
    display: inline-block;
    vertical-align: top;
    width: 320px;
    max-width: 100%;
    border-right: 1px solid #d6d4d4;
    transition: all 0.5s ease;
}
.MainRight{
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 321px);
    position: relative;
    transition: all 0.5s ease;
}
.FullPage .MainLeft{
    opacity: 0;
    width: 0;
    border: 0;
    overflow: hidden;
    height: 0;
}
.FullPage .MainRight{
    width: 100%;
}
.MenuContent{
    display: block;
    position: relative;
}
.MenuGroups{
    display: block;
    list-style: none;
    margin: 0;
}
.MenuGroups li{
    display: block;
    padding: 10px 10px;
    font-size: 14px;
}
.MenuGroups li:hover,
.MenuGroups li.ActiveMenu{
    background: #d6d4d4;
}
.MenuGroups li.ActiveMenuNow{
    background: #8b8a8a;
}
.ActionMenu{
    background: #1780b1;
}
.ActionMenu a{
    color: #fff;
}
.ActionMenu:hover a{
    color: #2f2f2f;
}
.ActionMenu a:hover{
    color: #1780b1;
}
.MenuSubGroups{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-height: calc(100vh - 210px);
    overflow: auto;
    z-index: 2;
}
.GroupToShow{
    display: none;
    padding: 10px;
    background: #d6d4d4;
    font-size: 0;
}
.MenuSubgroup{
    display: inline-block;
    vertical-align: top;
    width: calc(33.33% - 20px);
    font-size: 14px;
    padding: 10px;
}
.GroupSubgroup{
    font-size: 14px;
    display: inline-block;
    width: calc(33% - 30px);
    padding: 10px;
    margin: 5px;
    background: #d6d4d4;
}
/* MAIN END */
/* PRODUCTS */
.Products{
    display: block;
    position: relative;
    padding: 10px;
    padding-left: 5px;
}
.NoResults{
    display: block;
    position: relative;
    text-align: center;
    font-size: 18px;
    background: #2f2f2f;
    color: #fff;
    padding: 10px 0;
    margin: 5px;
}
.ListView .Product{
    display: block;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #d6d4d4;
    padding: 10px 0;
    transition: all 0.4s ease;
    line-height: 1;
}
.ListView .ImgHolder{
    display: inline-block;
    width: 5%;
    position: relative;
    vertical-align: top;
    font-size: 12px;
}
.ListView .OnSaleIcon{
    position: absolute;
    top: -5px;
    right: -5px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 16px;
    color: #FFF;
    background: #fc0814;
    border-radius: 50%;
    text-align: center;
}
.ListView .BoughtThisIcon{
    position: absolute;
    bottom: -5px;
    right: -5px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 16px;
    color: #FFF;
    background: #12a059;
    border-radius: 50%;
    text-align: center;
}
.Products img{
    width: 100%;
}
.ListView .NameCodeHolder{
    width: 45%;
    display: inline-block;
    vertical-align: top;
}
.ListView .NameHolder{
    width: calc(75% - 10px);
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    padding: 5px;
}
.NameHolder a{
    color: #1780b1;
}
.NameHolder a:hover{
    color: #fc0612;
}
.ListView .CodeHolder{
    width: calc(25% - 10px);
    display: inline-block;
    font-size: 12px;
    padding: 5px;
}
.ListView .LagerHolder{
    display: inline-block;
    vertical-align: top;
    font-size: 10px;
    width: 5%;
    padding: 5px 0;
}
.ListView .VPMPCenaHolder{
    display: inline-block;
    vertical-align: top;
    width: 20%;
}
.ListView .VPCenaHolder{
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    font-family: "RobotoMedium", sans-serif;
    width: calc(50% - 10px);
    padding: 5px;
}
.RabatShowAll{
    font-size: 12px;
    color: #12a059;
    display: block;
}
.ListView .MPCenaHolder{
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    width: calc(50% - 10px);
    padding: 5px;
}
.ListView .FormHolder{
    display: inline-block;
    vertical-align: top;
    width: 25%;
}
.ListView .InputHolder{
    display: inline-block;
    width: calc(70% - 2px);
    text-align: center;
    border: 1px solid #d6d4d4;
    vertical-align: top;
    line-height: 0;
    user-select: none;
    font-size: 0;
}
.ProductDec{
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    padding: 5px;
    border-right: 1px solid #d6d4d4;
    cursor: pointer;
    transition: all 0.3s ease;
    /* width: 14px; */
    text-align: center;
}
.ProductInc{
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    padding: 5px;
    border-left: 1px solid #d6d4d4;
    cursor: pointer;
    transition: all 0.3s ease;
    /* width: 14px; */
    text-align: center;
}
.ProductDec:hover,
.ProductInc:hover{
    background: #fc0612;
    color: #fff;
}
.ProductQuantity{
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 50px);
    text-align: center;
    border: 0;
}
.ListView button{
    color: #fff;
    font-size: 0;
    display: inline-block;
    width: calc(30% - 10px);
    padding: 6px 0;
    vertical-align: top;
    margin: 0 5px;
    background: #1780b1;
    border: 1px solid #1780b1;
    border-radius: 3px;
    cursor: pointer;
    transition: all 0.3s ease;
}
.ListView button:hover{
    background: #2f2f2f
}
.ListView button i{
    font-size: 14px;
}
.ProductHead{
    background: #eee;
}
.ProductHead .ImgHolder{
    font-family: "RobotoMedium", sans-serif;
    font-size: 12px;
    padding: 5px;
    width: calc(5% - 10px);
}
.ProductHead .CodeHolder,
.ProductHead .NameHolder,
.ProductHead .VPCenaHolder,
.ProductHead .MPCenaHolder,
.ProductHead .LagerHolder{
    font-size: 12px;
    font-family: "RobotoMedium", sans-serif;
    font-weight: normal;
}
.PagerUl{
    display: block;
    position: relative;
    list-style: none;
    margin: 0;
    text-align: center;
}
.PagerUl li{
    font-size: 12px;
    display: inline-block;
    font-family: "RobotoMedium", sans-serif;
}
.PagerUl a{
    display: block;
    position: relative;
    padding: 10px;
    border: 1px solid;
    margin: 5px;
}
.PagerUl a:hover{
    background: #2f2f2f;
}
.PagerUl .PageIsActive a{
    color: #fc0612;
    border: 1px solid #fc0612;
}
.GridView{
    padding-left: 0;
}
.GridView .Product{
    display: inline-block;
    position: relative;
    width: calc(25% - 30px);
    margin: 5px;
    padding: 10px;
    transition: all 0.4s ease;
    box-shadow: 0 0 3px #d6d4d4;
    vertical-align: top;
    line-height: 1;
}
.GridShow{
    font-size: 0;
}
.GridView .ProductHead{
    display: none;
}
.GridView .NameCodeHolder{
    margin-bottom: 5px;
}
.GridView .CodeHolder{
    font-size: 12px;
    padding: 5px;
}
.GridView .NameHolder{
    font-size: 14px;
    padding: 0 5px;
    height: 42px;
    overflow: hidden;
}
.GridView .LagerHolder{
    font-size: 12px;
    padding: 0 5px;
}
.GridView .VPCenaHolder{
    font-size: 16px;
    font-family: "RobotoMedium", sans-serif;
    padding: 5px;
}
.GridView .MPCenaHolder{
    font-size: 12px;
    padding: 0 5px;
}
.GridView .GridShow{
    font-size: 12px;
}
.GridView button{
    color: #fff;
    font-size: 14px;
    display: inline-block;
    width: 100%;
    padding: 6px 0;
    vertical-align: top;
    background: #1780b1;
    border: 1px solid #1780b1;
    cursor: pointer;
    transition: all 0.3s ease;
}
.GridView button:hover{
    background: #2f2f2f
}
.GridView .InputHolder{
    display: block;
    border: 1px solid #d6d4d4;
    margin-top: 5px;
    user-select: none;
}
.GridView .OnSaleIcon, .ProductLeft .OnSaleIcon{
    position: absolute;
    top: -5px;
    right: -5px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #FFF;
    background: #fc0814;
    border-radius: 50%;
    text-align: center;
}
.GridView .BoughtThisIcon, .ProductLeft .BoughtThisIcon{
    position: absolute;
    top: -5px;
    left: -5px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #FFF;
    background: #12a059;
    border-radius: 50%;
    text-align: center;
}
/* PRODUCTS END */
/* PRODUCT */
.ProductItem{
    display: block;
    position: relative;
    font-size: 0;
    line-height: 0;
    padding: 15px;
}
.ProductLeft{
    display: inline-block;
    vertical-align: middle;
    width: calc(35% - 21px);
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid #d6d4d4;
    position: relative;
}
.ProductLeft img{
    width: 100%;
    display: block;
}
.ProductRight{
    display: inline-block;
    vertical-align: middle;
    width: 65%;
}
.ProductTitle{
    font-size: 24px;
    display: block;
    margin-bottom: 10px;
    font-family: "RobotoMedium", sans-serif;
    font-weight: normal;
    line-height: 1.3;
}
.ProductCode{
    display: inline-block;
    vertical-align: top;
    width: 40%;
    font-size: 14px;
    line-height: 1;
}
.ProductGeneral{
    display: inline-block;
    width: 60%;
    vertical-align: middle;
    line-height: 1;
}
.ProductGeneralLine{
    display: block;
    position: relative;
    border-bottom: 1px solid #d4d4d4;
    padding: 5px;
}
.ProductGeneralTitle{
    font-size: 13px;
    display: inline-block;
    width: 40%;
    vertical-align: middle;
}
.ProductGeneralValue{
    width: 60%;
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    text-align: right;
    font-family: "RobotoMedium", sans-serif;
}
.ProductPrice{
    display: block;
    position: relative;
    padding: 10px 0;
}
.PriceBig{
    font-size: 22px;
    font-family: "RobotoMedium",sans-serif;
    line-height: 1;
    text-align:right;
    color: #fc0612;
}
.PriceBigWV{
    font-size: 26px;
    font-family: "RobotoMedium",sans-serif;
    line-height: 1;
    text-align:right;
    color: #fc0612;
}
.PriceBigWV span{
    font-size: 16px;
}
.ProductForm{
    display: block;
    position: relative;
    text-align: right;
    margin-top: 10px;
}
.ProductForm .InputHolder{
    display: inline-block;
    vertical-align: middle;
    width: calc(40% - 2px);
    border: 1px solid #d6d4d4;
    user-select: none;
}
.ProductForm button{
    display: inline-block;
    vertical-align: middle;
    width: calc(60% - 22px);
    padding: 4px 0;
    border: 1px solid #1780b1;
    background: #1780b1;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.4s ease;
    margin-left: 20px;
}
.ProductForm button:hover{
    background: #2f2f2f;
}
.ProductDescription{
    border: 1px solid #d6d4d4;
    margin-top: 20px;
    line-height: 1.3;
    font-size: 14px;
    padding: 20px;
}
.ViewedProducts{
    display: block;
    position: relative;
    line-height: 1;
}
.ViewedProducts img{
    width: 100%;
}
.ViewedProductsTitle{
    font-size: 24px;
    display: block;
    margin: 10px 0;
    text-align: center;
}
/* PRODUCT END */
/* ALERT */
.AlertBox{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    line-height: 100vh;
    text-align: center;
    background: rgba(255, 255, 255, 0.3);
    z-index: 2;
}
.AlertBoxInner{
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    width: 320px;
    max-width: calc(100% - 20px);
    padding: 10px;
    position: relative;
    box-shadow: 0 0 4px #2f2f2f;
    background: #fff;
}
.CloseAlert{
    position: absolute;
    top: 0;
    right: 0;
    font-size: 14px;
    background: #fc0612;
    color: #fff;
    padding: 10px;
    border-radius: 3px;
    cursor: pointer;
    transition: all 0.4s ease;
}
.CloseAlert:hover{
    background: #2f2f2f;
}
.AlertContent{
    font-size: 16px;
    font-family: "RobotoMedium", sans-serif;
    margin: 20px 0;
}
/* ALERT END */
/* BASKET */
.RetrieveBasket{
    display: block;
    position: relative;
    padding: 10px;
}
.BasketLine{
    display: block;
    position: relative;
    border-bottom: 1px solid #d6d4d4;
    padding: 10px 0;
}
.BasketImg{
    display: inline-block;
    vertical-align: middle;
    width: 10%;
}
.BasketImg img{
    width: 100%;
}
.BasketCodeName{
    display: inline-block;
    vertical-align: middle;
    width: calc(40% - 10px);
    padding: 5px;
}
.BasketCodeName h3{
    font-size: 16px;
    font-family: "RobotoMedium",sans-serif;
    font-weight: normal;
}
.BasketCodeName h4{
    font-size: 13px;
    font-weight: normal;
}
.BasketPrice{
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    width: calc(12% - 10px);
    padding: 5px;
}
.BasketQuantity{
    display: inline-block;
    vertical-align: middle;
    width: calc(13% - 2px);
    border: 1px solid #d6d4d4;
    user-select: none;
}
.BasketSum{
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    width: calc(15% - 10px);
    padding: 5px;
    font-family: "RobotoMedium", sans-serif;
    text-align: right;
}
.BasketAction{
    display: inline-block;
    vertical-align: middle;
    width: calc(10% - 10px);
    padding: 5px;
    text-align: right;
}
.DeleteBasketItem{
    display: inline-block;
    padding: 10px;
    border-radius: 3px;
    background: #fc0612;
    color: #fff;
    font-size: 13px;
    border: 1px solid #fc0612;
    cursor: pointer;
    transition: all 0.4s ease;
}
.EditBasketItem{
    display: inline-block;
    padding: 10px;
    border-radius: 3px;
    background: #1780b1;
    color: #fff;
    font-size: 13px;
    margin-left: 5px;
    border: 1px solid #1780b1;
    cursor: pointer;
    transition: all 0.4s ease;
}
.EditBasketItem:hover,
.DeleteBasketItem:hover{
    background: #2f2f2f;
}
.BasketLine small{
    font-size: 10px;
    display: block;
    text-transform: uppercase;
}
.BasketQuantity small{
    border-bottom: 1px solid #d6d4d4;
    text-align: center;
}
.BasketTotalItems{
    display: block;
    padding: 5px;
    position: relative;
}
.BasketTotalActions{
    display: inline-block;
    vertical-align: middle;
    width: 65%;
    font-family: "RobotoMedium", sans-serif;
    text-transform: uppercase;
}
.BasketTotalSum{
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    text-align: right;
    font-family: "RobotoMedium",sans-serif;
    text-align: right;
    width: 35%;
}
.BasketTotalSum span{
    font-size: 14px;
}
.FinishOrder{
    display: inline-block;
    vertical-align: middle;
    width: calc(50% - 12px);
    margin: 5px;
    font-size: 14px;
    text-align: center;
    padding: 10px 0;
    color: #fff;
    background: #1780b1;
    border: 1px solid #1780b1;
    transition: all 0.4s ease;
    cursor: pointer;
    border-radius: 3px;
}
.DeleteBasket{
    display: inline-block;
    vertical-align: middle;
    width: calc(50% - 12px);
    margin: 5px;
    font-size: 14px;
    text-align: center;
    padding: 10px 0;
    color: #fff;
    background: #fc0612;
    border: 1px solid #fc0612;
    transition: all 0.4s ease;
    cursor: pointer;
    border-radius: 3px;
}
.DeleteBasket:hover,
.FinishOrder:hover{
    background: #2f2f2f;
}
.EmptyBasket{
    font-size: 18px;
    text-align: center;
}
.EmptyBasket i{
    font-size: 100px;
    color: #d4d4d4;
    display: block;
    padding: 20px;
}
/* BASKET END */
/* PAYMENT */
.PaymentOptions{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    line-height: 100vh;
    background: rgba(255, 255, 255, 0.8);
    z-index: 1;
    text-align: center;
    display: none;
}
.PaymentOptionsInner{
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    text-align: left;
    position: relative;
    background: #fff;
    padding: 30px 15px;
    box-shadow: 0 0 3px #333;
    font-size: 0;
    width: 400px;
    max-width: calc(100% - 35px);
}
.PaymentOptions h3{
    font-size: 16px;
    text-align: center;
    margin: 10px auto;
}
.ClosePayment{
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px;
    font-size: 16px;
    background: #fc0612;
    color: #fff;
    cursor: pointer;
    transition: all 0.4s ease;
}
.ClosePayment:hover{
    background: #333;
}
.PaymentLabel{
    display: inline-block;
    vertical-align: middle;
    width: calc(50% - 10px);
    padding: 5px;
}
.PaymentLabel select{
    display: block;
    width: 100%;
    font-size: 16px;
    border: 1px solid #333;
    padding: 5px;
}
.PaymentLabel span{
    font-size: 14px;
    display: block;
    padding: 10px 0;
}
.PaymentLabelTextarea{
    display: block;
    width: calc(100 - 10px);
    padding: 5px;
}
.PaymentLabelTextarea textarea{
    font-size: 16px;
    font-family: "RobotoMedium", sans-serif;
    width: 100%;
    border: 1px solid #333;
}
.PaymentLabelTextarea span{
    font-size: 14px;
    display: block;
    padding: 10px 0;
}
.PaymentOptions button{
    display: block;
    margin: 0 auto;
    padding: 10px 20px;
    border-radius: 3px;
    border: 1px solid #1780b1;
    color: #fff;
    background: #1780b1;
    font-size: 16px;
    text-transform: uppercase;
    margin-top: 10px;
    cursor: pointer;
    transition: all 0.4s ease;
}
.PaymentOptions button:hover{
    background: #333;
}

/* PAYMENT END */
/* MY DATA */
.MyData{
    display: block;
    position: relative;
}
.MyDataMenu{
    display: block;
    position: relative;
    list-style: none;
    margin: 0;
}
.MyDataMenu li{
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    width: calc(25% - 2px);
    text-align: center;
    padding: 10px 0;
    border: 1px solid #d6d4d4;
    transition: all 0.4s ease;
    cursor: pointer;
}
.MyDataMenu li:hover,
.MyDataMenu li.ActiveData{
    background: #d6d4d4;
    font-family: "RobotoMedium", sans-serif;
}
.MyDataMain{
    display: block;
    position: relative;
}
.ShowData{
    display: none;
    position: relative;
    padding: 10px;
    border: 1px solid #d6d4d4;
}
.VisibleData{
    display: block;
}
.UserData,
.InvoiceData{
    display: block;
    position: relative;
}
.UserDataItem{
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 40px);
    margin: 10px;
    padding: 10px;
    box-shadow: 0 0 2px #333;
}
.UserDataItem small{
    font-size: 14px;
    display: block;
}
.UserDataItem span{
    display: block;
    font-size: 16px;
    font-family: "RobotoMedium", sans-serif;
}
.InvoiceDataHeader{
    font-family: "RobotoMedium", sans-serif;
}
.InvoiceDataItem{
    display: block;
    position: relative;
    border-top: 1px solid #d6d4d4;
    padding: 5px 0;
}
.InvoiceDate{
    display: inline-block;
    width: 20%;
    vertical-align: middle;
    font-size: 14px;
}
.InvoiceNumber{
    display: inline-block;
    width: 30%;
    vertical-align: middle;
    font-size: 14px;
}
.InvoiceSum{
    display: inline-block;
    width: 35%;
    vertical-align: middle;
    font-size: 14px;
}
.InvoiceAction{
    display: inline-block;
    width: 15%;
    vertical-align: middle;
    font-size: 14px;
    text-align: right;
}
.InvoiceAction a{
    display: inline-block;
    padding: 10px;
    background: #1780b1;
    color: #fff;
    transition: all 0.4s ease;
}
.InvoiceAction a:hover{
    background: #333;
}
.InvoiceData h3{
    font-size: 16px;
    text-align: center;
}
.InvoiceAction i{
    font-size: 18px;
}
.InvoiceAction button{
    padding: 10px;
    background: #1780b1;
    border: 1px solid #1780b1;
    cursor: pointer;
    transition: all 0.4s ease;
    color: #fff;
    font-family: "RobotoLight", sans-serif;
    font-size: 14px;
}
.InvoiceAction button:hover{
    background: #333;
}
.PreviousOrders{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 1;
    background: rgba(255, 255, 255, .8);
    line-height: 100vh;
    text-align: center;
    overflow: auto;
    display: none;
}
.PreviousOrdersInner{
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    width: 1200px;
    max-width: calc(100% - 20px);
    font-size: 0;
    background: #fff;
    box-shadow: 0 0 3px #333;
}
.PreviousOrderStatus{
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    width: calc(33.33% - 20px);
    padding: 10px;
    background: #333;
    color: #fff;
}
.PreviousOrderHeader,
.PreviousOrderItem{
    display: block;
    position: relative;
    text-align: left;
    border-bottom: 1px solid #d6d4d4;
}
.PreviousOrderHeader{
    font-family: "RobotoMedium", sans-serif;
}
.OrderItemImg{
    display: inline-block;
    vertical-align: middle;
    width: calc(10% - 10px);
    font-size: 14px;
    padding: 5px;
}
.OrderItemImg img{
    width: 100%;
}
.OrderItemNameCode{
    display: inline-block;
    width: calc(50% - 10px);
    padding: 5px;
    font-size: 14px;
    vertical-align: middle;
}
.OrderItemCode{
    font-size: 12px;
    font-family: "RobotoMedium", sans-serif;
}
.OrderItemQuantity{
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    width: calc(10% - 10px);
    padding: 5px;
}
.ShowOnMObile{
    display: none;
}
.OrderItemPrice{
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    width: calc(10% - 10px);
    padding: 5px;
    text-align: right;
}
.OrderItemTotal{
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    width: calc(20% - 10px);
    padding: 5px;
    text-align: right;
    font-family: "RobotoMedium", sans-serif;
}
.PreviousOrderAction{
    display: inline-block;
    max-width: calc(50% - 50px);
    padding: 10px 20px;
    font-size: 16px;
    margin: 5px;
    background: #1780b1;
    color: #fff;
    border-radius: 3px;
    cursor: pointer;
    transition: all 0.4s ease;
}
.ClosePreviousOrder, .CancelPreviousOrder{
    background: #fc0612;
}
.PreviousOrderAction:hover{
    background: #333;
}
.CardLabel{
    display: inline-block;
    vertical-align: bottom;
    width: calc(33% - 20px);
    padding: 10px;
}
.CardLabel span{
    font-size: 14px;
}
.CardLabel input{
    width: calc(100% - 22px);
    border: 1px solid #d6d4d4;
    border-radius: 3px;
    padding: 10px;
}
.CardData button{
    display: inline-block;
    vertical-align: bottom;
    padding: 10px 20px;
    border: 1px solid #1780b1;
    background: #1780b1;
    color: #fff;
    border-radius: 3px;
    transition: all 0.4s ease;
    cursor: pointer;
    margin-bottom: 10px;
}
.CardData button:hover{
    background: #333;
}
/* MY DATA END */
.OnStock{
    display: inline-block;
    padding: 10px 15px;
    background: #12a059;
    vertical-align: middle;
    box-shadow: 0 0 3px #d6d4d4;
}
.LowStock{
    display: inline-block;
    padding: 10px 15px;
    background: #ed9225;
    vertical-align: middle;
    box-shadow: 0 0 3px #d6d4d4;
}
.NoStock{
    display: inline-block;
    padding: 10px 15px;
    background: #fc0814;
    vertical-align: middle;
    box-shadow: 0 0 3px #d6d4d4;
}
.MobileMenu{
    display: none;
}
.PopUp{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 100vh;
    overflow: auto;
    line-height: 100vh;
    text-align: center;
    background: rgba(255, 255, 255, 0.8);
}
.PopUpInner{
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    max-width: calc(100% - 20px);
    padding: 20px 10px;
}
.PopUpImg{
    display: block;
    width: 100%;
}
.ClosePopUp{
    position: absolute;
    top: 0;
    right: 0;
    padding: 15px;
    font-size: 20px;
    background: #fc0612;
    color: #fff;
    transition: all 0.5s ease;
    cursor: pointer;
}
.ClosePopUp:hover{
    background: #2f2f2f;
}
/* NEW SLIDER */
.NewSlider{
    display: block;
    position: relative;
    margin: 0 auto;
    height: 100%;
    width: 100%;
    padding: 0;
}
.NewSliderInner{
    display: block;
    position: relative;
    height: 100%;
    width: 100%;
}
.NewSlider ul{
    display: block;
    position: relative;
    white-space: nowrap;
    list-style: none;
    margin: 0;
    width: 100%;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    height: 100%;
}
.NewSlider li{
    display: inline-block;
    vertical-align: top;
    width: 100%;
    position: relative;
    transition: all 1s ease;
    height: 100%;
}
.NewSlider li img{
    width: 100%;
    padding: 0;
    height: 100%;
}
.NewSliderDots{
    position: absolute;
    bottom: 10px;
    left: 0;
    z-index: 3;
    text-align: center;
    width: 100%;
}
.NewSliderDots span{
    width: 8px;
    height: 8px;
    border: 2px solid;
    display: inline-block;
    margin: 5px 3px;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.4s ease;
    color: #fff;
    position: relative;
    vertical-align: middle;
}
.NewSliderDots span.ActiveNewSliderDot,
.NewSliderDots span:hover{
    border-color: #1780b1;
    background: transparent;
}
.NewSliderDots span.ActiveNewSliderDot{
    height: 10px;
    width: 10px;
}
.NewSliderDots span.ActiveNewSliderDot:after{
    top: 2px;
    left: 2px;
    width: 6px;
    height: 6px;
    content: "";
    position: absolute;
    background: #1780b1;
    border-radius: 50%;
}
.MoveToLeft{
    display: block;
    position: absolute;
    top: calc(50% - 36px);
    left: 3%;
    z-index: 1;
    line-height: 1;
    cursor: pointer;
    transition: all 0.4s ease;
    font-size: 40px;
    color: #fff;
    background: #1780b1;
    padding: 0 10px;
    border-radius: 3px;
}
.MoveToRight{
    display: block;
    position: absolute;
    top: calc(50% - 36px);
    right: 3%;
    line-height: 1;
    z-index: 1;
    cursor: pointer;
    transition: all 0.4s ease;
    font-size: 40px;
    color: #fff;
    background: #1780b1;
    padding: 0 10px;
    border-radius: 3px;
}
.MoveToLeft:hover,
.MoveToRight:hover{
    background: #2f2f2f;
}

/* NEW SLIDER END */
/* MAIN USER*/
.MainUser{
    position: relative;
}
.ClientsList{
    position: relative;
    display: block;
}
.SearchClients{
    display: block;
    position: relative;
}
.SearchClientsTitle{
    display: block;
    position: relative;
    font-size: 24px;
    padding: 15px;
    padding-bottom: 0;
}
.SearchForClient{
    display: block;
    width: calc(100% - 50px);
    font-size: 18px;
    margin: 15px;
    padding: 10px;
}
.SelectClient{
    display: block;
    position: relative;
    padding: 0 15px;
    border-bottom: 1px solid #d1d4d7;
    transition: all 0.5s ease;
}
.SelectClient:nth-child(odd){
    background: #f1f2f7;
}
.SelectClient:hover{
    background: #1780b1;
    color: #fff;
    cursor: pointer;
}
.SelectClientName{
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    width: calc(100% - 100px);    
    padding: 15px 0;
    border-left: 1px solid #d1d4d7;  
}
.SelectClientPib{
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    width: 99px;   
    padding: 15px 0;
}
.ClientsListNoResults{
    display: block;
    position: relative;
    line-height: calc(100vh - 61px);
    text-align: center;
}
.ClientsListNoResultsInner{
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    font-size: 36px;
}
/* MAIN USER END*/
@media (max-width: 1000px){
    .BottomHeader{
        position: relative;
    }
    .MobileMenu{
        display: inline-block;
        vertical-align: middle;
        position: relative;
        float: right;
        top: 20px;
        right: 0;
    }
    .MobileMenu i{
        padding: 10px;
        font-size: 20px;
        background: #fc0612;
        margin: 0 10px;
        color: #fff;
        transition: all 0.5s ease;
        border-radius: 3px;
        cursor: pointer;
    }
    .MobileMenu i:hover{
        background: #2f2f2f;
    }
    .HideMobile{
        display: none;
    }
    .MainLeft{
        display: none;
    }
    .ShowMobile .MainLeft{
        display: block;
        width: 100%;
        border: 0;
        border-bottom: 1px solid #d6d4d4;
    }
    .MenuGroups li{
        width: calc(50% - 20px);
        display: inline-block;
    }
    .MainRight{
        width: 100%;
    }
    .ShowMobile .HideMobile{
        display: inline-block;
        clear: both;
    }
    .ShowMobile .BottomHeader .Col1x2{
        width: 75%;
    }
    .ShowMobile .PretragaHeader{
        width: calc(70% - 20px);
        padding: 10px;
    }
    .ShowMobile .MenuHeader{
        display: block;
    }
    .ShowMobile .FullPage .MainLeft{
        display: block;
        width: 100%;
        position: relative;
    }
    .MenuSubGroups{
        display: none!important;
    }
    main{
        min-height: calc(100vh - 184px);
    }
    .GroupSubgroup{
        vertical-align: top;
    }
    .GridView .Product,
    .ViewedProducts .Product{
        width: calc(50% - 30px);
    }
}
@media (max-width: 900px){
    .BasketCodeName {
        width: calc(85% - 10px);
    }
    .BasketImg{
        width: 15%;
    }
    .BasketPrice{
        width: calc(25% - 10px);
    }
    .BasketQuantity{
        width: calc(25% - 2px);
    }
    .BasketSum{
        width: calc(25% - 10px);
    }
    .BasketAction{
        width: calc(25% - 10px);
    }
    .BottomHeader img{
        min-height: 60px;
        object-fit: contain;
    }
}
@media (max-width: 700px){
    .MenuActivator{
        width: 100%;
    }
    .Filters{
        display: block;
        width: 100%;
    }
    .ListView .ImgHolder{
        width: 10%;
    }
    .ListView .NameCodeHolder{
        width: 90%;
    }
    .ListView .LagerHolder{
        display: none;
    }
    .ListView .ProductDec,
    .ListView .ProductInc{
        padding: 15px 0;
        width: 40px;
        text-align: center;
    }
    .ListView .ProductQuantity{
        width: calc(100% - 86px);
    }
    .ListView .GridShow{
        font-size: 14px;
    }
    .ListView .VPMPCenaHolder{
        width: 100%;
    }
    .ListView .FormHolder{
        width: 100%;
    }
    .ListView button{
        padding: 15px 0;
        width: calc(20% - 12px);
    }
    .ListView .InputHolder{
        width: 80%;
    }
    .ListView .ProductHead{
        display: none;
    }
    .ViewedProducts .Product{
        width: calc(50% - 30px);
    }
    .FilterName{
        margin: 0;
        line-height: 1;
    }
    .SortTypesInner{
        padding: 0;
        margin-top: -3px;
    }
    .GroupSubgroup{
        vertical-align: top;
        width: calc(50% - 30px);
    }
    .ProductCode{
        width: 100%;
    }
    .ProductGeneral{
        width: 100%;
    }
    .Basket{
        width: calc(70% - 10px);
    }
    .ShowMobile .Basket{
        width: calc(30% - 10px);
    }
    .ShowMobile .BottomHeader .Col1x2{
        width: 100%;
        border-top:  1px solid;
    }
    .ShowMobile .BottomHeader .Col1x4.HideMobile{
        width: 100%;
    }
    .UserContainer,
    .HeaderProfile{
        text-align: center;
    }
    .UserDataItem{
        width: calc(100% - 40px);
    }
    .MyDataMenu li{
        width: calc(50% - 2px);
    }
    .InvoiceDataHeader .InvoiceAction{
        display: none;
    }
    .InvoiceAction{
        width: 100%;
        text-align: center;;
    }
    .InvoiceAction a,
    .InvoiceAction button{
        margin-top: 5px;
    }
    .InvoiceDate{
        width: 25%;
    }
    .InvoiceNumber{
        width: 35%;
    }
    .InvoiceSum{
        width: 40%;
    }
    .CardLabel{
        width: calc(100% - 20px);
    }
    .CardData{
        text-align: center;
    }
    .LoginLeft, .LoginRight{
        width: calc(100% - 43px);
        border: 0;
        text-align: center;
    }
    .LoginLabel input{
        width: calc(100% - 21px);
    }
    .LoginRight button{
        margin: 10px auto;
    }
}
@media (max-width: 600px){
    .ShowMobile .Basket{
        width: calc(100% - 10px);
        text-align: center;
    }
    .ShowMobile .PretragaHeader{
        width: calc(100% - 20px);
    }
    .BottomHeader input{
        width: calc(100% - 24px);
    }
    footer .Col1x2{
        width: 100%;
        text-align: center;
    }
    .MenuActivator{
        width: 100%;
    }
    .Filters{
        width: 100%;
        display: block;
        text-align: center;
        padding: 10px 0;
    }
    .BasketTotalActions{
        width: 100%;
    }
    .BasketTotalSum{
        text-align: center;
        width: 100%;
    }
    .BasketPrice{
        width: calc(33.33% - 10px);
    }
    .BasketQuantity{
        width: calc(33.33% - 2px);
    }
    .BasketSum{
        width: calc(33.33% - 10px);
    }
    .BasketAction{
        width: calc(100% - 10px);
        text-align: center;
    }
    .PreviousOrderStatus{
        width: calc(100% - 20px);
    }
    .PreviousOrderHeader{
        display: none;
    }
    .ShowOnMObile{
        font-size: 10px;
        display: block;
        position: relative;
        text-transform: uppercase;
    }
    .OrderItemNameCode{
        width: calc(85% - 10px);
    }
    .OrderItemImg{
        width: calc(15% - 10px);
    }
    .OrderItemQuantity{
        width: calc(30% - 10px);
    }
    .OrderItemPrice{
        width: calc(35% - 10px);
    }
    .OrderItemTotal{
        width: calc(35% - 10px);
    }
}
@media (max-width: 550px){
    .ProductLeft{
        width: 100%;
        margin: 0;
        border: 0;
        padding: 0;
    }
    .ProductRight{
        width: 100%;
    }
    
    .ListView .Product{
        width: 100%;
    }
    .PaymentLabel{
        width: calc(100% - 10px);
    }
    .Valuta{
        font-size: 11px;
    }
    .UserDataItem span{
        font-size: 14px;
    }
    .UserDataItem small{
        font-size: 12px;
    }
    .PagerUl a{
        padding: 8px;
        margin: 2px;
    }
}
@media (max-width: 400px){
    .Products .Product,
    .ViewedProducts .Product{
        width: calc(100% - 30px);
    }
    .ListView .Product {
        width: 100%;
    }
    .ProductForm .InputHolder{
        width: 100%;
    }
    .ProductForm button{
        width: calc(100% - 2px);
        margin: 0;
    }
    .DeleteBasket,
    .FinishOrder{
        width: calc(100% - 12px);
    }
    .PreviousOrderAction{
        width: calc(100% - 50px);
        max-width: calc(100% - 50px);
    }
    .OrderItemQuantity,
    .OrderItemPrice,
    .OrderItemTotal{
        width: calc(100% - 10px);
        text-align: center;
    }
}