@font-face {
    font-family: Rubik-Medium;
    src: url("/fonts/Rubik-Medium.ttf");
}

@font-face {
    font-family: Rubik-Regular;
    src: url("/fonts/Rubik-Regular.ttf");
}

html{
    height: 100%;
    -webkit-text-stroke: 0.25px;
}
body {
    color: #000;
    font-family: Rubik-Regular, Helvetica, sans-serif;;
    font-size: 25px;
    height: 100%;
}

#point-modal .modal-dialog
{
    width: 1150px !important;
}

.kitchen {
    margin-bottom: 20px;
    background-color: #f6f5f7;
}
.kitchen .list-group-item:first-child{
    font-family: Rubik-Medium;
}
.kitchen .list-group-item{
    float: left;
    padding: 5px;
    border: none;
    background-color: #f6f5f7;
    font-family: Rubik-Regular;
    font-size: 15px;
    color: #222222;
    letter-spacing: 0;
    line-height: 20px;
    font-weight: normal;
    margin-right: 20px;
    cursor: pointer;
}

.kitchen .list-group-item label {
    font-weight: normal;
    padding-left: 25px;
}

.save_point .btn, .save_point .btn:focus, .save_point .btn:hover
{
    background: #54426A;
    border: 1px solid #54426A;
    border-radius: 4px;
    font-family: Rubik-Medium;
    font-size: 15px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    line-height: 20px;
    padding: 12px 42px;
}

.kitchen_menu{
    padding: 10px 21px 0px 21px;
}

#point-modal .row {
    padding: 15px 21px 0 21px;
}
.kitchen_menu .list-group{
    margin-bottom: 0;
    padding-left: 0;
    display: table;
    margin-top: 0;
    height: 69px;
    /*padding-top: 16px;*/
    padding-top:0px;
    padding-bottom: 10px
}

.kitchen_menu .list-group-item:first-child {
    display: block;
    width: 100%;
}

.modal-header{
    border-bottom: 0px;
}
#point-modal .modal-body{
    padding: 0 0 15px 0px;
}

#point-modal .form-group.save_point {
    padding-left: 10px;
    padding-right: 10px;
    float: right;
}

#point-modal a {
    text-decoration: none !important;
}

#point-modal .checkmark {
    position: absolute;
    top: 5px;
    left: 0;
    height: 21px;
    width: 21px;
    background-color: #fff;
    border: 1px solid #E4E2E6;
    border-radius: 4px;
}

/* On mouse-over, add a grey background color */
#point-modal  input ~ .checkmark {
    background-color: #fff;
}

/* When the checkbox is checked, add a blue background */
#point-modal input:checked ~ .checkmark {
    background: #99CC00;
    border: 1px solid #86B300;
    border-radius: 4px;
}

/* Create the checkmark/indicator (hidden when not checked) */
#point-modal .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
#point-modal input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
#point-modal .checkmark:after {
    left: 5px;
    top: 3px;
    width: 8px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.kitchens{
    font-family: Rubik-Regular;
    font-size: 15px;
    color: #222222;
    letter-spacing: 0;
    line-height: 20px;
    margin-bottom: 10px;
}

.address, .metro{
    font-family: Rubik-Regular;
    font-size: 15px;
    color: #777777;
    letter-spacing: 0;
    line-height: 20px;
}

.address {
    margin-bottom: 10px;
}
/*#point-modal .form-group.save_point .trash_btn {*/
    /*margin-top: 20px;*/
/*}*/
.metro span{
    background-image: url(/lama/img/metro.png);
    width: 20px;
    height: 15px;
    display: inline-block;
}
.line1 {
    background-color: #ED1B35;
}

.line2 {
    background-color: #44B85C;
}

.line3 {
    background-color: #0078BF;
}

.line4 {
    background-color: #19C1F3;
}

.line5 {
    background-color: #894E35;
}

.line6 {
    background-color: #F58631;
}

.line7 {
    background-color: #8E479C;
}

.line8 {
    background-color: #FFCB31;
}

.line9 {
    background-color: #A1A2A3;
}

.line10 {
    background-color: #B3D445;
}

.line11 {
    background-color: #77CBCD;
}

.line12 {
    background-color: #ACBFE1;
}

.line13 {
    background-color: #00b6be;
}

.line14 {
    background-color: #026CC2;
}

.line15 {
    background-color: #654061;
}

.line16 {
    background-color: #FA97D0;
}

#point-modal div.point_block {
    padding: 12px;
    cursor: pointer;
    min-height: 475px;
    border: 2px solid #fff;
}

.nearest, #point-modal div.point_block:focus, #point-modal div.point_block:hover {
    border: 2px solid #99CC00 !important;
}

#point-modal h3 {
    font-family: Rubik-Medium;
    font-size: 36px;
    color: #222222;
    letter-spacing: 0;
}

.point_block h2{
    font-family: Rubik-Medium;
    font-size: 17px;
    color: #222222;
    letter-spacing: 0;
}

.nearest_metka
{
    color: #54426A;
    border: 1px solid #54426A;
    border-radius: 10px;
    font-size: 15px;
    font-family: Rubik-Medium;
    width: 110px;
    padding: 0px 10px;
    position: absolute;
    z-index: 1;
    background-color: #fff;
    top: 30px;
    left: 35px;
    display: none;
    text-align: center;
}

.container
{
    max-width: 1168px;
}

.logotype{
    width: 72px;
    height: 62px;
    background-image: url(../img/logo.png);
    background-repeat: no-repeat;
    background-position: center;
}

.header
{
    background: #54426A;;
    font-size: 16px;
    color: #fff;
    /*padding-top: 10px;*/
    /*border-bottom: 1px solid #464646;*/
}

.header #navbar
{
    margin-bottom: 0px;
}

.header #navbar .navbar-buttons
{
    /*float: right;*/
    width: 100%;
}

.header .navbar-default {
    background-color: #54426A;
    border: none;
}

.header ul.navbar-nav > li > a
{
    font-family: Rubik-Medium;
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
    outline: none;
    cursor: pointer;
}

.header ul.navbar-nav > li > a.trash
{
    text-align: right;
    padding-top: 10px;
}

.header ul.navbar-nav > li > a.trash img{
    margin-right: 5px;
}

.subnav {
    margin:0;
    top: 62px;
    background-color: #fff;
    border-bottom: 1px solid  rgba(8, 66, 106, 0.19);
}

.subnav ul.navbar-nav {
    padding-top: 15px;
}

.subnav .nav-tabs>li::after {
    content: "";
    background: #E4E2E6;
    height: 1px;
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: 0px;
    transition: left 250ms ease 0s;
    transform: scale(1);
}

.subnav .nav-tabs>li.active::after, .subnav .nav-tabs>li:hover::after {
    background: #99CC00;
    /*transform: scale(1);*/
    height: 2px;
}

.subnav ul.navbar-nav > li > a, .subnav ul.nav-tabs > li > a {
    font-family: Rubik-Medium;
    font-size: 14px;
    color: #54426A;
    text-transform: uppercase;
    outline: none;
    cursor: pointer;
    padding-left: 0;
    padding-right: 20px;
    padding-top: 0;
    padding-bottom: 10px;
}

.subnav ul.navbar-nav > li > a:hover, .subnav ul.navbar-nav > li > a:focus, .subnav ul.nav-tabs > li > a:hover,
.subnav ul.nav-tabs > li > a:focus {
    background-color: #fff !important;
}


.subnav ul.navbar-nav > li:first-child > a, .subnav ul.nav-tabs > li:first-child > a {
    padding-left: 0;
}

.header ul.navbar-nav > li > a:hover, .header ul.navbar-nav > li > a:focus, .subnav ul.navbar-nav > li > a:hover,
.subnav ul.navbar-nav > li > a:focus, .subnav ul.nav-tabs > li > a:hover, .subnav ul.nav-tabs > li > a:focus{
    color: #99CC00;
    border: none;
}

.subnav .container {
    overflow: hidden;
}
.subtop{
    color: #979797;
    text-align: center;
    height: 330px;
    padding-top: 40px;
    background-color: #fff;
    background-position: center 40px ;
    background-repeat: no-repeat;
}

.main{
    padding-top: 70px;
}

.main.success_page{
    height: calc(100% - 318px);
    min-height: 575px;
}
.subtop .big_title
{
    font-family: Rubik-Medium;
    font-size: 40px;
    line-height: 40px;
    color: #fff;
    margin-top: 12px;
}

.subtop .big_title.top{
    margin-top: 80px;
}
.subtop .title
{
    font-family: Rubik-Regular;
    font-size: 25px;
    line-height: 25px;
    color: #fff;
    margin-bottom: 20px;
    margin-top: 20px;
}

.subtop .percentage{
    padding-top: 55px;
    display: table;
    margin-left: auto;
    margin-right: auto;
}
.subtop .offer{
    /*margin-top: 20px;*/
    background-color: #99CC00;
    color:#fff;
    font-family: Rubik-Medium;
    font-size: 16px;
    text-transform: uppercase;
    text-decoration: none;
    padding: 10px 0 10px 20px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    overflow: hidden;
    float: left;
}
.subtop #pacman{
    /*display: table;*/
    float: left;
    height: 0px;
}

.subtop #pacman .up{
    border: 20px solid transparent;	border-left: 20px solid #99CC00; border-top: 20px solid #99CC00;
    /*top:20px;*/
    position: relative;
}

.subtop #pacman .down{
    border: 20px solid transparent;	border-bottom: 20px solid #99CC00; border-left: 20px solid #99CC00;
    bottom:38px;
    position: relative;
}
.subtop .links a
{
    background-color: #FFFFFF;
    border-radius: 4px !important;
    font-family: Rubik-Medium;
    font-size: 15px;
    color: #54426A;
    letter-spacing: 0;
    text-align: center;
    line-height: 20px;
    text-decoration: none;
    padding: 11px 25px;
    border: 1px solid #FFFFFF;

    -webkit-border-radius: 4px !important;
    /* Firefox 1-3.6 */
    -moz-border-radius: 4px !important;
}

.subtop .links a:hover, .subtop .links a:focus
{
    background-color: #54426A;
    color: #fff;
    border-color: #54426A;
}

.instruction
{
    background-color: #fff;
    font-family: Rubik-Medium;
    font-size: 21px;
    color: #54426A;
    letter-spacing: 0;
    text-align: center;
    padding-top: 55px;
    padding-bottom: 15px;
}

.instruction .title
{
    font-family: Rubik-Medium;
    font-size: 48px;
    text-transform: uppercase;
    text-align: center;
}

.instruction .steps .step
{
    float: left;
    border: 2px solid #54426A;
    border-radius: 55px;
    -webkit-border-radius: 55px;
    /* Firefox 1-3.6 */
    -moz-border-radius: 55px;
    height: 55px;
    width: 55px;
    text-align: center;
    vertical-align: middle;
}

.instruction .steps .step .info
{
    font-family: Rubik-Medium;
    font-size: 21px;
    color: #54426A;
    letter-spacing: 0;
    padding-top: 10px;
}

.instruction .interval
{
    float: left;
/*   margin: 20px 0px 10px 10px;*/
    margin: 20px 0px 10px 20px;
    font-family: Rubik-Medium;
    font-size: 15px;
    color: #54426A;
    letter-spacing: 0;
    text-align: center;
    line-height: 20px;
}

.instruction .interval hr{
    width: 18px;
    height: 2px;
    border-color: #54426A;
    margin: 10px;
    border-width: 2px;
    font-weight: bold;
}

.instruction .steps .interval:nth-child(3n) {
    margin-left: 0px !important;
    margin-right: 0px;
}
.instruction .steps {
    display: table;
    text-align: center;
    vertical-align: middle;
    margin-left: auto;
    margin-right: auto;
}

.instruction .title_steps .title_step
{
    float: left;
    margin-right: 190px;
    text-align: center;
    vertical-align: middle;
    width: 175px;
}

.instruction .title_steps .title_step:last-child{
    margin-right: 0px;
}

.footer
{
    height: 206px;
    font-family: Rubik-Regular;
    font-size: 12px;
    color: #fff;
    background-color: #54426A;
    background-image: url("../img/pattern.png");
    padding-top: 35px;
    padding-bottom: 35px;
    margin-top: 50px;
}

.footer img
{
    float: left;
    margin-right: 40px;
}

.footer h2{
    font-family: Rubik-Medium;
    font-size: 36px;
}

.footer h4
{
    width: 100%;
    padding-right: 200px;
    line-height: 30px;
}

.subfooter{
    font-family: Rubik-Regular;
    font-size: 13px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 24px;
    background-color: #312342;
    height: 60px;
    padding-top: 15px;
}
.subfooter a{
    font-family: Rubik-Medium;
    font-size: 13px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 24px;
    margin-right: 13px;
}


.center_header
{
    padding: 0;
}

.center_header .container
{
    padding: 0;
}

.center_footer
{
    padding: 0;
}

.menu h4 {
    font-family: Rubik-Medium;
    font-size: 36px;
    color: #222222;
    letter-spacing: 0;
    text-align: center;
    margin-bottom: 55px;
    margin-top: 55px;
}

.menu .row {
    margin-top: 40px;
    margin-bottom: 20px;
}

.menu .col-sm-3{
    padding-left: 25px;
    padding-right: 25px;
}

.menu img{
    max-height: 235px;
    margin-bottom: 16px;
}
.menu .item{
    font-family: Rubik-Regular;
    font-size: 17px;
    letter-spacing: 0;
}
.menu .item_name
{
    color: #222222;
    margin-bottom: 5px;
    display: block;
    min-height: 50px;
}

.menu .price
{
    color: #99CC00;
    font-family: Rubik-Medium;
    font-size: 17px;
    letter-spacing: 1.12px;
    line-height: 20px;
    padding-top: 10px;
    display: inline-block;
}

.menu .panel-collapse{
    text-align: center;
    vertical-align: middle;
}

.menu .in_lama_trash
{
    font-family: Rubik-Medium;
    font-size: 15px;
    color: #54426A;
    letter-spacing: 0;
    text-align: center;
    line-height: 20px;
    background: #FFFFFF;
    border-radius: 4px;
    border: 1px solid #54426A;
    text-decoration: none;
    float: right;
    padding: 10px;
    cursor: pointer;
}

.menu .lama_trash {
    float: right;
}

.menu .block-name
{
    height: auto;
}

.menu .block-name .item-info
{
    display: table;
    width: 100%;
}

.menu .block-name .item-info .ace-spinner {
    width: auto !important;
}
.block-name .spinner {
    display: inline-block;
    float: right;
}

.block-name .spinner .btn-danger, .block-name .spinner .btn-success {
    background-color: #54426A;
    border-color: #54426A;
    height: 38px;
    width: 38px;
    border-radius: 3px;
    font-family: Rubik-Black;
    font-size: 15px !important;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    line-height: 20px !important;
    padding: 0 !important;
}

.block-name .spinner .count_item{
    height: 38px;
    color: #54426A;
    font-family: Rubik-Medium;
    font-size: 21px;
    letter-spacing: 0;
    text-align: center;
    padding: 5px;
    width: 50px;
    border: none !important;
    position: relative;
    z-index: 0;
    box-shadow: none !important;
}

.menu .panel-body{
    padding: 30px 0px;
    border-bottom: none;
}

.menu .panel-body .row
{
    margin-top: 30px;
}

.white
{
    color: #fff;
}

.header .list-nav{
    float: right;
    margin-top: 5px;
}

#trash.checkTrash
{
    width: 415px;
    max-width: 415px;
    left: calc(100% - 630px) !important;
    top: 0px;
}

#trash.checkTrash .modal-header{
    padding: 21px;
}
#trash.checkTrash .modal-dialog
{
    width: 415px;
    margin: 0;
    max-width: 415px;

    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
    border:none;
    background-color: #fff;
}

#trash.checkTrash .modal-content{
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
    border:none;
    box-shadow: none;
}

#trash.checkTrash .modal-body{
    padding-left: 21px;
    padding-right: 21px;
    padding-bottom: 21px;
    overflow-y: auto;
}

#trash.checkTrash .modal-footer{
    padding: 0;
    border-top: 0;
    padding-top: 10px;
    text-align: left;
    height: 498px;
}

#trash.checkTrash .close{
    color: #54426A;
    font-size: 25px;
    font-family: Rubik-Regular;
    opacity: 1;
    margin-top: 5px;
}

#trash .message .close
{
    color: #54426A;
    font-size: 14px;
    font-family: Rubik-Regular;
    opacity: 1;
    margin-top: 0px;
    margin-right: 15px;
}

#trash .popover-title
{
    font-family: Rubik-Medium;
    font-size: 21px;
    color: #222222;
    letter-spacing: 0;
    padding: 8px 0px;
    background-color: #fff !important;
    border: none;
    border-radius: 0px;
}

#status-modal  .modal-header, #point-modal .modal-header
{
    font-family: Rubik-Medium;
    font-size: 36px;
    color: #222222;
    letter-spacing: 0;
    padding: 21px;
}

.alert.modal .close {
    color: #000;
    font-size: 50px;
    margin-top: -5px;
    opacity: 1;
    font-weight: normal;
}

#status-modal  .modal-header .close, #point-modal  .modal-header .close {
    color: #54426A;
    font-size: 25px;
    font-family: Rubik-Regular;
    opacity: 1;
    margin-top: 5px;
}

#trash .popover-content
{
    padding: 0;
}

#status-modal  .modal-body
{
    font-family: Rubik-Medium;
    font-size: 15px;
    color: #222222;
    letter-spacing: 0;
}

#trash .popover-content .row
{
    margin-left: 0;
    margin-top: 0px;
    margin-right: 0;
    display: table;
    width: 100%;
}

#trash .table > tbody > tr > td {
    border:none;
    font-family: Rubik-Regular;
    font-size: 15px;
    color: #222222;
    letter-spacing: 0;
    height: 30px;
    vertical-align: middle;
    padding-left: 0;
    padding-right: 15px;
}

#trash .table > tbody > tr > td:nth-child(3) {
    display: none;
}

#trash .table td:nth-child(4)
{
    font-family: Rubik-Medium;
    font-size: 17px;
    color: #222222;
    letter-spacing: 1.12px;
    line-height: 20px;
    text-transform: uppercase;
    width: 25%;
    padding-right: 0;
}

#trash .table .price{
    color: #2c2c2c;
}

#trash .spinner-input
{
    border: none;
    width: 40px;
    margin-left: 2px;
    margin-right: 2px;
    /*height: 30px;*/
    box-shadow: none !important;
    font-family: Rubik-Medium;
    font-size: 17px;
    color: #54426A;
    letter-spacing: 0;
    text-align: center;
}

.menu .spinner-input::-webkit-outer-spin-button,
.menu .spinner-input::-webkit-inner-spin-button,
.menu .spinner-input::-webkit-outer-spin-button:focus,
.menu .spinner-input::-webkit-inner-spin-button:focus,
.menu .spinner-input::-webkit-outer-spin-button:hover,
.menu .spinner-input::-webkit-inner-spin-button:hover{
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

.menu .spinner-input[type="number"],
.menu .spinner-input[type="number"]:hover,
.menu .spinner-input[type="number"]:focus {
    -moz-appearance: textfield;
}

#trash .spinner-input::-webkit-outer-spin-button,
#trash .spinner-input::-webkit-inner-spin-button,
#trash .spinner-input::-webkit-outer-spin-button:focus,
#trash .spinner-input::-webkit-inner-spin-button:focus,
#trash .spinner-input::-webkit-outer-spin-button:hover,
#trash .spinner-input::-webkit-inner-spin-button:hover{
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

#trash .spinner-input[type="number"],
#trash .spinner-input[type="number"]:hover,
#trash .spinner-input[type="number"]:focus {
    -moz-appearance: textfield;
}

#trash .spinner-down, #trash .spinner-up
{
    background-color: #fff;
    -webkit-border-radius: 4px;
    /* Firefox 1-3.6 */
    -moz-border-radius: 4px;
    border: 1px solid #54426A;
    border-radius: 4px;
    height: 30px;
    width: 30px;

    font-family: Rubik-Black;
    font-size: 15px;
    color: #54426A;
    letter-spacing: 0;
    text-align: center;
    line-height: 20px;
    padding-top: 5px;
}

#trash .popover-content table
{
    margin-bottom: 0;
}
#trash .popover-content .trash
{
    font-family: Rubik-Medium;
    font-size: 17px;
    color: #222222;
    text-align: right;
    line-height: 20px;
    float: right;
    padding-top: 20px;
}

#trash form .trash_order_list{
    padding-left: 21px;
    padding-right: 21px;
}

#trash .order{
    font-family: Rubik-Regular;
    font-size: 15px;
    color: #222222;

    /*
    position:absolute;
    bottom: 62px;
    left:21px;
    width: 394px;
    */
}

#trash .order .form-group {
    margin-bottom: 15px;
    display: table;
    width: 100%;
}

.popover.bottom > .arrow::after {
    margin-left: -15px;
    top: -4px;
}

.popover > .arrow::after {
    border-width: 15px;
}

.popover.bottom > .arrow{
    margin-left: 180px;
    top: -11px;
}

#trash .trash_btn
{
    background: #54426A;
    font-size: 17px;
    color: #FFFFFF;
    letter-spacing: 0.5px;
    text-align: center;
    line-height: 20px;
    height: 76px;
    border: none;
    border-radius: 0;
    position: absolute;
    width: 417px;
    top: 16px;
    left: -13px;
    vertical-align: middle;
    padding-top: 30px;
    text-transform: uppercase;
}
.order_status  .trash_btn
{
    width: 200px;
}

#promo-code-modal .modal-dialog {
    width: 600px !important;
}

#promo-code-modal .modal-header {
    border-bottom: 0;
    text-align: center;
    padding: 0;
}

#promo-code-modal .modal-header h3, #status-modal  .modal-header h3 {
    font-family: Rubik-Medium;
    font-size: 36px;
    color: #222222;
    letter-spacing: 0;
}

#promo-code-modal .modal-dialog .modal-content{
    padding: 45px;
}

#promo-code-modal .modal-body {
    padding-top: 34px;
    text-align: center;
}

#status-modal .modal-body {
    padding-left: 21px;
    padding-right: 21px;
}

#promo-code-modal .modal-body .btn, #status-modal  .modal-body .btn
{
    font-family: Rubik-Medium;
    font-size: 15px;
    color: #54426A;
    letter-spacing: 0;
    text-align: center;
    line-height: 20px;
    padding: 17px 21px;
    border: 1px solid #54426A;
    border-radius: 4px;
    background-color: #fff;
}

#promo-code-modal .modal-body .btn.continue{
    background: #54426A;
    border: 1px solid #54426A;
    border-radius: 4px;
    color:#fff;
}

#trash .trash_btn.active
{
    background-color: #797979;
    border-color: #797979;
}

#trash #order_date, #trash #order_time{
    float:left;
    border:none;
}

#trash #order_date
{
    width: 152px;
}

#trash .calendar{
    background-image: url(../img/calendar.png);
    height: 16px;
    width: 16px;
    position: relative;
    left: 120px;
    top: 15px;
}

#trash #order_time
{
    width: 133px;
}

#trash #order_date:focus, #trash #order_date:hover, #trash #order_time:focus, #trash #order_time:hover {
    border-color: #54426A !important;
}

#trash input{
    height: 44px;
    width: 100%;
    border: none;
    font-family: Rubik-Regular;
    font-size: 17px;
    color: #222222;
    line-height: 21px;
    padding: 13px;
}

#promo-code {
    border: 1px solid #ccc !important;
}
#trash .select2-container{
    border: none;
    padding: 0;
    display: table;
}

#trash form.confirm {
    border-top: 1px solid #464646;
}

#trash .order label {
    font-family: Rubik-Medium;
    font-size: 20px;
    font-weight: normal;
    /*margin-top: 20px;*/
    margin-bottom: 5px;
}

#point-modal .col-sm-3 {
    margin-bottom: 5px;
}

#point-modal .select2-container
{
    text-transform: none;
    font-family: Rubik-Medium;
    font-size: 16px;
    color: #2c2c2c;
    padding: 0;
    border: none;
}

#trash .help{
    display: none;
}

#trash .error{
    border: 1px solid #EE1919;
    border-radius: 5px;
}
.alert.modal, #trash .help, #trash .message .alert
{
    text-align: center;
    font-family: Rubik-Regular;
    font-size: 13px;
    color: #EE1919;
    letter-spacing: 0;
    line-height: 16px;
    margin-bottom: 10px;
}

.alert.modal .modal-header {
    border-bottom: none;
}
.alert.modal .fa-stack
{
    font-size: 30px;
    font-weight: normal !important;
}

.alert.modal .btn-alert
{
    width: 100%;
    display: table;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
}

.alert.modal .btn-alert .btn
{
    width: 150px;
}

.select2-results
{
    font-family: Rubik-Regular;
    font-size: 17px;
    color: #777777;
    line-height: 21px;
}
.select2-container .select2-choice{
    height: 44px;
    border: none !important;
    background-color: #ddd !important;
    padding: 13px;
    font-family: Rubik-Regular;
    font-size: 17px;
    color: #777777;
    line-height: 21px;
}

.select2-container .select2-choice .select2-arrow{
    background-color: #ddd !important;
    padding-top: 10px;
    font-family: Rubik-Regular;
    font-size: 17px;
    color: #777777;
}


.order_status .alert{
    text-align: center;
}
.order_status td{
    text-align: left;
    padding: 10px;
}

.order_status thead td {
    text-align: left;
    border: 0 !important;
    padding: 0 15px 0 0!important;
    border: none;
    font-family: Rubik-Medium;
    font-size: 15px;
    color: #222222;
    letter-spacing: 0;
    height: 30px;
    vertical-align: middle;
}

.order_status table .info td:first-child{
    border-left: 0;
}
.order_status table .info td
{
    border: none;
    font-family: Rubik-Regular;
    font-size: 15px;
    color: #222222;
    letter-spacing: 0;
    height: 30px;
    vertical-align: middle;
    padding-left: 0;
    padding-right: 15px;
    background-color: #fff !important;
}

.order_status table .info td:last-child, .order_status thead td:last-child{
    padding-right: 0 !important;
}

.order_status .table-responsive{
    margin-bottom: 20px;
}

.order_status .all_result
{
    width: auto;
    text-align: right;
}

.order_status .form-group.status
{
    width: 100%;
    display: table;
    text-align: center;
}

.order_status .rating{
    margin-bottom: 15px;
    margin-top: 20px;
    text-align: center;
}

#trash .delete
{
    color: #dadada;
    cursor: pointer;
    font-size: 20px !important;
    width:10px;
}

#trash tr:hover .fa, #trash tr:focus .fa
{
    display: block;
}

#trash .delete .fa
{
    background-color: #797979;
    line-height: 0.8;
    border-radius: 30px;
    display: none;
}

.trash_btn.payment.compact {
    line-height: 0.7;
}

.trash_btn.payment small {
    font-size: 14px;
}

.btn_payments label{
    padding-left: 0;
}
.btn_payments .col-sm-6{
    padding-left: 0px;
}

.btn_payments .col-sm-6:last-child {
    padding-right: 0px;
}

#promo-offer {
    line-height: 1.5 !important;
    font-size: 13px !important;
    color: #000;
    display: block;
    margin-top: 5px;
    text-align: center;
}

.page-payment {
    text-align: center;
    padding-top: 100px;

    font-family: Rubik-Regular;
    font-size: 17px;
    color: #222222;
    letter-spacing: 0;
    text-align: center;
    line-height: 24px;
    min-height: 100%;
}

.page-payment h3{
    font-family: Rubik-Medium;
    font-size: 36px;
    color: #222222;
    letter-spacing: 0;
    margin-bottom: 18px;
    margin-top: 34px;
}

.page-payment .btn {
    background: #99CC00;
    border: 1px solid #99CC00;
    border-radius: 4px;
    padding: 17px 55px;
    margin-top: 34px;
    font-family: Rubik-Medium;
    font-size: 15px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    line-height: 20px;
    text-decoration: none;
}

.page-payment div{
    max-width: 639px;
    margin-right: auto;
    margin-left: auto;
}

.page-payment .btn.error{
    border: 1px solid #54426A;
    border-radius: 4px;
    font-family: Rubik-Medium;
    font-size: 15px;
    color: #54426A;
    letter-spacing: 0;
    text-align: center;
    line-height: 20px;
    width: 198px;
    padding: 17px 31px;
    background: #fff;
}

.page-payment .btn.tinkoffUrl{
    background: #54426A;
    border: 1px solid #54426A;
    border-radius: 4px;
    font-family: Rubik-Medium;
    font-size: 15px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    line-height: 20px;
}

.page-payment .btn.error:last-child{
    margin-left: 21px;
}

.show_mobile, .hide_header {
    display: none;
}

.metro span img {
    display: none;
}

#count_minutes{
    margin-top: -5px;
}
@media screen and (max-width: 991px)
{
}

/*Мобильная версия*/
@media screen and (max-width: 788px) {
    .hide_mobile {
        display: none;
    }

    .show_mobile {
        display: block;
    }

    .logotype {
        width: 100%;
        background-position: center center;
        margin-left: auto;
        margin-right: auto;
    }

    .subnav {
        min-height: inherit;
        overflow: auto;
        white-space: nowrap;
        border: none;
    }

    .subnav .nav > li {
        display: inline-block;
        /*float: none;*/
        /*padding-bottom: 4px;*/
    }

    .subnav .container {
        width: max-content;
        max-width: none;
        padding-right: 0;
    }

    .subnav ul.nav-tabs > li > a {
        /*padding-left: 10px;*/
        /*padding-right: 10px;*/
        font-family: Rubik-Medium;
        font-size: 13px;
        color: #54426A;
        letter-spacing: 0.52px;
        text-align: right;
        padding: 21px 10px 21px 10px;
        border: none;
    }

    .subnav ul.nav-tabs {
        padding-top: 0px;
        border: none;
    }

    .subtop {
        padding-top: 51px;
    }

    .subtop .offer {
        font-family: Rubik-Medium;
        font-size: 13px;
        color: #FFFFFF;
        letter-spacing: 0.3px;
        line-height: 15px;
        padding: 11px 0 10px 13px;
    }

    .subtop #pacman .down {
        border: 15px solid transparent;
        border-bottom: 15px solid #99CC00;
        border-left: 15px solid #99CC00;
        bottom: 24px;
        position: relative;
    }

    .subtop #pacman .up {
        border: 15px solid transparent;
        border-left: 15px solid #99CC00;
        border-top: 15px solid #99CC00;
        top: 0px;
        position: relative;
    }

    .subtop .percentage {
        padding-top: 34px;
    }

    .subtop .title {
        font-size: 18px;
        line-height: 18px;
    }

    .subtop .links a {
        font-family: Rubik-Medium;
        font-size: 15px;
        color: #54426A;
        letter-spacing: 0;
        text-align: center;
        line-height: 20px;
    }

    .subtop .big_title {
        font-size: 32px;
        line-height: 32px;
    }

    .instruction {
        padding: 21px 21px 0 21px;
    }

    .instruction .steps .step {
        height: 44px;
        width: 44px;
        border: 2px solid #99CC00;
        clear: left;
        margin-bottom: 21px;
    }

    .instruction .interval {
        margin: 13px 0px 10px 13px;
        font-family: Rubik-Medium;
        font-size: 15px;
        color: #54426A;
        letter-spacing: 0;
        line-height: 20px;
    }

    .instruction .steps .step .info {
        font-family: Rubik-Medium;
        font-size: 21px;
        color: #54426A;
        letter-spacing: 0;
        text-align: center;
        padding-top: 5px;
    }

    .menu h4 {
        margin-bottom: 0px;
        margin-top: 44px;
    }

    .menu .col-xs-12 {
        margin-top: 36px;
    }

    .menu img {
        max-height: inherit;
    }

    .footer {
        margin-top: 32px;
    }

    .footer h2 {
        margin-top: 0;
        width: 200px;
        font-size: 26px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    .footer h4 {
        padding-right: 0px;
        line-height: 20px;
        font-size: 14px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        width: 250px;
    }

    .menu .row {
        margin-top: 0;
    }

    .subfooter a {
        font-family: Rubik-Medium;
        font-size: 13px;
        color: #FFFFFF;
        letter-spacing: 0;
        line-height: 24px;
        display: block;
        margin-right: auto;
        margin-left: auto;
    }

    .subfooter {
        font-family: Rubik-Medium;
        font-size: 13px;
        color: #FFFFFF;
        letter-spacing: 0;
        line-height: 24px;
        text-align: center;
        padding-top: 5px;
    }

    /* Ресторан */
    .modal-backdrop {
        position: inherit;
    }

    #point-modal {
        min-height: 100%;
    }

    #point-modal, #trash.checkTrash {
        overflow-y: hidden;
    }

    #trash.checkTrash, #promo-code-modal {
        width: 100%;
        max-width: 100%;
        left: 0 !important;
        top: 0px;
        height: auto !important;
        overflow-y: auto;
        background-color: #fff;
    }

    #point-modal .modal-body
    {
        padding: 0 0 150px 0;
        position: absolute;
        overflow-y: auto;
        height: 100%;
        width: 100%;
    }

    #point-modal .modal-dialog {
        width: 100% !important;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
        margin-top: 62px;
        margin-bottom: 0px;
        border-radius: 0;
        border: none;
        height: calc(100% - 51px);
    }

    .modal-content {
        border: none;
        border-radius: 0;
        min-height: 100%;
    }

    #point-modal h3 {
        font-family: Rubik-Medium;
        font-size: 21px;
        color: #222222;
        letter-spacing: 0;
        text-align: center;
        margin-top: 0;
        margin-bottom: 0;
    }

    #point-modal div.point_block {
        min-height: inherit;
        border: none !important;
        padding: 13px 0;
    }

    #point-modal div.point_block:focus, #point-modal div.point_block:hover {
        border: none !important;
    }

    .point_block h2 {
        margin-bottom: 5px;
        margin-top: 0px;
    }

    .address {
        font-family: Rubik-Regular;
        font-size: 15px;
        letter-spacing: 0;
        line-height: 20px;
    }

    #point-modal .col-sm-3{
        border-bottom: 1px solid #E4E2E6;
        padding: 0;
    }

    #point-modal .row {
        padding: 0px 21px 0 21px;
        margin: 0;
    }

    .map_menu {
        font-family: Rubik-Regular;
        font-size: 15px;
        color: #988AA6;
        letter-spacing: 0;
        text-align: center;
        padding: 0 !important;
    }

    .map_menu .col-xs-6 {
        border: 1px solid #EFEDF1;
        padding: 13px 0;
    }

    .map_menu .col-xs-6:first-child {
        border-left: none;
        border-right: none;
    }

    .map_menu .col-xs-6:last-child {
        border-right: none;
    }

    #mapAllPoints {
        position: absolute;
        left: 0;
    }

    ymaps address {
        font-family: Rubik-Regular;
        font-size: 15px;
        color: #777777;
        letter-spacing: 0;
        line-height: 20px;
        margin-bottom: 0;
        display: inline-block;
        width: calc(100% - 44px);
        padding-right: 15px;
        height: 54px;
    }


    .ballonCheckPoint{
        display: inline-block;
        width: 44px;
        height: 44px;
        background-image: url("/lama/img/copy.png");
        background-color: #54426A;
        background-repeat: no-repeat;
        background-position: center;
        float: right;
    }

    .filterKitchen{
        font-family: Rubik-Regular;
        font-size: 15px;
        color: #222222;
        letter-spacing: 0;
        height: 84px;
        padding: 20px;
        text-align: left;
        display: table;
        width: 100%;
        background: #F6F5F7;
        border: 1px solid #E4E2E6;
        box-shadow: 0 4px 8px 0 rgba(0,0,0,0.34);
    }

    .filterKitchen .allInfo {
        float:left;
        text-align: left;
        padding: 0 12px;
    }

    .filterKitchen .allInfo h4{
        font-family: Rubik-Regular;
        font-size: 15px;
        color: #988AA6;
        letter-spacing: 0;
        text-align: left;
        margin-top: 0;
    }

    .modal-footer a {
        background: #54426A;
        border: 1px solid #54426A;
        border-radius: 4px;
        font-family: Rubik-Medium;
        font-size: 13px;
        color: #FFFFFF;
        letter-spacing: 0;
        text-align: center;
        line-height: 20px;
        padding: 7px 23px;
        margin-top: 5px;
    }

    .filterKitchen a {
        float: right;
    }

    .modal-footer {
        padding: 0;
        bottom: 10px;
    }

    #kitchen_list .list-group {
        margin-bottom: 0;
        padding-bottom: 90px;
        display: table;
        width: 100%;
        height: auto;
    }

    #kitchen_list{
        position:fixed;
        top:auto;
        right:auto;
        left:auto;
        bottom:0;
        background-color: #fff;
        text-align: left;
        font-family: Rubik-Regular;
        font-size: 15px;
        color: #222222;
        letter-spacing: 0;
        line-height: 20px;
        border-radius: 6px 6px 0 0;
        border: 1px solid #E4E2E6;
        box-shadow: 0 4px 8px 0 rgba(0,0,0,0.34);

        overflow-y: auto;
        height: auto;
        z-index: 2100;
    }

    #kitchen_list .modal-dialog {
        margin: 0;
    }
    /*
    #kitchen_list {
        padding: 13px 20px 20px 20px;
        background-color: #fff;
        text-align: left;
        font-family: Rubik-Regular;
        font-size: 15px;
        color: #222222;
        letter-spacing: 0;
        line-height: 20px;
        border-radius: 6px 6px 0 0;
        border: 1px solid #E4E2E6;
        box-shadow: 0 4px 8px 0 rgba(0,0,0,0.34);

        overflow-y: auto;

        position: absolute;

        height: 100%;
    }
    */
    #kitchen_list .list-group-item {
        border: none;
        display: table;
        width: 100%;
    }

    #kitchen_list .list-group-item label{
        font-weight: normal !important;
    }

    #kitchen_list .list-group-item:last-child {
        text-align: center;
        padding: 20px;
        position: absolute;
        left: 0;
        bottom: 0;
    }

    #kitchen_list a {
        padding: 12px 34px;
    }

    #kitchen_list a:first-child {
        font-family: Rubik-Medium;
        font-size: 15px;
        color: #6E6479;
        letter-spacing: 0;
        text-align: center;
        line-height: 20px;
        margin-right: 8px;
        background: #E4E2E6;
        border: 1px solid #E4E2E6;
        border-radius: 4px;
        float: left;
    }

    #kitchen_list .list-group-item:last-child a:last-child{
        float: right;
    }

    .kitchen {
        margin-bottom: 0;
        padding-top: 20px;
        height: auto;
        background-color: #fff;
        margin-left: 20px;
        margin-right: 20px;
    }

    .kitchen .list-group-item:first-child {
        font-family: Rubik-Regular;
        font-size: 15px;
    }

    #kitchen_list .line{
        background: #E4E2E6;
        border-radius: 4.5px;
        width: 34px;
        height: 5px;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 20px;
        position: absolute;
        top: 13px;
        left: 0;
        right: 0;
        z-index: 100;
    }

    .kitchen .list-group-item {
        background-color: #fff;
    }

    .ymaps-2-1-73-balloon__content {
        height: 54px !important;
    }

    .navbar-fixed-top .trash {
        height: 62px;
        width: 62px;
        background-color: #54426A;
        background-image: url('/lama/img/mobile-basket.png');
        background-repeat: no-repeat;
        background-position: center;
        /*box-shadow: 0 2px 4px 0 rgba(0,0,0,0.50), 0 16px 21px 0 rgba(0,0,0,0.51);*/
        /*border: 1px solid #54426A;*/
        /*border-radius: 78px;*/
        display: block;
        /*margin: 10px;*/
    }

    .navbar-fixed-top .trash .trash_cnt{
        background-color: #fff;
        float: right;
        margin-right: 5px;
        margin-top: 5px;
        color: #54426A;
        font-family: Rubik-Medium;
        font-size: 15px;
        letter-spacing: 0;
        line-height: 19px;
        height: 20px;
        width: 20px;
        text-align: center;
        border: 1px solid #fff;
        border-radius: 20px;
    }

    #trash.checkTrash .modal-header, #promo-code-modal .modal-header, #status-modal  .modal-header{
        background-color: #54426A;
        text-align: center;
        padding: 20px;
    }

    .success_page .modal-header, #status-modal  .modal-header{
        background-color: #54426A;
        text-align: center;
    }

    #trash.checkTrash .modal-dialog, #promo-code-modal .modal-dialog {
        width: 100% !important;
    }

    #trash.checkTrash .back, #promo-code-modal .back, .success_page .back {
        float: left;
        height: 12px;
        width: 19px;
        background-image: url('/lama/img/icon-back.png');
        background-position: center;
        background-repeat: no-repeat;
    }

    #trash .popover-title, #promo-code-modal .popover-title, .success_page .popover-title {
        background-color: #54426A !important;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
        font-family: Rubik-Medium;
        font-size: 17px;
        color: #FFFFFF;
        letter-spacing: 0;
    }

    #trash.checkTrash .modal-footer{
        min-height: 438px;
        border-top: 1px solid #F9F9FA;
        padding-top: 0;
    }

    #trash form .trash_order_list {
        padding: 20px 20px 0 20px;
    }
    #trash.checkTrash .modal-body {
        padding-top: 0px;
        height: auto !important;
    }

    #trash .order .form-group .col-xs-6, #trash .order .form-group .col-xs-12 {
        padding-left: 0;
    }

    #trash .order .form-group .col-xs-6:nth-child(2), #trash .order .form-group .col-xs-12 {
        padding-right: 0;
    }

    #trash .calendar{
        left: 110px;
        top: 13px;
    }

    /*#trash #order_date {*/
        /*width: 130px;*/
    /*}*/

    #trash .table > tbody > tr > td:first-child {
        width: 100%;
    }

    .btn_payments {
        margin-bottom: 0 !important;
        padding: 0;
        background-color: #fff;
    }

    #trash .trash_btn {
        width: 100%;
        top: 10px;
        left: 0;
        /*padding-top: 20px;*/
        /*height: 60px;*/
        margin-top: 0;
    }

    #trash .price {
        display: none;
    }

    #trash .popover-content .row {
        font-family: Rubik-Regular;
        font-size: 15px;
        color: #222222;
        letter-spacing: 0;
        padding: 13px 0;
    }

    #trash .popover-content .row .col-xs-12, #trash .popover-content .row .col-xs-6 {
        padding-right: 0;
        padding-left: 0;
    }

    .spinner_row{
        display: table;
        width: 100%;
        border-bottom: 1px solid rgba(84,66,106,0.17);
        padding-top: 0 !important;
    }

    #trash .popover-content .trash {
        padding-top: 0;
        padding-right: 0;
    }

    #trash .popover-content .row .col-xs-6:nth-child(2) {
        text-align: right;
        font-family: Rubik-Medium;
        font-size: 17px;
        color: #222222;
        letter-spacing: 1.12px;
        line-height: 20px;
    }

    #promo-code-modal .modal-dialog
    {
        margin: 0;
        -webkit-border-radius:0;
        -moz-border-radius:0;
        border-radius:0;
        border:none;
        background-color: #fff;
        height: 100%;
    }

    #promo-code-modal .modal-content{
        -webkit-border-radius:0;
        -moz-border-radius:0;
        border-radius:0;
        border:none;
        box-shadow: none;
        padding: 0 !important;
    }

    #promo-code-modal .close{
        color: #54426A;
        font-size: 25px;
        font-family: Rubik-Regular;
        opacity: 1;
        margin-top: 5px;
    }

    #promo-code-modal .modal-header h3, .success_page .modal-header h3, #status-modal  .modal-header h3 {
        font-family: Rubik-Medium;
        font-size: 17px;
        color: #FFFFFF;
        letter-spacing: 0;
        border-bottom: 0;
    }

    #promo-code-modal .modal-body {
        font-family: Rubik-Medium;
        font-size: 27px;
        color: #222222;
        letter-spacing: 0;
        text-align: center;
        line-height: 34px;
        height: calc(100% - 51px);
    }

    #promo-code-modal .modal-body .show_mobile {
        margin-top: 20%;
    }

    #promo-code-modal .modal-body img{
        margin-bottom: 10px;
    }

    #promo-code-modal .modal-footer{
        padding: 0 20px;
        position: absolute;
    }

    #promo-code-modal .modal-footer .btn
    {
        font-family: Rubik-Medium;
        font-size: 15px;
        color: #54426A;
        letter-spacing: 0;
        text-align: center;
        line-height: 20px;
        padding: 17px 21px;
        border: 1px solid #54426A;
        border-radius: 4px;
        background-color: #fff;
        width: 100%;
        height: auto !important;
    }

    #promo-code-modal .modal-footer .btn.continue{
        background: #54426A;
        border: 1px solid #54426A;
        border-radius: 4px;
        color:#fff;
    }

    #promo-code-modal .modal-footer .col-xs-12 {
        margin-bottom: 13px;
    }

    .alert.modal, #trash .help, #trash .message .alert {
        text-align: left;
    }

    .header.success_page, .footer.success_page, .subfooter.success_page, .subnav.success_page,
    .success_page .navbar-fixed-top .trash {
        display: none;
    }

    .page-payment {
        padding-top: 5%;
    }

    .hide_header.success_page {
        display: block;
    }

    .success_page .close {
        color: #54426A;
        font-size: 25px;
        font-family: Rubik-Regular;
        opacity: 1;
        margin-top: 5px;
    }

    .main.success_page{
        min-height: 100%;
    }

    .modal-backdrop.active {
        position: absolute;
        z-index: 2000;
        height: 100%;
    }

    .metro span {
        border: none;
        box-shadow: none;
    }

    .metro {
        line-height: 15px;
    }

    #kitchen_list .checkmark {
        position: absolute;
        top: 5px;
        left: 0;
        height: 21px;
        width: 21px;
        background-color: #fff;
        border: 1px solid #E4E2E6;
        border-radius: 4px;
    }

    /* On mouse-over, add a grey background color */
    #kitchen_list  input ~ .checkmark {
        background-color: #fff;
    }

    /* When the checkbox is checked, add a blue background */
    #kitchen_list input:checked ~ .checkmark {
        background: #99CC00;
        border: 1px solid #86B300;
        border-radius: 4px;
    }

    /* Create the checkmark/indicator (hidden when not checked) */
    #kitchen_list .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

    /* Show the checkmark when checked */
    #kitchen_list input:checked ~ .checkmark:after {
        display: block;
    }

    /* Style the checkmark/indicator */
    #kitchen_list .checkmark:after {
        left: 5px;
        top: 3px;
        width: 8px;
        height: 10px;
        border: solid white;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    #kitchen_list a {
        background: #54426A;
        border: 1px solid #54426A;
        border-radius: 4px;
        font-family: Rubik-Medium;
        font-size: 13px;
        color: #FFFFFF;
        letter-spacing: 0;
        text-align: center;
        line-height: 20px;
        padding: 12px 34px;
        margin-top: 5px;
    }

    .metro span {
        height: 13px;
        background-image: none;
    }

    .metro span img {
        padding: 0;
        border: 0;
        margin-top: -1px;
        display: block;
    }

    .metro div{
        margin-bottom: 5px;
    }

    #status-modal {
        height: 100%;
        background-color: #fff;
    }

    #status-modal .modal-dialog {
        margin: 0;
        min-height: 100%;
        height: 100%;
    }

    #status-modal .modal-header h3{
        margin-top: 0;
        margin-bottom: 0;
    }

    #status-modal .modal-header .close {
        color: #fff;
        margin-top: 0;
    }

    #status-modal .modal-body {
        min-height: 100%;
    }

    .order .select2-container .select2-choice{
        margin-top: 0;
    }

    .order .select2-choice {
        text-align: left;
    }

    .trash_icon {
        height: 62px;
        width: 62px;
        right: 5px;
        left: auto;
    }

    .order_status .table-responsive {
        border: none;
        padding-bottom: 10px;
    }

    .order_status .table-responsive table td:nth-child(2){
        width: 200px;
    }

    .menu .item_name
    {
        height: auto;
        min-height: inherit;
    }
}

@media screen and (max-width: 767px)
{

}

@media screen and (max-width: 547px)
{

}

@media screen and (max-width: 480px)
{

}

@media screen and (max-width: 320px)
{
    .instruction {
        padding: 21px 16px 0 0px;
    }
}