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


@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;}

body {font-family: 'Century Gothic', sans-serif; margin: 0px; padding: 0px; color: #006c00; background-color: #f9f8f6; background-image: url(images/background.png); background-size: 50%; background-position: center top; background-repeat: no-repeat;}
a {cursor: pointer; color: #009200; text-decoration: none;}
button {cursor: pointer;  transition: all 0.5s;}
h1 {color: #006c00;}
h2 {color: #006c00;}
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: #006c00;}

#top a {color: #fff;}
a.logo {display: block; height: 48px; position: absolute; padding-left: 48px; font-size: 30px; line-height: 32px; background-image: url(images/logo.png); background-repeat: no-repeat; background-position: 0px 0px; text-decoration: none; text-align: left;}
a.logo span {display: block; font-size: 12px; margin-top: -10px;}


#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;}
#bottom {height: 48px; background-color: #242424; color: #006c00; 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: #006c00 4px solid; width: 450px; margin: 50px auto; border-radius: 20px; text-align: center; background-color: #fff;}
div.form h2 {margin-top: 0px;}
input, select {border: 2px solid #006c00; background: none; padding: 7px; font-size: 18px; border-radius: 5px; margin-bottom: 10px;}
button {background-color: #009200; 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: 900px; margin: 0px auto; height: 100%; position: relative;}
div.static_body {border: 4px #006c00 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;}


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


div#eatings_select {margin-bottom: 6px;}
/*
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: #e02627;}
div#eatings_select a.check:nth-child(2) {color: #f7912d;}
div#eatings_select a.check:nth-child(3) {color: #f5da29;}
div#eatings_select a.check:nth-child(4) {color: #52ba63;}
div#eatings_select a.check:nth-child(5) {color: #4fc9f0;}

/*
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: 900px; 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 #006c00 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: #006c00; color: #fff; position: relative; transition: all 0.5s; height: 37px; margin-top: 5px;}
ul.tabs li.active {border-bottom-color: #fff; color: #006c00; 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: #006c00; bottom: -4px;}
ul.tabs li:before {left: -4px;}
ul.tabs li:after {right: -4px;}
div#module div.module_body {border: 4px #006c00 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;}
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 #006c00 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 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 #006c00 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:empty {display: none;} 
div#module div.module_pages ul {position: absolute; padding: 5px; top: 1px; right: 42px; background-color: #fff; border: 4px #006c00 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;}
div#module div.module_pages ul li a {display: block; width: 16px; height: 16px; color: #fff; text-align: center; line-height: 16px; border: 1px solid #009200; background-color: #009200; 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: #009200; background-color: #fff;}



.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.5; transition: all 0.25s;}

p.dummy {color: #ddd; 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.main_table tr td.date {}
table.main_table tr td.date span {display: block;}
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: #fdd;}
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 #009200; background-color: #009200; margin-right: 4px; border-radius: 5px; color: #fff; 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;}

a.button.green {color: #0f0; border-color: #0f0;}
a.button.red {box-shadow: 0px 0px 4px #f00,0px 0px 4px #f00,0px 0px 4px #f00;}
  
a.button.active, a.button:hover, button:hover {background-color: #fff; color: #009200; transition: all 0.1s;}  
a.button.active:hover {color: #fff; background-color: #009200;}

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 #009200, 0px 0px 4px #009200, 0px 0px 4px #009200, 0px 0px 4px #009200, 0px 0px 4px #009200, 0px 0px 4px #009200, 0px 0px 4px #009200;}

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.plus:before {content: "\f067";}
a.button.minus:before {content: "\f068";}

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

a.button.play:before {content: "\f04b";}
a.button.stop:before {content: "\f04d";}
a.button.hide:before {content: "\f070";}


a.button.sectarians:before {content: "\f21b";}
a.button.subjects: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";}

#kitchen_dishes-eatings  a.button.star-0:before, #kitchen_dishes-eatings  a.button.star-1:before, #kitchen_dishes-eatings  a.button.star-2:before {content: ""; display: inline-block; width: 10px; height: 10px; border: 2px #fff solid; border-radius: 50%;}


#kitchen_dishes-eatings  a.button.star-0:before {content: "";}
#kitchen_dishes-eatings  a.button.star-1:before {content: "";  background-color: #fff; width: 3px; border-radius: 0px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;}
#kitchen_dishes-eatings  a.button.star-2:before {content: ""; background-color: #fff;}

#kitchen_dishes-eatings  a.button.star-0:hover:before, #kitchen_dishes-eatings  a.button.star-1:hover:before, #kitchen_dishes-eatings  a.button.star-2:hover:before {color: #009200; border-color: #009200; background-color: #009200;}
#kitchen_dishes-eatings  a.button.star-0:hover:before {background-color: #fff;}
/*

#kitchen_dishes-eatings a.button.star-0:before {content: "\f088";}
#kitchen_dishes-eatings a.button.star-1:before {font-size: 15px; content: "\f164";}
#kitchen_dishes-eatings a.button.star-2:before {content: "\f164";}
*/

a.button.permition_0 {background-color: #ddd;}
a.button.permition_1 {background-color: #6f6;}
a.button.permition_2 {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: #006c00; 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 #009200, 0px 0px 4px #009200, 0px 0px 4px #009200, 0px 0px 4px #009200, 0px 0px 4px #009200, 0px 0px 4px #009200, 0px 0px 4px #009200;}

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";}

/*
#view-eatings span.icon.star-empty:before {content: "\f088";}
#view-eatings span.icon.star-half-empty:before, span.icon.star-half-full:before {font-size: 15px; content: "\f164";}
#view-eatings span.icon.star-full:before {content: "\f164";}
*/

#view-eatings span.icon.star-empty:before, #view-eatings span.icon.star-half-empty:before, #view-eatings span.icon.star-full:before {content: ""; display: inline-block; width: 10px; height: 10px; border: 2px #006c00 solid; border-radius: 50%;}

#view-eatings span.icon.star-empty:before {content: "";}
#view-eatings span.icon.star-half-empty:before, span.icon.star-half-full:before {content: "";  background-color: #006c00; width: 3px; border-radius: 0px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;}
#view-eatings span.icon.star-full:before {content: ""; background-color: #006c00;}


div.module_sectarians div.module_actions a.button.add:before {content: "\f21b";}

div.module_subjects div.module_actions a.button.add:before {content: "\f007";}


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.visible:after {content: "\f070";  font-size: 12px;}
a.button.filter.calendar:after {content: "\f0f5"; font-size: 12px;}



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 {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;}

#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(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%; }

#floating_content table.kitchen_view td {position: relative;}
#floating_content table.kitchen_view>tbody>tr>td.icon {width: 320px; border-bottom: none; vertical-align: top; padding-bottom: 10px;}
#floating_content table.kitchen_view td.icon img {position: relative; z-index: 10;}
#floating_content table.kitchen_view td.icon a.upload {position: absolute; top: 8px; left: 8px; z-index: 11;}

#floating_content table.kitchen_view td span.limits {color: #777; font-size: 10px; display: block;}

#floating_content table.kitchen_view tr.dishlist {}
#floating_content table.kitchen_view tr.dishlist h2 {text-align: center;}
#floating_content table.kitchen_view tr.dishlist ul li {display: flex; height: 32px; line-height: 32px;}
#floating_content table.kitchen_view tr.dishlist ul li a {display: inline-block; height: 32px; line-height: 32px;}
#floating_content table.kitchen_view tr.dishlist ul li img {display: inline-block; margin-right: 5px;}



a.price_err {color: #f00;}

#floating_content table.kitchen_view td.data {vertical-align: top;}

#floating_content table.kitchen_view table.main_table {margin: 0px; width: auto;}

#floating_content table.kitchen_view table.main_table {width: 100%;}
#floating_content table.kitchen_view table.main_table tr#kitchen_ings-bomj>td {height: 96px; position: relative; padding: 0px;}
#floating_content table.kitchen_view table.main_table tr#kitchen_ings-bomj>td input {width: 48px; text-align: center;}
#floating_content table.kitchen_view table.main_table tr#kitchen_ings-bomj table {width: 100%; margin: 0px;}
#floating_content table.kitchen_view table.main_table tr#kitchen_ings-bomj table tr th  {font-size: 16px; height: 24px;}
#floating_content table.kitchen_view table.main_table tr#kitchen_ings-bomj table tr td {border: none;}

#floating_content table.kitchen_view table.main_table tr td.actions {width: 72px;}



#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";}


div.big_calendar {position: absolute; top: 10px; 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#kitchen_calendar, div.big_calendar#prospect_calendar {top: 10px;}

div.big_calendar  div.month p.header {background-color: #ddd; 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 #009200 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: #006c00;}
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: #006c00; position: relative;}
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: 1px; left: 1px; font-size: 12px;  width: 16px; height: 16px; background-color: #fff; line-height: 18px; border-right: 1px #ddd solid; border-bottom: 1px #ddd solid;}

div.big_calendar  div.month div.month_body>div .content {text-align: center; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; overflow: hidden; cursor: pointer; color: #fff;}




div.big_calendar  div.month div.month_body>div:after{font-family: FontAwesome;  display: block; position: absolute; top: 18px; left: 5px; font-size: 14px; text-align: center; width: 16px; height: 16px; border-radius: 50%; background-color: rgba(255,255,255,0.7); line-height: 18px;}
div.big_calendar  div.month div.month_body>div.locked:after {content: "\f023";}
div.big_calendar  div.month div.month_body>div.error:after {content: "\f071"}
div.big_calendar  div.month div.month_body>div.fail:after {color: #f00;}


div.big_calendar  div.month div.month_body>div .content.empty {display: flex; justify-content: center; align-items: center; cursor: default;}
div.big_calendar  div.month div.month_body>div .content.empty>a.button.add {display: inline-block;}
div.big_calendar  div.month div.month_body>div .content.editing {top: -48px; left: -48px; right: -48px; bottom: -48px; transition: all 0.5s; background-color: #fff; z-index: 1000; border: 1px solid #006c00; }
div.big_calendar  div.month div.month_body>div .content input, div.big_calendar  div.month div.month_body>div .content select {width: 70%; font-size: 16px; padding: 2px; border-width: 1px; border-radius: 3px; margin-bottom: 0px; margin-top: 5px; box-sizing: border-box; text-align: center;}

div.big_calendar  div.month div.month_body>div .content>span {display: block; font-size: 12px; width: 100%;}
div.big_calendar  div.month div.month_body>div .content>span.ration {font-weight: bold; margin-top: 12px;}
div.big_calendar  div.month div.month_body>div .content>span.eatings {display: block; width: 100%; bottom: 8px; position: absolute; display: none;}
div.big_calendar  div.month div.month_body>div .content>span.eatings span {padding: 0px 3px; background-color: #fff; font-size: 16px; border-radius: 3px;}







div.big_calendar  div.month div.month_body>div span.total {display: block; color: #000; margin: 2px; font-weight: bold;}
div.big_calendar  div.month div.month_body>div span.proj {display: inline-block; color: #fff; background-color: #ddd; margin: 2px; border-radius: 3px;  transition: all 0.5s;}
div.big_calendar.highlight  div.month div.month_body>div span.proj {opacity: 0.25; transition: all 0.25s;}
div.big_calendar  div.month div.month_body>div span.proj.highlight {box-shadow: 0px 0px 15px #0f0, 0px 0px 15px #0f0, 0px 0px 15px #0f0, 0px 0px 15px #0f0; opacity: 1;  transition: all 0.25s;}



div.add_form {position: absolute; left: 30px; right: 30px; top: 60px; bottom: 70px; overflow-x: hidden;}
div.add_form form.add {text-align: center; top: 0px;}
div.add_form input, div.add_form select {display: block; margin: 10px 0px; width: 90%; margin: 10px auto; box-sizing: border-box;}

div.add_form div.half {width: 90%; margin: 10px auto; }
div.add_form div.half:after {content: ""; display: block; clear: both;}
div.add_form div.half input {float: left; width: 48%; margin: 0px;}
div.add_form div.half input:last-child {float: right;}

div.main_buttons {position: absolute; left: 0px; right: 0px; bottom: 0px; padding-bottom: 20px; text-align: center;}

div.add_form.kitchen_ing div.two, div.add_form.kitchen_ing div.four {position: relative; text-align: center; width: 90%; margin: 0px auto; display: flex; justify-content: space-between; margin: 10px auto;}
div.add_form.kitchen_ing div.two input, div.add_form.kitchen_ing div.two select {width: 49%; margin: 0px; text-align: center;}
div.add_form.kitchen_ing div.four input, div.add_form.kitchen_ing div.four select {width: 23%; margin: 0px; text-align: center;}


#add_result {text-align: center; color: #f00;}

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


div.dashboard_modules {position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; overflow: hidden; display: flex; padding: 20px; justify-content: space-between; flex-wrap: wrap;}
div.dashboard_modules div.dashboard_module {min-width: 23%; height: 45%; border-radius: 10px; border: 2px #006c00 solid; position: relative; cursor: pointer; transition: all 0.5s;}
div.dashboard_modules div.dashboard_module h2 {margin: 0px; text-align: center;}
div.dashboard_modules div.dashboard_module:before {position: absolute; font-size: 15vh; line-height: 15vh; display: block; left: 0px; bottom: 0px; color: #eaeaea; transition: all 0.5s;
  font-family: FontAwesome;
  text-align: right;
  font-weight: normal; 
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;}


div.dashboard_modules div.dashboard_module:hover {background-color: #eaeaea; transition: all 0.5s;}
div.dashboard_modules div.dashboard_module:hover:before   {color: #fff; transition: all 0.5s;}
  
div.dashboard_module.sectarians:before {content: "\f21b";}
div.dashboard_module.subjects:before {content: "\f0c0";}
div.dashboard_module.kitchen:before {content: "\f0f5";}
div.dashboard_module.logistics:before {content: "\f0d1";}
div.dashboard_module.billing:before {content: "\f155";}
div.dashboard_module.analytics:before {content: "\f201";}
div.dashboard_module.support:before {content: "\f1cd";}



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.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 {background-color: #006c00; border: none; background-size: contain; background-position: center bottom; background-repeat: no-repeat;}
div.molecule.dashboard div.core a {color: #fff; position: static; font-size: 48px; text-align: center;}
div.molecule.dashboard div.core a span {font-size: 14px; display: block;}


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 #006c00; justify-content: center; align-items: center; background: none; cursor: pointer;}

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.sectarians div.content:before {content: "\f21b";}
div.molecule.dashboard div.atom.subjects div.content:before {content: "\f0c0";}
div.molecule.dashboard div.atom.statistics div.content:before {content: "\f080";}
div.molecule.dashboard div.atom.profile div.content:before {content: "\f2bb";}
div.molecule.dashboard div.atom.training div.content:before {content: "\f007";}


a.dontpushthis {display: block; position: absolute; width: 40px; height: 40px; border-radius: 50%; border: #f00 outset 3px; background-color: #f00; color: #fff; font-size: 12px; font-weight: bold; transform: rotate(-9deg); line-height: 40px; z-index: 10000;}
a.dontpushthis:hover {box-shadow: 0px 0px 10px #f00;   -webkit-animation: flash 0.5s infinite; animation: flash 0.5s infinite; animation-direction: alternate;}
a.dontpushthis:active {border-style: inset; transform: rotate(-5deg);}



a.tooltip {display: inline-block; position: relative; width: 18px; height: 18px; border-radius: 50%; text-align: center; background-color: #4e9ed4; color: #fff; border: 1px solid #4e9ed4; transition: all 0.5s; position: relative; font-size: 15px;}
a.tooltip:hover {background-color: #fff; color: #4e9ed4; transition: all 0.5s;}
a.tooltip:after {content: "?"; display: inline-block; width: 20px;}
a.tooltip span {display: none; position: absolute; background-color: #fff; border: 1px solid #4e9ed4; border-radius: 5px; padding: 5px; color: #4e9ed4; top: 29px; left: -14px; z-index: 900; text-align: left; box-shadow: 0px 0px 5px #fff; width: 280px;}
a.tooltip span:after {content: " ";
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    border: 1px solid #4e9ed4;
    border-top-style: none;
    border-left-style: none;
    z-index: 1001;
    top: -6px;
    left: 18px;
    background-color: #fff;
    transform: rotate(-135deg);
    }

a.tooltip:hover span { display: block;}





/*************************************************/
td.time i {font-style: normal;}

td.time.active * {text-shadow: 0px 0px 10px #009200, 0px 0px 10px #009200; }


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

#tools_vehicles_cars td.icon {position: relative; width: 110px; padding: 0;}
#tools_vehicles_cars td.icon a {transform: scale(0.5); position: absolute; left: -5px; top: -5px;}
#tools_vehicles_cars tr.status0 {filter: grayscale(0.75);}
#tools_vehicles_cars tr.status-1 {filter: grayscale(1);}
#tools_vehicles_cars tr.status-2 {filter: grayscale(1); text-decoration: line-through;}

#tools_vehicles_cars tr td.expiring {color: #FF0;}
#tools_vehicles_cars tr td.expired {color: #F00;}