html, body { height: 100%; font-family: Roboto, Helvetica;}
#site, #content {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -25px;}
#footer, .footer-push {height: 25px; line-height: 25px; font-size: 0.8em; font-weight: 200;}
#footer { text-align: center; color: #FFF; clear: both;}
#footer a {color: #fff;}
#logged #footer {background: none; color: #444;}
/*background: rgba(83, 135, 135, 0.9);*/
#aspnetForm {position: relative;}
input.date {cursor: pointer;}
.menu-logo {margin-top: 5px; margin-left: 15px; margin-right: 30px;}
.navbar-logo-bayer {display: none; float: right; margin-top: 7px; margin-right: 20px;}
.form-checkbox {text-align: left;}
.form-checkbox .checkbox {margin-left: 58px;}
/* BOOTSTRAP */
.panel.panel-default { background: none; border: 0; box-shadow:none; }
.input-lg, .input-group-addon, .btn {border-radius: 0}
.navbar-default {border: 0; margin-bottom: 0; background: #FFF; }
a.navbar-brand {padding-top: 0; padding-bottom: 0;}
.navbar-default .navbar-nav > li > a {color: #333; text-transform: uppercase; font-weight: bold; font-size: 0.8em;}
.navbar-default .navbar-nav > li > a:hover {color: #666;}
.modal-content, .form-control {border-radius: 0;}
.modal-title {text-transform: uppercase; font-weight: 300;}
.modal-body label {text-transform: uppercase; }
.dropdown-menu {border-radius: 0; border: none; margin-top: 1px;}
/* LOGIN */
.section-login#ecommerce {background: url("../img/ecommerce/bg_login.jpg") no-repeat center top #78cfcf; }
.section-login#cms {background: url("../img/cms/bg_login.jpg") no-repeat center top #C5DFB5; }
.section-login input[type="text"], .section-login input[type="password"] {background: transparent; border-color: #fff;}
.section-login .input-group-addon {background: #FFF; border: none; color: #78cfcf}
.section-login#cms .input-group-addon {color: #C5DFB5}
.section-login ::-webkit-input-placeholder {color: #FFF;}
.section-login ::-moz-placeholder {color: #FFF;}
.section-login :-ms-input-placeholder {color: #FFF;}
.section-login :-moz-placeholder {color: #FFF;}
.section-login input[type="submit"], .section-login a.register {width: 100%; background: #FFF; color: #78cfcf; border: none; text-transform: uppercase;}
.section-login#cms input[type="submit"] {color: #C5DFB5;}
.section-login input[type="submit"]:hover, .section-login a.register:hover {color: #FFF; background-color: #64acac; cursor: pointer;}
.section-login#cms input[type="submit"]:hover {background-color: #819475; color: #FFF; }
.section-login .panel {padding-top: 50px;}
.section-login .img-logo {position: absolute; top: 20px; right: 50px;}
.section-login h1 {font-size: 1.7em; color: #fff; font-weight: 200; padding: 20px 0 10px;}
.section-login .forgot-password {text-align: left; padding-left: 20px; font-weight: 300;}
.section-login .forgot-password a {color: #FFF; display: inline-block; margin: 0 5px;}
.section-login div.form-group.login-back {padding-bottom: 10px; margin: 0; padding-left: 0; text-align: left;}
.section-login div.form-group.login-back a {color: #FFF;}
.section-login div.form-group.login-back a::before {content: "\f0a8 "; font: normal normal normal 14px/1 FontAwesome;}
.section-login div.login-error, .section div.message-error {color: #FFF; margin-bottom: 20px; background-color: #EA5658; padding-left: 5px; padding-right: 5px;}
/* GENERAL LAYOUT */
.section {background-size: 1800px 1150px; background-repeat: no-repeat; background-position: center top;}
#content {min-height: 100%; height: 100%; color: #453024;}
#content .container-wrapper {padding-top: 80px; background-color: #fff; padding-left: 25px; padding-right: 25px; padding-bottom: 25px; margin-left: 15px; margin-right: 15px; min-height: 800px; height: auto; height: 100%;padding-top: 10px;margin-top: 51px;}
#content .table-responsive {margin-top: 40px;}
#content .table, #content .table th, #content .table td {border: none;}
#content .table th {border-top-width: 1px; border-bottom-width: 1px; border-bottom-style: solid; border-top-style: solid; background: #fff; text-align: center; padding: 10px;}
#content .table td {border-bottom-width: 1px; border-bottom-style: solid; text-align: center; background: #fff; padding-top: 15px; padding-bottom: 15px; vertical-align: middle; font-weight: 300;}
#content .table th:first-child {border-left-width: 1px; border-left-style: solid;}
#content .table th:last-child {border-right-width: 1px; border-right-style: solid;}
#content .table tr:last-child td {border-bottom: none !important}
#content .table th a {color: #453024; text-transform: uppercase;}
#content .table {text-align: center;}
#content .table tr td:last-child input {display: inline-block; width: 25px; height: 25px; background-size: 25px 25px; border: none; background-repeat: no-repeat;}
#content .table th.glyphicon.glyphicon-sort-by-attributes, th.glyphicon.glyphicon-sort-by-attributes-alt {position: initial; margin: 0; display: table-cell; vertical-align: inherit; font-weight: bold; font: normal normal normal 14px/1 FontAwesome;}
#content .table th.glyphicon.glyphicon-sort-by-attributes::before {content: "\f175 ";}
#content .table th.glyphicon.glyphicon-sort-by-attributes-alt::before {content: "\f176 ";}
#content .table td .img-item {width: 30px; height: 30px; overflow: hidden; border-radius: 15px; display: inline-block;}
#content .table td .img-item img {margin: auto;}
#content .chosen-container.form-control {border: 0; padding: 0;}
#content .bt-see-img {text-transform: uppercase; color: #444; font-size: 0.8em;}
#content .section-header {font-weight: 300; text-transform: uppercase; padding-left: 20px; font-size: 1.7em;}
#content .btn-add {background-image: url(../img/cms/bt_add.png); font-size: 0; border: 0; background-size: 35px 35px; float: right; margin-bottom: 30px; width: 35px; height: 35px; position: absolute; top: 26px; right: 0px;}
#content .btn-add-upload {background-image: url(../img/cms/bt_upload.png); font-size: 0; border: 0; background-size: 35px 35px; float: right; margin-bottom: 30px; width: 35px; height: 35px; position: absolute; top: 26px; right: 0px; margin-right: 20px; margin-top: 1px;}
#content #user-upload {float: right; position: absolute; top: 25px; right: 0px; text-align: right; width: 100%;}
#content #user-upload .btn-upload {width: 80px; margin-top: 3px; display: inline-block; }
#content #user-upload .btn-add {position: inherit; display: inline-block; margin-bottom: 0; float: none;}
#content #user-upload .btn-add-upload {position: inherit; display: inline-block; margin-bottom: 0; float: none;}
#content #user-upload .user-upload-row {clear: both; width: 100%; height: 35px;}
#content #user-upload .user-upload-row.user-upload-error {font-size: 0.6em; color: #f00;}
#content .table tr td:last-child input:first-child, #content .table tr td:last-child input:last-child {background-color: #f57366;}
.fc-left h2 {font-weight: 400; text-transform: uppercase;}
#content h1 {font-weight: 340px; text-transform: uppercase; margin-top: 0; font-size: 1.2em; padding-top: 30px; margin-bottom: 30px;}
#profile {font-weight: 400; height: 55px; text-align: right; position: absolute; top: 16px; right: 0;}
#profile span.profile-name {margin-right: 15px; font-weight: 500; border-bottom: 1px solid #000;}
#profile span.profile-name a {color: #222; text-decoration: none;}
#profile span.profile-name a:hover {color: #777; text-decoration: none;}
#profile span.profile-image a {background-color: #F17469; line-height: 0; display: inline-block;}
#profile span.profile-image a img {width: 55px; height: 55px;}
#profile span.profile-image a:hover {background-color: #b04036;}
/* ECOMMERCE MENU */
.menu-ecommerce a {padding-left: 30px !important; display: inline-block; background-repeat: no-repeat; background-size: 25px 25px; background-position: left center; background-position: 3px center;}
.menu-ecommerce-order a {background-image: url(../img/ecommerce/menu_icon_order.png)}
.menu-ecommerce-folio a {background-image: url(../img/ecommerce/menu_icon_folio.png)}
.menu-ecommerce-cart a {background-image: url(../img/ecommerce/menu_icon_cart.png)}
.menu-ecommerce-faq a {background-image: url(../img/ecommerce/menu_icon_faq.png)}
/* DISHES */
.section-cms-dishes {background-image: url("../img/cms/bg_section_1.jpg"); background-color: #F2B12A; }
.section-cms-dishes #content .table th, .section-cms-dishes #content .table td {border-color: #F2B12A;}
.section-cms-dishes .btn-add {background-color: #F2B12A;}
.section-cms-dishes .table-responsive {border-color: #F2B12A;}
.section-cms-dishes .date-control .input-group {border: 1px solid #F2B12A;}
.section-cms-dishes .date-control input {border: none;}
.section-cms-dishes .date-control .input-group-addon {background: transparent; border: none; color: #453024}
.section-cms-dishes .btn-control {border: 1px solid #F2B12A;}
/* CATEGORIES */
.section-cms-categories {background-image: url("../img/cms/bg_section_2.jpg"); background-color: #FC9D83; }
.section-cms-categories #content .table th, .section-cms-categories #content .table td {border-color: #FC9D83;}
.section-cms-categories .btn-add {background-color: #FC9D83;}
/* CALENDAR */
.section-cms-calendar {background-image: url("../img/cms/bg_section_3.jpg"); background-color: #C0DFAF; }
.section-cms-calendar #content .table th, .section-cms-calendar #content .table td {border-color: #C0DFAF;}
.section-cms-calendar .btn-add {background-color: #C0DFAF;}
.section-cms-calendar .fc-event {border-radius: 0; background-color: #FB7028; border: none;}
.section-cms-calendar #calendar {margin-top: 40px;}
.section-cms-calendar .fc-state-default.fc-corner-left, .section-cms-calendar .fc-state-default.fc-corner-right {border-radius: 0;}
.section-cms-calendar .fc-day:hover {background: #dcecd2 !important;}
.section-cms-calendar .fc-slats, .section-cms-calendar .fc-content-skeleton, .section-cms-calendar .fc-bgevent-skeleton, .section-cms-calendar .fc-bgevent, .section-cms-calendar .fc-event-container {pointer-events:none}
.fc-unthemed td.fc-today {background-color: #EEE;}
/* USERS */
.section-cms-users {background-image: url("../img/cms/bg_section_4.jpg"); background-color: #D1C1B8; }
.section-cms-users #content .table th, .section-cms-users #content .table td {border-color: #D1C1B8;}
.section-cms-users .btn-add, .section-cms-users .btn-add-upload {background-color: #D1C1B8;}
.section-cms-users .btn-add {z-index: 100;}
.section-cms-users .table-responsive {border-color: #D1C1B8;}
/* DISHES */
.section-ecommerce-order {background-image: url("../img/ecommerce/bg_section_1.jpg"); background-color: #F1756A; }
.section-ecommerce-order .col-order-fixed { position:relative; min-height:1px; padding-right:15px; padding-left:15px; float:left; width:100%; }
.section-ecommerce-order .col-order-fluid { position:relative; min-height:1px; padding-right:15px; padding-left:15px; float:left; width:100%; }
.section-ecommerce-order #order-controls {position: absolute;}
.section-ecommerce-order #order-controls .container {padding-right: 0;}
.section-ecommerce-order #order-controls .input-group {border: 1px solid #F07469;}
.section-ecommerce-order #order-controls input {border: none;}
.section-ecommerce-order #order-controls .input-group-addon {background: transparent; border: none; color: #453024}
.section-ecommerce-order .order-section {padding-top: 40px;}
.section-ecommerce-order .order-section-item {border: 1px solid #F07469; overflow: hidden; display: table; width: 100%; margin-top: 10px;}
.section-ecommerce-order .order-section-item div {display: table-cell; vertical-align: middle; font-size: 0.9em;}
.section-ecommerce-order .order-section-item-image {width: 70px; padding: 10px;}
.section-ecommerce-order .order-section-item-cal, .section-ecommerce-order .order-section-item-price {width: 80px; text-align: center;}
.section-ecommerce-order .order-section-item-price button {background: none; border: none;}
.section-ecommerce-order #noResults {padding: 15px; font-weight: 100; font-size: 1.6em; margin-left: 20px;}
.section-ecommerce-order .input-group input {cursor: hand}
.label-order {padding-left: 10px; text-transform: uppercase;}
@media (min-width: 768px) and (max-width: 991px) {
.section-ecommerce-order .col-order-fixed { width:340px; }
.section-ecommerce-order .col-order-fluid { width:calc(100% - 340px);}
}
@media (min-width: 992px) and (max-width: 1199px) {
.section-ecommerce-order .col-order-fixed { width:340px; }
.section-ecommerce-order .col-order-fluid { width:calc(100% - 340px);}
}
@media (min-width: 1200px) {
.section-ecommerce-order .col-order-fixed { width:340px; }
.section-ecommerce-order .col-order-fluid { width:calc(100% - 340px);}
}
/* FOLIOS */
.section-ecommerce-folios {background-image: url("../img/ecommerce/bg_section_2.jpg"); background-color: #C7E2AD; }
.section-ecommerce-folios #content .table th, .section-ecommerce-folios #content .table td {border-color: #C9E3AC;}
.section-ecommerce-folios .table-responsive {border-color: #C9E3AC;}
/* CART */
.section-ecommerce-cart {background-image: url("../img/ecommerce/bg_section_3.jpg"); background-color: #FDC12D; }
.section-ecommerce-cart #content .table th, .section-ecommerce-cart #content .table td {border-color: #FDC12D;}
.section-ecommerce-cart .col-order-fixed { position:relative; min-height:1px; padding-right:15px; padding-left:15px; float:left; width:100%; }
.section-ecommerce-cart .col-order-fluid { position:relative; min-height:1px; padding-right:15px; padding-left:15px; float:left; width:100%; }
.section-ecommerce-cart #sidebar-cart, .section-ecommerce-cart #sidebar-cart .sidebar-cart-order-item, .section-ecommerce-cart #sidebar-cart .btn-make-order {border-color: #FDC12D;}
.section-ecommerce-cart h3 {text-transform: uppercase; font-weight: 300; font-size: 1.6em;}
.section-ecommerce-cart #sidebar-cart .btn-make-order:hover {background-color: #FDC12D;}
.section-ecommerce-cart #sidebar-cart .sidebar-cart-order-item .sidebar-cart-order-item-qty {width: 25px;}
.section-ecommerce-cart #sidebar-cart {margin-top: 0; margin-bottom: 40px;}
@media (max-width: 560px) {
#profile span {display: none;}
}
@media (max-width: 768px) {
#content .table th:first-child {border-left: none;}
#content .table th:last-child {border-right: none;}
#content .table th {border-top: none;}
#noResults {text-align: center;}
.section-ecommerce-order #order-controls span {text-align: center;}
.section-ecommerce-order #order-controls .form-order {display: block; text-align: center;}
.section-ecommerce-order #order-controls .form-group {margin-bottom: 0;}
#sidebar-cart {margin-top: 20px;}
}
@media (min-width: 768px) and (max-width: 991px) {
.section-ecommerce-cart .col-order-fixed { width:320px; }
.section-ecommerce-cart .col-order-fluid { width:calc(100% - 320px);}
.section-ecommerce-order #order-controls .form-order {display: none;}
}
@media (min-width: 992px) and (max-width: 1199px) {
.section-ecommerce-cart .col-order-fixed { width:320px; }
.section-ecommerce-cart .col-order-fluid { width:calc(100% - 320px);}
.section-ecommerce-order #order-controls .input-group {width: 195px}
}
@media (min-width: 1200px) {
.section-ecommerce-cart .col-order-fixed { width:320px; }
.section-ecommerce-cart .col-order-fluid { width:calc(100% - 320px);}
}
#payment-methods .panel-heading {background: #fff; border: 1px solid #FDC12D; cursor: pointer; padding: 0;}
#payment-methods .panel-heading a:hover {color: #fff; background-color: #FDC12D !important;}
#payment-methods .panel-heading a {text-decoration: none; display: inline-block; width: 100%; padding: 10px; background: #fef4dc; }
#payment-methods .panel-heading a.collapsed {background: transparent;}
#payment-methods .panel-default>.panel-heading+.panel-collapse>.panel-body {border:none !important;}
#payment-methods h4 {text-transform: uppercase; font-weight: 300;}
#payment-methods .panel-group h4 {font-weight: 500;}
#payment-methods .btn.btn-default {text-transform: uppercase; width: 180px;}
#payment-methods .btn.btn-default input {border: 0; background: 0; margin: 0; padding: 0; cursor: pointer; text-transform: uppercase;}
/* SIDEBAR CART */
#sidebar-cart {border: 1px solid #F07469; /*margin-top: 56px;*/ position: relative;}
#sidebar-cart.sidebar-checkout {margin-top: 13px;}
#sidebar-cart h3 {font-weight: 500; text-transform: uppercase; margin-top: 0; font-size: 1.2em; padding: 10px; margin-bottom: 0;}
#sidebar-cart-empty {text-align: center; font-weight: 300; padding: 10px;}
#sidebar-cart-order-actions {padding: 10px;}
#sidebar-cart .sidebar-cart-order-item {border-top: 1px solid #F07469; padding: 10px; font-size: 0.8em; font-weight: 400;}
#sidebar-cart .btn-make-order {border: 1px solid #F07469; background: #FFF; color: #453024; width: 100%;}
#sidebar-cart .btn-make-order:hover {background: #F07469; color: #fff;}
#sidebar-cart .sidebar-cart-order-item {display: table; width: 100%;}
#sidebar-cart .sidebar-cart-order-item div {display: table-cell; vertical-align: middle;}
#sidebar-cart .sidebar-cart-order-item .sidebar-cart-order-item-qty {width: 60px;}
#sidebar-cart .sidebar-cart-order-item .sidebar-cart-order-item-qty button {margin: 0; padding: 0; background: none; border: 0;}
#sidebar-cart .sidebar-cart-order-item .sidebar-cart-order-item-name {padding-left: 10px; padding-right: 10px;}
#sidebar-cart .sidebar-cart-order-item .sidebar-cart-order-item-total {width: 55px;}
#sidebar-cart select {padding-right: 20px; line-height: inherit; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIwLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA0LjkgMTAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQuOSAxMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiM0NDQ0NDQ7fQo8L3N0eWxlPgo8dGl0bGU+YXJyb3dzPC90aXRsZT4KPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIxLjQsNC43IDIuNSwzLjIgMy41LDQuNyAiLz4KPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIzLjUsNS4zIDIuNSw2LjggMS40LDUuMyAiLz4KPC9zdmc+Cg==) no-repeat 95% 50% #FFF !important; width: 100%; text-align: center; padding: 0px 5px; height: 30px !important; color: #F07469; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #F07469; border-radius: 0; text-align: center;}
#sidebar-cart .btn-empty-order {background: url("../img/ecommerce/icon_trash.png") no-repeat; position: absolute; top: 11px; right: 5px; border: none; width: 17px; height: 17px; font-size: 0; background-size: 17px 17px; margin: 0; padding: 0;}
#ctl00_ContentPlaceHolder1_check_emptyCheck {padding: 15px; padding-left: 15px;border-top: 1px solid #CCC; margin-left: 20px; margin-top: 20px; font-weight: 100; font-size: 1.5em !important; margin-right: 20px;}
/* FAQ */
.section-ecommerce-faq {background-image: url("../img/ecommerce/bg_section_4.jpg"); background-color: #f3c0a4; }
.section-ecommerce-faq #content .table th, .section-ecommerce-faq #content .table td {border-color: #f3c0a4;}
.section-ecommerce-faq .table-responsive {border-color: #f3c0a4;}
#faq-items {padding-top: 15px;}
#faq-items .panel-heading {background: #fff; border: 1px solid #f3c0a4; cursor: pointer; padding: 0;}
#faq-items .panel-heading a:hover {color: #fff; background-color: #f3c0a4 !important;}
#faq-items .panel-heading a {text-decoration: none; display: inline-block; width: 100%; padding: 10px; background: #fae6db; }
#faq-items .panel-heading a.collapsed {background: transparent;}
#faq-items .panel-default>.panel-heading+.panel-collapse>.panel-body {border:none !important;}
#faq-items h4 {text-transform: uppercase; font-weight: 300;}
#faq-items .panel-group h4 {font-weight: 500;}
#faq-items .btn.btn-default {text-transform: uppercase; width: 180px;}
#faq-items .btn.btn-default input {border: 0; background: 0; margin: 0; padding: 0; cursor: pointer; text-transform: uppercase;}
/* FOLIOS */
.section-ecommerce-profile {background-image: url("../img/ecommerce/bg_section_5.jpg"); background-color: #4cc8b5; }
.section-ecommerce-profile #content .table th, .section-ecommerce-profile #content .table td {border-color: #4cc8b5;}
.section-ecommerce-profile .form-control, .section-ecommerce-profile .input-group-addon {border-color: #4cc8b5;}
.section-ecommerce-profile .form-control {border-left: 0; box-shadow: none;}
.section-ecommerce-profile .input-group-addon {background: none;}
.section-ecommerce-profile .form-control[disabled], .section-ecommerce-profile .form-control[readonly], .section-ecommerce-profile .input-group-addon-readonly {background-color: #e6f7f5 }
.section-ecommerce-profile .form-profile {padding-left: 30px; padding-right: 30px; padding-top: 30px;}
.section-ecommerce-profile .btn-profile-update {border-color: #4cc8b5; background: white; color: #4cc8b5; text-transform: uppercase;}
.section-ecommerce-profile .btn-profile-update:hover {background: #4cc8b5; color: white}
@media screen and (max-width: 768px) {
.img-logo-login { max-width: 150px !important; }
.section-login .img-logo { top: 10px; right: 10px; }
.section-login .img-logo img { max-width: 50px; }
#content.container {padding: 0;}
#content .container-wrapper {padding-left: 15px; padding-right: 15px; min-height: auto;}
#content .section-header {padding-left: 0px;}
#footer {font-size: 8px;}
.fc-left h2 {font-size: 1.3em; height: 29px; line-height: 29px;}
.section-ecommerce-order #order-controls {position: inherit;}
.section-ecommerce-order .order-section {padding-top: 0;}
.menu-logo {display: none !important;}
.navbar-logo-bayer {display: block;}
}