/* App customization */
body {
  font-family:'Segoe UI', sans-serif;
  padding-top:60px;
}

h1,h2,h3,h4,h5,h6 {
  font-family:'Segoe UI Light', sans-serif;
  color: #605ca8 !important;
}

main {
  margin-bottom:65px;
}

.footer {
  position: fixed;
  bottom: 0px;
  width: 100%;
  height: 60px;
  font-size:smaller;
  display:flex;
  align-items:center;
  z-index:1;
  background-color: #f5f5f5;
}

.footer > .container-fluid > span {
  line-height: 60px;
}

.footer form {
  display:inline;
}

.navbar-brand img {
  max-height:28px;
}

.title h2 {
  float:left;
}

.title .status {
  float:left;
  line-height:2.5rem;
}

.note-toolbar {
  background-color:#F2F2F2;
}

#frmFilter {
  padding:1em;
  box-shadow:0px 6px 12px rgba(0,0,0,0.175);
}

#frmFilter label {
  justify-content:left;
}

#frmFilter .form-control {
  width:100%;
}

.config-group {
  border:1px solid #F2F2F2;
  border-radius:0.25rem;
  margin-bottom:0.25rem;
  padding:1em;
}

/* Utilities */
.text-grey {
  color:#999999;
}

.text-light-grey {
  color:#BBBBBB;
}

.text-navy {
  color: #001f3f !important;
}
.text-teal {
  color: #39cccc !important;
}
.text-olive {
  color: #3d9970 !important;
}
.text-lime {
  color: #01ff70 !important;
}
.text-orange {
  color: #ff851b !important;
}
.text-fuchsia {
  color: #f012be !important;
}
.text-purple {
  color: #605ca8 !important;
}
.text-maroon {
  color: #d81b60 !important;
}

.bg-navy {
  background-color: #001f3f !important;
}
.bg-teal {
  background-color: #39cccc !important;
}
.bg-olive {
  background-color: #3d9970 !important;
}
.bg-lime {
  background-color: #01ff70 !important;
}
.bg-orange {
  background-color: #ff851b !important;
}
.bg-fuchsia {
  background-color: #f012be !important;
}
.bg-purple {
  background-color: #605ca8 !important;
}
.bg-maroon {
  background-color: #d81b60 !important;
}

.bg-navy-active {
  background-color: #001a35 !important;
}
.bg-teal-active {
  background-color: #30bbbb !important;
}
.bg-olive-active {
  background-color: #368763 !important;
}
.bg-lime-active {
  background-color: #00e765 !important;
}
.bg-orange-active {
  background-color: #ff7701 !important;
}
.bg-fuchsia-active {
  background-color: #db0ead !important;
}
.bg-purple-active {
  background-color: #555299 !important;
}
.bg-maroon-active {
  background-color: #ca195a !important;
}

.bg-eras-gradient {
  background-image: linear-gradient(to bottom right, #d99566, #8b8bcb) !important;
  /*
  background: -webkit-gradient(to bottom right, left bottom, left top, color-stop(0, #d99566), color-stop(1, #8b8bcb)) !important;
  background: -ms-linear-gradient(to bottom right, #d99566, #8b8bcb) ;
  background: -moz-linear-gradient(center bottom, #d99566 0%, #8b8bcb 100%) !important;
  background: -o-linear-gradient(#8b8bcb, #d99566) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8b8bcb', endColorstr='#d99566', GradientType=0) !important; */
  color: #fff;
}
.bg-teal-gradient {
  background: #39cccc !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #39cccc), color-stop(1, #7adddd)) !important;
  background: -ms-linear-gradient(bottom, #39cccc, #7adddd) !important;
  background: -moz-linear-gradient(center bottom, #39cccc 0%, #7adddd 100%) !important;
  background: -o-linear-gradient(#7adddd, #39cccc) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7adddd', endColorstr='#39cccc', GradientType=0) !important;
  color: #fff;
}
.bg-light-blue-gradient {
  background: #3c8dbc !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3c8dbc), color-stop(1, #67a8ce)) !important;
  background: -ms-linear-gradient(bottom, #3c8dbc, #67a8ce) !important;
  background: -moz-linear-gradient(center bottom, #3c8dbc 0%, #67a8ce 100%) !important;
  background: -o-linear-gradient(#67a8ce, #3c8dbc) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67a8ce', endColorstr='#3c8dbc', GradientType=0) !important;
  color: #fff;
}
.bg-blue-gradient {
  background: #0073b7 !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0073b7), color-stop(1, #0089db)) !important;
  background: -ms-linear-gradient(bottom, #0073b7, #0089db) !important;
  background: -moz-linear-gradient(center bottom, #0073b7 0%, #0089db 100%) !important;
  background: -o-linear-gradient(#0089db, #0073b7) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0089db', endColorstr='#0073b7', GradientType=0) !important;
  color: #fff;
}
.bg-aqua-gradient {
  background: #00c0ef !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00c0ef), color-stop(1, #14d1ff)) !important;
  background: -ms-linear-gradient(bottom, #00c0ef, #14d1ff) !important;
  background: -moz-linear-gradient(center bottom, #00c0ef 0%, #14d1ff 100%) !important;
  background: -o-linear-gradient(#14d1ff, #00c0ef) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#14d1ff', endColorstr='#00c0ef', GradientType=0) !important;
  color: #fff;
}
.bg-yellow-gradient {
  background: #f39c12 !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f39c12), color-stop(1, #f7bc60)) !important;
  background: -ms-linear-gradient(bottom, #f39c12, #f7bc60) !important;
  background: -moz-linear-gradient(center bottom, #f39c12 0%, #f7bc60 100%) !important;
  background: -o-linear-gradient(#f7bc60, #f39c12) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7bc60', endColorstr='#f39c12', GradientType=0) !important;
  color: #fff;
}
.bg-purple-gradient {
  background: #605ca8 !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #605ca8), color-stop(1, #9491c4)) !important;
  background: -ms-linear-gradient(bottom, #605ca8, #9491c4) !important;
  background: -moz-linear-gradient(center bottom, #605ca8 0%, #9491c4 100%) !important;
  background: -o-linear-gradient(#9491c4, #605ca8) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9491c4', endColorstr='#605ca8', GradientType=0) !important;
  color: #fff;
}
.bg-green-gradient {
  background: #00a65a !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00a65a), color-stop(1, #00ca6d)) !important;
  background: -ms-linear-gradient(bottom, #00a65a, #00ca6d) !important;
  background: -moz-linear-gradient(center bottom, #00a65a 0%, #00ca6d 100%) !important;
  background: -o-linear-gradient(#00ca6d, #00a65a) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ca6d', endColorstr='#00a65a', GradientType=0) !important;
  color: #fff;
}
.bg-red-gradient {
  background: #dd4b39 !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dd4b39), color-stop(1, #e47365)) !important;
  background: -ms-linear-gradient(bottom, #dd4b39, #e47365) !important;
  background: -moz-linear-gradient(center bottom, #dd4b39 0%, #e47365 100%) !important;
  background: -o-linear-gradient(#e47365, #dd4b39) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e47365', endColorstr='#dd4b39', GradientType=0) !important;
  color: #fff;
}
.bg-black-gradient {
  background: #111111 !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #111111), color-stop(1, #2b2b2b)) !important;
  background: -ms-linear-gradient(bottom, #111111, #2b2b2b) !important;
  background: -moz-linear-gradient(center bottom, #111111 0%, #2b2b2b 100%) !important;
  background: -o-linear-gradient(#2b2b2b, #111111) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b2b2b', endColorstr='#111111', GradientType=0) !important;
  color: #fff;
}
.bg-maroon-gradient {
  background: #d81b60 !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #d81b60), color-stop(1, #e73f7c)) !important;
  background: -ms-linear-gradient(bottom, #d81b60, #e73f7c) !important;
  background: -moz-linear-gradient(center bottom, #d81b60 0%, #e73f7c 100%) !important;
  background: -o-linear-gradient(#e73f7c, #d81b60) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e73f7c', endColorstr='#d81b60', GradientType=0) !important;
  color: #fff;
}

/* Login screen */
.bg-login {
  padding-top:0;
  background-color:#C297A1;
  background-image:url("images/bg.jpg");
  background-size:cover;
  background-repeat:no-repeat;
  background-attachment:fixed;
}

.login {
  width:320px;
  color:#FFFFFF;
  padding:1em;
  margin:1em auto;
  text-align:center;
  background-color:rgba(255, 255, 255, 0.3);
}

.login h1 img {
  padding:0.5em;
}

.login form {
  margin-top:3em;
  margin-bottom:1em;
}

.login footer {
  margin-top:2em;
  color:#FEFEFE;
  font-size:smaller;
}

.login .alert {
  background-color:transparent;
}

/* File upload */
input[type="file"] {
  display:none;
}

.file-upload {
  color:#FFFFFF;
  display:inline-block;
  cursor:pointer;
  padding:.375rem .75rem;
  line-height: 1.5;
  border-radius: .25rem;
}

.file-preview .row:nth-child(odd) { 
  background-color:#C6C6E0;
}

.file-preview .row:nth-child(even) { 
  background-color:#D8D8EA;
}

.file-preview {
  margin-bottom:1em;
  overflow-x:scroll;
}

.toggle {
  position:relative;
  display:inline-block;
  width:3.4em;
  height:1.75em;
}

.toggle input {
  opacity:0;
  width:0;
  height:0;
}

.slider {
  position:absolute;
  cursor:pointer;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-color:#ccc;
  -webkit-transition:.4s;
  transition:.4s;
}

.slider:before {
  position:absolute;
  content:"";
  height:1.25em;
  width:1.25em;
  left:4px;
  bottom:4px;
  background-color:white;
  -webkit-transition:.4s;
  transition:.4s;
}

input:checked + .slider {
  background-color:#2196F3;
}

input:focus + .slider {
  box-shadow:0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform:translateX(26px);
  -ms-transform:translateX(26px);
  transform:translateX(26px);
}

.slider.round {
  border-radius:3.4em;
}

.slider.round:before {
  border-radius:50%;
}

.dropdown-submenu {
  position:relative;
}

.dropdown-submenu .dropdown-menu {
  top:0;
  left:100%;
  margin-top:-1px;
}

.dropdown-submenu:hover > .dropdown-menu, 
.dropdown-submenu > a:focus + .dropdown-menu {
  display:block;
}

@media (max-width: 576px) {
  .company-search {
    width:70%;
  }
  .bg-login {
    background-size:auto;
  }
}

@media (min-width:992px) {
  #frmFilter {
    min-width:500px;
  }
}

@media print {
  .noprint {
    display: none;
  }
}

@media only screen {
  main.report {
    margin:0.5em;
  }
}