html {
  font-family: sans-serif;
}
body {
  font-family: 'Open Sans', sans-serif;
  font-size:12px
}
.text-center { text-align:center !important; }
.large-text { font-size:16px !important; }
.padleft0 { padding-left:0 !important; }
.martop10 { margin-top:10px !important; }
.martop5 { margin-top:5px !important; }

.forgotp { font-style:italic !important; color:#666 !important; }
.homeicon a { font-size:17px; font-weight:bold }
.radio label, .checkbox label { padding-left:0 !important; }

.priceperson { color:#8B8B8B; }
.priceblock { color:#333 !important; font-size:16px !important; }
/* login */

.logintop { margin-top: 100px; }
.greylogin { border: 1px solid #ccc; padding:20px 40px 40px 40px; margin-top: 40px; -moz-border-radius: 15px; border-radius: 15px; background-color:#f2f2f2 }
.marbot10 { margin-bottom: 10px }
.marbot30 { margin-bottom: 30px }

.bantext {
    background: rgba(0,0,0,0.6);
    color: #FFF;
    padding: 6px 15px;
    width: 40%;
    font-size: 20px !important;
	margin-top: 100px;
	 -moz-border-radius: 15px; border-radius: 15px;
}
.bantext2 {
    background: rgba(0,0,0,0.6);
    color: #FFF;
    padding: 6px 15px;
    width: 60%;
    font-size: 20px !important;
	margin-top: 100px;
	 -moz-border-radius: 15px; border-radius: 15px;
}
 tr.clickablerow { cursor: pointer; } 

/* */

/* order form */

.headerbord { padding-bottom:20px; border-bottom: 5px solid #ECECEC; clear:both; margin-top: 20px }

.sofoodbanner1 { background:#ffffff url(/images/sofood1.jpg) top left no-repeat; height: 200px; -moz-border-radius: 15px; border-radius: 15px; }
.sofoodbanner2 { background:#ffffff url(/images/sofood3.jpg) top left no-repeat; height: 200px; -moz-border-radius: 15px; border-radius: 15px; } 
.sofoodbanner3 { background:#ffffff url(/images/sofood3.jpg) top left no-repeat; height: 200px; -moz-border-radius: 15px; border-radius: 15px; } 
.sofoodbanner4 { background:#ffffff url(/images/sofood4.jpg) top left no-repeat; height: 200px; -moz-border-radius: 15px; border-radius: 15px; } 
.compdet { border: 1px solid #ccc; padding:20px 40px 10px 40px; margin-top: 20px; -moz-border-radius: 15px; border-radius: 15px; min-height:100px }

.padleft0 { padding-left: 0 !important }
.padright0 { padding-right: 0 !important }
#main { min-height:400px; clear:both; margin-top: 20px }

#main a { color:#D7E045 }
#main a:hover { color:#666666; text-decoration:none }
#main p { font-size:12px }
#main h1 { margin-bottom: 20px; font-size: 30px }
#main h2 { font-size: 24px }
#main h4 { font-weight:700; font-size: 16px }
.itemfont { font-size:12px; font-weight:bold }
.totalnet, .perperson { font-size: 15px !important; text-align:right }
.totalinc { font-size: 18px !important; text-align:right  }

.homeicon p { font-size:20px !important; font-weight:300; color: #666 }

.martop10 { margin-top: 10px }
.red { color:#e72102 }
.green { color:#DBE449 }
.dkgreen { color:#AFBE09 }

.footerbord { border-top: 5px solid #ECECEC; padding: 10px}
.footerbord p { font-size:13px;  }
.greyfoot { color: #999999 }
 .mar10 { margin: 10px }

.btn-primary {
    color: #fff;
    background-color: #D8E245 !important;
    border-color: #AEBD0A !important;
	background-image: linear-gradient(to bottom,#AEBD0A 0,#D8E245 100%) !important;
}

.btn-primary:hover {
    color: #fff;
    background-color: #D8E245 !important;
    border-color: #AEBD0A !important;
	background-image: linear-gradient(to bottom,#AEBD0A 0,#D8E245 100%) !important;
}

.checkbox label:after, 
.radio label:after {
    content: '';
    display: table;
    clear: both;
}

.checkbox .cr,
.radio .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .5em;
}

.radio .cr {
    border-radius: 50%;
}

.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 50%;
    left: 20%;
}

.radio .cr .cr-icon {
    margin-left: 0.04em;
}

.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
    display: none;
}

.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 0;
    transition: all .3s ease-in;
}

.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
}

.checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr {
    opacity: .5;
}
.desctext {font-size:16px; font-weight: 600;}
.modal-header{background-color: #B3D357;}
.modal-footer{background-color: #B3D357;}
.greyborder {
    border: 1px solid #E1E1E1;
    padding: 20px 10px 10px 10px;
    margin: auto;
    min-height: 160px;
	-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px; /* future proofing */
background-color:#fafafa;
margin-bottom: 10px
}
.orderdet th, tr, td { padding:8px !important  }

.height {
    min-height: 200px;
}

.table > tbody > tr > .emptyrow {
    border-top: none;
}

.table > thead > tr > .emptyrow {
    border-bottom: none;
}

.table > tbody > tr > .highrow {
    border-top: #B8B8B8 3px solid;
}

.checkbox { margin:0 !important; }

#divLoading {
    display : none;
}
#divLoading.show {
    display : block;
    position : fixed;
    z-index: 100;
    background-image : url('/images/loading-gif.gif');
    background-color:#666;
    opacity : 0.6;
    background-repeat : no-repeat;
    background-position : center;
    left : 0;
    bottom : 0;
    right : 0;
    top : 0;
}
#loadinggif.show {
    left : 50%;
    top : 50%;
    position : absolute;
    z-index : 101;
    width : 32px;
    height : 32px;
    margin-left : -16px;
    margin-top : -16px;
}
.tooltip_templates { display:none; }

.homenewsbox { background-color:#fafafa; border:1px solid #E1E1E1; padding:15px; border-radius:15px; }
.homenewsbox p, .homenewsbox a { font-size:14px !important; }
.homenewsbox a{ color:#AEBD0A !important; font-weight:bold}