/* Suggestion CSS */

.suggestionResults {font-size: 14px; line-height: 16px;  padding: 6px; margin-bottom: 8px;}


.logo-account-block .account-login ul,
.nav-area #nav,
.breadcrumbs ul,
.articles-block .links-holder {
	margin: 0;
	padding: 0;
	list-style: none;
}

.clearfix:after,
.logo-account-block:after,
.nav-area:after {
	content: "";
	display: block;
	clear: both;
}

.ellipsis {
	white-space: nowrap; /* 1 */
	text-overflow: ellipsis; /* 2 */
	overflow: hidden;
}

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

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */

/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */

/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?32306723#fontello') format('svg');
  }
}
*/

:root{
	--fw-semibold: 600;
	--fw-bold: 700;
	/* --d-block: block; */
	--d-inlineblock: inline-block;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: auto;
	margin-right: 0;
	text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/
	font-variant: normal;
	text-transform: none; /* fix buttons height, for twitter bootstrap */
	line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */
	margin-left: 0; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Font smoothing. That was taken from TWBS */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-up-open:before {
	content: "\e800";
}

/* '' */

.icon-down-open:before {
	content: "\e801";
}

/* '' */

.icon-search:before {
	content: "\e802";
}

/* '' */

.icon-user:before {
	content: "\e803";
}

/* '' */

.icon-cross9:before {
	content: "\e809";
}

/* '' */

/* Header */

#header {
	position: relative;
	padding: 0 0 60px;
	background-color: var(--bs-white);
}

#header.login-page {
	padding: 0;
}

#header.login-page .logo-account-block {
	text-align: center;
	letter-spacing: 0;
	padding: 11px 0 13px;
}

#header.login-page .logo-account-block .logo {
	margin: 0 auto;
	width: 222px;
}

.logo-account-block {
	text-align: right;
	padding: 6px 0 4px;
}

/* .logo-account-block .col-xs-6 {
	letter-spacing: 0;
	float: none !important;
	display: inline-block;
	vertical-align: middle;
} */

.logo-account-block .logo {
	width: 128px;
	margin: 0 -74px 0 0;
	display: inline-block;
	vertical-align: middle;
}

.logo-account-block .logo img {
	display: block;
	width: 100%;
}

.logo-account-block .account-login {
	float: right;
	text-align: right;
	position: relative;
	z-index: 9999;
}

.logo-account-block .account-login.dropdown.open {
	border-bottom: 1px solid #e3e3e3;
	padding-bottom: 5px;
}

.logo-account-block .account-login.open .opener:after {
	content: "\e800";
	color: #646464;
}

.logo-account-block .account-login.open .slide {
	display: block;
}

.logo-account-block .account-login .opener {
	padding: 0 26px 0 0;
	position: relative;
	display: inline-block;
	vertical-align: top;
	color: #afafaf;
	text-decoration: none;
}

.logo-account-block .account-login .opener:after {
	position: absolute;
	content: "\e801";
	font-family: "fontello";
	top: 50%;
	right: 0;
	font-size: 20px;
	line-height: 24px;
	margin: -10px 0 0;
}

.logo-account-block .account-login .opener img {
	overflow: hidden;
	border-radius: 100%;
	display: block;
}

.logo-account-block .account-login .opener span {
	color: #646464;
}

.logo-account-block .account-login .slide {
	position: absolute;
	top: 51px;
	right: -10px;
	background: var(--bs-white);
	width: 240px;
	z-index: 1;
	display: none;
}

.logo-account-block .account-login ul {
	padding: 4px 36px 10px 10px;
}

.logo-account-block .account-login ul li {
	padding: 5px 0;
}

.logo-account-block .account-login ul li:first-child {
	border-bottom: 1px solid #e3e3e3;
}

.logo-account-block .account-login ul a {
	text-decoration: none;
	color: #646464;
	text-decoration: none;
}

.logo-account-block .account-login ul a:hover {
	color: #f47920;
}

.nav-search-block {
	background: #8A59A1 /*#f5eef5*/;
	padding: 9px 0 8px;
	z-index: 999;
	top: auto;
	right: 0;
}

.nav-search-block.fixed-position {
	bottom: auto !important;
}

.search-form {
	float: right;
	width: 222px;
	opacity: 1;
	-webkit-transition: .25s opacity ease-in-out;
	transition: .25s opacity ease-in-out;
}

.search-form .input-holder {
	position: relative;
}

.search-form input[type="search"] {
	/* width: 100%; */
	border: none;	
	background: #f8f8f8;
	color: #646464;
	/* border-radius: 0; */
}
.search-form input[type="search"]:focus{
	color: black;
	background-color: var(--bs-white);
	outline: 3px solid #ff0083;
}

.search-form input[type="search"]:focus::-webkit-input-placeholder {
	color: black;
}

.search-form input[type="search"]:focus::-moz-placeholder {
	opacity: 1;
	
}

/* .search-form input[type="search"]:focus:-moz-placeholder {
	color: #f8f8f8;
} */

.search-form input[type="search"]:focus:-ms-input-placeholder {
	color: #f8f8f8;
}

.search-form input[type="search"]:focus.placeholder {
	color: black;
}

.search-form input[type="search"]::-webkit-input-placeholder {
	color: #646464;
}

.search-form input[type="search"]::-moz-placeholder {
	opacity: 1;
	color: #646464;
}

.search-form input[type="search"]:-moz-placeholder {
	color: #646464;
}

.search-form input[type="search"]:-ms-input-placeholder {
	color: #646464;
}

.search-form input[type="search"].placeholder {
	color: #646464;
}

.search-form .btn {
	margin: 0;
	/* position: absolute;
	top: 0px;
	right: 0px; */
	color: #616161;
	font-size: 16px;
	border: none;
	background: #DDD;
	padding: 10px 15px;
}

.search-form .btn:hover,
.search-form .btn:focus {
	color: var(--bs-white);
    background: #ff890b;
}

.nav-area {
	float: left;
}

.nav-area .nav-opener {
	display: none;
}

.nav-area #nav {
	/*text-align: left;
	padding: 0px 10px 4px;
	background: #f5eef5;*/
	pointer-events: auto;
}
 
 
.nav-area #nav > li.dropdown a.show {
	border-bottom: 1px solid #e3e3e3;
}

.nav-area #nav > li:last-child {
	border: none;
}

.nav-area #nav li.dropdown > a {
	position: relative;
}

.nav-area #nav li.dropdown > a:after {
	position: absolute;
	content: "\e801";
	font-family: "fontello";
	top: 50%;
	right: 2px;
	margin: -16px 0 0;
	color: var(--bs-white);
	font-size: 22px;
}

.nav-area #nav li.dropdown > a.show::after {
	content: "\e800";
}

.nav-area #nav a {
	text-decoration: none;	
	color: var(--bs-white);
	font-size: 15px;
	letter-spacing: .04em;
	z-index: 999999;
	font-weight: bold;
}

.nav-area #nav span {
	color: #c8c8c8;
	display: var(--d-block);
}

.nav-area #nav .open > a:after {
	content: "\e800";
	color: #646464;
}

.nav-area #nav ul {
	position: relative;
	padding: 9px 20px;
	border: 0;
	background: #8A59A1;
	display: none;
}
.nav-area #nav ul.show {
	display: block;
	-webkit-overflow-scrolling: touch;
	width: 100%;
	
}

.nav-area #nav ul li {
	padding: 3px 0;
}

.nav-area #nav ul a {
	padding: 5px;
	display: inline-block;
	vertical-align: top;
	font-weight: normal;
	width: 100%;
}

.nav-area #nav ul a:hover {
	color: #f47920;
	background-color: #fdfcfc;
}

.nav-area #nav ul.alphabets li {
	display: inline-block !important;
	vertical-align: top;
	padding: 2px 3px;
	/* width: 30px; */
	text-align: center;
}

.nav-active .search-form {
	opacity: 0;
}
.nav-active .nav-area #nav ul a {
	width: auto !important;
}

.nav-active #main:after {
	visibility: visible;
	opacity: 1;
}

.nav-active .nav-area .nav-opener span {
	opacity: 0;
}

.nav-active .nav-area .nav-opener:before,
.nav-active .nav-area .nav-opener:after {
	background: #646464;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 15px;
}

.nav-active .nav-area .nav-opener:after {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.nav-active .nav-area .list-holder {
	max-height: 4000px;
	z-index: 9999;
}

.nav-active .nav-area .list-holder .list-frame {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

/* Main */

html {
	height: 100%;
}

.login-page-holder {
	height: 100%;
}

.login-page-holder #wrapper {
	display: table;
	width: 100%;
	height: 100%;
	table-layout: fixed;
}

.login-page-holder #header {
	height: 1%;
	display: table-header-group;
}

.login-page-holder #main {
	display: table-cell;
	vertical-align: middle;
	background: #f5eef5;
}

.login-page-holder #footer {
	height: 1%;
	display: table-footer-group;
}

.login-page-holder #footer .container {
	padding-top: 4px;
}

.login-page-holder .footer-top .help-link {
	display: none;
}

.login-page-holder .footer-top .powered-text {
	border-top: none;
}

body {
	min-width: 320px;
	background-color: #ccb4d6;
}

body.breadcrumb-active #main:after {
	visibility: visible;
	opacity: 1;
}

body.breadcrumb-active .breadcrumb-slide {
	max-height: 4000px;
	-webkit-transition: all .25s linear;
	transition: all .25s linear;
}

body.breadcrumb-active .breadcrumb-slide .slide-holder {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

#wrapper {
	position: relative;
	overflow: hidden;
	width: 100%;
}

#main {
	position: relative;
	background-color: var(--bs-white);
}

#main:after {
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	position: absolute;
	content: "";
	top: 0;
	visibility: hidden;
	opacity: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(255, 255, 255, .7);
}

.btn {
	white-space: normal;
}

a, a:hover,
a:focus,
a:active {
	/* outline: none; */
	transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border 0.3s ease-in-out;
}
button, .btn{
	transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border 0.3s ease-in-out;
}

.breadcrumbs {
	padding: 18px 0;
	font-size: 15px;
	position: relative;
	line-height: 19px;
	z-index: 11;
}

.breadcrumbs .breadcrumbs-holder {
	position: relative;
	padding: 0 0 0 40px;
}

.breadcrumbs .breadcrumbs-holder:before {
	position: absolute;
	content: "";
	top: -3px;
	left: 0;
	background: url(../images/icon-2.png) no-repeat;
	height: 27px;
	width: 27px;
	pointer-events: none;
	z-index: 10;
}

.breadcrumbs .open {
	color: #646464;
	text-decoration: none;
}

.breadcrumbs .close {
	position: absolute;
	top: 0;
	right: 10px;
	color: #646464;
	text-decoration: none;
	font-size: 26px;
}

.breadcrumbs ul li {
	padding: 4px 0;
	color: #bb3f06;
}

.breadcrumbs ul a {
	display: inline-block;
	vertical-align: top;
	position: relative;
	color: #646464;
	padding: 0 20px 0 0;
}

.breadcrumbs ul a:hover {
	color: #f47920;
	text-decoration: none;
}

.breadcrumbs ul a:after {
	font-size: 12px;
	position: absolute;
	content: "/";
	top: 0;
	right: 0;
	color: #5E5E5E;
	pointer-events: none;
}

.articles-block {
	padding: 0 0 36px;
}

.articles-block .col-holder {
	margin: 0 0 39px;
}

.articles-block .img-holder {
	background: #f5eef5;
	padding: 10px;
	white-space: nowrap;
	text-align: center;
	margin: 0 0 17px;
}

.articles-block .img-holder:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 0;
	min-height: 100%;
}

.articles-block .img-holder > * {
	white-space: normal;
	display: inline-block;
	vertical-align: middle;
	max-width: 99%;
}
.articles-block .img-holder .product-thumb,
.content-block .img-holder img {
  border: 2px solid var(--bs-white);
  transition: box-shadow 0.1s ease-in-out;
}
.articles-block .img-holder .product-thumb:hover,
.articles-block .img-holder a:focus .product-thumb,
.content-block .img-holder img:not(.nofocus):hover,
.content-block .img-holder a:focus img:not(.nofocus){
	display: block;   
   outline-color: #a200fd !important;
   outline: 2px solid;	
   box-shadow: 0px 0px 5px #225e6c;
   -moz-box-shadow: 0px 0px 5px #225e6c;
   -webkit-box-shadow: 0px 0px 5px #225e6c;  
}

.articles-block .img-holder img {
	display: block;
	max-width: 100%;
	max-height: 195px;
}

.articles-block .title {
	display: block;
	margin: 0 0 16px;
	font-size: 19px;
	line-height: 22px;
	font-weight: var(--fw-semibold);
	color: #646464;
	text-decoration: none;
}

.articles-block a.title:hover{
	opacity: .8;
	text-decoration: underline;
}
.articles-block a.title:focus{
   outline-color: #a200fd !important;
   outline: 2px solid;		
}

.articles-block .links-holder,
.articles-block .titlegroup .card-footer {
	background: #f5eef5;
	padding: 18px 10px;
	overflow: hidden;
}

.articles-block .links-holder li {
	float: left;
	font-size: 15px;
	line-height: 19px;
	padding: 0 20px 0 0;
}

.articles-block .links-holder a {
	text-decoration: none;
	color: #646464;
	position: relative;
	padding: 0 0 0 39px;
	font-weight: var(--fw-semibold);
}

.articles-block .links-holder a:hover {
	color: #f47920;
	text-decoration: underline;
}

.articles-block .links-holder a:before {
	position: absolute;
	content: "";
	top: -5px;
	left: 0;
	height: 28px;
	width: 28px;
/*
	background: url(../images/icon-3.png) no-repeat;
	background-size: 100% 100%;
*/
}

.articles-block .links-holder a.icon-2:before {
	background: url(../images/icon-4.png) no-repeat;
	background-size: 100% 100%;
}

.articles-block .links-holder a.icon-3:before {
	background: url(../images/icon-5.png) no-repeat;
	background-size: 100% 100%;
}

.articles-block .links-holder a.icon-4:before {
	width: 27px;
	height: 30px;
	background: url(../images/icon-6.png) no-repeat;
	background-size: 100% 100%;
}

.articles-block .load-more {
	color: #646464;
	text-transform: capitalize;
	display: block;
	text-decoration: none;
	text-align: center;
	padding: 14px 0;
	border-top: 1px solid #e7f2f7;
	border-bottom: 1px solid #e7f2f7;
}

.articles-block .load-more:hover {
	color: #f47920;
}

.content-block {
	padding: 0 0 30px;
}

.content-block .title-block {
	color: #fff;
	background: #393838;
	padding: 13px 22px 16px;
	font-size: 18px;
	line-height: 22px;
	margin: 0 0 30px;
}

.content-block .title-block2 {
	color: var(--bs-white);
	background: #646464;
	padding: 13px 22px 16px;
	font-size: 18px;
	line-height: 22px;
	margin: 0 0 30px;
	text-transform: uppercase;
}



.content-block .title-block strong {
	display: block;
}

.content-block .content-holder {
	overflow: hidden;
	margin: 0 0 36px;
}

.content-block .img-holder {
	margin: 0 0 32px;
}

.content-block .img-holder img {
	display: block;
	width: 100%;
	border: 1px solid #e7e7e8;
}

.content-block .info-block {
	margin: 0 0 37px;
}

.content-block .btns-holder {
	font-size: 13px;
	line-height: 16px;
}

.content-block .btns-holder a {
	display: block;
	margin: 0 0 29px;
	background: #f5eef5;
	padding: 12px 10px;
	text-decoration: none;
	color: #646464;
	font-weight: bold;
}

.content-block .btns-holder a:hover {
	color: #f47920;
}

.content-block .btns-holder a span {
	display: block;
	padding: 0 0 0 30px;
	position: relative;
}

.content-block .btns-holder a span:before {
	position: absolute;
	content: "";
	top: -2px;
	left: 0;
}

.content-block .btns-holder a.book span:before,
.articles-block .links-holder a.book:before {
	background: url(../images/icon-3.png) no-repeat;
	background-size: 100% 100%;
	height: 21px;
	width: 21px;
}

.content-block .btns-holder a.intbook span:before,
.articles-block .links-holder a.intbook:before {
	background: url(../images/icon-9.png) no-repeat;
	background-size: 100% 100%;
	height: 21px;
	width: 21px;
}

.content-block .btns-holder a.quiz span:before,
.articles-block .links-holder a.quiz:before {
	background: url(../images/icon-7.png) no-repeat;
	background-size: 100% 100%;
	height: 21px;
	width: 21px;
}

.content-block .btns-holder a.readtomebook span:before,
.articles-block .links-holder a.readtomebook:before {
	background: url(../images/icon-5.png) no-repeat;
	background-size: 100% 100%;
	height: 25px;
	width: 25px;
	top: -8px;
}

.content-block .btns-holder a.database span:before,
.articles-block .links-holder a.database:before {
	background: url(../images/icon-6.png) no-repeat;
	background-size: 100% 100%;
	height: 21px;
	width: 19px;
	top: -5px;
}

.content-block .btns-holder a.eboost span:before,
.articles-block .links-holder a.eboost:before {
	background: url(../images/icon-8.png) no-repeat;
	background-size: 100% 100%;
	height: 21px;
	width: 21px;
}


.content-block .text-block {
	font-size: 15px;
	line-height: 18px;
	margin: 0 0 28px;
}

.content-block .detail-block {
	background: #f5eef5;
	/* padding: 23px 27px 19px;
	font-size: 15px;
	line-height: 18px; */
}

.content-block .detail-block .title {
	/* display: block;
	padding: 0 0 7px;
	margin: 0 0 10px; */
	border-bottom: 1px solid #dcdcdc;
}

.content-block .detail-block dl {
	margin: 0;
	overflow: hidden;
}

.content-block .detail-block dl dt {
	/* padding: 0 4px 0 0;
	line-height: 18px; */
	clear: left;
	font-size: small;
  	display: block;
}

.content-block .detail-block dl dd {
	padding: 0 0 5px;
	line-height: 18px;
	float: left;
}

.content-block .subtitle-block {
	background: #393838;
	color: #fff;
	padding: 15px 20px;
	text-align: center;
}

.content-block .subtitle-block strong {
	display: block;
}

.form-block {
	background: #f5eef5;
	padding: 32px 0;
	text-align: center;
}

.form-block .login-form {
	background: #fff;
	padding: 17px 30px;
}

.form-block .login-form .inputs-holder {
	max-width: 197px;
	margin: 0 auto;
}

.form-block .login-form input[type="text"],
.form-block .login-form input[type="password"] {
	width: 100%;
	background: #f5eef5;
	padding: 10px;
	border: none;
	color: #646464;
	margin: 0 0 19px;
	border-radius: 0;
}

.form-block .login-form input[type="text"]:focus::-webkit-input-placeholder,
.form-block .login-form input[type="password"]:focus::-webkit-input-placeholder {
	color: transparent;
}

.form-block .login-form input[type="text"]:focus::-moz-placeholder,
.form-block .login-form input[type="password"]:focus::-moz-placeholder {
	opacity: 1;
	color: transparent;
}

.form-block .login-form input[type="text"]:focus:-moz-placeholder,
.form-block .login-form input[type="password"]:focus:-moz-placeholder {
	color: transparent;
}

.form-block .login-form input[type="text"]:focus:-ms-input-placeholder,
.form-block .login-form input[type="password"]:focus:-ms-input-placeholder {
	color: transparent;
}

.form-block .login-form input[type="text"]:focus.placeholder,
.form-block .login-form input[type="password"]:focus.placeholder {
	color: transparent;
}

.form-block .login-form input[type="text"]::-webkit-input-placeholder,
.form-block .login-form input[type="password"]::-webkit-input-placeholder {
	color: #646464;
}

.form-block .login-form input[type="text"]::-moz-placeholder,
.form-block .login-form input[type="password"]::-moz-placeholder {
	opacity: 1;
	color: #646464;
}

.form-block .login-form input[type="text"]:-moz-placeholder,
.form-block .login-form input[type="password"]:-moz-placeholder {
	color: #646464;
}

.form-block .login-form input[type="text"]:-ms-input-placeholder,
.form-block .login-form input[type="password"]:-ms-input-placeholder {
	color: #646464;
}

.form-block .login-form input[type="text"].placeholder,
.form-block .login-form input[type="password"].placeholder {
	color: #646464;
}

.form-block .login-form button[type="submit"] {
	width: 100%;
	background: #646464;
	color: #fff;
	border: none;
	padding: 8px;
	margin: 0 0 6px;
	font-size: 20px;
	line-height: 24px;
}

.form-block .login-form button[type="submit"]:hover {
	background: #505050;
}

.form-block .login-form a {
	color: #afafaf;
}

.form-block h1 {
	font-size: 20px;
	line-height: 24px;
	margin: 0 0 8px;
}

/* Footer */

#footer {
	text-align: center;
	background: #7E5194;
	color: #fff;
	font-weight: bold;
}

#footer .container {
	padding-top: 25px;
	padding-bottom: 15px;
}

.footer-top {
	overflow: hidden;
}

.footer-top .help-link {
	font-weight: normal;
	color: #fff;
	display: inline-block;
	vertical-align: top;
	margin: 0 0 26px;
	text-transform: capitalize;
	text-decoration: none;
	
}
#footer a{
	border-bottom: 2px solid transparent;
}

#footer a:hover {
	color: var(--bs-white);
	border-color: rgb(163, 241, 252);	
}
.footer-top .help-link:focus {
	outline: none;
	outline-offset: 5px;
	box-shadow: 0 0 0 2px rgb(163, 241, 252);
}

.footer-top .powered-text {
	text-align: center;
	overflow: hidden;
	padding: 4px 10px;
	margin: 0 0 10px;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	font-size: 13px;
	line-height: 16px;
	text-transform: uppercase;
}

.footer-top .powered-text .icon-holder {
	display: inline-block;
	vertical-align: middle;
	width: 35px;
	margin: 5px 10px 0 0;
}

.footer-top .powered-text span {
	overflow: hidden;
	text-align: left;
	display: inline-block;
	vertical-align: middle;
	width: 75%;
}

.copyright-text {
	font-size: 13px;
	line-height: 16px;
	text-transform: capitalize;
	display: block;
}

.copyright-text a {
	color: #fff;
	text-decoration: none;
}

/* Admin CSS */
.sprungAdmin {width: 1000px !important;}
.sprungAdmin h1 {font-size: 18px; font-weight: bold; color: #000;}
.sprungAdmin .info {border-bottom: 1px solid #000;}
.sprungAdmin legend {border-bottom-width: 0px; background-color: #646464; color: #fff; margin-top: 20px; padding: 10px 10px 10px 10px; float: left; font-size: 16px; text-transform: uppercase;}
.sprungAdmin input[type="file"] {width: 220px;}
.sprungAdmin #mainaccountsubmit, .sprungAdmin #useraccountsubmit {margin: 10px 0px}
.sprungAdmin {padding-bottom: 20px;}
.sprungProduct, .sprungOrg td {padding: 6px 12px 6px 0px;}
.sprungAdmin .adminsearch {margin-top: 10px;}
.sprungAdmin th {font-size: 14px;}
.sprungAdmin td, .sprungAdmin th {padding: 16px 12px 10px 0px !important;}
.sprungAdmin .no-right-padding {padding-right: 0px !important;}
#myTable_wrapper{ margin-top: 20px;}
.sprungAdmin label {margin-top: 10px}
.sprungAdmin #org_address2 {margin-top: 10px;}
.reportHolder legend {margin-top: 0px;}

.msg {text-align: center; color:#920a0a;}

.sprung-condense td {padding: 4px !important}
.backtoadmin {clear: both;}

.adminsearch {position: absolute; right: 0px; top: 76px; z-index: 9999}


.suggestionsBox {
	position: relative;
	left: 30px;
	margin: 0px 0px 0px 0px;
	min-width: 450px;
	max-width: 500px
	background-color: #eee;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border: 2px solid #000;	
	color: 000;
	

}

.suggestionList {
	margin: 0px;
	padding: 0px;
}

.suggestionList li {
	list-style: none;
	font-size: 13px;
	margin: 0px 0px 0px 0px;
	padding: 3px;
	cursor: pointer;
}

.suggestionList li:hover {
	background-color: #659CD8;
}


@media (min-width: 480px) {
	.form-block .login-form {
		padding: 17px 50px;
	}
}

@media (min-width: 768px) {
	

	
	.logo-account-block .account-login {
		line-height: 70px;
		width: 200px;
		border-bottom: 1px solid #fff;
    	padding-bottom: 5px;
	}

	.logo-account-block .account-login .opener img {
		display: none;
	}

	.logo-account-block .account-login ul {
/* 		border-top: 2px solid #e3e3e3; */
	}

	.logo-account-block .account-login ul li:first-child {
		display: none;
	}

	.login-page-holder .footer-top .powered-text {
		margin: 0 0 7px;
	}

	.breadcrumbs {
		padding: 16px 0;
	}

	.breadcrumbs .breadcrumbs-holder {
		padding: 0 0 0 36px;
	}

	.breadcrumbs .breadcrumbs-holder:before {
		top: 0;
		left: -5px;
	}

	.breadcrumbs .open {
		display: none;
	}

	.breadcrumbs .close {
		display: none;
	}

	.breadcrumbs .breadcrumb-slide {
		background: none;
	}

	.breadcrumbs ul li {
		display: inline-block;
		vertical-align: top;
		padding: 4px 25px 4px 0;
	}

	.breadcrumbs ul a {
		padding: 0;
	}

	.breadcrumbs ul a:after {
		right: -20px;
	}

	.articles-block .row {
		font-size: 0;
		line-height: 0;
	}

	.articles-block .row .col-sm-4,
	.articles-block .row .col-md-3 {
		float: none !important;
		display: inline-block;
		vertical-align: top;
	}

	.articles-block .col-holder {
		margin: 0 0 30px;
	}

	.articles-block .img-holder {
		margin: 0px;
		height: 220px;
	}

	.articles-block .title {
		font-size: 14px;
		line-height: 18px;
		margin: 7px 0 12px;
		display: block;
		min-height: 42px;
	}
	
	.detail-block .title {
		/* margin: 0 0 12px;
		display: inline;
		min-height: auto; */
	}

	.articles-block .links-holder {
		padding: 10px;
	}

	.articles-block .links-holder li {
		padding: 0 13px 0 0;
	}

	.articles-block .links-holder a {
		font-size: 11px;
		line-height: 14px;
		padding: 0 0 0 30px;
	}

	.articles-block .links-holder a:before {
		top: -4px;
		height: 21px;
		width: 21px;
	}

	.articles-block .links-holder a.icon-4:before {
		height: 21px;
		width: 21px;
	}

	.content-block .content-holder {
		margin: 0 0 31px;
	}

	.content-block .img-holder {
		margin: 0 0 30px;
	}

	.content-block .text-block {
		margin: 0 0 21px;
	}

	.content-block .subtitle-block {
		font-size: 18px;
		line-height: 21px;
		padding: 16px 20px;
	}

	.form-block .login-form {
		padding: 37px 50px;
	}

	.form-block .login-form .inputs-holder {
		max-width: 392px;
	}

	.form-block .login-form input[type="text"],
	.form-block .login-form input[type="password"] {
		margin: 0 0 38px;
		padding: 10px 14px;
	}

	.form-block .login-form p {
		margin: 0 0 41px;
	}

	#footer {
		text-align: left;
	}

	#footer .container {
		padding-top: 4px;
		padding-bottom: 20px;
	}

	.footer-top {
		border-bottom: 2px solid #fff;
		margin: 10px 0px 15px;
	}

	.footer-top .help-link {
		margin: 10px 10px 14px;
	}

	.footer-top .powered-text {
		float: left;
		border: none;
		margin: 0;
		padding: 0;
		text-align: left;
	}

	.footer-top .powered-text span {
		width: auto;
	}
}

@media (max-width: 991px) {
	.nav-area {
		max-height: 4000px;
		z-index: 9999;
		position: absolute;
		left: 0;
		right: 0;
		top: 100%;
		
		padding: 10px 20px;
	}
	.nav-area .navbar-nav li.dropdown {
		border-bottom: 1px solid #e3e3e3;
	}
	.nav-area, .nav-area #nav ul{
		background-color: #9354B0;
	}
}	

@media (min-width: 1024px) {
	#header {
		padding-bottom: 5px;
	}

	#header.login-page .logo-account-block {
		padding: 16px 0 15px;
	}

	#header.login-page .logo-account-block .logo {
		width: 282px;
	}

	.logo-account-block {
		padding: 10px 0 7px;
	}

	.logo-account-block .logo {
		width: 263px;
		/*margin: 0 -91px 0 0;*/
	}

	.logo-account-block .account-login .opener {
		line-height: 20px;
	}

	.nav-search-block {
		padding: 15px 0;
	}

	.nav-area #nav > li {
		border: none;
	}

	.nav-area #nav li.dropdown > a {
		border-bottom: 1px solid transparent;
	}

	.nav-area #nav li.dropdown > a:after {
		right: -26px;
		margin: -20px 0 0;
	}

	
	
	.nav-area #nav li.nav-item > a:hover,
	.nav-area #nav li.nav-item > a[aria-expanded="true"]{
		border-bottom: 1px solid var(--bs-white);
	}


	.nav-area #nav ul.show {
		position: absolute;
		top: 100%;
		left: -25px;		
		z-index: 99;
		width: 260px;
		max-height: 325px;
		overflow-y: auto;
	}


	.nav-area #nav .open ul::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 7px;
    }
    
    .nav-area #nav .open ul::-webkit-scrollbar-thumb {
        border-radius: 4px;
        background-color: rgba(0,0,0,.5);
        -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
    }

	.nav-area #nav a {
		padding: 0 0 5px;
	}
	.nav-area #nav ul {
		border: none;
		background: #8A59A1;
	}

	.nav-area #nav ul li {
		display: block;
	}

	/* .nav-area #nav {
		padding: 11px 0 0;
	} */

	.nav-area #nav > li {
		display: inline-block;
		vertical-align: top;
		padding: 0 55px 0 0;
	}

	.nav-area #nav > li.active a {
		color: #f47920;
	}

	/* .nav-area #nav a {
		padding: 0 0 5px;
	} */

	.breadcrumbs {
		padding: 23px 0;
	}

	.articles-block {
		padding: 0 0 48px;
	}

	.articles-block .row.holder {
		margin-bottom: 18px;
	}

	.content-block .content-holder {
		margin: 0 0 28px;
	}

	.content-block .img-holder {
		margin: 0 28px 30px 0;
	}

	.content-block .info-block {
		margin: 0 0 30px 7px;
	}

	.content-block .text-block {
		margin: 0 0 21px -16px;
	}

	.form-block .login-form .inputs-holder {
		max-width: 367px;
	}
}

@media (max-width: 1023px) {
	.nav-area {
		float: left;
	}

	.nav-area .nav-opener {
		display: block;
		width: 45px;
		height: 41px;
		position: relative;
		-webkit-transition: all .25s linear;
		transition: all .25s linear;
		z-index: 22;
		margin: 0 0 0 -6px;
		background: #f5eef5;
	}

	.nav-area .nav-opener span,
	.nav-area .nav-opener:before,
	.nav-area .nav-opener:after {
		background: #646464;
		position: absolute;
		top: 19px;
		left: 15%;
		right: 15%;
		height: 2px;
		-webkit-transition: all .25s linear;
		transition: all .25s linear;
	}

	.nav-area .nav-opener:hover span,
	.nav-area .nav-opener:hover:before,
	.nav-area .nav-opener:hover:after {
		background: #646464;
	}

	.nav-area .nav-opener:before,
	.nav-area .nav-opener:after {
		content: "";
		top: 8px;
	}

	.nav-area .nav-opener:after {
		top: 31px;
	}
	.nav-area #nav a.nav-link{
		padding: 9px 30px ;
	}
	.nav-area .list-holder {
		position: absolute;
		left: 0;
		right: 0;
		top: 100%;
		z-index: 10;
		max-height: 0;
		overflow: hidden;
		-webkit-transition: all .25s linear;
		transition: all .25s linear;
	}

	.nav-area .list-holder .list-frame {
		-webkit-transition: all .25s linear;
		transition: all .25s linear;
		-webkit-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		transform: translateY(-100%);
	}

	.nav-area .list-frame {
		position: relative;
		pointer-events: none;
	}
/*
	.nav-area .list-frame {
		height: calc(100vh - 76px);
		overflow: auto;
	}*/
}

@media (max-width: 767px) {
	.logo-account-block .account-login .opener span {
		display: none;
	}

	.breadcrumbs .breadcrumb-slide {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		z-index: 9;
		overflow: hidden;
		max-height: 0;
		-webkit-transition: all .25s linear;
		transition: all .25s linear;
	}

	.breadcrumbs .breadcrumb-slide .slide-holder {
		background: #fff;
		padding: 0 10px 10px 40px;
		-webkit-transition: all .25s linear;
		transition: all .25s linear;
		-webkit-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		transform: translateY(-100%);
	}
}