/* Move down content because we have a fixed navbar that is 50px tall */
body {padding-top:50px;padding-bottom:20px;}
/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {padding-left:15px;padding-right:15px;}
/* Set widths on the form inputs since otherwise they're 100% wide */
input,select,textarea {max-width: 280px;}
/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron{padding-top:30px;padding-bottom:30px;margin-bottom:30px;color:#fff;background-color:#2fa4e7; border:groove 1px solid}
    .body-content {padding: 0;}
}
.jumbotron h4{
    color: #fff;
}
canvas { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; }
.smchkbox {font-size:10px;font-weight:bolder}
.reqFields{color:#b94a48;font-size:12px}
.thead{background-color:#2fa4e7;font-weight:bold;font-size:14px;color:#ffffff}
.center {text-align:center}
.centercontent80 {margin:auto;width:80%}
.centercontent90 {margin:auto;width:90%}
.mbllc-text-danger{color:#b94a48; font-size:14px;font-weight:bold}
.uds{float:right;height:30px;padding:15px 15px;font-size:15px;line-height:20px;color:#fff}
/*To control the height of Nav bar on the Top - Start*/
.navbar-brand{float:left;height:50px;padding:5px 5px;font-size:18px;line-height:20px}
.navbar-nav > li > a {padding-top:15px !important; padding-bottom:15px !important;}
.navbar {min-height:32px !important}
/*To control the height of Nav bar on the Top - END*/
fieldset.scheduler-border {border:1px groove #2fa4e7 !important;padding:0 1.4em 1.4em 1.4em !important;margin:0 0 1.5em 0 !important;-webkit-box-shadow:0px 0px 0px 0px #000;box-shadow:0px 0px 0px 0px #000;}
legend.scheduler-border {width:inherit; /* Or auto */padding:0 10px; /* To give a bit of padding on the left and right */border-bottom:none;}
.head-img{width:150px;height:42px;float:left}
.head-img1{width:140px;height:42px;float:left}
.right{float:right;}
.label-big{font-size:12px}
/*Datatables styling*/
table.dataTable span.highlight {font-weight:bold;background-color:#2c3e50}
#ReportTable_filter input {color: black}
#ReportTable_processing {position:absolute;width:100px;height:100px;margin-left:-50px;margin-top:0;border:1px solid #2fa4e7;text-align:center;
    font-size:0px;background:url('../Content/Img/ajax-loader.gif') no-repeat center right;}
#bakeryReport_filter input {color: black}
#bakeryReport_processing {position:absolute;width:100px;height:100px;margin-left:-50px;margin-top:0;border:1px solid #2fa4e7;text-align:center;
    font-size:0px;background:url('../Content/Img/ajax-loader.gif') no-repeat center right;}
#hrfSearch_filter input {color: black}
#hrfSearch_processing {position:absolute;width:180px;height:180px;margin-left:-50px;margin-top:0;border:1px solid #2fa4e7;text-align:center;
    font-size:0px;background:url('../Content/Img/hourglass.gif') no-repeat center right;}
.loading {position:absolute;width:100px;height:100px;margin-left:300px;margin-top:0;border:1px solid #2fa4e7;text-align:center;
    font-size:0px;background:url('../Content/Img/ajax-loader.gif') no-repeat center right;}
/* Sticky footer styles - START--- */
.stickyFooter {position:fixed;bottom:0px;width:100%;overflow:visible;z-index:99;padding-top:5px;padding-bottom:3px;background:white;border-top:solid white 2px;background-color:#2fa4e7;
               -webkit-box-shadow:0px -5px 15px 0px #bfbfbf;box-shadow:0px -5px 15px 0px #bfbfbf;height:34px;}
/* Sticky footer styles - END*/
.pt20{padding-top:20px}
.pt30{padding-top:30px}
.pt50{padding-top:50px}
.pt75{padding-top:75px}
.pt100{padding-top:100px}
.pb15{padding-bottom:15px}
.pb50{padding-bottom:50px}
.pb75{padding-bottom:75px}
.pb100{padding-bottom:100px}
.fs12bcr{font-size:12px;font-weight:bold;color:#2fa4e7}
.fwb{font-weight:bold}
.red{color:red}
.wt{color:white}
.tal{text-align:left}
.tar{text-align:right}
.tdlt{text-decoration:line-through}
.t12b{font-size:12px;font-weight:bold}
.t12{font-size:12px}
.t10{font-size:10px}
.t10b{font-size:10px;font-weight:bold}
.t11{font-size:11px}
.t11b{font-size:11px;font-weight:bold}
.h300{height:300px}
.h20{height:20px}
.pbt10{padding-bottom:10px;padding-top:10px}
.w80pct {width: 80%}
.w40pct {width: 40%}
.tdu{text-decoration:underline}
.graybg{background-color:#bfbfbf}
.redfont{color:orangered}
.wfont{color:#fff !important}
.prntblhead{text-align:left;font-size:12px;font-weight:bold}
.talfs14fwb{text-align:left;font-size:14px;font-weight:bold}
.prnTbl{margin-bottom:10px;width:99%;border:1px solid black}
.prnTblW{margin-bottom:10px;width:99%;border:1px solid white}
.prnTbl99{margin-bottom:10px;width:99%;border:1px solid black}
.dn{display:none}
.e1rLbl {font-size:12px;font-weight:bolder}
.yesNoSm {font-size:12px;font-weight:bolder}
/* Next Prev Buttons for TABS - Start*/
a.mover{ background:#2fa4e7;padding:6px 12px; position:absolute;color:white;font-weight:bold;text-decoration:none;}
.next-tab{ bottom:0;right:0;-moz-border-radius-topleft:10px;-webkit-border-top-left-radius:10px; }
.prev-tab{ bottom:0;left:0;-moz-border-radius-topright:10px;-webkit-border-top-right-radius:10px;}
/* Next Prev Buttons for TABS - END*/

/*Tabs content panel - START*/
.ui-tabs .ui-widget-content{height:200px}
/*.ui-tabs #tabs-e1roles {height:100%}*/
/*Tabs content panel  - END*/

/*Center CheckBox List - START*/
.centerchk input {margin-left:-50px}
.centerchktd {padding-left: 50px}
/*Center CheckBox List - End*/

/* the following element ".ui-autocomplete" is for displaying the scrollbars for autocomplete*/
.ui-autocomplete {max-height:300px;overflow-y:auto;
    /* prevent horizontal scrollbar */
    overflow-x:hidden;}
  /* IE 6 doesn't support max-height * we use height instead, but this forces the menu to always be this tall */
  * html .ui-autocomplete {height:300px;}
/*Submenus-START.Submenus just don't have much of a place on the web right now, especially the mobile web. They will be removed with 3.0"
    But, with a little extra CSS you can get the same functionality.
*/
.navbar-nav li:hover > ul.dropdown-menu {display:block;}
.dropdown-submenu {position:relative;}
.dropdown-submenu>.dropdown-menu {top:0;left:100%;margin-top:-6px;}
/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {text-decoration: underline;transform: rotate(-90deg);} 
.caret-right {border-bottom:4px solid transparent;margin-left:5px;border-top:4px solid transparent;border-left:6px solid;display: inline-block;}
/*Submenus - End*/