/*---------------------------------------------
		starting utility
---------------------------------------------*/
.left{
    float:left;
}

.right{
    float:right;
}

.clear{
    clear:both;
}
.inline{
	display: inline-block;
}
.text-left{
	text-align: left;
}
.text-right{
	text-align: right;
}
.text-center{
	text-align: center;
}

.actionBtnSmall{
	font-size: 12px;
}

.mms-half {
	width: 50%;
}

/*---------------------------------------------
		Ending utility
---------------------------------------------*/


.v_svg_icon {
	height:18px;
	width:18px;
}

.v_svg_icon:hover {
	transform: scale(1.1);
}	


.sparkle-icon {
	height:25px;
	vertical-align:middle;
	margin-right:6px;
}


.mms_normal {
	font-size: 12px;
}
.mms_note, .small-note {
	/*for additional explanation on form fields, see config/new_mem_reg.php for an example*/
	font-size: 10px;
}
.mms_italic{
	font-style:	italic;
}
.mms_block{
	display: block;
}
.mms_column_left {
    width: 40%;
    text-align: right;
    padding: 0;
    margin: 0;
    font-weight:bold;
    font-size: 10px;
}

.mms_column_right {
    width: 60%;
    text-align: left;
    padding: 0;
    margin: 0;
}
.mms_error{
	text-align:center;
	font-weight:bold;
	color:red;
	font-size:200%;
}

.mms_warning{
	text-align: center;
	color: red;
	font-style: italic;
}

.display_table td, .display_table th{
	padding: 3px !important;
}

div.pad_div {
	padding-bottom: 10px !important;
}
.mms-hide {
	display: none;
}

/*---------------------------------------------
		Volunteer Module
---------------------------------------------*/
.volunteer-instructions{
	background-color: #EEEEEE;
	border: 1px solid #000000;
	padding: 10px;
	border-radius: 5px;
}
/* these need to be important to override jquery ui settings */
.submitBtn{
	background-color: #58B15A !important; 
	color: #FFFFFF !important;
	background-image: none !important;
}
.cancelBtn{
	background-color: #EC0013 !important; 
	color: #FFFFFF !important;  
	background-image: none !important;
}

/*---------------------------------------------
		Event Reg
---------------------------------------------*/

.evr-page-heading{
	font-size:16px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.evr-title{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 5px;
}

.evr-section-heading{
	font-size: 16px; 
	font-weight: bold; 
	margin-top: 30px;
}

.evr-section-break{
	font-size: 20px; 
	font-weight: bold; 
	margin-top: 20px;
	margin-bottom: 20px;
}

.evr-section-container{
	width: 90%; 
	margin: 0 auto; 
	padding-bottom: 15px;
}

.evr-radio-color, .evr-package-color{
	border: 1px solid #DDDDDD;
	padding: 10px;
	border-radius: 5px;
}

.evr-radio-color:nth-child(odd){
	background-color: #EEEEEE;
}

.evr-radio-color:nth-child(even){
	background-color: #FFFFFF;
}

.evr-package-color:nth-child(odd){
	background-color: #EEEEEE;
}

.evr-package-color:nth-child(even){
	background-color: #FFFFFF;
}

.evr-small-text{
	font-size: 11px;
}
.evr-medium-text{
	font-size: 12px;
}
.evr-heading{
	margin-top: 8px;
	margin-bottom: 8px;
}

.event-container{
	border: 1px solid #DDDDDD;
	border-radius: 5px;
	padding: 10px;
	margin-bottom: 15px;
}
.event-container:hover{
	-webkit-box-shadow: -4px 3px 17px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    -4px 3px 17px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         -4px 3px 17px 0px rgba(50, 50, 50, 0.75);
}
.event-logo-container{
	width: 100%;
	height: 110px;
	text-align: center;
	padding-bottom: 10px;
}
.event-info-block{
	border-top: 1px solid #DDDDDD;
	padding-top: 5px;
	width: 100%;
}
.event-date-container{
	float: left;
	width: 25%;
	font-size: 16px;
	text-align: center;
	padding: 10px;
}
.event-info-container{
	float: left;
	width: 75%;
	font-size: 12px;
}
.event-info-title{
	font-size: 18px;
}
.event-info-text{
	font-size: 12px;
	color: #333333;
	opacity: 0.9;
}
.regmenu-month{
	color: red;
	font-size: 16px;
}
.regmenu-date{
	font-size: 22px;
	color: #333333;
}
.evr-image-table{
	display: table;
	width: 100%
}
.evr-image-container{
	display: table-cell; 
	vertical-align: top;
}
.evr-image-container-admin{
	display: table-cell; 
	vertical-align: top;
	width: 75px;
	text-align: center;
}
.evr-image-data-container{
	display: table-cell; 
	vertical-align: top;
	padding-left: 15px;
}
.evr-radio-container {
	width: 90%; 
	margin: 0 auto;
}
.evr-survey-radio {
	width: 20px; 
	height: 20px;
}
.evr-survey-radio-container {
	width: 16%; 
	float: left; 
	text-align: center;
}
.evr-survey-caption-container {
	border: 1px solid #000000; 
	border-radius: 10px; 
	background-color: #EEEEEE; 
	padding: 10px; 
	font-size: 14px; 
	margin-top: 10px; 
	margin-bottom: 10px;
}
.evr-field-info {
	background-color: #EEEEEE; 
	border-radius: 5px; 
	padding: 10px;
}
.evr_promo_submit {
	background: #f44;
	color:#fff; 
	font-size:1.3em; 
	font-weight:bold;
}
.evr-red-border {
	border: 1px solid red;
	padding: 5px;
	border-radius: 10px;
}
.evr_info_option_container {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	z-index: 4;
}
.evr_info_toggle {
	text-align: right;
	padding: 5px;
	width: 100%;
	background-color: #ffffff;
	z-index: 10;
	cursor: pointer;
}
.evr_info_gradient {
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	height: 10px;
	z-index: 999;
	width: 100%;
}
.evr_info_container {
	overflow: hidden;
	position: relative;
	max-height: 300px;
}
.evr_info_expanded {
	max-height: 2000px;
}
.evr_progess_bar_item {
	text-align: center;
	color: #bbbbbb;
	vertical-align: top;
	margin: 0 auto;
	width: 20px;
	height: 20px;
	background: #ffffff;
	border: 2px solid #bbbbbb;
	border-radius: 50%;
	transition: background 1s;
	margin-bottom: 5px;
}
.evr_error {
	font-size: 16px;
	color: red;
	margin-left: 25px;
}
.evr_progress_container {
	position: relative;
	height: 100%;
	width: 100%;
	padding-bottom: 5px;
}
.evr_progress_steps {
	position: relative;
	display: flex;
	justify-content: space-between;
	width: 100%;
}
.evr_progess_bar_item_container.selected {
	color: #000000;
	font-weight: bold;
	font-style: normal;
}
.evr_progess_bar_item_container.completed { 
	color: #000000;
	font-style: normal;
}


@media (max-width: 991px) {
	.evr-logo-image{
		max-height: 200px !important;
	}
	.event-logo-container{
		max-height: 210px !important;
		height: auto !important;
	}
	.evr-regmenu-submit{
		bottom: 15px !important;
	}
}

/*---------------------------------------------
		Calendar
---------------------------------------------*/

.calendar-coming-soon {
	font-size: 10px;
	font-style: italic;
}

/*----------------
members area features
-------------*/
.ma-event-date-wrap {
    background: #fff;
    border: 2px solid #888888;
    text-align: center;
}

/*-------------------------
generic display table
--------------------------*/

	table.v_display_table td {
		font-family: Verdana, sans;
		padding:2px 2px 2px 4px !important;
		margin:0px;
		border:1px solid #AAA;
	}	
	table.v_display_table th {
		font-family: Verdana, sans;
		padding:2px !important;
		margin:0px;
		border:1px solid #AAA;
	}

	table.v_display_table {
		border-collapse: collapse;
		margin:0px auto;
		width:95%;
	}
	



/*---------------------------------------------
		Message Boards
---------------------------------------------*/

.forum_topic_container {
	padding-top: 10px; 
	padding-bottom: 10px;
	word-wrap: break-word; 
	margin-left: 0px !important;
	margin-right: 0px !important;
	border-radius: 4px;
}

.forum_topic_container img {
	max-width: 100%;
	
}



.forum_topic_title {
	font-weight: bold; 
	font-size: 16px;
}

.forum_post_container {
	margin-bottom: 15px; 
	padding-top: 10px; 
	padding-bottom: 10px;
	word-wrap: break-word; 
	margin-left: 0px !important;
	margin-right: 0px !important;
	border-radius: 4px;
}

.forum_post_container img {
	max-width: 100%;
	
}

.profile_picture {
	aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 50%;
	width: 75px;
}

.forum_profile_container {
	text-align: center; 
	padding: 10px;
}

.forum_info_display {
	display: none; 
	word-wrap: break-word; 
	padding: 5px; 
	font-size: 10px; 
	text-align: left;
}

.forum_post_right {
	text-align: right;
}

.forum_attachments {
	padding: 10px;
}

.forum_attachment_heading {
	font-weight: bold; 
	margin-bottom: 5px;
}

.forum_reply_button {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

.forum_post_cancel {
	background: red !important;
	color: #FFFFFF !important;
}

.forum_post_save {
	background: green !important;
	color: #FFFFFF !important;
}

.forum_profile_info_mobile {
	display: none;
	float: left;
}

.forum_topic_content_container, .forum_post_content_container {
	margin-top: 30px;
}

.forum_topic_list_container {
	margin-bottom: 15px; 
	padding-top: 10px; 
	padding-bottom: 10px;
	word-wrap: break-word; 
	width: 100%;
	padding: 5px;
	margin-left: 0px !important;
	margin-right: 0px !important;
	border-radius: 4px;
}

.forum_topic_container_left {
	width: 73%;
	text-align: left;
	font-size: 14px;
	float: left;
	border: none;
}

.forum_topic_container_right {
	width: 25%;
	text-align: right;
	font-size: 10px;
	float: right;
}

.forum_topic_container_author {
	font-size: 10px;
	font-style: italic;
}

.forum_topic_container_description {
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.forum_board_list {
	padding: 5px;
}

.forum_board_list:nth-child(even) {
	background-color: #EEEEEE;
}

.forum_board_list_mobile {
	display: none;
}

.forum_board_title {
	font-size: 16px;
	font-weight: bold;
}

.forum_approval_container {
	width: 100%;
	padding: 10px;
	border: 1px solid #000000;
	border-radius: 10px;
	margin: 10px;
	background-color: #f0f0f0;
}
.forum-small {
	font-size: smaller;
}

/*---------------------------------------------
		Online Learning
---------------------------------------------*/

.audit_record_container{
	border: 1px solid #000000;
	padding: 10px;
	background-color: #F9F9F9;
	margin-bottom: 10px;
	border-radius: 5px;
}

.core-course{
	color: #FFFFFF;
	background-color: #2D6DB1;
	border-radius: 5px;
	font-size: 8px;
	padding: 3px;
	margin: 2px;
}

/*---------------------------------------------
		Online Learning - Courses
---------------------------------------------*/
.lms-course-category-container {
	box-shadow: 0 0 11px rgba(33,33,33,.2); 
	margin-bottom: 15px;
	color: #000000;
	padding: 10px;
	margin: 9px 9px 20px 9px;
	position: relative;
}

.lms-course-category-container:hover {
	box-shadow: 0 0 11px rgba(33,33,33,.8); 
}

.lms-course-category-list-title {
	font-size: 22px;
}

.lms-course-category-info {
	font-size: 14px;
}

.lms-course-category-image-container {
	padding-left: 0px;
}

.lms-course-category-data-container {
	padding-left: 0px;
}

.lms-course-container {
	box-shadow: 0 0 11px rgba(33,33,33,.2); 
	margin-bottom: 15px;
	color: #000000;
	padding: 10px;
	margin: 9px 9px 20px 9px;
	position: relative;
}

.lms-course-container:hover {
	box-shadow: 0 0 11px rgba(33,33,33,.8); 
}

.lms-course-name {
	font-size: 18px;
}

.lms-course-large-name {
	font-size: 22px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.lms-course-price {
	font-size: 12px;
	font-style: italic;
}

.lms-course-description {
	font-size: 12px;
	margin-top: 10px;
}

.lms-course-additional-info {
	display: none;
	margin-top: 10px;
}

.lms-my-info-notification {
	font-size: 14px;
	font-weight: bold;
}

.lms-course-notifications {
	font-size: 10px;
	margin-top: 10px;
	font-style: italic;
	width: 80%;
}

.lms-course-button-bank {
	text-align: right;
	float: right;
}

.lms-course-button {
	padding: 10px;
}

.lms-course-button:hover {
	box-shadow: 0 0 11px rgba(33,33,33,.8);
}

.lms-course-start {
	position: absolute; 
	bottom: 0px; 
	right: 0px;
	padding: 1px;
	margin: 5px;
}

.lms-course-info {
	padding-top: 5px;
}

.lms-course-full-description {
	display: none;
}

.lms-course-dots {
	font-size: 11px;
}

.lms-course-dots-collapse{
	text-align: left;
}

.lms-course-category-title {
	font-size: 22px;
	margin-bottom: 15px;
	font-weight: bold;
}

.lms-course-image-container {
	width: auto;
	height: 150px;
	text-align: center;
	padding-bottom: 10px;
	margin: -10px -10px 6px -10px;
}

.lms-course-image {
	max-height: 150px; 
	margin: 0px auto;
}

.lms-course-keyword-input {
	height: 27px !important;
}

.lms-course-cert-btn {
	margin-right: 5px;
}

.lms-course-notification-message {
	margin-bottom: 10px;
}

.lms-course-search-btn {
	float: left; 
	padding-left: 10px;
	margin-top: -3px;
}

.lms-course-keyword {
	text-align: center; 
	font-style: italic; 
	margin-top: 10px; 
	margin-bottom: 10px;
}

.lms-course-noscript {
	margin: 25px auto; 
	padding: 25px; 
	font-size: 14px; 
	color: red; 
	text-align:center; 
	height: 300px; 
	width: 100%; 
	display: block;
}

.lms-course-none-available {
	margin: 20px;
	text-align: center;
}

.lms-course-page-name {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}

.lms-course-page-full-description {
	display: none;
}

.lms-course-page-button-bank {
	text-align: right;
	float: right;
	display: none; 
	text-align: center; 
}

.lms-course-page-main-container {
	margin-top: 10px;
}

.lms-course-page-toc {
	box-shadow: 0 0 11px rgb(33 33 33 / 20%);
    color: #000000;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
	width: 20%;
	float: left;
	max-height: 1000px;
	overflow: auto;
}

.lms-course-page-toc-button {
	position: absolute; 
	left: -17px;
	top: -6px;
}

.lms-course-page-course-container {
	width: 80%;
	float: left;
	padding-left: 15px;
	position: relative;
}

.lms-course-page-element-title {
	font-size: 20px;
	margin-bottom: 10px;
}

.lms-course-page-slide-content {
	
}

.lms-course-page-toc-item {
	padding: 5px 10px 5px 10px;
	font-size: 12px;
}


.lms-course-page-toc-item:hover {
	background-color: #eeeeee;
}

.lms-course-page-toc-item-active {
	background-color: #eeeeee;
}

.lms-course-page-toc-title {
	font-size: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
}

.lms-course-page-toc-status {
	font-style: italic;
	font-size: 10px;
}

.lms-course-page-progress-container {
	font-size: 11px;
    color: #000000;
	padding: 2px;
	display: table;
	float: right;
	margin-right: 25px;
	margin-top: 5px;
	font-style: italic;
}

.lms-course-page-toc-divider {
	position: absolute;
	top: 0px;
	width: 100%;
	background-color: #eeeeee;
	height: 22px;
}

.lms-course-page-toc-table {
	width: 100%;
}

.lms-course-page-toc-table tr:nth-child(even) {
	background-color: #eeeeee;
}

.lms-course-page-continue-btn {
	margin-top: 10px;
	margin-right: 10px;
	float: right;
	font-size: 18px;
}

.lms-course-page-description {
	margin-bottom: 10px;
}

.lms-course-page-image {
	max-width: 200px;
	padding-right: 15px;
	padding-bottom: 10px;
}

.lms-course-page-completed {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

.lms-course-page-access-days {
	margin-top: 15px;
	padding-bottom: 15px;
	font-size: 14px;
	font-style: italic;
}

.lms-course-page-timer {
	font-size: 14px; 
	padding-top: 5px; 
	text-align: center;
}

.lms-course-page-completed-test {
	font-weight: bold; 
	font-size: 16px;
	text-align:center;
	margin-top: 20px;
	margin-bottom: 20px;
}

.lms-course-page-option-container {
	margin-left: 25px;
}

.lms-course-page-option-label {
	font-weight: normal;
}

.lms-course-page-video-container {
	width:100%; 
	height:100%; 
	margin:0 auto; 
	overflow:hidden;
}

.lms-course-page-video-left {
	width:50%; 
	height: 500px;
	padding: 0px 5px 0px 5px;
}

.lms-course-page-video-right {
	width:45%; 
	overflow-y: scroll; 
	height: 500px;
	padding: 0px 5px 0px 5px;
}

.lms-course-page-retake {
	font-weight: bold; 
	font-size: 16px; 
	text-align:center;
	margin-top: 20px;
	margin-bottom: 20px;
}

.lms-course-page-mobile-nav {
	display: none;
	margin-top: 0px;
}

.lms-course-page-uploaded-file {
	color: green;
}

.lms-course-page-file-description {
	margin-bottom: 5px;
}

.lms-course-page-user-file-container {
	margin-left: 15px;
}

.lms-course-page-file-actions {
	margin-left: 10px;
}

.lms-course-page-loading-container {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1000000;
	padding: 10px;
	background: url('/members/evr/images/loading.gif') no-repeat 50% 50%;
	background-size: 200px 200px;
	background-color: #000000;
	opacity: 0.8;
	font-size: 22px;
	text-align: center;
	color: #FFFFFF;
}

#lms-course-page-east-grip {
	 top: -5px;
	 right: -25px;
	 width: 25px; 
	 background: url('/members/learn/images/arrow-left-right.svg') no-repeat; 
	 background-position: center top;
	 background-size: 22px;
}

.lms-course-cart-table .name {
	font-weight:bold;
}

.lms-course-cart-table .line {
	padding-top: 15px !important;
	padding-bottom: 15px !important;
	border-bottom:1px solid #BBB;
}

.lms-course-cart-table td {
	vertical-align:top;
}

.lms_course-cart-section-header{
	font-size: 16px !important;
	font-weight: bold !important;
}

/*---------------------------------------------
		Quarterly Information
---------------------------------------------*/

.qp_admin_message{
	background-color: #eeeeee; 
	padding: 10px; 
	border: 1px solid #dddddd; 
	border-radius: 5px;
	font-style: italic;
}

.qp-table-controls{
	margin-bottom: 10px;
    padding: 10px 5px 0 5px;
    font-size: 14px;
}

.qp-table-buttons{
    padding: 5px 10px;
    border: 1px solid #25682a;
    background: #1261A0;
    background: -webkit-gradient(linear, left top, left bottom, from(#1261A0), to(#072F5F));
    background: linear-gradient(to bottom, #1261A0 0%, #072F5F 100%);
    color: #fff;
    font-weight: bold;
	margin: 0 5px 10px 5px;
}
.qp-editable-cell{
	background: red !important;
}

/*---------------------------------------------
		Adjudicator Module
---------------------------------------------*/

.adj-submit-assignments {
	border: 1px solid #000000;
	border-radius: 5px;
	padding: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}

/*---------------------------------------------
		Online Store
---------------------------------------------*/
.store-promo-container {
	display: inline-block;
	padding: 10px;
	font-style: italic;
}

.store-promo-title {
	font-size: 16px;
	font-weight: bold;
}

.store-promo-item-info {
	font-size: 12px;
	font-style: italic;
}

.store-bogo-alert {
	width: 100%;
	padding: 10px;
	border-radius: 10px;
	margin: 10px;
	font-size: 16px;
	color: red;
	border: 1px solid #000000;
}

.store-token-button {
	background-color: #008000;
	color: #ffffff;
	padding: 2px;
	border-radius: 5px;
	margin-top: 3px !important;
	display: inline-block;
    box-sizing: border-box;
    text-align: center;
	border: 2px outset buttonface;
}

.store-token-apply {
	background-color: #008000;
	color: #ffffff !important;
	font-size: 10px !important;
	text-decoration: none !important;
}

.store-token-remove {
	background-color: #ff0000;
	color: #ffffff !important;
	font-size: 10px !important;
	text-decoration: none !important;
}

.store-token-text {
	font-size: 10px;
}

.store-product-container {
	box-shadow: 0 0 11px rgba(33,33,33,.2); 
	margin-bottom: 15px;
	color: #000000;
	padding: 10px;
	margin: 9px 9px 20px 9px;
	position: relative;
	min-height: 50px;
}

.store-product-container:hover {
	box-shadow: 0 0 11px rgba(33,33,33,.8); 
}

.store-product-name {
	font-size: 20px;
	margin-bottom: 5px;
	text-align: center;
}

.store-product-name-detailed {
	font-size: 20px;
	margin-bottom: 5px;
}

.store-product-large-name {
	font-size: 22px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.store-product-price {
	font-size: 14px;
	font-style: italic;
	text-align: center;
}

.store-product-price-detailed {
	font-size: 14px;
	font-style: italic;
}

.store-product-description {
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.store-product-additional-info {
	display: none;
	margin-top: 10px;
}

.store-product-button-bank {
	text-align: right;
	float: right;
}

.store-product-button {
	padding: 10px;
}

.store-product-button:hover {
	box-shadow: 0 0 11px rgba(33,33,33,.8);
}

.store-product-top {
	padding-bottom: 55px;
}

.store-product-start {
	position: absolute; 
	bottom: 0px; 
	right: 0px;
	padding: 1px;
	margin: 5px;
}

.store-product-info {
	padding-top: 5px;
}

.store-product-full-description {
	display: none;
}

.store-product-dots {
	font-size: 11px;
}

.store-product-dots-collapse{
	text-align: left;
}

.store-product-image-container {
	width: auto;
	text-align: center;
	padding-bottom: 10px;
}

.store-product-image {
	max-height: 150px; 
	margin: 0px auto;
}

.store-product-keyword-input {
	height: 27px !important;
}

.store-product-search {
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 0px;
	margin-right: 0px;
}

.store-product-search-btn {
	float: left; 
	padding-left: 10px;
	margin-top: -3px;
}

.store-sort-box {
	background-color: transparent;
	border: none;
	padding: 0 1em 0 0;
	margin: 0;
	display: inline-block;
	font-family: inherit;
	font-size: inherit;
	cursor: inherit;
	line-height: inherit;
	outline: none;
	font-weight: bold !important;
}

.store-sort-container {
	margin-top: 5px;
}

.store-sort-container a:hover {
    text-decoration: none !important;
}

.store-sort-label {
	display: inline; 
	padding-right: 5px; 
	font-weight: bold;
}

.store-checkout {
	text-align: right;
	float: right;
}

.store-checkout-btn {
	text-align: right;
}

.store-category-header {
	color: #333333;
	background-color: #f5f5f5;
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.store-category-title {
	font-size: 16px;
}

.store-category-description {
	font-size: 12px;
	padding: 20px;
}

.store-product-view {
	position: absolute; 
	bottom: 0px; 
	left: 0px;
	padding: 1px;
	margin: 5px;
}

.store-attribute-container {
	margin: 20px;
}

/*---------------------------------------------
		Forms Builder
---------------------------------------------*/

#form_point_counter_container {
	width: 100%;
	padding: 10px;
	border: 1px solid #000000;
	border-radius: 10px;
	margin: 10px;
	background-color: #f0f0f0;
}

.form-no-pointer {
	pointer-events: none;
}

/*---------------------------------------------
		Broadcast Email / Email Templates
---------------------------------------------*/

.broadcast-preview-balloon {
    display: none;
    position: absolute;
    border: 1px solid #ccc;
    background: white;
    padding: 5px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    z-index: 9999; /* Ensures it stays above other elements */
}



/*---------------------------------------------
		Bootstrap Checkbox Styling
---------------------------------------------*/
.checkbox-control{
	float: left; 
	height: 20px; 
	width: 20px; 
	margin-top: -2px !important; 
	margin-right: 6px !important;
	clear: both;
}

.checkbox-left{
	width: 30px; 
	float: left;
}

.checkbox-right{
	margin-left: 30px;
	width: auto;
}

/*---------------------------------------------
		Media Queries for form inputs
---------------------------------------------*/
.long-input{
	width: 100% !important;
}
.medium-input{
	width: 60% !important;
}
.short-input{
	width: 35% !important;
}
.numeric-input{
	width: 90px !important;
}
.long-numeric-input{
	width: 150px !important;
}
.half-input {
	width: 50% !important;
}
.label-shift{
	text-align: right;
}
.select-overflow {
	white-space: normal; 
	vertical-align: top; 
	line-break: loose; 
	overflow-wrap: anywhere;
}

@media (max-width: 1200px) {
	.long-input{
		width: 100% !important;
	}
	.medium-input{
		width: 75% !important;
	}
	.short-input{
		width: 50% !important;
	}
	.numeric-input{
		width: 90px !important;
	}
	.long-numeric-input{
		width: 150px !important;
	}
	.half-input {
		width: 50% !important;
	}
	.lms-course-page-mobile-nav {
		display: none;
		margin-top: 0px;
	}
	.volunteer-list-text {
		font-size: 12px;
	}
}


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


@media (min-width: 990px) and (max-width: 1199px) {
	.long-input{
		width: 100% !important;
	}
	.medium-input{
		width: 60% !important;
	}
	.short-input{
		width: 35% !important;
	}
	.numeric-input{
		width: 90px !important;
	}
	.long-numeric-input{
		width: 150px !important;
	}
	.half-input {
		width: 50% !important;
	}
	.lms-course-page-mobile-nav {
		display: none;
		margin-top: 0px;
	}
	.volunteer-list-text {
		font-size: 12px;
	}
}

@media (max-width: 991px) {
	.long-input{
		width: 100% !important;
	}
	.medium-input{
		width: 60% !important;
	}
	.short-input{
		width: 35% !important;
	}
	.numeric-input{
		width: 90px !important;
	}
	.long-numeric-input{
		width: 150px !important;
	}
	.label-shift{
		text-align: left;
	}
	.half-input {
		width: 50% !important;
	}
	.lms-course-page-toc-title {
		font-size: 13px;
	}
	.lms-course-page-mobile-nav {
		display: none;
		margin-top: 0px;
	}
	.volunteer-list-text {
		font-size: 12px;
	}
}

@media (min-width: 768px) and (max-width: 990px) {
	.forum_profile_info_desktop {
		display: none;
	}
	.forum_profile_info_mobile {
		display: block;
	}
	.forum_profile_container {
		text-align: left;
		border: none;
		padding-top: 0px;
	}
	.forum_topic_content_container, .forum_post_content_container {
		margin-top: 0px;
	}
	.half-input {
		width: 50% !important;
	}
	.forum_board_list_desktop {
		display: none;
	}
	.forum_board_headers {
		display: none;
	}
	.forum_board_panel {
		padding-top: 0px !important;
	}
	.forum_board_list_mobile {
		display: block;
	}
	.lms-course-page-mobile-nav {
		display: none;
		margin-top: 0px;
	}
	.volunteer-list-text {
		font-size: 10px;
	}
}


@media (max-width: 767px) {
	.long-input{
		width: 100% !important;
	}
	.medium-input{
		width: 100% !important;
	}
	.short-input{
		width: 100% !important;
	}
	.numeric-input{
		width: 90px !important;
	}
	.long-numeric-input{
		width: 150px !important;
	}
	.label-shift{
		text-align: left;
	}
	.forum_profile_info_desktop {
		display: none;
	}
	.forum_profile_info_mobile {
		display: block;
	}
	.forum_profile_container {
		text-align: left;
		border: none;
		padding-top: 0px;
	}
	.forum_topic_content_container, .forum_post_content_container {
		margin-top: 0px;
	}
	.half-input {
		width: 50% !important;
	}
	.forum_board_list_desktop{
		display: none;
	}
	.forum_board_headers{
		display: none;
	}
	.forum_board_panel {
		padding-top: 0px !important;
	}
	.forum_board_list_mobile {
		display: block;
	}
	.lms-course-page-toc-title {
		font-size: 11px;
	}
	.lms-course-page-toc-item {
		font-size: 10px;
	}
	.lms-course-page-continue-btn {
		font-size: 14px;
	}
	.lms-course-page-mobile-nav {
		display: block;
		margin-top: 20px;
	}
	.volunteer-list-text {
		font-size: 10px;
	}
}


@media (max-width: 480px) {
	.long-input{
		width: 100% !important;
	}
	.medium-input{
		width: 100% !important;
	}
	.short-input{
		width: 100% !important;
	}
	.numeric-input{
		width: 90px !important;
	}
	.long-numeric-input{
		width: 150px !important;
	}
	.label-shift{
		text-align: left;
	}
	.evr-image-data-container {
		display: inline-block;
	}
	.evr-image-container {
		display: inline-block;	
		width: 100% !important;
		margin-bottom: 10px;
	}
	.evr-radio-container {
		width: 100%; 
		margin: 0 auto;
	}
	.forum_profile_info_desktop {
		display: none;
	}
	.forum_profile_info_mobile {
		display: block;
	}
	.forum_profile_container {
		text-align: left;
		border: none;
		padding-top: 0px;
	}
	.forum_topic_content_container, .forum_post_content_container {
		margin-top: 0px;
	}
	.half-input {
		width: 50% !important;
	}
	.forum_board_list_desktop{
		display: none;
	}
	.forum_board_headers{
		display: none;
	}
	.forum_board_panel {
		padding-top: 0px !important;
	}
	.forum_board_list_mobile {
		display: block;
	}
	.lms-course-page-mobile-nav {
		display: block;
		margin-top: 20px;
	}
	.volunteer-list-text {
		font-size: 8px;
	}
	.evr_progess_bar_item_container {
		font-size: 9px;
	}
	#evr_start_over_btn {
		font-size: 9px !important;	
	}
}