section#teamview,
section#adminview {
    padding-top: 90px;
    padding-bottom: 45px;
}

body {
    padding-bottom: 30px;
}

.align-items-center {
    align-items: center!important;
}

a {
    color: #37B8F3;
}
a:hover {
    color: rgba(13, 110, 253, 1);
}

.d-flex {
    display: flex!important;
}

.container-fluid {
    padding-left: 0;
    padding-right: 0;
}

a.navbar-brand {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 140% !important;
    color: #37B8F3 !important;
}

.navbar-brand > img {

    max-height: 40px;
    margin-right: 5px;
}

section {
    padding: 0 0;
    overflow: hidden;
    width: 100%;
    overflow: hidden;
    min-height: 100vh;
    background-size: auto;
    background-position: 85% 15%;
    background-repeat: no-repeat;
}

section#noteam {
    background-image: none;
}

section.section-primary {
    background-color: rgb(13,110,253);
    color: white;
}

section.section-primary a {
    color: #222;
    font-weight: 900;
}

#setup a {
    color: white;
}

#setup a:hover {
    color: #37B8F3;
}

section.section-dark {
    background-color: #222;
    color: white;
}

.carousel-caption {
    color: white;
    background-color: rgba(0,0,0,0.5);
    width: 100%;
    margin: 0 auto;
    left: unset;
    right: unset;
    padding: 20px 15% ;
}

.carousel-inner {
    padding: 0;
}

.carousel-indicators {
 margin-bottom: 0;
}

#welcome,
#timelogging {
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    padding: 0;
}

#welcome-overlay {
    background-color: rgba(0,0,0,0.85);
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
}

#timelogging-overlay {
    background-color: rgba(0,0,0,0.85);
    width: 100%;
    height: 100vh;
    position: absolute;
}

#signin-outer {
    background-color: rgba(0,0,0,0.50);
    width: 100%;
    height: 100vh;
}

#welcome-content,
#timelogging-content {
    color: white;
}

b.notice {
    color: #37B8F3;
}

u.notice {
    text-decoration-color: #37B8F3;
    text-decoration-thickness: 2;
}

#about-full {
    background-size: cover;
    background-position: 85% 15%;
    background-repeat: no-repeat;
}

.user-reviews .q {
    font-size: large;
    color: white;
}

.q-mark {
    font-size: 2.9em;
    color: #37B8F3;
    font-style: italic;
    margin-top: -26px;
    position: absolute;
}

.q-mark:first-of-type {
  margin-left: -18px;
}


cite {
    display: block;
    color: #37B8F3;
}

.quote-row {
    margin-bottom: 50px;
    margin-top: 50px;
}

.footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    min-height: 40px;
    padding-top: 0.5rem;
    padding-bottom: 1rem;
    color: white;
}

.text-muted {
    color: #777 !important;
}

.header {
    border-bottom: #37B8F3 solid 1px;
    padding-bottom: 2px;
    margin-bottom: 15px;
}

hr {
    color: #777;
}

.hr-header {
    color: #777;
    text-align: center;
    font-weight: bold;
    margin-top: -15px;
    margin-bottom: 15px;
}

.input-label {
    margin-top: 6px;
}

.btn-hybriteam
{
	transition: .3s;
	color: white;
    border: none;
	background: #37B8F3; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(#37B8F3, #2fa0d4); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#37B8F3, #2fa0d4); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#37B8F3, #2fa0d4); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#37B8F3, #2fa0d4); /* Standard syntax */
}

.btn-hybriteam:hover
{
	color: white;
    border: none;
	background: #2fa0d4; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(#2fa0d4, #2681ac); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#2fa0d4, #2681ac); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#2fa0d4, #2681ac); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#2fa0d4, #2681ac); /* Standard syntax */
}

#signup-form input {
    text-align: end;
}

.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}
.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}
.bs-callout p:last-child {
    margin-bottom: 0;
}
.bs-callout code {
    border-radius: 3px;
}
.bs-callout+.bs-callout {
    margin-top: -5px;
}
.bs-callout-default {
    border-left-color: #777;
}
.bs-callout-default h4 {
    color: #777;
}
.bs-callout-primary {
    border-left-color: #428bca;
}
.bs-callout-primary h4 {
    color: #428bca;
}
.bs-callout-success {
    border-left-color: #5cb85c;
}
.bs-callout-success h4 {
    color: #5cb85c;
}
.bs-callout-danger {
    border-left-color: #d9534f;
}
.bs-callout-danger h4 {
    color: #d9534f;
}
.bs-callout-warning {
    border-left-color: #f0ad4e;
}
.bs-callout-warning h4 {
    color: #f0ad4e;
}
.bs-callout-info {
    border-left-color: #5bc0de;
}
.bs-callout-info h4 {
    color: #5bc0de;
}

a.linkbox {
    width: 100%;
    padding: 95px 5px;
    display: block;
    border: 1px solid rgba(255,255,255,0.75);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: 100%;
    position: relative;
    font-weight: bold;
}

.linkbox-overlay {
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,0.65);
    padding: 85px 5px;
}

a.linkbox:hover {
    color: inherit;
}

a.linkbox:hover > .linkbox-overlay {
    background-color: rgba(0,0,0,0.85);
    transition: .25s;
}

.right-menu {
    border-left: 1px solid rgba(255,255,255,0.25);
    padding-left: 10px;
}

.table-active {
    background-color: #414549 !important;
    box-shadow: none !important;
}

.memberlist-row {
    border-bottom: 1px solid rgba(0,0,0,0.3);
}

.figure {
    padding: 35px 10px;
    background-color: rgba(0,0,0,0.3);
    width: 100%;
}

.figure {
    background: rgba(50,50,50,0.95);
}

.figure-caption {
    color: grey;
    text-transform: uppercase;
    font-size: 80%;
    opacity: 0.75;
}

.figure-danger {
    background: rgba(255,0,0,0.10) !important;
}

.figure-danger h2 {
    color: #ff0000;
}

.figure-warning {
    background: rgba(255, 136, 0, 0.1) !important;
}

.figure-warning h2 {
    color: #ff8a00;
}

.figure-success {
    background: rgba(0,255,0,0.10) !important;
}

.figure-success h2 {
    color: #00ff00;
}

.figure-primary {
    background: rgba(79, 79, 255, 0.1) !important;
}

.figure-primary h2 {
    color: #37B8F8;
}

.colourselector {
    padding: 4px 12px;
    border-radius: 5px;
    border: 1px solid rgba(0,0,0,1);
    margin-bottom: 3px;
    display: inline-block;
}

.chart-head {
    margin-top: -30px;
    margin-bottom: 10px;
}

#team-menu > .nav-item > a{
    color: #37B8F3;
    border: 1px solid #37B8F8;
    border-left: none;
    border-top: none;
    border-bottom: none;
}

#team-menu > .nav-item .nav-link.disabled {
    color: grey;
}


#team-menu > .nav-item:last-of-type > a {
    border-right: none;
}

#team-menu {
    border-bottom: 1px solid #37B8F8;
    margin-bottom: 5px;
}

.nav-link.dropdown-toggle {
    cursor: pointer;
}

.chart-box {
    padding: 15px; 
    margin: -15px; 
    margin-top: -30px;
    height: auto;
}

.content-box {
    padding: 15px; 
    height: auto;
}

.content-box.bg-dark {
    color: #37B8F3;
}

.content-box.bg-dark small {
    color: #777;
}

.alert-fixed {
    position:fixed; 
    top: 0px; 
    right: 0px; 
    height: 50px;
    padding: 20px;
    margin: 0px;
    width: auto;
    z-index:9999; 
    border-radius:0px
}

.exp-btn {
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

#addStateButton,
#newDefaultButton,
#addSubteamButton,
#submitSupportTicketButton {
  width: 50px;
  margin-top: 0px;
  padding: 10px;
  height: 35px;
}

.exp-btn-txt {
    position: absolute;
    opacity: 0;
    transition: 350ms ease-in-out;
}

#addStateButtonText {
  top: 5px;
  right: -100px;
  width: 0;
  height: 35px;
}

#newDefaultButtonText {
  top: 5px;
  right: -110px;
  width: 0;
  height: 35px;
}

#addSubteamButtonText {
  top: 5px;
  right: -120px;
  width: 0;
  height: 35px;
}

#submitSupportTicketButtonText {
  top: 5px;
  right: -170px;
  width: 0;
  height: 35px;
}

.exp-btn:hover .exp-btn-txt {
  opacity: 1;
}

#addStateButton:hover #addStateButtonText {
  right: 0;
  width: 100px;
}

#newDefaultButton:hover #newDefaultButtonText {
  right: 0;
  width: 110px;
}

#addSubteamButton:hover #addSubteamButtonText {
  right: 0;
  width: 120px;
}

#submitSupportTicketButton:hover #submitSupportTicketButtonText {
  right: 0;
  width: 170px;
}

.exp-btn:hover {
  transition: 350ms ease-in-out;
}

#addStateButton:hover {
  width: 125px;
} 

#newDefaultButton:hover {
  width: 135px;
}

#addSubteamButton:hover {
  width: 145px;
}

#submitSupportTicketButton:hover {
  width: 195px;
}

.exp-btn-icon {
    position: absolute;
}

#addStateButtonIcon,
#addSubteamButtonIcon,
#newDefaultButtonIcon,
#submitSupportTicketButtonIcon {
  top: 5px;
  left: 0;
  padding-left: 16px;
  height: 50px;
}

.exp-btn:hover .exp-btn-icon {
  transition: all 350ms ease-in-out;
}

.subteam-vis-table {
    padding-left: 4px;
    margin-left: -4px;
    min-height: 300px;
}

.max-height-200 {
    max-height: 200px;
    overflow-y: auto;
}

#notifications-dropdown > li > small {
    padding: 5px;
    cursor: default;
}

.admin-row > .header {
    color: grey;
    font-size: 110%;
    border-bottom: 1px solid rgba(255,255,255,0.3);
    text-align: left;
}

.btn-outline-hybriteam {
    transition: .3s;
    color: #37B8F3;
    border: 1px solid #37B8F3;
    background: none;
}

.btn-outline-hybriteam:hover {
    color: white;
    border: 1px solid #37B8F3;
    background: #37B8F3;
}

.btn-warning-ht {
    transition: .3s;
    color: white;
    border: none;
    background: #f0ad4e; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#f0ad4e, #ec971f); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#f0ad4e, #ec971f); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#f0ad4e, #ec971f); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#f0ad4e, #ec971f); /* Standard syntax */
}

.btn-warning-ht:hover {
    color: white;
    border: none;
    background: #ec971f; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#ec971f, #d58512); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ec971f, #d58512); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ec971f, #d58512); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ec971f, #d58512); /* Standard syntax */
}

.secondary-text {
    color: #777;
}

.time-label-key {
    color: #2681ac;
    text-transform: uppercase;
    font-weight: bold;
    opacity: 0.75;
    display: block;
}

.time-label-value {
    color: #37B8F3;
    display: block;
    margin-left: 3px;
    font-size: 110%;
}

.pagination .page-link {
    background-color: #343434;
    color: white;
    border: grey;
}

.pagination .active>.page-link {
    background-color: #0d6efd;
    color: white;
}

.pagination {
    display: flex;
    justify-content: flex-end;
}

.dataTables_length {
    display: flex;
    justify-content: flex-start;
}

.dataTables_length > label > select {
    background-color: #343434;
    color: white;
    margin: -5px 5px;
    margin-bottom: 0;
}

.dataTables_length > label {
    color: white;
    display: flex;
}

@keyframes heartbeat {
  0% {
    transform: scale(1);
  }
  20% {
    transform: scale(1.2);
  }
  40% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}

.heartbeat {
  cursor: default;
  animation: heartbeat 3s infinite;
}

.fa-danger {
    color: #ff0000;
}

.progress-bar-hybriteam {
    background-color: #37B8F3;
}

.bg-hybriteam {
    background-color: #37B8F3;
}