/* top bar - overridden in each application's appcustom.css */
/*.navbar-default {
  background-color: #428bca; *//*#00688b;*/    /* green: #3c763d *//* blue: #428bca *//*
  border-color: #29d;                        *//* green: #2b542c *//* #29d *//*
}*/
/* top bar brand */
.navbar-default .navbar-brand {
    color: #FFFFFF;/*#777;*/
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #cccccc;/*#777;*/
}
/* top bar links */
.navbar-default .navbar-nav > li > a {
    color: #ffffff; /*#777;*/
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #cccccc;/*#333;*/
}

/*
.active { font-size:160%; }
.selected { background-color: #ccccff; }
.hoverTable tr:hover { background-color: #cccccc; }
table tr td a {
  display:block;
  height:100%;
  width:100%;
}
table tr td {
  padding-left:0;
  padding-right:0;
}
*/

/*
 * Base structure
 */

/* Move down content because we have a fixed navbar that is 50px tall */
body {
  padding-top: 50px;
}
.starter-template {
  padding: 40px 15px;
  text-align: center;
}

/*
 * Global add-ons
 */

.sub-header {
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}

/*
 * Top navigation
 * Hide default border to remove 1px line.
 */
.navbar-fixed-top {
  border: 0;
}

/*
 * Sidebar
 */

/* Hide for mobile, show later */
.sidebar {
  display: none;
}
@media (min-width: 768px) {
  .sidebar {
    position: fixed;
    top: 51px;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: block;
    padding: 20px;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    background-color: #f5f5f5;
    border-right: 1px solid #eee;
  }
  .sidebar .footer {
    position: absolute;
    bottom: 15px;
  }
}

/* Sidebar navigation */
.nav-sidebar {
  margin-right: -21px; /* 20px padding + 1px border */
  margin-bottom: 20px;
  margin-left: -20px;
}
.nav-sidebar > li > a {
  padding-right: 20px;
  padding-left: 20px;
}
/* overridden in each application's appcustom.css
.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {
  color: #fff;
  background-color: #428bca;
}
*/
div.statusbar {
  position:fixed;
  top:50px; /* hangs below top bar */
  z-index:1010; /* above sidebar */
  width:100%;
  background-color:#fff242;
  color:#000000;
}
div.alertbar {
  position:fixed;
  top:50px; /* hangs below top bar */
  z-index:1010; /* above sidebar */
  width:100%;
  background-color:#ff8080;
  color:#ffffff;
}
/*
 * Main content
 */

.main {
  padding: 20px;
}
@media (min-width: 768px) {
  .main {
    padding-right: 40px;
    padding-left: 40px;
  }
}
.main .page-header {
  margin-top: 0;
}


/*
 * Placeholder dashboard ideas
 */

.placeholders {
  margin-bottom: 30px;
  text-align: center;
}
.placeholders h4 {
  margin-bottom: 0;
}
.placeholder {
  margin-bottom: 20px;
}
.placeholder img {
  display: inline-block;
  border-radius: 50%;
}

/* jragusa: added from bootstrap docs for using center-block (not used) */
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/* jragusa: added per angular-ui suggestion (replaces need for empty href attribute) */
.nav, .pagination, .carousel, .panel-title a { cursor: pointer; }
/* jragusa: added so tr clicks and others with ng-click get hand */
[ng-click],
[data-ng-click],
[x-ng-click] {
    cursor: pointer;
}
/* jragusa: added for form validation UI cues *//* - use Bootstrap classes instead
.css-form input.ng-invalid.ng-touched {
    background-color: #FA787E;
}
.css-form input.ng-valid.ng-touched {
    background-color: #78FA89;
}*/

/*
 * jragusa: workaround for temporary broken modal backdrop (bootstrap 3.3.1)
 * https://github.com/angular-ui/bootstrap/pull/3117
 */
/*html {
  height: 100%;
}
body {
  min-height: 100%;
}
.modal-backdrop {
  bottom: 0;
}*/

/* background-color: @ brand-info; */
.mylist-item-selection {
  background-color: #cccccc; /*#5bc0de; /* TODO: use @ as above*/
}

/* remove bold on checkbox labels */
.checkboxlabel {
	font-weight: normal !important;
}
/*label input[type=checkbox] {
	font-weight: normal !important;
}*/

/* boostrap button css: https://bootstrapbay.com/blog/bootstrap-button-styles */
/*
 * jragusa: styled file input (i.e. for video upload)
 */
.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}
/***************************************************/
/* scheduling editing (admin) and viewing (staff)  */
/***************************************************/
/* run through http://autoprefixer.github.io/ */
/*   display:flex;         */
/*   flex-flow:row nowrap; */
/*   align-items:stretch;  */
.cm-gridrow {
   display:-webkit-box;
   display:-webkit-flex;
   display:-ms-flexbox;
   display:flex;
   -webkit-flex-flow:row nowrap;
       -ms-flex-flow:row nowrap;
           flex-flow:row nowrap;
   -webkit-box-align:stretch;
   -webkit-align-items:stretch;
       -ms-flex-align:stretch;
           align-items:stretch;
}
/* run through http://autoprefixer.github.io/ */
/*   flex:0 1 auto; */
.cm-griditem {
   -webkit-box-flex:0;
   -webkit-flex:0 1 auto;
       -ms-flex:0 1 auto;
           flex:0 1 auto;
   border-style:none solid solid none;  /* leave off top & left borders for all but first row & column */
   border-width:1px;
   border-color:#ccc;
   padding:5px;
}
.cm-griditem.cm-gridheader {
   font-weight: bold;
   color: #666;
}
.cm-griditem.cm-8 {
   width:12.5%;
}
.cm-griditem.cm-7 {
   width:14.2%;
}
.cm-griditem:first-child {
   border-left-style: solid;
}
.cm-gridrow:first-child .cm-griditem {
   border-top-style: solid;
}
/* run through http://autoprefixer.github.io/ */
/*   display:flex;                   */
/*   flex-flow:column nowrap;        */
/*   justify-content: space-between; */
.cm-gridcol {
   display:-webkit-box;
   display:-webkit-flex;
   display:-ms-flexbox;
   display:flex;
   -webkit-flex-flow:column nowrap;
       -ms-flex-flow:column nowrap;
           flex-flow:column nowrap;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
       -ms-flex-pack: justify;
           justify-content: space-between;
}
.cm-gridcol2 {		/* used for vertical myshifts on mobile, drill dialog */
   display:-webkit-box;
   display:-webkit-flex;
   display:-ms-flexbox;
   display:flex;
   -webkit-flex-flow:column nowrap;
       -ms-flex-flow:column nowrap;
           flex-flow:column nowrap;   
}
.cm-gridcol2:first-child .cm-griditem {
   border-left-style: solid;
}
.cm-gridcol2:first-child .cm-griditem:first-child {
   border-top-style: solid;
}
div.drag-over {		/* used by drap and drop package */
	background-color: #eee;
}

div.cm-shiftcell .cm-shiftadd button {
	visibility:hidden;
	width:100%;
	color:#FFF;
}
div.cm-shiftfooter .cm-shiftdivider {
	visibility:visible;
	display: inline-block; /* for centering */
	height: 1em;
	width: 40%;
	border-bottom: 1px solid #ccc;
}
div.cm-shiftcell:hover .cm-shiftadd button, 
div.cm-shiftcell:focus .cm-shiftadd button { /* hover reqs onclick on div (for iOS)!, focus (for MSFT) */
	visibility:visible;
}
div.cm-editable:hover {
    background-color: #eaeaea;
    border-radius: 15px;
    border: 1px solid #ccc;
    margin: -1px;
}
div.cm-draggable:hover {
    cursor: move;	/* change to grabber for drag and drop (move vs pointer) */
}
div.cm-unposted {
	color: #428bca;
}
div.cm-alerts {		/* alerts overrides unposted */
	color: #d9534f;
}
div.cm-label {
	padding-left:5px;
}
div.cm-editable:hover .cm-shiftfooter .cm-shiftdivider {
	visibility:hidden;
}
div.hovertint:hover {
    background-color: #eaeaea;
    border-radius: 15px;
}
div.cm-greyback {
	background-color: #cccccc;
}
div.cm-ellipse {
	overflow-x:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
span.indentfifteen {
	margin-left:15px;
}
span.sw-labelasbadge {
	border-radius: 1em;
}
noop {
}
div.loader {
	position:fixed;
	z-index:1500;
	top:25%;
	left:0; right:0;
	margin-left:auto; margin-right:auto;
	width:100px; height:100px;
}
body.wait, body.wait *{
	cursor: wait !important;   
}
/*********************************/