@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

@font-face {
	font-family: "Roboto-Regular";
	src: url("../fonts/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Regular.woff") format("woff"), url("../fonts/Roboto-Regular.ttf") format("truetype"), url("../fonts/Roboto-Regular.svg#Roboto-Regular") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "Roboto-Light";
	src: url("../fonts/Roboto-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Light.woff") format("woff"), url("../fonts/Roboto-Light.ttf") format("truetype"), url("../fonts/Roboto-Light.svg#Roboto-Light") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "Oswald-Medium";
	src: url("../fonts/Oswald-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Oswald-Medium.woff") format("woff"), url("../fonts/Oswald-Medium.ttf") format("truetype"), url("../fonts/Oswald-Medium.svg#Oswald-Medium") format("svg");
	font-weight: normal;
	font-style: normal;
}

* {
	margin: 0;
	padding: 0;
	outline: none !important;
}

.clear {
	clear: both;
	font-size: 0;
	line-height: 0;
}

a {
	color: #0068da;
	text-decoration: none !important;
}

a:hover {
	color: #0047bb;
}

html,
body {
	height: 100%;
	margin: 0;
	padding: 0;
}

.mb-2 {
	margin-bottom: 20px !important;
}

.wrapper {
	display: flex;
	flex-direction: column;
	min-height: 100%;
}

.main {
	flex: 1;
	padding: 25px 0 0 0;
	position: relative;
}

@media all and (-ms-high-contrast: none) {
	.main {
		flex-basis: auto;
	}

	/* IE10 */
	*::-ms-backdrop,
	.main {
		flex-basis: auto;
	}

	/* IE11 */
}

body {
	font-size: 14px;
	color: #333131;
	line-height: 1.7;
	position: relative;
	overflow-x: hidden;
	font-family: "Roboto-Regular";
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
	line-height: 1.3;
	font-family: "Oswald-Medium";
}

.site-color,
.text-green {
	color: #0068da;
	/* color: #0068da; */
}

.bg-site {
	background-color: #0068da;
	/* background-color: #0068da; */
}

.text-white {
	color: #fff;
}

.bg-white {
	background-color: #fff !important;
}

.text-gray {
	color: #e5e5e5;
}

.bg-gray {
	background-color: #e5e5e5;
}

.text-orange {
	color: #f79646;
}

.bg-orange {
	background-color: #f79646;
}

.bg-red {
	background-color: #d22730;
}

.light-gray {
	color: #73879c !important;
}

.panel-heading {
	padding: 0;
	border-radius: 3px;
}

.panel-title>a {
	display: block;
	padding: 10px 15px;
}

.panel-title>a:before {
	float: right !important;
	font-family: FontAwesome;
	content: "\f068";
}

.panel-title>a.collapsed:before {
	float: right !important;
	content: "\f067";
}

.panel-title>a:hover,
.panel-title>a:active,
.panel-title>a:focus {
	text-decoration: none;
}

.header {
	float: left;
	width: 100%;
	background-color: #fff;
}

.logo {
	float: left;
	width: 100%;
	border-right: 1px solid #c9c9c9;
	padding: 10px 10px 10px 0;
}

.header-manual {
	float: left;
	width: 100%;
	background-color: #fff;
	box-shadow: 0px 0px 10px #ccc;
}

.logo img {
	width: 169px;
}

.right-header {
	float: left;
	width: 100%;
	padding: 28px 0 0 0;
}

.mobile-to-header {
	display: none;
}

.navigation {
	float: left;
	width: 100%;
	background-color: #0068da;
	border-radius: 0;
	border: none;
	text-align: center;
	margin: 0;
	padding: 0;
}

.navigation .nav {
	width: 100%;
}

.navigation .nav li {
	display: inline-block;
	float: none;
}

.navigation .nav li:last-child {
	margin: 0;
}

.navigation .nav li a {
	color: #fff;
	font-size: 18px;
	padding: 15px 25px;
	line-height: 20px;
	font-family: "Oswald-Medium";
	display: inline-block;
	position: relative;
	transition: all 0.3s ease-in 0s;
	-webkit-transition: all 0.3s ease-in 0s;
	-moz-transition: all 0.3s ease-in 0s;
	-ms-transition: all 0.3s ease-in 0s;
	-o-transition: all 0.3s ease-in 0s;
}

.navigation .nav li a:before,
.navigation .nav li a:after {
	content: "";
	position: absolute;
	display: block;
	left: 0;
	width: 1px;
	height: 50%;
}

.navigation .nav li a:before {
	top: 0;
	background: linear-gradient(to top, #fff 0%, transparent 100%);
}

.navigation .nav li a:after {
	bottom: 0;
	background: linear-gradient(to bottom, #fff 0%, transparent 100%);
}

.navigation .nav li:last-child a {
	border-right: none;
}

.navigation .nav li:first-child a:before,
.navigation .nav li:first-child a:after {
	display: none;
}

.navigation .nav li a:focus {
	color: #fff;
}

.navigation .nav li a:hover, .navigation .nav li.active a, .navigation .nav li.active a:focus, .navigation .nav li.active a:hover {
	color: #fff;
	background-color: #0047bb;
}

.navigation .nav li.boot-camp a:hover, .navigation .nav li.boot-camp a, .navigation .nav li.boot-camp a:focus, .navigation .nav li.boot-camp a:hover {
	background-color: #d22730 !important;
}

.navigation .nav li.boot-camp a:hover, .navigation .nav li.active.boot-camp a {
	background-color: #852126 !important;
}

.wrapper .alert {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.form-wrp .form-control,
.form-wrp .custom-select {
	border-radius: 0;
	border-color: #c5c5c5;
	box-shadow: none;
	height: 40px;
	font-size: 0.9rem;
}

.form-wrp .form-control.datepicker {
	padding: 6px 12px;
}

span.required {
	color: #d8000c;
}

.form-control.error {
	color: #d8000c;
	border-color: #d8000c;
}

.custom-select.error {
	color: #d8000c;
	border-color: #d8000c;
}

label.error {
	color: #d8000c;
	font-weight: normal;
}

.select-type {
	position: relative;
	height: 40px;
}

.select-type:after {
	content: "";
	position: absolute;
	top: 17px;
	right: 17px;
	width: 0;
	height: 0;
	pointer-events: none;
	border-style: solid;
	border-width: 5px 5px 0 5px;
	border-color: #333333 transparent transparent transparent;
}

.select-type select.form-control {
	padding-right: 29px;
}

.form-wrp select.form-control,
.form-wrp select.custom-select {
	background-color: #fff !important;
	outline: none !important;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	box-shadow: none;
	font-family: "Roboto-Regular" !important;
}

.form-wrp select.form-control:focus {
	outline: none !important;
}

.form-wrp select.form-control option {
	padding: 5px 12px;
}

.form-wrp .form-group {
	height: 68px;
}

.form-wrp .form-group.autoheight {
	height: auto;
}

.form-wrp .btn {
	font-size: 16px;
}

.btn-equal {
	min-height: 39px;
	line-height: 27px;
}

.content-box {
	/*display: inline-block;*/
	display: flex;
	flex-direction: column;
	width: 100%;
	margin: 0 0 25px 0;
	background-color: #fbfbfb;
	padding: 15px;
	border: 1px solid #ddd;
	/* box-shadow: 2px 2px 10px #ccc; */
}

.content-box .box-title {
	margin: 0 0 15px 0;
	font-size: 1.34rem;
}

.content-box .box-description {
	font-size: 1.74rem;
	line-height: 1.2;
}

.content-box .box-button {
	background: #409690;
	color: #fff;
	border: none;
	border-radius: 5px;
	padding: 10px 15px;
	font-weight: bold;
	letter-spacing: 2px;
	width: fit-content;
	margin: 0 auto 15px;
}

.manage-video {
	border: 1px solid #ccc;
	padding: 5px;
	background: #fff;
	position: relative;
	text-align: center;
}

.manage-video .btn-block {
	position: relative;
}

.manage-video a .icon-play {
	opacity: 1;
	z-index: 77;
}

.play-btn .icon-play {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.manage-video .btn-block:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #3e3e3e;
	opacity: 0.7;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.manage-video .btn-block:hover:after {
	opacity: 0;
	visibility: hidden;
}

.video-section {
	background-color: #ddd;
	padding: 40px 0;
}

.video-section .text {
	font-size: 18px;
	padding-top: 5px;
	color: #0047bb;
}

.authentication-form-wrap {
	max-width: 660px;
	margin: 0 auto;
	padding-bottom: 30px;
}

.alert-section .main-buttons {
	margin: 40px auto;
	width: 20%;
}

.full-width {
	float: left;
	width: 100%;
}

.alert-section {
	padding: 70px 0;
}

.alert-section strong,
.alert-section p {
	font-size: 20px;
}

.section-bg-green {
	background: url("../images/bg-green.jpg") no-repeat center center;
	background-size: 100% 100%;
}

.login-page-logo {
	border-top: 5px solid #0068da;
	padding: 40px 0 10px 0;
}

.login-page-logo a img {
	max-width: 262px !important;
	max-height: 131px !important;
}

.login_form .btn {
	font-size: 20px;
	border-radius: 0;
	text-transform: capitalize;
	font-family: "Oswald-Medium";
}

.btn {
	border-radius: 0;
	border: none;
	color: #fff;
	white-space: normal !important;
	transition: all 0.3s ease-in 0s;
	-webkit-transition: all 0.3s ease-in 0s;
	-moz-transition: all 0.3s ease-in 0s;
	-ms-transition: all 0.3s ease-in 0s;
	-o-transition: all 0.3s ease-in 0s;
}

.btn:hover,
.btn:focus {
	color: #fff;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.btn.bg-site:hover {
	background-color: #0047bb;
}

.btn.bg-orange:hover {
	background-color: #cf7626;
}

.btn.bg-red:hover {
	background-color: #852126;
}

.btn.bg-red:hover {
	background-color: #852126;
}

.right-header a {
	color: #fff;
	text-transform: capitalize;
}

.signout-link {
	padding: 5px 15px 0 0;
	display: inline-block;
}

.signout-link a {
	color: #000;
	font-size: 14px;
	text-decoration: none;
}

.signout-link a i {
	color: #0068da;
	margin: 0 5px 0 0;
}

.user-info {
	padding: 5px 20px 0 0;
	display: inline-block;
}

.user-info i {
	float: left;
	font-size: 28px;
	color: #0068da;
	margin: -3px 5px 0 0;
}

.custom-v1 .table {
	background-color: #fff;
	margin: 0;
}

.custom-v1 .table>tbody>tr>td,
.custom-v1 .table>tbody>tr>th,
.custom-v1 .table>tfoot>tr>td,
.custom-v1 .table>tfoot>tr>th,
.custom-v1 .table>thead>tr>td,
.custom-v1 .table>thead>tr>th {
	border: none;
	/*padding: 12px;*/
}

.custom-v1 .table-striped>tbody>tr:nth-of-type(2n+1) {
	background-color: #f4f4f4;
}

.custom-v2 .table {
	margin: 0;
}

.custom-v2 .table>thead>tr>td,
.custom-v2 .table>thead>tr>th {
	vertical-align: top;
	border-top: 2px solid #ddd !important;
	/*padding: 12px;*/
	color: #73879c;
}

.custom-v2 .table>tbody>tr>td:last-of-type,
.custom-v2 .table>tbody>tr>th:last-of-type,
.custom-v2 .table>tfoot>tr>td:last-of-type,
.custom-v2 .table>tfoot>tr>th:last-of-type,
.custom-v2 .table>thead>tr>td:last-of-type,
.custom-v2 .table>thead>tr>th:last-of-type {
	border-left: 1px solid #ddd;
}

.custom-v3 .table {
	margin: 0;
}

.custom-v3 .table>thead>tr>td,
.custom-v3 .table>thead>tr>th {
	vertical-align: top;
	/*padding: 12px 0;*/
	color: #73879c;
	border: none !important;
	border-bottom: 1px solid #ddd !important;
}

.custom-v3 .table>tbody {
	background-color: #fff;
}

.custom-v3 .table>tbody>tr>td,
.custom-v3 .table>tbody>tr>th,
.custom-v3 .table>tfoot>tr>td,
.custom-v3 .table>tfoot>tr>th,
.custom-v3 .table>thead>tr>td,
.custom-v3 .table>thead>tr>th {
	border: none;
	/*padding: 12px;*/
}

.custom-v3 .table-striped>tbody>tr:nth-of-type(2n+1) {
	background-color: #f4f4f4;
}

.container-scrolable {
	max-height: 250px;
	overflow-y: auto;
}

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

.container-scrolable .table-responsive {
	margin: 0;
}

.full-height {
	height: 100%;
	margin: 0;
}

.grid-columns [class*="col-"] {
	margin: 0 0 25px 0;
}

ul.activities-links {
	margin: 0;
}

ul.activities-links li {
	float: left;
	width: 100%;
	list-style: none;
	margin: 0 0 2px 0;
}

ul.activities-links li a {
	display: block;
	background-color: #e5e5e5;
	padding: 12px 15px;
	color: #333131;
	font-size: 18px;
	position: relative;
	line-height: normal;
	border-left: 6px solid #d2d2d2;
	transition: all 0.3s ease-in 0s;
	-webkit-transition: all 0.3s ease-in 0s;
	-moz-transition: all 0.3s ease-in 0s;
	-ms-transition: all 0.3s ease-in 0s;
	-o-transition: all 0.3s ease-in 0s;
}

ul.activities-links li a .text {
	margin: 0 0 0 35px;
}

ul.activities-links li:hover a, ul.activities-links li.active a {
	border-left-color: #0047bb;
	background-color: #0068da;
	color: #fff;
}

ul.activities-links li a:hover .text small,
ul.activities-links li.active a .text small {
	color: #fff;
	transition: all 0.3s ease-in 0s;
	-webkit-transition: all 0.3s ease-in 0s;
	-moz-transition: all 0.3s ease-in 0s;
	-ms-transition: all 0.3s ease-in 0s;
	-o-transition: all 0.3s ease-in 0s;
}

.menu-icon {
	float: left;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 50%;
	margin-top: -13px;
	left: 15px;
	transition: all 0.3s ease-in 0s;
	-webkit-transition: all 0.3s ease-in 0s;
	-moz-transition: all 0.3s ease-in 0s;
	-ms-transition: all 0.3s ease-in 0s;
	-o-transition: all 0.3s ease-in 0s;
	background: url(../images/download-menu-icons.png) no-repeat;
}

.latest-paks .menu-icon {
	background-position: 0px -30px;
}

.latest-paks.active .menu-icon,
.latest-paks a:hover .menu-icon {
	background-position: 0px 0;
}

.latest-bits .menu-icon {
	background-position: -32px -32px;
}

.latest-bits.active .menu-icon,
.latest-bits a:hover .menu-icon {
	background-position: -32px 0;
}

.latest-manuals .menu-icon {
	background-position: -60px -32px;
}

.latest-manuals.active .menu-icon,
.latest-manuals a:hover .menu-icon {
	background-position: -60px 0;
}

.op-lincensing-tool .menu-icon {
	background-position: -90px -32px;
}

.op-lincensing-tool.active .menu-icon,
.op-lincensing-tool a:hover .menu-icon {
	background-position: -90px 0;
}

.advice-xmls .menu-icon {
	background-position: -124px -32px;
}

.advice-xmls.active .menu-icon,
.advice-xmls a:hover .menu-icon {
	background-position: -124px 0;
}

.guidance-xmls .menu-icon {
	/*margin-top: 10px;*/
	background-position: -124px -32px;
}

.guidance-xmls.active .menu-icon,
.guidance-xmls a:hover .menu-icon {
	background-position: -124px 0;
}

.every-paks .menu-icon {
	/*margin-top: 10px;*/
	background-position: -200px -32px;
}

.every-paks.active .menu-icon,
.every-paks a:hover .menu-icon {
	background-position: -200px 0;
}

.wrapper .btn-danger {
	background-color: #c10000;
}

.wrapper .btn-danger:hover {
	background-color: #d14040;
}

.wrapper .btn-success {
	background-color: #5cb85c;
}

.wrapper .btn-success:hover {
	background-color: #3bb834;
}

/*=================== Tabs Styling Start =============*/

.tabs-wrap {
	float: left;
	width: 100%;
}

.tab-4 .nav-tabs {}

.tab-4 .nav-tabs li {
	width: 20%;
	padding: 0 2px !important;
}

.tab-4 .nav-tabs li a {
	text-transform: capitalize;
	font-size: 18px;
	font-family: "Oswald-Medium";
	text-align: center;
	border-radius: 0;
	color: #a0a2a7;
	position: relative;
	background-color: #f2f2f2;
}

.tabs-wrap .nav-tabs>li.active>a,
.tabs-wrap .nav-tabs>li.active>a:focus,
.tabs-wrap .nav-tabs>li.active>a:hover {
	color: #000 !important;
}

.tabs-wrap .nav-tabs>li a:after {
	content: "";
	position: absolute;
	left: -1px;
	width: 101%;
	bottom: -1px;
	background-color: #ddd;
	height: 1px;
}

.tabs-wrap .nav-tabs>li.active>a {
	background-color: #fbfbfb !important;
}

.tabs-wrap .nav-tabs>li.active>a:after,
.tabs-wrap .nav-tabs>li.active>a:focus:after,
.tabs-wrap .nav-tabs>li.active>a:hover:after {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	bottom: -1px;
	background-color: #fbfbfb !important;
	height: 1px;
}

/*=================== Tabs Styling End =============*/

.phone-num {
	color: #009ee7 !important;
	text-decoration: underline !important;
}

.statsu-icon {
	font-size: 22px;
}

.valign-middle tbody tr td {
	vertical-align: middle !important;
}

.add-contacts {
	float: left;
	width: 100%;
	border-bottom: 1px solid #e6e9ed;
}

.add-contacts .field-wrp {
	float: left;
	width: 12.25%;
	margin: 15px 0 0 2%;
}

.add-contacts .form-wrp {
	float: left;
	width: 102%;
	margin-left: -2%;
}

.relative {
	position: relative;
}

.pak_details {
	min-height: 400px;
}

.no-data {
	font-family: "Roboto-Light";
	background-color: #f2f7fa;
	border: 1px solid #0068da;
	clear: both;
	color: #0068da;
	font-size: 14px;
	padding: 8px;
	text-align: center;
	display: inline-block;
	min-width: 150px;
}

.no-data.center {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

/*============ Loader Start =============*/

.loader {
	border: 16px solid #f79646;
	border-radius: 50%;
	border-top: 16px solid #cf7626;
	width: 100px;
	height: 100px;
	display: none;
	-webkit-animation: spin 1s linear infinite;
	animation: spin 1s linear infinite;
}

.loader-sm {
	cursor: default;
}

.loader-sm .loader,
.loader.loader-sm {
	border: 5px solid #f79646;
	border-top: 5px solid #af5610;
	width: 20px;
	height: 20px;
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

/*============ Loader End =============*/

.pak_details .loader {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -50px 0 0 -50px;
}

.form-wrp .selectize-input {
	min-height: 40px;
	padding: 9px 12px;
	border-radius: 0;
	border-color: #c5c5c5;
}

.form-wrp .selectize-input.focus {
	border-color: #c5c5c5;
	box-shadow: none;
}

.single .has-items .item {
	background: transparent !important;
	color: #000 !important;
}

.modal-content .modal-header {
	display: block;
	border-radius: 4px 4px 0 0;
}

.selectnav {
	display: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.selectnav:focus {
	outline: none !important;
}

.iframe-scroll {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	height: 24500px;
}

.iframe-scroll iframe p {
	word-wrap: break-word !important;
}

.select-type.download-cat-select {
	display: none;
}

.contacts-info .loader-sm {
	float: right;
	padding: 6px 0 !important;
}

.contacts-info .loader.loader-sm {
	padding: 0 !important;
}

.btn_loader_wrp .loader {
	position: absolute;
	top: 50%;
	left: -20px;
	margin-top: -10px;
}

.btn_loader_wrp,
.table-btn-group {
	float: right;
}

.table-btn-group .btn {
	margin: 0 3px;
}

.modal-header .close {
	width: 20px;
	height: 20px;
	opacity: 1;
	color: #fff;
	font-size: 16px;
	border-radius: 100%;
	background-color: #0068da !important;
	text-shadow: none;
	margin: 0 !important;
	padding: 0;
}

.modal-header .close:hover {
	opacity: 1;
	color: #fff;
}

hr {
	border-color: #ddd;
	margin: 10px 0;
}

.form-control.textarea {
	height: 150px;
}

.form-control.autoheight {
	height: auto;
}

.btn.disabled,
.btn.disabled:hover {
	color: #333;
	background-color: #bdbdbd;
}

.btn-danger.disabled,
.btn-danger.disabled:hover {
	color: #333;
	background-color: #bdbdbd;
}

.datepicker.dropdown-menu {
	background-color: #0068da;
	padding: 7px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.datepicker.dropdown-menu:before,
.datepicker.dropdown-menu:after {
	display: none;
}

.datepicker-days,
.datepicker-months,
.datepicker-years,
.datepicker-decades,
.datepicker-centuries {
	background-color: #fff;
}

.datepicker-days thead, .datepicker-months thead, .datepicker-years thead, .datepicker-decades thead, .datepicker-centuries thead {
	background-color: #0068da;
}

.datepicker thead td,
.datepicker thead th,
.datepicker table tr td span.focused,
.datepicker table tr td span:hover {
	color: #fff;
	border-radius: 0;
}

.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover {
	background: #0047bb;
}

.datepicker .next,
.datepicker .prev {
	font-size: 21px;
}

.datepicker .day {
	border-radius: 0;
}

.datepicker .active.day, .datepicker table tr td span.focused, .datepicker table tr td span:hover {
	background: #0047bb !important;
	border-radius: 0;
}

.datepicker .today.day {
	background: #0068da;
}

.datepicker .today.day {
	color: #fff;
}

.datepicker table tr td span {
	line-height: 40px;
	height: 40px;
}

.logout-wrp {
	padding: 10% 0;
}

.logout-box {
	margin: 30px 0 20px 0;
}

.selectize-dropdown-content {
	background-color: #fff;
	padding: 0;
	border: 1px solid #ddd;
	margin: -1px;
}

.selectize-dropdown-content .option.active {
	background: #0068da !important;
	color: #fff !important;
}

.has-items .item {
	background: #0068da !important;
	color: #fff !important;
}

.before-login-fof {
	float: left;
	width: 100%;
}

.before-login-fof img {
	width: 190px;
	height: 50px;
}

.after-login-fof {
	float: left;
	width: 100%;
	margin: 40px 0 0 0;
}

ul.links-fof {
	float: left;
	width: 105%;
	margin: 0 0 0 -5%;
	list-style: none;
}

ul.links-fof li {
	float: left;
	width: 45%;
	margin: 0 0 5px 5%;
	border-bottom: 1px solid #ddd;
	padding-bottom: 5px;
}

ul.links-fof li a {
	color: #0068da;
}

.img-fof {
	margin: 50px 0 20px 0;
}

.alertify .ajs-dialog {
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.alertify .ajs-header {
	background: #0068da !important;
	color: #fff !important;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.alertify .ajs-commands button.ajs-close {
	background-color: #0047bb !important;
	border-radius: 20px;
	color: #fff !important;
}

.alertify .ajs-footer {
	padding: 5px;
}

.alertify .ajs-footer .ajs-buttons .ajs-button {
	border: 1px solid #0068da !important;
	font-weight: normal !important;
	border-radius: 0 !important;
	background-color: #0068da;
	color: #fff;
	padding: 0 10px;
}

.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-cancel {
	background-color: #d22730;
	border-color: #d22730 !important;
}

.download-pak .has-items .item {
	background-color: transparent !important;
	color: #000 !important;
}

.width-10-percent {
	width: 10%;
}

.width-20-percent {
	width: 20%;
}

.width-30-percent {
	width: 30%;
}

.width-40-percent {
	width: 40%;
}

.width-50-percent {
	width: 50%;
}

.width-60-percent {
	width: 60%;
}

.width-70-percent {
	width: 70%;
}

.width-80-percent {
	width: 80%;
}

.width-90-percent {
	width: 90%;
}

.footer {
	float: left;
	width: 100%;
	padding: 20px 0;
	background-color: #0068da;
}

.right-header .user-info a {
	color: #000;
}

.copyright {
	color: #fff;
}

.white-space-no-wrap {
	white-space: nowrap !important;
}

pre {
	white-space: pre-wrap;
	/* Since CSS 2.1 */
	white-space: -moz-pre-wrap;
	/* Mozilla, since 1999 */
	white-space: -pre-wrap;
	/* Opera 4-6 */
	white-space: -o-pre-wrap;
	/* Opera 7 */
	word-wrap: break-word;
	/* Internet Explorer 5.5+ */
}

.btn-email-status {
	float: none;
	display: inline-block;
}

.btn-email-status .statsu-icon {
	margin: 0 0 0 5px;
}

.display-none {
	display: none !important;
}

@keyframes spinner {
	to {
		transform: rotate(360deg);
	}
}

.spinner:before {
	content: "";
	box-sizing: border-box;
	position: absolute;
	top: 200px;
	left: 50%;
	width: 80px;
	height: 80px;
	margin-left: -40px;
	border-radius: 50%;
	border: 8px solid transparent;
	border-top-color: #0068da;
	border-bottom-color: #0068da;
	animation: spinner 0.8s ease infinite;
	z-index: 9999;
}

.spinner-wrp {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
}

.spinner-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
	background: rgba(0, 0, 0, 0.7);
}

.what-learn {
	width: 200px;
}

.accept-training-demo {
	max-width: 800px;
	margin: 0 auto;
	padding: 15px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
}

.lesson-video {
	padding: 15px;
	margin: 10px 0;
	border: 1px solid #ddd;
	box-shadow: 0 4px 0 0 #ddd;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.lesson-video .text {
	height: 100%;
	position: relative;
}

.ribbon-box {
	position: absolute;
	top: -6px;
	right: -16px;
	padding: 3px 12px;
	background-color: #ddd;
}

.ribbon-box:before {
	content: "";
	position: absolute;
	display: block;
	bottom: 0;
	border: 15px solid #ddd;
	border-left-color: transparent !important;
	left: -22px;
	border-right-width: 7px;
}

.ribbon-box.green {
	color: #fff;
	background-color: #125f32;
}

.ribbon-box.green:before {
	border-color: #125f32;
}

.ribbon-box.red {
	color: #fff;
	background-color: #cb2727;
}

.ribbon-box.red:before {
	border-color: #cb2727;
}

.ribbon-box.blue {
	color: #fff;
	background-color: #008bff;
}

.ribbon-box.blue:before {
	border-color: #008bff;
}

.lesson-video .grid-columns [class*="col-"] {
	margin: 0;
}

.time-zone-box {
	float: left;
	width: 100%;
	padding: 5px;
	border: 1px solid #ddd;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.time-zone-box .alert {
	margin: 0;
}

.lesson-video .text h3 {
	margin-top: 0;
}

.lesson-video .text .btn-options {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

.lesson-video .text .btn-options .btn {
	font-size: 12px;
}

.lesson-video .video-container {
	position: relative;
	float: left;
	width: 100%;
	border: 4px solid #f79646;
}

.lesson-video .video-container span {
	position: absolute;
	top: 10px;
	right: 10px;
	color: #39ff14 !important;
}

.notify-badges {
	margin: 50px 0 0 0;
}

.notify-badges .label {
	padding: 10px;
	font-size: 16px;
	min-width: 200px;
	display: inline-block;
	font-weight: normal;
}

.bootcamp-wrp .resp-tabs-list {
	margin: 0;
}

.bootcamp-wrp .resp-tab-content {
	border-top: none;
}

.bootcamp-wrp .resp-tab-content .panel-group {
	margin: 0;
}

.static-video-panel.panel {
	height: 448px;
	border-radius: 0;
}

.static-video-panel.panel .panel-body {
	height: 100%;
}

.video-player-container .panel {
	border-radius: 0;
}

.video-listing {
	float: left;
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #ddd;
}

.video-listing figure {
	float: left;
	width: 120px;
	position: relative;
}

.video-listing .text {
	margin: 0 0 0 130px;
}

.video-listing.resource-listing figure {
	width: 44px;
}

.video-listing.resource-listing figure i {
	color: #0068da;
}

.video-listing.resource-listing .text {
	margin: 0 0 0 50px;
	position: relative;
	float: none;
	width: auto;
	padding: 0 65px 0 0;
}

.video-listing.resource-listing .text .btn-download {
	position: absolute;
	right: 0;
	top: 0;
}

.video-listing .text h4 {
	margin: 0 0 4px 0;
	font-size: 12px;
	text-transform: capitalize;
}

.video-listing .text p {
	color: #000;
}

.video-listing a {
	display: block;
}

.video-listing .text h4 a, .video-listing a .play-icon {
	color: #0068da;
}

.video-listing.active .text h4 a,
.video-listing.active .play-icon,
.video-listing a:hover .text h4,
.video-listing a:hover .play-icon {
	color: #cf7626;
}

.video-desc {
	margin: 0 0 10px 0;
	height: 50px;
	overflow: hidden;
	position: relative;
	font-size: 12px;
}

.video-desc .description-text {
	text-align: justify;
}

.video-desc.show-text {
	height: auto;
	padding: 0 0 16px 0;
}

.btn-show-more {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	color: #000;
	height: 34px;
	line-height: 56px;
	text-align: center;
	background: url("../images/shadow-detail.png") repeat-x;
}

.video-desc.show-text .btn-show-more {
	background: none;
	line-height: normal;
	height: auto;
}

.bootcamp-wrp .resp-tab-content .panel-body {
	max-height: 350px;
	overflow-y: auto;
	background-color: #fff;
}

.bootcamp-wrp .resp-tab-content .card-body .video-listing:last-child {
	margin: 0;
	border-bottom: none;
	padding: 0;
}

.play-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	box-sizing: border-box;
	transform: translate(-50%, -50%);
}

.video-statistics .progress {
	margin: 0;
	height: 16px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	box-shadow: none;
	background-color: #e1e1e1;
}

.video-statistics .progress .progress-bar {
	font-size: 9px;
	line-height: 16px;
}

.video-statistics .progress .progress-bar-warning {
	background-color: #f79646;
}

.bootcamp-wrp .resp-tabs-container {
	border: 1px solid #ddd;
	padding: 5px;
}

.bootcamp-wrp .resp-tabs-list li {
	height: auto;
	font-size: 15px;
	padding: 6px 14px;
	border: 1px solid #ddd !important;
	border-bottom: none !important;
}

.bootcamp-wrp .resp-tabs-list li:last-child {
	margin: 0;
}

.accordion .card {
	margin-bottom: 5px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.125) !important;
}

.card.card-plane {
	border: none;
	background-color: transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.card.card-plane {
	border-bottom: 1px solid #ddd;
	border-radius: 0;
}

.card.card-plane .panel-heading {
	border-radius: 0;
	position: relative;
	padding: 0;
}

.card.card-plane.active .panel-heading a, .card.card-plane .panel-heading a:hover {
	background-color: #0068da;
	color: #fff;
	transition: all 0.2s ease-in-out 0s;
}

.card.card-plane .panel-heading a {
	font-size: 15px;
	margin: 0;
	padding: 8px 52px 8px 8px;
	display: block;
	color: #333131;
	font-family: "Oswald-Medium";
	background-color: #f2f2f2;
}

.card.card-plane .panel-heading a i {
	position: absolute;
	right: 8px;
	top: 14px;
}

.card.card-plane .card-body {
	padding: 15px 0;
}

.confirm-register {
	margin: 100px auto;
}

.accordion .card.card-outline {
	border-color: #0068da;
	border-bottom: 1px solid #0068da !important;
}

.accordion .card.card-outline .card-header {
	border-bottom: 1px solid #0068da;
	padding: 0;
}

.accordion .card.card-outline .card-header a {
	padding: 0.5rem 2.4rem 0.5rem 1rem;
}

.accordion .card.card-outline .card-header a i {
	position: absolute;
	right: 1rem;
	top: 3px;
}

.coming_soon_sticker {
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 50%;
}

.recorded-lessons-sign-up, .live-lessons-sign-up {
	color: #0068da;
	display: block;
}

.recorded-lessons-sign-up:hover,
.recorded-lessons-sign-up:focus,
.live-lessons-sign-up:hover,
.live-lessons-sign-up:focus {
	color: #f79646;
}

.live-lessons-sign-up {
	position: relative;
	overflow: hidden;
	display: block;
}

.recorded-lessons-sign-up .content-box,
.live-lessons-sign-up .content-box {
	margin: 0;
	position: relative;
}

.recorded-lessons-sign-up .content-box .loader,
.live-lessons-sign-up .content-box .loader {
	position: absolute;
	top: 10px;
	right: 10px;
}

.badge-coming-soon {
	position: absolute;
	top: 24px;
	left: -60px;
	z-index: 2;
	width: 200px;
	transform: rotate(-40deg);
	background-color: #0068da;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
}

.live-lessons-sign-up:hover .badge-coming-soon {
	background-color: #f79646;
}

/*==========Custom Checkbox and radio button style===========*/

.control {
	display: inline-block;
	position: relative;
	padding-left: 30px;
	cursor: pointer;
	line-height: normal;
	margin: 10px 0;
}

.control input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}

.control__indicator {
	position: absolute;
	top: 0;
	left: 0;
	height: 18px;
	width: 18px;
	border: 1px solid #747474;
}

.control--radio .control__indicator {
	border-radius: 50%;
}

.control input:disabled~.control__indicator {
	background: #e6e6e6;
	opacity: 0.6;
	pointer-events: none;
}

.control__indicator:after {
	content: "";
	position: absolute;
	display: none;
}

.control--checkbox .control__indicator:after {
	left: 2px;
	top: -3px;
	width: 17px;
	height: 17px;
	background: url("../images/arrow-checkbox.png") no-repeat;
	background-size: 100% 100%;
}

.control input:checked~.control__indicator:after {
	display: block;
}

.control--checkbox input:disabled~.control__indicator:after {
	background: none;
	background-size: 100% 100%;
	display: block;
}

.control--checkbox input:checked:disabled~.control__indicator:after {
	background: url("../images/arrow-checkbox-checked.png") no-repeat;
	background-size: 100% 100%;
	display: block;
}

.control--radio .control__indicator:after {
	left: 2px;
	top: 2px;
	height: 12px;
	width: 12px;
	border-radius: 50%;
	background: #409690;
}

.control--radio input:disabled~.control__indicator:after {
	background: #a9a9a9;
	display: block;
}

.control.label-bold {
	font-family: "Oswald-Medium";
}

/*==========Custom Checkbox and radio button style===========*/

.card.card-plane .panel-heading a.category-download-link {
	position: absolute;
	right: 28px;
	top: 11px;
	display: inline-block;
	background-color: #f79646;
	color: #fff;
}

.btn-xs {
	padding: 3px 5px !important;
	font-size: 12px !important;
}

.manuals-view-btn {
	padding: 2px 10px !important;
	font-size: 14px !important;
}

.card.card-plane .panel-heading a.category-download-link i {
	position: static;
}

.bootcamp-home-video .card-body {
	padding: 0.5rem;
}

[data-toggle="collapse"] .fa:before {
	content: "\f068";
}

[data-toggle="collapse"].collapsed .fa:before {
	content: "\f067";
}

.video-wrp,
.static-video-panel {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.category-download-link {
	position: absolute;
	right: 28px;
	top: 7px;
}

.traning-article {
	float: left;
	width: 100%;
	border: 1px solid #ddd;
	padding: 2px 15px;
	margin: 3px 0;
}

.traning-article h4 {
	font-size: 16px;
	margin: 5px 0;
}

.traning-article .time-zone-box {
	padding: 5px;
	margin: 4px 0;
	border: none;
	border-radius: 0;
	border-bottom: 1px solid #ddd;
}

.traning-article .time-zone-box:last-of-type {
	border-bottom: none;
}

.traning-article .eq-height .alert {
	min-height: 105px;
}

.border-right {
	border-right: 1px solid #ddd;
}

.traning-article .time-zone-box .alert {
	margin: 0 0 7px 0;
	border: 0;
}

.traning-article .time-zone-box .alert.alert-default {
	padding: 0;
}

.time-zone-box:hover {
	cursor: pointer;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
}

.training-title {
	background: #0068da;
	color: #fff;
	padding: 8px 5px;
}

.training-title span {
	float: right;
	margin-right: 2px;
	color: #fff;
}

.upcoming-traingingsWrap .time-zone-box .alert {
	min-height: 95px;
}

.upcoming-traingingsWrap .action-btns {
	margin: 5px 0;
}

.action-btns .col-md-2 {
	padding: 0;
	margin: 0 0 0 10px;
}

.video-wrp .embed-responsive:before {
	display: inline;
}

.available-paks {
	border-bottom: 1px solid #ddd;
}

.ddd-training-row {
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
	border-bottom: 1px solid #ddd;
}

.ddd-training-row:last-child {
	border-bottom: none;
	padding: 0;
	margin: 0;
}

.quiz-module.sw-theme-default {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.quiz-module.sw-theme-default .step-content {
	padding: 0;
	margin: 20px 0;
}

.quiz-module.sw-theme-default .step-content .card {
	border-radius: 0;
}

.quiz-module.sw-theme-default .step-content .card .card-header {
	font-size: 20px;
	padding: 0.5rem 1.25rem;
	font-family: "Oswald-Medium";
}

.quiz-module.sw-theme-default .sw-toolbar {
	background-color: transparent;
}

.quiz-question {
	float: left;
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #ddd;
}

.quiz-question h5 {
	font-size: 1rem;
	margin: 0;
}

.quiz-question:last-child {
	border-bottom: none;
	padding: 0;
	margin: 0;
}

.question-option {
	float: left;
	width: 100%;
	margin: 5px 0;
}

.quiz-question .control {
	line-height: 25px;
	margin: 0;
}

.quiz-question .control .control__indicator {
	top: 3px;
}

.fancybox-slide--video .fancybox-content {
	border: 10px solid #fff !important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.question-video {
	margin: 10px 0;
}

.progress.quiz-progress {
	border-radius: 50px;
	height: 2rem;
	background-color: #ddd;
}

.quiz-progress .bg-success {
	background-color: #0068da !important;
}

ol.boxes-list {
	list-style-type: none;
	list-style-type: decimal !ie;
	margin: 0;
	counter-reset: li-counter;
}

ol.boxes-list li {
	position: relative;
	margin-bottom: 5px;
	padding: 0 0 0 15px;
	font-size: 13px;
}

ol.boxes-list li:before {
	content: counter(li-counter);
	counter-increment: li-counter;
	position: absolute;
	top: 5px;
	left: -4px;
	font-size: 14px;
	line-height: 10px;
	text-align: center;
	color: #0047bb;
	font-weight: 600;
}

.progress-label, .progress-val {
	position: relative;
	background-color: #ddd;
	padding: 0 15px;
	height: 32px;
	line-height: 31px;
	text-align: center;
}

.progress-label {
	border-radius: 50px 0 0 50px;
}

.progress-val {
	border-radius: 0 50px 50px 0;
}

.progress-label:after {
	content: "";
	position: absolute;
	right: -20px;
	width: 0;
	height: 0;
	border-left: 20px solid #ddd;
	border-top: 16px solid transparent;
	border-bottom: 16px solid transparent;
}

.progress-val:after {
	content: "";
	position: absolute;
	left: -20px;
	width: 0;
	height: 0;
	border-right: 20px solid #ddd;
	border-top: 16px solid transparent;
	border-bottom: 16px solid transparent;
}

.question-option .option-video {
	margin-left: 30px;
}

.section-description ul {
	margin: 0 0 0 15px;
}

.finish-quiz {
	display: none;
}

.hidden-quiz {
	display: none;
}

.show-quiz {
	display: block;
}

.quiz-question-error {
	color: #d8000c;
}

.percent-value {
	color: #0068da;
	display: inline-block;
	position: relative;
	font-size: 5rem;
}

.gift-box {
	padding: 60px 0;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
}

.quiz-gifts-wrapper .radio label {
	display: block;
}

.quiz-gift {
	padding: 50px;
	font-size: 25px;
	font-weight: bold;
	color: #0068da;
	width: 100%;
}

.quiz-gift .control__indicator {
	height: 100%;
	width: 100%;
	border: 1px solid #ddd;
}

.control.quiz-gift input:checked~.control__indicator {
	border: 1px solid #409390;
}

.control.quiz-gift input:checked~.control__indicator:after {
	top: 10px;
	left: auto;
	right: 10px;
}

/* .table-responsive .table {
    table-layout: fixed;
} */

.form-wrp .select2-container--default {
	width: 100% !important;
}

.form-wrp .select2-container--default .select2-selection--single,
.form-wrp .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 40px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.form-wrp .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 40px;
}

.form-wrp .select2-container--default .select2-selection--multiple {
	min-height: 40px;
}

.folder-view-wrp {
	padding-left: 5px;
	border-left: 1px dotted #666;
}

.folder-view-wrp .tree-view,
.folder-view-wrp .tree-view .card-header {
	border: none !important;
}

.folder-view-wrp .tree-view {
	position: relative;
	overflow: visible;
}

.folder-view-wrp .tree-view:before {
	display: block;
	content: " ";
	width: 10px;
	height: 1px;
	position: absolute;
	border-bottom: 1px dotted #666;
	top: 17px;
	left: -3px;
}

.folder-view-wrp .tree-view [data-toggle="collapse"] .fa:before {
	content: "\f07c";
}

.folder-view-wrp .tree-view [data-toggle="collapse"].collapsed .fa:before {
	content: "\f07b";
}

.folder-view-wrp .tree-view .card-header {
	padding: 2px 5px 2px 10px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.select2-dropdown {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}

.profile-pic {
	float: left;
	width: 30px;
	height: 30px;
	padding: 2px;
	border-radius: 100%;
	margin: -4px 5px 0 0;
	border: 2px solid #0068da;
}

.manuals-title {
	padding-left: 20px;
	margin: 2px 0 0 0;
	float: left;
	font-size: 16px;
}

.manuals-title i {
	position: absolute;
	top: 9px;
	left: 10px;
}

ul.files-listing {
	padding: 10px 5px 0 15px;
	margin: 0 0 0 15px;
	border-left: 1px dotted #666;
}

ul.files-listing li {
	position: relative;
	padding: 2px 0 2px 0;
}

ul.files-listing li::before {
	display: block;
	content: " ";
	width: 10px;
	height: 1px;
	position: absolute;
	border-bottom: 1px dotted #666;
	top: 14px;
	left: -13px;
}

ul.files-listing li a.btn {
	position: absolute;
	top: 3px;
	right: 0;
}

ul.files-listing li a.downarrow {
	position: absolute;
	top: 3px;
	right: 50px;
}

.date-time {
	display: inline-block;
}

.update-date {
	color: #0068da;
	font-size: 13px;
	font-family: "Oswald-Medium";
}

.file-size {
	color: #cf7626;
	font-size: 12px;
	margin: 0 5px 0 0;
	font-family: "Oswald-Medium";
}

.manuals-btn-wrapper {
	margin-bottom: 30px;
}

.white-space-normal.table-responsive>.table>thead>tr>th,
.white-space-normal.table-responsive>.table>tbody>tr>td {
	white-space: normal;
}

.live-timer {
	background-color: #2e92d7;
	font-size: 20px;
}

.live-lesson-in-progress {
	background-color: #266967;
	font-size: 20px;
}

/*policypak bootcamp banner css*/

.page-banner {
	padding: 25px 0;
	background: url(../images/banner.png) no-repeat center center;
	background-size: cover;
	margin-bottom: 25px;
}

.private-class-left-sec {
	display: flex;
	align-items: center;
}

.private-class-left-sec img {
	display: inline-block;
}

.private-class-left-sec h3 {
	font-size: 60px;
	color: #fff;
	padding-left: 20px;
	display: inline-block;
}

.private-class-right-sec {
	color: #fff;
}

.private-class-right-sec p {
	width: 90%;
	font-size: 16px;
	line-height: 22px;
}

.private-class-right-sec strong {
	font-size: 18px;
}

.private-class-right-sec strong a {
	color: #fff;
}

.slash {
	padding-left: 80px;
}

.bootcamp-page-para-fix {
	min-height: 700px;
	overflow: auto;
}

.container-scrolable.trainings {
	min-height: 590px !important;
}

.searchable-bigger .selectize-dropdown .selectize-dropdown-content {
	max-height: 450px;
}

.inner_paypal_div {
	margin: 0 auto;
	width: 600px;
}

.paypal_item_description {
	text-align: center;
}

.clear-float {
	clear: both;
}

.all-paks-searchable {
	height: 100%;
	border: none;
	overflow: hidden !important;
	overflow-y: unset;
	overflow-x: unset;
	float: none;
}

/* .all-paks-searchable #main div{
	width:100%;
	float: none!important;

}
.all-paks-searchable #main #demoPage{
	width:100%;
	float: none!important;

} */

/*policypak schedule meeting css*/

.schedule-forum .ant-layout .ant-card .ant-card-body .ant-form-vertical {
	box-shadow: 0px -1px 8px #ccc;
	padding: 20px 20px;
}

.schedule-forum .ant-layout .ant-card .ant-card-body .ant-form-vertical .ant-form-item-control button {
	background-color: #f79646 !important;
	border-color: #f79646 !important;
}

.schedule-forum .ant-layout .ant-card .ant-card-body .ant-form-vertical .ant-form-item-control button:hover {
	background-color: #cf7626 !important;
}

.schedule-forum .ant-layout .ant-card .ant-card-body .ant-form-vertical .ant-form-item-control button span {
	font-size: 20px;
	line-height: 22px;
}

.schedule-forum .ant-layout .ant-card .ant-card-body .ant-form-vertical .ant-form-item .ant-form-item-control .ant-input:hover {
	border-color: #0068da;
}

.schedule-forum .ant-layout .ant-card .ant-card-body .ant-form-vertical .ant-form-item .ant-form-item-control .ant-input:focus {
	border-color: #0068da;
}

.schedule-forum .ant-layout .ant-card .ant-card-body .ant-form-vertical .ant-form-item .ant-select-selection:focus, .ant-select-selection:active {
	border-color: #0068da;
}

.schedule-forum .ant-layout .ant-card .ant-card-body .ant-steps-horizontal .ant-steps-item-finish .ant-steps-item-icon .ant-steps-icon {
	top: -5px;
}

.schedule-forum .ant-steps-item-process .ant-steps-item-icon {
	background: #0068da;
	border-color: #0068da;
}

.schedule-forum .ant-btn-block {
	background-color: #f79646 !important;
	border-color: #f79646 !important;
}

.schedule-forum .ant-btn-block span {
	font-size: 20px;
	line-height: 22px;
}

.schedule-forum .ant-btn-block:hover {
	background-color: #cf7626 !important;
}

.schedule-forum .ant-steps-item-finish .ant-steps-item-icon {
	border-color: #0068da;
}

.schedule-forum .ant-steps-item-finish .ant-steps-item-icon>.ant-steps-icon {
	color: #0068da !important;
}

.schedule-forum .ant-steps-item-finish>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title::after {
	background-color: #0068da;
	top: 16px;
}

.schedule-forum .ant-table-thead>tr>th {
	background: #0068da !important;
	color: #fff !important;
	text-align: center;
}

.schedule-forum .ant-table table {
	text-align: center !important;
}

/* .schedule-forum .ant-btn-primary{
	background-color: #0068da !important;
	border-color: #0068da !important;
}
.schedule-forum .ant-btn-primary:hover{
	background-color: #0047bb !important;
	border-color: #0047bb !important;
} */

.schedule-forum table tr td:last-child {
	width: 170px !important;
}

.schedule-forum .ant-layout .anticon-right {
	position: absolute;
	top: 10px;
}

.schedule-forum .ant-checkbox:hover .ant-checkbox-inner, .ant-checkbox-input:focus+.ant-checkbox-inner {
	border-color: #0068da;
}

.schedule-forum .ant-checkbox-checked .ant-checkbox-inner {
	background-color: #0068da;
	border-color: #0068da;
}

.schedule-forum .ant-checkbox-wrapper:hover .ant-checkbox-inner, .ant-checkbox:hover .ant-checkbox-inner, .ant-checkbox-input:focus+.ant-checkbox-inner {
	border-color: #0068da !important;
}

.schedule-forum .rsw_2f {
	bottom: 0 !important;
	top: unset !important;
}

.paks_components .control {
	cursor: not-allowed;
}

.modal .modal-dialog.modal-xxl {
	max-width: 90% !important;
}

.container-scrolable.eula-container {
	max-height: 700px;
	overflow-x: hidden;
}

.tile-box {
	border: 1px solid rgba(0, 0, 0, 0.125);
	border-radius: 5px;
	padding: 15px;
	min-height: 200px;
	margin: 10px 0;
	position: relative;
	overflow: hidden;
	background: url("../images/box-bg.png");
}

.tile-box figure i {
	font-size: 50px;
}

.title-inner {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	display: block;
	padding: 10px;
	text-align: center;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.title-inner figure {
	display: inline-block;
	width: 80px;
}

.container-scrolable.eula-container {
	max-height: 700px;
	overflow-x: hidden;
}

.container-scrolable.bits-index-container {
	max-height: 450px;
	overflow-x: hidden;
}

.coins-badges {
	float: left;
	width: 100%;
	text-align: center;
}

.coin-img-box {
	/* display: inline-block;
	width: 140px;
	height: 140px; */
	width: 100%;
	text-align: center;
	margin: 0 5px 30px 5px;
	position: relative;
	border-radius: 100%;
}

.coin-img {
	margin: 0;
	position: relative;
	height: 100%;
}

.coin-img figcaption {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 140px;
	border-radius: 100%;
	transform: translate(-50%, -50%);
	font-size: 80px;
	color: rgba(255, 255, 255, 0.8);
}

.coin-img figcaption.pending-coin {
	font-size: 110px;
	line-height: 152px;
}

.coin-img-box p {
	position: absolute;
	bottom: -60px;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 18px;
}

.coins-badges img {
	border-radius: 100%;
	height: 100%;
}

.coins-badges img.gray-scale {
	filter: grayscale(1);
}

.flip-box {
	background-color: transparent;
	width: 100%;
	height: 200px;
	/* border: 1px solid #f1f1f1; */
	/* perspective: 1000px; */
	-webkit-transition: 0.6s;
	-moz-transition: 0.6s;
	transition: 0.6s;
	-webkit-transform: perspective(1000px);
	-moz-transform: perspective(1000px);
	transform: perspective(1000px);
}

.flip-box-inner {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition: transform 0.8s;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
}

.flip-box:hover .flip-box-inner {
	transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
}

.flip-box-front,
.flip-box-back {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}

.flip-box-front {
	color: black;
}

.flip-box-back {
	background-color: #f2f2f2;
	color: white;
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

/*  */

.bg-color-deactive,
.bg-color-active,
.bg-color-invalid {
	background-color: transparent !important;
	box-shadow: none !important;
}

.bg-color-deactive .flip-box .flip-box-inner,
.bg-color-active .flip-box .flip-box-inner,
.bg-color-invalid .flip-box .flip-box-inner {
	justify-content: center !important;
	display: flex !important;
}

.bg-color-deactive .flip-box .flip-box-inner .flip-box-front,
.bg-color-deactive .flip-box .flip-box-inner .flip-box-back {
	background: #efab73;
	width: max-content;
	margin: 0 auto;
	border-radius: 100px;
	padding: 8px;
}

.bg-color-active .flip-box .flip-box-inner .flip-box-front,
.bg-color-active .flip-box .flip-box-inner .flip-box-back {
	background: #93cfa1;
	width: max-content;
	margin: 0 auto;
	border-radius: 100px;
	padding: 8px;
}

.bg-color-invalid .flip-box .flip-box-inner .flip-box-front,
.bg-color-invalid .flip-box .flip-box-inner .flip-box-back {
	background: #f8d7da;
	width: max-content;
	margin: 0 auto;
	border-radius: 100px;
	padding: 8px;
}

.coin-page .main {
	background-color: #f2f2f2;
}

.achievements-secion {
	padding: 80px 0;
	color: #fff;
	position: relative;
	background-image: url("../images/coins/achievement-banner.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}

.achievements-secion::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.25);
}

.achievements-secion .text-inner {
	position: relative;
	z-index: 9;
}

.achievements-secion .achievement-header {
	padding-left: 65px;
}

.achievements-secion .achievement-header h2 {
	font-size: 36px;
}

.achievements-secion .achievement-header h4 {
	font-family: 'Lato', sans-serif;
	font-weight: 500;
	font-size: 30px;
	padding-left: 55px;
}

.achievements-secion .achievement-header h4 .collectable-text {
	position: relative;
}

.achievements-secion .achievement-header h4 .collectable-text::before {
	content: "";
	position: absolute;
	bottom: -6px;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #f79646;
}

.achievements-secion .collect-all {
	font-size: 32px;
	font-style: italic;
	font-weight: 500;
	font-family: 'Lato', sans-serif;
	color: #f79646;
	text-align: right;
	display: block;
	padding-right: 35px;
}

.achievements-secion {
	position: relative;
}

/* .achievements-secion:before {
    content: "";
    position: absolute;
    top: 15px;
    width: 33px;
    height: 54px;
    left: 50%;
    background-image: url("../images/coins/hand-graphic.png");
} */

.achivement-regards-header p {
	font-weight: 400;
	color: grey;
	font-size: 20px;
}

.text-green-light {
	color: #90b9b8 !important;
}

.policies-section .card-header a {
	font-size: 18px;
	display: inline-block;
}

.policies-section .card-header.txet-faded a strong {
	color: #90b9b8;
}

.policies-section .card-header.active.not-faded a strong, .policies-section .card-header.active a strong {
	color: #0068da;
}

.outline-buttons a {
	display: block;
	padding: 8px 0;
	font-size: 12px;
	border-radius: 0;
	font-weight: 700;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.outline-buttons .green-outline {
	color: #00bcae;
	border: 2px solid #00bcae;
}

.green-outline:hover,
.green-outline.active {
	color: #fff;
	background: #00bcae;
}

.outline-buttons .purple-outline {
	color: #6b2efb;
	border: 2px solid #6b2efb;
}

.purple-outline:hover,
.purple-outline.active {
	color: #fff;
	background: #6b2efb;
}

.outline-buttons .pink-outline {
	color: #eb2192;
	border: 2px solid #eb2192;
}

.pink-outline:hover,
.pink-outline.active {
	color: #fff;
	background: #eb2192;
}

.outline-buttons .orange-outline {
	color: #ff4800;
	border: 2px solid #ff4800;
}

.orange-outline:hover,
.orange-outline.active {
	color: #fff;
	background: #ff4800;
}

.policies-section .accordion .card.card-outline,
.policies-section .accordion .card.card-outline .card-header {
	border-bottom: none !important;
	border: none !important;
	background: none;
}

.policies-section .accordion .card.card-outline .card-header a,
.policies-section .accordion .card.card-outline .card-body {
	padding-left: 0;
}

.shipping-policy .card-body .form-group .form-control,
.shipping-policy .card-body .form-group .custom-select {
	border-radius: 0%;
}

.shipping-policy .card-body .form-group .form-control::placeholder,
.shipping-policy .card-body .form-group .custom-select::placeholder {
	color: #c2c2c2 !important;
}

.component-checkboxes .control {
	padding-left: 40px;
	color: #000;
	font-weight: 500;
	font-family: 'Lato', sans-serif;
}

.control__indicator {
	position: absolute;
	top: 50%;
	left: 0;
	height: 18px;
	width: 18px;
	transform: translateY(-50%);
	border: 1px solid #747474;
	background-color: #fff;
}

.component-checkboxes .control__indicator {
	height: 28px;
	width: 28px;
}

.control input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}

.control input:checked~.control__indicator:after {
	display: block;
}

.component-checkboxes .control--checkbox .control__indicator:after {
	left: 3px;
	top: -6px;
	width: 27px;
	height: 27px;
}

.catpcha-box-images {
	display: flex;
	justify-content: center;
}

.catpcha-box-images figure img {
	width: 80px;
}

.catpcha-box {
	display: flex;
	justify-content: center;
	align-items: center;
}

.container-scrolable .default-hero-section.bg-default,
h2.portal-heading,
.content-box .default-hero-section.bg-default {
	display: none;
}

.content-box .container {
	max-width: 100%;
}

#changelogcontent dl,
#changelogcontent ol,
#changelogcontent ul {
	margin-top: 0;
	margin-bottom: 1rem;
	margin-left: 30px;
}

.minor-width-video-content {
	width: 360px;
	margin: auto;
}

table.layout-fixed-table {
	table-layout: fixed;
}

table.layout-fixed-table tr td, table.layout-fixed-table tr th {
	word-wrap: break-word;
}
.manage-video{
	width: 800px;
	margin: auto;
}