@font-face {
    font-family: 'FontAwesome';
    src: url('/templates/eatfit/fonts/fontawesome-webfont.eot?v=4.6.3');
    src: url('/templates/eatfit/fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('/templates/eatfit/fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('/templates/eatfit/fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('/templates/eatfit/fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('/templates/eatfit/fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@import url(/templates/eatfit/'https://fonts.googleapis.com/css?family=Roboto|Roboto+Condensed:400,700&subset=cyrillic');

@keyframes rotate {
    from {transform: rotate(0deg)}
    to {transform: rotate(360deg)}
}

@keyframes flash {
    from {box-shadow: 0px 0px 2px #f00;}
    to {box-shadow: 0px 0px 20px #f00;}
}


img {outline: none; border: #ddd 1px solid; border-radius: 5px;}

.type_of_cooking { outline: none; border-radius: 5px; width: 40px; height: 40px;  border: none;}
.type_of_cooking_stiker { outline: none; border-radius: 5px; width: 50px; height: 50px; }
.cook_type {display: flex; align-items: center; justify-content: center;}
#labelForDropdown {padding: 10px;}

body {font-family: 'Century Gothic', sans-serif; margin: 0px; padding: 0px; color: #d56e00; background-color: #eee; background-image: url(/templates/eatfit/images/background.png); background-size: 50%; background-position: center center;}
a {cursor: pointer; color: #000000; text-decoration: none;}
button {cursor: pointer;  transition: all 0.5s;}
h1 {color: #d56e00;}
h2 {color: #d56e00; margin-bottom: 10px;}
h3 {margin-bottom: 5px;}
ul {list-style: none;}

table {border-spacing: 0px;}

#container {margin: 0px; padding: 0px; min-height: 100%; left: 0px; right: 0px; position: absolute; min-width: 964px; overflow: hidden;}
#top {height: 48px; background-color: #d56e00;}

#top a {color: #fff;}
a.logo {display: block; position: absolute; padding-top: 37px; width: 250px; left: 3px; font-size: 10px; line-height: 8px; background-image: url(/templates/eatfit/images/logo.png); background-repeat: no-repeat; background-position: 0px 0px; text-transform: uppercase; text-decoration: none; text-align: center; font-size: 0; background-size: contain; background-position: center;}
div#top a.logo {background-image: url(/templates/eatfit/images/logo_w.png); background-position: 0;}
div#top h1 {position: absolute; color: #fff; left: 130px; top: 0px; font-size: 24px; padding: 0px; margin: 10px;}
div#top ul#lang_selector {display: block; position: absolute; height: 48px; margin: 0px; padding: 0px; left: 50px; white-space: nowrap;}
div#top ul#lang_selector li {display: inline-block; margin-right: 5px;}
div#top ul#lang_selector li.active {font-weight: bold;}

/*
#top a.logout {display: block; float: right; border: 3px #fff solid; border-radius: 50%; width: 18px; height: 18px; margin-top: 12px; margin-right: 12px; position: relative;}
#top a.logout:after {content: ""; display: block; width: 3px; height: 16px; border: 3px solid #d56e00; position: absolute; left: 5px; top: -8px; background-color: #fff;}
*/
/*
#top a.logout {display: block; float: right; border: 2px #fff solid; width: 16px; height: 24px; margin-top: 10px; margin-right: 16px; position: relative;}
#top a.logout:before {content: ""; display: block; width: 16px; height: 2px; border: 2px solid #d56e00; position: absolute; left: 6px; top: 9px; background-color: #fff;}
#top a.logout:after {content: ""; display: block; width: 6px; height: 6px; border: 2px solid #fff; border-top: none; border-left: none; position: absolute; left: 20px; top: 8px; transform-origin: 50% 50%; transform: rotate(-45deg);}
*/

#top a.logout {display: block; float: right; width: 32px; height: 32px; margin-top: 11px; margin-right: 8px; position: relative; line-height: 32px;}
#top a.logout:before {content: "\f08b";   font-family: FontAwesome; font-size: 20px; line-height: 20px; text-align: right; font-weight: normal;
    text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 24px;}


#top div.menu {height: 48px; float: right;}
#top div.menu ul {display: block; height: 48px;}
#top div.menu ul li {display: inline-block; height: 48px;}
#top div.menu ul li a {color: #fff; text-transform: uppercase; padding: 0px; /*padding-left: 25px;*/ text-decoration: none; padding-right: 20px; position: relative;}
#top div.menu ul li a:hover,#top div.menu ul li a.act {text-decoration: underline;}

/*

#top div.menu ul li a:before {
  display: block; position: absolute; top: 0px;
  width: 20px; height: 20px;
  font-family: FontAwesome; font-size: 20px; line-height: 20px; text-align: right; font-weight: normal;
  text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
  }

#top div.menu ul li#menu_li_105 a:before {content: "\f21b";}
#top div.menu ul li#menu_li_103 a:before {content: "\f0c0";}
#top div.menu ul li#menu_li_101 a:before {content: "\f0f5";}
#top div.menu ul li#menu_li_102 a:before {content: "\f0d1";}
#top div.menu ul li#menu_li_104 a:before {content: "\f155";}
#top div.menu ul li#menu_li_106 a:before {content: "\f201";}
#top div.menu ul li#menu_li_107 a:before {content: "\f1cd";}
*/


#center {position: absolute; top: 48px; bottom: 48px; left: 0px; right: 0px; padding: 10px 50px;}
#bottom {height: 48px; background-color: #242424; color: #d56e00; position: absolute; width: 100%; bottom: 0px; text-align: center;}

#bottom div.menu {position: absolute; top: 15px; left: 100px;}
#bottom div.menu ul {padding: 0px; margin: 0px;}
#bottom div.menu ul li {display: inline-block;}
#bottom div.menu ul li:after {content: "|";}
#bottom div.menu ul li:last-child:after {content: "";}

div.form {padding: 30px 30px; border: #d56e00 4px solid; width: 450px; margin: 50px auto; border-radius: 20px; text-align: center; background-color: #fff;}
div.form h2 {margin-top: 0px;}

.form-container {
    position: relative;
    display: flex;
    align-items: flex-start;
}
.form-container input,
.form-container select {
    margin-right: 10px; 
    padding: 7px;
    
}

.custom-select {
    width: 60px; 
}

input, select, textarea {border: 2px solid #DADADA; background: none; padding: 7px; font-size: 17px; border-radius: 5px; margin-bottom: 10px;}
input.small {width: 48px; text-align: center;}
input.very_small {width: 25px; text-align: center; padding: 3px;}
button {background-color: #000000; color: #fff; padding: 10px 30px; border-radius: 5px; border: none; font-size: 24px;}

div.form p.form_result {color: #f00;}

div.static_wrap {max-width: 1200px; margin: 0px auto; height: 100%; position: relative;}
div.static_body {border: 4px #d56e00 solid; margin-top: -2px; position: absolute; bottom: 0px; left: 0px; right: 0px; z-index: 5; border-radius: 10px; top: 0px; overflow-x: hidden;  background-color: #fff; padding: 20px;}

.error {color: #f00;}

input.error {border-color: #f00;}

/************************check**************************/
#kitchen_dishes-tools a.check {display: block; width: 48%; float: left; text-align: left; line-height: 22px;}
#kitchen_dishes-tools a.check:before {display: inline-block; padding-right: 5px;}

div.kcld_tools a.check {display: block; width: 48%; float: left; text-align: left; line-height: 22px;}
div.kcld_tools a.check:before {display: inline-block; padding-right: 5px;}

a.check:before {font-family: FontAwesome; content: "\f0c8"; font-size: 24px;}
a.check.checked:before {content: "\f14a";}


div#eatings_select {margin-bottom: 0px;}
/*
div#eatings_select a.check:before {display: none;}
div#eatings_select a.check {display: inline-block; width: 22px; height: 22px; border: 1px solid #ddd; border-radius: 3px;}
*/

div#eatings_select a.check:nth-child(1) {color: #f4c100;}
div#eatings_select a.check:nth-child(2) {color: #ec870e;}
div#eatings_select a.check:nth-child(3) {color: #e1004a;}
div#eatings_select a.check:nth-child(4) {color: #7e3265;}
div#eatings_select a.check:nth-child(5) {color: #000000;}


/*
div#eatings_select a.check.checked:nth-child(1) {background-color: #e02627;}
div#eatings_select a.check.checked:nth-child(2) {background-color: #f7912d;}
div#eatings_select a.check.checked:nth-child(3) {background-color: #f5da29;}
div#eatings_select a.check.checked:nth-child(4) {background-color: #52ba63;}
div#eatings_select a.check.checked:nth-child(5) {background-color: #4fc9f0;}
*/


/*******************************************************/

div#module {max-width: 1200px; margin: 0px auto; height: 100%; position: relative;}
ul.tabs {display: block; height: 48px; margin: 0px; padding: 0px; position: relative; z-index: 10;}
ul.tabs li {display: block; float: left; height: 42px; border: 4px #d56e00 solid; border-radius: 10px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; margin-right: 5px; padding: 0px 20px; font-size: 16px; line-height: 42px; cursor: pointer; background-color: #d56e00; color: #fff; position: relative; transition: all 0.5s; height: 37px; margin-top: 5px;}
ul.tabs li.active {border-bottom-color: #fff; color: #d56e00; background-color: #fff; transition: all 0.5s; height: 42px; margin-top: 0px;}
ul.tabs li:before,div#module ul.tabs li.active:after {content: ""; display: block; position: absolute; width: 4px; height: 20px; background-color: #d56e00; bottom: -4px;}
ul.tabs li:before {left: -4px;}
ul.tabs li:after {right: -4px;}
div#module div.module_body {border: 4px #d56e00 solid; margin-top: -2px; position: absolute; bottom: 0px; left: 0px; right: 0px; z-index: 5; border-radius: 10px; top: 0px; overflow-x: hidden;  background-color: #fff;}
div#module div.module_body.tabbed {border-top-left-radius: 0px; top: 48px; overflow-y: hidden;}
div#module div.module_body.tabbed>div {position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; opacity: 0; z-index: 10; transition: all 0.5s; overflow: auto;transform: scale(0.1);}
div#module div.module_body.tabbed>div.active {z-index: 11; opacity: 1; transition: all 0.5s; transform: scale(1);}

div#module div.module_actions {position: absolute; width: 42px; top: 64px; left: -42px; background-color: #fff; border: 4px #d56e00 solid; z-index: 1000; border-right: none; border-radius: 10px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; padding-top: 5px; padding-bottom: 5px; text-align: right;}
div#module div.module_actions:empty {display: none;}

div#module div.module_actions span.split {margin-bottom: 4px;   display: block; border-top: 2px dashed #000000;}
div#module div.module_actions a.button {margin-bottom: 4px;   display: inline-block;}
div#module div.module_actions a.button:last-child {margin-bottom: 0px;}


div#module div.module_actions.tabbed {border: none; background: none; padding: 0px;}

div#module div.module_actions.tabbed>div {overflow: hidden; background-color: #fff; border: 4px #d56e00 solid; border-right: none; border-radius: 10px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; padding-top: 5px; padding-bottom: 5px; text-align: right; transition: all 0.5s; transform: scaleX(0.01); position: absolute; transform-origin: top right; z-index: 10;}
div#module div.module_actions.tabbed>div.active {width: 42px; margin-left: 0px;  transition: all 0.5s; transform: scale(1); z-index: 11;}
div#module div.module_actions.tabbed>div:empty {opacity: 0;}

div#module div.module_pages {position: absolute; width: 100%; top: -0px;}
div#module div.module_pages:empty {display: none;}
div#module div.module_pages ul {counter-reset: page; position: absolute; padding: 5px; top: -1px; right: 42px; background-color: #fff; border: 4px #d56e00 solid; z-index: 1000; border-bottom: none; border-radius: 10px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; text-align: left; transform: scaleY(0.01); transform-origin: center bottom; opacity: 0; transition: all 0.5s;}
div#module div.module_pages ul.active {transform: scaleY(1); opacity: 1;  transition: all 0.5s;}
div#module div.module_pages ul:empty {transform: scaleY(0.01); opacity: 0;}

/*div#module div.module_pages ul {padding: 0px; display: inline;} */
/*div#module div.module_pages ul:before {content: "Страницы: ";}*/
div#module div.module_pages ul li {display: inline-block; counter-increment: page;}
div#module div.module_pages ul li a {font-size: 14px; display: block; width: 16px; height: 16px; color: #fff; text-align: center; line-height: 16px; border: 1px solid #000000; background-color: #000000; margin-right: 2px; margin-left: 2px; border-radius: 3px;}
div#module div.module_pages ul li.active a, div#module div.module_pages ul li a:hover {color: #000000; background-color: #fff;}
div#module div.module_pages ul li.deflate a {font-size: 0px; width: 2px; height: 2px; margin: 1px;}
div#module div.module_pages ul li.deflate a:hover:after {content: counter(page); background: #fff; border-radius: 3px; font-size: 14px; width: 16px; height: 16px; margin: 2px; position: absolute; border: 1px solid #000000; margin-top: -18px; margin-left: -8px;}


/***************************************************/
div#module div.module_tools {position: absolute; width: 100%; top: -0px;}
div#module div.module_tools:empty {display: none;}
div#module div.module_tools ul {position: absolute; padding: 5px; top: -10px; right: 32%; background-color: #fff; border: 4px #d56e00 solid; z-index: 1000; border-bottom: none; border-radius: 10px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; text-align: left; transform: scaleY(0.01); transform-origin: center bottom; opacity: 0; transition: all 0.5s; height: 30px;}
div#module div.module_tools ul.active {transform: scaleY(1); opacity: 1;  transition: all 0.5s;}
div#module div.module_tools ul:empty {transform: scaleY(0.01); opacity: 0;}

div#module div.module_tools ul li {display: inline-block; font-size: 12px;}
div#module div.module_tools ul li input  {border-width: 1px; height: 12px; paddung: 3px; font-size: 12px;}
/******************************************************/


.loading {overflow: hidden;}
.module_body.loading:before, .module_body>.loading:before {content: "\f110";
    display: block; position: absolute; top: 50%; left: 30%; right: 30%;
    margin-top: -64px;
    font-family: FontAwesome; font-size: 128px; text-align: center; line-height: 128px; color: #ddd;
    -webkit-animation: rotate 1s infinite steps(8);
    animation: rotate 1s infinite steps(8);
}



.loading>* {opacity: 0.8; transition: all 0.25s;}

p.dummy {color: #999; font-size: 48px; text-align: center; position: absolute; left: 30px; right: 30px; top: 50%; margin-top: -24px;}

.stroked {text-decoration: line-through; opacity: 0.6;}

table.main_table {width: 100%;}
table.main_table>tbody>tr>td {height: 48px; padding: 0px 10px; font-size: 20px; border-bottom: solid #eee 1px; text-align: center;}
table.main_table tbody tr td {padding: 0px 10px;}
table.main_table tr:last-child td {border-bottom: none;}
table.main_table tr td.contacts {}
table.main_table tr td.name {padding-left: 0px; text-align: left;}
table.main_table tr td.actions {text-align: right; white-space: nowrap; padding: 0px; width: 64px; font-size: 0px!important;}
table.main_table tr td.alerts {text-align: right; white-space: nowrap; padding: 0px; width: 102px;}
table.main_table tr td.permitions {white-space: nowrap; padding: 0px; width: 370px;}


table#clients.main_table tr.al_3 td span.ln {display: block; font-weight: bold;}
table#clients.main_table tr.al_3 td span.fn {display: block; font-size: 14px;}



table.main_table tr td.date {}
table.main_table tr td.date span {display: block; white-space: nowrap;}
table.main_table tr td.date span.date{font-size: 16px;}
table.main_table tr td.date span.time{font-size: 12px;}
table#billing_transactions td.external_id {font-size: 12px;}
table#billing_transactions td.ammount {}

table.main_table.f_money tr.f_money_0 {display: none;}
table.main_table.f_calendar tr.f_calendar_0 {display: none;}

table.main_table tr td input, table.main_table tr td select {margin: 0px;}


table.main_table a.phone {display: block; height: 24px; line-height: 24px;}
table.main_table a.phone.secondary {color: #ddd;}
table.main_table a.phone.error {color: #ffa4a4;}
table.main_table a.phone:empty, table.main_table a.mail:empty {display: none;}


a.button {position: relative; display: inline-block; width: 30px; height: 30px; border: 1px solid #000000; background-color: #000000; margin-right: 4px; border-radius: 5px; color: #fff; text-align: center; line-height: 30px; font-size: 20px;
    transition: all 0.5s;
    font-family: FontAwesome, 'Century Gothic', sans-serif;
    font-weight: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;}

/*
a.button.green {color: #0f0; box-shadow: 0px 0px 4px #0f0,0px 0px 4px #0f0,0px 0px 4px #0f0;}
a.button.red {color: #f00; box-shadow: 0px 0px 4px #f00,0px 0px 4px #f00,0px 0px 4px #f00;}
a.button.yellow {color: #ff0; box-shadow: 0px 0px 4px #ff0,0px 0px 4px #ff0,0px 0px 4px #ff0;}
*/
a.button.green {background-color: #0f0;}
a.button.red {background-color: #f00;}
a.button.yellow {background-color: #ff0;}


a.button.active, a.button:hover, button:hover {background-color: #fff; color: #000000; transition: all 0.1s;}
a.button.active:hover {color: #fff; background-color: #000000;}

a.button.small {width: 22px; height: 22px; font-size: 15px; line-height: 22px; margin-right: 2px; border-radius: 3px;}

a.button:before {position: relative; content: "";}
a.button:after {color: #fff; display: block; position: absolute; bottom: 0px; right: 2px; font-size: 20px; line-height: 20px; text-shadow: 0px 0px 4px #000000, 0px 0px 4px #000000, 0px 0px 4px #000000, 0px 0px 4px #000000, 0px 0px 4px #000000, 0px 0px 4px #000000, 0px 0px 4px #000000;}

a.button.active:after, a.button:hover:after {color: #fff;}
a.button.active:hover:after {color: #fff;}

a.button.big {width: auto; padding: 0px 10px; display: block;}
a.button.edit:before {content: "\f040";}
a.button.view:before {content: "V";}
a.button.calendar:before {content: "\f073";}
a.button.billing:before {content: "\f155";}
a.button.add:before {content: "\f067";}
a.button.detail:before {content: "\f0c9";}
a.button.folder:before {content: "\f115";}
a.button.upload:before {content: "\f093";}
a.button.del:before {content: "\f1f8";}
a.button.reset:before {content: "\f021";}
a.button.cert:before {content: "\f0a3";}
a.button.sendmail:before {content: "\f0e0";}
a.button.filter.visible:after {content: "\f06e";  font-size: 12px;}
a.button.filter.visible.active:after {content: "\f070";  font-size: 12px;}
a.button.hide:before {content: "\f070";}

a.button.arrow.up:before {content: "\f062";}
a.button.arrow.down:before {content: "\f063";}


a.button.cart-down:before {content: "\f218";}

a.button.cog:before {content: "\f013";}
a.button.cogs:before {content: "\f085";}

a.button.balance:before {content: "\f24e";}



a.button.plus:before {content: "\f067";}
a.button.document:before {content: "\f0f6";}
a.button.minus:before {content: "\f068";}

a.button.food:before {content: "\f094";}

a.button.download:before {content: "\f019";}
a.button.print:before {content: "\f02f";}
a.button.telegram:before {content: "\f1d8";}



a.button.employees:before {content: "\f21b";}
a.button.clients:before {content: "\f0c0";}
a.button.kitchen:before {content: "\f0f5";}
a.button.logistics:before {content: "\f0d1";}
a.button.billing:before {content: "\f155";}
a.button.analytics:before {content: "\f201";}
a.button.support:before {content: "\f1cd";}

a.button.copy:before {content: "\f0c5";}

a.button.change:before {content: "\f074";}
a.button.undo:before {content: "\f0e2";}


a.button.star-0:before {content: "\f006";}
a.button.star-1:before {content: "\f123";}
a.button.star-2:before {content: "\f005";}

a.button.permition_ {background-color: #ddd;}
a.button.permition_r {background-color: #6f6;}
a.button.permition_w {background-color: #f66;}




span.icon {position: relative; display: inline-block; width: 30px; height: 30px; border: 1px solid #ddd; margin-right: 4px; border-radius: 5px; color: #d56e00; text-align: center; line-height: 30px; font-size: 20px;
    transition: all 0.5s;
    font-family: FontAwesome;
    font-weight: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;}


span.icon.small {width: 22px; height: 22px; font-size: 15px; line-height: 22px; margin-right: 2px; border-radius: 3px;}

span.icon:before {position: relative; content: "";}
span.icon:after {display: block; position: absolute; bottom: 0px; right: 2px; font-size: 20px; line-height: 20px; text-shadow: 0px 0px 4px #000000, 0px 0px 4px #000000, 0px 0px 4px #000000, 0px 0px 4px #000000, 0px 0px 4px #000000, 0px 0px 4px #000000, 0px 0px 4px #000000;}

span.icon.star-empty:before {content: "\f006";}
span.icon.star-half-empty:before, span.icon.star-half-full:before {content: "\f123";}
span.icon.star-full:before {content: "\f005";}

span.icon.star-empty:before {content: "\f006";}
span.icon.star-half-empty:before, span.icon.star-half-full:before {content: "\f123";}
span.icon.star-full:before {content: "\f005";}



div#module_tab_actions a.button.add:after {content: "+";}
div#module_actions a.button.add:after {content: "+";}

a.button.ok:before {content: "\f00c";}
a.button.cancel:before {content: "\f00d";}

a.button.filter:before {content: "\f0b0";}
a.button.filter.money:after {content: "$";}
a.button.filter.white:after {content: "\f0a3";}
a.button.filter.calendar:after {content: "\f0f5"; font-size: 12px;}
a.button.filter.ration:before {content: "";}



a.button.filter.ration {opacity: 0.3; transition: all 0.5s; font-size: 0px; background-image: url(/templates/eatfit/images/rat_icons.png); background-position: -1px -1px; border: none; background-color: #fff;}
a.button.filter.ration.active {opacity: 1; transition: all 0.5s;}

a.button.filter.ration.r97 {background-position: -33px -1px;}
a.button.filter.ration.r187 {background-position: -65px -1px;}
a.button.filter.ration.r207 {background-position: -97px -1px;}
a.button.filter.ration.r208 {background-position: -129px -1px;}

a.button.rev_start:before {content: "\f0f6";}
a.button.rev_start:after {content: "\f002";}

a.button.rev_end:before {content: "\f00c";}

a.button.file_add:before {content: "\f15c";}
a.button.file_add:after {content: "+";}

div#overview_rat_filter a.button.filter.ration {background-image: none; font-size: 18px; color: #fff; font-weight: bold; text-align: center;}


span.alert {display: inline-block; width: 30px; height: 30px; border: 1px #eee solid; margin-right: 4px; border-radius: 5px; text-align: center; line-height: 30px; color: #fff;}
span.alert:after {content: "+";}
table.main_table a.mail {display: block; height: 10px; line-height: 12px; font-size: 12px;}

#floating_back {position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; background-color: rgba(0,0,0,0.5); display: none; z-index: 10000;}
#floating_back:after {content:"\f057"; font-family: FontAwesome; display: block; position: absolute; top: 50px; right: 10px; cursor: pointer; z-index: 10000; font-size: 48px;}
#floating {position: absolute; z-index: 1000; background-color: #fff; border-radius: 10px; box-shadow: 0px 0px 25px #000, 0px 0px 25px #000; padding: 10px;}
#floating #form_back {position: absolute; z-index: 1000; display: none; font-size: 0px;}
#floating #form_back:after {content:"\f0a8"; font-family: FontAwesome; font-size: 48px;}
#floating_content {opacity: 1; position: absolute; overflow: auto; left: 0px; right: 0px; top: 0px; bottom: 0px;}
/* #floating_content.loading {opacity: 0;} */
#floating_content {transition: all 0.5s;}
#floating h1 {font-size: 28px; text-align: center; margin-top: 20px; margin-bottom: 0px; font-weight: bold; margin-bottom: 0px; line-height: 32px;}
#floating h1 a.button {position: relative; top: -2px;}
#floating #form_id {display: block; position: absolute; width: 48px; top: 0px; right: 0px;  font-size: 8px; padding-top: 48px; color: #000; text-align: center;}
#floating #form_id:before {content: ""; display: block; position: absolute; top: 0px; left: 0px; width: 48px; height: 48px; background-image: url(/templates/eatfit/http://foxxengine.com/plugins/phpqrcode/temp/test7f89ada6e1d96d54090e86ad0e4cceaf.png); background-repeat: no-repeat; background-position: center center;}

#floating table.main_table {margin: 0px auto;}
#floating table.main_table>tr>th {font-size: 26px;}
#floating table.main_table tr td.text {font-size: 12px;}


#floating_content div.edit {display: none;}

#floating_content table.main_table, #floating_content table.kitchen_view {width: 95%; margin: 20px 2.5%; }

div.addresses {display: block; position: relative;}
div.addresses div.address {display: block; position: relative; border: 1px solid #000000; border-radius: 3px; margin: 3px 5px; padding: 5px 30px; min-height: 60px;}
div.addresses div.address p {margin: 2px; padding: 0px; display: block; font-size: 20px;}
div.addresses div.address p.comment {font-size: 12px;}
div.addresses div.address a.button.del {position: absolute; top: 3px; right: 3px;}
div.addresses div.address a.button.edit {position: absolute; top: 3px; right: 30px;}
div.addresses div.address a.button.up {position: absolute; top: 30px; right: 3px;}
div.addresses div.address a.button.up:before {content: "!";}

div.ranges {display: block; position: relative;}
div.ranges div.range {display: inline-block; position: relative; border: 1px solid #000000; border-radius: 3px; margin: 3px 5px; padding: 5px;}
div.ranges div.range p {margin: 2px; padding: 0px; display: block; font-size: 20px;}


#dialog div.ranges div.range, #dialog div.addresses div.address {cursor: pointer;}
#dialog div.ranges div.range:hover, #dialog div.addresses div.address:hover {background-color: #ddd;}




#ajax_icon {position: fixed; right: 8px; bottom: 8px; opacity: 0; width: 32px; height: 32px; z-index: 100000; font-size: 32px; line-height: 32px; text-align: center; transition: all 0.5s; -webkit-animation: rotate 1s infinite steps(8); animation: rotate 1s infinite steps(8);}
#ajax_icon:after {content: "\f110"; font-family: FontAwesome;}

#ajax_icon.inactive {opacity: 0; transition: all 0.5s;}
#ajax_icon.active {display: block; color: #35a49; opacity: 1; transition: all 0.5s;}
#ajax_icon.error {display: block; color: #f66; opacity: 1; transition: all 0.5s; animation: none; }
#ajax_icon.error:after {content: "\2762";}



a.sort {}
a.sort.active {}
a.sort.active:after {content: " \25B2"; position: absolute;}
a.sort.active.desc:after {content: " \25BC";}


/******************************/

div.big_calendar {position: absolute; top: 70px; left: 10px; right: 10px; bottom: 10px;}
div.big_calendar>* {transition: all 0.5s;}
div.big_calendar  div.month {position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px;}


div.big_calendar  div.month p.header {background-color: #bbb; height: 48px; text-align: center; color: #330000; margin: 0px; position: relative; font-size: 24px; line-height: 48px;}
div.big_calendar  div.month p.header a.arrow {display: block; position: absolute; width: 32px; height: 32px; font-size: 0px; top: 8px;}
div.big_calendar  div.month p.header a.arrow:before {content: ""; border: 3px #000000 solid; border-top: none; border-right: none; top: 12px; position: absolute; top: 4px; left: 4px;  width: 20px; height: 20px;}
div.big_calendar  div.month p.header a.arrow.left {left: 12px;}
div.big_calendar  div.month p.header a.arrow.right {right: 12px;}
div.big_calendar  div.month p.header a.arrow.left:before {transform: rotate(45deg);}
div.big_calendar  div.month p.header a.arrow.right:before {transform: rotate(225deg);}

div.big_calendar  div.month p.days {height: 32px; margin: 0px; position: relative;  font-size: 24px; line-height: 32px;}

div.big_calendar  div.month_body {position: absolute; top: 80px; left: 0px; right: 0px; bottom: 0px;}
div.big_calendar  div.month p.days span {display: block; float: left; text-align: center; width: 14.28%; height: 100%;  color: #d56e00;}
div.big_calendar  div.month p.days span:nth-child(7n) {margin-right: -1%;}
div.big_calendar  div.month p.days span:last-child, div.big_calendar  div.month p.days span:nth-last-child(2)  {color: #330000;}
div.big_calendar  div.month div.month_body  {}


div.big_calendar  div.month div.month_body>div {margin: 0px; display: block; float: left; text-align: center; width: 14.33%; height: 16.66%; color: #d56e00; position: relative;}
div.big_calendar  div.month div.month_body>div.empty {cursor: default;}


div.big_calendar  div.month div.month_body>div:nth-child(7n) {margin-right: -1%;}
div.big_calendar  div.month div.month_body>div.add {opacity: 0.5;}
div.big_calendar  div.month div.month_body>div:before {content: ""; display: block; position: absolute; top: 2px; left: 2px; right: 2px; bottom: 2px; border: 1px #ddd solid; border-radius: 5px;}
div.big_calendar  div.month div.month_body>div .dt {position: absolute; top: 5px; left: 5px; font-size: 12px;  width: 16px; height: 16px; background-color: rgba(255,255,255,0.7); border-radius: 50%; line-height: 18px; font-weight: bold;  z-index: 10;}


div.big_calendar  div.month div.month_body>div .dt a {width: 16px; height: 16px; font-size: 12px; position: absolute; top: 0px; left: 18px; line-height: 16px;}
div.big_calendar  div.month div.month_body>div .dt a:nth-child(2) {left: 38px;}
div.big_calendar  div.month div.month_body>div .dt a:nth-child(3) {left: 58px;}

/****************************************************************************************/

div.molecule {display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; overflow: hidden;}
div.molecule div.core {width: 30vmin; height: 30vmin; border: #000 solid 1px; border-radius: 50%; top: 50%; left: 50%; margin-left: -15vmin; margin-top: -15vmin; position: absolute; justify-content: center; align-items: center; display: flex;}

div.molecule div.core a.logo {width: 80%; height: 80%; padding-top: 0px;}


div.molecule div.atom {width: 24vmin; height: 24vmin; position: absolute; top: 50%; left: 50%; margin-top: -40vmin; margin-left: -12vmin; border-radius: 50%; transform-origin: 12vmin 40vmin; transition: transform 1s;}

div.molecule.dashboard>div>div.content {position; absolute; left: 0px; top: 0px; bottom: 0px; right: 0px; background-color: #ddd; border: 3px solid #ddd; position: absolute; border-radius: 50%; text-align: center;  transition: transform 1s; text-shadow: 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff;}

div.molecule.dashboard>div>div.content div.details {font-size: 2vh}


div.molecule div.atom:nth-child(1):nth-last-child(2) {transform: rotate(0deg);}
div.molecule div.atom:nth-child(1):nth-last-child(3) {transform: rotate(0deg);}
div.molecule div.atom:nth-child(1):nth-last-child(4) {transform: rotate(0deg);}
div.molecule div.atom:nth-child(1):nth-last-child(5) {transform: rotate(0deg);}
div.molecule div.atom:nth-child(1):nth-last-child(6) {transform: rotate(0deg);}
div.molecule div.atom:nth-child(1):nth-last-child(7) {transform: rotate(0deg);}
div.molecule div.atom:nth-child(1):nth-last-child(8) {transform: rotate(0deg);}

div.molecule div.atom:nth-child(2):nth-last-child(2) {transform: rotate(180deg);}
div.molecule div.atom:nth-child(2):nth-last-child(3) {transform: rotate(120deg);}
div.molecule div.atom:nth-child(2):nth-last-child(4) {transform: rotate(90deg);}
div.molecule div.atom:nth-child(2):nth-last-child(5) {transform: rotate(72deg);}
div.molecule div.atom:nth-child(2):nth-last-child(6) {transform: rotate(60deg);}
div.molecule div.atom:nth-child(2):nth-last-child(7) {transform: rotate(51.4deg);}

div.molecule div.atom:nth-child(3):nth-last-child(2) {transform: rotate(240deg);}
div.molecule div.atom:nth-child(3):nth-last-child(3) {transform: rotate(180deg);}
div.molecule div.atom:nth-child(3):nth-last-child(4) {transform: rotate(144deg);}
div.molecule div.atom:nth-child(3):nth-last-child(5) {transform: rotate(120deg);}
div.molecule div.atom:nth-child(3):nth-last-child(6) {transform: rotate(102.8deg);}

div.molecule div.atom:nth-child(4):nth-last-child(2) {transform: rotate(270deg);}
div.molecule div.atom:nth-child(4):nth-last-child(3) {transform: rotate(216deg);}
div.molecule div.atom:nth-child(4):nth-last-child(4) {transform: rotate(180deg);}
div.molecule div.atom:nth-child(4):nth-last-child(5) {transform: rotate(154.28deg);}

div.molecule div.atom:nth-child(5):nth-last-child(2) {transform: rotate(288deg);}
div.molecule div.atom:nth-child(5):nth-last-child(3) {transform: rotate(240deg);}
div.molecule div.atom:nth-child(5):nth-last-child(4) {transform: rotate(205.71deg);}

div.molecule div.atom:nth-child(6):nth-last-child(2) {transform: rotate(300deg);}
div.molecule div.atom:nth-child(6):nth-last-child(3) {transform: rotate(257.14deg);}

div.molecule div.atom:nth-child(7):nth-last-child(2) {transform: rotate(308.57deg);}


div.molecule div.atom:nth-child(1):nth-last-child(2) div.content {transform: rotate(-0deg);}
div.molecule div.atom:nth-child(1):nth-last-child(3) div.content {transform: rotate(-0deg);}
div.molecule div.atom:nth-child(1):nth-last-child(4) div.content {transform: rotate(-0deg);}
div.molecule div.atom:nth-child(1):nth-last-child(5) div.content {transform: rotate(-0deg);}
div.molecule div.atom:nth-child(1):nth-last-child(6) div.content {transform: rotate(-0deg);}
div.molecule div.atom:nth-child(1):nth-last-child(7) div.content {transform: rotate(-0deg);}
div.molecule div.atom:nth-child(1):nth-last-child(8) div.content {transform: rotate(-0deg);}

div.molecule div.atom:nth-child(2):nth-last-child(2) div.content {transform: rotate(-180deg);}
div.molecule div.atom:nth-child(2):nth-last-child(3) div.content {transform: rotate(-120deg);}
div.molecule div.atom:nth-child(2):nth-last-child(4) div.content {transform: rotate(-90deg);}
div.molecule div.atom:nth-child(2):nth-last-child(5) div.content {transform: rotate(-72deg);}
div.molecule div.atom:nth-child(2):nth-last-child(6) div.content {transform: rotate(-60deg);}
div.molecule div.atom:nth-child(2):nth-last-child(7) div.content {transform: rotate(-51.4deg);}

div.molecule div.atom:nth-child(3):nth-last-child(2) div.content {transform: rotate(-240deg);}
div.molecule div.atom:nth-child(3):nth-last-child(3) div.content {transform: rotate(-180deg);}
div.molecule div.atom:nth-child(3):nth-last-child(4) div.content {transform: rotate(-144deg);}
div.molecule div.atom:nth-child(3):nth-last-child(5) div.content {transform: rotate(-120deg);}
div.molecule div.atom:nth-child(3):nth-last-child(6) div.content {transform: rotate(-102.8deg);}

div.molecule div.atom:nth-child(4):nth-last-child(2) div.content {transform: rotate(-270deg);}
div.molecule div.atom:nth-child(4):nth-last-child(3) div.content {transform: rotate(-216deg);}
div.molecule div.atom:nth-child(4):nth-last-child(4) div.content {transform: rotate(-180deg);}
div.molecule div.atom:nth-child(4):nth-last-child(5) div.content {transform: rotate(-154.28deg);}

div.molecule div.atom:nth-child(5):nth-last-child(2) div.content {transform: rotate(-288deg);}
div.molecule div.atom:nth-child(5):nth-last-child(3) div.content {transform: rotate(-240deg);}
div.molecule div.atom:nth-child(5):nth-last-child(4) div.content {transform: rotate(-205.71deg);}

div.molecule div.atom:nth-child(6):nth-last-child(2) div.content {transform: rotate(-300deg);}
div.molecule div.atom:nth-child(6):nth-last-child(3) div.content {transform: rotate(-257.14deg);}

div.molecule div.atom:nth-child(7):nth-last-child(2) div.content {transform: rotate(-308.57deg);}


div.molecule.dashboard div.core {border: none; background-size: contain; background-position: center bottom; background-repeat: no-repeat;}
div.molecule.dashboard div.core a.logo {color: #fff; position: static; border-radius: 50%; background-size: cover;}

div.molecule.dashboard div.atom {}
div.molecule.dashboard div.atom:hover {background-color: #ddd;}
div.molecule.dashboard div.atom div.content {display: flex; border: 3px solid #000000; justify-content: center; align-items: center; background: none; cursor: pointer; overflow: hidden;}


div.molecule.dashboard div.atom div.content:before   {color: #ddd; transition: all 0.5s; display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; font-size: 15vmin; line-height: 24vmin; text-align: center;   font-family: FontAwesome; z-index: 10;}
div.molecule.dashboard div.atom div.content:hover:before   {color: #fff; transition: all 0.5s;}

div.molecule.dashboard div.atom div.content>div {position: relative; z-index: 11; font-size: 3.5vh;}

div.molecule.dashboard div.atom.employees div.content:before {content: "\f21b";}
div.molecule.dashboard div.atom.clients div.content:before {content: "\f0c0";}
div.molecule.dashboard div.atom.kitchen div.content:before {content: "\f0f5";}
div.molecule.dashboard div.atom.logistics div.content:before {content: "\f0d1";}
div.molecule.dashboard div.atom.billing div.content:before {content: "\f155";}
div.molecule.dashboard div.atom.analytics div.content:before {content: "\f201";}
div.molecule.dashboard div.atom.support div.content:before {content: "\f1cd";}


div.molecule.dashboard div.atom.add div.content:before {content: "\f218";}
div.molecule.dashboard div.atom.drop div.content:before {content: "\f1f8";}

/****************************************************************/
#dialog {display: none; position: fixed; padding: 10px; box-sizing: border-box; background-color: #fff; box-shadow: 0px 0px 25px #000, 0px 0px 25px #000; z-index: 10001; transition: all 0.5s; opacity: 0; text-align: center; border-radius: 5px; overflow: auto; transform-origin: top center;}
#dialog.show {display: block; opacity: 1; transition: transform 0.5s;}
#dialog.deflated {transition: opacity 0.5s!important;}

#dialog h3 {margin-top: 0px;}
#dialog input, #dialog select, #dialog textarea {padding: 2px; font-size: 16px; display: inline-block; width: 85%; margin: 5px 0px;}
#dialog p.double_input input, #dialog p.double_input select {padding: 2px; font-size: 16px; display: inline-block; width: 40%; margin: 5px 0px;}

#dialog p.range {padding: 2px; display: inline-block; width: 85%; margin: 5px 0px; position: relative; text-align: center;}
#dialog p.range input {width: 10%; text-align: center;}


#dialog .button:not(.small) {width: auto; padding-left: 10px; padding-right: 10px; text-align: center;}
#dialog p {margin: 0px; font-weight: bold;}
#dialog p.w {margin-bottom: 5px;}

#dialog .ccda p.s_inp {margin: 0px;}
#dialog .ccda p.s_inp span {position: absolute; margin-top: 3px; margin-left: 5px;}
#dialog .ccda input {width: 50px; text-align: center; margin: 0px auto; margin-bottom: 5px;}

#dialog h1 {font-size: 20px; margin-top: 5px; margin-bottom: 5px;}
#dialog h2 {font-size: 16px; margin-top: 4px; margin-bottom: 4px;}

.grabbed {opacity: 0.25;}
/*************************************************************table_v2*************************************/

table.table_v2 {margin: 0px auto; border-collapse: collapse; margin-top: 10px;}
table.table_v2 tr th{text-align: center; background-color: #d56e00; color: #fff; padding: 5px;}
table.table_v2 tr td{padding: 5px;}
table.table_v2 input {margin: 0px;}

table.table_v2.bordered tr th{border: 1px solid #fff;}
table.table_v2.bordered tr td{border: 1px solid #d56e00;}

/*******************************************fix cursor in calendar*******************************/
div.big_calendar  div.month div.month_body>div {cursor: pointer;}
div.big_calendar  div.month div.month_body>div.empty {cursor: default;}

div#kitchen_calendar.big_calendar  div.month div.month_body>div {cursor: default;}
div#kitchen_calendar.big_calendar  div.month div.month_body>div.locked {cursor: pointer;}