/*!
 * LabWare Cloud App Imports
 * Copyright LabWare
 */
html {
    position: relative;
    min-height: 100%;
}

body {
    background-color: #ffffff;
    font-family: Helvetica Neue, Sans-Serif;
    font-size: 0.9rem;
    min-height: 100vh;
}

main {
    margin-bottom: 50px;
}

header {
    height: 62px;
}
@media (min-width: 768px) {
    header {
        height: 68px;
    }
}
@media (min-width: 992px) {
    header {
        height: 92px;
    }
}
@media (min-width: 1200px) {
    header {
        height: 102px;
    }
}

@media (min-width: 1600px) and (max-width: 2199px) {
    .s-horizontal-line::before, .s-horizontal-line::after {
        width: calc(65% - 150px) !important;
    }
}

@media (min-width: 2200px) {
    .s-horizontal-line::before, .s-horizontal-line::after {
        width: calc(65% - 170px) !important;
    }
}

header,
.navbar {
    max-height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
}
@media (min-width: 768px) {
    header,
    .navbar {
        overflow: visible;
    }
}

@media (max-width: 768px) {
    .s-horizontal-line::before, .s-horizontal-line::after {
        width: calc(65% - 150px) !important;
    }
}

.footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    color: #ffffff;
    font-size: 0.9rem;
    padding: 5px 20px;
    background-color: #333333;
    text-align: center;
}
.footer .d-flex {
    flex-wrap: wrap;
    justify-content: flex-start !important;
    align-items: center;
    flex-direction: column;
}
.footer > div {
    flex: 0 0 100%;
}
.footer span {
    margin: auto;
}
@media (min-width: 576px) {
    .footer .d-flex {
        flex-direction: row;
        height: 100%;
    }
    .footer span {
        margin-right: 0;
    }
}

.spinner {
    border-left: 6px solid rgba(128, 176, 26, 0.35);
    border-right: 6px solid rgba(128, 176, 26, 0.35);
    border-bottom: 6px solid rgba(128, 176, 26, 0.35);
    border-top: 6px solid rgba(128, 176, 26, 0.8);
}

.s-page-top {
    padding: 1.5rem 1rem;
}
@media (min-width: 576px) {
    .s-page-top {
        padding-right: 2rem;
        padding-left: 2rem;
    }
}

.s-page-container {
    padding: 2rem 1rem 4rem;
}
@media (min-width: 576px) {
    .s-page-container {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

.s-clear {
    clear: both;
}

.s-user-account {
    padding: 0;
}
.s-user-account .dropdown-toggle,
.s-user-account .dropdown-menu .dropdown-divider {
    display: none;
}
.s-user-account .dropdown-menu {
    display: block;
    border: 0;
    margin: 1rem 0 0;
    padding: 0;
}
.s-user-account .dropdown-menu .dropdown-item {
    padding: 0.5rem 0;
}
@media (min-width: 768px) {
    .s-user-account .dropdown-toggle {
        display: block;
    }
    .s-user-account .dropdown-toggle,
    .s-user-account .dropdown-toggle:focus,
    .s-user-account .dropdown-toggle:active,
    .s-user-account .dropdown-toggle:hover {
        outline: 0;
        box-shadow: none;
    }
    .s-user-account .dropdown-toggle .dropdown-item,
    .s-user-account .dropdown-toggle:focus .dropdown-item,
    .s-user-account .dropdown-toggle:active .dropdown-item,
    .s-user-account .dropdown-toggle:hover .dropdown-item {
        padding: 0.25rem 1.5rem;
    }

    .s-user-account .dropdown-menu.show {
        display: block;
    }
}
@media (min-width: 992px) {
    .s-user-account .dropdown-menu {
        display: none;
        border: 1px solid rgba(0, 0, 0, 0.15);
        padding: 0.5rem 0;
        margin: 0.125rem 0 0;
    }
    .s-user-account .dropdown-menu .dropdown-item {
        padding: 0.25rem 1rem;
    }
    .s-user-account .dropdown-menu .dropdown-divider {
        display: block;
    }
}

.s-user-account .badge, .s-user-account .dropdown-toggle {
    color: #212529;
    border-color: #212529;
}

.s-user-account .show .badge {
    color: #80B01A;
    border-color: #80B01A;
}

.s-user-account .btn:hover .badge {
    color: #80B01A;
    border-color: #80B01A;
}

.s-card-breadcrumb {
    background-color: #fff;
    color: #2f3b47;
    padding: 1rem;
    border-right: 0;
    border-left: 0;
}
@media (min-width: 576px) {
    .s-card-breadcrumb {
        padding-right: 2rem;
        padding-left: 2rem;
    }
}
.s-card-breadcrumb h5 {
    color: #2f3b47;
}
.s-card-breadcrumb .breadcrumb-item.active {
    color: #2f3b47;
}

.s-login-align {
    text-align: right;
}

.s-left-login-bg {
    background-position: left bottom;
    background-size: contain;
    background-image: url(../img/login-bg.png);
    background-repeat: no-repeat;
}
.s-left-login-bg .s-logo {
    float: right;
    margin: 0 auto;
}
.s-left-login-bg .s-logo-login {
    float: right;
    background-image: url(../img/labware-cloud-logo.png);
    width: 200px;
    height: 100px;
    margin: 0 auto;
}

.s-login-right {
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0;
    background-color: transparent;
}
@media (min-width: 1200px) {
    .s-login-right {
        border-left: 1px solid #e8e8e8;
    }
}

.s-logo {
    background-image: url(../img/labware-cloud-logo.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 80px;
    height: 40px;
}
@media (min-width: 768px) {
    .s-logo {
        width: 90px;
        height: 45px;
    }
}
@media (min-width: 992px) {
    .s-logo {
        width: 140px;
        height: 70px;
    }
}
@media (min-width: 1200px) {
    .s-logo {
        width: 160px;
        height: 80px;
    }
}

#login-content {
    padding: 3rem;
    margin-top: 3rem;
    background: rgba(255, 255, 255, 0.95);
    border-radius: 20px;
}
#login-content .s-logo {
    float: none;
}
#login-content .input-group-text {
    background-color: #fff;
}

.s-bg-none {
    background-color: transparent;
    background-image: none;
    border: none;
}

.s-bg-gray {
    background-color: #f1f3f2;
}

.s-bg-primary-color {
    color: #ffffff;
    background-color: #80B01A;
}

.s-primary-color {
    color: #80B01A;
}

.s-secondary-color {
    color: #337AB7;
}

.s-border-primary {
    border: 1px solid #80B01A;
}

h6 {
    text-transform: uppercase;
}

.s-fa-color-blue {
    color: #007bff;
}

.s-fa-color-dark-blue {
    color: #337AB7;
}

.s-fa-color-green {
    color: #80B01A;
}

.s-fa-color-orange {
    color: #fd7e14;
}

.s-fa-color-yellow {
    color: #ffc107;
}

.s-fa-color-gray {
    color: #343a40;
}

.s-fa-color-red {
    color: #dc3545;
}

.s-collapse {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
    margin-bottom: 1rem;
    padding-top: 0.5rem;
    margin-top: -1px;
}

.listbox {
    width: 300px;
    size: 10;
}

.training-img {
    width: 100%;
    height: 100%;
    aspect-radio: 1;
    -o-object-fit: cover;
    object-fit: cover;
}

.footer-card {
    position: absolute;
    left: 25px;
    right: 20px;
    bottom: 5px;
}

.s-text-light-gray {
    color: #ABB2C6;
}

.s-link-underline {
    text-decoration: underline;
}

/*! Custom Scrollbar */
/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #eee;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #C0C9CF;
    border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #C0C9CF;
}

@media (max-width: 767px) {
    .training-img {
        width: 100%;
        height: 144px;
        aspect-radio: 4/1;
        border-bottom: 1px solid #ddd;
    }
    .s-left-login-bg {
        background-image: url(../img/login-bg-xs.png);
    }
    #login-content {
        padding: 0 !important;
    }
}
.dismiss:hover {
    cursor: pointer;
}

.s-truncate-vertical {
    display: -webkit-box;
    overflow: hidden;
    width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.btn-show-dash-widgets {
    margin-right: -0.5rem;
}
.btn-show-dash-widgets:active, .btn-show-dash-widgets:hover, .btn-show-dash-widgets:focus, .btn-show-dash-widgets:focus-visible {
    outline: 0;
    background: none;
    color: var(--primary);
}

.s-filter-pill.btn-secondary {
    background: var(--secondary);
}

.image-container-1by2 {
    position: relative;
    overflow: hidden;
}
.image-container-1by2 img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.image-container-1by2:before {
    content: "";
    display: block;
    padding-top: 50%;
}
@media (min-width: 992px) {
    .image-container-1by2.reset-lg {
        height: 100%;
    }
    .image-container-1by2.reset-lg img {
        height: auto;
        margin: auto;
        bottom: 0;
    }
    .image-container-1by2.reset-lg:before {
        display: none;
    }
}

.s-flex-table + div a {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 50rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    color: #337AB7;
    border-color: #337AB7;
}
@media (prefers-reduced-motion: reduce) {
    .s-flex-table + div a {
        transition: none;
    }
}
.s-flex-table + div a:hover {
    color: #212529;
    text-decoration: none;
}
.s-flex-table + div a:focus, .s-flex-table + div a.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(128, 176, 26, 0.25);
}
.s-flex-table + div a.disabled, .s-flex-table + div a:disabled {
    opacity: 0.65;
}
.s-flex-table + div a:hover {
    color: #fff;
    background-color: #337AB7;
    border-color: #337AB7;
}
.s-flex-table + div a:focus, .s-flex-table + div a.focus {
    box-shadow: 0 0 0 0.2rem rgba(51, 122, 183, 0.5);
}
.s-flex-table + div a.disabled, .s-flex-table + div a:disabled {
    color: #337AB7;
    background-color: transparent;
}
.s-flex-table + div a:not(:disabled):not(.disabled):active, .s-flex-table + div a:not(:disabled):not(.disabled).active, .show > .s-flex-table + div a.dropdown-toggle {
    color: #fff;
    background-color: #337AB7;
    border-color: #337AB7;
}
.s-flex-table + div a:not(:disabled):not(.disabled):active:focus, .s-flex-table + div a:not(:disabled):not(.disabled).active:focus, .show > .s-flex-table + div a.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(51, 122, 183, 0.5);
}

#releaseItems .btn.ml-2 {
    margin-left: 0 !important;
}
@media (min-width: 576px) {
    #releaseItems .btn.ml-2 {
        margin-left: 0.5rem !important;
    }
}
#releaseItems textarea {
    max-width: 100%;
    height: 100%;
}
#releaseItems input[type=number] {
    max-width: 70px;
    display: inline-block;
}
#releaseItems .switch-default {
    min-width: 50px;
}
#releaseItems .s-collapse > .row {
    align-items: flex-end;
}

#coursessCardList .image-container-1by2 {
    border-bottom: 1px solid #dee2e6;
}
@media (min-width: 992px) {
    #coursessCardList .image-container-1by2 {
        border-bottom: 0;
        border-right: 1px solid #dee2e6;
    }
}
#coursessCardList .s-truncate-vertical {
    -webkit-line-clamp: 1;
}

.s-filter-pill.btn-outline-secondary {
    background: #ecf3fb;
    border-color: #ecf3fb;
}
.s-filter-pill.btn-outline-secondary:hover {
    color: #337AB7;
    background: #d7e6f7;
    border-color: #d7e6f7;
}
.s-filter-pill.btn-outline-secondary:hover, .s-filter-pill.btn-outline-secondary:focus, .s-filter-pill.btn-outline-secondary:focus-active, .s-filter-pill.btn-outline-secondary:active {
    outline: 0;
    box-shadow: none;
}

#trainings-buttons .btn {
    margin: 0.5rem;
}

.videos-card-list {
    overflow-y: auto;
    overflow-x: hidden;
    margin-bottom: 2rem;
    max-height: 600px;
}
@media (min-width: 992px) {
    .videos-card-list {
        max-height: 700px;
    }
}
@media (min-width: 1200px) {
    .videos-card-list {
        max-height: 900px;
    }
}

@media (min-width: 768px) {
    .videos-card-list-wrapper {
        min-height: 800px;
    }
    .videos-card-list-absolute {
        position: absolute;
        left: 15px;
        top: 0;
        width: calc(100% - 30px);
        height: 100%;
        margin-bottom: 0;
    }
    .videos-card-list-more {
        position: absolute;
        left: 0;
        top: calc(100% + 1.5rem);
    }
}
#releasesCardList,
#roadmapCardList {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 600px;
    margin-bottom: 1.5rem;
}
#releasesCardList .card:first-child,
#roadmapCardList .card:first-child {
    margin-top: 0 !important;
}
#releasesCardList .card:last-child,
#roadmapCardList .card:last-child {
    margin-bottom: 0 !important;
}

/*
#publishedDocumentsDataTable {
	margin-top: 1rem;
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 650px;
}

#widgetDocumentsDataTable,
#publishedDocumentsDataTable {
	> div:first-child {
		display: none;

		@include media-breakpoint-up(md) {
			display: block;
			position: sticky;
			top: 0;
			z-index: 1;
			background: $white;

			&:after {
				content: "";
				display: block;
				position: absolute;
				left: 0;
				top: 100%;
				width: 100%;
				height: 5px;
				background: linear-gradient(0deg, rgba($white,0) 0%, rgba($black,0.05) 100%);
			}
		}
	}

	.card {
		&:first-child {
			margin-top: 0 !important;
		}

		[name_orig] {
			flex: 0 0 100%;
			max-width: 100%;
			padding-top: 0.35rem;
			padding-bottom: 0.35rem;
			position: static;

			&:before {
				display: block;
				content: attr(name_orig) ': ';
				text-transform: capitalize;
				font-weight: $font-weight-bold;
			}
		}
	}
	.card-body {
		border-bottom: none;
		padding: 0 !important; // Override component .p-2 class

		.pl-lg-2 {
			padding-left: 0.5rem;
		}
	}

	.btn.collapsed {
		display: none;
	}

	.collapse {
		display: block;
		padding-top: 0;

		&:last-child {
			margin-bottom: 0 !important;
		}

		.row {
			margin-left: 0 !important;
		}

		[class*="col"] {
			flex: 0 0 100%;
			max-width: 100%;
			padding-top: 0.35rem;
			padding-bottom: 0.35rem;
			margin-bottom: 0 !important;

			.title {
				&:after {
					content: ": ";
					display: inline-block;
				}
			}
		}
	}

	.btn-link {
		padding-left: 0;
		padding-top: 0;
		padding-bottom: 0;
	}

	@include media-breakpoint-up(sm) {
		.card [name_orig],
		.collapse [class*="col"] {
			flex: 0 0 50%;
			max-width: 50%;
		}
	}

	@include media-breakpoint-up(md) {
		> div:first-child {
			padding: 0.25rem !important; // override component .p-2 class
		}

		> div:first-child [class*="col"],
		.card [name_orig],
		.collapse [class*="col"] {
			&:nth-child(1) {
				flex: 0 0 40%;
				max-width: 40%;
			}

			&:nth-child(2) {
				flex: 0 0 15%;
				max-width: 15%;
			}

			&:nth-child(3) {
				flex: 0 0 30%;
				max-width: 30%;
			}

			&:nth-child(4) {
				flex: 0 0 15%;
				max-width: 15%;
				text-align: center;
				padding-bottom: 0.35rem;

				.btn-link {
					padding: 0 0.75rem;
				}
			}
		}

		.row {
			align-items: center;
		}

		.card {
			border-bottom: 1px solid $border-color;
		}

		.card [name_orig]:before {
			display: none;
		}

		.collapse {
			display: none;
		}
	}
}
*/
#manage-trainings-main .tab-content,
#manage-documents-main .tab-content {
    padding: 0;
}

.trainings-grid-container .trainings-grid-column-video {
    position: sticky;
    z-index: 1020;
    top: 62px;
}
@media (min-width: 768px) {
    .trainings-grid-container .trainings-grid-column-video {
        position: static;
    }
}
@media (min-width: 768px) {
    .trainings-grid-container .trainings-grid-column-video .sticky-desktop {
        position: sticky;
        z-index: 1020;
        top: 68px;
    }
}
@media (min-width: 992px) {
    .trainings-grid-container .trainings-grid-column-video .sticky-desktop {
        top: 92px;
    }
}
@media (min-width: 1200px) {
    .trainings-grid-container .trainings-grid-column-video .sticky-desktop {
        top: 102px;
    }
}
@media (min-width: 768px) {
    .trainings-grid-container {
        display: grid;
        grid-template-columns: 1fr 1fr;
        -moz-column-gap: 30px;
        column-gap: 30px;
        grid-auto-rows: minmax(10px, auto);
    }
    .trainings-grid-container .trainings-grid-column-video {
        grid-column: 2;
        grid-row: 1/span 3;
    }
}
@media (min-width: 992px) {
    .trainings-grid-container {
        grid-template-columns: 0.8fr 1.2fr;
    }
}

.video-card-header > div:first-child button {
    height: 42px;
}

#s-admin > .row > div[class*=col]:last-child > .s-box {
    margin: 1.5rem 0 0 0;
    border: 0;
    padding: 0;
}
#s-admin > .row > div[class*=col]:last-child > .s-box .card-header {
    padding-left: 1.42rem;
}
#s-admin > .row > div[class*=col]:last-child > .s-box .card-header .col-6 {
    flex: 0 0 100%;
    max-width: 100%;
    text-align: left !important;
}
@media (min-width: 576px) {
    #s-admin > .row > div[class*=col]:last-child > .s-box .card-header .col-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    #s-admin > .row > div[class*=col]:last-child > .s-box .card-header .col-6.text-right {
        text-align: right !important;
    }
}
#s-admin > .row > div[class*=col]:last-child > .s-box .tab-pane .container {
    max-width: 100%;
}
#s-admin > .row > div[class*=col]:last-child > .s-box .tab-pane .container .custom-control {
    padding-left: 0;
}
#s-admin > .row > div[class*=col]:last-child > .s-box .tab-pane .container .border-bottom:last-child {
    border-bottom: 0 !important;
}
#s-admin > .row > div[class*=col]:last-child > .s-box .tab-pane label {
    margin-bottom: 0;
}
#s-admin > .row > div[class*=col]:last-child > .s-box .tab-pane .custom-control-label {
    padding-right: 0 !important;
}
#s-admin > .row > div[class*=col]:last-child > .s-box .tab-pane .custom-control-label:before, #s-admin > .row > div[class*=col]:last-child > .s-box .tab-pane .custom-control-label:after {
    top: 0;
}
@media (min-width: 992px) {
    #s-admin > .row > div[class*=col]:last-child > .s-box {
        margin-top: 0;
    }
}

.filepond--file .filepond--file-status {
    align-items: flex-start;
    flex-wrap: nowrap;
    flex-shrink: 1;
}

.filepond--file-status-sub {
    white-space: normal;
    text-align: left;
}

@media (min-width: 992px) {
    .course-form .s-box {
        height: 100%;
    }
}

.popover .filter-bar-adv-panel ul.nav-pills:not(:first-child) {
    border-top: 1px solid #dee2e6;
    margin-top: 0.7rem;
    padding-top: 0.7rem;
}
.popover .filter-bar-adv-panel ul.nav-pills button {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    text-align: left;
}
.popover .filter-bar-adv-panel ul.nav-pills button:hover {
    color: #80B01A;
}
.popover .filter-bar-adv-panel ul.nav-pills button:focus, .popover .filter-bar-adv-panel ul.nav-pills button:focus-visible {
    outline: 0;
}
.popover .filter-bar-adv-panel .s-list-item {
    padding: 0;
    margin: 0.4rem 0;
}
.popover .filter-bar-adv-panel .s-list-item > .btn {
    padding: 0 0.75rem !important;
    margin: 0 -0.75rem;
    width: calc(100% + 1.5rem);
    border-radius: 0;
    text-align: left;
}
.popover .filter-bar-adv-panel .s-list-item > .btn:hover {
    background: rgba(0, 0, 0, 0.015);
}

#roadmap-buttons .btn {
    margin: 0.25rem;
}

.s-flex-table .card-body,
.s-flex-table .s-collapse {
    word-break: break-word !important;
    overflow-wrap: break-word !important;
}
.s-flex-table .card-body > .row {
    align-items: center;
    /*
		> [class*="col"]:last-child {
			word-break: break-all;
			padding-right: 2.5rem;

			> span {
				padding-right: 0.5rem;
			}

			> .btn.collapsed {
				position: absolute;
				right: 0;
				top: 50%;
				transform: translateY(-50%);
			}
		}
		*/
}
.s-flex-table .s-collapse {
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
}
.s-flex-table .s-collapse > .row {
    margin-left: 0 !important;
}
.s-flex-table [name_orig=download] .btn {
    margin-left: -0.75rem;
}

#coursesDatatable .s-collapse [ordernumber="6"] .btn {
    margin-left: -0.75rem;
}
#coursesDatatable .s-collapse [ordernumber="6"],
#coursesDatatable .s-card-body [ordernumber="6"] {
    text-align: right;
}
#coursesDatatable .s-card-body > .row > [class*=col]:last-child {
    word-break: break-all;
    padding-right: 2.5rem;
}
#coursesDatatable .s-card-body > .row > [class*=col]:last-child > span {
    padding-right: 0.5rem;
}
#coursesDatatable .s-card-body > .row > [class*=col]:last-child > .btn.collapsed {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
#coursesDatatable [id*=_coursesDatatable] > .row {
    margin-right: 0 !important;
}

#videosDatatable .s-collapse [ordernumber="6"],
#videosDatatable .s-card-body [ordernumber="6"] {
    text-align: right;
}

#videosDatatable .s-card-body > .row > [class*=col]:last-child {
    justify-content: flex-end;
}

#videosDatatable .s-card-body input[type="number"] {
    min-width: 75px;
}

#videosDatatable .s-flextable-header-wrapper [class*="col"] {
    white-space: nowrap;
}

#trainingsResourcesDatatable .s-card-body > .row > [class*=col]:last-child {
    text-align: right;
    word-break: break-all;
    padding-right: 2.5rem;
}
#trainingsResourcesDatatable .s-card-body > .row > [class*=col]:last-child > span {
    padding-right: 0.5rem;
}
#trainingsResourcesDatatable .s-card-body > .row > [class*=col]:last-child > .btn.collapsed {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
#trainingsResourcesDatatable .s-collapse > .row > [class*=col] {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    white-space: nowrap;
}
#trainingsResourcesDatatable .s-collapse > .row > [class*=col]:last-child {
    text-align: right;
    margin-right: -0.75rem;
}

#usersTable .card-body > .row,
#rolesTable .card-body > .row,
#groupUsersTable .card-body > .row,
#resourcesDataTable .card-body > .row,
#documentsDataTable .card-body > .row {
    align-items: center;
}
#usersTable .card-body > .row > [class*=col]:last-child,
#rolesTable .card-body > .row > [class*=col]:last-child,
#groupUsersTable .card-body > .row > [class*=col]:last-child,
#resourcesDataTable .card-body > .row > [class*=col]:last-child,
#documentsDataTable .card-body > .row > [class*=col]:last-child {
    display: flex;
    align-items: center;
}
#usersTable .card-body > .row > [class*=col]:last-child .btn,
#rolesTable .card-body > .row > [class*=col]:last-child .btn,
#groupUsersTable .card-body > .row > [class*=col]:last-child .btn,
#resourcesDataTable .card-body > .row > [class*=col]:last-child .btn,
#documentsDataTable .card-body > .row > [class*=col]:last-child .btn {
    margin-left: auto !important;
}
#usersTable .btn,
#rolesTable .btn,
#groupUsersTable .btn,
#resourcesDataTable .btn,
#documentsDataTable .btn {
    margin-left: -0.75rem;
}

.carousel {
    position: relative;
}

.carousel.pointer-event {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.carousel-inner::after {
    display: block;
    clear: both;
    content: "";
}

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: -webkit-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .carousel-item {
        transition: none;
    }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
    display: block;
}

.carousel-item-next:not(.carousel-item-left),
.active.carousel-item-right {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    -webkit-transform: none;
    transform: none;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
    z-index: 1;
    opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s 0.6s;
}

@media (prefers-reduced-motion: reduce) {
    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-right {
        transition: none;
    }
}

.carousel-control-prev,
.carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 11;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: 0.5;
    transition: opacity 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
    .carousel-control-prev,
    .carousel-control-next {
        transition: none;
    }
}

.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: 0.9;
}

.carousel-control-prev {
    left: 0;
}

.carousel-control-next {
    right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: no-repeat 50% / 100% 100%;
}

.carousel-control-prev-icon {
    color: #0858a0;
    cursor: pointer;
    font-size: 40px;
}

.carousel-control-next-icon {
    color: #0858a0;
    cursor: pointer;
    font-size: 40px;
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
}

.carousel-indicators li {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
    .carousel-indicators li {
        transition: none;
    }
}

.carousel-indicators .active {
    opacity: 1;
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: left;
    width: 100%;
}

.slide-image {
    height: 400px !important; width: 100%;
}

.slide-text {
    color: #373737 !important;
    font-weight: normal !important;
}

.slide-text-highlight {
    color: #80b01a;
}

/* Title */
.main-title{
    font-weight: bold !important;
    font-size: 22px !important;
}

.sub-title{
    padding-top: 0px !important;
    color: #0b4e8f !important;
    font-weight: normal !important;
}
/* End Title */

/* -------------- Banners --------------- */
.header-banner{
    height: 400px;
    margin-left: -15px;
    margin-right: -15px;
}

.header-banner p{
    font-size: 25px;
    color: #2c2d2d;
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 80px;
}

/* Inner pages banner */
.cannabis{
    background-image: url(../img/cannabis-bg.png), url(../img/bg-cannabis.png);
}

.pharma{
    background-image: url(../img/pharma-bg.jpg), url(../img/bg-pharma-inner.png);
}

/* Main slider images - Home*/
.pharma-banner-image{
    background-image: url(../img/pharma-banner.jpg), url(../img/pharma-banner-bg.jpg);
}

.cannabis-banner-image{
    background-image: url(../img/cannabis-banner.jpg), url(../img/cannabis-banner-bg.jpg);
}

.saas-banner-image{
    background-image: url(../img/saas-banner.jpg), url(../img/saas-banner-bg.jpg);
}

.pharma, .cannabis, .pharma-banner-image, .cannabis-banner-image, .saas-banner-image{
    background-position: top right, bottom left;
    background-repeat:  no-repeat, repeat-x;
}

/* -------------- Containers --------------- */
.about{
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #fff;
    border-top: 1px solid #09335f;
    margin-left: -15px;
    margin-right: -15px;
}

.about-cannabis{
    padding-top: 0px;
    padding-bottom: 0px;
}

.about-pharma{
    padding-top: 0px;
}

/* Container Section Thumbnails */
.img-thumb{
    height: 130px;
    border: 1px solid #ddd;
    border-radius: 50%;
    padding: 10px;
    margin: 0px auto;
    background-color: #fffefe;
}

img.img-fluid{
    margin: 0 auto;
}

/* Container Section Spacing */
.padd-right-40{
    padding-right: 40px;
}

.padd-left-40{
    padding-left: 40px;
}

.padd-20{
    padding-left: 20px;
    padding-right: 20px;
}

.padd-bottom-40{
    padding-bottom: 40px;
}

/* General */
.gray-bg{
    margin: 0px -15px 0px -15px;
    padding-bottom: 50px;
    background-color: #f1f3f2;
    padding-top: 20px;
}

.white-bg{
    background-color: #fff;
    margin-left: -15px;
    margin-right: -15px;
}

.secondary-text{
    color: #a7a7a7;
    font-size: 13px;
}

.process-list {
    display: flex;
    justify-content: space-around;
}

.process-list li{
    display: flex;
}

.process-list li img{
    display: inline; height: 50px; padding-right: 10px;
}

/* SM */
@media screen and (min-width: 769px) and (max-width: 991px){

    .process-list {
        flex-direction: column;
    }

    .header-banner, .header-banner p {
        text-align: center;
        font-size: 20px;
    }

    div.transbox {
        height: 400px !important;
        background: rgba(255, 255, 255, 0.7) !important;
        filter: alpha(opacity=40); /* For IE8 and earlier */
    }

    .pharma-banner-image, .cannabis-banner-image, .saas-banner-image{
        opacity: 0.3;
    }
}

/* XS */
@media screen and (max-width: 768px) {
    .padd-left-40{ padding: 20px !important;}
    .padd-right-40{ padding: 20px !important;}

    .process-list {
        flex-direction: column;
    }

    .header-banner p{
        font-size: 20px;
        padding-top: 43px;
        font-weight: bold !important;
    }

    .header-banner, .header-banner p{
        text-align: center;
    }

    .carousel-caption {
        left: 5%;
    }
    div.transbox {
        height: 400px !important;
        background: rgba(255, 255, 255, 0.7) !important;
        filter: alpha(opacity=40); /* For IE8 and earlier */
    }

    .pharma-banner-image, .cannabis-banner-image, .saas-banner-image{
        opacity: 0.3;
    }

}

/* Landscape */
@media screen and (max-device-width: 480px) and (orientation: landscape) {
    .header-banner{
        height: 333px;
    }
}

.s-flextable-header-wrapper .title,
.s-flextable-body-wrapper .title {
    font-size: 0.9rem;
    color: inherit;
}

#videos .sticky-top {
    top: 92px;
}

@media (min-width: 1200px) {
    #videos .sticky-top {
        top: 102px;
    }
}

#roadmap [data-toggle="collapse"] .fa-angle-down {
    transform: rotate(0deg);
    transform-origin: center center;
}

#roadmap [data-toggle="collapse"][aria-expanded="true"] .fa-angle-down {
    transform: rotate(180deg);
}

.s-node-spinner ~ .fa-download {
    display: none;
}

#videosLookup_modal .modal-body {
    padding: 0 15px;
    width: calc(100% - 2rem);
    margin: auto;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

#locale-select:hover, #localePopover li:hover{
    cursor: pointer;
}

.s-horizontal-line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    align-items: center;
    width: 100%;
    font-size: 1rem;
}

.s-horizontal-line::before, .s-horizontal-line::after {
    background-color: #dbdce0;
    content: "";
    height: 1px;
    width: calc(65% - 125px);
}

#groupAddUsersTable{
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.s-bg-blue {
    background-color: #ECF3FB;

}

.popover-start-training {
    overflow: auto;
    max-height: 500px;

}
.no-release-msg{
    color: #000000;
    background-color: #EEF7FF;
    border:1px solid #8AC7FB;
    padding: 2.75rem 2.25rem;
    border-radius: 0.25rem;
    margin: 0 auto;
    width: 55%;
    line-height: 27px;
}

.no-release-msg ul {
    text-align: left;
    display: inline-block;
}


.s-text-break {
    word-break: break-word;
}

.s-text-break .btn{
    text-align: left !important;
}

.custom-border-left {
    border-left: 1px solid #ccc;
}

.s-envWidgetMessage{
    width: 70%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-style: italic;
}

@media (max-width: 998px) {
    .custom-border-left {
        border-left: none;
    }

    .s-envWidgetMessage{
        width: 100%;
    }
}