/* Start:/local/templates/ck/template_styles.css?169624554514543*/
* {
    margin:0;
    padding:0;
}
html, body{
    font-size:1rem;
    color:#000;
    height:100%;
    font-family:Arial, Helvetica, sans-serif;
    position: relative;
}
body{
    padding:1.5rem;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
h1 {
    font-size:1.5rem;
}

input[type='text'],
input[type='password'],
textarea,
button,
.button{
    background:none;
    border:1px solid #ccc;
    padding:8px 10px;
    margin:0;
    font-size:1rem;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width:100%;
    outline:none;
    cursor:pointer;
}
button,
.button{
    text-decoration:none;
    text-transform:uppercase;
    text-align:center;
}
.button.invert{
    background:#000;
    color:#fff;
    border-color:#000;
}
input[type='submit']:not(.button),
a.submit:not(.button),
.order .basket #pay-wrap-action button,
.order .basket #pay-wrap-action .button{
    display:block;
    padding:8px 40px;
    background:#ffcc00;
    border:none;
    color:#000;
    text-transform:uppercase;
    cursor:pointer;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-decoration:none;
    text-align:center;
}
input[type='submit']:not(.button).deactivated,
a.submit:not(.button).deactivated{
    background:#ccc;
    color:#333;
    cursor:default;
}
a.submit:not(.button).loading:before{
    content:'';
    width:30px;
    height:30px;
    background:url('/local/templates/ck/images/loading.gif') 50% 50% no-repeat;
    background-size:30px 30px;
    display:inline-block;
    margin-right:6px;
    vertical-align:middle;
}
.hide{display:none !important}
.auth{
    height:100%;
    display:flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding-bottom:2rem;
}
.auth .logo{
    display:block;
    margin:0 auto 1rem;
    background:url('/local/templates/ck/images/logo_big.png') 50% 50% no-repeat;
    background-size:contain;
    height:200px;
    width:279px;
}
.auth h1{text-align:center;}
.auth label{
    display:block;
    position:relative;
    overflow:hidden;
    border:1px solid #ccc;
    margin-bottom:0.5rem;
}
.auth label span{
    position:absolute;
    top:0;
    left:0;
    padding:8px 10px;
}
.auth label input{
    border:none;
    padding-left:80px;
}
.auth input[type='submit']{
    margin:2rem auto 0;
    display:block;
}
.auth .error{
    color:red;
    margin-bottom:1rem;
}
.header{
    font-size:0.75rem;
    margin: -1.5rem -1.5rem 1rem -1.5rem;
    padding:0.5rem 1.5rem;
    border-bottom:1px solid #ddd;
    position:relative;
    overflow:hidden;
}
.header .name{
    float:left;
}
.header .name a{
    color:#1c53a2;
}
.header .date{
    float:right;
    text-align:right;
}
.header .na
.orders .top,
.order .top,
.stores .top{
    position:relative;
    overflow:hidden;
    padding-bottom:1rem;
}
.orders .logo,
.order .logo,
.stores .logo{
    display:block;
    background:url('/local/templates/ck/images/logo_big.png') 50% 50% no-repeat;
    background-size:contain;
    height:50px;
    width:70px;
    float:left;
    margin-right:1rem;
}
.order .top h1{
    position:relative;
    overflow:hidden;
}
.order .top h1 span{
    font-size:1.2rem;
    float:right;
}
.orders h1,
.order h1,
.stores h1{
    line-height:50px;
    margin:0;
    padding:0;
}
.orders .list{
    padding:0 0 1rem;
}
.orders .list .list-item{
    display:block;
    padding:1rem;
    margin-top:1rem;
    border:1px solid #ccc;
    text-decoration:none;
    color:#000;
    position:relative;
    background:#f6f6f6;
}
.orders .list .list-item .client{
    line-height:1.4rem;
}
.orders .list .list-item .note{
    padding:1rem 0 0;
    text-align:center;
    font-size:14px;
}
.orders .list .list-item .note i{
    display:inline-block;
    position:relative;
    bottom:-2px;
    width:15px;
    height:15px;
    margin-right:8px;
    background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PgoNPCEtLSBVcGxvYWRlZCB0bzogU1ZHIFJlcG8sIHd3dy5zdmdyZXBvLmNvbSwgR2VuZXJhdG9yOiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9Ii01Ny45NiAwIDUxMiA1MTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+Cg08ZGVmcz4KDTxzdHlsZT4uY2xzLTF7ZmlsbDpub25lO3N0cm9rZTojMDAwMDAwO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6MjBweDt9PC9zdHlsZT4KDTwvZGVmcz4KDTxnIGRhdGEtbmFtZT0iTGF5ZXIgMiIgaWQ9IkxheWVyXzIiPgoNPGcgZGF0YS1uYW1lPSJFNDQzLCBFbnZlbG9wZSwgbWFpbCwgcG9zdCIgaWQ9IkU0NDNfRW52ZWxvcGVfbWFpbF9wb3N0Ij4KDTxyZWN0IGNsYXNzPSJjbHMtMSIgaGVpZ2h0PSI0OTIiIHJ4PSI1MC4yIiB3aWR0aD0iMzc2LjA5IiB4PSIxMCIgeT0iMTAiLz4KDTxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTI2Mi4zMSwxNDAuNTNoMzEuNjJhMzAuMTEsMzAuMTEsMCwwLDAsMjYtMTQuOTRMMzc1LjEsMjguODYiLz4KDTxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTIxLjg3LDI3LjhsNjQuNzQsOTkuMzJhMzAuMTcsMzAuMTcsMCwwLDAsMjUuMDgsMTMuNDFoMjIuMSIvPgoNPHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTMzLjc5LDE0MC41M2MwLTguMTcsOS4zNS0xNC40MiwxMi4yOS0yMS41MiwzLjA2LTcuMzYsMS0xOC4zNyw2LjUzLTIzLjkyczE2LjU1LTMuNDcsMjMuOTItNi41MmM3LjEtMi45NSwxMy4zNS0xMi4zLDIxLjUyLTEyLjNzMTQuNDIsOS4zNSwyMS41MiwxMi4zYzcuMzYsMy4wNSwxOC4zNywxLDIzLjkyLDYuNTJTMjQ3LDExMS42NSwyNTAsMTE5YzMsNy4xLDEyLjMsMTMuMzUsMTIuMywyMS41MlMyNTMsMTU1LDI1MCwxNjIuMDVjLTMsNy4zNy0xLDE4LjM3LTYuNTIsMjMuOTJzLTE2LjU2LDMuNDctMjMuOTIsNi41MmMtNy4xLDIuOTUtMTMuMzUsMTIuMy0yMS41MiwxMi4zcy0xNC40Mi05LjM1LTIxLjUzLTEyLjNjLTcuMzYtMy4wNS0xOC4zNi0xLTIzLjkxLTYuNTJzLTMuNDctMTYuNTUtNi41My0yMy45MkMxNDMuMTQsMTU1LDEzMy43OSwxNDguNywxMzMuNzksMTQwLjUzWiIvPgoNPGxpbmUgY2xhc3M9ImNscy0xIiB4MT0iMTgyLjk5IiB4Mj0iMjEzLjExIiB5MT0iMTQwLjUzIiB5Mj0iMTQwLjUzIi8+Cg08L2c+Cg08L2c+Cg08L3N2Zz4=");
    background-size:contain;
}
.orders .list .item,
.stores .list .item{
    display:block;
    padding:1rem;
    margin-top:1rem;
    border:1px solid #ccc;
    text-decoration:none;
    color:#000;
    position:relative;
}
.orders .list .item{
    border-top-left-radius:10px;
    border-top-right-radius:10px;
}
.orders .list .basket{
    display:block;
    padding:1rem;
    margin-top:5px;
    border:1px solid #ccc;
    text-decoration:none;
    color:#000;
    position:relative;
    background: #fff;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
}
.orders .list .basket .top{
    position:relative;
    overflow:hidden;
}
.orders .list .basket .top .show{
    border:1px solid #ccc;
    width:20px;
    height:20px;
    line-height:20px;
    text-align:center;
    display:inline-block;
    text-decoration:none;
    color:#000;
    position:relative;
}
.orders .list .basket .top .show:before{
    content:"+";
    line-height:20px;
}
.orders .list .basket.open .top .show:before{
    content:"-";
}
.orders .list .basket .top .approve{
    float:right;
    color: #1c53a2;
    text-decoration: none;
    border-bottom: 1px dotted #1c53a2;
}
.orders .list .basket table{
    width:100%;
    display:none;
    margin-top:0.5em;
    border-collapse: collapse;
}
.orders .list .basket.open table{
    display:table;
}
.orders .list .basket table td{
    padding:0.5rem;
    text-align:center;
    vertical-align:middle;
    border:1px solid #ccc;
}
.orders .list .item{
    background:#fff;
}
.orders .list .item .qr{
    display:block;
    margin:0 auto;
    text-align:center;
}
.orders .list .button{
    margin-top:1rem;
    display:block;
}
.orders .list .item .number,
.orders .list .item .id,
.stores .list .item .name{
    font-weight:bold;
    font-size:1.5rem;
}
.orders .list .item .number{
    float:right;
    font-size:1.2rem;
}
.orders #start-wrap{
    margin-top:1rem;
}
.orders #start-wrap input,
.orders #start-wrap a{
    display:block;
    width:100%;
    font-size:2rem;
    padding:20px;
}
.stores .list .item .merchant{
    position:absolute;
    top:-1px;
    left:-1px;
    color:#fff;
    padding:0.2rem 0.4rem;
    background:#d9001b;
    font-size:0.75rem;
    border-bottom-right-radius:4px;
}
.stores .form input{
    width:100%;
    margin-top:1rem;
}
.stores .form input.error{
    border-color:red;
}
.orders .list .item .sum{
    float:right;
    font-weight:bold;
    font-size:1.5rem;
    position:absolute;
    bottom:1rem;
    right:1rem;
}
.orders .list .item .price{color:#d9001b}
.orders .list .item .pay{color:green}
.orders .list .item .address{
    clear:both;
    margin-top:0.5rem;
    display:block;
}
.order .basket .buy{
    margin-top:1rem;
}
.order .basket .scan,
.order .basket .total{
    margin-top:3rem;
}
.order .basket .pay{
    margin-top:1rem;
    position:relative;
    overflow:hidden;
}
.order .basket ul{
    padding:0;
    margin:0;
    list-style:none;
}
.order .basket ul li{
    display:block;
    position:relative;
    overflow:hidden;
    margin-top:1.5rem;
}
.order .basket ul li .name{
    display:block;
    font-weight:bold;
    margin-bottom:0.5rem;
}
.order .basket ul li span.quantity{
    min-width:150px;
    display:block;
}
.order .basket ul li .quantity input,
.order .basket ul li .quantity button{
    width:40px;
    text-align:center;
}
.order .basket ul li .quantity button{
    background:#eee;
}
.order .basket ul li .sum{
    font-weight:bold;
    font-size:1.5rem;
    color:#d9001b;
}
.order .basket ul li .fill{
    padding:0 10px;
    color:#aaa;
}
.order .basket ul li table{
    padding:0;
    margin:0;
    border-collapse:collapse;
    width:100%;
}
.order .basket ul li table th,
.order .basket ul li table td{
    text-align:center;
    border:1px solid #ddd;
    padding:4px 2px;
}
.order .basket ul li table th{
    font-weight:normal;
    font-size:0.75rem;
}
.order .basket ul li table .remove-wrap{
    display:block;
    background:#000;
    color:#fff;
    margin:4px -2px -4px;
    padding:4px 2px;
}
.order .basket .total .price{
    font-size:4rem;
    color:#d9001b;
    margin-top:0.5rem;
}
.order .basket .total .subtotal{
    margin-bottom:.5rem;
}
.order .basket .pay a{
    padding:1rem;
    display:block;
    position:relative;
    overflow:hidden;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    cursor:pointer;
    border:1px solid #ccc;
    text-decoration:none;
    margin-top:0.5rem;
    color:#000;
    text-align:center;
}
.order .basket .pay a.cash{
    font-size:1.5rem;
}
.order .basket .pay a.qr{
    width:49%;
    float:left;
    font-size:0.75rem;
}
.order .basket .pay a.card{
    width:49%;
    float:right;
    font-size:0.75rem;
}
.order .basket #pay-wrap,
.order .basket #pay-wrap-action,
.order .basket #pay-status-wrap,
.order .basket #close-wrap,
.order .basket #save-wrap,
.order .basket #cancel-wrap,
.order .basket #order-status{
    text-align:center;
    margin-top:1.5rem;
    margin-bottom:1.5rem;
}
.order .basket #pay-wrap-action{
    padding:1.5rem;
    margin:0 -1.5rem;
    border-top:1px solid #ccc;
    margin-top:1.5rem;
}
.order .basket #pay-status-wrap{
    font-size:2rem;
    color:red;
    padding:20px;
    border:1px solid red;
    display:block;
    margin-bottom:-1rem;
}
.order .basket #pay-wrap-action button,
.order .basket #pay-wrap-action .button,
.order .basket #pay-wrap-action img{
    margin-top:1rem;
}
.order .basket #pay-wrap-action span{
    display:block;
    text-align:center;
}
.order .basket #order-status span{
    font-size:2rem;
    color:green;
    padding:20px;
    border:1px solid green;
    display:block;
    margin-bottom:1rem;
}
.order .basket #order-status.canceled span{
    color:#d9001b;
}
.order .basket #order-status a{
    display:block;
    padding:8px 40px;
    background:#ffcc00;
    border:none;
    color:#000;
    text-transform:uppercase;
    cursor:pointer;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.order .basket .submit{
    width:100%;
    padding:20px;
    font-size:2rem;
}
.order .basket .scan .buttons{
    position:relative;
    overflow:hidden;
    padding-top:0.5rem;
}
.order .basket .scan button{
    min-width:40px;
    min-height:40px;
    margin:0.5rem auto 0;
    display:block;
}
.order .basket .scan button.button-add{
    width:100%;
    float:right;
    background:#fff url('/local/templates/ck/images/camera.png') 10px 50% no-repeat;
    background-size:25px auto;
}
.order .basket .scan button.button-remove{
    width:100%;
    float:left;
    background:#000 url('/local/templates/ck/images/camera_invert.png') 10px 50% no-repeat;
    background-size:25px auto;
    color:#fff;
    font-size:1.5rem;
    height:60px;
    border-color:#000;
}
.order .basket .scan .button-back{
    width:100%;
}
.order .basket .scan .button-back.remove{
    color:#fff;
    background:#000;
    border-color:#000;
}
.order .basket video{
    width:100%;
    height:auto;
    margin-top:1rem;
}
.order .basket table td.price{width:25%}
.order .basket table td.quantity{}
.order .basket table td.sum{width:40%}
.order{
    position:relative;
}
.order.blocked:before,
.order.canceled:before{
    content:'';
    display:block;
    width:100%;
    height:100%;
    background:#fff;
    opacity:0.9;
    position:absolute;
    top:0;
    left:0;
    z-index:2;
}
.order.blocked:after,
.order.canceled:after{
    content:'Ожидается обновление информации по заказу';
    display:block;
    position:fixed;
    top:50%;
    left:50%;
    z-index:3;
    width:200px;
    margin-left:-100px;
    margin-top:-30px;
    text-align:center;
    background:url('/local/templates/ck/images/loading.gif') 50% 0 no-repeat;
    background-size:50px 50px;
    padding-top:50px;
    font-weight:bold;
}
.order.canceled:after{
    content:'Заказ отменен';
    background:none;
    margin-top:0;
}

.message{
    font-size:1.5rem;
    text-align:center;
    display:block;
}
.message.error{
    color:red;
}
.gj-datepicker{
    float:right;
    text-align:right;
}
.gj-datepicker .input-group-append{display:none}
input#delivery_date{
    padding:0;
    margin:0;
    font-size:inherit;
    font-family:inherit;
    border:none;
    text-align:center;
    width:61px;
    border-bottom:1px dotted #000;
    float:right;
}
a.phone{
    color:#1c53a2;
    text-decoration:none;
    border-bottom:1px dotted #1c53a2;
}
.note{
    padding:1rem 0;
}

@media all and (max-width:450px) {
    .orders .list .item span{
        display:block;
    }
    .orders .list .item .number{
        float:none;
    }
    .orders .list .item .sum{
        position:relative;
        float:none;
        bottom:auto;
        right:auto;
        margin-top:0.5rem;
    }
    .stores .list .item .address{
        float:left;
    }
    .orders .list .item .number{
        clear:left;
        float:none;
    }
    .order .top h1{
        line-height:normal;
    }
    .order .top h1 span{
        display:block;
        float:none;
    }
}
/* End */
/* /local/templates/ck/template_styles.css?169624554514543 */