/* 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 10px;
	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;
	color: #646464;
}

.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: #fff;
	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: #f0f0f0;
	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"] {
	background: #f8f8f8;
	color: #646464;
}
.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: #f8f8f8;
}

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

.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: #f8f8f8;
}

.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;
	border-bottom: 1px solid transparent;
}

.nav-area #nav li.dropdown > a:after {
	position: absolute;
	content: "\e801";
	font-family: "fontello";
	top: 50%;

	margin: -16px 0 0;
	color: #646464;
	font-size: 22px;
}

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

.nav-area #nav a {
	text-decoration: none;	
	color: #646464;
	font-size: 15px;
	letter-spacing: .04em;
	z-index: 999999;
	font-weight: normal;
}

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

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

.nav-area #nav ul {
	padding: 9px 20px;
	border: 0;
	background: #f0f0f0;
	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: 0px;
	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 10px;
	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: #f0f0f0;
} */

.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 {	
	background-color: #fdc177;
}

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: #ffffff;
}

#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;
}


/* Admin TOC links*/
.admin_toc .admin-heading{
	/* background-color: #333030; */
	padding: 15px 10px;
	font-size: 18px;
	/* text-transform: uppercase; */
	color: #000;
	font-weight: bold;
	margin-bottom: 1.7rem;	
	border-bottom: 1px solid #eeeeee;
}
.admin_toc_list{
	position: relative;
	text-align: center;
}
.admin_toc_list li {
  display: block;
  position: relative;
}
.admin_toc_list li a {
	position: relative;
	display: inline-block;
	width: auto;
	padding: 6px 0px;
}

.admin_toc_list li a:hover,.admin_toc_list li a:focus  {	
	/* background-color: #8c5f09; */
	color: #23527c;
	font-weight: bold;
	text-decoration: underline;
	/* transition: background-color 0.2s ease-in-out, border 0.3s ease-in-out; */
	border-color: #7d4a1c;
}
.admin_toc_list li span:has(+ a:hover){
	color: rgb(40,40,40);
}
.admin_toc_list li span {
	background-color: #f9f9f9;
	width: 50px;
	position: absolute;
	left: -50px;
	top: 2px;
	bottom: 0;	
	font-weight: bold;
	vertical-align: middle;
	padding-top: 7px;
	color: #ddd;
}

/*/ End*/

.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;
}

.breadcrumbs ul a:after {
	position: absolute;
	content: "/";
	top: 0;
	right: 0;
	color: #606060;
	pointer-events: none;
}

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

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

.articles-block .img-holder {
	background: #f0f0f0;
	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:hover,
.content-block .img-holder a:focus img{
	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 .card-footer {
	background: #f0f0f0;
	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: bold;
}

.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 #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
}

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

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

.content-block .title-block {
	color: #fff;
	background: #646464;
	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%;
}


.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,
.content-block .btns-holder a:focus {
	color: #fff;
	background-color: #d76311;	
}
.content-block .btns-holder a:focus{
	outline: none; /* Removes default browser outline */	
	box-shadow: 0 0 0 5px rgba(194, 194, 194, 0.5);
}

.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.abdocollections span:before,
.articles-block .links-holder a.abdocollections: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: #f0f0f0;
	font-size: 15px;
}

.content-block .detail-block .title {
	border-bottom: 1px solid #dcdcdc;
}

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

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

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

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

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

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

/* .form-block .login-form {
	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: #f0f0f0;
	padding: 10px;
	color: #646464;
	margin: 0px 0px 35px;
}

.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; */
	width: 100%;  	
  	color: #fff;  	
  	font-size: 20px;

	background: #020024;
	background: -webkit-linear-gradient(360deg, rgba(2, 0, 36, 1) 0%, rgba(117, 116, 116, 1) 100%);
	background: -moz-linear-gradient(360deg, rgba(2, 0, 36, 1) 0%, rgba(117, 116, 116, 1) 100%);
	background: linear-gradient(360deg, rgba(2, 0, 36, 1) 0%, rgba(117, 116, 116, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020024", endColorstr="#757474", GradientType=0);
	/* outline: 1px solid #eee8e8; */
  	/* outline-offset: 3px;	 */
}

.form-block .login-form button[type="submit"]:hover,
.form-block .login-form button[type="submit"]:focus {
	/* background: #e88407; */

	background: #c26a0c;
	background: -webkit-linear-gradient(360deg, rgba(194, 106, 12, 1) 0%, rgba(242, 147, 5, 1) 100%);
	background: -moz-linear-gradient(360deg, rgba(194, 106, 12, 1) 0%, rgba(242, 147, 5, 1) 100%);
	background: linear-gradient(360deg, rgba(194, 106, 12, 1) 0%, rgba(242, 147, 5, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#C26A0C", endColorstr="#F29305", GradientType=0);
	/* outline-color: rgb(244, 219, 196);  */
}

.form-block .login-form a {
	color: #5b5353;
}
.form-block .login-form a:hover,
.form-block .login-form a:focus {
	color: #e88407;
}


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

/* Footer */

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

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

.footer-top {
	overflow: hidden;
}

.footer-top .help-link {
	font-weight: normal;
	
	display: inline-block;
	vertical-align: top;
	margin: 0 0 26px;
	text-transform: capitalize;
	
	
}

#footer a{
	border-bottom: 2px solid transparent;
	text-decoration: none;
	color: #ffffff;
}

#footer a:hover {
	border-color: rgb(244, 206, 1);
}

.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;
}



/* Admin CSS */
.sprungAdmin .adminform,.sprungAdmin .admintables{
	padding-bottom: 30px;
  	display: block;
}
/* .sprungAdmin .admin-heading {font-size: 18px; font-weight: bold; color: #000;} */


.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; margin-bottom: 20px; padding: 10px 10px 10px 10px;  font-size: 16px; text-transform: uppercase;}
.sprungAdmin input[type="file"] {width: 220px;}

.sprungAdmin .admintables-header {border-bottom-width: 0px; background-color: #646464; color: #fff; margin-top: 20px; margin-bottom: 20px; padding: 10px 10px 10px 10px; font-size: 16px; text-transform: uppercase;}
.sprungAdmin input[type="file"] {width: 220px;}

.sprungAdmin #mainaccountsubmit, .sprungAdmin #useraccountsubmit {margin: 10px 0px;}

.sprungAdmin .btn:hover,
.sprungAdmin .btn:focus{
	text-decoration: underline;
	outline: 3px solid;
}
.sprungAdmin .buttonbg2 {background-color: rgb(0,102,44);color: white;}
.sprungAdmin .buttonbg2:hover,
.sprungAdmin .buttonbg2:focus{
	background-color: rgb(0,176,76);
}
.sprungAdmin td .btn-link{
	outline: none !important;
}
.sprungAdmin td .btn-link:hover{
	text-decoration: underline !important;
    color: #f91106;	
}


/* .sprungProduct, .sprungOrg td {padding: 6px 12px 6px 0px;} */
.sprungAdmin .adminsearch {margin-top: 10px;}
.sprungAdmin th {font-size: 14px;}
/* .sprungAdmin td, .sprungAdmin th {padding: 15px 10px 10px !important;} */
.sprungAdmin td  > input[type="text"] {border-color: rgb(163, 183, 202);}
.sprungAdmin td  > input.readonly {background-color: #eee;border: 0px;padding: 5px;}
.sprungAdmin .no-right-padding {padding-right: 0px !important;}
#myTable_wrapper{ margin-top: 20px;}
.sprungAdmin label.form-label {margin-top: 10px; font-weight: bold;}
.sprungAdmin .admintable-filter .form-label {
  font-weight: normal !important;
}


.sprungAdmin fieldset label {font-weight: bold;}
.sprungAdmin #org_address2 {margin-top: 10px;}

.reportHolder {
  margin: 60px 0px;
  display: none;
  padding: 6px;
  font-size: 12px;
}
.reportButtonHolder {
  text-align: center;
  border-top: 1px solid #ccc;
  margin-top: 6px;
  padding-top: 10px;
}

.reportHolder legend {margin-top: 0px;}

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

.sprung-condense td {padding: 4px !important ; border: 0;}
.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;
}

.ui-datepicker {
	z-index: 9999 !important;
}

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

@media (min-width: 768px) {
	
	.articles-block .img-holder img {
		max-height: 195px;
	}
	
	/* .logo-account-block .account-login {
		line-height: 20px;
		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: 0;
		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: 0px;
	} */

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

	.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-bottom: 20px;
	}

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

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

	.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%;
		background-color: #f0f0f0;
		padding: 10px 20px;
	}
	.nav-area .navbar-nav li.dropdown {
		border-bottom: 1px solid #e3e3e3;
	}
	
	/* Navbar for public */
	.nav-area #nav li.dropdown > a{
		font-weight: bold;
	}
	.nav-area .navbar-nav li.dropdown > a:after {
		float: right;
		right: 0;
	}
	.nav-area .navbar-nav li.dropdown ul.show{
		width: 100%;
  		max-height: 200px;
		margin-left: auto;
		overflow: auto;
	}	
}	

@media (min-width: 1024px) {
	/* #header {
		padding: 0px 0px 75px;
	} */

	#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: 162px;
		margin: 0 -91px 0 0;
	}

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

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

	/* .nav-area .navbar-nav li.dropdown > a {
		border-bottom: 1px solid transparent;
	} */
 
	.nav-area .navbar-nav > li {
		display: inline-block;
    	vertical-align: top;
    	padding: 0 55px 0 0;
	} 
	.nav-area .navbar-nav li.dropdown > a:after {
		right: -26px;
    	margin: -20px 0 0;
	}

	/* .navbar-nav > li.nav-item a.show {
		border-bottom: 1px solid #e3e3e3;
	} */

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


	.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 .navbar-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: 0px 0px 5px;
    	display: inline-block;
	}
	.nav-area #nav ul {
		border: none;
		background: #f0f0f0;
	}

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

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


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

	/* .nav-area .navbar-nav a {
		padding: 0 0 10px;
	} */

	.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: #f0f0f0;
	}

	.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%);
	}





}

@media (max-width: 767px) {
	.admin_toc_list li span{
		display: none;
	}
	.nav-area .list-frame {
		position: relative;
		/* pointer-events: none; */
		margin-top: 25px;
		height: calc(100vh - 76px);
		overflow: auto;
	}
	
	.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%);
	}
}