*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
*{-webkit-touch-callout:none;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:transparent;}
body{padding:0;margin:0;font-family:Arial,sans-serif;font-size:14px;-webkit-text-size-adjust:100%;background:#f0f0f0/*#d8dbe5*/;}
a{outline:0;text-decoration:underline;}
a:hover{text-decoration:none;}
form{padding:0;margin:0;}
img{border:0;max-width:100%;height:auto;}
td{vertical-align:top;}
.row{width:100%;min-width:320px;margin:0 auto;/*overflow:hidden;*/}
.vam{vertical-align:middle;}
.vab{vertical-align:bottom;}
.b{font-weight:bold;}
.c{text-align:center;}
.i{font-style:italic;}
.j{text-align:justify;}
.r{text-align:right;}
.img{vertical-align:bottom;}
.ucase{text-transform:uppercase;}
.clearer{clear:both;}
.block:after{content:"";display:table;clear:both;}
.block{*zoom:1;}
.ul{list-style:none;padding:0;margin:0;}
.hide{display:none;}
.control,.input,.textarea,.select,.button,.submit{-moz-appearance:none;-webkit-appearance:none;border:0;border-radius:0;-khtml-border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;/*background:none;*/outline:none;}
.textarea{
-ms-text-size-adjust:100%;
-moz-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
}
.input{-moz-appearance:textfield;}
.input::-webkit-inner-spin-button,.input::-webkit-outer-spin-button{display:none;}

.select{width:100%;height:34px;padding:0 5px;border:1px solid #ccc;background:url('/files/design/select-off.png') no-repeat scroll right center transparent;}
.select:focus,select:active{background:url('/files/design/select-on.png') no-repeat scroll right center transparent;}

.row{max-width:768px;}

@media only screen and (min-width:768px){
.row{max-width:768px;}
}

a{color:#1983dd/*#4285f4*/;text-decoration:none;}
.alarm-ok{padding:10px;margin:0 0 10px 0;text-align:center;color:green;border:1px solid green;background:#ffe;}
.alarm-error{padding:10px;margin:0 0 10px 0;text-align:center;color:red;border:1px solid red;background:#ffe;}

.p{margin:10px;}
@media only screen and (min-width:321px){.p{margin:0 20px;}}

/*.mdi{font-family:'Material Icons Round';font-weight:normal;font-style:normal;}*/
.mdi{font-family:'Material Symbols Outlined';font-weight:normal;font-style:normal;}

.f16{font-size:16px;}

.header{position:fixed;z-index:10000;width:100%;background:#393d45;/*-moz-box-shadow:0 5px 5px -5px rgba(0,0,0,0.3);-webkit-box-shadow:0 5px 5px -5px rgba(0,0,0,0.3);box-shadow:0 5px 5px -5px rgba(0,0,0,0.3);*/}
.header{color:#fff;}
.header a{color:#fff;text-decoration:none;}
.header-1{float:left;position:relative;}
.header-2{float:right;text-align:center;font-size:20px;}
.header-2 a{float:left;display:block;width:50px;text-align:center;}
.header-2 .mdi{line-height:50px;font-size:26px;}
.header-2-a{background:#282b33;}

.header-city-1{padding:0 15px 0 15px;line-height:50px;background:#282b33;}
.header-city-2{display:none;position:absolute;top:50px;left:0;padding:0 15px 0 15px;line-height:50px;background:#393d45;}

.content{padding:50px 0 0 0;}

.line{padding:20px 0;text-align:center;font-size:18px;font-weight:bold;text-transform:uppercase;}
.sub{padding:20px 0;text-align:center;font-size:18px;font-weight:bold;}
.l{line-height:32px;border-bottom:1px solid #f4f4f4;}
.l-l{float:left;}
.l-r{float:right;}

#menu-m-1,#menu-m-2{display:none;}

a .color-0{color:#000;}
.color-1{color:#4caf50;}
.color-1 a{color:#4caf50;}
.color-2{color:#f44336;}
.color-3{color:#9b59b6;}
.color-4{color:#e67e22;}
.color-5{color:#7f8c8d;}
.color-6{color:#a38f84;}

.bg-1{background:#f8f8f8;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}

.p10000{padding:10px 0 0 0;}
.p100100{padding:20px 0;}
.p200200{padding:20px 0;}
.p20000{padding:20px 0 0 0;}
.p00200{padding:0 0 20px 0;}

.l-1-i{float:left;width:33.33333333333333%;text-align:center;}
.l-1-c{margin:0 auto;width:60px;height:60px;background:#eee;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
.l-1-n{padding:7px 0 5px 0;font-size:11px;color:#777;}

.l-1-c{position:relative;text-align:center;font-family:'Material Icons Round';font-size:36px;color:#fff;}
.l-1-c-1{background:#b0bec5;}
.l-1-c-1::after{content:'play_circle_outline';position:absolute;left:0;top:0;width:60px;line-height:60px;}
.l-1-c-2{background:#81c784;}
.l-1-c-2::after{content:'add_circle_outline';position:absolute;left:0;top:0;width:60px;line-height:60px;}
.l-1-c-3{background:#ff8a65;}
.l-1-c-3::after{content:'remove_circle_outline';position:absolute;left:0;top:0;width:60px;line-height:60px;}
.l-1-c-4{background:#42a5f5;}
.l-1-c-4::after{content:'check_circle_outline';position:absolute;left:0;top:0;width:60px;line-height:60px;}

.l-2-i{float:left;width:25%;padding:0 0 10px 0;text-align:center;}
.l-2-c{margin:0 auto;width:60px;height:60px;}
.l-2-c img{width:60px;height:60px;vertical-align:bottom;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
.l-2-c-a{border-color:#58d68d;}
.l-2-n{padding:7px 0 5px 0;font-size:10px;color:#444;text-transform:uppercase;}

.l-3-i{float:left;width:25%;padding:0 0 10px 0;text-align:center;}
.l-3-c{margin:0 auto;width:60px;height:60px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
.l-3-c img{width:60px;height:60px;vertical-align:bottom;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
.l-3-c-a{border-color:#58d68d;}
.l-3-n{padding:7px 0 5px 0;font-size:10px;color:#444;text-transform:uppercase;}

.l-3-c i{display:block;width:60px;line-height:60px;font-size:36px;color:#fff;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
.c-account i{background:#ba68c8;}
.c-minus i{background:#1e88e5;}
.c-plus i{background:#43a047;}
.c-back i{background:#b0bec5;}

/*
.l-3-c{position:relative;text-align:center;font-family:'Material Icons Round';font-size:48px;color:#fff;}
.l-3-c-7::after{content:'control_camera';position:absolute;left:0;top:0;width:80px;line-height:80px;}
.l-3-c-19::after{content:'card_travel';position:absolute;left:0;top:0;width:80px;line-height:80px;}
.l-3-c-24::after{content:'star_border';position:absolute;left:0;top:0;width:80px;line-height:80px;}
.l-3-c-28::after{content:'refresh';position:absolute;left:0;top:0;width:80px;line-height:80px;}
.l-3-c-39::after{content:'format_list_bulleted';position:absolute;left:0;top:0;width:80px;line-height:80px;}

.l-3-c-5::after{content:'shopping_basket';position:absolute;left:0;top:0;width:80px;line-height:80px;}
.l-3-c-6::after{content:'local_shipping';position:absolute;left:0;top:0;width:80px;line-height:80px;}
.l-3-c-32::after{content:'get_app';position:absolute;left:0;top:0;width:80px;line-height:80px;}
.l-3-c-34::after{content:'drag_indicator';position:absolute;left:0;top:0;width:80px;line-height:80px;}
*/

.finances-i{padding:5px 0;border-bottom:1px solid #dadce0;}
.finances-i a{color:#000;}
.finances-amount{float:left;width:calc(100% - 170px);line-height:50px;font-size:28px;}
.finances-amount span span{font-size:18px;}
.finances-account{float:right;width:50px;}
.finances-account img{width:50px;height:50px;vertical-align:bottom;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
.finances-category{float:right;width:60px;height:50px;padding:0 0 0 10px;}
.finances-category i{display:block;width:50px;line-height:50px;text-align:center;font-size:36px;color:#fff;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
.finances-category-0 i{background:#1e88e5;}
.finances-category-1 i{background:#43a047;}
.finances-n{padding:7px 0 5px 0;text-align:center;font-size:10px;color:#444;text-transform:uppercase;}

.finances-note{padding:10px 0 0 0;font-size:13px;}
.finances-author{padding:10px 0 0 0;text-align:right;font-size:12px;}
.finances-c-i{position:relative;width:60px;height:60px;text-align:center;font-family:'Material Icons Round';font-size:36px;color:#fff;background:#cacfd2;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}

.transfers-i{padding:5px 0;border-bottom:1px solid #dadce0;}
.transfers-i a{color:#000;}
.transfers-amount{float:left;width:calc(100% - 180px);line-height:50px;font-size:28px;}
.transfers-amount span span{font-size:18px;}
.transfers-account{float:right;width:180px;}
.transfers-account img{width:50px;height:50px;margin:0 0 0 10px;vertical-align:bottom;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
.transfers-note{padding:10px 0 0 0;font-size:13px;}
.transfers-accept{display:inline-block;padding:0 10px;height:36px;line-height:36px;color:#fff;background:#f44336;}
.transfers-author{padding:10px 0 0 0;text-align:right;font-size:12px;}

.calc-name{padding:20px 0 0 0;text-align:center;}
.calc-name div{display:inline-block;}

.calc-amount{width:255px;padding:0 10px;margin:20px auto 0 auto;line-height:3.5rem;text-align:right;font-size:3rem;background:#f4f4f4;}
.calc-b{width:255px;margin:0 auto;}
.calc-i{float:left;}
.calc-i>div{margin:0 auto;width:85px;line-height:60px;text-align:center;font-size:28px;color:#888;border:1px solid #fff;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
.calc-note{padding:10px 20px 0 20px;}
.calc-note .textarea{width:100%;height:70px;padding:5px;line-height:20px;font-family:Arial,sans-serif;font-size:14px;background:#f4f4f4;}
.calc-note label{line-height:40px;font-size:18px;color:#f44336;font-weight:700;}
.calc-channel{padding:10px 20px 0 20px;}
.calc-channel-i{line-height:40px;}
.calc-sub{width:250px;margin:20px auto;}
.calc-sub label{display:block;line-height:36px;font-size:16px;}
.add{padding:20px 20px 0 20px;}
.add-i{line-height:36px;}
.calc-date{padding:10px 20px;}
.calc-date .input{width:100%;text-align:center;font-size:24px;}

.controls{text-align:center;}
.controls-cancel{display:inline-block;width:60px;height:60px;line-height:60px;margin:0 10px;text-align:center;font-size:32px;color:#fff;background:#b0bec5;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
.controls-ok{display:inline-block;width:60px;height:60px;line-height:60px;padding:0;margin:0 10px;text-align:center;font-size:32px;color:#fff;background:#4caf50;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
.controls-delete{display:block;width:200px;height:60px;margin:0 auto;line-height:60px;text-align:center;font-size:16px;color:#fff;background:#b0bec5;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}

.list{margin:10px 0;}
.list-i{padding:12px 0;font-size:16px;}
.list-b{border-bottom:1px solid #f4f4f4;}
.list-l{float:left;}
.list-r{float:right;}
.list-icon .fa{color:#777;}

.control{color:#555;}
.control-add{width:100%;line-height:40px;font-size:16px;border:1px solid #ddd;background:#f8f8f8;}
.control-save{width:100%;line-height:36px;font-size:16px;border:1px solid #ddd;background:#f8f8f8;}
.control-delete{width:100%;line-height:36px;font-size:16px;border:1px solid #fcc;background:#ffe8e8;}
.control .fa{margin:0 7px 0 0;font-size:14px;}
.icon{display:inline-block;vertical-align:middle;width:36px;height:36px;padding:1px 5px 1px 0;}

.form{}
.form-i{margin:10px 0 0 0;}
.form-l{float:left;width:50%;padding:0 5px 0 0;}
.form-r{float:right;width:50%;padding:0 0 0 5px;}
.form-name{line-height:18px;font-size:12px;color:#aaa;}
.form-c{line-height:36px;}
.form-cc{padding:0 0 0 40px;}
.form-cancel{margin:30px 0 0 0;}
.form-cancel a{display:block;text-align:center;}

.input-1{padding:0;line-height:32px;border-bottom:1px solid #ddd;}
.input-1:focus{border-bottom:1px solid #999;background:#ffe;}
.select-1{padding:0;line-height:32px;border:0;border-bottom:1px solid #ddd;}
.textarea-1{padding:0;font-family:Arial,sans-serif;line-height:20px;height:100px;border-bottom:1px solid #ddd;}
.textarea-1:focus{background:#ffe;}

.w100{width:100%;}
/*label{display:block;}*/

#popup{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background:rgba(0,0,0,0.8);}
.popup-close{text-align:right;}
.popup-close .mdi{display:inline-block;width:40px;line-height:40px;text-align:center;font-size:14px;color:#aeb6bf;}

#popup-i{position:absolute;top:50%;left:50%;width:300px;height:220px;margin:-110px 0 0 -150px;background:#fff;}
.popup-c{height:130px;padding:0 20px;font-size:18px;overflow:auto;}
.popup-note{padding:10px 0 0 0;line-height:1.5;font-size:14px;color:#bbb;}
.popup-b{text-align:center;}
.popup-cancel{display:inline-block;width:140px;line-height:40px;text-align:center;color:#70757a;letter-spacing:.5px;font-weight:bold;}
.popup-hide{display:inline-block;width:140px;line-height:40px;text-align:center;color:#70757a;letter-spacing:.5px;font-weight:bold;background:#f4f4f4;}
.popup-ok{display:inline-block;}
.popup-ok a{display:block;width:140px;line-height:40px;text-align:center;color:#fff;letter-spacing:.5px;font-weight:bold;background:#4285f4;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}

.split{padding:40px 0 0 0;text-align:center;}
.split-pages{font-size:20px;}
.split-pages a{display:inline-block;width:36px;line-height:40px;text-align:center;}
.split-pages span{display:inline-block;width:36px;line-height:40px;text-align:center;}
.split-count{padding:10px 0 0 0;font-size:12px;}

.r-c{float:left;width:25%;}
.r-i{text-align:center;}
.r-i-n{padding:7px 0 5px 0;line-height:12px;height:40px;font-size:10px;color:#444;text-transform:uppercase;}

.r-a-c{margin:0 auto;width:64px;height:64px;}
.r-a-c img{width:64px;height:64px;vertical-align:bottom;border:2px solid #fff;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
.r-a .r-a-c img{border:2px solid red;}

.r-c-c{margin:0 auto;width:64px;height:64px;border:2px solid #f8f8f8;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
.r-a .r-c-c{border:2px solid red;}

.r-c-c i{display:block;width:60px;line-height:60px;font-size:36px;color:#fff;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}

.r-sub{padding:0 0 10px 0;margin:0 0 20px 0;background:#f8f8f8;}

.r-date{width:148px;padding:0 10px;margin:0 5px 10px 5px;line-height:2;text-align:center;font-family:Arial,sans-serif;font-size:1.375rem;border:1px solid #ccc;}
.r-dates{width:90px;padding:0 10px;margin:0 5px 15px 5px;height:42px;line-height:2.5rem;text-align:center;font-family:Arial,sans-serif;font-size:1.375rem;border:1px solid #ccc;}
.r-datesy{width:110px;}
.r-button{width:120px;margin:0 5px;line-height:2.5;font-family:Arial,sans-serif;font-size:1rem;font-weight:700;border:1px solid #ccc;background:#eee;}
.r-clear{width:120px;margin:0 5px;line-height:2.5;font-family:Arial,sans-serif;font-size:1rem;border:1px solid #fff;}
.r-link a{display:block;width:200px;margin:0 auto;line-height:2.5;text-align:center;font-family:Arial,sans-serif;font-size:1rem;font-weight:700;color:#000;border:1px solid #ccc;background:#eee;}

.r-status{padding:15px 0;margin:10px;text-align:center;border:1px solid #090;background:#dfd;}

.q-pm{float:left;width:40px;line-height:40px;margin:10px 0;text-align:center;background:#eee;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
.q-q{float:left;padding:10px 0;}
.q-q input{width:100px;line-height:40px;text-align:center;font-size:2.375rem;}
.q-note{padding:10px 20px 0 20px;}
.q-note .textarea{width:100%;height:70px;padding:5px;line-height:20px;font-family:Arial,sans-serif;font-size:14px;background:#f4f4f4;}


.stock-i{padding:5px 0;border-bottom:1px solid #dadce0;}
.stock-i a{display:block;color:#000;}
.stock-amount{float:left;width:calc(100% - 170px);line-height:50px;font-size:28px;}
.stock-stock{float:right;width:60px;height:50px;padding:0 0 0 10px;}
.stock-stock i{display:block;width:50px;line-height:50px;text-align:center;font-size:36px;color:#fff;background:#b0bec5;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
.stock-transfer{float:right;width:30px;height:50px;padding:0 0 0 3px;}
.stock-transfer i{display:block;width:20px;line-height:50px;text-align:center;font-size:36px;}
.stock-name{padding:7px 0 5px 0;text-align:center;font-size:10px;color:#444;text-transform:uppercase;}
.stock-q{font-size:13px;color:#777;}
.stock-note{padding:10px 0 0 0;font-size:13px;}
.stock-author{padding:10px 0 0 0;text-align:right;font-size:12px;}
.stock-money{width:100%;font-size:2.375rem;background:#f4f4f4;}
.stock-text{width:100%;padding:7px 5px;font-size:1rem;background:rgba(255,255,255,.9);border:1px solid rgba(0,0,0,.3);-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}

.input-text{width:100%;padding:7px 5px;font-size:1rem;background:rgba(255,255,255,.9);border:1px solid rgba(0,0,0,.3);-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.input-select{width:100%;padding:7px 5px;font-size:1rem;background:rgba(255,255,255,.9);border:1px solid rgba(0,0,0,.3);-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}

.stock-pm{display:inline-block;width:32px;line-height:30px;text-align:center;border:1px solid #ccc;cursor:pointer;}
.stock-pm:hover{background:#f5f5f5;}

.s-i{float:left;width:25%;text-align:center;}
.s-a .s-i-c{border:2px solid red;}
.s-i-c{margin:0 auto;width:64px;height:64px;border:2px solid #f8f8f8;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
.s-i-c i{display:block;width:60px;line-height:60px;font-size:36px;color:#fff;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
.s-i-c img{width:60px;height:60px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
.s-i-n{padding:7px 0 5px 0;line-height:12px;height:40px;font-size:10px;color:#444;text-transform:uppercase;}

.s-stock{background:#b0bec5;}
.s-minus{background:#1e88e5;}
.s-plus{background:#43a047;}
.s-transfer{background:#ba68c8;}

.rreports{padding:0 10px;}
.rreports table{width:100%;}
.rreports th{padding:7px 0;text-align:center;font-size:13px;background:#f0f0f0;border-right:1px solid #e0e0e0;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;}
.rreports th:nth-child(1){border-left:1px solid #e0e0e0;}
.rreports td{padding:7px 7px;border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0;}
.rreports td:nth-child(1){border-left:1px solid #e0e0e0;}
.rreports tr:nth-child(2n-1){background:#f8f8f8;}
.rreports-num{text-align:right;}


.report tr:nth-child(2n-1){background:#eee;}

.f-table{}
.f-sub{position:relative;line-height:32px;margin:0 0 20px 0;text-align:center;font-size:14px;font-weight:bold;background:rgba(255,255,255,.75);-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 5px rgba(0,0,0,0.4);-webkit-box-shadow:0 0 5px rgba(0,0,0,0.4);box-shadow:0 0 5px rgba(0,0,0,0.4);}
.f-s{padding:0 20px 20px 0;font-size:12px;font-weight:bold;}
.f-f{padding:0 0 20px 0;}
.f-l{line-height:36px;}
.f-f .textarea{width:100%;height:70px;padding:5px;line-height:20px;font-family:Arial,sans-serif;font-size:13px;background:rgba(255,255,255,.9);border:1px solid rgba(0,0,0,.3);-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.f-list{/*max-height:144px;overflow-y:scroll;*/}
.f-table-date{height:32px;}

.f-table .f-i:last-child .f-s{padding:0 20px 0 0;}
.f-table .f-i:last-child .f-f{padding:0;}

.f-sub-l{position:absolute;top:0;left:0;width:60px;line-height:32px;margin:0 0 20px 0;text-align:center;font-size:12px;color:#6c757d;background:rgba(0,0,0,.1);-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;border-top-left-radius:5px;-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;border-bottom-left-radius:5px;}
.f-sub-r{position:absolute;top:0;right:0;width:60px;line-height:32px;margin:0 0 20px 0;text-align:center;font-size:12px;color:#6c757d;background:rgba(0,0,0,.1);-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;border-top-right-radius:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;border-bottom-right-radius:5px;}

.products{}

.products-i{position:relative;float:left;width:calc(50% - 5px);min-height:110px;margin:0 10px 10px 0;text-align:center;text-transform:uppercase;border:1px solid #ccc;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background-repeat:no-repeat;background-position:center top;background-size:auto 80%;}
.products-i:nth-child(2n){margin:0 0 10px 0;}
@media only screen and (min-width:768px){
.products-i{width:calc(25% - 7.5px);}
.products-i:nth-child(2n){margin:0 10px 10px 0;}
.products-i:nth-child(4n){margin:0 0 10px 0;}
}

.products-i div{position:absolute;bottom:0;left:0;width:100%;padding:5px;font-size:12px;background:rgba(0,0,0,.05);}


.catalog-tile-i{position:relative;float:left;width:calc(50% - 5px);height:140px;margin:0 10px 10px 0;text-transform:uppercase;border:1px solid #ccc;background:#fff;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background-repeat:no-repeat;background-position:center top;background-size:auto 100%;-moz-box-shadow:0 0 5px rgba(0,0,0,0.4);-webkit-box-shadow:0 0 5px rgba(0,0,0,0.4);box-shadow:0 0 5px rgba(0,0,0,0.4);cursor:pointer;background-position:center center;background-size:100% auto;}
.catalog-tile-i:nth-child(2n){margin:0 0 10px 0;}
@media only screen and (min-width:768px){
.catalog-tile-i{width:calc(25% - 7.5px);height:130px;}
.catalog-tile-i:nth-child(2n){margin:0 10px 10px 0;}
.catalog-tile-i:nth-child(4n){margin:0 0 10px 0;}
}

.catalog-tile-price{float:right;width:60px;padding:0 5px 0 0;font-size:12px;text-align:right;text-transform:lowercase;}
.catalog-tile-price div{font-weight:400;}
.catalog-tile-sort{position:absolute;top:5px;left:0;width:35px;padding:5px;font-size:11px;border:1px solid #f5f5f5;background:#fff;}
.catalog-tile-line{z-index:10;position:absolute;bottom:0;left:0;width:100%;padding:5px;font-size:11px;font-weight:bold;background:rgba(255,255,255,.9);-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;border-bottom-right-radius:5px;}
.catalog-tile-name{float:left;width:calc(100% - 60px);line-height:16px;height:32px;overflow:hidden;}
.catalog-tile-add{color:#fff;font-weight:bold;background:#3bb336;}




.roll{}

.roll-sub{line-height:40px;font-weight:bold;}

.roll-i{position:relative;padding:10px;margin:0 0 10px 0;line-height:1.5;background:#fff;border:1px solid #ccc;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;/*-moz-box-shadow:0 0 5px rgba(0,0,0,0.4);-webkit-box-shadow:0 0 5px rgba(0,0,0,0.4);box-shadow:0 0 5px rgba(0,0,0,0.4);*/}
.roll-i:hover{background:rgba(248,248,248,1);}
.roll-i a{color:#232323;}

.roll-i .s-1{padding:3px 10px;color:#fff;background:#f00;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.roll-i .s-2{padding:2px 0;}
.roll-i .s-2 span{padding:3px 10px;color:#fff;background:#00aa00;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.roll-i .s-3{padding:2px 0;}
.roll-i .s-3 span{padding:3px 10px;color:#fff;background:#00f;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.roll-i .s-4{padding:4px 0 3px 0;}
.roll-i .s-4 span{padding:3px 10px;color:#fff;background:#999;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}

.roll-i-date{margin:0 0 10px 0;font-weight:bold;}

.roll-i-icon{float:left;width:46px;}
.roll-i-cover{width:36px;height:36px;text-align:center;background:#c0c0c0;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
.roll-i-cover-way-2{background:#fbbc05;}
.roll-i-cover-fuel{background:#34a853;}
.roll-i-cover-repair{background:#4285f4;}
.roll-i-cover-stock{background:#34a853;}
.roll-i-cover-stock-2{background:#90a4ae;}
.roll-i-cover-purchase{background:#ffa726;}
.roll-i-cover-purchase-2{background:#90a4ae;}
.roll-i-cover-kassa{background:#4285f4;}
.roll-i-icon .mdi{line-height:36px;font-size:24px;color:#fff;}
.roll-i-time{padding:5px 0 0 5px;font-size:12px;;color:#999;}
.roll-i-km{padding:5px 0 0 0;text-align:center;font-size:12px;}
.roll-i-info{float:left;width:calc(100% - 146px);}
.roll-i-info-storage{width:calc(100% - 90px);}
.roll-i-author{padding:5px 0;font-size:12px;;color:#999;}

.roll-i-info th{padding:5px 10px;font-size:12px;background:#f5f5f5;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.roll-i-info tr:nth-child(2n-1){background:#fafafa;}
.roll-i-info td{padding:5px 10px;font-size:12px;border-bottom:1px solid #ddd;}

.roll-i-amount{float:right;width:100px;padding:5px 10px 0 0;text-align:right;font-size:24px;color:#34a853;}
.roll-i-amount-storage{width:90px;}
.roll-i-amount-2{color:#ea4335;}
.roll-i-amount-3{color:#4a4e56;}
.roll-i-amount-4{color:#00acc1;}
.roll-i-amount-5{color:#9575cd;}

.roll-i-edit{position:absolute;top:0;right:0;width:40px;height:40px;line-height:40px;text-align:center;font-size:12px;background:#eee;}
.roll-i-name{font-weight:bold;}
.roll-i-phone{line-height:40px;}
.roll-i-note{line-height:1.5;font-size:12px;color:#777;}

.roll-i-log{padding:15px 0 10px 0;line-height:22px;font-size:13px;color:#888;}
.roll-i-log span{font-size:14px;}

.r-5{}

.catalog-i{}
.catalog-c{line-height:40px;padding:0 0 0 10px;font-weight:bold;text-transform:uppercase;background:#fff;border-top:1px solid #bbb;border-bottom:1px solid #eee;}
.catalog-list{margin:0 0 20px 0;border-bottom:1px solid #bbb;}
.catalog-list tr{background-color:#f3f3f3;}
.catalog-list tr:nth-child(2n){background-color:#f9f9f9;}
.catalog-p{line-height:36px;}
.catalog-p-name{padding:0 0 0 30px;}
.catalog-p-price{padding:0 10px 0 0;text-align:right;}

.buttons{margin:0 0 10px 0;}
.buttons-i{float:left;width:64px;height:64px;padding:10px 0 0 0;margin:0 10px 10px 0;text-align:center;font-size:12px;background:rgba(255,255,255,.8);-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.buttons-i .mdi{line-height:24px;font-size:32px;color:#393d45;}

.buttons-ii{width:64px;height:64px;padding:10px 0 0 0;margin:0 10px 0 0;text-align:center;font-size:12px;border:0;background:rgba(255,255,255,.8);-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.buttons-ii .mdi{line-height:24px;font-size:32px;color:#393d45;}

.calc-table{border:1px solid #777;}
.calc-table th{border:1px solid #777;}
.calc-table td{border:1px solid #777;}
.calc-table th{font-size:12px;}

.calc-table th:nth-child(1){width:2%;}
.calc-table th:nth-child(3){width:2%;}
.calc-table th:nth-child(4){width:2%;}
.calc-table th:nth-child(5){width:2%;}

.calc-table td:nth-child(1){font-size:12px;}
.calc-table td:nth-child(2){font-size:13px;}
.calc-table td:nth-child(3){text-align:center;font-size:12px;}
.calc-table td:nth-child(4){text-align:center;font-size:12px;}
.calc-table td:nth-child(5){text-align:right;font-size:12px;}

.calc-table-l{background:#ccc;}
.calc-table-l-n{vertical-align:middle;font-weight:bold;font-size:14px;}
.calc-table td.calc-table-l-p{text-align:right;font-weight:bold;font-size:16px;}

.storage-table{border:1px solid #777;}
.storage-table td{border:1px solid #777;}
.storage-table-sub{font-size:14px;font-weight:bold;background:#c8c8c8;}
.storage-table-i:nth-child(2n){background:#e8e8e8;}

.storage-table-i td:nth-child(1){font-size:12px;}
.storage-table-i td:nth-child(2){font-size:13px;}
.storage-table-i td:nth-child(3){text-align:center;font-size:12px;}

.buttons-2-i{position:relative;float:left;width:16%;margin:0 0 7.2% 7.2%;background:#fff;text-align:center;-moz-border-radius:16%;-webkit-border-radius:16%;border-radius:16%;}
.buttons-2-i:before{display:block;content:'';width:100%;padding-top:100%;}
.buttons-2-i:nth-child(4n){margin:0 7.2% 7.2% 7.2%;}
.buttons-2-i>div{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.buttons-2-i{font-size:12px;}
.buttons-2-i .mdi{font-size:32px;}


.buttons-3-i{float:left;width:16%;margin:0 0 4.5% 7.2%;text-align:center;}
.buttons-3-i:nth-child(4n){margin:0 7.2% 4.5% 7.2%;}

.buttons-3-c{position:relative;background:#fff;border:1px solid #ccc;-moz-border-radius:16%;-webkit-border-radius:16%;border-radius:16%;}
.buttons-3-cc{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;}
.buttons-3-cc .mdi{font-size:42px;color:#555;}

.buttons-3-n{padding:3px 0 0 0;font-size:12px;}

.submits{width:280px;margin:20px auto;}
.submits>div{float:left;}
.submits-ok{width:120px;margin:0 10px;line-height:38px;text-align:center;font-weight:bold;font-size:12px;color:#fff;background:#4caf50;border:1px solid #4caf50;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
.submits-cancel{width:120px;margin:0 10px;line-height:38px;text-align:center;font-size:12px;color:#777;background:#f4f4f4;border:1px solid #bbb;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}

.submits-delete{width:120px;margin:0 auto;}
.submits-delete button{width:100%;line-height:40px;text-align:center;font-weight:bold;font-size:12px;color:#fff;background:#F4511E;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}

.submits-back{width:140px;margin:20px auto;line-height:40px;text-align:center;font-size:12px;color:#fff;background:#b0bec5;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}

.submits-collapse{width:140px;margin:20px auto;line-height:38px;text-align:center;font-size:12px;color:#777;background:#f4f4f4;border:1px solid #bbb;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}

.loading{display:none;width:64px;height:64px;margin:20px auto;background:url('https://maxbud.com.ua/soft/files/loading.gif') no-repeat scroll center center transparent;background-size:64px 64px;}

.stockworkers-off{display:inline-block;width:60px;height:60px;line-height:60px;background:#b0bec5;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
.stockworkers-on{display:inline-block;width:60px;height:60px;line-height:60px;padding:0;background:#4caf50;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}

.prepay-i{padding:10px;margin:0 0 10px 0;line-height:1.5;background:#fff;border:1px solid #ccc;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;/*-moz-box-shadow:0 0 5px rgba(0,0,0,0.4);-webkit-box-shadow:0 0 5px rgba(0,0,0,0.4);box-shadow:0 0 5px rgba(0,0,0,0.4);*/}

.prepay-i>div{display:flex;}

.prepay-i-info{flex:1 1 auto;}

.prepay-i-time{font-size:12px;color:#999;}
.prepay-i-manager{padding:5px 0 0 0;color:navy;}
.prepay-i-note{padding:5px 0 0 0;}

.prepay-i-amount{width:100px;text-align:right;font-size:24px;color:#3bb337;}
.prepay-i-amount-off{color:#4a4e56;}

.prepay-i-sw{width:80px;padding:0 0 0 20px;}
.prepay-i-off{display:inline-block;width:60px;height:60px;line-height:60px;background:#b0bec5;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
.prepay-i-on{display:inline-block;width:60px;height:60px;line-height:60px;padding:0;background:#4caf50;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}

.f-f .note{
/*
font-size: calc(16px + 6 * ((100vw – 320px) / 680));
font-size: 4vw;
*/
font-size:20px;
line-height:1.5;
}

.reports-case{}

.reports{width:100%;border:1px solid #ccc;border-collapse:collapse;}
.reports tr{background:#fff;}
.reports tr:nth-child(2n){background:#f4f4f4;}
.reports td{padding:7px;border:1px solid #ccc;}
.reports-amount{text-align:right;}
.reports-amount-minus{color:#f00;}
.reports-finish{font-weight:bold;font-size:16px;font-weight:700;}

.page-sub{padding:10px 10px;margin:0 0 20px 0;text-align:center;font-size:16px;color:#222;font-weight:700;background:#ccc;}
.page-sub-2{padding:10px 10px;margin:0 0 20px 0;text-align:center;font-size:16px;color:#222;font-weight:700;border-top:1px solid #bbb;background:#ddd;}

.list-1 div{margin:0 0 10px 0;}


/*

BLUE
PANTONE: PMS 660 C
HEX COLOR: #4285F4;
RGB: (66,133,244)
CMYK: (88,50,0,0)

RED
PANTONE: PMS 7619 C
HEX COLOR: #DB4437;
RGB: (219,68,55)
CMYK: (0,78,85,12)

YELLOW
PANTONE: PMS 123 C
HEX COLOR: #F4B400;
RGB: (244,160,0)
CMYK: (0,20,90,0)

GREEN
PANTONE: PMS 7724 C
HEX COLOR: #0F9D58;
RGB: (15,157,88)
CMYK: (82,0,67,11)

dadce0

.url:hover{background:#fcfcfc;cursor:pointer;}

.meetings-name{margin:5px 0 0 0;}
.meetings-note{margin:5px 0 0 0;color:#777;}

.lh-0{line-height:40px;}
.lh-1{line-height:36px;}

.f0875{font-size:.875rem;}
.f1{font-size:1rem;}
.f1125{font-size:1.125rem;}

.t{border-bottom:1px solid #f4f4f4;}
.t1{float:left;line-height:36px;}
.t2{float:right;line-height:36px;text-align:right;}
.t11{float:left;padding:7px 0;width:calc(100% - 32px);}
.t22{float:right;width:32px;line-height:32px;text-align:center;}
.t22 .fa{font-size:18px;color:#f00;}

.t-meetings{padding:5px 0 10px 0;}
.t-meetings-1{margin:5px 0 0 0;color:#1565c0;}
.t-meetings-2{margin:7px 0 0 0;font-weight:bold;}
.t-meetings-3{margin:7px 0 0 0;font-size:13px;line-height:18px;}
.t-meetings-4{margin:7px 0 0 0;font-size:13px;line-height:18px;color:#1565c0;}

.t-workers{line-height:36px;}
.t-workers div:nth-child(1){float:left;}
.t-workers div:nth-child(2){float:right;width:70px;text-align:right;}
.t-workers div:nth-child(3){float:right;width:70px;text-align:right;}
.t-workers div:nth-child(4){float:right;width:40px;text-align:right;}

.t-note{padding:0 0 5px 10px;line-height:18px;font-size:12px;}

.alarm{color:#f00;}

.hint-switch{text-align:center;line-height:32px;color:#888;}
.hint{display:none;}

.objects-i{padding:20px 0 20px 0;border-bottom:3px dotted #bbb;}
.objects-fname{line-height:18px;font-size:12px;color:#bbb;}
.objects-l{float:left;width:50%;padding:0 5px 0 0;}
.objects-r{float:right;width:50%;padding:0 0 0 5px;}

.login{width:240px;padding:100px 0 0 0;margin:0 auto;}
.login-i{margin:0 0 20px 0;}
.login-s{text-align:right;}
.login-s input{width:120px;background:#ddd;}

.finances{padding:4px 0 0 0;}
.finances-i{padding:8px 0 8px 0;border-bottom:1px solid #ddd;}
.finances-icon{float:left;padding:0 10px 0 0;}
.finances-icon img{padding:4px;width:40px;height:40px;background:#eee;-moz-border-radius:15%;-webkit-border-radius:15%;border-radius:15%;}
.finances-name{float:left;line-height:40px;}
.finances-amount{float:right;line-height:40px;text-align:right;font-size:18px;}

.financeslog-icons{padding:10px 0 10px 0;font-size:22px;}
.financeslog-icons .fa{width:36px;line-height:36px;margin:0 10px 0 0;text-align:center;border:1px solid #ddd;background:#ddd;}
.financeslog-icons a .fa{background:#fff;}
.financeslog-i{padding:8px 0 8px 0;border-bottom:1px solid #ddd;}
.financeslog-date{display:block;padding:0 0 8px 0;font-size:12px;color:#aaa;}
.financeslog-icon{float:right;padding:0 10px 0 0;}
.financeslog-icon img{padding:2px;width:32px;height:32px;background:#eee;-moz-border-radius:15%;-webkit-border-radius:15%;border-radius:15%;}
.financeslog-account{float:right;padding:0 10px 0 0;position:relative;}
.financeslog-account img{width:32px;height:32px;}
.financeslog-transfer{position:absolute;top:0;left:24px;width:24px;height:24px;}
.financeslog-transfer img{vertical-align:bottom;}
.financeslog-status{float:right;padding:0 10px 0 0;}
.financeslog-status img{width:32px;height:32px;}
.financeslog-name{float:left;}
.financeslog-name a{display:block;color:#000;}
.financeslog-amount{float:left;font-size:22px;line-height:32px;}
.financeslog-vat{font-size:12px;}
.financeslog-note{padding:8px 0 0 0;line-height:20px;font-size:12px;color:#1565c0;}
.financeslog-note-private{font-weight:bold;color:#27ae60;}
.financeslog-note-mam{color:#16a085;}
.financeslog-note-contact{color:#8e44ad;}
.financeslog-note-object{color:#d35400;}
.financeslog-note-author{padding:5px 0 0 0;text-align:right;color:#000;}

.finances-icon .c-9,.financeslog-icon .c-9{background:#3498db;}
.finances-icon .c-10,.financeslog-icon .c-10{background:#d35400;}
.finances-icon .c-11,.financeslog-icon .c-11{background:#2980b9;}
.finances-icon .c-23,.financeslog-icon .c-23{background:#bdc3c7;}
.finances-icon .c-24,.financeslog-icon .c-24{background:#e67e22;}
.finances-icon .c-25,.financeslog-icon .c-25{background:#2ecc71;}
.finances-icon .c-27,.financeslog-icon .c-27{background:#f1c40f;}
.finances-icon .c-28,.financeslog-icon .c-28{background:#1abc9c;}
.finances-icon .c-29,.financeslog-icon .c-29{background:#16a085;}
.finances-icon .c-31,.financeslog-icon .c-31{background:#95a5a6;}
.finances-icon .c-50,.financeslog-icon .c-50{background:#9b59b6;}
.finances-icon .c-54,.financeslog-icon .c-54{background:#2ecc71;}
.finances-icon .c-55,.financeslog-icon .c-55{background:#9b59b6;}
.finances-icon .c-56,.financeslog-icon .c-56{background:#e74c3c;}
.finances-icon .c-57,.financeslog-icon .c-57{background:#16a085;}
.finances-icon .c-58,.financeslog-icon .c-58{background:#f1c40f;}
.finances-icon .c-59,.financeslog-icon .c-59{background:#95a5a6;}

.stocklog-i{padding:8px 0 8px 0;border-bottom:1px solid #ddd;}
.stocklog-amount{font-size:22px;line-height:40px;}
.stocklog-q{padding:8px 0 0 0;line-height:20px;font-size:12px;color:#1565c0;}
.stocklog-note{padding:8px 0 0 0;line-height:20px;font-size:12px;color:#8e44ad;}
.stocklog-note-author{padding:5px 0 0 0;text-align:right;color:#000;}

.period{max-width:300px;margin:80px auto;text-align:center;}
.period .select{width:120px;height:44px;margin:0 20px 0 0;font-size:1rem;}
.period .control-save{width:130px;line-height:42px;font-size:14px;}



*/

/*http://findicons.com/pack/1686/led*/