/*app specific css to go here*/

/*
 * Base structure
 */

/*
 * Typography
 */

/*
 * Sidebar
 */

.sidebar {
  position: fixed;
  top: 51px;
  bottom: 0;
  left: 0;
  z-index: 1000;
  padding: 20px;
  overflow-x: hidden;
  overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
  border-right: 1px solid #eee;
}

/* Sidebar navigation */
.sidebar {
  padding-left: 0;
  padding-right: 0;
}

.sidebar .nav {
  margin-bottom: 20px;
}

.sidebar .nav-item {
  width: 100%;
}

.sidebar .nav-item + .nav-item {
  margin-left: 0;
}

.sidebar .nav-link {
  border-radius: 0;
}

.bg-inverse {
  border-top: 3px solid #f09c0c;
  margin-top: 3px;
  box-shadow: 0 -3px 3px #48A4FF;
  background-color: #FFF !important;
  color: #0020c2;
}

/*
 * Dashboard
 */

 /* Placeholders */
.placeholders {
  padding-bottom: 3rem;
}

.placeholder img {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.navbar-brand img {
  width: 140%;
}

.vertical-center {
  display: flex;
  align-items: center;
}

.card-header {
  border-bottom: 3px solid #f09c0c;
}

.card-footer {
  background-color: #48A4FF;
  color: white;
}

.org-icons .fa {
  color: #FF5722;
}

.navbar-inverse .navbar-nav .nav-link {
  color: #0020c2 !important;
}

.navbar-inverse .navbar-nav .nav-link:focus, .navbar-inverse .navbar-nav .nav-link:hover {
  color: #48A4FF !important;
}

.login-jumbo {
  margin-top: 20px;
}

.badge-flash {
	padding: 5px;
	transform: rotate(-33deg);
	position: absolute;
	left: -4px;
	overflow: overlay;
	top: 8px;
	box-shadow: gray 1px 2px 2px;
}

/*fixed alert at top of page*/
/*comment in or out in alert-fade.blade as required*/
.alert-fixed {
    position:fixed; 
    top: 0px; 
    left: 0px; 
    width: 100%;
    z-index:9999; 
    border-radius:0px
}

/*colours*/
/* Palette generated by Material Palette - materialpalette.com/blue/deep-orange */
.dark-primary-color		{ background: #1976D2; }
.default-primary-color	{ background: #2196F3; }
.light-primary-color	{ background: #BBDEFB; }
.text-primary-color		{ color: #FFFFFF; }
.accent-color			{ background: #FF5722; }
.primary-text-color		{ color: #212121; }
.secondary-text-color	{ color: #757575; }
.divider-color			{ border-color: #BDBDBD; }
.chili-red				{ background: #C11B17; }
.wsave-darkblue			{ color: #0020c2; }
.wsave-purple			{ color: #3a2eff; }
.wsave-lightblue		{ background: #48A4FF; }
.wsave-orange			{ color: #f09c0c; }

#row1 {
  border-bottom: 1px solid #a7a7a9;
  background-color: #f7f7f9;
}

/*FUNKY RADIO BUTTONS*/
/*https://bootsnipp.com/snippets/featured/funky-radio-buttons*/
/*at the moment this is only used for the Switch page*/
/*which could be seen as kind of overkill*/
/*but I'm off on holiday next week so don't want to start*/
/*anything too big - so this is a nice way to kill an hour or so*/
.funkyradio div {
  clear: both;
  overflow: hidden;
}

.funkyradio label {
  width: 100%;
  border-radius: 3px;
  border: 1px solid #D1D3D4;
  font-weight: normal;
}

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

.funkyradio input[type="radio"]:empty ~ label,
.funkyradio input[type="checkbox"]:empty ~ label {
  position: relative;
  line-height: 2.5em;
  text-indent: 3.25em;
  margin-top: 1em;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.funkyradio input[type="radio"]:empty ~ label:before,
.funkyradio input[type="checkbox"]:empty ~ label:before {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  content: '';
  width: 2.5em;
  background: #D1D3D4;
  border-radius: 3px 0 0 3px;
}

.funkyradio input[type="radio"]:hover:not(:checked) ~ label,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label {
  color: #888;
}

.funkyradio input[type="radio"]:hover:not(:checked) ~ label:before,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label:before {
  content: '\2714';
  text-indent: .9em;
  color: #C2C2C2;
}

.funkyradio input[type="radio"]:checked ~ label,
.funkyradio input[type="checkbox"]:checked ~ label {
  color: #777;
}

.funkyradio input[type="radio"]:checked ~ label:before,
.funkyradio input[type="checkbox"]:checked ~ label:before {
  content: '\2714';
  text-indent: .9em;
  color: #333;
  background-color: #ccc;
}

.funkyradio input[type="radio"]:focus ~ label:before,
.funkyradio input[type="checkbox"]:focus ~ label:before {
  box-shadow: 0 0 0 3px #999;
}

.funkyradio-default input[type="radio"]:checked ~ label:before,
.funkyradio-default input[type="checkbox"]:checked ~ label:before {
  color: #333;
  background-color: #ccc;
}

.funkyradio-primary input[type="radio"]:checked ~ label:before,
.funkyradio-primary input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #337ab7;
}

.funkyradio-success input[type="radio"]:checked ~ label:before,
.funkyradio-success input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #5cb85c;
}

.funkyradio-danger input[type="radio"]:checked ~ label:before,
.funkyradio-danger input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #d9534f;
}

.funkyradio-warning input[type="radio"]:checked ~ label:before,
.funkyradio-warning input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #f0ad4e;
}

.funkyradio-info input[type="radio"]:checked ~ label:before,
.funkyradio-info input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #5bc0de;
}