@media only screen and (max-width: 1100px) {
    .workshopContainerRight #subscribeBtnHolder {
	display: none;
    }
}

@media only screen and (max-width: 600px) {
    
    #filterDatesChoosenMobileHolder {
         display: block!important;
    }
    

    #filterDatesChoosenMobile { 
        background: #efefef;
        border-radius: 5px;
        padding: 6px 10px;
        text-align: center;
        margin-bottom: 15px;
    }
    
    .daterangepicker {

        left: 0!important;
        width: 100%!important;
      bottom: 0!important;
        z-index: 99999!important;
        margin-top: 0!important
    }
    
      #filterBlock i {
        font-size: 30px;
         margin: 0!important;
    }
    
    
    
    #filter_period {
        display:none!important;
    }
    
    
    .workshopMentionInOverview {
        margin: 0px auto!important;
        width: 100%!important;
        text-align: center;
    }
    
    
    .workshopLimitedPlacesInOverview {
        margin: 10px auto 0px auto!important;
        width: 100%!important;
        text-align: center;
    }
    
    .workshopLocationHolderMobile {
	    display: block!important;
    }

    .workshopLocationHolder {
        display: none!important;
    }
    
    .workshopSpeakerItem img {
        float: none!important;
       display: block;
      margin: 0 auto 25px auto!important;
    }
    .workshopSpeakerItem {
        text-align: center!important;
    }
    
    .workshopLearningPoints img {
        float: none!important;
       display: block;
      margin: 0 auto 25px auto!important;
    }
    
    #filterBlock .filterType {
       display: none!important;
    }
    
    #filterBlock {
        text-align: center!important;    
        
    }
    
    #filterBlock #sportFilter {
        padding-left: 0px!important;
    }
    
    .workshopContainerLeft {
     padding: 0px!important;
    }
    
    
    .workshopContainer .sticker {
        flex: 0!important;
        min-width: 100%!important;
    }
   
    
   
}


@media only screen and (max-width: 810px) {
  
     .workshopButtonHolder {
         flex-wrap: wrap; 
        gap: 0px;
    }
    
       
   
    
	select, input:not(#filter_period) {
		width: 100%!important;
		display: block!important;
		
	}
	
	
	input[type=checkbox], input[type=radio] {
		width: fit-content!important;
		display: inline-block!important;
		margin-right: 10px!important;
		
	}
		
	
	#contentLeft, #contentRight {
		margin: 0;
		padding: 0;
		display: block;
		width: 100%!important;
	}
	
	#header {
		height: 80px;
	}
	
    
    
    
	.invoice_item_left, .invoice_item_right {
		text-align: left!important;
		display: block!important;
		width: 100%!important;
	}
	
	.invoice_item .btn_holder {
		height: auto!important;
		top: 0px!important;
		display: block;
		width: 100%;
	}
	
	#fileToUpload-2 { display: none!important;} 
	
	.groupFileName {
		white-space: nowrap;
  	 	overflow: hidden;
    	display: block;
   		max-width: 100%;
  	    text-overflow: ellipsis;
	}
	
	.groupFileActions .btn_action_small {
		width:fit-content!important;
	}
	
	.invoice_item {
		width: 100%!important;
	}
	
	.hideMobile {
		display: none;
	}
	
	.login-left {
		padding: 0;
		text-align: center;
		display: block!important;
		width: 100%;
	}
	
	.login-right {
		text-align: center;
		display: block!important;
		width: 100%;
		max-width: 100%!important;
	}
	
	.login-right span { display: none; }
	
	.title {
		text-align:center;
	}

	.btn_action, .btn_action_small { 
		width: 100%!important; }
	
	#mobile_links_to_app  {
		margin: 25px auto;
		
		
	}
	
	#mobile_links_to_app div {
		text-align: center;
		margin: 10px 0;
	}
	
	#mobile_links_to_app img {
		width: 45vw!important;
		max-width: 300px;
	}
	
	
	h1 {
		margin-left: 0!important;
		text-align: center;
		font-size:23pt!important;
		margin-bottom: 15px!important;
	}
	
	#contentFull {
		padding: 15px!important;
		
	}
	
	#content {
		margin-top: 15px!important;
		padding: 10px 10px!important;
	}
	
	.footer_left, .footer_right { width:100% }
	
	.footer_right ul {
		margin: 25px 0!important;
		padding: 0!important;
	}
	
	.footer_right {
		text-align: center!important;
	}
	
	.footer_right ul li {
		border: 0!important;
	}
	
	
	.footer_right ul li:last-child {
		
		 margin-right:15px;
	}
	
	.footer_right a {
		
		display: block;
		margin-bottom: 15px;
	}
	
	#appStores {
		width: 100%!important;
		float: none!important;
		margin: 0 auto;
	}

	#appStores a {
		margin-bottom: 0px!important;
	}
	
	.fakeInputFieldLocked a {
		width: fit-content!important;
	}
}






@media only screen and (max-width: 1120px) {
  #programCatList {
/*	padding-left: 75px!important;*/
	padding-left: 0px!important;
	}
}

#videoModal {
	max-width: 1280px!important;
	margin: 0 auto!important;
}

.modal-dialog {
    width: auto!important;
	max-width: calc(100vh * 1.7 - 260px)!important;
    margin: 0;
    padding: 0;
  }
  


a { 
	text-decoration: underline!important;
	color: #000000!important;
}

a.btn_action, a.btn_action_small {
	text-decoration: none!important;
	color: #fff!important;
}

a.marker, .ex_btns a {
	text-decoration: none!important;
}

#loginBar a {
	text-decoration: none!important;
}

table td {
	padding: 12px 12px!important;
}

table {
	margin-bottom: 15px;
	width: 100%!important;
}

.rowHolder span {
	display:inline-block
}



.center {
	text-align:center;
}

.pointer {
	cursor: pointer;
}

input[type="radio"] {
	curson: pointer!important;
	width: 25px;
}

#searchHolder, #actionBtnHolder {
	visibility: visible!important;
	z-index: 999!important;
	font-size: 28px;
    position: absolute;
    right: 15px;
    margin-top: 10px;
}


#actionBtnHolder span {
    cursor: pointer;
    margin-right: 5px;
}

#favModal .modal-header, #searchModal .modal-header {
    font-weight: 600;
    font-size: 16pt;
}

.searchSubCat {
    margin-top: 6px;
    line-height: 18px;
}

.searchTab {
    cursor: pointer;
    display: inline-block;
    background: #efefef;
    color: #000;
    padding: 5px 10px;
    margin-right: 5px;
    border-radius: 5px;
    font-size: 14px;
}

.searchTab.active {
    background: #000;
    color: #fff;
}

.searchProgName {
    margin: 0 auto;
    border: 1px solid;
    width: fit-content;
    padding: 0 12px;
    border-radius: 3px;
}


.searchCat {
	font-weight: 900;
}

.btn_info.btn_locked {
	margin-bottom: 6px;
}

#freeVids .btns_row_same_lvl {
/*	display: block!important;*/
    margin-bottom: 5px!important;
}

#freeVids .row-x {
	padding-left: 5px;
	padding-right: 5px;
}

.galleryItemBig .galleryVideoPlayBtn {
	position: absolute;
	left: calc(50% - 25pt);
	top: calc(50% - 25pt);
}

.galleryItemBig .galleryVideoPlayBtn i {
	font-size: 50pt;
}

.galleryItemSmall .galleryVideoPlayBtn {
	position: absolute;
	left: calc(50% - 14pt);
	top: calc(50% - 14pt);
}

.galleryItemSmall .galleryVideoPlayBtn i {
	font-size: 28pt;
}

.galleryItemSmall, .galleryItemBig {
	color: #fff;
	transition: all .3s ease;
}

.galleryItemBig, .galleryItemSmall {
	position: relative;
	top:0;
	left:0;
}

.galleryItemSmall {
	display: inline-block;
	
}

.colorPlaqForFilter { 
	display: inline-block;
	/*height: 15px;
	width: 30px;*/
	width: fit-content;
	letter-spacing: 1pt;
	font-size: 9pt;
	padding: 2px 10px!important;
	border-radius:3px;
}


.menu_programType {
	color: #000000!important;
    font-weight: 600;
    position: relative;
    display: inline-block;
    text-decoration: none;
    padding-bottom: 1.5rem;	
	font-size: 26px!important;
	border: 0px!important;
	padding-left: 0px!important;
	padding-right: 0px!important;
	background: transparent!important;
	margin-right: 35px!important;
	
}

.menu_programType.active { 
	border-style: none none solid none!important;
	border-width: 4px!important;
}

.footer_right ul li {
	list-style-type: none;
	display: inline-block;
	border: 1px solid #000;
	border-style: none solid none none;
}

.footer_right ul li:last-child {
	border: 0!important;	
}

.footer_right ul li a {
	margin: 0px 15px;
	display: inline-block;
}

.footer_right ul li:last-child a {
	margin-right: 0px!important;
}

#appStores {
	float: right;
	width: fit-content;
	font-weight: 800;
	border: 2px solid #000000;
	border-radius: 5px;
	margin-top: 15px;
	padding: 10px 15px;
	text-transform: uppercase;
}
#appStores span {
	position: relative;
	top: 2px;
}

.appStoreItem {
	display: inline-block;
	margin-left: 8px;
}


/* PROGRESS BAR */
.progressBarHolder {
	margin: 25px 0;
	display: flex;
	max-width: 900px;
}

.progressBar {
	height: 8px;
	margin-bottom: 5px;
	border-radius: 10px;
	flex: 1 1 auto;
}

.progressBar.active {
	background: rgba(242, 146, 0, 1);
}

.progressBar.done {
	background: rgba(242, 146, 0, .25);
}

.progressBar.todo {
	background: #efefef;
}


.progressItem.active {
	color: rgba(242, 146, 0, 1);
}

.progressItem.done {
	color: rgba(242, 146, 0, .5);
}

.progressItem.todo {
	color: #999;
}

.progressItem {
	background: none!important;
	flex: 1 1 auto;
	font-size: 8pt!important;
	margin-right: 8px;
	margin-bottom: 8px;
}




/* INVOICES */

.invoice_item .btn_action_small:after{
	content: ""!important;
	margin: 0!important;
}

.invoice_item .btn_action_small {
	margin-top: 15px;
}

.invoice_item {
	border-radius: 4px;
	background: #f0f0f0;
	padding: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
	width: fit-content;
	display: inline-block;
}


.invoice_item_left {
	display: inline-block;
	vertical-align: top;
	width: 150px;

}

.invoice_item_right {
 	display: inline-block;
	vertical-align: top;
	text-align: right;
	width: 200px;
}

.invoice_date {
	font-size: 20px;

}

.invoice_number {
	font-size: 11px;
}

.invoice_product {
	max-height: 6rem;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}


.invoice_amount {
	margin-top: 25px;
	font-size: 18px;
}

.invoice_item .btn_holder {
	height: 6px;
	width:100%;
	text-align: right;
	position: relative;
	top: -45px;
	
}


#partnerLoginPopup, #mainPopup {
	z-index: 999999!important;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.5);
}

#partnerLoginPopup .info, #mainPopup .info {
	margin: 25px auto;
	width: fit-content;
	height: fit-content;
	max-width: 85vw;
	padding: 50px;
	background: #ffffff;
	color: #000000;
}

#partnerLoginPopup .btn_action_small, #mainPopup .btn_action_small {
	border: 0;
}
	
/* OVERVIEW GRID */
.rotate45deg {
	transform: rotate(45deg);
	
}

.lessonGroupTitle {
	cursor: pointer;
    margin: 20px 0 20px 0;
    padding: 15px 25px;
    color: #fff;
    border-radius: 6px;
    font-size: 16pt;
}

.lessonGroupTitle i {
	margin-right: 10px;	
}

.exLessonGroup, .exLevelGroup {
	margin-bottom: 25px;
	border-radius: 5px;
	background: #f0f0f0;
	padding: 10px 0px;
}


.exLessonGroup, .exLevelGroup, .row-x, #tabs_cats
{
  	display:flex;
  	flex-direction:row!important;
  	width:100%!important;
/*  max-width: 1400px;*/
	max-width: calc(100vw - 40px);
  
}


.exLessonGroup .cat_col_first, .exLevelGroup .cat_col_first, .row-x .cat_col_first, #tabs_cats li:first-child {
	width: 70px!important;
	flex: none!important;
}

.exLessonGroup > .cat_col:not(.cat_col_first), .exLevelGroup > .cat_col:not(.cat_col_first), .row-x > .cat_col:not(.cat_col_first), #tabs_cats > li
{
/*  flex: 1 1 auto;*/
  flex: 1!important;
  text-align:center;
  margin: 5px;  /* and that, will result in a 10px gap */
}



/* ROW */
.hidden {
	visibility: hidden;
}

.rowHolder {
	border-rasius: 4px;
	background: #f0f0f0;
	padding: 15px;
	margin-bottom: 25px;
	width: 100%;
}

.rowHolder span {
	vertical-align: top;
}



.product_title {
	font-size: 20px;
	margin-bottom: 10px;
}

.product_label {
	font-weight: bold;
	width: 160px;
	display: inline-block;
}

.productInfo_left {
	display: inline-block;
	width: 45%;
	max-width: 300px;
	vertical-align: top;

}


.productInfo_right {
	display: inline-block;
	width: 45%;
	vertical-align: top;

}



/* BACKGROUND LEVELS */

.btns_row_same_lvl {
	display: inline-block!important;
	margin: 0px -2px!important;
    
}

.btns_row_same_lvl_search {
    display: inline-block!important;
    margin: 0px -2px 6px -2px!important;
}

.btns_row_same_lvl:has(> a.div.btn_L) {
	background:red!important;

}

.btn_L span:hover, .btn_L span { background: transparent!important; }
.btn_XS span:hover, .btn_XS span { background: transparent!important; }



.row-parent {
	width: 100%;
}

.row-child {
  display: flex;
  flex-wrap: wrap;
}



.row-child .cat_col_4 {
  flex: 1 0 20%; 
  margin: 5px;
}

.row-child .cat_col_5 {
  flex: 1 0 10%; 
  margin: 5px;
}

.btn_fav_no, .btn_fav_-1, .btn_fav_-99 { /* no level */
	color: #666666;
    color: #dddb00;
}

.btn_fav_0 { /* white_alt */
	color: #666666;
    color: #dddb00;
}

.btn_fav_1 { /* blue */
	color: #0069b3;
    color: #dddb00;
}

.btn_fav_2 { /* red */
	color: #c01f18;
    color: #dddb00;
}

.btn_fav_3 { /* orange */
	color: #e16e10;
    color: #dddb00;
}

.btn_fav_4 { /* green */
	color: #5c9a2c;
    color: #dddb00;
}


.btn_fav_5 { /* yellow */
	color: #d1c000;
    color: #dddb00;
}


.btn_fav_6 { /* violet */
	color: #532865;
    color: #dddb00;
}
.btn_L .fav {
    width: 15px!important;
}


.btn_lvl_no, .btn_lvl_-1, .btn_lvl_-99 { /* no level */
	background: #efefef;
	color: #000!important;
}

.btn_lvl_no:hover, .btn_lvl_-1:hover, .btn_lvl_-99:hover  { /* no level */
	background: #ddd;
	color: #000000!important;
}

.btn_lvl_0 { /* white */
	background: #fff;
	color: #333!important;
}

.btn_lvl_0_alt { /* white_alt */
	background: #efefef;
	color: #333!important;
}

.btn_lvl_0:hover, .btn_lvl_0_alt:hover {
	background: #eee;
}

.btn_lvl_1 { /* blue */
	background: #0069b3;
	color: #fff!important;
}

.btn_lvl_1:hover{
	background: #00548c;
}

.btn_lvl_2 { /* red */
	background: #c01f18;
	color: #fff!important;
}

.btn_lvl_2:hover{
	background: #981913;
}

.btn_lvl_3 { /* orange */
	background: #e16e10;
	color: #fff!important;
}

.btn_lvl_3:hover{
	background: #ba5b0d;
}

.btn_lvl_4 { /* green */
	background: #5c9a2c;
	color: #fff!important;
}

.btn_lvl_4:hover{
	background: #457321;
}

.btn_lvl_5 { /* yellow */
	background: #d1c000;
	color: #fff!important;
}

.btn_lvl_5:hover{
	background: #ab9d00;
}

.btn_lvl_6 { /* violet */
	background: #532865;
	color: #fff!important;
}

.btn_lvl_6:hover{
	background: #391b45;
}

.btn_info:before {
	content: '';
  
}

.btn_link:before {
  content: '';
}

.btn_download:before {
  content: '';

}


.preview-gallery .type-V {
	cursor: pointer;
}



img, .btn_XS, .btn_L {
	border-radius: 3px;
}

.btn_XS, .btn_L { 
	display: inline-flex;
	justify-content: center;
	align-items: center;
	
	
	cursor: pointer!important;
	
	/*display: -ms-flexbox; -ms-flex-align: center; -ms-flex-pack: center*/
}

.btn_XS { /* Button for exId video */
    vertical-align: top;
	font-size: 10pt;
	margin: 0 2px;
    min-width: 28px;
    padding: 0 8px;
/*    width: 28px;*/
	height: 28px;
}

.btn_XS i {
	font-size: 8pt!important;
}

.btn_XS:hover, .btn_L:hover { 
	transition: all 300ms ease;
}

.btn_L { /* Button for exId video */
	width: 90%;
	margin: 2px 0;
	padding: 6px 0px;
	font-size: 12px!important;
	line-height: 17px!important;
}

.btn_L span { width: 100%; }

.btn_video_fa {
	position: relative;
/*    top: -4px;*/
    margin-bottom: 4px!important;
    display: block;
}

/* COLOR LEVELS */
.color_lvl_no { /* no level: gray */
	color: #ccc;
}

.color_lvl_0 { /* white */
	color: #fff;
}

.color_lvl_0_alt { /* white */
	color: #aaa;
}

.color_lvl_1 { /* blue */
	color: #0069b3;
}

.color_lvl_2 { /* red */
	color: #c01f18;
}

.color_lvl_3 { /* orange */
	color: #e16e10;
}

.color_lvl_4 { /* green */
	color: #5c9a2c;
}

.color_lvl_5 { /* yellow */
	color: #d1c000;
}

.color_lvl_6 { /* violet */
	color: #532865;
}

.ex_new:before {
	font-family: "Font Awesome 5 Free"!important;
	color: rgba(0,0,0,1)!important;
   	font-weight:900;
	font-size: 8pt;
	text-align: left;
	content: "\f0e7";
	margin: 0px 5px;
}
.ex_new {
    /*background: #fff;
    color: #000;*/
    position: relative;
    border-radius: 0 3px 3px 0;
    width: fit-content;
	margin: 0 auto;
    padding: 5px;
    font-size: 8pt;
	font-weight: 600;
    letter-spacing: 1pt;
    top: 31px;
    z-index: 99;
	background: yellow!important;
	color: #000!important;
}

.ex_new_lessongroup:before {
	font-family: "Font Awesome 5 Free"!important;
	color: #000!important;
   	font-weight:900;
	font-size: 9pt;
	text-align: left;
	content: "\f0e7";
	margin: 0px 5px;
}

.ex_new_lessongroup {
    /*background: #fff;
    color: #000;*/
    position: relative;
    border-radius: 3px;
    width: fit-content;
	margin: 0 auto;
    padding: 2px;
    font-size: 8pt;
	font-weight: 600;
    letter-spacing: 1pt;
    top: 31px;
    z-index: 99;
	background: yellow!important;
/*	background: rgba(255,255,255,.25)!important;*/
/*	color: #fff!important;*/
	color: #000!important;
}

.btn_L .ex_new {
	/*background: rgba(0,0,0,.35)!important;*/
	border-radius: 3px!important;
	/*color: #fff!important;*/
	top: 0px;
	
}

.ex_title_holder {
	/*height: 0px;*/
	display: grid;
}

.fav { 
    cursor: pointer;
    font-size: 13pt;
    width: fit-content;
}
.fav_off { 
    opacity: .15;
    filter: grayscale(100%);
    color: #000;
	transition: all 400ms ease;
}
.fav_off:hover { opacity: .5; }
.fav_on { 
    filter: grayscale(0%);
	transition: all 400ms ease;
    opacity: 1; 
}

.ex_title {
	width: 82%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 12px;
    z-index: 99;
    margin: 5px auto 15px auto;
    
}

.ex_thumb {
	filter: grayscale(100%);
	transition: all 400ms ease;
}

/*
.ex_thumb:hover {
	filter: grayscale(0%);
	transition: all 400ms ease;
}
*/

.ex_thumb img {
	width: 100%;
	max-width: 180px;
	margin: 8px 0;
	
/*    width: auto;*/
}

.ex_btns {
	margin: 4px 0;
}

.groupByVarId-0 .ex_btns.btns_row_same_lvl_search {
    display: table-cell!important;
}

.groupByVarId-1, .groupByVarId-0 {
    margin: 0 auto;
    width: fit-content;
}

.groupByVarId-1 {
    text-align: left!important;
}

.groupByVarId-1 .ex_btns {
	text-align: left!important;
}

#exData .exLessonGroup {
	/*display: none!important;*/
}

.row-x .cat_col_first {
	height:0!important;
}

.row-x {
	background: #f0f0f0;
	border-radius: 4px;
	padding-top: 5px;
	margin-bottom: -15px!important;

}





.template_block {

/*	padding: 8px 0px;*/
    padding: 8px 8px;
	margin-bottom: 10px;
	text-align: center;
	display: inline-block;
}


.subprog {
	width: fit-content!important;
	padding-left: 25px!important;
	padding-right: 25px!important;
	
}



/* WORKSHOPS */

.workshopLocationHolderMobile {
	display: none;
}

.workshopLocationHolder {
	display: block;
}

.btn_ws_marketing, .btn_schedule {
    display: block;
    font-size: 12pt!important;
    width: 100%;
    max-width: 350px;
    text-align: center;
    margin: 0 auto!important;
    line-height: 16pt!important;
}

.btn_ws_marketing:hover {
   background: #000!important;
}

.btn_schedule:hover {
   background: #000!important;
}

.workshopContainer .stickerContainer {
  display: flex;
  flex-wrap: wrap;             
  justify-content: center;      
  gap: 20px;                    
  margin: 0 auto;
  max-width: 1000px;            
}

.workshopContainer .sticker {
    font-size: 12pt;
    font-weight: bold;
  flex: 1 1 250px;             
  box-sizing: border-box;
  padding: 20px;
/*  border: 1px solid rgba(0,0,0,1);   */
    background: #efefef;
  border-radius: 10px;
  min-width: 250px;            
  max-width: 300px;             
}


.workshopContainer ul {
    color: inherit!important;
    width: fit-content;
    text-align: left;
    margin: 15px auto;
    padding-left: 15px;
}

.workshopContainerLeft ul {
    list-style: none;  
    padding-left: 0;
}

.workshopContainerLeft ul li {
    font-size: 10pt;
    font-weight: normal;
    padding: 10px 20px 10px 45px;
/*    background: #efefef;*/
/*    background: #999;*/
    background: rgba(0,0,0,.07);
/*    color: #fff;*/
    color: #000;
    position: relative;
    margin-bottom: 10px;
    border-radius: 5px;
}

.workshopContainerLeft ul li::before {
    content: "\f058";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: 20px;
    top: 10px;
    color: rgba(0, 0, 0, .75);
/*    color: #fff;*/
}

.workshopSpeakerItem {
    text-align: left;
}

.workshopSpeakerItem img {
    float: right;
    margin: 0px 0px 15px 15px;
    max-width:250px;
    height:auto; 
    border-radius:10px;
}

.workshopPrijs {
/*    color: #59b547!important;*/
}

/*
.workshopContainerLeft ul li {
  position: relative;
  padding-left: 25px; 
  margin-bottom: 10px;
}

.workshopContainerLeft ul li::before {
  content: "\f058"; 
  font-family: "Font Awesome 5 Free";
  font-weight: 900; 
  position: absolute;
  left: 0;
  top: 0;
  color: rgba(0,0,0,.25);
}
*/



.workshopSubTitle {
    background-color: #eeeeee;
    font-size: 18px;
    text-transform: uppercase;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 6px 10px;
}


#frm_fillable div { margin-top: 0!important; }

.workshop_schedule_titletag1, .workshop_schedule_titletag2 {
 font-weight: bold;   
}

.workshop_schedule_title {
    margin-bottom: 10px;
}


#altInvoiceHolder {
    margin: 10px 25px;                    
}
                
#invoiceToHolder {
    width: 95vw;
    max-width: 700px;
    margin: 25px auto;
    border-radius: 5px;
    border: 1px solid #efefef;
}

#invoiceToHolder label {
    font-weight: normal;
    cursor: pointer;
    width: fit-content;
}


#filterBlock {
  display: flex;
  align-items: center;   /* vertical centering */
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 35px;
  padding-bottom: 15px;
  border-bottom: 1px solid #efefef;
}

#filterBlock .filterType {
  font-weight: bold;
  margin-right: 15px;
  margin-bottom: 0;  /* prevent pushing down */
}

#sportFilter {
  display: flex;
  gap: 10px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.filterSportHolder {
     display: flex;
  align-items: center;
  gap: 15px;
}


#filter_period { 
    border: 0px solid #ccc;
    width: 195px!important;
    text-align: center;
    background: #efefef;
    border-radius: 5px;
    padding: 6px 10px!important;
}

#btn_filter_period {
  padding: 6px 10px;
  cursor: pointer;
  display: inline-flex;
  align-items: center; /* centers icon + input vertically */
  margin-bottom: 0;    /* remove that 60px */
}

#filterBlock ul {
    display: inline-block;
}


#filterBlock ul li {
    display: inline-block;
    padding: 10px 15px;
    border-radius: 5px;
    background: #efefef;
    filter: grayscale(1) contrast(1) brightness(2);
    color: #000!important;
    cursor: pointer;
    transition: all 0.2s ease;
    margin-right: 5px;
    

}

 #filterBlock ul li:hover {       
     background: #000;
     color: #ffff!important;
     filter: grayscale(0);
}


#filterBlock li.active {
    filter: grayscale(0) contrast(1) brightness(1);
    color: #fff!important;
}


#filterBlock .active {
/*    background: #59b547;*/
    background: #000;
    color: #fff;
}

#filterBlock {
/*
    margin-bottom: 35px;
    border: 1px solid #efefef;
    border-style: none none solid none;
*/

    
}


.workshopItemBlock_schedule {
    background: #efefef;
    border-radius: 0px 0px 10px 10px;
   margin-bottom: 25px;
    padding: 25px;
    transition: all 0.3s ease;
}


.workshopItemBlock_schedule:hover {
    background: #e6e6e6;
    cursor: pointer;
}

.workshopLint {
    height: 6px;
}

.workshopLevel {
    letter-spacing: 1pt;
    background: #666;
    color: #fff;
    text-transform: uppercase;
    padding: 6px 10px; 
    border-radius: 5px;
    width: fit-content;
    font-size: 11pt;
    width: 100%;
    text-align: right;
/*     line-height: 18pt;*/
}

.workshopLevel i {
    position: relative;
/*    top: 2px;*/
/*    font-size: 18pt;*/
    margin-right: 10px;
}

.workshopLevel span {
    position: relative;
/*    top: -1px;*/
   
}

.workshopPrice {
   
    margin: 25px 0;
   font-size: 16pt;
}



.workshopSportHolder {
    display: flex;
    justify-content: flex-end;
    align-items:flex-start;
}

.workshopSportContainer {
    display: flex;
    align-items: center;  
    gap: 10px;
}

.workshopSport {
    padding: 4px 8px;
    border-radius: 4px;
/*    font-weight: bold;*/
    white-space: nowrap;
}

.workshopSportIcon img {
    height: 45px; 
    width: auto;
    display: block;
}

.workshopSport {
    background: #666;
    color: #fff;
    text-transform: uppercase;
    padding: 4px 10px; 
    border-radius: 5px;
    width: fit-content;
    font-size: 11pt;
}




.workshopTag {
    background: rgba(0,0,0, .25);
    color: #fff;
    display: inline-block;
    padding: 4px 10px;
    border-radius: 5px;
    margin: 4px 4px;
    font-size: 9pt;
    text-transform: uppercase;
}

.workshopItemBlock_schedule .workshopDate {
    font-size: 15pt;
}

.workshopItemBlock_schedule .workshopTitle {
    font-size: 10pt;
    margin: 15px 0;
/*    font-weight: bold;*/
}


.workshopItemBlock_schedule .workshopTagHolder {
    font-size: 10pt;
    margin: 15px 0;
}


.workshopTop {
    display: flex;
    justify-content: space-between;
    gap: 10px; 
    border: 1px solid rgba(0,0,0,.20);
    padding-bottom: 15px;
    border-style: none none solid none;
}

.workshopTop .workshopDateHolder, .workshopTop .workshopLocationHolder, .workshopTop .workshopSportHolder {
    flex: 1; 
    text-align: center;
/*    padding: 10px;*/
/*    border: 1px solid #ccc;  */
/*    border-radius: 5px;*/
/*    background: #fff;*/
    
}

 #filterDatesChoosenMobileHolder {
         display: none;
    }


.workshopTop .workshopDateHolder {
    justify-items: flex-start;
}

.workshopTop {
    align-items: center;
}

.workshopTop .workshopSportHolder {
    justify-items: flex-end;
}

.workshopButtonHolder {
    display: flex;
    gap: 12px;
    justify-content: flex-start;
    align-items:flex-start;
    margin-top: 16px;
}

.workshopButtonHolder .btn_action {
    line-height: 18px!important;
    font-size: 18px!important;
    padding: 20px 10px!important;
    margin-top: 10px!important;
}

.workshopButtonHolder div {
/*    flex: 1;*/
/*    text-align: center;*/
}

.workshopButtonHolder .btn_subscribe {
    
    color: #fff!important;
}



.btn_more_info {
    background: #fff!important;
    color: #000!important;
    
}


.workshopButtonHolder .btn_subscribe:hover {
    background: #000!important;
    color: #fff!important;
    
}


.workshopContainer {
  display: flex;
  gap: 20px; /* Optional spacing between the two boxes */
}

.workshopContainerLeft, .workshopContainerRight {
    padding: 20px;
}

 .workshopContainerLeft {
      flex: 1;
      background: #fff;
     text-align:center;
    }

    .workshopContainerRight {
      flex: 0 0 33.333%; /* Don't grow, don't shrink, base size = 1/3 of container */
      max-width: 300px;
      background: #efefef;
        font-family: inherit!important;
    }

.workshopMention {
    background: rgba(0,0,0,.20);
    padding: 4px 10px;
    display: block;
    width: fit-content;
    margin: 3px auto 0px auto;
    border-radius: 5px;
}

/*
.workshopMentionInOverview {
    background: rgba(0,0,0, .25);
    padding: 4px 10px;
    color: #ffffff;
    display: block;
    width: fit-content;
    margin: 0px 0px 0px 3px;
    border-radius: 5px;
}
*/

.workshopMentionInOverview {
    border: 1px solid #000;
    padding: 4px 10px;
    color: #000;
    display: block;
    width: fit-content;
    margin: 0px 0px 0px 3px;
    border-radius: 5px;
}

.workshopLimitedPlacesInOverview {
    background: orange;
    padding: 4px 10px;
    color: #ffffff;
    display: block;
    width: fit-content;
    margin: 10px 0px 0px 3px;
    border-radius: 5px;
}

.workshopInfoTitle {
    font-weight: bold;
}

.workshopContainerKeywords {
  margin: 15px 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
   
  justify-content: center; /* Or center if you want centering */
}

.workshopContainerKeywords .item {
    flex: 1; 
    max-width: 150px;
    align-self: center;
  border-radius: 5px;
  padding: 10px;
  text-align: center;
/*  background-color: #efefef;*/
     color: #fff;
  box-sizing: border-box;     /* Ensures padding doesn't break size */
}


.workshopDatesHolder .workshopDate {
    width: fit-content;
    margin: 0px auto 5px auto;
    border: 1px solid #fff;
    padding: 4px 10px;
    border-radius: 5px;
}

.workshopDatesHolder .workshopDate:not(:first-child) {
   
    margin: 25px auto 5px auto;
  
}

/*
.workshopContainerKeywords {
    margin: 15px 0;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.workshopContainerKeywords .item {
      flex: 1 1 120px; 
    border-radius: 5px;
      padding: 10px;
      text-align: center;
      background-color: #efefef;
}
*/

@media (max-width: 1100px) {
      .workshopContainer {
        flex-direction: column;
      }

      .workshopContainerRight {
        max-width: 100%;
        flex: none;
      }
    }



/* TEMPLATE: programCat */

#programListHolder { 
	position: relative;
	top: -35px;
	margin-left: 85px;
	border-radius: 5px;
	padding: 15px 25px;
/*	width: fit-content;*/
}

#programDomainHolder, #programCatHolder { 
	margin-left: 0px;
}
 /*XXX: added */

.programCatList li {
     filter: grayscale(1);
    line-height: 14px;
}

#programCatHolder .catIcon img {
    filter: contrast(0) brightness(0.5);
}

#programCatHolder li:hover .catIcon img {
   filter: grayscale(0) contrast(1) brightness(1);
}

#programCatHolder li:hover {
    filter: grayscale(0) contrast(1) brightness(1);
}



#programCatHolder .catIcon {
    top: -12px;
    left: -9px;
    position: relative;
}

#programCatHolder li.progCatActive {
    filter: grayscale(0) contrast(1) brightness(1);
}

#programCatHolder li.progCatActive .catIcon img {
    filter: grayscale(0) contrast(1) brightness(1);
}

 

#programCatHolder .catIcon img { 
    height: 35px;
}

#programCatHolder .catIconSpacer {
    display: inline-block;
    width: 38px;
    height: 12px;
}

/*XXX: added end 20230425*/

#programData {
	position: relative;
	top: -18px;
	
}

#subcatHolder {
	margin-left: 85px;
	margin-bottom: 10px;
}

#levelSelectorHolder { 
	display: none;
	position: absolute;
	width: fit-content;
	background: #fff;
	padding: 5px;
    z-index: 1000;
    border-radius: 5px;
}

#levelSelectorHolder input[type=checkbox] {
	position: relative;
    	left: 6px;
    	top: 2px;
}

.modal { z-index:100000!important; }

#programCatHolder {
	position:relative;
	top: -10px;
}

#programCatList { 
	background: #efefef;
	padding-top: 10px;
	padding-bottom: 10px;
}

#programCatHolder { height: 81px; line-height: 26pt; }
#programListHolder { /*min-height: 81px;*/  line-height:inherit!important; }

#programCatList, #programTypeList {
	padding-left: 140px;
}

.programCatList li {
	height: 55px;
	padding: 18px 25px!important;
	background: #fff;
	color: #000;
/*	border-radius: 7px 7px 0px 0px;*/
	border-radius: 7px;
}

.programTypeList li, .programCatList li {
	
	display: inline-block;
	/*border: 1px solid #000;*/
	padding: 15px 25px;
	margin: 0px 10px;
	background: #fff;
	color: #000;
	z-index:1000;
	/*transition: all 400ms ease;*/
}

.programCatList li {
/*	background: #e8f1f8;*/
	
}



#tabs_cats {
	margin-bottom: 0px!important;
	padding: 0px!important;
}

#tabs_subcats, #tabs_search li {
	padding: 0px!important;
	margin: 5px 0px!important;
}


#tabs_subprogs li {
	margin-bottom: 10px!important;
}




#tabs_subcats li, #tabs_filter li, #tabs_subprogs li, #tabs_preview li, #tabs_search li {
	margin-right: 10px!important;
}

#tabs_preview li {
	padding: 10px!important;
}

#tabs_search {
	padding: 0;
    margin-left: 15px;
}

#tabs_search li {
	padding: 10px!important;
}

#tabs_cats li, #tabs_subcats li, #tabs_filter li, #tabs_subprogs li, #tabs_preview li, #tabs_search li {
	border-radius: 3px!important;
	display: inline-block!important;
	border: 1px solid #efefef!important;
	background: #efefef!important;
	color: #000!important;
	text-align: center!important;
	line-height: 13pt!important;
	font-weight: 600!important;
	transition: all 400ms ease!important;
}

#tabs_filter li {
    border: 0px!important;
}

#tabs_cats li { 
	font-size: 13pt;
	width: 100%;
}

#tabs_cats li, #tabs_subcats li, #tabs_filter li, #tabs_subprogs li, #tabs_preview li {
	padding: 10px 0px;
}


#tabs_cats li:not(.cat-overview) {
        padding: 14px 0px 7px 0px;
}


#tabs_subcats li, #tabs_search li { 
	font-size: 10pt!important;
}

#tabs_subprogs li { 
	font-size: 10pt;
}

#tabs_cats li i, #tabs_subcats li i, #tabs_subprogs li i,  #tabs_search li i{ margin-left: 10px!important; }

#tabs_cats li:first-child {
/*
	margin-right: 5px;
	width: 70px!important;
*/
}

.col_cat {
	width: 100%!important;
}

.subcat {
	width: fit-content!important;
	padding: 8px 25px!important;
	font-size: 16px!important;
	margin-bottom: 10px;
}

#filterHolder {
	 min-width: 460px;
    visibility: visible!important;
    width: fit-content!important;
    position: relative;
    left: -8px;
    top: 14px;
}

.filterTitle {
	font-size: 9pt;
	margin-bottom: 10px;
	text-transform: uppercase;
	color: rgba(0,0,0, .25);
	border: 1px solid #000;
	border-style: none none solid none;
	border-color: rgba(0,0,0,.25);
}

#btnFilter_OK {
    margin-top: 5px;
    width: 100%!important;
}

#btnFilter_reset {
	background: #cccccc;
	margin-top: 25px;
	width: 100%;

}


#btnFilter_reset:hover {
	background: #0097dd;
}

#btnFilter_reset::after {
	content: ""!important;
}


#tabs_filter {
	width: fit-content;
	position: relative;
	top: -56px;
	padding: 0;
}

#tabs_filter li:first-child {
	width: 70px;
	cursor: pointer;
}

#tabs_subcats { /*display: none;*/ }

.programTypeList li {
	cursor: pointer;
}

.programCatList li:hover, .progCatActive, .progCatActive:hover {
	cursor: pointer!important;
	background: #000!important;
	color: #fff!important;
	transition: all 400ms ease;
}

#tabs_cats li:hover, #tabs_subcats li:hover, #tabs_filter li:hover, #tabs_subprogs li:hover, #tabs_preview li:hover, #tabs_search li:hover {
	cursor: pointer!important;
	background: #000!important;
	color: #fff!important;
	transition: all 400ms ease!important;
}


#tabs_cats .active, #tabs_subcats .active, #tabs_filter .active, #tabs_subprogs .active, #tabs_preview .active, #tabs_search .active {
	cursor: pointer!important;
	background: #000!important;
	color: #fff!important;
	transition: all 400ms ease;
}


#tabs_cats li:not(.active), #tabs_subcats li:not(.active), #tabs_subprogs li:not(.active), #tabs_search li:not(.active) {
	/*opacity: .35;*/
	
}

/* hidden blocks */
#programCatHolder.licenzPage, #programListHolder.licenzPage {
	height: 0px;
}

#programListHolder.hideThis {
    visibility: hidden;
    height: 15px!important;
}

#filterHolder.programListHidden {
    top: -48px;
    
}

#filterPlaceHolder {
    width: 80px;
    display: none;
    
}

#programCatHolder.hideThis {
    visibility: hidden;
    height: 45px!important;
}

#filterHolder.programCatHidden {
    top: -13px;
    
}

#searchHolder.programCatHidden {
	margin-top: 26px!important;	    
}

#programListHolder.programCatHidden {
	top: -56px!important;   
}


#programDomainHolder.hideThis {
    visibility: hidden;
    height: 80px!important;
}

#filterHolder.onlyDomainShown {
	top: 12px!important;
}
/***/


.container_lvl {
	position: relative;
	top: -30px;
}

.progCatTitle {
/*	top: 5px;*/
	top: 2px;
    position: relative;
	color: #fff;
	font-size: 22pt;
	font-weight: bold;
	display: inline-block;
}

.programListContainer {
	flex: 1 0;
}

.programList li:hover, .progActive, .progActive:hover {
	cursor: pointer;
	/*font-weight: bold;*/
	background: rgba(255, 255, 255, 1)!important;
	color: #000000!important;
	transition: all 400ms ease;
}

.programList li {
	background: rgba(0,0,0,.1);
	border-radius: 3px;
	display: inline-block;
	padding: 8px 12px;
/*	margin: -4px 10px;*/
    margin: 5px 10px;
	color: #FFFFFF;
	transition: all 400ms ease;
	height: 37px;
}



.exLevelGroup {
	display: flex;
	margin-bottom: 25px;
	border-radius: 5px;
/*	background: rgba(0,0,0,.15);*/
}


.exLevelGroup_noLvl {
	margin-bottom: 25px;
	border: 2px solid #999!important;
	background: #999!important;
	border-radius: 5px;
}

.ex_subcat.exLevelGroup_-1 {
	border-color: #999!important;
	background: #999!important;
}

.exLevelGroup_0 {
	border-color: #FFF!important;
}


.exLevelGroup_1 {
	border-color: #0069b3!important;
	background: #0069b3!important;
}

.exLevelGroup_2 {
	border-color: #c01f18!important;
	background: #c01f18!important;
}

.exLevelGroup_3 {
	border-color: #e16e10!important;
	background: #e16e10!important;
	
}

.exLevelGroup_4 {
	border-color: #5c9a2c!important;
	background: #5c9a2c!important;
}

.exLevelGroup_5 {
	border-color: #d1c000!important;
	background: #d1c000!important;
}

.exLevelGroup_6 {
	border-color: #532865!important;
	background: #532865!important;
}


.exLevelGroup .levelInfo {
	padding: 10px;
	color: #fff;	
}

.exLevelGroup_0 span { /* white */
	background: #fff;
	color: #333;
}

.exLevelGroup_1 span { /* blue */
	background: #0069b3;
	color: #fff;
}



.exLevelGroup_2 span { /* red */
	background: #c01f18;
	color: #fff;
}



.exLevelGroup_3 span { /* orange */
	background: #e16e10;
	color: #fff;
}



.exLevelGroup_4 span { /* green */
	background: #5c9a2c;
	color: #fff;
}



.exLevelGroup_5 span { /* yellow */
	background: #d1c000;
	color: #fff;
}



.exLevelGroup_6 span { /* violet */
	background: #532865;
	color: #fff;
}

.ex_cat {
	background: #999;
	color: #fff;
	padding: 0px 8px;
	border-radius: 3px;
	
}

.ex_subcat {
	text-transform: uppercase;
	font-size: 11pt;
	line-height: 12pt;
	color: #fff;
	padding: 4px 4px;
	margin: 3px auto;
	border-radius: 3px;
	display: flex;
  justify-content: center;
  align-items: center;
	height: 40px;
	width: 92%;
	/*max-width: 200px;*/
}

.no_padding {
	padding: 0!important;
}

.cat_col {
	border-radius: 4px;
	display: inline-block;
	vertical-align: top;
/*
	min-width: 180px;
	max-width: 240px;
*/
	background: #efefef;
	
}





.cat_col_first {
	width: 70px!important;
	min-width: 70px!important;
	
	writing-mode: vertical-rl;
    /*text-orientation: upright;*/
	
	
	letter-spacing: 1px;
}

.cat_col .template_block {
	display: block;
	
}

.cat_col:not(.cat_col_first):not(.ex_empty)  {
	box-shadow: 5px 5px 5px 0 rgba(0,0,0,.03);
	height: fit-content;
}


.row-x .cat_col, .row-x .ex_empty .template_subcat_holder {
	box-shadow: none!important;
	height: auto;
}

.row-x .template_subcat_holder {
	margin-bottom: 10px!important;
	box-shadow: 5px 5px 5px 0 rgba(0,0,0,.03);

}



.cat_col_first .template_block {
/*	background: #ffffff;*/
	width: 70px!important;
	min-width: 70px!important;
}

.template_subcat_holder {
	text-align: center;
	padding: 8px 0px;  /*padding: 10px 0px 6px 0px;*/
/*	margin-bottom: 15px;*/
	background: #fff;
	border-radius: 4px;
}

.template_subcat_holder .template_block {
	margin-bottom: 0px!important;
}

.block_spacer {

    border: 4px dotted #999999;
    border-style: none none dotted none;
    width: 100%;
    margin: 25px 0 0 0;
     
}

/*
.block_spacer {

    border: 6px solid #efefef;
    border-style: none none solid none;
    width: 100%;
    margin: 25px 0 0 0;
	border-radius: 4px;
     
}
*/

.cat_col.cat_col_first {
	margin-left: 10px!important;
}




.lessonName {
    position: relative;
    border-radius: 5px;
    width: fit-content;
    font-size: 16pt;
    margin-top: 8px;
    color: #ffffff;
    text-transform: uppercase;
    text-align: left;
    /* letter-spacing: -5px!important; */
    height: fit-content;
    padding: 25px 15px;
    left: -8px;
}

.ex_empty .template_subcat_holder {
	background:transparent!important;
   
}

/*
#exData {
	background: #efefef;
}
*/

.exLevelGroup {
	background: #efefef;
}

.marker {
	margin: 0px 2px;
	padding: 8px 15px;
	border-radius: 3px;
	
}

.btn_L {
	font-weight: normal;
	padding: 10px 10px;
	
}

.btn_linktype:before {
	font-family: "Font Awesome 5 Free";
	color: rgba(0,0,0,.2)!important;
   	vertical-align: middle;
   	font-weight:900;
	font-size: 20pt;
	text-align: left;
}

.btn_locked.btn_linktype:before {
	color: rgba(0,0,0,.75)!important;
}


.btn_linktype_1:before { /* vimeo */
	content: "\f03d";
}

.btn_linktype_20:before { /* pdf */
	content: "\f1c1";
}

.btn_linktype_21:before { /* zip */
	content: "\f1c6";
}

.btn_linktype_22:before { /* excel */
	content: "\f1c3";
}

.btn_linktype_23:before { /* word */
	content: "\f1c2";
}

.btn_linktype_24:before { /* powerpoint */
	content: "\f1c4";
}

.btn_linktype_50:before { /* url */
	content: "\f0c1";
}

.btn_locked {
	opacity: .35!important;
	cursor: default!important;
}

.btn_locked:hover {
	opacity: 1!important;
	cursor: default!important;
}

.btn_locked:hover span {
	visibility: hidden;
}

.btn_locked:hover:after {
	position: absolute!important;
	font-family: "Font Awesome 5 Free"!important;
	font-weight:600;
	padding: 0!important;
	margin:0!important;
	content: "\f023";
}

.btn_XS.btn_locked:hover:after {
	font-size: 8pt;
}


.btn_L.btn_locked:hover:after {
	font-size: 16px;
}

.btn_action {
	cursor: pointer;
	text-align: center;
    background: #000000;
    line-height: 26px;
/*    font-size: 22px!important;*/
    font-size: 22px;
    color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 5px;
    padding: 20px 20px;
    margin-top: 15px;
    display: inline-block;
	width: fit-content;
}

.login-left .btn_action {
    background: #bbb;
}

.btn_action:hover {
	color: #fff;
	background: #0097dd;
	transition: all 300ms ease;	
}


.btn_activate {
	cursor: pointer;
	text-align: center;
    background: #ec7e23;
    line-height: 26px;
    font-size: 22px!important;
    color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 5px;
    padding: 20px 20px;
    margin-top: 15px;
    display: inline-block;
	width: fit-content;
}

.btn_activate:hover {
	color: #fff;
	background: #000;
	transition: all 300ms ease;	
}


.btn_action:after {
	font-family: "Font Awesome 5 Free"!important;
	font-weight:600!important;
	margin-left: 30px;
	content: "\f061";
}



.btn_action_small {
	cursor: pointer;
	text-align: center;
    background: #000000;
    line-height: 16px;
    font-size: 14px!important;
    color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    padding: 10px 10px; 
    display: inline-block;
	width: fit-content;
}

.btn_action_small:not(.btn_disabled):hover {
	color: #fff;
	background: #0097dd;
	transition: all 300ms ease;	
}


.btn_action_small:after {
	font-family: "Font Awesome 5 Free"!important;
	font-weight:600!important;
	margin-left: 15px;
	content: "\f061";
}


.btn_no_arrow:after {
	content: ""!important;
	margin-left: 0!important;
}

.btn_disabled {
	cursor: default!important;
	opacity: .5!important;
	transition: all 300ms ease;	
}



.highliteBlock {
	background: #000000;
	color: #ffffff;
	border-radius: 4px;
	margin: 0 auto;
	padding: 15px 25px;
}

#dlModal .modal-body img {
	margin-bottom: 25px;
	border-radius: 3px;
	
}

input[type=checkbox] {
	margin-right: 10px!important;
	
}

h1 {
	margin-left:25px;
	margin-bottom: 25px!important;
}

#page-register h1, #page-forgotpass h1, #page-login h1 {
	margin-top: -20px;
	margin-left: 0!important;	
}

#page-register h1 {
	margin-top: 0px;
}

#discountButtonHolder {
/*
    position: relative;
    top: -46px;
*/
    justify-content: flex-end;
}

#programBarHolder {
    justify-content: space-between;
    align-items: center;
    display: flex;
    flex-direction: row;
}

#programBarHolder ul {
    margin-bottom: 0!important;
}

#programBarHolder a {
    text-align: center;
    width: auto!important;
    display: block;
    text-decoration: none!important;
}

.discountButton:hover {
    background: #000;
    border: 1px solid #000;
    
}

.discountButton {
    font-size: 11pt;
    cursor: pointer;
    transition: all .3s ease;
    color: #fff;
    background: transparent;
    width: fit-content;
    
    padding: 10px 15px;
    border-radius: 5px;
    border: 1px solid #fff;
}

.discountButton i {
    margin-right: 5px;
}

.warning_box {
    margin-top: 15px;
	background: crimson;
	padding: 6px 15px;
	color: #fff!important;
	border-radius: 4px;
	width: fit-content;
}

.warning_box:before, .warning_box:after {
	font-family: "Font Awesome 5 Free"!important;
	font-weight:600;
	content: "\f071";
}

.warning_box:before {
	margin-right: 15px;
}

.warning_box:after {
	margin-left: 15px;
}

.promocode_applied_box, .accept_box {
	
	background: rgb(122, 179, 78);
	padding: 6px 15px;
	color: #fff!important;
	border-radius: 4px;
	width: fit-content;
}


.promocode_applied_box {
	
	margin: 25px auto 0 auto;
}

.promocode_applied_box:before, .accept_box:before {
	font-family: "Font Awesome 5 Free"!important;
	font-weight:600;
	content: "\f058";
	margin-right: 15px;
}





.fileTitle {
	font-size: 20pt;
}

.fileName {
	margin: 10px 0 20px 0;
}


#marketingHolder {
	margin: 25px 0;
	line-height: 26px!important;
}


.sales_buy_confidence_title { 
    font-weight: bold;
    font-size: 14pt;
}

.subscribe_price_holder {
    display: flex;
    flex-wrap: wrap;
}

.subscribe_price_holder .price_type, .subscribe_price_holder .prices  {
   flex: 1;
}


.subscribe_price_holder .price_type {
    max-width: fit-content;
    margin-right: 75px;
}


.flexHolder {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 25px;
}

.flexHolder i {
    margin: 1px 15px 15px 15px;
    font-size: 14pt;
}

.flexHolder .text {
    flex: 1;
}


    


.price_covers {
    font-size: 9pt;
    margin-top: 5px;
}

.purchase_subtitle {
    font-weight: bold;
    margin-bottom: 8px;
    
}




.purchase_bottom_holder {
    z-index: 999;
    padding: 25px;
    background: #efefef;
    position: fixed;
    width: 100vw;
    bottom: 0;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 25px;
    
}


.purchase_bottom_holder .btn_action {
    margin-top: 0px;
    font-size: 14pt!important;
    padding: 10px 15px!important;
    
}



@keyframes blink {
  0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}

.blink {
  animation: blink 1s infinite; /* Blink animation runs infinitely */
}