html, body {height: 100%;}
* {
margin: 0;
padding: 0;
border: 0;
}
a {
color: #b3b3b3;
text-decoration: none;
}
@font-face {
font-family: Esqadero; /* Гарнитура шрифта */
src: url(fontss/Esqadero.ttf); /* Путь к файлу со шрифтом */
}
input {
font-family: Esqadero; /* Гарнитура шрифта */
src: url(fontss/Esqadero.ttf); /* Путь к файлу со шрифтом */
}
button {
font-family: Esqadero; /* Гарнитура шрифта */
src: url(fontss/Esqadero.ttf); /* Путь к файлу со шрифтом */
}
h1 {
font-family: Esqadero;
}
body {
font-family: Esqadero;
font-size: 80%;
}
::-webkit-scrollbar { width: 5px; height: 3px;}
::-webkit-scrollbar-button { background-color: #666; }
::-webkit-scrollbar-track { background-color: #999;}
::-webkit-scrollbar-track-piece { background-color: #ffffff;}
::-webkit-scrollbar-thumb { height: 50px; background-color: #666; border-radius: 5px;}
::-webkit-scrollbar-corner { background-color: #999;}}
::-webkit-resizer { background-color: #666;}
.content {
max-width: 1120px;
margin: auto;
}
.top_menu {
background:#1a1a1a;
color:#b3b3b3;
height: 65px;
border-bottom-width: 2px; /* Толщина линии внизу */
border-bottom-style: solid; /* Стиль линии внизу */
border-bottom-color: #ffdf00;
position: fixed;
width:100%;
top: 0;
z-index:999;
}
.logo_site {
background: url("img_niks/logo.jpg") 100% 100% no-repeat;
float:left;
width:80px;
height:64px;
background-size: cover;
margin-left"
}
.tel_site {
background: url("img_niks/tel_site.jpg") no-repeat;
width:210px;
height:64px;
float:left;
padding-left:50px;
padding-top:10px;
background-position: 20px 17px;
}
.search_site {
float:right;
min-width:280px;
height:30px;
border-radius: 5px;
background: #efeeec url("img_niks/img_search.jpg") 70% 70% no-repeat;
background-position: right 2% bottom 45%;
margin-top:14px;
cursor:text;
}
.butt_ico {
float:right;
min-width:32px;
height:32px;
margin-top:14px;
margin-left:10px;
cursor:pointer;
}
.ico_auto {
background: #efeeec url("img_niks/auto_img.jpg") no-repeat;
}
.ico_auto:hover {
background-position: 0px -32px;
}
.ico_shopping {
background: #efeeec url("img_niks/shop_site.jpg") no-repeat;
}
.ico_shopping:hover {
background-position: 0px -32px;
}
.ico_user {
background: #efeeec url("img_niks/user_site.jpg") no-repeat;
}
.ico_user:hover {
background-position: 0px -32px;
}
.title_order_user {
width:98%;
height:115px;
background: #000000 url("img_niks/fon_title_order.jpg") no-repeat;
background-position: 300px 0px;
margin:10px;
border-radius: 5px;
}
.logo_title_order {
width:145px;
height:109px;
background: #000000 url("img_niks/logo_title_order.jpg") no-repeat;
margin-left:10px;
float:left;
}
.tel_title_order {
width:400px;
margin-left:40px;
float:left;
color:#ffffff;
margin-top:30px;
}
.caunt_goods {
width:25px;
height:19px;
background: #FA0A07;
color:#ffffff;
position:absolute;
margin-top:20px;
margin-left:15px;
text-align:center;
padding-top:7px;
border-radius: 15px;
}
.menu_ico {
position:absolute;
background: #ffffff;
min-height: 150px;
width:380px;
margin-left:700px;
margin-top:50px;
border-radius: 5px;
border-color: #f3f1f1;
border-width: 1px;
border-style: solid;
box-shadow: 0 0 5px #dddddd;
z-index:100;
}
.list_regist {
height: 20px;
text-align:center;
padding:10px;
margin-top:10px;
color:#000000;
}
.buton_by_regist {
border-radius: 5px;
height: 20px;
width:150px;
color:#ffffff;
background: #ffb300;
cursor:pointer;
float:left;
text-align:center;
padding-top:10px;
margin-left:35px;
margin-top:15px;
}
.buton_by_new_user {
border-radius: 5px;
height: 20px;
width:40px;
color:#ffffff;
background: #ffb300;
cursor:pointer;
text-align:center;
padding-top:10px;
margin-right:30px;
}
.non_regist {
float:right;
padding-top:10px;
margin-right:35px;
margin-top:15px;
}
.tel_input_regist {
float:left;
padding-top:10px;
padding-bottom:7px;
padding-left:7px;
padding-right:7px;
border-radius: 5px;
border: 1px solid #ddd;
margin-left:35px;
width:80%;
}
.tel_input_sms {
float:left;
padding-top:10px;
padding-bottom:7px;
padding-left:7px;
padding-right:7px;
border-radius: 5px;
border: 1px solid #ddd;
margin-left:45px;
width:70%;
text-align:center;
}
.slider_site {
background:#000000;
color:#b3b3b3;
height: 410px;
}
.line_content {
background:#656565;
height: 3px;
}
.menu_site_big {
background:#1d1d1d;
height: 370px;
background: url("img_niks/fon_menu.jpg") 100% 100% no-repeat;
background-size: cover;
}
.menu_site_small {
background:#1d1d1d;
height: 60px;
background: url("img_niks/fon_menu.jpg") 100% 100% no-repeat;
background-size: cover;
display: flex;
color:#ffdf00;
position: fixed;
width:100%;
top:67px;
border-bottom-color: #666666;
border-bottom-width: 3px;
border-bottom-style: solid;
}
.list_small_menu {
flex: 1 1 auto;
height: 33px;
max-width:263px;
min-width:200px;
border-radius: 5px;
font-size: 16px;
float:left;
margin: 5px;
padding-top:17px;
padding-left:7px;
}
a .list_small_menu {
color:#ffdf00;
}
.list_small_menu_parts { background:#262626 url("img_niks/parts_list_small.png") 90% 90% no-repeat; }
.list_small_menu_parts:hover { background:#4b4b4b url("img_niks/parts_list_small.png") 90% 90% no-repeat;}
.list_small_menu_oil{ background:#262626 url("img_niks/oil_list_small.png") 90% 90% no-repeat; }
.list_small_menu_oil:hover { background:#4b4b4b url("img_niks/oil_list_small.png") 90% 90% no-repeat;}
.list_small_menu_oil:hover .pod_menu_small { display:block; }
.list_small_menu_whell{ background:#262626 url("img_niks/whell_list_small.png") 90% 90% no-repeat;}
.list_small_menu_whell:hover { background:#4b4b4b url("img_niks/whell_list_small.png") 90% 90% no-repeat;}
.list_small_menu_tools{ background:#262626 url("img_niks/tools_list_small.png") 90% 90% no-repeat; }
.list_small_menu_tools:hover { background:#4b4b4b url("img_niks/tools_list_small.png") 90% 90% no-repeat;}
.list_small_menu_tools:hover .pod_menu_small { display:block; }
.list_small_menu_aces{ background:#262626 url("img_niks/aces_list_small.png") 90% 90% no-repeat; }
.list_small_menu_aces:hover { background:#4b4b4b url("img_niks/aces_list_small.png") 90% 90% no-repeat;}
.list_small_menu_aces:hover .pod_menu_small { display:block; }
/*
bico_akym_ins.png
bico_ele_ins.png
bico_tele_ins.png
bico_diag_ins.png
bico_nabor_ins.png
bico_rych_ins.png
bico_tele_ins.png
*/
.list_pod_menu_battery-tools {
background:#f7f7f7 url("img_niks/bico_akym_ins.png") no-repeat;
background-position: 250px 10px;
}
.list_pod_menu_electric-tools {
background:#f7f7f7 url("img_niks/bico_ele_ins.png") no-repeat;
background-position: 250px 10px;
}
.list_pod_menu_tool-carts {
background:#f7f7f7 url("img_niks/bico_tele_ins.png") no-repeat;
background-position: 250px 10px;
}.list_pod_menu_car-diagnostics {
background:#f7f7f7 url("img_niks/bico_diag_ins.png") no-repeat;
background-position: 250px 10px;
}
.list_pod_menu_tool-sets {
background:#f7f7f7 url("img_niks/bico_nabor_ins.png") no-repeat;
background-position: 250px 10px;
}
.list_pod_menu_hand-tool {
background:#f7f7f7 url("img_niks/bico_rych_ins.png") no-repeat;
background-position: 250px 10px;
}
.list_pod_menu_pneumatic-tool {
background:#f7f7f7 url("img_niks/bico_pnev_ins.png") no-repeat;
background-position: 250px 10px;
}
.list_pod_menu_accessories-for-cars {
background:#f7f7f7 url("img_niks/bio_accessories-for-cars.png") no-repeat;
background-position: 250px 10px;
}
.list_pod_menu_car-care {
background:#f7f7f7 url("img_niks/bio_car-care.png") no-repeat;
background-position: 250px 10px;
}
.list_pod_menu_additional-products {
background:#f7f7f7 url("img_niks/bio_additional-products.png") no-repeat;
background-position: 250px 10px;
}
.list_pod_menu_motor-oils {
background:#f7f7f7 url("img_niks/bio_motor-oils.png") no-repeat;
background-position: 250px 10px;
}
.list_pod_menu_transmission-oils {
background:#f7f7f7 url("img_niks/bio_transmission-oils.png") no-repeat;
background-position: 250px 10px;
}
.list_pod_menu_antifreeze {
background:#f7f7f7 url("img_niks/bio_antifreeze.png") no-repeat;
background-position: 250px 10px;
}
.list_pod_menu_hydraulic-oils {
background:#f7f7f7 url("img_niks/bio_hydraulic-oils.png") no-repeat;
background-position: 250px 10px;
}
.list_pod_menu_brake-fluid {
background:#f7f7f7 url("img_niks/bio_brake-fluid.png") no-repeat;
background-position: 250px 10px;
}
.list_pod_menu_additives {
background:#f7f7f7 url("img_niks/bio_additives.png") no-repeat;
background-position: 250px 10px;
}
.pod_menu_small {
position: fixed;
min-height: 310px;
width: 1110px;
z-index: 1002;
left: 50%;
top: 122px;
transform: translateX(-50%);
background: #ffffff;
border-radius: 5px;
box-shadow: 0 0 5px #dddddd;
display: none;
}
.conteiner_pod {
display: flex;
align-items: center; /* це вирівнює по центру вертикалі */
flex-wrap: wrap;
}
.list_pod_menu {
display: flex;
height: 55px;
width: 345px;
color:#707070;
border-radius: 5px;
margin:10px;
padding-top:25px;
padding-left:5px;
}
.title_cat {
height: 55px;
margin-top:15px;
}
.conteiner_cat {
display: flex;
align-items: center; /* це вирівнює по центру вертикалі */
flex-wrap: wrap;
}
.list_cat {
display: block;
height: 220px;
width: 220px;
margin-bottom:15px;
border-right: 1px solid #ddd;
text-align:center;
}
.info_menu_big {
position:absolute;
height: 30px;
width:190px;
background:#ffdf00;
border-radius: 5px 5px 0 0;
color:#000000;
padding-top:20px;
padding-left:10px;
display:none;
}
.title_menu_big {
height: 30px;
width:190px;
padding-top:20px;
padding-left:10px;
color:#ffdf00;
}
.list_big_menu {
flex: 1 1 auto;
height: 350px;
max-width:250px;
min-width:200px;
border-radius: 5px;
background:#262626;
float:left;
margin: 5px;
}
.list_big_menu:hover .info_menu_big {
display:block;
}
.part_menu {
height: 300px;
width:200px;
background: url("img_niks/parts_menu.jpg") no-repeat;
border-radius: 5px 5px 0 0;
}
.oil_menu {
height: 300px;
width:200px;
background: url("img_niks/oil_menu.jpg") no-repeat;
border-radius: 5px 5px 0 0;
}
.tires_menu {
height: 300px;
width:200px;
background: url("img_niks/tires_menu.jpg") no-repeat;
border-radius: 5px 5px 0 0;
}
.tools_menu {
height: 300px;
width:200px;
background: url("img_niks/tools_menu.jpg") no-repeat;
border-radius: 5px 5px 0 0;
}
.acces_menu {
height: 300px;
width:200px;
background: url("img_niks/acces_menu.jpg") no-repeat;
border-radius: 5px 5px 0 0;
}
.menu_auto {
padding:4px;
}
.list_auto_setting{
width:20%;
float:left;
height: 30px;
}
.content_site {
min-height: 700px;
}
.info_user_shopping {
}
.info_user_shopping_del {
padding:4px;
min-height: 70px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #ebebeb;
}
#list_auto {
height: 35px;
width:100px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #ebebeb;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #ebebeb;
float:left;
padding:3px;
color:#000000;
padding-top:15px;
padding-left:15px;
}
#list_auto:hover {
background:#e9e9e9;
}
.list_slider_mini {
box-shadow: 0 0 5px #dddddd;
height: 100px;
max-width:170px;
border-radius: 5px;
margin: 5px;
}
.list_slider_mini_new {
box-shadow: 0 0 5px #dddddd;
height: 300px;
max-width:190px;
border-radius: 5px;
margin: 5px;
}
.img_slider {
height: 200px;
width:190px;
}
.title_slider_mini{
height: 60px;
width: 176px;
padding-left:7px;
padding-right:7px;
}
.price_slider_mini {
float:left;
color:#948100;
margin-left: 7px;
padding-top:10px;
}
.shop_slider_mini {
float:right;
margin-right: 7px;
height: 21px;
width: 78px;
background:#6c6b6b;
color:#ffffff;
text-align:center;
padding-top:9px;
cursor:pointer;
}
.footer_site {
background:#000000;
height: 250px;
}
.footer_contact {
padding:10px;
float:left;
width: 20%;
color:#b3b3b3;
}
.footer_info {
padding:10px;
float:right;
width: 60%;
color:#b3b3b3;
}
#blocksite {
background: #000000;
position: fixed;
z-index: 1;
opacity: 0.5;
width:100%; /*устанавливаем ширину главного блока…*/
height:100%; /*…и минимальную высоту (для Opera и FireFox)*/
z-index:1001;
}
#serach_post{
position: absolute;
min-height:250px;
width:1100px;
z-index:1002;
margin:auto;
left:50%;
margin-left:-490px;
}
#shooping_user{
position: fixed; /* Змінили на fixed */
min-height: 450px;
width: 1200px;
z-index: 1002;
left: 50%;
top: 45px;
transform: translateX(-50%); /* Додали для вирівнювання по центру */
background: #ffffff;
border-radius: 5px;
}
.list_shopping_goods {
display: flex;
text-align:center;
border-radius: 5px;
height: 87px;
}
.list_shopping_goods_line {
display: flex;
height: 1px;
}
.list_sho {
flex: 1 1 auto;
height: 80px;
padding:7px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column; /* Додаємо цей рядок, щоб текст відображався у вертикальному напрямку */
}
.list_sho_or {
flex: 0 0 auto;
width: 120px;
padding:7px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column; /* Додаємо цей рядок, щоб текст відображався у вертикальному напрямку */
}
.list_sho_or img{
max-width: 120px;
}
.delete_goods {
background: #fafafa url("img_niks/closed.jpg") no-repeat;
height: 16px;
width:16px;
cursor:pointer;
}
.delete_goods:hover {
background-position: 0px -16px;
}
.list_total {
padding:2px;
height: 25px;
width:32px;
line-height: 1.65;
text-align:center;
margin-top: 2px;
border: 0px;
}
.list_total_input {
height: 25px;
width:30px;
float:left;
}
.list_total_content {
border: 1px solid #ddd;
border-radius: 5px;
width:55px;
}
.list_total_plus_minus {
float:right;
width:16px;
height: 16px;
}
.up_plus {
background: #fafafa url("img_niks/up_total.jpg") no-repeat;
margin-right:1px;
cursor:pointer;
}
.doun_minus {
background: #fafafa url("img_niks/doun_total.jpg") no-repeat;
margin-right:2px;
cursor:pointer;
}
.up_plus:hover {
background-position: 0px -16px;
}
.doun_minus:hover {
background-position: 0px -16px;
}
.list_sho img {
max-width:110px;
max-height:78px;
border-radius: 5px;
}
.title_shopping {
height:50px;
padding-top: 20px;
padding-left: 40px;
}
.conteiner_shopping {
min-height:350px;
background:#f9f9f9;
padding-bottom:20px;
}
.user_order_shopping {
float:left;
min-height:250px;
width:55%;
padding-left:25px;
padding-top:25px;
}
.name_user {
border-radius: 5px;
background:#ececec;
height:22px;
width:85%;
margin-left: auto;
margin-right: auto;
text-align:center;
padding-top:8px;
}
.promo_kod {
height:22px;
width:85%;
margin-left: auto;
margin-right: auto;
padding-top:8px;
}
.promo_kod_title{
height:22px;
width:85%;
margin-left: auto;
margin-right: auto;
text-align:left;
padding-top:8px;
}
.promo_kod input {
padding:5px;
border: 1px solid #ddd;
border-radius: 5px;
width:230px;
float:left;
}
.buton_by_all {
border-radius: 5px;
height: 25px;
width:310px;
color:#ffffff;
background: #ffb300;
cursor:pointer;
margin-left: auto;
margin-right: auto;
text-align:center;
padding-top:15px;
}
.buton_by_all_non {
border-radius: 5px;
height: 25px;
width:310px;
color:#ffffff;
background: #ff0000;
cursor:pointer;
margin-left: auto;
margin-right: auto;
text-align:center;
padding-top:15px;
}
.buton_by_one_click {
border-radius: 5px;
height: 33px;
width:180px;
color:#ffffff;
background: #ffb300;
cursor:pointer;
float:right;
text-align:center;
padding-top:5px;
margin-right:35px;
}
.buton_by_one_click_borg {
border-radius: 5px;
height: 23px;
width:180px;
color:#ffffff;
background: #ff0000;
cursor:pointer;
float:right;
text-align:center;
padding-top:14px;
margin-right:35px;
}
.tel_input {
float:left;
padding-top:10px;
padding-bottom:7px;
padding-left:7px;
padding-right:7px;
border-radius: 5px;
border: 1px solid #ddd;
margin-left:35px;
}
.buton_exit {
float:left;
height: 20px;
width:130px;
color:#ffffff;
background: #9c7822;
cursor:pointer;
border-radius: 5px;
text-align:center;
padding-top:10px;
margin-left:35px;
margin-top:15px;
}
.ico_redact_tel {
height: 23px;
width:23px;
position:absolute;
background: url("img_niks/redact_ico.png") no-repeat;
cursor:pointer;
margin-left:230px;
margin-top:-19px;
}
#kod_sms {
}
#kod_sms:hover .ico_redact_tel{
background-position: 0px -23px;
}
.buton_kod {
height: 20px;
width:130px;
color:#ffffff;
background: #9c7822;
cursor:pointer;
border-radius: 5px;
padding-top:8px;
float:right;
text-align:center;
}
.buton_kod2 {
height: 20px;
width:150px;
color:#ffffff;
background: #9c7822;
cursor:pointer;
border-radius: 5px;
padding-top:8px;
float:right;
text-align:center;
}
.left_total {
float:left;
padding:15px;
margin-left:23px;
}
.right_total {
float:right;
padding:15px;
margin-right:23px;
}
.choice_delivery {
background:#ffffff;
float:left;
height:70px;
width:210px;
border-radius: 5px;
margin-top:10px;
}
.choice_delivery_div {
float:left;
height:40px;
padding-top:3px;
padding-left:3px;
text-align:center;
line-height: 1.5;
}
.del_div_left {
float:left;
width:44%;
margin-left:15px;
}
.del_div_left input {
border: 1px solid #ddd;
padding:7px;
border-radius: 5px;
font-size: 16px;
width:190px;
}
.del_div_right {
float:right;
width:44%;
margin-right:15px;
}
.del_div_right input {
border: 1px solid #ddd;
padding:7px;
border-radius: 5px;
font-size: 16px;
width:190px;
}
.choice_delivery2 {
background:#ffffff;
float:right;
height:70px;
width:230px;
border-radius: 5px;
margin-top:10px;
}
.user_info_shopping {
float:right;
min-height:250px;
width:40%;
padding-right:25px;
padding-top:25px;
}
.content_shopping {
min-height:250px;
background:#ffffff;
border-radius: 5px;
}
.content_shopping1 {
min-height: 700px;
background: #ffffff;
border-radius: 5px;
overflow-y: auto; /* Додаємо прокрутку тільки по вертикалі */
max-height: 250px; /* Максимальна висота блоку, після якої буде включена прокрутка */
}
.closed_search {
position: absolute;
margin-left:90%;
}
.search_goods {
margin-top:100px;
background:#ffffff;
height:40px;
width:90%;
float:left;
border-radius: 5px;
}
.search_goods input{
width:80%;
height:32px;
outline: none;
border-radius: 5px;
padding:4px;
}
input:focus {
outline: none;
}
.search_goods_list {
background:#ffffff;
min-height:140px;
width:98%;
float:left;
border-radius: 5px;
margin-top:10px;
}
.action_content {
margin-top: 300px;
width:100%;
min-height:340px;
background: #fafafa;
border-radius: 0 0 5px 5px;
}
.load_frame {
width:100%;
min-height:500px;
border-radius: 5px;
background: #fafafa url("img_niks/load_yellow.gif") no-repeat;
background-position: center;
}
.closed_search {
margin-top:100px;
height:40px;
width:40px;
float:right;
color:#ffffff;
background: url("img_niks/closed_search.png") no-repeat;
cursor:pointer;
}
.closed_search:hover {
background-position: 0px -40px;
}
.search_letter {
padding-top:20px;
width:96%;
height:20px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #ebebeb;
}
.select_year {
display: flex;
}
.select_mod {
display: flex;
flex-wrap: wrap;
}
.select_model {
min-height:25px;
width:40%;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #ebebeb;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #ebebeb;
color:#000000;
padding:3px;
padding-top:15px;
padding-left:15px;
}
.year_content {
height:25px;
width:10%;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #ebebeb;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #ebebeb;
color:#000000;
padding:3px;
padding-top:15px;
padding-left:15px;
}
.year_content_e {
height:25px;
width:10%;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #ebebeb;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #ebebeb;
color: #a7a7a7;
padding:3px;
padding-top:15px;
padding-left:15px;
}
.year_content:hover, .select_model:hover {
background:#e9e9e9;
}
.list_parts {
box-shadow: 0 0 5px #dddddd;
height: 310px;
width:200px;
border-radius: 5px;
margin: 8px;
text-align: center;
float:left;
}
.list_parts:hover .setting_parts {
display:block;
}
.setting_parts {
border-top-right-radius: 5px; /* Радіус правого верхнього кутика */
border-bottom-right-radius: 5px; /* Радіус правого нижнього кутика */
position:absolute;
height: 290px;
width:40px;
background:#ced4e5;
margin-left:200px;
margin-top:10px;
display:none;
opacity: 0.7;
}
.id_sklad_setting {
height: 17px;
width:22px;
background:#5f5f5f;
margin-left:15px;
border-radius: 10px; /* Радіус правого верхнього кутика */
color:#ffffff;
font-weight: bold;
padding-top:5px;
}
.upload_sklad {
height: 210px;
}
.ico_setting_goods_sklad {
height:32px;
width:32px;
background: url("img_niks/ico_sklad_setting.png") no-repeat;
background-position: center center; /* Позиція зображення по центру */
}
.ico_setting_goods_set {
height:32px;
width:32px;
margin-left:5px;
background: url("img_niks/ico_set_setting.png") no-repeat;
background-position: center center; /* Позиція зображення по центру */
}
.ico_setting_goods_img {
height:32px;
width:32px;
margin-left:5px;
background: url("img_niks/ico_img_setting.png") no-repeat;
background-position: center center; /* Позиція зображення по центру */
}
.list_parts_text {
line-height: 1.6;
height: 100px;
padding-top:10px;
color: #000000;
overflow: hidden;
padding-left: 4px;
padding-right: 4px;
}
.gift {
background: url("img_niks/gift.png") no-repeat;
height: 54px;
width:129px;
position:absolute;
margin-left:150px;
margin-top:-25px;
}
.action {
background: url("img_niks/sale4.png") no-repeat;
height: 35px;
width:70px;
position:absolute;
margin-left:125px;
margin-top:5px;
}
.action2 {
background: url("img_niks/sale4.png") no-repeat;
height: 35px;
width:70px;
position:absolute;
margin-left:40px;
margin-top:-195px;
}
.action_amount {
color:#dd030f;
margin-top:10px;
font-weight: bold;
}
.buton_by {
border-radius: 2px;
height: 20px;
width:110px;
color:#ffffff;
background: #ffb300;
display: block;
margin: auto;
padding-top:10px;
cursor:pointer;
}
.buton_by2 {
border-radius: 2px;
height: 24px;
width:140px;
color:#ffffff;
background: #ffb300;
margin: auto;
padding-top:10px;
cursor:pointer;
}
.buton_by3 {
border-radius: 4px;
height: 24px;
width:140px;
color:#ffffff;
background: #ffb300;
cursor:pointer;
padding-top:10px;
text-align:center;
}
.price {
height: 20px;
}
.center_price {
color:#cc9002;
}
.left_price {
float:left;
width:45%;
color:#d72f2f;
}
.right_price {
float:right;
width:45%;
color:#cc9002;
}
.list_parts img{
border-radius: 5px;
max-height: 100px;
margin-top:12px;
margin-bottom:12px;
}
.img_list {
height: 125px;
width:180px;
text-align: center;
margin: auto;
}
.list_small {
box-shadow: 0 0 5px #dddddd;
height: 250px;
width:200px;
border-radius: 5px;
margin: 8px;
float:left;
text-align: center;
}
.list_small_text {
line-height: 1.6;
height: 100px;
padding-top:10px;
color: #000000;
overflow: hidden;
}
.border_list {
width: 100%;
min-height: 4px;
background: url("img_niks/border_list.png") no-repeat;
background-position: center;
margin-bottom: 7px;
}
.list_small img{
border-radius: 5px;
height: 100px;
}
.footer_text {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #2b2b2b;
padding:10px;
}
.menu_tires {
text-align: center;
}
.tair {
background: #f7f7f7;
border-width: 1px;
border-style: solid;
border-color: #cfcfcf;
padding:10px;
}
.button_submit {
border-radius: 2px;
width:110px;
color:#ffffff;
background: #ffb300;
cursor:pointer;
padding:10px;
margin-left:40px;
}
.price-slider {
width: 80%;
margin: 0 auto;
position: relative;
}
.slider-range {
height: 5px;
background: #ccc;
position: relative;
}
.slider-range .ui-slider-handle {
position: absolute;
z-index: 2;
width: 16px;
height: 16px;
cursor: pointer;
background: #fff;
border: 1px solid #ddd;
border-radius: 50%;
top: -6px;
}
.slider-range .ui-slider-handle:last-child {
right: 0;
}
.slider-values {
display: flex;
justify-content: space-between;
position: absolute;
top: -30px;
width: 100%;
}
.slider-values span {
font-size: 14px;
font-weight: bold;
}
.min-price {
text-align: left;
}
.max-price {
text-align: right;
}
.big_goods_price {
display: flex;
align-items: center;
justify-content: center;
min-height:150px;
/*border: 1px solid #ccc;*/
}
.info_big_goods {
min-width: 300px;
margin: auto;
/*border: 1px solid #ccc;*/
padding-top: 30px;
text-align:center;
}
.info_big_goods img{
max-width:280px;
}
.brand_article_info {
padding:10px;
font-size:1.1rem;
}
.conteiner_price_info {
padding:10px;
height: 100px;
background:#f7f7f7;
max-width:100%;
border-radius: 5px;
}
.price_info_big {
padding-top:30px;
height: 68px;
width: 52%;
float:left;
font-size:1.2rem;
text-align:center;
}
.button_info_big {
padding-top:30px;
height: 68px;
width: 45%;
float:right;
text-align:center;
/*border: 1px solid #ddd;*/
}
.conteiner_by_one_info {
margin-top:20px;
padding:10px;
height: 48px;
}
.conteiner_by_one_left {
float:left;
width: 49%;
}
.conteiner_by_one_left input {
padding:5px;
border-radius: 5px;
border: 1px solid #ddd;
width: 95%;
}
.conteiner_by_one_right {
float:right;
width: 49%;
}
.ico_shopping_conteiner {
}
.ico_shopping_by {
float:left;
height: 32px;
width: 45px;
margin-left: 15px;
text-align:center;
}
.content_name_profile {
min-height: 235px;
box-shadow: 0 5px 5px -7px #333;
padding-left:50px;
padding-right:50px;
}
.foto_user {
height: 110px;
width: 110px;
float:left;
}
.foto_user img {
height: 110px;
width: 110px;
}
.foto_auto {
height: 110px;
max-width: 170px;
float:left;
border: 1px solid #ddd;
}
.foto_auto img {
height: 110px;
max-width: 170px;
}
.text_user {
width: 710px;
height: 100px;
float:left;
padding-top:30px;
padding-left:15px;
}
.text_auto {
width: 100%;
height: 80px;
padding-top:30px;
border: 1px solid #ddd;
}
.content_list_user_profile {
justify-content: center;
align-items: center;
display: flex;
flex-wrap:wrap;
}
.list_user_profile {
padding: 20px;
min-width:150px;
}
.list_auto_profile {
margin-top:5px;
width:480px;
padding: 10px;
height:50px;
}
.list_auto_profile img{
max-width:65px;
max-height:50px;
}
.total_list_user_pro {
text-align:center;
font-size:1.2rem;
}
.text_user img{
width: 12px;
height: 12px;
}
label {
height: 16px;
display: block;
position: relative;
}
label span{
padding-left:27px;
width:300px;
font-size:0.7rem;
}
input[type="checkbox"] + span {
position: absolute;
left: 0; top: 0;
width: 100%;
height: 100%;
background: url(img_niks/chekbox.jpg) no-repeat;
cursor: pointer;
}
input[type="checkbox"]:checked + span {
background-position: 0 -16px;
}
.parent_categories {
display: flex;
flex-wrap: wrap;
align-content: flex-start;
height: 100%;
}
.list_categories {
width: 32%;
}
.list_categories_min {
}
.title_navigation {
padding:20px;
}
.menu_admin {
width: 1000px;
height: 410px;
position: fixed;
margin-top:-410px;
transition: margin-top 0.5s ease-in-out;
left: 50%;
margin-left: -400px;
}
.name_user_admin {
margin-top:20px;
margin-left:20px;
color:#000000;
font-size: 18px;
padding:4px;
}
.name_infouser_admin {
margin-left:20px;
padding:4px;
}
.name_statususer_admin{
margin-left:20px;
padding:4px;
}
.menu_admin.active {
margin-top: 0;
}
.content_menu_left {
float:left;
}
.content_menu_right {
float:right;
text-align:center;
width: 300px;
margin-top:15px;
}
.container_list_user {
overflow-y: auto;
max-height: 355px;
}
.list_last_user {
width: 260px;
padding:10px;
color:#000000;
margin-left:9px;
border-bottom: 1px solid #dddddd;
}
.list_last_user:hover {
background:#dce3fa;
}
.search_user {
width: 260px;
padding:10px;
background:#9aa5c6;
color:#ffffff;
border-radius: 5px;
}
.search_add_user {
width: 200px;
padding:10px;
background:#d9d9d9;
color:#000000;
border-radius: 5px;
}
.ico_open_admin_menu {
float:right;
width: 22px;
height: 22px;
background:#ffffff;
background: url(img_niks/open_closed_menu.png) no-repeat;
margin-right:5px;
margin-top:-5px;
cursor:pointer;
position: relative;
}
.ico_open_admin_menu.active {
background: url(img_niks/open_closed_menu.png) no-repeat;
background-position: 0px -22px;
}
.menu_admin_open {
width: 280px;
height: 27px;
background:#383c48;
position: relative;
margin:0 auto;
margin-left: 140px;
margin-top: 0px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
color:#d6dae6;
border-bottom: 2px solid #534f51; /* Додаємо обводку внизу */
border-left: 1px solid #534f51; /* Додаємо обводку зліва */
border-right: 1px solid #534f51; /* Додаємо обводку справа */
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
padding-top:13px;
padding-left:20px;
}
.content_menu {
height: 410px;
background:#ffffff;
border-bottom: 2px solid #383c48; /* Додаємо обводку внизу */
border-left: 1px solid #383c48; /* Додаємо обводку зліва */
border-right: 1px solid #383c48; /* Додаємо обводку справа */
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
background-color: rgba(255, 255, 255, 0.97);
}
.list_user_order {
border-radius: 5px;
border: 1px solid #ddd;
margin-top: 7px;
}
.title_list_user_order{
min-height: 70px;
display: flex;
}
.list_or_id {
flex: 0 0 auto; /* Фіксована ширина */
width: 150px; /* Наприклад, 100px */
text-align: center; /* Вирівнювання тексту по центру */
padding-top:10px; /* Відступи від краю */
box-sizing: border-box; /* Розраховувати ширину, включаючи padding */
}
.list_or_foto {
flex: 1 1 auto; /* Займе доступне простір */
/* Вирівнювання тексту по центру */
padding-top:10px; /* Відступи від краю */
min-width: 250px;
}
.list_or_foto img{
max-height: 60px; /* Максимальна висота картинки */
}
.list_or_summ {
flex: 0 0 auto; /* Фіксована ширина */
width: 150px; /* Наприклад, 150px */
padding-top:10px; /* Відступи від краю */
text-align: center;
}
.all_info {
padding:10px;
display: none;
}
.deliv_order_user {
flex: 0 0 auto;
width: 300px;
padding:10px;
}
.list_user_order {
flex: 1 1 auto;
}
.search_order_profile {
display: flex;
justify-content: center;
align-items: center;
height: 100px;
}
.search_order_profile_content {
display: flex;
justify-content: space-between;
width: 450px;
align-items: center;
}
.search_order_user {
flex: 1;
}
.search_order_user input {
width: 100%;
padding:10px;
border-radius: 5px 0 0 5px;
border: 1px solid #ccc;
}
.button_order_profile {
margin-left: 20px;
background-color: #334433;
width: 150px;
border-radius: 0 5px 5px 0;
background-color: #f0f0f0;
justify-content: center; /* Центруємо горизонтально */
align-items: center; /* Центруємо вертикально */
padding:10px;
border: 1px solid #ccc;
}
#shooping_user_admin {
display:none;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #fff;
padding: 20px;
border: 1px solid #ccc;
box-shadow: 0 0 10px rgba(0,0,0,0.3);
border-radius: 8px;
z-index: 1002;
min-height:250px;
width:1100px;
}
.shooping_user_admin_list {
background:#ffffff;
min-height:540px;
width:98%;
float:left;
border-radius: 5px;
margin-top:10px;
}
.info_uload_waer {
float:left;
width: 48%;
min-height:150px;
margin:5px;
}
.list_sklad_goods {
float:right;
width: 48%;
min-height:300px;
overflow-y: auto;
max-height: 420px;
margin:5px;
}
.list_goods_return {
min-height:80px;
padding:10px;
color:#000000;
margin-left:9px;
border-bottom: 1px solid #dddddd;
}
.list_goods_return:hover {
background:#dce3fa;
}
/*Настройка блока с ползунком.*/
.slider1 {
width:230px;
height:11px;
background:#332233; // Фон ползунка.
position:relative;
margin:0 auto;
padding:0 10px;
}
/*Сам ползунок*/
.ui-slider-handle {
width:24px;
height:24px;
position:absolute;
top:-7px;
margin-left:-12px;
z-index:200;
background:#228b22;
}
/*Фон ползунка при перемещении.*/
.ui-widget-header {
background:#ffff11;
height:8px;
left:1px;
top:1px;
position:absolute;
}