p {
	word-wrap: break-word;
	word-break: break-word;
	overflow-wrap: anywhere;
}

table i { padding-right: 8px; padding-left: 8px; }

a { cursor: pointer !important; }
a:hover { color: #00a203; }

.post-content-body p { text-align: justify; }

iframe { max-width: 100% !important; }

blockquote { background-color: #f0f8ff !important; }

pre {
	background: #f4f4f4;
	border: 1px solid #ddd;
	border-left: 3px solid #006702;
	color: #666;
	page-break-inside: avoid;
	font-family: monospace;
	font-size: 15px;
	line-height: 1.6;
	margin-bottom: 0px;
	max-width: 100%;
	overflow: auto;
	padding: 0px;
	display: grid;
	word-wrap: break-word;
}

.PrincipalBlogContainer a.a-block {
	background-size: auto 135%;
	background-position-x: left;
	background-position-y: center;
}

.InlineBlock {
	background: #f0f0f0;
	border: 1px solid #ddd;
	border-left: 3px solid #006702;
	color: #666;
	page-break-inside: avoid;
	font-family: monospace;
	font-size: 15px;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 5px 8px;
	word-wrap: break-word;
}

#loader { z-index: 10000; }

.ElementHide { display: none !important; }
.DeveloperClass { display: none !important; }
.DeveloperClass.Visible1 { display: block !important; }

.PointerElement { cursor: pointer; }

.NiceBackground { 
	max-height: 70vh;
	overflow-y: auto;
	margin-bottom: 15px; 
}

.bootstrap-tagsinput {  
	width: 100%;
	min-height: calc(1.5em + .75rem + 2px);
	padding-top: 9px !important;
	padding: .375rem .75rem;
	vertical-align: middle;
	border-radius: .25rem;
	border: 1px solid #ced4da;
}
.bootstrap-tagsinput .label-info {
	background-color: #006702;
	color: #fff;
	padding: .2em .6em .3em;
	border-radius: 5px;
	line-height: 2;
}
.amzn-native-container {
	margin: 0 auto;
	padding-top: 1rem;
}
.amzn-native-product {
	border: 1px solid #ddd !important;
	border-radius: 10px !important;
}
.amzn-native-product:hover{
	box-shadow: 0px 5px 10px -5px #ddd;
}

.modal-header { background: #262626; }
.modal-header h1,
.modal-header h2,
.modal-header h3,
.modal-header h4,
.modal-header h5 {
	color: white;
}
.modal-dialog { overflow-y: "initial" }
.modal-body { 
	max-height: 70vh;
	overflow-y: auto;
}

.CountDownTimer{
	display: inline-block;
	background: #262626;
	padding: 2px 8px;
	line-height: 1.5;
	font-size: 14px;
	border-radius: 4px;
	text-transform: uppercase;
	color: #fff !important;
	margin-right: 10px;
	letter-spacing: .2em;
}

/* Summernote keep toolbar visible */
.note-toolbar.card-header{
	position: sticky;
	top: 10px;
	z-index: 1000;
}

.btn-file {
	position: relative;
	overflow: hidden;
}
.img-file {
	position: absolute;
	top: 0;
	right: 0;
	min-width: 100%;
	min-height: 100%;
	font-size: 100px;
	text-align: right;
	opacity: 0;
	filter: alpha(opacity=0);
	outline: none;
	background: white;
	cursor: inherit;
	display: block;
}

.progress {
	display: block;
	width: 100%;
	position: absolute;
	height: 100%;
	background-color: transparent;
	left: 0%;
	top: 0%;
}
.progress .bar {
	height: 32px;
	width: 0%;
	margin-top: 4px;
	background: rgba(255, 255, 255, 0.3);
	text-align: center;
}

.FieldError { border-color: #ff9800; box-shadow:0 0 10px #ff9800; }

.ui-helper-hidden-accessible { display: none; }

.NavLogo { max-height: 50px; }

.SocialMediaButton { margin-right: 15px; }

.fotorama__nav--dots .fotorama__nav__frame {
	width: 48px;
	height: 50px;
}
.fotorama__dot {
	width: 13px !important;
	height: 13px !important;
	border-radius: 50%;
}

.input-group { cursor: pointer; }

.PartQuestionContainer{
	margin-top: -10px;
	margin-bottom: 25px;
	border: #e6e6e6 1px solid;
	padding: 20px;
}
.QuestionAnswersContainer {
	margin-top: 5px;
	margin-bottom: 25px;
	border: #e6e6e6 1px solid;
	padding: 20px;
}

.PrincipalBlogContainer { 
	background-color: black;
	text-shadow: 2px 2px black;
}
.PrincipalTitle {
	font-size: 28px;
	font-weight: bold;
}
.LatestTitle {
	font-size: 18px !important;
	font-weight: bold;
	color: black !important;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link { background-color: #006702 !important; }
.InfoTab.nav-pills .nav-link.active, .InfoTab.nav-pills .show>.nav-link { background-color: #2196F3 !important; color: white !important; }
.InfoTab.nav-pills .nav-link, .InfoTab.nav-pills .show { color: #2196F3; }

.page-item.active .page-link { background-color: #006702 !important; }

.SuccessButton { background-color: #006702 !important; }
.InfoButton { background-color: #2196F3 !important; }
.WarningButton { background-color: #ff9800 !important; }
.DangerButton { background-color: #f44336 !important; }
.DefaultButton { background-color: #fff !important; color: black !important; }

/* Alert Classes */
#AlertGeneral {
	position: fixed;
	height: fit-content;
	width: 450px;
	max-width: 90%;
	bottom: 30px;
	right: 10px;
	display: none;
	padding: 20px;
	background-color: black;
	color: white;
	z-index: 10000;
	box-shadow: 0 3px 50px -2px rgba(0, 0, 0, 0.2) !important;
}
#AlertGeneral.show{ display: block !important; }
#AlertGeneral.Success{ background-color: #4CAF50; }
#AlertGeneral.Info{ background-color: #2196F3; }
#AlertGeneral.Warning{ background-color: #ff9800; }
#AlertGeneral.Danger{ background-color: #f44336; }
#AlertGeneralClose {
	margin-left: 15px;
	color: white;
	font-weight: bold;
	float: right;
	font-size: 22px;
	line-height: 20px;
	cursor: pointer;
	transition: 0.3s;
}
#AlertGeneralClose:hover { color: black; }
/* ***Alert Classes*** */

.MobileMenu { 
	padding: 15px;
	padding-left: 0px;
}

#CountVisits {
	position: fixed;
	right: 20px;
	bottom: 20px;
	line-height: 17px;
	font-size: 15px;
	padding: 5px;
	border-radius: 10px;
	background-color: #495057;
	color: #f8f9fa;
	font-weight: bold;
}

/* -------Pagination------- */
.BlogPages { display: none; }
.BlogPages.active { display: block; }
.pagination ul {list-style:none;text-align: center; margin: 0px;padding:0px;}
.pagination ul li {width: 45px;padding-top: 5px; padding-bottom: 5px; display:inline-block;margin-right:10px;background:#dbdbdb;color:#000; text-align: center; vertical-align: middle;}
.pagination ul .active {background:#00ADEF;color:#fff;font-weight:bold;}
.pagination ul li:hover {background:#00ADEF;color:#fff}
/* -------Pagination------- */

@media (min-width: 767.98px) {
	.BlogBannerText.PC { display: block; }
	.BlogBannerText.Mobile { display: none; }
}

@media (max-width: 767.98px) {
	.TitleSection { padding-top: 0px !important; }
	.ABCTitle { margin-top: 75px; }
	.search-top-form { margin-top: 50px; }
	.BlogBannerText.PC { display: none; }
	.BlogBannerText.Mobile { display: block; }
}