@import url(../font/iranyekan/css/fontiran.css);
/*nav.navbar {
	background-color: #ffcc00 !important;
}*/

[data-theme="default"] {
	--primary-color: #ec5252;
	--primary-bg-color: #ec5252;
	--primary-border-color: #e72424;
	--secondary-bg-color: #29303b;
}

[data-theme="green"] {
	--primary-color: #23897b;
	--primary-bg-color: #23897b;
	--primary-border-color: #137664;
	--secondary-bg-color: #244145;
}

[data-theme="purple"] {
	--primary-color: #7b2dbf;
	--primary-bg-color: #7b2dbf;
	--primary-border-color: #540bb0;
	--secondary-bg-color: #240046;
}

[data-theme="blue"] {
	--primary-color: #2078b8;
	--primary-bg-color: #2078b8;
	--primary-border-color: #164c70;
	--secondary-bg-color: #123956;
}

.sf-toolbar {
	direction: ltr !important;
}

html, body, div, span, applet, object, iframe, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, h1, h2, h3, h4, h5, h6 {
	/*direction: rtl;*/
	font-family: iranyekan, Samim, Tahoma, Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
}

h1, h2, h3, h4, h5 {
	font-weight: bold;
}

h3 {
	font-size: 1.2em;
}

h4 {
	font-size: 1em;
}

h5 {
	font-size: 0.8em;
}

html, body {
	/*height: 100%;*/
}

body {
	font-size: 15px;
	line-height: 1.8;
	color: #3C4858;
	background-color: #fff;
}

a {
	color: var(--a-color, #007791);
}

a:hover {
	color: #003845;
	text-decoration: none;
}

a:focus {
	color: var(--a-focus-color,#ff0000);
	text-decoration: none;
}

label {
	margin-bottom: 0.2rem;
}

.ltr {
	direction: ltr !important;
}

.cursor-pointer {
	cursor: pointer;
}

.btn:active, button:active, input[type=button]:active, input[type=submit]:active {
	-webkit-transform: translateY(4px);
	-moz-transform: translateY(4px);
	-ms-transform: translateY(4px);
	-o-transform: translateY(4px);
	transform: translateY(4px);
}

#bodyarea {
	/*padding:10px 0;*/
}

.list-unstyled {
	padding-left: 0;
	padding-right: 0;
	list-style: none;
}

/* bootstrap */
.btn {
	border-radius: 0;
}

.btn-outline-primary {
	color: #007791;
	border-color: #007791;
}

.btn-outline-primary:hover {
	background-color: #007791;
	border-color: #007791;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
	box-shadow: 0 0 0 0.2rem rgba(0, 119, 145, 0.5);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
	color: #007791;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
	background-color: #007791;
	border-color: #007791;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(0, 119, 145, 0.5);
}

.btn-outline-secondary:hover {
	color: #686f7a;
	background-color: #f2f3f5;
	border-color: #505763;
}

.btn-danger {
	color: #fff;
	background-color: #ec5252;
	border-color: #ec5252;
}

.btn-danger:hover {
	color: #fff;
	background-color: #c82333;
	border-color: #bd2130;
}

.btn-danger:focus, .btn-danger.focus {
	box-shadow: 0 0 0 0.2rem rgba(236, 82, 82, 0.5);
}

.btn-danger.disabled, .btn-danger:disabled {
	color: #fff;
	background-color: #ec5252;
	border-color: #ec5252;
}

.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
	color: #fff;
	background-color: #bd2130;
	border-color: #b21f2d;
}

.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(236, 82, 82, 0.5);
}

.pagination {
	padding-right: 0;
}

.page-item:first-child .page-link, .page-item:last-child .page-link {
	border-top-right-radius: 0rem;
	border-bottom-right-radius: 0rem;
	border-top-left-radius: 0rem;
	border-bottom-left-radius: 0rem;
}

.page-item:first-child .page-link {
	border-top-right-radius: .25rem;
	border-bottom-right-radius: .25rem;
}

.page-item:last-child .page-link {
	border-top-left-radius: .25rem;
	border-bottom-left-radius: .25rem;
}

.rtl .form-check-input {
	margin-left: -1.25rem;
	margin-right: inherit;
}

/* bootstrap */

.message-bar {
	background-color: #007791;
	color: #eee;
	font-size: 15px;
	padding: 5px;
	text-align: center;
}

.header-bar {
	background: #fff;
	box-shadow: 0 0 1px 1px rgba(20,23,28,.1), 0 3px 1px 0 rgba(20,23,28,.1);
	display: block;
	position: relative;
	/*z-index: 1010;*/
	height: 80px;
	padding: 10px;
}

nav.navbar {
	/*padding-top: 3px !important;*/
	/*padding-bottom: 3px !important;*/
	box-shadow: 0 0 1px 1px rgba(20,23,28,.1), 0 3px 1px 0 rgba(20,23,28,.1);
}
.navbar-form {
	margin-top: 0;
	margin-bottom: 0;
}

.navbar-form .form-control {
	width: 50%;
}

.navbar-form .form-group {
	margin-top: 0;
}

.dark-bar {
	background: linear-gradient(rgb(41, 48, 59), rgb(41, 48, 59), rgb(41, 48, 59));
	position: relative;
	padding-top: 30px;
	padding-bottom: 30px;
	color: #ffffff;
}

.info-bar {
	background: var(--secondary-bg-color);
	position: relative;
	padding-top: 30px;
	padding-bottom: 30px;
}

.info-box-outer {
	position: relative;
	z-index: 1020;
	display: none;
}

.info-box-wrapper {
	position: absolute;
	display: block;
	padding: 10px;
	z-index: 20;
}

.fixed-box {
	position: fixed !important;
	top: 10px !important;
}

.info-box {
	background-color: #fff;
	box-shadow: rgba(20, 23, 28, 0.1) 0px 0px 1px 1px, rgba(20, 23, 28, 0.1) 0px 3px 1px 0px;
	color: rgb(80, 87, 99);
	border-radius: 4px;
	padding: 3px;
}

.meta-box {
	color: #fff;
	padding: 10px;
}

.meta-box .meta-data {
	color: #eee;
	margin-top: 10px;
}

.meta-box .meta-data span {
	/*margin-left: 10px;*/
}

.meta-box .meta-data span i {
	/*font-size: 1em;*/
	/*color: #eee;*/
}

.header-fixed-bar {
	pointer-events: none;
	position: fixed;
	top: 0px;
	z-index: 1015;
	background-color: rgba(41, 48, 59, 0.8);
	color: #fff;
	width: 100%;
	padding: 10px;
	display: none;
}

.what-will-get {
	background-color: rgb(249, 249, 249);
	border-width: 1px;
	border-style: solid;
	border-color: rgb(222, 223, 224);
	border-image: initial;
	padding: 20px;
}

.fa-li {
	right: -2em;
	left: auto;
}

.what-will-get .what-will-get-item {
	margin: 10px 0;
}
.section {
	margin: 40px 0;
}
.section img {
	max-width: 100% !important;
	height: auto !important;
}
.dashboard-section {
	padding: 40px 0;
	border-bottom: 1px solid rgb(222,223,224);
}

.footer-top-bar {
	background-color: #e8e9eb;
	padding: 10px;
	font-size: 0.8em;
}

.footer-mid-bar {
	padding: 20px 10px;
	border-bottom: 1px solid rgb(222,223,224);
}

.footer-bot-bar {
	padding: 5px;
	border-bottom: 6px solid #a94442;
}

.logo {
	/*height: 40px;*/
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

.navbar-nav a {
}

.navbar-nav > li {
	display: inline;
}

.rtl .navbar-nav .nav-item+.nav-item {
	margin-right: 0;
}

.navbar-nav > li > a:not(.usermenu) {
	padding-top: 10px;
	padding-bottom: 10px;
}

.navbar-nav > li > a > i {
	padding-top: 7px;
	padding-bottom: 7px;
}

.navbar .navbar-brand {
	margin-right: 0 !important;
}

.dark-bar .thumb img, .info-box .thumb img {
	width: 100% !important;
	height: auto !important;
}

.info-box .thumb {
	box-shadow: rgba(20, 23, 28, 0.1) 0px 0px 1px 1px, rgba(20, 23, 28, 0.1) 0px 3px 1px 0px;
}

.info-box-container {
	padding: 10px;
}

.info-box-container .price-box {
	text-align: right;
}

.info-box-container .price-box .price {
	font-weight: bold;
	font-size: 1.5em;
	margin: 10px;
}

.info-box-container .price-box .oldprice {
	color: #999;
	text-decoration: line-through;
	font-size: 1.5em;
	margin: 5px;
}

.info-box-container .price-box .discount {
	color: #bbb;
	font-size: 1.5em;
	margin: 5px;
	text-decoration: line-through;
}

.info-box-container .remain {
	color: #007791;
	margin: 10px;
}

.info-box-container .btns {
	text-align: center;
	margin: 5px 10px 5px 10px;
}

.includes {
	margin-top: 20px;
}
/***** */

.row {
	margin-right: 0;
	margin-left: 0;
}
.btn-continue:before{
	position:absolute;
	content:'';
	top:-10px;
	right:-10px;
	left:-10px;
	bottom:-10px;
}
.btn-continue {
	position:relative;
	/*width: auto !important;*/
	color: var(--primary-btn-color,#fff) !important;
	background-color: var(--primary-bg-color) !important;
	border: 2px solid var(--primary-border-color) !important;
	padding-right: 20px !important;
	padding-left: 20px !important;
}
.btn-continue:not(.btn-block) {
	width: auto !important;
}

.btn-previous, .btn-grey {
	background-color: #ddd !important;
	border: 2px solid #ccc !important;
	color: #666 !important;
}

.btn-previous:hover {
	background-color: #ccc;
}

.curr {
	margin-top: 20px;
}

.curr .card-header, .curr .card-body {
	padding: 0;
}

.curr .card {
	margin-top: 5px;
}

.curr .card-header .card-header-container {
	padding: 10px;
	align-items: center;
	cursor: pointer;
	height: auto;
}

.curr .card-body .curr-item {
	padding: 10px;
	align-items: center;
	height: auto;
	border-bottom: 1px solid rgba(0,0,0,.125);
}

.curr .curr-item-state {
	color: #007791;
}

.curr-dashboard {
	margin-top: 20px;
}

.curr-dashboard .card-header {
	padding: 0;
	background-color: #f6f7f8;
}

.curr-dashboard .card-body {
	padding: 0;
	background-color: #fff;
}

.curr-dashboard .card {
	margin-top: 5px;
}

.curr-dashboard .card-header .card-header-container {
	padding: 10px;
	align-items: center;
	cursor: pointer;
	height: auto;
}

.curr-dashboard .card-body .curr-item {
	align-items: center;
	height: auto;
	border-bottom: 1px solid rgba(0,0,0,.125);
}

.curr-dashboard .curr-item-state {
	color: #007791;
}

.curr-dashboard .card-body .curr-item a.flex-a, .curr-dashboard .card-body .curr-item a.attachment {
	padding: 10px;
	text-decoration: none;
}

.curr-dashboard .card-body .curr-item a.flex-a.selected {
	background-color: #007791;
	color: #fff;
}

.curr-dashboard .card-body .curr-item a.flex-a.selected:hover {
	background-color: #005e72;
}

.curr-dashboard .card-body .curr-item a.flex-a:hover {
	-webkit-transition: .20s ease-in-out;
	-moz-transition: .20s ease-in-out;
	-ms-transition: .20s ease-in-out;
	-o-transition: .20s ease-in-out;
	transition: .20s ease-in-out;
	background-color: #f2f2f2;
}

.curr-dashboard .card-body .curr-item a.attachment {
	display: inline-block;
	margin-right: 10px;
}

.dark_overlay {
	cursor: pointer;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1011;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity .2s ease-out;
	-moz-transition: opacity .2s ease-out;
	-ms-transition: opacity .2s ease-out;
	-o-transition: opacity .2s ease-out;
	transition: opacity .2s ease-out;
	background-color: rgba(41,48,59,.55);
}

.dark-overlay-show {
	visibility: visible;
	opacity: 1;
}

.overlay-nav {
	background: #fff;
	display: block;
	height: 100%;
	right: 0;
	max-width: 80%;
	position: fixed;
	padding-bottom: 15px;
	overflow: hidden;
	top: 0;
	width: 385px;
	-webkit-overflow-scrolling: touch;
	-webkit-transition: -webkit-transform .6s cubic-bezier(.785,.135,.15,.86);
	-moz-transition: -moz-transform .6s cubic-bezier(.785,.135,.15,.86);
	-o-transition: -o-transform .6s cubic-bezier(.785,.135,.15,.86);
	transition: transform .6s cubic-bezier(.785,.135,.15,.86);
	-webkit-transform: translate3d(100%,0,0);
	-moz-transform: translate3d(100%,0,0);
	-ms-transform: translate3d(100%,0,0);
	-o-transform: translate3d(100%,0,0);
	transform: translate3d(100%,0,0);
	z-index: 1012;
}

.overlay-open.overlay-nav {
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
}

.overlay-nav-main {
	-webkit-transition: .6s cubic-bezier(.42,0,0,.99);
	-moz-transition: .6s cubic-bezier(.42,0,0,.99);
	-ms-transition: .6s cubic-bezier(.42,0,0,.99);
	-o-transition: .6s cubic-bezier(.42,0,0,.99);
	transition: .6s cubic-bezier(.42,0,0,.99);
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	overflow-y: auto;
	height: 100%;
}

.overlay-nav-sub, .overlay-nav-sub-sub {
	background: #fff;
	overflow-y: auto;
	-webkit-transition: .6s cubic-bezier(.42,0,0,.99);
	-moz-transition: .6s cubic-bezier(.42,0,0,.99);
	-ms-transition: .6s cubic-bezier(.42,0,0,.99);
	-o-transition: .6s cubic-bezier(.42,0,0,.99);
	transition: .6s cubic-bezier(.42,0,0,.99);
	-webkit-transform: translate3d(-100%,0,0);
	-moz-transform: translate3d(-100%,0,0);
	-ms-transform: translate3d(-100%,0,0);
	-o-transform: translate3d(-100%,0,0);
	transform: translate3d(-100%,0,0);
	font-size: 18px;
	position: absolute;
	width: 100%;
	height: 100%;
	right: 0;
	top: 0;
}

.overlay-nav-sub header, .overlay-nav-sub-sub header {
	display: flex;
	flex-direction: row;
	align-items: center;
	background: none;
	color: #fff;
	display: block;
	font-weight: 600;
	margin-bottom: 10px;
	padding: 0;
	position: relative;
}

.overlay-nav-open-sub .overlay-nav-main {
	-webkit-transform: translate3d(100%,0,0);
	-moz-transform: translate3d(100%,0,0);
	-ms-transform: translate3d(100%,0,0);
	-o-transform: translate3d(100%,0,0);
	transform: translate3d(100%,0,0);
}

.overlay-nav-open-sub .overlay-nav-sub {
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
}

.overlay-nav-backbtn {
	background: #f2f3f5;
	border: none;
	color: #686f7a;
	display: block;
	padding: 20px;
}

.overlay-nav-main-header {
	background: #f2f3f5;
	display: block;
	padding: 5px 15px;
	position: relative;
	overflow: hidden;
	font-size: 1.2em;
}

.overlay-nav ul {
	list-style: none;
	margin: 1rem;
	padding: 0;
}

.overlay-nav ul li {
	display: list-item;
	text-align: -webkit-match-parent;
}

.overlay-nav-links {
	font-size: 16px;
}

/*.overlay-nav-links li {*/
/*	opacity: 0;*/
/*	-webkit-transform: translateY(10px);*/
/*	-moz-transform: translateY(10px);*/
/*	-ms-transform: translateY(10px);*/
/*	-o-transform: translateY(10px);*/
/*	transform: translateY(10px);*/
/*	-webkit-transition: .3s ease-in-out;*/
/*	-moz-transition: .3s ease-in-out;*/
/*	-ms-transition: .3s ease-in-out;*/
/*	-o-transition: .3s ease-in-out;*/
/*	transition: .3s ease-in-out;*/
/*	-webkit-transition-property: transform opacity;*/
/*	-moz-transition-property: transform opacity;*/
/*	-ms-transition-property: transform opacity;*/
/*	-o-transition-property: transform opacity;*/
/*	transition-property: transform opacity;*/
/*	-webkit-transition-delay: 0s;*/
/*	-moz-transition-delay: 0s;*/
/*	-ms-transition-delay: 0s;*/
/*	-o-transition-delay: 0s;*/
/*	transition-delay: 0s;*/
/*}*/

/*.overlay-nav.overlay-open .overlay-nav-links li {*/
/*	opacity: 1;*/
/*	-webkit-transform: translateY(0);*/
/*	-moz-transform: translateY(0);*/
/*	-ms-transform: translateY(0);*/
/*	-o-transform: translateY(0);*/
/*	transform: translateY(0);*/
/*}*/

/*.overlay-nav.overlay-open .overlay-nav-links li:first-child {*/
/*	-webkit-transition-delay: 0.05s;*/
/*	-moz-transition-delay: 0.05s;*/
/*	-ms-transition-delay: 0.05s;*/
/*	-o-transition-delay: 0.05s;*/
/*	transition-delay: 0.05s;*/
/*}*/

/*.overlay-nav.overlay-open .overlay-nav-links li:nth-child(2) {*/
/*	-webkit-transition-delay: 0.1s;*/
/*	-moz-transition-delay: 0.1s;*/
/*	-ms-transition-delay: 0.1s;*/
/*	-o-transition-delay: 0.1s;*/
/*	transition-delay: 0.1s;*/
/*}*/

/*.overlay-nav.overlay-open .overlay-nav-links li:nth-child(3) {*/
/*	-webkit-transition-delay: 0.15s;*/
/*	-moz-transition-delay: 0.15s;*/
/*	-ms-transition-delay: 0.15s;*/
/*	-o-transition-delay: 0.15s;*/
/*	transition-delay: 0.15s;*/
/*}*/

/*.overlay-nav.overlay-open .overlay-nav-links li:nth-child(4) {*/
/*	-webkit-transition-delay: 0.2s;*/
/*	-moz-transition-delay: 0.2s;*/
/*	-ms-transition-delay: 0.2s;*/
/*	-o-transition-delay: 0.2s;*/
/*	transition-delay: 0.2s;*/
/*}*/

/*.overlay-nav.overlay-open .overlay-nav-links li:nth-child(5) {*/
/*	-webkit-transition-delay: 0.25s;*/
/*	-moz-transition-delay: 0.25s;*/
/*	-ms-transition-delay: 0.25s;*/
/*	-o-transition-delay: 0.25s;*/
/*	transition-delay: 0.25s;*/
/*}*/

/*.overlay-nav.overlay-open .overlay-nav-links li:nth-child(6) {*/
/*	-webkit-transition-delay: 0.3s;*/
/*	-moz-transition-delay: 0.3s;*/
/*	-ms-transition-delay: 0.3s;*/
/*	-o-transition-delay: 0.3s;*/
/*	transition-delay: 0.3s;*/
/*}*/

/*.overlay-nav.overlay-open .overlay-nav-links li:nth-child(7) {*/
/*	-webkit-transition-delay: 0.35s;*/
/*	-moz-transition-delay: 0.35s;*/
/*	-ms-transition-delay: 0.35s;*/
/*	-o-transition-delay: 0.35s;*/
/*	transition-delay: 0.35s;*/
/*}*/

/*.overlay-nav.overlay-open .overlay-nav-links li:nth-child(8) {*/
/*	-webkit-transition-delay: 0.4s;*/
/*	-moz-transition-delay: 0.4s;*/
/*	-ms-transition-delay: 0.4s;*/
/*	-o-transition-delay: 0.4s;*/
/*	transition-delay: 0.4s;*/
/*}*/

/*.overlay-nav.overlay-open .overlay-nav-links li:nth-child(9) {*/
/*	-webkit-transition-delay: 0.45s;*/
/*	-moz-transition-delay: 0.45s;*/
/*	-ms-transition-delay: 0.45s;*/
/*	-o-transition-delay: 0.45s;*/
/*	transition-delay: 0.45s;*/
/*}*/

.overlay-nav a:not(.btn) {
	text-decoration: none;
}

.overlay-nav-link a:not(.btn) {
	display: flex;
	flex-direction: row;
	align-items: center;
	color: #686f7a;
	padding: 1rem 0;
	position: relative;
}


/*.overlay-nav-link a[data-toggle].collapsed:after {*/
/*	font-family: "Font Awesome 5 Free";*/
/*	font-weight: 900;*/
/*	content: "\f078";*/
/*	color:  #444444;*/
/*	position: absolute;*/
/*	left: 10px;*/
/*}*/

.overlay-nav-link a[aria-expanded="true"]:after {
	transform: rotate(180deg);
}

.overlay-nav-link a[aria-expanded]:after {
	font-family: "Font Awesome 5 Free";
	transition: transform 0.3s ease-in-out;
	font-weight: 900;
	content: "\f078";
	color:  #444444;
	position: absolute;
	left: 10px;
}

.nav-link-title {
	flex: 1;
	min-width: 1px;
	margin-left: 10px;
}

#gototop {
	position: fixed;
	z-index: 1010;
	bottom: 20px;
	left: 20px;
	cursor: pointer;
	display: none;
	/*box-shadow: 0 0 1px 1px rgba(20,23,28,.1), 0 3px 1px 0 rgba(20,23,28,.1);*/
}

.popover-body {
	padding: 0;
}

.popover-body ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.popover-body ul li {
	display: list-item;
	text-align: -webkit-match-parent;
}


.popover-body li {

}

.popover-body a:not(.btn) {
	text-decoration: none;
}

.popover-body a:hover {
	background-color: #eee;
}

.popover-body a:not(.btn) {
	display: flex;
	flex-direction: row;
	align-items: center;
	color: #686f7a;
	padding: 15px 20px;
	position: relative;
}

.popover-body .popover-header {
	flex: 1;
	min-width: 1px;
	padding: 20px;
}

.smaller {
	font-size: 0.8em;
}

.contents {
	background-color: #ffffff;
}

.tab-bar {
	background-color: #f2f3f5;
	padding: 10px;
}

.dark-bar .progress {
	background-color: #ffffff;
	margin-top: 3px;
}

.dark-bar .progress-bar {
	background-color: #FFD700;
}

.hiddenpoint {
	position: absolute;
	z-index: 1009;
	bottom: -10px;
	left: 0;
	color: red;
}

.bottom-bar {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1010;
	background-color: #f2f2f2;
	text-align: center;
	padding: 5px;
	height: 50px;
}

.bottom-bar .progress {
	direction: ltr;
	background-color: #ccc;
	border-radius: 0;
	height: 3px;
	position: absolute;
	top: -3px;
	left: 0;
	width: 100%;
}

.bottom-bar .progress-bar {
	background-color: var(--primary-bg-color);
}

.tab-bar .nav-pills .nav-link.active, .tab-bar .nav-pills .show>.nav-link {
	color: #fff;
	background-color: #007791;
}

.grey-bg {
	background-color: #f2f2f2;
}

.fullpage-wrapper {
	position: absolute;
	top: 0;
	bottom: 0;
	height: auto !important;
	width: 100%;
}


.slide-contents {
	position: relative;
	padding: 30px 5px;
	margin-bottom: 40px;
	font-size: 1.1em;
	line-height: 1.9em;
}

.slideContent img {
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.quiz-area, .quiz-contents, .quiz-Start, .quiz-Result {
	margin-bottom: 70px;
}

.toprightobject {
	position: fixed;
	top: 20px;
	right: 20px;
	z-index: 1010;
}

.topleftobject {
	position: fixed;
	top: 20px;
	left: 20px;
	z-index: 1010;
}

.avatar {
	position: relative;
	width: 64px;
	height: 64px;
	line-height: 64px;
	text-align: center;
	font-size: 1.5em;
	border: 1px solid #999;
	border-radius: 50%;
	overflow: hidden;
}

.comment-avatar {
	position: relative;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-size: 0.7em;
	border: 1px solid #999;
	border-radius: 50%;
	overflow: hidden;
}

.avatar img {
	position: absolute;
	top: 0;
	left: 0;
}

.avatar128 {
	position: relative;
	width: 128px;
	height: 128px;
	line-height: 128px;
	text-align: center;
	font-size: 2.5em;
	border: 1px solid #999;
	border-radius: 50%;
	overflow: hidden;
}

.avatar span {
	/*vertical-align: middle;
	display: inline-block;*/
	/*margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);*/
}

.prevTitle , .nextTitle {
	color: #ccc;
	position: absolute;
	top: 0px;
}

.prevTitle {
	left: 5px;
}

.nextTitle {
	right: 5px;
}

#main_video {
	width: 100% !important;
	height: 100% !important;
	max-height: 100% !important;
}

#preview_video {
	width: 100% !important;
	height: 360px;
}

#preview_lesson_video {
	width: 100% !important;
	height: 360px;
	/*position: absolute;
	z-index: 4010;
	display: none;*/
}

.video-js {
	color: #333;
}

.video-js .vjs-control-bar {
	height: 50px;
	padding: 5px;
	background-color: #ccc;
	font-size: 1.3em;
}

.vjs-big-play-centered .vjs-big-play-button {
	color: #fff;
}

.nextbtn-video, .prevbtn-video {
	font-size: 1.35em !important;
	/*-webkit-appearance: button !important;
	-moz-appearance: button !important;
	-ms-appearance: button !important;
	-o-appearance: button !important;
	appearance: button !important;*/
}

.video-js .vjs-control-bar {
	z-index: 3000;
}

.video-js button:focus {
	outline: none;
}

.video-js .vjs-overlay-top {
	left: 0 !important;
	margin-left: 0 !important;
	top: 100px !important;
	width: 100% !important;
	font-size: 2em;
	font-weight: bold;
	max-width: 100% !important;
	text-shadow: 0px 0px 20px #000;
}

.vjs-paused.vjs-has-started .vjs-big-play-button {
	/*display: block;*/
}

.quiz-contents {
	padding-top: 30px;
	padding-right: 10px;
	padding-left: 10px;
}

.vjs-quality-selector .vjs-menu-button {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%
}

.vjs-quality-selector .vjs-icon-placeholder {
	font-family: 'VideoJS';
	font-weight: normal;
	font-style: normal
}

.vjs-quality-selector .vjs-icon-placeholder:before {
	content: '\f110'
}

.vjs-quality-changing .vjs-big-play-button {
	display: none
}

.vjs-quality-changing .vjs-control-bar {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	visibility: visible;
	opacity: 1
}
.vjs-menu-item-text{
	color: #a7a7a7;
}


.quiz-Start, .quiz-Result {
	padding-top: 50px;
	padding-right: 10px;
	padding-left: 10px;
}

.quiz-Start .quizDescription {
	border-top: 1px dashed #ccc;
	padding-top: 10px;
}

.quiz-Result .quizPostDescription  {
	border-top: 1px dashed #ccc;
	padding-top: 10px;
}

.quiz-Result .quizPostDescription  p{
	margin: 0;
}

.questionTitle {
	/*font-weight: bold;*/
	font-size: 1.3em;
	word-wrap: break-word;
}

.questionAnswers {
	padding-top: 10px;
	word-wrap: break-word;
}

.questionAnswer {
	margin: 10px 2px;
	padding: 10px;
	border: 1px solid #ddd;
	border-radius: 3px;
}

.questionDescription {
	padding: 10px;
	display: none;
}

.question-result {
	display: none;
	margin-top: 20px;
}

.question-result-data .alert {
	padding: 10px;
	color: #ffffff;
}

.question-result-data .alert.alert-success {
	background-color: #28a745;
}

.question-result-data .alert.alert-danger {
	background-color: #ec5252;
}

.question-result-data .alert.alert-warning{
	background-color: #ffcc00;
}

.questionAnswerResult label {
	display: inline !important;
}

.questionAnswer label {
	display: inline-block;
	font-size: 1.2em;
	width: 100%;
	cursor: pointer;
}

.questionAnswer input {
	transform: scale(1.5);
	margin-left: 10px;
}

.question-meta-title {
	margin-top: 20px;
	padding-top: 10px;
	border-top: 1px dashed #ccc;
	display: none;
	font-weight: bold;
}

#toast-container > .toast-error {
	background-image: url("../img/smiley-fail.png") !important;
}
#toast-container > .toast-success {
	background-image: url("../img/smiley-success.png") !important;
}
#toast-container>div.rtl {
	padding-right: 82px !important;
	/*width: auto !important;*/
}

.preloader .slow-connection, .preloader .connection-failed {
	text-align: center;
	background-color: #ffffff;
	color: #ec5252;
}

.preloader .preloader-icon {
	font-size: 5rem;
	line-height: 5rem;
	color: rgba(0,0,0,0.3);
}

.msr-card-footer {
	bottom: 0;
	right: 0;
	position: absolute;
	background: rgba(0, 0, 0, 0.7);
	width: 100%;
	color: white;
	font-weight: 600;
	border-radius: 0 0 0.1rem 0.1rem;
	padding: 10px;
}

.msr-card-header {
	top: 0;
	right: 0;
	background: rgba(238, 238, 238, 0.7);
	width: 100%;
	color: #282828;
	font-weight: 600;
	border-radius: 0 0 0.1rem 0.1rem;
	padding: 10px;
	font-size: 1rem;
}

.preloader {
	margin: 0;
	position: fixed;
	z-index: 9999;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}

.invalid-feedback ul {
	padding-right: 0;
}

input.activationcode {
	font-size: 3em !important;
	background-color: #eeeeee;
	text-align: center !important;
	padding: 10px 5px;
}

.mainpadding {
	padding-top: 20px;
	padding-bottom: 20px;
}

.simplearea {
	padding-top: 20px;
	padding-bottom: 20px;
	border: 1px solid #ccc;
}

.center-margin {
	margin-left: auto;
	margin-right: auto;
}

ul.simplemenu {
	list-style-type: none;
	padding-right: 0;
}

ul.simplemenu li {
	display: flex;
}

ul.simplemenu li a {
	flex: 1;
	padding: 5px;
}

ul.simplemenu li a:hover {
	text-decoration: none;
	-webkit-transition: .20s ease-in-out;
	-moz-transition: .20s ease-in-out;
	-ms-transition: .20s ease-in-out;
	-o-transition: .20s ease-in-out;
	transition: .20s ease-in-out;
	background-color: #eee;
}

a.disabled {
	pointer-events: none;
	opacity: 0.65;
}

a.usermenu {
	color: #505763;
	display: flex;
	gap: 0.5rem;
	align-items: center;
	padding: 0.25rem 0.5rem;
	border: 1px solid #ddd;
	border-radius: 10px;
}

.navbar-toggler .usermenu {
	padding: 0;
	border: none;
}

.navbar-toggler .usermenu:hover {
	background: none;
}

a.usermenu:hover {
	background: rgba(20,23,28,.05);
}

a.usermenu .user-info span {
	max-width: 100px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

a.header-item {
	display: flex;
	flex-direction: row;
	align-items: center;
	border: 1px solid transparent;
	border-radius: 3px;
	color: var(--navbar-item-color, #505763);
	font-weight: 400;
	height: 100%;
	line-height: 20px;
	padding: 12px 15px;
	white-space: nowrap;
	cursor: pointer;
	/*margin-top: 8px;*/
}

.navbar-toggler {
	color: var(--navbar-item-color);
	margin-left: -0.75rem;
}

a.header-item:hover {
	background: rgba(20,23,28,.05);
	border-color: rgba(20,23,28,.05);
	border-bottom: solid 2px var(--navbar-item-on-hover-border-bottom-color);
	color:  var(--navbar-item-on-hover-color);
}

.user-fields {
	background-color: #fff;
	position: absolute;
	width: 80%;
	max-width: 600px;
	padding: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	/*top: 50%;*/
	left: 50%;
	transform: translate(-50%, 0);
	z-index: 1040;
}

.user-fields .card {
	margin: 5px 0;
}

.appear {
	display: block;
}

.disappear {
	display: none;
}

.startIcon img {
	cursor: pointer;
}

.videoButtons {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3010;
	display: none;
	background-color: rgba(0,0,0,.90);
	/*background-color: #000;*/
}

.videoButtons .videoButtonsArea {
	position: absolute;
	width: 80%;
	/*max-width: 600px;*/
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}

.videoButtons .videoButtonsArea .playBtn {
	cursor: pointer;
}

.nextcountdownarea {
	color: #fff;
}

.nextcountdownarea .secondsr {
	display: inline-block;
	width: 20px;
	font-weight: bold;
	font-size: 1.2em;
}

.nextcountdownarea .stopcounter {
	cursor: pointer;
	color: #007791;
}

[data-toggle="popover"]:focus {
	outline: none;
}

.sharebuttons {
	padding-top: 20px;
	text-align: center;
	border-top: 1px solid #e8e9eb;
}

.sharebuttons button, .sharebuttons a {
	margin: 5px;
	width: 40px;
	height: 40px;
}

.coursecard {
	position: relative;
	border: 1px solid #eee;
	margin: 10px;
}

.swiper-wrapper .coursecard {
	margin: 0;
}

.coursecard:hover {
	transition: .2s ease;
	/*box-shadow: 0 0 1px 1px rgba(20,23,28,.1), 0 3px 1px 0 rgba(20,23,28,.1);*/
	box-shadow: 0 2px 8px 2px rgba(20,23,28,.15)
}

.coursecard .coursethumb img {
	width: 100% !important;
	height: auto !important;
}

.coursecard .coursemeta {
	padding: 10px;
	overflow: hidden;
}

.coursecard .coursetype {
	position: absolute;
	right: 0;
	top: 28px;
	background-color: #fc0;
	padding-right: 10px;
	padding-left: 10px;
}

.coursecard .coursestatus {
	position: absolute;
	right: 0;
	top: 10px;
	line-height: 18px;
	height: 18px;
	background-color: #1f87ff;
	color: #ffffff;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 0.7em;
}

.coursecard .coursetitle {
	font-weight: bold;
	font-size: 1.2em;
}

.coursecard .courseshortdesc {
	font-size: 14px;
}

.coursecard .courseprogress {
	padding: 10px;
}

.coursecard .courseprogress .progresstext {
	color: var(--primary-color);
	font-size: 12px;
	float: right;
}

.navbar {
	background-color: var(--navbar-bg-color);
}

.coursecard .courseprogress .courselink {
	color: var(--primary-color);
	font-size: 12px;
	float: left;
}

.coursecard .courseprogress .progress {
	background-color: #ccc;
	border-radius: 0;
	height: 5px;
}

.coursecard .courseprogress .progress-bar {
	background-color: var(--primary-bg-color);
}

.price-free {
	color: var(--primary-color);
}

.highlightbox_old {
	margin: 10px;
	padding: 10px;
	background: #007791;
	border: 1px solid #dedede;
	box-shadow: 0px 0px 5px 5px hsla(0,0%,71%,.22);
	font-size: 1.2em;
}

.highlightbox_old a {
	color: #ffffff;
}

.highlightbox {
	margin: 10px;
	padding: 10px;
	background: #f9f9f9;
	border: 1px solid #dedede;
	box-shadow: 0 12px 12px 0 hsla(0,0%,71%,.11);
	/*font-size: 1.2em;*/
}

.highlightbox a {
	color: #ec5252;
}

.boxform {
	margin: 10px;
	padding: 10px;
	background: #f9f9f9;
	border: 1px solid #dedede;
	box-shadow: 0 12px 12px 0 hsla(0,0%,71%,.11);
}

.boxform h3 {
	border-bottom: 1px solid #ececec;
	padding: 10px 0;
}

.boxform-forgot {
	border-bottom: 1px dashed #007791;
	font-size: 0.8em;
}

.contents-area video {
	max-width: 90% !important;
	height: auto !important;
}

.info-bar2 {
	background-color: #505763;
	color: #fff;
	position: relative;
	/*margin-bottom: 20px;*/
	/*min-height: 137px;*/
}

.info-bar2 h2 {
	padding-top: 40px;
	padding-bottom: 20px;
}

.info-bar2 ul:not(.dropdown-menu) {
	list-style-position: inside;
	list-style-type: none;
	padding: 0;
}

.info-bar2 ul:not(.dropdown-menu) li {
	list-style-position: inside;
	list-style-type: none;
	padding: 0;
	float: right;
	margin-left: 20px;
}

.info-bar2 ul li > a, .info-bar2 ul li > .dropdown > a {
	text-decoration: none;
	color: #fff;
}

.info-bar2 ul:not(.dropdown-menu) li:not([class='current-item']) > a, .info-bar2 ul li > .dropdown > a {
	border-bottom-width: 5px;
	position: relative;
	top: -5px;
}

.info-bar2 ul:not(.dropdown-menu) li:not([class='current-item']) > a:hover, .info-bar2 ul li > .dropdown > a:hover {
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: hsla(0,0%,100%,.7);
}

.info-bar2 ul li.current-item {
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: hsla(0,0%,100%,.7);
}

.report-answer {
	font-size: 0.7em;
}

.progress {
	font-size: .6rem;
}

.info-bar2 ul a.dropdown-item {
	color: #212529;
}

.dropdown-menu {
	z-index: 99999;
}

.dropdown-item {
	color: #505763;
	font-size: 0.9rem;
}

.dropdown-item:active {
	color: #505763;
	background-color: #eee;
}
/* begin: The switch - the box around the slider */
.switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

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

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

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

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

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

/* Rounded sliders */
.slider.round {
	border-radius: 34px;
}

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

.sliderhyperlink {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.roomhyperlink {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.settinghyperlink {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.quiz-premaintenance {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.total-premaintenance {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.partner-premaintenance {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
/* end: The switch - the box around the slider */

.width1-2 {
	width: 50% !important;
}

.width1-3 {
	width: 33% !important;
}

.width1-4 {
	width: 25% !important;
}

.whitebox {
	background-color: #fff;
	padding: 20px;
	box-shadow: 0 2px 8px 2px rgba(20,23,28,.15);
}

.mysimpletextarea {
	width: 100% !important;
}

.home-header {
	width: 100%;
	/*height: 300px;*/
	/*background-repeat: no-repeat;*/
	/*background-size: cover !important;*/
}

.home-header img {
	width: 100%;
	height: auto !important;
}

section.home, section.articlepage {
	margin-bottom: 20px;
	font-size: 1.1em;
	line-height: 1.9em;
}

section.home h3, section.articlepage h1 {
	color: #666;
	padding-bottom: 10px;
	margin: 10px 0 0 0;
}

section.home h3 {
	font-size: 1em;
}

section.articlepage h1 {
	font-size: 1.6em;
	font-weight: bold;
}

section.articlepage h2 {
	font-size: 1.4em;
	font-weight: bold;
}

section.articlepage h3 {
	font-size: 1.2em;
	font-weight: bold;
}

section.articlepage h4 {
	font-size: 1em;
	font-weight: bold;
}

section.home.withline h3, section.articlepage.withline h1 {
	/*
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
	*/
}

section.home .article, section.articlepage .article {
	border: 1px solid #ccc;
	margin: 5px;
	padding: 10px;
}

.article {
	width: 100%;
}

section.home .article .article-image img, section.articlepage .article .article-image img {
	width: 100%;
	height: auto !important;
}

section.home .article .article-body, section.articlepage .article .article-body {
	padding-right: 10px;
}

section.home .article .article-body h4, section.articlepage .article .article-body h4 {
	font-size: 1.1em;
}

section.home .article .article-body img, section.articlepage .article .article-body img {
	max-width: 100% !important;
	height: auto !important;
}

section.home .article-internal-image, section.articlepage .article-internal-image {
	max-width: 100% !important;
	display: block;
	margin: 0 auto;
}

section.articlepage .article-description {
	padding: 5px 0 5px 0;
}

section.articlepage.shortdesc .article-description {
	padding: 5px 0 5px 0;
	max-height: 200px;
	overflow: hidden;
	position: relative;
}

section.articlepage.shortdesc .article-description img.alpha0 {
	position: absolute;
	left: 0;
	bottom: 0;
}

.rtl .form-check-label {
	padding-right: 1.5rem;
	padding-left: 0.5rem;
}

.rtl .form-check-input {
	margin-left: -1.25rem;
	margin-right: 0;
}

.rtl .checkbox input, .rtl .checkbox-inline input, .rtl .radio input, .rtl .radio-inline {

	margin-left: -1.25rem;
	margin-right: inherit;

}

.form-check-inline {
	margin-right: 0;
}

.coursetitle h5 {
	font-size: 1em;
}

#tag_container .remove-tag {
	cursor: pointer;
}

.r1_iframe_embed {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: auto;
	padding-top: 56.25%;
}

.r1_iframe_embed iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

.h_iframe-aparat_embed_frame {
	position:relative;
}
.h_iframe-aparat_embed_frame .ratio {
	display:block;
	width:100%;
	height:auto;
}
.h_iframe-aparat_embed_frame iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

@media (min-width: 768px) {

	.info-bar {
		max-height: 400px;
	}

	.dark-bar {
		max-height: 350px;
	}

	.course-progress {
		bottom: 0;

	}

}

.swiper-button-prev {
	background-image: url("/assets/img/right-icon.png") !important;
	right: 0!important;
	background-size: 35px!important;
	background-position: center!important;;
}

.swiper-button-next {
	background-image: url("/assets/img/left-icon.png") !important;
	left: 0!important;
	background-size: 35px!important;
	background-position: center!important;;

}

.video-article-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-decoration: inherit;
	color: rgba(236, 82, 82, 0.4);
	font-size: 45px;
	text-shadow: 0 0 2px rgba(127, 127, 127, 0.55);
}
.video-article-icon:hover{
	color: #df2626;
}
.handle-order{
	cursor: grab;
	padding: 10px;
}
.handle-order:active{
	cursor: grabbing;
}

.article-description img {
	max-width: 100% !important;
	height: auto;
}

.slideContent img{
	max-width: 100%!important;
	height: auto;
}

.point_alert {
	animation: blinker 1s linear infinite;
}
@keyframes blinker {
	30% {
		opacity: 0;
	}
}

.showmore{
	float: left;
	color: #007791;
	font-weight: 500;
}
.showmore:after {
	font-family: "Font Awesome 5 Free";
	content: "\f104 ";
	display: inline-block;
	padding-right: 3px;
	vertical-align: middle;
	font-size: larger;
	font-weight: 900;
}
.showmore:hover{
	color: #b42828;
}

.footer_navbar {
	overflow: hidden;
	background-color: #333;
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 99999;
}

.footer_navbar a {
	float: right;
	display: block;
	color: #f2f2f2;
	text-align: center;
	padding: 7px 16px;
	text-decoration: none;
	cursor: pointer;

}

.footer_navbar a:hover {
	background: #f1f1f1;
	color: black;
}

.footer_navbar a.active {
	background-color: #e45251;
	color: white;
}

.footer_main {
	padding: 16px;
	margin-bottom: 30px;
}

.footer_close {
	float: left;
	display: block;
	color: #f2f2f2;
	text-align: center;
	padding: 7px 16px;
	text-decoration: none;
	cursor: pointer;
}

.footer_open_icon_navbar {
	background-color: #222;
	border-top-left-radius: 4px;
	bottom: 0;
	box-sizing: border-box;
	height: 41px;
	position: fixed;
	right: 0;
	z-index: 99999;
	color: whitesmoke;
}

.breadcrumb-item + .breadcrumb-item::before {
	content: ">";
}

.sidebar-sticky {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

}
.sidebar-sticky-item {
	position: -webkit-sticky;
	position: sticky;
	top: 50px;
	padding: 0px 10px;
}

.sidebar-sticky-link {
	color: #767676;
	font-size: small;
}
.sidebar-sticky-link-active {
	border-right: 3px solid #20a4cb;
	padding-right: 5px;
}
.sidebar-sticky-link-active a {
	color: #dc3545;
}

.no-border-btn{
	padding: 0;
	border: none;
	background: none;
}
.no-border-btn:hover{
	color: #dc3545;
	background: none;

}

/* START CUSTOM SWITCH  */

.switch-custom {
	position: relative;
	display: block;
	vertical-align: top;
	width: 106px;
	height: 36px;
	/*padding: 3px;*/
	/*margin: 0 10px 10px 0;*/
	background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px);
	background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px);
	border-radius: 5px;
	box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
	cursor: pointer;
	box-sizing:content-box;
	/*margin: 0 auto 5px auto;*/
}
.switch-custom.switch-custom-sm {
	width: 70px;
	height: 25px;
}
.switch-custom-input {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	box-sizing:content-box;
}
.switch-custom-label {
	position: relative;
	display: block;
	height: inherit;
	font-size: 10px;
	text-transform: uppercase;
	background: #ef5050;
	border-radius: inherit;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
	box-sizing:content-box;
}
.switch-custom-label:before, .switch-custom-label:after {
	position: absolute;
	top: 50%;
	margin-top: -.5em;
	line-height: 1;
	-webkit-transition: inherit;
	-moz-transition: inherit;
	-o-transition: inherit;
	transition: inherit;
	box-sizing:content-box;
}
.switch-custom-label:before {
	content: attr(data-off);
	font-size: 0.8rem;
	right: 11px;
	color: #ffffff;
	/*text-shadow: 0 1px rgba(255, 255, 255, 0.5);*/
}
.switch-custom-label:after {
	content: attr(data-on);
	left: 11px;
	font-size: 0.8rem;
	color: #FFFFFF;
	/*text-shadow: 0 1px rgba(0, 0, 0, 0.2);*/
	opacity: 0;
}
.switch-custom-sm .switch-custom-label:before {
	font-size: 0.6rem;
	right: 8px;
}
.switch-custom-sm .switch-custom-label:after {
	font-size: 0.6rem;
	left: 8px;
}
.switch-custom-input:checked ~ .switch-custom-label {
	background: #01c17a;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}
.switch-custom-input:checked ~ .switch-custom-label:before {
	opacity: 0;
}
.switch-custom-input:checked ~ .switch-custom-label:after {
	opacity: 1;
}
.switch-custom-handle {
	position: absolute;
	top: 4px;
	left: 4px;
	width: 27px;
	height: 27px;
	background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);
	background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);
	border-radius: 5px;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}
.switch-custom-sm .switch-custom-handle {
	top: 2px;
	left: 2px;
	width: 21px;
	height: 21px;
}
.switch-custom-handle:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -6px;
	width: 12px;
	height: 12px;
	background: linear-gradient(to bottom, #eeeeee, #FFFFFF);
	background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);
	border-radius: 6px;
	box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
}
.switch-custom-input:checked ~ .switch-custom-handle {
	left: 75px;
	box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}
.switch-custom-sm .switch-custom-input:checked ~ .switch-custom-handle {
	left: 47px;
}
/* Transition
========================== */
.switch-custom-label, .switch-custom-handle {
	transition: All 0.3s ease;
	-webkit-transition: All 0.3s ease;
	-moz-transition: All 0.3s ease;
	-o-transition: All 0.3s ease;
}

/* END CUSTOM SWITCH  */


/* STYLES FOR AUTOCOMPLETE */

.autocomplete {
	position: relative;
	display: inline-block;
}
.autocomplete-items {
	position: absolute;
	border: 1px solid #d4d4d4;
	border-bottom: none;
	border-top: none;
	z-index: 9999;
	top: 100%;
	left: 0;
	right: 0;
	max-height: 300px;
	overflow: auto;
}
.autocomplete-items div {
	padding: 10px;
	cursor: pointer;
	background-color: #fff;
	border-bottom: 1px solid #d4d4d4;
}
.autocomplete-items div:hover {
	background-color: #e9e9e9;
}
.autocomplete-active {
	background-color: DodgerBlue !important;
	color: #ffffff;
}

/* END STYLES FOR AUTOCOMPLETE */

/* START STYLES FOR GUIDE SIDEBAR */
#guide_sidebar {
	position: fixed;
	top: 0;
	right: -100%;
	width: 400px;
	height: 100%;
	overflow: auto;
	padding: 40px 0.5rem 0.5rem;
	z-index: 1000;
	background: white;
	transition: right .2s cubic-bezier(0.4,0,0.2,1);
	-webkit-box-shadow: 0 0 17px 0 rgba(0,0,0,0.3);
	box-shadow: 0 0 17px 0 rgba(0,0,0,0.3);
	font-size: 14px;
}
#guide_sidebar.active {
	right: 0;
}
#guide_sidebar_body {
	height: 100%;
}
.guide-sidebar-open-btn {
	cursor: pointer;
	transition: color 0.3s ease-out;
}
.guide-sidebar-open-btn:hover {
	color: var(--primary-color);
}
.wrapper {
	transition: margin-right .5s cubic-bezier(0.4,0,0.2,1);
}
.wrapper.shrank {
	margin-right: 400px;
}

.user-guide-edit {
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s, opacity 0.2s linear;
}
.user-guide-icon-container:hover .user-guide-edit {
	display: inline-block;
	visibility: visible;
	opacity: 1;
}

@media (max-width: 1230px) {
	.wrapper.shrank {
		margin-right: 0;
	}
}
@media (max-width: 576px) {
	#guide_sidebar {
		width: 100%;
	}
}
/* END STYLES FOR GUIDE SIDEBAR */

/* START OF SKELETON LOADER */

.skeleton-loader {
	display: inline-block;
	height: 1em;
	position: relative;
	overflow: hidden;
	background-color: #DDDBDD;
}
.skeleton-loader::after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	transform: translateX(-100%);
	background-image: linear-gradient(
			90deg,
			rgba(255, 255, 255, 0) 0,
			rgba(255, 255, 255, 0.2) 20%,
			rgba(255, 255, 255, 0.5) 60%,
			rgba(255, 255, 255, 0)
	);
	animation: shimmer 2s infinite;
	content: '';
}

@keyframes shimmer {
	100% {
		transform: translateX(100%);
	}
}

/* END OF SKELETON LOADER */

.visible-onhover {
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s, opacity 0.2s linear;
}
.visible-onhover-container:hover .visible-onhover {
	display: inline-block;
	visibility: visible;
	opacity: 1;
}

.comment-reply-icon {
	color: #ccc;
	transition: color 0.3s;
}
.comment-reply-icon:hover {
	color: #dc3545;
}

.active-filter-link {
	font-weight: 800;!important;
	color: #AA3333;!important;
	text-decoration-line: underline;!important;
	text-underline-offset: 4px;!important;
}

.radio-box {
	border-radius: 5px;
}
.radio-box:hover{
	background-color: rgba(255, 30, 30, 0.32) !important;
	cursor: pointer;
}

.radio-box.active {
	background-color: rgba(255, 30, 30, 0.2);
}

.course-metadata {
	font-weight: 300;
	font-size: 0.9rem;
}

input[type=checkbox].checkbox-lg {
	-ms-transform: scale(1.5); /* IE */
	-moz-transform: scale(1.5); /* FF */
	-webkit-transform: scale(1.5); /* Safari and Chrome */
	-o-transform: scale(1.5); /* Opera */
	margin-left: 10px;

}
.tooltip-inner {
	text-align: right;
}

.change-order-shared-course-btn:hover {
	color: #c82333!important;
}

.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
	background-color: rgb(133 133 133 / 5%);
}

.table td, .table th {
	padding: 0.6rem;
}
.report-card-body {
	font-size: 1.5rem;
	font-weight: bold;
}

.page-title-link:hover {
	border-bottom: 1px dashed whitesmoke;
}

@media (max-width: 799.98px) {
	.sidebar-sticky {
		display: none !important;
	}
	.report-card {
		width: 100% !important;
		margin-left: 0 !important;
	}
}

@media (max-width: 309.98px) {
	.btn-previous{
		display: none !important;
	}
}
@media (max-width: 399.98px) {
	.prevbtn-video {
		display: none !important;
	}


}

@media (max-width: 767.98px) {

	.fullpage-wrapper {
		padding-right: 5px;
		padding-left: 5px;
	}

	.coursetitle {
		/*font-size: 1.4em;*/
	}

	.courselocation {
		font-size: 0.8em;
	}

	.mobile-nopadding-r-l {
		padding-right: 0;
		padding-left: 0;
	}
	.mobile-nomargin-r-l {
		margin-right: 0;
		margin-left: 0;
	}

	.toprightobject {
		right: auto !important;
		left: 10px !important;
	}

	.slide-menu-link {
		/*text-shadow: 0px 0px 5px #ffffff,0px 0px 10px #ffffff,0px 0px 40px #000;*/
	}

	.vjs-remaining-time, .vjs-volume-panel, .forward-15, .backward-15, .vjs-fullscreen-control {
		display: none !important;
	}

	/*.vjs-playback-rate{*/
	/*	margin-right: 3%!important;*/
	/*}*/

	.home-header {
		/*height: 200px;*/
	}

}

@media (max-width: 991px) {
	.simplearea {
		border: none !important;
	}
	.swiper-button-prev {
		display: none;
	}

	.swiper-button-next {
		display: none;
	}
}


@media (max-width: 575.98px) {
}

@media (min-width: 576px) and (max-width: 767.98px) {
	h5 {
		font-size: 1.25rem;
		margin-top: 1rem;
	}
	.coursecard {
		height: 350px;
	}
	.coursecard .coursethumb {
		max-height: 135px !important;
	}
	.coursecard .coursemeta {
		height: 200px;
	}
}

@media (min-width: 768px) and (max-width: 991.98px) {
	.coursecard {
		height: 350px;
	}
	.coursecard .coursethumb {
		max-height: 135px !important;
	}
	.coursecard .coursemeta {
		height: 200px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.coursecard {
		height: 350px;
	}
	.coursecard .coursethumb {
		max-height: 135px !important;
	}
	.coursecard .coursemeta {
		height: 200px;
	}
}

@media (min-width: 768px) {
}

@media (max-width: 767.98px) {
}

@media (min-width: 1200px) {
	.coursecard {
		height: 350px;
	}
	.coursecard .coursethumb {
		max-height: 135px !important;
	}
	.coursecard .coursemeta {
		height: 170px;
	}
}

@media (max-width: 330px) {
	.vjs-playback-rate{
		display: none;!important;
	}

	.course-metadata {
		font-size: 0.8rem!important;
	}
}

@media(max-width: 370px) {
	.course-metadata {
		font-size: 0.7rem!important;
	}
}

@media(max-width: 300px) {
	.course-metadata {
		font-size: 0.6rem!important;
	}
}

@media (max-width: 576px) {
	.video-duration-sm-hidden {
		display: none;
	}
	.vjs-subs-caps-button {
		display: none;
  	}
}

.bg-light-warning {
	background-color: rgba(248, 223, 141, 0.4);
}

.bg-light-success {
	background-color: rgba(124, 220, 146, 0.40);
}

.bg-light-danger {
	background-color: rgba(248, 141, 141, 0.4);
}

.article-cards-container {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	grid-gap: 16px;
	margin-bottom: 16px;
}

.article-card {
	width: 100%;
	height: 100%;
	position: relative;
	border: 1px solid #eee;
	box-shadow: 0 2px 8px 2px rgba(118, 122, 131, 0.15);
	display: flex;
	flex-direction: column;
}

.article-card-image {
	width: 100%;
	height: 200px;
	overflow: hidden;
}

.article-card-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.article-card-meta {
	overflow-y: hidden;
	margin-top: 10px;
	padding: 10px;
	flex: 1;
	display: flex;
	flex-direction: column;
}

.article-card-meta .title {
	margin-bottom: 16px;
}

.article-card-meta .description {
	font-size: small;
	margin-top: auto;
	margin-bottom: 16px;
	color: #666;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow: ellipsis;
}
.article-card-bottom {
	bottom: 0;
	padding: 10px;
	border-top: 1px solid #eee;
	font-size: small;
	color: gray;
}

.article-card-link {
	font-weight: bold;
}

.article-badges {
	position: absolute;
	margin-top: 28px;
	padding-right: 10px;
	padding-left: 10px;
}

.article-badge {
	background-color: var(--article-badge-background-color, #ec5252);
	color: var(--article-badge-color, #fff);
	padding: 5px;
	font-size: unset;
}

.custom-menu {
	padding: 12px 4px;
	margin-bottom: 10px;
	position: relative;

}
.custom-menu .title {
	font-weight: bold;
	font-size: 15px;
	margin-bottom: 8px;
	text-align: center;

}

.custom-menu .menu {
	display: flex;
	overflow-x: auto;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
	justify-content: space-around;
	scrollbar-width: none;
}

.custom-menu .menu::-webkit-scrollbar {
	display: none;
}

.custom-menu .menu .swipe-right{
	right: 0;
	position: fixed;
}

.custom-menu .menu a {
	padding: 5px 20px;
	font-size: 15px;
	text-decoration: none;
	display: inline-block;
	margin-left: 4px;
	transition: background-color 0.3s ease;
	color: #3C4858;
}

.custom-menu .menu a:hover, .custom-menu .menu a.active {
	background-color: var(--primary-bg-color);
	color: white;
}

.swipe-left, .swipe-right {
	display: none;
	cursor: pointer;
}

.swipe-left.active, .swipe-right.active {
	display: block;
}