.user-panel>.info>p>small {
   font-weight: 100;
   font-size: 0.75em;
}

.user-panel div.image {
   overflow: hidden;
   border-radius: 50%;
}
.main-header .logo {
   font-weight: 900;
   font-size: 30px;
}
.delete-user{
   margin-right: 6em;
}
.popover-title
{
   background-color: #3c8dbc;
}
.confirmation-buttons a {
    bottom: 0!important;
    right: 0!important;
    position: relative!important;
}
.dataTables_wrapper .dataTables_status {
   float: left;
   margin-left: 2em;
}
.deliverers-div{
   /*margin: 10px;*/
}
.deliverers-div label{
   margin-left: 10px;
}
.dataTables_wrapper .dataTables_status label {
   font-weight: normal;
   margin-right: 0.2em;
}

.marker-catering {
position: relative;
}
.marker-catering span {
background-color: #0073B7;
color: white;
padding: 0 5px;
border-radius: 50%;
font-style: normal;
font-weight: 600;
font-family: 'Source Sans Pro',sans-serif;
}
.marker-catering::before {
position: absolute;
content: "\f041";
font-family: 'FontAwesome';
top: 7px;
left: 1px;
font-size: 50px;
color: #0073B7;
cursor: pointer;
}

#GenerateRouteTargetLocation label {
    margin-top: .5em;
}

.small-form-control {
    height: 30px;
}

#route-narrative a.info-box {
    color: inherit;
}
.info-margin-span .info-box-number {
    line-height: 1;
    margin: 0;
}
.timeline-body .time {
color: #999;
display: block;
font-size: 12px;
}

.info-box-number small span {
    font-weight: 400;
}


.leaflet-control-container .leaflet-routing-container-hide {
    display: none;
}
.app-logo {
   text-align: center;
}
.days-input{
   padding-top: 15px;
}
.modal-center p{
   width: 26%;
   padding-left: 26px;
   word-wrap: break-word;
}
.modal-center a{
   display: block!important;
   padding-left: 8%;
}
body.login-page {
   /*background: url(../img/bckg3.jpg);
   background-repeat: no-repeat;
   background-size: cover;*/
   background-repeat: no-repeat;
   background: -webkit-linear-gradient(right, rgba(50, 50, 50, 0.4), rgba(50, 50, 50, 0.4)), url("../img/boxed-bg.png");
   background: -moz-linear-gradient(right, rgba(50, 50, 50, 0.4), rgba(50, 50, 50, 0.4)), url("../img/boxed-bg.png");
   background: -o-linear-gradient(right, rgba(50, 50, 50, 0.4), rgba(50, 50, 50, 0.4)), url("../img/boxed-bg.png");
   background: linear-gradient(to left, rgba(50, 50, 50, 0.4), rgba(50, 50, 50, 0.4)), url("../img/boxed-bg.png");
   background-position: center;
   background-size: cover;
}
.login-box .app-logo {
   margin: 1em 0;
}
.big-fa{
   font-size: 14px;
   width: 100%;
   text-align: center;
}
.main-header .logo .logo-mini,
span.logo-mini {
   display: none;
}
.hidden-input{
   display: none;
}
.special-city-select{
   width: 65%;
   height: 34px!important;
}
.dataTables_status label{
   float: left;
   padding-right: 5px;
}
span.logo-mini img {
   width: 45px;
}
.a-kitchen{
   padding-left: 8px;
   font-size: 14px;
   text-align: center;
   font-weight: 700;
   display: block;
   margin: auto;
}
.special-position{
   text-align: center;
}
span.logo-lg img {
   width: 120px;
}
.login-box span.logo-lg img {
   width: auto;
}
.special-editable-ticket
{
   width: 100%;
   word-wrap: break-word;
}
#DashboardCalendar {
}

#ItemsList {
   font-size: 12px;
}

#ItemsList td:not(:first-child) {
   cursor: pointer;
}


.panel-header .btn,
.panel-footer .btn,
.box-header .btn,
.box-footer .btn {
   margin-right: 0.3em;
}

.box-body input[type=checkbox] {
   margin-left: 0;
}
.special-checkbox-delivery{
   margin-top:0px;
   display:inline;
}
.more-padding-order{
   padding-bottom: 10px;
}
.special-height
{
   height: 75px;
}
.special-height-more
{
   height: 92px;
}
.special-min-height{
   min-height: 81px;
}
.li-no-border
{
   border-bottom: 0!important;
   height: 122px;
}
.special-edit{
   text-align: right;
   width: 100%;
   word-wrap: break-word;
}
#map {
   height: 284px;
   width: 100%;
}

.orders-view-table {
   border: none;
   width: 100%;
}

.orders-view-table>tbody>tr>th,
.orders-view-table>tbody>tr>td {
   border: none;
}

.widget-user-customer .widget-user-header {
   padding: 10px 20px;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
   position: relative;
}

.widget-user-header a.btn {
   position: absolute;
   bottom: 10px;
   right: 10px;
}

.box-orders-view {
   position: relative;
}
#Messages_wrapper .dataTables_filter
{
   width: 300px!important;
}
.box-orders-view a.btn {
   position: absolute;
   top: 5px;
   right: 5px;
}

.widget-user-customer .widget-user-username {
   margin-top: 0px;
   margin-bottom: 5px;
   font-size: 25px;
   font-weight: 300;
}

.widget-user-customer .widget-user-desc {
   margin-top: 0;
}

.widget-user-customer .widget-user-username,
.widget-user-customer .widget-user-desc {
   margin-left: 45px;
}

.widget-user-customer .widget-user-image > img {
   width: 40px;
   margin: 5px 15px 0 0;
   height: auto;
   float: left;
}

.order-box h3 {
   font-size: 25px;
   margin: 0 0 0 0;
}

.order-box h4 {
   font-size: 18px;
   margin: 0 0 0 0;
   opacity: 0.7;
}

.order-box p {
   opacity: 0.7;
}

.editable-address,
.editable-additionalinfo {
   margin-bottom: 5px;
}

.editable-address span,
.editable-additionalinfo span {
   display: inline-block;
   font-weight: normal;
   font-size: 12px
}
.editable-address input,
.editable-additionalinfo input {
   width: 110px;
}
.changed_delivery_event,
.cancelled_delivery_event {
   font-weight: normal;
   font-size: 11px;
   margin: 10px 15px 0 10px;
   color: black;
}

.toolbar {
   float:left;
   width:400px;
}
.dataTables_wrapper .dataTables_length {
   float: left;
}
.dataTables_wrapper .dataTables_filter {
   float: right;
   text-align: right;
   width:800px;
}

.box-header-deliveries {
   position: static;
}

.box-header-deliveries label {
   line-height: 34px;
   display: inline-block;
}

.box-header-deliveries input {
   display: inline-block;
   width: 100px;
   margin-left: 10px;
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled {
   color: #DDD;
}

h3.box-title-date {
   line-height: 34px !important;
}

.details-row {
   padding-bottom: 0.5em;
}

.details-row label {
   display: inline-block;
   line-height: 36px;
}

.details-row textarea {
   resize: none;
   font-family: monospace;
   font-size: 1.1em;
   display: inline-block;
}

[data-notify='title'] {
   display: block;
   font-weight: bold;
   padding-bottom: 0.3 em;
}

#ProductsList .product_row {
   border-top: 1px solid #DDD;
}

.product_row_date {
   position: relative
}

.product_row_date em.error {
   position: absolute;
   left: 0;
   bottom: -30px;
   z-index: 20;
   color: #a94442;
}

.dataTables_filter div.input-group.date {
   margin-bottom: 5px;
   margin-top: -3px;
}

div.dt-buttons{
   position:relative;
   float:left;
}

.product-custom-calendar-row {
   display: none;
   padding-bottom: 2em;
}

.timeline .timeline-icon {
   display: inline-block;
   font-size: inherit;
   text-rendering: auto;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   font-weight: bold;
   text-decoration: none;
   font-style: normal !important;
   width: 30px;
   height: 30px;
   font-size: 15px;
   line-height: 30px;
   position: absolute;
   color: #666;
   background: #d2d6de;
   border-radius: 50%;
   text-align: center;
   left: 18px;
   top: 0;
}
.error_page {
   background: #FFF;
   margin: 2em auto;
   color: #444;
}
.error_page a {
   color: #884;
}
table.cake-sql-log {
   background: #FFF;
   margin: 2em;
   padding: 5px;
   color: #444;
}
table.cake-sql-log caption {
   color: #FFF;
   font-weight: bold;
   font-size: 18px;
   text-transform: uppercase;
}
table.cake-sql-log td,
table.cake-sql-log th {
   padding: 5px;
   vertical-align: top;
   font-family: monospace;
   border: 1px solid #444;
}
table.dataTable td,
table.dataTable th,
table.dataTable td a,
table.dataTable th a {
   color: #333;
}
table.dataTable .table-row-green,
table.dataTable .table-row-green a {
   color: #00a65a;
}
table.dataTable .table-row-red,
table.dataTable .table-row-red a {
   color: #dd4b39;
}
table.dataTable .table-row-orange,
table.dataTable .table-row-orange a {
   color: #f39c12;
}
.multiselect-container>li>a>label>input[type=checkbox] {
   margin: 0;
   left: -20px;
   top: 15px;
}
.multiselect-container>li>a>label {
   padding-left: 80px;
}
.tab-content {
   padding: 10px;
}
#selectAll {
   cursor: pointer;
}
.select-checkbox-selected:after {
   content: '\2714';
   margin-top: -11px;
   margin-left: -4px;
   text-align: center;
   text-shadow: 1px 1px #CCC, -1px -1px #B0BED9, 1px -1px #B0BED9, -1px 1px #B0BED9;
}
.box-header div.dt-buttons {
   float: none;
   width: auto;
   margin: 0;
}

.box-header .label {
   margin: 0 0 0 5px;
   cursor: pointer;
}

.skin-blue .main-header .logo {
   background: transparent;
}

table.dataTable td a.btn-delivered {
   color: #FFF;
}
#more-data
{
   padding-top: 10px;
   padding-left: 14px;
   font-size: 14px;
}
.bold-modal
{
   font-weight: 700;
}

.order_row_info {
   font-style: italic;
   font-size: larger;
}

#food-delivery div.dataTables_processing {
   position: fixed !important;
   top: 50%;
   left: 50%;
   width: 200px;
   margin-left: -100px;
   margin-top: -26px;
   text-align: center;
   padding: 1em 0;
}

#DeliveryAreasMap {
   min-height: 500px;
   height: 50%;
}

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

   .skin-blue .main-header .logo {
      float: left;
      width: auto;
      z-index: 200;
      position: absolute;
   }

   .skin-blue .main-header .navbar .sidebar-toggle {
      margin-left: 188px;
   }

   .skin-blue .main-header .navbar {
      z-index: 100;
      position: relative;
   }

}

@media screen and (min-width: 431px) {

   .editable-address,
   .editable-additionalinfo {
      width: 300px;
   }

   .editable-address span,
   .editable-additionalinfo span {
      width: 120px;
   }

}

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

   .main-header .logo .logo-mini,
   span.logo-mini {
      display: block;
   }

   .skin-blue .main-header .navbar .sidebar-toggle {
      margin-left: 88px;
   }

   .main-header .logo .logo-lg {
      display: none;
   }

   .editable-container.popover {
      left: 0 !important;
   }

   .popover-content {
      width: 280px;
      margin-right: 5px;
   }

   .editable-address,
   .editable-additionalinfo {
      width: 250px;
   }

   .editable-address input,
   .editable-additionalinfo input {
      width: 250px;
      margin: 0;
   }

   .editable-address span,
   .editable-additionalinfo span {
      width: 100%;
      display: block;
   }

   .editable-buttons {
      display: block !important;
   }
}

@media screen and (max-width: 240px) {
   span.logo-mini {
      display: inline;
   }

   span.logo-lg {
      display: none;
   }
}

@media print {
   table.dataTable thead > tr > th {
      padding-right: 8px !important;
   }
   table.dataTable th,
   table.dataTable td {
      font-size: 8px;
      padding: 0;
   }
   .noprint {
      display: none;
   }
   .fc-button {
      display: none;
   }
}