body {
    font-family: Arial;
    font-weight: 500;
    font-style: normal;

}

body, html {
    height: 100%;
}

.reston-admin-grid {
    font-size: 0;
    height: 100%;
}

.glue-grid {
    overflow-y: scroll;
}

.reston-panel-grid {
    padding-bottom: 40px;
}

.reston-panel-grid.reston-full-height-grid {
    height: calc(100% - 60px);
    padding-bottom: 0;
}


.reston-admin-sidebar {
    width: 90px;
    display: inline-block;
    vertical-align: top;
    height: 100%;
    background: #45434a;
    color: #fff;
    font-size: 14px;
    z-index: 35;
    position: relative;
}

.sidebar-switch {
    display: none;
}


.reston-admin-sidebar .reston-admin-sidebar-header {
    padding: 15px 0;
    text-align: center;
}

.reston-admin-sidebar .reston-admin-sidebar-nav {
    padding: 0;
}

.reston-admin-sidebar .reston-admin-sidebar-nav li {
    display: block;
    width: 100%;
    font-size: 12px;
    text-align: center;
    background: #535159;
    margin-top: 1px;
}

.reston-admin-sidebar .reston-admin-sidebar-nav li.active,
.reston-admin-sidebar .reston-admin-sidebar-nav li:hover {
    background-color: #323136;
    webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
}

.reston-admin-sidebar .reston-admin-sidebar-nav li:hover a {
    text-decoration: none;
}

.reston-admin-sidebar .reston-admin-sidebar-nav li a,
.reston-admin-sidebar .reston-admin-sidebar-nav li .reston-icon {
    opacity: 0.5;
}

.reston-admin-sidebar .reston-admin-sidebar-nav li.active .reston-icon,
.reston-admin-sidebar .reston-admin-sidebar-nav li:hover .reston-icon {
    filter: drop-shadow(0 0 6px rgba(255, 255, 255, 0.4));
    opacity: 1;
    -webkit-filter: drop-shadow(0 0 6px rgba(255, 255, 255, 0.4));
}

.reston-admin-sidebar .reston-admin-sidebar-nav li.active a,
.reston-admin-sidebar .reston-admin-sidebar-nav li:hover a {
    opacity: 1;
}

.reston-admin-sidebar-link {
    padding: 8px;
    text-align: center;
    cursor: pointer;
}

.reston-admin-sidebar h1 {
    color: #fff;
    font-size: 28px;
    margin: 0;
}

.reston-admin-sidebar a,
.reston-admin-sidebar a:hover {
    color: #fff;
    text-transform: none;
}


.reston-admin-body {
    background: url(../img/reston-crm-bg.png);
    font-size: 14px;
    height: 100%;
    overflow: scroll;
    width: 100%;

}

.reston-admin-grid-body {
    width: calc(100% - 90px);
    overflow-y: auto;
    font-size: 14px;
    height: 100%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    background: #FAFAFA;;
}


.reston-wrapper {
    width: 1000px;
    margin: auto;
}


.reston-admin-page-grid {
    font-size: 0;
}

.reston-admin-half-column {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    padding: 15px;
    font-size: 14px;
}


/** buttons */

.phone-search-btn,
.send-custom-sms-btn {
    position: relative;
    height: 34px;
    padding: 6px;
    margin-top: -34px;
    margin-right: 34px;
    float: right;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0px 0px 11px 4px rgba(0, 0, 0, 0.1);
}

.send-custom-sms-btn {
    margin-right: 0;
}

.phone-search-btn-icon,
.send-custom-sms-btn-icon {
    display: block;
    background: url(../img/icons/search.png) no-repeat center;
    background-size: cover;
    opacity: 0.5;
    width: 18px;
    height: 18px;
}

.send-custom-sms-btn-icon {
    background: url(../img/icons/sms.png) no-repeat center;
}

.phone-search-btn:hover,
.send-custom-sms-btn:hover {
    color: #555;
    text-decoration: none;
    cursor: pointer;
}

.btn-reston-default {
    display: inline-block;
    padding: 12px 30px;
    color: #ffffff;
    font-size: 15px;
    text-align: center;
    text-transform: uppercase;
    border-radius: 4px;
    cursor: pointer;
    border: none;
    background: rgba(103, 207, 0, 1);
    background: -moz-linear-gradient(top, rgba(103, 207, 0, 1) 0%, rgba(84, 169, 0, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(103, 207, 0, 1)), color-stop(100%, rgba(84, 169, 0, 1)));
    background: -webkit-linear-gradient(top, rgba(103, 207, 0, 1) 0%, rgba(84, 169, 0, 1) 100%);
    background: -o-linear-gradient(top, rgba(103, 207, 0, 1) 0%, rgba(84, 169, 0, 1) 100%);
    background: -ms-linear-gradient(top, rgba(103, 207, 0, 1) 0%, rgba(84, 169, 0, 1) 100%);
    background: linear-gradient(to bottom, rgba(103, 207, 0, 1) 0%, rgba(84, 169, 0, 1) 100%);
}

.btn-reston-primary {
    display: inline-block;
    padding: 12px 30px;
    color: #ffffff;
    font-size: 15px;
    text-align: center;
    text-transform: uppercase;
    border-radius: 4px;
    cursor: pointer;
    border: none;
    background: rgba(24, 217, 236, 1);
    background: -moz-linear-gradient(top, rgba(24, 217, 236, 1) 0%, rgba(0, 187, 231, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(24, 217, 236, 1)), color-stop(100%, rgba(0, 187, 231, 1)));
    background: -webkit-linear-gradient(top, rgba(24, 217, 236, 1) 0%, rgba(0, 187, 231, 1) 100%);
    background: -o-linear-gradient(top, rgba(24, 217, 236, 1) 0%, rgba(0, 187, 231, 1) 100%);
    background: -ms-linear-gradient(top, rgba(24, 217, 236, 1) 0%, rgba(0, 187, 231, 1) 100%);
    background: linear-gradient(to bottom, rgba(24, 217, 236, 1) 0%, rgba(0, 187, 231, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#18d9ec', endColorstr='#00bbe7', GradientType=0);
}

.btn-reston-primary.btn-sm,
.btn-reston-default.btn-sm {
    padding: 7px 15px;
}


.reston-btn-wrap {

}

.reston-btn-wrap-full a {
    width: 100%;
    margin-bottom: 5px;
}

.reston-btn-wrap.btn-wrap-center {
    text-align: center;
}

.reston-btn {
    border-radius: 0;
    border: none;
    text-transform: lowercase;
    text-decoration: none;
    outline: none;
    padding: 10px 30px;
    cursor: pointer;
    display: inline-block;
    background: #E0E0E0;
    color: #0f0f0f;
}

.reston-btn:hover {
    text-decoration: none;
}

.reston-btn.btn-sm {
    padding: 7px 13px;
}

.reston-btn-danger,
.reston-btn-danger:hover {
    background: #F44336;
    color: #fff;
}

.reston-btn-default,
.reston-btn-outline.reston-btn-default:hover,
.reston-btn-default:hover {
    background: #4DD0E1;
    color: #fff;
}

.reston-btn-info,
.reston-btn-outline.reston-btn-info:hover,
.reston-btn-info:hover {
    background: #00ACC1;
    color: #fff;
}

.reston-btn-primary,
.reston-btn-primary:hover {
    background: #80CBC4;
    color: #fff;
}

.reston-btn-outline {
    padding: 8px 28px;
}

.reston-btn-outline.reston-btn-info {
    color: #00ACC1;
    background: none;
    border: 2px solid #00ACC1;
}

.reston-btn-outline.reston-btn-default {
    color: #4DD0E1;
    border: 2px solid #4DD0E1;
    background: none;
}

.reston-title-btn {
    margin: -18px 10px;
    padding: 20px 20px;
    font-family: Arial; /** 'Roboto';*/
    font-weight: 300;
    font-style: normal;
    font-size: 18px;
    text-transform: uppercase;
    background: #323136;
}

.reston-title-btn:hover {
    background: #323136;
}

.reston-title-btn-grid-right {
    display: block;
    vertical-align: middle;
    position: absolute;
    right: 0;
    top: 0;
}

.reston-calls-btn {
    background: #323136;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: 0;
    right: 0;
    width: 50px;
    margin: -18px 0 -18px -20px;
    padding: 15px;
}


.reston-btn-full {
    width: 100%;
    text-align: center;
}

.reston-btn-popup-wrap {
    position: absolute;
    bottom: 0;
    height: 60px;
    left: 0;
    right: 0;
    background: #FAFAFA;
}

.reston-btn-popup-wrap .l {
    position: absolute;
    left: 0;
    top: 0;
}

.reston-btn-popup-wrap .r {
    position: absolute;
    right: 90px;
    top: 0;
}

.reston-btn-popup-wrap .reston-btn {
    padding: 20px 30px;
    font-size: 16px;
}

.reston-btn-popup-wrap .reston-btn-default,
.reston-btn-popup-wrap .reston-btn-default:hover {
    background: #00BCD4;
}

.reston-btn-popup-wrap .reston-btn-primary,
.reston-btn-popup-wrap .reston-btn-primary:hover {
    background: #009688;
}

.reston-btn-filter:hover {
    color: #fff;
}


/** form */
body .form-group {
    margin-bottom: 5px;
}

.reston-client-form-group {
    padding-top: 15px;
}

.reston-client-form-group div {
    margin-bottom: 15px;
}

.reston-client-form-group p {
    margin-bottom: 3px;
    font-size: 12px;
    font-family: Arial; /** 'Roboto';*/
    font-style: normal;
    font-weight: 300;
}

.reston-client-form-group h4 {
    margin: 3px 0;
    font-size: 16px;
    min-height: 17px;
}

.reston-client-page-information {
    position: relative;
}

.reston-client-page-information input {
    display: none;
}

.reston-client-page-information input.active {
    display: block;
}


.reston-client-page-information:hover .btn {
    display: block;
}

.reston-client-page-information .btn {
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
}


/** inputs */
.reston-time-input {
    display: inline-block;
    width: 70px;
    vertical-align: middle;
}

.reston-note-textarea {
    width: 300px;
    resize: none;
    border-radius: 0;
}

body label {
    margin-bottom: 3px;
    font-size: 12px;
    font-family: Arial; /**'Roboto';*/
    font-style: normal;
    font-weight: 300;
}

.reston-not-valid {
    border: 1px solid red;
}


/** titles */
.reston-title-l3 {
    font-size: 18px;
    text-transform: uppercase;
    font-family: Arial; /**'Roboto';*/
    font-weight: 300;
    font-style: normal;
    background: #4DD0E1;
    color: #fff;
    margin: 0;
    padding: 15px 10px;
}

.reston-row-filter-form {
    position: relative;
}

.reston-title-l4 {
    background: #323136;
    font-size: 18px;
    text-transform: uppercase;
    font-family: Arial; /**'Roboto';*/
    font-weight: 500;
    color: #fff;
    font-style: normal;
    margin: 0;
    padding: 10px 18px;
}

.reston-title-l2 {
    position: relative;
    margin: 0;
    font-size: 22px;
    text-transform: uppercase;
    font-family: Arial; /** 'Roboto'; */
    font-weight: 600;
    font-style: normal;
    padding: 18px;
    background: #45434a;
    color: #fff;

}


.reston-title-badge {
    margin: -18px 15px;
    padding: 18px 20px;
    display: inline-block;
    background: #323136;

}

.reston-title-badge span {
    font-size: 12px;
    font-family: Arial; /** 'Roboto'; */
    font-weight: 300;
    font-style: normal;
}


/** popups */
.reston-admin-popup {
    position: fixed;
    display: none;
    left: 90px;
    right: 0;
    top: 0;
    bottom: 0;
    width: calc(100% - 90px);
    height: 100%;
    overflow-y: hidden;
    background: #fff;
}

.reston-admin-popup.reston-preloader {
    z-index: 110;
    background: rgba(255, 255, 255, 0.8);
}

.reston-preloader-gif {
    width: 128px;
    height: 128px;
    background: url(../img/preloader.gif);
    background-size: contain;
    margin: auto;
    position: relative;
    top: calc(50% - 64px);

}

.reston-admin-popup.reston-popup-client {
    z-index: 100;
}

.reston-admin-popup.reston-popup-order {
    z-index: 90;
}

.reston-admin-popup.active {
    display: block;
}


.modal-content {
    border-radius: 0;
}

.modal-dialog.menu {
    width: 1000px;
}

.modal-header {
    padding: 10px;
    background: #00796B;
    color: #fff;
    font-size: 15px;
}

.modal-title {
    font-family: Arial; /**'Roboto';*/
    text-transform: uppercase;
    font-weight: 500;
}

.modal-body {
    background: #EEEEEE;
    font-family: Arial; /**'Roboto';*/
    min-height: 200px;
}

.modal-footer {
    padding: 0;
    background: #F5F5F5;
}

.modal-buttons-grid {
    text-align: center;
    padding: 100px 0 0;
}

.close:hover, .close:focus {
    color: #fff;
    opacity: 0.9;
}

.close {
    font-size: 30px;
    line-height: 1;
    color: #fff;
    font-family: Arial; /**'Roboto';*/
    opacity: 1;
    text-shadow: none;
}


/** tabs */
.tab-pane {
    padding: 5px 0 50px;
}

.reston-nav-pills.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    background: #4DB6AC;
    border-radius: 0;
    color: #fff;
}

.reston-nav-pills.nav-pills > li > a {
    color: #757575;
}

.reston-tab-content {
    height: 100%;
    overflow-y: auto;
}

.nav-tab-container {
    position: relative;
    height: 100%;
}


/**  */
.reston-pagination {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #E0F2F1;
    text-align: center;
    padding: 0 5px 0 155px;
    z-index: 29;
    min-height: 40px;
    color: #000;
}

.reston-pagination .reston-btn-default {
    background: #006064;
}

.reston-pagination-title {
    padding-top: 10px;
}


/** dropdown */
.reston-dropdown-holder {
    position: relative;
}

.reston-dropdown {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    padding: 5px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    width: 100%;
    z-index: 5;
    overflow-y: auto;
    max-height: 350px;
}

.reston-dropdown .reston-dropdown-item {
    padding: 8px;
    display: block;
}

.reston-dropdown-clients {
    padding: 0;
}

.reston-dropdown-clients .reston-dropdown-item:hover {
    background: #E0E0E0;
}


/** icons */
.reston-icon {
    display: block;
    background-position: center center;
    background-repeat: no-repeat;

    margin: auto;
}

.reston-icon-order-add {
    background: url(../img/icons/booking-add.png);
    background-size: cover;
    width: 30px;
    height: 32px;
}

.reston-icon-client-add {
    background: url(../img/icons/clients-add.png);
    background-size: cover;
    width: 30px;
    height: 31px;
}

.reston-icon-orders {
    background: url(../img/icons/booking.png);
    background-size: cover;
    width: 30px;
    height: 32px;
}

.reston-icon-clients {
    background: url(../img/icons/clients.png);
    background-size: cover;
    width: 30px;
    height: 31px;
}

.reston-icon-restaurant {
    background: url(../img/icons/restaurant-icon.png);
    background-size: cover;
    width: 45px;
    height: 31px;
}

.reston-icon-settings {
    background: url(../img/icons/settings.png);
    background-size: cover;
    width: 32px;
    height: 32px;
}

.reston-icon-logout {
    background: url(../img/icons/logout.png);
    background-size: cover;
    width: 30px;
    height: 30px;
}

.reston-icon-like {
    background: url(../img/icons/like_ico.png);
    background-size: cover;
    width: 17.5px;
    height: 15px;
}

.reston-icon-dislike {
    background: url(../img/icons/dislike_ico.png);
    background-size: cover;
    width: 17.5px;
    height: 15px;
}

.reston-alert-warning-icon {
    background: url(../img/icons/alert-warning-ico.png);
    background-size: cover;
    width: 50px;
    height: 50px;
}

.reston-icon-phone {
    background: url(../img/icons/phone.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 25px;
    height: 30px;
}




/** card */
.reston-card {
    display: block;
    background: #EEEEEE;
    position: relative;
    margin-bottom: 3px;
    font-size: 0;
}

.reston-card-count {
    background: rgba(103, 207, 0, 1);
    color: #fff;
    font-size: 20px;
    min-height: 40px;
    border: none;
    padding: 15px;
    margin-top: 10px;
}

.reston-card-count .reston-card-count {
    font-size: 32px;
    position: absolute;
    right: 15px;
    top: 15px;
    margin: 0;
    padding: 0;
    line-height: 32px;
}

.reston-card-count .reston-icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 30px;
}


.reston-card-icon {
    display: inline-block;
}

.reston-card-title {
    margin: 0;
    font-size: 16px;
    font-family: Arial; /** 'Roboto';*/
    font-weight: 600;
    font-style: normal;
}

.reston-card-body,
.reston-card-footer {
    margin-bottom: 0;
}


.reston-card-date {
    height: 100%;
    padding: 5px;
    width: 150px;
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    background: #323136;
    color: #fff;

}

.reston-card-info {
    width: calc(100% - 150px);
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    padding: 5px;
}

.reston-card-info-ico {
    width: calc(100% - 230px);
}

.reston-card-ico {
    height: 100%;
    padding: 5px;
    width: 80px;
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    background: #323136;
    color: #fff;
}

.reston-card-ico-inv {
    background: #E0F7FA;
}


/** alert */
.reston-alert-warning {
    background: #EF5350;
    padding: 10px;
    color: #FAFAFA;
    font-size: 24px;
}


.reston-alert-warning .reston-alert-content {
    font-size: 15px;
    color: #FAFAFA;
    font-family: Arial; /** 'Roboto'; */
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    width: calc(100% - 75px);
    margin: 0 0 0 10px;
    vertical-align: middle;
}


.reston-alert-grid {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding: 10px;
    text-align: center;
    z-index: 36;
}

body.loaded .reston-alert-grid {
    display: block;
}


/** badge */
.badge-success {
    background: rgba(103, 207, 0, 1);
}

.reston-badge-phone {
    background: #4DB6AC;
    color: #fff;
    padding: 6px 12px;
    height: 32px;
    display: inline-block;
    vertical-align: top;
}

.reston-badge-mail {
    background: #80CBC4;
    color: #fff;
    padding: 6px 12px;
    height: 32px;
    display: inline-block;
    vertical-align: top;
}

.reston-badge-date-in {
    background: #757575;
    color: #fff;
    padding: 6px 12px;
    height: 32px;
    display: inline-block;
    vertical-align: top;
}

.reston-badge-date-realize {
    background: #9E9E9E;
    color: #fff;
    padding: 6px 12px;
    height: 32px;
    display: inline-block;
    vertical-align: top;
}

.reston-badge-peoples {
    background: #BDBDBD;
    color: #fff;
    padding: 6px 12px;
    height: 32px;
    display: inline-block;
    vertical-align: top;
}

.reston-badge-date {
    background: #4DB6AC;
    color: #fff;
    margin: 0 1px 1px 0;
    padding: 6px 12px;
    display: inline-block;
    vertical-align: top;
}

.reston-badge-iconmming-calls {
    background: red;
    color: white;
    min-width: 20px;
    text-align: center;
    font-weight: bold;
    border-radius: 5px;
    position: absolute;
    top: 5px;
    right: 5px;

}

/** tables */
.reston-td-relative {
    position: relative;
}

.reston-td-relative.reston-td-client-info a {
    position: absolute;
    left: 0;
    top: 0;
}

.reston-td-relative.reston-td-client-info {
    padding-left: 30px;
}


/** panels */
.reston-well {
    background: #fff;
    border-radius: 0;
    border: 0;
    font-family: Arial; /** 'Roboto';*/
    font-weight: normal;
    font-style: normal;
    margin: 0;

}

.reston-well label {
    font-weight: normal;
    font-style: normal;
    color: #757575;
}

.reston-well input {
    font-size: 16px;
    outline: none;
}


.reston-order-panel.is_closed {
    font-size: 0;
    box-shadow: 0px 2px 0 0px #f7483b;
    border: none;
    margin-bottom: 2px;
}

.reston-order-panel {
    font-size: 0;
    border-bottom: 2px solid #009688;
}

.reston-order-panel:hover, .reston-order-panel.active {
    background: #D1E5EF;
}

.reston-order-panel.active .reston-order-panel-status,
.reston-order-panel:hover .reston-order-panel-status {
    background: #D1E5EF;
}


.reston-order-panel-no {
    display: inline-block;
    width: 75px;
    /**   background:#4DB6AC; */
    padding: 10px 5px;
    font-size: 14px;
    /**  color: #fff; */
    vertical-align: middle;
}

.reston-order-panel-info {
    display: inline-block;
    min-height: 50px;
    vertical-align: middle;
    width: calc(100% - 225px);
    /** background: #EEEEEE; */
    font-size: 14px;
    position: relative;
}

.reston-order-panel-info.panel-info-with-bill {
    width: calc(100% - 300px);
}

.reston-order-panel-info-c1,
.reston-order-panel-info-c2,
.reston-order-panel-info-c3,
.reston-order-panel-info-c4,
.reston-order-panel-info-c5 {
    display: inline-block;
    vertical-align: middle;
    padding: 3px;
    border-left: 1px solid #E0E0E0;
}

.reston-order-panel-info-c1 {
    width: 30%;
}

.reston-order-panel-info-c2 {
    width: 25%
}

.reston-order-panel-info-c3 {
    width: 13%;
    text-align: center;
}

.reston-order-date {
    font-size: 11px;
    display: block;
}

.reston-order-panel-info-c4 {
    width: 7%;
    text-align: center;
}

.reston-order-panel-info-c5 {
    width: 10%;
    text-align: center;
}

.reston-order-panel-info-c2 {
    position: relative;
    padding-left: 45px;
}

.reston-order-panel-info-c2 .reston-btn-info {
    position: absolute;
    left: 5px;
    top: 0;
}

.reston-order-panel-info .panel-info-phone {
    padding: 2px 3px;
    font-size: 13px;
    display: inline-block;
    border: 1px solid #333;
}

.phone-copy-hover .copy-action {
    display: none;
    background: #009688;
    color: #fff;
    padding: 3px;
}

.phone-copy-hover:hover .copy-action {
    display: inline-block;
}

span.space-before:before {
    content: " ";
}

.reston-order-panel-info .panel-info-name {
    color: #000;
    font-weight: bold;
    font-style: normal;
}

.reston-order-panel-info .fa-small-font {
    font-size: 12px;
    margin-right: 5px;
}


.reston-order-panel-status {
    display: inline-block;
    font-size: 12px;
    padding: 5px;
    min-height: 50px;
    width: 150px;
    background: #B2DFDB;
    vertical-align: top;
    color: #757575;
}

.reston-order-panel-bill {
    width: 74px;
    padding: 8px 8px;
    font-size: 12px;
    display: inline-block;
    vertical-align: top;
    min-height: 50px;
}

.no-bill-warning {
    display:inline-block;
    width:100%;
    color: red;
    font-size: 16px;
    text-align: right;
}


.reston-order-status-unconfirmed {
    background: inherit;
}

.reston-order-status-confirmed {
    background: #E0E0E0;
}

.reston-order-status-director-notification {
    background: #ecc3bc;
}

.reston-order-panel-title {
    margin: 0 0 15px 0;
    font-family: Arial; /** 'Roboto';*/
    font-weight: normal;
    font-style: normal;
    font-size: 18px;
}


.reston-order-form-colums,
.reston-colums-form {
    font-size: 0;
    height: calc(100% - 120px);
}

.reston-order-col-client,
.reston-col-s1 {
    display: inline-block;
    vertical-align: top;
    width: 40%;
    font-size: 14px;
    background: #F5F5F5;
    height: 100%;
}

.reston-order-col-client h4,
.reston-col-s1 h4 {
    background: #26C6DA;
    color: #fff;
    margin: 0;
    padding: 10px 20px;
    font-family: Arial; /**'Roboto';*/
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
}

.guest-came-status {
    position: absolute;
    right: 0;
    top: 10px;
}

.reston-order-col-order {
    display: inline-block;
    vertical-align: top;
    width: 60%;
    font-size: 14px;
    background: #EEEEEE;
    height: 100%;
}

.reston-order-col-order h4 {
    background: #00BCD4;
    color: #fff;
    margin: 0;
    padding: 10px 20px;
    font-family: Arial; /**'Roboto';*/
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
}

.reston-order-panel-bl {
    margin-bottom: 5px;
}

.reston-order-panel-bl div:first-child {
    background: #EF5350;
    color: #fff;
    padding: 5px;
}

.reston-order-panel-bl div:nth-child(2) {
    background: #EF9A9A;
    color: #fff;
    padding: 5px;
}

.reston-order-panel-note {
    margin-bottom: 5px;
}

.reston-order-panel-note div:first-child {
    background: #9E9E9E;
    color: #fff;
    padding: 5px;
}

.reston-order-panel-note div:nth-child(2) {
    background: #BDBDBD;
    color: #fff;
    padding: 5px;
}


.reston-half-page-grid {
    font-size: 0;
}

.reston-half-page-panel-title {
    min-height: 20px;
    margin: 0;
    font-size: 15px;
    padding: 0 0 5px;
}

.reston-half-page-panel:nth-child(4n+1) {
    background: #EEEEEE;
}

.reston-half-page-panel:nth-child(4n+2) {
    background: #E0E0E0;
}

.reston-half-page-panel:nth-child(4n+3) {
    background: #FAFAFA;
}

.reston-half-page-panel:nth-child(4n+4) {
    background: #F5F5F5;
}


.reston-page-panel {

    margin: 0;
    font-size: 0;
}

.reston-page-panel > div {
    display: inline-block;
    vertical-align: top;
    font-size: 15px;
    padding: 5px;
}

.reston-page-panel .reston-page-panel-c1 {
    width: 40%;
}

.reston-page-panel .reston-page-panel-c1 h4 {
    margin: 10px 0 0 0;
}

.reston-page-panel .reston-page-panel-c1 p {
    margin-bottom: 3px;
}

.reston-page-panel .reston-page-panel-c2 {
    width: 25%;
}

.reston-page-panel .reston-page-panel-c3 {
    width: 10%;
    font-size: 12px;
}

.reston-page-panel .reston-page-panel-c3 div {
    width: 100%;
}

.reston-page-panel .caption {
    margin: 6px 0 3px;
}

.reston-page-panel .caption-item {
    display: block;
    font-size: 12px;
}


.restaurant-options {
    list-style-type: none;
    padding: 0;
}

.restaurant-options li {
    display: inline-block;
    margin-right: 2px;
    color: #535159;
    font-size: 12px;
}

.special-discount b {
    font-size: 16px;
}


.reston-page-panel:nth-child(2n+1) {
    background: #EEEEEE;
}

.reston-page-panel:nth-child(2n) {
    background: #E0E0E0;
}


.reston-half-page-panel {
    width: 50%;
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
    padding: 5px;
}

.reston-half-page-info {
    font-size: 0;
}

.reston-half-page-info.lg-height {
    height: 55px;
}

.reston-half-page-info-c1 {
    width: 45%;
    display: inline-block;
    vertical-align: top;
    font-size: 10px;
}

.reston-half-page-info-c2 {
    width: 35%;
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
}

.reston-half-page-info-c3 {
    width: 20%;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
}

.reston-new-restaurant-panel.abort {
    box-shadow: 0px 2px 0 0px #f7483b;
    border: none;
    margin-bottom: 2px;
}

.reston-new-restaurant-panel.abort .restaurant-name {
    color: #f7483b;
}

.reston-new-restaurant-panel .reston-order-panel-status.reston-order-status-unconfirmed {
    width: auto;
    background: #fff;
}

.reston-new-restaurant-panel .reston-order-panel-status.reston-order-status-unconfirmed.foreign-actions {
    background: transparent;
    vertical-align: middle;
    height: auto;
    min-height: auto;
}

.reston-new-restaurant-col-details {
    background: #F5F5F5;
    width: 100%;
    display: inline-block;
    vertical-align: top;
    height: 100%;
    font-size: 14px;
    position: relative;
}

.reston-new-restaurant-col-details .reston-card-body {
    padding: 5px 15px;
}

.reston-new-restaurant-col-info {
    background: #EEEEEE;
    width: 30%;
    display: inline-block;
    vertical-align: top;
    height: 100%;
    font-size: 14px;
    position: relative;
}

.reston-new-restaurant-col-info.reston-new-restaurant-message {
    width: 69%;
}

.reston-new-restaurant-actions-list {
    font-size: 14px;
    list-style: square;
    padding: 2px 5px;
    margin-bottom: 35px;
}

.reston-new-restaurant-actions-list li {
    margin-bottom: 35px;
    position: relative;
    /*border-bottom: #999 dashed 1px;*/
    /*max-width: 420px;*/
    /*padding-bottom: 5px;*/
}

.reston-new-restaurant-actions-list li:after {
    /*content: "\f0ab";*/
    content: "\f13a";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: calc(100% + 10px);
    left: 22px;
    color: #999;
}

.reston-new-restaurant-actions-list li:last-child {
    margin-bottom: 0;
}

.reston-new-restaurant-actions-list li:last-child:after {
    content: "";
}

.reston-new-restaurant-actions-wrapper {
    position: relative;
    display: none;
}

.reston-new-restaurant-actions-wrapper.visible {
    display: inline-block;
}

.reston-new-restaurant-actions-wrapper .dropdown-menu {
    position: absolute;
    left: calc(100% + 10px);
    width: 205px;
    height: auto;
    top: -30px;
}

.reston-new-restaurant-actions-list li small {
    color: #999;
    font-size: 11px;
}

.reston-client-form-colums {
    font-size: 0;
    height: calc(100% - 110px);
    position: relative;
}

.reston-client-col-info {
    background: #EEEEEE;
    width: 30%;
    display: inline-block;
    vertical-align: top;
    height: 100%;
    font-size: 14px;
    position: relative;
}

.reston-client-col-info .reston-client-edit-btn {
    position: absolute;
    top: 0;
    right: 0;
}

.reston-client-col-details {
    background: #F5F5F5;
    width: 70%;
    display: inline-block;
    vertical-align: top;
    height: 100%;
    font-size: 14px;
    position: relative;
}


.reston-client-bl-panel {
    background: #F5F5F5;
}

.reston-client-bl-panel h4.reston-client-bl-panel-title {
    font-size: 14px;
    padding: 7px;
    margin: 0;
    background: #EF5350;
    color: #fff;
}

.reston-client-bl-panel .reston-client-bl-panel-content {
    margin: 0;
    padding: 7px;
}

.reston-client-bl-panel .reston-client-bl-panel-date {
    margin: 0;
    padding: 7px;
}


.reston-client-note-panel {
    background: #F5F5F5;
}

.reston-client-note-panel h4.reston-client-note-panel-title {
    font-size: 14px;
    padding: 7px;
    margin: 0;
    background: #80CBC4;
    color: #fff;
}

.reston-client-note-panel .reston-client-note-panel-content {
    margin: 0;
    padding: 7px;
}

.reston-client-note-panel .reston-client-note-panel-date {
    margin: 0;
    padding: 7px;
}


.reston-col-body {
    padding: 10px;
    position: relative;
    overflow-y: auto;
    height: calc(100% - 40px);
}


/** filter */
.reston-row-filter {
    font-size: 0;
}

.reston-row-filter.reston-well {
    padding: 0;
    border-bottom: 3px solid #45434a;
}

.reston-row-filter-form {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}

.reston-row-filter-form.form-l5,
.reston-row-filter-form.form-l4,
.reston-row-filter-form.form-l3,
.reston-row-filter-form.form-l2,
.reston-row-filter-form.form-l1 {
    font-size: 0;

}

.reston-row-filter-form.form-l5 .col.small-filter-col {
    width: 13%;
}

.reston-row-filter-form.form-l5 .col {
    width: 20%;
    font-size: 12px;
    display: inline-block;
    vertical-align: top;
    padding: 0 3px 5px;
    position: relative;
}


.reston-row-filter-form.form-l4 .col {
    width: 25%;
    font-size: 12px;
    display: inline-block;
    vertical-align: top;
    padding: 0 3px 5px;
    position: relative;
}

.reston-row-filter-form.form-l3 .col {
    width: 30%;
    font-size: 12px;
    display: inline-block;
    vertical-align: top;
    padding: 0 3px 5px;
    position: relative;
}

.reston-row-filter-form.form-l3 .delivery-col {
    width: 7%;
}

.reston-row-filter-form.form-l3 .delivery-col label {
    width:100%;
}

.reston-row-filter-form.form-l3 .delivery-col input {
    margin-left: 20px;
}

.reston-row-filter-form.form-l1 .col {
    width: 100%;
    font-size: 12px;
    padding: 0 3px 5px;
    position: relative;
    display: inline-block;
    vertical-align: top;
}


.reston-row-filter-form.form-l2 .col {
    width: 50%;
    font-size: 12px;
    padding: 0 3px 5px;
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.form-group-clearable {
    position: relative;
}

.reston-filter-clear,
.reston-filter-clear:hover {
    position: absolute;
    color: red;
    text-decoration: none;
    font-size: 24px;
    right: 10px;
    bottom: 3px;
    cursor: pointer;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;

}


.form-group-clearable .reston-filter-clear {
    bottom: 0;
    line-height: 28px;
}

.reston-row-filter-form .col.col-date .reston-filter-clear {
    right: 50px;
    z-index: 3;
}

.row .reston-filter-clear {
    right: 22px;
}


/** shadow */
.reston-shadow-1 {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}


/** z-index */
.reston-zid-1 {
    z-index: 5;
    position: relative;
}


/** Lists */
.reston-list {
    list-style-type: none;
    padding: 0;
}

.reston-list.dates-list {
    padding: 20px 0;
}


.reston-list.dates-list li {
    display: inline-block;
    vertical-align: middle;
    margin: 2px;
    font-size: 15px;
    font-weight: bold;
}

.reston-list.dates-list li span {
    margin: 5px;
}


.incoming-calls-stack {
    position: absolute;
    right: 0;
    height: 100%;
    width: 25%;
    top: 0;
    background: #F5F5F5;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    z-index: 91;
}

.incoming-calls-stack ul {
    list-style-type: none;
    margin: 5px 0;
    padding: 0 5px;

}

.incoming-calls-stack ul li {
    background: #EEEEEE;
    color: #000;
    padding: 10px;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    margin: 2px 0;
}

.incoming-calls-stack ul li:hover {
    background: #E0E0E0;
}

.restaurant-zal-item {
    display: inline-block;
    background: #b9b9b9;
    color: #fff;
    border-radius: 3px;
    padding: 3px 10px;
    margin: 5px 15px 5px 0px;
}

.restaurant-zal-item:hover,
.restaurant-zal-item.active {
    background: #00bcd4;;
}


.datetimepicker .active.current {
    background-color: #00BCD4 !important;
}


.datetimepicker .active.disabled {
    background-color: #f44336 !important;
}


.dropdown-order-date .datetimepicker .active {
    background-color: #f44336 !important;
}

.dropdown-order-date .datetimepicker .active.current {
    background-color: #00BCD4 !important;
}

.inline-block {
    display: inline-block;
}

.inline {
    display: inline !important;
}

.closed-day-comment-wrapper {
    position: relative;
    right: 6px;
    bottom: 10px;
    margin-right: -5px;
}

.closed-at-day-comment {
    position: absolute;
    right: -120px;
    bottom: 34px;
    z-index: 2;
    width: 240px;
    height: auto;
    opacity: 0;
    visibility: hidden;
    transition: opacity .4s linear;
}

.closed-at-day-comment .panel {
    margin-bottom: 0;
    font-weight: normal;
}

.closed-at-day-comment:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-top: 15px solid #fff;
    top: 99%;
    left: calc(50% - 21px);
}

.work-house-time-info {
    font-size: 30px;
    color: #00bcd4;
}

.closed-day-info {
    font-size: 15px;
    color: #00bcd4;
    z-index: 3;
    position: relative;
}

.time-list-wrapper {
    position: relative;
    margin-left: 25px;
    vertical-align: middle;
}

.work-house-tile-list span {
    color: #00bcd4;
    font-weight: bold;
    display: inline-block;
    width: 35px;
    text-align: left;
}

.work-house-tile-list {
    background: #ffffff;
    display: inline-block;
    position: absolute;
    bottom: 0;
    z-index: 11;
    padding: 10px;
    text-align: center;
    width: 160px;
    left: 100%;
    border-radius: 5px;
    color: #45434a;
    list-style-type: none;
    box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.48);
    opacity: 0;
    transition: opacity .4s linear;
}

.work-house-time-info:hover + .work-house-tile-list {
    opacity: 1;
}

.closed-day-info:hover + .closed-at-day-comment {
    opacity: 1;
    visibility: visible;
}

.reston_nav_right {
    right: 0;
    z-index: 10;
    cursor: pointer;
    height: 60px;
    position: absolute;
}


/** alert icons */
.confirm-request-alert {
    background-image: url(../img/notification.svg);
    width: 25px;
    display: inline-block;
    height: 25px;
    background-size: contain;
    vertical-align: middle;
}

.restaurant-context-buttons {
    float: right;
    margin-top: -34px;
    position: relative;
}

#restaurant-city {
    height: 34px;
    padding: 6px 12px;
    float:  right;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0px 0px 11px 4px rgba(0, 0, 0, 0.1);
}

#restaurant-comment-icon {
    background: url(../img/icons/comment.png) no-repeat center;
    height: 34px;
    padding: 6px 12px;
    float:  right;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0px 0px 11px 4px rgba(0, 0, 0, 0.1);
    width: 35px;
}

.restaurant-comment-content {
    background: #ffffff;
    display: inline-block;
    position: absolute;
    z-index: 11;
    padding: 10px;
    max-width: 800px;
    right: 10px;
    border-radius: 5px;
    color: #45434a;
    list-style-type: none;
    box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.48);
    opacity: 1;
    transition: opacity .4s linear;
}

.sms-status {
    font-size: 12px;
    color: green;
}

/* phone context menu */
.phone-context-menu {
    position: absolute;
    display: none;
    top:0;
    left:0;
    justify-content: space-between;
    z-index: 1000000;
}

.phone-context-menu.active {
    display:flex;
}

.phone-menu-item {
    width: 70px;
}

.phone-menu-title {
    display: block;
    width: 100%;
    font-size: 9px;
    text-align: center;
    color: #fff;
    background: #45434A;
    border-bottom: 1px solid #323136;
}

.phone-context-menu a {
    display:block;
    width:100%;
    height:auto;
    background: #535159;
    padding: 10px 24px;
    text-align:center;
    cursor: pointer;
}

.phone-context-menu a:hover {
    background: #323136;
}

.phone-menu-call-icon,
.phone-menu-sms-icon,
.phone-menu-orders-icon,
.phone-menu-copy-icon,
.phone-menu-block-icon {
    display: block;
    background-size: cover;
    width: 25px;
    height: 25px;
}

.phone-menu-call-icon {
    background: url(../img/icons/phone-call.svg) no-repeat center;
}

.phone-menu-sms-icon {
    background: url(../img/icons/mail.svg) no-repeat center;
}

.phone-menu-orders-icon {
    background: url(../img/icons/order-search.svg) no-repeat center;
}

.phone-menu-copy-icon {
    background: url(../img/icons/copy-item.svg) no-repeat center;
}

.phone-menu-block-icon {
    background: url(../img/icons/block.svg) no-repeat center;
}


    /** init tl css */
body .intl-tel-input {
    display: block;
}

body .intl-tel-input .country-list {
    width: 380px;
    margin: 0 0 0 -335px;
    overflow-x: hidden;
}

.users-dropdown h5 {
    color: #000 !important;
    font-weight: bold;
    font-style: normal;
    font-size: 16px;
    margin: 0 0 3px 0;
}

.users-dropdown p {
    font-size: 13px;
    color: #333 !important;
    margin: 0;
}

.highlight-text {
    background: #ffff00;
}


@media screen and (max-width: 1200px) {
    .reston-order-panel-info {
        /*width: auto;*/
    }

    .reston-order-panel-info .reston-panel-restaurant-name {
        width: 165px;
    }

    .reston-order-panel-info .reston-panel-user-info {
        padding-left: 0;
    }

    .reston-order-panel-info .reston-panel-user-info .reston-btn-info {
        position: static;
        display: block;
        width: 38px;
    }
}


@media screen and (max-width: 768px) {
    .reston-order-panel .reston-order-panel-no {
        display: block;
        width: auto;
        text-align: left;
        border-bottom: 1px solid #E0E0E0;
    }

    .reston-order-panel .reston-order-panel-info {
        display: block;
        width: 100%;
    }
    .reston-order-panel .reston-order-panel-info .reston-media-selector{
        display: inline-block;
        width: 49%;
        text-align: center;
    }

    .reston-order-panel .reston-order-panel-status{
        display: block;
        width: auto;
        text-align: center;
        border-top: 1px solid #E0E0E0;
        min-height: auto;
    }

    .reston-title-btn{
        margin: 0 auto 10px;
        font-size: 14px;
        padding: 10px;
    }

}

@media screen and (max-width: 480px) {
    .reston-row-filter-form.form-l5 .col,
    .reston-row-filter-form.form-l5 .col.small-filter-col {
        width: 49%;
    }
}

@media screen and (max-height: 750px) {
    .show_restaurant_info {
        height: auto;
        max-height: 300px;
        overflow: auto;
    }
}