body { background: url('images/bg.jpg') repeat; }
input, .custom-file-label, .custom-file-label::after, .input-group-text, .select2-selection, .select2-dropdown, .btn:not(.rounded-circle), .alert, .dropdown-menu, .page-link, select, .breadcrumb, textarea, .card, .modal-content { border-radius: 0px !important; }
.nav-item.active { border-bottom: 2px solid #fff; }
nav .avatar { width: 50px; height: 50px; margin-top: -10px; margin-bottom: -10px; }
.cursor-pointer { cursor: pointer; }
.bg-light { background: #eaebeb; }
input.p-0 { padding: 2px !important; }

.btn-primary, .btn-primary:focus { border-color: transparent; background: #e8511c !important; }
.btn-primary:hover, .btn-primary:active { border-color: transparent; background: #f30 !important; }
.text-orange { color: #e8511c; }
.bg-dark { background: url('images/navbar-bg.jpg') repeat; }
.form-group label { margin-bottom: 2px; }
.navbar:after {
    background: linear-gradient(-45deg, #ffffff 16px, transparent 0), linear-gradient(45deg, #ffffff 16px, transparent 0);
    background-position: left-bottom;
    background-repeat: repeat-x;
    background-size: 14px 32px;
    content: " ";
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 16px;
}
select:disabled, input:disabled { cursor: not-allowed; }

@font-face {
    font-family: 'Playball';
    src: url('playball.regular.eot'); /* IE9 Compat Modes */
    src: url('playball.regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('playball.regular.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('playball.regular.svg#svgFontName') format('svg'); /* Legacy iOS */
  }

.navbar-brand { font-family: 'Playball', Fallback, sans-serif; font-size: 2em; }
.navbar-brand img { margin-right: 16px !important; }

.price_per_unit, .total_price_per_unit { background: transparent !important; border: none; text-align: right; padding-right: 5px; box-shadow: none !important; }
.price_lv { background: transparent; border: none; padding: 2px 2px; }
.products_rows td:first-child { width: 30%; }

.days_head, .month_head { text-align: center; color: orange; font-size: 1.5em; padding-bottom: 5px; }
.calendar-month div { padding: 0px; }
.calendar-month div.day { min-height: 150px; padding: 3px; background: rgba(255, 255, 255, 0.144); border-bottom: 1px solid #616161; border-right: 1px solid #616161;  }
.calendar-month .row .day:first-child { border-left: 1px solid #616161; }
.calendar-month .border-left { border-left: 1px solid #616161 !important; }
.calendar-month .border-bottom { border-bottom: 1px solid #616161 !important;; }
.calendar-month div.sat, .calendar-month div.sun { background: rgb(255 0 0 / 5%); }
.calendar-month .day_number { width: 27px; height: 27px; text-align: center; font-size: 1.1em; background: rgb(43, 43, 43) !important; border-radius: 3px; }
.calendar-month .today .day_number { background: #f30 !important; }
.calendar-month .table td, .calendar-month .table th { padding: 0px; font-size: 0.8em; }
.day_empty_cell { border-color: transparent !important; border-right: 1px solid transparent !important; padding: 3px !important;  }
.calendar-month .orders td:first-child { width: 60% !important; }
.btn-order { float: left; margin-left: 5px; }

.theme-btn-dash { border: 2px dashed #f30; background-color: transparent; color: #f30; padding: 1px 5px; }
.theme-btn-dash:hover { background-color: #f30; border: 2px solid #f30; color: #fff; }

/* ACCORDION */
.expand-button { position: relative; }
.toggle-collapse-icon { cursor: pointer; vertical-align: center;  }
.toggle-collapse-icon .expand-button:after { float: left; margin: 17px 10px 0 -5px; transform: translate(0, -50%); font-family: 'FontAwesome' !important; font-weight: 700; content: "\f068"; } 
.toggle-collapse-icon.collapsed .expand-button:after { font-family: 'FontAwesome' !important; font-weight: 700; content: "\f067"; }


.day-mobile { display: none; width: auto !important; padding: 0 5px !important; }
.day-desktop { display: block; }
.visible-in-mobile-only, .prepend-mobile { display: none; }

@media (max-width: 990px) {
    .visible-in-mobile-only, .prepend-mobile { display: block; }
    .price_lv { padding: 0px 2px; }
    .day-mobile { display: block; }
    .day-desktop { display: none; }
    .day_empty_cell, .days_head { display: none !important; }
    .calendar-month div.day { min-height: 30px; border-left: 1px solid #616161 !important; }
    .btn-order { float: right; }
    nav .avatar { margin: 10px 0 10px 0; }
    .month_head  { padding: 5px !important; }
    .month_head .h4 { font-size: 0.9em; }
    #scroll_to_today { display: block !important; }
    .nav-item.active { border-bottom: none; }
    .products_rows td { display: inline-block !important; width: 50% !important; }
    .products_rows { border-bottom: 2px solid #8a8a8a; }
    .products_rows .d-none { display: block !important; }
    #delivery_products_form thead { display: none; }
    #delivery_products_form table { border: 0px !important; }
    .alert { padding: 7px; }
    .btn-delete-productsrow { float: right; margin-bottom: 20px; }
}
@media all and (display-mode: standalone) {
	#scroll_to_today { display: block !important; padding-bottom: 23px !important; }
}

.calendar-big { width: 100%; }
.calendar-big table { border: 1px solid #ccc; }
.calendar-big td { text-align: center; border: 1px solid gray; font-size: 13px; min-width: 40px !important; min-height: 35px !important; }
.calendar-big .weekend { color: #cc0000 !important; background-color: rgb(255 206 206 / 36%); }
.calendar-big .holiday, .calendar-big .sat, .calendar-big .sun { color: #cc0000; background: rgb(255 206 206 / 36%); /* overwrite .dayoff */ }
.calendar-big .today { background-color: #ff9900; color: #fff; }
.calendar-big .month { font-size: 15pt; }
.calendar-big .month-nav { padding: 1px 15px 1px 15px; }
.calendar-big .timedabsence { content: ''; border-left: 12px solid transparent; border-top: 12px solid #000; float: right; width: 10px; height: 10px; margin: -5px -2px 0 -15px; display: inline-block; }
.calendar-big .month-header { max-width: 200px !important; min-width: 200px !important; background-color: #242327; color: #fff; }
.calendar-big .employees_names { background-color: #fff !important; }
.calendar-big { overflow: hidden; }
.calendar-big tr:hover { background-color: #504a7121 !important; }
.calendar-big td, .calendar-big th { position: relative; }
.calendar-big td:hover::after,
.calendar-big th:hover::after { content: ""; position: absolute; background-color: #504a7121 !important; left: 0; top: -5000px; height: 10000px; width: 100%; z-index: -1; }


/* DOBAVQNE NA MENU */
.generating_menu ul { list-style-type: none; margin: 0; padding: 0px; margin-bottom: 20px; }
.generating_menu li { margin: 5px 0px; padding: 5px; border: 1px solid #e9ecef;  }
.generating_menu li { cursor: -webkit-grab; }
.generating_menu li:active,
.generating_menu li.ui-draggable-dragging { cursor: -webkit-grabbing; }

.dragged:after, .draggable:after { content: '\f0dc'; font-family: FontAwesome; margin-right: 13px; right: 0; position: absolute; }
.dragged, .draggable { width: 100%; background: #fff; position: relative; }
#newMenu { min-height: 50px; }
#newMenu li, #previous_dishes li { width: 100%; }
.remove_dish { right: 0; float: right; }
.newMenu_hover { border: 1px dashed #ff9900; background: rgb(232 216 28 / 41%); }
.draggable_arrows_mobile { display: none; }
.generating_menu input { touch-action: none !important; }
.sortable_placeholder { background: #ff9900; border: 1px dashed #fff !important; height: 60px; }

#previous_dishes .draggable { display: inline-block; width: auto; transition: background 0.2s ease-in-out, color 0.2s ease-in-out; }
#previous_dishes .draggable:hover { background: #e8511c; color: #fff; }
#previous_dishes .draggable:after { display: none; }
#previous_dishes .draggable .hide_before_drag { display: none; }
#previous_dishes .draggable .dish_name { display: inline-block; }

#newMenu .hide_before_drag { display: flex !important; }
#newMenu .dish_name { display: none !important; }
#newMenu .draggable:after { margin-top: -31px; }

.input-min-width { min-width: 30%; }
.menu_dish_number { font-size: 23px; color: #e8511c; font-style: italic; }

@media (max-width: 990px) { 
    #previous_dishes { float: right; }
    .draggable_arrows_mobile { display: block; position: absolute; right: 0; top: 0; margin: 0px 10px; font-size: 23px; }
    .dragged:after, .draggable:after { display: none; }
    .remove_dish { float: right !important; margin: 3px 0px; }
    .generating_menu .form-control, .generating_menu .input-group { margin: 0px !important; }
    .generating_menu .input-group { margin-top: 2px !important; }
    .btn-add_menu { width: 100%; margin-top: 10px; }
}

.highlight {
    background-color: #fff34d;
    -moz-border-radius: 5px; /* FF1+ */
    -webkit-border-radius: 5px; /* Saf3-4 */
    border-radius: 5px; /* Opera 10.5, IE 9, Saf5, Chrome */
}

.highlight {
    padding:1px 4px;
    margin:0 -4px;
}

.change_select2_value { cursor: pointer; }