@font-face {font-family:Helvetica;src:url('/fonts/HelveticaNeueCyr-Roman.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face {font-family:Helvetica;src:url('/fonts/HelveticaNeueCyr-UltraLight.woff') format('woff');font-weight:200;font-style:normal;}
@font-face {font-family:Helvetica;src:url('/fonts/HelveticaNeueCyr-Black.woff') format('woff');font-weight:bold;font-style:normal;}

body, input {padding:0;margin:0;font-family:Helvetica;font-size:16px;letter-spacing:0.4px;}
a {text-decoration:none;cursor:pointer;}
a:hover {text-decoration:none;}
a, a:before, .button, .head:after, .img, input, a {transition:0.3s;}
* {transition:0.3s;}
p {margin:0;}
img {vertical-align:middle;}
h1 {font-size:36px;letter-spacing:1.2px;color:#767676;font-weight:normal;font-weight:200;}
input {border:0;}
input::placeholder {color:#bdbdbd;}
button, a.button, a.button.invert:hover {background:#ae0000;text-align:center;width:100%;padding:24px 0;color:#ffffff !important;border-radius:50px;border:0;cursor:pointer;font-weight:normal;font-size:16px;border:1px solid #ae0000;}
button:hover, a.button:hover, a.button.invert {background:#ffffff;color:#ae0000 !important;}
button.green {background:#196b00;border:1px solid #196b00;}
button.green:hover {background:#ffffff;color:#196b00 !important;}
a.button {max-width:340px;height:75px;line-height:75px;padding:0;}

.wrap {max-width:1176px;margin:0 auto;padding:0 37px;}
.wrap.full {max-width:1250px;padding:0;}
.center {text-align:center;}
.flex {display:flex !important;justify-content:space-between;align-items:stretch;}
.col-3 .item {width:calc(33% - 50px);margin-right:70px;}
.col-3:last-child .item {margin-right:0;}
.button {border:1px solid #d1beaa;color:#000000;font-size:15px;font-weight:bold;padding:18px 80px 18px 83px;background:url(../img/icon-button.png) 20px center no-repeat #ffffff;display:inline-block;}
.show-moblie {display:none;}
.interval {margin:72px 0 37px 0;}
.add {max-width:345px;margin:50px auto;display:block;}
.no-view {display:none;}
.red {color:#ae0000;}
h1 .red {font-weight:normal;}

p.input, div.input {border:0;width:100%;position:relative;margin-bottom:26px !important;}
p.input input {padding:20px 20px 20px 90px;background-color:#ffffff;width:calc(100% - 110px);border-bottom:1px solid #bebebe;border-radius:0;}
p.input input:focus {outline:none;border-bottom:1px solid #ae0000;}
p.input:before, div.input:before {content:'';position:absolute;border-bottom:1px solid #ae0000;width:68px;height:68px;display:inline-block;background:url(../img/icon-login.png) center center no-repeat;bottom:0;left:0;z-index:2;}
p.input.arrow:after {content:'';position:absolute;width:12px;height:8px;display:inline-block;background:url(../img/arrow-down.png);right:26px;bottom:35px;}
p.input.password:before {background-image:url(../img/icon-password.png);}
p.input.number:before {background-image:url(../img/icon-number.png);}
p.input.date:before {background-image:url(../img/icon-date.png);}
p.input.month:before {background-image:url(../img/icon-month.png);}
p.input.phone:before {background-image:url(../img/icon-phone.png);}
p.input.time:before, div.input.time:before {background-image:url(../img/icon-time.png);}
p.input.season:before, div.input.season:before {background-image:url(../img/icon-season.png);}
p.input.year:before, div.input.year:before {background-image:url(../img/icon-year.png);}
p.input.brand:before {background-image:url(../img/icon-brand.png);}
p.input.size:before, div.input.size:before {background-image:url(../img/icon-size.png);}
p.input.defect:before {background-image:url(../img/icon-defect.png);}
p.input.tyre:before, div.input.tyre:before {background-image:url(../img/icon-tyre.png);}
p.input.tyres:before, div.input.tyres:before {background-image:url(../img/icon-tyres.png);}
p.input.document:before {background-image:url(../img/icon-document.png);}
div.input.warehouse:before {background-image:url(../img/icon-warehouse.png);}

.header {background:#f8f8f8;border-bottom:3px solid #dcd8d8;height:167px;}
.header .logo, .header .help, .header .exit {width:167px;height:167px;border-bottom:3px solid #950000;display:flex;justify-content:center;align-items:center;}
.header .logo a {width:107px;height:74px;background:url(../img/logotype.png) center center no-repeat;display:inline-block;}
.header .help a, .header .exit a {width:32px;height:28px;background:url(../img/help.png) center left no-repeat;display:inline-block;padding-left:45px;color:#949494;margin-right:30px;}
.header .exit a {width:35px;height:35px;background:url(../img/exit.png) center left no-repeat;padding-top:15px;}
.header .center {text-align:center;}
.header .center big {font-size:45px;color:#c66b6b;display:block;font-weight:200;text-transform:uppercase;letter-spacing:2px;margin:45px 0 0 0;}
.header .center big span {color:#a9a9a9;}
.header .center small {font-size:13px;text-transform:uppercase;letter-spacing:0.85px;}

.content .wrap {min-height:calc(100vh - 319px);justify-content:center;align-items:center;}
.content .enter {max-width:330px;}
.content .enter button {margin-top:38px;}

.content .search {align-items:center;margin:40px 0 35px 0;}
.content .search input {border:1px solid #c5c5c5;border-radius:30px;padding:19px 50px;min-width:250px;}
.content .search button {position:absolute;width:25px;height:25px;background:url(../img/icon-search.png);padding:0;margin:16px 0 0 -50px;border:0;}
.content .pages {display:block;color:#858585;font-size:16px;margin:75px auto 75px auto;max-width:450px;text-align:center;}
.content .pages a {border:1px solid #bfbfbf;width:46px;height:46px;text-align:center;display:inline-block;line-height:46px;font-size:16px;color:#858585;border-radius:50%;margin:0 3px;}
.content .pages a.prev, .content .pages a.next {background:#c3c3c3;border-color:#c3c3c3;color:#ffffff;font-size:40px;font-weight:200;transform:translateY(8px);}
.content .pages hr {border:0;height:1px;background:#e3e3e3;margin:16px 0 11px 0;}
.content .pages a.next {margin-right:10px;}
.content .pages a.prev {margin-left:10px;}
.content .left, .content .right {width:530px;}
.content .shadow {background:url(../img/shadow.png) center top no-repeat;margin-top:108px;padding-top:68px;}
.content .shadow h1 {text-align:center;}
.content .error {border:1px solid #ae0000;box-shadow:0 0 20px rgba(255, 218, 218, 1);margin:50px 20px;padding:35px;line-height:23px;position:relative;}
.content .error h1 {color:#ae0000;}
.content .error .delete {background:#5a5a5a;border:1px solid #5a5a5a;color:#ffffff;border-radius:50px;padding:15px 40px;position:absolute;right:25px;top:20px;}
.content .error .delete:hover {background:#ffffff;color:#5a5a5a;}
.content a {color:#ae0000;text-decoration:none;}
.content a:hover {color:#ae0000;text-decoration:none;}

.content .head {margin-bottom:56px;justify-content:flex-start;}
.content .head div:nth-child(1) {margin-right:131px;}
.content .head h1, .content .head h1 {font-size:32px;margin:70px 0 23px 0;}
.content .head .corner.red, .content .head .corner.gray {border:4px solid #ae0000;padding:15px 50px;display:inline-block;color:#ae0000;border-radius:50px;white-space:nowrap;}
.content .head .corner.gray {color:#a3a3a3;border-color:#a3a3a3;}

.content table {border-spacing:0;border-collapse:collapse;width:100%;border-bottom:5px solid #bebebe;margin-bottom:50px;}
.content table td {text-align:center;color:#7a7a7a;vertical-align:middle;height:70px;}
.content table tr.head td {background:#363636 !important;color:#ffffff !important;font-weight:normal !important;font-size:16px !important;}
.content table tr.head:hover td {background:#363636 !important;}
.content table tr.head:hover td:hover {background:#000000 !important;}
.content table .head td sort:before {content:'';width:13px;height:10px;background:url(../img/icon-sort.png);margin:0 5px 0 0;display:inline-block;}
.content table tr {border-bottom:1px solid #ffffff;}
.content table tr:hover td {background:#616161 !important;color:#ffffff !important;cursor:pointer;}
.content table tr:nth-child(2n) td {background:#f4f4f4;}
.content table td:nth-child(1) {font-size:11px;font-weight:bold;white-space:nowrap;padding:0 3px}
.content table td:nth-child(2) {color:#010101;}
.content table td:nth-child(3) {text-align:left;padding-left:7px;}
.content table status {width:24px;height:24px;background:#acacac;display:block;margin:0 auto;border-radius:50%;}
.content table td.status-1 {background-color:#d8efc7 !important;color:#668351;}
.content table td.status-2 {background-color:#e4b2b2 !important;color:#8b3333;}
.content table td.status-3 {background-color:#efd8a0 !important;color:#8c6f2a;}
.content table td.status-4 {background-color:#6e6e6e !important;color:#d2d2d2;}
.content table .delete {padding:0 5px;background:#ae0000 !important;}
.content table .delete:hover {background:#ffffff !important;}
.content table .delete span {color:#ffffff;font-weight:bold;font-size:20px;transform:rotate(45deg);display:block;}
.content table .delete:hover span {color:#ae0000;transform:rotate(135deg);}

.content .select {width:100%;margin:15px auto;position:relative;user-select:none;}
.content .select .default {background:#fff;position:relative;cursor:pointer;position:relative;display:block;border-bottom:1px solid #bebebe;padding:19px 50px 19px 90px;}
.content .select .default:before {content:'';position:absolute;width:12px;height:8px;display:block;background:url(../img/arrow-down.png);right:26px;bottom:35px;}
.content .select .list {padding:0;position:absolute;top:39px;left:0;width:calc(100% - 2px);background:#fff;display:none;z-index:7777777;border:1px solid #ae0000;box-shadow:0 0 20px rgba(255, 218, 218, 1);}
.content .select .list li {list-style-type:none;padding:20px 10px;border-bottom:1px solid #d6d6d6;}
.content .select .list li.active {background-color:#ae0000 !important;color:#ffffff !important;}
.content .select .list li:hover {background:#f8f8f8;color:#000000;}
.content .select .list li:last-child {border-bottom:0;}
.content .select .option {display:flex;align-items:center;}
.content .select.active .list {display:block;}
.content .select.active .default:before {transform: rotate(-180deg);}
.content .select noactive {color:#bdbdbd;}

.content .select-warehouse {flex-wrap:wrap;justify-content:space-evenly;margin:20px 0 30px 0;}
.content .select-warehouse a {padding:15px;border:1px solid #000000;background:url(../img/icon-warehouse-2.png) 25px center no-repeat;border:1px solid #d5d5d5;padding:25px 0 25px 70px;margin:0 7px 7px 0;min-width:calc(33% - 78px);}
.content .select-warehouse.folder a {background:url(../img/icon-folder.png) 20px center no-repeat;}
.content .select-warehouse.folder a b {color:#000000;font-weight:normal;}
.content .select-warehouse.folder a.warehouse {background:url(../img/icon-warehouse-2.png) 25px center no-repeat #fcfcfc;width:100%;border-left:5px solid #ae0000;}
.content .select-warehouse a:hover, .content .select-warehouse a.active {background-color:#363636 !important;color:#ffffff !important;border:1px solid #363636;}
.content .select-warehouse.folder a:hover b, .content .select-warehouse.folder a.active b {color:#ffffff;}

.content .home-select .select:nth-child(1) {margin-right:20px;}

.footer {height:149px;background:url(../img/background-footer.jpg) center center no-repeat #f8f8f8;}
.footer .wrap {height:149px;justify-content:center;align-items:center;color:#8a8a8a;font-size:14px;}

#top {width:70px;height:70px;border-radius:50%;background:rgba(255, 255, 255, 0.7);text-align:center;line-height:95px;position:fixed;bottom:20px;right:20px;cursor:pointer;z-index:7777777;opacity:0;visibility:hidden;box-shadow:0 0 20px rgba(162,162,162,0.5);color:#a39c94;font-size:10px;font-weight:bold;}
#top:before {content:'';width:14px;height:14px;background:url(../img/more-arrow.png);display:block;position:absolute;margin:20px 0 0 27px;transform:rotate(-90deg);}
#top:hover {background:#ffffff;}
#top.active {opacity:1;visibility:visible;}

#delete-contract {box-shadow:0 0 20px rgba(255, 218, 218, 1);}
#delete-contract .buttons {display:flex;margin:30px 0 0 0;}
#delete-contract .buttons a.button {max-width:200px;height:50px;line-height:50px;padding:0;}
#delete-contract .buttons a.button.invert {margin-left:6px;}
#delete-contract .buttons a.button.no {border:1px solid #535353;color:#535353 !important;}
#delete-contract .buttons a.button.no:hover {background-color:#535353 !important;color:#ffffff !important;}


.fancybox-container .fancybox-close-small svg {color:#000000;}
.fancybox-container .fancybox-close-small:hover svg {color:#ae0000;}

#ui-datepicker-div {z-index:777 !important;}











@media (max-width:1100px) {
.search.flex {flex-wrap:wrap;justify-content:center;}
.search.flex h1, .search.flex à.button, .search.flex form {width:90%;text-align:center;}
.content .search h1 {margin:0;}
.content .search input {min-width:auto;width:calc(90% - 100px);}
.content .search a.button {margin:15px 0 !important;line-height:57px;height:57px;width:calc(100% - 100px);max-width:none;}
}


@media (max-width:850px) {
.content form .flex {flex-wrap:wrap;justify-content:center;}
.content .left, .content .right {width:90%;}
}


@media (max-width:800px) {
.content table td:nth-child(2) {display:none;}
.content table .delete {width:25px;height:25px;font-size:17px;line-height:23px;}
}


@media (max-width:670px) {
.header {border-bottom:1px solid #dcd8d8;height:67px;}
.header .logo, .header .help, .header .exit {width:100px;height:67px;border-bottom:1px solid #950000;}
.header .logo a {width:107px;height:74px;display:inline-block;background-size:70% 70%;}
.header .center big {font-size:25px;letter-spacing:0.5px;margin:20px 0 0 0;}
.header .center small {display:none;}
.header .help a, .header .exit a {background-size:25px 25px;padding-left:30px;}
.content .wrap {min-height:calc(100vh - 219px);justify-content:center;align-items:center;padding:0;}
.content h1.interval {margin:40px 0 20px 0;text-align:center;}
.content .pages {margin:35px auto;}
.content .pages a {width:35px;height:35px;line-height:35px;font-size:14px;margin:0 2px;}
.content .pages a.prev, .content .pages a.next {font-size:30px;transform:translateY(8px);}
.content .head {flex-wrap:wrap;margin:0 15px 40px 15px;width:calc(100% - 40px);}
.content .head div {width:100%;margin-right:0 !important;}
.content .head h1 {margin:40px 0 10px 0;font-size:24px;}
.content .head .corner {width:100%;padding:15px 0 !important;text-align:center;}
.content .shadow {margin-top:50px;padding-top:30px;}
p.input input[type="date"] {width:calc(100vw - 55px);height:52px;}
.content .home-select {flex-wrap:wrap;}
.content .home-select .select {margin-right:0 !important;}
}


@media (max-width:500px) {
.header .center big {font-size:15px;font-weight:normal;letter-spacing:0.5px;margin:27px 0 0 0;}
.content .select-warehouse {justify-content:center;}
.content .select-warehouse a {margin:0 15px 10px 0;width:calc(100% - 150px);min-width:auto;}
}