html, body {height: 100%; font-family: 'Raleway', sans-serif;}
.wrapper, .row {height: 100%; margin-left:0; margin-right:0;}
.wrapper:before, .wrapper:after, .column:before, .column:after {content: ""; display: table;}
.wrapper:after, .column:after{clear: both;}
::-webkit-scrollbar{display: none;}
body {overflow: hidden; color: #fff; overflow-y: auto;}
#main {position: relative; height: 100%; padding: 50px 10px 0 10px;}
.main-div-container{margin-bottom: 300px;}
/*header and wrapper layout settings end*/


/*navbar top*/
.header{background-color: #efefef; color: #000; box-shadow: 0 3px 11px #333;}
.header{padding: 6px 0 1px 0;     } 
.header .logo a:first-child img{width: 180px;}
.header .logo a:nth-child(2) img{width: 95px;}
.header .col-md-4 select{background-color: #2b3c46; color: #fff; font-size: 13px; font-weight: 700; padding: 0 7px;}
.header .col-md-4 select:focus{border-color: #2b3c46;}
.header .col-md-4 select option{background-color: #fff; color: #000;}
.header .col-md-4 div:nth-child(1){padding-bottom: 5px;}
/*navbar top*/


/*wrapper*/
.table-condensed{color: #48555e;}
.wrapper .titlebar{background-color: #2b3c46; color: #fff; font-weight: bold; border-radius: 7px 7px 0 0; padding: 9px 8px;}
.wrapper .titlside .fa{font-size: 20px; color: #fff; padding-top: 2px;}
.wrapper .titlside a{color: #fff;}
.wrapper .titlside a:hover{text-decoration: none; cursor: pointer;}
.wrapper .titlebar h1{font-size: 21px; font-weight: 700; margin: 0;}
.wrapper .datebar{background-color: #48555e; padding: 9px 0px; font-size: 18px;}
.wrapper .datebar .datebar-date{padding-top: 2px;}
.wrapper .datebar-select div{width: 40%;}

.wrapper .mealgrouptabbar{background-color: #fff; padding: 20px 0 5px 0;}
.wrapper .mealgrouptabbar ul li{width: 33%;}
.wrapper .mealgrouptabbar ul li a{color:#48555D;}
.wrapper .mealgrouptabbar ul li a:hover{text-decoration: none;}


.wrapper .mealgrouptabbar ul li a label{color: #48555e;  font-size: 1.2em;  font-weight: 700;  display: block;}
.wrapper .mealgrouptabbar ul li a label:hover{cursor: pointer;}


.wrapper .mealgrouptabbar ul li a i.fa{font-size: 30px;}
.wrapper .mealgrouptabbar ul li a i.fa:hover{cursor: pointer;}
.wrapper .mealgrouptabbar ul li.active label{color: #35b838;}
.wrapper .mealgrouptabbar ul li.active i{color: #35b838;}

.wrapper .nutrition-all{background-color: #f5f5f5; color: #000; border-top: 0.11em dotted #48555e;}
.wrapper .nutrition-all table{margin-bottom: 0;}
.wrapper .nutrition-all table tr td{width: 43px; max-width: 43px; font-size: 0.89em; padding-top: 170px; font-weight: 700; padding-left: 6px;
left: 15px !important; position: relative; border: 1px solid #ccc;}
.wrapper .nutrition-all table tr th{vertical-align: middle; font-size: 1.8em; color: #2b3c46; padding-top: 58px;}
.wrapper .nutrition-all table tr th span{border-bottom: 2px dashed #2b3c46; display: block;}


.wrapper .menu-item .menubar{background-color: #2b3c46; padding: 8px 0 8px 0;}
.wrapper .menu-item .menubar th{color: #fff; border-color: #2b3c46;}
.wrapper .menu-item table{background-color: #fff; color: #000;}
.wrapper .menu-item  input[type="checkbox"] {display: none;}
.wrapper .menu-item  label {cursor: pointer;} .wrapper .menu-item  table tbody tr.get_click_row{cursor: pointer;}
.wrapper .menu-item  input[type="checkbox"] + label:before { border: 2px solid #48555e; content: "\00a0"; display: inline-block; font: 17px/1em sans-serif; height: 20px; margin: 0 .25em 0 0; padding: 0; vertical-align: top; width: 20px; border-radius: 3px;}
.wrapper .menu-item  input[type="checkbox"]:checked + label:before { background: #48555e; color: #fff; content: "\2714"; text-align: center; border-color: #2f383e;}
.wrapper .menu-item table tr td, .wrapper .menu-item table tr th{vertical-align: middle;}
.wrapper .menu-item .get_click_row th{padding-top: 20px; padding-bottom: 18px;}
.wrapper .menu-item img{width: 100px; height:70px; border-radius:17px; padding-top: 5px;}
.wrapper .menu-item table tr td{width: 43px; text-align: center; font-weight: 700; max-width: 43px; font-size: 0.85em; padding-left: 1px; padding-right: 1px;}
.wrapper .menu-item  table tr td:nth-child(odd){background-color: #fff; color: #000; border-color: #48555e;}
.wrapper .menu-item  table tr td:nth-child(even){background-color: #48555e; color: #fff;}
.wrapper .menu-item table tr:first-child td, .wrapper .menu-item table tr:first-child th{border-top: none;}
.wrapper .menu-item table tr:last-child td, .wrapper .menu-item table tr:last-child th{border-bottom: 2px solid; box-shadow: 0 5px 11px #333;}
.wrapper .menu-item .main-table{padding: 0;}

.wrapper .item-total-print{background-color: #fff;}
.wrapper .item-total-print .print-table{padding-top: 20px;}
.wrapper .item-total-print tr th{height: 50px; vertical-align: middle; color: #000; border: 1px solid #c5b4b4;}
.wrapper .item-total-print tr td{text-align: center; font-weight: 700; width: 43px; border: 1px solid #c5b4b4; height: 50px; max-width: 43px; vertical-align: middle;
    color: #000; font-size: 0.8em; padding-left: 1px; padding-right: 1px;}
/*wrapper*/


/*footer*/
.footer {box-shadow: 5px 17px 35px 11px #333;}
.footer .footer-row-one{background-color: #ded8d8; color: #000;}
.footer .footer-row-two{background-color: #fff; color: #000;}
.footer .footer-row-one table{margin-bottom: 0;}
.footer .footer-row-one table tr td{text-align: center; font-weight: 700; width: 43px; border: 1px solid #c5b4b4; height: 50px; max-width: 43px;
vertical-align: middle; color: #1b2931; font-size: 0.8em;}

.footer .footer-row-one table tr td:nth-child(odd){background-color: ;}
.footer .footer-row-one table tr td:nth-child(even){background-color: #e7e3e2;}
.footer .footer-row-one table tr th{height: 50px; vertical-align: middle;}
.footer .footer-row-one table tr th .glyphicon{font-size:1.5em; padding-left: 10px;}
.footer .footer-row-one table tr th .glyphicon:hover{cursor: pointer;}
.footer .footer-row-one table tr th span.total{font-size:1.7em; padding-left: 30px;}
.footer .footer-row-one table tr th span{color: #1b2931;}

.footer .footer-row-two{background-color: #f2f0ef;}
.footer .main-md{margin-left: 5px;}

.footer .footer-row-two table tr td:nth-child(even){background-color: #e7e3e2;}
.footer .footer-row-two table tr td{width: 43px; text-align: center; border: 1px solid #c5b4b4; /*height: 200px;*/ padding-top: 180px; color: #1b2931; padding-left: 19px; max-width: 43px;}
.footer .footer-row-two table{margin-bottom: 0;}	

img.breakfast-icon, img.lunch-icon, img.supper-icon{width: 45px; height: 40px; margin-top: -10px; display: inline-block;}

.rotate {
  /* FF3.5+ */
  -moz-transform: rotate(-90.0deg);
  /* Opera 10.5 */
  -o-transform: rotate(-90.0deg);
  /* Saf3.1+, Chrome */
  -webkit-transform: rotate(-90.0deg);
  /* IE6,IE7 */
  filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0.083);
  /* IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)";
  /* Standard */
  transform: rotate(-90.0deg);
  white-space: nowrap;
  width: 0;
}
/*footer*/

/*Print*/
.print-area img.print-logo{width: 300px; margin: 0 auto;}
.print-area .sch_name{text-align: left;}
.print-area .print-date{text-align: right;}
.print-area{display: none;}
.item-total-print{display: none;}
/*Print*/

/*media query*/

@media screen and (max-width: 1199px){
	/*body div {background-color: yellow;}*/
	.wrapper .menu-item .dish-check{bottom: 3px;}
}

@media screen and (max-width: 991px){
	/*body div {background-color: yellow;}*/
	.wrapper .datebar-select div{width: 44%; right: 73px;}
	.wrapper .mealgrouptabbar ul li{width: 32%;}
	.wrapper .mealgrouptabbar ul li a i.fa{font-size: 25px;}
	.wrapper .mealgrouptabbar ul li a label{font-size: 1em;}
	.wrapper .mealgrouptabbar{padding: 20px 0 15px 0;}
	.wrapper .menu-item .dish-check{bottom: 15px;}
	
	.wrapper .menu-item table tr td{font-size: 0.8em;}
	.wrapper .menu-item .dish-title{font-size: 0.82em;  padding-left: 7px; padding-top: 5px;}
	.wrapper .menu-item  input[type="checkbox"] + label:before{height: 15px; width: 15px; font: 12px/1em sans-serif;}
	.wrapper .menu-item table tr td{width: 32px;}
	.wrapper .menu-item .menubar th{font-size: 0.9em;}
	.wrapper .menu-item img{display: none;}
	.wrapper .menu-item label{display: inline; left: -8px !important; position: relative;}

	.footer .footer-row-one table tr td{font-size: 0.8em;}
	.footer .footer-row-one table tr th span.total{font-size: 1em; display: inline-table;}
	.footer .footer-row-one table tr th .glyphicon{font-size: 1em; padding-left: 0px;}
	.footer .footer-row-one table tr td{width: 31px;}
	.footer .footer-row-two table tr td{width: 32px; font-size: 0.85em;}
	.footer .footer-row-one table.table-table{margin-left: 6px;}
}



@media screen and (max-width: 767px){
	/* body div {background-color: yellow;} */
	#main {padding-top: 75px;}
	.wrapper .datebar-select div{width: 100%; right: 0;}
	.wrapper .datebar-date{padding-bottom: 5px;}
	.wrapper .datebar{padding-top: 5px;}
	.wrapper .menu-item .dish-check{bottom: -6px;}
}


@media screen and (max-width: 766px){
	/* body{background-color: red;} */
	.header .col-md-4 div{float: none !important;} .header .logo a:first-child img{margin: 0 auto;} .header .logo p{text-align: center;}
	.header .col-md-4 select{width: 50%; margin: 0 auto;} .header .col-md-4 div:nth-child(2){text-align: center;} #main {padding-top: 110px;}
    .wrapper .titlebar{padding: 5px 5px;} .wrapper .titlebar h1{font-size: 19px; padding-top: 1px;} .wrapper .titlside a{font-size: 1em;}
    .wrapper .titlside .fa{font-size: 17px;}
}

@media screen and (max-width: 532px){
	/*body{background-color: yellow;}*/
	.wrapper .titlebar h1{font-size: 16px;} .wrapper .titlside .fa{font-size: 15px;} .wrapper .titlside a{font-size: 0.95em;}
	.wrapper .mealgrouptabbar{padding-bottom: 1px;}
}

@media screen and (max-width: 511px){
	/*body{background-color: orange;}*/
	.wrapper .titlside .fa{font-size: 14px;} .wrapper .titlebar h1{font-size: 15px;} .wrapper .titlside a{font-size: 0.86em;}
}

@media screen and (max-width: 488px){
	/*body{background-color: green;}*/
	.wrapper .titlside .fa{font-size: 12px;} .wrapper .titlside a{font-size: 0.82em;} .wrapper .titlebar h1{font-size: 13px; padding-top: 3px;}
}

@media screen and (max-width: 469px){
	/*body{background-color: blue;}*/
	.wrapper .titlside a{font-size: 0.73em;}
}

@media screen and (max-width: 451px){
	/*body{background-color: grey;}*/
	.wrapper .titlside a{font-size: 0.73em;}
	.wrapper .titlside .icon-span{display: none;}
	.wrapper .titlside .fa{font-size: 13px;}
	.wrapper .datebar .datebar-date{padding-top: 0;}
}

@media print {
@page { size: auto;  margin: 0mm; margin-top: 10px;}
.noPrint{display:none !important;}
.yesPrint{display:block !important;}
}